PERANCANGAN SISTEM INFORMASI DEALER MOBIL SINAR MUTIARA MOTOR BERBASIS WEB

(1)

295

PERANCANGAN SISTEM INFORMASI DEALER MOBIL

SINAR MUTIARA MOTOR BERBASIS WEB

Fernando B Siahaan1, Hari Sugiarto2

1

AMIK BSI JAKARTA e-mail: fernando.fbs@bsi.ac.id

2

AMIK BSI JAKARTA e-mail: Hari.hrs@bsi.ac.id

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.

(2)

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

(3)

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 : Kategori News

Fungsi : 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 : News

Fungsi : Untuk menginput, mengedit dan menghapus berita

Sumber : Admin

Tujuan : User

penghapusan berita

Jumlah : Satu halaman Bentuk : Lampiran A.3 d. Nama Dokumen : Gallery

Fungsi :Untuk menginput, dan mengedit Gallery

Sumber : Admin

Tujuan : User

penghapusan berita

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

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

(4)

Halaman Utama

Gallery Profil News Conta

ct Us

Home Guest

Book

Gambar 1. Struktur Navigasi

Halaman Utama

3.3. Spesifikasi File

Spesifikasi file menjelaskan tentang file-file

yang akan digunakan dalam rancangan aplikasi website yang diajukan dan sebagai media penyimpanan data dari proses yang terjadi pada rancangan aplikasi website. Adapun spesifikaasi file tersebut antara lain: a. File gallery

Nama Database : db_dealermobil Nama file : gallery

Akronim : gallery

Fungsi :Untuk menginput, mengedit dan menghapus

gallery

Tipe file : File master

Panjang record : 5 byte

Media file : Hard Disk

Field Key : id_gallery

Software : PHPMyAdmin

Tabel 1. Spesifikasi File Gallery

b. File Kategori

Nama Database : db_dealermobil Nama file : kategori Akronim : kategori

Fungsi :Untuk memisahkan berita berdasarkan kategori

Field Key : id_kategori

Tabel 2. Spesifikasi File Kategori No Elemen

Data Akronim Tipe Panjang Ket 1 id_kategori id_kategori Integer 5 Primary

Key

2 nm_kategori nm_kategori Varchar 20 c. File Berita

Nama Database : db_dealermobil Nama file : berita

Akronim : berita

Fungsi :Untuk menginput, mengedit dan menghapus berita Tipe file : File master

Field Key : id_berita

Tabel 3. Spesifikasi File Berita No Elemen

Data

Akronim Tipe Panjang Ket

1 id_berita id_berita Integer 5 Primary Key

2 Judul judul Text

3 id_kategori id_kategori Integer 5

4 isi_berita isi_berita Text

5 Jam jam Time

6 Tanggal tanggal Date

7 Hari hari Varchar 10

8 Gambar gambar Text

d. File Buku Tamu

Nama Database : db_dealermobil Nama file : buku_tamu Akronim : buku_tamu

Fungsi :Untuk memberikan komentar, kritik atau saran

Field Key : id_tamu

Tabel 4. Spesifikasi File Buku Tamu N o Elemen Data Akroni m Tipe Panj ang Ket 1 id_tam u id_tam u Integ er 11 Prim ary Key

(5)

3 jam jam Time 4 nama_t amu nama_t amu Varc har 20 5 email email Varc

har 50 6 koment ar koment ar Text e. File admin

Nama Database : db_dealermobil Nama file : admin

Akronim : admin

Fungsi : masuk ke dalam

admin untuk

memanipulasi data Tipe file : File master

Field Key : uname_admin

Tabel 5. Spesifikasi Admin

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

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 : Profil

Akronim : Profil.php

Fungsi :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.

4. Halaman News

Nama program : News

Akronim : News.php

Fungsi : Sebagai halaman halaman yang menampilkan informasi tentang mobil.

Bentuk tampilan : Lampiran C.4 Proses program :

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 N o Elemen Data

Akronim Tipe Panj ang Ket 1 uname_ admin uname_ admin Varc har 30 Prim ary Key 2 pswd_a dmin pswd_a dmin Varc har 30

(6)

komentar-komentar dari pengunjung

website.

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

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 prosedur-prosedur 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.

(7)

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.