Paper Title (use style: paper title) - Seminar

Konferensi Nasional Ilmu Sosial & Teknologi (KNiST)
Maret 2013, pp. 294~300
294
PERANCANGAN SISTEM INFORMASI DEALER MOBIL
SINAR MUTIARA MOTOR BERBASIS WEB
Fernando B Siahaan1, Hari Sugiarto2
1
AMIK BSI JAKARTA
e-mail: [email protected]
2
AMIK BSI JAKARTA
e-mail: [email protected]
Abstrak
Dalam era globalosasi pada saat ini kebutuhan informasi komunikasi sangat penting.
Saat ini komputer telah banyak membantu perusahaan dalam proses pengolahan data
sehingga mampu meningkatkan kinerja dan efisiensi pada perusahan yang bersangkutan.
Adanya sistem komputerisasi yang mampu mempercepat pengolahan data akan menghasilkan
laporan yang sesuai dan akurat sehingga pihak manajemen juga bisa mengambil keputusan
dengan cepat.Pembuatan website pada sebuah perusahaan adalah salah satu cara untuk
mendekatkan perusahaan dengan konsumen. Dalam hal ini penulis membuat sebuah website
dealer mobil sinar mutiara motor. Sinar mutiara motor adalah sebuah dealer mobil yang menjual
mobil khususnya mobil bekas. Sistem penjualan hanya dilakukan hanya dengan sistem tunai.
Website sinar mutiara motor berisi informasi tentang mobil-mobil yang dijual di dealer sinar
mutiara motor, informasi seputar perusahaan Sinar Mutiara Motor serta alamat atau customer
service yang bisa dihubungi.Perancangan website ini dibangun dalam sistem operasi windows
XP menggunakan Adobe Dreamweaver CS4 dan menggunakan database PHP-MySQL.
Keywords : Perancangan Website, Website Dealer Mobil
1. Pendahuluan
Dengan jaringan komputer, pengolahan
informasi akan berlangsung dengan baik.
Pengguna
jaringan
yang
bertambah
membentuk jaringan komputer yang sangat
besar dan tersebar di seluruh bagian muka
bumi. Jaringan komputer yang demikian
disebut dengan nama internet. Salah satu
teknologi yang biasa digunakan dalam
internet adalah World Wide Web (www), atau
biasa disebut (web). Teknologi ini mampu
menyediakan informasi dalam bentuk teks,
gambar, suara dan bahkan gambar yang
bergerak (animasi). Internet dikatakan
dinamis karena pengguna dapat berinteraksi
dengan lembar-lembar website yang ada.
Website yang dinamis menmbutuhkan sarana
teknis yang tepat. Sarana tersebut banyak
tergantung pada perangkat lunak (software).
Perangkat lunak tersebut antara lain untuk
design web salah satunya Adobe Photoshop.
Editor web yang dapat membantu tulisan
kode-kode
program
diantaranya
dreamweaver, php dll. Untuk web server yang
dapat digunakan diantaranya apache.
Perangkat lunak untuk menampilkan halaman
website dapat ditampilkan di internet dan
mozila.
Dealer
Sinar
Mutiara
Motor
adalah
perusahaan
yang
bergerak
dibidang
penjualan mobil bekas, yang terletak di
daerah Parung-Bogor. Perusahaan ini dirintis
sejak tahun 2008, dimana Bapak H. Achmad
Effendi sebagai pemilik. Sinar Mutiara Motor
hanya memiliki satu showroom. Dengan
mengandalkan modal pribadi dan sebidang
lahan dipinggir jalan untuk usaha dealer mobil
ini.
Dengan mengandalkan sebidang tanah yang
strategis
saja
belum
cukup
untuk
memperkenalkan sinar mutiara motor di luar
kawasan
Parung
–
Bogor.
Apabila
perusahaan menggunakan brosure dan
pamflet akan membutuhkan biaya dan waktu
yang besar serta tenaga yang banyak
sehingga cara ini kurang efisien untuk
memperkenalkan Sinar Mutiara Motor kepada
publik.
Maka
penulis
mengusulkan
perusahaan menggunakan web sebagai
media informasi elektronik untuk mengatasi
permasalahan yang dihadapi perusahaan.
Diterima 18 Januari 2013; Revisi 21 Februari 2013; Disetujui 15 Maret 2013
ISBN: 978-602-61242-1-0
Internet
Menurut Syafrizal (2005:193) internet adalah
“Sebuah sistem komunikasi global yang
menghubungkan komputer-komputer dan
jaringan-jaringan
komputer
keseluruhan
dunia”.
Disebut demikian karena internet merupakan
hubungan banyak komputer dengan berbagai
tipe yang membentuk sistem jaringan global
yang
terbentuk
dari
jaringan-jaringan
komputer local maupun regional yang
memungkinkan adanya komunikasi data
antara komputer tersebut melalui jalur
komunikasi telepon. Beberapa istilah yang
sering digunakan dalam internet, diantaranya
yaitu :
1. Web
Merupakan fasilitas yang dapat menampilkan
data-data yang berupa teks, gambar, bunyi,
animasi dan multimedia lainnya dalam
internet.
2. Wold Wide Web (WWW)
Merupakan kumpulan web server yang
menyimapan
dokumen-dokumen
yang
diformat untuk memungkinkan orang melihat
teks,
grafik
dan
audio
maupun
memungkinkan kaitan ke dokumen-dokumen
lain di web.
3. Web Site
Situs web merupakan sebuah alamat tertentu
di WWW yang menyediakan informasi
tertentu. Untuk membuka sebuah situs web
dapat digunakan browser.
4. Web Pages
Halaman web merupakan bagaian dari situs
web, apabila situs web diumpamakan
sebagai sebuah buku, bahkan halaman web
merupakan
lembaran-lebaran
kertas
penyusun buku tersebut.
5. Homepage
Pada dasarnya homepage adalah halaman
pembuka untuk memperkenalkan secara
singkat tentang apa yang menjadi isi dari
keseluruhan situs web dari suatu organisasi
atau pribadi.
6. Browser
Merupakan program aplikasi yang digunakan
untuk memudahkan dalam melakukan
navigasi berbagai data dan informasi pada
WWW dan mengakses layanan WWW.
Browser yang paling terkenal penggunanya
adalah Internet Explorer dan Mozilla Firefox.
7. Universal Resouce Locator (URL)
Pada penggunaan WWW, penunjuk suatu
sumber informasi menggunakan metode
Universal Resource Locator (URL) yang
merupakan konsep penamaan lokasi standart
dari suatu file, direktori, komputer, lokasi
komputernya dan untuk menentukan alamat
yang akan kita pakai, untuk mengakses
internet
khususnya
situs
web.
URL
mengantarkan browser ke alamat yang dituju.
Jadi, jika kita mengakses situs web terlebih
dahulu kita menulis URL sebagai definisi
alamat
yang
dituju
seperti:
http://www.gmail.com/iklan_mini/index.htm
dimana:
http
: adalah jenis protocol yang
digunakan
www.gmail.com : adalah alamat host yang
digunakan
iklan_mini
: adalah direktori atau path
yang akan dituju
index.htm
: adalah nama file yang akan
diakses
8. Hypetext Transfer Protocol (HTTP)
HTTP merupakan protokol yang digunakan
untuk mentransfer data antara web server ke
web browser. Protokol ini digunakan untuk
berkomunikasi antar web browser yang satu
dengan web browser yang lainnya. HTTP
mempunyai
tugas
untuk
mentransfer
dokumen berupa hypertext atau yang biasa
disebut degan HTML.
9. Hypertext Markup Language (HTML)
Menurut Kurniawan (2007:1) HTML adalah
“Sebuah protokol yang digunakan untuk
membuat format suatu dokumen web yang
mampu dibaca dalam browser dari berbagai
platform komputer”.
10.File Transefer Protocol (FTP)
Untuk dapat mengirimkan dan mengambil
data yang disimpan dalam bentuk file,
digunakan aplikasi FTP antara pemakai
dengan FTP server. Dengan FTP ini, dapat
melakukan transfer file dari server ke internet
(upload) pada suatu data dalam format data
berbentuk file seperti misalnya data aplikasi,
gambar, database dan sebagainya.
2.1 Adobe Dreamweaver CS3
Menurut Hadi (2008:27) Adobe Dreamweaver
adalah “program aplikasi web editor untuk
membuat dan mendesain web dengan mudah
dan tepat yang terpopuler saat ini”. Pada
Dreamweaver CS3 terdapat beberapa
kemampuan bukan hanya sebagai software
untuk mendesain web, tetapi berguna untuk
menyunting kode serta pembuatan aplikasi
web dengan menggunakan berbagai bahasa
pemrograman web dan sebagai editor yang
komplit yang dapat digunakan untuk
membuat animasi sederhana yang berbentuk
layer dengan bantuan Javascript yang di
dukung.
KNiST, 30 Maret 2013
295
ISBN: 978-602-61242-1-0
2. Metode Penelitian
Metode
pada
penelitian
ini
dengan
menggunakan Waterfall yang teridiri dari
analisa kebutuhan, perancangan (design),
implementasi, testing dan perawatan. Dan
pengumpulan data dengan menggunakan
teknik observasi, wawancara dan studi
pustaka.
3. Pembahasan
3.1. Spesifikasi Rancangan Web
Spesifikasi rancangan program yang akan
diuraikan penulis dalam bab ini terdiri dari
beberapa
bentuk,
yang
kesemuanya
merupakan bagian yang diperlukan untuk
aplikasi program yang penulis buat. bagian
yang diperlukan sebagai masukkan data
sebelum data tersebut diproses. Dokumen
masukan pada rancangan program ini adalah
sebagai berikut:
1. Adapun rancangan bentuk masukan pada
pembuatan website ini adalah:
a. Nama Dokumen
: Admin
Fungsi
:Untuk
merubah
username
dan
password
pada
admin
Sumber
: Admin
Tujuan
: Admin
Media
: Monitor
Frekuensi
:
Setiap
ada
perubahan username
dan password
Jumlah
: Satu halaman
Bentuk
: Lampiran A.1
b. Nama Dokumen
Fungsi
: Kategori News
: Untuk menginput,
mengedit
dan
menghapus kategori
berita
Sumber
: Admin
Tujuan
: User
Frekuensi
:Setiap
ada
penginputan,
pengeditan
dan
penghapusan kategori
berita
Media
: Layar komputer
Jumlah
: Satu halaman
Bentuk
: Lampiran A.2
c. Nama Dokumen
Fungsi
Sumber
Tujuan
: News
: Untuk menginput,
mengedit
dan
menghapus berita
: Admin
: User
Frekuensi
:Setiap
ada
penginputan,
pengeditan
dan
penghapusan berita
Media
: Layar komputer
Jumlah
: Satu halaman
Bentuk
: Lampiran A.3
d. Nama Dokumen
Fungsi
: Gallery
:Untuk
menginput,
dan mengedit Gallery
: Admin
: User
:Setiap
ada
pengeditan
dan
Sumber
Tujuan
Frekuensi
penginputan,
penghapusan berita
Media
: Layar komputer
Jumlah
: Satu halaman
Bentuk
: Lampiran A.4
e. Nama Dokumen
: Guest Book
Fungsi
: Sebagai
tempat
untuk mengisi komentar atau saran
Sumber
: Admin
Tujuan
: User
Frekuensi
:
Setiap
ada
pengisian Guest Book
Media
: Layar komputer
Jumlah
: Satu halaman
Bentuk
: Lampiran A.5
2. Adapun rancangan bentuk keluaran pada
pembuatan website ini adalah:
a. Nama Dokumen
: Guest Book
Fungsi
: Untuk
melihat
komentar kritik atau
saran yang masuk
Sumber
: Admin
Tujuan
: User
Media
: Monitor
Frekuensi
:
Setiap
ada
penghapusan
komentar
pada
admin
Jumlah
: Satu Halaman
Bentuk
: Lampiran B.1
3.2. Struktur Rancangan Navigasi
Sebelum melakukan perancangan aplikasi
situs web, maka terlebih dahulu dibuat alur
penjejakan
(struktur
navigasi)
untuk
mempermudah dalam pembuatan web.
Melalui struktur navigasi website ini terlihat
bagaimana isi dan susunan dari sebuah
website secara menyeluruh. Pada struktur
navigasi website Sinar Mutiara Motor yang
penulis gunakan adalah struktur navigasi
linier.
KNiST, 30 Maret 2013
296
ISBN: 978-602-61242-1-0
Halaman
Utama
Gambar
Halaman
Home
Gallery
Profil
1. Struktur Navigasi
Utama
News
Fungsi
Conta
ct Us
Guest
Book
Tipe file
Panjang record
Media file
Field Key
Software
:Untuk
menginput,
mengedit
dan
menghapus berita
: File master
: 20 byte
: Hard Disk
: id_berita
: PHPMyAdmin
3.3. Spesifikasi File
Tabel 3. Spesifikasi File Berita
Spesifikasi file menjelaskan tentang file-file
yang akan digunakan dalam rancangan
No
Elemen
Akronim
Tipe
Panjang
aplikasi website yang diajukan dan sebagai
Data
media penyimpanan data dari proses yang
terjadi pada rancangan aplikasi website.
1
id_berita
id_berita
Integer
5
Adapun spesifikaasi file tersebut antara lain:
a. File gallery
Nama Database
: db_dealermobil 2
Judul
judul
Text
Nama file
: gallery
Akronim
: gallery
3 id_kategori id_kategori Integer
5
Fungsi
:Untuk
menginput,
mengedit
dan
4
isi_berita
isi_berita
Text
menghapus
gallery
5
Jam
jam
Time
Tipe file
: File master
Panjang record
: 5 byte
6
Tanggal
tanggal
Date
Media file
: Hard Disk
Field Key
: id_gallery
7
Hari
hari
Varchar
10
Software
: PHPMyAdmin
8
Tabel 1. Spesifikasi File Gallery
b. File Kategori
Nama Database
: db_dealermobil
Nama file
: kategori
Akronim
: kategori
Fungsi
:Untuk memisahkan
berita
berdasarkan
kategori
Tipe file
: File master
Panjang record
: 25 byte
Media file
: Hard Disk
Field Key
: id_kategori
Software
: PHPMyAdmin
Tabel 2. Spesifikasi File Kategori
No
Elemen
Data
Akronim
Tipe
Panjang
1
id_kategori
id_kategori
Integer
5
2
nm_kategori
nm_kategori
Varchar
20
c. File Berita
Nama Database
Nama file
Akronim
: db_dealermobil
: berita
: berita
Gambar
gambar
d. File Buku Tamu
Nama Database
Nama file
Akronim
Fungsi
Ket
Primary
Key
Text
: db_dealermobil
: buku_tamu
: buku_tamu
:Untuk memberikan
komentar, kritik atau
saran
: File master
: 81 byte
: Hard Disk
: id_tamu
: PHPMyAdmin
Tipe file
Panjang record
Media file
Field Key
Ket Software
Primary
Tabel 4. Spesifikasi File Buku
Key
Tamu
N Elemen Akroni
Tipe Panj
Ket
o
Data
m
ang
1 id_tam
id_tam Integ
11
Prim
u
u
er
ary
Key
2 tanggal tanggal Date
KNiST, 30 Maret 2013
297
ISBN: 978-602-61242-1-0
3
jam
jam
Time
4
nama_t
amu
email
nama_t
amu
email
koment
ar
koment
ar
Varc
har
Varc
har
Text
5
6
e. File admin
Nama Database
Nama file
Akronim
Fungsi
Tipe file
Panjang record
Media file
Field Key
Software
20
50
: db_dealermobil
: admin
: admin
: masuk ke dalam
admin
untuk
memanipulasi data
: File master
: 60 byte
: Hard Disk
: uname_admin
: PHPMyAdmin
halaman index ini sebagai tampilan
pertama.
2. Halaman Gallery
Nama program
: Gallery
Akronim
: Gallery.php
Fungsi
:Sebagai
halaman
yang
menginformasikan
tentang
foto-foto
mobil
Bahasa program
: .php
Bentuk Tampilan : Lampiran C.2
Proses program
:
Untuk menampilkan halaman ini arahkan
mouse ke gallery yang terdapat pada
pilihan menu lalu klik.
3. Halaman Profil
Nama program
Akronim
Fungsi
: Profil
: Profil.php
:Sebagai
halaman
yang
menginformasikan
tentang profil Sinar
Mutiara Motor. Dalam
halaman profil ini
terdapat penjelasan
seperti visi dan misi
pada perusahaan.
Bahasa program
: .php
Bentuk tampilan
: Lampiran C.3
Proses program
:
Untuk menampilkan halaman ini arahkan
mouse ke profil yang terdapat pada
pilihan menu lalu klik.
Tabel 5. Spesifikasi Admin
N
o
1
Elemen
Data
uname_
admin
Akronim
Tipe
uname_
admin
Varc
har
2
pswd_a
dmin
pswd_a
dmin
Varc
har
Panj
ang
30
Ket
Prim
ary
Key
30
3.4. Spesifikasi Halaman Website
a. Spesifikasi website user:
Spesifikasi halaman berisi tentang halaman
website yang penulis buat. Adapun
penjelasan dari spesifikasi halaman tersebut
sebagai berikut:
1. Halaman utama
Nama program
: Index
Akronim
: Index.php
Fungsi
: Sebagai halaman
pembuka dari website
yang berisi kalimat
pembuka
serta
menampilkan
keseluruhan
menu
mulai dari halaman
home, news, guest
book,
galery, profil dan
contact us
Bahasa program
: php
Bentuk tampilan
: Lampiran C.1
Proses program
:Pertama kali browsing di internet dengan
alamat web tersebut, lalu akan muncul
4.
Halaman News
Nama program
Akronim
Fungsi
: News
: News.php
: Sebagai halaman
halaman
yang
menampilkan
informasi
tentang
mobil.
Bahasa program
: .php
Bentuk tampilan
: Lampiran C.4
Proses program
:
Untuk menampilkan halaman ini arahkan
mouse ke news yang terdapat pada
pilihan menu lalu klik.
5. Halaman Guest book
Nama program
: Guest book
Akronim
: Guest book.php
Fungsi
:Sebagai
halaman
yang
menginformasikan
tentang
pengisian
KNiST, 30 Maret 2013
298
ISBN: 978-602-61242-1-0
komentar-komentar
dari
pengunjung
website.
Bahasa program
: .php
Bentuk Tampilan : Lampiran C.5
Proses program
:
Untuk menampilkan halaman ini arahkan
mouse ke guest book lalu klik kemudian
isikan komentar anda setelah itu klik
comment.
6.
Halaman Contact Us
Nama program
: Contact Us
Akronim
: Contactus.php
Fungsi
:Sebagai
halaman
yang
menginformasikan
tentang
contact
perusahaan
yang
dapat dihubungi.
Bahasa program : .php
Bentuk Tampilan : Lampiran C.6
Proses program
:
Untuk menampilkan halaman ini arahkan
mouse ke contact us yang terdapat pada
pilihan menu lalu klik.
3.5. Sarana Pendukung Program
Untuk
mengetahui sarana
pendukung
program pada website informasi Busana
Muslimah ini, penulis akan menjelaskan
mengenai perangkat keras (hardware),
perangkat lunak (software), dan kofigurasi
sistem komputer agar dapat digunakan untuk
melakukan pekerjaan komputerisasi.
1. Perangkat Keras (Hardware)
Adalah seluruh komponen peralatan yang
berbentuk suatu sistem komputer dan
peralatan lainnya yang memungkinkan
komputer melaksanakan tugasnya, termasuk
juga mesin-mesin pembantu penyimpanan
data dan juga termasuk alat komunikasi
lainnya. Yang terdiri dari unit masukkan
(input), unit pemrosesan (process), unit
keluaran (output), dan untuk simpanan luar
(memory). Pada pembuatan website ini,
penulis mencantumkan komputer dengan
spesifikasi sebagai berikut :
Microprocessor
: Intel Atom Dual
Core 1.60 GHz
Memory Size
: 2 GB RAM
Monitor
: 10”
Hard Disk
: 320 GB
Keyboard
: 920
Mouse
: Standard Mouse
Printer
: Inkjet
2. Perangkat Lunak (Software)
Adalah komponen dalam data processing
system yang berupa program-program dan
teknik lain untuk mengontrol sistem. Fungsi
software ini adalah untuk mengidentifikasi
dan menyiapkan aplikasi program sehingga
tata kerja seluruh peralatan komputer dapat
terkontrol, serta membuat pekerjaan lebih
efisien. Fasilitas software itu sendiri terdiri
dari sistem design, program, dan prosedurprosedur lainnya. Adapun perangkat lunak
yang digunakan untuk pembuatan situsnya
ataupun dokumentasinya adalah sebagai
berikut :
Sistem Operasi
: Windows7 Ultimate
Program Aplikasi :
Macromedia
Dreamweaver CS3
dan
Adobe
Photoshop CS
Bahasa Script
: PHP
Web Server
: Web Server
Apache
Web Browser
: Mozilla Firefox
Database
: MySQL
Gambar 2. Tampilan website
4. Simpulan
Berdasarkan
pembahasan
secara
keseluruhan pada bab-bab sebelumnya,
maka penulis dapat mengambil kesimpulan
sebagai berikut :
1. Dalam proses promosi yang dilakukan
dengan penyebaran brosur belum efisien
dan efektif.
2. Kurangnya informasi yang diberikan oleh
Sinar Mutiara Motor kepada masyarakat.
KNiST, 30 Maret 2013
299
ISBN: 978-602-61242-1-0
3. Tidak adanya sarana yang dapat
mempermudah
masyarakat
untuk
mengetahui informasi tentang mobil.
Referensi
Firdaus. 2007. Bab II Ladasan Teori. Diambil
dari:http//elib.unikom.ac.id
Hadi, Mulyadi. 2008. 7 Jam Belajar Interaktif
Dreamweaver Cs.3 untuk orang awam.
Palembang: Maxikom.
Hidayatullah, Taufik. 2009. 45 menit belajar
photoshop. Yogyakarta: Mediakom.
Kurniawan, Budi. 2007. Desain Web
Menggunakan HTML dan CSS.
Yogyakarta : Andi.
Nugroho, Bunafit. 2008. Seri Panduan
Lengkap Adobe Dreamweaver CS3
Yogyakarta: Gaya Media.
Syafrizal, Melwin. 2005. Pengantar Jaringan
Komputer. Yogyakarta: Andi Offset
Komputindo.
KNiST, 30 Maret 2013
300