MasRud.com
Rudi — 15 Desember 2018

Aplikasi Sederhana Manajemen Surat Menyurat dengan PHP dan MySQLi

Halo, pada posting kali ini saya akan membagikan source code aplikasi sederhana untuk mengelola surat masuk dan surat keluar berbasis web (PHP dan MySQLi).

Aplikasi ini saya buat menggunakan bahasa pemrograman PHP dan penulisan kodenya menggunakan style prosedural agar lebih mudah dipelajari oleh pemula.

Sedangkan databasenya menggunakan MySQLi yang merupakan pengembangan dari MySQL yang sudah tidak lagi disupport oleh pihak pengembang (deprecated).

Materializecss saya pilih sebagai framework untuk membuat tampilan aplikasi karena menghasilkan tampilan yang keren ala Google yaitu material design. Tampilan yang keren akan membuat pengalaman pengguna menjadi lebih baik.

Baca juga Source Code Toko Online CodeIgniter

Fitur-fitur aplikasi

Aplikasi manajemen surat menyurat ini memiliki beberapa fitur, antara lain:

  • Membuat dan mencetak disposisi surat masuk.
  • Membuat dan mencetak buku agenda surat masuk dan keluar berdasarkan rentang tanggal tertentu.
  • Upload lampiran file surat, baik file scan/gambar(JPG dan PNG) maupun file dokumen (DOC, DOCX dan PDF).
  • Galeri file lampiran yang telah diupload ke dalam aplikasi.
  • Upload kode klasifikasi surat (file excel berformat CSV).
  • Fitur pencarian data surat masuk dan surat keluar.
  • Data dan logo instansi yang dapat diganti dengan mudah.
  • Multi user (administrator dan petugas disposisi).
  • Edit profil dan password user.
  • Backup dan restore database.

Kebutuhan sistem

Untuk menjalankan aplikasi ini, kamu harus memiliki sebuah web server yang mendukung PHP dengan versi minimal PHP 5.5.x atau di atasnya. Bagi pengguna OS Windows bisa menggunakan XAMPP minimal versi 3.2.1 atau yang lebih baru.

Sedangkan bagi Ubuntu/Linux Mint user, kamu bisa menggunakan LAMPP stack. Silakan baca tutorial Cara Install Apache, MySQL dan PHP pada Ubuntu/Linux Mint.

Cara install dan konfigurasi

Berikut tata cara menginstall dan mengkonfigurasi aplikasi manajemen surat:

  • Silakan download source code aplikasi ini.
  • Kemudian ekstrak source code yang telah di download.
  • Akan muncul folder bernama ams_native-1.0.1. Ganti nama folder tersebut menjadi menjadi ams.
  • Jika sudah copy folder ams dan paste ke dalam folder htdocs.
  • Buka folder include lalu edit file config.php.
  • Atur $host, $username, $password dan $database sesuai dengan yang kamu gunakan.

  • Tahap berikutnya, buka phpMyadmin lalu buat database baru bernama ams_native.
  • Kemudian import database ams_native.sql yang ada pada folder database.
  • Selesai.

Untuk menjalankan aplikasi ini, silakan buka browser lalu ketikkan http://localhost/ams/ pada address bar. Jika tidak ada error, maka akan tampil halaman login aplikasi. Gunakan username masrud serta password masrud.com untuk login.

Halaman Login

Cara mengganti password

Untuk mengganti password, simak panduan berikut:

  • Klik nama user yang sedang login (pojok kanan atas).
  • Setelah itu pilih Ubah Password.
  • Akan terbuka halaman ganti password.
  • Silakan masukkan password lama untuk mengkonfirmasi password dan juga password baru lalu simpan.

Ganti Password

Cara mengganti nama instansi

Berikut langkah-langkah mengganti nama instansi:

  • Silakan login ke aplikasi.
  • Kemudian buka menu pengaturan lalu pilih Instansi.
  • Lalu isi data yang diperlukan beserta logo instansi yang bersangkutan.

Pengaturan Instansi

Berbagai error dan solusinya

Berikut adalah berbagai error yang terjadi karena salah konfigurasi aplikasi.

1. Access denied for user 'root'@'localhost'

Apabila kamu menjumpai error seperti pada gambar berikut:

Itu artinya user root yang kamu gunakan tidak menggunakan password, sedangkan pada konfigurasi database kamu menggunakan password. Solusinya kosongkan password pada config.php.

2. mysqli_fetch_array() expects parameter 1 to be mysqli_result, boolean given in

Jika kamu menemui error seperti ini:

Itu artinya kamu belum mengimport database bawaan aplikasi manajemen surat ini. Solusinya import database bawaan yang sudah saya sertakan dalam folder database.

Tampilan aplikasi

Berikut beberapa screenshoot tampilan aplikasi manajemen surat.

Dashboard

Transaksi Surat

Tambah Data Surat

Hapus Data Surat

Daftar Agenda Surat

Cetak Agenda Surat

Disposisi Surat

Cetak Disposisi Surat

Tambah Disposisi Surat

Kode Klasifikasi Surat

Manajemen User

Galeri File

Detail File

Aplikasi ini masih banyak kekurangan dan perlu penyempurnaan serta pengembangan. Meskipun demikian aplikasi ini sudah dapat digunakan untuk mendata, membuat disposisi surat serta mengarsipkan surat masuk dan surat keluar.

Jika ingin mencoba aplikasinya secara langsung, silakan kunjungi link di bawah ini:

Demo Aplikasi

Source code aplikasi ini bisa di dapatkan melalui link di bawah ini:

Download Aplikasi


Kategori: Source Code
Komentar