Perancangan Antar Muka Fase Perancangan

permasalahan mengenai bahan materi yang sudah tidak sesuai dengan SAP maka akan kembali dilihat materi yang dikumpulkan kemudian kembali pada SAP dan membuat program kembali jika sudah tidak ada perubahan maka dikatakan selesai.

4.2.1.2 Flowchart Program

Pembangunan aplikasi media pembelajaran rangkaian dasar listrik ini dimulai dari pembuatan rencana program hingga proses selesainya pembuatan program. Awal program ini dibuat mulai dari perancangan materi untuk dimasukkan ke dalam media pembelajaran, kemudian pembuatan flowchart program dan program J2ME dengan NetBeans. Netbeans memberikan kemudahan dalam perancangan sebuah aplikasi salah satunya adalah penyusunan flow program melalui VisualMidlet yang memudahkan programmer dalam pembuatan Flowchart. lebih lengkap dapat dilihat di Lampiran I.

4.2.2 Perancangan Antar Muka

Rancangan layar pada ponsel memiliki banyak perbedaan dengan aplikasi lain. Yaitu adanya keterbatasan resource memori dan kapasitas penyimpanannya terbatas alat masukan dan keluaran yang hanya berupa keypad dan layar monitor yang kecil. 73 Berikut akan dilakukan perancangan antar muka dari beberapa layar yang penting pada aplikasi yang akan dibangun. Antar muka yang dirancang meliputi : 1. Form Halaman Depan. 2. Form Halaman Menu Utama. 2.1 Form Halaman Teori. 2.1.1 Form teori Resistor 1 Form Pengertian Resistor 2 Form Jenis Resistor 3 Form Perhitungan Resistor 4 Form Rangkaian Resistor 2.1.2 Form teori Kapasitor 1 Form Pengertian Kapasitor 2 Form Jenis Kapasitor 3 Form Prinsip Kerja Kapasitor 4 Form Rangkaian Kapasitor 2.1.3 Form teori Transistor 1 Form Pengertian Transistor 2 Form Jenis Transistor 3 Form Karakteristik 2.2 Form Halaman Latihan. 2.2.1 Form Latihan Resistor 2.2.2 Form Latihan Rangkaian Resistor Campuran 74 2.2.3 Form Latihan Kapasitor 2.2.4 Form Latihan Menghitung Arus 2.3 Form Bantuan. 2.3.1 Form Bantuan menghitung gelang Resistor

4.2.2.1 Form Halaman Depan

Pada form Halaman Depan adalah halaman yang akan ditampilkan saat pertama kali aplikasi dijalankan. Rancangan form halaman depan dapat dilihat pada Gambar 4.2 Gambar 4.2 Rancangan Form Halaman Depan Pada halaman ini akan ditampilkan keterangan tetang judul aplikasi yang akan digunakan, teori singkat tentang rangkaian dasar listrik, gambar illustrasi rangkaian dasar listrik. Selain menampilkan beberapa item keterangan, halaman ini juga terdapat dua buah tombol untuk melakukan navigasi ke tampilan-tampilan berikutnya, yaitu tombol Lanjut untuk menuju ke halaman 75 Menu Utama dan tombol Keluar untuk keluar dari aplikasi.

4.2.2.2 Form Halaman Menu Utama

Pada form Halaman Menu Utama yaitu halaman yang menampilkan menu-menu pilihan materi media pembelajaran rangkaian dasar listik, pengguna dapat memilih menu-menu yang disediakan. Halaman ini juga terdapat dua buah tombol untuk melakukan navigasi ke tampilan-tampilan berikutnya, yaitu tombol Pilih untuk menuju ke halaman pilihan pengguna dan tombol Kembali untuk kembali ke form Halaman depan rancangan form Halaman Menu Utama dapat di lihat pada Gambar 4.3. Gambar 4.3 Rancangan Form Halaman Menu Utama

4.2.2.3 Form Halaman Teori Resistor

Rancangan form Halaman Teori Resistor dapat dilihat pada Gambar 4.4. 76 Gambar 4.4 Rancangan Form Halaman Teori Resistor Pada form Halaman Teori Resistor yaitu halaman yang menampilkan beberapa menu untuk masuk ke materi yang berhubungan dengan resistor, dan sebuah tombol Kembali untuk kembali ke Menu Utama, dan tombol Pilih untuk memilih menu materi Resistor yaitu yang terdiri dari beberapa menu yaitu: 1. form Pengertian Resistor Jika Menu ini dipilih maka pengguna akan menuju ke halaman Pengertian Resistor yang berisikan materi-materi yang berhubungan dengan resistor. Pada form Pengertian Resistor terdapat terdapat tombol Kembali yang berfungsi kembali ke form Halaman Teori Resistor, rancangan form Pengertian Resistor ini dapat di lihat pada gambar 4.5 berikut ini : 77 Gambar 4.5 Form Pengertian Resistor 2. form Jenis Resistor Jika Menu ini dipilih maka pengguna akan menuju ke halaman Jenis-jenis Resistor yang berisikan materi-materi yang menjelaskan jenis- jenis resistor. Pada form ini terdapat terdapat tombol Kembali yang berfungsi kembali ke form Halaman Teori Resistor, rancangan form jenis-jenis Resistor ini dapat di lihat pada gambar 4.6 berikut ini. Gambar 4.6 Form Jenis-Jenis Resistor 78 3. form Perhitungan Resistor Form ini berisikan teori perhitungan Resistor. Terdapat tombol Kembali yang berfungsi kembali ke halaman teori Resistor. rancangan form Perhitungan Resistor ini dapat di lihat pada gambar 4.7 berikut ini. Gambar 4.7 Form Perhitungan Resistor 4. form Rangkaian Resistor Form ini berisikan teori tentang rangkaian- rangkain Resistor. Terdapat tombol Kembali yang berfungsi kembali ke halaman teori Resistor. rancangan form Rangkaian Resistor ini dapat di lihat pada gambar 4.8 berikut ini. 79 Gambar 4.8 Form Rangkaian Resistor

4.2.2.4 Form Halaman Teori Kapasitor

Rancangan form Teori Kapasitor dapat dilihat pada gambar 4.9 di bawah ini. Gambar 4.9 Rancangan Form Materi Kapasitor Halaman Materi Kapasitor yaitu halaman yang menampilakan berberapa menu untuk masuk ke materi yang berhubungan dengan kapasitor, dan sebuah tombol Kembali untuk kembali ke Menu Utama, dan tombol Pilih 80 untuk memilih menu materi kapasitor yaitu yang terdiri dari beberapa menu yaitu: 1. form Pengertian Kapasitor Jika Menu ini dipilih maka pengguna akan menuju ke halaman Pengertian kapasitor yang berisikan materi-materi yang berhubungan dengan kapasitor. Pada form Pengertian Kapasitor terdapat terdapat tombol Kembali yang berfungsi kembali ke form Halaman Materi Kapasitor, rancangan form Pengertian Kapasitor ini dapat dilihat pada gambar 4.10 berikut ini: Gambar 4.10 Rancangan form Pengertian Kapasitor 2. form Jenis Kapasitor Jika Menu ini dipilih maka pengguna akan menuju ke halaman Jenis-jenis Kapasitor yang berisikan materi-materi yang menjelaskan jenis- jenis Kapasitor. Pada form ini terdapat terdapat 81 tombol Kembali yang berfungsi kembali ke form Halaman Materi Kapasitor, rancangan form jenis- jenis Kapasitor ini dapat di lihat pada gambar 4.11 berikut ini. Gambar 4.11 Rancangan form Jenis Kapasitor 3. form Prinsip Kerja Kapasitor Form ini berisikan prinsip kerja yang dimiliki oleh kapasitor sebagai elemen dari rangkaian dasar listrik. Rancangan form prinsip kerja kapasitor dapat di lihat pada gambar 4.12. 82 Gambar 4.12 Rancangan form Prinsip Kerja Kapasitor Pada form ini terdapat tombol kembali yang berfungsi untuk kembali ke menu utama materi kapasitor. 4. form Rangkaian Kapasitor Form ini berisikan teori tentang rangkaian- rangkain Kapasitor. Terdapat tombol Kembali yang berfungsi kembali ke halaman menu utama materi Kapasitor. rancangan form Perhitungan Kapasitor ini dapat di lihat pada gambar 4.13 berikut ini. 83 Gambar 4.13 Rancangan form Rangkaian Kapasitor

4.2.2.5 Form Halaman Teori Transistor

Rancangan form Halaman Teori Transistor dapat dilihat pada Gambar 4.14. Gambar 4.14 Rancangan Form Halaman Materi Transistor Pada form Halaman Materi Transistor yaitu halaman yang menampilakan berberapa menu untuk masuk ke materi yang berhubungan dengan Transistor, dan sebuah tombol Kembali untuk kembali ke Menu Utama, 84 dan tombol Pilih untuk memilih menu materi Transistor, yaitu yang terdiri dari beberapa menu yaitu: 1. form Pengertian Transistor Jika Menu ini dipilih maka pengguna akan menuju ke halaman Pengertian Transistor yang berisikan materi-materi yang berhubungan dengan Transistor. Pada form ini terdapat terdapat tombol Kembali yang berfungsi kembali ke form Halaman Materi Transistor, rancangan form Pengertian Transistor ini dapat di lihat pada gambar 4.15 berikut ini : Gambar 4.15 Form Pengertian Transistor 2. form Jenis Transistor form menampilkan Jenis Transistor yang berisikan materi-materi yang menjelaskan tentang jenis-jenis Transistor. Pada form ini terdapat terdapat tombol Kembali yang berfungsi kembali ke 85 form Halaman Materi Transistor, rancangan form jenis-jenis Transistor ini dapat di lihat pada gambar 4.16 berikut ini. Gambar 4.16 Form Jenis Transistor 3. form Karakteristik Transistor form ini menampilkan Karakteristik Transistor yang berisikan materi-materi yang menjelaskan tentang Karakteristik Transistor. Pada form ini terdapat terdapat tombol Kembali yang berfungsi kembali ke formHalaman Materi Transistor, rancangan form jenis-jenis Transistor ini dapat di lihat pada gambar 4.17 berikut ini : 86 Gambar 4.17 Form Karakteristik Transistor

4.2.2.6 Form Halaman Latihan

