Sequen Diagram Latihan Soal Sequen Diagram Evaluasi Evaluasi Collaboration Diagram

dokumen-dokumen yang mirip
2.4.1 Pemodelan Proses Behaviour Diagram Implementation Diagram Bahasa pemrograman PHP

DAFTAR ISI... HALAMAN JUDUL... HALAMAN PERNYATAAN PERSETUJUAN... HALAMAN PENGESAHAN... MOTTO DAN PERSEMBAHAN... RINGKASAN... KATA PENGANTAR...

SISTEM INFORMASI PENGELOLAAN ASET PADA KANTOR PERPUSTAKAAN DAN ARSIP DAERAH KABUPATEN KUDUS

DAFTAR ISI. BAB II LANDASAN TEORI Konsep Dasar Sistem Pengertian Sistem... 7

BAB II LANDASAN TEORI

Tampilan Halaman Menu latihan Kuis Tampilan Halaman Menu Tujuan Tampilan Halaman Menu profil...

Gambar Form input data proyek Gambar Tampilan data proyek Gambar Form edit data proyek Gambar 3.

SISTEM INFORMASI PENGELOLAAN KEGIATAN PADA PONDOK LANSIA HUSNUL KHOTIMAH NU ANCAB KOTA KUDUS BERBASIS WEB

Nilai Informasi Konsep Sistem Informasi Sistem Informasi Geografis Pengertian Geografi

Informasi Siklus Informasi Kualitas Informasi Pengertian Sistem Informasi

LAPORAN SKRIPSI SISTEM INFORMASI PENGAJUAN SUBSIDI TUNJANGAN FUNGSIONAL GURU PADA KANTOR KEMENTERIAN AGAMA KABUPATEN KUDUS BERBASIS WEB

Rancang Bangun Aplikasi Sistem Pakar Masalah Gangguan Hardware Berbasis Web

II.3.5 Statechart Diagram... II-14 II.3.6 Activity Diagram... II-15 II.3.7 Component Diagram... II-16 II.3.8 Deployment Diagram... II-16 II.3.

DAFTAR ISI HALAMAN JUDUL PERTAMA

BAB II LANDASAN TEORI 2.1 Konsep Dasar Sistem Pengertian sistem Karakteristik sistem Klasifikasi sistem

DAFTAR ISI LEMBAR JUDUL LEMBAR PENGESAHAN...

DAFTAR ISI... LEMBAR JUDUL LEMBAR PENGESAHAN... SURAT PERNYATAAN... ABSTRAK... ABSTRACT... KATA PENGANTAR... DAFTAR TABEL... DAFTAR GAMBAR...

MOTTO DAN PERSEMBAHAN

RANCANG BANGUN GAME THE ALPIN CARD TUGAS AKHIR

SURAT PERNYATAAN ABSTRACT ABSTRAK KATA PENGANTAR

DAFTAR ISI. KATA PENGANTAR... iii. DAFTAR SIMBOL... xix

BAB II DASAR TEORI...

DAFTAR ISI HALAMAN JUDUL HALAMAN PERSETUJUAN HALAMAN PENGESAHAN... KATA PENGANTAR HALAMAN PERSEMBAHAN... MOTTO.. INTISARI. DAFTAR ISI..

DAFTAR ISI HALAMAN JUDUL HALAMAN PERSETUJUAN HALAMAN PENGESAHAN HALAMAN MOTTO DAN PERSEMBAHAN RINGKASAN KATA PENGANTAR

SISTEM INFORMASI AKADEMIK DI SMA NEGERI 1 KARANGANYAR DEMAK

RANCANG BANGUN SISTEM INFORMASI PEMASARAN BERBASIS WEB PADA KARYA MANDIRI FURNITURE JEPARA

BAB I PENDAHULUAN. secara lebih aktual dan optimal. Penggunaan teknologi informasi bertujuan untuk

