PEMBUATAN APLIKASI PARKIR, BERBASIS WEB MENGGUNAKAN QRCODE : STUDI KASUS RUKAN PURI NIAGA 3

Transkripsi

1 PEMBUATAN APLIKASI PARKIR, BERBASIS WEB MENGGUNAKAN QRCODE : STUDI KASUS RUKAN PURI NIAGA 3 WAHYU INDRO FAJAR PURNOMO PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2013

2 PEMBUATAN APLIKASI PARKIR, BERBASIS WEB MENGGUNAKAN QRCODE : STUDI KASUS RUKAN PURI NIAGA 3 Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh : WAHYU INDRO FAJAR PURNOMO PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2013

3 LEMBAR PERNYATAANN Yang bertanda tangann di bawah ini: NIM Nama Judul Skripsi : : WAHYU INDRO FAJAR PURNOMOO : PEMBUATAN APLIKASI PARKIRR,BERBASIS WEB MENGUNAKAN QRCODE : STUDI KASUS RUKAN PURI NIAGA 3 Menyatakan bahwa skripsi tersebut di atas adalah hasil karya saya sendiri dan bukan plagiat. Apabila ternyata dittemukan di dalam laporan skripsi saya terdapat unsur plagiat, maka saya siap untuk mendapatkan sanksi akademik yang terikat dengan hal tersebut. Jakarta, Juli 2013 (WAHYU INDRO FAJAR PURNOMO) i

4 LEMBAR PERSETUJUAN NIM Nama Judul Skripsi : : WAHYU INDRO FAJAR PURNOMOO : PEMBUATAN APLIKASI PARKIRR,BERBASIS WEB MENGUNAKAN QRCODE : STUDI KASUS RUKAN PURI NIAGA 3 SKRIPSI INI TELAH DIPERIKSA DAN DISETUJUI I JAKARTA, JULI 2013 Rapelino Ferdiansyah ST.,M.Kom Pembimbing Sabar Rudiarto S.Kom.,M.Kom. Koord. Tugas Akhir Teknik Informatika Tri Daryanto, S.Kom., MT. KaProdi Teknikk Informatika ii

5 KATA PENGANTAR Puji Syukur penulis panjatkan kepada Tuhan Yang Maha Esa, karena atas karunia yang telah diberikan kepada penulis sehingga penulis dapat menyelesaikan Laporan Tugas Akhir tepat pada waktunya, dimana Laporan Tugas Akhir tersebut merupakan salah satu persyaratan untuk dapat menyelesaikan Program Studi Strata Satu (S1) pada Jurusan Teknik Informatika Universitas Mercu Buana. Penulis menyadari bahwa Laporan Tugas Akhir ini masih belum dapat dikatakan sempurna. Karena itu, kritik dan saran akan diterima dengan senang hati. Penulis juga menyadari bahwa Laporan Tugas Akhir ini takkan dapat selesai tepat pada waktunya tanpa bantuan, bimbingan, dan motivasi dari berbagai pihak. Maka dari itu, dengan segala kerendahan hati, Penulis ingin menyampaikan ucapan terima kasih kepada : 1. Rapelino Ferdiasyah ST.M., Kom selaku Pembimbing Tugas Akhir yang telah membimbing penulis dengan semua nasihat, semangat, ilmu dan segala bantuan yang tidak dapat disebutkan satu per satu oleh penulis dikarenakan jumlah bantuan yang diberikan memang sangat amat banyak. 2. Sabar Rudiarto S.Kom M.Kom., selaku Koordinator Tugas Akhir pada Jurusan Teknik Informatika Universitas Mercu Buana. 3. Bapak Tri Daryanto, S.Kom, M.T., selaku Dekan Fakultas Ilmu Komputer Universitas Mercu Buana atas nasihat, saran, motivasi, dan juga keramahtamahannya kepada penulis sehingga penulis merasa lebih terpacu untuk dapat menyelesaikan Laporan Tugas Akhir ini. 4. Desi Ramayanti, S.Kom., M.T. selaku Kepala Laboratorium Fakultas Ilmu Komputer Universitas Mercu Buana yang telah mengizinkan penulis untuk menggunakan fasilitas laboratorium selama penulis menyusun Laporan Tugas Akhir ini. iv

6 5. Beserta semua pihak yang telah memotivasi dan ikut memberikan bantuannya kepada penulis yang namanya tidak dapat penulis sebutkan satu per satu. Semoga semua kebaikannya mendapat balasan yang lebih banyak lagi kedepannya, Terima Kasih. Jakarta, Juli 2013 Wahyu Indro Fajar Purnomo v

