Membuat Aplikasi Mobile Music Player berbasis Android...

11
Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org Membuat Aplikasi Mobile Music Player berbasis Android dengan MIT AI2 Tri Agustini [email protected] Abstrak Android merupakan salah satu sistem operasi yang digunakan untuk perangkat mobile. Android banyak diminati oleh masyakat karena sistemnya yang open source, selain itu Android juga menyedikan berbagai aplikasi yang mudah didapatkan oleh penggunanya. Salah satunya adalah aplikasi pemutar musik, karena pengguna dapat menentukan audio apa yang akan didengarkan sesuai dengan keinginannya. Dengan aplikasi tersebut, pengguna juga dapat menentukan berapakali audio itu akan diputar secara berulang, acak, ataupun berurutan sesuai dengan urutan pada penyimpanan audio yang ada pada smartphone. Android juga menyediakan akun yang dapat digunakan oleh pencipta aplikasi baru maupun pengembang aplikasi yang sudah ada, baik dari pemula ataupun yang sudah mahir. Banyak software aplikasi yang dapat digunakan untuk pembuatan aplikasi berbasis android, misalnya Eclipse, Android Studio, MIT AI2 dan lain sebagainya. Dari beberapa software tersebut, MIT AI2 adalah salah satu software yang memudahkan untuk pemula dalam belajar pembuatan aplikasi berbasis Android dan langsung dapat digunakan pada smartphone Android. Kata Kunci: Android, Pemutar Musik, MIT AI2 Pendahuluan Seiring dengan perkembangan teknologi saat ini, perangkat mobile merupakan salah satu perangkat yang diminati oleh masyarakat. Selain bentuknya yang kecil sehingga mudah

Transcript of Membuat Aplikasi Mobile Music Player berbasis Android...

Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Membuat Aplikasi Mobile Music Player berbasis Android

dengan MIT AI2

Tri Agustini

[email protected]

Abstrak

Android merupakan salah satu sistem operasi yang digunakan untuk perangkat mobile.

Android banyak diminati oleh masyakat karena sistemnya yang open source, selain itu

Android juga menyedikan berbagai aplikasi yang mudah didapatkan oleh penggunanya.

Salah satunya adalah aplikasi pemutar musik, karena pengguna dapat menentukan audio

apa yang akan didengarkan sesuai dengan keinginannya. Dengan aplikasi tersebut,

pengguna juga dapat menentukan berapakali audio itu akan diputar secara berulang, acak,

ataupun berurutan sesuai dengan urutan pada penyimpanan audio yang ada pada

smartphone. Android juga menyediakan akun yang dapat digunakan oleh pencipta

aplikasi baru maupun pengembang aplikasi yang sudah ada, baik dari pemula ataupun

yang sudah mahir. Banyak software aplikasi yang dapat digunakan untuk pembuatan

aplikasi berbasis android, misalnya Eclipse, Android Studio, MIT AI2 dan lain

sebagainya. Dari beberapa software tersebut, MIT AI2 adalah salah satu software yang

memudahkan untuk pemula dalam belajar pembuatan aplikasi berbasis Android dan

langsung dapat digunakan pada smartphone Android.

Kata Kunci: Android, Pemutar Musik, MIT AI2

Pendahuluan

Seiring dengan perkembangan teknologi saat ini, perangkat mobile merupakan salah satu

perangkat yang diminati oleh masyarakat. Selain bentuknya yang kecil sehingga mudah

Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

dibawa, mobile juga menyediakan aplikasi yang dapat membantu penggunanya dalam

melakukan kegiatan sehari-hari, baik online maupun offline. Sistem operasi perangkat

mobile yang sudah berkembang dimasyarakat sangat banyak sekali, seperti iOS, Android,

Symbian, Blackberry dan masih banyak lagi. Dari banyaknya OS yang mendukung untuk

mobile, Android merupakan salah satu yang diminati oleh masyarakat.

Sebagai seseorang yang berada pada era teknologi saat ini, tentunya memiliki keinginan

untuk membuat aplikasi sendiri. Namun, banyak dari sekali yang merasa tidak percaya

diri untuk membuat aplikasi mobile sendiri karena software yang digunakan

membutuhkan penyimpanan yang cukup besar dan prosessor tertentu untuk dapat

mengintall software tersebut. Padahal ada situs online yang dapat digunakan untuk

pembuatan aplikasi berbasis android, khususnya untuk pemula.

