MEMBANGUN WEBSITE SEBAGAI MEDIA PROMOSI PADA UD.RAINBOW BALI IRON WORK
Naskah Publikasi
diajukan oleh Aga Pribadi 07.11.1428
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012
BUILD A WEBSITE AS A MEDIA PROMOTION IN UD.RAINBOW BALI IRON WORK MEMBANGUN WEBSITE SEBAGAI MEDIA PROMOSI PADA UD.RAINBOW BALI IRON WORK Aga Pribadi Ema Utami Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA ABSTRACT The Internet is a medium of information very quickly and efficiently in providing information to users as possible regardless of space, distance and waktu.Salah a suitable medium for that is the www (world wide web). Application site is one way of delivering the information in the form of visual media. Taken thesis title is "Building a Website For Media Promotion in UD.Rainbow Bali Iron Work". The technology is in use, among other uses PHP as a programming language, My SQL database, CSS, Javascript and JQuery. Its features include merging PHP and JQuery that makes the website more interesting and interactive as well as the use of shopping carts if you will allow visitors to order certain goods Keywords: Web, information, promotion, PHP, MySQL
1.
Pendahuluan Perkembangan teknologi informasi menuntut manusia untuk
mampu
memanfaatkannya dengan tepat. Teknologi informasi dapat digunakan untuk mempermudah memenuhi kebutuhan akan informasi dengan cepat dan akurat. Dengan teknologi berbasis web atau internet maka batasan ruang dan waktu, seolaholah tidak lagi menjadi kendala. Internet adalah sebuah perkembangan revolusiner untuk mengelola operasi perusahaan. Teknologi Internet memungkinkan adanya integrasi sistem informasi internal tradisional dan juga peningkatan komunikasi antar organisasi. Sistem berbasis internet menyatukan aktivitas desain, manufaktur, pengiriman, penjualan dan layanan purna jual. Internet telah membentuk ulang pola berpikir dalam bisnis memberikan manfaat bagi pelanggannya, berinteaksi dengan para pemasok dan mengelola karyawannya. Kelebihan utama internet adalah kecepatan, para manajer mampu membuat keputusan dengan informasi yang lebih baik dengan waktu jauh lebih cepat dari sebelumnya. E-Commerce adalah adalah pemanfaatan internet dalam pemasaran produk ataupun jasa bagi perusahaan maupun perseorangan, mulai dari usaha kecil, menengah sampai kelas atas. Dengan E-Commerce, informasi produk ataupun jasa yang ditawarkan sudah berskala dunia, karena E-Commerce berjalan di internet. Rainbow bali Iron Work, adalah perusahaan yang berkantor pusat di kota Denpasar Bali. Banyak konsumen dari wisatawan luar negeri.Selama ini pelanggan hanya dapat pesan melalui telepon, email ataupun dating langsung ke showroom Rainbow Bali Iron Work di seminyak Bali.Pemanfaatan E-Commerce pada perusahaan Rainbow Bali Iron Work, akan dapat meningkatkan pelayanan dan penjualan di masa datang. Maka dari itu penulis berinisiatif membuat media promosi dan penjualan yang lebih efektif dan tepat guna. Sehingga para pembeli ataupun palanggan domestik yang tidak bisa datang ke Bali pun bisa bertransaksi secara online dengan melihat produk yang ingin dibeli tanpa harus datang ke showroom Rainbow Bali Iron Work. Uraian tersebut diatas menjadi latar belakang penulis untuk memilih judul skripsi yaitu “Membangun Website Sebagai Media Promosi pada UD. Rainbow Bali Iron Work”.
2.
Landasan Teori 2.1 Tinjauan Pustaka Tinjauan Pustaka mempunyai arti: peninjauan kembali pustaka-pustaka yang terkait (review of related literature). Sesuai dengan arti tersebut, suatu tinjauan pustaka berfungsi sebagai peninjauan kembali (review) penelitian tentang masalah yang berkaitan dan tidak selalu harus tepat identik dengan bidang permasalahan yang dihadapi tetapi termasuk pula yang seiring dan berkaitan (collateral). 2.2 Dasar Teori Istilah sistem sangat populer belakangan ini. Sistem digunakan untuk mendeskripsikan banyak hal, khususnya untuk aktifitas-aktifitas yang diperlukan untuk pemrosesan data. Definisi sistem berkembang sesuai denga konteks 1
dimana pengertian sistem itu digunakan.
Untuk memahami atau mengembangkan suatu sistem, maka perlu membedakan unsur-unsur dari sistem yang membentuknya. Berikut adalah karakteristik sistem yang dapat membadakan suatu sistem dengan yang sistem lainnya.
2
2.3 Konsep Dasar Informasi Informasi adalah salah satu jenis utama sumber daya yang tersedia bagi manager sistem informasi yang apabila dikelola akan merupakan suatu modal utama dalam pengelolaan data suatu organisasi. Informasi juga didefinisikan sebagai data yang diolah menjadi sebuah bentuk yang berarti bagi penerimanya, dan bermanfaat untuk pengambilan keputusan.
3
Sumber suatu informasi adalah data. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata. Kejadian nyata adalah sesuatu yang terjadi pada saat tertentu. Kesatuan nyata adalah berupa suatu obyek nyata, seperti tempat, benda, dan orang yang benar-benar ada dan terjadi. Istilah data dan informasi sering digunakan secara bergantian dan saling tertukar, meskipun kedua istilah ini sebenarnya merujuk pada masing-masing konsep yang berbeda. Data merupakan bahasa, mathematical, dan simbolsimbol pengganti lain yang disepakati oleh umum dalam menggambarkan obyek, manusia, peristiwa, aktifitas, konsep, dan obyek-obyek penting lainnya. 1
Hanif Al Fatta, “Analisis dan Perancangan Sistem Informasi”2007,hal. 3 Ibid. hal 5 3 Subaryono,“Sistem Informasi Geografis”hal. 2 2
Singkatnya, data adalah suatu kenyataan apa adanya (raw fact). Sedangkan informasi adalah data yang ditempatkan pada konteks yang penuh arti oleh penerimanya.
4
2.4 Konsep Dasar Sistem Informasi Sistem informasi merupakan sistem dengan komponen-komponen yang bekerja untuk mengolah data menjadi informasi.
5
Sistem informasi juga didefinisikan sebagai suatu sistem manusia atau mesin yang terpadu (integrated) untuk menyajikan informasi guna mendukung fungsi operasi, manajer, dan pengambilan keputusan dalam sebuah organisasi. Sistem ini menggunakan perangkat keras (hardware), perangkat lunak (software) komputer, prosedur, pedoman, model manajemen dan keputusan, dan sebuah database. Selain itu sistem informasi adalah sebuah rangkaian prosedur formal dimana data dikelompokkan, diproses menjadi informasi, dan didistribusikan kepada pemakai/user. 2.5 Basis Data Konsep mengenai basis data dapat dipandang dari beberapa sudut, dari sisi sistem, basis data merupakan kumpulan tabel-tabel yang saling berelasi. Dari sisi manajemen, basis data dapat dipandang sebagai kumpulan data yang memodelkan aktivitas-aktivitas yang terdapat didalam unsur enterprise-nya. Basis data mengandung pengertian kumpulan data non-redundant yang dapat digunakan bersama (shared) oleh sistem-sistem aplikasi yang berbeda. Dengan kata lain, basis data adalah kumpulan data-data (file) non-redundant yang saling terkait sama lainnya, dinyatakan oleh atribut-atribut kunci dari tabel-tabelnya atau struktur data dan relasi-relasi di dalam usaha membentuk bangunan informasi yang penting (enterprise).
6
2.6 Pemodelan Data 2.6.1 Data Flow Diagram Diagram aliran data/data flow diagram (DFD) adalah sebuah teknis grafis yang menggambarkan aliran informasi dan transformasi yang diaplikasikan pada saat data bergerak dari input menjadi output. DFD juga dikenali sebagai grafik
4
Hanif Alfatta, “Analisis dan Perancangan Sistem Informasi”2007, hal. 9 Hanif Al Fatta, hal. 14 6 Abdul Kadir,”Pengenalan Sistem Informasi”2003 5
aliran data atau bubble chart. DFD dapat digunakan untuk menyajikan sebuah sistem atau perangkat lunak pada setiap tingkat abstraksi.
7
2.6.2 Entiti Relationship Diagram Entiti Relationship Diagram (ERD) adalah gambar atau diagram yang menunjukkan informasi dibuat,
disimpan, dan digunakan dalam
sistem
bisnis.Entitas biasanya menggambarkan jenis informasi yang sama. Dalam entitas
digunakan
untuk
menghubungkan
menunjukkan hubungan antar data.
antar
entitas
yang
sekaligus
8
Hubungan Entitas pada dasarnya adalah diagram yang memperlihatkan entitas-entitas yang terlibat dalam suatu sistem serta hubungan-hubungan (relasi) antar entitas tersebut. Tekanan utama pada ERD adalah tabel-tabel yang merepresentasikan entitas-entitas serta tabel-tabel yang merepresentasikan relasi antar entitas itu sendiri. ERD berfokus pada data (sehingga memuaskan prinsip pertama analisis operasional), dengan menunjukkan jaringan data yang ada untuk suatu sistem yang diberikan. ERD sangat berguna bagi aplikasi dimana data dan hubungan yang mengatur data sangatlah kompleks. Tidak seperti diagram aliran data, pemodelan data melihat data secara independen dari pemrosesan yang mentransformasikan data tersebut.
9
2.7 Perangkat Lunak yang Digunakan 2.7.1 Macromedia Dreamweaver Macromedia Dreamweaver 8 adalah editor HTML profesional untuk merancang, mengkodekan, dan mengembangkan wibesites, halaman web, dan aplikasi web. Pengguna bisa melakukannya secara manual untuk coding HTML ataupun mengerjakannya dalam lingkungan editing visual. Dreamweaver menyediakan tool yang sangat menolong untuk meningkatkan pengalaman dalam menciptakan web. Visual editing feature di Dreamweaver memungkinkan pengguna dengan cepat menciptakan halaman tanpa menulis satupun baris kode. Pengguna dapat memandang semua asset atau unsur-unsur lokasi dan menyeretnya dari suatu panel easy-to-use secara langsung ke dalam suatu dokumen. Dreamweaver
7
Roger S. Pressman,”Rekayasa Perangkat Lunak”2002,hal. 364-365 Hanif Al Fatta, “Analisis dan Perancangan Sistem Informasi”2007, hal. 121 9 Roger S. Pressman,hal. 360 8
mempunyai fasilitas import gambar atau grafik yang lain ke dalam Dreamweaver secara langsung, atau dengan menambahkan objek Makromedia Flash.
10
2.7.2 Photoshop Photoshop menyediakan grafik yang kaya toolset untuk fotografi digital, produksi percetakan, desain web, dan produksi video. Untuk bekerja dengan foto digital kita bisa melakukan langkah-langkah pengoreksian gambar. Misalnya, memproses file mentah kamera digital di dalam Photoshop untuk mendapatkan banyak kendali dan mutu gambar terbaik dari file ini; mengubah sedikit foto, memindahkan noda debu, dan mengoreksi kekurangan gambar sambil memelihara tonality dan texture. Pengguna dapat dengan cepat memperbaiki mata merah yang disebabkan oleh lampu kilat. Menciptakan foto panorama dengan stitching multiple image bersama-sama. Memanajemen dan preview fotofoto pada suatu digital lightbox menggunakan file browser. Menciptakan suatu contact sheet untuk gambar. Menyajikan foto di dalam suatu digital slideshow. Dengan cepat menciptakan suatu galeri gambar untuk web site yang menggunakan salah satu template halaman yang sudah dirancang.
11
2.8.4 VertigoServer Vertigoserver merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket (Apache, MySQL, PHP, PHPMyAdmin). 3.
Tinjauan Umum 3.1 Profil Perusahaan RainbowBali Iron Work merupakan suatu perusahaan berkembang yang bergerak dibidang penjualan handycraft. RainbowBali Iron Work berlokasi di daerah Seminyak, Kuta Provinsi Bali. Perusahaan ini didirikan oleh H. Agus Salim pada tahun 2000. Pada awal mulanya terjun ke dunia ini Agus, panggilan dari Agus Salim, mempunyai sebuah bengkel las untuk barang – barang yang berbahan dasar besi, dengan di bantu oleh dua orang tenaga kerja. Tamu atau biasa di sebut buyer yang datang ke bengkel tersebut sebagian besar adalah warga negara asing, pada umumnya mereka memesan barang sesuai dengan contoh yang mereka bawa. Dari pengalaman di
bengkel tersebut dan modal yang sudah dirasa
cukup untuk membuka usaha serta di dukung oleh adanya pelanggan dan prospek yang baik kedepan, akhirnya awal tahun 1996 H. Agus Salim memutuskan untuk membuka usaha art shop di Kuta, Bali. Bali adalah pasar yang potensial untuk memasarkan art shop atau kerajinan tangan, karena bali 10 11
Asep Herman Suyanto, hal. 80 Ibid. hal 76
merupakan salah satu tempat tujuan wisata yang ada di Indonesia dan Kuta adalah salah satu tempat yang menyajikan berbagai macam hasil kerajinan tangan atau handy craft yang paling banyak di kunjungi oleh wisatawan baik wisatawan domestik maupun mancanegara Sejak toko ini didirikan H. Agus Salim yang menamai tokonya RainbowBali Iron Work ini mejual kerajinan yang berbahan dasar besi seperti hiasan dinding, lampu hias, aneka furnitur dan barang – barang lainnya yang terbuat dari besi. 3.2 Struktur Organisasi Untuk dapat mencapai visi dan misi yang sudah ditetapkan maka harus didukung oleh suatu sistem organisasi yang baik, dimana ada pembagian tugas yang jelas, kekuasaan, profesionalitas, dan tanggung jawab yang jelas antar masing-masing karyawan , serta pihak-pihak lain yang terlibat di dalamnya. Struktur organisasi RBW adalah sebagai berikut.
Owner
Bag Penjualan
Administrasi
Pengrajin
Kepala Produksi
Packing
Finisher
3.3 Perancangan Sistem 3.3.1 Diagram Konteks Context Diagram merupakan diagram yang menggambarkan aliran data secara garis besar. Diagram ini menunjukkan asal dan arah data pada suatu sistem beserta sumbernya, serta informasi yang dihasilkan sistem beserta tujuannya. melihat/ memanipulasi data
Admin info data/ data yg telah dimanipilasi
melihat barang/ membeli barang
Aplikasi ecommerce UD. RainbowBali
User info data barang
3.3.2 Data Flow Diagram Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi
untuk
menggambarkan
arus
data
dari
sistem
yang
penggunaannya sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. Data Flow Diagram merupakan penjabaran dari context diagram yang telah dibuat. Proses yang terdapat di context diagram dibuat proses yang lebih rinci. 4.
Implementasi dan Pembahsan 4.1 Implementasi Implementasi merupakan kegiatan akhir dari proses penerapan sistem baru yang telah dibuat atau dikembangkan sebelumnya, dimana pada tahapan ini proses pengoperasian sistem yang baru tersebut dilakukan secara menyeluruh untuk menggantikan sistem yang lama. Dengan implementasi ini diharapkan sistem baru yang telah dikembangkan berjalan sesuai dengan harapan. Tahapan implementasi sistem ini meliputi beberapa kegiatan antara lain adalah melakukan ujicoba sistem, melakukan ujicoba program, penjelasan manual program, penjelasan manual instalasi serta pemeliharaan sistem. 4.2 Uji coba Sistem dan Program Ujicoba terhadap sistem dilakukan biasanya setelah pengetesan program. Ujicoba sistem dilakukan untuk memeriksa dan memastikan bahwa komponen-komponen program atau tiap-tiap modul program yang telah dibuat sudah berfungsi sesuai dengan yang diharapkan. Ujicoba sistem termasuk dalam pengetesan program secara menyeluruh. Pada pengetesan program yang sebelumnya telah dilakukan, masing-masing komponen atau modul berjalan dengan benar. Namun hal ini bukan berarti komponen atau modul program tersebut dapat berjalan dengan sempurna dengan program yang lainnya atau
dengan module-module yang lain ketika module tersebut diintegrasikan untuk menjadi satu kesatuan sistem yang utuh. Kumpulan dari beberapa program atau modul yang telah diintegrasikan perlu dilakukan tes kembali untuk mengetahui apakah program dapat menerima input data dengan baik dan memprosesnya dengan baik pula. Ujicoba program dilakukan untuk mengetahui apakan program telah bekerja sesuai dengan yang diinginkan dan terbebas dari kesalahan-kesalahan yang timbul selama proses pembuatan dan penulisan kode-kode program. 4.3 Manual Program 4.3.1 Halaman Utama Halaman indeks atau halaman utama merupakan halaman pembuka dan pertama kali muncul ketika user mengakses situs web ini. Tampilan dari halaman utama pada aplikasi website ini adalah sebagai berikut:
4.3.2 Halaman Daftar Produk Halaman ini menyediakan berbagai macam kerajinan sesuai dengan kategori yang dipilih oleh pengunjung. Untuk dapat membeli produk, pengunjung diharuskan menjadi member di toko UD. RainbowBali Iron Work.
4.3.3 Halaman Detail Produk Halaman detail produk merupakan lanjutan dari halaman daftar produk. Cara ke halaman ini yaitu dengan mengklik produk yang tertera ditabel, maka pengunjung akan langsung dibawa menuju halaman ini. Detail produk ini berisi gambar produk, nama produk, harga, diskon, dan deskripsinya.
4.3.4 Halaman Login Form Login sebagai syarat bila akan memesan suatu barang. Form ini terdiri dari dua opsi yaitu form register bagi pelanggan yang belum pernah mendaftar dan form login bagi pelanggan yang sudah pernah mendaftar. Cara menggunakan form ini adalah dengan memilih salah satu menu sesuai akses yang di telah di tentukan.
Gambar 4.12 Form Login
Bila pelanggan belum pernah mendaftar sama sekali maka pelanggan harus memilih menu New Customer. Menu tersebut akan menampilkan form
yang digunakan untuk mengisi identitas pelanggan. Berikut tampilan gambar form registrasi.
Gambar 4.13 Form Registrasi 4.3.5 Halaman My Account Halaman ini akan muncul setelah pelanggan melakukan aksi login ke situs web e-commrce UD. RainbowBali Iron Work. Halaman my account berisi menu-menu yang digunakan untuk mngedit profil dan password pelanggan yang bersangkutan, serta melihat daftar produk yang telah dipesan oleh pelanggan.
4.3.6 Halaman Edit Account Pada halaman ini pelanggan dapat merubah data pribadinya. Sehingga bila ada kesalahan pada saat registrasi/pendaftaran, pelanggan dapat menggantinya tanpa mendapatkan kesulitan.
4.3.7 Halaman Shopping Cart Halaman shopping cart atau keranjang belanja adalah halaman berisi daftar pemesanan serta jumlah biaya produk yang telah dipilih oleh pengunjung.
4.3.8 Halaman Checkout (Confirmation) Halaman Checkout
(Confirmation) merupakan bagian terakhir dari
checkout. Halaman ini berisi alamat pengiriman, alamat pembayaran, produk, dan harga produk. Bila pelanggan setuju maka pilih Confirm Order, berarti pelanggan harus membayar uang sesuai yang telah ditentukan. Kemudian toko akan mengirimkan barang yang telah dipesan.
4.4 Pemeliharaan Sistem Maintenance sistem hanya difokuskan pada pemback-upan file dan data dari database serta pengolahan data secara berkala. Dengan cara demikian kita akan mendapatkan beberapa file backup sekaligus, serta dengan data yang sama pada kedua file atau beberapa file yang telah terbentuk. 4.5 Konfersi Sistem Konversi sistem dilakukan setelah kegiatan pengetesan sistem selesai dengan baik, tanpa ada masalah pada sistem yang baru. Konversi sistem merupakan proses untuk meletakkan sistem baru agar siap digunakan. 5.
Penutup 5.1 Kesimpulan Setelah melalui semua tahapan penelitian untuk merancang sebuah website penjualan pada UD. RainbowBali Iron Work maka rumusan masalah di atas dapat disimpulkan sebagai berikut: 1. Website penjualan pada UD. RainbowBali Iron Work yang digunakan sebagai media promosi kepada masyarakat telah berhasil dibuat.
2.Aplikasi ini berbasis web yang dapat dipublikasikan lewat internet sehingga web ini dapat diakses oleh masyarakat domestik maupun luar negeri. 3.Aplikasi ini menggunakan menu-menu atau perintah yang mudah dijalankan oleh pengguna. 5.2 Saran Dengan adanya website penjualan pada UD. RainbowBali Iron Work yang digunakan sebagai media informasi ini, diharapkan untuk penelitian selanjutnya perlu dikembangkan pemrograman lebih lanjut sehingga website ini dapat menampilkan stok awal barang dan sisa barang setelah terjual. Sedangkan untuk pengiriman barang diharapkan website ini dapat menentukan harga barang berdasarkan tujuan pengiriman barang.
DAFTAR PUSTAKA
Suyanto, M., 2003, Strategi Periklanan Pada E-Commerce Perusahaan Top Dunia, Andi Offset, Yogyakarta. Al Fatta Hanif. 2007. Analisis & Perancangan Sistem Informasi Untuk Keunggulan Bersaing Perusahaan & Organisasi Modern, Andi Offset, Yogyakarta Suyanto, Asep Herman, 2007, Web Design Theory and Practices, Andi Offset, Yogyakarta. Kadir, Abdul, 2003, Dasar Pemrograman Web Dinamis Menggunakan PHP, Andi Offset, Yogyakarta. Sunyoto, Andi, M.Kom, 2007, Membangun Web dengan Teknologi Asynchronouse JavaScript & XML, Andi Offset, Yogyakarta. Pressman, Roger S., Ph.D., 2001, Software Engineering : Apractitioner’s Approach Fifth Edition, McGraw-Hill Companies, New York. Winiarti, Sri, 2006, Diktat Kuliah Sistem Informasi, Universitas Ahmad Dahlan, Yogyakarta. ______, 2005, Kamus Lengkap Dunia Komputer, Andi Offset dan Wahana Komputer, Yogyakarta. ______, 2009, EYD Plus, Lima Adi Sekawan, Jakarta. http://www.w3school.com/