7 DAFTAR ISI LEMBAR PERNYATAAN LEMBAR PERSETUJUAN LEMBAR PERSETUJUAN KATA PENGANTAR ABSTRACTION ABSTRAKSI DAFTAR ISI DAFTAR GAMBAR DAFTAR TABEL DAFTAR KODE i ii iii iv vi vii viii xiii xv xvii BAB I PENDAHULUAN LATAR BELAKANG PERUMUSAN MASALAH PEMBATASAN MASALAH TUJUAN DAN MANFAAT METODE PENELITIAN SISTEMATIKA PENULISAN 4 BAB II LANDASAN TEORI PENGERTIAN & SEJARAH BARCODE Cara Kerja Barcode Barcode 1 Dimensi Barcode 2 Dimensi (2D) RPL (REKAYASA PERANGKAT LUNAK) Metode Waterfall UNIFIED MODELING LANGUAGE (UML) 17 viii

8 Diagram Use Case Diagram Activity Sequence Diagram XAMPP ADOBE DREAMWEAVER CS 4 24 BAB III ANALISA DAN PERANCANGAN PROFIL PERUSAHAAN ANALISA APLIKASI SISTEM PARKIR DENGAN QRCODE PERANCANGAN APLIKASI SISTEM PARKIR DENGAN QRCODE Use Case Diagram Activity Diagram Activity Admin Login Activity Operator Login Activity Memasukkan Pelanggan Baru Parkir Masuk Parkir Keluar Sequence Diagram Sequence Parkir Masuk Sequence Parkir Keluar Sequence Add Member Sequence Login PERANCANGAN DATA BASE Diagram Konteks Data Flow Diagram Kamus Data LRS(Logical Record Structure) ERD (Entity Relational Diagram) Struktur Tabel Tabel_Member Tabel_jns_kendaraan 47 ix

9 Tabel_Petugas Tabel_Bulan Tabel_tbl_parkir PERANCANGAN INTERFACE Rancangan Tampilan Menu Utama Rancangan Tampilan Login Rancangan Tampilan Parkir Masuk Rancangan Tampilan Input Parkir Masuk Rancangan Tampilan Parkir Keluar Rancangan Tampilan Input Parkir Keluar Rancangan Tampilan Admin Rancangan Tampilan Input New Member Rancangan Tampilan Input New Operator Rancangan Tampilan Report Rancangan Tampilan Grafik Report 56 BAB IV IMPLEMENTASI DAN PENGUJIAN LINGKUNGAN IMPLEMENTASI Perangkat Keras Perangkat Lunak IMPLEMENTASI KODE PEMROGRAMAN IMPLEMENTASI APLIKASI PARKIR DENGAN QRCODE PENGUJIAN Metode Black Box Testing Pengujian Terhadap Menu Utama Pengujian Terhadap Jendela Login Pengujian Terhadap Form System Parkir Masuk Pengujian Terhadap Form Input System Parkir masuk Pengujian Terhadap Form Input Parkir Keluar 74 x

10 Pengujian Terhadap Form Input Parkir Keluar Pengujian Terhadap Form Admin Pengujian Terhadap Form Input Data Member Pengujian Terhadap Form Input Data Petugas Pengujian Terhadap Form Grafik Pengujian Terhadap Form Laporan Hasil Pengujian Hasil Pengujian Terhadap Menu Utama Hasil Pengujian Terhadap Jendela Login Hasil Pengujian Terhadap Form System Parkir Masuk Hasil Pengujian Terhadap Form Input System Parkir masuk Hasil Pengujian Terhadap Form Input Parkir Keluar Hasil Pengujian Terhadap Form Input Parkir Keluar Hasil Pengujian Terhadap Form Admin Pengujian Pengujian Terhadap Form Input Data Member Hasil Pengujian Terhadap Form Input Data Petugas Hasil Pengujian Terhadap Form Grafik Hasil Pengujian Terhadap Form Laporan 84 BAB V KESIMPULAN DAN SARAN 86 xi

11 5. 1 KESIMPULAN SARAN 86 DAFTAR PUSTAKA 88 LAMPIRAN 89 xii

12 DAFTAR GAMBAR 1. Gambar 1. 1 Langkah Kegiatan Penelitian 4 2. Gambar 2. 1 EAN Gambar 2. 2 QRCode Model Gambar 2. 3 Micro QR Code Gambar 2. 4 Position Detection Patterns Gambar 2. 5 Margin Gambar 2. 6 Timing Pattern Gambar 2. 7 Format Information Gambar 2. 8 Pembacaan QRCode Dengan Menggunakan Software Khusus Gambar 2. 9 Barcode Scanner 2D NLS-HR Gambar Siklus Hidup Perangkat Lunak ( Sumber: IAN SOMMERVILLE, 2003) Gambar 3. 1 Use Case Aplikasi System Parkir Gambar 3. 2 Diagram Activity Admin Login Gambar 3. 3 Diagram Acivity Operator Login Gambar 3. 4 Diagram Acivity Memasukkan Pelanggan Baru Gambar 3. 5 Diagram Acivity Memasukkan Pelanggan Baru Gambar 3. 6 Diagram Acivity Parkir Keluar Gambar 3. 7 Sequence Parkir Masuk Gambar 3. 8 Sequence Parkir Keluar Gambar 3. 9 Sequence Add New Member Gambar Sequence Login Gambar Diagram Konteks Aplikasi parkir Gambar Diagram Flow Diagram Aplikasi parkir Gambar Rancangan Logical record structure Aplikasi Parkir Gambar Skema Data Base Aplikasi Parkir Gambar Rancangan Tampilan Menu Utama 49 xiii

