Kelas Gratis Flutter Mobile App
Membangun Aplikasi Noted dengan
Flutter dan SQLite
By Saiful Bahri
[Link]
[Link]
Introduction
Experiences:
● 2012 : Software Engineer at Samz Solution (Tcash, LinkAja)
● 2013: Senior Software Engineer at PT Hitachi Ebworx
● 2015: Tech Lead at Go-Jek, GOTIX
● 2017 Principal Engineer at PT Atmatech Global Teknologi
● 2019 Tech Lead at [Link]
● 2020-2023 Tech Leat at [Link]
● 2021 Owner Gading Farm
● 2023 - Owner Code with Bahri & Jagofl[Link]
Portfolio:
● Linkedin: [Link]
● Instagram: [Link]
● Github: [Link]
● Youtube : [Link]
[Link]
Organization / Activities
● Founder Jagofl[Link] & Flutter Intensive Club
● Workshop Speaker at Saction Fest Event Seminar Kewirausahaan HMIF
Universitas Ahmad Dahlan 2023
● Workshop Speaker at IT Class HMIF Institut Teknologi Dirgantara Adisutjipto
2023
● Workshop Speaker at HICAMP Himpunan Mahasiswa Informatika
Universitas Teknologi Yogyakarta 2023
● Workshop Speaker at AMIKOM AMCC Yogyakarta 2023
● Mentor at JointsCamp ( JOGJA INFORMATION TECHNOLOGY SESSION) by
Himakom UGM 2023
● Speaker of “Android and Web Developer For New Revolution” STTA,
Yogyakarta 2017
● Speaker of “Technology for Indonesian Change”, Atmajaya University,
Yogyakarta, 2016
● Volunteers as a teacher for Inspiration Class of Yogyakarta, 2016
[Link]
Mentorship
● Mentor Flutter di [Link] :
[Link]
● Mentor Flutter untuk PT Aston Salatiga, Nov
2022
● Mentor Flutter untuk PT Wolkk Development
Bali, Maret 2023
● Mentor Flutter untuk Bank Jatim, Juli 2023
● Mentor Flutter di Jagofl[Link] Batch 1-10
dengan total student 4.208
Awards / Certificates
● Annual Team Excellence Award Hitachi Ebworx
Sdn Bhd at Malaysia, 2014
● Become Flutter Developer Expert by
[Link], 2023 [Link]
Roadmap Flutter
[Link]
Persiapan
1. Flutter Versi Terakhir (3.16)
2. Visual Studio Code
3. Extension
a. Flutter
b. Dart data class generator
c. Error lens
d. Remove Comments
e. Pubspec assist
4. Depedencies:
a. Sqflite
b. Path
c. intl
5. Skill
a. Dart Basic & Object Oriented Programming (OOP)
b. Flutter Basic & Flutter Widget
[Link]
Local Database
Introduction
Aplikasi Flutter dapat menggunakan database SQLite melalui package sqflite yang tersedia di
[Link]. topic ini nanti akan menunjukkan dasar-dasar penggunaan sqflite untuk insert data,
select data, update data, dan menghapus data tentang berbagai data kucing.
Jika teman-teman baru mengenal pernyataan SQLite dan SQL, kunjungi Tutorial SQLite untuk
mempelajari dasar-dasarnya sebelum melanjutkan topi ini.
[Link]
Yuk langsung ke step by step nya
[Link]
Local Database
Tambahkan dependencies
Untuk bekerja dengan database SQLite, kita
perlu menambahkan paket sqlite dan path.
Paket sqflite menyediakan class dan fungsi
untuk berinteraksi dengan database SQLite.
Paket path menyediakan fungsi untuk
menentukan lokasi penyimpanan database
pada disk.
Pastikan untuk import package kedalam file
dart yang akan kita kerjakan.
[Link]
Local Database
Buat class data model Note
Sebelum membuat table untuk
menyimpan informasi tentang Note,
luangkan waktu sejenak untuk
menentukan data yang perlu disimpan.
Untuk contoh ini, tentukan class Note yang
berisi 4 data: ID unik (id), title, content dan
createdTime.
[Link]
Local Database
Buka koneksi database
Sebelum read and write data ke database, kita perlu
buka koneksi ke database terlebih dahulu. Terdapat 2
langkah :
1. Tentukan path file database menggunakan
getDatabasesPath() dari package sqflite [line 10],
serta dikombinasikan dengan fungsi join dari
package path [line 11].
2. Buka koneksi database dengan function
openDatabase() dari sqflite. [line 12]
Jangan lupa untuk menambahkan
[Link](); didalam class
main untuk menghindari error ketika flutter update.
[line 4]
[Link]
Local Database
Buat table Notes di dalam database
Setelah itu , buat table untuk menyimpan data kucing.
Untuk contoh ini, buatlah sebuah table bernama Notes
yang mendefinisikan data yang dapat disimpan. Setiap
Note berisi id, title, content, dan createdTime. Oleh
karena itu, ini direpresentasikan sebagai tiga kolom
dalam tabel Notes.
id adalah int Dart, dan disimpan sebagai tipe Data
SQLite INTEGER. Kita juga bisa menggunakan id
sebagai primary key table untuk meningkatkan waktu
query.
Title, content, createdTime adalah Dart String, dan
disimpan sebagai TEXT pada SQLite Datatype.
Untuk informasi selengkapnya tentang Tipe Data yang
tersedia yang dapat disimpan dalam database SQLite,
lihat dokumentasi Tipe Data SQLite resmi.
[Link]
[Link]
Local Database
Insert data note ke table notes
Sekarang kita sudah memiliki database dengan table
yang cocok untuk menyimpan informasi tentang note,
saatnya membaca dan menulis data ke table.
Pertama, masukkan note ke dalam table Notes.
Terdapat dua langkah:
1. Convert Notes model kedalam Map
2. Gunakan metode insert() untuk menyimpan Map
di table Notes.
[Link]
Local Database
Mengambil data dari table Notes
Sekarang data note telah tersimpan dalam
database, query database untuk mengambil data
dari semua note yg pernah disimpan, mempunya
langkah sebagai berikut
1. Jalankan query pada table Notes. Ini nanti
akan mengembalikan nilai List<Map>.[line
28]
2. Ubah List<Map> menjadi List<Note>. [line
32-34]
[Link]
Local Database
Update data Note di database
Setelah input data ke dalam database, kita
mungkin ingin memperbarui informasi
tersebut di lain waktu. kita dapat
melakukannya dengan menggunakan metode
update() dari library sqlite.
Berikut langkahnya:
1. Ubah model Note menjadi Map. [line 51]
2. Gunakan klausa where id = ? untuk
memastikan kita memperbarui data
kucing yang benar. [line 52]
[Link]
Local Database
Hapus data note dari table
Selain insert data dan update data note, kita
juga dapat menghapus data note dari
database. Untuk menghapus data, gunakan
metode delete() dari library sqlite.
Di bagian ini, buatlah function yang
mengambil id dan menghapus data note
dengan id yang cocok dari database. Untuk
membuat ini berfungsi, Anda harus
menyediakan klausa where id = ? [line 62]
untuk membatasi daftar data yang dihapus.
[Link]
Tampilan
[Link]
Source Code
[Link]
[Link]
Referensi
1. [Link]
2. [Link]
3. [Link]
4. [Link]
5. [Link]
6. [Link]
7. [Link]
[Link]