Skip to main content

Lab 6: Introduction to Flutter

Pemrograman Berbasis Platform (CSGE602022) - diselenggarakan oleh Fakultas Ilmu Komputer Universitas Indonesia, Semester Ganjil 2022/2023

Tenggat Waktu Pengumpulan​

Kelas A, B:​

3 November 2022 09.40.00 UTC (0 days 0 hours 0 minutes 0 seconds left)

Kelas C, D, E, F:​

3 November 2022 07.40.00 UTC (0 days 0 hours 0 minutes 0 seconds left)

Tujuan Pembelajaran​

Setelah menyelesaikan tutorial ini, mahasiswa diharapkan untuk:

  • Mengerti proses instalasi Flutter.
  • Mengerti dan menggunakan perintah-perintah dasar Flutter yang perlu diketahui untuk mengerjakan proyek aplikasi.
  • Memahami alur dasar pembuatan dan eksekusi aplikasi Flutter.

Pengenalan Flutter​

Flutter adalah sebuah framework aplikasi mobile sumber terbuka (open source) yang diciptakan oleh Google pada 2017. Flutter digunakan dalam pengembangan aplikasi untuk sistem operasi Android dan iOS. Flutter juga mendukung untuk pengembangan aplikasi berbasis web, Windows, Linux, dan MacOS secara native.

Keuntungan dari Flutter sendiri adalah kemampuannya untuk menciptakan aplikasi untuk berbagai platform dengan hanya satu codebase. Selain itu, fitur JIT (just in time) memungkinkan pengembang aplikasi untuk melihat perubahan yang dilakukan pada codebase secara langsung tanpa harus mengulang proses kompilasi kode aplikasi dari awal.

Instalasi Flutter​

  1. Akses tautan berikut sesuai dengan sistem operasi yang kamu gunakan.

    a. Mac OS

    Khusus pengguna Mac OS yang menggunakan Homebrew, kamu dapat menggunakan perintah brew install --cask flutter untuk menginstal Flutter.

    b. Windows

    c. Linux

  2. Instal Flutter versi terkini (latest version) dengan mengikuti panduan pada tautan di atas.

    Untuk pengguna Mac, dapat melewati tahap iOS Setup dan langsung ke tahap Android Setup.

  3. Instal IDE pilihan kamu yang akan digunakan untuk mengembangkan aplikasi Flutter.

    a. Android Studio (Recommended)

    b. Visual Studio Code

    Kamu dapat menggunakan Visual Studio Code untuk Flutter dengan menginstall ekstensi Dart dan Flutter.

    Kamu juga dapat membaca fungsionalitas IDE yang disediakan oleh ekstensi Flutter pada tautan yang tersedia.

Tutorial: Getting Started with Flutter​

  1. Buka Terminal atau Command Prompt.

  2. Masuk ke direktori sesuai keinginan masing-masing.

  3. Generate proyek Flutter dan masuk ke dalam direktori proyek.

    flutter create <APP_NAME>
    cd <APP_NAME>

  4. Jalankan proyek melalui Terminal atau Command Prompt.

    flutter run

  5. Akan muncul tampilan seperti di bawah ini.

    First App

  6. Buka file lib/main.dart dengan editor atau IDE pilihan kamu.

  7. Ubah kalimat You have pushed the button this many times menjadi You have clicked the button this many times.

  8. Simpan file dan lihat perubahannya pada tampilan aplikasi.

  9. Setelah menyimpan perubahan yang telah dilakukan, lakukan git init pada root folder dan add-commit-push proyek ke sebuah repositori baru di GitHub. Kamu dapat menamai repositori barumu dengan nama pbp-flutter-tutorial.

  10. Kumpulkan tautan repositori kamu ke slot submisi yang ada pada Scele.

Akhir Kata​

Selamat, kamu telah membuat aplikasi Flutter pertamamu!

Setelah kamu menyelesaikan seluruh tutorial di atas, harapannya kini kamu lebih paham dan ke depannya kamu dapat lebih banyak bereksplorasi dengan framework Flutter dalam membuat sebuah aplikasi multiplatform.

Happy coding!

Referensi Tambahan​

Kontributor​

  • Muhammad Azis Husein
  • Muhammad Athallah
  • Adrian Ardizza
  • Mohamad Rifqy Zulkarnaen