Membuat Help Screen Android Eclipse

Membuat Help Screen Android Eclipse

Assalammu’alaikum Warahmatullahi Wabarakatuh..

Alhamdulillah, wassalawattu, wassalammu’alarosulillah ‘ammaba’du..

Membuat help screen disini maksud saya adalah tampilan panduan/bantuan aplikasi (guide) ketika aplikasi pertama kali dibuka. Misalnya seperti aplikasi BBM, Elevania, dll. Ketika aplikasi tersebut diinstal kemudian kita buka untuk pertama kali akan muncul tampilan help screen untuk membantu pengguna dalam menjalankan aplikasi. Nah, waktu ada tugas kuliah bikin aplikasi android sebenarnya ada teman saya yang memberitahu bahwa di eclipse bisa membuat tampilan help screen seperti itu, akhirnya saya searching ke mbah google dan cukup sulit ternyata untuk mendapatkan tutorialnya karena kata kunci yang tidak specific dan belum ada tutorialnya dalam bahasa nenek moyang kita (bhs Indonesia) :D..  sumbernya saya dapat dari sini dan sini..

Langsung saja kita mulai langkah-langkahnya untuk membuat help screen android di eclipse dan akan saya terangkan sedikit algoritma/logikanya..

1. Buat project baru di e-clipse

2. Buat activity baru dengan nama “HelpActivity” dengan cara:

Klik kanan folder src -> new -> other -> AndroidActivity -> pilih empty activity -> namanya “HelpActivity”.

*HelpActivity ini yang akan digunakan sebagai activity untuk menampilkam help screen android.

Klik finish..

3. Buat folder baru di res, klik kanan res -> new -> folder -> namanya “drawable”

4. Simpan gambar dibawah ini.. 

kemudian simpan di file drawable tersebut..

5.  Buka file activity_main.xml, tuliskan source code seperti dibawah ini:

6. Buka file activity_help, tuliskan source code seperti dibawah ini:

7. Buka file MainActivity.java, tuliskan source code seperti dibawah ini (dibawah nama packagenya):

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.content.SharedPreferences;
import android.os.Bundle;

public class MainActivity extends Activity {
 private SharedPreferences prefs;

  @Override
    public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_main);
       
       prefs = getPreferences(Context.MODE_PRIVATE);
       if (prefs.getBoolean("firstLaunch", true)) {
           prefs.edit().putBoolean("firstLaunch", false).commit();
           startActivity(new Intent(getApplicationContext(), HelpActivity.class));
       }
    }
}

8. Pada code diatas:

Fungsinya yaitu untuk pengkondisian dengan menggunakan tipe Boolean, jika aplikasi tersbut first launch (pertama kali dibuka) maka akan memanggil fragment (HelpActivity.java) yang berfungsi untuk menampilkan tampilan help screen (panduan) dari aplikasi..

9.  Buka file HelpActivity.java, tuliskan source code seperti dibawah ini (dibawah nama packagenya):

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.view.View;

public class HelpActivity extends FragmentActivity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_help);
 }

 public void dismiss(View v)
 {
  finish();
 } 
}

10. Buka AndroidManifest.xml, tambahkan code untuk mengganti tema dari layout activity_help..

Fungsinya yaitu untuk mengganti tema layout activity_help agar tampilannya menjadi transparan..

Hasilnya seperti ini:

Ok sekian tutorial kali ini, semoga bermanfaat. Kalo ada yang ingin ditanyakan silahkan komentar dibawah.. :)

Wassalammu’alaikum Warahmatullahi Wabarakatuh..

Membuat Dialog Keluar (Close Dialog) Android di EClipse Menggunakan Tombol Back

Assalammu’alaikum Warahmatullahi Wabarakatuh..

Alhamdulillah, wassalawattu, wassalammu’alarosulillah ‘ammaba’du..

Pada posting saya sebelumnya sudah dijelaskan membuat close dialog menggunakan button di sini pada tutorial ini bagaimana membuat close dialog pada saat tombol back di tekan di layar utama aplikasi android anda..

Langsung saja langkah-langkahnya:

1.  Buat project baru atau bisa modifikasi dari project tutorial sebelumnya atau project yang sudah ada.

2. Buka file MainActivity.java atau file java yang menampilkan acitivity utama (menu utama) pada aplikasi anda.

Kemudian tambahkan public void onBackPressed(). Fungsinya untuk menghandle ketika di tekan tombol back..

/*author yosef hadyan*/
public void onBackPressed() {
   exit();//Pergi ke method exit 
 }
 
private void exit() {
  AlertDialog.Builder builder = new AlertDialog.Builder(this);
  builder.setMessage("Are You Sure Want to Exit?")
  .setCancelable(false)//tidak bisa tekan tombol back
  //jika pilih yess
  .setPositiveButton("Yes", new DialogInterface.OnClickListener() {
   public void onClick(DialogInterface dialog, int id) {
    finish();
   }
  })
  //jika pilih no
  .setNegativeButton("No", new DialogInterface.OnClickListener() {
   public void onClick(DialogInterface dialog, int id) {
    dialog.cancel();
   }
  }).show();

 }

Contoh source code lengkap MainActivity.java

/*author yosef hadyan*/

