Selasa, 25 Oktober 2016

0 komentar 07.20

TUTORIAL APLIKASI DIGITAL DOODLE MENGGUNAKAN APP INVENTOR

Posted by Unknown - Filed under

A. Membuat Projek
  1. Buka website MIT App Inventor  http://appinventor.mit.edu/
  2. Klik Create apps, lalu login menggunakan akun gmail.
  3. Start a new project. Dari menu Project, klik New Project.
  4. Masukkan judul project dengan nama “DigitalDoodle”, setelah itu klik “ok”. Untuk aturan penamaan judul project tidak menggunakan spasi.

  1. Terlihat Tampilan Awal projek seperti gambar dibawah

B. Membuat Aplikasi
  1. Tambahkan beberapa komponen sehingga tampilannya seperti berikut:


C. Membuat Blocks
  1. Setelah selesai, klik screen 1 lalu pilih blocks. Maka akan muncul jendela block pada screen 1

  1. Susunlah blocks canvas saat di drag. Dalam blocks ini, canvas tersebut akan mengikuti jari yang disentuh kelayar aplikasi untuk membuat suatu gambar. Setiap kali menyeret blok ini, itu akan menarik suatu garis kecil antara lokasi sebelumnya (Prevx, prevY) ke lokasi baru (CurrentX, CurrentY) ketika jari tersebut digunakan sebagai menggambar.

  1. Susunlah blocks untuk Accelerometer Sensor. Ketika aplikasi tersebut dishake,,maka sensor akan aktif dengan memanggil canvas dengan membersihkan tampilan layar aplikasi tersebut.

D. Menjalankan Aplikasi
  1. Setelah selesai pembuatan blocks, klik menuBuild. Lalu pilih pilihan 1 (provide QR code for .apk) untuk penggunaan aplikasi pada android. Dan pilih pilihan 2 (save .apk to my computer) jika ingin membuka pada PC.
  1. Setelah ini maka proses compiling akan segera dimulai. Tunggu sampai 100%.


  1. Simpanlah aplikasi yang telah di download ini didalam folder yang diinginkan. Jika kita menggunakan android, maka bukalah aplikasi tersebut.
  2. Lakukan penginstallan program tersebut dan buka aplikasi tersebut sehingga akan muncul tampilan dibawah ini. Tampilan dibawah ini merupakan tampilan awal aplikasi.
  1. Cobalah jalankan aplikasi digital doodle tersebut dengan cara menggambar melalui canvas tersebut. Sehingga tampilan seperti gambar dibawah :

  1. Dapat dikatakan bahwa aplikasi tersebut sudah bisa digunakan.
  2. Percobaan selesai.


0 komentar:

Posting Komentar