modul mit app inventor tutorial

Mit app inventor


1.tutorial mit app inventor

  1. Start New Project : Untuk membuat project aplikasi baru
  2. Delete : Untuk menghapus project aplikasi yang telah dibuat
  3. My Project : Berisi daftar nama project, cure tanggal project dibuat dan tanggal project dimodifikasi
Namun, jika anda sudah pernah bekerja dengan sebuah project, maka biasanya dashboard akan menampilkan project terakhir anda, sebagai halaman pembuka.
Selanjutnya, setelah anda mulai membuat project baru (dengan memilih tombol Start New Project), maka halaman dashboard App Inventor akan terlihat seperti gambar berikut:

2.Keterangan gambar:
  • Palette Column: Berisi semua komponen yang akan digunakan pada project. Komponen pada bagian palette ini dikelompokkan berdasarkan jenisnya. Misalnya komponen User Interface terdiri atas komponen button, label, image, checkbox, slider dan seterusnya. Berikut daftar lengkap kelompok Palette pada App Inventor:
 Daftar kelompok Palette
Tentu, anda tidak harus mengenal semua komponen di atas. Cukup dengan mengenal beberapa jenis komponen, anda sudah bisa membuat aplikasi android yang cukup bagus dan bermanfaat.. ðŸ™‚
  • Viewer Column : Berfungsi untuk menampilkan/meletakkan komponen yang telah dipilih. Semua yang ada pada bagian viewer ini yang nantinya akan terlihat saat project dijalankan
  • Components Column : Berisi daftar semua komponen yang kita gunakan/sisipkan pada project/viewer. Saat kita menambahkan sebuah komponen pada viewer/project, maka daftar isi Components akan bertambah sesuai dengan jenis komponen yang disisipkan
  • Media Column : Berisi daftar media (gambar, clip art, suara, musik, atau film) yang kita sisipkan pada project
  • Properties Column : Berfungsi untuk mengatur properti dari komponen yang kita gunakan. Setiap komponen memiliki properti tersendiri yang bisa kita atur pada bagian property ini, sesuai dengan kebutuhan kita
3.tutorial membuat aplikasi pertama

1.kalian bisa menarik bagian label ke screen 1

2.jika sudah label nya bisa kalian namakan seperti contoh nama  nya Nama seperti di bawah

3.jika nomer 2 sudah kalian kerjakan kalian bisa membuat Textbox dan kalian bisa seret ke screen 1

4.jika kalian sudah membuat Textbox kalian bisa mengatur Height dan width nya  dirubah menjadi automatic seperti di bawah



5.dan jika sudah nanti hasilnya akan seperti di bawah




6.jika nomer 5 sudah kalian kerjakan kalain bisa membuat listpicker dan tarik scrool ke screen 1

7.dan jika sudah nanti hasilnya akan seperti di bawah




8.jika no 7 sudah kalian kerjakan kalian bisa buat passwordtextbox

9.jika sudah nanti hasil no 8 akan seperti di bawah




10.jika no 9 sudah kalian kerjakan kalian bisa membuat button

11.jika sudah nanti hasil akan seperti di bawah



12.jika aplikasi kalian sudah kalian kerjakan nanti hasil jadinya akan seperti di bawah





selamat mengerjakan!!!!!!












Comments