Yoesuv

Menerapkan Custom Font/Font Family pada Aplikasi Android

noreply@blogger.com (Unknown) — Sun, 7 Jun 2020 17:19:00 +0700

Untuk mengganti atau menerapkan font pada aplikasi android secara efektif dan efisien, sekarang sudah lebih mudah. biasanya dulu membuat custom textview yang diextend untuk diset typefacenya.

aplikasinya seperti berikut ini.menggunakan navigation component dan ada tab + viewpager.

untuk memulainya pertama buat resource baru. klik kanan res -> new -> Android Resource Directory dan pilih font.

selanjutnya copy file font yang akan digunakan. disini menggunakan Pacifico dan Raleway.

selanjutnya adalah membuat xml font. misal yang raleway kan ada dua jenis regular dan bold. akan disatukan kedalam satu xml.

klik kanan pada font -> New -> Font Resource File dan beri nama xmlnya. berikut merupakan xml dari font raleway.
selanjutnya untuk font pacifico juga sama. buat xml font baru dengan jenis font pacifico. jika sudah selesai xml font akan dimasukkan ke dalam style. berikut contoh stylenya. ada dua style yang pertama untuk style global yang kedua untuk toolbar. (cek contoh aplikasi pada gambar post paling atas)

jalankan maka font akan sesuai dengan yang ditambahkan.dengan memakai cara ini maka semua font akan otomatis diganti misal bottom navigation, tab bar viewpager dan popup menu yang biasanya tidak otomatis terganti.

untuk lebih jelasnya bisa langsung cek repository githubnya.
selamat mencoba.

Android Switch Language

noreply@blogger.com (Unknown) — Mon, 1 Jun 2020 16:43:00 +0700

Kadang pada saat membuat aplikasi android terdapat pengaturan untuk ganti bahasa pada aplikasi. dan bukan bergantung dari pengaturan bahasa di perangkat tentunya. nah, kali ini akan membahas tentang ganti bahasa pada aplikasi android.

seperti ini nantinya aplikasinya. terdapat radio button untuk berganti bahasa.

langkah pertama tentu saja mempersiapkan resource values untuk tempat xml string.

klik kanan pada res -> new -> Android Resource Directory nanti akan muncul seperti berikut.

pilih bagian Locale, klik tanda >> di tengah, maka akan muncul pilihan bahasa dari negara-negara yang ada. klik OK

maka akan ada folder values baru. sesuai yang dipilih seperti diatas.

persiapan sudah selesai, tinggal copy saja string xml nya kedalam folder values baru sesuai bahasa yang akan digunakan. bisa di cek di preview layout design maka akan muncul.

setelah layout dan values siap, lanjut ke proses coding. untuk pilihan berganti bahasa ini memang ada beberapa cara. dan salah satunya seperti berikut. intinya adalah membuat BaseActivity kemudian di extend ke Activity.

pertama buat class context wrapper.

class context wrapper diatas akan dipakai disini. buat class Base Activity. perlu diperhartikan di line 9 bagian Locale itu mengacu pada value di preferences. misal disini EN (english) dan IN (indonesia) bisa ke jawaban stackoverflow berikut.

nah, persiapan sudah selesai. jadi nanti jika akan membuat activity maka akan di extend dari class BaseActivity ini dan bukan AppCompatActivity.

dan jangan lupa setting bahasa ini perlu disimpan ke preferences. bisa memakai Kotpref. jadi pengaturan bahasa ada EN (english) dan IN (indonesia).

untuk project lengkapnya bisa dilihat disini.

selamat mencoba.

Bentuk Perulangan (Looping) pada Dart

noreply@blogger.com (Unknown) — Sun, 13 Oct 2019 15:10:00 +0700

untuk melakukan perulangan pada dart, bisa menggunakan keyword for, while dan do while. berikut contohnya.

yang pertama menggunakan for.

atau jika bentuk datanya array.

selanjutnya menggunakan while.

yang terakhir menggunakan do while.

selamat mencoba.

Percabangan (Conditional Statement) pada Dart

noreply@blogger.com (Unknown) — Sat, 12 Oct 2019 17:12:00 +0700