Pada form halaman latihan ini menampilkan berupa menu-menu latihan yang berhubungan dengan materi ajar rangkaian dasar listrik, seperti perhitungan Resistor, Menghitung Arus dan lain-lain. Diharapkan adanya menu ini dapat mempermudah pengguna dalam mengerjakan latihan-latihan rangkaian dasar listrik. Form Halaman Latihan ini terdiri dari beberapa menu yaitu : 1. form Latihan Resistor form ini berisikan latihan perhitungan tentang resistor, pada halaman ini untuk nilai jumlah resistor, nilai masing-masing resistor dan jenis penyusunan resistor telah ditentukan dan diacak atau di random oleh program, sehingga setiap pengguna membuka halaman ini maka soal dari latihan mengenai resistor akan berubah dan pengguna hanya diberi kesempatan 87 untuk menjawab soal yang diberikan . Rancangan form Latihan Resistor dapat di lihat pada gambar 4.18. Gambar 4.18 Form Latihan Resistor Pada halaman ini terdapat 2 tombol yaitu “Kembali” yang berarti kembali kemenu atau tampilan sesudahnya dan tombol “Menu” yang merupakan screen menu terdapat 3 menu yaitu antara lain menu “show me” untuk melihat jawaban yang benar dari setiap soal yang diberikan. Menu “Ok” untuk mengecek jawaban yang telah kita masukan apakah benar atau salah. Dan yang terakhir menu “cancel” yang berarti untuk membatalkan dan kembali kepada menu soal latihan yang sedang dikerjakan. 88 2. form Latihan Rangkaian Resistor Campuran form ini berisikan latihan perhitungan tentang rangkaian resistor campuran, latihan mengenai rangkaian resistor campuran pada halaman ini untuk nilai jumlah resistor seri, nilai masing-masing resistor seri nilai jumlah resistor paralel, dan nilai masing-masing resistor telah ditentukan dan diacak atau di random oleh program sehingga setiap kita membuka halaman ini maka soal dari latihan mengenai mengenai rangkaian resistor campuran akan berubah dan kita hanya diberi kesempatan untuk menjawab soal yang diberikan . Rancangan form Latihan Rangkaian Resistor Campuran dapat di lihat pada gambar 4.19 Gambar 4.19 Form Latihan Resistor Campuran 89 Pada halaman ini terdapat 2 tombol yaitu “Kembali” yang berarti kembali kemenu atau tampilan sesudahnya dan tombol “Menu” yang merupakan screen menu terdapat 3 menu yaitu antara lain menu “show me” untuk melihat jawaban yang benar dari setiap soal yang diberikan. Menu “Ok” untuk mengecek jawaban yang telah kita masukan apakah benar atau salah. Dan yang terakhir menu “cancel” yang berarti untuk membatalkan dan kembali kepada menu soal latihan yang sedang dikerjakan. 3. form Latihan Kapasitor form ini berisikan menu latihan mengenai kapasitor. Pada halaman ini untuk nilai jumlah kapasitor, nilai masing-masing kapasitor dan jenis penyusunan kapasitor telah ditentukan dan diacak atau dirandom oleh program sehingga setiap kita membuka halaman ini maka soal dari latihan mengenai kapasitor akan berubah dan kita hanya diberi kesempatan untuk menjawab soal yang diberikan Rancangan form Latihan Kapasitor dapat di lihat pada gambar 4.20 90 Gambar 4.20 Form Latihan Kapasitor Pada halaman ini terdapat 2 tombol yaitu “Kembali” yang berarti kembali kemenu atau tampilan sesudahnya dan tombol “Menu” yang merupakan screen menu terdapat 3 menu yaitu antara lain menu “show me” untuk melihat jawaban yang benar dari setiap soal yang diberikan. Menu “Ok” untuk mengecek jawaban yang telah kita masukan apakah benar atau salah. Dan yang terakhir menu “cancel” yang berarti untuk membatalkan dan kembali kepada menu soal latihan yang sedang dikerjakan. 4. form Latihan Menghitung Arus form ini berisikan menu latihan menghitung arus pada halaman ini untuk jumlah resistor, nilai masing-masing resistor, jenis penyususnan resistor dan tegangan telah ditentukan dan diacak atau di random 91 oleh program sehingga setiap kita membuka halaman ini maka soal dari latihan menghitung arus akan berubah dan kita hanya diberi kesempatan untuk menjawab soal yang diberikan. Rancangan form Latihan Menghitung Arus dapat di lihat pada gambar 4.21 Gambar 4.21 Form Latihan Menghitung Arus Pada halaman ini terdapat 2 Tombol yaitu Tombol “Kembali” yang berarti kembali kemenu atau tampilan sesudahnya dan Tombol “Menu” yang merupakan screen command terdapat 3 command yaitu antara lain command “show me” untuk melihat jawaban yang benar dari setiap soal yang diberikan. Command “Ok” untuk mengecek jawaban yang telah kita masukan apakah benar atau salah. Dan yang terakhir command “cancel” yang berarti untuk 92 membatalkan dan kembali kepada menu soal latihan yang sedang dikerjakan.

4.2.2.7 Form Halaman Bantuan

Pada form Halaman Bantuan adalah form yang berisikan bantuan berupa cara menghitung gelang resistor. Pengguna akan di beri kemudahan dalam penghitungan gelang resistor, yaitu dengan memasukan kode warna Resistor pengguna akan memperoleh nilai resistansi dari Resistor. Rancangan form Halaman Bantuan 4.22. Gambar 4.22 Rancangan Form Halaman Bantuan Pada form Halaman Bantuan terdapat 2 tombol yaitu Tombol “Kembali” yang berfungsi untuk kembali kemenu bantuan dan “Pilih” untuk mendapatkan hasil atas input yang telah dimasukan oleh user. 93

4.3 Fase Konstruksi