Skip to main content

Contoh Program android Aplikasi Wisata

Program android tentang lokasi wisata sebuah daerah sepertinya begitu populer jadi topik skripsi :D, disini saya akan bahas bagaimana cara membuatnya. Oke pertama-tama ada beberapa hal yang mesti anda persiapkan

1. Untuk membuat aplikasi seperti ini dibutuhkan webserver
2. Webserver digunakan untuk menyimpan database lokasi, agar bisa diakses oleh androidnya
3. Kemampuan PHP, gak usah sampe expert, tau gimana bikin CRUD udah cukup :)
4. Mengerti gimana cara koneksikan antara android dan database online menggunakan perantara JSON

Kemudian untuk fitur2 standart aplikasi seperti ini adalah..
- menampilkan lokasinya menggunakan listview
- menampilkan lokasi tersebut pada google maps
- membuat directions menuju lokasi tersebut
- pencarian lokasi berdasar nama
- rate lokasi (advance)
- comment system (advance)



beberapa fitur diatas yang mudah dikerjakan adalah menampilkan data lokasi dalam listview, dan menampilkan lokasi pada google maps, kemudian fungsi directions :)

Oke sekarang kita siapkan dulu databasenya, kali ini apps akan kita coba di localhost dulu, silahkan buat database, namanya terserah anda.. kemudian buat table dengan konstruksi seperti berikut ini




Lalu isikan beberapa data seperti berikut



Langkah selanjutnya adalah membuat folder pada htdocs berupa root untuk webservice kita, pada contoh ini saya menggunakan nama aplikasi_wisata, dan buatlah didalmnya sebuah file php,, berinama webservice.php



pada file php ini, yang pertama kita buat adalah modul untuk koneksi ke database,, kemudian fungsi untuk menampilkan data lokasi wisata yang kita simpan dalam mysql dalam bentuk JSON

berikut hasil jadi dari file phpnya..

 


<?php



class Database {



  private $host = "localhost";



 private $user = "root";



 private $pass = "root";



 private $db   = "wisata_jogja";



 private $conn;



 



 // constructor



 function __construct() {



  try{



   $this->conn = new PDO( "mysql:host=".$this->host.";dbname=".$this->db, $this->user, $this->pass );



  }catch( PDOException $e ) {



   echo "error pdo $e";



  }



 }



 



 



 public function showAllData( $table ) {



  $sql ="SELECT * FROM $table";



  $q = $this->conn->query( $sql ) or die( "Failed !!" );



  while ( $r = $q->fetch( PDO::FETCH_ASSOC ) ) {



   $data[] = $r;



  }



  return $data;



 }



 



}



 



$database = new Database();



$response = array();



 



if ( isset( $_GET['get'] ) && $_GET['get']=='lokasi' ) {



 $response['location'] = array();



 



 foreach ( $database->showAllData( 'lokasi' ) as $value ) {



  $kode = array();



  extract( $value );



 



  $kode['id'] = $id;



  $kode['nama'] = $nama;



  $kode['alamat'] = $alamat;



  $kode['lat'] = $lat;



  $kode['lng'] = $lng;



  $kode['gambar'] = $gambar;



  array_push( $response['location'], $kode );



 }



 echo json_encode( $response );



}



?>








file php diatas koneksinya ke mysql menggunakan PDO(PHP Data Object), bagi kalian yang masih menggunakan old style seperti mysql_ saya sarankan segera move on.. bro.. 2013 broo.. :D 

Jika dijalankan pada browser maka tampilannya akan menjadi seperti ini













Webservice untuk pertukaran datanya sudah selesai, sekarang tinggal pada bagian androidnya :)




















<?xml version="1.0" encoding="utf-8"?>



