Thesis Documentation

JETTI BICYCLE ONLINE RENT TIME MONITORING and RESERVATION

Ruel John C. Jorca

Dariel P. Cabatingan

Gladys P. Antiga


Western Mindanao State UniversityExternal Studies Unit

Zamboanga City

APPROVAL SHEET

In partial fulfilment of the requirements for the Degree of Bachelor of Science in Computer Science, this Thesis “JETTI’S BICYCLE RENTAL, RESERVATION, and INVENTORY SYSTEM” has been prepared and submitted by Ruel John Jorca, Gladys Antiga, and Dariel Cabatingan.

Approved by:

Engr. Philip Desidore M. BanaagDean of Computer Science

Agnes T. Chavez Mr. Lloyd C. Caburnay Client Thesis Adviser

Mrs. Anafe S. Mariquit Local Campus Administrator


ACKNOWLEDGEMENT

The researchers wishes to express their profound gratitude to countless of people who have contributed most of their precious time, efforts, material resources, moral and spiritual concern in the realization of this paper.

To Professor Engr. Philip Desidore M. Banaag, the Dean of Computer Science who patiently gives series of corrective measure, advises and guidance to make their study possible;

Their loving and ever supportive father, mother, brother, and beloved sister who provide the researchers all the concerns, love, financials, materials and spiritual support in their most difficult times in working with this paper;

To our adviser and our friends who gives ideas and moral support in order to accomplish this piece of work as possible especially in the final preparation of this paper;

Above all, to the Almighty God who made everything possible by providing the wisdom, endurance, strength, and insights from the very start of this study up to its finalization, this piece of work is humbly dedicated.

ABSTRACT

Jetti Bicycle Online Rent Time Monitoring and Reservation Website will enable us to perform much work, faster and easier for the customers who want to book for reservation and easier for the cashier to compute the time consume. The Jetti Bicycle Online Rent Time Monitoring and Reservation Website which helps the customers through giving more information and easy access of communication to the management of the establishment. This Website is intended to be used by administrator, cashier, viewers, and the user who can view the site: All the data are stored in the database where it can be access through internet. This project “Jetti Bicycle Online Rent Time Monitoring and Reservation” done part of the fulfilment of the course IT 412 (Thesis 2).


Chapter 1 (Introduction)

1.1 Background of the study

Jetti Bicycle Online Rent Time Monitoring and Reservation started last June 2014. It is owned by Ms. Agnes T. Chavez and is located at A. Mabini Street, Poblacion Aurora Zamboanga del Sur. Its main business nature is a gasoline station. Their bicycle rental business started with only 12 bikes only. Due to increase in demand, they decided to increase the number of their bikes to 40 as of present inventory. Bikers were mostly town residents and are allowed to take rounds at the town vicinity only. Clients are required to give their basic information including their contact number during every transaction for record purposes. As for this matter, the researchers decided to computerize their manual process that will make it easier for them to transact. There is no computerized system in the establishment; all the transaction and computation are done manually at the cashier. The Jetti Bicycle Online Rent Time Monitoring and Reservation, have two types of bikes available for rent. The City bikes and the Mountain bikes, with ten (10) pesos per hour as rental fee. As for now, they are buying more bikes to accommodate the growing number of individuals who are getting into this new type of recreation.

1.2 Statement of the Problem

To serve their customers better is the main concern of Jetti Bicycle Online Rent Time Monitoring and Reservation. With the increase of demand from their market comes inefficiency regarding customer service and safekeeping. These issues were realized as for all transactions were done manually which includes calculating the time as well as in getting basic information for reservation and other purposes. The current system is difficult to manage, that is why the researchers decided to select this particular establishment to find ways to make transactions easier.

Furthermore, with the increasing numbers of available bicycle and parts, the management find it hard to keep track of some details that might affect the operation of the establishment.


1.3 Research Objective

• To be able to familiarize the establishment’s history, goals and objectives, as well as its contribution to the community.

• To be able to recognize the reservation process of the establishment.

• To recognize the management’s strengths and weaknesses.

• To identify the key areas that needs immediate response from the researchers.

• To synchronize the researchers goals with that of the establishment’s management.

1.4 Research Question

• What kind of establishment is Jetti Bicycle Online Rent Time Monitoring and Reservation?

• How do customer’s avail of the bikes?

• How to reserve a bicycle?

• How they process the payments for rentals?

• What are the management’s concerns regarding the flow of transactions inside the establishment?

1.5 Scope and Limitation of the Research

This research study focused on the major issues with regards to Jetti Bicycle Online Rent Time Monitoring and Reservation. The coverage of the study is the Jetti Gasoline station which will include some of its personnel or its owner in as much as possible depending on their availability as the research respondents.

1.6 Importance of the study


• The outcome of this study will be of great help for the establishment to better improve efficiency and productivity.

• Apart from its future impact on the establishment, this study will fulfil the need of the researchers in sighting establishments that is in need of management upgrading and processes.

• This study enables the researchers to view the transactions and be familiar with the business management.

• The result of this study may also of vital importance as baseline information for other researchers in the conduct of related study


CHAPTER 2 (Review of Related Literature)

2.1 Related Literature

