Anda di halaman 1dari 7
Membuat Aplikasi Tanpa Koding – APP Inventor
Membuat Aplikasi Tanpa Koding – APP Inventor
Membuat Aplikasi Tanpa Koding – APP Inventor Bab 1 Pendahuluan Cara Instalasi dan Membuat Proyek Pertama

Bab 1 Pendahuluan

Cara Instalasi dan Membuat Proyek Pertama

Alat yang dibutuhkan

1. Laptop

2. HP Android

3. Wifi

4. Koneksi Internet

5. Google Chrome

Memulai Proyek

1. Buka Google Chrome lalu Koneksikan akun G+ (email google) ke Google Chrome. Apabila udah punya email silahkan Login Apabila belum punya email, buat email dulu. Apabila mengalami kesulitan tanyakan ke Tutor.

2. Ketik appinventor.mit.edu di blangko url Google Chrome, Lihat

Gambar.

kesulitan tanyakan ke Tutor. 2. Ketik appinventor.mit.edu di blangko url Google Chrome, Lihat Gambar. Bab 1
Membuat Aplikasi Tanpa Koding – APP Inventor
Membuat Aplikasi Tanpa Koding – APP Inventor

3. Setelah terbuka, Klik Create Apps di Pojok Kanan atas. Lihat Gambar

terbuka, Klik Create Apps di Pojok Kanan atas. Lihat Gambar 4. Klik Start New Project di

4. Klik Start New Project di Kiri atas, Lihat Gambar

Gambar 4. Klik Start New Project di Kiri atas, Lihat Gambar 5. Maka akan muncul Jendela

5. Maka akan muncul Jendela Project Name (nama proyek), untuk Aplikasi Pertama Anda, Kita samakan dulu namanya Gantiwarna. Lihat Gambar

Anda, Kita samakan dulu namanya Gantiwarna . Lihat Gambar 6. Ok Proyek Pertama Anda telah MULAI

6. Ok Proyek Pertama Anda telah MULAI dibuat.

Anda, Kita samakan dulu namanya Gantiwarna . Lihat Gambar 6. Ok Proyek Pertama Anda telah MULAI
Membuat Aplikasi Tanpa Koding – APP Inventor
Membuat Aplikasi Tanpa Koding – APP Inventor

Membuat Proyek

1. Pilih Menu LayOut lalu pilih Horizontal Arrangement, Drag and Drop ke Layar, Lihat contoh di Video atau Tutor Anda.

and Drop ke Layar, Lihat contoh di Video atau Tutor Anda. 2. Pilih menu User Interface

2. Pilih menu User Interface lalu pilih Button, Masukkan ke Kotak Horizontal Arrangement, Masukkan 3 Tombol.

Masukkan ke Kotak Horizontal Arrangement, Masukkan 3 Tombol. 3. Ganti nama setiap Tombol, menjadi tmerah, thijau,

3. Ganti nama setiap Tombol, menjadi tmerah, thijau, tbiru.

4. Edit Text menjadi merah untuk tmerah, hijau untuk thijau, biru untuk tbiru.

Membuat Aplikasi Tanpa Koding – APP Inventor
Membuat Aplikasi Tanpa Koding – APP Inventor

5. Pilih Menu Drawing and Animation, lalu seret ke Kotak Layar. Ganti nama menjadi Kotak. Hasil akhirnya bisa dilihat di Gambar berikut.

Kotak. Hasil akhirnya bisa dilihat di Gambar berikut. 6. Setelah jadi, Klik tombol Blocks di kanan

6. Setelah jadi, Klik tombol Blocks di kanan atas. Lalu buatlah Sebuah Prosedur seperti gambar di bawah ini.

Lalu buatlah Sebuah Prosedur seperti gambar di bawah ini. Lihat contoh yang dilakukan Tutor Anda atau

Lihat contoh yang dilakukan Tutor Anda atau Lihat Video Tutorialnya.

7. Setelah semua jadi, Proyek telah selesai di buat, berikutnya akan Kita Bahas bagaimana cara mengirim ke HP Anda.

Membuat Aplikasi Tanpa Koding – APP Inventor
Membuat Aplikasi Tanpa Koding – APP Inventor

Mengirimkan dan Mencoba Aplikasi ke HP

Sebenarnya ada 3 cara untuk mengirimkan dan Mencoba hasil aplikasi Buatan Kita baik dibuka dengan HP atau Emulator di Laptop. Namun untuk memasang emulator sepertinya butuh Laptop yang lumayan Bagus, maka Di rekomendasikan untuk mencoba adalah dengan HP Kita Sendiri.

Langkah-langkah dalam mengirim File Aplikasi ke HP Kita.

1. Install Aplikasi Penyangganya terlebih dahulu. Ketik App Inventor di PlayStore

2. Setelah Terintall, buka lalu masukkan kode yang di dapat dari Menu Connect, Pilih AI Companion, dan tunggu hingga Muncul QR Kode atau Kode download.

dan tunggu hingga Muncul QR Kode atau Kode download. 3. Input Kode di HP Anda dan
dan tunggu hingga Muncul QR Kode atau Kode download. 3. Input Kode di HP Anda dan

3. Input Kode di HP Anda dan Tunggu sampai Muncul Aplikasi Anda.

4. Selamat Anda telah membuat Aplikasi Pertama Anda.

Membuat Aplikasi Tanpa Koding – APP Inventor
Membuat Aplikasi Tanpa Koding – APP Inventor

Pasang Aplikasi di HP

Langkah di atas adalah untuk mencoba dan melihat Hasil Tampilan Aplikasi untuk Sementara.

Agar Aplikasi dapat dibuka Kapan aja tanpa harus memasukkan Kode, ikuti Langkah berikut :

1. Klik menu Build lalu pilih APP ( Provide QR Code for .apk)

Klik menu Build lalu pilih APP ( Provide QR Code for .apk) 2. Setelah Keluar QR

2. Setelah Keluar QR Code, Scan dengan HP Anda (Kalau belum ada ketik QR Code di PlayStore), dan akan menghasilkan Link download Applikasi Anda.

3. Download dan Pasang, Kadang butuh ijin Khusus yaitu Sumber Tidak diketahui (centang saja) Failed Google Play Protect Pilih Tetap Install

4. Selamat Anda bisa memamerkan Aplikasi Buatan Anda ke Teman-teman.

Tugas :

Buatlah 3 Tombol Lagi untuk 3 Warna yang berbeda. Letakkan Tombol di bawah atau sesuai kreatifitas Anda.

Membuat Aplikasi Tanpa Koding – APP Inventor
Membuat Aplikasi Tanpa Koding – APP Inventor

Modul dalam bentuk Word bisa Anda dapatkan di

belajar.bimbelaqila.com

seharga 50 rb Rupiah

Silahkan Share Modul ini dalam bentuk pdf.

Modul ini bisa digunakan sebagai Salah satu Tambahan Kegiatan Bimbel (Paket Belajar Membuat Aplikasi Android), atau bisa digunakan sebagai Ekstra Kurikulum di Sekolah.

Kenapa Pakai APP Inventor ? Sangat Ringan Bahkan saat di Buka dengan Komputer QuadCore atau i3.

Selamat Mencoba.