204 Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 10, No. 1, Maret 2023, Hal. 204-216 E- ISSN 2503-2933
Aplikasi Arsip Surat Mobile Menggunakan Framework Flutter (Studi Kasus: PT. BPD Maluku, Malut)
Ryan Renaldy Siematauw1, Magdalena A. Ineke Pakereng2
1,2Universitas Kristen Satya Wacana; Jl. Diponegoro No.52-60, Salatiga, Kec. Sidorejo, Kota Salatiga, Jawa Tengah, 50711, (0298) 321212
3Jurusan Teknik Informatika, FTI UKSW, Salatiga
e-mail: 1672018096@student.uksw.edu, 2ineke.pakereng@uksw.edu
Abstrak
Perkembangan teknologi yang semakin maju memiliki dampak pada semua bidang pekerjaan termasuk perbankan. Dalam proses kerjanya PT BPDM juga memiliki kendala seperti pengarsipan surat yang masih dilakukan dengan cara mencatat surat yang masuk dan surat yang keluar pada sebuah buku. Berdasarkan masalah yang ada maka dilakukan perancangan aplikasi arsip surat untuk mengatasi masalah tersebut. Penelitian ini dibangun berbasis mobile menggunakan framework flutter dan Bahasa pemrograman Dart serta menggunakan API sebagai antarmuka dari aplikasi tersebut. Dalam perancangan sistem yang dibuat ini menggunakan metode waterfall dimana tahapan ini dimulai dari Identifikasi Masalah, Studi Pustaka, Perancangan Sistem, Pengujian Sistem, Implementasi Sistem. Hasil dari penelitian yang diterapkan pada PT BPDM dapat mempermudah pekerjaan pegawai di PT BPDM dalam melakukan arsip surat dan juga mengelola surat yang ada.
Kata kunci – Teknologi Informasi, Framework flutter, Waterfall
Abstract
The development of increasingly advanced technology has an impact on all fields of work including banking. In the process of working PT BPDM also has obstacles such as filing letters which are still being done by recording incoming and outgoing letters in a book. Based on the existing problems, it is necessary to design a letter archive application to overcome these problems. This research was built on a mobile basis using the flutter framework and the Dart programming language and using the API as the interface of the application. In designing the system made using the waterfall method where this stage starts from Problem Identification, Literature Study, System Design, System Testing, System Implementation. The results of the research applied to PT BPDM can facilitate the work of employees at PT BPDM in archiving letters and also managing existing letters.
Keywords - Information Technology, Framework flutter, Waterfall
Jatisi ISSN 2407-4322
Vol. 10, No. 1, Maret 2023, Hal. 204-216 E-ISSN 2503-2933 205
1. PENDAHULUAN
PT Bank Pembangunan Daerah Maluku dan Maluku Utara (PT BPDM) merupakan bank daerah Maluku yang terbentuk pada tanggal 25 oktober 1961. Dalam kegiatan sehari-hari PT BPDM juga memiliki kesulitan dan hambatan masing-masing. Salah satu dari kesulitan dan hambatan tersebut adalah susahnya mengorganisir surat yang masuk dan juga surat yang keluar, karena pembukuan surat-surat tersebut masih menggunakan buku.
Pada penelitian terdahulu yang berjudul “Rancang Bangun Sistem Informasi Pengarsipan Surat Menyurat (Studi Kasus Fakultas Teknik UNP)”, menjelaskan tentang sistem yang dibuat untuk pengarsipan surat menyurat. hasil akhir yang didapat adalah dengan adanya rancang bangun sistem informasi pengarsipan surat menyurat yang dibuat ini, membantu dan mempermudah staf bagian arsip dalam pengelolaan surat masuk dan surat keluar dengan efisien, tepat dan aman. Serta mempermudah pihak dosen dan staf dalam mengetahui surat yang masuk dan surat yang keluar serta telah disetujui atau belum tanpa harus bertatap muka dengan bagian arsip [3].
Pada penelitian terdahulu yang berjudul “Pengembangan Sistem Informasi Tukar Barang Untuk Pemanfaatan Barang Tidak Terpakai dengan Flutter Framework” menjelaskan tentang sebuah aplikasi sistem informasi yang dapat digunakan user untuk melakukan pertukaran barang secara online. Pembuatan aplikasi sistem informasi ini menggunakan Framework Flutter dan Framework Laravel [4].
Berkaitan dengan permasalahan tersebut dibuatlah aplikasi arsip surat berbasis mobile dengan menggunakan Framework Flutter. Flutter sendiri merupakan sebuah Framework lintas platform yang menggunakan bahasa pemrograman Dart. Flutter dikembangkan oleh google [1][2] dan juga bersifat open source sehingga lebih mudah untuk dikembangkan.
Penelitian ini dibuat berbasis mobile agar lebih fleksibel dan lebih mudah dalam mengambil gambar/foto surat, serta dapat diakses dimana saja dibandingkan menggunakan desktop atau web. Hasil akhir penelitian ini dapat digunakan untuk mempermudah pegawai PT BPDM dalam mengorganisir surat masuk dan juga surat keluar.
2. METODE PENELITIAN
2.1 Landasan Teori
Flutter adalah sebuah SDK atau framework open source yang dikembangkan oleh perusahaan Google untuk mengembangkan aplikasi yang dapat berjalan di Android dan iOS.
Flutter menggunakan bahasa pemrograman Dart [5].
Dart merupakan salah satu bahasa pemrograman yang dibuat oleh google yang dapat digunakan untuk berbagai platform termasuk Web, Mobile Server, dan IOT [6]. Dart bersifat open source sehingga dart dapat dikembangkan dan dipelajari oleh siapapun.
Android adalah sistem operasi Open source berbasis Linux yang dirancang untuk perangkat seluler[7]. Android sendiri merupakan salah satu sistem operasi yang cukup populer digunakan pada banyak merek smartphone karena sifatnya yang open source sehingga mudah
206
Jatisi ISSN 2407-4322 Vol. 10, No. 1, Maret 2023, Hal. 204-216 E-ISSN 2503-2933
2.2 Tahapan Penelitian
Pada perancangan sistem di aplikasi arsip surat menggunakan metode waterfall. Dalam metode waterfall ini memiliki 5 tahapan yaitu : 1) Identifikasi Masalah; 2) Studi Pustaka; 3) Perancangan Sistem; 4) Pengujian Sistem; 5) Implementasi Sistem. Tahapan penelitian dalam bagan dapat dilihat pada Gambar 1.
Gambar 1. Bagan Penelitian
Tahap-tahap penelitian Pembuatan aplikasi arsip surat yang ditunjukkan pada Gambar 1 dapat dijelaskan sebagai berikut. Tahap Identifikasi Masalah, tahap ini dilakukan untuk mempelajari masalah yang diteliti serta menganalisis kebutuhan dari pihak PT BPDM misalnya informasi tentang struktur surat. Terkait dengan proses pembuatan aplikasi arsip surat; Tahapan Studi Pustaka merupakan tahapan yang digunakan untuk mengumpulkan literatur yang digunakan dalam penelitian ini. Beberapa literatur tentang penelitian terdahulu yang digunakan adalah Flutter, Dart dan API (Application Programming Interface); Tahapan Perancangan Sistem merupakan tahapan dimana sistem akan dibangun. Mulai dari UI dan dilanjutkan dengan fungsi - fungsi. Perancangan ini menggunakan desain arsitektur sistem berorientasi objek yaitu UML (unified modelling language). UML adalah pemodelan komputer dan bahasa komunikasi visual yang menggunakan diagram dan dukungan teks serta penggunaan UML tidak hanya terbatas pada satu metode saja, tetap Sebagian besar digunakan dalam metodologi berorientasi objek[9]; Tahapan Pengujian Sistem pada tahapan ini sistem yang telah dibuat akan diuji untuk mengetahui apakah terdapat bug atau error pada sistem tersebut; Implementasi Sistem pada tahapan ini sistem yang telah dibuat telah selesai dan siap digunakan oleh User.
Jatisi ISSN 2407-4322
Vol. 10, No. 1, Maret 2023, Hal. 204-216 E-ISSN 2503-2933 207
Gambar 2. Use Case Diagram
Gambar 2 menunjukkan Use Case Diagram, dimana hanya terdapat 1 (satu) actor yaitu user. User dapat menambahkan surat, melihat surat dan juga mencari surat. Activity Diagram adalah rancangan alur aktifitas atau alur kerja dari sebuah sistem. Activity Diagram juga digunakan untuk menjelaskan atau mengelompokkan alur tampilan dari sebuah sistem.
Gambar 3. Activity Diagram Tambah Surat
Gambar 3 menunjukkan aktivitas yang terjadi pada sistem Ketika user menambahkan data sampai data berhasil dimasukkan ke database.
208
Jatisi ISSN 2407-4322 Vol. 10, No. 1, Maret 2023, Hal. 204-216 E-ISSN 2503-2933
Gambar 4. Activity Diagram Cari Surat
Gambar 4 menunjukkan aktivitas antara user dan sistem. Ketika user masuk ke menu pencarian, user dapat memasukkan nomor, asal, atau perihal surat untuk mencari surat dan akan divalidasi oleh sistem apakah nomor, asal, atau perihal surat tersebut ada atau tidak. Jika ada maka surat akan langsung ditampilkan.
3. HASIL DAN PEMBAHASAN
Berdasarkan proses pembuatan aplikasi arsip surat, ada beberapa fitur dari framework flutter yang digunakan untuk membangun aplikasi ini seperti Hot Reload untuk mengubah code dan langsung melihat hasilnya tanpa harus compiling terlebih dahulu dan juga memiliki widget yang beragam sehingga dapat membuat tampilan aplikasi lebih menarik. Hasil dari aplikasi arsip surat yang dibangun menggunakan framework Flutter, dijelaskan sebagai berikut. Pada aplikasi ini, hanya terdapat satu pengguna yaitu user. User dapat mengakses beberapa fitur seperti mengarsipkan surat masuk dan surat keluar, melihat atau mencari daftar surat yang sudah diarsip dan melihat detail dari surat tersebut.
Jatisi ISSN 2407-4322
Vol. 10, No. 1, Maret 2023, Hal. 204-216 E-ISSN 2503-2933 209
3.1 ImplementasiGambar 5. Tampilan Menu Aplikasi
Gambar 5 merupakan tampilan menu dari aplikasi arsip surat, pada menu terdapat dua pilihan, yang pertama untuk surat masuk dan yang kedua untuk surat keluar.
210
Jatisi ISSN 2407-4322 Vol. 10, No. 1, Maret 2023, Hal. 204-216 E-ISSN 2503-2933
Gambar 6. Tampilan Menu Tambah 1 Gambar 7. Tampilan Menu Tambah 2
Gambar 6 dan Gambar 7 merupakan form pada menu Tambah, form ini digunakan untuk menambahkan data ke database. Pada form ini juga dilengkapi dengan fungsi tambah gambar, tambah arsip dan juga bersihkan form. Fungsi dari tambah gambar adalah untuk memasukkan/memilih foto surat. Tambah arsip berguna untuk mengirimkan data yang telah diinput. Bersihkan form berguna untuk menghapus semua teks dan gambar yang ada di form.
Jatisi ISSN 2407-4322
Vol. 10, No. 1, Maret 2023, Hal. 204-216 E-ISSN 2503-2933 211
Gambar 8. Tampilan Menu Arsip
Gambar 8 merupakan menu untuk melihat daftar surat yang telah dimasukkan. Pada menu ini, user dapat melihat semua surat yang telah dimasukkan oleh user itu sendiri maupun user lainnya. Pada menu ini juga user dapat melihat detail arsip surat dengan memilih tanda panah yang ada di samping surat.
212
Jatisi ISSN 2407-4322 Vol. 10, No. 1, Maret 2023, Hal. 204-216 E-ISSN 2503-2933
Gambar 9 Tampilan Menu Pencarian
Gambar 9 merupakan menu cari, menu ini berfungsi untuk mencari surat yang telah ditambahkan oleh user itu sendiri atau user lainnya dengan memasukkan Nomor atau perihal atau asal surat. User dapat melihat detail arsip surat pada menu ini juga.
Gambar 10. Tampilan Detail Arsip Surat
Jatisi ISSN 2407-4322
Vol. 10, No. 1, Maret 2023, Hal. 204-216 E-ISSN 2503-2933 213
Gambar 10 merupakan detail arsip surat yang telah ditambahkan. Di detail surat ini berisi semua informasi yang telah ditambahkan dan juga foto/gambar dari surat tersebut. Seperti nomor surat, tanggal surat, asal surat dan lainnya.
Metode Black box Testing adalah metode pengujian perangkat lunak yang meneliti fungsi (Functional Testing) dari aplikasi tanpa melihat ke dalam struktur internal atau kinerja aplikasi[10]. Tujuan dari pengujian Black Box Testing adalah untuk mencari kesalahan dalam sistem sehingga dapat diambil kesimpulan apakah sistem yang sudah dibangun sudah sesuai dengan kebutuhan.
Tabel 1. Hasil Pengujian Black Box No Data uji Kondisi Hasil tes
Output Kesimpulan Diharapkan
1 Tambah surat
Form diisi Sukses Sukses
valid dengan benar tambah surat tambah surat
Form ada Gagal tambah Gagal tambah
valid
yang kosong surat surat
2 Cari surat
Memasukan Nomor, Sukses Sukses
valid perihal atau Asal surat menampilkan menampilkan
yang benar surat surat
Memasukan Nomor, Gagal Gagal
valid perihal atau Asal surat menampilkan menampilkan
yang salah surat surat
3 Bersihkan Form
Form terisi Form berhasil Form berhasil
valid
semua dihapus dihapus
Form terisi Form berhasil Form berhasil
valid
sebagian dihapus dihapus
4
Melihat surat di Menu arsip
surat sudah Sukses Sukses
valid ditambahkan menampilkan menampilkan
arsip surat arsip surat
surat belum Gagal Gagal
valid ditambahkan menampilkan menampilkan
arsip surat arsip surat
5
Melihat Detail arsip
surat
surat sudah Sukses Sukses
valid ditambahkan menampilkan menampilkan
detail surat detail surat
214
Jatisi ISSN 2407-4322 Vol. 10, No. 1, Maret 2023, Hal. 204-216 E-ISSN 2503-2933
Teknologi yang berjumlah 8 orang. Data demografi yang diteliti antara lain Jenis Kelamin dan Umur. Hasil dari distribusi data demografi user dapat dilihat pada Tabel 2 dan Tabel 3.
Tabel 2. Responden Berdasarkan Jenis Kelamin
No Jenis Kelamin Jumlah Presentase
1 pria 5 62,5%
2 wanita 3 37,5%
total 8 100%
Tabel 3. Responden Berdasarkan Umur
No Umur Jumlah Presentase
1 26-35 th 3 37,5%
2 36-45 th 3 37,5%
3 46-55 th 2 25,0%
total 8 100%
Berdasarkan data pada Tabel 2 dan Tabel 3 diperoleh data user yang terdiri dari 5 orang (62,5%) pria dan 3 orang (37,5%) wanita, yang memiliki rentang umur dari 26-35 th sebanyak 3 orang (37,5%), 36-45 th sebanyak 3 orang (37,5%) dan 46-55 th sebanyak 2 orang (25,0%).
Pengujian dilakukan dengan membagikan kuesioner kepada user setelah selesai mencoba aplikasi arsip surat tersebut. Hasil pengujian kepada user dapat dilihat pada Tabel 4.
Tabel 4. Hasil Pengujian kepada User
No Pengujian Baik Cukup Kurang
1 Apakah aplikasi Arsip surat sudah
6 2 0
berjalan dengan baik ?
2
Apakah proses menambahkan surat pada
6 1 1
aplikasi arsip surat mudah untuk dilakukan ?
3 Apakah aplikasi arsip surat membantu
7 1 0
mempermudah melakukan arsip surat ?
4
Apakah tampilan dan petunjuk pada
5 1 2
aplikasi arsip surat sudah baik dan sesuai
?
Berdasarkan data hasil pengujian terhadap user menggunakan kuesioner pada
Tabel 4 dapat ditarik kesimpulan bahwa sebagian besar user merasa terbantu dengan
adanya aplikasi arsip surat, hal ini dapat dibuktikan dari sebanyak 6 orang menganggap
bahwa aplikasi arsip surat ini sudah berjalan dengan baik, sebanyak 6 orang
menganggap bahwa proses menambahkan surat mudah untuk dilakukan, sebanyak 7
orang menganggap bahwa aplikasi arsip surat ini mempermudah untuk melakukan arsip
surat, dan sebanyak 5 orang setuju bahwa tampilan dan petunjuk dari aplikasi arsip surat
ini sudah baik dan sesuai.
Jatisi ISSN 2407-4322
Vol. 10, No. 1, Maret 2023, Hal. 204-216 E-ISSN 2503-2933 215
4. KESIMPULAN
Berdasarkan penelitian dan pengujian sistem yang telah dilakukan, maka dapat ditarik kesimpulan bahwa sistem aplikasi arsip surat yang dibuat menggunakan framework flutter, sudah memenuhi harapan dan membantu proses pengarsipan surat sehingga pengarsipan surat tidak perlu dilakukan dengan cara menuliskan surat yang masuk atau keluar pada sebuah buku dan lebih tertata rapi. Serta penggunaan framework flutter dapat membantu dalam proses pembuatan arsip surat secara cepat dan efisien, karena flutter memiliki UI yang fleksibel dan menarik serta fitur Hot Reload yang memungkinkan untuk mengubah kode dan melihatnya secara langsung tanpa menunggu waktu yang lama untuk compiling.
5. SARAN
Saran untuk pengembangan aplikasi ke depannya adalah menambahkan fitur akun agar dapat digunakan di divisi lain.
UCAPAN TERIMA KASIH
Penulis ingin mengucapkan banyak terima kasih kepada PT BPDM yang sudah memperbolehkan melakukan penelitian di Bank Daerah Maluku, serta Ibu
Magdalena
A.Ineke Pakereng, M.Kom
.
Selaku dosen yang sudah membimbing penulis hingga dapat menyelesaikan penulisan ini.DAFTAR PUSTAKA
[1] A. Taufiq, M. Pratama, and A. R. Pratama, “Rancang Bangun Aplikasi Android ‘Kuliah Apa?’ Berbasis Flutter dan TensorFlow Lite,” Automata, Vol. 2, No. 1, 2021.
[2] S. Lauri, D. Haryadi Setiabudi, and A. Noertjahyana, “Penerapan Konsep Marketplace pada Bisnis Laundry Dengan Menggunakan Framework Multiplatform Flutter,” J. Infra,
Vol. 8, No. 2, pp. 44–50, 2020, [Online].
Available:http://publication.petra.ac.id/index.php/teknik-informatika/article/view/10497.
[3] G. Farell, H. K. Saputra, and I. Novid, “Rancang Bangun Sistem Informasi Pengarsipan Surat Menyurat (Studi Kasus Fakultas Teknik UNP),” J. Teknol. Inf. dan Pendidik., Vol.
11, No. 2, pp. 56–62, 2018.
[4] S. Santoso, D. J. Surjawan, and E. D. Handoyo, “Pengembangan Sistem Informasi Tukar Barang Untuk Pemanfaatan Barang Tidak Terpakai Dengan Flutter Framework,” J. Tek.
216
Jatisi ISSN 2407-4322 Vol. 10, No. 1, Maret 2023, Hal. 204-216 E-ISSN 2503-2933
Application Using The Dart,” Vol. 4, No. 1, pp. 1–7, 2021.[7] D. R. Rahadi, “Pengukuran Usability Sistem Menggunakan Use Questionnaire pada Aplikasi Android Interface Pengguna Android Didasarkan pada Manipulasi Langsung Menggunakan Masukan Sentuh yang Serupa Dengan Tindakan di Dunia Nyata, Seperti Menggesek (Swiping, Mengetuk,” Vol. 6, No. 1, pp. 661–671, 2014.
[8] I. Sontana, A. Rahmatulloh, and A. N. Rachman, “Application Programming Interface Google Picker Sebagai Penyimpanan Data Sistem Informasi Arsip Berbasis Cloud,” J.
Nas. Teknol. dan Sist. Inf., Vol. 5, No. 1, pp. 25–32, 2019, doi:
10.25077/teknosi.v5i1.2019.25-32.
[9] S. S. Vallery, Happy Novita, “UML Modeling and Black Box Testing Methods in The School Payment Information System,” J. Mantik, Vol. 3, No. January, pp. 31–38, 2019.
[10] Febiharsa, D., et al. "Uji Fungsionalitas (Blackbox Testing) Sistem Informasi Lembaga Sertifikasi Profesi (SILSP) Batik Dengan AppPerfect Web Test dan Uji Pengguna." Joined Journal (Journal of Informatics Education), Vol. 1, No. 2, pp. 117, 2018, doi:10.31331/joined.v1i2.752.
