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.