Final Interactive Proj.study

8/3/2019 Final Interactive Proj.study

http://slidepdf.com/reader/full/final-interactive-projstudy 1/49

Our Lady of Lourdes College Foundation

Interactive Map of Camarines Norte

INTERACTIVE MAP OF CAMARINES NORTE

SYSTEM ANALYSIS AND DESIGN

Presented to

The Faculty of Our Lady of Lourdes College Foundation

In Partial Fulfilment

Of the Requirements of

System Analysis and Design

ABUNDO, VIA MONICCA

BARLINTANGCO, ALVIN

CAMACHO, JULIET

ESPINAS, RICHELLE

MR. DARIO GALEON, MCS

Adviser

March 2011





PROJECT STUDY ABSTRACT

This study aimed to designed and developed web based

interactive map of Camarines Norte. Specifically, the

following questions were answered: (1) What are the key

features of interactive map that will provide quality of

service? (2) What are the processes in a manual interactive

map? (3) What are the processes identified that can be adopted

in an interactive map? (4) What security measure can be

adopted in an interactive map?

This study utilized the Structured Systems Analysis and

Design Method (SSADM). Document analysis was the main

instrument used to gather data. Internet browsing and library

research were also applied.

It was concluded that (1) Interactive map has become a

necessity everywhere. Interactive Map of Camarines Norte

provides the quality of service to the visitors by easy

navigation in finding locations or places and gets an overview

in the entire place. (2) (3) and (4) E-trust should be adopted

by interactive map of Camarines Norte for security and privacy

of the visitors.

Based on the conclusions formulated, the following are

recommended: (1); (2);





ACKNOWLEDGMENT

The researchers were greatly inspired by the wonderful

and pleasant experience they enjoyed during their college days

doing this work. They sincerely express their heartfelt

gratitude and due acknowledgment for the moral support extends

to them by the following:

Mr. Richard E. Dilan MIT, Thesis Adviser, for his

wholehearted support and assistance in the completion of this

study;

Mr. Gerry P. Lopez MCS, Dean of Computer Studies, for his

pieces of advice and moral support;

Mr.Dario Galeon MCS, Thesis Instructor, for his guidance

extended to the researchers;

, for going through manuscript, editing and rewriting;

Our family, for their inspiration, financial and

wholehearted support;

Above all, to the Almighty God who is the source of all

goodness in the world. For all the blessings bestowed upon

then and who make things possible.





DEDICATION

To God Almighty,

For His Love and Blessings and for giving us enough strength

and patience;

To our family, friends, love one’s and future researcher.

THIS PIECE OF WORK IS HEARTILY DEDICATED.

THE RESEARCHERS





TABLE OF CONTENTS

TITLE

APPROVAL SHEET

PROJECT STUDY ABSTRACT

ACKNOWLEDGMENT

DEDICATION

TABLE OF CONTENTS

LIST OF FIGURE

CHAPTER I - PROJECT OVERVIEW

Background of the Study

Importance of the Study

Statement of the Problem

Objectives of the Study

Definition of Terms

CHAPTER II - METHODOLOGY

Software Development Methodology

Scope and Delimitation

Data Gathering Techniques

Sources of Data

CHAPTER III - DISCUSSION OF FINDINGS

The key features of interactive map that will

provide quality of service

The process in a manual interactive map

The processes identified that can be adopted in an

interactive map

The security measures that can be adopted in an





interactive map

CHAPTER IV - SUMMARY, CONCLUSIONS AND RECOMMENDATIONS

Summary

Conclusions

Recommendations

REFERENCES

APPENDICES

A. Entity Relationship Diagram of the Proposed SystemB. Use Case Diagram of the Proposed System

C. Database of the Proposed System

D. Hardware and Software Specifications

E. Screenshots of the Proposed System

CURICCULUM VITAE





List of Figure

Figure No. Figure Title Page

2.1 Model of SSADM

2.2 Use Case Diagram

2.3 ER Diagram





CHAPTER I

Project Overview

Background of the Study

Visual representation of an area and relationships

between elements of that space such as objects, regions,

and themes. The process of sourcing maps and identifying

appropriate tools for an interactive map-making.

Interactive map is often practice of crafting

representations of the Earth upon a flat surface. According

toMap Division at The New York Public Library (Wikipedia,

2010) many maps are static two-dimensional, geometrically

accurate representations of three-dimensional space, while

