commit to user
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.
commit to user
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.
commit to user
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.
commit to user
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.
commit to user
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
count Tb_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.
commit to user
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
commit to user
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
commit to user
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
commit to user
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 :
commit to user
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 :
commit to user
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.
commit to user
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
Enu m “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
commit to user
26
BAB IV ANALISA DAN IMPLEMENTASI
4.1 Implementasi