aplikasi sistem informasi peta digital …...bab iv analisa dan implementasi...

45
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user i APLIKASI SISTEM INFORMASI PETA DIGITAL UNTUK SEKOLAH JENJANG PENDIDIKAN MENENGAH DI WILAYAH KABUPATEN KARANGANYAR TUGAS AKHIR Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program DIII Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Disusun oleh : BUNGA AYU SUSILOWATI NIM. M3209017 PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2012

Upload: nguyennga

Post on 03-Mar-2019

213 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

i

APLIKASI SISTEM INFORMASI PETA DIGITAL UNTUK

SEKOLAH JENJANG PENDIDIKAN MENENGAH

DI WILAYAH KABUPATEN KARANGANYAR

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya

Program DIII Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sebelas Maret

Disusun oleh :

BUNGA AYU SUSILOWATI

NIM. M3209017

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

SURAKARTA

2012

Page 2: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ii

HALAMAN PERSETUJUAN

APLIKASI SISTEM INFORMASI PETA DIGITAL UNTUK

SEKOLAH JENJANG PENDIDIKAN MENENGAH

DI WILAYAH KABUPATEN KARANGANYAR

Disusun oleh :

BUNGA AYU SUSILOWATI

NIM. M3209017

Tugas Akhir ini telah disetujui untuk dipertahankan

Dihadapan dewan penguji

Pada tanggal .

Pembimbing Utama

Esti Suryani, S. Si.,Mkom

NIP. 19761129 200812 2 001

Page 3: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iii

HALAMAN PENGESAHAN

APLIKASI SISTEM INFORMASI PETA DIGITAL UNTUK

SEKOLAH JENJANG PENDIDIKAN MENENGAH

DI WILAYAH KABUPATEN KARANGANYAR

Disusun oleh :

BUNGA AYU SUSILOWATI

NIM. M3209017

Tugas Akhir ini telah diterima dan disahkan

Oleh dewan penguji Tugas Akhir

Program Diploma III Teknik Informatika

Pada hari tanggal .

Dewan Penguji :

Ketua Penguji Esti Suryani, S.Si.,Mkom

NIP. 19761129 200812 2 001 (…………………………..)

Penguji 1 Darsono, S.Si.,M.Si.

NIP. 197007271997021001 (…………………………..)

Penguji 2 Yudha Yudhanto, S.Kom

- (…………………………..)

Mengetahui,

Dekan

Fakultas MIPA UNS

Prof. Ir. Ari Handono Ramelan M.Sc(Hons)., PhD.

NIP. 19610223 198601 1 001

Ketua Program Studi

Program DIII Teknik Informatika

UNS

Drs. Y.S. Palgunadi, M. Sc.

NIP. 19560407 198303 1 004

Page 4: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iv

ABSTRACT

Bunga Ayu Susilowti, 2012. Digital Map Information System

Application For Study of Education in Region District School Karanganyar

.Computer Science Final Project. Diploma III Degree at Informaties Engineering.

Faculty of Mathematics and Natural Science. The University of Sebelas Maret

Surakarta.

This digital map information system is an important tool to be applied to

those areas which have great potential for education both academic and non

academic in Karanganyar district. Educational information that is still done

manually by visiting each site to promote education in every school, using

pamphlets or browsur and address of the school's website, some people are lazy to

open one by one, the information contained. So that the digital map is expected to

be able to make it easy for people to locate the right school.

The methods used in completing this final task is data collection include

observation, book study, documentation, analysis and design, implementation, and

evaluation. The system is developed using PHP, Mysql Server, adobe flash and

adobe dreamweaver CS 5. The system consists of two forms, namely the form to

the user and the form to the administrator. Form user is used to view information

through digital maps, while the administrator form is used to access and manage

data of existing secondary schools in the district of Karanganyar.

The Digital Map of Information System for the Study of Secondary

Education in Karanganyar district, the major media as an important function is to

provide schools information.

Keyword : Information, Digital map, Education

Page 5: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

v

HALAMAN INTISARI

Bunga Ayu Susilowati, 2012. Aplikasi Sistem Informasi Peta Digital

Untuk Jenjang Pendidikan Sekolah Menengah di Wilayah Kabupaten

Karanganyar. Program Diploma III Teknik Informatika. Fakultas Matematika

dan Ilmu Pengetahuan Alam. Universitas Sebelas Maret Surakarta.

Sistem informasi peta digital ini merupakan sarana penting untuk

diterapkan pada wilayah yang mempunyai potensi pendidikan yang bagus baik

secara akademik maupun non akademik di wilayah Kabupaten Karanganyar.

Informasi pendidikan yang masih dilakukan secara manual dengan mengunjungi

satu persatu tempat untuk mempromosikan pendidikan dimasing-masing sekolah,

maupun dengan menggunakan pamflet atau brosur saja dan alamat website

sekolahan tapi sebagian masyarakat yang malas untuk membuka satu persatu

informasi yang tertera. Sehingga dengan peta digital ini diharapkan mampu

memberikan kemudahan bagi masyarakat untuk mencari lokasi sekolah yang

tepat.

Metode yang digunakan dalam menyelesaikan tugas akhir ini adalah

pengumpulan data yang meliputi observasi, studi pustaka , dokumentasi, analisa

dan perancangan, implementasi, dan evaluasi. Sistem ini dikembangan dengan

menggunakan pemrograman PHP, Mysql Server, adobe flash dan adobe

dreamweaver CS 5. Sistem ini terdiri dari dua form yaitu form untuk user dan

form untuk administrator. Form user digunakan untuk melihat informasi melalui

peta digital, sedangkan form administrator digunakan untuk mengakses dan

mengelola data sekolah menengah yang ada di wilayah Kabupaten Karanganyar.

Sistem Informasi Peta Digital untuk Jenjang Pendidikan Menengah Di

wilayah Kabupaten Karanganyar, Sebagai media utama yang penting berfungsi

untuk memberikan informasi sekolah.

Kata Kunci : Informasi, Peta Digital, Pendidikan

Page 6: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vi

MOTTO

Tetap berusaha, Tenang , semangat, dan Tersenyum saat menhadapi Rintangan

yang ada, kelak kebahagian akan datang ….

Allah tidak akan membebani seseorang, kecuali sesuai dengan

