i 

 

ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA

PT SAPUTRA

SKRIPSI

diajukan sebagai salah satu syarat

untuk gelar kesarjanaan pada

Jurusan Komputerisasi Akuntansi

Jenjang Pendidikan Strata – 1

Oleh

Mega Lee Leode 1000839485

Monica Lifiyana 1000839674

Kelas / kelompok: 07PAA / 03

UNIVERSITAS BINA NUSANTARA

JAKARTA

2010

ii 

 

UNIVERSITAS BINA NUSANTARA

Pernyataan Kesiapan Skripsi untuk Ujian Dadaran

Pernyataan Penyusunan Skripsi

Kami, Mega Lee Leode

Monica Lifiyana

dengan ini menyatakan skripsi yang berjudul :

ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA

PT SAPUTRA

adalah benar hasil karya kami dan belum pernah diajukan sebagai karya ilmiah, sebagian

atau seluruhnya, atas nama kami atau pihak lain

Mega Lee Leode Monica Lifiyana

1000839485 1000839674

Disetujui oleh pembimbing

Saya setuju skripsi tersebut diajukan untuk Ujian Pendadaran

Haris Setia Budi, S.Kom, MM 27 Januari 2010

Pembimbing

iii 

 

ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA

PT SAPUTRA

SKRIPSI

Disusun oleh:

Mega Lee Leode Monica Lifiyana

1000839485 1000839485

Disetujui oleh:

Pembimbing

Haris Setia Budi, S.Kom, MM

D1897

UNIVERSITAS BINA NUSANTARA

JAKARTA

2010

iv 

 

PERNYATAAN

Dengan ini kami:

Nama : Mega Lee Leode

NIM : 1000839485

Nama : Monica Lifiyana

NIM : 1000839674

Judul skripsi : Analisis dan perancangan sistem penjualan berbasis web pada PT.

Saputra

Memberikan kepada Universitas Bina Nusantara hak non-eksklusif untuk menyimpan,

memperbanyak, dan menyebarluaskan skripsi karya kami, secara keseluruhan atau hanya

sebagian atau hanya ringkasannya saja, dalam bentuk format tercetak dan atau

elektronik.

Menyatakan bahwa kami, akan mempertahankan hak exclusive kami, untuk

menggunakan seluruh atau sebagian isi skripsi kami, guna pengembangan karya di masa

depan, misalnya bentuk artikel, buku, perangkat lunak, ataupun sistem informasi.

Jakarta, 26 januari 2010

Mega lee leode Monica Lifiyana

vi 

 

PRAKATA

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa, karena berkat

Rahmat- Nya lah penulis dapat menyelesaikan skripsi ini tepat pada waktu yang telah

ditentukan. Adapun judul dari skripsi yang telah penulis susun adalah ANALISIS DAN

PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA PT SAPUTRA.

Tujuan dari penulisan skripsi ini adalah sebagai tugas akhir, guna memenuhi

persyaratan untuk memperoleh gelar kesarjanaan (S1) di fakultas Ilmu Komputer

jurusan komputer akuntansi Universitas Bina Nusantara.

Dalam penyusunan Skripsi ini penulis mendapatkan banyak bantuan, dorongan

serta dukungan doa dari berbagai pihak, dalam kesempatan ini penulis ingin

mengucapakan terima kasih sebesar-besarnya kepada :

1. Prof Dr Ir Harjanto Prabowo, Selaku Rektor Bina Nusantara

2. Bapak Ir. Sablin Yusuf, M.Sc.,M.Kom.Sc, Selaku Dekan Fakultas Imu

Komputer Universitas Bina Nusantara.

3. Ibu Yanti, S.Kom., MM, Selaku Ketua Jurusan Komputerisasi Akuntansi

Universitas Bina Nusantara.

4. Ibu Noerlina,S.Kom.,MM, Selaku Sekretaris Jurusan Komputerisasi

Akuntansi Universitas Bina Nusantara.

5. Bapak Haris Setia Budi, S.Kom, MM , Selaku Dosen Pembimbing yang

berkenan untuk meluangkan waktu serta tenaga untuk memberikan

bimbingan dan pengarahan dalam penulisan skripsi ini.

vii 

 

6. Bapak Kusuma Wijaya, Selaku pemilik dari PT. Saputra yang memberikan

penulis kesempatan untuk membuat skripsi di perusahaannya.

7. Seluruh Dosen yang Universitas Bina Nusantara yang telah memberikan ilmu

pengetahuan kepada penulis selama perkuliahan.

