Pembuatan Project Baru
Sebelumnya
penulis akan menjelaskan tahapan pembuatan project android menggunakan eclipse
galileo. Pertama klik file – new project – project android maka akan tampil tampilan
jendela seperti gambar 3.8
.png)
Pada properties
new project android isikan data seperti di bawah ini :
Project Name : History Sea Games
Application
Name : History Sea Games
Package Name : com.history.seagames
Create
Activity :
Min SDK
Version : 8
Build Target : Android 2.2
Data pada jendela properties diatas
memiliki arti yaitu project yang penulis buat memiliki nama History Sea Games versi android yang
digunakan adalah versi 2.2. Jika semua data sudah dimasukan tekan tombol finish
maka kita akan mendapatkan sebuah project baru dengan nama History Sea Games seperti
gambar 3.9
.png)
Gambar 3.9 Project Yang Sudah Dibuat
3.5.2. Pembuatan Layout
Aplikasi Informasi Prestasi Negara-negara Peserta Sea Games
ini membutuhkan image (gambar) yang
berupa gambar untuk icon (lambang)
dan tombol-tombol. Gambar background untuk gambar dasar dalam aplikasi. Gambar.
Berikut penjelasan dan cara pembuatanya.
Untuk membuat Layout klik kanan pada
folder Layout yang berada didalam
folder res lalu pilih New kemudian pilih Android
XML File seperti pada gambar 3.10.
.png)
Gambar 3.10 Pembuatan Layout
Pertama
penulis akan membuat Layout untuk Menu Utama, klik pada palette yang tersedia pada Layout yang telah dibuat. Untuk membuat button pada aplikasi Informasi Prestasi Negara-negara Peserta Sea Games penulis
penggunakan Image Button dan kemudaian di-Drag kelayar hitam yang sudah tersedia
seperti pada gambar 3.11.
.png)
Gambar 3.11 Tampilan Layout Sebelum di Input Image
Button
Untuk
setting posisi button dapat dilakukan
setelah meletakannya dengan cara mengubahnya menjadi AbsoluteLayout,, sedangkan untuk mengatur ukuran buttonnya
bisa menggunakan android:layout_width, android:layout_height seperti pada gambar 3.12
.png)
Gambar 3.12 Pembuatan Absolte Layout
Langkah selanjutnya adalah menulis script program pada main.xml
sebagai berikut :
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:padding="60dip"
android:orientation="horizontal"
android:background="@drawable/backgrounutama"
android:gravity="center_vertical">
Penggalan kode program tersebut menjelaskan tentang
pendeklarasian awal dari pembuatan layout
interface pada tampilan menu. Disini
digunakan "center_vertical" pada android
gravity yang berarti setiap objek yang kita gambar akan disusun
secara vertikal (satu object satu
baris). Kemudian background yang
digunakan terletak di folder "@drawable"
pada Eclipse dan menggunakan
gambar dengan nama file “rs”. Sedangkan untuk peletakkan interface
digunakan pengaturan padding yang diberi nilai 60 dip (density independent pixels).
Sedangkan jika ingin
menambahkan background dalam tampilan
menu utama dapat dilakukan denagan cara menyisipkan kode program pada Listing yang
tersedia seperti gambar 3.13 dibawah.
.png)
.png)
Gambar
3.13 Kode Program Pembuatan Bacground
Selanjutnya
adalah penulisan kode program untuk menampilkan interface pada tampilan
menu utama ini, berikut adalah pembuatan kodenya :
android:orientation="vertical"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:layout_gravity="center">
android:id="@+id/button_start"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Start" />
android:id="@+id/button_about"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="About"/>
android:id="@+id/button_quit"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Exit"
/>
Pada penggalan
kode program diatas akan membuat sebanyak tiga tombol yang dideklarasikan
dengan “Button”. “@+id” disini digunakan untuk membuat sebuah identifier bagi
tombol yang dibuat sedangkan untuk tampilan teks pada tombol menggunakan kata "Start",
“About”, dan “Exit” . Pada textStyle
menggunakan "bold" untuk menampilkan teks pada tombol dengan
penulisan tebal. Setelah penulisan kode selesai maka akan tapil tampilan
seperti ini pada Gambar 3.14:
.png)
Gambar
3.14 Tampilan Menu Utama
Setelah selesai Pembuatan Layout Interface, langkah
selanjutnya adalah pembuatan kode program menu utama, pembuatan ini sama halnya
dengan membuat layout interface tampilannya. Pembuatan kode
program utama ini dibuat agar tampilan layout interface yang telah
dibuat dapat dijalankan dengan source code yang akan dibuat pada menu
utama.
Langkah awal adalah membuka folder aplikasi History Sea Games di
Eclipse lalu pilih folder src
kemudian pilih com.history.seagames,
terakhir pilih class SeaGames.java untuk memulai penulisan
kode program pada tampilan menu.
Gambar
3.15 Pembuatan Kode Program Menu Utama Pada Eclipse
Langkah yang dilakukan selanjutnya adalah
menulis kode program pada class ActivityPendeteksi.java
sebagai berikut :
@Override
public
void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Pada saat aplikasi
dijalankan, maka method yang pertama kali
dipanggil adalah method onCreate, method
ini akan memanggil file main.xml yang
berisi layout interface tampilan menu
utama untuk bergabung dengan Activity.java.
setContentView untuk memberi tahu
bahwa class Activity.java diatur layout-nya berdasarkan file main.xml yang ada di dalam folder
res/layout. Selanjutnya adalah membuat kode program untuk pendeklarasian
fungsi tombol pada interface tampilan
menu utama.
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
sederhana ini untuk membuat kita mengetahui sejarah Sea Games dan sejarah
negara-negara anggota Sea Games selama menjadi anggota Sea Games " +
"\n" +
"\n" +
"\n" +
"Nama : Eko Harry
Saputra\n" +
"NPM : 50408308\n" +
"Kelas : 3IA06")
.setCancelable(false)
.setPositiveButton("OK",
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int id) {
dialog.cancel();
}
});
AlertDialog judul =
builder.create();
judul.setTitle("ABOUT");
judul.setIcon(R.drawable.icon);
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);}}}
Script tersebut menjelaskan pendeklarasian untuk fungsi button pada menu utama, jadi apabila tombol Start di tekan
maka akan memanggil sebuah class baru
yaitu PilihanNegara.class, jika
tombol About di tekan maka akan
memanggil pesan dialog builder.setMessage
dan apabila tombol exit di tekan maka
secara otomatis akan keluar dari aplikasi.
3.5.3. Pembuatan Kode
Program About
Untuk
pembuatan program ini nantinya akan memuat informasi umum dari aplikasi History
Sea Games dan informasi tentang diri saya.
Pembuatan
program sama halnya dengan pembuatan menu utama aplikasi, bedanya memanggil
pesan tanpa membuat class baru. Program case About dijadikan satu dengan class pada menu utama cz About memanggil pesan yang langsung
dibuat dalam case tersebut dengan
menggunakan fungsi alert.
case R.id.button_about:
AlertDialog.Builder builder = new
AlertDialog.Builder(this);
builder.setMessage("Aplikasi
sederhana ini untuk membuat kita mengetahui sejarah Sea Games dan sejarah
negara-negara anggota Sea Games selama menjadi anggota Sea Games " +
"\n" +
"\n" +
"\n" +
"Nama : Eko Harry
Saputra\n" +
"NPM : 50408308\n" +
"Kelas : 3IA06")
Setelah
itu kita lanjutkan Script untuk
membuat button untuk kembali ke menu utama, buat button “OK” untuk kembali ke
menu utama :
.setCancelable(false)
.setPositiveButton("OK",
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int id) {
dialog.cancel();
}
});
Untuk membuat icon android sebagai simbol OS yang
kita gunakan dengan menambah Script
seperti dibawah:
AlertDialog judul = builder.create();
judul.setTitle("ABOUT");
judul.setIcon(R.drawable.icon);
judul.show();
break;
Gambar 3.16 Tampilan Interface About
3.5.4. Pembuatan Kode
Program Pilihan Negara
Pada pembuatan
kode program tampilan mulai penghitungan aplikasi ini diperlukan pembuatan layout interface tampilan dan pembuatan
kode program utamanya. Berikut akan dijelaskan tentang cara pembuatan layout interface tampilan mulai
penghitungan.
Pertama adalah membuat sebuah file .xml yang baru kemudian diberi nama
pilihan.xml, kemudian tulis script program berikut :
android:id="@+id/widget38"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/backgrounutama">
android:id="@+id/ListView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
android:id="@+id/LinearLayout01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
Pada penggalan program diatas menjelaskan tentang pendeklarasian awal
dari layout interface tampilan mulai
penghitungan. Kemudian background
yang digunakan terletak di folder "@drawable"
pada Eclipse dan menggunakan
gambar dengan nama file “bagrounutama”. Sedangkan untuk peletakkan interface digunakan pengaturan layout
width dan layout height dengan “fill_parent” sebagai nilai dari
keduanya.
Gambar 3.17 Pembuatan Layout Interface pilihan Negara
Setelah selesai pembuatan Layout
Interface, langkah selanjutnya adalah pembuatan kode programnya, pembuatan
kode program ini dibuat agar tampilan layout interface yang telah dibuat
dapat dijalankan dengan source code yang akan dibuat pada tampilan mulai
penghitungan aplikasi. Langkah pertama pilih folder src lalu kemudian pilih com.history.seagames,
kemudian buat class PilihanNegara.java
untuk memulai penulisan kode program pada tampilan. Lalu masukkan script kode program di bawah ini :
public class PilihanNegara extends
Activity implements OnClickListener{
/**
Called when the activity is first created. */
@SuppressWarnings("unchecked")
@Override
public
void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.pilihan);
Penggalan kode program diatas menjelaskan method onCreate, method ini akan memanggil file pilihan.xml
yang berisi layout tampilan Mulai
Penghitungan untuk bergabung dengan class
PilihanNegara.java yang akan menjalankan program utama.
ListView l = (ListView) findViewById(R.id.ListView);
ArrayAdapter adapter = ArrayAdapter.createFromResource(
this, R.array.wisata,
android.R.layout.simple_dropdown_item_1line);
l.setAdapter(adapter);
l.setOnItemClickListener(new
AdapterView.OnItemClickListener(){
@Override
public void
onItemClick(AdapterView parent, View view, int position, long
id) {
if(position == 0) {
Intent intent = new
Intent(getApplicationContext(), Indonesia.class);
startActivity(intent);
}
if(position == 1) {
Intent intent = new
Intent(getApplicationContext(), Malaysia.class);
startActivity(intent);
}
if(position
== 2) {
Intent intent = new Intent(getApplicationContext(), Singapura.class);
startActivity(intent);
}
if(position
== 3) {
Intent intent = new Intent(getApplicationContext(), Kamboja.class);
startActivity(intent);
}
if(position
== 4) {
Intent intent = new
Intent(getApplicationContext(),
Thailand.class);
startActivity(intent);
}
if(position
== 5) {
Intent intent = new Intent(getApplicationContext(), Philipina.class);
startActivity(intent);
}
if(position
== 6) {
Intent intent = new Intent(getApplicationContext(), Brunei.class);
startActivity(intent);
}
if(position
== 7) {
Intent intent = new Intent(getApplicationContext(), Vietnam.class);
startActivity(intent);
}
if(position
== 8) {
Intent intent = new Intent(getApplicationContext(), TimorLeste.class);
startActivity(intent);
}
if(position
== 9) {
Intent intent = new Intent(getApplicationContext(), Myanmar.class);
startActivity(intent);
}
if(position
== 10) {
Intent intent = new Intent(getApplicationContext(), Laos.class);
startActivity(intent);
}
if(position
== 11) {
Intent intent = new Intent(getApplicationContext(), SeaGames.class);
startActivity(intent);
}
}
});
}
@Override
public
void onClick(View v) {
//
TODO Auto-generated method stub
}
}
Script kode diatas digunakan untuk menampilkan pilihan Negara-negara yang
mengikuti Sea Games dan akan memanggil class-class pada setiap Negara yang
ingin dipilih.
Gambar 3.18 Tampilan
Pilihan Negara
3.5.5. Pembuatan Kode Program Informasi Negara
Pada pembuatan
kode program tampilan mulai penghitungan aplikasi ini diperlukan pembuatan layout interface tampilan dan pembuatan
kode program utamanya. Berikut akan dijelaskan tentang cara pembuatan layout interface tampilan mulai
penghitungan.
Pertama adalah membuat sebuah file .xml yang baru kemudian diberi nama
indonesia.xml, kemudian tulis script program berikut :
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"
>
Pada penggalan program diatas menjelaskan tentang pendeklarasian awal
dari layout interface tampilan mulai
penghitungan. Disini digunakan absolute
layout agar proses pembuatan layout menjadi mudah karena sifatnya yang absolute.
Kemudian background yang digunakan
terletak di folder "@drawable"
pada Eclipse dan menggunakan
gambar dengan nama file “backgrounutama”. Sedangkan untuk peletakkan interface
digunakan pengaturan layout width dan layout height dengan “fill_parent”
sebagai nilai dari keduanya.
Gambar
3.19 Pembuatan
Layout Interface Indonesia
Selanjutnya adalah membuat kode program yang akan
menjelaskan penggunaan interface yang
berada didalam tampilan indonesia ini.
Script kode diatas digunakan untuk membuat button untuk instrument lagu
kenegaraan Negara yang dipilih.
android:layout_width="240px"
android:id="@+id/ScrollView01"
android:layout_height="145px"
android:layout_x="1dip"
android:layout_y="160dip">
android:layout_width="130px"
android:id="@+id/Gallery01"
android:layout_height="100px"
android:layout_x="140dip"
android:layout_y="10dip">
Script kode diatas digunakan untuk membuat tampilan informasi tentang history
Sea Games Negara yang dipilih.
android:id="@+id/textView1"
android:text="INDONESIA"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_x="30dip"
android:layout_y="10dip">
Script kode diatas digunakan untuk membuat nama Negara sesuai Negara yang
dipilih pada tampilan pilihan negara.
android:src="@drawable/indonesia"
android:layout_height="70px"
android:layout_width="70px"
android:id="@+id/imageView1"
android:layout_x="25dip"
android:layout_y="30dip">
android:id="@+id/imageView1"
android:layout_x="25dip"
android:layout_y="30dip">
Script kode diatas digunakan untuk membuat tampilan bendera Negara sesuai nama
Negara yang dipilih pada tampilan piihan negara seperti.
3.5.6. Implementasi Aplikasi Informasi Prestasi Negara-negara Peserta Sea Games
Cara untuk mengimplementasikan
aplikasi Informasi Prestasi Negara-negara
Peserta Sea Games kedalam handphone android
adalah sebagai berikut:
·
Pembuatan file APK dari
aplikasi yang telah dibuat. Cara pembuatannya adalah sebagai berikut
1. Klik kanan Project Math pada eclipse, lalu pilih Android Tools,
lalu pilih Export
Signed Application Package.
Jika sudah maka akan muncul perintah pada kotak dialog untuk mengexport
project tersebut.
Gambar 3.20 Pembuatan File
APK
Gambar 3.21 Pembuatan File APK
2.
Pada Langkah ini program
meminta untuk memasukan keystore atau
kunci pengaman untuk aplikasi yang akan dibuat.
Gambar 3.22 Pembuatan File APK
3.
Langkah ini program meminta
untuk membuat key creation, yang
berisi nama dari aplikasi tersebut, password, confirm, validity yaitu masa aktif aplikasi yang telah dibuat dan pengenal
untuk pembuat aplikasi.
Gambar 3.23 Pembuatan File APK
4.
Langkah selanjutnya yang harus
dilakukan adalah menentukan nama file.apk yang akan dibuat dalam hal ini
penulis memberi nama History Sea Games.apk, kemudian klik
Finish.
Gambar 3.24 Pembuatan File APK
·
Jika ingin menginstallnya pada handphone android, pengguna hanya meng-copy file History Sea Games.apk
yang telah dibuat sebelumnnya ke memory yang terdapat pada handphone Android.
Setelah file tercopy, pengguna hanya menekan file History Sea Games.apk maka android akan langsung
meng-install Aplikasi tersebut.
Hasil tampilan di handphone android seperti dibawah ini:
Gambar diatas adalah Tampilan utama
Gambar diatas adalah Tampilan About
Gambar diatas adalah Tampilan Pilihan Negara
Gambar diatas adalah Tampilan Isi Informasi Prestasi Dari Negara Yang Kita Pilih
