4. Berita.php. dalam halaman ini user bisa memsaukan berita singkat mengenai pengembangan aplikasi atau topik lain. Nantinya akan menggunakan fitur
jquery untuk menggunakan tab option pada berita tersebut. 5. User.php merupakan halaman untuk memanagement user, hanya admin yang
bisa menggunakan fitur ini untuk member atau tidak member akses user terhadap aplikasi.
6. Logout.php merupakan link untuk menghancurkan sesi pada php. Dengan link ini user tidak menggunkan hak akses lagi npada aplikasi.
3.5 Algoritma
Kumpulan perintah untuk menyelesaikan suatu masalah. Perintah-perintah ini dapat diterjemahkan secara bertahap dari awal hingga akhir. Masalah tersebut dapat berupa
apa saja, dengan catatan untuk setiap masalah, ada kriteria kondisi awal yang harus dipenuhi sebelum menjalankan algoritma. Algoritma akan dapat selalu berakhir untuk
semua kondisi awal yang memenuhi kriteria.
1. Algoritma Menu Utama
Langkah 1 : Tunggu load data lalu akan tampil halaman depan aplikasi web yang
terdiri Tabel sekolah, peta kota medan dan menu login. Langkah 2
:Jika diklik menu tentang, maka akan tampil informasi mengenai aplikasi pemetaaan.
Langkah 3 :Jika di klik menu cari, maka akan ditampilkan halaman cari dan sub
menu pencarian lokasi Langkah 4
:Jika di klik menu berita, maka akan ditampilkan halaman berita dan list berita.
Langkah 5 :Jika di klik menu registrasi, maka akan ditampilkan halaman registrasi
yang didalamnya terdapat form yang kosong. Langkah 6
:Jika di klik menu login, maka akan ditampilkan halaman login, yang digunakan untuk akses sebagai user.
Langkah 7 :Selesai
Universitas Sumatera Utara
2. Algoritma Login Admin
Langkah 1 : Klik menu admin, maka Anda akan masuk ke halaman admin.
Langkah 2 : Masukkan username dan password.
Langkah 3 : Klik tombol login.
Langkah 4 : Jika username dan password yang dimasukkan benar, maka Anda
akan masuk ke halaman admin. Langkah 5
: Jika username dan password yang Anda masukkan salah, maka akn tampil pesan password yang Anda masukkan salah.
Langkah 6 : Selesai.
3. Algoritma Cari Peta
Langkah 1 : Klik menu cari, Lalu akan masuk ke halaman cari.
Langkah 2 : Pilih kecamatan, Akan tampil sekolah-sekolah pada kecamatan yang
dipilih. Langkah 3
: Pilih jenjang, Akan tampil sekolah-sekolah sesuai dengan jenjang dan kecamatan yang dipilih.
Langkah 4 : Pilih Status, Akan tampil sekolah-sekolah sesuai dengan status,
jenjang dan kecamatan yang dipilih. Langkah 5
: Klik tombol cari maka akan tampil daftar sekolah yang telah di filter. Langkah 6
: Pilih sekolah yang ingin dilihat petanya. Langkah 7
: Akan tampil data dan peta yang dipilih. Langkah 8
: Selesai
4. Algoritma Tambah Data Peta
Langkah 1 :Tunggu load halaman utama admin
Langkah 2 :Tampil sub menu tambah data. Pilih opsi tambah data.
Langkah 3 :Klik lokasi koordinat pada map.
Langkah 4 :Isikan data sekolah.
Langkah 5 :Jika Data valid maka akan tersimpan dalam database
Langkah 6 :Selesai
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi
Tahap implementasi sistem merupakan tahap inti dari pekerjaan sebuah proyek. Pada tahap ini semua rancangan diterapkan dan dikerjakan guna menjadi sebuah sistem
yang diinginkan. Implementasi sistem yang dimaksud merupakan proses pembuatan dan pemasangan sistem secara utuh baik dari sisi hardwareperangkat keras, software
perangkat lunak, koneksi jaringaninternet.
4.2 Komponen Sistem
Komponen-komponen system yang dibutuhkan dalam membangun aplikasi ini diantaranya adalah :
4.2.1 Hardware
Hardware adalah perangkat keras yang terlihat dan dapat disentuh oleh tangan.
Hardware merupakan suatu komponen yang sangat dibutuhkan dalam mewujudkan
sistem yang diusulkan. Dalam hal ini penulis merekomendasikan perangkat hardware yang standar, artinya aplikasi dapat berjalan normal. Spesifikasi komponen hardware
bisa saja anda gunakan lebih rendah atau lebih tinggi, sesuai yang anda inginkan. Adapun spesifikasi komponen hardware agar aplikasi berjalan dengan normal yaitu :
1. Prossesor AMD Athlon II X2 250
2. Memory 1 GB 3. Hard disk minimal 20 GB
4. Monitor Super VGA 5. Keyboard
6. Mouse 7. Perangkat Jaringan
Universitas Sumatera Utara
4.2.2 Software
Software dapat berjalan jika tersedianya hardware yang memenuhi spesifikasi
berjalannya software. Setelah hardware terpenuhi, langkah selanjutnya adalah Instalasi software. Adapun software rekomendasi penulis agar program berjalan dengan baik
untuk digunakan dalam pembuatan aplikasi website ini adalah: 1. Sistem operasi Windows 7 Ultimate 32 bit
2. Xampp 1.8.0 3. Adobe Dreamweaver CS5.5 sebagai web editor
4. Adobe Photoshop CS5 sebagai editor gambar
4.2.3 Jaringan Internet
Hubungan kepada jaringan internet sangat diperlukan untuk mengkoneksikan citra google map ke dalam aplikasi ini. Kita bisa menggunakan koneksi seperti modem
gsm, cdma atau koneksi lainnya yang terhubung ke Internet. Adapun kecepatan yang direkomendasikan penulis adalah 128 kbps. Kecepatan Internet mempengaruhi lama
tidaknya data internet yang tampil pada aplikasi web.
4.3 Instalasi Paket Server
XAMPP merupakan sebuah paket instalasi untuk PHP, APACHE dan MySQL. Dengan menggunakan XAMPP, kita tidak perlu lagi repot menginstall ketiga software
itu secara terpisah. XAMPP dapat di download di http:www.apachefriends.org. Berikut langkah instalasi
1. Jalankan file xampp-win32-1.8.0-installer.exe atau versi lainnya
Gambar 4.1 Folder Installer Xampp
Universitas Sumatera Utara
2. Kemudian akan tampil pilihan untuk memilih bahasa ketika proses instalasi berjalan. Silakan pilih
bahasa Indonesian atau English, kecuali anda menguasai bahasa lainnya. Pada contoh ini penulis memilih bahasa English
Gambar 4.2 Pemilihan Bahasa
3. Selanjutnya silakan anda pilih lokasi direktori instalasi untuk XAMPP. Kemudian klik install.
Gambar 4.3 Pemilihan Lokasi Berkas
4. Terdapat pilihan instalasi xampp centang semua agar servisnya terinstall seluruhnya.
Universitas Sumatera Utara
Gambar 4.4 Pemilihan paket-paket Instalasi
5. Dialog ini menandakan proses instalasi telah selesai. Pilih yes untuk kontrol panel, pilih no untuk tidak ke kontrol panel.
Gambar 4.5 Dialog Xampp berhasil diinstal
Universitas Sumatera Utara
4.4 Pengujian Website di Browser
1. Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya ialah menjalankan Xampp. Biasanya xampp akan langsung berjalan setelah proses
instalasi selesai. Untuk mengeceknya apakah apache dan mysql sudah berjalan, kita bisa membuka direktori C:\xampp lalu memilih xampp_start
Gambar 4.6 Letak Folder Xampp
Gambar 4.7 Panel kontrol xampp
Universitas Sumatera Utara
2. Untuk melihat apakah penginstalan apache berhasil, ketikkan http:localhost di address bar pada web browser. Jika ada halaman xampp terbuka, hal itu
menandakan servis apache telah berjalan. 3. Untuk
mengecek database
server telah
berjalan, ketikkan
http:localhostphpmyadmin pada web browser . Jika halaman tersebut
terbuka, dan bisa melakukan pembuatan database, maka database-server sudah berjalan
4.5 Prosedur Persiapan Program
Setelah aplikasi peta telah dibuat, maka yang dilakukan selanjutnya adalah meletakkan folder aplikasi tersebut ke direktori C:xampphtdocsnama folder.
Untuk Mengecek apakah aplikasi telah berjalan di jendela penjelajah, gunakanlah Google
Chrome atau
Mozilla Firefox.
Selanjutnya ketik
http:localhostnama_folder pada navigasi tujuan.
Gambar 4.8 Tampilan Halaman Depan
Universitas Sumatera Utara
Langkah Berikutnya adalah mengupload basisdata ke mysql-server pada xampp. Gunakan fasilitas phpmyadmin agar mempermudah kita dalam proses upload
basisdata. 1. Buka aplikasi jendela penjelajah, gunakan Google Chrome atau Mozillah
Firefox. 2. Ketikkan alamat tujuan untuk phpmyadmin
http:localhostphpmyadmin 3. Pilih menu basisdata lalu ketikkan pada kolom Ciptakan database baru yaitu
nama database yang kita buat. Lalu klik tombol Ciptakan.
Gambar 4.9 Phpmyadmin Membuat database baru
Universitas Sumatera Utara
4. Selanjutnya yang dilakukan adalah mengimport tabel agar tabel-tabel bias tersisipkan di dalam database yang telah dibuat. Pilih menu Import lalu pada
bagian File to Import klik browse, lalu pilih direktori tempat penyimpanan database yang ada di hard drive kita. Setelah dipastikan benar, lalu klik go
pada jendela phpmyadmin.
Gambar 4.10 Phpmyadmin Import Tabel
Universitas Sumatera Utara
4.6 Demonstrasi Program
1. Halaman Depan
Gambar 4.11 Tampilan Halaman Depan
2. Halaman Login
Gambar 4.12 Tampilan Halaman Login
Universitas Sumatera Utara
3. Halaman Lihat Peta
Gambar 4.13 Tampilan Halaman Lihat Peta
4. Halaman Tentang Program