PERANCANGAN SISTEM INFORMASI DEALER MOBIL SINAR MUTIARA MOTOR BERBASIS WEB

Konferensi Nasional Ilmu Sosial & Teknologi (KNiST) Maret 2013, pp. 295~301 295

PERANCANGAN SISTEM INFORMASI DEALER MOBIL SINAR MUTIARA MOTOR BERBASIS WEB 1

Fernando B Siahaan , Hari Sugiarto

2

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.

KNiST, 30 Maret 2013 295

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 296

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 297

ISBN: 978-602-61242-1-0 Halaman Utama

Gambar Halaman

Home

Gallery

Profil

Fungsi

1. Struktur Navigasi Utama

News

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. Integer 1 id_berita id_berita 5 Adapun spesifikaasi file tersebut antara lain: a. File gallery Nama Database : db_dealermobil 2 Text Judul judul Nama file : gallery Akronim : gallery 3 id_kategori id_kategori Integer 5 Fungsi :Untuk menginput, mengedit dan Text 4 isi_berita isi_berita menghapus gallery Time 5 Jam jam Tipe file : File master Panjang record : 5 byte Date 6 Tanggal tanggal Media file : Hard Disk Field Key : id_gallery Varchar 7 Hari hari 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 Prim 1 id_tam id_tam Integ 11 er ary u u Key 2 tanggal tanggal Date

KNiST, 30 Maret 2013 298

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 299

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 300

ISBN: 978-602-61242-1-0

3. Tidak adanya sarana yang dapat mempermudah masyarakat untuk mengetahui informasi tentang mobil.

Kurniawan, Budi. 2007. Desain Menggunakan HTML dan Yogyakarta : Andi.

Web CSS.

Referensi Firdaus. 2007. Bab II Ladasan Teori. Diambil dari:http//elib.unikom.ac.id

Nugroho, Bunafit. 2008. Seri Panduan Lengkap Adobe Dreamweaver CS3 Yogyakarta: Gaya Media.

Hadi, Mulyadi. 2008. 7 Jam Belajar Interaktif Dreamweaver Cs.3 untuk orang awam. Palembang: Maxikom.

Syafrizal, Melwin. 2005. Pengantar Jaringan Komputer. Yogyakarta: Andi Offset Komputindo.

Hidayatullah, Taufik. 2009. 45 menit belajar photoshop. Yogyakarta: Mediakom.

KNiST, 30 Maret 2013 301