Universitas Bina N usantara
Jurusan Teknik Informatika
Skripsi Sarjana Komputer
Semester Ganjil tahun 2007/2008
Analisis dan Perancangan Kiosk Informasi Interaktif
untuk Notebook Toshiba Berbasis Multimedia
pada PT. ANEKA INFOKOM TEKI NDO
Supandi 0800737595
Ivan Dwi 0800738540
Octavianus Jotan 0800738862
Kelas/Kelompok : 07PAT/7
Abstrak
Perkembangan teknologi komputer sangat pesat, termasuk di dalamnya perkembangan perangkat lunak dan teknologi informasi yang terkait. Terdapat berbagai bentuk penyajian informasi, salah satunya adalah kiosk informasi. Selain itu berbagai elemen multimedia sudah banyak digunakan berdampingan dengan teknologi informas i yang ada, seperti tulisan, gambar, animasi, dan sebagainya, sehingga dapat menciptakan aplikasi yang efisien, efektif, dan atraktif sekaligus. Tujuan penelitian skripsi ini adalah untuk merancang sebuah kiosk informasi berbasis multimedia yang menampilkan produk notebook Toshiba pada PT. Aneka Infokom Tekindo secara interaktif. M etode penelitian yang digunakan dalam skripsi ini adalah metode Fact Finding (penelitian melalui wawancara dan kuisioner), dan Library Research (penelitian melalui buku literatur). M etode pengembangan sistem yang digunakan adalah IMSDDC (Interactive Multimedia Sistem Design & Development Cycle). Hasil dari penelitian adalah sebuah kiosk informasi berbasis multimedia yang dapat meningkatkan efektifitas penyajian informasi tentang produk notebook Toshiba pada PT. Aneka Infokom Tekindo. Simpulan dari penelitian adalah bahwa perangkat lunak kiosk informasi yang dibuat dapat berjalan dengan cukup baik dan dapat meningkatkan efektifitas penyajian informasi.
PRAKATA
Puji syukur kepada Tuhan Yang M aha Esa atas berkat dan rahmat-Nya, sehingga kami dapat menyelesaikan penulisan karya ilmiah ini dengan baik. Skripsi dengan judul “ANALISIS DAN PERANCANGAN KIOSK INFORMASI INTERAKTIF UNTUK NOTEBOOK TOSHIBA BERBASIS M ULTIM EDIA PADA PT. ANEKA INFOKOM TEKINDO” ini, kami susun sebagai salah satu syarat kelulusan dalam Fakultas Ilmu Komputer jenjang pendidikan S1 (Strata-1) pada Universitas Bina Nusantara, Jakarta.
Selama pembuatan skripsi ini, kami mendapat banyak bantuan dari berbagai pihak dalam mengatasi kesulitan-kesulitan yang kami hadapi. M aka pada kesempatan ini kami ingin menyampaikan ucapan terima kasih kami kepada :
1. Bapak Prof. Dr. Gerardus Polla, M .App.Sc. selaku Rektor Universitas Bina Nusantara.
2. Bapak Ir. Sablin Yusuf, M .Sc, M .Comp.Sc, selaku Dekan Fakultas Ilmu Komputer Universitas Bina Nusantara.
3. Bapak Fredy Purnomo, S.Kom., M .Kom. selaku Ketua Jurusan Teknik informatika.
4. Ibu Henny Surya Ningsih, S.Kom., M SoftSysEng selaku Sekretaris Jurusan Teknik Informatika.
memberi bantuan dan bimbingan kepada kami dalam menyelesaikan masalah-masalah yang dihadapi selama proses penulisan skripsi ini.
6. Pimpinan dan seluruh karyawan dari PT. Aneka Infokom Tekindo yang telah memberikan dukungan dan informasi yang diperlukan dalam penulisan skripsi ini.
7. Orang tua dan seluruh anggota keluarga penulis, yang telah memberikan dukungan berupa kasih, doa dan dorongan kepada kami dalam proses penulisan skripsi ini.
8. Para dosen Universitas Bina Nusantara yang telah memberikan saran dan masukan dalam penulisan skripsi ini serta yang telah mendidik kami dalam menimba ilmu di Universitas Bina Nusantara.
9. Rekan-rekan mahasiswa semuanya, yang telah memberikan saran dan dukungan baik secara langsung maupun tidak langsung dalam proses penulisan skripsi ini.
10.Semua pihak, yang telah membantu secara fisik maupun mental, yang tidak bisa disebutkan satu-persatu disini.
DAFTAR ISI
Halaman Judul Luar Halaman Judul Dalam
Halaman Persetujuan Hardcover
Abstrak……….i
Prakata……….ii
Daftar Isi……….iv
Daftar Tabel………ix
Daftar Grafik………....x
Daftar Gambar………....xi
Daftar Lampiran………...xiii
BAB 1 PENDAHULUAN 1.1 Latar Belakang Permasalahan………...1
1.2 Ruang Lingkup Permasalahan………..2
1.3 Tujuan dan M anfaat………..3
1.4 M etodologi………4
1.5 Sistematika Penulisan………...5
BAB 2 LANDAS AN TEORI 2.1 M ultimedia………7
2.1.2 Tujuan dan Penggunaan M ultimedia………..13
2.2 Kiosk Informasi………..14
2.2.1 Tujuan dan M anfaat Kiosk Informasi……….15
2.2.2 Jenis-Jenis Kiosk Informasi………16
2.3 Rekayasa Piranti Lunak………..20
2.4 Interactive Multimedia System Design & Development Cycle………...21
2.5 STD (State Transition Diagram)………24
2.6 Interaksi M anusia dan Komputer………26
2.7 Sistem Basis Data………...31
2.7.1 Definisi Sistem Basis Data……….31
2.7.2 Komponen Basis Data………31
2.7.2 Struktur Data Relasional……….32
2.8 ERD (Entity Relationship Diagram) ……….33
2.9 Laptop / Notebook………..34
2.10 M acromedia Director………..35
2.11 Lingo………...36
2.12 INM VizionDB………...37
BAB 3 ANALIS IS DAN PERANCANGAN 3.1 Sejarah dan Profile Organisasi………38
3.1.1 Visi dan M isi………...40
3.1.2 Struktur Organisasi……….41
3.2.1 Kuisioner……….49
3.2.2 Wawancara………..56
3.2.3 Permasalahan yang Dihadapi………..57
3.2.4 Solusi Penyelesaian M asalah………..59
3.3 Perancangan Aplikasi Front-end………60
3.3.1 Hirarki M enu Aplikasi Front-end………...62
3.3.2 State Transition Diagram Aplikasi Front-end………63
3.3.3 Perancangan Layar Aplikasi Front-end………..64
3.3.3.1 Rancangan Layar M ain M enu (About Us)……….64
3.3.3.2 Rancangan Layar M enu Show All Product………68
3.3.3.3 Rancangan Layar M enu Search………..72
3.3.3.4 Rancangan Layar M enu Warranty Issues………...74
3.3.3.5 Rancangan Layar M enu Comment……….76
3.3.3.6 Rancangan Layar M enu Compare………..78
3.4 Perancangan Aplikasi Back-end……….80
3.4.1 Hirarki M enu Aplikasi Back-end………80
3.4.2 State Transition Diagram Aplikasi Back-end……….82
3.4.3 Perancangan Layar Aplikasi Back-end………...83
3.4.3.1 Rancangan Layar Back-end Product………...83
3.4.3.2 Rancangan Layar Back-end Others……….86
BAB 4 IMPLEMENTAS I DAN EVALUAS I
4.1 Komponen Aplikasi Kios Informasi PT.Aneka Infokom Tekindo…...105
4.2 Dukungan Perangkat Keras Dan Piranti Lunak Dalam Perancangan Aplikasi……….109
4.3 Dukungan Perangkat Keras Dan Piranti Lunak Dalam Implementasi Aplikasi……….110
4.4 Prosedur Pemakaian Aplikasi Front-end………..111
4.4.1 Tampilan Layar M ain M enu……….111
4.4.2 Tampilan Layar Show All Product………...113
4.4.3 Tampilan Layar Search……….116
4.4.4 Tampilan Layar Warranty Issues………..117
4.4.5 Tampilan Layar Compare……….118
4.4.6 Tampilan Layar Comment………119
4.5 Prosedur Pemakaian Aplikasi Back-end………...120
4.5.1 Tampilan Layar Back-end Product………...120
4.5.2 Tampilan Layar Back-end Others……….122
4.5.3 Tampilan Layar Back-end About Us and Warranty………….123
4.6 Evaluasi……….123
4.6.1 Evaluasi berdasarkan Interaksi M anusia dan Komputer……...123
4.6.2 Evaluasi Alpha Testing……….128
4.6.2.1 Evaluasi Alpha Testing Terhadap Aplikasi Front-End 128 4.6.2.2 Evaluasi Alpha Testing Terhadap Aplikasi Back-End..129
4.6.4 Evaluasi Pengguna………....130 4.6.5 Pembahasan Hasil Evaluasi………..137
BAB 5 S IMPULAN DAN S ARAN
5.1 Simpulan………...140 5.2 Saran……….141
DAFTAR PUS TAKA
RIWAYAT HID UP
LAMPIRAN
Daftar Tabel
Tabel 3.1 Keterangan Tabel Database ABOUTUS………91-92 Tabel 3.2 Keterangan Tabel Database COMM ENT………...92-93
Tabel 3.3 Keterangan Tabel Database M SBANNER………..93
Tabel 3.4 Keterangan Tabel Database M SDISP………..94
Tabel 3.5 Keterangan Tabel Database M SGRAP………95
Tabel 3.6 Keterangan Tabel Database M SNEWS………95
Tabel 3.7 Keterangan Tabel Database M SOS………..96
Tabel 3.8 Keterangan Tabel Database M SPRICE………97
Tabel 3.9 Keterangan Tabel Database M SPROC………97
Tabel 3.10 Keterangan Tabel Database M SSTOR……….98
Tabel 3.11 Keterangan Tabel Database PRODUCT………...99-101 Tabel 3.12 Keterangan Tabel Database WARRANTY………102
Daftar Grafik
Grafik 3.1 Tingkat intensitas responden dalam menunjungi PT. Aneka Infokom
Tekindo, khusunya bagian lounge………51
Grafik 3.2 Keinginan responden untuk membeli produk notebook Toshiba………….52
Grafik 3.3 Sumber informasi mengenai notebook Toshiba………...52
Grafik 3.4 Tingkat kepuasan customer terhadap ketersediaan informasi di PT. Aneka Infokom Tekindo, khususnya bagian lounge………53
Grafik 3.5 Tingkat keperluan pemasangan kiosk informasi bagi responden………….53
Grafik 3.6 M etafora bentuk isi penyajian kiosk informasi yang diinginkan customer 54 Grafik 3.7 Feature yang diinginkan ada di dalam kiosk informasi………54
Grafik 3.8 Komponen kiosk informasi yang menarik dan diperlukan customer……...55
Grafik 4.1 Pendapat responden tentang kiosk informasi……….132
Grafik 4.2 Faktor ketertarikan user dalam kiosk informasi……….133
Grafik 4.3 Tingkat kemudahan penggunaan kiosk informasi………..133
Grafik 4.4 Tingkat efektifitas kiosk dalam membantu user……….134
Grafik 4.5 Persentase fungsi kiosk dalam mengurangi kebosanan………..135
Grafik 4.6 Feature yang paling bermanfaat bagi user……….136
Daftar Gambar
Gambar 2.1 Diagram IMSDD Cycle (Dastbaz, 2003,p131) ……….21
Gambar 3.1 Struktur Organisasi PT. Aneka Infokom Tekindo……….44
Gambar 3.2 Logo PT. Aneka Infokom Tekindo………45
Gambar 3.3 Customer Service PT. Aneka Infokom Tekindo………46
Gambar 3.4 Ruang Pamer dan Etalase PT. Aneka Infokom Tekindo………...46
Gambar 3.5 Ruang tunggu PT. Aneka Infokom Tekindo………..47
Gambar 3.6 Ruang rapat PT. Aneka Infokom Tekindo……….47
Gambar 3.7 Kafetaria PT. Aneka Infokom Tekindo……….48
Gambar 3.8 Peralatan band yang lengkap pada PT. Aneka Infokom Tekindo...……..48
Gambar 3.9 Hierarki M enu Utama Front-End………..62
Gambar 3.10 StateTransition Diagram M enu Utama....………63
Gambar 3.11 Rancangan Layar Pembuka………....64
Gambar 3.12 Rancangan Layar M ain M enu………....65
Gambar 3.13 Rancangan Layar Show All Product………..68
Gambar 3.14 Rancangan Layar M enu Search……….72
Gambar 3.15 Rancangan Layar M enu Warranty Issues………..74
Gambar 3.16 Rancangan Layar M enu Comment………76
Gambar 3.17 Rancangan Layar M enu Compare……….78
Gambar 3.18 Hierarki M enu Aplikasi Back-End………80
Gambar 3.19 State Transition Diagram Aplikasi Back-End ..………82
Gambar 3.21 Rancangan Layar Aplikasi Back-End Others………86
Gambar 3.22 Rancangan Layar Aplikasi Back-End About Us and Warranty…………89
Gambar 3.23 Entity Relations Diagram (ERD) Database………104
Gambar 4.1 Tampilan Layar Pembuka ………...112
Gambar 4.2 Tampilan Layar M ain M enu (About Us) ………113
Gambar 4.3 Tampilan Layar Show All Product………..115
Gambar 4.4 Tampilan Layar Search………116
Gambar 4.5 Tampilan Layar Warranty Issues……….117
Gambar 4.6 Tampilan Layar Compare………118
Gambar 4.7 Tampilan Layar Comment ………..119
Gambar 4.8 Layar Back-End Product………..120
Gambar 4.9 Tampilan Layar Back-End Others………...122
Gambar 4.10 Tampilan Layar Back-End About Us and Warranty………123
Gambar 4.11 Konsistensi pada kiosk informasi………124
Gambar 4.12 Penggunaan shortcut pada kiosk informasi……….124
Gambar 4.13 Umpan balik yang informatif pada kiosk informasi………125
Gambar 4.14 Perancangan dialog keadaan akhir pada kiosk informasi………125
Gambar 4.15 Penanganan kesalahan yang sederhana pada kiosk informasi………….126
Gambar 4.16 Pembalikan aksi (undo) pada kiosk informasi……….126
Gambar 4.17 Internal locus of control pada kiosk informasi………127
Gambar 4.18 Contoh pengurangan beban ingatan jangka pendek……….127
Daftar Lampiran