Form halaman utama Form halaman LoginRegister Form halamaan Buku Tamu Form halaman Tutorial Form Halaman Quis

g. Form halaman Tambah Soal DFD h. Form halaman Tambah Soal Flowchart i. Form halaman Kelola Soal DFD. j. Form halaman Kelola Soal Flowchart. k. Form halaman Kelola Pesan l. Form halaman Lihat User.

4.4.1 Form halaman utama

Form halaman utama ini menampilkan halaman utama yang terdapat 4 menu dimana user harus login terlebih dahulu jika user tidak login,maka hanya 2 menu saja yang tampil yaitu Home dan Buku Tamu,Tetapi jika user telah login maka semua menu akan tampil yaitu halaman Home, Buku Tamu, Tutorial dan Quis, pada halaman home terdapat file swf yang berisi pengenalan yang membuat aplikasi tutorial pembelajaran ini dan penjelasan sekilas materi- materi yang akan di bahas dari, lebih jelas bisa lihat pada gambar 4.4 halaman utama sebelum login berisi opening,home dan Buku Tamu 4.5 berisi opening,home,Buku Tamu,tutorial dan quis. Gambar 4.4 Tampilan halaman utama sebelum login Gambar 4.5 Tampilan halaman Utama setelah login

4.4.2. Form halaman LoginRegister

Form Login ini digunakan untuk user agar bisa masuk ke dalam web dan memilih semua menu,karena jika belum login maka hanya menu home dan Buku Tamu saja yang tampil selengkapnya lihat pada gambar dibawah,Sedang untuk halaman register digunakan untuk membuat account baru,yang dapat digunakan untuk login,selengkapnya lihat pada gambar 4.6. Gambar 4.6 Tampilan halaman login Gambar 4.7 Tampilan halaman register

4.4.3. Form halamaan Buku Tamu

Di halaman ini digunakan untuk tanya jawab tentang Flowchart dan DFD,selengkapnya lihat pada gambar 4.8. Gambar 4.8 Tampilan Halaman Buku Tamu

4.4.4. Form halaman Tutorial

a. Form halaman Tutorial terdapat 2 menu yaitu menu Materi dan Tutorial. Menu Materi yang berisi materi yang akan di bahas lebih jelasnya bisa di Kelola pada gambar 4.9. Gambar 4.9 Tampilan Halaman Tutorial Menu Materi b. Menu Tutorial yang berisi penjelasan dan contoh dari materi yang di bahas yang di sajikan dalam bentuk Video dan suara jelas dapat dilihat pada gambar 4.10 Gambar 4.10 Tampilan halaman Video Tutorial

4.4.5. Form Halaman Quis

Menu Quis ini menampilkan soal-soal pilihan ganda yang terdiri dari 4 pilihan yaitu a,b,c,d dan jawaban bisa terdiri dari teks dan Gambar 4.11. pada setiap bab terdapat 10 soal. Dan setelah soal selesai di kerjakan akan tampil hasil atau nilai yang di peroleh dari pengerjaan soal-soal seperti gambar Nilai hasil pengerjaan soal. Gambar 4.11 Tampilan halaman Quis Gambar 4.12 Tampilan Nilai hasil pengerjaan soal

4.4.6. Form halaman Histori