others are dynamic or interactive, even three-dimensional.

Although most commonly used to depict geography, maps may

represent any space, real or imagined, without regard

to context or scale. It is critical for every country to

resort to means that offer quality and accurate interactive

map solutions at competitive cost. There are plenty of

interactive map sites available online - including Google Map,

Yahoo Map, Bing Map, Microsoft MapPoint, MapQuest, and many

http://en.wikipedia.org/wiki/Object_(philosophy)

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

http://en.wikipedia.org/wiki/Topic-comment

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

http://en.wikipedia.org/wiki/2D_geometric_model


http://en.wikipedia.org/wiki/Three-dimensional_space

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

http://en.wikipedia.org/wiki/Context_(language_use)

http://en.wikipedia.org/wiki/Scale_(map)

http://en.wikipedia.org/wiki/Scale_(map)

http://en.wikipedia.org/wiki/Context_(language_use)

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

http://en.wikipedia.org/wiki/Three-dimensional_space



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

http://en.wikipedia.org/wiki/Topic-comment

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

http://en.wikipedia.org/wiki/Object_(philosophy)





more. They are mainly used as directions tools, for road

mapping and route planner. Information about how to get there.

Interactive map making software usually supports custom

definable regions, areas and location points.

Interactive map

An image map is usually a picture (e.g. a photo, a

diagram, a chart, or a floor plan) with single or multiple

clickable hot spots. Clicking on the hot spots will let

browsers see more information in a pop-up box, or link to

other online destinations. These maps are for navigation or

data representation purpose, geographical details such as

highways, buildings, rivers are not always necessary, which

makes the map cleaner and easier to navigate by visitors. With

few click-through on the national, state or county map,

visitors can quickly find information or be redirected to

specific page about a particular location on the map image.

Image maps allow web designers to be more creative in terms of

visual effects and website navigation. if you are organizing a

trade show or exhibition, you can use an image map to display

your exhibition floor plan, and allow browsers to see each

exhibitor's details by hover over their mouse pointer on a

booth, a logo or a descriptive text, with a link to the home

page of the selected exhibitor.

Image maps make information on your website more

accessible, which encourage customers to keep coming back to





the page and can improve website’s conversion ratio. When

people browsing information online, they often respond to

visual and interactive elements faster. An image map helps

visitors to find information as they do not need to read lots

of text in order to find the page they want. Most image maps

are coded using Java script, HTML, and hot spots are defined

by using x and y coordinates. Instead, they look at a self-

explanatory image, and click on the item or element which

interested them the most. This in turn makes it easier to

convert visitors into potential visitors. If you are in the

business of selling furniture, you could put a large image of

a fully furnished apartment on your home page. By rolling the

cursor over certain objects, such as the chair, users will

find that they can actually click on the chair and it will

take them to the related page where they can find a collection

of chairs for them to find more information easily.

Unstructured Map Making

Visual indication of the earth's surface, the shape of

the continents, and their relative positions, and gives a true

representation; whatever position it is viewed from. The shape

and size of the various continents is not distorted through

trying to represent a spherical surface on a flat piece of

paper. However; globes cannot give detailed information on a

large scale; even very large globes. They also give a false

impression of the relative curvature of the earth, because the





radius of a globe is a lot less than the radius of the earth.

Maps on the other hand can be produced at any scale desired;

and the larger the scale, the less the effect of distortion.

Maps can provide detailed information and provide

topographical data in much more detail that a globe. Maps are

easier to prepare, and can be modified as physical or

political situations change (road maps, for example) However;

all maps distort the shape or size of landforms; particularly

on a global scale. They either distort the shape of the land,

or the relative size of the continents. “Greenland may appear

to be the same size as Africa on a global map, but it is in

fact a lot smaller.”

Requirements of a map include the selection of various

features which are to be included on the map, the

characterization of these features into groups such as ―Roads‖

or ―built-up areas,‖ the simplification of detailed outlines

of areas including the coastline, the exaggeration of some

features on the map that are often too small in reality to

represent, and the use of symbols to classify the different

classes of the chosen features for the map. To interpret most

symbols and features, a representative key is usually

supplied. Without a good knowledge of the many symbols on a

map, it is often difficult to find what you are looking for in

a short space of time. Other disadvantages of basic maps is

that they are also often stylized, meaning that they are often





portrayed in an unnatural way, and require some level of

interpretation. Maps are often out of date because they have

