Entity Relationship Model Internet Web Web browser Web server Perangkat Lunak Sist

Transkripsi

1 DAFTAR ISI LAPORAN TUGAS AKHIR... i HALAMAN PENGESAHAN... iiiii PERNYATAAN... iiiv PRAKATA... v DAFTAR ISI... vi DAFTAR GAMBAR... x DAFTAR TABEL... xviii INTISARI... xix ABSTRACT... xx BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Metodologi Penelitian Sistematika Penulisan... 5 BAB II TINJAUAN PUSTAKA... 7 BAB III LANDASAN TEORI Sistem Elemen sistem Karakteristik sistem Siklus Hidup Pengembangan Sistem Perencanaan sistem Analisis sistem Desain sistem Implementasi sistem Pengujian sistem Basis Data Database management system vi

2 Entity Relationship Model Internet Web Web browser Web server Perangkat Lunak Sistem HTML PHP CSS Javascript JQuery AJAX MySQL Twitter bootstrap Konsep MVC Konsep HMVC Framework CodeIgniter HighCharts Google MAPS Google MAPS API Geocoding Alat Implementasi Notepad Microsoft Office Visio XAMPP YED graph editor Balsamiq mockups MySQL workbench Sekilas tentang OPT Tentang BBPPTP Surabaya BAB IV ANALISIS DAN RANCANGAN SISTEM Analisis Analisis masalah Analisis kebutuhan fungsional Analisis kebutuhan nonfungsional vii

3 Analisis kebutuhan data Perancangan Rancangan basis data Rancangan proses Perancangan Struktur Menu Rancangan antarmuka BAB V IMPLEMENTASI Implementasi Perangkat Lunak Pembangun Implementasi Perangkat Keras Pembangun Implementasi Basis Data Pembuatan basis data Pembuatan tabel Implementasi Antarmuka Konfigurasi framework CodeIgniter Pembuatan antarmuka dan fungsi sistem BAB VI PENGUJIAN DAN PEMBAHASAN Skenario Pengujian Uji Kasus dan Hasil Pengujian Pengujian masuk ke sistem Pengujian entri data OPT Pengujian display tabel cross section Pengujian display tabel time series Pengujian display grafik bar chart Pengujian display grafik line chart Pengujian display laporan Pengujian menampilkan peta Pengujian tambah geleri Pengujian ganti password Pengujian tambah module Pengujian tambah pengguna BAB VII KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA viii

4 LAMPIRAN ix

5 DAFTAR GAMBAR Gambar 3.1 Siklus hidup pengembangan sistem metode waterfall Gambar 3.2 Contoh diagram usecase Gambar 3.3 Contoh diagram activity Gambar 3.4 Contoh diagram class Gambar 3.5 Contoh ERD Gambar 3.6 Konsep MVC Gambar 3.7 Konsep HMVC Gambar 4.2 Rancangan struktur tabel basis data Gambar 4.3 Rancangan diagram usecase Gambar 4.4 Diagram activity melihat data induk Gambar 4.5 Diagram activity melihat pemetaan Gambar 4.6 Diagram activity melihat laporan Gambar 4.7 Diagram activity melihat dokumentasi Gambar 4.8 Diagram activity melihat display data tabel Gambar 4.9 Diagram activity melihat display data grafik Gambar 4.10 Diagram activity ganti password Gambar 4.11 Diagram activity tambah data laporan OPT Gambar 4.12 Diagram activity tambah data laporan OPT Gambar 4.13 Diagram activity download laporan Gambar 4.14 Diagram activity kelola data induk Gambar 4.15 Diagram activity kelola dokumentasi Gambar 4.16 Diagram activity tambah dokumentasi Gambar 4.17 Diagram activity tambah data induk Gambar 4.18 Diagram activity manajemen modul Gambar 4.19 Diagram activity manajemen user Gambar 4.20 Diagram activity manajemen level user Gambar 4.21 Diagram activity export data Gambar 4.22 Diagram activity import data Gambar 4.23 Rancangan diagram class Gambar 4.24 Struktur menu petugas Gambar 4.25 Struktur menu admin Gambar 4.26 Struktur menu root Gambar 4.27 Rancangan halaman depan x

