RANCANG BANGUN WEBSITE E-COMMERCE
PADA TOKO ONLINE NUGIE SHOP
Naskah Publikasi
diajukan oleh
Gia Riefti Cressenda
07.11.1783
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM YOGYAKARTA
2011
DESIGNING AND DEVELOPING E-COMMERCE WEBSITE AT NUGIE SHOP ONLINE STORE
RANCANG BANGUN WEBSITE E-COMMERCE
PADA TOKO ONLINE NUGIE SHOP
Gia Riefti Cressenda Jurusan Teknik Informatika
STMIK AMIKOM YOGYAKARTA
ABSTRACT
Use of the Internet's growing influence on business activity. The web application is one way delivery of sales information in the form of visual media in the world of the Internet for easy access and user convenience. So the web application is best used as a medium for promotion and advertising in electronic trading.
Electronic commerce, better known e-commerce is the sale, purchase and marketing of goods and services via the Internet. E-commerce is a merger between business and technology. E-commerce involves electronic data transfer, electronic data interchange, automated inventory management systems, and automatic data collection systems.
Nugie Shop is an online shop that sells various types of hand accessories, scarf and bag. Nugie Shop build an e-commerce website using PHP technology, CSS, Javascript and Jquery. To attract customer attention, professionalism, handling reservations and report writing product that much easier process. Keywords: E-commerce,Online Shop, Sales, Technology, and Website
1. Pendahuluan
Penggunaan internet yang semakin berkembang berpengaruh terhadap aktivitas
bisnis. Peneliti sebagai pelaku bisnis melakukan promosi dan periklanan dengan
perdagangan elektronik yaitu membuat situs web perdagangan atau lebih dikenal
website toko online.
Perdagangan elektronik atau yang lebih dikenal e-commerce adalah penjualan,
pembelian dan pemasaran barang dan jasa melalui internet. E-commerce adalah
penggabungan antara bisnis dan teknologi. E-commerce melibatkan transfer data
elektronik, pertukaran data elektronik, sistem manajemen inventori otomatis, dan sistem
pengumpulan data otomatis.
Nugie Shop adalah bisnis online yang sedang dijalankan oleh penulis dan
sahabat. Awal mula bisnis ini didirikan berdasarkan kesenangan yang sama akan suatu
barang dan menjadi ide untuk memulai bisnis. Dan tidak lain untuk mencari pendapatan
selain dari orang tua dan pengalaman selain kuliah.
2. Landasan Teori
2.1 Pengertian Sistem
Sistem adalah kumpulan dari bagian – bagian yang bekerja sama untuk
mencapai tujuan yang sama. Sekumpulan objek – objek yang saling berelasi dan
berinteraksi serta hubungan antar objek bias dilihat sebagai satu kesatuan yang
dirancang untuk mencapai tujuan (Hanif, 2007).
2.2 Pengertian Informasi
Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan
lebih berarti bagi yang menerimanya. Sumber dari informasi adalah data. Data
adalah kenyataan yang menggambarkan suatu kejadian – kejadian dan kesatuan
nyata.
Kejadian – kejadian (event) adalah sesuatu yang terjadi pada saat tertentu.
Dan kesatuan nyata (fact dan entity) adalah berupa suatu obyek nyata (Jogiyanto,
1999).
2.3 Pengertian Sistem Informasi
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,
bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan
pihak luar tertentu dengan laporan – laporan yang diperlukan.
2.4 Pengertian E-commerce
E–Commerce merupakan konsep baru yang bisa digambarkan sebagai
proses jual beli barang atau jasa pada World Wide Web Internet (Shim, Qureshi,
Siegel, 2000) atau proses jual beli atau pertukaran produk, jasa dan informasi
melalui jaringan informasi termasuk internet (Turban, Lee, King, Chung, 2000).
2.5 Pengertian Web
Secara terminologi, website adalah kumpulan dari halaman-halaman situs,
yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya
berada di dalam World Wide Web (WWW) di Internet. Sebuah halaman web
adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language),
yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan
informasi dari server website untuk ditampilkan kepada para pemakai melalui web
browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah
jaringan informasi yang sangat besar.
2.6 Bahasa Pemrograman
1. Hyper Text Markup Language (HTML)
HTML adalah sebuah bahasa markup yang digunakan untuk membuat
sebuah halaman web, menampilkan berbagai informasi di dalam sebuah
penjelajah web Internet dan formating hypertext sederhana yang ditulis
kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang
terintegerasi.
2. Personal Home Page (PHP)
PHP adalah singkatan dari "PHP Hypertext Preprocessor", yang
merupakan sebuah bahasa scripting yang terpasang pada HTML. Sebagian
besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa
fungsi PHP yang spesifik. Tujuan utama penggunaan bahasa ini adalah
untuk memungkinkan perancang web menulis halaman web dinamik dengan
cepat.
3. Cascading Style Sheet (CSS)
CSS berfungsi untuk mengatur tampilan dengan kemampuan jauh lebih
baik dari tag maupun atribut standar HTML (Hypertext Markup Languange).
CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format
tampilan dan dapat digunakan untuk mengontrol tampilan banyak dokumen
secara bersamaan. Keuntungan menggunakan CSS yaitu jika ingin
mengubah format dokumen, maka tidak perlu mengedit satu persatu.
4. AJAX
AJAX merupakan sebuah kombinasi dari beberapa teknologi ((X)HTML,
CSS, JavaScript, Document Object Model DOM) dan XMLHttpRequest)
yang membuat sebuah halaman web dapat di-refresh dari server tanpa
harus me-refresh seluruh bagian dari halaman web, sehingga meningkatkan
experience seorang user ketika menggunakannya. AJAX bukanlah sebuah
teknologi, tetapi sebuah teknik dalam aplikasi web.
5. MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data
SQL atau DBMS yang multithread, multi-user. MySQL AB membuat MySQL
tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public
License (GPL), tetapi mereka juga menjual dibawah lisensi komersial.
2.7 Basis Data
Basis data adalah kumpulan data yang saling berelasi. Data sendiri
merupakan fakta mengenai obyek, orang dan lain-lain (Kusrini, 2007).
2.8 UML
Unified Modelling Language (UML) adalah keluarga notasi grafis yang
didukung oleh meta-model tunggal, yang membantu pendeskripsian dan desain
sistem perangkat lunak, khususnya sistem yang dibangun menggunakan
pemrograman berorientasi objek (Fowler, 2005).
2.9 Software yang digunakan
2.9.1 XAMPP
XAMPP merupakan sebuah tool yang menyediakan beberapa paket
perangkat lunak ke dalam satu buah paket. Dengan menginstal XAMPP,
tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache,
PHP, dan MySQL secara manual. XAMPP akan menginstalasi dan
mengonfigurasinya secara otomatis. (http://www.apachefriends.org/)
2.9.2 Geany
Geany adalah editor teks yang menggunakan toolkit GTK2 dengan
fitur-fitur dasar lingkungan pengembangan terintegrasi dan dikembangkan
untuk menyediakan sebuah IDE kecil dan cepat, yang hanya memiliki
beberapa dependensi dari paket-paket lain. (http://www.geany.org/)
2.9.3 StarUML
StarUML merupakan sebuah tools untuk menganalisis dan mendesain
perangkat lunak. Dari sekian banyak tools untuk modelling UML, StarUML
merupakan rekomendasi bagus, karena disamping dibawah panji open
source penggunaanya pun sangat mudah dan ringan. Namun kekuranganya
StarUML hanya berjalan di sistem operasi Windows karena StarUML sendiri
dibuat dengan bahasa pemrograman Delphi. StarUML mendukung banyak
bahasa pemrograman seperti Java, C# dan C++. StarUML juga
memfasilitasi plugin untuk menambah kemampuannya.
(http://staruml.sourceforge.net/)
3. Analisis
3.1 Analisis PIECES
3.1.1 Performance (Kinerja)
Kinerja adalah suatu kemampuan sistem dalam menyelesaikan tugas
dengan cepat sehingga sasaran dapat segera tercapai. Kinerja diukur
dengan throughput dan response time. Throughput adalah jumlah
pekerjaan yang dapat dikerjakan dalam jangka waktu tertentu yang
berhubungan dengan efisiensi kerja. Response time adalah rata-rata waktu
yang tertunda untuk menanggapi pekerjaan tertentu.
a. Throughput
Pekerjaan yang dikerjakan oleh seorang pegawai sering tidak efisien,
misalnya dalam pembuatan laporan, pencarian stok barang, pencarian
harga produk.
Pencarian stok barang dan harga produk harus dicari pada buku
catatan secara manual.
Pembuatan laporan harus dilakukan setiap hari secara manual
dituliskan pada masing-masing buku yang ada. Terdapat buku pemesanan,
barang masuk dan keluar.
b. Response Time
Waktu yang dihasilkan dalam melakukan suatu pekerjaan sering
tidak efektif.
Apabila produk tidak diberikan / ditempelkan nominal harga
barang, tidak jarang pegawai lupa berapa harga sebenarnya produk
tersebut sehingga membutuhkan waktu yang cukup lama untuk
membuka catatan sehingga dapat membuat calon pembeli
menunggu.
3.1.2 Information (Informasi)
Informasi merupakan hal penting karena dengan informasi tersebut
pihak toko dan pelanggan dapat melakukan transaksi. Apabila kemampuan
dan kualitas informasi baik, maka toko akan mendapatkan informasi yang
akurat, tepat waktu dan relevan sesuai dengan yang diharapkan.
a. Akurat
Informasi yang disampaikan sering salah atau tidak tepat kepada
konsumen yang membutuhkan akan produk.
b. Relevan
Informasi yang disampaikan juga sering tidak relevan karena
tidak tentunya harga produk
c. Tepat Waktu
Waktu yang dibutuhkan untuk menyampaikan informasi tidak
dapat ditentukan. Hanya bila ada konfirmasi dari konsumen.
3.1.3 Economy (Ekonomi)
Analisis ekonomi pada Nugie Shop dengan menggunakan sistem
lama yaitu pada keuntungan yang didapat. Pasar yang kurang tereksplorasi
sehingga pemasaran pun kurang luas. Sehingga keuntungan yang didapat
belum maksimal.
3.1.4 Control (Pengendalian)
Analisis pengendalian sistem penjualan Nugie Shop dengan
menggunakan sistem yang lama, pengendalian yang dilakukan masih
sangat rendah sehingga seringkali masih terdapat kesalahan atau
kekeliruan dalam member tahu informasi ke pelanggan melalui pesan yang
disebarkan melalui sms dan jejaring sosial, baik menyangkut isi maupun
informasi yang disampaikan.
Input tidak dapat diedit dengan cukup, data yang tersimpan secara
berlebihan, tidak konsisten dan terjadi eror dalam membuat keputusan.
3.1.5 Efficiency (Efisiensi)
Analisis efisiensi merupakan analisis yang berhubungan dengan
peningkatan efisiensi operasi.Efisiensi berbeda dengan ekonomi, ekonomi
berhubungan dengan jumlah sumber biaya yang digunakan, sedangkan
efisiensi berhubungan dengan bagaimana sumber daya itu digunakan agar
tidak terjadi pemborosan baik berupa biaya maupun waktu.
Digunakan parameter pemanfaatan sumber daya yang ada,
manajemen pengolahan terkomputerisasi tidak digunakan dengan baik atau
lebih tepat tidak pernah digunakan.
Pembukuan dan pembuatan laporan-laporan masih dilakukan secara
manual dengan menuliskan ke dalam buku sehingga membutuhkan waktu
yang cukup lama untuk menyelesaikannya.
3.1.6 Service (Pelayanan)
Analisis pelayanan pada sistem lama dirasakan kurang komunikatif
dan efektif karena setiap orang yang membutuhkan informasi harus
menunggu jawaban konfirmasi dari admin.
a. Pelayanan
Konfirmasi hanya dapat dilakukan dengan sms.
b. Pencarian Informasi
Pencarian informasi akan produk dilakukan secara manual
dengan mencari pada album foto.
c. Kualitas Pelayanan Informasi
Kualitas informasi tidak cukup baik, produk tidak berurutan
sehingga akan mengalami masalah jika terdapat calon pembeli
yang menginginkan suatu produk.
3.2 Analisis Kebutuhan Sistem
3.2.1 Analisis Fungsional
a. User (biasa)
Informasi yang bisa didapatkan yaitu mengenai produk-produk
serta informasinya seperti harga, deskripsi produk dan cara pembelian
dengan mendaftar/registrasi untuk memberikan data atau identitas
calon pembeli kepada pihak toko.
b. User (terdaftar)
User terdaftar adalah calon pembeli atau calon pemesan yang
telah memberikan data atau identitasnya kepada administrator yang
bertujuan untuk mempermudah pihak toko mengirimkan barang ke
tempat tujuan calon pembeli atau pemesan.
c. Administrator
Admin beperan penuh terhadap sistem. Admin mengelola semua
aktifitas sistem.
3.2.2 Analisis Non Fungsional
Analisis non fungsional memberikan informasi mengenai identifikasi
batasan dari fasilitas yang disediakan oleh sistem. Adapun beberapa bagian
dari Nugie Shop yang mendukung kebutuhan non fungsional adalah :
1. Informasi Ongkos Kirim
2. Slide Show Produk
3. AutoSuggest
3.2.3 Rancangan Proses
Perancangan proses disajikan dalam bentuk logic model dengan
menggunakan tools UML (Unifed Modeling Language). UML digunakan
untuk menggambarkan urutan proses yang terjadi pada sistem berdasarkan
aktor dan fungsionalitas masing-masing aktor yang terlibat dalam sistem ini.
1. Use Case Diagram
2. Use Case Description
3. Activity Diagram
4. Class Diagram
5. Sequence Diagram
3.2.4 Perancangan Database
Dalam pembuatan sistem ini dibutuhkan rancangan basis data yang
memadai sesuai dengan kebutuhan sistem itu sendiri. Rancangan tabel
merupakan turunan dari class diagram yang telah dibahas sebelumnya.
4. Hasil Penelitian dan Pembahasan
4.1 Hasil Aplikasi
Untuk menggunakan Nugie Shop, pengunjung hanya dapat mengunjungi
alamat http://nugieshop.com sedangkan admin memiliki hak akses penuh. Home
Nugie Shop akan menampilkan informasi mengenai fitur-fitur yang dapat
digunakan oleh pengunjung. Untuk memberikan informasi yang lebih jelas, akan
dibagi ke dalam tiga bagian, yaitu:
1. Admin
Admin berfungsi mengelola semua bagian sistem.
a) Login
Di halaman login, admin mengakses …. Admin mengisi username
dan password.
Gambar 4.1 Form Login
b) Halaman Dashboard
Halaman dashboard admin terdapat beberapa menu yang telah
dijelaskan di atas.
Gambar 4.2 Halaman Dashboard Admin
c) Menu Produk
Pada menu produk, admin dapat mengelola produk yaitu tambah,
edit dan delete.
Gambar 4.3 Menu Produk
d) Laporan Penjualan
Kelebihan dari sistem Nugie Shop adalah dapat mencetak laporan
penjualan secara otomatis berdasarkan tanggal, bulan dan tahun order.
Gambar 4.4 Laporan Penjualan
2. Member
Khusus member pada sistem Nugie Shop diberikan akun yang dapat
digunakan untuk melihat history pembelanjaan. Salin itu, dengan menjadi
member akan mendapatkan potongan harga/diskon. Adapun yang dapat
dilakukan oleh member adalah sebagai berikut :
a) Login
Gambar 4.5 Form Login Member
b) Halaman Dashboard
Halaman dashboard member terdapat beberapa menu yang telah dijelaskan
di atas.
Gambar 4.6 Halaman Dashboard Member
3. Pengunjung
Halaman utama ini dapat dikunjungi oleh siapa saja yang mengakses
http://nugieshop.com.
Gambar 4.7 Halaman Utama nugieshop.com
5. Kesimpulan
Dari hasil analisis dan implementasi pada bab sebelumnya, dapat diambil
kesimpulan bahwa website toko online Nugie Shop telah berhasil dibuat atau dibangun.
Kesimpulan yang dapat diambil dari tugas akhir ini adalah :
1. Dapat mengelola pemesanan produk yang tersedia.
2. Dapat melakukan pencarian produk yang tersedia.
3. Dapat menyimpan history pembelian bagi member.
4. Dapat mengelola total pembayaran.
DAFTAR PUSTAKA
Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi, Penerbit Andi Offset : Yogyakarta.
Hakim, Lukmanul. Membongkar Trik Rahasia Master Php, Penerbit Lokomedia : Yogyakarta
Hakim, Lukmanul. Bikin Website Super Keren Dengan PHP & Jquery, Penerbit
Lokomedia : Yogyakarta Jogiyanto.HM. 1990. Analisis dan Desain Sistem Informasi Pendekatan Terstruktur,
Penerbit Andi : Yogyakarta.
Leith, Robert A & K. Roscoe Davis. 1983, Accounting Information System, Prentice Hall : New Jersey.
Munawar. 2005. Pemodelan Visual Dengan UML. Penerbit Graha Ilmu : Yogyakarta.
Satzinger. Jackson & Burd. 2004, System Analysis & Design In Changing World 3rd Edition, Course Technology.
Suyanto, M. 2003. Strategi Periklanan Pada E-Commerce Perusahaan Top Dunia,
Penerbit Andi : Yogyakarta.