Frenzy TRR ARB Presentation CS577A Fall 2016 Team 01 -Arpan Badeka Ankur Palav Jheel Somaiya Sailee Rane Ashwin Hariharan Rishabh Sharma Alan Kwan James Chang

Outline Operational Concept Overview TRR Outline Demo of the Project Test Cases and Results Acceptance Test Cases QFP Transition Plan

Operational Concept Overview

System Purpose “Frenzy website is a one stop shop for Fashion bloggers, stylist, online shoppers and magazine article publishers.” It provides: An array of products associated with online articles Conversion of digital media into visual store fronts

Program Model

Benefit Chain Diagram Assumptions: People are willing to buy the items posted on fashion blogging site. People like to buy the clothes that celebs and their friends wear.    

System Boundary & Environment

Core Capabilities Capability Goal Priority Level OC-1 Sort Items: User can sort products based on prices, new arrival, most popular Must Have OC-2 Shop Widget: User can view the product in a slide view fashion and overall better UI OC-3 Shop similar: User can search similar items based on price, color, category and brand OC-4 Clothing Tag: User can get the product details on mouse hover in shop widget.

Goals & Constraints Organizational goals: Constraints: OG-1: Automated Ecommerce of fashion blogging website OG-2: Using digital media as store fronts OG-3: Browsing and shopping the latest fashion articles without leaving the website OG-4: Buying similar articles based on color, style and price Constraints: CO-1: Use of Angular JS for front end development CO-2: Use of Code Igniter Framework for backend CO-3: Linux as an Operating System- The backend server is Linux CO-4: Free database system

TRR Outline

TRR Outline Transition Objective and Strategy Demo of the Project Transition Plan Transition Preparation. Operational testing, training and evaluation. Stakeholders role and responsibility. Milestone Plan. Required resources and processing strategies.

Transition Objective and Strategy The web project will be transitioned to the client. Training manual will be provided to client for added support for the future developers. The product will be thoroughly tested to pass all the test cases. The web site will be made public on the will of the client.

Transition Strategy Transitioned the system to the client by merging the code on GitLab & also providing the project to the client in zip files. Added proper comments to the code against the functionalities implemented for better understandability. The web site has been thoroughly tested & satisfies all the requirements on the win book. Also, passes all the acceptance test cases. We provide two strategies for the transition phase: AWS Local PC

Demo of the Project

Hotspot Tags Image 1: Hotspot tags on shop widget

Hotspot Tags Image 2: Gallery tags popup on mouse hover

Hotspot Tags Image 3: Hotspot Tags in Article Detail with Gallery Tag

Shop Widget Image 1: Shop Widget Popup displaying three items at a time

Shop Widget Image 2: Shop Widget popup displaying save/buy/shop-similar buttons on mouse hover

Shop Similar Image 1: Shop Similar Popup displaying Back button popup on mouse hover

Shop Similar Image 2: Shop Similar popup displaying items based on Same Category

Shop Similar Image 3: Shop Similar popup displaying items based on Lower Price

Shop Similar Image 4: Shop Similar popup displaying Sort and Same Brand Items

Live Demo Demo

Test Cases and Results

Overview

Overview Unit Testing for testing functionalities like Clothing Tag functionality, Sorting functionalities in the Shop Widget and Shop Similar modules Integration Testing for the Shop Popup and Article detail functionalities

TC-01 Browsing through the shop popup in the shop widget Number Test Item Result TC-01-01 Check the on sale ribbon on items that are on sale. Pass TC-01-02 Check the item details on the pop-up header. TC-01-03 Check the shop similar button in shop popup. TC-01-04 Check the display of tagged items in the shop popup.

TC-02 Clothing Tag functionality Number Test Item Result TC-02-01 The concentric tags present in the articles will be checked to provide a valid link to the related item. Null clothing tags will also be detected by the test case in order to remove them from the system. Pass TC-02-02 Check the functionality of the Shop similar button in gallery tag TC-02-03 Check the functionality of the Buy button in gallery tag TC-02-04 Sold out flag set for items in the gallery tag TC-02-05 Check the correctness of the location of a clothing tag present in the gallery tag

