Apa itu Flutter

 Flutter adalah SDK (Software Development Kit) yang dikembangkan oleh Google untuk membuat aplikasi yang bagus dan bisa berjalan pada berbagai platform. Flutter 2 yang merupakan versi terbaru memberikan dukungan pada Anda untuk membangun aplikasi pada sistem operasi Android, iOS, Web, Windows, Linux, dan MacOS. Dengan ini, Anda cukup sekali coding atau dikenal dengan single codebase. Flutter juga sudah digunakan oleh banyak developer maupun organisasi di seluruh dunia, selain itu Flutter bersifat open source.

2020061515270160d84634647daaadd3e949fb3875d364.png

Mengapa Flutter?

Flutter berbeda dari kebanyakan SDK Cross-platform lainnya untuk membuat aplikasi mobile. Menariknya, Flutter bukan menggunakan WebView maupun widget OEM, melainkan mesin rendering berkinerja tinggi. Flutter dapat digunakan bersamaan dengan aplikasi native yang sudah ada atau digunakan secara keseluruhan untuk aplikasi baru. 

Ada beberapa kelebihan dari Flutter, antara lain:

  1. Flutter memungkinkan kita untuk membuat aplikasi yang indah (beautiful)
    Desainer dapat dengan bebas berkreasi tanpa adanya banyak batasan dari framework. Flutter juga dapat mengontrol setiap piksel yang ada di layar, sehingga memudahkan dalam membuat animasi. Flutter menyediakan banyak komponen material design yang dapat berjalan baik pada Android, iOS, dan web.

  2. Flutter berjalan dengan sangat cepat (fast)
    Flutter menggunakan graphic engine bernama Skia-2D yang juga digunakan pada Chrome dan Android. Kode Flutter menggunakan bahasa Dart, yang memungkinkan untuk dikompilasi ke kode native 32-bit dan 64-bit ARM untuk iOS dan Android.

  3. Flutter sangat produktif (productive)
    Flutter memiliki fitur hot-reload yang memungkinkan Anda untuk melihat hasil kompilasi secara real-time. Dengan hot-reload, Anda dapat dengan mudah melihat perubahan kode pada perangkat, tanpa perlu menunggu restart dan kehilangan state.

  4. Flutter bersifat terbuka (open source)
    Flutter adalah proyek open source dengan lisensi BSD. Kode yang ada di Flutter berasal dari kontribusi ratusan developer dari seluruh dunia. Banyak plugin yang sudah dibuat oleh developer. Anda dapat ikut berkontribusi mengembangkan Flutter dengan melaporkan bug/issue atau ikut memperbaiki kode yang sudah ada. Source code dari Flutter dapat Anda temukan pada tautan https://github.com/flutter/flutter.


Sejarah Perkembangan Flutter

Versi pertama dari Flutter bernama Sky yang diumumkan pada Dart Developer Summit 2015. Pada saat itu, Sky hanya berjalan pada sistem operasi Android. 

Lalu, pada Google Developer Days di Shanghai, Google mengumumkan Flutter versi Release Preview 2 yang merupakan rilis sebelum versi stable 1.0.

Pada 3 Maret 2021 kemarin, Flutter mengumumkan versi Flutter 2 dengan pembaruan yang cukup besar, yaitu dukungan Flutter untuk platform web dan desktop (Windows, Linux, dan macOS) yang memasuki versi stable.

Sejak rilis beta pertama, Flutter sudah banyak digunakan untuk mengembangkan aplikasi mobile. Contohnya adalah perusahaan Abbey Road Studios, Alibaba, Capital One, Groupon, Hamilton, JD.com, Philips Hue, Reflectly, Tencent, dan GITS Indonesia.


20200615152739df52d843cff1af48e2d1929c2e0378af.png

Dart 

Seperti yang telah kita ketahui, aplikasi Flutter ditulis dengan bahasa Dart. Seharusnya Anda telah mempelajari tentang fundamental Dart di kelas Memulai Pemrograman dengan Dart. Untuk menyegarkan kembali ingatan Anda kami akan mengulas sedikit tentang Dart.

Bahasa pemrograman Dart merupakan bahasa pemrograman general-purpose yang dirancang oleh Lars Bak dan Kasper Lund. Bahasa pemrograman ini dikembangkan sebagai bahasa pemrograman aplikasi yang dapat dengan mudah dipelajari dan disebarkan.

Bahasa pemrograman besutan Google ini dapat digunakan untuk mengembangkan berbagai macam platform termasuk di dalamnya adalah web, aplikasi mobile, server, dan perangkat yang mengusung teknologi Internet of Things (IoT).

Bahasa pemrograman tersebut dapat digunakan untuk mengembangkan aplikasi yang dijalankan pada berbagai macam peramban (browser) modern. Dart juga dapat digunakan untuk mengembangkan aplikasi dari codebase tunggal menjadi aplikasi Android maupun iOS.

