0600653530 Kelas Kelompok: 07 PIT 07 Abstrak - ANALISA DAN PERANCANGAN KIOS INFORMASI LPK SAINT MARY BERBASIS MULTIMEDIA - Binus e-Thesis

(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 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

(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)

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

(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... ..1

1.1 Latar Belakang………...……….. ..1

1.2 Ruang Lingkup………...2

1.3 Tujuan dan Manfaat... ..3

1.4 Metodologi... ..4

1.4.1 Metode Analisis...4

1.4.2 Metode Perancangan... ..4

1.5 Sistematika Penulisan...5

BAB 2 LANDASAN TEORI...7

2.1 Teori – Teori Umum………...7

2.1.1 Multimedia………... ..7

(5)

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.1Definisi Rekayasa Piranti Lunak...………… 25

2.1.3.2Karakteristik 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

(6)

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

(7)

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

(8)

DAFTAR TABEL

Tabel 2.1 Keuntungan dan Kerugian Model Sistem Interaktif………...…... ..3

Tabel 3.1 Hasil Kuisioner Nomor 1………... 42

Tabel 3.4 Hasil Kuisioner Nomor 4……….….. 45

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

(9)

(10)

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

(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………..……….. 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

(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………... 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

(13)

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.23 Pie Chart Hasil Implementasi Nomor 4…………...…... .134

Gambar 4.24 Pie Chart Hasil Implementasi Nomor 5……...…...….135