SISTEM INFORMASI DINAS PERHUBUNGAN PROVINSI...

1

Muhammad Yuliandri : Sistem Informasi Dinas Perhubungan Provinsi Sumatera Utara Berbasis Web, 2009.

SISTEM INFORMASI DINAS PERHUBUNGAN PROVINSI SUMATERA

UTARA BERBASIS WEB

TUGAS AKHIR

MUHAMMAD YULIANDRI

062406151

PROGRAM STUDI D3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2009


2


UTARA BERBASIS WEB

TUGAS AKHIR

Diajukan sebagai salah satu syarat untuk menyelesaikan studi pada

Program Studi D-3 Ilmu Komputer

MUHAMMAD YULIANDRI

062406151

PROGRAM STUDI D3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2009

3

PENGESAHAN

Judul : SISTEM INFORMASI DINAS PERHUBUNGAN

PROVINSI SUMATERA UTARA BERBASIS

WEB

Katagori : TUGAS AKHIR

Nama : MUHAMMAD YULIANDRI

Nomor Induk Mahasiswa : 062406151

Program Studi : D-3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, 2009

Diketahui

Departemen Matematika FMIPA USU

Ketua, Pembimbing,

Dr. Saib Suwilo, M.Sc. Dr. Saib Suwilo, M.Sc.

NIP 131796149 NIP 131796149


4

PERNYATAAN


UTARA BERBASIS WEB

TUGAS AKHIR

Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali

beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan,

MUHAMMAD YULIANDRI

062406151

5

PENGHARGAAN

Puji syukur Penulis ucapkan kehadirat Allah SWT yang telah memberikan rahmat dan

hidayah-Nya sehingga Penulis dapat menyelesaikan Tugas Akhir ini dengan lancar.

Ucapan terima kasih saya sampaikan kepada Bapak Dr.Saib Suwilo M.Sc

selaku dosen pembimbing pada penyelesaian Tugas Akhir serta merupakan Ketua

Departemen Matematika FMIPA USU yang telah memberikan panduan dan

kepercayaan penuh kepada saya untuk menyempurnakan Tugas Akhir ini. Ucapan

terima kasih juga ditujukan kepada Sekertaris Departemen Matematika Bapak Henri

Rani Sitepu, M.Si. Dekan Fakultas Matematika Dan Ilmu Pengetahuan Alam

Universitas Sumatera Utara yaitu Bapak Dr. Eddy Marlianto,M.Sc, dan pembantu

Dekan Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara,

semua dosen pada Departemen Matematika FMIPA USU, pegawai di FMIPA USU.

Dan teman-teman Komputer stambuk 2006 USU, khususnya Komputer C stambuk

2006. Akhirnya kepada kedua orang tua tercinta Ayahanda dan Ibunda, serta semua

sanak keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan.

Semoga Allah SWT membalasnya.


6

ABSTRAK

Pembangunan Website yang dilakukan bertujuan untuk mepermudah proses publikasi

Dinas Perhubungan Provinsi Sumatera Utara yang dapat memberi kemudahan bagi

pegawai Dinas Perhubungan Provinsi Sumatera Utara dan masyarakat Sumatera Utara

dalam memperoleh informasi yang sedang berkembang di lingkungan Dinas

Perhubungan Provinsi Sumatera Utara. Dalam pembuatan situs Dinas Perhubungan

Provinsi Sumatera Utara ini, penulis menggunakan PHP sebagai bahasa

pemogramannya dan MySQL sebagai pembuatan databasenya. Sedangkan

Macromedia Dreamweaver8 penulis gunakan dalam mendesain layout situs tersebut.

7

DAFTAR ISI

Halaman Pengesahan ii

Halaman Pernyataan iii

Halaman Penghargaan iv

Halaman Abstrak v

Daftar Isi vi

Daftar Tabel ix

Daftar Gambar x

Bab 1. Pendahuluan 1

1.1. Latar Belakang 1

1.2. Identifikasi Masalah 2

1.3. Tujuan Penelitian 3

1.4. Metode Penelitian 3

1.5. Tinjauan Pustaka 3

1.6. Sistematika Penulisan 5

Bab 2. Landasan Teori 7

2.1 Pengertian Sistem Informasi 7

2.1.1 Data 7

2.1.2 Sitem 8

2.1.3 Informasi 8

2.2 Pengertian Komputer 9

2.3 Pengenalan Internet 10

2.3.1 Network 11

2.3.2 Web Server 11

2.3.3 Hyper Text Transfer Protokol 12

2.4 Pengenalan Personal Home Page (PHP) 12

2.4.1 Sejarah Personal Home Page (PHP) 14


8

2.4.2 Konsep Dasar Personal Home Page (PHP) 14

2.5 MySQL 16

2.6 CSS (Cascading Style Sheet) 17

2.7 Pengenalan Macromedia Dreamweaver 8 18

2.7.1 Apa Itu Dreamweaver 8 19

2.7.2 Tentang Dreamweaver 8 19

Bab 3. Gambaran Umum Dinas 22

3.1.Sejarah Singkat Dinas Perhubungan Provinsi Sumatera Utara 22

3.2.Visi dan Misi Dinas Perhubungan Provinsi Sumatera Utara 23

3.2.1 Visi Dinas Perhubungan Provinsi Sumatera Utara 23

3.2.2 Misi Dinas Perhubungan Provinsi Sumatera Utara 24

3.3. Struktur Organisasi Dinas Perhubungan Provinsi Sumatera Utara 25

Bab 4. Perancangan Sistem 26

4.1 Perencanaan dan Perancangan Sistem 26

4.2 Membangun halaman Website 27

4.3 Data Flow Diagram (DFD) 30

4.3.1 Data Flow Diagram (DFD) Level 0 31

4.4 Entity Relationship Diagram (ERD) 31

4.5 Flowchart Situs 32

4.6 Database Website 36

4.7 Algoritma Website 38

4.8 Algoritma Administrator 41

4.9 Tampilan Website 42

Bab 5. Implementasi Sistem 44

5.1 Pengertian Implementasi Sistem 44

5.2 Tujuan Implementasi Sistem 44

5.3 Komponen-Komponen Kebutuhan Sistem 45

5.3.1 Hardware 45

5.3.2 Software 46

5.3.3 Menginstal PHP Triad 47

9

5.3.4 Brainware 50

Bab 6. Kesimpulan Dan Saran 51

6.1 Kesimpulan 51

6.2 Saran 51

Daftar Pustaka

Lampiran A : Listing Program

Lampiran B : Surat-Surat


10

DAFTAR TABEL

Halaman

Tabel 4.1. Tabel Login 36

Tabel 4.2. Tabel Contact 47

Tabel 4.3. Tabel Bukutamu 37

Tabel 4.4. Tabel Data Pegawai 38

11

DAFTAR GAMBAR

Halaman

Gambar 2.1 Tampilan Rancangan Dreamweaver 8 18

Gambar 3.1 Struktur Organisasi Dinas Perhubungan Provinsi

Sumatera Utara 25

Gambar 4.1 Rancangan Halaman Web yang dibangun 27

Gambar 4.2 Data Flow Diagram (DFD) 30

Gambar 4.3 Data Flow Diagram (DFD) Level 0 31

Gambar 4.4 Entity Relationship Diagram (ERD) 31

Gambar 4.5 Flowchart Halaman Menu Utama 33

Gambar 4.6 Flowchart Bukutamu 34

Gambar 4.7 Flowchart Data Pegawai 35

Gambar 4.8 Tampilan Website Dinas Perhubungan Provinsi

Sumatera Utara 43

Gambar 5.1 Tampilan antar muka Sistem Operasi Windows XP 46

Gambar 5.2 Tampilan antar muka Dreamweaver 8 47

Gambar 5.3 Tampilan Instalasi Php Triad 48

Gambar 5.4 Tampilan Start Apache 48

Gambar 5.5 Tampilan Localhost 49

Gambar 5.6 Tampilan PhpMyAdmin 49


12

BAB 1

PENDAHULUAN

1.1. Latar Belakang

Sejalan dengan berkembangnya pembangunan Teknologi Informasi serta

pertumbuhan telekomunikasi di Indonesia, komputer menjadi suatu media elektronik

yang memegang peranan sangat penting dalam perkembangan pembangunan

teknologi informasi saat ini. Penggunaan sistem komputer ini dirasakan sangatlah

penting. Karena pada saat ini ilmu pengetahuan dan teknologi berkembang sangat

cepat. Untuk itu, bagi setiap perusahaan baik milik pemerintah atau swasta yang tidak

ingin kalah bersaing, hendaklah menggunakan sistem komputerisasi.

Komputer merupakan seperangkat alat elektronik yang mampu mengolah data

dan melakukan perhitungan-perhitungan maupun pencatatan yang rumit dalam jumlah

besar, serta mampu menyajikan suatu informasi yang cepat, tepat dan teliti sesuai

dengan yang diharapkan. Kebutuhan yang mendesak dan semakin berharganya waktu,

membuat semua orang harus bekerja ekstra cepat untuk mendapatkan hasil

semaksimal mungkin. Sistem informasi ini nantinya akan memudahkan para pegawai

dinas perhubungan provinsi sumatera utara serta masyarakat untuk memperoleh

informasi mengenai instansi ini, baik mengenai profil instansi maupun layanan yang

diberikan bagi masyarakat.

Untuk mencapai tujuan tersebut, maka saya merancang sistem informasi

berbasis web mengenai Dinas Perhubungan Provinsi Sumatera Utara. Sistem ini akan

menyediakan menu menu-menu mengenai profil instansi serta data para pegawai yaitu

meliputi profil pegawai termasuk di dalamnya jabatan dan golongan pegawai tersebut.

Di dalamnya juga terdapat galeri foto mengenai aktifitas dinas perhubungan provinsi

sumatera utara dalam melayani masyarakat sumatera utara. Sistem ini memberikan

keamanan bagi para pegawai dinas perhubungan provinsi sumatera utara karena

website ini menyediakan user login. Sistem informasi ini dirancang menggunakan

13

PHP sebagai bahasa pemogramannya dan MySQL sebagai tempat penyimpanan

database.

Dari uraian tersebut, penulis tertarik memilih judul “Sistem Informasi Dinas

Perhubungan Provinsi Sumatera Utara Berbasis Web.” Untuk memberikan

kemudahan bagi pegawai Dishub provinsi Sumut dan Masyarakat untuk mendapatkan

informasi dari Dinas Perhubungan Provinsi Sumatera Utara.

1.2. Identifikasi masalah

Masalah yang dihadapi dalam tulisan ini adalah bagaimana membangun sebuah sistem

informasi berbasis web yang baik dan berguna. Saat ini para pegawai dan masyarakat

jika ingin mendapatkan informasi mengenai dinas perhubungan provinsi sumatera

utara harus datang langsung ke instansi tersebut. Dengan adanya website ini maka

pegawai dan masyarakat dapat memperoleh informasi tersebut hanya dengan

mengakses website ini.

1.3. Tujuan Penelitian

Pelaksanaan penelitian ini mempunyai tujuan yaitu:

1. Merancang sistem informasi Dinas Perhubungan Provinsi Sumatera Utara

Berbasis Web.

2. Menerapkan dan mengembangkan pengetahuan tentang pemograman

khususnya bahasa pemograman PHP dan MySQL.


14

1.4. Metode Penelitian

Metode penelitian adalah suatu cara yang sistematik untuk mengerjakan atau

menyelesaikan sesuatu. Metode penelitian yang digunakan dalam tulisan ini, meliputi:

1. Pengumpulan data:

- Profil Dinas Perhubungan Provinsi Sumatera Utara

- Data Pegawai Dinas Perhubungan Provinsi Sumatera Utara

2. Merancang atau membuat listing program sistem informasi Dinas

Perhubungan Provinsi Sumatera Utara.

3. Membuat tampilan sistem informasi, agar dapat digunakan.

1.5. Tinjauan Pustaka

(Haris Supriansyah Kartoyo, 30 Menit Menjadi Webmaster, 2006)

Buku “30 Menit Menjadi Webmaster” ini disusun untuk memudahkan para pemula

dan awam dalam dunia web, maupun yang sudah mahir, untuk membuat sebuah situs

internet dengan cepat. Baik untuk perusahaan, dinas ataupun untuk kepentingan

pribadi, pada saat ini merupakan sebuah kebutuhan. Buku ini berisi program-program

Php yang khusus dirancang untuk membangun Web pada perusahaan atau dinas.

(Kasiman Peranginangin,Aplikasi web dengan PHP dan Mysql, 2006)

PHP, sebagai bahasa pemrograman berbasis web, mempunyai lebih banyak kelebihan

dibanding bahasa sejenis lainnya. Selain gratis, PHP juga mempunyai fungsi-fungsi

yang cukup lengkap, multiplatform serta mampu berinteraksi dengan berbagai macam

database. Pada PHP, banyak komponen atau fungsi yang dapat digunakan untuk

berbagai macam kebutuhan. Tidak hanya FTP, fungsi mengakses e-mail dapat pula

digunakan dengan gratis. Keunggulan PHP yang lain adalah dukungan terhadap

berbagai jenis webserver. Hampir semua webserver didukung oleh PHP, tetapi yang

paling umum ialah penggabungan PHP dengan Apache, webserver gratis.

(M.Syafii, Panduan Membuat Aplikasi Database dengan PHP 5, 2005)

15

Buku ini berisi tata cara pembuatan database dalam software PHP 5. Bagaimana

menggunakan perintah-perintah dalam pembuatan database sebuah website. Agar

Website yang dibangun memiliki database yang baik dan dapat di update secara

mudah. Buku ini juga menjelaskan cara penginstalan database pada software PHP 5.

(Iman Suwidodo Djaja, Pemograman Sql dan Database Server Mysql,2005)

Pemograman Sql adalah langkah untuk dapat membuat database server mysql. Sql dan

mysql berhubungan. Maka buku ini menjelaskan pembuatan database dengan bahasa

pemograman Sql dan Mysql. Program Mysql dapat dikoneksikan ke dalam program

Php untuk memudahkan koneksi databasenya, Buku ini juga berisi mengenai

pembuatan script php yang dapat menghubungkan ke server Mysql.

(Tavri D Mahyuzir, Analisa Perancangan Sistem Pengolahan Data, 2003)

Analisa perancangan sistem diperlukan dalam membangun sebuah sistem yang

berbasis web. Perancangan sistem dan pengolahan data saling berhubungan. Buku

karya Tavri D Mahyuzir yang mengupas permasalahan tentang Analisa Perancangan

Sistem Pengolahan Data sangat membantu para pembaca dalam mengolah data

menjadi sebuah aplikasi yang nyata.

(Bernard Renaldy S, Agus Prijono, Rusdy Agustaf, Mudah dan Cepat Menguasai

Pemrograman WEB, 2005)

Untuk membangun sebuah web page dibutuhkan sebuah bahasa pemrograman yang

lebih dikenal dengan sebutan web scripting. Web scripting yang bersifat client side

akan menghasilkan web page yang statis, artinya lebih menekankan pada desain

format tampilan informasi. HTML (Hypertext Markup Language) adalah bahasa untuk

web scripting bersifat client side yang memungkinkan untuk menampilkan informasi

dalam bentuk teks, grafik, serta multimedia dan juga untuk menghubungkan antar

tampilan web page (hyperlink).

1.6. Sistematika Penulisan


16

Secara garis besar tugas akhir ini terdiri atas enam bab dan beberapa lampiran.

Adapun keenam bab tersebut adalah :

BAB 1 : PENDAHULUAN

Bab ini merupakan bagian yang berisi mengenai latar belakang, identifikasi masalah,

tujuan penelitian, metode penelitian, tinjauan pustaka serta sistematika penulisan.

BAB 2 : LANDASAN TEORI

Bab ini berisikan tentang uraian teoritis mengenai pengertian – pengertian, metode

penyusunan data serta mengenai bahasa pemrograman yang digunakan.

BAB 3 : GAMBARAN UMUM DINAS

Bab ini berisikan sejarah Dinas Perhubungan Provinsi Sumatera Utara, visi dan misi

serta struktur organisasi Dinas Perhubungan Provinsi Sumatera Utara.

BAB 4 : PERANCANGAN SISTEM

Bab ini berisikan mengenai rancangan sistem yang dibentuk. Yaitu berisikan sistem

yang terpadu dengan database, rancangan model tampilan website, file yang

digunakan, data flow diagram (DFD), Entity Relationship Diagram (ERD), flowchart

serta algoritma terbentuknya program.

BAB 5 : IMPLEMENTASI SISTEM

Bab ini merupakan bagian yang berisi tentang pengertian dan tujuan implementasi

sistem serta panjabaran elemen-elemen sistem baik dari segi hardware, software dan

brainware.

BAB 6 : KESIMPULAN DAN SARAN

Bab ini berisi kesimpulan mengenai hasil rancangan sistem yang telah dibentuk dan

disertai dengan saran yang diberikan oleh penulis kepada pihak Dishubsu.

17

BAB 2

LANDASAN TEORI

2.1. Pengertian Sistem Informasi

Sistem informasi yang menggunakan komputer sebagai alat bantu dalam

menyelesaikan pekerjaan disebut sistem informasi berbasis komputer (computer based

information system). Sistem informasi dapat didefinisikan sebagai suatu sistem di

dalam suatu organisasi yang merupakan kombinasi dari manusia, fasilitas-fasilitas

seperti teknologi, media, prosedur-prosedur. Dan pengendalian yang ditujukan untuk

mendapatkan jalur komunikasi penting. Memproses data menjadi informasi, memberi

sinyal kepada manajemen terhadap kejadian-kejadian dari dalam dan dari luar yang

penting serta menyediakan suatu dasar informasi untuk mencapai suatu sasaran atau

tujuan tertentu.

2.1.1. Data

Data berasal dari bahasa Latin yaitu “datum” yang berarti fakta , kenyataan, kejadian

atau peristiwa. Jadi data atau fakta adalah kenyataan dari sesuatu kejadian atau

peristiwa. Data organisasi merupakan hasil kegiatan organisasi bersangkutan. Dalam

konteks sistem informasi data adalah sebagai keterangan yang masih mentah, agar

dapat digunakan untuk keperluan manajemen maka data harus diolah dahulu ke dalam

bentuk informasi yang sesuai dengan keperluan manajemen bersangkutan. Data dapat

didefinisikan yaitu kumpulan fakta-fakta yang berupa fisik dan bukan fisik, kejadian-

kejadian dan prosedur yang belum diolah oleh manusia atau peralatan yang digunakan

oleh manusia.

2.1.2. Sistem

Sistem merupakan suatu kumpulan atau himpunan dari elemen-elemen, komponen

atau variabel-variabel yang terorganisasi serta saling berinteraksi satu sama lain.

Umumnya elemen-elemen pada sebuah sistem saling berhubungan dan berinteraksi


18

dalam pencapain tujuan yang sama. Elemen-elemen yang mewakili suatu sistem

secara umum adalah masukan (input), pengolahan (processing) dan keluaran (output).

Elemen-elemen sistem secara garis besar dapat digambarkan sebagai berikut :

Suatu sistem juga mempunyai ciri-ciri yaitu :

a. Mempunyai ruang lingkup

b. Mempunyai elemen-elemen sistem

c. Mempunyai manajemen terpadu diantara elemen-elemen sistem

d. Mempunyai keterkaitan antar elemen-elemen system

2.1.3. Informasi

Informasi adalah data yang telah diolah menjadi sebuah pengetahuan yang berguna

bagi manusia atau telah dimengerti manusia dan dapat dikatakan sebagai hasil

pengolahan data yang dapat berfungsi untuk mencapai suatu tujuan tertentu serta

dapat bermanfaat dalam pengambilan keputusan saat ini atau saat mendatang. Sumber

dari informasi adalah data, karena dari data yang diinput akan menghasilkan suatu

hasil akhir yang berupa informasi yang berguna bagi pengguna (user).

Syarat-syarat informasi yang baik dan lengkap adalah :

a. Ketersediaan (availability)

b. Mudah dipahami (comppehensibility)

c. Kehandalan (reliability)

d. Relevan

e. Bermanfaat

f. Tepat waktu

g. Akurat

h. Konsisten.

INPUT PROCESSING OUTPUT

19

2.2. Pengertian Komputer

Istilah komputer (computer) diambil dari bahasa Latin “computare” yang berarti

menghitung (to compute atau reckon). Dengan demikian komputer dapat diartikan

sebagai alat hitung. Komputer bukan sekedar mesin hitung tetapi komputer

mempunyai kemampuan yang dapat membantu manusia dalam menyelesaikan

pekerjaan baik perhitungan yang makin kompleks. Komputer adalah alat elektronik

yang mampu melakukan beberapa pekerjaan diantaranya :

a. Menerima input

b. Memproses input sesuai dengan programnya

c. Menyimpan perintah-perintah dan hasil dari pengolahan

d. Menyediakan output dalam bentuk informasi.

Sedangkan yang disebut dengan program adalah kumpulan dari instruksi atau perintah

terperinci ynag sudah dipersiapkan agar komputer dapat melakukan fungsinya dengan

cara yang sudah tertentu.

2.3. Pengenalan Internet

Internet (Interconnected Network) merupakan jaringan komputer yang terdiri dari

ribuan jaringan komuter independen yang dihubungkan satu dengan yang lainnya.

Secara etimologis, internet berasal dari bahasa Inggris yakni Inter berarti antar dan

Net berarti jaringan sehingga dapat diartikan hubungan antar jaringan. Jaringan

komputer ini terdiri dari lembaga pendidikan, pemerintahan, militer, organisasi dan

bisnis dan organisasi lainnya. Internet atau nama pendeknya Net merupakan jaringan

komputer yang tersebar didunia. Sampai saat ini Internet sudah menghubungkan lebih

dari 100000 jaringan komputer dengan pemakai lebih dari 100 juta orang. Internet

adalah jaringan luas di komputer yang lazim disebut dengan World Wide Network

secara lebih ringkas Internet adalah sumber informasi dan alat komunikasi serta

hiburan. Jaringan Internet menyediakan beberapa aplikasi yang dapat digunakan oleh

user Internet :


20

1. E – mail

2. Mailing list

3. Newsgroup

4. File Transfer Protocol (FTP)

5. Gopher

6. Telnet

7. Talk, Chat

8. World Wide Web

2.3.1. Network

Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah atau

lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komuniksi

membentuk satu sistem. Dengan Network, komputer yang satu dapat menggunakan

data di komputer lain, dapat mencetak laporan di printer komputer lain, dapat

memberi berita ke komputer lain walaupun berlainan area. Network merupakan cara

yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus

informasi dari satu area ke area lainnya.

2.3.2. Web Server

Web server adalah sebuah bentuk server yang khusus digunakan untuk menyimpan

halaman website atau homepage. Komputer dapat dikatakan Web Server jika

komputer tersebut memiliki suatu program server yang disebut Personal Web Server

(PWS). PWS ini difungsikan agar halaman Web yang ada didalam sebuah komputer

server dapat dipanggil oleh komputer klien. Macam-macam Web Server antara lain :

a. Apache (Open Source)

b. Xitami

c. IIS

d. PWS

21

Website (situs web) merupakan alamat (URL) yang berfungsi sebagai tempat

penyimpanan data dan informasi dengan berdasarkan topik tertentu. URL adalah suatu

sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server.

Situs atau web dapat dikategorikan menjadi 2 yaitu :

a. Web Statis, yaitu :

Web yang berisi atau menampilkan informasi-informasi yang sifatnya statis (tetap)

b. Web Dinamis, yaitu :

Web yang menampilkan informasi serta dapat berinteraksi dengan user yang

sifatnya dinamis.

2.3.3. Hyper Text Trasnfer Protocol (HTTP)

Seorang yang ingin menggunakan WWW memerlukan suatu program yang disebut

dengan browser. Browser ini akan melakukan komunikasi dengan server penyedia

informasi menggunakan protokol yang standar yaitu Hyper Text Trasnfer Protocol

(HTTP). HTTP adalah protokol yang menentukan aturan yang perlu diikuti oleh web

server dalam meminta atau mengambil suatu dokumen dan oleh web server dalam

menyediakan dokumen yang diminta Web Browser.

2.4. Pengenalan Personal Home Page (PHP)

PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar yang

digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk

script yang diletakkan didalam server web. Ada beberapa pengertian tentang PHP,

akan tetapi PHP dapat diartikan sebagai Hypertext Preeprocessor. Ini merupakan

bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada

klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi server disebut

serverside, berbeda dengan mesin maya Java yang mengekseskusi program pada sisi

klien (client-server). Adapun kelebihan-kelebihan dari PHP adalah :

1. PHP mudah dibuat dan kecepatan akses tinggi.

2. PHP dapat berjalan dalam web server yang berbeda dan dalam sistem operasi yang


22

berbeda pula.

3. PHP diterbitkan secara gratis.

4. PHP juga dapat berjalan pada web server Microsoft Personal Web Server, Apache,

IIS, Xitami dan lain-lain.

5. PHP adalah termasuk bahasa yang embeded (dapat diletakkan dalam tag HTML)

6. PHP termasuk server-side programming.

Sistem database yang didukung oleh PHP adalah :

1. Oracle

2. Sybase

3. MySQL

4. Solid

5. Generic ODBC

2.4.1. Sejarah Personal Home Page (PHP)

Sekitar tahun 1994, PHP pertama kali ditemukan oleh Ramus Lerdorf yang

merupakan seorang programmer UNIX dan Perl pada waktu itu. Rasmus membuat

sebuah script macro perl CGI yang pada awalnya hanya untuk mengetahui siapa saja

yang melihat resume tulisan pada homepage pribadinya. Kemudian sedikit demi

sedikit user dan programmer mulai menyukai script ini. Selanjutnya dibentangkannya

sebagai package yaitu Personal Home Page Tools. Dengan penggalan ini ia telah

mencipta engine untuk script ini dan mencipta tool yang lain untuk mengambil input

dari HTML Form : F1. Form Interpreter juga dikenal sebagai PHP/F1 atau PHP2,

berlaku sekitar 1995. Pengguna mulai menggunakan tool ini untuk kegunaan yang

lebih rumit lagi dan pembangunan script ini telah berpindah dari perseorangan kepada

kumpulan pembangunan untuk membangun proyek. Ini permulaan PHP3 sekitar tahun

1993, sedangkan PHP4 memunculkan aplikasi pertamanya terdiri dari Zend Engine

sekitar tahun 2000. Pada saat ini PHP versi 4.0 (PHP4) adalah bahasa scripting yang

menyatu dengan HTML dan berada di server (Server-side HTML Embeded Sripting).

23

2.4.2. Konsep Dasar Personal Home Page (PHP)

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar

(>). Ada empat cara untuk menuliskan scrpit PHP yaitu :

1. <? Hallo ?>

2. <?php Hallo ?>

3. <% Halllo %>

4. <SCRIPT LANGUAGE=“php”> Hallo </SCRIPT>

Pemisah antar instruksi adalah tanda titik koma (;) dan untuk membuat atau

menambahkan komentar/standar penulisan adalah : /* komentar */, // komentar, #

komentar. Cara penulisan dibedakan menjadi Embeded dan Non Embeded script.

a. Embeded script

Contoh dari Embeded script :

<html>

<head>

<title>Coba</title>

</head>

<body>

<?php “web master” ?>

</body>

</html>

Script diatas merupakan script yang sederhana. Script PHP disisipkan diantara tag-tag

html.

b. Non Embeded Script

Contoh Non Embeded Script :

<?php

echo “<html>”;

echo “<head>”;

echo “<title>”;


24

echo “ Me and web ”;

echo “</title>”;

echo “</head>”;

echo “<body>”;

echo “<p> My web design </p>”;

echo “</body>”;

echo “</html>”;

?>

Script ini digunakan murni pembuatan program dengan PHP, tag HTML yang

dihasilkan untuk membuat dokumen merupakan bagian dari script PHP.

2.5. MySQL

MySQL dikembangkan oleh sebuah perusahaan Swedia bernama mySQL AB yang

pada saat itu bernama Txc Data Konsult AB sekitar tahun 1994-1995. Meskipun cikal

bakal kodenya bisa disebut sudah ada sejak tahun 1979. Tujuan mula-mula Txc

membuat mySQL pada waktu itu juga untuk mengembangkan aplikasi web untuk

client Txc yaitu perusahaan pengembang software dan konsultan database. Fungsi

