Online Ordering Docu

PATEROS TECHNOLOGICAL COLLEGE
Online Ordering System for Vgilante Vape Bar
_________________________________________________
A System Project Presented to Mr. Juluis Codilan

Pateros Technological College’s Software Engineering Instructor
________________________________________________
In Partial Fulfillment of the requirement

Of the course Bachelor of Science
In Information Technology
Submitted by:
Piñon, Joshua
Poblete, Marcos
Apolinar, Vinalyn
Submitted to:
Mr. Juluis Codillan
2018-2019
SOFTWARE ENGINEERING 1|Page

Chapter 1
INTRODUCTION AND BACKGROUND OF THE STUDY
Based on the 8th Edition (2010) of System analysis and Design b Shelly Cashman about
business Information System, every organization has transactions consisting input and output
process which contained valuable information that must undergo proper data management
for the smooth flow of the firms deal beneficial for both client and the company. Daily business
operations bring massive data significant for each entity that sometimes can lead to system
failure if processing with weak technical tools. The advancement of technology made
everything useful and less effort like business matters if paired with the new trend of system,
machines and equipment. In this case, related cycles are happening more accurate and
efficient.
Online Business are some example of form that having the Input-Output-Process (IOP)
of data. Wherein, inbound and outbound transactions are coming simultaneously. In this kind
of business there customer are commonly use manual process. One of the most important
part of a business are the consumer. In this matter, having an Online Ordering will help the
customer check products through online and this will help the business to satisfy their
customer because of the fast service.

Company Background
The Vgilante Bar started April 21, 2016, with a group of friends who believe
there is a better alternative to smoking analog cigarettes. As we all know, smoking analog
cigarettes is very harmful not only for the smoker but also to other people around them.
Quitting is not easy. The proponents have all tried to quit and at some point failed after a
few tries, until one by one, They discovered the art of vaping provides the same sensation
as smoking an analog cigarettes without all the harmful carcinogens of the burning
tobacco. After discovering the enjoyment in vaping, they decided to share their passion
and help their friends try and kick the habit of smoking cigarettes. They started to small
bar in South Signal, Taguig City. As time goes many people use vape, and it is one of the
trend today especially in millennials so they expand their business as of today they already
have five branches in different places in Taguig.

The Vision and Mission of Vgilante Vape Bar
Vision
We at Vgilante Vape Bar envision ourselves to create a smoke free country through our
products, and to be the preferred trademark and supplier of quality fruit juice and related
products in the Philippines.
Mission
Our mission is to provide our customer the same smoking without the risk on health and
also to help others smokers to quit smoking gradually.

Chapter 2
HIERARCHICAL ORDER AND FUNCTION
Organizational Chart

Organizational Function
 Owner Manage and monitor the production and status of the store.
 Branch Manager Responsible for monitoring and managing the branch assign.
 Assistance Manager His task is for inventory and manage the store when
manager is absent
 Cashier Receive payments and record orders
 Staff Assists customer

Chapter 3
REQUIREMENT ANALYSIS
Problem Definition
Technology has reached its highest peak of development, especially in making life
easier for people. The implemented technology is faster than human in processing
calculation and is more accurate. Technology has become an important concept in our life.
It assists in connecting communities together. Obviously, people have started to use
technology in every field of life including education, health, the military, and most
importantly in business. This Online Ordering system is an automated system where
consumer can order through online since online business is one of the trend today. The
proponents developed this Online Ordering System that will manage the collection of data
and facts vital to the information and products of Vgilante Vape Bar which will put into a
particular database for smooth safe, accurate access and storage of the store This system
is important especially to those customer who are not be able to go to the bar because of
their busy schedule.

Objectives
General Objectives
The main objectives of this project is to develop an Online Ordering System for
Vgilante Vape Bar that help customer to access, order and provide accurate information
through online.
Specific Objectives
 To develop a system that will secured all the data and information of the customer.
 The develop Online Ordering System will be Efficient and user-friendly.
 To develop a system that maintain the Portability and Functionality.
 To design a system and implement it.

Scope and Limitations
Scope
 Admin is fully responsible for monitoring and maintaining the site, since they have
