Description

Wajah.ID Merupakan proyek industri atau proyek independen dari Bisa AI. Wajah.ID merupakan industri yang bergerak pada sektor penjualan produk kecantikan, treatment sekaligus konsultasi masalah kecantikan.  Pada proses pengerjaan proyek ini, secara aktif saya berperan sebagai mobile developer dikarenakan saya sangat menyukai pengembangan aplikasi berbasis mobile android maupun iOS.  Pada perancangannya, aplikasi mobile Wajah.ID dirancang menggunakan teknologi Framework Flutter dan bahasa pemrograman dart. Wajah.ID memiliki MVP. Pertama, pengguna dapat menemukan klinik terdekat berdasarkan rekomendasi dan melakukan treatment. Kedua, pengguna dapat berkonsultasi dengan dokter spesialis kecantikan melalui fitur chat. 

Project ini tergolong kompleks.  Dapat diclone melalui repository berikut: https://gitlab.com/bisa_ai/msib/wajah-id-group/wajah-id/-/tree/mobile 

Aplikasi terdiri dari beberapa screen yang terhubung dan mewakili fitur masing-masing seperti login, registrasi, memilih klinik, dokter, chat, membeli produk dan melakukan pembayaran, memilih treatment, hingga mengatur jadwal.

Teknologi yang dipakai untuk melakukan perancangan aplikasi ini antara lain: 

1. FLUTTER

Flutter adalah SDK untuk pengembangan aplikasi mobile dengan kinerja  tinggi untuk  aplikasi iOS dan  Android, dari satu codebase(basis kode) yang di buat oleh Google dengan lisensi   opensource.   Tujuannya   adalah   memungkinkan pengembang  untuk menghadirkan  aplikasi  berkinerja  tinggi. Untuk menggunakan flutter, pengembang harus terlebih dahulu memahami konsep OOP (Object Oriented Programming) pada bahasa pemrograman dart. 

Ada beberapa software yang harus download dan install terlebih dahulu agar Flutter dapat berjalan dengan baik yakni sebagai berikut:

-Java Development Kit (JDK)
- Android Studio
-Android SDK
-Flutter SDK
-IDE / Teks Editor (dapat menggunakan Visual Studio Code atau Android Studio. Pada project ini saya menggunakan android studio)

 PERHATIAN : untuk menginstall semua program pendukung tersebut kita akan mendownload file yang cukup besar. Jadi pastikan untuk menggunakan jaringan internet yang baik dan kuota yang mumpuni tentunya 

 

Langkah instalasi Flutter (di Windows) adalah sebagai berikut.  

Langkah 1: Buka URL, https://flutter.dev/docs/get-started/install/windows dan unduh Flutter SDK terbaru.

Langkah 2: Setelah selesai di unduh, maka ekstrak file zip dan letakkan di folder atau lokasi instalasi yang diinginkan (contoh D: /Flutter). 

Langkah 3: Perbarui jalur sistem untuk memasukkan direktori flutter bin, 
berikut langkah-langkah yang diperlukan: Buka My Computer properties → advanced tab → environment variables. Lalu, pilih path → klik edit. Pada bagian atas, klik new → write path folder Flutter bin dalam nilai variabel → ok → ok → ok

Langkah 4: Lalu, jalankan perintah $ flutter doctor. Perintah ini berguna untuk memeriksa bahwa semua persyaratan pengembangan aplikasi Flutter terpenuhi.

Langkah 5: Setelah menjalankan perintah diatas, maka akan muncul laporan seperti gambar dibawah ini:


Langkah 6: Jika perintah flutter doctor tidak menemukan alat Android SDK pada sistem, maka install Android Studio IDE terlebih dahulu. Untuk menginstal Android Studio IDE, bisa di unduh dari situs resmi.

 

2. Android Studio IDE

Untuk mengembangkan aplikasi mobile, dibutuhkan suatu alat yang dapat mengkompilasi (compile) source code kemudian dapat berjalan di atas emulator android . Android Studio adalah suatu IDE berbasis JavaIDE yang diciptakan oleh Jetbrains kemudian diperkenalkan oleh Google. Awal mula Android Studio diumumkan secara resmi adalah pada bulan Mei 2013. Penggunaan Android Studio telah secara signifikan menggantikan Eclipse yang sering digunakan sebagai IDE dalam pengembangan aplikasi mobile berbasis Android. Pada pengerjaan aplikasi Wajah.ID, saya menggunakan Android Studio IDE. Agar flutter SDK dapat berjalan pada android studio maka harus menginstall plugin flutter telebih dahulu pada Android Studio.


 

REFERENSI:

Tjandra, S., & Chandra, G. S. (2020). Pemanfaatan Flutter dan Electron Framework pada Aplikasi Inventori dan Pengaturan Pengiriman Barang. Journal of Information System, Graphics, Hospitality and Technology, 2(02), 76-81. 

Mengenal Android Studio. Diakses Melalui: https://developer.android.com/studio/intro?hl=id