mySQL dapat dikatakan sebagai interpreter query, karena setiap kita menggunakan

query SQL kita harus meletakkannya di dalam fungsi ini. Dengan kata lain, query

SQL tidak dapat dijadikan tanpa adanya fungsi mySQL. mySQL termasuk jenis

relational database management system (RDBMS). Sehingga istilah seperti tabel,

baris dan kolom tetap digunakan dalam mySQL. Pada mySQL sebuah database

mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom. MySQL

adalah sebuah database yang mampu berinteraksi dengan aplikasi apa saja. Umumnya

sebuah database menggunakan open database control (ODBC) sebagai komponen

penghubung database dengan aplikasi program. Akan tetapi, mySQL telah

menyiapkan beberapa API selain ODBC untuk dapat berinteraksi dengan PHP.

Fungsi-fungsi itu diantaranya adalah mySQL_connect(), mySQl_select_db() dan lain-

lain. Karena mySQL merupakan suatu server database yang bersifat multiuser dan

salah satu sifat program multiuser yaitu hanya dapat berjalan disisi server, maka kita

25

tidak dapat mengaksesnya tanpa ada izin dari server tersebut. Dalam mySQL fungsi

yang digunakan untuk dapat tersambung ke server adalah mySQL_connect() atau

dengan menggunakan mySQL_pcconnect(). mySQL mengenal beberapa tipe data field

yaitu tipe data numerik, tipe data string, tipe data char( ) dan varchar( ) dan tipe data

tanggal.

2.6. CSS (Cascading Style Sheet)

CSS merupakan kependekan dari Cascading Style Sheet yang berfungsi untuk

mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut

standar HTML (Hypertext Markup Language). CSS sebenarnya adalah suatu

kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol

tampilan banyak dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu

jika ingin mengubah format dokumen, maka tidak perlu mengedit satu per satu.

Penggunaan CSS ada 2 (dua) cara yaitu dengan menyisipkan kode CSS

langsung dalam kode HTML atau simpan menjadi file tersendiri berekstensi .css.

Dengan menyimpan sebagai file tersendiri akan lebih memudahkan untuk mengontrol

tampilan dalam banyak dokumen secara langsung. CSS mendapat dukungan penuh

pada browser versi 4 (empat) dan pada versi sebelumnya, hanya dengan Internet

Explorer yang masih mampu mengenal CSS. Perlu diketahui bahwa tampilan CSS

dapat berbeda bila ditampilkan pada menu browser yang berbeda pula (Abdullah,

2003).

2.7. Pengenalan Macromedia Dreamweaver 8

Dreamwever 8 merupakan salah satu produk software yang dikeluarkan oleh

perusahaan Macromedia, Inc. Software ini bergerak dalam bidang perancangan web.

Sekelompok software perancang web yang diantaranya Flash, Dreamweaver,

Firework, Freehand dan lain-lain. Macromedia tampaknya sangat serius dalam

membuat software pembangun website yang mampu melakukan banyak hal dan

memiliki banyak keunggulan.


26

Gambar 2. 1 Tampilan Rancangan Dreamweaver 8

2.7.1. Apa Itu Dreamweaver 8

Dreamweaver 8 adalah suatu bentuk software editor web yang dibuat oleh

Macromedia. Dengan software ini, seorang programmer web dapat dengan mudah

membuat tampilan websitenya. Dreamweaver 8 merupakan editor yang komplit dan

dapat digunakan untuk membuat animasi sederhana dalam bentuk halaman. Dengan

adanya software ini kita tidak direpotkan untuk menuliskan script-script format

HTML, PHP, ASP, maupun bentuk program lainnya. Sebagai editor, Dreamweaver 8

mempunyai sifat WYSIWYG atau dibaca Waysiwig yang artinya “apa yang kamu lihat

akan kamu peroleh” atau “what you see is what you get”. Dengan kelebihan ini,

seorang programmer dapat melihat langsung hasil buatannya tanpa harus membuka

browser. Seperti software-software editor web lain, Dreamweaver 8 juga memiliki

dua bentuk halaman yaitu, halaman rancangan dan halaman kode. Hal ini akan

mempermudah dalam menambahkan script yang berbasis PHP maupun Javascript.

27

Dreamweaver 8 selain mendukung dalam pembuatan web yang berbasis HTML, juga

mendukung software-software lain diantaranya PHP, ASP, Perl, Javascript dal lain-

lain.

2.7.2. Tentang Dreamweaver 8

Dreamweaver 8 juga mempunyai format bahasa pemrograman yang ada. Jadi dalam

menuliskan program, tidak harus menuliskan beberapa perintah seperti <? ?> dalam

PHP dan /% %/ dalam ASP. Karena dalam Dreamweaver 8 kita tinggal

memanggilnya melalui menu insert>PHP Object dan dari insert>ASP Object untuk

format ASP. Dengan menggunakan Dreamweaver 8 telah banyak dimudahkan dalam

merancang dan pengkodean. Hal ini akan sangat membantu dalam hal perancangan

sebuah website yang sedang dibangun. Adapun beberapa komponen yang dimiliki

oleh Dreamweaver 8 adalah :

1. Menu Panel Insert

Menu panel insert adalah sekumpulan menu yang berhubungan dengan operasi

pemasukan dan pembuatan pernik-pernik pada halaman web.

2. Menu Panel Common

Menu common adalah menu yang memiliki beberapa icon yang merupakan menu

standar pada saat merancang halaman web.

3. Menu Panel Layout

Menu ini teradapat icon yang juga tersedia pada manu common, yaitu menu icon

tabel dan layer.

4. Menu Panel Text

Menu text ini digunakan untuk mengatur format text yang ada pada halaman web.

5. Menu Panel Tabel

Menu ini digunakan untuk membuat tabel yang ada pada halaman web.

6. Menu Panel Frame

Menu frame adalah salah satu menu yang akan digunakan untuk memilih bentuk

rancangan halama utama website.

7. Menu Panel Form

Menu form digunakan untuk membuat formulir.


28

8. Menu Panel Characters

Menu characters memiliki beberapa icon yang digunakan untuk melakukan operasi

halaman dan pengaturan paragraf.

9. Manu Panel Media

Menu media adalah sekumpulan icon yang berfungsi untuk melakukan

penggabungan file dari luar program Dreamweaver.

10. Menu Panel Head

Menu head digunakan untuk operasi-operasi penambahan komponen dalam tag

head HTML.

11. Menu Panel Script

Menu script adalah sekumpulan icon yang pada umumnya digunakan untuk

melakukan penulisan perintah script.

12. Menu Panel Application

Menu application digunakan untuk operasi database.

13. Menu Panel Propertis

Menu ini adalah sekumpulan menu yang berfungsi sebagai tool dalam pengaturan

objek yang ada pada halaman web.

29

BAB 3

GAMBARAN UMUM DINAS

3.1. Sejarah Singkat Dinas Perhubungan Provinsi Sumatera Utara

Kantor Dinas Perhubungan Provinsi Sumatera Utara berada di JL. Imam Bonjol No. 6

Kecamatan Medan Polonia Sumatera Utara. Dinas Perhubungan Provinsi Sumatera

Utara didirikan agar dapat menangani masalah perhubungan di Sumatera Utara. Baik

masalah fasilitas perhubungan maupun keamanan perhubungan di Sumatera Utara.

Sumatera Utara merupakan provinsi yang cepat berkembang dalam perdagangan,

maka arus perhubungan di Sumatera Utara tentu sangat padat. Untuk menangani hal

tersebut, pemerintah mendirikan Dinas Perhubungan di tiap provinsi. Termasuk Dinas


Dinas Perhubungan Provinsi Sumatera Utara mencakup pada perhubungan

darat, laut dan udara. Dinas Perhubungan di Sumatera Utara memiliki informasi

bersistem geografis atau peta di berbagai daerah di Sumatera Utara untuk dapat

memantau dan menangani masalah perhubungan di sumatera Utara. Adapun daerah-

daerah tersebut yaitu:

1. Tanjung Pura

2. Belawan

3. Medan

4. Lubuk Pakam

5. Tebing Tinggi

6. Sibolangit

7. Indrapura

8. Pematang Siantar

9. Tanjung Balai

10. Sisikalang

11. Parapat

12. Kanopan

13. Balige


30

14. Rantau Parapat

15. Kota Pinang

16. Sibolga

17. Padang Sidempuan

3.2. Visi dan Misi Dinas Perhubungan Provinsi Sumatera Utara

3.2.1. Visi Dinas Perhubungan Provinsi Sumatera Utara

“Menyelenggarakan sebagian kewenangan pemerintah provinsi dan tugas

dekonsentrasi.”

3.2.2. Misi Dinas Perhubungan Provinsi Sumatera Utara

1. Menjamin ketersediaan dan prasarana transportasi serta peningkatan kapasitas.

2. Meningkatkan penyediaan sarana dan prasarana yang menunjang

pembangunan daerah.

3. Meningkatkan kualitas dan kuantitas sarana dan prasarana perhubungan serta

mengembangkan manajemen keselamatan transportasi.

4. Meningkatkan pembinaan SDM yang kreaktif dan proaktif untuk

mengantisipasi perkembangan IPTEK.

5. Meningkatkan kualitas peraturan perundangan sektor perhubungan berkaitan

dengan perkembangan lingkungan strategis.

6. Membentuk iklim yang kondusif dalam rangka upaya pemberdayaan sektor

swasta di bidang transportasi.

7. Mengembangkan budaya rasa memiliki bertanggung jawab dan berpartisipasi

pada masyarakat terhadap fasilitas keselamatan transportasi.

31

3.3. Struktur Organisasi Dinas Perhubungan Provinsi Sumatera Utara

Gambar 3.1 Struktur Organisasi Dinas Perhubungan Provinsi Sumatera Utara

Seksi KESWAS Dairi

KEPALA DINAS

WAKIL KEPALA

KELOMPOK JABATAN FUNGSIONAL

BAGIAN TATA USAHA

SUBBAG ORG & HUKUM

SUBBAG UMUM

SUBBAG KEUANGAN

SUBBAG KEPEGAWAIA

SUB DINAS BINPROG

SUB DINAS DARAT

SUB DINAS LAUT

SUB DINAS POSTEL

SUB DINAS WASDAL

SUB DINAS UDARA

Seksi Data dan Informasi

Seksi Evaluasi dan Lapangan

Seksi Rencana dan Program

Seksi Angkutan

Seksi Lalulintas

Seksi Prasarana

Seksi Keselamatan &

Tek. Sarana

Seksi Angkutan Laut

Seksi Kepelabuhan

Seksi Perkapalan &

Pelayaran

Seksi Navigasi & Camat

Seksi P O B

Seksi Telekomunikasi

Seksi Teknik & Informatika

Seksi Jembatan & Ti b

Seksi PKB di Jalan

Seksi S A R

Seksi Angkutan Udara

Seksi Keselamatan Penerbangan

Seksi Kebandarudara

an

UPT – UPPKB WILAYAH I MEDAN

Seksi Bagian Tata Usaha

Seksi KESWAS Medan

Seksi KESWAS Langkat

Seksi KESWAS Deli Serdang

UPT – UPPKB WILAYAH II P.Siantar


Seksi KESWAS P.Siantar

Seksi KESWAS Karo

Seksi KESWAS Dairi

UPT – UPPKB WILAYAH III LAB.BATU


Seksi KESWAS Medan

Seksi KESWAS Langkat

Seksi KESWAS Deli Serdang

UPT – UPPKB WILAYAH IV


Seksi KESWAS Pematang

Siantar

Seksi KESWAS Karo


32

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.

33

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


34

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


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)

35

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)

Gambar 4.2 Data Flow Diagram (DFD)

Admin

Sistem Informasi Berbasis Web

-data pegawai -struktur organisasi -peraturan

Pengunjung

0

-info data pegawai -info struktur organisasi -info peraturan

Data Bukutamu

Laporan

Informasi yang Berhubungan

dengan Dishubsu

-info Dishubsu -renstra -contact us -gallery -informasi -map


36

4.3.1. Data Flow Diagram Level 0

Gambar 4.3 Data Flow Diagram Level 0

4.4. Entity Relationship Data (ERD)

Gambar 4.4 ERD

4.5. Flowchart Situs

Di dalam sistem informasi yang saya buat ini, terdapat alur-alur aktivitas yang dapat

kita gambarkan dalam bentuk flowchart. Flowchart sendiri merupakan gambaran yang

Admin

Registrasi Admin 1.0

f

Admin

2.0 Input data, edit

data & hapus data Pengunjung

f

Bukutamu

f

Pegawai

Info data pegawai

-data pegawai -data bukutamu

Masyarakat Dishubsu

Layanan Pegawai

Informasi Perusahaan

37

menampilkan struktur, hierarki, dan isi halaman per halaman. Di bawah ini adalah

bentuk-bentuk flowchart yang didapat dari Sistem Informasi Dinas Perhubungan

Provinsi Sumatera Utara.

a. Flowchart Menu Utama

Seorang admin dapat mengakses web Dinas Perhubungan Provinsi Sumatera Utara

dan dapat berpindah halaman web menuju halaman lain. Terdiri dari 11 (sebelas)

halaman utama yakni halaman login, home, peraturan, renstra, contact us, bukutamu,

gallery, map, informasi, struktur organisasi, data pegawai. Masing-masing halaman

utama memiliki link-link yang dapat dipilih oleh admin dan pengunjung. Flowchart

Menu Utama dapat dilihat pada gambar di bawah ini:


38

Gambar 4.5 Flowchart Halaman Menu Utama

Start

Login

Halaman Menu Utama

dBase

True

Input Username & Password

Home

Peraturan

Renstra

Contact Us

Bukutamu

Gallery

Map

Informasi

Yes No

Struktur Organisasi

Data Pegawai

Loout

True Yes No

End

Pilih link

Pilih link

Pilih link

Pilih link

Pilih link

Pilih link

Pilih link

Pilih link

Pilih link

Pilih link

Pilih link

Tampilan Home

Tampilan Peraturan

Tampilan Renstra

Tampilan Contact Us

A

Tampilan Gallery

Tampilan Map

Tampilan Informasi

Tampilan struktur org

B

39

b. Flowchart Bukutamu

Halaman yang mengisi bukutamu. Bukutamu diisi oleh pengunjung website agar

