Pengembangan kiosk informasi interaktif berbasis 3 dimensi di nict hrd center
PENGEMBANGAN KIOSK INFORMASI INTERAKTIF
BERBASIS 3 DIMENSI DI NICT HRD CENTER
Dyah Astari Widyaningsih
106091002923
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UIN SYARIF HIDAYATULLAH
JAKARTA
2011 M / 1432 H
PENGEMBANGAN KIOSK INFORMASI INTERAKTIF
BERBASIS 3 DIMENSI DI NICT HRD CENTER
Skripsi
Sebagai Salah Satu Syarat Untuk Memperoleh Gelar
Sarjana Komputer
Fakultas Sains dan Teknologi
Universitas Islam Negeri (UIN) Syarif Hidayatullah Jakarta
Oleh
Dyah Astari Widyaningsih
106091002923
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UIN SYARIF HIDAYATULLAH
JAKARTA
2011 M / 1432 H
ii
PENGEMBA}IGAN KIOSK INT'ORMASI INTERAKTIF
BERBASIS 3 DIMENSI DI NICT HRD CENTER
Skripsi
Diajukan Kepada Fakultas Sains dan Teknologi
Universitas Islam Negeri Syarif Hidayatullah Jakarta
Untuk Memenuhi Syarat-syarat Meraih Gelar Sarjana Komputer
Oleh
Dyah Astari r#idyaningsih
106091002923
Menyetujui,
Pembimbing
I
NrP. 19691025 1988 t2
Pembimbing
I
II
NrP. 19710522 2006 04 I 002
001
Mengetahui,
Ketua Program Studi Teknik Informatika
0s2220M 041002
llt
PENGESAHAN UJIAN
Skripsi yang berjudul "Pengembangan Kiosk Informasi Interaktif Berbasis 3
Dimensi
di NICT IIRD CENTER".
Telah diuji dan dinyatakan lulus dalam
sidang munaqosyah Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif
Hidayatullah Jakarta pada tanggallTJuni 2011. Skripsi ini telah diterima sebagai
salah satu syarat untuk memperoleh gelar sarjana skata satu
(Sl) program studi
Teknik Informatika.
Jakarta, Juni 2011
Menyetujui,
Penguji I
,^JJ.L\atJ.--:Feri Fahrlanto. M.Sc
NrP. 19800829 20tt 01
Pembimbing
Ria
I 002
NIP. 198208t7 2009 t2 2 002
I
NIP. 19691025 1988 12
lfari Gusmita. M.Kom
Pembimbing
II
.19710522 2006 04 1 002
1 001
Mengetahui,
ains dan Teknologi
Ketua Prodi Teknik Informatika
dayatullah Jakarta
NIP.19680117 2001 12 1 001
P.19710522 2006 04
tw
I
002
PERNYATAAN
DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENARBENAR HASIL KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN
SEBAGAI SKRIPSI ATAU KARYA ILMIAH PADA PERGURUAN TINGGI
ATAU LEMBAGA MANAPUN
Jakarta, Juni 2011
Dyah Astari Widyaningsih
106091002923
v
ABSTRAK
Dyah Astari Widyaningsih-106091002923, Pengembangan Kiosk Informasi
Interaktif Berbasis 3 Dimensi di NICT HRD CENTER, dibimbing oleh Bapak
Dr. Eko Syamsuddin M. Eng. dan Bapak Yusuf Durrachman M.Sc., MIT.
Pemerintah Republik Korea dan Pemerintah Indonesia mengadakan kerjasama
pengembangan Sumber Daya Manusia di bidang Teknologi Informasi
Komunikasi (TIK). Maka dilaksanakan Pembangunan Proyek National ICT
Human Resource Development (NICT HRD). Pengelolaan Proyek NICT HRD,
adalah kerja sama antara Departemen Komunikasi dan Informasi bersama dengan
Universitas Islam Negeri (UIN) Syarif Hidayatullah Jakarta. Tujuan NICT HRD
atau biasa disebut PUSTIKNAS (Pusat Teknologi Informasi dan Komunikasi
Nasional) adalah sebagai pusat pelatihan teknologi informasi yang dibangun oleh
pemerintah guna menjawab tantangan globalisasi maupun kesenjangan digital.
Gedung NICT HRD memiliki banyak ruangan, sehingga dalam hal
penginformasian tata letak ruangan membutuhkan media yang menunjang, begitu
pula dalam penginformasian jadwal pelatihan. Media yang tepat untuk menunjang
penyampaian informasi tersebut adalah kiosk informasi, karena memiliki
kapasitas yang cukup besar sesuai dengan hardisk didalamnya dan kiosk
informasi adalah perkembangan teknologi informasi yang baru. Pembuatan kiosk
informasi ini menggunakan metode pengumpulan data dan pengembangan sistem.
Metode pengumpulan data terdiri dari studi pustaka, wawancara, observasi dan
kuesioner. Sedangkan metode pengembangan sistem menggunakan Siklus Hidup
Pengembangan Sistem Interactive Multimedia System Design and Development
(IMSDD) yang mempunyai 4 tahapan, diantaranya adalah System Requirement,
Design Consideration, Implementation dan Evaluation. Berdasarkan hasil
evaluasi, skiosk informasi membantu dalam penginformasian jadwal pelatihan dan
informasi tata letak ruangan. Kiosk informasi NICT HRD ini masih memerlukan
peningkatan dan perkembangan yang lebih baik , yakni agar bisa meng-upload
data dengan file type doc, xls, docx, xlsx, dan pergantian bahasa secara otomatis
agar memudahkan admin saat memasukkan data berita.
Kata kunci: kiosk informasi, IMSDD, multimedia, virtual reality, 3 dimensi.
Jumlah Halaman : V Bab + 194 Halaman + xxvi Halaman + 153 Gambar + 28
Tabel + Daftar Pustaka + Lampiran.
Jumlah Daftar Pustaka : 21 Sumber (Tahun 1998 – Tahun 2010)
vi
KATA PENGANTAR
ﺒﺳم ﷲ اﻠﺮﱠ ﺤﻣن اﻠرﱠ ﺤﯾم
Puji syukur penulis panjatkan ke hadirat Allah SWT, atas berkat dan kasih
karunia-Nya sehingga penulis dapat menyelesaikan skripsi dengan judul
“Pengembangan Kiosk Informasi Interaktif Berbasis 3 Dimensi di NICT
HRD CENTER ”.
Penulisan skripsi ini merupakan salah satu syarat untuk menyelesaikan Studi
Strata 1 guna memperoleh gelar Sarjana Komputer
pada Jurusan Teknik
Informatika Fakultas Sains dan Teknologi, Universitas Islam Negeri Syarif
Hidayatullah Jakarta.
Penulis menyadari bahwa tersusunnya skripsi ini bukan hanya atas
kemampuan dan usaha penulis semata, namun juga berkat bantuan berbagai pihak,
oleh karena itu penulis mengucapkan terima kasih yang sedalam-dalamnya kepada
yang terhormat :
1.
Bapak DR. Syopiansyah Jaya Putra, M. Sis selaku Dekan Fakultas Sains
dan Teknologi UIN Syarif Hidayatulah Jakarta.
2.
Bapak Yusuf Durrachman, M.Sc , MIT selaku Ketua Program Studi Teknik
Informatika dan Ibu Viva Arifin, M.MSi selaku Sekretaris Program Studi
Teknik Informatika.
3.
Bapak DR. Eko Syamsuddin Hasrito, M.Eng selaku Dosen Pembimbing I,
dan Bapak Yusuf Durrachman, M.Sc , MIT selaku Dosen Pembimbing II
vii
yang telah meluangkan waktu, memberikan arahan dan nasehat dalam
menyelesaikan skripsi ini.
4.
Bapak M. Yusuf, S.Kom yang telah memberikan arahan mengenai desain
yang baik dan benar.
5.
Seluruh Dosen Teknik Informatika yang tidak dapat penulis sebutkan satu
persatu yang telah memberikan ilmu selama penulis menyelesaikan studi.
6.
Seluruh Staff Jurusan TI/SI dan staff Akademik FST yang telah membantu
penulis dalam masa perkuliahan.
7.
Bapak Hasan Nursheka dan Ibu Ummy selaku perwakilan dari NICT HRD
CENTER yang telah meluangkan waktunya untuk wawancara dan
memberikan informasi tentang NICT HRD CENTER
8.
Kedua Orang Tuaku, yang selalu mendukung dalam hal moril maupun
materil.
9.
Dan semua teman-teman satu angkatan 2006 jurusan Teknik Informatika
Fakultas Sains dan Teknologi. Khususnya untuk Icheberliyanti, Arif Kunto,
dan Indra Pribadi.
Penulis menyadari bahwa makalah ini masih jauh dari kesempurnaan baik
bentuk, isi maupun teknik penyajian. Oleh sebab itu, kritikan yang bersifat
membangun dari berbagai pihak, penulis terima dengan tangan terbuka serta
sangat diharapkankan. Semoga skripsi ini dapat bermanfaat.
Jakarta, Juni 2011
Dyah Astari W.
viii
Lembar Persembahan
Ku persembahkan Tugas Akhir ku ini
yang mungkin bukan yang terakhir kepada:
Ibuku (Sumiarsih) dan Ayahku (Damardi) yang tercinta dan ku banggakan. Yang tiada henti
mendoakan aku, terutama di 1/3 malam tahajudmu, yang tiada jenuh berkorban demiku,
memberikan motivasi, semangat, dukungan moril/materi dan tiada henti dan sudah pasti
selalu mencintaiku dan menyayangiku walau dalam amarahmu.
Adik-adikku (Agustian DC. dan M. Fariz D.) yang tersayang walau selalu menguji
kesabaranku, terima kasih sudah mau membantu pekerjaan rumah dan selalu menjadi
motivasi untuk menjadikanku contoh, walau aku belum bisa menjadi contoh buat kalian,
semoga kalian bisa jadi lebih baik dariku dan menjadi kebanggaan keluarga.
My Soulmate (Syahrizal)
Terimakasih atas rasa sayang, perhatian, kesabaran dan tiada henti memotivasiku untuk
terus berusaha untuk masa depan, yang mungkin akan menyatu dengan masa depanmu..
Special thank’s for your VGA & RAM. It’s really help me to finished my final assignment.
The couple of love (Ariyanti Saputri & Dinal Agara Cipta)
Terima kasih buat kalian yang tak pernah bosan sudah meluangkan akhir pekan kalian dan
siap dihubungi untuk mengajari, membantu dan memotivasiku dalam penyelesain tugas akhir.
My Friends (Lulu M, Dimas SD, Kartika ISP, Angga S, Ariyanti S)
Yang selalu membantu, menemani, semoga tidak bosan mendukung dan menyemangatiku
dalam menyelesaikan tugas akhir ini. Semoga hubungan ini tidak hanya sampai kita wisuda.
Zakiyah, thank’s for java script (tiny_mce). It’s really help me to completed my application.
Imam Mudzakir yang telah memberikan referensi tempat studi kasus, walau singkat namun
ini berarti bagi penulis.
Boleh jadi kamu membenci sesuatu, padahal ia amat baik bagimu, dan boleh jadi (pula) kamu
menyukai sesuatu, padahal ia amat buruk bagimu; Allah mengetahui, sedang kamu tidak
mengetahui. (QS. Al-Baqarah, 2: 216)
Waktu begitu tak bersahabat ketika ku tau bahwa tugas akhir ini, ku selesaikan 1 tahun, tak
pernah kurencanakan sebelumnya, tapi mungkin ini rencana-Nya. Aku tak pernah tau apa
yang terjadi sebelum aku mejalaninya dan aku tak akan pernah dapat sebelum aku
mengusahakannya. Kemudahan & Hambatan semua itu menyatu dan menjadikanku yakin,
inilah yang terbaik untukku.
ix
DAFTAR ISI
Halaman
HALAMAN SAMPUL ............................................................................... i
HALAMAN JUDUL .................................................................................. ii
LEMBAR PENGESAHAN PEMBIMBING ........................................... iii
LEMBAR PENGESAHAN UJIAN .......................................................... iv
LEMBAR PERNYATAAN ....................................................................... v
ABSTRAK .................................................................................................. vi
KATA PENGANTAR ............................................................................... vii
LEMBAR PERSEMBAHAN ................................................................... ix
DAFTAR ISI .............................................................................................. x
DAFTAR TABEL ...................................................................................... xvi
DAFTAR GAMBAR ................................................................................. xviii
DAFTAR LAMPIRAN ............................................................................. xxvi
BAB I
PENDAHULUAN ................................................................... 1
1.1
Latar Belakang .................................................................. 1
1.2
Rumusan Masalah ............................................................. 3
1.3
Batasan Masalah ................................................................ 3
1.4
Tujuan dan Manfaat Penelitian .......................................... 4
1.5
Metodologi Penelitian ........................................................ 5
1.5.1 Metode Pengumpulan Data ...................................... 5
1.5.2 Metode Pengembangan Sistem ................................ 6
x
1.6
BAB II
Sistematika Penulisan ........................................................ 7
LANDASAN TEORI ................................................................ 9
2.1
Perngembangan ................................................................. 9
2.2
Kiosk informasi ................................................................. 9
2.2.1 Sejarah Kiosk Touch Screen ..................................... 9
2.2.2 Pengertian Kiosk Informasi ......................................10
2.2.3 Pedoman Mengenai Kiosk ....................................... 11
2.2.4 Tujuan dan Manfaat Kiosk Informasi ...................... 12
2.2.5 Jenis-jenis Kiosk ..................................................... 14
2.3
Informasi ........................................................................... 16
2.4
Interaktif ........................................................................... 16
2.5
3 Dimensi ...........................................................................17
2.6
Virtual Reality ................................................................... 17
2.6.1 Manfaat dan Tujuan Virtual Reality ........................ 17
2.7
Deteksi Tumbukan (Collision Detection) ......................... 18
2.8
Multimedia ........................................................................ 24
2.8.1 Pengertian Multimedia ............................................. 24
2.8.2 Komponen-komponen Multimedia .......................... 25
2.9
Siklus Hidup Pengembangan Sistem (IMSDD) .............. 31
2.9.1 Analisis Kebutuhan Sistem (System Requirement).. 32
2.9.2 Pertimbangan Desain (Design Consideration) ....... 32
2.9.3 Implementasi .......................................................... 33
xi
2.9.4 Evaluasi ................................................................... 34
2.10 Rekayasa Piranti Lunak .................................................... 34
2.10.1 Definisi Piranti Lunak ........................................... 34
2.10.2 Karakteristik Piranti Lunak ................................... 35
2.10.3 Aplikasi Piranti Lunak .......................................... 36
2.10.4 Definisi Rekayasa Piranti Lunak ........................... 38
2.11 Interaksi Manusia dan Komputer ...................................... 39
2.12 STD (State Transition Diagram) ...................................... 41
2.13 Flowchart .......................................................................... 43
2.14 Sistem Basis Data ............................................................. 44
2.14.1Pemodelan Data ..................................................... 45
2.14.2 Entity Relationship Diagram ..................................45
2.15 Authoring Tools .................................................................47
2.15.1 Macromedia Flash 8 ............................................. 48
2.15.2 Macromedia Director 11.5 .................................... 50
2.15.3 3D Studio Max 8 ................................................... 52
2.15.4 Archicad 10 ........................................................... 55
2.16 Script Program .................................................................. 57
2.16.1 ActionScript 2.0 .................................................... 57
2.16.2 Lingo ..................................................................... 57
2.17 Skripsi dan Aplikasi Sejenis ............................................. 58
xii
BAB III
METODOLOGI PENELITIAN ............................................. 64
3.1
Metode Pengumpulan Data .............................................. 64
3.1.1. Studi Pustaka ........................................................... 64
3.1.2. Wawancara .............................................................. 64
3.1.3. Observasi ................................................................. 65
3.1.4. Kuesioner ................................................................. 65
3.2
Metode Pengembangan Sistem ......................................... 66
3.2.1. Tahap Kebutuhan Sistem (System Requirements) ... 68
3.2.1.1. Mendefinisikan Sistem ............................... 68
3.2.1.2. Kebutuhan dan Profil Pengguna ................. 68
3.2.1.3. Pertimbangan Perangkat Keras dan
Perangkat Lunak ......................................... 69
3.2.1.4. Pertimbangan Penyebaran Sistem .............. 69
3.2.2. Tahap Perancangan (Design Consideration) .......... 69
3.2.2.1. Design Metaphor ........................................ 70
3.2.2.2. Tipe Informasi ............................................ 70
3.2.2.3. Struktur Navigasi ........................................ 70
3.2.2.4. Masalah Integrasi dan Persiapan Media ..... 70
3.2.3.Tahap Implementasi (Implementation) .................... 71
3.2.3.1. Prototyping ................................................. 71
3.2.3.2. Beta Testing .................................................71
3.2.4.Tahap Evaluasi (Evaluation) .................................... 71
3.3
Bahan dan peralatan .......................................................... 72
xiii
3.3.1. Bahan ....................................................................... 72
3.3.2. Peralatan ................................................................. 72
BAB IV
HASIL DAN PEMBAHASAN ................................................ 74
4.1
Gambaran Umum Perusahaan ........................................... 74
4.1.1 NICT HRD CENTER ............................................. 74
4.1.2 Tujuan dan Sasaran Proyek NICT HRD CENTER ..75
4.1.3 Fasilitas NICT HRD CENTER ............................... 76
4.1.4 Sistem Yang Berjalan .............................................. 78
4.2
Analisis dan Hasil Pengumpulan Data .............................. 78
4.2.1 Studi Pustaka ............................................................ 78
4.2.2 Observasi .................................................................. 79
4.2.3 Wawancara ............................................................... 80
4.2.4 Kuesioner ................................................................. 80
4.3
Kebutuhan Sistem ............................................................. 91
4.3.1 Mendefinisikan Sistem ............................................ 92
4.3.2 Kebutuhan dan Profil Pengguna .............................. 93
4.3.3 Pertimbangan Perangkat Keras dan
Perangkat Lunak ...................................................... 93
4.3.3 Kebutuhan Fungsionalitas ....................................... 95
4.3.4 Pertimbangan Penyebaran Sistem ........................... 95
4.4
Perancangan ...................................................................... 97
4.4.1 Design Metaphor ..................................................... 97
xiv
4.4.2 Tipe Informasi ......................................................... 98
4.4.3 Struktur Navigasi ..................................................... 99
4.4.4 Persiapan dan Integrasi Media ................................ 102
4.4.5 Perancangan Flowchart .......................................... 106
4.4.6 Perancangan Database ............................................122
4.4.6.1 Perancangan ERD ....................................... 122
4.4.6.2 Spesifikasi Basis Data ................................. 126
4.4.8 Perancangan STD (State Transition Diagram) ........131
4.4.9 Perancangan Layar .................................................. 135
4.5
Implementasi .................................................................... 152
4.5.1 Prototyping .............................................................. 152
4.5.2 Beta Testing ............................................................181
4.5 Evaluasi ............................................................................... 185
BAB V
KESIMPULAN DAN SARAN ............................................... 195
5.1 Kesimpulan ......................................................................... 195
5.2 Saran .................................................................................... 196
DAFTAR PUSTAKA ................................................................................. 197
xv
DAFTAR TABEL
Halaman
Tabel 2.1
Simbol-simbol Flowchart ...................................................... 43
Tabel 4.1
Hasil kuesioner awal No. 1.................................................... 81
Tabel 4.2
Hasil kuesioner awal No. 2 ................................................... 82
Tabel 4.3
Hasil kuesioner awal No. 3 ................................................... 83
Tabel 4.4
Hasil kuesioner awal No. 4 ................................................... 84
Tabel 4.5
Hasil kuesioner awal No. 5.1 ................................................ 85
Tabel 4.6
Hasil kuesioner awal No. 5.2 ................................................ 86
Tabel 4.7
Hasil kuesioner awal No. 5.3 ................................................ 86
Tabel 4.8
Hasil kuesioner awal No. 5.4 ................................................ 87
Tabel 4.9
Hasil kuesioner awal No. 6 ................................................... 88
Tabel 4.10
Hasil kuesioner awal No. 7 ................................................... 89
Tabel 4.11
Hasil kuesioner awal No. 8 ................................................... 90
Tabel 4.12
Hasil kuesioner awal No. 9 ................................................... 91
Tabel 4.13
Tipe Informasi ....................................................................... 98
Tabel 4.14
Kontrol Navigasi ................................................................... 103
Tabel 4.15
Button-button lainnya ........................................................... 104
Tabel 4.16
Matrik Relasi ……………………………………………… 122
Tabel 4.17
Pemetaan Atribut…………………………………………... 125
Tabel 4.18
Login .................................................................................... 127
Tabel 4.19
Lokasi ................................................................................... 127
Tabel 4.20
Pengajar ................................................................................ 128
xvi
Tabel 4.21
Pelatihan …………………………………………………... 128
Tabel 4.22
peserta_latihan....................................................................... 129
Tabel 4.23
Jadwal .................................................................................. 129
Tabel 4.24
Peserta .................................................................................. 130
Tabel 4.25
Pelatihan ............................................................................... 130
Tabel 4.26
Beta Testing Kiosk Informasi FrontEnd .............................. 181
Tabel 4.27
Beta Testing Kiosk Informasi BackEnd ............................... 182
xvii
DAFTAR GAMBAR
Halaman
Gambar 2.1
Vector representation ……………………………………... 19
Gambar 2.2
Plane normal………………………………………………. 20
Gambar 2.3
Sphere - plane collision …………………………………… 23
Gambar 2.4
Siklus IMSDD ...................................................................... 34
Gambar 2.5
Notasi State ........................................................................... 42
Gambar 2.6
Transition State ..................................................................... 42
Gambar 2.7
Notasi Condition & Action ................................................... 42
Gambar 2.8
Lembar Kerja Macromedia Flash ......................................... 49
Gambar 2.9
Lembar Kerja Adobe Director 11.5 ..................................... 51
Gambar 2.10 Lembar Kerja 3D Max .......................................................... 53
Gambar 2.11 Lembar Kerja Archicad 10 ................................................... 55
Gambar 2.12 Tampilan Layar Index Kiosk Senayan City .......................... 59
Gambar 2.13 Tampilan Layar Produk Aplikasi Front End
pada Kiosk Informasi PT Pembangunan Jaya Ancol ............ 60
Gambar 2.14 Tampilan Layar Main Menu pada Kiosk Informasi
Aneka Infokom Tekindo ....................................................... 61
Gambar 2.15 Tampilan Layar Home pada Kiosk Informasi
Walikota Jakarta Selatan ....................................................... 62
Gambar 2.16 Tampilan Masuk Galeri Seni Budaya Betawi ........................63
Gambar 3.1
Siklus IMSDD ...................................................................... 67
Gambar 4.1
Gedung NICT HRD CENTER ............................................. 74
xviii
Gambar 4.2
Diagram hasil kuesioner No. 1 ............................................. 81
Gambar 4.3
Diagram hasil kuesioner No. 2 ............................................. 82
Gambar 4.4
Diagram hasil kuesioner No. 3 .............................................83
Gambar 4.5
Diagram hasil kuesioner No. 4 ............................................. 84
Gambar 4.6
Diagram hasil kuesioner No. 5.1 .......................................... 85
Gambar 4.7
Diagram hasil kuesioner No. 5.2 .......................................... 86
Gambar 4.8
Diagram hasil kuesioner No. 5.3 .......................................... 87
Gambar 4.9
Diagram hasil kuesioner No. 5.4 .......................................... 87
Gambar 4.10 Diagram hasil kuesioner No. 6 ............................................. 88
Gambar 4.11 Diagram hasil kuesioner No. 7 ............................................. 89
Gambar 4.12 Diagram hasil kuesioner No. 8 ............................................. 90
Gambar 4.13 Diagram hasil kuesioner No. 9 ............................................. 91
Gambar 4.14 Tampilan interface Kiosk Informasi Senayan City ................ 98
Gambar 4.15 Perancangan Struktur Navigasi FrontEnd ............................ 99
Gambar 4.16 Perancangan Struktur Navigasi Apliakasi BackEnd ............. 100
Gambar 4.17 Contoh gambar hasil dari searching dan download di internet
yang digunakan sebagai navigasi ..........................................102
Gambar 4.18 Perancangan Flowchart Halaman ......................................... 106
Gambar 4.19 Perancangan Flowchart Menu Tentang Kami ...................... 107
Gambar 4.20 Perancangan Flowchart Menu Tur 3 Dimensi ..................... 107
Gambar 4.21 Perancangan Flowchart Menu Denah .................................. 108
Gambar 4.22 Perancangan Flowchart Menu Jadwal ................................. 109
Gambar 4.23 Perancangan Flowchart Menu Fasilitas ............................... 109
xix
Gambar 4.24 Perancangan Flowchart Menu Cari ..................................... 110
Gambar 4.25 Perancangan Flowchart Menu Berita ................................... 111
Gambar 4.26 Perancangan Flowchart Menu Bantuan ............................... 111
Gambar 4.27 Perancangan Flowchart Menu Admin .................................. 112
Gambar 4.28 Flowchart halaman Denah Basemen .................................... 113
Gambar 4.29 Flowchart halaman Denah Lantai 1 ..................................... 113
Gambar 4.30 Flowchart halaman Denah Lantai 2 ..................................... 113
Gambar 4.31 Flowchart halaman Denah Lantai 3 ..................................... 114
Gambar 4.32 Flowchart halaman Denah Lantai 4 ..................................... 114
Gambar 4.33 Perancangan Flowchart Menu Data Utama ......................... 114
Gambar 4.34 Perancangan Flowchart Menu Data Olahan ........................ 115
Gambar 4.35 Perancangan Flowchart Submenu Ruang ............................ 116
Gambar 4.36 Perancangan Flowchart Submenu Pengajar ......................... 117
Gambar 4.37 Perancangan Flowchart Submenu Pelatihan ........................ 118
Gambar 4.38 Perancangan Flowchart Submenu Peserta ........................... 119
Gambar 4.39 Perancangan Flowchart Submenu Berita ..............................120
Gambar 4.40 Perancangan Flowchart Submenu Jadwal ........................... 121
Gambar 4.41 Perancangan Entity Relationship Diagram Sementara …… 122
Gambar 4.42 Perancangan Entity Relationship Diagram dengan Primary
key…………………………………………………………. 123
Gambar 4.43 Perancangan Entity Relationship Diagram dengan
kardinalitas ………………..………………………………. 123
xx
Gambar 4.44 Perancangan Entity Relationship Diagram dengan
Primary key dan entitas baru …………………………..…. 123
Gambar 4.45 Perancangan Entity Relationship Diagram……………………126
Gambar 4.46 Perancangan STD Halaman Utama ...................................... 131
Gambar 4.47 Perancangan STD Halaman Tentang Kami .......................... 131
Gambar 4.48 Perancangan STD Halaman Tur 3 Dimensi ......................... 132
Gambar 4.49 Perancangan STD Halaman Denah ...................................... 132
Gambar 4.50 Perancangan STD Halaman Jadwal ..................................... 133
Gambar 4.51 Perancangan STD Halaman Fasilitas ................................... 133
Gambar 4.52 Perancangan STD Halaman Cari .......................................... 134
Gambar 4.53 Perancangan STD Halaman Berita ....................................... 134
Gambar 4.54 Perancangan STD Halaman Bantuan ................................... 134
Gambar 4.55 Perancangan STD Halaman Admin ...................................... 135
Gambar 4.56 Perancangan Halaman Utama Layar FrontEnd .................... 135
Gambar 4.57 Perancangan Halaman Tentang Kami .................................. 136
Gambar 4.58 Perancangan Halaman Tur 3 Dimensi .................................. 136
Gambar 4.59 Perancangan Halaman Denah ............................................... 137
Gambar 4.60 Perancangan Halaman Submenu Denah ............................... 137
Gambar 4.61 Perancangan Halaman Submenu Denah ............................... 138
Gambar 4.62 Perancangan Halaman Jadwal .............................................. 138
Gambar 4.63 Perancangan Halaman Fasilitas ............................................ 139
Gambar 4.64 Perancangan Halaman Cari .................................................. 139
Gambar 4.65 Perancangan Halaman Berita ............................................... 140
xxi
Gambar 4.66 Perancangan Halaman Bantuan ............................................ 140
Gambar 4.67 Perancangan Halaman Login pada Admin ........................... 141
Gambar 4.68 Perancangan Halaman Beranda Administrator ..................... 142
Gambar 4.69 Perancangan Menu Data Utama ........................................... 142
Gambar 4.70 Perancangan Submenu Ruang .............................................. 143
Gambar 4.71 Perancangan Halaman Input Data Ruang ............................ 143
Gambar 4.72 Perancangan Halaman Lihat Data Ruang ............................ 144
Gambar 4.73 Perancangan Submenu Pengajar .......................................... 144
Gambar 4.74 Perancangan Halaman Input Data Pengajar ......................... 145
Gambar 4.75 Perancangan Halaman Lihat Data Pengajar ......................... 145
Gambar 4.76 Perancangan Submenu Pelatihan .......................................... 146
Gambar 4.77 Perancangan Halaman Lihat Data Pelatihan......................... 146
Gambar 4.78 Perancangan Submenu Peserta ............................................. 147
Gambar 4.79 Perancangan Halaman Input Data Peserta ............................ 147
Gambar 4.80 Perancangan Halaman Lihat Data Peserta ........................... 148
Gambar 4.81 Perancangan Submenu Berita ............................................. 148
Gambar 4.82 Perancangan Halaman Input Data Berita ............................. 149
Gambar 4.83 Perancangan Halaman Lihat Data Berita ............................. 149
Gambar 4.84 Perancangan Submenu Data Olahan .................................... 150
Gambar 4.85 Perancangan Submenu Jadwal ............................................. 150
Gambar 4.86 Perancangan Halaman Input Data Jadwal ............................ 151
Gambar 4.87 Perancangan Halaman Lihat Data Jadwal ............................ 151
xxii
Gambar 4.88 Background Halaman Utama Kiosk Informasi
NICT HRD CENTER .......................................................... 153
Gambar 4.89 Pembuatan Interface Halaman Utama Kiosk Informasi
NICT HRD CENTER .......................................................... 153
Gambar 4.90 Denah Ruang Main Building ................................................ 154
Gambar 4.91 Pembuatan Denah Ruang Main Building ............................. 155
Gambar 4.92 Pembuatan Denah Ruang Main Building pada
Macromedia Flash ................................................................ 155
Gambar 4.93 Pengkodean Interface ........................................................... 156
Gambar 4.94 Pembuatan Interface Tur 3 Dimensi ..................................... 156
Gambar 4.95 Hasil Scan BluePrint AS BUILT DRAWING .................... 157
Gambar 4.96 Pembuatan bangunan 3 dimensi dengan ArchiCAD 10 ...... 158
Gambar.4.97 Pemodelan 3 dimensi dengan 3ds Max 8 ............................. 159
Gambar 4.98 Pembuatan Virtual Reality dengan Adobe Director 11.5 ..... 160
Gambar 4.99 Pembuatan animasi 3 dimensi dengan 3ds Max 8 ................ 164
Gambar 4.100 Menyatukan tiap Scene animasi 3 dimensi pada
Ulead Video Studio 11 ......................................................... 165
Gambar 4.101 Halaman Utama Kiosk Informasi NICT HRD CENTER .... 166
Gambar 4.102 Halaman Menu Tentang Kami Kiosk Informasi
NICT HRD CENTER .......................................................... 166
Gambar 4.103 Halaman Menu Tur 3 Dimensi Kiosk Informasi
NICT HRD CENTER .......................................................... 167
xxiii
Gambar 4.104 Halaman Menu Denah Kiosk Informasi NICT HRD
CENTER ............................................................................. 167
Gambar 4.105 Halaman Menu Jadwal Kiosk Informasi NICT HRD
CENTER .............................................................................. 168
Gambar 4.106 Halaman Menu Fasilitas Kiosk Informasi NICT HRD
CENTER .............................................................................. 169
Gambar 4.107 Halaman Menu Cari Kiosk Informasi NICT HRD
CENTER .............................................................................. 169
Gambar 4.108 Halaman Menu Berita Kiosk Informasi NICT HRD
CENTER .............................................................................. 170
Gambar 4.109 Halaman Menu Bantuan Kiosk Informasi NICT HRD
CENTER .............................................................................. 171
Gambar 4.110 Layar login admin ................................................................ 171
Gambar 4.111 Halaman Utama Admin ....................................................... 172
Gambar 4.112 Sub menu Data Utama ......................................................... 172
Gambar 4.113 Halaman Input Ruangan ...................................................... 173
Gambar 4.114 Halaman Lihat Data Ruang ................................................. 173
Gambar 4.115 Halaman Input Pengajar ....................................................... 174
Gambar 4.116 Halaman Lihat Data Pengajar .............................................. 174
Gambar 4.117 Halaman Input Pelatihan...............................................
174
Gambar 4.118 Halaman lihat data Pelatihan................................................. 175
Gambar 4.119 Halaman Input Data Peserta ................................................. 175
Gambar 4.120 Halaman lihat data Peserta ................................................... 176
xxiv
Gambar 4.121 Halaman Input Data Berita .................................................. 176
Gambar 4.122 Halaman Lihat Data Berita .................................................. 177
Gambar 4.123 Halaman Sub menu Data Olahan ......................................... 177
Gambar 4.124 Halaman Input Data Jadwal.................................................. 178
Gambar 4.125 Halaman Lihat Data Jadwal .................................................. 178
Gambar 4.126 Interface pada Halaman Tentang Kami ............................... 186
Gambar 4.127 Interface pada Halaman Fasilitas ........................................ 186
Gambar 4.128 Interface pada Halaman Denah pada submenu
Denah lantai 1 ...................................................................... 187
Gambar 4.129 Keterangan “Data Tersimpan” Pada Input Data Pengajar ... 188
Gambar 4.130 Keterangan “ Maaf, ID Pengajar Telah Terpakai”
saat input data pengajar, karena menginput ID yang
telah terpakai ........................................................................ 188
Gambar 4.131 Simulasi proses tindakan pada suatu menu untuk
ke menu lain tanpa proses yang rumit ................................. 189
Gambar 4.132 Tampilan form pencarian jadwal ........................................ 191
Gambar 4.133 Tampilan hasil pencarian ..................................................... 191
Gambar 4.134 Menu denah dengan pilihan submenu menggunakan
Hyperpicture ......................................................................... 193
Gambar 4.135 Menu dengan hypertext dari submenu denah lantai 1 .......... 193
Gambar 4.136 Button close pada submenu information center ................... 193
xxv
DAFTAR LAMPIRAN
Halaman
Lampiran 1. Surat Permohonan Penelitian .................................................L1 – 1
Lampiran 2. Surat Pernyataan Diterima ......................................................L2 – 1
Lampiran 3. Surat Keterangan Telah Melakukan Penelitian ........................L3 - 1
Lampiran 4. SK Dosen Pembimbing ...........................................................L4 - 1
Lampiran 5. Hasil Wawancara. ....................................................................L5 - 1
Lampiran 6. Kuisioner Tahap Awal .............................................................L6 - 1
Lampiran 7. Kuisioner Evaluasi dan Hasilnya .............................................L7 - 1
Lampiran 8. Listing Script Program ........................................................L8 - 1
xxvi
ABSTRAK
Dyah Astari Widyaningsih-106091002923, Pengembangan Kiosk Informasi Interaktif
Berbasis 3 Dimensi di NICT HRD CENTER, dibimbing oleh Bapak Dr. Eko Syamsuddin
M. Eng. dan Bapak Yusuf Durrachman M.Sc., MIT.
Pemerintah Republik Korea dan Pemerintah Indonesia mengadakan kerjasama
pengembangan Sumber Daya Manusia di bidang Teknologi Informasi Komunikasi (TIK).
Maka dilaksanakan Pembangunan Proyek National ICT Human Resource Development
(NICT HRD). Pengelolaan Proyek NICT HRD, adalah kerja sama antara Departemen
Komunikasi dan Informasi bersama dengan Universitas Islam Negeri (UIN) Syarif
Hidayatullah Jakarta. Tujuan NICT HRD atau biasa disebut PUSTIKNAS (Pusat Teknologi
Informasi dan Komunikasi Nasional) adalah sebagai pusat pelatihan teknologi informasi yang
dibangun oleh pemerintah guna menjawab tantangan globalisasi maupun kesenjangan digital.
Gedung NICT HRD memiliki banyak ruangan, sehingga dalam hal penginformasian tata
letak ruangan membutuhkan media yang menunjang, begitu pula dalam penginformasian
jadwal pelatihan. Media yang tepat untuk menunjang penyampaian informasi tersebut adalah
kiosk informasi, karena memiliki kapasitas yang cukup besar sesuai dengan hardisk
didalamnya dan kiosk informasi adalah perkembangan teknologi informasi yang baru.
Pembuatan kiosk informasi ini menggunakan metode pengumpulan data dan pengembangan
sistem. Metode pengumpulan data terdiri dari studi pustaka, wawancara, observasi dan
kuesioner. Sedangkan metode pengembangan sistem menggunakan Siklus Hidup
Pengembangan Sistem Interactive Multimedia System Design and Development (IMSDD)
yang mempunyai 4 tahapan, diantaranya adalah System Requirement, Design Consideration,
Implementation dan Evaluation. Berdasarkan hasil evaluasi, skiosk informasi membantu
dalam penginformasian jadwal pelatihan dan informasi tata letak ruangan. Kiosk informasi
NICT HRD ini masih memerlukan peningkatan dan perkembangan yang lebih baik , yakni
agar bisa meng-upload data dengan file type doc, xls, docx, xlsx, dan pergantian bahasa
secara otomatis agar memudahkan admin saat memasukkan data berita.
Kata kunci: kiosk informasi, IMSDD, multimedia, virtual reality, 3 dimensi.
Jumlah Halaman : V Bab + 194 Halaman + xxvi Halaman + 153 Gambar + 28 Tabel +
Daftar Pustaka + Lampiran.
Jumlah Daftar Pustaka : 21 Sumber (Tahun 1998 – Tahun 2010)
vi
DAFTAR ISI
Halaman
HALAMAN SAMPUL ............................................................................... i
HALAMAN JUDUL .................................................................................. ii
LEMBAR PENGESAHAN PEMBIMBING ........................................... iii
LEMBAR PENGESAHAN UJIAN .......................................................... iv
LEMBAR PERNYATAAN ....................................................................... v
ABSTRAK .................................................................................................. vi
KATA PENGANTAR ............................................................................... vii
LEMBAR PERSEMBAHAN ................................................................... ix
DAFTAR ISI .............................................................................................. x
DAFTAR TABEL ...................................................................................... xvi
DAFTAR GAMBAR ................................................................................. xviii
DAFTAR LAMPIRAN ............................................................................. xxvi
BAB I
PENDAHULUAN ................................................................... 1
1.1
Latar Belakang .................................................................. 1
1.2
Rumusan Masalah ............................................................. 3
1.3
Batasan Masalah ................................................................ 3
1.4
Tujuan dan Manfaat Penelitian .......................................... 4
1.5
Metodologi Penelitian ........................................................ 5
1.5.1 Metode Pengumpulan Data ...................................... 5
1.5.2 Metode Pengembangan Sistem ................................ 6
x
1.6
BAB II
Sistematika Penulisan ........................................................ 7
LANDASAN TEORI ................................................................ 9
2.1
Perngembangan ................................................................. 9
2.2
Kiosk informasi ................................................................. 9
2.2.1 Sejarah Kiosk Touch Screen ..................................... 9
2.2.2 Pengertian Kiosk Informasi ......................................10
2.2.3 Pedoman Mengenai Kiosk ....................................... 11
2.2.4 Tujuan dan Manfaat Kiosk Informasi ...................... 12
2.2.5 Jenis-jenis Kiosk ..................................................... 14
2.3
Informasi ........................................................................... 16
2.4
Interaktif ........................................................................... 16
2.5
3 Dimensi ...........................................................................17
2.6
Virtual Reality ................................................................... 17
2.6.1 Manfaat dan Tujuan Virtual Reality ........................ 17
2.7
Deteksi Tumbukan (Collision Detection) ......................... 18
2.8
Multimedia ........................................................................ 24
2.8.1 Pengertian Multimedia ............................................. 24
2.8.2 Komponen-komponen Multimedia .......................... 25
2.9
Siklus Hidup Pengembangan Sistem (IMSDD) .............. 31
2.9.1 Analisis Kebutuhan Sistem (System Requirement).. 32
2.9.2 Pertimbangan Desain (Design Consideration) ....... 32
2.9.3 Implementasi .......................................................... 33
xi
2.9.4 Evaluasi ................................................................... 34
2.10 Rekayasa Piranti Lunak .................................................... 34
2.10.1 Definisi Piranti Lunak ........................................... 34
2.10.2 Karakteristik Piranti Lunak ................................... 35
2.10.3 Aplikasi Piranti Lunak .......................................... 36
2.10.4 Definisi Rekayasa Piranti Lunak ........................... 38
2.11 Interaksi Manusia dan Komputer ...................................... 39
2.12 STD (State Transition Diagram) ...................................... 41
2.13 Flowchart .......................................................................... 43
2.14 Sistem Basis Data ............................................................. 44
2.14.1Pemodelan Data ..................................................... 45
2.14.2 Entity Relationship Diagram ..................................45
2.15 Authoring Tools .................................................................47
2.15.1 Macromedia Flash 8 ............................................. 48
2.15.2 Macromedia Director 11.5 .................................... 50
2.15.3 3D Studio Max 8 ................................................... 52
2.15.4 Archicad 10 ........................................................... 55
2.16 Script Program .................................................................. 57
2.16.1 ActionScript 2.0 .................................................... 57
2.16.2 Lingo ..................................................................... 57
2.17 Skripsi dan Aplikasi Sejenis ............................................. 58
xii
BAB III
METODOLOGI PENELITIAN ............................................. 64
3.1
Metode Pengumpulan Data .............................................. 64
3.1.1. Studi Pustaka ........................................................... 64
3.1.2. Wawancara .............................................................. 64
3.1.3. Observasi ................................................................. 65
3.1.4. Kuesioner ................................................................. 65
3.2
Metode Pengembangan Sistem ......................................... 66
3.2.1. Tahap Kebutuhan Sistem (System Requirements) ... 68
3.2.1.1. Mendefinisikan Sistem ............................... 68
3.2.1.2. Kebutuhan dan Profil Pengguna ................. 68
3.2.1.3. Pertimbangan Perangkat Keras dan
Perangkat Lunak ......................................... 69
3.2.1.4. Pertimbangan Penyebaran Sistem .............. 69
3.2.2. Tahap Perancangan (Design Consideration) .......... 69
3.2.2.1. Design Metaphor ........................................ 70
3.2.2.2. Tipe Informasi ............................................ 70
3.2.2.3. Struktur Navigasi ........................................ 70
3.2.2.4. Masalah Integrasi dan Persiapan Media ..... 70
3.2.3.Tahap Implementasi (Implementation) .................... 71
3.2.3.1. Prototyping ................................................. 71
3.2.3.2. Beta Testing .................................................71
3.2.4.Tahap Evaluasi (Evaluation) .................................... 71
3.3
Bahan dan peralatan .......................................................... 72
xiii
3.3.1. Bahan ....................................................................... 72
3.3.2. Peralatan ................................................................. 72
BAB IV
HASIL DAN PEMBAHASAN ................................................ 74
4.1
Gambaran Umum Perusahaan ........................................... 74
4.1.1 NICT HRD CENTER ............................................. 74
4.1.2 Tujuan dan Sasaran Proyek NICT HRD CENTER ..75
4.1.3 Fasilitas NICT HRD CENTER ............................... 76
4.1.4 Sistem Yang Berjalan .............................................. 78
4.2
Analisis dan Hasil Pengumpulan Data .............................. 78
4.2.1 Studi Pustaka ............................................................ 78
4.2.2 Observasi .................................................................. 79
4.2.3 Wawancara ............................................................... 80
4.2.4 Kuesioner ................................................................. 80
4.3
Kebutuhan Sistem ............................................................. 91
4.3.1 Mendefinisikan Sistem ............................................ 92
4.3.2 Kebutuhan dan Profil Pengguna .............................. 93
4.3.3 Pertimbangan Perangkat Keras dan
Perangkat Lunak ...................................................... 93
4.3.3 Kebutuhan Fungsionalitas ....................................... 95
4.3.4 Pertimbangan Penyebaran Sistem ........................... 95
4.4
Perancangan ...................................................................... 97
4.4.1 Design Metaphor ..................................................... 97
xiv
4.4.2 Tipe Informasi ......................................................... 98
4.4.3 Struktur Navigasi ..................................................... 99
4.4.4 Persiapan dan Integrasi Media ................................ 102
4.4.5 Perancangan Flowchart .......................................... 106
4.4.6 Perancangan Database ............................................122
4.4.6.1 Perancangan ERD ....................................... 122
4.4.6.2 Spesifikasi Basis Data ................................. 126
4.4.8 Perancangan STD (State Transition Diagram) ........131
4.4.9 Perancangan Layar .................................................. 135
4.5
Implementasi .................................................................... 152
4.5.1 Prototyping .............................................................. 152
4.5.2 Beta Testing ............................................................181
4.5 Evaluasi ............................................................................... 185
BAB V
KESIMPULAN DAN SARAN ............................................... 195
5.1 Kesimpulan ......................................................................... 195
5.2 Saran .................................................................................... 196
DAFTAR PUSTAKA ................................................................................. 197
xv
DAFTAR GAMBAR
Halaman
Gambar 2.1
Vector representation ……………………………………... 19
Gambar 2.2
Plane normal………………………………………………. 20
Gambar 2.3
Sphere - plane collision ………………
BERBASIS 3 DIMENSI DI NICT HRD CENTER
Dyah Astari Widyaningsih
106091002923
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UIN SYARIF HIDAYATULLAH
JAKARTA
2011 M / 1432 H
PENGEMBANGAN KIOSK INFORMASI INTERAKTIF
BERBASIS 3 DIMENSI DI NICT HRD CENTER
Skripsi
Sebagai Salah Satu Syarat Untuk Memperoleh Gelar
Sarjana Komputer
Fakultas Sains dan Teknologi
Universitas Islam Negeri (UIN) Syarif Hidayatullah Jakarta
Oleh
Dyah Astari Widyaningsih
106091002923
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UIN SYARIF HIDAYATULLAH
JAKARTA
2011 M / 1432 H
ii
PENGEMBA}IGAN KIOSK INT'ORMASI INTERAKTIF
BERBASIS 3 DIMENSI DI NICT HRD CENTER
Skripsi
Diajukan Kepada Fakultas Sains dan Teknologi
Universitas Islam Negeri Syarif Hidayatullah Jakarta
Untuk Memenuhi Syarat-syarat Meraih Gelar Sarjana Komputer
Oleh
Dyah Astari r#idyaningsih
106091002923
Menyetujui,
Pembimbing
I
NrP. 19691025 1988 t2
Pembimbing
I
II
NrP. 19710522 2006 04 I 002
001
Mengetahui,
Ketua Program Studi Teknik Informatika
0s2220M 041002
llt
PENGESAHAN UJIAN
Skripsi yang berjudul "Pengembangan Kiosk Informasi Interaktif Berbasis 3
Dimensi
di NICT IIRD CENTER".
Telah diuji dan dinyatakan lulus dalam
sidang munaqosyah Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif
Hidayatullah Jakarta pada tanggallTJuni 2011. Skripsi ini telah diterima sebagai
salah satu syarat untuk memperoleh gelar sarjana skata satu
(Sl) program studi
Teknik Informatika.
Jakarta, Juni 2011
Menyetujui,
Penguji I
,^JJ.L\atJ.--:Feri Fahrlanto. M.Sc
NrP. 19800829 20tt 01
Pembimbing
Ria
I 002
NIP. 198208t7 2009 t2 2 002
I
NIP. 19691025 1988 12
lfari Gusmita. M.Kom
Pembimbing
II
.19710522 2006 04 1 002
1 001
Mengetahui,
ains dan Teknologi
Ketua Prodi Teknik Informatika
dayatullah Jakarta
NIP.19680117 2001 12 1 001
P.19710522 2006 04
tw
I
002
PERNYATAAN
DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENARBENAR HASIL KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN
SEBAGAI SKRIPSI ATAU KARYA ILMIAH PADA PERGURUAN TINGGI
ATAU LEMBAGA MANAPUN
Jakarta, Juni 2011
Dyah Astari Widyaningsih
106091002923
v
ABSTRAK
Dyah Astari Widyaningsih-106091002923, Pengembangan Kiosk Informasi
Interaktif Berbasis 3 Dimensi di NICT HRD CENTER, dibimbing oleh Bapak
Dr. Eko Syamsuddin M. Eng. dan Bapak Yusuf Durrachman M.Sc., MIT.
Pemerintah Republik Korea dan Pemerintah Indonesia mengadakan kerjasama
pengembangan Sumber Daya Manusia di bidang Teknologi Informasi
Komunikasi (TIK). Maka dilaksanakan Pembangunan Proyek National ICT
Human Resource Development (NICT HRD). Pengelolaan Proyek NICT HRD,
adalah kerja sama antara Departemen Komunikasi dan Informasi bersama dengan
Universitas Islam Negeri (UIN) Syarif Hidayatullah Jakarta. Tujuan NICT HRD
atau biasa disebut PUSTIKNAS (Pusat Teknologi Informasi dan Komunikasi
Nasional) adalah sebagai pusat pelatihan teknologi informasi yang dibangun oleh
pemerintah guna menjawab tantangan globalisasi maupun kesenjangan digital.
Gedung NICT HRD memiliki banyak ruangan, sehingga dalam hal
penginformasian tata letak ruangan membutuhkan media yang menunjang, begitu
pula dalam penginformasian jadwal pelatihan. Media yang tepat untuk menunjang
penyampaian informasi tersebut adalah kiosk informasi, karena memiliki
kapasitas yang cukup besar sesuai dengan hardisk didalamnya dan kiosk
informasi adalah perkembangan teknologi informasi yang baru. Pembuatan kiosk
informasi ini menggunakan metode pengumpulan data dan pengembangan sistem.
Metode pengumpulan data terdiri dari studi pustaka, wawancara, observasi dan
kuesioner. Sedangkan metode pengembangan sistem menggunakan Siklus Hidup
Pengembangan Sistem Interactive Multimedia System Design and Development
(IMSDD) yang mempunyai 4 tahapan, diantaranya adalah System Requirement,
Design Consideration, Implementation dan Evaluation. Berdasarkan hasil
evaluasi, skiosk informasi membantu dalam penginformasian jadwal pelatihan dan
informasi tata letak ruangan. Kiosk informasi NICT HRD ini masih memerlukan
peningkatan dan perkembangan yang lebih baik , yakni agar bisa meng-upload
data dengan file type doc, xls, docx, xlsx, dan pergantian bahasa secara otomatis
agar memudahkan admin saat memasukkan data berita.
Kata kunci: kiosk informasi, IMSDD, multimedia, virtual reality, 3 dimensi.
Jumlah Halaman : V Bab + 194 Halaman + xxvi Halaman + 153 Gambar + 28
Tabel + Daftar Pustaka + Lampiran.
Jumlah Daftar Pustaka : 21 Sumber (Tahun 1998 – Tahun 2010)
vi
KATA PENGANTAR
ﺒﺳم ﷲ اﻠﺮﱠ ﺤﻣن اﻠرﱠ ﺤﯾم
Puji syukur penulis panjatkan ke hadirat Allah SWT, atas berkat dan kasih
karunia-Nya sehingga penulis dapat menyelesaikan skripsi dengan judul
“Pengembangan Kiosk Informasi Interaktif Berbasis 3 Dimensi di NICT
HRD CENTER ”.
Penulisan skripsi ini merupakan salah satu syarat untuk menyelesaikan Studi
Strata 1 guna memperoleh gelar Sarjana Komputer
pada Jurusan Teknik
Informatika Fakultas Sains dan Teknologi, Universitas Islam Negeri Syarif
Hidayatullah Jakarta.
Penulis menyadari bahwa tersusunnya skripsi ini bukan hanya atas
kemampuan dan usaha penulis semata, namun juga berkat bantuan berbagai pihak,
oleh karena itu penulis mengucapkan terima kasih yang sedalam-dalamnya kepada
yang terhormat :
1.
Bapak DR. Syopiansyah Jaya Putra, M. Sis selaku Dekan Fakultas Sains
dan Teknologi UIN Syarif Hidayatulah Jakarta.
2.
Bapak Yusuf Durrachman, M.Sc , MIT selaku Ketua Program Studi Teknik
Informatika dan Ibu Viva Arifin, M.MSi selaku Sekretaris Program Studi
Teknik Informatika.
3.
Bapak DR. Eko Syamsuddin Hasrito, M.Eng selaku Dosen Pembimbing I,
dan Bapak Yusuf Durrachman, M.Sc , MIT selaku Dosen Pembimbing II
vii
yang telah meluangkan waktu, memberikan arahan dan nasehat dalam
menyelesaikan skripsi ini.
4.
Bapak M. Yusuf, S.Kom yang telah memberikan arahan mengenai desain
yang baik dan benar.
5.
Seluruh Dosen Teknik Informatika yang tidak dapat penulis sebutkan satu
persatu yang telah memberikan ilmu selama penulis menyelesaikan studi.
6.
Seluruh Staff Jurusan TI/SI dan staff Akademik FST yang telah membantu
penulis dalam masa perkuliahan.
7.
Bapak Hasan Nursheka dan Ibu Ummy selaku perwakilan dari NICT HRD
CENTER yang telah meluangkan waktunya untuk wawancara dan
memberikan informasi tentang NICT HRD CENTER
8.
Kedua Orang Tuaku, yang selalu mendukung dalam hal moril maupun
materil.
9.
Dan semua teman-teman satu angkatan 2006 jurusan Teknik Informatika
Fakultas Sains dan Teknologi. Khususnya untuk Icheberliyanti, Arif Kunto,
dan Indra Pribadi.
Penulis menyadari bahwa makalah ini masih jauh dari kesempurnaan baik
bentuk, isi maupun teknik penyajian. Oleh sebab itu, kritikan yang bersifat
membangun dari berbagai pihak, penulis terima dengan tangan terbuka serta
sangat diharapkankan. Semoga skripsi ini dapat bermanfaat.
Jakarta, Juni 2011
Dyah Astari W.
viii
Lembar Persembahan
Ku persembahkan Tugas Akhir ku ini
yang mungkin bukan yang terakhir kepada:
Ibuku (Sumiarsih) dan Ayahku (Damardi) yang tercinta dan ku banggakan. Yang tiada henti
mendoakan aku, terutama di 1/3 malam tahajudmu, yang tiada jenuh berkorban demiku,
memberikan motivasi, semangat, dukungan moril/materi dan tiada henti dan sudah pasti
selalu mencintaiku dan menyayangiku walau dalam amarahmu.
Adik-adikku (Agustian DC. dan M. Fariz D.) yang tersayang walau selalu menguji
kesabaranku, terima kasih sudah mau membantu pekerjaan rumah dan selalu menjadi
motivasi untuk menjadikanku contoh, walau aku belum bisa menjadi contoh buat kalian,
semoga kalian bisa jadi lebih baik dariku dan menjadi kebanggaan keluarga.
My Soulmate (Syahrizal)
Terimakasih atas rasa sayang, perhatian, kesabaran dan tiada henti memotivasiku untuk
terus berusaha untuk masa depan, yang mungkin akan menyatu dengan masa depanmu..
Special thank’s for your VGA & RAM. It’s really help me to finished my final assignment.
The couple of love (Ariyanti Saputri & Dinal Agara Cipta)
Terima kasih buat kalian yang tak pernah bosan sudah meluangkan akhir pekan kalian dan
siap dihubungi untuk mengajari, membantu dan memotivasiku dalam penyelesain tugas akhir.
My Friends (Lulu M, Dimas SD, Kartika ISP, Angga S, Ariyanti S)
Yang selalu membantu, menemani, semoga tidak bosan mendukung dan menyemangatiku
dalam menyelesaikan tugas akhir ini. Semoga hubungan ini tidak hanya sampai kita wisuda.
Zakiyah, thank’s for java script (tiny_mce). It’s really help me to completed my application.
Imam Mudzakir yang telah memberikan referensi tempat studi kasus, walau singkat namun
ini berarti bagi penulis.
Boleh jadi kamu membenci sesuatu, padahal ia amat baik bagimu, dan boleh jadi (pula) kamu
menyukai sesuatu, padahal ia amat buruk bagimu; Allah mengetahui, sedang kamu tidak
mengetahui. (QS. Al-Baqarah, 2: 216)
Waktu begitu tak bersahabat ketika ku tau bahwa tugas akhir ini, ku selesaikan 1 tahun, tak
pernah kurencanakan sebelumnya, tapi mungkin ini rencana-Nya. Aku tak pernah tau apa
yang terjadi sebelum aku mejalaninya dan aku tak akan pernah dapat sebelum aku
mengusahakannya. Kemudahan & Hambatan semua itu menyatu dan menjadikanku yakin,
inilah yang terbaik untukku.
ix
DAFTAR ISI
Halaman
HALAMAN SAMPUL ............................................................................... i
HALAMAN JUDUL .................................................................................. ii
LEMBAR PENGESAHAN PEMBIMBING ........................................... iii
LEMBAR PENGESAHAN UJIAN .......................................................... iv
LEMBAR PERNYATAAN ....................................................................... v
ABSTRAK .................................................................................................. vi
KATA PENGANTAR ............................................................................... vii
LEMBAR PERSEMBAHAN ................................................................... ix
DAFTAR ISI .............................................................................................. x
DAFTAR TABEL ...................................................................................... xvi
DAFTAR GAMBAR ................................................................................. xviii
DAFTAR LAMPIRAN ............................................................................. xxvi
BAB I
PENDAHULUAN ................................................................... 1
1.1
Latar Belakang .................................................................. 1
1.2
Rumusan Masalah ............................................................. 3
1.3
Batasan Masalah ................................................................ 3
1.4
Tujuan dan Manfaat Penelitian .......................................... 4
1.5
Metodologi Penelitian ........................................................ 5
1.5.1 Metode Pengumpulan Data ...................................... 5
1.5.2 Metode Pengembangan Sistem ................................ 6
x
1.6
BAB II
Sistematika Penulisan ........................................................ 7
LANDASAN TEORI ................................................................ 9
2.1
Perngembangan ................................................................. 9
2.2
Kiosk informasi ................................................................. 9
2.2.1 Sejarah Kiosk Touch Screen ..................................... 9
2.2.2 Pengertian Kiosk Informasi ......................................10
2.2.3 Pedoman Mengenai Kiosk ....................................... 11
2.2.4 Tujuan dan Manfaat Kiosk Informasi ...................... 12
2.2.5 Jenis-jenis Kiosk ..................................................... 14
2.3
Informasi ........................................................................... 16
2.4
Interaktif ........................................................................... 16
2.5
3 Dimensi ...........................................................................17
2.6
Virtual Reality ................................................................... 17
2.6.1 Manfaat dan Tujuan Virtual Reality ........................ 17
2.7
Deteksi Tumbukan (Collision Detection) ......................... 18
2.8
Multimedia ........................................................................ 24
2.8.1 Pengertian Multimedia ............................................. 24
2.8.2 Komponen-komponen Multimedia .......................... 25
2.9
Siklus Hidup Pengembangan Sistem (IMSDD) .............. 31
2.9.1 Analisis Kebutuhan Sistem (System Requirement).. 32
2.9.2 Pertimbangan Desain (Design Consideration) ....... 32
2.9.3 Implementasi .......................................................... 33
xi
2.9.4 Evaluasi ................................................................... 34
2.10 Rekayasa Piranti Lunak .................................................... 34
2.10.1 Definisi Piranti Lunak ........................................... 34
2.10.2 Karakteristik Piranti Lunak ................................... 35
2.10.3 Aplikasi Piranti Lunak .......................................... 36
2.10.4 Definisi Rekayasa Piranti Lunak ........................... 38
2.11 Interaksi Manusia dan Komputer ...................................... 39
2.12 STD (State Transition Diagram) ...................................... 41
2.13 Flowchart .......................................................................... 43
2.14 Sistem Basis Data ............................................................. 44
2.14.1Pemodelan Data ..................................................... 45
2.14.2 Entity Relationship Diagram ..................................45
2.15 Authoring Tools .................................................................47
2.15.1 Macromedia Flash 8 ............................................. 48
2.15.2 Macromedia Director 11.5 .................................... 50
2.15.3 3D Studio Max 8 ................................................... 52
2.15.4 Archicad 10 ........................................................... 55
2.16 Script Program .................................................................. 57
2.16.1 ActionScript 2.0 .................................................... 57
2.16.2 Lingo ..................................................................... 57
2.17 Skripsi dan Aplikasi Sejenis ............................................. 58
xii
BAB III
METODOLOGI PENELITIAN ............................................. 64
3.1
Metode Pengumpulan Data .............................................. 64
3.1.1. Studi Pustaka ........................................................... 64
3.1.2. Wawancara .............................................................. 64
3.1.3. Observasi ................................................................. 65
3.1.4. Kuesioner ................................................................. 65
3.2
Metode Pengembangan Sistem ......................................... 66
3.2.1. Tahap Kebutuhan Sistem (System Requirements) ... 68
3.2.1.1. Mendefinisikan Sistem ............................... 68
3.2.1.2. Kebutuhan dan Profil Pengguna ................. 68
3.2.1.3. Pertimbangan Perangkat Keras dan
Perangkat Lunak ......................................... 69
3.2.1.4. Pertimbangan Penyebaran Sistem .............. 69
3.2.2. Tahap Perancangan (Design Consideration) .......... 69
3.2.2.1. Design Metaphor ........................................ 70
3.2.2.2. Tipe Informasi ............................................ 70
3.2.2.3. Struktur Navigasi ........................................ 70
3.2.2.4. Masalah Integrasi dan Persiapan Media ..... 70
3.2.3.Tahap Implementasi (Implementation) .................... 71
3.2.3.1. Prototyping ................................................. 71
3.2.3.2. Beta Testing .................................................71
3.2.4.Tahap Evaluasi (Evaluation) .................................... 71
3.3
Bahan dan peralatan .......................................................... 72
xiii
3.3.1. Bahan ....................................................................... 72
3.3.2. Peralatan ................................................................. 72
BAB IV
HASIL DAN PEMBAHASAN ................................................ 74
4.1
Gambaran Umum Perusahaan ........................................... 74
4.1.1 NICT HRD CENTER ............................................. 74
4.1.2 Tujuan dan Sasaran Proyek NICT HRD CENTER ..75
4.1.3 Fasilitas NICT HRD CENTER ............................... 76
4.1.4 Sistem Yang Berjalan .............................................. 78
4.2
Analisis dan Hasil Pengumpulan Data .............................. 78
4.2.1 Studi Pustaka ............................................................ 78
4.2.2 Observasi .................................................................. 79
4.2.3 Wawancara ............................................................... 80
4.2.4 Kuesioner ................................................................. 80
4.3
Kebutuhan Sistem ............................................................. 91
4.3.1 Mendefinisikan Sistem ............................................ 92
4.3.2 Kebutuhan dan Profil Pengguna .............................. 93
4.3.3 Pertimbangan Perangkat Keras dan
Perangkat Lunak ...................................................... 93
4.3.3 Kebutuhan Fungsionalitas ....................................... 95
4.3.4 Pertimbangan Penyebaran Sistem ........................... 95
4.4
Perancangan ...................................................................... 97
4.4.1 Design Metaphor ..................................................... 97
xiv
4.4.2 Tipe Informasi ......................................................... 98
4.4.3 Struktur Navigasi ..................................................... 99
4.4.4 Persiapan dan Integrasi Media ................................ 102
4.4.5 Perancangan Flowchart .......................................... 106
4.4.6 Perancangan Database ............................................122
4.4.6.1 Perancangan ERD ....................................... 122
4.4.6.2 Spesifikasi Basis Data ................................. 126
4.4.8 Perancangan STD (State Transition Diagram) ........131
4.4.9 Perancangan Layar .................................................. 135
4.5
Implementasi .................................................................... 152
4.5.1 Prototyping .............................................................. 152
4.5.2 Beta Testing ............................................................181
4.5 Evaluasi ............................................................................... 185
BAB V
KESIMPULAN DAN SARAN ............................................... 195
5.1 Kesimpulan ......................................................................... 195
5.2 Saran .................................................................................... 196
DAFTAR PUSTAKA ................................................................................. 197
xv
DAFTAR TABEL
Halaman
Tabel 2.1
Simbol-simbol Flowchart ...................................................... 43
Tabel 4.1
Hasil kuesioner awal No. 1.................................................... 81
Tabel 4.2
Hasil kuesioner awal No. 2 ................................................... 82
Tabel 4.3
Hasil kuesioner awal No. 3 ................................................... 83
Tabel 4.4
Hasil kuesioner awal No. 4 ................................................... 84
Tabel 4.5
Hasil kuesioner awal No. 5.1 ................................................ 85
Tabel 4.6
Hasil kuesioner awal No. 5.2 ................................................ 86
Tabel 4.7
Hasil kuesioner awal No. 5.3 ................................................ 86
Tabel 4.8
Hasil kuesioner awal No. 5.4 ................................................ 87
Tabel 4.9
Hasil kuesioner awal No. 6 ................................................... 88
Tabel 4.10
Hasil kuesioner awal No. 7 ................................................... 89
Tabel 4.11
Hasil kuesioner awal No. 8 ................................................... 90
Tabel 4.12
Hasil kuesioner awal No. 9 ................................................... 91
Tabel 4.13
Tipe Informasi ....................................................................... 98
Tabel 4.14
Kontrol Navigasi ................................................................... 103
Tabel 4.15
Button-button lainnya ........................................................... 104
Tabel 4.16
Matrik Relasi ……………………………………………… 122
Tabel 4.17
Pemetaan Atribut…………………………………………... 125
Tabel 4.18
Login .................................................................................... 127
Tabel 4.19
Lokasi ................................................................................... 127
Tabel 4.20
Pengajar ................................................................................ 128
xvi
Tabel 4.21
Pelatihan …………………………………………………... 128
Tabel 4.22
peserta_latihan....................................................................... 129
Tabel 4.23
Jadwal .................................................................................. 129
Tabel 4.24
Peserta .................................................................................. 130
Tabel 4.25
Pelatihan ............................................................................... 130
Tabel 4.26
Beta Testing Kiosk Informasi FrontEnd .............................. 181
Tabel 4.27
Beta Testing Kiosk Informasi BackEnd ............................... 182
xvii
DAFTAR GAMBAR
Halaman
Gambar 2.1
Vector representation ……………………………………... 19
Gambar 2.2
Plane normal………………………………………………. 20
Gambar 2.3
Sphere - plane collision …………………………………… 23
Gambar 2.4
Siklus IMSDD ...................................................................... 34
Gambar 2.5
Notasi State ........................................................................... 42
Gambar 2.6
Transition State ..................................................................... 42
Gambar 2.7
Notasi Condition & Action ................................................... 42
Gambar 2.8
Lembar Kerja Macromedia Flash ......................................... 49
Gambar 2.9
Lembar Kerja Adobe Director 11.5 ..................................... 51
Gambar 2.10 Lembar Kerja 3D Max .......................................................... 53
Gambar 2.11 Lembar Kerja Archicad 10 ................................................... 55
Gambar 2.12 Tampilan Layar Index Kiosk Senayan City .......................... 59
Gambar 2.13 Tampilan Layar Produk Aplikasi Front End
pada Kiosk Informasi PT Pembangunan Jaya Ancol ............ 60
Gambar 2.14 Tampilan Layar Main Menu pada Kiosk Informasi
Aneka Infokom Tekindo ....................................................... 61
Gambar 2.15 Tampilan Layar Home pada Kiosk Informasi
Walikota Jakarta Selatan ....................................................... 62
Gambar 2.16 Tampilan Masuk Galeri Seni Budaya Betawi ........................63
Gambar 3.1
Siklus IMSDD ...................................................................... 67
Gambar 4.1
Gedung NICT HRD CENTER ............................................. 74
xviii
Gambar 4.2
Diagram hasil kuesioner No. 1 ............................................. 81
Gambar 4.3
Diagram hasil kuesioner No. 2 ............................................. 82
Gambar 4.4
Diagram hasil kuesioner No. 3 .............................................83
Gambar 4.5
Diagram hasil kuesioner No. 4 ............................................. 84
Gambar 4.6
Diagram hasil kuesioner No. 5.1 .......................................... 85
Gambar 4.7
Diagram hasil kuesioner No. 5.2 .......................................... 86
Gambar 4.8
Diagram hasil kuesioner No. 5.3 .......................................... 87
Gambar 4.9
Diagram hasil kuesioner No. 5.4 .......................................... 87
Gambar 4.10 Diagram hasil kuesioner No. 6 ............................................. 88
Gambar 4.11 Diagram hasil kuesioner No. 7 ............................................. 89
Gambar 4.12 Diagram hasil kuesioner No. 8 ............................................. 90
Gambar 4.13 Diagram hasil kuesioner No. 9 ............................................. 91
Gambar 4.14 Tampilan interface Kiosk Informasi Senayan City ................ 98
Gambar 4.15 Perancangan Struktur Navigasi FrontEnd ............................ 99
Gambar 4.16 Perancangan Struktur Navigasi Apliakasi BackEnd ............. 100
Gambar 4.17 Contoh gambar hasil dari searching dan download di internet
yang digunakan sebagai navigasi ..........................................102
Gambar 4.18 Perancangan Flowchart Halaman ......................................... 106
Gambar 4.19 Perancangan Flowchart Menu Tentang Kami ...................... 107
Gambar 4.20 Perancangan Flowchart Menu Tur 3 Dimensi ..................... 107
Gambar 4.21 Perancangan Flowchart Menu Denah .................................. 108
Gambar 4.22 Perancangan Flowchart Menu Jadwal ................................. 109
Gambar 4.23 Perancangan Flowchart Menu Fasilitas ............................... 109
xix
Gambar 4.24 Perancangan Flowchart Menu Cari ..................................... 110
Gambar 4.25 Perancangan Flowchart Menu Berita ................................... 111
Gambar 4.26 Perancangan Flowchart Menu Bantuan ............................... 111
Gambar 4.27 Perancangan Flowchart Menu Admin .................................. 112
Gambar 4.28 Flowchart halaman Denah Basemen .................................... 113
Gambar 4.29 Flowchart halaman Denah Lantai 1 ..................................... 113
Gambar 4.30 Flowchart halaman Denah Lantai 2 ..................................... 113
Gambar 4.31 Flowchart halaman Denah Lantai 3 ..................................... 114
Gambar 4.32 Flowchart halaman Denah Lantai 4 ..................................... 114
Gambar 4.33 Perancangan Flowchart Menu Data Utama ......................... 114
Gambar 4.34 Perancangan Flowchart Menu Data Olahan ........................ 115
Gambar 4.35 Perancangan Flowchart Submenu Ruang ............................ 116
Gambar 4.36 Perancangan Flowchart Submenu Pengajar ......................... 117
Gambar 4.37 Perancangan Flowchart Submenu Pelatihan ........................ 118
Gambar 4.38 Perancangan Flowchart Submenu Peserta ........................... 119
Gambar 4.39 Perancangan Flowchart Submenu Berita ..............................120
Gambar 4.40 Perancangan Flowchart Submenu Jadwal ........................... 121
Gambar 4.41 Perancangan Entity Relationship Diagram Sementara …… 122
Gambar 4.42 Perancangan Entity Relationship Diagram dengan Primary
key…………………………………………………………. 123
Gambar 4.43 Perancangan Entity Relationship Diagram dengan
kardinalitas ………………..………………………………. 123
xx
Gambar 4.44 Perancangan Entity Relationship Diagram dengan
Primary key dan entitas baru …………………………..…. 123
Gambar 4.45 Perancangan Entity Relationship Diagram……………………126
Gambar 4.46 Perancangan STD Halaman Utama ...................................... 131
Gambar 4.47 Perancangan STD Halaman Tentang Kami .......................... 131
Gambar 4.48 Perancangan STD Halaman Tur 3 Dimensi ......................... 132
Gambar 4.49 Perancangan STD Halaman Denah ...................................... 132
Gambar 4.50 Perancangan STD Halaman Jadwal ..................................... 133
Gambar 4.51 Perancangan STD Halaman Fasilitas ................................... 133
Gambar 4.52 Perancangan STD Halaman Cari .......................................... 134
Gambar 4.53 Perancangan STD Halaman Berita ....................................... 134
Gambar 4.54 Perancangan STD Halaman Bantuan ................................... 134
Gambar 4.55 Perancangan STD Halaman Admin ...................................... 135
Gambar 4.56 Perancangan Halaman Utama Layar FrontEnd .................... 135
Gambar 4.57 Perancangan Halaman Tentang Kami .................................. 136
Gambar 4.58 Perancangan Halaman Tur 3 Dimensi .................................. 136
Gambar 4.59 Perancangan Halaman Denah ............................................... 137
Gambar 4.60 Perancangan Halaman Submenu Denah ............................... 137
Gambar 4.61 Perancangan Halaman Submenu Denah ............................... 138
Gambar 4.62 Perancangan Halaman Jadwal .............................................. 138
Gambar 4.63 Perancangan Halaman Fasilitas ............................................ 139
Gambar 4.64 Perancangan Halaman Cari .................................................. 139
Gambar 4.65 Perancangan Halaman Berita ............................................... 140
xxi
Gambar 4.66 Perancangan Halaman Bantuan ............................................ 140
Gambar 4.67 Perancangan Halaman Login pada Admin ........................... 141
Gambar 4.68 Perancangan Halaman Beranda Administrator ..................... 142
Gambar 4.69 Perancangan Menu Data Utama ........................................... 142
Gambar 4.70 Perancangan Submenu Ruang .............................................. 143
Gambar 4.71 Perancangan Halaman Input Data Ruang ............................ 143
Gambar 4.72 Perancangan Halaman Lihat Data Ruang ............................ 144
Gambar 4.73 Perancangan Submenu Pengajar .......................................... 144
Gambar 4.74 Perancangan Halaman Input Data Pengajar ......................... 145
Gambar 4.75 Perancangan Halaman Lihat Data Pengajar ......................... 145
Gambar 4.76 Perancangan Submenu Pelatihan .......................................... 146
Gambar 4.77 Perancangan Halaman Lihat Data Pelatihan......................... 146
Gambar 4.78 Perancangan Submenu Peserta ............................................. 147
Gambar 4.79 Perancangan Halaman Input Data Peserta ............................ 147
Gambar 4.80 Perancangan Halaman Lihat Data Peserta ........................... 148
Gambar 4.81 Perancangan Submenu Berita ............................................. 148
Gambar 4.82 Perancangan Halaman Input Data Berita ............................. 149
Gambar 4.83 Perancangan Halaman Lihat Data Berita ............................. 149
Gambar 4.84 Perancangan Submenu Data Olahan .................................... 150
Gambar 4.85 Perancangan Submenu Jadwal ............................................. 150
Gambar 4.86 Perancangan Halaman Input Data Jadwal ............................ 151
Gambar 4.87 Perancangan Halaman Lihat Data Jadwal ............................ 151
xxii
Gambar 4.88 Background Halaman Utama Kiosk Informasi
NICT HRD CENTER .......................................................... 153
Gambar 4.89 Pembuatan Interface Halaman Utama Kiosk Informasi
NICT HRD CENTER .......................................................... 153
Gambar 4.90 Denah Ruang Main Building ................................................ 154
Gambar 4.91 Pembuatan Denah Ruang Main Building ............................. 155
Gambar 4.92 Pembuatan Denah Ruang Main Building pada
Macromedia Flash ................................................................ 155
Gambar 4.93 Pengkodean Interface ........................................................... 156
Gambar 4.94 Pembuatan Interface Tur 3 Dimensi ..................................... 156
Gambar 4.95 Hasil Scan BluePrint AS BUILT DRAWING .................... 157
Gambar 4.96 Pembuatan bangunan 3 dimensi dengan ArchiCAD 10 ...... 158
Gambar.4.97 Pemodelan 3 dimensi dengan 3ds Max 8 ............................. 159
Gambar 4.98 Pembuatan Virtual Reality dengan Adobe Director 11.5 ..... 160
Gambar 4.99 Pembuatan animasi 3 dimensi dengan 3ds Max 8 ................ 164
Gambar 4.100 Menyatukan tiap Scene animasi 3 dimensi pada
Ulead Video Studio 11 ......................................................... 165
Gambar 4.101 Halaman Utama Kiosk Informasi NICT HRD CENTER .... 166
Gambar 4.102 Halaman Menu Tentang Kami Kiosk Informasi
NICT HRD CENTER .......................................................... 166
Gambar 4.103 Halaman Menu Tur 3 Dimensi Kiosk Informasi
NICT HRD CENTER .......................................................... 167
xxiii
Gambar 4.104 Halaman Menu Denah Kiosk Informasi NICT HRD
CENTER ............................................................................. 167
Gambar 4.105 Halaman Menu Jadwal Kiosk Informasi NICT HRD
CENTER .............................................................................. 168
Gambar 4.106 Halaman Menu Fasilitas Kiosk Informasi NICT HRD
CENTER .............................................................................. 169
Gambar 4.107 Halaman Menu Cari Kiosk Informasi NICT HRD
CENTER .............................................................................. 169
Gambar 4.108 Halaman Menu Berita Kiosk Informasi NICT HRD
CENTER .............................................................................. 170
Gambar 4.109 Halaman Menu Bantuan Kiosk Informasi NICT HRD
CENTER .............................................................................. 171
Gambar 4.110 Layar login admin ................................................................ 171
Gambar 4.111 Halaman Utama Admin ....................................................... 172
Gambar 4.112 Sub menu Data Utama ......................................................... 172
Gambar 4.113 Halaman Input Ruangan ...................................................... 173
Gambar 4.114 Halaman Lihat Data Ruang ................................................. 173
Gambar 4.115 Halaman Input Pengajar ....................................................... 174
Gambar 4.116 Halaman Lihat Data Pengajar .............................................. 174
Gambar 4.117 Halaman Input Pelatihan...............................................
174
Gambar 4.118 Halaman lihat data Pelatihan................................................. 175
Gambar 4.119 Halaman Input Data Peserta ................................................. 175
Gambar 4.120 Halaman lihat data Peserta ................................................... 176
xxiv
Gambar 4.121 Halaman Input Data Berita .................................................. 176
Gambar 4.122 Halaman Lihat Data Berita .................................................. 177
Gambar 4.123 Halaman Sub menu Data Olahan ......................................... 177
Gambar 4.124 Halaman Input Data Jadwal.................................................. 178
Gambar 4.125 Halaman Lihat Data Jadwal .................................................. 178
Gambar 4.126 Interface pada Halaman Tentang Kami ............................... 186
Gambar 4.127 Interface pada Halaman Fasilitas ........................................ 186
Gambar 4.128 Interface pada Halaman Denah pada submenu
Denah lantai 1 ...................................................................... 187
Gambar 4.129 Keterangan “Data Tersimpan” Pada Input Data Pengajar ... 188
Gambar 4.130 Keterangan “ Maaf, ID Pengajar Telah Terpakai”
saat input data pengajar, karena menginput ID yang
telah terpakai ........................................................................ 188
Gambar 4.131 Simulasi proses tindakan pada suatu menu untuk
ke menu lain tanpa proses yang rumit ................................. 189
Gambar 4.132 Tampilan form pencarian jadwal ........................................ 191
Gambar 4.133 Tampilan hasil pencarian ..................................................... 191
Gambar 4.134 Menu denah dengan pilihan submenu menggunakan
Hyperpicture ......................................................................... 193
Gambar 4.135 Menu dengan hypertext dari submenu denah lantai 1 .......... 193
Gambar 4.136 Button close pada submenu information center ................... 193
xxv
DAFTAR LAMPIRAN
Halaman
Lampiran 1. Surat Permohonan Penelitian .................................................L1 – 1
Lampiran 2. Surat Pernyataan Diterima ......................................................L2 – 1
Lampiran 3. Surat Keterangan Telah Melakukan Penelitian ........................L3 - 1
Lampiran 4. SK Dosen Pembimbing ...........................................................L4 - 1
Lampiran 5. Hasil Wawancara. ....................................................................L5 - 1
Lampiran 6. Kuisioner Tahap Awal .............................................................L6 - 1
Lampiran 7. Kuisioner Evaluasi dan Hasilnya .............................................L7 - 1
Lampiran 8. Listing Script Program ........................................................L8 - 1
xxvi
ABSTRAK
Dyah Astari Widyaningsih-106091002923, Pengembangan Kiosk Informasi Interaktif
Berbasis 3 Dimensi di NICT HRD CENTER, dibimbing oleh Bapak Dr. Eko Syamsuddin
M. Eng. dan Bapak Yusuf Durrachman M.Sc., MIT.
Pemerintah Republik Korea dan Pemerintah Indonesia mengadakan kerjasama
pengembangan Sumber Daya Manusia di bidang Teknologi Informasi Komunikasi (TIK).
Maka dilaksanakan Pembangunan Proyek National ICT Human Resource Development
(NICT HRD). Pengelolaan Proyek NICT HRD, adalah kerja sama antara Departemen
Komunikasi dan Informasi bersama dengan Universitas Islam Negeri (UIN) Syarif
Hidayatullah Jakarta. Tujuan NICT HRD atau biasa disebut PUSTIKNAS (Pusat Teknologi
Informasi dan Komunikasi Nasional) adalah sebagai pusat pelatihan teknologi informasi yang
dibangun oleh pemerintah guna menjawab tantangan globalisasi maupun kesenjangan digital.
Gedung NICT HRD memiliki banyak ruangan, sehingga dalam hal penginformasian tata
letak ruangan membutuhkan media yang menunjang, begitu pula dalam penginformasian
jadwal pelatihan. Media yang tepat untuk menunjang penyampaian informasi tersebut adalah
kiosk informasi, karena memiliki kapasitas yang cukup besar sesuai dengan hardisk
didalamnya dan kiosk informasi adalah perkembangan teknologi informasi yang baru.
Pembuatan kiosk informasi ini menggunakan metode pengumpulan data dan pengembangan
sistem. Metode pengumpulan data terdiri dari studi pustaka, wawancara, observasi dan
kuesioner. Sedangkan metode pengembangan sistem menggunakan Siklus Hidup
Pengembangan Sistem Interactive Multimedia System Design and Development (IMSDD)
yang mempunyai 4 tahapan, diantaranya adalah System Requirement, Design Consideration,
Implementation dan Evaluation. Berdasarkan hasil evaluasi, skiosk informasi membantu
dalam penginformasian jadwal pelatihan dan informasi tata letak ruangan. Kiosk informasi
NICT HRD ini masih memerlukan peningkatan dan perkembangan yang lebih baik , yakni
agar bisa meng-upload data dengan file type doc, xls, docx, xlsx, dan pergantian bahasa
secara otomatis agar memudahkan admin saat memasukkan data berita.
Kata kunci: kiosk informasi, IMSDD, multimedia, virtual reality, 3 dimensi.
Jumlah Halaman : V Bab + 194 Halaman + xxvi Halaman + 153 Gambar + 28 Tabel +
Daftar Pustaka + Lampiran.
Jumlah Daftar Pustaka : 21 Sumber (Tahun 1998 – Tahun 2010)
vi
DAFTAR ISI
Halaman
HALAMAN SAMPUL ............................................................................... i
HALAMAN JUDUL .................................................................................. ii
LEMBAR PENGESAHAN PEMBIMBING ........................................... iii
LEMBAR PENGESAHAN UJIAN .......................................................... iv
LEMBAR PERNYATAAN ....................................................................... v
ABSTRAK .................................................................................................. vi
KATA PENGANTAR ............................................................................... vii
LEMBAR PERSEMBAHAN ................................................................... ix
DAFTAR ISI .............................................................................................. x
DAFTAR TABEL ...................................................................................... xvi
DAFTAR GAMBAR ................................................................................. xviii
DAFTAR LAMPIRAN ............................................................................. xxvi
BAB I
PENDAHULUAN ................................................................... 1
1.1
Latar Belakang .................................................................. 1
1.2
Rumusan Masalah ............................................................. 3
1.3
Batasan Masalah ................................................................ 3
1.4
Tujuan dan Manfaat Penelitian .......................................... 4
1.5
Metodologi Penelitian ........................................................ 5
1.5.1 Metode Pengumpulan Data ...................................... 5
1.5.2 Metode Pengembangan Sistem ................................ 6
x
1.6
BAB II
Sistematika Penulisan ........................................................ 7
LANDASAN TEORI ................................................................ 9
2.1
Perngembangan ................................................................. 9
2.2
Kiosk informasi ................................................................. 9
2.2.1 Sejarah Kiosk Touch Screen ..................................... 9
2.2.2 Pengertian Kiosk Informasi ......................................10
2.2.3 Pedoman Mengenai Kiosk ....................................... 11
2.2.4 Tujuan dan Manfaat Kiosk Informasi ...................... 12
2.2.5 Jenis-jenis Kiosk ..................................................... 14
2.3
Informasi ........................................................................... 16
2.4
Interaktif ........................................................................... 16
2.5
3 Dimensi ...........................................................................17
2.6
Virtual Reality ................................................................... 17
2.6.1 Manfaat dan Tujuan Virtual Reality ........................ 17
2.7
Deteksi Tumbukan (Collision Detection) ......................... 18
2.8
Multimedia ........................................................................ 24
2.8.1 Pengertian Multimedia ............................................. 24
2.8.2 Komponen-komponen Multimedia .......................... 25
2.9
Siklus Hidup Pengembangan Sistem (IMSDD) .............. 31
2.9.1 Analisis Kebutuhan Sistem (System Requirement).. 32
2.9.2 Pertimbangan Desain (Design Consideration) ....... 32
2.9.3 Implementasi .......................................................... 33
xi
2.9.4 Evaluasi ................................................................... 34
2.10 Rekayasa Piranti Lunak .................................................... 34
2.10.1 Definisi Piranti Lunak ........................................... 34
2.10.2 Karakteristik Piranti Lunak ................................... 35
2.10.3 Aplikasi Piranti Lunak .......................................... 36
2.10.4 Definisi Rekayasa Piranti Lunak ........................... 38
2.11 Interaksi Manusia dan Komputer ...................................... 39
2.12 STD (State Transition Diagram) ...................................... 41
2.13 Flowchart .......................................................................... 43
2.14 Sistem Basis Data ............................................................. 44
2.14.1Pemodelan Data ..................................................... 45
2.14.2 Entity Relationship Diagram ..................................45
2.15 Authoring Tools .................................................................47
2.15.1 Macromedia Flash 8 ............................................. 48
2.15.2 Macromedia Director 11.5 .................................... 50
2.15.3 3D Studio Max 8 ................................................... 52
2.15.4 Archicad 10 ........................................................... 55
2.16 Script Program .................................................................. 57
2.16.1 ActionScript 2.0 .................................................... 57
2.16.2 Lingo ..................................................................... 57
2.17 Skripsi dan Aplikasi Sejenis ............................................. 58
xii
BAB III
METODOLOGI PENELITIAN ............................................. 64
3.1
Metode Pengumpulan Data .............................................. 64
3.1.1. Studi Pustaka ........................................................... 64
3.1.2. Wawancara .............................................................. 64
3.1.3. Observasi ................................................................. 65
3.1.4. Kuesioner ................................................................. 65
3.2
Metode Pengembangan Sistem ......................................... 66
3.2.1. Tahap Kebutuhan Sistem (System Requirements) ... 68
3.2.1.1. Mendefinisikan Sistem ............................... 68
3.2.1.2. Kebutuhan dan Profil Pengguna ................. 68
3.2.1.3. Pertimbangan Perangkat Keras dan
Perangkat Lunak ......................................... 69
3.2.1.4. Pertimbangan Penyebaran Sistem .............. 69
3.2.2. Tahap Perancangan (Design Consideration) .......... 69
3.2.2.1. Design Metaphor ........................................ 70
3.2.2.2. Tipe Informasi ............................................ 70
3.2.2.3. Struktur Navigasi ........................................ 70
3.2.2.4. Masalah Integrasi dan Persiapan Media ..... 70
3.2.3.Tahap Implementasi (Implementation) .................... 71
3.2.3.1. Prototyping ................................................. 71
3.2.3.2. Beta Testing .................................................71
3.2.4.Tahap Evaluasi (Evaluation) .................................... 71
3.3
Bahan dan peralatan .......................................................... 72
xiii
3.3.1. Bahan ....................................................................... 72
3.3.2. Peralatan ................................................................. 72
BAB IV
HASIL DAN PEMBAHASAN ................................................ 74
4.1
Gambaran Umum Perusahaan ........................................... 74
4.1.1 NICT HRD CENTER ............................................. 74
4.1.2 Tujuan dan Sasaran Proyek NICT HRD CENTER ..75
4.1.3 Fasilitas NICT HRD CENTER ............................... 76
4.1.4 Sistem Yang Berjalan .............................................. 78
4.2
Analisis dan Hasil Pengumpulan Data .............................. 78
4.2.1 Studi Pustaka ............................................................ 78
4.2.2 Observasi .................................................................. 79
4.2.3 Wawancara ............................................................... 80
4.2.4 Kuesioner ................................................................. 80
4.3
Kebutuhan Sistem ............................................................. 91
4.3.1 Mendefinisikan Sistem ............................................ 92
4.3.2 Kebutuhan dan Profil Pengguna .............................. 93
4.3.3 Pertimbangan Perangkat Keras dan
Perangkat Lunak ...................................................... 93
4.3.3 Kebutuhan Fungsionalitas ....................................... 95
4.3.4 Pertimbangan Penyebaran Sistem ........................... 95
4.4
Perancangan ...................................................................... 97
4.4.1 Design Metaphor ..................................................... 97
xiv
4.4.2 Tipe Informasi ......................................................... 98
4.4.3 Struktur Navigasi ..................................................... 99
4.4.4 Persiapan dan Integrasi Media ................................ 102
4.4.5 Perancangan Flowchart .......................................... 106
4.4.6 Perancangan Database ............................................122
4.4.6.1 Perancangan ERD ....................................... 122
4.4.6.2 Spesifikasi Basis Data ................................. 126
4.4.8 Perancangan STD (State Transition Diagram) ........131
4.4.9 Perancangan Layar .................................................. 135
4.5
Implementasi .................................................................... 152
4.5.1 Prototyping .............................................................. 152
4.5.2 Beta Testing ............................................................181
4.5 Evaluasi ............................................................................... 185
BAB V
KESIMPULAN DAN SARAN ............................................... 195
5.1 Kesimpulan ......................................................................... 195
5.2 Saran .................................................................................... 196
DAFTAR PUSTAKA ................................................................................. 197
xv
DAFTAR GAMBAR
Halaman
Gambar 2.1
Vector representation ……………………………………... 19
Gambar 2.2
Plane normal………………………………………………. 20
Gambar 2.3
Sphere - plane collision ………………