kesanggupannya (QS. Al. Baqarah : 286)

Kegagalan Bukan Akhir Dari Segalanya… Dari situlah kita Bangkit dan

membangun Masa Depan ….

Page 7: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vii

PERSEMBAHAN

Tugas Akhir ini penulis persembahkan untuk :

Allah SWT, semua rahmat dan nikmat yang telah di berikan

Keluarga tercinta , yang selalu memberikan dukungannya

Orang yang telah membantu untuk menyelesaikan Tugas Akhir ini

Teman-teman D3 TI angkatan 2009

Teman-teman MATIC’ 2009

Teman-teman DESTROYER , dhevi, andien, friska, tyas, fitri

Page 8: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

viii

KATA PENGANTAR

Puji syukur panjatkan kehadiran Allah SWT, atas limpahan karunia,

rahmat, dan hidayahnya, sehingga dapat menyelesaikan tugas akhir dan

laporannya yang berjudul “APLIKASI SISTEM INFORMASI PETA

DIGITAL UNTUK SEKOLAH JENJANG PENDIDIKAN MENENGAH DI

WILAYAH KABUPATEN KARANGANYAR” dengan sebaik-baiknya.

Laporan tugas akhir ini disusun sebagai pelengkap salah satu syarat

mencapai gelar Ahli Madya Program Diploma III Teknik Informatika Fakultas

Matematika dan Ilmu Pengetahuian Alam Universitas Sebelas Maret Surakarta.

Penulis mengucapkan terima kasih dan memberikan penghargaan yang sebesar-

besarnya kepada:

1. Prof. Ir. Ari Handono Ramelan, M. Sc, Ph. D, selaku Dekan Fakultas MIPA

UNS.

2. Drs. YS. Palgunadi, M. Sc, selaku Kepala Program Studi D III Teknik

Informatika Fakultas MIPA UNS.

3. Esti Suryani, S. Si.,Mkom selaku Dosen Pembimbing Tugas Akhir atas

arahan dan bimbingannya dalam pembuatan laporan ini.

4. Bapak dan Ibu tercinta yang selalu mendukung dan mendoakan.

5. Teman – teman D3 Teknik Informatika dan TIC angkatan 2009, terima kasih

atas dukungannya.

6. Semua pihak yang telah membantu dalam pelaksanaan dan penyusunan

laporan Tugas Akhir ini, terima kasih banyak.

Semoga laporan ini dapat bermanfaat bagi semua pihak terutama bagi

mahasiswa Diploma III Teknik Informatika Fakultas Matematika dan Ilmu

Pengetahuan Alam, Universitas Sebelas Maret Surakarta.

Surakarta, 8 Juni 2012

Penulis.

Page 9: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ix

DAFTAR ISI

Halaman

Halaman Judul ………………………………………………….. i

Halaman Persetujuan ………………………………………………….. ii

Halaman Pengesahan ………………………………………………….. iii

Halaman Abstract ………………………………………………….. iv

Halaman Intisari ………………………………………………….. v

Halaman Motto ………………………………………………….. vi

Halaman Persembahan …………………………………………... vii

Kata Pengantar …………………………………………………… viii

Daftar Isi …………………………………………………………… ix

Daftar Tabel ………………………………………………….... xii

Daftar Gambar …………………………………………………… xiii

BAB 1 PENDAHULUAN …………………………………………… 1

1.1 Latar Belakang ……………………………………………. 1

1.2 Perumusan Masalah …………………………………… 2

1.3 Batasan Masalah ……………………………………………. 2

1.4 Tujuan dan Manfaat ……………………………………. 2

1.4.1 Tujuan ……………………………………………. 2

1.4.2 Manfaat ……………………………………………. 2

1.5 Metode Penelitian ……………………………………. 2

1.6 Sistematika Penulisan ……………………………………. 4

BAB 11 LANDASAN TEORI ……………………………………. 6

2.1. Sistem Informasi ……………………………………………. 6

Page 10: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

x

Halaman

2.2. Peta …………………………………………………… 8

2.3. Analisa dan Perancangan Sistem ………………………….. 10

2.3.1. Flowchart ………………………………………….. 10

2.3.2. Proses Bisnis …………………………………………. 11

2.3.3. Konsep Dasar Database………………………………... 11

BAB III DESAIN DAN PERANCANGAN …………………………. 13

3.1. Kebutuhan Sistem ………………………………….. 13

3.1.1. Kebutuhan Hardware ………………………………….. 13

3.1.2. Kebutuhan Software …………………………………... 13

3.2. Perancangan Sistem ………………………………….. 14

3.2.1. Proses Bisnis …………………………………………. 14

3.2.2. Flowchart …………………………………………. 15

3.2.2.1. Flowchart pada Admin …………………………. 15

3.2.2.2. Flowchart pada User …………………………. 16

3.2.3. Relationship Diagram …………………………. 17

3.3. Rancangan Desain ………………………………….. 18

3.4. Perancangan Database ………………………………….. 21

BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26

4.1. Implementasi …………………………………………... 26

4.1.1. Halaman Admin …………………………………… 26

4.1.2. Halaman Utama User …………………………………… 27

4.1.3. Halaman Informasi ……………………………………. 28

4.1.4. Halaman Peta …………………………………………… 29

Page 11: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xi

Halaman

4.2. Analisa …………………………………………………… 31

BAB V PENUTUP …………………………………………………… 32

5.1. Kesimpulan …………………………………………… 32

5.2. Saran …………………………………………………… 32

DAFTAR PUSTAKA …………………………………………… 33

Page 12: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xii

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol Flowchat ……………………………………………. 11

Tabel 3.1 Proses Bisnis ……………………………………………. 14

Tabel 3.2 Tabel Admin ……………………………………………. 21

Tabel 3.3 Tabel Album ……………………………………………. 22

Tabel 3.4 Tabel Galeri ……………………………………………. 22

Tabel 3.5 Tabel Data Peta ……………………………………………. 23

Tabel 3.6 Tabel Kategori ……………………………………………. 23

Tabel 3.7 Tabel Informasi ……………………………………………. 24

Tabel 3.8 Tabel Tag ……………………………………………………. 24

Tabel 3.9 Tabel Poling ……………………………………………. 25

Tabel 3.10 Tabel Modul ……………………………………………. 25

Page 13: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xiii

