APLIKASI TRAVEL BERBASIS WEB DAN BOOTSTRAP RESPONSIVE MENGGUNAKAN FRAMEWORK CODEIGNITER PADA PT.XYZ

Transkripsi

1 APLIKASI TRAVEL BERBASIS WEB DAN BOOTSTRAP RESPONSIVE MENGGUNAKAN FRAMEWORK CODEIGNITER PADA PT.XYZ HOTBEN HABEAHAN PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016 i

2 APLIKASI TRAVEL BERBASIS WEB DAN BOOTSTRAP RESPONSIVE MENGGUNAKAN FRAMEWORK CODEIGNITER PADA PT.XYZ Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh: HOTBEN HABEAHAN PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016 ii

3 iii

4 iv

5 KATA PENGANTAR Segala syukur dan puji hanya bagi Tuhan Yesus Kristus, oleh karena anugerah-nya yang melimpah, kemurahan dan kasih setia yang besar, sehingga penulis dapat menyelesaikan laporan tugas akhir yang merupakan salah satu persyaratan untuk menyelesaikan program studi strata satu (S1) pada Jurusan Teknik Informatika Universitas Mercu Buana. Penulis menyadari bahwa laporan tugas akhir ini masih jauh dari sempurna. Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati. Dengan segala keterbatasan, penulis menyadari pula bahwa laporan tugas akhir ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai pihak. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada: 1. Bapak Drs. Achmad Kodar, MT, selaku pembimbing tugas akhir pada Jurusan Teknik Informatika Universitas Mercu Buana. 2. Bapak Sabar Rudianto, S.Kom, M.Kom. selaku Kepala Program Studi Teknik Informatika Fakultas Ilmu Komputer Universitas Mercubuana. 3. Ibu Nia Kusuma Wardhani, S.Kom, MM. selaku koordinator Tugas Akhir Teknik Informatika Fakultas Ilmu Komputer Universitas Mercubuana. 4. Kedua orang tua (Najir Habeahan, dan Illeria Sitanggang) yang telah tulus ikhlas memberikan kasih sayang, cinta, doa, perhatian, dukungan moral dan materil yang telah diberikan selama ini. Terima kasih telah meluangkan segenap waktunya untuk mengasuh, mendidik, membimbing, dan mengiringi perjalanan hidup penulis dengan dibarengi alunan doa yang tiada henti agar penulis sukses dalam menggapai cita-cita. 5. Medina R Tumanggor terimakasih sudah menggandeng tangan saya dalam doa, selalu memberikan dorongan dan semangat dalam menyeselesaikan skripsi ini. v

6 6. Keluarga Besar kami, Bapak, Ibu, adik-adik penulis yang selalu memberikan semangat dan motivasi yang tiada henti-hentinya dan selalu ada saat kami membutuhkan dukungan moril maupun materil. 7. Saudara dan sahabat-sahabatku terutama Kawan-kawan di Universitas Mercubuana yang telah memberikan dukungan moral untuk terus meyelesaikan tugas akhir ini Kiranya kasih Tuhan Yesus Kristus menyertai kita semua. Amin Jakarta, 29 Januari 2016 Penulis vi

7 DAFTAR ISI LEMBAR JUDUL LEMBAR JUDUL DENGAN SPESIFIKASI LEMBAR PERNYATAAN LEMBAR PENGESAHAN KATA PENGANTAR... i ABSTRAK... iii ABSTRACT... iv DAFTAR ISI... v DAFTAR TABEL... xi DAFTAR GAMBAR... xii BAB I PENDAHULUAN Latar Belakang Masalah Perumusan Masalah Batasan Masalah Tujuan dan Manfaat Tujuan Manfaat Metode Penulisan Sistematika Penulisan... 4 BAB II LANDASAN TEORI Konsep Dasar Sistem Informasi Sistem Defenisi Sistem Informasi Perangkat Lunak Konsep Pemodelan Sistem Unified Modeling Language (UML) Use Case Diagram Activity Diagram... 7 v

8 Sequence Diagram Class Diagram Component Diagram Deployment Diagram Aplikasi Travel Berbasis Web Konsep Dasar Teori Web Web Web Server Pengertian Internet World Wide Web (WWW) HTTP Uniform Resource Locator (URL) Hypertext Markup Language (HTML) Definisi Elemen dan Tag HTML PHP Kelebihan & Kekurangan PHP Cascading Style Sheets (CSS) Java Script Framework Codeigniter Framework Codeigniter PHP Framework MVC (Model View Controller) Kelebihan dan Kekurangan Codeigniter DBMS (Database Management System) MySQL Perangkat Lunak Yang Digunakan XAMPP Bootstrap Pengertian Bootstrap Kelebihan dan Kekurangan Metode Pengujian Black Box vi

9 BAB III ANALISIS DAN PERANCANGAN Analisa Masalah Analisis Sistem Yang Sedang Berjalan Analisis Dokumen Yang Sedang Berjalan Analisis Prosedur yang Sedang Berjalan Activity Diagram Skenario Activity Diagram Evaluasi Sistem Yang Sedang Berjalan Analisis Perancangan Sistem Yang Diusulkan Tujuan Perancangan Gambaran Umum Sistem Yang Diusulkan Perancangan Prosedur yang Diusulkan Pemodelan Sistem yang Diusulkan Aktor Diagram Use Case Activity Diagram Activity Diagram Registrasi Akun Activity Diagram Log In Activity Diagram Pemesanan Tiket Activity Diagram Status Pesan Activity Diagram Konfirmasi Pemesanan Activity Diagram Cetak Tiket Activity Diagram Ubah Profil Activity Diagram Ubah Password Activity Diagram Login Admin Activity Diagram Mengelolah Pesan Activity Diagram Mengelolah Tiket Activity Diagram Mengelolah User Activity Diagram Input Jadwal Activity Diagram Edit Jadwal Activity Diagram Hapus Jadwal Activity Diagram Input Pesawat vii

10 Activity Diagram Edit Pesawat Activity Diagram Hapus Pesawat Activity Diagram Input Bandara Activity Diagram Edit Bandara Activity Diagram Hapus Bandara Activity Diagram Edit Staf Activity Diagram Laporan Activity Diagram Input Staf Sequence Diagram Sequence Diagram Registrasi Akun Sequence Diagram Log In Sequence Diagram Pemesanan Tiket Sequence Diagram Status Pesan Sequence Diagram Konfirmasi Pesanan Sequence Diagram Cetak Tiket Sequence Diagram Ubah Profil Sequence Diagram Ubah Password Sequence Diagram Login Admin Sequence Diagram Kelolah Tiket Sequence Diagram Kelolah User Admin Sequence Diagram Kelolah Pesawat Sequence Diagram Kelolah Bandara Sequence Diagram Staf Sequence Diagram Laporan Class Diagram Component Diagram Deployment Diagram Perancangan Database Perancangan Struktur Tabel Perancangan Antar Muka Perancangan Struktur Menu User Percancangan Interface Pada User viii

11 Perancangan Menu Home Perancangan Log In Perancangan Registrasi Perancangan Pencarian Tiket Perancangan Pemesanan Tiket Perancangan Konfirmasi Pembayaran User Interface Pada Administrator Perancangan Home Admin Perancangan Halaman Pesanan Perancangan Halaman Tiket Perancangan Halaman Data User Perancangan Halaman Jadwal Perancangan Halaman Pesawat Perancangan Halaman Bandara Perancangan Halaman Staf Perancangan Halaman Laporan BAB IV IMPLEMENTASI DAN PENGUJIAN Implementasi Sistem Implementasi Basis Data Implementasi Perangkat Keras Implementasi Perangkat Lunak Implementasi Antar Muka Tampilan Halaman Utama Tampilan Halaman Tentang Kami Tampilan Halaman Hubungi Kami Tampilan Halaman Log In Tampilan Halaman Daftar Tampilan Halaman Hasil Pencarian Tiket Tampilan Halaman Pesanan Tampilan Halaman Pembayaran Tampilan Halaman Konfirmasi Pembayaran ix

