Tutorial Membuat Aplikasi Mobile GIS Menggunakan Android Studio: Fitur Favorite [Bagian 12] – Inwepo
Tutorial Android

Tutorial Membuat Aplikasi Mobile GIS Menggunakan Android Studio: Fitur Favorite [Bagian 12]

Terimakasih bagi kalian yang sudah menunggu untuk tutorial ini. Pada bagian ini penulis akan melanjutkan pembahasan mengenai penambahan fitur favorite pada project yang sedang dikerjakan. Jika kalian sudah mengikuti samapai tutorial sebelumnya, maka kalian telah berhasil membuat sebuah database sqlite, dimana database tersebut bersifat internal yang berada di dalam smartphone masing-masing user.

Bagi kalian yang baru mengikuti tutorial ini, kalian dapat melihat dan mencoba membuat project pada link dibawah ini :

Baiklah, untuk pembahasan kali ini penulis akan menjelaskan bagaimana cara pembuatan fitur favorite, dimana data favorite tersebut akan disimpan di dalam sqlite dan akan ditampilkan pada Recyclerview. Berikut ini dalah tahapannya :

1.  Buka project, kemudian pada DetialStudio.java tambahkan skrip dibawah ini :

Deklarasikan tipe data untuk DbDataSource sebagai “db” dan “favorite” dengan tipe boolean.

Lanjut, tambahkan skrip dibawah ini di dalam onCreate :

Kemudian tambahkan skrip diatas yang berguna untuk membuka DBDataSource Sqlite ke DetailStudio.java, kemudian memanggil fungsi isFavorite dan mengambil id untuk disimpan kedalam variabel dengan nama favorite. Lalu buat percabangan untuk mengubah warna dari ImageView favorite yang berada pada DetailStudio.

Selanjutnya gunakan event setOnClick pada variabel imageView “buttonf” yang didalamnya berisi perintah pengecekan favorite, apabila warna dari imageview diberi R.drawable.starwhite maka akan memangil fungsi deleteStudioMusik dan mendelete id dari studio musik terpilih dan dibeli value favorite = false, untuk else akan menjalankan fungsi insertStudioMusik dan diberi parameter yaitu nama-nama field yang sudah didefinisikan pada DBHelper sebelumnya.

2. Buat tampilan list favorite, buka activity_favorites.xml kemudian tambahkan skrip dibawah ini :

Dan dibawah ini untuk drawable/click_see_studio (pilih warna sesuai selera) :

 

3. Buat sebuah layout baru untuk Recyclerview dengan nama “activity_list_favorite.xml” dan berikan skrip dibawah ini :

Layout diatas akan digunakan untuk menampung list yang akan tampil dan untuk tampilan / desain dari list itu sendiri yang sudah dibuat sebelumnya pada activity_favorites.xml.

 

4. Selanjutnya buat sebuah file java baru dengan nama ListAdapter.java. Lalu tambahkan skrip dibawah ini :

onCreateViewHolder berfungsi untuk menentukan view untuk desain list yaitu dipilih activity_favorites.xml.

onBindViewHolder berfungsi untuk mengatur data yang akan dicetak di list Recyclerview. Pada class ini juga terdapat event setOnClick untuk mengirimkan bebrapa data dari sqlite ke DetailActivity dan juga perintah intent.

ViewHolder berfungsi untuk inisialisasi dari item-item yang ada pada desain list activity_favorites.xml

Kemudian class setAnimation adalah animasi ketika list tersebut tampil.

 

5. Selanjutnya buka Favorites.java dan tambahkan skrip dibawah ini :

Pada skrip diatas untuk onCreate berisi beberapa deklarasi objek untuk array_list untuk menampung data yang diterima dari adapter, kemudian inisialisasi variabel list_item sebagai Recyclerview, dan juga variabel progressBar yang menggunakan event onClick yang akan menjalankan method getData().

Isi dari method getData() adalah proses melakukan set data-data yang dibutuhkan dari sqlite ke dalam Adapter dan disimpan di dalam array_list yang sudah di definisikan sebelumnya.

 

6. Berikut ini merupakan beberapa tampilan preview layout yang sudah dibuat :

activity_favorites.xml

activity_favorites

 

activity_list_favorites

activity_list_favorites

 

7. Pada MainActivity.java tambahkan skrip dibawah ini di dalam onCreate :

Skrip diatas ditambahkan untuk inisialisasi imageview dengan id favBtn dan diberi event setOnClick yang berisi perintah intent atau pindah ke layout Favorites.class.

 

8. Langkah terakhir adalah melakukan Run Project, berikut ini merupakan tampilan output nya :

tampilan fav studio ridge

tampilan fav soundgraph studio

Diatas merupakan contoh 2 studio yang diberi favorite, maka otomatis icon bintang akan berubah menjadi merah.

 

tampilan list Recyclerview

Tampilan diatas merupakan tampilan list favorite Recyclerview dari 2 studio musik yang sudah diberikan favorite. Lalu apabila button “see this studio” di klik maka akan menampilkan detail studio kembali.

Berikut ini link untuk APK dari projek yang telah kita kerjakan :

AplikasiGIS.apk

Demikianlah keseluruhan tutorial dari pembuatan aplikasi GIS pada Android Studio semoga dapat bermanfaat bagi pembaca setia Inwepo. Apabila ada hal yang ingin ditanyakan seputar tutorial, kalian dapat meninggalkan komen pada tiap postingan. Terimakasih… 🙂






7 Comments

7 Comments

  1. Baskoro

    at

    db = new DBDataSource(ContentStudio.this);

    ContentStudio di ambil dari mana ya mass?
    mohon pencerahannya
    Terimakasih

    • Ivan Bagus Pinuntun

      at

      itu dari database internal sqlite mas

  2. Rizal

    at

    boleh tambahkan fitur untuk pencarian rute

  3. om baskoro,, boleh minta no WA kayaknya kita membuat project yang sama

  4. wahyu

    at

    yang ContentStudio.this itu ambil data dari mana mas ?

    • Ivan Bagus Pinuntun

      at

      itu java class

  5. aulia

    at

    mas, aplikasinya sudah saya download dan install. tp waktu saya buka dia bilang “error: tidak ada koneksi internet” ith knpa ya? pdhal interet saya nyala?

Leave a Reply

Your email address will not be published. Required fields are marked *

Latest Tutorials

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar, dan video

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di indonesia untuk menyelesaikan masalahnya. Ayo berbagi tutorial terbaikmu

Download


Copyright © 2017 Inwepo. Server by GoCloud

To Top