DAFTAR ISI. BAB II : LANDASAN TEORI Konsep Dasar Sistem Karateristik Sistem... 11

Game Gatot Kaca Protection

BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN

Sistem Aplikasi Penentuan Harga Pokok Produksi Tas Pada Konveksi IMA Collection Kudus

PENGESAHAN DOSEN PEMBIMBING...

BAB VI : PENUTUP 6.1 Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN

BAB III BAB IV Class Diagram... II Sequence Diagram... II Colaboration Digram... II Activity Diagram... II S

2.4.2 Class Diagram Sequence Diagram Statechart Diagram Activity Diagram Rekayasa Perangkat Lunak...

I.2 Identifikasi Masalah... I-2. I.3 Rumusan Masalah... I-2. I.4 Tujuan... I-3. I.5 Manfaat... I-3. I.6 Batasan Masalah... I-3

BAB II DASAR TEORI...

DAFTAR ISI SURAT PENGESAHAN SURAT PERNYATAAN ABSTRAK KATA PENGANTAR DAFTAR TABEL DAFTAR GAMBAR

BAB III ANALISIS DAN PERANCANGAN SISTEM

LAPORAN SKRIPSI SISTEM INFORMASI BURSA KERJA DI PUSAT KARIR DAN PELACAKAN ALUMNI UNIVERSITAS MURIA KUDUS BERBASIS WEB

DAFTAR ISI... LEMBAR JUDUL LEMBAR PENGESAHAN... SURAT PERNYATAAN... ABSTRAK... ABSTRACT... KATA PENGANTAR... DAFTAR TABEL... DAFTAR GAMBAR...

LAPORAN SKRIPSI SISTEM INFORMASI ADUAN PELANGGARAN TATA TERTIB SEKOLAH BERBASIS WEB PADA SMK NU GEMBONG

DAFTAR ISI... LEMBAR JUDUL LEMBAR PENGESAHAN... SURAT PERNYATAAN... ABSTRAK... ABSTRACT... KATA PENGANTAR... DAFTAR TABEL... DAFTAR GAMBAR...

PENGESAHAN PEMBIMBING...

SISTEM INFORMASI PENGOLAHAN DATA PADA CV. CAHAYA UNTUK PENYAMBUNGAN PELANGGAN BARU PLN

PERANCANGAN APLIKASI PEMBELAJARAN TURUNAN FUNGSI ALJABAR BERBASIS MULTIMEDIA UNTUK SEKOLAH MENENGAH ATAS KELAS XI RACHMAT PUJIONO

BAB II TINJAUAN PUSTAKA

DAFTAR ISI... HALAMAN JUDUL... i HALAMAN PERSETUJUAN... HALAMAN PENGESAHAN... iii RINGKASAN... KATA PENGANTAR... v DAFTAR TABEL...

Sistem Informasi Pengelolaan Arsip Berbasis Web Pada Kantor Perpustakaan dan Arsip Daerah Kabupaten Kudus

PERANCANGAN SISTEM TRANSPARANSI LAPORAN KEUANGAN PADA DESA PLOSOREJO KECAMATAN PUCAKWANGI KABUPATEN PATI

SISTEM INFORMASI PENGELOLAAN BARANG BANTUAN LOGISTIK BAGI DAERAH BENCANA PADA BADAN PENANGGULANGAN BENCANA DAERAH (BPBD) KABUPATEN PATI

SISTEM INFORMASI PENGGAJIAN DAN INSENTIF PENJUALAN PADA MITRA ABADI SEJAHTERA BERBASIS WEB

DAFTAR ISI BAB II : LANDASAN TEORI

LAPORAN SKRIPSI SISTEM INFORMASI PENGELOLAAN DATA PROYEK PADA CV. FAIZ JAYA BERBASIS WEB

Sistem Informasi Geografis Potensi Daerah Kabupaten Jepara

BAB VI PENUTUP Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN

DAFTAR ISI LEMBAR PENGESAHAN SURAT PERNYATAAN ABSTRAK ABSTRACT KATA PENGANTAR DAFTAR TABEL DAFTAR GAMBAR BAB I PENDAHULUAN I

TAKARIR. : diagram aktifitas yang memodelkan alur kerja. suatu proses. dipakai. berurutan. : perangkat untuk simulasi hasil aplikasi pada IDE

LAPORAN SKRIPSI SISTEM INFORMASI LAYANAN PADA MARIANE BEAUTY CARE DI PEDAWANG KUDUS

DAFTAR ISI Bab I : Pendahuluan Bab II : Landasan Teori

RANCANG BANGUN SISTEM INFORMASI PENGADAAN OBAT-OBATAN PADA RSI SUNAN KUDUS BERBASIS WEB

Sistem Penunjang Keputusan E Diet Berbasis Web dengan Metode Simple Additive Weighting (SAW)

RANCANG BANGUN SISTEM INFORMASI PELELANGAN GULA PADA APTRI (ASOSIASI PETANI TEBU RAKYAT INDONESIA) SEMARANG

Sistem Pakar untuk Mendiagnosa Penyakit Gigi dengan Metode Decision Tree

SISTEM INFORMASI JASA PENYEWAAN KENDARAAN TRANSPORTASI TRUK DI PO. GONDANG MANIS TRANSPORT

Rancang Bangun Aplikasi Media Pembelajaran Interaktif Pintar Membaca Menggunakan Macromedia Flash pada PAUD Roudhotul Wildan

Pembuatan Game Egg For Me Not For You

LAPORAN SKRIPSI SISTEM INFORMASI GEOGRAFIS HASIL PRODUKSI KAYU PADA HUTAN RAKYAT KABUPATEN KUDUS

SISTEM APLIKASI INFORMASI LAYANAN PUBLIK DI KOTA KUDUS BERBASIS ANDROID

2.5.1 Pengembangan Perangkat Lunak Berorientasi Objek Menggunakan UML(Unified Modelling Language)... II-28 BAB III ANALISIS SISTEM 3.

LAPORAN SKRIPSI. Sistem Pakar Untuk Menganalisa Penyebab Kerusakan Komputer Dengan Menggunakan Metode Forward Chaining Berbasis Web

LAPORAN SKRIPSI SISTEM INFORMASI PENGOLAHAN DATA DAN BIAYA PEJABAT PEMBUAT AKTA TANAH (PPAT) DWI PURWANTI, SH

SISTEM INFORMASI PENGELOLAAN ADMINISTRASI PENYEWAAN SOUND SYSTEM DAN DEKLIT PADA MC BISRI

SISTEM INFORMASI PRODUKSI KERAJINAN KAIN TENUN TROSO PADA UD. USAHA SUCI KECAMATAN PECANGAAN KABUPATEN JEPARA

Perancangan Sistem Pengadaan Barang/Jasa Pada Dinas Bina Marga Pengairan ESDM Kabupaten Kudus

Class Diagram Activity Diagram Entity Relationship Diagram (ERD) MySQL CodeIgniter

LAPORAN SKRIPSI SISTEM INFORMASI PENGUJIAN KENDARAAN BERMOTOR PADA DINAS PERHUBUNGAN KOMUNIKASI DAN INFORMATIKA KABUPATEN PATI

LAPORAN SKRIPSI SISTEM INFORMASI MANAJEMEN PENDAFTARAN DAN PEMBAYARAN TEST IQ PADA LPSDM PELITA HARAPAN BANGSA MAGELANG CABANG JEPARA BERBASIS WEB

SKRIPSI. Perancangan Sistem Pakar Untuk Menentukan Kerusakan Pada Handphone Berbasis Web

LAPORAN SKRIPSI SISTEM INFORMASI PRAKTEK KLINIK PROGRAM STUDI ILMU KEPERAWATAN PADA STIKES CENDEKIA UTAMA KUDUS BERBASIS WEB

