PEMBUATAN TOKO ONLINE DISTRO MOSFIT PROJECT BERBASIS WEB FRAMEWORK CAKEPHP.

PEMBUATAN TOKO ONLINE DISTRO MOSFIT
PROJECT BERBASIS WEB FRAMEWORK CAKEPHP

TUGAS AKHIR

Oleh :
ABDUL MUIZZ
NPM. 0634010062

J URUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”
J AWA TIMUR
2012

LEMBAR PENGESAHAN

PEMBUATAN TOKO ONLINE DISTRO MOSFIT PROJ ECT
BERBASIS WEB FRAMEWORK CAKEPHP
Disusun Oleh :

ABDUL MUIZZ
NPM. 0634010062

Telah disetujui untuk mengikuti Ujian Negara Lisan
Gelombang II Tahun Akademik 2012/2013

Pembimbing Utama

Pembimbing Pendamping

Basuki Rahmat, S.Si, M.T
NPT. 369 070 602 09

Doddy Ridwandono S.Kom
NPT. 37805 070 218

Mengetahui,
Ketua J urusan Teknik Infor matika
Fakultas Teknologi Industri
UPN ”Veteran” J awa Timur

Dr. Ir. Ni Ketut Sari, MT
NIP. 196507311992032001

SKRIPSI
PEMBUATAN TOKO ONLINE DISTRO MOSFIT PROJ ECT
BERBASIS WEB FRAMEWORK CAKEPHP
Disusun Oleh :
ABDUL MUIZZ
NPM. 0634010062
Telah dipertahankan di hadapan dan diterima oleh Tim Penguji Skripsi
J urusan Teknik Infor matika Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional ”Veteran” J awa Timur
Pada Tanggal 14 Desember 2012
Pembimbing :

Tim Penguji :

1.

1.

Ir.Sutiyono, MT
NIP. 19600713 198703 1 001

Basuki Rahmat, S.Si., MT
NPT. 36907060209
2.

2.
Doddy Ridwandono S.Kom
NPT. 37805 070 218

Barry Nuqoba, S.Si, M.Kom
NIDN. 07 021 184 02
3.
Wahyu S.J Saputra, S.Kom, M.Kom
NPT. 386081002951

Mengetahui,

Dekan Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional ”Veteran” J awa Timur

Ir. Sutiyono, MT
NIP. 19600713 198703 1 001

YAYASAN KEJ UANGAN PANGLIMA BESAR SUDIRMAN
UPN “VETERAN” J AWA TIMUR
FAKULTAS TEKNOLOGI INDUSTRI

KETERANGAN REVISI
Kami yang bertanda tangan di bawah ini menyatakan bahwa mahasiswa berikut:
Nama

: Abdul Muizz

NPM

: 0634010062

Jurusan

: Teknik Informatika

Telah mengerjakan revisi/ tidak ada revisi*) pra rencana (design)/ skripsi ujian
lisan gelombang II, TA 2012/2013 dengan judul:

" PEMBUATAN TOKO ONLINE DISTRO MOSFIT PROJ ECT
BERBASIS WEB FRAMEWORK CAKEPHP "
Surabaya, Desember 2012
Dosen Penguji yang memerintahkan revisi:

1.) Ir.Sutiyono, MT
NIP. 19600713 198703 1 001

{

}

2.) Barry Nuqoba, S.Si, M.Kom

NIDN. 07 021 184 02

{

}

3.) Wahyu S.J Saputra, S.Kom, M.Kom
NPT. 386081002951

{

}

Mengetahui,

Pembimbing Utama

Pembimbing Pendamping

Basuki Rahmat, S.Si., MT

Doddy Ridwandono S.Kom
NPT. 37805 070 218

NPT. 36907060209

KATA PENGANTAR
Alhamdulillahi rabbil ‘alamin, Puji syukur penulis panjatkan kepada
Allah SWT atas semua Rahmat, Berkah, dan Ridho-Nya yang telah diberikan
kepada penulis sehingga dapat menyelesaikan Tugas Akhir yang berjudul
“Pembuatan Toko Online Distro Mosfit Project Berbasis Web Framewor k
CakePHP” ini dengan baik.
Tugas Akhir merupakan salah satu syarat bagi mahasiswa untuk
menyelesaikan program studi Sarjana Strata Satu (S1) di Jurusan Teknik
Informatika Fakultas Teknologi Industri Universitas Pembangunan Nasional
“Veteran” Jawa Timur.
Melalui Tugas Akhir ini penulis merasa mendapatkan kesempatan besar
untuk memperdalam ilmu pengetahuan yang diperoleh selama di bangku
perkuliahan. Namun, penulis menyadari bahwa Tugas Akhir ini masih jauh dari
sempurna. Oleh karena itu penulis sangat mengharapkan saran dan kritik dari para

pembaca untuk pengembangan aplikasi lebih lanjut.

Surabaya, 19 September 2012

(Abdul Muizz)

ii

DAFTAR ISI
Halaman
ABSTRAK ..................................................................................................

i

KATA PENGANTAR ................................................................................

ii

DAFTAR ISI .............................................................................................. iii
DAFTAR GAMBAR .................................................................................. vii

BAB I

PENDAHULUAN ....................................................................

1

1.1. Latar Belakang ...................................................................

1

1.2. Perumusan Masalah ...........................................................

2

1.3. Batasan Masalah ................................................................ 2

BAB II

1.4. Tujuan ..............................................................................

2

1.5. Manfaat .............................................................................

3

1.6. Metodologi Pembuatan Tugas Akhir ..................................

3

1.7. Sistematika Penulisan .........................................................

4

TINJ AUAN PUSTAKA ...........................................................

6

2.1. Pengertian Website atau Situs .............................................

6

2.1.1.

Nama Domain (Domain Name) atau URL (Uniform

Resource Locator) . ............................................................

7

2.1.2.

Web Hosting .........................................................

8

2.1.3.

Desain Website .....................................................

8

2.1.4.

Publikasi Website .................................................

9

2.1.5.

Pemeliharaan Website ........................................... 10

2.2. E-Commerce ...................................................................... 10
2.2.1.

Keuntungan e-Commerce ..................................... 11

2.2.2.

Manfaat e-Commerce .......................................... 11

iii

2.2.3.

Contoh e-Commerce ............................................ 12

2.2.4.

Dampak Positif Dan Negatif e-Commerce ............ 12

2.3. PHP (Hypertext Processor) ................................................ 13
2.3.1.

Script PHP ........................................................... 15

2.3.2.

Cake PHP ............................................................ 16

2.4 Pengertian DBMS (Database Management System)............. 18
2.5. MySQL ............................................................................. 19

BAB III

2.5.1.

Program Database MySQL .................................. 20

2.5.2.

