3.2 Perancangan Sistem
3.2.1 Desain Basis Data
3.2.1.1 ER Diagram Data Modelling
Kelas punya
Materi
punya
Subkelas
punya
Siswa kerja
id_kelas nama_kelas
1
N id_subkelas
nama_subkelas
NIS
password nama_siswa
tahun_ajaran semester
id_materi
nama_materi isi_materi
isi_latihan
tgl_pengerjaan
nilai
N N
N M
1
1
Gambar 3.7 ER Diagram
3.2.1.2 Relational Model
materi id_materi
nama_materi isi_materi
isi_latihan id_kelas
kelas id_kelas
nama_kelas
subkelas id_subkelas
nama_subkelas id_kelas
nilai_latihan NIS
id_materi tgl_pengerjaan
nilai tahun_ajaran
semester siswa
NIS password
nama_siswa tahun_ajaran
semester id_subkelas
Gambar 3.8 Gambar Relasional Model
3.2.1.3 Physical Design and Integration Phase
1. Tabel admin Tabel 3.11 Struktur tabel admin
Nama Field Tipe
Keterangan
username Varchar10
Field untuk username
password Varchar10
Field untuk password
nama_admin varchar 30 Field
untuk nama guru
2. Tabel kelas Tabel 3.12 Struktur tabel kelas
Nama Field Tipe
Keterangan
id_kelas Varchar5
Primary key untuk tabel kelas
nama_kelas Varchar10
Field untuk nama kelas
3. Tabel subkelas Tabel 3.13 Struktur tabel subkelas
Nama Field Tipe
Keterangan
id_subkelas Varchar10
Primary key untuk tabel subkelas
nama_kelas Varchar10
Field untuk nama subkelas
id_kelas Varchar5
Foreign key untuk
menghubungkan dengan tabel kelas
4. Tabel siswa Tabel 3.14 Struktur tabel siswa
Nama Field Tipe
Keterangan
NIS Varchar25
Primary key untuk tabel siswa
password Varchar10
Field untuk password siswa
nama_siswa Varchar40
Field untuk nama siswa
tahun_ajaran Varchar10
Field untuk tahun ajaran
semester Enum „1‟ , „2‟ Field untuk semester
id_subkelas Varchar10
Foreign key untuk
menghubungkan dengna tabel subkelas
5. Tabel materi Tabel 3.15 Struktur tabel materi
Nama Field Tipe
Keterangan
id_materi Varchar10
Primery key untuk tabel materi
nama_materi Varchar40
Field untuk nama materi
isi_materi Varchar30
Field untuk path isi materi
isi_latihan Varchar30
Field untuk path isi latihan
id_kelas Varchar5
Foreign key untuk
menghubungkan dengan tabel kelas
6. Tabel nilai_latihan Tabel 3.16 Struktur tabel nilai_latihan
Nama Field Tipe
Keterangan
NIS Varchar25
Foreign key untuk
menghubungkan dengan tabel siswa
id_materi Varchar10
Foreign key untuk
menghubungkan dengan tabel materi
tgl_pengerjaan timestamp Field
untuk tanggal
pengerjaan latihan nilai
Int11 Field
untuk nilai latihan
3.2.1.4 Desain Antarmuka
3.2.1.4.1 Halaman Utama Siswa
Gambar 3.9 Interface Halaman Utama Siswa
MATERI
LATIHAN
PETUNJUK
3.2.1.4.2 Halaman Menu Pemilihan Kelas
Gambar 3.10 Interface Menu Pemilihan Kelas
3.2.1.4.3 Halaman Menu Pemilihan Materi
Gambar 3.11 Interface Menu Pemilihan Materi Pengembangan materi menggunakan metode pengembangan
CAI multimedia dapat dilihat pada lampiran 2.
1
2
3
MATERI 1 MATERI 2
MATERI 3
3.2.1.4.4 Halaman Menu Pemilihan Latihan
Gambar 3.12 Interface Menu Pemilihan Latihan
3.2.1.4.5 Halaman Menu Latihan
Gambar 3.13 Interface Menu Pemilihan Latihan Pengembangan latihan menggunakan metode pengembangan
CAI multimedia dapat dilihat pada lampiran 2.
LATIHAN 1 LATIHAN 3
LATIHAN 2
SOAL
o JAWABAN 1
o JAWABAN 2
o JAWABAN 3
LATIHAN
3.2.1.4.6 Halaman Login Admin
Gambar 3.14 Interface Halaman Login
3.2.1.4.7 Halaman Utama Guru
Gambar 3.15 Interface Halaman Utama Guru Username
Password
LOGIN CANCEL
Home Materi
Siswa Nilai
Logout
Materi
Data Siswa
Data Nilai Selamat datang admin
Data Materi
Siswa Tambah Siswa
Nilai
3.2.1.4.8 Halaman Tambah Siswa
Gambar 3.16 Interface Tambah Siswa Data Materi
Nilai Materi
Upload Materi dan Latihan Data Siswa
Data Nilai Home
Materi Siswa
Nilai Logout
NIS Nama Siswa
Password Kelas
Tahun ajaran
Simpan Batal
Siswa Tambah Siswa
Semester Materi
Data Siswa
Data Nilai Data Materi
Nilai
103
BAB IV
IMPLEMENTASI SISTEM
4.1 Spesifikasi Perangkat Keras dan Perangkat Lunak