Desain Layar Menu Admin Berita

j. Desain Layar Menu Admin Berita

PERANCAN GA N SISTEM I NFORM ASI SP ASIA L LO GO BE RBA SIS WEB PA D A LO K ASI SLT A STU DI LOGO K OTA KA SUS: KOT A T AN GERAN G SEKOL AH Home | Sekolah | Buku Tamu | Berita Sekolah | Logout DAFTAR BERITA N AMA LE NG KAP JUDU L ISI BERIT A RU BAH HAP US Tambah berita Gambar 3.24. Desain Layar Menu Admin Berita Pada menu berita, terdapat 2 menu yang dapat dipilih seorang administrator yaitu Lihat Daftar dan Input Data. Pada halaman ini seorang administrator dapat men-gedit atau menghapus berita seputar pendidikan terutama SLTA. Disamping itu, seorang administrator juga dapat mengisi berita layaknya user lain. Berikut ini salah satu tampilan Lihat Daftar Berita dan Input Data. PERANCAN GA N SISTEM I NFORMASI SP ASIA L LO GO BE RBA SIS W EB PA DA LO KA SI SLT A ST U DI LOG O K OTA K A SUS: KOT A T AN GERAN G SEK OLA H Home | Sekolah | Buku Tamu | Berita Sekolah | Logout ISI BERITA NamaLengkap : Judul : Isi Berita : News Berita : Browse Batal Simpan Gambar 3.25. Desain Layar Menu Admin Input Berita

3.5.2.4. Tahap Pengkodean

Setelah dilakukan desain sistem yang di usulkan, tahap berikutnya yang dilakukan adalah realisasi sistem dari desain yang dibuat kedalam bahasa pemrograman yang telah ditentukan. Pertama kali peta Rupa Bumi Digital Indonesia wilayah Kota Tangerang dengan skala 1:25.000 ditentukan nilai derajatnya untuk mendapatkan koordinat yang di inginkan. Setelah mendapatkan nilai derajat, kemudian di simpan dan di setting agar posisi peta sesuai dengan koordinat sebenarnya kemudian di digitasi menggunakan software Arc View mulai dari Kecamatan, Sungai, Sekolah, Jalan, Batas, Bandara, Danau, Kali, Stasiun, Rel Kereta Api, Kantor Kelurahan, Nama Kelurahan, dan Kantor Kecamatan yang sesuai dengan data-data tentang lokasi Sekolah Lanjutan Tingkat Atas SLTA di Kota Tangerang. Selanjutnya pembuatan website dengan menggunakan text editor Dreamweaver MX 2004 dibantu dengan Adobe Photoshop sebagai picture editing. Untuk interface berbasis web digunakan PHP versi 2.11.1 dengan Apache versi 2.2.6 sebagai web server dan MySQL versi 5.0.45 sebagai database. Sedangkan untuk menampilkan data spasial yang terdapat pada database Arcview berformat .shp, maka diperlukan software pendukung yaitu ALOV Map. Pada ALOV Map, dilakukan pengeditan dalam format .xml dimana setiap penulisan disesuaikan dengan penulisan pada database Arcview. Hal ini bertujuan agar pada saat mengklik peta yang terdapat di website akan muncul data atau informasi yang berasl dari database Arcview. Untuk menampilkan website menggunakan Mozilla Firefox sebagai web browser dan Windows XP sebagai Sistem Operasinya. Disamping itu, untuk mendukung aplikasi ini digunakan PC Pentium III 800 GHZ, Memori 512 MB SDRam, VGA Card 32 MB dan Harddisk 40 GB, 101102-key atau Microsoft Natural PS2 keyboard, dan Monitor 15” dengan resolusi 1024x768 dengan 256 warna..

3.5.2.5. Tahap Pengetesan

