Top Banner
Oleh : Nama : Komang Anom Budi Utama NPM : 13110912 Kelas : 3KA01 Pembimbing : Susi Widayati S.Kom.,MM., Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online Menggunakan PHP dan MySql
18

Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Mar 12, 2019

Download

Documents

vuquynh
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Oleh :

Nama : Komang Anom Budi Utama

NPM : 13110912

Kelas : 3KA01

Pembimbing : Susi Widayati S.Kom.,MM.,

Aplikasi Pengarsipan Surat Masuk dan

Surat Keluar Online Menggunakan PHP

dan MySql

Page 2: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Latar Belakang

• Suatu organisasi tidak terlepas dari kegiatan surat-menyurat.

• Pada dasarnya surat dalam suatu organisasi dibedakan menjadi dua jenis

yaitu surat masuk dan surat keluar.

• Sistem pengarsipan yang berjalan saat ini dapat dikatakan masih kurang

efisien dan efektif, semua proses masih dilakukan secara konvensional.

Batasan Masalah

Penulisan ini akan membahas mengenai pengarsipan surat masuk dan

surat keluar dalam suatu organisasi.

Page 3: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Tujuan Penulisan

• Membuat suatu aplikasi pengarsipan surat masuk dan surat keluar online

yang user friendly.

• Memudahkan dalam pembuatan laporan surat-surat yang masuk dan keluar.

Metode Penulisan

- Studi Pustaka - Pengujian Aplikasi

- Analisa - Uji Coba Pengguna

- Perancangan Aplikasi - Implementasi

- Pembuatan Aplikasi

Page 4: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Perancangan Aplikasi

1. Use Case Diagram

Page 5: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

2. Activity Diagram

Proses Login Proses Penambahan User

Page 6: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Proses Edit User Proses Hapus User

Page 7: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Proses Pencatatan Surat Masuk Proses Pencatatan Surat Keluar

Page 8: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Proses Edit Surat Proses Hapus Surat

Page 9: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Proses Cetak Surat Proses Logout

Page 10: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

3. Sequence Diagram

Page 11: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Logout

Login

Menu User

Surat Masuk Surat Keluar

4. Struktur Navigasi

Struktur Navigasi User

Page 12: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

User Logout

Login

Menu

Admin

Input

Surat Masuk

Input

Surat Keluar

Surat

Masuk

Surat

Keluar

Tambah

User

Tambah

Record Pengirim

Edit Surat

Masuk

Edit Surat

Keluar

Struktur Navigasi Admin

Page 13: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Field Tipe Data Panjang Keterangan

id* Integer 5 Auto_Increment

Username Varchar 25 Not null

Password Varchar 15 Not null

Level Varchar 20 Not null

Field Tipe Data Panjang Keterangan

kd_pengirim* Varchar 5 Auto_Increment

nm_pengirim Varchar 30 Not null

Field Tipe Data Panjang Keterangan

kd_jenis* Varchar 5 Auto_Increment

nm_jenis Varchar 30 Not null

Field Tipe Data Panjang Keterangan

kd_divisi* Varchar 5 Auto_Increment

nm_divisi Varchar 30 Not null

5. Perancangan Tabel

Tabel Admin

Tabel Pengirim

Tabel Jenis Surat

Tabel Divisi

Page 14: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Field Tipe Data Panjang Keterangan

agenda* Integer 10 Auto_Increment

tgl_msk Date - Not null

tgl_surat Date - Not null

no_surat Varchar 15 Not null

Perihal Varchar 20 Not null

nm_pengirim Varchar 30 Not null

nm_jenis Varchar 30 Not null

nm_divisi Varchar 30 Not null

Location Varchar 255 Not null

Field Tipe Data Panjang Keterangan

agenda* Integer 10 Auto_Increment

tgl_surat Date - Not null

no_surat Varchar 15 Not null

Perihal Varchar 20 Not null

Alamat Text - Not null

Tertuju Varchar 30 Not null

nm_divisi Varchar 30 Not null

Location Varchar 255 Not null

Tabel Surat Masuk Tabel Surat Keluar

Page 15: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Pembuatan Aplikasi

1. Kebutuhan Perangkar keras :

• Intel Atom Processor N450 (1.66GHz, 512KB Cache)

• Memory 1024 RAM

• Hardisk 250 GB

2. Kebutuhan Software yang digunakan :

• Sistem Operasi Windows XP SP-2

• XAMPP

• Photoshop CS2

• Notepad ++

Page 16: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Pengujian Aplikasi

Pada tahap uji coba, aplikasi dijalankan pada sebuah server lokal.

Tahap uji coba dilakukan untuk mengetahui program sudah berjalan sesuai

yang diinginkan atau belum.

Uji Coba Pengguna

Tahap ini digunakan untuk meminta tanggapan dari calon pengguna

terhadap aplikasi yang dibuat. Dalam uji coba pengguna terdapat 3 kegiatan :

1. Kegiatan Presentasi

2. Kegiatan Demo

3. Kegiatan Pengisian Kuesioner

Page 17: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Implementasi

Aplikasi ini merupakan aplikasi yang berbasis web sehingga untuk

implementasinya dibutuhkan hosting sebagai tempat untuk menyimpan data-

data dan file-file yang dibutuhkan dan domain sebagai url.

Kesimpulan

Dari hasil uji coba terhadap 10 responden yang menjadi asisten

laboratorium di Laboratorium Pengembangan Internet tampilan dan kinerja

sistem dari aplikasi dapat dikatakan baik, sedangkan manfaat dari aplikasi

mendapatkan nilai yang sangat baik.

Page 18: Aplikasi Pengarsipan Surat Masuk dan Surat Keluar Online ...publication.gunadarma.ac.id/bitstream/123456789/11216/1/13110912... · Field Tipe Data Panjang Keterangan agenda* Integer

Terima Kasih