to be printed and therefore the date of publication is the

latest date of accuracy. They also show only a situation that

is static and is a reflection of one section in time only.

Some maps are very artistic which can make them more difficult

to interpret, and area on a map can be rather difficult to

determine accurately. It becomes increasingly difficult to use

a map of the area if you are positioned on top of a high

location within the map location as perspectives change and

some objects are blocked from view by other objects. Maps

cannot pan or give an oblique angle view on the map location.

Due to the cost of producing and making certain maps, the

information that they contain is often a compromise with what

can be afforded.

Cartography Technological Changes

Technology has continually changed in order to meet the

demands of new generations of mapmakers and map users. The

first maps were manually constructed with brushes and

parchment; therefore, varied in quality and were limited in

distribution. The advent of magnetic devices, such as the

compass and much later, storage devices, allowed for the

creation of far more accurate maps and the ability to store

and manipulate them digitally. Advances in mechanical devices

such as the printing press, quadrant and vernier, allowed for

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

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

http://en.wikipedia.org/wiki/Quadrant_%28instrument%29

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

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

http://en.wikipedia.org/wiki/Quadrant_%28instrument%29

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

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





the mass production of maps and the ability to make accurate

reproductions from more accurate data. Optical technology,

such as the telescope, sextant and other devices that use

telescopes, allowed for accurate surveying of land and the

ability of mapmakers and navigators to find their latitude by

measuring angles to the North Star at night or the sun at

noon. Advances in photochemical technology processes allowed

for the creation of maps that have fine details, do not

distort in shape and resist moisture and wear. This also

eliminated the need for engraving, which further shortened the

time it takes to make and reproduce maps. According to

(Wikipedia, 2010) advances in electronic technology in the

20th century ushered in another revolution in cartography.

Ready availability of computers and peripherals such as

monitors, plotters, printers, scanners (remote and document)

and analytic stereo plotters, along with computer programs for

visualization, image processing, spatial analysis, and

database management, have democratized and greatly expanded

the making of maps. The ability to superimpose spatially

located variables onto existing maps created new uses for maps

and new industries to explore and exploit these potentials.

These days most commercial-quality maps are made using

software that falls into one of three main types: CAD, GIS and

specialized illustration software. Spatial information can be

stored in a database, from which it can be extracted on

demand. These tools lead to increasingly dynamic, interactive

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

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

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

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

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

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

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

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

http://en.wikipedia.org/wiki/Computer-aided_design

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


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

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


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

http://en.wikipedia.org/wiki/Computer-aided_design


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

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

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

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

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

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

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





maps that can be manipulated digitally. While originally a

military project, GPS is considered a dual-use technology,

meaning it has significant military and civilian applications.

GPS has become a widely deployed and useful tool for commerce,

scientific uses, tracking, and surveillance. GPS's accurate

time facilitates everyday activities such as banking, mobile

phone operations, and even the control of power grids by

allowing well synchronized hand-off switching. Farmers,

surveyors, geologists, and countless others perform their work

more efficiently, safely, economically, and accurately.

Web Enable Interactive mapping promotes Economic Benefits

For the majority of us, maps represent a useful tool

which we often use in daily life be it while navigating new

hiking trails or when we are looking for a specific landmark,

shopping centre or street name in an unfamiliar town or city.

The common road atlas is now being replaced with more

sophisticated and interactive digital forms which in some

vehicles are now being built in as standard features. These

systems use computer programs and GPS (Global Positioning

System) satellite technology to assist with voice prompts and

are a form of GIS (Global Information System). GIS though

still a relatively new technology is becoming more and more

useful for a vast range of applications which include everyday

life, science and agricultural fields, and the military. In

this assignment, I will touch on the essence of maps, digital

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

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





maps, and GIS to provide a basic introduction to their uses,

advantages and disadvantages. According with easy

interactivity and user-friendly approach, the websites can

serve the purpose of the visitors in a simple manner. Without

spending much time, the visitors can get the required

information about a particular continent or nation. Moreover,

embedding such world map in the website is quite simple. There

are several interactive map software solutions available in

the market and by the help of such software, it is very easy

to embed word map in a webpage, without much technical

knowledge and expertise. Usage of such world maps in the

websites has given a new face of interactivity. Now, it is not

a matter of worry for users to find any specific detail about

a particular location. With the population growing faster than

it has ever been, the real estate industry continues to expand