Untuk conditional statement Dart menggunakan keyword if dan switch.

berikut merupakan contoh if sederhana.

kalau dibuat satu baris (ternary operator) jadinya akan seperti berikut ini.

kalau berikut ini if yang lebih kompleks.

selanjutnya untuk switch. nah, untuk dart ini hanya bisa tipe constant ya. kalau seperti if else diatas dibuat ke switch tidak bisa.

Selamat Mencoba.

Membuat Kelas pada Dart

noreply@blogger.com (Unknown) — Tue, 8 Oct 2019 13:48:00 +0700

Seperti yang sudah diketahui, Dart ini merupakan Object Oriented. maka akan ada pembuatan kelas-kelas seperti bahasa pemrograman OOP lainnya.

Berikut ini merupakan contoh kelas standar pada Dart. dimana terdapat deklarasi variable dan function. yang mirip dengan java. bahkan untuk instance kelas pakai keyword new.

Jika ingin menggunakan constructor pada kelas tersebut tinggal ditambahkan saja sama seperti java. juga bisa dengan parameter seperti biasa.

Easy, Selamat Mencoba.

Membuat Fungsi/Method pada Dart

noreply@blogger.com (Unknown) — Tue, 8 Oct 2019 09:52:00 +0700

Setelah sebelumnya berkenalan dengan Dart, maka lanjut post ini untuk mempelajari bagaimana membuat function pada Dart.

Bisa dilihat dibawan contoh codingan Dart untuk pembuatan function.

Pada contoh coding diatas terdapat Type String, int dan double. juga ada function dengan parameter. jika dijalankan akan jadi seperti berikut ini.

Bagaimana? Mudah bukan?
Selamat Mencoba.

Memulai Belajar Dart

noreply@blogger.com (Unknown) — Mon, 7 Oct 2019 10:10:00 +0700

Dart merupakan bahasa pemrograman yang dikembangkan oleh google, dan pertama kali diperkenalkan pada tahun 2011. dart ini merupakan bahasa pemrograman multiple runtime environment. dan salah satunya bisa membuat aplikasi android & iOS sekaligus (seperti React Native).

Dart merupakan object oriented language dan codingnya mirip dengan C, C#, Java dan Javascript.

untuk mulai mencobanya, bisa langsung memakai Dartpad Editor. langsung dari browser tanpa perlu menginstall apa-apa.

dartpad.dartlang.org

di panel sebelah kiri terdapat editor untuk coding, disebelah kanan terdapat console untuk output yang dibawanya ada tempat untuk informasi codingannya. dan di tengan ada tombol run untuk menjalankan.

langsung saja dibuat ngoding.
Code diatas jika dijalankan akan seperti berikut.

Dari potongan code diatas mungkin sudah bisa sedikit memahami tentang Dart ini. misal harus ada titik koma di akhir seperti Java dan bagaimana cara membuat fungsi.

Selamat mencoba.

Maksimalkan Debugging Saat Membangun Aplikasi Android

noreply@blogger.com (Unknown) — Tue, 1 Oct 2019 08:40:00 +0700

Tentu pada saat mendevelop aplikasi android perlu proses debugging. nah berikut ini merupakan hal-hal yang bisa digunakan/dimaksimalkan pada saat debugging agar aplikasinya semakin berkualitas.

1. Menggunakan Logcat
yang ini merupakan tools untuk menampilkan log pada aplikasi android.

untuk mengganti warnanya, bisa ke File -> Setting -> Editor -> Color Scheme -> Android Logcat. berikut merupakan contoh color scheme, jangan lupa hilangkan centang pada Inherit values from: jika ingin mengganti warna pada pesan log.

berikut merupakan kode warna yang digunakan seperti color scheme diatas.

Log Assert : #B87BD5
Log Debug : #54C1E9
Log Error : #F95C5A
Log Info : #759769
Log Verbose : #EEEFFF
Log Warning : #FAC848

jika ingin lebih spesifik menampilkan pesan lognya, bisa menggunakan kotlin extension. pertama buat constant untuk tag log nya.

lanjut ke pembuatan kotlin extension.

dan sekarang tinggal panggil kotlin extensionnya untuk me-log sesuatu. tinggal dikasih filter sesuai dengan tag.

