Internet data in Mobile applications Sheik Dawood Jainullabudeen  ( sheikd  at vishwak.com) Vishwak Solutions Pvt Ltd
Types of Internet Data <ul><li>Web Service </li></ul><ul><li>JSON </li></ul><ul><li>XML (RSS feed) </li></ul>
Web Service <ul><li>Web services are typically application programming interfaces (API) or web APIs that can be accessed o...
JSON <ul><li>JSON, short for JavaScript Object Notation, is a lightweight computer data interchange format. It is a text-b...
RSS <ul><li>RSS (most commonly expanded as Really Simple Syndication) is a family of web feed formats used to publish freq...
UI Elements <ul><li>Screen1: Lists the Category Titles  </li></ul><ul><li>Screen2 : On Select of category ,2 nd  screen sh...
Web API served from Web
Mobile RSS Reader <ul><li>Choose the Data Source  </li></ul><ul><li>Retrieve the RSS feed from webserver  </li></ul><ul><l...
Choose the Data Source  (RSS feed ) <ul><li>Here we are connecting to RSS feed  http://rss.cnn.com/rss/edition.rss </li></ul>
Retrieve the VVF feed from webserver <ul><li>Before we do parsing and data manipulation of an RSS feed, the application sh...
Parse the RSS Feed(XML) <ul><li>We can parse XML data with multiple mechanisms.  </li></ul><ul><li>All of them involve the...
Parse the RSS Feed(XML) <ul><li>Two most popular approaches used for parsing the XML namely the DOM Parser, SAX Parser.  <...
Store the RSS data as local objects(Array, List) <ul><li>The RSS feed extracted from the XML data stream must be put into ...
Display the RSS feed in to Android UI Components <ul><li>This RSS Application employs two Activity classes to provide the ...
Mobile Components Comparison
Challenges Faced – Minimal data exchange between mobile & internet <ul><li>Internet Data in mobile connection (GPRS) envir...
Challenges Faced – Minimal data exchange between mobile & internet <ul><li>Mobile Application in Offline mode. </li></ul><...
XML   VS JSON Data Bytes Various API’s and their size in XML, JSON format’s
Uncompressed XML vs Compressed JSON Data Comparison between XML vs Compressed JSON format.  The JSON compressed data size ...
PhoneGap <ul><li>PhoneGap is an open source development tool for building fast, easy mobile apps with JavaScript </li></ul...
VVF on Iphone
VVF on Android
VVF on Blackberry
<ul><li>Thank you </li></ul>
Upcoming SlideShare
Loading in …5
×

Internet data in mobile applications

3,822 views

Published on

