v
UNIVERSITAS BINA NUSANTARA
Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun 2006 / 2007
ANALISIS DAN PERANCANGAN KIOS INFORMASI PERKANTORAN HIJAU ARKADIA BERBASISKAN MULTIMEDIA
Chintia Dewi ( 0700691965 ) Lydia Afriani ( 0700693705 ) Yasmine A. Alaydroes ( 0700699910 )
Kelas / Kelompok : 07.PBT / 7
Abstrak
vi
PRAKATA
Puji syukur penulis panjatkan ke hadirat Tuhan Yang Maha Esa atas segala rahmat dan berkat yang dilimpahkan-Nya, sehingga skripsi ini dapat diselesaikan. Penulisan skripsi ini merupakan salah satu syarat guna mencapai gelar Sarjana Komputer pada Universitas Bina Nusantara.
Dengan segala kemampuan yang ada serta mengingat terbatasnya pengalaman dan pengetahuan, penulis sepenuhnya menyadari bahwa skripsi ini masih jauh dari sempurna, baik dalam pengungkapan, pokok pikiran, tata bahasa maupun kelengkapan pembahasannya. Namun selama masa persiapan hingga selesainya penyusunan skripsi ini, penulis telah banyak mendapat bantuan, bimbingan dan dorongan dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis ingin mengucapkan terima kasih yang sebesar-besarnya khususnya kepada :
• Bapak Prof. Dr. Gerardus Polla M.App.Sc. selaku Rektor Universitas Bina
Nusantara.
• Bapak Sablin Yusuf Ir., M.Sc, M.Com.Sc, selaku Dekan Fakultas Ilmu
Komputer Universitas Bina Nusantara.
• Bapak H. Mohammad Subekti, BE, M.Sc, selaku Ketua Jurusan Teknik
Informatika Universitas Bina Nusantara.
• Bapak Fredy Purnomo S.Kom., MM., selaku Sekretaris Jurusan Teknik
vii
• Bapak Andreas Soegandi S.Kom., MM. selaku dosen pembimbing skripsi yang
telah berkenan meluangkan waktu, pikiran dan tenaga dalam memberikan bimbingan dan saran-saran pengarahan kepada penulis selama pembuatan skripsi hingga penyelesaian skripsi ini.
• Para dosen Universitas Bina Nusantara yang selama ini telah membekali penulis
dengan berbagai ilmu pengetahuan.
• Bapak Achmad Umar Mulachela , selaku Presiden Direktur PT. Loka Mampang
Indah Realty yang telah memberikan ijin kepada penulis untuk melakukan survei di gedung Perkantoran Hijau Arkadia.
• Ibu Rr. Nusye R.N Widyastuti, selaku Chief Tenant Relation & Facilities
Building Management Perkantoran Hijau Arkadia, yang telah berkenan untuk diwawancarai dan telah membantu dalam penyediaan data kepada penulis selama melakukan survei di Perkantoran Hijau Arkadia.
• Orang tua serta keluarga penulis yang selalu memberikan perhatian, doa dan
motivasi baik secara moril maupun materil selama penyusunan skripsi ini.
• Teman-teman , saudara , serta pihak-pihak lain yang telah memberikan dukungan
dan saran kepada penulis selama penulisan laporan ini.
Semoga Tuhan Yang Maha Esa melimpahkan berkat dan karunia atas segala budi baik yang telah diberikan. Penulis sangat berharap laporan ini dapat memberikan manfaat kepada mereka yang membutuhkannya.
Jakarta, 16 Januari 2007
viii
DAFTAR ISI
Halaman Judul LuarHalaman Judul Dalam
Halaman Persetujuan Hardcover i
Pernyataan Dewan Penguji ii
Abstrak v Prakata vi
Daftar Isi viii
Daftar Tabel xii
Daftar Gambar xiii
Daftar Lampiran xv
1.5 Sistematika Penulisan 5
BAB 2 LANDASAN TEORI 7
2.1 Multimedia 7
2.1.1 Elemen Multimedia 7
2.1.2 Struktur Navigasi 11
2.1.3 Penggunaan Aplikasi Multimedia 13
2.1.4 Prinsip Desain Layar 14
2.2 Interaksi Manusia Komputer 17
2.2.1 Lima Faktor Manusia Terukur 17
2.2.2 Delapan Aturan Emas 18
2.2.3 Waktu Respon 20
2.2.4 Kecepatan Tampil 20
2.2.5 Pedoman Waktu Respon 21
2.2.6 Warna 22
2.2.6.1 Pedoman Penggunaan Warna 22
2.2.7 Seleksi Menu 24
2.2.7.1 Single Menu 24
2.2.7.2 Linear Sequences dan Multiple Menus 26
2.3 Rekayasa Perangkat Lunak 27
2.3.1 Pengertian Perangkat Lunak 27
2.3.2 Karakteristik Perangkat Lunak 27
2.3.3 Pengertian Rekayasa Perangkat Lunak 28
ix
2.4 Sistem Basis Data 30
2.4.1 Model Database Relasional 31
2.4.1.1 Relasional Keys 31
2.4.2 Database Language 32
2.4.3 Pemodelan Data 33
2.4.3.1 Entity Relationship Diagram 33
2.5 Diagram Transisi Keadaan 35
2.6 Kios Informasi 36
2.7 Jaringan Telekomunikasi 36
2.7.1 Jenis-Jenis Jaringan Telekomunikasi 36
2.7.2 Topologi Jaringan 37
2.8 Metode Pengumpulan Data 38
BAB 3 ANALISIS DAN PERANCANGAN SISTEM 40
3.1 Analisis Perusahaan 40
3.1.1 Sejarah Perusahaan 40
3.1.2 Prosedur Sistem yang Berjalan 41
3.2 Analisis Kebutuhan 42
3.2.1 Analisis Hasil Kuisioner Pengunjung 42 3.2.2 Analisis Hasil Kuisioner Karyawan Tenant 46 3.2.3 Analisis Hasil Kuisioner Front-Officer 47
3.3 Identifikasi Kebutuhan 47
3.3.1 Kebutuhan Perkantoran Hijau Arkadia 47
3.3.2 Kebutuhan Tenant 48
3.3.3 Kebutuhan Pengunjung 49
3.3.4 Kebutuhan Karyawan Tenant 49
3.4 Identifikasi Permasalahan 50
3.5 Usulan Pemecahan Masalah 50
3.6 Rancangan Layar dan Spesifikasi Modul (Front-End) 52 3.6.1 Rancangan Layar Menu Utama (Home) 52
3.6.2 Rancangan Layar Menu Location 53
3.6.3 Rancangan Layar Location Details 57
3.6.4 Rancangan Layar Menu Facilities 58
3.6.5 Rancangan Layar Facilites Details 61 3.6.6 Rancangan Layar Menu News & Events 62
3.6.7 Rancangan Layar News Details 64
3.6.8 Rancangan Layar Menu Tenant News Login 65
3.6.9 Rancangan Layar Tenant News 67
3.6.10 Rancangan Layar Menu Public Facilities 68 3.6.11 Rancangan Layar Public Facilities Details 70
3.6.12 Rancangan Layar Menu Vacant Area 71
3.6.13 Rancangan Layar Vacant Area Data 73
3.6.14 Rancangan Layar Menu Help 74
3.7 Rancangan Layar dan Spesifikasi Modul (Back-End) 76 3.7.1 Rancangan Layar Menu Utama (Login) 76
3.7.2 Rancangan Layar Menu Home-Admin 77
x
3.7.4 Rancangan Layar Menu Admin Data 80
3.7.5 Rancangan Layar Menu Location 82
3.7.6 Rancangan Layar Menu Facilities 84
3.7.7 Rancangan Layar Menu News & Events 86
3.7.8 Rancangan Layar Menu Tenant News 88
3.7.9 Rancangan Layar Menu Public Facilities 90
3.7.10 Rancangan Layar Menu Vacant Area 92
3.7.11 Rancangan Layar Menu Help 94
3.8 Struktur Menu 96
3.8.1 Front End 96
3.8.2 Back End 97
3.9 Diagram Transisi Keadaan 98
3.9.1 Front End 98
3.9.2 Back End 99
3.10 Perancangan Database 100
3.10.1 Tabel msTenant 100
3.10.2 Tabel msLocation 100
3.10.3 Tabel msTower 100
3.10.4 Tabel msTenantNews 101
3.10.5 Tabel msFacilities 101
3.10.6 Tabel msType 102
3.10.7 Tabel msNews 102
3.10.8 Tabel msPublicFacilities 102
3.10.9 Tabel msPublicType 103
3.10.10 Tabel msVacantArea 103
3.10.11 Tabel msAdmin 103
3.10.12 Tabel msHelp 104
3.11 Entity Relationship Diagram 104
BAB 4 IMPLEMENTASI DAN EVALUASI 105
4.1 Implementasi 105
4.1.1 Perangkat Keras dan Perangkat Lunak Pengembangan Sistem 106 4.1.2 Perangkat Keras dan Perangkat Lunak Operasional Sistem 107
4.1.3 Kebutuhan Sumber Daya Manusia 108
4.2 Prosedur Penggunaan Aplikasi 108
4.2.1 Tampilan Layar Utama (Front-End) 108
4.2.2 Tampilan Layar Menu Location 109
4.2.3 Tampilan Layar Location Details 111
4.2.4 Tampilan Layar Menu Facilities 112
4.2.5 Tampilan Layar Facilities Details 114 4.2.6 Tampilan Layar Menu News & Events 115
4.2.7 Tampilan Layar News Details 116
4.2.8 Tampilan Layar Menu Tenant News Login 117
4.2.9 Tampilan Layar Tenant News 118
4.2.10 Tampilan Layar Menu Public Facilities 119 4.2.11 Tampilan Layar Public Facilities Details 120
xi
4.2.13 Tampilan Layar Vacant Area Data 122
4.2.14 Tampilan Layar Menu Help 123
4.2.15 Tampilan Layar Login (Back-End) 124
4.2.16 Tampilan Layar Home-Admin 125
4.2.17 Tampilan Layar Menu Tenant Data 126
4.2.18 Tampilan Layar Menu Admin Data 127
4.2.19 Tampilan Layar Menu Location 128
4.2.20 Tampilan Layar Menu Facilities 129
4.2.21 Tampilan Layar Menu News & Events 130
4.2.22 Tampilan Layar Menu Tenant News 131
4.2.23 Tampilan Layar Menu Public Facilities 132
4.2.24 Tampilan Layar Menu Vacant Area 133
4.2.25 Tampilan Layar Menu Help 134
4.3 Evaluasi Sistem 135
4.3.1 Evaluasi Penggunaan Sistem Oleh User 135 4.3.2 Evaluasi Sistem Berdasarkan Delapan Aturan Emas 138 4.3.3 Evaluasi Kelebihan dan Kekurangan Sistem 142
BAB 5 SIMPULAN DAN SARAN 143
5.1 Simpulan 143
5.2 Saran 144
xii
DAFTAR TABEL
Tabel 2.1 Foreground versus background colors 16
Tabel 2.2 Notasi Kardinalitas 34
Tabel 3.1 msTenant 100
Tabel 3.2 msLocation 100
Tabel 3.3 msTower 101
Tabel 3.4 msTenantNews 101
Tabel 3.5 msFacilities 101
Tabel 3.6 msType 102
Tabel 3.7 msNews 102
Tabel 3.8 msPublicFacilities 102
Tabel 3.9 msPublicType 103
Tabel 3.10 msVacant 103
Tabel 3.11 msAdmin 104
Tabel 3.12 msHelp 104
xiii
DAFTAR GAMBAR
Gambar 2.1 Linear Structure 12
Gambar 2.2 Hierarchical Structure 12
Gambar 2.3 Nonlinear Structure 12
Gambar 2.4 Composite Structure 13
Gambar 2.5 Model Proses Waterfall 29
Gambar 3.1 Diagram Hasil Kuisioner Pengunjung no.1 42 Gambar 3.2 Diagram Hasil Kuisioner Pengunjung no.2 43 Gambar 3.3 Diagram Hasil Kuisioner Pengunjung no.3 43 Gambar 3.4 Diagram Hasil Kuisioner Pengunjung no.4 44 Gambar 3.5 Diagram Hasil Kuisioner Pengunjung no.5 45 Gambar 3.6 Diagram Hasil Kuisioner Karyawan Tenant 46 Gambar 3.7 Diagram Hasil Kuisioner Front-Officer 47
Gambar 3.8 Rancangan Layar Menu Utama (Home) 52
Gambar 3.9 Rancangan Layar Location 53
Gambar 3.10 Rancangan Layar Search Location 55
Gambar 3.11 Rancangan Layar Menu Location Details 57
Gambar 3.12 Rancangan Layar Menu Facilities 58
Gambar 3.13 Rancangan Layar Search Faclities 59
Gambar 3.14 Rancangan Layar Facilities Details 61 Gambar 3.15 Rancangan Layar Menu News & Events 62
Gambar 3.16 Rancangan Layar News Details 64
Gambar 3.17 Rancangan Layar Menu Tenant News Login 65
Gambar 3.18 Rancangan Layar Tenant News 67
Gambar 3.19 Rancangan Layar Menu Public Facilities 68 Gambar 3.20 Rancangan Layar Public Facilities Details 70
Gambar 3.21 Rancangan Layar Menu Vacant Area 71
Gambar 3.22 Rancangan Layar Vacant Area Data 73
Gambar 3.23 Rancangan Layar Menu Help 74
Gambar 3.24 Rancangan Layar Menu Login 76
Gambar 3.25 Rancangan Layar Menu Home-Admin 77
Gambar 3.26 Rancangan Layar Menu Tenant Data 78
Gambar 3.27 Rancangan Layar Menu Admin Data 80
Gambar 3.28 Rancangan Layar Menu Location 82
Gambar 3.29 Rancangan Layar Menu Facilities 84
Gambar 3.30 Rancangan Layar Menu News & Events 86
Gambar 3.31 Rancangan Layar Menu Tenant News 88
Gambar 3.32 Rancangan Layar Menu Public Facilities 90
Gambar 3.33 Rancangan Layar Menu Vacant Area 92
Gambar 3.34 Rancangan Layar Menu Help 94
Gambar 3.35 Struktur Menu Front-End 96
Gambar 3.36 Struktur Menu Back-End 97
xiv
Gambar 3.38 STD Back-End 99
Gambar 3.39 Entity Relationship Diagram 104
Gambar 4.1 Toplogi Jaringan 106
Gambar 4.2 Tampilan Layar Utama 108
Gambar 4.3 Tampilan Layar Menu Location 109
Gambar 4.4 Tampilan Layar Search Location 110
Gambar 4.5 Tampilan Layar Location Details 111
Gambar 4.6 Tampilan Layar Menu Facilities 112
Gambar 4.7 Tampilan Layar Search Facilities 113
Gambar 4.8 Tampilan Layar Facilities Details 114 Gambar 4.9 Tampilan Layar Menu News & Events 115
Gambar 4.10 Tampilan Layar News Details 116
Gambar 4.11 Tampilan Layar Menu Tenant News Login 117
Gambar 4.12 Tampilan Layar Tenant News 118
Gambar 4.13 Tampilan Layar Menu Public Facilities 119 Gambar 4.14 Tampilan Layar Public Facilities Details 120 Gambar 4.15 Tampilan Layar Menu Vacant Area 121 Gambar 4.16 Tampilan Layar Vacant Area Data 122
Gambar 4.17 Tampilan Layar Menu Help 123
Gambar 4.18 Tampilan Layar Login-Admin 124
Gambar 4.19 Tampilan Layar Home-Admin 125
Gambar 4.20 Tampilan Layar Menu Tenant Data 126
Gambar 4.21 Tampilan Layar Menu Admin Data 127
Gambar 4.22 Tampilan Layar Menu Location 128
Gambar 4.23 Tampilan Layar Menu Facilities 129
Gambar 4.24 Tampilan Layar Menu News & Events 130 Gambar 4.25 Tampilan Layar Menu Tenant News 131 Gambar 4.26 Tampilan Layar Menu Public Facilities 132
Gambar 4.27 Tampilan Layar Menu Vacant Area 133
Gambar 4.28 Tampilan Layar Menu Help 134
xv
DAFTAR LAMPIRAN
Lampiran Kuisioner Pengunjung L1
Lampiran Kuisioner Karyawan Tenant L2
Lampiran Kuisioner Front-Officer L3