Prototype Report. Frenzy. Team 01

Transcription

1 Prototype Report Frenzy Team 01 Arpan Badeka -Prototyper, UML Modeler Ankur Palav-Software Architect, Prototyper Ashwin Hariharan-Software Architect, Prototyper Jheel Somaiya-Project Manager, Lifecycle Planner Sailee Rane- Requirements Engineer, Feasibility Analyst Rishabh Sharma-Software Architect, Operational Concept Engineer Alan Kwan- Quality Focal Point 10/17/2016

2 Version History Date Author Version Changes made Rationale 10/10/16 AB, RS 1.0 Original template for use with Frenzy v1.0 To mitigate risk based on Risk Reduction strategy 10/17/16 AB, RS 1.1 Modified the navigational flows of Frenzy application & Shop similar diagrams FC Package PRO_FCP_F16a_T01_V1.1.docx ii

3 Table of Contents Prototype Report... i Version History... ii Table of Contents... iii Table of Tables... iv Table of Figures... v 1. Introduction Purpose of the prototype report... Error! Bookmark not defined. 1.2 Status of the prototype... Error! Bookmark not defined. 2. Navigation Flow Prototype Prototype1: Shop Similar Prototype2: Shop Widget 5 PRO_FCP_F16a_T01_V1.1.docx iii

4 Table of Tables Table 1: Shop Similar Implementation Description... 4 Table 2: Shop Widget Description #Page Table 3: Shop Widget Description #Page PRO_FCP_F16a_T01_V1.1.docx

5 Table of Figures Figure 1: Navigation Flow of Frenzy Website... 3 Figure 2: Server Daigram of Shop Similar... 5 Figure 3: Shop Widget_ Figure 4: Shop Widget_ PRO_FCP_F16a_T01_V1.1.docx v

6 1. Introduction 1.1 Purpose of the prototype The key purpose of the prototype report is to provide details of the prototype which are used to mitigate the risk of the project. The mitigation strategy used is Risk Reduction. These prototypes can be used to analyze the flow of the system and user interface of the system to the client. Also, some prototypes will help to show the implementation of modified logics of the concepts of the system for better understanding of modified system to the client. In this report, we have described two risks and their prototypes and they are described as follows: 1. Risk: Shop Similar: The shop similar feature is an essential part of the application which caters to the demands of all types of customer base. Prototype: By interfacing with the back end through a search model in Code Igniter framework. 2. Risk: Shop Widget The UI experience for the user is required to be improved the customer base and interaction with website. Prototype: The User Interface Prototype to enhance the user experience to maintain a consistent flow throughout the website. PRO_FCP_F16a_T01_V1.1.docx 1

7 1.2 Status of the prototype Since the prototype presentation, some improvements are made, including: 1. Shop-Widget prototype is to improve the UI experience for the user and clarify website look and flow with the client. 2. Shop Similar prototype is revision of Server-Side Management Concept. PRO_FCP_F16a_T01_V1.1.docx 2

8 2. Navigation Flow Figure 1: Navigation Flow of Frenzy Website PRO_FCP_F16a_T01_V1.1.docx 3

9 3. Prototype 3.1 Prototype 1 Shop Similar Purpose of this prototype One of the major requirement for this feature is to allow the user to browse through similar items and shop similar items based on price, brand, category and color. The team has experience working on the Web Application but limited with the retrieving data from the server and projecting on the front-end. Team made the prototype of the algorithm for better understanding Result After building the prototype, team is able to better understand and visualize the flow and implementation of the algorithm. This also helped team to better deploy the back-end server. Thus mitigates the risk of less experience of the server implementation and deployment. Table 1: Shop Similar Implementation Description Description Related Capability Pre-condition Post condition This screenshot describes the retrieving the similar products based on the query to the server. The query works based on the color, price, similar items and brand. WC_4237 As a user, I can filter the products by it s category, color, prices, brand, so that I can get the available product. As user clicked on the shop similar button on the shop widget. User can see the similar products based on the selection made in the checkboxes available on the shop similar tab. PRO_FCP_F16a_T01_V1.1.docx 4

10 Figure 2: Server Diagram of Shop Similar 3.2 Prototype 1 Shop Widget Purpose of this prototype The purpose of this prototype is to improve the user interface, the risk involved was because of inconsistent flow on the website and even the visualization was inconsistent causing lost of interest of the user. Also, this can be used to clarify the requirements and userinterface to the client. PRO_FCP_F16a_T01_V1.1.docx 5

11 3.1.2 Result The prototype shows the designed user interface showing the UI experience. The following screenshots describe the features. Table 2: Shop Widget Description #Page1 Description Related Capability Pre-condition The screenshot is the shop widget tab page 1, where user can see two items relevant to the article and have a better user experience in comparison to the previous experience. User will be directed to this page when they click on the shop widget option present on the article. WC_4239 As a user, I should be able to focus on the product whose shop widget has been clicked so that I can view the product of my interest Article page having the shop widget option. Post condition Can be redirected to the shop similar article. Can be redirected to page showing three images when user clicks on next. PRO_FCP_F16a_T01_V1.1.docx 6

12 Figure 3: Shop Widget_1 Table 3: Shop Widget Description #Page2 Description Related Capability Pre-condition The screenshot is the shop widget tab page 2, where user can see three items relevant to the article and have a better user experience in comparison to the previous experience. User will be directed to this page when they click on the next option present on the shop widget tab page 1. WC_4231 As a user, I can view the details of the products in the slide view with the shop similar function. Shop widget page 1 consisting of two items relevant to the article. Post condition Can be redirected to the shop similar article. Can be redirected to page showing three images when user clicks on next. PRO_FCP_F16a_T01_V1.1.docx 7

13 Figure 4: Shop Widget_2 PRO_FCP_F16a_T01_V1.1.docx 8