6 Gambar 4.28 Rancangan halaman data komoditas Gambar 4.29 Rancangan halaman data OPT Gambar 4.30 Rancangan halaman data provinsi Gambar 4.31 Rancangan halaman data kabupaten Gambar 4.32 Rancangan halaman data kecamatan Gambar 4.33 Rancangan halaman tabel cross section Gambar 4.34 Rancangan halaman display tabel cross section Gambar 4.35 Rancangan halaman tabel time series Gambar 4.36 Rancangan halaman display tabel time series Gambar 4.37 Rancangan halaman grafik bar chart Gambar 4.38 Rancangan halaman display grafik bar chart Gambar 4.39 Rancangan halaman grafik line chart Gambar 4.40 Rancangan halaman display grafik line chart Gambar 4.41 Rancangan halaman data laporan Gambar 4.42 Rancangan halaman display data laporan Gambar 4.43 Rancangan halaman peta Gambar 4.44 Rancangan halaman display peta Gambar 4.45 Rancangan halaman galeri Gambar 4.46 Rancangan halaman login Gambar 4.47 Rancangan halaman tambah komoditi Gambar 4.48 Rancangan halaman tambah OPT Gambar 4.49 Rancangan halaman tambah data provinsi Gambar 4.50 Rancangan halaman tambah data kabupaten Gambar 4.51 Rancangan halaman tambah data kecamatan Gambar 4.52 Rancangan halaman ubah data komoditi Gambar 4.53 Rancangan halaman ubah data OPT Gambar 4.54 Rancangan halaman ubah data provinsi Gambar 4.55 Rancangan halaman ubah data kabupaten Gambar 4.56 Rancangan halaman ubah data kecamatan Gambar 4.57 Rancangan halaman entri data OPT Gambar 4.58 Rancangan halaman display entri data OPT Gambar 4.59 Rancangan halaman ubah password Gambar 4.60 Rancangan manajemen level pengguna Gambar 4.61 Rancangan tambah level pengguna xi

7 Gambar 4.62 Rancangan ubah hak akses Gambar 4.63 Rancangan halaman hapus level pengguna Gambar 4.64 Rancangan halaman manajemen pengguna Gambar 4.65 Rancangan halaman ubah pengguna Gambar 4.66 Rancangan halaman hapus pengguna Gambar 4.67 Rancangan halaman cari pengguna Gambar 4.68 Rancangan halaman cari pengguna tidak ditemukan Gambar 4.69 Rancangan halaman cari galeri Gambar 4.70 Rancangan halaman cari galeri tidak ditemukan Gambar 4.71 Rancangan halaman preview galeri Gambar 5.1 Kode program untuk membuat basis data pertanian Gambar 5.2 Kode program untuk membuat tabel group Gambar 5.3 Kode program untuk membuat tabel module Gambar 5.4 Kode program untuk membuat tabel group_module Gambar 5.5 Kode program untuk membuat tabel provinsi Gambar 5.6 Kode program untuk membuat tabel kabupaten Gambar 5.7 Kode program untuk membuat tabel kecamatan Gambar 5.8 Kode program untuk membuat tabel komoditi Gambar 5.9 Kode program untuk membuat tabel OPT Gambar 5.10 Kode program untuk membuat tabel user Gambar 5.11 Kode program untuk membuat tabel galeri Gambar 5.12 Kode program untuk membuat tabel laporan Gambar 5.13 Kode program untuk membuat tabel ci_session Gambar 5.14 Kode program untuk konfigurasi basis data Gambar 5.15 Kode program untuk konfigurasi helper dan libraries Gambar 5.16 Kode program untuk konfigurasi default controller Gambar 5.17 Kode program untuk konfigurasi controller Gambar 5.18 Kode program untuk menampilkan menu Gambar 5.19 Kode program untuk menampilkan konten halaman depan Gambar 5.20 Antarmuka halaman depan Gambar 5.21 Kode program halaman login Gambar 5.22 Antarmuka halaman login Gambar 5.23 Kode program halaman daftar komoditas Gambar 5.24 Kode program edit data komoditas xii

