Download - Arts and Crafts Website

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

TOBUILD 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

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

BlogStatic Pages: Contact, About, Home

System Boundary

Architecture

System Context Diagram

Artifacts and Information Diagram

Process Diagram

Description

Typical Course of Action

Identifier UC-1 View Product Listing

Purpose Allows the customer to view the listing of all products

Requirements WC_1551

Development Risks

None

Pre-conditions The user must go to the Shop Page

Post-conditions All the products images are displayed on the Shop page.

Seq# Actor’s Action System’s Response

1 The user goes to the Shop page

The products images are displayed.

View a Product Details

Description



1 The user goes to the Shop page and click on Product image.

The product’s images and description is displayed.

Identifier UC-2 View Product Details

Purpose Allows the customer to view description of the product selected.

Requirements WC_1280,WC_1282

Development Risks None

Pre-conditions The user must go to the Shop Page and click on the product image for which description needs to be viewed.

Post-conditions The selected products images and description is displayed on the Shop Page.

Add product in Shopping Cart

Description


Identifier UC-3 Add Product to Shopping Cart

Purpose Allows the customer to add product in the Shopping Cart


Development Risks

None

Pre-conditions The user must go to the Shop page and click on the product image.

Post-conditions The selected Product is added in the Shopping Cart


1 The user clicks on Product image on Shop Page

The product images and description along with Add to Cart button is displayed

2 The user clicks on the Add to Cart button

The selected product is added to the Cart

Purchase a Product

Description


Exceptional Course of Action

Identifier UC-5 Purchase ProductPurpose Allows the customer to purchase product.Requirements WC_1264Development Risks

None

Pre-conditions The user is on the Shop page and has at least one product in the shopping Cart.

Post-conditions The user is directed to the Pay-pal service

1 The user clicks on Checkout Button

The user is shown a list of all the items in the shopping cart and a ‘Pay with PayPal’ Button

2 The user clicks on the Pay with PayPal button

The user is directed to Payment Gateway.

Seq# Actor’s Action System’s Response1 The user clicks on Checkout

ButtonThe user is shown a list of all the items in the shopping cart and a ‘Pay with PayPal’ Button

2 The user clicks on the Pay with PayPal button

An error message is displayed ‘Unable To Proceed, Try again Later.’

Description


Alternative Course of Action

Identifier UC-7 Give FeedbackPurpose Allows the customer to send email to the client to give feedback.Requirements WC_2271Development Risks

None

Pre-conditions The user is on the Contacts Page.Post-conditions An email is sent to the client with the feedback given.

Seq# Actor’s Action System’s Response1 The user enter the name, email,

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 email is sent to the client with the user’s name email and Comments.

Seq# Actor’s Action System’s Response1 The 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.

Description



1 The admin adds a blog entry The blog entry is displayed in the blog

Identifier UC-9 Add a blog entry

Purpose Allows the admin to maintain a blog


Development Risks

None

Pre-conditions The admin is on the Blogs Page

Post-conditions The entry written by the admin is added in the blog

Our Project is a single NDI Project

NDI Evaluation

NDI/NCS Products Purposes

Wordpress Platform to provide all functionality in website.

Wordpress Wordpress 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 hrs Actual: 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 Products PurposesWebs.com Webs.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.org Wordpress offers high customization and simple to use.

Drupal Drupal 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 attributes Weight

1 Look and Feel 20

2 Ease of Use 10

3 Ease of Installation 10

4 Ease of Maintenance 10

5 Cost 10

6 Vendor Support 8

7 Security 7

8 Maturity of the product 5

9 Inter-component Compatibility 5

10 Ease of Integration with third party software 5

11 Evolution Ability 5

12 Functionality 5

Total 100

Evaluation Criteria of NDI features

No. NDI/NCS Features/ sub features Weight

1 Add Pages 12

2 Buy Product 12

3 Add/Remove Product 12

4 Customization for Shopping Cart 12

5 Fb/Twitter Integration 10

6 View Product Details 10

7 View Product Listing 10

8 Mobile version of the site 10

9 Blog/Chat Feature 6

10 Tracking People 6

Total 100

Evaluation Results Screen Matrix for NDI attributes

No W

Webs.com

AVGTota

l

Drupal

AVG Total

Wordpress.org

AVG TotalR1 R2 R3 R4 R1 R2 R3 R4 R1 R2 R3 R4

1 20 5 6 7 5 5.75 23 17 19 15 18 17.25 69 20 19 20 19 19.5 78

2 10 9 9 9 8 8.75 35 7 8 7 7 7.25 29 9 9 10 9 9.25 37

3 10 10 9 9 10 9.5 38 9 9 7 8 8.25 33 9 9 9 10 9.25 37

4 10 10 10 10 9 9.75 39 7 8 8 7 7.5 30 8 9 9 9 8.75 35