TC-03 Sort-Items Functionality in Shop Widget based on Popularity, Price and New Arrival. Number Test Item Result TC-03-01 Checks result(JSON) correctness of Sort Items Based on Most Popular Pass TC-03-02 Checks result(JSON) correctness of Sort-Items based on Price(Low to High) TC-03-03 Checks result(JSON) correctness of Sort-Items based on Price(High to Low) TC-03-04 Checks result(JSON) correctness of Sort-Items based on New Arrivals TC-03-05 Check the Sort Button on-click expands and collapse

TC-04 Article Detail Functionality Number Test Item Result TC-04-01 Check appropriate Article Details Pass TC-04-02 Check Item Tag correctness TC-04-03 Check Image Tag buttons TC-04-04 Check articles saved by buyer TC-04-05 Check Images in Item Slider based on the Article and Author Detail

TC-05 Similar Items Functionality Number Test Item Result TC-05-01 Similar Item Query Relevance Testing Pass TC-05-02 Similar Item Visualization Check TC-05-03 Same Brand Query Relevance Check TC-05-04 Empty Query Result check TC-05-05 Image URL does not exist

TC-06 – Similar products of lower prices Number Test Item Result TC-06-01 Backend API calls generating correct response Pass TC-06-02 Generation of results for the appropriate selection of a div element TC-06-03 Display similar products relevant to a chosen product TC-06-04 10 elements in the product slider TC-06-05 Checking on another checkbox should deselect lower prices functionality

Acceptance Test Cases

Acceptance Test Cases Part 1: Shop Widget Lower the brightness of the Shop Popup on “Shop” button click: PASS Display item details in popup-header: PASS Differentiate on-sale items from other items with sale ribbon over on-sale items: PASS Shop Similar button with CSS animation and CSS highlighting on mouse-over: PASS

Acceptance Testing Part 2: Shop Similar Sort by button to sort the items based on “New Arrivals”, “Most Popular”, “Price: Low to High” and “Price: High to Low”: PASS Display similar items based on “Same Brand”, “Same Category”, and “Lower Prices”: PASS Display of item on which Shop Similar functionality is performed, on hover of back button: PASS

Acceptance Testing Part 3: Hotspot Tags Hotspot tags should display the appropriate item on which it is tagged: PASS Display of item price on top of the gallery tag: PASS Save/Saved/Buy/Shop-Similar buttons on top of the gallery tag on mouse hover: PASS Close button with CSS highlighting on mouse hover: PASS

Quality Focal Point

Traceability Matrix OCD WC UC OC-1 OCD WC UC OC-2 OCD WC UC OC-3 OC-4 (c) USC-CSSE

Unresolved Technical Debt

Resolved Technical Debt

Assumes that “Day” logged is 8 hours

Transition Plan

Transition Preparation Two Transition Strategies are used: AWS Local PC Local PC AWS + Other Software Hardware One PC with Ubuntu 14.04+ One PC Software MySQL AngularJS CodeIgniter Gitlab AWS Beanstalk Staging Site On Campus N/A Staff Developers, Trainer; Tester; Client;

Operational testing, training, and evaluation Category perations Category Operations Training Documentation including Training Plan; Training Session; Technical support; Testing Documentation including Testing Plan and Cases; Acceptance Test Case; Evaluation Client Feedback & Testing

Stakeholder Roles & Responsibilities Responsibility Location Developers GitLab: Source Code GitLab: Wiki Documentation Deployment on AWS Staging Environment Technical Manual On-Campus Trainer Training Plan Training Session Technical Support Tester Testing Plan and Cases Acceptance Testing Client AWS Authorization N/A

Milestone Plan

Milestone Plan

Required Resources & Processing Strategies Products Transition Processing and Status Source Code Have private Gitlab repository Technical Manual Have technical manual for developers with code comments, functions and important components explained AWS Staging Server Staging environment integrated with latest features. Technical support and documentation SQL Database SQL ready with new changes

Q & A