Pengenalan Lingkungan App Inventor 2 (Tool Pembuat Aplikasi)
Pernahkah kamu berpikir untuk membuat aplikasi sendiri untuk HP Android? Dengan MIT App Inventor 2, kamu bisa! App Inventor adalah tool keren dari MIT yang memungkinkan kita membuat aplikasi sungguhan tanpa perlu mengetik kode yang rumit. Kamu bisa berubah dari yang tadinya hanya pengguna aplikasi, menjadi seorang pencipta aplikasi.
Caranya sangat mudah. Daripada mengetik kode, kamu hanya perlu menyusun balok-balok berwarna seperti sedang bermain puzzle. Setiap balok adalah sebuah perintah. Dengan cara ini, kamu bisa fokus pada ide kreatifmu untuk membuat aplikasi, bukan pusing dengan tulisan kode yang sulit. Belajar membuat aplikasi jadi terasa seperti bermain, dan kamu bahkan bisa membuat aplikasi pertamamu dalam waktu singkat!
Komponen Utama App Inventor 2
Untuk membuat aplikasi, kita akan bekerja di dua tempat utama: Designer View dan Blocks Editor. Keduanya punya tugas berbeda tapi saling berhubungan.
● Designer View (Halaman Desain): Anggap saja ini adalah tempat kamu menghias tampilan aplikasi. Di sinilah kamu menentukan semua yang akan dilihat oleh pengguna. Di dalam halaman ini, ada beberapa bagian penting:
Proses Dasar Pengembangan Aplikasi
Membuat aplikasi dengan App Inventor pada dasarnya hanya mengulang tiga langkah mudah ini :
1. Desain Tampilan (di Designer): Pertama, kamu rancang dulu bagaimana tampilan aplikasi nanti. Ambil komponen dari Palette, tata di Viewer, lalu atur warnanya di Properties.
2. Atur Logika (di Blocks Editor): Setelah tampilannya bagus, pindah ke Blocks Editor. Di sini kamu susun balok-balok perintahnya. Misalnya: "Kalau Tombol1 ditekan, maka mainkan Suara1".
3. Uji Coba Aplikasi (Testing): Bagian paling seru! Kamu bisa langsung mencoba aplikasi di HP Android. Cukup hubungkan HP-mu menggunakan aplikasi MIT AI2 Companion. Semua perubahan yang kamu buat akan langsung terlihat di HP. Jadi, kalau ada yang salah, kamu bisa langsung memperbaikinya.
Contoh Kasus atau Ilustrasi
Mari kita coba langsung membuat aplikasi pertama kita yang sangat sederhana. Ikuti langkah-langkah berikut ini untuk berkenalan langsung dengan App Inventor.
Kasus 1: Membuka App Inventor 2
Langkah pertama adalah membuka "pintu" menuju studio pembuatan aplikasi kita.
Setiap aplikasi yang kita buat disebut sebagai "proyek". Yuk, kita buat proyek pertama kita!
Sekarang kita akan mulai "menghias" aplikasi kita. Kita akan menambahkan sebuah tulisan (Label) dan sebuah tombol (Button).
Tulisan "Text for Label1" dan "Text for Button1" terlihat kurang menarik. Mari kita ubah tulisannya.
Komponen Utama App Inventor 2
Untuk membuat aplikasi, kita akan bekerja di dua tempat utama: Designer View dan Blocks Editor. Keduanya punya tugas berbeda tapi saling berhubungan.
● Designer View (Halaman Desain): Anggap saja ini adalah tempat kamu menghias tampilan aplikasi. Di sinilah kamu menentukan semua yang akan dilihat oleh pengguna. Di dalam halaman ini, ada beberapa bagian penting:
- Components Palette (Palet Komponen): Ini seperti kotak mainanmu. Isinya ada banyak sekali "barang" yang bisa kamu pasang di aplikasi, misalnya Tombol (Button), Tulisan (Label), dan Gambar (Image).
- Viewer (Layar Tampilan): Ini adalah tiruan layar HP-mu. Kamu akan menyeret "barang" dari Palet Komponen kesini untuk menata tampilannya.
- Components List (Daftar Komponen): Bagian ini menunjukkan daftar semua "barang" yang sudah kamu pakai di aplikasimu. Kamu bisa memilih, mengganti nama, atau menghapusnya dari sini.
- Properties Panel (Panel Pengaturan): Kalau kamu memilih salah satu "barang" (misalnya sebuah tombol), di sini kamu bisa mengubah pengaturannya. Mau ganti warna, ukuran, atau tulisannya? Semua bisa diatur di sini.
- Media: Ini adalah tempat untuk meng-upload file gambar atau suara dari komputer kamu untuk dipakai di dalam aplikasi.
Proses Dasar Pengembangan Aplikasi
Membuat aplikasi dengan App Inventor pada dasarnya hanya mengulang tiga langkah mudah ini :
1. Desain Tampilan (di Designer): Pertama, kamu rancang dulu bagaimana tampilan aplikasi nanti. Ambil komponen dari Palette, tata di Viewer, lalu atur warnanya di Properties.
2. Atur Logika (di Blocks Editor): Setelah tampilannya bagus, pindah ke Blocks Editor. Di sini kamu susun balok-balok perintahnya. Misalnya: "Kalau Tombol1 ditekan, maka mainkan Suara1".
3. Uji Coba Aplikasi (Testing): Bagian paling seru! Kamu bisa langsung mencoba aplikasi di HP Android. Cukup hubungkan HP-mu menggunakan aplikasi MIT AI2 Companion. Semua perubahan yang kamu buat akan langsung terlihat di HP. Jadi, kalau ada yang salah, kamu bisa langsung memperbaikinya.
Contoh Kasus atau Ilustrasi
Mari kita coba langsung membuat aplikasi pertama kita yang sangat sederhana. Ikuti langkah-langkah berikut ini untuk berkenalan langsung dengan App Inventor.
Kasus 1: Membuka App Inventor 2
Langkah pertama adalah membuka "pintu" menuju studio pembuatan aplikasi kita.
- Buka browser di komputer (seperti Google Chrome, Mozilla Firefox, atau lainnya).
- Ketik alamat situs App Inventor di bagian atas browser: ai2.appinventor.mit.edu lalu tekan Enter.
- Kamu akan diminta untuk masuk menggunakan akun Google. Jika sudah login, kamu mungkin bisa langsung masuk. Jika belum, masukkan email dan password Google-mu.
- Saat pertama kali masuk, mungkin akan muncul permintaan izin. Klik saja "Allow" (Izinkan). Setelah itu, setujui persyaratan layanan (Terms of Service) yang muncul. Selamat.
- Setelah itu kamu akan diminta mengisi survey. Klik saja “Student”. Selamat, kamu sudah berhasil masuk ke App Inventor!
Setiap aplikasi yang kita buat disebut sebagai "proyek". Yuk, kita buat proyek pertama kita!
- Di halaman utama App Inventor, cari dan klik tombol "Start new project" (Mulai proyek baru) yang ada di bagian kiri atas.
- Akan muncul sebuah kotak kecil yang memintamu memberi nama untuk proyek ini. Ketik nama proyekmu, misalnya "Coba".
- Penting: Nama proyek tidak boleh menggunakan spasi. Jika ingin memisahkan kata, gunakan garis bawah (_) atau sambungkan saja katanya.
- Klik "OK". Secara otomatis, kamu akan dibawa ke halaman kerja proyek barumu.
Sekarang kita akan mulai "menghias" aplikasi kita. Kita akan menambahkan sebuah tulisan (Label) dan sebuah tombol (Button).
- Lihat ke panel Palette di sebelah kiri. Di bawah kategori User Interface, kamu akan menemukan banyak komponen.
- Klik pada komponen Label, tahan, lalu seret (drag) ke tengah layar di bagian Viewer. Lepaskan klik-mu. Sekarang kamu punya sebuah Label di aplikasimu!
- Lakukan hal yang sama untuk komponen Button. Klik, tahan, dan seret ke bawah Label yang sudah kamu buat tadi.
Tulisan "Text for Label1" dan "Text for Button1" terlihat kurang menarik. Mari kita ubah tulisannya.
- Di area Viewer atau di Components List, klik pada komponen Label1 untuk memilihnya.
- Sekarang, lihat ke Properties Panel di sebelah kanan. Geser ke bawah sampai kamu menemukan properti bernama "Text".
- Hapus tulisan "Text for Label1" dan ganti dengan "Selamat Datang!". Tekan Enter. Lihat, tulisan di layar aplikasimu langsung berubah!
- Sekarang, lakukan hal yang sama untuk Button1. Klik Button1, cari properti "Text" di panel Properties, lalu ganti tulisannya menjadi "Tekan Aku!".
Kasus 5: Menyimpan Proyek
Jangan lupa untuk selalu menyimpan hasil kerjamu.
Fakta Menarik / Fun Fact
● Dari Raksasa Teknologi ke Universitas Hebat! Tahukah kamu? App Inventor pada awalnya dikembangkan oleh Google, lho! Setelah itu, proyek ini diserahkan kepada Massachusetts Institute of Technology (MIT), salah satu universitas teknologi terbaik di dunia, untuk dikelola dan dikembangkan lebih lanjut. Ini menunjukkan betapa hebatnya platform ini, karena dibuat oleh raksasa teknologi dan sekarang dirawat oleh pusat pendidikan terkemuka.
● Jutaan Aplikasi di Seluruh Dunia! Kamu tidak sendirian! App Inventor digunakan oleh jutaan orang dari hampir 200 negara untuk membuat aplikasi mereka sendiri. Total sudah ada lebih dari 115 juta aplikasi yang dibuat menggunakan App Inventor. Bahkan, banyak dari aplikasi tersebut yang cukup bagus untuk diterbitkan secara resmi di Google Play Store, sama seperti aplikasi-aplikasi terkenal yang kamu gunakan sehari-hari!
Tips Belajar atau Tips Cepat Menghafal
Agar tidak bingung saat membuat aplikasi, ingat dua hal utama ini:
● Ingat: "Desain di Designer, atur perilaku di Blocks." Ini adalah aturan paling dasar di App Inventor. Pikirkan seperti membangun robot:
Jangan lupa untuk selalu menyimpan hasil kerjamu.
- Lihat ke menu bar di bagian atas layar.
- Klik menu "Projects".
- Pilih opsi "Save project". Proyekmu sekarang sudah aman tersimpan di akun App Inventor-mu.
Fakta Menarik / Fun Fact
● Dari Raksasa Teknologi ke Universitas Hebat! Tahukah kamu? App Inventor pada awalnya dikembangkan oleh Google, lho! Setelah itu, proyek ini diserahkan kepada Massachusetts Institute of Technology (MIT), salah satu universitas teknologi terbaik di dunia, untuk dikelola dan dikembangkan lebih lanjut. Ini menunjukkan betapa hebatnya platform ini, karena dibuat oleh raksasa teknologi dan sekarang dirawat oleh pusat pendidikan terkemuka.
● Jutaan Aplikasi di Seluruh Dunia! Kamu tidak sendirian! App Inventor digunakan oleh jutaan orang dari hampir 200 negara untuk membuat aplikasi mereka sendiri. Total sudah ada lebih dari 115 juta aplikasi yang dibuat menggunakan App Inventor. Bahkan, banyak dari aplikasi tersebut yang cukup bagus untuk diterbitkan secara resmi di Google Play Store, sama seperti aplikasi-aplikasi terkenal yang kamu gunakan sehari-hari!
Tips Belajar atau Tips Cepat Menghafal
Agar tidak bingung saat membuat aplikasi, ingat dua hal utama ini:
● Ingat: "Desain di Designer, atur perilaku di Blocks." Ini adalah aturan paling dasar di App Inventor. Pikirkan seperti membangun robot:
- Designer adalah tempat kamu merakit "tubuh" robot. Kamu merancang tampilannya, menaruh tombol, gambar, dan tulisan agar terlihat keren.
- Blocks adalah tempat kamu memprogram "otak" robot. Kamu menyusun balok-balok perintah untuk menentukan apa yang akan dilakukan robot itu saat tombolnya ditekan.