Aquanic: An Online Shopping for Aquatic Scaping

A Capstone Project presented to the Faculty of the

College of Computer Studies, University of Cebu Lapu-Lapu and Mandaue
Mandaue City, Cebu

In Partial Fulfilment of the Requirements

for the degree Bachelor of Science in Information Technology

By

Aying, Axel M.
Clemente, Jeus Joshua A.
Murillo, Angelyn S.

Mr. Japeth D. LahayLahay

Adviser
 March 2019
ABSTRACT OF THE STUDY

This study entitled Aquanic is a web-based project which is made for remote-shopping or
shopping through Internet. As the technology is being advanced the way of life is changing
accordance. Now a day’s we can place the order for anything from our home. There is no need to
go the shop of the things we want. The order can be placed online through Internet. The payment,
the confirmation of purchasing; we can do everything we want. Now we can think that how the
days have been changed with time. People had to stand in rows to wait there terms to buy a
particular thing from a popular shop .But what is happening now a day’s; we can extremely
surprise that those things can be available on the door-step in few hours.

People had to suffer the rush of the market when they went for shopping. They used to
think hundred times to buy anything having the sufficient money for shopping. The problem was
the rush; the quarrel at the time of buying the things. But the advancement of technology brought
the new way for shopping. The way of shopping was completely changed with the coming of
Internet Technology. People have to fill a simple form on the internet to place their order on any
popular shop or shopping-mall for the thing they want to buy. Now they can place their order
from the home.

Owners of physical stores stated that due to the high demand of technology having a
brick and mortar store results to a loss of profits especially with a local business where it can only
attract customers who come to the store. Due to the high demand for technology support are more
likely to be associated with the online shopping mode. With the increasing and en-hence means of
accessing the web, its use and popularity also grew. Due to the problems encountered the fact
allows the researchers to create a third party online shopping website which will help physical
stores to broadcast and advertise their products all over the world. Online shopping has grown in
fame over the years because people find it appropriate and easy to deal shop from the comfort of
their home or office. The researchers will make a way using creating an online shopping website
called Aquanic which will act as a third party for both the vendors and the customers where it will
improve the development and profits of the owners.

As researchers, who seek to help and learn, it is an achievement to be able to make a

solution to develop the way on how owners will gain back the cost they spend in selling products
and services by using today's high demand of technology and be able to prevent business
bankruptcy and losing of profitable value. As well as to provide an essential long-run perspective
on the issues that are faced on a day-to-day basis.

ACKNOWLEDGMENT

The Researchers would like to express their gratitude of thanks and appreciation to those
who helped make this thesis possible.

To Mr. Japeth D. LahayLahay, for your patience, motivation, enthusiasm, and immense
knowledge. Your guidance helped us in all the time of research and writing of this thesis.

To Mr. Jennel Barzo, Research grammarian, for his efforts and overflowing patience in
checking the documents for guiding us with the words to be used and constructions of proper
sentences for the thesis documents, and for the entire patient of checking their papers for the
whole semester.
To our Parents, family and friends for supporting us throughout the year, financially,
practically and with moral support, especially to our parents. Giving guidance and advice to never
stop and that always pursue them to go, continue and stand tall against all challenges. Thank You.

And to God the Almighty Father, for letting us through all the difficulties. We have
experienced your guidance day by day. For making things possible when everything turns out
really impossible. We will keep on trusting you for our future. Thank you, Lord.

-Researchers
 DEDICATION

The researchers wants to give thanks to all the persons who have become a big part of
this study.
They dedicate this project to God Almighty the creator, source of inspiration, wisdom,
knowledge and understanding. He has been the source of their strength throughout this program.

To the family of the proponents who greatly support them both financially, morally and
spiritually. In any instance they guide them to be more willing to continue.

The university that teaches us and mold us how to be more responsible not being just a
human but a better citizen in the future that can be someone they can be proud off.

And also to their classmates and friends who give them encouragement to develop more
about their study.

-Researchers
 TABLE OF CONTENTS
ABSTRACT OF THE STUDY ii

ACKNOWLEDGMENT iii
DEDICATION iv
TABLES OF CONTENTS v
LIST OF TABLES vi
LIST OF FIGURES vii

CHAPTER I 1
INTRODUCTION 1
Rationale of the Study 1
Objectives of the Study 4
Scope and Limitations of the Study 4
Significance of the Study 6
Flow of the Study 7
Definition of Terms 8
CHAPTER II 10
REVIEW OF RELATED LITERATURE AND STUDIES 10
Theoretical Background 10
Related Literature 12
Related Studies 14
Comparative Matrix 21
CHAPTER III 22
RESEARCH METHODOLOGY 22
Research Environment 22
Software Engineering Methodology 23
Business Model Canvas 25
Program Workflow 26
Gant Chart 29
Functional Decomposition Diagram 30
 Use Case Diagrams 31

Storyboard 48
Database Design 69
Entity Relationship Diagram 70
Data Dictionary 71
Network Design 76
Network Model 76
Network Topology 77
Development/Construction/Build Phase 78
Technology Stack 78
Program Specifications 79
Functional Requirements 79
Non-Functional Requirements 80
List of Modules 81
Testing/Quality Assurance Phrase 84
Unit Testing 84
Integration Testing 84
Alpha Testing 87
Overall Result of Acceptance 89
Implementation/Development Phrase 90
Implementation Budget/Cost Specification 90
Software/Hardware Specification 91
Risk Management Plan/ Framework 92
User-Guide 93
Installation Guide 106
Project Roadmap 107
CONCLUSION 108
RECOMMENDATION 108
REFFERENCES 109
CURRICULUM VITAE 111
APPENDICES 114
A Transmittal Letter 114
B Map of Research Environment 115
 C Survey Questionnaire 116

LIST OF FIGURES

Figure No. Figure Name Page No.

1 Flow of Study of Aquanic 6

2 Caminade Petshop 11
3 Purrfect Treats 12
4 Pet Warehouse 13
5 Live Aquaria 13
6 That Fish Place that Pet place 14
7 Research Environment 16
8 Agile Software Development 17
9 Aquanic Business Model Canvass 18
10 Program Workflow 19
11 Activity Diagram of Register Customer Account 20
12 Activity Diagram of Update Customer Account 21
13 Activity Diagram of Order and Professional Maintenance 22
14 Activity Diagram of Partner Account 23
15 Activity Diagram of Super Admin Account 24
16 Validation Board of Aquanic 25
17 Gantt Chart of Aquanic 28
18 Business Analytics of Aquanic 29
19 Functional Decomposition Diagram of Aquanic 30
20 Aquanic Business Use Case 31
21 Create Account Use Case 32
22 Process Login Use Case 34
23 Manage Account Use Case 36
24 Search Orders Use Case 37
25 Aquanic Agreement Use Case 38
26 My Shopping Cart Use Case 39
 27 Sales Report Use Case 40
28 Tax Charges Use Case 41
29 Upload Items and Livestock Use Case 42
30 Items and Livestock Use Case 43
31 Promo’s Use Case 44
32 Aquanic Commission Use Case 45
33 Manage Customers Account Use Case 46
34 Manage Shops Account Use Case 47
35 Manage Partnership Request Use Case 48
36 Manage Items and Livestock Use Case 49
37 Upload Tutorial Videos Use Case 50
38 Manage Tutorial Videos Use Case 51
39 Manage Orders Use Case 52
40 Generate Receipt Use Case 53
41 Storyboard – Login Page 54
42 Storyboard – Customer Registration Page 55
43 Storyboard – Shop Registration Page 56
44 Storyboard – My Account Page 57
45 Storyboard – Home Page 58
46 Storyboard – Shop Page 59
47 Storyboard – Shop Products Page 60
48 Storyboard – Product Details Page 61
49 Storyboard – My Cart Page 62
50 Storyboard–Order Confirmation Page 63
51 Storyboard – Tutorial Page 64
52 Database Design of Aquanic 65
53 Entity Relationship Diagram 66
54 Client-Server Model 78
55 Star Network Topology 79
56 Aquanic Technology Stack Diagram 80
57 Project Roadmap of Aquanic 89
 LIST OF TABLES

Table No. Table Name Page No.

1 Comparative matrix 15
2 Data Dictionary of the Customer 67
3 Data Dictionary of the Aquatic Shop 68
4 Data Dictionary of the Aquatic Users 69
5 Data Dictionary of the Items and Livestock 70
6 Data Dictionary of the Orders Details 71
7 Data Dictionary of the Order Master 72
8 Data Dictionary of the Sales Report 73
9 Data Dictionary of the Tutorials 74
10 Data Dictionary of the Municipality 74
11 Data Dictionary of the Applicants 75
12 Data Dictionary of the Charges 76
13 Data Dictionary of the Baranggay 76
14 Data Dictionary of the Billing 77
15 List of Modules 84
16 Unit Testing 86
17 Integration Testing 88
18 Alpha Testing 89
19 Acceptance Testing 91
 CHAPTER 1
INTRODUCTION

Rationale of the Study

