Google Maps pada Kotlin Compose Multiplatform Mobile

Name: Google Maps pada Kotlin Compose Multiplatform Mobile
Rating: 4.8 (7 reviews)

Membuat aplikasi Pencarian Lokasi dengan Google Maps dan Firebase Authentication dengan Compose Multiplatform

Created byMuhammad Utsman

Last updated 7/2024

Indonesian

What you'll learn

Kotlin Compose Multiplatform dari tingkat basic hingga lanjut
Expect dan actual mekanisme
Swift dan ObjC interopabilitas
Integrasi CocoaPod
Event Driven dengan MVI Architecture
Networking menggunakan Ktor
Manual navigasi dan perbandingan pustaka-pustaka pihak ketiga
Adopsi Google Maps UiKit untuk Composable Maps
Firebase Authentication

Course content

14 sections • 86 lectures • 17h 24m total length

Introduction2:21
Installation Android Studio and Xcode12:03

How it Works13:15
Pengenalan dasar tentang bagaimana Kotlin Multiplatform bekerja pada android dan ios
Create Secret Config for with Gradle Task28:43
Membuat Secret Config untuk menyimpan key dengan baik
Setup Ktor for Networking14:59
Menginstall Ktor sebagai network client pada Kotlin Multiplatform
Ktor Content Negotiation and Logging16:42
Mengatur data class sebagai reponse dan menginstall log untuk network

Uni-directional Architecture and integration with Compose UI13:03
Menjelaskan tentang arsitektur Uni-directional Data Flow dan implementasinya pada MVI Compose UI
Uni-directional Architecture and integration with ViewModel11:35
Menjelaskan tentang penerapan Uni-directional pada ViewModel dan Network State
ViewModel Library for Kotlin Compose Multiplatform8:41
ViewModel - Model Implementation10:42
Implementasi Model sebagai Ui State pada ViewModel
ViewModel - Model and Network State4:01
Implementasi Network State pada Model dalam ViewModel
ViewModel Abstraction9:09
Membuat abstraksi ViewModel sebagai basis dari berbagai ViewModel yang akan dibuat
Repository Abstraction13:06
Membuat abstraksi Repository sebagai basis dari berbagai Repository yang akan dibuat

Manual Navigation for Compose Multiplatform26:14
Memahami bagaimana navigasi bekerja pada Compose UI dengan membuat sistem navigasi secara manual
Experiment with Navigation Library by Jetbrain Official v2.7.0-alpha716:15
Mencoba implementasi Library Navigation dari Jetbrain yang merupakan extensi Android Jetpack Navigation untuk Kotlin Multiplatform
Navigation Library by Jetbrain Official Issue on 2.7.0-alpha78:27
Menghadapi issue pada Library Navigation by Jetbrain untuk versi 2.7.0-alpha7 (experimental)
Comparison of Navigation Libraries6:05
Memahami perbandingan dari Library Navigation yang tersedia untuk Kotlin Compose Multiplatform
Navigation with Appyx Library - Setup12:12
Memahami cara menggunakan Appyx sebagai Library Navigation untuk Kotlin Compose Multiplatform
Navigation with Appyx Library - Setup Navigation Interface7:33
Membuat interface navigation berbasis Appyx Library untuk Composable UI
Navigation with Appyx Library - Setup for iOS Platform3:45
Mengatur implementasi Appyx Navigation untuk iOS platform pada Kotlin Compose Multiplatform
Navigation Appyx Library - Setup for Android Platform3:56
Mengatur implementasi Appyx Navigation untuk Android platform pada Kotlin Compose Multiplatform
Navigation Appyx Library - Android Issue with Parcelable and Parcelize9:34
Menghadapi dan menyelesaikan issue yang muncul pada anotasi Parcelize dan Parcelable pada Android Platform

Kotlin C-Interop Concept on Kotlin Multiplatform for iOS Platform6:59
Menjelaskan tentang konsep C-Interop pada KMM dan interopabilitas untuk Objective-C dan Swift pada iOS platform
Kotlin C-Interop Impementation on AppDelegate Adapter for iOS Platform12:07
Mengimpelentasikan Kotlin C-Interop pada AppDelegate Adapter untuk iOS Platform
CocoaPod Adoption on iOS Platform12:49
Mengadopsi CocoaPod sebagai Dependency Manager untuk iOS pada Kotlin Multiplatform
Netfox Implementation using CocoaPod for Kotlin Multiplatform on iOS Platform5:16
Mengimplementasi Netfox Module sebagai dependency menggunakan CocoaPod dari sisi Kotlin. Netfox adalah dependency untuk network monitoring pada iOS Platform.
Netfox Implementation Issue4:43
Menghadapi issue yang muncul pada implementasi Netfox menggunakan CocoaPod. Issue ini bersifat umum pada penerapan CocoaPod Module untuk Kotlin Compose Multiplatform.
Completed Netfox Implementation9:38
Menyelesaikan implementasi Netfox pada iOS Platform

HERE Maps REST API Overview11:02
Mencari endpoint dan url untuk REST API dari HERE Maps API
Search Location API Implementation on Kotlin Compose Multiplatform25:34
Mengimplementasikan Search Location API pada project, mendapatkan issue pada networking dan menampilkan response dalam Compose UI
Reversed Location API Implementation on Kotlin Compose Multiplatform20:54
Mengimplementasikan Reversed Location API pada project

Google Maps API Key4:18
Mengaktifkan dan mendapatkan API Key Google Maps SDK untuk platform Android dan iOS
Rendering Google Maps Compose on Android Platform14:35
Menampilkan Google Maps pada Android Platform dengan Google Maps Compose SDK untuk Android
Rendering Google Maps Compose on iOS Platform8:04
Menampilkan Google Maps pada iOS Platform dengan Google Maps UIKit dan implementasinya pada Composable UI

Setup Initial Camera on Android Platform17:18
Membuat configurasi untuk initial camera pada Google Maps Compose untuk Android Platform
Setup Initial Camera on iOS Platform4:58
Membuat configurasi untuk initial camera pada Google Maps Compose untuk iOS Platform
Animated Camera on Android Platform11:00
Membuat fungsi untuk animasi kamera menuju coordinate tertentu pada Android Platform
Animated Camera on iOS Platform7:08
Membuat fungsi untuk animasi kamera menuju coordinate tertentu pada iOS Platform
Maps Camera Listener on Android Platform15:36
Membuat fungsi untuk mengamati posisi kamera pada Composable Maps untuk Android Platform
Maps Camera Listener on iOS Platform9:53
Membuat fungsi untuk mengamati posisi kamera pada Composable Maps untuk iOS Platform
Maps Zoom on Android Platform15:08
Membuat fungsi yang mengatur zoom in dan zoom out pada Composable Maps untuk Android Platform
Maps Zoom on iOS Platform2:37
Membuat fungsi yang mengatur zoom in dan zoom out pada Composable Maps untuk iOS Platform
Google Maps State Improvement6:18
Melakukan improvisasi fungsi kamera pada Google Maps State yang telah dibuat
Google Maps State Saver6:55
Membuat State Saver untuk Google Maps Composable State
Google Maps State Saver Issue on Android Platform3:24
Mengatasi issue Parcelable untuk State Saver pada Android Platform
Google Maps State Saver Saveable8:32
Membuat Saveable data untuk State Saver yang menangani berbagai data
Maps Marker on Android Platform5:53
Menampilkan Google Maps Marker pada Android Platform dengan memanfaatkan Google Maps State yang telah dibuat
Maps Marker on iOS Platform6:42
Menampilkan Google Maps Marker pada iOS Platform dengan memanfaatkan Google Maps State yang telah dibuat

Location Permission on Android Platform17:40
Membuat dan mendapatkan permission untuk lokasi pada Android Platform
Get Current Location on Android Platform18:43
Mendapatkan nilai lokasi device secara langsung pada Android Platform
Location Permission on iOS Platform9:35
Membuat dan mendapatkan permission untuk lokasi pada iOS Platform
Get Current Location on iOS Platform8:26
Mendapatkan nilai lokasi device secara langsung pada iOS Platform

Requirements

Pemahaman Bahasa Indonesia, kursus ini menggunakan Bahasa Indonesia
Kotlin dasar
Sudah mengerti OOP
Pengguna MacOS (dan Windows atau Linux jika kamu tidak keberatan)
Kamu siap belajar

Description

Selamat datang di kursus Kotlin Multiplatform yang dirancang khusus untuk pengembangan aplikasi Android dan iOS dengan studi kasus pencarian lokasi. Kursus ini memberikan pemahaman mendalam tentang Kotlin Multiplatform Mobile (KMM) dan Compose UI, teknologi yang memungkinkan pengembang menulis kode yang dapat berjalan pada platform Android dan iOS. Kita akan mempelajari dasar-dasar Kotlin Multiplatform, termasuk mekanisme cinterop yang memungkinkan integrasi dengan kode native, serta konsep expect/actual yang memisahkan logika platform-agnostik dan platform-spesifik.

Dalam kursus ini, kita juga akan membahas cara melakukan networking menggunakan Ktor, sebuah framework yang populer untuk networking pada KMM. Kita akan belajar bagaimana menangani jaringan dengan state management untuk memastikan penanganan data dari network berkerja dengan baik. Selain itu, kita akan mendalami arsitektur dan penggunaan ViewModel untuk memisahkan logika bisnis dari tampilan UI.

Navigasi adalah bagian penting dari pengembangan aplikasi, dan dalam kursus ini, kita akan mempelajari navigasi manual serta menggunakan library navigasi untuk mempermudah pengelolaan navigasi dalam aplikasi. Studi kasus kita akan fokus pada pencarian lokasi menggunakan HERE Maps API dan membuat Google Maps menjadi composable pada iOS, sehingga memberikan pengalaman yang seragam di kedua platform.

Terakhir, kita akan membahas cara mengimplementasikan autentikasi Google menggunakan Firebase Authentication di Android dan iOS, yang memungkinkan pengguna masuk dengan aman ke dalam aplikasi. Dengan materi yang komprehensif ini, kita akan siap membangun aplikasi multiplatform yang canggih dan fungsional.

Who this course is for:

Siswa atau mahasiswa yang sedang mempelajari pemrograman mobile native
Junior engineer yang ingin mendalami pemrograman mobile native
Senior engineer yang ingin melakukan eksplorasi untuk Kotlin Multiplatform
Android developer yang ingin bekerja sebagai iOS developer
iOS developer yang tidak ingin kehilangan pekerjaannya

Google Maps pada Kotlin Compose Multiplatform Mobile

What you'll learn

Explore related topics

Course content

Intro2 lectures • 14min

Setup and Networking Basic4 lectures • 1hr 14min

Handling Network and State3 lectures • 42min

Architecture and ViewModel7 lectures • 1hr 10min

Navigation for Kotlin Compose Multiplatform9 lectures • 1hr 34min

iOS Native Interopable6 lectures • 52min

HERE Maps API3 lectures • 58min

Google Maps Native on Compose Multiplatform3 lectures • 27min

Google Maps Basic Function and Compose State on Composable UI14 lectures • 2hr 1min

Google Maps Location Service and Permissions4 lectures • 54min

Requirements

Description

Who this course is for: