Part 2 | Setup Project
Membuat UI aplikasi BPJS Kesehatan menggunakan flutter
16 October, 2022
1
1
0
Contributors
Setelah mengetahui latar belakang dari proyek ini pada artikel sebelumnya, maka saya akan memulai untuk mempersiapkan apa saja yang akan dibutuhkan untuk membuat aplikasi ini.
Beberapa hal yang perlu disiapkan seperti file Flutternya sendiri juga Assets yang yang akan dibutuhkan, ini akan saya jelaskan secara berurutan.
Create Project
Aplikasi antar muka BPJS Kesehatan ini akan dibuat menggunakan teknologi Flutter dengan bahasa Dart sehingga saya perlu membuat sebuah folder kosong untuk Framework tersebut.
Folder kosong tersebut saya buka pada Text Editor VSCode lalu pada bagian terminalnya (Shift + `) saya install Framework Flutter dengan baris perintah berikut :
setelah proses selesai saya akan mendapatkan folder lengkap bernama "bpjs_ui" yang berisi seluruh file Framework Flutter. nantinya, semua pekerjaan dalam aplikasi ini hanya berada pada folder "bpjs_ui" tersebut.
Assets yang akan digunakan
Untuk aplikasi ini, ada beberapa hal yang perlu dipersiapkan sebelum memulainya seperti kumpulan assets yang akan digunakan nantinya.
Assets merupakan suatu kumpulan bahan yang akan melengkapkan aplikasi yang akan dibuat, assets dapat berupa gambar, ikon, font dan sebagainya.
Assets yang akan digunakan saat ini terdiri dari 4 gambar banner, 1 gambar logo dan 23 gambar ikon.
Ikon yang digunakan merupakan ikon kustomasi khusus berformat gambar (.png), sehingga nantinya dalam penggunaannya akan seperti menggunakan widget gambar.
Unduh Assets
Semua assets ini dapat diunduh pada link berikut:
Instalasi Assets
Untuk menggunakan assets yang telah diunduh tersebut maka ekstrak terlebih dahulu file (.rar) lalu ambil folder “assets” dengan cara di Cut atau Coppy.
Tambahkan forder assets yang telah diambil tadi kedalam folder project flutternya.
Jangan lupa untuk diregistrasikan Path folder assets tersebut kedalam pubspec.yaml.