TUGAS AKHIR
ATIKA SARI
152406054
TUGAS AKHIR
ATIKA SARI
152406054
TUGAS AKHIR
Saya menyatakan bahwa laporan tugas akhir ini adalah hasil karya sendiri, kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Atika Sari
152406054
Disetujui di
Medan, 04 Juni 2018
ABSTRAK
Arsip merupakan bagian pekerjaan kantor yang sangat penting. Arsip sangat
dibutuhkan dalam pelaksanaan kegiatan kantor karena arsip merupakan pusat ingatan
untuk setiap kegiatan dalam kantor. Akan tetapi, dalam penanganan arsip surat
instansi masih tidak efisien karena dilakukan secara manual sehingga banyak
memakan waktu untuk penemuan kembali. Penelitian ini bertujuan untuk merancang
sebuah aplikasi pengarsipan surat secara terkomputerisasi yang dapat mempermudah
pencarian informasi kearsipan secara cepat, akurat dan efisien waktu. Perancangan
aplikasi ini berbasis web dengan penyimpanan dokumen bersifat softcopy. Adapun
metode penelitian yang digunakan untuk meyelesaikan berbagai permasalahan yang
terjadi adalah pustaka, observasi, wawancara, analisis sistem, perancangan sistem,
pembuatan program dan pengujian program. Hasil penelitian ini yaitu aplikasi yang
dapat mengelola surat masuk dan surat keluar yang dapat digunakan sebagai
alternative untuk memecahkan masalah pada Dinas Kelautan dan Perikanan Provinsi
Sumatera Utara dan diharapkan dapat membantu bagian administrasi kantor untuk
mengelola arsip secara efektif dan efisien, dengan menggunakan media komputer
dalam pengelolaan arsip surat masuk dan surat keluar.
ABSTRACT
The archive is part the office work which is very important. The archive is necessary
in the implementation of the activities of the office because the archive is the centre
of remembrance for every activity in the office. However, in the instant mail archive
handling, still not efficient because it is done manually so much time consuming to
find the letter. This research aims to design an archiving application letter in which
computerization can make it easier to search, archival information in a timely,
accurate and time-saving. This web-based application design with storage documents
are softcopy. As for the methods of study used to finish the various problems that
occur are a library, observation, interview, system analysis, system design,
manufacture, program and testing program. The results of this research that is an
application that can manage yor incoming mail and outgoing mail can be used as an
alternative to solve the problem at the Marine and Fishery Departement of North
ii
PENGHARGAAN
Puji dan syukur kehadirat Allah SWT, karena dengan ridha dan karunia-Nya
serta berkah dan rahmat-Nya, penulis dapat menyelesaikan penyusunan Laporan
Tugas Akhir ini dengan judul “Aplikasi Pengarsipan Surat Masuk dan Surat
Keluar Pada Dinas Kelautan dan Perikanan Provinsi Sumatera Utara”, sebagai
salah satu syarat untuk memperoleh gelar Ahli Madya pada Jurusan Diploma 3
Teknik Informatika Universitas Sumatera Utara.
Dalam penyusunan tugas akhir ini, penulis menyadari masih terdapat banyak
kekurangan sehingga jauh dari kata sempurna. Namun penulis merasa laporan ini
adalah salah satu kebanggaan tersendiri bagi penulis, serta penulis juga berharap atas
kritik dan saran yang bersifat membangun bagi penulis untuk ke depannya.
Selanjutnya dengan segala kerendahan dan ketulusan hati, penulis
menyampaikan ucapan terima kasih kepada semua pihak yang telah memberikan
bantuan dan dorongan baik secara langsung maupun tidak langsung sehingga penulis
iii
8. Dan semua pihak yang telah banyak membantu penulis dalam menyelesaikan Tugas Akhir ini
yang tidak dapat disebutkan satu persatu.
Penghargaan ucapan terima kasih yang tak terhingga penulis ucapkan kepada
Ayahanda Sukirman dan Ibunda Sudarwati yang penulis cintai dan sayangi, serta
kakak dan adik yang turut memberikan dukungan dan bantuan serta semangat dan
do’a selama menjalankan pendidikan.
Akhir kata semoga ketulusan serta bantuan dari semua pihak tersebut di atas kiranya
mendapat balasan berkah dan anugerah dari Allah SWT.
Atika Sari
iv
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang 1
1.2 Rumusan Masalah 2
1.3 Batasan Masalah 2
1.4 Tujuan 2
LAMPIRAN
vii
Judul Halaman
Tabel
Judul Halaman
Gambar
Judul Halaman
Lampiran
xi
BAB 1 PENDAHULUAN
xii
Pada saat ini, prosedur yang diterapkan dalam pengarsipan surat masuk dan
surat keluar pada Dinas Kelautan dan Perikanan Provinsi Sumatera Utara masih
dilakukan secara manual. Dokumentasi surat masuk dan keluar hanya berupa
penulisan di buku besar dan penyimpanan dokumen masih bersifat hardcopy sehingga
membutuhkan waktu yang cukup lama dalam proses pencarian dokumen lama.
Begitu pentingnya peran pengarsipan dalam menangani surat masuk dan surat
keluar tersebut, maka penulis mencoba untuk menerapkan sistem pengarsipan yang
lama dengan sistem pengarsipan yang baru yaitu dengan menggunakan sistem
komputerisasi, yang diharapkan dapat lebih mempermudah dan mempercepat dalam
proses pengolahan data dan mendapatkan informasi dengan cepat dan efisien.
Berdasarkan hasil analisis tersebut, maka penulis mencoba untuk menerapkan sistem
pengarsipan pada Dinas Kelautan dan Perikanan Provinsi Sumatera Utara. Sehingga
penulis memilih judul “Aplikasi Pengarsipan Surat Masuk dan Surat Keluar
Pada Dinas Kelautan dan Perikanan Provinsi Sumatera Utara” pada tugas akhir
ini.
1.4 Tujuan
Berdasarkan latar belakang dan rumusan masalah yang telah diuraikan, maka
adapun tujuan dari penelitian ini adalah :
a. Mengetahui permasalahan yang dihadapi instansi dalam mengelola kearsipan
surat.
b. Menghasilkan aplikasi pengarsipan surat masuk dan surat keluar pada Dinas
Kelautan dan Perikanan Provinsi Sumatera Utara berbasis web.
1.5 Manfaat
Berdasarkan tujuan yang telah diuraikan, maka adapun manfaat dari penelitian
ini adalah :
a. Membantu dan memberi kemudahan kepada Dinas Kelautan dan Perikanan
Provinsi Sumatera Utara dalam proses kearsipan surat masuk dan surat keluar.
b. Dengan adanya aplikasi ini diharapkan proses kearsipan surat masuk dan surat
keluar lebih akurat, cepat dan efektif dibandingkan dengan kearsipan surat secara
manual.
BAB 1 PENDAHULUAN
Berisikan latar belakang, rumusan masalah, batasan masalah, tujuan,
manfaat serta sistematika penulisan laporan.
BAB 5 PENUTUP
Berisikan tentang kesimpulan dan saran. Kesimpulan merupakan inti
dari proses penelitian yang telah dilaksanakan. Selanjutnya penulis
menyampaikan saran-saran terhadap hasil aplikasi yang dipandang
memiliki banyak kekurangan yang berkaitan dengan peningkatan
efisiensi dan efektifitas aplikasi yang dirancang dimasa yang akan
datang. Selanjutnya penulis perlu mencantumkan beberapa buku yang
a. Data
Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan
kesatuan nyata. Kejadian-kejadian (event) adalah sesuatu yang terjadi pada saat
yang tertentu. Data merupakan bentuk yang masih mentah, belum dapat bercerita
banyak, sehingga perlu diolah lebih lanjut. Data diolah melalui suatu model
untuk menghasilkan informasi. Data dapat berbentuk simbol-simbol semacam
huruf-huruf atau alphabet, angka-angka, bentuk-bentuk suara sinyal-sinyal,
gambar-gambar dan sebagainya (Jogiyanto, 2004).
b. Informasi
Informasi dapat didefinisikan sebagai hasil dari pengolahan data dalam suatu
bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang
menggambarkan suatu kejadian-kejadian (event) yang nyata (fact) yang
digunakan untuk pengambilan keputusan (Jogiyanto, 2004).
c. Sistem
Sistem terdiri dari sejumlah komponen yang saling berinteraksi yang artinya
saling bekerja sama membentuk satu kesatuan. Suatu sistem dapat didefinisikan
sebagai suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem
yang berinteraksi untuk mencapai suatu tujuan tertentu (Jogiyanto, 2004).
komponen yang penting dalam sistem informasi, karena merupakan basis dalam
menyediakan informasi bagi para pemakai. Penerapan database dalam sistem
informasi disebut dengan database system. Sistem basis data (database system)
adalah suatu sistem informasi yang mengintegrasikan kumpulan dari data yang saling
berhubungan satu dengan yang lainnya dan membuatnya tersedia untuk beberapa
aplikasi yang bermacam-macam didalam suatu organisasi (Jogiyanto, 2004).
2.5 Surat
Secara umum surat merupakan sarana komunikasi dalam bentuk tulisan.
Biasanya sistem komunikasi dengan menggunakan surat ini diterapkan pada
perusahaan atau instansi. Penggunaan surat sebagai alat komunikasi lebih dominan
diterapkan oleh organisasi ataupun perusahaan. Dalam organisasi atau perusahaan,
surat menyurat menjadi kegiatan pokok guna mempererat ikatan relasi dengan pihak
lain. Karena setiap perusahaan pasti memiliki kegiatan operasional, seperti transaksi
jualbeli dan menjalin kerjasama. Dalam kegiatan operasional seperti itu lah yang
menjadikan surat menyurat sebagai kegiatan pokok. Berikut definisi tentang surat
menurut beberapa ahli :
a. Dra. Sedarmayanti, M.Pd.
Surat merupakan alat komunikasi tertulis yang berasal dari satu pihak yang
dibuat dan ditujukan kepada pihak lain guna menyampaikan informasi.
b. O. Setiawan Djuharie dan Teddy Sutandi
Surat merupakan sarana komunikasi tertulis guna menyampaikan informasi
pernyataan, pesan kepada pihak lain yang memiliki keperluan kegiatan dengan
berbagai pihak tertentu.
c. I. G. Warsanto
Surat adalah sejenis warkat yang dipergunakan sebagai sarana komunikasi
tertulis antara pihak satu dengan pihak lainnya, dengan menggunakan kertas
berukuran tertentu.
d. Djoko Purwanto
Surat merupakan alat komunikasi yang digunakan guna menyampaikan informasi
secara tertulis oleh salah satu pihak yang ditujukan kepada pihak lain, baik yang
berkaitan dengan bisnis maupun kegiatan non bisnis.
Dari definisi beberapa ahli tersebut diatas maka dapat disimpulkan bahwa surat
merupakan suatu sarana komunikasi tertulis untuk menyampaikan informasi,
pernyataan, atau pesan kepada pihak lain yang mempunyai keperluan kegiatan
dengan bentuk tertentu.
yang berupa alamat instansi. Tapi bagi surat bukan resmi yang tidak memiliki
kepala surat, wajib menuliskannya.
c. Nomor Surat
Sebuah surat resmi yang mewakili sebuah lembaga, instansi, perusahaan atau
organisasi biasanya menggunakan penomoran terhadap surat yang dikeluarkan
atau yang diterima. Nomor surat biasanya meliputi nomor urut penulisan surat,
kode surat, tanggal, bulan dan tahun penulisan surat.
d. Lampiran
Bagian lampiran merupakan bagian penjelas yang menginformasikan bahwa ada
sejumlah berkas atau dokumen yang disertakan dalam surat tersebut. Jika tidak
terdapat berkas atau dokumen yang dilampirkan, maka bagian lampiran
ditiadakan.
e. Hal
Pada bagian surat ke lima ini berisi hal atau perihal. Hal berfungsi memberikan
petunjuk bagi pembaca mengenai pokok isi surat tersebut.
f. Alamat Dalam
Terdapat dua alamat yang dituliskan dalam surat, yaitu alamat luar (yang ditulis
di sampul surat) dan alamat dalam (yang ditulis di dalam surat). Alamat yang
dimaksud dalam bagian ini merupakan alamat dalam.
g. Salam Pembuka
Bagian surat yang ke tujuh adalah salam pembuka yang berfungsi sebagai sapaan
dalam surat. Salam pembuka ditulis dengan huruf kapital di awal dan diakhiri
oleh tanda koma.
h. Isi Surat
Didalam bagian ini, yaitu bagian isi surat resmi terdapat sub bagian seperti
pembuka, isi dan penutup.
i. Salam Penutup
Salam penutup merupakan penutup surat yang biasanya menggunakan kata
"Hormat saya, Hormat kami, Wassalam". Penulisan salam penutup tersebut
seperti salam pembuka, diawali oleh huruf kapital dan diakhiri oleh tanda koma.
j. Nama Jelas Pengirim dan Tanda tangan
Setelah salam penutup, terdapat nama jelas pengirim surat beserta tanda
tangannya.
k. Tembusan
Tembusan merupakan bagian surat yang menunjukkan pihak atau orang lain yang
juga berhak mendapatkan surat tersebut.
6. Surat Dinas
Surat dinas merupakan surat yang berisi mengenai permasalahan kedinasan
atau pemerintahan dari suatu organisasi atau instansi pemerintah. Surat ini
dapat diarahkan kepada perorangan, instansi lain dan organisasi tertentu.
d. Jenis Surat Berdasarkan Keamanan Pesan Surat
1. Surat Rahasia
Jenis surat rahasia adalah surat yang berisi data atau dokumen ringan.
Hanyalah beberapa pihak tertentu dalam sebuah perusahaan yang dapat
mengetahui isi pesan dalam surat ini. Pada proses pengirimannya, surat ini
diberikan dua buah sampul yang dicantumkan kode Rahasia (R), lalu pada
satu sampul lainnya tidak diberi kode apapun.
2. Surat Sangat Rahasia
Surat sangat rahasia sifatnya lebih berat dari surat rahasia, karena dalam surat
ini berisikan dokumen sangat vital yang berkaitan dengan keamanan suatu
negara. Surat sangat rahasia ini juga diberikan sampul sebanyak 3 buah.
Sampul yang pertama diberikan kode Sangat Rahasia (RS), pada sampul
kedua diberikan kode Sangat Rahasia Sekali (SRS) serta dibubuhi segel
sebagai jaminan keutuhan surat, dan pada sampul yang terluar dibuat sebiasa
mungkin demi menjaga ancaman kejahatan.
3. Surat Konfidensial
Surat konfidensial ini hanya dapat diketahui oleh beberapa pihak pejabat yang
bersangkutan saja, karena terkait isinya yang memerlukan kebijakan dari
pejabat tersebut.
e. Jenis Surat Berdasarkan Ruang Lingkupnya
1. Nota
Nota merupakan jenis surat yang dibuat oleh atasan yang diperuntukkan ke
bawahan atau sebaliknya didalam satu ruang lingkup kantor. Fungsi dari nota
sendiri sebagai sarana untuk meminta data/dokumen atau informasi.
2. Memo
Memo atau biasa juga disebut memorandum adalah jenis surat yang dibuat
atasan dan diperuntukkan juga kepada bawahan atau kepada pejabat yang
setingkat. Surat memo ini berisikan catatan singkat mengenai pokok
permasalahan sebagai pengingat atau pesan yang ingin dibicarakan.
3. Surat Eksternal
Surat eksternal yaitu surat yang dibuat oleh sebuah perusahaan dan ditujukan
kepada perusahaan lainnya. Biasanya surat eksternal berisi tentang
permintaan hubungan kerja sama ataupun transaksi lainnya antar perusahaan.
4. Internal
Surat internal yaitu surat yang dibuat oleh salah satu pihak dalam perusahaan,
kemudian ditujukan kepada pihak lain yang juga bekerja dalam perusahaan
tersebut. Seperti pimpinan memberikan surat mutasi kepada salah satu staf
nya.
f. Jenis Surat Berdasarkan Jumlah Pembaca Surat
1. Surat Edaran
Surat edaran ialah surat yang ditujukan kepada beberapa orang, baik kepada
pihak dalam maupun pihak luar perusahaan yang bersangkutan. Sifat dari
surat ini berisi sesuatu yang hanya diketahui oleh pejabat tertentu. Namun,
ada juga surat edaran yang cakupannya lebih luas.
2. Surat Pengumuman atau Pemberitahuan
Surat pengumuman merupakan surat yang diperuntukkan kepada beberapa
orang, perusahaan, ataupun pihak lain dalam jumlah banyak. Pengumuman
dapat diterapkan dalam ruang lingkup yang kecil maupun yang lebih luas.
3. Surat Personal Target
Personal target berarti ditujukan kepada satu orang, yang mana orang tersebut
adalah nama yang tertera pada alamat suratnya dan sifatnya pun hanya dapat
diketahui oleh penerima yang dituju.
g. Jenis Surat Berdasarkan Proses Penyelesaian Surat
1. Surat Kilat
Surat kilat ini merupakan surat yang pesannya harus dikirimkan ataupun
disampaikan kepada penerima dalam waktu secepat mungkin. Dan juga,
balasan atau tanggapan dari surat tersebut harus dikirimkan kembali dengan
cepat.
2. Surat Segera
Surat segera yaitu surat yang pesannya harus disampaikan sesegera mungkin
kepada penerima surat. Namun tak sama dengan surat kilat, karena balasan
surat segera ini tak perlu dikirimkan kembali dengan cepat.
h. Jenis Surat Berdasarkan Sifat Umum Surat
1. Surat Kaleng
2. Surat Terbuka
3. Surat Tertutup.
2.6 Arsip
Istilah arsip dalam bahasa Belanda disebut Archief. Kata ini juga berasal dari
bahasa Yunani yaitu Arche yang berarti permulaan. Kemudian berkembang menjadi
kata Archia yang berarti catatan. Selanjutnya dari kata Archia berubah lagi menjadi
kata Ar-chieon yang berarti gedung pemerintahan. Sedangkan dalam bahasa Latin
disebut Archium. Pada akhirnya dalam bahasa Indonesia dipakai istilah “Arsip”
sampai sekarang ini (Sedarmayanti, 2001).
Menurut Sutarto (1997) Arsip adalah suatu warkat yang disimpan secara
sistematis karena mempunyai suatu kegunaan agar setiap kali diperlukan dapat secara
cepat ditemukan kembali. Sedangkan Lembaga Administrasi Negara memberikan
rumusan secara lengkap bahwa Arsip adalah segala kertas, buku naskah, gambaran
peta, bagan atau dokumen lainnya. Dimana diartikan sebagai segala macam bentuk
dan sifat aslinya atau salinan serta dengan segala cara penciptaannya oleh suatu
badan sebagai bukti dari pada tujuan organisasi, fungsi-fungsi kebijaksanaan,
keputusan-keputusan, prosedur-prosedur, kegiatan lainnya dari pada pemerintahan
karena informasi yang penting terkandung didalamnya.
Pengertian Arsip di Indonesia, diatur dalam Undang-Undang No.7 tahun
1971 tentang “Ketentuan Pokok Kearsipan” pada Bab I pasal 1 berbunyi sebagai
berikut :
a. Naskah-naskah yang dibuat dan diterima oleh lembaga Negara dan Badan-badan
Pemerintahan dalam bentuk corak apapun, baik dalam keadaan tunggal maupun
berkelompok dalam rangka pelaksanaan kegiatan Pemerintah.
b. Naskah-naskah yang dibuat dan diterima oleh Badan-badan swasta dan/atau
perorangan dalam bentuk corak apapun, baik dalam keadaan tunggal maupun
berkelompok, dalam rangka pelaksanaan kebangsaan.
Dari definisi diatas jelas bahwa Arsip yaitu pusat ingatan bagi seluruh
kegiatan pekerjaan dimana surat atau warkat yang diproses berdasarkan
pengklasifikasian atau penggolongan yang disusun, disimpan dan dipelihara
sedemikian rupa selama masih diperlukan.
Maksud Kearsipan adalah agar tercipta suatu pengertian atau pemahaman tata
cara yang seragam dalam penyelenggaraan arsip di lingkungan perusahaan.
b. Tujuan Kearsipan
1. Arsip menyediakan informasi. Informasi yang terdapat didalam arsip
merupakan sejumlah data terolah dan terpilih yang disusun dengan teratur
sehingga memudahkan instansi apabila membutuhkan informasi instansi tidak
perlu tersandung kemampuan untuk mengingat-ingat sesuatu.
2. Arsip memudahkan pengawasan. Arsip yang tersimpan rapi merupakan
sumber yang sangat berguna untuk mengadakan perbandingan antara hasil
yang diperoleh dengan hasil yang diinginkan instansi dapat menggunakan
standar pelaksanaan untuk mengukur hasil nyata dengan tindakan itu, yaitu
dengan menentukan tingkat efisiensi dan efektifitas manajemen.
3. Arsip merupakan alat untuk membuat kebijaksanaan. Kendatipun kegunaan
arsip dalam membentuk keputusan itu tidak langsung, arsip dianggap sebagai
bahan yang sangat berguna untuk penafsiran analisa dan penentuan pilihan
kebijaksanaan yang akan dilaksanakan. Kebijaksanaan seharusnya disusun
berdasarkan data sehingga dapat melihat kecenderungan sebuah
kebijaksanaan di masa yang akan datang.
4. Arsip memudahkan pembakuan kerja. Arsip yang distandarisasi memberikan
kemudahan yang berarti bagi pemakai arsip itu, karena arsip-arsip
diseragamkan baik bentuknya maupun sistemnya, pemakai arsip itu
mendapatkan kemudahan yang besar dalam penelusuran informasi.
5. Arsip memenuhi undang-undang. Banyak hal yang dimaksudkan kedalam
arus sistem arsip dapat menjadi bahan pembuktian dari sudut hukum
buktibukti itu bukan saja menyuruh instansi untuk menunaikan kewajibannya
tetapi juga merupakan perlindungan bagi instansi ataupun sebuah perusahaan.
2.7 PHP
Hypertext Preprocessor (PHP) adalah salah satu bahasa server-side yang
didesain khusus untuk aplikasi web. PHP dapat disisipkan diantara bahasa HTML
dan karena bahasa server-side, maka bahasa PHP akan dieksekusi di server, sehingga
yang dikirimkan ke browser adalah hasil jadi dalam bentuk HTML dan kode PHP
tidak akan terlihat (Sutarman, 2003).
PHP merupakan bahasa pemrograman yang digunakan secara luas untuk
penanganan pembuatan dan pengembangan sebuah situs web. PHP merupakan salah
satu bahasa pemrograman web yang masih muda namun telah mengalami
perkembangan yang cukup signifikan dan telah banyak digunakan oleh user dalam
membuat sebuah aplikasi web, baik perseorangan maupun perusahaan.
2.8 HTML
Hypertext Markup Language (HTML) adalah suatu bahasa yang digunakan
untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung
pada suatu platform tertentu (platform independent). Dokumen HTML adalah suatu
dokumen teks biasa, dan disebut sebagai markup language karena mengandung
tanda-tanda (tag) tertentu yang digunakan untuk menentukan tampilan suatu teks dan
tingkat kepentingan dari teks tersebut dalam suatu dokumen (Sutarman, 2003).
Untuk menjalankan dokumen HTML harus menggunakan program khusus
yang disebut web browser atau browser. HTML adalah merupakan pengembangan
di dalam peramban, dan karakteristik ini dapat diubah atau ditingkatkan dengan
menggunakan tambahan halaman web desainer CSS. Banyak elemen teks ditemukan
di laporan teknis ISO pada tahun 1988 TR 9537 Teknik untuk menggunakan SGML,
yang pada gilirannya meliputi fitur bahasa format teks awal seperti yang digunakan
oleh komandan RUNOFF dikembangkan pada awal 1960-an untuk sistem operasi,
perintah-perintah format ini berasal dari perintah yang digunakan oleh pengetik
untuk memformat dokumen CTSS secara manual. Namun, konsep SGML dari markah
umum didasarkan pada unsur-unsur dari pada hanya efek cetak, dengan pemisahan
struktur dan markah juga, HTML telah semakin bergerak ke arah ini dengan CSS.
2.9 MySQL
My Structured Query Language (MySQL) adalah sebuah implementasi dari
sistem manajemen basis data relasional (RDBMS) yang didistribusikan secara gratis
di bawah lisensi General Public License (GPL). Setiap pengguna dapat secara bebas
menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh
dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan
turunan salah satu konsep utama dalam basis data yang telah ada sebelumnya
Structured Query Language (SQL). SQL adalah sebuah konsep pengoperasian basis
data, terutama untuk pemilihan atau seleksi dan pemasukan data, yang
memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.
miniSQL (mSQL). Namun mSQL versi 1 ini juga memiliki kekurangan, yaitu tidak
mendukung indexing, sehingga performanya tidak terlalu bagus.
Dengan tujuan memperbaiki performa mSQL, Monty mencoba menghubungi
David Hughes (programmer yang mengembangkan mSQL) untuk menanyakan
apakah ia tertarik mengembangkan sebuah konektor di mSQL yang dapat
dihubungkan dengan UNIREG ISAM sehingga mendukung indexing. Namun saat itu
Hughes menolak, dengan alasan sedang mengembangkan teknologi indexing yang
independen untuk mSQL versi 2.
Dikarenakan penolakan tersebut, David Hughes, TcX dan juga Monty
akhirnya memutuskan untuk merancang dan mengembangkan sendiri konsep sistem
database baru. Sistem ini merupakan gabungan dari UNIREG dan mSQL yang source
codenya dapat bebas digunakan. Sehingga pada May 1995, sebuah RDBMS baru,
yang dinamakan MySQL dirilis.
David Axmark dari Detron HB, rekanan TcX mengusulkan agar MySQL di
‘jual’ dengan model bisnis baru. Ia mengusulkan agar MySQL dikembangkan dan
dirilis dengan gratis. Pendapatan perusahaan selanjutnya di dapat dari menjual jasa
“support” untuk perusahaan yang ingin mengimplementasikan MySQL. Konsep
bisnis ini sekarang dikenal dengan istilah Open Source.
Pada tahun 1995 itu juga, TcX berubah nama menjadi MySQL AB, dengan
Michael Widenius, David Axmark dan Allan Larsson sebagai pendirinya. Titel “AB”
di belakang MySQL, adalah singkatan dari “Aktiebolag”, istilah PT (Perseroan
Terbatas) bagi perusahaan Swedia.
Berikut ini adalah beberapa kelebihan dari MySQL, antara lain yaitu : a.
Berlisensi GPL dan Multi Platform
Berikut ini adalah beberapa kekurangan dari MySQL, antara lain yaitu :
a. Banyak mengklaim kurang support terhadap pemrograman Visual/Desktop,
sehingga sedikit yang menggunakan untuk aplikasi visual
b. Karena berlisensi GPL sehingga sulit mendapatkan update untuk problem yang
urgent, sehingga perusahaan skala menengah keatas lebih memilih RDBMS
berlisensi dan disupport seperti Oracle dan MS SQL Server
c. Sangat diragukan dalam menangani data skala besar, karena ada beberapa opini
yang pro dan kontra terhadap kemampuan MySQL terhadap pengolahan data
yang besar.
2.10 XAMPP
XAMPP merupakan perangkat lunak bebas, yang mendukung banyak sistem
operasi, merupakan kompilasi dari beberapa program. XAMPP adalah perangkat
yang menggabungkan tiga aplikasi kedalam satu paket, yaitu Apache, MySQL, dan
PHPMyAdmin. XAMPP merupakan salah satu paket installasi Apache, PHP dan
MySQL instant yang dapat kita gunakan untuk membantu proses installasi ketiga
produk tersebut. Program ini tersedia dalam GNU General Public License dan bebas,
merupakan web server yang mudah untuk digunakan.
2.11 PHPMyAdmin
PHPMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa
pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui
WWW (World Wide Web). PHPMyAdmin mendukung berbagai operasi MySQL,
diantaranya mengelola basis data, tabel-tabel, bidang (fields), relasi (relations),
indeks, pengguna (users), perizinan (permissions), dan lain sebagainya dengan
mudah, tanpa harus menghafal baris perintahnya. Pada dasarnya, mengelola basis
data dengan MySQL harus dilakukan dengan cara mengetikkan baris-baris perintah
yang sesuai (command line) untuk setiap maksud tertentu.
2.12 Sublime
Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat
berjalan diberbagai platform operating system dengan menggunakan teknologi
Phyton API. Terciptanya aplikasi ini terinspirasi dari aplikasi Vim, Aplikasi ini
sangatlah fleksibel dan powerfull. Fungsionalitas dari aplikasi ini dapat
dikembangkan dengan menggunakan sublime packages. Sublime Text bukanlah
aplikasi opensource dan juga aplikasi yang dapat digunakan dan didapatkan secara
2.13 Flowchart
Flowchart (bagan alir) adalah bagan (chart) yang menunjukkan alir (flow) di
dalam program atau prosedur sistem secara logika. Bagan alir (flowchart) digunakan
terutama untuk alat bantu komunikasi dan untuk dokumentasi.
Indrajani (2011), flowchart merupakan penggambaran secara grafik dari
langkah-langkah dan urutan prosedur program yang biasanya mempermudah
penyelesaian masalah.
Bagan alir dokumen (document flowchart) atau disebut juga bagan alir formulir
(form flowchart) atau paperwork flowchart merupakan bagan alir yang
menunjukkan arus dari laporan dan formulir termasuk tembusan-tembusannya.
c. Schematic Flowchart
Bagan alir skematik (schematic flowchart) merupakan bagan alir yang mirip
dengan bagan alir sistem, yaitu untuk menggambarkan prosedur di dalam sistem.
Perbedaannya adalah, bagan alir skematik selain menggunakan simbol-simbol
bagan alir sistem, juga menggunakan gambar-gambar komputer dan peralatan
lainnya yang digunakan. Maksud penggunaan gambar-gambar ini adalah untuk
memudahkan komunikasi kepada orang yang kurang paham dengan
simbolsimbol bagan alir. Penggunaan gambar-gambar ini memudahkan untuk
dipahami, tetapi sulit dan lama dalam proses menggambarnya.
d. Program Flowchart
Bagan alir program (program flowchart) merupakan bagan yang menjelaskan
secara rinci langkah-langkah dari proses program. Bagan alir program dibuat dari
derivikasi bagan alir sistem. Bagan alir program dapat terdiri dari dua macam,
yaitu bagan alir logika program (program logic flowchart) dan bagan alir
program komputer terinci (detailed computer program flowchart).
1. Bagan alir logika program digunakan untuk menggambarkan tiap-tiap
langkah di dalam program komputer secara logika. Bagan alir logika program
ini dipersiapkan oleh analis sistem.
2. Bagan alir program komputer terinci digunakan untuk menggambarkan
instruksi-instruksi program komputer secara terinci. Bagan alir ini
dipersiapkan oleh pemrogram.
e. Process Flowchart
Bagan alir proses (process flowchart) merupakan bagan alir yang banyak
digunakan di teknik industri. Bagan alir ini juga berguna bagi analis sistem untuk
menggambarkan proses dalam suatu prosedur.
2.14 Flowmap
Pada tahun 1990 flowmap mulai dikembangkan dengan program sederhana
untuk aliran barang maupun aliran manusia didalam menggambarkan peta. Program
flowmap dikembangkan oleh Tom De Jong (Universitas Utrecht Belanda). Flowmap
adalah gabungan peta dan flowchart, yang menunjukan pergerakan benda dari satu
lokasi ke lokasi lain. Flowmap menolong analisis dan programmer untuk
memecahkan masalah ke dalam segmen-segmen yang lebih kecil dan menolong
dalam menganalisis alternatif-alternatif lain dalam pengoprasian.
Hal yang dapat dilakukan untuk pembuatan diagram flowmap yang baik adalah
dengan cara seperti berikut :
a. Pembuatan flowmap untuk pertama kalinya adalah membagi-bagi diagram ke
dalam kolom-kolom
b. Setiap kolom diberi nama entitas yang terlibat
c. Diagram dibaca dari atas ke bawah dan dari kiri ke kanan
d. Setiap kolom terdapat siklus pengolahan data input-proses-output
e. Ketika menyeberangi garis yang memisahkan antara satu kolom dengan kolom
lain, gunakan simbol konektor
f. Cara mengakses file komputer adalah melalui simbol proses komputer
g. Prosedur kerja yang kejadiannya tidak bersamaan dapat digambarkan melalui
flowmap yang terpisah.
2.15 ERD
Menurut Brady dan Loonam (2010), Entity Relationship Diagram (ERD)
merupakan teknik yang digunakan untuk memodelkan kebutuhan data dari suatu
organisasi, biasanya oleh System Analys dalam tahap analisis persyaratan proyek
pengembangan sistem. Sementara seolah-olah teknik diagram atau alat peraga
memberikan dasar untuk desain database relasional yang mendasari sistem informasi
yang dikembangkan. ERD bersama-sama dengan detail pendukung merupakan model
data yang pada gilirannya digunakan sebagai spesifikasi untuk database.
Dapat disimpulkan bahwa ERD secara umum merupakan suatu model untuk
menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar
data yang mempunyai hubungan antar relasi. ERD memodelkan struktur data dan
hubungan antar data.
2.16 DFD
Menurut Andri Kristanto Data Flow Diagram (DFD) adalah suatu model
logika data atau proses yang dibuat untuk menggambarkan dari mana asal data dan
ke mana tujuan data yang keluar dari sistem, di mana data tersimpan, proses apa yang
menghasilkan data tersebut dan interaksi antara data tersimpan dan proses yang
dikenakan pada data tersebut.
Menurut Tata Sutabri DFD adalah suatu network yang menggambarkan suatu
sistem otomatis atau komputerisasi, manualisasi atau gabungan dari keduanya, yang
penggambarannya disusun di dalam bentuk kumpulan komponen sistem yang saling
berhubungan sesuai dengan aturan.
kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD
adalah alat pembuatan model yang memberikan penekanan pada fungsi sistem.
c. Sebagai alat perancangan sistem yang berorientasi pada alur data dengan
menggunakan konsep dekomposisi dapat digunakan untuk penggambaran analisa
maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem
kepada pemakai maupun pembuat program.
Mencatat
data surat
masuk
Database
Surat masuk
surat masuk
Start
Login/Input
Username dan Password
Cek
Tidak
Login
Y/T
Ya
Halaman Utama
Tidak
Logout
Ya
End
Gambar 3.1 Flowchart aplikasi pengarsipan surat masuk dan surat keluar
b. Diagram konteks
0
Aplikasi Pengarsipan
User Surat Masuk dan
Surat Keluar
Gambar 3.2 Diagram konteks aplikasi pengarsipan surat masuk dan surat keluar
c. DFD Level 0
Pada level ini terdapat empat proses utama yaitu proses login, proses surat
masuk, proses surat keluar dan proses laporan.
1. Login, proses ini adalah proses login yang dilakukan oleh user dengan
menginput username dan password sehingga user dapat mengelola aplikasi.
2. Surat masuk, proses ini adalah proses pendataan yang dilakukan oleh user
terhadap data dari surat masuk dengan diarsipkan untuk keperluan tertentu.
3. Surat keluar, proses ini adalah proses pendataan yang dilakukan oleh user
terhadap data dari surat yang akan keluar dengan diarsipkan untuk keperluan
tertentu.
4. Laporan, proses ini adalah proses mencetak data yang dilakukan oleh user
terhadap data surat masuk dan data surat keluar yang telah di input sebagai
laporan untuk keperluan tertentu.
Input username
dan password 1.0 verifikasi
D1 User
Login
Gambar 3.3 DFD level 0 aplikasi pengarsipan surat masuk dan surat keluar
Gambar 3.5 DFD level 1 proses 3 aplikasi pengarsipan surat masuk dan surat keluar
jenis_surat
tgl_terima pengirim
tgl_surat pengolah
no_surat keterangan
menginput
1
username* User password
1
menginput
M
no_agenda* file_surat
Surat Keluar
kd_surat keterangan
tgl_surat dari
jenis_surat tujuan
Gambar 3.6 ERD aplikasi pengarsipan surat masuk dan surat keluar
tgl_surat Date -
no_agenda Varchar 20
kd_surat Varchar 20
jenis_surat Varchar 20
Tujuan Varchar 100
Dari Varchar 30
Keterangan Varchar 200
file_surat Varchar 30
Login
Halaman Utama
Laporan Laporan
Surat Masuk Surat Keluar
Perancangan
b. login user
Masukkan username
Masukkan password
LOGIN
Surat Masuk
No. Agenda
No. Surat
Tanggal
Surat
Tanggal
Terima
Jenis Surat
Pengirim
Pengolah
Keterangan
Perancangan
Surat Keluar
No. Agenda
Kode Surat
Tanggal Surat
Jenis Surat
Tujuan
Dari
Keterangan
Perancangan
Keluar keluar
Klik Menu Logout Pesan konfirmasi: Pilihan aksi sesuai Berhasil
yang diharapkan
Apakah anda yakin
ingin keluar? Jika
memilih Ok maka
keluar dari aplikasi dan
berpindah ke form
login. Jika Cancel maka
tetap pada halaman
menu
utama
Klik Simpan Data yang telah di input Pilihan aksi sesuai Berhasil
tersimpan dan berpindah yang diharapkan
ke halaman data surat
masuk
Klik Reset Data yang telah di input Pilihan aksi sesuai Berhasil
akan di set ulang yang diharapkan
Klik Button Ubah Menyimpan data yang Pilihan aksi sesuai Berhasil
yang diharapkan
telah diperbaharui
sebelumnya dan
berpindah ke halaman
data surat masuk
Klik Icon Hapus Menghapus data surat Pilihan aksi sesuai Berhasil
masuk yang diharapkan
Klik Simpan Data yang telah di input Pilihan aksi sesuai Berhasil
yang diharapkan
tersimpan dan berpindah
ke halaman data surat
keluar
Klik Reset Data yang telah di input Pilihan aksi sesuai Berhasil
akan di set ulang yang diharapkan
Klik Button Ubah Menyimpan data yang Pilihan aksi sesuai Berhasil
yang diharapkan
telah diperbaharui
sebelumnya dan
berpindah ke halaman
data surat keluar
Klik Icon Hapus Menghapus data surat Pilihan aksi sesuai Berhasil
keluar yang diharapkan
5.1 Kesimpulan
Berdasarkan hasil dari analisis perancangan dan pengujian program maka
dapat disimpulkan bahwa :
a. Dengan adanya aplikasi pengarsipan surat masuk dan surat keluar maka
diharapkan dapat membantu proses pengarsipan pada Dinas Kelautan dan
Perikanan Provinsi Sumatera Utara secara terkomputerisasi, yaitu dengan adanya
fitur untuk menambah dan mengubah data surat serta mempermudah memperoleh
data yang diinginkan.
b. Meningkatkan produktifitas kerja khususnya dari segi proses pengarsipan surat
masuk dan surat keluar dan pembuatan laporan akan menjadi lebih cepat dan
akurat.
5.2 Saran
Adapun beberapa saran yang penulis harapkan agar dapat meningkatkan
efisiensi dan efektifitas aplikasi ini dimasa yang akan datang antara lain :
a. Aplikasi yang dirancang oleh penulis saat ini masih sangat sederhana, untuk
pengembangan selanjutnya diharapkan dapat membuat perancangan yang lebih
inovatif dengan desain antar muka yang lebih menarik.
b. Laporan surat masuk dan surat keluar sebaiknya dilakukan secara berskala agar
pengecekan laporan surat masuk dan surat keluar dapat dilakukan secara
maksimal.
66
Agung, 2016. Metode Pengembangan Sistem SDLC (System Development Life Cycle).
http://agung-technology.blogspot.com/2016/05/metode-pengembangan-sistem
-sdlc-system.html di akses 2 April 2018.
Ali U, 2017. Pengertian Diagram Konteks dan Data Flow Diagram (DFD).
http:// www. pengertianpakar.com /2017/04/ pengertian-diagram-konteksdan-
data-flow-diagram-dfd.html di akses 2 April 2018.
Kadir A, 2003. Pemrograman WEB Mencakup: HTML, CSS, JavaScript & PHP.
Andi Yogyakarta.
Refo R, 2016. Pengertian Surat, Jenis-Jenis Surat beserta Fungsi dan Contohnya.
https://deweezz.com/pengertian-surat-dan-jenis-jenis-surat/ di akses 30 Maret
2018.
Sutarman, 2003. Membangun Aplikasi Web dengan PHP dan MySQL. Graha Ilmu.
Yogyakarta.
Sutarto, 1999. Sekretaris dan Tata Warkat. Gajah Mada Univercity Press. Yogyakarta.
LISTING PROGRAM
1. index.php
<!DOCTYPE html>
<html xml:lang="en" lang="en-AU">
<head>
<title>Login - Aplikasi Arsip Surat</title>
<style> *{ padding: 0; margin:
0; } body:before{ content: "";
position:fixed; z-index: -1;
background-size: cover; background-
position: center bottom; display:
block;
background-image: url(images/bg_login.jpg);
height: 100%; width: 100%;
filter:blur(5px); -webkit-filter:
blur(7px);
} input[type=text]{ width:
65%; text-align: center;
font-size: 15px; padding:
10px 10px; margin: 2px 0;
box-sizing: border-box;
border: 3px solid #cccccc;
-webkit-transition: 0.5s;
transition: 0.5s;
background: transparent;
outline: none;
}
input[type=text]:focus{ bor
der: 3px solid #003366;
border-radius: 7px;
}
input[type=password]
{ width: 65%; text-
align: center; font-size:
15px; padding: 10px 10px;
margin: 2px 0; box-
sizing:border-box; border:
3px solid #cccccc;
-webkit-transition: 0.5s;
transition: 0.5s;
background: transparent;
outline: none;
}
input[type=password]:focus{ bor
der: 3px solid #003366; border-
radius: 7px;
}
</style>
</head>
<body>
<center style="padding-top:12%">
<big><h1><p style="color:#ffffff;
fontfamily:monospace"><img
src="images/indexnm.png" width="2.5%"> Aplikasi
Arsip Surat</p></h1></big>
<br><br>
<form action="cek-login.php" method="post">
<table>
<tr>
<td><input style="color:white;
marginleft:17.4%; font-family:monospace"
placeholder="Masukkan username" type="text"
name="username" size="70%" required></td> </tr>
<tr>
<td><input style="color:white;
marginleft:17.4%; font-
family:monospace;background:transparent"
placeholder="Masukkan password" type="password"
name="password" size="70%" required></td>
</tr>
<tr>
<td><button style="margin-left:17.4%;
margintop:1.5%; width:65%;font-
family:monospace;height:130%;background:#cccccc"
type="submit" name="login"><h3><img src="images/key.bmp"
width="4%"> LOGIN</h3></td>
</tr>
</table>
</form>
</center>
</body>
</html>
2. cek-login.php
<?php
include "koneksi.php";
if ($benar > 0)
{ session_start();
$_SESSION['username']=$cek['username'];
$_SESSION['password']=$cek['password'];
3. koneksi.php
<?php
$server = "localhost";
$username = "root";
$password = "";
$database = "dbarsip";
4. home.php
<!DOCTYPE html>
<html xml:lang="en" lang="en-AU">
<head>
<title>Home - Aplikasi Arsip Surat</title>
<link rel="stylesheet" type="text/css"
href="css/style.css">
</head>
<body>
<div id="siteBox">
<div id="header">
<img src="images/corner_tl.gif" alt="corner"
style="float:left;" />
<img src="images/corner_tr.gif" alt="corner"
style="float:right;" /> <span class="title">
<span class="white"><img src="images/indexnm.png">
ARSIP SURAT | </span>DINAS KELAUTAN DAN PERIKANAN
<span class="subTitle">Provinsi Sumatera Utara</span>
</span>
</div>
<div id="content">
<div id="contentLeft">
<p>
<span class="header"><img src="images/index.jpg">
Kelola</span>
</p>
<p>
<a href="home.php" title="Home"
class="menuItem">Home</a>
<a href="masuk.php" title="Surat Masuk" cla
ss="menuItem">Surat Masuk</a>
<div id="contentRight">
<p>
<span class="header"><img src="images/Home.gif">
Home</span>
<span class="header">
<br>
Hai User, Selamat Datang di halaman Aplikasi
Pengarsipan Surat Masuk dan Surat Keluar
<br>
Silahkan klik menu pilihan yang berada di
sebelah kiri untuk mengelola arsip surat.
<br>
<br>
</span>
</p>
<div id="footer">
<div id="footerLeft"></div>
<div id="footerRight"> </div>
</div>
</div>
</body>
</html>
5. masuk.php
<!DOCTYPE html>
<html xml:lang="en" lang="en-AU">
<head>
<title>Home - Aplikasi Arsip Surat</title>
<link rel="stylesheet" type="text/css"
href="css/style.css">
</head>
<body>
<div id="siteBox">
<div id="header">
<img src="images/corner_tl.gif" alt="corner"
style="float:left;" />
<img src="images/corner_tr.gif" alt="corner"
style="float:right;" /> <span class="title">
<span class="white"><img src="images/indexnm.png">
ARSIP SURAT | </span>DINAS KELAUTAN DAN PERIKANAN
<span class="subTitle">Provinsi Sumatera Utara</span>
</span>
</div>
<div id="content">
<div id="contentLeft">
<p>
<span class="header"><img src="images/index.jpg">
Kelola</span>
</p>
<p>
<a href="home.php" title="Home"
class="menuItem">Home</a>
<a href="masuk.php" title="Surat Masuk"
class="menuItem">Surat Masuk</a>
<a href="keluar.php" title="Surat Keluar"
class="menuItem">Surat Keluar</a>
</p>
<p>
<span class="header"><img src="images/index.jpg">
Cetak</span>
</p>
<p>
<a href="cetak_masuk.php" title="Laporan Surat
Masuk" class="menuItem">Laporan Surat Masuk</a>
<a href="cetak_keluar.php" title="Laporan Surat
Keluar" class="menuItem">Laporan Surat Keluar</a>
</p>
<p>
<span class="header"><img src="images/index.jpg">
Aksi</span>
</p>
<p>
<a href="index.php" title="Logout" class="menuItem"
onClick="return confirm('Apakah anda yakin ingin
keluar?')">Logout</a>
</p>
<div class="bottomCorner"> <img
style="margin-left:90%;"
src="images/corner_sub_br.gif" alt="bottom corner"
class="vBottom"/>
</div>
</div>
<div id="contentRight">
<p>
<span class="header"><img src="images/n.png"> Data
Surat Masuk</span>
</p>
</tr>
<tr>
<th>No.</th>
<th>No. Agenda</th>
<th>No. Surat</th>
<th>Pengirim</th>
<th>Pengolah</th>
<th colspan="3">Action</th>
</tr>
</thead>
<tbody> <?
php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip");
$halaman = 5;
$page = isset($_GET["halaman"]) ? (int)$_GET["halaman"] :
1;
$mulai = ($page>1) ? ($page * $halaman) - $halaman : 0;
$result = mysql_query("SELECT * FROM tbsurat_masuk");
$total = mysql_num_rows($result);
$pages = ceil($total/$halaman);
$query = mysql_query("select * from tbsurat_masuk LIMIT
$mulai, $halaman")or die(mysql_error);
$no =$mulai+1;
while ($data = mysql_fetch_assoc($query)) {
?>
<center>
<tr style="text-align:center">
<center><td><?php echo $no++; ?></td> </center>
<td><?php echo $data['no_agenda']; ?></td>
<td><?php echo $data['no_surat']; ?></td>
<td><?php echo $data['pengirim']; ?></td>
<td><?php echo $data['pengolah']; ?></td>
<td><?php echo "<a
href=detail_masuk.php?no_agenda=$data[no_agenda]
title=Lihat class=view></a>"?></td>
<td><?php echo "<a
href=edit_masuk.php?no_agenda=$data[no_agenda] title=Edit
class=update></a>"?></td> <td><?php echo "<a
href=hapus_masuk.php?no_agenda=$data[no_agenda] title=Hapus
class=erase></a>"?></td>
</tr></center>
<?php } ?>
<tr style="background:#80ff00">
<th colspan="12"></th>
</tr>
</tbody>
</table>
</center></form>
<div id="footer">
<div id="footerLeft"></div>
<div id="footerRight"> </div>
</div>
</div>
</body>
</html>
6. keluar.php
<!DOCTYPE html>
<html xml:lang="en" lang="en-AU">
<head>
<title>Home - Aplikasi Arsip Surat</title>
<link rel="stylesheet" type="text/css"
href="css/style.css">
</head>
<body>
<div id="siteBox">
<div id="header">
<img src="images/corner_tl.gif" alt="corner"
style="float:left;" />
<img src="images/corner_tr.gif" alt="corner"
style="float:right;" /> <span class="title">
<span class="white"><img src="images/indexnm.png">
ARSIP SURAT | </span>DINAS KELAUTAN DAN PERIKANAN
<span class="subTitle">Provinsi Sumatera Utara</span>
</span>
</div>
<div id="content">
<div id="contentLeft">
<p>
<span class="header"><img src="images/index.jpg">
Kelola</span>
</p>
<p>
<a href="home.php" title="Home"
class="menuItem">Home</a>
<a href="masuk.php" title="Surat Masuk"
class="menuItem">Surat Masuk</a>
<a href="keluar.php" title="Surat Keluar"
class="menuItem">Surat Keluar</a>
</p>
<p>
<span class="header"><img src="images/index.jpg">
Cetak</span>
</p>
<p>
<a href="cetak_masuk.php" title="Laporan Surat
Masuk" class="menuItem">Laporan Surat Masuk</a>
<a href="cetak_keluar.php" title="Laporan Surat
Keluar" class="menuItem">Laporan Surat Keluar</a>
</p>
<p>
<span class="header"><img src="images/index.jpg">
Aksi</span>
</p>
<p>
<a href="index.php" title="Logout" class="menuItem"
onClick="return confirm('Apakah anda yakin ingin
keluar?')">Logout</a>
</p>
<div class="bottomCorner"> <img
style="margin-left:90%;"
src="images/corner_sub_br.gif" alt="bottom corner"
class="vBottom"/>
</div>
</div>
<div id="contentRight">
<p>
<span class="header"><img src="images/keluar.png">
Data Surat Keluar</span>
</p>
<tr>
<td width="76.2%"><b><a href="add_keluar.php"
style="color:#000;margin-left:10.8%;border:0"><img
src="images/Create.bmp" width="2.38%"> Tambah Surat
Keluar</a></b></td>
<td><input type="text" name="cari" size="25"
placeholder=" Cari berdasarkan no.agenda"></td>
<td><input title="Cari Surat Keluar" type="submit"
id="submit" style="background:#80ff00" value="Cari"></td>
</tr>
</table>
<center>
<table border="2" width="85%">
<thead>
<tr style="background:#80ff00">
<th colspan="12"></th>
</tr>
<tr>
<th>No.</th>
<th>No. Agenda</th>
<th>Kode Surat</th>
<th>Tujuan</th>
<th>Dari</th>
<th colspan="3">Action</th>
</tr>
</thead>
<tbody> <?php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip");
$halaman = 5;
$page = isset($_GET["halaman"]) ? (int)$_GET["halaman"] :
1;
$mulai = ($page>1) ? ($page * $halaman) - $halaman : 0;
$result = mysql_query("SELECT * FROM tbsurat_keluar");
$total = mysql_num_rows($result);
$pages = ceil($total/$halaman);
$query = mysql_query("select * from tbsurat_keluar LIMIT
$mulai, $halaman")or die(mysql_error);
$no =$mulai+1;
while ($data = mysql_fetch_assoc($query)) {
?>
<tr style="text-align:center">
<center><td><?php echo $no++; ?></td> </center>
<td><?php echo $data['no_agenda']; ?></td>
<td><?php echo $data['kd_surat']; ?></td>
<td><?php echo $data['tujuan']; ?></td>
<td><?php echo $data['dari']; ?></td>
<td><?php echo "<a
href=detail_keluar.php?no_agenda=$data[no_agenda]
title=Lihat class=view></a>"?></td>
<td><?php echo "<a
href=edit_keluar.php?no_agenda=$data[no_agenda] title=Edit
class=update></a>"?></td> <td><?php echo "<a
href=hapus_keluar.php?no_agenda=$data[no_agenda]
title=Hapus class=erase></a>"?></td>
</tr>
<?php } ?>
<tr style="background:#80ff00">
<th colspan="12"></th>
</tr>
</tbody>
</table>
</center></form>
<center><table width="84.5%" style="border:0px ">
<tr>
<td style="color:#000" width="50%"><small>Jumlah:
<?php echo $total; ?> surat keluar</small></td>
<td><small>Page:<?php for ($i=1; $i<=$pages ;
$i++){ ?>
<a style="border:0; color:#000"
href="?halaman=<?php echo $i; ?>"><?php echo $i; ?></a>
<?php } ?></small></td>
</tr>
</table></center>
<br>
<p>
<span class="header"></span>
</p>
<img src="images/corner_sub_bl.gif" alt="bottom
corner" class="vBottom"/>
</div>
</div>
<div id="footer">
<div id="footerLeft"></div>
<div id="footerRight"> </div>
</div>
</div>
</body>
</html>
7. add_masuk.php
<!DOCTYPE html>
<html xml:lang="en" lang="en-AU">
<head>
<div id="content">
<div id="contentLeft">
<p>
<span class="header"><img src="images/index.jpg">
Kelola</span>
</p>
<p>
<a href="home.php" title="Home"
class="menuItem">Home</a>
<a href="masuk.php" title="Surat Masuk"
class="menuItem">Surat Masuk</a>
<a href="keluar.php" title="Surat Keluar"
class="menuItem">Surat Keluar</a>
</p>
<p>
<span class="header"><img src="images/index.jpg">
Cetak</span>
</p>
<p>
<a href="cetak_masuk.php" title="Laporan Surat
Masuk" class="menuItem">Laporan Surat Masuk</a>
<a href="cetak_keluar.php" title="Laporan Surat
Keluar" class="menuItem">Laporan Surat Keluar</a>
</p>
<p>
<span class="header"><img src="images/index.jpg">
Aksi</span>
</p>
<p>
<a href="index.php" title="Logout" class="menuItem"
onClick="return confirm('Apakah anda yakin ingin
keluar?')">Logout</a>
</p>
<div id="contentRight">
<p>
<span class="header"><img src="images/n.png">
Tambah Surat Masuk</span>
</p>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip");
if (isset($_POST['submit'])) {
$no_agenda = $_POST['id'];
$no_surat = $_POST['no_surat'];
$tgl_surat = $_POST['tgl'];
$tgl_terima = $_POST['terima'];
$jenis_surat = $_POST['jenis'];
$pengirim = $_POST['pengirim'];
$pengolah = $_POST['olah'];
$keterangan = $_POST['ket'];
$file_surat = $_POST['file'];
('$no_agenda','$no_surat','$tgl_surat','$tgl_terima','$jenis_
s urat','$pengirim','$pengolah',
'$keterangan','$file_surat')";
$query = mysql_query($sql) or die(mysql_error());
if ($query) {
echo "<script>window.alert('Surat masuk berhasil
di tambah!');
window.location=(href='masuk.php')</script>";
} }?>
<p>
<span class="header"></span>
</p>
<img src="images/corner_sub_bl.gif" alt="bottom
corner" class="vBottom"/>
</div>
</div>
<div id="footer">
<div id="footerLeft"></div>
<div id="footerRight"> </div>
</div>
</div>
</body>
</html>
8. add_keluar.php
<!DOCTYPE html>
<html xml:lang="en" lang="en-AU">
<head>
<title>Home - Aplikasi Arsip Surat</title>
<link rel="stylesheet" type="text/css"
href="css/style.css">
</head>
<body>
<div id="siteBox">
<div id="header">
<img src="images/corner_tl.gif" alt="corner"
style="float:left;" />
<img src="images/corner_tr.gif" alt="corner"
style="float:right;" /> <span class="title">
<span class="white"><img src="images/indexnm.png">
ARSIP SURAT | </span>DINAS KELAUTAN DAN PERIKANAN
<span class="subTitle">Provinsi Sumatera Utara</span>
</span>
</div>
<div id="content">
<div id="contentLeft">
<p>
<span class="header"><img src="images/index.jpg">
Kelola</span>
</p>
<p>
<a href="home.php" title="Home"
class="menuItem">Home</a>
<a href="masuk.php" title="Surat Masuk"
class="menuItem">Surat Masuk</a>
<a href="keluar.php" title="Surat Keluar"
class="menuItem">Surat Keluar</a>
</p>
<p>
<span class="header"><img src="images/index.jpg">
Cetak</span>
</p>
<p>
<a href="cetak_masuk.php" title="Laporan Surat
Masuk" class="menuItem">Laporan Surat Masuk</a>
<a href="cetak_keluar.php" title="Laporan Surat
<div id="contentRight">
<p>
<span class="header"><img src="images/keluar.png">
Tambah Surat Keluar</span>
</p>
</tr>
<tr>
<td>Keterangan</td>
<td>:</td>
<td><textarea type="text" name="ket" rows="5"
cols="35" required></textarea></td> </tr>
<tr>
<td>File Surat</td>
<td>:</td>
<td><input type="file" name="file"
required></td> </tr>
</table></center>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip");
if (isset($_POST['submit'])) {
$no_agenda = $_POST['id'];
$kd_surat = $_POST['kode'];
$tgl_surat = $_POST['tanggal'];
$jenis_surat = $_POST['jenis'];
$tujuan = $_POST['tujuan'];
$dari = $_POST['dari'];
$keterangan = $_POST['ket'];
$file_surat = $_POST['file'];
('$no_agenda','$kd_surat','$tgl_surat','$jenis_surat','$tuj
uan','$dari','$keterangan','$file_surat')";
$query = mysql_query($sql) or die(mysql_error());
if ($query) {
echo "<script>window.alert('Surat keluar berhasil
di tambah!');
window.location=(href='keluar.php')</script>";
} }?>
<p>
<span class="header"></span>
</p>
<img src="images/corner_sub_bl.gif" alt="bottom
corner" class="vBottom"/>
</div>
</div>
<div id="footer">
<div id="footerLeft"></div>
<div id="footerRight"> </div>
</div>
</div>
</body>
</html>
9. cari_keluar.php
<!DOCTYPE html>
<html xml:lang="en" lang="en-AU">
<head>
<title>Home - Aplikasi Arsip Surat</title>
<link rel="stylesheet" type="text/css"
href="css/style.css">
</head>
<body>
<div id="siteBox">
<div id="header">
<img src="images/corner_tl.gif" alt="corner"
style="float:left;" />
<img src="images/corner_tr.gif" alt="corner"
style="float:right;" /> <span class="title">
<span class="white"><img src="images/indexnm.png">
ARSIP SURAT | </span>DINAS KELAUTAN DAN PERIKANAN
<span class="subTitle">Provinsi Sumatera Utara</span>
</span>
</div>
<div id="content">
<div id="contentLeft">
<p>
<span class="header"><img src="images/index.jpg">
Kelola</span>
</p>
<p>
<a href="home.php" title="Home"
class="menuItem">Home</a>
<a href="masuk.php" title="Surat Masuk"
class="menuItem">Surat Masuk</a>
<a href="keluar.php" title="Surat Keluar"
class="menuItem">Surat Keluar</a>
</p>
<p>
<span class="header"><img src="images/index.jpg">
Cetak</span>
</p>
<p>
<a href="cetak_masuk.php" title="Laporan Surat
Masuk" class="menuItem">Laporan Surat Masuk</a>
<div id="contentRight">
<p>
<span class="header"><img src="images/keluar.png">
Data Surat Keluar</span>
</p>
<th colspan="3">Action</th>
</tr>
</thead>
<tbody> <?php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip"); $nomor =
0;
$cari = $_POST['cari'];
$tampil = mysql_query("SELECT * FROM `tbsurat_keluar` where
no_agenda like '%$cari%'"); $total =
mysql_num_rows($tampil); while ($data =
mysql_fetch_array($tampil)) {
?>
<tr style="text-align:center">
<center><td><?php echo $nomor=$nomor+1;
?></td></center>
<td><?php echo $data['no_agenda']; ?></td>
<td><?php echo $data['kd_surat']; ?></td>
<td><?php echo $data['tujuan']; ?></td>
<td><?php echo $data['dari']; ?></td>
<td><?php echo "<a
href=detail_keluar.php?no_agenda=$data[no_agenda]
title=Lihat class=view></a>"?></td>
<td><?php echo "<a
href=edit_keluar.php?no_agenda=$data[no_agenda] title=Edit
class=update></a>"?></td> <td><?php echo "<a
href=hapus_keluar.php?no_agenda=$data[no_agenda]
title=Hapus class=erase></a>"?></td>
</tr>
<?php } ?>
<tr style="background:#80ff00">
<th colspan="13"></th>
</tr>
</tbody>
</table></center>
</form>
<center><table width="84.5%" style="border:0px ">
<tr>
<td style="color:#000"
width="50%"><small>Jumlah: <?php echo $total; ?> surat
keluar</small></td>
</tr>
</table></center>
<br><br>
<span class="header"></span>
</p>
<img src="images/corner_sub_bl.gif" alt="bottom
corner" class="vBottom"/>
</div>
</div>
<div id="footer">
<div id="footerLeft"></div>
<div id="footerRight"> </div>
</div>
</div>
</body>
</html>
10. cari_masuk.php
<!DOCTYPE html>
<html xml:lang="en" lang="en-AU">
<head>
<title>Home - Aplikasi Arsip Surat</title>
<link rel="stylesheet" type="text/css"
href="css/style.css">
</head>
<body>
<div id="siteBox">
<div id="header">
<img src="images/corner_tl.gif" alt="corner"
style="float:left;" />
<img src="images/corner_tr.gif" alt="corner"
style="float:right;" /> <span class="title">
<span class="white"><img src="images/indexnm.png">
ARSIP SURAT | </span>DINAS KELAUTAN DAN PERIKANAN
<span class="subTitle">Provinsi Sumatera Utara</span>
</span>
</div>
<div id="content">
<div id="contentLeft">
<p>
<span class="header"><img src="images/index.jpg">
Kelola</span>
</p>
<p>
<a href="home.php" title="Home"
class="menuItem">Home</a>
<a href="masuk.php" title="Surat Masuk"
class="menuItem">Surat Masuk</a>
<a href="keluar.php" title="Surat Keluar"
class="menuItem">Surat Keluar</a>
</p>
<p>
<span class="header"><img src="images/index.jpg">
Cetak</span>
</p>
<p>
<a href="cetak_masuk.php" title="Laporan Surat
Masuk" class="menuItem">Laporan Surat Masuk</a>
<div id="contentRight">
<p>
<span class="header"><img src="images/n.png"> Data
Surat Masuk</span>
</p>
<th colspan="3">Action</th>
</tr>
</thead>
<tbody> <?php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip"); $nomor =
0;
$cari = $_POST['cari'];
$tampil = mysql_query("SELECT * FROM `tbsurat_masuk` where
no_agenda like '%$cari%'"); $total =
mysql_num_rows($tampil); while ($data =
mysql_fetch_array($tampil)) {
?>
<tr style="text-align:center">
<center><td><?php echo $nomor=$nomor+1;
?></td></center>
<td><?php echo $data['no_agenda']; ?></td>
<td><?php echo $data['no_surat']; ?></td>
<td><?php echo $data['pengirim']; ?></td>
<td><?php echo $data['pengolah']; ?></td>
<td><?php echo "<a
href=detail_masuk.php?no_agenda=$data[no_agenda]
title=Lihat class=view></a>"?></td>
<td><?php echo "<a
href=edit_masuk.php?no_agenda=$data[no_agenda] title=Edit
class=update></a>"?></td> <td><?php echo "<a
href=hapus_masuk.php?no_agenda=$data[no_agenda] title=Hapus
class=erase></a>"?></td>
</tr>
<?php } ?>
<tr style="background:#80ff00">
<th colspan="13"></th>
</tr>
</tbody>
</table></center>
</form>
<center><table width="84.5%" style="border:0px ">
<tr>
<td style="color:#000"
width="50%"><small>Jumlah: <?php echo $total; ?> surat
masuk</small></td>
</tr>
</table></center>
<br><br>
<span class="header"></span>
</p>
<img src="images/corner_sub_bl.gif" alt="bottom
corner" class="vBottom"/>
</div>
</div>
<div id="footer">
<div id="footerLeft"></div>
<div id="footerRight"> </div>
</div>
</div>
</body>
</html>
11. detail_keluar.php
<!DOCTYPE html>
<html xml:lang="en" lang="en-AU">
<head>
<title>Home - Aplikasi Arsip Surat</title>
<script type="text/javascript"
src="jquery1.4.3.min.js"></script>
<script type="text/javascript"
src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link href="fancybox/jquery.fancybox-1.3.4.css"
type="text/css" rel="stylesheet"/>
<script type="text/javascript">
$(document).ready(function(){
$(".fancy").fancybox();
});
</script>
<div id="content">
<div id="contentLeft">
<p>
<span class="header"><img src="images/index.jpg">
Kelola</span>
</p>
<p>
<div id="contentRight">
<p>
<span class="header"><img src="images/n.png"> Data
Surat Masuk</span>
</p>
<table style="margin-left:4.2%">
<tr>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip");
$no_agenda = $_GET['no_agenda'];
$sql = mysql_query("select * from tbsurat_keluar
where no_agenda='$no_agenda'");
$data = mysql_fetch_array($sql); {
?>
</tr>
<tr>
<td>No. Agenda</td>
<td> : <?php echo $data['no_agenda']; ?></td>
</tr>
<tr>
<td>Kode Surat</td>
<td> : <?php echo $data['kd_surat']; ?></td>
</tr>
<tr>
<td>Tanggal Surat</td>
<td> : <?php echo $data['tgl_surat']; ?></td>
</tr>
<tr>
<td>Jenis Surat</td>
<td> : <?php echo $data['jenis_surat']; ?></td>
</tr>
<tr>
<td>Tujuan</td>
<td> : <?php echo $data['tujuan']; ?></td>
</tr>
<tr>
<td>Dari</td>
<td> : <?php echo $data['dari']; ?></td>
</tr>
<tr>
<td>Keterangan</td>
<td> : <?php echo $data['keterangan']; ?></td>
</tr>
<?php } ?>
</table>
<br>
<p>
<span class="header"></span>
</p>
<img src="images/corner_sub_bl.gif" alt="bottom corner"
class="vBottom"/>
</div>
</div>
<div id="footer">
<div id="footerLeft"></div>
<div id="footerRight"> </div>
</div>
</div>
</body>
</html>
12. detail_masuk.php
<!DOCTYPE html>
<html xml:lang="en" lang="en-AU">
<head>
<title>Home - Aplikasi Arsip Surat</title>
<script type="text/javascript"
src="jquery1.4.3.min.js"></script>
<script type="text/javascript"
src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link href="fancybox/jquery.fancybox-1.3.4.css"
type="text/css" rel="stylesheet"/>
<script type="text/javascript">
$(document).ready(function(){
$(".fancy").fancybox();
});
</script>
<div id="content">
<div id="contentLeft">
<p>
<span class="header"><img src="images/index.jpg">
Kelola</span>
</p>
<p>
<div id="contentRight">
<p>
<span class="header"><img src="images/n.png"> Data
Surat Masuk</span>
</p>
<table style="margin-left:4.2%">
<tr>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip");
$no_agenda = $_GET['no_agenda'];
$sql = mysql_query("select * from tbsurat_masuk
where no_agenda='$no_agenda'");
$data = mysql_fetch_array($sql); {
?>
</tr>
<tr>
<td>No. Agenda</td>
<td> : <?php echo $data['no_agenda']; ?></td>
</tr>
<tr>
<td>No. Surat</td>
<td> : <?php echo $data['no_surat']; ?></td>
</tr>
<tr>
<td>Tanggal Surat</td>
<td> : <?php echo $data['tgl_surat']; ?></td>
</tr>
<tr>
<td>Tanggal Terima</td>
<td> : <?php echo $data['tgl_terima']; ?></td>
</tr>
<tr>
<td>Jenis Surat</td> <td> : <?php echo
$data['jenis_surat']; ?></td>
</tr>
<tr>
<td>Pengirim</td>
<td> : <?php echo $data['pengirim']; ?></td>
</tr>
<tr>
<td>Pengolah</td>
<td> : <?php echo $data['pengolah']; ?></td>
</tr>
<tr>
<td>Keterangan</td>
<td> : <?php echo $data['keterangan']; ?></td>
</tr>
<?php } ?>
</table>
<br>
<p>
<span class="header"></span>
</p>
<img src="images/corner_sub_bl.gif" alt="bottom corner"
class="vBottom"/>
</div>
</div>
<div id="footer">
<div id="footerLeft"></div>
<div id="footerRight"> </div>
</div>
</div>
</body>
</html>
13. edit_keluar.php
<!DOCTYPE html>
<html xml:lang="en" lang="en-AU">
<head>
<title>Home - Aplikasi Arsip Surat</title>
<link rel="stylesheet" type="text/css"
href="css/style.css">
</head>
<body>
<div id="siteBox">
<div id="header">
<img src="images/corner_tl.gif" alt="corner"
style="float:left;" />
<img src="images/corner_tr.gif" alt="corner"
style="float:right;" /> <span class="title">
<span class="white"><img src="images/indexnm.png">
ARSIP SURAT | </span>DINAS KELAUTAN DAN PERIKANAN
<span class="subTitle">Provinsi Sumatera Utara</span>
</span>
</div>
<div id="content">
<div id="contentLeft">
<p>
<span class="header"><img src="images/index.jpg">
Kelola</span>
</p>
<p>
<a href="home.php" title="Home"
class="menuItem">Home</a>
<a href="masuk.php" title="Surat Masuk"
class="menuItem">Surat Masuk</a>
<a href="keluar.php" title="Surat Keluar"
class="menuItem">Surat Keluar</a>
</p>
<p>
<span class="header"><img src="images/index.jpg">
Cetak</span>
</p>
<p>
<div id="contentRight">
<p>
<span class="header"><img src="images/n.png"> Edit
Surat Keluar</span>
</p>
<p>
<form action="" method="post">
<center>
<table>
<tr>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip");
$no_agenda = $_GET['no_agenda'];
$sql = mysql_query("select * from tbsurat_keluar
where no_agenda='$no_agenda'");
$data = mysql_fetch_array($sql);
$jenis_surat = $data['jenis_surat'];
$dari = $data['dari'];
?>
</tr>
<tr>
<td>No. Agenda</td>
<td>:</td>
<td><input type="text" name="no_agenda"
size="20" value="<?php echo $data['no_agenda'];?>" required
/></td>
</tr>
<tr>
<td>Kode Surat</td>
<td>:</td>
<td><input type="text" name="kd_surat"
size="44" value="<?php echo $data['kd_surat'];?>" required
/></td>
</tr>
<tr>
<td>Tanggal Surat</td>
<td>:</td>
<td><input type="date" name="tgl_surat"
value="<?php echo $data['tgl_surat'];?>" required></td>
</tr>
<tr>
<td>Jenis Surat</td>
<td>:</td>
<td>
<select name="jenis_surat">
<option value="Surat Pemberitahuan"
<?php if( $jenis_surat=='Surat Pemberitahuan'){echo
"selected"; } ?>>Surat Pemberitahuan</option>
<option value="Surat Permohonan" <?php
if( $jenis_surat=='Surat Permohonan'){echo "selected"; } ?
>>Surat Permohonan</option>
<option value="Surat Keterangan" <?php
if( $jenis_surat=='Surat Keterangan'){echo "selected"; }
?>>Surat Keterangan</option>
<option value="Surat Keputusan" <?php
if( $jenis_surat=='Surat Keputusan'){echo "selected"; }
?>>Surat Keputusan</option>
<option value="Surat Pengantar" <?php
if( $jenis_surat=='Surat Pengantar'){echo "selected"; }
?>>Surat Pengantar</option>
<option value="Surat Undangan" <?php
if( $jenis_surat=='Surat Undangan'){echo "selected"; }
?>>Surat Undangan</option>
<option value="Surat Perintah" <?php
if( $jenis_surat=='Surat Perintah'){echo "selected"; }
?>>Surat Perintah</option>
<option value="Surat Biasa" <?php
if( $jenis_surat=='Surat Biasa'){echo "selected"; } ?
>>Surat
Biasa</option>
<option value="Lainnya" <?php if(
$jenis_surat=='Lainnya'){echo "selected"; }
?>>Lainnya</option>
</select>
</td>
</tr>
<tr>
<td>Tujuan</td>
<td>:</td>
<td><textarea type="text" name="tujuan"
rows="2" cols="35" required><?php echo $data['tujuan'];?
></textarea></td>
</tr>
<tr>
<td>Dari</td>
<td>:</td>
<td>
<select name="dari">
<option value="Bagian Kepegawaian"
<?php if( $dari=='Bagian Kepegawaian'){echo "selected"; }
?>>Bagian Kepegawaian</option>
<option value="Bagian Keuangan"<?php
if( $dari=='Bagian Keuangan'){echo "selected"; } ?>>Bagian
Keuangan</option>
<option value="Bagian Budidaya"<?php
if( $dari=='Bagian Budidaya'){echo "selected"; } ?>>Bagian
Budidaya</option>
<option value="Bagian Tangkap"<?php if(
$dari=='Bagian Tangkap'){echo "selected"; } ?>>Bagian
Tangkap</option>
<option value="Bagian Program"<?php if(
$dari=='Bagian Program'){echo "selected"; } ?>>Bagian
Program</option>
<option value="Bagian PWP3K"<?php if(
$dari=='Bagian PWP3K'){echo "selected"; } ?>>Bagian
PWP3K</option>
<option value="Bagian PSDKP"<?php if(
$dari=='Bagian PSDKP'){echo "selected"; } ?>>Bagian
PSDKP</option>
<option value="Bagian Umum"<?php if(
$dari=='Bagian Umum'){echo "selected"; } ?>>Bagian
Umum</option>
<option value="Kadis"<?php if(
$dari=='Kadis'){echo "selected"; } ?>>Kadis</option>
</select>
</td>
</tr>
<tr>
<td>Keterangan</td>
<td>:</td>
<td><textarea name="keterangan" rows="5"
cols="35" required><?php echo $data['keterangan'];?
></textarea></td>
</tr>
<tr>
<td></td><td></td>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip");
if (isset($_POST['ubah'])) {
$no_agenda = $_POST['no_agenda'];
$kd_surat= $_POST['kd_surat'];
$tgl_surat = $_POST['tgl_surat'];
$jenis_surat = $_POST['jenis_surat'];
$tujuan = $_POST['tujuan'];
$dari = $_POST['dari'];
$keterangan = $_POST['keterangan'];
<div id="footer">
<div id="footerLeft"></div>
<div id="footerRight"> </div>
</div>
</div>
</body>
</html>
14. edit_masuk.php
<!DOCTYPE html>
<html xml:lang="en" lang="en-AU">
<head>
<title>Home - Aplikasi Arsip Surat</title>
<link rel="stylesheet" type="text/css"
href="css/style.css">
</head>
<body>
<div id="siteBox">
<div id="header">
<img src="images/corner_tl.gif" alt="corner"
style="float:left;" />
<img src="images/corner_tr.gif" alt="corner"
style="float:right;" /> <span class="title">
<span class="white"><img src="images/indexnm.png">
ARSIP SURAT | </span>DINAS KELAUTAN DAN PERIKANAN
<span class="subTitle">Provinsi Sumatera Utara</span>
</span>
</div>
<div id="content">
<div id="contentLeft">
<p>
<span class="header"><img src="images/index.jpg">
Kelola</span>
</p>
<p>
<a href="home.php" title="Home"
class="menuItem">Home</a>
<a href="masuk.php" title="Surat Masuk"
class="menuItem">Surat Masuk</a>
<a href="keluar.php" title="Surat Keluar"
class="menuItem">Surat Keluar</a>
</p>
<p>
<span class="header"><img src="images/index.jpg">
Cetak</span>
</p>
<p>
<a href="cetak_masuk.php" title="Laporan Surat
Masuk" class="menuItem">Laporan Surat Masuk</a>
<div id="contentRight">
<p>
<span class="header"><img src="images/n.png"> Edit
Surat Masuk</span>
</p>
<p>
<form action="" method="post">
<center>
<table>
<tr>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip");
$no_agenda = $_GET['no_agenda'];
$sql = mysql_query("select * from tbsurat_masuk where
no_agenda='$no_agenda'"); $data =
mysql_fetch_array($sql);
$jenis_surat = $data['jenis_surat'];
$pengolah = $data['pengolah'];
?>
</tr>
<tr>
<td>No. Agenda</td>
<td>:</td>
<td><input type="text" name="no_agenda"
size="20" value="<?php echo $data['no_agenda'];?>"
required></td> </tr>
<tr>
<td>No. Surat</td>
<td>:</td>
<tr>
<td>Pengirim</td>
<td>:</td>
<td><textarea name="pengirim" rows="2"
cols="35" required><?php echo $data['pengirim'];?
></textarea></td>
</tr>
<tr>
<td>Pengolah</td>
<td>:</td>
<td>
<select name="pengolah">
<option value="Bagian Kepegawaian"
<?php if( $pengolah=='Bagian Kepegawaian'){echo "selected";
} ?>>Bagian Kepegawaian</option>
<option value="Bagian Keuangan"<?php
if( $pengolah=='Bagian Keuangan'){echo "selected"; }
?>>Bagian Keuangan</option>
<option value="Bagian Budidaya"<?php
if( $pengolah=='Bagian Budidaya'){echo "selected"; }
?>>Bagian Budidaya</option>
<option value="Bagian Tangkap"<?php if(
$pengolah=='Bagian Tangkap'){echo "selected"; } ?>>Bagian
Tangkap</option>
<option value="Bagian Program"<?php if(
$pengolah=='Bagian Program'){echo "selected"; } ?>>Bagian
Program</option>
<option value="Bagian PWP3K"<?php if(
$pengolah=='Bagian PWP3K'){echo "selected"; } ?>>Bagian
PWP3K</option>
<option value="Bagian PSDKP"<?php if(
$pengolah=='Bagian PSDKP'){echo "selected"; } ?>>Bagian
PSDKP</option>
<option value="Bagian Umum"<?php if(
$pengolah=='Bagian Umum'){echo "selected"; } ?>>Bagian
Umum</option>
<option value="Kadis"<?php if(
$pengolah=='Kadis'){echo "selected"; } ?>>Kadis</option>
</select>
</td>
</tr>
<tr>
<td>Keterangan</td>
<td>:</td>
<td><textarea name="keterangan" rows="4"
cols="35" required><?php echo $data['keterangan'];?
></textarea></td>
</tr>
<tr>
<td></td><td></td>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip");
if (isset($_POST['ubah'])) {
$no_agenda = $_POST['no_agenda'];
$no_surat= $_POST['no_surat'];
$tgl_surat = $_POST['tgl_surat'];
$tgl_terima = $_POST['tgl_terima'];
$jenis_surat = $_POST['jenis_surat'];
$pengirim = $_POST['pengirim'];
$pengolah = $_POST['pengolah'];
$keterangan = $_POST['keterangan'];
<div id="footer">
<div id="footerLeft"></div>
<div id="footerRight"> </div>
</div>
</div>
</body>
</html>
15. hapus_keluar.php
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbarsip");
18. cetak_masuk.php
<html>
<body onLoad="window.print();">
<br>
<center>
<table border ="0" cellpadding="0">
<tr>
<td> <img src="images/logo.jpg"></td>
<td>
<br><center>PEMERINTAHAN PROVINSI SUMATERA UTARA
<br><big><b>DINAS KELAUTAN DAN
PERIKANAN</b></big>
<br><small>Jalan Sei Batugingging Nomor 6 Telepon
4568819
<br>MEDAN</small>
</td>
</tr>
</table>
19. style.css
body {
margin: 1em 1em 1em 1em;
padding: 0px;
font-family: verdana, sans-serif;
font-size: 1.0em; background-
color: #000; }
#siteBox
{ float:
left; width:
100%; color:
#000; }
#header
{ float:
left; width:
100%;
height: 4em;
background: url(../images/bg_menuatas.png);
} #header a { float: right;
width: 8em; padding: 5px 10px
5px 10px; font-size: 0.6em;
text-align: center; text-
transform: uppercase; text-
decoration: none; color: #FFF;
background-color: #666;
border-bottom: 2px solid #333;
border-right: 1px solid #333;
border-left: 1px solid #333;
}
#header a:hover, #header a.active
{ padding-top: 10px; background-
color: #333;
}
#header a.lastMenuItem {
background-image: url(../images/corner_tr.gif);
background-repeat: no-repeat; background-
position: top right; border-right: 0px;
}
#content a:hover { color: #DDD;
background-color: #888; border-
bottom: 1px solid #EEEEEE;
}
.header, .subHeader {
display: block;
clear: both; font-
weight: bold; font-
size: 1em; color:
#000;
border-bottom: 1px solid #AAA;
} .subHeader {
border: 0px;
}
#content a.view { display:
block; margin-left: 11px;
padding: 5px 0px 10px 23px;
background: url(../images/view.gif) no-repeat center
left; border: 0px;
}
#content a.erase { display:
block; margin-left: 11px;
padding: 5px 0px 10px 23px;
background: url(../images/hapus.bmp) no-repeat center
left; border: 0px;
}
#content a.update
{ display: block;
margin-left: 11px; padding:
5px 0px 12px 23px;
background: url(../images/edit.gif) no-repeat center
left; border: 0px;
}
#content a.menuItem
{ display: block;
padding: 5px 0px 5px 54px;
background: url(../images/bg_menukiri.jpg) no-repeat
center left; border: 0px;
}
#content a:hover.menuItem
{ color: #fff;
background: #888 url(../images/bg_menuatas.png) no-repeat
center left; border: 0px; } #footer { float: left;
width: 100%; height: 3em;
margin-bottom: 1em !important; margin-
bottom: 0;
font-size: 0.6em; text-
transform: lowercase;
line-height: 2.6em; color:
#0AD;
background: url(../images/bg_menuatas.png);}
#footerLeft
{ float: left;
width: 60%;
height: 3em; text-
align: left;
background: url(../images/corner_bl.gif) no-repeat bottom
left;} #footerRight { float: right; width: 35%;
height: 3em; text-align: right;
background: url(../images/corner_br.gif) no-repeat bottom
right;} #footer a { color: #0AD;} #footer a:hover
{ color: #666666;} .grey { font-size: 0.9em; color:
#AAA;} .white { color: #FFF;} acronym { cursor: help;
border-bottom: 1px dotted #AAA;} li
{
margin-left:
50px;} .imgLeft,
.imgRight { margin:
5px;} .imgLeft
{ float: left;
margin-left: 0px;}
.imgRight { float:
right; margin-right:
50px;} .bottomCorner {
text-align: right;}
.vBottom {
vertical-align: bottom;}
20. logout.php
<?php
session_start();
session_destroy();
header('location:index.php');
?>