Aplikasi Online Shopping Indra Edu Toys yang Dilengkapi dengan Content Management System.

(1)

vi

Universitas Kristen Maranatha

ABSTRAK

Orang-orang pada saat ini menginginkan informasi yang cepat dan dapat diakses dimana saja. Website merupakan contoh media informasi yang populer. Banyak orang memanfaatkan website untuk berjualan. Indra Edu Toys merupakan toko yang menjual mainan edukasi anak-anak dan belum memiliki website. Indra Edu Toys ingin memiliki website untuk berjualan online yang dapat dimodifikasi.

Kata kunci: Indra Edu Toys, mainan anak, mainan edukasi, online shopping,

(2)

vii

ABSTRACT

People nowadays wants information in instant and can be accessed anywhere. Website is one example of popular information media. Many people use website to sell their product. Indra Edu Toys are company that sells education toys for kids and they have no website yet. Indra Edu Toys want to have one for sell their products online and can be modified.

(3)

viii

DAFTAR ISI

LEMBAR PENGESAHAN

... i

PERNYATAAN ORISINALITAS LAPORAN PENELITIAN

... ii

PERNYATAAN PUBLIKASI LAPORAN PENELITIAN

... iii

PRAKATA

... iv

ABSTRAK

... vi

ABSTRACT

... vii

DAFTAR ISI

... viii

DAFTAR GAMBAR

... x

DAFTAR TABEL

... xi

BAB I PENDAHULUAN

... 1

1.1. Latar Belakang Masalah ... 1

1.2. Rumusan Masalah ... 2

1.3. Tujuan Pembahasan... 2

1.4. Ruang Lingkup Kajian ... 2

1.5. Sumber Data ... 3

1.6. Sistematika Penyajian ... 4

BAB II KAJIAN TEORI

... 5

2.1. Konsep Dasar Sistem ... 5

2.2. E-Commerce ... 6

2.3. Flowchart ... 7

2.3.1. Bagan Alir Program (program flowchart) ... 7

2.3.2. Bagan Alir Sistem (System flowchart ) ... 8

2.4. Basis Data ...10

2.4.1. Komponen E-R Diagram ...10

2.4.2. Kardinalitas/Derajat Relasi ...11

2.5. Data Flow Diagram ...13

2.5.1. Simbol Data Flow Diagram (DFD)...13

2.5.2. Tahapan Data Flow Diagram (DFD) ...14

2.5.3. Kamus Data ...15

2.5.4. PSPEC ...16

2.6. MySQL ...17

2.7. SQL ...18

BAB III ANALISIS DAN RANCANGAN SISTEM

... 20

3.1. Cara Kerja Sistem ...20

3.2. Flowchart ...20

3.2.1. Proses Registrasi Member ...20

3.2.2. Proses Penjualan Pembelian ...22

3.3. Entity Relationship Diagram (ER-D) ...24

3.4. Realisasi Rancangan Tabel ...26

3.4.1. Tabel Akun ...26

3.4.2. Tabel Background ...26

3.4.3. Tabel Category ...26

3.4.4. Tabel Ekspedisi ...27

3.4.5. Tabel Ekspedisi Detail ...27

3.4.6. Tabel Horizontal Scroller ...28

3.4.7. Tabel Hot ...28

3.4.8. Tabel Images ...28

(4)

ix

3.4.10. Tabel Option ...29

3.4.11. Tabel Page ...30

3.4.12. Tabel Product...30

3.4.13. Tabel Sub Page ...31

3.4.14. Tabel Template ...31

3.4.15. Tabel Transaksi ...31

3.4.16. Tabel Transaksi Detail ...32

3.5. Data Flow Diagram (DFD) ...32

3.5.1. Kamus Data ...42

3.5.2. Process Specification (PSPEC) ...49

3.6. Rancangan Antarmuka ...61

3.6.1. Rancangan Antarmuka Halaman Utama...61

3.6.2. Rancangan Antarmuka Halaman Admin ...62

3.6.3. Rancangan Antarmuka DropdownMenu Admin ...63

3.6.4. Rancangan Antarmuka Page Editor ...63

3.6.5. Rancangan Antarmuka Pengaturan Template ...64

3.6.6. Rancangan Antarmuka Pengaturan Background ...64

3.6.7. Rancangan Antarmuka Change Password ...65

BAB IV HASIL PENELITIAN

... 66

4.1. Implementasi Halaman Utama ...66

4.2. Implementasi Halaman Registrasi Member ...67

4.3. Implementasi Halaman Admin ...70

4.4. Implementasi Halaman Page Editor ...70

4.5. Implementasi Halaman Pengaturan Template ...71

4.6. Implementasi Halaman Pengaturan Background ...72

4.7. Implementasi Halaman Change Password ...72

BAB V PEMBAHASAN DAN UJI COBA HASIL PENELITIAN

... 73

5.1. Pengujian Form Login Member ...73

5.2. Pengujian Form LoginAdmin ...74

5.3. Pengujian Form Registrasi Member ...75

5.4. Pengujian Form Change Password ...76

BAB VI SIMPULAN DAN SARAN

... 79

6.1. SIMPULAN ...79

6.2. SARAN ...79

DAFTAR PUSTAKA

... 80

(5)

x

DAFTAR GAMBAR

Gambar 1. Relasi satu ke satu ...11

Gambar 2. Relasi satu ke banyak ...12

Gambar 3. Relasi banyak ke satu ...12

Gambar 4. Relasi banyak ke banyak ...12

Gambar 5. Notasi Entitas Eksternal ...13

Gambar 6. Notasi Proses ...13

Gambar 7. Notasi Objek Data ...14

Gambar 8. Notasi Penyimpanan Data ...14

Gambar 9. Proses Registrasi Member ...21

Gambar 10. Proses Penjualan Pembelian ...23

Gambar 11. Proses Penjualan Pembelian ...24

Gambar 12. Entity Relationship Diagram ...25

Gambar 13. DFD Level 0 ...33

Gambar 14. DFD Level 1 ...34

Gambar 15. DFD Level 2.0 Proses kelola akun ...35

Gambar 16. DFD Level 2.1 Proses penjualan pembelian ...35

Gambar 17. DFD Level 2.2 Proses kelola tampilan ...36

Gambar 18. DFD Level 2.3 Proses kelola produk ...36

Gambar 19. DFD Level 3 Proses kelola member ...37

Gambar 20. DFD Level 3.1 Proses pembelian ...38

Gambar 21. DFD Level 3.2 Proses kelola ekspedisi ...39

Gambar 22. DFD Level 3.3 Proses kelola page ...39

Gambar 23. DFD Level 3.4 Proses kelola template ...40

Gambar 24. DFD Level 3.5 Proses kelola background ...40

Gambar 25. DFD Level 3.6 Proses kelola horizontal scroller ...40

Gambar 26. DFD Level 3.7 Proses kelola category ...41

Gambar 27. DFD Level 3.8 Proses kelola produk ...41

Gambar 28. DFD Level 3.9 Proses kelola hot item ...42

Gambar 29. Rancangan Halaman Utama ...62

Gambar 30. Rancangan Halaman Admin ...63

Gambar 31. Rancangan Dropdown Menu Admin ...63

Gambar 32. Rancangan Page Editor di halaman admin ...64

Gambar 33. Rancangan Pengaturan Template ...64

Gambar 34. Rancangan Pengaturan Background...65

Gambar 35. Rancangan Menu Change Password ...65

Gambar 36. Tampilan Halaman Utama ...66

Gambar 37. Tampilan halaman registrasi member ...68

Gambar 38. Tampilan dropdown menu halaman admin ...70

Gambar 39. Tampilan halaman transaksi di halaman admin ...70

Gambar 40. Tampilan halaman page editor ...71

Gambar 41. Tampilan halaman pengaturan template ...71

Gambar 42. Tampilan halaman pengaturan background ...72

(6)

xi

DAFTAR TABEL

Tabel I. Bagan alir program ... 8

Tabel II. Bagan alir sistem ... 9

Tabel III. Komponen E-RDiagram ...10

Tabel IV. Struktur kamus data...15

