May 3, 2012

Tugas Mata Kuliah Pemrograman Multimedia - Pembuatan Aplikasi Android Lagu Wajib Nasional


 Aplikasi Mobile Lagu Wajib Nasional Menggunakan Sistem Operasi Android adalah aplikasi pengenalan lagu-lagu wajib nasional di negara Indonesia, aplikasi ini dibuat dengan bahasa pemrograman Java untuk sistem operasi berbasis Android pada ponsel. Aplikasi ini akan menampilkan beberapa gambar serta mengeluarkan suara lagu-lagu wajib nasional yang terdapat pada aplikasi ketika telah dijalankan pada ponsel berplatfrom Android. Aplikasi ini mengandung beberapa unsur multimedia seperti teks, gambar, dan suara audio. Didalam aplikasi ini terdapat beberapa menu standar seperti mulai, tentang dan keluar. 

Diagram Alir Aplikasi

Diagram Alir Aplikasi

Dari gambar diagram alir diatas dapat dijelaskan awal program dimulai dengan tampilan menu yang terdiri dari pilihan menu mulai, tentang, dan keluar. Apabila pengguna memilih menu tentang maka akan muncul tampilan berupa teks yang berisi informasi mengenai aplikasi. Apabila memilih menu keluar maka pengguna akan keluar dari aplikasi. Sedangkan jika memilih menu pilih lagu maka akan muncul tampilan untuk memilih daftar pilihan lagu yang terdapat pada aplikasi, selanjutnya akan dilakukan proses memainkan lagu yang telah dipilih sebelumnya.

Perancangan Tampilan Interface

Tampilan Interface 1

              Halaman tampilan ini terdiri dari area yang berisikan background serta tombol-tombol pada tampilan menu utama aplikasi ini seperti tombol pilih lagu, tentang, dan keluar.

Tampilan Interface 2

              Halaman tampilan ini akan muncul setelah memilih tombol pilih lagu pada tampilan interface 1. Tampilan ini terdiri dari list view yang berisikan daftar pilihan lagu wajib yang dapat dimainkan nantinya.


Tampilan Interface 3

Halaman tampilan ini akan muncul setelah memilih salah satu lagu pada daftar pilih lagu pada tampilan interface 2. Tampilan ini terdiri dari teks yang berisikan judul dan pencipta lagu wajib yang dipilih dan sebuah tombol untuk memainkan lagu wajib yang telah dipilih.

Pembuatan Aplikasi

Untuk membuat aplikasi Android dibutuhkan Android SDK dan emulator phone. Penulis menggunakan IDE Eclipse sebagai Java development environment yang sekaligus merupakan interface dengan emulator Android melalui plug-in Android Development Toolkit (ADT). Disini akan dijelaskan tahap dalam pembuatan project awal aplikasi.
            Tahap pertama adalah membuka program IDE Eclipse Java Galileo.


Proses Membuka Program Eclipse
 
Setelah membuka program Eclipse langkah selanjutnya adalah membuat project baru, dengan langkah memilih File > New > Project pada Eclipse untuk membuka project baru. Kemudian pilih Android > Android Project, dan klik Next.


Proses Membuat Project Android Baru


Setelah itu akan terdapat folder dengan nama project yang tadi dibuat, disini diberi nama Lagu Wajib seperti pada gambar berikut ini :


Folder Project Android

Didalam folder tersebut akan terdapat beberapa folder lain, seperti src, gen, dan res. Folder src digunakan untuk membuat source kode program dengan berbasis bahasa Java dari aplikasi Lagu Wajib, untuk folder res akan digunakan untuk membuat source kode tampilan dari aplikasi ini.

Pembuatan Kode Program Aplikasi

Aplikasi Lagu Wajib ini pertama kali akan menampilkan menu sebagai tampilan awalnya, berikut adalah kode program dari tampilan menu.

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

View enterButton =
findViewById(R.id.button_start);
enterButton.setOnClickListener(this);
View aboutButton =
findViewById(R.id.button_about);
aboutButton.setOnClickListener(this);
View exitButton =
findViewById(R.id.button_quit);
exitButton.setOnClickListener(this);
}
public void onClick(View v) {
switch (v.getId()){

case R.id.button_start:
Intent Enter = new Intent(this, PilihanNegara.class);
startActivity(Enter);
break;

case R.id.button_about:
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setMessage("Aplikasi Ini Untuk Mengenal Lagu - Lagu Wajib Nasional Indonesia" +

"\n" +
"\n" +
"\n" +
"Created by Septiawan")
.setCancelable(false)
.setPositiveButton("OK",
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int id) {
dialog.cancel();
}
});
AlertDialog judul = builder.create();
judul.setTitle("Lagu Wajib");
judul.setIcon(R.drawable.koe);
judul.show();
break;
case R.id.button_quit:
Intent exit = new Intent(Intent.ACTION_MAIN);
exit.addCategory(Intent.CATEGORY_HOME);
exit.setFlags(Intent.FLAG_ACTIVITY_EXCLUDE_FROM_RECENTS);
startActivity(exit);

