ANALISIS DAN PERANCANGAN KIOSK INFORMASI INTERAKTIF UNTUK NOTEBOOK TOSHIBA BERBASIS MULTIMEDIA PADA PT. ANEKA INFOKOM TEKINDO - Binus e-Thesis

  

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.

  Kata Kunci : Interaktif, Kiosk Informasi, M ultimedia, Notebook.

  

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., MSoftSysEng selaku Sekretaris Jurusan Teknik Informatika.

  5. Bapak Eko S. Hasrito, B.Eng., M.Eng., Ph.D selaku dosen pembimbing yang telah bersedia menyediakan waktu, mengarahkan, serta banyak 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.

  Akhir kata, kami sepenuhnya menyadari bahwa skripsi ini masih memiliki banyak kekurangan. Oleh sebab itu, kami mengharapkan kritik dan saran yang membangun dari pembaca. Semoga skripsi ini dapat bermanfaat bagi semua pihak dan dapat dijadikan sebagai masukan untuk dunia pendidikan pada umumnya dan perkembangan ilmu komputer pada khususnya.

  Penulis

  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.1 Elemen Multimedia……………………………………………...8

  Tujuan dan Penggunaan Multimedia…………………………..13

  2.8 ERD (Entity Relationship Diagram) ………………………………….33

  3.1.2 Struktur Organisasi…………………………………………….41

  3.1.1 Visi dan M isi…………………………………………………...40

  3.1 Sejarah dan Profile Organisasi…………………………………………38

  BAB 3 ANALIS IS DAN PERANCANGAN

  2.12 INM VizionDB………………………………………………………...37

  2.11 Lingo…………………………………………………………………...36

  2.10 M acromedia Director…………………………………………………..35

  2.9 Laptop / Notebook……………………………………………………..34

  2.7.2 Struktur Data Relasional……………………………………….32

  2.2 Kiosk Informasi………………………………………………………..14

  2.7.2 Komponen Basis Data…………………………………………31

  2.7.1 Definisi Sistem Basis Data…………………………………….31

  2.7 Sistem Basis Data……………………………………………………...31

  2.6 Interaksi M anusia dan Komputer………………………………………26

  2.5 STD (State Transition Diagram)………………………………………24

  2.4 Interactive Multimedia System Design & Development Cycle ………...21

  2.3 Rekayasa Piranti Lunak………………………………………………..20

  2.2.2 Jenis-Jenis Kiosk Informasi……………………………………16

  2.2.1 Tujuan dan M anfaat Kiosk Informasi………………………….15

  3.2 Analisis di bagian lounge PT. Aneka Infokom Tekindo……………….45

  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

  3.4.3.3 Rancangan Layar Back-end About Us and Warranty….89

  3.5 Perancangan Database …………………………………………………91

  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.3 Evaluasi berdasarkan Komponen M ultimedia………………..129

  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

  FOTOCOPY S URAT S URVEI

Tabel 3.1 Keterangan Tabel Database ABOUTUS………………………………91-92Tabel 3.2 Keterangan Tabel Database COMM ENT……………………………...92-93Tabel 3.3 Keterangan Tabel Database M SBANNER………………………………..93Tabel 3.4 Keterangan Tabel Database M SDISP……………………………………..94Tabel 3.5 Keterangan Tabel Database M SGRAP……………………………………95Tabel 3.6 Keterangan Tabel Database M SNEWS……………………………………95Tabel 3.7 Keterangan Tabel Database M SOS………………………………………..96Tabel 3.8 Keterangan Tabel Database M SPRICE……………………………………97Tabel 3.9 Keterangan Tabel Database M SPROC……………………………………97Tabel 3.10 Keterangan Tabel Database M SSTOR…………………………………….98Tabel 3.11 Keterangan Tabel Database PRODUCT……………………………...99-101Tabel 3.12 Keterangan Tabel Database WARRANTY………………………………102Tabel 3.13 Keterangan Tabel Database M SCATEGORY…………………………...103

  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

Grafik 4.7 Persentase penambahan/perbaikan fasilitas kiosk informasi……………..137

Gambar 2.1 Diagram IMSDD Cycle (Dastbaz, 2003,p131) ………………………….21Gambar 3.1 Struktur Organisasi PT. Aneka Infokom Tekindo……………………….44Gambar 3.2 Logo PT. Aneka Infokom Tekindo………………………………………45Gambar 3.3 Customer Service PT. Aneka Infokom Tekindo…………………………46Gambar 3.4 Ruang Pamer dan Etalase PT. Aneka Infokom Tekindo………………...46Gambar 3.5 Ruang tunggu PT. Aneka Infokom Tekindo……………………………..47Gambar 3.6 Ruang rapat PT. Aneka Infokom Tekindo……………………………….47Gambar 3.7 Kafetaria PT. Aneka Infokom Tekindo………………………………….48Gambar 3.8 Peralatan band yang lengkap pada PT. Aneka Infokom Tekindo...……..48Gambar 3.9 Hierarki M enu Utama Front-End………………………………………..62Gambar 3.10 State Transition Diagram M enu Utama....………………………………63Gambar 3.11 Rancangan Layar Pembuka……………………………………………....64Gambar 3.12 Rancangan Layar M ain M enu…………………………………………....65Gambar 3.13 Rancangan Layar Show All Product……………………………………..68Gambar 3.14 Rancangan Layar M enu Search………………………………………….72Gambar 3.15 Rancangan Layar M enu Warranty Issues………………………………..74Gambar 3.16 Rancangan Layar M enu Comment………………………………………76Gambar 3.17 Rancangan Layar M enu Compare……………………………………….78Gambar 3.18 Hierarki M enu Aplikasi Back-End………………………………………80Gambar 3.19 State Transition Diagram Aplikasi Back-End ..…………………………82Gambar 3.20 Rancangan Layar Aplikasi Back-End Product…………………………...83Gambar 3.22 Rancangan Layar Aplikasi Back-End About Us and Warranty…………89Gambar 3.23 Entity Relations Diagram (ERD) Database……………………………104Gambar 4.1 Tampilan Layar Pembuka ……………………………………………...112Gambar 4.2 Tampilan Layar M ain M enu (About Us) ………………………………113Gambar 4.3 Tampilan Layar Show All Product……………………………………..115Gambar 4.4 Tampilan Layar Search…………………………………………………116Gambar 4.5 Tampilan Layar Warranty Issues……………………………………….117Gambar 4.6 Tampilan Layar Compare………………………………………………118Gambar 4.7 Tampilan Layar Comment ……………………………………………..119Gambar 4.8 Layar Back-End Product………………………………………………..120Gambar 4.9 Tampilan Layar Back-End Others……………………………………...122Gambar 4.10 Tampilan Layar Back-End About Us and Warranty……………………123Gambar 4.11 Konsistensi pada kiosk informasi………………………………………124Gambar 4.12 Penggunaan shortcut pada kiosk informasi…………………………….124Gambar 4.13 Umpan balik yang informatif pada kiosk informasi……………………125Gambar 4.14 Perancangan dialog keadaan akhir pada kiosk informasi………………125Gambar 4.15 Penanganan kesalahan yang sederhana pada kiosk informasi………….126Gambar 4.16 Pembalikan aksi (undo) pada kiosk informasi………………………….126Gambar 4.17 Internal locus of control pada kiosk informasi…………………………127Gambar 4.18 Contoh pengurangan beban ingatan jangka pendek…………………….127Gambar 4.19 Kiosk informasi tahap evaluasi…………………………………………130

  Kuisioner I…………………………………………………………………………...L1 Kuisioner II………………………………………………………………………..…L3