Arts and Crafts Website By Team 04

Change in requirements Initially: Build the website quickly with maximum features. Now: Build a website that conforms to the designs provided, even if some other features cannot be implemented (in the given timeframe). Focus shifted from: DESIGN ACCORDING TO THE SYSTEM TO BUILD THE SYSTEM ACCORDING TO THE DESIGNS.

Change in development platform. Earlier: Webs.com’s site builder. Now: WordPress (form WordPress.org) Reasons: More control over code (from a design point of view) Easy to customize Easy to add new features Easy to learn (we used WordPress for the first time) CLIENT SATISFACTION

Where we were (1/5)

Where we were (2/5)

Where we were (3/5)

Where we were (4/5)

Where we were (5/5)

How did we handle the change? Divided team into groups One group for updating documents Other to start developing the prototype

Test Plan and Cases

Admin Interface Static page maintenance tests Blog maintenance tests Customer tracking page tests Customer Interface Product list page tests Product detail page tests (multiple angle pictures too) Shopping cart/buying product tests Blog commenting tests Social media tests Comment form

Test Plans & Cases Levels of Service 8 second webpage load time test Multiple browser/device test

Operational Concept Description

Proposed New System: NDI Approach Wordpress: Merchant store. Product description and zoom. Customizable templates. Site analytics. Social Media Integration Blog Static Pages: Contact, About, Home

System Boundary

Architecture

System Context Diagram

Artifacts and Information Diagram

Process Diagram

View Product Listing Description Typical Course of Action IdentifierUC-1 View Product Listing PurposeAllows the customer to view the listing of all products RequirementsWC_1551 Development RisksNone Pre-conditionsThe user must go to the Shop Page Post-conditionsAll the products images are displayed on the Shop page. Seq#Actor’s ActionSystem’s Response 1The user goes to the Shop pageThe products images are displayed.

View a Product Details Description Typical Course of Action Seq#Actor’s ActionSystem’s Response 1The user goes to the Shop page and click on Product image. The product’s images and description is displayed. IdentifierUC-2 View Product Details PurposeAllows the customer to view description of the product selected. RequirementsWC_1280,WC_1282 Development RisksNone Pre-conditionsThe user must go to the Shop Page and click on the product image for which description needs to be viewed. Post-conditionsThe selected products images and description is displayed on the Shop Page.

Add product in Shopping Cart Description Typical Course of Action IdentifierUC-3 Add Product to Shopping Cart PurposeAllows the customer to add product in the Shopping Cart RequirementsWC_1266 Development RisksNone Pre-conditionsThe user must go to the Shop page and click on the product image. Post-conditionsThe selected Product is added in the Shopping Cart Seq#Actor’s ActionSystem’s Response 1The user clicks on Product image on Shop Page The product images and description along with Add to Cart button is displayed 2The user clicks on the Add to Cart button The selected product is added to the Cart

Remove Product from Shopping Cart Description Typical Course of Action IdentifierUC-4 Remove Product from Shopping Cart PurposeAllows the customer to remove products from the Shopping Cart RequirementsWC_1266 Development RisksNone Pre-conditionsThe user is on the Shop page and product selected to remove must already be added in the Shopping Cart. Post-conditionsThe selected Product is removed from the shopping cart. Seq#Actor’s ActionSystem’s Response 1The user clicks on View Cart button on the Shop Page. All the products are added in the shopping cart are listed 2Select the product to remove and click on remove button The selected product is removed from the Cart.

Purchase a Product Description Typical Course of Action Exceptional Course of Action IdentifierUC-5 Purchase Product PurposeAllows the customer to purchase product. RequirementsWC_1264 Development RisksNone Pre-conditionsThe user is on the Shop page and has at least one product in the shopping Cart. Post-conditionsThe user is directed to the Pay-pal service 1The user clicks on Checkout ButtonThe user is shown a list of all the items in the shopping cart and a ‘Pay with PayPal’ Button 2The user clicks on the Pay with PayPal button The user is directed to Payment Gateway. Seq#Actor’s ActionSystem’s Response 1The user clicks on Checkout ButtonThe user is shown a list of all the items in the shopping cart and a ‘Pay with PayPal’ Button 2The user clicks on the Pay with PayPal button An error message is displayed ‘Unable To Proceed, Try again Later.’

Write a Blog Comment Description Typical Course of Action Seq#Actor’s ActionSystem’s Response 1The user clicks on the Blogs Link.The Blogs Page is displayed in a new window. 2The user enters name, and comment and clicks on Post Comment The comment is sent to admin for confirmation. IdentifierUC-6 Write a Blog Comment PurposeAllows the customer to comment on a blog RequirementsWC_1267 Development RisksNone Pre-conditionsThe user must click on the Blog Link. This link is present at the bottom of all pages. Post-conditionsThe comment written by the user is sent to admin for confirmation.

