Selasa, 06 Juni 2017

Membuat Desain Website Menggunakan SceneBuilder



Pada kesempatan kali ini, kami kelompok 1 akan membuat tampilan web e-learning bimbel untuk anak SD. Di sini saya mendapat tugas untuk membuat tampilan latihan soal menggunakan SceneBuilder. Tools-tools yang digunakan antara lain:
·        AnchorPane = Berfungsi sebagai background dan panel untuk meletakkan tools-tools yang akan digunakan.
·         Label = Berfungsi untuk membuat tulisan.
·         Pagination = Berfungsi sebagai halaman pengerjaan soalnya.
·         RadioButton = Berfungsi untuk mengklik jawaban yang dipilih.

Langkah-langkah pengerjaan:
1.    Masukkan AnchorPane ke field yang telah disediakan. Atur resolusi dan warnanya sesuai dengan keinginan kita.
2.    Masukkan Pagination ke AnchorPane. Yang berguna sebagai halaman pengerjaan soal, yang sudah disediakan angka banyaknya soal, yang dapat kita next maupun previous.
3.    Masukkan Label ke AnchorPane. Untuk membuat tulisan pada AnchorPane.
4.    Masukkan RadioButton ke AnchorPane. Sebagai tempat untuk mengklik jawaban yang kita pilih.

Sceenshoot tersebut adalah halaman utama pada soal latihan, user dapat memilih jawaban soal tersebut dengan mengklik radio button tersebut, dapat juga pindah ke halaman selanjutnya dengan menekan angka-angka atau panah di bagian bawah. Di akhir soal akan ada tombol submit untuk mengakhiri pengerjaan soal tersebut. Dan akan ketahuan berapa nilai yang diperoleh.