Tabel V. Contoh kamus data...16

Tabel VI. Contoh PSPEC ...17

Tabel VII. Perintah SQL ...19

Tabel VIII. Tabel Akun ...26

Tabel IX. Tabel Background ...26

Tabel X. Tabel Category ...27

Tabel XI. Tabel Ekspedisi ...27

Tabel XII. Tabel Ekspedisi Detail ...27

Tabel XIII. Tabel Horizontal Scroller...28

Tabel XIV. Tabel Hot ...28

Tabel XV. Tabel Images ...29

Tabel XVI. Tabel Member ...29

Tabel XVII. Tabel Option ...29

Tabel XVIII. Tabel Page ...30

Tabel XIX. Tabel Product ...30

Tabel XX. Tabel Sub Page ...31

Tabel XXI. Tabel Template ...31

Tabel XXII. Tabel Transaksi ...32

Tabel XXIII. Tabel Transaksi Detail ...32

Tabel XXIV. Kamus data akun ...42

Tabel XXV. Kamus data images ...43

Tabel XXVI. Kamus data produk ...43

Tabel XXVII. Kamus data member ...44

Tabel XXVIII. Kamus data ekspedisi ...44

Tabel XXIX. Kamus data ekspedisi detail ...45

Tabel XXX. Kamus data transaksi ...45

Tabel XXXI. Kamus data transaksi detail ...45

Tabel XXXII. Kamus data transaksi detail ...46

Tabel XXXIII. Kamus data page ...46

Tabel XXXIV. Kamus data sub page ...46

Tabel XXXV. Kamus data template ...47

Tabel XXXVI. Kamus data background ...47

Tabel XXXVII. Kamus data horizontal scroller ...47

Tabel XXXVIII. Kamus data option ...48

Tabel XXXIX. Kamus data category ...48

Tabel XL. Kamus data hot ...48

Tabel XLI. PSPEC proses 2.0.0 ...49

Tabel XLII. PSPEC proses 2.0.2 ...49

Tabel XLIII. PSPEC proses 2.0.3 ...49

Tabel XLIV. PSPEC proses 2.1.1 ...50

Tabel XLV. PSPEC proses 2.1.2 ...50

Tabel XLVI. PSPEC proses 2.2.1 ...50

(7)

xii

Tabel XLVIII. PSPEC proses 3.0.0 ...51

Tabel XLIX. PSPEC proses 3.0.1 ...51

Tabel L. PSPEC proses 3.1.0 ...52

Tabel LI. PSPEC proses 3.1.3 ...52

Tabel LII. PSPEC proses 3.1.4 ...52

Tabel LIII. PSPEC proses 3.2.0 ...53

Tabel LIV. PSPEC proses 3.2.1 ...53

Tabel LV. PSPEC proses 3.2.2 ...53

Tabel LVI. PSPEC proses 3.2.3 ...54

Tabel LVII. PSPEC proses 3.2.4 ...54

Tabel LVIII. PSPEC proses 3.3.0 ...54

Tabel LIX. PSPEC proses 3.3.1 ...54

Tabel LX. PSPEC proses 3.3.2 ...55

Tabel LXI. PSPEC proses 3.3.3 ...55

Tabel LXII. PSPEC proses 3.4.0 ...55

Tabel LXIII. PSPEC proses 3.4.1 ...56

Tabel LXIV. PSPEC proses 3.5.0 ...56

Tabel LXV. PSPEC proses 3.5.1 ...56

Tabel LXVI. PSPEC proses 3.6.0 ...57

Tabel LXVII. PSPEC proses 3.6.1 ...57

Tabel LXVIII. PSPEC proses 3.7.0 ...57

Tabel LXIX. PSPEC proses 3.7.1 ...58

Tabel LXX. PSPEC proses 3.7.2 ...59

Tabel LXXI. PSPEC proses 3.8.0 ...59

Tabel LXXII. PSPEC proses 3.8.1 ...59

Tabel LXXIII. PSPEC proses 3.8.2 ...59

Tabel LXXIV. PSPEC proses 3.9.0 ...60

