Uploaded on

Grid Reader is an Interaction Design Semester-long project. …

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 .

More in: Design , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
627
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. GRID READER –Read fees you are interested in instantly, efficiently, and a customized way from anywhere.
    Chieh- Yu, Tao
    joycytao@gmail.com
    New York University
  • 2. Project Concept
    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.
    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.
    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.
    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.
  • 3. Project Concept
  • 4. Project Concept
    We Learn
    Different types of information should be displayed in different way.
    We Realize
    Read feeds users are interested in instantly, efficiently and customized way from anywhere.
  • 5. Design Process
    Communication, Narrative, Storyboarding: Sketch the diagram.
  • 6. Design Process
    Initial Phototype: After discussing the storyboard and UI logic, we start to design the initial phototype.
  • 7. Design Process
    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.
  • 8. Design Process
    My Responsible For:
    Sync with Google Reader
    Manage Feeds
    RSS/News Search
  • 9. Design Process
    Sync with Google Reader
    Manage feeds
    RSS/News Search
  • 10. Design Process
    Sync with Google Reader
    Manage feeds
    RSS/News Search
  • 11. Design Process
    Sync with Google Reader
    Manage feeds
    RSS/News Search
  • 12. Design Process
    Synchronize to Google Reader
  • 13. Design Process
    Synchronize to Google Reader
    ASIHTTPRequest:
    • It’s suitable performing basic HTTP requests and interacting with RES- based services (GET/POST/PUT/DELETE).
    • 14. Framework: CFNetwork (working with HTTP authenticating HTTP and HTTP servers).
    • 15. Sample Codes:
    • 16. ASIHTTPRequest: handling the basics of communicating with web servers.
    • 17. ASIHTTPFormRequest: make POST easier.
  • Design Process
    Synchronize to Google Reader
  • 18. Design Process
    Synchronize to Google Reader
  • 19. Design Process
    Synchronize to Google Reader
    Sending a basic query:
    http://www.google.com/reader/api/0/subscription/list?output=json&client=scroll&ck=18446744071562067968
    “ NSLog(@"requestFinished- %@",responseString)”
  • 20. Design Process
    Manage Feeds: add, delete, search, reorder
  • 21. Design Process
    Manage Feeds: add, delete, search, reorder
  • 22. Design Process
    Instant RSS/News Search:
    Google News Search API:
    • An AJAX (asynchronous JavaScript and XML) API.
    • 23. Using the JSON (JavaScript Objective Notation) interface.
    • 24. construct a properly formatted URL with all necessary CGI arguments.
    • 25. send an HTTP referer header.
    • 26. process the JSON-encoded response.
  • Design Process
    Instant RSS Search:
    [Website]
  • 27. Design Process
    Instant RSS Search:
  • 28. Design Process
    Instant RSS Search:
  • 29. Design Process
    Instant RSS Search:
    The standard URL for Google News Search APIs is:
    http://ajax.googleapis.com/ajax/services/search/news
    URL arguments:
  • 30. Design Process
    Fabrication
  • 31. Sample
    Interface
    MANAGE THE FEEDS, ACCOUNT,
    CATEGORIES.
    GRID VIEW
    FULL SCREEN
    PREVIOUS FEED
    NEXT FEED
    NEWS WALL
    FEEDS
  • 32. Sample
    Grid Views
  • 33. GRID READER~
    Appreciate Your Reading
    Thank You Very Much
    www.gridgeader.com
    Joy Chieh-Yu, Tao
    joycytao@gmail.com
    New York University