Rancang bangun sistem informasi E-Commerce pada winzone pro Cv. estie abadi jaya

i

SKRIPSI

RANCANG BANGUN SISTEM INFORMASI E-COMMERCE

PADA WINZONE PRO CV. ESTIE ABADI JAYA

Skripsi

Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Komputer

Fakultas Sains dan Teknologi

Universitas Islam Negeri Syarif Hidayatullah Jakarta

Disusun Oleh:

ADITYA CITA NUGRAHA NIM: 106093003050

PROGRAM STUDI SISTEM INFORMASI FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH JAKARTA

ii

RANCANG BANGUN SISTEM INFORMASI E-COMMERCE

PADA WINZONE PRO CV. ESTIE ABADI JAYA

Skripsi

Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Komputer

Fakultas Sains dan Teknologi

Universitas Islam Negeri Syarif Hidayatullah Jakarta

Oleh:

ADITYA CITA NUGRAHA

106093003050

PROGRAM STUDI SISTEM INFORMASI FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI JAKARTA

v

PERNYATAAN

DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENAR-BENAR HASIL KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN SEBAGAI SKRIPSI ATAU KARYA ILMIAH PADA PERGURUAN TINGGI MANAPUN.

Jakarta, Mei 2011

vi ABSTRAK

ADITYA CITA NUGRAHA,

Rancang Bangun Sistem Informasi

E-commerce Pada WINZONE PRO CV. Estie Abadi Jaya

di bawah bimbingan DITDIT N UTAMA dan NIA KUMALADEWI.

Kegiatan jual-beli memegang peranan penting untuk proses bisnis pada WINZONE PRO. Dalam hal ini WINZONE PRO selalu berusaha meningkatkan kwalitas, baik dari produk yang ditawarkan dan proses penjualan yang disajikan kepada pelanggan. Permintaan pelanggan dalam mendapatkan data-data produk yang ingin dibelinya dengan mudah dan khususnya proses transaksi pembelian tidak menyulitkan pelanggan. Oleh karena itu, untuk mengatasi permasalahan di atas maka diperlukan suatu sistem informasi jual-beli yang dapat dengan mudah di gunakan. E-commerce menawarkan kemudahan dalam mengelola dan menyajikan data-data dari produk yang akan dijual kepada pelanggan dan memudahkan dalam melakukan transaksi pembelian. Pembayaran melalui I-banking akan memudahkan pelanggan dalam melalukan transfer pelunasan produk yang telah di beli. Pengumpulan data penelitian menggunakan teknik observasi, wawancara, dan studi pustaka. Pendekatan pengembangan sistem menggunakan model

Waterfall Strategy Sequential (strategi air terjun beraturan) dengan use case diagram, class diagram, sequence diagram, activity diagram, state chart diagram

sebagai alat untuk perancangan, serta PHP dan MySQL sebagai alat pengkodean komputer. Dari penelitian ini menghasilkan sebuah rancang bangun system informasi e-commerce dengan jenis bisnis B2C dan B2B untuk memudahkan perusahaan dalam melakukan penjualan alat musik.

Kata Kunci: E-commerce, Waterfall Strategy Sequential (Strategi Air Terjun Beraturan), use case diagram, class diagram, sequence diagram, activity diagram, state chart diagram, I-banking, PHP dan MySQL.

VII Bab + xxiv Halaman + 207 Halaman + 5 Simbol + 132 Gambar + 37 Tabel + Pustaka + Lampiran

vii

KATA PENGANTAR

Bismillahirrahmanirrahim, Alhamdulillah wa kabirotun syukru illa Allah SWT, yang telah memberikan nikmat sehat dan nikmat ilmu yang luar biasa sehingga dapat terselesaikannya skripsi ini dengan judul “Rancang Bangun Sistem Informasi E-commerce Pada WINZONE PRO CV. Estie Abadi Jaya” dengan baik. Shalawat serta salam kepada Nabi Muhammad SAW, beserta sahabat dan keluarga beliau.

Walaupun tidak ada terjadi kendala yang berarti dalam penyusunan skripsi ini, namun pada skripsi ini masih banyak kekurangan di dalamnya. Untuk itu sangat mengharapkan dan menghargai adanya kritik dan saran yang berguna nantinya. Dengan mengucap kalimat hamdallah dan semoga ridho Allah SWT selalu menyertai sehingga apa yang tertulis dapat bermanfaat bagi yang membaca.

Banyaknya dukungan serta dorongan motivasi dari berbagai pihak yang telah mendampingi untuk dapat menyelesaikan skripsi ini. Oleh karena itu, pada kesempatan ini perkenankanlah untuk mengucapkan terima kasih yang sebesar-besarnya kepada:

1. Bapak DR. Syopiansyah Jaya Putra, M.Sis. selaku Dekan Fakultas Sains dan

Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta. Sekaligus sebagai pembimbing I saya.