Tabel LXXV. PSPEC proses 3.9.1 ...60

Tabel LXXVI. PSPEC proses 3.9.2 ...61

Tabel LXXVII. Uji coba form login member ...73

Tabel LXXVIII. Uji coba form login admin ...74

Tabel LXXIX. Uji coba form registrasi member ...75

(8)

1

BAB I PENDAHULUAN

1.1. Latar Belakang Masalah

Perkembangan teknologi saat ini sangatlah pesat, terutama dalam

bidang

web

dan telekomunikasi. Jumlah pengguna jasa internet di Indonesia

juga semakin meningkat. Internet sudah dapat dinikmati hampir di seluruh

wilayah Indonesia. Gaya hidup masyarakat masa kini juga sudah bergeser.

Orang-orang menginginkan informasi yang cepat dan mudah didapat kapan

saja dan dimana saja.

Seiring dengan pesatnya perkembangan teknologi tersebut, banyak juga

para pengusaha yang memanfaatkan internet sebagai media penjualan dan

penyampaian informasi kepada masyarakat umum. Perusahaan-perusahaan

besar mayoritas pasti memiliki

website,

baik itu untuk sebagai media

informasi, maupun penjualan produk secara

online

. Orang awampun banyak

yang memanfaatkan situs jejaring sosial seperti

Facebook

dan

Twitter

untuk

media penjualan.

Namun, tidak semua orang dapat membuat

website

untuk media

penjualan. Indra Edu Toys adalah salah satu perusahaan yang belum

memiliki

website.

Indra Edu Toys merupakan perusahaan yang menjual buku

dan mainan edukasi anak. Selama ini sistem penjualan dilakukan di toko

secara langsung. Indra Edu Toys ingin memperluas cakupan penjualan

sehingga dapat lebih dikenal di masyarakat Indonesia.

Melihat kebutuhan tersebut perlu dibuat suatu

website

penjualan

online

yang dapat digunakan sebagai media informasi, dan media penjualan para

pengguna dimana saja dan kapan saja tanpa dibatasi ruang dan waktu.

Penulis juga melengkapi aplikasi ini dengan

content management system

untuk mengubah tampilan halaman

website

. Oleh karenanya penelitian ini

(9)

2

Universitas Kristen Maranatha

1.2. Rumusan Masalah

Berdasarkan latar belakang masalah yang telah dipaparkan pada bagian

1.1. maka dapat dijabarkan rumusan masalah penelitian sebagai berikut:

1. Bagaimana membuat sistem penjualan online untuk toko INDRA Edu

Toys?

2.

Bagaimana

website online shopping

dapat dimodifikasi sesuai

kebutuhan?

1.3. Tujuan Pembahasan

Mengacu pada rumusan masalah pada bagian 1.2, tujuan penelitian ini

adalah sebagai berikut:

1.

Membuat sistem penjualan online untuk toko INDRA Edu Toys.

2.

Website

memiliki halaman admin yang dapat digunakan untuk

memodifikasi tampilan dan isi dari web tersebut.

1.4. Ruang Lingkup Kajian

Penelitian ini memiliki beberapa ruang lingkup kajian. Ruang lingkup

kajian penelitian ini adalah sebagai berikut:

1.

Batasan Perangkat Lunak

1) Implementasi pembuatan

Online Shopping

ini menggunakan

teknologi PHP.

2)

Database Management System

yang digunakan adalah

MySQL.

2.

Batasan Perangkat Keras Server

1)

Prosesor yang digunakan minimum

Pentium

3.

2)

Memori RAM minimum 256 MB.

(10)

3

Universitas Kristen Maranatha 5)

Sistem Operasi

Windows

/

Linux

yang mendukung program

Apache

dan

MySQL

.

6)

Koneksi internet.

3.

Batasan Aplikasi

1)

Aplikasi ini memiliki dua golongan halaman utama, yaitu halaman

admin dan halaman home.

2)

Halaman admin berfungsi untuk mengelola

member

, tampilan,

transaksi, dan mengubah

theme

. Halaman ini hanya dapat diakses

oleh admin utama dan admin dari pihak toko.