to fulfill the greater housing need. In addition, the robust

economy also drives more people to buy a new house or invest

money into a secondary residential area. Maximizing the

marketing strategies is always the top priority for the real

estate companies. Today, the customers are more forward

thinking, specifically in the matters of investment in real

estates. They become more conscious and concerned about each

aspect of their family life in an environment. Whether such

relocations are by personal desire or a profession oriented

compulsion, buyers would like gather maximum information about

the destination they intend to move to. In such scenario,





integration of interactive property maps in the real estate

websites can help the prospects in a big way to get the

desired information such available homes for sale, mortgage

rates, relocation tips, or real estate agents in a particular

area.

Benefits of Interactive Map

Is your business lost amidst thousands of other shops,

stalls or companies in the vicinity? The best way to attract

and guide your potential customers to your business is by

creating an online clickable interactive map. The invention of

such Flash software has brought about a sea change in the

business-customer relationships. It has also become convenient

for customers to search and assess the geographical data

within a site for the exact stores or branch offices they

would like to visit.

Potential customers are finding it attractive and

interactive and are waking up to convenience of the clickable

interactive map based on Flash. In this type of application

there are several JPG and HTML which are effectively designed

with numerous text lines, images, buttons, and other

information tabs, each linked to another page or URL for

further illustrative information. The programmers can create

various dynamic clickable interactive maps using Flash –

http://www.imapbuilder.com/screenshot.php

http://www.imapbuilder.com/screenshot.php





icons, landmarks, dynamic displaying of routes, hints, lines,

mouse-over-tool tips, text boxes, and other clickable points.

Using these maps are immense and accepted by all Internet

users. Following are some of the benefits of using the

clickable map software:

1. A clickable interactive map is capable of increasing the

usefulness of websites.

2. This software is useful for increasing navigation to

websites.

3. It helps in easy access to information on the website

thereby, making it convenient for customers and visitors to

navigate from one page to another without trying too hard for

it.

4. With the use of a clickable interactive map potential

customers will be able to know about your business locations,

branch offices, headquarters and other areas of operation.

5. Useful in pointing out the route or the road the customers

might take to reach your business site conveniently.

What is the current scenario in interactive map?

maps have become a popular instrument in visualize geospatial

business data, and as a navigation tool to help visitors find

locations related information quickly. There are plenty of





interactive map sites available online - including Google Map,

Yahoo Map. There are also many other possible applications

that website owners can make use of interactive maps for their

particular industries and markets. According to recent article

of KoFaifreyko (published, August 13,2010) interactive world

maps have become increasing popular used to present

geographical data online than the traditional tools such as

static image world map or JavaScript maps. Flash interactive

maps loads a lot faster and smoother than script based maps,

and can easily support interactive functions such as mouse

hover-over, popup info window, zooming, scrolling and regional

highlighting.

According to Alice Liposwics WashingtonTechnology.com,

June 18,2010) The public can now track Deepwater Horizon-BP

oil spill recovery data online via a near-real-time

interactive map at a new Web site created by the National

Oceanic and Atmospheric Administration.The GeoPlatform Web

site, launched June 15, includes regularly updated geospatial

data from several federal and state agencies on the oil spill

trajectory, closed fishery areas, impact on wildlife and Gulf

resources, daily position of research ships, and affected

shorelines.Data published on the site is received from NOAA,

the U.S. Coast Guard, the Environmental Protection Agency, the

U.S. Fish and Wildlife Service, the U.S. Geological Survey,

the Homeland Security Department, NASA and several

states.―This Web site provides users with an expansive, yet

http://www.geoplatform.gov/gulfresponse/








detailed geographic picture of what’s going on with the

spill,‖ According to Jane Lubchenco, NOAA administrator, said

in the news release June 15. ―It’s a common operational

picture that allows the American people to see how their

government is responding to the crisis.‖

KABEETmaps refers to our easily attachable maps,It is a

proudly Philippine interactive map initiative and can be

attached or embedded on any website for free. Being listed in

KABEETmaps directory is also available at no cost. Being

advertized on the website and the interactive maps themselves

are offered at an affordable fee. This site helps you find and

know more of the Philippines, its Provinces, Political

Regions, Cities/Towns,Municipalities, Districts,Villages/Subdi

visions, Barangays, Streets,Residential & Commercial

Buildings, Government Agencies, Major Business Establishments

or Prominent Landmarks. is the Philippines' first and only

