FINAL 2ND Kat Edit

8/14/2019 FINAL 2ND Kat Edit

1/175

Waves of Boracay Website

submitted by

Team Leader: Cristina Ubaldo

Team Members

Katrina Dee

Rhochella dela Cruz

Madelaine Mapile

A Software Engineering Project

Submitted to

Mr Joel PiraMarch 21, 2009

Table of Contents

I. Introduction................................................................................. 5

II. Project Background........................................................................6

III. Requirements Analysis..................................................................7


2/175

IV. Analysis Model............................................................. ............10

A. Scenario-Based Model.................................................................10

i. UML Activity Diagram............................................................................10

ii. Swimlane Diagram.................................................................................16

B. Class-Based Models............................................................ ........45

i. Class Diagram......................................................................................45

C. Behavioral Models.....................................................................47

i. Sequence Diagram.................................................................................47

V. Design Model............................................................................ ..49

A. Data Design.................................................. ......................50

B. Architectural Design......................................................... ..........51

C. Interface Design.................................................................. ......60

D. Component-Level Design.................................................... ..........74

E. Deployment-Level Design.............................................................76

VI. Product Scope........................................................... ...............77

A. Context..................................................... ............................77

B. Informational Objective...............................................................78

C. Function and Performance............................................................78

VII. Software Team.........................................................................79

A. Profile.................................................................................. .79

B. Capability..............................................................................80

VIII. Estimation................................................................. .............80

A. Function-Based Estimation.......................................................... ..80

IX. Schedule........................................................... .....................82

A. Gantt Chart............................................................................82

X. Software Testing....................................................................85

XI. Risk Management.......................................................... .......172

XII. Deployment......................................................................178

I. System Configuration........................................................178

II. Client Testing Procedure....................................................180

XIII. Conclusion........................................................................184

IX. Index.......................................................... ............................185

2


3/175

Figure 28 - Class Diagram of Administrator................................................................47

Figure 46 - Waves of Boracay View Product in Category................................................66

Figure 58 - Gantt Chart (Continuation)......................................................................84

3


4/175

I. IntroductionE-commerce serves to be one the most effective marketing and business strategy in

todays Internet driven society. What better way to get your business discovered other than

having a website specifically for your store? E-commerce sites provide a service of an online

shopping experience with only a click on the mouse.

A student from University of Asia and the Pacific wishes to take his handicraft

business to a higher level. He aims to export handicrafts products both locally and

internationally. Despite already having the store located in Robisons Ermita, he believes that

a store website is necessary promote and sell his products.This e-commerce site made especially for Mr. Daniel Cleak's business will basically

provide an online shopping experience for public viewers and site members. It feels as if you

are actually shopping in the real store. It will provide a gallery of all handicraft products and

4


5/175

its details. A search engine will help viewer check product availabilities and specifications.

Members have the privilege to purchase the product they have added, deleted, or edited in

their own shopping carts. This site is linked with secured payment systems such as PayPal.

(Katrina Dee and Rhochella dela Cruz)

II. Project Background

The client of the group is Daniel Cleak, owner and manager of the Waves of Boracay

gift shop. The business primarily sells local handcrafted products that are mainly made out ofCapiz shells. However, the products are not just limited to Capiz shell products; the business

also sells native jewelries from Cebu, made from Filipino indigenous materials like straws,

shells, wood, nuts, etc. The target market of the business is not limited to the OFW's, tourists,

and foreigners, but it is open for anyone who is likely interested to the products.

The Waves of Boracay gift shop currently has no other way of commercializing the

business, but the store itself. Mr. Cleak told the group that he has been looking for an I.T.

professional who can produce a website to attract foreign buyers and other possible

customers for his business.The project team will be developing a website for the Waves of Boracay gift shop.

This website features online buying, where the products of the shop is categorized, which can

be easily searched. The site also features a shopping cart for its customers. The only

5


6/175

restriction that the website has is that only members can purchase the products. The non-

members can use the shopping cart, but can no longer purchase them.

(Cristina Ubaldo)

III.Requirements Analysis

The use-case diagram contains actors and use-cases. Actorsare entities that interact

with the system. They can be human users or other machines or systems that have defined

interfaces to the software. Use cases are collections of user scenarios that describe the thread

of usage of a system.

6


7/175

Figure1 - Public User Use Case Diagram

Figure 2 contains the use-case diagram of the actor, public user. Public users are

unregistered members that visit the site. These users can search for products and can view

all the products information. Public users can add products and delete products from the

cart even if they havent even registered yet. When the public users proceed to checkout,

they will be asked to sign in with their email address and password if they are already a

member or sign up to make an account.

