Difference between revisions of "IS480 Team wiki: 2012T2 Succinq Project Overview Humaneity Mobile"
Jump to navigation
Jump to search
Blleong.2010 (talk | contribs) |
Blleong.2010 (talk | contribs) |
||
Line 394: | Line 394: | ||
| width="200pt" | [[Image:Gives.png|200 px]] | | width="200pt" | [[Image:Gives.png|200 px]] | ||
| width="50pt" | | | width="50pt" | | ||
− | | width="200pt" | [[Image: | + | | width="200pt" | [[Image:Gives_detail.png|200 px]] |
| width="50pt" | | | width="50pt" | | ||
| width="200pt" | [[Image:Gives_share.png|200 px]] | | width="200pt" | [[Image:Gives_share.png|200 px]] | ||
Line 411: | Line 411: | ||
|- | |- | ||
− | | width="200pt" | [[Image: | + | | width="200pt" | [[Image:Gives_volunteer.png|200 px]] |
| width="50pt" | | | width="50pt" | | ||
| width="200pt" | [[Image:2013-02-23 21.42.55.png|200 px]] | | width="200pt" | [[Image:2013-02-23 21.42.55.png|200 px]] | ||
Line 434: | Line 434: | ||
|- | |- | ||
− | | width="200pt" | [[Image: | + | | width="200pt" | [[Image:Gives_donate_method.png|200 px]] |
| width="50pt" | | | width="50pt" | | ||
| width="200pt" | [[Image:2013-02-23 22.01.53.png|200 px]] | | width="200pt" | [[Image:2013-02-23 22.01.53.png|200 px]] |
Revision as of 19:36, 18 April 2013
{ Project Description } | { Humaneity Mobile } | { Admin Portal } | { Project X Factor } |
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Humaneity Mobile Screenshots
iOS User Interface Storyboard
- Splashscreen and Home Page
Splashscreen | Home Page | Menu Button | ||
- Stories
Stories Main Tab | View a Story | View a Story's comments | Make a comment | Share via Facebook | ||||
- Videos
Videos Main Tab | Refresh Video List | Choose and Watch a Video | Share via Facebook | |||
Portrait View | Landscape View | |
- Quotes
Quotes Main Tab | Submit a Quote from own image gallery/Submit an image using the camera function | View a Quote's comments | Make a comment | Share via Facebook | ||||
Input Caption for Quote | Validation | Submit Quote | ||
- Gives Back
Gives Back Main Tab | View a Project | Share via Facebook | ||
Volunteer for a Project | Validations for Empty Fields | Input Details | Submit Details | |||
Donate for a Project | PayPal Login | Choice of Payment | Input Payment Details | |||
Android User Interface Storyboard
- Splashscreen and Home Page
Splashscreen | Home Page | Menu Button | About Humaneity | Feedback form | ||||
- Stories
Stories Main Tab | View a Story | View a Story's comments | Make a comment | Share via Facebook | ||||
- Videos
Videos Main Tab | Share via Facebook | |
Portrait View | Landscape View | |
- Quotes
Quotes Main Tab | Submit a Quote from own image gallery/Submit an image using the camera function | View a Quote's comments | Make a comment | Share via Facebook | ||||
Input Caption for Quote | Validation | Preview | Submit Quote | |||
Flag Quote | Quote Flagged | |
- Gives Back
Gives Back Main Tab | View a Project | Share via Facebook | ||
Volunteer for a Project | Validations for Empty Fields | Input Details | Submit Details | |||
Donate for a Project | Warning Pop-up | PayPal Login | Input Payment Details | Payment Success | ||||
Humaneity Mobile Mockup
iOS User Interface of App Mockup
- Main Page View
This is the first page that the user will see when he launches the mobile application. He will be able to see the Story of the Day, Video of the Day and Travel opportunities. The different images will bring the user to a more detailed view respectively. |
---|
- Stories View
The user selects the Stories tab, user can scroll left or right to view more stories. If he is interested in a particular story, he tap in to read the full article. When he is in a particular story, he will be able to read the full article, view the article's comments, comment on the article and also share the article via Facebook. |
---|
- Videos View
The user selects the Videos tab, user can scroll up or down to view more videos. If he is interested in a particular video, he can watch it by tapping on the video's row. While in the video view, he can also choose to share the video via Facebook. |
---|
- Quotes View
The user selects the Quotes tab, user can scroll left or right to view more quotes. If he is interested in a particular quote, he can choose to comment on it, view the quote's comments or share it via Facebook. If the user wants to submit a quote of his own either by taking a picture with his camera or from his gallery. This can be done by clicking the camera button. |
---|
- Gives Back View
The user selects the Give Back tab, and user can scroll left or right to view more projects. If he is interested to read more about the project, he can tab anywhere below the 3 buttons for more details. Then he can donate a fix amount to support the project, or volunteer by tapping on the volunteer to input his details to be sent to Humaneity. |
---|
- Travel View
Having accessed the travel view, you will see a list of all the available travel opportunities. Selecting any one of them would bring you to the detailed view of the trip. Details include the Trip Name, Cost, Date and Description. You can either scroll down or click the volunteer button to access the 3 textfields where your input will be taken so that your details will be captured for the trip. |
---|
Android User Interface of App Mockup
- Articles View
After opening the Humaneity mobile application, the user would like to read article by clicking "STORIES" shown on navigation bar or the picture of "Cover Story". This First Article would be displayed with picture, headline and Summary of the Article. Upon deciding that the user wants to read more about this article, he would click the picture of headline to access the full length of the article. |
---|
- Videos View
After opening the Humaneity mobile application, the user would like to watch a video by clicking "VIDEOS" shown on navigation bar or the picture of "Video". A list of videos with its Title and description will be shown. Having selected the video user wants to watch, the mobile application will open the phone's video player in which user can then enjoy the video. |
---|
- Quotes View
After opening the Humaneity mobile application, the user would like to access the Quotes feature of the application by clicking "QUOTES" on the navigation bar. Users may decide to share a Quote that he finds meaningful to share via Facebook or submit a quote to share with the application community. By clicking "SUBMIT", user can choose an image either by taking a picture or from its phone gallery to accompany the submission of the Quote. |
---|
- Travel View
Being interested in the going on an overseas community project, the user can access a list of available projects by clicking "TRAVEL" on the navigation bar. By clicking on any of the projects, the user will be shown in much greater detail, information regarding the overseas community project. At this screen, the user may also apply for the project if he wants by clicking on the Apply for travel now button. From here, the user can fill in his details and click on the Apply button. |
---|
- Donate View
While the user is in the application, a pop up would occur and show interesting and jaw-dropping details about a certain cause. From here, the user may either read an article regarding the cause or donate to it. If the user decides to donate, the application would allow the user to select donation amount and process the donation via Paypal. |
---|
- Vote for cause
While the user is in the application, the user can choose to vote for a cause among a list of projects by clicking the thumbs up icon. From here, the user can read more about the various causes by clicking on various images. If the user decides to vote, the user can click the vote button and their vote would be registered. |
---|
Please refer to our use case diagrams and descriptions for a full list of application functions.