FRAMEWORK CODEIGNITER
TUGAS AKHIR
Oleh :
ASWIN ROSADI
NPM. 0734010267
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”
JAWA TIMUR
ABSTRAK ... i
2.2.2. Arsitektur dan Konfigurasi Sistem ... 13
2.2.3. Stateles Web Server ... 13
2.2.4. Konfigurasi Sistem Dan Tool ... 16
2.3.4. Struktur File Codeigniter (CI) ... 19
2.11. URL (Uniform Resource Locator) ... 36
2.12. PHP ... 37
3.2. Perancangan Sistem ... 42
3.4.3. Database Relational... 51
3.4.4. Daftar Tabel ... 52
3.5. Perancangan Antar Muka (Interface)... 55
3.5.1. Perancangan Antar Muka Halaman Pembuka … .... 56
3.5.2. Perancangan Antar Muka Halaman Admin …….... 56
BAB IV IMPLEMENTASI SISTEM ... 58
4.1. Lingkungan Implementasi... 58
4.2. Implementasi ... 59
4.2.1. Halaman Utama... 59
4.2.2. Halaman Profil ... 60
4.2.3. Halaman Cara Pembelian ... 61
4.2.7. Halaman Login Administrator ... 63
4.2.8. Halaman Admin ... 64
4.2.9. Halaman View Order ... 64
4.2.10. Halaman Master Produk ... 65
4.2.11. Halaman View Komentar ... 66
BAB V UJI COBA DAN EVALUASI ... 67
5.1. Uji Coba ... 67
5.1.1 Uji Coba Sistem ... 67
5.2. Uji Coba Login ... 68
5.3. Uji Coba Input Produk ... 69
5.4. Uji Coba Transaksi... 70
5.5. Uji Coba Input Guest Book ... 73
BAB VI PENUTUP ... 74
6.1. Kesimpulan ... 74
6.2. Saran... 75
Tabel 3.1 Tabel Produk ... 53
Tabel 3.2 Tabel Hunbungi ... 53
Tabel 3.3 Tabel order_temp ... 54
Gambar 2.1 Contoh aplikasi E-Commerce : Pembelian CD dengan Kartu Kredit
... 10
Gambar 2.2 Arsitektur Client/Server ... 13
Gambar 2.3 Perbandingan State dalam Sistem Aplikasi: A.State yang kontinyu dalam aplikasidesktop, dan B.Stateless protokol dalam aplikasi web ... 14
Gambar 2.4 Komunikasi Antar Situs dalam Aplikasi E-Commerce ... 16
Gambar 2.5 Tampilan Hasil Program ... 39
Gambar 4.7 Halaman Login Admin ... 63
Gambar 4.8 Halaman Admin ... 64
Gambar 4.9 Halaman View Order ... 65
Gambar 4.10 Halaman Master Produk ... 65
Gambar 4.11 Halaman View Komentar ... 66
Gambar 5.1 Gambar Login ... 68
Gambar 5.2 Halaman Admin ... 69
Gambar 5.3 Halaman Tambah Produk ... 69
Gambar 5.4 Halaman Add Produk ... 70
Gambar 5.5 Halaman Produk ... 70
Gambar 5.6 Halaman Keranjang Pembelian ... 71
Gambar 5.7 Halaman Data Pembeli ... 72
Gambar 5.8 Halaman Selesai Transaksi ... 72
Gambar 5.9 Halaman Input Komentar ... 73
Disusun Oleh : Aswin Rosadi
Pembimbing : I Gede Susrama MD, ST, M.Kom Wahyu S. J Saputra, S.Kom
____________________________________________________________________
ABSTRAK
Dengan adanya teknologi internet yang berkembang pada saat ini membuat jarak, tempat, serta kecepatan bertransaksi akan semakin dapat dipermudah. Salah satu sarana untuk mempercepat itu adalah Electronic Commerce, yaitu dengan pembuatan penjualan produk baju busana muslim di Butik Anaya Collection. Langkah awal yang kita lakukan adalah dengan pengumpulan data berupa data toko, dan produk yang dijual, kemudian menganalisis data dan merancang sistem yang diharapkan bisa memenuhi keinginan customer dalam membeli produk secara mudah dan cepat. Langkah terakhir yang dilakukan adalah dengan pembuatan implementasi sistem. Pembuatan E-Commerce Butik Anaya Collection Berbasis Web PHP Dan Menggunakan Framework Codeigniter ini dibuat dengan arsitektur web Framework
Codeigniter dan menggunakan bahasa pemograman PHP, MySQL sebagai data base-nya dan apache sebagai web server-base-nya, dibantu juga dengan penggunaan phpmyadmin dalam pembuatan tabel, selain itu penulis juga menggunakan macromedia dreamweaver sebagai tool pembantu untuk memperindah tampilan web.
Dengan alasan untuk memperoleh kemudahan mendapatkan segala informasi terbaru mengenai produk baju busana muslim dan pembeliannya secara cepat dan tepat maka penulis telah berhasil membuat “E-Commerce Butik Anaya Collection Berbasis Web PHP Dan Menggunakan Framework Codeigniter di Surabaya” yang bisa memenuhi kebutuhan customer tentang segala sesuatu yang berhubungan dengan baju busana muslim.
Alhamdulillahi rabbil ‘alamin, Puji syukur penulis panjatkan kepada
Allah SWT atas semua Rahmat, Berkah, dan Ridho-Nya yang telah diberikan
kepada penulis sehingga dapat menyelesaikan Tugas Akhir yang berjudul
“E-Commerce Butik Anaya Collection Berbasis Web PHP Dan Menggunakan Framework Codeigniter” ini dengan baik.
Tugas Akhir merupakan salah satu syarat bagi mahasiswa untuk
menyelesaikan program studi Sarjana Strata Satu (S1) di Jurusan Teknik
Informatika Fakultas Teknologi Industri Universitas Pembangunan Nasional
“Veteran” Jawa Timur.
Melalui Tugas Akhir ini penulis merasa mendapatkan kesempatan besar
untuk memperdalam ilmu pengetahuan yang diperoleh selama di bangku
perkuliahan. Namun, penulis menyadari bahwa Tugas Akhir ini masih jauh dari
sempurna. Oleh karena itu penulis sangat mengharapkan saran dan kritik dari para
pembaca untuk pengembangan aplikasi lebih lanjut.
Surabaya, 19 Juni 2011
BAB I PENDAHULUAN
1.1 Latar Belakang
Sejalan dengan perkembangan dan kemajuan teknologi masa kini
khususnya teknologi informasi, maka perkembangan komputer sebagai media
informasi yang cepat dan canggih mampu memberikan peranan yang sangat
penting dalam menunjang pelaksanaan kegiatan sehari-hari dalam segala bidang.
Dalam perkembanganya, komputer dapat membantu pada setiap usaha maupun
jasa baik yang bergerak di dunia bisnis, lembaga pendidikan, maupun institusi
pemerintahan.
Hal ini ditandai dengan digunakannya komputer sebagai pengolah
informasi yang tepat dan cepat. Masyarakat dunia dewasa ini tengah memasuki
era masyarakat informasi yang ditandai dengan pertukaran berbagai jenis
informasi secara mudah.
Kemudahan dan kelancaran dalam pertukaran informasi tersebut
menumbuhkan perubahan dalam bidang ekonomi dan proses-proses bisnis yang
dikenal secara popular dengan nama “New Economy”, “Digital Economy” atau
“E-Conomy ”.
Dalam New Economy terjadi perubahan paradigma dalam transaksi
berbisnis, dari semula yang berbasis transaksi tertulis (kertas) menjadi transaksi
bisnis yang berbasis digital / elektronik. Transaksi-transaksi bisnis secara digital /
Dalam suatu proses transaksi jaman sekarang tidak mutlak harus saling
bertatap muka antara produsen dan konsumen. Dasar kuat penulis merancang web
ini karena belum tentu terjadinya transaksi antara penjual dan pembeli pada saat
mereka bertemu.
Di dalam permasalahan yang ada pada Anaya Collection yang bergerak di
bidang butik busana bagi muslim khususnya dalam penjualan baju-baju muslim,
penulis mengambil sebuah gambaran dan sebuah permasalahan proses transaksi
dilakukan masih secara konvensional. Biasanya konsumen datang langsung ke
butik Anaya Collection untuk mendapatkan barang yang akan dibeli, dengan kata
lain pihak konsumen harus bertatap muka langsung tanpa media perantara. Hal ini
menyebabkan terbatasnya ruang lingkup penjualan pada suatu lokasi / daerah
tertentu saja. Sehingga tidak memungkinkan penjualan agar bisa meluas kedaerah
yang belum pernah terjangkau sebelumnya. Sehingga diperlukan sistem transaksi
yang tidak membutuhkan banyak waktu dan biaya serta mudah diterima
dimanapun dan kapanpun.
Dengan melihat beberapa kekurangan dalam proses transaksi diatas, maka
dari itu penulis mencoba memberikan pandangan dan solusi dengan membuat
sistem informasi Commerce di Anaya Collection. Mungkin dengan adanya
E-Commerce, Anaya Collection tidak perlu mengeluarkan anggaran yang banyak
untuk melakukan promosi dan mengenalkan produk-produk mereka kepada
konsumen. Perusahaan cukup memperkenalkan produk mereka melalui media
Internet dimana sebuah website E-Commerce dapat mewakili keberadaan Anaya
Collection di dunia maya. Konsumen dapat memesan barang dan bertransaksi
1.2 Perumusan Masalah
Berdasarkan latar belakang diatas maka dapat diangkat permasalahan pada
tugas akhir ini sebagai berikut :
a) Bagaimana membuat program atau aplikasi penjualan on-line yang dapat
memudahkan pembeli / konsumen melihat dan memilih produk-produk yang
ditawarkan agar menghemat waktu dan biaya?
b) Bagaimana membuat program atau aplikasi penjualan on-line yang dapat
membuat mekanisme pembayaran pemesanan barang yang mudah dan cepat?
c) Bagaimana membuat program atau aplikasi penjualan on-line yang dapat
dijadikan ajang promosi bagi Butik Anaya Collection yang mudah dan
efesien?
1.3 Batasan Masalah
Agar pembahasan tugas akhir ini tidak mengalami perluasan kajian, maka
penulisan ini dibatasi permasalahannya sebagai berikut :
a) Sistem akan menampilkan produk-produk yang dimiliki Anaya Collection.
b) Pembeli / konsumen wajib mengisi data diri dengan benar pada saat
melakukan proses pemesanan / transaksi.
c) Pengiriman barang menggunakan jasa paket sebagai alternatif pilihan utama
dengan perhitungan tarif yang telah ditentukan per kota tujuan.
d) Cara pembayaran dilakukan dengan transfer bank.
e) Jika pembeli / konsumen melakukan pembatalan pemesanan, harus melakukan
konfirmasi ke admin Butik Anaya Collection.
1.4 Tujuan
Tujuan yang ingin dicapai dari tugas akhir pembuatan E-Commerce di
Butik Anaya Collection ini adalah :
a) Memberikan kemudahan dalam pemasaran produk.
b) Menberikan kemudahan dalam proses pemesanan / transaksi.
c) Mempublikasikan Butik Anaya Collection kepada masyarakat.
1.5 Manfaat
Adapun manfaat yang diinginkan dari tugas akhir pembuatan E-Commerce
di Butik Anaya Collection ini sebagai berikut :
a) Untuk mempermudah proses pemesanan / transaksi produk bagi pelanggan,
terutama bagi pelanggan yang bertempat tinggal jauh dari butik dengan
keakuratan data pesanan.
b) Bagi pihak produsen dan penjual barang atau jasa, penggunaan E-Commerce
dapat membantu menekan biaya promosi dan dapat mempersingkat jalur
distribusi dan memberikan efisiensi waktu dan biaya.
c) Bagi pihak konsumen, penggunaan E-Commerce dapat memberikan efisiensi
waktu dalam berbelanja barang maupun jasa.
1.6 Metodologi Pembuatan Tugas Akhir
Untuk dapat mengimplementasikan sistem diatas, maka secara garis besar
a) Studi Literatur
Menggunakan buku-buku, internet, atau sumber-sumber lain yang
berhubungan dengan materi penulisan tugas akhir.
b) Pengamatan (Observasi)
Dari pengamatan terhadap sistem penjualan yang ada pada butik Anaya
Collection dan data-data yang terkumpul selanjutnya akan diolah secara lebih
lanjut.
c) Analisa Permasalahan
Melakukan analisa awal tentang sistem yang akan dibuat untuk kemudian
dapat menentukan cara yang paling efektif untuk menyelesaikan masalah.
d) Perancangan Sistem dan Analisa Data
Setelah semua perancangan sistem selesai dibuat maka diadakan analisa
data tersebut apakah telah sesuai dengan yang diharapkan atau tidak, dengan
menggunakan model perancangan sistem yang telah ditetapkan.
e) Implementasi Sistem
Pada tahap ini dilakukan proses implementasi dari hasil rancangan sistem
yang akan dibuat menggunakan arsitektur web dengan CodeIgniter.
f) Uji Coba Perangkat Lunak
Menguji program yang telah dibuat, untuk mengetahui letak kesalahan
dalam aplikasi dan memperbaikinya.
g) Dokumentasi
1.7 Sistematika Penulisan
Sistematika Penulisan tugas akhir ini nantinya tersusun atas beberapa
sistematis penulisan, yaitu :
BAB I PENDAHULUAN
Bab ini berisi latar belakang, perumusan masalah, batasan masalah,
tujuan dan manfaat penelitian, metodologi penulisan tugas akhir,
dan sistematika penulisan yang digunakan dalam laporan tugas
akhir ini.
BAB II TINJAUAN PUSTAKA
Bab ini menjelaskan tentang teori-teori yang berkaitan dengan
penyelesaian tugas akhir dan program aplikasi E-Commerce yang
dibuat, diantaranya sejarah singkat Butik Anaya Collection, World
Wide Web, HTML, Cascading Style Sheets (CSS), Pemrograman
pada web, Bahasa Pemrograman PHP, Framework CodeIgniter
dan server basisdata MySQL.
BAB III ANALISIS DAN PERANCANGAN SISTEM
Bab ini menjelaskan tentang tata cara metode analisa dan
perancangan sistem yang digunakan untuk mengolah sumber data
yang dibutuhkan sistem, antara lain: Flowchart, System Flow, Data
Flow Diagram(DFD), dan Entity Relational Diagram(ERD). BAB IV IMPLEMENTASI APLIKASI
Bab ini menjelaskan implementasi dari program yang telah dibuat
meliputi lingkungan implementasi, implementasi proses dan
BAB V UJI COBA DAN EVALUASI
Bab ini menjelaskan tentang pelaksanaan uji coba dan evaluasi dari
pelaksanaan uji coba dari program aplikasi yang dibuat.
BAB VI PENUTUP
Bab ini berisikan tetang kesimpulan yang dapat diambil dari
keseluruhan isi dari laporan Tugas Akhir serta Saran yang
disampaikan penulis untuk pengembangan sistem yang ada demi
kesempurnaan sistem yang lebih baik.
DAFTAR PUSTAKA
Pada bagian ini akan dipaparkan tentang sumber-sumber literatur
BAB II
TINJAUAN PUSTAKA
Dalam bab ini menjelaskan tentang teori-teori yang berkaitan dengan
penyelesaian tugas akhir dan program aplikasi E-Commerce yang dibuat,
diantaranya sejarah singkat Anaya Collection, World Wide Web, HTML,
Cascading Style Sheets (CSS), Pemrograman pada web, Bahasa Pemrograman PHP, Framework CodeIgniter dan server basisdata MySQL.
2.1 Sejarah Singkat Anaya Collection
Anaya Collection adalah sebuah butik baju-baju muslim. Pemikiran awal
berdirinya butik ini adalah karena kita semua menyadari bahwa kemajuan zaman
dan kemajuan umat muslim didunia bertambah pesat. Dan untuk menciptakan
terobosan baru busana bagi umat muslim oleh sebab itu kami mendirikan subuah
butik yang menyediakan baju-baju muslim modern. Selain itu kami juga
menciptakan baju-baju muslim yang modern agar seorang muslim / muslimah
tidak ketinggalan trend mode berpakaian.
Anaya Collection memproduksi berbagai macam baju-baju muslim yang
selalu up to date dengan trend yang ada. Anaya Collection juga selalu berusaha
untuk memperbaharui produk serta layanannya sesuai dengan perkembangan
zaman dan tuntutan masyarakat. Hal ini ditunjukkan dalam pemilihan bahan yang
berkualitas tetapi dengan harga yang terjangkau.
Walaupun berpusat di Surabaya, Anaya Collection memiliki daya jangkau
melayani seluruh customer dari manapun, adalah salah satu cara untuk
memelihara komitmen kami yaitu ikut menciptakan dan menjaga keindahan
berbusana bagi seorang muslim.
2.2 Electronic Commerce
Definisi E-Commerce ( Electronic Commerce ) menurut Mariza Arfina
dan Robert Marpaung dalam artikenya “Electronic Commerce” adalah :
Definisi E-Commerce ( Electronic Commerce ) menurut Mariza Arfina
dan Robert Marpaung dalam artikenya “Electronic Commerce” adalah :
E-commerce merupakan suatu cara berbelanja atau berdagang secara online atau
direct selling yang memanfaatkan fasilitas Internet dimana terdapat website yang
dapat menyediakan layanan "get and deliver”. E-commerce akan merubah semua
kegiatan marketing dan juga sekaligus memangkas biaya-biaya operasional untuk
kegiatan trading (perdagangan)[1].
Proses yang ada dalam E-commerce adalah sebagai berikut :
a) Presentasi electronis (Pembuatan Web site) untuk produk dan layanan.
b) Pemesanan secara langsung dan tersedianya tagihan.
c) Otomasi account Pelanggan secara aman (baik nomor rekening maupun
nomor Kartu Kredit).
d) Pembayaran yang dilakukan secara langsung (online) dan penanganan
transaksi Keuntungan yang diperoleh dengan menggunakan transaksi melalui
E-commerce bagi suatu perusahaan adalah sebagai berikut :
e) Meningkatkan pendapatan dengan menggunakan online channel yang
f) Mengurangi biaya-biaya yang berhubungan dengan kertas, seperti biaya pos
surat, pencetakan, report, dan sebagainya.
g) Mengurangi keterlambatan dengan mengunakan transfer elektronik /
pembayaran yang tepat waktu dan dapat langsung dicek.
h) Mempercepat pelayanan ke pelanggan, dan pelayanan lebih responsif.
Gambar 2.1 Contoh aplikasi E-Commerce : Pembelian CD dengan Kartu Kredit
2.2.1 Jenis eCommerce
eCommerce dapat dibagi menjadi dua jenis, yaitu Business to Business
(B2B) dan Business to Consumer (B2C, retail). Kedua jenis eCommerce ini
memiliki karakteristik yang berbeda[2].
a) Trading partners yang sudah diketahui dan umumnya memiliki hubungan
(relationship) yang cukup lama. Informasi hanya dipertukarkan dengan
partner tersebut. Dikarenakan sudah mengenal lawan komunikasi, maka jenis
informasi yang dikirimkan dapat disusun sesuai dengan kebutuhan dan
kepercayaan (trust).
b) Pertukaran data (data exchange) berlangsung berulang-ulang dan secara
berkala, misalnya setiap hari, dengan format data yang sudah disepakati
bersama. Dengan kata lain, servis yang digunakan sudah tertentu. Hal ini
memudahkan pertukaran data untuk dua entiti yang menggunakan standar
yang sama.
c) Salah satu pelaku dapat melakukan inisiatif untuk mengirimkan data, tidak
harus menunggu partnernya.
d) Model yang umum digunakan adalah peer-to-peer, dimana processing
intelligence dapat didistribusikan di kedua pelaku bisnis.
Business to Consumer eCommerce memiliki karakteristik sebagai berikut :
a) Terbuka untuk umum, dimana informasi disebarkan ke umum.
b) Servis yang diberikan bersifat umum (generic) dengan mekanisme yang dapat
digunakan oleh khalayak ramai. Sebagai contoh, karena sistem Web sudah
umum digunakan maka servis diberikan dengan menggunakan basis Web.
c) Servis diberikan berdasarkan permohonan (on demand). Konsumer melakukan
inisiatif dan produser harus siap memberikan respon sesuai dengan
d) Pendekatan client/server sering digunakan dimana diambil asumsi client
(consumer) menggunakan sistem yang minimal (berbasis Web) dan
processing (business procedure) diletakkan di sisi server.
Business to Business eCommerce umumnya menggunakan mekanisme Electronic Data Interchange (EDI). Sayangnya banyak standar EDI yang
digunakan sehingga menyulitkan interkomunikasi antar pelaku bisnis. Standar
yang ada saat ini antara lain: EDIFACT, ANSI X.12, SPEC 2000, CARGO-IMP,
TRADACOMS, IEF, GENCOD, EANCOM, ODETTE, CII. Selain standar yang
disebutkan di atas, masih ada format-format lain yang sifatnya proprietary. Jika
anda memiliki beberapa partner bisnis yang sudah menggunakan standar yang
berbeda, maka anda harus memiliki sistem untuk melakukan konversi dari satu
format ke format lain. Saat ini sudah tersedia produk yang dapat melakukan
konversi seperti ini.
Business to Consumer eCommerce memiliki permasalahan yang berbeda.
Mekanisme untuk mendekati consumer pada saat ini menggunakan
bermacam-macam pendekatan seperti misalnya dengan menggunakan “electronic shopping
mall” atau menggunakan konsep “portal”.
Electronic shopping mall menggunakan web sites untuk menjajakan
produk dan servis. Para penjual produk dan servis membuat sebuah storefront
yang menyediakan catalog produk dan servis yang diberikannya. Calon pembeli
dapat melihat-lihat produk dan servis yang tersedia seperti halnya dalam
kehidupan sehari-hari dengan melakukan window shopping. Bedanya, (calon)
pembeli dapat melakukan shopping ini kapan saja dan darimana saja dia berada
2.2.2 Arsitektur dan Konfigurasi Sistem
Arsitektur dasar dari aplikasi web ini adalah arsitektur client/server.
Artinya pemrosesan aplikasi ini dijalankan melibatkan kedua sisi yakni sisi mesin
server pusat dan sisi client[4]. Hal ini berbeda dengan misalnya aplikasi Microsoft
Word yang hanya melibatkan satu sisi saja yaitu sisi client. Atau bagi pengguna
mesin VAX yang hanya menggunakan sisi server saja sedangkan sisi client hanya
dumb terminal saja yang tidak melakukan pemrosesan apapun di sisi client.
Gambar 2.2 Arsitektur Client/Server
2.2.3 Stateless Web Server
Untuk aplikasi E-Commerce ini web server harus dapat mengingat siapa /
identitas pengguna yang sedang melakukan browsing setiap halaman. Pada
dasarnya aplikasi web dan protocol HTTP adalah stateless. Artinya setiap
melakukan pencatatan apa yang telah dilakukan oleh pengguna sebelumnya dan
terhadap siapa identitas pengguna[5]. Server memperlakukan informasi
permintaan (request) secara serial, satu persatu pada saat request masuk. Tidak
ada koneksi permanen (persistence) yang berjalan setelah sebuah halaman telah
selesai dilayani / dikerjakan.
Gambar 2.3 Perbandingan State dalam Sistem Aplikasi: A.State yang kontinyu
dalam aplikasidesktop, dan B.Stateless protokol dalam aplikasi web
Agar sebuah situs web mempunyai memori / state, dalam hal ini aplikasi
mengidentifikasi pengguna harus dikirim dengan setiap request halaman web.
Informasi tersebut disimpan dengan menggunakan session.
Session tersebut dipergunakan untuk merekam / tracking aktivitas
pengguna yang melalui sejumlah halaman pada website, misalnya pada jenis
aplikasi Shopping Cart (kereta belanja). Direkam pula informasi identitas
pengguna yang memiliki kereta belanja tersebut.
Implementasi session dapat mempergunakan cookie yang disimpan pada
sisi Client, atau dipropagasikan melalui alamat URL.
Untuk penggunaan cookie, yaitu dengan passing variabel melalui
cookie yang menyimpan informasi semua elemen barang belanja dan harganya.
Namun hal ini memiliki keterbatasan yaitu dari (http://www.netscape.com
/newsref/std/cookie_spec.html) mengenai spesifikasi cookie yang hanya
mengijinkan 20 cookie per domain dan berukuran hanya 4 bytes per cookie. Cara
lain adalah dengan memberi identitas / identifier unik pada masing-masing
pengguna, suatu nilai unik yang mengidentifikasi siapa pengguna tersebut.
Sehingga pada saat pengguna menambahkan satu item pada kereta belanja,
informasi yang berkaitan dengan identifier unik tadi disimpan di komputer server.
Jika menggunakan cookie untuk fungsi penyimpan informasi tadi, diperlukan
membuat string unik yang akan diletakkan dalam cookie, dalam direktori di server
akan terdapat sebuah file yang memiliki nama yang sama sebagai ID pengguna
yang unik. Dalam file tersebut dapat disimpan semua variabel yang berkaitan
dengan pengguna. Contohnya terdapat array berisi item-item barang yang
Terdapat keterbatasan penggunaan cookie, yakni bila browser pengguna di
atur untuk menolak (reject) cookie.
Metode lain yang dapat digunakan adalah dengan propagasi URL, yaitu
dengan mengaktifkan flag –enable-trans-sid dalam konfigurasi PHP, hal ini
berguna agar session id akan secara otomatis ditambahkan ke setiap relative link
pada halaman-halaman web setiap kali session telah dimulai.
2.2.4 Konfigurasi Sistem Dan Tool
Masalah lain dalam aplikasi ini adalah mengenai aspek keamanan dalam
memperoleh informasi dari pengguna, terutama data mengenai penggunaan kartu
kredit. Informasi ini perlu diverifikasi oleh institusi yang berkualifikasi dan
memerlukan pengaturan konfigurasi serta penggunaan beberapa macam tool.
Dalam membangun aplikasi ini dipergunakan algoritma untuk memelihara
(maintain) state, pengambilan informasi secara secure terhadap kartu kredit,
menggunakan kode pemrograman khusus dan penggunaan opsi instalasi khusus.
2.3 Framework Codeigniter
Code Igniter (CI) (www.codeigniter.com) adalah salah satu framework
php yang tangguh dan popular yang awalnya ditulis oleh mas Rick Ellis, pendiri
dan CEO EllisLab.com, perusahaan yang mengembangkan codeigniter. Saat ini,
codeigniter dikembangkan oleh komunitas dan disebarkan ke seluruh dunia
dengan lisensi bebas. Code Igniter tergolong framework dengan ukuran kecil dan
cukup mudah di kuasai. CI juga datang dengan manual yang tergolong
lengkap.Code Igniter adalah sebuah framework PHP. Framework itu sendiri
adalah suatu kerangka kerja yang berupa sekumpulan folder yang memuat file-file
php yang menyediakan class libraries, helpers, plugins dan lainnya . Framework
menyediakan konfigurasi dan teknik coding tertentu [5].
2.3.1 Kebutuhan Codeigniter
Untuk menggunakan codeigniter dengan maksimal, anda akan
memerlukan :
a) PHP 4.3.2 atau lebih baru.
b) Web Server, saya rekomendasikan Apache.
c) MySQL, MySQLi, MS SQL, Postgre, Oracle, SQLite atau ODBC.
d) Codeigniter php framework. bisa mendownload di
2.3.2 Instalasi Codeigniter
Karena berupa folder php, maka instalasi Code Igniter, cukup dengan
mengekstrak file kompresi yang di dapat dari situs (www.codeigniter.com) dan
menempatkannya di dalam folder directory web server. Kemudian edit file
config.php yang ada di application/config/config.php dan set base URL anda,
misal : http://localhost/ci Jika hendak menggunakan database, edit file
database.php yang ada di application/config/database.php. Setting database anda
di file tsb. Setelah di lakukan instalasi dan setting, test lah Code Igniter anda
dengan membuka browser anda dan mengetikkan url yang anda taruh di file
config.php di atas, misal : http://localhost/ci Jika muncul halaman welcome ala
Code Igniter, maka Code Igniter telah siap di gunakan[5].
2.3.3 Konsep Model View Controller (MVC)
Konsep MVC adalah konsep pemisahan antara logic dengan tampilan dan
database. Manfaat konsep ini adalah, membuat coding logic lebih simple, karena
sudah di pisah dengan code untuk tampilan dan membuat programmer dapat
bekerja secara terpisah dengan designer. Programmer mengerjakan logic,
sedangkan designer berkutat dengan design dan tampilan.
Model Merupakan code struktur data. Model berisi fungsi di dalam pengolahan database. Script Sql masuk di sini.
View Merupakan code untuk menampilkan tampilan suta program. Tampilan dapat berupa web
Controller Merupakan code untuk logic, algoritma dan sebagai penghubung antara model, view, dan sumber lain yang di perlukan untuk mengolah HTTP
request dan generate web page.
CI menerapkan pola MVC yang flexible, karena model dapat tidak di gunakan.
Anda dapat hanya menggunakan Controller dan View saja dalam menggunakan
CI tanpa Model. Jika tidak memerlukan pemisahan di dalam struktur data dan
database atau menganggap penggunaan model hanya menambah kompleks
aplikasi dengan keuntungan yang kurang sebanding, maka dapat tidak
menggunakan model[5].
2.3.4 Struktur File Codeigniter (CI)
CI adalah sebuah php framework yang berupa kumpulan folder dan file
php, java script, css, txt dan file berbasis web lainnya dengan setting tertentu
untuk menggunakannya dan menyediakan library dan helper yang dapat di
manfaatkan di dalam pemrograman php. CI di jalankan under web dan harus
dengan web server. Program CI cukup di letakkan di bawah folder directory web
servernya[5].
2.3.5 Coding Dengan Codeigniter
Berikut akan mempraktekan pemrograman php dengan CI. Kita akan
menampilkan tulisan “Hello World” ke dalam browser kita. Langkah-langkah nya
adalah sebagai berikut:
a) Buka Text Editor anda. Lalu buatlah sebuah controller di dalam direktory CI
b) Tulis lah code sbb :
Beri nama file hello.php
Yang harus di perhatikan :
- Nama class harus di awali huruf besar.
- Nama class harus sama dengan nama file.
- Function index adalah function default.
Di url tidak perlu di tuliskan nama function index nya. Kalau nama function
selain index, perlu di tulis di url nya.
c) Buat file baru dengan nama helloview.php di system/application/views
Tulis code sbb :
c) Misalkan base_url : http://localhost/ci, maka jalankan di url anda menjadi :
http://localhost/ci/hello.
2.3.6 Membuat Form Dengan Codeigniter
Form pada CI dapat di buat dengan menggunakan helper atau
dengansyntax html biasa.Pada kesempatan kali ini, kita akan mencoba membuat
form dengan menggunakan helper.
Buatlah sebuah controller. Ketik code berikut :
Beri nama file “form.php”.
Buat sebuah view dengan nama “form.php” .
Ketikkan code sbb :
<?php
class Form extends Controller {
Pada contoh di atas kita load helper di file autoload.php untuk load secara
otomatis.
$this->load->helper('form');
Helper yang kita gunakan, kita input di view. Syntax yang di gunakan adalah :
- form_open ('form/jumlah')
Syntax di atas sama dengan syntax html berikut :
<form method=”post” action=”http://localhost/ciprivate/index.php/form”>
atau, gunakan base_url(), untuk mengantisipasi perubahan pada url.
<form method=”post” action=”<?=base_url();?>index.php/form”>
2.3.7 Library Codeigniter
a) Library Database. [6]
Menggunakan library ini, kita perlu mengaktifkan
$this->load->database() atau dengan $this->
Untuk loading otomatis, kita perl mengaktifkan library tsb dengan cara
memberikan perintah
$this>load->library('database');
b) Library E-mail [6]
Berikut adalah contoh setting e-mail :
$this->load->library(“email”);
Kita perlu meload library e-mail di dalam controller atau di taruh di autoload.php
c) Library Uploading File [6]
Adalah library untuk upload file ke server dan di simpan di folder tertentu. Folder
tempat penyimpanan file di buat write accessible.
$this->email->from(“[email protected]”,”Akhmad Sofwan”); $this->email->to(“[email protected]”);
$this->email->cc(“[email protected]”); $this->email->bcc(“[email protected]”); $this->email->subject(“Test Email”);
$this->email->message(“Hallo apa kabar nich … ?”); $this->email->send();
Setting e-mail di set secara default di dalam file config.php. Contoh melakukan setting Manual :
$config[“protocol”]=”sendmail”;
$config[“mailpath”]=”/usr/sbin/sendmail”; $config[“charset”]=”iso-8859-1”;
$config[“wordwrap”]=TRUE;
Ukuran max di php.ini juga di atur agar sesuai dengan yang kita inginkan.
Perhatikan baris berikut pada php.
file_uploads=on // Buat menjadi on
post_max_size = 2M // Edit ukuran file nya sesuai dengan yang anda inginkan.
upload_tmp_dir=”/opt/lampp/htdocs” // Folder ini harus write accessible
Setting upload nya adalah sbb :
d) Pagination Library [5]
Pagination umum nya di gunakan di dalam penampilan suatu database yang
berbentuk tabel.
Contoh penggunaan Pagination :
e) HTML Table Library [5]
Library ini membuat tabel secara otomatis dari data yang anda retrieve.
$config['upload_path']='./uploads/'; // Folder penyimpanan file. Musti Write accessible
$config['allowed_types']='gif|jpg|png'; $config['max_size']='100';
$config['max_width']='1024'; $config['max_height']='768';
$this->load->library(“pagination”); // Loading library pagination
$config[“base_url”]=”http://localhost/dkpnew”; // base_url $config[“total_rows”]=”100”; // Total baris
Contoh :
f) Session Library [5]
Session berguna untuk menyimpan data pengunjung situs ke dalam cookie secara
otomatis.
Contoh Session :
2.3.8 Setting Di Codeigniter [6] a) Menggunakan library Third party
CI dapat di extend, yang salah satu nya dengan menggunakan library dari luar.
Cara nya yaitu dengan mengcopy file library ke dalam folder system/libraries.
Berikut adalah contoh penerapan penggunaan library report pdf. Aplikasi ini
adalah library php yang berfungsi untuk membentuk file pdf, termasuk
penggunaan report pdf yang dapat di cetak.
Cara-cara nya adalah sbb, yaitu :
Download aplikasi Cezpdf dari : (http://www.ros.co.nz/pdf)
Rename file : class.ezpdf.php menjadi cezpdf.php. Copy file cezpdf.php dan
class.pdf.php ke dalam folder system/libraries.
Load library cezpdf, dengan syntax : $this->load->library('cezpdf.php');
Library pdf dapat di gunakan. Cara penggunaan nya dengan membaca readme.pdf
yang di sertakan di aplikasi hasil download nya.
b) Upload CI di Web Hosting
Setelah suatu project web sudah kita selesaikan di localhost atau web server local.
Kita akan menaikkan/upload aplikasi CI tsb ke Web Hosting kita.
Cara untuk upload ke web hosting adalah sbb :
Copy kan keseluruhan folder CI ke dalam folder directory web hosting kita.
Edit file config.php dan database.php. Di sesuaikan dengan konfigurasi web
hoting dan database nya.Misal url kita adalah : (http://www.budi.com), maka di
base_url yang ada di file config.php nilai nya adalah (http://www.budi.com).
Edit file routes.php yang ada di folder /system/application/config. Ubah nilai
$route['default_controller'] nya menjadi controller default yang kita miliki. Hal ini
akan berdampak, jika kita mengetik url : (http://www.budi.com), maka akan
langsung tampil page utama dari web.
c) URI Routing
Reserved Routes. Terdapat 2 reserved routes, yaitu :
Pada contoh di atas, default controller yang di gunakan adalah class welcome. Jika
anda menggunakan routes yang berbeda, maka hendak nya nilai
'default_controller' di atas dapat segera di ubah, agar jika anda memanggil url nya
saja, maka akan langsung mengarah ke default controller.
d) Membuat Library sendiri
Library di simpan di dalam folder system/libraries. Di dalam hal mengubah
library, kita dapat melakukan hal-hal berikut, yaitu :
Membuat Library baru.
Menambah/extends native library.
Merubah Native Libraries.
e) Loading Plugin
Plugin hampir sama dengan Helper, bedanya Plugin memiliki 1 function,
sedangkan Helper terdiri dari kumpulan function. Cara loading plugin, yaitu :
$this->load->plugin('name').
Plugin juga dapat di load secara otomatis dengan cara memasukkan array plugin
di file autoload.php di folder system/application/config.
f) Scaffolding
Scaffolding di gunakan untuk bekerja dengan sebuah tabel dan dapat di add, edit
dan delete. Penggunaan Scaffolding untuk mempermudah proses pembuatan
Penggunaan Scaffolding di letakkan di Controller. Berikut adalah contoh
penerapan Scaffolding di dalam CI, yaitu :
2.4 Fasilitas Internet
Fasilitas – Fasilitas yang dapat dimanfaatkan dengan menggunakan
internet, diantaranya :
a. Web, adalah fasilitas hypertext untuk menampilkan data berupa teks, gambar,
bunyi, animasi dan data multimedia lainnya, yang diantara data tersebut saling
berhubungan satu sama lain. Untuk memudahkan Anda membaca data dan
informasi tesebut Anda dapat mempergunakan web browser seperti Internet
Explorer ataupun Netscape.
b. E-Mail (Electronic Mail), dengan fasilitas ini Anda dapat mengirim dan
menerima surat elektronik (e-mail) pada/dari pemakai komputer lain yang
terhubung di internet, dan dapat menyertakan file sebagai lampiran
(attachment). <?
c. Newsgroup, fasilitas ini digunakan untuk mendistribusikan artikel, berita,
tanggapan, surat, penawaran ataupun file ke pemakai internet lain yang
tergabung dengan kelompok diskusi untuk topik tertentu. Dengan fasilitas ini
pula Anda dapat melakukan diskusi, seminar ataupun konferensi dengan cara
elektronik tanpa terikat waktu, ruang dan tempat.
d. FTP (File Transfer Protocol), fasilitas ini digunakan untuk menghubungkan
ke server computer tertentu dan bila perlu menyalin (download) file yang
Anda butuhkan dari server tersebut dan menyimpannya di komputer Anda.
2.5 WWW
WWW (World Wide Web), merupakan kumpulan web server dari seluruh
dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama.
Berbagai informasi dapat Anda temukan pada WWW, seperti informasi politik,
ekonomi, sosial, budaya, sastra, sejarah, teknologi, pendidikan dan sebagainya.
Kita dapat mengumpamakan WWW ini merupakan perputakaan besar yang
menyediakan berbagai informasi yang dibutuhkan.
Menurut Abdul Kadir dalam bukunya ”Dasar Pemrograman Web dengan
Menggunakan PHP (Edisi Revisi)” pada halaman 348, menyatakan bahwa :
”MySQL adalah salah satu jenis database server yang sangat terkenal.
Kepopulerannya disebabkan MySQL karena MySQL sangat powerfull, stabil,
mudah digunakan, disukai dan gratis. MySQL menggunakan SQL (Structured
Query Language). MySQL termasuk jenis RDBMS (Relational Database Management System). Itulah sebabnya istilah tabel, baris dan kolom digunakan
dalam MySQL.
Adapun perintah atau sintak yang digunakan dalam MySQL adalah
sebagai berikut :
a) Membuat database
Bentuk penulisan perintah untuk membuat database :
create database <nama_database>
b) Membuka database
Bentuk penulisan perintah untuk membuka database :
use <nama_database>
Bentuk penulisan perintah untuk menghapus database :
drop database <nama_database>
d) Membuat tabel
Bentuk umum penulisan perintah untuk membuat tabel :
create table <nama_tabel> (struktur)
e) Menghapus tabel
Bentuk penulisan perintah untuk menghapus tabel :
drop <nama_tabel>
f) Insert
Bentuk umum penulisan perintah untuk menambah data ke dalam tabel :
insert into <nama_tabel> values (kolom1, kolom2, …)
g) Select
Bentuk umum penulisan perintah untuk menampilkan data dalam tabel :
h) Update
Bentuk umum penulisan perintah untuk mengubah data dalam tabel :
update <nama_tabel> set kol1=nilaibaru1, kol2=nilaibaru2, … where
ktiteria
i) Delete
delete from <nama_tabel> where criteria
2.7 Sekilas Web Programming
Situs atau web dapat dikategorikan menjadi dua yaitu web statis dan web
dinamis atau interaktif. Web statis adalah web yang berisi atau menampilkan
informasi – informasi yang bersifat statis (tetap), sedangkan web dinamis adalah
web yang menampilkan informasi serta dapat berinteraksi dengan user yang
sifatnya dinamis.
Sehingga untuk membuat web dinamis dibutuhkan kemampuan
a) Server – side Programming, perintah – perintah program (script) dijalankan di web server, kemudian hasilnya dikirimkan ke browser dalam bentuk HTML
biasa.
b) Client – side Programming, perintah dijalankan di web browser, jika client
meminta dokumen yang mengandung script, maka script tersebut akan di
download dari server kemudian dijalankan di browser client yang
bersangkutan.
Program web yang tergolong dalam server – side antara lain : ASP
(Active Server Page), JSP (Java Server Page), PHP (Professional Home Page),
CFM (ColdFussion) dan lain – lain. Sedangkan yang tergolong client – side antara
lain : HTML (Hypertext Markup Language), JavaScript, VbCScript.
2.8 HTML
HTML (Hypertext Markup Language) adalah suatu bahasa yang
digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa
tergantung pada suatu platform tertentu (platform independent). Untuk
menjalankan dokumen HTML harus menggunakan program khusus yang disebut
web browser atau browser. Untuk membuat dokumen HTML dapat dengan
2.8.1 Kerangka Dasar HTML
Ciri utama dokumen HTML adalah adanya tag dan elemen. Elemen dalam
dokumen HTML dikategorikan menjadi dua yaitu elemen <HEAD> yang
berfungsi memberikan informasi tentang dokumen tersebut dan elemen <BODY>
yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser.
Sedangkan tag dinyatakan dengan tanda lebih kecil “<” (tag awal) dan tanda lebih
besar “>” (tag akhir). Dokumen HTML mempunyai tiga buah tag utama yang
membentuk struktur dari dokumen HTML yaitu HTML, HEAD, BODY. Struktur
dokumen HTML dapat terlihat seperti berikut :
Contoh file HTML sederhana : <HTML><HEAD>
<TITLE>Struktur Dokumen HTML</TITLE> </HEAD>
<BODY>
Selamat belajar membuat web menggunakan HTML. </BODY>
2.8.2 Background
Ada dua macam latar belakang yang digunakan yaitu menggunakan warna
dan menggunakan gambar. Contoh script menggunakan warna :
Contoh script menggunakan gambar : <HTML>
<HEAD><TITLE>Background</TITLE></HEAD> <BODY BGCOLOR=#808080>
Warna latar belakang menjadi abu – abu tua. </BODY>
</HTML>
2.8.3 Heading
Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam
suatu dokumen HTML. HTML menyediakan 6 tingkatan heading. Contoh :
<HTML>
<HEAD>
<TITLE>Heading</TITLE> </HEAD>
<BODY>
<H1>Heading tingkat 1</H1> <H2>Heading tingkat 2</H2> <H3>Heading tingkat 3</H3> <H4>Heading tingkat 4</H4> </BODY>
2.8.4 Break
Tag line break (BR) digunakan untuk menulis teks pada baris berikutnya.
Contoh :
2.8.5 Font
Untuk mengatur huruf digunakan tag <FONT>. Contoh : <HTML>
<HEAD>
<TITLE>Break</TITLE> </HEAD>
<BODY>
Dalam pemorgraman web ada dua kategori yaitu : <BR>Server-side programming
<BR>Client-side programming </BODY>
</HTML>
<HTML>
<HEAD>
2.8.6 List
List adalah kumpulan teks yang disusun sedemikian rupa sehingga tem –
item yang ada memiliki nomor urut atau bisa juga berupa tanda – tanda khusus
atau simbol. Contoh :
<HTML>
<HEAD>
<TITLE>List</TITLE>
</HEAD><BODY> Hobi saya adalah : <OL><LI>olahraga</LI>
<LI>surfing</LI><LI>membaca</LI> </OL></BODY>
2.9 Hypertext Link
Hypertext Link adalah merupakan ciri khas dari World Wide Web
(WWW) yaitu informasi yang satu dengan yang lainnya dapat berhubungan dalam
jaringan internet. Dalam HTML untuk membuat suatu link digunakan elemen
anchor yang dinyatakan dengan tag <A>. Contoh :
HTTP adalah suatu protokol yang menentukan aturan yang perlu diikuti
oleh web browser dalam meminta atau mengambil suatu dokumen dan oleh web
server dalam menyediakan dokumen yang diminta oleh web browser. Protokol ini
merupakan protokol standart yang digunakan untuk mengakses dokumen HTML.
2.11 URL (Uniform Resource Locator)
URL adalah suatu sarana yang digunakan untuk menentukan lokasi
informasi pada suatu web server. URL dapat diibaratkan suatu alamat, dimana
alamat tersebut terdiri atas :
a. Protokol yang digunakan oleh suatu browser untuk mengambil informasi.
b. Nama komputer (server) dimana informasi tersebut berada.
c. Jalur atau path serta nama file dari suatu informasi.
Format umum dari URL adalah sebagai berikut :
Protokol transfer://nama_host/path/nama_file
Contoh : (http://www.amazon.com/buku/index.html)
Dimana : http adalah protokol yang digunakan, (www.amazon.com) adalah nama
atau path dari informasi yang dicari, index.html adalah nama file dimana
informasi tersebut berada.
2.12 PHP
PHP singkatan dari PHP Hypertext Prepocessor. Ia merupakan bahasa
berbentuk skrip yang ditempatkan dalam server dan diproses di server.
Hasilnyalah yang dikirimkan ke klien, tempat pemakai menggunakan browser.
PHP adalah salah satu bahasa server - side yang di desain khusus untuk aplikasi
web. PHP dapat disisipkan diantara bahasa HTML dan karena bahasa server - side
maka bahasa PHP akan dieksekusi di server, sehingga yang dikirimkan ke
browser adalah “hasil jadi” dalam bentuk HTML, dan kode PHP tidak akan
terlihat. PHP termasuk dalam Open Source Product.
Adapun kelebihan – kelebihan dari bahasa PHP yaitu :
a. PHP mudah dibuat dan mempunyai kecepatan akses tinggi.
b. PHP dapat berjalan di web server yang berbeda dan dalam sistem operasi yang
berbeda pula. PHP dapat berjalan di sistem operasi UNIX, Windows 98,
Windows NT, Windows XP dan Macintosh.
d. PHP dapat berjalan pada web server PWS, Apache, IIS, Xitami dan lain
sebagainya.
e. PHP termasuk bahasa yang embedded (bisa disisipkan dalam tag HTML).
f. PHP termasuk server – side programming.
Kode PHP diawali dengan tanda lebih kecil (<?) dan diakhiri dengan
tanda lebih besar(?>). Pemisah setiap instruksi adalah tanda titik koma (;). Ada
tiga cara untuk menuliskan script PHP yaitu :
Contoh program : 1. <?
//Script PHP ?>
2. <?php
//Script PHP ?>
3. <SCRIPT LANGUAGE=”php”> //Script PHP
Program diatas disimpan dalam file test.php. Jika program diatas diuji dalam
server apache dan dijalankan lewat web browser maka akan terlihat tampilan
Gambar 2.5 Tampilan Hasil Program
2.13 Definisi Apache
Server HTTP Apache atau Server Web/WWW Apache adalah server web
yang dapat dijalankan dibanyak sistem operasi (Unix, BSD, Linux, Microsoft
Windows dan Novell Netware serta platform lainnya), yang berguna untuk
melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani
fasilitas web/www ini mengunakan HTTP.
Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat
dikonfigurasi, autentifikasi berbasis basis data dan lain-lain. Apache merupakan
perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang
terdiri dari pengembang-pengembang di bawah naungan Apache Software
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Dalam bab analisa dan perancangan sistem ini, penulis akan mencoba
untuk menjelaskan mengenai analisa dari sistem yang dibuat, yaitu sistem
E-Commerce Butik Anaya Collection Berbasis Web PHP Dengan Menggunakan
Framework Codeigniter. Sistem ini bertujuan untuk memberikan informasi data
produk, penjualan produk dan pemesanan produk-produk dari butik Anaya
Collection yang dapat di gunakan untuk memudahkan transaksi penjualan secara
online.
Di dalam pembuatan E-Commerce Butik Anaya Collection Berbasis Web
PHP Dengan Menggunakan Framework Codeigniter ada enam komponen dasar
sekaligus merupakan komponen utama yang harus dibuat terlebih dahulu. Lima
komponen yang digunakan pada perancangan sistem yang akan dibuat sebagai
berikut :
a) Register Konsumen
Register Konsumen digunakan untuk menyimpan data konsumen yang
akan melakukan proses transaksi meliputi informasi tentang detail profil
konsumen. Dengan konsumen melakukan register konsumen maka semua
transaksi yang akan dan pernah dilakukan tersimpan dalam database, sehingga
b) Catalog
Kategori atau catalog berisi daftar produk yang dipergunakan untuk
memudahkan konsumen dalam mencari dan mendapatkan informasi produk yang
ditawarkan.
c) Shopping cart
Sistem shopping cart merupakan halaman yang nantinya akan
menampilkan produk / item-item barang yang akan dipesan oleh customer /
konsumen. shopping cart disertai fasilitas untuk mengganti pesanan atau
menghapus pesanan, sistem shopping cart yang baik harus mampu menyimpan
data-data secara konsisten. Meskipun customer berpindah halaman web dan
mampu menanmpung data-data dalam jumlah besar. Inti dari halaman shopping
cart adalah untuk menata data-data produk / item pesanan yang telah dipilih oleh
customer.
Pada halaman ini customer kemungkinan akan sering melakukan
perubahan-perubahan pada data-data yang telah dipesan baik itu menambah
jumlah produk yang akan dibeli dan mengurangi jumlah produk yang akan dibeli.
d) Checkout
Sistem ini digunakan untuk melanjutkan proses shopping cart setelah
customer menyetujui jenis-jenis produk yang sesuai, jumlah dan harga yang harus
dibayar. customer akan diharuskan mengisi data pengiriman berupa nama dan
alamat lengkap dimana produk tersebut akan dikirimkan. Checkout mempunyai
dimasukkan oleh customer dan melakukan proses penyimpanan data pada file
database yang terdapat pada tabel pemesanan.
e) Payment
Sistem pembayaran disini menggunakan transfer bank. Setelah customer /
konsumen selesai belanja dan melakukan checkout, maka admin akan
mengirimkan no rekening bank untuk bisa bertransaksi dan melakukan
pembayaran.
f) Guest Book
Dimana guest book disini berfungsi sebagai buku tamu apabila customer
ingin berkomentar atau memberikan saran dan keritik kepada Anaya Collection.
3.2 Perancangan Sistem
Perancangan sistem membahas mengenai konsep dari sistem yang akan di
bangun untuk memenuhi kebutuhan kepada pengguna sistem dan memberikan
gambaran secara umum dan jelas kepada user tentang sistem E-commerce. Desain
sistem secara umum merupakan persiapan dari desain dan mengidentifikasi
komponen-komponen sistem yang akan didesain secara detail. Dalam melakukan
perancangan terhadap sistem, maka ada dua model yang dipergunakan dalam
melakukan desain sistem yaitu process modeling dengan menggunakan Data Flow
3.3 Deskripsi Umum Sistem
Secara umum, sistem yang dibuat akan ditunjukkan pada Gambar 3.1 :
Gambar 3.1 Deskripsi Sistem Informasi E-Commerce Anaya Collection
Deskripsi dari arsitektur sistem pada Gambar 3.1 adalah sebagai berikut :
a) (A) Admin atau administrator sistem informasi menjalankan sistem informasi
untuk melakukan melakukan view transaksi, input data produk, view guest
book.
b) (B) User atau pengunjung sistem informasi, dapat view produk terlebih dahulu
sebelum melakukan transaksi pemesanan, input guest book.
c) (C) Server tempat proses sistem informasi yang terjadi. Jadi semua proses
3.3.1 Kebutuhan Sistem
Dengan mengidentifikasi deskripsi pada Gambar 3.1 telah diketahui bahwa
terdapat beberapa fokus utama pada sistem yaitu : berupa, memberikan informasi
data produk, penjualan produk dan pemesanan produk yang dapat di gunakan
untuk memudahkan transaksi penjualan secara online, semua proses data tersebut
merupakan kebutuhan pengguna.
3.3.2 Kebutuhan Pengguna
Berdasarkan arsitektur pada Gambar 3.1 untuk memenuhi kebutuhan
pengguna dalam berinteraksi dengan sistem serta untuk mengetahui
kebutuhan-kebutuhan apa saja yang berpengaruh pada sistem nantinya, maka perlu
dijabarkan kebutuhan apa saja yang akan dibutuhkan oleh pengguna, antara lain:
a) Komputer / Laptop tidak tergantung merk, apapun bisa dipakai.
b) Menu untuk home, sebagai halaman muka yang menampilakan produk-produk
Anaya Collection.
c) Menu Profil, adalah menu yang menampilkan profil dari Anaya Collection.
d) Menu Cara Pembelian, adalah menu yang menampilkan cara pembelian / cara
bertransaksi di Anaya Collection.
e) Menu Produk, dimana customer dapat melakukan pemesanan produk-produk
tersebut.
f) Menu Keranjang Belanja, menu ini menampilkan isi dari keranjang belanja.
g) Menu Guest Book, dimana menu ini customer dapat menambahkan
h) Menu Login, adalah menu administrator untuk masuk ke halaman
administrator.
i) Menu Master Produk, dimana admin bisa melakukan input produk yang di
jual oleh Anaya Collection yang nantinya user dapat melihat produk apa saja
yang akan di jual.
j) Menu View Order, dimana admin bisa melihat proses pemesanan / transaksi
yang dilakukan customer.
k) Menu View Guest Book, dimana admin bisa melihat isi komentar dari guest
book para user.
3.3.3 Kebutuhan Basis Data
Dalam Sistem Informasi E-Commerce Anaya Collection dibutuhkan basis
data untuk mengatur semua transaksi bisnis yang terjadi, selain itu juga untuk
mengatur proses transaksi pemesanan secara online.
Diagram Jenjang
Hasil dari DFD yang yelah dibuat diatas dapat digambarkan dengan
menggunakan diagram jajaran genjang, berikut adalah gambar diagram
Gambar 3.2 Diagram Jenjang
Dari diagram yang telah dibuat terdapat 2 level diantara level 0 terdapat 1
proses yang global yaitu Sistem Rekapitulasi Data dan level 1 terdapat 4 proses
diantaranya adalah melakukan login, menginput produk, melakukan transaksi
pemesanan, menginput guest book. Fungsi dari diagram jenjang adalah dapat
melihat gambaran dari DFD yang telah dibuat diatas tadi.
3.3.4 DFD (Data Flow Diagram)
Dari Gambar 3.2. maka dapat dideskripsikan beberapa proses yang terjadi
Gambar 3.3 Context Diagram
Konteks diagram pada sistem E-Commerce ini seperti pada Gambar 3.3
adalah gambaran garis besar dari proses yang terjadi dalam sistem tersebut.
terdapat 2 entitas yaitu Admin dan Customer, admin dari Anaya Colection,
dimana admin ini adalah seorang administrator yang memiliki hak dan tanggung
jawab penuh terhadap semua proses yang terjadi pada sistem diantaranya adalah
input produk, input dan melakukan cek guest book, sedangakan cutomer sendiri
adalah seorang user atau pengunjung yang melakukan view produk terlebih
Gambar 3.4 DFD Level 1
Pada Gambar 3.4 DFD level 1 ini memiliki 5 proses diantaranya adalah
menginput guest book, validasi / cek guest book, menginput produk, pemesanan
produk, proses login admin.
Input guest book dapat dideskripsikan sebagai berikut, customer atau
pengunjung melakukan pengisian buku tamu yang dapat berisikan pesan, saran,
kritik, dan lainya. Admin melakukan validasi / mengecek guest book, sehingga
Input produk di lakukan oleh admin. admin melakukan pengisian data
produk yang dijual oleh E-Commerce Anaya Collection. Dan dapat di perjualkan
melalui sistem.
Pemesanan produk di lakukan oleh user / customer. Customer melakukan
transaksi pemesanan produk untuk melakukan pembelian pada sitem informasi
sesuai dengan ketentuan E-Commerce Anaya Collection.
Login administrator adalah halaman admin, dimana admin dapat
melakukan insert, update dan delete produk.
3.4 Desain Database
Desain database digunakan untuk merancang sebuah database yang akan
digunakan pada sistem. Untuk pemodelan desain database penulis menggunakan
tools Power Designer 12 dengan menggambarkan CDM (Conceptual Data Model)
dan PDM (Physical Data Model) sebagai hasil generate dari CDM.
3.4.1 CDM (Conceptual Data Model)
Conceptual Data Model adalah rancangan dalam bentuk diagram sebelum
pembuatan database secara detail. Model data konseptual ini dibuat tanpa harus
mempertimbangkan DBMS apa yang nantinya dipakai, karena bentuk ini hanya
sebuah konsep rancangan yang nantinya bisa digunakan oleh semua DBMS.
Conceptual Data Model pada aplikasi ini mempresentasikan rancangan bisnis data
konseptual yang nantinya akan digunakan dalam sistem ini. Pada konsep
rancangan ini dibuat dengan menggunakan Power Designer 12. untuk lebih
Gambar 3.5 CDM (Conceptual Data Model)
3.4.2 PDM (Physical Data Model)
PDM (Physical Data Model) adalah sebuah model struktur fisik dari
sebuah database yang mempertimbangkan DBMS dan struktur data penyimpanan.
PDM merupakan representasi fisik dari database yang akan dibuat dengan
mempertimbangkan DBMS (Database Management System) yang akan
digunakan. Physical data model merupakan model yang menggunakan sejumlah
tabel untuk menggambarkan data serta hubungan antara data-data tersebut. Setiap
tabel mempunyai sejumlah kolom di mana setiap kolom memiliki nama yang
unik. Pada Gambar 3.6 di bawah ini ditunjukkan gambar dari Physical Data
Gambar 3.6 PDM (Physical Data Model)
3.4.3 Database Relational
Model relasional berdasarkan teori himpunan matematik. Struktur
didefinisikan dengan tabel. Dalam istilah matematika, tabel disebut sebagai
Relasi. Tiap tabel dalam model relasional dikomposisikan dari baris dan kolom,
kolom disebut Atribut. Nilai untuk sebuah atribut harus dipilih dari sekelompok
nilai yang dinamakan domain. Karena banyak kolom dalam tabel yang sama dapat
diidentifikasikan atas domain yang sama, maka nama atribut didefinisikan untuk
tiap kolom dan tiap nama atribut dalam sebuah relasi harus unik. Di bawah ini
a) Duplikasi baris tidak diperbolehkan. Untuk melaksanakan sifat ini, harus
terdapat paling sedikit satu atribut atau kombinasi beberapa atribut yang
mengidentifikasi secara unik tiap baris dari tabel. Atribut atau kombinasi
beberapa atribut yang melaksanakan tugas ini disebut Kunci Primer (Primary
Key). Contoh : IdUser, adalah kunci primer yang mengidentifikasi tiap user
secara unik.
b) Database relasional adalah nilai Primary Key tidak boleh mempunyai duplikat
atau NIL (NULL, yaitu nilai tidak diketahui).
c) Keterhubungan (relationship) antara dua tabel. Jika Tabel R2 mempunyai
sebuah Kunci Asing (Foreign Key) yang cocok dengan kunci primer dari
Tabel R1, maka untuk setiap nilai Foreign Key harus terdapat sebuah nilai
kecocokan dari Primery Key, atau nilai Foreign Key harus nil.
3.4.4 Daftar Tabel
Berikut ini adalah database relational berdasarkan struktur tabel yang
telah di generate dari physical data model yang telah dibuat :
a) Tabel Produk
Tabel berita digunakan untuk menyimpan data produk dari E-commerce
Anaya Collection, berikut adalah tabel produk :
Tabel 3.1 Tabel Produk
b) Tabel Hubungi
Tabel komentar digunakan untuk menyimpan data komentar dari user yang
mengisi guest book di sistem E-commerce Anaya Collection, berikut adalah tabel
komentar :
Primary Key : id_hubungi
c) Tabel Orders_temp
Tabel orders_temp digunakan untuk menyimpan data transaksi pemesanan
yang terjadi di sistem informasi oleh customer, berikut adalah tabel transaksi :
Primary Key : idUser
Tabel 3.3 Tabel order_temp
d) Tabel Orders_details
Tabel detail transaksi digunakan untuk menyimpan data detail transaksi
pemesanan yang terjadi di sistem informasi oleh user, berikut adalah tabel
orders_detail :
Tabel 3.4 Tabel orders_detail
3.5 Perancangan Antar Muka (Interface)
Perancangan antarmuka merupakan perancangan halaman aplikasi yang
berinteraksi langsung antara sistem dengan pengguna. Perancangan antarmuka
sistem merupakan salah satu bagian penting dalam tahap perancangan sistem.
Dalam merancang antar muka aplikasi harus memudahkan pengguna dalam
mengoperasikan sistem atau aplikasi tersebut.
Konsep rancangan yang sangat penting untuk mendesain halaman web
e-commerce adalah resolusi monitor. Terdapat 3 buah resolusi yang umum
digunakan pada monitor, diantaranya 640x480, 800x600, 1024x768 pixel. Pada
umumnya halaman web didesain untuk resolusi 800x600 karena pada umumnya
pengguna sistem memakai monitor ukuran 14 atau 15 inchi.
Dalam merancang tampilan sebuah situs, harus menggambarkan layout
dari situs yang akan dibuat. Layout berfungsi untuk memudahkan dalam
3.5.1 Perancangan Antar Muka Halaman Pembuka
Perancangan halaman utama dari sistem informasi E-Commerce Butik
Anaya Collection, akan menampilkan data produk dan menu produk untuk user.
Halaman ini adalah halaman awal sebelum mengakses ke halaman selanjutnya,
halaman ini hanya mempunyai delapan menu dan tampilan untuk login. Seperti
pada Gambar 3.7 adalah gambar dari halaman pembuka / halaman utama :
Gambar 3.7 Form Halaman Utama
3.5.2 Perancangan Antar Muka Halaman Admin
Perancangan halaman utama dari sistem informasi E-Commerce Butik
Anaya Collection, akan menampilkan data data informasi tentang produk dari
E-Commerce Anaya Collection. Hampir semua halaman lain serupa dengan halaman
utama yakni dengan perbadaan dari isi halaman saja yang membedakan dari
halamannya. Seperti pada Gambar 3.8 adalah gambar dari halaman utama untuk
BAB IV
IMPLEMENTASI SISTEM
Pada bab ini akan dibahas mengenai implementasi dari rancangan sistem
yang telah dibuat. Bagian implementasi sistem kali ini meliputi : hardware,
software, brainware implementasi, implementasi proses, dan implementasi
antarmuka.
Untuk komponen hardware dan software menyesuaikan dengan
kebutuhan dalam implementasi program E-Commerce Butik Anaya Collection.
Sedangkan untuk brainware adalah pengguna atau pemakai dari aplikasi ini.
Pada sub bab berikut ini akan dijelaskan tentang kebutuhan hardware dan software
serta tampilan program.
4.1 Lingkungan Implementasi
Pada bagian ini akan dijelaskan mengenai perangkat keras dan perangkat
lunak yang digunakan pada implementasi sistem ini.
Perangkat keras:
- Acer Aspire 4920 Notebook Laptop, Intel Core 2 Duo T5550 1.83GHz
- Memori 1 GB.
- Modem untuk koneksi data.
Perangkat lunak:
- Sistem Operasi Windows 7 Professional
- Adobe Dreamweaver CS3 untuk mendesain aplikasi ini
- PhpMyadmin (localhost)
- MySQL (database aplikasi)
- Web browser menggunakan Mozilla Firefox
4.2 Implementasi
Pada sub bab Implementasi aplikasi desain antarmuka ini, menjelaskan apa
saja yang terlibat dalam sistem yang telah dibuat berdasarkan perancangan yang
telah di bahas pada bab III. Pada sistem ini terdapat beberapa menu utama dari
E-Commerce Anaya Collection antara lain yaitu :
1. Halaman tampilan utama E-Commerce Anaya Collection
2. Halaman Pofil
3. Halaman Cara Pembelian
4. Halaman Produk
5. Halaman Keranjang Belanja
6. Halaman Guest Book
7. Halaman Login Administrator
8. Halaman Admin
4.2.1 Halaman Utama
Pada halaman utama aplikasi dari E-Commerce Anaya Collection, user
disuguhkan 7 menu utama pada sistem, menu home, profil, cara pembelian,
produk, keranjang belanja, guest book dan menu login untuk admin. Seperti pada
Gambar 4.1 Halaman Depan
4.2.2 Halaman Profil
Pada halaman profil, user dapat melihat profil tentang Anaya Collection.
Seperti pada Gambar 4.2 dan berikut adalah isi dari profil Anaya Collection :
4.2.3 Halaman Cara Pembelian
Halaman cara pembelian ini terdapat informasi cara pembelian / pemesan
dari E-Commerce Anaya Collection. Seperti pada Gambar 4.3 dan berikut adalah
gambar dari halaman cara pembelian :
Gambar 4.3 Halaman Cara Pembelian
4.2.4 Halaman Produk
Halaman produk digunakan untuk menampilkan produk terbaru yang akan
di jual dari E-Commerce Anaya Collection. Seperti pada Gambar 4.4 dan berikut
Gambar 4.4 Halaman Produk
4.2.5 Halaman Keranjang Belanja
Pada halaman keranjang belanja, user dapat melihat keranjang belanja,
apabila keranjang belanja masih kosong maka otomatis halaman keranjang belanja
tersebut akan membawa user kembali ke halaman produk. Seperti pada Gambar
4.5 dan berikut adalah tampilan halaman keranjang belanja :
