Cara Mudah Membuat Aplikasi

Menggunakan MIT App Inventor

App Inventor memungkinkan pengguna baru untuk memprogram
komputer untuk menciptakan aplikasi perangkat lunak bagi sistem
operasi Android. Sebagian orang berpikir bahwa untuk menciptakan suatu
aplikasi itu adalah hal yang sulit. tetapi dengan adanya MIT App Inventor ini
akan merubah asumsi tersebut.

Berikut ini merupakan langkah-langkah mudah untuk membuat aplikasi

dengan menggunakan MIT App Inventor :

1. Membuka MIT App Inventor

Untuk mengakses MIT App Inventor online, Kita bisa

mengunjungi appinventor.mit.edu. Ini adalah homepage MIT App Inventor. Di
sini Kita akan dihadapkan pada berbagai informasi seputar App Inventor,
termasuk program-program pendidikan yang terkait dengannya. Sebelum
menjalankan MIT App Inventor, pilih menu get started untuk mempelajari lebih
jauh tentang tata cara memulai menggunakan aplikasi ini.

2. Login menggunakan Akun Google

Masukkan username dan password akun Google, setelah itu kita akan
diarahkan ke halaman permission request yang berisi permintaan izin untuk
mengakses beberapa informasi akun Google Anda. Di sini cukup pilih Allow,
setujui terms of service yang muncul setelahnya dan aplikasi MIT App
Inventor akan terbuka.

3. Membuat Project Baru

Kita bisa mulai membuat aplikasi baru dengan mengklik tombol Start New
Project atau melalui menu Projects->Start New Project. Selanjutnya beri
nama project yang ingin kita buat.

4. Menambahkan Komponen Yang Dibutuhkan

Pada gambar diatas saya memasukkan Button 1 dan Button 2, komponen ini
dapat kita temukan pada bagian Palette yaitu di User Interface. Untuk
membuat Button 1 dan Button 2 sejajar maka terlebih dahulu masuk ke
bagian layout dan memilih HorizontalArrangement. selanjutnya untuk
mengubah nama Text for Button 1 menjadi nama yang kita inginkan kita
masuk ke bagian properties terdapat kolom text dan silahkan mengubahnya
sesuai dengan yang kita
inginkan.

Selanjutnya masuk ke bagian Media untuk memasukkan suara dan untuk

mengoutputkannya melalui android yanmg akan digunakan. cara untuk
memasukkannnya dengan mengklik bagian yang diinginkan dan tahan hingga
masuk ke bagian button.

5. Mengatur Block Editor

Desain tampilan utama aplikasi telah selesai dibuat. Kini waktunya masuk ke
halaman Blocks untuk mulai menyusun sisi backend aplikasi yang ingin
dibuat. Untuk melakukannya, klik tombol Blocks yang ada pada bagian kanan
atas interface MIT App Inventor. Setelah mengklik tombol tersebut, maka akan
berpindah dari jendela designer ke jendela blocks.

6. Memulai Coding Dengan Menggunakan Blocks

Gambar di atas merupakan tampilan dari block yang telah saya buat, dari
block tersebut bertujuan untuk mengeluarkan suara pada saat tombol di
tekan. yang mana pada saat tombol 1 ditekan akan mengeluarkan suara My
Name is Iqbal Kurniawan dan pada saat tombol 2 di tekan akan mengeluarkan
suara Hobi Bermain Sepakbola. Untuk memasukkan block yang di inginkan
cukup menekan bagian button yang terdapat pada menu Block. untuk
mengeluarkan suara yaitu dengan mngklik bagian TextToSpeech yang
terdapat di menu Block.

7. Test Aplikasi Yang Telah Dibuat

Setelah semua proses di atas selesai dilakukan, kini tiba saatnya melakukan
test aplikasi. Untuk melakukan test, Anda membutuhkan smartphone yang
terhubung ke internet. Selanjutnya download MIT AI2 Companion melalui Play
Store
masukkan kode unik yang muncul saat Anda memilih menu Connect->All
Companion pada halaman utama MIT App Inventor. Kita juga bisa
memasukkan dengan menggunakan barcode yang tersedia. Pastikan untuk
memasukkan kode tersebut saat MIT AI2 Companion telah terinstal pada
perangkat Anda. Jika sudah selesai, Anda bisa mulai mencoba aplikasi yang
baru saja dibuat melalui smartphone Anda.

