perpustakaan.uns.ac.id digilib.uns.ac/Sistem... · MENGGUNAKAN FRAMEWORK CODE IGNITER ......

perpustakaan.uns.ac.id digilib.uns.ac.id

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

2012


commit to user

HALAMAN PERSETUJUAN



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


commit to user

HALAMAN PENGESAHAN



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


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.

Keyword : Shopping Online, CodeIgniter, Online Store Application


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.

Kata Kunci : Shopping Online, CodeIgniter, Aplikasi Toko Online


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.

(Yeremia 29:11)


commit to user

HALAMAN PERSEMBAHAN

PERSEMBAHAN :

Tuhan Yesus Kristus.

Orang tua tercinta.

Adikku tersayang.

Teman – teman seperjuangan D3 Teknik Informatika


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


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

2.4.1 Use Case ...................................................................... 9


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

3.2.3.3 Tabel Kota ........................................................... 27


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

4.3.2 Halaman Order ............................................................. 43


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

DAFTAR PUSTAKA ............................................................................... 50


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

Tabel 3.7 Tabel Produk ............................................................................. 28


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

Gambar 4.7 Tampilan Halaman Add To Cart ........................................... 38


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

Gambar 4.26 Tampilan Halaman Shipping ............................................... 49


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

CodeIgniter. Penggunaan framework tersebut dikarenakan CodeIgniter


commit to user

2

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.

b. Manfaat


commit to user

3

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.


commit to user

4

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

penulis.


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.

3. Kehilangan kepercayaan dari para konsumen.


commit to user

6

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

User Request


commit to user

7

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 Caching


commit to user

8

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.


commit to user

9

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)

Use Case 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.

( Sholiq, 2006 ).


commit to user

10

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


commit to user

11

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 elemen yang lebih spesifik

Depedensi

hubungan antara dua elemen

pemodelan, di mana perubahan ke

satu elemen pemodelan (elemen

independen) akan mempengaruhi

simulasi elemen lainnya


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

produk


commit to user

13

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

view produk terima laporan penjualan


commit to user

14

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

23 : showErrorMessage()


commit to user

15

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


22 : insertDataProduk()

23 : showDataProduk()


commit to user

16

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 : $IdProduk24 : deleteProduk()



commit to user

17

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


4 : setIdProduk()

: admin

: viewUserForm : accountControl : userData

1 : getDataUser()

2 : $IdUser,$Nama,$Alamat,$Email,$Kota,$KodePos,$NoTelp

3 : showDataUser()

4 : setIdUser()


commit to user

18

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


6 : $IdOrder,$IdOrderDetail,$JumlahOrder,$TotalBiaya

7 : showDataOrder()

8 : showDataOrderDetail()


commit to user

19

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


commit to user

20

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 : $IdOrder10 : deleteDataOrder()

11 : showDataOrder()

: user

: InputKonfirmasiForm : konfirmasiControl : orderdetailData

1 : showInputKonfirmasiForm()2 : setIdOrderDetail()

3 : setBuktiTransfer()

4 : getIdOrderDetail()

5 : $IdOrderDetail

6 : getBuktiTransfer()

7 : $BuktiTransfer

8 : validasiDataKonfirmasi()


10 : insertDataKonfirmasi()


commit to user

21

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


3 : $IdOrderDetail

4 : showDataShipping()


commit to user

22

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

23 : showDataAccount()


commit to user

23

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


commit to user

24

3.1.3.2 Class Diagram User

Class Diagram user ditunjukkan pada Gambar 3.16

Gambar 3.16 Class Diagram User

user

inpu

tOrd

erFo

rm

+At

trib

ute

+se

tIdP

rodu

k($i

dPro

duk)

+se

tJum

lahO

rder

($jm

lhO

rder

)+

Show

Inpu

tOrd

erFo

rm()

+ge

tIdP

rodu

k():

Str

ing

+ge

tJum

lahO

rder

(): i

nt+

setI

dOrd

er()

: voi

d+

show

Erro

rMes

sage

(): v

oid

Upd

ateO

