PM INDIA OFFICIAL ICON

Transcription

1 WIREFRAME FOR THE OFFICIAL PMO MOBILE APPLICATION. Team Members: - Abhishek Nicchanametla - Pratyush Reddy - Nithin Reddy - Sai Srikanth - Rajiv Reddy - Omkar Reddy PM INDIA OFFICIAL ICON

2 WIREFRAME : Sign-In Page: Screen SRN 01 Registered/Unregistered user can also start a guest session in this app. He can navigate to the home screen by tapping this icon. Guest session will provide only limited access of the app to the user. Features which require registration and login are given in the description below

3 Registered users can login by providing their login credentials. Logging in will give them complete access to all features of the app. New user can login by clicking here and entering all his personal information such as name, city, DOB, Phone no. and ID in SRN002. User has an option to log in using his existing accounts in either of Facebook, Google+ or Twitter. Clicking on either icon will re-direct the app to the native browser of the phone. Purpose of the screen : The main purpose of this screen is explained above. If a user in a guest session tries to access a feature which isn t accessible in the session, he will be re-directed to this screen i.e. SRN01. Navigation :

4 - Upon successful login, user is taken to home screen of the app. - Upon tapping home icon, Guest session is started On logging in for the first time Screen SRN02 Purpose : On the first successful login on the given device, the app prompts the user to grant the required permissions in order to access all the features, as mentioned in the guidelines.

5 Navigation From SRN01. To SRN04. Sign-up screen : Screen SRN03 Purpose : On clicking New User? on SRN01, the user is redirected to this screen. This is the manual sign up method in which the user has to enter the personal information asked. On signing up, a confirmation link is sent to the given mail ID. User will be a valid registered user only after confirmation.

6 Navigation : From SRN01. To SRN 004 Home page - Part 1 : Screen SRN04 Clicking on this overflow menu will allow the user to switch the in-app language. This is the in-app search box. It supports basic search within the app. Returns a list of clickable views in a different activity based on user entered string. This view is the Trending Section. All the latest news, happenings updates, videos, related to the PM will show up in this view. It gets updated as soon as there is a new piece of news. User can switch between news items with the help of given navigation arrows. This is the Social Media section. Latest tweets/facebook updates will be shown and the user can navigate between the latest posts using the given navigation arrows. To get an entire list of recent posts on either facebook/twitter by the PMO, the user can click on more. Purpose : This is the main home screen of the app. As mentioned, it contains a Trending Now section and a Social Media section.

7 When the user clicks on a news item in the Trending Now clickable view, he is redirected to a different activity which contains the corresponding view that he clicked on. For example, in the given snippet, a video is shown in the Trending Now view. When the user clicks on it, a different activity opens up(example SRN05). The video loads up and plays provided the device is connected to the internet. The activity also consists of an article regarding the trending topic. More information about the activity which opens up is described in the purpose section of SRN05. When the user clicks on a latest update shown in the Social Media clickable view, the corresponding tweet/facebook update loads up in a different activity with all the corresponding info and options. The view consists of the sliding tab layout implementation. Corresponding example for the given tweet in the snippet is explained in detail in SRN07 section. The user can switch between seeing twitter/facebook updates by clicking on the corresponding icon, which get highlighted on selection. User can view a complete list of recent updates by clicking on more>>. The activity which opens up on clicking it is shown in SRN08. Both the sections are provided with navigation arrows so that user can switch from one item to another i.e. news item/social media update correspondingly. If the user doesn t switch from current item for more than 45 seconds, the app automatically switches to the next item and displays it in the corresponding view. Clicking the overflow menu in SRN04 will pop-up a menu as shown and the user can change the in-app language.

8 Navigation : - From : SRN 01 To : SRN 05. On clicking Trending Now section view. - From : SRN01 To : SRN07. On clicking more>> in the Social Media section view.

9 - Navigating between different news items and social media updates using the navigation arrows. - Navigating to an activity which is returned if the user uses the in-app search feature. The resulting activity of this navigation depends on the keyword entered by the user in the search box. Voice out icon. For sharing the item on social media platforms. Trending : Screen SRN05 and SRN06 Comment icon. The user clicks here to comment and share his views with other app users Home icon. To navigate directly to SRN04. Purpose :

