2.8.1 PHP (Hypertext Preprocessor)... II MySQL... II Macromedia Dreamweaver 8... II-12 BAB III ANALISIS SISTEM 3.

Transkripsi

1 DAFTAR ISI LEMBAR PENGESAHAN... i SURAT PERNYATAAN... ii ABSTRACT... iii ABSTRAK... iv KATA PENGANTAR... v DAFTAR ISI... viii DAFTAR TABEL... ix DAFTAR GAMBAR... x DAFTAR LAMPIRAN... xiii BAB I PENDAHULUAN 1.1 Latar Belakang Masalah... I Rumusan Masalah... I Maksud dan Tujuan... I Ruang Lingkup Masalah... I Metode Penelitian... I Sistematika Penulisan... I-4 BAB II LANDASAN TEORI 2.1 Konsep Dasar Sistem... II Konsep Dasar Informasi... II Konsep Dasar Sistem Informasi... II Konsep Database Pengantar Database... II Manfaat Manajemen Database... II Pengantar Dasar Web... II Pengertian Download... II Pengertian Upload... II Metode Rekayasa Perangkat Lunak... II Diagram Alir Data (Data Flow Diagram)... II Implementasi... II-9 viii

2 2.8.1 PHP (Hypertext Preprocessor)... II MySQL... II Macromedia Dreamweaver 8... II-12 BAB III ANALISIS SISTEM 3.1 Deskripsi Sistem yang Lama... III Identifikasi Masalah... III Analisis Sistem... III Deskripsi Proses... III Hasil Analisis... III Data Conteks Diagram... III Data Flow Diagram... III Penjelasan Proses... III Kamus Data... III Entity Relational Diagram... III-8 BAB IV PERANCANGAN SISTEM 4.1 Deskripsi Sistem... IV Pengguna Sistem... IV Perancangan Modul dan Algoritma... IV Perancangan Antarmuka... IV-8 BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM 5.1 Lingkungan Implementasi... V Lingkungan Perangkat Keras (Hardware)... V Lingkungan Perangkat Lunak (Software)... V Implementasi Antarmuka User (Graphical User Interface). V Pengujian Sistem (Testing)... V-21 BAB VI KESIMPULAN DAN SARAN 6.1 Kesimpulan... VI Saran... VI-2 DAFTAR PUSTAKA LAMPIRAN ix

3 DAFTAR TABEL Tabel 2.1 Simbol-simbol pada Diagram Alir Data (Data Flow Diagram)... II-10 Tabel 3.1 Kamus Data... III-8 Tabel 4.1 Tabel User... IV-2 Tabel 4.2 Tabel Soal... IV-2 Tabel 4.3 Tabel Materi... IV-3 Tabel 4.4 Tabel Matakuliah... IV-3 ix

4 DAFTAR GAMBAR Gambar 2.1 Siklus Informasi... II-2 Gambar 2.2 Mekanisme Pengembangan Sistem dengan Prototype... II-6 Gambar 2.3 Interface Macromedia Dreamweaver 8... II-12 Gambar 3.1 DCD Data Conteks Diagram Level 0... III-4 Gambar 3.2 Data Flow Diagram Level 1... III-5 Gambar 3.3 Data Flow Diagram Level 2 Proses 3... III-6 Gambar 3.4 Entyty Relational Diagram... III-10 Gambar 4.1 Desain Tampilan Login... IV-8 Gambar 4.2 Desain Tampilan Tabel Pengaturan User... IV-8 Gambar 4.3 Desain Tampilan Form Tambah User... IV-9 Gambar 4.4 Desain Tampilan Form Edit User... IV-9 Gambar 4.5 Desain Tampilan Tabel Administrasi Kuliah... IV-10 Gambar 4.6 Desain Tampilan Form Edit Administrasi Kuliah... IV-10 Gambar 4.7 Desain Tampilan Tabel Administrasi Perkuliahan... IV-11 Gambar 4.8 Desain Tampilan Tambah Administrasi Perkuliahan... IV-11 Gambar 4.9 Desain Tampilan Info Detail File Materi... IV-12 Gambar 4.10 Desain Tampilan Info Download Detail Materi... IV-12 Gambar 4.11 Desain Tampilan Info Detail File Soal... IV-13 Gambar 4.12 Desain Tampilan Info Download Detail Soal... IV-13 Gambar 4.13 Desain Tampilan Info Tambah File Materi... IV-14 Gambar 4.14 Desain Tampilan Info Tambah File Soal... IV-14 Gambar 4.15 Desain Tampilan List Upload Materi... IV-15 Gambar 4.16 Desain Tampilan List Upload Soal... IV-15 Gambar 4.17 Desain Tampilan Download File Materi... IV-16 Gambar 4.18 Desain Tampilan Info Detail File Soal... IV-16 Gambar 4.19 Desain Tampilan Update Profile... IV-17 Gambar 4.20 Desain Tampilan Menu Admin... IV-17 Gambar 4.21 Desain Tampilan Menu Dosen... IV-18 Gambar 4.22 Desain Tampilan Menu Mahasiswa... IV-18 x