DAFTAR GAMBAR

Halaman

3.1. Gambar Flowchart Proses Admin …………………………….. 16

3.2. Gambar Flowchart Proses User …………………………………….. 17

3.3. Gambar 3.3 Relationship diagram …………………………….. 18

3.4. Gambar Rancangan Halaman Login ……………………………. 19

3.5. Gambar Rancangan Halaman Admin ……………………………. 19

3.6. Gambar Rancangan Halaman User ……………………………. 20

3.7. Gambar Rancangan Halaman Peta ……………………………. 21

4.1. Gambar Halaman Login Admin …………………………………….. 26

4.2. Gambar Halaman Utama Admin …………………………………….. 26

4.3. Gambar Halaman Utama User …………………………………….. 27

4.4. Gambar Halaman Admin Profil …………………………………….. 28

4.5. Gambar Halaman Informasi User …………………………….. 29

4.6. Gambar Halaman Peta …………………………………………….. 30

4.7. Gambar Halaman Informasi peta ……………………………………. 31

Page 14: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

1

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Perkembangan komputer saat ini sangat pesat dalam hal perangkat

hardware dan perangkat lunak. Munculnya sistem operasi baru dan program

aplikasi lainnya merupakan imbas perkembangan teknologi perangkat lunak.

Teknologi pemetaan digital juga mengalami perkembangan yang cukup pesat.

Banyak teknologi-teknologi saat ini yang menggunakan digital hanya saja masih

terdapat beberapa daerah khusus di Indonesia ini belum begitu berkembang

dengan baik.

Salah satu teknologi digital yang berkembang saat ini adalah sistem

informasi yang disajikan dalam peta digital. Sistem informasi peta digital ini

sangat penting diterapkan disuatu wilayah yang mempunyai potensi pendidikan

yang bagus baik secara akademik maupun non akademik, karena setiap tahunnya

dapat mengalami perubahan informasi. Demikian juga di wilayah Kabupaten

Karanganyar. Informasi pendidikan yang masih dilakukan secara manual dengan

mengunjungi satu persatu tempat untuk mempromosikan pendidikan dimasing-

masing sekolah, maupun dengan menggunakan pamflet atau browsur saja. Serta

alamat website sekolahan tapi banyak masyarakat yang malas untuk membuka

satu persatu informasi yang tertera.

Ketika sewaktu-waktu membutuhkan informasi lokasi dari sekolahan di

wilayah Kabupaten Karanganyar maupun dalam pelaksanaan perlombaan antar

pelajar maka harus survey tempat terlebih dahulu sehingga memakan banyak

waktu. Sehingga dengan peta digital ini diharapakan mampu memberikan

kemudahan bagi masyarakat untuk mencari lokasi sekolah yang tepat.

Page 15: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2

1.2 Perumusan Masalah

Setelah mengkaji dari latar belakang masalah, maka rumusan masalah

yang dikemukakan adalah bagaimana membuat sistem informasi peta digital

untuk jenjang pendidikan di wilayah Kabupaten Karanganyar.

1.3 Batasan Masalah

Pembuatan Sistem Informasi Peta Digital Wilayah Kabupaten

Karanganyar ini hanya sebatas pada sekolah-sekolah yang sudah memiliki sistem

informasi saja.

1.4 Tujuan dan Manfaat

1.4.1 Tujuan

Tujuan yang ingin dicapai dalam program ini adalah untuk membuat

aplikasi sistem informasi dengan peta digital yang menampilkan informasi

pendidikan SMP, SMA dan SMK yang ada di wilayah Kabupaten Karanganyar.

1.4.2 Manfaat

Manfaat yang dapat diambil dari program ini adalah untuk

memudahkan dalam pencarian informasi secara lengkap tentang pendidikan

sekolah di wilayah kabupaten karanganyar

1.5 Metode Penelitian

Aplikasi Sistem informasi peta digital jenjang pendidikan menegah

Kabupaten Karanganyar ini diharapkan dapat digunakan untuk memberikan

informasi kepada masyarakat dalam hal pencarian Pendidikan Menengah untuk

putra putrinya. Adapun metode yang digunakan dalam penelitian ini, antara lain :

1.5.1 Instrument Penelitian

Instrument pnelitian yang digunakan untuk membuat “Aplikasi Sistem

Informasi Peta Digital untuk Jenjang Pendidikan Wilayah Kabupaten

Karanganyar” adalah hardware yang berupa satu unit komputer dan bahasa

pemrograman PHP serta database MySQL.

Page 16: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3

1.5.2 Metode Pengumpulan Data

Metode ini dilakukan untuk mengumpulkan berbagai data yang akan

digunakan sebagai referensi dalam pembagunan aplikasi. Terdapat beberapa cara

dalam mengumpulkan data, yaitu observasi, studi pustaka dan Dokumentasi.

Observasi

Tahap Observasi merupakan tahap awal dalam kegiatan penelitian.

Pada tahap ini dilakukan pengamatan yang berhubungan dengan

informasi pendidikan di sekolah-sekolah kabupaten karanganyar.

penelitian ini hanya nama sekolah, lokasi dan sistem informasi yang

sudah ada di sekolah-sekolah menengah di wilayah Kabupaten

Karanganyar.

Studi pustaka

Tahap pengumpulan yang menggunakan pustaka-pustaka yang telah

ada untuk digunakan sebagai referensi atau sebagai bahan penunjang

untuk menyelesaikan tugas akhir ini.

Wawancara

Wawancara dilakukan dengan mengunjungi beberapa sekolah

menengah yang ada di wilayah Kabupaten Karanganyar.

Dokumentasi

Dokumentasi dilakukan untuk mengambil gambar lokasi dari

lingkungan objek di wilayah Kabupaten Karanganyar yang akan

digunakan untuk mendukung proses kinerja dalam memenuhi

pelayanan terhadap konsumen

1.5.3 Metode Perancangan dan Analisis

Metode ini dilakukan sebelum memulai dalam pembuatan aplikasi.

Perancangan dilakukan agar pembuatan aplikasi bisa sesuai dengan batasan

masalah yang telah ditentukan. Terdapat beberapa sistem dalam melakukan

perancanagan, yaitu :

Perancangan sistem

Tahap perancangan sistem membahas yang digunakan untuk

