Ibnu Abdullah : 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..