E- ISSN 2503-2933

## Aplikasi Arsip Surat Mobile Menggunakan Framework Flutter (Studi Kasus: PT. BPD Maluku, Malut)
Ryan Renaldy Siematauw 1 , Magdalena A. Ineke Pakereng 2
1,2 Universitas Kristen Satya Wacana; Jl. Diponegoro No.52-60, Salatiga, Kec. Sidorejo, Kota Salatiga, Jawa Tengah, 50711, (0298) 321212
3 Jurusan Teknik Informatika, FTI UKSW, Salatiga e-mail: 1 672018096@student.uksw.edu, 2 ineke.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 untuk dikembangkan.
API atau Application Programming Interface adalah sebuah teknologi antarmuka virtual untuk  bertukar  informasi  atau  data  antar  sistem  maupun  antar  aplikasi  [8]. API memiliki beberapa jenis seperti public API , private API, partner API, dan composite API.
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 , Dar t  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 Implementasi

## Gambar 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 di input . 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
Pada Tabel  1  ditunjukkan  hasil  pengujian  menggunakan Black  box  Testing. Hasil  dari pengujian  tersebut  menunjukkan  bahwa  setiap  pengujian  yang  dilakukan  memiliki  hasil valid dan  dapat  ditarik  kesimpulan  bahwa  aplikasi  yang  telah  dibuat  sudah  memenuhi  tujuan penelitian.
Pada tahap berikutnya dilakukan pengujian terhadap user atau pengguna aplikasi arsip surat  tersebut. User dari  pengujian  ini  adalah  pegawai  PT  BPDM  Divisi  Pengendalian
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. Inform. dan Sist. Inf. , Vol. 6, No. 3, pp. 589–598, 2020, doi: 10.28932/jutisi.v6i3.3071.
[5] J.  O.  Notohamidjojo,  K.  Blotongan,  and  K.  Sidorejo, “Aplikasi  Penjualan  Tiket  Kelas Pelatihan Berbasis Mobile Menggunakan Flutter,” Vol. 5, pp. 281–295, 2019.
[6] I.  F.  Hanif  and  G.  M.  Sinambela, “Pembuatan  Aplikasi  E-Tatib  Berbasis  Android Menggunakan  Bahasa  Pemrograman  Dart  Making  An  Android-Based  E-Tatib
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.