cover-img

Part 2 | Setup Project

Membuat UI aplikasi BPJS Kesehatan menggunakan flutter

16 October, 2022

1

1

0

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.

1

1

0

HAKIM MADANI
Multi Platform Developer

More Articles

Showwcase is a professional tech network with over 0 users from over 150 countries. We assist tech professionals in showcasing their unique skills through dedicated profiles and connect them with top global companies for career opportunities.

© Copyright 2024. Showcase Creators Inc. All rights reserved.