PROTOTYPE FINAL PROJECT

Wireless and Mobile Computing

SOLO TUTORIAL

Oleh :
Ahmad Nur Arifin David Alfa Sunarna Indah Puspitasari Niswah Wara Pratidina Widyaningdyah Hestin Mulyasari (M0511003) (M0511016) (M0511026) (M0511040) (M0511050) (M0510027)

Jurusan Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret 2014

A. Latar Belakang Saat ini teknologi informasi sangat berkembang pesat seiring dengan waktu. Seiring dengan berkembang dan pesatnya teknologi aplikasi pada perangkat-perangkat telekomunikasi. Ditambah lagi dengan perangkat -perangkat telekomunikasi yang bergerak cepat dalam memperbarui sistem operasi. Android merupakan sistem operasi open source yang dimana merupakan pilihan dalam memenuhi kebutuhan tersier dalam kehidupan. Android adalah sistem operasi dengan sumber terbuka, dan Google merilis kodenya di bawah Lisensi Apache. Kode dengan sumber terbuka dan lisensi perizinan pada Android memungkinkan perangkat lunak untuk dimodifikasi secara bebas dan didistribusikan oleh para pembuat perangkat, operator nirkabel, dan pengembang aplikasi. Selain itu, Android memiliki sejumlah besar komunitas pengembang aplikasi (apps) yang memperluas fungsionalitas perangkat, umumnya ditulis dalam versi kustomisasi bahasa pemrograman Java. Sifat Android yang terbuka telah mendorong munculnya sejumlah besar komunitas pengembang aplikasi untuk menggunakan kode sumber terbuka sebagai dasar proyek pembuatan aplikasi, dengan menambahkan fitur-fitur baru bagi pengguna tingkat lanjut atau mengoperasikan Android pada perangkat yang secara resmi dirilis dengan menggunakan sistem operasi lain. Kurangnya informasi tentang wisata yang berada di kota Solo, maka dibangun aplikasi berbasis Android mengenai wisata yang berada di Solo. Aplikasi Solo Tutorial ini berisikan informasi wisata kuliner, budaya, belanja, dan alat transportasi yang ada di kota Solo. Sehingga wisatawan maupun masyarakat Solo mudah mendapatkan informasi mengenai wisata di kota Solo.

B. Pembuatan Aplikasi Android a. SQLite di Android SQLite adalah Database Open Source yang tertanam ke Android. SQLight mendukung fitur database relasional standar seperti sintaks SQL, transactions dan prepared statements. Selain itu hanya memerlukan sedikit memori pada saat runtime (sekitar 250 KByte). Menggunakan SQLite di Android tidak memerlukan setup database atau administrasi. Kita menentukan SQL untuk bekerja dengan database dan database secara otomatis dikelola untuk kita.

Bekerja dengan database di Android bisa lambat karena diperlukan I / O. Oleh karena itu dianjurkan untuk melakukan work ini dalam sebuah AsyncTask. SQLite mendukung tipe data TEXT (mirip dengan String di Java), INTEGER (mirip dengan yang lama di Java) dan REAL (mirip dengan ganda di Java). Semua jenis lain harus dikonversi ke pada bidang ini sebelum menyimpannya dalam database. SQLight sendiri tidak memvalidasi apakah jenis ditulis ke kolom sebenarnya dari jenis didefinisikan, Kita dapat menulis sebuah integer ke dalam kolom string.

b. Audio playback Playback adalah suatu fitur aplikasi yang tertanam ke Android. Fitur ini mendukung pemutaran audia (lagu,rekaman, dll) serta video pada aplikasi android. Pengunaan playback ini dapat dengan cara streaming (menggunakan link ke suatu website tertentu) atau dapat juga menyimpan file audio/video didalam sdcard (suatu direktori penyimpanan) dalam aplikasi. Pada aplikasi ini yang digunakan adalah audio playback.

c. Metode Prototype Prototyping adalah proses pembuatan model sederhana software yang mengijinkan pengguna memiliki gambaran dasar tentang program serta melakukan pengujian awal. Prototyping memberikan fasilitas bagi pengembang dan pemakai untuk saling berinteraksi selama proses pembuatan, sehingga pengembang dapat dengan mudah memodelkan perangkat lunak yang akan dibuat. Prototyping merupakan salah satu metode pengembangan perangat lunak yang banyak digunakan. Berikut adalah tahapan prototyping : 1) Prototype Horizontal Pada prototype ini membahas mengenai UI user interface secara umum dari aplikasi android yang telah dibuat. Prototype ini bertujuan untuk menunjukkan ruang lingkup proyek (scope) dan mengetahui kebutuhan sistem (requirements), dan menunjukkan fitur eksternal dari sistem aplikasi yang telah kita buat. Maka untuk mendapatkan informasi tersebut, seorang sistem analyst harus berinteraksi dengan pelanggan. 2) Vertical Prototyping Pada prototype ini menjelaskan mengenai sub fungsi dari sistem yang dibuat sehingga dapat mengetahui aspek atau fitur dari interface secara merinci. Untuk

membuat prototype ini harus mengacu pada model data/database yang sesuai. Jika tidak memperhatikan hal ini maka tidak akan memberikan bukti yang realistis mengenai eksternal sistem.

C. Horizontal Prototyping 1. Halaman Home

2. Halaman Galeri

Tampilan setelah diklik gambar kuliner 1:

Untuk detail yang lain, tampilannya sama dengan Kuliner 1.

3. About Us

