1 Analisis Masalah
3. Tabel siswa_matpel
Tabel 3. 9 Tabel Siswa Mata Pelajaran
Nama Field
Tipe Data
Panjang Keterangan
11 Primary key NIS
Id Int
Varchar
30 Foreign key
4. Tabel guru_matpel
Tabel 3. 10 Tabel Guru Mata Pelajaran
Nama Field
Tipe Data
Panjang Keterangan
Id_pel
11 Foreign key NIP
Int
varchar
30 Foreign key
5. Tabel mata_pelajaran
Tabel 3. 11 Tabel Mata Pelajaran
Nama Field
Tipe Data
Panjang Keterangan
11 Primary key Nama_kelas
50 Tahun_ajaran
6. Tabel Materi
Tabel 3. 12 Tabel Materi
Nama Field
Tipe Data
Panjang Keterangan
Id_materi
8 Primary key Materi
Int
18 Nama_file
(„ya‟,‟tidak‟) Id_matpel
enum
Int
11 Foreign key
7. Tabel Tryout
Tabel 3. 13 Tabel Tryout
Nama Field
Tipe Data
Panjang
Keterangan
id_tryout
11 Primary key Mata_pelajaran
Tanggal_tryout
Date
Lama_tryout
Varchar
Status
('aktif','non_aktif') NIP
Enum
Varchar
30 Foreign key
8. Tabel Soal
Tabel 3. 14 Tabel Soal
Nama Field
Tipe Data
Panjang
Keterangan
Id_soal
11 Primary key Soal
11 Foreign key Id_matpel
Id_tryout
Int
Int
11 Foreign key
9. Tabel Siswa_Tryout
Tabel 3. 15 Tabel Siswa Tryout
Nama Field
Tipe Data
30 Foreign key Id_tryout
Varchar
11 Foreign key Tanggal_ikut
Int
Date
10. Tabel History
Tabel 3. 16 Tabel History
Nama Field
Tipe Data
Panjang
Keterangan
Id_history
1 Primary key NIS
Varchar
30 Foreign key Tgl_tryoout
Id_tryout
Varchar
5 Foreign key
11. Tabel Cloud
Tabel 3. 17 Tabel Data Pengguna
Nama Field
Tipe Data
Panjang
Keterangan
11 Primary key Nama_cloud
Id_cloud
Nama_sekolah
Varchar
Alamat_sekolah
Tinytext
Telepon_sekolah
Varchar
Email_sekolah
Varchar
Id_paket
10 Foreign key Status
Varchar
( „non_aktif‟,‟aktif‟) Tgl_aktivasi
( „verified‟,‟non_verifi
ed ‟) Verifikasi_oleh
Varchar
Tgl_verfifikasi
Date
12. Tabel Konten
Tabel 3. 18 Tabel Konten
Nama Field
Tipe Data
Panjang
Keterangan
Logo_sekolah
Contact_detail
Varchar
13. Tabel Admin
Tabel 3. 19 Tabel Admin
Nama Field
Tipe Data
30 Primary key Password
Nama_admin
Varchar
14. Tabel Paket
Tabel 3. 20 Tabel Paket
Nama Field
Tipe Data
Panjang
Keterangan
Id_paket
10 Primary key Nama_paket
15. Tabel Fitur
Tabel 3. 21 Tabel Fitur
Nama Field
Tipe Data
Panjang
Keterangan
Id_fitur
11 Primary key Nama_fitur
16. Tabel Fitur_Paket
Tabel 3. 22 Tabel Fitur Paket
Nama Field
Tipe Data
Panjang
Keterangan
11 Foreign key Id_paket
Id_fitur
Integer
Varchar
10 Foreign key
17. Tabel Diskusi
Tabel 3. 23 Tabel Diskusi
Nama Field
Tipe Data
Panjang
Keterangan
Id_diskusi
11 Primary key Waktu
int
Datetime
Ditambahkan_oleh Varchar
Id_matpel
Int
11 Foreign key
18. Tabel Tugas
Tabel 3. 24 Tabel Tugas
Nama Field
Tipe Data
Panjang
Keterangan
11 Primary key Waktu
Id_diskusi
Ditambahkan_oleh Varchar
Id_matpel
Int
11 Foreign key
3.4.2 Perancangan Arsitektur
Setelah melakukan perancangan data pada sistem yang dibangun, maka dilakukan perancangan arsitektur. Perancangan arsitektur yang telah dibuat meliputi beberapa perancangan diantaranya struktur menu dan perancangan antarmuka.
3.4.2.1 Perancangan Struktur Menu
Struktur menu dibangun untuk menggambarkan perancangan menu proses yang dapat digunakan oleh pengguna. Struktur menu secara umum dalam sistem ini adalah sebagai berikut :
1. Perancangan Struktur Menu Admin Perancangan struktur menu admin dapat dilihat pada gambar 3.12 dibawah ini:
E-learning Cloud
Login Admin
Listing Siswa Listing Guru
Restore DB
Paket Informasi akun
Hapus Hapus
Nama sekolah
Backup DB
Ganti paket Edit akun
Logo sekolah
Restore DB
Kontak sekolah
Gambar 3. 14 Perancangan Struktur Menu Admin
2. Perancangan Struktur Menu Guru Perancangan struktur menu guru dapat dilihat pada gambar 3.13 dibawah ini:
Learning Cloud
Login Guru
Kelas
Tryout
Listing Siswa
Listing Guru Informasi akun
Tambah kelas
Tambah tryout
Edit akun
Edit kelas
Edit tryout
Hapus kelas
Hapus tryout
Masuk kelas
Aktifkan/non aktifkan
Tambah materi
Tambah tugas
Diskusi
Gambar 3. 15 Perancangan Struktur Menu Guru
3. Perancangan Struktur Menu Siswa Perancangan struktur menu siswa dapat dilihat pada gambar 3.14 dibawah ini:
Learning Cloud
Login Siswa
Kelas
Tryout
Listing Siswa
Listing Guru
Listing Kelas Informasi akun
Ambil kelas
Ambil tryout
Edit akun
Masuk kelas
Pilih tryout
Keluar kelas
Mulai tryout
Masuk kelas
Lihat history
Lihat materi
Download materi
Tambah tugas
Diskusi
Gambar 3. 16 Perancangan Struktur Menu Siswa
3.4.2.2 Perancangan Antarmuka
Perancangan antarmuka diperlukan pada program aplikasi ini dengan tujuan untuk mempermudah pengguna dalam menggunakan program aplikasi e-learning. Dengan adanya perancangan antarmuka ini berbagai pengguna baik yang masih awam maupun yang sudah berpengalaman dapat mengoperasikan program ini tanpa adanya kesulitan yang besar.
1. Perancangan Halaman Learning Cloud
F01
Learning Cloud
F02 Klik pilih paket ini untuk masuk ke
Tipe akun
Admin, Guru, Siswa
Admin, Guru, Siswa
Admin, Guru, Siswa
Download materi
Lihat materi
Shared materi
Diskusi
Tryout
Lihat hasil tryout
Lihat history
Rangking
Plih paket ini
Pilih paket ini
Pilih paket ini
Copy right Learning Cloud 2011
Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Keterangan : Warna latar : biru, abu-abu, putih Ukuran layar : 1024 x 720 px
Gambar 3. 17 Perancangan Halaman Learning Cloud
2. Perancangan Pendaftaran Pengguna
F02
Learning Cloud
yang nantinya untuk masuk ke lewat email berupa link sekolah User akan mendapat konfirmasi tersimpan simpan maka data akan Jika telah mengisi data, klik
Data pendaftar akan dicatet sebagai guru dengan status admin pada e-learning yang dibuat Silahkan isi form dibawah ini
F03
Paket 1 Form pendaftaran paket 1
NIP : Nama Lengkap : Alamat : Tempat Tanggal Lahir :
Email : Telepon :
Alamat Sekolah : Nama Sekolah :
Telepon Sekolah : Email sekolah :
Simpan
Reset
Copy right Learning Cloud 2011
Keterangan : Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Warna latar : biru, abu-abu, putih Ukuran layar : 1024 x 720 px
Gambar 3. 18 Perancangan Pendaftaran Pengguna
3. Perancangan Halaman Utama E-learning
F03
· Klik halaman utama maka Logo
Login
Daftar
· masuk ke F03 ke F04 · Klik listing siswa maka masuk Klik listing guru maka masuk ke F05 Halaman Utama
Nama Sekolah
· Klik listing kelas maka masuk ke F06
Listing Siswa
Listing Guru
Listing Kelas
Berikut ini adalah daftar materi dari berbagai sekolah yang telah di-share Materi
Mata Pelajaran
Asal Sekolah
Aksi Download
Kontak Sekolah
Keterangan : Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12
Gambar 3. 19 Perancangan Halaman Utama E-learning
4. Perancangan Form Pendaftaran E-learning
F04
· Klik daftar untuk masuk ke Logo
Login
Daftar
Nama Sekolah
F04
Halaman Utama
Listing Siswa
Listing Guru
Listing Kelas
Daftar Akun
From pendaftaran
Petunjuk :
Username Nama
Tempat tanggal lahir
Alamat
Telepon Email
Tipe
Guru Siswa
NIP/NIS
Simpan
Reset
Kontak Sekolah
Keterangan : Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Warna latar : biru, abu-abu, putih Ukuran layar : 1024 x 720 px
Gambar 3. 20 Perancangan Form Daftar
5. Perancangan Form Login
F06 (admin). Maka akan masuk ke password, dan tipe akun Jika telah mengisi username, Klik login untuk masuk ke F05 Jik telah mengisi username,
Logo
Nama Sekolah
Halaman Utama
Listing Siswa
Listing Guru
Listing Kelas
(guru). Maka akan masuk ke F12 password, dan tipe akun guru Jika telah mengisi username, password, dan tipe akun siswa
maka akan masuk ke F23
LOGIN
Username Password Tipe
Guru Siswa
Login
Reset
Kontak Sekolah
Keterangan : Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Ukuran layar : 1024 x 720 px
Gambar 3. 21 Perancangan Form Login
6. Perancangan Menu Admin Sekolah
F06
Klik pengolahan data siswa masuk ke F06 Logo Klik halaman utama akan Nama Sekolah
Nama admin
Logout
Klik pengolahan data guru akan masuk ke F07 akan masuk ke F08
Halaman Utama Pengolahan data siswa
Pengolahan data
Klik pengolahan konten
guru
Pengolahan konten
Backup & Restore DB
Pengolahan paket
· akan masuk ke F10 Klik backup & restore DB · akan masuk ke F09 Klik pengolahan paket akan masuk ke F11
Halaman utama admin sekolah
Kontak Sekolah
Keterangan : Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Warna latar : biru, abu-abu, putih Ukuran layar : 1024 x 720 px
Gambar 3. 22 Perancangan Halaman Utama Admin Sekolah
7. Perancangan Pengolahan Siswa
F07
· masuk ke F07 Logo Klik pengolahan siswa maka · Klik hapus maka akan muncul M01
Nama admin
Logout
Nama Sekolah
Halaman Utama Pengolahan data siswa
Pengolahan data guru
Pengolahan konten
Backup & Restore DB
Pengolahan paket
Listing Siswa
Berikut ini adalah daftar siswa yang terdaftar di sekolah No
Kontak Sekolah
Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12
Gambar 3. 23 Perancangan Pengolahan Data siswa
8. Perancangan Pengolahan Guru
F08
· masuk ke F08 Logo Klik pengolahan guru maka Nama Sekolah · Klik hapus maka akan muncul M02
Nama admin
Logout
Halaman Utama Pengolahan data siswa
Pengolahan data guru
Pengolahan konten
Backup & Restore DB
Pengolahan paket
Listing Guru
Berikut ini adalah daftar guru yang terdaftar di sekolah No
Kontak Sekolah
Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih
Gambar 3. 24 Perancangan Pengolahan Data Guru
9. Perancangan Pengolahan Konten
F09
· maka masuk ke F09 Klik pengolahan konten Logo
Nama admin
Logout
Nama Sekolah
Halaman Utama Pengolahan data siswa
Pengolahan data guru
Pengolahan konten
Backup & Restore DB
Pengolahan paket
Pengolahan Konten
Form pengaturan konten website
Petunjuk :
Nama Sekolah Logo Sekolah
Browse
Kontak Sekolah
Simpan
Reset
Kontak Sekolah
Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih
Gambar 3. 25 Perancangan Pengolahan Konten
10. Perancangan Backup dan Restore Database
F10
Nama admin
Logout
· Klik backup & restore DB
maka masuk ke F10 Logo
Nama Sekolah
Halaman Utama Pengolahan data siswa
Pengolahan data guru
Pengolahan konten
Backup & Restore DB
Pengolahan paket
Form export database
Petunjuk :
Backup Form restore database File.sql :
Kontak Sekolah
Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Warna latar : biru, abu-abu, putih Ukuran layar : 1024 x 720 px
Gambar 3. 26 Peranvangan Backup & Restore Database
11. Perancangan Pengolahan Paket
F11
· database maka masuk ke Klik pengolahan paket Logo
Nama admin
Logout
Nama Sekolah
F11
Halaman Utama Pengolahan data siswa
Pengolahan data guru
Pengolahan konten
Backup & Restore DB
Pengolahan paket
Pengolahan Konten
Paket yang digunakan :
Nama paket
Petunjuk :
Fitur yang tersedia pada paket yang tersedia:
Storage yang digunakan : Sisa storage:
Ganti paket
Nama paket
Nama paket
Kontak Sekolah
Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Warna latar : biru, abu-abu, putih Ukuran layar : 1024 x 720 px
Gambar 3. 27 Perancangan Pengolahan Paket
12. Perancangan Halaman Utama Guru
F12
· masuk ke F12 Nama Sekolah Klik halaman utama maka Logo
Nama guru
Logout
· Klik kelas maka masuk ke ·
F13 Klik tryout maka masuk ke F20
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
Halaman Utama Guru
Kontak Sekolah
Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih
Gambar 3. 28 Perancangan Halaman Utama Guru
13. Perancangan Pengolahan Kelas
F13
Klik tambah kelas maka masuk ke Klik kelas maka masuk ke F13 Logo
Nama guru
Logout
Nama Sekolah
Klik edit kelas maka masuk ke F15 F14 M05 Klik hapus kelas maka masuk ke
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
F16 Klik masuk kelas maka masuk ke
+ Tambah kelas Kelas :
Tahun Ajaran :
Masuk kelas
Edit kelas
Hapus kelas
Mata Pelajaran : Jumlah Materi :
Kontak Sekolah
Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12
Gambar 3. 29 Perancangan Pengolahan Kelas
14. Perancangan Form Buat Kelas
F14
Logo ajaran, mata pelajaran Pilih kelas, semester, tahun
Nama guru
Logout
Nama Sekolah
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
Petunjuk :
Form pembuatan kelas baru
Kelas
Silahkan pilih
Semester
Silahkan pilih
Tahun Ajaran
Silahkan pilih
Mata Pelajaran
Silahkan pilih Simpan
Ulangi
Kontak Sekolah
Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Ukuran layar : 1024 x 720 px
Gambar 3. 30 Perancangan Form Buat Kelas
15. Perancangan Form Edit Kelas
F15
Nama guru
Logout
Logo
Nama Sekolah
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
Petunjuk :
Form edit kelas Kelas
Silahkan pilih
Semester
Silahkan pilih
Tahun Ajaran
Silahkan pilih
Mata Pelajaran
Silahkan pilih Simpan
Reset
Kontak Sekolah
Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12
Gambar 3. 31 Perancangan Form Edit Kelas
16. Perancangan Form Masuk Kelas
F17
· Klik tambah materi, tambah Logo
Nama Sekolah
Nama guru
Logout
tugas, tambah diskusi maka ·
F18 Klik edit maka masuk ke · masuk ke F17 Klik hapus maka muncul
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
· M06
· M07 Klik share maka muncul Klik lihat materi maka akan
Mata Pelajaran : Nama Guru :
kanan dan tetap berada di muncul materi di sebelah Nama Kelas :
F17 + Tambah Materi File Materi Nama Materi
Simpan Reset Browse
Isi materi
Nama Materi Nama File
Edit Hapus Share Aksi
Lihat
download
+ Tambah tugas Judul tugas Tugas ke
File tugas Browse Kirim
Batal
Isi materi
Judul tugas Tugas ke- Tgl Upload
File
Hapus Aksi Download
Komentar + Tambah diskusi
Simpan Batal Nama
– tanggal - jam
Kontak Sekolah
Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12
Gambar 3. 32 Perancangan Form Masuk Kelas
17. Perancangan Form Edit Materi
F18
Nama guru
Logout
Logo
Nama Sekolah
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
Edit Materi
Nama Kelas : Mata Pelajaran : Nama Guru : Nama materi :
File materi : Nama file materi Upload ulang :
Choose file Simpan
Reset
Kontak Sekolah
Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih
Gambar 3. 33 Perancangan Form Edit Materi
18. Perancangan Pengolahan Tryout
F20
Klik tambah tryout maka masuk Klik tryout maka masuk ke F23 Logo
Nama guru
Logout
Nama Sekolah
Klik edit tryout akan masuk ke ke F24
Klik hapus tryout akan muncul F25 Halaman Utama
Klik aktifkan tryout akan masuk ke M08 F26
Kelas
Tryout
Listing Siswa
Listing Guru
Tryout
+ Tambah tryout
Listing Tryout
Id tryout : Mata pelajaran :
Aktifkan tryout
Tanggal tryout : Waktu tryout :
Edit tryout
Hapus tryout
Kontak Sekolah
Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih
Gambar 3. 34 Perancangan Pengolahan Tryout
19. Perancangan Form Tambah Tryout
F21
Nama guru
Logout
Logo
Nama Sekolah
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
Tambah tryout
Petunjuk :
From pembuatan tryout Mata Pelajaran
- silahkan pilih -
Soal
Browse
Tanggal tryout
Lama tryout
menit
Simpan
Kontak Sekolah
Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Warna latar : biru, abu-abu, putih Ukuran layar : 1024 x 720 px
Gambar 3. 35 Pengolahan Form Tambah Tryout
20. Perancangan Form Edit Tryout
F22
Nama guru
Logout
Logo
Nama Sekolah
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
Edit tryout
Mata Pelajaran Nama mata pelajaran
Soal
Browse
Tanggal tryout
Lama tryout
menit
Edit
Kontak Sekolah
Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih
Gambar 3. 36 Perancangan Form Edit Tryout
28. Perancangan Halaman Utama Siswa
F23
masuk ke F29 Klik kelas maka akan akan masuk ke F28 Logo Klik halaman utama maka Klik tryout maka akan masuk ke F33
Nama siswa
Logout
Nama Sekolah
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
Listing Kelas
Halama Utama Siswa
Kontak Sekolah
Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12
Gambar 3. 37 Perancangan Halaman Utama Siswa
29. Perancangan Form Kelas Siswa
F24
Klik ambil kelas baru maka Logo F29
Nama Sekolah
Nama siswa
Logout
Klik kelas maka masuk ke
Klik keluar kelas akan masuk ke F32 Klik masuk kelas maka masuk ke F30 Halaman Utama
Kelas
Tryout
Listing Siswa
Listing Guru
Listing Kelas
muncul M09
+ Ambil kelas
Daftar kelas yang sudah diambil
Nama Mata Pelajaran : Nama Guru :
Masuk kelas
Jumlah Materi :
Keluar kelas
Kontak Sekolah
Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Ukuran layar : 1024 x 720 px
Gambar 3. 38 Perancangan Form Kelas Siswa
30. Perancangan Form Ambil Kelas
F25
· Klik pilih guru ini maka akan Logo
Nama siswa
Logout
Nama Sekolah
masuk ke F31
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
Listing Kelas
Ambil kelas baru
Daftar Mata Pelajaran yang bisa diikuti
Nama Mata Pelajaran : Nama Guru :
Pilih kelas ini
Jumlah Materi :
Kontak Sekolah
Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12
Gambar 3. 39 Perancangan Form Ambil Kelas
31. Perancangan Form Masuk Kelas
F27
· Logo
Nama Sekolah
Nama siswa
Logout
· Isi nama materi dan file masuk ke F21 Klik tambah materi maka materi maka data akan
· Klik edit maka masuk ke tersimpan. Halaman Utama
Kelas
Tryout
Listing Siswa
Listing Guru
Listing Kelas
· Klik hapus maka muncul F22 ·
M06 Klik share maka muncul
Mata Pelajaran : Nama Guru :
Nama Kelas : kanan dan tetap berada di muncul materi di sebelah Nama Materi Klik lihat materi maka akan Nama File
Aksi download
F21
Isi materi
+ Tambah tugas Judul tugas Tugas ke
File tugas
Browse
Kirim Batal
Judul tugas Tugas ke- Tgl Upload
File
Hapus Aksi Download
Isi materi
Komentar + Tambah diskusi
Simpan Batal Nama
– tanggal - jam
Kontak Sekolah
Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12
Gambar 3. 40 Perancangan Form Siswa Masuk Kelas
32. Perancangan Halaman Tryout
F28
Nama siswa
Logout
Klik tryourt akan masuk ke
Nama Sekolah
Klik ambil tryout akan F33
Logo
masuk ke F34 Klik ambil tryout ini akan masuk ke F
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
Listing Kelas
History tryout
No Mata pelajaran
Tanggal tryout
Nilai
Rangking
+ Ambil tryout
Tryout yang sudah diambil
Id tryout : Mata pelajaran :
Pilih tryout
Waktu tryout : Status :
Kontak Sekolah
Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Ukuran layar : 1024 x 720 px
Gambar 3. 41 Perancangan Halaman Tryout
33. Perancangan Form Ambil Tryout
F29
Klik ambil tryourt akan Logo
Nama siswa
Logout
Nama Sekolah
Klik ambil tryout ini akan masuk ke F34 masuk ke F35
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
Listing Kelas
Ambil Tryout
Daftar tryout yang bisa diikuti
1 Mata pelajaran : Id tryout :
Status : Waktu tryout :
Pilih tryout ini
Kontak Sekolah
Tipe/ukuran font : Arial Narrow/ 8, 10, 12 Warna latar : biru, abu-abu, putih Ukuran layar : 1024 x 720 px
Gambar 3. 42 Perancangan Form Ambil Tryout
34. Perancangan Form Mulai Tryout
F30
tryout Klik mulai untuk memulai Logo
Nama siswa
Logout
Nama Sekolah
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
Listing Kelas
Tekan tombol selesai jika anda ingin menyelesaikan tryout Silahkan tekan tombol mulai untuk memulai tryout Waktu tryout : 60 menit Selesai 00 Menit 00 detik
a b 1. soal c e d
2. soal b a e d c
Kontak Sekolah
Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12
Gambar 3. 43 Perancangan Form Mulai Tryout
35. Perancangan Form Selesai Tryout
F31
Nama siswa
Logout
Logo
Nama Sekolah
Halaman Utama Kelas
Tryout
Listing Siswa
Listing Guru
Listing Kelas
Berikut ini adalah hasil nilai berdasarkan jawaban tryout yang telah anda lakukan :
Nilai :
Kontak Sekolah
Ukuran layar : 1024 x 720 px Warna latar : biru, abu-abu, putih Tipe/ukuran font : Arial Narrow/ 8, 10, 12
Gambar 3. 44 Perancangan Form Selesai Tryout
3.4.2.3 Perancangan Pesan
Berikut ini merupakan form perancangan pesan.
M01
Anda yakin akan menghapus data siswa ini ?
OK
Cancel
Gambar 3. 45 Perancangan Pesan Hapus Data Siswa
M02
Anda yakin akan menghapus data guru ini ?
OK
Cancel
Gambar 3. 46 Perancangan Pesan Hapus Data Guru
M03
Request anda untuk ganti paket sudah dilakukan
OK
Cancel
Gambar 3. 47 Perancangan Pesan Pergantian Paket
M04
Untuk sementara e-learning tidak bisa digunakan. Silahkan periksa email anda.
Prevent this page creating additional dialogs
OK
Cancel
Gambar 3. 48 Perancangan Pesan Konfirmasi Ganti Paket
M05
Anda yakin akan menghapus kelas ini ?
OK
Cancel
Gambar 3. 49 Perancangan Pesan Hapus Kelas
M06
Anda yakin akan menghapus materi ini ?
OK
Cancel
Gambar 3. 50 Perancangan Pesan Hapus Materi
M07
Anda yakin akan share materi ini ?
OK
Cancel
Gambar 3. 51 Perancangan Pesan Shared Materi
M08
Anda yakin akan menghapus tryout ini ?
OK
Cancel
Gambar 3. 52 Perancangan Pesan Hapus Tryout
M09
Anda yakin akan keluar dari kelas ini ?
OK
Cancel
Gambar 3. 53 Perancangan Pesan Keluar Kelas
3.4.2.4 Jaringan Semantik
Struktur aplikasi ini dibuat secara moduler, yaitu program dipecah menjadi modul-modul kecil yang mudah dibuat, mudah dites, dan mudah dimodifikasi. Dalam pembuatan e-learning ini menggunakan alat bantu bagan struktural yang disebut juga jaringan semantik.
1. Jaringan semantik untuk menu Admin Jaringan semantik untuk menu admin dapat dilihat pada gambar 3.54 dibawah ini:
M03,M04
Gambar 3. 54 Jaringan Semantik Menu Admin
111
2. Jaringan semantik untuk menu Guru Jaringan semantik untuk menu guru dapat dilihat pada gambar 3.55 dibawah ini:
M06,M07
Gambar 3. 55 Jaringan Semantik Menu Guru
3. Jaringan semantik untuk menu Siswa Jaringan semantik untuk menu siswa dapat dilihat pada gambar 3.56 dibawah ini:
Gambar 3. 56 Jaringan Semantik Menu Siswa