Retail has become an essential part of modern humanity’s evolution. From trading camels
to ringing up customers. According to the Encyclopedia of Ancient History, “shopping” likely
made up of purchasing needs; for the rich, cowrie shells or gold coins would have also been used
on luxuries to affect visiting dignitaries. Even then, the biggest “retail” system of which people
might have specific knowledge of containing the agora–the Roman trading center where
individual tradesmen would set up shop to offer their benefits. These benefits were carrying
everything from the day’s catch of fish or recently harvested vegetables to extraordinarily
valuable purple dye.
In the timely 1900s, shoppers used to visit their local corner stores. Mom and pop stores
– still around today and containing a tiny business, usually family-owned with one single physical
location – were especially favorite at the time. The most significant breakthrough in technology
came with Frank Woolworth’s innovation of taking products from behind the counter and
showing them on the shelves, so people could both hold and feel them, much like they do
nowadays. At the origination of the last century, Great Britain had one of the most
groundbreaking department stores in the world and even present elevators. In the 1930s,
Selfridges attached public bathrooms to their stores, allowing shoppers to spend additional time
shopping. These retailers were especially groundbreaking as they moved towards the experience
individuals know today, where, walking to a store is a pleasurable all-day activity.
Brick and Mortar businesses such as pet shops, aquascaping services, and Animal shops
existed in the earliest vendor stalls in the first towns, where merchants brought their agricultural
manufacture, clay pots, and handmade clothing to vend in a village market. Bricks and mortar
businesses stay essential in the 2010s. All vast retailers in the 19th and the timing to mid-20th
century began with a tinier brick and mortar existence, which increased as the businesses grew. A
prime example of this is McDonald’s, a company that started with one small restaurant and now
has timely 35,000 restaurants in over 110 countries and plans to grow further; this shows the
importance of having a physical existence. This physical existence, either of a retail shop, a
customer assistance location with staff, where clients can go in person to ask questions about a
product or service, or an assistance center or repair facility where customers can bring their
products, has played a critical role in providing goods and services to consumers throughout
history.
Tom Shay, the head of the Profits plus Solutions once said "Selling Value is Winning
Back Customers." He believes that existing brick and mortar aftermarket stores already have
enormous potential to take advantage of the changing times and reclaims customer in the
increasingly competitive retail market. More importantly, said Shay, World Gallup Surveys
indicate that Philippines place confidence in building businesses like Pet Shops and Aquascaping
services, and recent research by the National Federation of Independent Business and American
Express found that 94% of vendors said that building a brick and mortar store makes them feel
good because of the advantages it has shown. Entrepreneurs love the idea of putting a physical
store because it allows the vendor to open new lines of products and diversify the revenue
streams without making a big hassle. Consumers also tend to environmental related services or
products into homogeneous shopping baskets based on their perception. Pet Shops and
Aquascaping services believe that having the brick and mortar stores are uniquely positioned to
make a better selling relationship.
Studies show that 65% of shoppers prefer purchasing in a physical store. By their very
nature, brick and mortar businesses invite trust and ongoing customer relationship. As per a
consumer survey, 78 percent of buyers chose to shop in store, spending unlimited time buying in
brick and mortar stores because these stores let customers hold, feel and see the products.
Owners risk in building a brick and mortar store because they believe that it enables the
customers to hold, see and feel the products they want. The bottom line, according to research is
that when brick and mortar stores were attached by, consumers made additional frequent even
accounting for an increase in merchandise returns and exchange due to the convenience of having
a physical store. According to Tom Shay, having a brick and mortar retail store remains useful,
especially for consumers immediate and timely needs that cannot be satisfied with long-term base
services. It allows customers to pick up items in a physical store and gain information given by a
knowledgeable sales associate who explains how a product works and what accessories are
needed to enhance the product. Physical stores can also engage a face to face assistance and work
out difficulties or return products that don't meet the expectation of the customer. These personal
interactions lead to customer retention, and in turn, good reviews come out.
 However, owners of physical stores stated that due to the high demand of technology
having a brick and mortar store results to a loss of profits especially with a local business where it
can only attract customers who come to the store. Due to the high demand for technology support
are more likely to be associated with the online shopping mode. With the increasing and enhance
means of accessing the web, its use and popularity also grew. Due to the problems encountered
the fact allows the researchers to create a third party online shopping website which will help
physical stores to broadcast and advertise their products all over the world. Online shopping has
grown in fame over the years because people find it appropriate and easy to deal shop from the
comfort of their home or office. The researchers will make a way using creating an online
shopping website called Aquanic which will act as a third party for both the vendors and the
customers where it will improve the development and profits of the owners.
As researchers, who seek to help and learn, it is an achievement to be able to make a
solution to develop the way on how owners will gain back the cost they spend in selling products
and services by using today's high demand of technology and be able to prevent business
bankruptcy and losing of profitable value. As well as to provide an essential long-run perspective
on the issues that are faced on a day-to-day basis. People are hoping that the proposed system can
make a difference in the world. Great leaders don't set out to be superior, but they set out to make
a difference. It's never about the role instead it is always about the GOAL.
Objectives of the Study
The core objective of the study is to develop a system Aquanic: An online shopping
website that focuses on selling that helps the customer in finding a right and a secure online
shopping website for buying healthy and high-quality products that will use on Aquanic.

Specific Objectives
Specifically, the System will be able to:
● Allow the customers to save time and to experience a hassle-free shopping for their
particular needs.
● Shows the available shops in Cebu.
● Shows the present items available.
● Shows tutorial videos as customer’s guide.
● Generates order receipt and tax receipt for customer’s record.
● Secure cash on delivery transaction.
Scopes and Limitations of the Study
In general, the proposed system aims to provide and deliver its objectives. The following
would be part of the system’s scope and limits.

Scopes of the Study

Customer
● Register the required details to be filled
● Browse the presently available shops and their product
● Search specific categories
● Watch on how to perform professional maintenance
Shop
● Upload Items and Livestock
● Create a Promo of their Items and Livestock
Super Admin
● Manage Customers Account
● Manage Shops Account
● Manage Partnership Account
● Manage Orders
 ● Upload Tutorial Videos
● Manage Tutorial Videos
● Generates Order and Tax Receipt

Limitations of the Study

● System can only be used by the people who are living in Cebu;
● The System will be limited to customers who don’t have Internet access;
● A customer is not allowed to return a livestock once it was delivered alive; and,
● Damaged materials are not refundable once it was received.
Significance of the Study
In recent time, online shopping has become very popular. The growth of technology has
made these part and parcel of everyday lifestyle. The appearance of plastic money or the debit
/credit card and the smooth access to the World Wide Web has brought the shops from around the
world to the desktop. This system is created to encourage and motivate customers to interact and
be part of improving the Aquanic activity in the Philippines. The system is beneficial to the
following individuals:
Hobbyists. The proposed system will help the hobbyist to improve their way of
shopping. There is seven useful way of shopping. The convenience, better prices, more variety,
fewer expenses, no crowds, less compulsive shopping, and the hobbyist can compare the prices.
Partners. The proposed system will help the clients to increased visibility for their
business, improve customer profiling, reduced overheads, lower marketing costs, expanded
geographical reach, being open for business 24/7, greater flexibility, broader potential customer
base, and to have the ability to tell people about their business.
Researchers. The proponents have developed their writing, analysis, and interpretation
skills needed to do a successful thesis. It will be beneficial to the proponents by gaining
programming knowledge and logical stimulation and knowing how to eliminate specific problems
of a computer system. Due to the stated issues regarding their policy, the proponents will not only
gain programming knowledge but will also propose a career-changing system that could benefit
the organization.
Future Researchers. The system will benefit the future researchers as guide or reference
in their efforts at any proposal or project. The researchers will enhance their analysis, knowledge
and logical stimulation, knowing how to eliminate the particular problems of a system.
Recommendation for future researchers who have a customer feedback and ratings. Also, an
application for receiving item upon delivering.
Flow of the Study
Aquanic is a system that helps the customer in finding a right and a secure online
shopping website for buying healthy and high-quality Items that will use on Aquanic.

INPUT PROCESS OUTPUT

 Problems
encountered in the  Data Gathering AQUANIC: An Online
existing system  Agile Methodology Shopping for Aquatic
Scaping
 Personal  Aquanic
Information Monitoring
 Features and  Maintenance
functions of the
proposed
System

Figure 1: Flow of the Study of Aquanic

 Definition of Terms

Aquanic - is the third party online shopping website

Aquascaping - is the craft of arranging aquatic plants, as well as rocks,
stones, cave work, or driftwood, in an aesthetically pleasing
manner within an aquarium.
Business-to-business - refers to a situation where one business makes a commercial
transaction with another. It typically occurs when: A business
is sourcing materials for their production process. A business
needs the services of another for operational reasons.
Business to Consumer - Sometimes referred to as Business to Consumer, describes the
(B2C) activities of businesses in selling Items and services.
Client - is a person who buys a product or uses a service from a
business.
Consumer - is the one who pays something to consume the goods and
services produced. As such, consumers play a vital role in the
economic system of a nation.
Convenience - is the state of being able to proceed with something with little
effort or difficulty.
Credit - is a method of buying goods or services that allow individuals
to pay for them in the future.
Database - is the proposed system is secured and can save data and
information on the database.
E-commerce - is also known as electronic commerce or internet commerce,
refers to the buying and selling of goods or services using the
internet, and the transfer of money and data to execute these
transactions.
Hobbyist - is a person who regularly or occasionally engages in an
activity as a pastime rather than as a profession.
Invoice - a statement listing goods or services provided and their prices,
used in business as a record of sale.
Livestock - are fishes

Partners - a person who takes part in an undertaking with another or