interactive internet mapping system of its kind accessible for

FREE to the public . It aims to provide an easier way of

locating places and even jobs/events by combining the services

of a map atlas, an online directory, and a searchportal.

KABEETmaps is a detailed and regularly updated

flashmapwhichmay be used in the website of its subscribers,

sponsors, LGUs or government institutions at no cost. All

cities from the National Capital Region are provided with

street level maps such as Makati, Quezon City, Manila, Pasay,

http://www.kabeetmaps.com/flash/result01.php?pid=10196&curPage=1&keyword=republic%20of%20the%20philippines&file=philippines.swf&category=&location=Philippines

http://www.kabeetmaps.com/flash/result01.php?pid=10205&curPage=1&keyword=province&file=metromanila.swf&category=province&location=

http://www.kabeetmaps.com/flash/result01.php?pid=10197&curPage=1&keyword=region&file=ilocos.swf&category=&location=


http://www.kabeetmaps.com/flash/result01.php?pid=10191&curPage=1&keyword=business%20district&file=ortigas.swf&category=&location=

http://www.kabeetmaps.com/flash/result01.php?pid=10090&curPage=3&keyword=barangay&file=makati22.swf&category=Barangay&location=NCR,%20Philippines

http://www.kabeetmaps.com/flash/result01.php?pid=1102342&curPage=8&keyword=street&file=makati22.swf&category=Street&location=

http://www.kabeetmaps.com/flash/result01.php?pid=1102770&curPage=4&keyword=building&file=makati22.swf&category=&location=


http://www.kabeetmaps.com/flash/result01.php?pid=10057&curPage=1&keyword=local%20government&file=makati.swf&category=Government&location=

http://www.kabeetmaps.com/flash/result01.php?pid=10057&curPage=1&keyword=local%20government&file=makati.swf&category=Government&location=



http://www.kabeetmaps.com/flash/result01.php?pid=1102342&curPage=8&keyword=street&file=makati22.swf&category=Street&location=












Pasig, Taguig, Marikina, Paranaque, Las Pinas, Muntinlupa,

etc. Other key cities such as Baguio, Cebu, Naga City (Bicol),

Cagayan de Oro, General Santos, Antipolo, Trece Martirez,

Batangas, Calamba and others are now already released too.

KABEETmaps has been awarded by the Asia-Pacific Awards

Council as the 2008 MOST INNOVATIVE INTERNET MAPPING SYSTEM

PROVIDER. The award was conferred on March 30, 2008 during the

16th Annual Asia-Pacific Excelence Awards (APEA) held at SM

Megatrade Conference Center in recognition of the excellence

and quality of service features based on consumer surveys and

research beneficial to the consumers of the Asia-Pacific

Region.

Statement of the Problem

The primary purpose of this study is to design and

develop a web-based Interactive Map to assist user find and

know more of the Philippines, its Provinces, Cities/Towns,

Municipalities, and Barangays.

It shall attempt to answer the following questions:

1. What are the key features of interactive map that willprovide quality of service?

2. What are the processes in a manual interactive map?3. Which among the processes identified can be adopted in

an interactive map?











4. What security measures will be adopted in a interactivemap.

Objectives of the Study

The study aims to design and develop web-based

interactive map that will cater to the needs of tourist and

visitor for easy navigation.

Specific Objectives. Specifically, the study aims to

achieve the following.

1. Identify the key features of interactive map that willprovide quality of service?

2. Determine the processes in a manual interactive map?3. Identify the processes identified can be adopted in an

interactive map?

4. Determine security measures will be adopted in ainteractive map.

Definition of Terms

The following terms are used significantly in this study,

thereby need to be defined:

Client-Server Architecture. Structure that refers to the

way in which a software component interact to form a

system. There is a client process which requires some

resources, and a server which provides the resource.

Interactive Map.





Web-based System. A system composed of hardware,

software, database, people and procedures that are

configured to collect, manipulate, store and process data

into information.

Context Data Flow Diagram. It is the highest level

diagram and the most abstract version of the system to

show the limits or boundaries of the system. It also

shows data transformation.

Data. Any collection of facts

Database. A collection of related information.

Data Dictionary. A repository of information about

database that documents data elements of a database.

Data Flow. Is a software architecture based on the idea

that changing the value of a variable should

automatically force recalculation of the values of other

variables.

Form Design. A graphical interface of a system.