D. Vertical Prototyping I. Halaman awal (HOME) Halaman awal ini diatur tampilannya dalam layout yang bernama activity_home.xml dan kerja fungsinya diatur dalam source bernama Home.java Berikut adalah penjelasannya. 1. activity_home.xml Terdapat 6 tombol yang diatur nama (id) tombol yang ditunjukkan dengan kode android:id="@+id/NAMA_TOMBOL" dan string yang muncul dalam tombol tersebut ditunjukkan dengan kode android:text="@string/NAMA_STRING" Berikut nama tombol dan keterangannya. a. Budaya android:id="@+id/budaya" android:text="@string/Budaya" b. Belanja android:id="@+id/belanja" android:text="@string/Belanja" c. Kuliner android:id="@+id/kuliner" android:text="@string/Kuliner" d. Transportasi android:id="@+id/transportasi" android:text="@string/Transportasi" e. About Us android:id="@+id/about" android:text="@string/about" f. Exit android:id="@+id/exit" android:text="@string/Exit" 2. Home.java Terkait menampilkan layout yang dikehendaki tertulis dalam kode berikut:

a.

b.

c.

d.

e.

f.

setContentView(R.layout.activity_home); dalam hal ini menampilkan layout yang bernama activity_home.xml. Kemudian mengatur fungsi dari setiap tombol yang ada dalam layout tersebut agar bekerja sebagaimana yang dikehendaki. Awalnya mendeklarasikan variabel setiap tombol dengan kode berikut: Button budaya= (Button) this.findViewById(R.id.budaya); Button kuliner= (Button) this.findViewById(R.id.kuliner); Button belanja = (Button) this.findViewById(R.id.belanja); Button transportasi= (Button) this.findViewById(R.id.transportasi); Button about= (Button) this.findViewById(R.id.about); Button exit= (Button) this.findViewById(R.id.exit); Nama tombol ditunjukkan dengan warna biru dan nama variabel adalah kata yang diblok warna kuning. Setelah variabel dideklarasikan, selanjutnya adalah mengatur fungsi variabel tersebut. Tombol Budaya budaya.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel budaya akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas budaya dalam source (folder src) Budaya.java intent = new Intent(Home.this, Budaya.class); Tombol belanja belanja.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel belanja akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas belanja dalam source (folder src) Belanja.java intent = new Intent(Home.this, Belanja.class); Tombol kuliner kuliner.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel kuliner akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas kuliner dalam source (folder src) Kuliner.java intent = new Intent(Home.this, Kuliner.class); Tombol transportasi transportasi.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel transportasi akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas transportasi dalam source (folder src) Transportasi.java intent = new Intent(Home.this, Transportasi.class); Tombol about us about.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel about akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas about dalam source (folder src) About.java intent = new Intent(Home.this, About.class); Tombol exit exit.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel exit akan menjalankan fungsi jika ditekan.

Kemudian akan memanggil fungsi untuk mengakhiri sistem yaitu dengan kode berikut: finish(); System.exit(0); Dalam halaman awal tersebut terdapat 6 tombol pilihan yang masing-masing memiliki suatu activity. Setiap activity diatur fungsi kerjanya dalam kelas java (source) dan penampilannya dalam layout kecuali tombol exit. Berikut adalah pembagiannya: 1. Kuliner Layout : kuliner.xml Source : Kuliner.java 2. Belanja Layout : belanja .xml Source : Belanja.java 3. Budaya Layout : budaya .xml Source : Budaya.java 4. Transportasi Layout : transportasi.xml Source : Transportasi.java 5. About us Layout : about .xml Source : About.java

II. KULINER Halaman awal ini diatur tampilannya dalam layout yang bernama kuliner.xml dan kerja fungsinya diatur dalam source bernama Kuliner.java Berikut adalah penjelasannya. 1. kuliner.xml Terdapat 4 tombol gambar yang diatur nama (id) tombol yang ditunjukkan dengan kode android:id="@+id/NAMA_TOMBOL" dan string yang mendeskripsikan konten gambar tombol tersebut ditunjukkan dengan kode: android:contentDescription= "@string/STRING_DESKRIPSI" dan nama dari gambar tersebut yang tersimpan (folder drawable-hdpi) ditunjukkan dengan kode: android:src= "@drawable/NAMA_FILE_GAMBAR" Berikut nama tombol gambar dan keterangannya. a. Timlo android:id="@+id/timlo" android:contentDescription="@string/gb4" android:src="@drawable/timlo" b. Liwet2 android:id="@+id/liwet2" android:contentDescription="@string/gb3" android:src="@drawable/liwet2" c. Selat

android:id="@+id/selat" android:contentDescription="@string/gb1" android:src="@drawable/selat" d. Srabi android:id="@+id/srabi" android:contentDescription="@string/gb2" android:src="@drawable/srabi" 2. Kuliner.java Terkait menampilkan layout yang dikehendaki tertulis dalam kode berikut: setContentView(R.layout.kuliner); dalam hal ini menampilkan layout yang bernama kuliner.xml. Kemudian mengatur fungsi dari setiap tombol gambar yang ada dalam layout tersebut agar bekerja sebagaimana yang dikehendaki. Awalnya mendeklarasikan variabel setiap tombol gambar dengan kode berikut: ImageButton srabi= (ImageButton) this.findViewById(R.id.srabi); ImageButton liwet = (ImageButton) this.findViewById(R.id.liwet2); ImageButton selat = (ImageButton) this.findViewById(R.id.selat); ImageButton timlo= (ImageButton) this.findViewById(R.id.timlo); Nama tombol ditunjukkan dengan warna biru dan nama variabel adalah kata yang diblok warna kuning. Setelah variabel dideklarasikan, selanjutnya adalah mengatur fungsi variabel tersebut. a. Tombol gambar srabi srabi.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel srabi akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas srabi dalam source (folder src) Srabi.java intent = new Intent(Home.this, Srabi.class); b. Tombol gambar liwet2 liwet.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel liwet akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas liwet dalam source (folder src) Liwet.java intent = new Intent(Home.this, Liwet.class); c. Tombol gambar selat selat.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel selat akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas selat dalam source (folder src) Selat.java intent = new Intent(Home.this, Selat.class); d. Tombol gambar timlo timlo.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel timlo akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas timlo dalam source (folder src) Timlo.java intent = new Intent(Home.this, Timlo.class); 3. DatabaseKuliner.java

