Cara Membangun Aplikasi Soundboard Anda Sendiri Dengan Penemu Aplikasi Android

Daftar Isi:

Cara Membangun Aplikasi Soundboard Anda Sendiri Dengan Penemu Aplikasi Android
Cara Membangun Aplikasi Soundboard Anda Sendiri Dengan Penemu Aplikasi Android

Video: Cara Membangun Aplikasi Soundboard Anda Sendiri Dengan Penemu Aplikasi Android

Video: Cara Membangun Aplikasi Soundboard Anda Sendiri Dengan Penemu Aplikasi Android
Video: Cara Merubah Tampilan File Explorer Windows 10 Sesuai Selera - YouTube 2024, November
Anonim
Hari ini kami akan menunjukkan cara menggunakan alat Inventor Aplikasi Android untuk membuat aplikasi Android Anda sendiri, tanpa harus menulis banyak kode rumit. Ini adalah proses yang sangat sederhana yang hanya membutuhkan beberapa seret dan lepaskan.
Hari ini kami akan menunjukkan cara menggunakan alat Inventor Aplikasi Android untuk membuat aplikasi Android Anda sendiri, tanpa harus menulis banyak kode rumit. Ini adalah proses yang sangat sederhana yang hanya membutuhkan beberapa seret dan lepaskan.

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

Artikel tamu ini ditulis oleh Mitch Bartlett dari Technipages, di mana dia mencakup banyak tips smartphone mendalam.

Menginstal dan Menggunakan Inventor Aplikasi untuk Membuat Aplikasi

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

  • Mac OS X
  • GNU / Linux
  • Windows

Kunjungi bagian Proyek Saya di situs App Inventor. Login dan menyetujui ketentuan layanan jika diminta. Pilih tombol Baru untuk memulai aplikasi baru.