Koneksi MySQL ................................................. 21

2.5.3.

Menghubungkan PHP dengan MySQL ................. 21

ANALISIS DAN PERANCANGAN SISTEM ........................ 23
3.1. Analisis Sistem .................................................................. 23
3.2. Perancangan Sistem ............................................................ 24
3.2.1.

Use Case Diagram ............................................... 25

3.2.2.

Activity Diagram .................................................. 26

3.2.3.

Sequence Diagram ............................................... 30

3.2.4.

Collaboration Diagram ........................................ 36

3.2.5.

Class Diagram ..................................................... 42

3.3. Deskripsi Umum Sistem ..................................................... 43
3.3.1.

Kebutuhan Sistem ................................................ 44

3.3.2.

Kebutuhan Pengguna ............................................ 44

3.4. Perancangan Antar Muka (Interface) .................................. 46
3.4.1. Perancangan Antar Muka Halaman Pembuka … .... 46
3.4.2. Perancangan Antar Muka Halaman Admin …… .... 47

iv

BAB IV

IMPLEMENTASI SISTEM ..................................................... 48
4.1. Lingkungan Implementasi................................................... 48
4.2. Implementasi ..................................................................... 49
4.2.1.

Halaman Utama .................................................... 49

4.2.2.

Halaman Kategori Produk ................................... 51

4.2.3.

Halaman Tentang Kami. ....................................... 52

4.2.4.

Halaman Kontak .................................................. 53

4.2.5.

Halaman Cara Pembelian .................................... 54

4.2.6.

Halaman Komentar .............................................. 55

4.2.7.

Halaman Keranjang Belanja ................................ 56

4.2.8.

Halaman Login Administrator ............................. 58

4.2.9.

Halaman Admin .................................................. 59

4.2.10. Halaman Data Pesanan . ....................................... ` 59
4.2.11. Halaman Manajemen Produk ............................... 61
4.2.12. Halaman Kategori ............................................... 62
4.2.13. Halaman Komentar .............................................. 63
4.2.14. Halaman Ubah Password . ................................... 64
BAB V

UJ I COBA DAN EVALUASI................................................... 66
5.1. Uji Coba ............................................................................ 66
5.1.1

Uji Coba Sistem .................................................. 66

5.2. Uji Coba Login .................................................................. 66
5.3. Uji Coba Manajemen Produk .............................................. 67
5.4. Uji Coba Transaksi ............................................................. 68
5.5. Uji Coba Komentar ............................................................ 70

v

BAB VI

PENUTUP ................................................................................. 72
6.1. Kesimpulan ........................................................................ 72
6.2. Saran .................................................................................. 72

DAFTAR PUSTAKA .................................................................................. 74

vi

DAFTAR GAMBAR
Halaman
Gambar 2.1

Skema PHP .........................................................................

15

Gambar 2.2

Kode PHP ...........................................................................

16

Gambar 2.3

Tampilan Hasil PHP ............................................................

16

Gambar 2.4

Mekanisme Pengaksesan MySQL Melalui Web Browser.. ..

19

Gambar 2.5

Script PHP Yang Menghubungkan Dengan Database .........

22

Gambar 3.1

Use Case Diagram Pelanggan dan Admin ...........................

25

Gambar 3.2

Activity Diagram Lihat Produk ............................................

26

Gambar 3.3

Activity Diagram Memberikan Komentar ............................

26

Gambar 3.4

Activity Diagram Pemesanan Produk ...................................

27

Gambar 3.5

Activity Diagram Pembayaran Via Transfer ........................

27

Gambar 3.6

Activity Diagram Mengelola Produk .....................................

28

Gambar 3.7

Activity Diagram Mengecek Komentar .................................

28

Gambar 3.8

Activity Diagram Mengelola Kategori...................................

29

Gambar 3.9

Activity Diagram Mengecek Pembayaran Pelanggan ............

29

Gambar 3.10 Activity Diagram Mengecek Pesanan Pelanggan ...................

30

Gambar 3.11 Sequence Diagram Lihat Produk .........................................

31

Gambar 3.12 Sequence Diagram Memberikan Komentar ..........................

31

Gambar 3.13 Sequence Diagram Pemesanan Produk .................................

32

Gambar 3.14 Sequence Diagram Pembayaran Pelanggan ...........................

32

Gambar 3.15 Sequence Diagram Menambah Produk ................................

33

Gambar 3.16 Sequence Diagram Mengedit Produk ....................................

33

Gambar 3.17 Sequence Diagram Menghapus Produk.................................

34

Gambar 3.18 Sequence Diagram Mengecek Komentar ..............................

34

vii

Gambar 3.19 Sequence Diagram Mengecek Pembayaran ...........................

35

Gambar 3.20 Sequence Diagram Mengecek Pesanan .................................

35

Gambar 3.21 Sequence Diagram Mengelola Kategori ................................

36

Gambar 3.22 Collaboration Diagram Memberikan Komentar ...................

37

Gambar 3.23 Collaboration Diagram Lihat Produk ...................................

37

Gambar 3.24 Collaboration Diagram Pemesanan Produk ..........................

38

Gambar 3.25 Collaboration Diagram Pembayaran Produk ........................

38

Gambar 3.26 Collaboration Diagram Menambah Produk ........................

39

Gambar 3.27 Collaboration Diagram Mengecek Komentar Pelanggan ......

39

Gambar 3.28 Collaboration Diagram Mengecek Pembayaran Pelanggan… 40
Gambar 3.29 Collaboration Diagram Mengecek Pesanan Pelanggan .........

40

Gambar 3.30 Collaboration Diagram Mengedit Produk.............................

41

Gambar 3.31 Collaboration Diagram Mengelola Kategori.........................

41

Gambar 3.32 Collaboration Diagram Menghapus Produk ........................

42

Gambar 3.33 Class Diagram .....................................................................

43

Gambar 3.34 Deskripsi Sistem Informasi E-Commerce Distro Mosfit Project
.............................................................................................

43

Gambar 3.35 Interface Halaman Utama User ............................................

46

Gambar 3.36 Interface Halaman Utama Admin ........................................

47

Gambar 4.1

Halaman Utama ..................................................................

49

Gambar 4.2

Halaman Kategori Produk ...................................................

51

Gambar 4.3

Halaman Tentang Kami .......................................................

52

Gambar 4.4

Halaman Kontak ..................................................................

53

Gambar 4.5

Halaman Cara Pembelian .....................................................

54

Gambar 4.6

Halaman Komentar ..............................................................

55

viii

Gambar 4.7

Halaman Keranjang Belanja .................................................

56

Gambar 4.8

Halaman Login Admin ........................................................

58

Gambar 4.9

Halaman Admin ...................................................................

59

Gambar 4.10 Halaman Data Pesanan .........................................................

59

Gambar 4.11 Halaman Manajemen Produk ...............................................

61

Gambar 4.12 Halaman Kategori ...............................................................

62

Gambar 4.13 Halaman Komentar .............................................................

63

Gambar 4.14 Halaman Ubah Password ....................................................

64

Gambar 5.1

Gambar Login .....................................................................

67

Gambar 5.2

Halaman Admin ..................................................................

67

Gambar 5.3

Halaman Manajemen Produk ...............................................

67

Gambar 5.4

Halaman Add Produk ..........................................................

68

Gambar 5.5

Halaman Transaksi ..............................................................

68

Gambar 5.6

Halaman Halaman Daftar Keranjang Pembelian ..................

69

Gambar 5.7

Halaman Data Pembeli ........................................................

69

Gambar 5.8

Halaman Selesai Transaksi ..................................................

70

Gambar 5.9

Halaman Input Komentar ....................................................

70

Gambar 5.10 Halaman Lihat Komentar ....................................................

71

ix

PEMBUATAN TOKO ONLINE DISTRO MOSFIT PROJ ECT BERBASIS
WEB FRAMEWORK CAKEPHP

Disusun Oleh : Abdul Muizz
Pembimbing : Basuki Rahmat, S.Si., MT
Doddy Ridwandono S.Kom
____________________________________________________________________

ABSTRAK
Dengan adanya teknologi internet yang berkembang pada saat ini membuat jarak,
tempat, serta kecepatan bertransaksi akan semakin dapat dipermudah. Salah satu
sarana untuk mempercepat itu adalah Electronic Commerce. Langkah awal yang kita
lakukan adalah dengan pengumpulan data berupa data toko, dan produk yang dijual,
kemudian menganalisis data dan merancang sistem yang diharapkan bisa memenuhi
keinginan customer dalam membeli produk secara mudah dan cepat. Langkah
terakhir yang dilakukan adalah dengan implementasi sistem. Pembuatan toko online
Distro Mosfit Project Berbasis Web Framework CakePHP ini dibuat dengan
arsitektur web Framework CakePHP dan menggunakan bahasa pemrograman PHP,
MySQL sebagai data base-nya dan apache sebagai web server-nya, dibantu juga
dengan penggunaan phpmyadmin dalam pembuatan tabel, selain itu penulis juga
menggunakan macromedia dreamweaver dan crimson editor sebagai tool pembantu
untuk memperindah tampilan web. Dengan alasan untuk memperoleh kemudahan
mendapatkan segala informasi terbaru mengenai produk-produk secara cepat dan
tepat maka penulis telah berhasil membuat “Pembuatan Toko Online Distro Mosfit
Project Berbasis Web Framework CakePHP” yang bisa memenuhi kebutuhan
customer tentang segala sesuatu yang berhubungan dengan keperluan kawula muda
yang gaul dan trendy mulai dari pakaian, celana, tas, jaket, topi, dan sepatu .
Kata Kunci

: Electronic Commerce, Framework CakePHP.

i

BAB I
PENDAHULUAN

1.1

Latar Belakang

E-commerce atau bisa disebut Perdagangan elektronik atau e-dagang
adalah penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui
internet atau jaringan komputer. Seluruh komponen yang ada dalam perdagangan
diaplikasikan ke dalam e-commerce seperti customer service, layanan produk,
cara pembayaran dan cara promosi. Perkembangan internet yang semakin maju
merupakan salah satu faktor pendorong berkembangnya e-commerce. Internet
merupakan salah satu jaringan global yang menghubungkan jaringan komputer
diseluruh dunia, sehingga memungkinkan terjalinnya komunikasi dan interaksi
antar satu perusahaan dengan konsumen. Tidak adanya sarana penjualan jarak
jauh yang bisa mempermudah perusahaan dalam memperluas wilayah pemasaran,
karena konsumen harus datang sendiri ke lokasi dan pembayaran dilakukan secara
tunai. Hal ini tentu menyulitkan para calon konsumen dari dalam dan luar kota,
dikarenakan harus mengeluarkan biaya untuk mengunjungi Distro. Sehingga
calon konsumen membutuhkan layanan pembelian dan pembayaran secara online
dan transfer melalui rekening.
Dengan melihat beberapa kekurangan dalam proses transaksi diatas, maka
dari itu penulis mencoba memberikan pandangan dan solusi dengan membuat
toko online di Distro Mosfit Project. Mungkin dengan adanya E-Commerce,
Distro Mosfit Project tidak perlu mengeluarkan anggaran yang banyak untuk
melakukan promosi dan mengenalkan produk-produk mereka kepada konsumen.

1

2

Perusahaan cukup memperkenalkan produk mereka melalui media Internet
dimana sebuah website E-Commerce dapat mewakili keberadaan Distro Mosfit
Project di dunia maya. Konsumen dapat memesan barang dan bertransaksi melalui
website tersebut dan melakukan pembayarannya dengan cara transfer.

1.2

Perumusan Masalah
Berdasarkan latar belakang diatas maka dapat diangkat permasalahan pada

tugas akhir ini adalah bagaimana membuat program atau aplikasi penjualan online
yang dapat memudahkan pembeli / konsumen melihat dan memilih produkproduk yang ditawarkan.

1.3

Batasan Masalah
Agar pembahasan tugas akhir ini tidak mengalami perluasan kajian, maka

penulisan ini dibatasi permasalahannya sebagai berikut :
a. Sistem akan menampilkan produk-produk yang dimiliki Distro Mosfit Project.
b. Pembeli / konsumen wajib mengisi data diri dengan benar pada saat
melakukan proses pemesanan / transaksi.
c. Ongkos pengiriman sudah termasuk harga produk
d. Cara pembayaran dilakukan dengan transfer bank.
e. Sistem dikerjakan menggunakan arsitektur web dengan CakePHP.

1.4

Tujuan
Tujuan yang ingin dicapai dari tugas akhir adalah merancang dan

membangun toko online Distro Mosfit Project berbasis web framework CakePHP.

3

1.5

Manfaat
Adapun manfaat yang diinginkan dari tugas akhir pembuatan toko online

di Distro Mosfit Project ini sebagai berikut :
a. Memberikan kemudahan dalam pemasaran produk Distro Mosfit Project
kepada masyarakat.
b. Memberikan kemudahan dalam proses transaksi penjualan bagi pelanggan.

1.6

Metodologi Pembuatan Tugas Akhir
Untuk dapat mengimplementasikan sistem diatas, maka secara garis besar

digunakan beberapa metode sebagai berikut :
a. Studi Literatur
Menggunakan buku-buku, internet, atau sumber-sumber lain yang
berhubungan dengan materi penulisan tugas akhir.
b. Pengamatan (Observasi)
Melakukan pengamatan terhadap sistem penjualan yang ada pada Distro
Mosfit Project dan pengumpulan data yang selanjutnya akan diolah secara lebih
lanjut.
c. Analisa Permasalahan
Melakukan analisa awal tentang sistem yang akan dibuat untuk kemudian
dapat menentukan cara yang paling efektif dalam menyelesaikan masalah.
d. Perancangan Sistem dan Analisa Data
Setelah semua perancangan sistem selesai dibuat maka diadakan analisa
data tersebut apakah telah sesuai dengan yang diharapkan atau tidak, dengan
menggunakan model perancangan sistem yang telah ditetapkan.

4

e. Implementasi Sistem
Pada tahap ini dilakukan proses implementasi dari hasil rancangan sistem
yang akan dibuat menggunakan arsitektur web dengan CakePHP.
f. Uji Coba Perangkat Lunak
Menguji program yang telah dibuat untuk mengetahui letak kesalahan
dalam aplikasi dan memperbaikinya.
g. Dokumentasi
Membuat laporan dari semua pengerjaan yang telah dilakukan.

1.7

Sistematika Penulisan
Sistematika Penulisan tugas akhir ini nantinya tersusun atas beberapa

sistematis penulisan, yaitu :

BAB I

PENDAHULUAN
Bab ini berisi latar belakang, perumusan masalah, batasan masalah,
tujuan dan manfaat penelitian, metodologi penulisan tugas akhir,
dan sistematika penulisan yang digunakan dalam laporan tugas
akhir ini.

BAB II

TINJ AUAN PUSTAKA
Bab ini menjelaskan tentang teori-teori yang berkaitan dengan
penyelesaian tugas akhir dan program aplikasi yang dibuat,
diantaranya sebagai berikut : Pengertian Website atau Situs,ECommerce, PHP (Hypertext Processor), Framework CakePHP,
Pengertian DBMS (Database Management System), dan MySQL.

5

BAB III

ANALISIS DAN PERANCANGAN SISTEM
Bab ini menjelaskan tentang tata cara metode analisa dan
perancangan sistem yang digunakan untuk mengolah sumber data
yang dibutuhkan sistem, antara lain : Use Case Diagram, Activity
Diagram, Sequence Diagram, Collaboration Diagram, Class
Diagram, Perancangan Antar Muka.

BAB IV

IMPLEMENTASI APLIKASI
Bab ini menjelaskan implementasi dari program yang telah dibuat
meliputi lingkungan implementasi, implementasi proses dan
implementasi antarmuka.

BAB V

UJ I COBA DAN EVALUASI
Bab ini menjelaskan tentang pelaksanaan uji coba dan evaluasi dari
pelaksanaan uji coba dari program aplikasi yang dibuat.

BAB VI

PENUTUP
Bab ini berisikan tetang kesimpulan yang dapat diambil dari
keseluruhan isi dari laporan Tugas Akhir serta Saran yang
disampaikan penulis untuk pengembangan sistem yang ada demi
kesempurnaan sistem yang lebih baik.

DAFTAR PUSTAKA
Pada bagian ini akan dipaparkan tentang sumber-sumber literatur
yang digunakan dalam pembuatan laporan Tugas Akhir.

BAB II
TINJ AUAN PUSTAKA

Pada bab II dibahas tentang beberapa teori dasar sebagai penunjang untuk
menyelesaikan skripsi ini diantaranya adalah sebagai berikut: Pengertian Website
atau Situs, E-Commerce, PHP (Hypertext Processor), Framework CakePHP,
Pengertian DBMS (Database Management System), dan MySQL.

2.1. Pengertian Website atau Situs
Website atau situs juga dapat diartikan sebagai kumpulan halaman
yang menampilkan informasi data teks, data gambar diam atau gerak, data
animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat
statis maupun dinamis yang membentuk satu rangkaian bangunan yang
saling terkait dimana masing-masing dihubungkan dengan jaringanjaringan halaman atau hyperlink.
Website dikatakan bersifat statis apabila isi informasi website tetap,
jarang berubah, dan isi informasinya searah hanya dari pemilik website,
bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi
informasinya interaktif dua arah berasal dari pemilik serta pengguna
website.
Website statis hanya bisa di update oleh pemiliknya saja,
sedangkan website dinamis bisa di update oleh pengguna maupun pemilik.
Unsur-unsur website atau situs, untuk menyediakan keberadaan sebuah
website, maka harus tersedia unsur-unsur penunjangnya.[1]

6

7

2.1.1 Nama Domain (Domain Name) atau URL (Uniform Resource Locator)
Nama domain (domain name) atau URL (Uniform Resource
Locator) adalah alamat unik di dunia internet yang digunakan untuk
mengidentifikasi sebuah website, atau dengan kata lain domain name
adalah alamat yang digunakan untuk menemukan sebuah website pada
dunia internet. Contoh : http://www.nama situs .com.
Nama domain diperjual belikan secara bebas di internet dengan
status sewa tahunan, setelah nama domain itu terbeli di salah satu penyedia
jasa pendaftaran, maka pengguna disediakan sebuah kontrol panel untuk
administrasinya. Jika pengguna lupa atau tidak memperpanjang masa
sewanya, maka nama domain itu akan dilepas lagi ketersediaannya untuk
umum.
Nama domain sendiri mempunyai identifikasi akhiran sesuai
dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama
domain berakhiran internasional adalah com, net, org, info, biz, name, ws.
Contoh nama domain berakhiran lokasi negara Indonesia adalah:
a. .co.id

: Untuk badan usaha yang mempunyai badan hukum sah

b. .ac.id

: Untuk lembaga pendidikan

c. .go.id

: Khusus untuk lembaga pemerintahan

d. .mil.id

: Khusus untuk lembaga militer

e. .or.id

: Untuk segala macam organisasi

f. .war.net.id : Untuk industri warung internet di Indonesia
g. .sch.id

: Khusus untuk lembaga pendidikan SD, SMP dan SMU.

8

2.1.2 Web Hosting
Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam
hard disk tempat menyimpan berbagai data, file-file, gambar dan lain
sebagainya yang akan ditampilkan di website. Besarnya data yang bisa
dimasukkan tergantung dari besarnya web hosting yang disewa atau
dimiliki, semakin besar web hosting semakin besar pula data yang dapat
dimasukkan dan ditampilkan dalam website.
Web Hosting juga diperoleh dengan menyewa. Besarnya hosting
ditentukan ruangan hard disk dengan ukuran MB (Mega Byte) atau GB
(Giga Byte). Lama penyewaan web hosting rata-rata dihitung per tahun.
Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web
hosting yang banyak dijumpai di Indonesia atau Luar Negeri.[1]

2.1.3 Desain Website
Setelah melakukan penyewaan domain name dan web hosting serta
penguasaan bahasa program (scripts program), unsur website yang penting
dan utama adalah desain.
Desain website menentukan kualitas dan keindahan sebuah
website. Desain sangat berpengaruh kepada penilaian pengunjung akan
bagus tidaknya sebuah website. Untuk membuat website biasanya dapat
dilakukan sendiri atau menyewa jasa website designer. Saat ini sangat
banyak jasa web designer, terutama di kota-kota besar. Perlu diketahui
bahwa kualitas situs sangat ditentukan oleh kualitas designer.
Semakin banyak penguasaan web designer tentang beragam
program atau software pendukung pembuatan situs maka akan dihasilkan

9

situs yang semakin berkualitas, demikian pula sebaliknya. Jasa web
designer ini yang umumnya memerlukan biaya yang tertinggi dari seluruh
biaya pembangunan situs dan semuanya itu tergantung kualitas designer.

2.1.4 Publikasi Website
Keberadaan situs tidak ada gunanya dibangun tanpa dikunjungi
atau dikenal oleh masyarakat atau pengunjung internet. Karena efektif
tidaknya situs sangat tergantung dari besarnya pengunjung dan komentar
yang masuk. Untuk mengenalkan situs kepada masyarakat memerlukan
apa yang disebut publikasi atau promosi. Publikasi situs di masyarakat
dapat dilakukan dengan berbagai cara seperti dengan pamflet, selebaran,
baliho dan lain sebagainya tapi cara ini bisa dikatakan masih kurang
efektif dan sangat terbatas.
Cara yang biasanya dilakukan dan paling efektif dengan tak
terbatas ruang atau waktu adalah publikasi langsung di internet melalui
search engine-search engine (mesin pencari, seperti: Yahoo, Google,
Search Indonesia, dan sebagainya).
Cara publikasi di search engine ada yang gratis dan ada pula yang
membayar, yang gratis biasanya terbatas dan cukup lama untuk bisa
masuk dan dikenali di search engine terkenal seperti Yahoo atau Google.
Cara efektif publikasi adalah dengan membayar, walaupun harus sedikit
mengeluarkan akan tetapi situs cepat masuk ke search engine dan dikenal
oleh pengunjung.[1]

10

2.1.5 Pemeliharaan Website
Untuk mendukung kelanjutan dari situs diperlukan pemeliharaan
setiap waktu sesuai yang diinginkan seperti penambahan informasi, berita,
artikel, link, gambar atau lain sebagainya. Tanpa pemeliharaan yang baik,
situs akan terkesan membosankan dan akan segera ditinggal pengunjung.
Pemeliharaan situs dapat dilakukan per periode tertentu seperti tiap
hari, tiap minggu atau tiap bulan sekali secara rutin atau secara periodik
saja tergantung kebutuhan (tidak rutin). Pemeliharaan rutin biasanya
dipakai oleh situs-situs berita, penyedia artikel, organisasi atau lembaga
pemerintah.

2.2. E-Commerce
E-Commerce adalah salah satu website yang menyediakan
transaksi secara online atau juga bisa merupakan suatu cara berbelanja
atau berdagang secara online yang memanfaatkan fasilitas internet dimana
terdapat website yang dapat menyediakan layanan “get and deliver“.
E-commerce akan merubah semua kegiatan marketing dan juga
sekaligus memangkas biaya-biaya operasional untuk kegiatan trading
(perdagangan). Adapun pendapat mengenai pengertian e-commerce bahwa
e-commerce mengacu pada internet untuk belanja online dan jangkauan
lebih sempit, dimana e-commerce adalah sub perangkat dari E-Bisnis.
Adapun proses yang terdapat dalam E-Commerce adalah sebagai
berikut:
a.

Presentasi electronis (pembuatan website) untuk produk dan layanan.

b.

Pemesanan secara langsung dan tersedianya tagihan.

11

c.

Secara otomatis account pelanggan dapat secara aman (baik nomor
rekening maupun nomor kartu kredit).

d.

Pembayaran yang dilakukan secara langsung (online) dan penanganan
transaksi.[2]

2.2.1 Keuntungan E-commerce
Keuntungan yang diperoleh dengan menggunakan transaksi melalu ECommerce adalah sebagai berikut:
a. Meningkatkan pendapatan dengan menggunakan online channel yang
biayanya lebih murah.
b. Mengurangi biaya-biaya yang berhubungan dengan kertas, seperti
biaya pos surat, pencetakan, report, dan sebagainya.
c. Mengurangi keterlambatan dengan menggunakan transfer elektronik
pembayaran yang tepat waktu dan dapat langsung dicek.
d.

Mempercepat pelayanan ke pelanggan, dan pelayanan lebih responsif.

2.2.2 Manfaat E-Commerce
Untuk para penyalur, keuntungan utama E-Commerce adalah
kemungkinan memotong biaya pada proses-proses yang berulang untuk
menjangkau pasar yang lebih luas, ke produk sumber dari supplier-base
yang lebih luas, dan dapat berinteraksi dengan cepat dan murah.
Biaya murah akan memungkinkan penyalur untuk bersaing, dan
pelanggan dapat membeli dengan harga murah. E-Commerce juga
bermanfaat terhadap pelanggan karena tidak ada batasan apapun lagi

12

dengan akses online dan mereka dapat memilih dan membeli dari pasar
yang lebih luas.
2.2.3 Contoh E-Commerce
Banyak sekali yang dapat kita lakukan melalui E-Commerce yaitu:
a. Pembelian pakaian melalui online.
b. Pembelian elektronik melalui online.
c. Pembelian kendaraan melalui online.
d. Pembelian buku melalui online.
2.2.4 Dampak Positif dan Negatif E-Commerce
Didalam dunia E-Commerce pasti terdapat dampak positif dan
negatif, adapun dampak positifnya dari E-Commerce yaitu:
a. Revenue Stream (aliran pendapatan) baru yang mungkin lebih
menjanjikan yang tidak bisa ditemui di sistem transaksi tradisional
b. Dapat meningkatkan pangsa pasar (market exposure).
c. Menurunkan biaya operasional (operating cost).
d. Melebarkan jangkauan (global reach).
e. Meningkatkan customer loyality.
Adapun dampak negatifnya dari pembuatan e-commerce, yaitu:
a. Kehilangan segi finansial secara langsung karena kecurangan. Seorang
penipu mentransfer uang dari rekening satu ke rekening lainnya atau
dia telah mengganti semua data finansial yang ada.
b. Pencurian informasi rahasia yang berharga. Gangguan yang timbul
bisa menyingkap semua informasi rahasia tersebut kepada pihak-pihak
yang tidak berhak dan dapat mengakibatkan kerugian yang besar bagi
korban.

13

c. Kehilangan kesempatan bisnis karena gangguan pelayanan. Kesalahan
ini bersifat kesalahan non-teknis seperti aliran listrik tiba-tiba padam.
d. Penggunaan akses ke sumber oleh pihak yang tidak berhak. Misalkan
seorang hacker yang akan merusak system.

2.3. PHP (Hypertext Processor)
PHP (Hypertext Processor) merupakan bahasa berbentuk script
yang ditempatkan dalam server dan hasilnya akan dikirim ke client,
tempat pemakai menggunakan browser. Secara khusus PHP (Hypertext
Processor) dirancang untuk membentuk website yang dinamis, maksudnya
semua syntag yang diberikan akan dijalankan sepenuhnya oleh server
sedangkan yang dikirimkan ke browser hanya hasilnya saja sehingga ia
dapat membentuk permintaan terkini.
PHP (Hypertext Processor) juga dapat diartikan sebagai instruksi
atau perintah pemograman berbasis website yang biasa disisipkan dalam
dokumen HTML (HyperText Markup Language), sebagai script
pendukung yang ada di lingkungan server (server side HTML embedded
scripting). Kode PHP (Hypertext Processor) juga bisa berkomunikasi
dengan database dan melakukan perhitungan-perhitungan yang kompleks
sambil jalan.
Pada saat ini, PHP (Hypertext Processor) cukup popular sebagai
piranti pemrograman website. Meskipun demikian, PHP (Hypertext
Processor) sebenarnya juga dapat berfungsi pada server-server yang
berbasis UNIX, Windows NT, dan Macintosh, bahkan versi unuk Wiindows
95/98 pun tersedia.

14

PHP (Hypertext Processor) bersifat bebas pakai, kita tidak perlu
membayar apapun untuk menggunakan perangkat lunak ini. Salah satu
kelebihan dari PHP (Hypertext Processor) adalah mampu berkomunikasi
dengan berbagai database yang terkenal.
Dengan demikian, menampilkan data yang bersifat dinamis, yang
diambil

database

dari

merupakan

hal

yang

mudah

untuk

mengimplementasikan dan inilah sebabnya sering dikatakan bahwa PHP
(Hypertext Processor) sangat cocok untuk membangun halaman-halaman
website yang dinamis.
Ada beberapa keunggulan atau kelebihan dari PHP (Hypertext
Processor), diantaranya adalah sebagai berikut:
a. Source program atau script tidak dapat dilihat menggunakan fasilitas
view HTML source, yang ada pada web browser.
b. Script tersebut dapat memanfaatkan sumber-sumber aplikasi yang
dimiliki oleh server, seperti misalnya untuk keperluan database
connection. Saat ini PHP (Hypertext Processor) sudah mampu
melakukan koneksi dengan berbagai database, contohnya: InterBase,
Microsoft Acces, MySQL, Oracle, Postgree SQL, Sybase, dan
sebagainya.
c. Pada aplikasi yang dibuat dengan PHP (Hypertext Processor), saat
dijalankan server akan mengerjakan script dan hasilnya dikirim ke web
browser.

Hal

ini

menyebabkan

aplikasi

tidak

memerlukan

kompatibilitas web browser atau harus menggunakan web browser
tertentu dan pasti dikenal oleh web browser apapun.

15

Gambar 2.1 Skema PHP
Gambar 2.1 adalah skema PHP (Hypertext Processor). Konsep kerja
PHP (Hypertext Processor) pada dasarnya serupa dengan HTML, hanya
saja ketika berkas PHP (Hypertext Processor) yang diminta didapatkan
oleh web server, isinya akan segera dikirimkan PHP (Hypertext Processor)
dan mesin inilah yang memproses hasilnya berupa kode HTML,
selanjutnya web server menyampaikan ke client.

2.3.1 Script PHP
Script PHP berkedudukan sebagai tag dalam bahasa HTML
(Hypertext Markup Language). Sebagaimana diketahui HTML (Hypertext
Markup Language) adalah bahasa standar untuk membuat halamanhalaman website. Contoh gambar 2.2 merupakan kode PHP yang berada di
dalam kode HTML.

Gambar 2.2 Kode PHP
Gambar 2.2 menjelaskan penulisan kode PHP diawali dengan
pasangan kedua kode inilah yang berfungsi sebagai

16

tag kode PHP. Berdasarkan tag inilah, pihak server dapat memahami kode
PHP dan kemudian memprosesnya dan hasilnya dikirim ke browser.

Gambar 2.3 Tampilan Hasil PHP
Pada gambar 2.3 pihak client tidak dapat melihat kode PHP yang
sesungguhnya. Maka apabila kode tersebut dijalankan akan membentuk
tampilan seperti gambar 2.3.

2.3.2 CakePHP
CakePHP merupakan sebuah framework PHP yang bersifat open
source (gratis). Tujuan dari adanya CakePHP adalah untuk memungkinkan
kita dalam bekerja dengan terstruktur dan cepat tanpa kehilangan
fleksibilitas.
Adapun kelebihan atau keunggulan dari cakePHP framework,
diantaranya adalah sebagai berikut:
a.

Open source (gratis)

b.

Mendukung Ajax

c.

Automagic Function (memiliki fungsi validasi input, session, auth,
dan lain-lain yang berguna untuk mempercepat coding).

d.

Mendukung PHP4 dan PHP5

e.

Konsep MVC (Model, View, Controller)

f.

Mendukung ORM (Object, Relational Model)

g.

Komunitas pengguna yang besar dan forum yang cukup baik
Fitur-fitur yang terdapat pada cake PHP , adalah sebagai berikut:

17

a. Komunitas yang baik dan ramah
b. Lisensi yang fleksibel
c. Kompatibel dengan PHP4 dan PHP5
d. CRUD yang terintegrasi untuk interaksi database
e. Aplikasi scaffolding
f. Code generation
g. Component (Authentication, Session) yang memungkinkan kita
memproduksi area dengan cepat
h. Konsep MVC
i.

Permintaan dispatcher yang rapi

j.

Mendukung validasi

k. Cakebake

yang

memungkinkan

pengerjaan

dilakukan

melalui

command line, sehingga meminimalisir pengetikan code dan
pengerjaan akan selesai dalam waktu singkat.
l.

Template yang cepat dan fleksibel

m. Sanitasi data
n. Chancing yang fleksibel
o. Localication
Operasi CRUD (Create, Read, Update, and Delete)
Operasi CRUD (Create, Read, Update, and Delete) merupakan
suatu proses yang sangat diperlukan apabila kita ingin membangun suatu
website dinamis. Operasi CRUD sangat mutlak berhubungan dengan
database. Untuk mempelajari operasi CRUD, kita harus benar-benar
menguasai konsep dasar dari MVC yang terdiri dari:
a. Model untuk representatif data (database)

18

b. Controller untuk mengontrol dari seluruh kegiatan keluar atau
masuknya data
c. View untuk menampilkan kepada client atau pengguna.[2]

2.4. Pengertian DBMS (Database Management System)
DBMS merupakan singkatan dari Database Management System.
DBMS merupakan perangkat lunak atau program komputer yang
dirancang secara khusus untuk memudahkan pengelolaan database. Salah
satu macam DBMS yang populer dewasa ini berupa RDBMS (Relational
Database Management System), yang menggunakan model basis data
relasional atau dalam bentuk tabel-tabel yang saling berhubungan.
MySQL merupakan salah satu contoh dari bentuk produk RDBMS
yang sangat populer di lingkungan Linux, tetapi juga tersedia pada
Windows.
Banyak situs web yang menggunakan MySQL sebagai database server
(server yang melayani permintaan akses terhadap database).

Gambar 2.4 Mekanisme Pengaksesan MySQL Melalui Web Browser

19

Pada gambar

2.4

database

MySQL diolah oleh

bahasa

pemrograman PHP, ASP, dan JSP kemudian diakses melalui internet
browser yang dipicu oleh web server seperti apache.[4]

2.5. MySQL
MySQL merupakan database server dimana pemrosesan data
terjadi di server, dan client hanya mengirim serta meminta data.
Pengaksesan dapat dilakukan dimana saja dan oleh siapa saja dengan
catatan komputer telah terhubung ke server. Berbeda dengan database
desktop dimana segala pemrosesan data seperti penambahan atau
penghapusan

data

harus

dilakukan

pada

komputer

yang

bersangkutan.MySQL termasuk dalam kategori database manajemen
sistem, yaitu database yang terstruktur dalam pengolahan dan penampilan
data. Sejak komputer dapat menangani data yang besar, database
management sistem memegang peranan yang sangat penting dalam
pengolahan data.
MySQL merupakan Rational Databese Management System
(RDBMS) yaitu hubungan antar tabel yang berisi data-data pada suatu
database. Tabel-tabel tersebut dapat di link oleh suatu relasi yang
memungkinkan untuk mengkombinasikan data dari beberapa tabel ketika
seorang user menginginkan penampilan informasi dari suatu database.[4]

2.5.1 Program Database MySQL
Beberapa alasan mengapa MySQL menjadi program database
yang sangat popular dan digunakan oleh banyak orang dibawah ini.

20

a. MySQL merupakan database yang memiliki kecepatan yang tinggi
dalam melakukan pemrosesan data, dapat diandalkan, dan mudah
digunakan serta mudah dipelajari.
b. MySQL mendukung banyak bahasa pemrograman seperti: bahasa
pemrograman C, bahasa pemrograman C++, Java, Perl, Phyton, dan
PHP.
c. Koneksi, kecepatan, dan keamanan membuat MySQL sangat cocok
diterapkan untuk pengaksesan database melalui internet, dengan
menggunakan

bahasa

pemrograman

Perl

atau

PHP

sebagai

antarmukanya.
d. MySQL dapat melakukan koneksi dengan client menggunakan
protocol TCP/IP, Unix Socket (Unix), atau Named Pipes (NT).
e. MySQL dapat menangani database dengan skala yang sangat besar
dengan jumlah record mencapai lebih dari lima puluh juta, dapat
menampung enam puluh ribu tabel, dan juga bisa menampung lima
milyar baris data serta dapat menampung sampai tiga puluh dua index.
f. Dalam hal relasi antar tabel pada suatu database, MySQL merupakan
metode yang sangat cepat yaitu dengan menggunakan metode onesweep multi join.
g. Multi user, yaitu dalam satu database server pada MySQL dapat
diakses oleh beberapa user dalam waktu yang sama tanpa mengalami
konflik atau crash.
h. Security yang dimiliki database MySQL dikenal baik, karena memiliki
lapisan sekuritas seperti level subnetmask, nama host dan izin akses

21

user dengan sistem perizinan yang khusus serta password yang
dimiliki setiap user.
i.

MySQL merupakan software database yang bersifat free, jadi kita
tidak perlu susah-susah mengeluarkan isi kantong kita untuk hanya
sekedar membayar lisensi kepada pembuat software.[4]

2.5.2 Koneksi MySQL
Bahasa SQL pada umumnya informasi tersimpan dalam tabel-tabel
yang secara logika merupakan struktur dua dimensi terdiri dari baris atau
row dan kolom atau field. Sedangkan dalam sebuah database dapat terdiri
dari beberapa tabel. Untuk membuat sebuah database baru ketik create
database nama database.Contoh : create database privatdb; untuk
membuka database ketik use nama database. Contoh: use privatdb; Untuk
membuat tabel baru adalah create table nama tabel.
2.5.3 Menghubungkan PHP dengan MySQL
Penulisan fungsi script untuk koneksi ke database MySQL: (tips
PHP dan MySQL,UNBRAW)
a. MySQL_connect()
Perintah ini digunakan untuk melakukan koneksi ke serverdatabase
MySQL, fungsi ini memiliki format penulisan sebagai berikut:
MySQL_connect (host, username, password) ;
b. MySQL_select_db()
Perintah ini digunakan untuk memilih database yang ada di server
MySQL, fungsi ini memiliki format penulisan sebagai berikut.:
MySQL_select_db (nama_database, pengenal_koneksi) ;

22

c. MySQL_query()
Pada MySQL query ini menjelaskan koneksi script PHP yang
menghubungkan ke database seperti gambar 2.5.

Gambar 2.5 Script PHP Yang Menghubungkan Dengan Database
Pada gambar 2.5 merupakan perintah ini digunakan untuk
melakukan query atau menjalankan permintaan terhadap sebuah tabel
atau sejumlah tabel database.[4]

BAB III
ANALISIS DAN PERANCANGAN SISTEM

3.1

Analisis Sistem
Dalam bab analisis dan perancangan sistem ini, penulis akan mencoba

untuk menjelaskan mengenai analisa dari sistem yang dibuat, yaitu pembuatan
toko online Distro Mosfit Project berbasis web framework CakePHP. Sistem ini
bertujuan untuk memberikan informasi data produk, penjualan produk dan
pemesanan produk dari Distro Mosfit Project yang dapat digunakan untuk
memudahkan transaksi penjualan secara online.
Di dalam pembuatan toko online Distro Mosfit Project Berbasis Web
Framework CakePHP ada lima komponen dasar sekaligus merupakan komponen
utama yang harus dibuat terlebih dahulu. Lima komponen yang digunakan pada
perancangan sistem yang akan dibuat sebagai berikut :
a. Catalog
Kategori atau catalog berisi daftar produk yang dipergunakan untuk
memudahkan konsumen dalam mencari dan mendapatkan informasi produk yang
ditawarkan.
b. Shopping cart
Sistem shopping cart

merupakan

halaman

yang

nantinya akan

menampilkan produk yang akan dipesan oleh customer / konsumen. Shopping
cart disertai fasilitas untuk update pesanan atau menghapus pesanan, sistem
shopping cart yang baik harus mampu menyimpan data-data secara konsisten.
Meskipun customer berpindah halaman web dan mampu menampung data-data

23

24

dalam jumlah besar. Inti dari halaman shopping cart adalah untuk menata datadata produk / item pesanan yang telah dipilih oleh customer. Pada halaman ini
customer kemungkinan akan sering melakukan perubahan-perubahan pada datadata yang telah dipesan baik itu menambah jumlah produk yang akan dibeli dan
mengurangi jumlah produk yang akan dibeli.
c. Checkout
Sistem ini digunakan untuk melanjutkan proses shopping cart setelah
customer menyetujui jenis-jenis produk yang sesuai, jumlah dan harga yang harus
dibayar. customer akan diharuskan mengisi data pengiriman berupa nama dan
alamat lengkap dimana produk tersebut akan dikirimkan. Checkout mempunyai
fungsi utama yaitu memproses informasi tentang identitas pemesan yang telah
dimasukkan oleh customer.
d. Payment
Sistem pembayaran disini menggunakan transfer bank. Setelah customer /
konsumen selesai belanja, maka customer segera mentransfer uang ke nomer
rekening yang ada pada kontak web.
e. Guest Book
Guest book disini berfungsi sebagai buku tamu apabila customer ingin
berkomentar atau memberikan saran dan kritik kepada Distro Mosfit Project.

3.2

Perancangan Sistem
Perancangan sistem membahas mengenai konsep dari sistem yang akan di

bangun untuk memenuhi kebutuhan kepada pengguna sistem dan memberikan
gambaran secara umum dan jelas kepada user tentang sistem E-commerce. Desain
sistem secara umum merupakan persiapan dari desain dan mengidentifikasi

25

komponen-komponen sistem yang akan didesain secara detail. Dalam melakukan
perancangan terhadap sistem, sistem perancangan tersebut diantaranya adalah
Use case diagram, activity diagram, sequence diagram, collaboration diagram,
dan class diagram.
3.2.1 Use Case Diagram
Use case diagram digunakan untuk memodelkan bisnis proses berdasarkan
perspektif pengguna sistem. Use case diagram terdiri atas diagram untuk use case
dan actor. Use case merepresentasikan operasi-operasi yang dilakukan oleh actor.
Use case digambarkan berbentuk elips dengan nama operasi dituliskan di
dalamnya. Actor yang melakukan operasi dihubungkan dengan garis lurus ke use
case. Dalam system ini use case dibuat satu bagian, yaitu use case untuk user atau
admin.

Gambar 3.1 Use Case Diagram Pelanggan dan Admin
Gambar 3.1 Use case pelanggan dapat melihat produk, pesan produk, mengisi
komentar, dan melakukan pembayaran dengan cara transfer.
Use case admin dapat mengelola produk, mengecek komentar, mengelola
kategori, mengecek pembayaran pada rekening, dan mengecek pesanan.

26

3.2.2 Activity Diagram
Activity diagram menggambarkan berbagai alir aktivitas dalam sistem
yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang
mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat
menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.
a. Activity Diagram Website Pelanggan ”Lihat Produk”

Gambar 3.2 Lihat Produk
Gambar 3.2 pelanggan dapat melihat-lihat produk saja tanpa harus memesan
produk.
b. Activity Diagram Website Pelanggan ”Komentar ”

Gambar 3.3 Memberikan Komentar
Gambar 3.3 Pelanggan dapat mengisi komentar pada halaman menu komentar di
web.

27

c. Activity Diagram Website Pelanggan ”Pemesanan Produk”

Gambar 3.4 Pemesanan Produk
Gambar 3.4 pelanggan memilih produk dahulu sebelum memasukkan kedalam
keranjang belanja, jika sudah memasukkan ke dalam keranjang belanja, maka
pelanggan dapat memilih produk lagi untuk dipesan, jika selesai belanja maka
pelanggan mengisi form identitas diri dan bank.
d. Activity Diagram Website Pelanggan ”Pembayar an”

Gambar 3.5 Pembayaran via transfer
Gambar 3.5 pelanggan melakukan pembayaran ke rekening bank yang dituju dan
melakukan konfirmasi sudah bayar ke Distro Mosfit Project via sms.

28

e. Activity Diagram Website Admin ”Mengelola Pr oduk”

Gambar 3.6 Mengelola Produk
Gambar 3.6 admin dapat mengelola produk, jika admin belum selesai mengelola
produk, maka admin kembali mengelola produk, jika sudah mengelola produk,
maka admin selesai mengelola produk.
f. Activity Diagram Website Admin ”Mengecek Komentar”

Gambar 3.7 Mengecek Komentar
Gambar 3.7 admin dapat melihat juga bisa menghapus komentar, jika admin
masih ingin menghapus komentar maka admin kembali melihat komentar untuk
dihapus, jika admin sudah tidak ingin menghapus komentar maka selesai.

29

g. Activity Diagram Website Admin ”Mengelola Kategori”

Gambar 3.8 Mengelola Kategori
Gambar 3.8 admin dapat menambah kategori, jika masih ingin menambah
kategori maka admin kembali pada menambah kategori, jika tidak maka kategori
telah fix, admin juga dapat menghapus kategori, jika masih ingin menghapus
kategori maka kembali ke kategori, jika tidak ingin menghapus kategori maka
selesai.
h. Activity Diagram Website Admin ”Mengecek Pembayaran”

Gambar 3.9 Mengecek Pembayaran Pelanggan
Gambar 3.9 admin mengecek konfirmasi sms dari pelanggan bahwa pelanggan
sudah membayar produk tersebut, kemudian admin mengecek pembayaran
pelanggan di rekening admin.

30

i. Activity Diagram Website Admin ”Mengecek Pesanan”

Gambar 3.10 Mengecek Pesanan Pelanggan
Gambar 3.10 admin melihat status pesanan pelanggan, jika pelanggan belum
membayar maka admin kembali melihat status pesanan pelanggan, jika pelanggan
sudah membayar maka admin merubah status pesanan pelanggan.

3.2.3 Sequence Diagram
Sequence diagram merupakan interaksi antara objek-objek dalam suatu
sistem dan terjadi komunikasi yang berupa pesan (message) serta parameter
waktu. Untuk membuat sequence diagram klik kanan pada package kemudian
pilih new sequence diagram sehingga akan muncul tampilan seperti contoh pada
gambar 3.11