Professional Documents
Culture Documents
DegreeBachelor of Science in
Information Technology
IT 135 – SAD
PROPONENTS:
Aldrian, Manzano L.
Genalyn, Turtona O.
Ceilou, Fernando R.
Nenalyn, Durian J.
3B
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
May 2019
Ms.MelizaUmil
CHAPTER 1
Introduction
Shopify online shop is a home-based company that offers different products such as bag,
watch, shoes etc. The current operation of Shopify is in social media networking such as face book,
Instagram, where they transact orders and receives payment through meet-ups. Now they started
receiving orders, not just from metro manila, but also other parts of the country as well. Meet-ups
for this kind of transaction is not advisable for clients from provinces. We are proposing a website
with an Online ordering system to help Shopify transact orders and receive payment from their
customer.
Online ordering system is a market that the buyer and the seller meet. It is the place where
they both trade or exchange goods or services in other words, it is where their transaction place.
The Online Ordering System can be described as a simple convenient way for customer to
purchase items online, no need to go to the mall. This system is enabled by the internet, where
customer visit your website, and browse through the various items before purchasing or ordering
the ones he/she wants on the website. The customer can they have their items to their doorstep or
at any location they choose. Payments can be made cash on delivery or any remittance center. This
method is completely safe, secure and reliable, and is revolutionizing the present online shop
industry.
Buyers now have the alternative option of buying a product or availing of a service from
offline as well as from online shops. With the increasing penetration of internet, these methods of
purchasing have become popular. Today people have many choices with reference to buying
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
venues, but the most recent one is buying through internet i.e. online shopping mode. Nowadays,
the Internet is being widely used for various purposes and has become part of daily life. At its
inception internet was used as a medium for communication only but with time it has become a
source to learn, entertain and most recently a medium for the exchange of goods and services
between buyer and seller. The internet now has resulted in a new mode of exchange between buyer
and sellers and has created an alternative for the traditional marketplace.
Online buying behavior is a type of behavior which is exhibited by customers while browsing
websites of a retailer in order to search, select and purchase goods and services, in order to fulfill
their needs and wants. It’s basically a behavior which is reflected by the purchaser during the
process of buying through the internet.
General Problem
Our system is not accepting credit card or ATM (Automated Teller Machine) payment. Only the
admin can control the system, and the GPS (Global Positioning System) is unlocated to customer.
Some deliviries can’t not see the exact address of the buyer, some products are not really the same
as what they expected in the picture. Other buyers, confronting that the product that they already
bought is not what they wanted what it is. The carrier can’t manipulate the products that they going
to deliver, some of the client product packaging is not fully good, others have scratches or not
functioning.
Specific Problem
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
The carrier did not come in the exact day or time of the delivery, they are sometimes
coming in the beyond days or time they extending the time without the knowledge of
the buyer.
Not all buyer is legit buyer, ordering but not sending the proof of payment of what they
ordered.
The objectives of this study were to develop an Online Ordering System for Shopify Online
shop.
To develop an online ordering system for Shopify online shop that will feature the
following: Steps by steps ordering procedure registration
To develop a database system for the customer and the owner.
To create an online ordering system for the client and buyer satisfaction.
For small business that need to organized and monitor their online business
For the customer then they save time and free from stress on the shopping mall.
To develop system that will surely satisfy the customer service.
FOR THE OWNER. This study will help the owner to promote good impression and
reputation to the establishments in terms of providing quality products through advancement of
technology. It will help the owner to lessen his/her works.
FOR THE CUSTOMER. This study will be very beneficial to the customer because it
will help them lessen their time and effort spent during buying. Through the system developed in
this study, they can order in their most convenience time and place as long as there is an internet
connection of online ordering system will ease their burdens in finding for their needed products
and to have a complete background of the online shop services through this website.
FOR THE FUTURE PROPONENTS. For future proponents it will help to create a
system that will help their learning and implement their knowledge so they can use them in the
future and appreciate their skills. This will help for their research about this study.
1.4.1 Scope
User a. The system can register the customers in the database and manage by
admin.
b. The system can provide online stocks overview that allows customers
to order.
c. The system can provide customers to make appointment for further
discussion or to collect their order.
d. The system can provide support forum platform for customers to discuss
critical issues or giving and getting feedback from others.
Admin a. The system can provide simple basic information and the background
of the company.
b. Current products specification can be updated and new items can be
added by admin too.
c. Appointment will have to wait to be approved by admin.
d. Message and comment is control and manage by admin.
1.4.2 Limitation
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
Limited Stocks
Delay and delivery
Lack of significant discount in online shops
No warranty
No receipt and non refundable
Cannot accept credit cards
Cannot detect the location of the buyer’s
Customer – This actor is the principle customer who will order and make the payment.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
Guest - A person who is invited to visit the home of or take part in a function organized by another.
Market – A regular gathering of people for the purchase and sale of provisions, livestock, and
other commodities.
Password - A secret word or phrase that must be used to gain admission to something.
User – A person who uses or operates something, especially a computer or other machine.
CHAPTER 2
This chapter of the thesis will look into the theory of online business. This will concentrate on the
evolution of electronic commerce and online sales in general and the rest of the theoretical
background is exploring the online business from the customer service point of view. The theory
is concentrating on how to sell clothing items online and what special features must be taken into
consideration in this field of business.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
Now a days the life style of the people is different. People feel uncomfortable and time consuming
for going crowded markets. So, E-Shopping is a boon as it saves lot of time. Online shopping is a
process whereby consumers directly buy goods, services etc. from a seller without an intermediary
service over the Internet. Shoppers can visit web stores from the comfort of their house and shop
as by sitting in front of the computer. Online stores are usually available 24 hours a day and many
consumers have internet access both at work and at home. So, it is very convenient for them to
shop Online. One of the most enticing factors about online shopping, particularly during holiday
season is, it alleviates the need to wait in long lines or search from a store for a particular item.
Variety of goods are available in online. So, the researcher wants to know the preference of the
consumers.
2.2.1 Ordering.co
One of the best & smartest online ordering software, within the globe since 2012. We do focus on
innovation, and latest business techniques, for the business owners, to gain success. Our system facilitates
smooth ordering (Small/large) within seconds, and the system interface is that simple & User-friendly. We
have our native mobile apps that are ready to use, which can help your business manage like a tech. It is
preferably the best solution for the new startups, to create any on-demand business (from restaurants,
Groceries, Wine, Laundry, Catering services, Gift store, etc.) online at a very minimum cost. We do provide
support and specialized services for FREE, lifetime, as well as any customization at affordable rates.
2.2.2MenuDrive
It is easy to use online ordering system, and it helps you to create a pathway to place any online
orders by integrating a simple “Order Online” button which will be linked to your online menu.
It has got good supporting system, as well as got potential to create any custom request on need.
2.2.3 Restolabs
They provide software which is completely device friendly. It also integrates with mobile & tablet
ordering as well. Affordable pricing, offered as per business you have. Have some new good
features in it, like Facebook ordering, on the go ordering etc. Also, they provide a good guidance
for the new customers as support.
2.2.4 GloriaFood
Another potential software provider, which can change your normal website to an ordering online
website, by integrating a small “See MENU & Order” button on your homepage, which will
allow your users to directly visiting the menu page to place any online orders. It’s that easy and
simple, it has also got a user-friendly checkout page. They also have Facebook ordering facilities
with flexible pricing packages.
2.2.5 MealClick
It is a seamless ordering software that can be operated using a desktop or any smart devices online.
It is one of the advance software company which have made life easier through its simple & easy
to use system software. They also offer kiosks services with separate cost.
2.2.6 EDeliveryApp
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
Another food ordering system, specially made for local deliveries, they provide open source
solutions, to create any custom works yourself, also they have got apps for iOS & Android to place
orders on mobile easily. They have got easy to use admin panel to manage every aspect of your
business and website. They also offer one-time cost solutions. Has got free support facilities.
2.2.7 BigTreeSolutions
Its is a very easy to use system for food ordering, it helps the business save money on their food
costs. They do provide some various free services and maintenances, along with the hosting. They
have some easy to pay online solutions.
2.2.8 ChowNow
Using this software, you can make your ordering easier and better, as it has got the smartest
website and apps for mobile delivers to order. It is affordable in price and very easy to move on.
They also offer Facebook page ordering. It has also got a dashboard to manage your orders and
website smoothly, along with few cool features.
2.2.9 PlaceBag
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
This is a new system, which facilitates online order through Web, Facebook, and mobile apps
easily, it is cost effective and the delivery process is easy.They also offer a stand alone website for
you, if you are a beginner and don’t have any website to launch your business online. They do
provide a easy backend to manage your business orders and menus and to arrange as per
requirements.
Based In: – –
Year of Foundation:2014
2.2.10 iMenu360
It is a simple and easy to use platform for food ordering and it allows 3 step signs up process to
get your own system within few days! They help you upload your business menu. They have few
cool features that can help your business grow, also they help you integrate any POS system within
some additional cost. They have some affordable prices as well with fair customer services.
CHAPTER 3
Context Diagram
Accsess System
Admin Users
Figure 1.
The user wants to reserved or buy on our online ordering system through their account or any
social media account. And by taking the personal information or their address for them to keep in
access of what they’re going to buy. After getting the information or the buyers/users the admin
will create or reserve the product of the user that they going to purchase. Processing system will
confirm the product they purchased. The admin will now give the product or ordered item to the
users.
Transition Diagram
Add item to
Shopping cart
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
Search item
View Item
Browse Item
Remove Item
View/Update
from Shopping
Shopping cart
cart
Checkout
Figure 2.
This online shop system starts from the login, there are two login form one for the Admin(seller)
and for the user(buyer). User will go to the Search items or browse item but at the same time the
you can go on your cart instantly. Admin also can check the cart of the user ad also can confirms
the product of the buyer. Also, the admin can remove or add the stocks of the items said.
SYSTEM FLOWCHART
START
User Admin
No
Figure 3.1
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
Want to
continue
Review
Category
Product
Add or
remove to
cart
No
Use billing
Checkout Enter billing address address as Add new
shipping shipping address
address?
Yes
Complete order
Figure 3.2
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
The system flowchart will start to the login of user or admin, if no then it will stop, but still
you can see the items on the marketplace, but if yes, the user will input username and password
and at the same time will make a cart for your own account. The admin will check the username
and password. Then when you already login it will go to the View Items/Select Items, the user will
see the products that are available posted by the admin. Then when the user done selecting his/her
items to purchased, you will go to the checkout button, it will be led you to the checkout. Then
you will choose if through cash-on-delivery or through remittance, then the system will be going
to ask your personal information and address. Then admin will confirm the purchasing, at the same
time will process your items to be delivered.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
Login Details
Products info
Product Details 1
Home
User
Search
3 Confirmation
Confirmation Search
Checkout Delivery
Item
Cart details
Add to cart
4 Add to cart
Confirmation Add to
cart Confirmation
Order details
Order
5
Confirmation Order
Figure 4.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
The context level data flow diagram (DFD) is describe the whole system. The DFD
describe the all user module who operate the system. Below data flow diagram of online shopping
site shows the admin only can operate the system Admin. Our system starts to the admin, the admin
will login and the one who controlled first before the user. Then the admin will manage the product
details to search item then the orders at the same the deliveries. Then user will login or sign-up,
aftern signing in or loging in the admin will authenticate the username and password. Once its
already done, the admin will take it as a valid, the user already in. Then its up to the user if he/she
will go to the search items, let's assume that the user was go first to the marketplace button. The
user will search his/her desire items then he/she will go to the cart. Its up to the user if he/she will
add the item to the cart. The user can roam around the to our online shop so he/she can choose
items top purchased. In the marketplace when you scrolled down you will see our feature products
and the details of the product, its up to the user if he/she will add to those items to his/her cart.
Then it will make the user to the order sections, then the admin will confirm the items that will be
ordered. Then the admin will ask for the personal information, and the admin will ask the if cash
on delivery or through remittance. Then the admin will update the details of the product just how
many items are left in the marketplace.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
D1. Users
The first column which is the Primary key is the id column that has number (num) for types
which only accept only 25 numbers. The second clumn is the role which states the role of the
people trying to controlled this system. The third column is the name which containing the name
of the buyer. The fourth column is the username which has an identification used by the user.
The fifth column is the password which is a string of characters that allows access to the users.
The sixth clumn is the email means from one computer user to one another that the user log in
with password. The seventh cloumn is the address who containig the specific location of the
user. The eight columns, the last column is the contact which is has numbers (num) that private
entity can use to reach the user.
The first column which is the Primary key is the id column that has number (num) for types
which only accept only 25 numbers. The second clumn is the role which states the role of the
people trying to controlled this system. The third column is the name which containing the name
of the buyer. The fourth column is the username which has an identification used by the user.
The fifth column is the password which is a string of characters that allows access to the users.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
D2. Items
38 Guess Stripes This is just for the PHP199.00 4.jpg 2019-01-29 13:30:59 0
T-Shirt sake of
presentation.
The first column is the item_id whis has numbers(num) successively. The second column is the
item_name which containing the name of the item or the product. The third is the
item_description that has the details of the item. The fourth column is item_price that have the
amount of money expected in the item. The fifth column is the img of the item which has a
visual representation of item. The sixth column is the create_date that has the date of the product
created. The last cloumn which is the seventh column is the avail thath contain the availability of
the items that already purchased.
D3. DeliveryMethod
Method_id Method
1 Cash on Delivery
2 Shipping
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
The first column is the method_id which is the primary key for this table. The second column is
the method which has the delivery method that is either Cash on Deliver or Shipping.
D4. Message
The first column is the message_id which is the primary key that has numbers (num). The second
column is the name that has the name of the sender of the message. The third column is the email
that means from one computer user to one another that the user logs in with password. The fourth
is the subject this is what the thing that is being discussed, described, or dealt with. The fifth
column is the message which containing of what the said words of the sender. The last column
whist is the date_submit is the it means do this on any day up to and including the day specified.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
D5. Orders
The first column is the product_id which is the primary key for this table. The second column is
the item_id where it has numbers(num) that containing the numbers that count the items inserted.
The third column is the costumer_id is the numbers of costumer that ordered the item. The fourth
column is the Confirmation which is the column for the confirming of the items. The fifth
column is the product_name which is containing the items that been ordered bu the buyer. The
sixth column is the product_price which stating the amount of the item. The last column is the
quanity which it’s the seventh column is the number of materials that has been estimated.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
Choose
Involves
Have
message deliverymethod
message_id cash on Delivery
name shipping
email
subject
messages
date_submit
Figure 5.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
The users are the only one who can order the items to be send and confirm by the admin,
the users choose to the items, they will make their order done and will go to the dilivery which
involves deliverymethod if they already done their item to the cart. The users the one who can
only message and will read by the admin.
Project Development
Research Phase:
This stage is where researchers are putting together a topic to be developed. In this part is
where the information for the particular subject created by the reserchers is will prepared
and collected. The information gathering was done by researching or articles and other
researchers from various university libraries and also the internet.
Software Evaluation:
These questions will be used by fifty (50) respondents to check the software. The results
of the questionnaires are computed and calculated using the average to see the system
acceptance.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
Start
Researching
Formulation of Objectives
Is the No
study
feasible
?
Yes
Project Plan Design
Is the No
software
running?
End
Figure 6.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
(XAMPP)
2. Click XAMPP for Windows. It's a grey button near the bottom of the page. Depending
on your browser, you may first have to select a save location or verify the download.
3. Double-click the downloaded file. This file should be named something like xampp-
win32-7.2.4-0-VC15-installer, and you'll find it in the default downloads location (e.g.,
the "Downloads" folder or the desktop).
4. Click Yes when prompted. This will open the XAMPP setup window.
You may have to click OK on a warning if you have User Account Control (UAC)
activated on your computer.
6. Select aspects of XAMPP to install. Review the list of XAMPP attributes on the left side
of the window; if you see an attribute that you don't want to install as part of XAMPP,
uncheck its box.
8. Select an installation location. Click the folder-shaped icon to the right of the current
installation destination, then click a folder on your computer.
If you have the UAC activated on your computer, avoid installing XAMPP in your hard
drive's folder (e.g., OS (C:)).
You can select a folder (e.g., Desktop) and then click Make New Folder to create a new
folder and select it as the installation destination.
9. Click OK. Doing so confirms your selected folder as your XAMPP installation location.
11. Uncheck the "Learn more about Bitnami" box, then click Next. The "Learn more about
Bitnami" box is in the middle of the page.
12. Begin installing XAMPP. Click Next at the bottom of the window to do so. XAMPP will
begin installing its files into the folder that you selected.
13. Click Finish when prompted. It's at the bottom of the XAMPP window. Doing so will
close the window and open the XAMPP Control Panel, which is where you'll access your
servers.
14. Select a language. Check the box next to the American flag for English, or check the box
next to the German flag for German.
15. Click Save. Doing so opens the main Control Panel page.
16. Start XAMPP from its installation point. If you need to open the XAMPP Control Panel
in the future, you can do so by opening the folder in which you installed XAMPP, right-
clicking the orange-and-white xampp-control icon, clicking Run as administrator, and
clicking Yes when prompted.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology
When you do this, you'll see red X marks to the left of each server type (e.g., "Apache").
Clicking one of these will prompt you to click Yes if you want to install the server type's
software on your computer.
17. Resolve issues with Apache refusing to run. On some Windows 10 computers, Apache
won't run due to a "blocked port". This can happen for a couple of reasons, but there's a
relatively easy fix:[1]
Scroll down to the "Listen 80" section (you can press Ctrl+F and type in listen 80 to find
it faster).
Press Ctrl+S to save the changes, then exit the text editor.
Restart XAMPP by clicking Quit and then re-opening it in administrator mode from its
folder.
(INSTALLING SUBLIME)
5. Click the right click of the mouse and click the “Extract Here”
(INSTALLING WINRAR)
2. Click Download WinRAR. This blue button is at the top of the page. Clicking this will
take you to an advertisement.
If you're on a 64-bit version of Windows, you can click the click here link below the blue
button. Check your bit count before clicking the 64-bit link.
3. Click the Continue to download WinRAR link. You'll see this at the top of the page.
Doing so will prompt the WinRAR setup file to download to your computer.
Depending on your browser, you may first have to confirm the download or select a save
location.
4. Double-click the setup file. It's a multicolored file that you'll find in your computer's
default downloads location.
5. Click Yes when prompted. This will open the WinRAR installer.
6. Click Install. It's at the bottom of the installer window. Doing so will begin installing
WinRAR on your computer.
7. Make sure the "RAR" box is checked. This option is in the upper-left side of the
WinRAR window.
8. Click OK, then click Done. WinRAR is now installed on your computer, which means
you're ready to begin unpacking your RAR files.
CITY OF MALABON UNIVERSITY
Maya-Maya St. cor. Pampano St, Longos, Malabon City
College of Engineering and Technology