grid reader
DESCRIPTION
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 .TRANSCRIPT
Chieh- Yu, [email protected] York University
GRID READER –Read fees you are interested in instantly, efficiently, and a
customized way from anywhere.
Project ConceptInternet 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.
Project Concept
Project Concept
• We LearnDifferent types of information should be displayed in different way.
• We RealizeRead feeds users are interested in instantly, efficiently and customized way from anywhere.
Design Process
• Communication, Narrative, Storyboarding: Sketch the diagram.
Design Process
• Initial Phototype: After discussing the storyboard and UI logic, we start to design the initial phototype.
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.
My Responsible For: • Sync with Google Reader• Manage Feeds• RSS/News Search
Design Process
• Sync with Google Reader• Manage feeds• RSS/News Search
Design Process
• Sync with Google Reader• Manage feeds• RSS/News Search
Design Process
• Sync with Google Reader• Manage feeds• RSS/News Search
Design Process
Synchronize to Google Reader
Design Process
ASIHTTPRequest: It’s suitable performing basic HTTP requests
and interacting with RES- based services (GET/POST/PUT/DELETE).
Framework: CFNetwork (working with HTTP authenticating HTTP and HTTP servers).
Sample Codes: ASIHTTPRequest: handling the basics of
communicating with web servers. ASIHTTPFormRequest: make POST easier.
Design ProcessSynchronize to Google Reader
POST Parameter Name POST Parameter Value
service “reader”
Email User’s Google Reader account (loginTextField.text)
Passwd User’s account password (passwordTextField.text)
source “Scroll”
continue “http://www.google.com”
Design ProcessSynchronize to Google Reader
POST Parameter Name
output Format “XML” or “JSON”
ck Current timestamp
client lens (old)scroll (new)
Design ProcessSynchronize 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)”
Synchronize to Google Reader
Design Process
Design ProcessManage Feeds: add, delete, search, reorder
Manage Feeds: add, delete, search, reorder
Design Process
Google News Search API: An AJAX (asynchronous JavaScript and XML) API. Using the JSON (JavaScript Objective Notation)
interface. construct a properly formatted URL with all
necessary CGI arguments. send an HTTP referer header. process the JSON-encoded response.
Design ProcessInstant RSS/News Search:
[Website]
Design ProcessInstant RSS Search:
Design ProcessInstant RSS Search:
Design ProcessInstant RSS Search:
The standard URL for Google News Search APIs is:http://ajax.googleapis.com/ajax/services/search/newsURL arguments:
Argument Example Description
q q= NBA This argument supplies the query, or search expression, that is passed into the searcher.
v v=1.0 This argument supplies protocol version number. The only valid value at this point in time is 1.0.
rsz rsz =8 This argument supplies an integer from 1-8 indicating the number of results to return per page.
Design ProcessInstant RSS Search:
Design Process
• Fabrication
Sample
• Interface
MANAGE THE FEEDS,
ACCOUNT,
CATEGORIES.
FULL SCREEN
FEEDS
NEWS WALL
GRID VIEW
NEXT FEEDPREVIOUS
FEED
Sample
• Grid Views
GRID READER~Appreciate Your Reading
Thank You Very Much
www.gridgeader.com
Joy Chieh-Yu, [email protected] York University