For further understanding of the study, the researchers made use of different reading materials related to the online system. These materials such as books, magazines, newspapers, thesis 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.(http://wikipedia.Org/wiki/website )

Web page

A Web site is a related collection of World Wide Web (WWW) files that includes a beginning file called a home page. A company or an individual tells you how to get to their Web site by giving you the address of their home page. From the home page, you can get to all the other pages on their site. For example, the Web site for IBM has the home page address of http://www.ibm.com. (The home page address actually includes a specific file name like index.html but, as in IBM's case, when a standard default name is set up, users don't have to enter the file name.) IBM's home page address leads to thousands of pages. (But a Web site can also be just a few pages.)

Since site implies a geographic place, a Web site can be confused with a Web server. A server is a computer that holds the files for one or more sites. A very large Web site may be spread over a number of servers in different geographic locations. IBM is a good example; its Web site consists of thousands of files spread out over many servers in world-wide locations. But a more typical example is probably the site you are looking at, whatis.com. We reside on a commercial space provider's server with a number of other sites that have nothing to do with Internet glossaries.(http://en.wikipedia.org/wiki/Website )

What is the reason why Jetti Bicycle Online Rent Time Monitoring and Reservation should have a website?

Through this website people can obtain up-to-date information about their reservation twenty-four hours a day from anywhere in the town.

Some of the information that Jetti Bicycle Online Rent Time Monitoring and Reservation can provide on the website include; information from the


http://en.wikipedia.org/wiki/Website

http://whatis.techtarget.com/definition/server

http://searchsoa.techtarget.com/definition/home-page

http://wikipedia.Org/wiki/website

costumers, updates of their bicycle, wonderful places, real time, time monitoring, automatic computation, and exchange messages from the costumers to the cashier.

What type of website should be best for the Jetti Bicycle Online Rent Time Monitoring and Reservation?

A Dynamic Website should be best for a Jetti’s Bicycle Rental, Reservation, and Inventory System. A dynamic website is one that changes or customizes itself frequently and automatically, based on certain criteria. Dynamic Website can have two types of dynamic activity: Code and Content. Dynamic Code is invisible or bhind the scenes, while dynamic content is visible or fully displayed.(Lloyd C. C., et al. Developing the WMSU Aurora ESU Programmers Guild online system. Aurora Zambo. Sur, 2012)

Dynamic Code

The first type is a webpage with dynamic code. The code is constructed dynamically on the flying using active programming language instead of plain, static HTML.

A website dynamic code refers to its construction or how it built, and more specially refers to the code used to create a single web page. A dynamic page is generated on the fly by piecing together certain blocks of code, procedure or routines.

A dynamically-generated web page recall various bits of information from a database and put them together in pre-defined format to present the reader with a coherent page. It interacts with users in a variety of ways including by reading cookies recognizing user’s pervious history, session variables, server side variable etc.., or by using direct information (form elements, mouse over, etc..). a site can display the currents state of dialogue between users, monitor a changing situation, or provide information in some way personalized to the requirements of the individual user.(http://wikipedia.Org/wiki/website )

Dynamic Content

The second type is a website with dynamic content displayed in plain view. Variable content is displayed dynamically on the fly based on certain criteria, usually by retrieving content stored in a database.



A website with dynamic content refers to how its message, text, images, and other information are displayed on the web page and more especially how its content changes at any given moment. The web page content varies based on certain criteria, either pre-defined rules or variable user input. For example, a website with a database of news articles can used a pre-defined rule which tells it to display all news articles for today’s date. This type of dynamic website will automatically show the most current news articles on any given date. Another example of dynamic content is when a retail website with a database of media products allows a user to input a search request for a keyword Beatles. In response, the content of the web page will spontaneously change the way it look before, and then display a list of product like CD’s, DVD’s and Books.(http://wikipedia.Org/wiki/website)

Purpose of Dynamic Website

The main purpose of a dynamic website is automation. A dynamic website can operate more effective, it is built more efficiently, and is easier to maintain, update, and expand. It is much simpler to build a template and database than to build hundreds of thousands of individuals, static HTML web pages.(http://wikipedia.Org/wiki/website)

What Programming Languages would be used in creating the Jetti Bicycle Online Rent Time Monitoring and Reservation?

There are many languages used in programming and in creating. But languages to be used will depend on the programmers’ knowledge, analysis, and expertise. PHP and CSS are the Languages use in this website.

What is PHP?

PHP is probably the most popular scripting language on the web. It is used to enhance web pages. With PHP, you can do things like create username and password login pages, check details from a form, create forums, picture galleries, surveys, and a whole lot more. If you've come across a web page that ends in PHP, then the author has written some programming code to liven up the plain, old HTML.

PHP is known as a server-sided language. That's because the PHP doesn't get executed on your computer, but on the computer you requested the page from. The results are then handed over to you, and displayed in your browser. Other scripting languages you may have heard of are ASP, Python and Perl.


http://www.homeandlearn.co.uk/php/php1p1.html



The most popular explanation of just what PHP stands for is "Hypertext Pre-processor". But that would make it HPP, surely? An alternative explanation is that the initials come from the earliest version of the program, which was called Personal Home Page Tools. At least you get the letters "PHP" in the right order!

PHP is a server-side scripting language designed for web development but also used as a general-purpose programming language.

PHP code can be simply mixed with HTML code, or it can be used in combination with various templating engines and web frameworks. PHP code is usually processed by a PHP interpreter, which is usually implemented as a web server's native module or a Common Gateway Interface (CGI) executable. After the PHP code is interpreted and executed, the web server sends resulting output to its client, usually in form of a part of the generated web page; for example, PHP code can generate a web page's HTML code, an image, or some other data. PHP has also evolved to include a command-line interface (CLI) capability and can be used in standalone graphical applications.(http://en.wikipedia.org/wiki/PHP)

PHP Scripting

A high-level programming language that is interpreted by another program at runtime rather than compiled by the computer's processor as other programming languages (such as C and C++) are. Scripting languages, which can be embedded within HTML, commonly are used to add functionality to a Web page, such as different menu styles or graphic displays or to serve dynamic advertisements. These types of languages are client-side scripting languages, affecting the data that the end user sees in a browser window. Other scripting languages are server-side scripting languages that manipulate the data, usually in a database, on the server.

Scripting languages came about largely because of the development of the Internet as a communications tool. JavaScript, ASP, JSP, PHP, Perl, Tcl and Python are examples of scripting languages.(http://www.webopedia.com/TERM/S/scripting_language.html)

September 9 2014- Proposal

Reasons for Using PHP

What is CSS Scripting?


http://www.webopedia.com/TERM/P/Python.html

http://www.webopedia.com/TERM/T/TCL.html

http://www.webopedia.com/TERM/P/Perl.html

http://www.webopedia.com/TERM/P/PHP.html

http://www.webopedia.com/TERM/J/JSP.html

http://www.webopedia.com/TERM/A/active_server_pages.html

http://www.webopedia.com/TERM/J/JavaScript.html

http://www.webopedia.com/TERM/D/database.html

http://www.webopedia.com/TERM/S/server.html

http://www.webopedia.com/TERM/B/browser.html

http://www.webopedia.com/TERM/C/client.html

http://www.webopedia.com/TERM/D/dynamic.html

http://www.webopedia.com/TERM/H/HTML.html

http://www.webopedia.com/TERM/C/C_plus_plus.html

http://www.webopedia.com/TERM/C/C.html

http://www.webopedia.com/TERM/C/compiler.html

http://www.webopedia.com/TERM/R/runtime.html

http://www.webopedia.com/TERM/I/interpreter.html

http://www.webopedia.com/TERM/H/high_level_language.html

http://en.wikipedia.org/wiki/Graphical_user_interface

http://en.wikipedia.org/wiki/Computer_software

http://en.wikipedia.org/wiki/Command-line_interface

http://en.wikipedia.org/wiki/Common_Gateway_Interface

http://en.wikipedia.org/wiki/Plugin_(computing)

http://en.wikipedia.org/wiki/Interpreter_(computing)

http://en.wikipedia.org/wiki/Web_framework

http://en.wikipedia.org/wiki/Web_template_system

http://en.wikipedia.org/wiki/HTML

http://en.wikipedia.org/wiki/General-purpose_programming_language

http://en.wikipedia.org/wiki/Web_development

http://en.wikipedia.org/wiki/Server-side_scripting

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language. While most often used to change the style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any kind of XML document, including plain XML, SVG and XUL. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging WebPages, user interfaces for web applications, and user interfaces for many mobile applications.[1]

CSS is designed primarily to enable the separation of document content from document presentation, including elements such as the layout, colors, and fonts.[2] This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content, such as semantically insignificant tables that were widely used to format pages before consistent CSS rendering was available in all major browsers. CSS makes it possible to separate presentation instructions from the HTML content in a separate file or style section of the HTML file. For each matching HTML element, it provides a list of formatting instructions. For example, a CSS rule might specify that "all heading 1 elements should be bold," leaving pure semantic HTML markup that asserts "this text is a level 1 heading" without formatting code such as a <bold> tag indicating how such text should be displayed.

This separation of formatting and content makes it possible to present the same markup page in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. It can also be used to display the web page differently depending on the screen size or device on which it is being viewed. While the author of a web page typically links to a CSS file within the markup file, readers can specify a different style sheet, such as a CSS file stored on their own computer, to override the one the author has specified. If the author or the reader did not link the document to a style sheet, the default style of the browser will be applied. Another advantage of CSS is that aesthetic changes to the graphic design of a document (or hundreds of documents) can be changed quickly and easily, by editing a few lines in one file, rather than by a laborious (and thus expensive) process of crawling over every document line by line, changing markup.

The CSS specification describes a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.(http://en.wikipedia.org/wiki/Cascading_Style_Sheets)


http://en.wikipedia.org/wiki/Graphic_design

http://en.wikipedia.org/wiki/Braille_display

http://en.wikipedia.org/wiki/Screen_reader

http://en.wikipedia.org/wiki/Screen_reader

http://en.wikipedia.org/wiki/Bold

http://en.wikipedia.org/wiki/HTML_element

http://en.wikipedia.org/wiki/HTML_element

http://en.wikipedia.org/wiki/Accessibility

http://en.wikipedia.org/wiki/Cascading_Style_Sheets#cite_note-2

http://en.wikipedia.org/wiki/Typeface

http://en.wikipedia.org/wiki/Color

http://en.wikipedia.org/wiki/Page_layout

http://en.wikipedia.org/wiki/Separation_of_presentation_and_content

http://en.wikipedia.org/wiki/Separation_of_presentation_and_content

http://en.wikipedia.org/wiki/Cascading_Style_Sheets#cite_note-1

http://en.wikipedia.org/wiki/Web_applications

http://en.wikipedia.org/wiki/JavaScript

http://en.wikipedia.org/wiki/XUL

http://en.wikipedia.org/wiki/Scalable_Vector_Graphics

http://en.wikipedia.org/wiki/Plain_Old_XML

http://en.wikipedia.org/wiki/XML

http://en.wikipedia.org/wiki/XHTML

http://en.wikipedia.org/wiki/HTML

http://en.wikipedia.org/wiki/Web_page

http://en.wikipedia.org/wiki/Markup_language

http://en.wikipedia.org/wiki/Presentation_semantics

http://en.wikipedia.org/wiki/Style_sheet_language

Why use CSS?

Use CSS to define styles for your documents, including the design, layout and variations in display for different devices and screen sizes. You can place your CSS in the <head> of a document with an embedded style sheet, or attach a separate file that defines your styles with an external style sheet. To link an external style sheet to your document, you'll simply add a link to the style sheet in the <head> of the document.

An external style sheet has many advantages. Keeping the styles separate from your HTML content:

Helps avoid duplication Makes maintenance easier Allows you to make a site-wide change in one place

(https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Why_use_CSS)

2.2 Web Programming Languages

The following are the different programming languages that helped in the development of this system by creating and editing on web.

HTML (Hyper Text Markup Languages)

Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages.

Macromedia Dreamweaver 8

From Adobe is the industry-leading web development tool that lets you efficiently design, develop and maintain standards-based websites and applications.

PHP (Hypertext Pre-processor)

Is a server-side scripting language designed for web development but also used as a general-purpose programming language.

XAMPP


XAMPP’s name is acronym for: X(to be reads as “cross”, meaning cross flat form), Apache HTTP server, My SQL, PHP and PERL. It is a free and open source cross-platform web server solution stack package, consisting mainly of a Apache HTTP server, My SQL database, and interprets for scripts written in PHP and PERL programming languages.

Adobe Photoshop

It is a graphical popular for its extensive amount of features. It is also leading graphics editing application. It can create any effect or style needed in drawing or painting or layout. It is best with images that have complex textures, blends and photo realism.

CSS

Is designed primarily to enable the separation of document content from document presentation, including elements such as the layout, colours, and fonts.

2.3 Definition of Terms

Application

A computer program with a user interface or being a computer program designed for a specific task or use.

Menus

A list shown on the display of a computer from which a user can select the operation the computer is to perform.

E-learning

Electronic Learning; is the process of learning online, especially via internet.

SQL (Structured Query Language)

Is the standard language for interacting with relational database.

My SQL


A free relational database management system (RDMS) available on most platforms under the General Public License (GPL).

Pop-Up Menu

A menu that appears temporarily when clicks the mouse button on a selection.

Pull Down Menu

A special type of pop-up menu that appears beneath the command selected.

Online

Is a condition of being connected to a network of computer or other devices. The term is frequently used to describe someone who is currently connected to the internet.

Software

Is a general term for the various kinds of programs used to operate computers and related devices.

Login

Is an account that determines either he/she is an authorized to enter.

Database

Provides an overall framework that avoids raunchy and supports a real time dynamic environment.

Username

Is a name you create or want to be identified with.

Password

A secrete word or string of characters that is uses for authentication to prove identify or gain access to resource.

Error


Mistake/problem occurred in the codes and links made by the developer of said website.

View

Display details of information.

Update

A piece of software designed to fixed problem with.

Edit

To change the misspelled date being stored in the database.

Delete

To remove the unnecessary or data in the database.

Homepage

Is the first page of the website.


CHAPTER 3 (DESCRIPTION OF THE SYSTEM)

3.1 System Overview

The proposed system is entitled “Jetti Bicycle Online Rent Time Monitoring and Reservation”. This website will help make rental reservations, view rental reports and the manual recording of costumer information's and keeping their records for faster retrieval any time they want.

There are four types of user; namely the administrator who holds the settings and all the information about the costumers, establishment, and theirs services, the cashier who compute the time use and accept the reservation, the members who can reserve bicycle through online and the viewers who views the details.

3.2 System General Objective

• The Jetti Bicycle Online Rent Time Monitoring and Reservation is a website that will improves their rental process, reservation process, to help the management to get a reliable information of the costumers, and to help the management to promote their services. For easier and faster retrieval of files when needed.

3.3 System Specific Objectives

Basically the main concern of this proposed system is to speed up the rental process and reservation of the costumers.

To process the reservation through online. To make the management and the costumers to be computer

inclined. To accept reservation and decline when no vacant at all. To help the management gathered valid information to the

costumers. To help the manual works by developing new software that would

do the works automatically. For easier and faster retrieval of files when needed.


3.4 System Scope and Limitation

There are four users in this system namely; the admin, cashier, members, and viewers.

The Admin can manage everything except the information about the members. The cashier can manage the time monitoring and calculate time consume. The members can reserve a bicycle and leave a message through online. The viewers can only view the website they can’t reserve or leave a message they need to register first. The system would be responsible for updating and getting information to the costumers. And has the capacity to accept reservation through Online.

This system does not involved money transaction, because paying for their total time consume must be done manually and does not include personal background.


3.1.1

HIPO


MEMBER

VIEW

DELETE

FEATURED BICYCLE

ADD

EDIT

REMOVE

VIEW

FEATURED LOCATION

ADD

DELETE

VIEW

EDIT

MESSAGE

CREATE

INBOX SENT

VIEW

REPLY

DELETE

VIEW

DELETE

X P

NEWS & UPDATE

ADD

DELETE

VIEW

EDIT

ABOUT US

VIEW

EDIT

CONTACT US

VIEW

FIND US

VIEW

TERMS & CONDITIONS

VIEW

EDIT EDIT EDIT

P

B1

VIEW ALL

MEMBER LOG-INRENTAL FEENEW & UPDATEFEATURED BIKESFEATURED BIKING LOCATIONREGISTER

VIEW

HOME

Jetti Bicycle Rental, Reservation and Inventory

GENERAL USER

MEMBER

CASHIER

ADMIN

VIEW FORM

VIEW

VIEWVIEW VI

EW

VIEW

BIKES VI

EW

IN USE

VIEW

RESERVED

VIEW

AVAILABLE

VIEW

TERMS & PRIVACY

FIND US

ABOUT US

VIEW

VIEW

VIEW

STOPPAYMENT

INFORMATION

SELECT PARTS DAMAGE

PAID

DAMAGE

STATEMENTDAMAGE FEE

XTIME MONITORING

HOME

VIEW

RESERVATION

Z

BICYCLE Y

TRANSACTION

C

SETTINGS

D

A1


REQUEST

VIEW

APPROVED

DISAPPROVED

APPROVED

VIEW

CANCEL

START

DISAPPROVED

VIEW

EXPIRED

VIEW

ADD

MESSAGE

W

M VIEW ALL

VIEW

ADD

EDIT

IN USE

VIEW

AVAILABLE

VIEW

RESERVED

VIEW

DAMAGE

VIEW

DELETE

ADD

ADD

HOME RESERVATION

TIMEMONITORING

BICYCLE SETTINGS

TRANSACTION

B1

VIEW STOP

PAYMENT INFORMATION

DAMAGE

W M S U

SELECT PARTS DAMAGE

STATEMENT

DAMAGE FEE

PAID

H

RESERVATION

TIMEMONITORING

BICYCLE

VIEW VI

EWCANCEL

EDIT

ADD

REQUEST

VIEW ALL

IN USE

AVAILADBLE

RESERVED

DAMAGED

VIEW

ABOUT US

CONTACT US

VIEW

VIEW

VIEW

VIEW

VIEW

VIEW

MESSAGE

CREATE

SENT

VIEW

REPLY

INBOX

DELETE

VIEW

DELETE

FEATURED BICYCLE

VIEW

FEATURED BICYCLE

VIEW

A1


MEMBER

VIEW

FEATURED BICYCLE

VIEW

FEATURED LOCATION

VIEW

MESSAGE

CREATE

INBOX SENT

VIEW

REPLY

VIEW

H G

NEWS & UPDATE

VIEW

ABOUT US

VIEW

CONTACT US

VIEW

FIND US

VIEW

TERMS & CONDITIONS

VIEW

G

S

RENT

VIEW

INVENTORY

ALL BICYCLES DAMAGE

VIEW VIEW

REPORT

RENT

VIEW

DAMAGE

VIEW

CONDITION

VIEW

VIEW

VIEW

VIEW

VIEW

SUPPLIER

TYPE

CLASS

UCOLOR

VIEW

SIZE


REQUEST

VIEW

Z

APPROVEDDISAPPROVED

APPROVED

VIEWSTARTCANCEL MESS

AGE

DISAPPROVED

VIEWDELETE

EXPIRED VI

EWDELETE

ADD

Y VIEW ALL

VIEWADD

EDIT

IN USE

VIEW

AVAILABLE

VIEW

RESERVED

VIEW

DAMAGE

ADD

VIEWDELETEADD

C

RENT VI

EW

INVENTORY

ALL BICYCLES VI

EW

RENT VI

EW

REPORTD RE

NTDAMAGE

VIEW VI

EW

SUPPLIER

VIEW

ADD

EDIT

DELETE

TYPE

VIEW

ADD

EDIT

DELETE

CLASS

VIEW

ADD

EDIT

DELETE

O

CONDITION

O

COLOR

VIEW

ADD

EDIT

DELETE

SIZE

VIEW

ADD

EDIT

DELETE

VIEW

ADD

EDIT

DELETE

D

3.1.2

CONTEXT DIAGRAM


JETTI BICYCLE RENTAL

RESERVATION AND

INVENTORY

ADMINISTRATOR

Edit & view accountAdd, stop & view renter

monitoringAdd, delete, cancel & view reservationApprove, disapprove & view

reservation requestAdd, edit, delete, & view bicycleView In use

bicycleView available bicycleView damage

bicycleView reserved bicycle

Viewed reserved bicycle

Viewed damage bicycle

Viewed available bicycle

Viewed In use bicycle

Added, updated, deleted, & viewed bicycle

Approved, disapproved & viewed reservation request

Added, deleted, cancelled& viewed reservation

Added, stopped & viewed renter monitoring

Updated & viewed account

ADMINISTRATOR

1

ADMINISTRATOR

ADMINISTRATOR


RESERVATION AND

INVENTORY

Add, edit, delete, & view settingsAdd, edit, delete, & view

bicycle color

Added, updated, deleted, & viewed bicycle class

Added, updated, deleted, & viewed bicycle type

Added, updated, deleted, & viewed bicycle color

Added, updated, deleted, & viewed settings

View transactionView reports

View inventoryView rent Viewed rent

Viewed reports

View transaction

Viewed inventory

Add, edit, delete, & view bicycle typeAdd, edit, delete, & view

bicycle class

1


Added, edited, deleted, & viewed bicycle parts

Add, edit, delete, & view bicycle condition

Add, edit, delete, & view bicycle supplier

Add, edit, delete, & view bicycle size

Add, edit, delete, & view bicycle parts

ADMINISTRATOR

ADMINISTRATOR


RESERVATION AND

INVENTORY

Added, updated, deleted, & viewed bicycle condition

Added, updated, deleted, & viewed bicycle supplier

Added, updated, deleted, & viewed bicycle size

Reply, delete, & view messageDelete, & view membersAdd, edit, delete, & view news

and updatesAdd, edit, remove, & view featured bicycleAdd, edit, delete, & view featured

biking locationAdded, updated, deleted, & viewed featured biking location

Added, updated, removed, & viewed featured bicycle

Deleted, & viewed members

Replied, deleted, & viewed message

Added, updated, deleted, & viewed news and updates

1

Updated & viewed terms and condition

ADMINISTRATOR

ADMINISTRATOR


RESERVATION AND

INVENTORY

Update & view about usUpdate & view find us

Update & view terms and conditionLogin Confirm

login

Updated & viewed find usUpdated & viewed about us

3

CASHIER

CASHIER


RESERVATION AND

INVENTORY

Edit & view accountAdd, stop & view renter

monitoringAdd, delete, cancel & view reservation Approve, disapprove & view

reservation request View bicycleView In use bicycleView available

bicycleView damage bicycleView reserved

bicycleViewed reserved bicycle




Viewed bicycleApproved, disapproved & viewed reservation request

Added, deleted, cancelled& viewed reservation

Added, stopped & viewed renter monitoring

Updated & viewed account3

Reply, & view messageView members

View news and updatesView featured bicycle

View featured biking location

CASHIER

CASHIER


RESERVATION AND

INVENTORY

View transactionView

reportsView inventoryView rent Viewed rent

Viewed reports

View transaction

Viewed inventory

Viewed featured biking location

Viewed featured bicycle

Viewed membersReplied, & viewed message

Viewed news and updates

3


View about usView find us

View terms and conditionLogin

CASHIER

CASHIER


RESERVATION AND

INVENTORY

Viewed find usViewed about us

Viewed terms and condition

Confirm login

3

MEMBER

MEMBER


RESERVATION AND

INVENTORY

Edit & view accountView time monitoring

Add, cancel & view reservation View reservation

request View bicycleView In use bicycleView available

bicycleView damage bicycleView reserved

bicycleViewed reserved bicycle




Viewed bicycleViewed reservation request

Added, cancelled& viewed reservation

Viewed timer monitoringUpdated & viewed account3


View news and updatesView featured bicycle

View membersCreate, Reply, delete, & view message



Viewed membersCreated, replied, delete, & viewed message




Confirm login


View terms and conditionLogin

MEMBER

MEMBER


RESERVATION AND

INVENTORY

3


View terms and condition


View featured bicycleView news and updates






View home

View bicycle Viewed bicycleViewed home

VIEWER

VIEWER


RESERVATION AND

INVENTORY

4


ViewAdd

ADMIN

ADMIN

TRANSACTION PAGE

TRANSACTION FILE

SETTINGS PAGE

SETTINGS FILEEdit

Delete

Transaction

View transaction

Transaction details

Settings details

Update the settings page

Settings confirmation page

Message details

ViewDeleteMember

confirmation page

ReplyDelete

Message confirmation page

Update the member

ViewUpdate the messageADM

INADM

INMESSAGE

PAGE

MESSAGES FILE

MEMBER PAGE

MEMBER FILE

Member details

Stop

Display time monitor page

Renter monitoring details Renter monitoring

confirmation page

Update the renter monitoringAdd

View

ADMIN

ADMIN

RENTER MONITORIN

G PAGE

RENTER MONITORING FILE

Username and Password

VERIFY USERNAME

AND PASSWORD

LOG-IN FILE

Admin Account details

Bicycle confirmation page

Delete

EditAdd

Update the bicycle page

Reservation details

Bicycle details

AddView

Update the reservation request pageADM

INADM

INRESERVATIO

N PAGE

RESERVATION FILE

BICYCLE PAGE

BICYCLE FILE

Cancel

Approved Disapproved

Reservation request confirmation page

View


ViewUpdate the featured bicycle

AddEdit

DeleteFeatured bicycle

confirmation page

New & updates confirmation page

Delete

EditAddView

Update the news & updatesADM

INADM

INNEWS &

UPDATES PAGE

NEWS & UPDATES FILE

FEATURED BICYCLE

PAGE

FEATURED BICYCLE FILE

News & updates details

Featured bicycle details

ViewUpdate the about us

EditAbout us confirmation page

Featured biking location confirmation page

Remove

EditView

Update the featured biking location

Featured biking location details

About us details

ADMIN

ADMIN

FEATURED BIKING

LOCATION PAGE

FEATURED BIKING LOCATION

FILE

ABOUT US PAGE

ABOUT US FILE

CASHIER

CASHIER

RENTER MONITORIN

G PAGE

RENTER MONITORING FILE

VERIFY USERNAME

AND PASSWORD

LOG-IN FILE


Display time monitor page

Update the renter monitoringAdd

View

Renter monitoring confirmation page

Cashier Account details

Stop

Renter monitoring details

Find us details

Terms and privacy details

View

Find us confirmation page

ViewEdit

Update the terms and privacy

EditTerms and privacy confirmation page

Update the find usADM

INADM

INFIND US

PAGEFIND US FILE

TERMS AND PRIVACY

PAGE

TERMS AND PRIVACY FILE


Reservation details

Bicycle page

Bicycle details


Disapproved

Approved

Add RESERVATION PAGE

RESERVATION FILE

BICYCLE PAGE

BICYCLE FILE

CASHIER

CASHIER

Update the reservation request pageVi

ewCan

cel

View

View

Transaction

View

Transaction details

TRANSACTION PAGE

TRANSACTION FILE

CASHIER

CASHIER

MESSAGE PAGE

MESSAGES FILE

Message details

Update the bicycle page

ReplyMessage

confirmation page

Member

View

Member details

View

News & updates

MEMBER PAGE

MEMBER FILE

CASHIER

CASHIER

NEWS & UPDATES

PAGE

NEWS & UPDATES FILE


Featured bicycle Featured bicycle

detailsView

Featured biking location


FEATURED BICYCLE

PAGE


CASHIER

CASHIER

FEATURED BIKING

LOCATION PAGE

FEATURED BIKING LOCATION FILE

View


View

Update the about us

About us details

Update the find us

Find us details

CASHIER

CASHIER

ABOUT US PAGE

ABOUT US FILE

FIND US PAGE

FIND US FILE

View

CASHIERCASHIER

Find us

View

TERMS AND PRIVACY

PAGE



View

Update the about us

About us details

details

Update the find us

Find us details

details

CASHIER

CASHIER

ABOUT US PAGE

ABOUT US FILE

FIND US PAGE

FIND US FILE

View

CASHIERCASHIER

Find us

View

TERMS AND PRIVACY

PAGE





Display Time monitoring page

Cashier Account details

MEMBERMEMBER

VERIFY USERNAME

AND PASSWORD

LOG-IN FILE

RENTER MONITORIN

G PAGE

TIME MONITORING FILE

Time monitoring

View

Time monitoring details


RESERVATION PAGE

Reservation details

MEMBERMEMBER

BICYCLE PAGE

BICYCLE FILE

RESERVATION FILEAdd

Update the reservation request page Vi

ewCan

cel

Bicycle page

View

Bicycle details

Delete

Message confirmation page

Reply

Update the messageView Message

details

View

News & updates

MESSAGE PAGE

MESSAGES FILE

MEMBERMEMBER

NEWS & UPDATES

PAGE

NEWS & UPDATES FILE


Featured bicycle


View



View

FEATURED BICYCLE

PAGE


FEATURED BIKING

LOCATION PAGE


FILE

MEMBERMEMBER


View

View

About us

About us details

Find us

Find us details

ABOUT US PAGE

ABOUT US FILE

FIND US PAGE

FIND US FILE

MEMBERMEMBER

Terms & Privacy

View

TERMS AND PRIVACY

PAGE



MEMBERMEMBER

Home

Display home

Home details

VIEWER

VIEWER

HOME PAGE HOME FILE

BICYCLE PAGE

BICYCLE FILE

Bicycle

View

Bicycle details

View

About us

About us details

Find us

Find us details

View

VIEWER

VIEWER

ABOUT US PAGE

ABOUT US FILE

FIND US PAGE

FIND US FILE


Registration details


RegistrationView

View

News & updates

Fill up

MESSAGE PAGE

REGISTRATION FILE

NEWS & UPDATES

PAGE

NEWS & UPDATES FILE

VIEWER

VIEWER

Featured bicycle


View



View

FEATURED BICYCLE

PAGE


FEATURED BIKING

LOCATION PAGE


FILE

VIEWER

VIEWER

View

About us

About us details

Find us

Find us details

View

ABOUT US PAGE

ABOUT US FILE

FIND US PAGE

FIND US FILE

VIEWER

VIEWER

Terms & Privacy

View

TERMS AND

PRIVACY PAGE



VIEWER

VIEWER

Chapter IV

METHODOLOGYPHASES OF SYSTEM DEVELOPMENT


Database

Analyzing

Documentation

System

System

Testing and

System

SYSTEM ACTIVITIES AND DURATION

Phase 1 (System Planning)

Activity Duration

Research for what type of system to make

Deciding for what the System to be used

Looking for the system to build

Deciding for the title of the system

Initial interview

Assign task to group mate

Searching for the possible codes used

Planning for Possible problem encountered

Additional Research on the system

Follow-Up Interview

Arranging data gathered

Group consultation about their task


Phase II (Analyzing System)

Activity Duration

Gathered Information to be continue for the system

Analyzing for how many uses of the system

Analyzing for Admin function

Analyzing for the cashier staff function

Analyzing for the members function

Analyzing for the viewers function

Analyzing for the possible problem encountered

Make chart for the analyze data

Follow-up interview

Adding features from follow-up interview

Finalized the Analysis


Phase III (Documentation Making)

Activity Duration

Gathering analyzed data for documentation

Making research information

Making the review of related literature

Making the system information

Making the hierarchical sitemap

Making the context diagram

Making the data flow diagram

Making information about the User Module

Making the Gantt chart

Making chart for the phases of Web Development

Planning for the continuation


Phase IV (System Designing)

Activity Duration

Receiving the User Module for designing

Gathering Logo and Images for the design

Creating GUI for the Logged in Admin

Creating GUI for the Logged in cash staff

Creating GUI for the Logged in Members

Creating GUI for the Logged in Viewers

Discussed the design improvement

Finalizing the design


Phase V (Database Coding)

Activity Duration

Designing Database and Tables

Coding for User Registration

Coding for Adding, Editing, Deleting, and Updating Information

Coding for the Messaging

Coding for Uploading files

Coding for Time Monitoring

Finalization and code reviews


Phase VI (Testing and Debugging)

Activity Duration

Test Website on Different Browsers

Run System and Perform Sample Operation

Coding for Operation Trappings and debugs

Adding Features for System Improvement

Fixing Errors

Finalized for System Delivery


PROJECT COSTING

Documentation Cost

Documentation Cost-refers to the amount needed regarding the Website Developing. Such as User’s Manual, Initial Draft of documentation, Final documentation, and any related website developing.


Chapter VI Conclusion and Recommendations

If you are a member of Jetti Bicycle Online Rent Time Monitoring and Reservation, you can easily reserve a bicycle and ask question or message to the cashier if you have some trouble regarding their rules through online. This system varies less time consuming and decrease the cost of time because you are not personally talk to the owner of the establishment through the use of the online system.

The researchers found out that in making a system short time is not enough in developing a system. As developer’s highly recommended to those people who are planning to make a system, you have to plan, analyze, focus, and understand your system to make it simple and clear to the user accessible to understand.


Republic of the PhilippinesWestern Mindanao State University Aurora External Studies Unit

Bachelor of Science in Computer ScienceAurora Zamboanga Del Sur

Computer Science Department

June 30, 2014

Dear Ms. Agnes T. Chavez

The undersigned is graduating student of BSCS of the Western Mindanao State University, Aurora Zamboanga Del Sur and is presently conducting a research paper entitled “Jetti Bicycle Online Rent Time Monitoring and Reservation” in partial fulfilment of the requirements for the degree of Bachelor of Science in computer science.

In view thereof, may I request your wholehearted support to be our willing client in the light of our research I would like to schedule a 40-60 minute interview with you at your convenience rest assure that your response will be treated with almost confidentially.

Thank you and my highest respect.

Sincerely yours,

Gladys P. AntigaBSCS IV Student


BIBLIOGRAPHY

Book/s:

Lloyd C. C., et al. Developing the WMSU Aurora ESU Programmers Guild online system. Aurora Zambo. Sur, 2012

Internet:

www.developphp.comwww.youtube.comwww.google.comwww.answer.comwww.osalt.com


http://www.osalt.com/

http://www.answer.com/

http://www.google.com/

http://www.youtube.com/

http://www.developphp.com/

Curriculum vitae:

Name: GLADYS P. ANTIGA

Date of Birth: MAY 19, 1995

Sex: FEMALE

Civil Status: SINGLE

Religion: ROMAN CATHOLIC

Home Address: GUBAAN, AURORA, ZAMBOANGA DEL SUR

Parents: Mr. OMAR P. ANTIGA Mrs. ELVINA P. ANTIGA

Education BackgroundsUndergraduate Course: WMSU-Western Mindanao State University Secondary Education: APMC-Aurora Pioneers Memorial CollegeElementary Education: ARPS-Aurora Regional Pilot School

Worked Experience (OJT)At MIFAMCO- Midsalip Farmers Cooperative with two months experience.


PICTURE

Name:

Date of Birth:

Sex: MALE


Religion:


Parents: Mr. Mrs.

Education BackgroundsUndergraduate Course: Secondary Education: Elementary Education:

Worked Experience (OJT)


PICTURE

Curriculum vitae:

Name:

Date of Birth:

Sex: MALE


Religion:


Parents: Mr. Mrs.

Education BackgroundsUndergraduate Course: Secondary Education: Elementary Education:

Worked Experience (OJT)


PICTURE

Thesis Documentation

Documents

Transcript of Thesis Documentation