<manifest xmlns:android="http://schemas.android.com/apk/res/android"



    package="com.example.wisatajogja"



    android:versionCode="1"



    android:versionName="1.0" >



 



    <uses-sdk



        android:minSdkVersion="8"



        android:targetSdkVersion="18" />



 



    <application



        android:allowBackup="true"



        android:icon="@drawable/ic_launcher"



        android:label="@string/app_name"



        android:theme="@style/Theme.AppCompat.Light.DarkActionBar" >



        <activity



            android:name="com.example.wisatajogja.MainActivity"



            android:label="@string/app_name" >



            <intent-filter>



                <action android:name="android.intent.action.MAIN" />



 



                <category android:name="android.intent.category.LAUNCHER" />



            </intent-filter>



        </activity>



    </application>



 



</manifest>








Script selanjutnya --------------------------------------------------------------------------










package com.example.wisatajogja;



 



public class E_Lokasi



{



 private String nama;



 private String alamat;



 private String gambar;



 private Double lat;



 private Double lng;



 



 public String getGambar()



 {



  return gambar;



 }



 



 public void setGambar(String gambar)



 {



  this.gambar = gambar;



 }



 



 public String getNama()



 {



  return nama;



 }



 



 public void setNama(String nama)



 {



  this.nama = nama;



 }



 



 public String getAlamat()



 {



  return alamat;



 }



 



 public void setAlamat(String alamat)



 {



  this.alamat = alamat;



 }



 



 public Double getLat()



 {



  return lat;



 }



 



 public void setLat(Double lat)



 {



  this.lat = lat;



 }



 



 public Double getLng()



 {



  return lng;



 }



 



 public void setLng(Double lng)



 {



  this.lng = lng;



 }



 



}













Script selnjutnya----------------------------------------------------------------------------










package com.example.wisatajogja;



 



import java.io.File;



 



import com.nostra13.universalimageloader.cache.disc.impl.UnlimitedDiscCache;



import com.nostra13.universalimageloader.cache.memory.impl.LruMemoryCache;



import com.nostra13.universalimageloader.core.DisplayImageOptions;



import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;



import com.nostra13.universalimageloader.utils.StorageUtils;



 



import android.content.Context;



import android.graphics.Bitmap.CompressFormat;



 



public class ImageUtils



{



 public static ImageLoaderConfiguration imgLoaderConf;



 public static DisplayImageOptions  imgOptions;



 



 private static File getCacheDir(Context ctx)



 {



  return StorageUtils.getCacheDirectory(ctx);



 }



 



 /**



  * configurasi untuk imageloader



  * 



  * @param ctx



  *            Context



  * @return imgLoaderConfiguration



  */



 public static ImageLoaderConfiguration getImgConfig(Context ctx)



 {



  imgLoaderConf = new ImageLoaderConfiguration.Builder(ctx)



    .discCacheExtraOptions(480, 800, CompressFormat.JPEG, 75, null)



    .denyCacheImageMultipleSizesInMemory()



    .memoryCache(new LruMemoryCache(2 * 1024 * 1024))



    .discCache(new UnlimitedDiscCache(getCacheDir(ctx)))



    .writeDebugLogs().build();



  return imgLoaderConf;



 }



 



 /**



  * image options untuk imageloader



  * 



  * @return imgOptions



  */



 public static DisplayImageOptions getImgOpt()



 {



  imgOptions = new DisplayImageOptions.Builder()



    .showStubImage(R.drawable.ic_launcher).cacheOnDisc(true)



    .cacheInMemory(true).delayBeforeLoading(10).build();



  return imgOptions;



 }



 



}













Script selnjutnya----------------------------------------------------------------------------










package com.example.wisatajogja;



 



import java.io.File;



 



import com.nostra13.universalimageloader.cache.disc.impl.UnlimitedDiscCache;



import com.nostra13.universalimageloader.cache.memory.impl.LruMemoryCache;



import com.nostra13.universalimageloader.core.DisplayImageOptions;



import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;



import com.nostra13.universalimageloader.utils.StorageUtils;



 



import android.content.Context;



import android.graphics.Bitmap.CompressFormat;



 



public class ImageUtils



{



 public static ImageLoaderConfiguration imgLoaderConf;



 public static DisplayImageOptions  imgOptions;



 



 private static File getCacheDir(Context ctx)



 {



  return StorageUtils.getCacheDirectory(ctx);



 }



 