Pemanfaatan Teknologi SMS Gateway Pada Sistem Pembayaran SPP dan Tabungan Sekolah di SMA N 1 Nalumsari

DAFTAR ISI. KATA PENGANTAR... i. DAFTAR ISI... iii. DAFTAR GAMBAR... vii. DAFTAR TABEL... ix. DAFTAR LAMPIRAN... x Latar Belakang Masalah...

DAFTAR ISI. HALAMAN JUDUL... i. HALAMAN PERSETUJUAN... ii. HALAMAN PENGESAHAN... iii. HALAMAN MOTTO... iv. HALAMAN PERSEMBAHAN... v. INTISARI...

DAFTAR ISI. HALAMAN PENGESAHAN ABSTRAK... i KATA PENGANTAR... ii DAFTAR ISI... iii DAFTAR GAMBAR... vii DAFTAR TABEL... xi

APLIKASI PREDIKSI PENJUALAN JERUK DENGAN MENGGUNAKAN METODE REGRESI LINIER SEDERHANA DAN MOVING AVERAGE

LAPORAN SKRIPSI SISTEM INFORMASI PEMESANAN PAKET CSTERING DI CITUN CATERING KUDUS BERBASIS WEB

LAPORAN SKRIPSI SISTEM INFROMASI PENGELOLAAN LOMBA BURUNG BERIKCAU PADA JEPANG NEW VERSION-FOREVER KUDUS BERBASIS WEB

FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS

SISTEM INFORMASI PENDAFTARAN DAN PENGELOLAAN DATA PESERTA PESTA BARATAN KALINYAMATAN JEPARA BERBASIS WEB

RANCANG BANGUN SIMULASI TES ONLINE CALON PEGAWAI NEGERI SIPIL (CPNS)

LAPORAN SKRIPSI SISTEM INFORMASI JASA DELIVERY ORDER MARTABAK PADA BAROKAH KUDUS

DAFTAR ISI. HALAMAN JUDUL... i. HALAMAN PERSETUJUAN... ii. HALAMAN PENGESAHAN...iii. MOTTO... iv. HALAMAN PERSEMBAHAN... v. INTISARI...

RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN SEWA ALAT HIKING AND CAMPING BERBASIS WEB PADA RINJANI ADVENTURERSHOP KUDUS

BAB 1 PENDAHULUAN. sejak lama peranan permainan dirasakan cukup efektif dalam membantu menghilangkan

SISTEM INFORMASI UNGKAP MASALAH SISWA PADA SMA 1 MEJOBO

SISTEM PENDUKUNG KEPUTUSAN PEMILIHAN JURUSAN DI SMA MENGGUNAKAN METODE AHP PADA SMA 2 BAE

PERANCANGAN SISTEM. Gambar 4-1 algoritma First in First Out 4-1.

LAPORAN SKRIPSI SISTEM INFORMASI REWARD PEGAWAI UNIVERSITAS MURIA KUDUS BERBASIS WEB

BAB III ANALISIS DAN PERANCANGAN

LAPORAN SKRIPSI SISTEM IFORMASI PENGELOLAAN DATA PROYEK PADA CV. CIPTA PRIMA BERBASIS WEB

Transkripsi:

