Tugas Akhir
Diajukan untuk Memenuhi Salah Satu Syarat
Memperoleh Gelar Sarjana Teknik
Jurusan Teknik Informatika
Oleh:
TH Ria Puspita Sari
025314045
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS SANATA DHARMA
YOGYAKARTA
TEXT BASED DATA SYNCHRONIZATION SYSTEM
( Case Study : School Infrastructure Data Collection
In Regency Of Klaten )
A Thesis
Presented as Partial Fulfillment of the Requirements
to Obtain the Sarjana Teknik Degree
in Department of Informatics Technology
By:
TH Ria Puspita Sari
025314045
DEPARTMENT OF INFORMATICS TECHNOLOGY
FACULTY OF ENGINEERING
SANATA DHARMA UNIVERSITY
YOGYAKARTA
Be Yo ur Se lf
Ha rg a ila h hidup da n ja la ni se b a ik ya ng kita m a m pu
Kupersembahkan kary a kecilku ini untuk :
Jesus Christ,
YOU are saviour of my soul
Bunda Maria dan Santa Theresia,
Atas berk at dan k asihny a, mak asi uda mau ndengerin curhatk u
Ay ah Bunda dan Ey ang,
Inilah ungk apan rasa hormat dan bak tik u
S iska
Thank s f or y our love ‘n spirit, GBU
Alex
Thank s f or every things
Abed, Ty as, Eko, Oa, Icha, Wulan, Adi, Felix, Rachel
Thank s a lot ‘n GBU all
Rm. Pras, Rm. Pri, Mami Toble, Endah, Mas Angga, Adit, Phe, Niken
Mak asih atas doany a
PERNYATAAN KEASLIAN KARYA
Saya menyatakan dengan sesungguhnya bahwa tugas akhir yang saya tulis ini tidak
memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan dalam
kutipan dan daftar pustaka, sebagaimana layaknya karya ilmiah.
Yogyakarta, 7 September 2007
Penulis
ABSTRAKSI
Sarana prasarana pada tiap sekolah sangat diperlukan untuk mendukung
kegiatan belajar mengajar. Tanpa sarana prasarana yang memadai, kegiatan belajar
mengajar tidak nyaman dan memungkinkan guru dan siswa tidak dapat
berkonsentrasi dalam melaksanakan kegiatan tersebut. Tiap sekolah perlu melakukan
pendataan sarana prasarana sekolah yang selanjutnya data tersebut dilaporkan kepada
Dinas Pendidikan Kabupaten dan Departemen Pendidikan Nasional.
Sistem ini dikembangkan dengan menggunakan teknologi
Java Server Pages
(JSP) dan MySQL sebagai
database
-nya. Aplikasi sistem ini menerapkan metodologi
analisis dan desain terstruktur.
ABSTRACT
School infrastructure is crucial in teaching-learning activities. Without any
suficient infrastructure, the teaching-learning activities will not be comfortable and
provoke less-concentration on the teacher and student in doing the activity. Every
school needs to do data collection for their infrastructure and report the data to both
Regional Education Department and National Education Department.
This system is developed using Java Server Pages (JSP) and MySQL
technology as the database. The system applies analytical methodology and
structured design.
KATA PENGANTAR
Puji dan syukur penulis haturkan kepada Tuhan Yesus Kristus, karena rahmat
dan karunia-Nya penulis dapat menyelesaikan tugas akhir dengan baik. Tugas akhir
yang berjudul
Sistem Sinkronisasi Data Berbasis Teks Studi Kasus : Pendataan
Sarana Prasarana Sekolah Se-Kabupaten Klaten
disusun untuk memenuhi salah
satu syarat dalam menyelesaikan program studi dan untuk memperoleh gelar Sarjana
Teknik (S1) pada jurusan Teknik Informatika di Universitas Sanata Dharma.
Penulis juga mengucapkan terima kasih atas dukungan, bimbingan, petunjuk,
kerja sama, kritik maupun saran dalam penulisan tugas akhir ini kepada :
1.
DR. Ir. P. Wiryono Priyotamtama, S.J. selaku Rektor Universitas Sanata
Dharma.
2.
Ir. Greg. Heliarko S.J., S.S., B.S.T., M.A., M.Sc. selaku Dekan Fakulatas
Teknik Universitas Sanata Dharma.
3.
Ibu Agnes Maria Polina, S.Kom, M.Sc. selaku Ketua Jurusan Teknik
Informatika Universitas Sanata Dharma dan Dosen Pembimbing Akademik
angkatan 2002 serta Dosen Pembimbing I dalam penulisan tugas akhir yang
telah memberikan pengarahan dan saran selama masa studi dan membimbing
penulisan tugas akhir ini.
5.
Bapak Alb. Agung Hadhiatma, S.T., M.T. dan Bapak JB. Budi Darmawan,
S.T., M.Sc. selaku penguji tugas akhir.
6.
Bapak AY. Puji Santosa, Ibu C. Sri Wahyuningsih, dan Eyang Putri C. Sri
Sayekti yang penulis sayangi dan hormati, yang telah mencurahkan segenap
kasih sayang dan perhatian yang tulus kepada penulis.
7.
Siska dan saudara-saudaraku, yang selalu mengasihi dan menyayangiku.
8.
Alex yang selalu memberikan semangat kepada penulis untuk menyelesaikan
tugas akhir ini.
9.
Romo Pras dan Romo Pri, yang memberi semangat pada penulis. Terima
kasih berkatnya.
10.
Rekan-rekan Teknik Informatika, khususnya angkatan 2002 yang selama ini
membantu, mendukung dan mendorong penulis untuk menyelesaikan tugas
akhir ini.
11.
Seluruh karyawan Fakultas Teknik dan laboran Jurusan Teknik Informatika,
maaf kalo sering merepotkan.
12.
Teman-teman kos Caritas, Kak Enink, Kak Desi, Ika Ndut, Dwi Moon, Siska,
Monic Menil, Siska Doraemon, Fanny, Kak Mira, Mb Diah, Angga, Siska K,
Furi, Anggun, dan Putri, terima kasih dukungan dan persahabatan kalian.
13.
Sobatku Endah, Mas Angga, Adit, Bang Usman, D’ Niken, Phe, Mami Toble,
Yudho, Gwendy, makasi da bantuin. Nur, Tika makasi pinjeman bukunya.
Alene, makasi bantuannya.
14.
Semua pihak yang tidak dapat penulis sebutkan satu per satu yang telah
banyak membantu penulis dalam menyelesaikan tugas akhir ini.
15.
Thanks GOD, ini adalah hadiah yang indah di hari ulang tahun peri kecil.
Thank you for your love, kini peri kecil akan kembali terbang untuk
melanjutkan kehidupan yang lebih berarti dan bermakna.
Akhir kata, penulis berharap semua pihak dapat memberikan kritik dan saran
yang membangun di masa mendatang. Semoga tugas akhir yang sederhana dan jauh
dari sempurna ini dapat memberi manfaat bagi semua pihak yang membutuhkan.
Yogyakarta, September 2007
DAFTAR ISI
HALAMAN JUDUL ...
i
HALAMAN PERSETUJUAN ... iii
HALAMAN PENGESAHAN ...
iv
HALAMAN MOTO DAN PERSEMBAHAN ...
v
HALAMAN PERNYATAAN KEASLIAN KARYA ...
vi
ABSTRAKSI ...
vii
ABSTRACT ...
viii
KATA PENGANTAR ...
ix
DAFTAR ISI ...
xii
DAFTAR TABEL ... xviii
DAFTAR GAMBAR ...
xix
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah ...
1
1.2 Rumusan Masalah ...
2
1.3 Batasan Masalah ...
2
1.4 Tujuan Penelitian ...
3
1.5 Metodologi Penelitian ...
3
BAB II LANDASAN TEORI
2.1 Sistem, Informasi, dan Sistem Informasi...
6
2.1.1 Sistem ...
6
2.1.2 Informasi ...
6
2.1.3 Sistem Informasi ...
7
2.2 Pemodelan Data ...
7
2.2.1
Conceptual Design
...
7
2.2.2
Logical Design
...
8
2.2.3
Physical Design
...
8
2.3 Pemodelan Proses ...
8
2.4
Database
...
13
2.5 HTML (
Hypertext Markup Language
) ...
13
2.6
Java Server Pages
(JSP) ...
15
2.7 MySQL ...
16
BAB III ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem ...
18
3.1.1 Prosedur dan Metode Pengumpulan Kebutuhan ...
18
3.1.1.1 Prosedur...
18
3.1.1.2 Metode Pengumpulan Kebutuhan ...
18
3.1.3 Gambaran Umum Sistem ...
19
3.1.4 Analisis Kebutuhan ...
20
3.1.4.1
Use Case
Diagram ...
20
3.1.4.2 Pemodelan Proses (
Data Flow Diagram
) ...
23
3.1.5 Pemodelan Data (
Conceptual Database Design
) ...
25
3.2 Perancangan Sistem ...
26
3.2.1 Desain Database ...
26
3.2.2 Desain Tabel ...
27
3.2.3 Desain Menu Pengguna ...
30
BAB IV IMPLEMENTASI SISTEM
4.1
Perangkat Kebutuhan Sistem ...
44
4.2
Pembuatan
Database
MySQL ...
44
4.2.1 Tabel Alat_pendidikan ...
44
4.2.2 Tabel Barang ...
45
4.2.3 Tabel Buku ...
45
4.2.4 Tabel Kendaraan ...
45
4.2.5 Tabel Ruang ...
46
4.2.6 Tabel Sekolah ...
46
4.2.7 Tabel Tanah ...
47
4.4
Validasi Pengguna ...
48
4.5
Antar Muka ...
48
4.5.1 Halaman Login ...
48
4.5.2 Halaman Utama Admin Sekolah ...
49
4.5.3 Halaman Utaman Admin Dinas ...
51
4.5.4 Halaman Data Sekolah ...
52
4.5.5 Halaman Detail Data Sekolah ...
55
4.5.6 Halaman Ubah Data Sekolah ...
57
4.5.7 Halaman Data Tanah ...
59
4.5.8 Halaman Detail Data Tanah ...
61
4.5.9 Halaman Tambah Data Tanah ...
63
4.5.10 Halaman Ubah Data Tanah ...
65
4.5.11 Halaman Hapus Data Tanah ...
68
4.5.12 Halaman Data Ruang ...
69
4.5.13 Halaman Tambah Data Ruang ...
70
4.5.14 Halaman Ubah Data Ruang ...
71
4.5.15 Halaman Hapus Data Ruang ...
71
4.5.16 Halaman Data Buku ...
72
4.5.17 Halaman Detail Data Buku ...
74
4.5.18 Halaman Tambah Data Buku ...
74
4.5.20 Halaman Hapus Data Buku ...
75
4.5.21 Halaman Data Barang ...
76
4.5.22 Halaman Tambah Data Barang ...
78
4.5.23 Halaman Ubah Data Barang ...
78
4.5.24 Halaman Hapus Data Barang ...
79
4.5.25 Halaman Data Alat Pendidikan ...
80
4.5.26 Halaman Tambah Data Alat Pendidikan ...
81
4.5.27 Halaman Ubah Data Alat Pendidikan ...
81
4.5.28 Halaman Hapus Data Alat Pendidikan ...
82
4.5.29 Halaman Data Kendaraan ...
83
4.5.30 Halaman Detail Data Kendaraan ...
84
4.5.31 Halaman Tambah Data Kendaraan ...
85
4.5.32 Halaman Ubah Data Kendaraan ...
85
4.5.33 Halaman Hapus Data Kendaraan ...
86
4.5.34 Halaman Data User ...
87
4.5.35 Halaman Tambah Data User ...
88
4.5.36 Halaman Ubah Data User ...
89
4.5.37 Halaman Hapus Data User ...
89
4.5.38 Halaman Pencarian ...
90
4.5.39 Halaman Hasil Pencarian ...
91
4.5.41 Halaman
Upload
Data ...
94
4.5.42 Halaman Status Simpan Data ...
96
4.5.43 Halaman Status
Upload
Data ...
97
4.5.44 Logout ...
98
BAB V ANALISIS HASIL IMPLEMENTASI
5.1 Kelebihan Sistem ... 100
5.2 Kekurangan Sistem ... 100
BAB VI PENUTUP
6.1 Kesimpulan ... 101
6.2 Saran ... 101
DAFTAR PUSTAKA ... 103
DAFTAR TABEL
Tabel 3.1 Tabel Sekolah ...
27
Tabel 3.2 Tabel Tanah ...
27
Tabel 3.3 Tabel Alat_pendidikan ...
28
Tabel 3.4 Tabel Barang ...
28
Tabel 3.5 Tabel Buku ...
29
Tabel 3.6 Tabel Kendaraan ...
29
DAFTAR GAMBAR
Gambar 2.1 Simbol Entity ...
9
Gambar 2.2 Simbol Aliran Data ...
9
Gambar 2.3 Simbol Proses ...
10
Gambar 2.4 Simbol Tempat Penyimpanan Data ...
10
Gambar 2.5 Entity yang dilarang ...
11
Gambar 2.6 Relasi antara entity dengan data store yang dilarang ...
11
Gambar 2.7 Contoh penulisan entity dengan simbol nomor 2 ...
11
Gambar 2.8 Contoh beberapa struktur data ...
12
Gambar 3.1 Use Case Diagram ...
21
Gambar 3.2 Diagram Konteks ...
23
Gambar 3.3 Diagram Berjenjang ...
23
Gambar 3.4 Overview Diagram Level 0 ...
24
Gambar 3.5
Entity Relationship Diagram (ERD)
...
25
Gambar 3.7 Desain Menu Login ...
30
Gambar 3.8 Desain Menu Halaman Utama ...
31
Gambar 3.9 Desain Menu Data Sekolah ...
32
Gambar 3.10 Desain Menu Data Tanah ...
35
Gambar 3.11 Desain Menu Tambah Data Sekolah ...
36
Gambar 3.12 Desain Menu Tambah Data Tanah ...
37
Gambar 3.13 Desain Menu Ubah Data Sekolah ...
38
Gambar 3.14 Desain Menu Ubah Data Tanah ...
39
Gambar 3.15 Desain Menu Pencarian ...
40
Gambar 3.16 Desain Menu Hasil Pencarian ...
41
Gambar 3.17 Desain Menu Simpan Data ...
42
Gambar 3.18 Desain Menu Upload Data ...
43
Gambar 4.1 Halaman Login ...
48
Gambar 4.2 Halaman Utama Admin Sekolah ...
50
Gambar 4.4 Halaman Data Sekolah ...
53
Gambar 4.5 Halaman Detail Data Sekolah ...
55
Gambar 4.6 Halaman Ubah Data Sekolah ...
57
Gambar 4.7 Halaman Data Tanah ...
60
Gambar 4.8 Halaman Detail Data Tanah ...
62
Gambar 4.9 Halaman Tambah Data Tanah ...
64
Gambar 4.10 Halaman Ubah Data Tanah ...
66
Gambar 4.11 Halaman Hapus Data Tanah ...
68
Gambar 4.12 Halaman Data Ruang ...
70
Gambar 4.13 Halaman Tambah Data Ruang ...
70
Gambar 4.14 Halaman Ubah Data Ruang ...
71
Gambar 4.15 Halaman Hapus Data Ruang ...
71
Gambar 4.16 Halaman Data Buku ...
73
Gambar 4.17 Halaman Detail Data Buku ...
74
Gambar 4.19 Halaman Ubah Data Buku ...
75
Gambar 4.20 Halaman Hapus Data Buku ...
75
Gambar 4.21 Halaman Data Barang ...
77
Gambar 4.22 Halaman Tambah Data Barang ...
78
Gambar 4.23 Halaman Ubah Data Barang ...
78
Gambar 4.24 Halaman Hapus Data Barang ...
79
Gambar 4.25 Halaman Data Alat Pendidikan ...
80
Gambar 4.26 Halaman Tambah Data Alat Pendidikan ...
81
Gambar 4.27 Halaman Ubah Data Alat Pendidikan ...
81
Gambar 4.28 Halaman Hapus Data Alat Pendidikan ...
82
Gambar 4.29 Halaman Data Kendaraan ...
84
Gambar 4.30 Halaman Detail Data Kendaraan ...
84
Gambar 4.31 Halaman Tambah Data Kendaraan ...
85
Gambar 4.32 Halaman Ubah Data Kendaraan ...
85
Gambar 4.34 Halaman Data User ...
88
Gambar 4.35 Halaman Tambah Data User ...
88
Gambar 4.36 Halaman Ubah Data User ...
89
Gambar 4.37 Halaman Hapus Data User ...
89
Gambar 4.38 Halaman Pencarian ...
91
Gambar 4.39 Halaman Hasil Pencarian ...
92
Gambar 4.40 Halaman Simpan Data ...
93
Gambar 4.41 Halaman Upload Data ...
95
Gambar 4.42 Halaman Status Simpan Data ...
97
Gambar 4.43 Halaman Status Upload Data ...
98
BAB I
PENDAHULUAN
1.1
Latar Belakang Masalah
Sarana dan prasarana sekolah merupakan suatu hal yang penting, karena
menyangkut proses belajar-mengajar. Meskipun demikian terkadang suatu
sekolah tidak memiliki sarana-prasarana yang layak dan mendukung proses
belajar-mengajar dengan baik. Data sarana-prasarana meliputi data tanah, data
gedung, data kendaraan bermotor, data inventaris lainnya, data barang habis pakai
atau alat tulis kantor. Barang-barang inventaris tersebut diperoleh dari berbagai
sumber, diantaranya dari Pemerintah atau dari pembelian sekolah sendiri.
langsung mengirimkan data sarana-prasarana yang dimiliki oleh sekolah secara
cepat. Untuk mengatasinya maka tiap sekolah yang tidak memiliki jaringan
online
dapat mengirimkan datanya melalui media penyimpanan seperti disket,
USB flash
disk
atau
compact disc (
CD
)
. Dari media penyimpanan tersebut, data dibawa dan
akan dimasukkan ke dalam
database
di Dinas Pendidikan Kabupaten.
Dari latar belakang tersebut, penulis tertarik untuk mengimplementasikan
sebuah Sistem Sinkronisasi Data Berbasis Teks Studi Kasus : Pendataan Sarana
Prasarana Sekolah Se-Kabupaten Klaten.
1.2
Rumusan Masalah
Dari latar belakang masalah di atas dapat dirumuskan sebagai berikut :
bagaimana mengimplementasikan sistem sinkronisasi data sarana prasarana
sekolah?
1.3
Batasan Masalah
Dalam mengimplementasikan sistem informasi ini terdapat beberapa batasan
sebagai berikut:
1.
Studi kasus dan pengambilan data contoh dilakukan di SD N 1 Klaten, SMP N
2 Klaten dan SMA N 2 Klaten.
2.
Data yang diintegrasikan adalah data dari
database
yang sama dengan
database
di Dinas Pendidikan Kabupaten yaitu MySQL (*.txt)
.
4.
Tidak membahas masalah jaringan dan keamanan sistem.
5.
Sistem ini dibuat dengan menggunakan bahasa pemrograman JSP (
Java
Server Pages
) dan
database
MySQL.
6.
Sistem yang ada di sekolah dan di Dinas sama, tetapi tidak terhubung dengan
jaringan.
1.4
Tujuan Penelitian
Adapun tujuan penulisan tugas akhir adalah sebagai berikut :
Membuat suatu
prototype
sistem sinkronisasi data berbasis teks dan
mengintegrasikan data sarana dan prasarana dari tiap-tiap sekolah dengan data
yang berada di Dinas dengan analisis dan desain terstruktur.
1.5
Metodologi Penelitian
Metodologi penelitian yang digunakan adalah studi kasus dengan
langkah-langkah sebagai berikut :
a.
Survei dan pengambilan data contoh di beberapa sekolah
Melakukan survei ke beberapa sekolah, yaitu SD N 1 Klaten, SMP N 2 Klaten
dan SMA N 2 Klaten, dan mengambil data sarana-prasarana yang ada di
sekolah tersebut sebagai contoh.
b.
Studi literatur
c.
Pengembangan Perangkat Lunak
1.
Analisis Sistem
Mengidentifikasikan dan mengetahui permasalahan yang ada dan
kebutuhan yang akan digunakan dalam pengembangan sistem.
2.
Perancangan Sistem
Merancang sistem seperti yang diinginkan dengan membuat perancangan
menu, perancangan tampilan dan perancangan antar muka.
3.
Implementasi Sistem
Mengimplementasikan hasil perancangan sistem yang telah dibuat ke
dalam program dengan menggunakan teknologi yang telah dipilih, yaitu
JSP dan MySQL.
4.
Evaluasi Sistem
1.6
Sistematika Penulisan
Adapun sistematika penulisan secara keseluruhan adalah sebagai berikut :
BAB I
PENDAHULUAN
Pada bab ini menjelaskan tentang latar belakang masalah, rumusan masalah,
batasan masalah, tujuan penelitian, metodologi penelitian dan sistematika
penulisan tugas akhir.
BAB II
LANDASAN TEORI
pemrograman terstruktur,
database
, HTML, JSP (
Java Server Pages
) dan
MySQL.
BAB III ANALISIS DAN PERANCANGAN SISTEM
Pada bab ini menjelaskan tentang rancangan sistem, rancangan desain,
rancangan proses, rancangan antarmuka, dan rancangan
database
.
BAB IV IMPLEMENTASI SISTEM
Pada bab ini menjelaskan tentang implementasi rancangan sistem ke dalam
suatu program atau pembahasan program yang meliputi implementasi antarmuka
pengguna.
BAB V
ANALISIS HASIL IMPLEMENTASI
Pada bab ini menjelaskan tentang analisis hasil dari sistem yang dibangun
beserta kelebihan dan kekurangannya.
BAB VI PENUTUP
BAB II
LANDASAN TEORI
2.1
Sistem, Informasi, dan Sistem Informasi
2.1.1
Sistem
Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk
mencapai suatu tujuan tertentu. Definisi tersebut lebih dapat diterima, karena
pada kenyataannya suatu sistem terdiri dari beberapa elemen atau subsistem.
Elemen-elemen tersebut tidak dapat berdiri sendiri-sendiri dalam suatu sistem
tetapi harus saling berinteraksi dan saling berhubungan untuk membentuk satu
kesatuan sehingga tujuan sistem dapat tercapai. Maka suatu sistem harus
mempunyai tujuan tertentu agar elemen masukan, elemen pengolah dan
elemen keluaran dapat ditentukan dengan tepat.
2.1.2
Informasi
dua hal yaitu manfaat dan biaya mendapatkannya. Suatu informasi dikatakan
bernilai jika manfaatnya lebih efektif dibandingkan dengan biaya untuk
mendapatkan informasi tersebut. Suatu informasi yang diperoleh mungkin
memiliki beberapa kegunaaan sehingga digunakan tidak hanya oleh satu pihak
saja di dalam suatu organisasi melainkan digunakan bersama-sama.
2.1.3
Sistem Informasi
Definisi sistem informasi menurut Robert A. Leitch dan K. Roscoe
Davis dalam buku
“Accounting Information Systems”
(1993), adalah suatu
sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan
transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi
dari suatu organisasi dan menyediakan pihak luar tertentu dengan
laporan-laporan yang diperlukan.
2.2
Pemodelan Data
Pemodelan data adalah sebuah teknik untuk mengorganisasikan dan
mendokumentasikan data dari sistem. Pada proses pemodelan data, dibagi
menjadi tiga tahap utama, yaitu : tahap
conceptual
design
, tahap
logical
design
dan tahap
physical
design
.
2.2.1
Conceptual Design
tersebut. Hasil dari tahap ini berupa
conceptual schema
yang mengacu pada
suatu
conceptual model
yaitu ER Model.
2.2.2
Logical Design
Pada tahap ini dilakukan penterjemahan dari
conceptual schema
ke
model data yang sesuai dengan DBMS yang akan digunakan. Hasil dari tahap
ini berupa
logical schema
basis data yang mengacu pada suatu
logical data
model
yaitu Relational Model.
Terdapat 2 langkah utama dalam
logical design
, yaitu :
1.
Restrukturisasi ER Diagram
Kegiatan yang dilakukan harus secara berurutan antara lain :
a.
Analisa redudansi
b.
Hilangkan generalisasi
c.
Memecah / menyatukan entitas-entitas dan relasi-relasi
d.
Tetapkan kata kunci (
primary
key
)
2.
Mengubah dari ER Diagram ke Relational Model
2.2.3
Physical Design
Pada tahap ini
logical schema
dilengkapi dengan detail-detail
implementasi secara fisik sesuai DBMS yang digunakan.
2.3
Pemodelan Proses
dilakukan pada pemodelan proses, antara lain pembuatan DFD (
Data Flow
Diagram
). DFD adalah sebuah model proses yang digunakan untuk
menggambarkan aliran dari data yang melalui sebuah sistem dan proses yang
dibentuk oleh sistem. DFD menggambarkan penyimpanan data dan proses yang
mentranformasikan data. DFD menunjukkan hubungan antara data pada sistem
dan proses pada sistem.
Simbol-simbol yang digunakan dalam pembuatan DFD, antara lain :
1.
Entity
Menggambarkan sumber atau tujuan dari aliran data dari atau ke
sistem. Simbol
entity
adalah sebagai berikut :
Interface
Gambar 2.1 Simbol Entity
2.
Aliran data
Menggambarkan aliran data dari satu proses ke proses yang lainnya.
Simbol aliran data adalah sebagai berikut :
3.
Proses
Proses yang mentransformasikan data secara umum. Simbol proses
adalah sebagai berikut :
Gambar 2.3 Simbol Proses
4.
Tempat penyimpanan
Merupakan komponen yang berfungsi untuk menyimpan data atau
file
.
Simbol tempat penyimpanan data adalah sebagai berikut :
Gambar 2.4 Simbol Tempat Penyimpanan Data
Ketentuan-ketentuan yang harus dipatuhi dalam pembuatan DFD agar tidak
terjadi kesalahan, antara lain :
Gambar 2.5 Entity yang dilarang
2.
Tidak boleh ada aliran data antara
entity
dengan
data
store
, seperti contoh
berikut ini :
Gambar 2.6 Relasi antara entity dengan data store yang dilarang
3.
Untuk alasan kerapian,
entity
atau
data store
boleh digambar beberapa kali
dengan tanda khusus, misalnya diberi nomor, seperti contoh berikut ini :
4.
Satu aliran data boleh mengalirkan beberapa struktur data, seperti contoh
berikut ini :
Gambar 2.8 Contoh beberapa struktur data
5.
Bentuk anak panah aliran data boleh bervariasi
6.
Semua obyek harus mempunyai nama
7.
Aliran data selalu diawali dan diakhiri dengan proses
8.
Semua aliran data harus mempunyai tanda arah
Beberapa petunjuk pembuatan DFD antara lain :
1.
Penamaan harus jelas. Sebaiknya menggunakan nama yang mengacu pada
fungsi, yaitu gabungan antara kata kerja yang spesifik. Disarankan untuk tidak
menggunakan nama yang terlalu umum, tetapi gunakan nama yang mudah
dimengerti oleh pemakai.
2.
Memberi nomor pada proses. Nomor yang diberikan pada proses tidak harus
menjadi nomor urut. Penomoran dimaksudkan sebagai identifikasi proses dan
memudahkan penurunan (level yang lebih rendah) ke proses berikutnya.
3.
Penggambaran kembali. Ukuran dan bentuk tetap sama dan tanda panah boleh
4.
Hindarilah proses yang mempunyai masukan tetapi tidak mempunyai keluaran
begitu pula sebaliknya, hindarilah proses yang mempunyai keluaran tetapi
tidak mempunyai masukan.
5.
Hati-hati dengan aliran data dan proses yang tidak dinamai. Aliran proses
yang tidak diberi nama dapat mengakibatkan elemen data yang saling tidak
berhubungan akan menjadi satu.
2.4
Database
Basis data atau
database
adalah kumpulan data yang diatur dan
diorganisasikan dalam suatu cara yang sistematis, untuk mengurangi duplikasi
data dan memberikan fasilitas pada sejumlah pengguna pada beberapa aplikasi.
Sedangkan DBMS (
Database Management System
) adalah suatu cara yang paling
efisien untuk mengelola atau memproses
database
.
Menurut F. Korth (1986),
database
adalah kumpulan data yang saling
berelasi, berisi informasi untuk pemakainya. Sedangkan DBMS adalah kumpulan
data yang saling berelasi dan set program untuk mengakses (mengambil,
mengubah, menambah) data tersebut.
2.5
HTML (Hypertext Markup Language)
dapat dibuat dengan menggunakan HTML editor (misalnya
Frontpage
atau
Macromedia Dreamweaver
) atau dengan editor teks biasa (misalnya notepad).
Dokumen HTML biasanya diberi nama dengan cara menambahkan ekstensi .htm
atau .html di belakang nama dokumen (contoh : dokumen.htm atau
dokumen.html).
Pada suatu dokumen HTML terdapat tag
-
tag yang terdiri atas sebuah kurung
sudut kiri (<, tanda lebih kecil), sebuah nama tag, sebuah kurung sudut kanan (>,
tanda lebih besar). Tag
-
tag tersebut umumnya berpasangan, contohnya <HTML>
dengan </HTML>. Tag pertama <HTML> menunjukkan tag awal yang berarti
awal elemen, sedangkan tag kedua </HTML> menunjukkan tag akhir yang berarti
akhir elemen.
Secara umum struktur dokumen HTML terdiri dari tiga tag utama yaitu tag
HTML, HEAD dan BODY. Struktur dasar penulisan HTML yaitu :
<HTML>
<HEAD>
… informasi tentang dokumen HTML, misalnya judul dokumen
</HEAD>
<BODY>
… informasi yang ditampilkan dalam browser web
</BODY>
Setiap dokumen HTML dibuka dengan tag<HTML> dan ditutup dengan tag
</HTML>. Dapat juga diberi judul dengan tag<TITLE> yang harus berada di
dalam <HEAD>.
2.6
Java Server Pages (JSP)
Java Server Pages (
JSP
)
merupakan teknologi yang berbasiskan bahasa
pemrograman
Java
dan dapat dikembangkan menjadi sebuah web site yang
dinamis. JSP dikembangkan oleh Sun Microsystems. JSP merupakan bagian dari
teknologi J2EE, bersama-sama dengan Servet, EJB, JNDI, XML.
JSP dan Servlet
bekerja dalam suatu lingkungan
web container
yang menyediakan koneksi dan
service, sedangkan JSP dan Servlet mengontrol presentasi data yang dihasilkan
dari suatu proses untuk dikirimkan ke client. File JSP adalah file HTML dengan
tag khusus yang berisi
Java source code
yang menyediakan
content
yang dinamis.
Seperti ASP dan PHP yang membutuhkan web server, JSP juga membutuhkan
web server. Web server yang mendukung JSP adalah Apache Tomcat web server.
JSP memiliki kelebihan sebagai berikut :
1.
Mudah dipelajari dan memudahkan pengembang untuk membuat web site
dan aplikasi dengan cepat.
2.
JSP berbasis
Java
, sebuah bahasa obyek berorientasi (
Object Oriented
Language
).
4.
Multi platform.
JSP dibangun di atas teknologi servlet milik SUN. File JSP berekstensi .jsp.
Mesin JSP menguraikan file .jsp dan membuat
source
file
Java servlet
. File ini
akan di-
compile
menjadi sebuah file class, yang bekerja pada saat pertama kali
dan inilah mengapa file JSP rata-rata lebih lambat saat diakses untuk pertama
kalinya.
Selain itu JSP juga terdapat lima tag pada dokumen HTML, yaitu :
1.
Tag Deklarasi : <%!
%>
Contoh : <%! Date d = new Date(); %>
2.
Tag Ekspresi : <%=
%>
Contoh : <%= new java.util.Date() %>
3.
Tag Direktif : <%@
%>
Contoh : <%@ page import=”java.util.*” %>
4.
Tag Kode Program (
Script
) : <%
%>
Contoh : <% for (int i=0; i<10; i++) %>
5.
Tag Komentar : <%--
--%>
Contoh : <%-- ini komentar --%>
2.7
MySQL
orang bebas menggunakan MySQL, namun tidak boleh dijadikan produk yang
bersifat komersial.
MySQL sebenarnya merupakan turunan dari
database
SQL (
Structured Query
Language
). SQL adalah sebuah konsep pengoperasian
database
, terutama untuk
pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian
data dikerjakan dengan mudah secara otomatis. Sistem
database
sangat handal
dalam melakukan proses perintah SQL, yang dibuat oleh pengguna maupun
aplikasinya.
MySQL memiliki keunggulan antara lain :
1.
Dapat menangani jutaan pengguna dalam waktu yang bersamaan.
2.
Mampu menampung lebih dari 50.000.000
record
.
3.1
Analisis Sistem
3.1.1
Prosedur dan Metode Pengumpulan Kebutuhan
3.1.1.1
Prosedur
Tahap yang dilakukan sehingga dapat melaksanakan proses
pengambilan data adalah sebagai berikut :
1.
Meminta ijin kepada pihak Bapeda Kabupaten Klaten.
2.
Bapeda memberikan ijin dan surat pengantar untuk diserahkan ke sekolah
yang akan diambil datanya, yaitu SD N 1 Klaten, SMP N 2 Klaten dan
SMA N 2 Klaten, Kesbanglinmas Kabupaten Klaten, Dinas Pendidikan
dan Kebudayaan Kabupaten Klaten.
3.
Surat pengantar yang diserahkan kepada sekolah dan diterima oleh bagian
tata usaha, kemudian diserahkan kepada Kepala Sekolah. Kepala Sekolah
menunjuk staf tata usaha yang menangani bidang sarana dan prasarana
sekolah untuk memberikan data yang dibutuhkan.
3.1.1.2
Metode Pengumpulan Kebutuhan
3.1.2
Orang yang Terlibat Dalam Sistem
Orang yang terlibat dalam Sistem Sinkronisasi Data Berbasis Teks ini
adalah petugas administrasi dari sekolah (admin sekolah) dan Dinas
Pendidikan Kabupaten (admin dinas).
3.1.3
Gambaran Umum Sistem
Sistem yang akan dibuat adalah sistem sinkronisasi data berbasis teks
dengan studi kasus pendataan sarana prasarana sekolah. Pada dasarnya sistem
yang ada di sekolah maupun di dinas sama. Pengguna pada sistem yang ada di
sekolah adalah admin sekolah, sedangkan pengguna pada sistem yang ada di
dinas adalah admin dinas. Tetapi sistem yang ada di sekolah maupun di dinas
tidak terhubungkan dengan jaringan. Sistem ini menggunakan fasilitas
username
dan
password
untuk membatasi hak akses pengguna. Fasilitas ini
digunakan oleh petugas administrasi, untuk dapat mengakses
database
pada
sistem tersebut.
sarana-prasarana yang digunakan dalam jangka waktu lama, seperti data sekolah,
data tanah, data ruang, data buku, data kendaraan bermotor, data alat
pendidikan pendukung dan data barang inventaris lain seperti meja, kursi,
papan tulis. Data-data tersebut dapat ditambah, diubah dan dihapus, kecuali
data sekolah. Data sekolah ditambahkan dan dihapus oleh admin dinas,
sedangkan admin sekolah hanya dapat mengubah saja. Proses simpan data
digunakan untuk penyimpanan data-data pada
database
sekolah ke media
penyimpanan. Data-data pada media penyimpanan inilah yang akan
diserahkan ke dinas. Proses pencarian data yaitu pencarian data sarana
prasarana pada tiap sekolah dengan memasukkan kata kunci, sehingga sistem
dapat menampilkan data yang dicari dengan cepat.
Sedangkan pada sistem yang ada di dinas terdapat proses login, kelola
data sekolah, lihat data, proses
upload
data dan pencarian data. Pada proses
login, kelola data sekolah, lihat data dan pencarian data sama dengan sistem
yang ada pada sekolah. Perbedaannya hanya pada proses
upload
data yaitu
admin dinas meng
upload
data dari media penyimpanan yang diserahkan oleh
tiap sekolah sehingga data pada sekolah dan dinas sama dan sinkron.
3.1.4
Analisis Kebutuhan
3.1.4.1
Use Case Diagram
Admin Sekolah
Login
Ubah Password
Kelola Sekolah
Kelola Tanah
Kelola Ruang
Kelola Buku
Kelola Barang
Kelola Alat Pendidikan
Kelola Kendaraan
Pencarian Simpan Data
SSDBT
Login
Ubah Password
Kelola Sekolah
Lihat Tanah
Lihat Ruang
Lihat Buku
Lihat Barang
Lihat Alat Pendidikan
Lihat Kendaraan
Pencarian Upload Data
SSDBT
Admin Dinas
Gambar 3.1 Use Case Diagram
1.
Admin Sekolah
a.
Admin sekolah melakukan login terlebih dahulu sebelum masuk ke
sistem dan melakukan proses kelola data dan simpan data. Admin
sekolah melakukan login dengan memasukkan
username
dan
password
dengan benar sehingga login berhasil dan masuk ke sistem.
Tetapi jika masukan
username
dan
password
salah maka login gagal
dan admin sekolah harus mengulangi login kembali.
b.
Admin sekolah mengelola data-data sekolah, data tanah, data ruang,
data buku, data alat pendidikan data kendaraan dan data barang
inventaris lainnya, yaitu berhak menambah, mengubah dan menghapus
data-data tersebut.
c.
Admin sekolah melakukan simpan data sarana-prasarana pada media
penyimpanan.
d.
Admin sekolah dapat melakukan pencarian data dan ubah
password
pada sistem ini.
2.
Admin Dinas
b.
Admin dinas melakukan
upload
data dari media penyimpanan agar
data sarana-prasarana di sekolah sama dengan data di dinas.
c.
Admin dinas juga dapat melakukan pencarian data dan ubah
password
pada sistem ini.
3.1.4.2
Pemodelan Proses (Data Flow Diagram)
Diagram Konteks (Context Diagram)
Gambar 3.2 Diagram Konteks
Diagram Berjenjang (Decomposition Diagram)
Overview Diagram Level 0
1 Login 2 Ubah Password 3 Data Sekolah 5 Data Ruang 6 Data Buku 7 Data Barang 8 Data Alat Pendidikan 9 Data Kendaraan 10 Simpan/ Upload Data 11 Pencarian 12 Logout Admin Sekolah Admin DinasD1 Data User
D2 Data Sekolah
D3 Data Tanah
D4 Data Ruang
D5 Data Buku
D6 Data Barang
D7 Data Alat Pendidikan
D8 Data Kendaraan 4 Data Tanah Validitas login Status logout Status logout Data sekolah Data sekolah Data tanah Data tanah Data ruang Data ruang Data buku Data buku Data barang Data barang Data alat_pendidikan Data alat_pendidikan Data kendaraan Data kendaran Username,password Username,password Username,password Username, password Username, password lama, password baru Data sekolah Data tanah Data ruang Data buku Data barang Data alat_pendidikan Data kendaraan Username, login Data sekolah Data sekolahData sekolah
Data tanah Data tanah Data tanah Data ruang Data ruang Data ruang
Data sekolah, tanah, ruang, buku, barang, alat_pendidikan, kendaraan Data buku Data buku Data buku Data kendaraan Data kendaraan Data kendaraan Data alat_pendidikan Data alat_pendidikan Data alat_pendidikan Data barang Data barang Data barang Data sekolah, tanah, ruang, buku, barang, alat_pendidikan, kendaraan Data sekolah, tanah, ruang, buku, barang, alat_pendidikan, kendaraan
3.1.5
Pemodelan Data (Conceptual Database Design)
ER-Diagram ini merupakan penggambaran antara relasi-relasi yang
terjadi antar entitas yang terdapat pada
database system
, selain itu entitas ini
memuat atribut-atribut yang diperlukan untuk membuat relasi antar entitas
yang ada.
Database system
pada sistem di dinas dan sistem di sekolah sama.
Gambar ER-Diagram dapat dilihat pada gambar 3.5
3.2
Perancangan Sistem
3.2.1
Desain Database
3.2.2
Desain Tabel
Berikut ini merupakan desain tabel yang digunakan :
1.
Tabel Sekolah
Primary Key
: nss
Tabel 3.1 Tabel Sekolah
Field Name
Data Type
Field Size
nss
Varchar
12
nama
Varchar
30
tingkat
Varchar
5
alamat
Varchar
30
desa
Varchar
30
kecamatan
Varchar
30
kabupaten
Varchar
30
propinsi
Varchar
30
kode_pos
Varchar
5
kode_area
Varchar
5
no_telp
Varchar
15
fax
Varchar
15
Varchar
30
website
Varchar
30
th_buka
Varchar
4
status_sek
Varchar
10
th_akhir_renovasi
Varchar
4
2.
Tabel Tanah
Primary Key
: id_tanah
Secondary Key
: nss
Tabel 3.2 Tabel Tanah
Field Name
Data Type
Field Size
id_tanah
Varchar
20
nss
Varchar
12
luas
Int
5
desa
Varchar
30
kecamatan
Varchar
30
kabupaten
Varchar
30
propinsi
Varchar
30
kode_pos
Varchar
5
hak_tanah
Varchar
10
tgl_sertifikat
Varchar
10
no_sertifikat
Varchar
15
penggunaan
Varchar
30
asal_usul
Varchar
30
3.
Tabel Alat_pendidikan
Primary Key
: id_alat
Secondary Key
: nss
Tabel 3.3 Tabel Alat_pendidikan
Field Name
Data Type
Field Size
id_alat
Varchar
20
nss
Varchar
12
nama
Varchar
30
mapel
Varchar
30
kondisi
Varchar
30
4.
Tabel Barang
Primary Key
: id_brg
Secondary Key
: nss, id_ruang
Tabel 3.4 Tabel Barang
Field Name
Data Type
Field Size
id_brg
Varchar
20
nss
Varchar
12
id_ruang
Varchar
20
nama
Varchar
30
jumlah
Int
5
5.
Tabel Buku
Primary Key
: id_buku
Secondary Key
: nss
Tabel 3.5 Tabel Buku
Field Name
Data Type
Field Size
id_buku
Varchar
20
nss
Varchar
12
judul
Varchar
50
isbn
Varchar
20
pengarang
Varchar
50
penerbit
Varchar
30
th_terbit
Varchar
4
jumlah
Int
5
kondisi
Varchar
20
6.
Tabel Kendaraan
Primary Key
: id_kendaraan
Secondary Key
: nss
Tabel 3.6 Tabel Kendaraan
Field Name
Data Type
Field Size
id_kendaraan
Varchar
20
nss
Varchar
12
nama
Varchar
30
merk
Varchar
30
type
Varchar
30
cc
Varchar
5
warna
Varchar
30
no_rangka
Varchar
30
no_mesin
Varchar
30
th_buat
Varchar
4
th_beli
Varchar
4
no_polisi
Varchar
10
no_bpkb
Varchar
30
asal_usul
Varchar
30
kondisi
Varchar
30
7.
Tabel Ruang
Primary Key
: id_ruang
Secondary Key
: nss
Tabel 3.7 Tabel Ruang
Field Name
Data Type
Field Size
id_ruang
Varchar
20
nss
Varchar
12
nama
Varchar
30
luas
Int
10
kondisi
Varchar
30
3.2.3
Desain Menu Pengguna Sistem
Menu Login
Gambar 3.7 Desain Menu Login
Keterangan Gambar 3.7
2.
Password
: masukan
password
dari pengguna
3.
Tombol login
: tombol yang digunakan untuk proses login dan
sebagai
link
untuk masuk ke sistem
Menu Halaman Utama
Gambar 3.8 Desain Menu Halaman Utama
Menu Data Sekolah
Gambar 3.9 Desain Menu Data Sekolah
Keterangan Gambar 3.9 :
2.
Data Tanah
: digunakan untuk
link
ke informasi data
tanah yang berisi id_tanah, nss, luas tanah
(m2), alamat, desa, kecamatan, kabupaten,
propinsi, hak tanah, tanggal sertifikat,
nomor sertifikat, penggunaan, asal-usul
tanah
3.
Data Ruang
: digunakan untuk
link
ke informasi data
ruang yang berisi id_ruang, nss, nama
ruang, luas, kondisi ruang
4. Data Buku
: digunakan untuk
link
ke informasi data
buku yang berisi id_buku, nss, judul buku,
isbn,
pengarang,
penerbit,
th_terbit,
jumlah, kondisi buku
5. Data Barang
: digunakan untuk
link
ke informasi data
barang yang berisi id_brg, nss, nama
barang, id_ruang, jumlah, kondisi barang
6.
Data Alat Pendidikan
: digunakan untuk
link
ke informasi data alat
pendidikan yang berisi id_alat, nss, mapel,
nama
alat,
mata
pelajaran
yang
menggunakan, kondisi alat
kendaraan yang berisi id_kendaraan, nss,
nama, merk, type, CC, warna, nomor
rangka, nomor mesin, tahun pembuatan,
tahun pembelian, nomor polisi, tanggal
BPKB, nomor BPKB, asal-usul kendaraan,
kondisi kendaraan
8.
Tambah Data
:
Link-link
pada tambah data digunakan
untuk menambah data yang diinginkan,
yaitu data tanah, ruang, buku, barang, alat
pendidikan, kendaraan
9.
Simpan Data
: digunakan untuk fasilitas menyimpan
data
ke media penyimpanan untuk tiap-tiap
tabel
pada
database.
Fasilitas
ini
digunakan oleh admin sekolah
10.
Upload
data
: digunakan sebagai fasilitas meng
upload
data dari media penyimpanan dari media
penyimpanan dari sekolah. Fasilitas ini
hanya digunakan oleh admin dinas
Menu Data Tanah
Gambar 3.10 Desain Menu Data Tanah
Menu Tambah Data Sekolah
Menu Tambah Data Tanah
HEADER
footer
TAMBAH DATA TANAH
Id tanah Nss luas (m2) alamat desa kecamatan kabupaten propinsi kode pos hak tanah tgl sertifikat no sertifikat penggunaan asal-usul
TAMBAH KEMBALI BATAL
Home Search Logout
DATA Data Sekolah Data Tanah Data Ruang Data Buku Data Barang Data Alat Pendidikan Data Kendaraan TAMBAH DATA Data Tanah Data Ruang Data Buku Data Barang Data Alat Pendidikan Data Kendaraan
DATABASE Simpan Data
LINK TERKAIT SI Pendataan Guru SI Pendataan Siswa
Menu Ubah Data Sekolah
Gambar 3.13 Desain Menu Ubah Data Sekolah
Keterangan Gambar 3.13 :
1.
NSS
: tidak dapat diubah
3.
Kembali
: digunakan untuk kembali ke halaman
sebelumnya
Menu Ubah Data Tanah
HEADER
footer
TAMBAH DATA TANAH
Id tanah Nss luas (m2) alamat desa kecamatan kabupaten propinsi kode pos hak tanah tgl sertifikat no sertifikat penggunaan asal-usul xxx xxx UBAH KEMBALI Home Search Logout
DATA Data Sekolah Data Tanah Data Ruang Data Buku Data Barang Data Alat Pendidikan Data Kendaraan TAMBAH DATA Data Tanah Data Ruang Data Buku Data Barang Data Alat Pendidikan Data Kendaraan
DATABASE Simpan Data
LINK TERKAIT SI Pendataan Guru SI Pendataan Siswa
Gambar 3.14 Desain Menu Ubah Data Tanah
Keterangan Gambar 3.14 :
3.
Ubah
: digunakan untuk memproses data-data
yang akan diubah melalui form untuk
disimpan
4. Kembali
: digunakan untuk kembali ke halaman
sebelumnya
Menu Pencarian
Keterangan Gambar 3.15 :
1.
Kata Kunci
: Kata kunci yang akan digunakan untuk
melakukan pencarian data
2.
Cari
: Tombol untuk memulai pencarian data
Menu Hasil Pencarian
HEADER
footer
HASIL PENCARIAN
NSS Nama sekolah Home Search Logout
DATA Data Sekolah Data Tanah Data Ruang Data Buku Data Barang Data Alat Pendidikan Data Kendaraan TAMBAH DATA Data Tanah Data Ruang Data Buku Data Barang Data Alat Pendidikan Data Kendaraan
DATABASE Simpan Data
LINK TERKAIT SI Pendataan Guru SI Pendataan Siswa
Kembali
Gambar 3.16 Desain Menu Hasil Pencarian
Keterangan Gambar 3.16 :
1.
NSS dan Nama Sekolah
: Data hasil pencarian data
Menu Simpan Data
Gambar 3.17 Desain Menu Simpan Data
Keterangan Gambar 3.17 :
1.
Nama Tabel
: Daftar nama tabel yang ada di
database
yang
akan
disimpan
dalam
media
penyimpanan
Menu Upload Data
Gambar 3.18 Desain Menu Upload Data
Keterangan Gambar 3.18 :
1.
Nama Tabel
: Daftar nama tabel yang ada di
database
yang
akan
disimpan
dalam
media
penyimpanan
Pada bab berikut akan dijelaskan lebih lanjut mengenai implementasi dari
perancangan “Sistem Sinkronisasi Data Berbasis Teks” yang telah dibuat pada bab
sebelumnya.
4.1
Perangkat Kebutuhan Sistem
Dalam pengembangan sistem digunakan teknologi, diantaranya sebagai
berikut :
a.
Microsoft Windows XP Professional SP 2
b.
MySql 3.23.47 sebagai
database
c.
Netbeans 5.0 sebagai editor JSP
d.
Apache sebagai web service.
4.2
Pembuatan Database MySQL
Database
yang dibuat berupa tabel-tabel yang telah ada pada perancangan.
Tabel tersebut dibuat dengan perintah SQL, yaitu:
4.2.1
Tabel Alat_pendidikan
CREATE TABLE alat _pendidikan (id_alat varchar(20) NOT NULL default '',
nss varchar( 12) NOT NULL default '',
nam a varchar( 30) default NULL,
m apel varchar( 30) default NULL,
kondisi varchar( 30) default NULL,
CREATE TABLE barang (
id_brg varchar( 20) NOT NULL default '',
nss varchar( 12) NOT NULL default '',
id_ruang varchar( 20) NOT NULL default '',
nam a varchar( 30) default NULL,
j um lah int ( 5) default NULL,
kondisi varchar( 20) default NULL,
PRI MARY KEY ( id_brg)
) TYPE= MyI SAM;
4.2.3
Tabel Buku
CREATE TABLE buku (
id_buku varchar(20) NOT NULL default '',
nss varchar( 12) NOT NULL default '',
j udul varchar( 50) default NULL,
isbn varchar( 20) default NULL,
pengarang varchar( 50) default NULL,
penerbit varchar( 30) default NULL,
t h_t erbit varchar( 4) default NULL,
j um lah int ( 5) default NULL,
kondisi varchar( 20) default NULL,
PRI MARY KEY ( id_buku)
) TYPE= MyI SAM;
4.2.4
Tabel Kendaraan
CREATE TABLE kendaraan (
id_kendaraan varchar( 20) NOT NULL default '',
nss varchar( 12) NOT NULL default '',
nam a varchar( 30) default NULL,
m erk varchar( 30) default NULL,
t ype varchar( 30) default NULL,
cc varchar( 5) default NULL,
warna varchar( 30) default NULL,
no_rangka varchar( 30) default NULL,
no_polisi varchar( 10) default NULL,
t gl_bpkb varchar(10) default NULL,
no_bpkb varchar(30) default NULL,
asal_usul varchar( 30) default NULL,
kondisi varchar( 30) default NULL,
PRI MARY KEY ( id_kendaraan)
) TYPE= MyI SAM;
4.2.5
Tabel Ruang
CREATE TABLE ruang (
id_ruang varchar( 20) NOT NULL default '',
nss varchar( 12) NOT NULL default '',
nam a varchar( 30) default NULL,
luas int ( 10) default NULL,
kondisi varchar( 30) default NULL,
PRI MARY KEY ( id_ruang)
) TYPE= MyI SAM;
4.2.6
Tabel Sekolah
CREATE TABLE sekolah (
nss varchar( 12) NOT NULL default '',
nam a varchar( 30) default NULL,
t ingkat varchar( 5) default NULL,
alam at varchar( 30) default NULL,
desa varchar( 30) default NULL,
kecam atan varchar(30) default NULL,
kabupaten varchar(30) default NULL,
propinsi varchar( 30) default NULL,
kode_pos varchar( 5) default NULL,
kode_area varchar( 5) default NULL,
no_t elp varchar( 15) default NULL,
fax varchar( 15) default NULL,
em ail varchar( 30) default NULL,
t h_akhir_renovasi varchar( 4) default NULL,
PRI MARY KEY ( nss)
) TYPE= MyI SAM;
4.2.7
Tabel Tanah
CREATE TABLE tanah (
id_t anah varchar( 20) NOT NULL default '',
nss varchar( 12) NOT NULL default '',
luas int ( 10) default NULL,
alam at varchar( 30) default NULL,
desa varchar( 30) default NULL,
kecam atan varchar(30) default NULL,
kabupaten varchar(30) default NULL,
propinsi varchar( 30) default NULL,
kode_pos varchar( 5) default NULL,
hak_t anah varchar(10) default NULL,
t gl_sert ifikat varchar( 10) default NULL,
no_sert ifikat varchar( 15) default NULL,
penggunaan varchar( 30) default NULL,
asal_usul varchar( 30) default NULL,
PRI MARY KEY ( id_tanah)
) TYPE= MyI SAM;
4.3
Koneksi ke Database
Dalam pembuatan sistem informasi ini, langkah pertama yang harus
dilakukan adalah menghubungkan
database
dengan sistem. Adapun koneksi
database
yang digunakan dalam Mysql adalah sebagai berikut.
Dokumen di bawah ini digunakan untuk validasi login bagi pengguna. Jika
login tidak berhasil maka akan ditampilkan halaman login kembali.
St ring inNam a = request.getParam eter( "nam a") ; St ring inPass = request .get Param eter( "pass") ;
if( inNam a! = null && inPass! = null) { t ry {
if ( m yResult Set ! = null) { while ( m yResult Set.next ( ) ) {
if( inNam a.equals( m yResult Set.getSt ring(2) ) && inPass.equals(m yResult Set.get St ring( 3) ) ) {
St ring nam a = m yResultSet .get St ring( 2) ; St ring level = m yResultSet.getSt ring( 4) ;
session.set At t ribut e( "nam e", nam a) ; if( level.equals( "Adm in Sekolah") ) {
% > < jsp: forward page= "index_sek.j sp"/ > < % } else if( level.equals( "Adm in Kabupat en") ) {
% > < jsp: forward page= "index_kab.j sp"/ > < % } }
} }
}
catch( Except ion e) {
% > < jsp: forward page= "login.jsp"/ > < % }
4.5
Antar muka
4.5.1
Halaman Login
Pada halaman login terdapat form login untuk menginputkan
username
dan
password
. Halaman ini digunakan admin sekolah dan admin dinas untuk
masuk ke dalam sistem.
t ry {
Class.forNam e( "com .m ysql.jdbc.Driver") ; }
catch( Except ion e) {
out .print ln( "Error loading driver : "+ e) ; }
Connect ion m yCon = DriverManager.getConnect ion( "jdbc: m ysql: / / localhost / sarana") ;
St atem ent stm t = m yCon.creat eSt at em ent ( ) ;
m yResult Set = st m t.execut eQuery( "SELECT * FROM user") ;
St ring inNam a = request.getParam eter( "nam a") ; St ring inPass = request .get Param eter( "pass") ;
if( inNam a! = null && inPass! = null) { t ry {
if ( m yResult Set != null) { while ( m yResultSet .next ( ) ) {
if( inNam a.equals( m yResult Set.getSt ring(2) ) && inPass.equals(m yResult Set.get St ring( 3) ) ) {
St ring nam a = m yResultSet .get St ring( 2) ; St ring level = m yResultSet.getSt ring( 4) ;
session.set At t ribut e( "nam e", nam a) ; if( level.equals( "Adm in Sekolah") ) {
% > < jsp: forward page= "index_sek.j sp"/ > < % } else if( level.equals( "Adm in Kabupaten") ) {
% > < jsp: forward page= "index_kab.j sp"/ > < % } }
} }
}
catch( Except ion e) {
% > < jsp: forward page= "login.jsp"/ > < % }
} % >
4.5.2
Halaman Utama Admin Sekolah
ruang, buku, barang, alat pendidikan, kendaraan dan
user
. Sedangkan menu
simpan data digunakan untuk menyimpan data ke media penyimpanan.
Gambar 4.2 Halaman Utama Admin Sekolah
< %session= request .getSession( false) ;
St ring nam e= (St ring)session.get At t ribute( "nam e") ; if( nam e! = null) {
% >
< body> < center>
< div id= "outer">
< div> < im g src= "im age/ header.JPG" height= "70" widt h= "780"> < / div> < div id= "nav">
< a href= "index_kab.jsp"> Hom e< / a> < a href= "logout.j sp"> Logout < / a> < / div> < div id= "m iddle">
< div align= "right "> < % @include file= "tanggal.jsp"% > < / div> < t able widt h= "100% " border= "0" align= "center">
< t r>
Selam at Bekerj a< / div> < / td> < / t r>
< / t able> < / div>
< % @include file= "footer.jsp"% >
4.5.3
Halaman Utama Admin Dinas
Gambar 4.3 Halaman Utama Admin Dinas
4.5.4
Halaman Data Sekolah
Gambar 4.4 Halaman Data Sekolah
< %session = request.get Session( false) ;
St ring nam e = ( St ring)session.getAt t ribute( "nam e") ; if( nam e! = null) {
St ring st atus = request .get Param et er( "st at us") ; if( st at us= = null) st atus= "";
ResultSet m yResult Set = null;
t ry {
Class.forNam e( "com .m ysql.jdbc.Driver") ; }
cat ch ( Except ion e) {
out .print ln( "Error loading driver : "+ e) ; }
Connect ion m yCon =
DriverManager.getConnect ion( "jdbc: m ysql: / / localhost/ sm pn2klaten") ;
St atem ent stm t = m yCon.creat eSt at em ent ( ) ;
m yResult Set = st m t.execut eQuery( "select nss, nam a from sekolah") ; % >
< body> < center>
< div id= "outer"> < div> < % @include file= "header.jsp"% > < / div> < / div> < div id= "nav">
< t able widt h= "100% " border= "0" align= "center"> < t r>
< t d widt h= "20% " valign= "t op"> < % @include file= "navigasi.j sp"% > < / td> < t d widt h= "1% " align= "cent er" background= "../ im age/ garis.jpg"> < / td> < t d widt h= "79% " valign= "t op">
< div class= "t it le"> .: Dat a Sekolah : .< / div> < div class= "st atus"> < % = stat us% > < / div> < div align= "center">
< t able bgcolor= "# efefef" widt h= "100% " border= "0" cellspacing= "1" cellpadding= "2">
< t r class= "tblHead">
< t d> < div align= "center"> < b> NSS< / b> < / div> < / t d>
< t d> < div align= "center"> < b> Nam a Sekolah< / b> < / div> < / td> < t d> < div align= "center"> < b> Ubah< / b> < / div> < / td>
< t d> < div align= "center"> < b> Hapus< / b> < / div> < / td> < / t r>
< %
int bgcolor= 0;
if( m yResult Set! = null) {
while( m yResultSet .next ( ) ) { if( bgcolor= = 0) { % >
< t r class= "tblRow1">
< t d> < % = m yResultSet .get St ring( 1)% > < / td> < t d> < a
href= '< % = response.encodeURL( "sekolah_det ail.jsp?nss= "+ m yResultSet.getSt ring( 1) ) % > '> < % = m yResultSet.getSt ring( 2) % > < / a> < / td>
< t d> < div align= "center"> < a
href= '< % = response.encodeURL( "sekolah_ubah.jsp?subm it= UBAH&nss= "+ m yResult Set .g et St ring( 1) )% > '> Ubah< / a> < / div> < / t d>
< t d> < div align= "center"> < a
href= '< % = response.encodeURL( "sekolah_edit .j sp?subm it = HAPUS&nss= "+ m yResult Set.g et St ring( 1) )% > '> Hapus< / a> < / div> < / td>
< / t r> < %
bgcolor= 1; }
else { % >
< t r class= "tblRow2">
< t d> < % = m yResultSet .get St ring( 1)% > < / td> < t d> < a
href= '< % = response.encodeURL( "sekolah_det ail.jsp?nss= "+ m yResultSet.getSt ring( 1) ) % > '> < % = m yResultSet.getSt ring( 2) % > < / a> < / td>
< t d> < div align= "center"> < a
href= '< % = response.encodeURL( "sekolah_ubah.jsp?subm it= UBAH&nss= "+ m yResult Set .g et St ring( 1) )% > '> Ubah< / a> < / div> < / t d>
< t d> < div align= "center"> < a
href= '< % = response.encodeURL( "sekolah_edit .j sp?subm it = HAPUS&nss= "+ m yResult Set.g et St ring( 1) )% > '> Hapus< / a> < / div> < / td>
< / t r> < %
bgcolor= 0; }
}
! ! ! < / font >
< / div> < / t d>
< / t r> < / t able>
4.5.5
Halaman Detail Data Sekolah
Pada halaman detail data sekolah ini merupakan halaman yang digunakan
untuk melihat detail data sekolah yang ada. Untuk admin sekolah hanya
melihat detail data sekolahnya sendiri, sedangkan admin dinas dapat melihat
detail data dari beberapa sekolah.
Gambar 4.5 Halaman Detail Data Sekolah
< t r class= "td1">< t d class= "tblI nNam e" widt h= "30% "> < b> NSS< / b> < / t d> < t d widt h= "70% " class= "t blI nNam e2"> : < % = nss% > < / t r>
< t r class= "td2">
< t d class= "tblI nNam e"> Tingkat < / td>
< t d class= "tblI nNam e2"> : < % = t ingkat% > < / td> < / t r>
< t r class= "td2">
< t d class= "tblI nNam e"> < b> Alam at < / b> < / td> < t d class= "tblI nNam e2"> : < % = alam at % > < / td> < / t r>
< t r class= "td1">
< t d class= "tblI nNam e"> < b> Desa< / b> < / td> < t d class= "tblI nNam e2"> : < % = desa% > < / td> < / t r>
< t r class= "td2">
< t d class= "tblI nNam e"> < b> Kecam at an< / b> < / td> < t d class= "tblI nNam e2"> : < % = kecam atan% > < / t d> < / t r>
< t r class= "td1">
< t d class= "tblI nNam e"> < b> Kabupat en< / b> < / td> < t d class= "tblI nNam e2"> : < % = kabupaten% > < / t d> < / t r>
< t r class= "td2">
< t d class= "tblI nNam e"> < b> Propinsi< / b> < / td> < t d class= "tblI nNam e2"> : < % = propinsi% > < / td> < / t r>
< t r class= "td1">
< t d class= "tblI nNam e"> < b> Kode Pos< / b> < / td> < t d class= "tblI nNam e2"> : < % = kode_pos% > < / td> < / t r>
< t r class= "td2">
< t d class= "tblI nNam e"> < b> Kode Area< / b> < / td> < t d class= "tblI nNam e2"> : < % = kode_area% > < / td> < / t r>
< t r class= "td1">
< t d class= "tblI nNam e"> < b> No Telepon< / b> < / t d> < t d class= "tblI nNam e2"> : < % = no_t elp% > < / td> < / t r>
< t r class= "td2">
< t d class= "tblI nNam e"> < b> Fax< / b> < / td> < t d class= "tblI nNam e2"> : < % = fax% > < / td> < / t r>
< t r class= "td1">
< t d class= "tblI nNam e"> < b> E-m ail< / b> < / td> < t d class= "tblI nNam e2"> : < % = em ail% > < / td> < / t r>
< t r class= "td2">
< t d class= "tblI nNam e"> < b> Website< / b> < / t d> < t d class= "tblI nNam e2"> : < % = websit e% > < / td> < / t r>
< t r class= "td1">
< t d class= "tblI nNam
