Assalamualaikum Wr. Wb
Kali ini saya akan membuat aplikasi daftar wisata yang sederhana dimana aplikasi ini memberikan informasi tentang daftar wisata di blog saya ini saya kerjakan untuk memenuhi syarat tugas untuk UTS (Ujian Tengah Semester) Mobile Programing.
- Langsung saja buka aplikasi eclipse nya
Pilih file, new , other lalu pilih Android Application Project
klik next
- Ketik Nama aplikasi sesuai yg di inginkan
Next
Next
Next
-
Ketik nama Activity nya sesuai keinginan atau langsung juga tidak masalah, setelah itu klik Finish.
- Disini saya akan membuat 7 class java dan 7 xml layout serta menu nya
- Pertama kali saya buat terlebih dahulu di activity_main.xml nya untuk menampilkan TAB HOST nya
<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"
tools:context=".MainActivity" >
<TabHost
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TabWidget
android:id="@android:id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</TabWidget>
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<LinearLayout
android:id="@+id/tab1"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</LinearLayout>
<LinearLayout
android:id="@+id/tab2"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</LinearLayout>
<LinearLayout
android:id="@+id/tab3"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</LinearLayout>
</FrameLayout>
</LinearLayout>
</TabHost>
</RelativeLayout>
- Maka tampilan nya seperti ini
- setelah itu masukkan codingan MainActivity.java nya
package com.example.uts;
import android.os.Bundle;
import android.app.Activity;
import android.app.TabActivity;
import android.content.Intent;
import android.view.Menu;
import android.widget.TabHost;
public class MainActivity extends TabActivity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Intent intent;
TabHost tabHost = getTabHost();
TabHost.TabSpec spec;
intent =new Intent().setClass(this, HomeActivity.class);
spec = getTabHost().newTabSpec("Home").setIndicator("Home").setContent(intent);
tabHost.addTab(spec);
intent =new Intent().setClass(this, DaftarActivity.class);
spec = getTabHost().newTabSpec("Daftar Wisata").setIndicator("Daftar Wisata").setContent(intent);
tabHost.addTab(spec);
intent =new Intent().setClass(this, PrintActivity.class);
spec = getTabHost().newTabSpec("Tentang Saya").setIndicator("Tentang Saya").setContent(intent);
tabHost.addTab(spec);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}
}
Tampilan Run nya
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:orientation="vertical" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="52dp"
android:text="Daftar tempat wisata Sumatera Barat"
android:textSize="20dp" />
<Button
android:id="@+id/exit"
android:layout_width="125dp"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_marginBottom="143dp"
android:text="Exit" />
<Button
android:id="@+id/jkt1"
android:layout_width="125dp"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/exit"
android:layout_alignBottom="@+id/exit"
android:layout_alignParentLeft="true"
android:text="About" />
</RelativeLayout>
- Tampilan nya
- Sekarang buat codingan HomeActivity.java nya
package com.example.uts;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.widget.Button;
import android.widget.Toast;
import android.view.Menu;
import android.view.View;
public class HomeActivity extends Activity implements View.OnClickListener {
Button about;
Button keluar;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_home);
about=(Button)findViewById(R.id.jkt1);
about.setOnClickListener(this);
keluar=(Button)findViewById(R.id.exit);
keluar.setOnClickListener(this);
}
public void onClick(View view){
if(view==about){
Toast.makeText(this, "Ini adalah aplikasi daftar wisata di Sumatera Barat"+
"\n"+"Nama : Andrean Majid Nurdin\n"+"NIM : 161011401347", Toast.LENGTH_LONG).show(); }
else if(view==keluar){
AlertDialog.Builder builder = new AlertDialog.Builder(HomeActivity.this);
builder.setMessage("Apakah Anda Benar-Benar ingin keluar?").setCancelable(false)
.setPositiveButton("Ya",new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,int id) {
HomeActivity.this.finish();}
})
.setNegativeButton("Tidak",new DialogInterface.OnClickListener(){
public void onClick(DialogInterface dialog, int id) {
dialog.cancel();}}).show();
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_home, menu);
return true;
}
}
- Tampilan Run nya
Button About
Button Exit
Hasil Run di tampilan Home
- Sekarang saya akan membuat daftar wisata nya menggunakan listviewimage, buat xml nya dan codingan java.
XML
<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: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" >
<ListView
android:id="@+id/list"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
</ListView>
</RelativeLayout>
JAVA
package com.example.uts;
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;
import android.widget.ArrayAdapter;
public class DaftarActivity extends Activity {
ListView list;
String[] web = {"Jam Gadang", "Bukit Langkisau", "Danau Singkarak", "Lembah Harau",
"Istana Pagaruyung"};
Integer[] imageId = {
R.drawable.image1,
R.drawable.image2,
R.drawable.image3,
R.drawable.image4,
R.drawable.image5
};
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_daftar);
ListActivity adapter = new
ListActivity(DaftarActivity.this, web, imageId);
list=(ListView)findViewById(R.id.list);
ArrayAdapter wisata =new ArrayAdapter(this,android.R.layout.simple_list_item_1,web);
list.setAdapter(adapter);
list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
// TODO Auto-generated method stub
int itemke=arg2;
String itemText=(String) list.getItemAtPosition(arg2);
Toast.makeText(getBaseContext(), "You're Choice " +itemText, Toast.LENGTH_LONG).show();
if(itemText.equals("Jam Gadang")){
Intent DipilihIntent=new Intent(arg0.getContext(),JGActivity.class);
startActivityForResult(DipilihIntent, 0);
}
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_daftar, menu);
return true;
}
}
XML (Run)
JAVA (Run)
- Sekarang saya akan membuat tab yg terakhir
XML
<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" >
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="88dp"
android:text="TUGAS UTS MOBILE PROGRAMMING" />
<AnalogClock
android:id="@+id/analogClock1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="25dp" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/analogClock1"
android:layout_alignParentLeft="true"
android:layout_marginBottom="53dp"
android:text="Nama Andrean Majid Nurdin kuliah di STMIK ERESHA" />
</RelativeLayout>
- Dan hasil Run nya
*Note : Mohon maaf bila hasil dari blog saya ada yg kurang.
Terima Kasih