Semua Ada Disini

HOME KOMPUTER ANDROID MATA PELAJARAN TREND

Search... Go

Get paid to share your links!

Home » Pemrograman Mobile » Pengenalan APP INVENTOR Jilid 1 LABEL

M
MOON
NDDAAYY,, O
OCCTTO
OBBEERR 2244,, 22001166 PPEEM
MRRO
OGGRRAAM
MAAN
NMMO
OBBIILLEE Android
Pengenalan APP INVENTOR Jilid 1 Bahasa Inggris
Basis Data
Desain WEB
1. Apa itu AppInventor? Dan siapa atau perusahaan apa yang
Komputer
membangun tool AppInventor?
Pemrograman Mobile
App Inventor merupakan sebuah web aplikasi
Pendidikan
yang memungkinkan pengguna baru   untuk
Kewarganegaraan
menciptakan   aplikasi-aplikasi   bagi   sistem
operasi   Android. App Inventor menggunakan Sistem Operasi
antarmuka grafis, serupa dengan antarmuka,
Trend
yang memungkinkan pengguna untuk men-
drag-and-drop objek visual untuk menciptakan
aplikasi yang bisa dijalankan pada perangkat
Android.

Awalnya di kembangkan Oleh Google, tetapi

saat ini dikelola oleh Massachusetts Institute of
Technology (MIT).

2. Apa saja kemampuan atau fitur yang disediakan AppInventor

?

Palette Column : Berisi semua komponen yang

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

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
 33,8Column
Viewer
23
menampilkan/meletakkan
  : Berfungsi
komponen
untuk
yang
telah dipilih. Semua yang ada   pada bagian
Copyright 2014viewer
Semua ini
Adayang
Disininantinya akan terlihat
Designsaat
by Mas Sugeng - Published by Evo Templates
project dijalankan

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

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.

3. Bagaimana cara menggunakan AppInventor?

Langkah Langkah penggunan App Inventor 2

1. Siapkan Akun Google kalian untuk

digunakan sebagai akun Login di App
Inventor 

2. Buka http://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 menggunakan Akun
Google 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. Nah kalau mau 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". Nama Project hanya boleh
di isi dengan karakter [A-Z][a-z][0-9][ _
] tidak di perbolehkan menggunakan
Special Character

1. Selesai. Project kita sudah jadi.

1. Sebutkan dan jelaskan komponen AppInventor !

Pada lingkungan kerja App Inventor ini

terdapat beberapa komponen yang terdiri dari
:

1. Komponen Desainer,   Komponen

desainer berjalan pada browser yang
digunakan untuk memilih komponen
yang dibutuhkan dan mengatur
property nya. Pada komponen
desainer sendiri terdapat 5 bagian,
yaitu palette, viewer, component,
media dan properties, seperti terlihat
pada gambar di atas.

1. Palette : list komponen yang

bisa digunakan

2. Viewer : untuk menempatkan

komponen dan mengaturnya
sesuai tampilan yang
 diinginkan

3. Component : tempat list

komponen yang dipakai pada
 project kita

4. Media : mengambil media

audi atau gambar untuk
project kita

5. Properties : mengatur
properties komponen yang
digunakan, seperti width,
height, name, dll

2. Block Editor,   Block Editor berjalan di

luar browser dan digunakan untuk
membuat dan mengatur behaviour
dari komponen-komponen yang kita
pilih dari komponen desainer. Block
editor ini berbasis java.

3. Emulator,   Emulator digunakan untuk

menjalankan dan mengetest project
yang telah kita buat.

Referensi :
https://ai2indo.blogspot.com/2016/06/cara-menggunakan-mit-app-
inventor-2.html
https://ai2indo.blogspot.com/2016/06/apa-sih-app-inventor-itu.html
https://www.scribd.com/doc/213992871/Tugas-Makalah-Appinventor
https://ai2indo.blogspot.com/2016/06/mengenal-komponen-dan-fitur-
dalam-app.html

PPoosstteedd bbyy AA--BBlloogg

R E L AT E D P O S TS :

Pengenalan APP Inventor jilid 7

(TinyWebDB)
Jawablahpertanyaanberikut! 1. Apakah yang
AndaketahuitentangkomponenTinyWebDB? •
Komponen yang digun… Read More...

Pengenalan APP Inventor Jilid 3

(Procedure)
p { margin-bottom: 0.1in; direction: ltr; line-height:
120%; text-align: left; }p.western { font-fam… Read
More...

Pengenalan APP Inventor jilid 6

(Variable List)
1. Apa fungsi variabel List di app inventor? • Untuk
membuat isi dari variable yang lebih dari satu…
Read More...

Pengenalan App Inventor Jilid 5 (No

Texting While Driving)
Normal 0 false false false EN-US X-NONE X-NONE
… Read More...
 Pengenalan APP INVENTOR jilid 2
p { margin-bottom: 0.1in; direction: ltr; line-height:
120%; text-align: left; }p.western … Read More...

0 Comments Sort by Newest

Add a comment...

Facebook Comments Plugin

2 R e s p o n s e s t o " P e n g e n a l a n A P P I N V E N TO R J i l i dd
1"

M
Meerrlliinnaa FFrraannddeezz November 1, 2016
at 4:22 AM
Artikel Bagus !

Furniture Rotan Sintetis

RReeppllyy

Replies

A
A--B
Blloogg November 2, 2016
at 5:24 PM
Thanksss.. :D

RReeppllyy

AAdddd ccoom
mmmeenntt
 Enter your comment...

Comment as:
Google Account

Publish Preview

N
NEEW
WEERR PPO
OSSTT H
HOOM
MEE O
OLLD
DEERR PPO
OSSTT