CHAPTER II

TECHNICAL BACKGROUND
CONCEPTUAL FRAMEWORK
This proposed system has to be developing based on the requirements of the Online
Ordering of Alanys Garden Ornamental Plants. Wherein it has sole features like; the visitors of
this website can view the products and sample of landscapes.
The Alanys Garden really needs this type of automation which aims to alleviate the risks
and facilitate the transactions in giving the customers satisfaction.

Research Paradigm. The diagram shows the synchronized steps to be considered in order to
accomplish the objectives of this study. The Input box (first box) contains different information
about the Ornamental Plants of Alanys Garden. The process box (second box) contains the
design and development of website. The Output box (third box) is the outcome of the webpage
of the Ornamental Plants of Alanys Garden.

10

Research Paradigm

Input
Software:
Operating System
Windows 7 Ultimate
Notepad ++
PHP
Domain Name Hosting
Xampp
Browser(Google,Firefox)
Hardware:
Laptop
Intel PentiumCPU
P6200@2.13 Ghz
-memory
Minimum: 2 Gb
Maximum: 32 Gb.
-Hard Disk 160GB

Process

User Experience for

Waterfall Model

Output

Online Ordering
System of Ornamental
Plants of Analys
Garden.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Feedback
_______________________

11

Context Diagram
A context diagram is a structured graphical tool for identifying the organizations
functional areas and the process that are performed.

Order

Online
Ordering
System of
Analys
Garden

The figure shows the client/customer orders through online ordering system then send it. The
Administrator will confirm the order.

12

Data Flow Diagram

Alanys
Garden

Secretary

Data Flow Diagram

A customer/client will browse the website and select the product items to make orders
and add to cart submit orders which are then directly updated into the system and ready for
delivery.

13

DATABASE SCHEMA
Tbl_user
Key
PK

Field Name
User name
User password
First Name
Last Name
Address
Contact No.
Email Address

Description
Varchar (50)
Varchar (50)
Varchar (50)
Varchar (50)
Varchar (100)
Int (13)
Varchar (50)

Field Name
Prod. Code
Prod. Name
Prod. Desc
Prod. Category
Prod. Unit Price
Prod. Unit

Description
Int (50)

Field Name
User name
Prod. Code
Customize Design

Description

Field Name
OrderNo
Prod. Code
Unit Price
Quantity

Description
Int (50)
Varchar (50)
Varchar (50)
Varchar (50)

Tbl_Product
Key
Pk

Varchar (50)
Varchar (50)
Varchar (50)
Dec
Varchar (50)

Tbl_User Design
Key
Pk

Varchar (50)
Varchar (50)
Varchar (50)

Tbl_Order_Details

Key
Pk

Tbl_Order_Info
Key
Fk

Field Name
OrderNo.
User name
OrderDateTime
OrderStatus
ENTITY RELATIONSHIP DIAGRAM (ERD)

Description
Int (50)
Varchar (50)
Varchar (50)
Varchar (50)
14

User
User name
User password
First Name
Last Name
Address
Contact No.
Email Address

Description
Varchar (50)
Varchar (50)
Varchar (50)Product
Description
Varchar (50)
Prod. Code
Int (50)
Varchar (100)
Prod. Name
Varchar (50)
Varchar (50)
Varchar (50)
Varchar (50)Prod. Desc
Prod. Category Varchar (50)
Prod.
Unit Dec
Price
Prod. Unit
Varchar (50)
User Design
Description
User name
Varchar (50)
Prod. Code
Varchar (50)
Customize
Varchar (50)
Design
Field Name
Description

Order_Details

Order_Info
OrderNo
Prod. Code
Unit Price
Quantity

Description
OrderNo.
Int (50)
User name
Varchar (50)
Description
OrderDateTime Varchar (50)
Varchar (50)
Int (50)OrderStatus
Varchar (50)
Varchar (50)
Varchar (50)

Hierarchical Input, Process and Output

15

WEBSITE

HOME

ABOUT
US

LOG

PRODUC
TS

CONTACT
PLANTS

MISION

IN

CONTACT
NO.

LOG IN FIRST
ADDRESS

VISION

EMAIL
ORDERIN
G

AS USER

MY
ORDER

AS ADMIN

LOG OUT

PRODUCT
ENTRIES

LOG OUT

ORDER
LIST

CLIENT
LIST

Hierarchical Input, Process and Output (HIPO)

16