Planning perencanaan Modeling pemodelan

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