Volume 5 No 1 – Mei 2017
Jurnal Bianglala Informatika – bianglala.bsi.ac.id
Perancangan Sistem Informasi Penjualan Pakaian Pada Alea Zahra Shop Yogyakarta 1)
2)
Supriyanta Suparlan AMIK “BSI Yogyakarta” 1) 2)
[email protected],
[email protected] Abstract - Information technology / internet is growing so fast that it impacts on many things. Alea Zahra Shop is trying to sell clothes by utilizing social media. Sales results are small, sales system is not practical, quite complicated. Various breakthroughs are made to improve and develop business. The design of information systems on the sale of clothing Alea Zahra Shop aims to use information technology / internet to sell online. The research method used in collecting data is observation, interview and literature study. Waterfall method used in creating website. Program created using Adobe Dreamweaver CS6 software as media editor in making web sales online. By using the program and made online in the hope to introduce products or promotions easily and widely, can be more practical transactions continuously 24 hours a day 7 days a week, facilitate consumers in the process of sales and profits increase. Keywords: Online Shopping, Information Technology Abstrak - Teknologi informasi/internet berkembang dengan sangat cepat sehingga berdampak pada berbagai hal. Alea Zahra Shop berusaha menjual pakaian dengan memanfaatkan media sosial. Hasil penjualan masih kecil/sedikit, sistem penjualan belum praktis, cukup rumit. Berbagai terobosan di lakukan untuk meningkatkan dan mengembangan usaha. Perancangan sistem informasi penjualan pakaian pada Alea Zahra Shop ini bertujuan memakai teknologi informasi/ internet untuk menjual secara online. Metode penelitian yang digunakan dalam mengumpulkan data ialah pengamatan atau observasi, wawancara dan studi pustaka. Metode Waterfall di gunakan dalam membuat website. Program dibuat menggunakan software Adobe Dreamweaver CS6 sebagai media editor dalam pembuatan web penjualan online. Dengan memakai program dan di buat secara online di harapkan bisa memperkenalkan produk atau promosi secara mudah dan luas, bisa transaksi lebih praktis secara terus menerus 24 jam sehari 7 hari seminggu, memudahkan konsumen dalam proses penjualan dan keuntungan meningkat. Kata Kunci: Teknologi Informasi, Penjualan online, Meningkat 1. Latar Belakang Penjualan bertujuan menjual barang/jasa kepada orang lain dengan harapan bisa mendapat keuntungan. Banyak cara yang dapat dilakukan untuk menjual sesuatu. Trend yang berkembang sekarang memakai media online untuk promosi dan menjual produk. Teknologi informasi berbasis website bisa online terus menerus, menjangkau berbagai wilayah, memudahkan orang banyak dalam transaksi. Alea Zahra Shop berusaha di bidang penjualan pakaian seperti, baju muslim, baju batik dewasa untuk pria wanita dan anak, mukena, jilbab, baju rajut, serta asesoris. Alea Zahra Shop mempunyai toko penjualan yang berada di Krebet, Tuksono, Sentolo, Kulon Progo, Yogyakarta. Alea Zahra Shop selalu menekankan segi kualitas produk agar konsumen maupun resellernya merasa puas atas produk yang telah dibelinya. Didirikan oleh Ibu Puryani pada bulan Juni tahun 2013. Awalnya Ibu Puryani adalah seorang reseller baju-baju batik yang dijual di sekitar rumahnya dan dijual melalui facebook pribadinya. Akan tetapi karena permintaan dari sekitarnya dan teman-temanya yang banyak, maka Ibu Puryani 30
berinisiatif untuk mendirikan sebuah toko pakaian, mempunyai 4 orang karyawan, menjual berbagai macam baju serta melayani melayani pembelian ke seluruh Indonesia dengan menggunakan media sosial sebagai sarana penjualan dan promosinya. Metode yang digunakan pada pengembangan lunak ini menggunakan model Waterfall menurut Mulyanto (2008:19) yang terbagi menjadi lima tahapan, yaitu: tahap investigasi, analisis,disain, implementasi dan perawatan. Metode yang dipakai dalam pengumpulan data, yaitu: observasi, wawancara dan studi pustaka. 2. Kajian Pustaka Banyak materi teori yang menjadi dasar dalam perancangan/ pembuatan website yang di ambil dari berbagai sumber atau buku, di antaranya adalah: Menurut Sutabri (2012:6) “Sistem adalah sekelompok unsur yang erat hubungannya satu dengan lainnya, yang berfungsi bersama-sama untuk mencapai tujuan tertentu”.
ISSN: 2338-8145 (Print), 2338-9761 (Online)
Volume 5 No 1 – Mei 2017
Jurnal Bianglala Informatika – bianglala.bsi.ac.id
Menurut Al-Fatta (2007:3) “sistem dapat diartikan sebagai suatu kumpulan atau himpunan dari unsur atau variabel-variabel yang saling terorganisasi, saling berinteraksi, dan saling bergantung sama lain”. Menurut Kristanto (2008:12) “sistem informasi merupakan kumpulan dari perangkat keras dan lunak komputer serta perangkat manusia yang akan mengelola data menggunakan perangkat keras dan perangkat lunak tersebut”. Menurut Prasojo dan Riyanto (2011:178) “internet merupakan kependekan dari inteconnected networking atau international networking, yaitu kumpulan yang sangat luas dari jaringan komputer besar dan kecil yang saling berhubungan dengan menggunakan jaringan komunikasi yang ada di seluruh dunia”. Menurut Yuhefizar dkk (2009:2) website adalah keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang mengandung informasi. Sebuah website biasanya dibangun atas banyak halaman web yang saling berhubungan. Hubungan antara satu halaman web dengan halaman web yang lainya disebut dengan hyperlink, sedangkan teks yang dijadikan media penghubung disebut hypertext. Menurut Sidik dan Pohan (2012:5) “browser web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat dengan melakukan „point dan click‟ untuk pindah antardokumen”. Menurut Arief (2011:23) “HTML atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen aplikai yang berjalan di halaman web. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan pada web browser”. Menurut Ariona (2013:58) “CSS adalah kependekan dari Cascading Style Sheets, berfungsi untuk mempercantik penampilan HTML atau menentukan bagaimana elemen HTML ditampilkan, seperti menentukan posisi, merubah warna teks atau background dan lain sebagainya”. Menurut Andi (2010:24) “database atau basis data adalah sekumpulan data yang memiliki hubungan secara logika dan diatur dengan
31
susunan tertentu serta disimpan dalam media penyimpanan komputer”. Menurut Andre (2014:5) “Struktur navigasi merupakan struktur atau alur dari suatu program yang merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat membantu mengorganisasi seluruh elemen pembuatan website”. Menurut Simarmata dan Paryudi (2006:67) “Entity Realationship Diagram adalah alat pemodelan data utama dan akan membantu mengorganisasi data dalam suatu proyek ke dalam suatu proyek ke dalam entitas-entitas dan menentukan hubungan antarentitas”. Menurut Andi, (2012:2) “dreamweaver adalah sebuah HTML editor profesional untuk mendesain web secara visual dan mengelola situs atau halaman web”. Menurut Riyanto (2010:1) “XAMPP merupakan paket PHP dan MySQL berbasis open source, yang dapat digunakan sebagai toll pembantu pengembangan aplikasi berbasis PHP. XAMPP mengombinasikan beberapa paket perangkat lunak berbeda ke dalam satu paket”. 3. Implementasi Sistem dan Hasil Perancangan sistem informasi penjualan pakaian ini dilaksanakan secara bertahap yaitu: 1) Tahap investigasi, ialah mengumpulkan data atau informasi yang akan menjadi dasar dari pengembangan sistem. Dengan Observasi, Wawancara dan Studi pustaka didapatkan banyak pengertian untuk bertindak membuat program. 2) Tahapan analisis, ialah kegiatan menganalisa kebutuhan yang diperlukan oleh user baik pengunjung maupun admin. 3) Tahap disain, ialah mendisain rencana database dengan ERD dan LRS, membuat rancangan antarmuka untuk pengunjung dan admin. 4) Tahap implementasi, ialah tahap untuk mewujudkan rancangan dengan software yang di pilih baik untuk database maupun program. Kemudian di tes agar semua rencana berjalan dengan baik. 5) Tahapan perawatan, ialah tahapan untuk memantau, memperbaiki kekurangan, menjaga agar sistem berjalan lancar. Dari data yang terkumpul disimpulkan kebutuhan sistem terbagi pada kebutuhan
ISSN: 2338-8145 (Print), 2338-9761 (Online)
Volume 5 No 1 – Mei 2017
Jurnal Bianglala Informatika – bianglala.bsi.ac.id
sistem untuk pengunjung dan kebutuhan sistem untuk Admin mengelola data. Analisa Kebutuhan Pengunjung User atau Pengunjung a) Melihat produk b) Melakukan pembelian barang c) Melihat, memasukan testimoni d) Melakukan konfirmasi pembelian e) Melihat kontak Admin 1. Melakukan input, edit, hapus kategori 2. Melaukakan input, edit, hapus produk 3. Melihat penjualan barang 4. Melihat konfirmasi pembayaran 5. Melihat hubungi kami Rancangan Basis Data Dalam sistem terdapat basis data yang dipakai untuk menyimpan data-data, berikut ini rancangan basis data dalam bentuk ERD dan LRS untuk menggambarkan data-data yang di kelola.
Gambar 2 Rancangan Basis Data (LRS)
Struktur Navigasi Agar arah perancangan program bisa dipahami dengan mudah maka dibuatkan struktur navigasi, dalam hal ini ada navigasi untuk halaman pengunjung dan untuk admin Struktur Navigasi Halaman Pengunjung
Gambar 3 Struktur Navigasi Pengunjung
Gambar 1 Rancangan Database (ERD)
32
Struktur Navigasi Halaman Admin
ISSN: 2338-8145 (Print), 2338-9761 (Online)
Volume 5 No 1 – Mei 2017
Jurnal Bianglala Informatika – bianglala.bsi.ac.id
Dalam pembuatan sistem informasi penjualan pakaian dimulai dari rancangan yang di buat seperti gambar di atas, kemudian di tindak lanjuti dengan membuat program dengan software yang dipilih seperti di bawah ini.
Gambar 6 Salah satu antarmuka Pengunjung Antarmuka yang dibuat untuk pengunjung meliputi halaman utama pengunjung, halaman produk, halaman konfirmasi, halaman testimoni, halaman keranjang
Gambar 4 Struktur Navigasi Admin Antarmuka Antarmuka atau interface di buat untuk membantu memudahkan para pemakai baik pengunjung maupun admin. Dengan adanya antarmuka setiap orang bisa lebih mudah bekerja, mudah memahami, baik penjual maupun pembeli bisa transaksi dengan mudah dan praktis. Ada banyak rancangan yang dibuat, sesuai dengan kebutuhan. Dengan dirancang lebih dulu maka pembuatan antarmukanya bisa lebih cepat dan mudah.
Antarmuka yang di buat untuk Admin meliputi halaman login admin, halaman utama admin, halaman tambah kategori,halaman produk, halaman pengiriman, halaman slideshow, halaman pembayaran, halaman hubungi kami, halaman konfirmasi,halaman penjualan
Gambar 7 Salah satu antarmuka untuk Admin 4. Penutup Sistem informasi penjualan pakaian Alea Zahra Shop dibuat berbasis website atau online memungkinkan masyarakat luas bisa mengakses dan membeli produknya kapanpun dan dimanapun. Sistem yang dibangun diharapkan lebih mempermudah pelayanan penjualan, lebih praktis dalam pengelolaan bisnis dan bisa meningkatkan transaksi. Gambar 5 Salah satu rancangan antarmuka Pengunjung
33
Sistem ini diharapkan dapat mempermudah dan meningkatkan kinerja administrator atau pemilik
ISSN: 2338-8145 (Print), 2338-9761 (Online)
Volume 5 No 1 – Mei 2017
Jurnal Bianglala Informatika – bianglala.bsi.ac.id
dalam proses pengolahan data karena sudah mempunyai database yang terintegrasi. Data produk yang di jual harus di update setiap saat sehingga konsumen bisa mendapatkan barang yang di inginkan, penjualan lancar dan hasil keuntungan meningkat. Pengembangan sistem lebih lanjut sangat diperlukan seiring dangan peningkatan kebutuhan dan perkembangan usaha.
5. Pustaka [1] Al Fatta, Hanif. 2007. Analisa dan Perancangan Sitem Informasi untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta: C.V Andi Offset. [2] Andi, 2010. SQL Server 2008 Express. Yogyakarta: C.V Andi Offset. [3] Andi, 2012. Adobe Dreamweaver CS6 dan PHP-MySQL untuk pemula. Yogyakarta: C.V Andi Offset. [4] Andre, Pentrus. 2014. Macam-macam Struktur Navigasi Pada Website. Diambil dari: http://www.andre.web.id/2014/05/strukt ur-navigasi-website.html. (27 mei 2015) [5] Arief, Rudyanto M. 2011. Pemograman Web Dinamis Menggunakan PHP & MySQL. Yogyakarta: C.V Andi Offest. [6] Ariona, Rian. 2013. Belajar HTML dan CSS “Tutorial fundamental dalam mempelajari HTML & CSS”. Diambil
34
ISSN: 2338-8145 (Print), 2338-9761 (Online)
dari: http://www.ariona.net/ebookbelajar-html-dan-css. (16 mei 2015) [7] Kristanto, Ardi. 2008. Perancangan Sistem Informasi dan Aplikasinya. Yogyakarta: Gava Media. [8] Mulyanto, Aunur R. 2008. Rekayasa Perangkat Lunak Jilid 1. Diambil dari: http://umardanny.com/tutorialrekayasa-perangkat-lunak-rpl/. (26 mei 2015) [9] Prasojo, Lantip Diat dan Riyanto. 2011. Teknologi Infrotmasi Pendidikan. Yogyakarta: Gava Media. [10] Riyanto. 2010. Membuat Sendiri Sistem Informasi Penjualan dan MySQL (Studi Kasus Aplikasi Mini Markrt IntegrasiBarcode Reader). Yogyakarta: Gava Media. [11] Sidik, Betha dan Husni I. Pohan. 2012. Pemograman Web dengan HTML. Bandung: Informatika Bandung. [12] Simarmata, Janner dan Imam Paryudi. 2006. Basis Data. Yogyakarta: C.V Andi Offset. [13] Sutabri, Tata. 2012. Analisa Sistem Informasi. Yogyakarta: C.V Andi Offset. [14] Yuhefizar, HA Mooduto dan Rahmat Hidayat. 2009. Cara Mudah Membangun Website Interaktif Menggunakan Content Management System Joomla (CMS). Jakarta: PT Elex Media Komputindo