APLIKASI WEB PEMESANAN GEDUNG AULA PADA SMK
NEGERI 3 PALEMBANG
LAPORAN AKHIR
Disusun Untuk Memenuhi Syarat Menyelesaikan Pendidikan Diploma III Jurursan Manajemen Informatika
Politeknik Negeri Sriwijaya
Oleh :
Novilia Nur Fadillah 0613 3080 1326
MANAJEMEN INFORMATIKA
POLITEKNIK NEGERI SRIWIJAYA
iii
KATA PENGANTAR
Puji dan syukur penulis haturkan kepada Allah SWT,karena atas berkat rahmat
dan karuniaNya, penulis dapat menyelesaikan Laporan Kerja Praktek yang
berjudul “Aplikasi Web Pemesanan Gedung Aula pada SMK Negeri 3 Palembang”. Tujuan dari penyusunan Laporan akhir ini adalah sebagai salah satu syarat untuk menyelesaikan program Diploma III pada Program Studi Manajemen
Informatika di Politeknik Negeri Sriwijaya.
Pada kesempatan ini perkenankanlah penulis menyampaikan ucapan
terimakasih kepada semua pihak yang telah membantu, membimbing, dan
memberikan motivasi, baik berupa material maupun spiritual. Penulis
mengucapkan terimakasih atas ketabahan dan kesabaran dengan segala usaha dan do’anya dalam menyelesaikan Laporan Akhir Ini.Pada kesempatan ini juga penulis ingin mengucapkan terimakasih kepada:
1. Allah SWT atas segala rahmat, ridho dan karunia yang diberikan.
2. Bapak Dr. Ing Ahmad Taqwa, M.T selaku Direktur Politeknik Negeri
6. Bapak DrsZakaria, MPd selaku Pembantu Direktur IV Politeknik Negeri
Sriwijaya Palembang.
7. Bapak Indra Satriadi, S.T., M.Kom selaku Ketua Jurusan Manajemen
Informatika Politeknik Negeri Sriwijaya Palembang.
8. Bapak Sony Oktapriandi, S.Kom, M.Kom selaku Sekretaris Jurusan
iv
9. Ibu Henny Madora, S.Kom, M.M selaku Dosen Pembimbing I dalam
pembuatan Laporan Akhir.
10.Muhammad Aris Ganiardi, S.Si., M.T. selaku Dosen Pembimbing II dalam
pembuatan Laporan Akhir.
11.Bapak dan Ibu dosen pengajar di jurusan Manajemen Informatika yang telah
memberikan pengarahan dan ilmu yang bermanfaat.
12.Seluruh pegawai SMK Negeri 3 Palembang, khususnya bagian unit produksi.
13.Kedua orang tua dan saudara tercinta yang telah memberikan doa dan
semangat pada saya.
14.Semangat terbesar ku sekaligus cita-cita ku Kim Ryeowook.
15.Wanita-wanita terhebat ku, Alay Girls dan Strong Girls
16.Teman–teman seperjuangan jurusan Manajemen Informatika, khususnya
Kelas 6.ID.
17.Semua pihak yang telah membantu dalam penyelesaian laporan akhir ini.
Penulis menyadari bahwa dalam penulisan Laporan Akhir ini masih terdapat
kesalahan dan kekurangan, untuk itu penulis mengharapkan kritik dan saran yang
bersifat membangun agar lebih baik pada masa yang akan datang. Akhir kata
penulis berharap semoga Laporan Akhir ini bermanfaat bagi semua pihak yang
membutuhkannya.
Palembang, Juli 2016
v
Motto Dan Persembahan
MOTTO:
Before you judge me, try hard to love me (Kim Ryeowook)
Pengetahuan adalah harta, tetapi mempraktikkannya adalah kunci dari harta itu. (Ibnu Khaldun Al Muqaddima (1332-1406)).
Wanita akan terlihat cantik saat mereka melakukan apa yang mereka sukai
Penulis mempersembahkan kepada :
Kedua orang tua yang saya cintai dan sayangi Keluarga dan saudara ku
Bapak / Ibu Dosen Manajemen Informatika yang
telah membimbing saya
My future KIM RYEOWOOK Alay Girls and Strong Girls
Sahabat–sahabat seperjuangan 6 ID Almamater POLSRI
vi ABSTRACK
Hall Building of Vacational High School Number 3 Palembang used
manua system for booking. Writer want to give easy manner to solve this problem
by using PHP programming and MySQL to booking hall building of SMK Negeri
3 Palembang. Research methods that writer used are interview and observation.
The Result of this application can help customer for booking Hall building. The
writer hopes this application can help for booking process of SMK Negeri 3 Palembang’s Hall Building fastly and easily.
vii
ABSTRAK
Gedung aula SMK Negeri 3 Palembang masih menggunakan sistem
manual dalam melakukan proses pemesanan nya. Penulis bermaksud memberikan
solusi terbaik untuk mengatasi masalah ini dengan memanfaatkan pemrograman
PHP dan MySQL untuk proses pemesanan gedung aula SMK Negeri 3 Palembang.
Metode penilitian yang penulis gunakan adalah wawancara dan observasi. Hasil
dari penerapan aplikasi ini dapat membantu konsumen dalam melakukan proses
pemesanan gedung aula. Penulis berharap dengan adanya aplikasi ini konsumen
dapat melakukan proses pemesanan gedung aula SMK Negeri 3 Palembang
dengan mudah dan cepat.
viii DAFTAR ISI
Halaman
HALAMAN JUDUL ... . i
MOTTO DAN PERSEMBAHAN ... ii
ABSTRAK…... ... iii
ABSTRACT... iv
KATA PENGANTAR ... v
DAFTAR ISI ... vii
DAFTAR TABEL... xi
DAFTAR GAMBAR ... xiv
BAB I PENDAHULUAN 1.1. Latar Belakang ... 1
1.2. Perumusan Masalah ... 2
1.3. Batasan Masalah... 3
1.4. Tujuan dan Manfaat ... 3
1.4.1. Tujuan ... 3
1.4.2. Manfaat ... 4
1.5. MetodologiPenelitian ... 4
1.5.1. LokasiPenelitiandanWaktuPelaksanaan ... 4
1.5.2. MetodePengumpulan Data ... 4
1.6. SistematikaPenulisan... 5
BAB II TINJAUAN PUSTAKA 2.1. TeoriUmum ... 7
2.1.1. PengertianFramework ... 7
2.1.2. PengertianCodeIgniter ... 7
ix
2.2. Teori Khusus ... 9
2.2.1. PengertianPemrogramanBerorientasiObjek ... 9
2.2.2. MetodologiRUP (Rational Unifed Process) ... 9
2.2.3. PenerapanTahapMetodologiPengembanganPerangkat dengan RUP ... 9
2.2.4. Pengertian UML (Unifed Modeling Language) ... 10
2.2.5. Macam-Macam Diagram UML ... 10
2.2.6. Pengertian Diagram Use Case ... 11
2.2.7. Pengertian Diagram Kelas ... 13
2.2.8. Pengertian Diagram Aktivitas ... 14
2.2.9. Pengertian Diagram Sekuen ... 16
2.3.6. Pengertian Aplikasi Web Pemesanan Gedung Aula pada SMK Negeri 3 Palembang ... 19
2.4. Teori Program... ... ... 20
2.4.1. Pengertian PhpMyAdmin ... 20
2.4.2. Pengertian HTML (Hypertext Markup Language) ... 20
2.4.3. Pengertian XAMPP ... 20
2.4.4. Pengertian Cascading Style Sheet(CSS) ... 20
x BAB III GAMBARAN UMUM SEKOLAH
3.1. SejarahSingkat SMK Negeri 3 Palembang ... 24
3.2. VisidanMisi SMK Negeri 3 Palembang ... 25
3.2.1. Visi SMK Negeri 3 Palembang ... 25
3.2.2. Misi SMK Negeri 3 Palembang ... 25
3.3. Tujuan ... 25
3.4. KebijakanMutu ... 26
3.5. StrukturOrganisasidanUraianTugas ... 26
3.5.1. StrukturOrganisasi SMK Negeri 3 Palembang ... 26
3.5.2. PembagianTugaspada SMK Negeri 3 Palembang... 28
3.6. Sistem yang SedangBerjalan ... 42
BAB IV HASIL DAN PEMBAHASAN 4.1. RuangLingkupSistemdanStudiKelayakan... 49
4.1.1. RuangLingkupSistem ... 49
4.1.2. StudiKelayakan ... 49
4.2. TempatdanWaktuPelatihan ... 51
4.3. AlatdanBahan ... 51
4.3.1. Alat ... 51
4.3.2. Bahan ... 52
4.4. Sistem yang Akan Dibangun ... 52
4.5. MetodePengembanganSistem ... 53
4.5.1. Face Inception ... 53
4.5.1.1. DeskripsiUmumPerangkatLunak ... 53
4.5.1.2. MetodeKebutuhan ... 53
4.5.1.3. KebutuhanFungsional ... 54
4.5.1.4. Kebutuhan Non Fungsional ... 54
4.5.1.5. Diagram Use Case ... 55
4.5.2. Face Elaboration ... 107
4.5.2.1. AnalisisdanDesign ... 107
xi
4.5.2.3. Diagram Aktivitas ... 109
4.5.2.4. Diagram Sekuensial ... 127
4.5.2.5. Kamus Data ... 147
4.5.2.6. RancanganTampilan ... 150
4.5.3. FaseConstuction ... 168
4.5.3.1. TampilanAplikasi ... 169
4.5.4. FaceTransition ... 186
4.5.4.1. ProsedurPengujian ... 186
4.5.4.2. PengujianSistem ... 188
4.5.4.3. HasilPengujian ... 210
BAB V KESIMPULAN DAN SARAN 5.1. Kesimpulan ... 211
5.2. Saran ... 212
xii
DAFTAR GAMBAR
Halaman
Gambar 2.1 Diagram UML... 11
Gambar 2.2 Logo Dreamweaver CS4 ………21
Gambar 2.3 TampilanLogo PHP ………22
Gambar 2.2 ContohScriptPHP ………23
Gambar 3.1 Struktur Organisasi SMK Negeri 3 Palembang ………27
Gambar 3.2 Sistem yang sedangberjalanpada SMK Negeri 3 Palembang………. 42
Gambar 4.1 Diagram Use Case ...55
Gambar 4.2 Diagram Kelas ...102
Gambar 4.3 Diagram Aktivitas Use Case ‘Register Member’……… ..103
Gambar 4.4 Diagram AktivitasUse Case ‘Login Konsumen’ ……….104
Gambar 4.5 Diagram AktivitasUse Case ‘Login Admin’ ...105
Gambar 4.6 Diagram AktivitasUse Case ‘Browser Data Gedung’ ...106
Gambar 4.7 Diagram AktivitasUse Case ‘Edit DataGedung’ ...106
Gambar 4.8 Diagram AktivitasUse Case ‘Cari Data Gedung’………...107
Gambar4.9 Diagram AktivitasUse Case ‘Browser data wo’………..107
Gambar 4.10 Diagram AktivitasUse Case ‘Tambah data wo’………108
Gambar 4.11 Diagram AktivitasUse Case ‘Edit data wo’………..108
Gambar 4.12 Diagram AktivitasUse Case ‘Hapus data wo’………...109
Gambar 4.13 Diagram AktivitasUse Case ‘Cari data wo’ ...110
Gambar 4.14 Diagram AktivitasUse Case ‘Browser data paketwo’ ...110
Gambar 4.15 Diagram AktivitasUse Case ‘TambahPaketwo’ ...111
Gambar 4.16 Diagram AktivitasUse Case ‘Edit paketwo’ ...111
Gambar 4.17 Diagram AktivitasUse Case ‘Hapuspaketwo’ ...112
Gambar 4.18 Diagram AktivitasUse Case ‘Cari data paketwo’ ...113
Gambar 4.19 Diagram AktivitasUse Case ‘Browser data member’ ...113
Gambar 4.20 Diagram AktivitasUse Case ‘Cari data member’ ...114
Gambar 4.21 Diagram AktivitasUse Case ‘Hapus data member’ ...114
Gambar 4.22 Diagram AktivitasUse Case ‘Browser data pemesanangedung ....115
xiii
Gambar 4.24 Diagram AktivitasUse Case ‘Browser data pemesananwo’...116
Gambar 4.25 Diagram AktivitasUse Case ‘Hapuspemesananwo’...116
Gambar 4.26 Diagram AktivitasUse Case ‘Caripemesananwo’ ...117
Gambar 4.27 Diagram AktivitasUse Case ‘Pemesanangedung’ ...117
Gambar 4.28 Diagram AktivitasUse Case ‘Pemesananwedding organizer’...118
Gambar 4.29 Diagram AktivitasUse Case ‘Konfirmasipembayaran’...118
Gambar 4.30 Diagram AktivitasUse Case ‘Cetakbuktikonfirmasi’ ...119
Gambar 4.31 Diagram AktivitasUse Case ‘Mengubah statuspembayaran’ ...119
Gambar 4.32 Diagram AktivitasUse Case ‘Laporan’ ...120
Gambar 4.33 Diagram AktivitasUse Case ‘Logout Konsumen’...120
Gambar 4.34 Diagram AktivitasUse Case ‘Logout Admin’ ...121
Gambar 4.35 Diagram SekuensialUse Case ‘Register member’ ...121
Gambar 4.36 Diagram SekuensialUse Case ‘login’ Admin ...122
Gambar 4.37 Diagram Sekuensial Use Case ‘login’Konsumen... 122
Gambar 4.38 Diagram Sekuensial Use Case ‘browser data gedung’...123
Gambar 4.39 Diagram Sekuensial Use Case ‘edit data gedung’...123
Gambar 4.40 Diagram Sekuensial Use Case ‘cari data gedung’...124
Gambar 4.41 Diagram Sekuensial ‘browser data wo’...124
Gambar 4.42 Diagram Sekuensial ‘tambah data wo’………..125
Gambar 4.43 Diagram Sekuensial Use Case ‘edit data wo’………126
Gambar 4.44 Diagram Sekuensial Use Case ‘Hapus data wo’...127
Gambar 4.45 Diagram Sekuensial Use Case ‘cari data wo’………...128
Gambar 4.46 Diagram Sekuensial Use Case ‘browser data paketwo’ …………128
Gambar 4.47 Diagram Sekuensial Use Case ‘tambahpaketwo’………129
Gambar 4.48 Diagram Sekuensial Use Case‘edit paket wo’ ……….130
Gambar 4.49 Diagram Sekuensial Use Case ‘hapus paket wo’... 131
Gambar 4.50 Diagram Sekuensial Use Case ‘cari paket wo’... 132
Gambar 4.51 Diagram Sekuensial Use Case ‘browser data member’………….132
Gambar 4.52 Diagram Sekuensial Use Case ‘cari data member’………133
xiv
Gambar 4.55 Diagram Sekuensial Use Case ‘caripemesanangedung’…………134
Gambar 4.56 Diagram Sekuensial Use Case ‘browser data pemesananwo’…..135
Gambar 4.57 Diagram Sekuensial Use Case ‘caripemesananwo’………..135
Gambar 4.58 Diagram Sekuensial Use Case ‘hapuspemesananwo’…………..136
Gambar 4.59 Diagram Sekuensial Use Case ‘pemesanangedung’ ………137
Gambar 4.60 Diagram Sekuensial Use Case ‘pemesananwo’………...137
Gambar 4.61 Diagram Sekuensial Use Case ‘konfirmasi pembayaran’ ……….138
Gambar 4.62 Diagram Sekuensial Use Case ‘cetak bukti konfirmasi’ ………..138
Gambar 4.63 Diagram Sekuensial Use Case ‘ubah status pembayaran’………139
Gambar 4.64 Diagram Sekuensial Use Case Laporan………139
Gambar 4.65 Diagram Sekuensial Use Case ‘logout’Konsumen………...140
Gambar 4.66 Diagram Sekuensial Use Case ‘logout’Admin……….140
Gambar 4.67Rancangan Halaman Login………144
Gambar 4.68 Rancangan Halaman Utama………...145
Gambar 4.69 Rancangan Halaman Register………146
Gambar 4.70 Rancangan Halaman Utama Admin………...147
Gambar 4.71 Rancangan Halaman Data Gedung………147
Gambar 4.72 Rancangan Halaman Cari Data Gedung ………148
Gambar 4.73 Rancangan Halaman Edit Data Gedung ………148
Gambar 4.74 Rancangan Halaman Data Wo ………..149
Gambar 4.75 Rancangan Halaman Tambah Data Wo……….149
Gambar 4.76 Rancangan Halaman Cari Data Wo ………..150
Gambar 4.77 Rancangan Halaman Edit Data Wo………150
Gambar 4.78 Rancangan Halaman Paket Wedding Organizer………151
Gambar 4.79 Rancangan Halaman Tambah Paket Wedding Organizer………..151
Gambar 4.80 Rancangan Halaman Cari Paket Wedding Organizer………152
Gambar 4.81 Rancangan Halaman Edit Paket Wedding Organizer …………...152
Gambar 4.82 Rancangan Halaman Data Member………153
Gambar 4.83 Rancangan Halaman Cari Data Member………153
Gambar 4.84 Rancangan Halaman Daftar Pemesanan ………...154
xv
Gambar 4.86 Rancangan Halaman Pesan WO ………156
Gambar 4.87 Rancangan Halaman Cari Pesan WO ………157
Gambar 4.88 Rancangan Halaman Laporan ………..157
Gambar 4.89 Rancangan Halaman Utama Konsumen ………158
Gambar 4.90 Rancangan Halaman Pesan Gedung ………..159
Gambar 4.91 Rancangan Halaman Pesan Wedding Organizer ………...160
Gambar 4.92 Rancangan Halaman Konfirmasi Pembayaran ………..161
Gambar 4.93 Tampilan Halaman Utama ………163
Gambar 4.94 Tampilan Halaman LogIn ……….164
Gambar 4.95 Tampilan Utama Admin ………165
Gambar 4.96 Tampilan Halaman Data Gedung………...165
Gambar 4.97 Tampilan HalamanTambah Data Gedung………...166
Gambar 4.98 Tampilan HalamanCari Data Gedung ………...166
Gambar 4.99 Tampilan Halaman Edit Data Gedung………...167
Gambar 4.100 Tampilan Halaman Data Member ………...167
Gambar 4.101 Tampilan HalamanCari Member ……….168
Gambar 4.102 Tampilan HalamanDaftarPemesananGedung………..168
Gambar 4.103Tampilan HalamanCariPemesananGedung ……….169
Gambar 4.104Tampilan HalamanDaftarWedding Organizer ……….169
Gambar 4.105Tampilan HalamanTambahWedding Organizer ………..170
Gambar 4.106Tampilan HalamanCariWedding Organizer ……….170
Gambar 4.107Tampilan Halaman Edit Wedding Organizer ………...171
Gambar 4.108Tampilan HalamanDaftarPaketWedding Organizer……….171
Gambar 4.109Tampilan HalamanTambahPaketWedding Organizer…………..172
Gambar 4.110Tampilan HalamanCariWedding Organizer ………172
Gambar 4.111Tampilan Halaman Edit PaketWedding Organizer ………..173
Gambar 4.112Tampilan HalamanDaftarPemesananWedding Organizer ……...173
Gambar 4.113Tampilan HalamanCariPemesananWedding Organizer…………174
Gambar 4.114Tampilan HalamanLaporan ………..174
Gambar 4.115Tampilan HalamanUtamaKonsumen ………...175
xvi
Gambar 4.117TampilanHalamanForm PemesananGedung ………....177
Gambar 4.118TampilanHalamanPesanPaketWedding Organizer………...178
xvii
DAFTAR TABEL
Halaman
Tabel2.1 Simbol-simbol Diagram Use Case ... 12
Tabel2.2 Simbol-simbol Diagram Kelas ... 13
Tabel2.3 Simbol-simbol Diagram Aktivitas ... 14
Tabel2.4Simbol-simbolDiagram Sekuensial... 16
Tabel 4.1 Faktor-faktorStudiKelayakan ... 44
Tabel4.2DeskripsiAktor ... 49
Tabel 4.3DeskripsiUse Case ... 50
Tabel 4.4 SkenarioUse Case Register Member ... 56
Tabel 4.5SkenarioUse Case Login ... 58
Tabel 4.6SkenarioUse Case Browser Data Gedung ... 60
Tabel 4.7SkenarioUse Case Edit Data Gedung ... 61
Tabel 4.8SkenarioUse Case Cari Data Gedung ... 63
Tabel 4.9SkenarioUse Case Browser Data Wedding Organizer ... 64
Tabel 4.10SkenarioUse Case Tambah Data Wedding Organizer ... 65
Tabel 4.11SkenarioUse Case Edit Data Wedding Organizer ... 67
Tabel 4.12SkenarioUse Case Hapus Data Wedding Organizer ... 70
Tabel 4.13SkenarioUse Case Cari Data Wedding Organizer ... 72
Tabel 4.14SkenarioUse Case Browser Data PaketWedding Organizer... 73
Tabel 4.15SkenarioUse Case Tambah Paket Wedding Organizer... 74
Tabel 4.16SkenarioUse Case Edit Paket Wedding Organizer ... 76
Tabel 4.17SkenarioUse Case Hapus Paket Wedding Organizer ... 78
Tabel 4.18SkenarioUse Case Cari Paket Wedding Organizer ... 80
Tabel 4.19SkenarioUse Case Browser Data Member... 81
Tabel 4.20SkenarioUse Case Cari Data Member ... 82
Tabel 4.21SkenarioUse Case Hapus Data Member ... 83
Tabel 4.22SkenarioUse Case Browser Data Pemesanan Gedung ... 85
Tabel 4.23SkenarioUse Case Cari Pemesanan Gedung ... 85
Tabel 4.24SkenarioUse Case Browser Data Pemesanan Wedding Organizer .. 87
xviii
Tabel 4.26SkenarioUse Case Hapus Pemesanan Wedding Organizer ... 90
Tabel 4.27SkenarioUse Case Pemesanan Gedung... 92
Tabel 4.28SkenarioUse Case Pemesanan Wedding Organizer... 94
Tabel 4.29SkenarioUse Case Konfirmasi Pembayaran ... 96
Tabel 4.30SkenarioUse Case Cetak Bukti Konfirmasi ... 98
Tabel 4.31SkenarioUse Case Status Pembayaran ... 99
Tabel 4.32SkenarioUse Case Laporan ... 100
Tabel 4.33SkenarioUse Case Logout ... 101
Tabel 4.34PengujianUse Case Login ... 182
Tabel 4.35PengujianUse Case Edit Data Gedung... 183
Tabel 4.36PengujianUse Case Cari Data Gedung ... 184
Tabel 4.37PengujianUse Case Tambah Data Wedding Organizer ... 185
Tabel 4.38PengujianUse Case Edit Data Wedding Organizer... 186
Tabel 4.39PengujianUse Case Hapus Data Wedding Organizer ... 187
Tabel 4.40PengujianUse Case Cari Data Wedding Organizer ... 188
Tabel 4.41PengujianUse Case Tambah Paket Wedding Organizer ... 189
Tabel 4.42PengujianUse Case Edit Wedding Organizer ... 190
Tabel 4.43PengujianUse Case Hapus Wedding Organizer... 191
Tabel 4.44PengujianUse Case Cari Wedding Organizer ... 192
Tabel 4.45PengujianUse Case Cari Member ... 193
Tabel 4.46PengujianUse Case Hapus Member ... 194
Tabel 4.47PengujianUse Case Cari Pemesanan Gedung ... 195
Tabel 4.48PengujianUse Case Hapus Pemesanan Wedding Organizer... 196
Tabel 4.49PengujianUse Case Cari Pemesanan Wedding Organizer ... 197
Tabel 4.50PengujianUse Case Register ... 198
Tabel 4.51PengujianUse Case Cari Pemesanan Gedung ... 199
Tabel 4.52PengujianUse Case Pemesanan Wedding Organizer ... 200
Tabel 4.53PengujianUse Case Konfirmasi Pembayaran ... 201
Tabel 4.54PengujianUse Case Cetak Bukti Konfirmasi ... 202
Tabel 4.55PengujianUse Case Status Pembayaran ... 202
Tabel 4.56PengujianUse Case Laporan ... 203
