Color Dot
Tujuan : dapat membuat aplikasi
hiburan Color Dot berbasis android menggunakan app inventor
Dasar teori
App inventor adalah software yang
dapat digunakan untuk membuat program aplikasi berbasis android tanpa coding,
yakni menggunakan puzzle – puzzle perintah. Praktikum kali ini akan berlatih
membuat aplikasi Color Dot. Secara singkat color dot akan menampilkan gambar
titik titik warna yang pengguna dapat menentukan warna dan ukuran titik gambar.
Pada aplikasi ini akan memuat lebih dari satu screen, sceen utama berisi
tentang pemilihan warna dan ukuran serta menghapus warna dan screen kedua
tempat pengguna bisa menuangkan kreatifitas nya dengan titik-titik gambar.
Inti dari praktikum ini kita
dapat membuaat aplikasi dengan memasukkan lebih dari satu screen. Screen akan
memuat tombol-tombol fungsi tergantung pada
Langakh -langkah yang bisa
dilakukan untuk membuat aplikasi color dot.
1.Hidupkan PC anda, pastikan
tersambung ke internet, karena kita akan memprogram secara online.
2.Kemudian buka app invetor di
web browser >> creat apps
3.buat project baru dengan
memilih project >> start new project >> ok
Langkah mendesign screen 1 |
| gambar 1. Tampilan Screen 1 |
1.melakukan inisialisasi global
current color. Current color nantinya digunakan untuk memilih radius dot yang
akan dilukiskan di canvas. Kemudian jangan lupa juga menginisialisasi tinyB
untuk penyimpanan default gambar nya. Pada contoh kali ini dicobakan dot dengan
default warna black..
 |
| gambar 2. Program block |
2.pada projek ini telah kita
ketahui bahwasannya ada screen 1 untuk melukis dan brushpicker untuk memilih
warna dan radius. Untuk menghubungkan antara screen 1 dan brush picker maka
coba lakukan dengan program block seperti berikut
 |
| gambar 3. Program Block |
 |
| gambar 4. Program Block |
 |
| gambar 5. Program Block |
Langkah mendesign brush picker
 |
| gambar 6. Tampilan Screen 2 (Brush Picker) |
1.lakukan seperti program block dibawah ini.
Brush picker akan menjadi jendela user yang menampilkan pilihan warna dan besar
radius dot, yang kemudian user dapat kembali ke screen 1 untuk menggambar.
 |
| gambar 7. Program Block |
dari gambar design screen brush picker ada tiga warna yang dapat dipilih untuk digambar ke dalam canvas, kemudian user mimilih dot size untuk menentukan seberapa besar ukuran dot yang akan dilukiskan yakni 0- 255. dan test color untuk melihat warna yang telah dipilih tadi.
Return to painting untuk kembali ke screen 1.
 |
| gambar 8. Program Block |
block program untuk mendaftarkan warna pilihan di screen brush picker.
 |
| gambar 9. Program Block |
sambungan block diagram untuk warna dan dot size.
 |
| gambar 10. Program Block |
Hasil.
 |
| gambar 11. Tampilan Hasil Program Block |
0 komentar:
Post a Comment