Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ THESIS
INFORMATION KIOSK APPLICATION DEVELOPMENT AT INTERNATIONAL AIRPORT SOEKARNO-HATTA
LINA NAILATUL MUYASSAROH
106091105098
COMPUTER SCIENCE DEPARTMENT FACULTY OF SCIENCE AND TECHNOLOGY STATE ISLAMIC UNIVERSITY SYARIF HIDAYATULLAH JAKARTA 2011 M / 1413 H Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ DEPARTMENT OF COMPUTER SCIENCE
FACULTY OF SCIENCE AND TECHNOLOGY
UIN SYARIF HIDAYATULLAH JAKARTA
CERTIFICATION EXAM
Thesis of “Airport Information Kiosk Development at International Airport
SOEKARNO-HATTA ” written by Lina Nailatul Muyassaroh, Student ID 106091105098 that have been tested and passed in the session munaqosyah Faculty of Science and Technology
UIN Jakarta Syarif Hidayatullah on . This Thesis has accepted as a requirement to obtain
Bachelor Degree of Computer Science.
Approved by : Supervisor I Supervisor II
DR. Eko Syamsuddin, H M.Eng Taufik Edy M. Sc Tech NIP. 19691025198812 1 001 NIP. 19790530200604 1 002 Examiner I Examiner II
Arini, ST, MT Husni Teja Sukmana, Ph.D NIP. 1976013120091 2 001 NIP. 19771030200112 1 003 With Acknowledgement of,
Dean of Head of Faculty Science and Technology Computer Science Department Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
DR. Sopiyansyah Jaya Putra, M.Sis Yusuf Durrachman , M Sc, MIT
NIP. 19680117200112 1 001 NIP. 19710522200604 1 002 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ INFORMATION KIOSK APPLICATION DEVELOPMENT AT INTERNATIONAL AIRPORT SOEKARNO-HATTA
Thesis As One requirement to obtain a Bachelor degree of Computer Science Department of Computer Science - International Programme Faculty of Science and Technology State Islamic University Syarif Hidayatullah Jakarta
By: LINA NAILATUL MUYASSAROH 106091105098
Approve by :
Supervisor I Supervisor II
DR. Eko Syamsuddin,H M.Eng Taufik Edy M.Sc Tech NIP. 19691025 198812 1 001 NIP. 19790530 200604 1 002
With Acknowledgement of,
Head of Computer Science Department
Yusuf Durrachman, M Sc, MIT NIP. 19710522 200604 1 002
ii Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
iii Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
ABSTRACT
Lina Nailatul Muyassaroh, Airport Information Kiosk Development at International Airport Soekarno-Hatta Tangerang Banten. Supervised by DR.Eko Syamsuddin H, M.Eng and Taufik Edy S. MScTech.
Soekarno-Hatta International airport is the biggest and busiest airport in Jakarta. In 2009, Soekarno-Hatta was ranked 22nd amongst the worlds busiest airport by it. Accordingly many new tourists who come from various countries visit Jakarta needs some information related to Jakarta. To resolve those issue a solution offered is “Developing Airport Information Kiosk Application” in order to provide the information needed by tourist. Interview and questionnaire were done in the early stage of developing this application and its components. It is required to gather information about airport and understanding the importance of this application. The Interactive Multimedia System Design and Development (IMSDD) methodology development used in building this application. This application consist of six main features: News, Airport facilities, Mall information, Hotel, Recreation and Jakarta Food. Based on the result of the evaluation by questionnaires, it can be concluded that this application has sufficient information, the design interface is interesting, easy to understand and it can help the tourist in getting the information needed in the airport.
Keyword: Information Kiosk, International Airport Soekarno-Hatta. V Chapters + xvii Pages + 96 Pages + 78 Figures + 10 Tables References + 3 Appendixes References: 5 (2001-2007)
iv Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
DECLARATION
I HEREBY DECLARE THAT THIS THESIS IS TRULY THE WORK OF MY SELF AND THAT HAS NOT BEEN PROPOSED AS A THESIS OR SCIENTIFIC WORK IN THE UNIVERSITY OR ANY OTHER INSTITUTIONS.
Jakarta, January 2011
Lina Nailatul Muyassaroh 106091105098
v Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
FOREWORD
Gratitude to all praise is to Allah SWT, the creator of the universe, king of the king, the beneficent, merciful, who does help out in arranging this report so this report can be completed well. Peace and mercy to the prophet Muhammad
SAW and to his family and the followers.
The Airport Information Kiosk Application has been done start from
August to December 2010. A grateful given for finishing this thesis. Since this thesis is written as the final thesis of the bachelor's degree in Computer Science
Faculty of Science and Technology-International Programme, the text is primarily aimed at the State Islamic University Jakarta. Hopefully this thesis will be useful and give a great contribution in delivering information
I would like to extend my appreciation and gratitude to:
1. Prof. Dr. Komarudin Hidayat as a Rector of State Islamic University
Jakarta.
2. Mr. DR. Syopiansyah, M.Sis as a Dean of Science and Technology
Faculty.
vi Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ 3. Mr. Yusuf Durrachman, M.Sc, MIT as a Head of Department of Computer
Science and Mrs. Viva Arifin, S Kom, MMSI as a Secreatary of
Department of Computer Science.
4. DR. Eko Syamsuddin,H M.Eng and Mr. Taufik Edy M.Sc Tech as my
supervisor who always constantly encourage me to finish this thesis.
5. Mrs. Ria Hari, ST, M Kom as an International Class Technical
Coordinator who always give supports and motivations.
6. A lot of thanks is also given to my lovely parents that always pray, support
and always encourage and pray for me to finish this thesis.
7. For my special friend Taufik Nurhartantrio who gives a great times and his
kindness.
Finally, I would like to extend my appreciation and gratitude to all those persons that is included in completing this thesis. This is dedicated with excess and deficiency; hopefully this will be useful for all of us. Amin
Jakarta, January 2011
Lina Nailatul Muyassaroh 106091105098
vii Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
TABLE OF CONTENTS
AUTHORIZATION PAGE ii
CERTIFICATION EXAM iii
ABSTRACT iv
DECLARATION v
FOREWORD iv
TABLE OF CONTENTS viii
PICTURE LIST xii
TABLES LIST xvi
viii Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ GLOSSARY xvii
CHAPTER I INTRODUCTION
1.1 Background
1
1.2 Problem Specification
2
1.3 Problem Limitation
2
1.4 Objective and Advantage
3
1.5 Time and Place
3
1.6 Research Methodology
3
1.7 System Methodology Development
4
1.8 Outline
5
CHAPTER II LITERATURE REVIEW
ix Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ 2.1 Soekarno-Hatta International Airport
9
2.2 Information Kiosk
13
2.3 Database Management System in Information Kiosk
14
2.3.1 MySQL Analysis
14
2.3.2 PHP
15
2.4 Animation
16
2.5 Flowchart
17
2.6 State Trantition Diagram
19
2.7 Stucture and Navigation
19
2.8 Storyboard
21
2.9 Interactive Multimedia
22
x Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ CHAPTER III METHODOLOGY
3.1 Design and Development Cycle
23
3.2 System Requirements
24
3.3 Design Consideration
25
3.4 Implementation
27
3.5 Evaluation
29
CHAPTER IV SOEKARNO-HATTA INFORMATION KIOSK
DEVELOPMENT
4.1 Application Development
31
4.1.1 Storyboard
31
4.1.2 Structure and Navigation
50
4.1.3 Flowchart
51
xi Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ 4.1.4 State Transition Diagram
61
4.1.5 Database Specification
68
4.2 Manual
66
4.2.1 User Guide Instruction
69
4.2.1.1 Starting Application
69
4.2.1.2 News
71
4.2.1.3 Airport
72
4.2.1.4 Shopping Mall
73
4.2.1.5 Hotel
74
4.2.1.6 Recreation Place
77
4.2.1.7 Jakarta Traditional Food
79
xii Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ 4.2.2 Administrator Guide Instruction
79
4.2.2.1 Starting Application
79
4.2.2.2 Homepage
80
4.2.2.3 News Page
81
4.2.2.4 Insert News Page
82
4.2.2.5 Hotel Page
82
4.3 Application Testing
86
4.3.1 Black box testing for user
86
4.3.2 Black box testing for administrator
88
4.3.3 Hardware Specification
90
4.3.4 Software Specification
90
xiii Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ 4.4 Evaluation
90
CHAPTER V SUMMARY AND FUTURE WORK
5.1 Summary
94
5.2 Future Work
94
REFERENCES
96
APPENDIX
Questionnaire Evaluation
A 1
Interview with airport officer
A 2
Source Code
A 4
xiv Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
PICTURES LIST
Figure 2.1 Soekarno-Hatta International Airport
7
Figure 2.2 Example of Information Kiosk
13
Figure 2.3 Stuctures illustratiorns of DBMS
14
Figure 2.4 Hybrid Stucture
20
Figure 2.5 Example of Multimedia Storyboard
21
xv Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ Figure 3.1 Interactive Multimedia Design and Development Cycle
23
Figure 3.2 Example of Black Box Testing
28
Figure 4.1 Introduction storyboard
32
Figure 4.2 News storyboard
33
Figure 4.3 Airport Map storyboard
34
Figure 4.4 Mall storyboard
35
Figure 4.5 Mall picture storyboard
36
Figure 4.6 Mall map storyboard
36
Figure 4.7 Hotel page 1 storyboard
37
Figure 4.8 Hotel page 2 storyboard
38
Figure 4.9 Hotel picture storyboard
39
xvi Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ Figure 4.10 Recreation storyboard
40
Figure 4.11 Jakarta Food storyboard
41
Figure 4.12 Administrator Login page storyboard
42
Figure 4.13 Administrator Homepage storyboard
43
Figure 4.14 Administrator News list page storyboard
44
Figure 4.15 Administrator Insert News page storyboard
45
Figure 4.16 Administrator Edit news page storyboard
46
Figure 4.17 Administrator list Hotel page storyboard
47
Figure 4.18 Administrator Add new Hotel page storyboard
48
Figure 4.19 Administrator Insert price hotel page storyboard
49
Figure 4.20 Administrator Edit hotel page storyboard
50
xvii Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ Figure 4.21 Hybrid structure navigation information kiosk application
51
Figure 4.22 Administrator login page
52
Figure 4.23 Administrator list news page
53
Figure 4.24 Administrator Insert News page
54
Figure 4.25 Administrator List hotel page
55
Figure 4.26 Administrator Insert price hotel page
56
Figure 4.27 User news page
56
Figure 4.28 User airport page
57
Figure 4.29 User mall page
58
Figure 4.30 User hotel page
59
Figure 4.31 User Recreation place page
60
xviii Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ Figure 4.32 User Jakarta Food page
61
Figure 4.33 Homepage state transition diagram (STD)
62
Figure 4.34 Airport state transition diagram (STD)
63
Figure 4.35 Mall state transition diagram (STD)
64
Figure 4.36 Hotel state transition diagram (STD)
65
Figure 4.37 Recreation place state transition diagram (STD)
66
Figure 4.38 Jakarta Food state transition diagram (STD)
67
Figure 4.39 Introduction page
70
Figure 4.40 News page
71
Figure 4.41 Airport page
72
Figure 4.42 Example of restaurant icon
72
xix Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ Figure 4.43 Example content of icon
73
Figure 4.44 Mall page
73
Figure 4.45 Picture of mall page
74
Figure 4.46 Hotel page
75
Figure 4.47 Hotel content page
75
Figure 4.48 Hotel map page
76
Figure 4.49 Hotel price page
76
Figure 4.50 Hotel picture page
77
Figure 4.51 Recreation place page
77
Figure 4.52 Map recreation place page
78
Figure 4.53 Picture recreation place page
78
xx Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ Figure 4.54 Jakarta Food page
79
Figure 4.55 Login page administrator
80
Figure 4.56 Homepage administrator
80
Figure 4.57 News page administrator
81
Figure 4.58 Edit News page administrator
81
Figure 4.59 Insert News page administrator
82
Figure 4.60 Hotel page administrator
83
Figure 4.61 Edit Hotel page administrator
83
Figure 4.62 Add Hotel page administrator
84
Figure 4.63 Form Add Hotel page administrator
84
Figure 4.64 Detail Hotel page administrator
85
xxi Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ Figure 4.65 Edit Hotel Price page administrator
85
Figure 4.66 Pie Chart Result Questioner 1
91
Figure 4.67 Pie Chart Result Questioner 2
92
Figure 4.68 Pie Chart Result Questioner 3
92
Figure 4.69 Pie Chart Result Questioner 4
92
Figure 4.70 Pie Chart Result Questioner 5
93
Figure 4.71 Pie Chart Result Questioner 6
93
xxii Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
TABLES LIST
Table 2.1 List of international flight
10
Table 2.2 Flowchart Symbols
18
Table 2.3 State Transition Diagram Symbols
19
Table 3.1 Hardware and Software Requirement
24
Table 4.1 Login Table
68
Table 4.2 tb_berita Table
68
Table 4.3 tb_hotel Table
68
Table 4.4 tb_hotel2 Table
69
xxiii Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ Table 4.5 The black-box testing for user page
86
Table 4.6 The black-box testing for administrator page
88
GLOSSARY
Animation The creations of the illusion on movement by the rapid display of a succession of still images-drawing, paintings, or photograph manipulated objects or material
Data The values which are input, stored, manipulated and output by computer software, which may represent or be interpreted as a text, sounds, and images.
HCI Human-Computer Interaction. The study of the ways in which people interact with and use computer.
xxiv Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
Pixel The smallest element of a bitmapped image, capable of displaying a single colour.
Resolution The number of pixel unit length displayed by an output device or recorded by a scanner.
System An integrated collection of components, functioning together as a composite entity, for example, a computer system composed of processor, memory, peripherals and software.
User Interface The set elements such as commands, icons, menus, and dialogue boxes, available to the human user for interaction with the programs running on a computer.
xxv Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered )
http://www.word-to-pdf.abdio.com/CHAPTER I
INTRODUCTION
1 Background
Human direct conversation is a complex phenomenon involving
understanding, cultures, and educational backgrounds. Conversation factors such
as speech, intonation, gesture, and head movements are not just done in parallel,
but also interdependently. Furthermore, higher tone or lower tone, pointing
towards oneself or pointing towards the other may result in different
interpretations.
For example when someone ask direction to a public service officer who came from different culture or background, there could be some misinterpretation happened about the information transferred. Sometimes airport officer have to pull out a map to show tourist that has just landed a direction to a certain place.
Meanwhile other passengers have been waiting for minutes to just want to ask how to get a taxi. This situation caused inconveniences and such problem often out of awareness and this problem could influence level of customer satisfaction.
In the world of information technology the kind of problems mentioned above have been addressed by developing an application which is called Information Kiosk . This thesis objective is to create Information Kiosk system application for foreigner that arrived at Soekarno-Hatta International Airport.
1.2 Problem Specifications
The scopes of problems that will be explained in this thesis are:
1. Gathering information of public facilities in airport such as
restaurants, taxi service, bus stop, money changer, toilet and ATM
centers.
2. Designing multimedia application which will show the information
about nearby hotels, shopping mall, recreation areas, and some
favorit traditional foods in Jakarta for foreign visitors.
3. This application also provides updated information of local news
and some outgoing events, so foreign visitors able to go to different
places according to their preferences. The process of updating the
information is done through database management application.
4. Providing a tool for the administrator to update content in the
application.
2 Problem Limitations
In this thesis, there are some limitations in developing the application,
there area:
1. This application does not show the flight schedules.
2. This application only shows the route to several places (hotels,
shopping malls, and recreation areas) in Jakarta. 3. The development of application in this thesis use IMSDD
(Interactive Multimedia System Design and Development)
approach.
4. This application is designed specifically for foreigner that arrived
at the Soekarno-Hatta international airport Jakarta.
1.4 Objective and Advantage
1. For the company (Soekarno-Hatta International Airport
Management) this application could improve customer services
quality.
2. Enhance government tourism programs.
3. Implementing the multimedia application at Soekarno-Hatta
International Airport.
4. Adding new knowledge and broaden student understanding in the
knowledge area which have been studied in the university.
5. Completing the pre requisite for graduating as a bachelor degree in
UIN Syarif Hidayatullah, Jakarta.
1.5 Time and Place
This thesis starts on August 2010 until January 2011 at Soekarno-Hatta
International Airport, Cengkareng-Tangerang Banten.
1.6 Research Methodology
Gathering data is needed in developing the application to support the arguments and explanations. The methodology research for gathering data that were used: Field Study
Interview; To support the developing system, interviewing
employees of the company was done to get an accurate and up to
date data.
Questioner; questioners were distributed among foreigners in
Jakarta to assess the application and react to the inputs given.
7 System Methodology Development
The methodology that was used in designing kiosk information application multimedia is based on Interactive Multimedia System Design and Development
(IMSDD). This methodology consists of:
a. System Requirement
In this phase, hardware and software system requirement
also user profile are explained.
b. Design Consideration
The next phase is to design the data structure, software
architecture, interface representation, and procedure details.
c. Implementation
In this section Black-box testing was used to evaluate
features in the application.
d. Evaluation
The final phase is to evaluate the program which has been
developed.
1.8 Outline
This thesis divided into some chapters. Those chapters are:
CHAPTER I INTRODUCTION
This part will explain briefly about the
background, scope, objective, advantage, time,
place, methodology, and the writing outline.
CHAPTER II LITERATURE REVIEW
This chapter consists of definitions and
theoretical components to support the report of the
thesis. Within this chapter, explanation about the
tools that were used in developing this application is
also elaborated.
CHAPTER III METHODOLOGY
This chapter will explain about methodology
used in building kiosk application. Including data
collection and method of application development.
CHAPTER IV SOEKARNO-HATTA’S INFORMATION
KIOSK DEVELOPMENT
Chapter four contain the development
process based on the methodology; including
features for admin and users. CHAPTER V SUMMARY AND FUTURE WORK
The summary of the research and
possibilities of future works in developing this
application is given in the last chapter.
CHAPTER II
LITERATURE REVIEW
2.1 Soekarno-Hatta International Airport.
Soekarno–Hatta International Airport (Indonesian: Bandar Udara
Internasional Soekarno–Hatta) is the main airport serving the greater Jakarta area on the island of Java, Indonesia (Figure 2.1). The airport is named after the first
President of Indonesia, Soekarno, and the first vice-president, Mohammad Hatta.
The airport is often called Cengkareng by Indonesians. The airport's (International
Air Transportation Association) IATA code, CGK, originates from the name of the Cengkareng locality, a district situated to the northwest of the city.
Figure 2.1 Soekarno-Hatta International Airport1
1 Source : http://en.wikipedia.org/wiki/File:Sukarno_hatta_airport_-_Terminal_-_Jakarta_- _Indonesia.jpg
7 8
Located about 20 km west of Jakarta, in Tangerang, Banten, Soekarno–
Hatta airport began to operate in 1985, replacing the former Kemayoran Airport
(domestic flights) in Central Jakarta, and Halim Perdanakusuma International
Airport in East Jakarta. Kemayoran Airport has since closed. Halim
Perdanakusuma is still operating, serving mostly charters and military flights.
The land area of the airport is 18 km². It has two independent parallel runways separated 2,400 m connected by two cross taxiways. There are three main terminal buildings: Terminal 1 (domestic flights only). Terminal 2
(international flights and Garuda Airlines domestic flights). Terminal 3, Pier 1
(domestic flights only).
The airport was designed by Paul Andreu, a French architect who also designed Paris-Charles de Gaulle Airport. One of the major characteristics of
Soekarno–Hatta airport is the incorporation of the local vernacular architecture into the design, and the presence of tropical gardens in between the waiting lounges. However, Soekarno–Hatta International Airport was noted for its beautiful landscaping: the airport was awarded the 1995 Aga Khan Award for
Architecture.
As an international airport Soekarno–Hatta has to provide a large number of facilities therefore Soekarno-Hatta has 150 check-in counters, 30 baggage carousels and 42 gates. Each sub-terminal has 25 check-in counters, 5 baggage carrousels and 7 gates in order to serve the passenger.
In May 2008, ForbesTraveller.com recognized Soekarno–Hatta
International Airport as the 6th most punctual airport in the world with 86.3% of 9
its flights departing on time, while 72.3% arriving on time. In December 2009,
ForbesTraveller.com recognized Soekarno–Hatta International Airport as the 2nd most punctual airport in the world with 89.2% of its flights departing on time, while 84.2% arriving on time.
Soekarno–Hatta International Airport was the 35th busiest airport in 2004-
2006, according to Airliners World magazine. Soekarno–Hatta International
Airport is currently (2009) the 22nd busiest airport in the world in terms of passenger traffic. Soekarno–Hatta International Airport is the busiest airport in
Indonesia, followed by Juanda International Airport (Surabaya) and Ngurah Rai
International Airport (Denpasar).
Terminal 2 has 3 sub-terminals. Each sub-terminal has 25 check-in counters, 5 baggage carousels and 7 gates. It has the capacity of handling 9 million passengers per annum. The gates in Terminal 2 has alphabet prefix of D, E and F. The gates are D1-D7, E1-E7 and F1-F7 and it has 75 international flights per day. There are at least 47 airlines that flight to Jakarta (see Table 2.1) where the passenger comes from different countries. Several countries that is not from
Asian countries they are a VOA passenger who has to have a visa to stay in
Indonesia. 10
Table 2.1 List of international flights
Airlines Destination Air Asia Kuala Lumpur
Air Canada Calgary, Edmonton, Montréal-Mirabel, Montréal-Pierre Elliott Trudeau, Ottawa- Macdonald-Cartier, Toronto-Lester B. Pearson, Vancouver
Air China Beijing, Shanghai-Hongqiao, Shanghai- Pudong, Tianjin
Air Macau Macau
America Airlines Las Vegas-Mc Carran, Los Angeles, Miami, New York City-Jhon F. Kennendy, New York City-La Guardia, San Francisco, Washington D.C-Dulles, Washington D.C- Ronald Reagan
Ansett Australia Airlines Melbourne, Perth, Sydney, Singapore
Cathay Pacific Hong-Kong
Cebu Pacific Manila
China Airlines Hong Kong, Taipei-Songshan, Taipei- Taoyuan
China Southern Airlines, Beijing, Shanghai-Hongqiao, Shanghai- Pudong, Tianjin
China Eastern Airlines Beijing, Shanghai-Hongqiao, Shanghai- Pudong, Tianjin
Czech Airlines Prague
Emirate Airlines Dubai
Etihad Airways Abu Dhabi
EVA Air Taipei-Songshan, Taipei-Taoyuan
FlyUS New York City-Jhon F. Kennendy, New York City-La Guardia 11
Garuda Indonesia Amsterdam, Bangkok-Suvarnabhumi, Beijing, Dammam, Dubai, Guangzhou, Ho Chi Minh City, Hong Kong, Jeddah, Kuala Lumpur, Melbourne , Perth, Riyadh, Seoul- Incheon, Shanghai-Hongqiao, Shanghai- Pudong, Singapore, Sydney, Taipei- Songshan, Taipei-Taoyuan, Tokyo-Narita
Hong-Kong Airlines Hong Kong, Taipei-Songshan, Taipei- Taoyuan, Toronto-Lester B. Pearson
Indonesia Air Asia Bangkok-Suvarnabhumi, Johor Bahru, Kota Kinabalu, Kuala Lumpur, Penang, Southampton
Japan Airlines Tokyo-Haneda, Tokyo-Narita
KLM Royal Dutch Amsterdam, Den Haag, Kuala Lumpur, Airlines Rotterdam
Korean Air Seoul-Gimpo, Seoul-Incheon
Kuwait Airways Kuwait, Kuala Lumpur
Lion Air Ho Chi Minh City, Kuala Lumpur, Singapore
Lufthansa German Berlin-Schönefeld, Berlin-Tegel, Airlines Boyolangu, Dortmund, Frankfurt, Hamburg, Hannover, Kediri, Labo, Mainz, Malang, Munich, and Stuggart
Malaysia Airlines Johor Baru, Kuala Lumpur, Melbourne, Shah Alam, Subang
Philippines Airlines Manila, Singapore
Qatar Airways Doha, Singapore
Qantas Airways Melbourne, Perth, Sydney, Singapore
Royal Brunei Airlines Bandar Seri Begawan
Saudi Arabian Airlines Jeddah, Riyadh, Singapore
Singapore Airlines Barcelona, Berlin, Hong Kong, Kuala Lumpur, Las Vegas, Singapore, Toronto- 12
Lester B. Pearson
Shanghai Airlines Shanghai-Hongqiao, Shanghai-Pudong
Shenzhen Airlines Shenzhen
Sriwijaya Air Singapore
Taiwan Airlines Taipei-Songshan, Taipei-Taoyuan
Thai Air Asia Phuket
Thai Airways Bangkok-Suvarnabhumi International
Tiger Airways Singapore
Turkey Airlines Istanbul, Singapore
United State Airlines Las Vegas-Mc Carran, Los Angeles, Miami, New York City-Jhon F. Kennendy, New York City-La Guardia, San Francisco, Washington D.C-Dulles, Washington D.C- Ronald Reagan
United State of America Las Vegas-Mc Carran, Los Angeles, Miami, Airlines New York City-Jhon F. Kennendy, New York City-La Guardia, San Francisco, Washington D.C-Dulles, Washington D.C- Ronald Reagan
Valuair Singapore
Viva Macau Macau
Yemenia Dubai, Kuala Lumpur, Sana’a 13
2.2 Information Kiosk
A Kiosk is a computer based terminal or display that is used to provide information or services, typically in a public places. Kiosk systems are being used in a variety of applications, including information directories, customer self-service terminals, electronic catalogs, internet access terminals, and tourism guides. An interactive kiosk comes in many shapes and sizes, and is often custom built for a specific application.
The Example of Information kiosk is show in Figure 2.2, an Information
Kiosk bellow allows visitors to find out about the events, tickets, and sponsors of the Gerald R. Ford Vilar Pavilion Amphitheater in Vail, Colorado. This application provide self-service to the costumer in getting information (Rocky,
1994).
Figure 2.2 Example of Information Kiosk 14
2.3 Database Management System in Information Kiosk
Connoly and Beg (2005) stated that “Database is shared collection of logically related data and a description of this data, designed to meet the information needs of an organization”. While Connoly and Beg (2005) explained the Database Management System (DBMS) is a software system that enables users to define, create, maintain, and control access to the database.
The DBMS is used in airport information kiosk to give the system administrator a convenience way to define the database, usually trough a Data
Definition Language (DDL), also insert, update, delete and retrieve data from the database. The structure of DBMS and the information kiosk can be seen in
Figure 2.3.
Database DBMS Information Kiosk User
Figure 2.3 Structures illustrations of DBMS
2.3.1 MySQL
Ellie (2007) describe that MySQL is a kind of relational database
management system. The data is stored in an organized and structured way
for easy access and processing. That was handled by a database
management system such as MySQL. Data in MySQL is stored in tables
rather than in a flat file database. A flat file database is a database that 15
stores data in a plain text file. Each line of the text file holds one record, with fields separated by delimiters, such as commas or tabs. While it uses a simple structure, a flat file database cannot contain multiple tables like a relational database can.
Information kiosk airport application uses MySQL as a Database
Server because MySQL is considered fast, reliable, and easy to use.
MySQL server was originally developed to handle large databases much faster than existing previous solutions and has been successfully used in highly demanding production environments for several years (Ellie, 2007).
2.3.2 PHP
Ellie (2007) explain that PHP is simple, fast, portable scripting language well suited for development of databases-enabled web sites. PHP was developed in 1995 and it is currently powering millions of web sites worldwide. By May 2000, PHP 4 was released. The core of PHP 4 was entirely rewritten to improve the performance of complex web applications and improve modularity of the platform. Zeev Suraski and
Andi Gutmans, the author of PHP 3 introduced the new parsing engine, called Zend engine. Zend engine is the scripting language that powers PHP today at 2010.
The latest improvement of PHP was released in July 2004, PHP 5 added a whole new object oriented model to language. The new model is based on Zend engine 2 and greatly improves PHP performance and capabilities (Ellie, 2007). 16
PHP is used in airport information kiosk application to connect
flash application to the database. There are some queries that used to
connect flash to the database. This connection (Flash to MySQL) can only
be done via PHP.
2.4 Animation
Nigel Chapman and Jenny Chapman (2004) explained that animation can be defined as moving pictures. Throughout the twentieth century, animation was used for entertainment, advertising instruction, art and propaganda on film and latterly on video; it is now also widely employed on the World Wide Web and in multimedia presentations.
Lasseter (1987) describe the principles of traditional animation that primarily used by animator at Disney studio, there are:
1. Squash and Stretch
2. Timing
3. Anticipation
4. Staging
5. Follow Through and Overlapping Action
6. Straight Ahead Action and Pose-To-Pose Action
7. Slow In and Out
8. Arcs 17
9. Exaggeration
10. Secondary Action
The information kiosk application used flash as a tool for developing this application. Explained by Nigel Chapman and Jenny Chapman (2004), flash is more than an animation program. It supports a powerful scripting language, called action script, which make it possible to add interactivity to animation and to build web application with user interfaces created in flash.
An animation being created in flash is organized using timeline, a graphical representation of a sequence of frames, similar to the timeline in video editing application. Moving a single symbol about the stage in a straight line offers little in the way of gratification. Tweening can be applied to different layers, with key frames in different places. Tweening is shown on the timeline as an arrow between two key frames.
2.5 Flowchart
A flowchart is a diagram that uses graphic symbols to depict the nature and flow the steps in a process. Flowcharts are used in analyzing, designing, documenting or managing a process or program in various fields. Flowchart used by Information kiosk application to flow every steps and identify the activities in a process. There are several flowchart symbols (Table 2.2) used by application. 18
Table 2.2 Flowchart Symbols
Symbol Explanation Flow Symbol use to state the process
Communication Link Symbol used to state the data or information transition from one location to the other.
Connector Symbol use to declare the connection of process in the same page.
Offline Connector Symbol use to declare the connection of process in the different page.
Process Symbol shows the process activities.
Manual Symbol indicate the computer manual process.
Decision Symbol used to indicate a condition that will need decision to answer (yes or no).
Terminator Symbol declares the beginning or the end of a process.
Offline Storage Symbol show the data in this symbol has been stored in particular media.
Manual Input Symbol show inserting data manually
Input Output Symbol state input output process without having to depend on the type of equipment.
Display Symbol states the screen as an output tool. 19
Storage Data Symbol indicates the database storage.
2.6 State Transition Diagram
Whitten (2004) describe that, State Transition Diagram is a tool used
to represents the sequence of screen variation that can occur during one
session process. State diagram provide a various symbol and ideas for
modeling (Table 2.3). State transition diagram in Information kiosk
application is used to show some possible state of an object, detection and
response event.
Table 2.3 State Transition Diagram Symbols
Name Notation Explanation
State Every symbol represent a one system state
Changes System Used to represent the system transitions.
Action and Condition Condition used prior to changing condition and Action used to change Condition the condition Action
2.7 Structure and Navigation
Nigel Chapman and Jenny Chapman (2004), state that hypermedia
consist of a collection of nodes connected by links. The general form of 20
this model allows nodes to be combined in completely arbitrary ways: any node can be linked to any other nodes, as the consequences there can be any number of ways to reach any particular node. Well designed application will have a clear structure and provide a means of navigation that expresses that structure.
In the information kiosk application a user can navigate to several pages sequentially. However, there are pages which can be accessed from several pages then the structure of the information kiosk is a type of
Hybrid structure. Hybrid structure is a navigation linked sites that can be seen as being composed of sub-sites. Figure 2.4 illustrate the idea of a
Hybrid structure.
HOME
Figure 2.4 Hybrid Structure 21
2.8 Storyboard.
Storyboard has an important role in the development of multimedia
applications. Storyboard is used as a tool in multimedia application design
stage. Storyboarding process that is known today was developed by Walt
Disney studio in early 1930.
In any time-based production involving visual material, a series of
small drawings representing key moments, actions and development in the
production, presented in sequence similar to a comic-strip. A story board
may include notes describing action and sound.
Figure 2.5 Example of Multimedia Storyboard2
2 Source: http://www.boardofstudies.nsw.edu.au/syllabus_hsc/ipt-specifications.html 22
2.9 Interactive Multimedia
Mark Elsom (2001) explains that a simple division of three types
of activity that human being can engage are thought, action, and
interaction. Thought is some sort of internal process of a mental nature
which has an outcome of changing mental state. Action activity effect the
changing of an object because of the action. The last activity that human
being can engage is interaction; an activity toward the other participant by
responding from both activities.
In interactive multimedia there are some particular interactions.
Physical interaction corresponds to things which achieve related changes
in physical part, for example there are two men hitting each other because
one of them start hitting the other men. Communicative interaction
concern things which could achieve changes in the mental part, for
example someone tell his friend about his problem then his friend give an
advice to make him calm.
An information kiosk application use human-computer interaction
(HCI) which is interacting user to discover by providing some tools that
allow user to interact with information kiosk application. The background
sound provide in order to make the user more relax when they use this
application and the animation will also inserted to make the interface more
interest. ( Word to PDF - Unregistered )
http://www.word-to-pdf.abdio.com/CHAPTER III
METHODOLOGY
3.1 Design and Development Cycle
This application use Interactive Multimedia System Design and
Development (IMSDD) for the methodology. Explained by (Dastbaz, 2003) The stage of the IMS design and development cycle could be defined as System
Requirement, Design Consideration, Implementation and Evaluation. Figure 3.1 show the diagram of Interactive multimedia system design and development.
Hardware and System Word to PDF - Software Definition UnRegistered
Delivery Design Considerations System Metaphor Requirements Information Types
Evaluation Design Navigational Considerations Structure Media Preparation and Implementation Integration Issues
Beta testing Prototyping Figure 3.1 Interactive Multimedia System Design and Development Cycle
3.2 System Requirements
This stage is comparable to the ‘requirement specification’ in the
‘waterfall model’ and contains elements of ‘feasibility’ and ‘hardware selection’ presented in the RMM model. At this stage a general definition of the IMS and its environment as well as tools used for its development are determined.
Developing Information Kiosk application for foreigner that arrived at
Soekarno-Hatta International Airport, clearly visible that target of this application are tourists, who want to visit or have any necessity in Jakarta. This application will be placed in the airport and it is determined that this multimedia package should be PC based and if it is possible use a touch screen monitor. The maximum monitor resolution for Information kiosk application is 1280 x 1024 pixels.
The Information kiosk application use multimedia software to help the developer to easily develop the application. Flash multimedia software was used to design the interfaces, insert the soundtrack, text, and images. In addition to develop this application MySQL is required as a database engine and PHP queries used to connect the Flash into databases.
Hardware and Software requirement for developing this application can be seen in Table 3.1. Table 3.1 Hardware and Software Requirement.
M a c r o m e d i a · Intel® Pentium® 4, Intel Centrino®, Intel Xeon®, or Dreamweaver CS3 Intel Core™ Duo (or compatible) processor
· Microsoft® Windows® XP with Service Pack 2 or Windows Vista™ Home Premium, Business, Ultimate, or Enterprise (certified for 32-bit editions)
· 512MB of RAM
· 1GB of available hard-disk space (additional free space required during installation)
· 1,024x768 monitor resolution with 16-bit video card.
· DVD-ROM drive
Macromedia Flash · Flash CS3 runs on Windows XP Service Pack 2 and all versions of Vista and Window 7 (only 32 bit versions are CS3 eligible for tech support).
· Windows based systems should have either an Intel Pentium 4, Intel Centrino, Intel Xeon or Intel Core Duo or newer processors.
· 1 GB of RAM is recommended.
· Flash CS3 requires 2.5 GB of hard disk. · 16 pixel depth with a resolution of 1024 by 768 pixels.
Adobe Photoshop · 20 MB of RAM · 65 MB of video RAM CS3 · 650 MB space on hard drive.
3.3 Design Consideration
The purpose of this stage is to draw up clear guidelines about the design details. In this respect this stage could be compared to the ‘architectural design’ and ‘detail design’ stage of the ‘waterfall’ model and/or the ‘design’ stage of user interface design cycle proposed by Preece (1993).
Shneiderman (1998) discuss the theories about the rules of the interfaces design. The following sets of guidelines were proposed for developing the user interface in an Interactive Multimedia System, there are:
1. Use appropriate metaphor: A good metaphor creates an
easy environment that the user could easily recognize.
2. Simplicity and ease of use is king: A good interface is
the one that enable the user to almost immediately start
carrying out simple tasks without they need to go through
a chunky manual.
3. Consistency in design is crucial: Consistent use of icons
and navigational features helps reduce the complexity of
an interface within interactive multimedia system.
4. The necessity for informative help and feed back:
provides help tips and feedback to users, in the form of
rollover pop-ups and content sensitive help provides
novice users with reliable mechanism to explore the
system and quickly master the ins and outs and key
features of the system. 5. Provide mechanism for reversal of action: A key
functionality that needs by the designer is to built-in the
control features that allow user to correct their mistake
easily and reverse a process they have started
inadvertently.
The Information kiosk application is a presentation tool, so a user required, as an interactive application the user can stop the self-running mode and interact with the system. The application provides detail information such as hotel information, mall, recreation places and maps. This application also shows the image of the information provided.
This application requires additional enhancement again extensive media preparation such as the navigational structure of the system. Many layers in this application will be filled up in accordance with the information to be needed. On the layer system, it follows a set navigational path going through various screens.
On the other layer user can stop this process and explore the information manually.
3.4 Implementation
Once the design features were defined, the implementation phases of the system begin using multimedia-authoring tools. The implementation stage consists of:
a. Creating a prototype of the system and b. Beta test the prototype for possible design and control problems.
This stage is comparable to the coding, integration and unit testing stages in the ‘waterfall’ model; or the implementation stage in the user interface design cycle, the implementation stage in the Object Oriented Hypermedia Design Model
(OOHDM) design model and the construction stage in the Relational
Management Model (RMM) design model.
Based on the decision made during system requirement and design stages a prototype version of the multimedia kiosk is developed. The prototype will be tested using black-box testing method to make sure there are no practical errors.
Information kiosk application will be tested in order to determine the functional requirement. Black box testing method (Figure 3.2) will be used to test the incorrect or missing functionality, interface errors, checking errors in data structures used by interfaces, behavior or performance errors, and initialization and termination errors.
According to Beizer (1995) Black box testing (also called functional testing) is testing that ignores the internal mechanism of a system or component and focuses solely on the outputs generated in response to selected inputs and execution conditions.
INPUT Executable Program OUTPUT Figure 3.2 Example of Black Box Testing
3.5 Evaluation
At this stage the system is evaluated against its stated goals. Different types of evaluation approaches including formative or summative used. Lawton
(1980) describes the following five forms or models of evaluation:
1. The classical experimental model: it is assumed that control over all
relevant experimental variables is both desirable and possible.
2. The research and development model: it requires a clear indication
of objectives that are to be measured and appropriate pre and post
tests.
3. The illuminative model: Parlett and Hamilton (1972) coined the term
‘illuminative model’ to describe a qualitative approach that is based
around observation and interviews.
4. The briefing decision-making model: in this model political
considerations on whether something is politically correct are taken
into account and given more weight that adherence to pure
methodology. 5. The case study model: this model is used mainly in summative and
formative evaluation and is considered as appropriate in examining the
effects of situational and personal factors. Kirakowski and Corbett
(1990) stated that the evaluation of human-computer interfaces must
be abided by more general methods applied to all forms of evaluation.
The formative evaluation observation method is used to observe how the users use the Airport Information Kiosk. The summative evaluation used to see how the users take advantages of the application. Based on data gathered, further modifications were made before the final production. ( Word to PDF - Unregistered )
http://www.word-to-pdf.abdio.com/CHAPTER IV
SOEKARNO-HATTA INFORMATION KIOSK
DEVELOPMENT
1 Application Development
Information kiosk application was made to get as a facility to the arriving passengers at International Airport Seokarno-Hatta. This application will help them finding the information that is probably needed. This application designed to reduce some misinterpretation information delivered.
Several techniques used in developing this application such as the storyboard for each page, structure navigation, flowchart and state transition diagram. The storyboard layout, stucutre navigation, flowchart and state transition diagram will be explain in detail in the next sub chapters.
1 Storyboard
In developing multimedia application the storyboard has to be drawn in order to sketch the design interface for every pages. There are several layout designed for Airport Information kiosk application that consist of several pages: a. Introduction storyboard. (Figure 4.1)
Word to PDF - Animation text UnReg istere d
http:/ /www Photo .word- to-pdf .abdio Wayang Icon .com/ Desig n
Figure 4.1 Introduction storyboard
This is an introduction page that will show some photos of the airport. The photos will shown as a slide show as a running mode until the user click the wayang icon. The wayang icon used to enter the home
(news) page. b. News storyboard. (Figure 4.2)
Airport Logo
News Airport Mall Hotel Recreation Food
News Content Photo of related news
B u t t o n B u t t o n B u t t o n B u t t o n B u t t o n B u t t o n B u t t o n news news news news news news news
Figure 4.2 News storyboard
This page will show updated recent news, showing the images related to the news, and provide other button to navigate to the other pages such as airport, mall, hotel, recreation, and Jakarta food pages. c. Airport Map storyboard. (Figure 4.3)
Back
Hotel Restaurant Shop Office Money Changer Atm Toilet
F
ig
u
re 4.3 Airport Map storyboard
This layout the airport map page. In this page we can explore several facilities in the airport such as hotel booths, restaurants, money changer, toilets, offices, shops, and ATM centres. For each categories we can see more detail content and picture of it. The back button used to back to home (news) page.
Airport Logo
News Airport Mall Hotel Recreation Food
Map Picture Button Mall Photo Mall Content Mall
Button Mall
Button Mall
d. Mall storyboard. (Figure 4.4)
e. Figure 4.4 Mall storyboard
The mall page will display the photos of well known malls
(shopping centres) in Jakarta, brief explanation about the content of mall and show the map of it. The button mall used to see other malls, by clicking it the screen will display another photo and contents of malls. f. Mall picture
storyboard. Airport Logo
News Airport Mall Hotel (Figure 4.5)
Big Photo Mall Small Small Picture Mall Picture Mall
Figure 4.5 Mall picture storyboard
This page shows the pictures of mall. In this page user can see some pictures of related mall by clicking the small picture.
g. Mall map storyboard. (Figure 4.6)
Back
Figure 4.6 Mall map storyboard This page will show the map of the mall. The user can see the direction from airport to the mall chosen.
h. Hotel page 1 storyboard. (Figure 4.7)
Airport Logo
News Airport Mall Hotel Recreation Food
South Jakarta West Jakarta Centre Jakarta North Jakarta East Jakarta
List of List of List of List of List of Hotel Hotel Hotel Hotel Hotel
Wayang icon
Figure 4.7 Hotel page 1 storyboard.
This layout displays the list of hotels which are classified by the regions in Jakarta. Each list of hotel can navigate to the page of the detail about the hotel. i. Hotel page 2 storyboard. (Figure 4.8)
Airport Logo
News Airport Mall Hotel Recreation Food
Home Map Price Picture Photo of Content Hotel Hotel
Hotel Hotel Hotel Hotel Hotel
Figure 4.8 Hotel page 2 storyboard
The content of hotel pages provide home button to go back to the previous page which is hotel page1, this page also provides pictures, prices, and map button to navigate to the information about the hotel map, hotel price and hotel slide show pictures. The price storyboard will be the same as this page but the content will be changed with reference to the price page. The map hotel storyboard will be same as map hotel story board (Figure 4.6)
j. Hotel picture storyboard. (Figure 4.9)
Airport Logo
News Airport Mall Hotel Recreation Food
Big Photo Mall
Small Small Small Small Small Small Small Picture Picture Picture Picture Picture Picture Picture Hotel Hotel Hotel Hotel Hotel Hotel Hotel
Figure 4.9 Hotel picture storyboard This page is a hotel picture storyboard. This page display some pictures of related hotel. User can see some other photos by clicking the small picture hotel button.
k. Recreation storyboard. (Figure 4.10)
Airport Logo
News Airport Mall Hotel Recreation Food
Dufan
Map Picture Seaworld
Ancol
Ragunan Wayang Icon
Monas
Kota Tua
Figure 4.10 Recreation storyboard The recreation page will display the content of every recreational places that shown in the screen. Map and picture button will be use to guide the user to see some pictures of each recreation places and show the map to it.
l. J
a Airport Logo News Airport Mall Hotel Recreation Food k
a
Content of Food Picture Picture rt
a
Picture Picture F
Wayang o Icon
Food Food Food Food o
d
storyboard. (Figure 4.11) Figure 4.11 Jakarta Food storyboard
Jakarta food page display traditional foods in Jakarta. It provides brief explanations about the foods. By clicking the food button it will display the other food. This page use to inform the tourism about Jakarta traditional foods.
m. Administrator Login page storyboard. (Figure 4.12) Password:
Login
Figure 4.12 Administrator Login page storyboard.
The login administrator will be used to enter the page of administration. The administrator have to insert the password in order to manage the kiosk information system. n. Administrator Homepage storyboard. (Figure 4.13)
Homepage News List Insert News Hotel Insert Hotel Logout
WELCOME TO ADMINISTRATOR Picture AIRPORT INFORMATION
APPLICATION Picture
Figure 4.13 Administrator Homepage storyboard.
Welcome page for the administrator is the starting page in administration page, this screen display some photos of airport. From this page administrator can also edit the other pages. o. Administrator News list page storyboard. (Figure 4.14)
Homepage News List Insert News Hotel Insert Price Logout
No Title Content Post Date Picture Edit
Figure 4.14 Administrator News list page storyboard.
This page shows the inserted news. The administrator can edit the news, and also delete it. p. Administrator Insert news page storyboard. (Figure 4.15)
Homepage News List Insert News Hotel Insert Price Logout
No :
Title :
Browse Content :
Picture :
Save Clear Description :
Figure
4.15 Administrator Insert news page storyboard.
Figure 4.15 Administrator Insert News list page storyboard.
This page will used to insert the updated news. This page also
provide inserting picture features by clicking the browse button. q. Administrator Edit news page storyboard. (Figure 4.16)
Homepage News List Insert News Hotel Insert Price Logout
Title : Browse Pictures Content :
Picture :
Description :
Save Clear
Figure 4.16 Administrator Edit news page storyboard.
This page is used to edit the data in news page. Picture can also reinserted by the new picture to update the data. r. Administrator List hotel page storyboard. (Figure 4.17)
Homepage News List Insert News Hotel Insert Price Logout
No Hotel Addres Descriptio Edit Delete s n
ADD NEW HOTEL
Figure 4.17 Administrator List hotel page storyboard.
This page shows the inserted hotel. The administrator can update or edit the news, and also delete it. In this page the administrator can also add the new hotel by clicking the add new hotel button. The edit button provided to edit the price of available hotel. s. Administrator Add new hotel page storyboard. Figure
4.18
Homepage News List Insert News Hotel Insert Price Logout
Hotel :
Address :
Description :
Save Clear
Figure 4.18 Administrator Add new hotel page storyboard. The administrator will insert the new hotel in this page, when the administrator save the new data, it will automatically display in the administrator list hotel page in the kiosk information system.
t. Administrator Insert price hotel page storyboard. (Figure
4.19)
Homepage News List Insert News Hotel Insert Price Logout
No :
Hotel :
Room :
Publish :
Net :
Save Clear
Figure 4.19 Administrator Insert price hotel page storyboard. Inserting the price hotel will be done in this page. The
administrator needs to fill the form of each category and save it, when it
saved the data will be shown in the list hotel pages (Figure 4.17)
u. Administrator Edit hotel page storyboard. Figure 4.20
Homepage News List Insert News Hotel Insert Price Logout
Hotel :
Address :
Description :
Room :
Publish :
Net :
Save Clear Figure
4.20 Administrator Edit hotel page storyboard.
Figure 4.20 Administrator Edit hotel page storyboard This page is provided to edit the hotel data, including the price and
the address of the hotel.
2 Structure and Navigation
Creating the structure navigation is the other technique used
earlier stage of the development of this application. Structure
navigation used to show the groove for information kiosk application.
The drawing of structure navigation shows in Figure 4.21.
Intro
Home (News 1) News 2 Airport Mall Home Recreation Jakarta Hotel Food
News 3 Hotel Hotel Map South Map description Jakarta
News 4 Picture Picture Resto Resto West description Jakarta News 5
Office Office Centre description Jakarta News 6 Hotel
News 7 Bank & Bank & ATM North ATM description Jakarta Map
East Picture Toilet Toilet Jakarta description
Price
Money Money changer changer
Shop Shop description
Figure 4.21 Hybrid structure navigation information kiosk application
3 Flowchart
In information kiosk application flowchart created in two parts,
user pages and admin pages. In admin pages consist of login page see
Figure 4.22, list news page see Figure 4.23, insert news page see Figure
4.24, list hotel page see Figure 4.25, and insert price hotel page 4.26. In
user pages consist of news page see Figure 4.27, airport page see Figure
4.28, mall page see Figure 4.29, hotel content page see Figure 4.30,
recreation page see Figure 4.31, and Jakarta food page see Figure 4.32.
a. Administrator page.
Figure 4.22 Administrator login page
The administrator have to insert the password to get access to the admin page. The system will validate the password, if the password incorrect the system will ask the right password, but if the password correct then the system will deliver to the admin page.
Figure 4.23 Administrator list news page.
The list news page will shows the list of the news that has been inserted by the administrator. The administrator can manage this page by choosing the edit and delete system. Figure 4.24 Administrator Insert news page.
In this page the administrator have to input the news data and inserted the picture. If the adminstrator did not insert the picture then the picture will be shown in the default picture set by the system. Figure 4.25 Administrator List hotel page The list of hotel will be shown in this page at the first time. The adminstrator can add the new data of hotel by using the add new hotel menu function. Edit and delete functions will also provided to manage the data. Figure 4.26 Administrator Insert price page
The administrator use this page to insert the price of a hotel. By inserting the data and submit it, the system will save the updated data.
b. User page flowchart Figure 4.27 User news page
This system provide the user a view of several data of news.
Figure 4.28 User airport page
This system provide some facilities to the user to see the content of the airport facilities. The user can also browsed to some other menus.
Figure 4.29 User mall page
This page provide the information of several mall in Jakarta. This system is also allow the user to see some pictures and see the map of the malls. Figure 4.30 User hotel page This system allow the user to see some functions used by hotel page. The user can navigate to some pages which is the picture, map and price of the hotel.
Figure 4.31 User Recreation place page
This system also provide the information about some interesting places in Jakarta. User will also able to see the pictures and see the map to its location. Figure 4.32 User Jakarta Food page
This part give some information about the traditional food in jakarta. the user can see some foods and the content of it.
4 State Transition Diagram.
Airport information kiosk application consist of several state
transition diagrams (STD) such as news, airport, malls, hotels, recreation
places, and Jakarta food state transition diagram.
a. News state transition diagram (STD) shows in Figure 4.33. Figure 4.33 Homepage state transition diagram (STD)
The picture above illustrate that from the homepage user can navigate into some other pages. From airport, mall, hotel, recreation, and
Jakarta food page also can navigate to the homepage directly. b. Airport state transition diagram (STD) shows in Figure 4.34.
Figure 4.34 Airport state transition diagram (STD) c. Mall state transition diagram (STD) shows in Figure 4.35.
Figure 4.35 Mall state transition diagram (STD) d. Hotel state transition diagram (STD) shows in Figure 4.36.
Figure 4.36 Hotel state transition diagram (STD) e. Recreation place state transition diagram (STD) shows in
Figure 4.37.
Figure 4.37 Recreation place state transition diagram (STD)
f. Jakarta Food state transition diagram (STD) shows in Figure
4.38.
Figure 4.38 Jakarta food state transition diagram (STD)
5 Database Spesification
Database is required in order to manage the data in administrator pages.
In this section there will be explained about some databases that include data
type, field and size of each table. There are four tables that used to manage
the data, login table (Table 4.1) used to save the administrator password,
tb_berita (Table 4.2) used to insert the news data, tb_hotel (Table 4.3) used
to insert the hotel price, tb_hotel2 (Table 4.4) used to insert the name and
address of the hotel.
Table 4.1 Login Table Field Data Type Size Description password Varchar 20 Password admin
Table 4.2 tb_berita Table Field Data Type Size Description no Integer 4 Number judul Varchar 255 Title of news isi Text - Content of news keterangan Text - Additional information gambar Text - Picture of news Table 4.3 tb_hotel Table Field Data Type Size Description no Integer 4 Number id_hotel Varchar 8 Number of id hotel room Text - The name of the room publish Text - Publish price hotel net Text - Net price hote
Table 4.4 tb_hotel2 Table Field Data Type Size Description idx Integer 11 Number of id hotel nama_hotel Varchar 50 The name of hotel alamat_hotel Text - The address of hotel keterangan Text - Additional information
2 Manual
This part will explain the manual instruction using the Airport Information kiosk application for the user and also for the administrator. Some features in this application will briefly explained to guide the user and administrator.
1 User Guide Instruction.
1 Starting Application.
In Airport Information Kiosk application the first page that will be shown is an introduction page (Figure 4.39).
Figure 4.39 Introduction page.
This page display the slide show of some pictures. There are 10 pictures of
several facility in airport such as restaurant and atm To skip this the intro
duction user has to click the wayang icon. 2 News
The news page (Figure 4.40) display the updated news, there are seven
latest news that user can see. By clicking the news button the information
Figure 4.40 News page.
will be shown. The picture of related news will also be displayed. The
speaker icon used to play and stop the background music. From this page
user can also navigate to the other pages by clicking the other header icon. 4.2.1.3 Airport
This page is giving information about the airport map and its facilities
(Figure 4.41). The red sign use to declare “you are here”. There are some facilities in airport such as restaurants, hotel booths, office, bank & ATM, toilet, money changer and toilet. By clicking each
Figure 4.41 Airport page. button name the page will display the icon of each categories (Figure 4.42) and by clicking each icon the page will show the content of it (Figure 4.43).
Figure 4.42 Example of restaurant icon.
Figure 4.43 Example content of icon.
4.2.1.4 Shopping Mall
The mall page (Figure 4.44) shows several malls in Jakarta. For tourists, mall is one of the place they will be looking for. Since this is most likely the place for them to look for local items. Figure 4.44 Mall page.
This page shows brief explanation of the content of the mall. By clicking the rigth arrow button the user can see the other mall. The scrolling button used to scroll the infomation to the next paragragh. The picture icon used to see the picture of each hotel (Figure 4.45), by clicking the right and left small picture it will shows the ohter mall pictures.
Figure 4.45 Picture of mall page 4.2.1.5 Hotel
This hotel page (Figure 4.46) display the name of the hotel based on the region in Jakarta. By clicking the name of each region, the list of the hotel will be display. Each name of the hotels can navigate to the other page to see the content hotel (Figure 4.47) by pressing the name of the hotel.
Figure 4.46 Hotel page Figure 4.47 Hotel content page
The user can see the content of the hotel. The scrolling button used to see the next information of the facility of the hotel. The map icon use to display the map of the hotel (Figure 4.48). The dollar icon used to display the price of the hotel (Figure 4.49) and the camera icon used to display the picture of the hotel (Figure 4.50). The home button used to go back to the hotel page. Figure 4.48 Hotel map page Figure 4.49 Hotel price page Figure 4.50 Hotel picture page
4.2.1.6 Recreation Place
The page of recreation page (Figure 4.51) will display some interesting places in Jakarta. The globe icon used to display the map of Figure 4.51 Recreation place page
each recreation places (Figure 4.52) and the camera icon used to show the pictures of each recreation place (Figure 4.53). Figure 4.52 Map recreation place page Figure 4.53 Picture recreation place page
4.2.1.7 Jakarta Traditional Food
The Jakarta traditional page (Figure 4.54) provide information about the special traditional food in jakarta. This is allow the tourisst to taste the local indonesian (specially Jakarta) food . This page display brief description of each foods. By clicking the right and left arrow the user can see the next food information.
Figure 4.54 Jakarta food page
2 Administrator Guide Instruction.
4.2.2.1 Starting Application In starting the application, administrator has to insert the password
(Figure 4.55). Login page has been made in order to secure in accessing
the system, only the administrator who can use this application.
Figure 4.55 Login page Administrator
4.2.2.2 Homepage
This page is homepage for administrator page (Figure 4.56), which is
display the welcome word and shows some pictures of airport. Figure 4.56 Homepage Administrator
4.2.2.3 News Page
The inserted news will display in the news page (Figure 4.57). This page show the list of inserted news, by clicking the edit page, administrator can edit the news by inserting the data in the form edit news (Figure 4.58). Figure 4.57 News page Administrator
Figure 4.58 Edit News page Administrator 4.2.2.4 Insert News Page
This page is provided to insert the update news (Figure 4.59). In this
page administrator can also insert the picture of the related news. After
saving the data, it will automatically display in the news page. Figure 4.59 Insert News page Administrator
4.2.2.5 Hotel Page
The hotel page displays the list of hotel that consist of name, address and some additional information (Figure 4.60). Hotel page is also provides an edit function in order to help the administrator when he made a mistake in inserting the data (Figure 4.61). Add the hotel function is also being required for adding the hotel data include the address and additional information related to the hotel (Figure 4.62). Administrator only needs to fill the form that provided for add new hotel page (Figure 4.63). The detail function use to see the price of hotel (Figure 4.64), edit function is also provided for editing the price of hotel
(Figure 4.65). Figure 4.60 Hotel page Administrator
Figure 4.61 Edit Hotel page Administrator Figure 4.62 Add Hotel page Administrator
Figure 4.63 Form Add New Hotel page Administrator Figure 4.64 Detail Hotel page Administrator
Figure 4.65 Edit Hotel Price page Administrator 3 Application Testing
In this section will be testing the application that have been made. The testing method used for this application is black-box testing. The table bellow display the result of black-box testing for airport information kiosk application for user pages (Table 4.5) and administrator pages (Table 4.6).
4.3.1 Black box testing for user
Table 4.5 The black-box testing airport information kiosk application for user pages.
No Process Display Result Description
1 Click “Wayang Icon’ Display the Ok Homepage of Airport homepage (news) Information Kiosk. In this of information pages will display the kiosk application. news page directly.
2 Click “Airport” Display the map Ok Several icon will inform airport. the user about facilities in airport
3 Click ”Resto” Display the resto Ok Shows the position of the icon in airport restaurants in airport. map.
4 Click ”Hotel” Display the hotel Ok Shows the position of the icon in airport hotel in airport. map.
5 Click ”Office” Display the office Ok Shows the position of the icon in airport offices in airport. map.
6 Click ”Bank&ATM” Display the bank Ok Shows the position of the &ATM icon in bank &ATM in airport. airport map.
7 Click ”Toilet” Display the toilet Ok Shows the position of the icon in airport toilets in airport. map. 8 Click ”Money Display the money Ok Shows the position of the Changer” changer icon in money changers in airport. airport map.
9 Click ”Shop” Display the shop Ok Shows the position of the icon in airport shops in airport. map.
10 Click “Resto icon” Display the content Ok Shows the content of of restaurant restaurant and display the picture of it
11 Click “Hotel icon” Display the content Ok Shows the content of hotel of hotel in airport and display the picture of it
12 Click “Office icon” Display the content Ok Shows the content of of office office and display the picture of it
13 Click “Bank&ATM Display the content Ok Shows the content of icon” of bank &atm bank&atm centers and centers display the picture of it
14 Click “Toilet icon” Display the content Ok Shows the content of toilet of toilet and display the picture of it
15 Click “Money Display the content Ok Shows the content of Changer icon” of money changer money changer and display the picture of it
16 Click “Shop icon” Display the content Ok Shows the content of shop of shop exist in the airport and display the picture of it
17 Click “Mall” Display the mall Ok Mall Page shows the description content for each malls.
18 Click ”Mall Picture” Display the Ok Shows some pictures of pictures of mall the mall
19 Click “Map Mall” Display the map of Ok Map mall page show the the mall direction from the airport to the mall.
20 Click “Hotel” Display the Ok Home hotel page shows categories of the the list of hotel based on hotel based on the jakarta region. region of jakarta
21 Click ”List hotel” Display the Ok Hotel page shows the description of the content of hotel. hotel.
22 Click ”Price hotel” Display the price Ok Price hotel display in the of each hotels hotel page.
23 Click ”Picture hotel” Display the picture Ok 10 pictures display in of each hotels picture hotel page.
24 Click ”Map hotel” Display the map of Ok Map hotel page shows the each hotels direction from airport to the mall.
25 Click ”Recreation Display the Ok Home page of each Place” recreation place recreation place page. description.
26 Click ”Picture Display the picture Ok The picture of each Recreation place” of each recreation recreation page shows places some picture of it.
27 Click ”Map Display the map of Ok This page shows the map Recreation place” each recreation of each recreation place places and show the direction from airport to each recreation place.
28 Click ”Jakarta Food” Display the Ok Jakarta Food page show description of the content of 10 several traditional traditional food in Jakarta. food in Jakarta
4.3.2 Black box testing for administrator
Table 4.6 The black-box testing airport information kiosk application for administrator pages.
No Process Display Result Description
1 Click “HOMEPAGE” Display the Ok Homepage of homepage administrator page 2 Click ”NEWS_LIST” Display the list of Ok The news page the news
3 Click “Edit” Display the news Ok Edit form in news page edit form
4 Click ”Submit” Save the data in Ok The data will be shown in database news_list page.
5 C l i c k Display the news Ok Insert form for new data insert form ”INSERT_NEWS”
6 Click ”Submit” The data will be Ok The new data will be save in the display in the news_list database page
7 Click ”HOTELl” Display the list of Ok The hotel page hotel address
8 Click ” ADD NEW Display the form Ok Form new hotel to insert the new HOTEL” hotel
9 Click ”Edit” Edit the name, Ok Edit form hotel address and description of hotel
10 Click “Detail” Display the list of Ok List of hotel price hotel price
11 Click ”Edit” Display the edit Ok Form for edit the hotel form for hotel price price
12 Click “Delete” Delete the data of Ok The data will be deleted the price hotel from the database.
13 C l i c k Display the form Ok From of insert price hotel for inserting the “INSERT_PRICE” price of hotel
14 Click “Submit” The data will Ok The new data will shown save into in the list of price hotel. database 15 Click “LOGOUT” Back to the login Ok Logout from the system. menu
1 Hardware Specification
In testing process there will be required computer specification in order
to get a good result of application testing. The following is a computer
specification used to test the application:
· Processor AMD Athlon™ X2 Neo L335 1.6 GHz.
· Memory 2 GB DDR2 SDRAM PC-6400.
· Display 12.1" WXGA LED Resolution 1280 x 800.
· Hard Drive Type 250 GB Serial ATA 5400 RPM.
· Keyboard QWERTY 82 keys and Mouse
· Sound card and Speaker.
2 Sofware Specification
Software specification that is used in order to run the information kiosk
application is Microsoft Windows Vista Home Premium operation system,
apache, PHP, MySQL, browser, and Flash player 10.
4 Evaluation
Airport information kiosk application tested and tried by some foreign tourists. To get the information about evaluation of this application the questionnaire form (appendix A1) has been given to 15 tourists comes from various countries. From the result of the questionnaire evaluation, it can be concluded that: 1. This application has good interfaces.
2. The information provided is sufficient.
3. This application can help tourist in getting information needed.
4. The application user friendliness.
5. This application is easy to understand.
6. Good animation utilization.
From the result of the evaluation questionnaire, some of them suggest to add the traffic and weather information. Inserting the voice feature and adding the other language to the application is another suggestion. They comment the airport map has to be clearer and use more attractive animation.
Questioner Analysis
The Following is the result of questionnaire.
1. Design of the application. Figure 4.66 Pie Chart Result Questioner 1
2. User friendliness of the application. Figure 4.67 Pie Chart Result Questioner 2
3. Suffiency of the application provided. Figure 4.68 Pie Chart Result Questioner 3
4. How useful is this application to you.
Figure 4.69 Pie Chart Result Questioner 4
5. Animation Utilization. Figure 4.70 Pie Chart Result Questioner 5
6. How easy to understand the information provided in this application Figure 4.71 Pie Chart Result Questioner 6 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered )
http://www.word-to-pdf.abdio.com/CHAPTER V
SUMMARY AND FUTURE WORK
1 Summary
Airport Information Kiosk application is the application that provide some information that is needed by tourists. This application use Interactive Multimedia
System Design and Development (IMSDD) as a methodology development that consist of four stages, there are System Requirements, Design Consideration,
Implementation, and Testing.
Airport Information Kiosk application for Soekarno-Hatta International
Airport provide some information about hotels, shopping malls, recreation places, and give information about the traditional food in Jakarta. Display of the airport map and its facilities are also included. The application also provides feature to update news information that can be updated and edited by the administrator using the administrator page.
According to the result of questionnaires taken, some of the tourists said that this application has a good interface design, user friendly, and can help the tourist in getting the information needed. This application is also considered good in delivering information and good using animation utilization. 2 Future Work.
For the future research it is expected that it will be build in multi languages such as Mandarin and Arabic language because most of the tourist comes from
Arabian and Asian countries not only from English country. The voice feature might be included in order to make this application more communicative. The application will be more informative if the real-time traffic and weather news also included. It has to be an online application and linked into website that provide infomation such as http://bmg.co.id for weather information, and http://tmcmetro.com for traffic information. Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ REFERENCES
B. Beizer, Black Box Testing. New York: John Wiley & Sons, Inc., 1995.
Cook, Mark Elsoom. (2001); Principles of Interactive Multimedia, Singapore:
McGraw-Hill
Connolly, Thomas and Begg, Carolyn. (2005); Database System, Singapore: Addison
Wesley Publications.
Dastbaz, Mohammad. (2003); Designing Interactive Multimedia Systems, Singapore:
McGraw-Hill.
Kirakowski, J. And Corbett, M. (1990); ‘Effective methodology for the study of HTC’
Amsterdam: North Holland.
Lasseter, J. (1987); “Principles of Traditional Animation Applied to 3D Computer
Animation”. Proc. SIGGRAPH.
Lawton, D. (1980); ‘The politics of curriculum evaluation; Curriculum education
today trends and strategies’ (Edited by Tawny, D.), Schools Council Research
Studies, London: Macmilan.
Parlett, M.R. and Hamilton, D.F. (1972): ‘Evaluation as illumination: A new approach
to the study of innovatory programmes’; University of Edinburgh Centre for
Reasearch in Educatiob Science, Occasional paper No.9.
Quigley, Ellie. (2007): PHP and MySQL, Singapore: Prentice Hall.
Shneiderman, B. (1998); ‘Designing the User Interface-Strategies for Effective
Human Computer Interaction’; Addison Wesley Publications.
96 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ Whitten L, Jeffery. (2004); Metode Desain & Analisis Sistem, Yogyakarta:
McGraw-Hill and ANDI.
96 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/Source Code
A. News
1. Connect to database.
$no=$_REQUEST["no"];
$ss = mysql_query("SELECT * FROM tb_berita order by no asc"); $jum=mysql_num_rows($ss); //echo $jum;
if($no==1){$no=$jum-6;} else if($no==2){$no=$jum-5;} else if($no==3){$no=$jum-4;} else if($no==4){$no=$jum-3;}
else if($no==5){$no=$jum-2;} else if($no==6){$no=$jum-1;} else if($no==7){$no=$jum-0;}
$s = mysql_query("SELECT * FROM tb_berita WHERE no = '$no'"); $data=mysql_fetch_array($s); $judul = $data["judul"]; $isi = $data["isi"]; $gambar = $data["gambar"];
echo "judul=".$judul."&isi=".$isi."&gambar=".$gambar;
?> 2. Script in flash
on (press) {
f="http://localhost/db/index_news.php?no=1";
l = new LoadVars();
l.onLoad = function() {
var i;
isi.text="";
judul.text="";
isi.text= this["isi"];
judul.text=this["judul"];
xx=this["gambar"];
loadMovie(xx,t);
};
l.load(f);
}
B. Hotel
1. Add hotel
$nama = $_REQUEST['nama'];
$room = $_REQUEST['room'];
$publish = $_REQUEST['publishs'];
$net = $_REQUEST['nets'];
$alamat = $_REQUEST['alamat'];
$keterangan = $_REQUEST['keterangan'];
$sql="INSERT INTO `db_kios`.`tb_hotel` (`nama`, `room`, `publish`, `net`, `alamat`, `keterangan`) VALUES ('$nama', '$room', '$publish', '$net', '$alamat', '$keterangan')";
$hasil=mysql_query($sql);
?>
2. Insert Hotel
$ss = mysql_query("SELECT * FROM tb_hotel order by no desc");
$d=mysql_fetch_array($ss);
$no=$d["no"]+1; ?>
3. Price Hotel if(isset($_POST["Simpan"]) && !empty($_POST["room"])){
$no = $_REQUEST['no'];
$id_hotel = $_REQUEST['idx'];
$room = $_REQUEST['room'];
$publish = $_REQUEST['publish'];
$net = $_REQUEST['net'];
$sql ="INSERT INTO tb_hotel VALUES ('$no','$id_hotel', '$room', '$publish', '$net')";
$hasil=mysql_query($sql);
if($hasil){ echo "";}
else{echo "";}
}
4. Script in Flash
On (press) { _root.pricejw._visible = true; _root.nama._visible = true; _root.room._visible = true; _root.publishs._visible = true;
_root.nets._visible = true; _root.alamat._visible = true; _root.keterangan._visible = true;
f="http://localhost/db/hotel.php?nama=jw"; l = new LoadVars();
l.onLoad = function() { var i; jum=this["jum"]; nama.text=""; room.text=""; publishs.text=""; nets.text="";
alamat.text=""; keterangan.text="";
nama.text= this["nama0"]; alamat.text= this["alamat0"]; keterangan.text= this["keterangan0"];
room.text= this["room0"]+"\n"+this["room1"]+"\n"+this["room2"]; publishs.text= this["publish0"]+"\n"+this["publish1"]+"\n"+this["publish2"]; nets.text=this["net0"]+"\n"+this["net1"]+"\n"+this["net2"]; }; l.load(f); } Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ Appendix 1 : Questionanire Evaluation
QUESTIONNAIRE EVALUATION
AIRPORT INFORMATION KIOSK APPLICATION AT SOEKARNO-HATTA
Use checklist (V) to answer the question! 1. Very Good up to 5. Worse
No Question 1 2 3 4 5
1 Design of the application interface
2 User friendliness of the application
3 Sufficiency of the application provided
4 How useful is this application to you
5 Animation Utilization
6 How easy to understand the information provided in this application
Other critic or Suggestion for this application.
A 1 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
Questionnaire Analysis
The following is the result of questionnaire.
1. Design of the application interface.
2. User friendliness of the application.
A 2 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
3. Sufficiency of the application provided.
A 3 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
4. How useful is this application to you.
A 4 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
5. Animation Utilization
A 5 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
6. How easy to understand the information provided in this application.
A 6 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
Appendix 2 : Source Code
Source Code
A. News
1. Connect to database.
$no=$_REQUEST["no"]; $ss = mysql_query("SELECT * FROM tb_berita order by no asc"); $jum=mysql_num_rows($ss); //echo $jum;
if($no==1){$no=$jum-6;} else if($no==2){$no=$jum-5;} else if($no==3){$no=$jum-4;}
else if($no==4){$no=$jum-3;} else if($no==5){$no=$jum-2;} else if($no==6){$no=$jum-1;} else if($no==7){$no=$jum-0;}
A 7 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/
$s = mysql_query("SELECT * FROM tb_berita WHERE no = '$no'"); $data=mysql_fetch_array($s);
$judul = $data["judul"];
$isi = $data["isi"]; $gambar = $data["gambar"];
echo "judul=".$judul."&isi=".$isi."&gambar=".$gambar; ?> 2. Script in flash
on (press) {
f="http://localhost/db/index_news.php?no=1";
l = new LoadVars();
l.onLoad = function() {
var i;
isi.text="";
judul.text="";
isi.text= this["isi"];
judul.text=this["judul"];
xx=this["gambar"];
loadMovie(xx,t);
};
A 8 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ l.load(f);
}
B. Hotel
1. Add hotel
mysql_pconnect ("localhost", "root", "");
mysql_select_db ("db_kios");
$nama = $_REQUEST['nama'];
$room = $_REQUEST['room'];
$publish = $_REQUEST['publishs'];
$net = $_REQUEST['nets'];
$alamat = $_REQUEST['alamat'];
$keterangan = $_REQUEST['keterangan'];
$sql="INSERT INTO `db_kios`.`tb_hotel` (`nama`, `room`, `publish`, `net`, `alamat`, `keterangan`) VALUES ('$nama', '$room', '$publish', '$net', '$alamat', '$keterangan')";
$hasil=mysql_query($sql);
A 9 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ ?>
2. Insert Hotel
date_default_timezone_set('UTC');
mysql_pconnect ("localhost", "root", "");
mysql_select_db ("db_kios");
$ss = mysql_query("SELECT * FROM tb_hotel order by no desc");
$d=mysql_fetch_array($ss);
$no=$d["no"]+1;
?>
3. Price Hotel
if(isset($_POST["Simpan"]) && !empty($_POST["room"])){
$no = $_REQUEST['no'];
$id_hotel = $_REQUEST['idx'];
$room = $_REQUEST['room'];
$publish = $_REQUEST['publish'];
$net = $_REQUEST['net'];
$sql ="INSERT INTO tb_hotel VALUES ('$no','$id_hotel', '$room', '$publish', '$net')";
$hasil=mysql_query($sql);
if($hasil){ echo "";}
A 10 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ else{echo "";}
}
4. Script in Flash
On (press) { _root.pricejw._visible = true; _root.nama._visible = true;
_root.room._visible = true; _root.publishs._visible = true; _root.nets._visible = true; _root.alamat._visible = true; _root.keterangan._visible = true; f="http://localhost/db/hotel.php?nama=jw"; l = new LoadVars(); l.onLoad = function() {
var i; jum=this["jum"]; nama.text=""; room.text=""; publishs.text=""; nets.text=""; alamat.text=""; keterangan.text="";
A 11 Word to PDF - UnRegistered http://www.word-to-pdf.abdio.com/
( Word to PDF - Unregistered ) http://www.word-to-pdf.abdio.com/ nama.text= this["nama0"]; alamat.text= this["alamat0"]; keterangan.text= this["keterangan0"];
room.text= this["room0"]+"\n"+this["room1"]+"\n"+this["room2"]; publishs.text= this["publish0"]+"\n"+this["publish1"]+"\n"+this["publish2"];
nets.text=this["net0"]+"\n"+this["net1"]+"\n"+this["net2"]; }; l.load(f);
}
A 12