Dalam kelas ini extend kelas SQLiteOpenHelper untuk menggunakan database. Awalnya mendeklarasikan string untuk menyeragamkan saat memangil fungsi. Berikut adalah kode untuk string yang diatur: private static final String NAMA_DATABASE = "dbkuliner"; public static final String NAMA = "nama"; public static final String DETAIL = "detail"; dengan huruf berwarna biru kapital adalah nama string dan yang huruf kecil adalah nilainya. Kemudian membuat tabel database dengan penulisan kode SQL (berwarna biru) dalam fungsi berikut. public void createTable(SQLiteDatabase db){ db.execSQL("DROP TABLE IF EXISTS kuliner"); db.execSQL("CREATE TABLE if not exists kuliner (id INTEGER PRIMARY KEY AUTOINCREMENT, nama varchar(50), detail TEXT);");} Tabel tersebut terdiri dari 3 kolom yaitu id (tipe integer) dan nilainya otomatis ditambah (increment) oleh sistem, nama (tipe varchar) dan detail (tipe text). Jika tabel sudah ada, maka dibuang (drop) dan buat yang baru. Kemudian untuk mengisikan data dalam tabel tersebut menggunakan perintah put, dan menyimpan menggunakan ContentValues. Pertama tama membuat objek cv dalam kelas ContentValues. Berikut adalah kodenya: ContentValues cv=new ContentValues(); cv.put("NAMA", "srabi"); cv.put("DETAIL", "Serabi Solo berbeda dengan serabi daerah lain. Jajanan ini tidak dimakan bersama kuah santan yang manis, karena rasanya sendiri sudah manisa dan gurih. Serabi Solo terbuat dari adonan tepung beras, gula pasir, dan santan. Serabi Solo berbentuk bulat seperti piring dengan kerak disekelilingnya. Serabi Solo memakai toping yang beraneka macam seperti taburan coklat, nangka, dan irisan pisang. Salah satu Srabi solo yang terkenal yaitu Srabi Notosuman Solo."); db.insert("kuliner",NAMA,cv); cv.put("NAMA", "liwet"); cv.put("DETAIL", "Nasi Liwet merupakan makanan khas Solo yang paling terkenal. Nasi Liwet adalah beras yang dimasak denga kaldu ayam yang membuat nasi terasa gurih dan beraroma lezat. Nasi tersebut dicampur dengan sayur labu siyam yang dimasak agak pedas, telur pindang rebus, daging ayam suwir, kumut (terbuat dari kuah santan yang dikentalkan). Disajikan dengan daun pisang yang dibentuk pincuk sebagai piringnya. Penjual Nasi Liwet banyak dapat dijumpai di daerah Keprabon salah satunya Nasi Liwet Bu Wongso Lemu, buka mulai jam 4 sore."); db.insert("kuliner",NAMA,cv); cv.put("NAMA", "timlo"); cv.put("DETAIL", "Timlo Solo adalah hidangan berkuah bening yang berisi sosis goreng yang dipotong-potong, telur ayam pindang dan irisan hati ampela ayam. Menu ini disantap dengan nasi putih yang ditaburi bawang goreng. Berbeda dengan daerah lain, timlo solo tidak memakai soun dan jamur. Warung Timlo yang terkenal di Solo yaitu Warung Timlo Sastri yang dapat dijumpai di Timur

Pasar Gede buka pagi hari dan di Jl Urip Sumoharjo. I porsi timlo dibanderol dengan harga 8000-12000."); db.insert("kuliner",NAMA,cv); cv.put("NAMA", "selat"); cv.put("DETAIL", "Selat Segar Solo adalah salah satu bentuk percampuran masakan berkuah asal barat dengan selera lidah lokal. Racikan selat solo merupakan adaptasi dari salad yang terdiri dari irisan daging, ditambah dengan rebusan wortel, buncis, telur pindang, kentang dan dilengkapi mayonaise serta kuah kecap yang segar. Salah satu warung selat yang terkenal di Solo adalah Warung Selat Viens yang bertempat di dekat Pasar Nongko dan buka pukul 08.00 17.00 dengan harga per porsi kira-kira Rp.8000."); db.insert("kuliner",NAMA,cv); 4. Tombol gambar timlo Jika menekan tombol ini akan diproses oleh Timlo.java dan penampilannya diatur oleh timlo.xml Dalam Timlo.java berisi kode untuk menampilkan layout timlo.xml, berikut adalah kodenya: setContentView(R.layout.timlo); Kemudian juga mendeklarasikan objek-objek yang akan digunakan berikut: private SQLiteDatabase db = null; private Cursor dbCursor = null; private TextView Isi; Kemudian membuat objek dalam kelas DatabaseKuliner: DatabaseKuliner data = new DatabaseKuliner(this); Objek data memanggil fungsi mengambil isi dari database yang kemudian disimpan dalam objek db berikut: db = data.getWritableDatabase(); Objek data membuat tabel dan mempersiapkannya dengan isian data yang sudah disimpan objek db: data.createTable(db); data.generateData(db); Lalu panggil fungsi berikut untuk menampilkan data: TampilkanData(); Dalam fungsi tersebut terdapat kode SQL untuk mengambil data: dbCursor = db.rawQuery("SELECT * FROM kuliner where nama == 'timlo'", null); Jadi fungsi tersebut memanggil dalam database kuliner dimana pada kolom nama berisi data timlo, maka tampilkan data yang terkait timlo. Kemudian data yang diambil tersebut disimpan dalam objek String berikut: String result = ""; result = dbCursor.getString(2); Kemudian untuk tempat menampilkannya pada layout timlo terdapat kotak yang memiliki id = textView1. Maka buat objek Isi yang telah dideklarasikan di

awal, untuk menyimpan nilai id = textView1 dan menampilkan hasil data yang tersimpan di objek result. Isi = (TextView) findViewById(R.id.textView1); Isi.setText(String.valueOf(result)); Untuk tombol gambar lain (selat, liwet dan srabi) penjelasan kode sama dengan tombol gambar timlo.

III. BELANJA Halaman awal ini diatur tampilannya dalam layout yang bernama belanja.xml dan kerja fungsinya diatur dalam source bernama Belanja.java Berikut adalah penjelasannya. 1. belanja.xml Terdapat 4 tombol gambar yang diatur nama (id) tombol yang ditunjukkan dengan kode android:id="@+id/NAMA_TOMBOL" dan string yang mendeskripsikan konten gambar tombol tersebut ditunjukkan dengan kode: android:contentDescription= "@string/STRING_DESKRIPSI" dan nama dari gambar tersebut yang tersimpan (folder drawable-hdpi) ditunjukkan dengan kode: android:src="@drawable/NAMA_FILE_GAMBAR" Berikut nama tombol gambar dan keterangannya. a. Klewer android:id="@+id/klewer3" android:contentDescription="@string/gb3" android:src="@drawable/klewer3" b. Laweyan android:id="@+id/laweyan" android:contentDescription="@string/gb2" android:src="@drawable/laweyan" c. PGS android:id="@+id/pgs" android:contentDescription="@string/gb1" android:src="@drawable/pgs" d. BTC android:id="@+id/btc" android:contentDescription="@string/gb4" android:src="@drawable/btc" 2. Belanja.java Terkait menampilkan layout yang dikehendaki tertulis dalam kode berikut: setContentView(R.layout.belanja); dalam hal ini menampilkan layout yang bernama transportasi.xml. Kemudian mengatur fungsi dari setiap tombol gambar yang ada dalam layout tersebut agar bekerja sebagaimana yang dikehendaki. Awalnya mendeklarasikan variabel setiap tombol gambar dengan kode berikut: ImageButton pgs= (ImageButton) this.findViewById(R.id.pgs); ImageButton btc= (ImageButton) this.findViewById(R.id.btc); ImageButton klewer = (ImageButton) this.findViewById(R.id.klewer3); ImageButton laweyan= (ImageButton) this.findViewById(R.id.laweyan);

Nama tombol ditunjukkan dengan warna biru dan nama variabel adalah kata yang diblok warna kuning. Setelah variabel dideklarasikan, selanjutnya adalah mengatur fungsi variabel tersebut. a. Tombol gambar pgs pgs.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel pgs akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas pgs dalam source (folder src) Pgs.java intent = new Intent(Belanja.this, Pgs.class); b. Tombol gambar btc btc.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel btc akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas btc dalam source (folder src) Btc.java intent = new Intent(Belanja.this, Btc.class); c. Tombol gambar klewer klewer.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel klewer akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas klewer dalam source (folder src) Klewer.java intent = new Intent(Belanja.this, Klewer.class); d. Tombol gambar laweyan laweyan.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel laweyan akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas laweyan dalam source (folder src) Laweyan.java intent = new Intent(Belanja.this, Laweyan.class); 3. DatabaseBelanja.java Dalam kelas ini extend kelas SQLiteOpenHelper untuk menggunakan database. Awalnya mendeklarasikan string untuk menyeragamkan saat memangil fungsi. Berikut adalah kode untuk string yang diatur: private static final String NAMA_DATABASE = "dbbelanja"; public static final String NAMA = "nama"; public static final String DETAIL = "detail"; dengan huruf berwarna biru kapital adalah nama string dan yang huruf kecil adalah nilainya. Kemudian membuat tabel database dengan penulisan kode SQL (berwarna biru) dalam fungsi berikut. public void createTable(SQLiteDatabase db){ db.execSQL("DROP TABLE IF EXISTS belanja"); db.execSQL("CREATE TABLE if not exists belanja (id INTEGER PRIMARY KEY AUTOINCREMENT, nama varchar(50), detail TEXT);");} Tabel tersebut terdiri dari 4 kolom yaitu id (tipe integer) dan nilainya otomatis ditambah (increment) oleh sistem, nama (tipe varchar) dan detail (tipe text). Jika tabel sudah ada, maka dibuang (drop) dan buat yang baru.

Kemudian untuk mengisikan data dalam tabel tersebut menggunakan perintah put, dan menyimpan menggunakan ContentValues. Pertama tama membuat objek cv dalam kelas ContentValues. Berikut adalah kodenya: ContentValues cv=new ContentValues(); cv.put("NAMA", "btc"); cv.put("DETAIL", "Beteng Trade Centre(BTC) adalah pusat perdagangan yang sudah eksis semenjak tahun 1992, sebagai pusat grosir belanja terlengkap dan terbesar khususnya di kota Solo dan sekitarnya. Lantai dasar merupakan pusat perdagangan tekstil. Lantai 1 merupakan pusat perdagangan tas, sepatu dan pakaian jadi. Beteng Trade Center Solo sangat mudah dicapai dari seluruh penjuru kota karena kota Solo termasuk salah satu tujuan wisata dan belanja. Berada di pusat kota Solo dan berbatasan dengan kompleks Kraton Kasunanan Surakarta Hadiningrat, yang merupakan tujuan obyek wisata para turis dari domestik maupun mancanegara."); db.insert("belanja",NAMA,cv); cv.put("NAMA", "pgs"); cv.put("DETAIL", "Pusat Grosir Solo (PGS) adalah pusat belanja yang terletak di pusat kota Surakarta, yaitu di daerah Gladag. Pedagang-pedagang di PGS melayani pembelian baik secara grosir maupun eceran untuk aneka produk sandang, terutama batik di Kota Solo. PGS merupakan salah satu pusat perbelanjaan batik cukup besar dan lengkap di Kota Solo.Paduan area belanja dengan area pariwisata yaitu komplek Keraton Surakarta Hadiningrat dan Keraton Istana Mangkunegaran Surakarta, berhasil mendatangkan pengunjung dengan tingkat konsumsi yang tinggi, terutama pakaian batik yang biasa mereka beli dalam jumlah banyak sebagai buah tangan."); db.insert("belanja",NAMA,cv); cv.put("NAMA", "laweyan"); cv.put("DETAIL", "Kampung Batik Laweyan merupakan kawasan sentra Batik di Kota Solo yang didesain dengan memanfaatkan lahan seluas kurang lebih 24 ha yang terdiri dari 3 blok. Di dalam kampung Batik tersebut, terdapat ratusan pengrajin Batik yang memproduksi bermacam-macam kerajinan batik seperti selendang, sprei, interior, sarung, dan lain-lain dengan berbagai motif seperti Tirto Tejo dan Truntum dengan beragam variasi harga. Selain batik, Kampung Batik Laweyan juga menyimpan kekayaan arsitektur Jawa kuno. Hasil produksi kampung batik Laweyan ini selain diminati oleh pembeli domestik, juga sangat digemari oleh turis mancanegara."); db.insert("belanja",NAMA,cv); cv.put("NAMA", "klewer"); cv.put("DETAIL", "Pasar yang berdiri di wilayah tata kota Keraton Kasunanan Solo ini mulai bergeliat pada tahun 1942-1945 dan semakin berkembang hingga tahun 1968. Berbagai macam kain dan pakaian batik dapat ditemukan di lorong sepanjang lantai satu pasar ini. Di lorong lantai dua, pengunjung bisa menemukan aneka jenis tekstil seperti seragam sekolah, kaos, jaket, dasi, kain bahan katun hingga sutra. Tidak hanya batik-batik khas Solo, batik-batik motif daerah lain pun dijajakan di pasar yang terletak di Jl Dr. Radjiman Solo atau sebelah Alun-Alun

Lor Solo ini. Pengunjung dapat menemukan batik Banyumas, batik Pekalongan, batik Madura, batik Jogja, bahkan juga Batik China."); db.insert("belanja",NAMA,cv); 4. Tombol gambar pgs Jika menekan tombol ini akan diproses oleh Pgs.java dan penampilannya diatur oleh pgs.xml Dalam pgs.java berisi kode untuk menampilkan layout pgs.xml, berikut adalah kodenya: setContentView(R.layout.pgs); Kemudian juga mendeklarasikan objek-objek yang akan digunakan berikut: private SQLiteDatabase db = null; private Cursor dbCursor = null; private TextView Isi; Kemudian membuat objek dalam kelas DatabaseBelanja: DatabaseBelanja data = new DatabaseBelanja(this); Objek data memanggil fungsi mengambil isi dari database yang kemudian disimpan dalam objek db berikut: db = data.getWritableDatabase(); Objek data membuat tabel dan mempersiapkannya dengan isian data yang sudah disimpan objek db: data.createTable(db); data.generateData(db); Lalu panggil fungsi berikut untuk menampilkan data: TampilkanData(); Dalam fungsi tersebut terdapat kode SQL untuk mengambil data: dbCursor = db.rawQuery("SELECT * FROM belanja where nama == 'pgs'", null); Jadi fungsi tersebut memanggil dalam database belanja dimana pada kolom nama berisi data pgs, maka tampilkan data yang terkait pgs. Kemudian data yang diambil tersebut disimpan dalam objek String berikut: String result = ""; result = dbCursor.getString(2); Kemudian untuk tempat menampilkannya pada layout pgs terdapat kotak yang memiliki id = textView1. Maka buat objek Isi yang telah dideklarasikan di awal, untuk menyimpan nilai id = textView1 dan menampilkan hasil data yang tersimpan di objek result. Isi = (TextView) findViewById(R.id.textView1); Isi.setText(String.valueOf(result)); Untuk tombol gambar lain (btc, klewer, dan laweyan) penjelasan kode sama dengan tombol gambar pgs.

IV. BUDAYA Halaman awal ini diatur tampilannya dalam layout yang bernama belanja.xml dan kerja fungsinya diatur dalam source bernama Belanja.java Berikut adalah penjelasannya. 1. budaya.xml

Terdapat 4 tombol gambar yang diatur nama (id) tombol yang ditunjukkan dengan kode android:id="@+id/NAMA_TOMBOL" dan string yang mendeskripsikan konten gambar tombol tersebut ditunjukkan dengan kode: android:contentDescription="@string/STRING_DESKRIPSI" dan nama dari gambar tersebut yang tersimpan (folder drawable-hdpi) ditunjukkan dengan kode: android:src="@drawable/NAMA_FILE_GAMBAR" Berikut nama tombol gambar dan keterangannya. a. Radyapustaka android:id="@+id/radyapustaka" android:contentDescription="@string/gb3" android:src="@drawable/radyapustaka" b. Keraton android:id="@+id/keraton" android:contentDescription="@string/gb1" android:src="@drawable/keraton" c. Mangkunegaran android:id="@+id/mangkunegaran" android:contentDescription="@string/gb2" android:src="@drawable/mangkunegaran" d. Sekaten android:id="@+id/sekaten" android:contentDescription="@string/gb4" android:src="@drawable/sekaten" 2. Budaya.java Terkait menampilkan layout yang dikehendaki tertulis dalam kode berikut: setContentView(R.layout.budaya); dalam hal ini menampilkan layout yang bernama budaya.xml. Kemudian mengatur fungsi dari setiap tombol gambar yang ada dalam layout tersebut agar bekerja sebagaimana yang dikehendaki. Awalnya mendeklarasikan variabel setiap tombol gambar dengan kode berikut: ImageButton keraton = (ImageButton) this.findViewById(R.id.keraton); ImageButton mangkunegaran = (ImageButton) this.findViewById(R.id.mangkunegaran); ImageButton sekaten = (ImageButton) this.findViewById(R.id.sekaten); ImageButton radyapustaka = (ImageButton) this.findViewById(R.id.radyapustaka); Nama tombol ditunjukkan dengan warna biru dan nama variabel adalah kata yang diblok warna kuning. Setelah variabel dideklarasikan, selanjutnya adalah mengatur fungsi variabel tersebut. a. Tombol gambar keraton keraton.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel keraton akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas keraton dalam source (folder src) Keraton.java intent = new Intent(Budaya.this, Keraton.class); b. Tombol gambar mangkunegaran mangkunegaran.setOnClickListener(new View.OnClickListener() {

Kode tersebut maksudnya adalah variabel mangkunegaran akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas mangkunegaran dalam source (folder src) Mangkunegaran.java intent = new Intent(Budaya.this, Mangkunegaran.class); c. Tombol gambar sekaten sekaten.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel sekaten akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas sekaten dalam source (folder src) Sekaten.java intent = new Intent(Budaya.this, Sekaten.class); d. Tombol gambar radyapustaka radyapustaka.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel radyapustaka akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas radyapustaka dalam source (folder src) Radyapustaka.java intent = new Intent(Budaya.this, Radyapustaka.class); 3. DatabaseBudaya.java Dalam kelas ini extend kelas SQLiteOpenHelper untuk menggunakan database. Awalnya mendeklarasikan string untuk menyeragamkan saat memangil fungsi. Berikut adalah kode untuk string yang diatur: private static final String NAMA_DATABASE = "dbbudaya"; public static final String NAMA = "nama"; public static final String DETAIL = "detail"; dengan huruf berwarna biru kapital adalah nama string dan yang huruf kecil adalah nilainya. Kemudian membuat tabel database dengan penulisan kode SQL (berwarna biru) dalam fungsi berikut. public void createTable(SQLiteDatabase db){ db.execSQL("DROP TABLE IF EXISTS budaya"); db.execSQL("CREATE TABLE if not exists budaya (id INTEGER PRIMARY KEY AUTOINCREMENT, nama varchar(50), detail TEXT);");} Tabel tersebut terdiri dari 4 kolom yaitu id (tipe integer) dan nilainya otomatis ditambah (increment) oleh sistem, nama (tipe varchar) dan detail (tipe text). Jika tabel sudah ada, maka dibuang (drop) dan buat yang baru. Kemudian untuk mengisikan data dalam tabel tersebut menggunakan perintah put, dan menyimpan menggunakan ContentValues. Pertama tama membuat objek cv dalam kelas ContentValues. Berikut adalah kodenya: ContentValues cv=new ContentValues(); cv.put("NAMA", "keraton"); cv.put("DETAIL", "KRATON KASUNANAN dibangun oleh Pakoe Boewono II pada tahun 1745 Masehi. Di Keraton Kasunanan Surakarta terdapat Art Gallery benda-benda bersejarah seperti kereta kencana, bermacam-macam senjata, wayang kulit dan benda-benda peninggalan jaman dulu lainnya. Keraton Kasunanan Surakarta dibuka untuk umum setiap hari jam 08.30-14.00, dan hari Minggu jam 08.30-13.00. Kraton tutup pada hari Jumat. Keraton Kasunanan Surakarta terdiri

dari bangunan inti dan lingkungan pendukungnya seperti Gapura (pintu gerbang) yang disebut Gladag pada bagian Selatan. Kemudian ada dua Alun-alun di sebelah Utara dan Selatan kompleks Keraton. Juga terdapat Masjid Agung dan Pasar Batik yang terkenal yaitu Pasar Klewer. Kyai Slamet, Kerbau putih yang dikeramatkan sebagai salah satu pusaka Keraton Kasunanan Surakarta."); db.insert("budaya",NAMA,cv); cv.put("NAMA", "mangkunegaran"); cv.put("DETAIL", "PURA MANGKUNEGARAN dibangun pada tahun 1757 oleh Raden Mas Said. Istana Mangkunegaran terdiri dari dua bagian utama : pendopo dan dalem yang diapit oleh tempat tinggal keluarga raja. PENDOPO adalah Joglo yang digunakan untuk resepsi dan pementasan tari tradisional Jawa. Terdapat gamelan dan koleksi topeng-topeng tradisional seperti Solo, Jogjakarta, Cirebon, Madura, Bali sampai China., kitab-kitab kuno dari jaman Majapahit dan Mataram, perhiasan emas. Pura Mangkunegaran juga memiliki perpustakaan yang disebut Rekso Pustoko. Pengunjung dapat memperoleh berbagai souvenir dan cinderamata di Pare Anom art shop. Pura Mangkunegaran dibuka untuk umum setiap hari jam 09.00-14.00, Jumat jam 09.00-12.00, Minggu jam 09.00-14.00. Ada juga beberapa koleksi kereta yang digunakan untuk upacara-upacara tradisional."); db.insert("budaya",NAMA,cv); cv.put("NAMA", "radyapustaka"); cv.put("DETAIL", "Radya Pustaka adalah museum tertua di Indonesia. Dibangun pada 28 Oktober 1890 oleh Kanjeng Adipati Sosroningrat IV. Museum Radya Pustaka memiliki perpustakaan yang menyimpan buku-buku budaya dan pengetahuan sejarah, seni dan tradisi serta kesusastraan baik dalam bahasa Jawa Kuno maupun Bahasa Belanda.Museum. Koleksi lainnya yaitu arca batu dan perungggu dari zaman Hindu dan Budha, keris kuno dan berbagai senjata tradisional, seperangkat gamelan, wayang kulit & wayang beber, keramik dan berbagai barang seni lainnya. Museum ini terletak di Jalan Slamet Riyadi, bertempat didalam kompleks Taman Wisata Budaya Sriwedari, dan buka pada hari Selasa sampai Minggu jam 8.30-13.00."); db.insert("budaya",NAMA,cv); cv.put("NAMA", "sekaten"); cv.put("DETAIL", "Sekaten adalah festival rakyat tahunan yang diadakan pada tiap tanggal lima pada bulan Jawa Mulud yakni bulan yang ketiga, sesuai dengan sistem kalender Jawa. Festival Sekaten Solo didedikasikan untuk merayakan kelahiran Nabi Muhammad SAW. Untuk mempertahankan budaya Jawa, Sekaten juga bertujuan untuk memenuhi sektor ekonomi dan pariwisata di area Solo. Beberapa ritual atau yang biasa dikenal sebagai Grebeg Mauludan."); db.insert("budaya",NAMA,cv); 4. Tombol gambar radyapustaka Jika menekan tombol ini akan diproses oleh Radyapustaka.java dan penampilannya diatur oleh radyapustaka.xml Dalam radyapustaka.java berisi kode untuk menampilkan layout radyapustaka.xml, berikut adalah kodenya: setContentView(R.layout.radyapustaka); Kemudian juga mendeklarasikan objek-objek yang akan digunakan berikut:

private SQLiteDatabase db = null; private Cursor dbCursor = null; private TextView Isi; Kemudian membuat objek dalam kelas DatabaseBudaya: DatabaseBudaya data = new DatabaseBudaya(this); Objek data memanggil fungsi mengambil isi dari database yang kemudian disimpan dalam objek db berikut: db = data.getWritableDatabase(); Objek data membuat tabel dan mempersiapkannya dengan isian data yang sudah disimpan objek db: data.createTable(db); data.generateData(db); Lalu panggil fungsi berikut untuk menampilkan data: TampilkanData(); Dalam fungsi tersebut terdapat kode SQL untuk mengambil data: dbCursor = db.rawQuery("SELECT * FROM budaya where nama == 'radyapustaka'", null); Jadi fungsi tersebut memanggil dalam database budaya dimana pada kolom nama berisi data keraton, maka tampilkan data yang terkait radyapustaka. Kemudian data yang diambil tersebut disimpan dalam objek String berikut: String result = ""; result = dbCursor.getString(2); Kemudian untuk tempat menampilkannya pada layout radyapustaka terdapat kotak yang memiliki id = textView1. Maka buat objek Isi yang telah dideklarasikan di awal, untuk menyimpan nilai id = textView1 dan menampilkan hasil data yang tersimpan di objek result. Isi = (TextView) findViewById(R.id.textView1); Isi.setText(String.valueOf(result)); Untuk tombol gambar lain (mangkunegaran, keraton, dan sekaten) penjelasan kode sama dengan tombol gambar radyapustaka.

V. TRANSPORTASI Halaman awal ini diatur tampilannya dalam layout yang bernama transportasi.xml dan kerja fungsinya diatur dalam source bernama Transportasi.java Berikut adalah penjelasannya. 1. transportasi.xml Terdapat 3 tombol gambar yang diatur nama (id) tombol yang ditunjukkan dengan kode android:id="@+id/NAMA_TOMBOL" dan string yang mendeskripsikan konten gambar tombol tersebut ditunjukkan dengan kode: android:contentDescription= "@string/STRING_DESKRIPSI" dan nama dari gambar tersebut yang tersimpan (folder drawable-hdpi) ditunjukkan dengan kode: android:src="@drawable/NAMA_FILE_GAMBAR"

Berikut nama tombol gambar dan keterangannya. a. BST android:id="@+id/bst" android:contentDescription="@string/gb3" android:src="@drawable/bst" b. Werkudara android:id="@+id/ werkudara" android:contentDescription="@string/gb1" android:src="@drawable/ werkudara" c. Sepur android:id="@+id/sepur" android:contentDescription="@string/gb2" android:src="@drawable/sepur" 2. Transportasi.java Terkait menampilkan layout yang dikehendaki tertulis dalam kode berikut: setContentView(R.layout.transportasi); dalam hal ini menampilkan layout yang bernama transportasi.xml. Kemudian mengatur fungsi dari setiap tombol gambar yang ada dalam layout tersebut agar bekerja sebagaimana yang dikehendaki. Awalnya mendeklarasikan variabel setiap tombol gambar dengan kode berikut: ImageButton bst= (ImageButton) this.findViewById(R.id.bst); ImageButton sepur = (ImageButton) this.findViewById(R.id.sepur); ImageButton werkudara = (ImageButton) this.findViewById(R.id.werkudara); Nama tombol ditunjukkan dengan warna biru dan nama variabel adalah kata yang diblok warna kuning. Setelah variabel dideklarasikan, selanjutnya adalah mengatur fungsi variabel tersebut. a. Tombol gambar bst bst.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel bst akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas bst dalam source (folder src) Bst.java intent = new Intent(Home.this, Bst.class); b. Tombol gambar sepur sepur.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel sepur akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas sepur dalam source (folder src) Sepur.java intent = new Intent(Home.this, Sepur.class); c. Tombol gambar werkudara werkudara.setOnClickListener(new View.OnClickListener() { Kode tersebut maksudnya adalah variabel werkudara akan menjalankan fungsi jika ditekan. Kemudian akan memanggil kelas werkudara dalam source (folder src) Werkudara.java intent = new Intent(Home.this, Werkudara.class); 3. DatabaseTransportasi.java

Dalam kelas ini extend kelas SQLiteOpenHelper untuk menggunakan database. Awalnya mendeklarasikan string untuk menyeragamkan saat memangil fungsi. Berikut adalah kode untuk string yang diatur: private static final String NAMA_DATABASE = "dbtransportasi"; public static final String NAMA = "nama"; public static final String DETAIL = "detail"; dengan huruf berwarna biru kapital adalah nama string dan yang huruf kecil adalah nilainya. Kemudian membuat tabel database dengan penulisan kode SQL (berwarna biru) dalam fungsi berikut. public void createTable(SQLiteDatabase db){ db.execSQL("DROP TABLE IF EXISTS transportasi"); db.execSQL("CREATE TABLE if not exists transportasi (id INTEGER PRIMARY KEY AUTOINCREMENT, nama varchar(50), detail TEXT);");} Tabel tersebut terdiri dari 3 kolom yaitu id (tipe integer) dan nilainya otomatis ditambah (increment) oleh sistem, nama (tipe varchar) dan detail (tipe text). Jika tabel sudah ada, maka dibuang (drop) dan buat yang baru. Kemudian untuk mengisikan data dalam tabel tersebut menggunakan perintah put, dan menyimpan menggunakan ContentValues. Pertama tama membuat objek cv dalam kelas ContentValues. Berikut adalah kodenya: ContentValues cv=new ContentValues(); cv.put("NAMA", "sepur"); cv.put("DETAIL", "Steam Loco Jaladara atau yang disebut dengan Sepur Kluthuk Jaladara sudah melintasi kota Surakarta sejak 27 september 2009, Lokomotif kereta uap wisata jaladara ini buatan Negara Jerman pada tahun 1896, diambilkan dari Museum Palagan Ambarawa, sementara gerbongnya dari Magelang dan Bandung. Sepur Kluthuk Jaladara, beroperasi setiap hari sabtu dan minggu dengan rute Stasiun Puwosari sampai Stasiun Kota Sangkrah. Rute ini melewati Jalan Slamet Riyadi, jalan utama kota Solo dan singgah beberapa saat di beberapa tempat perhentian, diantaranya Kampung Laweyan, Loji Gandrung, Ngapeman, Pasar Pon, Keraton, Gladak, dan lain-lain. Tarif satu kali perjalanan Sepur Kluthuk Jaladara dikenakan Rp 360.000,00 per orang (paket 25 penumpang), Rp 290.000,00 (paket 35 orang penumpang), dan Rp 150.000,00 (paket 80 orang penumpang)."); db.insert("transportasi",NAMA,cv); cv.put("NAMA", "werkudara"); cv.put("DETAIL", "Kota Solo saat ini sudah mempunyai Bus Tingkat Wisata dengan ketinggiannya mencapai 4,5 meter dengan lebar layaknya bus pada umumnya, yakni sekitar 2,5 meter. Bus tingkat ini hanya ditawarkan kepada wisatawan yang ingin berkeliling Solo.Lokasi yang bisa dituju, antara lain Keraton Surakarta, Kampung Batik Kauman dan Laweyan, Mangkunegaran, Museum Radya Pustakan dan sejumlah tempat lainnya. Calon Penumpang dapat membeli tiket di tempat yang sudah disediakan secara eceran seharga Rp. 20.000,- untuk berkeliling kota Solo pulang pergi pada hari Sabtu, Minggu dan hari libur."); db.insert("transportasi",NAMA,cv); cv.put("NAMA", "bst");

cv.put("DETAIL", "Batik Solo Trans (BST) adalah salah satu moda transportasi di kota Solo. Diluncurkan pada 1 September 2010 yang lalu dengan harga 1kali perjalanan Rp.3000. BST melayani rute langsung ke bandara udara Adi Sumarmo. Adapun jalur atau rute BST dibagi menjadi dua, yaitu : Bandara Adi Sumarmo Terminal Kartasura Jl Slamet Riyadi Gladag Jl Jenderal Sudirman Jl Urip Sumoharjo Simpang Panggung Jl Kol. Sutarto Jl Ir Sutami Jurug Terminal Palur. Terminal Palur Jurug Jl Ir. Sutami Jl Kol. Sutarto Simpang Panggung Jl Urip Sumoharjo Jl Jenderal Sudirman Gladag Jl Mayor Sunaryo Jl. Kapt. Mulyadi Baturono Jl. Veteran Jl Bhayangkara Jl Dr. Radjiman."); db.insert("transportasi",NAMA,cv); 4. Tombol gambar bst Jika menekan tombol ini akan diproses oleh Bst.java dan penampilannya diatur oleh bst.xml Dalam Bst.java berisi kode untuk menampilkan layout bst.xml, berikut adalah kodenya: setContentView(R.layout.bst); Kemudian juga mendeklarasikan objek-objek yang akan digunakan berikut: private SQLiteDatabase db = null; private Cursor dbCursor = null; private TextView Isi; Kemudian membuat objek dalam kelas DatabaseTransportasi: DatabaseTransportasi data = new DatabaseTransportasi(this); Objek data memanggil fungsi mengambil isi dari database yang kemudian disimpan dalam objek db berikut: db = data.getWritableDatabase(); Objek data membuat tabel dan mempersiapkannya dengan isian data yang sudah disimpan objek db: data.createTable(db); data.generateData(db); Lalu panggil fungsi berikut untuk menampilkan data: TampilkanData(); Dalam fungsi tersebut terdapat kode SQL untuk mengambil data: dbCursor = db.rawQuery("SELECT * FROM transportasi where nama == 'bst'", null); Jadi fungsi tersebut memanggil dalam database transportasi dimana pada kolom nama berisi data bst, maka tampilkan data yang terkait bst. Kemudian data yang diambil tersebut disimpan dalam objek String berikut: String result = ""; result = dbCursor.getString(2); Kemudian untuk tempat menampilkannya pada layout bst terdapat kotak yang memiliki id = textView1. Maka buat objek Isi yang telah dideklarasikan di awal, untuk menyimpan nilai id = textView1 dan menampilkan hasil data yang tersimpan di objek result. Isi = (TextView) findViewById(R.id.textView1);

Isi.setText(String.valueOf(result)); Untuk tombol gambar lain (werkudara dan sepur) penjelasan kode sama dengan tombol gambar bst.

VI. ABOUT US Halaman awal ini diatur tampilannya dalam layout yang bernama about.xml dan kerja fungsinya diatur dalam source bernama Home.java Berikut adalah penjelasannya. 1. about.xml dalam file ini terdapat 6 textView yang menampilkan string. Berikut adalah datanya: a. textView1 android:id="@+id/textView1" android:text="@string/ahmad" b. textView2 android:id="@+id/textView2" android:text="@string/david" c. textView3 android:id="@+id/textView3" android:text="@string/indah" d. textView4 android:id="@+id/textView4" android:text="@string/niswah" e. textView5 android:id="@+id/textView5" android:text="@string/dyah" f. textView6 android:id="@+id/textView6" android:text="@string/hestin" 2. About.java Terkait menampilkan layout yang dikehendaki tertulis dalam kode berikut: setContentView(R.layout.about); dalam hal ini menampilkan layout yang bernama about.xml. VII. Audio

Terdapat tombol gambar audio on dan audio off di halaman home.

Berikut pada home.java:

VIII.

Exit Pada home.java:

E. Testing
a. Tablet 7.0

b. Device 4.0

c. Device 3.2