DAFTAR ISI. HALAMAN JUDUL... ii

Transkripsi

1 DAFTAR ISI HALAMAN JUDUL... i HALAMAN JUDUL... ii HALAMAN PENGESAHAN... iii PERNYATAAN... iv KATA PENGANTAR... v DAFTAR ISI... vii DAFTAR TABEL... x DAFTAR GAMBAR... xi INTISARI... xvii ABSTRACT... xviii BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Metodologi Penelitian Sistematika Penulisan... 6 BAB II TINJAUAN PUSTAKA... 8 BAB III LANDASAN TEORI Konsep Dasar Sistem Karakteristik Sistem Siklus Hidup Pengembangan Sistem Analisis sistem Perancangan sistem Implementasi sistem Pengujian sistem Definisi Informasi Siklus Informasi vii

2 3.6 Kualitas Informasi Nilai Informasi Konsep Dasar Sistem Informasi Komponen Sistem Informasi Definisi Basis data Tujuan Basis Data Bahasa Basis Data Entity Relationship Diagram Kunci Perangkat Lunak Sistem PHP HTML CSS Javascript dan JQuery Ajax MySQL XAMPP Twitter Bootstrap Yii Framework Konsep MVC (Model-Controller-View) Profil SMK Muhammadiyah Kramat Kabupaten Tegal Visi misi SMK Muhammadiyah Kramat Struktur organisasi SMK Muhammadiyah Kramat BAB IV ANALISIS DAN PERANCANGAN SISTEM Analisis Sistem Analisis masalah Analisis kebutuhan pengguna sistem Analisis kebutuhan fungsional Analisis kebutuhan nonfungsional Analisis kebutuhan data Perancangan Basis Data viii

3 4.2.1 Rancangan struktur tabel basis data Perancangan Proses Perancangan Struktur Menu Perancangan Antarmuka Pengguna BAB V IMPLEMENTASI SISTEM Implementasi Perangkat Lunak Sistem Pembuatan Basis Data Pembuatan Tabel Pembuatan Relasi Antar Tabel Implementasi Relasi Antar Tabel Implementasi Antarmuka BAB VI HASIL PENGUJIAN DAN PEMBAHASAN Skenario pengujian Hasil Pengujian Sistem Pengujian masuk ke sistem Pengujian data jabatan Pengujian data klasifikasi Pengujian data pegawai Pengujian data pengguna Pengujian data surat masuk Pengujian data lembar disposisi Pengujian data surat keluar Pengujian laporan Pengujian akun pengguna sistem Testimoni pengguna BAB VII KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN ix

4 DAFTAR TABEL Tabel 2.1 Analisis perbandingan terhadap penelitian yang berkaitan dengan pengelolaan surat Tabel 2.2 Analisis perbandingan terhadap penelitian yang berkaitan dengan pengelolaan surat (lanjutan) Tabel 3.1 Simbol dan komponen pada DAD Tabel 3.2 Simbol Diagram E-R Tabel 4.1 Rancangan tabel user Tabel 4.2 Rancangan tabel pegawai Tabel 4.3 Rancangan tabel jabatan Tabel 4.4 Rancangan tabel klasifikasi Tabel 4.5 Rancangan tabel lembar_disposisi Tabel 4.6 Rancangan tabel lembar_disposisi (lanjutan) Tabel 4.7 Rancangan tabel surat masuk Tabel 4.8 Rancangan tabel surat keluar Tabel 4.9 Rancangan tabel detail_disposisi Tabel 6.1 Skenario pengujian sistem Tabel 6.2 Skenario pengujian sistem (lanjutan) Tabel 6.3 Tabel testimoni pengguna x

