Grid reader


Published on

Grid Reader is an Interaction Design Semester-long project.
We try to develop an application lets users read feeds they are interested in instantly, efficiently, in a customized way from anywhere .

Published in: Design, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Grid reader

  1. 1. GRID READER –Read fees you are interested in instantly, efficiently, and a customized way from anywhere.<br />Chieh- Yu, Tao<br /><br />New York University<br />
  2. 2. Project Concept<br />Internet not only brings the information-exploding Era, but also the faster and faster speed of life. Booming knowledge and ideas surround us as electronics flying around nucleus, and it is unbearable to wasting lot of time to dig into the mass to find the useful one. We are so sensitive to efficiency and simplicity that it will make us upset and complain for spending 5 min on things that we think can be finished in 3.5 min. Grandfather would spend the whole afternoon on reading newspaper, and it will be too much for us for using half and hour on it. But meanwhile, we need those information, more specific, more diversely, less time, less energy.<br />That is how comes the idea of Grid Reader for us. It would be an efficient, instant and attractive application for people to access the most important and the latest information in the rapid world. Users customize the news walls that only belong to themselves. By applying the RSS skill, Grid Reader gathers news and information from the worldwide. Not only words but also images, even videos of news can users gain. Just few minutes, users will get the most important information. Besides, Grid Reader allows users save their news and share it with others.<br />Integrating social networking is also a feature of The Moment. Users can only gain the updates of people they want to follow. Different to general social networking application, Grid Reader just shows the status of people users care of. It helps filtering unnecessary information.<br />More than saving time and energy, The Moment will give you the fantastic experience when using it with beautiful interface and simple operation. The device of Grid Reader would be iphone and ipad and completed by Xcode developer toolset. The interface will be human-based and the operation will be combined the technology of gesture on iphone/ ipad. In the advanced version, Grid Reader should operate on any portable device and website.<br />
  3. 3. Project Concept<br />
  4. 4. Project Concept<br />We Learn<br />Different types of information should be displayed in different way. <br />We Realize<br />Read feeds users are interested in instantly, efficiently and customized way from anywhere.<br />
  5. 5. Design Process<br />Communication, Narrative, Storyboarding: Sketch the diagram.<br />
  6. 6. Design Process<br />Initial Phototype: After discussing the storyboard and UI logic, we start to design the initial phototype.<br />
  7. 7. Design Process<br />Programming: iPhone/ iPad application development is under iOS SDK environment. Compiling Objective-C program in Xcode, designing the UI in Interface Builder and running the demo on iOS simulator.<br />
  8. 8. Design Process<br />My Responsible For: <br />Sync with Google Reader<br />Manage Feeds<br />RSS/News Search<br />
  9. 9. Design Process<br />Sync with Google Reader<br />Manage feeds<br />RSS/News Search<br />
  10. 10. Design Process<br />Sync with Google Reader<br />Manage feeds<br />RSS/News Search<br />
  11. 11. Design Process<br />Sync with Google Reader<br />Manage feeds<br />RSS/News Search<br />
  12. 12. Design Process<br />Synchronize to Google Reader<br />
  13. 13. Design Process<br />Synchronize to Google Reader<br />ASIHTTPRequest:<br /><ul><li>It’s suitable performing basic HTTP requests and interacting with RES- based services (GET/POST/PUT/DELETE).
  14. 14. Framework: CFNetwork (working with HTTP authenticating HTTP and HTTP servers).
  15. 15. Sample Codes:
  16. 16. ASIHTTPRequest: handling the basics of communicating with web servers.
  17. 17. ASIHTTPFormRequest: make POST easier.</li></li></ul><li>Design Process<br />Synchronize to Google Reader<br />
  18. 18. Design Process<br />Synchronize to Google Reader<br />
  19. 19. Design Process<br />Synchronize to Google Reader<br />Sending a basic query: <br /><br /> “ NSLog(@"requestFinished- %@",responseString)”<br />
  20. 20. Design Process<br />Manage Feeds: add, delete, search, reorder<br />
  21. 21. Design Process<br />Manage Feeds: add, delete, search, reorder<br />
  22. 22. Design Process<br />Instant RSS/News Search:<br />Google News Search API:<br /><ul><li>An AJAX (asynchronous JavaScript and XML) API.
  23. 23. Using the JSON (JavaScript Objective Notation) interface.
  24. 24. construct a properly formatted URL with all necessary CGI arguments.
  25. 25. send an HTTP referer header.
  26. 26. process the JSON-encoded response. </li></li></ul><li>Design Process<br />Instant RSS Search:<br />[Website]<br />
  27. 27. Design Process<br />Instant RSS Search:<br />
  28. 28. Design Process<br />Instant RSS Search:<br />
  29. 29. Design Process<br />Instant RSS Search:<br />The standard URL for Google News Search APIs is:<br /><br />URL arguments:<br />
  30. 30. Design Process<br />Fabrication<br />
  31. 31. Sample<br />Interface<br />MANAGE THE FEEDS, ACCOUNT,<br />CATEGORIES.<br />GRID VIEW<br />FULL SCREEN<br />PREVIOUS FEED<br />NEXT FEED<br />NEWS WALL<br />FEEDS<br />
  32. 32. Sample<br />Grid Views<br />
  33. 33. GRID READER~<br />Appreciate Your Reading<br />Thank You Very Much<br /><br />Joy Chieh-Yu, Tao<br /><br />New York University<br />