dapat menyampaikan komentarnya tentang dishubsu serta admin dapat mengetahui

siapa saja yang telah mengunjungi situs Dinas Perhubungan Provinsi Sumatera Utara.

Gambar 4.6. Flowchart Bukutamu

c. Flowchart Halaman Data Pegawai

Halaman untuk menginput data diri pegawai Dishubsu. Agar data selalu update

disediakan perintah untuk menambah data, mengedit data dan menghapus data.

A

Buka Hakaman Bukutamu

Tambah data ya

no

Isi? ya

no

Pengisian bukutamu

Lihat bukutamu Buku Tamu

Batal? Bersihkan form

no

A


40

Gambar 4.7 Flowchart Data Pegawai

4.6. Database Website

Dalam penginputan data, data akan disimpan dalam database. Dalam hal ini penulis

menggunakan mySQL sebagai penyimpanan data pada website ini yang memiliki

server tersendiri. Untuk menghasilkan informasi pada website dibutuhkan beberapa

tabel data dalam satu database, yaitu:

B

Buka Halaman Data Pegawai

Input data ya

no

edit? ya

no

Pengisian data i

Edit data

Data Pegawai

no

B

simpan? ya

Simpan data

no

Bersih? Bersihkan Form

hapus? ya Hapus

data

back?

ya no

41

1. Tabel Login

Tabel login digunakan untuk menampung username dan password para admin agar

dapat mengakses website ini. Berikut field-field yang terdapat pada tabel login:

Tabel 4.1 Tabel Login

2. Tabel Contact

Tabel Contact digunakan untuk menyimpan data untuk menghubungi Dinas

Perhubungan Provinsi Sumatera Utara. Berisi alamat, nomor telepon, fax, email, situs

dan sebagainya. Berikut field-field yang terdapat pada tabel contact:

Tabel 4.2 Tabel Contact


42

3. Tabel Bukutamu

Tabel bukutamu digunakan untuk menampung data yang berhubungan dengan

bukutamu. Para pengunjung diharuskan mengisi form bukutamu kemudian akan

disimpan dalam database. Berikut field-field yang terdapat pada table bukutamu:

Tabel 4.3 Tabel Bukutamu

4. Tabel Data Pegawai

Tabel data pegawai digunakan untuk menampung data-data diri pegawai dishubsu.

Data-data tersebut akan berhubungan dengan halaman data pegawai. Dimana admin

dapat menginput, mengedit dan menghapus data-data tersebut. Berikut field-field yang

terdapat pada table data pegawai:

Tabel 4.4 Tabel Data Pegawai

43

4.7. Algoritma Website

Algoritma pada menu utama terdiri atas 10 bagian yang masing-masing bagian

memiliki hubungan satu dengan lainnya. Penjelasan tentang algoritma menu utama

adalah:

1. Home

File index1.php yang merupakan file pada halaman Home untuk membuka atau

melihat halaman Home tersebut.

2. Peraturan

File peraturan.php yang merupakan file pada halaman peraturan yang menampilkan

peraturan – peraturan yang berlaku dalam Dinas Perhubungan Sumatera Utara.

3. Renstra

File renstra terdiri dari renstra.php, rentra2.php, renstra3.php. Yang mana file

rentra2.php merupakan lanjutan dari renstra.php dan renstra3.php adalah lanjutan

dari renstra2.php. Renstra adalah singkatan dari Rencana Strategis yang merupakan

halaman dimana menjelaskan tentang rencana strategis ke depan Dinas


4. Contact us


44

File contact.php merupakan file pada halaman contact us yang menampilkan

kontak dishubsu yang berisi alamat, nomor telepon, fax, email, situs dan

sebagainya.

5. Buku Tamu

a. bukutamu.php merupakan file pada halaman bukutamu untuk melihat halaman

bukutamu.

b. addguestbook.php merupakan file untuk mengisi bukutamu pada halaman

bukutamu.

c. viewguesbook.php merupakan file untuk melihat isi bukutamu yang telah diisi

oleh para pengunjung yang telah mengakses situs Dishubsu.

6. Gallery

a. gallery.php merupakan file pada halaman gallery untuk melihat halaman gallery.

b. gambar1.php merupakan file untuk melihat halaman keterangan gambar1.

c. gambar2.php merupakan file untuk melihat halaman keterangan gambar2.

d. gambar3.php merupakan file untuk melihat halaman keterangan gambar3.

7. Map

File map.php merupakan file pada halaman map / geographic information system

untuk melihat map atau geographic information system Dishubsu.

8. Informasi

File informasi.php merupakan file pada halaman informasi ntuk melihat informasi

yang ditawarkan oleh Dishubsu.

9. Struktur Organisasi

File s_org.php adalah merupakan File pada halaman struktur organisasi yang

menampilkan struktur organisasi dari Dinas Perhubungan Provinsi Sumatera Utara.

10. Data Pegawai

45

a. dt_peg.php merupakan file data pegawai pada halaman Data Pegawai untuk

melihat halaman data pegawai.

b. dp.php merupakan File untuk melihat daftar biodata pegawai Dinas

Perhubungan Sumatera Utara.

c. input_data.php merupakan File untuk menginput data-data biodata pegawai

Dinas Perhubungan Sumatera Utara.

d. input.php merupakan File yang menampilkan form penginputan data-data

pegawai.

e. ubah.php merupakan File untuk mengubah data diri pegawai Dishubsu.

f. ubah2.php merupakan File untuk mengubah data pegawai yang berhubungan

dengan input filename.

g. saving_proc.php merupakan File untuk menyimpan data pegawai yang telah

diinput dan diubah.

4.8. Algoritma Administrator

1. Login merupakan File index.php yaitu halaman yang pertama kali muncul pada

website ini ketika diakses.

a. login.php merupakan File untuk mengirimkan proses login dengan

menghubungkan program php dengan database.

b. ceksession.php merupakan File untuk menjaga keamanan data website ketika

salah melakukan login.

c. ceksession2.php merupakan File untuk menjaga keamanan data website, agar

menu pada website tidak dapat diakses sebelum melakukan login.

d. connection.php merupakan File untuk menyambungkan website dengan

database dan server.

e. db.php merupakan File untuk mengkoneksikan ke database.

f. logout.php merupakan File untuk keluar dari website dan kembali ke halaman

login, maka web tidak dpat diakses sebelum memasukkan username dan

password.


46

4.9. Tampilan Website

Dalam merancang tampilan suatu website, memiliki beberapa faktor yang perlu

diperhatikan. Dimana tampilan website ini digunakan sebagai interface terhadap para

user. Hal-hal yang perlu diperhatikan tersebut adalah:

a. Tata letak perancangan gambar pada website

b. Pemilihan jenis huruf dan ukurannya

c. Pengaturan animasi

d. Materi yang dipaparkan dalam website

Dalam peancangan ini penulis menggunakan kombinasi berbagai warna, putih lebih

dominan karena menjadi warna background serta dipadukan dengan beberapa warna

lain untuk memperindah tampilan website.

47

Gambar 4.8 Tampilan Website Dinas Perhubungan Provinsi Sumatera Utara


48

BAB 5

IMPLEMENTASI SISTEM

5.1. Pengertian Implementasi Sistem

Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan

sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan

mengujinya, menginstal dan memulai menggunakan sistem baru yang diperbaiki.

Adapun langkah-langkah yang dibutuhkan dalam implementsi sistem adalah :

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang

website.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan website.

4. Mendapatkan persetujuan.

5.2. Tujuan Implementasi Program

Adapun tujuan-tujuan dari implementasi sistem, yaitu :

a. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai

sarana pengolah data dan penyaji informasi.

b. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau

yang telah disetujui.

c. Memastikan bahwa sistem yang dibuat dapat digunakan oleh setiap pemakai tanpa

mengalami kesulitan dalam penggunaanya..

d. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan

menguji sistem secara menyeluruh.

5.3. Komponen Dalam Implementasi Sistem

49

Komponen-komponen yang sangat berperan dalam menunjang penerapan sistem yang

dirancang terhadap pengolahan data. Beberapa komponen yang dibutuhkan sistem

untuk dapat beroperasi dengan baik antara lain :

5.3.1. Hardware

Hardware merupakan suatu komponen yang sangat dibutuhkan dalam mewujudkan

sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware

yaitu :

a. Personal Komputer dengan processor Min Intel Pentium MMX 233 Mhz

b. Hard Disk 4.2 GB

c. Monitor Super VGA.

d. Memori Minimal 64 MB.

5.3.2. Software

Hardware tidak akan daapat memecahkan suatu masalah tanpa adanya komponen

software. Adapun software yang digunakan dalam pembuatan website ini adalah :

a. Sistem Operasi Windows XP


50

Gambar 5.1 Tampilan antar muka Sistem Operasi Windows XP

b. Macromedia Dreamweaver 8

Gambar 5.2 Tampilan antar muka Macromedia Dreamweaver 8

c. PHP Triad

PHP Triad merupakan apache web server dengan PHP sebagai bahasa

pemogramannya serta MySQL sebagai databasenya. Dengan PHP Triad kebutuhan

software terpenuhi.

51

5.3.3. Menginstal PHP Triad

Jika anda tidak memiliki software phptriad pada PC anda, anda dapat mendownload

nya di http://www.phpgeek.com. Untuk memulai proses install, klik 2 kali pada file

yang baru Anda download tersebut dan tunggu sampai proses install selesai.

Gambar 5.3 Tampilan instalasi PHP Triad

Untuk menjalankan Apache, klik Start, Programs, PHP Triad , Apache Console, Start

Apache. Maka muncul tampilan berikut:

Gambar 5.4 Tampilan start apache

http://www.phpgeek.com/�


52

Untuk menjalankan MySQL, klik Start, Programs, PHP Triad, MySQL, MySQL-D

atau MySL D NT. Jendela MySQL terbuka sebentar dan kemudian tertutup kembali.

Untuk mengecek Apache, buka browser anda dan ketikan http://localhost pada address

bar. Jika muncul tulisan “Welcome Congratulations on choosing PHPTriad for your

Windows…” maka proses install yang Anda lakukan berhasil.

Gambar 5.5 Tampilah localhost

Untuk mengecek MySQL, klik Start MySQL dan phpMyAdmin. Jika Anda melihat

tulisan “Welcome to phpMyAdmin…” berarti proses install berhasil.

Gambar 5.6 Tampilan PhpMyAdmin

http://localhost/�

53

Sampai di sini proses intall telah selesai. Untuk menjalankannya di lain waktu anda

dapat menjalankan kembali apachedan MySQL dari Start Menu.

5.3.4. Brainware

Brainware adalah sumber daya manusia yang nantinya akan berperan sebagai user

ataupun administrator sistem. Brainware yang dibutuhkan sebagai administrator

nantinya bekerja pada server dalam pengolahan website. Administrator harus mengerti

tentang bahasa pemrograman PHP dan mySQL serta mengerti akan jalannya sistem.

Sedangkan user tidak harus memiliki kemampuan khusus hanya mampu

mengoperasikan Internet browser.


54

BAB 6

KESIMPULAN DAN SARAN

6.1. Kesimpulan

1. Dengan meggunakan bahasa pemograman PHP dan mySQL dapat dirancang suatu

sistem informasi tentang Dinas Perhubungan Provinsi Sumatera Utara.

2. Dengan bantuan komputer dan perangkat lunak dapat meminimumkan waktu, biaya

dalam memperoleh informasi.

3. Dengan adanya sitem informasi yang sistematis dan baik maka akan mempermudah

pihak Dinas Perhubungan Provinsi Sumatera Utara serta masyarakat Sumatera

Utara dalam mendapatkan informasi ,engenai Dinas Perhubungan Sumatera Utara.

6.2. Saran

Adapun saran yang penulis berikan dalam Tugas akhir ini, yaitu:

1. Diharapkan agar ada partisipasi dari pihak Dinas Perhubungan Provinsi Sumatera

Utara dalam memelihara dan memperbaharui web Dinas Perhubungan Provinsi

Sumatera Utara ini.

2. Disarankan agar ruang lingkup sistem informasi yang diciptakan lebih luas dalam

memberikan informasi yang dibutuhkan.

55

DAFTAR PUSTAKA

Djaja, Iman Suwidodo.2005.Pemograman Sql dan Database Server

Mysql.Yogyakarta:Andi

Kartoyo, Haris Supriansyah. 2006.30 Menit Menjadi Webmaster.Bandung:Oase

Media.

Mahyuzir, Tavri D. 2003. Analisa Perancangan Sistem Pengolahan Data. Jakarta: PT.

Elex Media Komputindo

Peranginangin, Kasiman.2006.Aplikasi Web Dengan Php dan Mysql.Yogyakarta:Andi

RS, Bernard. Pijono, A. Agustaf R. 2005. Mudah dan Cepat Menguasai

Pemrograman WEB. Bandung: Informatika Bandung

Syafii, M. 2005. Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta:

Andi Offset.


56

57

LISTING DISHUBSU / login.php <?php session_start(); include "connection.php"; $data = mysql_query("select * from login where userid = '$userid'"); $user = mysql_fetch_array($data); if($userid == "") { header("location:index1.php?error=1"); } else { if($password == "$user[password]") { $id_admin == "$user[id]"; session_register("id_admin"); session_register("userid"); session_register("password"); header("location:index1.php"); } else { header("location:index1.php?error=1"); }} ?> LISTING DISHUBSU / ceksession.php <?php session_start(); if(!session_is_registered("password")) { header("location:index.php?error2=1"); exit; } ?> LISTING DISHUBSU / ceksession2.php <?php session_start(); session_destroy(); header("location:index.php"); ?> LISTING DISHUBSU / connection.php <? $host = "localhost"; $user = "root"; $pass = ""; $db = "dishub"; $cek = mysql_connect("$host","$user","$pass"); mysql_select_db("$db",$cek); ?> LISTING DISHUBSU / db.php <? $db_hostname ="localhost"; $db_username="root"; $db_password=""; $db_name="dishub"; function connect_db() { global

58

$db_hostname,$db_Username,$db_password,$db_name; mysql_connect($db_hostname,$db_Username,$db_password); mysql_select_db($db_name); } ?> LISTING DISHUBSU / logout.php <?php include "ceksession2.php"; include "connection.php"; ?> LISTING DISHUBSU / index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> <style type="text/css">  </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li class="style1"><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul>

