PENGENALAN MIT APP INVENTOR

App Inventor merupakan sebuah web aplikasi yang memungkinkan

pengguna baru  untuk menciptakan aplikasi-aplikasi bagi sistem operasi Android.
App Inventor menggunakan antarmuka grafis, serupa dengan antarmuka, yang
memungkinkan pengguna untuk men-drag-and-drop objek visual untuk
menciptakan aplikasi yang bisa dijalankan pada perangkat Android.

Dan App Inventor dilambangkan dengan Robot Hijau

Awalnya di kembangkan Oleh Google, tetapi saat ini dikelola

oleh Massachusetts Institute of Technology (MIT).

BAGIAN-BAGIAN DARI APP INVENTOR

 Palette  : Berisi semua komponen yang akan digunakan pada project.

Komponen pada bagian palette ini dikelompokkan berdasarkan jenisnya. Palette
Column tidak hanya berisi komponen User Interface saja tetapi ada Layout,
Drawing and Animation, Media, Social, dan Data.

● Components : 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

● Viewer : Berfungsi untuk menampilkan/meletakkan komponen yang telah

dipilih. Semua yang ada pada bagian viewer ini yang nantinya akan terlihat saat
project dijalankan.

● Properties   merupakan tempat untuk mengatur properti layar, dan

komponen-komponen yang digunakan pada aplikasi yang sedang dibuat seperti
lebar, tinggi, warna latar, besar huruf, dll.

● Design : berfungsi untuk mendesain komponen yang akan kita gunakan

untuk Aplikasi kita bisa dibilang ini digunakan untuk mendesain User Interface
aplikasi kita. 

● Block : Berfungsi untuk memprogram jalannya aplikasi kita berisi Block

block yang bisa di Drag and Drop.

● Menu : Berisikan menu menu seperti Build aplikasi kamu ke APK, export
Project kedalam file berextensi *.aia, Import Project, dan Save Project.

CARA MENGGUNAKAN APPINVENTOR

Ada dua cara secara online (menggunakan web) dan secara ofline (instal aplikasi
di komputer).

● Langkah Langkah penggunan App Inventor 2 Secara online

 1. Siapkan Akun Google kalian untuk digunakan sebagai akun Login di
App Inventor 

2. Buka https://appinventor.mit.edu/

 di Browser (Rekomendasi menggunakan Browser Google Chrome

karena ada beberapa script yang tidak support jika menggunakan
Browser selain Google Chrome).

3. Maka akan tampil tampilan persetujuan masuk ke gmail Anda. Pilih

"Allow"

4. Setelah itu akan tampil tampilan halaman utama yaitu My Project.

My Project adalah halaman dimana halaman tersebut digunakan
untuk me-manage Project kamu seperti membuat Project baru,
Menghapus dan publish Project kamu ke Gallery App Inventor.

5. Membuat Project baru klik "Create new project"

6. Isikan Nama Project kamu misalkan saja "HelloWorld". Ini bukan

Nama Aplikasi yang akan jadi APK loh ya. Untuk nama aplikasi nanti
bisa di edit di "Design".

7. Ketentuan Pemberian Nama Project : hanya boleh di isi dengan

karakter [A-Z][a-z][0-9][ _ ] tidak di perbolehkan menggunakan
Special Character, tidak boleh menggunakan spasi, menggunakan
underscore jika ada dua kata nama project

LANGKAH-LANGKAH MEMBUKA APLIKASI MIT APP INVENTOR SECARA

OFLINE

1. Klik App inventor 2 client dan app inventor 2 server

2. Kemudian ketikkan NAMA WEB OFLINE : http://localhost:8888

Akan tampil jendela app inventor sama seperti tampilan app inventor online

Setelah Masuk App Inventor Masukkan Nama Project

Jika sudah pernah membuat Project aplikasi, tersimpan di dalam My Project,

tampilannya seperti di bawah ini
My project

My project adalah tempat kita menyimpan Project aplikasi yang sudah dibuat.

TAMPILAN MIT APP INVENTOR

Pada MIT App Inventor terdapat dua halaman utama, yaitu halaman designer
dan halaman blocks. Halaman designer digunakan untuk mendesain tampilan aplikasi
dengan berbagai komponen dan layout yang disediakan sesuai dengan keinginan.
Sedangkan halaman blocks digunakan untuk memprogram jalannya aplikasi android
sesuai dengan tujuan.

Gambar 1. Tampilan Halaman Designer

Gambar 2. Tampilan Halaman Blocks
BAGIAN TAMPILAN DARI DESIGNER
1.Pallete

Pallete adalah Berisi semua komponen yang akan digunakan pada project.Komponen

pada bagian palette ini dikelompokkan berdasarkan jenisnya.
Palette Column berisi komponen User Interface, Layout, Drawing and Animation, Media,
Social, dan Data.
2.Viewer

Viewer adalah menampilkan/meletakkan komponen yang telah dipilih. Semua yang

ada pada bagian viewer ini yang nantinya akan terlihat saat project dijalankan

3.Components

Components adalah 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
4.Properties

Properties adalah mengatur properti dari komponen yang kita gunakan. Setiap
komponen memiliki properti tersendiri yang bisa kita atur pada bagian property
ini, sesuai dengan kebutuhan kita
properties adalah tempat untuk mengatur properti layar, dan komponen-komponen
yang digunakan pada aplikasi yang sedang dibuat seperti lebar, tinggi, warna latar,
besar huruf, dll.

6.Menu workpage

menu workpage berguna untuk menambahkan screen , mendelete screen , block , dan
designer.
Tampilan dari Bagian Designer

Tampilan dari Bagian Block