Diagram Relasi Perancangan Pesan Perancangan Prosedural

108 Table3. 9 Tabel Pengurus Field Tipe dan Panjang Kunci Keterangan username varchar20 Primary Key NOT NULL password varchar40 - NOT NULL nama Varchar100 - NOT NULL blokir Enum“ya, “tidak” - NOT NULL Last_login date - NULL Session_id Varchar100 - NULL

4. Tabel Pengguna

Tabel pengguna digunakan untuk menyimpan data penting yang setiap user mempunyai data tersebut. Secara umum, struktur tabel yang akan digunakan untuk mencatat data siswa dapat dilihat pada Tabel 3.10. Table3. 10 Tabel Pengguna Field Tipe dan Panjang Kunci Keterangan id_pengguna Integer10 Primary Key NOT NULL password Varchar40 - NOT NULL nama Varchar100 - NOT NULL alamat Text - NULL email Varchar100 - NULL telepon Varchar20 - NULL foto Varchar100 - NULL Jenis_kelamin Enum‘L’,’P’ - NOT NULL

5. Tabel Tahun Ajaran

Tabel tahun ajaran digunakan untuk mencatat data tahun ajaran. Secara umum, struktur tabel yang akan digunakan untuk mencatat data tahun ajaran dapat dilihat pada Tabel 3.11. 109 Table3. 11 Tabel Tahun Ajaran Field Tipe dan Panjang Kunci Keterangan id_tahun_ajaran Year4 Primary Key NOT NULL nama Varchar100 - NOT NULL tgl_ganti_semester Date - NOT NULL ststus Enum‘aktif,’non aktif’ - NULL

6. Tabel Kelas

Tabel kelas digunakan untuk mencatat data kelas. Struktur tabel yang akan digunakan untuk mencatat data kelas dapat dilihat pada Tabel 3.12. Table3. 12 Tabel Kelas Field Tipe dan Panjang Kunci Keterangan id_kelas Integer10 Primary Key NOT NULL nama kelas Varchar100 - NOT NULL id_tahun_ajaran Year4 Foreign Key tabel Tahun Ajaran id_tahun_ajaran NOT NULL id_guru Integer10 Foreign Key tabel Guru id_guru NOT NULL

7. Tabel Mata Pelajaran

Tabel pelajaran digunakan untuk mencatat data pelajaran. Secara umum, struktur tabel yang akan digunakan untuk mencatat data pelajaran dapat dilihat pada Tabel 3.13. Table3. 13 Tabel Mata Pelajaran Field Tipe dan Panjang Kunci Keterangan id_matpel Integer10 Primary Key NOT NULL kode matpel Varchar7 - NOT NULL nama Varchar50 - NOT NULL deskripsi Text - NOT NULL 110

8. Tabel Mengajar

Tabel mengajar digunakan untuk mencatat data mengajar. Secara umum, struktur tabel yang akan digunakan untuk mencatat data mengajar dapat dilihat pada Tabel 3.14. Table3. 14 Tabel Mengajar Field Tipe dan Panjang Kunci Keterangan id_mengajar Integer10 Primary Key NOT NULL id_kelas Integer10 Foreign Key tabel Kelas id_kelas NOT NULL id_matpel Integer10 Foreign Key tabel Mapel Tahun Ajaran id_matpel NOT NULL id_guru Integer10 Foreign Key tabel Guru id_guru NOT NULL Id_tahun_ajaran Year4 Foreign Key tabel Tahun Ajaran id_tahun_ajaran NOT NULL

9. Tabel Siswa Kelas

Tabel siswa kelas digunakan untuk mencatat data-data siswa perkelas. Struktur tabel yang akan digunakan untuk mencatat data siswa perkelas dapat dilihat pada Tabel 3.15. Table3. 15 Tabel Siswa Kelas Field Tipe dan Panjang Kunci Keterangan id_siswa_kelas Interger10 Primary Key NOT NULL id_siswa Integer10 Foreign Key tabel Siswa id_siswa NOT NULL id_kelas Integer10 Foreign Key tabel Kelas id_kelas NOT NULL

10. Tabel Mengajar Semester

