(0600650913) David Sumendap Suntama (0600650926) Rene Bernhard (0600651361) KelasKelompok : 07PAT10 Abstrak - ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASISKAN WEB PADA PT. INDOREKSA DIVISI SMARTCARD SAVVY - Binus e-Thesis

UNIVERSITAS BINA NUSANTARA

  Program Studi Software Engineering Skripsi Sarjana Komputer

  Semester Ganjil tahun 2005/2006

  

ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB

PADA PT INDOREKSA DIVISI SMART CARD SAVVY

Larry Monintja (0600650913) David Sumendap Suntama (0600650926) Rene Bernhard (0600651361) Kelas/Kelompok :

   07PAT/10 Abstrak

  Tujuan penelitian ini adalah membantu memecahkan masalah yang dihadapi oleh perusahaan yaitu dengan merancang sebuah aplikasi website yang bersifat dinamis dengan penjualan online yang juga digunakan untuk penyampaian informasi, dan sebagai sarana untuk meningkatkan pelayanan oleh perusahaan kepada pelanggannya. Metode penelitian yang digunakan adalah analisis sistem berjalan melalui studi lapangan, studi pustaka, menyebarkan kuesioner, dan analisis SWOT. Sedangkan metode perancangannya adalah perancangan struktur menu, perancangan tampilan layar untuk calon pelanggan atau pelanggan, perancangan tampilan layar untuk admin, dan perancangan database. Hasil yang diperoleh dari skripsi adalah suatu sistem penjualan yang berbasis web yang juga dapat digunakan oleh pelanggan untuk melakukan pembelian online. Website ini juga digunakan untuk menyampaikan informasi yang dibutuhkan oleh pelanggan. Diharapkan sistem ini dapat membantu perusahaan dalam menyediakan informasi yang dibutuhkan pelanggan, memberikan pelayanan yang lebih baik, dapat meningkatkan penjualan produk perusahaan, dan sebagai kelanjutannya akan meningkatkan hubungan yang lebih akrab antara perusahaan, pelanggan dan merchant.

  Kata kunci : perancangan sistem penjualan, web.

KATA PENGANTAR

  dan karunia yang telah diberikan, sehingga penulis dapat menyelesaikan skripsi dengan judul “Analisa dan Perancangan Sistem Penjualan Berbasis Web Pada PT Indoreksa Divisi Smart Card Savvy”. Skripsi ini disusun sebagai salah satu syarat untuk meraih gelar Strata-1 pada jurusan Teknik Informatika, Fakultas Ilmu Komputer di Universitas Bina Nusantara.

  Dengan adanya keterbatasan-keterbatasan dari sisi sebagai manusia, secara pribadi penulis menyadari masih banyak kekurangan yang ada dalam Skripsi ini, untuk itu saran dan kritik yang membangun dari pembaca sangat diharapkan penulis.

  Pada kesempatan ini penulis juga mengucapkan terima kasih pada : 1. Prof. Dr. Gerardus Polla, M.App.Sc. selaku rektor Universitas Bina Nusantara.

  2. Bapak Wiedjaja, S.kom selaku dosen pembimbing yang memberikan waktu, bimbingan, dan saran-saran dalam menyelesaikan skripsi ini.

  3. Bapak Irwan Rosali selaku Direktur pada PT Indoreksa Divisi Smart Card Savvy yang telah memberikan kesempatan bagi kami untuk melakukan survey skripsi pada PT Indoreksa Divisi Smart Card Savvy.

  4. Seluruh pegawai PT Indoreksa Divisi Smart Card Savvy yang telah membantu dalam penelitian dan pengumpulan informasi.

  5. Yang tercinta Papa, Mama kami, yang telah memberikan dukungan dan do’a serta semangat dalam menyusun skripsi ini.

  6. Seluruh dosen pengajar Universitas Bina Nusantara yang telah membimbing kami selama ini.

7. Sahabat-sahabat penulis yang telah banyak membantu penulis dalam menyusun dan menyelesaikan skripsi ini.

  semua pihak yang telah membantu baik dalam menyusun skripsi ini maupun selama studi penulis, dan penulis berharap skripsi ini dapat bermanfaat bagi pihak yang membutuhkan.

  Jakarta, 2006 Penulis