DAFTAR ISI HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii MOTO DAN PERSEMBAHAN... iv RINGKASAN... v KATA PENGANTAR... vi DAFTAR ISI... viii DAFTAR GAMBAR... xi DAFTAR TABEL... xiv BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 2 1.2 Rumusan Masalah... 2 1.3 Batasan Masalah... 2 1.4 Tujuan Skripsi... 2 1.5 Manfaat Skripsi... 3 1.5.1 Bagi Penulis... 3 1.5.2 Bagi Akademis... 3 1.5.3 Bagi Sekolah... 3 1.6 Tinjauan Pustaka... 3 1.7 Metode Penelitian... 4 1.7.1 Sumber pengumpulan data... 4 1.7.1.1 Sumber Data Primer... 4 1.7.1.2 Sumber Data Skunder... 5 1.7.2 Metode Pengumpulan data... 5 1.7.2.1 Study Pustaka... 5 1.7.2.2 Metode Obsevasi... 5 1.7.2.3 Interview / Wawancara... 6 1.7.3 Pengembangan Sistem... 6 1.8 Sistematika Penulisan... 7 BAB II LANDASAN TEORI... 8 2.1 Rekayasa Perangkat Lunak... 8 2.1.1 Definisi Perangkat Lunak... 8

2.1.2 Karakteristik Perangkat Lunak... 8 2.1.3 Tujuan Perangkat Lunak... 9 2.1.4 Elemen Perangkat Lunak... 9 2.1.5 Tahap Rekayasa Perangkat Lunak... 10 2.2 Pengertian Belajar Mengajar... 12 2.2.1 Faktor-faktor yang Mempengaruhi Pembelajaran... 12 2.2.2 Hasil Belajar... 13 2.2.3 Pengertian Media Pembelajaran... 14 2.3 Sejarah Multimedia... 17 2.3.1 Pengertian Multimedia... 17 2.3.2 Tujuan Multimedia... 18 2.3.3 Komponen Multimedia... 18 2.4 Software Pendukung... 20 2.4.1 Macromedia Flash 8... 20 2.5 Interaksi Manusia dan Komputer... 22 2.6 Mengenal Rasional Rose... 22 2.7 UML (Unified Modelling Language)... 23 2.7.1 Pemodelan Proses... 23 2.7.1.1 Use Case Diagram... 23 2.7.1.2 Class Diagram... 24 2.7.2 Behaviour Diagram... 26 2.7.2.1 Statechart Diagram... 27 2.7.2.2 Activity Diagram... 27 2.7.2.3 Collaboration Diagram... 29 2.7.2.4 Squence Diagram... 30 BAB III TINJAUAN UMUM OBYEK PENELITIAN... 32 3.1 Sejarah Berdirinya MI NU Miftahul Falah Kutuk... 32 3.2 Letak Geografis... 32 3.3 Struktur Organisasai MI NU Miftahul Falah Kutuk... 34 3.4 Tugas dan Kewajiban Guru Beserta Karyawan MI NU Miftahul Falah Kutuk... 35 3.4.1 Kepala Sekolah... 35 3.4.2 Wakil kepala Sekolah... 37

3.5 Kondisi Siswa dan Guru... 41 3.5.1 Kondisi Siwa... 41 3.5.2 Kondisi Guru... 42 3.6 Proses Belajar Mengajar... 43 3.7 Prestasi yang Pernah Diraih... 44 3.8 Narasi Pembelajaran MI NU Miftahul Falah Kutuk... 45 BAB IV ANALISA DAN PERANCANGAN... 47 4.1 Deskripsi sistem... 47 4.2 Identifikasi Masalah... 47 4.3 Analisa Sistem... 47 4.4 Analisa Kebutuhan... 47 4.1.1 Analisa Kebutuhan User... 47 4.1.2 Analisa Kebutuhan Data dan Informasi... 48 4.1.3 Analisa Kebutuhan Hardware dan Software... 48 4.5 Analisa Manfaat Sistem yang Diajukan... 49 4.6 Perancangan Sistem... 49 4.6.1 Perancangan program... 49 4.6.2 Struktur Program... 51 4.7 Perancangan Pemodelan Sistem... 53 4.7.1 Analisa Actor... 53 4.7.2 Use Case Diagram... 53 4.7.3 Narasi Use Case Diagram... 53 4.7.4 Analisa Class Diagram... 56 4.7.4.1 Kelas Panduan... 56 4.7.4.2 Kelas Topik Bahasan... 57 4.7.4.3 Kelas Materi... 57 4.7.4.4 Kelas Latihan Soal... 58 4.7.4.5 Kelas Evaluasi... 59 4.7.5 Class Diagram... 60 4.7.6 Sequence Diagram... 60 4.7.6.1 Sequence Diagram Panduan... 60 4.7.6.2 Sequen Diagram Topik Bahasan... 61 4.7.6.3 Sequen Diagram Materi... 61