Tabel mengajar semester digunakan untuk mencatat data-data mengajar selama satu semester. Struktur tabel yang akan digunakan untuk mencatat data mengajar semester dapat dilihat pada Tabel 3.16. 111 Table3. 16 Tabel Mengajar Semester Field Tipe dan Panjang Kunci Keterangan id_mengajar_semester Integer10 Primary Key NOT NULL id_mengajar Integer10 Foreign Key tabel Mengajar id_mengajar NOT NULL Semester Enum‘ganjil’,’genap’ - NOT NULL

11. Tabel Materi

Tabel materi digunakan untuk mencatat data materi pelajaran. Secara umum, struktur tabel yang akan digunakan untuk mencatat data materi pelajaran dapat dilihat pada Tabel 3.17. Table3. 17 Tabel Materi Field Tipe dan Panjang Kunci Keterangan id_materi Integer10 Primary Key NOT NULL nama file Varchar255 - NOT NULL keterangan MediumText - NOT NULL diupload Timestamp - NOT NULL hit Integer10 - NOT NULL id_mengajar_semester Integer10 Foreign Key tabel Mengajar id_mengajar_semester NOT NULL

12. Tabel Forum

Tabel forum digunakan untuk mencatat data forum. Secara umum, struktur tabel yang akan digunakan untuk mencatat data forum dapat dilihat pada Tabel 3.18. Table3. 18 Tabel Forum Field Tipe dan Panjang Kunci Keterangan id_forum Integer10 Primary Key NOT NULL judul Varchar255 - NOT NULL date created Datetime - NOT NULL created by Integer10 - NOT NULL 112 status Enum‘Open’,’Close’ - NOT NULL id_mengajar_semester Integer10 Foreign Key tabel Mengajar id_mengajar_semester NOT NULL last active Datetime - NULL

13. Tabel Komentar

Tabel komentar digunakan untuk mencatat data isi forum. Secara umum, struktur tabel yang akan digunakan untuk mencatat data topik forum dapat dilihat pada Tabel 3.19. Table3. 19 Tabel Komentar Field Tipe dan Panjang Kunci Keterangan id_komentar Integer10 Primary Key NOT NULL date created DateTime - NOT NULL last update TimeStamp - NOT NULL edited Enum‘1’,’0’ - NOT NULL id_pengguna Integer10 Foreign Key tabel Pengguna id_pengguna NOT NULL id_forum Integer10 Foreign Key tabel Forum id_forum NOT NULL isi Text - NOT NULL blokir Enum‘Ya’,’Tidak’ - NOT NULL

14. Tabel Pengumuman

Tabel pengumuman digunakan untuk mencatat data pengumuman. Secara umum, struktur tabel yang akan digunakan untuk mencatat data pengumuman dapat dilihat pada Tabel 3.20. 113 Table3. 20 Tabel Pengumuman Field Tipe dan Panjang Kunci Keterangan id_pengumuman Integer10 Primary Key NOT NULL date created DateTime - NOT NULL id_pengurus Integer10 - NOT NULL isi Text - NOT NULL judul Varchar255 - NOT NULL

15. Tabel Tugas

Tabel tugas digunakan untuk mencatat data tugas. Secara umum, struktur tabel yang akan digunakan untuk mencatat data tugas dapat dilihat pada Tabel 3.21. Table3. 21 Tabel Tugas Field Tipe dan Panjang Kunci Keterangan id_tugas Integer10 Primary Key NOT NULL Nama_file Varchar255 - NULL tgl buat DateTime - NOT NULL judul Varchar255 - NOT NULL batas waktu DateTime - NOT NULL keterangan Medium Text - NOT NULL id_mengajar_semester Integer10 Foreign Key tabel Mengajar semester id_mengajar_semseter NOT NULL

16. Tabel Nilai Tugas

Tabel nilai tugas digunakan untuk mencatat data nilai tugas. Secara umum, struktur tabel yang akan digunakan untuk mencatat data nilai tugas dapat dilihat pada Tabel 3.22. 114 Table3. 22 Tabel Nilai Tugas Field Tipe dan Panjang Kunci Keterangan id_tugas Integer10 Primary Key NOT NULL id_siswa Integer10 Foreign key tabel Siswa id_siswa NOT NULL file_tugas Varchar255 - NOT NULL nilai Integer3 - NOT NULL diupload TimeStamp - NOT NULL

