Rabu, 12 Oktober 2016

Tutorial Pembuatan Apikasi Internet Color Dot

Sebelum memulai tutorial, saya akan menjelaskan sedikit tentang beberapa hal.
1. Android
Android adalah sebuah nama untuk system operasi pada suatu gadget seperti komputer tablet dan smartphone. Sistem operasi yang digunakan berbasis linux. Logo android berbentuk robot dengan dua antenna dikepalanya ini melambangkan bahwa android merupakan simbolisasi dari system operasi kelas atas untuk gadget dan smartphone.
klik untuk memperbesar 
 (sumber: http://www.berbagiinfo4u.com/2013/06/apa-itu-android.html)

2. App Inventor
Aplikasi yang beralamat di http://appinventor.mit.edu/ ini merupakan aplikasi web sumber terbuka yang awalnya dikembangkan oleh Google, dan saat ini dikelola oleh Massachusetts Institute of Technology (MIT). Aplikasi ini memungkinkan pengguna untuk memprogram komputer, untuk menciptakan aplikasi perangkat lunak bagi system operasi android. App inventor ini menggunakan antar muka grafis, yang memungkinkan pengguna untuk melakukan drag-and-drop objek visual untuk menciptakan aplikasi yang bisa dijalankan pada perangkat android.
klik untuk memperbesar
(sumber:wikipedia)

3. MEmu App Player
Aplikasi yang beralamat di http://www.memuplay.com/ ini merupakan sebuah emulator android yang powerful, yang bertujuan untuk menyediakan pengalaman terbaik dalam memainkan game dan aplikasi android pada PC. Emulator android ini terbilang cukup baru, namun dapat memberikan performa yang cukup handal. Namun kita tetap bisa menggunakan emulator android apa saja, yang kita inginkan.
(sumber:memuplay.com)
klik untuk memperbesar 


Pada kali ini saya akan membuat Aplikasi Multiple Screen Dan Database sederhana untuk menampilkan text yang diinputkan dan ditambahkan dengan mengganti warna text serta background.

      Untuk Proses Pembuatan multiple screen silahkan mengikuti langkah-langkah berikut

1. Buka app inventor melalui link http://appinventor.mit.edu/

2. Klik Create apps! yang berada pada pojok kanan atas

3. Masukkan akun GOOGLE anda

4. Pilih start new project untuk memulai project atau aplikasi yang akan dibuat dan isi judul aplikasi yang akan anda buat.

5. Buatlah desain screen android seperti gambar berikut:


Komponen yang dibutuhkan untuk desain gambar1 adalah :

  •  label1 untuk text judul tampilan
  •  HorizontalArrangement + 4label
  •  Canvas
  •  HorizontalArrangement + 2button + ListPicker
  •  TinyDB
Susun semua komponen sesuai tampilan gambar1, dan lakukan pengubahan nama komponen untuk memudahkan pengerjaan dalam membuat blocks.

6. Membuat Blocks aplikasi

klik screen1 -> pilih puzzel seperti gambar dibawah
klik TinyOB1 -> seret 2 puzzel call ke puzzel screen1 -> untul puzzel call1 (0,dan text black) -> call2 (black, global current)
note:
puzzel biru (0) : blocks -> build-in -> match ->0
puzzel nila ("text" : blocks -> build-in -> text -> " "
puzzel orange : blocks -> build-in -> variables -> get

untuk pembuatan langkah-langkah desain diatas bisa liat tabel dibawah:



7. Buat block screen 1 dengan block seperti berikut :

8. Buat Screen 2 dengan cara Add Screen dan pilih screen pada Screen


9.
Desain Screen 2 dengan desain sebagai berikut :

  

       komponen yang dibutuhkan : 




10. Setting block untuk menghubungkan Screen 1 dan Screen 2 

11. Setting block untuk sharing data antara screen 1 dan screen 2 dengan TinyDB



12. Masuk pada screen 2 , setting block sebagai berikut :






Tidak ada komentar:

Posting Komentar

Mohon jika ada masukan atau saran
[Gunakan Nama]