I RANCANG BANGUN APLIKASI VERIFIKASI PELAPORAN BANK
advertisement
RANCANG BANGUN APLIKASI VERIFIKASI PELAPORAN BANK BERBASIS JAVA WEB Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh : YUNI IKRIMA 41512120008 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017 I http://digilib.mercubuana.ac.id/ LEMBAR PERNYATAAN II http://digilib.mercubuana.ac.id/ LEMBAR PERSETUJUAN III http://digilib.mercubuana.ac.id/ KATA PENGANTAR Puji syukur atas kehadirat Allah SWT yang telah melimpahkan segala rahmat dan karuniaNya, sholawat serta salam semoga selalu tercurahkan kepada nabi Muhammad SAW, sehingga penulis dapat menyelesaikan laporan tugas akhir dengan judul “Rancang Bangun Aplikasi Verifikasi Pelaporan Bank berbasis Java Web” yang merupakan salah satu persyaratan untuk menyelesaikan program studi strata satu (S1) pada Jurusan Teknik Informatika Universitas Mercu Buana. Dengan segala keterbatasan dalam penyusunan laporan Tugas Akhir ini, 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 Leonard Goeirmanto, ST, M.Sc, selaku dosen pembimbing yang telah meluangkan waktunya untuk memberikan bimbingan serta petunjuk – petunjuk dalam penyusunan laporan tugas akhir ini. 2. Kedua orang tua yang selama ini telah membesarkan penulis. 3. Ibu Desi Ramayanti, S.Kom., MT., selaku Ketua Program Program Studi Jurusan Teknik Informatika Universitas Mercu Buana. 4. Bapak Diky Firdaus, S.Kom., MM., selaku Koordinator Tugas Akhir Jurusan Teknik Informatika Universitas Mercu Buana. 5. Seluruh keluarga Teknik Informatika Mercu Buana Reguler khususnya angkatan 2013 yang telah membatu penulis semasa kuliah di kampus ini. 6. Seluruh keluarga PT Anabatic Direktorat PRDC yang telah mendukung serta membatu penulis dari secara teori maupun non teori. 7. Serta semua pihak yang telah memberi memotivasi dan membatu penulis yang tidak dapat penulis sebutkan satu per satu. IV http://digilib.mercubuana.ac.id/ Semoga Allah SWT membalas kebaikan dan selalu mencurahkan hidayah serta taufikNya, dan penulis berharap semoga laporan tugas akhir ini bermanfaat bagi kita semua. Amin. Jakarta, 18 Maret 2017 Penulis V http://digilib.mercubuana.ac.id/ DAFTAR ISI HAL JUDUL ……………………………………….............................................. I LEMBAR PERNYATAAN .................................................................................... 2 LEMBAR PERSETUJUAN.................................................................................... 3 KATA PENGANTAR .......................................................................................... IV ABSTRAK ............................................................................................................ VI ABSTRACT ......................................................................................................... VII DAFTAR GAMBAR ............................................................................................ XI DAFTAR TABEL .............................................................................................. XIV BAB I ...................................................................................................................... 1 1.1 Latar Belakang ......................................................................................... 1 1.2 Rumusan Masalah .................................................................................... 2 1.3 Batasan Masalah ....................................................................................... 2 1.4 Tujuan ....................................................................................................... 2 1.5 Metode Penelitian ..................................................................................... 2 1.5.1 Metode Analisis ................................................................................ 2 1.5.2 Model Proses Pengembangan Perangkat Lunak ............................... 3 1.6 Sistematika Penulisan ............................................................................... 4 BAB II ..................................................................................................................... 6 LANDASAN TEORI .............................................................................................. 6 2.1 Java ........................................................................................................... 6 2.2 HTML ....................................................................................................... 6 2.3 XHTML .................................................................................................... 7 2.4 CSS ........................................................................................................... 7 2.5 Javascript .................................................................................................. 7 2.6 Jquery ....................................................................................................... 7 2.7 JSTL ......................................................................................................... 8 2.8 Java Server Faces (JSF) ............................................................................ 8 2.9 SQL Server ............................................................................................... 8 2.10 RSA (Rivest-Shamir-Adleman) ............................................................... 9 2.11 Rekayasa Perangkat Lunak....................................................................... 9 VIII http://digilib.mercubuana.ac.id/ 2.12 ERD ........................................................................................................ 10 2.12.1 One-to-one Relationship ................................................................. 11 2.12.2 One-to-many Relationship .............................................................. 11 2.12.3 Many-to-many Relationship ........................................................... 11 2.13 UML ....................................................................................................... 12 2.13.1 Use Case Diagram ........................................................................... 12 2.13.2 Activity Diagram ............................................................................. 13 2.13.3 Sequence Diagram .......................................................................... 13 2.14 Metode Waterfall .................................................................................... 14 2.14.1 Communication ............................................................................... 14 2.14.2 Planning .......................................................................................... 14 2.14.3 Modelling ........................................................................................ 15 2.14.4 Construction .................................................................................... 15 2.14.5 Deployment ..................................................................................... 15 BAB III ................................................................................................................. 16 ANALISA DAN PERANCANGAN SISTEM ..................................................... 16 3.1 Analisa Sistem ........................................................................................ 16 3.1.1 Analisa Sistem yang Sedang Berjalan............................................. 16 3.1.2 Analisa Sistem yang Akan Dibangun ............................................. 16 3.1.3 Analisa Pengguna ............................................................................ 17 3.2 Perancangan Sistem ................................................................................ 18 3.2.1 Use Case Diagram ........................................................................... 18 3.2.2 Activity Diagram ............................................................................. 23 3.2.3 Sequence Diagram .......................................................................... 35 3.2.4 Entity Relationship Diagram (ERD) ............................................... 40 3.3 Database ................................................................................................. 41 3.4 Desain Interface ...................................................................................... 44 BAB IV ................................................................................................................. 53 IMPLEMENTASI DAN PENGUJIAN SISTEM ................................................. 53 4.1 Implementasi Basis Data ........................................................................ 53 4.1.1 Struktur tabel User Login ................................................................ 53 4.1.2 Struktur tabel Parameter System ..................................................... 53 IX http://digilib.mercubuana.ac.id/ 4.1.3 Struktur tabel Lookup Data ............................................................. 54 4.1.4 Struktur tabel Form Laporan ........................................................... 54 4.1.5 Struktur tabel Form Laporan Content ............................................. 54 4.1.6 Struktur tabel History Data Upload ................................................ 55 4.2 Implementasi Aplikasi ............................................................................ 55 4.2.1 Implementasi Tampilan Login ........................................................ 55 4.2.2 Implementasi Tampilan Konfigurasi Aplikasi ................................ 56 4.2.3 Implementasi Tampilan Upload Laporan ....................................... 56 4.2.4 Implementasi Tampilan List Web Form ......................................... 57 4.2.5 Implementasi Tampilan List Web Form Detail .............................. 58 4.2.6 Implementasi Tampilan Web Form Detail ...................................... 58 4.2.7 Implementasi Tampilan Data Profil ................................................ 59 4.2.8 Implementasi Tampilan List Rekap Laporan .................................. 59 4.2.9 Implementasi Tampilan Rekap Laporan Detail .............................. 60 4.2.10 Implementasi Tampilan Lsit Skema Form Laporan ....................... 60 4.2.11 Implementasi Tampilan Skema Form Laporan Detail .................... 61 4.2.12 Implementasi Tampilan List Manajemen User ............................... 61 4.2.13 Implementasi Tampilan Manajemen User Detail ........................... 62 4.2.14 Implementasi Tampilan List Manajemen Parameter Aplikasi ........ 62 4.2.15 Implementasi Tampilan Manajemen Parameter Aplikasi Detail .... 63 4.3 Spesifikasi Perangkat Keras dan Perangkat Lunak ................................ 63 4.3.1 Perangkat Keras ( hardware ) ......................................................... 63 4.3.2 Perangkat Lunak ( software ) .......................................................... 64 4.4 Pengujian Black Box .............................................................................. 64 4.4.1 Hasil Pengujian pada Tampilan Web .............................................. 64 4.4.2 Kesimpulan Pengujian .................................................................... 68 BAB V................................................................................................................... 69 5.1 Kesimpulan ............................................................................................. 69 5.2 Saran ....................................................................................................... 69 LAMPIRAN ....................................................................................................... XIX X http://digilib.mercubuana.ac.id/ DAFTAR GAMBAR Gambar 2.1 Teknologi Rekayasa Perangkat Lunak ................................................ 9 Gambar 2.2 Entitas dan Atribut ............................................................................ 10 Gambar 2.3 One-to-one Relationship ................................................................... 11 Gambar 2.4 One-to-many Relationship ................................................................ 11 Gambar 2.5 Many-to-many Relationship .............................................................. 12 Gambar 2.6 Contoh Penggunaan Use Case Diagram ........................................... 12 Gambar 2.7 Contoh Penggunaan Activity Diagram ............................................. 13 Gambar 2.8 Contoh Penggunaan Sequence Diagram ........................................... 14 Gambar 2.9 Metode Waterfall............................................................................... 14 Gambar 3.1 Diagram use case aplikasi verifikasi pelaporan bank........................ 19 Gambar 3.2 Activity Diagram Login .................................................................... 23 Gambar 3.3 Activity Diagram Upload Laporan .................................................... 24 Gambar 3.4 Activity Diagram Konfigurasi Aplikasi ............................................ 25 Gambar 3.5 Activity Diagram Rekap Laporan ..................................................... 26 Gambar 3.6 Activity Diagram Web Form............................................................. 27 Gambar 3.7 Activity Diagram Data Profil ............................................................ 29 Gambar 3.8 Activity Diagram Schema Form Laporan ......................................... 30 Gambar 3.9 Activity Diagram Parameter Aplikasi ............................................... 31 Gambar 3.10 Activity Diagram Manajemen User ................................................ 32 Gambar 311 Activity Diagram Enkrip File ........................................................... 33 Gambar 3.12 Activity Diagram Dekrip File ......................................................... 34 Gambar 3.13 Sequence Diagram Login ............................................................... 35 Gambar 3.14 Sequence Diagram Konfigurasi Aplikasi ........................................ 35 Gambar 3.15 Sequence Diagram Upload Laporan ............................................... 36 Gambar 3.16 Sequence Diagram Parameter Aplikasi ........................................... 36 Gambar 3.17 Sequence Diagram Web Form ........................................................ 37 Gambar 3.18 Sequence Diagram Data Profil ........................................................ 37 Gambar 3.19 Sequence Diagram Rekap Laporan ................................................. 38 Gambar 3.20 Sequence Diagram Schema Form Laporan ..................................... 38 Gambar 3.21 Sequence Diagram Manajemen User .............................................. 39 Gambar 3.22 Sequence Diagram Enkripsi File ..................................................... 39 XI http://digilib.mercubuana.ac.id/ Gambar 3.23 Sequence Diagram Dekripsi File..................................................... 40 Gambar 3.24 Aplikasi Verifikasi Pelaporan Bank ................................................ 40 Gambar 3.25 Desain Interface Halaman Login..................................................... 45 Gambar 3.26 Desain Interface Halaman Beranda ................................................. 45 Gambar 3.27 Desain Interface Halaman Konfigurasi Aplikasi ............................ 46 Gambar 3.28 Desain Interface Halaman Upload Laporan .................................... 46 Gambar 3.29 Desain Interface Halaman List Web Form ...................................... 47 Gambar 3.30 Desain Interface Halaman List Web Form Detail ........................... 47 Gambar 3.31 Desain Interface Halaman Web Form Detail .................................. 48 Gambar 3.32 Desain Interface Halaman Data Profil ............................................ 48 Gambar 3.33 Desain Interface Halaman List Rekap Laporan .............................. 49 Gambar 3.34 Desain Interface Halaman Rekap LaporanDetail ............................ 49 Gambar 3.35 Desain Interface Halaman List Skema Form Laporan .................... 50 Gambar 3.36 Desain Interface Halaman Skema Form Laporan Detail ................ 50 Gambar 3.37 Desain Interface Halaman List Manajemen User ........................... 51 Gambar 3.38 Desain Interface Halaman Manajemen UserDetail ......................... 51 Gambar 3.39 Desain Interface Halaman List Manajemen ParameterAplikasi ..... 52 Gambar 3.40 Desain Interface Halaman Manajemen Parameter Detail ............... 52 Gambar 4.1 Struktur Tabel User Login................................................................. 53 Gambar 4.2 Struktur Tabel Parameter System ...................................................... 53 Gambar 4.3 Struktur tabel Lookup Data ............................................................... 54 Gambar 4.4 Struktur Tabel Form Laporan ............................................................ 54 Gambar 4.5 Struktur Tabel Form Laporan Content .............................................. 54 Gambar 4.6 Struktur Tabel History Data Upload ................................................. 55 Gambar 4.7 Struktur Tabel Form [Kode] Contents .............................................. 55 Gambar 4.8 Tampilan Login ................................................................................. 56 Gambar 4.9 Tampilan Konfigurasi Aplikasi ......................................................... 56 Gambar 4.10 Tampilan Upload Laporan .............................................................. 57 Gambar 4.11 Tampilan List Web Form ................................................................ 57 Gambar 4.12 Tampilan List Web Form Detail ..................................................... 58 Gambar 4.13 Tampilan Web Form Detail............................................................. 58 Gambar 4.14 Tampilan Data Profil ....................................................................... 59 XII http://digilib.mercubuana.ac.id/ Gambar 4.15 Tampilan List Rekap Laporan ......................................................... 59 Gambar 4.16 Tampilan Rekap Laporan Detail ..................................................... 60 Gambar 4.17 Tampilan List Skema Form Laporan .............................................. 60 Gambar 4.18 Tampilan Skema Form Laporan Detail ........................................... 61 Gambar 4.19 Tampilan List Manajemen User ...................................................... 62 Gambar 4.20 Tampilan Manajemen User Detail .................................................. 62 Gambar 4.21 Tampilan List Manajemen Parameter Aplikasi ............................... 63 Gambar 4.22 Tampilan Manajemen Parameter Aplikasi Detail ........................... 63 XIII http://digilib.mercubuana.ac.id/ DAFTAR TABEL Tabel 3.1 Deskripsi use case Login ...................................................................... 19 Tabel 3.2 Deskripsi Upload Laporan ................................................................... 19 Tabel 3.3 Deskripsi Mengisi WebForm ................................................................ 20 Tabel 3.4 Deskripsi use case Mengisi Data Profil ................................................ 20 Tabel 3.5 Deskripsi use case Konfigurasi Aplikasi............................................... 20 Tabel 3.6 Deskripsi use case Melihat Rekap Laporan .......................................... 21 Tabel 3.7 Deskripsi use case Membuat Skema Form Laporan dan Validasinya .. 21 Tabel 3.8 Deskripsi use case Manajemen Parameter Aplikasi ............................. 21 Tabel 3.9 Deskripsi use case Manajemen User ................................................... 21 Tabel 3.10 Deskripsi Enkrip File .......................................................................... 22 Tabel 3.11 Deskripsi Dekrip File .......................................................................... 22 Tabel 3.12 Deskripsi activity diagram login ......................................................... 23 Tabel 3.13 Deskripsi activity upload laporan ....................................................... 24 Tabel 3.14 Deskripsi activity konfigurasi aplikasi ................................................ 25 Tabel 3.15 Deskripsi activity Rekap Laporan ....................................................... 27 Tabel 3.16 Deskripsi activity Web Form............................................................... 27 Tabel 3.17 Deskripsi activity Data Profil ............................................................. 29 Tabel 3.18 Deskripsi activity Schema Form Laporan .......................................... 30 Tabel 3.19 Deskripsi activity Parameter Aplikasi ................................................ 31 Tabel 3.20 Deskripsi activity Manajemen User .................................................... 32 Tabel 3.21 Deskripsi activity Emkrip File ............................................................ 33 Tabel 3.22 Deskripsi activity dekrip file ............................................................... 34 Tabel 3.23 Struktur form_laporan ........................................................................ 41 Tabel 3.24 Struktur form_laporan_content........................................................... 42 Tabel 3.25 Struktur History File Upload .............................................................. 43 Tabel 3.26 Struktur Lookup Data.......................................................................... 43 Tabel 3.27 Struktur Login ..................................................................................... 43 Tabel 3.28 Struktur Parameter System ................................................................. 44 Tabel 3.29 Struktur Tabel Form [Kode] Contents ................................................ 44 Tabel 4.1 Hasil Pengujian pada Tampilan Web ................................................... 64 XIV http://digilib.mercubuana.ac.id/