4.7.6.4 Sequen Diagram Latihan Soal... 62 4.7.6.5. Sequen Diagram Evaluasi Evaluasi... 63 4.7.7 Collaboration Diagram... 64 4.7.7.1 Collaboration Diagram Panduan... 64 4.7.7.2 Collaboration Diagram Topik Bahasan... 64 4.7.7.3 Collaboration Diagram Materi... 65 4.7.7.4 Collaboration Diagram Latihan Soal... 66 4.7.7.5 Collaboration Diagram Evaluasi... 67 4.7.8 Aktivity Diagram... 68 4.7.8.1 Aktivity Diagram Panduan... 68 4.7.8.2 Aktivity Diagram Topik Bahasan... 69 4.7.8.3 Aktivity Diagram Materi... 70 4.7.8.4. Aktivity Diagram Latihan Soal... 70 4.7.8.5 Aktivity Diagram Evaluasi... 71 4.7.9 Statechart Diagram... 72 4.7.9.1 Statechart Diagram Panduan... 72 4.7.9.2 Statechart Diagram Topik Bahasan... 72 4.7.9.3 Statechart Diagram Materi... 73 4.7.9.4 Statechart Diagram Latihan Soal... 73 4.7.9.5 Statechart Diagram Evaluasi... 74 4.8 Perancangan Output... 75 4.8.1. Halaman Pembuka... 75 4.8.2. Halaman Menu Utama... 75 4.8.3. Halaman Panduan... 76 4.8.4. Halaman Topik Bahasan... 76 4.8.4.1. Submenu Daftar Topik Bahasan... 77 4.8.4.2. Submenu Tujuan Pembelajaran... 77 4.8.5. Halaman Materi... 78 4.8.5.1. Submenu Materi 1... 79 4.8.5.2. Submenu Materi 2... 79 4.8.5.3. Submenu Materi 3... 80 4.8.5.4. Submenu Materi 4... 80 4.8.6. Halaman Latihan Soal... 81 4.8.6.1. Submenu Latihan Soal Materi 1... 81

4.8.6.2. Submenu Latihan Soal Materi 2... 82 4.8.6.3. Submenu Latihan Soal Materi 3... 83 4.8.6.4. Submenu Latihan Soal Materi 4... 84 4.8.7. Halaman Evaluasi... 85 4.8.6. Halaman About... 86 BAB V PEMBAHASAN DAN IMPLEMENTASI... 86 5.1. Pembahasan Program... 86 5.1.1. Halaman Pembuka... 86 5.1.2. Menu Utama... 87 5.1.3. Menu Panduan... 88 5.1.4. Menu Topik Bahasan... 89 5.1.4.1. Submenu Daftar Topik Bahasan... 89 5.1.4.2. Submenu Tujuan Pembelajaran... 90 5.1.5. Menu Materi... 91 5.1.5.1. Submenu Materi 1... 91 5.1.5.2. Submenu Materi 2... 95 5.1.5.2. Submenu Materi 3... 96 5.1.5.2. Submenu Materi 4... 96 5.1.6. Menu Latihan Soal... 97 5.1.6.1. Submenu Latihan Soal Materi 1... 98 5.1.6.1. Submenu Latihan Soal Materi 2... 98 5.1.6.1. Submenu Latihan Soal Materi 3... 99 5.1.6.1. Submenu Latihan Soal Materi 4... 99 5.1.6. Menu Evaluasi... 100 5.1.6. Menu About... 100

BAB VI PENUTUP... 101 6.1.Kesimpulan... 101 6.2. Saran... 101 DAFTAR PUSTAKA LAMPIRAN

DAFTAR GAMBAR Gambar 2.1. Tipe-tipe Perawatan Perangkat Lunak... 11 Gambar 2.2. Komponen Multimedia... 18 Gambar 2.3. Logo Flash Professional 8.... 20 Gambar 2.4. Contoh Use Case Diagram...... 24 Gambar 2.5. Contoh Class... Diagram... 25 Gambar 2.6. Contoh Hubungan Antar Class... 25 Gambar 2.7. Contoh Statechart Diagram... 26 Gambar 2.8. Contoh Activity Diagram... 28 Gambar 2.9. Contoh Collaboration Diagram... 29 Gambar 2.10. Contoh Squen Diagram... 30 Gambar 3.1. Struktur Organisasi MI NU Miftahul Falah... 34 Gambar 3.2. Prosedur Pembelajarn MI NU Miftahul Falah Kutuk... 46 Gambar 4.1. Struktur Program... 51 Gambar 4.2. Use Case Sistem Alat Bantu Pembelajaran... 53 Gambar 4.3. Class Diagram Sistem Alat Bantu Pembelajaran... 60 Gambar 4.4. Sequence Diagram Panduan... 60 Gambar 4.5. Sequence Diagram Topik Bahasan... 61 Gambar 4.6. Sequence Diagram Materi... 61 Gambar 4.7. Sequence Diagram Latihan Soal... 62 Gambar 4.8. Sequence Diagram Evaluasi... 63 Gambar 4.9. Collaboration Diagram Panduan... 64 Gambar 4.10. Collaboration Diagram Topik Bahasan... 64 Gambar 4.11. Sequence Diagram Materi... 65 Gambar 4.12. Collaboration Diagram Latihan Soal... 66 Gambar 4.13. Collaboration Diagram Evaluasi... 67 Gambar 4.14. Activity Diagram Panduan... 68 Gambar 4.15. Activity Diagram Topik Bahasan... 69 Gambar 4.16. Activity Diagram Materi... 70 Gambar 4.17. Activity Diagram Latihan Soal... 70

Gambar 4.18. Activity Diagram Evaluasi... 71 Gambar 4.19. Statechart Diagram Panduan... 72 Gambar 4.20. Statechart Diagram Topik Bahasan... 72 Gambar 4.21. Statechart Diagram Materi... 73 Gambar 4.22. Statechart Diagram Latihan Soal... 73 Gambar 4.23. Statechart Diagram Evaluasi... 74 Gambar 4.24. Desain Halaman Pembuka... 75 Gambar 4.25. Desain Halaman Menu Utama... 75 Gambar 4.26. Desain Halaman Panduan... 76 Gambar 4.27. Desain Halaman Topik Bahasan... 76 Gambar 4.28. Desain Halaman Submenu Daftar Topik Bahasan... 77 Gambar 4.29. Desain Halaman Submenu Tujuan Pembelajaran (Kompetensi Dasar)... 77 Gambar 4.30. Desain Halaman Submenu Tujuan Pembelajaran (Indikator) 78 Gambar 4.31. Desain Halaman Materi... 78 Gambar 4.32. Desain Halaman Submenu Materi 1... 79 Gambar 4.33. Desain Halaman Submenu Materi 2... 79 Gambar 4.34. Desain Halaman Submenu Materi 3... 80 Gambar 4.35. Desain Halaman Submenu Materi 4... 80 Gambar 4.36. Desain Halaman Latihan Soal... 81 Gambar 4.37. Desain Halaman Submenu Latihan Soal Materi 1... 81 Gambar 4.38. Desain Halaman Submenu Nilai Latihan Soal Materi 1... 82 Gambar 4.39. Desain Halaman Submenu Latihan Soal Materi 2... 82 Gambar 4.40. Desain Halaman Submenu Nilai Latihan Soal Materi 2... 83 Gambar 4.41. Desain Halaman Submenu Latihan Soal Materi 3... 83 Gambar 4.42. Desain Halaman Submenu Nilai Latihan Soal Materi 3... 84 Gambar 4.43. Desain Halaman Submenu Latihan Soal Materi 4... 84 Gambar 4.44. Desain Halaman Submenu Nilai Latihan Soal Materi 4... 85 Gambar 4.45. Desain Halaman Evaluasi... 85 Gambar 4.46. Desain Halaman Submenu Nilai Evaluasi... 86 Gambar 4.47. Desain Halaman About... 86 Gambar 5.1 Tampilan Halaman Pembuka... 88 Gambar 5.2. Tampilan Halaman Manu Utama... 88 Gambar 5.3. Tampilan Halaman Panduan... 89