59

</div>  </div> </div>  <div id="content-outer"><div id="content-wrapper" class="container_16">  <div id="main" class="grid_8"> <form id="loginform" method="post" action="login.php"> <div> <p align="center"><img src="images/login.gif" /></p> <table border="0" align="center" cellpadding="1" cellspacing="3"> <?php if($error) { echo"<p align=\"center\">username atau password salah <br>Silahkan ulangi lagi</p>";} elseif($error2) printf("Silahkan Login Terlebih dahulu"); ?> <tr> <td width="65">username</td> <td width="251"><input type="text" name="userid" size="17" /></td> </tr> <tr> <td><span class="style2">password</span></td> <td><input type="password" name="password" size="17" /></td> </tr> <tr> <td> </td> <td><input name="submit" type="submit" value="M A S U K" /></td> </tr> </table> </div> </form> <h3><a href="index.php">Visi & Misi Dinas Perhubungan Prov Sumatera Utara</a></h3> <h5>VISI :<table align="center" id="updates" class="boxed"><tr class="title"> <td><font color="#CC0033">MENYELENGGARAKAN SEBAGIAN KEWENANGAN PEMERINTAH PROVINSI DAN TUGAS DEKONSENTRASI</td> </tr></table></p> <p><h5>MISI :<table align="center" id="updates" class="boxed"><tr class="title"> <td><font color="#CC0033"> <p>1. Menjamin ketersediaan dan prasarana transportasi serta peningkatan kapasitas<br /> 2. Meningkatkan penyediaan sarana dan prasarana yang menunjang pembangunan daerah<br /> 3. Meningkatkan kualitas dan kuantitas sarana dan prasarana perhubungan serta mengembangkan manajemen keselamatan transportasi<br /> 4. Meningkatkan pembinaan SDM yang kreaktif dan proaktif untuk mengantisipasi perkembangan IPTEK<br />

60

5. Meningkatkan kualitas peraturan perundangan sektor perhubungan berkaitan dengan perkembangan lingkungan strategis<br /> 6. Membentuk iklim yang kondusif dalam rangka upaya pemberdayaan sektor swasta di bidang transportsi<br /> 7. Mengembangkan budaya rasa memiliki bertanggung jawab dan berpartisipasi pada masyarakat terhadap fasilitas keselamatan transportasi</p> </td> </tr></table></p> <div class="grid_4 alpha"> </div> <div class="grid_4 omega"> </div>  </div>  <div id="left-columns" class="grid_8"> <div class="grid_4 alpha"> <div class="sidemenu"> <h3>Links</h3> <ul> <li><a href="http://www.sumutprov.go.id/">pempropsu</a></li> <li><a href="http://www.dephub.go.id/">Departemen Perhubungan</a></li> <li><a href="http://www.bappenas.go.id/">Bappenas</a></li> <li><a href="http://www.infokomsu.go.id/">Infokomsu</a></li> </ul> </div> <div class="sidemenu"> <h3>Media</h3> <ul> <li><a href="http://www.waspada.co.id/">Waspada <br /><span>Merupakan website surat kabar harian yang terbit di Sumatera Utara</span></a></li> <li><a href="http://www.analisadaily.com/">Analisa <br /><span>Website surat kabar analisa, memuat berita-berita yang terbit pada koran analisa</span></a></li> <li><a href="http://www.hariansib.com/">Sinar Indonesia Baru <br /><span>Temukan Berita Terkini di dalamnya</span></a></li> <li><a href="http://www.detik.com/">Detik.com <br /><span>Website ini menyediakan berbagai informasi termasuk mengenai perhubungan di indonesia temukan berita terbaru dalam website ini</span></a></li> <li><a href="http://www.okezone.com">Okezone <br /><span>Website dari MNC menyediakan beragam informasi menarik</span></a> </li> <li><a href="http://www.yahoo.com/">Yahoo <br /><span>Cek Email dan Download aplikasi di sini</span></a></li>

61

<li><a href="http://www.google.com/">Google <br /><span>Jelajahi Dunia Bersama Google</span></a></li> <li><a href="http://www.facebook.com/">Facebook <br /><span>Bertukar Informasi Melalui Situs Pertemanan Facebook </span></a></li> </ul> </div> </div> <div class="grid_4 omega"> <h3>SlideShow</h3> <div class="featured-post"> <h4><a href="../css template/KeepItSimple1-0/index.html">Slideshow Dishubsu </a></h4> <p class="post-info">Posted by <a href="index.php">dishubsu</a> on 07/04/09 </p> <p> <a href="gallery.php"><img src="images/animasi.gif" width="160" height="250" class="float-left" /></a> Gambar di atas merupakan cuplikan dari bangunan Dinas Perhubungan Sumatera Utara yang terletak di Jl. Imam Bonjol no.6 Kecamatan Medan Polonia </p> </div> <div class="featured-post"> </div> <h3>Menu</h3> <ul> <li><a href="map.php">MAP/Geographic Information Sistem</a></li> <li><a href="informasi.php">Informasi</a></li> <li><a href="s_org.php">Struktur Organisasi</a></li> <li><a href="dt_peg.php">Data Pegawai</a></li> </ul> <img src="images/Logo-Pempropsu.gif" height="200" />  </div></div>  <div id="footer-bottom"> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009 </p> <p class="bottom-right" > <a href="index1.php">Home</a> | <a href="peraturan.php">Peraturan</a> | <a href="rentra.php">RenStra</a> |

62

<a href="contact.php">Contact Us</a> | <a href="gallery.php">Gallery</a> | <a href="bukutamu.php">Buku Tamu</a> </p> </body> </html> OUTPUTNYA:

LISTING DISHUBSU / index1.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> <style type="text/css">  </style> </head>

63

<body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li id="current"><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </ul> </div>  </div> </div>  </div> <div id="content"></div> <p align="left"><a href="logout.php">LOGOUT</a></p>  <div id="main" class="grid_8"> <p align="left"></p> <div align="justify"><h3 class="style2">Selamat Datang</h3> <p>Transportasi merupakan urat nadi kehidupan berbangsa dan bernegara, mempunyai fungsi sebagai penggerak, pendorong, dan penunjang pembangunan. Transportasi merupakan suatu sistem yang terdiri dari sarana dan prasarana yang didukung oleh tata laksana dan sumber daya manusia. Sistem transportasi harus dibina agar mampu menghasilkan jasa transportasi yang handal, berkemampuan tinggi dan diselenggarakan secara tertib, terpadu, lancar, aman, nyaman dan efisien dalam menunjang dan sekaligus menggerakkan dinamika pembangunan, mendukung mobilitas manusia, barang, dan jasa; mendukung pola distribusi nasional serta mendukung pengembangan wilayah dan peningkatan hubungan internasional yang lebih memantapkan perkembangan kehidupan berbangsa dan bernegara dalam rangka perwujudan wawasan nusantara. Dalam pembangunan transportasi, pemerintah mempunyai peranan sebagai Pembina sehingga berkewajiban untuk menyusun rencana dan merumuskan kebijakan, mengendalikan dan mengawasi perwujudan transportasi. </p> <p>Provinsi Sumatera Utara merupakan salah satu provinsi di Indonesia terletak dibagian Barat dari pulau-pulau di Indonesia. Dalam menjalankan aktivitas kehidupan sehari-hari masyarakatnya sebagian besar menggunakan moda transportasi darat dan moda transportasi udara. Website ini merupakan Sistem Informasi bagi masyarakat indonesia untuk dapat mengetahui lebih jelas mengenai sistem perhubungan di Sumatera Utara. Maka, Dinas Perhubungan merupakan suatu instansi pemerintah yang bertugas dalam mengawasi jalannya perhubungan di Sumatera Utara</p></div> <div class="grid_4 alpha"> </div>

64

<div class="grid_4 omega"> </div>  </div> </div> <h3> </h3> <form><h3 align="left">Menu</h3> <div align="left"> <li><a href="map.php">MAP/Geographic Information Sistem</a></li> <li><a href="informasi.php">Informasi</a></li> <li><a href="s_org.php">Struktur Organisasi</a></li> <li><a href="dt_peg.php">Data Pegawai</a></li></div> <div align="center"><img src="images/kendara.gif" /> </div> <h3 align="left">Links</h3> <div align="left"> <li><a href="http://www.sumutprov.go.id/">pempropsu</a></li> <li><a href="http://www.dephub.go.id/">Departemen Perhubungan</a></li> <li><a href="http://www.bappenas.go.id/">Bappenas</a></li> <li><a href="http://www.infokomsu.go.id/">Infokomsu</a></li></div> </form>  </div> </div>  <div id="footer-bottom"> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009 </p> <p class="bottom-right" > <a href="index1.php">Home</a> | <a href="peraturan.php">Peraturan</a> | <a href="rentra.php">RenStra</a> | <a href="contact.php">Contact Us</a> | <a href="gallery.php">Gallery</a> | <a href="bukutamu.php">Buku Tamu</a> </p> </div> </body> </html> OUTPUTNYA:

65

LISTING DISHUBSU / peraturan.php <? include"ceksession.php";?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css">  </style> </head> <body>

66

 <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li id="current"><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </div>  </div> </div>  </div> <div id="content"></div> <p align="left"><a href="logout.php">LOGOUT</a></p> <img src="images/hukum.jpg" width="909" height="538" /> <p><strong><h3 class="style11">PERATURAN DAERAH PROVINSI SUMATERA UTARA NO. 3 TAHUN 2001</h3> </strong> <p align="left" class="style11"><strong>PASAL 21 AYAT 2 :</strong></p> <P align="left" class="style11"><strong>DINAS PERHUBUNGAN MEMPUNYAI TUGAS</strong></P> <P><table align="center" id="updates" class="boxed"><tr class="title"> <td><span class="style12">MENYELENGGARAKAN SEBAGIAN KEWENANGAN PEMERINTAH PROVINSI DAN TUGAS DEKONSENTRASI</span></td> </tr></table></P> <p align="left" class="style11"><strong>PASAL 21 AYAT 3 :</strong></p> <P align="left" class="style11"><strong>DINAS PERHUBUNGAN MEMPUNYAI FUNGSI</strong></P> <P><table align="center" id="updates" class="boxed"><tr class="title"> <td>1<span class="style13">. MENYIAPKAN BAHAN PERUMUSAN PERENCANAAN / PROGRAM DAN KEBIJAKSANAAN TEKNIS BIDANG PERHUBUNGAN<br /> <br /> 2. MENYELENGGARAKAN PEMBINAAN PERHUBUNGAN DARAT,LAUT,UDARA,PENGAWASAN DAN PENGENDALIAN SERTA POS DAN TELEKOMUNIKASI<br /> <br /> 3. MELAKSANAKAN TUGAS-TUGAS TERKAIT DENGAN PERHUBUNGAN SESUAI KETETAPAN KEPALA DAERAH</span></td> </tr></table></P>  <div id="main" class="grid_8">  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom">

67

<p> </p> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009</p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>  </body> </html> OUTPUTNYA:

LISTING DISHUBSU / renstra.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>

68

<title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css">  </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li id="current"><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </div>  </div> </div>  </div> <div id="content"></div> <p align="left"><a href="logout.php">LOGOUT</a></p>

69

 <div id="main" class="grid_8"> <p align="center"></p> <div align="center"><h3 class="style2"><strong>RENCANA STRATEGIS </strong></h3></div> <div align="center"><h4 class="style1">DINAS PERHUBUNGAN PROPINSI SUMATERA UTARA </h4></div> <div align="center"><h5 class="style1">2006 – 2009</h5></div> <br /><br /> <p align="justify" class="style3">Penyusunan Rencana Strategis Dinas Perhubungan Provinsi Sumatera Utara 2006-2009 yaitu proyeksi ke depan terwujudnya sektor transportasi 2006-2009 sesuai dengan yang diharapkan .Pemetaan awal terhadap Kondisi Umum Daerah Masa Kini Kondisi dan proyeksi ke depan sektor transportasi 2006 - 2009 merupakan dasar kebijakan untuk menentukan kebutuhan sarana dan prasarana perhubungan pada tahun 2006-2009. Lebih lanjut akan dijabarkan dalam Visi dan Misi Dinas Perhubungan yang merupakan formulasikan tujuan, sasaran, prioritas, strategi dan arah kebijakan pembangunan Dinas Perhubungan yang pada akhirnya tersusun Program dan kegiatan Pembangunan Dinas Perhubungan Prov. Sumatera Utara tahun 2006 - 2009. </p> <p><h4 align="left" class="style3 style4"><strong>A. Visi dan Misi</strong></h4> </p> <p align="left" class="style3">Adapun Visi dan Misi Dinas Perhubungan Propinsi Sumatera Utara adalah sebagai berikut :</p> <p align="left"><span class="style3"><strong><span class="style4">I. Visi</span></strong></span> <span class="style3">Dinas Perhubungan Propinsi Sumatera Utara dirumuskan mengacu kepada Peraturan Daerah Propinsi Sumatera Utara tentang Rencana Strategis Pemerintah Propinsi Sumatera Utara Tahun 2006-2009. Yaitu:</span></p> <table align="center" id="updates" class="boxed"><tr class="title"> <td><font color="#CC0033">MENYELENGGARAKAN SEBAGIAN KEWENANGAN PEMERINTAH PROVINSI DAN TUGAS DEKONSENTRASI</font></td> </tr></table></p> <p align="left"><span class="style3"><strong><span class="style4">II. Misi</span></span> <table align="center" id="updates" class="boxed"><tr class="title"> <td><p><font color="#CC0033">1. Menjamin ketersediaan dan prasarana transportasi serta peningkatan kapasitas<br /> 2. Meningkatkan penyediaan sarana dan prasarana yang menunjang pembangunan daerah<br /> 3. Meningkatkan kualitas dan kuantitas sarana dan prasarana perhubungan serta mengembangkan manajemen keselamatan transportasi<br /> 4. Meningkatkan pembinaan SDM yang kreaktif dan proaktif untuk mengantisipasi perkembangan IPTEK<br /> 5. Meningkatkan kualitas peraturan perundangan sektor perhubungan berkaitan dengan perkembangan lingkungan strategis <br /> 6. Membentuk iklim yang kondusif dalam rangka upaya pemberdayaan sektor swasta di bidang transportsi<br /> 7. Mengembangkan budaya rasa memiliki bertanggung jawab dan berpartisipasi pada masyarakat terhadap fasilitas keselamatan transportasi</font></p></td> </tr></table></p> <p><h4 align="left" class="style3 style4"><strong>B. Tujuan</strong></h4> <p align="justify" class="style3">Pembangunan Sektor Perhubungan dalam kurun waktu 2006-2009 bertujuan untuk mendukung perwujudan Provinsi Sumatera Utara yang lebih sejahtera, sejalan dengan perwujudan daerah yang aman dan damai serta adil dan demokratis.<br />

