UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil 2005 / 2006

Transkripsi

1 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 Eric Kurniawan Desiana 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.

2 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.

3 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

4 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 Latar Belakang Ruang Lingkup Tujuan dan Manfaat Metodologi Metode Analisis Metode Perancangan Sistematika Penulisan...5 BAB 2 LANDASAN TEORI Teori Teori Umum Multimedia Definisi Multimedia

5 Area aplikasi untuk sistem multimedia yang interaktif Multimedia Hardware, Software dan Authoring Tools Komponen Multimedia Interaksi Manusia dan Komputer Definisi Interaksi Manusia dan Komputer Pedoman dalam Mendesain Interaksi Manusia dan Komputer Jenis Jenis Pengguna Tiga Pilar Perancangan Pengertian User Interface Delapan Aturan Emas Perancangan User Interface Sistem Interaktif Rekayasa Piranti Lunak Definisi Rekayasa Piranti Lunak Karakteristik Piranti Lunak Lapisan Rekayasa Perangkat Lunak Aplikasi Perangkat Lunak State Transition Diagram (STD) Definisi State Transition Dagram (STD)... 29

6 Komponen State Transition Diagram (STD) Teori Teori Khusus Definisi Kios Informasi Pengertian Informasi Pengertian Kios Informasi Product, Price, Promotion, Place (4P) BAB 3 ANALISA DAN PERANCANGAN KIOS INFORMASI Analisa Permasalahan Penjelasan umum tentang Yayasan LPK Saint Mary Sejarah Yayasan LPK Saint Mary Visi dan Misi Yayasan LPK Saint Mary Menejemen dan Struktur Organisasi Sistem yang sedang berjalan Analisa Kebutuhan Pengguna / Kuisioner Rumusan Permasalahan Usulan Pemecahan Masalah Perancangan Kios Informasi Perancangan Struktur Menu Perancangan Layar State Diagram Transisi (STD) Perancangan Database Spesifikasi Proses... 93

7 BAB 4 IMPLEMENTASI DAN EVALUASI KIOS INFORMASI Spesifikasi Aplikasi Kios Informasi Konfigurasi Perangkat Keras Yang Dibutuhkan Konfigurasi Perangkat Lunak Yang Dibutuhkan Rencana Implementasi Kios Informasi Prosedur Operasional Aplikasi Kios Informasi Tampilan Layar Aplikasi Kios Informasi Evaluasi Aplikasi Kios Informasi LPK Saint Mary BAB 5 KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA RIWAYAT HIDUP PENYEBARAN KUISIONER I PENYEBARAN KUISIONER II FOTOCOPY SURAT KETERANGAN SURVEI FOTOCOPY SURAT KETERANGAN DEMO

8 DAFTAR TABEL Tabel 2.1 Keuntungan dan Kerugian Model Sistem Interaktif Tabel 3.1 Hasil Kuisioner Nomor Tabel 3.2 Hasil Kuisioner Nomor Tabel 3.3 Hasil Kuisioner Nomor Tabel 3.4 Hasil Kuisioner Nomor Tabel 3.5 Hasil Kuisioner Nomor Tabel 3.6 Hasil Kuisioner Nomor Tabel 3.7 Hasil Kuisioner Nomor Tabel 3.8 Hasil Kuisioner Nomor Tabel 3.9 Hasil Kuisioner Nomor Tabel 3.10 Hasil Kuisioner Nomor Tabel 3.11 Komponen Tabel Berita. 90 Tabel 3.12 Komponen Tabel Data_Mahasiswa Tabel 3.13 Komponen Tabel Data_Admin.. 91 Tabel 3.14 Komponen Tabel Login. 92 Tabel 3.15 Komponen Tabel Mata_Kuliah Tabel 3.16 Komponen Tabel Nilai Tabel 4.1 Hasil Kuisioner Setelah Implementasi Nomor Tabel 4.2 Hasil Kuisioner Setelah Implementasi Nomor Tabel 4.3 Hasil Kuisioner Setelah Implementasi Nomor Tabel 4.4 Hasil Kuisioner Setelah Implementasi Nomor

9 Tabel 4.5 Hasil Kuisioner Setelah Implementasi Nomor Tabel 4.6 Hasil Kuisioner Setelah Implementasi Nomor

10 DAFTAR GAMBAR Gambar 2.1 State Gambar 2.2 Transition State Gambar 2.3 Kondisi dan Aksi Gambar 3.1 Hasil Kuisioner Nomor Gambar 3.2 Hasil Kuisioner Nomor Gambar 3.3 Hasil Kuisioner Nomor Gambar 3.4 Hasil Kuisioner Nomor Gambar 3.5 Hasil Kuisioner Nomor Gambar 3.6 Hasil Kuisioner Nomor Gambar 3.7 Hasil Kuisioner Nomor Gambar 3.8 Hasil Kuisioner Nomor Gambar 3.9 Hasil Kuisioner Nomor Gambar 3.10 Hasil Kuisioner Nomor Gambar 3.11 Struktur Menu Global. 54 Gambar 3.12 Struktur Menu Layar Intro Gambar 3.13 Struktur Menu Home.. 55 Gambar 3.14 Struktur Menu News Saint Mary 55 Gambar 3.15 Struktur Menu Study Program 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

11 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 Gambar 3.23 Rancangan Layar Home Gambar 3.24 Rancangan Layar News Saint Mary Gambar 3.25 Rancangan Layar Karir, Pengumuman, Lain - Lain Gambar 3.26 Rancangan Layar Study Program 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 Gambar 3.30 Rancangan Layar Gallery 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

12 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 Gambar 3.51 STD Untuk menu Login...85 Gambar 3.52 STD Untuk Subemenu Mahasiswa dari menu login Gambar 3.53 STD Untuk Submenu Staff Editor dari menu login Gambar 3.54 STD Untuk Submenu berita dari menu sub login Gambar 3.55 STD Untuk Submenu data mahasiswa dari menu sublogin Gambar 3.56 STD Untuk Submenu data staff dari menu staff login Gambar 3.57 STD Untuk Submenu data Login dari Menu Staff Login 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 Gambar 4.2 Tampilan Layar Peralihan Gambar 4.3 Tampilan Layar Home Gambar 4.4 Tampilan Layar News Saint Mary

13 Gambar 4.5 Tampilan Layar Study Program Gambar 4.6 Tampilan Layar Study Program - Sekretari Gambar 4.7 Tampilan Layar Study Program - Desain Gambar 4.8 Tampilan Layar Facility Saint Mary Gambar 4.9 Tampilan Layar Facility - Gallery Gambar 4.10 Tampilan Layar Facility - Video Shot Gambar 4.11 Tampilan Layar Profile Saint Mary Gambar 4.12 Tampilan Layar Login Gambar 4.13 Tampilan Layar Ubah Data Pribadi Gambar 4.14 Tampilan Layar Jadwal Kuliah Gambar 4.15 Tampilan Layar Nilai Ujian Gambar 4.16 Tampilan Layar Menu Staff Admin Gambar 4.17 Tampilan Layar Manipulasi Isi Database Gambar 4.18 Tampilan Layar Untuk Menambah Isi Tabel Gambar 4.19 Tampilan Layar Untuk Mengubah Isi Tabel Gambar 4.20 Pie Chart Hasil Implementasi Nomor Gambar 4.21 Pie Chart Hasil Implementasi Nomor Gambar 4.22 Pie Chart Hasil Implementasi Nomor Gambar 4.23 Pie Chart Hasil Implementasi Nomor Gambar 4.24 Pie Chart Hasil Implementasi Nomor Gambar 4.25 Pie Chart Hasil Implementasi Nomor