RHENY NOVIANA PAMUNGKAS M3209076

commit to user

i

SISTEM INFORMASI PENGARSIPAN SURAT MASUK DAN SURAT

KELUAR KANTOR PERINDUSTRIAN, KOPERASI

DAN UMKM KABUPATEN SRAGEN

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya

Program Diploma III Teknik Informatika

Disusun Oleh :

RHENY NOVIANA PAMUNGKAS

NIM. M3209076

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

commit to user

ii

HALAMAN PERSETUJUAN

SISTEM INFORMASI PENGARSIPAN SURAT MASUK DAN SURAT

KELUAR KANTOR PERINDUSTRIAN, KOPERASI (PERINGKOP)

DAN UMKM KABUPATEN SRAGEN

Disusun Oleh :

RHENY NOVIANA PAMUNGKAS

NIM. M3209076

Tugas Akhir ini disetujui untuk dipresentasikan

pada Ujian TA

pada tanggal 29 Juni 2012

Pembimbing

commit to user

iii

HALAMAN PENGESAHAN

SISTEM INFORMASI PENGARSIPAN SURAT MASUK DAN SURAT

KELUAR KANTOR PERINGKOP DAN UMKM KAB. SRAGEN

Disusun Oleh :

RHENY NOVIANA PAMUNGKAS

NIM. M3209076

Pembimbing Utama,

Umi Salamah M.Kom

NIP. 19700217 199702 2 001

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir

Program Diploma III Teknik Informatika

Pada Jumat, 29 Juni 2012

Dewan Penguji:

Tanda Tangan

1. Umi Salamah, M.Kom

(

.. .. )

NIP. 19700217 199702 2 001

2. Abdul Aziz, S.Kom. M.Sc

(

.. .. )

NIP. 19810413 200501 1 001

3. Taufiqurrakhman NH, S.Kom

(

.. .. )

NIDN. 0622058201

Disahkan Oleh :

Dekan

Fakultas MIPA UNS

Pror. Ir. Ari Handono Ramelan, M.Sc (Hons). Ph.D

NIP. 19610223 198601 1 001

Ketua

Program Diploma III Teknik Informatika

commit to user

iv

ABSTRAK

RHENY NOVIANA PAMUNGKAS, 2012, SISTEM INFORMASI

SURAT MASUK DAN KELUAR.

Program Diploma III Teknik Informatika

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret

Surakarta.

Sebuah instansi membutuhkan sistem informasi yang dapat membantu

dalam pengelolaan surat. Pengelolaan surat di instansi yang menggunakan manual

sering terjadi kesalahan dalam penyimpanan data surat dan pencarian surat.

Sistem informasi surat masuk dan surat keluar ini sangat diperlukan, selain untuk

pengelolaan surat juga diperlukan untuk membuat surat agar lebih cepat dan

efisien. Sistem informasi surat masuk dan surat keluar ini bertujuan mengubah

cara penyimpanan surat secara hardfile menjadi arsip surat berwujud softfile.

Sistem informasi surat masuk dan keluar ini memberikan kontribusi baik bagi

instansi.

Tahapan perancangan yang digunakan meliputi perancangan

context

diagram,

data flow diagram,

entity relationship diagram, dan

database table.

Software

yang digunakan dalam pembuatan aplikasi surat-menyurat ini

menggunakan

xampp

untuk menjalankan web servernya,

MySQL

untuk

pengelolaan

database. Implementasi sistem informasi surat masuk dan keluar

menampilkan tampilan antar muka, yaitu : antar muka semua user dan antar muka

administrator.

Sistem informasi surat masuk dan keluar dapat membuat surat keluar lebih

cepat dan efisien, memasukkan data surat masuk . Memberikan sarana

penyimpanan arsip surat, sehingga dapat terkelola dengan baik. Sistem informasi

ini dapat diakses dan dijalankan secara

localhost.

commit to user

v

ABSTRACT

RHENY NOVIANA PAMUNGKAS, 2012, INFORMATION

SYSTEMS IN LETTERS AND LETTER OUT.

Diploma III Program

Informatics Faculty of Mathematics and Natural Sciences University of Surakarta

of March.

An agency need information systems that can assist in the management

letter. Management agencies that use the letter in common manual errors in data

storage and retrieval letter mail. Information system incoming mail and outgoing

mail is necessary, in addition to the management letter is also required to make the

letters in order to more quickly and efficiently. Information system incoming mail

and outgoing mail is aimed at changing the way storage is hardfile letters become

tangible softfile mail archives. Information systems incoming and outgoing mail

is to contribute both to the agency.

Design stages that are used include the design of context diagram, data

flow diagrams, entity relationship diagrams, and database table. Software

applications used in the manufacture of this correspondence using xampp to run a

web server, MySQL for database management. Implementation of information

systems incoming and outgoing mail display interface displays, which are: all the

user interface and administrator interface.

Information systems incoming and outgoing mail can make the letters out

more quickly and efficiently enter data incoming mail. Provide a means of filing a

letter, so it can be well managed. This information system can be accessed and run

localhost.

commit to user

vi

MOTTO

KETAKUTAN HANYA AKAN

MEMBUAT KITA

LEMAH...SELALU OPTIMIS

DAN YAKIN BAHWA KITA

BISA

commit to user

vii

PERSEMBAHAN

Kupersembahkan karya ini untuk :

1. Kedua orang tua, Ayah dan Ibu, terima kasih atas doa semua dukungan yang

telah diberikan.

2. Saudara & sahabatku, semoga selalu berbakti kepada kedua orang tua.

3. Seluruh dosen DIII Teknik Informatika FMIPA UNS yang saya tidak bisa

sebutkan satu persatu, terima kasih telah memberi ilmu, dan berbagi

pengalaman hidup.

4. Seluruh teman di DIII Teknik Informatika 2009, selamat berjuang

kawan-kawanku. Semoga kita semua selalu dimudahkan dalam segala hal oleh Allah

SWT.

commit to user

viii

KATA PENGANTAR

Assalamu alaykum Warohmatullohi Wabarokatuh.

Bismillahirrohmanirrohim,

segala puji dan rasa syukur hanya penulis

panjatkan ke haribaan Allah

subhanahu wa ta ala,

yang telah melimpahkan segala

kemudahannya hingga akhirnya penulis mampu menyelesaikan laporan tugas

akhir.

Berbagai pihak telah ikut berperan membantu penulis dalam menyelesaikan

tugas akhir ini dengan memberikan arahan dan bimbingan serta motivasi. Untuk

itu pada kesempatan ini penulis mengucapkan terima kasih yang sebesar

besarnya kepada :

1. Bapak Drs. Y. S. Palgunadi, M.Sc., selaku Ketua Program Diploma III Ilmu

Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret Surakarta

2. Ibu Umi Salamah M.Kom , selaku pembimbing, yang telah benar-benar

mengarahkan, selalu memberikan semangat kepada penulis.

3. Teman-teman Teknik Informatika D angkatan 2009, yang telah menyediakan

waktu untuk membagi ilmu dan gurauan mereka ketika penulis memiliki

permasalahan.

4. Kedua orang tua, ayah dan ibu. Yang tidak henti-hentinya memberikan doa dan

dukungannya sehingga dapat terselesaikan dengan baik.

Seperti kata pepatah, tidak ada gading yang tak retak, oleh sebab itu penulis

memohon kelapangan hati pembaca sekalian untuk menerima apa yang ada dalam

laporan Tugas Akhir ini dengan senang hati dan semoga bermanfaat.

Wassalamu alaykum Warohmatullohi Wabarokatuh.

commit to user

ix

DAFTAR ISI

Halaman

HALAMAN JUDUL ... i

HALAMAN PERSETUJUAN ... ii

HALAMAN PENGESAHAN... iii

HALAMAN ABSTRACT ... iv

HALAMAN ABSTRAK... v

HALAMAN MOTTO... vi

HALAMAN PERSEMBAHAN...vii

KATA PENGANTAR ...viii

DAFTAR ISI ... ix

DAFTAR TABEL ... xii

DAFTAR GAMBAR...xiii

BAB I

PENDAHULUAN... 1

1.1 Latar Belakang ... 1

1.2 Perumusan Masalah... 1

1.3 Batasan Masalah... 2

1.4 Tujuan ... 2

1.5 Manfaat ... 2