70

Efektifitas dan Efisiensi merupakan pilihan utama dalam hal ketersediaan aksesibilitas, optimalisasi kapasitas, maksimalisasi kualitas serta keterjangkauan dalam pelayanan, sedangkan penyelenggaraan transportasi yang efisien berkaitan dengan maksimalisasi dayaguna dan minimasi biaya yang menjadi beban masyarakat.<br /> <span class="style6">Tujuan</span> merupakan implementasi atau penjabaran dari pernyataan misi dan merupakan hasil akhir yang akan dicapai atau dihasilkan dalam jangka waktu 1 tahun sampai 5 tahun </p> <p align="left"><a href="renstra2.php"><font color="#0000FF">Selanjutnya / Next</font></a></p>  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom"> <p> </p> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009 </p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>  </body> </html> OUTPUTNYA:

71

LISTING DISHUBSU renstra2.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css">  </style> </head> <body>

72

 <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li id="current"><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </div>  </div> </div>  </div> <div id="content"></div> <p align="left"><a href="logout.php">LOGOUT</a></p> <p align="justify"><span class="style1">serta harus konsisten dengan tugas dan fungsinya secara kolektif untuk menggambarkan arah strategis organisasi dan perbaikan - perbaikan yang ingin dicapai. Tujuan pembangunan sektor perhubungan adalah <br /> <span class="style2">Terciptanya sub sistim transportasi wilayah yang handal sebagai bagian dari sistim transportasi nasional di sektor perhubungan sesuai dengan kewenangan berdasarkan peraturan perundang undangan yang berlaku serta terciptanya transportasi yang kondusif, berkesinam bungan, aman, selamat, tepat waktu, dan ramah lingkungan serta biaya terjangkau.</span></span> </div> </p> <p><h4 align="left" class="style4 style3"><strong>C. Sasaran</strong></h4> <p align="justify" class="style1">1. Meningkatnya pemberdayaan Lalu Lintas Angkutan Jalan<br /> 2. Meningkatnya sarana dan prasarana Angkutan Sungai, Danau dan Penyeberangan<br /> 3. Meningkatnya Layanan Lalulintas Angkutan Kereta Api<br /> 4. Meningkatnya pelayanan Transportasi Laut<br /> 5. Meningkatnya pelayanan Transportasi Udara</p> <p><h4 align="left" class="style4 style3"><strong>D. Strategi</strong></h4> <p align="justify" class="style1">Strategi pembangunan sektor perhubungan di Sumatera Utara yang merupakan arah yang akan ditempuh untuk meningkatkan kapasitas dan kualitas pelayanan dalam kerangka penyediaan aksesibilitas jasa perhubungan kepada masyarakat Pembangunan perhubungan dilaksanakan dengan berpedoman kepada 7 (tujuh) pilar sebagai berikut :<br /><br /> <p align="justify" class="style1">1. Pembangunan perhubungan dilakukan berdasarkan penerapan prinsip ekonomi dalam rangka memaksimumkan manfaat dan meminimumkan biaya. <br /> 2. Pembangunan perhubungan dilakukan dengan mempertimbangkan aspek politik, sosial dan budaya masyarakat. <br />

73

3. Pembangunan perhubungan difokuskan kepada segmen-segmen tertentu dalam rangka menunjang kegiatan sektor-sektor lain yang memiliki kontribusi besar dalam meningkatkan kesejahteraan masyarakat dan memberdayakan daerah.<br /> 4. Pembangunan perhubungan dilaksanakan dengan mempertimbangkan aspek keselamatan, keadilan, kepastian hukum dan kelestarian lingkungan dalam rangka mewujudkan pembangunan nasional yang berkelanjutan (sustainable development).<br /> 5. Pembangunan perhubungan dilakukan dengan orientasi peningkatan pelayanan kepada masyarakat melalui mekanisme pasar dan campur tangan pemerintah dalam rangka meminimalisasi kegagalan pasar (market failure).<br /> 6. Pembangunan perhubungan dilakukan sesuai dengan arah pengembangan sosial dan ekonomi yang diadopsi dalam perencanaan makro nasional, perencanaan sektoral, perencanaan daerah dan penganggaran secara realistik dan rasional.<br /> 7. Pembangunan Perhubungan dilakukan dengan mengikutsertakan masyarakat (sektor swasta) untuk berperan aktif dalam penyelenggaraan dan melakukan pengawasan baik pada skala kecil, menengah, maupun skala besar.</p> <p><h4 align="left" class="style4 style3"><strong>E. Kebijakan</strong></h4> <p align="justify">Kebijakan yang diambil oleh Dinas Perhubungan Propinsi Sumatera Utara yang digunakan sebagai pelaksanaan kegiatan-kegiatan operasional adalah sebagai berikut :<br /> <p align="left"><span class="style5"><strong>1. Kebijakan di bidang aparatur;</strong></span> <p align="justify">a. Memantapkan pelaksanaan tata kerja dan prosedur kerja yang berorientasi kepada efesiensi dan efektifitas; <br/> b. Meningkatkan penanganan masalah kemasyarakatan dan pemberian pelayanan kepada yang berorientasi kepada kesederhanaan, kecepatan, kejelasan, keterbukaan, kemudahan dan ketepatan pelayanan demi kepuasan masyarakat ;<br /> c. Melaksanakan upaya peningkatan kualitas dan profesional aparatur dan mengutamakan aparatur yang profesional yang berkualitas untuk menduduki jabatan, berdasarkan hasil pengujian kepatutan dan kelayakan (Fit and proper test ) serta menata sistem kearsipan ;<br /> d. Meningkatkan komitmen para pejabat struktural perangkat daerah terhadap pengawasan melekat dan pengawasan fungsional ;<br /> e. Mengefektifkan pemantapan rencana strategis di setiap jajaran perangkat daerah dan pengaturan kinerjanya sesuai rencana strategis itu ;<br /> f. Mengupayakan bantuan dana untuk pegawai dapat ditampung dalam APBD sebagai penambah gaji ;<br /> g. Mengutamakan kearifan dalam menyikapi penerapan otonomi daerah khusus berkaitan dengan pelaksanaan otonomi daerah Kabupaten dan Kota .</p> <p><a href="renstra3.php"><font color="#0000FF">Selanjutnya / Next</font></a></p> <p><a href="renstra.php"><font color="#0000FF">Sebelumnya / Previous</font></a></p>  <div id="main" class="grid_8">  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom"> <p> </p> <p class="bottom-left">

74

©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009 </p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>  </body> </html> OUTPUTNYA:

LISTING DISHUBSU / renstra3.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css"> <!-- .style1 {color: #000000} .style5 {color: #000000; font-size: 12px; }

75

.style6 { font-size: 12px; font-weight: bold; font-style: italic; } --> </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li id="current"><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </div>  </div> </div>  </div> <div id="content"></div> <p align="left"><a href="logout.php">LOGOUT</a></p> <p align="left"><span class="style5"><strong>2. Kebijakan dalam Bidang Ekonomi;</strong></span> <p align="justify" class="style1">a. Mendorong tumbuhnya prakarsa masyarakat dalam perencanaan dan pelaksanaan pembangunan khususnya di perdesaan melalui pola partisipasif dan berkelanjutan <br /> b. Membangun kerjasama strategis diantara pelaku-pelaku ekonomi kerakyatan per Kabupaten /Kota dan per propinsi; <br /> c. Mengembangkan persaingan yang sehat dan berorientasi keunggulan serta menghindari terjadinya struktur pasar yang monopolis dan distortif yang merugikan masyarakat ;<br /> d. Mengembangkan infrastruktur di wilayah pantai barat dan tengah terutama pada sentra-sentra produksi rakyat .</p><br /> <p align="left"><span class="style5"><strong>3. Kebijakan dalam bidang Kemasyarakatan</strong></span> <p align="justify" class="style1">a. Meningkatkan pembangunan di kawasan Dataran Tinggi dan Pantai Barat dan daerah terisolir/ tertinggal ;<br /> b. Mendukung peningkatan pemberantasan penyalahgunaan narkoba dan peningkatan kesadaran masyarakat akan bahaya narkoba .<br /></p> <br /> <p align="justify"> <span class="style1">Perumusan Renstra Dinas Perhubungan Propinsi Sumatera Utara akan dapat berhasil dengan baik apabila terdapat komitmen penuh dari pimpinan puncak dan seluruh jajarannya melalui proses yang

76

saling berkomunikasi dengan baik, yakni <span class="style6">Top down dan Bottom up approach</span>. Dengan penentuan visi , misi dan memahami faktor - faktor kunci keberhasilan sebagai manivestasi respons Dinas Perhubungan Propinsi Sumatera Utara terhadap kondisi lingkungan baik internal maupun eksternal, instansi pemerintah telah menetapkan arah yang akan dituju olehnya. Perubahan lingkungan yang memerlukan pengamatan yang cermat, khususnya kemungkingan-kemungkinan perubahannya untuk masa yang akan datang.<br /> Dengan perumusan Renstra perubahan yang akan terjadi dapat diprediksi bahkan organisasi diharapkan ikut mewarnai perubahan tersebut. Penyusunan Renstra membutuhkan perhatian yang sangat serius dari seluruh komponen Dinas Perhubungan Propinsi Sumatera Utara agar dapat di implementasikan dengan baik sesuai dengan apa yang telah ditetapkan.<br /> Mempedomani Renstra Propinsi Sumatera Utara adalah salah satu prasyarat yang harus dipenuhi dalam penyusunan Renstra ini. Perencanaan strategis yang tersusun merupakan langkah awal untuk melakukan pengukuran kinerja Dinas Perhubungan Propinsi Sumatera Utara yang dilandasi semangat.<br /> Sangat dimungkinkan banyak di jumpai kekurangan - kekurangan dalam penetapan Rencana Strategis ini, namun diharapkan dalam pelaksanaannya dapat diperoleh saran-saran perbaikan yang menambah sempurnanya perencanaan ini. <br /> Demikian Rencana Strategis Dinas Perhubungan Provinsi Sumatera Utara Tahun 2006 -2009 dibuat sebagai pedoman kedepan didalam melaksanakan pembangunan sektor Transportasi di Sumatera Utara.</span></span></p> <p><a href="renstra2.php"><font color="#0000FF">Sebelumnya / Previous</font></a></p> <p><a href="renstra.php"><font color="#0000FF">Kembali ke awal</font></a></p>  <div id="main" class="grid_8">  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom"> <p> </p> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009 </p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>  </body> </html>

77

OUTPUTNYA:

LISTING DISHUBSU / contact.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css">  </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16">

78

<h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li id="current"><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </div>  </div> </div>  <p align="left"><a href="logout.php">LOGOUT</a></p> <form method="post" action=""><?php include("connection.php"); $sql="select * from contact"; $que=mysql_query($sql); $row=mysql_fetch_assoc($que); echo $row['alamat']; ?> </form>  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom"> <p> </p> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009 </p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>  </body> </html> OUTPUTNYA:

79

LISTING DISHUBSU / bukutamu.php <?php include "connection.php"; //jika ditekan tombol submit if(isset($_POST['submit'])) { $nama = addslashes($_POST['nama']); $email = addslashes($_POST['email']); $situs = addslashes($_POST['situs']); $pesan = addslashes(strip_tags($_POST['pesan'])); //jika nama dan pesan tidak kosong if(!empty($nama) && !empty($pesan)) { $sql = mysql_query("INSERT INTO bukutamu VALUES('','$nama','$email','$situs','$pesan',now())"); if($sql) { ?> <script language="JavaScript"> alert('Terima kasih. Anda telah mengisi buku tamu'); document.location='viewguestbook.php'; </script> <? } else { echo mysql_error(); } } else { ?> <script language="JavaScript">alert('Nama dan pesan harus diisi');</script> <? } } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

80

<head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css">  </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li id="current"><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </div>  </div> </div>  <p align="left"><a href="logout.php">LOGOUT</a></p> </head> <body onLoad="document.frmguest.nama.focus()"> <div align="center"> <table width="481" border="0" cellpadding="0" cellspacing="0">  <form action="" method="post" name="frmguest"> <tr> <td height="21" colspan="2" align="center" valign="middle" class="header">ISI BUKU TAMU</td> </tr> <tr> <td height="15" colspan="2" valign="top"> </td> </tr> <tr>

81

<td width="101" height="18" valign="middle"> Nama*</td> <td width="378" valign="middle">: <input name="nama" type="text" id="nama" size="20" maxlength="20"> </td> </tr> <tr> <td height="18" valign="middle"> Email</td> <td valign="middle">: <input name="email" type="text" id="email" size="30" maxlength="30"></td> </tr> <tr> <td height="18" valign="middle"> Situs</td> <td valign="middle">: <input name="situs" type="text" id="situs" value="http://" size="30" maxlength="30"></td> </tr> <tr> <td height="101" valign="top"> Pesan*</td> <td valign="top"> <textarea name="pesan" cols="60" rows="7" id="pesan"></textarea> </td> </tr> <tr> <td height="13" colspan="2" valign="top"> </td> </tr> <tr> <td height="18" valign="top"> </td> <td valign="top"><input name="submit" type="submit" id="submit" value="Isi Bukutamu"> <input type="reset" name="Reset" value="Batal"> <a href="viewguestbook.php">Lihat Bukutamu</a></td> </tr> <tr> <td height="14"></td> <td></td> </tr> </form> </table> </div>  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom"> <p> </p> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009</p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>  </body> </html> OUTPUTNYA:


82

LISTING DISHUBSU / addguestbook.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> </head> <body> <? // cek form

83