8 Gambar 5.25 Kode program edit data komoditas Gambar 5.26 Antarmuka halaman daftar komoditas Gambar 5.27 Kode program halaman daftar OPT Gambar 5.28 Kode program menambah data OPT Gambar 5.29 Kode program mengubah data OPT Gambar 5.30 Kode program menghapus data OPT Gambar 5.31 Kode program menyimpan perubahan data OPT Gambar 5.32 Antarmuka halaman daftar OPT Gambar 5.33 Kode program menampilkan halaman daftar provinsi Gambar 5.34 Kode program mengubah data provinsi Gambar 5.35 Kode program menyimpan perubahan data provinsi Gambar 5.36 Antarmuka halaman daftar provinsi Gambar 5.37 Kode program halaman daftar kabupaten Gambar 5.38 Kode program tambah data kabupaten Gambar 5.39 Kode program ubah data kabupaten Gambar 5.40 Kode program hapus data kabupaten Gambar 5.41 Kode program simpan perubahan data kabupaten Gambar 5.42 Antarmuka halaman daftar kabupaten Gambar 5.43 Antarmuka halaman ubah data kabupaten Gambar 5.44 Kode program halaman daftar kecamatan Gambar 5.45 Kode program tambah data kecamatan Gambar 5.46 Kode program ubah data kecamatan Gambar 5.47 Kode program hapus data kecamatan Gambar 5.48 Kode program simpan berubahan data kecamatan Gambar 5.49 Antarmuka halaman daftar kecamatan Gambar 5.50 Antarmuka halaman ubah data kecamatan Gambar 5.51 Kode program halaman entry data OPT Gambar 5.51 Kode program halaman entry data OPT (lanjutan) Gambar 5.52 Kode program mendapatkan objek Gambar 5.53 Kode program mendapatkan waktu Gambar 5.54 Kode program menyimpan data laporan Gambar 5.55 Kode program mendapatkan wilayah Gambar 5.56 Antarmuka halaman enty data OPT Gambar 5.57 Antarmuka halaman pengolahan data OPT xiii

9 Gambar 5.58 Kode program menampilkan halaman display data cross section 146 Gambar 5.59 Kode program menampilkan hasil display cross section Gambar 5.59 Kode program menampilkan hasil display cross section (lanjutan) Gambar 5.60 Antarmuka halaman display tabel cross section Gambar 5.61 Antarmuka halaman hasil display tabel cross section Gambar 5.62 Kode program menampilkan halaman display tabel time series Gambar 5.63 Kode program menampilkan hasil display tabel time series Gambar 5.63 Kode program menampilkan hasil display tabel time series (lanjutan) Gambar 5.64 Antarmuka halaman display tabel time series Gambar 5.65 Antarmuka hasil display tabel time series Gambar 5.66 Kode program menampilkan halaman display grafik bar chart Gambar 5.67 Kode program menampilkan hasil display grafik bar chart Gambar 5.68 Kode program menampilkan hasil display grafik bar chart (lanjutan) Gambar 5.68 Antarmuka halaman display grafik bar chart Gambar 5.69 Antarmuka hasil halaman display grafik bar chart Gambar 5.70 Kode program menampilkan halaman display line chart Gambar 5.71 Kode program menampilkan hasil display line chart Gambar 5.71 Kode program menampilkan hasil display line chart (lanjutan) Gambar 5.71 Kode program menampilkan hasil display line chart (lanjutan) Gambar 5.72 Antarmuka halaman display grafik line chart Gambar 5.73 Antarmuka hasil halaman display grafik line chart Gambar 5.74 Kode program menampilkan halaman display laporan Gambar 5.75 Kode program menampilkan halaman hasil display laporan Gambar 5.75 Kode program menampilkan halaman hasil display laporan (lanjutan) Gambar 5.76 Kode program mengexport data excel Gambar 5.77 Antarmuka halaman display laporan Gambar 5.78 Antarmuka halaman hasil display laporan Gambar 5.79 Antarmuka hasil data setelah diunduh Gambar 5.80 Kode program menampilkan halaman peta Gambar 5.81 Kode program menampilkan hasil halaman peta Gambar 5.81 Kode program menampilkan hasil halaman peta (lanjutan) xiv

