HomeAndroidContoh Aplikasi Android Menggunakan App Inventor

Contoh Aplikasi Android Menggunakan App Inventor

Facebook
Twitter
Pinterest
WhatsApp

Contoh Aplikasi Android Menggunakan App Inventor – Pada kesempatan kali ini saya akan menjelaskan bagaimana cara membuat program pendidikan dengan menggunakan App Inventor. Bagi yang belum tahu, App Inventor adalah sebuah website yang menyediakan banyak fungsi untuk membantu pengguna membuat aplikasi Android dengan mudah dan online.

Saat ini perkembangan teknologi sangat pesat, terutama penggunaan teknologi elektronik sebagai sarana pendidikan yang dapat menunjang proses belajar mengajar yang disebut dengan e-learning. E-learning umumnya menggunakan media elektronik seperti komputer, televisi dan radio. Namun, ada perkembangan yang lebih dalam dari e-learning, yaitu pembelajaran melalui telepon. Mobile learning adalah model pembelajaran yang menggunakan aplikasi smartphone untuk proses belajar mengajar.

Contoh Aplikasi Android Menggunakan App Inventor

Program pendidikan adalah alat peraga yang dirancang dalam bentuk program untuk membuat proses belajar mengajar lebih menarik, biasanya dalam bentuk aplikasi web statis atau aplikasi Android.

Membuat Aplikasi Quiz Pilihan Ganda Acak Dengan App Inventor Kodular

Oleh karena itu, banyak orang saat ini menggunakan perangkat lunak pendidikan berbasis Android sebagai alat bantu pengajaran yang efektif karena proses pembelajaran yang mudah dan kendali jarak jauh.

Nah pada pelajaran kali ini saya akan memberikan contoh pembuatan aplikasi edukasi berbasis android menggunakan Inventor, aplikasi pembelajaran identitas hewan berbasis android. Tentu dalam proses pengembangan perangkat lunak didukung oleh pengembang.

Pertama pergi ke situs web App Inventor menggunakan alamat email Google Anda, lalu buat proyek baru dan beri nama apa pun yang Anda inginkan. Bagi Anda yang baru pertama kali menggunakan App Inventor, saya sarankan untuk mempelajari cara membuat aplikasi sederhana terlebih dahulu.

Untuk desain perangkat lunak, Anda dapat melakukannya lebih baik daripada contoh yang saya berikan karena contoh desain ini sangat sederhana. Selama fase desain, saya menggunakan 3 layar: 1 layar, layar beranda, dan layar mulai.

Cara Membangun Aplikasi Papan Suara Anda Sendiri Dengan Penemu Aplikasi Android

Di layar pertama, saya membuat splash page yang hanya menampilkan logo dan deskripsi aplikasi Android Learning. Komponen yang digunakan adalah gambar dan jam. Komponen gambar dapat ditemukan di bagian menu pada palet “UI”, sedangkan komponen jam dapat ditemukan di bagian menu “Sensor” pada palet.

Layar utama memiliki gambar, tombol, dan notifikasi sebagai komponen. Elemen tombol dan alarm dapat ditemukan di bagian “Antarmuka Pengguna” pada palet. Komponen Notifier digunakan untuk menghasilkan notifikasi untuk aplikasi pendidikan.

Terakhir, layar mulai berisi elemen tombol, gambar, suara, dan label. Komponen suara dapat ditemukan di bagian “Media” pada menu palet. Untuk membuat desain berbentuk kotak, saya menggunakan elemen tata letak vertikal dan horizontal.

See also  Cara Membuat Aplikasi Komik Di Android

Kemudian jangan lupa untuk memposting gambar hewan atau data suara Anda ke App Inventor. Lihat gambar di bawah

Android] Membuat Aplikasi Android Dengan App Inventor

Semua data video dan audio berasal dari Internet. Jika Anda ingin menggunakan foto yang Anda ambil, pastikan untuk mengompresnya sebelum memposting.

Aplikasi dirancang untuk berfungsi sebagai aplikasi yang dibuat. Aplikasi di App Inventor didasarkan pada blok visual yang dapat dengan mudah diseret dan dilepas selama proses pengkodean aplikasi. Berikut ini adalah kode programnya:

Blok aplikasi di atas diimplementasikan di Screen1. Menjelaskan program “Saat layar 1 diinisialisasi” artinya saat pertama kali program dimulai, apa yang harus dilakukan terlebih dahulu? Nah, saya selesaikan dalam 2300 atau 2,3 ​​detik dengan mengeksekusi perintah timer / pengatur waktu pada komponen jam.