Copy of the presentation made by Sheik Dawood (Project Lead) at Vishwak Solutions Pvt. Ltd. (www.vishwak.com) in Anna University, Chennai Mobile Workshop on 1st April 2011

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,822
On SlideShare
0
From Embeds
0
Number of Embeds
1,474
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Internet data in mobile applications

  1. 1. Internet data in Mobile applications Sheik Dawood Jainullabudeen ( sheikd at vishwak.com) Vishwak Solutions Pvt Ltd
  2. 2. Types of Internet Data <ul><li>Web Service </li></ul><ul><li>JSON </li></ul><ul><li>XML (RSS feed) </li></ul>
  3. 3. Web Service <ul><li>Web services are typically application programming interfaces (API) or web APIs that can be accessed over Internet, and executed on a remote system hosting the requested services </li></ul>
  4. 4. JSON <ul><li>JSON, short for JavaScript Object Notation, is a lightweight computer data interchange format. It is a text-based, human-readable format for representing simple data structures and associative arrays (called objects). </li></ul>
  5. 5. RSS <ul><li>RSS (most commonly expanded as Really Simple Syndication) is a family of web feed formats used to publish frequently updated works—such as blog entries, news headlines, audio, and video—in a standardized format </li></ul>
  6. 6. UI Elements <ul><li>Screen1: Lists the Category Titles </li></ul><ul><li>Screen2 : On Select of category ,2 nd screen shows the Description of the RSS story </li></ul>
  7. 7. Web API served from Web
  8. 8. Mobile RSS Reader <ul><li>Choose the Data Source </li></ul><ul><li>Retrieve the RSS feed from webserver </li></ul><ul><li>Parse the RSS Feed </li></ul><ul><li>Store the RSS data as local objects(Array, List) </li></ul><ul><li>Display the RSS feed in to Mobile UI Components </li></ul>
  9. 9. Choose the Data Source (RSS feed ) <ul><li>Here we are connecting to RSS feed http://rss.cnn.com/rss/edition.rss </li></ul>
  10. 10. Retrieve the VVF feed from webserver <ul><li>Before we do parsing and data manipulation of an RSS feed, the application should talk to internet and retrieve the RSS feed </li></ul><ul><li>The Application connect to the site hosting RSS feed through an Internet connection (GPRS or Wi-Fi) and perform an HTTP GET operation to retrieve the RSS data. </li></ul><ul><li>The data which comes back is not a file, it is a stream of XML data. The URL class is employed to fetch the data. </li></ul>
  11. 11. Parse the RSS Feed(XML) <ul><li>We can parse XML data with multiple mechanisms. </li></ul><ul><li>All of them involve the navigation of the data stream and moving of one data element from another with the opportunity to store the data. </li></ul>
  12. 12. Parse the RSS Feed(XML) <ul><li>Two most popular approaches used for parsing the XML namely the DOM Parser, SAX Parser. </li></ul><ul><li>The DOM approach is well suited for complex XML documents as it builds a node-oriented representation of the XML data in memory. </li></ul><ul><li>The SAX approach uses callbacks whenever new tags are encountered, allowing the application to store only the data it is interested in. </li></ul>
  13. 13. Store the RSS data as local objects(Array, List) <ul><li>The RSS feed extracted from the XML data stream must be put into a Mobile application (SDK) understandable form. </li></ul><ul><li>RSSFee d and RSSItem , which store the parsed form of the RSS XML data stream in memory. </li></ul><ul><li>Once the XML data stream is fully parsed, the application interacts with these classes to render the information. </li></ul>
  14. 14. Display the RSS feed in to Android UI Components <ul><li>This RSS Application employs two Activity classes to provide the user interface. </li></ul><ul><li>The primary screen lists the RSS feed title and publication date followed by a list of the RSS items. </li></ul><ul><li>Once an item is selected through a tap, or enter in the Android Emulator, the ShowDescription Activity displays the full detail including the Title, Publication Date, Description and Link elements of the RSS item. </li></ul>
  15. 15. Mobile Components Comparison
  16. 16. Challenges Faced – Minimal data exchange between mobile & internet <ul><li>Internet Data in mobile connection (GPRS) environment is very slow. </li></ul><ul><li>The application cannot retrieve the data using mobile internet(GPRS) fast as internet connectivity. </li></ul><ul><li>So the application should be talking to quick and minimal data </li></ul><ul><li>Mobile Applications quickly get the data from the feed and process it for display. </li></ul>
  17. 17. Challenges Faced – Minimal data exchange between mobile & internet <ul><li>Mobile Application in Offline mode. </li></ul><ul><li>When user tries to connect Mobile application which suppose to connect to internet should have interface to show case the cached information available in the device </li></ul><ul><li>Caching of data will help user to navigate minimum level of information and when internet is available the rest of the information will be shown. </li></ul>
  18. 18. XML VS JSON Data Bytes Various API’s and their size in XML, JSON format’s
  19. 19. Uncompressed XML vs Compressed JSON Data Comparison between XML vs Compressed JSON format. The JSON compressed data size is reduced compared to XML format
  20. 20. PhoneGap <ul><li>PhoneGap is an open source development tool for building fast, easy mobile apps with JavaScript </li></ul><ul><li>Mobile Development with different SDK , IDE </li></ul><ul><ul><li>iPhone SDK(using Objective-C) </li></ul></ul><ul><ul><li>Android SDK (using Java) </li></ul></ul><ul><ul><li>Blackberry SDK (using JavaME) </li></ul></ul><ul><li>Phonegap supports cross-platform framework for device-neutral mobile development. </li></ul><ul><li>Application is developed using Javascript libraries. </li></ul>
  21. 21. VVF on Iphone
  22. 22. VVF on Android
  23. 23. VVF on Blackberry
  24. 24. <ul><li>Thank you </li></ul>

×