1.6 Metodologi Penelitian ... 2

1.7 Sistematika Penulisan ... 3

BAB II

LANDASARAN TEORI ... 5

2.1 Konsep Dasar Aplikasi Surat-menyurat ... 5

2.2 Pengertian disposisi ... 5

2.3 Pengertian Sistem Informasi ... 5

2.4 Tahapan Pembuatan Rekayasa Perangkat Lunak... 6

2.4.1 Perancangan Sistem ... 6

2.4.2 Pemodelan Proses ... 6

commit to user

x

2.6 HTML ... 10

2.7 PHP ... 10

2.8 MySQL ... 11

2.9

Cascading Style Sheets

(CSS)

...

11

2.10

JavaScript ...

11

2.11

JQuery ...

11

BAB III DESAIN DAN PERANCANGAN... 13

3.1 Perancangan Arsitektur... 13

3.2 Analisa Kebutuhan

Software... 13

3.3 Perancangan Sistem ... 14

3.3.1

Context Diagram

(CD)... 14

3.3.2 DFD

Level

0 ... 16

3.3.3 DFD

Level

1 Proses Pengelolaan Akun ... 16

3.3.4 DFD

Level

1 Proses Pengelolaan Arsip ... 16

3.4

Entity Relationship Diagram

(ERD) ... 20

3.5 Rancangan

Database

... 21

BAB IV IMPLEMENTASI DAN ANALISA ... 25

4.1 Implementasi Sistem... 25

4.1.1 Halaman

Login

... 25

4.1.2 Halaman Input Surat Masuk... 25

4.1.3 Halaman Surat Keluar ... 26

4.1.4 Halaman Pemberian Nomor Surat Keluar... 27

4.1.5 Halaman Rekap Surat ... 28

4.1.6 Halaman View Disposisi... 30

4.1.7 Halaman Lihat Surat Masuk... 30

4.1.8 Halaman Akun Bag Agenda,Kepala,Kabid dan sekretaris ... 31

4.1.9 Halaman Data

User

... 32

4.1.10 Halaman Tambah User ... 33

4.1.11 Halaman View Print Surat Keluar ... 33

4.1.12 Halaman View Print Disposisi... 34

commit to user

xi

BAB V

PENUTUP ... 37

5.1 Kesimpulan ... 37

5.2 Saran ... 37

commit to user

xii

DAFTAR TABEL

Tabel 2.1 Simbol Komponen Diagram Konteks ... 7

Tabel 2.2 Simbol Komponen DFD... 7

Tabel 2.3 Simbol Komponen ERD... 8

Tabel 3.1 User ... 21

Tabel 3.2 Surat Masuk ... 21

Tabel 3.3 Surat Keluar ... 22

Tabel 3.4 Disposisi ... 22

commit to user

xiii

DAFTAR GAMBAR

Gambar 3.1 Perancangan Arsitektur ... 13

Gambar 3.2

Context Diagram

(CD) ... 14

Gambar 3.3 DFD

Level

0 ... 17

Gambar 3.4 DFD

Level

1 Proses Pengelolaan Akun ... 18

Gambar 3.5 DFD

Level

1 Proses Pengelolaan Arsip ... 19

Gambar 3.6

Entity Relationship Diagram

... 20

Gambar 4.1 Tampilan Halaman

Login

... 25

Gambar 4.2 Tampilan Halaman Input Surat ... 26

Gambar 4.3 Tampilan Halaman Surat Keluar ... 27

Gambar 4.4 Tampilan Halaman Penerimaan Surat Keluar Bag Agenda ... 28

Gambar 4.5 Tampilan Halaman Pemberian Nomor Surat Keluar ... 28

Gambar 4.6 Tampilan Halaman Rekap Surat Masuk ... 29

Gambar 4.7 Tampilan Halaman Rekap Surat Keluar... 29

Gambar 4.8 Tampilan Halaman View Disposisi ... 30

Gambar 4.9 Tampilan Halaman View Surat Masuk ... 31

Gambar 4.10 Tampilan Halaman Edit User ... 32

Gambar 4.11 Tampilan Halaman Data User ... 32

Gambar 4.12 Tampilan Halaman Tambah User... 33

Gambar 4.13 Tampilan Halaman View Print Surat Keluar... 34

commit to user

1

! "! # $ %$

! ! $ # " & ' " % # ( ! ! " % &

) " % "% ! ! " *

% + & ,! !# % " % %

&, % ! " - ! + %

. ( ! " ! - % #

#(/ $ ! ! % - # " !

" # &

, " ( ! " ! , % , ! $ 0, 1 ! 2 ) ) #& ' $ - ! " ! " # " ! + & 3 "

! # # ! !( + ( * (

. ! " !

, ! 2 )) #&

' $ % . ( ! . " %(

! ! - " # ! ( ! "

- " #&

'" ( !" ( " " % ( !

! " % ! # ' 4+ , ' ) ! '

" # ! % ! # !

, !2 ) ) #&' &

rumusan Masalah

5 ! " # " ! ! ! " # %/

commit to user

2

6 78 9: ;<=6 :8<>;:?@: <> AB: 8<>;:?A 7C>: ;D: 897E=<=78 6:B:A: 8 ?F;G 7;= 8 9A F6B:8 H IJIJ: K LM;:978

C. Batasan Masalah

N 7; B:<: ; A: 8 6 7;>@><:8 @:<:C: O B=:?:< @:A: 6 78>C= < @7@K:?:<= 6 7 @K:O:<: 8@:<:C: O6:B:P<=< ?7 @=8EF; @: <==8 =:A:8B=Q:C:8A: 8K 7;K: <= <R S TB:8

B: 6:? B= : A<7< B78 9:8 < 7 @>: TUVRWSU =8 ?7;8 7 ? L X 7 @6C:?7< <>;: ? A7 C>:; @: <=O K 7 C>@<67<= E= AA7@: <= 8 9 Y @:<= 8 9Q78= <<>; :? L

D. Tujuan Kegiatan

X>Q>:8 B: ;= X>9: < ZA O= ; =8 = :B:C:O @:@6> @7@K >: ? <= < ?7 @ =8 E F;@:<= 6 78 9: ;<=6 :8 <>;:? A7 C>: ; B: 8 <>;:? @: <>A A: 8 ? F; G7; =8 9AF6 B: 8 HIJI J: KL M;:978K7; K: <=<R S TL

E. Manfaat Kegiatan

I: 8 E::?B: ;=67 @K>: ?: 8X > 9:<ZAO=;=8 =:B: C:O<7K:9: =K7;=A>?P [ L N :9=I:O: <=< \:

I:O: <= < \: @ 7 @6>8 D: = A7<7 @6: ?: 8 > 8 ?> A @ 787;:6A: 8 = C @> D:89

B=6 7;FC7 O < 7C:@: K 7;:B: B=K:89A> A> C=:O B: C:@ K 78?> A 67@K >:?: 8 <D< ?7 @ = 8 E F; @:<=6 78 9: ;<=6 : 8<>;:?@: <> AB: 8A7C> :;J:8?F;G 7 @ 7;= 8 ?: O: 8G 7;= 89A F6 B:8H IJIJ: KLM ;:978 L

]L N :9=^8< ?: 8<=

_=O: ;: 6 A: 8 :6C=A:<= <D< ?7 @ =8EF; @: <= 6 78 9: ;<= 6:8 <>; : ? @:<>A B: 8 <>; :? A 7C>: ; D: 8 9: A: 8 B=K>:?K =<: @7 @K: 8 ?> A=87;Q:K:9=: 8 <> ;:?@78 D>; :?J:8?F; G 7 @ 7; =8 ?:O: 8G 7; =89AF6B: 8HIJ IJ:KLM;:978L

F. Metodologi Penelitian

G 787 C=?=: 8 B=67;C>A: 8 < 7K :9: = <: ;: 8: 6 78 B> A> 8 9 B: C:@ 67@K >:?: 8 C:6F;: 8

X > 9: < ZA O=; ` B= @: 8: 678 7 C=?=: 8 =8= B= C: A> A:8 B 789: 8 @ 7899>8:A:8 K 7K7;:6: @ 7 ?FB7 LI7? FB7D:89B= 9>8:A:8D: =?>P

commit to user

3

a b cde f ge hijc kj ljmkj lj njcd k ope le qijc e cle i f b c djcjhorj g bs fjrjhjq j c rb sl j rbpjdjo pj qjc e clei f b fpej l r orlb f oct u sfj r o

g bc djsr o gjc resj l fj rei kjc resj l ibhejsv wj lj njc d k o gb shei j c r bg b sl o rlsei les jhe s re sj l f b cne sjl x iug re sjlx y u cluq re sj l fj re i kjc re sj l ibhe jsx h bfpjsk or gu r or ov

zv { cjhorji bpe leqjckj cgb sjcy jcdjcr orlb f

a b hji eijc jcjh orj lb sq jk jg kj ljmkj lj nj c d k o gb suhbq ecl ei cj clo cnj r bpjdjo jy ejc kj hjf fbsjcy j c d r orl b fv {cjhorj ibp el eqjc rutl|jsb njc d kogb s hei jc e clei fbfpej lr orl b foc tu s fj r ooc or b gb slo

XAMMP, Notepad++,

Adobe Photoshop

vwohjiei j cge hjgb sjcy jcdj ck brj ocr orlb fnj c dji jckop ejl cj cl o cnjv } b gb slo

Context Diagram

~w€x

Data Flow Diagram

~ww€ h b‚ b h ƒ k j ch b‚b h„xrb sl jsjcyj c djc

database

v

…v † f ghb fb cl jror orlb f

wjso sj cyj c djc njcd lbhj q k op ejlx r bhjc‡elcnj fb cdo f gh bfb clj roi j c

f b hjhe o gb cdb fpjcdj c rorlb fx nj ole k bc djc fbce h ori j c i ukb gsudsjf rbre j o l jq jgjc mlj q j gjc njcd j kj gj kj gb sjcyjcdjcv wjc f b hji eijc b‚jhej r o rorlb f nj c dre kj qkop ej lkb cdj cf bc dde cj ijcgb cde‡oj cgsuke iv

ˆv ‰b cnerecjchjgu sj c

wjso qj r oh gb cde f gehjc k jl j x j cjhorj i bp ele qjc k j c gb sjcyjcdjc r orlbf r b sl j gbc de‡oj c g suk ei gjk j j iqos cnj k o gj ijo r bpjdjo p jqj c gb cne re cj c hj gu sj cv

G. Sistematika Penulisan

Š cl ei f b f gb s fekj q fb hoqj l kjc f b cdblj qeo gb fpj qj rjc njc d jk j gjk j ledj r j iqos o co rbyjsj f b cn bhe seqx fjij gb she koi b fe ij ijc r orl b fj l oij njcd f b se gjijc ibsj c di jk jcgbkufjc gbce h orjcl edj rj iqosv ‹ bskjgj l Œ pj p njcd fj r ocd  fj r oc d j ijc koesjoi j c r byjsj r o cdi jl k j hj f r orlb fj l oij g bce h orj c

r bpjdjopb soi elŽ

„v  {†‰ ‘w{ ’Š“Š{ ‘

commit to user

4

” • –— –˜˜™— š›—œ— š ž Ÿ  ˜

–¡ ¢ £¤ £ ¡ ¥¡ ¤ ¦§¤ ¨§ ¦ ©¥ ¡¥ ¡ ¤ ª§ «¬ £­ ª§ «¬£ ®§ ¤¯©¥© ¤¨ °¡ ¤ ¨ ¡ ¥¡ ¤ ¯ £ ª§ª¡®¥¡ ¤ ±§ ¢¡ ¨¡£ ²¡ ¤¯¡±¡ ¤ ¯¡²¡ ¦ ®¬«±§± ¡ ¤¡²£±£± ¯¡ ¤ ®§¬¡ ¤³¡ ¤¨¡¤• –¡ ¢ £¤ £ ¦ §¦ ©¡ª ²¡¤ ¯¡±¡ ¤ ª§ «¬£°¡ ¤¨¦ § ¤¨©¬¡£¥¡ ¤ ª§ ¤ ª¡ ¤¨´ µ§¤ ¨§ ¬ª £¡ ¤ ¶«¤±§® ±© ¬¡ª¦§ ¤°© ¬¡ª· ¸¹ º¹ »¹ ¼½· ¾› ¿À Á º½ à º ¸Ä¹Å ƹ Ç È· › ɛ ¿ ¸¹ º¹

Flow Diagram

È· ž  › ¿

Entity

Relation Diagram

È· µÊ µ· Ë°œÌ™· ¾œœ ¿

Cascading Style Sheets

È· ʝ˙ ¿

Hyper Text Markup Language

È·

JavaScript , JQuery

•

Í • –— –˜˜ ˜› žœ—˜ š› —šµž  —š¾ — šÎ—š

µ¡ ¯¡ ¢¡¢ £¤£ ¢§ ¬ £±£ ®§ ¬¡ ¤³¡ ¤¨¡ ¤ °¡ ¤¨ ¦ § ¤¨©¬¡£¥¡ ¤ ª§ ¤ ª¡ ¤ ¨ ¯¡ª¡­¯ ¡ ª¡ °¡¤ ¨

¯£®§ ¬²©¥ ¡ ¤¯¡¤¡ ¤¡²£±£±±£±ª§¦°¡ ¤¨¡¯ ¡¯ £±£±ª§¦£¤Ï«¬ ¦ ¡±£°¡ ¤¨¯ £¢©¡ª• Е –— –˜Ñ˜Ëµ™žËž š —œ˜› —š— š—™˜ œ—

–¡ ¢ £¤ £ ¦§ ¦ ¢¡Ò¡± £¦®²§ ¦ § ¤ª¡±£ ¯ ¡ ¤ ¡¤ ¡²£±£± °¡ ¤¨ ¦ § ¬© ®¡ ¥¡ ¤ ¢¡ ¢ £¤ª£ ¯ ¡¬£ ®§¦ ¢ ©¡ ª¡ ¤ ª©¨¡± ¡ ¥Ò£¬ £¤ £• –¡ ¢ £¤ £ ¡ ¥¡ ¤ ¦§¤¨© ¬¡£¥ ¡¤ Ò¡±£² ¯¡ ¤ ª¡¦ ®£²¡ ¤

œ£±ª§ ¦˜¤Ï«¬¦¡±£µ§ ¤¨¡¬±£®¡ ¤œ© ¬¡ªË¡±©¥¯¡ ¤œ©¬ ¡ ª¶§²©¡ ¬¶¡ ¤ ª«¬µ§ ¬ £¤¨¥ « ® ¯ ¡¤Ó˶˶¡¢•œ¬ ¡¨§ ¤±§³¡ ¬¡© ¦ ©¦•

ԕ –— –ѵž šÓ Óµ

–¡ ¢ £¤ £ ¦§ ¦¡®¡ ¬¥¡¤ ¥§±£¦®©²¡ ¤ °¡¤ ¨ ¯ £¯¡®¡ª¥ ¡¤ ¯¡ ¬ £ ¡ ¤¡²£±£± ¦ § ¤¨§ ¤¡ £

commit to user

Ö ×Ø ×Ù Ù

ÚØÛÜ ØÝ ØÛÞß àá Ù

âãä å

ons

æ

p

Üçè çé Ý

ur

çê ë

m

æ

nyur

çê

ìí îï ðï

str

ñ

s

ï

sur

ñ

t-

îò ð ó

ur

ñ

t

ñíñôñõ

su

ñ

tu

ö÷øùò

s

íñ ð

r

òðú ñðñ

t

ò

r

ñ

tur

íñ

r

ï öòðûøô ñõñ ð

sur

ñ

t-

îò ðó

ur

ñ

t.

ü

u

ôñï íñ

r

ï ïíò

s

ñ îöñï ö ñíñ öò ð óòô ò

s

ñïñ ð íñð öòð óïîöñ ðñð

s

òýñûñï îñðñ îò

st

ïð óñ

.

ìí îï ðï

str

ñ

s

ï

sur

ñ

t-

îò ð ó

ur

ñ

t

ýñûï

su

ñ

tu

ø÷ûñ ðï

s

ñ

s

ï îò

ru

öñþñð

s

ò

su

ñ

tu

óñðû öò ðÿïðû íñð îò

ru

öñþñð ýñûï ñð

tu

ûñ

s

ô ñöñ ðûñð öòþò

r

ññð ñíîïðï

str

ñ

s

ï þò

s

òþ

r

ò

t

ñ

r

ïñ

t

ñ ð

(

õÿ

t

ö

//pbhmi.net/data/organisasi/

pedoman_kesekretariatan. pdf)

rti

isposisi

Disposisi menurut Kamus Besar Bahasa Indonesia dari sudut

pandangadministrasi berarti pendapat seorang pejabat mengenai urusan yang

termuat dalam suatu surat dinas, yang langsung dituliskan pada surat yang

bersangkutan atau pada lembar khusus. Melihat defenisi tersebut jelas sekali

bahwa disposisi haruslah memberikan informasi yang jelas berupa instruksi,

petunjuk dan arahan dari pejabat lebih tinggi apa yang harus dilakukan kepada

bawahannya. (http://ekonomi.kompasiana.com/ manajemen/2011/04/11/disposisi/)

rti

st

m

orm

i

Sistem Informasi (SI) dapat didefinisikan sebagai kumpulan elemen yang

saling berhubungan satu sama lain yang membentuk satu kesatuan untuk

mengintegrasi data, memproses dan menyimpan serta mendistribusikan informasi.

(Sutedjo, 2002).

commit to user

6

n

m

u

n

k

r

!"

un

! #$% $& '(

r

) *+) * ,) *- .(

st

m

Analisis perancangan sistem adalah suatu pendekatan yang sistematis untuk

mengidentifikasi masalah, peluang, dan tujuan-tujuan, menganalisis arus

informasi dalam organisasi, serta untuk merancang sistem informasi

terkomputerisasi untuk menyelesaikan suatu masalah. Saat informasi berkembang,

suatu pendekatan yang sistematis dan terencana untuk memperkenalkan,

memodifikasi, dan pemeliharaan sistem informasi menjadi sangat penting.

Analisis dan perancangan sistem menampilkan pendekatan semacam itu (Kendall

& Kendall, 2003).

Tahap perancangan sistem ini mempunyai dua tujuan, yaitu :

1. Untuk memenuhi kebutuhan pemakai sistem

2. Untuk memberikan gambaran yang jelas mengenai rancang bangun sistem

yang lengkap kepada pemrogram komputer.

/0

m

l

1

os

s

Menurut Kendall & Kendall (2003), Analisis perancangan sistem adalah

suatu pendekatan yang sistematis untuk mengidentifikasi masalah, peluang, dan

tujuan-tujuan, menganalisis arus informasi dalam organisasi, serta untuk

merancang sistem informasi terkomputerisasi untuk menyelesaikan suatu masalah.

Saat informasi berkembang, suatu pendekatan yang sistematis dan terencana

untuk memperkenalkan, memodifikasi, dan pemeliharaan sistem informasi

menjadi sangat penting. Analisis dan perancangan sistem menampilkan

pendekatan semacam itu.

commit to user

7

1. Diagram Konteks

Diagram konteks atau

FGH IJ

x

I K LMN OM P

adalah sebuah diagram sederhana

yang menggambarkan hubungan antara entitas luar, masukan dan keluaran dari

sistem (Kristanto, 2003). Simbol yang digunakan dalam diagram konteks adalah

sebagai berikut:

Q RST

l

UVWX

im

S

ol

YT

om

pon

n

Z[ R\]R^Y

ont

T

ks

_T

ntuk

Y

om

pon

T

n

YT

t

T

r

R`\ R`

entitas

aRb

ntit

Menggambarkan sumber dan tujuan

dari aliran data (

cMIMde Gf

) dari dan atau

menuju sistem.

g]

os

T

s

Merepresentasikan proses aliran data.

X

ist

T

m

Merepresentasikan keseluruhan sistem

yang hendak dibangun.

2. DFD

(Data Flow Diagram)

Data Flow Diagram

(DFD) adalah suatu model logika data atau proses yang

dibuat untuk menggambarkan darimana asal data dan kemana tujuan data yang

keluar dari sistem. DFD menggambarkan penyimpanandata dan proses yang

mentransformasikan data. DFD menunjukkan hubungan antara data dan proses

pada sistem. (Kristanto, 2003)

QRST

l

UVU X

im

S

ol

Y

om

pon

T

n

ZhZ

_T

ntuk

Y

om

pon

T

n

YT

t

T

r

R`\ R`

entitas

aRb

ntit

commit to user

8

ij

ur

kl ml

Menggambarkan aliran data dari satu

proses ke proses yang lainnya.

n o

os

p

s

Proses atau fungsi mentransformasikan

data secara umum.

n p

nyim

lql

p

n

k l

t

l

Berkas atau tempat penyimpanan fungsi

untuk menyimpan data atau

r stu

3. ERD

(Entity Relationship Diagram)

Entity Relationship Diagram

adalah diagram yang berisi komponen

komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi

dengan atribut-atribut yang mempresentasikan seluruh fakta yang ditinjau

(Fatansyah, 1999). Notasi-notasi simbolik yang digunakan dalam Diagram ERD

ditunjukkan pada Tabel 2.3

vl w p

l

xy z{

im

w

ol

|

om

pon

p

n

} ~k

p

ntuk

|

om

pon

p

n

|p

t

p

r

lq€lq

Entitas

}l 

ntit

Entitas merupakan penggambaran dari

tempat penyimpanan informasi

Merk

Weak

Entity

}l 

ntit

‚ pl

m

h

Adalah entitas yang bergantung pada

entitas lain

i m

ri

w

ut

commit to user

9

ƒ„

ri

…

ut

†

un

‡

i

Adalah pembeda dari entitas dan

bersifat unik

ˆ‰

l

Š ‹

i

Mengilustrasikan bagaimana dua entitas

berbagi informasi di dalam struktur

basis data

ˆ‰

l

Š ‹

i

Œ‰

m

Š 

Relasi yang digunakan untuk

menghubungkan

Ž ‘ ’“” “

y

atau

entitas lemah dengan yang lainnya

†Š• –

in

Š—

it

Š ‹

Adalah penetapan jumlah maksimum

atau minimum hubungan.

ˆ‰‡‰

ursiv

ˆ‰

l

Š„

ions

Adalah relasi yang menghubungkan

entitas dengan dirinya sendiri

Secara konseptual, entitas dan atribut tidak terpisah. Hal yang

dinyatakannya saling berinteraksi dan mempengaruhi untuk mendukung tujuan

bisnis. Karenanya, diperkenalkan konsep hubungan. Hubungan atau

˜™“”š’› œ”

adalah hubungan bisnis alami yang ada di antara satu atau lebih entitas. Hubungan

tersebut dapat menyatakan kejadian yang menghubungkan entitas atau hanya

persamaan logika yang ada di antara entitas.

žŸ 

Database

commit to user

10

£¤¥ ¦§ ¤¥ ¨

dan dengan

©ª «¬§ ¤¥¨

untuk melakukan manipulasi untuk kegunaan

tertentu (Irmansyah, 2003).

Hubungan antar data dapat ditunjukan dengan adanya

«­¨®¦

/coloumn

kunci

dari tiap

file/table

yang ada. Dalam satu

file

atau

table

terdapat

record-record

yang sejenis, sama besar, sama bentuk, yang merupakan satu kumpulan entitas

yang seragam. Satu

record

(umumnya digambarkan sebagai baris data) terdiri dari

field

yang saling berhubungan menunjukan bahwa

field

tersebut dalam satu

pengertian yang lengkap dan disimpan dalam satu

record.

Database

sangat diperlukan dalam sebuah sistem karena data-data yang

terdapat dalam

database

inilah yang nantinya akan diberikan

security

sehingga

data-data penting dalam sebuah sistem tidak dapat dicuri dengan mudah.

¯°±

H

²³ ´

HTML (

HyperText Markup Language

) adalah bahasa standar untuk

membuat halaman-halaman web, sedangkan PHP (

PHP Hypertext Preprocessor

)

berkedudukan sebagai tag dalam bahasa HTML. Model kerja HTML diawali

dengan permintaan suatu halaman web oleh

browser

, dari

browser

permintaan

dilanjutkan ke

webserver

yang kemudian mencarikan

file

yang diminta dan

memberikan isinya ke

browser.

Perbedaannya jika menggunakan kode atau tag

PHP adalah ketika berkas PHP yang diminta oleh

browser

didapatkan oleh

web

server

, isinya segera dikirimkan ke mesin PHP dan mesin inilah yang memproses

dan memberikan hasilnya (berupa kode HTML) yang kemudian akan dikirim ke

browser

oleh

webserver.

Secara khusus, PHP dirancang untuk membentuk

aplikasi web dinamis. (Kadir, 2008)

¯°µ

PHP

PHP

dikenal sebagai bahasa pemrograman yang codenya dijalankan disisi

server

. Dengan demikina kode aslinya tidak akan terlihat pada

client

(

browser

).

commit to user

11

mac, linux, dll). Dengan menggunkan

¶ ·¶

koneksi ke database

¸¹º »¹º

(penyedia

daya) juga mudah digunakan. (Kadir, 2008)

¼½¾

MySQL

MySQL adalah salah satu jenis

¸ ¹º»¹º

basis data yang sangat terkenal.

Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar

untuk mengakses basis datanya. Selain itu MySQL bersifat

¿À¹Á ¸¿ÂºÃ¹

pada

berbagai platform. MySQL termasuk jenis RDBMS (

ĹŠÆÇÈ ¿ÁÆÅ É Æ ÇÆÊ Æ¸ ¹

ËÆÁ ÆÌ ¹Í ¹Á Ç Î

y

¸Ç¹Í

). Pada MySQL, sebuah basis data mengandung satu atau

sejumlah tabel. Tabel sendiri terdiri atas sejumlah baris dan setiap baris

mengandung satu atau beberapa kolom (Kadir, 2008).

¼½Ï

Cascading Style Sheets (CSS)

ÐƸÃÆÑÈ ÁÌ ÎÇ

y

Ź ÎÒ¹¹Ç

(CSS) di gunakan dalam kode

HTML

, untuk

menciptakan suatu kumpulan style yang terkadang dapat di gunakan untuk

memperluas kemampuan

HTML

. Sebagai contoh, kode

HTML

murni tidak

memungkinkan untuk menggunakan sebuah definisi font yang diterapkan pada

setiap sel dan bahkan tag <BASEFONT> pun tak berpengaruh pada sel sel table.

Misalnya diinginkan untuk mengatur ukuran font setiap sel sebesar 2. Dengan

menggunakan tag <FONT>, semua sel harus di format dengan menggunakan

<FONT SIZE = >. Tentu saja tindakan seperti ini tidak praktis. Namun, dengan

mengunakan

CSS

, kita hanya perlu mendefinisikan style sekali saja dan style akan

berlaku untuk setiap sel dalam table. (Kadir, 2008)

¼½ÓÔ

JavaScript

JavaScript

adalah code untuk menyusun halaman

web

yang

commit to user

12

baris tertentu dalam satu table dapat dikerjakan dengan menggunakan

Õ Ö×ÖØÙ Ú ÛÜ Ý

.

(Kadir, 2011)

Þßàà

JQuery

Merupakan salah satu pustaka yang dikembangkan menggunakan

ÕÖ×ÖØÙ Ú ÛÜÝ

. Kehadirannya adalah untuk memudahkan penulisan code

Õ Ö×ÖØ ÙÚ Û Ü Ý

.

Dengan menggunakan

jQuery

, penulisan code

JavaScript

menjadi lebih sederhana

(codenya menjadi ringkas). Selain itu, yang lebih penting lagi pembuatan halaman

commit to user

áâ ã äãåå å

äæ äçå èå èé äæêë ìäæí äæîäæ

ïð ñòó ôòó õòó ö ÷ö øðù ö òóõòø ú÷ ûü øü ý þòó ö ð ûðÿüù ù ðùûüò ø ö üò øü ö ÷ö ø ðù ÷ ó ñù òö ÷ òóô òóõòó øð ñö ð ûü ø ùðÿ÷ ü ø÷ ð ñòóôòó õòó ú òó ó øüþ ùðùòý òù÷ úòó ù ðñ ðòÿ÷ö òö ÷þòó ö÷ ö øðù ú÷ðñÿüþ òó ö üò øü õòùû òñòó ù ðó õðó ò÷ ö ÷ ö øðù òÿü ñ ú ò øò òóõ ø ðñ òú ÷ ðÿ ò÷ ó ÷ øü òú ò øòý ò ÷ ó÷ ò þòó ú ÷ øðó øü þòó ð ñòóô òóõòó òÿ ü ñ ú ò øò òóõ ò þòó ú ÷õü ó ò þòó öð ñø ò ú òó ú ðö þñ÷ö ÷ú òøòúò ñ÷ òóõø ðÿòýú÷ûüò øòúò òö ðòóòÿ÷ ö÷ö

ê

r

ä

sit

ktur

!òùûò ñ ú÷ ûò"òý ÷ ó÷ ùðñü ò þòó ñòóô òó õòó òñö ÷øð þøüñ ò ñ÷ó õòó þù ü øð ñ òóõ ò þòó ú÷ ÷ù ÿ ðù ðó øòö ÷ þòó òúò ÷ ö øðù #ó ñù òö ÷ ïðóõò ñö ÷òó üñò ø ùòö ü þ ú òóü ñò ø$ðÿ üò ñ$òó ø ñïð ñ÷ óõþúòó%$ %$ò ûñòõðó

î & ' ê

r

ä

sit

ktur

( ä)

isis

*'

utuh

n

+

oftware

S

, òóõ ú÷ðñÿü þòó üóøü þ ù ðùûüòøö ÷ ö øðù ÷ó ñù òö ÷ ðó õò ñö ÷ òó÷ó÷

÷ ó÷òúòÿ òýö ð ûòõò÷û

ðñ÷þüø-ò ./ %ï ï ñ0÷ óú "ö ú÷õüóòþ òóö ðûòõ ò÷,1ú òñ÷ö ÷ ö øðù òóõú÷ûüò ø

commit to user

4

4

56 78 9:; < = 9>9? = 9@ AB CDE FG FE D E HD G IJKFGDG FE L MNO JO AJOFB E P Q>; R STU; A F MB O B O H J IVFECAB WDF H6

A6

LXLYVZA IBE[T>T: T? ;

M

T QT\; R

OJWF CFB

[T>T: T? ;

M

T QT\; R 6

]^] _ `

