MEMBUAT APLIKASI TOKO ON

advertisement
MEMBUAT APLIKASI TOKO ON-LINE
MENGGUNAKAN E-COMMERCE
Disusun oleh :
1. M.S Herawati, Skom.,MMSI
NIP : 011015
2. M.S Harlina, S.Kom.,MM
NIP : 880082
FAKULTAS ILMU KOMPUTER
UNIVERSITAS GUNADARMA
DEPOK, NOPEMBER 2012
MEMBUAT APLIKASI TOKO ON-LINE MENGGUNAKAN E-COMMERCE
1. M.S Herawati, Skom.,MMSI
2. M.S Harlina, S.Kom.,MM
Fakultas Ilmu Komputer Universitas Gunadarma
ABSTRAK
Saat ini, internet banyak digunakan diberbagai bidang aplikasi seperti bidang
pendidikan, hiburan, tetapi juga dibidang bisnis. Di bidang bisnis, internet
digunakan sebagai tempat untuk memasarkan dan menjual sebuah barang, jasa atau
ide. yang dikenal dengan Toko On-line. Internet yang merupakan salah satu sarana
utuk menjual berbagai produk dapat menjangkau informasi produk secara luas.
Sarana tersebut bagi pengguna sebagai pasar maya yang memudahkan bagi penjual
dan pembeli untuk betransaksi. Aplikasi Toko on-line dapat membantu distributor
produk yang tidak mempunyai dana untuk menyewa toko dan memasarkan
produknya. Untuk membuat aplikasi Toko On-line menggunakan
E-commerce
dengan bahasa script PHP. Rancangan aplikasi yang dibuat Struktur Navigasi User
untuk halaman Website, dan aplikasi database menggunakan MySQL.
Kata Kunci : Toko On-Line, E-Commerce, PHP, MySQL
PENDAHULUAN
Sejalan dengan perkembangan dunia komputer, internet telah menjadi sarana
yang sangat penting dalam menjalankan berbagai kegiatan saat ini. Internet telah
mempermudah dalam berhubungan dengan orang lain atau mendapatkan informasi
yang lokasinya sangat jauh dengan cepat. Saat ini, internet bukan saja hanya
digunakan sebagai sarana pendidikan dan hiburan, tetapi juga digunakan sebagai
tempat untuk memasarkan dan menjual sebuah produk yang dikenal dengan Toko
On-line.
Di Indonesia pada saat ini banyak perusahaan besar maupun kecil
menggunakan Toko On-line ini untuk menjual produknya secara luas keseluruh
pelosok Indonesia bahkan ke luar negeri, karena dengan metode ini merupakan suatu
sarana bagi pengguna internet sebagai pasar maya yang memudahkan bagi penjual
dan pembeli untuk betransaksi dan dapat menampilkan produk yang akan dijual
sehingga pembeli akan tertarik lalu membeli produk tersebut.
Untuk membantu distributor produk yang tidak mempunyai dana untuk
menyewa toko dan memasarkan produknya maka perlu membuat aplikasi Toko Online mengunakan E-commerce.
TINJAUAN PUSTAKA
Pengertian Internet
Internet (Inter-Network) merupakan sekumpulan jaringan Komputer yang
menghubungkan situs akademik, pemerintahan, komersial, organisasi, maupun
perorangan. Internet menyediakan akses untuk layanan telekomunikasi dan
sumber daya informasi untuk jutaan pemakainya yang tersebar diseluruh dunia.
Sebagai gambaran umum, internet adalah suatu jaringan komputer global
terbentuk dari jaringan-jaringan komputer lokal dan regional, memungkinkan
komunikasi data antar komputer-komputer yang terhubung ke jaringan tersebut.
Aplikasi Internet
Internet sebenarnya mengacu kepada istilah untuk menyebut sebuah jaringan,
Bukanya suatu aplikasi tertentu. Karenanya, internet tidaklah memiliki manfaat
apa-apa tanpa adanya aplikasi yang sesuai. Internet menyediakan beragam
aplikasi yang dapat digunakan untuk berbagai keperluan. Setiap aplikasi berjalan
diatas sebuah protocol tertentu. Istilah “Protokol” diinternet mengacu pada satu
set aturan yang mengatur bagaimana sebuah aplikasi berkomunikasi dalam suatu
jaringan. Sedangkan aplikasi yang berjalan diatas sebuah protocol disebut sebagai
aplikasi client.
Saat ini terdapat banyak jenis protokol jaringan komputer yang salah satunya
yang dikembangkan oleh DARPA (Defense Advanced Research Projects Agency),
dalam pengembangan dari ARPANET (Advanced Research Project Agency
Network) dan juga digunakan oleh jaringan komputer berbasis system operasi UNIX
yaitu protocol TCP/IP (Transmission Control Protocol / Internet Protocol) yang
menjadi standar protokol yang digunakan pada jaringan internet, karena TCP/IP
dikembangkan untuk dapat diterapkan di hampir segala jenis platform komputer,
biasa dikenal dengan konsep open system.
WWW (World Wide Web)
Dewasa ini WWW atau yang sering disebut sebagai “web”
merupakan
aplikasi internet yang paling popular. Demikian populernya hingga banyak orang
yang keliru mengidentifikasikan web dengan Internet. Secara teknis web adalah
sebuah system informasi dalam bentuk, teks, gambar, suara, dan lain-lain yang
tersimpan dalam sebuah Internet webserver dipresentasikan dalam bentuk hypertext.
Informasi di web dalam bentuk teks umumnya ditulis dalam format HTML
(Hypertext Markup Language), informasi lainya disajikan dalam bentuk grafis (dalam
format JPG, GIF, PNG), suara ( dalam format AU, WAV), dan objek multimedia
lainya seperti MIDI, Shockwave, 3D world).
Web dapat diakses oleh perangkat lunak web client yang secara popular
disebut browse. Browse membaca halaman-halaman web yang tersimpan dalam
webserver melalui protocol yang disebut HTTP (Hypertext Transfer Protocol).
Sebagai dokumen hypertext, dokumen-dokumen di web dapat memiliki link
(sambungan) dengan dokumen lain, baik yang tersimpan dalam webserver yang
sama maupun webserver yang lainya. Link memudahkan para pengakses web
berpindah dari satu halaman ke halaman lainya, dan berkelana dari satu server ke
server lainnya. Kegiatan-kegiatan penelusuran halaman web ini biasa diistilahkan
sebagai browsing, ada juga yang menyebutnya sebagai surfing (berselancar).
Seiring dengan semakin berkembangnya jaringan internet diseluruh dunia,
maka jumlah halaman web yang dapat diakses melalui internet telah mencapai
angka miliaran. Untuk memudahkan penelusuran halaman web, terutama untuk
menemukan halaman yang memuat topik-topik yang spesifik, maka para
pengakses web dapat menggunakan search engine dilakukan berdasarkan kata
kunci yang kemudian dicocokan oleh search engine dengan database.
E– Commerce (Electronic Commerce)
Aplikasi-aplikasi diatas sebenarnya adalah aplikasi dasar yang paling
umum digunakan di internet. Selain aplikasi tersebut sebenarnya masih ada
lusinan aplikasi lainya yang memanfaatkan jaringan internet. Diantaranya adalah ecommerce. Dari namanya, kita sudah bisa menebak kalau ini berkaitan dengan
kegiatan yang bersifat komersial. Tidak salah memang, karena istilah e-commerce ini
memang mengacu kepada kegiatan komersial diinternet. Contoh yang paling umum
dari kegiatan e-commerce tentu saja adalah aktifitas transaksi perdagangan, mulai
dari pemasaran, penjualan, promosi, transfer uang dan sebagainya melalui sarana
internet. Dengan memanfaatkan e-commerce, para penjual dapat menjajakan
produknya secara lintas Negara karena memang sifat internet sendiri yang tidak
mengenal batasan geografis. Transaksi dapat berlangsung secara real time dari sudut
mana saja didunia asalkan terhubung dalam jaringan internet.
Umumnya tansaksi melalaui sarana e-commerce dilakukan melalui sarana
suatu situs web yang dalam hal ini berlaku sebagai semacam etalase bagi produk
yang dijajakan. Dari situs web ini para pembeli dapat melihat bentuk dan spesifikasi
produk bersangkutan lengkap dengan harga yang dipatok. Berikutnya, apabila si
calon pembeli tertarik maka ia dapat melakukan teransaksi pembelian disitus tersebut
dengan sarana kartu kredit. Berbeda dengan transaksi kartu kredit pada umumnya
yang menggunakan peralatan khusus, transaksi kartu kredit di internet cukup dengan
memasukan nomor kartu kredit beserta waktu kadaluwarsanya pada formulir yang
disediakan.
Ditahap selanjutnya, program di server e-commerce akan melakukan
verifikasi terhadap nomor kartu kredit yang diinputkan. Apabila nomor kartu yang
dimasukan valid, maka transaksi dianggap sah dan barang yang dipesan akan
dikirimkan ke alamat pembeli. Tentu saja sebelumnya saat mengisi formulir
pemesanan, calon pembeli telah mengisikan alamat lengkap kemana barang yang
akan dibelinya harus dikirimkan. Harga barang yang dibeli kemudian akan
dimasukan kedalam rekening tagihan dari kartu kredit yang digunakan.
Pengertian HTML (Hypertext Markup Language)
HTML merupakan bahasa standart yang dipergunakan untuk dokumen
yang ada dalam WWW. Perbedaan yang lebih mendasar terhadap dokumendokumen
lainnya yaitu: dokumen HTML biasa mengandung link atau hubungan kebagian lain
dari sebuah dokumen atau kedokumen lain dari situs web.
Hypertext Markup Language (HTML) adalah bahasa yang digunakan
untuk menulis halaman web. Untuk menyampaikan ide pada browser, HTML
menggunakan apa yang dinamakan tag. Tag selalu ditulis diantara tanda lebih
kecil dan tanda lebih besar (<tag>).
Tag-Tag Yang Terdapat Pada HTML
Contoh tag-tag pada HTML antara lain adalah :
<HTML>…</HTML> :
Menandai akhir dan awal dokumen HTML.
<HEAD>…</HEAD>
:
Berisi berbagai informasi dokumen HTML.
<TITLE>…</TITLE>
:
Membuat judul, ditempatkan pada bagian HEAD.
<BODY>…</BODY> :
Berisi semua format yang akan ditampilkan pada
browser.
<H1>…</H1>
:
Membuat heading dengan level 1.
<LINK>…</LINK>
:
Dipergunakan untuk menghubungkan page dengan
objek lain.
<TR>…</TR>
:
Membuat baris suatu tabel.
<BR>
:
Membuat baris baru.
Struktur Dokumen HTML
Secara sederhana HTML terdiri dari dua buah bagian yaitu header dan body.
Struktur HTML diapit oleh tag awal <HTML> dan tag akhir </HTML>. Standar
penulisannya adalah :
<HTML>
<HEAD>
Dekripsi Dokumen
</HEAD>
<BODY>
Isi Dokumen
</BODY>
</HTML>
Mengenal PHP
PHP dikenal sebagai sebuah bahasa scripting yang menyatu dengan tagtag HTML, dieksekusi di server dan digunakan untuk membuat halaman web
yang dinamis seperti halnya Active Server Pages (ASP) atau JavaServer Pages (JSP).
Versi pertama PHP dibuat oleh Rasmus Lerdorf pada tahun 1995. Versi
pertama ini merupakan sekumpulan script PERL yang digunakan oleh Rasmus
Lerdorf untuk membuat halaman web yang dinamis pada home page pribadinya.
Rasmus menulis ulang script-script PERL tersebut menggunakan bahasa C, kemudian
menambahkan fasilitas untuk Form HTML, koneksi MySQL dan meluncurlah PHP
versi kedua yang diberi nama PHP/F1 pada tahun 1996.
PHP versi ketiga dirilis pertengahan 1997. Pada versi ini pembuatannya tidak
lagi oleh Rasmus sendiri, tetapi juga melibatkan beberapa programmer lain yang
antusias untuk mengembangkan PHP. Versi terakhir PHP 4.0 dirilis bulan Oktober
2000. Perubahan mendasar pada PHP 4.0 adalah integrasi Zend Engine. Zend dibuat
oleh Zeef Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP 3
sripting engine. Hal lain adalah build in HTTP session, tidak lagi menggunakan
library tambahan seperti Pada PHP 3.
XAMPP: Paket Apache, PHP dan MySQL Instant
XAMPP merupakan salah satu paket installasi Apache, PHP dan MySQL
instant yang dapat kita gunakan untuk membantu proses installasi ketiga produk
tersebut. Selain paket installasi instant XAMPP versi 1.6.4 juga memberikan fasiltias
pilihan pengunaan PHP4 atau PHP5. Untuk berpindah versi PHP yang ingin
digunakan juga sangat mudah dilakukan dengan mengunakan bantuan PHP- Switch
yang telah disertakan oleh XAMPP, dan yang terpenting XAMPP bersifat free atau
gratis untuk digunakan.
XAMPP
XAMPP merupakan pengembangan dari LAMP (Linux Apache, MySQL,
PHP and PERL), XAMPP ini merupakan project non-profit yang di kembangkan
oleh Apache Friends yang didirikan Kai 'Oswalad' Seidler dan Kay Vogelgesang
pada tahun 2002, project mereka ini bertujuan mempromosikan pengunaan
Apache web server.
XAMPP
menyediakan
beberapa
paket
yang
bisa
http://www.apachefriends.org, pada penulisan ini saya
diperoleh
dari
mengunakan Basic
Package
ANALISIS MASALAH
Dalam perancangan web yang akan dibangun ini diperlukan rancangan
yang user friendly dan memiliki tema yang sesuai dengan
produk yang akan
dijual. Untuk itulah diperlukan pembaharuan tampilan, koreksi, update, informasiinformasi terbaru dan layanan tambahan lainnya.
Di dalam perancangan web ini diperlukan tampilan web yang dinamis karena
terjadi interaksi antara user dan web ini sendiri. Jika user ingin membeli produk yang
ditawarkan oleh web ini, maka user akan diminta untuk mengisi beberapa form
sebagai
registrasi
kemudian
user
akan
mentrasfer
biaya
sesuai dengan
banyaknya produk yang dibeli.
PEMBAHASAN
Aplikasi e-commerce merupakan aplikasi client server yang menggunakan
media internet. Agar aplikasi dapat berjalan dengan baik dibutuhkan beberapa
komponen utama yaitu Web server sebagai servernya, Web browser sebagai client,
dan Database server. Perangkat lunak yang digunakan untuk membuat aplikasi ini
adalah XAMPP, PHP dan MySQL ,Mozilla Firefox sebuah web browser sebagai
client.
Struktur Navigasi
Tujuan dari pembuatan peta navigasi adalah memberikan kemudahan
dalam merancang sebuah halaman website.
DAFTAR
HOME PAGE
LOG IN
CONTACT
US
HOW TO BUY
SHOPPING
CART
MY ACCOUNT
CATALOG
SPESIFIKASI BARANG
CATEGORIES
NEW PRODUCT
DETAIL
PRODUCT
Gambar 3.1 Struktur Navigasi User
Dari struktur peta navigasi di atas, perancangan halaman website digunakan untuk
menggambarkan semua elemen yang akan terlihat pada layar monitor pengunjung,
meliputi teks, bentuk tombol, dan sebagainya.
Entity Relationship Diagram (ERD)
Pada aplikasi ini digunakan sebuah database dengan menggunakan
MYSQL. Berikut ini adalah gambaran tentang penggambaran ERD dari tabeltabel yang digunakan dalam pembuatan databasenya.
Id_costumer
First
name
Last
name
Id_catagori
Id Product
Orders id
name
Id Product
Id_costumer
addrr
Customers
price
memesan
M
Products
N
paswrd
phone
N
email
date
Prodk image
Stok
quantity
Final price
Mempunya
image
1
Date_
added
categories
Id_Catagori
Gambar 3.19 ERD
Pembuatan Aplikasi Toko OnLine
Pada
tahap
ini,
halaman-halaman web yang akan dibuat pada toko aplikasi
online adalah Halaman Home atau Index sebagai halaman utama, Rancangan Tampilan
Halaman New product yang ditujukan untuk pengunjung yang ingin melihat info product–
product baru, Rancangan Tampilan Halaman My account untuk membuat account baru
bagi pelanggan baru yang akan mau berbelanja dan untuk login bagi pelanggan lama yang
sudah membuat account sebelumnya yang akan mau berbelanja. Rancangan Tampilan
Halaman Contact Us. Halaman ini ditujukan untuk pengunjung yang ingin bertanya
tentang produk yang di pasarkan. Rancangan Tampilan Halaman Shoping Cart untuk
pengunjung yang ingin melihat barang belanjaannya. Rancangan Tampilan Halaman
Categories untuk pengunjung yang ingin melihat merk produk. Rancangan Tampilan
Halaman Panel Admin, halaman ini Administrator dapat
melihat,
menghapus dan
menginput username dan password yang baru.
PENUTUP
Dengan perancangan aplikasi Toko online ini, penulis mencoba untuk menarik
kesimpulan bahwa aplikasi ini dapat menjadi alternatif untuk mempermudah proses
pembelian, penjualan dan promosi barang. Selain itu dengan adanya aplikasi ini dapat
melebarkan jangkauan bisnis, menurunkan biaya operasi, dan juga dapat meningkatkan
customer loyality bagi suatu perusahaan. Agar aplikasi ini dapat berjalan dengan lebih baik
dan optimal, disarankan agar aplikasi ini ditambah lagi dengan membuat program yang dapat
melindungi website ini khususnya pada bagian adminnya agar tidak sembarang orang bisa
mengakses databasenya. Program pengamanan ini bisa dilakukan dengan cara melindungi
halaman-halaman administrasinya dengan sistem authentikasi.
DAFTAR PUSTAKA
[1] Betha Sidik, Pemrograman Web dengan PHP, Penerbit Informatika Bandung,
Bandung, 2003.
[2] Bunafit Nugroho, Aplikasi Pemrograman Web Dinamis Dengan PHP Dan
MySQL, Gava Media, Yogyakarta, 2004.
[3]
Haris Saputro, Manajemen Database MySQL Menggunakan MySQL Front, PT.
Elex Media Komputindo, Yogyakarta, 2003.
[4] Kok Yung, Trik Menguasai Perintah SQL, PT. Elex Media Komputindo,
Jakarta, 2003.
[5] Lenawati Mei, Mahir Dalam 7 Hari Macromedia Dreamweaver 8 dengan
PHP, Penerbit Andi Yogyakarta, Yogyakarta, 2007
[6] Lukmanul Hakim, Uus Musalini, Cara Mudah Memadukan Web Design dan
Web Programming, PT. Elex Media Komputindo, Jakarta, 2005.
[7] Y. B. Mulyana, Trik Membangun Situs Menggunakan PHP dan MySQL,. PT.
Elex Media Komputindo, Jakarta, 2004.
[8] http://www.katalogbiobses.com/judul 3814, cara cepat membuat sendiri toko
online menggunakan_oscommerce.html , juni 2009
Download