Aplikasi Kumpulan Doa - Doa Harian Islam Menggunakan Eclipes Android
Apliasi Kumpulan Doa-Doa Harian Menggunakan Eclipse Android
Pada Pertemuan kali ini dalam hal memenuhi nilai UAS Semester VI
STMIK Eresha Mata Kuliah Android Programing, saya akan membuat program
sederhana beserta script dengan menggunakan Eclipse Versi Luna 4.4. Sebelumnya
saya ucapkan terima kasih kepada Bapak Ir. Agus Suharto, M. Kom, selaku dosen
pembimbing hingga saya dapat menyelesaikan tugas ini.
A. Deskripsi Aplikasi
Saya akan membuat aplikasi yang berisi doa doa dalam agama islam yang
dikemas dengan tampilan yang dinamis dengan gambar animation.
B.
Activity & Komponen
Activity :
1.
Activity Login
2.
Activity Pilihan Bahasa
3.
Activity List View
4.
Tampila Submenu / Aplikasi
Komponen :
1. Text Field
2. Text View
3. Button
4. Radio Button
5. List View
C. Buat Projek Baru
1.
Activity Login
Sebelumnya copykan gambar untuk background di folder drawable :
Source Code pada activity_login.xml adalah :
<?xml version="1.0"
encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_depan"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:orientation="vertical" >
<TextView
android:id="@+id/data_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="Login Aplikasi"
android:textSize="30dp" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="58dp"
android:background="@drawable/dp"
android:layout_gravity="center_horizontal"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textSize="35dp"
/>
<EditText
android:id="@+id/username"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:ems="10"
android:hint="Username"
android:singleLine="true"
/>
<EditText
android:id="@+id/passwd_input"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:ems="10"
android:hint="Password"
android:password="true"
>
<requestFocus />
</EditText>
<Button
android:id="@+id/masuk"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Masuk"
/>
</LinearLayout>
Source Code pada loginActivity.java adalah :
package
com.doadoa.akhmadzakaria_161011400077;
import
android.app.Activity;
import
android.app.AlertDialog;
import
android.content.DialogInterface;
import
android.content.Intent;
import
android.os.Bundle;
import
android.view.View;
import
android.view.View.OnClickListener;
import
android.widget.Button;
import
android.widget.EditText;
public
class Login extends Activity implements OnClickListener {
//
deklarasi variable
Button masuk;
AlertDialog alert;
EditText password;
EditText user;
String isi_passwd, username;
/**
Called when the activity is first created. */
@Override
public void onCreate(Bundle
savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_login);
// inisialisasi variabel
masuk = (Button)
this.findViewById(R.id.masuk);
masuk.setOnClickListener(this);
// edit text untuk username
user = (EditText)
findViewById(R.id.username);
user.getText();
// edit text untuk password
password = (EditText)
findViewById(R.id.passwd_input);
password.getText();
username="zakaria";
isi_passwd = "oke";
}
@Override
//
method untuk override tombol masuk
public
void onClick(View tombol_act) {
//
TODO Auto-generated method stub
if
(tombol_act == masuk) {
if
(password.getText().toString().equals(isi_passwd) &&
user.getText().toString().equals(username)) {
AlertDialog.Builder pesan = new
AlertDialog.Builder(this);
pesan.setMessage("Username dan
password anda benar")
.setCancelable(false).setPositiveButton("OK",
new DialogInterface.OnClickListener() {
@Override
public
void onClick(DialogInterface dialog,
int
which) {
//
TODO Auto-generated method stub
//setContentView(R.layout.activity_menu_utama);
Intent intent = new
Intent(getApplicationContext(), MainActivity.class);
startActivity(intent);
}
});
alert = pesan.create();
alert.show();
} else {
AlertDialog.Builder pesan = new
AlertDialog.Builder(this);
pesan.setMessage("Username
:" + user.getText() + " dan password :"+ password.getText() +
"anda masih salah")
.setCancelable(false).setPositiveButton("OK",
new
DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface
dialog,
int which) {
// TODO Auto-generated method stub
user.setText("");
password.setText("");
}
});
alert = pesan.create();
alert.show();
}
}
}
}
Hasil screen Shoot pada activity_login :
Source Code pada activity_main.xml adalah :
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_doa"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="53dp"
android:onClick="Bismillahirrahmanirrahiim"
android:text="Bismillahirrahmanirrahiim" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/button1"
android:layout_centerHorizontal="true"
android:layout_marginTop="58dp"
android:background="@drawable/logo"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textSize="35dp"
/>
</RelativeLayout>
package com.doadoa.akhmadzakaria_161011400077;
import
android.os.Bundle;
import
android.app.Activity;
import
android.view.Menu;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle
savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
@Override
public boolean
onCreateOptionsMenu(Menu menu) {
// Inflate the
menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
2.
Activity Pilihan Bahasa
Source Code pada activity_language.xml adalah :
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_depan"
tools:context="${relativePackage}.${activityClass}"
>
<RadioButton
android:id="@+id/radioButton1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="154dp"
android:text="INDONESIA" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/radioButton2"
android:layout_centerHorizontal="true"
android:layout_marginTop="31dp"
android:text="SELECT"
android:onClick="SELECT"/>
<RadioButton
android:id="@+id/radioButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/radioButton1"
android:layout_below="@+id/radioButton1"
android:text="ENGLISH" />
</RelativeLayout>
Hasil screen Shoot pada activity_language :
3.
Activity List View
Source Code pada activity_listtview.xml adalah :
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/LinearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_depan"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".LanguageActivity" >
<RadioGroup
android:id="@+id/radioGroup1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<RadioButton
android:id="@+id/Rdoadoa"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="true"
android:text="Doa-Doa
Harian"
/>
<RadioButton
android:id="@+id/Rebook"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Ebook
Islami"
/>
</RadioGroup>
<ListView
android:id="@+id/listView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
</ListView>
</LinearLayout>
Source Code pada Listviactivity_language.xml adalah :
package com.doadoa.akhmadzakaria_161011400077;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.RadioGroup;
import android.widget.Toast;
import android.widget.RadioGroup.OnCheckedChangeListener;
public class ListviewActivity extends Activity {
ListView
listKategori;
RadioGroup
rPilihan;
List<String>
daftarProduk;
ArrayAdapter<String>
adapter;
String kategori;
@Override
protected void
onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_listview);
listKategori =
(ListView)findViewById(R.id.listView1);
rPilihan =
(RadioGroup)findViewById(R.id.radioGroup1);
daftarProduk = new
ArrayList<String>();
adapter = new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, daftarProduk);
listKategori.setAdapter(adapter);
rPilihan.setOnCheckedChangeListener(pilih);
listKategori.setOnItemClickListener(klik);
}
private OnItemClickListener
klik = new OnItemClickListener() {
@Override
public void
onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
//
TODO Auto-generated method stub
if
(kategori == "doadoa"){
String
a = "Anda memilih produk doadoa "+ (String)listKategori.getAdapter().getItem(arg2);
Toast.makeText(getApplicationContext(),
a , Toast.LENGTH_LONG).show();
}
else {
String
a = "Anda memilih produk ebook "+
(String)listKategori.getAdapter().getItem(arg2);
Toast.makeText(getApplicationContext(),
a , Toast.LENGTH_LONG).show();
}
}
};
@Override
public boolean
onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this
adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
private
OnCheckedChangeListener pilih = new OnCheckedChangeListener() {
@Override
public
void onCheckedChanged(RadioGroup arg0, int arg1) {
//
TODO Auto-generated method stub
if(arg1
== R.id.Rdoadoa){
isiProdukDoaDoaHarian();
kategori="doadoa";
}
else {
isiProdukEbookIslami();
kategori="ebook";
}
adapter.notifyDataSetChanged();
}
private
void isiProdukEbookIslami() {
//
TODO Auto-generated method stub
}
};
private void
isiProdukDoaDoaHarian(){
daftarProduk.clear();
daftarProduk.add("Doa Bangun Tidur");
daftarProduk.add("Doa Masuk WC");
daftarProduk.add("Doa Dalam Perjalanan");
daftarProduk.add("Doa Masuk Masjid");
daftarProduk.add("Doa Sebelum Makan");
daftarProduk.add("Doa Sesudah Makan");
}
private void
isiProdukEbookIslami(){
daftarProduk.clear();
daftarProduk.add("Sejarah Nabi");
daftarProduk.add("Sejarah Sahabat Nabi");
daftarProduk.add("Rukun Islam");
daftarProduk.add("Rukun Iman");
daftarProduk.add("Sholat");
daftarProduk.add("Zakat");
}
}
4. Tampilan Submenu / Aplikasi
Hasil Run/Screen shoot dengan emuilator HP SAmsung :
Demikian Aplikasi sederhana ini, harap memaklumi adanya.. Terima kasih.. Selamat berkreatifitas..
