BAB III PEMBAHASAN Dalam proses pembuatan Aplikasi Streaming Radio Berbasis Ponsel Android Menggunakan Java, penulis melakukan beberapa tahapan yang dikerjakan secara berurutan dan mengikuti prosedur yang berlaku seperti sebagai berikut : Gambar 3.1 Tahap Pembuatan Aplikasi 40 Menentukan peta navigasi yang akan digunakan dalam aplikasi Pembentukan elemen yang akan digunakan dalam aplikasi menggunakan software yang berkaitan Proses kompilasi hingga menjadi program utuh Penyimpanan terakhir & mempublikasikan aplikasi Pengujian aplikasi yang dilakukan pada beberapa ponsel Android
35
Embed
azariansyah.files.wordpress.com · Web viewAndroidManifest.xml digunakan sebagai pengatur activity-activity pada aplikasi yang terdiri atas daftar class java, penggunaan intent serta
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
BAB III
PEMBAHASAN
Dalam proses pembuatan Aplikasi Streaming Radio Berbasis Ponsel
Android Menggunakan Java, penulis melakukan beberapa tahapan yang
dikerjakan secara berurutan dan mengikuti prosedur yang berlaku seperti sebagai
berikut :
Gambar 3.1 Tahap Pembuatan Aplikasi
40
Menentukan peta navigasi yang akan digunakan dalam aplikasi
Pembentukan elemen yang akan digunakan dalam aplikasi
menggunakan software yang berkaitan
Proses kompilasi hingga menjadi program utuh
Penyimpanan terakhir & mempublikasikan aplikasi
Pengujian aplikasi yang dilakukan pada beberapa ponsel Android
41
3.1. Struktur Navigasi
Struktur Navigasi adalah struktur atau alur dari suatu program. Navigasi
merupakan salah satu hal yang sangat penting dalam pembuatan suatu aplikasi
berbasis multimedia. Peta Navigasi harus sudah digambarkan pada tahap
perencanaan pembuatan suatu aplikasi, karena menggambarkan suatu hubungan
atau rantai kerja dari beberapa area ataupun halaman yang berbeda. Dan dengan
adanya struktur Navigasi sebagai patokan dalam pembuatan sebuah aplikasi, maka
pembuat dapat mengorganisasikan seluruh elemen aplikasi multimedia dengan
pemberian perintah dan pesan. Berikut ini adalah Peta Navigasi yang digunakan
penulis dalam pembuatan Aplikasi Streaming Radio Berbasis Ponsel Android
Menggunakan Java :
Gambar 3.2 Struktur Navigasi
Struktur navigasi yang ada pada aplikasi ini sering disebut struktur
navigasi bercabang (hirarki). Struktur navigasi ini merupakan suatu struktur yang
mengandalkan percabangan untuk menampilkan data dengan kriteria tertentu.
Tampilan pada menu utama disebut master page (halaman utama satu), halaman
tersebut mempunyai halaman percabangan yang disebut slave page (halaman
pendukung).
42
3.2. Rancangan Interface
Dalam suatu program, sangat penting untuk memperhatikan suatu sistem
user interface yang dapat dimengerti oleh semua orang yang menggunakannya.
3.2.1. Rancangan Splash Screen
Berikut adalah tampilan yang dirancang untuk bagian splash screen.
Gambar 3.3 Rancangan Antar Muka Splash Screen
Pada saat aplikasi dijalankan yang pertama akan tampil adalah splash screen.
Tampilan splash screen ini terdiri dari background, image dan judul aplikasi.
3.2.2. Rancangan Menu Utama
Berikut adalah tampilan yang dirancang untuk bagian menu utama.
43
Gambar 3.4 Rancangan Menu Utama
Pada Gambar 3.4 merupakan rancangan menu utama dimana pada
tampilan menu utama ini terdapat tiga buah tombol yaitu “Play”, “Info” dan
“Keluar”.
3.2.3. Rancangan Daftar Saluran Radio
Gambar 3.5 Rancangan Daftar Saluran Radio
44
Pada Gambar 3.5 merupakan rancangan pilihan saluran dimana pada
tampilan ini terdapat 11 buah tombol pilihan saluran dan scrollbar, pengguna
hanya tinggal menyentuh saja salah satu saluran yang akan di dengar radionya.
3.2.4. Rancangan Kotak Pesan Info
Gambar 3.6 Rancangan Kotak Pesan Info
Pada Gambar 3.6 merupakan rancangan kotak pesan “Info” dimana pada
tampilan ini terdapat satu tombol “OK”, dan berisi pesan tentang penulis.
3.2.5. Rancangan Pemutar Streaming
Gambar 3.7 Rancangan Pemutar Streaming
45
Pada Gambar 3.7 merupakan rancangan pemutar streaming dimana pada
tampilan ini terdapat dua buah tombol yang salah satunya adalah tombol ”play”
untuk mendengarkan langsung saluran radio yang dipilih dan tombol ”stop” untuk
menghentikan streaming radio online.
3.3. Pembuatan Aplikasi
Pada tahapan ini akan dijelaskan tentang pembuatan aplikasi streaming
radio secara garis besar dengan menggunakan program Eclipse Galileo yang
didalamnya sudah terinstal Android SDK dan ADT yang dimulai dari pengkodean
menu utama, dan lain sebagainya. Tentukan terlebih dahulu saluran apa saja yang
nantinya akan di masukan ke dalam daftar pilihan saluran streaming radio lalu
siapkan gambar-gambar yang nantinya akan di masukan sebagai elemen dari
aplikasi. Dalam tahap ini akan dibuat 14 file Java dan empat file .xml. File Java
tersebut terdiri dari sebelas Java untuk saluran-saluran radio, satu file Java untuk
menu, satu file Java untuk splash screen, dan satu file Java untuk pilihan saluran,
lalu untuk file .xml terdiri dari channel.xml untuk tampilan pilihan saluran,
menu.xml untuk tampilan menu, splash.xml untuk tampilan splash screen, dan
streaming.xml untuk tampilan pemutar streaming. Berikut ini adalah tahapan
pembuatan aplikasi radio streaming :
3.3.1. Tahap Pembuatan Splash Screen
Dalam tahap ini, terdapat penulisan kode program untuk membuat
halaman splash screen.
1. Klik Start > All Programs > Eclipse
2. Pada jendela Eclipse, pilih File > New > Android Project
Gambar 3.8 New Project
46
3. Akan muncul jendela New Android Project, biarkan semua diatur secara
default, kemudian isi field pada bagian properties. Application Name :
Streaming Radio, Package Name : com.radio.streaming, Create Acticity :
SplashScreen dan ceklist, kemudaian Min SDK Version : 8 > Klik Finish.
Gambar 3.9 Membuat Baru Android Project
4. Selanjutnya adalah pembuatan kelas dalam Java dengan nama
SplashScreen.java, agar saat dijalankan tampilan splash screen muncul. Klik
dua kali Streaming Radio pada tab “Pack” > Klik dua kali src > Klik kanan
com.radio.streaming > Pilih New > Class.
Gambar 3.10 New Class
47
5. Akan muncul jendela baru lagi, kemudian isi field Source Folder : Streaming
Radio/src, Package : com.radio.streaming, Name : SplashScreen > Klik Finish.
Gambar 3.11 Jendela Create New Java Class
6. Klik dua kali SplashScreen.java lalu isikan kode program seperti yang ada di
lampiran. Berikut adalah kode program SplashScreen.java.
public class SplashScreen extends Activity {protected int _splashTime = 5000; private Thread splashTread;/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.splash); final SplashScreen sPlashScreen = this; // thread for displaying the SplashScreen splashTread = new Thread() { @Override public void run() { try {synchronized(this){ wait(_splashTime);} } catch(InterruptedException e) {} finally { finish(); Intent i = new Intent(); i.setClass(sPlashScreen, Menu.class); startActivity(i);
Berikut ini adalah tampilan splash screen yang telah dibuat.
50
Gambar 3.14 Tampilan Splash Screen
3.3.2. Tahap Pembuatan Menu Utama dan Kotak Pesan Info
Dalam tahap ini akan dijelaskan pembuatan halaman menu utama dimulai
dari pembuatan kelas baru Menu.java dan sekaligus membuat kotak pesan “Info”.
Berikut ini adalah tahap pembuatan halaman menu.
1. Pertama adalah pembuatan kelas dalam Java dengan nama Menu.java, agar
saat dijalankan tampilan menu muncul. Klik dua kali Streaming Radio pada
tab “Pack” > Klik dua kali src > Klik kanan com.radio.streaming > Pilih New
> Class.
2. Akan muncul jendela baru lagi, kemudian isi field Source Folder : Streaming
Radio/src, Package : com.radio.streaming, Name : Menu > Klik Finish.
3. Klik dua kali Menu.java lalu isikan kode program seperti yang ada di
lampiran. Berikut adalah kode program dari Menu.java.public class Menu extends Activity implements OnClickListener{public static final int DIALOG_ABOUT_ID = 0;
@Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.menu);
AlertDialog.Builder(this); switch(id) { case DIALOG_ABOUT_ID: builder.setMessage(R.string.about_text) .setCancelable(false) .setNeutralButton(R.string.ok, new
DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int
image7, image8, image9, image10, image11; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.coba); image1 = (Button)findViewById(R.id.button1);image2 = (Button)findViewById(R.id.button2);
4. Kemudian dilanjutkan dengan pembuatan layout dalam bentuk file .xml untuk
desain dari tampilan halaman daftar saluran radio. Klik dua kali Streaming
Radio pada tab “Pack” > Klik dua kali res > Klik kanan Layout > Pilih New >
Android XML File.
5. Akan muncul jendela New Android XML File. Isi field Project : Streaming
Radio, File : channel > Klik Finish.
6. Kemudian klik dua kali channel.xml lalu isikan kode program seperti yang
ada di lampiran. Berikut adalah kode program channel.xml.<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" android:background="#B4EEFD" android:gravity="center_horizontal|center_vertical" android:orientation="vertical"> <ScrollView android:id="@+id/horizontalScrollView1" android:layout_width="wrap_content" android:layout_height="wrap_content"> <LinearLayout android:layout_width="match_parent" android:id="@+id/linearLayout1" android:layout_height="match_parent"
Berikut ini adalah tampilan halaman daftar saluran radio yang telah dibuat.
57
Gambar 3.16 Tampilan Daftar Saluran Radio
3.3.4 Tahap Pembuatan Pemutar Streaming
Tahap ini akan dijelaskan bagaimana membuat halaman pemutar
streaming. Dalam halaman ini terdapat dua tombol yaitu “play” dan “stop”.
Sebelumnya dibuat dahulu paket baru untuk saluran-saluran yang akan
dimasukkan. Berikut ini adalah tahap-tahap pembuatannya:
1. Klik dua kali Streaming Radio pada tab “Pack” > Klik dua kali src > Klik
kanan com.radio.streaming> Pilih New > Package.
Gambar 3.17 Jendela Create New Package
58
2. Akan muncul jendela baru lagi, kemudian isi field Source Folder : Streaming
Radio/src, Name : com.radio.streaming.list > Klik Finish.
Gambar 3.18 Jendela Create New Package 2
3. Buat kelas baru dengan nama RRI.java, klik dua kali Streaming Radio pada
tab “Pack” > Klik dua kali src > Klik kanan com.radio.streaming.list > Pilih
New > Class.
4. Akan muncul jendela baru lagi, kemudian isi field Source Folder : Streaming
Radio/src, Package : com.radio.streaming.list, Name : RRI > Klik Finish.
5. Buatlah 10 kelas lagi dengan langkah yang sama dari langkah 1. Kelas
tersebut adalah alhikmah, gitabali, kaskus, kiss, kusuma, rdi, rpk, starradio,
top, dan suaramadu.
Gambar 3.19 Kelas-kelas Radio
59
6. Klik dua kali file-file .java yang telah dibuat, isikan kode program pada
masing-masing file tersebut sesuai dengan nama filenya dari lampiran
penulisan.
Berikut ini contoh script kelas java yang di ambil dari rri.java :
public class rri extends Activity implements OnClickListener, OnTouchListener, OnCompletionListener, OnBufferingUpdateListener{ private Button btn_play,btn_stop;private SeekBar seekBar;private MediaPlayer mediaPlayer;private int lengthOfAudio;private final String URL = "http://125.163.79.184:8010";private final Handler handler = new Handler();private final Runnable r = new Runnable() {@Overridepublic void run() {updateSeekProgress(); }};
/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.stream);init();}