10 When the user clicks on any of the item in the trending news view in SRN04, a new activity loads up which consists of the corresponding news article and/or video. An example is shown in SRN05 and SRN06. SRN05 on scrolling down gives SRN06. Basically, SRN06 is the end screen of the article which started in SRN05. Apart from reading the article, the user can also comment on it and share his views with other users of the app who ve read the article. Hence, the app provides a platform for all it s users to share and discuss major issues that concern them. Users who comment will be identified by their unique name that is provided while signing up. The user has a variety of options to share the news item. The voice out option in the action bar on clicking pops up a menu as shown below. The user can select all the platforms that he wishes to share the item on and then click share. One by one, the item will be shared on the selected platforms with the user being prompted to complete the corresponding actions for platform.

11 The Home icon on the top right in the action bar will let the user navigate back to SRN04, just on once click.

12 Social Media : SRN07 Facebook tab is selected and the user is viewing the facebook updates list. The user can switch between Twitter and Facebook by clicking on the corresponding icon. A single Facebook update. It s a part of the clickable list. On clicking, a new activity loads with all info regarding the update, such as the no. of likes,comments and shares. Purpose: This activity shows up when the user clicks on more>> under the Facebook tab on SNR04. This activity displays a list of facebook or twitter updates, as a clickable list view based on the tab selected by user. This activity basically

13 implements a sliding tab layout. The activity will consist of the 50 most recent facebook and twitter updates of the Indian PMO, each. On clicking any of the tweet/facebook update, a new activity loads which shows the update and related info. This is shown in SRN08. Social Media : SRN08 Voice out icon (same functionality as explained before) Text box for registered Twitter users to reply. Replies of other users who re registered Twitter users.

14 Purpose : This screen displays the corresponding update that a user clicks on in SRN07 s list of updates. The user can view all the information relating to the update, such as the content, number of replies, retweets and favorites. Registered Twitter users can reply to the tweet or retweet it from this activity. The app will re-direct to Twitter and prompt the user to log in if he is tring to reply/retweet for the first time or isn t logged in from the device. Once logged in to Twitter, the user will be re-directed to SRN07 and he can now reply and retweet at will. The activity also displays a scrollable view consisting of other registered Twitter users replies.

15 Home page Part 2 : Screen SRN09 In-app search (Described in SRN04) This view consists of streams and links to the official PMO channel. It is explained in detail in the purpose section. Clicking this navigation arrow will load up an activity with a list view consisting of news items of the recent past. This view consists of news items related to the PM in the recent past. Clicking on an item in this view will load the corresponding article in a different activity with a host of options such as comment, voice out. Purpose Screen SRN09 is obtained when the user scrolls down in SRN04, hence it s referred to as Home page Part 2. This screen basically consists of two views, the PMO India Channel and the latest news section.

16 PMO India Channel This view consists of links to live streams of events involving the PM and the official PMO India channel. Whenever there is a major live event associated with the PM be it addressing a large gathering of supporters or a talk in the Lok Sabha session, this section will consist of a link to the live stream. User can clearly identify if there is a live event at a given time as a small icon is placed at the top of the link to the stream. (as shown in the snippet SRN009). Clicking on the link to the stream will allow the user to watch the event live on his device. This stream will load up in a different activity and play in the app s built-in video player. If there is no current live activity, the view will consist of most recent videos uploaded by the PMO channel and the user can view them directly by clicking on them. Clicking the navigation arrow in the PMO India channel view will take the user to the official channel itself. The channel is implemented in the app itself using the YouTube API and the user isn t redirected to YouTube. It will load up in a different activity as shown ahead in SRN10. Latest news - This part of the main screen will consist of a list of news articles relating to the PM. News will cover events in the recent past. Clicking on the news article will open up a screen similar to SRN05. A navigation arrow is provided in this view. When the user clicks on this, a listview of news articles loads up as a different activity, as shown in SRN11 below.

17 PMO Indian Channel SRN10 Searchbox. For the purpose of searching for given video in the PMO India channel. Listview of videos Purpose The channel will consist of all the videos uploaded on the PMO official channel, i.e. a listview of videos. The channel will also support a basic search which allows the user to search for a video based on the event related to which he wishes to