others, especially in a business or company with shared risks
 and profits.

Pending Items - An item uploaded by the shop that is waiting for the approval
of the admin
Programming - is the action or process of writing computer programs.

Technology - is the application of scientific knowledge for practical

purposes, especially in industry.
Third Party Software - is a reusable software component developed to be either
freely distributed or sold by an entity other than the original
vendor of the development platform.
Webshop - is a sales outlet which supplies goods and services over the
Internet.

CHAPTER II
REVIEW ON RELATED LITERATURE AND STUDIES
This chapter shows the related literature and studies after the thorough search done by the
researchers. It is to understand the study further with the help of some useful materials like books,
magazines, newspapers, manuscript and other web articles to help the researcher get ideas and
other related studies that could help the researcher achieve their target objectives. Those included
in this chapter helps in familiarizing information that is relevant and similar to the presented
research.
Related Literature
Expandly combines all the essential features online retailers need in a single package. It
allows users to list on multiple sales platforms, manage inventory in real-time, manage shipping,
manage orders, handle accounting responsibilities, and create insightful reports. All of these
functionalities are accessible on a single interface, providing online retailers a clear view of all
their operations in-real time so they can effectively market and sell their products.
With Expandly, shop owners can effortlessly manage their sales listings on multiple
online marketplaces. Users can synchronize their inventory levels across all platforms to prevent
overselling. It features multilingual capabilities as well for retailers that are looking to cater to
international customers.

Listed as one of the most popular compact e-commerce solutions today, Volusion offers
businesses with a fully cloud-hosted shopping cart. The platform is loaded with tons of tools and
functionalities such as website building, web hosting, adding products, inventory management,
checkout, payment processing, order management, customer management, newsletters, and much
more.

Among the company’s famous clients are Intel, 3M, and Slickwraps. Today, Volusion
powers over 40,000 online retailers. One of the reasons why Volusion has achieved its success
and popularity among store owners is the fact the dashboard is integrated with so many features
and tools. That means users don’t need to buy expensive add-ons from a separate app store. Find
more information about this software in our detailed review of Volusion.

Jimdo
Jimdo is a website builder that is built on one simple principle – make it easy for all types
of users. With this straightforward approach, Jimdo is developed in a way that allows users
to quickly and easily create professional and functional websites no matter if they are hardened
website developers or freelancers who are just starting from the bottom.

With its Jimdo Online Store functionality, many business owners and freelancing
professionals have found it easy to create and maintain an online store. Although not as loaded as
some of its more popular e-commerce and online store builder alternatives, Jimdo is packed with
all the basic features you need. Over 150,000 online stores have been created using Jimdo, a clear
indication that it is indeed an effective platform. Learn more about this app in our Jimdo review.

PrestaShop
PrestaShop is built as an open-source software and is totally free. That said, it is not a
hosted e-commerce solution. That means users need to download the whole thing. But in contrast
to other popular e-commerce systems, PrestaShop provides users with a user-friendly and very
intuitive administration panel, which is a good thing especially for individuals who are still
starting their e-commerce adventure and are unfamiliar with the ins and outs of online business
management.
The platform is also loaded with many features that are designed to help beginners and
intermediate online shop owners get the hang of it all. Many tools and functionalities that are not
included in the PrestaShop pack can be easily installed, often for free. For applications that are
hard to find, users can simply get a programmer to add the options they need. If you need more
information about this solution you can read our detailed review of PrestaShop.

ShopSite
Initially called iCentral, ShopSite comes loaded with shopping cart tools and features that
are primarily intended for small and medium-sized businesses. The award-winning e-commerce
platform makes it simple for users with little technical knowledge and expertise to build a small
yet very functional online store. Other features that make this platform a good option for small
business include Store Setup Wizard, Digital Coupons, Associates and Inventory
Tracking. ShopSite’s efficiently manages tracking items and monitoring inventories as well as
keeping tabs on all the smallest details. Get more details about pricing and features of this app
from our ShopSite review.

Related Studies
For further understanding of the study, the researchers made use of different reading mate
rials related to the online system. These materials such as books, magazines, newspapers, and
other web articles are essential in broadening the knowledge of the researchers. These will also
guide the researchers to achieve their target objectives by getting ideas on other related studies
and make improvements as possible.
 Figure 2: BigCommerce

BigCommerce is first on the list due to its ability to offer all the necessary tools to set up
and manage an online store. It provides a range of customizable templates that shop owners can
use to integrate their store’s designs and aesthetics. Shop owners can sell physical and digital
products and also market effectively to attract new customers. Plus, the shop owners has tied up
with shipping and delivery services for timely product shipments.
What benefits does BigCommerce bring to the table? Shop owners can build an online
store that showcases your brand and use the app’s features to turn visitors into buyers. The
solution offers templates designed for mobile selling. Shop owners can add new services and
products easily and customize the items with high-resolution images. Make shopping easy with
convenient checkout practices. Get access to real-time info on inventory. Finally, get actionable
insights from detailed and reliable eCommerce analytics to improve your business.

Figure 3: Wix
 Wix is one of the most popular e-commerce platforms for small and medium-sized
retailers with its out-of-the-box tools that are packed in affordable plan packages. It lets shop
owners build their own online store easily and customize it according to their branding without
coding and technical skills required. Shop owners can showcase their products in beautiful
galleries, manage and track the orders, and offer multiple payment options to their customers.
Some of its main features also include gallery customization, seamless checkout processes, and
sales promotions.

What factors made Wix a top e-commerce software? It combines usability with
functionality. For instance, making shop owners online storefront look professional can easily and
quickly be accomplished with designer-made templates and drag-and-drop interface for
customization. It keeps track of shops inventory, tax, and shipping rules. The e-commerce
functionality is available at a low cost starting from $16.50 per month. This already includes
shops online store, unlimited bandwidth, free domain (shop owners can also connect their own
domain and apps for site booster) and form builder.

Figure 4: Shopify
 What makes Shopify one of the leading choices in the comparison of eCommerce
software companies? To start, it offers a range of tools to help businesses develop and operate
online stores and also sell products in person. This solution also provides features designed for
offline retail. For these reasons, it is used by greater than 120,000 online stores.
What benefits does Shopify bring to the table? The setup is fast and easy and shop
owners can select from more than 100 professionally designed themes to give a corporate look to
their online store. Second, the shop owner hosts their online store so their data is secure and they
don’t need to worry about maintenance and upgrades. Plus, shop owner are assured of reliable
24/7 customer support. Finally, shop owner get easy-to-use reports and robust marketing features.

Figure 5: 3dcart
 3dcart is a robust eCommerce platform that offers a wide range of features for online
stores. It has tied up with more than 200 business service providers including payment solutions,
tax calculators, shipping carriers and more. Plus, it offers useful tools for store building and
management. Key features include marketing and order management tools, zero transaction fees,
bulk importing/exporting, plenty of SEO tools, and support for digital products.
What are the main benefits shop owners can expect from 3dcart? Sellers get a robust and
effective solution to market their products online, while customers can seamlessly order online.
The app offers a secure administration interface that shop owner can use to access the system,
invoices, shop inventory, and customer data from any internet-connected device. Shop owners
can select from a wide range of professional templates or customize their own theme to fit their
brand, image, and store. Finally, shop owners can rely on expert help from the support team to get
their issues resolved quickly.

Figure 6: Volusion
 Volusion is an eCommerce solution that can scale with shop owners business. The app
has a user-friendly interface and offers a simple and helpful design wizard. Using this tool shop
owners can easily create an eCommerce website and manage its different aspects. Plus, shop
owners can use the customization features to make their online store fit their brand or company’s
aesthetics. There are also excellent marketing and shopping tools shop owners can make use of.
Why should shop owners choose for Volusion to operate their online store? To start, shop
owners can build their store and start selling in minutes. Shop owners can do this by installing
attractive templates without needing any coding skills. The app offers easy-to-use features to help
shop owners seamlessly manage processes such as order tracking, shipping, and inventory
management. Finally, shop owners can count on the help of a dedicated account manager as well
as expert support agents all based in Austin, TX to resolve any issues and make the best use of the
software.
Comparative Matrix
Comparative Matrix is a tool to compare the features and functionality of competitive Items or services in a side-by-side table.
Table 1
COMPARATIVE MATRIX
Features

Aquanic
BigCommerce Shopify Volusion Wix 3dcart
Notify Customers
     
Notify Partners
     
All users can view the video
tutorial
     
Offers a package deal, an
aquarium and a turbidity sensor
     
Showcases the Most Popular
Products
     
Generates Reports
     
 CHAPTER III
RESEARCH METHODOLOGY

Research Environment
The research took part in Lapu-Lapu City, Cebu where the city has a population of
300,000+. Lapu-Lapu City is a city in the province of Cebu in the Philippines. The city occupies
most of Mactan Island, and it also covers the area of Olango Island further to the southeast
region, plus a few other islands. It is part of the Cebu Metropolitan Area which is in Cebu City.
According to the 2007 census.
The city is linked to Mandaue City by the Mactan-Mandaue Bridge and Marcelo Fernan
Bridge. Mactan-Cebu International Airport is the second busiest airport in the Philippines, and its
location is in Lapu-Lapu City. The only aquarium attraction in the Visayas is in Lapu-Lapu City.
Lapu-Lapu City is one of the busiest city, which takes a perfect place to do research and study,
especially in Mactan.