5 DAFTAR GAMBAR Gambar 3.1 Siklus hidup pengembangan sistem dengan metode waterfall.. 15 Gambar 3.2 Siklus informasi (Jogiyanto, 2005) Gambar 3.3 Struktur organisasi SMK Muhammadiyah Kramat Gambar 4.1 Entity Relationship Diagram (ERD) Gambar 4.2 DAD level konteks Gambar 4.3 DAD level Gambar 4.4 DAD level 2 manajemen login Gambar 4.5 DAD level 2 manajemen jabatan Gambar 4.6 DAD level 2 manajemen klasifikasi Gambar 4.7 DAD level 2 manajemen pegawai Gambar 4.8 DAD level 2 manajemen pengguna Gambar 4.9 DAD level 2 manajemen surat masuk Gambar 4.10 DAD level 2 manajemen surat keluar Gambar 4.11 DAD level 2 manajemen lembar disposisi Gambar 4.12 DAD level 2 manajemen laporan Gambar 4.13 Struktur menu administrator Gambar 4.14 Struktur menu petugas tata usaha Gambar 4.15 Struktur menu kepala sekolah Gambar 4.16 Struktur menu pegawai Gambar 4.17 Rancangan halaman login Gambar 4.18 Rancangan halaman beranda administrator Gambar 4.19 Rancangan halaman jabatan Gambar 4.20 Rancangan halaman tambah data jabatan Gambar 4.21 Rancangan halaman detail data jabatan Gambar 4.22 Rancangan halaman data klasifikasi Gambar 4.23 Rancangan halaman tambah data klasifikasi Gambar 4.24 Rancangan halaman detail data klasifikasi Gambar 4.25 Rancangan halaman pegawai Gambar 4.26 Rancangan halaman tambah data pegawai xi

6 Gambar 4.27 Rancangan halaman administrator detail data pegawai Gambar 4.28 Rancangan halaman administrator hapus data pegawai Gambar 4.29 Rancangan halaman administrator menu surat masuk Gambar 4.30 Rancangan halaman petugas menu surat masuk Gambar 4.31 Rancangan halaman tambah surat masuk Gambar 4.32 Rancangan halaman detail data surat masuk Gambar 4.33 Rancangan halaman administrator menu surat keluar Gambar 4.34 Rancangan halaman petugas menu surat keluar Gambar 4.35 Rancangan halaman tambah surat keluar Gambar 4.36 Rancangan halaman detail surat keluar Gambar 4.37 Rancangan halaman administrator menu lembar disposisi Gambar 4.38 Rancangan halaman kepala sekolah menu lembar disposisi Gambar 4.39 Rancangan halaman tambah data lembar disposisi Gambar 4.40 Rancangan halaman detail lembar disposisi Gambar 4.41 Rancangan halaman tambah data pengguna Gambar 4.42 Rancangan halaman administrator detail data pengguna Gambar 4.43 Rancangan halaman manajemen laporan surat masuk Gambar 4.44 Rancangan halaman manajemen laporan surat keluar Gambar 4.45 Rancangan halaman laporan surat masuk Gambar 4.46 Rancangan halaman laporan surat keluar Gambar 4.47 Rancangan halaman laporan diagram Gambar 4.48 Rancangan halaman akun pengguna Gambar 4.49 Rancangan halaman profil petugas Gambar 4.50 Rancangan halaman pengaturan Gambar 5.1 Kode program pembuatan basis data Gambar 5.2 Kode program pembuatan tabel pegawai Gambar 5.3 Kode program pembuatan tabel user Gambar 5.4 Kode program pembuatan tabel klasifikasi Gambar 5.5 Kode program pembuatan tabel jabatan Gambar 5.6 Kode program pembuatan tabel surat masuk Gambar 5.7 Kode program pembuatan tabel surat keluar xii

