2006

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