5 10 9 9 8 9 9.25 37 9 9 8 9 9.25 37 9 9 9 9 9 36

6 8 5 6 7 5 5.75 23 6 6 6 5 5.75 23 7 5 5 6 4.5 18

7 7 5 5 6 6 5.5 22 6 6 5 5 5.5 22 6 5 5 5 5.25 21

8 5 3 3 3 3 3 12 5 5 5 5 5 20 5 5 5 5 5 20

9 5 5 4 4 5 4.5 18 5 4 4 5 4.5 18 5 4 4 5 4.5 18

10 5 3 4 4 3 3.5 14 4 5 5 4 4.5 18 4 5 4 4 4.25 17

11 5 2 3 4 3 3 12 4 4 4 4 4 16 4 4 4 4 4 16

12 5 5 5 5 5 5 20 5 4 4 5 4.5 18 5 4 5 5 4.75 19

Total 100 71 73 76 71 72.75 291 84 87 78 82 82.75 331 91 87 89 90 89.25 357

Evaluation Results Screen Matrix for NDI features

No W Webs

AVG TotalDrupal

AVG TotalWordpress.org

AVG Total

R1 R2 R3 R4 R1 R2 R3 R4 R1 R2 R3 R4

1 12 12 12 12 12 12 48 12 12 12 11 11.75 47 12 12 12 12 12 48

2 12 12 12 12 12 12 48 12 11 11 11 11.25 45 12 12 12 12 12 48

3 12 12 12 12 12 12 48 12 11 11 11 11.25 45 11 11 11 11 11 44

4 12 8 8 7 7 11.5 46 11 11 11 11 11 44 12 12 12 12 12 48

5 10 10 10 9 9 9.5 38 10 9 9 9 9.25 37 10 10 10 10 10 40

6 10 10 10 10 9 9.75 39 10 10 10 10 10 40 10 10 10 10 10 40

7 10 10 10 10 9 9.75 39 10 10 10 10 10 40 10 10 10 10 10 40

8 10 9 10 9 9 9.25 37 9 10 9 9 9.25 37 9 10 9 9 9.25 37

9 6 6 6 6 6 6 28 6 6 5 5 5.5 22 6 6 6 6 6 24

10 6 5 6 6 5 5.5 22 5 5 6 6 5.5 22 5 6 6 6 5.75 23

Total 100 94 96 93 90 93.25 373 97 95 94 93 94.75 379 97 99 98 98 98 392

Business Case Analysis

Market Trend and Product Line AnalysisCost AnalysisBenefits AnalysisROI Analysis

Market Trend and Product Line Analysis

Webs.com Drupal Wordpress

Market Trend It 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 Line It 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

Type Wordpress.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 users Free of cost

Database It is provided by wordpress free of cost

Paypal Charges 2.9% of the product cost +30 cents per transaction

Total $10.87 per year excluding Paypal charges

Benefit Analysis

Current activities & resources used % Reduce Time Saved (Hours/Year)

1. Selling Products, Taking Payments has become easy through Wordpress. (40hours/week*52weeks=2080hrs) 92.5 1885

2. Increase Awareness about charities (10hours/week*52=520hrs)

92.5 481

Total 2366

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 - -1

2013 156 2366 291 2366 7.1

2014 156 2366 447 4732 9.5

2015 156 2366 603 7098 10.7

2016 156 2366 759 9464 11.4

ROI Analysis Graph

Major Risks

1. Getting the Inputs from the Designer2. Browser Compatibility3. Load Time for Pages

Supporting Information Document

Traceability Matrix

OCD WinWin Agreement SSAD Test Case

OC-1 WC_1264 UC-5 TC-09

OC-2 WC_1267, WC_1273 UC-6, UC-9 TC-10, TC-03

OC-3 WC_1266 UC-3, UC-4 TC-08

OC-4 WC_1272 N/A TC-02

OC-5 WC_1268, WC_1269, WC_1285

N/A TC-02, TC-03

OC-6 WC_1282, WC_1280, WC_1551

UC-1, UC-2 TC-06, TC-07, TC-05

OC-7 WC_1276 UC-8 TC-11

OC-8 WC_1271 UC-10 TC-04

OC-9 WC_1265, WC_1286, WC_1291

N/A TC-19, TC-20, TC-13, TC-14

OC-10 WC_1283, WC-2271 UC-7 TC-12, TC-13

OC-11 WC_1552 N/A TC-02

Win-Win Agreements

Removed Win-Win Conditions

1. WC-1553: As an admin I want to be able to send mass emails 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

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: AmyPlanned duration: 8 Dec - 13 DecTasks 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 <a> with href imagepossible to just copy/paste existing coe.)2) Put details on Details page (again, simple html <img>, text and

simple one line code that uses the WP Plugin to add to cart).

Download - Arts and Crafts Website

Top Related