Figure 7: Research Environment

Software Engineering Methodology
The system is developed by following the Agile Methodology approach, see Figure 8. An
Agile methodology is an iterative approach to product development that is performed in a
collaborative environment by self-organizing teams. The method produces high-quality software
in a cost-effective and timely manner to meet stakeholders’ changing needs.
Agile Model
The agile model as shown in figure 8 is a more recent practice of software development
and is incorporated as the modern incremental method with a few tweaks in its phases but retain
basic principles of the traditional predecessor. The agile model would best suit the development
stage whenever the project demands a crunch time for release thus giving developers better
guidelines in completing projects and assigned to the delivery rate of the project to client
specifications; changes could be done quickly without having to start from scratch making this
technique dynamic to updates and changes.

Figure 8: Agile Methodology

Planning/Conception-Initiation Phase
Business Model Canvas
The picture below shows the Business Model Canvas of the proposed system. It will
inform the customers about the view of the proposed method, who will be the key partners that
will fund the proposed system. The activities made by the system, value propositions which
answers why is the system created, how this is involved with customer relationship, key
resources which states that the funds required will be applied in developing the system and who
are the proponent affect in the study. The customer segments present the target market where the
proposed operation will be performed. The channels present the ways on how to market the
business happens while the cost structure presents where the cost of the company.

Figure 9: Aquanic Business Model Canvas

Program Workflow
//provide SHORT DESCRIPTION here… about the Program Workflow

Figure 10: Program Workflow of Aquanics

Process Name: Register Customer Account
The diagram below is a comprehensive illustration of the customer registration to
understand the process on register customer account.

Figure 11: Register Customer Account

Process Name: Update Customer Account
The diagram below is a comprehensive illustration of the update customer account.

Figure 12: Update Customer Account

Process Name: Order and Professional Maintenance
The diagram below is a comprehensive illustration of the process of finding order and
watching videos for professional maintenance.

Figure 13: Order and Professional Maintenance

Process Name: Partner Account
The diagram below is a comprehensive illustration of the process of posting item details.

Figure 14: Partner Account

Process Name: Super Admin Account
The diagram below is a comprehensive illustration of the process of managing all
registered accounts.

Figure 15: Super Admin Account

Validation Board

Figure 16: Validation Board of Aquanic

Gantt chart
The figure below is the visual representation of the project’s schedule, a type of bar chart. Gantt chart is a chart in which a series of
horizontal lines show the amount of work done or production completed in certain periods of time about the amount planned for those periods.

Legend:

Completion of Activities
Figure 17: Gantt chart of Aquanic
Business Analytics
Business analytics refers to the skills, technologies, practices for continuous iterative
exploration and investigation of past business performance to gain insight and drive business
planning.

Figure 18: Business Analytics of Aquanic

Functional Decomposition Diagram
Functional decomposition diagram as shown in Figure 20 below represents the
breakdown of business processes that the system does. The processes mainly cover about
activities that the end user can perform within the system.
Figure 19: Functional Decomposition Diagram of Aquanic
Business Use Case Diagram

Figure 20: Aquanic Business Use Case

 Figure 21: Create Account Use Case

Name : Create Account

Purpose : To create an account for customers and shop
Triggering : Customer, Shop
Benefitting : System
Pre-condition : Customer wants to create an account.
Post-condition : Registered successfully
Steps :
 USER
1. Click “Create Account” button.
3. Fill all required fields
4. Click “Register” button.
SYSTEM
2. Loads “Registration Form”.
5. Verify user inputs.
5.1 if inputs are for partner’s account
5.1.1 if inputs are invalid or incomplete
5.1.1.1 Show error message “Please fill-
up the required fields.”
5.1.2 if inputs are valid and complete
5.1.2.1 Sends notification to the admin
5.1.2.2 Show message alert box
“Registration sent. Wait for admin’s
approval”
5.2 if inputs are for customer account
5.2.1 if inputs are invalid or incomplete
5.2.1.1 Show error message “Please fill-up
the required fields”.
5.1.2 if inputs are valid and complete
5.2.2.1 inputs saved in the
database
5.2.2.2 Show message alert
box “Success”.
6. Loads “Login Form”.
 Figure 22: Process Login Use Case
Name : Login Account
Purpose : To allow a user to log in their account
Triggering : Customer, Shop, SuperAdmin
Benefitting : System
Pre-condition : An account is logging in.
Post-condition : An account has been logged in.
Steps :

USER SYSTEM
1. Click “Login” button 2. Shows “Login” form.
3. Input username
4. Input password
5. Click the “Login” button. 6. Verify user inputs.
6.1 If inputs are not validated, Show error
message “Login failed!” .
6.2 Else show a message “Successfully
Login”.
7. Loads “Homepage”.
 Figure 23: Manage Account Use Case
Name : Manage Account
Purpose : To Change Personal Information and Change
Password
Triggering : Customer, Shop and Super Admin
Benefitting : System
The Customer can change Personal Information
Pre-condition :
and change Password
Post-condition : Successfully managed the customer’s account
Steps :

CUSTOMER SYSTEM
1. Click on “Personal Information” 2. Display the customer Personal
Information form
3. Click “Change Password” 4. Display Change Password form

Figure 24: Search Orders Use Case

Name : Search Orders
Purpose : To search for Pending Orders, Cancelled Orders, Approved
Orders and Receive Orders
Triggering : Customer
 Benefitting : Customer
Pre-condition : Customer can search for orders

Post-condition : Order has been displayed

Steps :

CUSTOMER SYSTEM
1. Click on “Pending Orders” 2. Displays the customer Pending Orders
3. Click on “Cancelled Orders” 4. Display the customer Cancelled Orders
5. Click on “Approved Orders” 6. Display the customer Approved Orders

6. Click on “Received Orders” 8.Display the customers Received Orders

Figure 25: Aquanic Agreement Use Case

Name : Aquanic Agreement

Purpose : For the customers to know the rules on using Aquanic
Triggering : Customer and Shop
Benefitting : Customer and Shop
Pre-condition : Customer and Shop can read the Private Policy, Terms and
Conditions and Return the Refund and Shop
Post-condition : Customer and Shop can understand the Aquanic Agreements
Steps :
 CUSTOMER AND SHOP SYSTEM
1. Click on “Privacy Policy”. 2. Display Privacy Policy Form
3. Click on “Terms and Conditions” 4. Display Terms and Conditions Form
5.Click on “Return and Refund” 6. Display the Return and Refund Form

Figure 26: My Shopping Cart Use Case

Name : My Shopping Cart
Purpose : To display Items inside of his/her Cart
Triggering : Customer
Benefitting : Customer

Pre-Condition : Displaying Items

Post-Condition
: Items successfully displayed
Steps
:

CUSTOMER SYSTEM
1. Click on “My Cart” 2. Display Items
 Figure 27: Sales Report Use Case
Name : Sales Report
Shop will know their sales for certain month for the
Purpose :
whole year
Triggering : Shop
Benefitting : Shop
Pre-Condition : Shop can view their Sales

Post-Condition : Shop viewed their Sales

Steps :

SHOP SYSTEM

1. Click on “Sales Report” 2. Display the Saled on every month and

for the whole year
 Figure 28: Tax Charges Use Case
Name : Tax Chargges
Purpose : Far Aquanic Commission
Triggering : Shop
Benefitting : Shop
Pre-Condition : To Notice the shop of their Charges

Post-Condition : Shop will pay the Charges.

Steps :

SHOP SYSTEM

1. Click on “Charges” 2. Display the charges for a certain Day,

Month and for the whole Year.
 Figure 29: Upload Items and Livestock Use Case
Name : Upload Items and Livestock
Purpose : To Upload Items
Triggering : Shop
Benefitting : Shop
Pre-Condition : An Item is uploading

Post-Condition : Item Uploaded Successfully

Steps :

SHOP SYSTEM

1. Click on “Upload Items” 2. Display Upload Items form

Figure 30: Items and Livestock Use Case

Name : Items and Livestock
To search for Pending and Approved Items
Purpose :
and Livestock
Triggering : Shop
Benefitting : Shop
Pre-Condition : Shop can search for Items and Livestock

Post-Condition : Items and Livestock has been displayed

Steps :

SHOP SYSTEM
1. Click on “Pending Items and 2. Display the shop Pending Items and
Livestock” Livestock
3. Click on “Approved Items and 4. Display the shop Approved Items and
Livestock” Livestock

Figure 31: Create Promo’s Use Case

Name : Create Promos
Purpose : To create an Promo Items and Livestock
Triggering : Shop
Benefitting : Shop
Pre-Condition : Creating a promo Items and Livestock

Post-Condition : Promo has been created

Steps :

SHOP SYSTEM
1. Click on “Promos” 2. Display Shop promo Items and
Livestock
 Figure 32: Aquanic Commission Use Case
Name : Aquanic Commission
Purpose : Aquanic Revenue streams
Triggering : Super Admin
Benefitting : Super Admin
To know the total Revenue streams of
Pre-Condition :
Aquanic

Post-Condition : Aqunaic Commision Successfully displayed.

Steps :

SUPER ADMIN SYSTEM

1. Click on “Aquanic 2. Display the tax earned,Fee earned and
Commission” the total commission of the Aquanic.
 Figure 33: Manage Customers Account Use Case