r

abc abd abe

ist

`

m

fJ MFE 5FE CFEO BO H JIWJ MHDgD FEDEHDGIJE JE HD GFEM FE5FE CFE hB O HJIiEjN MIFO B fJE CF MO B L FE hDMFH YFODG AFE hD MF H kJK DF M6 fJ MFE 5FE CFE OBO HJI B EB AB ID KFB A JE CFELJ MFE5 FECFEl9Q>;m>[PT\R Tno pqrA FE[T >Tst9u[PT\R Tnoq vqr6

]^]^w

Context Diagram

xy z{

l9Q >;m> [PT\R Tn FHFD AB F CM FI GN E HJGO B EB IJ MD L FGFE LJE CCFIW F MFE O J 5F MF CF MBO W JO F M OB O HJI B EjNMI FO B VFE C FGFE ABW FE CDE AJECFE I JEFILBK G FE B ELD H| LMNO JO| AFE ND HLD H AF MB O BO HJI6 l9Q>;m> [P T\R Tn hBO HJ I iEjN M IFOB fJE CF MO B L FEhD M FHYFO DGAFEhD M FHkJKD FMA FLF HABK BXFHLFAF} FIWF M~6 6

€a‚ aƒ]^ „

Context Diagram Sistem Informasi Pengarsipan

kJ HJ MFE CFE

…

†6 fMNO JOP Q@‡ > A FE 9‡>@‡> FAIB ELFA F hB O HJ IiEjN MI FO B hD MF H YFO D GA FEhDMF H kJKDFM6

commit to user

16

°±°± ²³´ ³

Level

µ

¶· ¶

L

¸ ¹¸ º »¼½¾¿ÀÀÁ ½ÂÁ à ÄÁ ¿ÁÅ ÆÃÁ ¿ÇÁ ÈÁ ÉÁ ¿ÀÁÇÁ ÇÆÇÁ ÅÁ½Ê Æ ÊÈ ¾ ½Ê¾ ˾ÃÈÆ ÉÁ ¿À ÇÆÀÁ ½ÂÁ à ÄÁ¿ËÁ ÇÁËÃ Ì Ê ¾ ÊÇ ÆÇÁ ÅÁ ½ Í ÎÏиÑÐ ÒÓ ÔÕÖ Ô× ØÙÁ ½Â Áö· ¶

L

¸¹ ¸º» ÇÁËÁ ÈÇÆÅÆÚÁ ÈËÁÇÁÙ Á½ÂÁ ÃÛØ ÛØ

°±°±Ü³´ ³

Level

ÝÞ

ros

ß

s

Þ ß

n

à ß

lol

ááâãä

sip

¶· ¶

L

¸¹ ¸º å ËÃÌÊ ¾Ê ˾¿ À¾ÅÌÅ ÁÁ ¿ Á Ã Ê ÆË ¼ ½¾¿ÀÀÁ½ÂÁ à ÄÁ¿ Á ÅÆà Á¿ ÇÁ ÈÁ ÉÁ ¿À žÂÆÚ Ç¾ÈÁ ÆÅ ÇÆ ÇÁ ÅÁ½ Ê ÆÊÈ ¾ ½ Ê¾Ë ¾Ã ÈÆ ÉÁ ¿À ÇÆÀÁ½Â ÁÃÄÁ ¿ ËÁÇÁ ËÃÌ Ê ¾ Ê

æ

çÈÆÀÁè ÇÁà Æ

commit to user

17

commit to user

commit to user

19

Level

os

s

n

lol

rsip

Entity Relationship Diagram

y R

! " #$ %&&'# ( ')* ' % +,(,%&' % '%- ' ) $%-.-'/ 0' %& '1 '1'2'# /. /-$ # .%3 4 )# '/. 5$ % &' )/.5'% .%.6 7' 2'# 897 .%. -$)1'5 '- ,/$ ): 0' %& 1 .#'*/,1 , /$ ) -$ )1. ). 1'). '1# .%: ' &$%1': *$ 5 ' 2': * '(. 1: /$*)$-'). /6

y

R

! "1'5 '-1.2. +'-5 '1';'# (')<6=6

6

Entity Relationship Diagram

>

ist

m

?@

n

orm

A

i

>

ur

BCA

uk

D

commit to user

20

FG

5

H I J

us

KI LI

MN ON P QR P STN UN V WXW URP X VY Z[ PNW X QRV\N [ W X QNV W T[NU PN W T] ^NV W T[N U

]ROTN[ ^ XQR[ O T]NV

N^ N V_N

W TNUT SNW XW ^N UN _N V \

^X\T VN]NV T VUT ]

PRV_X PQNV

WROT[T` XVYZ[ PNW X ^NV ^NUNa bR[NVcNV\ NV SNW XW ^NUN TV UT] W XW UR P XVYZ[ PNW X QRV\N[ W X QNVW T[ N UPN W T ]^NVW T[NU]R O TN [N ^N ON`WRSN\N XSR [ X ]TUd

Na eNSROTWR [

eNSRO T WR [ SR [Y T V\W X PR V_XP QNV ^N UN fgh i jN ^ PX Vk ]RQNONk N\RV^Nk WR][RUN [ X Wk^NV]N S X^l_NV\^ X UTVmT] ]NVQN ^NeNSR Onaoa

pI qr

l

FG s

us

r

r

tI

m

I

Field

p

ip

r

KILI

uv

ur

Iw

Field

K rx

inisi

Hr

t

r

r

IwyIw

z^{T WR[ |} ~  z^T VUT]

TWR [

€ i |‚ i

y

ƒh

y

„

o

~„f …

l

T WR[VNPR † ‚i‡

h

‚ i o ˆ ‰g hi} ‚ h ‰}|

qe

Not Null

QNWWŠZ[^

varchar

‹ˆ

Password

Not Null

W UNU TW

varchar

Œˆ UN U TW

Not Null

VNPN{QR U T\N W

text

ŽN PN

Not Null

Ž X Q

varchar

Œˆ VXQ

Not Null

ON PN U

text

N ONPNU

Not Null

NSN UNV

Varchar

nˆ mN SNUN V

Not Null

Sa eNSROW T[NU{PNWT ]

eNSRO W T[N U{PNW T] SR [ YTV\WX PR V_XP QNV ^NUN^ NUN ^N[X W T[ N U PN W T ] _NV\ UR ON` ^ X PN W T] ]NV ]R ^N ONP

database

a U[ T ]UT[ ^N [ X UNSRO X VX ^ XUTVmT ]]NV QN^N

eNSROnaŒa

pIqr

l

FG‘

sur

I L’

m

I“

uk

tI

m

I

Field

p

ip

r

KI LI

uv

ur

Iw

Field

K rx

inisi

Hr

t

r

r

IwyIw

UNV\\NO

date

eN V\ \NO^ X

W T[ N U

Not Null

VZ{W T[NU

varchar

o ‹

Ž ZP Z[W T[NU

Primary

Key

Not Null

NWNO{W T[NU

varchar

nˆ MN[ XPN VNN WNO W T[ N U

Not null

QR [ X`NO

varchar

nˆ bR[X`NO

Not null

\N P SN[

varchar

Œˆ

commit to user

21

•– —˜™ š › œ ž Ÿ •–˜  ¡ ˜¢˜™š ›

Not null

£¤ —¥ ¦š  –¥

int

§ £¤¥ ¦š  –¥

–¨™©¤™¨™¨

Not Null

ª¡ ¥¡ ˜™ —™ ˜ ›¥¡

varchar

§ ª¡¥ ¡˜™™ ˜›¥ ¡

Not Null

«¬

­¥®š¯™ ˜›¥ ¡—¢š¯˜ ¥›

­¥®š¯ ®š›¨¡ ¥ –¨¦˜ ¥¢¥  ˜  ¡˜¢ °š  ±¨°©¥  – ¥¡¥Ÿ– ¥ ¡¥ –¥ ›¨ ™ ˜›¥ ¡ ¢š¯˜¥ › ±¥  ¦ ¡š¯¥²–¨ ®˜¥ ¡–¥ –¨° ¥™ ˜¢¢¥ ¢š– ¥¯¥°

database

¬ª¡›˜¢ ¡˜ ›¡ ¥®š¯

–¨¡ ˜ ³˜¢¢ ¥ ©¥–¥ ­¥®š¯´¬´¬

µ¶· ¸

l

¹º¹

sur

¶ »¼ ½¸

lu

¶ ¾

¿¶

m

¶

Field

µ

ip

¸À¶» ¶ Á½

ur

¶Â

Field

À¸Ã

inisi

ĸ

t

¸

r

¶ÂŶÂ

¡ ¥ ¦¦¥¯

date

­¥  ¦¦¥¯–¨™ ˜ ›¥¡

Not Null

•–—™ ˜›¥ ¡

int

Æ •–˜ ¡˜¢™ ˜›¥ ¡

Primary

Key

Not Null

 ¤—™ ˜›¥ ¡

varchar

ǧ £¤° ¤ ›™ ˜›¥ ¡

Not Null

©š ›¨²¥¯

varchar

´È ɚ ›¨²¥¯

Not Null

¡˜ ³ ˜¥ 

varchar

´È ʚ©¥–¥™¨¥©¥

Not null

¨™¨—™ ˜ ›¥ ¡

text

• ™¨™ ˜› ¥¡

Not Null

­š°®˜™ ¥ 

Varchar

´È ­š °®˜™ ¥ ™ ˜ ›¥¡

Null

Ë¥°©

Int

Ç Ë¥°©¨›¥ 

Null

ɚ   ˜¡ ˜©

Text

ɚ ˜¡˜©™ ˜›¥¡

Not Null

ª¡ ¥ ¡˜™

Varchar

Ì ª¡ ¥¡ ˜™™ ˜›¥ ¡

Not Null

•– — ˜™ š›

int

Ÿ •–˜  ¡ ˜¢˜™š ›

Not Null

–¬ ­¥®š¯–¨™©¤™¨™¨

­¥®š¯ –¨™©¤™¨™¨ –¨¦˜  ¥¢ ¥  ˜  ¡˜¢ °š  ±¨°©¥  –¥ ¡¥ –¥¯¥° –¨™©¤™¨™¨ ™ ˜›¥¡¬ ª¡ ›˜¢ ¡ ˜›– ¥ ›¨¡¥®š¯–¨¡˜ ³˜¢¢ ¥ ©¥– ¥­¥®š¯´¬Í¬

µ¶· ¸

l

¹º Î Ï

isposisi

¿¶¶

m

Field

µ

ip

¸

À¶» ¶

Á½

ur

¶Â

Field

À¸Ã

inisi

ĸ

t

¸

r

¶ÂŶÂ

£¤ — ¥¦š  – ¥

int

§ £¤–¨™©¤™¨™¨

Primary

Key

Not Null

­¥ ¦¦¥¯—–¨™

date

­¦¯–¨™©¤ ™¨™¨

–¨¢š¯˜¥›¢ ¥ 

Not Null

commit to user

22

Ð ÑÐÒ Ó ÔÕÓ ÖÒÐ Ñ × ØÙ Ú Ð Ñ × ÛÑ ×Ù ÜØÑ × ØÙ × Û Ý ÞÚÙ Ø

Not Null

Ñß àÙ áÑ âØÑ Ð ãâÙØÑÝ àÙ áÑ â ØÑÐ ãâÙØÑÝ äÜÛÞ× ÙåÙ × Þ× ØÞå Ð Ñ × æÜ Ð ãÙ× ØÑÐ ãâÙ ØÑÝ ÝÞÚÙ Ø åÑ âÞÙ Ú äÜ äÙ â ÙÐ

database

ßçØ ÚÞå ØÞÚäÙÚÜè èÙ áâ ÑäÜØÞ×éÞå åÙ ×ãÙ äÙàÙáÑâêßëß

ìíîï

l

ðñ

5 t

ï

m

pl

í òï

s

óíí

m

Field

ì

ip

ï

ôíòí

õö

ur

í ÷

Field

ôïø

inisi

ù ïï

t

r

í ÷úí ÷

ûäüØÑ Ðã

int

è ûäÞ× ØÞåØÑ Ð ãâÙØÑ

Primary

key

Not Null

ýÙ ÐÙüØÑÐ ã

Varchar

èþ ýÙ ÐÙÞ×ØÞå

ØÑ Ð ãâÙØÑÝ

Not Null

ÛÙ Ðá Ù Ú

Varchar

èþ ÛÙ Ð áÙÚ

Not Null

ðñ

6

ÿ ï

r

í ÷ í ÷ú í ÷í

u

í

i

ÿ ú í

commit to user

!

"# $

m

p

%&&

m

nt

' ( ))

st

&

m

*+ ,- ./ 0 +12.1 3 +4. 15. 12 .1 ,/,6+7 8. 12 6+9.: 0/ ;+7 - ;. ;. 1 ,+< +9-718.= 3 . 0. ,/ ,6+7 /1> ?47 .,/ ,- 4 .6 7 .,- ; 0.1 ;+9-.4 6 +4 0.3.6 @ 7.5 .7 ABC D 8./6 -. 07 / 1=<.2.2 +1 0.=;+3 .9.=,+;4+6 .4 / ,=;.</ 0E F+4/ ;-6/1/7 +4-3 . ;. 1/7 3 9 +7+ 16. ,/ ;+ 9/7 .6 / 12 ;.6. 1AB CD.6.-: .9.7 . 18 .120.3.60/. ;, + ,?9 +:7 .,/12G7 . ,/ 12AB CDE

"# $#$ H'%'I'

n

JK)

n

L.9 .7. 1 / 1/ .0.9.: :.9 .7. 1 MNO PQ - , +4 8 .12 ,-0. : 6+4 0.>6 .4 0. 1 . 07 / 1 . ;. 1 MN O PQ 3. 0. : .9 .7.1 /1/= ;.4 + 1. 0.6. < +4 ,/> .6 3 4/< .0/ 7. ;. ,+ 9./ 1 -, +4 8.12 ,- 0 .: 6+4 0 .>6 .4 0. 1 .07/1 = 6/ 0.; . ;. 1 </, . 7+ 12 .;, + , :.9.7 . 1 /1/ E L. 9 .7 . 1 7 - ; .0/6-1R- ;;. 13. 0.S.7 <.4TEU

S.7 < .4TEUV.7 3/ 9. 1L.9 .7 .W?2/ 1

"# $#X &K J%'Y'Z

n

[

un

"# $#X#$H'%'I'

n

&

nu

[

un

'K K&

n

\']^&

p

' %']^'_)\\'Z&[

r

&

t

'`)

s

commit to user

b

6

c de fdgh fi cj k hlhm hn inichmh cdodfg ip hlhmh ndq ig rcd f r ng rec dm rh r cdfjsdo d fgi q ig r ntree h no hqhuhmvhfwj x

uhm v hfwj xyhm oilhnkhlhm h nz dn r{e rn| c d f }~ ~ €~ € ‚ƒ ‚„‚

n

…‚„† ‚‡

User

k hlhmh n i ni md fro he h n phlhmhn r ng re m dn hm vhpehn rcd f vh frˆ ‰h nŠ q ho hg qihe cd c ‹ldp h q mi nj z dn rŒm dn r in i q hohg q ihe cd c ‹l dp hqmin cdgdlhp mdlhe rehno f‹cd cŽ ‘jk hl hm hnyhmvhp’ “”•qig rntre e h no hq huhm vhfwj–

uhm v hfwj–yhm oilhnkhlhm h nyhm vhp| c d f

}~ ~ €~— ‚ƒ ‚„‚

n

˜ ‚™‚

User

k hlhmh n i ni m df ro heh n p hl hm h n ‰hnŠ p h n‰h q hohg q ihe c d c ‹ldp hqminj {q min m dnŠdl‹l h cdl r frp qhg h |cdf ‰h nŠ g dlhpqig hmvhp e h n e dqhlhm q hg h vhcdj

k hlhm h n i ni p hn‰h

hehn mrnš rl edg ieh hq min gdl hp l‹ Ši nj

commit to user

27

œ ž Ÿ  ¡¢¡£ž ¤¥¦ §¨¦ ž§© ª« ¬­  

®¯ °¯ ± ² ³

m

´

u

µ¶ µ

n

·

ur

µ¶¸³¹

u

µº

®¯ °¯ ±¯°» µ ¹µ¼µ

n

²³

m

´

u

µ¶µ½ ·

ur

µ ¶¸ ³ ¹

u

µ º

commit to user

28

ÌÍ ÎÏ ÍÐÑÒÓÔÍÎ ÕÖ× ÍØÙÍ× Í ÎÍØÚÛÐ Í ÜÝÞ ×Û ÍÐ

ßà áà âàãä åæ åçå

n

èé

m

êé

r

ë åìí

om

or

î

ur

åïðé æ

u

åñ

commit to user

29

þÿ ÿ ÿ ÿ ÿ ÿ ÿ ÿÿ ÿ ÿ ÿ ÿÿ ÿ

þÿ ÿ ÿ ÿÿ ÿ ÿ ÿ ÿ ÿ

n

!"#

w

$

ur

%&#

u

'

ÿ ÿ ÿ ÿ(ÿ )ÿ ÿ ÿ ÿÿ* ÿ)( ÿ* *ÿ *(

ÿ ÿ *ÿ ( ÿÿ + ÿ (ÿ( (*ÿ ( )ÿ*ÿ ( ÿ*

commit to user

30

01 2 31 45678129:;1 <=1;121<

>?41 @AB; ?14 CD ED FD CG HI HJH

n

KLM

w

N O PQRS

ur

HTUM I

u

HV

=1; 1 21 < :< : 2 B 4?91W1 < X1;1 21 < Y:21<1 ZB @B;1X W: @1 2B; :X1 @ Z?41@ WB; ?14 ZB 3B; ?2 Y:9 4 :< @ [ ;1 ; ? W: @1 W; :W \B @1W Y: 31]1X ^: B] Z?41@ WB;?14 21W1 1W1< 2 ?<\?; ^:B] 9 4 :< @ Y14: Z?41 @ WB;?146 =1 ; 121 < :<: 3B 4_?< 1 ?<@?W 2B; :X1@ 3B< @ ?W Z?41 @ WB; ?1 4 ZB3 B;?2 W: @1 \B@1W6

=1;121<

`:B] a4:< @

>?41@ AB; ?14

Y:@ ?<b?WW1<

91Y101 2 31 456c

commit to user

31

lm nm l o p

m

q

u

rs r

n

t

ur

rsurv

u

w

lm nm lmnx ry rzr

n

{

nput

t

ur

r surv

u

w

|} ~} } €€‚ƒ„ …} †} €‡} ~}} € ˆ} € ‰Š} …}‹ Š}†Œ ‚ Œ ~‚ ‡ „Œ‚ƒ Ž} ‰}‰‚€ Š} 

Ž} ‰ } ‰‚€Š} Š} …}‹ ‚€ ‰€ …„ ‹†}€ Š} ‹}Š} ‹} Œ„ ƒ}‹ } Œ„† Š}€ Š} ‹} ŠŒ … ŒŒ  …} Š} ‡}~}} €Š‘} ’}‡€|}~} } €“„ƒ } ‹”}Œ„ †Š‹„€• „ † †}€…}Š}–} ‘} ƒ—˜™

–}‘} ƒ— ˜ ™š} …~}€|}~} } €›€ …„‹“„ ƒ}‹”} Œ„†

lm nm lmœx ry rzr

n

t

t

rs

us

t

ur

r surv

u

w

commit to user

32

ž Ÿ  ¡ Ÿ¢£¤ ¥¥¦Ÿ §¨© Ÿª«Ÿ©Ÿ Ÿª¬­ Ÿ­®¯¬®¢Ÿ­° Ÿ¯® ± ²³ ´³ ²³µ¶ ·¸ ·¹·

n

º»¼ ·½¾

ur

·½¿·ÀÁ

u

commit to user

33

Ç ÈÉ Ê ÈËÌÍ Î ÏÐ ÈÑÈÉ ÈÒÓÔÕ Ö×Ø ËÈÙÚ ÈÛØ Ü ÝÞ ßÞ à áâ

s

ã

p

ä

ur

å æ

ÝÞ ßÞ àÞßçå èå éå

n

êë ìå íä

ur

å æ

commit to user

34

ö÷ øù ÷úûüýþÿ÷ ø ÷ ÷ ÷ø ÷ ÷ ú ÷ ÷

ö÷ øù ÷úûüý ûÿ÷ ø ÷ ÷ ÷ø ÷ ÷ ú ÷ ÷ú

spos

s

n

w

spos

s

÷ ÷ ø÷ ø ú ÷ ÷ ÷ ÷ ø÷ ø ÷ ÷ ÷÷ ø÷ ø ÷ ü ÷ ÷ø ÷ ÷ ÷÷

ú úü ú

commit to user

35

! " #$% &'( ) ! *+, -./, 0 120 ,0 ,

34 54 6478 9: 9;9

n

<=>

w

? @ ABCD=

spos

=

s

=

( ) ! * , *,!- #E 1 F *G ) ! * H,! * 0- I-) GF,I 0 -)-0 ,!- *J,0 ,F2 )2! H, H ) ! H, 0 120 ,0 , 1 H 0 E# I ! 0 EF I H,K ) ) EF, I F ),F L- I F H , H ) ! H,0 120 ,0 , ! F F * !E *L E)M, -. 1#,*I H #, H,0 120 ,0, % ( ) ! * , *,"-#JE* E* IEF ! -) , G I "- *I EF H, 0 120 , 0, 0 -"-)E! F ,I L -I F% ( ) ! * +, -. N#,*I /,0 120 ,0 , H, IE*OEFF * 1 H ! " #$% &P

commit to user

36

QR STU VW

u

VX YZ

r

[\] V^

_ `ab c ad e fg hig aj ak ab al m `ab ca d e nmgla kaf ocpid e qocpid e ra p i a ka ke k ab aj d ed n mjs afata l

ocpid e hpab kag e de d nmj

nmg d muc n umgocp id e

d md cae r ap i

kel agaftap

a na cn ekatv_ `abca d ewghig ajd mua ia eumgetcnx

y

nput

Z]

os

z

s

{

utput

| V}\ ~ YV] V€  V}

‚VX YW

ƒ [\Y

n

„ []

m

…h ie p

-

† dmg p aj m

-

fad d‡hg k

ˆ m pim na lc e

ac nlm pn etad e kage f m piicpa r ap i jad ct d ed nm

‰ Šmp ag‹

-

ˆ a d ct tm

lab ajap umg k adagta p

bm`mbcd mg

Œctd md

‰Œab al‹

-

wm d apŽ  ‘Ž ’

“lagcdkeed e” v q wmda p mgghg “epf c ndaba l”v

•ˆ aao

f a d d‡hgk ka p cd mgdaba l

–V^— V ˜ Xz

r

-

Username

-

Password

-

Status

-

Nama_petugas

-

Nip

-

Alamat

Memasukkan data user

ke dalam

database.

[Benar]

- Pesan input

sukses.

Data Berhasil

ditambahkan

[salah]

-

username

sudah

terdaftar

maaf user

sudah ada

commit to user

37

œž Ÿ   ¡ ¢£

-

œ¢¤ ¥¥¢ž

-

¦  ¢ž  ¡ ¢£

-

œ§ ¢¤

-

¨©¡ Ÿª¢ž

-

œ©« ¬   ¢¤

-

­©¤£ ­

-

®  Ÿ ¯©« ¢  ° °¢¤ Ÿ±©¤£ Ÿ£ ¢    ¡ ¢£ °© ± ¢ž ¢« ± ¢£ ¢¬¢ © ² ³©¤¢¡´ ®¤­£¢¤¬©¤¢¡ µ¢£ ¢ ¬©¡ª¢  Ÿž ± Ÿ£ ¢« ¬¢ª¢ °¢¤ ² ¶ ¢ž ¢ª´ ·¸  ¸¤¥¹± ¢£ ¢ £Ÿ± ¢ °± ŸŸ  Ÿ ©«¢º œ Ÿ± ¢ °± ¢ ­¢£ «©¤»Ÿ« ­ ¢¤ ± ¢£ ¢ ± ¢¤« ¤¼ž ­©  ¢¤ ½± ¢£¢£ Ÿ±¢ ° ¬ ¸ž©ª °¸  ¸¤ ¥

¾

nput no sur

¿ ÀÁÂ Ã

u

¿ Ä

Data inputan

-

No surat

Memasukkan no surat

keluar ke database

[Benar]

Inputan benar

Data berahsil

ditambahkan

[salah]

kosong (data tidak

diisi)

Data tidak

boleh kosong

¾

nput

Å

ur

¿ÀÆ¿ Ç

u

Á

Data Inputan

-

No surat

-

Asal surat

-

Perihal

-

Tanggal

-

Surat

(gambar

surat)

-

Lembar disposisi

Memasukkan identitas

surat

masuk

ke

database

[Benar]

Inputan benar

Data berhasil

ditambahakan

[salah]

Kosong (data

tidak diisi semua)

commit to user

ÈÉ ÊË ÊÌ Í

E

Î ÏÐ

U

Í

ÑÒ Ó Ô Õ Ö ×ØÙÚÛÜÝ

Þß à áâ ãä åæ ç è æé á åæ ãêéæç áç á æè æ åæë ìßéëæà á åçíæ è áìä æî àßìä æ ë à áàîßâ á çïêé â æà á àä é æî âæàä ð èæç àä é æî ðßåä æéñ è ß çòæç è ßïá çá àá ãß é æ åá ëæ ç èæé á àá àîßâ âæ çä æå ðß à áàîß â ðêâãä îß é áà æà áó ô áìä æî çíæ à áàîßâ áçïêé â æ àá àäéæî â æ àä ð èæç àäéæîðßåä æéáç áè æ ãæîâ ßâìß é áð æçãßåæ íæ çæ çãßçòæé à áã æçî ßçîæ çòàäé æîñìæá ðíæç ò âæ àä ðâ æä ãäçàäéæîíæ çòðßåä æéó

ÑÒ

2

õÜöÜ Ý

ô æå æâ à áàîß â áçïêéâ æ à á áçá â æ àá ë îß éè æãæî ðßðäé æ çòæçñ æèæãä ç ðßðä é æ çòæ ççíæ íæ çò è æãæî ãßçäå áà à æâãæá ðæ ç â ßçòßçæ á â æà á ë ìß åäâ æè æ çíæ ëæ å æâæ ç îßçîæ çò âæ àæ åæ ë ÷ß çá àø÷ßçá à àäéæî ñ àß ëá çòòæ è æ åæâ ãß çòß å êâãêð æç