8. Orang tua penulis yang memberikan semangat dan dorongan materi dan

moril.

9. Gilbert Thomas, mahasiswa dari Universitas Bina Nusantara yang senantiasa

membantu, mendorong dan tanpa henti menyemangati penulis sehingga

penulis dapat membuat skripsi ini dengan semaksimal mungkin.

10. Teman-teman jurusan komputer akuntansi angkatan 2006 atas dukungan dan

bantuan kepada penulis.

Dalam menyusun laporan ini penulis menyadari sepenuhnya bahwa masih

banyak kekurangan yang perlu penulis perbaiki, karena keterbatasannya pengetahuan

dan pengalaman penulis. Oleh karena itu kritik dan saran dari pembaca sangat

bermanfaat bagi penyempurna skripsi ini.

Harapan penulis semoga laporan ini bermanfaat bagi yang memerlukan untuk

menambah pengetahuan yang ada. Akhir kata penulis ucapkan terima kasih atas

perhatiannya.

Jakarta, 26 Januari 2010

Penyusun

viii 

 

DAFTAR ISI

Halaman Judul Luar

Halaman Judul Dalam ………………………………………………………………….. i

Halaman Persetujuan …………………………………………………………………... ii

Halaman Pernyataan Dewan Penguji ………………………………………………….. iii

Halaman Pemberian Hak Cipta Non Eksklusif dari Mahasiswa ke Universitas Bina … iv

Abstrak …………………………………………………………………………………. v

Prakata …………………………………………………………………………………. vi

Daftar isi ……………………………………………………………………………… viii

Daftar Tabel …………………………………………………………………………. xvii

Daftar Gambar ……………………………………………………………………… xix

Daftar Lampiran …………………………………………………………………….. xxv

I. PENDAHULUAN

1.1 latar belakang ………………………………………………………………………..1

1.2 Ruang lingkup …………………………………………………………...…………..2

1.3 Tujuan dan manfaat ……………………………………………………………........3

1.4 Metodologi penelitian………………………………………………………………..4

1.5 Sistematika penulisan………………………………………………………………...5

II. LANDASAN TEORI

ix 

 

2.1 Teori umum ……………………………………………………………..…………...8

2.1.1 Sejarah internet …………………………………………………………….8

2.1.2 Pengertian internet ………………………………………………………....9

2.1.3 World wide web …………………………………………………………..10

2.1.4 Pengertian sistem …………………………………………………………12

2.1.5 Pengertian informasi ……………………………………………………...12

2.1.6 Pengertian sistem informasi ……………………………………………...13

2.1.7 Pengertian database ………………………………………………………14

2.1.7.1 Jenis-jenis database …………………………………………….14

2.1.8 Object oriented analysis & design ……………………………………….15

2.1.8.1 Pengertian UML ………………………………………………..17

2.1.8.2 Pengertian activity diagram …………………………………….18

2.1.8.3 Pengertian class diagram ............................................................19

2.1.8.4 Pengertian use-case diagram .......................................................21

2.1.8.5 Pengertian navigation diagram ………………….……………..23

x 

 

2.2. Teori khusus ……………………………………………………………………….24

2.2.1 Pengertian E-Business ……………………………………………………24

2.2.1.1 Pengertian E-commerce ………………………………………...25

2.2.1.2 Empat tipe aplikasi E-commerce ……………………………….26

2.2.1.3 Tiga jenis E-commerce …………………………………………30

2.2.1.5 Keunggulan E-Commerce ……………………………………...31

2.2.2 Delapan critical success factors bisnis e-Commerce ………...………….31

2.2.3 7C’s Framework ....................................................................................... 43

2.2.4 pengertian apache ………………………………………………………...45

2.2.5 Pengertian PHP …………………………………………………………...46

2.2.5.1 Sejarah PHP …………………………………………………….46

2.2.5.2 Cara kerja Parser PHP ………………………………………….48

2.2.5.3 Keunggulan PHP ……………………………………………….49

2.2.6 Pengertian MySQL ……………………………………………………….51

2.2.6.1 Perbedaan Mysql dan SQL ……………………………………..51

xi 

 

2.2.6.2 Keunggulan MySQL …………………………………………...52

2.2.7 Pengertian macromedia dreamweaver ........................................................52

2.2.8 Pengertian javascript …………………………………………………......53

III.SISTEM YANG BERJALAN

3.1 Sejarah perusahaan …………………………………………………………………54

3.2 Struktur organisasi ………………………………………………………………….55