 /**



  * configurasi untuk imageloader



  * 



  * @param ctx



  *            Context



  * @return imgLoaderConfiguration



  */



 public static ImageLoaderConfiguration getImgConfig(Context ctx)



 {



  imgLoaderConf = new ImageLoaderConfiguration.Builder(ctx)



    .discCacheExtraOptions(480, 800, CompressFormat.JPEG, 75, null)



    .denyCacheImageMultipleSizesInMemory()



    .memoryCache(new LruMemoryCache(2 * 1024 * 1024))



    .discCache(new UnlimitedDiscCache(getCacheDir(ctx)))



    .writeDebugLogs().build();



  return imgLoaderConf;



 }



 



 /**



  * image options untuk imageloader



  * 



  * @return imgOptions



  */



 public static DisplayImageOptions getImgOpt()



 {



  imgOptions = new DisplayImageOptions.Builder()



    .showStubImage(R.drawable.ic_launcher).cacheOnDisc(true)



    .cacheInMemory(true).delayBeforeLoading(10).build();



  return imgOptions;



 }



 



}


















Script selnjutnya ---------------------------------------------------------------------------










package com.example.wisatajogja;



 



import java.io.BufferedReader;



import java.io.IOException;



import java.io.InputStream;



import java.io.InputStreamReader;



import java.io.UnsupportedEncodingException;



import java.util.ArrayList;



import java.util.List;



 



import org.apache.http.HttpEntity;



import org.apache.http.HttpResponse;



import org.apache.http.client.ClientProtocolException;



import org.apache.http.client.methods.HttpGet;



import org.apache.http.impl.client.DefaultHttpClient;



import org.json.JSONArray;



import org.json.JSONException;



import org.json.JSONObject;



 



public class JSONHelper



{



 



 private static final String TAG    = "JSONHelper";



 



 private InputStream   is    = null;



 private JSONObject   jsonObject  = null;



 private String    json   = "";



 



 private static final String TAG_LOCATION = "location";



 private static final String TAG_NAMA  = "nama";



 private static final String TAG_GAMBAR  = "gambar";



 private static final String TAG_ALAMAT  = "alamat";



 private static final String TAG_LAT   = "lat";



 private static final String TAG_LNG   = "lng";



 



 public JSONObject getJSONFromURL(String url)



 {



  try



  {



   DefaultHttpClient httpClient = new DefaultHttpClient();



   HttpGet httpGet = new HttpGet(url);



 



   HttpResponse httpResponse = httpClient.execute(httpGet);



   HttpEntity httpEntity = httpResponse.getEntity();



   is = httpEntity.getContent();



  } catch (UnsupportedEncodingException e)



  {



   e.printStackTrace();



  } catch (ClientProtocolException e)



  {



   e.printStackTrace();



  } catch (IOException e)



  {



   e.printStackTrace();



  }



 



  try



  {



   BufferedReader reader = new BufferedReader(new InputStreamReader(



     is, "iso-8859-1"), 8);



 



   StringBuilder sb = new StringBuilder();



   String line = null;



 



   while ((line = reader.readLine()) != null)



   {



    sb.append(line + "\n");



   }



 



   is.close();



   json = sb.toString();



  } catch (Exception e)



  {



   Utils.TRACE(TAG, "error buffered reader");



  }



 



  try



  {



   Utils.TRACE("jsonadapter", "hasil json ->" + json);



   jsonObject = new JSONObject(json);



 



  } catch (JSONException e)



  {



   Utils.TRACE(TAG, "Error jsonObject");



  }



 



  return jsonObject;



 }



 



 public List<E_Lokasi> getAllLokasi(JSONObject obj)



