Institutional Repository | Satya Wacana Christian University: Perancangan dan Implementasi Sistem Layananinformasi Tata Letak Ruang Berbasis Web Studi Kasus FTI UKSW Salatiga
Perancangan dan Implementasi Sistem Layanan
Informasi Tata Letak Ruang Berbasis Web
Studi Kasus FTI UKSW Salatiga
SKRIPSI
Diajukan kepada
Fakultas Teknologi Informasi
untuk memperoleh Gelar Sarjana Komputer
Oleh :
Imanuel Dominggus Manuhuttu
NIM : 672006312
Program Studi Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Oktober 2011
Lembar Pengesahan
Judul Skripsi
:Perancangan Aplikasi Sistem Layanan Informasi
Mahasiswa Berbasis Web
Nama Mahasiswa
: Imanuel Dominggus Manuhuttu
NIM
: 672006312
Program Studi
: Teknik Informatika
Fakultas
: Teknologi Informasi
Menyetujui,
Suprihadi, S.Si., M.Kom.
Pembimbing I
Ramos Somya, S.Kom.
Pembimbing II
Pernyataan
Skripsi yang berikut ini:
Judul
:
Perancangan Aplikash Sistem Layanan
Informash Mahasiswa Berbasis Web Pada
UKSW Salatiga
Pembimbing
: 1. Suprihadi, S.Si., M.Kom.
2. Ramos Somya, S.Kom.
adalah benar hasil karya saya :
Nama
: Imanuel Dominggus Manuhuttu
NIM
: 672006312
Saya menyatakan tidak mengambil sebagian atau seluruhnya dari hasil
karya orang lain kecuali sebagaimana yang tertulis pada daftar
pustaka.
Pernyataan ini dibuat dengan sebenar-benarnya sesuai dengan
ketentuan yang berlaku dalam penulisan karya ilmiah.
Salatiga, November 2011
Imanuel Dominggus Manuhuttu
Prakata
Puji dan syukur serta kemuliaan penulis persembahkan kepada
Tuhan Yesus Kristus yang sungguh sangat baik, karena hanya dengan
penyertaan, kuasa dan perkenaan serta hikmat yang dianugerahkanNya kepada penulis, sehingga penulis dapat menyelesaikan penulisan
skripsi dengan judul ” Perancangan dan Implementasi Sistem
Layanan Informasi Tata Letak Ruang Berbasis Web Studi Kasus
FTI UKSW Salatiga
” dapat terselesaikan dengan baik. Terima kasih Tuhan atas semua
kebaikan-Mu.
Penulis menyadari akan pentingnya penyelesaian penulisan
skripsi ini untuk memperoleh gelar Sarjana Komputer pada Fakultas
Teknologi Informasi dengan Program Studi Teknik Informatika,
sehingga penulis berusaha dengan segala kemampuan yang ada untuk
menyelesaikan penulisan skripsi yang dimaksud.
Penulis mengucapkan terima kasih kepada segala pihak yang
telah membantu dan memberikan masukkan kepada penulis, guna
penyelesaian skripsi ini. Penulis ingin menghaturkan ungkapan terima
kasih yang setulusnya kepada:
1. Andeka Rocky Tanaamah, S.E., M.Cs., selaku Dekan Fakultas
Teknologi Informasi Universitas Kristen Satya Wacana.
2.
Dian W. Chandra, S.Kom., M.Cs., selaku Ketua Program Studi
Teknik Informatika Fakultas Teknologi Informasi, Universitas
Kristen Satya Wacana.
3.
Suprihadi, S.Si., M.Kom., selaku pembimbing satu yang telah
meluangkan waktu dalam membimbing penulis dalam segi
penulisan dan masukan-masukan demi perbaikan penulisan.
4.
Ramos Somya, S.Kom., selaku pembimbing dua yang telah
meluangkan waktu dalam membimbing penulis dalam segi
penulisan dan masukan-masukan demi perbaikan penulisan.
5.
Keluarga yang selalu memberi dukangan doa dan semangat
kepada penulis.
6.
Daniel Alexsander beserta keluarga yang memberi dukungan doa
dan semangat kepada penulis dalam penulisan Skripsi.
7.
Teman-teman seperjuangan Francisko, Alpha, Desy, Yusri, Erma,
Vico, Grace, Eva, Ida, Alvin, Marsel, Priska.
8.
Teman-teman seangkatan 2006 yang telah memberikan dukungan
selama penulis menyelesaikan skripsi.
9.
Teman-teman kost Eltorro Sudarmadi, Azarias, Yosi, Nelfriest,
Yessaya, Derajat, Yusak, Rolly, Nicholai, Nicho, Abin Tri,
Samuel, Remon, dan Daniel. Terima kasih telah memberi support
dalam penyelesaian penulisan ini. Sukses selalu buat kalian.
10. Teman-teman sefakultas daerah. Sukses buat kalian.
11. Penulis menyadari masih begitu banyak kekurangan dalam
penulisan skripsi ini, oleh karena itu penulis mengharapkan kritik
maupun saran yang membangun agar penulis bisa berkembang
dan berkarya lebih baik lagi khususnya dalam bidang teknologi
informasi.
Salatiga, November 2011
Penulis
Daftar Isi
Halaman Judul .................................................................................i
Halaman Pengesahan.........................................................................
iiHalaman Pernyataan.............................................iii
Prakata .............................................................................................iv
Daftar Isi............................................................................................vi
Daftar Tabel ......................................................................................viii
Daftar Gambar ..................................................................................ix
Daftar Kode Program ........................................................................x
Daftar Istilah......................................................................................xi
Abstract .............................................................................................xii
Bab 1
Pendahuluan ...............................................................1
1.1 Latar Belakang ....................................................1
1.2 Rumusan Masalah ...............................................2
1.3 Tujuan dan Manfaat ............................................2
1.4 Batasan Masalah .................................................2
1.5 Sistematika Penulisan .........................................3
Bab 2
Tinjauan Pustaka .......................................................5
2.1 Penelitian Sebelunya............................................5
2.2 Pengertian Multimedia ........................................6
2.3 Script Flash .........................................................7
2.4 PHP ( Hipertext Ptrprocessor ).............................7
2.5 Pengertian Informasi ...........................................8
2.6 Database ..............................................................9
2.7 MySQL ................................................................10
2.8 Pengertian Peta atau Map ....................................11
2.8.1 Ruang Desain 2 Dimensi ........................11
2.8.2 Ruang Desain 3 Dimensi ........................12
Bab 3
Metode Perancangan Sistem .....................................13
3.1 Model Proses yang Digunakan ...........................13
3.2 Analisa Kebutuhan ..............................................14
3.2.1 Pengumpulan Data ..................................14
3.2.2 Analisis Kebutuhan Hardware dan
Software ..................................................15
3.2.3 Analisis Kebutuhan Input .......................15
3.2.4 Analisis Kebutuhan Proses .....................16
3.3 Perancangan Sistem.............................................16
3.3.1 Perancangan Proses..................................16
3.3.1.1 Flowchart.....................................17
Bab 4
3.3.1.2 Perancangan DFD........................18
3.3.1.3 Perancangan ERD........................22
3.3.2. Perancangan Proses..................................24
3.3.3. Perancangan Tampilan Aplikasi..............24
3.3.4. Perancangan Struktur Tabel Data............32
3.3.4. Disain Map...............................................37
Hasil dan Pembahasan ..............................................39
4.1 Implementasi .......................................................39
4.1.1 Implementasi Database...........................39
4.1.2 Halaman Login.........................................39
4.1.3 Halaman Profil Admin Utama..................41
4.1.4 Halaman Tambah Dosen..........................42
4.1.5 Halaman Data Dosen...............................43
4.1.6 Halaman Edit Dosen................................44
4.1.7 Halaman Upload Gambar........................45
4.1.8 Halaman Edit Ruangan Dosen.................46
4.1.9 Halaman Pencarian..................................46
4.1.10 Halaman Denah Ruangan........................47
4.2 Hasil dan Perancangan ........................................47
4.3 Pengujian Aplikasi ..............................................57
4.3.1 Analisis Untuk Kinerja Aplikasi..............57
4.3.2 Penggunaan Metode Black Box...............58
4.2.3 Analisis Penggunaan Black Box...............59
Bab 5
Kesimpulan dan Saran ..............................................61
5.1 Kesimpulan..........................................................61
5.2 Saran dan Pengembangan ...................................61
Daftar Pustaka .................................................................................63
Daftar Tabel
Tabel 3.1
Tabel 3.2
Tabel 3.3
Tabel 3.4
Tabel 3.5
Tabel 3.6
Tabel 3.3
Tabel 4.1
Tabel 4.2
Tabel Dosen.....................................................................33
Tabel Ruangan.................................................................34
Tabel Fakultas..................................................................34
Tabel Gambar...................................................................35
Tabel Gedung...................................................................36
Tabel Lantai_gedung.......................................................36
Tabel Login......................................................................37
Pengujian Tabel Admin....................................................58
Pengujian Tabel User.......................................................59
Daftar Gambar
Gambar 2.1
Gambar 2.2
Gambar 3.1
Gambar 3.2
Gambar 3.3
Gambar 3.4
Gambar 3.5
Gambar 3.6
Gambar 3.7
Gambar 3.8
Gambar 3.9
Gambar 3.10
Gambar 3.11
Gambar 3.12
Gambar 3.13
Gambar 3.14
Gambar 3.15
Gambar 3.16
Gambar 3.17
Gambar 4.1
Gambar 4.2
Gambar 4.3
Gambar 4.4
Gambar 4.5
Gambar 4.6
Gambar 4.7
Gambar 4.8
Gambar 4.9
2D...............................................................................12
3D...............................................................................12
Bagan Prototyping Model .........................................13
Flowchart pencarian ruangan...................................18
Diagram DFD Level Konteks ( Level 0 )..................20
Diagram DFD Level 1...............................................20
Diagram DFD Level 2 Proses login...........................21
Diagram DFD Level 2 Proses Pengelolaan Data.......22
Entity Relationship Diagram (ERD)..........................23
Form Login................................................................24
Desain Tampilan Utama............................................26
Denah Ruangan A101................................................26
Admin Utama.............................................................27
Input Data Fakultas....................................................28
Input Data Dosen.......................................................29
Input Data Gedung.....................................................30
Input Data Ruangan...................................................31
Menu Edit Data..........................................................32
Peta UKSW................................................................38
Halaman Login...........................................................40
Halaman Admin ........................................................41
Halaman Tambah Dosen ...........................................42
Halaman Data Dosen................................................43
Halaman Edit Dosen .................................................44
Halaman Upload Gambar..........................................45
Halaman Edit Ruangan Dosen ..................................46
Halaman Pencarian....................................................46
Halaman Denah Ruang..............................................47
Daftar Kode Program
Kode Program 4.1
Kode Program 4.2
Kode Program 4.3
Kode Program 4.4
Kode Program 4.5
Kode Program 4.6
Kode Program 4.7
Kode Program 4.8
Kode Program 4.9
Kode Program 4.10
Kode Program 4.11
Perintah Database.............................................48
Validasi Password (periksa).............................49
Fungsi Dosen Admin (Administrator)...............50
Edit Dosen.........................................................51
Hapus Data........................................................52
Tambah Gambar................................................53
Session..............................................................53
Edit Data...........................................................54
Menu Search.....................................................55
Search...............................................................55
Tampilan Denah Ruangan Dosen.....................57
Daftar Istilah
LIM
PHP
DFD
ERD
HTML
HTTP
: Layanan Informasi Mahasiswa
: Hypertext Preprocessor
: Data Flow Diagram
: Entity Relationship Diagram
: HyperText Markup Language
: HyperText Transfer Protocol
Abstract
The lecturer’s rooms of Faculty of Information Technology
are spread on two different locations. The room’s position becomes a
big problem for the new students, parents of the students, society in
general even the old students to find. The expected solution for this
problem is to search the room layout. To overcome this problem there
is an application using a PHP application which is designed to
accomodate data of the lecturers, room’s, and equipped with a sketch.
The system is built using PHP that can be accessed online. The result
of this research is an application which provides information about
the environment of Faculty of Information Technology which is
equipped with searching tools.
Keywords : Web, PHP, sketch
Informasi Tata Letak Ruang Berbasis Web
Studi Kasus FTI UKSW Salatiga
SKRIPSI
Diajukan kepada
Fakultas Teknologi Informasi
untuk memperoleh Gelar Sarjana Komputer
Oleh :
Imanuel Dominggus Manuhuttu
NIM : 672006312
Program Studi Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Oktober 2011
Lembar Pengesahan
Judul Skripsi
:Perancangan Aplikasi Sistem Layanan Informasi
Mahasiswa Berbasis Web
Nama Mahasiswa
: Imanuel Dominggus Manuhuttu
NIM
: 672006312
Program Studi
: Teknik Informatika
Fakultas
: Teknologi Informasi
Menyetujui,
Suprihadi, S.Si., M.Kom.
Pembimbing I
Ramos Somya, S.Kom.
Pembimbing II
Pernyataan
Skripsi yang berikut ini:
Judul
:
Perancangan Aplikash Sistem Layanan
Informash Mahasiswa Berbasis Web Pada
UKSW Salatiga
Pembimbing
: 1. Suprihadi, S.Si., M.Kom.
2. Ramos Somya, S.Kom.
adalah benar hasil karya saya :
Nama
: Imanuel Dominggus Manuhuttu
NIM
: 672006312
Saya menyatakan tidak mengambil sebagian atau seluruhnya dari hasil
karya orang lain kecuali sebagaimana yang tertulis pada daftar
pustaka.
Pernyataan ini dibuat dengan sebenar-benarnya sesuai dengan
ketentuan yang berlaku dalam penulisan karya ilmiah.
Salatiga, November 2011
Imanuel Dominggus Manuhuttu
Prakata
Puji dan syukur serta kemuliaan penulis persembahkan kepada
Tuhan Yesus Kristus yang sungguh sangat baik, karena hanya dengan
penyertaan, kuasa dan perkenaan serta hikmat yang dianugerahkanNya kepada penulis, sehingga penulis dapat menyelesaikan penulisan
skripsi dengan judul ” Perancangan dan Implementasi Sistem
Layanan Informasi Tata Letak Ruang Berbasis Web Studi Kasus
FTI UKSW Salatiga
” dapat terselesaikan dengan baik. Terima kasih Tuhan atas semua
kebaikan-Mu.
Penulis menyadari akan pentingnya penyelesaian penulisan
skripsi ini untuk memperoleh gelar Sarjana Komputer pada Fakultas
Teknologi Informasi dengan Program Studi Teknik Informatika,
sehingga penulis berusaha dengan segala kemampuan yang ada untuk
menyelesaikan penulisan skripsi yang dimaksud.
Penulis mengucapkan terima kasih kepada segala pihak yang
telah membantu dan memberikan masukkan kepada penulis, guna
penyelesaian skripsi ini. Penulis ingin menghaturkan ungkapan terima
kasih yang setulusnya kepada:
1. Andeka Rocky Tanaamah, S.E., M.Cs., selaku Dekan Fakultas
Teknologi Informasi Universitas Kristen Satya Wacana.
2.
Dian W. Chandra, S.Kom., M.Cs., selaku Ketua Program Studi
Teknik Informatika Fakultas Teknologi Informasi, Universitas
Kristen Satya Wacana.
3.
Suprihadi, S.Si., M.Kom., selaku pembimbing satu yang telah
meluangkan waktu dalam membimbing penulis dalam segi
penulisan dan masukan-masukan demi perbaikan penulisan.
4.
Ramos Somya, S.Kom., selaku pembimbing dua yang telah
meluangkan waktu dalam membimbing penulis dalam segi
penulisan dan masukan-masukan demi perbaikan penulisan.
5.
Keluarga yang selalu memberi dukangan doa dan semangat
kepada penulis.
6.
Daniel Alexsander beserta keluarga yang memberi dukungan doa
dan semangat kepada penulis dalam penulisan Skripsi.
7.
Teman-teman seperjuangan Francisko, Alpha, Desy, Yusri, Erma,
Vico, Grace, Eva, Ida, Alvin, Marsel, Priska.
8.
Teman-teman seangkatan 2006 yang telah memberikan dukungan
selama penulis menyelesaikan skripsi.
9.
Teman-teman kost Eltorro Sudarmadi, Azarias, Yosi, Nelfriest,
Yessaya, Derajat, Yusak, Rolly, Nicholai, Nicho, Abin Tri,
Samuel, Remon, dan Daniel. Terima kasih telah memberi support
dalam penyelesaian penulisan ini. Sukses selalu buat kalian.
10. Teman-teman sefakultas daerah. Sukses buat kalian.
11. Penulis menyadari masih begitu banyak kekurangan dalam
penulisan skripsi ini, oleh karena itu penulis mengharapkan kritik
maupun saran yang membangun agar penulis bisa berkembang
dan berkarya lebih baik lagi khususnya dalam bidang teknologi
informasi.
Salatiga, November 2011
Penulis
Daftar Isi
Halaman Judul .................................................................................i
Halaman Pengesahan.........................................................................
iiHalaman Pernyataan.............................................iii
Prakata .............................................................................................iv
Daftar Isi............................................................................................vi
Daftar Tabel ......................................................................................viii
Daftar Gambar ..................................................................................ix
Daftar Kode Program ........................................................................x
Daftar Istilah......................................................................................xi
Abstract .............................................................................................xii
Bab 1
Pendahuluan ...............................................................1
1.1 Latar Belakang ....................................................1
1.2 Rumusan Masalah ...............................................2
1.3 Tujuan dan Manfaat ............................................2
1.4 Batasan Masalah .................................................2
1.5 Sistematika Penulisan .........................................3
Bab 2
Tinjauan Pustaka .......................................................5
2.1 Penelitian Sebelunya............................................5
2.2 Pengertian Multimedia ........................................6
2.3 Script Flash .........................................................7
2.4 PHP ( Hipertext Ptrprocessor ).............................7
2.5 Pengertian Informasi ...........................................8
2.6 Database ..............................................................9
2.7 MySQL ................................................................10
2.8 Pengertian Peta atau Map ....................................11
2.8.1 Ruang Desain 2 Dimensi ........................11
2.8.2 Ruang Desain 3 Dimensi ........................12
Bab 3
Metode Perancangan Sistem .....................................13
3.1 Model Proses yang Digunakan ...........................13
3.2 Analisa Kebutuhan ..............................................14
3.2.1 Pengumpulan Data ..................................14
3.2.2 Analisis Kebutuhan Hardware dan
Software ..................................................15
3.2.3 Analisis Kebutuhan Input .......................15
3.2.4 Analisis Kebutuhan Proses .....................16
3.3 Perancangan Sistem.............................................16
3.3.1 Perancangan Proses..................................16
3.3.1.1 Flowchart.....................................17
Bab 4
3.3.1.2 Perancangan DFD........................18
3.3.1.3 Perancangan ERD........................22
3.3.2. Perancangan Proses..................................24
3.3.3. Perancangan Tampilan Aplikasi..............24
3.3.4. Perancangan Struktur Tabel Data............32
3.3.4. Disain Map...............................................37
Hasil dan Pembahasan ..............................................39
4.1 Implementasi .......................................................39
4.1.1 Implementasi Database...........................39
4.1.2 Halaman Login.........................................39
4.1.3 Halaman Profil Admin Utama..................41
4.1.4 Halaman Tambah Dosen..........................42
4.1.5 Halaman Data Dosen...............................43
4.1.6 Halaman Edit Dosen................................44
4.1.7 Halaman Upload Gambar........................45
4.1.8 Halaman Edit Ruangan Dosen.................46
4.1.9 Halaman Pencarian..................................46
4.1.10 Halaman Denah Ruangan........................47
4.2 Hasil dan Perancangan ........................................47
4.3 Pengujian Aplikasi ..............................................57
4.3.1 Analisis Untuk Kinerja Aplikasi..............57
4.3.2 Penggunaan Metode Black Box...............58
4.2.3 Analisis Penggunaan Black Box...............59
Bab 5
Kesimpulan dan Saran ..............................................61
5.1 Kesimpulan..........................................................61
5.2 Saran dan Pengembangan ...................................61
Daftar Pustaka .................................................................................63
Daftar Tabel
Tabel 3.1
Tabel 3.2
Tabel 3.3
Tabel 3.4
Tabel 3.5
Tabel 3.6
Tabel 3.3
Tabel 4.1
Tabel 4.2
Tabel Dosen.....................................................................33
Tabel Ruangan.................................................................34
Tabel Fakultas..................................................................34
Tabel Gambar...................................................................35
Tabel Gedung...................................................................36
Tabel Lantai_gedung.......................................................36
Tabel Login......................................................................37
Pengujian Tabel Admin....................................................58
Pengujian Tabel User.......................................................59
Daftar Gambar
Gambar 2.1
Gambar 2.2
Gambar 3.1
Gambar 3.2
Gambar 3.3
Gambar 3.4
Gambar 3.5
Gambar 3.6
Gambar 3.7
Gambar 3.8
Gambar 3.9
Gambar 3.10
Gambar 3.11
Gambar 3.12
Gambar 3.13
Gambar 3.14
Gambar 3.15
Gambar 3.16
Gambar 3.17
Gambar 4.1
Gambar 4.2
Gambar 4.3
Gambar 4.4
Gambar 4.5
Gambar 4.6
Gambar 4.7
Gambar 4.8
Gambar 4.9
2D...............................................................................12
3D...............................................................................12
Bagan Prototyping Model .........................................13
Flowchart pencarian ruangan...................................18
Diagram DFD Level Konteks ( Level 0 )..................20
Diagram DFD Level 1...............................................20
Diagram DFD Level 2 Proses login...........................21
Diagram DFD Level 2 Proses Pengelolaan Data.......22
Entity Relationship Diagram (ERD)..........................23
Form Login................................................................24
Desain Tampilan Utama............................................26
Denah Ruangan A101................................................26
Admin Utama.............................................................27
Input Data Fakultas....................................................28
Input Data Dosen.......................................................29
Input Data Gedung.....................................................30
Input Data Ruangan...................................................31
Menu Edit Data..........................................................32
Peta UKSW................................................................38
Halaman Login...........................................................40
Halaman Admin ........................................................41
Halaman Tambah Dosen ...........................................42
Halaman Data Dosen................................................43
Halaman Edit Dosen .................................................44
Halaman Upload Gambar..........................................45
Halaman Edit Ruangan Dosen ..................................46
Halaman Pencarian....................................................46
Halaman Denah Ruang..............................................47
Daftar Kode Program
Kode Program 4.1
Kode Program 4.2
Kode Program 4.3
Kode Program 4.4
Kode Program 4.5
Kode Program 4.6
Kode Program 4.7
Kode Program 4.8
Kode Program 4.9
Kode Program 4.10
Kode Program 4.11
Perintah Database.............................................48
Validasi Password (periksa).............................49
Fungsi Dosen Admin (Administrator)...............50
Edit Dosen.........................................................51
Hapus Data........................................................52
Tambah Gambar................................................53
Session..............................................................53
Edit Data...........................................................54
Menu Search.....................................................55
Search...............................................................55
Tampilan Denah Ruangan Dosen.....................57
Daftar Istilah
LIM
PHP
DFD
ERD
HTML
HTTP
: Layanan Informasi Mahasiswa
: Hypertext Preprocessor
: Data Flow Diagram
: Entity Relationship Diagram
: HyperText Markup Language
: HyperText Transfer Protocol
Abstract
The lecturer’s rooms of Faculty of Information Technology
are spread on two different locations. The room’s position becomes a
big problem for the new students, parents of the students, society in
general even the old students to find. The expected solution for this
problem is to search the room layout. To overcome this problem there
is an application using a PHP application which is designed to
accomodate data of the lecturers, room’s, and equipped with a sketch.
The system is built using PHP that can be accessed online. The result
of this research is an application which provides information about
the environment of Faculty of Information Technology which is
equipped with searching tools.
Keywords : Web, PHP, sketch