3.3 Tugas dan wewenang …………………………………………………………........56

3.4 Sistem yang berjalan ………………………………………………………….…….60

3.5 Overview activity diagram ……………………………………………………........61

3.6 detail activity diagram yang sedang Berjalan ………………………………….......62

3.7 Analisa CSF (Critical Success Factor) …………………………………………….68

3.8 Analisa web perusahaan dan pesaing ………………………………………………69

3.9 Analisis kuisioner dan wawancara studi kasus ………………………………..……74

3.9.1 Analisis kuisioner …………………………………………………...……74

3.9.2 Analisis wawancara …………………………………………………........83

xii 

 

3.10 Analisis temuan dan hasil survey …………………………………………………85

3.11 Identifikasi kebutuhan informasi ………………………………………………….86

IV.SISTEM YANG DIUSULKAN

4.1 Narasi yang diusulkan ……………………………………………………….……..87

4.2 use-case diagram …………………………………………………………………...88

4.2.1 use-case diagram user …………...……………………………………….88

4.2.2 use-case diagram admin ………………………………………………….89

4.3 Navigation diagram ………………………………………………………………...90

4.3.1 Navigation diagram halaman utama ……………………………………..90

4.3.2 Navigation diagram member site ………………………………………...91

4.3.3 Navigation diagram admin site …………………………………………..82

4.4 class diagram ……………………………………………………………………….93

4.5 Database yang diusulkan …………………………………………………………...94

4.5.1 Database user………………………………………………….………….94

4.5.2 Database recipe..….………………………………………….....................95

xiii 

 

4.5.3 Database testimonial ……………………………………………………...96

4.5.4 Database login ……………………………………………………………97

4.5.5 Database announcement ………………………………………………….98

4.5.6 Database produk …………………………………………………….........99

4.5.7 Database penjualan detail ……………………………………………….100

4.5.8 Database penjualan header ……………………………………………...101

4.5.9 Database pembayaran …………………………………………………...102

4.6 Rancangan layar ………………………………………………………………......103

4.6.1 Rancangan layar utama ………………………………………………….103

4.6.1.1 Rancangan layar home ………………………………..….........104

4.6.1.2 Rancangan layar about us ………………………………….…105

4.6.1.3 Rancangan layar products ………………………………….....106

4.6.1.4 Rancangan layar recipes …………………………………..…..107

4.6.1.5 Rancangan layar testimonials …………………………………108

4.6.1.6 Rancangan layar how to order ………………………………...109

xiv 

 

4.6.1.7 Rancangan layar login …………………………………….......110

4.6.1.8 Rancangan layar register ...……………………………………111

4.7.2 Rancangan layar admin …………………………………………….…...112

4.7.2.1 Rancangan layar admin products ……………………………..113

4.7.2.2 Rancangan layar admin orders ……………………………......114

4.7.2.3 Rancangan layar admin users …………………………………118

4.7.2.4 Rancangan layar admin recipes ………………………….……116

4.7.2.5 Rancangan layar admin testimonials ………………………….117

4.7.2.6 Rancangan layar admin announcement ……………………….118

4.8 Tampilan layar……………..………………………………………………………119

4.8.1 Tampilan layar utama ……………………………………………….......119

4.8.1.1 Tampilan layar home ………………………………………….119

4.8.1.2 Tampilan layar about us ………………………………………120

4.8.1.3 Tampilan layar products ………………………………………121

4.8.1.4 Tampilan layar recipes ..………………………………………122

xv  

 

4.8.1.5 Tampilan layar testimonials ………………………………......123

4.8.1.6 Tampilan layar how to order …………………………….……124

4.8.2 Tampilan layar admin ..…………………………………………….........125

4.8.2.1 Tampilan layar admin products ……………………………….125

4.8.2.2 Tampilan layar admin orders ……………………………........126

4.8.2.3 Tampilan layar admin users …………………………………..127

4.8.2.4 Tampilan layar admin recipes …………………………….......128

4.8.2.5 Tampilan layar admin testimonials …………………………...129

4.8.2.6 Tampilan layar admin announcement …………………...........130

4.8 Rencana implementasi …………………………………………………………….131

4.8.1 Kebutuhan sistem ………………………………………………….........131

4.8.1.1 Kebutuhan perangkat keras …………………………………...131

4.8.1.2 Kebutuhan perangkat lunak …………………………………...132

4.8.2 Pengguna sistem ……………………………….………………..………133

4.8.3 Jaringan …………………………………………………………..……...134

xvi 

 