Fill Feedback Form Description Typical Course of Action Alternative Course of Action IdentifierUC-7 Give Feedback PurposeAllows the customer to send to the client to give feedback. RequirementsWC_2271 Development RisksNone Pre-conditionsThe user is on the Contacts Page. Post-conditionsAn is sent to the client with the feedback given. Seq#Actor’s ActionSystem’s Response 1The user enter the name, , subject and comments in the respective text boxes and clicks on Send A success message is displayed at the bottom of the page and an is sent to the client with the user’s name and Comments. Seq#Actor’s ActionSystem’s Response 1The user enters the comments in the comment text boxes and clicks on Send An error message is displayed at the bottom of the page that ‘Please confirm the fields and submit it again.’ The mandatory fields that the left blank are highlighted in red.

Updated by Social Media Description Typical Course of Action Alternate course of Action IdentifierUC-8 Updated by social media PurposeAllows the customer to go the Facebook and twitter pages RequirementsWC_1276 Development RisksNone Pre-conditionsThe user must click on the Facebook or twitter link. These links are provided at the bottom of all pages Post-conditionsThe user is redirected to the Facebook or twitter page. Seq#Actor’s ActionSystem’s Response 1The user clicks on Facebook link at the bottom of the Page. The website page on Facebook is liked by the user. 2The user clicks on the Twitter link at the bottom of the Page. The user starts following the website on Twitter. Seq#Actor’s ActionSystem’s Response 1The user clicks on Facebook link at the bottom of the Page. The user is redirected to the Login page of Facebook 2The user clicks on the Twitter link at the bottom of the Page. The user is redirected to Login page of Twitter.

Add a Blog Entry Description Typical Course of Action Seq#Actor’s ActionSystem’s Response 1The admin adds a blog entryThe blog entry is displayed in the blog IdentifierUC-9 Add a blog entry PurposeAllows the admin to maintain a blog RequirementsWC_1273 Development RisksNone Pre-conditionsThe admin is on the Blogs Page Post-conditionsThe entry written by the admin is added in the blog

Track visitor of website Description Typical Course of Action Seq#Actor’s ActionSystem’s Response 1The admin logs in to the Google analytics website The statistics related to the website such as number of hits, bounce rate, unique visitors, etc. is displayed. IdentifierUC-10 PurposeAllows the admin to collect statistics of the website RequirementsWC_1271 Development RisksNone Pre-conditionsThe admin must log in to the Google analytics website Post-conditionsThe statistics related to the website is available.

NDI/NCS Interoperability Analysis Our Project is a single NDI Project NDI Evaluation NDI/NCS ProductsPurposes WordpressPlatform to provide all functionality in website. WordpressWordpress provides an open source blogging feature and shopping cart module along with the capability to modify the user interface. Positive Points Ease of use Flexible in designing the user interface Negative Points The website is difficult to maintain in Wordpress than Webs.

Life Cycle Plan

Initial Estimates VS Actual Effort SLOC estimated: 500 Actual: 400 (without bog) Time estimated: 144 hrsActual: 70 hours (4 developers at 12 hrs/week)(2 developers at 17 hrs/week) Initial deadline: 21 Nov Actual: 30 Nov (had to start all over again on 13 Nov)

Timelines Received first set of designs on Nov 11 Finally switched to WordPress on Nov 13 First working version demonstrated to client on Nov 25 Received next set of designs on Nov 26 Included all the (received) designs on Nov 28

COTIPMO

Course of action 7 Dec – Migrate data to new server. 8 Dec – 13 Dec – Provide Training. HTML training: 8 Dec – 10 Dec WordPress Training – 11 Dec – 12 Dec Adding/Removing/Updating Products – 13 Dec

Feasibility Evidence Description

NDI/NCS Alternatives NDI/NCS ProductsPurposes Webs.comWebs.com offers Design and content management for running a website. For limited privileges it is free of cost. We need to pay for extra features. Wordpress.orgWordpress offers high customization and simple to use. DrupalDrupal is customizable but mostly used for implementing complex functionalities.Requires more work from the maintainer’s end.

Evaluation Criteria of NDI Attributes No.Evaluation Criteria – NDI/NCS attributesWeight 1Look and Feel 20 2Ease of Use 10 3Ease of Installation 10 4Ease of Maintenance 10 5Cost 10 6Vendor Support 8 7Security 7 8Maturity of the product 5 9Inter-component Compatibility 5 10Ease of Integration with third party software 5 11Evolution Ability 5 12Functionality 5 Total 100

Evaluation Criteria of NDI features No.NDI/NCS Features/ sub featuresWeight 1Add Pages 12 2Buy Product 12 3Add/Remove Product 12 4Customization for Shopping Cart 12 5Fb/Twitter Integration 10 6View Product Details 10 7View Product Listing 10 8Mobile version of the site 10 9Blog/Chat Feature 6 10Tracking People 6 Total 100