Name : Customers Account
Purpose : To manage or search customer Account
Triggering : Super Admin
Benefitting : Super Admin
Pre-Condition : Managing customer Account

Post-Condition : Customer Account Successfully Updated

Steps :

SUPER ADMIN SYSTEM

1. Click on “Customers Account” 2. Display Customers Account
2.1 Manage Customers Account

Figure 34: Manage Shops Account Use Case

Name : Shops Account
Purpose : To manage or search shops account
Triggering : Super Admin
Benefitting : Super Admin
Pre-Condition : Managing Shop Account

Post-Condition : Shop Account successfully Updated.

Steps :

SUPER ADMIN SYSTEM

1. Click on “Shops Account” 2. Display Shop Account
2.1 Manage Shops Account

Figure 35: Manage Partnership Request Use Case

Name : Partnership Request
Purpose : To manage Partnership Request
Triggering : Super Admin
Benefitting : Super Admin
Pre-Condition : Managing Partnership Request

Post-Condition : Successfully Manage Partnership Request

Steps :

SUPER ADMIN SYSTEM

1. Click on “Partnership request” 2. Display Pending Partnership Request
2.1 Manage Partnership Request
 Figure 36: Manage Items and Livestock Use Case
Name : Manage Items and Livestock
Purpose : To manage pending Items and Livestock
Triggering : Super Admin
Benefitting : Super Admin
Pre-Condition : Managing Pending Items and Livestock

Post-Condition : Successfully Manage Items and Livestock

Steps :

SUPER ADMIN SYSTEM

1. Click on “Pending Items and 2.1 Display Pending Items and Livestock
Livestock” 2.2 Manage Pending Items and Livestock

Figure 37: Upload Tutorial Videos Use Case

Name : Upload Tutorial Videos
Purpose : To Upload Tutorial Videos
Triggering : Super Admin
Benefitting : Super Admin
Pre-Condition : Upload Tutorial Videos

Post-Condition : Upload Successfully

Steps :

SUPER ADMIN SYSTEM

1. Click on “Upload Tutorial 21. Display Upload Tutorial Videos form
Videos”

Figure 38: Manage Tutorial Videos Use Case

Name : Upload Tutorial Videos
Purpose : To Manage Tutorial Videos
Triggering : Super Admin
Benefitting : Super Admin
Pre-Condition : Managing Tutorial Videos

Post-Condition : Successfully Manage Tutorial Videos

Steps :

SUPER ADMIN SYSTEM

1. Click on “Tutorial Videos” 21. Display Tutorial Videos
2.2 Manage Tutorial Videos
 Figure 39: Manage Orders Use Case
Name : Manage Orders
Purpose : To manage pending orders
Triggering : Super Admin
Benefitting : Super Admin
Pre-Condition : Managing Pending Orders

Post-Condition : Successfully Manage Pending Orders

Steps :

SUPER ADMIN SYSTEM

1. Click on “Pending Orders” 2. 1 Display Pending Orders
2.2 Manage Pending Orders
3. Click on “Received Orders” 4. Display Received Orders

Figure 40: Generate Receipt Use Case

Name : Generate Receipt
 Purpose : To generate report of order and tax
Triggering : Super Admin
Benefitting : Super Admin
Pre-Condition : Generating Receipts

Post-Condition : Receipt Generate Successfully

Steps :

SUPER ADMIN SYSTEM

1. Click on “Order Receipt” 2. Display Approved Orders
3. Click on “Download to PDF" 4. Display Order Receipt
5.Click on “Tax Receipt” 6. Display tax charges
7.Click on “ Download to PDF” 8. Display Tax Receipt

Storyboard
A storyboard is a graphic organizer in the form of illustrations or images displayed in
sequence to illustrate the crucial steps of the user experience.

Figure 41: Login Page

 ITEMS TYPE REQUIRED DATA TYPE SIZE
Email Textbox Yes varchar 50
Password Textbox Yes varchar 50

Logic:
1. Fill up the login credentials.
2. When the “Login” button has clicked, the user will directed to the home page.
A. If the username and password do not match, it will not lead the user to the
homepage. An error will display, and it will remain in the Login Page.
3. If the Register now? The link will be clicked; it will lead the user to the sign-up
page.

Figure 42: Storyboard – Customer Registration Page

ITEMS TYPE REQUIRED DATA TYPE SIZE
Choose File File Upload Yes varchar MAX
Email Textbox Yes varchar 50
Password Textbox Yes varchar 50
First Name Textbox Yes varchar 50
Last Name Textbox Yes varchar 50
Address Textbox Yes varchar MAX
Contact No. Textbox Yes int 11

Logic:
1. Fill up the sign-up fields (all fields are required to fill up).
2. Can pick profile picture by clicking “Choose File” button.
3. When the “Register” button has clicked, the user will directed to the home page.
A. If some fields is empty or incorrect format it will not lead the user to the
homepage. An error will display, and it will remain in the Customer Registration
Page.
 Figure 43: Storyboard – Shop Registration Page

ITEMS TYPE REQUIRED DATA TYPE SIZE

Choose File File Upload Yes varchar MAX
Shop Name Textbox Yes varchar 50
Shop Address Textbox Yes varchar MAX
Shop Contact No. Textbox Yes int 11
Email Textbox Yes varchar 50
Password Textbox Yes varchar 50

Logic:
1. Fill up the sign-up fields (all fields are required to fill up).
2. Can pick logo by clicking “Choose File” button.
3. After Clicking “REGISTER” button shop will wait for the approval of the admin
 Figure 44: Storyboard – My Account Page

ITEMS TYPE REQUIRED DATA TYPE SIZE

Choose File File Upload Yes varchar MAX
First Name Textbox Yes varchar 50
Last Name Textbox Yes varchar 50
Mobile Number Textbox Yes int 11
Email Address Label Yes varchar 50
Address Textbox Yes varchar MAX

Logic:
1. Click on “My Account” will lead the user to the user information page.
2. The user information page will be presented
3. Fill up the sign-up fields (all fields are required to fill up).
 Figure 45: Storyboard – Home Page

ITEMS TYPE REQUIRED DATA TYPE SIZE

Home Link
Shop Now Link
My Account Link
Tutorials Link
Account Pop-up modal
My Cart Link
Apply Now Link
Log out Link

Logic:
1. If user clicks “Home”, he or she will be redirected to the Home Page.
2. Click the “Shop Now” will lead the user to the Shop Page.
3. Click the “My Account” will lead the user to the My Account Page.
4. Click the “Tutorials” will lead the user to the Tutorials Page.
5. Click the “Account” modal login will appear.
6. Click the “My Cart” will lead the user to the Cart Page.
7. Click the “Apply Now” will lead the user to the Shop Registration Page.
8. Click the “Logout” will lead the user to the Home Page.
 Figure 46: Storyboard – Shop Page
ITEMS TYPE REQUIRED DATA TYPE SIZE
Search Textbox
Star Rating Radio Button

Logic:
1. The shop page where customer can sort star rating and search aquatic shops in Cebu.
 Figure 47: Storyboard – Shop Products Page

ITEMS TYPE REQUIRED DATA TYPE SIZE

Search Textbox

Logic:
1. By choosing a shop it will display the product of it.
A. You can also search a product.
 Figure 48: Storyboard – Product Details Page
ITEMS TYPE REQUIRED DATA TYPE SIZE
Quantity Textbox Yes Int

Logic:
1. The product detail page where the customer can input how many products he wants to
buy. When the “Add to Cart” button has clicked, the customer will directed to the
product details page.
1.1 If the customer wants to buy more than the product quantity,
An error will display, and it will remain in the product details page.
 Figure 49: Storyboard – My Cart Page

ITEMS TYPE REQUIRED DATA TYPE SIZE

Delete Button Yes Int
Buy Now Button

Logic:
1. My orders page and here users can view their orders including their order number, order
date, total price and the status of the item ordered.
 Figure 50: Storyboard–Order Confirmation Page
ITEMS TYPE REQUIRED DATA TYPE SIZE
Name Textbox Yes varchar 50
Mobile Number Textbox Yes int 11
Municipality Dropdown list Yes varchar 50
Barangay Dropdown list Yes varchar 50
Address Textbox Yes varchar MAX
Confirm Order Button

Logic:
1. The Order confirmation page where customers can see what kind of transaction they
can pay with their orders and on when they can get their purchased items.
 Figure 51: Storyboard – Tutorial Page
ITEMS TYPE REQUIRED DATA TYPE SIZE
Search Textbox

Logic:
1. In this Tutorial Page, the system will provide provides users to view the basic and
advance on how they create products and also how they do services.

Database Design
 Database design it is the process of producing a detailed data model of the database. This
data model contains all the needed logical and physical design choices and physical storage
parameters required to generate a design in a data definition language, which can then be used to
create a database. An entirely attributed data model contains detailed attributes for each entity.

Figure 52: Database Design of Aquanic

Entity Relationship Diagram
An entity-relationship diagram (ERD) is a data modeling technique that graphically
illustrates an information system’s entities and the relationships between those entities. An ERD
it is a conceptual and representational model of data used to represent the entity framework
infrastructure.

Figure 53: Entity Relationship Diagram