12 Tampilan Halaman Akun User Tampilan Halaman Detail Tiket Tampilan Halaman Login Backend Tampilan Halaman Utama Backend Tampilan Halaman Pesanan Backend Tampilan Halaman Tiket Backend Tampilan Halaman User Abckend Tampilan Halaman Jadwal Backend Tampilan Halaman Pesawat Backend Tampilan Halaman Bandara Backend Tampilan Halaman Staf Backend Tampilan Halaman Laporan Backend Pengujian Sistem Pengujian Black Box Kesimpulan Hasil Pengujian BAB V KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA LISTING PROGRAM x

13 DAFTAR TABEL 2.1 Use Case Diagram Activity Diagram Sequence Diagram Class Diagram Component Diagram Deployment Diagram Skenario Activity Diagram Dari Pemesanan Tiket Skenario Activity Diagram Dari Pembelian Tiket Tabel Staf yang Bekerja di PT. XYZ Tabel User Log In Tabel Pesawat Tabel Fasilitas Pesawat Tabel Bandara Tabel Penumpang Tabel Tiket Tabel Pesanan Tabel Jadwal Tabel Konfirmasi Tabel Pengujian Black Box xi

14 DAFTAR GAMBAR 3.1 Analisis Dokumen Yang Sedang Berjalan Use Case Diagram Sistem Yang Sedang Berjalan Activity Diagram Pemesanan Tiket Activity Diagram Pembelian Tiket Diagram Use Case Sistem yang Diusulkan Activity Diagram Registrasi Activity Diagram Log In Activity Diagram Pemesanan Activity Diagram Status Pesanan Activity Diagram Konfirmasi Pemesanan Activity Diagram Diagram Cetak Tiket Activity Diagram Ubah Profil Activity Diagram Ubah Password Activity Diagram Login Admin Activity Diagram Mengelolah Pesanan Activity Diagram Mengelolah Tiket Activity Diagram Mengelolah User Activity Diagram Input Jadwal Activity Diagram Edit Jadwal Activity Diagram Hapus Jadwal Activity Diagram Input Pesawat Activity Diagram Edit Pesawat Activity Diagram Hapus Pesawat Activity Diagram Input Bandara Activity Diagram Edit Bandara Activity Diagram Hapus Bandara Activity Diagram Edit Staf Activity Diagram Laporan Tiket Activity Diagram Input Staf Activity Diagram Registrasi Akun xii

15 3.31 Sequence Diagram Log In Sequence Diagram Pemesanan Tiket Sequence Diagram Status Pesanan Sequence Diagram Konfirmasi Pesanan Sequence Diagram Cetak Tiket Sequence Diagram Ubah Profil Sequence Diagram Ubah Password Sequence Diagram Log In Admin Sequence Diagram Kelolah Tiket Sequence Diagram Kelolah User Admin Sequence Diagram Kelolah Pesawat Sequence Diagram Kelolah Bandara Sequence Diagram Staf Sequence Diagram Laporan Class Diagram Component Diagram Deployment Diagram Struktur Menu User Perancangan Menu Home Perancangan Login Perancangan Registrasi Perancangan Pencarian Tiket Perancangan Pemesanan Tiket Perancangan Konfirmasi Pembayaran Perancangan Halaman Home Admin Perancangan Halaman Pesanan Perancangan Halaman Tiket Perancangan Halaman Data User Perancangan Halaman Jadwal Perancangan Halaman Pesawat Perancangan Halaman Bandara Perancangan Halaman Staf xiii

16 3.63 Perancangan Halaman Laporan Tabel Staf Tabel Penumpang Tabel Pesanan Tabel Tiket Tabel Jadwal Tabel Pesawat Tabel Fasilitas Pesawat Tabel Bandara Tabel User Log In Tabel Konfirmasi Pesanan Halaman Utama Halaman Tentang Kami Halaman Hubungi Kami Halaman Log In Halaman Daftar Halaman Hasil Pencarian Tiket Halaman Pesanan Halaman Pembayaran Halaman Konfirmasi Pembayaran Halaman Akun User Halaman Detail Tiket Halaman Log In Backend Halaman Utama Backend Halaman Pesanan Backend Halaman Tiket Backend Halaman User Backend Halaman Jadwal Backend Halaman Pesawat Backend Halaman Bandara Backend Halaman Staf Backend Halaman Laporan Backend xiv