Perencanaan dan Perancangan Membangun Halaman Web

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