V. SIMPULAN DAN SARAN

5.1 Simpulan …………………………………………………………………………..136

5.2 Saran ………………………………………………………………………………136

DAFTAR PUSTAKA ………………………………………………………………...138

DAFTAR ACUAN ……………………………………………………………………139

RIWAYAT HIDUP …………………………………………………………………...140

LAMPIRAN-LAMPIRAN ……………………………………………………………..L1

SURAT SURVEY

xvii 

 

DAFTAR TABEL

Tabel 2.1 contoh cara kerja parser PHP………………………………………………..48

Tabel 3.1 Tabel Analisis web perusahaan dan web pesaing ...........................................74

Tabel 3.2 analisis kuisioner PT Saputra…………………………………………..……75

Tabel 3.3 analisis kuisioner PT Saputra…………………………………………...……76

Tabel 3.4 analisis kuisioner PT Saputra…………………………………………..…….78

Tabel 3.5 analisis kuisioner PT Saputra…………………………………………..…….79

Tabel 3.6 analisis kuisioner PT Saputra………………………………………………...80

Tabel 3.7 analisis kuisioner PT Saputra………………………………………………...82

Tabel 4.1 database user………………………………………………………………….94

Tabel 4.2 Database recipe…………………………………………………………….....95

Tabel 4.3 database testimonial………………………………………………………….96

Tabel 4.4 database login…………………………………………………………….…..97

Tabel 4.5 database announcement……………………………………………………....98

Tabel 4.6 database produk………………………………………………………………99

xviii 

 

Tabel 4.7 database penjualan detail……………………………………………..…… 100

Tabel 4.8 database penjualan header……………………………………………….....101

Table 4.9 database pembayaran……………………………………………...………...102

xix 

 

DAFTAR GAMBAR

Gambar 2.1 Activity Diagram…………………………………………………………..19

Gambar 2.2 Notasi awal untuk class diagram……………………………………….…20

Gambar 2.3 contoh class diagram sistem seminar……………………………………...21

Gambar 2.4 Contoh dari use-case diagram pada sistem kursus……………………..….22

Gambar 2.5 contoh dari navigation diagram website………………………...………...23

Gambar 2.6 Tipe aplikasi e-Commerce…………………………………………………26

Gambar 2.7 Delapan critical success factors…………………………………………...32

Gambar 3.1 Struktur organisasi………………………………………………………....55

Gambar 3.2 overview activity diagram sistem yang berjalan…………………………...61

Gambar 3.3 DAD Menerima Pesanan sistem yang berjalan…………………………....62

Gambar 3.4 DAD Menyiapkan Barang Pada Sistem Penjualan yang sedang Berjalan ..63

Gambar 3.5 DAD Mengirim Barang Pada Sistem Penjualan yang sedang Berjalan……64

Gambar 3.6 DAD Menerima Pembayaran Pada Sistem Penjualan yang sedang Berjalan

…………………………………………………………………………………………..65

Gambar 3.7 DAD Mencatat Transaksi Pada Sistem Penjualan Tunai Yang Berjalan .....66

xx 

 

Gambar 3.8 DAD Membuat Laporan Pada Sistem Penjualan yang sedang berjalan…...67

Gambar 3.9 analisis web pesaing dan web perusahaan Website Sari Roti .................... 70

Gambar 3.10 analisis web pesaing dan web perusahaan Website Roti Boy .................. 71

Gambar 3.11 analisis web pesaing dan web perusahaan Website Bread Talk................ 72

Gambar 3.12 diagram lingkaran analisis kuisioner PT. Saputra…..……………………75

Gambar 3.13 diagram lingkaran analisis kuisioner PT. Saputra………………………..77

Gambar 3.14 diagram lingkaran analisis kuisioner PT. Saputra………………………..78

Gambar 3.15 diagram lingkaran analisis kuisioner PT. Saputra………………………..79

Gambar 3.16 diagram lingkaran analisis kuisioner PT. Saputra………………………..81

Gambar 3.17 diagram lingkaran analisis kuisioner PT. Saputra……………..…………82

Gambar 4.1 Use-case diagram user………...………………………………………..…88

Gambar 4.2 Use-Case diagram admin…………………………………………………………89

Gambar 4.2 navigation diagram halaman utama………………………………...……...90

Gambar 4.3 navigation diagram halaman member site………………………...…….....91

Gambar 4.4 navigation diagram halaman admin site…………………………………...92

Gambar 4.5 Class diagram…………………………………………………………...…93