Pada tahap ini akan dilakukan testing atau pengujian program. Dari hasil pengujian tersebut dapat diketahui apakah sistem yang dibuat telah sesuai dengan kebutuhan yang diinginkan sehingga layak untuk diimplementasikan. Adapun pengujian program yang dilakukan menggunakan dua metode yaitu metode black box dan white box. 1. Metode Black Box Pengujian dilakukan pada interface sistem yang dibuat dengan lebih memperhatikan didalam pengoperasian sistem. Tujuan utama dari pengujian sistem ini adalah agar dapat mengetahui apakah proses yang dilakukan dapat sesuai dengan hasil yang diharapkan. Di bawah ini merupakan beberapa contoh tabel dari hasil uji coba menggunakan metode black box . Tabel 3.7. Pengujian Metode Black Box No Rancangan InputOutput Hasil Yang Diharapkan 1 Buka program Masuk ke Menu utama 2. Klik menu Home ‰ index Menampilkan Menu utama 3. Klik menu Peta ‰ Peta Kota Tangerang Menampilkan Peta lokasi SLTA 4. Klik menu Sekolah ‰ halaman sekolah Menampilkan SLTA di Kota Tangerang 5. Klik menu SLTA Negeri‰ tampil SLTA Negeri Menampilkan data SLTA Negeri se-Kota Tangerang 6. Klik menu SLTA Swasta‰ tampil SLTA Swasta Menampilkan data SLTA Swasta se-Kota Tangerang 7. Klik menu SMK Negeri‰ tampil SMK Negeri Menampilkan data SMK Negeri se-Kota Tangerang 8. Klik menu SMK Swasta‰ tampil SMK Swasta Menampilkan data SMK Swasta se-Kota Tangerang 9. Klik menu Madrasah Aliyah Negeri‰ tampil Madrasah Aliyah Negeri Menampilkan data Madrasah Aliyah Negeri se-Kota Tangerang 10. Klik menu Madrasah Aliyah Swasta‰ tampil Madrasah Aliyah Swasta Menampilkan data Madrasah Aliyah Swasta se-Kota Tangerang 11. Klik menu Profile ‰ profil Dinas PK Menampilkan profil Dinas PK 12. Klik menu Profile ‰ profil Kota Tangerang Menampilkan profil Kota Tangerang 13. Klik menu Profile ‰ profil Pembuat Menampilkan profil Pembuat 14. Klik menu Berita ‰ Isi Berita Menampilkan form isi berita tentang sekolah 15. Klik menu buku Tamu‰ tampil buku tamu Menampilkan form buku tamu 16. Klik menu Sekolah ‰ data Sekolah Menampilkan data Sekolah 17. Klik menu SLTA Negeri ‰ edit delete Mengedit atau menghapus data SLTA Negeri 18. Klik menu Input Data ‰ isi data SLTA Negeri Menampilkan form isi SLTA Negeri 19. Klik menu SLTA Swasta‰ edit delete Mengedit atau mendhapus data SLTA Swasta 20. Klik menu Input Data ‰ isi data SLTA Swasta Menampilkan form isi SLTA Swasta 21. Klik menu SMK Negeri ‰ edit delete Mengedit atau mendhapus data SMK Negeri 22. Klik menu Input Data ‰ isi data SMK Negeri Menampilkan form isi SMK Negeri 23. Klik menu SMK Swasta ‰ edit delete Mengedit atau mendhapus data SMK Swasta 24. Klik menu Input Data ‰ isi data SMK Swasta Menampilkan form isi SMK Swasta 25. Klik menu Madrasah Aliyah Negeri ‰ edit delete Mengedit atau mendhapus data Madrasah Aliyah Negeri 26. Klik menu Input Data ‰ isi data Madrasah Aliyah Negeri Menampilkan form isi Madrasah Aliyah Negeri 27. Klik menu Madrasah Aliyah Swasta ‰ edit delete Mengedit atau mendhapus data Madrasah Aliyah Swasta 28 Klik menu Input Data ‰ isi data Madrasah Aliyah Swasta Menampilkan form isi Madrasah Aliyah Swasta 29. Klik menu berita ‰ data berita Menampilkan data berita dari pengguna 30. Klik menu buku tamu ‰ daftar buku tamu Menampilkan daftar data buku tamu 31. Klik Logout ‰ keluar dari menu admin Menampilkan informasi keluar program atau kembali ke menu utama 2. Metode White Box Pengujian dilakukan pada sistem dengan lebih memperhatikan didalam source code sistem yang dibuat. Tujuan utama dari pengujian ini adalah agar dapat mengetahui pada browser apa saja sistem ini dapat berjalan normal. Di bawah ini merupakan tabel dari hasil uji coba program menggunakan metode white box . Tabel 3.8. Pengujian Metode White Box Hardware Pengujian Sistem Operasi Windows XP Profesional SP2 XAMPP 1.6.4 Opera 8.0 Sistem Operasi Windows XP Profesional SP2 XAMPP 1.6.4 Internet Explorer 6.0 Intel pentium III 800 MHz, 512 RAM, 32 MB VGA dan sound card, monitor 15 inchi dan resolusi layar 1024 x 768 pixels Sistem Operasi Windows XP Profesional SP2 XAMPP 1.6.4 Mozila Firefox Hasil dari pengujian program dan tahap penggunaan dapat dilihat pada halaman lampiran ke II.

3.5.2.6. Tahap Pemeliharaan

Software akan mengalami perubahan setelah disampaikan kepada pelanggan perkecualian yang mungkin adalah software yang dilekatkan. Perubahan akan terjadi karena kesalahan – kesalahan ditentukan, karena software harus disesuaikan untuk mengakomodasi perubahan – perubahan di dalam lingkungan eksternalnya contohnya perubahan yang dibutuhkan sebagai akibat dari perangkat peripheral atau sistem operasi yang baru, atau karena pelanggan membutuhkan perkembangan fungsional atau unjuk kerja. Pemeliharaan software mengaplikasikan lagi setiap fase program sebelumnya dan tidak membuat yang baru lagi. Untuk tahap pemeliharaan yang dilakukan oleh Dinas Pendidikan dan Kebudayaan Kota Tangerang dengan meng-update, meng-edit, memproteksi sistem dengan anti virus dan sebagainya agar sistem yang dibuat dapat bertahan lama.

BAB IV HASIL DAN PEMBAHASAN

Pada bab ini akan membahas secara jelas mengenai Perancangan Sistem Informasi Spasial Berbasis Web Pada Lokasi Sekolah Lanjutan Tingkat Atas di Kota Tangerang yang di implementasikan kedalam bahasa pemprograman dan hasil tampilan layar yang di buat. 4.1. Tampilan Layar Perancangan Sistem Informasi Spasial Berbasis Web Pada Lokasi Sekolah Lanjutan Tingkat Atas Studi Kasus:Kota Tangerang 4.1.1. Tampilan Layar Index Pada tampilan layar Index terdapat menu Login Admin, Home, Peta, Sekolah, Buku Tamu, Profile, Berita, dan Log Out. Berikut adalah tampilan layar index seperti Gambar 4.1 dibawah ini.