Mengenal Flutter : Instalasi Flutter - IDNSTEAL -->

    Social Items


Persiapan Install Flutter : 

Terdapat beberapa tahapan yang harus dilakukan sebelum dapat menggunakan Flutter untuk proses development

Berikut beberapa hal yang perlu kamu persiapkan:


System Requirements : 


  1. Operation System: Jika kamu menggunakan Windows, minimal versi 7 SP1 atau yang terbaru dan pastikan 64-bit. Sedangkan Linux dan Mac hanya wajib menggunakan 64-bit.
  2. Disk Space: Jika kamu menggunakan Windows, sediakan ruang sekitar 400 MB (tidak termasuk tools/IDE). Linux membutuhkan 600 MB dengan ketentuan yang sama, sedangkan Mac membutuhkan 700 MB.
  3. Tools: Pastikan kamu telah menginstall git dan dapat digunakan melalui command line.

Mungkin sebagian teman-teman bertanya-tanya, kenapa sih harus meng-install Android studio? Kan penggunaan RAM-nya besar? Tenang saja, yang dibutuhkan dari Android studio adalah dependecies yang menyertainya, sehingga kedepannya kita tidak perlu menjalankannya dan dapat menggunakan Editor lain untuk menuliskan code kamu. Berikut beberapa hal yang dibutuhkan Flutter dari Android Studio untuk proses development Android:
  1. Android SDK
  2. Android SDK Platform-Tools
  3. Android SDK Build-Tools
Tahapannya, silahkan download dan install Android Studio sesuai dengan sistem operasi yang kamu punya. Pada kotak dialog "Android Studio Setup Wizard", pastikan kamu meng-install ketiga bagian yang telah disebutkan diatas. Atau kamu dapat ke menu Tools > SDK Manager
membuat aplikasi mobile dengan flutter
Kemudian pilih tab SDK Tools dan centang ketiga komponen diatas
flutter install android sdk

Install Flutter SDK

Selain SDK yang telah didapatkan dari Android Studio, Flutter juga mewajibkan kita untuk meng-install SDK yang telah disediakannya. Berikut adalah beberapa tahapan instalasi Flutter SDK.
  1. Buka halaman Flutter Install, kemudian pilih sistem operasi yang kamu gunakan.
    panduan install flutter
  2. Pada bagian Flutter SDKdownload SDK dari link yang telah disediakan.
    install sdk flutter
  3. Extract file Flutter SDK yang telah kamu download, dan tempatkan dimanapun kamu inginkan (Warning: Jika menggunakan Windows, jangan diletakkan ke dalam folder yang membutuhkan permission, seperti: C:/Program Files). Karena saya menggunakan Linux, saya meletakkannya di dalam folder /home/usersaya/flutter atau ~/flutter .
    flutter directory
  4. Kemudian tambahkan PATH dari Flutter SDK yang telah kita extract
    $ cd ~/flutter
    $ export PATH=`pwd`/bin:$PATH
    Note: Jika kamu menggunakan Windows, pastikan file flutter_console.bat berada di dalam folder flutter, kemudian double click file tersebut.
  5. Terakhir, running commandflutter doctor untuk mengecek apakah masih ada dependecies yang belum ter-install.
menjalankan flutter doctor
Nah, seperti yang terlihat, dependecies yang dibutuhkan sudah ter-install sepenuhnya. Sedangkan untuk dua poin terakhir kita abaikan saja terlebih dahulu, karena menggunakan VS Code tidaklah wajib dan Connected Device akan kita bahas pada sub topik selanjutnya.

Setup Android device

Untuk menjadi seorang Android developer, rasa-rasanya tidaklah salah jika harus memiliki modal yang cukup. Kenapa demikian? Karena membutuhkan perangkat diatas rata-rata agar dapat berjalan sebagaimana mestinya, seperti RAM yang cukup untuk menjalankan beberapa tools yang menguras RAM. Berbeda halnya dengan kasus yang saya alami, karena perangkat saya secara default VT (Virtualization Technology) telah di-disabled sejak pertama kali dibeli dan tidak bisa di-enable dari BIOS, sehingga emulator tidak dapat berjalan.
Kata pribahasa "Banyak jalan menuju roma", maka cara lainnya adalah dengan menggunakan perangkat Android (Smartphone) sebagai emulator secara langsung. Berikut beberapa tahapannya:
  1. Aktifkan Developer Options dan USB Debugging pada perangkat kamu. Untuk cara mengaktifkannya, dapat kamu lihat pada dokumentasi yang telah disediakan oleh Android Studio.
  2. Khusus untuk Windows, silahkan install Google USB Driver.
  3. Hubungkan Smartphone kamu menggunakan kabel USB untuk memberikan izin komputer kamu agar dapat mengakses perangkat kamu.
  4. Pada terminal, jalankan flutter devices atau bisa juga dengan menggunakan command: flutter doctor untuk mengecek apakah perangkat sudah terhubung atau tidak.