Data Dictionary
A set of information describing what type of data is collected within a database, its
format, structure, and how the data is used.
Table 2
DATA DICTIONARY OF THE CUSTOMER
Column Data Length Description Allows Business
Name Type Null Constraints
UserID int Unique No GENERATE
identificatio D ALWAYS
n value of AS
the customer IDENTITY
(START
WITH
100001,
INCREMEN
T BY 1)
CustomerProfile varchar MAX Profile of the Yes
customer
CustomerFirstna varchar 50 First name of Yes
me the customer
CustomerLastnam varchar 50 Last name of Yes
e the customer
CustomerAddress varchar 50 Address of Yes
the customer
CustomerContact varchar 50 Mobile Yes
No number of
the customer

Table 3
DATA DICTIONARY OF THE AQUATIC SHOPS
Column Data Type Length Description Allows Business
Name Null Constraints
ShopID Int Unique No GENERATE
identificatio D ALWAYS
n value of AS
the shop IDENTITY
(START
WITH
140119,
INCREMEN
T BY 1)
UserID Int Unique No
identificatio
n value of
the user
ShopLogo varchar MAX The Logo of Yes
the shop
ShopName varchar 50 The name of Yes
the shop
ShopAddress varchar MAX The address Yes
of the shop
ShopContactN varchar 50 The contact Yes
o number of
the shop
ShopRating varchar 50 The rating of Yes
the shop

Table 4
DATA DICTIONARY OF THE AQUANIC USERS
Column Data Length Description Allows Business
Name Type Null Constraints
UserID Int Unique No GENERATED
identification ALWAYS AS
value of the IDENTITY
user (START
WITH
100001,
INCREMENT
BY 1)
Email Varchar 50 The email of No
the user
Password Varchar 50 The password Yes
of the user
DateRegistere Varchar 50 The date Yes
d registered of
user
AccountType Varchar 50 The type of Yes
Account

Table 5
DATA DICTIONARY OF THE ITEMS AND LIVESTOCK
Column Data Type Length Description Allows Business
Name Null Constraints
ItemID Int Unique identification No GENERATE
value of the item D ALWAYS
AS
IDENTITY
(START
WITH
400007,
 INCREMEN
T BY 1)
ShopID Int The ID of the shop Yes
UserID Int The ID of the user Yes
ItemPic varchar MAX Picture of the item Yes
ItemName varchar 50 The name of the item Yes
ItemCategory varchar 50 The Category of Item Yes
ItemDescripti varchar MAX The description of an Yes
on item
ItemPrice decimal 18,2 The price of the item Yes
ItemQuantity Int The quantity of the Yes
item
DateUpload varchar 50 The upload date of Yes
item
ItemStatus varchar 50 The status of the item Yes
PromoDiscou Int The Discount of the Yes
nt item

Table 6
DATA DICTIONARY OF THE ORDER DETAILS
Column Data Length Description Allows Business
Name Type Null Constraints

OrderID int Unique No GENERATED

identification ALWAYS AS
value of the order IDENTITY
(START
WITH
500007,
INCREMENT
BY 1)
ShopID int The ID of the Yes
shop
ShopName varchar 50 The name of the Yes
shop
UserID Int The ID of the Yes
User
ItemID int The ID of the item Yes
 ItemPic varchar MAX Picture of the item Yes

ItemName varchar 50 The name of the Yes

item
Price int The price of the Yes
item
Quantity int The quantity of Yes
the item
Discount decimal 18,2 The discount of Yes
the items
OrderStatus varchar 50 The status of the Yes
order

Table 7
DATA DICTIONARY OF THE ORDER MASTER
Column Data Lengt Description Allow Business
Name Type h s Null Constraints
OrderID int Unique No GENERATED
identification value ALWAYS AS
of the order IDENTITY
(START WITH
500007,
INCREMENT
BY 1)
UserID int The ID of the user Yes

Name varchar 50 The full name of Yes

the customer
Address varchar MAX The address of the Yes
customer
City varchar 50 The city of the Yes
customer
Municipality varchar 50 The municipality Yes
of the customer
Brgy varchar 50 The barangay of Yes
the customer
MobileNumber varchar 50 Mobile number of Yes
the customer
PostalCode int The municipality Yes
postal code of the
 customer

OrderDate varchar 50 The date of the Yes

order
DeliveryDate varchar 50 The delivery date Yes
of the order
FullPrice varchar 50 The full price of Yes
the order
OrderStatus varchar 50 The status of the Yes
order

Table 8
DATA DICTIONARY OF SALES REPORT
Column Data Length Description Allows Business
Name Type Null Constraints
ShopID int Unique No GENERATED
identificatio ALWAYS AS
n value of IDENTITY
the bogus (START
buyer WITH
140119,
INCREMENT
BY 1)
Month varchar 50 The sales of Yes
the month
Year varchar 50 The sales of Yes
the year
Sales decimal 18,2 The total Yes
sales

Table 9
DATA DICTIONARY OF TUTORIALS
Column Data Lengt Description Allows Business
Name Type h Null Constraints
TutorialID int Unique No GENERATED
identification ALWAYS AS
value of the IDENTITY
tutorial video (START WITH
800000,
INCREMENT BY
1)
TutorialName varchar 150 The title of the Yes
tutorial video
TutorialDescri varchar MAX The description Yes
ption of the tutorial
TutorialVideo varchar MAX The video file Yes

Table 10
DATA DICTIONARY OF MUNICIPALITY
Column Data Length Description Allows Business
Name Type Null Constraints
PostalCode int Unique No GENERATED
identificatio ALWAYS AS
n value of IDENTITY
the (START
municipalit WITH 6000,
y INCREMENT
BY 1)
Munici varchar 50 The name Yes
of the
municipalit
y

Table 11
DATA DICTIONARY OF APPLICANTS
Column Data Length Description Allo Business
Name Type ws Constraints
Null
ApplicantID int Unique No GENERATED
identification ALWAYS AS
value of the IDENTITY
applicant (START WITH
900000
INCREMENT
BY 1)
ApplicantFirst varchar 50 The applicant Yes
name firstname
ApplicantLast varchar 50 The applicant Yes
name lastname
ApplicantEmai varchar 50 The applicant Yes
l email
ApplicantCont varchar 50 The applicant No
actNo Contact
number
ApplicantResu varchar MAX The applicant Yes
me resume

Table 12
DATA DICTIONARY OF CHARGES
Column Data Type Length Description Allows Null Business
Name Constraints
OrderID int Unique No GENERATED
identification ALWAYS AS
value of the IDENTITY
charges (START WITH
500007,
INCREMENT
BY 1)
TaxCharge int The tax of Yes
the order
DeliveryFee int The delivery Yes
fee of the
order

Table 13
DATA DICTIONARY OF BARANGAY
Column Data Type Length Description Allows Business
Name Null Constraints
PostalCode int Unique Yes
identification
value of the
municipality
Brgy int The name of the Yes
barangay

Table 14
DATA DICTIONARY OF BILLING
Column Data Type Length Description Allows Business
Name Null Constraints
BillingID int Unique No GENERATED
identification ALWAYS AS
value of the IDENTITY
BillingID (START WITH
1 INCREMENT
BY 1)
ItemID int 50 Yes

ShopID int 50 Unique Yes

identification
value of the
applicant
OrderID int 50 The applicant Yes
email
Name varchar 50 The applicant No
Contact number
Month varchar 50 The applicant Yes
resume
Day varchar 50 The day of Yes
billing
Year varchar 50 The year of Yes
billing
Price int Yes

Quantity int The quantity of Yes

the Billing
Discount decimal 18,2 The discount of Yes
the Bill
TaxCharge decimal 18,2 The charge of Yes
the tax
Status varchar 50 The status of the Yes
billing

Network Design
Network planning and design is an iterative process, encompassing topological design,
network-synthesis, and network-realization, and ensuring that a new telecommunications
network or service meets the needs of the subscriber and operator.

Network Model
USER ADMIN USER
 SERVER

Figure 54: Client-Server Model

The client-server model of technology is a distributed application structure that

segmentation tasks or workloads between the providers of a service, called servers, and the
service requester called clients. Client and servers communicate over a computer network on
different hardware, but both belong to the same system. Server host executes one or more server
programs, which share their resources with the clients. Clients, on the other hand, do not share
any of its resources but request a server content or function. Therefore, clients initiate
communication with the server which waits for an incoming request.

Network Topology
 Figure 55: Star Network Topology
Star topology is a network topology where each piece of a network is attached to a
central node (often called a hub or switch). It is the most common setup wherein the attachment
of these network pieces to the fundamental component represented in the form of a star. The
reason using the star topology is to reduce the impact of a failure to a line in the way of
connecting all existing systems to one central node or hub.

Development/Construction/Build Phase
This phase consists of the components that will be used and are necessary to develop the
system. This phase is inclusive of the technology stack diagram, software specification, hardware
specification and the list of modules.
Technology Stack Diagram

Figure 56: Aquanic Technology Stack Diagram

MySQL is an open source relational database management system (RDBMS) based on
Structured Query Language (SQL).

CSS it is a modern CSS framework with built-in responsiveness. Code Igniter is a robust PHP
framework with a minimal footprint, built for developers who need a simple and elegant toolkit
to create full-featured web applications.

CSS (Cascading Style Sheet) is a Web page derived from multiple sources with a defined order
of precedence where any style element conflict.

JavaScript (JS) it is a scripting language, primarily used on the Web. It is used to enhance
HTML pages.