5 Gambar 5.1 Tampilan Utama Web Disasis Basweb... V-2 Gambar 5.2 Menu Login... V-2 Gambar 5.3 Tampilan Menu Admin... V-3 Gambar 5.4 Tampilan Pengaturan User... V-4 Gambar 5.5 Tampilan Menu Tambah User... V-5 Gambar 5.6 Tampilan Edit User... V-6 Gambar 5.7 Tampilan Delete User... V-7 Gambar 5.8 Tampilan Menu Administrasi Kuliah... V-7 Gambar 5.9 Tampilan Menu Tambah Matakuliah... V-8 Gambar 5.10 Tampilan Edit Matakuliah... V-9 Gambar 5.11 Tampilan Delete Matakuliah... V-9 Gambar 5.12 Tampilan Menu Administrasi Perkuliahan... V-10 Gambar 5.13 Tampilan Menu Tambah Administrasi Perkuliahan... V-11 Gambar 5.14 Tampilan Edit Administrasi Perkuliahan... V-11 Gambar 5.15 Tampilan Delete Administrasi Perkuliahan... V-12 Gambar 5.16 Tampilan Menu Detail Materi... V-13 Gambar 5.17 Tampilan Menu Detail Soal... V-13 Gambar 5.18 Tampilan Menu Upload Materi... V-14 Gambar 5.19 Tampilan Tambah File Materi (Upload Materi)... V-15 Gambar 5.20 Tampilan Menu Upload Soal... V-16 Gambar 5.21 Tampilan Menu Update Profile... V-17 Gambar 5.22 Tampilan Menu Download Materi... V-17 Gambar 5.23 Tampilan Menu Download Soal... V-18 Gambar 5.24 Tampilan Menu Logout... V-19 Gambar 5.25 Tampilan Menu Dosen... V-19 Gambar 5.26 Tampilan Menu Mahasiswa... V-20 Gambar 5.27 Tampilan Penyedia Jasa Hosting Gratis... V-21 Gambar 5.28 Tampilan Account Information... V-21 Gambar 5.29 Tampilan Manajemen Basis Data pada phpmyadmin... V-22 Gambar 5.30 Tampilan Manajemen File Pada File Manager... V-22 Gambar 5.31 Tampilan Halaman Utama... V-23 xi

6 Gambar 5.32 Tampilan Menu Login... V-24 Gambar 5.33 Tampilan Menu Admin... V-24 Gambar 5.34 Tampilan Pesan Sukses Penyimpanan Data... V-26 Gambar 5.35 Tampilan Detail Materi... V-26 Gambar 5.36 Tampilan Detail Soal... V-27 Gambar 5.37 Tampilan Menu Dosen... V-27 Gambar 5.38 Tampilan Menu Mahasiswa... V-28 xii

7 DAFTAR LAMPIRAN Lampiran A : Source Code Lampiran B : Kartu Bimbingan Tugas Akhir Lampiran C : Daftar Riwayat Hidup xiii