Arts and Crafts Website

Download Arts and Crafts Website

Post on 30-Dec-2015

46 views

Category:

Documents

0 download

Embed Size (px)

DESCRIPTION

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: - PowerPoint PPT Presentation

TRANSCRIPT

  • Arts and Crafts WebsiteBy Team 04

  • Change in requirementsInitially: 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 TOBUILD THE SYSTEM ACCORDING TO THE DESIGNS.

  • Change in development platform.Earlier: Webs.coms site builder.Now: WordPress (form WordPress.org)

    Reasons: More control over code (from a design point of view)Easy to customizeEasy to add new featuresEasy 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

  • Test Plan and CasesAdmin InterfaceStatic page maintenance testsBlog maintenance testsCustomer tracking page tests

    Customer InterfaceProduct list page testsProduct detail page tests (multiple angle pictures too)Shopping cart/buying product testsBlog commenting testsSocial media testsComment form

  • Test Plans & CasesLevels of Service8 second webpage load time testMultiple browser/device test

  • Operational Concept Description

  • Proposed New System: NDI ApproachWordpress:Merchant store.Product description and zoom.Customizable templates. Site analytics. Social Media IntegrationBlogStatic Pages: Contact, About, Home

  • System Boundary

  • Architecture

  • System Context Diagram

  • Artifacts and Information Diagram

  • Process Diagram

  • Description

    Typical Course of Action

    IdentifierUC-1 View Product ListingPurposeAllows the customer to view the listing of all productsRequirementsWC_1551Development RisksNonePre-conditionsThe user must go to the Shop PagePost-conditionsAll the products images are displayed on the Shop page.

    Seq#Actors ActionSystems Response1The user goes to the Shop pageThe products images are displayed.

  • View a Product DetailsDescription

    Typical Course of Action

    Seq#Actors ActionSystems Response1The user goes to the Shop page and click on Product image.The products images and description is displayed.

    IdentifierUC-2 View Product DetailsPurposeAllows the customer to view description of the product selected.RequirementsWC_1280,WC_1282Development RisksNonePre-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 CartDescription

    Typical Course of Action

    IdentifierUC-3 Add Product to Shopping CartPurposeAllows the customer to add product in the Shopping Cart RequirementsWC_1266Development RisksNonePre-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#Actors ActionSystems Response1The user clicks on Product image on Shop PageThe product images and description along with Add to Cart button is displayed2The user clicks on the Add to Cart buttonThe selected product is added to the Cart

  • Remove Product from Shopping CartDescription

    Typical Course of Action

    IdentifierUC-4 Remove Product from Shopping CartPurposeAllows the customer to remove products from the Shopping Cart RequirementsWC_1266Development RisksNonePre-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#Actors ActionSystems Response1The user clicks on View Cart button on the Shop Page.All the products are added in the shopping cart are listed2Select the product to remove and click on remove buttonThe selected product is removed from the Cart.

  • Purchase a ProductDescription

    Typical Course of Action

    Exceptional Course of Action

    IdentifierUC-5 Purchase ProductPurposeAllows the customer to purchase product.RequirementsWC_1264Development RisksNonePre-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 Button2The user clicks on the Pay with PayPal buttonThe user is directed to Payment Gateway.

    Seq#Actors ActionSystems Response1The user clicks on Checkout ButtonThe user is shown a list of all the items in the shopping cart and a Pay with PayPal Button2The user clicks on the Pay with PayPal buttonAn error message is displayed Unable To Proceed, Try again Later.

  • Description

    Typical Course of Action

    Seq#Actors ActionSystems Response1The user clicks on the Blogs Link.The Blogs Page is displayed in a new window.2The user enters name, email and comment and clicks on Post CommentThe comment is sent to admin for confirmation.

    IdentifierUC-6 Write a Blog CommentPurposeAllows the customer to comment on a blogRequirementsWC_1267Development RisksNonePre-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.

  • Description

    Typical Course of Action

    Alternative Course of Action

    IdentifierUC-7 Give FeedbackPurposeAllows the customer to send email to the client to give feedback.RequirementsWC_2271Development RisksNonePre-conditionsThe user is on the Contacts Page.Post-conditionsAn email is sent to the client with the feedback given.

    Seq#Actors ActionSystems Response1The user enter the name, email, subject and comments in the respective text boxes and clicks on SendA success message is displayed at the bottom of the page and an email is sent to the client with the users name email and Comments.

    Seq#Actors ActionSystems Response1The user enters the comments in the comment text boxes and clicks on SendAn 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.

  • Description

    Typical Course of Action

    Alternate course of Action

    IdentifierUC-8 Updated by social mediaPurposeAllows the customer to go the Facebook and twitter pagesRequirementsWC_1276Development RisksNonePre-conditionsThe user must click on the Facebook or twitter link. These links are provided at the bottom of all pagesPost-conditionsThe user is redirected to the Facebook or twitter page.

    Seq#Actors ActionSystems Response1The 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#Actors ActionSystems Response1The user clicks on Facebook link at the bottom of the Page.The user is redirected to the Login page of Facebook2The user clicks on the Twitter link at the bottom of the Page.The user is redirected to Login page of Twitter.

  • Description

    Typical Course of Action

    Seq#Actors ActionSystems Response1The admin adds a blog entryThe blog entry is displayed in the blog

    IdentifierUC-9 Add a blog entryPurposeAllows the admin to maintain a blogRequirementsWC_1273Development RisksNonePre-conditionsThe admin is on the Blogs PagePost-conditionsThe entry written by the admin is added in the blog

  • Description

    Typical Course of Action

    Seq#Actors ActionSystems Response1The admin logs in to the Google analytics websiteThe statistics related to the website such as number of hits, bounce rate, unique visitors, etc. is displayed.

    IdentifierUC-10PurposeAllows the admin to collect statistics of the websiteRequirementsWC_1271Development RisksNonePre-conditionsThe admin must log in to the Google analytics websitePost-conditionsThe statistics related to the website is available.

  • Our Project is a single NDI Project

    NDI Evaluation

    NDI/NCS ProductsPurposesWordpressPlatform 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 EffortSLOC 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)

  • TimelinesReceived 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 action7 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 ProductsPurposesWebs.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 maintainers end.

  • Evaluation Criteria of NDI Attributes

    No.Evaluation Criteria NDI/NCS attributesWeight1Look and Feel202Ease of Use103Ease of Installation104Ease of Maintenance105Cost106Vendor Support87Security78Maturity of the product59Inter-component Compatibility510Ease of Integration with third party software511Evolution Ability512Functionality5Total100

  • Evaluation Criteria of NDI features

    No.NDI/NCS Features/ sub featuresWeight1Add Pages122Buy Product123Add/Remove Product124Customization for Shopping Cart125Fb/Twitter Integration106View Product Details107View Product Listing108Mobile version of the site109Blog/Chat Feature610Tracking People6Total100

  • Evaluation Results Screen Matrix for NDI attributes

    NoW Webs.comAVGTotalDrupalAVGTotalWordpress.orgAVGTotalR1R2R3R4R1R2R3R4R1R2R3R412056755.75231719151817.25692019201919.57821099988.753578777.2529991099.25373101099109.53899788.2533999109.253741010101099.753978877.53089998.753551099899.253799899.253799999366856755.752366655.752375564.5187755665.52266555.52265555.2521853333312555552055555209554454.51854454.51854454.51810534433.51445544.51845444.2517115234331244444164444416125555552054454.51854554.7519Total1007173767172.752918487788282.753319187899089.25357

  • Evaluation Results Screen Matrix for NDI features

    NoW WebsAVGTotalDrupalAVGTotalWordpress.orgAVGTotalR1R2R3R4R1R2R3R4R1R2R3R41121212121212481212121111.75471212121212482 121212121212481211111111.25451212121212483 121212121212481211111111.25451111111111444 12887711.5461111111111441212121212485101010999.538109999.253710101010104061010101099.753910101010104010101010104071010101099.7539101010101040101010101040810910999.2537910999.2537910999.253796666662866555.522666662410656655.52255665.52256665.7523Total1009496939093.253739795949394.753799799989898392

  • Business Case AnalysisMarket Trend and Product Line AnalysisCost AnalysisBenefits AnalysisROI Analysis

  • Market Trend and Product Line Analysis

    Webs.comDrupalWordpressMarket 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.orgDomain Name on Godaddy$10.87 per yearBlogging, Facebook and Twitter.For Blogging,Facebook and Twitter integration it is free of cost.Membership cost for usersFree of costDatabaseIt is provided by wordpress free of costPaypal Charges 2.9% of the product cost +30 cents per transactionTotal $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)92.518852. Increase Awareness about charities (10hours/week*52=520hrs)92.5 481Total2366

  • ROI Analysis

    Year Cost(Effort Spent in hrs) Benefit (Effort Saved in hrs) Cumulative Cost(hrs) Cumulative Benefit(hrs) ROI(Cumulative Benefit-Cumulative Cost)/Cumulative Cost 2012 135-135--12013156236629123667.12014156236644747329.520151562366603709810.720161562366759946411.4

  • ROI Analysis Graph

  • Major Risks

    Getting the Inputs from the DesignerBrowser CompatibilityLoad Time for Pages

  • Supporting Information Document

  • Traceability Matrix

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

  • Win-Win AgreementsRemoved Win-Win Conditions

    WC-1553: As an admin I want to be able to send mass emails to customers who have signed up to a newsletter.

    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

  • Test ResultsSecond NDI switch to Wordpress caused delayPrioritization of testsCostumer product tests prioritized firstContact form tests prioritized secondLoading time test prioritized thirdSocial media integration prioritized as fourthCustomer tracking item prioritized as fifthAdmin interface items (login, blog, static page creation) prioritized as sixthCompatibility tests prioritized as last (need all others to be successful)

  • Test ResultsFailed resultsBlog navigationContact form error messagesNavigation animation issuesAdd to Cart has no notification

    Skipped testsMultiple Angle imagesSocial Media

  • Transition, Support and Training

  • TransitionPre 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.

  • TransitionAdvantage: Already developing on live server (GoDaddy Domain), just need to...