the access on some modules which are hidden on guest or even members such
as Product management, and ordering management.
 Administrator who has the authority to add more admin by filling up form which is
available such as full name contact number, username, and password. In case of
suspicious acts of the newly added admin, the main admin has right to deactivate
them.
 Members the system will provide an area wherein they can view and manage their
orders.
 Unlike members , the guest can only browse the but no transactions can held
unless they would register
 A cart can be view in the right column of the home and store page or in a separate
page where in the consumer must input the quantity of the product. The quantity
default is one.
Limitations
 The system does not allow non-members to proceed to the payment transaction in
order to avoid repetition of information in case they would purchase another item.
 For members, the procedure of payment will be through pay as you get the product.
 The function of forgot password is not working.

 Delivery is not available, for pick up only
User and Beneficiaries
The Vgilante Vape bar is our main beneficiaries. The proponents develop the
system to help them to serve to their consumer with the fastest way of ordering without
time consuming and accurate information, for them to achieve the satisfaction of their
customer.
Second, customer of Vgilante Vape bar, the proponents develop this system to
give them the easier and efficient way of ordering.
Nature and System Investigation
To develop the system, first conduct an interview to one of the owner. Then
proponents offer a system that will improve their manual transaction. In gathering the
information of the store, researcher ask how they communicate to their customer. They
give us requirements or what output they want. The proponents, continuously do research
to provide demands and requirements.
The existing system is walk-in, the customer will go to the bar and buy products
since, the business is already expanded they want to expand also their communication to
their customer through online.
SOFTWARE ENGINEERING 10 | P a g e
Chapter 4
STRUCTURED ANALYSIS
Understanding the System
The Vgilante Vape bar is our main beneficiaries. They selling products like vape, Vape
juice, mod, battery, atomizer and other accessories. Walk in process is the traditional
process in buying an item, the customer will go to the shop choose an item, go to cahsier
and pay. The proponents want to develop a system that can enhance this kind of process
by accessing through online. The walk in process is still available, the online ordering is
for customer who will visit to the bar.
Existing Context Diagram
Branch
Owner
Manager
Monitor Revenue
Update Reports
Vglante Vape Bar Ordering System
Update Store Details
Product Details
Cashier
Record Payment
Customer
Existing DFD
Existing Flowchat
START
The Customer will visit to the

store
START
Customer choose product
If the customer
buy product
NO
Exit
YES
Proceed to
payment
Receive item END
Process Description
The manual process is start with the production, the Vgilante Vape Bar has its own
production of juice but the pod, battery and other products they have their own supplier.
After the production it will go to the main store and the main store is the one who distribute
to their branches. There will be inventory after they receive products then it will display to
the store.
The existing process is the customer will go to the store choose product and fill-up some
forms for personal information and receipt and get the product.
Data Dictionary
Owner The person who has the full access in the Vape shop.
Cashier The one who is in charge in gathering the data of the customers.
Data Consist of all the information of the client that gathered by the help
of the staff.
Transaction Process where the client receive their orders and give their
payment to the seller.
Chapter 5
PROPOSED ALTERNATIVE
Understanding the System
Context Diagram
Proposed
Admin
Customer
Update Info.
Online Ordering System for

Register
Vglante vape Shop
Order Online Manage
Guest
Browse Online
Contact the Admin
Proposed DFD
Customer Details
Store Details and Products Update
Product Data
Customer ONLINE ORDERING Admin

SYSTEM
Register Customer/Order Details
Add order
Proposed Flow chart
Process Description
The proposed system is designed and developed to solve the problem statement
which are stated from one of the chapter. First of all, the developed system provides a
feature that is able to solve the difficulties in product ordering. All the transaction will be
online, by that the customer will the go to shop and just order through online. The system
will have three users the Admin, which is the one who responsible for updating and monitor
the website. The Guest, the system does not allow non-members to proceed to the
payment transaction in order to avoid repetition of information in case they would purchase
another item. For members, the procedure of payment will be through pay as you get the
product. All the data will save to the Vgilante Vape Bar database.
Data Dictionary
Admin The person who has the full access in the Vape shop.
Place order The process where the user or the customer add order
Database Consist of all the information of the client that gathered by the help
of the staff.
Transaction Process where the client receive their orders and give their
payment to the seller.
Chapter 6
Cost Benefits Analysis
I. Presentation Cost
A. Development Cost
 HARDWARE