Save to Excel and Read to Listview MIT App Inventor - Assalamualaikum.wr.wb, Semoga
Keselamatan dan rahmat Allah, serta keberkahan-Nya terlimpah pada kalian.Aminnn Ya
robbalalamin, dari coba caba dan penasaran akkhirnya saya bisa mengkoneksikan MIT App Inventor
dengan Mini Exel (Csv), Pada Tutorial Save to Excel and Read to Listview MIT App Inventor saya
berharap bagi pembaca bisa mengembangkankannya dan bermanfaat juga tentunya, apabila anda
ingin melanjutkan project saya nenti bisa langsung Download Source Code Save to Excel and
Read to Listview MIT App Inventor.
 Excel MIT App Inventor

Pada dasarnya project saya ini hanyalah menyimpan ke excel yang berextensi “Csv” yang isinya
sangatlah sederhana sekali, Jika anda menemukan soruce code yang lebih sederhana saya
harappun anda bisa berbagi dengan saya disini, karna saya maklumi saja masih pemula dan masih
banyak belajar juga tapi meskipun ilmu saya sedikit saya sangat bersyukur dan terus belajar, semoga
ada hikmahnya dibalik saya belajar ini, minimal bisa berbagi kepada seudara yang lagi membaca ini.
Amin ya robbalalamin…

Kunjungi Juga : Cara Membuat Aplikasi Pemutar Musik Pada MIT App Inventor

Untuk menghemat waktu langsung saja kita praktekin cara membut project excel dengan MIT App
Inventor, pertama anda buat dulu nama projectnya seperti gambar dibawah ini.

Tampilan Project Excel MIT App Inventor

Selanjutnya masukan komponen komponen yang diperlukan seperti gambar dibawah ini.

Tampilan Design Excel MIT App Inventor

Untuk propertynya silahkan anda sesuaikan dengan gambar diatas, kalau kurang mengerti sulahkan
tinggalkan pesan dikolom komentar, selanjutnya kita menyusun block programnya.
Kunjungi Juga : Cara Membuat Game Edukasi Anak Mengenal Angka | MIT App Inventor

Pertama kita susun block prosedur untuk clear yang artinya menghapus string yang ada ditextbox
secara berkelompok setelah melakukan input data, buat blocknya seperti gambar dibawah ini.

Tampilan block Prosedur clear textbox MIT App Inventor

Setelah menyusun block clear, ikuti selanjutnya menyusun block save yang artinya menyimpan data
ke mini excel dan berextensi csv, seperti gambar dibawah ini.

Tampilan Save Excel MIT App Inventor

Keterangan : Untuk filename silahkankan masukan formatnya seperti ini “/[nama file].csv seperti block
diatas.
Selanjutnya block untuk read yang berfungsi membaca file excel csv ke listview dan susun blocknya
seperti gambar dibawah ini.
 Tampilan Read Excel to ListView MIT App Inventor
Keterangan : Untuk filename silahkankan masukan formatnya seperti ini “/[nama file].csv seperti block
diatas.
Nah, cumin segitu aplikasi simpan data ke excel menggunakan MIT App Inventor, silahkan beri saran
dan silahkan juga bertanya apabila ada pertanyaan, Untuk lebih jelasnya bisa diklik video
tutorianya : Video Tutorial Save to Excel and Read to Listview MIT App Inventor . jangan
lupa disubscribe dan tunggu video2 berikutnya..

Link Download :
Download Source Code Save to Excel and Read to Listview MIT App Inventor | aia / Apk

Semoga setidaknya sedikit bermanfat untuk yang membaca sekarang ini. Amin...
Wassalam.

Belajar Membuat Aplikasi Android Dengan Mudah

Menggunakan MIT App Inventor - Keep Moving
Forward
Uploaded by Ariyanto Ari on Mar 08, 2017
appFull description
Copyright:© All Rights Reserved
Downloadas PDF, TXT or read online from Scribd
Flag For Inappropriate Content
Save
Belajar Membuat Aplikasi Android Dengan Mudah Meng...
For Later
Save

Embed

Share

Print

RELATED TITLES

Carousel Next


StockQuotes for App Inventor 2 _ Explore MIT App Inventor.pdf

eBook Free Programming MIT App Inventor (Indonesia)

10b26d9d-c26f-2d10-d8b0-b9d97c1e2f42


 cse494sp09-04282009-Remindar

term 3 geography student task info - community

Maps API Web

City Bus Application Project

colony ad lesson plan

Accelerating Enterprise Mobile Iot App Developm



Virtual Speech Center Releases an iPad App to Practice Plurals

How IT Deals With Complex Mobility Environments

Whitepaper Open Source Mobile Automation

fuze volume 8 fall 2017

BCA Project Synopsis

MobiledevHQ - How Users Find Apps

