145
QUEZON CITY POLYTECHNIC E-BOOKS AND SALES MONITORING ONLINE SYSTEM FOR INNOVA OPTICS AND DENTAL SPECIALISTS A Project Paper Presented to The Faculty of Information Technology Quezon City Polytechnic University In Partial Fulfillment Of the Requirements for the Systems Analysis and Design Requirement # 1 By Danao, Gerrard B. Dañao, Kenneth BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY

Software Innova Dental and Optical2

Embed Size (px)

Citation preview

Page 1: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

E-BOOKS AND SALES MONITORING ONLINE SYSTEM FOR INNOVA OPTICS AND DENTAL SPECIALISTS

A Project PaperPresented to

The Faculty of Information TechnologyQuezon City Polytechnic University

In Partial FulfillmentOf the Requirements for the Systems Analysis and Design

Requirement # 1

By

Danao, Gerrard B.Dañao, Kenneth

Escueta, Michael S.Estellero, Jonathan C.

April 2010

BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY

Page 2: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

In partial fulfillment of the requirements for the Systems Analysis and Design, this project study entitled “E-BOOKS AND SALES MONITORING ONLINE SYSTEM FOR INNOVA OPTICS AND DENTAL SPECIALISTS ”, has been prepared and submitted by Danao, Gerard B. , Dañar, Kenneth , Escueta, Michael S. , Estellero, Jonathan C. , who is hereby recommended for oral examination.

FEBWIN E. VILLACERAN, MEng (ECE), SBET Adviser

Approved by the committee on Oral Examination with a grade of

_________.

Date: __________________

ii

Page 3: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

DEDICATION

This thesis is dedicated to our parents that given us support

in all aspect and to our professors that teaches us on how

to fulfill our goals and our friends and to our God almighty.

ABSTRACT

iii

iv

Page 4: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Page 5: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

TABLE OF CONTENTS

Title Page…………………………………………iApproval Sheet………………………………….. iiDedication……………………………………….. iiiAbstract…………………………………………… ivList of Tables……………………………………... ixList of Figures……………………………………. xii

Chapter

1 PROJECT AND ITS SETTINGIntroduction 1

Background of the Study 2

Company Problem Statement 3

Objectives of the Study 4

General Objectives 4

Current IT Environment/ Infrastructure 5

1. Hardware Specifications 6

2. Software Specifications 7

3. Network Architecture 8

4. Manpower 8

5. Backup Recovery 8

Data Requirements 9

a. Forms 9

Page 6: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Chapter 1

1

Page 7: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

THE PROJECT AND ITS SETTING

1.0 Introduction

The system design process usually involves creating and

evaluating a number of possible designs. The researcher team

discussed the advantages and disadvantages of each of these. The

design that was conceived accepted may be the most appropriate

technically but, more often than not, other factors such as the need for

compatibility with other systems, the need to use company standards,

the need to minimize risks in other parts of the system govern the

ultimate design choice. The design is simply represented as a

specification of the system which is to be implemented.

The E-Books and Sales Monitoring System is a complete

inexpensive system for management of sales, purchases, payments

and customer records. This system will help the user in creating

invoices, sales orders, service/s rendered, customer profiles and any

kind of the reports for monitoring the business. Inventory System

allows controlling customer balances and vendor balances.

The E-Books and Sales Monitoring System is an on-line

website for the Innova Dental and Optical Clinic. This system is

especially intended for storage of data covering all the transactions in

2

Page 8: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

the clinic, for the on-line sharing of each branch of the company and to

advertise the its services being offered. The system is developed

through HTML, Php and a little JavaScript scripting codes using

Dreamweaver Cs3 software, phpMyadmin and Apache in Xampp

software.

The system provides an interaction between company and the

guests/visitors of the system. The partners of the clinic can share the

sales and transactions privately, because of the confidential nature of

sales and transactions. In this kind of process, the system provides

security in all records of the company and no one can easily access the

sales record unless the person is permitted to do so. The guests can

interact with the owner through sending suggestions, questions and

recommendations at via email.

The developers of the new system can refine its design by

breaking the system down into smaller tasks and then estimating the

time spent to complete it. The focus of this study is the use of many

tools with a collaborative mindset of the developers to systematically

improve business through the implementation of a new information

system. System developers can enhance in its learning through the

application of new techniques and tools.

2.0 Background of the Study

3

Page 9: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

INNOVA OPTICS and DENTAL SPECIALISTS is an optical and

dental clinic located at 2nd Floor Susano Complex, Quirino Hi-Way,

Novaliches, Quezon City. It was started on December 11, 2004 with

one(1) staff dentist and a medical secretary. The Innova Optics and

Dental Specialist is owned by Dr. Rhona M. Subagan, a Doctor of

Dental Medicine who graduated from National University (NU). The

Clinic has a partnership with Optical Clinic owned by Dr. Armila David-

Cablay and has a branch located at Sampaloc, Manila.