DAFTAR ISI

  HALAMAN JUDUL DALAM ii

  HALAMAN PERSETUJUAN HARDCOVER iii HALAMAN PERNYATAAN DEWAN PENGUJI iv ABSTRAK vii PRAKATA viii DAFTAR ISI x

  DAFTAR GAMBAR xvi

  DAFTAR TABEL xxii

  DAFTAR LAMPIRAN xxiv

  BAB 1 PENDAHULUAN

  1

  1.1 Latar Belakang Masalah

  1

  1.2 Ruang Lingkup

  2

  1.3 Tujuan dan Manfaat

  3

  1.4 Metodologi

  4

  1.5 Sistematika Penulisan

  5 BAB 2 LANDASAN TEORI

  7

  2.1 Penjelasan Umum

  7

  2.2 Analisis Dan Perancangan Sistem

  9

  2.2.1 Sistem

  9

  2.2.2 Analisa Sistem

  10

  2.2.3 Perancangan Sistem

  10

  2.3 Sistem Penjualan

  11

  2.5 Internet

  11

  2.5.1 Pengertian Internet

  11

  2.5.2 Sejarah Internet

  11

  2.5.3 Fasilitas Internet

  12

  2.5.3.1 WWW (World Wide Web)

  12

  2.5.3.2 Electronic Mail (E-Mail)

  13

  2.5.3.3 File Transfer Protocol (FTP)

  13

  2.5.3.4 Domain Name System

  13

  2.5.3.5 HTTP (Hyper Text Transfer Protocol)

  14

  2.6 E-Commerce

  14

  2.6.1 Pengertian E-Commerce

  14

  2.6.2 Sejarah E-Commerce

  15

  2.6.3 Jenis E-Commerce

  16

  2.6.4 Keuntungan E-Commerce

  17

  2.6.5 Resiko E-Commerce

  18

  2.7 Database

  20

  2.7.1 Konsep Database

  20

  2.7.2 DBMS

  20

  2.7.3 ERD

  20

  2.8 Interaksi Manusia Dan Komputer (IMK)

  21

  2.8.1 Pengertian

  IMK

  21

  2.8.2 Tujuan Rekayasa Sistem IMK

  22

  2.8.3 Perancangan Interaktif dengan 8 Aturan Emas

  23

  2.10 Analisa Likert

  27

  2.11 Alat Bantu Pemograman Yang Dipakai

  28

  2.11.1 HTML

  28

  2.11.2 JavaScript

  28

  2.11.3 PHP

  29

  2.11.4 MySQL

  30

  2.12 Rekayasa Piranti Lunak

  30

  2.12.1 Waterfall

  31

  2.12.2 Alat-alat Perancangan Sistem

  33

  2.12.2.1 Data Flow Diagram

  33

  2.12.2.2 State Transition Diagram

  36 BAB 3 ANALISIS SISTEM YANG BERJALAN

  38

  3.1 Gambaran Umum Perusahaan

  38

  3.2 Visi dan Misi Perusahaan

  39

  3.3 Struktur Organisasi Perusahaan

  39

  3.3.1 Wewenang dan Tanggung Jawab

  41

  3.4 Analisis Sistem Yang Berjalan

  43

  3.5 Diagram Aliran Data

  44

  3.5.1 Diagram Konteks

  44

  3.5.2 Diagram Nol

  45

  3.6 Analisis SWOT

  47

  3.6.1 Strength

  47

  3.6.3 Opportunity

  48

  3.6.4 Threat

  48

  3.6.5 Gambar Matrik SWOT

  48

  3.6.6 Grafik SWOT

  49

  3.7 Kuesioner

  50

  3.8 Permasalahan Yang Dihadapi

  59

  3.8.1 Identifikasi Permasalahan

  59

  3.8.2 Usulan Pemecahan Masalah

  60

  3.9 Perancangan Sistem

  61

  3.9.1 Sistem Yang Diusulkan

  61

  3.9.2 Diagram Arus Data Yang Diusulkan

  62

  3.9.2.1 Diagram Konteks

  62

  3.9.2.2 Diagram Nol

  63

  3.9.2.3 Diagram Rinci

  66

  3.10 Perancangan Basis Data

  71

  3.10.1 Tabel Database

  71

  3.10.2 Entity Relationship Database (ERD)

  79

  3.11 Struktur Menu Sistem

  80

  3.12 Rancangan STD

  83

  3.12.1 STD Menu User

  83

  3.12.2 STD Menu Admin

  93

  3.13 Rancangan Layar

  97

  3.13.1 Rancangan Layar User

  97

  3.14 Spesifikasi Proses 129

  BAB 4 IMPLEMENTASI DAN EVALUASI 167

  4.1 Rencana Implementasi 167

  4.1.1 Server 167

  4.1.2 Client 168

  4.1.3 Perusahaan 168

  4.1.4 Sumber Daya Manusia 169

  4.2 Cara Penggunaan Dan Tampilan Layar 169

  4.2.1 Cara Penggunaan Dan Tampilan Layar Front End 169

  4.2.2 Cara Penggunaan Dan Tampilan Layar Back End 196

  4.3 Evaluasi 226

  4.3.1 Evaluasi IMK 226

  4.3.2 Evaluasi Kuesioner 229

  4.3.2.1 Kuesioner Perusahaan 229

  4.3.2.2 Kuesioner Pelanggan 233

  4.3.2.3 Analisa Likert 237

  4.4 Jadwal Implementasi 239

  BAB 5 SIMPULAN DAN SARAN 240

  5.1 Simpulan 240

  5.2 Saran 241

  DAFTAR PUSTAKA 242

  LAMPIRAN FOTOCOPY SURAT SURVEI

  DAFTAR GAMBAR