KYDGS13 Mobile Device Management - David Roundtree



Best Sharepoint Services - Cubiclogics

Mobile Apps for Kids

The API Economy: How To Plug In and Build Your Business

Lista de las aplicaciones que más consumen la batería en Android 2015

kuefner l resume

Market Research Report : Mobile Application Market in India 2014 - Sample

Syllabus and Lesson Plan Sample PDF



Fabrik User Manual 2 0 Rev1

6 Tracks4Africa on Google Earth

Google vs Yahoo

Enterprise mobility management: Embracing BYOD through secure app and data delivery

After Mobile App

Company Culture

Issue #3: The Best & Next in Education



5 Situs Membuat Aplikasi Android Dengan Mudah Tanpa Ngoding

Sample Aplikasi App Inventor _ WildLifeShow _ Informasi Teknologi

Android, Where's My Car_ for App Inventor 2 _ Explore MIT App Inventor

Membuat Kamus 3Bahasa Dengan Menggunakan APP INVENTOR _ Nazirin Al-Bukhori

Kumpulan Kata Mutiara Islami _ Nasehat Bijak Imam Syafii Tentang Kehidupan - KATA
MOTIVASI KEHIDUPAN

Dian Anggraini_ Membuat Kamus Indonesia English Jerman App Inventor

VideoWall for App Inventor 2 _ Explore MIT App Inventor



App Inventor_ Membuat Aplikasi Android Sederhana Untuk Pemutar Musik Mp3

Cara Membuat Splash Screen di App Inventor 2 ~ Rian4Gadget

Space Invaders _ Explore MIT App Inventor

StockQuotes for App Inventor 2 _ Explore MIT App Inventor

Hello Purr _ Explore MIT App Inventor

Android Indonesia_ App Inventor True Offline ( App Inventor Personal Server )

Tutorial Aplikasi Kamus Bergambar Menggunakan MIT App Inventor 2



Tutorial Membuat Musik Player Menggunakan Appinventor ~ Anik Nur Hidayati

Sample Aplikasi App Inventor _ WildLifeShow _ Informasi Teknologi.pdf

Ch 22 Databases

Pizza Party With Fusion Tables for App Inventor 2 _ Explore MIT App Inventor

App Inventor_ Game Operasi Matematika _GilaMatika_.pdf

Cara Membuat Splash Screen di App Inventor 2 ~ Rian4Gadget.pdf

Map It_ Displaying Locations on a Google Map _ Explore MIT App Inventor


Tutorial Instalasi Offline AppInventor & Membuat Aplikasi Android Pemutar Musik _ Kemal
Muhammad Hariwibawa

App Inventor_ Membuat Aplikasi Tebak Gambar Sederhana Berbasis Android

BYP_ Membuat Game Android Dengan App Inventor

Dian Anggraini_ Membuat Kamus Indonesia - English - Jerman ------------- App Inventor.pdf

PaintPot (Part 2) for App Inventor 2 _ Explore MIT App Inventor

Comfort Zone._ Membuat Kamus Percakapan 3 Bahasa Berbasis Android Menggunakan App
Inventor

Download
Jump to Page

5
You are on page 5of 5
Search inside document

Map It: Displaying

Locations on a
Google Map |
Explore MIT App
Inventor http://expl
ore.appinventor.mit
.edu/displaying-
maps3
o f
5 1 0
/ 1 3
/ 2 0
1 6
8 : 4
7 A
M
Tutorial Difficulty:
Advanced
Tutorial Type:
ListPicker Data Storage
Activity Starter External
API Location Sensor
GPS
Tweet
21
Share
12
ShareShare
Map It: Displaying
Locations on a
Google Map |
Explore MIT App
Inventor http://expl
ore.appinventor.mit
.edu/displaying-
maps4
o f
5 1 0
/ 1 3
/ 2 0
1 6
8 : 4
7 A
M
(http://creativecommon
s.org/licenses/by-
sa/3.0/)
This work is licensed
under a
Creative Commons
Attribution-ShareAlike
3.0 Unported License
(http://creativecommon
s.org/licenses/by-
sa/3.0/)
© 2012-2015
Massachusetts
Institute of Technology
(http://web.mit.edu/)Co
ntact
UsH o m e A b
o u t About UsOur
TeamSponsorsNews &
StoriesIn The
NewsStoriesTeam
Blog App of the MonthRe
sourcesGet
StartedTeachDocument
ationTutorials AI Classic
ResourcesForumsTrou
bleshooting
Map It: Displaying
Locations on a
Google Map |
Explore MIT App
Inventor http://expl
ore.appinventor.mit
.edu/displaying-
maps5
o f
5 1 0
/ 1 3
/ 2 0
1 6
8 : 4
7 A
M
Reward Your Curiosity
Everything you want to read.

Anytime. Anywhere. Any device.

Read Free For 30 Days
No Commitment. Cancel anytime.

Share this document

MIT App Inventor Meneroka

Dunia Reka Cipta Aplikasi
Android Apps
Oleh
Nadi Eleczone Solutions
-
August 13, 2018
504
0

Oleh Nadim dalam Tutorial MIT App Inventor

>> TERFIKIR UNTUK MEMBUAT

APLIKASI TELEFON PINTAR
ANDROID ??? <<
Anda bukan seorang programmer atau seorang yang mahir menulis kod
komputer? Atau anda seorang yang pernah mempunyai pengalaman menulis
kod yang mudah mudah tetapi sudah lama berlalu 10 tahun yang lepas?
Atau anda seorang guru sekolah menengah yang tidak mahir tentang semua
ini? Atau anda adalah seorang ibu kepada dua anak kecil yang nakal, tidak
mempunyai masa lapang yang terlalu banyak? Tapi yang pasti, menulis kod
bukanlah menjadi keutamaan hidup anda.
 >> TETAPI ANDA INGIN BELAJAR
MEREKA CIPTA APLIKASI TELEFON
PINTAR ANDROID JUGA <<
Jika anda masih tidak tahu, di dunia maya kini terdapat satu platform yang
agak mudah dan tidak terlalu intensif untuk difahami yang dikenali
sebagai MIT App Inventor. App Inventor menggunakan bahasa
pengaturcaraan atau kod berasaskan blok blok yang membolehkan anda
membuat aplikasi dengan mudah untuk telefon pintar Android anda. App
Inventor pada asalnya dicipta oleh GOOGLE tetapi kini diselenggara dan
ditambah baikkan oleh MIT.

Membuat aplikasi telefon pintar bagus untuk dijadikan hobi masa lapang,
membuat aplikasi telefon pintar bersama anak anak daripada dibiarkan
mereka hanyut ke dalam dunia maya di depan telefon pintar tanpa arah
tujuan. Kita boleh menarik minat budak budak kecil membina aplikasi
mereka sendiri dengan mamasukkan watak Boboboy atau Upin Ipin ke dalam
reka cipta aplikasi Android. MIT App Inverntor sangat sesuai untuk tujuan ini
kerana sifatnya yang mudah digunakan.
 >> APP INVENTOR, SEMUDAH TARIK
DAN LETAK <<
Dengan antara muka tarik dan letak yang ada pada App Inventor, anda boleh
membina aplikasi mudah hanya dalam jangka masa kurang daripada satu
jam. Bagi yang sudah mempunyai asas dalam menulis kod, anda mungkin
teruja kerana terdapat banyak fungsi fungsi canggih lain untuk anda
gunakan.

App Inventor pada asasnya terdiri daripada dua bahagian utama iaitu App
InventorDesigner dan App Inventor Block Editor. Designer adalah tempat
di mana anda mereka cipta bagaimana rupa muka depan aplikasi Android
anda manakala Block Editor pula adalah di mana anda akan “menulis kod”
secara visual dengan kaedah tarik dan letak blok bagi menentukan fungsi
aplikasi Android anda. Selepas anda siap mereka cipta aplikasi Android, anda
boleh memuat turun aplikasi tersebut ke telefon pintar Android anda dan
lihat ianya beraksi secara langsung di hadapan anda.
 >> APA YANG PERLU ANDA ADA
UNTUK MEREKA CIPTA APPS
PERTAMA ANDA <<
Cukup mudah untuk mula belajar App Inventor, apa yang anda perlukan
adalah seperti berikut:

 Komputer untuk menggunakan perisian MIT App Inventor di internet

  Telefon pintar Android

 Sambungan WIFI Internet

 Aplikasi MIT AI2 Companion pada telefon pintar

 Akaun GOOGLE

Sekali lagi, untuk menggunakan App Inventor anda tidak perlu menjadi
seorang penulis kod yang profesional terlebih dahulu. Ini adalah kerana App
Inventor bukannya perisian yang berasaskan penulisan kod yang kompleks
tetapi ianya perisian mereka bentuk aplikasi Android secara visual. App
Inventor menggunakan konsep blok bagi menentukan fungsi aplikasi yang
anda reka.

Jom buat aplikasi Android pertama kita di App Inventor Jom Bina Aplikasi
Telefon Pintar Pertama Anda