Description QTY. Unit Unit Cost Total Cost
Laptops 1 Php 25,000 Php 25,000
1. ASUS X441U
Intel Core i3-
7100ꭎ 24GHz
4GB RAM
64-bit
14.5 inches
1TB HDD
 SOFTWARE
Windows 10 1 Package Php 1500 Php 1500
Microsoft 1 Package Php 1500 Php 1500
office package
(LifeTime)
Total Development Cost : Php 28,000
B. Operating Cost
 UTILITIES
Electricity 6 months Php 1000 Php 6,000
Consumption
 SUPPLIES (6 months)
Epson Ink 2 Php 1000 Php 2,000
Cartridge
Total Operating Cost : Php 8,000
C. Project Cost
DEVELOPMENT COST+OPERATING COST
28,000 + 8,000
Total = Php 36,000
II. FUTURE & PRESENT VALUE
A. Final Table
YEAR NO. PROJECT PROJECT VALUE FUTURE ACCUMULATED
OF COST VALUE PRESENT VALUE
YEAR
2018 0 Php 36,000 __________ ________ _____________
2019 1 7,200 7,920 7,200
2020 2 8,640 19,008 15,840
2021 3 10,368 34,214.4 26,208
2022 4 12,441.6 54,763.04 36,649.6
2023 5 14,929.92 82.11456 53,579.52
A. PRESENT VALUES
PV1 = (2 * PC)
= (.2 * 36,000)
= 7,200
PV2= [((2 * PV1) + PV1)]
= [((2 * 7,200) + 7,200) ]
= 1,440 + 7,200
= 8,640
PV3 = [((.2 * PV2) + PV2)]
= ((.2 * 8,640) + 8,640)]
= 1, 728 + 8,640
= 10,368
PV4 = [((.2 * PV3) + PV3)]
= ((.2 * 10,368) + 10,368)]
= 2,073.6 + 10,368
= 12,441.6
PV5 = [((.2 * PV4) + PV4)]
= ((.2 * 12,441.6) + 12,441.6)]
= 2,488.32 + 12.441.6
= 14,929.92
B. FUTURE VALUE
FV = PV (1 + .10) N
N = No. of years
1 = 10% of assumes interest
FV1 = PV1 (1 + .10) N
= 7,200 (1 + .10) 1
= 7,200 (1.1)1
= 7,200 (1.1)
= 7,920
FV2 = PV2 (1 + .10) N
= 8,640 (1 + .10) 2
= 8,640 (2.2)
= 19,008
FV3 = PV3 (1 + .10) N
= 10,368 (1 + .10) 3
= 10,368 (3.3)
= 34,214.4
FV4 = PV4 (1 + .10) N
= 12,441.6 (1 + .10) 4
= 12,441.6 (4.4)
= 54,763.04
FV5= PV5 (1 + .10) N
= 14,929.92 (1 + .10) 5
= 14,929.92 (5.5)
= 82.11456
C. ACCUMULATED PRESENT VALUE
APV1 = PV1
= 7,200
APV2 = APV1 + PV2
= 7,200 + 8,640
= 15,840
APV3 = APV2 + PV3
= 15,840 + 10,368
= 26,208
APV4 = APV3 + PV4
= 26,208 + 12,441.6
= 36,649.6
APV5 = APV4 + PV5
= 36,649.6 + 14,929.92
= 53,579.52
RATE RETURN
RR = [((APV5/PC) – (1/N)] 100 -100
= [(53,579.52/36,000) – (1/5) ]100 -100
= [1.49 - .20] 100-100
PAYBACK PERIOD
PB = [(APV5-PC)/PC] + n
= [(53,579.52-36,000)/ 36,000)] + 3
= 3.49
= or 3 Years and 5 months
Chapter 7
IMPLEMENTATION
The proposed system of the developers for the Vgilante Vape Bar is done and
ready for implementation. Before the proper implementation the proponents already inform
the administrator of the store about the installation of the system. The user of the system
will be the customer, guest and admin. The user can access the system through online but
there is limitation in every user.
The system the proponents first upload it online using free hosting. The admin
of the system is responsible for maintaining and monitor the system therefore the
developers taught the admin how to manage the database and how to access all the data
in the system.
The administrator also test about the functionality and accuracy of the proposed system.
Admin test if the system can update automatically upon adding or updating the product.
They found out that the system is very useful for them especially when updating products
and product details. It is also to communication to their customer.
Customer also test the system first the proponents guider him to create an
account to access the website of the Vgilante Vape Bar. He through online. To test all the
function the developers helped the customer how he can access and manage his orders
through online.
Chapter 8
SUMMARY
Summary of the study
The advancement of technology made everything useful and less effort
like business matters if paired with the new trend of system, machines and equipment. In
this case, related cycles are happening more accurate and efficient. The purposed of this
study is to develop an Online Ordering System for Vgilante Vape Bar. The system will help
the client to communicate with their customer easily and to earned more profit. There are
three users of the system the guest, registered customer, and the admin. Admin is fully
responsible for monitoring and maintaining the site, since they have the access on some
modules which are hidden on guest or even members such as Product management, sales
inventory, and ordering management. Members the system will provide an area wherein
they can view and manage their orders. Unlike members, the guest can only browse the
system but no transactions can held unless they would register.
As the developers objective is to develop an Online Ordering System for
Vgilante Vape Bar that help customer to access, order and provide accurate information
through online.
Conclusion
As the proponent developed and implement the Online Ordering System for Vgilante,
it is our duty to share and present to our beneficiaries our study. The system will help
Vgilante Vape bar to satisfy their customer because of fast and easy transactions. The
main purpose of this system is to help customer order online and expand the
communication between our client and their customers by providing an online system
where they can access and order at the Vape bar anytime.
Based on our finding we conclude that our proposed system must be implemented.
For them identify the strengths, weaknesses and opportunities of the developed system.
Recommendation
The proponents recommends the following software enhancement for the future
developer.
 To enhance the system add more function for the guest, for