2. Android Profiler
Tools yang ini digunakan untuk melihat kebutuhan resources pada aplikasi android.

bisa dilihat diatas, menampilkan data CPU, Memory, Network dan Energy. jadi misal kalau aplikasinya lemot bisa di cek langsung disini. apakah pemakaian RAM nya melonjak atau penggunaan CPUnya tinggi.

3. Developer Options, Show Layout Bounds
Kalau ini harus di setting dari Devicenya langsung melalui menu Developer Options.

jika menu ini diaktifkan maka pada device akan menampilkan garis-garis untuk tanda margin, padding dan lain-lain. jadi langsung bisa di cek pengaturan margin, padding. seperti screenshot dibawah ini.

4. Developer Options, Debug GPU Overdraw
ini juga masih di menu developer options. yang ini digunakan untuk memeriksa issue overdraw.

jika diaktifkan yang Show overdraw areas misalkan. maka aplikasi akan seperti berikut ini.

bisa dilihat diatas ada daerah yang berwarna hijau dan merah. itu merupakan area-area yang di cek melalui menu ini. untuk lebih lengkapnya tentang overdraw ini bisa klik link berikut.

5. ADB Idea (Android Studio Plugin)
Kalau ADB Idea ini merupakan plugin Android Studio. jika diinstall maka akan tampil di Tools -> ADB Idea -> menu ADB Ideanya. tools ini digunakan untuk clear data, uninstall, restart dan lain-lain. kalau mengakses dari menu setting di device kan repot, jadi bisa langsung lewat plugin ini.

6. Dexcount Gradle Plugin
Kalau plugin yang ini digunakan untuk melihat jumlah method, field dan class yang ada pada aplikasi android. tentu jika sudah melebihi batas maka akan menjadi multidex. tentang bagaimana cara pakainya langsung saja ke repository githubnya.

Daftar diatas merupakan hal-hal yang bisa dioptimalkan pada saat debugging Android, dan tentu saja bisa menambahkan tools-tools baru jika diperlukan kedepannya.
selamat mencoba.

Android Networking MVVM dengan Kotlin Coroutines

noreply@blogger.com (Unknown) — Wed, 18 Sep 2019 16:17:00 +0700

Setelah sebelumnya membuat aplikasi android MVVM networking dengan Rx Java dan Rx Android. maka kali ini akan ganti dengan Kotlin Coroutines.

setelah membuat project android baru, aktifkan data binding. kemudian tambahkan library seperti berikut.

untuk sample API nya diambil dari link berikut ini. sehingga class modelnya seperti berikut.

lanjut untuk class networkingnya bisa di cek langsung kesini. setelah class-class untuk networking siap. bisa lanjut ke viewmodel. perhatikan fungsi getListPlace() terdapat viewModelScope.launch

hasil dari prosesnya dimasukkan variable liveDataListPlace. terus tinggal di observe di MainActivity. untuk ditampilkan ke recyclerview melalui adapter.

untuk lebih lengkapnya bisa cek repository githubnya disini.

selamat mencoba.

Android Heterogeneous RecyclerView

noreply@blogger.com (Unknown) — Mon, 16 Sep 2019 09:57:00 +0700

Ada saatnya item recyclerview pada Android menampilkan bermacam-macam type layout tergantung tipe datanya seperti apa. istilahnya item layout pada recyclerview bisa bermacam-macam. misalnya seperti gambar berikut ini.

bisa dilihat diatas item pada recyclerview ada dua macam. satu dengan gambar dan yang satu cuma text saja. apakah item layoutnya satu jadi terus pakai if? tentu tidak, jawabannya adalah memakai dua view holder pada adapternya.

sebelumnya siapkan dulu project android baru dengan data binding (MVVM). langsung saja ke view modelnya disini untuk list datanya disini pakai dua model. ImageModel dan TextModel.

variable live data listHeterogeneous akan di observe di activity.
setelah model dan viewmodel siap silahkan buat dua layout untuk item image dan item text
seperti gambar diatas layout yang satu ada gambarnya dan yang satu cuma text saja.