Berikan nama unik pada aplikasi Anda, lalu klik OK.
Berikan nama unik pada aplikasi Anda, lalu klik OK.
Penampil Aplikasi Inventor akan muncul. Layar ini menunjukkan seperti apa aplikasi Anda saat Anda membuatnya. Pertama, kami ingin membuat judul untuk layar ini. Di atas panel Komponen, Layar1 harus dipilih. Di bawah bagian Properties, kita dapat mengubah bidang Judul ke nama aplikasi kita.
Penampil Aplikasi Inventor akan muncul. Layar ini menunjukkan seperti apa aplikasi Anda saat Anda membuatnya. Pertama, kami ingin membuat judul untuk layar ini. Di atas panel Komponen, Layar1 harus dipilih. Di bawah bagian Properties, kita dapat mengubah bidang Judul ke nama aplikasi kita.
Sekarang kita bisa mulai mengatur item di layar. Kami akan membuat kolom dan baris untuk tombol papan suara kami. Kita dapat melakukan ini dengan memilih Pengaturan Layar pada Palet dan menyeret item TableArangement ke Penampil.
Sekarang kita bisa mulai mengatur item di layar. Kami akan membuat kolom dan baris untuk tombol papan suara kami. Kita dapat melakukan ini dengan memilih Pengaturan Layar pada Palet dan menyeret item TableArangement ke Penampil.
Set Properties untuk komponen TableArrangement1 pada panel Properties. Di sini, kita akan mengubahnya menjadi 3 kolom dan 3 baris.
Set Properties untuk komponen TableArrangement1 pada panel Properties. Di sini, kita akan mengubahnya menjadi 3 kolom dan 3 baris.
Kami membutuhkan komponen untuk memutar suara kami. Pilih Media pada Palet, dan seret komponen Pemutar ke Penampil. Ini akan muncul sebagai Player1 di bagian komponen yang tidak terlihat.
Kami membutuhkan komponen untuk memutar suara kami. Pilih Media pada Palet, dan seret komponen Pemutar ke Penampil. Ini akan muncul sebagai Player1 di bagian komponen yang tidak terlihat.
Mari tambahkan beberapa suara ke proyek kami. App Inventor akan mendukung file MP3 atau WAV yang berukuran di bawah 3 MB. Kami menambahkannya ke proyek kami dengan memilih komponen Player1, lalu memilih bidang Sumber. Klik tombol Add… dan pilih Browse… untuk mengunggah file suara dari PC Anda. Ulangi langkah-langkah ini untuk menambahkan beberapa suara.
Mari tambahkan beberapa suara ke proyek kami. App Inventor akan mendukung file MP3 atau WAV yang berukuran di bawah 3 MB. Kami menambahkannya ke proyek kami dengan memilih komponen Player1, lalu memilih bidang Sumber. Klik tombol Add… dan pilih Browse… untuk mengunggah file suara dari PC Anda. Ulangi langkah-langkah ini untuk menambahkan beberapa suara.
Tambahkan tombol untuk setiap suara dengan memilih Palet Dasar dan seret ke kotak TableArrementement1 di Penampil. Anda akan dapat menempatkan setiap tombol dalam baris dan kolom tertentu.
Tambahkan tombol untuk setiap suara dengan memilih Palet Dasar dan seret ke kotak TableArrementement1 di Penampil. Anda akan dapat menempatkan setiap tombol dalam baris dan kolom tertentu.
Pilih setiap tombol di area Komponen dan ubah field Teks untuk mewakili suara yang akan mereka putar.
Pilih setiap tombol di area Komponen dan ubah field Teks untuk mewakili suara yang akan mereka putar.
Kami selesai dengan layar Penampil. Seperti inilah aplikasi kami saat ini.
Kami selesai dengan layar Penampil. Seperti inilah aplikasi kami saat ini.
Saatnya untuk mengontrol perilaku item di layar. Klik Buka Editor Blok untuk memulai. Pilih untuk membuka file atau berikan akses jika diminta.
Saatnya untuk 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.)
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 itu harus terhubung ke tempatnya. Tambahkan blok "Player1.Source" ke masing-masing blok klik tombol lainnya juga (Button2.Click, Button3.Click, dll.)
Pilih Player1 di bawah tab My Blocks dan seret blok "Player1.Source" ke blok "Button1.Click". Blok itu harus terhubung ke tempatnya. Tambahkan blok "Player1.Source" ke masing-masing blok klik tombol lainnya juga (Button2.Click, Button3.Click, dll.)
Klik tab Built-In dan pilih Teks. Seret blok "teks" ke kanan dan hubungkan ke blok "Player1.Source".
Klik tab Built-In dan pilih Teks. Seret blok "teks" ke kanan dan hubungkan ke blok "Player1.Source".
Kotak "teks" akan mengontrol suara yang dimainkan. Klik teks di blok dan ubah untuk mencocokkan nama file suara untuk Button1. Dalam contoh kita, Button1 adalah "Punch", jadi kami mengatur teks ke Punch.mp3.
Kotak "teks" akan mengontrol suara yang dimainkan. Klik teks di blok dan ubah untuk mencocokkan nama file suara untuk Button1. Dalam contoh kita, Button1 adalah "Punch", jadi kami mengatur teks ke Punch.mp3.
Seret kotak "teks" ke setiap blok "Player1.Source" dan ubah masing-masing untuk mencocokkan nama suara untuk setiap tombol.
Seret kotak "teks" ke setiap blok "Player1.Source" dan ubah masing-masing untuk mencocokkan nama suara untuk setiap tombol.
Sekarang setelah suara ditetapkan untuk setiap tombol, kita hanya perlu memberi tahu aplikasi 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 masing-masing tombol klik tombol acara.
Sekarang setelah suara ditetapkan untuk setiap tombol, kita hanya perlu memberi tahu aplikasi 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 masing-masing tombol klik tombol acara.
Kamu sudah selesai! Anda telah membuat aplikasi papan suara yang berfungsi penuh. Lihat aplikasi beraksi dengan melakukan salah satu dari yang berikut:
Kamu sudah selesai! Anda telah membuat aplikasi papan suara yang berfungsi penuh. Lihat aplikasi beraksi dengan melakukan salah satu dari yang berikut:
  • Uji aplikasi pada perangkat Android Anda dengan mengaktifkan USB Debugging pada perangkat di bawah Pengaturan> Aplikasi> Pengembangan dan hubungkan ke komputer Anda. Anda kemudian dapat mengklik tombol Connect to Device… di Editor Blok untuk menampilkan aplikasi pada perangkat.

    Image
    Image
  • Instal SDK Android dan klik tombol emulator Baru untuk melihatnya di komputer Anda di layar emulator.
  • Klik opsi Paket untuk Telepon di layar App Inventor. Kemudian Anda dapat Menampilkan Barcode, Unduh aplikasi ke komputer sebagai file APK, atau unduh ke telepon yang terhubung.

    Image
    Image

Nikmati aplikasi papan suara khusus Anda di perangkat Android Anda.

Direkomendasikan: