selamat datang di gurukomline.com, pada seri belajar kali ini gurukomline.com akan membahasa sesuatu yang berbeda yaitu membuat mobile aplikasi baik android dan iOS dengan flutter dengan sekali koding aja.

Apa sih Flutter itu?

Flutter adalah sebuah teknologi yang dibuat oleh Google untuk membangun aplikasi mobile baik Android, atau iOS, web dan desktop (Windows, Mac, Linux) sekaligus dengan hanya melalui satu kode sumber aja, kode ini akan di-compile secara native. Wah keren kan teman-teman kita bisa membuat mobile app dengan sekali koding aja. Yang perlu teman-teman ketahui flutter ini menggunakan bahasa pemrograman Dart.

ok tanpa basa-basi kita lanjut aja teman-teman bagaimana sich cara menginstal flutter ini, ayo ikuti langkah-langkahnya di bawah ini.

Sebelum Instalasi

Oh iya sebelum intalasi flutter, kita harus menyiapkan software yang diperlukan untuk instalasinya ya, yaitu sebagai berikut:

Flutter SDK
Android Studio
Visual Studio Code
Xampp Server
Git

Instalasi Flutter SDK

Pertama-tama kita download dulu flutter SDK di link berikut ini download flutter SDK untuk Windows

setelah selesai download flutter SDK nya, kemudian ikuti langkah-langkah instalasi flutter sdk ya :

Buatkan folder baru dengan nama "src" di drive C:
Copykan file flutter sdk zip ke folder src
kemudian Ekstrak file flutter sdk zip di folder src pilih "Extract Here"

Selanjutnya setup environment dengan cara ketik env pada pencarian windows kemudian pilih Edit the systems environment variables, perhatikan gambar dibawah ini

Pada System Properties pilih tab Advanced, kemudian pilih Environment Variables, perhatikan gambar dibawah ini

Pada User Variables pilih Path kemudian klik tombol Edit

kemudian klik tombol New, lalu klik tombol browse untuk mencari lokasi folder bin di folder instalasi flutter sdk yang sudah di extract sebelumnya (C:\src\flutter), klik tombol OK, dan klik tombol OK lagi, perhatikan gambar dibawah ini

Buka command prompt (cmd) di kolom search, kemudian ketik flutter doctor kemudian tekan enter, untuk melihat status pemasangan flutter sdk

dari gambar masih terdapat pesan error dengan tanda [!] karena kita belum menginstal Android Studio di laptop/komputer kita.Langkah selanjutnya kita instal dulu Android Studio

Instalasi Android Studio

Sebelum proses instalasi terlebih dahulu silahkan download Android Studio di link berikut ini https://developer.android.com/studio. Setelah selesai mendownload Android Studio silahkan ikuti langkah-langkah instalasinya, seperti dibawah ini:

Pastikan komputer/lapotp sudah terhubung ke internet dengan kualitas jaringan yang cukup bagus, karna dalam proses instalasi akan menggunakan jaringan internet untuk mengunduh beberapa paket tambahan yang dibutuhkan oleh Android Studio.
Lakukan install android studio dengan klik dua kali pada file android studio bundle, perhatikan gambar di bawah ini:

Pada tampilan pertama proses instalasi android studio, silahkan klik tombol next

kemudian tekan tombol Next

Pilih destinasi penginstalan, jika tetap menggunakan destinasi default tekan tombol Next

Tekan tombol Install dan tunggu hingga proses instalasi selesai

klik Finish

Pilih Do not import Settings, kemudian klik OK

Tekan tombol Next, hingga muncul opsi SDK Components Setup
Tekan tombol Next, dan pastikan koneksi internet tetap menyala kemudian tunggu hingga proses download sdk selesai.
Tekan tombol Finish dan start Android Studio
Pilih Configure > SDK Manager

Pilih tab SDK Tools, ceklis Google USB Driver kemudian tekan tombol OK:

Tekan tombol OK

Buka command prompt (cmd) ketik flutter doctor untuk melihat status pemasangan flutter sdk

Jika muncul error cmdline-tools component is missing, langkah untuk mengatasinya buka Android Studio pilih Configure > SDK Manager, kemudian pada tab SDK Tools, ceklist Android SDK Command-line Tools (latest), klik tombol Apply kemudian Tombol OK sampai proses download selesai.

kemudian jalankan lagi command flutter doctor dan tidak ada error lagi

Instalasi Visual Studio Code

Sebelum intalasi silahkan download dulu Visual Studio Code di link berikut ini https://code.visualstudio.com/download

Berikut adalah langkah-langkah melakukan proses instal Visual Studio Code di Windows

Double click pada installer vs code
pada halaman pertama instalasi tekan tombol Next
Pilih I accept the agreement dan tekan tombol Next
Pilih folder pemasangan vs code, jika ingin menggunakan folder default, tekan Next
Terakhir tekan tombol Install, tunggu hingga proses pemasangan selesai.
Kemudian Aktifkan Extensions dengan cara tekan Ctrl+Shift+X untuk instal Flutter extension di VS Code