MERANCANG WEBSITE UNTUK MENGELOLA INFORMASI SEBUAH
SHOWROOM MENGGUNAKAN WORDPRESS
Yuce Yuliani
Fakultas Ilmu Komputer, Program Studi Sistem Informasi Universitas Gunadarma Jalan Margonda Raya No. 100 Depok
_____________________________________________________________________________
ABSTRAKSI
Sarana promosi sebuah showroom motor dapat dilakukan dengan memanfaatkan Website dimana website ini menyajikan informasi tentang mobil yang dijual pada showroom motor. Melihat kondisi yang sedang terjadi sekarang yang dimana diberlakukan nya PSBB pada kota-kota besar yang mengharuskan masyarakat berdiam diri dirumah. Hal tersebut menyebabkan showroom motor mengalami penurunan penjualan unit nya sehingga pembuatan website ini bertujuan sebagai solusi agar calon pembeli tetap mendapatkan informasi yang dibutuhkan mengenai unit yang dijual tanpa harus keluar rumah. Penulis tertarik memilih tema penulisan dari masalah tersebut. Rancangan Website yang dibuat menyajikan informasi unit yang dijual menggunakan Content Management System (CMS) karena mudah dalam pengelolaan isi (content) dan dapat di modifikasi sesuai kebutuhan serta bentuknya yang sederhana dan user friendly. Untuk proses pembaharuan dapat dilakukan dengan cepat sehingga menjamin efisiensi informasi yang ditampilkan. Diharapkan website ini dapat menaikkan angka penjualan pada showroom majujaya motor dan memperluas jangkauan penjualan unitnya.
PEMBAHASAN
Teknologi informasi saat ini sangat bermanfaat bagi masyarakat karena kebutuhan masyarakat yang semakin tinggi. Masyarakat dapat berbelanja atau melakukan transaksi secara online yaitu dengan memanfaatkan teknologi informasi, seperti belanja kebutuhan premier dan kebutuhan sekunder bahkan dapat sebagai kegiatan untuk menyalurkan kegemaran atau hobi.
Salah satu bentuk teknologi informasi tersebut adalah dengan memanfaatkan website sebagai penyedia jasa atau sebagai company profile yang dapat menunjang dan memiliki daya tarik lebih untuk menarik pasar dan konsumennya agar memakai jasanya
Website merupakan keseluruhan halaman web yang mengandung informasi yang sangat besar yang terdapat dalam sebuah domain. Informasi yang ada di dalam web dipresentasikan ke dalam sebuah halaman web yang terbentuk dari sekumpulan teks, grafik, gambar, suara, dan video.
Pembuatan website Showroom motor ini diperlukan suatu rancangan yang informatif dan mudah digunakan oleh calon pembeli. Website ini menyediakan informasi mengenai mulai dari spesifikasi mobil, kontak showroom, syarat pengajuan kredit perorangan maupun perusahaan dan alamat showroom.
Dengan dibuatnya website ini diharapkan calon pembeli lebih memahami tentang mobil yang akan dibelinya dengan cukup melihat website ini, selain memberikan informasi seputar pembelian mobil, website ini juga dilengkapi dengan video review pada setiap unit nya yang terintegrasi dengan youtube.
PERANCANGAN SISTEM
Perancangan sistem ini meliputi beberapa hal seperti Use case, perancangan activity diagram, struktur navigasi dan perancangan tampilan website showroom motor.
Use Case Diagram Admin
Login : admin harus login dulu menginputkan username dan password.
Tambah Produk : Admin memasukkan/menginputkan produk-produk yang akan ditampilkan.
Edit Produk : Admin mengedit data produk yang salah dengan produk yang benar. Lihat detail produk : Admin melihat detail produk, sudah benar atau belum.
Logout : Keluar dari sistem website. Use Case Diagram User
Gambar 2 Use Case Diagram User
Mobil yang tersedia, dapat memilih mobil yang tersedia di showroom Daftar harga, melihat harga daftar harga unit pada website
Spesifikasi unit, mendapatkan informasi mengenai unit yang dipilih Video Review, menonton video review yang terintegrasi dengan
youtube.
Kontak showroom, mendapat informasi mengenai kontak showroom.
Activity Diagram Admin
Activity diagram admin dapat ditunjukan pada gambar 3
Diagram admin untuk masuk kedalam website sebagai admin, maka admin harus login dengan cara memasukkan username dan password pada form login, kemudian sistem akan melakukan pengecekan apakah username dan password yang dimasukkan sudah sesuai atau belum. Jika belum maka akan kembali ke halaman form login dan jika username dan password sudah benar maka akan muncul halaman dashboard.
Activity Diagram User
Activity diagram user ditunjukan pada gambar 4
Gambar 4 Activity Diagram User
Activity diagram user menjelaskan ketika user membuka website maka akan tampil halaman utama. Ketika user memilih daftar harga maka akan tampil harga dari seluruh unit. Ketika user memilih kontak showroom maka akan tampil informasi kontak dari showroom. ketika user memilih syarat kredit maka akan tampil syarat-syarat untuk pengajuan kredit. ketika user memilih download
pricelist maka akan tampil halaman printout dari daftar harga. ketika user memilih
home maka akan tampil halaman utama website.
Struktur Navigasi
Proses perancangan website dibutuhkan struktur navigasi untuk mendeskripsikan isi dari website dan alur jalannya website tersebut. Struktur navigasi pada website ini terdiri dari struktur navigasi campuran hirarki dan linier pada tampilan admin dan struktur navigasi hirarki pada tampilan user.
Struktur Navigasi Admin
Struktur navigasi admin ditunjukan pada gambar 5
Gambar 5 Struktur Navigasi Admin
Struktur navigasi admin menjelaskan ketika admin berhasil login, maka admin dapat mengubah tampilan dan isi informasi pada website.
Struktur Navigasi User
Struktur navigasi admin ditunjukan pada gambar 6
Gambar 6 Struktur Navigasi User
Pada gambar struktur navigasi user menjelaskan ketika user masuk pada halaman utama website user dapat memilih menu daftarharga, kontak showroom, syarat pembelian unit dan mobil.
Perancangan Tampilan website
Dalam setiap halaman website akan disajikan berbagai infromasi yang dibutuhkan konsumen sebelum membeli mobil mulai dari harga sampai video review dari mobil tersebut.
Rancangan halaman utama website
Gambar 7 Rancangan Halaman Home Rancangan halaman daftar harga
Gambar 8 Rancangan Halaman Price List
Rancangan Halaman kontak showroom
Rancangan Halaman syarat pembelian unit
Gambar10 Rancangan Halaman Syarat Pembelian
Rancangan Halaman Mobil
Gambar 11 Rancangan Halaman Mobil
Rancangan Halaman Download Pricelist
Gambar 12 Rancangan Halaman Pricelist
Pembuatan Website
Pembuatan website dilakukan bedasarkan rancangan tampilan yang telah dibuat sebelum nya. Pada tahapan ini menampilkan tiap-tiap halaman yang tersedia dalam
website. pembuatan website ini penulis menggunakan tema dasar dari theme-id.com. berikut langkah-langkah pembuatan nya.
1. Membuka wordpress admin dengan alamat
https://showroom.masuk.web.id/wp-admin/.
Gambar 13 Halaman Tema
Masuk kedalam menu appearance-theme lalu add theme dan pilih upload tema dan masukkan file tema yang telah didownload.
Gambar 14 Halaman Tema Active
2. halaman “widget” menambahkan logo dan moto pada bagian side bar dengan cara drag & drop widget yang telah tersedia.
3. mengganti nama pada menu pada website, pilih “appearance”,”menu”
Gambar16 Halaman Merubah Nama Menu
Setelah selesai merubah nama pada halaman menu pilih “save menu” yang berada pada pojok kanan bawah.
4. Selanjutnya memilih “appearance” , ”theme options”, pada theme editor ini terdapat styling,slider,home,data,googlemaps,kontak,ads.
Gambar17 Halaman Slider
Pada pilihan slider menupload gambar beberapa mobil sebagai banner bergerak pada halaman website.
Gambar 18 Halaman Styling
Pada halaman styling merubah warna pada menu,navigasi,header dan backround sesuai yang dinginkan.
Gambar 19 Halaman Home
menampilkan halaman home sebagai ucapan selamat datang dan deskripsi singkat mengenai unit yang dijual showroom pada halaman home web.
Gambar 20 Halaman Data
5. memilih “pages” untuk memberikan informasi kedalam menu yang sudah buat sebelum nya yaitu,kontak showroom,pricelist dan syarat pembelian unit.
6. Untuk menambahkan mobil pada yang ditampilkan pada website memilih “mobil” , “add new mobil”
Gambar 22 Halaman Mobil
pilih update pada tombol yang berada pada kanan atas untuk save data. Hosting Website
Web hosting adalah layanan online untuk mengonlinekan website atau aplikasi web di internet. Ketika Anda membeli dan mendaftar di suatu layanan hosting, pada dasarnya kita sedang meminjam space di server, tempat menyimpan semua file dan data yang dibutuhkan oleh website agar dapat bekeja sepenuhnya. Data yang dimasukkan dapat berupa file, gambar, script, aplikasi, dan database. Untuk melakukan hosting dibutuhkan jasa penyedia domain seperti akses jasa penyedia domain idcloudhost https://idcloudhost.com/.
Instal Wordpress
Gambar 23 Halaman Instal Wordpress
Setelah itu klik install now untuk menginstal aplikasi Wordpress CMS pada domain yang sudah kita beli. Setelah selesai menginstal kita akan masuk kehalaman wordpress
PENUTUP
Merancang pembuatan website showroom motor dengan sistem online menggunakan wordpress dapat membantu meningkatkan penjualan serta memperluas cakupan konsumen showroom motor dan akan lebih baik untuk mengembangkan website showroom motor yang saat ini hanya dapat berfokus pada penyediaan informasi saja bagi calon pembeli, untuk bisa mengembangkan website ini dengan menambahkan fitur pelengkap seperti pembelian unit secara online & penambahan fitur hitung kredit.
DAFTAR PUSTAKA
Bunafit Nugroho. 2013. Dasar Pemograman Web PHP – MySQL dengan
Dreamweaver. Yogyakarta : Gava Media
Connolly, T., Begg, C. 2010. Database Systems: a practical approach to design,
implementation, and management. 5th Edition. America:Pearson Education
Luqman. 2012. Aplikasi Web Sistem Informasi Penjualan Pada Khazanah
Ponsel Yogyakarta. Yogyakarta : Sekolah Tinggi Manajemen Informatika Dan
Komputer Amikom
Yenda Purbadian. 2016. Trik Cepat Membangun Aplikasi Berbasis Web
dengan Framework CodeIgniter. Yogyakarta: Andi Offset
Yeni Kustiyahningsih dan Rosa devie Amanisa.2010. Pemrograman Basis Data