JQuery is a concise and fast JavaScript library that can be used to simplify event handling,
HTML document traversing, Ajax interactions and animation for rapid website development.
ASP.NET it is an open-source server-side web application framework designed for web
development to give dynamic web pages. ASP.NET was developed by Microsoft to let the
programmers build dynamicc websites, web applications, and web services.
Program Specification
A program specification is a statement of requirements of a program, an expression of a
design for a plan. Its purpose is to be executed on a computer and perform that computation.
Programs are written in a precise and describes the results that program is expected to produce
and its primary purpose is to be understood not to be executed.
Functional Requirements:
Inputs:
The proposed system is capable of accepting the following inputs:
- Email and password for login
- User details
- Partner details
- Item details
-
Process:
The system is capable of processing the following:
- Edit and update User details
- Edit and update Partner details
- Add and update Item details
Outputs:
The following are the outputs of the system:
- Match the User’s desired items
Non-Functional Requirement
Usability - the system itself provides specific keys and figures which help the user
identify and evaluate essential functions.
Reliability –The system may encounter software bugs and glitches at the time, but most
of its process should proceed normally.
Performance – performance expectation on this system is at maximum to provide
outstanding service.
Supportability – The administrator should be able to access and update the system.
Availability – The system shall be available for 24 hours per day and 364 days a year.
List of Modules

This table consists of Modules which comprises the whole system and will be divided
among the members for the assurance of completing the development of the system
Table 15
LIST OF MODULES
 Table 16
UNIT TESTING
Module Unit Name Test Test Case Expected Actual Result Remarks
Name Case Description Results
ID

Registration Register TC- Invalid Inputs An Error Signup Error Passed

001 must be
displayed
Registration Register TC- Valid Inputs Check your Check your Passed
002 email for email for
verification verification
Email Email TC- Not Verified Verification Email Not Passed
Verification verification 003 Success Verified
Email Email TC- Email Verified Verification Verification Passed
Verification Verification 004 Success Success
Shop Shop TC- Invalid Inputs An Error Missing Inputs Passed
Registration Registration 005 must be
displayed
Shop Shop TC- Valid Inputs 1st Step 1st Step Success Passed
Registration Registration 006 Success
Login Login TC- Invalid inputs Sign in error sign in error Passed
007
Login Login TC- Valid Inputs Redirect to Redirect to Passed
008 home home
Customer Customer TC- Invalid Inputs An Error Missing Inputs Passed
Registration Registration 009 must be
displayed
Customer Customer TC- Valid Inputs 1st Step 1st Step Success Passed
Registration Registration 010 Success
Upload Upload TC- Invalid Inputs An error Upload Passed
Items Items 011 must be unsuccessfully
displayed
Upload Upload TC- Valid Inputs Successfully Successfully Passed
Items Items 012 uploaded uploaded
Add to cart Add to cart TC- Invalid Inputs An error Add to cart Passed
013 must be unsuccessfully
displayed
Add to cart Add to cart TC- Valid inputs Successfully Successfully Passed
014 added to added to cart
cart
Manage Manage TC- Decline Decline Declined Passed
Partnership Partnership 015 Request Request Request
Request Request
Manage Manage TC- Accept Request Accept Request Passed
Partnership Partnership 016 Request accepted
Request Request
Purchased Purchased TC- History Display Display history Passed
History History 017 purchased history details
details details
Manage Admin TC- Display Display Successfully Passed
customer manage 018 account details Account updated
Account customer
account
Manage Admin TC- Display shop Register Success fully Passed
shop manage 019 details shop Registered
Registration shop
registration
Manage Admin TC- Display tutorial Pay tutorial Successfully Passed
tutorial Manage 020 page videos uploaded
videos tutorial
videos
System System over TC- Display total Display Display total Passed
Report all report 021 customers total customers and
history and customers system
system history and commission
commission system
commission

Table 17
INTEGRATION TESTING

Test Module 1 Integration Module 2 Precondition Result Rema

Case ID Process rks
1 Customer Create a new Customer Customer must Performed Passed
Manageme account for Management register first as
nt customer expected
2 Shop Create a new Shop Shop must Performed Passed
Manageme account for Management register first as
nt Shop expected
3 Admin Admin must Admin Displays Performed Passed
Manageme be available Management registered as
 nt customers expected
4 Purchase Customer, Report Display Performed Passed
History shop and Management transaction as
Manageme Admin detail expected
nt receives a
history report
5 System Admin System Displays total Performed Passed
Report receives a Report shop, sales as
Manageme system report Management transaction per expected
nt month and
over all paid
system
commission

Table 18
ALPHA TESTING

Test Criteria Poor Fair Good Very Good