7 Gambar 5.8 Kode program pembuatan tabel lembar_disposisi Gambar 5.9 Kode program pembuatan tabel detail_disposisi Gambar 5.10 Kode program pembuatan relasi di tabel user Gambar 5.11 Kode program pembuatan relasi di tabel pegawai Gambar 5.12 Kode program pembuatan relasi di tabel surat_masuk Gambar 5.13 Kode program pembuatan relasi di tabel surat_keluar Gambar 5.14 Kode program pembuatan relasi di tabel lembar_disposisi Gambar 5.15 Kode program pembuatan relasi di tabel detail_disposisi Gambar 5.16 Relasi antar tabel Gambar 5.17 Impelementasi antarmuka halaman login Gambar 5.18 Potongan kode program halaman login Gambar 5.19 Implementasi antarmuka halaman beranda Gambar 5.20 Potongan kode program halaman beranda Gambar 5.21 Implementasi antarmuka halaman jabatan Gambar 5.22 Potongan kode program halaman jabatan Gambar 5.23 Implementasi antarmuka halaman pencarian data jabatan Gambar 5.24 Potongan kode program halaman pencarian data jabatan Gambar 5.25 Implementasi antarmuka halaman tambah data jabatan Gambar 5.26 Potongan kode program halaman tambah data jabatan Gambar 5.27 Implementasi antarmuka halaman hapus data jabatan Gambar 5.28 Implementasi antarmuka halaman hapus data jabatan Gambar 5.29 Implementasi antarmuka halaman klasifikasi Gambar 5.30 Potongan kode program model halaman klasifikasi Gambar 5.31 Implementasi antarmuka halaman tambah data klasifikasi Gambar 5.32 Potongan kode program halaman tambah data klasifikasi Gambar 5.33 Implementasi antarmuka halaman ubah data klasifikasi Gambar 5.34 Potongan kode program halaman ubah data klasifikasi Gambar 5.35 Implementasi antarmuka halaman detail data klasifikasi Gambar 5.36 Potongan kode program halaman detail data klasifikasi Gambar 5.37 Implementasi antarmuka halaman data pegawai Gambar 5.38 Potongan kode program halaman data pegawai xiii

8 Gambar 5.39 Implementasi antarmuka halaman tambah data pegawai Gambar 5.40 Potongan kode program halaman tambah data pegawai Gambar 5.41 Implementasi antarmuka halaman tambah data pengguna Gambar 5.42 Kode program halaman tambah data pengguna Gambar 5.43 Implementasi antarmuka halaman surat masuk Gambar 5.44 Potongan kode program halaman surat masuk Gambar 5.45 Implementasi antarmuka halaman tambah surat masuk Gambar 5.46 Potongan kode program halaman tambah data surat masuk Gambar 5.47 Implementasi antarmuka halaman surat disposisi Gambar 5.48 Potongan kode program halaman surat disposisi Gambar 5.49 Implementasi antarmuka halaman detail lembar disposisi Gambar 5.50 Potongan kode program view halaman detail lembar disposisi Gambar 5.51 Kode program controller halaman detail lembar disposisi Gambar 5.52 Implementasi antarmuka halaman surat keluar Gambar 5.53 Potongan kode program view form halaman surat keluar Gambar 5.54 Potongan kode program controller halaman surat keluar Gambar 5.55 Implementasi antarmuka halaman ubah data surat keluar Gambar 5.56 Potongan kode program halaman ubah data surat keluar Gambar 5.57 Implementasi antarmuka halaman laporan surat keluar Gambar 5.58 Potongan kode program halaman laporan surat keluar Gambar 5.59 Implementasi antarmuka halaman cetak laporan surat keluar 127 Gambar 5.60 Potongan kode program halaman cetak laporan surat keluar 128 Gambar 5.61 Implementasi antarmuka halaman laporan surat masuk Gambar 5.62 Potongan kode program halaman laporan surat masuk Gambar 5.63 Implementasi antarmuka halaman laporan diagram Gambar 5.64 Potongan kode program halaman laporan diagram Gambar 5.65 Potongan kode program halaman laporan diagram (lanjutan) 131 Gambar 5.66 Potongan kode program halaman laporan diagram (lanjutan) 131 Gambar 5.67 Implementasi antarmuka halaman akun Gambar 5.68 Potongan kode program halaman akun Gambar 5.69 Potongan kode program halaman keluar xiv

