ANALISA DAN PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA PONDOK PESANTREN DAAR EL QOLAM 1

Transkripsi

1 ANALISA DAN PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA PONDOK PESANTREN DAAR EL QOLAM 1 YOFY ALFIADY PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA 2016

2 ANALISA DAN PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA PONDOK PESANTREN DAAR EL QOLAM 1 Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Sistem Informasi Oleh : YOFY ALFIADY PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA 2016

3 i

4 ii

5 KATA PENGANTAR Alhamdulillah, tiada kata yang terindah selain ucapan Puji dan Syukur kehadirat Allah SWT. Yang telah melimpahkan rahmat serta karunia-nya sehingga penulis dapat menyelesaikan penulisan Tugas Akhir ini yang berjudul Analisa dan Perancangan Sistem Informasi Akademik Berbasis Web Pada Pondok Pesantren Daar El Qolam. Tugas Akhir ini diajukan untuk memenuhi salah satu syarat dalam menyelesaikan Strata Satu Program Studi Informasi Universitas Mercu Buana. Penulis menyadari sepenuhnya bahwa penulisan skripsi ini masih banyak kekurangan dan keterbatasan, namun demikian penulis berusaha agar penyusunan skripsi ini tetap memenuhi syarat sebagai karya tulis yang bersifat ilmiah. Selama melakukan penyusunan sampai selesainya skripsi ini, penulis banyak memperoleh saran, arahan, dan bimbingan dari berbagai pihak. Maka pada kesempatan ini, penulis mengucapkan terima kasih kepada : 1. Pihak keluarga khususnya orang tua ibu dan bapak, kerabat-kerabat yang telah banyak memberikan dukungan, semangat, dan doa kepada penulis baik moril maupun materil. 2. Ariyani Wardhana ST, M. Kom, selaku dosen pembimbing yang telah memberikan bimbingan dan masukan, sehingga dapat menyelesaikan skripsi ini. 3. Ibu Nur Ani, ST., MMSI, selaku Ka. Prodi Sistem Informasi. 4. Bapak Bagus Priambodo, ST, M.TI, selaku dan Koordinator Tugas Akhir Program Studi Sistem Informasi. 5. Bapak dan Ibu dosen yang telah memberikan bekal ilmu selama penulis kuliah di Universitas Mercu Buana. 6. Pihak Pondok Pesantren Daar El Qolam, Gintung, Jayanti. 7. Teman-teman Jurusan Sistem Informasi angkatan 2009 yang telah banyak memberikan dukungan, semangat, dan doa kepada penulis. Serta semua iii

6 pihak yang terlalu banyak untuk disebut satu persatu sehingga terwujudnya penulisan ini. 8. Rekan - rekan MT2C 9. Rekan - rekan seperjuangan yang telah memberikan dukungan, semangat, dan doa kepada penulis. Penulis menyadari bahwa penyusunan Laporan Tugas Akhir ini masih jauh sekali dari sempurna untuk itu penulis mohon kritik dan saran yang bersifat membangun demi kesempurnaan penulisan dimasa yang akan datang. Akhir kata semoga Tugas Akhir ini dapat berguna bagi penulis khususnya dan bagi para pembaca yang berminat pada umumnya. Wassalamu alaikum Wr. Wb. Jakarta, Agustus 2016 Penulis iv

7 DAFTAR ISI LEMBAR PERNYATAAN... i LEMBAR PENGESAHAN... i KATA PENGANTAR... ii ABSTRACT... Error! Bookmark not defined. ABSTRAK... Error! Bookmark not defined. DAFTAR ISI... vii DAFTAR TABEL... xii DAFTAR GAMBAR... xiv BAB I PENDAHULUAN Latar Belakang Perumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Metode Penelitian Metode Pemodelan Sistem Sistematika Penulisan... 6 BAB II LANDASAN TEORI Konsep Dasar Sistem Informasi Definisi Sistem Definisi Informasi Definisi Sistem Informasi Metode Waterfall UML Pengertian UML Diagram UML Use Case vii

