Aplikasi Surat Berbasis Web
Aplikasi Surat Berbasis Web
Oleh :
REJA ABDILLAH 1.12.3.109
Laporan Praktek Kerja Lapangan ini telah diperiksa, disetujui dan diseminarkan di
Bandung, Mei 2015
Oleh :
Menyetujui,
Ka. Prodi DIII Teknik Informatika
Laporan Praktek Kerja Lapangan ini telah diperiksa, disetujui dan diseminarkan di
Bandung, . . . Mei 2015
Oleh :
Menyetujui,
Koordinator Praktek Kerja Lapangan
Abstrak …………………………………………………………………….. i
Abstract ……………………………………………………………………. ii
Kata Pengantar …………………………………………………………….. iii
Daftar Isi …………………………………………………………………… iv
Daftar Gambar ……………………………………………………………... v
Daftar Tabel ………………………………………………………............. vi
Daftar Simbol ………………………………………………………........... vii
BAB I Pendahuluan ………………………………………………………... I-1
1.1 Latar Belakang ……………………………………………….... I-1
1.2 Identifikasi Masalah …………………………………………… I-2
1.3 Tujuan …………………………………………………………. I-2
1.4 Ruang Lingkup ……………………………………………….... I-2
1.5 Sistematika Penulisan ………………………………………….. I-2
BAB II Landasan Teori ……………………………………………………. II-1
2.1 Arsip ………………………………………………………….... II-1
2.2 Surat ……………………………………………………………. II-1
2.3 Sistem ………………………………………………………….. II-1
2.3.1 Karakteristik Sistem …………………………………….. II-1
2.4 Informasi ………………………………………………………. II-3
2.4.1 Siklus Informasi ………………………………………… II-4
2.4.2 Kualitas Informasi ………………………………………. II-5
2.5 Website ...………………………………………………………. II-6
2.6 XAMPP ………………………………………………………... II-6
2.7 PHP ……………………………………………………………. II-7
2.8 MySQL ………………………………………………………… II-8
2.9 PT. Pos Indonesia ……………………………………………… II-8
2.9.1 Visi, misi dan moto PT. Pos Indonesia ……………….... II-9
2.9.2 Struktur Organisasi PT. Pos Indonesia …………………. II-10
BAB III Analisis dan Perancangan ………………………………………… III- 1
3.1 Analisis ………………………………………………………… III-1
3.1.1 Analisis Sistem yang sedang berjalan ………………….. III-1
3.1.1.1 Analisis Prosedur / Flow Map
yang sedang berjalan ………………………….. III-2
3.1.2 Analisis Sistem yang akan dibangun …………………… III-2
3.1.2.1 Analisis Prosedur / Flow Map
yang akan dibangun …………………………… III-3
3.1.2.2 Analisis kebutuhan aplikasi …………………… III-20
3.1.2.3 Analsis kebutuhan perangkat lunak
dan perangkat keras ……………………………. III-21
3.2 Perancangan ……………………………………………………. III-21
3.2.1 Proses Bisnis ……………………………………………. III-22
3.2.2 Unified Modeling Language ( UML ) …………………... III-22
3.2.3 Use Case Diagram ………………………………………. III-23
3.2.4 Class Diagram …………………………………………... III-62
3.2.5 Sequence Diagram …………………………………….... III-45
3.2.6 Collaboration Diagram ………………………………….. III-56
3.2.7 Activity Diagram ………………………………………... III-59
3.2.8 Statechart Diagram ….…………………………………... III-72
3.2.9 Component Diagram ……………………………………. III-79
3.2.10 Deployment Diagram …………………………………… III-80
3.2.11 Struktur Menu …………………………………………… III-80
3.2.12 Perancangan Antarmuka ………………………………... III-81
BAB IV Implementasi dan Pengujian ……………………………………... IV-1
4.1 Lingkungan Implementasi ……………………………………... IV-1
4.2 Pembahasan hasil Implementasi ………………………………. IV-2
4.3 Pengujian dan hasil Pengujian …………………………………. IV-6
Bab V Kesimpulan dan Saran ……………………………………………… V-1
5.1 Kesimpulan …………………………………………………….. V-1
5.2 Saran …………………………………………………………… V-1
Daftar Pustaka ……………………………………………………………… viii
DAFTAR GAMBAR
Flowmap
Simbol Keterangan
Simbol untuk menyatakan mulai (start) atau pun berhenti.
Kotak Masukan, untuk membaca data yang kemudian
diberikan sebagai harga suatu variabel.
Kotak Penugasan, untuk memberi harga kepada suatu
variabel atau untuk melakukan perhitungan matematika
yang hasilnya diberikan sebagai harga suatu variabel.
Kotak Keluaran, untuk mencetak (dan/atau
menyimpan)hasil keluaran.
Sequence Diagram
Nama Komponen Keterangan Simbol
Object merupakan instance dari sebuah class
dan dituliskan tersusun secara horizontal.
Object Digambarkan sebagai sebuah class (kotak)
dengan nama object didalamnya yang
diawali dengan sebuah titik koma.
Actor juga dapat berkomunikasi dengan
object , maka actor juga dapat diurutkan
Actor
sebagai kolom. Simbol Actor sama dengan
simbol pada Actor Use Case Diagram.
Lifeline mengindikasikan keberadaan
Lifeline sebuah object dalam basis waktu. Notasi
untuk Lifeline adalah garis putus-putus
vertikal yang ditarik dari sebuah object.
Activation dinotasikan sebagai sebuah
Activation
kotak segi empat yang digambar pada
sebuah lifeline. mengindikasikan sebuah
obyek yang akan melakukan sebuah aksi.
Message, digambarkan dengan anak panah
Message
horizontal antara Activation Message
mengindikasikan komunikasi antara object.
Tabel vii Daftar Simbol Sequence Diagram
Activity Diagram
Simbol Keterangan
Titik awal
Titik akhir
Activity
Pilihan untuk mengambil keputusan
Fork; Digunakan untuk menunjukkan kegiatan yang dilakukan
secara parallel atau untuk menggabungkan dua kegiatan paralel
menjadi satu.
Rake; Menunjukkan adanya dekomposisi
Tanda waktu
Tanda pengiriman
Tanda penerimaan
Aliran akhir (Flow Final)
Tabel vii Daftar Simbol Activity Diagram
Collaboration Diagram
Nama Komponen Keterangan Simbol
Object merupakan instance dari sebuah class
dan dituliskan tersusun secara horizontal.
Object
Digambarkan sebagai sebuah class (kotak)
dengan nama object didalamnya yang
diawali dengan sebuah titik koma.
Actor juga dapat berkomunikasi dengan
Actor object , maka actor juga dapat diurutkan
sebagai kolom. Simbol Actor sama pada
Actor Use Case Diagram.
Message Message, digambarkan dengan anak panah
yang mengarah antar obyek dan diberi label
urutan nomor yang mengindikasikan urutan
komunikasi yang terjadi antar obyek.
Tabel vii Daftar Simbol Collaboration Diagram
BAB I
PENDAHULUAN
1. Latar Belakang
Perkembangan ilmu pengetahuan dan teknologi telah mengalami percepatan
yang tinggi membuat sebuah perubahan yang sangat luar biasa bagi kehidupan
manusia. Hal ini menuntut semua sumber daya manusia untuk terus berpacu dalam
meningkatkan kinerja guna mengimbangi berkembangnya teknologi. Setiap sumber
daya manusia dituntut untuk terus selalu update dengan perkembangan teknologi.
Penerapan teknologi yang jelas terlihat dalam suatu perusahaan diantaranya adalah
dalam bidang informasi.
Semakin besar dan beragamnya data atau informasi yang terkumpul di
perusahaan, menuntut adanya perlakuan yang baik pada manajemen informasi. Tidak
ubahnya juga pada informasi mengenai arsip di suatu perusahaan, perlu adanya
manajemen arsip agar arsip yang ada pada perusahaan tersebut dapat terkelola
dengan baik. Arsip adalah setiap catatan tertulis baik dalam bentuk gambar ataupun
bagan yang memuat keterangan - keterangan mengenai sesuatu subyek ( pokok
persoalan ) ataupun peristiwa yang dibuat orang untuk membantu daya ingatan
orang. [3]
Pengelolaan arsip yang kurang maksimal di perusahaan saat ini berawal dari
lemahnya sumber daya manusia, teknologi dan belum tumbuhnya kesadaran akan
penting arsip. Sebagai perusahaan yang bergerak di bidang surat dan kearsipan, PT.
Pos Indonesia harus dapat memaksimalkan dan memanajemen arsip sehingga dapat
meningkatkan aktifitas perusahaan menjadi lebih baik. Padahal bila dilihat dari
fungsinya, arsip merupakan sumber yang penting dan harus dikelola dengan baik.
Kearsipan merupakan tanda bukti dalam seluruh kegiatan dalam suatu perusahaan,
dan disamping itu merupakan pula pusat ingatan, sumber informasi dan sumber atau
bukti sejarah.
Berdasarkan uraian tersebut, maka penulis tertarik untuk membuat suatu
aplikasi kearsipan dengan berbasis web. Penulis mengangkat masalah ini sebagai
tugas Praktek Kerja Lapangan guna melengkapi salah satu syarat kelulusan Program
Studi D-III Teknik Informatika di Politeknik Pos Indonesia. Hal inilah yang menjadi
latar belakang penulis untuk mengambil judul Praktek Kerja Lapangan tentang
“Aplikasi Arsip Surat Berbasis Web ( Studi Kasus : PT. Pos Indonesia )”.
1.3 Tujuan
Tujuan pembuatan Aplikasi Arsip Surat Berbasis Web ( Studi Kasus : PT.
Pos Indonesia ) sebagai berikut :
1. Membuat proses pengarsipan surat secara terkomputerisasi.
2. Proses pengarsipan menjadi lebih rapih.
2.1 Arsip
Arsip adalah setiap catatan tertulis baik dalam bentuk gambar ataupun bagan
yang memuat keterangan - keterangan mengenai sesuatu subyek ( pokok persoalan )
ataupun peristiwa yang dibuat orang untuk membantu daya ingatan orang. [3]
Arsip adalah rekaman kegiatan atau peristiwa dalam berbagai bentuk dan
media sesuai dengan perkembangan teknologi informasi dan komunikasi yang dibuat
dan diterima oleh lembaga negara, pemerintahan daerah, lembaga pendidikan,
perusahaan, organisasi politik, organisasi kemasyarakatan, dan perseorangan dalam
pelaksanaan kehidupan bermasyarakat, berbangsa, dan bernegara.
2.2 Surat
Surat adalah sarana komunikasi untuk menyampaikan informasi tertulis oleh
suatu pihak kepada pihak lain. Surat membutuhkan perangko dan amplop untuk
mengirimkan surat sebagai alat ganti bayar jasa pengiriman. Surat secara umum
ditinjau dari segi bentuk, isi dan bahasanya, digolongkan menjadi tiga yaitu surat
pribadi, surat dinas dan surat niaga. Digolongkan berdasrkan pemakaiannya, surat
dapat dibagi menjadi tiga yaitu surat pribadi, surat resmi, dan surat dinas.
2.3 Sistem
Suatu sistem adalah sekumpulan objek yang mencakup hubungan fungsional
antara tiap - tiap objek dan hubungan antara ciri tiap objek, dan yang secara
keseluruhan merupakan suatu kesatuan secara fungsional [4]. Sistem adalah suatu
kesatuan yang terdiri komponen atau elemen yang dihubungkan bersama untuk
memudahkan aliran informasi, materi atau energi untuk mencapai suatu tujuan.
2.4 Informasi
Menurut Gordon B. Davis, informasi adalah data yang telah diolah menjadi
sebuah bentuk yang berarti bagi penerimanya dan bermanfaat bagi pengambilan
keputusan saat ini atau mendatang. Informasi memiliki beberapa ciri sebagai berikut :
1. Benar atau salah. Ini dapat berhubungan dengan realitas atau tidak. Bila
penerima informasi yang salah mempercayainya, akibatnya sama seperti yang
benar.
2. Baru. Informasi dapat sama sekali baru dan segar bagi penerimanya.
3. Tambahan. Informasi dapat memperbaharui atau memberikan tambahan baru
pada informasi yang telah ada.
4. Korektif. Informasi dapat menjadi suatu koreksi atas informasi salah tau palsu
sebelumya.
5. Penegas. Informasi dapat mempertegas informasi yang telah ada. Ini masih
berguna karena meningkatkan persepsi penerimanya atas kebenaran informasi
tersebut. [2]
2.6 XAMPP
XAMPP adalah perangkat software gratis yang mendukung banyak sistem
operasi, merupakan kompilasi dari beberapa program. Fungsi XAMPP adalah
sebagai server offline yang berdiri sendiri ( localhost ). XAMPP terdiri dari beberapa
program yaitu Apache ( web server ), MySQL ( database ), PHP ( server side
scripting ), Perl, FTP Server, phpMyAdmin dan berbagai pustaka bantu lainnya.
XAMPP terkenal sebagai program web server ( localhost ) yang mudah digunakan
( user friendly ).
XAMPP ini adalah sebuah singkatan yang masing – masing hurufnya
memiliki penjelasan, yaitu sebagai berikut :
1. X
XAMPP dapat dijalankan ( kompatibel ) di berbagai sistem operasi seperti
Windows, Linux, Mac OS dan Solaris.
2. A
A adalah kepanjangan dari program Apache. Apache merupakan sebuah
aplikasi web server. Tugas utama Apache adalah menghasilkan halaman web
yang benar kepada user ( menerjemahkan ) berdasarkan kode PHP dan
MySQL yang ditulis oleh web programmer.
3. M
M adalah singkatan dari program MySQL. MySQL adalah sebuah aplikasi
database server, MySQL dapat digunakan untuk membuat dan mengelola
database beserta isinya. MySQL dapat digunakan untuk menambahkan,
mengubah dan menghapus data yang berada dalam database.
4. P
P pertama adalah singkatan dari program PHP. PHP adalah sebuah aplikasi
bahasa pemrograman untuk membuat sebuah web yang sifatnya adalah
server - side scripting. PHP akan memungkinkan pengguna dalam membuat
halaman web yang bersifat dinamis.
5. P
P terkahir adalah singkatan dari program Perl. Perl adalah sebuah aplikasi
Bahasa pemrograman.
2.7 PHP
PHP adalah singkatan dari Hypertext Preprocessor, PHP adalah sebuah
aplikasi bahasa pemrograman untuk membuat sebuah web yang sifatnya adalah
server - side scripting. PHP yaitu bahasa pemrograman yang banyak digunakan
secara luas dan bisa digunakan bersamaan dengan HTML.
Fungsi yang utama dari PHP adalah kemampuannya sebagai server side
programming atau scripting language dalam pembuatan website atau aplikasi yang
berbasis website. Server side programming atau scripting language adalah bahasa
yang berjalan pada sisi server ( dalam hal ini web server ) sehingga komputer ( client
/ web browser ) tidak mengetahui apa yang terjadi di dalam web server.
Keunggulan PHP :
1. PHP memiliki tingkat akses yang lebih cepat.
2. PHP memiliki tingkat lifecycle yang cepat sehingga selalu mengikuti
perkembangan teknologi internet.
3. PHP mampu berjalan di beberapa server web, seperti Apache, Microsoft IIS,
PWS, phttpd, fhttpd, AOLServer dan Xitami.
4. PHP mampu berjalan di Linux sebagai platform Sistem Operasi yang utama,
juga dapat berjalan di FreeBSD, Unix, Solaris, dan Windows.
5. PHP mendukung akses ke beberapa database baik yang bersifat gratis atau
komersial, seperti mSQL, MySQL, Informix, dan MicrosoftSQL Server.
6. PHP bersifat Open Source.
2.8 MySQL
MySQL merupakan Bahasa pemrograman open-source yang paling popular
dan banyak digunakan di lingkungan Linux. Kepopuleran ini karena ditunjang oleh
performansi query dari database-nya yang jarang bermasalah. MySQL ( My
Structure Query Language ) adalah sebuah program pembuat database yang bersifat
open source, artinya siapa saja dapat menggunakannya secara bebas.
MySQL sebenarnya produk yang berjalan pada platform Linux. Karena
sifatnya yang open source, MySQL dapat berjalan pada semua platform baik
Windows maupun Linux. Selain itu, MySQL juga merupakan program pengakses
database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi multiuser
(banyak pengguna). Saat ini database MySQL telah digunakan hampir oleh semua
pemrogram database, terlebih dalam pemrograman web.
Kelebihan lain dari MySQL adalah penggunaan bahasa query yang dimiliki
SQL ( Structured Query Language ). SQL adalah suatu bahasa permintaan yang
terstruktur dan telah distandarisasi untuk semua program pengakses database seperti
Oracle, PosgreSQL, SQL Server, dan lain - lain.
Sebagai sebuah program penghasil database, MySQL tidak dapat berjalan
sendiri tanpa adanya sebuah aplikasi lain ( interface ). MySQL dapat didukung oleh
hampir semua program aplikasi baik yang open source seperti PHP maupun yang
tidak, yang ada pada platform Windows seperti Visual Basic, Delphi, dan lainnya.
3.1 Analisis
Dalam tahap analisis terdapat langkah - langkah dasar yang harus dilakukan,
yaitu sebagai berikut :
1. Pengenalan / identifikasi masalah
Langkah ini merupakan langkah awal yang harus dilakukan serta
mengidentifikasi permasalahan yang ada sehingga sasaran yang ingin dicapai
dapat terlaksana.
2. Memahami kinerja dari sistem yang ada
Langkah ini dilakukan dengan mempelajari secara rinci bagaimana jalannya
sistem yang sudah ada.
3. Menganalisa hasil penelitian
Langkah yang perlu diperhatikan dalam tahap ini adalah menganalisa
kebutuhan informasi pemakai sistem. Analisa dilakukan berdasarkan data
yang diperoleh atas dasar hasil penelitian.
4. Membuat laporan penelitian
Merupakan tahap akhir yang disusun dalam suatu rangkuman dari langkah -
langkah sebelumnya.
Mulai
Surat di seleksi
oleh petugas
keamanan
Status
Ya
Petugas keamanan
memberikan surat pada
bagian yang dituju
Memberi
keterangan surat
Selesai
Menjalankan
aplikasi
Tidak
Tampil
index
Login
Input username
dan password
Status
Ya
Home
Selesai
Menjalankan
aplikasi
Tidak
Tampil
index
Login
Input username
dan password
Status
Ya
Home
Selesai
Menjalankan
aplikasi
Tidak
Tampil
index
Login
Input username
dan password
Status
Ya
Home
Pilih menu
Pos Indonesia
Tampil Pos
Indonesia
Selesai
Menjalankan
aplikasi
Tidak
Tampil
index
Login
Input username
dan password
Status
Ya
Home
Pilih menu
Dokumen
Tidak ada
Tampil
Dokumen
Fungsi Cari
Input kriteria
data
Tampil
Ada Status
data
Selesai
Menjalankan
aplikasi
Tidak
Tampil
index
Login
Input username
dan password
Status
Ya
Home
Pilih menu
Dokumen
Tampil
Dokumen
Pilih menu
Surat Masuk
Tampil Surat
Masuk
Pilih
fungsi
User terdaftar Aplikasi Database Dokumen
Tidak
Tidak
Tidak
Tidak
Selesai
Menjalankan
aplikasi
Tidak
Tampil
index
Login
Input username
dan password
Status
Ya
Home
Pilih menu
Dokumen
Tampil
Dokumen
Pilih menu
Surat Keluar
Tampil Surat
Keluar
Pilih
fungsi
User terdaftar Aplikasi Database Dokumen
Tidak
Tidak
Tidak
Selesai
Menjalankan
aplikasi
Tidak
Tampil
index
Login
Input username
dan password
Status
Ya
Home
Pilih menu
Dokumen
Tampil
Dokumen
Pilih menu
Surat Masuk
Tampil Surat
Masuk
Pilih data
Pilih button
Disposisi
Tampil
Disposisi
Pilih
fungsi
User terdaftar Aplikasi Database
Pilih
fungsi
Input Data
Tidak Save
data disimpan
Tidak
Selesai
Menjalankan
aplikasi
Tidak
Tampil
index
Login
Input username
dan password
Status
Ya
Home
Pilih menu
Laporan
Tampil
Laporan
Pilih
fungsi
Cetak Pilih
Ya
data data
Tidak
Selesai
Menjalankan
aplikasi
Tidak
Tampil
index
Login
Input username
dan password
Status
Ya
Home
Pilih menu
Contact Us
Tampil
Contact Us
Selesai
Menjalankan
aplikasi
Tidak
Tampil
index
Login
Input username
dan password
Status
Ya
Home
Pilih menu
Log Out
Tampil
index
Selesai
1. Perangkat Lunak
Perangkat lunak ( software ) yang dibutuhkan dalam pembuatan aplikasi yaitu
sebagai berikut :
Sistem Operasi : Windows 8.1 Professional 64-bit
Bahasa Pemograman : PHP
Database : MySQL
Server offline : XAMPP
Web Editor : Macromedia Dreamweaver 8
Tools : Microsoft Visio 2010, Star UML
Dokumentasi : Microsoft Word 2010
Microsoft Power Point 2010
2. Perangkat Keras
Perangkat keras ( hardware ) yang dibutuhkan dalam pembuatan aplikasi
yaitu sebagai berikut :
Processor : Intel® Core™ i5-3230M CPU @ 2.60GHz 2.60GHz
Memory : 4.00 GB
Harddisk : 500 GB
VGA : Nvidia Geforce 710M 2.00 GB
3.2 Perancangan
Perancangan merupakan tahap setelah analisis untuk mendefinisikan
kebutuhan - kebutuhan fungsional yang menggambarkan bagaimana suatu aplikasi
dibentuk, yang dapat berupa penggambaran, perencanaan, dan pembuatan sketsa,
atau pengaturan dari beberapa elemen yang terpisah kedalam suatu kesatuan yang
utuh dan berfungsi, termasuk menyangkut konfigurasi dari komponen - komponen
perangkat lunak dan keras dari suatu aplikasi.
RESOURCE GOAL
Proses Bisnis :
1. Memiliki tujuan
2. Menerima input
3. Menghasilkan Output
4. Menggunakan sumber
daya
5. Memiliki beberapa proses
kegiatan didalamnya
Admin
System
Login Cetak data Kelola surat masuk Disposisi Kelola surat keluar Kelola pengguna
<<include>>
<<include>>
Login
Surat masuk
+id_surat_masuk varchar ( PK )
Surat keluar
+nomor_office varchar ( FK )
Disposisi +tanggal_surat date +id_surat_keluar varchar ( PK )
+nomor_office varchar ( FK ) +perihal varchar +nomor_office varchar ( FK )
+batas_waktu date +lampiran varchar +tanggal_surat date
+tujuan varchar +kategori varchar +perihal varchar
+sifat_disposisi varchar +keterangan text +lampiran varchar
+fupload varchar +kategori varchar
+Input() +tujuan_disposisi varchar +keterangan text
+Edit() +batasan_waktu date
+Delete() +sifat_disposisi varchar +Input()
+Edit()
+Input() +Delete()
+Edit()
+Delete()
Pengguna
Office
+username varchar
+password varchar +nomor_office varchar ( PK )
+nama varchar
+Input()
+jabatan varchar
+Edit()
+Delete() +Input()
+Edit()
+Delete()
: Admin
1 : Menjalankan aplikasi()
4
5 : Berhasil Login()
: Admin
1 : Menjalankan aplikasi()
4
5 : Berhasil login()
6 : Pilih menu()
10 : Cari data()
11 : Status data()
Gambar 3.5 Sequence Diagram lihat data surat dan cari data surat di halaman web Dokumen
: Admin
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil Login()
6 : Pilih menu()
8 : Pilih menu()
9 : Tambah data()
10 : Input data()
11 : Simpan()
12 : Pilih menu()
13 : Pilih data yang akan dirubah() 14 : Pilih button edit dari data yang akan dirubah()
15 : Edit data()
16 : Simpan()
17 : Pilih menu()
18 : Pilih data yang akan dihapus() 19 : Pilih button delete dari data yang akan dihapus()
20 : Data dihapus()
21 : Pilih menu()
24 : Pilih menu()
26 : Cari data()
27 : Status data()
: Admin
1 : Menajalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
9 : Input data()
10 : Simpan()
: Admin
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil Login()
6 : Pilih menu()
8 : Pilih menu()
9 : Tambah data()
10 : Input data()
11 : Simpan()
12 : Pilih menu()
13 : Pilih data yang akan dirubah() 14 : Pilih button edit dari data yang akan dirubah()
15 : Edit data()
16 : Simpan()
17 : Pilih menu()
18 : Pilih data yang akan dihapus() 19 : Pilih button delete dari data yang akan dihapus()
20 : Data dihapus()
21 : Pilih menu()
24 : Pilih menu()
26 : Cari data()
27 : Status data()
: Admin
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil logn()
6 : Pilih menu()
7 : Tambah data()
8 : Input data()
9 : Simpan()
10 : Pilih menu()
11 : Edit data()
12 : Input data()
13 : Simpan()
14 : Pilih menu()
15 : Pilih data yang akan dihapus() 16 : Pilih button delete dari data yang ingin dihapus()
17 : Data dihapus()
: Admin
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
9 : Print()
10 : Menyesuaikan pengaturan()
11 : Print()
12 : Pilih menu()
16 : Menyesuaikan pengaturan()
17 : Print()
18 : Pilih menu()
20 : Cari data()
21 : Status data()
: Admin
1 : Menjalankan aplikasi()
2 : Input username dan password() 3 : Validasi()
4
5 : Berhasil Login()
Tidak
Ya
Home
Tidak
Ya
Home
Input kriteria data Pilih menu
Cari surat Dokumen
Tidak
Cek data
Ya
Tampil data
Tabel 3.40 Activity Diagram lihat data surat dan cari data surat di halaman web Dokumen
Tidak
Ya
Home
Pilih menu
Dokumen
Pilih menu
Surat Masuk
Pilih button delete dari data yang ingin dihapus Hapus surat Data dihapus
Ya
Tampil data surat
Tidak
Ya
Home
Pilih menu
Dokumen
Pilih menu
Surat Masuk
Tidak
Ya
Home
Pilih menu
Dokumen
Pilih menu
Surat Keluar
Pilih button delete dari data yang ingin dihapus Hapus surat Data dihapus
Ya
Tampil data surat
Tidak
Ya
Home
Pilih menu
Pengguna
Pilih button delete dari data tersebut Hapus pengguna Hapus data
Tidak
Ya
Home
Pilih menu
Laporan
Print
Pengaturan print
Pilih button print
Setting pengaturan Cetak data
Pengaturan print
Pilih button print
Setting pengaturan Cetak data
Tidak
Login
Menjalankan aplikasi
Menjalankan aplikasi
Pilih menu
Dokumen Database
entry/Display entry/Cek [ data ]
entry/Search
entry/Display [ data ]
Gambar 3.18 Statechart Diagram lihat data surat dan cari data surat di halaman web Dokumen
Menjalankan aplikasi
Pilih menu
Surat Masuk
entry/Input [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
entry/Display [ data ]
entry/Search [ data ]
Input data Edit data Surat Masuk Surat Masuk Surat Masuk Detail data
entry/Input [ data ] entry/Edit [ data ] entry/Delete [ data ] entry/Display [ data ] entry/Search [ data ] entry/Display [ data ]
Database
entry/Simpan [ data ]
entry/Hapus [ data ]
entry/Tampil [ data ]
Menjalankan aplikasi
Pilih menu
Surat Masuk
Pilih menu
Disposisi
entry/Input [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Database
entry/Simpan [ data ]
entry/Hapus [ data ]
Menjalankan aplikasi
Pilih menu
Surat Keluar
entry/Input [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
entry/Display [ data ]
entry/Search [ data ]
Input data Edit data Surat Keluar Surat Keluar Surat Keluar Detail data
entry/Input [ data ] entry/Edit [ data ] entry/Delete [ data ] entry/Display [ data ] entry/Search [ data ] entry/Display [ data ]
Database
entry/Simpan [ data ]
entry/Hapus [ data ]
entry/Tampil [ data ]
Menjalankan aplikasi
Pilih menu
Pengguna
entry/Input [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Database
entry/Simpan [ data ]
entry/Hapus [ data ]
Menjalankan aplikasi
Pilih menu
Laporan
entry/Print [ data ]
Cetak data
Menjalankan aplikasi
Pilih menu
Logout
Surat masuk
Laporan
Pengguna
Deployment Diagram
Kelola user
Login
Home
Surat masuk
Surat keluar
Username Username
Password Username
Login Reset
Home
3. Pos Indonesia
Gambar
Pos Indonesia
Informasi
Produk Informasi
Informasi
Dokumen
5. Surat Masuk
Gambar
Surat Masuk
Surat Keluar
7. Disposisi
Gambar
Disposisi
+ Delete
Laporan
9. Pengguna
Gambar
Pengguna
Contact Us
Informasi
Produk Informasi
Informasi
1. Perangkat Lunak
Perangkat lunak ( software ) yang dibutuhkan dalam pembuatan aplikasi yaitu
sebagai berikut :
Sistem Operasi : Windows 8.1 Professional 64-bit
Bahasa Pemograman : PHP
Database : MySQL
Server offline : XAMPP
Web Editor : Macromedia Dreamweaver 8
Tools : Microsoft Visio 2010, Star UML
Dokumentasi : Microsoft Word 2010
2. Perangkat Keras
Perangkat keras ( hardware ) yang dibutuhkan dalam pembuatan aplikasi
yaitu sebagai berikut :
Processor : Intel® Core™ i5-3230M CPU @ 2.60GHz 2.60GHz
Memory : 4.00 GB
Harddisk : 500 GB
VGA : Nvidia Geforce 710M 2.00 GB
4.2 Pembahasan hasil Implementasi
1. Login
1. Login
Hasil yang
Kelas Uji Skenario Uji Kesimpulan
diharapkan
Input username dan Status menjadi Berhasil
password admin
Validasi username Masuk aplikasi
Login
dan password
Login Mengoperasikan
aplikasi
Tabel 4.1 Pengujian Login
2. Pengujian Menu Utama
Hasil yang
Kelas Uji Skenario Uji Kesimpulan
diharapkan
Menu Utama Memilih sub menu Masuk sub menu Berhasil
Tampil sub menu
Tabel 4.2 Pengujian Menu Utama
7. Logout
Hasil yang
Kelas Uji Skenario Uji Kesimpulan
diharapkan
Pilih button Logout Kembali ke form Belum sempurna
Login Login
5.1 Kesimpulan
Berdasarkan hasil dari analisis, observasi dan perancangan yang telah
dilakukan mengenai Aplikasi Arsip Surat Berbasis Web ( Studi Kasus : PT. Pos
Indonesia ) dapat dicapai beberapa tujuan sebagai berikut :
1. Aplikasi membantu pengguna secara terkomputerisasi
2. Pendataan arsip surat menjadi lebih rapih.
5.2 Saran
Saran yang diharapkan dari hasil analisis, observasi dan perancangan yang
telah dicapai maupun untuk proses pengembangan mengenai Aplikasi Arsip Surat
Berbasis Web ( Studi Kasus : PT. Pos Indonesia ) di masa yang akan datang dapat
ditarik simpulkan sebagai berikut :
1. Melakukan penambahan fasilitas – fasilitas pada aplikasi.
DAFTAR PUSTAKA