include ("connection.php"; if (!$name || !$comment || !$email || !$situs) { echo ("Semua form harus diisi !!! <br>"); echo ("<input type=button value=Back onclick=\"self.history.back();\">"); } else { //cek email if (ereg("^.+@.+\\..+$", $email)) { $tanggal=date ("d-m-Y"); $waktu=date(H:i:s"); $kom=strip_tags($pesan); mysql_query("insert into bukutamu (nama,email,situs,comment,datetime) values $subject = "Konfirnasi Buku Tamu"; $fromName = "admin"; $fromAddress = "[email protected]"; $message = "Terima kasih $nama\n anda telah mengisi Buku Tamu"; //kirimkan ke alamat email mail("<$email>", $subject, $message, "From: \"$fromName\"<$fromAddress>"); ?> <p align="center"><font color="#3E4930" size="2" face="Verdana, Arial, Helvetica, sans-serif">Terima kasih</font> <font color="#3E4930" size="2" face="Verdana, Arial, Helvetica, sans-serif"><? echo $nama;?> anda telah mengisi Buku tamu. </font><br><a href=viewguestbook.php> [lihat buku tamu ]</a></p> <? } else echo ("Penulisan email tidak benar !!! <br>"); echo ("<p align=center><input type=button value=Back onclick=\"self.history.back();\"></p>"); } include "bukutamu.php"; ?>  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom"> <p> </p> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009</p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>

84

</body> </html> LISTING DISHUBSU / viewguestbook.php <?php include "connection.php"; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css">  </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index.php">Home</a></li> <li><a href="contact.php">Peraturan</a></li> <li><a href="contact.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li id="current"><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="index.php">Gallery</a></li> </ul> </div>  </div> </div>  <p align="left"><a href="logout.php">LOGOUT</a></p> </head>

85

<body> <div align="center"> <table width="594" border="0" cellpadding="0" cellspacing="0">  <tr> <td width="592" height="20" align="center" valign="middle" class="header">LIHAT BUKUTAMU</td> </tr> <tr> <td height="13" valign="top"> </td> </tr> <tr> <td height="20" valign="top"> <a href="bukutamu.php">ISI BUKU TAMU</a></td> </tr> <tr> <td height="110" valign="top"> <p> <ol> <? $sql = mysql_query("SELECT * FROM bukutamu ORDER BY id DESC"); while($hasil = mysql_fetch_array($sql)) { $nama = stripslashes($hasil['nama']); $email = stripslashes($hasil['email']); $situs = stripslashes($hasil['situs']); $pesan = stripslashes($hasil['pesan']); $time = $hasil['waktu']; ?> <li> <strong><font color="#FF0000"> <? echo $nama;?> </font></strong> - <strong>email</strong>:<a href="mailto: <? echo $email ?> "> <? echo $email?> </a> - <strong>situs</strong>:<a href=" <? echo $situs ?> " target="_top"> <? echo $situs ?> </a> - <? echo $time ?> <br> <? echo nl2br($pesan); ?> <br> <br> <? } ?> </ol></p> </td> </tr> <tr> <td height="15" align="center" valign="middle">created by Muhammad Yuliandri</a></td> </tr> <tr> <td height="6"></td> </tr> </table> </div> </body> </html> OUTPUTNYA:

86

LISTING DISHUBSU / gallery.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css"> <!-- .style5 { color: #006600; font-size: large; } .style6 { font-size: 14px;

87

font-weight: bold; } .style7 {font-size: large} .style8 {font-size: medium} --> </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li id="current"><a href="gallery.php">Gallery</a></li> </ul> </div>  </div> </div>  <p align="left"><a href="logout.php">LOGOUT</a></p> <div id="page_content_left"> <div class="title style5"><marquee>Selamat datang di Gallery Photo Dishub Provsu</marquee></div> <div class="content_text"> <div align="center"><img src="images/IMG_0545.JPG" width="350"/><img src="images/IMG_0551.JPG" width="350" /><img src="images/IMG_0548.JPG" width="350" /></div> <div class="content_text"> <p align="justify" class="style6">Foto di atas merupakan foto bangunan kantor Dinas Perhubungan Sumatera Utara dalam berbagai sudut. Dinas Perhubungan Provinsi Sumatera Utara memiliki berbagai kegiatan mengenai perhubungan di Sumatera Utara. Maka web ini menghadirkan berbagai kegiatan dari dinas Provinsi Sumatera Utara. Selain itu, ditampilkan juga gambar atau foto proyek-proyek pembangunan fasilitas perhubungan juga dapat dilihat dalam foto galeri ini. </p> </div> </div> <br /><br /> <div class="title style5 style7"><strong>Galerry photos</strong></div> </div> <div id="page_content_right"> <div class="content_text style8"><strong> Klik foto untuk mendapatkan keterangan foto tersebut </strong></div><br /><br /> <div class="content_text">

88

<a href="gambar1.php"><img src="images/angkot.jpg" width="200" height="200"/></a> <a href="gambar2.php"><img src="images/liburan.jpg" width="200" height="200" /></a> <a href="gambar3.php"><img src="images/pak andre.jpg" width="200" height="200" /></a> </div></div>  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom"> <p> </p> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009 </p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>  </body> </html> OUTPUTNYA:

89

LISTING DISHUBSU / gambar1.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css">  </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul>

90

<li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li id="current"><a href="gallery.php">Gallery</a></li> </ul> </div>  </div> </div>  <p align="left"><a href="logout.php">LOGOUT</a></p> </div> <div id="content"></div> <div align="left"> <p><img src="images/angkot.jpg" width="577" height="235" /></p>  <p>Gambaran aktifitas angkutan umum yang padat sehingga menimbulkan kemacetan di Jalanan kota Medan.</p> <p> Untuk menangani kemacetan tersebut Dinas perhubungan Sumatera Utara akan menurunkan DLLAJR untuk menertibkan.</p> <p> DLLAJR merupakan suatu layanan dari Dinas Perhubungan untuk kenyamanan masyarakat dalam lalu lintas. </p> <p class="style1"><a href="gambar2.php">Next</a></p> </div> <div id="main" class="grid_8"> </div>  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom"> <p> </p> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009</p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>  </body> </html> OUTPUTNYA:

91

LISTING DISHUBSU / gambar2.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css">  </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li>

92

<li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li id="current"><a href="gallery.php">Gallery</a></li> </ul> </div>  </div> </div>  <p align="left"><a href="logout.php">LOGOUT</a></p> </div> <div id="content"></div> <div align="left"> <p><img src="images/liburan.jpg" width="568" /></p>  <p>Gambaran di atas merupakan suasana liburan pegawai DISHUBSU di berbagai tempat rekreasi di Sumatera Utara.</p> <p> Untuk meningkatkan semangat kerja, DISHUBSU mengadakan rekreasi bersama dengan anggota keluarga..</p> <p>Dalam rekreasi tersebut, terdapat berbagai aktifitas perlombaan bagi para pegawai DISHUBSU. </p> <p class="style1"><a href="gambar3.php">Next</a></p> </div> <div id="main" class="grid_8"> </div>  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom"> <p> </p> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009</p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>  </body> </html> OUTPUTNYA:

93

LISTING DISHUBSU / gambar3.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css"> <!-- .style11 {color: #000000} .style12 { color: #336600; font-weight: bold; } .style13 { color: #006600; font-weight: bold;

94

} --> </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li id="current"><a href="gallery.php">Gallery</a></li> </ul> </div>  </div> </div>  <p align="left"><a href="logout.php">LOGOUT</a></p> </div> <div id="content"></div> <div align="left"> <p><img src="images/pak andre.jpg" width="529" /></p>  <p>Gambaran di atas merupakan aktivitas dari petugas DLLAJR Dnas Perhubungan Provinsi Sumatera Utara..</p> <p> Terlihat sedang mengarahkan Bus antar Provinsi untuk retribusi di terminal Lubuk Pakam.</p> <p>Ini dimaksudkan agar para penumpang mendapatkan kenyamanan dalam perjalanan . </p> </div> <div id="main" class="grid_8"> </div>  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom"> <p> </p> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009</p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div>

95

</div>  </body> </html> OUTPUTNYA:

LISTING DISHUBSU / map.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css">

96

 </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </div>  </div> </div>  <p align="left"><a href="logout.php">LOGOUT</a></p> <DIV id=Layer2> <DIV align=center><span class="style2">GEOGRAPHIC INFORMATION SYSTEM (GIS)</span><BR> <span class="style2">Informasi Bersistem Geografis/Peta</span></DIV><br /><br /> <p class="style3 style4">Peta titik cakupan Wilayah Penyebaran Dinas Perhubungan di Sumatera Utara <h2/> </DIV> <div align="center"><img src="images/pts3.jpg" /> </div>  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom"> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009 </p> <p class="bottom-right" >

97

<a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>  </body> </html> OUTPUTNYA:

LISTING DISHUBSU / informasi.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" />

98

<meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css">  </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </div>  </div> </div>  <p align="left"><a href="logout.php">LOGOUT</a></p> </div> <div id="content"></div> <img src="images/selamat.gif" width="469" height="113" /> <br /><br /> <p align="center"><img src="images/helm.jpg" height="512" /></p> <p align="center"><img src="images/helm2.jpg" width="254" /></p> <h4 class="style7"><p align="left">Mengapa Harus Memilih Helm Standard yang Benar?</h4> </p> <p align="justify">Tidak semua Helm memenuhi persyaratan keamanan. Helm yang baik adalah yang menutup kepala secara penuh (Full Face)

99

atau terbuka dibagian rahang (Open Face). Tipe Full Face memberi perlindungan yang lebih baik dari angina, debu, air, batu, dan serangga. Tipe ini juga memberi perlindungan lebih baik kepada rahang dan gigi. Namun demikian keduanya harus memiliki 3 (tiga) lapisan.</p> <h4 class="style7"><p align="left">Mengapa Harus Memakai Helm Standar?</h4> </p> <p align="left">1. 8 dari 10 kecelakaan lalu lintas melibatkan sepeda motor (Tahun 2004 Polri mencatat dari 17.732 kecelakaan melibatkan 14.223 unit sepeda motor). <br /> 2. 1 dari 3 pengguna sepeda motor yang terluka, mengalami cedera kepala (gegar otak). <br /> 3. Sebagian dari yang mengalami cedera kepala berat mengakibatkan kerusakan otak secara permanen. <br /> 4. Helm yang memenuhi standar keselamatan dan digunakan dengan tepat akan melindungi pengguna sepeda motor dari resiko tersebut.</p> <h4 class="style7"><p align="left">Mengapa Harus Pasang Helm Standar dengan Benar?</h4> </p> <p>Jika suatu kecelakaan menimpa Anda, helm hanya akan melindungi kepala Anda dengan baik, apabila pengikat dagu dikaitkan dengan benar (ketat tapi nyaman)</p> <p align="left"><p align="left">Hal lain yang perlu diperhatikan adalah:</p> <br /> <p align="justify">1. Bagi para pemakai kacamata minus atau plus, harus tetap mengenakannya pada saat menggunakan helm <br /> 2. Gunakan pula jaket berlengan panjang untuk perlindungan tambahan, dengan warna terang agar mudah terlihat oleh pengguna jalan lainnya, dan dari bahan yang memantulkan cahaya (reflektif) agar mudah terlihat dimalam hari <br /> 3. Gunakan sepatu bot atau sepatu tertutup. Hindari penggunaan sandal atau sepatu karena dapat tersangkut pada pedal sehingga mengganggu pengendalian.</p> <img src="images/helm3.jpg" width="291" height="389" /> <p align="justify"><span class="style9">Lapisan luar yang keras (Hard Outer Shell)</span></p> <p align="justify">Didesain untuk dapat pecah jika mengalami benturan untuk mengurangi dampak tekanan sebelum samapai ke kepala.Lapisan ini biasanya terbuat dari bahan polycarbonate.</p> <p align="justify"><span class="style9">Lapisan dalam yang tebal (Inside Shnell or Liner)</span></p> <p align="justify">Berfungsi untuk merendam benturan dan gesekan ketika helm bersentuhan dengan obyek tak bergerak. Tujuannya untuk melindungi tulang tenggorak dari keretakan. Biasanya terbuat dari bahan Polysytrene (Styrofoam).</p> <p align="justify"><span class="style9"> Lapisan dalam yang lunak </span></p> <p align="justify">Merupakan bagian dalam yang terdiri dari bahan lunak dan kain untuk menempatkan kepala secara pas dan tepat pada rongga helm.</p> <p align="left" class="style10">Selain itu, helm yang baik juga harus memiliki tali pengikat dagu (Chin Strap) untuk menahan helm tetap dalam posisi melindungi kepala ketika terjadi benturan.</p> <h4 class="style7"><p align="center">Tindakan yang salah</h4> <img src="images/helm4.jpg" /> <h4 class="style7"><p align="center">Tindakan yang benar</h4> <img src="images/helm5.jpg" />  <div id="main" class="grid_8">  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom">

100

<p> </p> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009</p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>  </body> </html> OUTPUTNYA:

LISTING DISHUBSU / s_org.php <? include"ceksession.php";?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

101

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css"/> <style type="text/css">  </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </div> </div> </div>  <p align="left"><a href="logout.php">LOGOUT</a></p> </div> <div id="content"></div> <img src="images/s_org.gif" /> <br /> <img src="images/s_org2.jpg" width="499" height="76" /><br /> <img src="images/sorg.jpg" width="720" height="639" /> <br /> <img src="images/s_org2.jpg" width="499" height="76"/><br /> <img src="images/sorg2.jpg" width="583" height="526" />  <div id="main" class="grid_8">  <div id="footer-wrapper" class="container_16"> <div id="footer-bottom">

102

<p> </p> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009 </p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </div>  </body> </html> OUTPUTNYA:

LISTING DISHUBSU / dt_peg.php <? include"ceksession.php"; include"connection.php"; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title>

103

<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> <style type="text/css">  </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </ul> </div>  </div> </div>  </div> <div id="content"></div> <p align="left"><a href="logout.php">LOGOUT</a></p> <div align="center"> <p><img src="images/dtpeg.jpg" width="582" height="74" /></p> <p><br /> </p> </div> <td align="left"><? include"dp.php";?> <p class="style1">Klik pada nama pegawai untuk mendapatkan data pegawai selengkapnya...</p> <form><h3 align="left">Menu</h3> <div align="left"> <li><a href="map.php">MAP/Geographic Information Sistem</a></li>

104

