Halaman

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>

 
Source Code pada MainActivity.java adalah :

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;
      }

}

 
Hasil screen Shoot  pada activity_main :

 



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..

0 Comment for "Aplikasi Kumpulan Doa - Doa Harian Islam Menggunakan Eclipes Android"

Back To Top