example provide an fill up form for the guest so that can order even
if they not a member.
 Put some hover name in each button.
 Change the customer logs, Admin logs, and Records order
arrangement to descending order.
 Make the tracking number in the receipt form bold.
 If the Admin is log in it will direct to Admin Control panel.
Appendices
Screenshots
Customer Registration Form
Customer Login
Customer Index
Customer Product List
Customer View Product
Add to cart button
The checkout process
Sales Invoice
ADMIN
Admin Login Form
Admin Index
Admin Control Panel
Admin Product List
Admin Add Product
Admin Edit Product
Admin Product Details
Adding of another admin
Admin Activity log
User Manual
Admin Control Panel
Button for User Logs and

Information – this will The Admin Information-
show the user name and where the other admin can
date when they log in. monitor admin information
Supplier Button- it
Button for Admin contains supplier
Logs and Information information
– this will show the
Admin name and date The User
when they log in. Information-
where the admin
This button is for
can monitor user
Products where you can
information
see product details
Admin can add the

quantity of the product
using this button
This button is for

The Add product viewing the
button, where admin product
can add products
Edit button is for
editing product
details
Delete button for

deleting products
Customer Panel
Quantity Button- button

adjusting the number of Close – This button is
product customer wants for cancelling or closing
to buy. the modal.
The cart button is

for adding product
for customer.
Order button is for

saving customer order
Remove used for

removing of deleting
order.
This button is for

adding or updating
customer orders.
Checkout button will

proceed customer to
the order confirmation
page.
Gantt Chart
ACTIVITIES NOV DEC JAN FEB MAR
Title Proposal
3rd
week
Research
4th
regarding to the
Title proposal week
Client Interview
1st week
Gather
1st week
Information
Finalize the 2nd week

gathered
Information
Division works
3rd week
Start Developing 2nd week
the System
Connecting the
1st week
Database to
system
Finalize the
1st week
System
Test the System

2nd week
Implementation
3rd week
Curriculum Vitae
Vinalyn M. Apolinar
#24 Herbs St.Zone 6, South Signal,
Taguig City
095626511137
[email protected]
EDUCATION
Pateros Technological College

Bachelor of Science in Information Technology 2016-2020
The Fisher Valley College

Bachelor of Science in Business Administration 2015-2016
Signal Village National High School 2010-2014
WORK EXPERIENCE
Ishie Water Station 2010

Cashier
SPES April-May 2018

Receptionist
CERTIFICATION
Certification of Participation
Cyber Security March 10, 2018
Certification of Participation
IT Trends Seminar March 03, 2018
Certificate of Completion
Jobstart- Life Skils Training February 9-19, 2016
Certificate of Attendance
Basic Computer Literacy Program May 30, 2011
ACTIVITIES
Timberline Youth Organization
Volunteer/Appointed President 2016-2017
JOSHUA R. PIÑON
279 M.L. Quezon Street, Lower
Bicutan, Taguig City, 1632 |
094534055843
[email protected]
EDUCATION
Pateros Technological College
Bachelor of Science in Information Technology
2016-
Rizal Technological University

Bachelor of Science in Information and Communication Technology
2015-2015
General Ricardo Papa Memorial High School

2011-2015
AWARDS
MSI 2015 National Overclocking Championship
Champion
November 20 – November 25, 2015
MSI 2018 National Overclocking Championship

Champion
October 15- October 20, 2018
LANGUAGES
Tagalog– native language
English – speak fluently and read/write with high proficiency
RESEARCH INTERESTS
 Web-based Mobile Application Clearance with SMS Notification
 Online Ordering System for Vgilante Vape Bar
 Smart Motorcycle Ignition Using Biometrics and Breathalyzer

Online Ordering Docu

Uploaded by

Copyright:

Available Formats

Online Ordering Docu

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Online Ordering Docu

Uploaded by

Copyright:

Available Formats

PATEROS TECHNOLOGICAL COLLEGE

Online Ordering System for Vgilante Vape Bar

A System Project Presented to Mr. Juluis Codilan

In Partial Fulfillment of the requirement

Mr. Juluis Codillan

SOFTWARE ENGINEERING 1|Page

INTRODUCTION AND BACKGROUND OF THE STUDY

customer because of the fast service.

SOFTWARE ENGINEERING 2|Page

have five branches in different places in Taguig.

SOFTWARE ENGINEERING 3|Page

The Vision and Mission of Vgilante Vape Bar

products in the Philippines.

also to help others smokers to quit smoking gradually.

SOFTWARE ENGINEERING 4|Page

HIERARCHICAL ORDER AND FUNCTION

SOFTWARE ENGINEERING 5|Page

 Cashier Receive payments and record orders

 Staff Assists customer

SOFTWARE ENGINEERING 6|Page

It assists in connecting communities together. Obviously, people have started to use

importantly in business. This Online Ordering system is an automated system where

their busy schedule.

SOFTWARE ENGINEERING 7|Page

 The develop Online Ordering System will be Efficient and user-friendly.

 To develop a system that maintain the Portability and Functionality.

 To design a system and implement it.

SOFTWARE ENGINEERING 8|Page

Scope and Limitations

as Product management, and ordering management.

unless they would register

 The function of forgot password is not working.

SOFTWARE ENGINEERING 9|Page

User and Beneficiaries

give them the easier and efficient way of ordering.

Nature and System Investigation

to provide demands and requirements.

their customer through online.

Understanding the System

for customer who will visit to the bar.

Existing Context Diagram

Vglante Vape Bar Ordering System

Update Store Details

The Customer will visit to the

Customer choose product

Receive item END

payment to the seller.

Understanding the System

Online Ordering System for

Order Online Manage

Contact the Admin

Store Details and Products Update

Customer ONLINE ORDERING Admin

Register Customer/Order Details

Proposed Flow chart

payment to the seller.

Cost Benefits Analysis

Description QTY. Unit Unit Cost Total Cost

Laptops 1 Php 25,000 Php 25,000

2018 0 Php 36,000 ___