 {



  List<E_Lokasi> listLokasi = new ArrayList<E_Lokasi>();



 



  try



  {



   JSONArray jsonArray = obj.getJSONArray(TAG_LOCATION);



   for (int i = 0; i < jsonArray.length(); i++)



   {



    JSONObject jObj = jsonArray.getJSONObject(i);



 



    E_Lokasi lokasi = new E_Lokasi();



    lokasi.setNama(jObj.getString(TAG_NAMA));



    lokasi.setAlamat(jObj.getString(TAG_ALAMAT));



    lokasi.setGambar(jObj.getString(TAG_GAMBAR));



    lokasi.setLat(jObj.getDouble(TAG_LAT));



    lokasi.setLng(jObj.getDouble(TAG_LNG));



 



    listLokasi.add(lokasi);



   }



 



  } catch (JSONException e)



  {



  }



  return listLokasi;



 }



 



}













Script selnjutnya----------------------------------------------------------------------------










package com.example.wisatajogja;



 



import java.util.List;



 



import org.json.JSONObject;



 



import com.nostra13.universalimageloader.core.ImageLoader;



 



import android.os.AsyncTask;



import android.os.Bundle;



import android.support.v7.app.ActionBarActivity;



import android.widget.ListView;



 



public class MainActivity extends ActionBarActivity



{



 



 private static final String URL = "http://10.0.2.2:8888/example/aplikasi_wisata/webservice.php?get=lokasi";



 



 private JSONHelper   json;



 private ImageLoader   imageLoader;



 private MyAdapter   adapter;



 private ListView   lv_lokasi;



 



 @Override



 protected void onCreate(Bundle savedInstanceState)



 {



  super.onCreate(savedInstanceState);



  setContentView(R.layout.activity_main);



  lv_lokasi = (ListView) findViewById(R.id.lv_lokasi);



 



  imageLoader = ImageLoader.getInstance();



  imageLoader.init(ImageUtils.getImgConfig(this));



 



  json = new JSONHelper();



 



  new AsyncData().execute(URL);



 }



 



 private class AsyncData extends AsyncTask<String, Void, List<E_Lokasi>>



 {



  @Override



  protected List<E_Lokasi> doInBackground(String... params)



  {



   JSONObject obj = json.getJSONFromURL(params[0]);



   return json.getAllLokasi(obj);



  }



 



  @Override



  protected void onPostExecute(List<E_Lokasi> result)



  {



   super.onPostExecute(result);



 



   adapter = new MyAdapter(MainActivity.this, result, imageLoader);



   lv_lokasi.setAdapter(adapter);



 



  }



 



  @Override



  protected void onPreExecute()



  {



   // TODO Auto-generated method stub



   super.onPreExecute();



  }



 }



 



}








Script selnjutnya ---------------------------------------------------------------------------















package com.example.wisatajogja;



 



import java.util.List;



 



import org.json.JSONObject;



 



import com.nostra13.universalimageloader.core.ImageLoader;



 



import android.os.AsyncTask;



import android.os.Bundle;



import android.support.v7.app.ActionBarActivity;



import android.widget.ListView;



 



public class MainActivity extends ActionBarActivity



{



 



 private static final String URL = "http://10.0.2.2:8888/example/aplikasi_wisata/webservice.php?get=lokasi";



 



 private JSONHelper   json;



 private ImageLoader   imageLoader;



 private MyAdapter   adapter;



 private ListView   lv_lokasi;



 



 @Override



 protected void onCreate(Bundle savedInstanceState)



 {



  super.onCreate(savedInstanceState);



  setContentView(R.layout.activity_main);



  lv_lokasi = (ListView) findViewById(R.id.lv_lokasi);



 



  imageLoader = ImageLoader.getInstance();



  imageLoader.init(ImageUtils.getImgConfig(this));



 



  json = new JSONHelper();



 



  new AsyncData().execute(URL);



 }



 



 private class AsyncData extends AsyncTask<String, Void, List<E_Lokasi>>



 {



  @Override



  protected List<E_Lokasi> doInBackground(String... params)



  {



   JSONObject obj = json.getJSONFromURL(params[0]);



   return json.getAllLokasi(obj);



  }



 



  @Override



  protected void onPostExecute(List<E_Lokasi> result)



  {



   super.onPostExecute(result);



 



   adapter = new MyAdapter(MainActivity.this, result, imageLoader);



   lv_lokasi.setAdapter(adapter);



 



  }



 



  @Override



  protected void onPreExecute()