membuat kerangka sistem informasi peta digital untuk jenjang

Page 17: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4

pendidikan wilayah Kabupaten Karanganyar, beberapa macam

pemodelan analisis antara lain Flowchart dan proses bisnis.

Perancangan interface

Pada tahap ini dilakukan perancangan bentuk interface program yang

dibuat. Perancangan interface ini meliputi perancangan interface

input dan output. Interface input berupa data sekolah dan lokasi,

sedangkan interface output berupa laporan informasi dalam peta

digital.

Perancangan Program

Merupakan tahap dalam merancang program yang dibuat yang

berhubungan langsung pada perancangan basis data dan interface

kemudian untuk disatukan menjadi sebuah sistem.

1.5.4 Implementasi

Metode ini dilakukan saat aplikasi dibuat dengan acuan dari

perancangan yang sebelumnya sudah selesai dibuat. Metode ini dilakukan untuk

percobaan aplikasi apakah sudah sesuai perancangan atau tidak.

1.5.5 Evaluasi

Metode ini dilakukan saat implementasi aplikasi telah selesai dilakukan,

serta untuk mengetahui kelebihan dan kekurangan aplikasi yang dibuat.

1.6 Sistematika penulisan

Berisi sistematika singkat tentang isi dari masing-masing bab dalam

laporan Tugas Akhir.

BAB 1 Pendahuluan

Pendahuluan yang berisi Latar Belakang Masalah, Perumusan Masalah,

Batasan Masalah, Tujuan dan Manfaat Penelitian, Metodologi Penelitian,

Sistematika Penulisan.

BAB 11 Landasan Teori

Landasan Teori memuat tinjauan pustaka yang digunakan sebagai

referensi dalam pembuatan Aplikasi Sistem Informasi Peta Digital

Page 18: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5

BAB III Analisa Dan Perancangan

Analisa dan perancangan sistem memuat tentang analisa kebutuhan dari

sistem yang akan dibuat, beserta rancangan sistem.

BAB IV Implementasi Dan Evaluasi

Implementasi memuat hasil analisa dan perancangan sistem yang antara

lain ditampilkan dalam tabel, gambar, dan penjelasan dari masing-masing

bagian.

BAB V Penutup

Penutup memuat kesimpulan dari hasil penelitian atau implementasi

sistem dan saran yang diperoleh dari kesimpulan tersebut.

Page 19: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6

BAB II

LANDASAN TEORI

2.1 Sistem Informasi

Pengertian sistem informasi begitu banyak, namun pada dasarnya

mengarah pada maksud dan tujuan yang sama. Berikut pengertian sistem

informasi yang dapat dilihat dari arti masing-masing unsur pembentuknya, yaitu :

2.1.1 Konsep Dasar Sistem

Sistem itu sendiri adalah Jaringan kerja dari prosedur-prosedur yang

saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan

atau untuk menyelesaikan suatu sarana tertentu. (Kristanto, 2003)

Adapun prosedur merupakan urutan operasi penulisan dan biasanya

melibatkan satu orang atau lebih untuk menjamin penanganan yang sama dari

transaksi-transaksi yang dijalankan.

Tahap-tahap instruksi yang tepat, yaitu :

1. Apa yang harus dikerjakan

2. Siapa yang mengerjakan

3. Kapan harus dilaksanakan dan diselesaikan

4. Bagaimana cara melaksanakan dan menyelesaikannya

Sistem yang baik harus mempunyai tujuan dan sasaran yang tepat

karena hal ini yang akan menentukan dalam mendefinisikan masukan dan

keluaran yang dibutuhkan oleh sistem.

2.1.2 Konsep Dasar Informasi

Memahami konsep dasar informasi sangat penting dalam mendesain

sebuah sistem informasi yang efektif (effective business system). Menyiapakan

langkah atau metode dalam menyediakan informasi yang berkualitas adalah

tujuan dalam mendesain sistem baru. Informasi dapat disimpulkan sebagai

berikut,

Informasi adalah kumpulan data yang diolah menjadi bentuk yang

lebih berguna dan lebih berarti bagi yang menerimanya. (Kristanto, 2003)

Page 20: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7

Sumber informasi adalah data. Data mengambarkan suatu kejadian

yang sedang terjadi, dimana data akan diolah dan diterapkan dalam sistem

menjadi input yang berguna dalam suatu sistem. Suatu sistem tidak akan berjalan

dengan lancar jika tanpa informasi akhirnya sistem mati.

2.1.3 Konsep Dasar Sistem Informasi

Sebuah sistem informasi merupakan kumpulan dari perangkat keras

dan perangkat lunak komputer serta perangkat manusia yang mengelola data

menggunakan perangkat keras dan lunak tersebut. Selain itu data yang

merupakan peranan penting dalam sistem informasi, data yang masukkan dapat

berupa formulir, prosedur-prosedur dan bentuk data lainya. (Riyanto, dkk. 2009)

Sistem informasi juga dapat didefiniskan sebagai berikut :

Sistem yang dibuat oleh manusia yang terdiri dari komponen-

komponen dalam organisasiuntuk mencapai tujuan yaitu menyajikan informasi

atau,

Sistem informasi adalah sekumpulan prosedur organisasi yang pada

saat dilaksanakan akan memberikan informasi bagi pengambil keputusan dan

atau untuk mengendalikan organisasi.

2.1.4 Komponen Sistem Informasi

Sistem informasi terdiri dari beberapa komponen-komponen yang

disebut sebagai blok bangunan atau building block (Bruch dan Grudnitski, 1986).

Blok bangunan kemudian dibagi, sebagai berikut :

1. Blok Masukan (Input Block)

Input mewakili data yang masuk ke dalam sistem informasi. Input

disini termasuk metode-metode dan media untuk menangkap data yang

akan dimasukkan, yang dapat berupa dokumen-dokumen dasar.

2. Blok Model (Model Block)

Blok ini terdiri dari kombinasi prosedur, logika dan model

matematik yang akan memanipulasi input dan data ang tersimpan di

database dengan cara yang sudah tertentu untuk menghasilkan keluaran

yang iinginkan.

Page 21: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

8

3. Blok Keluaran (Output Block)

Produk dari sistem informasi adalah keluaran yang merupak

informasi yang berkualitas dan berdokumentasi yang berguna untuk semua

