Tutorial Android

Tutorial Membuat Aplikasi Mobile GIS Menggunakan Android Studio: Menu Utama [Bagian 4]

Lanjut dari pembahasan sebelumnya, kali ini penulis akan menjelaskan pembuatan Menu Utama pada aplikasi GIS yang akan kita buat. Jika kalian baru mulai membaca tulisan ini, kalian dapat mengikuti mulai dari bagian pertama pada link dibawah ini :

Baca juga :

Berikut ini merupakan skrip yang harus kalian masukan pada res > layout > content_main.xml :

Untuk tools:context kalian sesuaikan dengan projek kalian, kemudian untuk image yang harus kalian masukan kedalam drawable bisa kalian dapatkan pada link dibawah ini :

Download Drawable Bagian 4

Berikut ini skrip pada MainActivity.java yang harus ditambahkan untuk memanggil image dengan menggunakan library Picasso. Berikut penjelasan library Picasso :

Picasso adalah library untuk image cache di Android. Library ini dibuat dan dikelola oleh Square, dan melayani pemuatan dan pemrosesan gambar. Library ini memudahkan proses menampilkan gambar dari lokasi eksternal. Di berbagai kasus, hanya butuh beberapa baris kode untuk mengimplementasikan library ini.

Kelebihan Picasso adalah ketika digunakan untuk menampilkan image dari internet. Library ini menangani setiap tahap dari prosesnya, mulai dari HTTP request hingga caching file gambarnya. Untuk mengimplementasikannya sendiri (tanpa library) ini merupakan pekerjaan panjang. Dalam tip pendek ini kita akan lihat bagaimana penggunaannya dalam beberapa kasus yang umum.

Untuk menambahkan library picasso pada project. Buka Gradle Script > Build.gradle (Module:app) lalu tambahkan di dalam

dependecies {

}

Kemudian Gradle ulang dengan memilih, Try Again. Tunggu hingga proses gradle selesai dan tambahkan skrip untuk MainActivity.java seperti dibawah ini :

Jika sudah, selanjutnya pergi ke AndroidManifest.xml kemudian tambahkan sebuah permission untuk mengakses Internet. Permission ini dibutuhkan karena pada aplikasi akan menggunakan koneksi internet baik untuk parsing data maupun image seperti Picasso. Tambahkan permission diluar tag <application…>

Berikut ini adalah tampilan output dari Menu Utama yang telah dibuat.

menu utama

Untuk mempercantik aplikasi, tentunya icon dari aplikasi yang akan terlihat pada homepage smartphone tentunya harus menarik. Berikut ini langkah untuk mengganti icon aplikasi :

Buka res > minmap > ic_launcher ini merupakan icon default dari aplikasi, kalian dapat menimpanya agar tidak perlu mengganti nama lagi pada Manifest dengan klik kanan pada minmap, kemudian pilih New > Image Asset

Mengganti Icon Aplikasi

Ganti Asset Type menjadi Image, lalu cari path gambar icon pada PC kalian. Tidak perlu mengubah nama, biarkan ic_launcher kemudian next > finish. Selanjutnya jalankan aplikasi.


nulis di inwepo





2 Comments

2 Comments

  1. Amellia

    at

    saya coba tp error di picassonya. gimana ya benerinnya?
    error(29,13)

    • Ivan Bagus Pinuntun

      Ivan Bagus Pinuntun

      at

      Di gradle app nya sudah dimasukin belum library picassonya ?

      yang ini :
      compile ‘com.squareup.picasso:picasso:2.3.2’

Leave a Reply

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

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 Aplikasi Inwepo

Copyright © 2017 Inwepo. Server by GoCloud

To Top