viii

data-data yang sangat mendukung dalam penelitian serta arahan, bimbingan dan motivasinya.

3. Bapak Ditdit N Utama, MM, M.Com. Selaku Pembimbing I yang secara bijaksana dan kooperatif telah memberikan bimbingan, bantuan, dan dukungan baik secara moral maupun teknis. Dan telah memberikan semangat, dukungan, dan motivasi selama melakukan penyusunan skripsi.

4. Ibu Nia Kumaladewi, MMSI. selaku dosen pembimbing II yang selalu memberikan bimbingan, arahan tentang penulisan skripsi yang baik, dan selalu meluangkan waktu untuk dapat bertukar pikiran serta memberikan pemikiran dalam membantu menyelesaikan skripsi ini.

5. Bapak Vicrie Ocktavia Selaku Penanggung jawab dari WINZONE PRO CV. Estie Abadi Jaya yang telah memberikan dukungan terlaksananya penelitian ini. Dan telah banyak memberikan saran-saran yang sangat berarti.

6. Bapak, mama dan adik-adik yang selalu memberikan Dukungan material maupun moral serta selalu ada untuk memberikan kebahagian kepada penulis. 7. Kepada M Aussie, sahabat yang selalu mendukung dan memberi semangat.

8. Kepada penghuni bestcamp (M. Ridho “Padang”, M. ALamsyah “Cepot”, Danuri, Billy Yanuardi, M. Fahrul Rodji, M. Yogi F) memberikan tawa didalam kejenuhan.

9. Sahabat-sahabat keluarga besar Pergerakan Mahasiswa Islam Indonesia (PMII) KomFAST yang telah memberikan banyak pelajaran kepada penulis pentingnya semangat pergerakan untuk melakukan perubahan.

ix

11. Kepada Nur Chasanah yang selalu tak pernah lelah memberikan semangat dan mengingatkan untuk dapat menyelesaikan skripsi ini.

12. Dan semua pihak yang tidak dapat disebutkan satu persatu yang telah membantu saya selama penelitian dan penyusunan skripsi ini.

Pada kesempatan ini saya ingin mohon maaf yang sebesar-besarnya kepada semua pihak apabila sewaktu menjalankan penelitian ini ada hal-hal yang kurang berkenan dari pihak saya.

Akhir kata peneliti berharap agar skripsi ini dapat bermanfaat bagi peneliti dan semua yang membaca.

Jakarta, Mei 2011

x

2.1.1 Pengertian Sistem ... 14

2.2 Konsep Dasar Informasi ... 14

2.2.1 Pengertian Informasi ... 14

2.2.2 Siklus Informasi ... 15

2.2.3 Pengertian Sistem Informasi ... 16

2.3 Konsep Dasar Electronic Commerce ... 17

2.3.1 Pengertian Electronic ... 16

2.3.2 Pengertian Commerce (perdagangan) ... 18

xi

2.3.4 Keuntungan E-commerce ... 19

2.3.5 Internet untuk E-commerce ... 20

2.3.6 E-commerce Di lihat Dari Berbagai Macam Persepsi... 21

2.3.7 Dalil Terkait ... 22

2.9 Pengembangan Sistem Sederhana ... 35

2.10 The sequential or Waterfall Strategy ... 37

2.10.1 Strategi Pengembangan Model-Driven ... 38

xii

2.15 PHP ... 52

BAB 3 METODOLOGI PENELITIAN ... 54

3.1 Pengertian Metodologi Penelitian ... 54

3.2 Metode Pengumpulan Data ... 54

3.2.1 Metode Observasi ... 54

3.2.2 Metode Wawancara ... 55

3.2.3 Studi Pustaka ... 57

3.3 Metode Pengembangan Sistem ... 57

3.3.1 Permulaan Sistem (System Initiation)... 57

3.3.2 Analisis Sistem (System Analysis) ... 58

3.3.3 Desain Sistem (System Design) ... 58

3.3.4 Implementasi Sistem (System Implementation) ... 59

3.4 Kerangka Penelitian ... 61

BAB 4

SYSTEM INITIATION, SYSTEM ANALYSIS, SYSTEM

DESIGN DAN SYSTEM IMPLEMENTATION

E-COMMECE ... 62

xiii

4.4 Implementasi Sistem (System Implementation) ... 176

4.4.1 Perangkat Keras (Hardware) ... 178

LAMPIRAN I WAWANCARA ... 199

LAMPIRAN II PERANCANGAN LAYOUT SISTEM ... 202

LAMPIRAN III LAYOUT SISTEM ... 233

xiv

DAFTAR GAMBAR

Gambar 2.1 Siklus Informasi Burch dan Grudnitski (Ladjamudin, 2005) ... 15