tingkatan manajemen serta semua pemakai sistem.

4. Blok Teknologi (Technology Block)

Teknologi merupakan kotak alat (tool box) dalam sistem informasi.

Teknologi digunakan untuk menerima input, menjalankan model,

menyimpan dan mengakses data, menghasilkan dan mengirimkan

keluaran dan membantu pengendalian dari sistem secara keseluruhan.

5. Blok Basis Data (Database Block)

Basis data merupakan kumpulan dari data yang saling berhubungan

satu dengan yang lainnya, tersimpan di perangkat keras komputer dan

digunakan perangkat lunak untuk memanipulasinya.

6. Blok Kendali (Controls Block)

Banyak hal yang dapat merusak sistem informasi, maka

pengendaliaan perlu dirancang dan diterapkan untuk menyakinkan bahwa

hal-hal yang dapat merusak sistem dapat dicegah ataupun bila terlanjur

terjadi kesalahan-kesalahan dapat langsung cepat diatasi.

2.2 Peta

Peta merupakan penyajian grafis dari permukaan bumi dalam skala

tertentu dan digambarkan pada bidang datar melalui sistem proyeksi peta

dengan menggunakan simbol-simbol tertentu sebagai perwakilan dari

objek-objek spasial dipermukaan bumi. (Riyanto, dkk. 2009)

Menurut definisi Prihandito (1988) mengatakan peta merupakan penyajian

grafis dari bentuk ruang dan hubungan keruangan antara berbagai

perwujudan yang diwakili. Untuk membangun peta dibutuhkan beberapa

komponen dasar antar lain sebagai berikut :

Page 22: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

9

1. Isi

Isi (data frame) peta menunjukan isi dari makna ide penyusun

peta yang akan disampaikan kepada pengguna peta. Isi peta

merupakan bagian dari peta yang menampilkan lapisan-lapisan data

(layer). Bagian ini adalah bagian terpenting dan meupakan titik pusat

dari sebuah dokumen peta.

2. Skala

Sebuah skala peta menjelaskan hubungan dari data frame yang

ada di peta dengan dunia nyata dalam sebuah rasio perbandingan.

Skala sangat penting dicantumkan untuk melihat tingkat ketelitian dan

kedetailan objek yang dipetakan.

3. Simbol Arah

Simbol arah dicantumkan dengan tujuan untuk orientasi peta.

Arah utara lazimna mengarah pada bagian atas peta, kemudian

berbagai tat letak tulisan mengikuti arah tadi, sehingga peta nyaman

dibaca dengan membolak-balik peta.

4. Legenda atau Keterangan

Legenda bertugas untuk menjalankan seluruh simbol-simbol

yang digunakan dalam sebuah peta pada setiap lapisan data. Agar

pembaca peta dapat memahami isi peta dengan mudah. Legenda peta

mengambarkan secara detail berbagai gambar skema, simbol, dan

kategori yang terdapat dipeta tersebut.

Page 23: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

10

5. Sumber/ Keterangan Riwayat

Untuk mengetahui sumber data atau peta yang dibuat, kapan peta

dibuat, dan lain-lain. Sehingga pengguna dapat melacak keakuratan

informasi dan interprestasi dari pembuat peta.

6. Judul

Judul peta sangat penting, karena judul akan memberikan

gambaran secara sinkat menegani subjek-subjek yang ada di dalam

peta.

7. Proyeksi

Peta mmbutuhkan kedetailan informasi sebuah sistem proyeksi

yang digunakan untuk kebutuhan pemakaian sistem koordinat yang

akan dipakai.

2.3 Analisis dan Perancangan Sistem

Analisa Sistem adalah penguraian dari suatu sistem informasi yang

utuh kedalam bagian komponen dengan maksud untuk mengidentifikasikan dan

mengevaluasi permasalahan-permasalahan serta hambatan-hambatan yng terjadi

sehingga dapat diusulkan untuk diperbaiki.( Jogiyanto , 2001)

Perancangan Sistem adalah merancang atau mendesain sistem yang

baik, isinya adalah langkah-langkah operasi dalam pengelolaan data dan prosedur

untuk mendukung operasi sistem. (Kristanto, 2003). Berikut tahap-tahap dalam

perancangan sistem yang digunakan dalam Sistem Infromasi peta digital jenjang

pendidikan menengah Kabupaten Karanganyar, sebagai berikut :

2.3.1 Flowchart

Flowchart merupakan diagram alur yang mengambarkan urutan logika

dari suatu prosedur pemecahan masalah (Sutedjo dan Michael, 2000).

Page 24: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

11

Beberapa simbol yang digunakan dalam flowchart dapat dilihat ditabel

berikut.

Tabel 2.1 Simbol Flowchart (Sutedjo dan Michael, 2000)

Simbol Keterangan

Menunjukan awal atau akhir program atau

terminator.

Menunjukan input atau output.

Menunjukan arah arus atau aliran.

Menunjukan proses.

Menunjukan keputusan atau pengujian.

2.3.2 Proses Bisnis

Sejumlah aktivitas yang mengubah sejumlah input menjadi

sejumlah output (barang dan jasa) untuk orang-orang lain atau proses

yang menggunakan orang dan alat.

2.3.3. Konsep Dasar Database (Basis Data)

Perancangan basis data merupakan tahap memasukkan data- data yang

dikelola dan disusun guna memenuhi suatu tujuan pembangunan sistem

informasi sebagai persiapan untuk melakukan rancang bangun dan

implemetasi.

Page 25: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

12

Database (Basis Data)

Database merupakan kumpulan data yang saling berhubungan satu

dengan yang lainnya, tersimpan di perangkat keras komputer dan

digunakan perangkat lunak untuk memanipulasinya. Untuk membentuk

suatu database diperlukan jenjang data sebagai berikut : (Jogiyanto,

1997)

a. Karakter

Karakter merupakan bagian data yang terkecil, dapat berupa

karakter, numerik, huruf, dll.

b. Field

Field merupakan gambaran suatu atribut dari record yang

menunjukan item dari data.

c. Record

Record merupakan kumpulan dari field-field. Record mengambarkan

suatu unit data individu tertentu.

d. File

File terdiri dari recod-record yang menggunakan satu kesatuan data

yang sejenis.

e. Database

Database merupakan kumpulan dari file.