sekarang bagian terpenting pada Adapternya. mulai dari bagian atas dahulu buat constant untuk masing-masing tipe item dan juga diff callback untuk masing-masing model. untuk menentukan typenya override getItemViewType. selanjutnya tinggal di if di onCreateViewHolder berdasarkan view holder masing-masing (disini pakai dua view holder)

jadi intinya adalah memakai dua viewholder pada adapter jika ingin menampilkan item yang berbeda-beda. atau nantinya bisa dikembangkan lebih dari dua view holder.

check repository githubnya disini.
selamat mencoba.

Android Navigation Library - Advanced

noreply@blogger.com (Unknown) — Mon, 1 Jul 2019 13:50:00 +0700

Pada post ini merupakan lanjutan dari post sebelumnya tentang navigation basic.

jadi yang ini merupakan versi advanced dari yang sebelumnya, dimana bentuk aplikasinya lumayan kompleks. contohnya seperti berikut ini, halaman utama terdapat tiga fragment dengan bottom navigation view. dan ada detail untuk masing-masing menu (misal ada list notifikasi dengan detail notifikasi). lebih lengkapnya navigasinya seperti berikut. atau bisa dilihat di github readme repo post ini.

pastikan memahami tentang navigation basic dahulu. karena disini juga terdapat contoh arguments jika mengirim data antar fragment dengan parcelable.

yang perlu diperhatikan disini adalah penamaan id pada xml menu dan xml navigation graph harus sama untuk menu bottom navigation view. misal berikut contoh menu.xml

dan berikut contoh navigation.xml
mohon maaf jika tidak menulis secara lengkap untuk post kali ini.

langsung cek repository githubnya disini.
selamat mencoba.

Android Navigation Library - Basic

noreply@blogger.com (Unknown) — Wed, 26 Jun 2019 13:25:00 +0700

Salah satu library yang terbaru dari Android Jetpack adalah Navigation Library. library ini mempermudah dalam mengembangkan aplikasi dengan model single activity.

untuk contoh dasarnya seperti berikut. pada fragment pertama jika di klik menuju ke fragment kedua. contoh apknya download disini.

dan contoh navigation graphnya nanti akan seperti berikut ini.

langsung ke pembuatannya. silahkan buat project android baru. dan langsung tambahkan resource untuk navigation. caranya klik kanan pada res -> new -> Android Resource File. jangan lupa ganti Resource type nya ke Navigation.

maka otomatis android studio akan membuat folder resources untuk navigation.

dan juga menambahkan library untuk navigation.

langkah pertama selesai. sekarang lanjut ke main activity. Main Activity ini akan bertindak sebagai host untuk dua fragment (lihat contoh gambar paling atas pada post ini). rubah xmlnya seperti berikut.
perhatikan pada bagian tag fragment. dan juga karena menggunakan toolbar sendiri maka ganti tema di file styles.xml ubah parentnya menjadi Theme.AppCompat.Light.NoActionBar.
sedangkan untuk class nya seperti berikut. ada function setupNavigation() karena menggunakan toolbar sendiri. kemudian juga perlu mengatur Navigation, agar toolbar terdapat tanda back.

Sekarang lanjut ke fragment pertama. buat layout xml standar dengan sebuah button untuk menuju fragment kedua.

sedangkan untuk class fragment pertama seperti berikut. bisa dilewati dulu untuk action button clicknya karena belum membuat navigation action.
untuk fragment kedua juga sama. tinggal ganti saja id dan stringnya.
untuk class fragment kedua lebih mudah. karena hanya button mengatur action back saja.

oke semuanya siap, sekarang bagian paling penting yaitu mengatur navigationnya melalui xml. perhatikan pada fragment pertama, terdapat action dengan id dan destination. id action inilah yang akan dipanggil pada button click fragment pertama.

sekarang tinggal dijalankan. jika benar maka aplikasi akan seperti contoh apk aplikasi di atas. dengan model single activity.

Selamat Mencoba.
Lihat repository githubnya disini.

Android Development - Migrasi ke AndroidX

noreply@blogger.com (Unknown) — Mon, 24 Jun 2019 10:11:00 +0700