import android.os.Bundle;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.view.Menu;

public class MainActivity extends Activity {
//Muhammad Muslim Rifai
//Fai19
 @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;
 }
 //Jika Tekan Tombol back
 public void onBackPressed() {
   exit();//Pergi ke method exit 
 }
 private void exit() {
  AlertDialog.Builder builder = new AlertDialog.Builder(this);
  builder.setMessage("Are You Sure Want to Exit?")
  .setCancelable(false)//tidak bisa tekan tombol back
  //jika pilih yess
  .setPositiveButton("Yes", new DialogInterface.OnClickListener() {
   public void onClick(DialogInterface dialog, int id) {
    finish();
   }
  })
  //jika pilih no
  .setNegativeButton("No", new DialogInterface.OnClickListener() {
   public void onClick(DialogInterface dialog, int id) {
    dialog.cancel();
   }
  }).show();

 }
}

Hasilnya seperti berikut:

Sekali lagi Meskipun disini saya mengajarkan untuk copy paste, tapi sebisa saya saya sudah jelaskan sedikit tentang fungsi-fungsi dari coding diatas, ingat konsep tentang pemograman yaitu ATM (Amati, Tiru, Modifikasi) jangan hanya bisa mencopy paste saja ya ^_^. Ok sekian tutorial kali ini, semoga bermanfaat..

Wassalammu’alaikum Warahmatullahi Wabarakatuh.. 

Membuat Dialog Keluar (Close Dialog) Android di EClipse Menggunakan Button

Assalammu’alaikum Warahmatullahi Wabarakatuh..

Alhamdulillah, wassalawattu, wassalammu’alarosulillah ‘ammaba’du..

Tutorial kali ini saya akan membuat sebuat alert dialog untuk close dialog atau bahasa orang awamnya yaitu dialog yang muncul ketika kita mau keluar dari aplikasi. Langkah-langkahnya sederhana, untuk membuat close dialog kita bisa menggunakan 2 cara, yang pertama dengan menggunakan sebuah button pada file xml ada, dan juga bisa langsung dengan menggunakan tombol back ketika aplikasi berada pada menu utama. Untuk menampilkan close dialog menggunakan tombol back anda bisa melihatnya di tutorial saya selanjutnya.. :D

Langkah-langkah membuat close dialog menggunakan button..

1. Buat project baru di eclipse

Selanjutnya next next saja.. :D saya asumsikan sudah bisa membuat projrct baru di eclipse..

2. Tambahkan button pada activity_main.xml (button yang dijadikan untuk keluar) seperti ini:

3. Selanjutnya double klik pada button tersebut, kemudian ganti android:id nya menjadi “btnExit” seperti dibawah ini..

4. Kemudian buka file MainAcitvti.java

Sedikit penjelasan mengenai code dibawah:

- button = (Button) findViewById(R.id.btnExit); digunakan untuk mencari button pada activity_main.xml

- “R.id.btnExit” adalah nama id dari button di activity_main.xml

- button.setOnClickListener(new OnClickListener()

adalah fungsi ketika button di klik..

copy code dibawah nama packagenya (yosef.hadyan.closedialogbutton;)..

/*author yosef hadyan*/
import android.app.Activity;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends Activity {
	 
	 final Context context = this;
	 private Button button;
	 
	 public void onCreate(Bundle savedInstanceState) {
	 
	  super.onCreate(savedInstanceState);
	  setContentView(R.layout.activity_main);
	 
	  button = (Button) findViewById(R.id.btnExit); 
	 
	  // add button listener
	  button.setOnClickListener(new OnClickListener() {
	 
	  @Override
	  public void onClick(View arg0) {
	 
	   AlertDialog.Builder alertDialogBuilder = new AlertDialog.Builder(
	    context);
	 
	   // set title
	   alertDialogBuilder.setTitle("Your Title");
	 
	   // set dialog message
	   alertDialogBuilder
	    .setMessage("Click yes to exit!")
	    .setCancelable(false)
	    .setPositiveButton("Yes",new DialogInterface.OnClickListener() {
	     public void onClick(DialogInterface dialog,int id) {
	      // if this button is clicked, close
	      // current activity
	      MainActivity.this.finish();
	     }
	      })
	    .setNegativeButton("No",new DialogInterface.OnClickListener() {
	     public void onClick(DialogInterface dialog,int id) {
	      // if this button is clicked, just close
	      // the dialog box and do nothing
	      dialog.cancel();
	     }
	    });
	 
	    // create alert dialog
	    AlertDialog alertDialog = alertDialogBuilder.create();
	 
	    // show it
	    alertDialog.show();
	   }
	  });
	 }
	}

hasilnya seperti ini:

Meskipun disini saya mengajarkan untuk copy paste, tapi sebisa saya saya sudah jelaskan sedikit tentang fungsi-fungsi dari coding diatas, ingat konsep tentang pemograman yaitu ATM (Amati, Tiru, Modifikasi) jangan hanya bisa mencopy paste saja ya ^_^. Ok sekian tutorial kali ini, semoga bermanfaat. Kalau ada yang tidak dimengerti bisa komentar dibawah ini:

Wassalammu’alaikum Warahmatullahi Wabarakatuh..