E-COMMERCE BUTIK ANAYA COLLECTION BERBASIS WEB PHP DAN MENGGUNAKAN FRAMEWORK CODEIGNITER.

FRAMEWORK CODEIGNITER

TUGAS AKHIR

Oleh :

ASWIN ROSADI

NPM. 0734010267

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”

JAWA TIMUR

ABSTRAK ... i

KATA PENGANTAR ... ii

DAFTAR ISI ... iii

DAFTAR TABEL ... vii

DAFTAR GAMBAR ... viii

BAB I PENDAHULUAN ... 1

1.1. Latar Belakang ... 1

1.2. Perumusan Masalah ... 3

1.3. Batasan Masalah ... 3

1.4. Tujuan ... 4

1.5. Manfaat ... 4

1.6. Metodologi Pembuatan Tugas Akhir ... 4

1.7. Sistematika Penulisan ... 6

BAB II TINJAUAN PUSTAKA ... 8

2.1. Sejarah Singkat Anaya Collection ... 8

2.2. Electeronic Commerce ... 9

2.2.1. Jenis eCommerce ... 10

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.3.5. Coding Dengan Codeigniter ... 19

2.3.6. Membuat Form Dengan Codeigniter ... 21

2.3.7. Library Codeigniter ... 23

2.3.8. Setting Di Codeigniter ... 25

2.4. Fasilitas Internet ... 28

2.5. WWW ... 29

2.6. MySQL ... 29

2.7. Sekilas Web Programming... 31

2.8. HTML ... 32

2.8.1. Kerangka Dasar HTML ... 32

2.8.2. Background ... 33

2.8.3. Heading ... 34

2.8.4 Break ... 34

2.8.5. Font ... 34

2.8.6. List... 35

2.9. Hypertext Link ... 35

2.10. HTTP (Hypertext Transfer Protocol) ... 36

2.11. URL (Uniform Resource Locator) ... 36

2.12. PHP ... 37

3.2. Perancangan Sistem ... 42

3.3. Deskripsi Umum Sistem ... 43

3.3.1. Kebutuhan Sistem ... 44

3.3.2. Kebutuhan Pengguna ... 44

3.3.3. Kebutuhan Basis Data ... 45

3.3.4. DFD (Data Flow Diagram) ... 46

3.4. Desain Database ... 49

3.4.1. CDM (Conceptual Data Model) ... 49

3.4.2. PDM (Physical Data Model) ... 50

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 3.1 Deskripsi Sistem Informasi E-Commerce Anaya Collection... ... 43

Gambar 3.2 Diagram Jenjang ... 46

Gambar 3.3 Context Diagram ... 47

Gambar 3.4 DFD Level 1 ... 48

Gambar 3.5 CDM (Conceptual Data Model) ... 50

Gambar 3.6 PDM (Physical Data Model) ... 51

Gambar 3.7 Form Halaman Utama ... 56

Gambar 3.8 Interface Halaman Utama Admin ... 57

Gambar 4.1 Halaman Utama ... 60

Gambar 4.2 Halaman Profil ... 60

Gambar 4.3 Halaman Cara Pembelian ... 61

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 / elektronik ini bisa dikenal dengan nama “E-Bisnis ” atau “E-Commerce ”.

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 melalui website tersebut dan melakukan pembayarannya.

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 digunakan beberapa metode sebagai berikut :

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 implementasi antarmuka.

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 yang digunakan dalam pembuatan laporan Tugas Akhir.

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 operasional yang luas dan tak terbatas oleh batas regional. Karena kesiapan untuk

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 biayanya lebih murah.

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 permohonan.

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 tanpa dibatasi oleh jam buka toko.

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 merespon sebuah request HTTP, server akan selesai bekerja (complete) dan tidak

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 ini mampu mengingat ‘siapa memesan apa’, beberapa informasi yang

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 ditambahkan oleh seorang pengguna ke dalam kereta belanjanya.

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 anda, yaitu di : system/application/controllers.

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.

Maka akan muncul hasil nya. <?php

class Hello extends controller { function index() { $this->load->view('helloview'); } }? <?

echo “Hello World”; ?>

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 { function index() { $this->load->view('form'); } function jumlah() { $angka1=$this->input->post('angka1'); $angka2=$this->input->post('angka2'); $hasil=$angka1+$angka2;

echo "Hasil nya adalah : $hasil"; echo "<br/>".anchor("form/index","Kembal i"); } } ?>

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”>

<html> <head>

<title>Membuat Form input penjumlahan dengan CI</title> </head>

<body> <table>

<? echo form_open('form/jumlah'); $data1=array(

'name' => 'angka1', 'size'=>'15');

echo "<tr><td>Angka 1</td><td> :</td><td>".form_input($data1)."< /td></tr>";

$data2=array(

'name' => 'angka2', 'size'=>'15');

echo "<tr><td>Angka 2</td><td> :</td><td> ".form_input($data2)."</td></tr>" ; echo "<tr><td>".form_submit('mysubmit' ,'Ok') ; echo " ".form_reset('mysubmit','Clear'). " </td></tr>"; ?> </table> </body> </html>

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(“sofwan@sofwan.net”,”Akhmad Sofwan”); $this->email->to(“sofwan@sofwan.net”);

$this->email->cc(“wansofwan@yahoo.co.id”); $this->email->bcc(“wansofwan@gmail.com”); $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

$config[“per_page”]= “20”; // per page $this->pagination->initialize($config); echo $this->pagination->create_links();

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 :

$this->load->library(“table”); $data=array( array(“Nim”,”Nama”,”Kota”), array(“090012”,”Andi”,”Jakarta”), array(“090014”,”Umar”,”Jakarta”), array(“090013”,”Udin”,”Semarang”)); echo $this->table->generate($data); $data=array( 'nim'=>'0900189', 'nama'=>'Andi Hasan', 'logged_in'=>TRUE); $this->session->set_userdata($data);

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 aplikasi tsb.

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).

<?

class Blog extends Controller {

function Blog() {

parent::Controller();

$this->load->scaffolding('table_name'); }

} ?>

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 pemrograman web. Dalam pemrograman web ada dua kategori yaitu :

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>

<!---BAGIAN HEAD---!> </HEAD>

<BODY>

<!---BAGIAN BODY---!> </BODY> </HTML>

<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 :

2.10 HTTP (Hypertext Transfer Protocol) <A HREF=”profil.html”>Profil Kami</A> <A HREF=”buku/bukutamu.html”>Buku Tamu</A> <A HREF=”http://www.yahoo.com”>www.yahoo.com</A>

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 host atau server komputer dimana informasi yang dicari berada, buku adalah jalur

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 Foundation.

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 memudahkan dalam pencarian informasi.

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 fungsi utama yaitu memproses informasi tentang identitas pemesan yang telah

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

Diagram (DFD) dan perancangan database menggunakan Conceptual Data Model (CDM) dan Physical Data Model (PDM).

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 yang di lakukan oleh admin dan user tersimpan dan terjadi pada server.

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 jenjang :

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 pada sistem ini. Proses tersebut dapat digambarkan sebagai berikut adalah :

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 dahulu untuk dapat mengakses ke dalam sistem informasi diantaranya adalah

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 admin juga dapat membaca / melihat dari halaman admin.

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 jelasnya dapat dilihat pada Gambar 3.5 berikut :

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 adalah sifat–sifat dari tabel :

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 :

Primary Key : id_orders Foreign Key : id_produk

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 mendesain tampilan pada sebuah halaman web.

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 admin :

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 - Xampp 1.7.0

- 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 dan berikut adalah tampilan utama dari aplikasi :

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 adalah gambar Halaman Produk :

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 :

4.2.6 Halaman Guest Book

Pada halaman ini user dapat meninggalkan pesan ke Anaya Collection, pesan tersebut bersifat membangun seperti kritik ataupun saran. Seperti pada Gambar 4.6 dan berikut adalah tampilanya :

Gambar 4.6 Halaman Guest Book

4.2.7 Halaman Login Administrator

Halaman login ini digunakan admin untuk masuk ke halaman admin. Seperti pada Gambar 4.7 dan berikut tampilan dari halaman login :

4.2.8 Halaman Admin

Halaman Admin berfungsi buat admin dalam menginputkan produk, melakukan validasi guest book, dan melakukan transaksi yang terjadi di Sistem E-Commerce Anaya Collection. Halaman ini memiliki 4 menu diantaranya view order, input produk, view guest book, dan menu log out. Seperti pada Gambar 4.8 dan berikut adalah halaman admin Anaya Collection :

Gambar 4.8 Halaman Admin

4.2.9 Halaman View Order

Halaman view order adalah halaman yang digunakan administrator untuk melihat customer-customer yang melakukan transaksi pemesana produk dari Anaya Collection. Seperti pada Gambar 4.9 dan berikut ini adalah halaman view order :

Gambar 4.9 Halaman View Order

4.2.10 Halaman Master Produk

Halaman master produk adalah halaman yang digunakan administrator untuk melakukan penginputan produk-produk dari Anaya Collection. Seperti pada Gambar 4.10 dan berikut ini adalah halaman master produk :

4.2.11 Halaman View Komentar

Halaman view komentar adalah halaman yang digunakan administrator untuk melihat komentar-komentar dari customer pada guest book. Seperti pada Gambar 4.11 dan berikut ini adalah halaman view komentar :

UJI COBA DAN EVALUASI

Pada bab ini akan membahas tentang uji coba dan evaluasi program aplikasi E-commerce Butik Anaya Collection Berbasis Web Dan Menggunakan Framework Codeigniter yang telah dibuat, menerangkan bagaimana jalanya program secara detail yang akan di jelaskan dibawah ini :

5.1 Uji Coba

Uji coba ini bertujuan untuk memastikan bahwa aplikasi telah dibuat dengan benar sesuai dengan kebutuhan atau tujuan yang diharapkan.

5.1.1 Uji Coba Sistem

Adapun uji coba didalam sistem informasi E-commerce ini yaitu uji coba halaman dari semua menu yang ada.

Untuk memeriksa sistem berjalan dengan lancar dan sesuai dengan proses yang telah dijelaskan pada bab-bab sebelumnya maka dibuat skenario yang terdiri dari beberapa uji coba diantaranya :

a. Uji Coba Login

b. Uji Coba Input Produk c. Uji Coba Transaksi

5.2 Uji Coba Login

Pada uji coba ini akan di uji cobakan dalam melakukan login admin pada sistem rekapitulasi data

a. Pada Gambar 5.1 menunjukan halaman login admin, form username dan password harus di isi sesuai yang ada data yang valid.

Gambar 5.1 Gambar Login

b. Jika login berhasil, maka akan langsung masuk ke dalam halaman admin, seperti pada Gambar 5.2 akan langsung menunjukan halaman utama administrator dari aplikasi.

Gambar 5.2 Halaman Admin

5.3 Uji Coba Input Produk

Pada uji coba ini akan di uji cobakan untuk input produk.

a. Pada Gambar 5.3 adalah tampilan dari gambar halaman input produk, jika ingin masuk klik insert produk menu tambah yang ada di modul produk.

b. Setelah di inputkan, akan terlihat pada halaman modul produk, pada Gambar 5.4 adalah tampilan halaman modul produk admin.

Gambar 5.4 Halaman Add Product

5.4 Uji Coba Transaksi

Pada uji coba ini akan di uji cobakan untuk transaksi pemesanan :

a. Pada Gambar 5.5 adalah tampilan dari halaman produk, untuk melakukan transaksi klik icon menu keranjang yang ada pada masing-masing produk, maka aka menuju daftar keranjang belanja, seperti pada gambar 5.6 di bawah adalah tampilan halaman daftar keranjang belanja / pembelian.

Gambar 5.6 Halaman Daftar Keranjang Pembelian

b. Setelah masuk daftar keranjang belanja apabila sudah yakin dengan apa yang kita pesan untuk melanjutkan proses pemesanan klik tombol / icon selesai belanja. Pada halaman ini customer / konsumen diwajibkan mengisi identitasnya. Seperti pada Gambar 5.7 adalah tampilan halaman identitas customer / data pembeli.

Gambar 5.7 Halaman Data Pembeli

c. Setelah selesai mengisi data identitas pembeli dengan benar kemudian klik proses. Maka akan muncul halaman proses transaksi selesai. Seperti pada gambar 5.8 proses transaksi selesai.

5.5 Uji Coba Input Guest Book

Pada uji coba ini akan di uji cobakan untuk input Guest Book.

Pada Gambar 5.9 adalah tampilan dari gambar halaman Guest Book pada user. Sebelum mengisikan komentarnya pada halaman ini, user / customer mengisi kolom nama dan email terlebih dahulu.

Gambar 5.9 Halaman Input Komentar

Setelah mengisikan komentar ke halaman guest book, maka akan tampil seperti pada Gambar 5.10 :

BAB VI

PENUTUP

6.1 Kesimpulan

Setelah melakukan analisis, perancangan serta implementasi untuk website E-Commerce Butik Anaya Collection Berbasis Web PHP Dan Menggunakan Framework Codeigniter, maka dapat diperoleh kesimpulan sebagai berikut :

a) Membuat sistem informasi yang mana di dalam nya tedapat sistem E-Commerce atau sistem penjualan online, sehingga pelanggan sedikit lebih mudah melakukan transaksi pemesanan dan pembayaran.

b) Pada sistem informasi E-Commerce ini di sediakan jumlah data stock barang yang tersedia pada sistem penjualan online butik Anaya Collection, ini memudahkan memberikan informasi kepada customer untuk mengetahui jumlah produk yang up to date.

Dimana sasaran utama dengan pembuatan website E-Commerce Butik Anaya Collection Berbasis Web PHP Dan Menggunakan Framework Codeigniter ini adalah cutomer yang lokasinya jauh dari lokasi butik Anaya Collection. Pada

website E-Commerce ini penulis juga menambahkan fasilitas Guest Book atau

Buku Tamu sebagai media yang bertujuan agar customer dapat secara mudah memberikan pertanyaan, kritik maupun saran kepada pihak butik Anaya Collection.

6.2 Saran

Ada beberapa saran yang dapat penulis berikan setelah penulis menyelesaikan membuat website E-Commerce Butik Anaya Collection Berbasis Web PHP Dan Menggunakan Framework Codeigniter ini. Saran-saran tersebut adalah :

a) Website ini dapat dikembangkan lagi berupa pemberitahuan transaksi melaluli sms gateway.

b) Aplikasi ini hanya memiliki satu admin saja yang mana sistemnya sudah memiliki security cukup yaitu admin satu hanya bisa memantau dan bisa mengedit sekaligus menghapus, namun jikaningin system ini lebih baik di tingkat security maka ada baiknya memiliki beberapa admin untuk meng-handle keseluruhan dari hak akses website ini.

DAFTAR PUSTAKA

1. Hakim, Lukmanul. (2009). Membongkar Trik Rahasia Para Master PHP. Yogyakarta :

Lokomedia 2009.

2. Kadir, Abdul. (1998). Konsep & Tuntunan Praktis Basis Data. Yogyakarta : Andi Yogyakarta.

3. Mulyana, Y.B. S.Kom. (2004). Trik Membangun Situs : Menggunakan

PHP dan MySQL. Jakarta :

Elex Media Komputindo.

4. Pribadi, Awan. (2010). Membangun Web Berbasis PHP Dengan Framework

Codeigniter. Yogyakarta :

Lokomedia.

5. Sakur, Stendy B. (2003). Aplikasi Web Database dengan Dreamweaver MX : Yogyakarta :

Andi Yogyakarta.

6. Sutarman, S.Kom. (2000). Membangun Aplikasi Web Dengan PHP dan

MySQL. Bandung :

Graha Ilmu.

7. Wiswarakarma, Komang. (2010). 9 Langkah Menjadi Master Framework

Codeigniter. Yogyakarta :

71

a. Pada Gambar 5.5 adalah tampilan dari halaman produk, untuk melakukan transaksi klik icon menu keranjang yang ada pada masing-masing produk, maka aka menuju daftar keranjang belanja, seperti pada gambar 5.6 di bawah adalah tampilan halaman daftar keranjang belanja / pembelian.

Gambar 5.6 Halaman Daftar Keranjang Pembelian

