Tutorial Pembuatan Aplikasi Android sederhana tanpa Coding dengan App inventor

Tutorial Pembuatan Aplikasi Android sederhana tanpa Coding dengan App inventor

• Untuk memulai membuat suatu aplikasi klik “build”. Namun, dalam pembuatan aplikasi dengan Appinventor ini, Anda harus memiliki akun Google, jika belum memiliki akun Anda bisa langsung membuat akun.
• Jika telah memiliki akun, Anda bisa langsung Login. Berikut ini tampilan halaman login dengan akun google.

• Klik “Allow” untuk melanjutkan ke langkah berikutnya.
• Setelah melakukan Login, Setup MIT App Inventor dengan mengikuti langkah – langkah pada tampilan berikut ini :

• Jika telah mengikuti langkah – langkah tersebut, klik “Create”
• Langkah selanjutnya, masuk ke web beta.appinventor.mit.edu

• Klik new untuk membuat project baru, beri nama project sesuai keinginan Anda. Pada contoh, kami memberi nama “Mobile”.
• Kemudian klik 2 kali pada “Mobile”.
• Selanjutnya, kita bisa mendesain dengan melakukan drag and drop sesuai dengan yang dibutuhkan, seperti tampilan di bawah ini :

• Untuk aplikasi yang kami buat ini, kami membutuhkan label, button dan sound.
• Beri gambar kucing pada tombol button, seperti gambar diatas.
• Pada sound, masukkan suara kucing.
• Jika desain telah selesai, kemudian klik  “Blocks Editor  is open”. Maka akan muncul tampilan seperti gambar berikut :

• Pilih My Blocks, klik Button1 dan pilih “Button1.Click”
• Klik Sound1, pilih “Sound1.Play”, letakkan di dalam “Button1.Click”
• Tambahkan “Sound1.Vibrate”

• Untuk menentukan vibrate, klik Built-In pilih number, maka akan muncul seperti gambar di bawah ini :

• Ubah number menjadi 500. Kemudian gabungkan number dengan Sound1.Vibrate.

• Klik “Save”.
• Jika Anda ingin memberikan sensor gerakan pada aplikasi, tambahkan “AccelerometerSensor1” pada desain.
• Setelah itu, klik  “Blocks Editor  is open”.

• Pilih My Blocks, klik “AccelerometerSensor1” dan pilih “AccelerometerSensor1.Shaking”.
• Klik Sound1, pilih “Sound1.Play”.

• Kemudian “Save”
• Jika telah selesai, klik “Package for Phone”

• Akan tampil kotak dialog “Progress Bar for Mobile”
• Jika telah 100 % klik “Dismiss”
• Pembuatan aplikasi ini telah selesai, maka aplikasi telah bisa diinstal dan digunakan pada mobile android.

• Hasil dari aplikasi yang telah dibuat ini yaitu ketika Anda menyentuh layar pada mobile anda tepat di gambar kucing itu, maka akan terdengar bunyi suara kucing. Begitu juga, ketika anda melakukan shaking pada mobile anda.