9 Gambar 5.70 Implementasi antarmuka halaman profil Gambar 5.71 Potongan kode program view halaman profil Gambar 5.72 Potongan kode program controller halaman profil Gambar 5.73 Implementasi antarmuka halaman ubah data pegawai Gambar 5.74 Potongan kode program halaman ubah data pegawai Gambar 5.75 Implementasi antarmuka halaman detail data pengguna Gambar 5.76 Potongan kode program halaman detail data pengguna Gambar 6.1 Tampilan halaman login Gambar 6.2 Tampilan pesan kesalahan pada pengisian form Gambar 6.3 Tampilan pesan peringatan pada form login Gambar 6.4 Tampilan pengisian form login Gambar 6.5 Tampilan halaman beranda admin Gambar 6.6 Tampilan halaman beranda petugas tata usaha Gambar 6.7 Tampilan halaman beranda pegawai Gambar 6.8 Tampilan halaman beranda kepala sekolah Gambar 6.9 Tampilan halaman jabatan Gambar 6.10 Tampilan pesan peringatan pada form tambah data jabatan Gambar 6.11 Tampilan pengisian form tambah data jabatan Gambar 6.12 Tampilan pesan peringatan data jabatan berhasil disimpan Gambar 6.13 Tampilan halaman ubah data jabatan Gambar 6.14 Tampilan pesan peringatan data jabatan berhasil diubah Gambar 6.15 Tampilan pesan peringatan data jabatan berhasil dihapus Gambar 6.16 Tampilan halaman data klasifikasi Gambar 6.17 Tampilan halaman form ubah data klasifikasi Gambar 6.18 Tampilan pesan peringatan data klasifikasi berhasil diubah Gambar 6.19 Tampilan pesan peringatan form tambah data pegawai Gambar 6.20 Tampilan pengisian form tambah data pegawai Gambar 6.21 Tampilan pesan peringatan data pegawai berhasil disimpan. 150 Gambar 6.22 Tampilan halaman detail data pegawai untuk admin Gambar 6.23 Tampilan pengisian form tambah data pengguna Gambar 6.24 Tampilan pesan peringatan form tambah data surat masuk xv

10 Gambar 6.25 Tampilan pesan peringatan file belum dilampirkan Gambar 6.26 Tampilan pengisian form tambah data surat masuk Gambar 6.27 Tampilan pesan peringatan data surat masuk berhasil disimpan Gambar 6.28 Tampilan pesan peringatan data surat masuk berhasil dihapus Gambar 6.29 Tampilan pengisian form tambah data lembar disposisi Gambar 6.30 Tampilan pesan data lembar disposisi berhasil disimpan Gambar 6.31 Tampilan pengujian pencarian Gambar 6.32 Tampilan halaman hasil pencarian Gambar 6.33 Tampilan halaman form ubah data surat keluar Gambar 6.34 Tampilan pesan peringatan data surat keluar berhasil diubah 158 Gambar 6.35 Tampilan halaman detail data surat keluar Gambar 6.36 Tampilan halaman laporan surat masuk Gambar 6.37 Tampilan halaman cetak laporan surat masuk Gambar 6.38 Tampilan halaman laporan surat keluar Gambar 6.39 Tampilan halaman cetak laporan surat keluar Gambar 6.40 Tampilan halaman pencarian pada laporan diagram Gambar 6.41 Tampilan halaman hasil pencarian pada laporan diagram Gambar 6.42 Tampilan halaman profil Gambar 6.43 Tampilan halaman form ubah data pegawai Gambar 6.44 Tampilan halaman form ubah data pengguna Gambar 6.45 Tampilan pesan peringatan data penggua berhasil diubah xvi