17. Tabel Jawaban Siswa

Tabel jawaban siswa digunakan untuk mencatat data jawaban siswa. Secara umum, struktur tabel yang akan digunakan untuk mencatat data jawaban siswa dapat dilihat pada Tabel 3.23. Table3. 23 Tabel Jawaban Siswa Field Tipe dan Panjang Kunci Keterangan id_soal Integer10 Primary Key NOT NULL id_siswa Integer10 Foreign key tabel Siswa id_siswa NOT NULL jawaban_siswa Integer‘a’,’b’,’c’,’d’,’e’ - NOT NULL status Enum‘Benar’,’Salah’ - NOT NULL

18. Tabel Ujian

Tabel ujian digunakan untuk mencatat data ujian. Secara umum, struktur tabel yang akan digunakan untuk mencatat data ujian dapat dilihat pada Tabel 3.24. Table3. 24 Tabel ujian Field Tipe dan Panjang Kunci Keterangan id_ujian Integer10 Primary Key NOT NULL Lama_ujian Integer10 - NOT NULL tgl_buat Date Time - NOT NULL judul Varchar255 - NOT NULL 115 waktu_pengerjaan Date - NOT NULL keterangan Medium Text - NOT NULL id_mengajar_semester Integer10 Foreign key tabel Mengajar Semester id_mengajar_semester NOT NULL

19. Tabel Soal

Tabel soal digunakan untuk mencatat data soal ujian. Secara umum, struktur tabel yang akan digunakan untuk mencatat data soal ujian dapat dilihat pada Tabel 3.25. Table3. 25 Tabel Soal Field Tipe dan Panjang Kunci Keterangan id_soal Integer10 Primary Key NOT NULL pertanyaan Time Stamp - NOT NULL pil_a Medium Text - NOT NULL pil_b Medium Text - NOT NULL pil_c Medium Text - NOT NULL pil_d Medium Text - NOT NULL pil_e Medium Text - NOT NULL jawaban Date - NOT NULL id_ujian Varchar50 Foreign key tabel Latihanid_latihan NOT NULL

20. Tabel Nilai Ujian

Tabel nilai ujian digunakan untuk mencatat data nilai ujian. Secara umum, struktur tabel yang akan digunakan untuk mencatat data nilai ujian dapat dilihat pada Tabel 3.26. Table3. 26 Tabel Nilai Ujian Field Tipe dan Panjang Kunci Keterangan id_ujian Integer10 Primary Key NOT NULL id_siswa Integer10 Foreign key tabel Siswa id_siswa NOT NULL 116 Nilai Integer3 - NOT NULL waktu ujian Date Time - NOT NULL

3.5.3 Perancangan Struktur Menu

Struktur menu dirancang sesuai dengan level pengguna sistem. Terdapat tiga pengguna aplikasi ini yaitu pengurus, guru dan siswa. Adapun struktur menunya adalah sebagai berikut :

1. Struktur Menu Utama

Perancangan Struktur Menu utama yang ada pada e-learning SMAN 3 Kuningan dapat dilihat pada gambar 3.30 Gambar 3. 30 Struktur Menu Utama

2. Struktur Menu Pengurus

Perancangan Struktur Menu pengurus yang ada pada e-learning SMAN 3 Kuningan dapat dilihat pada gambar 3.31 117 Gambar 3. 31 Struktur Menu Pengurus

3. Struktur Menu Guru

Perancangan Struktur Menu guru yang ada pada e-learning SMAN 3 Kuningan dapat dilihat pada gambar 3.32 Gambar 3. 32 Struktur Menu Guru 118

4. Struktur Menu Siswa

Perancangan Struktur Menu siswa yang ada pada e-learning SMAN 3 Kuningan dapat dilihat pada gambar 3.33 Gambar 3. 33 Struktur Menu Siswa

3.5.4 Perancangan Antarmuka