Sejak android SDK 29 rilis. maka dalam setiap pembuatan project android baru wajib memakai AndroidX. dan android support library terakhir yang didukung hanya sampai versi 28.0.0, jika ingin mengupdate maka wajib migrasi ke AndroidX.

AndroidX ini mulai diperkenalkan pada SDK 28 (cmiiw). dan jika ingin mengupgrade project android ke AndroidX wajib mengupdate compile SDK minimal ke SDK 28. dan tambahkan baris baru di gradle.properties.

atau jika tidak mau repot bisa langsung ke menu Refactor -> Migrate to AndroidX

apa sih bedanya dengan yang dulu? misal satu saja yaitu untuk support library app compat. kalau di AndroidX.

implementation androidx.appcompat:appcompat:1.0.2

kalau dulu kan seperti ini.

implementation com.android.support:appcompat-v7:28.0.0

lebih lengkapnya ada disini. demikian penjelasan singkat untuk migrasi ke AndroidX. diharapkan kedepannya pasti akan terbiasa, haha..

selamat mencoba.

Menggabungkan Dua atau lebih proses dengan Rx Java

noreply@blogger.com (Unknown) — Mon, 24 Jun 2019 09:13:00 +0700

Seringkali dalam membuat aplikasi android terdapat dua atau lebih proses networking. nah, proses tersebut bisa digabung menjadi satu dengan operator pada Rx Java.

misal contoh seperti dibawah ini. dalam satu activity ada dua proses networking untuk mendapatkan data list dan gallery.

bagaimana cara menggabungkannya? yaitu bisa memakai operator flatMap dan concatMap. bedanya yaitu flatMap bersifat random dan concatMap kebalikannya yaitu berurutan. concatMap juga harus menunggu proses pertama selesai dahulu baru kemudian lanjut ke proses kedua.

contoh request dua networking dengan flatMap. berikut ini merupakan contoh fungsi/methodnya saja.
perhatikan appResponse.getListPlace() dan appResponse.getListGallery()
jika ingin mencoba concatMap tinggal ganti saja operatornya dengan concatMap. selebihnya syntaxnya juga sama.

project ini menggunakan design pattern MVVM.

cek repository githubnya disini. (cek branch develop dan develop2)
selamat mencoba

Android Testing dengan Espresso

noreply@blogger.com (Unknown) — Wed, 27 Feb 2019 14:22:00 +0700

Masuk ke pembahasan baru yaitu tentang testing aplikasi. bagaimana sih untuk nge-test sebuah aplikasi android? secara teori ada 3 jenis. lihat gambar dibawah ini.

dari 3 jenis test diatas, kali ini menggunakan Espresso yang merupakan UI Test. jadi prosesnya adalah aplikasi berjalan sendiri untuk mencoba-coba UI test. sesuai dengan fitur yang dibuat.

secara default pada saat membuat project android baru. sudah terdapat library untuk testingnya.

untuk kebutuhan project kali ini. perlu menambahkan test support library, seperti berikut.

sekarang misalkan aplikasi androidnya sudah jadi. ada fitur login, list dan detail seperti berikut. akan dibuatkan test class nya.

yang perlu disiapkan yaitu mematikan animasi pada android device. ini disarankan jika untuk test secara cepat.

langsung saja ke class testnya. langsung versi komplet ya, haha..
bisa dilihat di test class nya, Espresso ini menggunakan id untuk menentukan aksi apa yang akan dilakukan. misal click, typetext, swipe up & down pada recyclerview. dan disini menggunakan System.sleep untuk delay antar aksi.

test class ini ada didalam src/androidTest. untuk menjalankan klik aja pada icon play pada test class.

dan seperti biasa sample project untuk Espresso ini ada di github.
selamat mencoba.

referensi satu, dua dan official documentation.

Android Kotlin MVVM Networking dengan RX Java dan RX Android (2)

noreply@blogger.com (Unknown) — Wed, 9 Jan 2019 15:35:00 +0700

Lanjutan artikel sebelumnya. setelah merhasil mengkoneksikan API langkah selanjutnya adalah menampilkan data pada aplikasi. dan karena datanya disini ada gambarnya maka tambahkan library untuk menampilkan gambar tersebut. disini menggunakan Glide.