Gambar 4.6 rancangan layar home…………………………………………………….104

xxi 

 

Gambar 4.7 rancangan layar about us…………..……………………………………105

Gambar 4.8 rancangan layar product………………..……………………………….106

Gambar 4.9 rancangan layar recipes……..………………………………………......107

Gambar 4.10 rancangan layar Testimonials……………………………………….......108

Gambar 4.11 rancangan layar how to order…………………………………………...109

Gambar 4.12 rancangan layar login…………………………………………………...110

Gambar 4.13 racangan layar register………………………………………………….111

Gambar 4.14 rancangan layar admin products………………………………………...113

Gambar 4.15 rancangan layar admin orders…………………………………………..114

Gambar 4.16 rancangan layar admin users……………………………………………115

Gambar 4.17 rancangan layar admin recipes………………………………………….116

Gambar 4.18 rancangan layar admin testimonials…………………………………….117

Gambar 4.19 rancangan layar admin announcement.....................................................118

Gambar 4.20 tampilan layar home……………………………………………………..119

Gambar 4.21 tampilan layar about us …………………………………………...….....120

Gambar 4.22 tampilan layar products……………………………………………...….121

Gambar 4.23 tampilan layar recipes…………………………………………………...122

xxii 

 

Gambar 4.24 tampilan layar testimonials……………………………………………...123

Gambar 4.25 tampilan layar how to order…………………………………..…………124

Gambar 4.26 tampilan layar admin products…………………………….…………....125

Gambar 4.27 tampilan layar admin orders.....................................................................126

Gambar 4.28 tampilan layar admin users……………………………………………...127

Gambar 4.29 tampilan layar admin recipes……………………………………….…...128

Gambar 4.30 tampilan layar admin testimonials…………………………………........129

Gambar 4.31 tampilan layar admin announcement…………………………………....130

Gambar 4.32 arsitektur jaringan …………………………………………………...… 135

Gambar 1 home………………………………………………………..……………….L5

Gambar 2 About us…………………………………………………………………….L6

Gambar 3 products……………………………………………………………………..L7

Gambar 4 Shopping cart sebelum login………………………………………………..L8

Gambar 5 list recipes…………………………………………………………………..L9

Gambar 6 recipes………………………………………………………………..……L10

Gambar 7 Testimonials……………………………………………………………….L11

Gambar 8 How To Order…………………………………………………………….L12

xxiii 

 

Gambar 9 register satu……………………………………………………………..L13

Gambar 10 register dua…………………………………………………………….L14

Gambar 11 alert register……………………………………………………………L15

Gambar 12 login……………………………………………………………………L16

Gambar 13 member site…………………………………………………………….L17

Gambar 14 product member site……………………………………………………L18

Gambar 15 shopping cart user……………………………………………………..L19

Gambar 16 check out…………………………………………………………….…L20

Gambar 17 view order………………………………………………………….…..L21

Gambar 18 detail order………………………………………………….…………L22

Gambar 19 add new recipe…………………………………………………………L23

Gambar 20 add new testimonial…………………………………………………….L24

Gambar 21 alert add new testimonial…………………….………………………...L25

Gambar 22 edit profil……………………………………………………………….L26

Gambar 23 alert sukses……………………………………………………..……...L27

Gambar 24 alert log out……………………………………………………...…….L28

Gambar 25 login admin…………………………………………………………….L29

xxiv 

 

Gambar 26 product admin………………………………………………………..L30

Gambar 27 tambah product……………………………………………………….L31

Gambar 28 edit product…………………………………………….…………….L32

Gambar 29 list orders…………………………………………………………….L33

Gambar 30 pembayaran…………………………………………………………..L34

Gambar 31 detail orders………………………………………………………….L35

Gambar 32 list users………………………………………………………..……L36

Gambar 33 edit users…………………………………………………………….L37

Gambar 34 list recipes……………………………………………………………L38

Gambar 35 tambah recipes…………………………………………..…………..L39

Gambar 36 edit recipes…………………………………………………………..L40

Gambar 37 list testimonials………………………………………………………L41

Gambar 38 edit testimonials……………………………………………………..L42

Gambar 39 list announcement……………………………………………...……L43

Gambar 40 tambah announcement………………………………………………L44

Gambar 41 edit announcement…………………………………………………..L45

xxv 

 

DAFTAR LAMPIRAN

Lampiran kuisioner …………………………………………………………………….L1

Lampiran wawancara …………………………………………………………………..L2

Lampiran Print Screen …………………………………………………………………L3