Security. Security Policy is a well-defined and

documented set of guidelines that describes how an

organization manages, protects its information assets and

makes future decisions about its information systems

security infrastructure.

Data encryption. Hidden information for security

purposes.

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

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





Legal Disclaimer. Is generally any statement intended to

specify or delimit the scope of rights and obligations

that may be exercised and enforced by parties in a

legally-recognized relationship.

Entity Relationship Diagram. A detailed, logical

representation of the entities, associations and data

elements for an organization or business.





CHAPTER II

Methodology

Software Development Methodology

There are several software development methodologies

(SDM) available in the software industry. Some are generic and

some are proprietary. The choice of SDM is generally based on

familiarity of the activities and techniques in the

methodology, the support for automation, and the cost

associated with the activities and software used in automating

the activities (Sommervile, 2005).

The author used Structured Systems Analysis and Design

Methodology (SSADM) based on the above guidelines my Ian

Sommerville and by most authors on systems analysis and

design, software engineering and information resource

management.

Structured Systems Analysis and Design Method (SSADM) is a

systems approach to the analysis and design of information

systems. SSADM is a waterfall method by which an Information

System design can be arrived at; SSADM can be thought to

represent a pinnacle of the rigorous document-led approach to

system design (Wikipedia, April 7, 2008). The 3 most important

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

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




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





techniques in this methodology are logical data modeling, data

flow modeling and entity behavior modeling (De Marco, 2005).

Figure 2.1 is a model that depicts the activities in the

SSADM.

Figure 2.1 Model of SSADM

SSADM consists of 5 main stages (which are broken-down in

several sub-stages). The 5 main stages are:

Feasibility Study: The Feasibility Study involves a high

level analysis of a business area to determine whether it’s

feasible develop a particular system and involve Data Flow

Modeling.

Requirements Analysis: In the Requirements Analysis stage

requirements are identified and the current business

environment is modeled, business system options are produced

and presented. One of these options will be chosen then





refined. Data Flow Modeling and Logical Data Modeling can be

used as technique during this stage.

Requirements Specification: In the Requirements

Specification the functional and non-functional requirements

are specified as a result of the previous stage. Data Flow

Modeling, Logical Data Modeling and Entity Event Modeling can

be used as technique during this stage.

Logical System Specification: In the Logical System

Specification the development and implementation environment

are specified, and the logical design of update and enquiry

processing and system dialogues are carried out.

Physical Design: During the Physical Design the logical

system specification and technical specification are used to

create a physical design and a set program specifications.

Under the SSADM, the techniques adopted by the author

includes data modeling with the use of entity-relationship

diagram (ERD), i.e. ERD without the attributes for readability

and ERD with the attributes for more details; data flow

diagram (DFD), which includes context-level DFD that shows the

scope of the system; top-level DFD that shows the

relationships of the sub-processes within the system; and

exploded DFDs that show the details of each sub-process. The

database structure is used to show the tables used in the





proposed system. Data normalization techniques are used to

remove data redundancies, thus minimizing data anomalies.

Prototyping was used in determining the requirements of the

system. Prototypes in the form of screen capture were used to

show the input and output design of the proposed system.

Scope and Delimitation of the Study

This study shall focus on the design of the web-based

interactive Map of Camarines Norte and Municipality, Listing

of Barangays, Restaurant, Hotel and Tourist Spots.

The system shall be including the following features: (1)

legal disclaimer

Data Gathering Techniques

Since the software being designed is generic, the author

used existing interactive map(Google map,2010) to determine

the requirements of the proposed system. The wikimapia

existing map portals that were used as a basis in the design

of the proposed system.

Sources of Data

The researchers gathered the informations from the

Provincial Library, Department of Tourism-Daet, National

Statistics Office-Daet,and the Municipal Planning Development

Coordinator of each municipalities of Camarines Norte.





CHAPTER III

Discussion of Findings

The key features of interactive map that will provide quality

of service.

Interactive maps are computerized maps that allow users

to interface with various aspects of the maps themselves. The

interactive design makes it exceptionally easy to pinpoint a

given location. A particular position or landmark can be

identified by simply entering its address or, with certain

models of interactive maps, its name or latitudinal and

longitudinal coordinates. When used to determine driving

directions, interactive maps make route-planning a breeze;

users also typically have the ability to locate gas stations,

restaurants, and points-of-interest along the way. With

advancements in technology, maps have become even more