flutter check device
Note: Pastikan kamu telah mengatur environtment variable ANDROID_HOME, jika kamu pengguna linux, tambahkan command berikut ke dalam file .bashrc atau .profile:
export ANDROID_HOME=$HOME/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

Konfigurasi Editor

Editor memiliki peran penting dalam proses development, tak peduli kamu menggunakan bahasa pemrograman apapun. Flutter sendiri memberikan opsi lain yang dapat digunakan selain Android Studio, yakni VS Code. Berikut beberapa tahapan yang dapat kamu lakukan untuk konfigurasi VS Code:
  1. Pastikan kamu telah meng-install VS Code versi terbaru
  2. Tekan Ctrl + Shift + P atau View > Command Palette
  3. Pada kotak yang tersedia, ketikkan Extensions: Install Extension, kemudian tekan enter
  4. Pada kontak pencarian yang tersedia, ketikkan: flutter. Kemudian pilih Flutter, lalu tekan install.
    flutter install vscode
    Note: Jangan lupa untuk meng-install Dart plugin juga, pada gambar lokasinya terletak paling bawah.
  5. Reload VS Code kamu agar dapat menggunakan extension yang baru saja di-install.
  6. Untuk memastikan, buka kembali View > Command palette, kemudian ketikkan Flutter: Run Flutter Doctor. Pastikan output yang kamu terima sama dengan ketika menjalankan command flutter doctor pada terminal.
TAG : Tutorial Flutter Bahasa Indonesia, Flutter.io, Ebook Flutter Bahasa Indonesia, Mahir Flutter, Belajar Flutter, Cara Install Flutter, Tutorial Install Flutter

Mengenal Flutter : Instalasi Flutter


Persiapan Install Flutter : 

Terdapat beberapa tahapan yang harus dilakukan sebelum dapat menggunakan Flutter untuk proses development

Berikut beberapa hal yang perlu kamu persiapkan:


System Requirements : 


  1. Operation System: Jika kamu menggunakan Windows, minimal versi 7 SP1 atau yang terbaru dan pastikan 64-bit. Sedangkan Linux dan Mac hanya wajib menggunakan 64-bit.
  2. Disk Space: Jika kamu menggunakan Windows, sediakan ruang sekitar 400 MB (tidak termasuk tools/IDE). Linux membutuhkan 600 MB dengan ketentuan yang sama, sedangkan Mac membutuhkan 700 MB.
  3. Tools: Pastikan kamu telah menginstall git dan dapat digunakan melalui command line.

Mungkin sebagian teman-teman bertanya-tanya, kenapa sih harus meng-install Android studio? Kan penggunaan RAM-nya besar? Tenang saja, yang dibutuhkan dari Android studio adalah dependecies yang menyertainya, sehingga kedepannya kita tidak perlu menjalankannya dan dapat menggunakan Editor lain untuk menuliskan code kamu. Berikut beberapa hal yang dibutuhkan Flutter dari Android Studio untuk proses development Android:
  1. Android SDK
  2. Android SDK Platform-Tools
  3. Android SDK Build-Tools
Tahapannya, silahkan download dan install Android Studio sesuai dengan sistem operasi yang kamu punya. Pada kotak dialog "Android Studio Setup Wizard", pastikan kamu meng-install ketiga bagian yang telah disebutkan diatas. Atau kamu dapat ke menu Tools > SDK Manager
membuat aplikasi mobile dengan flutter
Kemudian pilih tab SDK Tools dan centang ketiga komponen diatas
flutter install android sdk

Install Flutter SDK

Selain SDK yang telah didapatkan dari Android Studio, Flutter juga mewajibkan kita untuk meng-install SDK yang telah disediakannya. Berikut adalah beberapa tahapan instalasi Flutter SDK.
  1. Buka halaman Flutter Install, kemudian pilih sistem operasi yang kamu gunakan.
    panduan install flutter
  2. Pada bagian Flutter SDKdownload SDK dari link yang telah disediakan.
    install sdk flutter
  3. Extract file Flutter SDK yang telah kamu download, dan tempatkan dimanapun kamu inginkan (Warning: Jika menggunakan Windows, jangan diletakkan ke dalam folder yang membutuhkan permission, seperti: C:/Program Files). Karena saya menggunakan Linux, saya meletakkannya di dalam folder /home/usersaya/flutter atau ~/flutter .
    flutter directory
  4. Kemudian tambahkan PATH dari Flutter SDK yang telah kita extract
    $ cd ~/flutter
    $ export PATH=`pwd`/bin:$PATH
    Note: Jika kamu menggunakan Windows, pastikan file flutter_console.bat berada di dalam folder flutter, kemudian double click file tersebut.
  5. Terakhir, running commandflutter doctor untuk mengecek apakah masih ada dependecies yang belum ter-install.
menjalankan flutter doctor
Nah, seperti yang terlihat, dependecies yang dibutuhkan sudah ter-install sepenuhnya. Sedangkan untuk dua poin terakhir kita abaikan saja terlebih dahulu, karena menggunakan VS Code tidaklah wajib dan Connected Device akan kita bahas pada sub topik selanjutnya.

Setup Android device

Untuk menjadi seorang Android developer, rasa-rasanya tidaklah salah jika harus memiliki modal yang cukup. Kenapa demikian? Karena membutuhkan perangkat diatas rata-rata agar dapat berjalan sebagaimana mestinya, seperti RAM yang cukup untuk menjalankan beberapa tools yang menguras RAM. Berbeda halnya dengan kasus yang saya alami, karena perangkat saya secara default VT (Virtualization Technology) telah di-disabled sejak pertama kali dibeli dan tidak bisa di-enable dari BIOS, sehingga emulator tidak dapat berjalan.
Kata pribahasa "Banyak jalan menuju roma", maka cara lainnya adalah dengan menggunakan perangkat Android (Smartphone) sebagai emulator secara langsung. Berikut beberapa tahapannya:
  1. Aktifkan Developer Options dan USB Debugging pada perangkat kamu. Untuk cara mengaktifkannya, dapat kamu lihat pada dokumentasi yang telah disediakan oleh Android Studio.
  2. Khusus untuk Windows, silahkan install Google USB Driver.
  3. Hubungkan Smartphone kamu menggunakan kabel USB untuk memberikan izin komputer kamu agar dapat mengakses perangkat kamu.
  4. Pada terminal, jalankan flutter devices atau bisa juga dengan menggunakan command: flutter doctor untuk mengecek apakah perangkat sudah terhubung atau tidak.
flutter check device
Note: Pastikan kamu telah mengatur environtment variable ANDROID_HOME, jika kamu pengguna linux, tambahkan command berikut ke dalam file .bashrc atau .profile:
export ANDROID_HOME=$HOME/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

Konfigurasi Editor

Editor memiliki peran penting dalam proses development, tak peduli kamu menggunakan bahasa pemrograman apapun. Flutter sendiri memberikan opsi lain yang dapat digunakan selain Android Studio, yakni VS Code. Berikut beberapa tahapan yang dapat kamu lakukan untuk konfigurasi VS Code:
  1. Pastikan kamu telah meng-install VS Code versi terbaru
  2. Tekan Ctrl + Shift + P atau View > Command Palette
  3. Pada kotak yang tersedia, ketikkan Extensions: Install Extension, kemudian tekan enter
  4. Pada kontak pencarian yang tersedia, ketikkan: flutter. Kemudian pilih Flutter, lalu tekan install.
    flutter install vscode
    Note: Jangan lupa untuk meng-install Dart plugin juga, pada gambar lokasinya terletak paling bawah.
  5. Reload VS Code kamu agar dapat menggunakan extension yang baru saja di-install.
  6. Untuk memastikan, buka kembali View > Command palette, kemudian ketikkan Flutter: Run Flutter Doctor. Pastikan output yang kamu terima sama dengan ketika menjalankan command flutter doctor pada terminal.
TAG : Tutorial Flutter Bahasa Indonesia, Flutter.io, Ebook Flutter Bahasa Indonesia, Mahir Flutter, Belajar Flutter, Cara Install Flutter, Tutorial Install Flutter