` The Innova Optics and Dental Specialists offers Consultation,

Extraction, Restoration, Prophylaxis, RCT, Denture and X-Ray. This

clinic does not have any computer based system for its business even

though they have an existing computer system.

Clinic’s Mission:

           INNOVA OPTICS and DENTAL SPECIALISTS strives to meet the

needs of its customers for total value by offering a good service.

Clinic’s Vision:

            Years form now Innova Optics and Dental Specialists will grow

and expand its business by consistently providing a good and afford-

able service for its customers.

4

Page 10: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

The problems of Innova Optics and Dental Specialists has an

unorganized compilation of different patient records and lack of

information regarding account receivables and payables that will be

useful in determining if the company is making profit or not. The

researchers choose the Innova Optics and Dental Specialists in order to

make their replace their existing system and transform it into a new

and most effective system possible for its improvement.

3.0 Statement of the Problem

Based on the interview conducted at the Innova Optics and

Dental Specialists, it was discovered that the clinic has an unorganized

compilation of different patient records and lack of information

regarding account receivables and payables that will be useful in

determining if the company is making profit or not.

4.0 General Objectives

To provide the most effective system for the improvement of

Innova Dental and Optical Clinic patients record system by designing e-

Book and Sales Monitoring Online System.

5.0 Specific Objectives

5

Page 11: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

A useful system is essential to ensuring the use and acceptance

of the information system; there are several specific objectives that

the researchers try to attain when designing a system:

To develop an E-Book and Sales Online Monitoring System

that is searchable through the use of the net.

To make the system user-friendly

To lessen the difficulties while searching files for follow-up

To monitor the sales and generate reports of the company

To advertise the companies services using the website

6.0 Current IT Environment/Infrastructure

6

Page 12: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Innova optics and dental specialist uses one laptop (Dual core

2.50 GHz) and software operating system (Windows Vista Home

edition) for the operations of the unit.

6.1 Hardware Specifications

HARDWARE

Acer Laptop

Intel Dual Core 2.5 Ghz

2GB DDR2 Memory

14” LCD

160GB HDD Samsung

Table 1 Hardware Specifications

(Source: Innova Optics and Dental Specialists)

6.2 Software Specifications

SOFTWARE Specs

Windows Vista Home

Edition

Microsoft office 2007

Avast Antivirus

Adobe Reader 9

Yahoo Messenger

Table 2 Software Specifications

(Source: Innova Optics and Dental Specialists)

7

Page 13: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

6.3 Network Architecture

Not Available

6.4 Manpower

The company has one employee/staff and a manager who is the

owner.

6.5 Backup Recovery

All the records and transactions are stored in a drawer or storage

box.

7.0 Process/Data Flow Diagrams

Data flow diagrams are used to describe how the system trans-

forms information.  They define how information is processed and

stored and identify how the information flows through the processes.

 

When building a data flow diagram, the following items should be con-

sidered:

 

1.  Where does the data that passes through the system come

from and where does it go?

 

   2. What happens to the data once it enters the system (i.e., the

inputs) and before it leaves the system (i.e., the outputs)?

 

Page 14: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

   3.  What delays occur between the inputs and outputs (i.e.,

identifying the need for data stores)? 

When systems researchers attempt to understand the

information requirements of users, researchers must be able to

conceptualize how data

move through the Innova Dental and Optical clinic, the process of

transformation that the data undergo, and what the outputs are, so

these are the process and data flow of the existing system of the said

company.

8

Page 15: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

7.1 Data Flow

Figure 1 Data Flow Diagram of the Existing System

9

Page 16: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

(Source: Innova Optics and Dental Specialists)

8.0 Data Requirements

8.1 Forms

8.1.1 List of Forms

Dental Form

Optical Form

8.1.2 Layout of Forms

10

Page 17: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Table 3 Dental Form

(Source: Innova Optics and Dental Specialists)

11

Page 18: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Table 4 Optical Form

(Source: Innova Optics and Dental Specialists)

8.1.3 Data Dictionary of Forms

12

Page 19: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Dental Form Data Dictionary

Rx No.

Rx No. is the assigned ID number for all the patients in the clinic

by the management. The Rx No. should not be repeated and unique to

avoid redundancy.

Patient’s Name

Patient’s Name is the name of the patient or customer of the

clinic.

Date

The given or the current date where the patient commit a

consultation or treatment in the clinic.

Age

The age of the patient.

Birthdate

The date was the patient is born.

Sex

The gender of the patient it is either “male” or “female”.

Tel/Cell No.

The contact number of the patient in order to have a

communication between the patient and the doctors.

Address

The current and exact address of the patient.

13

Page 20: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Case History

Case History indicates the illness or diseases of the patient

before proceeding to treatment. The doctor/employee will ask the

condition of the patient first to avoid accident and prescription of

wrong medicine that is not compatible for the illness of the patient.

Services Rendered

The services rendered to the patient in the clinic such as

consultation, extraction, restoration, prophylaxis, RCT, denture and X-

Ray.

Fee

The given amount according to the service/s being rendered by

the patient.

Total

The total amount of fees according to the service/s being

rendered by the patient.

Deposit

The advance payment of the patient before performing the

treatment.

Balance

The incomplete payment of the patient.

Recall Date

14

Page 21: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

The assigned date where the patient needs to comeback to the

clinic for another check-up.

Attending Dentist

The name of the attending dentist who performed the

medication of the patient.

Optical Form Data Dictionary

Job No.

The assigned ID number for all the patients in the clinic by the

management. The Job No. should not be repeated and unique to avoid

redundancy.

Patient’s Name

The name of the patient or customer of the clinic.

Date

The given or the current date where the patient commit a

consultation or treatment in the clinic.

Age

The age of the patient.

Tel No.

The contact number of the patient in order to have a

communication between the patient and the doctors.

Address

15

Page 22: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

The current and exact address of the patient.

Occupation

The job in which a person is engaged.

Chief: Complain

The main complain of the patient about its condition.

RX

This is a medical prescription which is consisting of OD, OS, Add,

Sph, P.d., Cyl and Seg. Hit.

Kind of Lens

The lens prescribed for the patient.

Fee

The given amount equivalent to the service/s rendered to the

patient.

Frames

The physical frame of the eye glass recommended for the optical

patient.

Tints

The lens color recommended by the doctor to balance light trans-

mission, reduce glare and improve depth perception/color recognition.

Remarks

16

Page 23: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

The final words or the recommendations of the doctor for the

patient.

Total

The total amount of fees according to the service/s rendered to

the patient.

Deposit

This is the advance payment of the patient before performing the

treatment.

Balance

The remaining unpaid account of the patient.

Recall Date

The assigned date where the patient needs to comeback to the

clinic for another check-up.

8.2 Reports

The Innova Optics and Dental Specialist use “ledgers” or printed

document encoded by its employee for their daily, monthly and annual

reports.

8.2.1 List of Reports

Not Available

8.2.2 Layout of Forms

Not Available

Page 24: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

8.2.3 Data Dictionary of Reports

8.3.1 Entity Relationship Diagram

Not Available

8.3.2 Data Dictionary of the ERD

Entity-An entity is a specific object of interest to the business area. It

can be said that in an accounting system, two things are basically nec-

essary: Accounts and transactions. In a customer support system, we

would need to have some information about customers, for a start. 

Each such unit of essential information is named ‘an entity’, with a

name and attributes.

Attributes-Each entity will normally have one or more attributes. At-

tributes may be thought of as smaller pieces of information within an

entity. Together they describe our entity to the degree we find neces-

sary.

Relationships-In a relational database, all entities have bonds

between them, expressed as relationships. A relationship is a link

between to entities, and it tells us something about which relationships

exists between our entities.

17

Page 25: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

9.0 Problems/Requirements List

The company’s problem is the growing numbers of papers being

stocked in the storage box, because of this, it is not easy to find or

recover file records. Some of the files are not organized, because of

the manual errors such as instead of arranging the files according to its

surname alphabetically and sometimes the company employee

displaced it. And because of these problems the company is just

wasting its time and experienced an additional task that leads to

additional expenses for the company.

The following are the requirements list in improving the company’s

system:

1. The company must have a faster retrieval of records.

2. Less cost for operation or management of the company but

produces effective results.

3. Lessen the time of work.

4. Prevent manual errors.

5. Provides more organized and accurate records of files.

18

Page 26: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

10.0 Analysis of the Existing System

The existing system of the Innova Optics and Dental Specialists

is currently using the manual information system which lacks the

proper management and control of the patient’s records that makes

the company files unorganized and over populated that caused to the

loss of files and it is not easy to retrieve some previous records of the

patient. The manual system of the company entails a lot of time spent

in recording and recovering the files of the patient. So, the researchers

need to propose a system that can help solve all these problems.

19

Page 27: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Chapter 2

METHODOLOGY

1.0 Project Design

The E-Books and Sales On-line Monitoring System (ESOMS) for

Innova Optics and Dental Specialists is an On-line database website

design coded in HTML, Php and a little JavaScript codes. This system

has been developed through Php coding using Dreamweaver Cs3 and

with the help of Adobe Photoshop CS3.

The effects and design of the system is made through Macromedia

Flash and Cascading Style Sheets (CSS) codes.

1.1 Research Design

This is a descriptive-exploratory approach on how an on-line

solution can deliver a big impact in an organization, particularly a

dental-optical company gearing it up for global competitiveness. The

researchers used both qualitative and quantitative research methods

20

Page 28: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

for this proposition, where they intend to identify the perceived

strengths; benefits and even weaknesses of implementing a website

with on-line information system, as viewed by IT professionals and

students. Further, this proposal analyzes the perceived message

transmitted through the e-business with regards to the content,

structure and strategy used. Finally, the proponents look upon the

proposed system and the impact it would bring to Innova Dental and

Optical Specialists Clinic.

1.2 Problem Analysis

The company’s seen problems at Innova are addressed by the

proponents through the developed system. The system can easily save

records for the company’s customer profiles, sales and daily

transactions. The researchers designed an organized and a user-

friendly system for the company and are logically developed to avoid

errors and lost of files in the company. The system will help lessen the

time consumed in recording transactions manually and will lessen the

paper documents for the company. Most especially, the two branches

of the said company can share transactions through on-line anytime

and anywhere.

3.0 Project Development

21

Page 29: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

In the first phase of the E-Books and Sales Monitoring Online

System project development, the researchers are concerned with

identifying the problems, opportunities, and objectives, this stage is

critical to the success of the rest of the project, because no one wants

to waste subsequent time addressing the wrong problem.

The first phase requires that the researchers look honestly at

what is acquiring in a business. Then, together with other organization

members, the researchers pinpoint problems. Often these problems

will be brought up by other, and they are the reason why the

researcher was initially called in. Opportunities are situations that the

researchers believe can be improved through the use of computerized

information system. Seizing opportunities may allow the business to

gain a competitive edge or set an industry standard.

Identifying objectives is also an important component of the first

phase. First, the researchers must discover what the business is trying

to do. Then the analysis will be able to see if some aspect of

information systems applications can help the business reach its

objectives by addressing specific problems or opportunities.

The people involved in the first phase are the users, researchers

and systems managers coordinating the project. Activities in this phase

of interviewing user management, summarizing the knowledge

obtained, estimating the scope of the project, and documenting

22

Page 30: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

results. The output of the phase is a feasibility report containing a

problem definition and summarizing the objectives.

The next phase that the researchers enter is that of determining

information requirements for the particular user involved. Among the

tools used to define information requirements in the business are

interactive methods such as interviewing, sampling and investigating

hard data, and questionnaires. And unobtrusive methods, such as

observing, decision makers’ behavior and office environments and all

encompassing methods such as proto typing.

The next phase that the system researchers undertake involves

analyzing needs, again, special tools of techniques help the

researchers make requirements determinations. One such tool is the

use of data flow diagrams to chart the input, process, and output of the

business functions in a structured graphical form. From the data flow

diagrams, a data dictionary is developed that users all the data items

used in the system, as well their specifications.

During this phase, the system researchers also analyze the

structured decisions made. Structured decisions are those for which

the condition alternatives and actions can be determined.

Next is the design phase, in this phase of the systems project

development, the system analog uses the information concerned

earlier to the logical design of the information system. The researchers

23

Page 31: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

design accurate data entry procedures so that data coming into the

information system are correct. In addition, the researcher provides for

effective way to the information system by using techniques if good

form and screen design.

In the fifth phase of the system project development; the

researchers work with their other programmers to develop any original

software that is needed. Some of the structured techniques for

designing and documenting software include structure charts, and

pseudo code. The system researchers use one of these devices to

communicate to their programmer when needed to be programmed.

Before the information system can be used; it must be tested. It

is must less costly to cycle problems before. The system is design over

to users. Some of the testing is completed by programmers alone,

some of the system researchers in construction with their

programmers. Servers of test to pin point problems is run, first with

sample data and everything with actual data from current system.

Maintenance of the system and its documentation begins in this phase

and is carried out routinely throughout the life of the information

system.

In the last phase of systems development, the researchers help

implement the information system. Some training is done by vendors,

but oversight of training is the responsibilities of the system

24

Page 32: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

4. Designing the re-quirement system.

researchers. In addition, the researchers need to plan for a smooth

conversion from the old system to the new ones; or build a database,

installing equipment, and bringing the new system into production.

After the system is installed, it must be maintained measure that

the computer program be modified and kept up-to-date.

Figure 4 System Development Cycle

2. Determining information requirements

3. Analyzing System needs.

1. Identifying Problems,Opportunities and objectives

6. Testing and maintaining the system

5. Developing and documentary system

25

Page 33: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

The proposal is the specific project or set of activities for which

you the researchers seek the grant of the new system and any support

and the budget requirements necessary to successfully complete the

work. Here the researchers look more closely at the key ingredients for

developing and implementing the project, and how to articulate these

concepts in the proposal. In this brief, the word “project” is used to re-

fer to a specific intervention or activity. The first step when planning a

project is to make sure there is a strong link between the organiza-

tion’s mission and the initiative the researchers are considering. The

project they planned and the funding should be part of the overall

strategy for addressing the issues. When developing the plan envision

the following:

• How does the project relate to the organization’s mission?

• What is the context in which the work and how is this unique?

• How will the project change or improve the conditions of the

company or beneficiaries?

Before developing the proposed system, the researchers conduct

an interview to the Innova Optics and Dental Specialists to gather more

information in the company and analyze its problems and ask what

kind of system proposal fits for the company. Then, the researchers

26

Page 34: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

conceptualized what kind and qualities of the system should be

proposed in the company.

So, this is the proposed system, the system is developed through

Dreamweaver CS3 using the Dreamweaver Php and HTML where the

researchers wrote the Php and html codes. The researchers created

the forms needed to record all the transactions in the company, while

the systems layout is developed through the use of Adobe Photoshop

CS3 and Macromedia Flash for the additional effects and graphics for

the system.

4.0 Evaluation / Validation Criteria

4.1 Technical Considerations

The method of technical considerations in developing the

system for Innova optics and dental specialists\s is to ensure

that the clinic has a good condition of a computer (desktop or

laptop), the researchers is considering that the system being

developed does not required a very high specifications of the

27

Page 35: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

computer. And lastly, the researchers consider that the

hardware and devices used in the proposed system is

available in the market.

4.2 Operations

The system is a very user-friendly, the user can easily

navigate to this on-line system but not all users can access to

the company’s records of transactions, only the

owner/administrator can access to it. The on-line system can

record the customer profiles, sales and daily transactions of

the company. The administrator can save, delete edit and

search the customer records.

4.3 Schedule

Once the transactions are saved it is already stored in the

system database and it cannot be deleted unless the

administrator will delete the record.

28

Page 36: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

The owner can only share transactions through on-line and

both of the branch owners must have an Internet connection.

The administrator can always access to the system to add,

save, delete, edit and find the recorded transactions in the

company.

4.4 Economic / Cost Effectiveness

Every owner wants a cost-effective building. But what does this

mean? In many respects the interpretation is influenced by an

individual's interests and objectives.

Is it the lowest first-cost structure that meets the program?

Is it the design with the lowest operating and maintenance

costs?

Is it the system with the longest life span?

Is it the facility in which users is most productive?

Yes, the developed system is very helpful to reduce expenses in

the company and provide a good storage of transactions in the

company. Instead of buying papers, printing of forms and providing

storage box/drawers for storage. This is the system that has a full

package of the necessary things for the improvement of the company.

29

Page 37: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Chapter 3

SYSTEM DESIGN

Description of the Proposed System

I. Logical Model Report

1.0 System Description

30

Page 38: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

The E-Books and Sales On-line Monitoring System is a database

system of all the transactions and records for the Innova Optics and

Dental Specialist Clinic. It is also a website for the said company that

advertises their services and give information about the company.

The features of the proposed system are the form for customer

profile where the owner can record data all about their customers. The

next feature is the form for each service rendered by the customers,

with the amount/fee for each service and computes the total amount of

all fees. Through the given forms the owner can add, edit, delete and

save records. To have a fast searching of records, the developers add a

search engine where the owner can search the names of the

customers including the records. The owner can also upload pictures of

the customer profile in order to see the image of the patient before

and after the treatment.

And lastly the system also features the on-line sharing

information, this sharing is only allowed for the both owner of the

company’s two branches and not for the guest/visitor of the site.

Through this system, the owner can view the other company’s branch

sales and customer records.

2.0 System Requirements

31

Page 39: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

INNOVA OPTICS AND DENTAL SPECIALIST CLINIC are using

a “Manual System” for their transaction. The E-Book and Sales On-

line Monitoring System for Innova Specialist required a minimum of

a processor (Dual Core 2.60 GHz) for Operating system (Windows

Server 2003 Standard Edition) and High Speed Internet Service

Provider.

3.0 Hardware Requirement (Minimum and Recommended)

This includes the existing hardware facilities of the INNOVA OPTICS

AND DENTAL SPECIALISTS that are available, below are the stated proposed

hardware specification.

EXISTING HARDWARE DETAILS AND

SPECIFICATION

Manual System( Papers )

Table 5 Existing Hardware

PROPOSED HARDWARE DETAILS AND

SPECIFICATION

Processor Memor

y

HDD VGA

Dual Core 2.60 1Gb 160G 64 128 / 256 MB

32

Page 40: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

GHz b

Table 6 Proposed Hardware

3.1 Servers

Table 7 Existing Server

Table 8 Proposed Server

3.2 Workstations

Laptop

3.3 Network

Not Available

3.4 Other Peripherals

3.4.1 Printer

3.4.2 Scanner

Software Requirements

EXISTING SERVER

Not Available

PROPOSED SERVER

Microsoft Server 2005

33

Page 41: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

SOFTWARE DESCRIPTION

Xampp Server

XAMPP is an easy to in-stall Apache distribution containing MySQL, PHP and Perl. XAMPP is really very easy to install and to use - just download, ex-tract and start.

The distribution for Win-dows 2000, 2003, XP and Vista. This version con-tains: Apache, MySQL, PHP + PEAR, Perl, mod_php, mod_perl, mod_ssl, OpenSSL, php-MyAdmin, Webalizer, Mer-cury Mail Transport Sys-tem for Win32 and Net-Ware Systems v3.32, Ming, JpGraph, FileZilla FTP Server, mcrypt, eAc-celerator, SQLite, and WEB-DAV + mod_auth_mysql.

PhpMyAdminphpMyAdmin is a free software tool written in PHP intended to handle the administration of MySQL over the World Wide Web. phpMyAdmin sup-ports a wide range of operations with MySQL. The most frequently used op-erations are supported by the user in-terface (managing databases, tables, fields, relations, indexes, users, per-missions, etc), while you still have the ability to directly execute any SQL statement.

PhpMySql

MySQL is a database.

The data in MySQL is stored in data-base objects called tables.

34

Page 42: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Table 9 Software Requirements

4.1 Servers

Microsoft SQL Server 2005 (codenamed Yukon), released in

October 2005, is the successor to SQL Server 2000. It included

native support for managing XML data, in addition to relational

data. SQL Server 2005 also allows a database server to be

exposed over web services using TDS packets encapsulated

within SOAP (protocol) requests. When the data is accessed over

web services, results are returned as XML.

4.2 Workstation

Laptop/Desktop Computer

5.0 Data Requirements

6.0 People

The proposed system is used by the owner and staff of the

Innova Optics and Dental Specialists Clinic. There is also an admin

that operates and control the cycle of the proposed system and

lastly the guests/visitors of the system is also a part of the

proposed system.

II. Design Instruments and Techniques

35

Page 43: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

The instruments and techniques use din the collection of data for this

study were:

a. Observations

Before developing the proposed system, the

researchers observed to the subject company, the purpose

of this is to get a

clearer and richer understanding of what the proponent

need to do to improve in the given company, to know what

kind of system used in the company, what are the

activities inside the company and the disadvantages of the

current system in order to know what kind of system

should be proposed for the company.

b. Interviews

The researchers conduct an interview to the

company to know all the information and the problem of

the company. The researchers used cell phone as an

instrument for recording the conducted interview and

36

Page 44: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

gathered some paper works and forms as a basis in

developing a new system for the company.

c. Company Visit

The researchers visited some company with a

computer-based system in order to gain more knowledge

about the system requirements, the features and how their

system does is developed.

Chapter 4

DETAILED PROGRAM DESIGN REPORT

37

Page 45: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

1.0 System Specifications

1.1 Functional

The functions of the proposed software are to advertise the

company, for recording and updating of all sales of Innova Optics and

Dental Specialists Clinic.

1.1.1 System Boundaries

Figure 4 System UML

(Interaction with the customer and the system)

1.1.2

Customer

Owner/Admin

Inquiry and Registration

Places Services

Customer Profile

Payments

Reports

38

Page 46: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 5 System UML(Saving, Update, Edit and Deleting Customer Records)

1.2 Technical Design

1.2.1 Database

1.2.1.1 Schema

FLOWCHART

Customer

Owner/Admin

Customer Inquiry

Software InteractionAdd Records

Edit Records

Save Records

Update Records

39

Page 47: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 6.0 Module Flowchart of Admin Log-in FormLEGEND:

START

IF Un and Pw == True

Input Username and Password

N

Display Msg Box

Y

Show Admin Page

A

A

Log-in Form

Verify Username and Password

-Off page connector to ADMINA

-On page connector to ENDA

Page 48: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 6.1 Module Flowchart of Menu Form

DENTAL FORM

DENTAL DATABASE

VIEW

A

F

OPTICALFORM

OPTICAL DATABASE

VIEW

SHOW DENTALFORM

SHOW DENTALDATABASEPREVIEW

SHOW OPTICALFORM

SHOW OPTICALDATABASEPREVIEW

LOGOUT

Y

N

A

B

C

D

E

N

N

N

N

Y

Y

Y

Y

A-Off page connector to ADMIN

F

A -On page connector to End

LEGEND:

40

Page 49: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

-Off Page connector to End

Figure 6.2 Module Flowchart of Admin Account Form

B

B

NAVIGATE MENU

ADD

DELETE

UPDATE

RECORD

LOGOUT

N

Y

F

Input Entry

Select Entry

ModifyEntry

Saving Entry

DENTAL/OPTICAL

DATABASE

D

Confirm

Delete?N Delete Entry from

Database

Update Entry from Database

Save Entry from Database

C

C

D

A

Y

Y

Y

Y

N

N

N

N

Y

Save Entry

C

-On page connector to Dental/Optical Database

On page connector to Dental/Optical Database

C

D

B -On page connector to Admin Account

B -Off page connector to Admin Account

LEGEND:

Page 50: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

-Off page connector to Admin Account

Figure 6.3 Module Flowchart of Admin Account Form

START

IF Un and Pw == True

Input Username and Password

N

Display Msg Box

Y

Show Client Web Page

B

Log-in Form

Verify Username and Password

A-Off page connector to CLIENT PROFILE

B

Page 51: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

1.2.1.2 Data Dictionary

Name : Rx No. Alias : RxNo

Data Type : Text Storage : Customer

Size : 20 Table : Customer

Format : EN -0000 Database : EBSMS

Description : Refers to the Designated Number Dental Form

Structure: Rx NO. = {Legal Characters} Legal Characters = {0 – 9)

Name : Patient Name Alias : p_name

Data Type : Text Storage : Customer

Size : 50 Table : Customer

Format : EN -0001 Database : EBSMS

Description : Refers to the Designated Full Name

Structure: Full Name = {Legal Characters} Legal Characters = {A-Z|a-z|0-9|.}

Name : Date Alias : Date

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Page 52: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Format : EN -0002 Database : EBSMS

Description : Refers to the Designated Date

Structure: Date = {Legal Characters} Legal Characters = {0-9}

Name : Age Alias : Age

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0003 Database : EBSMS

Description : Refers to the Designated Age

Structure: Age = {Legal Characters} Legal Characters = {0-9}

Name : Date of Birth Alias : d_birth

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0004 Database : EBSMS

Description : Refers to the Designated Date of Birth

Structure: Date of Birth = {Legal Characters} Legal Characters = {0-9}

Name : Sex Alias : Sex

Page 53: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0005 Database : EBSMS

Description : Refers to the Designated Sex

Structure: Sex = {Legal Characters} Legal Characters = {A-Z|a-z}

Name : Contact Number Alias: contact_no

Data Type : Text Storage : Customer

Size : 11 Table : Customer

Format : EN -0007 Database : EBSMS

Description : Refers to the Designated Contact Number

Structure: Contact Number = {Legal Characters} Legal Characters = {0-9}

Name : Address Alias : address

Data Type : Text Storage : Customer

Size : 50 Table : Customer

Format : EN -0008 Database : EBSMS

Description : Refers to the Designated Address

Structure: Address = {Legal Characters} Legal Characters = {A-Z|a-z|0-9}

Page 54: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Name : Case History Alias : case_history

Data Type : Text Storage : Customer

Size : 100 Table : Customer

Format : EN -0009 Database : EBSMS

Description : Refers to the Designated Case History

Structures: Case History = {Legal Characters} Legal Characters = {A-Z|a-z|0-9}

Name : Service Rendered Alias : service_rendered

Data Type : Text Storage : Customer

Size : 50 Table : Customer

Format : EN -0010 Database : EBSMS

Description : Refers to the Designated Service Rendered

Structures: Service Rendered = {Legal Characters} Legal Characters = {A-Z|a-z}

Name : Fee Alias : fee

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0011 Database : EBSMS

Page 55: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Description : Refers to the Designated Fee

Structures: Fee = {Legal Characters} Legal Characters = {0-9}

Name : Deposit Alias : deposit

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0012 Database : EBSMS

Description : Refers to the Designated Deposit

Structures: Deposit = {Legal Characters} Legal Characters = {0-9}

Name : Balance Alias : balance

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0013 Database : EBSMS

Description : Refers to the Designated Balance

Structures: Balance = {Legal Characters} Legal Characters = {0-9}

Name : Recall Date Alias : recall_date

Page 56: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0014 Database : EBSMS

Description : Refers to the Designated Recall date

Structures: Recall Date = {Legal Characters} Legal Characters = {0-9}

Name : Attending Dentist Alias : attending_dentist

Data Type : Text Storage : Customer

Size : 50 Table : Customer

Format : EN -0015 Database : EBSMS

Description : Refers to the Designated Attending Dentist

Structures: Attending Dentist = {Legal Characters} Legal Characters = {A-Z|a-z}

Optical Form

Name : Job Number Alias : job_no

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0016 Database : EBSMS

Description : Refers to the Designated Job Number

Page 57: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Structures: Job Number = {Legal Characters} Legal Characters = {0-9}

Name : Patient name Alias : p_name

Data Type : Text Storage : Customer

Size : 50 Table : Customer

Format : EN -0017 Database : EBSMS

Description : Refers to the Designated Patient Name

Structures: Patient Name = {Legal Characters} Legal Characters = {A-Z|a-z|0-9}

Name : Age Alias : age

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0018 Database : EBSMS

Description : Refers to the Designated Age

Structures: Age = {Legal Characters} Legal Characters = {0-9}

Name : Contact Number Alias : contact_no

Data Type : Text Storage : Customer

Size : 11 Table : Customer

Format : EN -0019 Database : EBSMS

Page 58: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Description : Refers to the Designated Contact Number

Structures: Contact Number = {Legal Characters} Legal Characters = {0-9}

Name : Address Alias : address

Data Type : Text Storage : Customer

Size : 50 Table : Customer

Format : EN -0020 Database : EBSMS

Description : Refers to the Designated Address

Structures: Address = {Legal Characters} Legal Characters = {A-Z|a-z|0-9}

Name : Occupation Alias : occupation

Data Type : Text Storage : Customer

Size : 20 Table : Customer

Format : EN -0021 Database : EBSMS

Description : Refers to the Designated Occupation

Structures: Occupation = {Legal Characters} Legal Characters = {A-Z|a-z}

Name : Chief Complain Alias : chief_complain

Page 59: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Data Type : Text Storage : Customer

Size : 50 Table : Customer

Format : EN -0022 Database : EBSMS

Description : Refers to the Designated Chief Complain

Structures: Chief Complain = {Legal Characters} Legal Characters = {A-Z|a-z|0-9}

Name : RxNo Alias : rx

Data Type : Text Storage : Customer

Size : 50 Table : Customer

Format : EN -0023 Database : EBSMS

Description : Refers to the Designated RX

Structures: RX = {Legal Characters} Legal Characters = {A-Z|a-z}

Name : Kinds of Lens Alias : kind_lens

Data Type : Text Storage : Customer

Size : 50 Table : Customer

Format : EN -0024 Database : EBSMS

Description : Refers to the Designated Kinds of Lens

Structures: Kinds of Lens = {Legal Characters} Legal Characters = {A-Z|a-z}

Page 60: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Name : Fee Alias : fee

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0025 Database : EBSMS

Description : Refers to the Designated Fee

Structures: Fee = {Legal Characters} Legal Characters = {0-9}

Name : Frames Alias : frame

Data Type : Text Storage : Customer

Size : 50 Table : Customer

Format : EN -0026 Database : EBSMS

Description : Refers to the Designated Frame

Structures: Frames = {Legal Characters} Legal Characters = {A-Z|a-z|0-9}

Name : Tints Alias : tints

Data Type : Text Storage : Customer

Size : 50 Table : Customer

Format : EN -0026 Database : EBSMS

Description : Refers to the Designated Tints

Structures: Tints = Legal Characters} Legal Characters = {A-Z|a-z|0-9}

Page 61: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Name : Remarks Alias : remarks

Data Type : Text Storage : Customer

Size : 50 Table : Customer

Format : EN -0027 Database : EBSMS

Description : Refers to the Designated Remarks

Structures: Remarks = {Legal Characters} Legal Characters = {A-Z|a-z|0-9}

Name : Total Alias : total

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0028 Database : EBSMS

Description : Refers to the Designated Total

Structures: Total = {Legal Characters} Legal Characters = {0-9}

Name : Deposit Alias : deposit

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0029 Database : EBSMS

Page 62: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Description : Refers to the Designated Deposit

Structures: Deposit = {Legal Characters} Legal Characters = {0-9}

Name : Balance Alias : balance

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0030 Database : EBSMS

Description : Refers to the Designated Balance

Structures: Balance = {Legal Characters} Legal Characters = {0-9}

Name : Recall Date Alias : recall_date

Data Type : Text Storage : Customer

Size : 12 Table : Customer

Format : EN -0031 Database : EBSMS

Description : Refers to the Designated Recall Date

Structures: Recall Date = {Legal Characters} Legal Characters = {0-9}

Sitemap

Page 63: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

USER

Admin Log-in Visitor

Database Verification

List of Buttons

About us

Services

Contact us

Dental form Button

Optical Form Button

Dental Records Button

Optical Records Button

Patient’s Optical records

Patient’s Dental Records

Optical Form

Dental Form

Logout

Home

About us

Services

Contact us

Page 64: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Hierarchical Input-Process-Output (HIPO)

Figure 7.0 Hierarchical Input-Process-Output ofE-Books and Online Sales Monitoring System for Clients/Site Visitors

E-BOOKS AND ONLINE SALES MONITORING SYSTEM(CLIENTS/SITE VISITORS)

0.0

LOG-IN1.0

HOME2.0

REGISTER2.4

ABOUT US2.1

SERVICES2.3

CONTACT US2.2

Page 65: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 7.1 Hierarchical Input-Process-Output ofE-Books and Online Sales Monitoring System for Administrator

E-BOOKS AND ONLINE SALES MONITORING SYSTEM(ADMINISTRATOR)

3.0

LOG-IN1.0

HOME4.0

ABOUT US4.1

SERVICES4.3

CONTACT US4.2

Page 66: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

ADMINISTRATOR3.0

ADMIN ACCOUNT3.1

CUSTOMER RECORDS3.2

SERVICESRECORDS

3.3

Figure 7.2 Hierarchical Input-Process-Output Administrator log-in

Page 67: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

ADMINACCOUNT

3.1.1

ADD2.1.1.5

UPDATE2.1.1.6

EDIT2.1.1.4

DELETE2.1.1.7

SAVE2.1.1.9

CANCEL2.1.1.10

Page 68: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 7.3 Hierarchical Input-Process-Output of Admin account Submenu

Figure 7.4 Hierarchical Input-Process-Output of

E-BOOKS AND ONLINE SALES MONITORING SYSTEM(CLIENT)

4.0

USER-ACCOUNT4.1

HOME4.2

ABOUT US4.3

SERVICES4.5

CONTACT US4.4

Page 69: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Client Navigation

Figure 7.5 Hierarchical Input-Process-Output ofClient account Submenu

USER-ACCOUNT (CLIENT)

4.1

EDIT4.1.1

SAVE4..1.2

UPDATE4.1.3

LOG-OUT4.1.5

DELETE4.1..4

Page 70: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Input-Process-Output (IPO)

Author: Group 11 Program: E-books and Sales Online Monitoring System Date:3/26/2010

Diagram: 1.0 Module Name: Log-in for Administrator Page: 1 of 1

Input

Username

Password

Process

Verify username and password if valid

Output

Home page

Warning Mes-sage “Your username or password is incorrect.

If username and password is valid, load the home-page

If username and password is invalid, dis-play message box and al-lows user un-til 3 trials, or else, the pro-gram will be terminated

Page 71: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 7.6 E-books and Sales Online Monitring System (Log In)

Author: Group 11 Program: E-books and Sales Online Monitoring System Date:3/26/2010

Diagram: 3.0 Module Name: Home for Administrator Page: 1 of 1

Input

Click Lo-gin

Process

Verify User-name and Password if correct

Output

If “User Account” submenu was se-lected, its form will be loaded

If “Dental Records” submenu was se-lected, its form will be loaded

If “Optical Records” submenu was se-lected, its form will be loaded

If “Dental Data-base” submenu was selected, its form will be loaded

If “Optical Data-base” submenu was selected, its form will be loaded

If “Log-Out” sub-menu was se-lected, its form will be loaded

Page 72: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 7.7 E-books and Sales Online Monitoring System

(Home for Administrator)

Input

Click Edit

Click Delete

Click Save

User name

Password

First Name

Last Name

Middle Name

Process

Editing Process

Saving Process

Deleting Process

Output

If “Edit” button was selected, the user would be able to edit his own user account from the form then save it to the database

If “Delete Ac-count” button was selected, the user will delete his ac-count.

If “Save Ac-count” button was selected, the user will save his ac-count.

Author: Group 11 Program: E-books and Sales Online Monitoring System Date:3/26/2010

Diagram: 4.0 Module Name: User Account Page: 1 of 1

Page 73: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 7.8 E-books and Sales Online Monitoring System

(User Account)

Input

Click Dental Form

Click Op-tical Form

Click Dental DB Records

Click Op-tical DB Records

Process

“Editing” Records

“Updating” Records

“Saving” Records

Processing Request

Output

If “Edit” sub-menu was selected, its entry will be edited

If “Save” sub-menu was selected, its entry will be saved

If “Update” submenu was selected, its entry will be Updated

If “View Records” submenu was selected, its records will be loaded

Author: Group 11 Program: E-books and Sales Online Monitoring System Date: 3/26/2010

Diagram: 5.0 Module Name: Dental and Optical Forms for Administrator Page: 1 of 1

Page 74: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 7.9 Dental and Optical Forms for Administrator

1.2.1.3 Screen Navigation Diagram

Page 75: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 8.0 Website Intro Design

Page 76: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 8.1 Website Home Page

Page 77: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 8.2 Website About Us Page

Figure 8.3 Website Services Page

Page 78: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 8.4 Website Contact Us Page

Page 79: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 8.5 Website Admin Page

(Sales menu)

Page 80: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Figure 8.6 Website Database Page

(Table View)

Page 81: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

1.2.1.4 Screen Design (use UML to illustrate how a screen operates)

Website Intro Page:

Codes:

<html><head><title>intro</title><meta http-equiv="Content-Type" content="text/html; charset=win-dows-1256"></head><body bgcolor="#E1F4F8"><br><br><br><center><object width="550" height="400"><param name="movie" value="in.swf"><embed src="in.swf" width="550" height="400" quality="high" al-lowScriptAccess="always" allowFullScreen="false"></embed></object></center><center><a href="innovathefinal.html"><img src="intro_03.gif" bor-der="no"></a></center></body></html>

Page 82: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Website Home Page

Codes:

<html><head><title>INNOVA|Site</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" margin-width="0" marginheight="0"><!-- ImageReady Slices (innovaf.psd) --><center><table id="Table_01" width="1011" height="1101" bor-der="0" cellpadding="0" cellspacing="0">

<tr><td colspan="13">

<img src="images/innovathefinal_01.gif" width="1010" height="29" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="29" alt=""></td></tr><tr>

<td colspan="2" rowspan="4"><img src="images/innovathefinal_02.gif"

width="73" height="88" alt=""></td>

Page 83: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<td><a href="innovathefinal.html"><img src="im-

ages/innovathefinal_03.gif" width="399" height="52" alt="" bor-der="no"></td>

<td colspan="10" rowspan="2"><img src="images/innovathefinal_04.gif"

width="538" height="61" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="52" alt=""></td>

</tr><tr>

<td rowspan="3"><img src="images/innovathefinal_05.gif"

width="399" height="36" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="9" alt=""></td>

</tr><tr>

<td rowspan="2"><img src="images/innovathefinal_06.gif"

width="50" height="27" alt=""></td><td>

<a href="innovathefinal.html" ><img src="im-ages/click.jpg" width="52" height="23" alt="" border="no" ti-tle="Home"></td>

<td rowspan="2"><img src="images/innovathefinal_08.gif"

width="36" height="27" alt=""></td><td>

<a href="aboutus.html"><img src="images/in-novathefinal_09.gif" width="71" height="23" alt="" border="no" ti-tle="About Us"></td>

<td rowspan="2"><img src="images/innovathefinal_10.gif"

width="35" height="27" alt=""></td><td>

<a href="services.html"><img src="images/in-novathefinal_11.gif" width="72" height="23" alt="" border="no" ti-tle="Services"></td>

<td rowspan="2">

Page 84: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<img src="images/innovathefinal_12.gif" width="30" height="27" alt=""></td>

<td><a href="contactus.html"><img src="images/

innovathefinal_13.gif" width="86" height="23" alt="" border="no" ti-tle="Contact Us"></td>

<td colspan="2" rowspan="2"><img src="images/innovathefinal_14.gif"

width="106" height="27" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="23" alt=""></td>

</tr><tr>

<td><img src="images/innovathefinal_15.gif"

width="52" height="4" alt=""></td><td>

<img src="images/innovathefinal_16.gif"

width="71" height="4" alt=""></td><td>

<img src="images/innovathefinal_17.gif" width="72" height="4" alt=""></td>

<td><img src="images/innovathefinal_18.gif"

width="86" height="4" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="4" alt=""></td>

</tr><tr>

<td><img src="images/innovathefinal_19.gif"

width="70" height="983" alt=""></td><td colspan="11" img src="images/

innovathefinal_20.gif" width="866" height="983" alt=""><center><iframe name="body" src ="innovahome-

.html" width="100%" height="983" scrolling="no" framebor-der="0">fttp</iframe></center>

</td><td>

Page 85: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<img src="images/innovathefinal_21.gif" width="74" height="983" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="983" alt=""></td></tr><tr>

<td><img src="images/spacer.gif" width="70"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="3" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="399"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="50" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="52"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="36" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="71"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="35" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="72" height="1" alt=""></td><td>

<img src="images/spacer.gif" width="30" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="86"

height="1" alt=""></td>

Page 86: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<td><img src="images/spacer.gif" width="32"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="74" height="1" alt=""></td>

<td></td></tr>

</table></center><!-- End ImageReady Slices --></body></html>

Website About Us Page

Codes:

<html><head><title>innovaf</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" margin-width="0" marginheight="0">

<!-- ImageReady Slices (innovaf.psd) -->

Page 87: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<center><table id="Table_01" width="1011" height="1101" bor-der="0" cellpadding="0" cellspacing="0">

<tr><td colspan="13">

<img src="images/innovathefinal_01.gif" width="1010" height="29" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="29" alt=""></td></tr><tr>

<td colspan="2" rowspan="4"><img src="images/innovathefinal_02.gif"

width="73" height="88" alt=""></td><td>

<a href="innovathefinal.html" ><img src="im-ages/innovathefinal_03.gif" width="399" height="52" alt="" bor-der="no"></td>

<td colspan="10" rowspan="2"><img src="images/innovathefinal_04.gif"

width="538" height="61" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="52" alt=""></td>

</tr><tr>

<td rowspan="3"><img src="images/innovathefinal_05.gif"

width="399" height="36" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="9" alt=""></td>

</tr><tr>

<td rowspan="2"><img src="images/innovathefinal_06.gif"

width="50" height="27" alt=""></td><td>

<a href="innovathefinal.html"><img src="im-ages/thefinal_07.gif" width="52" height="23" alt="" border="no"></td>

<td rowspan="2">

Page 88: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<img src="images/innovathefinal_08.gif" width="36" height="27" alt=""></td>

<td><a href="aboutus.html"><img src="images/

aboutclick.jpg" width="71" height="23" alt="" border="no"></td><td rowspan="2">

<img src="images/innovathefinal_10.gif" width="35" height="27" alt=""></td>

<td><a href="services.html"><img src="images/in-

novathefinal_11.gif" width="72" height="23" alt="" border="no"></td>

<td rowspan="2"><img src="images/innovathefinal_12.gif"

width="30" height="27" alt=""></td><td>

<a href="contactus.html"><img src="images/innovathefinal_13.gif" width="86" height="23" alt="" bor-der="no"></td>

<td colspan="2" rowspan="2"><img src="images/innovathefinal_14.gif"

width="106" height="27" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="23" alt=""></td>

</tr><tr>

<td><img src="images/innovathefinal_15.gif"

width="52" height="4" alt=""></td><td>

<img src="images/innovathefinal_16.gif" width="71" height="4" alt=""></td>

<td><img src="images/innovathefinal_17.gif"

width="72" height="4" alt=""></td><td>

<img src="images/innovathefinal_18.gif" width="86" height="4" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="4" alt=""></td>

Page 89: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

</tr><tr>

<td><img src="images/innovathefinal_19.gif"

width="70" height="983" alt=""></td><td colspan="11" img src="images/

innovathefinal_20.gif" width="866" height="983" alt=""><center><iframe name="body" src ="innovaabou-

tus.html" width="100%" height="983" scrolling="no" framebor-der="0">fttp</iframe></center>

</td><td>

<img src="images/innovathefinal_21.gif" width="74" height="983" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="983" alt=""></td></tr><tr>

<td>

<img src="images/spacer.gif" width="70" height="1" alt=""></td><td>

<img src="images/spacer.gif" width="3" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="399"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="50" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="52"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="36" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="71"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="35" height="1" alt=""></td>

Page 90: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<td><img src="images/spacer.gif" width="72"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="30" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="86"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="32" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="74"

height="1" alt=""></td><td></td>

</tr></table></center><!-- End ImageReady Slices --></body></html>

Website Services Page

Codes:

<html><head><title>innovaf</title>

Page 91: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" margin-width="0" marginheight="0"><!-- ImageReady Slices (innovaf.psd) --><center><table id="Table_01" width="1011" height="1101" bor-der="0" cellpadding="0" cellspacing="0">

<tr><td colspan="13">

<img src="images/innovathefinal_01.gif" width="1010" height="29" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="29" alt=""></td></tr><tr>

<td colspan="2" rowspan="4"><img src="images/innovathefinal_02.gif"

width="73" height="88" alt=""></td><td>

<a href="innovathefinal.html"><img src="im-ages/innovathefinal_03.gif" width="399" height="52" alt="" bor-der="no"></td>

<td colspan="10" rowspan="2"><img src="images/innovathefinal_04.gif"

width="538" height="61" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="52" alt=""></td></tr><tr>

<td rowspan="3"><img src="images/innovathefinal_05.gif"

width="399" height="36" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="9" alt=""></td>

</tr><tr>

<td rowspan="2"><img src="images/innovathefinal_06.gif"

width="50" height="27" alt=""></td>

Page 92: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<td><a href="innovathefinal.html" ><img src="im-

ages/innovathefinal_07.gif" width="52" height="23" alt="" bor-der="no"></td>

<td rowspan="2"><img src="images/innovathefinal_08.gif"

width="36" height="27" alt=""></td><td>

<a href="aboutus.html"><img src="images/in-novathefinal_09.gif" width="71" height="23" alt="" border="no"></td>

<td rowspan="2"><img src="images/innovathefinal_10.gif"

width="35" height="27" alt=""></td><td>

<a href="services.html"><img src="images/servicesclick.jpg" width="72" height="23" alt="" border="no"></td>

<td rowspan="2"><img src="images/innovathefinal_12.gif"

width="30" height="27" alt=""></td><td>

<a href="contactus.html"><img src="images/innovathefinal_13.gif" width="86" height="23" alt="" bor-der="no"></td>

<td colspan="2" rowspan="2"><img src="images/innovathefinal_14.gif"

width="106" height="27" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="23" alt=""></td>

</tr><tr>

<td><img src="images/innovathefinal_15.gif"

width="52" height="4" alt=""></td><td>

<img src="images/innovathefinal_16.gif" width="71" height="4" alt=""></td>

<td>

<img src="images/innovathefinal_17.gif" width="72" height="4" alt=""></td>

<td>

Page 93: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<img src="images/innovathefinal_18.gif" width="86" height="4" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="4" alt=""></td></tr><tr>

<td><img src="images/innovathefinal_19.gif"

width="70" height="983" alt=""></td><td colspan="11" img src="images/

innovathefinal_20.gif" width="866" height="983" alt=""><center><iframe name="body" src ="innovaser-

vices.html" width="100%" height="983" scrolling="no" framebor-der="0">fttp</iframe></center>

</td><td>

<img src="images/innovathefinal_21.gif" width="74" height="983" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="983" alt=""></td></tr><tr>

<td><img src="images/spacer.gif" width="70"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="3" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="399"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="50" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="52"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="36" height="1" alt=""></td>

<td>

Page 94: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<img src="images/spacer.gif" width="71" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="35"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="72" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="30"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="86" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="32"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="74" height="1" alt=""></td>

<td></td></tr>

</table></center><!-- End ImageReady Slices --></body></html>

Website Contact Us Page

Page 95: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Codes:

<html><head><title>innovaf</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" margin-width="0" marginheight="0"><!-- ImageReady Slices (innovaf.psd) -->

<center><table id="Table_01" width="1011" height="1101" bor-der="0" cellpadding="0" cellspacing="0">

<tr><td colspan="13">

<img src="images/innovathefinal_01.gif" width="1010" height="29" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="29" alt=""></td></tr><tr>

<td colspan="2" rowspan="4"><img src="images/innovathefinal_02.gif"

width="73" height="88" alt=""></td><td>

Page 96: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<a href="innovathefinal.html"><img src="im-ages/innovathefinal_03.gif" width="399" height="52" alt="" bor-der="no"></td>

<td colspan="10" rowspan="2"><img src="images/innovathefinal_04.gif"

width="538" height="61" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="52" alt=""></td>

</tr><tr>

<td rowspan="3"><img src="images/innovathefinal_05.gif"

width="399" height="36" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="9" alt=""></td>

</tr><tr>

<td rowspan="2"><img src="images/innovathefinal_06.gif"

width="50" height="27" alt=""></td><td>

<a href="innovathefinal.html" ><img src="im-ages/innovathefinal_07.gif" width="52" height="23" alt="" bor-der="no"></td>

<td rowspan="2"><img src="images/innovathefinal_08.gif"

width="36" height="27" alt=""></td><td>

<a href="aboutus.html"><img src="images/in-novathefinal_09.gif" width="71" height="23" alt="" border="no"></td>

<td rowspan="2"><img src="images/innovathefinal_10.gif"

width="35" height="27" alt=""></td><td>

<a href="services.html"><img src="images/innovathefinal_11.gif" width="72" height="23" alt="" border="no"></td>

<td rowspan="2">

Page 97: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<img src="images/innovathefinal_12.gif" width="30" height="27" alt=""></td>

<td><a href="contactus.html"><img src="images/

clickcontact.jpg" width="86" height="23" alt="" border="no"></td><td colspan="2" rowspan="2">

<img src="images/innovathefinal_14.gif" width="106" height="27" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="23" alt=""></td></tr><tr>

<td><img src="images/innovathefinal_15.gif"

width="52" height="4" alt=""></td><td>

<img src="images/innovathefinal_16.gif" width="71" height="4" alt=""></td>

<td><img src="images/innovathefinal_17.gif"

width="72" height="4" alt=""></td><td>

<img src="images/innovathefinal_18.gif" width="86" height="4" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="4" alt=""></td></tr><tr>

<td><img src="images/innovathefinal_19.gif"

width="70" height="983" alt=""></td><td colspan="11" img src="images/

innovathefinal_20.gif" width="866" height="983" alt=""><center><iframe name="body" src ="innovacontac-

tus.html" width="100%" height="983" scrolling="no" framebor-der="0">fttp</iframe></center>

</td><td>

<img src="images/innovathefinal_21.gif" width="74" height="983" alt=""></td>

<td>

Page 98: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<img src="images/spacer.gif" width="1" height="983" alt=""></td>

</tr><tr>

<td><img src="images/spacer.gif" width="70"

height="1" alt=""></td>

<td><img src="images/spacer.gif" width="3"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="399" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="50"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="52" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="36"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="71" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="35"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="72" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="30"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="86" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="32"

height="1" alt=""></td><td>

Page 99: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<img src="images/spacer.gif" width="74" height="1" alt=""></td>

<td></td></tr>

</table></center><!-- End ImageReady Slices --></body></html>

Website Dental Form Page

Codes:

<html><head><title>INNOVA|Site</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Page 100: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

</head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" margin-width="0" marginheight="0"><!-- ImageReady Slices (innovaf.psd) --><center><table id="Table_01" width="1011" height="1101" bor-der="0" cellpadding="0" cellspacing="0">

<tr><td colspan="13">

<img src="images/innovathefinal_01.gif" width="1010" height="29" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="29" alt=""></td></tr><tr>

<td colspan="2" rowspan="4"><img src="images/innovathefinal_02.gif"

width="73" height="88" alt=""></td><td>

<a href="innovathefinal.html"><img src="im-ages/innovathefinal_03.gif" width="399" height="52" alt="" bor-der="no"></td>

<td colspan="10" rowspan="2"><img src="images/innovathefinal_04.gif"

width="538" height="61" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="52" alt=""></td></tr><tr>

<td rowspan="3"><img src="images/innovathefinal_05.gif"

width="399" height="36" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="9" alt=""></td>

</tr><tr>

<td rowspan="2"><img src="images/innovathefinal_06.gif"

width="50" height="27" alt=""></td><td>

Page 101: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<a href="innovathefinal.html" ><img src="im-ages/click.jpg" width="52" height="23" alt="" border="no" ti-tle="Home"></td>

<td rowspan="2"><img src="images/innovathefinal_08.gif"

width="36" height="27" alt=""></td><td>

<a href="aboutus.html"><img src="images/in-novathefinal_09.gif" width="71" height="23" alt="" border="no" ti-tle="About Us"></td>

<td rowspan="2"><img src="images/innovathefinal_10.gif"

width="35" height="27" alt=""></td><td>

<a href="services.html"><img src="images/in-novathefinal_11.gif" width="72" height="23" alt="" border="no" ti-tle="Services"></td>

<td rowspan="2"><img src="images/innovathefinal_12.gif"

width="30" height="27" alt=""></td><td>

<a href="contactus.html"><img src="images/innovathefinal_13.gif" width="86" height="23" alt="" border="no" ti-tle="Contact Us"></td>

<td colspan="2" rowspan="2"><img src="images/innovathefinal_14.gif"

width="106" height="27" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="23" alt=""></td>

</tr><tr>

<td><img src="images/innovathefinal_15.gif"

width="52" height="4" alt=""></td><td>

<img src="images/innovathefinal_16.gif" width="71" height="4" alt=""></td>

<td><img src="images/innovathefinal_17.gif"

width="72" height="4" alt=""></td>

Page 102: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<td><img src="images/innovathefinal_18.gif"

width="86" height="4" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="4" alt=""></td>

</tr><tr>

<td><img src="images/innovathefinal_19.gif"

width="70" height="983" alt=""></td><td colspan="11" img src="images/

innovathefinal_20.gif" width="866" height="983" alt=""><center><iframe name="body" src ="innovahome-

.html" width="100%" height="983" scrolling="no" framebor-der="0">fttp</iframe></center>

</td><td>

<img src="images/innovathefinal_21.gif" width="74" height="983" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="983" alt=""></td></tr><tr>

<td><img src="images/spacer.gif" width="70"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="3" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="399"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="50" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="52"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="36" height="1" alt=""></td>

Page 103: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<td><img src="images/spacer.gif" width="71"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="35" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="72"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="30" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="86"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="32" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="74"

height="1" alt=""></td><td></td>

</tr></table></center><!-- End ImageReady Slices --></body></html>

Website Optical Form Page

Page 104: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Codes:

<html><head><title>INNOVA|Site</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" margin-width="0" marginheight="0"><!-- ImageReady Slices (innovaf.psd) --><center><table id="Table_01" width="1011" height="1101" bor-der="0" cellpadding="0" cellspacing="0">

<tr><td colspan="13">

<img src="images/innovathefinal_01.gif" width="1010" height="29" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="29" alt=""></td></tr><tr>

<td colspan="2" rowspan="4"><img src="images/innovathefinal_02.gif"

width="73" height="88" alt=""></td><td>

Page 105: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<a href="innovathefinal.html"><img src="im-ages/innovathefinal_03.gif" width="399" height="52" alt="" bor-der="no"></td>

<td colspan="10" rowspan="2"><img src="images/innovathefinal_04.gif"

width="538" height="61" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="52" alt=""></td>

</tr><tr>

<td rowspan="3"><img src="images/innovathefinal_05.gif"

width="399" height="36" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="9" alt=""></td>

</tr><tr>

<td rowspan="2"><img src="images/innovathefinal_06.gif"

width="50" height="27" alt=""></td><td>

<a href="innovathefinal.html" ><img src="im-ages/click.jpg" width="52" height="23" alt="" border="no" ti-tle="Home"></td>

<td rowspan="2"><img src="images/innovathefinal_08.gif"

width="36" height="27" alt=""></td><td>

<a href="aboutus.html"><img src="images/in-novathefinal_09.gif" width="71" height="23" alt="" border="no" ti-tle="About Us"></td>

<td rowspan="2"><img src="images/innovathefinal_10.gif"

width="35" height="27" alt=""></td><td>

<a href="services.html"><img src="images/in-novathefinal_11.gif" width="72" height="23" alt="" border="no" ti-tle="Services"></td>

<td rowspan="2"><img src="images/innovathefinal_12.gif"

width="30" height="27" alt=""></td>

Page 106: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<td><a href="contactus.html"><img src="images/

innovathefinal_13.gif" width="86" height="23" alt="" border="no" ti-tle="Contact Us"></td>

<td colspan="2" rowspan="2"><img src="images/innovathefinal_14.gif"

width="106" height="27" alt=""></td><td>

<img src="images/spacer.gif" width="1" height="23" alt=""></td>

</tr><tr>

<td><img src="images/innovathefinal_15.gif"

width="52" height="4" alt=""></td><td>

<img src="images/innovathefinal_16.gif" width="71" height="4" alt=""></td>

<td><img src="images/innovathefinal_17.gif"

width="72" height="4" alt=""></td><td>

<img src="images/innovathefinal_18.gif" width="86" height="4" alt=""></td>

<td><img src="images/spacer.gif" width="1"

height="4" alt=""></td></tr><tr>

<td><img src="images/innovathefinal_19.gif"

width="70" height="983" alt=""></td><td colspan="11" img src="images/

innovathefinal_20.gif" width="866" height="983" alt=""><center><iframe name="body" src ="innovahome-

.html" width="100%" height="983" scrolling="no" framebor-der="0">fttp</iframe></center>

</td><td>

<img src="images/innovathefinal_21.gif" width="74" height="983" alt=""></td>

<td>

Page 107: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<img src="images/spacer.gif" width="1" height="983" alt=""></td>

</tr><tr>

<td><img src="images/spacer.gif" width="70"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="3" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="399"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="50" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="52"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="36" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="71"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="35" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="72"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="30" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="86"

height="1" alt=""></td><td>

<img src="images/spacer.gif" width="32" height="1" alt=""></td>

<td><img src="images/spacer.gif" width="74"

height="1" alt=""></td>

Page 108: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<td></td></tr>

</table></center><!-- End ImageReady Slices --></body></html>

Website Database Page

Codes:

<style type="text/css"><!--

.style {font-family: "TAHOMA"; font-size: 13px; color: blue}

--></style>&nbsp;&nbsp;<input type="button" value="Print Page!" onclick="window.print()" class="style"/><Center><font size=3 color=#1d96d0 face=arial><b>Dental Data-base Records:</font><table border=1 cellpadding=2>

Page 109: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<tr bgcolor=lightgray><td><b>RxNo</b></td><td><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Patients_name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></td><td><b>Date_m</b></td><td><b>Date_d</b></td><td><b>Date_y</b></td><td><b>Age<b></td><td><b>Birthday_m</b></td><td><b>Birthday_d</b></td><td><b>Birthday_y</b></td><td><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sex&nbsp;&nbsp;&nbsp;&nbsp;<b></td><td><b>&nbsp;&nbsp;&nbsp;&nbsp;Telno&nbsp;&nbsp;&nbsp;&nbsp;</b></td><td><b>Cellno</b></td><td><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Address&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></td><td><b>Diabetes</b></td><td><b>Allergies<b></td><td><b>Under_medication</b></td><td><b>Hypertension</b></td><td><b>Asthma</b></td><td><b>Other_diseases<b></td><td><b>Cosultation_fee</b></td><td><b>Extraction_fee</b></td><td><b>Restoration_fee</b></td><td><b>Prophylaxis_fee<b></td><td><b>RCT_fee</b></td><td><b>Denture_fee</b></td><td><b>XRay_fee</b></td><td><b>Orthodontics<b></td><td><b>Attending_dentist</b></td><td><b>Recall_date</b></td><td><b>Total</b></td><td><b>Deposit<b></td><td><b>Balance</b></td></tr><tr><td>3355</td><td>Michael S. Escueta</td><td>February</td><td>14</td><td>2010</td><td>19</td><td>June</td><td>18</td><td>1990</td><td>Male</td><td>67346324</td><td>09224155318</td><td>Quezon</td><td>on</td><td></td><td></td><td></td><td></td><td></td><td>1000</td><td>1000</td><td>1000</td><td>1000</td><td>1000</td><td>1000</td><td>1000</td><td>sads</td><td>doctor</td><td>2012-09-00</td><td>7000</td><td>3000</td><td>4000</td></tr><tr><td>3356</td><td>Jonathan Cayanan Estellero</td><td>Feb-ruary</td><td>23</td>

Page 110: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

<td>2010</td><td>19</td><td>August</td><td>5</td><td>1991</td><td>Male</td><td>none</td><td>09184294375</td><td>2924 king solomon st. Camarin Caloocan City</td><td></td><td></td><td></td><td></td><td></td><td>alifunga</td><td>200</td><td>100</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>0000-00-00</td><td></td><td></td><td></td></tr><tr><td>3389</td><td>Gerrad Danao</td><td>March</td><td>6</td><td>2010</td><td>21</td><td>March</td><td>11</td><td>1989</td><td>Male</td><td>373-54-63</td><td>09105427507</td><td>Quezon City</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>0000-00-00</td><td></td><td></td><td></td></tr><tr><td>3390</td><td>Kenneth Danar</td><td>March</td><td>7</td><td>2010</td><td>18</td><td>April</td><td>1</td><td>1991</td><td>Female</td><td>737-24-56</td><td>09301575485</td><td>Quezon City</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>0000-00-00</td><td></td><td></td><td></td></tr>

1.2.2 Forms

1.2.2.1 Inventory

1.2.2.2 Layout

1.2.2.3 Data Dictionary

1.2.3 Reports

1.2.3.1 Inventory

Page 111: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

1.2.3.2 Layout

1.2.3.3 Data Dictionary

1.3 Program Design (use UML to illustrate how the modules of the

system works)

-each program unit should have a corresponding

diagram (e.g. collaboration, sequence, activity or state

diagrams)

1.4 Security Module Design

1.5 Backup and Archiving Design

1.6 Cost Benefit Analysis (CBA): Existing versus Proposed

Innova Optics and Dental Specialists Clinic

E-Books and Sales Online Monitoring System

Cost Benefit Analysis of Existing system

Schedule1. Hardware Cost

LAPTOP SPECIFICATIONSModel: Acer Aspire AS4535-842G25Mn

Qty Specification Cost Price Total

1 Processor : AMD Turion X2 Ultra Dual Core ZM84 (2.3Ghz / 2MB)

1 Video : ATI Radeon HD3200 with

Page 112: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

2048 Hypermemory1 Storage : 250GB SATA HDD1 Memory : 2GB DDR2 Memory

(Upgreable to 4GB)1 Display : 14" HD 1366 x 768 pixel

resolution, high-brightness1 Acer Cystal Eye Webcam 1 Built in wireless lan 802.11abg1 Built in 8X DVD-Super Multi

double-layer drive2 Built in Speakers (3D sonic)1 Printer1 Printer

Total Php 32,000

Source: Acer Store, SM North Annex

Monthly Annually

PhP 426.667 PhP 5,120

Note: all salvage value is 20 % of actual price

Yearly Depreciation Cost = (Actual cost – Salvage Value) / Estimated Life

= (32,000– 6,400) / 5 years

= PhP 5,120

Monthly Depreciation Cost = (yearly depreciation / 12 months)

= PhP 426.667

Schedule2.Software Cost

WHOLEPACKAGE

Page 113: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Operating System

Qty Software Cost Price Total

1 Microsoft Professional XP 5,000.00 5,000.00Total 5,000.00

Application Software

Qty Item Unit Price Total Price

1 Microsoft Office 2007 12,000.00 12,000.00Total 17,000.00

Source: CDr King, SM North

Yearly Depreciation Cost = (Actual cost – Salvage value) / Estimated Life

= (17,000 - 3,000) / 3 years = PhP 4,666.00

Monthly Depreciation Cost = (yearly depreciation / 12 months) = (4,666 / 12) = PhP 388.83

Monthly Annually

PhP 388.83 PhP 4,000.00

Note: all salvage value is 20 % of actual price

Page 114: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Schedule3. Utilities Expense

Qty Item Watts

/hour

kW/hou

r

kW/

day

kW/

day

Total

watts

No. of

days

Consumption

1 Laptop 250 0.25 8 2 16 27 4321 Printer 20 0.02 8 0.1

60.32 27 8.64

1 Aircon 750 0.75 8 6.4 12.8 27 345.63 Light(50

w)50 0.05 8 0.4 3.2 27 86.4

Total

872.64 kWh

Schedule4. Furniture and Fixture

Qty Particular Cost Price Total Price2 Cabinet P3,000 P6,0002 Office Table P2,500 P5,0003 Single Chair P800 P2,4001 Group Chair P2,500 P2,500

Total P15,900

Source: Sanyang Intertrade Corporation

Monthly Annually

Page 115: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

Php 212 Php 2,544

Yearly Depreciation Cost = (Actual cost – Salvage Value) / Estimated Life

= (15,900 – 3,180) / 5 years

= PhP 2,544

Monthly Depreciation Cost = (yearly depreciation / 12 months)

= PhP 212

Chapter 5

Summary of Findings, Conclusions and Recommendation

1.0 Summary of Findings

During the first interview and observations in the Innova Optics

and Dental Specialists, they have problems in their manual system,

1.1 Conclusions

Page 116: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

The study conducted has yielded some conclusions based on the

findings that were summarized in the previous section. It is now pos-

sible to derive several conclusions based on the objectives presented

in the first chapter. These conclusions are the following:

The implementation of E-Books and Sales Online Monitoring Sys-

tem is highly successful because, it promotes the services of In-

nova locally and it helped the clinic company to reach their

clients easily.

The clients enjoyed the benefits of using the Software in doing

their transactions with the Innova Optics and Dental Specialists

Clinic.

The proposed software is considered to be efficient, advanced

and inexpensive.

1.2 Recommendations

Although, the implementation of E-Books and Sales Online

Monitoring System in the Innova Optics and Dental Specialists Clinic is

already highly successful, the company should still undergo some

improvements, like any other systems. Improving security of their

Page 117: Software Innova Dental and Optical2

QUEZON CITY POLYTECHNIC UNIVERSITY

software and website is the most important factor that the company

should consider. The other factors that should be improved by Innova

Optics and Dental Specialists Clinic are their accuracy rate in order to

be more efficient. The company should also increase the number of

supported services in order to maintain their clients. At the same time

they should also attract more customers. In order to achieve this, the

clinic firm should have proper and wide marketing and advertisement

here in the Philippines. Finally, the company could make use of

database as a strategic weapon and new marketing techniques that

will give those gains from saving and increased revenues.