Graphical User Interface()GUI
Clarity (Displayed error, help, and
warning messages are clear, concise,
✓
and as elementary as possible to assist
user in operating the software.)
Consistency (The user interface is of
the same formatting style and icons ✓
throughout the system.
Flexibility (The system includes user
preferences setting to allow changes, ✓
for example, increasing the font size.)
Forgiveness and Tolerance (The ✓
interface displays message or
confirmation prompts that would allow
the users to undo or redo critical
actions.)
Readability (The interface has
appropriate colors, font sizes, and
✓
styles that is convenient to the target
users.)
Reusability(The system contains
reusable GUI components such as
✓
familiar buttons, text and check boxes,
and other tools)
Simplicity (The GUI design include
simple GUI buttons, such as simple
✓
screens with clear, uncrowded
messages.)
User-friendliness (The GUI design
must be user-friendly, by providing
✓
helpful, courteous, and non-offending
messages.)
System Performance
Conformance to the Objectives (All
specific objectives of the system are ✓
met by the program.)
Conformance to the Requirements
(The system effectively met all the
✓
identified features and/or
requirements.)

Test Criteria Poor Fair Good Very Good

Efficiency (The entire system
functions efficiently. It doesn't have ✓
delay in any transaction.)
Integrity (The software allows the
registered user to have control over ✓
its own private information.)
Overall Impression (In general, the
program or system is functional and ✓
useful.)
Security (The system is secured.
Login details are authenticated.
Input parameters are ensured prior ✓
to the execution of the next
transaction.)
 Table 19
ACCEPTANCE TESTING
Aquanic

Team AJA Aying, Axel M.

Mr. Japeth D. Lahaylahay

Implementation/Deployment Phase
Deployment Diagram

Deployment diagram show the hardware for the system, the software that is installed on
that hardware, and the middleware used to connect disparate machines to one another.

Implementation Budget/Cost Specification

Hardware
Computer Set ₱ 30,000.00

Total Php 30,000.00

Software
ASP.Net Php 5,000.00
MySQL Php 2,000.00
Operating System (Windows Php 2,000.00
Total Cost of the System Php 47,000.00
10)
Total Php 9,000.00

Administrator’s Expense
Hardware Maintenance Php 2,000.00
Internet Connection Php 1,900.00
Electricity Php 2,000.00
Software
Transport Php 2,000.00
Specification
Food Php 100.00 The system can
Total Php 8,000.00 be implemented with the

following Software specifications:

Hardware Specification
The system can be implemented with the following hardware specifications:

Human Resource Specification

 This research study, Aquanic: An online shopping website that focuses on selling that
helps the customer in finding a right and a secure online shopping website for buying healthy and
high-quality products that will use on aquascaping is formed to meet the needs of the following
users:

1. Aquatic plants and animals hobbyist

2. Aquatic plants and animals farms
3. Shop owners
4. System Administrators
 User Guide
Setting up your Aquanic web application (for shop owner and customer)
1. Access website in any browser.
a. Register your Account
b. Login Account/ You can Login using your Gmail account
2. After the user successfully logged in the application you can access to the application and
experience the following:
a. Home (which is customer can search the shops and view their items)
b. My Profile (user can edit the profile)
c. My Cart (which is customer can view items added to their cart)
d. Directory (customer can search shops and their products)
e. Logout
 Installation Guide

For Admin:
1. Install the Visual Studio 2013.

Visit the visualstudio.microsoft.com and download visual studio 2013. Choose

either 32 or 64 bit depending on your operating system.
2. Navigate the Visual Studio 2013

The directory is automatically created during installation and can be found in

local disk C (C:\Program Files (x86)\Microsoft Visual Studio)
3. Access the webpage visualstudio.microsoft.com

For Customers:
1. Open any web browser

2. Access www.aquanic.com
Project Roadmap

This figure shows the overview of the projects goals that are presented in an annual
timeline.

Figure 57: Project Roadmap of Aquanic

 CONCLUSIONS

The main idea of the survey was to find out the current online shopping system. The
number of respondents who answered the survey is enough for analysis to be more
comprehensive.
The result of the survey shows that both customers and shop owners find it very
convenient to have an online shopping system. Also, the result shows that dissemination of
announcement could be even more effective if it is done online where customers of the shop can
access the website given if there is internet connection, anytime and anywhere.
All of the customers and the shop owners have said that convenience and fast transaction
speed are two main factors why respondents would prefer and choose online shopping. Technical
problems and vulnerability to cyber criminals are main pros of online shopping.

RECOMMENDATION

The proponents of this system would gladly recommend this study to be utilized in every
Brick and Mortar stores. And to the future researchers who came up with a similar idea as this the
proponents would like to recommend improvisation of the system to satisfy demands.
 REFERENCES
Adnan, H. (2014). An analysis of the factors affecting online purchasing
behaviour of Pakistani consumers. International Journal of Marketing
Studies, 6(5), 133-148.

Aimol, A., Verma, R., & Chacko, N. (2014). Consumers’ attitude towards
online shopping. Research Journal of Family, Community and Consumer
Sciences, 2(8), 4-7.

Al-Alwan, M. & Al-Shirawi, A. (2015). An Investigation of Factors

Influencing Online Shopping: An Explanatory Study in the Kingdom
of Bahrain. International Journal Innovation and Knowledge Management
in the Middle East and North Africa, 4(2), 86-94.

Anitha, N. (2015). Consumer preference towards online retailing. Journal of

management studies, 1(2), 74-80.
Ariff, M. S., Yan, N. S., Zakuan, N., Bahari, A. Z., & Jusoh, A. (2013).
Web-based factors affecting online purchasing behaviour. Proceedings of the
IOP Conference: Materials Science and Engineering, 1-10. doi:10.1088/
1757-899X/58/1/012007
Aruna, S., William, A. J., & Nadu, T. (2015). A study on consumer
behaviour towards online in Coimbatore district. International Journal of
Research in Business Management, 3(7), 51-62.
Babar, A., Rasheed, A., & Sajjad, M. (2014). Factors influencing online
shopping behaviour of consumers. Journal of Basic and Applied Scientific
Research, 4(4), 314-320.
Bhatt, A. (2014). Consumer attitude towards online shopping in selected
regions of Gujarat. Journal of Marketing Management, 2(2), 29-56.
Ganapathi, R. (2015). A study on factors affecting online shopping
behaviour of consumer in Chennai. Journal of Management Research and
Analysis, 2(2), 123-126.
Goswami, A., Baruah, P., & Borah, S. (2013). Customer satisfaction towards
online shopping with special reference to teenage group of Jorhat town.
Indian Journal of Research, 3(4), 239-241.
Gurunathan, K. B., & Kumar, M. K. (2013). Factors influencing apparel
buying behaviour in India: A Measurement Model. Indian Journal of
Research, 2(3), 218-224.
Hilaludin, I. H., & Cheng, B. L. (2014). Factors influencing customer
satisfaction and e-loyalty: Online shopping environment among the Young
Adults. Management Dynamics in the Knowledge Economy, 2(3), 462-471.
Jain, D., Goswami, S., & Bhutani, S. (2014). Consumer behaviour towards
online shopping: An empirical study from Delhi. Journal of Business and
Management, 16(9), 65-72.
Jayakumar, P., & Kumar, S. (2013). Attitude of consumer towards internet
shopping in Chennai city. International Research Journal of Business and
Management, 5(11), 97-104.
Jayasubramanian, P., Sivasakthi, D., & Ananthi, P. K. (2015). A study on
customer satisfaction towards online shopping. International Journal of
Applied Research, 1(8), 489-495.

CURRICULUM VITAE

AXEL M. AYING
Address: Casanta Mactan, Lapu-lapu City
Contact No.: 09974488967
Email Address: axelaying2017@gmail.com

OBJECTIVE:
To work with a professional company where my skills and
knowledge can add to its achievements.
PERSONAL DATA
Age : 20
Date of Birth : April 16, 1998
Gender : Male
Civil Status: Single
Height: 5’7”
Weight: 60kg
 Nationality: Filipino
Religion: Roman Catholic
SKILLS & ABILITIES
● MS Office - Word, Excel, PowerPoint and Access
● Programming Language - Visual Basic .Net, ASP.Net, C, C# and
Java
● Scripting Language - HTML, CSS and Basic of JavaScript
● Adobe Creative Suite(Photoshop)

EDUCATION
UNIVERSITY OF CEBU - LM, A.C CORTES AVE., LOOC,
MANDAUE CITY
COLLEGE, BACHELOR OF SCIENCE IN INFORMATION
TECHNOLOGY
2015 – PRESENT

MACTAN NATIONAL HIGH SCHOOL,

Mactan Lapu-Lapu City
HIGHSCHOOL
March 26, 2015

SOONG ELEMENTARY SCHOOL,

Mactan Lapu-Lapu City
ELEMENTARY
April 04, 2011

SEMINARS ANDTRAININGS
5TH ICT CONGRESS
FEBRUARY 24, 2017
IEC PAVILION

INTERNET OF THINGS
FEBRUARY 11, 2017
UC – LM
 4TH UC-ICT CONGRESS
FEBRUARY 21, 2016
J CENTER MALL
REFERENCES
MR. JENNEL BARZO, INSTRUCTOR
CCS FACULTY, UCLM
+639485511706

ANGELYN S. MURILLO
Address: Suba Masulog
Basak, Lapu-lapu City
Contact No.: 09096524882
Email Address: murilloangelyn17@gmail.com

OBJECTIVE:
To obtain a position where I
could effectively apply my skills and knowledge I’ve learned
and given an opportunity to work productively and accurately in
your company.
PERSONAL DATA
Age: 19
Date of Birth: October 02, 1998
Gender: Female
Civil Status: Single
Height: 4’9”
Weight: 55 kg
Nationality: Filipino
 Religion: Roman Catholic
SKILLS & ABILITIES

● Microsoft Office(MS Word, Powerpoint, Excel)

● Adobe Creative Suite(Photoshop)
● Scripting Language - HTML, CSS and Basic of JavaScript

EDUCATIONAL BACKGROUND

College Bachelor of Science in Information Technology

University of Cebu Lapu-Lapu and Mandaue
AC Cortes Ave., Looc, Mandaue City
2015 to Present

High School St.Augustine International School

Kagudoy Rd, Basak, Lapu-Lapu City
March 26, 2015

Elementary Northwestern Visayan Colleges

Boracay, Malay Aklan
April 04, 2011

SEMINARS AND TRAININGS

5TH ICT CONGRESS
FEBRUARY 24, 2017
IEC PAVILLION

INTERNET OF THINGS
FEBRUARY 11, 2017
UC – LM

4TH UC-ICT CONGRESS

FEBRUARY 21, 2016
J CENTER MALL
 3RD UC-ICT CONGRESS
FEBRUARY 21, 2015
J CENTER MALL

REFERENCES
MR. JENNEL BARZO,
INSTRUCTOR
CCS FACULTY, UCLM
+639485511706

JEUS JOSHUA A. CLEMENTE

BGBNEAB, Pajo, Lapu-Lapu City. Cebu, Philippines
Mobile No.: 09163624916
Email Address: clementsyokai@gmail.com

OBJECTIVE:
To be in position wherein I could contribute my
knowledge and skills and be able to develop it
more.

PERSONAL DATA
Birthday: August 25, 1998
Civil Status: Single
 Nationality: Filipino
Father: Renante C. Clemente
Mother: Lucita A. Clemente
Religion: Christian

SKILLS & ABILITIES

● Programming (C++, ASPX.net, C#)
● Hardware troubleshooting
● Network troubleshooting
● Microsoft Office(MS Word, PowerPoint, Excel)
● Adobe Creative Suite(Photoshop)

EDUCATIONAL BACKGROUND

College Bachelor of Science in Information Technology

University of Cebu Lapu-Lapu and Mandaue
AC Cortes Ave., Looc, Mandaue City
2015 to Present

High School Pasay City North High School

BGBNEAB, Pajo, Lapu-Lapu City
2014-2015

Elementary Mactan Air Base Elementary School

BGBNEAB, Pajo, Lapu-Lapu City
2010-2011

SEMINARS AND TRAININGS

5TH ICT CONGRESS
FEBRUARY 24, 2017
IEC PAVILLION

INTERNET OF THINGS
FEBRUARY 11, 2017
 UC – LM

4TH UC-ICT CONGRESS

FEBRUARY 21, 2016
J CENTER MALL

3RD UC-ICT CONGRESS

FEBRUARY 21, 2015
J CENTER MALL

REFERENCES

Gladys Rosane A. Calumpag

ESL Teacher
09771438360
 Appendix A
TRANSMITTAL LETTER
October 15, 2018

Dr. Aurora C. Miro

CCS Dean

Dr. Miro:

Greetings!

We, the 4th year Bachelor of Science in Information Technology (BSIT) students in
University of Cebu Lapu-Lapu and Mandaue campus will be developing a system entitled
“Aquanic: An online shopping site for the nature lovers.” This System builds a strong foundation
between people and nature relationship and connects to one of the primary sources of life.

Aquanic is not just for enjoyment, but it also connects to the most profound value of protecting
and loving our nature.

Rest assured that this study will only be to comply the requirements of our thesis.
We are hoping for your positive response regarding this matter.

Thank you and Godspeed!

Respectfully Yours,

The Researchers
Aying, Axel M. Clemente, Jeus Joshua A . Murillo,Angelyn S.

Noted by:
Ms. Analou Cag-ong Dr. Aurora C. Miro
Thesis Adviser CCS Dean
 Appendix B
RESEARCH ENVIRONMENT
The research conducted in the University of Cebu Lapu – Lapu and Mandaue, located at
A.C Cortes Avenue, Looc, Mandaue City sits the foot of the old bridge, connecting the cities of
Cebu and Lapu – Lapu. In 1964, they established the University of Cebu. In May 1995, a satellite
of campus of UC was opened in the area of Lapu – Lapu, and Mandaue hence, UCLM.
 Appendix C
SURVEY QUESTIONNAIRE
Name: _______________________ Age: ____________ Gender: _______________