View
74
Download
0
Category
Tags:
Preview:
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
Citation preview
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
Typical Course of Action
Seq# Actor’s Action System’s Response
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
Typical Course of Action
Identifier UC-3 Add Product to Shopping Cart
Purpose Allows the customer to add product in the Shopping Cart
Requirements WC_1266
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
Seq# Actor’s Action System’s Response
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
Typical Course of Action
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
Typical Course of Action
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
Typical Course of Action
Seq# Actor’s Action System’s Response
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
Requirements WC_1273
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).
Demo
Recommended