Adaptive Application dengan Flutter

 

Adaptive adalah kemampuan aplikasi Flutter dalam menyesuaikan tata letak dan desain yang disesuaikan dengan platform atau perangkat yang digunakan oleh pengguna aplikasi. Pengguna IOS akan mendapatkan tampilan aplikasi yang sesuai dengan perangkat IOS, sedangkan pengguna Android akan mendapatkan tampilan aplikasi yang sesuai dengan perangkat Android. Flutter juga menyediakan widget platform yang dapat digunakan oleh developer dalam mengembangkan aplikasi. Cupertino untuk IOS dan Material untuk Android.

Sedangkan Responsive adalah kemampuan aplikasi Flutter dalam merespon adanya perubahan ukuran UI pada tampilan layar. Perubahan ukuran UI mengikuti pada device yang digunakan saat merespon ukuran UI pada tampilan layar, contohnya seperti Portrait, Landscape, dan ukuran layar yang lebih besar. 



https://www.youtube.com/watch?v=LeKLGzpsz9I

Pada Latihan kali ini kita akan membuat Video Viewer Youtube yang bisa berjalan di perangkat/ platform mobile, web, maupun desktop. Gambaran aplikasi seperti di bawah ini



Panduan pengerjaan bisa klik link codelab berikut : 
https://codelabs.developers.google.com/codelabs/flutter-adaptive-app?hl=id#0


Referensi

https://codelabs.developers.google.com/codelabs/flutter-adaptive-app?hl=id#0
https://docs.flutter.dev/ui/adaptive-responsive


Absen


Comments

Post a Comment

Popular posts from this blog

Teknologi Mobile Devices dan Pemrogramannya

Image
Teknologi Ponsel Sedikit kilas balik, ponsel nirkabel pertama kali ditemukan pada 1917 silam. Pembuatan ponsel tersebut dilakukan untuk menguji sistem komunikasi di kereta militer antara Kota Berlin dan Zossen. Alhasil, pada 1926, layanan ponsel nirkabel khusus kereta api mulai didistribusikan oleh perusahaan Jerman bernama Zugtelephone AG. Kemudian, memasuki era Perang Dunia II, pihak sekutu mulai mengerahkan lebih dari 130.000 unit SCR-536 handie-talkie, yang bentuknya menyerupai ponsel genggam. Memang, alat komunikasi tersebut tidak bisa sepenuhnya disebut sebagai ponsel genggam. Namun, kemiripan fungsi dan bentuk yang dimiliki handie talkie tersebut kerap kali disamakan dengan ponsel genggam. Namun, handie-talkie SCR-536 masih memiliki banyak kekurangan. Mulai dari masa pakai baterai yang pendek dan perangkat masih bergantung pada frekuensi radio. Jika jangkauannya lebih dari satu mill, alat tersebut tidak dapat digunakan untuk berkomunikasi. Setelah perang dunia usai, perusahaan A
Read more

Mengenal Composable

Image
  Dalam latihan ini, kita akan menyiapkan proyek di Android Studio menggunakan template Empty Activity dan mengubah pesan teks menjadi ucapan ulang tahun yang personal. Membuat Project Empty Activity Pada dialog Welcome to Android Studio, pilih New Project. Pada dialog New Project, pilih Empty Activity, lalu klik Next. Isi kolom Name dengan Happy Birthday, pilih level API minimum 24 (Nougat) di kolom Minimum SDK, dan klik Finish. Link Materi Composable Zoom Referensi https://developer.android.com/codelabs/basic-android-kotlin-compose-text-composables?hl=id#0 https://codelabs.developers.google.com/?cat=Android&product=android https://medium.com/@zyrridian/jetpack-compose-3-membangun-aplikasi-sederhana-dengan-composable-t-28997eb393df Latihan Membuat Aplikasi Ulang Tahun dari CodeLab Link Pengumpulan Tugas Form Tugas Monitoring Pengumpulan Isikan Nama, NRP secara lengkap. Pada bagian  pertemuan diisi Pertemuan 4. Deskribsi Tugas - Aplikasi Selamat Ulang Tahun Absensi Kelas I Kel
Read more