Tahap Perancangan Design Desain Penelitian

65 2 XAMPP 32bit, sebagai apliaksi local server pada komputer; 3 Corel Draw X4 sebagai aplikasi pengulah grafis; 4 Adobe DreamWeaverMX atau Notepad++ sebagai pengolah source code desain weblog.

2. Tahap Perancangan Design

Tahapan ini diawali dengan menyusun sistematika penyajian weblog EWB dalam bentuk kerangka storyboard. Penulisan map concept materi sebagai naskah audio, video, gambar rancangan isi situs pembelajaran, membuat flowchart untuk alur pembelajaran, menyusun tampilan layout awal weblog EWB dengan memilih theme yang terdapat pada WordPress agar selaras dengan temamateri ajar, hingga menyiapkan software WordPress. Hal tersebut telah dirumuskan ke dalam sebuah course design specification CDS secara lengkap meliputi spesifikasi media, struktur pembelajaran, proses pembuatan weblog pembelajaran dan siklus review. a. Melakukan analisis konsep dan tugas, yaitu dengan menentukan indikator yang ingin dicapai dan pembuatan RPP lampiran 3. b. Pembuatan Flowchart Pembuatan flowchart bertujuan untuk menggambarkan alur kerja weblog EWB. Berikut adalah flowchart weblog EWB: 66 www.belajarewb.com Tamu Login Member Ya Tidak Intro Panduan Video Tutorial Lingkup Materi Forum Diskusi Materi Hak akses tamu hanya sampai disini tamu keluar Materi Seri, paralel dan campuran Materi half wave rectifier Materi full wave rectifier Jobsheet 1, 2 dan 3 Jobsheet 4 Jobsheet 5 Evaluasi ke-1 Evaluasi ke-2 Registrasi Gambar 9. Flowchart Weblog EWB c. Pembuatan Layout Tampilan Weblog EWB Pembuatan layout bertujuan untuk memberikan kerangka struktur sistem weblog yang akan dikembangkan berdasarkan flowchart yang telah dibuat. 67 Gambar 10. Layout Keterangan gambar 10 layout tampilan weblog EWB adalah berikut ini. 1 Judul : Belajar EWB 2 Deskripsi : Menggambar Rangkaian Listrik Menggunakan Komputer 3 Welcome User_id : menampilkan nama User-ID member serta link untuk loginmasuk, logoutkeluar dan registrasi. 4 1 : Menu atas, terdapat menu Panduan, Kompetensi Dasar, Lingkup Materi dan Profil. 5 2 : menu bawah, terdapat menu Video Tutorial, Materi, Jobsheet, Evaluasi dan Forum. 6 3 : Konten atau materi pembelajaran. Pada sistem weblog pembelajaran ini diselaraskan dengan model strategi belajar tuntas Mastery Learning, yakni menerapkan standar nilai berdasarkan Kriteria Ketuntasan Minimal KKM mata pelajaran Menggambar Rangkaian Listrik menggunakan Komputer MRLK sebagai penilaian acuan patokan criterion referenced bagi setiap siswa untuk dapat melanjutkan ke materikompetensi selanjutnya. 68 TP T 1 E PT R T 2 TP 1 MA 1 MA 2 T 3 E PT R T 4 Gambar 11. Model Strategy Pembelajaran Tuntas Sumber: Suryosubroto, 1997: 110 Keterangan Gambar: TP : Tindakan Prasyarat TP1 : Tindakan Prasyarat 1 T1 T2: Tindakan Penyesuaian T3T4 : Tindakan Penyesuaian E : Enrichment pengayaan MA1: Materi Ajar ke-1 PT : Peer Tutoring MA2 : Materi Ajar ke-2 R : Remidial

3. Tahap Pengembangan Development and Production