10 Gambar 5.82 Antarmuka halaman peta Gambar 5.83 Antarmuka hasil halaman peta Gambar 5.84 Kode program menampilkan halaman galeri Gambar 5.85 Kode program menambah data galeri Gambar 5.86 Kode program menghapus data galeri Gambar 5.87 Kode program mengubah data galeri Gambar 5.88 Kode program melihat detail galeri Gambar 5.89 Antarmuka halamn galeri Gambar 5.90 Antarmuka ubah galeri Gambar 5.91 Antarmuka tambah galeri Gambar 5.92 Antarmuka detail galeri Gambar 5.93 Kode program menampilkan halaman ganti password Gambar 5.94 Kode program verifikasi password Gambar 5.95 Antarmuka halaman ganti password Gambar 5.96 Kode program menampilkan halaman manajemen pengguna Gambar 5.97 Kode program mengubah hak akses pengguna Gambar 5.98 Antarmuka halaman manajemen level pengguna Gambar 5.99 Antarmuka halaman mengubah hak akses level pengguna Gambar Kode program halaman manajemen pengguna Gambar Kode program menambah pengguna Gambar Kode program menambah pengguna (lanjutan) Gambar Kode program menghapus pengguna Gambar Kode program mengubah data pengguna Gambar Kode program mengubah data pengguna (lanjutan) Gambar Antarmuka halaman manajemen pengguna Gambar Antarmuka tambah data pengguna Gambar Antarmuka ubah data pengguna Gambar Antarmuka cari data pengguna Gambar Kode program menampilkan halaman manajemen module Gambar Kode program menambah module Gambar Kode program menghapus module Gambar Kode program mengubah module Gambar Antarmuka halaman manajemen module Gambar Antarmuka halaman tambah data module xv

11 Gambar Antarmuka halaman ubah data module Gambar Antarmuka halaman cari data module Gambar Kode program menampilkan halaman export data Gambar Kode program mengexport data Gambar Antarmuka halaman export data Gambar Kode program menampilkan halaman import data Gambar Kode program import data Gambar Antarmuka halaman import data Gambar 6.1 Tampilan hasil pengujian kesalahan masuk ke sistem Gambar 6.2 Tampilan hasil pengujian masuk ke sistem Gambar 6.3 Tampilan hasil pengujian kesalahan entri data OPT Gambar 6.4 Tampilan hasil pengujian entri data OPT Gambar 6.5 Tampilan hasil pengujian simpan entri data OPT Gambar 6.6 Tampilan hasil pengujian kesalahan display tabel cross section Gambar 6.7 Tampilan hasil pengujian display tabel cross section data ada Gambar 6.8 Tampilan hasil pengujian display tabel cross section data tidak ada Gambar 6.9 Tampilan hasil pengujian kesalahan display tabel time series Gambar 6.10 Tampilan hasil pengujian display tabel time series Gambar 6.11 Tampilan hasil pengujian kesalahan display grafik bar chart Gambar 6.12 Tampilan hasil pengujian display grafik bar chart Gambar 6.13 Tampilan hasil pengujian kesalahan display grafik line chart Gambar 6.14 Tampilan hasil pengujian display grafik line chart Gambar 6.15 Tampilan hasil pengujian kesalahan display laporan Gambar 6.16 Tampilan hasil pengujian display laporan Gambar 6.17 Tampilan hasil pengujian kesalahan menampilkan peta Gambar 6.18 Tampilan hasil pengujian menampilkan peta Gambar 6.19 Tampilan hasil pengujian kesalahan menambah galeri Gambar 6.20 Tampilan hasil pengujian menambah galeri Gambar 6.21 Tampilan hasil pengujian detail galeri Gambar 6.22 Tampilan hasil pengujian kesalahan ubah password Gambar 6.23 Tampilan hasil pengujian ubah password Gambar 6.24 Tampilan hasil pengujian kesalahan tambah module Gambar 6.25 Tampilan hasil pengujian tambah module xvi

12 Gambar 6.26 Tampilan hasil pengujian kesalahan tambah pengguna Gambar 6.27 Tampilan hasil pengujian tambah pengguna xvii

13 DAFTAR TABEL Tabel 2.1 Tabel perbandingan penelitian Tabel 4.1 Tabel penjelasan relasi dan kardinalitas ERD Tabel 4.3 Tabel user Tabel 4.4 Tabel group Tabel 4.5 Tabel provinsi Tabel 4.6 Tabel kabupaten Tabel 4.7 Tabel kecamatan Tabel 4.8 Tabel kecamatan Tabel 4.9 Tabel kecamatan Tabel 4.10 Tabel group_module Tabel 4.11 Tabel module Tabel 4.12 Tabel module Tabel 6.1 Skenario pengujian xviii