DAFTAR ISI. BAB II DASAR TEORI Definisi Aplikasi Definisi Belajar Sumber Belajar E-Learning...8.

Transkripsi

1 DAFTAR ISI HALAMAN JUDUL...i LEMBAR PENGESAHAN TUGAS AKHIR...ii LEMBAR PENGESAHAN PENGUJI SIDANG...iii LEMBAR PERNYATAAN KEASLIAN...iv HALAMAN PERSEMBAHAN...v KATA PENGANTAR...vi DAFTAR ISI...viii DAFTAR GAMBAR...xi DAFTAR TABEL...xiv DAFTAR LAMPIRAN...xv ABSTRAK...xvii BAB I PENDAHULUAN Latar Belakang Masalah Perumusan Masalah Batasan Masalah Tujuan Penulisan Manfaat Penulisan Metodologi Penelitian Sistematika Penulisan...5 BAB II DASAR TEORI Definisi Aplikasi Definisi Belajar Sumber Belajar E-Learning...8 viii

2 2.4.1 Filosofis e-learning Kriteria dasar dalam e-learning Pengembangan e-learning Definisi Matematika Interconnection Networking (Internet) World Wide Web (WWW) Basis Data Structure Query Language (SQL) Definisi Data Hyper Text Markup Language (HTML) PHP Apache My SQL Diagram Arus Data (DAD) Bagan Terstruktur (Structure Chart) Normalisasi Model Data Relasional (E-R)...23 BAB III METODOLOGI PENELITIAN Kerangka Penelitian Definisi Konsep Jenis Penelitian Studi Pustaka Metodologi Pengembangan Perangkat Lunak Lingkungan Hardware Lingkungan Software...30 BAB IV ANALISIS DAN PERANCANGAN Deskripsi Sistem Analisis Kebutuhan Sistem...31 ix

3 4.2.1 Kebutuhan Fungsional Kebutuhan Non Fungsional Perancangan Sistem Diagram Konteks Diagram Arus Data Level Diagram Arus Data Level 2 Proses pada User Diagram Arus Data Level 2 Proses pada Administrator Bagan Terstruktur (Structure Chart) Perancangan Basis Data E-R Diagram Tabel Basis Data Perancangan Antarmuka Sisi User Sisi Administrator...65 BAB V PENUTUP Simpulan Saran...93 DAFTAR PUSTAKA...94 LAMPIRAN DAFTAR RIWAYAT HIDUP x

4 DAFTAR GAMBAR 1. Gambar 2.1 Notasi Kesatuan Luar DAD Gambar 2.2 Notasi Proses DAD Gambar 2.3 Notasi Arus Data DAD Gambar 2.4 Notasi Simpanan Data DAD Gambar 2.5 Simbol Entity Gambar 2.6 Simbol Relationship Gambar 2.7 Contoh Atribut Gambar 2.8 One-to-one relationship Gambar 2.9 One-to-many relationship Gambar 2.10 Many-to-many realationship Gambar 2.11 Mandatory Gambar 2.12 Dependency Gambar 3.1 Kerangka Penelitian Gambar 4.1 Diagram konteks Gambar 4.2 Diagram arus data level Gambar 4.3 Diagram arus data level 2 proses pada user Gambar 4.4 Diagram arus data level 2 proses pada administrator Gambar 4.5 E-R Diagram Gambar 4.6 Rancanggan halaman home user Gambar 4.7 Rancangan halaman utama Gambar 4.8 Rancangan halaman profil situs Gambar 4.9 Rancangan halaman materi Gambar 4.10 Rancangan halaman detil materi Gambar 4.11 Rancangan halaman upload materi Gambar 4.12 Rancangan halaman kuis Gambar 4.13 Rancangan halaman detil kuis...58 xi

5 27. Gambar 4.14 Rancangan halaman event Gambar 4.15 Rancangan halaman detil event Gambar 4.16 Rancangan halaman buku tamu Gambar 4.17 Rancangan halaman polling Gambar 4.18 Rancangan halaman contact Gambar 4.19 Rancangan halaman link donasi Gambar 4.20 Rancangan halaman login administrator Gambar 4.21 Rancangan halaman utama administrator Gambar 4.22 Rancangan halaman kelas Gambar 4.23 Rancangan halaman edit kelas Gambar 4.24 Rancangan halaman utama materi Gambar 4.25 Rancangan halaman tambah materi Gambar 4.26 Rancangan halaman edit materi Gambar 4.27 Rancangan halaman review materi Gambar 4.28 Rancangan halaman upload materi Gambar 4.29 Rancangan halaman edit upload materi Gambar 4.30 Rancangan halaman review upload materi Gambar 4.31 Rancangan halaman utama edit kuis Gambar 4.32 Rancangan halaman tambah kuis Gambar 4.33 Rancangan halaman edit kuis Gambar 4.34 Rancangan halaman review kuis Gambar 4.35 Rancangan halaman utama edit event Gambar 4.36 Rancangan halaman tambah event Gambar 4.37 Rancangan halaman edit event Gambar 4.38 Rancangan halaman review event Gambar 4.39 Rancangan halaman edit buku tamu Gambar 4.40 Rancangan halaman detil buku tamu Gambar 4.41 Rancangan halaman utama edit polling Gambar 4.42 Rancangan halaman tambah topic polling...87 xii

6 56. Gambar 4.43 Rancangan halaman edit topik polling Gambar 4.44 Rancangan halaman detil polling Gambar 4.45 Rancangan halaman edit password admin Gambar 4.46 Rancangan halaman tambah admin Gambar 4.47 Rancangan halaman edit admin...92 xiii

7 DAFTAR TABEL 1. Tabel 4.1 Normalisasi bentuk pertama Tabel 4.2 Tabel admin (2NF) Tabel 4.3 Tabel buku tamu (2NF) Tabel 4.4 Tabel event (2NF) Tabel 4.5 Tabel materi (2NF) Tabel 4.6 Tabel polling (2NF) Tabel 4.7 Tabel quiz (2NF) Tabel 4.8 Tabel upload (2NF) Tabel 4.9 Tabel kelas (2NF) Tabel 4.10 Tabel materi (3NF) Tabel 4.11 Tabel quiz (3NF) Tabel 4.12 Tabel upload (3NF) xiv

8 DAFTAR LAMPIRAN 1. Bagan Terstruktur (Structure Chart) Halaman Home Halaman Utama Halaman Profil Situs Halaman Materi Halaman Detil Materi Halaman Upload Materi Halaman Kuis Halaman Detil Kuis Halaman Event Halaman Detil Event Halaman Buku Tamu Halaman Polling Halaman Contact Halaman Link Donasi Halaman Login Administrator Halaman Utama Administrator Halaman Kelas Halaman Edit Kelas Halaman Utama Edit Materi Halaman Edit Materi Halaman Tambah Materi Halaman Review Materi Halaman Upload Materi Halaman Edit Upload Materi Halaman Review Upload Materi xv

9 27. Halaman Utama Edit Kuis Halaman Edit Kuis Halaman Tambah Kuis Halaman Review Kuis Halaman Utama Edit Event Halaman Review Event Halaman Tambah Event Halaman Edit Event Halaman Edit Buku Tamu Halaman Detil Buku Tamu Halaman Utama Edit Polling Halaman Tambah Topik Polling Halaman Edit Topik Polling Halaman Detil Polling Halaman Utama Edit Admin Halaman Tambah Admin Halaman Edit Admin Menu Help User Menu Help Admin xvi