PROJECT IN

ITEC – 50A

“ONLINE BOOKSHOP”
GROUP II

CLEMENO, DARYLL A.
ABRIOL, JANN FRANCIS I.
ENDRINA, JAYAR
LOGAN, RUDOLPH
MARTOS, JEROME NEIL R.
TRINIDAD, REGINALS S.
INTRODUCTION

Operators now have well-developed network almost everywhere can be very smooth

online, online shopping has to be rather mature late, looking ahead, more people in Taiwan use

the Yahoo auction weighing is the case. With online shopping related to the topic as a theme,

and then with PHP, MYSQL, and the future of software Database, etc. implement this project,

coming to understand how to use and a complete framework for real on the network can allow

buyers to secure online shopping platform.

This project is an online shopping site. Site content for online textbook system that

allows ordinary users to conveniently at home, use the Internet features, easy to find books you

want. The background management system, using MYSQL as a database system to provide

managers with a convenient and fast interface, anywhere can easily handle all the information.

Shoppers can also manage all the information. Make management more convenient and

personalized. We use PHP as a basis for website design, writing not only to facilitate, together

with the beautification of CSS syntax correction, showing a more convenient web browser

interface consistent with human nature. And to the only transaction mode soft bookstore,

information flow, logistics as the base to simulate the process of information out and sharing

out the process.

“BOOKHUB”— is the name of our online bookstore project. Where in the main goal was

to build a typical website of an online bookshop which has the selection of different genres of

books to order, price-off sale of an item, and maybe the only thing that is unique in our website

is– it has the request form for the customers who’s looking for some other books that is not

available in our project.By the completion of our website, it has total of 19 PHP files that

compose of homepage, shop page, contact page, request page, order form of every genres, log-

in(admin), and admin page. 2 CSS Style for the layout of shop page and for order form.
Problem Encountered

There were too many problems that we encountered in establishing this online website.

Here are the following:

 Time management;

 Searching different genres of books;

 Managing all spaces for a better layout;

 Connecting the website in MySQL Database;

 Queries for inserting data from a website to database; and

 Showing the data of all orders and request table in the admin page.
Overview

 Homepage

Sa page na ito makikita kung saan patungkol ang website, may mga link na magrerekta
sa ‘request form’– kung saan ang customer/user ay maaring mag fill-up ng kanilang request
na libro at ‘contact us page’– kung saan nakalagay ang mga contact information at address ng
company.
 SHOP
 Sa page na ito nakalagay ang mga libro na maaring orderin ng isang user , ang mga libro
ay nakahati sa 7 – anim na genre ng libro at ang isa ay recommended books. May advertisement
sa may bandang kaliwa ng shop page na bundled-books promo .

Kapag pinindot ng user ang buy button na nakalagay sa ibabang litrato ng libro o kaya
ang bundled-books promo, lalabas ang order form na syang fifill-up-an ng user at ang inputted
data ni user ay mag-i-store ito sa database-order table
  REQUEST

Sa page na ito nakalagay ng request form na syang fi-fill-up-an ni user, kung saan ang
inputted data ni user ay mag-i-store sa database-request table.
  Contact Us

Sa page na ito nakadisplay ang contact number ng company , e-mail address ng

company at ang location address ng company.
  Admin Page

Para maka-access sa log-in page ni admin kailangan pindutin ang bookhub logo para
lumabas ang prompt , kung saan ilalagay ang passcode na “nazi” para pasok sa log-in page.
 Sa log-in page, kailangan mai-log-in ang account ni admin. At kapag naka-log-in na si
admin, dito na makaka-access sa mismong admin page na ang nakalagay ay ang table ng mga
orders at request na syang nakabase sa database na pinaglagyan ng mga inputted data ni user.
 Structure of Website

Admin
START 1 2

HOMEPAGE ?
body ?

3
Input passcode

SHOP FILL-UP ORDER BOOKHUB -

GENRES FORM > ORDERS

2 Stored in

BOOKHUB -
REQUEST FILL-UP REQUEST > REQUEST
FORM

1
COMPANY

 CONTACT NUM
CONTACT  EMAIL
 ADDRESS

END

ACCESSING DATABASE DISPLAY TABLE

ORDERS
bookhub TABLE orders

ADMIN PAGE

3 ACCESSING DATABASE

bookhub TABLE request

DISPLAY TABLE
REQUEST