My Portofolio # Aplikasi Mobile Android dan ios Megatim1App

Seiring berjalannya waktu kemampuan seseorang harus meningkat tentunya. apa lagi di jaman mobile phone ini. Hampir semua aktifitas telah berubah dari pc komputer ke smartphone. hal ini tentu saja membuat saya berfikiran untuk mencoba mengembangkan aplikasi yang berjalan pada 2 sistem operasi sekaligus. bagaimana arsitekturnya?.. apakah harus belajar 2 bahasa pemrograman juga?.. tentu saja tidak. semenjak google memperkenalkan teknologi mereka yaitu flutter. ya.. Aplikasi ini saya buat menggunakan flutter dan firebase.

Awal mulanya di tempat kerja saya bimbingan dan konsultasi belajar nurul fikri, pengajar banyak waktu luang dari jam 11:00 melakukan office sampai jam 15:00 kurang lebih di hari hari senin sampai kamis, tentu untuk pengajar yang tidak mengajar di kelas pagi.. Mereka mungkin cendrung mengisi waktu luangnya dengan membaca buku, membuat ppt untuk presentasi sebelum mengajar, mengerjakan bajarak atau berselancar di internet, khususnya pengajar negeri.. dari sini muncul ide untuk membuat aplikasi pencatatan nilai tf siswa, agar nilai siswa di suatu lokasi bisa tertata dengan rapih. Kebetulan selama ini nilai siswa tidak pernah di laporkan kepada orang tua siswa. al hasil orang tua siswa tidak pernah tau siswanya mendapat nilai berapa di kelas setiap harinya. Maka idenya pengajar di haruskan untuk mencatat nilai TF siswa di kelas setelah mengajar.

Sayang sekali saya hanya menggunakan laptop dengan sistem operasi windows. kenapa?.. karena flutter hanya bisa menjalankan dan melakukan compailing source di platform android saja, tidak bisa ios, karena kita butuh xcode untuk menjalankan source code kita pada platform ios.

Beda halnya jika kamu menggunakan sistem operasi mac os, maka kamu bisa mengembangkan dan menjalankan source codenya dalam platform android dan ios.. mantap bukan..!! itulah oknya bodrek..wkwkwk.. becanda gays.

Untuk itu  saya memilih teknologi pemrograman dengan flutter dan database realtime dari firebase yaitu cloud firestore.

Mengapa harus flutter:

  1. Dengan flutter kamu bisa membuat app yang berjalan di android maupun ios hanya dengan satu kali menulis program dan 1 kali learning bahasa pemrograman
  2. Performa sekelas nativ bahkan lebih baik dari nativ android yang di buat menggunakan java
  3. Melimpahnya fitur source widget
  4. Banyaknya libarary pendukung yang dapat membantu kinerja kamu
  5. Hot reload. artinya eksekusi di perubahan kode yang kecil sekali pun untuk melihat hasilnya tidak akan memakan waktu lama.
  6. dan masih banyak lagi..

Fitur program ini meliputi

  1. menampilkan data dengan realtime
  2. melakukan swipe destroy data
  3. login menggunakan email yang terdaftar dalam firebase
  4. memberikan hak akses data sesuai email user yang login
  5. melakukan insert data dengan konsep search data json lokal
  6. Fitur tema gelap
  7. Melakukan sinkronisasi data dalam hitungan mili detik, pada client yang terhubung ke app ini
  8. validasi data form dan masih banyak lagi..

Tampilan utama appmegatim1. Bahwa semua client yang akan terhubung harus melewati gerbang keamanan aplikasi terlebih dahulu. dengan cara memasukkan email dan password yang sudah terdaftar dalam sistem database firebase.

Kemudian validasi format otomatis di jalankan jika form masih kosong

Jika ternyata email dan password belum terdaftar pada database firebase maka akan menampilkan pesan kesalahan

Sebaliknya, jika email anda terdaftar pada firebase maka akan masuk dalam dashboard appmegatim1. Ada dua macam tema di sini yaitu dark dan light

Dan ini tema dark

Ini adalah contoh entry data nilai TF siswa dalam mode dark. oiya.. saya menggunakan data json lokal dalam jumlah yang besar yaitu sekitar 3.500 data induk siswa

biar hasilnya tepat dan bisa menemukan nama siswa dalam hitungan detik, maka pencarian diatas saya buat berdasarkan karakter yang pertama kali di ketik. misal kamu mengetik nama dengan huruf depan K, maka semua nama dengan karakter depan K akan muncul.

Dan ini adalah tampilan nilai tf siswa yang sudah di di entry oleh pengajar dan tersimpan dalam database firebase cloud firestore. disini saya menampilkan dengan mode tema light

Selain menampilkan data user juga bisa melihat history data yang pernah dia input bisa. kemudian jika ada kesalahan bisa di hapus maupun di rubah, denga cara melakukan swipe data.

Fitur yang tidak kalah menarik yaitu adanya form untuk mengisi biodata user yang sudah login pada app

Terakhir yaitu fitur auto direct app pihak ketiga seperti whatsapp dan line. untuk melakukan konsultasi siswa kepada pengajar.

Tutorial Flutter

Untuk bisa membuat app seperti diatas kamu hanya perlu belajar flutter dan firebase yang sudah  saya jabarkan pada artikel tutorial flutter di blog ini, Sekarang mulailah dari sini

Tutorial Flutter Part 1 # Mengenal dan Instalasi Flutter

Saya rasa itu ya.. untuk porfolio yang bisa saya share.. untuk mendapatkan source kode lengkapnya bisa menghubungi saya di email. saefulmujab.nf@gmail.com atau Whatsapp di 081285777741

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *