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
SISTEM INFORMASI DINAS PERHUBUNGAN PROVINSI SUMATERA
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
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.
PERNYATAAN
SISTEM INFORMASI DINAS PERHUBUNGAN PROVINSI SUMATERA
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
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.
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
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.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.4 Brainware
50
Bab
6. Kesimpulan Dan Saran
51
6.1 Kesimpulan
51
6.2 Saran
51
Daftar Pustaka
Lampiran A : Listing Program
DAFTAR TABEL
Halaman
Tabel 4.1. Tabel Login
36
Tabel 4.2. Tabel Contact
47
Tabel 4.3. Tabel Bukutamu
37
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
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
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
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.
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).
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
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.
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.
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
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
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.
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
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 “ 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
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
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
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
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
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
Perhubungan Provinsi Sumatera Utara.
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
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
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 Bagian Tata Usaha Seksi KESWAS P.Siantar Seksi KESWAS Karo Seksi KESWAS Dairi
UPT – UPPKB WILAYAH III LAB.BATU Seksi Bagian Tata Usaha Seksi KESWAS Medan Seksi KESWAS Langkat Seksi KESWAS Deli Serdang
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
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
[image:33.595.108.558.85.527.2]3.
Halaman Peraturan (peraturan.php)
Halaman yang menyediakan peraturan – peraturan apa saja yang berlaku pada Dinas
perhubungan Provinsi Sumatera Utara. Agar setiap pegawai mengetahuinya dan tidak
melanggar.
4.
Halaman Rencana Strategis (renstra.php)
Halaman yang terdiri dari file program renstra.php,renstra2.php dan renstra3.php.
Berisi rencana strategis dari Dinas Perhubungan Provinsi Sumatera Utara dalam
mencapai kinerja yang baik.
5.
Contact Us (contact.php)
Halaman yang berisi alamat dan data agar masyarakat luas dapat menghubungi Dinas
Perhubungan Provinsi Sumatera Utara.
6.
Bukutamu ( bukutamu.php)
Halaman yang menunjukkan daftar pengunjung dari situs Dinas Perhubungan Provinsi
Sumatera Utara.
7. Gallery (gallery.php)
Halaman yang berisi gambar-gambar dari kegiatan dan kantor Dinas Perhubungan
Sumatera Utara.
8. MAP / Geographic Information System (map.php)
Halaman yang menunjukkan gambar titik-titik daerah yang masuk dalam geographic
information system di Sumatera Utara.
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.
[image:35.595.114.500.311.714.2]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
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
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
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. Flowchart Bukutamu
Halaman yang mengisi bukutamu. Bukutamu diisi oleh pengunjung website agar
dapat menyampaikan komentarnya tentang dishubsu serta admin dapat mengetahui
[image:39.595.111.467.207.546.2]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
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?
1. Tabel Login
Tabel login digunakan untuk menampung username dan password para admin agar
[image:41.595.105.524.205.406.2]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:
3. Tabel Bukutamu
Tabel bukutamu digunakan untuk menampung data yang berhubungan dengan
bukutamu. Para pengunjung diharuskan mengisi form bukutamu kemudian akan
[image:42.595.108.531.242.499.2]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:
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
Perhubungan Provinsi Sumatera Utara.
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.
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
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
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.
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 :
Gambar 5.1 Tampilan antar muka Sistem Operasi Windows XP
[image:50.595.156.465.276.474.2]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
5.3.3. Menginstal PHP Triad
Jika anda tidak memiliki software phptriad pada PC anda, anda dapat mendownload
nya d
[image:51.595.157.451.213.450.2]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:
[image:51.595.108.501.502.702.2]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
bar. Jika muncul tulisan “Welcome Congratulations on choosing PHPTriad for your
[image:52.595.109.507.211.479.2]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.
[image:52.595.103.515.513.730.2]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
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
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:
<? p h p
s e s s i o n _ s t a r t ( ) ;
i n c l u d e " c o n n e c t i o n . p h p " ;
$ d a t a = my s q l _ q u e r y ( " s e l e c t * f r o m l o g i n wh e r e u s e r i d = ' $ u s e r i d ' " ) ;
$ u s e r = my s q l _ f e t c h _ a r r a y ( $ d a t a ) ; i f ( $ u s e r i d == " " ) {
h e a d e r ( " l o c a t i o n : i n d e x 1 . p h p ? e r r o r =1 " ) ; } e l s e {
i f ( $ p a s s wo r d == " $ u s e r [ p a s s wo r d ] " ) { $ i d _ a d mi n == " $ u s e r [ i d ] " ; s e s s i o n _ r e g i s t e r ( " i d _ a d mi n " ) ; s e s s i o n _ r e g i s t e r ( " u s e r i d " ) ; s e s s i o n _ r e g i s t e r ( " p a s s wo r d " ) ; h e a d e r ( " l o c a t i o n : i n d e x 1 . p h p " ) ; }
e l s e {
h e a d e r ( " l o c a t i o n : i n d e x 1 . p h p ? e r r o r =1 " ) ; } }
? >
<? p h p
s e s s i o n _ s t a r t ( ) ;
i f ( ! s e s s i o n _ i s _ r e g i s t e r e d ( " p a s s wo r d " ) ) { h e a d e r ( " l o c a t i o n : i n d e x . p h p ? e r r o r 2 =1 " ) ; e x i t ;
} ? >
<? p h p
s e s s i o n _ s t a r t ( ) ; s e s s i o n _ d e s t r o y ( ) ;
h e a d e r ( " l o c a t i o n : i n d e x . p h p " ) ; ? >
<?
$ h o s t = " l o c a l h o s t " ; $ u s e r = " r o o t " ; $ p a s s = " " ;
$ d b = " d i s h u b " ;
$ c e k = my s q l _ c o n n e c t ( " $ h o s t " , " $ u s e r " , " $ p a s s " ) ; my s q l _ s e l e c t _ d b ( " $ d b " , $ c e k ) ;
? >
<?
$ d b _ h o s t n a me =" l o c a l h o s t " ; $ d b _ u s e r n a me =" r o o t " ;
$ d b _ p a s s wo r d =" " ; $ d b _ n a me =" d i s h u b " ; f u n c t i o n c o n n e c t _ d b ( ) {
$ d b _ h o s t n a me , $ d b _ Us e r n a me , $ d b _ p a s s wo r d , $ d b _ n a me ;
my s q l _ c o n n e c t ( $ d b _ h o s t n a me , $ d b _ Us e r n a me , $ d b _ p a s s wo r d ) ;
my s q l _ s e l e c t _ d b ( $ d b _ n a me ) ; }
? >
<? p h p
i n c l u d e " c e k s e s s i o n 2 . p h p " ; i n c l u d e " c o n n e c t i o n . p h p " ; ? >
<! DOCTYPE h t ml PUBLI C " - / / W3 C/ / DTD XHTML 1 . 0 St r i c t / / EN" " h t t p : / / www. w3 . o r g / TR/ x h t ml 1 / DTD/ x h t ml 1 - s t r i c t . d t d " >
<h t ml x ml n s =" h t t p : / / www. w3 . o r g / 1 9 9 9 / x h t ml " x ml : l a n g =" e n " l a n g =" e n " > <h e a d >
<t i t l e >Di s h u b s u </ t i t l e >
<me t a h t t p - e q u i v =" c o n t e n t - t y p e " c o n t e n t =" a p p l i c a t i o n / x h t ml +x ml ; c h a r s e t =UTF- 8 " / >
<me t a n a me =" a u t h o r " c o n t e n t =" Er wi n Al i g a m - s t y l e s h o u t . c o m" / > <me t a n a me =" d e s c r i p t i o n " c o n t e n t =" Si t e De s c r i p t i o n He r e " / > <me t a n a me =" k e y wo r d s " c o n t e n t =" k e y wo r d s , h e r e " / >
<me t a n a me =" r o b o t s " c o n t e n t =" i n d e x , f o l l o w, n o a r c h i v e " / > <me t a n a me =" g o o g l e b o t " c o n t e n t =" n o a r c h i v e " / >
<l i n k r e l =" s t y l e s h e e t " t y p e =" t e x t / c s s " me d i a =" s c r e e n " h r e f =" c s s / s c r e e n . c s s " / >
<s t y l e t y p e =" t e x t / c s s " > <! - -
. s t y l e 1 { c o l o r : # 5 5 A0 FF} - - >
</ s t y l e > </ h e a d > <b o d y >
<! - - h e a d e r s t a r t s - - >
<d i v i d =" h e a d e r - wr a p " ><d i v i d =" h e a d e r " c l a s s =" c o n t a i n e r _ 1 6 " >
<h 1 i d =" l o g o - t e x t " ><a h r e f =" i n d e x . p h p " t i t l e =" " ><i mg s r c =" i ma g e s / HEADER. g i f " / ></ a ></ h 1 >
<! - - n a v i g a t i o n - - > <d i v i d =" n a v " >
<u l >
<l i c l a s s =" s t y l e 1 " ><a h r e f =" i n d e x 1 . p h p " >Ho me </ a ></ l i >
<l i ><a
h r e f =" p e r a t u r a n . p h p " >Pe r a t u r a n </ a ></ l i >
<l i ><a h r e f =" r e n s t r a . p h p " >Re n s t r a </ a ></ l i > <l i ><a h r e f =" c o n t a c t . p h p " >Co n t a c t Us </ a ></ l i > <l i ><a h r e f =" b u k u t a mu . p h p " >Bu k u Ta mu
</ a ></ l i >
</ d i v >
<! - - h e a d e r e n d s h e r e - - > </ d i v >
</ d i v >
<! - - c o n t e n t s t a r t s - - >
<d i v i d =" c o n t e n t - o u t e r " ><d i v i d =" c o n t e n t - wr a p p e r " c l a s s =" c o n t a i n e r _ 1 6 " >
<! - - ma i n - - >
<d i v i d =" ma i n " c l a s s =" g r i d _ 8 " >
<f o r m i d =" l o g i n f o r m" me t h o d =" p o s t " a c t i o n =" l o g i n . p h p " > <d i v >
<p a l i g n =" c e n t e r " ><i mg s r c =" i ma g e s / l o g i n . g i f " / ></ p > <t a b l e b o r d e r =" 0 " a l i g n =" c e n t e r " c e l l p a d d i n g =" 1 " c e l l s p a c i n g =" 3 " >
<? p h p
i f ( $ e r r o r ) { e c h o " <p a l i g n =\ " c e n t e r \ " >u s e r n a me a t a u p a s s wo r d s a l a h <b r >Si l a h k a n u l a n g i l a g i </ p >" ; }
e l s e i f ( $ e r r o r 2 ) p r i n t f ( " Si l a h k a n Lo g i n Te r l e b i h d a h u l u " ) ;
? > <t r >
<t d wi d t h =" 6 5 " >u s e r n a me </ t d >
<t d wi d t h =" 2 5 1 " ><i n p u t t y p e =" t e x t " n a me =" u s e r i d " s i z e =" 1 7 " / ></ t d >
</ t r > <t r >
<t d ><s p a n c l a s s =" s t y l e 2 " >p a s s wo r d </ s p a n ></ t d > <t d ><i n p u t t y p e =" p a s s wo r d " n a me =" p a s s wo r d " s i z e =" 1 7 " / ></ t d >
</ t r > <t r >
<t d >&n b s p ; </ t d >
<t d ><i n p u t n a me =" s u b mi t " t y p e =" s u b mi t " v a l u e =" M A S U K" / ></ t d >
</ t r > </ t a b l e > </ d i v > </ f o r m>
<h 3 ><a h r e f =" i n d e x . p h p " >Vi s i & Mi s i Di n a s Pe r h u b u n g a n Pr o v Su ma t e r a Ut a r a </ a ></ h 3 >
<h 5 >VI SI : <t a b l e a l i g n =" c e n t e r " i d =" u p d a t e s " c l a s s =" b o x e d " ><t r c l a s s =" t i t l e " >
<t d ><f o n t c o l o r =" # CC0 0 3 3 " >MENYELENGGA