Prototype Report Cash Doctor 3.0 Mobile APP Team 12 Name Alisha Parvez Ekasit Jarussinvichai Kenneth Anguka Danny Lee Le Zhuang Shreya Sharma Steven Helferich Xichao Wang Primary Role Developer Developer IV & V Engineer Quality Focal Point Developer Automation Tester Project Manager Tester February 10, 2015 Version History Date 10/13/14 10/20/14 12/01/14 12/07/14 02/10/15 Author Ekasit Ekasit Ekasit Ekasit Ekasit Version Changes made Rationale 1.0 Original for CSCI577a; Tailored from ICSM PRO Template, separate prototype into screenshots section and core functionality section To present overall workflow of the system and details about capability and limitation of core feature 1.1 - Remove healthcare heroes page - Remove button on my account page (customer) - Add mock-up screen of doctor page - Add some detail on page that users can edit their personal information - Change terminology - Purpose and business value of concept of healthcare heroes is not strong enough - Remove button to reduce confusion - Add screen and some detail to make a better explanation and consistency 2.0 - Change mock-up interface to match with actual interface that we build for integration testing - Add testing with Tesseract part, which test the OCR with several types of actual medical bills - Change description of win conditions according to Winbook - To report progress of prototype to client - To test the capability of COTS with actual sources - Update to reflect change in Winbook 2.1 - Change all word “subscribe” to be “follow” - Add assessment conclusion section - Add functionality to be able to follow other consumers - Make consistency across all documents - To report change of requirements due to feedback from client 3.0 - Remove OCR functionality due to latest ARB - Update Capture invoice page - OCR feature does not add value high enough to the application - Change rationale for this page from reducing workload to providing privacy ii Table of Contents Prototype Report.....................................................................................................................................i Version History ...................................................................................................................................... ii Table of Contents.................................................................................................................................. iii Table of Tables ...................................................................................................................................... iv Table of Figures ...................................................................................................................................... v 1. 2. 3. Introduction ............................................................................................................................................................. 1 1.1 1.2 Purpose of the Prototype Report ................................................................................................................................ 1 Status of the Prototype .................................................................................................................................................... 1 Navigation Flow ...................................................................................................................................................... 2 Prototype Screenshot ........................................................................................................................................... 3 iii Table of Tables Table 1: Login page .......................................................................................................................................................3 Table 2: My account page (consumer) ..........................................................................................................................4 Table 3: Edit profile page (consumer) ...........................................................................................................................5 Table 4: Notification setting page .................................................................................................................................6 Table 5: My network page .............................................................................................................................................7 Table 6: Provider page ..................................................................................................................................................8 Table 7: Compare price page ........................................................................................................................................9 Table 8: Compare result page ..................................................................................................................................... 10 Table 9: Share price page............................................................................................................................................ 11 Table 10: Add provider page ....................................................................................................................................... 12 Table 11: Capture invoice page .................................................................................................................................. 13 Table 12: Search page ................................................................................................................................................. 14 Table 13: Search result page ....................................................................................................................................... 15 Table 14: Register page ............................................................................................................................................... 16 Table 15: Register as a consumer page ....................................................................................................................... 17 Table 16: Register as a provider page......................................................................................................................... 18 Table 17: Forget password page ................................................................................................................................. 19 Table 18: My account page (provider) ........................................................................................................................ 20 Table 19: Edit profile page (provider) ........................................................................................................................ 21 Table 20: Consumer page............................................................................................................................................ 22 Table of Figures Figure 1: Navigation Flow of Cash Doctor System .......................................................................................................2 Figure 2: Login page .....................................................................................................................................................3 Figure 3: My account page (consumer) ........................................................................................................................4 Figure 4: Edit profile page (consumer) .........................................................................................................................5 Figure 5: Notification setting page ................................................................................................................................6 Figure 6: My Network page ...........................................................................................................................................7 Figure 7: Provider page ................................................................................................................................................8 Figure 8: Compare price page ......................................................................................................................................9 Figure 9: Compare result page ................................................................................................................................... 10 Figure 10: Share price page ........................................................................................................................................ 11 Figure 11: Add provider page ..................................................................................................................................... 12 Figure 12: Capture invoice page ................................................................................................................................. 13 Figure 13: Search page ............................................................................................................................................... 14 Figure 14: Search result page ..................................................................................................................................... 15 Figure 15: Register page ............................................................................................................................................. 16 Figure 16: Register as a consumer page ..................................................................................................................... 17 Figure 17: Register as a provider page ....................................................................................................................... 18 Figure 18: Forget password page ............................................................................................................................... 19 Figure 19: My account page (provider) ...................................................................................................................... 20 Figure 20: Edit profile page (provider) ....................................................................................................................... 21 Figure 21: Consumer page .......................................................................................................................................... 22 v 1. Introduction 1.1 Purpose of the Prototype Report This prototype report is focusing on presenting design of proposed system. With navigation flow, screenshots, and descriptions of each screenshot, the report will serve development team as a medium to communicate with client about the product. This will expose capabilities that are missing, or discrepancy from client’s expectation, in the design. Moreover, this visual representation will help us to obtain some requirements that may come up when client see the sample of actual product. 1.2 Status of the Prototype This is the re-baseline design version of prototype report. Navigation flow, screenshots and their description are developed based on agreement with client which also respect to win conditions. 1 2. Navigation Flow Figure 1: Navigation Flow of Cash Doctor System 2 3. Prototype Screenshot Table 1: Login page Description Related Capability Pre-condition Post condition Login page is the first page of this application. Users are required to login with their own account in order to use the application. Login session will help system to recognize users so that the system can provide information matching to their preferences. This page provides options to allow users request help when they forget their password and to register new account. WC_3087: System shall allow consumer access to his/her existing account by user ID and password, and can view his/her existing dashboard. WC_3086: System shall allow consumer to register as a user. Users launch Cash Doctor application on their mobile phones. Condition 1: users enter username and password and then click “Login”, redirect to my account page. Condition 2: users click “Forget password?”, redirect to forget password page Condition 3: users click “Register new account”, redirect to register page Figure 2: Login page 3 Table 2: My account page (consumer) Description Related Capability Pre-condition Post condition My account page (for consumer type account) is the page where consumers will receive updated information of providers or other consumers who users are following. When users click menu, menu side bar will appear. Users can access many pages through list in the menu side bar. WC_3087: System shall allow consumer access to his/her existing account by user ID and password, and can view his/her existing dashboard. Users account type consumer successfully login from login page Condition 1: if users click “My account”, redirect to my account page (consumer) Condition 2: if users click “My consumer page”, redirect to consumer page Condition 3: if users click “My network”, redirect to my network page Condition 4: if users click “Share price”, redirect to share price page Condition 5: if users click “Search”, redirect to search page Condition 6: if users click “Edit profile”, redirect to edit profile page (consumer) Condition 7: if users click “Notification setting”, redirect to notification setting page Condition 8: if users click “sign out”, redirect to login page Figure 3: My account page (consumer) 4 Table 3: Edit profile page (consumer) Description Related Capability Pre-condition Post condition Edit profile page allows users to change their information as well as change their account’s password. WC_3098: System shall allow a user to follow to notifications so that he/she shall have access to relevant up-to-date information. Users click “Edit profile” from side menu bar After users click “Save change”, their information will be changed according to data in this page. If users leave 3 fields of password blank, system will not change their password. Figure 4: Edit profile page (consumer) 5 Table 4: Notification setting page Description Related Capability Pre-condition Notification page allows users to filter their notification. Therefore, users can choose to be noticed only when their preferred type of information is updated. WC_3095: System shall allow a user to filter notifications. User shall be able to filter based on location, price, code, specialty, and provider. Users click “Notification setting” from side menu bar Post condition Users will receive only type of notifications that they choose to receive. Figure 5: Notification setting page 6 Table 5: My network page Description Related Capability Pre-condition My network page will display list of providers or other consumers whom users are following. List will state briefly information about updated data. Users can click each provider to go to their profile page of those users for more information. WC_3088: System shall allow consumer to create a private network and join existing networks. Users click “My network” from side menu bar Post condition After users click select a user, redirect to profile page of that user. Figure 6: My Network page 7 Table 6: Provider page Description Related Capability Pre-condition Post condition Provider page shows information of one provider, for instance, profile picture, work address. This page also shows providers’ recent activities that they did such as shared price or update profile. Prices related to this provider shared by consumers will appear on this page as well. Users can view offers, prices, videos, files related to this provider via tab layout. User can share price related to this provider as well as compare it with other providers. Users can rate and review, follow, or unfollow provider on this page. WC_3098: System shall allow a user to follow to notifications so that he/she shall have access to relevant up-to-date information. WC_3091: System shall allow consumer to rate a provider. WC_3089: System shall allow consumer to create a review of a provider. Users click to select provider from my network page or search result page Condition 1: if users click “Share price”, redirect to share price page Condition 2: if users click “Compare price”, redirect to compare price page Condition 3: if users click red pentagon to rate provider, textbox will popup to allow users enter their review about this provider. After users submit their review, system will save the score and review into database and calculate new average rating score of this provider. Condition 4: if users click “Follow”, popup window will appear to ask if users want system to send them an email when this provider has an update. After users click “Yes” or “No” button, system will save this action. The system will notice users if there is any update about this provider. “Follow” will change to be “Unfollow” to let users stop following this provider. “Email option” link will appear to let users change email preference. Figure 7: Provider page 8 Table 7: Compare price page Description Related Capability Pre-condition Post condition Compare price feature allows user to select multiple providers in order to compare their price list. WC_3090: System shall allow consumer to compare healthcare prices. Users click “Compare price” from provider page After users click “compare price”, system will query prices of all selected providers and create price comparison table, then redirect to compare result page Figure 8: Compare price page 9 Table 8: Compare result page Description Related Capability Pre-condition Post condition Compare result page will query system for all prices of selected providers and create table to display the price comparison. Items that provider has no price will be blank. WC_3090: System shall allow consumer to compare healthcare prices. User select providers and click “Compare price” from compare price page This page is only for display purpose. There is no next step for this page. Users may click “Back” or “Menu” to redirect to other pages. Figure 9: Compare result page 10 Table 9: Share price page Description Related Capability Pre-condition Post condition Users can share price related to provider in this page. If users cannot find provider in search box, they can add new one. Users have 2 options to provide price data. One is typing it manually. Second is capture photo of their bill. Sharing price will be the main function that drives medical price transparency. WC_3083: System shall allow consumers to manually enter price information for sharing. WC_3082: System shall capture an image and code an invoice for sharing. Condition 1: if users click “Share price” from provider page, provider name field will be filled up by the system. Condition 2: users click “Share price” from side menu bar, all fields will be blank in this condition Condition 1: if users click “Add provider …”, redirect to add provider page Condition 2: if users click camera button, call feature camera of mobile phone, after users take a photo, redirect to capture invoice page Condition 3: if users click “Share”, redirect to provider page of selected provider. System saves price information into database and then sends notification to all consumers who are following this provider and followers of this reviewer. Figure 10: Share price page 11 Table 10: Add provider page Description Related Capability Pre-condition Post condition Add provider page allows user to create provider in case they are trying to post the price but they cannot find provider in the search box. This is proposed page beyond expected capability. It is necessary to allow users share information about provider even that one has no account yet. Users type provider name in search box of share price page and then click “Add provider …” After users enter provider’s information and click “Add provider”, system will create provider with entered data and redirect back to share price page Figure 11: Add provider page 12 Table 11: Capture invoice page Description Related Capability Pre-condition Post condition Capture invoice page allows users to crop a photo in order to select only the area that they want to share. WC_3082: System shall capture an image and code an invoice for sharing. Users click camera button from share price page and successfully take a photo. After users click “Capture”, redirect back to share price page and display cropped photo on the page. Figure 12: Capture invoice page 13 Table 12: Search page Description Related Capability Pre-condition Post condition Search page allows users to search for provider with many criteria. Users can search for providers by location, price code, specialty, lifestyle, or rating score. All fields will come up with empty value, users can fill up only fields that they want to search and leave the rest blank. WC_3094: System shall allow users to find their current location to access relevant providers in and around area (some mile radius). WC_3084: System shall search for healthcare pricing, provider by location, price, code, and specialty. Users click “Search” from side menu bar After users click “Search”, get search criteria from field that is not blank then. System search for providers that match criteria and redirect to search result page. Figure 13: Search page 14 Table 13: Search result page Description Pre-condition Search result page will display providers that match provided criteria from search page. Users can click each provider to go to provider page of that provider and get more information. WC_3094: System shall allow users to find their current location to access relevant providers in and around area (some mile radius). WC_3084: An individual consumer can search for healthcare pricing, provider by location, price, code, and specialty. Users click “Search” in search page Post condition After users click select provider, redirect to provider page of that provider. Related Capability Figure 14: Search result page 15 Table 14: Register page Description Related Capability Pre-condition Post condition Register page is the page where users can create new account. There are 2 types of account. First is consumer who receives information from account type provider. Second is provider who provides information to users as well as offer special event such as discount. WC_3086: System shall allow consumer to register as a user Users click “Register new account” from login page Condition 1: if users click “Register as a consumer”, redirect to register as a consumer page Condition 2: if users click “Register as a provider”, redirect to register as a provider page Condition 3: if users click “Back”, redirect to login page Figure 15: Register page 16 Table 15: Register as a consumer page Description This is a page for creating account type consumer. Related Capability Pre-condition WC_3086: System shall allow consumer to register as a user. Post condition Condition 1: After users provide all required information and click “Register”, create consumer account, auto login, and redirect to my account page (consumer). Condition 2: if users click “Back”, redirect to register page Users click “Register as a consumer” from register page Figure 16: Register as a consumer page 17 Table 16: Register as a provider page Description This is a page for creating account type provider. Related Capability There is no related win condition about this page. However, it is essential to have account type provider that will be the page to provide much useful information for account type consumer. Users click “Register as a provider” from register page Pre-condition Post condition Condition 1: After users provide all required information and click “Register”, create provider account, auto login, and redirect to my account page (provider). Condition 2: if users click “Back”, redirect to register page Figure 17: Register as a provider page 18 Table 17: Forget password page Description Related Capability Pre-condition Post condition Forget password page helps users to retrieve their password in case they do not remember it. There is no related win condition about this page. However, it is crucially important to provide helps for users who forget their password. Users clicks “Forget password?” from login page Condition 1: After users enter email and click “Send me an email”, System send password to that email and redirect to login page. Condition 2: if users click “Back”, redirect to login page Figure 18: Forget password page 19 Table 18: My account page (provider) Description Related Capability Pre-condition Post condition My account page of provider accounts is a page that illustrates how consumer accounts see provider’s profile page. WC_3187: System shall be able to receive push content from provider and relay it to users. Push content shall be unique to user's personal profile. WC_3093: System shall allow provider to share pricing, offerings, and other content so as to drive traffic and increase sales. Users account type provider successfully login from login page Condition 1: if users click “Edit profile”, redirect to edit profile page (provider) Condition 2: if users click “Sign out”, redirect to login page Figure 19: My account page (provider) 20 Table 19: Edit profile page (provider) Description Related Capability Pre-condition Post condition Edit profile page (provider) is the page for updating provider profile page. Users can select tabs offers, prices, videos or files to update the information. WC_3187: System shall be able to receive push content from provider and relay it to users. Push content shall be unique to user's personal profile. WC_3093: System shall allow provider to share pricing, offerings, and other content so as to drive traffic and increase sales. Users clicks “Edit profile” from my account page (provider) Condition 1: if users click “Save change”, redirect to my account page (provider) and system send notification to all consumer accounts that are following this provider. Condition 2: if users click “Back”, discard all change and redirect to my account page (provider) Figure 20: Edit profile page (provider) 21 Table 20: Consumer page Description Related Capability Pre-condition Post condition Consumer page is a page to show review and post of user that s/he did submit. User consumer type can follow other consumer by clicking follow button on this page. WC_3088: System shall allow consumer to create a private network and join existing networks. WC_3098: System shall allow a user to subscribe to notifications so that he/she shall have access to relevant up-to-date information. Condition 1: users click select consumer from search page Condition 2: users click select consumer from network page Condition 3: users click name of this consumer from post that s/he share on provider page If users click “Follow”. The system will notice users if this consumer share anything on the application. “Follow” will change to be “Unfollow” to let users stop following this provider. Figure 21: Consumer page 22