Perubahan pada modul global 😷

• Mengubah desain/warna Drawer
• Mengubah nama dan ikon aplikasi
• Menambah fitur hide/show password untuk login

Perubahan pada modul Tips And Tricks 💡

Menyelesaikan integrasi dengan web service (fitur get data dan add data ke django) dan implementasi auth

Authentication Features:

• [x] Stored session id (persistent authentication with Django session)
• [x] Login, logout functionality

Fetching Data with Session ID:

• Get the current session cookie from shared preferences (storage)

final sessionCookie = await getSessionIdCookie();

• Use the session cookie (which is already in form of headers map) to the http request

final response = await http.post(
      Uri.parse("https://temenin-isoman.herokuapp.com/user/"),
      headers: sessionCookie);

• The response can now be used!

if (response.statusCode == 200) {
    return User.fromJson(jsonDecode(response.body)["data"]);
} else {
    return null;
}

Notes on Updating Session Cookie when Login / Signup:

Just add updateSessionId(response); if the response is success, for example:

final sessionCookie = await getSessionIdCookie();
final response = await http.post(
    Uri.parse("https://temenin-isoman.herokuapp.com/user/login"),
    headers: sessionCookie,
    body: {
        "username": _username,
        "password": _password,
    });

if (response.statusCode == 200) {
    updateSessionId(response);
    // Do something
}

Package Utama (Temenin Isoman😷)

Penjelasan Modularization

Setiap module udah ada folder masing2, jadi pengerjaan bisa dilakuin di foldernya langsung. Di pubspec.yaml folder masing2, bisa ditambahin di bagian dependenciesnya gini (biar ga perlu nambahin ulang package yang udah ada di main package)

dependencies:
        temenin_isoman_mobileapp:
            path: ../.

Penjelasan Routing

Routing atau navigation bisa diliat di lib/main.dart, di bagian routes. Di masing2 class yang butuh routing, bisa ditambahin aja variabel nama routenya. Contoh:

static const routeName = '/nama-routenya';

Terus bisa ditambahin aja ke lib/main.dart, di bagian routes. Contoh:

NamaClass.routeName: (context) => NamaClass(),

Routing ini kepakenya buat navigation pake .pushNamed(). Contoh:

Navigator.pushNamed(
  context,
  NamaClass.routeName,
);

Di folder lib, route ini dipakai di dua file, yaitu:

1. lib/widgets/custom_drawer.dart (masukkin ke dalam onTap)
2. lib/widgets/module_card.dart (masukkin jadi parameter _categoryCard)

Penggunaan Drawer

Di lib/widgets/custom_drawer.dart udah ada Widget Drawer yang bisa dipake di setiap module, cara pakenya tinggal tambahin drawer: ke Scaffold. Contoh code:

drawer: customDrawer(context),

Kalo mau ubah Icon Hamburger Menu, tambahin code berikut ke AppBar

leading: Builder(
    builder: (context) {
      return IconButton(
        icon: const Icon(
          Icons.short_text,
          size: 30,
        ),
        onPressed: () {
          Scaffold.of(context).openDrawer();
        },
      );
    },
),

Penjelasan style di lib

Di lib/common, ada file style.dart, yang isinya ada beberapa Color(sesuai color di web) sama TextTheme yang bisa dipake di tiap module, tapi opsional aja pakenya

Package Tips And Tricks 💡

Masih module awal aja(baru ngatur UI aja, belum ada integrasi ke webservice), tapi bisa diliat buat referensi cara implementasi sistem modularization atau routing/navigation-nya