  {



   // TODO Auto-generated method stub



   super.onPreExecute();



  }



 }



 



}








Script selanjutnya--------------------------------------------------------------------------










package com.example.wisatajogja;



 



import android.util.Log;



 



public class Utils



{



 public static void TRACE(String tag, String msg)



 {



  if (BuildConfig.DEBUG)



  {



   Log.d(tag, msg);



  }



 }



 



}








Script Xml 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"



    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/lv_lokasi"



        android:layout_width="match_parent"



        android:layout_height="match_parent" >



    </ListView>



 



</RelativeLayout>













Xml selnjutnya-------------------------------------------------------------------------------










<?xml version="1.0" encoding="utf-8"?>



<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"



    android:layout_width="match_parent"



    android:layout_height="match_parent" >



 



    <ImageView



        android:id="@+id/thumbRow"



        android:layout_width="40dp"



        android:layout_height="40dp"



        android:layout_alignParentTop="true" />



 



    <TextView



        android:id="@+id/titleRow"



        android:layout_width="wrap_content"



        android:layout_height="wrap_content"



        android:layout_toRightOf="@id/thumbRow" />



 



    <TextView



        android:id="@+id/detailRow"



        android:layout_width="wrap_content"



        android:layout_height="wrap_content"



        android:layout_below="@id/titleRow"



        android:layout_toRightOf="@id/thumbRow" />



 



</RelativeLayout>






































Lebih Jelasnya download Source code untuk file di atas 
(DOWNLOAD)

Comments

Post a Comment

terima kasih telah berpartisipasi pada blog kami

Popular posts from this blog

Membuat topologi jaringan menggunakan routing static dengan cisco packet tracer

  Apa yang dimaksud routing static ? Static Routing atau Routing statis adalah sebuah router yang memiliki tabel routing statik yang di setting secara manual oleh para administrator jaringan. Routing static merupakan pengaturan paling sederhana dalam suatu jaringan komputer. Nah, disini kita akan belajar contoh penggunaan dari routing static tersebut. Contohnya seperti yang akan kita lakukan dibawah, selamat belajarr :) Buka aplikasi cisco packet tracer kemudian kita letakkan 2 router, 2 switch dan terdapat 2 PC pada masing-masing router. Pada gambar dibawah, hubungkan PC dengan Switch dan Router dengan Switch. Untuk menghubungkan Router dengan Router kita menggunakan kabel Cross. Pada gambar dibawah terdapat beberapa kab e l untuk menghubungkan sebuah jaringan yang bisa dilihat di cisco packet tracer. Namun untuk menghubungkan perangkat yang berbeda device, contohnya seperti PC dan Switch digunakan kabel Straight, namun jika perangkat sama seperti Router dengan router maka digunakan k
Post a Comment
Read more

Tipe-Tipe Cewek Berdasarkan Lama Balas Di Chat WA

Cewek atau wanita adalah makhluk Tuhan paling rumit untuk dimengerti dan paling sulit untuk ditebak apa yang ada pada fikirannya . Makhluk yang memiliki slogan “ Cewek Selalu Benar dan Cowok Selalu Salah “  dari sebagian cewek itu adalah salah tapi sebagian besar cewek percaya dengan slogan itu yang membuat nya lebih percaya diri untuk menghukum lawan jenis atau cowok yang sedang memiliki hubungan asmara atau pun tidak tapi setidaknya slogan itu sebagai tameng atau penghalang terbaik untuk wanita agar bebas dari jerat seorang lelaki. Berikutnya slogan “ Cewek itu Rumit “ .. iya kan bener itu . Menurut penulis itu memang benar sampai ada meme yang bertuliskan bahwa trik atau tips untuk mengertiin wanita adalah seperti kamus inggiis-indonesia yang 3 miliar kata .. tebal banget dan panjang banget ..iya kan cewek seperti iitu .. hehehe yang cewek saya minta map ya  :D :D Oke kita bahas tipe cewek berdasarkan lama bales chat nya kepada kita .. ayooo capcussss.. !!! 1.      
Post a Comment
Read more