detailed and user-friendly, permitting professionals the

ability to interact, update, and make changes to the maps in

real time.

With the use of interactive map of Camarines Norte, the

visitors can come to know about the location of





municipalities. Just by rolling the mouse over to a certain

part of the map, the visitors can instantly get information

about the area from the pop-up text, links and images.

Clicking on such links, visitors can get more detailed

information about that area. It also helps in indicating

locations such as barangays, hotel, restaurant and tourist

spot.

The processes in a manual interactive map.

Map, a drawing or other graphic representation of all or

part of the earth's surface. Maps are flat; in this respect

they differ from globes, or spherical models of the earth. The

art and science of mapmaking is called cartography.

Maps differ in the amount and kind of information they

give, and the graphic devices used to convey the information.

Some of the types of maps in common use are the following:

1. General Reference Maps are maps, usually of relatively

large areas, that show major land and water areas, and such

features as cities and political boundaries. Atlas maps are

generally of this kind.

2. Topographic Maps, prepared from original surveys and aerial

photographs, show all important natural and man-made features

in relatively small areas, usually in considerable detail.

Military and most maps published by the U.S. Geological Survey

are of this kind.





3. Planimetric Maps, unlike topographic maps, make no attempt

to show varying elevations. They are drawn as though the earth

were a plane (flat) surface.

4. Charts are maps used in sea and air navigation. They are

specially designed for plotting a course.

5. Thematic, Or Topical, Maps provide information on a single

subject. Usually the mere outline of the area under

consideration is shown. Against this simplified background the

special information is made to stand out by various methods.

For example, colors or patterns may be used to show the

distribution of rainfall, soil types, or election results.

Dots may represent places where a firm has retail sale

outlets, the location of historical sites, or the like.

Variations of quantity — of rainfall, population, or crop

yields, for example — may be shown as variations in color or

tones of gray; or isopleths (―equal value‖ lines), such as the

isobars on weather maps.

6. Cartograms are map like diagrams. They present statistics

in a pictorial way. A cartogram might show, for example, the

countries of the world in their proper map position, but with

each country distorted to a size proportionate to its

population.

The processes identified that can be adopted in an interactive

map.





The security measures identified that can be adopted in an

interactive map.

Growing concerns about the security and privacy of

personally identifiable information are threatening to

constrain the growth of electronic commerce. There are

hundreds of software developers who created programs when it

comes to online privacy. One of which is the eTrust, the term

"eTrust" means Electronic Trust and relates directly to the

Electronic Trust Foundation. eTrust ensures that your personal

information is protected online. This foundation promotes

privacy and security in the online community.

The eTrust Foundation offers an eTrust Privacy

Certification. This certification seal shows that an online

business or website was reviewed by eTrust and deemed

responsible when it comes to privacy and data protection.

Consumers who perform online transactions often are

concerned for their privacy and the security of their

personal, important information. eTrust strives to aid these

customers and ease their minds. The foundation ensures that

personal details, such as phone numbers and home addresses, do

not ever reach third party companies unless the consumer has

allowed access.





The goal of the eTRUST program is to increase consumer

trust and confidence in electronic transactions, and to

provide an industry driven solution to the problems of online

privacy. In order to increase the level of confidence in

online privacy, eTRUST will provide assurance and monitoring

(through both active and passive means) of the business

practices of entities that have the ability to collect, use

and distribute personal information.





CHAPTER IV

Summary, Conclusions and Recommendations

Summary

This study entitled ―Interactive Map of Camarines Norte‖

aimed to design and develop web-based interactive map that

will cater to the needs of tourist and visitor for easy

navigation.

The Structured Systems Analysis and Design Method (SSADM)

was utilized and document analysis was the main instrument

used to gather data. Internet browsing and library research

were also applied.

Conclusions

In view of the findings, the researchers arrived at the

following conclusions:

1. Interactive map has become a necessity everywhere.

Interactive Map of Camarines Norte provides the quality of

service to the visitors by easy navigation in finding

locations or places and gets an overview in the entire place.

2.

3.





4. E-trust should be adopted by interactive map of Camarines

Norte for security and privacy of the visitors.

Recommendations

Based from the cited conclusions, the following

recommendations were drawn:





References





Appendices





Appendix A

Use Case Diagram of the Proposed System

Figure 2.2 Use Case Diagram

VISITOR ADMINISTRATOR

Document Management System of

