Cara Membangun Aplikasi Papan Suara Anda Sendiri Dengan Penemu Aplikasi Android

Sep 2, 2025
Cloud dan Internet
KONTEN TIDAK CACHED

Hari ini kami akan menunjukkan kepada Anda cara menggunakan alat Inventor Aplikasi Android untuk membuat aplikasi Android Anda sendiri, tanpa harus menulis banyak kode yang rumit. Ini adalah proses yang sangat sederhana yang hanya membutuhkan beberapa menyeret dan melepaskan.

Papan suara adalah salah satu aplikasi paling sederhana untuk dibuat menggunakan App Inventor, jadi hari ini kami akan menunjukkan cara mulai membuat aplikasi Anda sendiri.

Artikel tamu ini ditulis oleh Mitch Bartlett dari Technipages , di mana ia membahas banyak tips tentang ponsel cerdas yang mendalam.

Menginstal dan Menggunakan App Inventor untuk Membuat Aplikasi

Pertama, Anda harus memastikan bahwa Anda menginstal Java 1.6 atau yang lebih tinggi. Anda dapat mendownloadnya di http://www.java.com . Setelah Anda selesai melakukannya, instal App Inventor menggunakan petunjuk untuk sistem operasi Anda.

  • Mac OS X
  • GNU/Linux
  • Windows

Kunjungi bagian Proyek Saya di situs App Inventor. Masuk dan setujui persyaratan layanan jika diminta. Pilih tombol Baru untuk memulai aplikasi baru.

Beri aplikasi Anda nama yang unik, lalu klik OK.

Penampil App Inventor akan muncul. Layar ini menunjukkan seperti apa tampilan aplikasi Anda saat Anda membuatnya. Pertama-tama kami ingin membuat judul untuk layar ini. Di atas panel Komponen, Layar1 harus dipilih. Di bawah bagian Properties, kita dapat mengubah field Judul menjadi nama aplikasi kita.

Sekarang kita bisa mulai mengatur item di layar. Kami akan membuat kolom dan baris untuk tombol papan suara kami. Kita bisa melakukan ini dengan memilih Screen Arrangement pada Palette dan menyeret item TableArrangement ke Viewer.

Setel Properti untuk komponen TableArrangement1 di panel Properti. Di sini, kami akan mengubahnya menjadi 3 kolom dan 3 baris.

Kami membutuhkan komponen untuk memainkan suara kami. Pilih Media di Palette, dan seret komponen Player ke Viewer. Ini akan muncul sebagai Player1 di bagian Komponen yang tidak terlihat.

Mari tambahkan beberapa suara ke proyek kita. App Inventor akan mendukung file MP3 atau WAV yang berukuran di bawah 3MB. Kami menambahkannya ke proyek kami dengan memilih komponen Player1, lalu memilih bidang Sumber. Klik tombol Add… dan pilih Browse… untuk mengupload file suara dari PC Anda. Ulangi langkah-langkah ini untuk menambahkan beberapa suara.

Tambahkan tombol untuk setiap suara dengan memilih Palet Dasar dan menyeretnya ke kotak TableArrangement1 di Viewer. Anda akan dapat menempatkan setiap tombol dalam baris dan kolom tertentu.

Pilih setiap tombol di area Komponen dan ubah bidang Teks untuk mewakili suara yang akan mereka mainkan.

Kami selesai dengan layar Penampil. Seperti inilah tampilan aplikasi kami saat ini.

Saatnya mengontrol perilaku item di layar. Klik Buka Editor Blok untuk memulai. Pilih untuk membuka file atau berikan akses jika diminta.

Klik tab Blok Saya. Pilih Button1 dan seret kotak "Button1.Click" ke sisi kanan layar. Lakukan ini untuk setiap tombol yang telah Anda tambahkan ke aplikasi Anda (Tombol2, Tombol3, dll.)

Pilih Player1 di bawah tab My Blocks dan seret blok "Player1.Source" ke blok "Button1.Click". Blok harus terhubung ke tempatnya. Tambahkan blok "Player1.Source" ke setiap blok klik tombol lainnya juga (Button2.Click, Button3.Click, dll.)

Klik tab Built-In dan pilih Text. Seret blok "teks" ke kanan dan hubungkan ke blok "Player1.Source".

Kotak "teks" akan mengontrol suara mana yang dimainkan. Klik teks di blok dan ubah agar sesuai dengan nama file suara untuk Button1. Dalam contoh kami, Button1 adalah "Punch", jadi kami menyetel teks ke Punch.mp3.

Seret kotak "teks" ke setiap blok "Player1.Source" dan ubah masing-masing agar cocok dengan nama suara untuk setiap tombol.

Sekarang setelah suara diatur untuk setiap tombol, kita hanya perlu memberi tahu aplikasi kita untuk memutar suara setiap kali kita mengklik tombol. Untuk melakukan itu, klik tab Blok Saya dan pilih Player1. Seret blok "Player1.Start" ke "Button1.Click". Ulangi langkah-langkah ini untuk setiap blok peristiwa klik tombol.

