Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM SISTEM INFORMASI SURAT KELUAR BERBASIS WEB MENGUNAKAN XAMPP DAN MySQL DI SD LANGENSARI KOTA CIMAHI Muhammad Rifqi Fauzan, 2Cahyadi Agustin Program Studi Sisitem Informasi Politeknik Piksi Ganesha E-mail: 1 rifqifauzan55@gmail. 2 cahyadi. agustin3@gmail. ABSTRACT The management of outgoing correspondence is essential for maintaining efficient communication and documentation within educational institutions. This study examines the implementation and impact of an outgoing correspondence information system at SD Langensari. The system, designed to streamline the process of generating, tracking, and archiving outgoing letters, includes functionalities for creating cover letters, notifications, and certificates. By automating and standardizing these processes, the system aims to enhance the accuracy and efficiency of communication, reduce manual errors, and ensure compliance with administrative standards. The research explores the systemAos role in improving organizational transparency, facilitating record-keeping, and supporting professional communication practices. Additionally, the study assesses the systemAos integration with digital tools and its adaptability to the evolving technological The findings indicate that the system has significantly improved the management of outgoing correspondence, leading to better operational efficiency and increased reliability in communication at SD Langensari. Keywords: Website. PHP-HTML. MySQL / XAMPP ABSTRAK Pengelolaan surat keluar merupakan aspek penting dalam menjaga efisiensi komunikasi dan dokumentasi di lembaga pendidikan. Penelitian ini mengeksplorasi penerapan dan dampak dari sistem informasi surat keluar di SD Langensari. Sistem ini dirancang untuk menyederhanakan proses pembuatan, pelacakan, dan pengarsipan surat keluar, termasuk surat pengantar, pemberitahuan, dan surat keterangan. Dengan mengotomatisasi dan menstandarkan proses-proses ini, sistem bertujuan untuk meningkatkan akurasi dan efisiensi komunikasi, mengurangi kesalahan manual, dan memastikan kepatuhan terhadap standar administratif. Penelitian ini juga mengkaji peran sistem dalam meningkatkan transparansi organisasi, memfasilitasi pengelolaan arsip, dan mendukung praktik komunikasi profesional. Selain itu, studi ini menilai integrasi sistem dengan alat digital dan kemampuannya untuk beradaptasi dengan perkembangan teknologi. Hasil penelitian menunjukkan bahwa sistem ini telah secara signifikan meningkatkan Jurnal INFOKOM | 63 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM pengelolaan surat keluar, yang mengarah pada efisiensi operasional yang lebih baik dan keandalan komunikasi yang meningkat di SD Langensari. Katakunci : Website. PHP-HTML. MySQL / XAMPP Pengertian PENDAHULUAN Era dirancukan dengan pengertian tentang Padahal manajemen arsip. Kemajuan dalam teknologi informasi dan komunikasi telah membawa peluang dan tantangan matematika ataupun simbol lain yang baru bagi manajemen arsip organisasi bisa dipakai sebagai suatu bahan untuk Selain kemampuannya untuk menilai Informasi memiliki lingkup yang lebih luas dari pada data. Jadi kelembagaanuntuk mewujudkan visi dan dengan mengacu definisi sistem serta Pengelolaan informasi di atas, maka sistem informasi dokumen secara efisien menjadi hal yang dapat diartikan sebagai suatu sistem sangat penting, terutama dalam institusi yang dibuat oleh manusia yang meliputi pendidikan yang memiliki kebutuhan berbagai macam komponen Ae komponen komunikasi yang intensif. Salah satu bentuk dokumen penting yang harus temuan yaitu menghasilkan informasi dikelola dengan baik adalah surat keluar, . Data Penggunaan sistem informasi surat pemberitahuan, dan surat keterangan. lingkungan sekolah dasar, seperti SD Langensari, manajemen surat keluar permasalahan ini. Sistem ini dirancang sering kali menjadi tugas administratif yang memakan pembuatan, pelacakan, dan pengarsipan terhadap kesalahan jika dilakukan secara surat keluar, serta untuk memastikan Dengan Jurnal INFOKOM | 64 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM Tabel 1. Data Surat Keluar Tahun 2023 mengotomatisasi proses-proses tersebut, sistem diharapkan dapat meningkatkan Jumlah Jenis Surat Surat akurasi dan efisiensi dalam komunikasi, mengurangi kesalahan manual, dan Suket siswa membantu menjaga transparansi dalam Suket mutasi masuk pengelolaan arsip. Suket mutasi keluar SPPD Surat Lainnya Total Surat Keluar Penelitian informasi surat keluar di SD Langensari, serta dampaknya terhadap efisiensi operasional dan keandalan komunikasi. Pembahasan terkait data surat Selain itu, studi ini juga mengkaji keluar di SD Langensari sebagaimana ditampilkan pada Tabel 1 Data Surat Keluar Tahun 2023 menggambarkan teknologi dan terintegrasi dengan alat bahwa sistem pencatatan manual yang digital lainnya, guna mendukung praktik masih diterapkan memiliki sejumlah komunikasi profesional yang lebih baik Pencatatan surat keluar yang Hasil dilakukan secara manual menggunakan penelitian menunjukkan bahwa sistem buku Surat Keluar dapat menyebabkan ini memberikan dampak positif terhadap peningkatan pengelolaan surat keluar di pembuatan dan pengelolaan arsip surat. SD Langensari. Hal ini disebabkan oleh pengulangan Berikut ini adalah tabel data surat dalam pembuatan surat yang isinya keluar di SD Langensari pada tahun serupa namun berbeda dalam beberapa 2023, yang dapat disampaikan untuk detail, seperti biodata siswa pada surat mengetahui permasalahan penulisan data di buku surat keluar. mutasi masuk dan keluar, serta data tujuan perjalanan dinas pada surat (SPPD). Akibatnya, waktu yang dihabiskan untuk Jurnal INFOKOM | 65 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM membuat surat bisa lebih lama dan dalam penulisan dan memastikan bahwa dokumen tersebut sesuai dengan standar dalam penulisan data. yang telah ditetapkan. Sebagai contoh, pada tabel yang Lebih lanjut, sistem informasi ini telah disajikan, terdapat 178 surat keluar akan memungkinkan pengelolaan arsip yang terdiri dari berbagai jenis surat, yang lebih baik, dimana setiap surat seperti surat keterangan siswa, surat keluar dapat dilacak dengan mudah dan mutasi masuk dan keluar, serta SPPD. informasi terkait surat dapat diperbarui Pengulangan dalam pembuatan surat atau diakses kembali tanpa harus melalui dengan konten yang sama hanya untuk proses manual yang rumit. Dengan mengubah data yang berbeda, seperti begitu, pengelolaan surat keluar di SD biodata siswa atau data tujuan perjalanan Langensari akan menjadi lebih efisien, dinas, sangat memakan waktu dan akurat, dan transparan, mendukung berisiko menimbulkan kesalahan. keberlanjutan komunikasi administratif Untuk mengatasi permasalahan yang lebih baik. tersebut, penerapan sistem informasi surat keluar menjadi solusi yang sangat Sistem KAJIAN PUSTAKA Penelitian ini menjelaskan bahwa mendigitalisasikan buku catatan surat perencanaan sistem informasi surat keluar dan arsipnya, sehingga semua keluar di SD Langensari menggunakan surat dapat dicatat dengan rapi dan bahasa pemrograman HTML. PHP. CSS, mudah diakses. Dengan adanya sistem dan JavaScript dengan library Bootstrap, ini, surat-surat yang sering kali dibuat serta data yang diolah menggunakan berulang, seperti surat keterangan siswa MySQL dan disimpan di localhost atau surat mutasi, dapat dibuat lebih melalui phpMyAdmin. efisien dengan menyediakan template Untuk standar yang hanya memerlukan input data yang berubah. Hal ini tidak hanya antarmuk. , digunakan HTML. CSS, mempercepat proses pembuatan surat, tetapi juga mengurangi risiko kesalahan JavaScript dengan library Bootstrap. engembangan Jurnal INFOKOM | 66 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM Menurut (Prakasa Hadi, 2. Fokus CSS sendiri adalah singkatan dari utamanya adalah pada pengembangan Cascading Style Sheet. Markup language bagian depan dari sebuah aplikasi web, yaitu bagian yang langsung berinteraksi markup language . ahasa mark. seperti Kegiatan HTML. , dan Bootstrap merupakana framework CSS yang dinilai dapat dari sebuah aplikasi web, termasuk memudahkan dalam membentuk atau pengaturan tata letak, desain, dan membuat website . fungsionalitas interaktif . Untuk JavaScript adalah bahasa skrip sisi digunakan terutama untuk meningkatkan MySQL lalu di simpan di localhost interaksi pengguna dengan halaman phpMyAdmin. Backend berfokus pada database. Arsitektur dari sebuah website, menggunakan JavaScript dapat membuat dan Scripting kode yang di tulis orang halaman web lebih hidup dan interaktif. Backend dengan bantuan JavaScript . PHP, klien yang sangat kuat. JavaScript mengomunikasikan database informasi kepada Browser . Hypertext Dengan PHP singkatan dari Hypertext Preprocessor, yang sebelumnya disebut Markup Language Personal Home Pages. PHP atau PHP Hypertext Pre- Pocessor adalah sebuah pemrograman yang digunakan untuk bahasa script berbasis server . erver- menampilkan sebuah website. HTML yang mampu mem-parsing kode berasal dari gabungan kata AuhypertextAy php dari kode web dengan ekstensi . yaitu teks atau media berisi link yang sehingga menghasilkan tampilan website bisa mengarahkanmu ke halaman lain di yang dinamis di sisi client . suatu website . HTML berfungsi Dengan menambahkan skrip PHP, bisa untuk memberikan struktur dan konten menjadikan halaman HTML menjadi pada halaman web, seperti judul, teks, lebih powerful, dinamis dan bisa dipakai gambar, audio, video, dan tautan ke sebagai aplikasi lengkap, misalnya web halaman web lainnya . portal, e-learning, e- library, dll . (HTML) Jurnal INFOKOM | 67 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM MySQL Langensari. Kerena database server yang free, artinya bebas menurut (J. Ramadhan, et al. , 2. menggunakan database untuk keperluan Metode ini mengharuskan pengerjaan pribadi atau usaha tanpa harus membeli nya dilaksanakan secara berurutan atau atau membayar lisensinya. MySQL sekuensial, yang dimulai dari tahapan pertama kali dirintis oleh seorang programmer database bernama Michael analysi. , pemodelan sistem . esain Widenius. , implementasi, pengujian dan MySQL juga merupakan program yang pemeliharaan . Metode dapat mengakses suatu database MySQL pengembangan ini sangat sederhana, dan yang berposisi sebagai Server, yang karena dilakukan secara sekuensial, berarti program kita berposisi sebagai maka tahapan selanjutnya tidak bisa Jadi MySQL adalah sebuah dikerjakan apabila tahapan sebelumnya database yang dapat digunakan sebagai belum selesai. client maupun server. Berikut ini adalah beberapa tahapan pada Selain Database MySQL suatu perangkat lunak database yang Relational . equirement metode Waterfall, yakni . Perencanaan Konsep (Requirement Analysi. Database Pada tahapan ini dilakukan analisis Management System (RDBMS) yang untuk memahami kebutuhan atau menggunakan suatu Bahasa permintaan Biasanya pengumpulan SQL (Structured Query Languag. wawancara secara langsung kepada METODE / ANALISIS PERANCANGAN didapatkan hasil analisis kebutuhan Dalam Lalu sistem yakni semua persyaratan waterfall digunakan sebagai pendekatan terkait pengembangan perangkat untuk merancang dan mengembangkan lunak, dan spesifikasi kebutuhan sistem yakni berupa dokumentasi Jurnal INFOKOM | 68 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM pengembangan perangkat lunak. Pemodelan sistem (System Desig. atau transisi status dari sebuah mesin Perubahan Pada tahapan ini, analisis kebutuhan State chat diagram cocok digunakan untuk menggambarkan sebelumnya, dituangkan menjadi sistem . 1 State Chart Diagram Login State chart diagram di bawah ini Implementasi menggambarkan alur logika proses Pada tahapan ini, dilakukan proses pengkodean atau coding untuk password, kemudian dilakukan menjadi sebuah aplikasi. Jika gagal, akan muncul Pengujian pesan kesalahan, dan jika berhasil. Sistem yang sudah berhasil dibuat selanjutnya diuji untuk menentukan langsung ke dashboard kinerja dan optimalitas nya apakah sudah sesuai atau belum. Pemeliharaan Tahapan pemeliharaan dilakukan apabila ditemukan kerusakan pada Gambar 1. State Chart Diagram Login HASIL DAN PEMBAHASAN 2 State Chart Diagram Data Siswa State Chart Diagram State State chart diagram atau dalam bahasa Indonesia disebut diagram menggambarkan perubahan status menggambarkan alur logika pada pengelolaan data siswa. Proses menginput data siswa baru, yang Jurnal INFOKOM | 69 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM penambahan data surat keterangan, seperti nama, kelas, dan data pemilihan data siswa yang akan pengguna juga dapat melakukan Data siswa tersebut perubahan pada data siswa yang diambil dari data yang sudah ada di Selain Setelah Di sisi lain, pengguna keterangan dapat disimpan atau diubah sesuai kebutuhan, sebelum menghapus data siswa, jika siswa akhirnya disimpan dalam sistem. tersebut sudah tidak aktif atau tidak lagi diperlukan dalam sistem. Setiap perubahan yang dilakukan sebelum disimpan di database. Gambar 3. State Chart Diagram Data Surat Keterangan 4 State Chart Diagram Data Surat Keterangan Mutasi Keluar Gambar 2. State Chart Diagram Data Siswa State Chart Diagram di bawah ini hampir sama dengan state diagram 3 State Chart Diagram Data Surat Keterangan State Chart Diagram di bawah ini menggambarkan alur logika dalam pengelolaan data surat keterangan. Proses Perbedaannya pencarian dan pemilihan data sekolah tujuan. Jurnal INFOKOM | 70 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM Setiap perubahan yang dilakukan sebelum disimpan di database. Gambar 4. State Chart Diagram Data Surat Keterangan Mutasi Keluar 5 State Chart Diagram Data Siswa Gambar 5. Chart Diagram Data Siswa Baru Baru State Chart Diagram di bawah ini Sama dengan state diagram data menggambarkan alur logika pada pengelolaan data calon siswa yang akan masuk. Proses dimulai ketika pengguna menginput data siswa baru, yang mencakup informasi penting seperti nama, kelas, dan data pribadi lainnya. Selain itu, pengguna juga dapat melakukan perubahan pada data siswa yang Di sisi lain, pengguna menghapus data siswa, jika siswa tersebut sudah tidak aktif atau tidak lagi diperlukan dalam sistem. 6 state Chart Diagram Surat Keterangan Mutasi Masuk State pengelolaan data guru di sebuah Ada tiga alur utama yang menghapus data guru, mengubah data guru, atau menambah data guru baru. Pada jalur penghapusan, setelah ID guru diperiksa, jika data ditemukan dan dihapus, akan ditampilkan pesan bahwa data Pada perubahan data, pengguna dapat memperbarui data yang sudah ada melalui form ubah data, kemudian perubahan tersebut akan disimpan ke database. Terakhir, pada jalur Jurnal INFOKOM | 71 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM penambahan, pengguna mengisi ke database. Terakhir, pada jalur form tambah data guru dan data penambahan, pengguna mengisi baru akan disimpan ke dalam form tambah data guru dan data baru akan disimpan ke dalam Gambar 6. State Chart Diagram Data Surat Keterangan Mutasi Masuk Gambar 7. Chart Diagram Data Guru 8 State Chart Diagram Data SPPD 7 State Chart Diagram Data Guru State diagram ini menggambarkan alur logika dalam pengelolaan data Surat Perintah Perjalanan Dinas pengelolaan data guru di sebuah (SPPD). Proses dimulai dengan Ada tiga alur utama yang pencarian nama guru yang akan State menghapus data guru, mengubah diikuti dengan penambahan detail data guru, atau menambah data data perjalanan dinas tersebut. guru baru. Pada jalur penghapusan. Setelah semua informasi yang setelah ID guru diperiksa, jika data ditemukan dan dihapus, akan formulir, data tersebut disimpan ditampilkan pesan bahwa data menunjukkan dua jalur utama, perubahan data, pengguna dapat yaitu penghapusan data dengan memperbarui data yang sudah ada memeriksa ID di database dan melalui form ubah data, kemudian penambahan data perjalanan dinas Pada Diagram perubahan tersebut akan disimpan Jurnal INFOKOM | 72 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM penyimpanan ke database. data surat yang sesuai dihapus dari database, dan pesan konfirmasi akan ditampilkan. Gambar 8. State Chart Diagram Data Gambar 9. State Chart Diagram Data SPPD Surat Keluar 9 State Chart Diagram Data Surat Sequence Diagram Keluar Statechart diagram Surat Keluar ini menggambarkan alur proses pengelolaan surat dalam sistem. Proses dimulai dengan pengguna mencetak, atau menghapus data Jika pengguna memilih menambah, mereka dapat mengisi formulir dan memilih jenis surat, seperti Surat Keterangan. Mutasi Keluar. Mutasi Masuk, atau SPPD. Setelah jenis surat dipilih, data akan disimpan ke dalam sistem. Jika pengguna memilih untuk menampilkan data surat sesuai ID yang dicari. Jika memilih hapus. Sequence interaksi antar objek di dalam dan di sekitar sistem berupa pesan . yang disusun dalam suatu urutan waktu yaitu urutan kejadian yang dilakukan oleh seorang aktor dalam menjalankan sistem. Diagram ini menunjukkan bagaimana detil operasi dilakukan, pesan apa yang dikirim dan kapan terjadinya . 1 Sequence Diagram Login Sequence Diagram Login ini menjelaskan proses alur login dalam sebuah sistem. Proses User Username dan Password pada Login. Data Jurnal INFOKOM | 73 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM diinput oleh User kemudian di Database setelah melalui Sistem, proses validasi. Jika berhasil, pesan konfirmasi dikirim. pengguna tersebut di Database. gagal, pesan kesalahan tampil. Jika validasi berhasil, sistem User juga dapat memperbarui atau menghapus data siswa. Dashboard. Jika validasi gagal, pesan kesalahan akan dikirim User, menampilkan status keberhasilan atau kegagalan dari aksi tersebut. Username atau Password salah. Setelah berhasil login dan berada di Dashboard. User memiliki opsi untuk melakukan Logout. Ketika Logout dilakukan. User halaman Login. Gambar 11. Sequence Diagram Data Siswa 3 Sequence Diagram Data Surat Keterangan Sequence Diagram Data Surat Keterangan ini menggambarkan Gambar 10. Sequence Diagram alur proses pengelolaan data Login. 2 Sequence Diagram Data Siswa Sequence Diagram Data Siswa ini menggambarkan alur proses pengelolaan data siswa, mulai dari penambahan, perubahan, hingga penghapusan data. User mengisi data siswa di Form Siswa, yang kemudian disimpan surat keterangan, mulai dari penghapusan data. User memilih Keterangan. Form Surat disimpan di Database setelah melalui proses validasi. Jika data Jurnal INFOKOM | 74 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM konfirmasi dikirim. jika gagal, dapat menghapus data, dengan pesan kesalahan tampil. User juga dapat menghapus data, tersebut dan menghapus data dari proses tersebut dan menampilkan menampilkan status keberhasilan atau kegagalan dari aksi tersebut. kegagalan dari aksi tersebut. Gambar 13. Sequence Diagram Data Gambar 12. Sequence Diagram Data Surat Keterangan. Surat Keterangan Mutasi Keluar. 5 Sequence Diagram Data Siswa 4 Sequence Diagram Data Surat Baru Keterangan Mutasi Keluar Sequence Diagram Data Siswa Sequence Diagram Data Surat Baru ini menggambarkan alur Keterangan Mutasi Keluar ini proses pengelolaan data siswa baru, mulai dari penambahan, perubahan, hingga penghapusan keterangan mutasi keluar, mulai User mengisi data siswa baru di Form Siswa Baru, yang Pengguna kemudian disimpan di Database (Use. memilih data siswa di setelah melalui proses validasi. Form Suket Mutasi Keluar, yang Jika data berhasil disimpan, kemudian dikirim ke sistem pesan konfirmasi dikirim. untuk disimpan di Database gagal, pesan kesalahan tampil. setelah melalui proses validasi. User juga dapat memperbarui Jika data berhasil disimpan, atau menghapus data siswa, jika gagal, muncul pesan kesalahan. Pengguna juga Jurnal INFOKOM | 75 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM menampilkan status keberhasilan atau kegagalan dari aksi tersebut. Gambar 15. Sequence Diagram Data Surat Keterangan Mutasi Masuk 7 Sequence Diagram Data Guru Sequence Diagram Data Guru Gambar 14. Sequence Diagram Data ini menggambarkan alur proses Siswa Baru pengelolaan data guru, mulai dari 6 Sequence Diagram Data Surat penambahan, perubahan, hingga Keterangan Mutasi Masuk penghapusan data. User mengisi Sequence Diagram Data Surat data guru di Form Guru, yang Keterangan Mutasi Masuk ini kemudian dikirim ke Database melalui Sistem untuk divalidasi. pengelolaan data mutasi masuk Jika data berhasil disimpan, siswa, mulai dari penambahan pesan konfirmasi ditampilkan. hingga penghapusan data. User memilih data siswa baru pada Form Suket Mutasi Masuk, yang memperbarui atau menghapus kemudian dikirim ke Database melalui Sistem untuk divalidasi. memvalidasi setiap perubahan Jika data berhasil disimpan, keberhasilan atau kegagalan dari konfirmasi, dan jika gagal, pesan User aksi tersebut. kesalahan ditampilkan. User juga memiliki opsi untuk menghapus menghapus data dari Database Gambar 16. Sequence Diagram Data Guru Jurnal INFOKOM | 76 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM 8 Sequence Diagram Data SPPD surat oleh user, penambahan data Sequence Diagram SPPD ini surat ke Database setelah proses validasi, hingga penyimpanan pengelolaan data SPPD, mulai User juga dapat mencetak penghapusan data. User memilih data surat keluar atau menghapus data guru pada Form SPPD, yang kemudian dikirim ke Database melalui Sistem untuk divalidasi. pesan konfirmasi setelah setiap Jika data berhasil disimpan, aksi berhasil dilakukan. pesan konfirmasi muncul. User juga dapat menghapus data SPPD, dengan Gambar 18. Sequence Diagram Data Surat Keluar penghapusan di Database dan Tampilan Aplikasi Berikut 1 Login & Register Pengguna aplikasi diharuskan login terlebih dahulu dengan Gambar 17. Sequence Diagram Data SPPD 9 Sequence Diagram Data Surat Jika Keluar belum memiliki akun, pengguna Sequence Diagram Data Surat dapat mengklik 'Buat Akun' dan Keluar ini menggambarkan alur memasukkan Nama. Username, proses pengelolaan data surat Password, keluar, mulai dari pemilihan jenis Password. Konfirmasi Jurnal INFOKOM | 77 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM 4 Data Surat Keterangan Siswa Pengelolaan dengan mengambil data dari data Gambar. 19 Form Login siswa yang sudah ada. Data surat terdaftar dalam sistem, sehingga Gambar. 20 Form Register mempermudah proses pengisian 2 Dashborad Setelah login, pengguna akan digunakan akurat. termasuk total jenis-jenis surat yang sudah pernah dibuat. Gambar 23. Data Surat Keterangan Siswa 5 Data Surat Keterangan Mutasi Keluar Gambar. 21 Dashboard 3 Data Siswa Pengelolaan keterangan mutasi keluar hampir Pengguna dapat mengelola data sama dengan pengelolaan data siswa di bagian data siswa, surat keterangan siswa, yaitu termasuk menambah, mengedit, mengambil data siswa yang dan menghapus data siswa sesuai sudah ada secara otomatis dan informasi tambahan mengenai sekolah tujuan yang akan dituju oleh siswa. Gambar. 22 Data Siswa Jurnal INFOKOM | 78 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM Gambar 24. Data Surat Keterangan Gambar 26. Data Surat Keterangan Mutasi Keluar Mutasi Masuk 6 Data Siswa Masuk 8 Data Guru Pengelolaan data siswa masuk Pengguna dapat mengelola data mencakup data calon siswa yang akan masuk ke SD Langensari, mengedit, dan menghapus data termasuk pengisian informasi guru sesuai kebutuhan. pribadi dan data penting lainnya. Gambar 27. Data Guru Gambar 25. Data Siswa Masuk 7 Data Surat Keterangan Mutasi 9 Data SPPD Data SPPD digunakan untuk Masuk mengelola surat perjalanan dinas Setelah mengelola data siswa luar bagi para guru, dengan mutasi masuk, pengguna dapat mengambil beberapa data dari data guru. Selain itu, pengguna keterangan mutasi masuk dengan juga perlu menginput informasi mengambil data dari siswa yang tambahan, seperti tujuan, tanggal keberangkatan, tanggal kembali. Beberapa dan durasi perjalanan. sekolah asal siswa juga perlu Gambar 28. Data SPPD Jurnal INFOKOM | 79 Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024 E ISSN : 2722-4147 P ISSN : 2339-188X OJS : http://journal. id/index. php/INFOKOM 10 Data Surat Keluar Ini adalah tahap terakhir, yaitu mengurangi kesalahan manual, dan menginput data surat keluar. Data mendukung komunikasi administratif diambil dari berbagai sumber, yang lebih efektif serta profesional seperti data surat keterangan sesuai standar yang ditetapkan. siswa, surat keterangan mutasi keluar, data siswa baru, surat DAFTAR PUSTAKA