Gambar 2.2 Simbol state

  36 Gambar 2.3 Simbol perubahan state

  37 Gambar 2.4 Kondisi dan aksi

  37 Gambar 3.1 Struktur Organisasi Perusahaan

  40 Gambar 3.2 Diagram Konteks Sistem Yang Berjalan

  44 Gambar 3.3 Diagram Nol Sistem Yang Berjalan

  45 Gambar 3.4 Grafik SWOT

  50 Gambar 3.5 Diagram Konteks Sistem Yang Diusulkan

  62 Gambar 3.6 Diagram Nol Sistem Yang Diusulkan

  63 Gambar 3.7 Diagram Rinci Proses 1.0

  66 Gambar 3.8 Diagram Rinci Proses 2.0

  67 Gambar 3.9 Diagram Rinci Proses 4.0

  68 Gambar 3.10 Diagram Rinci Proses 5.0

  69 Gambar 3.11 Diagram Rinci Proses 6.0

  70 Gambar 3.12 Entity Relationship Database

  79 Gambar 3.13 Struktur Menu Homepage

  80 Gambar 3.14 Struktur Menu Admin

  82 Gambar 3.15 STD Home/index

  84 Gambar 3.16 STD How to Use

  85 Gambar 3.17 STD Merchant

  86 Gambar 3.18 STD News

  87

Gambar 3.19 STD Buy Card

  88 Gambar 3.20 STD Contact Us

  89 Gambar 3.22 STD FAQ

  91 Gambar 3.23 STD Login Customer

  92 Gambar 3.24 STD Login Merchant

  93 Gambar 3.25 STD Admin

  95 Gambar 3.26 STD Merchant Information

  95 Gambar 3.27 STD Customer Information

  96 Gambar 3.28 STD Admin Management

  96 Gambar 3.29 Index/Home

  97 Gambar 3.30 How to Use

  98 Gambar 3.31 Merchant

  99 Gambar 3.32 News 100

Gambar 3.33 Buy Card

  101

Gambar 3.34 Contact Us

  102

Gambar 3.35 Terms and Condition

  103

Gambar 3.36 FAQ

  104

Gambar 3.37 Customer Information Profile 105Gambar 3.38 Customer Information Change Password 106Gambar 3.39 Customer Information Edit Profile 107Gambar 3.40 Customer Information History & Point 108Gambar 3.41 Customer Information Comment 109Gambar 3.42 Merchant Information Buy Service1 110Gambar 3.43 Merchant Information Buy Service2 111Gambar 3.44 Merchant Information Buy Service3 112Gambar 3.46 Merchant Information Comments 114Gambar 3.47 Login Admin

  115

Gambar 3.48 Menu Admin Utama

  116

Gambar 3.49 Menu Customer Information 117Gambar 3.50 Menu Merchant Information 118Gambar 3.51 Menu Admin Management 119Gambar 3.52 Menu Edit Customer

  120

