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