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 Yang Terdapat Pada HTML Contoh tag-tag pada HTML antara lain adalah : … :

Menandai akhir dan awal dokumen HTML.

…

:

Berisi berbagai informasi dokumen HTML.

<TITLE>…

:

Membuat judul, ditempatkan pada bagian HEAD.

… :

Berisi semua format yang akan ditampilkan pada browser.

…

:

Membuat heading dengan level 1.

…

:

Dipergunakan untuk menghubungkan page dengan

objek lain. …

:

Membuat baris suatu tabel.




:

Membuat baris baru.

Struktur Dokumen HTML Secara sederhana HTML terdiri dari dua buah bagian yaitu header dan body. Struktur HTML diapit oleh tag awal dan tag akhir . Standar penulisannya adalah : Dekripsi Dokumen Isi Dokumen

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