Tujuan saya kali ini adalah untuk berbagi sedikit ilmu yang telah saya pelajari dalam

pembuatan aplikasi Android Music Player melaui MIT AI2, agar memberikan semangat

baru untuk belajar mebuat aplikasi berbasis Android, khususnya untuk teman-teman

pemula.

Pembahasan

MIT AI2 atau MIT App Inventor 2 adalah aplikasi berbasis web yang dikembangkan oleh

Google dan saat ini dikelola oleh Massachusetts Institute of Technology (MIT). App

Inventor ini digunakan untuk menciptakan aplikasi baru bagi sistem android.

Untuk kesempatan pertama ini kita akan belajar membuat aplikasi berbasis Android yaitu

Aplikasi Pemutar Musik, berikut langkah-langkahnya.

1. Buka situs http://ai2.appinventor.mit.edu/ pada brower.

2. Masukan Email dan password

Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Kenapa harus menggunakan akun ? agar nanti project yang telah kita rancang

ataupun yang sudah jadi,tersimpan dalam akun kita.

3. Klik “ I accept the terms of sevice! “

4. Maka akan masuk kedalam halaman home MIT AI2, dan akan muncul kotak

dialog seperti berikut :

Saya pilih “Take Survey Letter”, karena hanya untuk menghilangkan dialog box

tersebut selama proses pembuatan projek.

5. Selanjutnya Pilih Project > Start new project

Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

6. Akan muncul kotak dialog seperti gambar berikut, isikan nama dengan nama

“Music Player”

7. Double klik pada project yang baru saja kita buat sesuai dengan namanya

Maka akan muncul pada design layar seperti berikut :

Disini adalah tempat dimana kita akan mendesain aplikasi mobile yang akan buat.

8. Drag Image ke dalam layar, kemudian pada komponen klik image1, pada

properties pilih background image, kemudian upload gambar dari komputer,

setelah upload setting height menjadi automatic.

Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

9. Pilih layout yang ada pada palette, kemudian drag horizontalArrangement.

HorizontalArrangement digunakan untuk menempatkan tombol-tombol yang

akan kita gunakan.

Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

10. Langkah selanjutnya adalah menambahkan tombol. Drag button 4x pada user

interface, kemudian ganti gambar sesuai dengan fungsinya, dengan cara klik

button pada lembar kerja, kemudian pada properties pilih background lalu upload.

11. Selanjutnya rename nama button agar memudahkan saat memasukkan fungsi

didalamnya.

Caranya klik button1 pada components, klik new name menjadi “btnopen” lalu

klik ok. Begitu dengan button yang lain, berikut daftarnya :

Button1 : btnopen

Button2 : btnplay

Button3 : btnstop

Button4 : btnpause

Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

12. Lalu pada palette pilih media, lalu drag player. Fungsi dari player adalah untuk

memutar audio ketika nanti aplikasi dijalankan pada Android.

13. Selanjutnya pilih connectivity pada palette, dan drag, connectivity digunakan

untuk menyambungkan dengan audio yang ada di Android.

Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Pada properties Action isikan action = android.intent.action.GET_CONTENT.

14. Selanjutnya Klik Blocks pada sudut kanan atas. Drag and Drop sesuai gambar

dibawah ini.

Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

15. Aplikasi siap untuk dibuilt, caranya klik built kemudian klik App (save .apk to

my computer)

Tunggu beberapa saat aplikasi akan terdownload. Dan tersimpan pada komputer.

Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

16. Setelah selesai, pindahkan pada android dan install. Aplikasi siap digunakan.

Sekian beberapa cara untuk membuat music Player melalui MIT AI2. Dan

kembangkan dengan ide-ide menarik lainnya. Semoga bermanfaat.

Penutup

MIT AI2 adalah aplikasi berbasis web yang dikembangkan oleh Google. Aplikasi ini

sangat membantu bagi pemula yang ingin mencoba dalam pembuatan aplikasi berbasis

Android yang mendukung semua tipe PC. Dari percobaan pembuatan aplikasi “Music

Player” yang sangat sederhana ini kita mendapatkan ilmu baru yang didapat dari MIT AI2

ini dan bisa dikembangkan lagi.

Lisensi Dokumen: Copyright © 2008-2019 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Referensi

Pengalaman Sendiri

Biografi

Tri Agustini, mahasiswa Teknik Informatika konsentrasi Software Engineering

semester 6. Saat ini saya sangat tertarik dengan dunia IT dan sedang belajar Java dan

saya suka travelling dan menyukai tantangan.