Materi hari pertama training

[faisaladnanpeltops]

https://docs.google.com/presentation/d/1vI2KCRRHezGbn0GDp-KsUiL11B4w0kIZejVBRqN161c/edit?usp=sharing

Materi Pelatihan Flutter: Hari 1 - Pengenalan dan Setup Flutter

Hari 1: Pengenalan dan Setup Flutter

1. Pengenalan Flutter

Flutter adalah framework open-source yang dikembangkan oleh Google untuk membangun aplikasi mobile, web, dan desktop dari satu codebase. Flutter memungkinkan pengembang untuk membuat antarmuka pengguna yang indah dan performa tinggi dengan mudah.

2. Gambaran Umum Framework Flutter

• Komponen Utama:

  • Dart: Bahasa pemrograman yang digunakan Flutter.
  • Widgets: Blok bangunan dari UI di Flutter.
  • Engine: Menyediakan rendering, animasi, dan banyak lagi.
  • Flutter Framework: Koleksi widget dan kelas yang memudahkan pengembangan aplikasi.

• Kelebihan Flutter:

  • Hot Reload: Memungkinkan perubahan kode terlihat langsung tanpa kehilangan state aplikasi.
  • Performansi Tinggi: Flutter menggunakan mesin rendering sendiri yang cepat.
  • UI Konsisten: Tampilan yang konsisten di berbagai platform.
  • Komunitas dan Ekosistem: Komunitas besar dan ekosistem paket yang kaya.

3. Pentingnya dan Manfaat Menggunakan Flutter

• Cross-Platform: Satu codebase untuk aplikasi Android, iOS, web, dan desktop.
• Pengembangan Cepat: Fitur seperti Hot Reload mempercepat proses pengembangan.
• Komunitas Besar: Banyak sumber daya, dokumentasi, dan paket yang tersedia.
• Desain Modern: Mendukung Material Design dan Cupertino (iOS) widget.

4. Persiapan Lingkungan dengan Google IDX

• Google IDX (Interactive Developer eXperience) menyediakan lingkungan pengembangan yang telah terkonfigurasi untuk Flutter.
  • Langkah-langkah Setup:
    1. Buka Google IDX: Kunjungi Google IDX dan daftar jika belum memiliki akun.
    2. Buat Proyek Baru: Pilih template Flutter untuk memulai.
    3. Konfigurasi Emulator: Gunakan emulator yang disediakan untuk menguji aplikasi.

5. Membuat Proyek Flutter Baru

• Menggunakan Perintah flutter create:
  • Buka terminal atau command prompt.
  • Jalankan perintah flutter create nama_proyek_anda.
  • Pindah ke direktori proyek dengan cd nama_proyek_anda.

6. Memahami Struktur Proyek

• Folder dan File Utama:
  • lib: Tempat kode aplikasi ditulis.
  • pubspec.yaml: File konfigurasi proyek (dependencies, assets, dll).
  • android dan ios: Konfigurasi platform spesifik.
  • test: Tempat menulis tes untuk aplikasi.

7. Menjalankan Aplikasi Flutter Default

• Langkah-langkah:
  1. Pastikan emulator atau perangkat fisik terhubung.
  2. Jalankan perintah flutter run di terminal.
  3. Aplikasi default Flutter akan muncul di layar.

8. Konsep Dasar Flutter

• Widgets:

  • StatelessWidget: Widget yang tidak memiliki state.
  • StatefulWidget: Widget yang memiliki state yang dapat berubah.

• Hot Reload dan Hot Restart:

  • Hot Reload: Memuat ulang kode tanpa kehilangan state saat ini.
  • Hot Restart: Memulai ulang aplikasi dari awal, biasanya digunakan untuk perubahan yang lebih besar.

9. Dasar-dasar Bahasa Pemrograman Dart

• Sintaks Dasar:
  • Variabel: var nama = 'Flutter';
  • Tipe Data: int, double, String, bool, List, Map.
  • Fungsi: void main() { print('Hello, Flutter!'); }
  • Kontrol Alur: if, else, for, while, switch.

10. Menulis Widget Flutter Pertama Anda

• Contoh Widget Sederhana:

  import 'package:flutter/material.dart';
  
  void main() {
  runApp(MyApp());
  }
  
  class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Halo, Flutter!'),
        ),
        body: Center(
          child: Text('Selamat datang di Flutter!'),
        ),
      ),
    );
  }
  }

Kesimpulan

Pelatihan hari pertama ini mencakup pengenalan Flutter, pengaturan lingkungan, dan konsep dasar. Pada hari kedua, kita akan mendalami pembuatan halaman login sebagai langkah awal membuat aplikasi Flutter yang lebih kompleks.

Dengan memahami dasar-dasar ini, Anda sudah siap untuk mulai mengembangkan aplikasi menggunakan Flutter. Selamat belajar dan semoga sukses!

[faisaladnanpeltops]

Feedback dari Pak Yudha Nurdin:

Untuk materi hari pertama mungkin bisa ditambahin:

1. tools untuk pengembangan flutter (selain google IDX)
2. ⁠SDLC (Software Development Life Cycle) dan agile software dev.
3. ⁠Tambahan gambar arsitektur flutter
4. ⁠Alur pengembangan dengan flutter

[rfaturriza]

noted pak

[peltops]

For each item below, describe in 1 page:

1. Tools untuk pengembangan flutter (selain google IDX) -> Rizky
2. ⁠SDLC (Software Development Life Cycle) dan agile software development -> Yudha
3. ⁠Tambahan gambar arsitektur flutter -> Rizky
4. ⁠Alur pengembangan dengan flutter -> Rizky
5. Diagram system e-imunisasi dan e-nakes -> Faisal
6. Software development process used by SBD Team -> Faisal

[peltops]

Tujuan dari tambahan materi diatas adalah

Jadi untuk buat apliasi menggunakan flutter juga ada tahapan proses nya:

1. Masalah/cakupan aplikasi
2. Ideation
3. Design
4. Storyboard
5. Dst