Page 26: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

13

BAB III

DESAIN DAN PERANCANGAN

3.1. Kebutuhan Sistem

3.1.1. Kebutuhan Hardware

Hardware yang digunakan untuk pembuatan Sistem Informasi Peta

Digital Jenjang Pendidikan Menengah Di Kabuapaten Karanganyar dengan

spesifikasi sebagai berikut

a. Processor

Processor yang digunakan untuk pembuatan aplikasi ini processor

Pentium® Dual-Core CPU E5700.

b. Memory

Memory yang digunakan untuk pembuatan aplikasi ini RAM 992

MB.

c. Harddisk

Harddisk yang digunakan untuk pembuatan aplikasi ini 58,3 MB.

3.1.2. Kebutuhan Software

Software yang diperlukan dalam pembuatan Sistem Informasi Peta

Digital Jenjang Pendidikan Menengah Di Kabuapaten Karanganyar adalah

sebagai berikut

a. Sistem Operasi

Pembuatan aplikasi ini membutuhkan sistem operasi Windows

untuk menjalankan aplikasi ini. Minimal menggunakan Windows

XP.

b. Adobe Dreamweaver CS 5

program aplikasi yang digunakan untuk membangun dan

mengelola sebuah website, serta melakukan scripting CSS

(Cascading Style Sheet), dan PHP (Hypertext Preprocessor )

Page 27: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

14

c. Apalikasi web

Merupakan aplikasi yang digunakan untuk menjalankan sistem

informasi yang diakses melalui browser, misalnya Mozilla Firefox

atau Internet Explorer.

d. Adobe Photoshop CS 4

Merupakan aplikasi yang digunakan untuk menyunting dan

memanipulasi images atau foto .

e. Adobe Flash CS 4 Professional

Program aplikasi yang digunakan untuk membangun peta dan

menambahkan simbol-simbol.

f. Apache

Merupakan program yang menghasilkan halaman web yang benar

berdasarkan kode PHP.

g. MySQL Server

Merupakan aplikasi untuk membuat database dari sistem.

3.2 Perancangan Sistem

3.2.1 Proses Bisnis

Proses bisnis merupakan serangkaian alur kegiatan yang diharapan

dapat memenuhi sasaran dan strategi dalam suatu bisnis. Poses

yang menggunakan sejumlah input menjadi output.

Tabel 3.1 Proses Bisnis

Nama Aktor Keterangan

Admin

Mengelola dan mengakses data informasi dan peta

sekolah menengah di wilayah Kabupaten

Karanganyar.

User

Melihat informasi sekolah dengan peta digital

wilayah Kabupaten Karanganyar, Melakukan

pencarian informasi melalui peta, mengisi poling

Sistem Informasi Peta digital.

Page 28: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

15

3.2.2 Flowchart

Flowchart merupakan diagram alur yang mengambarkan

urutan logika dari suatu prosedur yang ada dalam suatu sistem.

Berikut alur Flowchart Sistem Informasi Peta Digital untuk

Jenjang Pendidikan di wilayah Kabupaten Karanganyar.

3.2.2.1 Flowchart Proses Admin

Flowchart proses admin mengambarkan diagram alur dari

prosedur menu login admin sampai akses menu utama. Login

untuk mengakses menu-menu yang ada di dalam program,

masukkan username dan password . username dan password

akan dicek jika benar maka admin dapat mengakses menu-menu

di dalam program tersebut. jika salah maka ulangi input

username dan password sampai benar. Setelah proses akses

selasai dilakukan logout. Proses admin dapat dilihat pada

gambar berikut.

Page 29: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

16

Mulai

Login

Input

username &

password

Cek Login

Menu utama

Admin

Benar

salah

Logout

selesai

Gambar 3.1 Flowchart Proses Admin

3.2.2.2 Flowchart Proses User

Flowchart proses user mengambarkan diagram alur dari

prosedur menu utama disisi user. Menu utama menampilkan

peta digital sekolah dalam peta terdapat menu search, lalu

menginputkan nama sekolah. Kemudian muncul simbol sekolah

jika ya maka menampilkan informasi sekolah untuk lebih

lengkapnya klik linknya. Jika tidak inputkan nama sekolah

hingga sesuai yang dicari. Setelah mendapatkan informasi

tersebut keluar. Proses disisi user dapat dilihat pada gambar

berikut ini.

Page 30: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

17

Mulai

Menu Utama

Keluar

Cari nama

sekolah

Sistem

Informas

i

Sekolah

Gambar posisi

sekolah

Gambar 3.2 Flowchart Proses User

3.2.3. Relationship Diagram (Relasi Antar Tabel)

Relationship diagram menggambarkan relasi antar tabel yang

ada dalam Sistem Informasi Peta Digital. Relationship diagram

trdiri dari 8 tabel. Relationship diagram dibaeah ini,

digambarkan dalam bentuk skema namun tetap mewakili dari

relasi antar tabel. Dapat dilihat pada gambar 3.8.

Page 31: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

18

Tb. admin1

PK username

password

nama_lengkap

email

no_telp

level

status

id_session

Tb. Informasi1

PK Id_info

FK1 Id_kategori

username

judul

isi_info

hari

tanggal

jam

gambar

tag

headline

Tb. kategori1

PK id_kategori

nama_kategori

aktif

Tb.poling1

PK id_poling

pilihan

rating

aktif

Tb. Tag1

PK id_tag

tag

countTb_data1

PK id

judul

gambar

mapx

mapy

posx

posy

keterangan

link

jenjang

Tb. album1

PK id_album

judul_album

gambar_album

aktif

Tb. galeri1

PK id_galeri

FK1 id_album

judul_galeri

keterangan

gambar_galeri

Tb modul

PK id_modul

nama_modul

link

static_content

gambar

publish

status

aktif

urutan

link_seo

Gambar 3.3 Relationship diagram

3.3.Rancangan Desain

Dalam Sistem Informasi Peta Digital untuk Jenjang Pendidikan

Wilayah Kabupaten Karanganyar ini hak akses dari pengguna sistem

yaitu :

3.3.1 Halaman Admin

Halaman ini merupakan halaman yang dapat diakses oleh Admin

yang memiliki hak dalam mengelola dan mengatur seluruh fasilitas

yang ada dalam Sistem Informasi Peta Digital untuk Jenjang