rder

Form

+At

trib

ute

+sh

owUp

date

Ord

erFo

rm()

: voi

d+

setJ

mlh

Ord

er($

Jmlh

Ord

er: i

nt):

voi

d+

getJ

mlh

Ord

er()

: Str

ing

+sh

owEr

rorM

essa

ge()

: voi

d+

show

Data

Ord

er()

: voi

d+

setI

dOrd

er($

idO

rder

: int

): v

oid

+ge

tIdO

rder

(): S

trin

g

Inpu

tKon

firm

asiF

orm

+At

trib

ute

+sh

owIn

putK

onfir

mas

iFor

m()

: voi

d+

setI

dOrd

erDe

tail(

$IdO

rder

Deta

il: in

t): v

oid

+se

tBuk

tiTra

nsfe

r($B

uktiT

rans

fer:

Str

ing)

: voi

d+

getI

dOrd

er()

: Str

ing

+ge

tBuk

tiTra

nsfe

r():

Str

ing

+sh

owEr

rorM

essa

ge()

: voi

d

view

Ship

ping

Form

+At

trib

ute

+se

tIdO

rder

Deta

il($I

dOrd

erDe

tail:

int)

: voi

d+

show

Data

Ship

ping

(): v

oid

upda

teA

ccou

ntFo

rm

+At

trib

ute

+sh

owUp

date

Acco

untF

orm

(): v

oid

+se

tNam

a($n

ama:

Str

ing)

: voi

d+

setA

lam

at($

alam

at: S

trin

g): v

oid

+se

tEm

ail($

emai

l: St

ring)

: voi

d+

setK

ota(

$kot

a: S

trin

g): v

oid

+se

tKod

ePos

($ko

dePo

s: in

t): v

oid

+se

tNoT

elp(

$noT

elp:

int)

: voi

d+

getN

ama(

): S

trin

g+

getA

lam

at()

: Str

ing

+ge

tEm

ail()

: Str

ing

+ge

tKot

a():

Str

ing

+ge

tKod

ePos

(): i

nt+

getN

oTel

p():

Str

ing

+sh

owEr

rorM

essa

ge()

: voi

d+

show

Data

Acco

unt(

): v

oid

orde

rCon

trol

+id

Ord

er: i

nt+

idPr

oduk

: Str

ing

+ju

mla

hOrd

er: i

nt

+va

lidas

iDat

aOrd

er()

: voi

d

view

Ord

erFo

rm

+At

trib

ute

+sh

owDa

taO

rder

(): v

oid

+in

putI

dOrd

er($

id_o

rder

: int

): v

oid

konf

irm

asiC

ontr

ol

+id

Fakt

ur: i

nt+

bukt

iTra

nsfe

r: S

trin

g

+va

lidas

iDat

aKon

firm

asi()

: voi

d

ship

ping

Cont

rol

+$i

dOrd

erDe

tail:

int

+$N

oRes

i: in

t

+va

lidas

iDat

aShi

ppin

g():

voi

d

acco

untC

ontr

ol

+$n

ama:

Str

ing

+$a

lam

at: S

trin

g+

$em

ail:

Strin

g+

$kot

a: S

trin

g+

$kod

ePos

: int

+$n

oTel

p: in

t

+va

lidas

iDat

aAcc

ount

(): v

oid

orde

rDat

a

+At

trib

ute

+ge

tDat

aOrd

er($

idO

rder

: int

, $id

Ord

erDe

tail:

int,

$id

Prod

uk: i

nt, $

jmlh

Ord

er: i

nt, $

tota

lHar

ga: i

nt):

voi

d+

inse

rtDa

taO

rder

($id

_pro

duk:

Str

ing,

$jm

lhO

rder

: int

): v

oid

+up

date

Data

Ord

er($

jmlh

Ord

er: i

nt):

voi

d+

dele

teDa

taO

rder

($id

Ord

er: i

nt):

voi

d

orde

rdet

ailD

ata

+At

trib

ute

+ge

tDat

aord

erde