Research Collections

VIEW MUNICIPALITIES(BARANGAYS,

RESTAURANT, HOTELSAND TOURIST SPOT)

MANAGE

ADMINISTRATOR ANDUSER ACCOUNTS





Appendix B

Entity Relationship Diagram of the Proposed System

Figure 2.3 ER Diagram

`

has ADMIN

addressLname

Fname User

Account

has

Camarines Norte

Information

Municipality ID

Description

Location

Area

has

Municipality

Information

Municipality ID

Description

Location

Area

USER

email contact

passwordID

Username

Account

addressLname

Fname

email contact

passwordAdmin ID





Appendix C

Database of the Proposed System

Table 1. Administrator

Fields Types

Id Integer(9)Fname Varchar(20)Lname Varchar(20)Mname Varchar(20)Address Varchar(20)Email Varchar(20)Username Varchar(20)Password Varchar(20)

Table 9. Registration

Fields TypesID Integer(9)Password Varchar(20)Email Varchar(20)

FirstName Varchar(20)LastName Varchar(20)Location Varchar(20)Address Varchar(20)Contact Varchar(20)

Table 2. Daet Vinzons Mercedes Basud San Lorenzo Ruiz San

Vicente Talisay Labo Capalonga Paracale Jose Panganiban and

Sta. Elena

Fields TypesID Integer(9)No_ofBarangays Varchar(20)Area Varchar(20)Population Varchar(20)





Appendix D

Hardware and Software Specifications

Hardware Specifications

Server Side (CPU Specifications)

Hardware Specifications

Minimum Recommended

Processor Dual Core(2.5

GHz)

Core 2 Duo (3.0 GHz) or Higher

Spec.RAM 2 GB 3 GB or more

Hard Drive 160 GB 250 GB or Higher

Optical Drive CD Writer DVD Writer (Dual-Layer

Support)

Workstation Side (CPU Specifications)

Hardware Minimum SpecificationsProcessor Pentium 4 (2.0 GHz)

RAM 256 MB (400 MHz)

Hard Drive 80 GB

USB port At least 1 port USB 2.0

Other Peripherals Specifications

Hardware Minimum Specifications

Monitor 15‖ CRT Display Screen

Mouse Optical Mouse (PS2)

Keyboard Standard Keyboard (PS2)

Printer LX-300+





Software Specifications

Server Side

Software Minimum Specifications

Server WAMP Server 2.0

Operating System Windows Server 2008

Web Browser Mozilla Firefox 3.0

Workstation Side

Software Minimum Specifications

Operating System Windows XP Service Pack 2

Web Browser Mozilla Firefox 3.0





Appendix E

Screenshots of the Proposed System





Curriculum Vitae

Name : Via Monicca Abundo

Age : 22

Birth Date :

Address : Jose Panganiban, Camarines Norte

Sex : Female

Mother’s Name :

Father’s Name :

Mobile No. :

Civil Status : Single

Citizenship : Filipino

Religion : Roman Catholic

EDUCATIONAL BACKGROUND

Elementary : Elementary School

Secondary : Jose Panganiban National High School

Tertiary : Our Lady of Lourdes College Foundation

Course : Computer Programming





Curriculum Vitae

Name : Alvin Barlintangco

Age : 23

Birth Date :

Address : Moreno Daet, Camarines Norte

Sex : Male

Mother’s Name :

Father’s Name :

Mobile No. :





Elementary : La Consolacion College-Daet

Secondary : La Consolacion College-Daet



Graduated : Bachelor of Science in Criminology





Curriculum Vitae

Name : Juliet C. Camacho

Age : 19

Birth Date : May 20, 1991

Address : Brgy. Mantagbac Daet, Camarines Norte

Sex : Female

Mother’s Name : Lorna C. Camacho

Father’s Name : Antonio L. Camacho

Mobile No. : 09078866320



Religion : Born Again


Elementary : Mantagbac Elementary School

Secondary : Basud National High School

Tertiary : Colegio de San Juan de Letran

Undergraduate : Bachelor of Science in Information Technology







Curriculum Vitae

Name : Richelle Espinas

Age : 18

Birth Date :

Address : Tawig Paracale, Camarines Norte

Sex : Female

Mother’s Name :

Father’s Name :

Mobile No. :





Elementary : Elementary School

Secondary : National High School



Final Interactive Proj.study

Documents

Transcript of Final Interactive Proj.study