Bahasa pemrograman Dart dapat digunakan secara bebas oleh para developer karena bahasa ini dirilis secara open-source oleh Google di bawah lisensi BSD. Bahasa pemrograman Dart merupakan bahasa pemrograman berbasis kelas dan berorientasi terhadap objek dengan menggunakan Syntax bahasa pemrograman C.

Bahasa ini dikenalkan oleh Google sebagai pengganti bahasa pemrograman JavaScript, akan tetapi secara opsional bahasa ini dapat dikompilasi ke dalam JavaScript dengan menggunakan Dart-to-JavaScript compiler. Sedikit berbeda dengan bahasa pemrograman JavaScript yang bertipe dinamis, bahasa pemrograman Dart merupakan bahasa pemrograman bertipe statis.

Oke, sampai sini kita telah mempelajari tentang apa itu Flutter, termasuk sejarah dan kenapa kita perlu belajar mengembangkan aplikasi dengan Flutter. Di kelas ini Anda akan belajar dasar pengembangan aplikasi Flutter, seperti package, widget yang umum digunakan, cara berpindah halaman menggunakan Navigation, hingga proses build menjadi APK yang bisa diinstal pada smartphone Anda


Catatan: Materi-materi di kelas ini akan disampaikan dalam banyak opsi, mulai dari sistem operasi (OS), platform Android atau iOS, dan Integrated Development Environment (IDE). Silakan sesuaikan dengan spesifikasi hardware/software Anda dan lewatilah materi yang dirasa tidak diperlukan. 

Untuk lulus dari kelas ini cukup dengan mengirimkan submission dari satu platform saja, misal Anda memilih platform Android maka tidak perlu mengirimkan versi iOS atau webnya. 

Mari kita lanjut ke materi selanjutnya, yaitu instalasi Flutter. 

Popular posts from this blog

Build APK

Image
  Project Flutter yang telah dibuat dapat kita build menjadi berkas .apk yang dapat berjalan di Android. Build APK adalah suatu proses membungkus aplikasi flutter menjadi format .apk yang nantinya untuk diinstal pada perangkat Android. Berikut tahapan ketika build aplikasi Flutter ke APK. AndroidManifest.xml Sebelum mem-build APK, kita akan mengatur berkas  android/app/src/main/AndroidManifest.xml .  AndroidManifest.xml  merupakan sebuah berkas yang berisikan informasi mengenai aplikasi Android yang akan di- build . Informasi-informasi tersebut berupa nama aplikasi, ikon,  permission ,  screen orientation , dan lain-lain. Isi dari  AndroidManifest.xml  seperti berikut: <manifest xmlns:android = "http://schemas.android.com/apk/res/android"      package = "id.eudeka.samples" >      <application          android:name = "io.flutter.app.FlutterApplication"        ...
Read more

Web Deployment

  Pada materi ini kita akan mempelajari bagaimana melakukan build aplikasi flutter untuk platform web. Sama seperti platform android dan ios, informasi untuk pengaturan aplikasi berada pada folder web. Setting Nama Aplikasi Untuk mengatur nama aplikasi, kita bisa membuka berkas  manifest.json . Konfigurasi untuk nama aplikasi dapat Anda temukan dan ubah pada key  name  dan  short_name . {     "name" : "wisata_bandung" ,     "short_name" : "wisata_bandung" } Setting Icon Aplikasi Platform web juga membutuhkan icon dalam berbagai ukuran. Icon untuk web dapat Anda taruh pada folder  /web/icons . Kemudian, Anda perlu mendaftarkannya pada berkas  manifest.json . {     ...     "icons" : [         {             "src" : "icons/Icon-192.png" ,             "sizes" : "192x192" ,             "type" : "image/png...
Read more

Generic

Image
Jika Anda perhatikan pada dokumentasi  collection  seperti  List , sebenarnya tipe dari  List  tersebut adalah  List<E> . Tanda  <...>  ini menunjukkan bahwa  List  adalah tipe  generic , tipe yang memiliki tipe parameter. Menurut  coding convention  dari Dart, tipe parameter dilambangkan dengan satu huruf kapital seperti  E ,  T ,  K , atau  V . Secara umum  generic  merupakan konsep yang digunakan untuk menentukan tipe data yang akan kita gunakan. Kita bisa mengganti tipe parameter  generic  pada Dart dengan tipe yang lebih spesifik dengan menentukan  instance  dari tipe tersebut. Sebagai contoh, perhatikan  List  yang menyimpan beberapa nilai berikut: List <int> numberList = [ 1 , 2 , 3 , 4 , 5 ]; Tipe parameter yang digunakan pada variabel list di atas adalah  int , maka nilai yang bisa kita masukkan adalah nilai dengan tipe  ...
Read more