terus yang penting jangan lupa tambahkan di app/build.gradle apply plugin: 'kotlin-kapt' yang nantinya digunakan untuk kotlin compiler.

lanjut ke pembuatan class converter yang akan digunakan untuk menampilkan gambar secara data binding. class nya seperti berikut ini.

persiapan selesai, langkah pertama merubah ItemPlaceViewModel. tambahkan model dari Place dan variable.

setelah item view model dirubah, lanjut ke layout xml dari item view model tersebut. tampilkan datanya. berikut adalah layout item_place.xml yang sudah dirubah.
berikutnya adalah membuat adapter. adapternya seperti biasanya tapi sekarang via data binding. codingnya seperti berikut ini.
setelah itu lanjut ke MainActivity, disini menggunakan LiveData. perhatikan function observeLiveData()
Setelah lumayan lama, akhirnya selesai juga tinggal dijalankan. cek complete repositorynya disini.

selamat mencoba.

Android Kotlin MVVM Networking dengan RX Java dan RX Android (1)

noreply@blogger.com (Unknown) — Wed, 9 Jan 2019 09:03:00 +0700

Setelah sebelumnya membuat basic android MVVM. sekarang lanjut ke networking, mendapatkan data dari API dan menampilkannya dalam aplikasi.

contoh API nya diambil dari sini. yang nantinya akan ditampilkan berbentuk list.

untuk librarynya disini menggunakan Retrofit, OkHttp Loging, Rx Java dan Rx Android. langsung saja setelah membuat project android baru aktifkan mode data binding dan tambahkan library yang akan dipakai.

oke done, sebelum lanjut ke pembuatan layout siapkan class viewmodel. pertama siapkan viewmodel untuk main activity. buat nama class nya MainViewModel.

kemudian class view model untuk item. kasih nama ItemPlaceViewModel.

persiapan selesai lanjut ke pembuatan layout. pertama layout untuk item place. buat seperti berikut. beri nama item_place.xml dan set data variabel nya ke class view model yang telah dibuat sebelumnya.

Lanjut ke layout utama. sama seperti layout diatas jangan lupa set data variabel viewmodel.

nah sekarang design aplikasinya sudah terlihat.

lanjut ke pembuatan class untuk networking. sebelum itu siapkan class model untuk API nya. bisa lewat plugin android studio atau lewat online pojo generator. kurang lebihnya class modelnya seperti berikut ini.

sekarang baru lanjut ke handle API nya. pertama buat interface. buat seperti berikut.

setelah itu buat class untuk networking service.

nah ini adalah class custom untuk Observer. ini akan digunakan di setiap repository yang nanti akan dibuat.

seperti ini contoh repositorynya. dalam hal ini cuma satu MainRepository.

class untuk networking sudah siap, sekarang ubah MainViewModel. gunakan repositorynya disini. lihat gambar berikut ini.

sip, untuk logic mendapatkan data dari API sedah selesai. tinggal test lewat MainActivitynya. buat seperti berikut ini.

sekarang coba jalankan dan lihat log nya. jika hasilnya seperti berikut ini. maka sudah berhasil mengkoneksikan data API dengan Rx Java dan Rx Android.

selamat mencoba.
artikel bersambung kesini.

Memulai Android MVVM dengan Android Architecture Component

noreply@blogger.com (Unknown) — Wed, 2 Jan 2019 14:06:00 +0700

Note: post updated 8 juni 2020

Sekarang Android sudah resmi mempunyai Design Programming Pattern yaitu MVVM (Model View ViewModel) dan sudah menjadi bagian dari Android Architecture Component.

Untuk tutorial kali ini yaitu menerapkan MVVM pada project android. biar mudah ini dimulai dari awal. pertama buat project android baru. jangan lupa centang Include Kotlin Support (belajar Kotlin dulu disini).

lanjut pilih target SDK. minimal support API 16 Android 4.1

pilih default layout Empty Activity.

lanjut ke pembuatan default layout dan penamaan, biarkan default saja.

ketika project android sukses dibuat. aktifkan dulu mode data bindingnya. buka file app/build.gradle. di dalam android{ } tambahkan buildFeatures dataBinding. lihat gambar dibawah ini.

lanjut menambah library untuk ViewModel. karena biasanya project android juga menggunakan live data maka library yang dipakai komplit viewmodel dan live data. tambahkan library android arch lifecycle seperti dibawah ini (sampai post ini dibuat versinya 2.2.0). untuk versi lengkapnya bisa dilihat disini.

sekarang library siap digunakan. buat class untuk viewmodelnya. buat class nya extends AndroidViewModel. lihat gambar berikut

sekarang tempatkan class view model pada layout xml. dalam hal ini nama layoutnya activity_main.xml dan rubah parent/top level xml dengan tag layout untuk class viewmodelnya ditambahkan pada tag data didalam variable. lihat gambar dibawah ini.

untuk menampilkannya sekarang buka class untuk view. dalam hal ini class MainActivity. lihat gambar dibawah ini. buat variabel binding dan viewmodel. keterangan ActivityMainBinding disini didapat otomatis dari generate layout activity_main.xml (data binding). jika tidak muncul coba di clean - re-build project.

mantab, sekarang viewmodel sudah tersambung ke view, lanjut buat class untuk model. buat class Mahasiswa

lanjut ke class ViewModelnya buat variabel ObservableField untuk ditampilkan ke view xml. sekaligus buat function untuk set data. untuk lebih jelasnya lihat gambar berikut.

sekarang menampilkan variabel nim. nama dan jurusan pada view xml. caranya seperti berikut ini. update dulu layout xmlnya, panggil nama data variable di ikuti nama variabel pada class ViewModel. lihat gambar berikut ini.

langkah terakhir isikan data lewat view dalam hal ini MainActivity.

tinggal jalankan dan selamat sudah membuat project android dengan MVVM.
selamat mencoba.

lihat source code nya disini.

Index Belajar Kotlin

noreply@blogger.com (Unknown) — Tue, 4 Dec 2018 14:05:00 +0700

Berikut merupakan index Belajar Kotlin

Extension Function pada Kotlin

noreply@blogger.com (Unknown) — Thu, 8 Nov 2018 16:31:00 +0700

Extension function ini digunakan untuk menambahkan suatu fungsi pada class tanpa harus mewarisi/extend dari class asal. untuk lebih jelasnya perhatikan contoh berikut ini.

misal class String mau ditambahkan extension function toTitleCase. perhatikan susunannya yaitu [class].[nama extension] dan seperti function bisa terdapat parameter dan bertipe return atau tidak.

sekarang extension function sudah siap digunakan. caranya yaitu langsung panggil saja dibelakang suatu String. akan muncul extension function yang telah dibuat tadi.

jika script diatas dijalankan maka hasilnya akan seperti berikut ini.

terlihat kan perbedaannya, yaitu susunan stringnya sudah huruf besar dan kecil dibandingkan dengan inputan dari variabel.

Lanjut, sekarang menambahkan parameter pada extension function. perhatikan gambar berikut.

cara menggunakannya juga sama, yaitu tinggal panggil saja dibelakan String tapi kali ini memakai parameter.

sekarang jika dijalankan maka hasilnya akan seperti berikut.

selamat mencoba.

Null Safety pada Kotlin

noreply@blogger.com (Unknown) — Tue, 6 Nov 2018 10:52:00 +0700

Seringkali pada java mengalami null pointer exception, jika suatu data nilainya null. nah, pada kotlin hal seperti itu bisa dihindari karena secara default bentuk type/variabel pada kotlin tidak bisa menggunakan nilai null. langsung saja ke contoh berikut ini.

penjelasannya yaitu variabel nama yang bertipe string tidak bisa diisi dengan null. karena default kotlin tadi yang tidak menerima null. bagaimana jika ingin tetap null dan aman tidak ada null pointer exception?

jawabanya yaitu dengan menambahkan tanda tanya (?) pada type variabelnya. coba di println dan lihat hasilnya seperti apa.

penerapan null safety contohnya pada kasus berikut ini. ada class mahasiswa dengan variable nim dan nama. terus buat list yang isinya data mahasiswa. lihat contoh berikut.

