Konferensi Nasional Ilmu Sosial & Teknologi (KNiST) Maret 2013, pp. 295~301 PERANCANGAN SISTEM INFORMASI DEALER MOBIL SINAR MUTIARA MOTOR BERBASIS WEB Fernando B Siahaan 1, Hari Sugiarto 2 1 AMIK BSI JAKARTA e-mail: fernando.fbs@bsi.ac.id 2 AMIK BSI JAKARTA e-mail: Hari.hrs@bsi.ac.id 295 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 bersangkutan. Adanya sistem komputerisasi mampu mempercepat pengolahan data akan menghasilkan laporan 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 menjual mobil khususnya mobil bekas. Sistem penjualan hanya dilakukan hanya dengan sistem tunai. Website sinar mutiara motor berisi informasi tentang mobil-mobil dijual di dealer sinar mutiara motor, informasi seputar perusahaan Sinar Mutiara Motor serta alamat atau customer service bisa dihubungi.perancangan website ini dibangun dalam sistem operasi windows XP menggunakan Adobe Dreamweaver CS4 dan menggunakan database PHP-MySQL. words : Perancangan Website, Website Dealer Mobil 1. Pendahuluan Dengan jaringan komputer, pengolahan informasi akan berlangsung dengan baik. Pengguna jaringan bertambah membentuk jaringan komputer sangat besar dan tersebar di seluruh bagian muka bumi. Jaringan komputer demikian disebut dengan nama internet. Salah satu teknologi 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 bergerak (animasi). Internet dikatakan dinamis karena pengguna dapat berinteraksi dengan lembar-lembar website ada. Website dinamis menmbutuhkan sarana teknis tepat. Sarana tersebut banyak tergantung pada perangkat lunak (software). Perangkat lunak tersebut antara lain untuk design web salah satunya Adobe Photoshop. Editor web dapat membantu tulisan kode-kode program diantaranya dreamweaver, php dll. Untuk web server dapat digunakan diantaranya apache. Perangkat lunak untuk menampilkan halaman website dapat ditampilkan di internet dan mozila. Dealer Sinar Mutiara Motor adalah perusahaan bergerak dibidang penjualan mobil bekas, 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 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 besar serta tenaga 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 dihadapi perusahaan. 295
Internet Menurut Syafrizal (2005:193) internet adalah Sebuah sistem komunikasi global menghubungkan komputer-komputer dan jaringan-jaringan komputer keseluruhan dunia. Disebut demikian karena internet merupakan hubungan banyak komputer dengan berbagai tipe membentuk sistem jaringan global terbentuk dari jaringan-jaringan komputer local maupun regional memungkinkan adanya komunikasi data antara komputer tersebut melalui jalur komunikasi telepon. Beberapa istilah sering digunakan dalam internet, diantaranya yaitu : 1. Web Merupakan fasilitas dapat menampilkan data-data berupa teks, gambar, bunyi, animasi dan multimedia lainnya dalam internet. 2. Wold Wide Web (WWW) Merupakan kumpulan web server menyimapan dokumen-dokumen 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 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 menjadi isi dari keseluruhan situs web dari suatu organisasi atau pribadi. 6. Browser Merupakan program aplikasi digunakan untuk memudahkan dalam melakukan navigasi berbagai data dan informasi pada WWW dan mengakses layanan WWW. Browser 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) merupakan konsep penamaan lokasi standart dari suatu file, direktori, komputer, lokasi komputernya dan untuk menentukan alamat akan kita pakai, untuk mengakses internet khususnya situs web. URL mengantarkan browser ke alamat dituju. Jadi, jika kita mengakses situs web terlebih dahulu kita menulis URL sebagai definisi alamat dituju seperti: http://www.gmail.com/iklan_mini/index.htm dimana: http : adalah jenis protocol digunakan www.gmail.com : adalah alamat host digunakan iklan_mini : adalah direktori atau path akan dituju index.htm : adalah nama file akan diakses 8. Hypetext Transfer Protocol (HTTP) HTTP merupakan protokol digunakan untuk mentransfer data antara web server ke web browser. Protokol ini digunakan untuk berkomunikasi antar web browser satu dengan web browser lainnya. HTTP mempunyai tugas untuk mentransfer dokumen berupa hypertext atau biasa disebut degan HTML. 9. Hypertext Markup Language (HTML) Menurut Kurniawan (2007:1) HTML adalah Sebuah protokol digunakan untuk membuat format suatu dokumen web mampu dibaca dalam browser dari berbagai platform komputer. 10. File Transefer Protocol (FTP) Untuk dapat mengirimkan dan mengambil data 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 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 komplit dapat digunakan untuk membuat animasi sederhana berbentuk layer dengan bantuan Javascript di dukung. 296
2. Metode Penelitian Metode pada penelitian ini dengan menggunakan Waterfall 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 akan diuraikan penulis dalam bab ini terdiri dari beberapa bentuk, kesemuanya merupakan bagian diperlukan untuk aplikasi program penulis buat. bagian 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 :Untuk merubah username dan password pada admin : Monitor Frekuensi : Setiap ada perubahan username dan password Bentuk : Lampiran A.1 b. Nama Dokumen : Kategori News : Untuk menginput, menghapus kategori berita Frekuensi :Setiap ada penginputan, pengeditan dan penghapusan kategori berita Bentuk : Lampiran A.2 c. Nama Dokumen : News : Untuk menginput, menghapus berita Frekuensi :Setiap ada penginputan, pengeditan dan penghapusan berita Bentuk : Lampiran A.3 d. Nama Dokumen : Gallery :Untuk menginput, dan mengedit Gallery Frekuensi :Setiap ada penginputan, pengeditan dan penghapusan berita Bentuk : Lampiran A.4 e. Nama Dokumen : Guest Book : Sebagai tempat untuk mengisi komentar atau saran Frekuensi : Setiap ada pengisian Guest Book Bentuk : Lampiran A.5 2. Adapun rancangan bentuk keluaran pada pembuatan website ini adalah: a. Nama Dokumen : Guest Book : Untuk melihat komentar kritik atau saran masuk : Monitor Frekuensi : Setiap ada penghapusan komentar pada admin : 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 penulis gunakan adalah struktur navigasi linier. 297
Home Gambar Halaman Halaman Utama Gallery Profil News 1. Struktur Navigasi Utama Guest Book Conta ct Us :Untuk menginput, menghapus berita Panjang record : 20 byte file : id_berita No 3.3. Spesifikasi File Tabel 3. Spesifikasi File Berita Spesifikasi file menjelaskan tentang file-file akan digunakan dalam rancangan No aplikasi website diajukan dan sebagai media penyimpanan data dari proses Elemen Data Tipe Panjang Ket terjadi pada rancangan aplikasi website. 1 id_berita id_berita Integer 5 Primary Adapun spesifikaasi file tersebut antara lain: a. File gallery Nama Database : db_dealermobil : gallery 2 Judul judul Text : gallery 3 :Untuk menginput, 4 menghapus id_kategori isi_berita id_kategori isi_berita Integer Text 5 gallery Panjang record : 5 byte : id_gallery file 5 6 7 Jam Tanggal Hari jam tanggal hari Time Date Varchar 10 Tabel 1. Spesifikasi File Gallery b. File Kategori 8 Gambar gambar Text Nama Database : db_dealermobil : kategori : kategori :Untuk memisahkan d. File Buku Tamu berita berdasarkan Nama Database : db_dealermobil kategori : buku_tamu : buku_tamu Panjang record : 25 byte :Untuk memberikan file komentar, kritik atau : id_kategori saran Panjang record : 81 byte Tabel 2. Spesifikasi File Kategori file Tipe Panjang : id_tamu Ket Elemen Data 1 id_kategori id_kategori Integer 5 2 nm_kategori nm_kategori Varchar 20 c. File Berita Nama Database : db_dealermobil : berita : berita Primary N Elemen o Data 1 id_tam u Tabel 4. Spesifikasi File Buku Tamu Akroni Tipe Panj Ket m ang id_tam Integ u er 2 tanggal tanggal Date 11 Prim ary 298
3 jam jam Time 4 nama_t amu nama_t amu Varc har 5 email email Varc har 6 koment koment Text ar ar e. File admin Nama Database Panjang record file N Elemen o Data 1 uname_ admin 2 pswd_a dmin 20 50 : db_dealermobil : admin : admin : masuk ke dalam admin untuk memanipulasi data : 60 byte : uname_admin Tabel 5. Spesifikasi Admin 3.4. Spesifikasi Halaman Website a. Spesifikasi website user: Spesifikasi halaman berisi tentang halaman website penulis buat. Adapun penjelasan dari spesifikasi halaman tersebut sebagai berikut: 1. Halaman utama Nama program : Index Tipe Panj ang Ket uname_ Varc 30 Prim admin har ary pswd_a dmin Varc har 30 : Index.php : Sebagai halaman pembuka dari website 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 - Pertama kali browsing di internet dengan alamat web tersebut, lalu akan muncul halaman index ini sebagai tampilan pertama. 2. Halaman Gallery Nama program : Gallery : Gallery.php tentang foto-foto mobil Bentuk Tampilan : Lampiran C.2 mouse ke gallery terdapat pada 3. Halaman Profil Nama program : Profil : Profil.php tentang profil Sinar Mutiara Motor. Dalam halaman profil ini terdapat penjelasan seperti visi dan misi pada perusahaan. Bentuk tampilan : Lampiran C.3 mouse ke profil terdapat pada 4. Halaman News Nama program : News : News.php : Sebagai halaman halaman menampilkan informasi tentang mobil. Bentuk tampilan : Lampiran C.4 mouse ke news terdapat pada 5. Halaman Guest book Nama program : Guest book : Guest book.php tentang pengisian 299
komentar-komentar dari pengunjung website. Bentuk Tampilan : Lampiran C.5 mouse ke guest book lalu klik kemudian isikan komentar anda setelah itu klik comment. 6. Halaman Contact Us Nama program : Contact Us : Contactus.php tentang contact perusahaan dapat dihubungi. Bentuk Tampilan : Lampiran C.6 mouse ke contact us terdapat pada 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 berbentuk suatu sistem komputer dan peralatan lainnya 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 board : 920 Mouse : Standard Mouse Printer : Inkjet 2. Perangkat Lunak () Adalah komponen dalam data processing system berupa program-program dan teknik lain untuk mengontrol sistem. 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 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 dilakukan dengan penyebaran brosur belum efisien dan efektif. 2. Kurangnya informasi diberikan oleh Sinar Mutiara Motor kepada masyarakat. 300
3. Tidak adanya sarana 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. Kurniawan, Budi. 2007. Desain Web Menggunakan HTML dan CSS. Yogyakarta : Andi. Nugroho, Bunafit. 2008. Seri Panduan Lengkap Adobe Dreamweaver CS3 Yogyakarta: Gaya. Syafrizal, Melwin. 2005. Pengantar Jaringan Komputer. Yogyakarta: Andi Offset Komputindo. Hidayatullah, Taufik. 2009. 45 menit belajar photoshop. Yogyakarta: kom. 301