Contoh Implementasi Smart Tourism Ke Dalam Aplikasi Smartphone

★ Kampus : Institut Teknologi harapan Bangsa.

★ Jurusan   : IT (Sistem Komputer).

★ Dosen    : I Putu Agus Eka Pratama, ST MT.

Aplikasi Wisata Sejarah Kota Bandung

Kali ini saya akan menjelaskan tentang Proses pembuatan menu menggunakan DroidDraw, menggenerate XML, kemudian membuat project Android aplikasi dan menggunakan XML hasil generate yang tadi.

1.     Langkah pertama, jalankan Eclipse ADT Android dan DroidDraw.  Selanjutnya ubah pengaturan di bagian Root Layout menjadi RelativeLayout (Screen -> Root Layout -> RelativeLayout), klik tab Layouts sebelah kanan, Pilihlah LinearLayout, drag dan letakkan di kanvas yang telah diset sebagai RelativeLayout. Selanjutnya supayah lebih nyaman aturlah panjang dan lebarnya Kemudian klik Apply.

2.     Kemudian beralihlah ke tab Widgets. Drag widget TextView ke arah kanvas, kemudian edit di Id menjadi TextView1. Berilah nama di bagian Text dengan “Wisata Sejarah di Kota Bandung”. Sampai di sini langkah.

3.     Di tab Widgets, drag widget RadioGroup, kemudian Berikan nilai id dengan “RadioGroup1” dan pada width ubah ke fill_parent. Untuk height biarkan default sebagai wrap_content. Lanjut lagi dengan mendrag tiga buah widget Radio Button. Letakkan sejajar ke bawah berurutan. Untuk masing-masing widget Radio Button ini editlah dan berikan id masing-masing RadioButton1, RadioButton2, dan RadioButton3. Jangan lupa untuk masing-masing text di RadioButton berikan nama Gedung Sate, Museum Asia Afrika, dan Savoy Homann.

4.     Langkah terakhir, klik menu Generate di bagian kiri atas. Anda akan disajikan kode XML. Biarkan kode itu, karena untuk codingnya nanti.

Selanjutnya kita membuat project aplikasi android dengan menggunakan Eclipse ADT. Buat project baru dan beri nama “Wisata Sejarah Bandung”. Untuk package name anda bebas memberikan

namanya.

Untuk lainnya biarkan saja standar. Tekan next sampai muncul tampilan seperti ini.

Kemudian tambahkan nama activity dengan “WisataSejarahBandung” dan nama layout sebagai “wisata_sejarah_bandung”. Kemudian klik finish. Kini project WisataSejarahBandung sudah selesai.

Berikutnya pada bagian src akan ada file bernama WisataSejarahBandung.java. Kemudian isikan dengan script berikut :

package com.example.wisatasejarahbandung;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.EditText;

import android.widget.RadioButton;

import android.widget.RadioGroup;

import android.widget.TextView;

public class WisataSejarahBandung extends Activity {

TextView TextView1;

RadioGroup RadioGroup1;

RadioButton RadioButton1, RadioButton2, RadioButton3;

Button Button1;

EditText EditText1;

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.wisata_sejarah_bandung);

/*Mendeklarasikan semua variabel yang digunakan,

berhubungan dengan

file main.xml */

RadioGroup1 = (RadioGroup)

findViewById(R.id.RadioGroup1);

RadioButton1 = (RadioButton)

findViewById(R.id.RadioButton1);

RadioButton2 = (RadioButton)

findViewById(R.id.RadioButton2);

RadioButton3 = (RadioButton)

findViewById(R.id.RadioButton3);

Button1 = (Button) findViewById(R.id.Button1);

EditText1 = (EditText) findViewById(R.id.EditText1);

EditText1.setText("");

TextView1 = (TextView) findViewById(R.id.TextView1);

/*Jika tombol diclick jalankan class tomboldiclick

*/

Button1.setOnClickListener(new tomboldiclick());

}

// Berhubungan dengan button melalui XML

// Bagian ini untuk handler button pada widget

class tomboldiclick implements Button.OnClickListener

{

public void onClick(View v)

{

if (v == Button1)

{

if (RadioButton1.isChecked())

{

EditText1.setText("Gedung peninggalan Belanda yang

kini menjadi kantor Gubernur Jawa Barat.");

}

if (RadioButton2.isChecked())

{

EditText1.setText("Tempat diadakannya Konferensi

Asia Afrika oleh Presiden Soekarno.");

}

if (RadioButton3.isChecked())

{

EditText1.setText("Merupakan hotel tertua di kota

Bandung peninggalan Belanda.");

}

}

}

}

}

 Berikutnya kembali ke layout,  wisata-sejarah_bandung.xml. Buka via XML

Android editor di ADT Eclipse, dang anti dengan script dibawah ini :

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

<RelativeLayout

android:id="@+id/widget32"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

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

<TextView

android:id="@+id/TextView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text = "Wisata Sejarah di Kota Bandung "

android:layout_below="@+id/EditText1"

android:layout_toRightOf="@+id/Button1" />

<EditText

android:id="@+id/EditText1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_marginTop="18dp"

android:layout_marginBottom="18dp"

android:layout_marginLeft="18dp"

android:layout_marginRight="18dp"

android:textSize="18sp"

android:layout_below="@+id/Button1"

android:layout_alignParentLeft="true" />

<Button

android:id="@+id/Button1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text = "Pilih "

android:textSize="18sp"

android:textStyle="bold"

android:layout_below="@+id/RadioButton3"

android:layout_alignParentLeft="true" />

<RadioButton

android:id="@+id/RadioButton3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Savoy Homann"

android:layout_below="@+id/RadioButton2"

android:layout_alignParentLeft="true" />

<RadioButton

android:id="@+id/RadioButton2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Museum Asia Afrika"

android:layout_below="@+id/RadioButton1"

android:layout_alignParentLeft="true" />

<RadioButton

android:id="@+id/RadioButton1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Gedung Sate"

android:layout_below="@+id/RadioGroup1"

android:layout_alignParentLeft="true" />

<RadioGroup

android:id="@+id/RadioGroup1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_alignParentTop="true"

android:layout_alignParentLeft="true">

</RadioGroup>

</RelativeLayout>

Simpan project anda dan kembali kehalaman sebelumnya klik kanan jalankan dengan opsi Run as Android Application. Maka akan muncul sebuah emulator Android (AVD).

Kini aplikasi wisata gedung sate kita sudah selesai, silakan coba dengan project lain sesuai keperluan anda.

Utuk mengeti lagi tantang Smart Tourism anda bisa mengunjugi link ini.