Deskripsi Pengembangan Produk Awal

3. Deskripsi Pengembangan Produk Awal

Setelah melakukan analisis kebutuhan siswa dengan didukung wawancara terhadap guru peneliti melakukan pengembangan produk awal. Tahap pengembangan produk awal terdiri dari dua langkah, yakni proses pengembangan produk dan validasi ahli. Berikut ini adalah deskripsi pengembangan produk awal, a. Pengembangan produk Pengembangan produk terdiri dari lima bagian. Langkah awal yang harus ditempuh untuk pengembangan produk adalah mengumumpulkan materi dalam bentuk draf. Bagian-bagian pengembangan produk terdiri dari: 1 Menyiapkan draf kasus, konsep, penyelesaian, dan evaluasi Bagian awal dari pengembangan produk ialah menyiapakan draf kasus, konsep, penyelesaian, dan evaluasi ke dalam program Notepad++ yang ada di komputer. Draf kasus berisi tentang bahan bacaan untuk pelajaran membaca intensif. Materi membaca intensif diperoleh berdasarkan hasil analisis kebutuhan siswa. Draf selanjutnya ialah draf konsep, draf ini berisi konsep tentang materi membaca intensif. Draf penyelesaian berisi tentang tata cara penyelesaian kasus terhadap konsep yang telah dipelajari. Draf terakhir ialah menyiapkan draf untuk evaluasi. Draf evaluasi berisi soal untuk mengevaluasi materi yang telah dipelajari. 2 Memilih konten gambar dan video Konten gambar dan video dipilih berdasarkan kasus dan konsep yang telah disusun. Pemilihan konten gambar disesuaikan dengan kasus, yaitu berupa gambar pahlawan nasional dan gambar mengenai perangkat pembangunan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI infrastruktur internet. Pada pemilihan konten video juga disesuaikan dengan kasus yang akan dipelajari. Durasi video yang dipilih dapat disesuaikan dengan panjang artikel kasus yang ada. Dalam produk yang dikembangkan penelitu durasi video berkisar antara dua sampai menit. 3 Membuat background dan ikonbutton aplikasi Pembuatan background dan ikon dilakukan menggunakan program Adobe photoshop. Background aplikasi terdiri dari dua jenis, yakni background beranda dan backround konten. Gambar 5 Background Beranda dan Background Konten Ikon aplikasi juga dibuat menggunakan program Adobe photoshop. Ada sepuluh 10 ikon yang ada dalam aplikasi yaitu, ikon beranda , ikon kompetensi , ikon kontak , ikon bantuan , ikon akses cepat , ikon menu , ikontombol pencarian , ikon buka konten , ikon tutup konten , dan ikon keluar . 4 Input materi dan layout dengan kode HTML5 Bagian ini dilakukan dengan program Notepad++ yang ada di komputer. Bentuk yang dibuat pada bagian ini adalah file berformat .html yang dapat dibuka melalui program Mozilla Firefox. Berikut ini adalah deskripsi bagian bagian yang harus diinput dan dilayout, a Halaman depanberanda Halaman beranda terdiri dari dua bagian, yang pertama ialah bagian kepala. Bagian kepala berisi tentang pesan awal ketika membuka aplikasi. Bagian kedua ialah menu, menu terdiri dari pilihan kelas. Gambar 6 Halaman Awal b Halaman menu Halaman menu berisi tentang menu yang ada dalam aplikasi. Bagian ini terdiri dari dua bagian, yaitu menu materi dan latihan. Gambar 7 Halaman Menu c Halaman Materi Halaman ini terdiri dari dua menu materi yakni materi membaca paragraf deduktif dan paragraf induktif. Jika materi diketuk maka akan muncul konten yang berisi video, gambar, konten kasus, konsep dan penyelesaian. Gambar 8 Halaman Materi d Halaman Evaluasi Halaman Evaluasi berisi mengenai latihan soal dari materi yang telah dibaca. Soal evaluasi terdiri dari soal analisis untuk membedakan paragraf deduktif dan induktif. Pada akhir halaman siswa dapat melihat hasil secara langsung dan pembenaran terhadab jawaban mereka. Halaman ini harus diakses secara online. Gambar 9 Halaman Evaluasi e Halaman menu samping Menu samping terdiri dari beberapa halaman yaitu, kompetensi, kontak, bantuan, dan akses cepat. Menu samping dapat diakses dengan mengetuk ikon . PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI Gambar 10 Halaman Kompetensi, Kontak, Bantuan, dan Akses Cepat 5 Mengemas aplikasi Setelah semua bagian telah diinput dan dilayout dengan kode HTML5, maka langkah terakhir ialah mengemas semua bagian ke program eclipse dan crosswalk project. Pada bagian ini aplikasi sudah mencapai tahap akhir atau jadi. File yang dihasilkan pada bagian ini ialah file berekstensi .apk yang bisa dibuka di perangkat Android.

4. Deskripsi Data Validasi dan Revisi Produk