Pendidikan Wilayah Kabupaten Karanganyar.

3.3.1.1 Rancangan Halaman Login admin

Halaman login admin untuk memulai terlebih dulu admin

memasukan username dan password kemudian klik menu login.

Kemudian selanjutnya akan masuk ke Halaman Utama Admin jika

benar dalam memasukkan username dan password jika salah maka

akan kembali ke menu admin ini. Ditunjukan pada gambar 3.3.

Page 32: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

19

Gambar 3.4 Rancangan Halaman Login

3.3.1.2 Rancangan Halaman Utama admin

Halaman utama admin yang digunakan untuk mengelola semua

content yang ada di menu tersebut. Terdapat menu update, tambah

dan batal. ditunjukan pada gambar 3.4.

Gambar 3.5 Rancangan Halaman utama admin

3.3.2 Halaman User

Halaman ini merupakan halaman untuk user atau pengunjung. User

dapat melihat dan mengetahui informasi dari Sistem Informasi Peta

Digital untuk Jenjang Pendidikan Wilayah Kabupaten

Karanganyar. Yang disajikan oleh admin

FOOTER

MENU

HEADER

LOGIN

Username

Password

FOOTER

Login

HEADER

CONTENT

FOOTER

MENU

Page 33: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

20

3.3.2.1 Rancangan Halaman Utama User

Halaman utama user yang menampilkan berbagai menu yang di

kelola oleh admin. Tampilan awal terdapat menu peta yang

digunakan untuk memcari informasi sekolah menengah yang ada di

wilayah Kabupaten Karanganyar. Bagian kanan content terdapat

menu sekilas info, link sekolah dan poling ditunjukan pada gambar

3.5 berikut

Gambar 3.6 Rancangan Halaman Utama User

3.3.2.3 Rancangan Halaman Peta

Halaman Peta yang menjadi menu utama dalam sistem ini,

halaman peta terdapat dibagian awal halaman web. Dihalaman ini

user dapat mencari informasi sekolah dengan mengklik simbol

sekolah tersebut. ditunjukan pada gambar 3.6

MENU

HEADER

INFO

LINK SEKOLAH

POLING

FOOTER

PETA

Page 34: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

21

Gambar 3.7 Rancangan Halaman Peta

3.4.Perancangan Database

Dalam pembuatan Sistem Informasi Peta Digital untuk Jenjang Pendidikan

Sekolah Kabupaten Karanganyar diperlukan adanya basis data yang

digunakan untuk menyimpan seluruh data dan informasi, sebagai berikut :

1. Tabel Admin

Tabel Admin berfungsi untuk menyimpan data administrator yang

ditunjukan dengan rancangan berikut :

Tabel 3.2 Tabel Admin

Field Type data key Keterangan

Username Varchar (20) Primary Key Not Null

Password Varchar (20) Not Null

Nama_lengkap Varchar (50) Not Null

Email Varchar (50) Not Null

No_telp Varchar (15) Not Null

Level Varchar (20) Not Null

Status Enum (“Y”,”N”) Not Null

Id_session Varchar (50) Not Null

PETA KAB. KARANGANYAR

SEARCH

MENU INFORMASI

R

M

Page 35: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

22

2. Tabel Album

Tabel Album berfungsi untuk menyimpan data album sekolah yang

ditunjukan dengan rancangan berikut :

Tabel 3.3 Tabel Album

Field Type data key Keterangan

Id_album Int (3) Primary Key Not Null

Judul_album Varchar (10) Not Null

Gambar_album Varchar (30) Not Null

Aktif Enum

(“Y”,”N”)

Not Null

3. Tabel Galeri

Tabel galeri berfungsi untuk menyimpan data foto sekolah yang

ditunjukan dengan rancangan berikut :

Tabel 3.4 Tabel Galeri

Field Type data key Keterangan

Id_galeri Int (3) Primary Key Not Null

Id_album Int (3) Foreign Key Not Null

Judul_galeri Varchar (30) Not Null

Keterangan Text Not Null

Gambar_galeri Varchar (50) Not Null

4. Tabel Data Peta

Tabel peta berfungsi untuk menyimpan data peta sekolah yang

ditunjukan dengan rancangan berikut :

Page 36: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

23

Tabel 3.5 Tabel Data Peta

Field Type data key Keterangan

id Int (3) Primary Key Not Null

Judul Varchar (25) Not Null

Gambar Varchar (25) Not Null

Mapx Char (10) Not Null

Mapy Char (10) Not Null

posx Char (10) Not Null

posy Char (10) Not Null

Keterangan Text Not Null

Link Text Not Null

Jenjang Varchar (10) Not Null

5. Tabel Kategori

Tabel kategori berfungsi untuk menyimpan data kategori sekolah

yang ditunjukan dengan rancangan sebagai berikut :

Tabel 3.6 Tabel Kategori

Field Type data key Keterangan

Id_kategori Int (3) Primary Key Not Null

Nama_kategori Varchar (10) Not Null

Aktif Enum (“Y”,”N”) Not Null

6. Tabel Informasi

Tabel informasi berfungsi untuk menyimpan data informasi sekolah

yang ditunjukan dengan rancangan sebagai berikut :

Page 37: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

24

Tabel 3.7 Tabel Informasi

Field Type data key Keterangan

Id_info Int (3) Primary Key Not Null

Id_kategori Int (3) Foreign Key Not Null

Username Varchar (30) Not Null

Judul Varchar (50) Not Null

Isi_info Text Not Null

Hari Varchar (10) Not Null

Tanggal Date Not Null

Jam Time Not Null

Gambar Varchar (50) Not Null

Tag Varchar (10) Not Null

Headline Enum (“Y”,”N”) Not Null

7. Tabel Tag

Tabel Tag berfungsi untuk menyimpan data tag sesuai dengan

informasi yang disampaikan.

Tabel 3.8 Tabel Tag

Field Type data key Keterangan

Id_tag Int (3) Primary Key Not Null

Tag Varchar (10) Not Null

Count Int (5) Not Null

8. Tabel Poling

Tabel poling berfungsi untuk menyimpan data poling dari baanyaknya

user atau pengunjung yang memberikan voting dari sistem ini.

Page 38: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

25

Tabel 3.9 Tabel Poling