Perancangan antar muka bertujuan untuk memberikan gambaran tentang aplikasi yang akan dibangun. Sehingga akan mempermudah dalam mengimplementasikan aplikasi serta mempermudah pembuatan rancangan antar muka yang mudah digunakan oleh pengguna sistem. Perancangan ini diimplementasikan menjadi sebuah program yang utuh dan dapat digunakan oleh pengguna sistem. Rancangan antar-muka aplikasi model sistem e-learning adalah sebagai berikut : 119 1. Perancangan Antarmuka Halaman Utama Sebelum Login Gambar 3. 34 Halaman Beranda Sebelum Login 2. Perancangan Antarmuka Halaman Utama Pengurus Gambar 3. 25 Halaman Utama Pengurus 120 3. Perancangan Antarmuka Halaman Guru Gambar 3. 36 Halaman Utama Guru 4. Perancangan Antarmuka Halaman Siswa Gambar 3. 37 Halaman Utama Siswa 121 5. Perancangan Antarmuka Data Tahun Ajaran Pengurus Gambar 3. 38 Halaman Data Tahun Ajaran Pengurus 6. Perancangan Antarmuka Ubah Data Tahun Ajaran Pengurus Gambar 3. 39 Halaman Tambah Data Tahun Ajaran Pengurus 122 7. Perancangan Antarmuka Ubah Data Tahun Ajaran Pengurus Gambar 3. 40 Halaman Ubah Data Tahun Ajaran Pengurus 8. Perancangan Antarmuka Data Kelas Pengurus Gambar 3. 41 Halaman Data Kelas Pengurus 123

9. Perancangan Antarmuka Tambah Data Kelas Pengurus