3)

Halaman home merupakan halaman utama web yang berfungsi

untuk menampilkan produk maupun informasi. Halaman ini dapat

diakses oleh semua orang.

4)

Terdapat beberapa tingkatan pengguna yang terdiri dari 1 admin

utama, 1 admin dari pihak toko, member, dan

pengguna biasa.

5)

Admin utama berfungsi untuk mengatur konten dari halaman admin.

6)

Admin dari pihak toko berfungsi untuk mengoperasikan halaman

admin.

7)

Member dapat melihat halaman home dan membeli barang di

halaman home.

8)

Pengguna biasa dapat memilih barang dan melihat konten halaman

home, namun tidak dapat membeli barang.

9)

Baik admin maupun pengguna dari pihak toko, keduanya memiliki

username

dan

password

yang dapat digunakan untuk masuk ke

dalam halaman admin.

10)

Pengguna biasa dapat menjadi member dengan mendaftar secara

langsung di halaman home.

1.5. Sumber Data

(11)

4

Universitas Kristen Maranatha

Sedangkan sumber data sekunder diperoleh melalui studi literatur melalui

buku, dan V-Kios sebagai acuan di dalam pembuatan aplikasi

back office

penelitian ini.

1.6. Sistematika Penyajian

Sistematika penyajian penelitian aplikasi penjualan online kali ini

dibagi dalam enam bab yang dapat diuraikan sebagai berikut:

BAB I : PENDAHULUAN

Bab ini membahas latar belakang masalah, rumusan masalah, tujuan

pembahasan, ruang lingkup kajian, sumber data, dan sistematika penyajian.

BAB II : KAJIAN TEORI

Bab ini membahas mengenai kajian teori yang digunakan dalam tahap

analisis, rancangan dan pengujian aplikasi penelitian.

BAB III : ANALISIS DAN RANCANGAN SISTEM

Bab ini membahas mengeneai analisis sistem, dan rancangan sistem yang

terdiri dari arsitektur aplikasi, ER diagram, dan perancangan antarmuka

pengguna.

BAB IV : HASIL PENELITIAN

Bab ini membahas hasil pembuatan aplikasi penjualan online Toko Indra Edu

Toys.

BAB V : PEMBAHASAN DAN UJI COBA HASIL PENELITIAN

Bab ini membahas hasil uji coba aplikasi yang telah dibuat.

BAB VI : SIMPULAN DAN SARAN

(12)

79

BAB VI SIMPULAN DAN SARAN

6.1. SIMPULAN

Hasil yang telah dicapai pada penelitian ini adalah sebagai berikut:

1. Aplikasi sistem penjualan online untuk toko INDRA Edu Toys yang terdiri

dari :

1) Informasi mengenai produk mainan anak yang dijual secara online

bagi setiap pengunjung atau member.

2) Proses pemesanan dan informasi pembayaran bagi member.

3) History transaksi penjualan untuk admin atau pemiliki toko.

2. Website

memiliki halaman admin yang dapat digunakan untuk

memodifikasi tampilan dan isi dari web tersebut.

1) Memilih

template

dan

background

sesuai keinginan, supaya tidak

membosankan bagi pengunjung dan member.

2) Menambah halaman di website untuk kebutuhan informasi produk

atau promosi produk baru.

6.2. SARAN

Saran yang dapat diberikan setelah pembuatan aplikasi

online shopping

ini adalah terintegrasinya sistem konfirmasi pembayaran di dalam

website

(13)

80

DAFTAR PUSTAKA

Bandyo, N. (2003).

E-Commerce (Context, Concepts, and Consequences).

New York: McGraw-Hill Higher Education.

Fathansyah, I. (2002). Basis Data. Bandung: Informatika.

Jogiyanto, H.M. (1990). Analisis dan Desain Sistem Informasi Pendekatan

Terstruktur. Yogyakarta: ANDI.

Oetomo, Budi Sutedjo Dharma. (2002).

Perencanaan Pembangunan SI.

Yogyakarta: Andi.

Sidik, B. (2006). Pemrograman Web dengan PHP. Bandung: Informatika.