Evaluation Results Screen Matrix for NDI attributes NoW Webs.com AVG Tota l Drupal AVGTotal Wordpress.org AVGTotal R1R2R3R4R1R2R3R4R1R2R3R Total

Evaluation Results Screen Matrix for NDI features NoW Webs AVGTotal Drupal AVGTotal Wordpress.org AVGTotal R1R2R3R4R1R2R3R4R1R2R3R Total

Business Case Analysis Market Trend and Product Line Analysis Cost Analysis Benefits Analysis ROI Analysis

Market Trend and Product Line Analysis Webs.comDrupalWordpress Market TrendIt is not as popular as Drupal or Jhoomla. But the ease of use is very high and it provides hosting services for the website too. Drupal is the most popular CMS.Many sites with complex functionalities have been built on Drupal. Wordpress is highly famous for blogging.It can also be used for small scale e-commerce needs. Product LineIt has selected privileges for users accessing services free of cost, for additional privileges we need to pay. Drupal has many modules. It offers many functionalities. It offers high customization and documentation is easily understandable. Wordpress has many plugins which makes it easy to select and install them on our site.It is simple to use and offers high customization.

Cost Analysis TypeWordpress.org Domain Name on Godaddy$10.87 per year Blogging, Facebook and Twitter.For Blogging,Facebook and Twitter integration it is free of cost. Membership cost for usersFree of cost DatabaseIt is provided by wordpress free of cost Paypal Charges2.9% of the product cost +30 cents per transaction Total$10.87 per year excluding Paypal charges

Benefit Analysis Current activities & resources used% ReduceTime Saved (Hours/Year) 1. Selling Products, Taking Payments has become easy through Wordpress. (40hours/week*52weeks=2080hrs) Increase Awareness about charities (10hours/week*52=520hrs) Total2366

ROI Analysis Year Cost(Effort Spent in hrs) Benefit (Effort Saved in hrs) Cumulative Cost(hrs) Cumulative Benefit(hrs) ROI(Cumulativ e Benefit- Cumulative Cost)/Cumulati ve Cost

ROI Analysis Graph

Major Risks 1.Getting the Inputs from the Designer 2.Browser Compatibility 3.Load Time for Pages

Supporting Information Document

Traceability Matrix OCDWinWin AgreementSSADTest Case OC-1WC_1264UC-5TC-09 OC-2WC_1267, WC_1273UC-6, UC-9TC-10, TC-03 OC-3WC_1266UC-3, UC-4TC-08 OC-4WC_1272N/ATC-02 OC-5WC_1268, WC_1269, WC_1285 N/ATC-02, TC-03 OC-6WC_1282, WC_1280, WC_1551 UC-1, UC-2TC-06, TC-07, TC-05 OC-7WC_1276UC-8TC-11 OC-8WC_1271UC-10TC-04 OC-9WC_1265, WC_1286, WC_1291 N/ATC-19, TC-20, TC-13, TC- 14 OC-10WC_1283, WC-2271UC-7TC-12, TC-13 OC-11WC_1552N/ATC-02

Win-Win Agreements Removed Win-Win Conditions 1.WC-1553: As an admin I want to be able to send mass s to customers who have signed up to a newsletter. 2.WC-1554: As a user, I want to be able to sign up to a newsletter for receiving updates Added Win-Win Condition WC- 2271: As a user, I want to be able to submit a contact form.

Test Results

Second NDI switch to Wordpress caused delay Prioritization of tests Costumer product tests prioritized first Contact form tests prioritized second Loading time test prioritized third Social media integration prioritized as fourth Customer tracking item prioritized as fifth Admin interface items (login, blog, static page creation) prioritized as sixth Compatibility tests prioritized as last (need all others to be successful)

Test Results Failed results Blog navigation Contact form error messages Navigation animation issues Add to Cart has no notification Skipped tests Multiple Angle images Social Media

Transition, Support and Training

Transition Pre transition checklist: Website appearance replicates the designs provided. The desired features are supported. Look & feel on major browsers, operating systems as well as mobile devices.

Transition Advantage: Already developing on live server (GoDaddy Domain), just need to find a decent hosting platform compatible with WordPress and move the content over. Tasks: Perform a feasibility analysis of various hosting services (GoDaddy, BlueHost, DreamHost) and choose the most suitable one. Install WordPress on hosting service (automatic feature provided by most of the major service providers). Install required plugins on WordPress. Migrate data.

Transition Post transition: Provide training.

Support The support would be provided by the team till the client gets comfortable using the system. User manual will be given

Training Maintainer: Amy Planned duration: 8 Dec - 13 Dec Tasks in training: Basic HTML (Focus on how to add/remove product. Amy will also be taking an independent web programming course.) Tutorial on WordPress Add/ remove product 1) Add image on the Shop page (simple html using with href image possible to just copy/paste existing coe.) 2) Put details on Details page (again, simple html, text and simple one line code that uses the WP Plugin to add to cart).

Demo

Overview/Purchase Product

Add/Remove Product

Blog Post