4.2 Planning perencanaan
4.2.1 Estimating
Penulis mengestimasikan waktu pengembangan sistem dimulai dari tahapan Modeling Analysis dan Design hingga tahapan Construction Code
dan Test akan memakan waktu selama 4 minggu dengan rincian pada sub tahapan scheduling.
4.2.2 Scheduling
Penjadwalan berdasarkan waktu penelitian yaitu selama 1 bulan yang dibagi menjadi 4 minggu dimulai dari 08 Februari 2010 hingga 07 Februari
2010. Penulis menjadwalkan pengembangan sistem sebagai berikut : Tabel 4.1 Jadwal pengembangan sistem
Nama Kegiatan Minggu Ke-
1 2
3 4
Modeling Analysis
Design Construction
Code Test
4.2.3 Tracking
Pada sub tahapan ini, penulis membayangkan proses pengembangan sistem terhadap jadwal yang telah dibuat. Penulis membandingkan jadwal
pengembangan dengan daftar hari pada kalender pada bulan Februari 2010. setelah diamati, hari libur nasional ada pada tanggal 14 Februari 2010
perayaan imlek 2561 dan tanggal 26 Februari 2010 Maulid Nabi Muhammad SAW. Dengan begitu, penulis memperkirakan jadwal yang telah
terbentuk akan mengalami penambahan waktu dengan rentang waktu tidak lebih dari seminggu.
4.3 Modeling pemodelan
4.3.1 Analysis
Pada sub tahapan ini, penulis membagi kegiatan menjadi 4 kegiatan utama yaitu :
4.3.1.1 Analisis Kuesioner Awal Berikut hasil analisis kuesioner awal secara detail :
1. Pertanyaan ke-1 : “Sudah berapa lama anda mengajar?” Sebesar 92 responden menyatakan telah mengajar cukup
lama 5 Tahun 10 Tahun dan 10 Tahun. Dan sisanya 8 menyatakan belum lama mengajar 6 bulan dan 1 Tahun.
Tabel 4.2 Hasil Olah Kuesioner Awal Pertanyaan No. 1 Jawaban Responden 12 Orang
6 bulan 1 Tahun
5 Tahun 10 Tahun
10 Tahun Jumlah Penjawab Orang
1 1
2 8
1 11
Persentase 8
92
1 2
3 4
5 6
7 8
orang
6 bulan
1 Tahun
5 Tahun
10 Tahun
10 Tahun
w aktu
Lama Waktu Mengajar
Gambar 4.1 Grafik Lama Waktu Mengajar 2. Pertanyaaan ke-2 : “Media Pembelajaran apa saja yang pernah
anda gunakan?” Responden yang menjawab pilihan Buku sebesar 39 , kaset
sebesar 14 , OHP sebesar 11 , OHP sebesar 21 dan menjawab pilihan lainnya sebesar 14 . Dari 14 responden yang
menjawab pilihan lainnya, jawaban responden tersebut bervariasi, diantaranya : internet 25, alat peraga 50 , dan flash 25.
Tabel 4.3 Hasil Olah Kuesioner Awal Pertanyaan No. 2 Jawaban Responden
12 Orang buku
kaset ohp
power point
lainnya Jumlah Penjawab Orang
11 4
3 6
4 Persentase
40 14
11 21
14
Media pembelajaran pernah digunakan
40
14 11
21 14
buku kaset
ohp power point
lainnya
Gambar 4.2 Diagram penggunaan media pembelajaran 3. Pertanyaaan ke-3 : “Dari manakah Anda biasanya mendapatkan
Media Pembelajaran Tersebut, boleh memilih lebih dari satu?”
Pertanyaan ini memberikan kebebasan kepada responden untuk memilih lebih dari satu jawaban. Pertanyaan ini dimaksudkan agar
penulis bisa mengetahui dari mana biasanya responden mendapatkan media pembelajaran tersebut. Akan menjadi sangat
mungkin apabila responden mendapatkan media pembelajaran dari berbagai sumber. Untuk itu penulis merasa perlu memberikan
beberapa alternatif jawaban dengan harapan hal ini dapat mendekati dengan kondisi sesungguhnya. Jawaban responden yang
menunjukkan nilai
tertinggi merupakan
sumber media
pembelaajran yang paling banyak didapatkan oleh responden lihat grafik dibawah. Untuk selanjutnya pertanyaan ini akan
dihubungkan dengan pertanyaan selanjutnya pada point 4, yaitu tentang kepuasaan responden terhadap media pembelajaran yang
didapatkan dari sumbernya.
Tabel 4.4 Hasil Olah Kuesioner Awal Pertanyaan No. 3 Jawaban Responden 12 Orang
membeli teman
membuat sendiri internet lainnya
Jumlah Penjawab Orang 8
2 8
7 Persentase
32 8
32 28
sumber media pembelajaran
1 2
3 4
5 6
7 8
9
membeli teman
membuat sendiri
internet lainnya
sumber
ju m
la h
r es
p o
n d
en
Gambar 4.3 Grafik responden dalam mendapatkan media pembelajaran 4. Pertanyaaan ke-4 : “Secara keseluruhan dari media
pembelajaran yang anda dapatkan, apakah anda merasa puas ?” Jawaban dari pertanyaan ini akan sangat membantu penulis
untuk merancang media pembelajaran yang dianggap cukup memuaskan responden. Pada pertanyaan nomor 4, jawaban
sebagian besar responden 50 menjawab kurang atau tidak puas. Untuk itu diperlukan sebuah alternatif lain dalam memenuhi
kepuasan responden. Pada skripsi ini penulis mencoba merancang media pembelajaran baru berupa modul pembelajaran berbasis web
sebagai satu solusi dalam memenuhi kepuasan atas media pembelajaran yang diinginkan responden.
Tabel 4.5 Hasil Olah Kuesioner Awal Pertanyaan No. 4 Jawaban Responden 12 Orang
sangat cukup
kurang tidak
Jumlah Penjawab Orang 1
5 6
Persentase 8
42 50
tingkat kepuasan responden
8
42 50
sangat cukup
tidak
Gambar 4.4 Diagram tingkat kepuasan responden
Selanjutnya, pada kuesioner diberikan deskripsi sistem yang akan dibangun sebagai salah satu solusi pemenuhan kepuasan media
pembelajaran yang sesuai keinginan responden. Deskripsi ini diberikan sebagai acuan responden untuk menjawab pertanyaan nomor 5 dan
nomor 6. 5. Pertanyaaan ke-5 : “Menurut Anda, apakah media seperti diatas
akan lebih membantu anda dalam proses mengajar ? Dari keseluruhan responden, semua menjawab modul
pembelajaran ini akan sangat membantu bagi para guru dalam menambah variasi materi ajar yang dapat diberikan kepada siswa.
Tabel 4.6 Hasil Olah Kuesioner Awal Pertanyaan No. 5 Jawaban Responden 12 Orang
sangat kurang
tidak Jumlah Penjawab Orang
12 Persentase
100
Keberadaaan sistem yang akan dibangun
100
sangat membantu kurang membantu
Gambar 4.5 Diagram Kebutuhan responden terhadap sistem 6. Pertanyaaan ke-6 : “Fitur-fitur sebagai kelengkapan materi
dalam modul pembelajaran” Pertanyaan ini dimaksudkan sebagai masukan untuk penulis
tentang fitur apa saja yang responden harapkan agar terdapat didalam sistem yang akan dibangun. Hasil analisis penulis terhadap
tabel tersebut meliputi tingkat kepentingan suatu fitur sebagai kelengkapan sistem. Tingkat kepentingan fitur-fitur tersebut akan
dikelompokkan menjadi kelompok yang menyatakan sebuah fitur harus ada, tidak perlu ada dan pilihan boleh ada atau tidak pada
sistem.
Tabel 4.7 Hasil Olah Kuesioner Awal Pertanyaan No.6 No
Fitur Media Pembelajaran Tingkat Kepentingan
penting kurang
tidak 1
Menampilkan materi teks 8
3 1
2 Menampilkan materi gambar
7 5
3 Menampilkan materi suara
6 6
4 Menampilkan materi video
8 4
5 Menampilkan soal teks
9 3
6 Menampilkan soal gambar
6 6
7 Menampilkan soal suara
5 5
2 8
Menampilkan soal video 3
4 5
9 Soal evaluasi yang teracak
5 4
3 10
Tampilan jawaban hasil Evaluasi 6
6 11
Komentar dari pengguna 6
5 1
12 Banyaknya pengguna yang mengakses
7 4
1 13
Pencarian media pembelajaran 5
7 14
Petunjuk penggunaan 7
5 15
Profil pengguna 3
3 6
16 Tampilan yang beragam
4 6
2 17
Testimonial dari pengguna 4
5 3
Dan hasil pengolahan data-data diatas, didapat fitur yang akan dimasukkan adalah sebagai berikut:
Tabel 4.8 Fitur yang akan dimasukkan dalam sistem No
Fitur Media Pembelajaran Keberadaan Fitur
ada optional
tidak 1
Menampilkan materi teks x
2 Menampilkan materi gambar
x 3
Menampilkan materi suara x
4 Menampilkan materi video
x 5
Menampilkan soal teks x
6 Menampilkan soal gambar
x 7
Menampilkan soal suara x
8 Menampilkan soal video
x 9
Soal evaluasi yang teracak x
10 Tampilan jawaban hasil Evaluasi
x 11
Komentar dari pengguna x
12 Banyaknya pengguna yang mengakses
x 13
Pencarian media pembelajaran x
14 Petunjuk penggunaan
x 15
Profil pengguna x
16 Tampilan yang beragam
x 17
Testimonial dari pengguna x
4.3.1.2 Sistem Yang Sedang Berjalan Sistem yang saat ini sedang berjalan adalah guru membeli ataupun
mendapatkan media pembelajaran melalui berbagai sumber. Media pembelajaran yang didapat masih berbentuk buku teks dan tidak semua
siswa memiliki buku tersebut. Dikarenakan siswa tidak diwajibkan memiliki buku tersebut sehingga penyampaian materi yang diberikan
guru tidak sampai secara maksimal khususnya kepada siswa yang tidak memiliki media pembelajaran tersebut. Proses pengajaran pun tidak
mampu berjalan maksimal jika materi yang diberikan membutuhkan suatu penggambaran proses. Sehingga siswa mendapatkan kesulitan
dalam menggambarkan proses pada materi yang diberikan. Alur pada sistem yang sedang berjalan adalah sebagai berikut :
1. Guru mendapatkan media pembelajaran mengenai suatu materi pelajaran tertentu.
2. Guru menyampaikan materi pelajaran berdasarkan materi yang disediakan pada media pembelajaran tersebut.
3. Siswa menyimak dan mendengarkan materi, bagi siswa yang memiliki media pembelajaran tersebut dapat mengikuti materi
sesuai materi yang disampaikan guru. 4. Guru memberikan evaluasi terhadap materi yang diberikan.
5. Hasil evaluasi diperiksa satu persatu oleh guru dan didapatkan hasil evaluasi.
GURU SISWA
Gambar 4.6 Workflow kegiatan guru dan siswa pada sistem yang berjalan
mulai
Mendapatkan media
pembelajaran Media Pembelajaran
buku, kaset, presentasi
Penyampaian materi
pelajaran
1 Materi Ajar
4 Jawaban
Evaluasi
Penilaian Jawaban
Evaluasi Nilai
5 1
Menyimak Pelajaran
2 1
Akhir Materi Pelajaran Materi Ajar
3 Soal Evaluasi
Menjawab soal evaluasi
Jawaban Evaluasi
4 5
Nilai
Selesai 2
Pemberian Evaluasi
Soal Evaluasi
3 Akhir Materi Pelajaran
4.3.1.3 Sistem Yang Diusulkan ADMIN
GURU SISWA
Data Template
Buat Modul
modul
Input materi
Input Input
quiz materi
quiz Selesai
menginput
Modul pembelajaran
interaktif materi
quiz
tidak
ya Modul
pembelajaran interaktif
Download
Modul pembelajaran
interaktif terkompresi
Gambar 4.7 Workflow kegiatan guru dan siswa pada sistem yang diusulkan
Dari permasalahan sistem yang terdahulu maka diperlukan suatu sistem baru yang dikembangkan dengan teknologi informasi yang
lebih baik sehingga modul pembelajaran dapat lebih mudah didapatkan dan siswa dapat memilikinya tanpa perlu mengeluarkan biaya. Setiap
siswa dapat mempelajari materi pelajaran dan dapat langsung melakukan evaluasi untuk mengetahui tingkat pemahaman siswa
terhadap materi yang siswa pelajari. Mengenai analisis aliran data sistem adalah sebagai berikut :
1. Analisis dilihat dari sisi guru, yaitu menguraikan tahapan bagaimana sistem modul alat bantu pembelajaran interaktif
memberikan informasi kepada guru dan menguraikan
bagaimana tahapan yang dilakukan guru dalam membuat modul
pembelajaran interaktif.
Langkah-langkah yang
dilakukan guru dalam membuat modul pembelajaran interaktif adalah sebagai berikut :
a Bagi guru yang belum memiliki akses terhadap sistem dapat melakukan pendaftaran. jika sudah, guru dapat
melakukan login pada form sesuai dengan data yang telah diberikan ketika mendaftar.
b Guru akan diarahkan ke ruang guru dengan beberapa menu yang dapat guru pilih. Guru dapat membuat modul
pembelajaran baru atau mengubah modul pembelajaran
yang telah guru buat sebelumnya. guru juga dapat menghapus modul pembelajaran interaktif yang telah ada.
c Jika telah selesai, guru dapat melihat hasil modul pembelajaran interaktif yang telah guru buat.
d Guru dapat keluar dari sistem dengan menekan tombol logout.
2. Analisis dilihat dari sisi administrator, yaitu menguraikan tahapan yang dilakukan administrator dalam melayani user,
adalah sebagai berikut: a Administrator memilih menu yang akan ditampilkan
b Administrator dapat melakukan pengelolaan terhadap modul pembelajaran interaktif yang ada tetapi tidak dapat
membuat atau menambah modul. c Administrator dapat menambahkan berita mengenai sistem
baik berupa update terbaru ataupun bugs yang terdapat pada sistem.
d Administrator dapat melakukan pengelolaan template modul pembelajaran interaktif.
e Administrator melakukan pengelolaan terhadap user yang terdaftar pada sistem.
3. Analisis dilihat dari sisi siswa, yaitu menguraikan tahapan yang dapat dilakukan siswa terhadap sistem, adalah sebagai berikut:
a Siswa hanya dapat melihat modul pembelajaran yang telah ada.
b Siswa dapat melakukan pencarian terhadap modul
pembelajaran interaktif yang berada pada sistem. c Siswa dapat mengirimkan pertanyaan kepada admin
mengenai sistem. d Siswa dapat meninggalkan testimoni mengenai kesan
terhadap sistem. 4.3.1.4 DFD Data Flow Diagram
1. Diagram Context
Gambar 4.8 Diagram Context
2. Diagram Level Overview Level 0
2.0 Maintenance
User 1.0
Login 4.0
Maintenance Modul
Pembelajaran
3.0 Maintenance
Template 5.0
Maintenance Artikel
6.0 Download
Modul Pembelajaran
Data User Data Artikel
Data Modul
Data Template
Data Materi Data Quiz
Admin Guru
Siswa Siswa
Input Login Input Login
Input Login
Input User Input Template
Input Artikel Input Artikel
Input Modul Input Modul
Admin Guru
Request Modul Request Modul
Request Modul
Gambar 4.9 Diagram Level Overview Level 0 3. Diagram Level 1 Proses 1.0
Admin
1.1 Login
Data User Data Login
Validasi Guru
Siswa Data Login
Data Login
Gambar 4.10 Diagram Level 1 Proses 1.0
4. Diagram Level 1 Proses 2.0
Gambar 4.11 Diagram Level 1 Proses 2.0 5. Diagram Level 1 Proses 3.0
Gambar 4.12 Diagram Level 1 Proses 3.0
6. Diagram Level 1 Proses 4.0
Gambar 4.13 Diagram Level 1 Proses 4.0 7. Diagram Level 1 Proses 5.0
Guru 5.1
Input Artikel
5.2 Edit Artikel
Data Artkel Data Artikel
Data Artikel
ID Artikel 5.3
Delete Materi Admin
ID Artikel Data Artikel
Admin Data Artikel
Gambar 4.14 Diagram Level 1 Proses 5.0
8. Diagram Level 1 Proses 6.0
Gambar 4.15 Diagram Level 1 Proses 6.0 9. Diagram Level 2 Proses 4.1
Guru 4.1.1
Input Modul 4.1.2
Edit Modul
4.1.4 Cek Materi
dan Quiz Data Modul
Data Modul Data Modul
ID Modul
4.1.3 Delete Modul
ID Modul Data Materi
Data Template
Data Quiz ID Modul
Admin Data Modul
ID Modul ID Modul
Admin Data Modul
ID Modul
Gambar 4.16 Diagram Level 2 Proses 4.1
10. Diagram Level 2 Proses 4.2
Gambar 4.17 Diagram Level 2 Proses 4.2
11. Diagram Level 2 Proses 4.3
Guru 4.3.1
Input Quiz
4.3.2 Edit Quiz
Data Quiz Data Quiz
Data Quiz
Id Quiz 4.3.3
Delete Quiz Data Modul
ID Modul
Admin
ID Quiz Admin
Data Quiz Data Quiz
Gambar 4.18 Diagram Level 2 Proses 4.3 4.3.1.5 Analisis Perangkat Sistem
1. Perangkat Keras Perangkat Keras yang digunakan oleh sistem antara lain :
a Processor Pentium 4 1.8 Ghz b Harddisk 40 GB
c RAM 256 MB d Sound Card
e VGA 64 MB f Monitor Resolusi 800 x 600
g Keyboard dan Mouse h Lan Card
2. Kebutuhan Perangkat Lunak Perangkat Keras yang digunakan oleh sistem antara lain :
a Sistem Operasi Windows XP b Mozilla Firefox Web Browser
c Plug in Flash Player pada Web Browser d XAMPP Web Server
e Adobe Flash CS3 f Text Editor
4.3.2 Design
Pada sub tahapan ini, penulis menerapkan hasil analisis dan rancangan sistem yang telah dibuat pada sub tahapan sebelumnya. Dibagi menjadi
beberapa kegiatan yaitu :
71
4.3.2.1 Perancangan Basis
Data
a ERD
Entity Relational Diagram
data membuat
user template
media berita
memiliki memiliki
mengirim
multimedia narasi
isi judul
Id_data Id_template
Id_media judul
kelas tanggal
deskripsi Id_user
Id_template nama
jk Id_user
Nama_lengkap email
password alama
t No_telp
Tgl_la hir
Tmp_lahir counter
gambar Isi_berita
judul Id_user
tanggal
Id_berita hari
jam
m m
1
m 1
1
memiliki m
1
quiz memiliki
Id_media jawaban
Pil_a pertanyaan
Pil_d Pil_c
Pil_b
Id_quiz
tipe keterangan
file tanggal
Id_user level
foto hubungi
nama subject
email
tanggal jawaban
pesan
Id_hubungi
testimonial nama
subject email
tanggal pesan
Id_testimonial modul
Nama_modul Static_content
link status
gambar
Id_modul publish
aktif urutan
1 1
Pil_e
Gambar 4.19 ERD Sistem
b Spesifikasi Database Menunjukkan struktur tabel dari database yang terdapat pada
modul alat bantu pembelajaran interaktif, berikut detail-nya : 1.
Tabel user
No. Nama Field Tipe Field
Panjang Keterangan
1
Id_user Varchar
11 ID pengguna
2
Password Varchar
50 Password pengguna
3
Nama_lengkap Varchar
100 Nama lengkap pengguna
4
Email Varchar
100 Email Pengguna
5
Jk Varchar
20 Jenis Kelamin Pengguna
6
Tmp_lahir Varchar
255 Tempat lahir pengguna
7
Tgl_lahir Date
- Tanggal lahir pengguna
8
Alamat Varchar
50 Alamat pengguna
9
Foto Varchar
255 Foto Pengguna
10
Level Varchar
50 Level Pengguna
Keterangan : Primary Key : id_user 2.
Tabel media
No Nama Field
Tipe Field Panjang
Keterangan
1
Id_media Varchar
255 ID media
2
Judul Varchar
255 Judul media
3
Deskripsi Text
- Deskripsi media
4
Kelas Varchar
3 Kelas yang dituju
5
Tanggal Date
- Tanggal pembuatan media
6
Id_user Varchar
50 Id user pembuat media
7
Id_template Int
11 Template yang digunakan
Keterangan : Primary Key : id_media. Foreign Key : Id_user dan Id_template 3.
Tabel data
No Nama Field
Tipe Field Panjang
Keterangan
1
Id_data Int
11 ID data
2
Id_media Int
11 ID media
3
Judul Varchar
255 Judul materi
4
Isi Text
- Isi materi
5
Tipe Varchar
10 Tipe multimedia
6
Multimedia Varchar
255 Media yang tersimpan
Keterangan : Primary Key : id_data. Foreign Key : Id_media 4.
Tabel quiz
No Nama Field
Tipe Field Panjang
Keterangan
1
Id_quiz Int
11 ID quiz
2
Id_media Int
11 ID media
3
Pertanyaan Text
- Pertanyaan evaluasi
4
Pil_a Varhcar
255 Pilihan A
5
Pil_b Varchar
255 Pilihan B
6
Pil_c Varchar
255 Pilihan C
7
Pil_d Varchar
255 Pilihan D
8
Pil_e Varchar
255 Pilihan E
8
Jawaban Enum
‘a’,’b’,’c’,’d’,’e’ Jawaban evaluasi
Keterangan : Primary Key : id_quiz. Foreign Key : Id_media 5.
Tabel template
No Nama Field
Tipe Field Panjang
Keterangan
1
Id_template Int
11 ID Template
2
Nama Varchar
255 Nama template
3
Keterangan Text
- Keterangan template
4
File Varchar
255 Nama file template
5
Tanggal Date
- Tanggal upload
6
Id_user Varchar
50 Id user
Keterangan : Primary Key : id_template. Foreign Key : Id_user 6.
Tabel berita
No Nama Field
Tipe Field Panjang
Keterangan
1
Id_berita Int
5 ID berita
2
Id_user Varchar
50 Id user
3
Judul Varchar
100 Judul berita
5
Isi_berita Text
- Isi berita
6
Hari Varchar
20 Hari pembuatan
7
Tanggal Date
Tanggal pembuatan
8
Jam Time
- Waktu pembuatan
Keterangan : Primary Key : Id_berita Foreign Key : Id_user
7. Tabel testimonial
No Nama Field
Tipe Field Panjang
Keterangan
1
Id_testimonial Int
5 ID Testimonial
2
Nama Varchar
50 Nama pengirim
3
Email Varchar
50 Email pengirim
4
Subjek Varchar
100 Judul testimonial
5
Pesan text
- Isi testimonial
6
Tanggal Date
- Tanggal pengiriman
Keterangan : Primary Key : id_testimonial 8. Tabel hubungi
No Nama Field
Tipe Field Panjang
Keterangan
1
Id_hubungi Int
5 ID Hubungi
2
Nama Varchar
50 Nama pengirim
3
Email Varchar
100 Email pengirim
4
Subjek Varchar
100 Judul pertanyaan
5
Pesan Text
- Isi pertanyaan
5
Jawaban text
- Isi jawaban
6
Tanggal Date
- Tanggal pengiriman
Keterangan : Primary Key : id_hubungi
9. Tabel modul
No Nama Field
Tipe Field Panjang
Keterangan
1
Id_modul Int
5 ID Modul
2
Nama_modul Varchar
50 Nama menu
3
Link Varchar
100 Link menu
4
Static_content Text
- Isi statis dari menu
5
Gambar Varchar
100 Gambar static content
6
Publish Enum
‘Y’,’N’ Pilihan untuk di-publish
7
Status Enum
‘user’,’admin’ Hak akses menu
8
Aktif Enum
“Y’,”N” Pilihan untuk aktif
9
Urutan Int
5 Urutan menu
Keterangan : Primary Key : id_modul 4.3.2.2 Perancangan Antar Muka
1. STD Menu Utama Guru
Gambar 4.20 STD Guru
Menu Utama Manajemen Modul
Manajemen Berita
Manajemen Profil
Logout Klik Menu Utama
Menunggu Input Klik Menu Modul
Masuk Halaman Klik Menu Berita
Masuk Halaman Klik Menu Profil
Masuk Halaman Klik Menu Logout
Masuk Halaman Klik Menu Home
Masuk Halaman
2. STD Menu Utama Administrator
Gambar 4.21 STD Administrator 3. STD Menu Utama Siswa
Gambar 4.22 STD Siswa
Menu Utama Modul
About
FAQ
Klik Menu Utama Menunggu Input
Klik Menu Modul Masuk Halaman
Klik Menu About Masuk Halaman
Klik Menu FAQ Masuk Halaman
Klik Menu Home Masuk Halaman
Testimonial
Klik Menu Testimonial Masuk Halaman
Menu Utama Manajemen Modul
Manajemen Berita
Manajemen Profil
Logout Klik Menu Utama
Menunggu Input Klik Menu Modul
Masuk Halaman Klik Menu Berita
Masuk Halaman Klik Menu Profil
Masuk Halaman
Klik Menu Logout Masuk Halaman
Klik Menu Home Masuk Halaman
Manajemen Template
Klik Menu Template Masuk Halaman
4.3.2.3 Desain Menu
Gambar 4.23 Desain Menu Utama 4.3.2.4 Desain Sub Menu
1. Desain Sub Menu Modul
Gambar 4.24 Desain Sub Menu Media
Home Modul
About FAQ
USER Buat Modul
Edit Modul Buat Artikel
Edit Artikel
Halaman
Modul Home
Modul About
FAQ
USER Buat Modul
Edit Modul Buat Artikel
Edit Artikel
Halaman Utama
2. Desain Sub Menu About
Gambar 4.25 Desain Sub Menu About 3. Desain Sub Menu FAQ
Gambar 4.26 Desain Sub Menu FAQ
Home Modul
About FAQ
USER Buat Modul
Edit Modul Buat Artikel
Edit Artikel
Halaman FAQ
Home Modul
About FAQ
USER Buat Modul
Edit Modul Buat Artikel
Edit Artikel
Halaman About
4.3.2.5 Desain Input Desain input merupakan suatu desain tampilan layer yang dapat
dipergunakan oleh user untuk memproses data. Input-an dapat berupa data yang diketik sendiri oleh user, atau pun data yang
dipilih user. Adanya fasilitas pemilihan data ini dimaksudkan agar tidak ada kesalahan dalam pemasukan data.
Rancangan Desain input yang penulis buat adalah sebagai berikut : 1. Form Login
Gambar 4.27 Tampilan Form Login 2. Form Input Media
Gambar 4.28 Tampilan Form Input Media
Judul Deskripsi
Simpan Kelas
Template
V V
Username Password
Login
3. Form Input Data
Gambar 4.29 Tampilan Form Input Data 4. Form Input Quiz
Gambar 4.30 Tampilan Form Input Quiz
Pertanyaan Pilihan A
Simpan Jawaban
V
Pilihan B Pilihan C
Pilihan D Pilihan E
Judul Isi Materi
Simpan Multimedia
Narasi Browse
Browse
5. Form Input Artikel
Gambar 4.31 Tampilan Form Input Artikel 6. Form Testimonial
Gambar 4.32 Tampilan Form Testimonial 7. Form hubungi
Gambar 4.33 Tampilan Form hubungi
Judul Isi Berita
Simpan Gambar
Browse
Nama Email
Send Subjek
Pesan Nama
Email
Send Subjek
Pesan
4.3.2.6 Desain Output Output berupa modul pembelajaran interaktif yang menggunakan
template yang disediakan oleh administrator.
Gambar 4.34 Desain Tampilan Awal Modul Pembelajaran Interaktif
Nama Modul
Modul Evaluasi
Deskripsi Modul
Profil Pembuat
Logo
Gambar 4.35 Desain Tampilan Materi Modul Pembelajaran Interaktif
Gambar 4.36 Desain Tampilan Quiz Modul Pembelajaran Interaktif
EVALUASI
Modul Evaluasi
Pertanyaan
Pilihan A Pilihan B
Pilihan C Pilihan D
Pilihan E
Judul Materi
Modul Evaluasi
Penjelasan Materi Multimedia
Halaman
4.4 Construction pembangunan