Gambar 3. 42 Halaman Tambah Data Kelas Pengurus 10. Perancangan Antarmuka Ubah Data Kelas Pengurus Gambar 3. 43 Halaman Ubah Data Kelas Pengurus 124 11. Perancangan Antarmuka Kelola Siswa Data Kelas Pengurus Gambar 3. 44 Halaman Kelola Siswa Data Kelas Pengurus 12. Perancangan Antarmuka Data Mata Pelajaran Pengurus Gambar 3. 45 Halaman Data Mata Pelajaran Pengurus 125 13. Perancangan Antarmuka Tambah Data Mata Pelajaran Pengurus Gambar 3. 46 Halaman Tambah Data Mata Pelajaran Pengurus 14. Perancangan Antarmuka Ubah Data Mata Pelajaran Pengurus Gambar 3. 47 Halaman Ubah Data Mata Pelajaran Pengurus 126 15. Perancangan Antarmuka Data Mengajar Pengurus Gambar 3. 48 Halaman Data Mengajar Pengurus 16. Perancangan Antarmuka Tambah Data Mengajar Pengurus Gambar 3. 49 Halaman Tambah Data Mengajar Pengurus 127 17. Perancangan Antarmuka Ubah Data Mengajar Pengurus Gambar 3. 50 Halaman Ubah Data Mengajar Pengurus 18. Perancangan Antarmuka Data Guru Pengurus Gambar 3. 51 Halaman Data Guru Pengurus 128 19. Perancangan Antarmuka Tambah Data Guru Pengurus Gambar 3. 52 Halaman Tambah Data Guru Pengurus 20. Perancangan Antarmuka Ubah Data Guru Pengurus Gambar 3. 53 Halaman Ubah Data Guru Pengurus 129 21. Perancangan Antarmuka Halaman Data Siswa Pengurus Gambar 3. 54 Halaman Data Siswa Pengurus 22. Perancangan Antarmuka Tambah Data Siswa Pengurus Keterangan Nama Form : F01 Ukuran Layar : Dinamis Default 1280 x 800 TypeUkuran Font : Arial, Helvetica, Sans-serif 30px Warna Font Judul : Hitam 666666 Warna Latar : FFFFFF Gambar Logo : logo.png Keterangan : Jika memilih menu “Data Master – Data Tahun Ajaran” menuju”F 11 Jika memilih menu “Data Master – Data Kelas” menuju”F 12 Jika memilih menu “Data Master – Data Mata Pelajaran” menuju”F 13 Jika memilih menu “Data Master – Data Mengajar” menuju”F 14 Jika memilih menu “Data Master – Data Guru” menuju”F 15 Jika memilih menu “Data Master – Data Siswa” menuju”F 16 Jika mengklik icon “Foto – Logout” menuju”F 0 Jika memilih button “Simpan” dan “Batal” menuju “F 16” Footer F 16a E-Learning SMA NEGERI 3 KUNINGAN Form Tambah Data Siswa Nama Lengkap NIS Jenis Kelamin L P Simpan Batal Alamat Email No.TelpHP Foto Hari, Tgl Bulan Tahun, Jam Level Nama UID Dashboard Petugas Data Master Gambar 3. 55 Halaman Tambah Data Siswa Pengurus 130 23. Perancangan Antarmuka Ubah Data Siswa Pengurus Gambar 3. 56 Halaman Ubah Data Siswa Pengurus 24. Perancangan Antarmuka Data Materi Guru Gambar 3. 57 Halaman Data Materi Guru 131 25. Perancangan Antarmuka Tambah Materi Guru Gambar 3. 58 Halaman Tambah Materi Guru 26. Perancangan Antarmuka Ubah Materi Guru Keterangan Nama Form : F01 Ukuran Layar : Dinamis Default 1280 x 800 TypeUkuran Font : Arial, Helvetica, Sans-serif 30px Warna Font Judul : Hitam 666666 Warna Latar : FFFFFF Gambar Logo : logo.png Keterangan : Jika mengklik icon “Home” menuju “F 20” Jika memilih menu “Materi” menuju “F 21” Jika memilih menu “Forum” menuju “F 22” Jika memilih menu “Ujian” menuju “F 23” Jika memilih menu “Tugas” menuju”F 24 Jika memilih menu “Pengumuman” menuju”F 25 Jika mengklik icon “Foto – Data Probadi” menuju”F 26 Jika mengklik icon “Foto – Ganti Password” menuju”F 27 Jika mengklik icon “Foto – Logout” menuju”F 0 Jika mengklik button “Simpan” dan “Batal” menuju “F 21” Footer F 21b E-Learning SMA NEGERI 3 KUNINGAN Foto Level Nama NIK Ubah Materi Materi Forum Ujian Tugas Pengumuman Mengajar Materi Kelas Mata Pelajaran Ubah Materi Choose File Pilih Kelas Mengajar Keterangan File Judul Materi Simpan Batal Gambar 3. 59 Halaman Ubah Materi Guru 132 27. Perancangan Antarmuka Detail Materi Guru Gambar 3. 60 Halaman Detail Materi Guru 28. Perancangan Antarmuka Data Materi Siswa Keterangan Nama Form : F01 Ukuran Layar : Dinamis Default 1280 x 800 TypeUkuran Font : Arial, Helvetica, Sans-serif 30px Warna Font Judul : Hitam 666666 Warna Latar : FFFFFF Gambar Logo : logo.png Keterangan : Jika mengklik icon “Home” menuju “F 30” Jika memilih menu “Materi” menuju “F 31” Jika memilih menu “Forum” menuju “F 32” Jika memilih menu “Ujian” menuju “F 33” Jika memilih menu “Tugas” menuju”F 34 Jika memilih menu “Pengumuman” menuju”F 35 Jika mengklik icon “Foto – Data Probadi” menuju”F 36 Jika mengklik icon “Foto – Ganti Password” menuju”F 37 Jika mengklik icon “Foto – Logout” menuju”F 0 Footer F 31 E-Learning SMA NEGERI 3 KUNINGAN Materi Judul Materi Tipe File Download Foto Level Nama NIS Dashboard Siswa Materi Forum Ujian Tugas Pengumuman Pilih Mata Pelajaran Gambar 3. 61 Halaman Data Materi Siswa 133 29. Perancangan Antarmuka Menu Utama Data Forum Siswa Keterangan Nama Form : F01 Ukuran Layar : Dinamis Default 1280 x 800 TypeUkuran Font : Arial, Helvetica, Sans-serif 30px Warna Font Judul : Hitam 666666 Warna Latar : FFFFFF Gambar Logo : logo.png Keterangan : Jika memilih menu “Beranda” menuju “F 0a” Jika memilih menu “Data Siswa” menuju “F 0b” Jika memilih menu “Data Guru” menuju “F 0c” Jika memilih menu “Berita” menuju “F 0d” Jika memilih menu “Halaman Utama” menuju”F 3 Jika memilih menu “Data Kelas” menuju”F 3.1 Jika memilih menu “Data Mata Pelajaran” menuju”F 3.2 Jika memilih menu “Data Soal Ujian” menuju”F 3.3 Jika memilih menu “Gradebook” menuju “F 3.4” Jika memilih menu “Edit Profil” menuju”F 3.5 Jika memilih menu “Edit Username Password” menuju”F 3.6 Jika mengklik “Kembali” menuju ”F 3.2 Footer F 3.2.1 E-Learning SMA NEGERI 3 KUNINGAN Mata Pelajaran Guru Kelas Tahun Ajaran Kembali Pengumuman Tugas Materi Forum Foto Level Nama NIS Dashboard Siswa Materi Forum Ujian Tugas Pengumuman Pilih Mata Pelajaran Gambar 3. 62 Halaman Data Mengajar Pengurus 30. Perancangan Antarmuka Data Soal Ujian Siswa Keterangan Nama Form : F01 Ukuran Layar : Dinamis Default 1280 x 800 TypeUkuran Font : Arial, Helvetica, Sans-serif 30px Warna Font Judul : Hitam 666666 Warna Latar : FFFFFF Gambar Logo : logo.png Footer F 3.3 E-Learning SMA NEGERI 3 KUNINGAN Tes Soal Online No. Tahun Ajaran Kode MP Mata Pelajaran Foto Level Nama NIS Dashboard Siswa Materi Forum Ujian Tugas Pengumuman Pilih Mata Pelajaran Gambar 3. 63 Halaman Data Soal Ujian Siswa 134 31. Perancangan Antarmuka Data Grafik nilai Guru Mata Pelajaran Keterangan Nama Form : F01 Ukuran Layar : Dinamis Default 1280 x 800 TypeUkuran Font : Arial, Helvetica, Sans-serif 30px Warna Font Judul : Hitam 666666 Warna Latar : FFFFFF Gambar Logo : logo.png Footer F 3.4 E-Learning SMA NEGERI 3 KUNINGAN Foto Level Nama Dashboard Siswa Materi Forum Ujian Tugas Pengumuman ujian GRAFIK NILAI Kelas Wali tugas Nama Siswa Gambar 3. 64 Halaman Data Grafik nilai Guru 32. Perancangan Antarmuka Ubah Data Username dan Password Siswa Gambar 3. 65 Halaman Ubah Data Username dan Password Siswa 135

3.5.5 Perancangan Pesan

Berikut adalah perancangan pesan yang digunakan dalam sistem yang akan dibanngun. Gambar 3. 66 Perancangan Pesan 136

3.5.6 Jaringan Semantik

Struktur aplikasi dijelaskan secara terperinci dengan dibuat menjadi modul-modul kecil yang mudah dibuat, dites dan dimodifikasi. Dalam pembuatan aplikasi ini menggunakan bantuan bagan struktural yang disebut juga jaringan semantik. Berikut adalah jaringan semantik yang menggambarkan struktur dari aplikasi ini.

1. Jaringan Semantik Pengurus

Gambar 3. 67 Jaringan Semantik Pengurus

2. Jaringan Semantik Guru

Gambar 3. 68 Jaringan Semantik Guru 137

3. Jaringan Semantik Siswa

Gambar 3. 69 Jaringan Semantik Siswa

3.5.7 Perancangan Prosedural

Perancangan prosedural mentransformasi elemen-elemen struktural dari arsitektur program ke dalam suatu deskripsi prosedural dari komponen- komponen perangkat lunak. Adapun perancangan prosedural untuk aplikasi yang akan dibangun adalah sebagai berikut: 138 1. Prosedural Login Prosedural halaman login merupakan prosedur yang terjadi sesuai dengan tipe dan hak akses pengguna. Gambar 3. 70 Prosedural Login 139 2. Prosedural Tambah Data Prosedural tambah merupakan prosedur yang dilakukan pada saat pengguna melakukan penambahan data. Gambar 3. 71 Prosedural tambah 140 3. Prosedural Ubah Data Prosedural ubah merupakan prosedur yang dilakukan ketika pengguna melakukan perubahan data. Gambar 3. 72 Prosedural Ubah 141 4. Prosedural Hapus Data Prosedural hapus merupakan prosedur yang dilakukan pada saat pengguna melakukan penghapusan data. Gambar 3. 73 Prosedural Hapus 142 5. Prosedural Cari Prosedural cari merupakan prosedur yang dilakukan pengguna saat melakukan pencarian data. Gambar 3. 74 Prosedural Cari 143 6. Prosedural Tampil Data Prosedural tampil data ini merupakan prosedur yang dilakukan pengguna saat menampilkan data. Gambar 3. 75 Prosedural Tampil Data 144 145 BAB 4 IMPLEMENTASI DAN PENGUJIAN Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan selanjutnya akan diimplementasikan pada bahasa pemrograman yang akan digunakan. Setelah implementasi maka dilakukan pengujian sistem yang baru dimana akan dilihat kekurangan-kekurangan pada aplikasi yang baru untuk pengembangan sistem selanjutnya.

4.1 Implementasi

Setelah sistem dinalisis dan didesain secara rinci, maka selanjutnya akan menuju tahap implementasi. Tujuan implementasi adalah untuk mengkonfirmasikan modul program perancangan pada para pelaku sistem sehingga pengguna dapat memberi masukan kepada pembangun sistem.

4.1.1 Kebutuhan Perangkat Keras

Perangkat keras yang dibutuhkan untuk mengimplementasikan aplikasi media pembelajaran ini adalah sebagai berikut : Tabel 4.1 Spesifikasi Perangkat Keras Perangkat Keras Server Client Processor 2,9 GHz 2.5 GHz Memory RAM 2 GB 2 GB Harddisk 500 GB 250 GB VGA 512 MB 128 MB Monitor 17 “ 15

4.1.2 Kebutuhan Perangkat Lunak

Perangkat lunak yang digunakan untuk mengimplementasikan aplikasi media pembelajaran ini adalah sebagai berikut : Tabel 4.2 Spesifikasi Perangkat Lunak Perangkat Lunak Server Client Sistem Operasi Windows 7 Windows 7 Bahasa Pemrograman PHP - Web Server Xampp - Databse Server MySQL 5 - Web Browser Mozilla Firefox dan Google Chrome Mozilla Firefox dan Google Chrome Code Editor Notepad ++ dan dreamwever cs 3 -

4.1.3 Implementasi Basis Data

Pembuatan database dilakukan dengan menggunakan aplikasi DBMS MySQL. Implementasi database dalam bahasa SQL adalah sebagai berikut : Tabel 4.3 Implementasi Basis Data No Nama Tabel SQL 1 Pengguna CREATE TABLE IF NOT EXISTS `pengguna` ìd_pengguna` int10 unsigned NOT NULL AUTO_INCREMENT, `password` varchar40 COLLATE utf8_unicode_ci NOT NULL, `nama` varchar100 COLLATE utf8_unicode_ci NOT NULL, `jenis_kelamin` enumL,P COLLATE utf8_unicode_ci NOT NULL, èmail` varchar100 COLLATE utf8_unicode_ci NOT NULL, `telpon` varchar20 COLLATE utf8_unicode_ci NOT NULL, àlamat` text COLLATE utf8_unicode_ci NOT NULL, PRIMARY KEY ìd_pengguna` ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=1 ; 2 Pengurus CREATE TABLE IF NOT EXISTS `pengurus` ùsername` varchar20 COLLATE utf8_unicode_ci NOT NULL, `password` varchar40 COLLATE utf8_unicode_ci NOT NULL, `nama` varchar100 COLLATE utf8_unicode_ci NOT NULL, `blokir` enumYa,Tidak COLLATE utf8_unicode_ci NOT NULL DEFAULT Tidak, `last_login` datetime DEFAULT NULL, `session_id` varchar100 COLLATE utf8_unicode_ci DEFAULT NULL, PRIMARY KEY ùsername` ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci; 3 Guru CREATE TABLE IF NOT EXISTS `guru` ìd_guru` int10 unsigned NOT NULL, `nip` char18 COLLATE utf8_unicode_ci NOT NULL, `level` enumGuru,Kepala Sekolah COLLATE utf8_unicode_ci NOT NULL DEFAULT Guru, PRIMARY KEY ìd_guru`, UNIQUE KEY `nip` `nip` ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci; 4 Siswa CREATE TABLE IF NOT EXISTS `siswa` ìd_siswa` int10 unsigned NOT NULL, `nis` varchar10 COLLATE utf8_unicode_ci NOT NULL, PRIMARY KEY ìd_siswa`, UNIQUE KEY `nis` `nis` ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;