PERANCANGAN SISTEM ANALISA DAN PERANCANGAN SISTEM

3.2 PERANCANGAN SISTEM

3.2.3 Desain Basis Data

3.2.3.1 ER Diagram Data Modelling

User siswa nis nama_lengkap password tahun_ajaran kelas username kerja nilai Tanggal_pengerjaan Soal punya Materi id_soal pertanyaan pilihan_a pilihan_b pilihan_d pilihan_c Kode_materi publish jawaban Kode_materi nama_materi M M N 1 Gambar 3. 12 Gambar ER Diagram

3.2.3.2 Relational Model

User PK nis nama_lengkap tahun_ajaran kelas username password Materi PK kode_materi nama_materi Soal PK id_soal pertanyaan pilihan_a pilihan_b pilihan_c pilihan_d jawaban publish kode_materiFK nilai nisFK id_soalFK benar salah kosong score tgl_pengerjaan Gambar 3. 13 Relational Model

3.2.3.3 Physical Design and Integration Phase

3.2.3.3.1 Admin

Nama Field Tipe Keterangan id_admin Int10 Primary key untuk tabel admin nama_admin Varchar25 Field untuk nama admin Username Varchar20 Field untuk username password Varchar20 Field untuk password Tabel 3. 14 Tabel Admin

3.2.3.3.2 Tabel User

Nama Field Tipe Keterangan Nis Int10 Primary key untuk tabel user nama_lengkap Varchar50 Field untuk Nama lengkap tahun_ajaran Varchar10 Field untuk tahun ajaran Kelas Varchar10 Field untuk kelas Username Varchar25 Field untuk username password Varchar15 Field untuk password Tabel 3. 15 Tabel User

3.2.3.3.3 Tabel materi

Nama Field Tipe Keterangan Kode_materi Varchar10 Primary key untuk tabel materi Nama_materi Varchar30 Field untuk nama materi Tabel 3. 16 Tabel Materi

3.2.3.3.4 Tabel Soal

Nama Field Tipe Keterangan id_soal Varchar10 Primary key untuk tabel soal pertanyaan Varchar500 Field untuk pertanyaan Pilihan_a Varchar100 Field untuk isi pilihan a Pilihan_b Varchar100 Field untuk isi pilihan b Pilihan_c Varchar100 Field untuk isi pilihan c Pilihan_d Varchar100 Field untuk isi pilihan d jawaban Varchar100 Field untuk jawaban Publish enumyes, no Field untuk publish pertanyaan Kode_materi Varchar50 Foreign key yang menghubungkan dengan tabel materi Tabel 3. 17 Tabel Soal Latihan

3.2.3.3.5 Tabel nilai

Nama Field Tipe Keterangan NIS Varchar10 Foreign key sebagai penghubung tabel siswa id_soal Varchar10 Foreign key sebagai penghubung tabel soal latihan Benar Int10 Field untuk jawaban yang benar Salah Int10 Field untuk jawaban yang salah Kosong Int10 Field untuk jawaban kosong Score Int10 Fiels untuk score Tgl_pengerjaan timestamp Field untuk tanggal pengerjaan Tabel 3. 18 Tabel Nilai

3.2.4 Desain Antarmuka

3.2.4.1 Halaman Utama Sistem

Sistem Pembelajaran Organ Tubuh Manusia Untuk SMP kelas 8 Home Glosarium Latihan Soal Panduan Link Web Sistem Gerak Manusia Sistem Pernapasan Sistem Pencernaan Peredaran Darah Gambar 3. 14 Interface halaman utama sistem

3.2.4.2 Halaman Materi Sistem

Gambar 3. 15 Interface halaman materi pada sistem

3.2.4.3 Halaman Latihan

Sistem Pembelajaran Organ Tubuh Manusia Untuk SMP kelas 8 Home Glosarium Latihan Soal Panduan Link Web Sistem Pencernaan Lambung 1. Soal nomor 1 a. b. c. 2. Soal nomor 2 a. b. c. Sistem Pembelajaran Organ Tubuh Manusia Untuk SMP kelas 8 Home Glosarium Latihan Soal Panduan Link Web Latihan Soal Gambar 3. 16 Interface halaman latihan pada sistem

3.2.4.4 Halaman Login Guru dan Siswa

Gambar 3. 17 Interface halaman login guru

3.2.4.5 Halaman Utama Guru dan Siswa

Gambar 3. 18 Interface halaman utama guru dan siswa

3.2.4.6 Halaman Data Siswa

Gambar 3. 19 Interface data siswa

3.2.4.7 Halaman Menu Materi

Gambar 3. 20 Interface data materi Pengembangan materi menggunakan metode pengembangan CAI dapat dilihat pada lampiran 2.

3.2.4.8 Halaman Menu Latihan

Gambar 3. 21 Interface data latihan 80

BAB IV IMPLEMENTASI SISTEM