Kode program diatas adalah kode Java dari tampilan menu, kode ini akan menampilkan menu-menu seperti menu Pilih Lagu, menu Tentang dan menu Keluar. Menu Pilih Lagu akan menampilkan daftar pilihan lagu sedangkan menu Tentang akan menampilkan informasi lagu, dan menu Keluar akan mengarahkan untuk keluar dari aplikasi.

Tampilan Menu

Setelah menampilkan tampilan menu selanjutnya aplikasi akan menampilkan tampilan sesuai dengan yang diinginkan pengguna, disini apabila memilih pilihan menu Pilih Lagu maka akan menuju ke tampilan daftar lagu. Tampilan daftar lagu akan menampilkan daftar lagu-lagu wajib yang ada didalam aplikasi.


Tampilan Daftar Lagu

Selanjutnya adalah tampilan mainkan lagu yang telah dipilih, tampilan ini akan menampilkan judul lagu, pencipta lagu, dan sebuah tombol untuk mulai memainkan lagu. Berikut adalah kode programnya.

?xml version="1.0" encoding="utf-8"?
AbsoluteLayout
android:id="@+id/widget0"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
android:background="@drawable/backgrounutama"
> 
ScrollView
android:layout_width="240px"
android:id="@+id/ScrollView01"
android:layout_height="145px"
android:layout_x="1dip"
android:layout_y="160dip">
/ScrollView>
Button android:text="Mainkan" android:layout_height="wrap_content" android:onClick="back" android:layout_width="100px" android:textStyle="bold" android:id="@+id/tombolmasuk" android:layout_x="107dip" android:layout_y="42dip">
TextView android:id="@+id/textView1" android:textColor="#111111" android:text="Diciptakan Oleh Kusbini" android:layout_height="wrap_content" android:layout_width="wrap_content" android:textSize="20sp" android:layout_x="56dip" android:layout_y="10dip">/TextView>
/AbsoluteLayout>


Kode program diatas kode program xml dari tampilan mainkan lagu, seperti yang telah dijelaskan sebelumnya tampilan ini akan menampilkan judul lagu, pencipta lagu, dan sebuah tombol untuk mulai memainkan lagu.


Tampilan Mainkan Lagu

Untuk menjalankan tampilan mainkan lagu dibutuhkan kode program java untuk menjalankannya, berikut adalah kode program java dari tampilan mainkan lagu.

package com.laguwajib;

import android.app.Activity;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;

public class Indonesia extends Activity {

private static final String isPlaying = "Media is Playing";
private MediaPlayer player;
private Button tombolmasuk;


/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.indonesia);
// Get the button from the view
View birdButton = (Button) this.findViewById(R.id.tombolmasuk);
birdButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
playSound(1);
}
});
}
@Override
public void onPause() {
try{
super.onPause();
player.pause();
}catch (Exception e){
}
}
private void playSound(int arg){
try{
if (player.isPlaying()) {
player.stop();
player.release();
}
}catch(Exception e){
Toast.makeText(this, " Memainkan Lagu Bagimu Negeri ", Toast.LENGTH_LONG).show();
}
if (arg == 1){
player = MediaPlayer.create(this, R.raw.bagimunegriku);
}
player.setLooping(false); // Set looping
player.start();
}
}

Kode program java diatas akan menampilkan sebuah lagu yang diambil dari dalam folder raw yang terdapat pada folder res dalam folder aplikasi Lagu Wajib. Lagu yang diambil adalah lagu yang berjudul Bagimu Negeriku.

Setelah membuat tampilan tampilan daftar lagu dan mainkan lagu, berikutnya adalah menampilkan tampilan tentang yang kode programnya adalah sebagai berikut.

case R.id.button_about:
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setMessage("Aplikasi Ini Untuk Mengenal Lagu - Lagu Wajib Nasional Indonesia" +
"\n" +
"\n" +
"\n" +
"Created by Septiawan")
.setCancelable(false)
.setPositiveButton("OK",
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int id) {
dialog.cancel();
}
});
AlertDialog judul = builder.create();
judul.setTitle("Lagu Wajib");
judul.setIcon(R.drawable.koe);
judul.show();
break;

Kode program diatas akan menampilkan tampilan tentang yang didalamnya berisi informasi mengenai aplikasi Lagu Wajib.


Tampilan Tentang

Implementasi Aplikasi

Aplikasi Lagu Wajib ini dapat berjalan pada ponsel yang memiliki sistem operasi android dengan versi Android 2.2 (Froyo). Langkah pertama untuk implementasinya adalah menghubungkan ponsel android dengan komputer. Kemudian salin ke dalam ponsel file Lagu Wajib.apk. File Lagu Wajib.apk adalah file execute atau program yang sudah jadi untuk digunakan didalam ponsel android.
Setelah selesai menyalin ke dalam ponsel maka selanjutnya adalah menginstal file tersebut didalam ponsel android.


Tampilan Aplikasi Pada Ponsel Android

Tampilan Aplikasi

Dibuat Oleh :

Nama : Septiawan
NPM : 50408781
Kelas : 4IA06

UNIVERSITAS GUNADARMA