Assalamualikum Wr.Wb
Disini Saya Akan Mengshare Tutorial Membuat Musik Player Menggunakan Appinventor
Sebelumnya kita harus tahu apa appinventor itu yaitu sebuah tool untuk membuat aplikasi aplikasi android karena berbasis visual block programming jadi kita bisa membuat aplikasi tanpa kode satupun karena kita akan melihat, menggunakan, menyusun, dan drag-drops saja.
seperti contoh gambar dibawah ini.
Setelah itu kita login menggunakan akun Gmail seperti contoh gambar di bawah ini.
Setelah itu pilih menu "Project" lalu pilih tombol "Start new project" misalnya "Project name" kita beri "MusikPlayer" lalu klik Ok. seperti contoh gambar dibawah ini.
Setelah itu akan muncul tampilan halaman design dari MusikPlayer Appinventor. Seperti contoh gambar dibawah ini.
Setelah itu kita akan membuat tombol caranya dengan pilih "Palette" < "User Interface" lalu klik "Button" drag ke halaman project kemudian posisikan tombolnya di tengah dengan cara ubah "AlignHorizontal" & "AlignVertical ke Center".
Setelah itu kita rename tombol "Button1" menjadi "BttnPlay" lalu klik "Ok" dan "Text for Button1" rename menjadi "Play" seperti contoh gambar di bawah ini.
Selanjutnya kita akan mengubah tampilan Background pada menu "Properties" dengan pilih "BackgroundImag"e lalu "upload gambar" yang di inginkan lalu klik "Ok" seperti contoh gambar di bawah ini/
Selanjutnya kita akan membuat MusikPlayer dengan pilih Media < Player lalu upload file pada kolom "source" seperti contoh gambar di bawah ini.
Agar aplikasi Musik player ini dapat bekerja maka perlu ditambahkan pada Button dan Playernya lalu masuk ke tampilan Block. seperti contoh gambar di bawah ini.
Selanjutnya lakukan program berdasarkan logika logika yg di ingin kan seperti contoh gambar berikut ini.
Klik BttnPlay kemudian drag action when BttnPlay Click do
kemudian klik Player1 kemudian drag action call Player1 Start
lalu BttnStop kemudian drag action Set BttnStop Visible to drag action Logic true
lalu BttnPlay kemudian drag action Set BttnPlay Visible to drag action Logic false
Klik BttnStop kemudian drag action when BttnStop LongClick do
kemudian klik Player1 kemudian drag action call Player1 Pause
lalu BttnPlay kemudian drag action Set BttnPlay Visible to drag action Logic true
lalu BttnStopkemudian drag action Set BttnStop Visible to drag action Logic false
berikut adalah tampilan semua gambar yang di drag, seperti contoh dibwah ini.
setelah itu kembali ke "Designer" lalu save Project. Kemudaian jadikan project tersebut menjadi sebuah file apk dengan cara klik Build lalu save apk to my computer kemudian kirim file apk tadi ke smartphone android,install lalu jalankan. atau bisa juga clik Connect lalu klik Al companion kemudian scan barcode menggunakan smartphone android yang sudah di install aplikasi MiT Appinventor lalu connectkan.
Demikian Tutorial Membuat Musik Player Menggunakan Appinventor semoga bermanfaat
Wassalamualaikum Wr.Wb
0 komentar:
Posting Komentar