ANALISIS DAN PERANCANGAN E-LEARNING TIK SMU BERBASIS WEB DENGAN MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR YUDHA PERMANA 112406194 PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
ABSTRAK Sistem e-learning dengan berbagai macam kelebihannya yang saat ini telah mencuri perhatian banyak pihak terutama para kalangan akademik, telah membuka cakrawala baru dalam proses belajar mengajar di bidang pendidikan dan merupakan cara alternatif yang cocok diterapkan dalam rangka pemahaman terhadap suatu materi ajar di abad komunikasi masal saat ini. E-Learning merupakan penyampaian informasi, komunikasi, pendidikan dan pelatihan secara on-line. Hal ini tidak berarti e-learning menggantikan model belajar konvensional di dalam kelas, tetapi memperkuat model belajar tersebut melalui pengayaan konten dan pengembangan teknologi pendidikan. Sistem ini dibangun dengan menggunakan perangkat lunak Adobe Dreamweaver CS 5, XAMPP, Internet browser Mozila firefox. Dengan Dreamweaver sebagai penyunting halaman Web Interface, Photoshop sebagai penyunting background halaman web dan MySQL sebagai penyunting database. Tujuan penelitian membangun sistem / website ini adalah Menambah interaksi antara siswa dan guru dalam pemberian materi pembelajaran, Proses kegiatan belajar mengajar diharapkan lebih efektif, Sebagai sarana memfasilitasi untuk menunjang kegiatan belajar di sekolah, Memudahkan siswa dalam pencarian materi pembelajaran dan juga menghemat waktu, karena dengan melalui internet, modul dapat diakses kapan saja. Kata Kunci : E-learning, Siswa, Guru, Sistem
DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar ii iii iv v vi viii ix BAB 1 Pendahuluan 1 1.1 Latar Belakang Masalah 1 1.2 Identifikasi Masalah 3 1.3 Batasan Masalah 3 1.4 Tujuan 4 1.5 Manfaat 5 1.6 Metodologi 5 1.7 Sistematika Penulisan 6 BAB 2 Landasan Teori 8 2.1 Pengertian E-learning 8 2.2 Sejarah E-Learning dan Perkembangannya 10
2.3 Fungsi E-Learning 11 2.4 Pengertian Internet` 11 2.5 Pemograman Web 14 2.5.1 Client Side Scripting 14 2.5.2 HTML 14 2.5.3 Server Side Scripting 14 2.5.4 PHP 15 2.5.5 Web Hosting 16 2.5.6 Domain 16 2.6 Database 17 BAB 3 Perancangan Sistem 19 3.1 Analisis Permasalahan 19 3.2 Processing Symbols 21 3.3 Struktur Database 22 3.4 Perancangan Dialog 26 3.4.1 Tampilan Menu Utama 26 3.4.2 Diagram Konteks 27 3.4.3 Data Flow Diagram(DFD) untuk Login Admin 28 3.4.4 Data Flow Diagram(DFD) untuk Pengolahan Admin Setalah Login 29 3.4.5 Data Flow Diagram(DFD) untuk Login Siswa 30 3.4.6 Data Flow Diagram(DFD) untuk Siswa setelah login 31 3.4.7 Data Flow Diagram(DFD) untuk Public 31 3.4.8 Entity Relationship Diagram (ERD) 32 3.4.9 Perancangan Program 33
BAB 4 Implementasi Sistem 44 4.1 Pengertian dan Tujuan Implementasi Sistem 44 4.2 Komponen Utama Dalam Implementasi Sistem 45 4.2.1 Perangkat Keras (Hardware) 45 4.2.2 Perangkat Lunak (Software ) 45 4.2.3 Perangkat Manusia (Brainware) 46 4.3 Tampilan Halaman Website 46 4.3.1 Tampilan Halaman Website 47 4.3.2 Tampilan Halaman Admin 49 4.3.3 Tampilan Halaman Member 52 BAB 5 Kesimpulan Dan Saran 55 5.1 Kesimpulan 55 5.2 Saran 56 Daftar Pustaka 41 LAMPIRAN
DAFTAR TABEL Halaman Tabel 3.1 Flow Direction Symbol 21 Tabel 3.2 Flow Processing Symbol 22 Tabel 3.3 Tabel User 23 Tabel 3.4 Tabel Siswa 23 Tabel 3.5 Tabel Materi 23 Tabel 3.6 Tabel Jawaban 24 Tabel 3.7 Tabel Contact 24 Tabel 3.8 Tabel Cotagory 24 Tabel 3.9 Tabel Artikel 25 Tabel 3.10 Tabel Soal 25
DAFTAR GAMBAR Halaman Gambar 3.1 Diagram Konteks 27 Gambar 3.2 Level Login Admin 28 Gambar 3.3 Pengolahan Admin Setelah Login 29 Gambar 3.4 Login Siswa 30 Gambar 3.5 Hak Akses Siswa 31 Gambar 3.6 Public 31 Gambar 3.8 Flowchart Sistem Aplikasi 38 Gambar 4.1 Halaman Utama Aplikasi 47 Gambar 4.2 Halaman Komentar 47 Gambar 4.3 Halaman About 48 Gambar 4.4 Halaman News 48 Gambar 4.5 Halaman Login Admin/User 49 Gambar 4.6 Halaman Utama Admin 49 Gambar 4.7 Halaman Admin Data Materi 50 Gambar 4.8 Halaman Admin Dara Siswa 50 Gambar 4.9 Halaman Admin Data Artikel 51 Gambar 4.10 Halaman Admin Dara Soal 51
Gambar 4.11 Halaman Admin Data Komentar 52 Gambar 4.12 Halaman Halaman Member Utama 52 Gambar 4.13 Halaman Member Materi 53 Gambar 4.14 Halaman Member Exercise Software 53 Gambar 4.15 Halaman Member Exercise Hardware 54 Gambar 4.16 Halaman Member Hasil Exercise 54