T0 Judul Institutional Repository | Satya Wacana Christian University: Sistem Informasi Rental Mobil Berbasis Responsive Web Design Untuk Lembu Waras Rent Car
SISTEM INFORMASI RENTAL MOBIL BERBASIS
RESPONSIVE WEB DESIGN UNTUK LEMBU WARAS
RENT CAR
Diajukan Kepada
Fakultas Teknologi Informasi
untuk memperoleh Gelar Ahli Madya Komputer
Oleh :
Ferdian Hendra Praditya
NIM : 562012052
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen SatyaWacana
Salatiga
2015
SISTEM INFORMASI RENTAL MOBIL BERBASIS
RESPONSIVE WEB DESIGN UNTUK LEMBU WARAS
RENT CAR
TUGAS AKHIR
Oleh :
FerdianHendraPraditya
NIM :562012052
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen SatyaWacana
Salatiga
2015
i
ii
iii
iv
KATA PENGANTAR
Alhamdulillahi Robbil Alamin, segala puji syukur penulis
panjatkan kepada Allah SWT yang selalu melimpahkan
rahmat dan hidayah-Nya sehingga penulis akhirnya dapat
menyelesaikan salah satu syarat kelulusan serta penulisan
laporan Tugas Akhir ini yang berjudul “Sistem Informasi
Rental Mobil Berbasis Responsive Web Design Untuk Lembu
Waras Rent Car ”.
Laporan ini disusun berdasarkan data-data yang telah
diperoleh di lapangan serta masukan-masukan dari pembimbing
dan referensi yang diperoleh baik dari para pengajar selama masa
perkuliahan maupun sumber-sumber dari internet.
Dalam penyusunan laporan ini, berbagai macam kendala
telah penulis temui,namun berkat bantuan dari semua pihak yang
ada di sekitar berbagai kendala tersebut dapat penulis lalui dan
terwujudlah laporan Tugas Akhir ini. Oleh karena itu dengan
segala kerendahan hati penulis ingin mengucapkan terima kasih
yang sebesar-besarnya kepada :
1. Allah SWT, yang telah memberikan rahmat dan hidayahNya
sehingga terselesainya Laporan Tugas Akhir ini.
2. Dr. Dharmaputra T.Palekehelu, M.Pd. selaku dekan Fakultas
Teknik Informasi yang telah mendukung pelaksanaan Tugas
Akhir ini.
v
vi
Daftar Isi
Cover ...................................................................................... i
Lembar Pengesahan ............................................................. ii
Lembar Pernyataan Bebas Plagiasi .................................. iii
Lembar Pernyataan Persetujuan Publikasi ..................... iv
Kata Pengantar .................................................................... v
Daftar Isi ............................................................................. vii
Daftar Gambar .................................................................... ix
Daftar Tabel ........................................................................ xi
Lampiran ............................................................................ xii
BAB I PENDAHULUAN ..................................................... 1
1.1 Latar Belakang ........................................................... 1
1.2 Tujuan ........................................................................ 4
1.2.1 Tujuan Umum .................................................. 4
1.2.2 Tujuan Khusus ................................................. 4
1.3 Rumusan Masalah ...................................................... 5
1.4 Batasan Masalah ........................................................ 6
1.5 Metodologi ................................................................. 6
1.5.1
Analisis Kebutuhan ........................................ 6
BAB II TINJAUAN PUSTAKA ......................................... 8
2.1 Penelitian Terdahulu .................................................. 8
2.2 Landasan Teori ........................................................... 9
2.2.1
Sistem Informasi ............................................ 9
2.2.2
Pengertian Web ............................................ 10
2.2.3
Pengertian Responsive Web Design ............ 10
vii
2.2.4
Pengertian Situs Website ............................. 11
2.2.5
Pengertian Internet ....................................... 11
2.2.6
HTML (Hyper Text Markup Language) ...... 13
2.2.7
CSS (Cascading Style Sheet) ....................... 16
2.2.8
PHP .............................................................. 18
2.2.9
Database ....................................................... 21
2.2.10 MySQL ........................................................ 22
2.2.11 Adobe Dreamweaver CS5............................ 23
2.2.12 XAMPP ........................................................ 24
2.2.13 PhpMyAdmin ............................................... 25
BAB III PERANCANGAN SISTEM ............................... 26
3.1 DFD (Data Flow Diagram) ...................................... 26
3.2 Flow Chart ............................................................... 27
3.3 Diagram Use Case.................................................... 28
3.4 Perancangan Antar Muka ......................................... 29
3.5 Pembuatan Database ................................................ 32
3.6 Jadwal/Time Schedule ............................................. 36
BAB IV HASIL & ANALISA ........................................... 37
4.1 Implementasi/Hasil Karya........................................ 37
4.2 Evaluasi .................................................................... 48
BAB V PENUTUP.............................................................. 49
5.1 Kesimpulan .............................................................. 49
5.2 Saran ........................................................................ 49
Daftar Pustaka ................................................................... 50
Lampiran ............................................................................ 52
viii
Daftar Gambar
Gambar 1. DFD Sistem Informasi Rental Mobil ................. 26
Gambar 2. Flow Chart Sistem Informasi Rental Mobil ...... 27
Gambar 3. Diagram Usecase ................................................ 28
Gambar.4. LKT Halaman Utama ......................................... 29
Gambar 4.1 LKT Halaman Profil ........................................ 29
Gambar 4.2 LKT Halaman Menu SewaMobil ..................... 30
Gambar 4.3 LKT Halaman Menu Kontak ........................... 30
Gambar 4.4 LKT Halaman Menu Buku Tamu .................... 31
Gambar 4.5 LKT Halaman Menu Login Admin.................. 31
Gambar 4.6 LKT Halaman Admin ...................................... 32
Gambar 5. Data Buku Tamu ................................................ 32
Gambar 5.1 Data Cara Sewa ................................................ 33
Gambar 5.2 Data Contact ..................................................... 33
Gambar 5.3 Data Mobil ....................................................... 33
Gambar 5.4 Data Pelanggan................................................. 34
Gambar 5.5 Data Profil ........................................................ 34
Gambar 5.6 Data Sewa ........................................................ 34
Gambar 5.7 Data Timmer .................................................... 35
Gambar 5.8 Data User .......................................................... 35
Gambar 6. Gambar Halaman Menu Utama ......................... 37
Gambar 6.1 Gambar Halaman Menu Utama ....................... 38
Gambar 6.2 Gambar Halaman Menu Profil ......................... 38
Gambar 6.3 Gambar Halaman Menu Pilihan Mobil ............ 39
ix
Gambar 6.4 Gambar Halaman Menu Cara Sewa ................. 39
Gambar 6.5 Gambar Halaman Menu Sewa Mobil ............... 40
Gambar 6.6 Gambar Halaman Menu Kontak ...................... 40
Gambar 6.7 Gambar Halaman Menu Buku Tamu ............... 41
Gambar 6.8 Gambar Halaman Login Admin ....................... 41
Gambar 6.9 Gambar Halaman Menu Utama Admin ........... 42
Gambar 6.10 Gambar Halaman Penyewaan Masuk ............ 42
Gambar 6.11 Gambar Halaman Menu Daftar Admin .......... 43
Gambar 6.12 Gambar Halaman Menu Pelanggan ............... 43
Gambar 6.13 Gambar Halaman Daftar Pelanggan............... 44
Gambar 6.14 Gambar Halaman Menu Edit Pelanggan ........ 44
Gambar 6.15 Gambar Halaman Tambah Mobil .................. 45
Gambar 6.16 Gambar Halaman Daftar Mobil ..................... 46
Gambar 6.17 Gambar Halaman Edit Mobil ......................... 46
Gambar 6.18 Gambar Halaman Menu Kontak Manager ..... 47
Gambar 6.19 Gambar Halaman Menu Cara Penyewaan ..... 47
x
Daftar Tabel
Tabel 1. Jadwal / Time Schedule ......................................... 36
xi
Lampiran
Kode Program ........................................................................ 5
xii
RESPONSIVE WEB DESIGN UNTUK LEMBU WARAS
RENT CAR
Diajukan Kepada
Fakultas Teknologi Informasi
untuk memperoleh Gelar Ahli Madya Komputer
Oleh :
Ferdian Hendra Praditya
NIM : 562012052
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen SatyaWacana
Salatiga
2015
SISTEM INFORMASI RENTAL MOBIL BERBASIS
RESPONSIVE WEB DESIGN UNTUK LEMBU WARAS
RENT CAR
TUGAS AKHIR
Oleh :
FerdianHendraPraditya
NIM :562012052
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen SatyaWacana
Salatiga
2015
i
ii
iii
iv
KATA PENGANTAR
Alhamdulillahi Robbil Alamin, segala puji syukur penulis
panjatkan kepada Allah SWT yang selalu melimpahkan
rahmat dan hidayah-Nya sehingga penulis akhirnya dapat
menyelesaikan salah satu syarat kelulusan serta penulisan
laporan Tugas Akhir ini yang berjudul “Sistem Informasi
Rental Mobil Berbasis Responsive Web Design Untuk Lembu
Waras Rent Car ”.
Laporan ini disusun berdasarkan data-data yang telah
diperoleh di lapangan serta masukan-masukan dari pembimbing
dan referensi yang diperoleh baik dari para pengajar selama masa
perkuliahan maupun sumber-sumber dari internet.
Dalam penyusunan laporan ini, berbagai macam kendala
telah penulis temui,namun berkat bantuan dari semua pihak yang
ada di sekitar berbagai kendala tersebut dapat penulis lalui dan
terwujudlah laporan Tugas Akhir ini. Oleh karena itu dengan
segala kerendahan hati penulis ingin mengucapkan terima kasih
yang sebesar-besarnya kepada :
1. Allah SWT, yang telah memberikan rahmat dan hidayahNya
sehingga terselesainya Laporan Tugas Akhir ini.
2. Dr. Dharmaputra T.Palekehelu, M.Pd. selaku dekan Fakultas
Teknik Informasi yang telah mendukung pelaksanaan Tugas
Akhir ini.
v
vi
Daftar Isi
Cover ...................................................................................... i
Lembar Pengesahan ............................................................. ii
Lembar Pernyataan Bebas Plagiasi .................................. iii
Lembar Pernyataan Persetujuan Publikasi ..................... iv
Kata Pengantar .................................................................... v
Daftar Isi ............................................................................. vii
Daftar Gambar .................................................................... ix
Daftar Tabel ........................................................................ xi
Lampiran ............................................................................ xii
BAB I PENDAHULUAN ..................................................... 1
1.1 Latar Belakang ........................................................... 1
1.2 Tujuan ........................................................................ 4
1.2.1 Tujuan Umum .................................................. 4
1.2.2 Tujuan Khusus ................................................. 4
1.3 Rumusan Masalah ...................................................... 5
1.4 Batasan Masalah ........................................................ 6
1.5 Metodologi ................................................................. 6
1.5.1
Analisis Kebutuhan ........................................ 6
BAB II TINJAUAN PUSTAKA ......................................... 8
2.1 Penelitian Terdahulu .................................................. 8
2.2 Landasan Teori ........................................................... 9
2.2.1
Sistem Informasi ............................................ 9
2.2.2
Pengertian Web ............................................ 10
2.2.3
Pengertian Responsive Web Design ............ 10
vii
2.2.4
Pengertian Situs Website ............................. 11
2.2.5
Pengertian Internet ....................................... 11
2.2.6
HTML (Hyper Text Markup Language) ...... 13
2.2.7
CSS (Cascading Style Sheet) ....................... 16
2.2.8
PHP .............................................................. 18
2.2.9
Database ....................................................... 21
2.2.10 MySQL ........................................................ 22
2.2.11 Adobe Dreamweaver CS5............................ 23
2.2.12 XAMPP ........................................................ 24
2.2.13 PhpMyAdmin ............................................... 25
BAB III PERANCANGAN SISTEM ............................... 26
3.1 DFD (Data Flow Diagram) ...................................... 26
3.2 Flow Chart ............................................................... 27
3.3 Diagram Use Case.................................................... 28
3.4 Perancangan Antar Muka ......................................... 29
3.5 Pembuatan Database ................................................ 32
3.6 Jadwal/Time Schedule ............................................. 36
BAB IV HASIL & ANALISA ........................................... 37
4.1 Implementasi/Hasil Karya........................................ 37
4.2 Evaluasi .................................................................... 48
BAB V PENUTUP.............................................................. 49
5.1 Kesimpulan .............................................................. 49
5.2 Saran ........................................................................ 49
Daftar Pustaka ................................................................... 50
Lampiran ............................................................................ 52
viii
Daftar Gambar
Gambar 1. DFD Sistem Informasi Rental Mobil ................. 26
Gambar 2. Flow Chart Sistem Informasi Rental Mobil ...... 27
Gambar 3. Diagram Usecase ................................................ 28
Gambar.4. LKT Halaman Utama ......................................... 29
Gambar 4.1 LKT Halaman Profil ........................................ 29
Gambar 4.2 LKT Halaman Menu SewaMobil ..................... 30
Gambar 4.3 LKT Halaman Menu Kontak ........................... 30
Gambar 4.4 LKT Halaman Menu Buku Tamu .................... 31
Gambar 4.5 LKT Halaman Menu Login Admin.................. 31
Gambar 4.6 LKT Halaman Admin ...................................... 32
Gambar 5. Data Buku Tamu ................................................ 32
Gambar 5.1 Data Cara Sewa ................................................ 33
Gambar 5.2 Data Contact ..................................................... 33
Gambar 5.3 Data Mobil ....................................................... 33
Gambar 5.4 Data Pelanggan................................................. 34
Gambar 5.5 Data Profil ........................................................ 34
Gambar 5.6 Data Sewa ........................................................ 34
Gambar 5.7 Data Timmer .................................................... 35
Gambar 5.8 Data User .......................................................... 35
Gambar 6. Gambar Halaman Menu Utama ......................... 37
Gambar 6.1 Gambar Halaman Menu Utama ....................... 38
Gambar 6.2 Gambar Halaman Menu Profil ......................... 38
Gambar 6.3 Gambar Halaman Menu Pilihan Mobil ............ 39
ix
Gambar 6.4 Gambar Halaman Menu Cara Sewa ................. 39
Gambar 6.5 Gambar Halaman Menu Sewa Mobil ............... 40
Gambar 6.6 Gambar Halaman Menu Kontak ...................... 40
Gambar 6.7 Gambar Halaman Menu Buku Tamu ............... 41
Gambar 6.8 Gambar Halaman Login Admin ....................... 41
Gambar 6.9 Gambar Halaman Menu Utama Admin ........... 42
Gambar 6.10 Gambar Halaman Penyewaan Masuk ............ 42
Gambar 6.11 Gambar Halaman Menu Daftar Admin .......... 43
Gambar 6.12 Gambar Halaman Menu Pelanggan ............... 43
Gambar 6.13 Gambar Halaman Daftar Pelanggan............... 44
Gambar 6.14 Gambar Halaman Menu Edit Pelanggan ........ 44
Gambar 6.15 Gambar Halaman Tambah Mobil .................. 45
Gambar 6.16 Gambar Halaman Daftar Mobil ..................... 46
Gambar 6.17 Gambar Halaman Edit Mobil ......................... 46
Gambar 6.18 Gambar Halaman Menu Kontak Manager ..... 47
Gambar 6.19 Gambar Halaman Menu Cara Penyewaan ..... 47
x
Daftar Tabel
Tabel 1. Jadwal / Time Schedule ......................................... 36
xi
Lampiran
Kode Program ........................................................................ 5
xii