Session 8

380 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
380
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Session 8

  1. 1. Session 8 An Introduction to Mobile Applications
  2. 2. Session Objectives <ul><li>Understand Wireless Internet </li></ul><ul><li>Understand the challenges faced by Wireless Internet </li></ul><ul><li>Understand WAP / WML </li></ul><ul><li>Work with Mobile controls </li></ul>
  3. 3. Challenges of the Wireless Internet <ul><li>Internet is required not only at home and at work but also on the move </li></ul><ul><li>The constant requirement of information has led to the invention of WAP enabled mobile devices </li></ul><ul><li>Building applications of mobile devices has been the prime challenge </li></ul>
  4. 4. Challenges of the Wireless Internet <ul><li>Data transfer speeds </li></ul><ul><li>Processing power of the device </li></ul><ul><li>Display & Input capability </li></ul><ul><li>Navigation </li></ul>
  5. 5. How Internet works
  6. 6. How wireless network works
  7. 7. Structure of a WML file header body
  8. 8. Deck of cards
  9. 9. The <card> element
  10. 10. The <p> element <ul><li><p> element is required to present text in WML </li></ul><ul><li>Tag has 2 attributes – mode & align </li></ul><ul><li>mode attribute can be set to “ wrap ” or “ nowrap ” </li></ul><ul><li>align attribute is used to set the alignment </li></ul>
  11. 11. Microsoft Mobile Explorer
  12. 12. Problems with WML -1 <ul><li>Device Interoperability </li></ul><ul><ul><ul><ul><li>Mobile phones understand WML </li></ul></ul></ul></ul><ul><ul><ul><ul><li>PDA’s understand HTML </li></ul></ul></ul></ul><ul><li>HTML pages made on a desktop PC are designed for a 800 x 600 resolution </li></ul><ul><li>The same resolution is not clear on a PDA </li></ul>
  13. 13. Problems with WML -2 <ul><li>Generating 2 projects – one for the mobile phone and one for the PDA </li></ul><ul><li>WAP browsers have their own proprietary set of WML extensions which do not work on all browsers </li></ul>
  14. 14. Mobile Internet Toolkit <ul><li>The MIT is an add-on to the .NET framework </li></ul><ul><li>Provides developers with a set of ASP.NET server controls </li></ul><ul><li>Enables ease of programming </li></ul>
  15. 15. Mobile Internet Toolkit - Benefits <ul><li>Knowledge of WAP is not required </li></ul><ul><li>Automatically detects the browser and generates relevant scripts </li></ul><ul><li>Enables developers to provide the same look on every mobile device </li></ul><ul><li>Enables easy event based mobile web application programming </li></ul>
  16. 16. Mobile Internet Toolkit - Drawbacks <ul><li>Less versatile – has limited control over the way pages appear </li></ul><ul><li>Only WML 1.1, HTML 3.2 and cHTML are currently supported </li></ul>
  17. 17. Using the MIT <ul><li>The MIT consists of 3 components – </li></ul><ul><ul><ul><li>The Mobile Internet Controls Runtime </li></ul></ul></ul><ul><ul><ul><li>The Mobile Internet Controls </li></ul></ul></ul><ul><ul><ul><li>The Mobile Internet Designer </li></ul></ul></ul>
  18. 18. Example -1
  19. 19. Output
  20. 20. Example -2 <ul><li>Output in IE </li></ul>
  21. 21. HTML Source code
  22. 22. The Mobile Internet Designer-1
  23. 23. The Mobile Internet Designer-2
  24. 24. The Mobile Internet Designer-3
  25. 25. More mobile Internet controls <ul><li><mobile:Link> </li></ul><ul><li><mobile:TextBox> </li></ul><ul><li><mobile:Command> </li></ul>
  26. 26. <mobile:Link> -1 <ul><li>Example - </li></ul>
  27. 27. <mobile:Link> -2 <ul><li>Output - </li></ul>
  28. 28. <mobile:Link> attributes
  29. 29. <mobile:TextBox> -1 <ul><li>Example - </li></ul>
  30. 30. <mobile:TextBox> -2 <ul><li>Output - </li></ul>
  31. 31. <mobile:TextBox> attributes and events <ul><li>Events </li></ul>
  32. 32. <mobile:Command> -1 <ul><li>Example - </li></ul>
  33. 33. <mobile:Command> -2 <ul><li>Output - </li></ul>
  34. 34. <mobile:Command> attributes

×