<li><a href="informasi.php">Informasi</a></li> <li><a href="struktur.php">Struktur Organisasi</a></li> <li><a href="dt_peg.php">Data Pegawai</a></li></div> </div> <h3 align="left">Links</h3> <div align="left"> <li><a href="http://www.sumutprov.go.id/">pempropsu</a></li> <li><a href="http://www.dephub.go.id/">Departemen Perhubungan</a></li> <li><a href="http://www.bappenas.go.id/">Bappenas</a></li> <li><a href="http://www.infokomsu.go.id/">Infokomsu</a></li></div> </form>  </div> </div>  <div id="footer-bottom"> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009 </p> <p class="bottom-right" > <a href="map.php">MAP/Geographic Information Sistem</a> | <a href="informasi.php">Informasi</a> | <a href="s_org.php">Struktur Organisasi</a> | <a href="dt_peg.php">Data Pegawai</a> | </p> </div> </body> </html> OUTPUTNYA:

105

LISTING DISHUBSU / dp.php <? require_once "connection.php"; function get_download(){ global $db; $sqlstr="select * from data_pegawai ORDER BY id DESC"; $hasil=mysql_db_query($db,$sqlstr); $i=0; while($tampil=mysql_fetch_array($hasil)){ $id[$i]=$tampil["id"]; $nip[$i]=$tampil["nip"]; $filename[$i]=$tampil["filename"]; $nama[$i]=$tampil["nama"]; $ttl[$i]=$tampil["ttl"]; $agama[$i]=$tampil["agama"]; $pangkat[$i]=$tampil["pangkat"];


106

$mskrj[$i]=$tampil["mskrj"]; $pendidikan[$i]=$tampil["pendidikan"]; $jabatan[$i]=$tampil["jabatan"]; $i++; } mysql_free_result($hasil); return array($id,$nip,$filename,$nama,$ttl,$agama,$pangkat,$mskrj,$pendidikan,$jabatan); } ?> <html> <head> <? if($act=="del") { $del="delete from data_pegawai where id='$_GET[idd]'"; $hasil=mysql_db_query($db, $del); } ?> <title></title> </head> <script language="JavaScript"> function konf_del(lokasi) { hasil=window.confirm("Yakin akan didelete? "); if ( hasil==true ) { location.href=lokasi; } } </script> <body> <form enctype="multipart/form-data" method="post" action="dp.php"> <table border="1" width="100%" > <tr bgcolor="#FFFFFF"> <td><font color="#000099"><b>No</b></br></font></td> <td><font color="#000099"><b>NIP</b></br></font></td> <td><font color="#000099"><b>Nama</b></br></font></td> <td><font color="#000099"><b>Tempat/Tgl Lahir</b></br></font></td> <td><font color="#000099"><b>Agama</b></br></font></td> <td><font color="#000099"><b>Pangkat</b></br></font></td> <td><font color="#000099"><b>Masa Kerja</b></br></font></td> <td><font color="#000099"><b>Pendidikan Terakhir</b></br></font></td> <td><font color="#000099"><b>Jabatan Sekarang</b></br></font></td> <td><font color="#000099"><b>Action</b></br></font></td> </tr> <? $no=1; list($id,$nip,$filename,$nama,$ttl,$agama,$pangkat,$mskrj,$pendidikan,$jabatan)=get_download(); for ($i=0; $i<sizeof($nip);$i++){ ?> <tr> <td><? echo "$no"; ?></td> <td><? echo "$nip[$i]"; ?></td> <td><a href="<? echo "$filename[$i]"; ?>"><? echo "$nama[$i]"; ?></a></td> <td><? echo "$ttl[$i]"; ?></td>

107

<td><? echo "$agama[$i]"; ?></td> <td><? echo "$pangkat[$i]"; ?></td> <td><? echo "$mskrj[$i]"; ?></td> <td><? echo "$pendidikan[$i]"; ?></td> <td><? echo "$jabatan[$i]"; ?></td> <td width="11%" align="center"><a href="javascript:konf_del('dt_peg.php?act=del&idd=<? echo"$id[$i]";?>')"><b><font color="black">Hapus</font></b></a> <a href="ubah.php?id=<? echo"$id[$i]"?>&nip=<? echo"$nip[$i]";?>&nama=<? echo"$nama[$i]";?>&ttl=<? echo"ttl[$i]";?>&agama=<? echo"$agama[$i]";?> &pangkat=<? echo"$pangkat[$i]";?>&mskrj=<? echo"$mskrj[$i]";?>&pendidikan=<? echo"$pendidikan[$i]";?>&jabatan=<? echo"$jabatan[$i]";?>"> <b><font color="black">Edit</font></b></a> </td> <? $no++;} ?> </table> <p align="center"><a href="input_data.php"><img src="images/button.gif"></a></tr></p> </form> </body> </html> OUTPUTNYA:

LISTING DISHUBSU / input.php <? include"connection.php";?> <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title></title> </head> <body> <center><h2>FORM INPUT DATA PEGAWAI</h2><hr / width="70%"></center> <form method="post" action="saving_proc.php" enctype="multipart/form-data"> <table width="50%" align="center" cellspacing="2" cellpadding="1"> <tr> <td>NIP</td> <td><input name="nip" type="text" size="32"></td> </tr> <tr> <td>Nama</td> <td><input name="nama" type="text" size="32"></td> </tr> <tr>


108

<td>Tempat / Tgl Lahir</td> <td><INPUT name="ttl" type="text" size="32"></td> </tr> <tr> <td>Agama</td> <td><INPUT name="agama" type="text" size="32"></td> </tr> <tr> <td>Pangkat Terakhir</td> <td><INPUT name="pangkat" type="text" size="32"></td> </tr> <tr> <td>Masa Kerja</td> <td><INPUT name="mskrj" type="text" size="32"></td> </tr> <tr> <td>Pendidikan Terakhir</td> <td><INPUT name="pendidikan" type="text" size="32"/></td> </tr> <td>Jabatan Sekarang</td> <td><INPUT name="jabatan" type="text" size="32"/></td> </tr> <tr> <td>Data Pegawai</td> <input type="hidden" name="MAX_FILE_SIZE" value="1000000"> <td><INPUT name="filename" type="file"></td> </tr> <tr> <td align="right"><input name="Submit" type="Submit" value="Simpan Berita"/></td><td><input name="Submit2" type="reset" value="Kosongkan" /></td> </tr> </table> <br><br><br> <center><a href="dt_peg.php"><img src="images/back2.gif" /></a></center> </form> </body> </html> OUTPUTNYA:

109

LISTING DISHUBSU / input_data.php <? include"ceksession.php";?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> <style type="text/css">  </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16">

110

<h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </ul> </div>  </div> </div>  </div> <div id="content"></div> <p align="left"><a href="logout.php">LOGOUT</a></p> <div align="center"> <p><img src="images/dtpeg.jpg" width="582" height="74" /></p> <p><br /> </p> </div> <? include"input.php";?> <form><h3 align="left">Menu</h3> <div align="left"> <li><a href="map.php">MAP/Geographic Information Sistem</a></li> <li><a href="informasi.php">Informasi</a></li> <li><a href="struktur.php">Struktur Organisasi</a></li> <li><a href="dt_peg.php">Data Pegawai</a></li></div> </div> <h3 align="left">Links</h3> <div align="left"> <li><a href="http://www.sumutprov.go.id/">pempropsu</a></li> <li><a href="http://www.dephub.go.id/">Departemen Perhubungan</a></li> <li><a href="http://www.bappenas.go.id/">Bappenas</a></li> <li><a href="http://www.infokomsu.go.id/">Infokomsu</a></li></div> </form> </td>  </div> </div>

111

<div id="footer-bottom"> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009 </p> <p class="bottom-right" > <a href="index1.php">Home</a> | <a href="peraturan.php">Peraturan</a> | <a href="rentra.php">RenStra</a> | <a href="contact.php">Contact Us</a> | <a href="gallery.php">Gallery</a> | <a href="bukutamu.php">Buku Tamu</a> </p> </div> </body> </html> OUTPUTNTA:

LISTING DISHUBSU / ubah.php <? include"ceksession.php"; include"connection.php"; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>

112

<title>Dishubsu</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> <style type="text/css">  </style> </head> <body>  <div id="header-wrap"><div id="header" class="container_16"> <h1 id="logo-text"><a href="index.php" title=""><img src="images/HEADER.gif" /></a></h1>  <div id="nav"> <ul> <li><a href="index1.php">Home</a></li> <li><a href="peraturan.php">Peraturan</a></li> <li><a href="renstra.php">Renstra</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="bukutamu.php">Buku Tamu </a></li> <li><a href="gallery.php">Gallery</a></li> </ul> </ul> </div>  </div> </div>  </div> <div id="content"></div> <p align="left"><a href="logout.php">LOGOUT</a></p> <? $query = mysql_query("SELECT * FROM `data_pegawai` WHERE id='$id'"); while ($baris = mysql_fetch_array($query)); { ?>

113

<form method="post" action="ubah2.php" enctype="multipart/form-data"> <tr> <p> </p><tr><table width="50%" align="center" cellspacing="2" cellpadding="1"> <h3>FORM UBAH DATA</h3> <td>NIP</td> <td><INPUT name="nip" value="<? echo"$nip";?>" type="text" size="32"></td> </tr> <tr> <td>Nama</td> <td><INPUT name="nama" value="<? echo"$nama";?>" type="text" size="32"></td> </tr> <tr> <td>Tempat / Tgl Lahir</td> <td><INPUT name="ttl" value="<? echo"$ttl";?>" type="text" size="32"></td> </tr> <tr> <td>Agama</td> <td><INPUT name="agama" value="<? echo"$agama";?>" type="text" size="32"></td> </tr> <tr> <td>Pangkat Terakhir</td> <td><INPUT name="pangkat" value="<? echo"$pangkat";?>" type="text" size="32"></td> </tr> <tr> <td>Masa Kerja</td> <td><INPUT name="mskrj" value="<? echo"$mskrj";?>" type="text" size="32"></td> </tr> <tr> <td>Pendidikan Terakhir</td> <td><INPUT name="pendidikan" value="<? echo"$pendidikan";?>" type="text" size="32"></td> </tr> <td>Jabatan Sekarang</td> <td><INPUT name="jabatan" value="<? echo"$jabatan";?>" type="text" size="32"></td> </tr> <tr> <td>Data Pegawai</td> <td><INPUT name="gambar" type="file"></td> </tr> <tr> <td align="right"><input name="cmdOk" type="submit" value="Simpan Berita"/></td> <td><input name="Submit2" type="reset" value="Kosongkan" /></td> <td><input name="id" value="<? echo"$id"; ?>" type="hidden"></td> </tr> </table> <br><br><br> <center><a href="dt_peg.php"><img src="images/back2.gif" /></a></center> <? } ?> </form> <form><h3 align="left">Menu</h3> <div align="left"> <li><a href="map.php">MAP/Geographic Information Sistem</a></li> <li><a href="informasi.php">Informasi</a></li>

114

<li><a href="struktur.php">Struktur Organisasi</a></li> <li><a href="dt_peg.php">Data Pegawai</a></li></div> </div> <h3 align="left">Links</h3> <div align="left"> <li><a href="http://www.sumutprov.go.id/">pempropsu</a></li> <li><a href="http://www.dephub.go.id/">Departemen Perhubungan</a></li> <li><a href="http://www.bappenas.go.id/">Bappenas</a></li> <li><a href="http://www.infokomsu.go.id/">Infokomsu</a></li></div> </form>  </div> </div>  <div id="footer-bottom"> <p class="bottom-left"> ©Muhammad Yuliandri @ Dinas Perhubungan Sumatera Utara 2009 </p> <p class="bottom-right" > <a href="index1.php">Home</a> | <a href="peraturan.php">Peraturan</a> | <a href="rentra.php">RenStra</a> | <a href="contact.php">Contact Us</a> | <a href="gallery.php">Gallery</a> | <a href="bukutamu.php">Buku Tamu</a> </p> </div> </body> </html> OUTPUTNYA:

115

LISTING DISHUBSU / ubah2.php <? include"connection.php"; if($nip=="" || $nama=="" || $ttl=="" || $agama=="" || $pangkat=="" || $mskrj=="" || $pendidikan=="" || $jabatan=="" || $gambar=="" ) { echo "<script>alert('Ada form yang kosong...'); history.go( -1 ); </script>"; } else { $uploaddir = $_SERVER['DOCUMENT_ROOT']."/dishubsu/file/"; $uploadfile = $uploaddir.$_FILES['gambar']['name']; if (move_uploaded_file($_FILES['gambar']['tmp_name'], $uploadfile)) { $gmbr = "file/$gambar_name"; } $sqlstr="update data_pegawai set id='$id', nip='$nip', nama='$nama', ttl='$ttl', agama='$agama', pangkat='$pangkat', mskrj='$mskrj', pendidikan='$pendidikan', jabatan='$jabatan', filename='$gmbr' where id='$id'"; $hasil = mysql_query($sqlstr,$cek); if($hasil){ echo "<script>self.location='dt_peg.php';</script>"; }} ?> LISTING DISHUBSU / saving_proc.php <?php include "connection.php";


116

if($nip=="" || $nama=="" || $ttl=="" || $agama=="" ||$pangkat=="" || $mskrj=="" || $pendidikan=="" || $jabatan=="" || $filename=="") { echo "<script>alert('Ada Form yang Kosong, Silahkan isi dengan benar ~_^'); self.location='input_data.php'; </script>"; } else{ $lokasi="file/".$HTTP_POST_FILES['filename'] ['name']; $hasil=move_uploaded_file("$filename","$lokasi"); $sqlstr="INSERT INTO data_pegawai(nip,nama,ttl,agama,pangkat,mskrj,pendidikan,jabatan,filename) values('$nip','$nama','$ttl','$agama','$pangkat','$mskrj','$pendidikan',' $jabatan','$lokasi')"; //echo"$sqlstr"; $hasil = mysql_query($sqlstr,$cek); if(!$hasil) { echo "<script>alert('Data Pegawai gagal Diinput'); self.location='input_data.php'; </script>"; } else { echo "<script>alert('Data Berhasil di Upload'); self.location='dt_peg.php'; </script>"; } } ?>

SISTEM INFORMASI DINAS PERHUBUNGAN PROVINSI...

Documents

Transcript of SISTEM INFORMASI DINAS PERHUBUNGAN PROVINSI...