PERANCANGAN SITUS WEB DISTRO BROTHER SEBAGAI MEDIA PERIKLANAN Fahru Rozi, Fajrilah, Rahmat Aulia. Jurusan Teknik Informatika Sekolah Tinggi Teknik Harapan Medan Jl. HM Jhoni No 70 Medan, Indonesia
[email protected],
[email protected],
[email protected]
Abstrak Keberadaan situs web menjadi penting karena aksebilitas dan fungsionalitasnya yang nyaris tanpa batas. Pada saat ini telah banyaknya bermunculan bisnis dalam penjualan pakaian yang membuat semakin ketatnya persaingan. Distro brother adalah toko online penjualan pakaian. Tujuan dari perancangan situs web distro brother adalah memudahkan produk-produk yang dijual dipublikasikan kepada masyarakat, serta menarik masyarakat dengan iklan produk yang ditawarkan, sedangkan manfaat dibuatnya situs web distro brother agar masyarakat atau pelanggan distro lebih mudah untuk mengetahui produk terbaru dari dalam distro dan bermanfaat bagi mereka yang ingin membeli produk tersebut dengan sistem online. Pada perancangan website ini menggunakan metode waterfall, metode ini merupakan metode yang sering digunakan oleh penganalisa sistem pada umumnya. Inti dari metode waterfall adalah pengerjaan dari suatu sistem dilakukan secara berurutan atau secara linear. Jadi, implikasi yang didapat dari perancangan situs web distro brother adalah meningkatnya hasil penjualan pakaian pada distro brother. Kata Kunci : Web distro brother, periklanan Abstract The existence of a website is important because of accessibility and functionality are almost without limit. At this time many businesses have sprung up in the sale of clothing made of increasing competition. Distro brother is an online store selling clothes. The goal of designing a website is easy distro brother sold the products published to the public, as well as attracting people with advertising products offered, while benefiting brother made a website so that the public distribution or distro customers easier to find out the latest products from the distro and rewarding for those who want to buy the product with online systems. In designing this website using the waterfall method, this method is a method frequently used by the analyzer system in general. The essence of the method is the construction of a waterfall system is done sequentially or linearly. Thus, the implications are obtained from the website design distro brother is increasing the sales of clothing on distributions brother. Key Word: Brother distro web, advertising
1.
Pendahuluan
Perkembangan teknologi informasi seperti internet, telah memungkinkan adanya keberadaan medium dengan potensi audio visual serta interektivitas dalam alur berkomunikasi yakni situs web. Situs web merupakan kumpulan halaman digital yang memiliki suatu tujuan dengan penerapan perancangan audio visual dan interektivitas didalamnya. Perancangan situs web tidak bisa lepas dari tujuan untuk apa situs web tersebut dirancang, baik itu memberikan informasi atau tujuan bisnis. Keberadaan situs web menjadi penting karena aksebilitas dan fungsionalitasnya yang nyaris tanpa batas. Pada saat ini telah banyaknya bermunculan bisnis dalam penjualan pakaian yang membuat semakin ketatnya persaingan. Distro brother yang merupakan toko yang menjual banyak jenis pakaian, yang ingin terjun dalam dunia bisnis persaingan
penjualan pakaian distro. sampai saat ini belum adanya promosi yang dilakukan oleh distro tersebut, sehingga membuat toko itu kurang begitu dikenal. Untuk itu diperlukan suatu perancangan web sebagai media periklanan, agar memudahkan produk – produk yang dijual untuk dipublikasikan kepada masyarakat serta menarik masyarakat dengan iklan produk yang ditawarkan. Dengan adanya situs web sebagai media periklanan, membantu pelanggan atau masyarakat umum lebih mudah untuk mengetahui produk yang terbaru dari distro serta membantu pelanggan yang ingin membeli produk yang ada dalam distro dengan sistem online. Batasan masalah pada pembahasan ini adalah : a. Media periklanan ini dibuat dalam bentuk web. b. Perancangan situs web ini hanya digunakan untuk informasi harga dan jenis pakaian hingga lokasi Distro tersebut.
c.
Dalam penelitian ini menggunakan bahasa pemrograman PHP dan database MySQL yang terkemas dalam xampp
1.1 Website/Situs web Website atau situs web adalah Sejumlah halaman web yang memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas gambar,video, atau berkas lainnya. Suatu situs web akan dikenal dengan cepat apabila informasi yang disajikan selalu up-to-date dan lengkap. Perlu disadari juga bahwa untuk melakukan up-to-date merupakan suatu permasalahan yang tidak mudah untuk dilakukan penambahan atau pengubahan data yang akan disajikan [ 3 ] 1.2 Periklanan Periklanan adalah penggunaan media bayaran oleh seorang penjual untuk mengkomunikasikan informasi persuasif tentang produk (ide,barang,jasa) ataupun organisasi dan merupakan alat promosi yang kuat. Strategi periklanan pada e-commerce (internet) merupakan proses 5 tahap, yang dikenal dengan 5M yang terdiri dari penetapan tujuan (mission), keputusan tentang anggaran (money), keptusan tentang anggaran (money), keputusan pesan (message), penerapan media (media) dan evaluasi mengenai kampanye (measurement). [ 1 ] Metodologi Penelitian Metode pengembangan software yang diperkenalkan oleh Winston Royce pada yang sederhana dengan aliran sistem yang linier sampai keluaran dari tahap sebelumnya merupakan masukan untuk tahap berikutnya. Pengembangan dengan model ini adalah hasil adaptasi dari pengembangan perangkat keras karena pada waktu itu belum terdapat metodologi pengembangan perangkat lunak yang lain. Proses pengembangan yang sangat terstruktur ini membuat potensi kerugian akibat kesalahan pada proses sebelumnya sangat besar dan acap kali mahal karena membengkaknya biaya pengembangan ulang. [ 2 ]
2.2 Perancangan sistem Tujuan utama dari perancangan sistem secara umum adalah memberikan gambaran tentang yang akan dibangun serta memahami alur informasi dan proses yang ada dalam sistem. 2.3 Rancangan database Dengan tujuan informasi yang dihasilkan akurat dan sesuai yang diharapkan. Pada perancangan database website distro brother ini menggunakan model basis data relational atau sering disebut ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi. ERD untuk memodelkan struktur data dan hubungan antar data, untuk menggambarkan digunakan beberapa notasi dan simbol. 2.4
Perancangan tabel Dalam perancangan beberapa tabel yaitu : 1. Tabel Kategori
ini,
terdapat
Tabel ini berisikan data kategori produk, adapun struktur tabelnya adalah sebagai berikut :
No
Nama Field
Type
Lebar
Keterangan
1
Id_Kategori
Int
5
Id order
2
Nm_Kategori
Int
5
Id produk
3
Jumlah
Char
5
Jumlah
2.
2.1 Analisis sistem Analisis sistem yang bertujuan untuk mengindentifikasi permasalahan-permasalahan yang ada pada sistem dimana aplikasi dibangun yang meliputi perassngkat lunak (software), pengguna (user) serta analisis terhadap sistem elemen-elemen yang terkait.
sistem
Tabel 1.1 Tabel kategori 2.
Tabel order Tabel ini berisi data order detail, adapun struktur tabelnya adalah sebagai berikut : No
Nama Field
Type
Lebar
Keterangan
1
Id_orders
Int
5
Id order
2
Id_produk
Int
5
Id produk
3
Jumlah
Char
5
Jumlah
4
Status_order
Int
5
Id produk
5
Tgl_order
Char
5
Jumlah
6
Jam_order
Char
5
Jumlah
Tabel 1.2 Tabel Order 3.
Tabel order details Tabel ini berisi data order detail, adapun struktur tabelnya adalah sebagai berikut :
No
Nama
Type
Lebar
Keterangan
Field 1
Id_orders
Int
5
Id order
2
Id_produk
Int
5
Id produk
3
Jumlah
Char
5
Jumlah
2.7 Use Case Diagram Berdasarkan dari deskripsi kegiatan yang dilakukan oleh aktor, maka dapat digambarkan dengan use case diagram. Secara lengkap dapat dilihat pada gambar berikut :
Tabel 1.3 Order detail 2.5 Algoritma Algoritma adalah cara yang dapat ditempuh oleh komputer dalam mencapai suatu tujuan, terdiri atas langkah-langkah yang terdefenisi dengan baik, menerima input, melakukan proses, dan menghasilkan output [ 4 ] 2.6 Flowchart sistem distro Sistem bagaimana membangun atau merancang sistem distro brother sebagai media periklanan.dapat diterangkan pada flowchart. Berikut flowchart distro brother :
Gambar 3.3. Use case Diagram Distro 2.8 Activity Diagram Sistem bagaimana membangun atau merancang sistem distro brother sebagai media periklanan dapat diterangkan pada activity diagram. Untuk penjelasan lebih lanjut tentang activity diagram sistem ini akan dibahas masing-masing antara lain, yaitu :
Gambar 3.2. Flowchart sistem distro brother
1. Activity Brother
Diagram
Melihat
Profil
Distro
Gambar 3.7. Interface distro brother
3.1 Perancangan Input Adapun tabel data yang dapat dilihat pada spesifikasi berikut ini : Gambar 3.4 Activity diagram melihat profil distro brother 2.
1.
Desain input kategori
Activity Diagram Melihat Produk Distro Brother
Gambar 3.8. Desain input kategori 2.
Gambar 3.5 Activity Diagram Melihat Produk Distro Brother 3. Perancanagan Interface Pada tahap ini adalah perancangan atau konsep pembuatan suatu tampilan pada website distro brother .
Desain input data produk
Gambar 3.9. Desain input data produk
3.
Desain data pelanggan
Gambar 3.10. Desain data pelanggan
3.2 Perancangan output Rancangan output bertujuan untuk memperjelas bentuk keluaran dari program yang dirancang. 4. Hasil dan pembahasan 4.1 Implementasi Tahapan ini dillakukan setelah dan perancangan selesai dilakukan dan selanjutnya akan diimplementasikan kedalam bahasa pemrograman. Setelah implementasi maka dilakukan pengujian terhadap aplikasi. Aplikasi yang telah dibangun akan diimplementasikan untuk mengetahui apakah system tersebut dapat berjalan sesuai tujuannya atau tidak. 4.2 Kebutuhan perangkat keras Spesifikasi perkiraan kebutuhan perangkat keras yang akan dipakai adalah : a. b. c. d. e.
system
Processor intel core i3 Harddisk 320 GB RAM 1 GB VGA Intel Graphic Media Accelerator HD Mouse Lexron Mouse Optical USB
4.3 Spesifikasi Perangkat Lunak a. Sistem operasi yang digunakan adalah windows 7. b. Program-program yang disusun dengan menggunakan PHP, MySQL sebagai database, apache sebagai server dan flash untuk animasi intro. c. Adobe dreamweaver cs5 dan notepad untuk editor program. d. Browser Mozilla dan opera. 4.4 Implementasi Basis Data Pembuatan basis data dilakukan dengan menggunakan bahasa SQL, dimana aplikasi pemrograman yang digunakan adalah MySQL. Implementasi basis datanya adalah sebagai berikut :
Gambar 4.1. Pembuatan tabel
4.5 Implementasi Program Pada tahapan ini akan diterangkan secara singkat implementasi program atau pembuatan program dengan menggunakan bahasa pemrograman php. Berikut listing program koneksi.php yang digunakan untuk mengkoneksikan ke database :
or
4.6 Pengujian sistem Sebelum program diterapkan, maka program harus terlebih dahulu dari kesalahan-kesalahan, oleh sebab itu program harus diuji coba untuk menemukan kesalahan-kesalahan yang mungkin dapat terjadi, pengujian ini menggunakan black box.
4.7 Pengujian Black-Box Pengujian Black-box berfokus pada persyaratan fungsional perangkat lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan semua persyaratan fungfsional untuk suatu program. Pengujian ini bukan merupakan alternative dari teknik white-box, tetapi merupakan pendekatan komplementer yang kemungkinan besar mampu mengungkap kelas kesalahan dari pada white-box. Pengujian ini berusaha menemukan kesalahan dalam kategori sebagai berikut : a. b.
Fungsi-fungsi yang tidak benar atau hilang. Kesalahan interface.
c. d. e.
Kesalahan dalam struktur data database eksternal. Kesalahan kinerja. Inisialisasi dan kesalahan terminasi.
akses
4.7. Penggunaan Program Pada tahap ini antar muka yang dibuat pada tahap perancangan diimplementasikan menjadi bentuk halaman web yang dibangun dengan menggunakan perangkat lunak yang disebutkan pada spesifikasi perangkat lunak. Adapun bentuk halaman web hasil impementasi tersebut disajikan sebagai berikut : A. Menu Intro Pada menu intro ini menampilkan sebuah animasi flash dari web.
Gambar 4.3. Menu halaman home C. Menu halaman pfofil Pada halaman profil ini berfungsi menampilkan informasi dan lokasi pada distro.
Gambar 4.2 Menu Intro Berdasarkan gambar 4.2 Menu intro, sebelum masuk kehalaman website kita akan melihat animasi tampilan dari foto-foto produk. B. Menu utama user Pada halaman home ini menampilkan tampilan awal dari web.
Gambar 4.4 Menu halaman profil Berdasarkan gambar 4.4 Menu halaman profil, pengunjung web dapat melihat informasi kapan berdirinya distro serta lokasi dari distro tersebut. D. Antar muka halaman cara pembelian Pada halaman cara pembelian ini berfungsi untuk menampilkan bagaimana prosedur cara pembeli produk pada distro brother. Berikut ini gambar 4.5 tampilkan dari halmaan cara pembelian .
Gambar 4.5 Halaman cara pembelian Gambar 4.7 Halaman hubungi kami Berdasarkan gambar 4.5 Antar muka halaman cara pembelian, akan ditampilkan sebuah kotak yang berisi petunjuk prosedur cara pembelian didistro brother. E.
Antar muka halaman semua produk
Pada halaman semua produk ini akan menampilkan semua produk yang ada secara lengkap. Berikut gambar 4.6 antar muka halaman semua produk :
Berdasarkan gambar 4.7 Antarmuka halaman hubungi kami atau buku tamu, pengunjung website dapat member saran ataupun kritikan, dengan harus mengisi data input yang disediakan. Agar data dari pemberi saran lebih jelas untuk diketahui. G.
Antar muka halaman keranjang belanja
Pada halaman keranjang belanja ini akan menampilkan produk yang sedang dibeli. Berikut tampilan dari halaman keranjang belanja berikut :
Gambar 4.6 antarmuka halaman semua produk Berdasarkan gambar 4.6 Antarmuka halaman semua produk, akan ditampilkan gambar keseluruhan produk yang dijual dan dipromosikan. F. Antarmuka halaman hubungi kami Pada halaman hubungi kami/buku tamu, ini berfungsi untuk customer yang ingin memberikan saran atau ide.
Gambar 4.8 halaman keranjan belanja Berdasarkan gambar 4.8 halaman keranjang belanja. Pengunjung website dapat melihat produk mana saja yang sudah dibeli.
H. Menu utama admin Halaman ini merupakan halaman admin untuk melakukan berbagai macam pengelolaan data yang ada didalam database. Admin dapat mengubah dan melakukan penglolaan data. Berikut tampilan dari halaman menu distro brother :
Gambar 4.9 Menu utama admin Berdasarkan gambar 4.9 Menu utama admin, administrator/admin dapat mengelola data yang terdapat pada website. Seperti penambahan produk, hapus produkk yang ditampilkan diwebsite.
4. Kesimpulan Setelah melakukan semua tahapan penelitian maka sistem yang dibuat sudah mampu menangani kebutuhan seperti yang tercantum dirumusan masalah, yaitu bagaimana merancang situs web distro brother sebagai media periklanan. Berdasarkan penelitian ini antar lain identifikasi masalah, langkah-langkah yang digunakan dalam penelitian ini antara lain indentifikasi masalah, analisa sistem, perancangan, uji coba, dan implementasi.
5. Daftar Pustaka [1.] Suyanto,m. Strategi periklanan pada ecommerce perusahaan top dunia.Andi,yogyakarta. [2.] Saluky,2013.Pengembangan software dengan metode http://waterfall.www.etunas.com/web/penge mbangan-software-dengan-metodewaterfall.htm (Diakses 9-02-2013)
[3.] YM Kusuma Ardhana,2012.Dengan PHP, membuat website 30 Juta rupiah.Jasakom,Jakarta. [4.] Yusuf, 2011.Algoritma.http://eportofolio.smk N5solo.net/yusufak/2011/08/03/algoritma/ ( Diakses 9-02-2013)