13 27. Gambar Rancangan Tampilan Login Gambar Rancangan Tampilan Parkir Masuk Gambar Rancangan Tampilan Input Parkir Masuk Gambar Rancangan Tampilan Parkir Keluar Gambar Rancangan Tampilan Input Parkir Keluar Gambar Rancangan Tampilan Admin Gambar Rancangan Tampilan Input New Member Gambar Rancangan Tampilan Input New Operator Gambar Rancangan Tampilan Report Gambar Rancangan Tampilan Grafik Report Gambar 4. 1 Implementasi Menu Utama Gambar 4. 2 Implementasi Halaman Login Gambar 4. 3 Implementasi Menu Username Atau Password Salah Isi Gambar 4. 4 Implementasi Menu Parkir Masuk Gambar 4. 5 Implementasi Menu Input Parkir Masuk Gambar 4. 6 Implementasi Menu Parkir Keluar Gambar 4. 7 Implementasi Menu Input Parkir Keluar Gambar 4. 8 Implementasi Menu Admin Gambar 4. 9 Implementasi Menu Input New Member Gambar Implementasi Menu Input Data Operator Gambar Implementasi Menu Report Grafik Gambar Implementasi Menu Report Gambar Implementasi Menu Cetak Laporan Gambar Implementasi Menu Print Laporan 71 xiv

14 DAFTAR TABEL 1. Tabel 2. 1 Macam Macam Barcode 1 Dimensi 9 2. Tabel 2. 2 Macam Macam Barcode 1 Dimensi (Lanjutan) Tabel 2. 3 Error-Correcting Code (Reed-Solomon Code) Tabel 3. 1 Skenario Use Case Melakukan Login Tabel 3. 2 Skenario Use Case Melakukan Input Nomor Kendaraan Tabel 3. 3 Skenario Use Case Melakukan Cetak Karcis Tabel 3. 4 Skenario Use Case Melakukan Ambil Karcis Tabel 3. 5 Skenario Use Case Melakukan Daftar Member Tabel 3. 6 Skenario Use Case Melakukan Bayar Parkir Tabel 3. 7 Skenario Use Case Melakukan Scan Karcis Tabel 3. 8 Skenario Use Case Melayani Transaksi Biaya Parkir Tabel 3. 9 Skenario Use Case Melayani Transaksi Biaya Parkir (Lanjutan) Tabel Skenario Use Case Melakukan Input New Member Tabel Skenario Use Case Melakukan Input New Operator Tabel Skenario Use Case Melakukan Input New Operator (Lanjutan) Tabel Skenario Use Case Membuat Laporan Tabel Skenario Use Case Melakukan Membuat Grafik Laporan Tabel 4. 1 Spesifikasi Komputer Tabel 4. 2 Skenario Pengujian Menu Utama Tabel 4. 3 Skenario Pengujian Form Login Tabel 4. 4 Skenario Pengujian Form Login (Lajutan) Tabel 4. 5 Skenario Pengujian Form System Parkir Masuk Tabel 4. 6 Skenario Pengujian Form Input System Parkir Masuk Tabel 4. 7 Skenario Pengujian Form Input Parkir keluar 74 xv

15 25. Tabel 4. 8 Skenario Pengujian Form Input Parkir Keluar Tabel 4. 9 Skenario Pengujian Form Admin Tabel Skenario Pengujian Form Admin (Lanjutan) Tabel Skenario Pengujian Form Input Data Member Tabel Skenario Pengujian Form Input Data Petugas Tabel Skenario Pengujian Form Grafik Tabel Skenario Pengujian Form Laporan Tabel Hasil Pengujian Menu Utama Tabel Hasil Pengujian Form Login Tabel Hasil Pengujian Form Login (Lanjutan) Tabel Skenario Pengujian Form System Parkir Masuk Tabel Hasil Pengujian Form Input System Parkir Masuk Tabel Hasil Pengujian Form Input Parkir Keluar Tabel Hasil Pengujian Form Input Parkir Keluar Tabel Hasil Pengujian Form Admin Tabel Hasil Pengujian Form Input Data Member Tabel Hasil Pengujian Form Input Data Petugas Tabel Hasil Pengujian Form Input Data Petugas (Lanjutan) Tabel Hasil Pengujian Form Grafik Tabel Hasil Pengujian Form Laporan 85 xvi

16 DAFTAR KODE 1. Kode 4. 1 Kode Lengkap Fungsi Koneksi() Kode 4. 2 Kode Lengkap Fungsi Login() Kode 4. 3 Kode Lengkap Fungsi AutoNumber() Kode 4. 4 Kode Lengkap Fungsi QRCode() Kode 4. 5 Kode Lengkap Fungsi Webcam QRCode() Kode 4. 6 Kode Lengkap Fungsi CekHarga() Kode 4. 7 Kode Lengkap Fungsi Grafik() 63 xvii