PERANCANGAN WEBSITE E-COMMERCE PADA TOKO BATIK AYU YOGYAKARTA
NASKAH PUBLIKASI
diajukan oleh Wisnu Kurniawan 13.02.8544
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2016
PERANCANGAN WEBSITE E-COMMERCE PADA TOKO BATIK AYU YOGYAKARTA Wisnu Kurniawan1) , Hartatik2) 1), 2)
Manajemen Informatika STMIK AMIKOM Yogyakarta Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283 Email :
[email protected]),
[email protected])
melalui internet atau jaringan komputer. Seluruh komponen yang ada dalam perdagangan diaplikasikan ke dalam e-commerce seperti customer service, layanan produk, cara pembayaran dan cara promosi. Perkembangan internet yang semakin maju merupakan salah satu faktor pendorong berkembangnya e-commerce. Internet merupakan salah satu jaringan global yang menghubungkan jaringan komputer diseluruh dunia, sehingga memungkinkan terjalinnya komunikasi dan interaksi antar satu perusahaan dengan konsumen.
Abstract - Web design e-commerce sales Toko Batik Ayu aims to facilitate the public in obtaining information on shopping (online) previously known from mouth to mouth or any of the brochures, so it does not save time, here I facilitate the public in doing shopping in (online ), so it can mengefisiensi and effective. This final project aims to build an online sales system. System design in making e-commerce website on sales Ayu Toko Batik is developed using some software that Macromedia Dreamweaver, XAMPP which is a combination of the Apache Web Server, PHP and MySQL. By using Macromedia Dreamweaver website then progress will be faster and easier. The tables used in the creation of e-commerce on a beautiful batik store is a table of categories, log tables, table baskets, tables and other products. All of these tables will be used to collect the data needed in the development of e-commerce website in the sale of Toko Batik Ayu. With the e-commerce website is expected to facilitate both parties Ayu Batik shop manage sales transactions of products by utilizing internet media so that the sales target can develop. The conclusion that can be drawn is the Internet is a medium that can help and support in business development.
Toko Batik Ayu merupakan tempat penjualan batik dari berbagai macam jenis batik yaitu batik tulis, batik cap dan lain-lain. Pada toko Batik Ayu sarana penjualan dan promosi masih dilingkup wilayah kecil belum mencapai ke wilayahwilayah yang luas. Untuk mempermudah perusahaan dalam penjualan dan memperluas wilayah pemasaran maka dibuat website dengan konsep e-commerce. Dengan adanya website ini dapat meningkatka pendapatan dengan menggunakan penjualan online yang biayanya lebih murah dan lebih efisien. Berdasarkan latarbelakang diatas, maka penulis mengembangkan aplikasi web e-commerce untuk mempermudah pengguna dalam transaksi kapan dan dimana saja. Dari penelitian ini, penulis mengangkat judul “ PERANCANGAN WEBSITE ECOMMERCE PADA TOKO BATIK AYU”.
Keyword – website e-commerce 1.2 Perumusan Masalah Perumusan masalah dalam penelitian ini adalah bagaimana membangun website e-commerce pada Toko Batik Ayu.
1. Pendahuluan 1.1 Latar belakang E-commerce atau bisa disebut Perdagangan elektronik atau e-dagang adalah penyebaran, pembelian, penjualan, pemasaran barang dan jasa
1.3 Batasan Masalah Batasan masalah di penelitian ini adalah : DBMS pada website ini menggunakan MySQL. Tools pembangun yang digunakan dalam pembuatan website Macromedia Dreamweaver , PHP, CSS,
1.
1
2.
3. 4.
Adobe Photoshop dan Xampp-win32-1.7.1. Sistem operasi yang digunakan Windows XP, Windows Vista dan Windows 7. Browser yang mendukung website ini Mozilla Firefox, Opera, Google Chrome dan Internet Explorer. Data yang di kelola pada website diantaranya data produk (harga produk, detail produk, gambar produk) , penjualan. Pembayaran dilakukan secara offline. Laporan yang dibuat yaitu laporan penjualan per periode.
bahasa pemrogramaman php dan html dengan databasenya menggunakan MySQL. 1.1.5 Metode Pengujian/Testing Setelah pengkodean selesai maka akan dilakukan pengujian/testing terhadap sistem yang telah dibuat tadi. Testing dapat dilakukan dengan cara pengujian usability dan accessibility, pengujian performance, dan pengujian scalability. Serta menggunakan Black Box Testing yang berfungsi untuk mengetahui fungsi spesifik dari website dengan desain test untuk mendemonstrasikan setiap fungsi dan mengecek apakah terjadi error apa tidak.
1.4 Tujuan Penelitian
2. Landasan Teori
Adapun tujuan penelitian ini adalah mampu merancang website pada Toko Batik Ayu untuk membantu dan mempermudah dalam penyebarluasan informasi dan promosi produk.
2.1 Website World Wide Web yang sering disingkat WWW adalah layanan yang disediakan server untuk komputer client dalam mengakses data diserver. Komputer client merupakan suatu komputer yang digunakan untuk mengakses layanan server seperti web. Dengan adanya WWW seorang pengguna dapat menampilkan halaman virtual yang disebut website. Pada tahun 1990 World Wide Web mulai dikembangkan oleh CERN (Laboratorium Fisika Partikel di Swiss) berdasarkan proposal yang dibuat oleh Tim Bernes-lee. Namun demikian WWW browser yang baru lahir dua tahun kemudian, tepatnya tahun 1992 dengan nama Viola. Viola diluncurkan oleh Pei Wei dan didistribusikan bersama CERN. Jika dilihat dari proseskerjanya WWW dapat dibagi menjadi beberapa komponen seperti berikut:
1.5 Metode Penelitian Dalam metode penelitian ini ada beberapa metode yang digunakan, yaitu sebagai berikut : 1.1.1 Pengumpulan Data 1. Obervasi Observasi adalah metode yang digunakan untuk mengumpulkan data dengan pengamatan yang dilakukan secara langsung terhadap proses yang terjadi dalam situasi sebenarnya. 2. Wawancara Wawancara merupakan teknik pengumpulan data yang dilakukan melalui tatap muka dan tanya jawab langsung antara pengumpul data maupun peneliti terhadap nara sumber atau sumber data. 3. Internet Penulis melakukan pencarian literature-literature tentang perancangan website ecommerce yang dibutuhkan melalui internet.
1. Protocol adalah sebuah media yang distandarkan untuk dapat mengakses komputer ke dalam jaringan. WWW memiliki standar protocol yang bernama Hypertext Transfer Protocol (HTTP). 2. Address merupakan alamat yang berkaitan dengan penamaan sebuah komputer didalam jaringan alamat ini merupakan sebuah nomor yang dimiliki sebuah komputer yang sering disebut nomor IP, akan tetapi dengan perkembangan zaman dibentuklah metode baru yang bernama domain name, sehingga nomor IP tersebut digantikan dengan sebuah alamat yang dinamakan Uniform Resource Locator (URL). 3. Hypertext Markup Language (HTML) yaitu salah satu bahasa scripting yang dapat menghasilkan halaman website sehingga halaman tersebut dapat diakses pada setiap komputer pengakses(client).
1.1.2 Metode Analisis Sistem Analisis sistem dibuat dengan menganalisa kebutuhan fungsional dan nonfungsional dari sistem yang dibuat. Selain itu dipakai analisis PIECES untuk menganalisa performance, information, economy, control, efisiensi, service. 1.1.3 Metode Perancangan Metode Perancangan yang dilakukan yatitu dengan menggunakan pemodelan : DFD (Data Flow Diagram) dan ERD (Entity Relationship Diagram). 1.1.4 Metode Pengkodingan Coding merupakan penerjemahan desain dalam bahasa yang bisa dikenali oleh komputer. Tahapan inilah yang merupakan tahapan secara nyata dalam mengerjakan suatu sistem. Dalam artian penggunaan komputer akan dimaksimalkan dalam tahapan ini. Aplikasi dibuat dengan menggunakan
2.2 E-commerce E-Commerce atau yang disebut juga dengan Internet Commerce atau Ecom pada dasarnya mempunyai makna yang sama, yang berarti suatu
2
cara bagi seorang konsumen membeli barang yang diinginkan secara online melalui jaringa internet. ECommerce juga dapat diartikan sebagai suatu proses berbisnin dengan menggunakan teknologi elektronik yang menghubungkan antara perusahaan, konsumen dan masyarakat dalam bentuk transaksi elektronik dan pertukaran/penualan barang, servis, dan informasi secara elektronik. Definisi dari E-Commerce menurut Kalakota dan Whinston (1977) dapat ditinjau dalam 3 perspektif berikut : a. Dari perspektif komunikasi, e-commerce adalah pengiriman barang, layanan, informasi, atau pembayaran melalui jaringan komputer atau melalui peralatan elektronik lainnya. b. Dari perspektif proses bisnis, e-commerce adalah aplikasi dari teknologi yang menuju otomatisasi dari transaksi bisnis an aliran kerja. c. Dari prespektif layanan, e-commerce merupakan suatu alat yang menmenuhi keinginan perusahaan, konsumen, dan manajemen untuk memangkas biaya layanan (service cost) ketika meningkatkan kwalitas barang dan meningkatkan kecepatan layanan pengiriman. d. Dari perspektif online, e-commerce menyediakan kemampuan untuk membeli dan menjual barang ataupun informasi melalui internet dan sarana online lainnya.
3.
4. Atribut
Garis, sebagai penghubung antara relasi dengan entitas, relasi dan entitas dengan atribut. Atribut, berfungsi mendeskripsikan karakter entitas (atribut yang berfungsi sebagai key diberi garis bawah)
2.3.2 Perancangan DFD Pengertian Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasinotasi menggambarkan arus dari data sistem yang penggunaanya sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. Untuk membaca suatu DFD harus memahami elemen-elemen yang menyusun suatu DFD, yaitu : 1.
2.3 Konsep Pemodelan Sistem 2.3.1 Perancangan ERD Entity Relatioship Diagram (ERD) merupakan gambaran data yang dimodelkan dalam suatu diagram yang digunakan untuk mendokumentasikan data dengan cara menentukan apa saja yang terdapat dalam tiap entity dan bagaimana hubugan antara entity satu dengan lainya. Simbol-simbol yang digunakan dalam Entity Relationship Diagram (ERD) : Tabel 1 Smbol Entity Relationship Diagram (ERD) No Simbol Fungsi Entitas, adalah suatu objek yang 1. dapat Entitas diidentifikasikan dalam lingkungan pemakai. Relasi, menunjukkan 2. R e adanya l hubungan a diantara s sejumlah entitas i yang berbeda.
2.
3.
4.
Proses Aktivitas atau suatu fungsi yang dilakukan untuk alasan bisnis yang spesifik, manual maupun terkomputerisasi. Data Flow Suatu data tunggal atau kumpulan logis suatu data, selalu diawali dan berakhir pada suatu proses. Data Store Kumpulan data yang disimpan dengan cara tertentu. Data yang mengalir disimpan dalam store. Aliran data diupdate atau ditambah ke data store. External Entity Orang, organisasi, atau sistem yang berasa diluar sistem tapi beronteraksi dengan sistem. Setiap elemen mempunyai simbol tertentu untuk membedakan satu dengan yang lain, yaitu :
Tabel 2 Data Flow Diagram (DFD)
Simbol
Nama Sumber dan tujuan data
3
Penjelasan External entity merupakan kesatuan diluar lingkup sistem bisa
Arus data
Proses transform asi
Penyimpa nan data
3.1 Sejarah Toko Batik Ayu 3.2 Tujuan Berdirinya Toko Batik Ayu 1. Memenuhi kebutuhan hidup serta membuka lapangan pekerjaan. 2. Memberi pelayanan yang memuaskan bagi konsumen. 3. Memenuhi kebutuhan konsumen yang terus meningkat. 4. Meneruskan usaha keluarga
berupa orang organisasi dan sistem lain Arus data yang masuk dan keluar dalam sebuah system Proses yang mengubah input menjadi output Penyimpanan data digambarkan dengan dua garis horizontal
3.2 Struktur Organisasi 4. Pembahasan 4.1 Analisi Kebutuhan 4.1.1 Analisi Kebutuhan Fungsional Kebutuhan fungsional (functional requirement) adalah jenis kebutuhan yang berisi proses-proses apa saja yang nantinya dilakukan oleh sistem. Kebutuhan fungsional juga berisi informasiinformasi apa saja yang harus ada dan dihasilkan oleh sistem.
2.3.2 Flowchart Sistem Flowchart sistem adalah representasi grafik dari sistem informasi, proses-proses, aliranaliran data logis, masukan-masukan, keluarankeluaran, aliran-aliran data fisik, dan kegiatankegiatan operasi yang berhubungan dengan sistem informasi. 1.
2.
3.
4.
Dibutuhkannya sebuah sistem penjualan yang mampu bertujuan untuk melakukan fungsifungsi berikut seperti dibawah ini : 1. Sistem harus dapat melakukan entri data barang yang berhubungan dengan pendataan barang. 2. Sistem harus dapat melakukan transaksi penjualan. 3. Sistem harus dapat melakukan laporan keuangan secara otomatis baik berdasarkan tanggal tertentu, bulan tertentu, atau tahun tertentus.
Bagan Alir Sistem Bagan alir sistem merupakan bagan yang menunjukkan arus pekerjaan sistem dari keseluruhan, menjelaskan urutan dari prosedur-prosedur yang ada di dalam sistem serta menunjukkan apa yang dikerjakan di dalam sistem. Bagan Alir Dokumen Bagan alir dokumen adalah bagan alir yang menunjukkan arus laporan dan formulir, termasuk tembusan-tembusannya menggunakan simbol-simbol yang sama dengan flowchart system. Bagan Alir Sistematik Menggambarkan prosedur di dalam sistem, menggunakan bagan alir sistem, gambar komputer dan peralatan lain yang digunakan. Bagan Alir Program Merupakan bagan yang menjelaskan secara rinci langkah-langkah proses program, dibuat dari derivikasi bagan alir sistem. Bagan alir program terdiri dari 2 bentuk, yaitu : Bagan alir logika, digunakan untuk menggambarkan setiap langkah program. Bagan alir komputer terinci.
4.1.2 Analisi Kebutuhan Non Fungsional Kebutuhan Non Fungsional merupakan kebutuhan diluar kebutuhan fungsional sistem meliputi : 1.
Kebutuhan perangkat lunak (Software) Perangkat lunak yang diperlukan dalam pembuatan system dan pemrosesan data dari sistem yang diusulkan adalah : 1. Sistem Operasi menggunakan Microsoft Windows 7. 2. Database untuk pengolahan data menggunaka MySQL. 3. Bahasa Pemrograman yang digunakan PHP dan HTML. 4. Web browser (Google Chrome atau Mozilla Firefox). 5. Adobe Dreamweaver CS6. 2. Kebutuhan Perangkat Keras (Hardware) Perangkat keras yang digunakan dalam penerapan system ini dengan menggunakan komputer satu unit dengan spesifikasi sebagai berikut
3. Tinjauan Umum
4
bosan karena harus menunggu lama untuk membuka halaman web.
Tabel 4.1 Kebutuhan Perangkat Keras NO
Jenis Perangkat
Spesifikasi
1
Processor
Processor AMD T urion (tm) X2 DualCore Mobile RM70 2.00GHz 1 GB 250 GB standar
2 3 4
Memory Hardisk Laptop/kompu ter Modem
5
Daftar Pustaka [1] Al Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan & Organisasi Modern. Yogyakarta. Penerbit Andi. [2] Arif, M Rudyanto. 2011. Pemrograman Web Dinamis menggunakan PHP dan MySQL. Yogyakarta. Penerbit Andi.
standar
4.2 Rancangan Tabel
[3] HM, Jogiyanto. 2005. Analisis dan Desain Sistem Informasi Pendekatan Terstruktur Teori dan Praktik Aplikasi Bisnis. Penerbit Andi. Yogyakarta.
4.2.1 Tabel User
Biodata Penulis
Tabel user digunakan untuk menampung data dari user pada web ini.
Wisnu Kurniawan, memperoleh gelar Ahli Madya (A.Md), Program Studi Manajemen Informatika STMIK AMIKOM Yogyakarta. Lulus tahun 2016.
4.2.2 Tabel Merk Tabel merk digunkan untuk menyimpan dan menampung data berbagai merk produk yang nantinya akan mengelompokan produk berdasarkan merk.
Hartatik, pendidikan S1. Universitas Muhammadiyah Cirebon pada tahun (2001-2005) dan S2. Ilmu Komputer di UGM tahun (2008-2010) .
4.2.3 Tabel Pelanggan Tabel pelanggan digunakan untuk menampung dan menyimpan semua data pribadi pelanggan pada Toko Batik Ayu. 4.2.4 Tabel Produk Tabel produk digunakan untuk menampung dan menyimpan semua data roduk dan akan dihubungkan dengan kategori. 4.2.5 Tabel Transaksi Tabel transaksi digunakan untuk menampung dan menyimpan data jumlah item, harga, total harga, dan lain-lain. 4.2.6 Tabel Konfirmasi Pembayaran Tabel konfirmasi pembayaran digunakan untuk menampung dan menyimpan data pesanan, kode pesan, dan lain-lain.
5. Kesimpulan 1.
Perangcangan e-commerce memerlukan stategi perencananaan terbaik cara untuk menarik perhatian user agar mau berkunjung dan mencari informasi.
2.
Kecepatan dalam mebuka halaman web merupakan salah satu factor penting yang perlu diperhatikan dalam membangun aplikasi web, agar pengunjung tidak merasa
5