Field Type data key Keterangan

Id_poling Int (3) Primary Key Not Null

Pilihan Varchar (20) Not Null

Rating Int (5) Not Null

Aktif Enum (“Y”,”N”) Not Null

9. Tabel Modul

Tabel Modul digunakan untuk menyimpan semua data yang ada

dalam sistem tersebut.

Tabel 3.10 Tabel Modul

Field Type data key Keterangan

Id_modul Int (3) Primary Key Not Null

Nama_modul Varchar (50) Not Null

Link Varchar (50) Not Null

Static_content Text Not Null

Gambar Varchar (50) Not Null

Publish Enum (“Y”,”N”) Not Null

Status Enum (“Y”,”N”) Not Null

Aktif Enum (“Y”,”N”) Not Null

Urutan Int (5) Not Null

Link_seo Varchar (50) Not Null

Page 39: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

26

BAB IV

ANALISA DAN IMPLEMENTASI

4.1 Implementasi

4.1.1 Halaman Admin

Halaman admin merupakan untuk mengakses semua tampilan content

yang terdapat dalam Sistem Informasi Peta Digital Jenjang Pendidikan Menengah

Kabuapaten Karanganyar. Untuk masuk kedalam aplikasi halaman admin login

dengan memasukan password dan username. Yang ditunjukan pada gambar 4.1

berikut .

Gambar 4.1 Halaman Login Admin

Jika admin sudah login maka, sistem akan menampilkan menu yang

berada disebelah kiri. Klik salah satu untuk mengelola content dalam website ini.

Gambar 4.2 Halaman Utama Admin

Page 40: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

27

4.1.2 Halaman Utama User

Halaman Utama User menampilkan navigasi Home, Profil, Informasi,

Peta, Galeri Foto dan Kontak kami. Halaman utama user ini langsung

menampilkan peta digital yang memberikan informasi dari pendidikan menengah

yaitu SMP, SMA, dan SMK.

Gambar 4.3 Halaman Utama User

Halaman Admin profil menampilkan Sejarah dan Visi Misi Kabupaten

Karanganyar. Admin dapat memasukan foto dan mengupdate data saja.

Page 41: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

28

Gambar 4.4 Halaman Profil Admin

Gambar 4.4 Halaman Admin Profil

Profil sejarah berisi tentang berdirinya Kabupaten Karanganyar itu kapan

dan terbentuknya wilayah kecamatan yang sebelumnya. Sehingga user dapat

mengetahui sejarah dan Visi Misi perkembangan Kabupaten Karanganyar sendiri.

4.1.3 Halaman Informasi

Pada halaman informasi menampilkan informasi sekolah yang ada di

Kabupaten Karanganyar.sehingga user dapat melihat dan membuka sesuai dengan

jenis kategori yang ada.

Page 42: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

29

Gambar 4.5 Halaman Informasi User

Informasi disini tentang prestasi maupun berita terbaru tentang sekolah-

sekolah yang ada di wilayah Kabupaten Karanganyar, maupun hal-hal yang

bersifat membangun dari perkembangan sekolah tersebut. Sehingga user dapat

mengetahui langsung tentang perkembangan yang ada disekolah-sekolah saat ini.

4.1.4 Halaman Peta

Halaman peta menampilkan peta digital Kabupaten Karanganyar yang

dilengkapi dengan simbol-simbol dan menu search sekolah menengah saja. Menu

search untuk memberikan kemudahan bagi user dalam mencari informasi sekolah.

Page 43: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

30

Gambar 4.6 Halaman Peta

Melakukan pencarian atau menu search dengan menginputkan nama

sekolah yang diinginkan, maka dari situ akan muncul menu dari simbol sekolah

tersebut yang menujukan nama dari sekolah tersebut. Bila kurang jelas dapat di

zoom yang terdapat di menu bagian kiri.

Untuk menu informasi dari peta itu dari menu simbol kemudian di klik

maka akan muncul informasi. User dapat memperoleh Informasi tentang alamat

dan sistem informasi dari sekolah itu sendiri.jika user masih butuh informasi yang

lebih lengkap dapat mengeklik menu Read More. Dari situ user dapat langsung

terhubung dengan sistem informasi yang sudah ada disekolah tersebut.

Page 44: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

31

Gambar 4.6 Halaman Informasi Peta

4.2 Analisa

Aplikasi Sistem Informasi Peta Digital Jenjang Pendidikan Menengah di

wilayah Kabupaten Karanganyar ini mempunyai output yang berupa peta digital

dengan memberikan informasi lokasi dan link website sekolah masing-masing

yang sudah tersedia.

Manfaat utama dalam aplikasi ini yaitu untuk memberikan kemudahan

dalam pencarian informasi secara lengkap tentang pendidikan sekolah menengah

di wilayah Kabupaten Karanganyar.

Pembuatan aplikasi ini menggunakan bahasa pemrograman PHP dan

DBMS yang digunakan sistem ini adalah MySQL server dan software lain seperti

Adobe flash, Dreamwever CS 5. Pada aplikasi ini admin saja yang bertugas untuk

mengelola dan mengakses semua data sekolah .

Page 45: APLIKASI SISTEM INFORMASI PETA DIGITAL …...BAB IV ANALISA DAN IMPLEMENTASI ………………………... 26 4.1. Implementasi ... 26 4.1.1. Halaman Admin 26 Halaman Utama User 27

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

32

BAB V

PENUTUP

5.1. Kesimpulan

Kesimpulan yang dapat diambil dari pembahasan di atas adalah

telah berhasil dibuat sebuah Sistem Informasi Peta Digital untuk Jenjang

Pendidikan Menengah Di wilayah Kabupaten Karanganyar. sebagai

media utama yang penting adalah Peta yang berfungsi untuk memberikan

sebuah informasi dari sekolah-sekolah Menengah di Kabupaten

Karanganyar ini.

Sistem ini dibangun berbasis website, sehingga dapat diakses oleh

semua pengunjung yang memerlukan informasi sekolah. Menggunakan

bahasa pemrograman PHP dan software Adobe Flash serta Dreamwever

CS 5.

5.2. Saran

Sistem ini masih belum sempurna, sehingga untuk

menyempurnakan kinerja dari sistem ini diperlukan pengembangan lebih

lanjut diantaranya adalah penambahan data peta.