Muhammad Yuliandri : Sistem Informasi Dinas Perhubungan Provinsi Sumatera Utara Berbasis Web, 2009.
BAB 4 PERANCANGAN SISTEM
4.1. Perencanaan dan Perancangan
Tahap perencanaan dan perancangan ini merupakan tahap awal dalam membangun sebuah situs, seperti membuat perencanaan, perancangan, diagram alur, tujuan, dan isi
dari sebuah situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemogramannya dan Mysql sebagai databasenya, sedangkan Dreamweaver 8
digunakan sebagai tempat untuk membuat layout dari situs yang telah dirancang.
Tahap selanjutnya yaitu tahap pembuatan Data Flow Diagram, Entity Relationship Doagram, dan Flowchart bagan alir atau aliran informasi dari situs
tersebut. Flowchart atau diagram alir adalah gambaran dari suatu algoritma yang menampilkan struktur hierarki dan isi halaman per halaman. Dengan adanya
flowchart, akan sangat membantu untuk memvisualkan isi dari setiap halaman situs tersebut.
Dengan pembuatan flowchart dalam situs dapat membantu mempermudah dalam pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting dilakukan
karena isi situs harus selalu diperbaharui sehingga pengunjung tidak bosan.
4.2. Membangun Halaman Web
Website Dinas Perhubungan Provinsi Sumatera Utara diakses atas dasar kebutuhan para pegawai Dishubsu dan masyarakat Sumatera Utara dalam mendapatkan informasi
mengenai Dishubsu. Berikut ini adalah halaman-halaman website Dinas Perhubungan Provinsi Sumatera Utara.
Gambar 4.1 Rancangan Halaman Web yang Dibangun
1. Halaman Login index.php Merupakan halaman yang pertama kali muncul pada saat situs dibuka. Disini juga
para pengguna situs khususnya pegawai Dishubsu dan Admin diharuskan untuk menginput username dan password agar dapat mengakses website tersebut secara
keseluruhan.
2. Halaman Home index1.php Merupakan halaman yang menyediakan penjelasan tentang situs ini, serta disediakan
link-link menu pada website ini.
Homepage Sistem Informasi Dinas Perhubungan Provinsi Sumatera Utara
Login Index Home Index1 Peraturan
Renstra Contact Us
Bukutamu
Penjelasan Web yang
dibuat Undang-
Undang Dishubsu
Rencana Strategis
Dishubsu Informasi
Kontak Dishubsu
Input Username
Password Isi Bukutamu
Situs Dishubsu
Map Informasi
Struktur Organisasi
Data Pegawai
Peta Penyebaran
Dishub di S
Informasi berhubungan
dengan perhubungan
Sturktur Organisasi
Dishubsu Daftar Biodata
Pegawai Dishubsu
Gallery
Berisi Gambar
Dishubsu
Muhammad Yuliandri : Sistem Informasi Dinas Perhubungan Provinsi Sumatera Utara Berbasis Web, 2009.
3. Halaman Peraturan peraturan.php
Halaman yang menyediakan peraturan – peraturan apa saja yang berlaku pada Dinas perhubungan Provinsi Sumatera Utara. Agar setiap pegawai mengetahuinya dan tidak
melanggar.
4. Halaman Rencana Strategis renstra.php
Halaman yang terdiri dari file program renstra.php,renstra2.php dan renstra3.php. Berisi rencana strategis dari Dinas Perhubungan Provinsi Sumatera Utara dalam
mencapai kinerja yang baik.
5. Contact Us contact.php
Halaman yang berisi alamat dan data agar masyarakat luas dapat menghubungi Dinas Perhubungan Provinsi Sumatera Utara.
6. Bukutamu bukutamu.php
Halaman yang menunjukkan daftar pengunjung dari situs Dinas Perhubungan Provinsi Sumatera Utara.
7. Gallery gallery.php Halaman yang berisi gambar-gambar dari kegiatan dan kantor Dinas Perhubungan
Sumatera Utara.
8. MAP Geographic Information System map.php Halaman yang menunjukkan gambar titik-titik daerah yang masuk dalam geographic
information system di Sumatera Utara.
9. Informasi informasi.php
Halaman yang berisi informasi mengenai hal yang berhubungan dengan transportasi. Sebagai wujud pedulinya Dinas Perhubungan terhadap keselamatan masyarakat dalam
berkendara.
10. Struktur Organisasi s_org.php Halaman yang berisi struktur organisasi dari Dinas Perhubungan Provinsi Sumatera
Utara.
11. Data Pegawai dt_peg.php Halaman yang berisi daftar para pegawai Dinas Perhubungan Provinsi sumatera Utara.
Berisi biodata pegawai disertai jabatan dan foto.
4.3. Data Flow Diagram DFD