Gambar 3.53 Menu Customer Reply Comments 121Gambar 3.54 Menu Customer Transaction 122Gambar 3.55 Menu Edit Merchant

  123

Gambar 3.56 Menu Merchant Edit News 124Gambar 3.57 Menu Merchant Reply Comments 125Gambar 3.58 Menu Merchant Transaction 126Gambar 3.59 Menu Edit Admin

  127

Gambar 3.60 Menu Edit FAQ

  128

Gambar 3.61 Menu Edit Price

  129

Gambar 4.1 Tampilan Halaman Home

  169

Gambar 4.2 Tampilan Halaman How To Use 170Gambar 4.3 Tampilan Halaman Merchant 171Gambar 4.4 Tampilan Halaman Merchant Details 172Gambar 4.5 Tampilan Halaman News

  173

Gambar 4.6 Tampilan Halaman Buy Card Information 174Gambar 4.7 Tampilan Halaman Buy Card 175Gambar 4.9 Tampilan Halaman Buy Card Confirmation 177Gambar 4.10 Tampilan Halaman Terms & Condition 178Gambar 4.11 Tampilan Halaman Contact Us 179Gambar 4.12 Tampilan Halaman FAQ

  180

Gambar 4.13 Tampilan Halaman Customer Information Yang Berstatus Pending 181Gambar 4.14 Tampilan Halaman Buy Card Payment Confirmation 182Gambar 4.15 Tampilan Halaman Customer Information 183Gambar 4.16 Tampilan Halaman View Customer Profile 184Gambar 4.17 Tampilan Halaman Edit Customer Profile 185Gambar 4.18 Tampilan Halaman Change Customer Password 186Gambar 4.19 Tampilan Halaman Change Customer Password Jika

  Terjadi Kesalahan 187

Gambar 4.20 Tampilan Halaman Customer History & Point 187Gambar 4.21 Tampilan Halaman Customer Comments 188Gambar 4.22 Tampilan Halaman View Customer Comments 189Gambar 4.23 Tampilan Halaman Merchant Information 190Gambar 4.24 Tampilan Halaman Merchant Buy Service 1 191Gambar 4.25 Tampilan Halaman Merchant Buy Service 2 192Gambar 4.26 Tampilan Halaman Merchant Buy Service 3 193Gambar 4.27 Tampilan Halaman Merchant Buy Service Payment Confirmation 194Gambar 4.28 Tampilan Halaman Merchant Add News 194Gambar 4.29 Tampilan Halaman Merchant Comments 195Gambar 4.42 Tampilan Halaman Merchant Transaction 205Gambar 4.51 Tampilan Halaman Customer Transaction 213Gambar 4.50 Tampilan Halaman Customer Edit Reply Comments 212Gambar 4.49 Tampilan Halaman Customer Reply Comments 211Gambar 4.48 Tampilan Halaman Edit Customer 210Gambar 4.47 Tampilan Halaman Add Customer Jika Terjadi Kesalahan 209Gambar 4.46 Tampilan Halaman Add Customer 208Gambar 4.45 Tampilan Halaman Edit Customer 207Gambar 4.44 Tampilan Halaman Merchant Edit Transaction 206Gambar 4.43 Tampilan Halaman View Merchant Transaction 206Gambar 4.41 Tampilan Halman Edit Comments 204Gambar 4.30 Tampilan Halaman Admin 196Gambar 4.40 Tampilan Halaman Reply Comments 204Gambar 4.39 Tampilan Halaman Edit News 203Gambar 4.38 Tampilan Halaman View News 203Gambar 4.37 Tampilan Halaman Edit Outlet 202Gambar 4.36 Tampilan Halaman Add Outlet 202Gambar 4.35 Tampilan Halaman Edit Merchant 201Gambar 4.34 Tampilan Halaman Add Merchant 200Gambar 4.33 Tampilan Halaman View Merchant 199Gambar 4.32 Tampilan Halaman Admin Merchant Information 198Gambar 4.52 Tampilan Halaman Customer Edit Transaction 214Gambar 4.53 Tampilan Halaman Admin Management 215Gambar 4.54 Tampilan Halaman Edit Admin untuk Super Admin 215Gambar 4.56 Tampilan Halaman Add Admin untuk Super Admin 217Gambar 4.57 Tampilan Halaman Edit Admin 217Gambar 4.58 Tampilan Halaman Change Password 218Gambar 4.59 Tampilan Halaman View FAQ 218Gambar 4.60 Tampilan Halaman Add FAQ 219Gambar 4.61 Tampilan Halaman Edit FAQ 219Gambar 4.62 Tampilan Halaman View Card Price 220Gambar 4.63 Tampilan Halaman Add Card Price 220Gambar 4.64 Tampilan Halaman Edit Card Price 221Gambar 4.65 Tampilan Halaman Print Record 221Gambar 4.66 Tampilan Halaman Customer Report 222Gambar 4.67 Tampilan Halaman Merchant Report 222Gambar 4.68 Tampilan Halaman Transaction Report 222Gambar 4.69 Tampilan Konfirmasi Setelah User Logout 223Gambar 4.70 Tampilan Email Konfirmasi Pembayaran Dari Pelanggan 223Gambar 4.71 Tampilan Email Konfirmasi Pembayaran Dari Merchant 224Gambar 4.72 Tampilan Email Comments Untuk Admin 224Gambar 4.73 Tampilan Email Pembayaran Buy Card Berhasil 225Gambar 4.74 Tampilan Email Pembayaran Buy Service Berhasil 225Gambar 4.75 Tampilan Update History & Point 226

  DAFTAR TABEL

  54 Tabel 3.9 Persentase penyebab tampilan menarik

  74 Tabel 3.17 Tabel Merchant

  73 Tabel 3.16 Tabel Comments

  73 Tabel 3.15 Tabel CardPrice

  72 Tabel 3.14 Tabel Transaction

  71 Tabel 3.13 Tabel CardInformation

  56 Tabel 3.12 Tabel Customer

  56 Tabel 3.11 Persentase penyebab kesulitan pelanggan dalam mendapatkan pelayanan dari Savvy

  55 Tabel 3.10 Persentase pelanggan yang mengalami kesulitan dalam mendapatkan pelayanan dari Savvy

  53 Tabel 3.8 Persentase penyebab tampilan biasa saja