18 find a video. All the data pertaining to the videos in this activity is fetched from the official YouTube PMO channel. Latest News : Screen SRN11 Purpose : This activity consists of a listview of news articles as shown. Users can access the required article by simply clicking on the corresponding news item. Screen similar to SRN05 will show up when the user clicks on any news article item in the list.

19 Home page Part 3 : Screen SRN12 List of the major initiatives taken by the PM. Each icon is clickable and it loads info about the corresponding initiative in a different activity. Opens up a list of the PM s Mann ki Baat audio files on clicking, in a different screen. These audio files get their data from SoundCloud. A compilation of all the inspirational quotes of our Hon ble PM. Purpose : This is the third and final part of the homepage i.e. obtained on scrolling SRN09. This screen consists of the following

20 Major initiatives taken by the PM This view consists of the 3 most recent initiatives started by the PM. The tiles get updated as and when new initiatives are launched. Each of the 3 tiles are clickable. On clicking, the corresponding initiaitive s info is loaded in a different screen as shown below in SRN11. Major Initiatives : SNR13 This is the listview of all the initiatives that are taken up by the GOI. On tapping on this arrowhead/the tile the app directs the user to the screen below.

21 This is a brief description of the initiative that appears when tapped on the corresponding button in the listview of SRN13. This clickable view directs the user to the In-App browser for more details and pictures regarding the initiative. Purpose : This screen conveys the detailed idea of the initiatives by the PM to the user. Navigation: The user gets redirected to this activity upon tapping on the listview in SRN13.

22 Mann ki Baat On clicking on the Mann ki baat Imageview, a listview of all the Mann ki baat audio files as individual items load up in a different activity as shown below in SRN12. Mann ki baat SRN14

23 Purpose : Data is fetched from the official PMO SoundCloud account and a list of audio files of the PM s Mann ki Baat is loaded. This list keeps getting updated as soon as changes are made in the official PMO SoundCloud account. The list consists of all the audio files since the Mann ki Baat programme started. On clicking any of the audio files, the following screen is what the user sees. Mann ki Baat- SRN15 Audio player which pops up when the user clicks on any audio file. All of SoundCloud s features in it can be accessed once the user logs into SoundCloud on being prompted to if needed to. User selected audio file.(highlighted)

24 Purpose : Data pertaining to the audio file clicked in the list view is fetched from SoundCloud and the audio file is played in the app, without any redirection. The player pops up and the audio files in the list are pushed down. The audio file to which the user is listening gets highlighted. The player which pops up to play the audio file will be similar to that of the official SoundCloud app with the same set of options provided to the user. The app will prompt the user to log in to his SoundCloud account if he tries to use any of the SoundCloud feature in the player for the first time or when he isn t logged into SoundCloud. The app will redirect to SoundCloud and once logged in, it will come back to its parent activity and the user can now use all the features that come with the SoundCloud audio player. PM s Calendar : SNR16 The user can see the schedule of each day or the brief schedule of each month by clicking on the buttons This Month and This Year. On tapping on individual day the user gets a detailed schedule of the PM for that particular day. Purpose : This feature enables even a common user to have track of the PM s schedule.

25 Navigation : The user is navigated to this screen upon clicking on the PM s Calendar clickable button in the SNR12 Opinion Poll : SNR17 When the user clicks on the OPINION POLL button in SNR12 the app directs him/her to this login page opened in In-App browser. Purpose : This provides the user with a choice of participating in the opinion poll. The user needs to enter his/her login credentials to login to the mygov.in site which is

26 opened in In-App browser by the app upon clicking on the opinion poll clickable button in SNR12. Merchandise Store : SNR 18 Purpose: The merchandise store is an activity that has a tile view of merchandise that compliments the PMs office and India. Clicking on an individual tile directs the user to a page consisting of the detailed information of the corresponding merchandise and also the payment opinions. Navigation: The user is directed to this activity upon clicking on the Merchandise Store option in SNR12.