Gambar 5.4. Tampilan Topik Bahasan... 90 Gambar 5.5. Tampilan Submanu Daftar Topik Bahasan... 90 Gambar 5.6. Tampilan Submenu Tujuan Pembelajaran (Kompetensi Dasar)... 91 Gambar 5.7. Tampilan Submenu Tujuan Pembelajaran (Indikator)... 91 Gambar 5.8. Tampilan Halaman Materi... 92 Gambar 5.9. Tampilan Submenu Halaman Materi 1... 92 Gambar 5.10. Tampilan Materi Kata Tanya Siapa... 93 Gambar 5.11. Tampilan Materi Kata Tanya Apa... 93 Gambar 5.12. Tampilan Materi Kata Tanya Berapa... 94 Gambar 5.13. Tampilan Materi Kata Tanya Dimana... 94 Gambar 5.14. Tampilan Materi Kata Tanya Kapan... 95 Gambar 5.15. Tampilan Materi Kata Tanya Mengapa... 95 Gambar 5.16. Tampilan Materi Kata Tanya Bagaimana... 96 Gambar 5.17. Tampilan Submenu Halaman Materi 2... 96 Gambar 5.18. Tampilan Submenu Halaman Materi 3... 97 Gambar 5.19. Tampilan Submenu Halaman Materi 4... 97 Gambar 5.20. Tampilan Latihan Soal... 98 Gambar 5.21. Tampilan Latihan Soal Materi 1... 99 Gambar 5.22. Tampilan Latihan Soal Materi 2... 99 Gambar 5.23. Tampilan Latihan Soal Materi 3... 100 Gambar 5.24. Tampilan Latihan Soal Materi 4... 100 Gambar 5.25. Tampilan Evaluasi... 101 Gambar 5.26. Tampilan About... 101

DAFTAR TABEL Tabel 2.1 Notasi Use Case... 24 Tabel 2.2 Notasi Hubungan Antar Class... 26 Tabel 2.3 Notasi Statechart Diagram... 27 Tabel 2.3 Notasi Activity Diagram... 28 Tabel 2.3 Notasi Collaboration Diagram... 30 Tabel 2.3 Notasi Sequence Diagram... 31 Tabel 3.1. Pembagian Kelas MI NU Miftahul Falah... 41 Tabel 3.2. Daftar Guru MI NU Miftahul Falah... 42 Tabel 4.1. Alur Optimistik Panduan... 54 Tabel 4.2 Alur Optimistik Topik Bahasan... 54 Tabel 4.3. Alur Optimistik Materi... 55 Tabel 4.4 Alur Optimistik Latihan Soal... 55 Tabel 4.5. Alur Optimistik Evaluasi... 56 Tabel.4.6. Class Panduan... 56 Tabel 4.7. Class Topik Bahasan... 57 Tabel 4.8. Class Materi... 57 Tabel 4.9. Class Soal Latihan... 58 Tabel 4.10. Class Evaluasi... 59