Kemudian ketika komponen timer sedang berjalan, set komponen “Turn on timer” ke false agar timer tidak restart, dan ketika timer mencapai 2,3 detik, secara otomatis akan masuk ke layar beranda. .

Cara Mudah Membuat Aplikasi Android Media Pembelajaran

Kemudian pada aplikasi “When Screen1 BackPressed the app closes”, artinya ketika pengguna menekan tombol kembali pada smartphone, pengguna keluar dari aplikasi.

Blok aplikasi di atas berlaku untuk layar utama. Setelah menekan tombol keluar dan tombol kembali pada smartphone, akan muncul notifikasi untuk meyakinkan pengguna bahwa mereka benar-benar ingin keluar dari kursus.

Selain itu, saat pengguna mengklik “Ya”, pengguna akan keluar dari aplikasi, sebaliknya jika pengguna mengklik “Tidak”, pengguna akan tetap berada di dalam aplikasi. Sekarang ketika Anda mengklik tombol mulai, pengguna akan pergi ke layar mulai.

Untuk kode program di atas diterapkan ke layar mulai. Mengenai penjelasan aplikasi di atas, saat “Start Screen” pertama kali dibuka, maka akan mengatur “Left Button” agar tidak muncul dan kemudian memanggil fungsi Start.

Cara Membuat Aplikasi Android Dengan App Inventor

Saat fungsi “Start” diaktifkan, maka akan menampilkan data, gambar, suara dan penjelasan pada layar smartphone. Data dibuat sebagai daftar dalam fungsi data yang memudahkan proses pemanggilan data.

“Tombol Kiri” dan “Tombol Kanan” beroperasi seperti sebelumnya dan selanjutnya untuk menampilkan konten pengantar hewan. Saat Anda mengklik tombol “Suara”, program akan menghasilkan suara hewan. Setelah itu, menekan tombol “Kembali” akan membawa Anda kembali ke halaman utama, yaitu layar beranda.

Setelah proses pengkodean selesai, langkah selanjutnya adalah mengubah proyek Anda menjadi aplikasi dengan mengklik “Bangun” lalu pilih “Unduh sebagai Aplikasi”.

Untuk dokumen Learning App AIA, saya sertakan sebagai sumber belajar bagi yang ingin mencoba kurikulum dengan App Inventor. Berikut cara membuat eBook Android dengan App Inventor. E-book atau e-book kini banyak beredar di Google Play, ada yang berbayar dan ada juga yang gratis. Jika Anda memiliki hasrat untuk menulis atau menerbitkan buku Anda sendiri, cobalah mengubahnya menjadi format digital atau e-book yang dapat Anda jual di Google Play.

See also  Download Bbm Android Versi Baru

Aplikasi Android Tanpa Coding

Ada banyak aplikasi berbayar dan gratis di internet untuk membuat ebook android ini, namun kali ini saya ingin berbagi cara membuat ebook android yang sangat mudah bisa dilengkapi dengan gambar, gambar atau foto.

2. Pengetahuan dasar koding HTML dan CSS (jangan khawatir, scriptnya sudah saya buat jadi anda tinggal copy saja)

Pertama-tama artikel atau script mendapatkan script HTML dan CSS, baca lagi caranya : Cara membuat teks website menggunakan HTML dan CSS. Simpan file ini dengan ekstensi .html di dalam folder khusus yang berisi file gambar/foto agar mudah diambil kembali. Misalnya pada e-book “Raport Prakerin-PKL” saya bagi menjadi 5 file html:

Langkah pertama membuat cover eBook sudah saya ulas pada postingan Cara membuat cover eBook di Android menggunakan aplikasi Creator silahkan baca kembali.

Langkah Mudah Pemrograman Android Menggunakan App Inventor 2 Ultimate

Untuk navigasi kita buat dulu app bar nya (baca lagi cara membuat app bar android dengan App Inventor) jadi saat kita sentuh icon back (panah kiri atau ” “). Kita bisa pergi ke halaman sebelumnya atau berikutnya. .

“Daftar Isi” Di bawah bilah aplikasi kami akan membuat daftar isi dengan tombol yang jika disentuh akan membawa Anda langsung ke halaman yang sesuai. Di depan kita

Kami kemudian akan membuat halaman untuk instruksi pada satu layar, dan kami juga akan membuat bilah aplikasi baru yang disebut Bab 1.

Oleh karena itu, dalam propertinya, daftar isi dan bilah aplikasi dari daftar isi tidak terlihat. Jadi kita bisa membuat tata letak untuk bilah aplikasi Bab I dan halaman navigasi pada satu layar.

Jasa Pembuatan Aplikasi Android Dengan Kodular

Di browser kosong ini, kita mulai membuat bar Bab 1 lagi (prosesnya sama dengan membuat daftar isi bar tabel, hanya tag yang berubah menjadi “Bab 1”).

Untuk membuat halaman lain, Ikhtisar Bab II dan Bilah Prosesor adalah sama. (Dalam pelajaran ini, saya hanya membuat halaman sampul, daftar isi, halaman pengantar, dan halaman deskripsi umum.)

Untuk menampilkan teks HTML dan gambar/gambar di eBook Android ini sebagai layar web, kita memerlukan ekstensi WebViewer bernama TaifunTools.aix yang dapat diunduh dari Bantuan> Ekstensi atau dicari di Google. Untuk kemudahan, silakan unduh di sini. Bagaimana cara menambahkan ekstensi

Kode blok pada layar 1 digunakan untuk mengaktifkan layar 1 dan tombol “baca”, jadi saat berjalan di emulator atau ponsel, komponen yang diinginkan akan muncul di layar 1 dan saat Anda menyentuh tombol baca layar akan masuk ke Layar 2 secara otomatis untuk membuka daftar isi.

See also  Cara Melihat View Source Di Android

Perancangan Media Pembelajaran Sejarah Menggunakan Mit App Inventor Berbasis Android Di Smk N 2 Panyabungan

Pada layar pertama, klik menu Blocks di sebelah kanan untuk menampilkan kolom Blocks and Browser Editor. Jika Anda mengklik komponen di kolom blok di sebelah kiri, sekumpulan blok perintah akan muncul, dan jika diklik atau diseret, blok tersebut akan dipindahkan dan ditempelkan ke editor blok kanan.

Berdasarkan UI/UX di atas, setelah menjalankan aplikasi, layar pertama (Screen1) akan muncul dengan penutup dan tombol baca. Karena penutup (

Klik pada teks, pilih blok teratas yang ditandai dengan “…”, masukkan nama layar yang diinginkan di antara tanda kutip, dalam hal ini “Layar 2”.

Pilih untuk memanggil blok TaifunTools1. Tambahkan blok “…” dari komponen teks PathToAssets, lalu masukkan nama file bab1penpendalaman.html yang Anda buat tadi.

Pdf) Rancang Aplikasi Android Pengendali Mobil Dan Kamera Menggunakan App Inventor

Pilih kumpulan blok vaBAB2. Terlihat untuk ditautkan ke blok palsu serta tata letak lainnya (hanya tata letak BAB1 yang terlihat).

“…” untuk mengisi kekosongan. Sebelumnya, kita harus mengunggah file html yang dihasilkan (chapter1pendalaman.html, bab2uraian.html, dll.) serta file foto / gambar yang terkait dengan file html (kantorpr.jpg, quarkxpress.jpg, dll.).

Karena ada lima tombol, Anda perlu membuat kode perintah push untuk setiap tombol (saya hanya membuat dua tombol dalam tutorial ini). Untuk kenyamanan, salin dengan mengklik kanan komponen saat btn adalah Bab 1. Dengan cara klik > Duplicate, ubah btn Chapter 1 menjadi btn Chapter 2, dst.

Mengklik btnNextDI akan menampilkan halaman setelah daftar isi, mis. Halaman Bab (Sama seperti btnBab1. Klik)

Properti Tabel Dinamis App Inventor Dengan Webviewer

Saat diklik, btnBack1 akan menampilkan halaman sebelum Bab 1, yaitu daftar isi (sama seperti layar 2 .Inisialisasi)

Ketika Anda menekan btnNext1, maka akan muncul halaman setelah Bab 1, yaitu halaman 2 (seperti yang Anda klik ketika Anda mengklik btnBab2) Berikut adalah hasil dari pertanyaan ini. aplikasi berbasis Android.

Terkadang saat menilai kemampuan siswa dalam memahami pelajaran yang diajarkan

Contoh aplikasi app inventor, mit app inventor android, cara membuat aplikasi android dengan mit app inventor 2, ai2 app inventor, membuat aplikasi dengan app inventor, membuat aplikasi android tanpa coding dengan app inventor, mit app inventor 2, contoh aplikasi mit app inventor, cara membuat aplikasi menggunakan mit app inventor, app inventor android, cara menggunakan mit app inventor, aplikasi app inventor

Facebook
Twitter
Pinterest
WhatsApp
RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments