Julius Cahyo H M3109046
commit to user
TUGAS AKHIR
SISTEM SHOPPING ONLINE CV. JAYA MULYA POULTRY SHOP MENGGUNAKAN FRAMEWORK CODE IGNITER
Diajukan untuk memenuhi salah satu syarat mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika
Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret
Disusun Oleh :
JULIUS CAHYO H NIM. M3109046
PROGRAM DIPLOMA DIII TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET SURAKARTA
(2)
commit to user
HALAMAN PERSETUJUAN
SISTEM SHOPPING ONLINE CV. JAYA MULYA POULTRY SHOP MENGGUNAKAN FRAMEWORK CODE IGNITER
Disusun oleh :
JULIUS CAHYO HANDOKO NIM. M3109046
Tugas Akhir ini disetujui untuk disusun dan ditindaklanjuti pada tanggal 7 Juni 2012
Pembimbing Utama
Taufiqurrakhman NH, S.Kom NIP/NIDN 0622058201
(3)
commit to user
HALAMAN PENGESAHAN
SISTEM SHOPPING ONLINE CV. JAYA MULYA POULTRY SHOP MENGGUNAKAN FRAMEWORK CODE IGNITER
Disusun oleh :
JULIUS CAHYO HANDOKO NIM. M3109046
Pembimbing Utama
Taufiqurrakhman NH, S.Kom NIDN. 0622058201
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program DIII Teknik Informatika
pada _______________ Dewan Penguji
1. Penguji 1 Taufiqurrakhman NH, S.Kom (……….)
NIDN. 0622058201
2. Penguji 2 Agus Purnomo, S.Si (……….)
NIDN. 0607038501
3. Penguji 3 Yudho Yudhanto, S.Kom (……….)
NIDN.
Disahkan Oleh
Dekan FMIPA UNS
Ketua Program Studi DIII Teknik Informatika UNS
Prof. Ir. Ari Handono R, M.Sc(Hons),Ph.D NIP. 19610223 198601 1 001
Drs. YS. Palgunadi, M.Sc NIP. 19560407 198303 1 004
(4)
commit to user
ABSTRACT
Julius Cahyo Handoko, M3109046. BUILDING SHOPPING ONLINE APPLICATION USING CODEIGNITER FRAMEWORK AT CV. JAYA MULYA POULTRY SHOP SURAKARTA. Diploma III Informatics
Engineering Matematika and Nature Science Faculty. Sebelas Maret University Surakarta, Juni 2012.
Jaya Mulya Poultry Shop is a shop which is selling animal husbandry equipment, accessories, medicine and vaccine for animal. Promotion and technology that makes it easy for customer to conduct transaction that can be a supporting factor in achieving success product sales and extending to global market. In order to provide facilities that all can be realized with an shopping online. Shopping online application built to help Jaya Mulya Poultry Shop in terms of product sales and market expansion.
Application making process begins bi analyzing the system application sales on Jaya Mulya Poultry Shop, and then create a database system design and use of DFD and ERD. Followed by designing an interface, create the database and scripting program using CodeIgniter Framework, and MySQL as its database.
Establishment of shopping online applications on the Jaya Mulya Poultry Shop include the purchase of goods and confirmation of the transfer by the customer. While on duty Admin product data management, data users, data products, and order data.
(5)
commit to user
INTISARI
Julius Cahyo Handoko, M3109046. PEMBANGUNAN APLIKASI SHOPPING ONLINE MENGGUNAKAN FRAMEWORK CODEIGNITER PADA CV. JAYA MULYA POULTRY SHOP SURAKARTA. Diploma III
Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta, Juni 2012.
Jaya Mulya Poultry Shop merupakan sebuah toko yang menjual peralatan perternakan, aksesoris, obat-obatan perternakan, serta vaksin yang digunakan pada hewan ternak. Promosi dan teknologi yang dapat memudahkan para pelanggan dalam melakukan transaksi dapat menjadi faktor pendukung dalam mencapai keberhasilan penjualan produk serta perluasan pasar ke pasar global. Untuk memberikan fasilitas tersebut, dapat direalisasikan dengan aplikasi shopping online. Aplikasi shopping online ini dibangun untuk membantu penjualan dan memperluas pemasaran produk CV. Jaya Mulya Poultry Shop.
Proses pembuatan aplikasi shopping online dimulai dengan menganalisa sistem penjualan yang ada pada Jaya Mulya Poultry Shop, dan kemudian membuat perancangan database menggunakan ERD dan DFD. Dilanjutkan dengan membuat desain interface, membuat database dan scripting program menggunakan framework CodeIgniter dan MySQL sebagai basisdatanya.
Terbangunnya aplikasi shopping online pada CV. Jaya Mulya Poultry Shop meliputi transaksi pembelian barang dan konfirmasi transfer oleh customer. Serta manajemen data produk, data user, data produk dan order data oleh admin.
(6)
commit to user
HALAMAN MOTTO
MOTTO :
¾ Bersama dengan Tuhan semua tidak ada yang mustahil.
(Gilbert Lumoindong)
¾ Sebab Aku ini mengetahui rancangan - rancangan apa yang ada pada-Ku
mengenai kamu, demikianlah firman TUHAN, yaitu rancangan damai sejahtera dan bukan rancangan kecelakaan, untuk memberikan kepadamu hari depan yang penuh harapan.
(7)
commit to user
HALAMAN PERSEMBAHAN
PERSEMBAHAN :
¾ Tuhan Yesus Kristus.
¾ Orang tua tercinta.
¾ Adikku tersayang.
(8)
commit to user
KATA PENGANTAR
Segala puji syukur ke hadirat Tuhan Yang Maha Esa atas segala karunia dan kemurahan yang telah diberikan, sehingga penulis dapat menyelesaikan Laporan Tugas Akhir.
Atas ijin Tuhan YME dan berkat bimbingan, bantuan serta dorongan dari berbagai pihak, sehingga Tugas Akhir ini dapat terselesaikan. Pada kesempatan ini penulis mengucapkan terima kasih kepada :
1. Drs. YS. Palgunadi, M.Sc. selaku Ketua Program Diploma III Ilmu
Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
2. Taufiqurrakhman NH, S.Kom selaku pembimbing utama Tugas Akhir
yang telah memberikan banyak pengarahan dan petunjuk dalam menyelesaikan laporan ini.
3. Seluruh keluarga yang selalu mendoakan dan memberikan dukungan
moral dan materiil.
4. Teman - teman yan membantu dalam penyelesaian Laporan Tugas Akhir.
5. Pemilik CV. Jaya Mulya Poultry Shop, yang telah memberikan ijin
sebagai objek pembuatan project Tugas Akhir.
Akhir kata, harapan penulis semoga laporan Tugas Akhir ini bermanfaat bagi seluruh pihak dan para pembaca.
Surakarta, Juni 2012 Penulis
(9)
commit to user
DAFTAR ISI
HALAMAN JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
ABSTRACT ... iv
INTISARI ... v
HALAMAN MOTTO ... vi
HALAMAN PERSEMBAHAN ... vii
KATA PENGANTAR ... viii
DAFTAR ISI ... ix
DAFTAR TABEL ... xii
DAFTAR GAMBAR ... xiii
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Perumusan Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Tujuan dan Manfaat ... 2
1.5 Metodologi Penelitian ... 3
1.6 Sistematika Penulisan ... 3
BAB II LANDASAN TEORI ... 5
2.1 Shopping Online ... 5
2.2 Framework CodeIgniter ... 6
2.3 Basis Data (Database) ... 9
2.4 UML (Unified Modeling Language) ... 9
(10)
commit to user
2.4.2 Sequence Diagram ... 10
2.4.3 Class Diagram ... 10
BAB III ANALISIS DAN PERANCANGAN ... 12
3.1 Analisis Perancangan Sistem ... 12
3.1.1 Use Case Diagram ... 12
3.1.1.1 Definisi Aktor ... 12
3.1.1.2 Diagram Use Case ... 13
3.1.2 Sequence Diagram ... 14
3.1.2.1 Sequence Diagram Login ... 14
3.1.2.2 Sequence Diagram Input Data Produk ... 15
3.1.2.3 Sequence Diagram Update Data Produk ... 16
3.1.2.4 Sequence Diagram View Data Produk ... 17
3.1.2.5 Sequence Diagram View Data User ... 17
3.1.2.6 Sequence Diagram View Data Order ... 18
3.1.2.7 Sequence Diagram Laporan Form ... 18
3.1.2.8 Sequence Diagram Shipping Form ... 19
3.1.2.9 Sequence Diagram Input Order ... 19
3.1.2.10 Sequence Diagram Update Order... 20
3.1.2.11 Sequence Diagram Input Konfirmasi ... 20
3.1.2.12 Sequence Diagram View Shipping ... 21
3.1.2.13 Sequence Diagram Update Account ... 22
3.1.3 Class Diagram ... 23
3.1.3.1 Class Diagram Admin ... 23
3.1.3.2 Class Diagram User ... 24
3.2 Perancangan Basis Data ... 25
3.2.1 Entity Relationship Diagram ... 25
3.2.2 Tabel Relationship ... 26
3.2.3 Rancangan Basis Data ... 26
3.2.3.1 Tabel User ... 26
3.2.3.2 Tabel Kategori ... 27
(11)
commit to user
3.2.3.4 Tabel Order ... 27
3.2.3.5 Tabel Order Detail... 28
3.2.3.6 Tabel Produk ... 28
3.3 Perancangan Antarmuka Website ... 29
3.3.1 Perancangan Halaman Website ... 29
3.4 Analisa Kebutuhan ... 30
3.4.1 Kebutuhan Perangkat Lunak ... 30
3.4.2 Kebutuhan Perangkat Keras... 30
BAB IV IMPLEMENTASI DAN EVALUASI SISTEM ... 31
4.1 Implementasi dan Evaluasi Sistem ... 31
4.1.1 Tampilan Halaman Utama Web ... 31
4.2.1 Halaman User ... 32
4.2.1 Halaman Utama Customer ... 33
4.2.2 Halaman Login ... 34
4.2.3 Halaman Register ... 34
4.2.4 Halaman Menu ... 35
4.2.5 Halaman Produk ... 36
4.2.6 Halaman Add Cart ... 36
4.2.7 Halaman Shopping Cart ... 37
4.2.8 Halaman Edit Cart ... 37
4.2.9 Halaman Selesai Order ... 38
4.2.10 Halaman Konfirmasi Transfer Belanja ... 38
4.2.11 Halaman Edit Profile ... 39
4.2.12 Halaman Ganti Password ... 39
4.2.13 Halaman About ... 40
4.2.14 Halaman Cek Resi ... 40
4.2.15 Halaman Contact... 41
4.2.16 Halaman FAQS ... 42
4.3 Halaman Admin ... 42
4.3.1 Halaman Utama Admin ... 42
(12)
commit to user
4.3.3 Halaman Customer ... 43
4.3.4 Halaman Tambah Produk ... 44
4.3.5 Halaman Data Produk ... 44
4.3.6 Halaman Edit Data Produk ... 45
4.3.7 Halaman Laporan ... 47
4.3.8 Halaman Konfirmasi ... 48
4.3.9 Halaman Shipping... 48
4.4 Evaluasi ... 48
4.4.1 Kelebihan ... 48
4.4.2 Kekurangan ... 48
BAB V PENUTUP ... 49
5.1 Kesimpulan ... 49
5.2 Saran ... 49
(13)
commit to user
DAFTAR TABEL
Tabel 2.1 Tabel Simbol Komponen Use Case ... 10
Tabel 2.2 Tabel Simbol Sequence Diagram ... 10
Tabel 2.3 Tabel Simbol Komponen Class Diagram... 11
Tabel 3.1 Tabel Aktor ... 12
Tabel 3.2 Tabel User ... 26
Tabel 3.3 Tabel Kategori... 27
Tabel 3.4 Tabel Kota ... 27
Tabel 3.5 Tabel Order ... 27
Tabel 3.6 Tabel Order_Detail ... 28
(14)
commit to user
DAFTAR GAMBAR
Gambar 2.1 Model – View – Controller ... 6
Gambar 2.2 Application Flowchart CodeIgniter ... 7
Gambar 3.1 Diagram Use Case ... 13
Gambar 3.2 Sequence Diagram Login ... 14
Gambar 3.3 Sequence Diagram Input Data Produk ... 15
Gambar 3.4 Sequence Diagram Update Data Produk ... 16
Gambar 3.5 Sequence Diagram View Data Produk ... 17
Gambar 3.6 Sequence Diagram View Data User ... 17
Gambar 3.7 Sequence Diagram View Data Order ... 18
Gambar 3.8 Sequence Diagram Laporan Form... 18
Gambar 3.9 Sequence Diagram Shipping Form ... 19
Gambar 3.10 Sequence Diagram Input Order ... 20
Gambar 3.11 Sequence Diagram Update Order ... 20
Gambar 3.12 Sequence Diagram Input Konfirmasi ... 21
Gambar 3.13 Sequence Diagram View Shipping ... 21
Gambar 3.14 Sequence Diagram Update Account ... 22
Gambar 3.15 Class Diagram Admin ... 23
Gambar 3.16 Class Diagram User ... 24
Gambar 3.17 Entity Relationship Diagram ... 25
Gambar 3.18 Table Relationship ... 26
Gambar 3.19 Perancangan Antar Muka Admin ... 29
Gambar 3.20 Perancangan Antar Muka Pembeli ... 30
Gambar 3.21 Perancangan Antar Muka Pengunjung ... 30
Gambar 4.1 Tampilan Halaman Utama Web ... 33
Gambar 4.2 Tampilan Halaman Utama Customer ... 34
Gambar 4.3 Tampilan Halaman Login... 35
Gambar 4.4 Tampilan Halaman Register ... 36
Gambar 4.5 Tampilan Halaman Menu ... 37
Gambar 4.6 Tampilan Halaman Produk... 37
(15)
commit to user
Gambar 4.8 Tampilan Halaman Shopping Cart ... 38
Gambar 4.9 Tampilan Halaman Edit Cart... 39
Gambar 4.10 Tampilan Halaman Selesai Order ... 39
Gambar 4.11 Tampilan Halaman Konfirmasi Transfer ... 40
Gambar 4.12 Tampilan Halaman Edit Profile ... 40
Gambar 4.13 Tampilan Halaman Ganti Password ... 41
Gambar 4.14 Tampilan Halaman About ... 41
Gambar 4.15 Tampilan Halaman Cek Resi... 42
Gambar 4.16 Tampilan Halaman Contact ... 42
Gambar 4.17 Tampilan Halaman FAQS ... 43
Gambar 4.18 Tampilan Halaman Utama Admin ... 44
Gambar 4.19 Tampilan Halaman Order ... 44
Gambar 4.20 Tampilan Halaman Customer ... 44
Gambar 4.21 Tampilan Halaman Tambah Produk ... 45
Gambar 4.22 Tampilan Halaman Data Produk ... 46
Gambar 4.23 Tampilan Halaman Edit Data Produk ... 47
Gambar 4.24 Tampilan Halaman Laporan ... 48
Gambar 4.25 Tampilan Halaman Konfirmasi ... 48
(16)
commit to user
1
BAB I PENDAHULUAN
1.1 Latar Belakang
Adanya tingkat kemauan pasar yang semakin hari semakin meningkat, dan juga di lain pihak sekaligus untuk memperluas jaringan pemasaran dan perdagangan maka dibutuhkan sebuah sistem yang membantu jalannya transaksi perdagangan yang tidak hanya mengandalkan sistem berbelanja dengan cara tradisional yakni dengan cara pembeli datang langsung kepada penjual untuk
mendapatkan barang yang diinginkan. Shopping Online merupakan salah satu
teknik dalam perdagangan dengan menggunakan sistem perdagangan via internet. Teknologi perdagangan dengan menggunakan internet telah memberikan pengaruh yang besar terhadap pertumbuhan perekonomian dan tingkat
kesejahteraan masyarakat. Shopping online sendiri telah menjadi bagian yang
penting pada sektor bisnis. Dengan menggunakan Shopping Online maka biaya
operasional dalam pemasaran produk bisa dikurangi agar dapat bersaing dengan semakin banyak permintaan yang mengharuskan pelayanan yang cepat dan akurat.
Munculnya Shopping Online merupakan gejala perkembangan informasi sosial
yang semakin berkembang dengan pesat.
Pada jaman modern seperti sekarang ini, penggunaan internet semakin meluas
di kalangan masyarakat. Penggunaan internet secara perlahan akan membawa semua usaha menuju pasar global, dengan sistem pemasaran dan penjualan produk yang dapat dijangkau bahkan di seluruh wilayah. Pembuatan website secara terstruktur menjadi salah satu jalan keluar dalam tuntutan teknologi yang sedang berkembang di masyarakat. Untuk pembuatan website secara terstruktur, dapat
digunakan sebuah framework PHP yang dibuat berdasarkan kaidah MVC (model,
view, controller). Di Indonesia terdapat banyak framework PHP yang dapat
digunakan dalam pengembangan website, diantaranya CakePHP, Zend,
CodeIgniter, Symfony, Prado dan lain sebagainya. Dalam pembangunan dan
pengembangan aplikasi Shopping Online ini akan digunakan framework
(17)
commit to user
merupakan salah satu framework yang berbasis Model-View-Controller, bersifat
open source dan juga dapat dijalankan di semua platform. Dengan menggunakan
basis Model-View-Controller memungkinkan dilakukan pemisahan antara layer
application-logic dan presentation. Sehingga diharapkan dalam pengembangan
website dapat dikonsentrasikam pada core-system. Sedangkan dalam pengerjaan
desain dan tampilan dapat dilakukan secara terpisah. Keuntungan menggunakan
framework berbasis Model-View-Controller adalah dimana script PHP, query
MySQL, Javascript, dan CSS dapat dilakukan secara terpisah tanpa harus dibuat
dalam satu script yang sama. Dengan demikian tidak diperlukan memory yang
berukuran besar yang membutuhkan resource yang besar pula untuk mengeksekusinya.
1.2 Perumusan Masalah
Bagaimana pembuatan aplikasi sistem Shopping Online dengan menggunakan
framework CodeIgniter pada CV. Jaya Mulya Poultry Shop.
1.3 Batasan Masalah
Penelitian ini difokuskan pada proses belanja online pada CV. Jaya Mulya Poultry Shop dengan menggunakan sistem pembayaran yaitu transfer via ATM dengan mengupload bukti transfer pembayaran. Dimana di dalam sistem hanya user aktif yang telah berhasil melakukan registrasi saja yang dapat melakukan transaksi pembelian.
1.4 Tujuan dan Manfaat
a. Tujuan
Tujuan dari penelitian ini adalah pembuatan Shopping Online dengan
menggunakan framework CodeIgniter pada CV. Jaya Mulya Poultry
Shop diharapkan dapat mempermudah cara berbelanja konsumen dengan
cara direct-selling.
(18)
commit to user
Manfaat dari penelitian ini adalah pembuatan Shopping Online yang
dapat meningkatkan efisiensi biaya, waktu, dan dapat memperluas daerah pemasaran hingga ke pasar global.
1.5 Metodologi Penelitian
a. Obeservasi
Metode pengumpulan data dengan cara melakukan pengamatan oleh pihak peneliti untuk mendapatkan data yang dibutuhkan dengan cara mengamati secara langsung pada obyek penelitian.
b. Wawancara
Metode pengumpulan data dengan cara melakukan wawancara secara langsung dengan pihak yang terkait dengan masalah yang diteliti yaitu pemilik dan juga karyawan yang terdapat pada CV. Jaya Mulya Poultry Shop.
c. Studi Pustaka
Metode pengumpulan data dengan cara membaca buku dan literature yang berkaitan dengan permasalahan yang sedang dijadikan obyek penelitian.
1.6 Sistematika Penulisan
Sistematika dari penulisan laporan Tugas Akhir adalah sebagai berikut :
1. BAB I : berisi pendahuluan yang memuat latar belakang dari
dipilihnya judul Tugas Akhir, rumusan dan batasan masalah dari Tugas Akhir, tujuan dan manfaat dari penulisan laporan serta metode penelitian yang digunakan oleh penulis.
2. BAB II : berisi tinjauan pustaka tentang aplikasi shopping online
meliputi definisi dan keuntungan shopping online, framework
CodeIgniter, pengertian basis data, DFD, ERD, Sequence Diagram, serta CD.
3. BAB III : berisi rancangan dari sistem yang akan dibuat yaitu Sistem
Shoping Online CV. Jaya Mulya Poultry Shop Menggunakan Framework Code Igniter.
(19)
commit to user
4. BAB IV : berisi implementasi dari evaluasi sistem yang akan dibuat
oleh penulis.
5. BAB V : berisi kesimpulan dan saran dari sistem yang dibuat oleh
(20)
commit to user
5
BAB II
LANDASAN TEORI
2.1 Shopping Online
Semakin marak penggunaan internet pada jaman sekarang ini menjadikan adanya penawaran yang sangat menggiurkan ketika mendapatkan kesempatan
melakukan bisnis secara online. Aplikasi shopping online yang dibangun sekarang
ini telah berkembang dalam lingkup internasional.
Shopping Online adalah suatu cara berbelanja atau berdagang secara online
atau direct selling yang memanfaatkan fasilitas internet yang dimana terdapat
penyediaan layanan “get and deliver”. Shopping Online juga akan merubah semua kegiatan marketing dan juga memangkas biaya operasional yang digunakan dalam kegiatan perdagangan.
Beberapa keuntungan yang didapatkan di dalam Shopping Online antara lain sebagai berikut :
1. Revenue system (aliran pendapatan) baru yang kemungkinan besar lebih
menjanjikan, yang tidak dapat ditemui pada sistem transaksi tradisional.
2. Peningkatan market exposure (pangsa pasar).
3. Peningkatan value chain (mata rantai pendapatan).
4. Dapat memperpendek waktu produksi yang dibutuhkan.
5. Penurunan operating cost (biaya operasional).
Meskipun Shopping Online merupakan sistem yang menguntungkan karena
dapat mengurangi biaya transaksi bisnis dan dapat memperbaiki kualitas
pelayanan kepada pelanggan, namun sistem shopping online ini beserta semua
infrastruktur pendukungnya mudah sekali disalahgunakan oleh pihak-pihak yang tidak bertanggung jawab, dan bisa juga terkena kesalahan-kesalahan yang mungkin timbul dari berbagai cara. Dari segi pandangan bisnis, penyalahgunaan dan kegagalan sistem yang terjadi terdiri atas :
1. Kehilangan segi finansial secara langsung karena kecurangan.
2. Kehilangan kesempatan bisnis karena gangguan pelayanan.
(21)
commit to user
4. Pencurian informasi rahasia yang berharga.
5. Penggunaan akses ke sumber oleh pihak yang tidak berhak.
6. Kerugian pada transaksi bisnis. (Purbo, dkk, 2001)
2.2 Code Igniter
Framework CodeIgniter merupakan salah satu framework PHP yang menggunakan kaidah MVC atau Model-View-Controller. MVC adalah sebuah software yang memisahkan antara aplikasi logika dan presentasi pada halaman web. Menariknya, skrip PHP, query MySQL, Javascript dan CSS bisa saling terpisah. Sehingga tidak membutuhkan resource besar untuk mengeksekusinya. Alur program berbasis MVC dapat dilihat pada Gambar 2.1. (Basuki, 2010).
Gambar 2.1 Model – View - Controller
CodeIgniter adalah sebuah framework yang digunakan untuk membuat sebuah aplikasi berbasis web yang disusun dengan menggunakan bahasa PHP. Di
dalam CodeIgniter ini terdapat beberapa macam kelas yang berbentuk library dan
helper yang berfungsi untuk membantu pemrogram dalam mengembangkan
aplikasinya. CodeIgniter sangat mudah dipelajari oleh seorang pemrogram web
pemula sekalipun. Alasannya, karena CodeIgniter mempunyai file dokumentasi
yang sangat memadai untuk menjelaskan setiap fungsi yang ada pada library dan
helper. File dokumentasi ini disertakan secara langsung pada saat Anda
mengunduh paket framework CodeIgniter.
Controller
View Model
(22)
commit to user
Seperti halnya PHP, CodeIgniter juga bersifat opensource software di mana
setiap orang berhak menggunakannya tanpa harus dikenakan biaya lisensi. Saat
ini, banyak sekali pengembang yang telah menggunakan CodeIgniter sebagai
framework untuk menyusun aplikasi berbasis web. (Riyanto, 2011)
Aliran Data Aplikasi
Bagaimana proses suatu data mengalir pada suatu sistem dapat diilustrasikan pada Gambar 2.2.
Gambar 2.2 Application Flowchart CodeIgniter
Keterangan :
1. Index.php berfungsi sebagai front controller , menginisialisasi base
resource untuk menjalankan CodeIgniter.
2. Router memeriksa HTTP request untuk menentukan apa yang harus
dilakukan dengannya.
3. Apabila terdapat Cache maka sistem akan mengirimkan langsung ke
browser dengan mengabaikan aliran data normal.
4. Security. Sebelum controller dimuat, HTTP request dan data yang
dikirimkan user akan difilter dahulu melalui sebuah sistem pengamanan.
5. Controller memuat model, core libraries, plugins, helpers dan semua
resource yang diperlukan untuk memproses request.
Index.php
Routing Security Application
Controller
Models
Libraries
Helpers Plugins Scripts View
(23)
commit to user
6. Akhirnya View yang dihasilkan akan dikirimkan ke browser. Jika cache
aktif, maka view akan disimpan sebagai cache dahulu, sehingga pada
request berikutnya langsung dapat ditampilkan pada browser. (Basuki, 2010).
Kelebihan framework CodeIgniter
Terdapat beberapa keunggulan framework CodeIgniter dalam proses pembuatan suatu aplikasi dibandingkan dengan menggunakan PHP biasa, diantaranya :
1. CodeIgniter adalah open source (free).
CodeIgniter berlisensi Apache/BSD-Style open source yang memperbolehkan penggunaan dari framework ini sesuai dengan keinginan Anda.
2. CodeIgniter berukuran kecil
Ukuran yang biasanya pada framework ini hanya sebesar 4MB. Beberapa
fitur yang terdapat di dalam CodeIgniter adalah database access, session
control, manage cookies, security dengan xss filtering, bantuan untuk mengunggah file, dan berbagai fitur lain yang dengan berbagai keunggulan.
3. CodeIgniter performa sangat cepat
Yang dimaksud sangat cepat disini adalah dalam hal eksekusi file.
Kecepatan ini memungkinkan CodeIgniter digunakan sebagai framework
untuk membangun aplikasi berskala enterprise.
4. CodeIgniter mengciptakan URL yang friendly.
URL yang diciptakan oleh CodeIgniter sangat rapi dan friendly untuk
search engine yang ada.
5. CodeIgniter dikemas dalam sebuah framework yang lengkap.
CodeIgniter dikemas dalam kumpulan class dalam sebuah library yang cukup lengkap yang dapat menunjang proses pembuatan web, seperti mengakses database, mengirim email, validasi form data, pembuatan session, memanipulasi gambar, dan lain sebagainya.
(24)
commit to user
6. Fungsi pada CodeIgniter dapat ditambahkan.
Fungsi-funggsi pada sistem CodeIgniter sangat mudah ditambahkan
dengan bantuan library plugins dan helper.
7. CodeIgniter mempunyai dokumen (user guide) yang lengkap.
CodeIgniter mempunyai dokumentasi yang sangat rapi dan jelas. Sehingga dengan adanya dokumentasi ini akan banyak membantu para programmer
pemula yang ingin mempelajari CodeIgniter. (Wiswakarma, 2010,
Riyanto, 2011 ).
2.3 Basis Data (Database)
Database merupakan komponen terpenting dalam pembangunan system informasi, karena menjadi tempat untuk menampung dan mengorganisasikan seluruh data yang ada dalam sistem, sehingga dapat dieksplorasi untuk menyusun
informasi-informasi dalam berbagai bentuk. Database merupakan kelompok data
yang saling berkaitan. Data tersebut diorganisasikan sedemikian rupa agar tidak terjadi duplikasi yang tidak perlu, sehingga dapat diolah atau dieksplorasi secara tepat dan mudah untuk menghasilkan informasi (Sutedjo,2000).
2.4 UML (Unified Modeling Language)
UseCase Diagram
Diagram use case atau use case diagram menyajikan interaksi antara
use case dan aktor. Dimana, aktor dapat berupa orang, peralatan, atau sistem
lain yang berinteraksi dengan sistem yang sedang dibangun. Use case
menggambarkan fungsionalitas sistem atau persyaratan-persyaratan yang harus dipenuhi sistem dari pandangan pemakai.
(25)
commit to user
Tabel 2.1 Tabel Simbol Komponen use case
Bentuk Komponen Keterangan
Aktor
Aktor
Merupakan simbol untuk
menggambarkan User yang
berhubungan dengan Sistem
Use case
Use case diberi nama yang
menyatakan apa hal yang dicapai dari hasil interaksinya dengan actor
Sequence Diagram
Diagram sekuensial atau sequence diagram digunakan untuk
menunjukkan aliran fungsionalitas dalam use case. (Sholiq, 2006)
Tabel 2.2 Tabel Simbol Sequnce Diagram
No. Simbol Nama Deskripsi
1 Object
Menggambarkan pos-pos
obyek yang pengirim dan penerima message
2 Message
Menggambarkan aliran
pesan yang dikirim oleh pos-pos obyek
Class Diagram
Object
Message Message
(26)
commit to user
Diagram kelas atau Class diagram digunkan unutk menampilkan
kelas-kelas atau paket-paket di dalam sistem dan relasi antar mereka. Ia memebrikan gamabaran sistem secara statis. Biasanya, dibuat beberapa
diagram kelas untuk sistem. Satu diagram kelas menampilkan subset dari
kelas-kelas dan relasinya. Yang lainnya, mungkin menampilkan kelas-kelas termasuk atribut dan operasi dalam kelas-kelas. Data yang lainnya lagi,
mungkin menampilkan paket-paket kelas dan relasi antar paket-paket (
Sholiq, 2006 ).
Tabel 2.3 Tabel Simbol Komponen class diagram
Bentuk Komponen Keterangan
+DaftarOperasi()() --DaftarAtribut
Class kelas
deskripsi dari sekumpulan objek yangterdiri dari daftar atribut dan daftar operasi
generalisasi
hubungan antara yang lebih umum dan elemenyang lebihspesifik
Depedensi
hubungan antara dua elemen pemodelan, di mana perubahan ke satu elemen pemodelan (elemen independen) akan mempengaruhi simulasi elemen lainnya
(27)
commit to user
12
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis dan Perancangan Sistem
Pengembangan aplikasi yang berorientasikan pada objek harus melalui beberapa tahapan analisa sistem yang harus dilalui, dimana pada tahap ini dilakukan pemodelan menggunakan UML. Dalam penggunaan UML sendiri
dibagi menjadi beberapa bagian yaitu pembuatan Use Case Diagram, Sequence
Diagram, dan Class Diagram.
3.1.1 Use Case Diagram
3.1.1.1 Definisi Aktor
Dalam sistem shopping online ini terdapat 4 buah aktor yang terdiri dari administrator, user, pemilik usaha dan pengunjung. Berikut merupakan pendeskripsian tugas dan aktivitas yang dilakukan oleh actor :
Tabel 3.1 Tabel Aktor
No Aktor Deskripsi
1
2
Admin
User
1) Memasukkan data produk
2) Melihat data user
3) Melihat data order
4) Memasukkan nomor resi user
5) Menampilkan laporan order
6) Mengedit data produk
1) Melakukan registrasi member
2) Melakukan order produk
3) Mengupload bukti transfer
4) Mengecek nomor resi pengiriman
(28)
commit to user
3
4
Pengunjung
Pemilik usaha
1) Melakukan pencarian produk
1) Menerima laporan order
3.1.1.2 Diagram Use Case
Berikut rancangan dari use case yang dapat terlihat pada
Gambar 3.1
Gambar 3.1 Diagram use case
user
admin
pengunjung owner
order produk
upload bukti transaksi
register
login update account
cek resi
input shipping
input produk
view order
view user
view laporan ubah status transfer
update produk
<<extend>> <<extend>>
(29)
commit to user
3.1.2 Sequence Diagram
3.1.2.1 Sequence Diagram Login
Sequence Diagram login ditunjukkan pada Gambar 3.2
Gambar 3.2 Sequence Diagram Login
: LoginForm : loginControl
: admin : user
: userData
1 : showLoginForm() 2 : setUsername()
3 : setPassword()
4 : getUsername() 5 : $username
6 : getPassword() 7 : $password
8 : getUsername()
9 : $username
10 : getPassword()
11 : $password 12 : setUsername()
13 : setPassword()
14 : getUsername() 15 : $username
16 : getPassword() 17 : $password
18 : getUsername()
19 : $username
20 : getPassword() 21 : $password
22 : validasiLogin()
(30)
commit to user
3.1.2.2 Sequence Diagram Input Data Produk
Sequence Diagram input data produk ditunjukkan pada Gambar 3.3
Gambar 3.3 Sequence Diagram Input Data Produk
: admin
: InputProdukForm : produkControl : produkData
1 : showProdukForm() 2 : setIdProduk()
3 : setNamaProduk() 4 : setStok()
5 : setHarga()
6 : setBerat()
7 : setGambar()
8 : getIdProduk() 9 : $IdProduk
10 : getNamaProduk() 11 : $NamaProduk
12 : getStok() 13 : $Stok
14 : getHarga() 15 : setHarga
16 : getBerat() 17 : setBerat
18 : getGambar() 19 : setGambar()
20 : validasiDataProduk() 21 : showErrorMessage()
22 : insertDataProduk()
(31)
commit to user
3.1.2.3 Sequence Diagram Update Data Produk
Sequence Diagram update data produk ditunjukkan pada Gambar 3.4
Gambar 3.4 Sequence Diagram Update Data Produk
: admin
: UpdateProdukForm : produkControl : produkData
1 : showUpdateForm() 2 : setIdProduk()
3 : setNamaProduk() 4 : setStok()
5 : setBerat()
6 : setGambar()
7 : getIdProduk() 8 : $IdProduk
9 : getNamaProduk() 10 : $NamaProduk
11 : getStok() 12 : $Stok
13 : getBerat() 14 : $Berat
15 : getGambar() 16 : $Gambar
17 : validasiProduk()
18 : showErrorMessage() 19 : updateProduk()
20 : showDataProduk() 21 : setIdProduk()
22 : getIdProduk() 23 : $IdProduk
24 : deleteProduk()
(32)
commit to user
3.1.2.4 Sequence Diagram View Data Produk
Sequence Diagram view data produk ditunjukkan pada Gambar 3.5
Gambar 3.5 Sequence Diagram View Data Produk
3.1.2.5 Sequence Diagram View Data User
Sequence Diagram view data user ditunjukkan pada Gambar 3.6
Gambar 3.6 Sequence Diagram View Data User
: admin
: viewProdukForm : produkControl : produkData
1 : getDataProduk()
2 : $idProduk,$NamaProduk,$Stok,$Harga,$Berat,$Gambar 3 : showDataProduk()
4 : setIdProduk()
: admin
: viewUserForm : accountControl : userData
1 : getDataUser()
2 : $IdUser,$Nama,$Alamat,$Email,$Kota,$KodePos,$NoTelp
3 : showDataUser() 4 : setIdUser()
(33)
commit to user
3.1.2.6 Sequence Diagram View Data Order
Sequence Diagram view data order ditunjukkan pada Gambar 3.7
Gambar 3.7 Sequence Diagram View Data Order
3.1.2.7 Sequence Diagram Laporan Form
Sequence Diagram laporan form ditunjukkan pada Gambar 3.8
Gambar 3.8 Sequence Diagram Laporan Form
: admin
: viewOrderForm : orderControl : orderData : orderdetailData
1 : getDataOrder()
2 : $IdOrder,$IdOrderDetail,$IdProduk,$JmlhOrder,$Berat,$OngkosKirim,$TotalBiaya 3 : getDataOrderDetail()
4 : $IdOrderDetail,$IdUser,$TotalBayar,$BuktiTransfer,$NoResi,$StatusKonfirmasi
5 : showDataOrder() 6 : inputIdOrderDetail()
: admin
: InputLaporanForm : laporanControl : orderData : orderdetailData
1 : showLaporanForm() 2 : setTanggalOrder()
3 : getDataOrder()
4 : $IdOrder,$IdOrderDetail,$TotalBayar,$BuktiTransfer,$NoResi,$StatusKonfirmasi
5 : getDataOrderDetail()
6 : $IdOrder,$IdOrderDetail,$JumlahOrder,$TotalBiaya
7 : showDataOrder()
(34)
commit to user
3.1.2.8 Sequence Diagram Shipping Form
Sequence Diagram shipping form ditunjukkan pada Gambar 3.9
Gambar 3.9 Sequence Diagram Shipping Form
3.1.2.9 Sequence Diagram Input Order
Sequence Diagram input order ditunjukkan pada Gambar 3.10
Gambar 3.10 Sequence Diagram Input Order
: admin
: inputShippingForm : shippingControl : orderdetailData
1 : showInputShippingForm() 2 : setIdOrderDetail()
3 : setNoResi()
4 : getIdOrderDetail() 5 : $IdOrderDetail
6 : getNoResi() 7 : $NoResi
8 : validasiDataShipping() 9 : showErrorMessage()
10 : getDataShipping()
11 : showDataShipping()
: user
: inputOrderForm : orderControl : orderData : orderdetailData
1 : showInputOrderForm() 2 : setIdProduk()
3 : setJumlahOrder()
4 : getIdProduk() 5 : $IdProduk 6 : getJmlhOrder()
7 : $JmlhOrder
8 : validasiDataOrder() 9 : showErrorMessage()
10 : insertDataOrder() 11 : insertDataOrderDetail()
(35)
commit to user
3.1.2.10 Sequence Diagram Update Order
Sequence Diagram update order ditunjukkan pada Gambar 3.11
Gambar 3.11 Sequence Diagram Update Order
3.1.2.11 Sequence Diagram Input Konfirmasi
Sequence Diagram input konfirmasi ditunjukkan pada Gambar 3.12
Gambar 3.12 Sequence Diagram Input Konfirmasi
: user
: UpdateOrderForm : orderControl : orderData
1 : showUpdateOrderForm() 2 : setJmlhOrder()
3 : getJmlhOrder() 4 : $JmlhOrder
5 : validasiJmlhOrder() 6 : showErrorMessage()
7 : setdOrder()
8 : getIdOrder() 9 : $IdOrder
10 : deleteDataOrder()
11 : showDataOrder()
: user
: InputKonfirmasiForm : konfirmasiControl : orderdetailData
1 : showInputKonfirmasiForm() 2 : setIdOrderDetail()
3 : setBuktiTransfer()
4 : getIdOrderDetail() 5 : $IdOrderDetail 6 : getBuktiTransfer()
7 : $BuktiTransfer
8 : validasiDataKonfirmasi() 9 : showErrorMessage()
(36)
commit to user
3.1.2.12 Sequence Diagram View Shipping
Sequence Diagram view shipping ditunjukkan pada Gambar 3.13
Gambar 3.13 Sequence Diagram View Shipping
: user
: viewShippingForm : shippingControl : orderdetailData
1 : setIdOrderDetail()
2 : getDataOrderDetail()
3 : $IdOrderDetail
(37)
commit to user
3.1.2.13 Sequence Diagram Update Account
Sequence Diagram update account ditunjukkan pada Gambar 3.14
Gambar 3.14 Sequence Diagram Update Account
: user
: updateAccountForm : accountControl : userData
1 : showUpdateAccountForm() 2 : setNama()
3 : setAlamat()
4 : setEmail()
5 : setKota()
6 : setKodePos()
7 : setNoTelp()
8 : getNama() 9 : $Nama
10 : getAlamat() 11 : $Alamat
12 : getEmail() 13 : $Email
14 : getKota() 15 : $Kota
16 : getKodePos() 17 : $KodePos
18 : getNoTelp() 19 : $NoTelp
20 : validasiDataUser() 21 : showErrorMessage() 22 : updateDataUser()
(38)
commit to user
3.1.3 Class Diagram
3.1.3.1 Class Diagram Admin
Class Diagram admin ditunjukkan pada Gambar 3.15
Gambar 3.15 Class Diagram Admin
admin InputProdukForm +Attribute +showProdukform(): void +setDataProduk(): void +getDataProduk(): String +showErrorMessage(): void +setIdProduk($idProduk: String): void +getIdProduk(): String +setNamaProduk($namaProduk: String): void +getNamaProduk(): String +setStok($stok: int): void +setHarga($harga: int): void +setGambar($gambar: String): void +setBerat($berat: int): void +getStok(): String +getHarga(): String +getBerat(): String +showDataProduk(): void +setGambar($gambar: String): void
UpdateProdukForm
+Attribute +setDataProduk(): void +getDataProduk(): void +showErrorMessage(): void +setIdproduk($idProduk: String): void +getIdProduk(): String +setNamaProduk($namaProduk: String): void +getNamaProduk(): String +setDsekripsi($deskripsi: String): void +getDeskripsi(): String +setStok($stok: int): void +getStok(): String +setHarga($harga: String): void +getHarga(): String +setBerat($berat: int): void +getBerat(): String +setGambar($gambar: String): void +getGambar(): String +showDataProduk(): void LoginForm +Attribute +Unnamed(): void +showLoginForm(): void +setUsername($username: String): void +setPassword($password: String): void +getUsername(): String +getPassword(): String +showErrorMessage(): void viewUserForm +Attribute +showDataUser(): void +setIdUser($idUser: int): void +setNama($nama: String): void +setAlamat($alamat: String): void +setKota($kota: String): void +setKodePos($kodePos: int): void +setNoTelp($noTelp: String): void +showUserForm(): void +setUsername($username: String): void +setPassword($password: String): void +setEmail($email: String): void +getNama(): String +getEmail(): String +getAlamat(): String +getKota(): String +getKota(): String +getKodePos(): String +getNoTelp(): String +showErrorMessage(): void viewOrderForm +Attribute +showDataOrder(): void +inputIdOrder($id_order: int): void
inputShippingForm
+Attribute +setIdOrder($idOrder: int): void +showInputShippingForm(): void +setNoResi($noResi: int): void +getId_order(): string +getNoResi(): String +showErrorMessage(): void +showDataShipping(): void InputLaporanForm +Attribute
+setTanggalOrder($tanggalOrder: int): void +showInputLaporanForm(): void +showDataOrder(): void +showDataOrderDetail(): void produkControl +Attribute +$idProduk: String +$namaProduk: String +$stok: int +$berat: int +$harga: int +$gambar: String +validasiDataProduk(): void viewProdukForm +Attribute +showDataProduk(): void +setIdProduk($idProduk: String): void
loginControl +$username: String +$password: String +validasiLogin(): void produkData +Attribute
+insertDataProduk($idProduk: String, $namaProduk: String, $stok: int, $harga: int, $berat: int, $gambar: String): void +updateProduk($idProduk: String, $namaProduk: String, $stok: int, $harga: int, $berat: int, $gambar: String): void +deleteProduk(): void
+getDataProduk($idProduk: String, $namaProduk: String, $stok: int, $harga: int, $berat: int, $gambar: String): void
userData
+Attribute +getUsername(): String +getPassword(): String
+getDataUser($idUser: int, $nama: String, $alamat: String, $email: String, $kota: String, $kodePos: String, $noTelp: String): void +updateDataUser($nama: String, $alamat: String, $email: String, $kota: String, $kodePos: String, $noTelp: String): void
accountControl +$nama: String +$alamat: String +$email: String +$kota: String +$kodePos: int +$noTelp: int +validasiDataAccount(): void orderControl +idOrder: int +idProduk: String +jumlahOrder: int +validasiDataOrder(): void orderData +Attribute
+getDataOrder($idOrder: int, $idOrderDetail: int, $idProduk: int, $jmlhOrder: int, $totalHarga: int): void +insertDataOrder($id_produk: String, $jmlhOrder: int): void
+updateDataOrder($jmlhOrder: int): void +deleteDataOrder($idOrder: int): void
orderdetailData
+Attribute
+getDataorderdetail($idOrderDetail: int, $idUser: int, $totalBayar: int, $buktiTransfer: String, $noResi: int, $status: String): void +Unamed(): void
+getDataShipping($idOrderDetail: int, $noResi: int): void
+getDataOrderDetail($idOrderDetail: int, $idUser: int, $totalBayar: int, $buktiTransfer: String, $noResi: int, $status: String): void +insertDataOrderDetail($idOrderDetail: int, $totalBayar: int, $status: String): void
+insertDataKonfirmasi($idOrderDetail: int, $buktiTransfer: String): void +getDataOrderDetail($idOrderDetail: int, $noResi: int): void
shippingControl +$idOrderDetail: int +$NoResi: int +validasiDataShipping(): void laporanControl +$TanggalOrder: int
(39)
a n .u n s. a c. id d ig ilib .u n s. a c. id c o m m it t o u ser 2 4 3.1.3.2 Class Diagra m Use r C la ss D ia g ra m user dit unjukkan pa da G ambar 3. 1 6 G a m b ar 3.1 6 C la ss Diagr a m Use r user inputOrderForm +Attribute +setIdProduk($idProduk) +setJumlahOrder($jmlhOrder) +ShowInputOrderForm() +getIdProduk(): String +getJumlahOrder(): int +setIdOrder(): void +showErrorMessage(): void UpdateOrderForm +Attribute +showUpdateOrderForm(): void +setJmlhOrder($JmlhOrder: int): void +getJmlhOrder(): String +showErrorMessage(): void +showDataOrder(): void +setIdOrder($idOrder: int): void +getIdOrder(): String
InputKonfirmasiForm +Attribute
+showInputKonfirmasiForm(): void +setIdOrderDetail($IdOrderDetail: int): void +setBuktiTransfer($BuktiTransfer: String): void +getIdOrder(): String
+getBuktiTransfer(): String +showErrorMessage(): void
viewShippingForm +Attribute
+setIdOrderDetail($IdOrderDetail: int): void +showDataShipping(): void
updateAccountForm +Attribute
+showUpdateAccountForm(): void +setNama($nama: String): void +setAlamat($alamat: String): void +setEmail($email: String): void +setKota($kota: String): void +setKodePos($kodePos: int): void +setNoTelp($noTelp: int): void +getNama(): String +getAlamat(): String +getEmail(): String +getKota(): String +getKodePos(): int +getNoTelp(): String +showErrorMessage(): void +showDataAccount(): void orderControl +idOrder: int +idProduk: String +jumlahOrder: int +validasiDataOrder(): void viewOrderForm +Attribute +showDataOrder(): void +inputIdOrder($id_order: int): void
konfirmasiControl +idFaktur: int +buktiTransfer: String +validasiDataKonfirmasi(): void shippingControl +$idOrderDetail: int +$NoResi: int +validasiDataShipping(): void accountControl +$nama: String +$alamat: String +$email: String +$kota: String +$kodePos: int +$noTelp: int +validasiDataAccount(): void orderData +Attribute
+getDataOrder($idOrder: int, $idOrderDetail: int, $idProduk: int, $jmlhOrder: int, $totalHarga: int): void +insertDataOrder($id_produk: String, $jmlhOrder: int): void
+updateDataOrder($jmlhOrder: int): void +deleteDataOrder($idOrder: int): void
orderdetailData +Attribute
+getDataorderdetail($idOrderDetail: int, $idUser: int, $totalBayar: int, $buktiTransfer: String, $noResi: int, $status: String): void +Unamed(): void
+getDataShipping($idOrderDetail: int, $noResi: int): void
+getDataOrderDetail($idOrderDetail: int, $idUser: int, $totalBayar: int, $buktiTransfer: String, $noResi: int, $status: String): void +insertDataOrderDetail($idOrderDetail: int, $totalBayar: int, $status: String): void
+insertDataKonfirmasi($idOrderDetail: int, $buktiTransfer: String): void +getDataOrderDetail($idOrderDetail: int, $noResi: int): void
userData +Attribute
+getUsername(): String +getPassword(): String
+getDataUser($idUser: int, $nama: String, $alamat: String, $email: String, $kota: String, $kodePos: String, $noTelp: String): void +updateDataUser($nama: String, $alamat: String, $email: String, $kota: String, $kodePos: String, $noTelp: String): void
(40)
commit to user
3.2 Perancangan Basis Data
3.2.1 Entity Relationship Diagram
(41)
commit to user
3.2.2 Table Relationship
Gambar 3.18 Table Relationship
3.2.3 Rancangan Basis Data
3.2.3.1 Tabel User
Tabel User ini berfungsi sebagai penyimpan data admin sekaligus data-data user yang telah melakukan proses registrasi.
Tabel 3.2 Tabel User
Attribute Tipe Data Panjang Keterangan
Id_user Int 5 Primary Key, Auto Increment
Username Varchar 20 Not null
Password Varchar 32 Not null
Role Varchar 10 Not null
Nama Varchar 20 Not null
Email Varchar 30 Not null
(42)
commit to user
Id_kota Int 5 Not null
Kode_pos Int 5 Not null
No_telp Varchar 15 Not null
3.2.3.2 Tabel Kategori
Tabel kategori digunakan sebagai penyimpanan data kategori produk yang dimiliki JayaMulya Shopping Online
Tabel 3.3 Tabel Kategori
Attribute Tipe Data Panjang Keterangan
Id_kategori Int 5 Primary Key, Auto Increment
Kode_kategori Varchar 5 Not null
Nama_kategori Varchar 50 Not null
3.2.3.3 Tabel Kota
Tabel kota digunakan sebagai penyimpanan data kota yang dimiliki JayaMulya Shopping Online
Tabel 3.4 Tabel Kota
Attribute Tipe Data Panjang Keterangan
Id_kota Int 11 Primary Key, Auto Increment
Nama_kota Varchar 50 Not null
Ongkos_kirim Int 10 Not null
3.2.3.4 Tabel Order
Tabel order digunakan sebagai penyimpanan data keterangan order yang dilakukan oleh user
Tabel 3.5 Tabel Order
Attribute Tipe Data Panjang Keterangan
Id_order Int 11 Primary Key, Auto Increment
Id_user Int 5 Foreign Key
(43)
commit to user
Tanggal_kirim Timestamp
Total_bayar Int 9
Bukti_transfer Varchar 50
Gambar_bukti Varchar 50
Tanggal_upload Date
No_resi Varchar 30
Status_konfirmasi Enum
3.2.3.5 Tabel Order_Detail
Tabel order_detail digunakan sebagai penyimpanan produk, jumlah produk dan total harga yang diorder oleh user
Tabel 3.6 Tabel Order_Detail
Attribute Tipe Data Panjang Keterangan
Id_orderdetail Int 11 Primary Key, Auto Increment
Id_order Int 5 Foreign Key
Id_produk Varchar 10 Foreign Key
Jumlah_order Int 9
Berat Int 5
Ongkos_kirim Int 10
Total_biaya Int 9
3.2.3.6 Tabel Produk
Tabel produk digunakan sebagai tempat penyimpanan produk yang terdapat di dalam JayaMulya Shopping Online
Tabel 3.7 Tabel Produk
Attribute Tipe Data Panjang Keterangan
Id_produk Varchar 10 Primary Key
Id_kategori Varchar 5 Foreign Key
Nama_produk Varchar 50
(44)
commit to user
Stok Int 3
Tgl_masuk Date
Harga Int 12
Berat Int 5
Gambar Varchar 50
3.3 Perancangan Antar Muka
3.3.1 Perancangan Halaman Website
Perancangan antarmuka website ditunjukkan pada Gambar 3.19
(45)
commit to user
3.4 Analisa Kebutuhan
Analisa kebutuhan yang diperoleh penulis selama melakukan penelitian di lapangan serta berdasarkan data-data yang ada, maka kebutuhan aplikasi ini meliputi :
3.4.1 Kebutuhan Perangkat Lunak (Software)
Perangkat lunak yang dibutuhkan penulis selama melakukan pembangunan aplikasi adalah :
a. Sistem operasi : Microsoft Windows XP
b. Web Server : Apache
c. Database Manager : PhpMyAdmin 3.3.9
3.4.2 Kebutuhan Perangkat Keras (Hardware)
Perangkat keras yang dibutuhkan penulis selama melakukan pembangunan aplikasi adalah :
a. Processor Intel (R) Pentium III
b. CPU 3.2 GHz
c. RAM 512MB DDR2
d. Harddisk 40GB
(46)
commit to user
31
BAB IV
IMPLEMENTASI DAN EVALUASI SISTEM
4.1 Implementasi Sistem
Sistem shopping online pada CV. Jaya Mulya Poultry Shop terdapat dua
tingkatan user, yaitu user dan admin.
4.1.1 Tampilan Halaman Utama Web
Halaman utama web dibagi menjadi 4 bagian utama yaitu header,
content, sidebar dan footer. Bagian header berisi judul aplikasi dan juga link
menu yang terdapat di dalam web yaitu home, products, about, faqs, contact,
dan login. Bagian content berisikan data-data dari fasilitas link yang diakses.
Sedangkan untuk bagian sidebar juga merupakan bagian kecil dari sub-link
yang terpadat pada header. Kemudian untuk bagian footer terdapat link yang
dapat langsung merujuk kepada alamat halaman website dari berbagai halaman utama web, partner bisnis, sponsor dari CV. Jaya Mulya itu sendiri ataupun menuju jejaring sosial. Tamplian utama website ditunjukkan pada gambar 4.1.
(47)
commit to user
Gambar 4.1 Tampilan Halaman Utama Web
Berikut adalah implementasi dari dua tingkatan pengguna dengan masing-masing halaman dapat diakses secara langsung oleh masing-masing pengguna.
4.2 Halaman User
Halaman ini merupakan halaman yang dapat diakses oleh user yang sudah melakukan proses registrasi.
(48)
commit to user
4.2.1 Halaman Utama Customer
Halaman utama customer adalah halaman yang pertama kali muncul
saat pembeli melakukan login untuk dapat mengakses web. Tampilan
halaman utama customer ditunjukkan pada gambar 4.2.
Gambar 4.2 Tampilan Halaman Utama Customer
4.2.2 Halaman Login
Website ini dalam melakukan transaksi belanja haruslah user
melakukan login terlebih dahulu. Pembeli yang belum mempunyai account
untuk dapat mengakses website dapat melakukan pendaftaran pada link yang
terdapat pada halaman login. Tampilan halaman login ditunjukkan pada
(49)
commit to user
Gambar 4.3 Tampilan Halaman Login
4.2.3 Halaman Register
Di dalam website ini juga menerapkan sistem membership untuk dapat
mempermudah pelanggan dalam melakukan pemesanan produk. Sistem
tersebut mewajibkan member untuk mengisi semua data diri yang diperlukan
dengan benar agar dapat memperlancar proses perbelanjaan yang ada.
Tampilan halaman register ditunjukkan pada gambar 4.4.
Gambar 4.4 Tampilan Halaman Register
4.2.4 Halaman Menu
Di halaman menu ini berisikan daftar menu yang terdapat di dalam website. Di dalam menu ini juga tersedia pilihan produk dan juga submenu
(50)
commit to user
products -> pakan ternak, vaksin, vitamin, suplemen, hasil ternak, aksesoris, about, faqs, contact, dan login. Halaman menu web ditunjukkan pada gambar 4.5.
Gambar 4.5 Tampilan Halaman Menu
4.2.5 Halaman Produk
Halaman produk berisi tampilan gambar-gambar koleksi produk dari
CV. Jaya Mulya Poultry Shop, serta terdapat link add to cart untuk
melakukan proses pembelian dan juga link detail untuk melihat detail dari
(51)
commit to user
Gambar 4.6 Tampilan Halaman Produk
4.2.6 Halaman Add Cart
Halaman ini berfungsi untuk menampilkan detail produk yang akan dibeli sebelum dimasukkan ke dalam keranjang belanja. Pada halaman ini pembeli diminta untuk memasukkan jumlah barang yang akan dibeli. Setelah user melakukan submit barang tersebut akan dimasukkan ke dalam keranjang
belanja pembeli. Tampilan halaman add to cart dapat dilihat pada gambar
4.7.
(52)
commit to user
4.2.7 Halaman Shopping Cart
Halaman shopping cart ini berfungsi untuk menampilkan daftar
produk yang sudah dibeli oleh user dalam sekali transaksi. Dalam halaman shopping cart ini terdapat beberapa link yaitu edit cart , delete cart, lanjutkan belanja, dan selesai belanja. Tampilan shopping cart dapat dilihat pada gambar 4.8.
Gambar 4.8 Tampilan Halaman Shopping Cart
4.2.8 Halaman Edit Cart
Halaman edit cart ini berfungsi untuk mengedit jumlah barang yang
sudah dimasukkan ke dalam keranjang belanja. Tampilan untuk edit cart
dapat dilihat pada gambar 4.9.
(53)
commit to user
4.2.9 Halaman Selesai Order
Halaman selesai order ini merupakan proses akhir dari suatu
transaksi. Halaman ini juga menampilkan id order, kode produk, nama produk, jumlah produk, jumlah order, serta harga dari tiap produk. Pada halaman ini juga ditampilkan total bayar transaksi yang dilakukan sekaligus dengan biaya ongkos kirim yang harus ditanggung oleh pembeli sesuai
dengan alamat domisili pembeli. Halaman selesai order dapat dilihat pada
gambar 4.10.
Gambar 4.10 Tampilan Halaman Selesai Order
4.2.10 Halaman Konfirmasi Transfer Belanja
Halaman konfirmasi transfer belanja berfungsi untuk melakukan konfirmasi kepada admin, setelah user melakukan transfer pembayaran. Tampilan halaman konfirmasi transfer belanja ditunjukkan pada gambar 4.11.
(54)
commit to user
4.2.11 Halaman Edit Profile
Halaman ini berfungsi untuk melakukan edit data profil user. Tampilan halaman edit profil ditunjukkan pada gambar 4.12
.
Gambar 4.12 Tampilan Halaman Edit Profile
4.2.12 Halaman Ganti Password
Halaman ini berfungsi untuk melakukan mengganti password user. Tampilan halaman ganti password ditunjukkan pada gambar 4.13.
(55)
commit to user
4.2.13 Halaman About
Halaman about berisi tentang sedikit profile dari Jaya Mulya Shopping Online, meliputi company profile, cara kerja, dan slogan. Tampilan halaman about ditunjukkan pada gambar 4.14.
Gambar 4.14 Tampilan Halaman About
4.2.14 Halaman Cek Resi
Halaman cek resi digunakan untuk melakukan pengecekan terhadap resi pengiriman barang berdasarkan id_order_user. Tampilan halaman cek resi ditunjukkan pada gambar 4.15.
(56)
commit to user
4.2.15 Halaman Contact
Halaman contact ini digunakan untuk mengirimkan pesan kepada pengelola website untuk sekedar memberikan saran dan kritik ataupun juga complain mengenai ketidakpuasan terhadap sistem yang ada. Tampilan halaman contact ditunjukkan pada gambar 4.16.
Gambar 4.16 Tampilan Halaman Contact
4.2.16 Halaman FAQS
Halaman faqs ini digunakan untuk memberitahukan mengenai kebijakan dalam pengiriman barang dan juga mengenai sistem pembayaran. Tampilan halaman faqs ditunjukkan pada gambar 4.17.
(57)
commit to user
Gambar 4.17 Tampilan Halaman F aqs
4.3 Halaman Admin
Halaman yang terrdapat pada halaman admin ini digunakan untuk mengelola shopping online. Berikut merupakan halaman-halaman yang dapat diakses oleh admin.
4.3.1 Halaman Utama Admin
Halaman utama admin merupakan halaman yang pertama kali akan ditampilkan setalah admin melakukan login. Di dalam halaman ini juga terdapat berbagai sub-menu yang dapat diakses oleh admin. Tampilan utama halaman admin dapat dilihat pada gambar 4.18.
(58)
commit to user
4.3.2 Halaman Order
Halaman order merupakan halaman yang digunakan admin untuk
melihat daftar order dari customer Jaya Mulya Shopping Online. Dalam
halaman order ini terdapat pula data customer yang melakukan order. Data
tersebut berfungsi untuk pengiriman barang dan juga pengecekan status
transfer dari customer. Tampilan halaman order dapat dilihat pada gambar
4.19.
Gambar 4.19 Tampilan Halaman Order
4.3.3 Halaman Customer
Halaman customer merupakan halaman yang digunakan admin untuk melihat data member yang sudah melakukan registrasi. Tampilan halaman customer dapat dilihat pada gambar 4.20.
(59)
commit to user
4.3.4 Halaman Tambah Produk
Halaman tambah produk merupakan halaman yang digunakan admin
untuk melakukan penambahan produk pada Jaya Mulya Shopping Online.
Tampilan halaman tambah produk dapat dilihat pada gambar 4.21.
Gambar 4.21 Tampilan Halaman Tambah Produk
4.3.5 Halaman Data Produk
Halaman data produk merupakan halaman yang digunakan admin untuk melakukan manajemen produk yang terdapat pada website. Pada halaman ini admin dapat mengupdate data produk yang terdapat di dalamnya. Tampilan halaman data produk dapat dilihat pada gambar 4.22.
(60)
commit to user
Gambar 4.22 Tampilan Halaman Data Produk
4.3.6 Halaman Edit Data Produk
Halaman edit data produk merupakan halaman yang terinclude di dalam halaman data produk. Pada halaman ini admin dapat melakukan update data produk yang terdapat di dalam website. Tampilan halaman data produk dapat dilihat pada gambar 4.23.
(61)
commit to user
Gambar 4.23 Tampilan Halaman Edit Data Produk
4.3.7 Halaman Laporan
Halaman laporan merupakan halaman yang digunakan oleh admin untuk melihat data laporan dari pembelian produk yang dilakukan oleh member dalam jangka waktu tertentu. Tampilan halaman laporan dapat dilihat pada gambar 4.24.
(62)
commit to user
Gambar 4.24 Tampilan Halaman Laporan
4.3.8 Halaman Konfirmasi
Halaman konfirmasi merupakan halaman yang digunakan oleh admin untuk memberikan konfirmasi pembelian yang dilakukan customer yang telah melakukan transfer bukti pembayaran. Tampilan halaman konfirmasi dapat dilihat pada gambar 4.25.
Gambar 4.24 Tampilan Halaman Konfirmasi
4.3.9 Halaman Shipping
Halaman shipping merupakan halaman yang digunakan admin untuk melakukan proses pengiriman produk yang telah dibeli oleh customer yang telah melakukan transfer bukti pembayaran. Tampilan halaman shipping dapat dilihat pada gambar 4.26.
(63)
commit to user
Gambar 4.20 Tampilan Halaman Shipping
4.4 Evaluasi
Pembuatan shopping online sebagai sarana penjualan produk secara online ini
mempunyai beberapa kelebihan dan kekurangan, antara lain sebagai berikut :
4.4.1 Kelebihan
Website ini menampilkan informasi mengenai produk yang dilengkapi dengan gambar produk, keterangan produk, dan detail produk, sehingga memberikan kemudahan kepada customer untuk memilih produk yang diinginkan.
4.4.2 Kekurangan
Website ini baru dapat melakukan satu macam proses pembayaran saja. Di dalam website ini juga belum dapat melakukan validasi konfirmasi pembayaran dan juga pengiriman secara otomatis.
(64)
commit to user
49
BAB V PENUTUP
5.1 Kesimpulan
Berdasarkan penelitian dan juga pembahasan yang telah dipaparkan sebelumnya, maka dapat diambil beberapa kesimpulan sebagai berikut :
1. Telah berhasil dibuat Sistem Shopping Online CV. Jaya Mulya Poultry
Shop menggunakan framework CodeIgniter.
2. Aplikasi shopping online pada CV. Jaya Mulya Poultry Shop dibuat
dengan fasilitas transaksi pembelian barang, konfirmasi pembelian transfer yang dilakukan, manajemen produk, manajemen data user yang dapat dilakukan oleh admin.
5.2 Saran
Berdasarkan kesimpulan di atas, diperoleh beberapa saran untuk pengembangan aplikasi lebih lanjut, antara lain sebagai berikut :
1. Penginputan data alamat pengiriman barang. Hal ini dilakukan jika
customer melakukan pembelian namun tidak ingin dikirimkan ke alamat yang telah diintegrasikan, namun ke alamat orang lain.
(65)
commit to user DAFTAR PUSTAKA
Purbo, Onno W, dkk. 2001. Mengenal E-Commerce. Elex Media Komputindo:
Jakarta.
Basuki, Awan Pribadi. 2010. Membangun Web Berbasis PHP dengan Framework
CodeIgniter. Lokomedia: Yogyakarta.
Riyanto. 2011. Membuat sendiri aplikasi e-commerce dengan PHP & MySQL
menggunakan CodeIgniter & JQuery. Andi: Yogyakarta.
Komputer, Wahana. 2011. Mudah dan Cepat Membuat website dengan
CodeIgniter. Andi: Yogyakarta.
Sutedjo, Budi. 2000. Algoritma dan Dasar Pemrograman. Andi Offset :
(1)
Gambar 4.22 Tampilan Halaman Data Produk
4.3.6 Halaman Edit Data Produk
Halaman edit data produk merupakan halaman yang terinclude di dalam halaman data produk. Pada halaman ini admin dapat melakukan update data produk yang terdapat di dalam website. Tampilan halaman data produk dapat dilihat pada gambar 4.23.
(2)
commit to user
Gambar 4.23 Tampilan Halaman Edit Data Produk
4.3.7 Halaman Laporan
Halaman laporan merupakan halaman yang digunakan oleh admin untuk melihat data laporan dari pembelian produk yang dilakukan oleh member dalam jangka waktu tertentu. Tampilan halaman laporan dapat dilihat pada gambar 4.24.
(3)
Gambar 4.24 Tampilan Halaman Laporan
4.3.8 Halaman Konfirmasi
Halaman konfirmasi merupakan halaman yang digunakan oleh admin untuk memberikan konfirmasi pembelian yang dilakukan customer yang telah melakukan transfer bukti pembayaran. Tampilan halaman konfirmasi dapat dilihat pada gambar 4.25.
(4)
commit to user
Gambar 4.20 Tampilan Halaman Shipping
4.4 Evaluasi
Pembuatan shopping online sebagai sarana penjualan produk secara online ini mempunyai beberapa kelebihan dan kekurangan, antara lain sebagai berikut :
4.4.1 Kelebihan
Website ini menampilkan informasi mengenai produk yang dilengkapi dengan gambar produk, keterangan produk, dan detail produk, sehingga memberikan kemudahan kepada customer untuk memilih produk yang diinginkan.
4.4.2 Kekurangan
Website ini baru dapat melakukan satu macam proses pembayaran saja. Di dalam website ini juga belum dapat melakukan validasi konfirmasi pembayaran dan juga pengiriman secara otomatis.
(5)
sebelumnya, maka dapat diambil beberapa kesimpulan sebagai berikut :
1. Telah berhasil dibuat Sistem Shopping Online CV. Jaya Mulya Poultry Shop menggunakan framework CodeIgniter.
2. Aplikasi shopping online pada CV. Jaya Mulya Poultry Shop dibuat dengan fasilitas transaksi pembelian barang, konfirmasi pembelian transfer yang dilakukan, manajemen produk, manajemen data user yang dapat dilakukan oleh admin.
5.2 Saran
Berdasarkan kesimpulan di atas, diperoleh beberapa saran untuk pengembangan aplikasi lebih lanjut, antara lain sebagai berikut :
1. Penginputan data alamat pengiriman barang. Hal ini dilakukan jika customer melakukan pembelian namun tidak ingin dikirimkan ke alamat yang telah diintegrasikan, namun ke alamat orang lain.
(6)
commit to user DAFTAR PUSTAKA
Purbo, Onno W, dkk. 2001. Mengenal E-Commerce. Elex Media Komputindo: Jakarta.
Basuki, Awan Pribadi. 2010. Membangun Web Berbasis PHP dengan Framework
CodeIgniter. Lokomedia: Yogyakarta.
Riyanto. 2011. Membuat sendiri aplikasi e-commerce dengan PHP & MySQL
menggunakan CodeIgniter & JQuery. Andi: Yogyakarta.
Komputer, Wahana. 2011. Mudah dan Cepat Membuat website dengan
CodeIgniter. Andi: Yogyakarta.
Sutedjo, Budi. 2000. Algoritma dan Dasar Pemrograman. Andi Offset : Yogyakarta.