27 Interact with PM: SNR 19 Purpose : Data is fetched from mygov.in and is opened in the In-App browser where the user can write his/her query/suggestion to the PM. The data is sent back to the mygov.in website with a captcha validation. Navigation: The user is navigated to this site upon clicking on the Interact with PM button in the SNR12.

28 PM s Gallery : SRN20 Search box to search for specific picture. Purpose : The Gallery is a clickable tile view of Hon ble PM Shri. Narendra Modi s pictures. When the user taps on the Gallery clickable view in SRN01x then the app directs the user to this activity.the user can see the recent pictures by tapping on the the RECENT clickable button. User can also set the pictures as wallpaper/screensaver by long press on the corresponding picture for 2 seconds. The pop up appears at the end of the 2 nd second.

29 Navigation Drawer : Screen SRN21 Corresponding navigations on clicking each of these items are listed below. Purpose: The navigation drawer slides in from the left. The navigation drawer spans the full height of the screen, including behind the status bar. Everything behind the drawer is still visible but is faded. The drawer provides the user with a host of options and the corresponding navigation on clicking each of the item is listed below in the navigation sub-heading.

30 Navigation: From SRN01 to Upon swiping the screen from the left. To different screens(activities based on the option selected) User Profile : SRN 22 All the notification and messages received by the user in the app are stored in the notification repository and can be viewed over there when required. The notification repository is shown in the below wireframe.

31 All the notifications and messages stored in the repository and subdivide into categories as seen in wireframe. Purpose: The user can view his profile details and also can edit his profile details to update them. This activity also has a clickable OPEN NOTIFICATION REPOSITORY button which upon clicking directs the user to an activity where all the notifications and messages received by the user in the app are stored. Navigation : The user is directed to this activity upon tapping on the clickable profile button in the Navigation Drawer of the application.

32 Screen SRN23: Settings Notifications : Screen SRN24 Permissions : Screen SRN25

33 Purpose Screens SRN23, SRN24, SRN25 serve the user the purpose of changing basic settings inside the app. On clicking the Settings option in SRN21, the user is navigated to SRN23. He can change settings related to background refreshing( turning it on and off), caching, Notifications and Permissions. In SRN24, the user can customize the notifications based on what content he would want to receive as a notification. Categories include social media updates, latest news, disaster alerts and latest schemes. User will receive time to time notifications for all the categories which he checks off. For ex When the PM is launching a new scheme, the user will receive a notification on his device regarding it only if the latest schemes box is checked off by the given user. In SRN 25, the user can allow/deny the app permission to access the following features SMS, Contacts, Location, Gallery. If a user denies the app permission to access his location, then he will not receive any location based updates/notifications. Similarly, if access to contacts is denied, the user will not be able to contact the PMO by clicking on Contact PMO on SRN05. Operations - SRN23 - OPR01 - Turning on/off background refresh and/or caching. SRN24, SRN25 - OPR01- Customizing notifications, Granting/Denying permission of listed services to the application. Navigation - SRN023 From SRN05. To SRN024. On clicking Notifications. From SRN05. To SRN25. On clicking Permissions

34 Profile of our PM: SNR26 On clicking on these options they redirect to different activities containing the corresponding information about the PM. Purpose : Through this activity the user can find about information like Political history, DYK facts about the PM and also about his pre-political life. Navigation : The user is directed to this page upon clicking on the About the PM option in the Navigation Drawer of the app.

35

36 Gallery of Former PMs: SRN27 Clickable view of the former PMs with a brief description about their term in the office. On tapping on this arrow head the user is directed to an activity where he/she gets the full information about the corresponding former PM. Purpose : This screen has a scrollable and clickable listview of all the former PMs of India in the past. Navigation : The user is directed to this activity on tapping on the clickable Gallery Former PMs in the Navigation drawer of the application.

37 Visit PMO INDIA Website:SNR28 Purpose : Data is fetched from the PM INDIA website and is displayed through the In-App browser in the app. All the functionalities of the website are conserved by converting the website to the mobile version. Navigation : When the user taps on the clickable Visit PMO INDIA Website option in the listview of the Navigation Drawer in the application.

38 An example of the notification tray: Navigation : When swiped from the top of the screen.