Membuat Aplikasi Android Menggunakan MIT App Inventor

Posted by Unknown on 08.57.00 with No comments
App Inventor itu adalah sebuah tool untuk membuat aplikasi android, yang menyenangkan dari tool ini adalah karena berbasis visual block programming, jadi kita bisa membuat aplikasi tanpa kode satupun. Mengapa disebut visual block programming?, karena kita akan melihat, menggunakan, menyusun dan drag-drops “blok” yang merupakan simbol-simbol perintah dan fungsi –event handler tertentu dalam membuat aplikasi, dan secara sederhana kita bisa menyebutnya tanpa menuliskan kode program –coding less.

 Disini saya akan membuat contoh aplikasi yang sangat sederhana , yaitu membuat Digital Doodle !!
berikut tutorial nya :
  1. Langkah pertama yang harus kalian lakukan adalah, buka website MIT App Inventor > appinventor.mit.edu
  2. Lalu klik Create apps !
Capture1

Capture2
3. Start a New Project. Dari menu Project , klik New Project.

4. Masukan judul untuk project kalian, sebut saja ini project “Digital Doodle”
Capture3
5. Atur layar smartphone agar tidak dapat di scroll.
Capture4
6. Tambahkan fungsi canvas pada layar smartphone anda dan sensor Accelerometer.
Capture5
Capture14
7. Atur panjang dan lebar canvas agar menyesuaikan pada layar smartphone anda.
Capture6
8. Setelah sudah mendesain tampilan utama aplikasi anda, sekarang atur Blocks Editor nya untuk memprogram aplikasi tersebut.
Capture7
9. Atur apa yang harus dilakukan canvas ketika kita menyentuh layar smartphone.
Capture8
10. Sekarang kita atur garis nya.
Capture9
Capture10
11. Atur juga untuk menghapus garis tersebut, disini kita akan menggunakan sensor gerak pada smartphone kita. Jadi apabila kita menggoyangkan smartphone kita, maka akan menghapus garis – garis yang kita buat pada canvas.
Capture11
Capture12
Capture13
12. Setelah semua langkah di atas kita lakukan , mari kita tes langsung pada smartphone kita . Pastikan smartphone anda terhubung langsung ke jaringan internet.
Capture15

13. Untuk mudahnya download aplikasi MIT AI2 COMPANION dari Google Play Store.
14. Masukan kode unik tersebut pada aplikasi yang telah kita unduh tadi.

15. selesai
Screenshot_2015-12-26-17-19-39 Screenshot_2015-12-24-07-06-21