8 2.3.4 Activity diagram Sequence Diagram Class Diagram Analisa dan Perancangan Sistem Berorientasi Objek Pengertian Object (Objek) Pengertian Object (Objek) Oriented Analysis(Analisa Berorientasi Objek) Pengertian Object-Oriented Design (Analisa Berorientasi Desain) Kamus Data Database PHP (Personal Home Page) Pengertian MYSQL Pengertian CSS Adobe Dreamweaver CS Microsoft Visio Metode Pengujian Metode Black Box Konsep Dasar Sistem Informasi Akademik Pengertian Akademik Pengertian Sistem Informasi Akademik Pembayaran uang seragam dan buku Pembagian kelas Penetapan jadwal pelajaran Absensi Nilau Ujian Semester Pondok Pesantren Pengertian Pondok Pesantren Tipologi Pondok Pesantren BAB III ANALISA DAN PERANCANGAN SISTEM Umum Sejarah Pondok Pesantren viii

9 3.1.2 Kegiatan Ekstrakurikuler Visi dan Misi Struktur Organisasi Tujuan Pokok Dan Fungsi Analisa Sistem Berjalan Diagram Use Case Berjalan Perancangan Sistem Usulan Use Case Diagram Usulan Activity diagram Sistem Usulan Activity diagram Usulan Artikel Activity diagram Usulan Pendaftaran Activity diagram Usulan Melihat Jadwal Pelajaran Activity diagram Usulan Melihat Absensi Siswa Activity diagram Usulan Melihat Nilai Siswa Activity diagram Usulan Mengelola Pendaftaran Activity diagram Usulan Mengelola Data Guru Activity diagram Usulan Mengelola Data Siswa Activity diagram Usulan Mengelola Data Kelas Activity diagram Usulan Mengelola Jadwal Activity diagram Usulan Mengelola Laporan Activity diagram Usulan Mengelola Nilai Activity diagram Usulan Mengelola Absensi Siswa Sequence Diagram Sistem Usulan Sequence Diagram Login Siswa Sequence Diagram Pendaftaran Siswa Sequence Diagram Halaman Profil Siswa Sequence Diagram Halaman Jadwal Siswa Sequence Diagram Halaman Absensi Siswa Sequence Diagram Halaman Nilai Siswa Sequence Diagram Halaman Guru Nilai Siswa Sequence Diagram Halaman Guru Absensi Siswa Sequence Diagram Halaman Admin Mengelola Data Siswa ix

10 Sequence Diagram Halaman Admin Mengelola Data Guru Sequence Diagram Halaman Admin Mengelola Data Kelas Sequence Diagram Halaman Admin Mengelola Data Pelajaran Sequence Diagram Halaman Admin Mengelola Laporan Class Diagram Rancangan Struktur Tabel BAB IV ANALISA PERANCANGAN DESAIN User Interface Struktur Tampilan Struktur Tampilan Menu Admin Struktur Tampilan Menu Guru Struktur Tampilan Menu Siswa Rancangan Layar Rancangan Layar Beranda Rancangan Layar Profil Rancangan Layar Galeri Rancangan Layar Berita Rancangan Layar Pendaftaran Rancangan Layar Hasil Seleksi Rancangan Layar Kontak Kami Rancangan Layar Login Rancangan Layar Home Admin Rancangan Layar Table Admin Rancangan Layar Data Pendaftar Rancangan Layar Tabel Hasil Seleksi Pendaftaran Rancangan Layar Input Hasil Seleksi Pendaftaran Rancangan Layar Data Siswa Rancangan Layar Input Data Siswa Rancangan Layar Data Guru Rancangan Layar Input Data Guru Rancangan Layar Data Kelas x

11 Rancangan Layar Input Data Kelas Rancangan Layar Jadwal Pelajaran Rancangan Layar Input Jadwal Pelajaran Rancangan Layar Jadwal Mengajar Rancangan Layar Input Jadwal Mengajar Rancangan Layar Laporan Data Siswa Rancangan Layar Laporan Data Guru Rancangan Layar Laporan Nilai Rancangan Layar Laporan Absensi Rancangan Layar Profil Guru Rancangan Layar Jadwal Mengajar Rancangan Layar Absensi Siswa Rancangan Layar Lihat Absensi Siswa Rancangan Layar Nilai Siswa Rancangan Layar Lihat Nilai Siswa Rancangan Layar Profil Siswa Rancangan Layar Jadwal Pelajaran Siswa Rancangan Layar Lihat Absensi Siswa Rancangan Layar Lihat Nilai Siswa BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN... xi