Gambar 2.2 Jalur EDI pada internet (Kadir, 2003) ... 18

Gambar 2.3 Pada penjelasannya tentang Ruang Lingkup E-commerce (O'brien, 2005) ... 23

Gambar 2.4 Ruang lingkup Electronik Bisnis (Nurhayati. 2009) ... 24

Gambar 2.5 The sequential or Waterfall Strategy (Whitten et al. 2004) ... 37

Gambar 2.6 Contoh Diagram Model Use Case (Whitten et al. 2004) ... 46

Gambar 2.7 Contoh Model Class Diagram (Whitten et al. 2004) ... 47

Gambar 2.8 Contoh Model Activity Diagram (Whitten et al. 2004) ... 47

Gambar 2.9 Contoh Model Sequence Diagram (Whitten et al. 2004) ... 48

Gambar 2.10 Contoh Model Statechart Diagram (Whitten et al. 2004) ... 49

Gambar 3.1 Kerangka Penelitian ... 61

Gambar 4.1 Struktur Organisasi dari WINZONE PRO CV Estie Abadi Jaya ... 65

Gambar 4.2 Sistem SystemOperational Procedure (SOP) Sistem Berjalan ... 68

Gambar 4.3 Sistem SystemOperational Procedure (SOP) sistem di usulkan ... 70

Gambar 4.4 Use Case Model Diagram Pembanguan e-commerce ... 75

Gambar 4.5 Activity Diagramregistrasi ... 91

Gambar 4.6 Activity DiagramLogin ... 92

Gambar 4.7 Activity Diagram Manajemen Anggota... 93

Gambar 4.8 Activity Diagram Manajemen Kategori dan Produk ... 94

Gambar 4.9 Activity Diagram Manajemen Informasi Admin ... 96

Gambar 4.10 Activity Diagram Manajemen Informasi Anggota ... 97

Gambar 4.11 Activity Diagram Berita Admin ... 98

Gambar 4.12 Activity Diagram Berita Anggota dan Pengunjung ... 99

Gambar 4.13 Activity Diagram Pesan ... 100

Gambar 4.14 Activity Diagram Pembelian ... 102

Gambar 4.15 Activity Diagram Info Transaksi Cashier ... 104

Gambar 4.16 Activity Diagram Info Transaksi Anggota ... 105

xv

Gambar 4.18 Activity Diagram Pembayaran Anggota ... 107

Gambar 4.19 Activity Diagram Konfirmasi Pembelian cashier ... 108

Gambar 4.20 Activity Diagram Konfirmasi Pembelian anggota ... 109

Gambar 4.21 Activity DiagramLogout ... 110

Gambar 4.22 Class Diagram ... 111

Gambar 4.23 Sequence Diagram Registrasi ... 112

Gambar 4.24 Sequence Diagram Login ... 113

Gambar 4.25 Sequence Diagram Manajemen Anggota ... 114

Gambar 4.26 Sequence Diagram Manajemen Produk dan Kategori... 115

Gambar 4.27 Sequence Diagram Manajemen Informasi Admin ... 116

Gambar 4.28 Sequence Diagram Manajemen Informasi Anggota ... 118

Gambar 4.29 Sequence Diagram Berita Admin ... 119

Gambar 4.30 Sequence Diagram Berita Anggota dan Pengunjung ... 121

Gambar 4.31 Sequence Diagram Pesan ... 122

Gambar 4.32 Sequence Diagram Pembelian ... 124

Gambar 4.33 Sequence Diagram Info Transaksi Cashier ... 125

Gambar 4.34 Sequence Diagram Info Transaksi Anggota ... 126

Gambar 4.35 Sequence Diagram Pembayaran Cashier ... 127

Gambar 4.36 Sequence Diagram Pembayaran Anggota ... 128

Gambar 4.37 Sequence Diagram Konfirmasi Pembelian Cashier ... 129

Gambar 4.38 Sequence Diagram Konfirmasi Pembelian Anggota ... 130

Gambar 4.39 Sequence DiagramLogout ... 131

Gambar 4.40 Statechart Diagram Registrasi ... 132

Gambar 4.41 Statechart Diagram Login ... 133

Gambar 4.42 Statechart Diagram Manajemen Anggota ... 134

Gambar 4.43 Statechart Diagram Kategori dan Produk ... 135

Gambar 4.44 Statechart Diagram Manajemen Informasi Admin... 136

Gambar 4.45 Statechart Diagram Manajemen Informasi Anggota dan Pengunjung ... 137

Gambar 4.46 Statechart Diagram Berita Admin ... 138

Gambar 4.47 Statechart Diagram Berita Anggota dan Pengujung ... 139

xvi

Gambar 4.49 Statechart Diagram Pesan (inbox)... 141

Gambar 4.50 Statechart Diagram Pesan (Pesan Terkirim) ... 142

Gambar 4.51 Statechart Diagram Pembelian... 143

Gambar 4.52 Statechart Diagram Info Transaksi Cashier ... 144

Gambar 4.53 Statechart Diagram Info Transaksi Anggota ... 145

Gambar 4.54 Statechart Diagram Pembayaran Cashier ... 145

Gambar 4.55 Statechart Diagram Pembayaran Anggota ... 146

Gambar 4.56 Statechart Diagram Konfirmasi Pembelian Cashier ... 147

Gambar 4.57 Statechart Diagram Konfirmasi Pembelian Anggota ... 148

Gambar 4.58 Statechart Diagram Logout ... 149

Gambar 4.59 Form Input Login Anggota ... 150

Gambar 4.60 Form Input Konfirmasi ... 150

Gambar 4.61 Form Input Keranjang Belanja ... 151

Gambar 4.62 Form Outout Detail Transaksi ... 152

Gambar 4.63 Form InputLogin Admin ... 152

xvii

DAFTAR TABEL

Tabel 1.1 Transaksi Pembelian WINZONE PRO. Selasa,13 April 2010 ... 6

Tabel 1.2 Konfirmasi Pembelian WINZONE PRO. Selasa, 13 April 2010 ... 7

Tabel 2.1 Potensi manfaat dari B2BE-commerce (Tregurtha, 2002)... 27

Table 2.2 Penelitian e-commerce ... 30

Table 2.3 Studi pustaka terkait ... 31

Tabel 2.4 Korelasi antara langkah-langkah pemecahan masalah yang umum dengan proses pengembangan sistem (whitten et al. 2004) ... 36

Tabel 3.1 Wawancara ... 56

Tabel 3.2 Contoh Tabel Pengujian Black-box ... 60

Tabel 4.1 Identifikasi actor ... 73

Tabel 4.2 Identifikasi Use case ... 73

Table 4.3 Narasi Use case Registrasi ... 76

Table 4.4 Narasi Use case login ... 76

Table 4.5 Narasi Use case Manajemen Anggota... 77

Table 4.6 Narasi Use case Manajemen Produk dan Kategori ... 78

Table 4.7 Narasi Use case Manajemen Informasi ... 80

Table 4.8 Narasi Use case berita ... 82

Table 4.9 Narasi Use case Pesan ... 84

Table 4.10 Narasi Use case Pembelian ... 85

Table 4.11 Narasi Use case Info Transaksi ... 86

Table 4.12 Narasi Use case Pembayaran ... 88

Table 4.13 Narasi Use case Konfirmasi Pembelian ... 89

Table 4.14 Narasi Use case Logout ... 90

Tabel 4.15 Matriks CRUD Basis Data ... 158

Tabel 4.16 Pelanggan ... 160

Tabel 4.17 Penjualan ... 161

Tabel 4.18 detPenjualan ... 161

Tabel 4.19 Status ... 162

Tabel 4.20 Barang ... 162

xviii

Tabel 4.22 Inbox ... 163

Tabel 4.23 pengirim ... 163

Tabel 4.24 penerima ... 164

Tabel 4.25 statusproduk ... 164

Tabel 4.26 Pembayaran ... 164

Tabel 4.27 user ... 165

Tabel 4.28 idHak ... 166

Tabel 4.29 bank ... 166

Tabel 4.30 berita ... 167

Tabel 4.31 profil ... 167

Tabel 4.32 tata_cara... 167

Tabel 4.33 stock ... 168

Tabel 4.34 Uji Coba Account Pengunjung ... 179

Tabel 4.35 Uji Coba Account Anggota... 180

Tabel 4.36 Uji Coba AccountAdmin ... 182

xix

DAFTAR SIMBOL

SIMBOL USE-CASE MODEL DIAGRAMS

(Whitten et al, 2004)

Simbol Keterangan

Actor

Use case

Association

Extends

Uses (includes)

Depends on

Inheritance

Actor1

«uses»

«inherits» «uses» <<depends on>>

xx

SIMBOL CLASS DIAGRAM

(Whitten et al, 2004)

Simbol Keterangan

Class

1. class name

2. attributes

3. behaviors

Association

Agregation

Generalization

1 *

Class ₁

xxi

SIMBOL SEQUENCE DIAGRAM

(Whitten et al, 2004)

Simbol Keterangan

Object

Obyek Antarmuka

Lifeline

Messages

xxii

SIMBOL STATECHART DIAGRAM

(Whitten et al, 2004)

Simbol Keterangan

State

Transition Paths

Initial State

xxiii

SIMBOL ACTIVITY DIAGRAM

(Whitten et al, 2004)

Simbol Keterangan

Activity

Initiate Activities

Start of the Process

Termination of the

Process

Synchronization Bar