(Katrina Dee

7


8/175

Figure 2 - Member Use Case Diagram

Figure 3 shows the use case diagram of the actor, member. Members are registered

users of the site. The email address, password, full name, address and contact number of

each member are already saved in the websites database. Only a registered member can

proceed to checkout and purchase the item. When the member proceeds to checkout, he

confirms his delivery address ad his purchase on the items in his cart.

(Katrina Dee)

8


9/175

Figure 3 - Administrator Use Case Diagram

Figure 4 shows the use case diagram of the actor, administrator. The administrator

manages all the activities in the website. Only the administrator can add a new product,

delete a product and edit a product from the websites database. The admin can also view

member, edit member, delete member and search member. The administrator can also

manage and view the orders in the website. He can view order delete order and search for

orders.

(Katrina Dee

IV. Analysis Model

A. Scenario-Based Model

9


10/175

i. UML Activity Diagram

Figure 4- Administrator Activity Diagram

10


11/175

The Activity Diagram provides a representation of the procedural flow of all user-

related functions that are applicable in the site. This diagram includes all the administrator

functions that an administrator has an access to. An administer can perform all these

activities once he is signed in with his valid username and password. In the Admin Home,

the administrator can edit, maintain, delete, add, view and check the different modules

presented in this activity diagram.

(Rhochella dela Cruz)

11


12/175

Figure 5 Member Activity Diagram

12


13/175

The Member Activity Diagram provides a representation of the procedural flow of all

user-related functions that can be accessed by members only. This diagram includes all the

member function modules that mostly require the member to successfully sign in. The buy

product module is one of the functions that only registered and signed in members can access. A

complete checkout process is prohibited if the user is only a Public User. The viewing of basket

and searching are some of the functions that are shared by both Public User and members. Only

members have access to their Profiles and Order History. The links for these features and

functions can only be accessed if the member is signed in. They get to benefit from more

functions in contrast to the limited functions that Public Users only have access to.


13


14/175

Figure 6 - Public User Activity Diagram

The Public User Activity Diagram represents all the activities that a

Public User can perform as he broses the site. If he wished to purchase aproduct, he would have to become a member first, he can do this using the

registration function. He can also manage his own Shopping basket but he

would not be able to purchase it. He is free to browse all the links in the site.


14


15/175

ii.Swimlane Diagram

Swimlane Diagram represents the flow of activities described by the use-cases by

indicating the main controllers that are responsible in the performing or receiving the activity

rectangles. In this system, the main controllers who are involve in performing or

receiving the functions and activities are the Administrator, Public User, and Members. Each

lane represents the process that belongs to the respective controller. The controller is in charge of

executing the process and activities contained in its specific grouping.


ADMINISTRATORISTRATOR MANAGE PRODUCTS MODULE

15


16/175

Figure 7 -Administrator Adds Product Function

The administrator logs in with his username and password. The administrator manages

the table of products in the database. He is in charge of adding the products, product details and

upload pictures of each item. All these added products will appear in the sites gallery.

16


17/175

Figure 8 - Administrator Searches for Product Function

One of the privileges of the administrator is that he is able to search

for the products. Once he is successfully logged in using his valid username

and password, he is directed to the Administrator Page. The Administrator

Page provides a product search engine, where the administrator can input

product keywords such as the Product Name. If there are available products,

17


18/175

the page is directed to the Product Inventory Page that will display results of

the search along with the product details.

18


19/175

19


20/175

Figure 9 - Administrator View, Edit, Delete Product Function

Given that the administrator is successfully signed in with his valid

username and valid password, he can view all the products in the database.

This includes viewing each products details and image. The View Product link

is clicked to display the Product Inventory. Along with this, two functions areconnected with each product, Delete product and Edit product. At the end of

each product entry, the Delete and Edit links are provided in case the

administrator wants manage the specific product.

Using the Edit Product function, the administrator edits the product details or changes the

uploaded picture as requested by the storeowner. All changes in the database will be reflected in

the actual site.

Using the Delete Product function, the administrator manages the table of products in the

database. Besides being in charge of adding the products, part of managing the product data table

is being able to delete unwanted or unavailable products. The storeowner will be the one todecide which products are to be deleted, added, and edited.

20


21/175

MANAGE CATEGORIES MODULE

Figure 10 - Administrator Adds Category Function

The administrator logs in with his username and password. The administrator is the only

user who can add a category in the database. The administrator will have to enter the category

name and upload the categorys image. All products sold in the site are grouped in a specific

category.

21


22/175

Figure 11 - Administrator View, Edit, Delete Category


username and valid password, he can view all the categories in the database.

22


23/175

This includes viewing each categorys details and image. The View Category

link is clicked to display the Categories list. Along with this, two functions are

connected with each category, Delete category and Edit category. At the end

of each category entry, the Delete and Edit links are provided in case the

administrator wants manage the specific product.

Using the Edit Category function, the administrator edits the category details or changes the

uploaded picture as requested by the storeowner. All changes in the database will be reflected in

the actual site.

Using the Delete Category function, the administrator manages the table of categories in the

database. Besides being in charge of adding the categories, part of managing the category data

table is being able to delete unwanted or unavailable category. The storeowner will be the one to

decide which category are to be deleted, added, and edited.


ADMINISTRATORISTRATOR MANAGE ORDERS MODULE

23


24/175

Figure 12 - Administrator Search Order Function

One of the privileges of the administrator is he is able to search for the

orders of the members. This is easier than viewing all the orders using the

View Order link.. Once he is successfully logged in using his valid usernameand password, he is directed to the Administrator Page. The Administrator

Page provides a order search engine, where the administrator can input order

number as keyword. If there are available order corresponding to that

24


25/175

keyword,, the page is directed to the Orders Page that will display results of

the search along with the order details. (Rhochella dela Cruz)

25


26/175

26


27/175

Figure 13 - Administrator View, Edit, Delete Order Function

Once a member completely and successfully makes a transaction, it will be saved in the

database. The administrator logs in with his username and password. The function will enable theadministrator to view all order transactions of all members who have purchased from the site. All

transaction details such as order id, date of transaction, member and other information in the

tracking history will be also be shown using this function. Clicking View Orders under Customers

will enable the administrator to view all orders. The Edit and Delete functions can be used for

each transaction to help the administrator manage the orders.

Using the Edit Order function by clicking the order number of the order, the current status of

the order can be changed. This way, the administrator can keep track of the transaction progress.

The changes to the status is reflected in the Orders Page

Using the Delete Order function, the administrator can delete cancelled or fraudulent

transactions. (Rhochella dela Cruz)

MANAGE MEMBERS MODULE

27


28/175

Figure 14 - Administrator View, Edit, Delete Member

Once a public user has successfully registered, he becomes a member. His account will be

added to the database. All members and their account details are viewable by the administrator.

28


29/175

Along with viewing the members, he can also edit their account if there are changes and delete

their account.

Using the Edit Member function by clicking Edit link, the administrator can update the

personal details of that given member. Updating member profile is very important especially that

this site should provide real time transactions.

Using the Delete Member function, the administrator, the administrator can delete members.


29


30/175

Figure 15 - Administrator Search Member Function

One of the privileges of the administrator is that he is able to search

for the members of the site. Once he is successfully logged in using his valid

username and password, he is directed to the Administrator Page. The

Administrator Page provides a order search engine, where the administrator

can input the members detail as the search keyword. If there are available

30


31/175

member corresponding to that keyword, the page is directed to the Customer

page that will display results of the search along with the members details.


Figure 16- Administrator View, Edit Delete Administrator Users Function

31


32/175


username and valid password, he can view all the administrator accounts if

there is more than one administrator. This includes viewing each

administrators account details. The Administrator link is clicked to display

the admin users of the site. Along with this, two functions are connected with

each account. Delete administrator and Edit administrator. At the end of

each administrator entry, the Delete and Edit links are provided in case the

administrator wants manage that specific administrator account.

Using the Edit Administrator function, the administrator edits the personal information of the

administrator.

Using the Delete Administrator function, the administrator can delete that specificadministrator user. Once deleted, he can no longer log in with his username and password in

www.wavesofboracay.com/ administrator. (Rhochella dela Cruz)

32
http://www.wavesofboracay.com/adminhttp://www.wavesofboracay.com/adminhttp://www.wavesofboracay.com/adminhttp://www.wavesofboracay.com/admin


33/175

Figure 17 - Administrator Manage Store Settings Function

33


34/175

The administrator maintains not only the functionalities of the site but also all the data

and settings that appear in the site. Under Store Config, the administrator has access to Store

Settings function. Whatever changes made by the administrator using this section will appear in

the online site. Since this is an e-commerce site, the currencies are important to be configured.

According to Mr.Cleak, his main target is to promote and sell his products to customers living

abroad. The administrator can use the sub-function of configuring the currencies to a uniform U.S

dollar ($) monetary unit. (Rhochella dela Cruz)

Figure 18 - Administrator Manages Shipping and Billing

34


35/175


36/175

Once the administrator has successfully logged in, he can view the 10 most popular

products. Under View Stats, the administrator can click on Popular Product link to see the poll of

top 10 products. This is judged by the number of time the product is viewed. (Rhochella dela

Cruz)

MEMBER MODULE

36


37/175

Figure 20 - Member Buys Product Function

37


38/175

To purchase the products in your cart, one has to be a member and signed in to complete

the checkout process. The first step is the View Basket Step where the member can edit, add,

delete product/s in his basket. Clicking Continue button will lead him to the second step which

is the Address step. This displays the Billing information and ordered product list. The member

can edit his billing information before he completely checks out his transaction. The third step is

the Payment step where the member selects the payment method. If he chooses Credit Card, he

will be directed to the PayPal site. This requires a PayPal account. Waves of Boracay holds a

merchant account in PayPal. If he chooses the Postal Order form, he can print out his invoice. The

administrator will view this transaction using the same invoice. The last is the Complete step,

where the member has successfully made his transaction.


MEMBER ACCOUNT MODULE

38


39/175

Figure 21 - Member Sign in Function

The member has to sign in with his valid email address (username) and password to be

able to proceed to purchasing and checkout of the products in his or her shopping basket. Only

registered members have access to the sign in, purchasing functions, profile accounts of the site.


39


40/175

Figure 22 - Member View Order History Function

40


41/175


able to proceed to purchasing and checkout of the products in his or her shopping basket. Only

registered members who are currently signed in have access to the Order History feature. Under

Accounts, the member can view his Order History. It has the records of his transactions.


41


42/175

Figure 23 - Member Edit Profile Module

42


43/175


able to proceed to access his profile. Only registered members who are currently Accounts: link

which will lead the member to the Profile. The member can update his personal details.


PUBLIC USER MODULES

Figure 24 - Public User Register Function

43


44/175

A public user can register to become a member to fully enjoy the all the functions of the

site. A public user would not be able to purchase his or her desired products if he or she does now

sign up for membership. The user has to complete the registration form with his details. It is

important to have a valid email address in order to become a member of the site. This email

address should be unique for it will serve as the username of the member. Once registered, his or

her details are saved in the member table of the database. (Rhochella dela Cruz)

SHARED MODULES

44


45/175

Figure 25 - Public User and Member Search Function

All public users and members can search for certain products in the site. They do not

need to sign up for this feature. A member (signed in or signed out) can browse the site.


Figure 26 - Public User and Member Manage Basket

45


46/175

A public user can add products to his basket. Even without an account, he can also edit

the quantity and content of his basket. He can also delete the products in the basket. He only has

access to the first step of the checkout process, which is the View Basket. Clicking Continue

will prompt the public user to sign in. A member can view, edit quantity, add more products, and

delete products in the basket even without signing in yet. Once he signs in after clicking

Continue button, the basket will be considered his own and he can then proceed to the whole

checkout process if he wishes to make that transaction. (Rhochella dela Cruz )

B. Class-Based Models

i. Class Diagram

A class diagram is a figure of the relationships, connections and dependencies

among classes in the Unified Modeling Language (UML). A class shows the methods and

variables in an object, which is a specific entity in a program or the unit of code representing

that entity.

In a class diagram, the classes are arranged in groups that share common

characteristics. A class diagram is similar to a flowchart in which classes are inside the box.

The box contains the name of the class and its attributes. Lines, with arrows at one or both

ends, connect the boxes. These lines define the relationships, also called associations,

between the classes.

(Madelaine Mapile)

46
http://searchsoa.techtarget.com/sDefinition/0,,sid26_gci213030,00.htmlhttp://searchsoftwarequality.techtarget.com/sDefinition/0,,sid92_gci214158,00.htmlhttp://whatis.techtarget.com/definition/0,,sid9_gci211790,00.htmlhttp://searchcio-midmarket.techtarget.com/sDefinition/0,,sid183_gci212559,00.htmlhttp://whatis.techtarget.com/definition/0,,sid9_gci213275,00.htmlhttp://searchsoa.techtarget.com/sDefinition/0,,sid26_gci212680,00.htmlhttp://whatis.techtarget.com/definition/0,,sid9_gci212134,00.htmlhttp://searchsoa.techtarget.com/sDefinition/0,,sid26_gci213030,00.htmlhttp://searchsoa.techtarget.com/sDefinition/0,,sid26_gci213030,00.htmlhttp://searchsoa.techtarget.com/sDefinition/0,,sid26_gci213030,00.htmlhttp://searchsoftwarequality.techtarget.com/sDefinition/0,,sid92_gci214158,00.htmlhttp://searchsoftwarequality.techtarget.com/sDefinition/0,,sid92_gci214158,00.htmlhttp://searchsoftwarequality.techtarget.com/sDefinition/0,,sid92_gci214158,00.htmlhttp://whatis.techtarget.com/definition/0,,sid9_gci211790,00.htmlhttp://whatis.techtarget.com/definition/0,,sid9_gci211790,00.htmlhttp://whatis.techtarget.com/definition/0,,sid9_gci211790,00.htmlhttp://searchcio-midmarket.techtarget.com/sDefinition/0,,sid183_gci212559,00.htmlhttp://searchcio-midmarket.techtarget.com/sDefinition/0,,sid183_gci212559,00.htmlhttp://searchcio-midmarket.techtarget.com/sDefinition/0,,sid183_gci212559,00.htmlhttp://whatis.techtarget.com/definition/0,,sid9_gci213275,00.htmlhttp://whatis.techtarget.com/definition/0,,sid9_gci213275,00.htmlhttp://whatis.techtarget.com/definition/0,,sid9_gci213275,00.htmlhttp://searchsoa.techtarget.com/sDefinition/0,,sid26_gci212680,00.htmlhttp://searchsoa.techtarget.com/sDefinition/0,,sid26_gci212680,00.htmlhttp://searchsoa.techtarget.com/sDefinition/0,,sid26_gci212680,00.htmlhttp://whatis.techtarget.com/definition/0,,sid9_gci212134,00.htmlhttp://whatis.techtarget.com/definition/0,,sid9_gci212134,00.htmlhttp://whatis.techtarget.com/definition/0,,sid9_gci212134,00.html


47/175

Figure 27 - Class Diagram of Customer

The class diagram shows that the customer signs in as member. The members

attributes are password, name, address, email address and contact no. The P.K. or the

Primary Key is a unique attribute. When the member has signed in, he may buy any product

from the website. The product contains the product ID, its description and the price. After the

customer has chosen the product that he wishes to buy, he may view and go to his shopping

cart to distinguish the total amount of the products he purchased. He has the power to

manage his cart by adding more products or deleting some of it. When the customer has

signed in, he could view the catalog, search products via the search engine, buy the product,

manage his shopping cart and view or edit his profile if there would be changes e.g. change

of mailing address.

(Madelaine Mapile)

47


48/175

Figure 28 - Class Diagram of Administrator - Class Diagram of Administrator

This next class diagram shows that when the administrator logins, generally, he could

manage the store settings. The admin may configure the settings of the site. The admin could add

categories, edit or delete. The categories consist of products. The admin manages the products

also; he could add products, image of a certain product, and edit the description, or the price of

the product/s. He could also view his added products and members information and manages the

members orders. The attribute of the order class are Order ID which is the Primary Key, the

orderDate, the exact date the member purchased the product, the orderList, the total list of the

products the member purchased and its total cost. The Shipping address is also an attribute of the

order class and the payment method that the member has chosen.

(Madelaine Mapile)

C. Behavioral Models

i. Sequence Diagram

The header portion of a sequence diagram represents the components of the system

being modeled. There are five components of this diagram; administrator, administrator's

page, Waves of Boracay website, shopping cart, and the customer.48


49/175

(Cristina Ubaldo)

Figure 29 - Sequence Diagram of Administrator

The administrator is considered as an actor in this diagram. The administrator, who

is the owner and manager of the Waves of Boracay gift shop, logs in to the administrator's

page. If the username and password is valid, then the administrator's page will allow access

to modify the Waves of Boracay website. The administrator's page is one of the components

that represent the objects in the system. Through this page, the administrator will be able to

moderate the Waves of Boracay website by managing the product, categories, orders,

members, and store configuration. Also, the administrator has the privilege to access andcontrol the database of the system.

(Cristina Ubaldo)

49


50/175

Figure 30 - Sequencw Diagram of Customer

The customer is the second actor in this system. The Waves of Boracay website

offers a free membership for it's customers. If the customer owns an account, he/she has the

privilege to manage his/her own shopping cart by adding a product. Also, he/she can delete

the products that he/she no longer wants to purchase. After selecting the products to

purchase, he/she has to complete the checkout procedure. He/she will confirm the delivery

address, shipping method, and payment method. Once done, the administrator can access the

order list of the member. The Waves of Boracay website is basically the object where all

transactions happens.

(Cristina Ubaldo)

V. Design Model

A. Data Design

50


51/175

Figure 31 Entity Relationship Diagram

51


52/175


Data design focuses on data organization that is essential in building relationship

between the system data and the events and process which are all required to establish an

accurate and flexible database. Data Design concentrates more in organizing and storing

data, much like how the data should be organized in a database representation. To visually

represent Data Design, an Entity-Relationship Diagram encompassing the data requirements

of the system gathered, organized, related, and grouped.

This ERD shows the data organization of the site. Once a user decides to be a

member, all of his or her data will become attributes of an entity member. Being a member

allows him or her to select a product and buy such item, besides being capable of

performing public functions such as searching, viewing, and managing cart functions. The

entity product has several attributes, but mainly grouped and identified by product_id and

categories. Once the member decides to buy the products in his or her cart, an order will

be created. An order creates a transactionHistory for the member which contains the details

of his or her purchased items. The purchased order sends an email invoice to the member. A

member has one-to-many relationship with the product and order. He or she also has a one-

to-many relationship with the transactionHistory, depending on the number of times the

member has purchased a single or numerous product items. The admin is responsible not

only in managing the orders of each member but also updates each member of theirtransaction invoice via email. The ERD also shows the entities and the function of a public

user, besides being able to browse and search through the site, he or she can also sign up for

newsletter subscription.


B. Architectural Design

52


53/175

Figure 32- Context Diagram of the System Level 0

(Cristina Ubaldo)

This diagram is just an overview of the data flow of the Waves of Boracay website.

The administrator is the one who inputs category information and picture, and product

information and picture, which will be placed in the Waves of Boracay website. On the other

hand, the customers are the public user and the members. The public user can access the

website without logging in. The member can also access the website, as well as the shopping

cart. The member has the privilege to checkout his/her shopping cart. Once the shopping cart

has checked out, the administrator will view the order list.

(Cristina Ubaldo)

53


54/175

Figure 33 - Data Flow Diagram of the System

(Cristina Ubaldo)

This diagram is a highly structured data flow of the Waves of Boracay website. It

comprises of 12 process, namely administrator login, administrator add product,

administrator add category, administrator edit product, administrator edit category,

administrator delete product, member sign up, member sign in, member view product,

member view category, member add product in shopping cart, and member delete product in

shopping cart.

(Cristina Ubaldo)

54


55/175

Figure 34 - Login Process of Administrator

(Cristina Ubaldo)

This diagram shows how the login process of the administrator. The administrator

inputs the username and password which will be processed to the Waves of Boracay

database, It will verify the username and password by checking if is matches the data. If the

data matches, then the login is accessed. Of not, the access is denied.

(Cristina Ubaldo)

55


56/175

Figure 35 - Add Product Process of Administrator

If the administrator is logged in, he can add product to the database. Adding a

product requires the administrator to input the information about the product. Once the

information has processed, it will then be stored in the database.

(Cristina Ubaldo)

Figure 36 - Add Category Process of Administrator

If the administrator is logged in, he can add category to the database. Adding a

category requires the administrator to input the information about the category. Once the

information has processed, it will then be stored in the database.

(Cristina Ubaldo)

56


57/175

Figure 37- Edit Product Process of Administrator

If the product exists in the database, the administrator can edit the product by

changing the details of the selected product. Once done, the database will be updated.

(Cristina Ubaldo)

Figure 39- Edit Category Process of Administrator

57


58/175

If the category exists in the database, the administrator can edit the category by

changing the details of the selected category. Once done, the database will be updated.

(Cristina Ubaldo)

Figure 38- Add and Delete Product in Shopping Cart of Member

After viewing the category then the product, any user has the privilege to add and

delete product in shopping cart.

(Cristina Ubaldo)

58


59/175

Figure 40 - View Product and Category Process of Member

Any user can view the product and category of the website by simply selecting the

desired data.

(Cristina Ubaldo)

59


60/175


61/175

If the customer has already sign up, he/she can sign in by entering the email address

and password of his account. It will be processed to check if it corresponds to the data in the

database. If the data matches, then he/she is logged in. If not, then he/she has to input the

correct email and password.

(Cristina Ubaldo)

C. Interface Design

General Information about the Interface

The system provides online shopping functions for users and members who wish

explore the Waves of Boracay via the Internet. This website is open for everyone for viewing,

searching, and member sign up, and newsletter subscription. For one to actually complete his

or her shopping experience, a public user must register to become a member. This will enable

one to own his or her own shopping cart. A public user can edit, add, delete products from the

shopping cart, but for him to actually purchase and own anything he put in that cart, he must

be a member of the system. A member can also view his or her personal details and receive

email invoices once checkout and the transaction are complete. The administrator has his own

administration pages secured with specific password and admin username. The administrator

keeps tracks of all the processes that take event in the site. He maintains the site and controls

all the data that is the user interface shows. The interface or design of the site is very user

friendly and equipped with features that make e-commerce sometimes more efficient than

personally visiting the store.

User task, environmental analysis, and modeling

User analysis: A user is classified as a member or a public user. The administrator,

public users and members can view the website. Being a public user entitles a limited number

of accessible functions. A member entitles an access to all functions and features of the site.

Only a member can purchase the products online. The administrator manages the member

accounts, transaction histories and purchasing. He is the only who has access over the sites

database. He manages all the transaction and events that occur in the site.

Task analysis: The administrator can add, edit, delete product item and product

details. He manages the whole sites gallery. He is also responsible in ensuring that the site is

61


62/175

connected with their respective payment partners and all details that involve in the purchasing,

checkout, and verification. The administrator also maintains the member accounts. They

ensure that the members can use all functionalities of the site efficiently. The administrator is

also charge of updating the features of the sites. He is also responsible in preserving a user-

friendly navigation and design interface of the website.

Environment analysis:

All computers with Internet connection can access this website.

Administrators task:

Log in with administrators username and password

Add product item

Edit product detail

Change product item image

View members orders

View transaction history of members order

Sends email invoice

View members payment options

Update site features

Maintain site functionalities

Maintain connection with payment partners

Sign out of the system

Non-administrators tasks

Access the website

Select site features

Search for a product

Sign up to become a member

Sign in using members username and password

Add, delete, edit shopping cart

Select transaction details for purchasing and checkout

62


63/175

Edit member profiles

Implementation tools:

The computers keyboard and mouse will be the main devices to be used

The system is flexible and user friendly which will establish easy site

navigation and feature utilization

Anyone who views the site can contact the administrator or developers if

complains and suggestions arise.


Figure 43 - Waves of Boracay Homepage

(Madelaine Mapile and Katrina Dee)

63


64/175

Figure 44- Waves of Boracay Sign Up of Member


64


65/175

Figure 45 - Waves of Boracay Sign In of Member


65


66/175

Figure 46 - Waves of Boracay View Product in Category - Waves of Boracay View

Product in Category


66


67/175

Figure 47 - Waves of Boracay View Shopping Cart


67


68/175

Figure 48 - Waves of Boracay Confirm Shipping Address


68


69/175

Figure 49 View product


69


70/175

Figure 50 - Administrator Category List


70


71/175

Figure 51 - Administrator Add Category


71


72/175

Figure 52 - Administrator View Product List


72


73/175

Figure 53 - Administrator Add Product


73


74/175

Figure 54 - Receipt


D. Component-Level Design

74


75/175


76/175

The figure above shows overall view of the system. There are 3 types of users for the

website, the admin, the member and the public user. The Public user can immediately access

the website without logging in. The search page and the shopping basket will be observed

oncehe visits the website. However, to purchase a product, the public user must log-in as a

member. When a member logs in, he will be redirected to the member page. From there, he

can edit his profile, search for a product, manage his shopping cart and buy product. The

admin page contains the most pages. The admin can mange product, manage category,

manage member, manage order, and manage admin users. Under these categories are more

specific functionalities available for the admin. These pages with functionalities are all

linked to the admin.

(Katrina Dee)

E. Deployment-Level Design

A deployment diagram shows the outlook of the run-time configuration of

processing nodes and the components that run on those nodes. It shows the hardware of the

system, the software that is installed on that hardware, and the middleware used to connect

the disparate machines to one another.

(Madelaine Mapile)

Figure 56- Deployment-Level Diagram

(Madelaine Mapile)

76


77/175

The administrator, the customer or the public user uses the Internet browser to view

the website of the Waves of Boracay shop. The website has the main functions of user login,

member sign-up, view products and purchase the products. These functions are saved in the

database server using mySQL.

(Madelaine Mapile)

VI.Product Scope

A. Context

The group interviewed Mr. Daniel Cleak, the owner of Waves of Boracay Gift Shop,

on December 5, 2008 at Chiggys Pearl Drive in Pasig. The group interviewed him regarding

the Shop and asked the following questions:

Tell us something about your business

Who would benefit from the website?

How would the people or customer benefit from the website?

How would you like the website interface to look like?

What features would you want to have in your business website?

After the group interviewed him, the group concluded that:

The Waves of Boracay Website offers an online shopping of souvenirs and other

merchandises from Boracay. It is a convenient website for customers since ordered

products could also be delivered right in front of their houses. It is an easy to use website.

The customer will register his/her name, password, address, email address and contact

number to be able to purchase one or more products. The administrator will manage the

availability of the products and the orders of the customers. After deciding on the

product/s to purchase, the customer will then choose what payment method he/she will be

using.

The purpose of Waves of Boracay Website is for interested customers that would

allow them to see Mr. Cleaks handicrafts store. At the same time, this is a way to

advertise the business and also, it promotes Filipino products.

(Madelaine Mapile)

77


78/175

B. Informational Objective

The system is an online store that would allow local and international customers tohave access to Daniels handicrafts store. The system will have a user-friendly interface that

will let anyone who has a computer connected to the internet order from the store. The

system would contain the images of the products being sold and their specific descriptions.

The administrator can add products, edit products, delete products and manage orders.

(Katrina Dee)

C. Function and Performance

This website delivers an e-commerce service to an actual handicraft store owned by

Mr. Cleak. In this case, the website functions are similar to an actual store but with more real

time services accessible anywhere in the world using the Internet. The owner specifically

required functionalities that should make shopping possible with a click on the mouse. Such

functionalities involve Search Product, View Catalog, Search Product, Buy Product, Sign-up

member, Sign-in member, and Manage Shopping cart. Member Accounts are the most

beneficial for this site. A user can make use of the Sign-up functionality to create his/her own

account to be able to purchase products. Each member has his/her own shopping cart which

he/she can edit using the Add to Cart, Delete from Cart, Edit Cart functionalities. Only a

member can edit his/her own member details, purchase a product, and select all the

purchasing options (payment options) required to confirm his/her order. All purchased

transactions of members are recorded and updated. All these services are accessible if the

member has successfully signed in using his/her own Email Address and password. The

administrator signs with his/her own username and password in order to access the sites

database and maintain that all features, and functionalities of the site are working

accordingly. The Administrator has the following functionalities: Add Product, Edit Product,

Delete product, View product Manage order and Add Member. The Search Product and

78


79/175

View Product Information are available to all viewers both member and non-member of the

site. Other that its functionalities, the site also offers Newsletter Sign Up and Top 10

Featured Products, Along with its aim to advertise and expose the store in foreign countries,

features such as Foreign Exchange and Language Selection were selected. The website

presents user-friendly navigation with its readable and easy to understand user interface.


VII.Software Team

A. Profile

The team is composed of four members, namely Cristina Ubaldo, Madelaine Mapile,

Ma. Katrina Dee, and Rhochella dela Cruz. Our software engineering team is classified as a

Controlled Decentralized team. Our defined leader is Cristina Ubaldo. She provides themotivation and maintenance of organization of the all the concepts to be accomplished in

this project. Every member of the team is encouraged to share and ideas and innovative

processes and techniques to accomplish the project in the most resourceful and efficient

ways. As a responsibility of the team leader, she thinks ahead of time to lessen the

occurrence of problems. She has to make decisions that will ease the decision, selection,

evaluation, and coding of each functionality. She ensures that all the requirements of the

client will be provided.

The main task of the project team members, namely, Rhochella dela Cruz, Katrina

Dee, and Madel Mapile, is to aid the team leader in fulfilling the assigned tasks. Each one is

in constant communication with the leader in order to establish a continuous and updated

pacing of all the pending and accomplished tasks. In working with a more complex division

of the project, the team leader would assign partnerships to ease the difficulty of the problem

to be solved. A status report is given by each member and checked by the leader. This will

ensure that all objectives for the week are fulfilled and prioritize all pending tasks for the

coming days of work.

(Rhochella dela Cruz )

79


80/175

B. Capability

The skills and capabilities of the each member are necessary to the successful

completion of the project. All of the members will be part of the programming team but each

will be assigned to a specific area. Rhochella dela Cruz and Madelaine Mapile, being

proficient in the PHP programming language, will lead the coding the project in PHP.

Katrina Dee, being interested in MYSQL, will take charge of the database queries and the

integration of the databases. And Cristina Ubaldo, having web design as her forte, will be

responsible for the overall design of the website.

The team trusts and believes in one another each will be able to do their individual

tasks. There is good communication within the group. Regular meetings are conducted by

the group to talk about the progress of their project. The group also makes use of electronic

communication like Yahoo Messenger and Google Documents to share their documents.(Katrina Dee)

VIII.Estimation

A. Function-Based Estimation

Information Domain value

Simple

(Optimis

tic)

Average

(Most

Likely)

High

(Pessimisti

c)

Estimated

Count

Functio

n Point

CountExternal Inputs (EIs) 15 4 12 10.33 27

External Outputs (EOs) 20 15 7 17.50 35

External Inquiries 21 12 18 17 51

Internal Logical Files 7 10 15 7 7

External Interface Files 0 0 0 0 0Unadjusted Function

Point Count (count total) 120

FP estimated 140.4

Table 1 - Function-Based Estimate

(Rhochella dela Cruz and Katrina Dee)

Expected Value (size) 169

80


81/175

Organizational Average Productivity (OAP) 7.5

Burdened Labor Rate (per month) 2,000

Cost per Function Point (BLR/OAP) 266.67

Total Estimated Project Cost (EFP*CPFP) 37,440.00

Estimated Effort 18.72Table 2 - Function-Based Estimated Values


The function-based estimation is used to provide an overall estimate for the entire

project. This estimation method focuses in measuring and decomposition of Information

Domain Values. These Information Domain Values are as follows: External Inputs, External

Outputs, Internal Logical Files, and External Interface Files. The values obtained are used

mainly to analyze historical data and combine such findings to produce an estimate. Other

results that can be obtained from the estimation are the cost of the system site and

productivity rate of member per month.


COMPLEXITY WEIGHTING FACTORS VALUE

1. Backup and recovery 4

2. Data communication 23. Distributed processing 0

4. Performance critical 4

5. Existing operating environment 3

6. On-line data entry 4

7. Input transaction over multiple screens 5

8. IUFs updated online 3

9. Information domain-values complex 5

10. Internal processing complex 5

11. Code designed for reuse 4

12. Conversion/installation in design 3

13. Multiple installations 5

14. Application designed for change 5

Total Degree of Influence 52

Value Adjustment Factor 1.17

81


82/175

Table 3 - Complexity Weighting Factors


The Complexity Weighting Factors are indicated in this table and are numbered

from 1 to 14. Each one is rated from 0 to 5 to get the Value Adjustment Factor.


IX.Schedule

A. Gantt Chart

82


83/175

Figure 57 - Gantt Chart

(Cristina Ubaldo and Madelaine Mapile)

83


84/175


85/175

X.Software Testing

Testing Methods

The methods used to do the software system testing were Configuration Testing,

Usability Testing and Security Testing. These methods combined resulted to different Test

Conditions that revolve around finding errors in navigation, input usability, user access control,

session, and error handling. Navigation is very important in the site because these will serves as

guides for the members and public users in browsing the site and making use of the functions and

features that the sit provides. The important links were tested to ensure that all of them work

properly and are directed to the right pages based on eh command and buttons selected or clicked.

Input usability is tested for the inputs validation. These inputs are necessary for the functions to

fully accomplish what the users wants to achieve. Without these input, the functions will be

useless. The test cases focus on the input that might cause problems with the processing. Such

could be input of invalid characters and missing information. User access control test two factors

namely: Identification & Authentication and Authorization. Identification & Authentication tests

for the validity of members email addresses and password. The test cases focus in finding defects

in signing in and registering. Error handling test involves the display messages that come up to

warn the member or public user of their invalid action or page warnings. Session testing involves

testing the session of logged in member and the status they should have and should end once they

sign in or sign out. (Rhochella dela Cruz)

Testing Requirements for Members and Public Users

Member Sign In / Sign out (MS)

85


86/175


87/175

7. The member can delete the product from the basket.

8. After clicking Continue, the member is directed to the Address step. This displays the

personal details of the member who owns the basket. The billing information of the

member will also be displayed.

9. The member can edit the members billing information. Clicking the edit button will lead

the member to edit personal profile page.

10. The third step of the checkout process is the Payment. The member selects either to pay

through PayPal or Print Invoice.

11. Paying through PayPal will direct the member to login to the PayPal site. Members

PayPal account is necessary to be able to complete the transaction through PayPal.

12. After the PayPal has been confirmed, the transaction completion is the last step of the

check out process.

13. All transactions are saved in the database and can be viewed by the administrator.

Public User and Member Search (PMS)

1. A member does not have to be signed in to search

2. Public user can search the site even if he is not a registered member.

3. Public user or member inputs keyword in the search field. If the keyword is valid or

available, the resulting products are posted.

4. Public user or member inputs keyword in the search field. If the keyword is invalid or

unavailable, there are no results posted.

Navigating Links (NL)

1. A public user and member can view the links in the site

2. A signed in member will have additional links because there are features that only

authorized users (members) can have access to.

87


88/175


Test

Conditi

on No

Test

Condition

Requireme

nt No.

S

tep

No.

Step

Descripti

on (Test

Script)

Expected

Result

Actual

Result

Pass/F

ail

NAVIGATI

ON

TESTING

1

Homepage

link

NL1 1

Public

user or

member

clicks on

Homepag

e Link

located on

the left

side of

the site

Directs the

public user

or member

to the

homepage

Page

remains

directed in

the

homepage

of the site

P

88


89/175

2

Category

links

NL1 1

Public

user or

member

clicks on

any of the

categories

under

Shop by

Category

Directs the

public user

or member

to a page

that shows

all the

products

under that

specific

category

Directs the

public user

or member

to a page

that shows

all the

products

under that

specific

category

P

3

Previous

Link When

public user

is in the

registration

page and

clicks on

Previous

Page link

NL1 1 Public

User

clicks on

Register

link

located on

top of the

page

Directs the

user to the

page that

displays

the

registratio

n form

All data

that has

been

previously

given

(without

saving yet)

are

discarded,

leaving the

registratio

n fields

blank

again

P

89


90/175


91/175

4

Register

Link

NL1 1 Member

clicks on

Register

link

Opens the

Registratio

n Page

In the

homepage,

the Login

and

Register

links are

activated

since no

one is

signed in.

Page is

directed to

Registratio

n page

INPUT VALIDATION TESTING

91


92/175

5

Public User

neglects

required (*)

member

information

during

registration

PR 1-2 1 Do the

steps in

Test

Condition

4

"Register

Link"

The

expected

results of

Test

Condition 4

follows

The actual

results of

Test

Condition 4

is provided

P

2 Public user

fills in the

registration

form

leaving out

the

required

fields.

Clicks

Submit

and

Continue

button.

Public user

has to

complete

the required

information

Registratio

n page

warns

public user

with a

message

Please

make sure

all

required

fields are

completed

.

Registratio

n

unsuccessf

P

92


93/175

ul

6

Public User

leaves out

optional

fields empty

during

registration

PR1-2 1 Do the

steps in

Test

Condition

4

"Register

Link"

The

expected

results of

Test

Condition 4

follows

The actual

results of

Test

Condition 4

is provided

P

2 Public user

fills in the

registration

form

leaving out

the

optional

fields.

Clicks

Submit

and

Continue

button.

Public User

will become

a member.

Registratio

n is

successful

The

member

will be

automatica

lly signed

in as

indicated

in the

upper right

area of the

site.

Page is

directed to

P

93


94/175

View

Basket

Page.

7

Public User

registers

non-

numerical

characters

for Cell

phone and

Telephone

fields

PR1-2 1 Do the

steps in

Test

Condition

4

"Register

Link"

The

expected

results of

Test

Condition 4

follows

The actual

results of

Test

Condition 4

is provided

P

2 Public user

fills in the

registration

form and

put non-

numerical

characters

for Cell

phone and

Telephone

fields.

Clicks

Submit

Public User

has to

change his

registration

information

.

Registratio

n is failed

message is

displayed.

A

message,

Telephon

e number

must be

numeric

only will

be

displayed

on top of

the

registratio

P

94


95/175


96/175

View

Basket

Page.

9

Member

change the

Quantity

number to 0

and clicks

Add to

Basket

MB1-4,

MS1, MS3

1. Do the

steps in

Test

Condition

"Member

Signs in

with valid

username

and valid

password"

The

expected

results of

Test

Condition 4

follows

The actual

results of

Test

Condition 4

is provided

P

2 Member

selects a

product

and

changes

the

quantity

to 0

The

product

will still

be added

to the cart

because

0=1. It will

be

automatica

lly

considered

Since 0=1,

the

quantity he

ordered

will be

changed to

1.

The

Shopping

Basket box

in the right

P

96


97/175


98/175

ordered

will be

changed to

1.

Checkout

process

proceeds.

10

In the View

Basket

section,

member

decides to

change the

Quantity

number and

types

alphabets

and clicks

Continue

MS1, M3,

MB1-6

1. Do the

steps in

Test

Condition

"Member

Signs in

with valid

username

and valid

password"

The

expected

results of

Test

Condition 4

follows

The actual

results of

Test

Condition 4

is provided

P

98


99/175

2 After

adding

product to

the

basket,

member

clicks

View

Basket

button in

the

Shopping

Basket.

Directs to

View

Basket

Page

which

shows all

the

products

that were

added to

the basket

by the

member

Directs to

View

Basket

Page

which is

the first

step to the

checkout

process

P

3 Member

changes

the

Quantity

number

and types

alphabets

and clicks

Continue

button

The

alphabet

will not

change the

previous

quantity.

No

changes

The

alphabet

will not

change the

previous

quantity.

Second

step:

Address,

will

proceed

P

99


100/175


101/175

not a

member. It

will direct

to Login

Page

12

Member

clicks Edit

Invoice

Address

and leaves

missing

fields for

information

MB1-9,

MS1,M3

1 Do the

steps in

Test

Condition

"Member

Signs in

with valid

username

and valid

password"

The

expected

results of

Test

Condition

18 follows

The actual

results of

Test

Condition

18 is

provided

2 After

having

been

adding

product to

the

shopping

basket

Page is

directed to

View

Basket

Page to

complete

the first

part of the

checkout

process

Directed to

View

Basket

Page

P

101


102/175


103/175

5 Member

doesnt

update the

personal

informati

on by

leaving

some

fields out.

Clicks

Update

Account

button

The

changes

will not be

saved in

the

database

Message

displayed,

Please

make sure

all

required

fields are

completed

. The

recent

changes

are not

updated in

the

database

P

13

Signed in

member

clicks View

Basket but

did not add

any items in

his basket

MS1, MS3,

MB1-4

1 Do the

steps in

Test

Condition

"Member

Signs in

with valid

username

and valid

password"

The

expected

results of

Test

Condition

18 follows

The actual

results of

Test

Condition

18 is

provided

P

103


104/175

2 Member

did not

add any

product to

the

shopping

basket.

Member

clicks

View

Basket

button

under the

Shopping

Basket

section

Direct the

member to

the View

Basket

Page

The

Shopping

Basket in

the right

side of the

site is not

updated.

Direct the

member to

the View

Basket

Page. This

is the first

step of the

checkout

process.

P

14 Member or

public user

clicks on a

product

without an

uploaded

picture

MS1, MS3,

MB1-5

1 Do the

steps in

Test

Condition

"Member

Signs in

with valid

username

and valid

The

expected

results of

Test

Condition

18 follows

The actual

results of

Test

Condition

18 is

provided

P

104


105/175

password"

2 Member

adds a

product

without

an image

to the

shopping

basket.

Clicks

Add to

Basket

The

Shopping

Basket

will

indicate

the newly

add

product.

Direct the

member to

the View

Basket

Page

The

Shopping

Basket in

the right

side of the

site is

updated.

Direct the

member to

the View

Basket

Page. This

is the first

step of the

checkout

process.

P

USER ACCESS CONTROL Identification and Authentication

105


106/175

15

Public User

registers

with invalid

email

address

(wrong

email

address

format)

PR1-2 1 Do the

steps in

Test

Condition

4

"Register

Link"

The

expected

results of

Test

Condition 4

follows

The actual

results of

Test

Condition 4

is provided

P

2 Public user

inputs an

invalid

email

address

format.

Clicks

Submit

and

Continue

button.

Public user

has to

correct his

email

address.

Registration

failed.

Registratio

n failed.

A

message,

Please

enter a

valid email

address

will be

displayed

on top of

the

registratio

n page

P

106


107/175

16

Public user

registers

with a taken

email

address or

an email

address that

has been

already

registered in

the site

PR1-2 1 Do the

steps in

Test

Condition

4

"Register

Link"

The

expected

results of

Test

Condition 4

follows

The actual

results of

Test

Condition 4

is provided

P

2 Public user

inputs an

email

address

that has

been

registered

before in

the site.

Clicks

Submit

and

Continue

button.

Public User

should give

another

email

address.

Registration

failed

Registratio

n failed.

Message

displayed,

Sorry that

email

address is

already in

use., is on

top of the

registratio

n page

P

107


108/175

17

Member

clicks Edit

Invoice

Address

and replaces

current

email

address to

someone

elses email

address

MS1, MS3,

MB1-9

1 Do the

steps in

Test

Condition

"Member

Signs in

with valid

username

and valid

password"

The

expected

results of

Test

Condition

18 follows

The actual

results of

Test

Condition

18 is

provided

P

2 After

having

been

adding

product to

the

shopping

basket.

User

clicks

Continue

From

View

Basket

Page , the

second

step of the

product

checkout

directs the

page to

Address

Page

Directed to

Address

Page

P

108


109/175

3 Member

clicks on

Edit

Invoice

Address

Page

directed to

Personal

Informatio

n Page

Page

directed to

Personal

Informatio

n Page

P

4 Member

replaces

current

email

address to

someone

elses

email

address.

Clicks

Update

Account

This should

not be

accepted.

Update is

failed.

Page still

remains in

Personal

Informatio

n Page.

Message

displayed

is Sorry

that email

address is

already in

use.

P

18

Member

signs in with

valid email

address and

valid

password

MS1, MS3

1 Do the

steps in

Test

Condition

1

"Homepag

e link"

The

expected

results of

Test

Condition 1

follows

The actual

results of

Test

Condition 1

is provided

P

109


110/175

2 Click Log

in link

Page is

directed to

the Login

Page

Page is

directed to

the Login

Page

P

3 Member

inputs

valid

username

and valid

password.

Clicks

Login

button

Member

sign in

successful

Page is

directed to

Homepage

. The

current

members

name is

stated in

the upper

right side

of the

homepage.

Log Out,

Your

Account

links are

activated.

transaction

It also

shows

P

110


111/175

what is

currently

on the

member s

shopping

cart

19

Member

signs in with

invalid email

address and

valid

password

MS1, PR1-

2

1 Do the

steps in

Test

Condition

1

"Homepag

e link"

The

expected

results of

Test

Condition 1

follows

The actual

results of

Test

Condition 1

is provided

P

2 Click Log

in link

Page is

directed to

the Login

Page

Page is

directed to

the Login

Page

P

3 Member

inputs

invalid

username

and valid

password.

Clicks

Login

button

Member

sign failed.Member is

prompted

to sign in

again.

Login

Failed is

displayed.

P

111


112/175

20

Member

signs in with

valid email

address and

invalid

password

MS1, PR1-

2

1 Do the

steps in

Test

Condition

1

"Homepag

e link"

The

expected

results of

Test

Condition 1

follows

The actual

results of

Test

Condition 1

is provided

P

2 Click Log

in link

Page is

directed to

the Login

Page

Login

failed!

message is

displayed.

User is

prompted

to retry

sign in

P

3 Member

inputs

valid email

address

and invalid

password.

Clicks

Login

button

Member

sign failed.

Login

failed!

message is

displayed.

User is

prompted

to retry

sign in

P

112


113/175

21

Member

signs in with

invalid email

address and

invalid

password

MS1, PS1-

2

1 Do the

steps in

Test

Condition

1

"Homepag

e link"

The

expected

results of

Test

Condition 1

follows

The actual

results of

Test

Condition 1

is provided

P

2 Click Log

in link

Page is

directed to

the Login

Page

Login

failed!

message is

displayed.

User is

prompted

to retry

sign in

P

3 Member

inputs

invalid

email

address

and invalid

password.

Clicks

Login

button

Member

sign failed.

Login

failed!

message is

displayed.

User is

prompted

to retry

sign in

P

113


114/175

USER ACCESS CONTROLTESTING - Authorization

22

Checkout

Process (is

restricted to

Public Users

MS1, MS3,

PB1-2

1 Public

User

selects a

product

and clicks

Add to

Basket

The

product

will be

added to

the basket.

This is

reflected

in the

Shopping

Basket

area in the

right side

of the site.

The

product

will be

added to

the basket.

This is

reflected

in the

Shopping

Basket

area in the

right side

of the site.

P

2 Member

clicks

View

Basket

button

from the

Shopping

Basket.

The

second

step of

checkout

(Address)

is not

continued

Direct the

public user

to a page

where they

can

register

P

114


115/175

Click

Continue

button

23

View

Personal

Info is only

authorized

for members

MS1, MS3 1 Do the

steps in

Test

Condition

19

"Member

Sign in

with valid

email

address

and valid

password

The

expected

results of

Test

Condition

19 follows

The actual

results of

Test

Condition

19 is

provided

P

2 Member

clicks on

Your

Account

located at

the top of

the page

Directed to

Your

Account

page

Directed to

Your

Account

page.

P

115


116/175

3 Member

clicks on

Personal

Info link

Personal

Informatio

n of

member is

displayed

Direct to

Personal

Informatio

n Page.

Displays

details

about the

member

P

24

View Order

History is

only

authorized

for members

MS1, MS3 1 Do the

steps in

Test

Condition

19

"Member

Sign in

with valid

email

address

and valid

password

The

expected

results of

Test

Condition

19 follows

The actual

results of

Test

Condition

19 is

provided

P

116


117/175

2 Member

clicks on

Your

Account

located at

the top of

the page

Directed to

Your

Account

page

Directed to

Your

Account

page.

P

3 Member

clicks on

Your

Account

located at

the top of

the page

Order/s of

that

specific

member

are/is

displayed

Directed to

Your

Orders

Page.

Displays

details

each order

transaction

of the

member

P

INTEGRATION TESTING

117


118/175

25

Member

pays through

PayPal

MS1,

MB1-12

1 Do the

steps in

Test

Condition

19

"Member

Sign in

with valid

email

address

and valid

password

The

expected

results of

Test

Condition

19 follows

The actual

results of

Test

Condition

19 is

provided

P

2 After

adding

product to

shopping

basket,

member

clicks

View

Basket

button

from the

Shopping

Basket

Direct the

page to

View

Basket

page as the

first step

of the

checkout

process

Direct the

page to

View

Basket

page as the

first step

of the

checkout

process

P

118


119/175

section.

3 Member

clicks

Continue

button

Direct the

page to

Address

Page as

the second

step of the

checkout

process

Direct the

page to

Address

Page.

Displays

the billing

address

and the

order

details for

the

product/s

to be

purchased

P

119


120/175

4 Member

selects

Credit

Card

radio

button

clicks

Continue

button.

Directs to

Payment

page

Directs to

Payment

page. After

choosing

Credit

Card , the

page is

directed to

PayPal site

P

SESSION TESTING

26

Saves

checkout

session even

if member

decides to

cannel

paying

through

PayPal

MS1,

MB1-12

1 Do the

steps in

Test

Condition

19

"Member

Sign in

with valid

email

address

and valid

password

The

expected

results of

Test

Condition

19 follows

The actual

results of

Test

Condition

19 is

provided

P

120


121/175

2 After

adding

product to

shopping

basket,

member

clicks

View

Basket

button

from the

Shopping

Basket

section.

Direct the

page to

View

Basket

page as the

first step

of the

checkout

process

Direct the

page to

View

Basket

page as the

first step

of the

checkout

process

P

3 Member

clicks

Continue

button

Direct the

page to

Address

Page as

the second

Direct the

page to

Address

Page.

Displays

P

121


122/175

the

product/s

to be

purchased

4 Member

selects

Credit

Card

radio

button

clicks

Continue

button.

Directs to

Payment

page

Directs to

Payment

page. After

choosing

Credit

Card , the

page is

directed to

PayPal site

P

5 Member

clicks

Back

from the

browser

toolbar

Should

show

previous

checkout

status

It will

show that

the page

has been

expired.

F

122


123/175

27

Member

clicks Log

Out

MS2 1 Do the

steps in

Test

Condition

19

"Member

Si