12 DAFTAR TABEL Tabel 2.1 Macam-macam Diagram UML Tabel 2.2 Simbol Use Case Diagram (Rosa, Salahudin (2011:131) Tabel 2.3 Simbol Activity diagram Rosa, Salahudin (2011:134) Tabel 2.4 Simbol Sequence Diagram[Rosa A.S- M.Salahudin (2011:138)] Tabel 2.5 Simbol Class Diagram Rosa A.S- M.Shalahudin (2011:123) Tabel 3.1 Keterangan Use Case melakukan pembayaran Tabel 3.2 Keterangan Use Case mengelola pembayaran Tabel 3.3 Keterangan Use Case Mengelola Kelas Tabel 3.4 Keterangan Use Case absensi Tabel 3.5 Keterangan Use Case nilai Tabel 3.6 Keterangan Use Case raport Tabel 3.7 Skenario Use Case Usulan Pendaftaran Tabel 3.8 Skenario Use Case Usulan Hasil Seleksi Tabel 3.9 Skenario Use Case Usulan Melihat Jadwal Pelajaran Tabel 3.10 Skenario Use Case Usulan Melihat Absensi Tabel 3.11 Skenario Use Case Usulan Melihat Nilai Siswa Tabel 3.12 Skenario Use Case Usulan Admin Mengelola Pendaftaran Tabel 3.13 Skenario Use Case Usulan Admin Menginput Hasil Seleksi Tabel 3.14 Skenario Use Case Usulan Admin Mengelola Data Guru Tabel 3.15 Skenario Use Case Usulan Admin Mengelola Data Siswa Tabel 3.16 Skenario Use Case Usulan Mengelola Data Kelas Tabel 3.17 Skenario Use Case Usulan Mengelola Data Mata Pelajaran Tabel 3.18 Skenario Use Case Usulan Mengelola Data Mengajar Tabel 3.19 Skenario Use Case Usulan Mengelola Laporan Tabel 3.20 Skenario Use Case Usulan Guru Mengelola Absensi Siswa Tabel 3.21 Skenario Use Case Usulan Guru Mengelola Nilai Siswa Tabel 3.22 Keterangan Sequence Diagram Login Siswa Tabel 3.23 Keterangan Sequence Diagram Pendaftaran Siswa Tabel 3.24 Keterangan Sequence Diagram Profil Siswa xii

13 Tabel 3.25 Keterangan Sequence Diagram Jadwal Siswa Tabel 3.26 Keterangan Sequence Diagram Absensi Siswa Tabel 3.27 Keterangan Sequence Diagram Nilai Siswa Tabel 3.28 Keterangan Sequence Diagram Halaman Guru Nilai Siswa Tabel 3.29 Keterangan Sequence Halaman Guru Absensi Siswa Tabel 3.30 Keterangan Sequence Mengelola Data Siswa Tabel 3.31 Keterangan Sequence Mengelola Data Guru Tabel 3.32 Keterangan Sequence Mengelola Data Kelas Tabel 3.33 Keterangan Sequence Mengelola Data Pelajaran Tabel 3.34 Keterangan Sequence Diagram Mengelola Laporan Tabel 3.35 Struktur Tabel Admin Tabel 3.36 Struktur Tabel Guru Tabel 3.37 Struktur Tabel Siswa Tabel 3.38 Struktur Tabel Kelas Tabel 3.39 Struktur Tabel Absensi Tabel 3.40 Struktur Tabel Mata Pelajaran Tabel 3.41 Struktur Tabel Jadwal Jadwal Mengajar Tabel 3.42 Struktur Tabel Detail Jadwal Tabel 3.43 Struktur Tabel Tahun Ajaran Tabel 3.44 Struktur Tabel Nilai Tabel 3.45 Struktur Tabel Pendaftaran Tabel 3.46 Struktur Tabel Seleksi Tabel 3.47 Struktur Tabel Calon Siswa Tabel 3.48 Struktur Tabel Laporan xiii

14 DAFTAR GAMBAR Gambar 2.1 Daur hidup Sistem (Tata Sutabri,2012:21) Gambar 2.2 Model Sistem Sederhana Gambar 2.3 Model Waterfall [Rosa A.S - M. Shalahuddin:2011] Gambar 2.4 Contoh Use Case diagram Gambar 2.5 Contoh Activity diagram Gambar 2.6 Contoh Sequence Diagram Gambar 2.7 Contoh Class diagram Gambar 2.8 phpmyadmin Localhost Gambar 2.9 Adobe Dreamweaver CS Gambar 3.1 Struktur Organisasi Gambar 3.2 Use Case diagram sistem berjalan Gambar 3.3 Use Case Diagram Usulan Gambar 3.4 Activity diagram Usulan Artikel Siswa Gambar 3.5 Activity diagram Usulan Pendaftaran Gambar 3.6 Activity diagram Usulan Melihat Jadwal Pelajaran Gambar 3.7 Activity diagram Melihat Absensi Gambar 3.8 Activity diagram Usulan Melihat Nilai Siswa Gambar 3.9 Activity diagram Usulan Mengelola Pendaftaran Gambar 3.10 Activity diagram Usulan Mengelola Data Guru Gambar 3.11 Activity diagram Usulan Mengelola Data Siswa Gambar 3.12 Activity diagram Usulan Mengelola Data Kelas Gambar 3.13 Activity diagram Usulan Mengelola Jadwal Gambar 3.14 Activity diagram Usulan Mengelola Data Kelas Gambar 3.15 Activity diagram Usulan Mengelola Nilai Gambar 3.16 Activity diagram Usulan Mengelola Absensi Siswa Gambar 3.17 Sequence Diagram Login Siswa Gambar 3.18 Sequence Diagram Pendaftaran Siswa Gambar 3.19 Sequence Diagram Profil Siswa Gambar 3.20 Sequence Diagram Jadwal Siswa xiv

15 Gambar 3.21 Sequence Diagram Absensi Siswa Gambar 3.22 Sequence Diagram Nilai Siswa Gambar 3.23 Sequence Diagram Halaman Guru Nilai Siswa Gambar 3.24 Sequence Diagram Halaman Guru Absensi Siswa Gambar 3.25 Sequence Diagram Halaman Admin Mengelola Data Siswa Gambar 3.26 Sequence Diagram Halaman Admin Mengelola Data Guru Gambar 3.27 Sequence Diagram Halaman Admin Mengelola Data Kelas Gambar 3.28 Sequence Diagram Halaman Admin Mengelola Data Pelajaran Gambar 3.29 Sequence Diagram Halaman Admin Mengelola Laporan Gambar 3.30 Class Diagram Pengolaan Sistem Gambar 4.1 Struktur Tampilan Menu Admin Gambar 4.2 Struktur Tampilan Menu Guru Gambar 4.3 Struktur Tampilan Menu Siswa Gambar 4.4 Rancangan Layar Beranda Gambar 4.5 Rancangan Layar Profil Gambar 4.6 Rancangan Layar Galeri Gambar 4.7 Rancangan Layar Berita Gambar 4.8 Rancangan Layar Pendaftaran Gambar 4.9 Rancangan Layar Hasil Seleksi Gambar 4.10 Rancangan Layar Kontak Kami Gambar 4.11 Rancangan Layar Login Gambar 4.12 Rancangan Layar Home Admin Gambar 4.13 Rancangan Layar Table Admin Gambar 4.14 Rancangan Layar Data Pendaftar Gambar 4.15 Rancangan Layar Hasil Seleksi Pendaftaran Gambar 4.16 Rancangan Layar Input Hasil Seleksi Pendaftaran Gambar 4.17 Rancangan Layar Data Siswa Gambar 4.18 Rancangan Input Layar Data Siswa Gambar 4.19 Rancangan Layar Data Guru Gambar 4.20 Rancangan Layar Input Data Guru Gambar 4.21 Rancangan Layar Data Kelas Gambar 4.22 Rancangan Layar Input Data Kelas xv

16 Gambar 4.23 Rancangan Layar Jadwal Pelajaran Gambar 4.24 Rancangan Layar Input Jadwal Pelajaran Gambar 4.25 Rancangan Layar Jadwal Mengajar Gambar 4.26 Rancangan Layar Input Jadwal Mengajar Gambar 4.27 Rancangan Layar Laporan Data Siswa Gambar 4.28 Rancangan Layar Laporan Data Guru Gambar 4.29 Rancangan Layar Laporan Nilai Gambar 4.30 Rancangan Layar Profil Guru Gambar 4.31 Rancangan Layar Profil Guru Gambar 4.32 Rancangan Layar Jadwal Mengajar Gambar 4.33 Rancangan Layar Absensi Siswa Gambar 4.34 Rancangan Layar Lihat Absensi Siswa Gambar 4.35 Rancangan Layar Input Nilai Siswa Gambar 4.36 Rancangan Layar Lihat Nilai Siswa Gambar 4.37 Rancangan Layar Profil Siswa Gambar 4.38 Rancangan Layar Jadwal Pelajaran Siswa Gambar 4.39 Rancangan Layar Lihat Absensi Siswa Gambar 4.39 Rancangan Layar Lihat Nilai Siswa xvi