UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil 2005 / 2006
ANALISA DAN PERANCANAGAN KIOS INFORMASI LPK SAINT MARY BERBASIS MULTIMEDIA
Rio Pribadi
0500583920
Eric Kurniawan
0500591960
Desiana
0600653530
Kelas / Kelompok: 07 PIT / 07
Abstrak Informasi mengenai LPK Saint Mary di BSD belum banyak diketahui umum. Selain itu siswa-siswa LPK Saint Mary untuk mengetahui hasil nilai ujian dan jadwal perkuliahan masih menggunakan lampiran kertas. Oleh karena itu dibuatlah kios informasi untuk menyelasaikan masalah-masalah yang ada saat ini. Penelitian ini menggunakan teknik analisa dan juga perancangan. Analisa yang digunakan adalah penyebaran kuisioner. Sedangkan perancangannya adalah perancangan
sistem,
perancangan
struktur
menu,
perancangan
database,
perancangan layar , perancangan STD, dan spesifikasi proses. Hasil yang didapat dari pembuatan kios informasi ini adalah dapat membantu siswa-siswa dalam mengakses nilai-nilai ujian dan jadwal kuliah dan juga membantu memberikan informasi mengenai LPK Saint Mary kepada yang membutuhkannya. Diharapkan dari sistem kios informasi yang telah dibuat ini dapat memberikan kemudahan dalam mencari informasi dan membuat pekerjaan menjadi efisien.
Kata Kunci Kios informasi, multimedia.
Prakata
Puji Syukur kepada Tuhan Yang Maha Esa atas berkat rahmat kasih-Nya penulis dapat menyelesaikan skripsi ini dengan baik. Skripsi dengan judul ANALISA DAN PERANCANGAN KIOS INFORMASI LPK SAINT MARY BERBASIS MULTIMEDIA disusun untuk memenuli syarat dalam menyelesaikan program studi dan mencapai gelar sarjana komputer pada Jurusan Teknik Informatika, Universitas Bina Nusantara Jakarta. Selama pembuatan skripsi ini, selain penulis banyak menghadapi kesulitan, penulis juga mendapat banyak bantuan dari berbagai pihak. Maka pada kesempatan ini penulis ingin menyamapaikan ucapan terima kasih kepada: 1.
Bapak Prof.Dr.Gerardus Polla, M.App.Sc, selaku Rektor Universitas Bina Nusantara yang telah memberikan kesempatan kepada penulis untuk menyusun skripsi ini.
2.
Bapak H.M.Subekti,BE,M.Sc, selaku Ketua Jurusan Teknik Informatika yang telah menerangkan banyak hal kepada penulis mengenai penyusunan skripsi ini.
3.
Bapak Jarot S.Suroso,Ir.,M.Eng selaku dosen pembimbing yang telah banyak menyediakan waktu, mengarahkan, serta membantu dan membimbing penulis dalam menyelesaikan masalah-masalah yang ditemui selama penulis menyusun skripsi ini.
4.
Bapak Budi Herianto, S.T, S.T selaku pemilik LPK Saint Mary BSD yang telah memberikan kemudahan kepada penulis dalam mendapatkan informasi dan survei di LPK Saint Mary BSD.
5.
Rekan – rekan mahasiswa khususnya kelas skripsi 07 PIT yang telah memberikan
bantuan
dalam
bertukar
pikiran,
berdiskusi
dalam
penyusunan skripsi ini.
Pada kesempatan ini penulis juga ingin menyampaikan ucapan terima kasih kepada Ayah, Ibu, Kakak serta Adik atas dukungan doa dan kasihnya yang sangat membantu sehingga penulis dapat menyelesaikan pendidikan ini dengan baik, serta kepada seluruh pihak yang telah membantu dalam penyusunan skripsi ini. Akhir kata, penulis menyadari bahwa skripsi ini belum sempurna, oleh sebab itu penulis mengharapkan kritik dan saran yang membangun dari para pembaca. Semoga tugas akhir (skripsi) perkuliahan di Universitas Bina Nusantara ini dapat bermanfaat bagi semua pihak serta membantu perkembangan Teknik Informatika Universitas Bina Nusantara Jakarta.
Jakarta, Januari 2006
Penulis
DAFTAR ISI
Halaman Judul Luar…………………………………………………………........... i Halaman Judul Dalam…………………………………………………………..... ..ii Halaman Persetujuan Softcover.......……………………………………………... .iii Abstrak………………………………………………………………………….... .iv Prakata………………………………………………………………………….......v Daftar Isi………………………………………………………………………..... vii Daftar Tabel…………………………………….………………………………... .xi Daftar Gambar……....…………………………………………………………....xiii
BAB 1 PENDAHULUAN.................................................................................. ..1 1.1
Latar Belakang…………………………………...........……….. ..1
1.2
Ruang Lingkup………………………………………...................2
1.3
Tujuan dan Manfaat..................................................................... ..3
1.4
Metodologi................................................................................... ..4
1.5
1.4.1
Metode Analisis...............................................................4
1.4.2
Metode Perancangan..................................................... ..4
Sistematika Penulisan.....................................................................5
BAB 2 LANDASAN TEORI................................................................................7 2.1
Teori – Teori Umum………………………………………...........7 2.1.1
Multimedia……………………………………………... ..7 2.1.1.1 Definisi Multimedia……………………........…. ..7
2.1.1.2 Area aplikasi untuk sistem multimedia yang interaktif ............................................................. ..7 2.1.1.3 Multimedia Hardware, Software dan Authoring Tools ......................................................................9 2.1.1.4 Komponen Multimedia……………………….... 12 2.1.2
Interaksi Manusia dan Komputer……………………..... 14 2.1.2.1 Definisi Interaksi Manusia dan Komputer……... 14 2.1.2.2 Pedoman dalam Mendesain Interaksi Manusia dan Komputer...………………………….................. 15 2.1.2.3 Jenis –Jenis Pengguna…………………...…....... 18 2.1.2.4 Tiga Pilar Perancangan........................................ 18 2.1.2.5 Pengertian User Interface………………........… 20 2.1.2.6 Delapan
Aturan
Emas
Perancangan
User Interface............................................................... 20 2.1.2.7 Sistem Interaktif………........…………………... 21 2.1.3
Rekayasa Piranti Lunak……………........……………... 25 2.1.3.1 Definisi Rekayasa Piranti Lunak.........………… 25 2.1.3.2 Karakteristik Piranti Lunak…………...........…... 26 2.1.3.3 Lapisan Rekayasa Perangkat Lunak……............ 26 2.1.3.4 Aplikasi Perangkat Lunak…………………........ 27
2.1.4
State Transition Diagram (STD)……………….............. 29 2.1.4.1 Definisi State Transition Dagram (STD)…......... 29
2.1.4.2 Komponen State Transition Diagram (STD)…... 29 2.2
Teori – Teori Khusus……………………………………........... 31 2.2.1
Definisi Kios Informasi………………………................31
2.2.2
Pengertian Informasi…………………....................…… 31
2.2.3
Pengertian Kios Informasi………………………........... 31
2.2.4 Product, Price, Promotion, Place (4P)………………..... 32 BAB 3 ANALISA DAN PERANCANGAN KIOS INFORMASI…….......... 35 3.1
Analisa Permasalahan………………………………….............. 35 3.1.1 Penjelasan umum tentang Yayasan LPK Saint Mary…..... 35 3.1.1.1 Sejarah Yayasan LPK Saint Mary ……................. 35 3.1.1.2 Visi dan Misi Yayasan LPK Saint Mary….............37 3.1.2 Menejemen dan Struktur Organisasi………………...........38 3.1.3 Sistem yang sedang berjalan………………………........... 40 3.1.4 Analisa Kebutuhan Pengguna / Kuisioner ….................… 41 3.1.5 Rumusan Permasalahan……………….............................. 52 3.1.6 Usulan Pemecahan Masalah………................................... 53
3.2
Perancangan Kios Informasi………………………………….... 54 3.2.1 Perancangan Struktur Menu……………………................ 54 3.2.2 Perancangan Layar……………………..................…….... 58 3.2.3 State Diagram Transisi (STD)…………………................ 82 3.2.4 Perancangan Database………………………………........ 90 3.2.5 Spesifikasi Proses ………………………………….......... 93
BAB 4 IMPLEMENTASI DAN EVALUASI KIOS INFORMASI............ 107 4.1
Spesifikasi Aplikasi Kios Informasi ……................................ 107 4.1.1 Konfigurasi Perangkat Keras Yang Dibutuhkan ..........107 4.1.2 Konfigurasi Perangkat Lunak Yang Dibutuhkan.......... 108
4.2
Rencana Implementasi Kios Informasi….........................…… 109
4.3
Prosedur Operasional Aplikasi Kios Informasi........................ 109
4.4
Tampilan Layar Aplikasi Kios Informasi……......................... 110
4.5
Evaluasi Aplikasi Kios Informasi LPK Saint Mary.................. 130
BAB 5 KESIMPULAN DAN SARAN……………………………………... 137 5.1
Kesimpulan……………………………………………….….. 137
5.2
Saran…………………………………………………….….... 137
DAFTAR PUSTAKA RIWAYAT HIDUP PENYEBARAN KUISIONER I PENYEBARAN KUISIONER II FOTOCOPY SURAT KETERANGAN SURVEI FOTOCOPY SURAT KETERANGAN DEMO
DAFTAR TABEL
Tabel 2.1
Keuntungan dan Kerugian Model Sistem Interaktif……….......…... ..3
Tabel 3.1
Hasil Kuisioner Nomor 1…………………………………………... 42
Tabel 3.2
Hasil Kuisioner Nomor 2…………………………………………... 43
Tabel 3.3
Hasil Kuisioner Nomor 3………………………………………....... 44
Tabel 3.4 Hasil Kuisioner Nomor 4……………………………………….….. 45 Tabel 3.5 Hasil Kuisioner Nomor 5………………………………………....... 46 Tabel 3.6 Hasil Kuisioner Nomor 6…………………………………………... 47 Tabel 3.7 Hasil Kuisioner Nomor 7…………………………………………... 48 Tabel 3.8 Hasil Kuisioner Nomor 8………………………………………....... 49 Tabel 3.9 Hasil Kuisioner Nomor 9…………………………………………... 50 Tabel 3.10 Hasil Kuisioner Nomor 10…………………………………………. 51 Tabel 3.11 Komponen Tabel Berita……………………………………………. 90 Tabel 3.12 Komponen Tabel Data_Mahasiswa………………………………... 91 Tabel 3.13 Komponen Tabel Data_Admin…………………………………….. 91 Tabel 3.14 Komponen Tabel Login……………………………………………. 92 Tabel 3.15 Komponen Tabel Mata_Kuliah………………….....……………….92 Tabel 3.16 Komponen Tabel Nilai………………………………......…………. 93 Tabel 4.1 Hasil Kuisioner Setelah Implementasi Nomor 1…………..…….. .131 Tabel 4.2 Hasil Kuisioner Setelah Implementasi Nomor 2……………........ .132 Tabel 4.3 Hasil Kuisioner Setelah Implementasi Nomor 3………………… .133 Tabel 4.4 Hasil Kuisioner Setelah Implementasi Nomor 4…….......………. .134
Tabel 4.5 Hasil Kuisioner Setelah Implementasi Nomor 5………….......…. .135 Tabel 4.6 Hasil Kuisioner Setelah Implementasi Nomor 6……………….... .136
DAFTAR GAMBAR
Gambar 2.1
State………………...……………………………………………..29
Gambar 2.2
Transition State….....…………………………………………...... 30
Gambar 2.3
Kondisi dan Aksi…..……………………………....…………….. 30
Gambar 3.1
Hasil Kuisioner Nomor 1…………………………………..…….. 42
Gambar 3.2
Hasil Kuisioner Nomor 2…………………………..…………….. 43
Gambar 3.3
Hasil Kuisioner Nomor 3……………………………..………….. 44
Gambar 3.4
Hasil Kuisioner Nomor 4…………………………......………….. 45
Gambar 3.5
Hasil Kuisioner Nomor 5……………………………..………….. 46
Gambar 3.6
Hasil Kuisioner Nomor 6……………………………..………….. 47
Gambar 3.7
Hasil Kuisioner Nomor 7……………………………..………….. 48
Gambar 3.8
Hasil Kuisioner Nomor 8………………………………..……….. 49
Gambar 3.9
Hasil Kuisioner Nomor 9…………………………………..…….. 50
Gambar 3.10 Hasil Kuisioner Nomor 10………………………………..……… 51 Gambar 3.11 Struktur Menu Global…………………………………….……… 54 Gambar 3.12 Struktur Menu Layar Intro…………………………………......… 55 Gambar 3.13 Struktur Menu Home………………………………………..…… 55 Gambar 3.14 Struktur Menu News Saint Mary………………………………… 55 Gambar 3.15 Struktur Menu Study Program………………………………....… 56 Gambar 3.16 Struktur Menu Facility Saint Mary…………………………….… 56 Gambar 3.17 Struktur Menu Profile Saint Mary……………………………….. 56 Gambar 3.18 Struktur Menu Login……………………………………………...57
Gambar 3.19 Struktur Menu Mahasiswa……………………………………….. 57 Gambar 3.20 Struktur Menu Staff Editor………………………………………. 57 Gambar 3.21 Rancangan Layar Intro…………………………………………… 58 Gambar 3.22 Rancangan Layar Peralihan…………………..………………….. 59 Gambar 3.23 Rancangan Layar Home………………………………………...... 60 Gambar 3.24 Rancangan Layar News Saint Mary……………………………... 61 Gambar 3.25 Rancangan Layar Karir, Pengumuman, Lain - Lain……………... 62 Gambar 3.26 Rancangan Layar Study Program………………………………... 63 Gambar 3.27 Rancangan Layar Program Sekretari…………………………….. 64 Gambar 3.28 Rancangan Layar Program Desain Interior dan Bangunan……….65 Gambar 3.29 Rancangan Layar Rancangan Layar Facility Saint Mary………... 66 Gambar 3.30 Rancangan Layar Gallery………………………………………... 67 Gambar 3.31 Rancangan Layar Video Shot……………………………………. 68 Gambar 3.32 Rancangan Layar Profile Saint Mary……………………………. 69 Gambar 3.33 Rancangan Layar Login………………………………………….. 70 Gambar 3.34 Rancangan Layar Mahasiswa……………………………………. 71 Gambar 3.35 Rancangan Layar Ubah Data Pribadi…………………………….. 72 Gambar 3.36 Rancangan Layar Jadwal Kuliah………………………………… 73 Gambar 3.37 Rancangan Layar Nilai Ujian……………………………………..74 Gambar 3.38 Rancangan Layar Staff Editor……………………………………. 75 Gambar 3.39 Rancangan Layar Berita………………………………………….. 76 Gambar 3.40 Rancangan Layar Data Mahasiswa………………………………. 77 Gambar 3.41 Rancangan Layar Data Staff Admin……………………………... 78
Gambar 3.42 Rancangan Layar Login………………………………………….. 79 Gambar 3.43 Rancangan Layar Perancangan Layar Jadwal…………………….80 Gambar 3.44 Rancangan Layar Nilai Mahasiswa……………………………… 81 Gambar 3.45 STD Untuk Intro (Menu Pembuka)……………………………… 82 Gambar 3.46 STD Untuk Home (Menu Utama)………………………………...82 Gambar 3.47 STD Untuk Menu Saint Mary……………………………………. 83 Gambar 3.48 STD Untuk Study Program………………………………………. 83 Gambar 3.49 STD Untuk Facility Saint Mary………………………………….. 84 Gambar 3.50 STD Untuk Profile Saint Mary…………………………………... 84 Gambar 3.51 STD Untuk menu Login…………………………….....................85 Gambar 3.52 STD Untuk Subemenu Mahasiswa dari menu login……………... 85 Gambar 3.53 STD Untuk Submenu Staff Editor dari menu login…………….... 86 Gambar 3.54 STD Untuk Submenu berita dari menu sub login……………....... 87 Gambar 3.55 STD Untuk Submenu data mahasiswa dari menu sublogin……... 87 Gambar 3.56 STD Untuk Submenu data staff dari menu staff login …………... 88 Gambar 3.57 STD Untuk Submenu data Login dari Menu Staff Login………... 88 Gambar 3.58 STD Untuk Submenu Jadwal dari Menu Staff Login……………. 89 Gambar 3.59 STD Untuk Submenu Nilai dari Menu Staff Login……………… 89 Gambar 3.60 Relationship Tabel Database Yang Digunakan………………….. 90 Gambar 4.1
Tampilan Layar Intro…………………....................................... .110
Gambar 4.2
Tampilan Layar Peralihan……………........................................ .111
Gambar 4.3
Tampilan Layar Home………………......................................... .112
Gambar 4.4
Tampilan Layar News Saint Mary…………………..............…. .114
Gambar 4.5
Tampilan Layar Study Program…………………..............…..... .115
Gambar 4.6
Tampilan Layar Study Program - Sekretari…………………..... .116
Gambar 4.7
Tampilan Layar Study Program - Desain…………………........ .117
Gambar 4.8
Tampilan Layar Facility Saint Mary…………………................ .118
Gambar 4.9
Tampilan Layar Facility - Gallery…………………................... .119
Gambar 4.10 Tampilan Layar Facility - Video Shot………………................. .120 Gambar 4.11 Tampilan Layar Profile Saint Mary…………………................. .121 Gambar 4.12 Tampilan Layar Login………………..............…..............……. .122 Gambar 4.13 Tampilan Layar Ubah Data Pribadi…………..............………... .123 Gambar 4.14 Tampilan Layar Jadwal Kuliah………………..............….......... .124 Gambar 4.15 Tampilan Layar Nilai Ujian………………..............…............... .125 Gambar 4.16 Tampilan Layar Menu Staff Admin………………..............…... .126 Gambar 4.17 Tampilan Layar Manipulasi Isi Database……………................ .127 Gambar 4.18 Tampilan Layar Untuk Menambah Isi Tabel……..............……. .128 Gambar 4.19 Tampilan Layar Untuk Mengubah Isi Tabel…………................ .129 Gambar 4.20 Pie Chart Hasil Implementasi Nomor 1…………...............….... .131 Gambar 4.21 Pie Chart Hasil Implementasi Nomor 2…………...............….... .132 Gambar 4.22 Pie Chart Hasil Implementasi Nomor 3…………...............….... .133 Gambar 4.23 Pie Chart Hasil Implementasi Nomor 4…………..............…..... .134 Gambar 4.24 Pie Chart Hasil Implementasi Nomor 5……..............….........….135 Gambar 4.25 Pie Chart Hasil Implementasi Nomor 6…………...............….... .136