tail(

$idO

rder

Deta

il: in

t, $

idUs

er: i

nt, $

tota

lBay

ar: i

nt, $

bukt

iTra

nsfe

r: S

trin

g, $

noRe

si: in

t, $

stat

us: S

trin

g): v

oid

+Un

amed

(): v

oid

+ge

tDat

aShi

ppin

g($i

dOrd

erDe

tail:

int,

$no

Resi:

int)

: voi

d+

getD

ataO

rder

Deta

il($i

dOrd

erDe

tail:

int,

$id

User

: int

, $to

talB

ayar

: int

, $bu

ktiT

rans

fer:

Str

ing,

$no

Resi:

int,

$st

atus

: Str

ing)

: voi

d+

inse

rtDa

taO

rder

Deta

il($i

dOrd

erDe

tail:

int,

$to

talB

ayar

: int

, $st

atus

: Str

ing)

: voi

d+

inse

rtDa

taKo

nfirm

asi($

idO

rder

Deta

il: in

t, $

bukt

iTra

nsfe

r: S

trin

g): v

oid

+ge

tDat

aOrd

erDe

tail(

$idO

rder

Deta

il: in

t, $

noRe

si: in

t): v

oid

user

Dat

a

+At

trib

ute

+ge

tUse

rnam

e():

Str

ing

+ge

tPas

swor

d():

Str

ing

+ge

tDat

aUse

r($i

dUse

r: in

t, $

nam

a: S

trin

g, $

alam

at: S

trin

g, $

emai

l: St

ring,

$ko

ta: S

trin

g, $

kode

Pos:

Str

ing,

$no

Telp

: Str

ing)

: voi

d+

upda

teDa

taUs

er($

nam

a: S

trin

g, $

alam

at: S

trin

g, $

emai

l: St

ring,

$ko

ta: S

trin

g, $

kode

Pos:

Str

ing,

$no

Telp

: Str

ing)

: voi

d


commit to user

25

3.2 Perancangan Basis Data

3.2.1 Entity Relationship Diagram

Gambar 3.17 Entity Relationship Diagram


commit to user

26

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

Alamat Varchar 50 Not null


commit to user

27

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


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


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


Id_order Int 11 Primary Key, Auto Increment

Id_user Int 5 Foreign Key

Tanggal_order Timestamp


commit to user

28

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


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


Id_produk Varchar 10 Primary Key

Id_kategori Varchar 5 Foreign Key

Nama_produk Varchar 50

Deskripsi Text


commit to user

29

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

Gambar 3.19 Perancangan Antarmuka Website


commit to user

30

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

e. Printer


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.


commit to user

32

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.


commit to user

33

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

gambar 4.3.


commit to user

34

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

yang lain yang dapat digunakan oleh pembeli. Menu yang ada seperti home,


commit to user

35

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

produk yang ada. Tampilan halaman produk dapat dilihat pada gambar 4.6.


commit to user

36

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.

Gambar 4.7 Tampilan Halaman Add To Cart


commit to user

37

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.

Gambar 4.9 Tampilan Halaman Edit Cart


commit to user

38

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.

Gambar 4.11 Tampilan Halaman Konfirmasi Transfer


commit to user

39

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.

Gambar 4.13 Tampilan Halaman Ganti Password


commit to user

40

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.

Gambar 4.15 Tampilan Halaman Cek Resi


commit to user

41

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.


commit to user

42

Gambar 4.17 Tampilan Halaman Faqs

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.

Gambar 4.18 Tampilan Halaman Utama Admin


commit to user

43

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.

Gambar 4.20 Tampilan Halaman Customer


commit to user

44

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.


commit to user

45

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



commit to user

46

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.


commit to user

47

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



commit to user

48

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.


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.


commit to user

50

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.

perpustakaan.uns.ac.id digilib.uns.ac/Sistem... · MENGGUNAKAN FRAMEWORK CODE IGNITER ......

Documents

Transcript of perpustakaan.uns.ac.id digilib.uns.ac/Sistem... · MENGGUNAKAN FRAMEWORK CODE IGNITER ......