Tabel 2.2 Matrik SWOT

  53 Tabel 3.7 Persentase penyebab tampilan kurang menarik

  52 Tabel 3.6 Persentase tampilan website Savvy saat ini

  52 Tabel 3.5 Persentase pengaksesan website Savvy

  52 Tabel 3.4 Persentase seberapa sering pelanggan menggunakan internet

  51 Tabel 3.3 Persentase sejauh mana pelanggan mengenal internet

  49 Tabel 3.2 Persentase pelanggan yang mengenal internet

  27 Tabel 3.1 Matrik SWOT pada PT. Indoreksa divisi Smart Card Savvy

  26 Tabel 2.3 Indikator pengukuran variabel

  75

Tabel 3.18 Tabel Outlet

  76 Tabel 3.19 Tabel Promotion

  77 Tabel 3.21 Tabel News

  77 Tabel 3.22 Tabel Admin

  78 Tabel 3.23 Tabel Faq

  78 Tabel 4.1 Tampilan User Interface 229

Tabel 4.2 Navigasi Menu Yang Terdapat Dalam Website 229Tabel 4.3 Fasilitas-fasilitas Yang Ada Dalam Website 230Tabel 4.4 Bagian Front End Untuk User Dalam Website 230Tabel 4.5 Bagian Back End Untuk Admin Dalam Website 231Tabel 4.6 Kemudahan Admin Dalam Mengupdate Data 231Tabel 4.7 Manfaat Dan Nilai Lebih Sistem 232Tabel 4.8 Informasi Yang Ada Dalam Website 233Tabel 4.9 Tampilan User Interface Dari Website 233Tabel 4.10 Navigasi Menu Yang Terdapat Dalam Website 234Tabel 4.11 Kemudahan Fasilitas Belanja Online 234Tabel 4.12 Kemudahan Pelanggan Dalam Membeli Kartu 235Tabel 4.13 Kemudahan Dalam Menggunakan Fasilitas Login 235Tabel 4.14 Fasilitas Comments Dan History Transaksi 236Tabel 4.15 Pelayanan Yang Diterapkan Dalam Website 236Tabel 4.16 Analisa Likert Untuk Perusahaan 237Tabel 4.17 Analisa Likert Untuk Pelanggan 238Tabel 4.18 Tabel Jadwal Implementasi

  239