bisa dilihat diatas ada nama mahasiswa yang null. dan karena sudah menggunakan safe calls (dengan tanda ? mengikuti type/variabel) maka jika dijalankan akan aman-aman saja.

bagaimana? mantab kan? maka dengan safe calls ini bisa menghindarkan error null pointer exception (NPE).
selamat mencoba.

Lambda Expression pada Kotlin

noreply@blogger.com (Unknown) — Fri, 2 Nov 2018 15:24:00 +0700

Lambda expression mewakili anonymous function dan terdiri dari beberapa parameter , lambda operator "->" (tanda arah panah) dan fungsi body. contoh formatnya bisa seperti berikut ini.

{x: Int, y: Int -> x + y}

ambil contoh pada sebuah list. seperti gambar berikut.

lihat pada bagian forEach, disitulah letak lambda expression. dan jika script diatas dijalankan, maka hasilnya akan seperti berikut.

untuk contoh lainnya seperti berikut ini. dan jalankan untuk melihat hasilnya.

dan berikut karakteristik dari lambda expression

diapit dengan kurung kurawal { }
tidak ada fun keyword seperti function/method
tidak ada nama function-nya.
tidak ada akses modifier (public, private, protected )
parameternya tidak perlu menggunakan tanda kurung ( )

Selamat mencoba.

Higher-Order Function pada Kotlin

noreply@blogger.com (Unknown) — Thu, 1 Nov 2018 15:41:00 +0700

Higher-Order Function adalah sebuah fungsi/method yang bisa digunakan sebagai parameter pada sebuah fungsi/method lainnya.

langsung saja ke contoh. misal membuat fungsi untuk memfilter sebuah list.

keterangan dari higher function diatas yaitu digunakan untuk tipe MutableList, nama fungsinya filterList dan ada fungsi pada saat kondisi dengan type boolean. dan return dari higher function ini adalah MutableList juga.

berikut contoh penggunaanya.

jadi ada sebuah list yang isinya nama, kemudian dari list itu di filter dengan higher function yang telah dibuat sebelumnya yaitu filterList, tentunya dengan kondisi misalnya list contains nama tertentu. cukup mudah bukan?

jika dijalankan code diatas maka hasilnya akan seperti berikut ini.

selamat mencoba.

Interface pada Kotlin

noreply@blogger.com (Unknown) — Wed, 31 Oct 2018 11:02:00 +0700

pada kotlin untuk mendeklarasikan sebuah interface menggunakan keyword interface. isinya bisa berupa function/method dan variabel. langsung saja ke contoh pembuatan interface.

pertama buat interface seperti berikut.

sekarang interface tersebut akan dipakai di class Orang seperti berikut ini. jika function setData dijalankan maka akan interface juga akan dijalankan.

persiapan selesai sekarang interface tersebut siap di implementasikan. buat class Mahasiswa seperti berikut ini. jangan lupa implements interfacenya, pada kotlin memakai tanda ":". nantinya function/method pada interface akan minta di implementasikan ke dalam class Mahasiswanya.

joss, tinggal dicoba. buat object class Mahasiswa dan jalankan function/method nya.

jika dijalankan maka hasilnya akan seperti berikut ini. bisa dikatakan fungsi interface disini adalah untuk mentransfer data dari class Orang ke Mahasiswa melalui function/method yang ada di dalamnya.

selamat mencoba.

Abstract Class pada Kotlin

noreply@blogger.com (Unknown) — Tue, 30 Oct 2018 16:05:00 +0700

Abstract class pada kotlin juga di deklarasikan dengan keyword abstract. pada contoh kali ini dibuat abstract class Pegawai yang isinya fungsi menampilkan nama lengkap dan perhitungan gaji (sesuai dengan penggunaan abstract class yaitu berisi fungsi-fungsi yang nantinya siap dipakai saat di implementasikan).

tentu sudah pada tahu kalau kelas abstract ini tidak bisa dipakai/ dibuat object langsung. maka harus di implementasikan ke dalam class. contoh seperti berikut ini.

mantab, sekarang class Manager dan Direktur siap digunakan. Main class seperti berikut ini.

jika dijalankan maka hasilnya akan seperti berikut ini.

selamat mencoba.