cover-img

Part 1 | Introduction

Membuat UI aplikasi BPJS Kesehatan menggunakan flutter

16 October, 2022

1

1

1

Dalam Show Series ini saya akan membuat tampilan pengguna pada aplikasi Badan Penyelenggara Jaminan Sosial Kesehatan atau BPJS Kesehatan. Sebelum memulai, ada beberapa hal yang perlu dipersiapkan dan diperhatikan terlebih dahulu.

Pastikan langkah - langkah ini diikuti dengan sesuai dan benar ya..

Tools and Requirements

Pada aplikasi kali ini saya hanya akan menggunakan Material Flutter saja atau Native Flutter sehingga kamu hanya perlu memastikan bahwa kamu menggunakan versi Dart dan Flutter berikut :

ā€¢

Dart v.2.17.6

ā€¢

Flutter v.3.0.5

Dimensional Width

Dalam Testing, saya menggunakan Emulator dari BlueStack v.5.9.11 dengan ukuran dimensi tampilannya 720x1280. Jika ingin menggunakan perangkat Emulator lainnya tidak masalah, hanya saja pastikan ukuran dimensinya sama atau paling tidak memiliki ukuran lebar Layar 480.0.
img

Emulator Dimensional Width

Pada bagian ini perlu saya tekankan untuk menyesuaikan dengan langkah yang tepat agar nantinya tidak terlihat tampilan yang aneh, sebab pada aplikasi yang akan dibuat dalam Show Series ini belumlah responsive dan hanya teruntuk bagi perangkat mobile saja.

Error Time

Series ini akan terdiri dari beberapa Show, jika terdapat error setelah mengikuti satu show seperti ā€œVariable is undefinedā€ atau tidak terdapatnya Widget maka tidak perlu khawatir sebab ada kemungkinan eror tersebut berkaitan dengan langkah pada Show berikutnya.
Jadi, pastikan untuk mengikuti semua Show hingga tuntas.

Inspiration Design

Materi dalam Show Series ini merupakan dokumentasi saya dalam membuat Aplikasi BPJS Kesehatan yang mana desain aplikasinya merupakan desain ulang yang dibuat dan dipublikasikan oleh Nuel Edelgard pada platform Dribbble.
img

Dribbble Inspiration Design

Pastikan kamu mengunjungi akun Dribbblenya untuk melihat berbagai desain menarik yang beliau buat ya.
Jadi dapat dikatakan projek ini bukanlah Aplikasi resmi, melainkan merupakan konversi kode dari desain ulang atas Aplikasi resmi tersebut.
Walaupun begitu, banyak hal baru dan menarik yang saya dapatkan selama mengerjakan ini sehingga saya tertarik untuk membagikannya dalam show series kali ini. Selamat Berkoding.

1

1

1

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 2025. Showcase Creators Inc. All rights reserved.