b. Setelah masuk daftar keranjang belanja apabila sudah yakin dengan apa yang kita pesan untuk melanjutkan proses pemesanan klik tombol / icon selesai belanja. Pada halaman ini customer / konsumen diwajibkan mengisi identitasnya. Seperti pada Gambar 5.7 adalah tampilan halaman identitas customer / data pembeli.

Gambar 5.7 Halaman Data Pembeli

c. Setelah selesai mengisi data identitas pembeli dengan benar kemudian klik proses. Maka akan muncul halaman proses transaksi selesai. Seperti pada gambar 5.8 proses transaksi selesai.

Gambar 5.8 Halaman Selesai Transaksi

73

5.5 Uji Coba Input Guest Book

Pada uji coba ini akan di uji cobakan untuk input Guest Book.

Pada Gambar 5.9 adalah tampilan dari gambar halaman Guest Book pada user. Sebelum mengisikan komentarnya pada halaman ini, user / customer mengisi kolom nama dan email terlebih dahulu.

Gambar 5.9 Halaman Input Komentar

Setelah mengisikan komentar ke halaman guest book, maka akan tampil seperti pada Gambar 5.10 :

Gambar 5.10 Halaman Input Komentar

74

BAB VI

PENUTUP

6.1 Kesimpulan

Setelah melakukan analisis, perancangan serta implementasi untuk website E-Commerce Butik Anaya Collection Berbasis Web PHP Dan Menggunakan Framework Codeigniter, maka dapat diperoleh kesimpulan sebagai berikut :

a) Membuat sistem informasi yang mana di dalam nya tedapat sistem E-Commerce atau sistem penjualan online, sehingga pelanggan sedikit lebih mudah melakukan transaksi pemesanan dan pembayaran.

b) Pada sistem informasi E-Commerce ini di sediakan jumlah data stock barang yang tersedia pada sistem penjualan online butik Anaya Collection, ini memudahkan memberikan informasi kepada customer untuk mengetahui jumlah produk yang up to date.

Dimana sasaran utama dengan pembuatan website E-Commerce Butik Anaya Collection Berbasis Web PHP Dan Menggunakan Framework Codeigniter ini adalah cutomer yang lokasinya jauh dari lokasi butik Anaya Collection. Pada website E-Commerce ini penulis juga menambahkan fasilitas Guest Book atau Buku Tamu sebagai media yang bertujuan agar customer dapat secara mudah memberikan pertanyaan, kritik maupun saran kepada pihak butik Anaya Collection.

75

6.2 Saran

Ada beberapa saran yang dapat penulis berikan setelah penulis menyelesaikan membuat website E-Commerce Butik Anaya Collection Berbasis Web PHP Dan Menggunakan Framework Codeigniter ini. Saran-saran tersebut adalah :

a) Website ini dapat dikembangkan lagi berupa pemberitahuan transaksi

melaluli sms gateway.

b) Aplikasi ini hanya memiliki satu admin saja yang mana sistemnya sudah memiliki security cukup yaitu admin satu hanya bisa memantau dan bisa mengedit sekaligus menghapus, namun jikaningin system ini lebih baik di tingkat security maka ada baiknya memiliki beberapa admin untuk meng-handle keseluruhan dari hak akses website ini.

DAFTAR PUSTAKA

1. Hakim, Lukmanul. (2009). Membongkar Trik Rahasia Para Master PHP. Yogyakarta :

Lokomedia 2009.

2. Kadir, Abdul. (1998). Konsep & Tuntunan Praktis Basis Data. Yogyakarta : Andi Yogyakarta.

3. Mulyana, Y.B. S.Kom. (2004). Trik Membangun Situs : Menggunakan PHP dan MySQL. Jakarta :

Elex Media Komputindo.

4. Pribadi, Awan. (2010). Membangun Web Berbasis PHP Dengan Framework Codeigniter. Yogyakarta :

Lokomedia.

5. Sakur, Stendy B. (2003). Aplikasi Web Database dengan Dreamweaver MX : Yogyakarta :

Andi Yogyakarta.

6. Sutarman, S.Kom. (2000). Membangun Aplikasi Web Dengan PHP dan MySQL. Bandung :

Graha Ilmu.

7. Wiswarakarma, Komang. (2010). 9 Langkah Menjadi Master Framework Codeigniter. Yogyakarta :

Lokomedia.