Kamu sudah selesai! Anda telah membuat aplikasi papan suara yang berfungsi penuh. Lihat aplikasi beraksi dengan melakukan salah satu dari berikut ini:

  • Uji aplikasi pada perangkat Android Anda dengan mengaktifkan USB Debugging pada perangkat di bawah Pengaturan> Aplikasi> Pengembangan dan menghubungkannya ke komputer Anda. Anda kemudian dapat mengklik tombol Connect to Device… di Editor Blok untuk menampilkan aplikasi pada perangkat.
  • Instal Android SDK dan klik tombol Emulator baru untuk melihatnya di komputer Anda dalam layar emulator.
  • Klik opsi Paket untuk Telepon di layar App Inventor. Kemudian Anda dapat Menampilkan Kode Batang, Mengunduh aplikasi ke komputer sebagai file APK, atau mengunduh ke ponsel yang terhubung.

Nikmati aplikasi papan suara yang disesuaikan di perangkat Android Anda.

Ada banyak aplikasi yang dapat Anda buat dengan alat ini — apa yang akan Anda buat?

App Inventor Tutorial: How-To Build Soundboard Android App

How To Build Soundboard App

App Inventor Soundboard

MIT App Inventor Soundboard App

MIT App Inventor Soundboard 2.0

How To Create An Android App With The MIT App Inventor

Play Audio In An Android App Using App Inventor

Adding Sounds To An App Inventor App

Learn To Build Android Apps With MIT App Inventor 2 EP#2 (Buttons & Sound's)

Unit 2.7 Soundboard App

MIT App Inventor Game Tutorial | Spooky Sounds App | How To Make A Soundboard App

MIT App Inventor: Creativity Project (Original Soundboard):

Text To Speech App Inventor App Tutorial

How To Make Piano App In Mit App Inventor

App Inventor: How To Add Sound Effects

First App Inventor App: Sound Board Tutorial

MIT App Inventor # Animal Sound App Using MIT App Inventor

How To Make Educational Animals Sounds App In Mit App Inventor

How To Add A Sound File In App Inventor Project | MIT App Inventor

MIT App Inventor Tutorial (sound Record, Save, Button)


Cloud dan Internet - Artikel Terpopuler

Cara Menggunakan Latar Belakang Kustom di Gmail

Cloud dan Internet Dec 1, 2024

KONTEN TIDAK CACHED Jika Anda menghabiskan banyak waktu dengan jendela Gmail terbuka seperti saya (terima kasih, fitur Banyak Kotak Masuk!), Anda mungkin menggunakan tema default ..


Cara Mengunduh dan Menyinkronkan Media dari Tampilan Offline Server Media Plex Anda

Cloud dan Internet Apr 25, 2025

Streaming konten dari Server Media Plex Anda bagus, tapi terkadang — seperti saat Anda akan offline atau terjebak dengan kecepatan internet yang tidak stabil saat bepe..


Mengapa Perlu Waktu Lama untuk Mengunggah Data ke Cloud?

Cloud dan Internet Dec 10, 2024

KONTEN TIDAK CACHED Hentikan kami jika Anda pernah mendengar yang ini sebelumnya. Anda ingin mengunggah barang-barang Anda ke Dropbox, tetapi butuh berjam-jam, berhari-hari, atau ..


Gunakan Nirkabel dan Jangan Hubungkan Kabel ke iPhone Anda Lagi

Cloud dan Internet Jan 26, 2025

iPhone dilengkapi dengan kabel yang dapat menghubungkan ponsel Anda ke PC atau Mac, tetapi Anda sebenarnya tidak harus menggunakannya untuk itu. Anda bahkan tidak perlu menggunakan ..


Google+ Sekarang Memungkinkan Orang Mengirim Email kepada Anda; Pelajari Cara Memilih Keluar Di Sini

Cloud dan Internet Jan 10, 2025

Google baru saja mengumumkan fitur baru di mana Google+ bertindak sebagai jembatan antara jaringan sosial dan email pribadi Anda. Siapa pun yang mengikuti Anda di Google+ sekarang d..


Aktifkan Vista Black Style Theme untuk Google Chrome di XP

Cloud dan Internet Sep 4, 2025

Jika Anda pernah melihat tangkapan layar Google Chrome di XP vs Vista, Anda mungkin memperhatikan bahwa antarmuka terlihat sangat berbeda. Jika Anda ingin membuat versi XP Anda menggunakan te..


Sembunyikan Kotak Survei Pencarian Eksperimental Google yang Mengganggu itu (di Firefox)

Cloud dan Internet Apr 16, 2025

Pembaruan: Sepertinya Google menghapus kotak survei sekarang! Tidak butuh waktu lama, saya pasti suka Google. Jika Anda telah memilih salah satu program Pencarian Eksperimen..


Perangkat Lunak Geek: Gunakan DeliCount untuk Mendapatkan Jumlah Bookmark del.icio.us Seluruh Situs

Cloud dan Internet Sep 18, 2025

KONTEN TIDAK CACHED Setelah menulis tentang bagaimana melihat berapa kali artikel telah dibuat di-bookmark di del.icio.us , terpikir oleh saya bahwa akan sangat mudah untuk m..


Kategori