PERANCANGAN SISTEM INFORMASI PENJUALAN E-COMMERCE BERBABIS WEB
PADA TOKO MM
SKRIPSI
Oleh: NICKY
161300112
PROGRAM STUDI SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN
KOMPUTER GICI BATAM
2017
i
PERANCANGAN SISTEM INFORMASI PENJUALAN E-COMMERCE BERBABIS WEB PADA
TOKO MM
SKRIPSI
Diajukan untuk memenuhi salah satu syrat Memperoleh gelar sarjana
Oleh: Nicky
NIM: 161300112
PROGRAM STUDI SISTEM INFORMASI
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER GICI
BATAM 2017
ii
HALAMAN PERSETUJUAN
Judul Skripsi : Perancangan Sistem Informasi Penjualan E-Commerce
Berbasis Web pada Toko MM
Nama Mahasiswa : Nicky
NIM : 161300112
Program Studi : Sistem Informasi
Institusi : Sekolah Tinggi Manajemen Informatika dan Komputer GICI
Batam
Telah Memenuhi Persyaratan Untuk Diuji Di Depan Dewan Penguji
Pada Sidang Skripsi
Batam, 22 Agustus 2017
Pembimbing Ka. Prodi Sistem Informasi
Riki, S.T., M.M Sandy Suwandana, S.Kom., M.Kom NIDN: 1020058901 NIDN: 1006099201
iii
HALAMAN PENGESAHAN
Judul Skripsi : Perancangan Sistem Informasi Penjualan E-Commerce
Berbasis Web pada Toko MM
Nama Mahasiswa : Nicky
NIM : 161300112
Program Studi : Sistem Informasi
Institusi : Sekolah Tinggi Manajemen Informatika dan Komputer GICI
Batam
Telah Dipertahankan Di Depan Dewan Penguji Sidang
Pada Tanggal 22 Agustus 2017
Dinyatakan Lulus dan Memenuhi Syarat
Batam, Agustus 2017
Penguji I Penguji II
Dedi Rahman Habibie, M.Kom Mifta Rizka, S.Pd., M.Pd.E NIDN: 1018028903 NIDN: 1029038902
Di Ketahui Oleh:
Ketua Program Studi Sistem Informasi
STMIK GICI Batam
Sandy Suwandana, S.Kom., M.Kom NIDN: 1006099201
iv
HALAMAN PERNYATAAN
Nama Mahasiswa : Nicky
NIM : 161300112
Judul Skripsi : Perancangan Sistem Informasi Penjualan E-Commerce
Berbasis Web pada Toko MM
Dengan ini menyatakan bahwa:
1. Skripsi ini adalah asli dan belum pernah diajukan untuk mendapatkan gelar
akademik sarjana, baik di Sekolah Tinggi Manajemen Informatika dan Komputer
Gici Batam maupun di Perguruan Tinggi lain kecuali secara tertulis dengan jelas
dicantumkan sebagai acuan dalam naskah dengan disebutkan nama pengarang dan
dicantumkan dalam daftar pustaka;
2. Skripsi ini adalah murni gagasan, rumusan, dan penelitian saya sendiri, tanpa
bantuan pihak lain, kecuali arahan Pembimbing;
3. Pernyataan ini saya buat dengan sesungguhnya dan apabila di kemudian hari
terdapat penyimpangan dan ketidakbenaran dalam pernyataan ini, maka saya
bersedia menerima sanksi akademik berupa pencabutan gelar yang telah
diperoleh, serta sanksi lainnya sesuai dengan norma dan ketentuan yang berlaku.
Batam, 22 Agustus 2017
Yang membuat pernyataan,
Nicky NIM : 161300112
v
KATA PENGANTAR
Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa, karena berkat
rahmat-Nya penulis dapat menyelesaikan skirpsi yang berjudul Perancangan Sistem
Informasi penjualan E-Commerce Berbasis Web pada Toko MM sesuai dengan yang
direncanakan.
Penulis menyadari sepenuhnya bahwa tanpa adanya bantuan dari berbagai
pihak, penulis akan banyak menemui kesulitan dalam penyusunan Skripsi ini. Untuk
itu penulis mengucapkan terima kasih kepada:
1. Kedua orang tua saya yang telah menyemangati saya dalam proses pembuatan
skirpsi ini.
2. Bapak Riki, S.T., M.M, selaku pembimbing yang telah mengarahkan dan
membimbing penulis selama mengerjakan skripsi ini.
3. Junita, yang telah menjadi penyemangat saya dalam penyusunan skripsi ini.
4. Bapak Kiatwansyah, selaku ketua Pembina Yayasan Permata Harapan Bangsa
Batam.
5. Bapak Bali Dalo, S.H selaku Ketua Yayasan Permata Harapan Bangsa.
6. Bapak Zainul Munir, S,T. M.eTC selaku Ketua Sekolah Tinggi Manajemen
Informatika dan Komputer GICI.
Penulis menyadari bahwa skirpsi ini masi jauh dari sempurna. Oleh sebab itu,
dengan segala kerendahan hati, kritik dan saran yang bersifat membangun dari
pembaca, penulis sangat mengharapkan kritik dan sarannya demi kesempurnaan
Skripsi ini.
Batam, 22 Agustus 2017
Nicky
vi
ABSTRAK
PERANCANGAN SISTEM INFORMASI PENJUALAN E-COMMERCE BERBASIS WEB PADA TOKO MM
NICKY
161300112
Dosen Pembimbing: Riki, S.T., M.M
Penelitian ini dilatarbelakangi oleh semakin banyak perusahaan dagang dan jasa yang mulai menggunakan sistem E-Commerce sebagai media penjualan online. Penggunaan E-Commerce, informasi perusahaan bisa lebih cepat tersampaikan kepelangaan dan jangkauan pemasaran yang lebih luas, sehingga diharapkan bisa meningkatkan penjualan. Penelitian ini menggunakan aplikasi CMS PrestaShop sebagai media pembuatan website E-Commerce karena memiliki fitur lengkap dan banyak modul yang tersedia secara gratis. Disini akan dirancang sebuah media promosi dan penjualan online berbasis website, perancangan dan pembuatan ini dimaksudkan untuk memudahkan pengolaan, penjualan dan promosi juga mempermudahkan pembeli. Agar konsumen lebih mudah memilih model-model fashion, tanpa konsumen harus datang ke toko. Mempromosikan suatu produk harus disertai, dengan konsep yang mudah dan menarik agar diminati oleh konsumen dan masyarakat. Dalam proses pembangunan website E-Commerce ini menggunakan teknik pembangunan secara life cycle atau bisa disebut dengan waterfall. Metode aliran data yang digunakan adalah metode tersetruktur yang terdiri dari Data Flow Diagram (DFD) dalam menggambarkan model fungsional dan Entity Relationship Diagram (ERD) untuk menggambarkan model data. Tujuan yang ingin dicapai dari pembangunan sistem E-Commerce ini adalah mempermudah pembeli untuk melakukan transaksi dimanapun pembeli berada tanpa harus datang ke Toko MM. Kata kunci: E-Commerce; Prestashop; Penjualan Fashion; Toko Online
vii
ABSTRACT
PERANCANGAN SISTEM INFORMASI PENJUALAN E-COMMERCE BERBASIS WEB PADA TOKO MM
NICKY
161300112
Menthor: Riki, S.T., M.M
This research is motivated by more and more trading companies and services that start using E-Commerce system as an online sales medium. The use of E-Commerce, corporate information can be more quickly conveyed kesiamaan and broader marketing reach, so it is expected to increase sales. This research uses PrestaShop CMS application as media of E-Commerce website creation because it has complete feature and many modules are available for free. Here will be designed an online promotion media and website-based sales, design and manufacture is intended to facilitate the management, sales and promotion also facilitate the buyer. In order for consumers more easily choose fashion models, without consumers have to come to the store. Promoting a product must be accompanied, with a concept that is easy and interesting to be in demand by consumers and society. In the process of building E-Commerce website is using life cycle development techniques or can be called the waterfall. Data flow method used is structured method consisting of Data Flow Diagram (DFD) in describing functional model and Entity Relationship Diagram (ERD) to describe data model. The goal to be achieved from the development of this E-Commerce system is easier for buyers to make transactions wherever the buyer is without having to come to the MM Store. Keywords: E-Commerce; Prestashop; Fashion Store; Online Store
viii
DAFTAR ISI
Judul Halaman
HALAMAN JUDUL ................................................................................................... i
HALAMAN PERSETUJUAN .................................................................................... ii
HALAMAN PENGESAHAN ..................................................................................... iii
HALAMAN PERNYATAAN .................................................................................... iv
KATA PENGANTAR ................................................................................................. v
ABSTRAK .................................................................................................................... vi
ABSTRACT ................................................................................................................... vii
DAFTAR ISI ................................................................................................................. viii
DAFTAR TABEL ......................................................................................................... xii
DAFTAR GAMBAR .................................................................................................... xiii
BAB I PENDAHULUAN ............................................................................................. 1
1.1 Latar Bealakang ....................................................................................................... 1
1.2 Batasan Masalah ....................................................................................................... 3
1.3 Rumusan Masalah .................................................................................................... 3
1.4 Tujuan Penelitian ..................................................................................................... 4
1.5 Manfaat Penelitian .................................................................................................. 4
1.6 Sistematika Penulisan ............................................................................................... 5
BAB II LANDASAN TEORI ...................................................................................... 6
2.1 Teori Pendukung ...................................................................................................... 6
2.1.1 Konsep Dasar Sistem ...................................................................................... 6
2.1.1.1 Karetistik Sistem .................................................................................... 6
2.1.2 Konsep Dasar Informasi .................................................................................. 8
2.1.2.1 Kualitas Informasi .................................................................................. 8
2.1.3 Konsep Dasar Sistem Informasi ...................................................................... 9
2.1.3.1 Komponen Sistem Informasi .................................................................. 9
ix
2.1.4 Analisa dan Perancangan Sistem ................................................................... 11
2.1.5 Penjualan ........................................................................................................ 12
2.1.6 E-commerce .................................................................................................... 12
2.1.6.1 Klasifikasi E-Commerce ........................................................................ 13
2.1.6.2 Manfaat E-Commerce ............................................................................ 14
2.1.6.3 Kelemahan E-Commerce ....................................................................... 15
2.1.7 CMS ................................................................................................................ 15
2.1.8 Arsitektur Jaringan .......................................................................................... 16
2.1.9 Web .................................................................................................................. 16
2.1.10 Hypertext Preprocessor (PHP) ..................................................................... 17
2.1.11 MySql Database ............................................................................................ 17
2.1.12 Flowchart ...................................................................................................... 18
2.1.13 Data Flow Diagram ..................................................................................... 20
2.1.14 Pengujian Black Box testing ......................................................................... 23
2.2 Penelitian Terdahulu ................................................................................................ 23
BAB III METODOLOGI PENELITIAN ................................................................. 26
3.1 Kerangka Kerja ........................................................................................................ 26
3.2 Gambaran Umum Perusahaan .................................................................................. 28
3.2.1 Tujuan Umum Perusahaan .............................................................................. 28
3.2.2 Struktur Organisasi .......................................................................................... 30
BAB 1V ANALISIS DAN IMPLEMENTASI ........................................................... 31
4.1 Analisis Sistem Berjalan .......................................................................................... 31
4.1.1 Evaluasi Sistem yang Berjalan ....................................................................... 34
4.2 Analisis Sistem yang Diusulkan ............................................................................... 35
4.2.1 Perancangan DFD ........................................................................................... 37
4.2.2 Perancangan interface ..................................................................................... 40
4.2.2.1 Perancangan Masukan ........................................................................... 40
4.2.2.1.1 Rancangan Halaman Login ........................................................... 40
x
4.2.2.1.2 Rancangan Halaman Utama Admin ............................................... 41
4.2.2.1.3 Rancangan Halaman Orders .......................................................... 43
4.2.2.1.4 Rancangan Halaman Categories .................................................... 44
4.2.2.1.5 Rancangan Halaman Products ....................................................... 45
4.2.2.1.6 Rancangan Halaman Customers .................................................... 46
4.2.2.2 Perancangan Keluaran ............................................................................ 47
4.2.2.2.1 Perancangan Halaman Utama Website MM ................................. 47
4.2.2.2.2 Perancangan Halaman How to Order ........................................... 49
4.2.2.2.3 Perancangan Halaman Terms and Condition ................................ 50
4.2.2.2.4 Perancangan Halaman About Us .................................................... 51
4.2.2.2.5 Perancangan Halaman Hubungi Kami ........................................... 52
4.2.2.2.6 Perancangan Halaman Produk Baru ............................................... 53
4.2.2.2.7 Perancangan Halaman Terlaris ...................................................... 54
4.2.2.2.8 Perancangan Halaman Registrasi Pelanggan ................................. 55
4.2.2.2.9 Perancangan Halaman Login Pelanggan ........................................ 56
4.2.2.2.10 Perancangan Halaman Semua Produk.......................................... 57
4.3 Implementasi ............................................................................................................ 58
4.3.1 Form Login Admin .......................................................................................... 58
4.3.2 Form Menu Utama Admin ............................................................................... 59
4.3.3 Form Input Product ......................................................................................... 60
4.3.4 Form Input Category ....................................................................................... 61
4.3.5 Form Data Penjualan ....................................................................................... 61
4.3.6 Form Menu Utama User ................................................................................. 62
4.3.7 Tampilan Halaman Login Pelanggan .............................................................. 64
4.3.8 Tampilan Halaman Registrasi Pelanggan ....................................................... 64
4.3.9 Tampilan Halaman Product User ................................................................... 65
4.3.10 Tampilan Halaman Add to Cart .................................................................... 65
4.3.11 Tampilan Halaman Shopping Cart ................................................................ 66
xi
4.3.12 Tampilan Halaman Alamat ........................................................................... 66
4.3.13 Tampilan Halaman Pengiriman ..................................................................... 67
4.3.14 Tampilan Halaman Pembayaran .................................................................. 67
4.3.15 Tampilan Halaman Konfirmasi Pemesanan .................................................. 68
4.3.16 Tampilan Halaman Invoice ........................................................................... 68
4.3.17 Tampilan Halaman Riwayat Pembelian ........................................................ 69
4.4 Pengujian Testing ..................................................................................................... 70
BAB V PENUTUP ........................................................................................................ 72
5.1 Kesimpulan .............................................................................................................. 72
5.2 Saran ......................................................................................................................... 73
DAFTAR PUSTAKA ................................................................................................... 74
LAMPIRAN
xii
DAFTAR TABEL
Judul Halaman
Tabel 2.1 Simbol-simbol Flowchart ................................................................................... 19
Tabel 2.2 Simbol DFD ........................................................................................................ 21
Tabel 4.1 Pengujian Black Box Testing ............................................................................... 70
xiii
DAFTAR GAMBAR
Judul Halaman
Gambar 3.1 Kerangka Kerja ............................................................................................... 26
Gambar 3.1 Struktur Organisasi Toko MM ....................................................................... 29
Gambar 4.1 Aliran Sistem Informasi Berjalan ................................................................... 33
Gambar 4.2 Aliran Sistem Informasi Baru ......................................................................... 36
Gambar 4.3 Diagram Konteks ............................................................................................ 37
Gambar 4.4 DFD Level 0 ................................................................................................... 39
Gambar 4.5 Rancangan Halaman Login ............................................................................ 41
Gambar 4.6 Rancangan Halaman Utama Admin ................................................................ 42
Gambar 4.7 Rancangan Halaman Orders .......................................................................... 43
Gambar 4.8 Rancangan Halaman Categories .................................................................... 44
Gambar 4.9 Rancangan Halaman Products ....................................................................... 45
Gambar 4.10 Rancangan Halaman Customers ................................................................... 46
Gambar 4.11 Rancangan Halaman Utama Website MM ................................................... 48
Gambar 4.12 Rancangan Halaman How to Order .............................................................. 49
Gambar 4.13 Rancangan Halaman Terms and Condition .................................................. 50
Gambar 4.14 Rancangan Halaman Tentang Kami ............................................................. 51
Gambar 4.15 Rancangan Halaman Hubungi Kami ............................................................ 52
Gambar 4.16 Rancangan Halaman Kategori Baru ............................................................. 53
Gambar 4.17 Rancangan Halaman Terlaris ....................................................................... 54
Gambar 4.18 Rancangan Halaman Registrasi Pelanggan .................................................. 55
Gambar 4.19 Rancangan Halaman Login Pelanggan ......................................................... 56
Gambar 4.20 Rancangan Halaman Semua Produk ............................................................ 57
Gambar 4.21 Tampilan Form Menu Login Admin ............................................................. 59
Gambar 4.22 Tampilan Form Menu Utama Admin ............................................................ 60
Gambar 4.23 Tampilan Form Input Product ..................................................................... 60
Gambar 4.24 Tampilan Form Category ............................................................................. 61
xiv
Gambar 4.25 Tampilan Form Data Penjualan ................................................................... 62
Gambar 4.26 Tampilan Form Menu Utama User .............................................................. 63
Gambar 4.27 Tampilan Halaman Login Pelanggan ........................................................... 64
Gambar 4.28 Tampilan Halaman Registrasi Pelanggan ...................................................... 64
Gambar 4.29 Tampilan Halaman Product User .................................................................. 65
Gambar 4.30 Tampilan Halaman Add to Cart ................................................................... 65
Gambar 4.31 Tampilan Halaman Shopping Cart ............................................................... 66
Gambar 4.32 Tampilan Halaman Alamat .......................................................................... 66
Gambar 4.33 Tampilan Halaman Pengiriman .................................................................... 67
Gambar 4.34 Tampilan Halaman Pembayaran .................................................................. 67
Gambar 4.35 Tampilan Halaman Konfirmasi Pemesanan ................................................. 68
Gambar 4.36 Tampilan Halaman Invoice ........................................................................... 69
Gambar 4.37 Tampilan Halaman Riwayat Pembelian ........................................................ 70
1
BAB I PENDAHULUAN
1.1 Latar Belakang
Dalam era perkembangan teknologi telekomunikasi dan komputer saat ini,
internet merupakan media informasi yang dapat diakses secara lintas negara karena
sifat internet tidak mengenal batasan geografis. Untuk mengatasi permasalahan
tersebut diatas yaitu dengan mengembangkan suatu sistem perdagangan yang
menggunakan teknologi internet, yang disebut dengan electronic commerce (e-
commerce).
Kota Batam yang memiliki letak geografis yang berdekatan dengan Negara
tetangga seperti Singapura dan Malaysia menjadi surga belanja bagi para wisatawan
dari kota lain baik yang berkunjung seara kunjungan kerja maupun tujuan wisata
lainnya. Banyak toko-toko tempat belanja barang-barang yang potensial, sehingga
terdapat banyak toko-toko kecil yang menjual produk yang mirip denngan toko yang
lainnya, akan tetapi toko-toko tersebut masih terbatas dalam pemasaran produknya.
Dengan dasar seperti itu maka perlu adanta suatu sistem informasi toko online untuk
menjual produk secara online.
E-commerce sebagai salah satu bentuk aktifitas transaksi perdagangan melalui
sarana internet. Dengan memanfaatkan e-commerce, para penjual dapat menawarkan
produknya secara online sehingga memberikan kemudahan berbelanja, bertransaksi,
dan pengiriman secara efektiff dan efisien. Menggunakan website e-commerce
sebagai salah satu media penjualan akan memperluas daera pemasaran produk dan
2
memeudahkann pembeli untuk memilih dan memesan produk tersebut sehingga dapat
meningkatkan omset penjuala toko tersebut.
Toko MM merupakan salah satu usaha toko fashion di kota Batam yang
berlokasi di Mall BCS (Batam City Square). Toko ini menjual produk fashion mulai
dari pakaian wanita yang menyediakan produk-produk yang diimpor secara langsung
dari Singapura, Malaysia, Thailand maupun Tiongkok.
Sistem penjualan yang selama ini digunakan oleh toko MM adalah dengan
cara kerjasama dengan langganan dan mencari customer baru untuk menawarkan dan
memasarkan produk sistem penjualan dengan cara ini membutuhkan waktu yang
lebih lama dalam proses penjualan produk tersebut, selain itu pelanggan mengalami
kesulitan untuk memperoleh informasi mengenai produk baru. Maka sistem ini dinilai
kurang efektif dan efisien. Untuk memberikan solusi atas masalah tersebut, penulis
memcoba memberikan solusi dengan membangun aplikasi web e-commerce yang
dapat diperbaharui dan berguna bagi pembeli untuk mengetahui penjualan produk
yang dijual di toko MM.
Prestashop adalah salah satu CMS e-commerce yang cukup populer dan
paling banyak digunakan di Indonesia. Buktinya, di forum prestashop telah
disediakan ruangan khusus untuk mereka yang ingin berdiskusi menggunakan bahasa
Indonesia. Prestashop didirikan di Paris, Perancis. Lebih dari 40 bahasa tersedia
untuk berbagai tingkat, dengan hanya Bahasa Inggris dan Bahasa Perancis memiliki
dukungan penuh dalam semua versi rilisnya. Disamping dukungan resmi fitur
prestashop pun cukup lengkap, mudah dipahami, gampang, sederhana, siap pakai,
bisa di-instal dengan mudah dalam web hosting, dan tentu saja gratis.
3
Hal inilah yang mendorong penulis untuk melakukan penelitian ilmiah yang
berjudul “Perancangan Sistem Informasi Penjualan E-Commerce Berbasis Web
pada Toko MM”.
1.2 Batasan Masalah
Karena keterbatasan waktu dan kemampuan penulis, penulis membatasi
masalah yang akan dibahas sebagai berikut:
1. Hanya membahas sistem informasi penjualan secara online pada Toko MM.
2. Infromasi yang disediakan hanya berupa informasi pemesanan produk,
pembayaran, laporan penjualan dan laporan tentang produk.
3. Aplikasi web e-commerce Toko MM hanya menggunakan CMS prestashop.
1.3 Rumusan Masalah
Berdasarkan latar belakang yang telah diuraikan diatas, maka permasalahan
yang akan dibahas adalah:
1. Bagaimana menganalisa sistem informasi penjualan yang dibutuhkan pada toko
MM?
2. Bagaimana merancang sistem informasi penjualan berbasis e-commerce pada
toko MM?
3. Bagaimana implementasi sistem informasi penjualan berbasis e-commerce pada
toko MM?
4
1.4 Tujuan Penelitian
Tujuan dari penelitian ini adalah:
1. Untuk menganalisa sistem informasi penjualan yang dibutuhkan pada Toko MM.
2. Untuk merancang sistem informasi penjualan berbasis e-commerce pada toko
MM.
3. Untuk mengimplementasikan sistem informasi penjualan berbasis e-commerce
pada toko MM.
1.5 Manfaat Penelitian
Manfaat adalah hal-hal yang terjadi apabila tercapainya tujuan serta
bermanfaat bagi pihak lain yang dapat diperoleh dari penelitian ini:
1. Bagi Penulis
Menambah pengetahuan/pemahaman mengenai sistem informasi dan
memberikan hasil penelitian tentang pengaruh sistem informasi penjualan pada
sebuah perusahaan.
2. Bagi pelanggan
Mempermudah pelanggan dalam memperoleh informasi yang relavan dan
melakukan transaksi.
3. Bagi perusahaan
Penelitian ini diharapkan dapat memberikan informasi tentang besarnya
pengaruh sistem informasi penjualan bagi perusahaan dalam meningkatkan
penjualan dan pemasaran produk.
5
1.6 Sistematika Penulisan
Sistematika penulisan dalam penelitian ini dilakukan berdasarkan urutan
sebagai berikut:
BAB I PENDAHULUAN
Bab ini membahas mengenai latar belakang masalah, rumusan
masalah, batasan masalah, tujuan penelitian, manfaat penelitian dan
sistematika penulisan.
BAB II LANDASAN TEORI
Bab ini membahas secara singkat teori-teori yang diperlukan dalam
menunjang penulisan skripsi ini.
BAB III METODOLOGI PENELITIAN
Bab ini membahas mengenai kerangka kerja serta gambaran umum
perusahaan.
BAB IV ANALISA DAN IMPLEMENTASI
Bab ini membahas mengenai analisa sistem berjalan, serta
perancangan antarmuka dan implementasi sistem baru yang telah
dibuat, kesesuaian tampilan dan isi dari sistem.
BAB V KESIMPULAN DAN SARAN
Bab ini kesimpulan serta saran dari apa yang telah diterangkan dan
diuraikan pada bab-bab sebelumnya.
6
BAB II LANDASAN TEORI
2.1 Teori Pendukung
2.1.1 Konsep Dasar Sistem
Terdapat dua kelompok didalam mendefinisikan sistem, yaitu yang
menekankan pada prosedurnya dan yang menekankan pada komponen atau
elemennya. Pendekatan sistem yang menekankan pada prosedur, mendefinisikan
bahwa sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling
berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk
menyelesaikan suatu sasaran tertentu. Pendekatan sistem yang menekankan pada
elemen atau komponennya mendefinisikan bahwa sistem adalah kumpulan dari
elemen-elemen yang berinteraksi untuk mencapai tujuan tertentu (Mustakini, 2006 :
1-2).
Jadi sistem secara umum adalah sekumpulan elemen atau serangkaian
komponen yang saling berhubungan yang berusaha untuk mencapai tujuan yang sama
atau menyelesaikan suatu sasaran tertentu.
2.1.1.1 Karateristik Sistem
Suatu sistem mempunyai karateristik atau sifat-sifat yang tertentu (Nasution,
2014 :10-12) yaitu sebagai berikut:
1. Komponen (component)
7
Suatu sistem terdiri dari sejumlah komponen yang saling berintraksi dan saling
berkerjasama membentuk suatu kesatuan.
2. Batas sistem (boundary)
Merupakan daerah yang membatasi antara suatu sistem dengan sistem lainnya
atau dengan lingkungan luar.
3. Lingkungan luar sistem (Enviroments)
Adalah segalah sesuatu yang berada diluar batas sistem yang mempegaruhi
operasi sistem baik itu yag bersifat merugikan maupun menguntungkan.
4. Penghubung (Interface)
Merupakan media penghubung antar subsistem yang memungkinkan sumber-
sumber daya mengalir dari satu subsitem ke subsitem lainnya.
5. Masukan (Input)
Adalah energy yang dimasukan kedalam sistem, yang dapat berupa masukan
perawatan (Maintanace Input) dan masukan Signyal (Signal Input).
6. Keluaran (Output)
Adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang
berguna dari sisa pembuangan.
7. Pengolah Sistem (Process)
Suatu sistem dapat mempunyai suatu bagian pengolah yang akan mengubah
masukan menjadi keluaran.
8. Sasaran (Objective) atau Tujuan (Goal)
Suatu sistem yang mempunyai tujuan yang jelas, maka semua operasi sistem
tidak ada gunanya.
8
2.1.2 Konsep Dasar Informasi
Informasi sangat penting dalam suatu organisasi terutama bagi manajemen
dalam mengambil keputusan. “Informasi adalah data yang dioeh menjadi bentuk yang
lebih berguna dan lebih berarti bagi yang menerimanya” (Mustakini, 2006 : 8).
Sumber dari informasi adalah data. Data merupakan bentuuk yang masih mentah
yang belum menjelaskan secara rincci, sehingga data perlu dioleh lebih lanjut untuk
menghasilkan suatu informasi.
2.1.2.1 Kualitas Informasi
Kuatlitas dari suatu informs sangat dipengaruhi atau ditentukan dari tiga hal
(pertiwi, 2007 : 10-11) yaitu:
1. Relavan (Relevancy)
Relavan berate informasi tersebut memberikan manfaat untuk pemakainya.
Relavansi informasi untuk tiap-tiap orang satu dengan lainnya berbeda.
2. Akurat (Accuracy)
Infromasi harus bebas dari kesalahan-kesalahan atau tidak menyesatkan, dan
harus jelas mencerminkan maksudnya. Infromasi harus akurat karena dari
sumber informasi (data) sampai ke penerima infromasi kemungkinan banyak
terjadi gangguan yang dapat merubah atau merusak informasi tersebut.
Komponen akurat yaitu lengkap (Completeness), benar (correctness) dan aman
(Security).
3. Tepat waktu (Timeliness)
9
Informasi yang datang kepada penerimanya tidak boleh terlambat (using).
Informasi yang sudah using tidak akan mempunyai nilai lagi, karena informasi
merupakan landasan didalam pengambilan keputusan. Bila pemgambilan
keputusan terlambat maka berakibat fatal bagi organisasi.
2.1.3 Konsep Dasar Sistem Informasi
Informasi dapat diperoleh dari suatu sistem informasi (information system)
atau disebut juga dengan processing system atau information generating system.
Pengertian dari sistem informmasi (Nasution, 2014 : 9-14) antara lain yaitu:
1. Kumpulan elemen yang saling berhubungan satu sama lain yang membentuk satu
kesatuan untuk mengintegrasikan data, memproses dan menyimpan serta
mendistribusikan informasi.
2. Kesatuan elemen yang saling berinteraksi secara sistematis dan teratur untuk
menciptakan dan membentuk aliran informasi yang akan mendukung pembuatan
keputusan dan melakukan control terhadap jalannya suatu perusahaann.
3. Suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan
pengolahan transaksi harian mendukung serta menyediakan laporan yang
diperlukan oleh pihak tertentu.
2.1.3.1 Komponen Sistem Informasi
Sistem informasi terdiri dari komponen-komponen yang masing-masing
saling berinteraksi satu sama lainnya membentuk satu kesatuan untuk mencapai
sasaran. Komponen-komponen sistem informasi (Hutahaean, 2015 :13-14) yaitu:
10
1. Block Masukan (Input Block)
Input mewakili data yang masuk kedalam sistem informasi, input disini termaksud
metode-metode dan media untuk menangkap data yang akan dimasukan, yang
dapat berupa dokumen-dokumen dasar.
2. Block Model (Model Block)
Model ini terdiri dari kombinasi prosendir, logika dan model matematik yang akan
memanipulasi dan data yang tersimpan di baris data dengan cara yang sudah
ditentukan untuk menghasilkan keluaran yang diinginkan.
3. Block Keluaran (Output Block)
Produk dari sistem informasi adalah keluaran yang merupakan informasi yang
berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen
serta semua pemakaian sistem.
4. Block Teknologi (Tecnology Block)
Teknologi merupakan Toolbox dalam sistem informasi. Teknologi digunakan
untuk menerima input, menjalankan model, menyimpan dan mengakses data,
menghasilkan dan mengirimkan keluaran dan membantu pengandalian dari sistem
secara keseluruhan. Teknologi terdiri dari 3 bagian utama yaitu teknisi
(Brainware), perangkat lunak, (Software) dan perangkat keras (Hardware).
5. Block Basis Data (Database Block)
Basis data (database) merupakan kumpulan dari data yang saling berhubungan
satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan
perangkat lunak untuk memanipulasinya. Data perlu disimpan didalam basis data
untuk keperluan penyedian informasi lebih lanjut.
11
6. Block Kendali (Control Block)
Banyak hal yang dapat merusak sistem informasi, seperti misalnya bencana alam,
api, temperature, air , debu dan kecurangan-kecurangan, kegagalan-kegagalan
sistem itu sendiri, kesalahan-kesalahan, ketidak efisienan, sabotase dan
sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk
meyakinkan bahwa hal-hal yang dapat merusak sistem dapat di cegah ataupun bila
terlanjur terjadi kesalahan-kesalahan dapat cepat langsung diatasi.
2.1.4 Analisa dan Perancangan Sistem
Analisa sistem adalah penguraian dari suatu sistem informasi yang utuh ke
dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan
mengevaluasi permasalahan-permasalahan yang diharapkan sehingga dapat diusulkan
perbaikan-perbaikannya (Mustakini, 2006 : 6).
Perancangan sistem secara umum adalah suatu tahap dimana didalamanya
terdapat identifikasi komponen-komponen sistem informasi yang akan dirancang
secara rinci yang bertujuan untuk memberikan gambaran kepada pengguna atau user
mengenai sistem yang baru. Sedangkan desain sistem secara terinci dimaksudkan
untuk pembuat program computer dan ahli teknik lainnya yang akan
mengimplementasikan sistem (Pertiwi, 2007 : 15).
Jadi analisa dan perancangan sistem secara umum adalah penguraian dari
suatu sistem yang utuh secara bertahap yang dimana didalamnya terdapat identifikasi
komponen-komponen sistem informasi yang akan dirancang secara rinci untuk
memberikan informasi baru kepada pengguna.
12
2.1.5 Penjualan
Penjualan adalah transaksi perubahan nilai barang menjadi nilai uang atau
nilai piutang dagang. Penjualan atau menjual bearti suatu tindakan untuk menukar
barang atau jasa dengan uang dengan cara mempengaruhi orang lain agar mau
memiliki barang yang ditawarkan sehingga kedua belah pihak mendapatkan
keuntungan dan kepuasan masing-masing. Sedangkan penjualan berbasis web(e-
commerce) adalah penjualan secara online. Tujuan umum penjualan (Prameswari,
2014 : 17) antara lain yaitu:
1. Mencapai volume penjualan tertentu.
2. Mendapatkan keuntungan (memperoleh laba).
3. Menunjang pertumbuhan perusahaan.
Pada umumnya sasaran penjualan adalah untuk mencapai pendapatan yang
seoptimal mungkin dan mencapai tingkat pendapatan yang telah ditentukan
sebelumnya. Untuk mencapai sasaran tersebut makan dibutuhkan perencanaan
penjualan agar dapat berjalan dengan lancer tanpa hambatan.
Sistem informasi penjualan berbasis web adalah sistem keseluruhan dari
kegiatan yang ditunjukan untuk merencanakan, menentukan harga, mempromosikan
dan mendistribusikan barang atau jasa kepada pasar sasaran agar dapat mencapai
tujuan organisasi tertentu
2.1.6 E-commerce
E-commerce (Electronic Commerce) merupakan konsep baru yang bisa
digambarkan sebagai proses jual beli barang atau jasa pada internet (online). Dari
13
berbagai perspektif, e-commerce dapat didefinisikan sebagai berikut (Amelia, 2014 :
10):
1. Dari perspektif komunikasi, e-commerce merupakan pengiriman informasi,
produk, layanan atau pembayaran melalui line telepon, jaringan computer atau
sarana elektronik lainnya.
2. Dari perspektif proses bisnis, e-commerce merupakan aplikasi teknologi menuju
otomatisasi transaksi dan aliran kerja perusahaan.
3. Dari perspektif layanan, e-commerce merupakan satu alat yang memenuhi
keinginan perusahaan, konsumen dan manajemen dalam memangkas service cost
ketika meningkatkan mutu barang dan kecepatan layanan.
4. Dari perspektif lainnya, e-commerce berkaitan dengan kapasitas jual beli produk
dan infromasi diinternet dan jasa online lainnya.
2.1.6.1 Klasifikasi E-commerce
Pengolongan e-commerce yang lazim dilakukan orang adalah berdasarkan
sifat transaksinya (Ermita, 2013 : 24-25), antar lain:
1. Business to Business (B2B)
Jenis transaksi dimana pembeli biasanya membei dalam jumlah besar karena
akan dijual kembali. Contoh: penjualan grosir
2. Business to Consumer (B2C)
Jenis transaksi eceran dengan pembeli perorangan dan tidak punya tujuan untuk
menjualnya kembali, biasanya semacam toko online yang menjual bebagai
barang.
14
3. Consumer to consumer (C2C)
Jenis transaksi dimana pembelinya perorangan yang tidak mempunyai tujuan
untuk dijual kembali dan penjualnya juga perorangan yang tidak menyediakan
bermacam-macam barang, melainkan hanya beberapa barang saja. Contoh:
online advertising.
4. Consumer to business (C2B)
Termasuk ke dalam kategori ini perseorangan yang menjual produk atau layanan
kepada organisasi, dan perseorangan yang mencari penjual, berinteraksi dengan
mereka dan menyepakati suatu transaksi.
2.1.6.2 Manfaat E-commerce
E-commerce memiliki beberapa manfaat, baik untuk organisasi, perusahaan
maupun konsumen itu sendiri, berikut beberapa manfaat dari e-commerce yaitu:
1. E-commerce memperluas area pemasaran produk perusahaan.
2. E-commerce menurunkan biaya pembuatan, pemrosesan, pendistribusian,
penyimpanan dan pencarian informasi yang menggunakan kertas.
3. Kemudahan dalam hal pemesanan produk karena bisa dilakukan kapanpun dan
dimanapun oleh masing-masing konsumen.
4. E-commerce memberikan lebih banyak pilihan kepada pelanggan.
5. E-commerce menyediakan produk yang lebih murah kepada pelanggan dengan
cara melakukan perbandingan secara cepat.
6. Pelanggan bisa menerima informasi relavan secara detail dalam hitungan detik
melalui e-commerce.
15
7. Kemudahan dalam hal pembayaran tanpa perlu menggunakan uang tunai,
melainkan pembayaran transfer via ATM (Anjungan Tunai Mandiri) maupun
penggunaan kartu kredit.
2.1.6.3 Kelemahan E-Commerce
Meskipun e-commerce merupakan sistem yan menguntungkan karena dapat
mengurai biaya transaksi bisnis dan dapat memperbaiki kualitas pelayanan terhadap
para pelanggan, e-commerce juga memiliki kelemahan antara lain:
1. Munculnya modus criminal atau tindak kejahatan baru yaitu penipuan online.
2. Pembajakan kartu kredit yang dilakukan oleh para peretas (black hacker) yang
menerobos masuk ke dalam jaringan sistem server perbankan, maupun merchant
online.
3. Hukum yang belum secara jelas mengatur tentang e-commerce dan perdagangan
digital.
4. Kepercayaan komsumen khususnya terhadap penggunaan teknologi e-commerce
di Indonesia.
5. Kehilangan kesempatan bisnis karen gangguna pelayanan.
2.1.7 CMS
“Sistem manajemen konten yang dikenal dengan CMS (Content Management
System) adalah sistem perangkat lunak yang memungkinkan seseorang untuk
mengatur proses berbelanjanya suatu situs web” (Simarmata, 2010 : 22). Dengan
16
program CMS, kita bisa menambahkan, mengubah bahkan mengurangi isi dari situs
web kita.
Prestashop merupakan salah satu CMS e-commerce yang sangat populr
didunia. Sejak tahun 2007, prestashop telah menjadi sebuah CMS yang menyediakan
berbagai macam fitur yang sangat bermanfaat untuk meningkatkan penjualan online.
Selain itu, prestahop merupakan e-commerce open source sehingga dapat melakukan
kustoomisasi sesuai dengan kebutuhan. Pretashop dijalankan diatas platform PHP
dan menggunakan database MySQL (Wahana Komputer, 2013 : 2).
2.1.8 Arsitektur Jaringan
Untuk mendukung terlaksananya program aplikasi yang akan dibangun ini
maka diperlukan beberapa unit komputer, dimana semua komputer tersebut saling
berhubungan dan melakukan komunikasi data agar proses komunikasi data dapat
berjalan lancar dengan baik melalui media atau perantara yang disebut dengan
jaringan komputer.
2.1.9 Web
World Wide Web atau lebih sering dikenal sebagai Web adalah layanan
Internet yang paling banyak memiliki tampilan grafis dan kemampuan link yang
sangat bagus. Keistimewaan inilah yang telah menjadikan Web sebagai service yang
paling cepat pertumbuhannya. Web mengizinkan pemberian highlight
(penyorotan/penggaris bawahan) pada kata-kata atau gambar dalam sebuah dokumen
untuk menghubungkan atau menunjuk ke media lain seperti dokumen, frase, movie
17
clip, atau file suara. Web dapat menghubungkan dari sebarang tempat dalam sebuah
dokumen atau gambar ke sebarang tempat di dokumen lain. Dengan sebuah browser
yang memiliki Graphical User Interface (GUI), link-link dapat dihubungkan ke
tujuannya dengan menunjuk link tersebut dengan mouse dan menekannya (Ermita,
2013 : 28-29).
2.1.10 Hypertext Preprocessor (PHP)
PHP (PHP Hypertext Preprocessor) adalah sebuah bahas apemograman yang
berbentuk scripting, sistem kerja program ini adalah sebagai interprete bukan sebagai
Compiler. PHP menurut Amelia (2014 : 19) merupakan bahasa pemograman
berbasis berbasis web yang terbukti sangat reliable pengggunaannya dan mempunyai
dukungan yang kuat.
2.1.11 MySQL Database
MySql merupakan salah satu perangkat lunak sistem pengelola basis data
DBMS (Data Base Management System). MySQL merupakan sebuah hubungan Data
Base Management System (DBMS) yang membantu sebuah model data yang terdiri
atas kumpulan hubungan nama (named relation). Database MySQL adalah salah satu
database yang open source (Ermita, 2013 : 32-34). Database ini banyak dipasangkan
dengan script PHP. Penyebab utama MySQL begitu popular di kalangan Web karena
cocok bekerja di lingkungan tersebut, selain itu karena :
1. MySQL tersedia di berbagai platform dan kompatibel dalam berbagai sistem
operasi.
18
2. Fitur-fitur yang dimiliki MySQL merupakan fitur-fitur yang biasanya banyak
dibutuhkan dalam aplikasi web.
3. MySQL memiliki overhead koneksi yang rendah, sehingga kecepatan koneksi
relatif tinggi.
2.1.12 Flowchart
Flowchart merupakan urutan-urutan langkah kerja suatu proses yang
digambarkan dengan menggunakan simbol-simbol yang disusun secara
sistematis.(Iswandy, 2015:73). Flowchart memiliki symbol-simbol yang digunakan
untuk menggambarkan urutan program.
Dalam pembuatan flowchart tidak ada rumus atau patokan yang bersifat
mutlak, karena flowchart merupakan gambaran hasil pemikiran dalam menganalisa
suatu masalah dengan komputer. Sehingga flowchart yang dihasilkan dapat bervariasi
antara satu pemograman dengan pemograman lainnya. Namun secara garis besar,
setiap pengolahan selalu terdiri tadi tiga bagian utama, yaitu;
1. Input berupa bahan mentah.
2. Proses pengolahan.
3. Output berupa bahan jadi.
19
Tabel 2.1 Tabel Simbol Flowchart
Simbol Nama Fungsi
Terminator Permulaan / akhir program
Garis Alis (Flow Line) Arah aliran program
Preparation Proses Inisialisasi
Proses Proses perhitungan/proses
pengolahan data
Input / Output Data proses input/output data,
parameter, informasi
Pedefined Proccess (Sub
Program)
Permulaan sub program/ proses
menjalankan program
Decision Perbandingan pernyataan
penyelesaian data yang
memberikan pilihan untuk
langkah selajutnya
On page Connector Perhubungan bagian-bagian
flowchart yang berada dalam
satu halaman
Off Page Connector Perhubungan bagian-bagian
flowchart yang berada pada
halaman yang berbeda
Untuk pengolahan data dengan computer, dapat dirangkum urutan dasar untuk
pemecahan suatu masalah, yaitu:
20
1. Start : berisi instuksi untuk persiapan peralatan yang diperlukan sebelum
menangani pemecahan masalah
2. Read : berisi instruksi untuk membaca data dari suatu peralatan input.
3. Proses : berisi kegiatan yang berkaitan dengan pemecahan persoalan sesuai
dengan data yang dibaca.
4. Write : berisi instruksi untuk merekam hasil kegiatan ke peralatan output.
5. End : mengakhiri kegiatan pengolahan.
2.1.13 Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah suatu model logika data atau proses yang
dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang
keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut
dan interaksi antara data yang tersimpan dan proses yang dikenakan pada data
tersebut. DFD menggambarkan penyimpanan data dan proses yang
mentransformasikan data. DFD menunjukan hubungan antara data pada sistem dan
proses pada sistem. Ada dua teknik dasar DFD yang umum dipakai, yaitu
Gane/Sarson dan Yourdon/ De Marco.(Kristanto 2013: 69-70) Simbol-simbol yang
dilihat pada tabel dibawah ini.
21
Tabel 2.2 Simbol DFD
Peraturan-peraturan yang harus diperhatikan dalam penggambaran simbol
DFD adalah sebagai berikut;
1. Antar entity luar tidak diijinkan terjadi hubungan atau relasi.
2. Tidak boleh ada aliran data antara entity luar dengan tempat peyimpanan
3. Untuk alasan kerapian, entity luar atau tempat penyimpanan boleh digambar
beberapa kali dengan tanda khusus, misalnya diberi nomor.
4. Satu aliran data boleh mengalirkan beberapa struktur data.
SIMBOL PENJELASAN
GANE/SARSON YOURDON/DE MARCO
Eniti luar merupakan sumber
atau tujuan dari aliran data dari
atau ke sistem. Eniti luar
merupakan lingkugan di luar
sistem
Aliran data, menggambarkan
aliran data dari satu proses ke
proses lainnya
Proses, menunjukan tranformasi
dari masukan menjadi keluaran
Tempat penyimpanan,
merupakan komponen yang
berfungsi untuk menyimpan
data atau file.
22
5. Bentuk anak panah aliran data boleh bervariasi.
6. Semua objek harus mempunyai nama.
7. Aliran data selalu diawali dan diakhiri dengan proses.
8. Semua aliran data harus mempunyai tanda arah.
Ada beberapa petunjuk yang dapat dipakai dalam proses pembuatan symbol
DFD, yaitu ;
1. Penamaan yang jelas.
2. Memberi nomor pada proses.
3. Menggambarkan kembali.
4. Hindarilah proses yang mempunyai masukan tapi tidak mempunyai keluaran,
begitu pula sebaliknya, hindarilah proses yang mempunyai keluar tapi tidak
mempunyai masukan.
5. Hati-hati dengan aliran data dan proses yang tidak dinamai.
DFD leveled menggambarkan sistem sebagai jaringan kerja antar-fungsi yang
berhubungan satu dengan yang lain dengan aliran dan penyimpanan data. Dalam
DFD leveled akan terjadi penurunan level dimana dalam penurunan level yang lebih
rendah harus merepresentasikan proses tersebut kedalam spesifikasi proses yang
jelas. Jadi dalam DFD leveled bisa dimulai dan DFD level 0 kemudian turun ke DFD
level 1 dan seterusnya. Setiap penurunan hanya dilakukan bila perlu. Aliran data yang
masuk dan keluar pada suatu proses di level X harus berhubungan dengan aliran data
yang masuk dan keluar pada level X+1 yang mendefinisikan proses pada level X
tersebut (Kristanto, 2012 : 69/70).
23
2.1.14 Pengujian Black Box Testing
Definisi Pengujian atau Testing menurut Simarmata dalam penelitian Nina
Rahayu (2014), “Pengujian adalah proses eksekusi suatu program untuk menentukan
kesalahan”.
Menurut Rizky (2011) dalam penelitian Nina Rahayu (2014), “Testing adalah
sebuah proses sebagai siklus hidup dan merupakan bagian dari proses rekayasa
perangkat lunak secara terintegrasi demi memastikan kualitas dari perangkat lunak
serta memenuhi kebutuhan teknis yang telah disepakati dari awal”.
Definisi Black Box Testing menurut Rizky dalam penelitian Nina Rahayu
(2014), Black Box Testing adalah tipe testing yang memperlakukan perangkat lunak
yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat
lunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya, tapi
cukup dikenai proses testing di bagian luar.
Beberapa keuntungan yang diperoleh dari jenis testing ini antara lain:
1. Anggota tim tester tidak harus dari seseorang yang memiliki kemampuan teknis
di bidang pemrograman.
2. Kesalahan dari perangkat lunak atau pun seringkali ditemukan oleh
komponen tester yang berasal dari pengguna.
2.2 Peneletian Terdahulu
Penelitian terdahulu merupakan penelitian-penelitian serupa yang telah
dilakukan sebelumnya mengenai topic yang sama. Banyak penelitian terdahulu yang
telah dilakukan mengenai sistem informasi penjualan berbasis e-commerce dan
24
diantaranya ada tiga penelitian yang penilis ambil sebagai referensi yang akan
dibahas kesimpulannya dibawah ini.
Pertama yaitu penelitian yang dilakukan oleh Astarina dan Riasti (2012)
dengan judul pembuatan sistem penjualan online pada toko PN Musik Sukoharjo
menghasilkan kesimpulan bahwa dengan sistem penjualan online yang dibuat, toko
PN Musik Sukaharjo dapat memberikan pelayanan yang lebih baik kepada pelanggan,
dapat mengecek ketersediaan barang, harga barang dan keterangan barang secara
detail. Tetapi penjualan online ini membutuhkan kepercayaan dari pelanggan
sehingga perlu memberikan data detail toko agar pelanggan percaya akan layanan
yang disediakan.
Kemudian penelitian Indah (2013) yang mengambil judul tentang pembuatan
sistem informasi penjualan pada toko Sehat Jaya Elektronik Pacitan. Dalam penelitian
tersebut, dapat kesimpulan bahwa dengan adanya sistem informasi penjualan
terkomputerisasi, semua data dokumen penjualan yang sebelumnya masih
konvensional menjadi tersimpan dengan baik.
Terakhir penelitian Nasution (2014) yang berjudul analisis dan perancangan e-
commerce online sistem berbasis web, menyimpulkan bahwa sistem informasi yang
dirancang dapat membantu mempermudah pemasaran tanpa mengeluarkan biaya
yang besar serta mempermudah penjualan produk-produk toko, mempermudah
pembeli untuk mencari informasi tentang produk dan melakukan transaksi, juga
mempermudah toko untuk mengatur dan mengelola data-data produknya.
Perbedaan penelitian ini dengan penelitian terdahulu terletak pada tools e-
commece yang digunakan dan tempat penelitian yang berbeda. Penelitian ini
25
menggunakan CMS (Content Manajement System) prestashop dan implementasi
sistem dala penelitian ini dilakukan pada toko MM yang belokasi di Batam Ciry
Square, kota Batam.
26
BAB III METODOLOGI PENELITIAN
3.1 Kerangka Kerja
Kerangka kerja ini merupakan urutan langkah-langkah yang dilakukan selama
penelitian. Adapun kerangka kerja penelitian yang di gunakan seperti terlihat pada
gambar 3.1
Gambar 3.1 Kerangka Kerja
Berdasarkan kerangka kerja penelitian yang telah digambarkan di atas, maka
dapat diuraikan pembahasan masing-masing tahap dalam penelitian adalah sebagai
berikut:
Identifikasi Masalah
Mempelajari Literatur
Pengumpulan data
Merancang Sistem
Implementasi Sistem
Membuat Laporan
27
1. Identifikasi Masalah
Tahap ini merupakan langkah awal penelitian yang menggambarkan masalah
yang terjadi pada objek penelitian serta merumuskan masalah-masalah yang
terjadi.
2. Mempelajari Literatur
Pada tahap ini dilakukan pengumpulan dan pencarian mengenai teori-teori yang
diperoleh dari berbagai buku, jurnal dan juga internet untuk melengkapi sumber
kajian dan konsep maupun teori.
3. Pengumpulan Data
Pada tahap ini dilakukan proses pengumpulan data dengan metode wawancara
dan observasi untuk melakukan pengamatan dan analisa terhadap inventaris
barang pada toko MM, sehingga mendapatkan data dan informasi yang
dibutuhkan untuk penelitian.
4. Merancang Sistem
Tahap ini menggambarkan tentang tampilan sistem yang dirancang dan
pemodelan sistem yang dilakukan untuk membantu proses perancangan sistem.
5. Implementasi Sistem
Dalam tahap ini akan dilakukan implementasi sistem yang dilakukan dengan
membangun aplikasi e-commerce berbasis CMS, dalam tahap ini sistem
dibangun dengan menggunakan prestashop
6. Membuat Laporan
Tahap ini dilakukan guna melengkapi laporan yang dilakukan selama penelitian
mulai dari awal hingga akhir.
28
3.2 Gambaran Umum Perusahaan
Tempat penelitian telah ditetapkan penulis melakukan kegiatan penelitian di
Toko MM yang berlokasi di BCS Mall Lantai 2. Jln. Bunga Raya, Batu Sekicin,
Lubuk Baja Kota Batam Kepulauan Riau 29444, Indonesia.
3.2.1 Tujuan Umum Perusahaan
Dalam setiap perusahaan yang didirikan dan dioperasikan, baik itu penjualan
barang ataupun jasa, tentunya mempunyai penetapan tujuan perusahaan. Hal ini
sangat penting karena tujuan yang akan dirumuskan itu akan menjadi pedoman
didalam menjalankan kegiatannya dalam berorganisasi. Adapun tujuan perusahaan ini
adalah:
1. Meningkatkan Pelayanan Perusahaan
Hal ini sangat menguntungkan perusahaan, karena dengan pelayanan yang baik
maka perusahaan akan mendapat kepercayaan baik dari konsumen maupun
relasi.
2. Mengadakan Ekspansi
Setelah perusahaan berhasil meningkatkan penjualan, perusahaan yang
mempunyai sifat dinamis selalu ingin mengadakan perluasan usaha melalui
pengembangan usaha yang telah dirintis.
3. Mencapai Keuntungan Yang Optimal
Apabila perusahaan tersebut mencapai laba yang optimum, maka perusahaan
dapat menjamin kelangsungan usahanya.
29
3.2.2 Struktur Organisasi
Toko MM memiliki struktur organisasi yang masing-masing mempunyai
tugas, wewenang dan tanggung jawab memberikan pelayanan dalam peningkatan
pelayanan dan kepuasan konsumen, selain itu dapat memberikan kemudahan dalam
menjalankan usahanya.
Gambar 3.2 Struktur Organisasi Toko MM
Secara umum tugas dan fungsi organisasi dari masing-masing bagian adalah
sebagai berikut :
1. Pemilik
Pemilik bertanggung jawab penuh atas seluruh kegiatan yang berjalan di Store
dari awal sampai akhir
2. Gudang
Bertugas mengatur dan meneliti apakah barang sesuai dengan faktur pembelian
dan surat pesanan, dan mengecek kesesuaian antaran surat pesanan pembeli
dengan fakturnya.
3. Pemasaran
Pemilik
Gudang
Karyawan
Karyawan
Pemasaran
30
Merancang kombinasi produk jasa yang memberikan nilai nyata kepada
pelanggan, memotivasi pembelian dan memenuhi kebutuhan nyata pelanggan.
4. Karyawan
Melakukan pemanjagan barang dan menjalinn hubungan yang baik dengan
sekitar, dan menjualkan produk.
31
BAB IV ANALISIS DAN IMPELMENTASI
4.1 Analisis Sistem Berjalan
Analisis terhadap sistem yang sedang berjalan adalah untuk mengetahui
sejauh mana sistem yang sedang berjalan itu telah mencapai sasaran dan untuk
mengetahui masalah-masalah yang sering timbul atau kelemahan-kelemahan serta
kelebihan yang ada pada sistem tersebut. Sebelum melakukan perancangan terhadap
sistem baru, perlu adanya gambaran mengenai sistem yang ada atau sistem yang
sedang berjalan pada toko MM untuk dijadikan sebagai bahan perbandingan untuk
merancang sistem yang baru. Hal ini bertujuan agar memudahkan kita dalam
melakukan perancangan sistem baru sehingga apa yang diinginkan akan sesuai
dengen sebagaimana mestinya.
Sistem informasi yang ada pada toko MM masih menggunakan proses secara
manual (konvensional), mulai dari proses pencatatan data hingga proses pembuatan
laporan, sehingga sering keliru dalam pengolahan data. Sistem penjualan toko MM
membutuhkan waktu yang lebih panjang dalam proses penjualan atau proses transaksi
maka sistem ini dinilai kurang efektif serta memperlambat kinerja karena banyak
output yang harus dicetak dan masih banyak kekurangan-kekurangan lainnya. Oleh
karena itu, perlu dirancang suatu sistem penjualan secara online dengan
menggunakan media web atau internet dengan tujuan untuk meminimalkan waktu
proses penjualan serta diharapkan bisa mengatasi masalah-masalah yang ada.
Adapun alur kegiatan sistem yang berjalan adalah sebagai berikut:
32
1. Pelanggan datang ke toko MM untuk melakukan transaksi pembelian.
2. Pelanggan melakukan pemilihan barang dan menentukan jumlah barang yang
akan dipesan.
3. Pelanggan memberitahukan kepada kasir tentang barang yang mau dipesan.
4. Kasir mengeluarkan dua bukti pembayaran (invoice), satu untuk diserahkan ke
pelanggan dan satu lagi disimpan sebagai arsip pembayaran untuk membuat
pencacatan penjualan yang nantinya diserahkan ke pemilik.
5. Pelanggan melakukan pembayaran kepada kasir.
6. Bagian kasir menyerahkan dokumen penjualan ke pemilik
7. Pelanggan menerima bukti pembayaran dan barang yang telah dipesan akan
diantaran ke lokasi yang ditentukan pelanggan.
Untuk lebih jelasnya, aliran sistem informasi toko MM dapat dilihat pada gambar
4.1 dibawah ini
33
Gambar 4.1 Aliran Sistem Informasi Berjalan
Pelanggan Kasir Pemilik
Tidak
Ya
Mulai
Datang ke tempat
Lihat Barang
Tanya
Beli
Pembayaran
Terima Invoice
Selesai
Jawab
Dokumen Penjualan
Dokumen Penjualan
Invoice
34
4.1.1 Evaluasi Sistem yang Berjalan
Dari pengumpulan data dan penelitian yang telah dilakukan pada toko MM,
penulis menyimpulkan bahwa sistem yang berjalan masih memiliki kelemahan
sebagai berikut:
1. Dalam penyimpanan data kegiatan belum menggunakan sistem terkomputerlisasi
yaitu masih dengan mengarsipkan data-data penjualan ke dalam folder yang
tersimpan pada lemari penyimpanan. Pencarian data kembali sulit dilakukan
karena harus mencari pada tumpukan arsip.
2. Dari segi waktu, sistem berjalan tidak dapat menyediakan layanan selama 24jam
per hari kepada pelanggan
3. Pelayanan yang dilakukan masi belum fleksibel. Hal ini dikarenakan pelanggan
yang masi harus datang ke lokasi untuk mendapatkan informasi produk atau
melakukan transaksi pembelian.
4. Biaya promosi yang tinggi karena membutuhkan banyak kertas dan tinta untuk
mencetak brosur.
Setelah analisis dan evaluasi terhadap sistem yang berjalan pada toko MM
maka perlu dilakukan pengembangan terhadap sistem penjualan yang ada dengan
diharapkan sistem yang baru dapat mempercepat proses penjualan dan menghasilkan
informasi dengan lebih cepat dan akurat serta mengatasi semua kelemahan-
kelemahannya yang ada.
35
4.2 Analisis Sistem yang Diusulkan
Dari permasalahan yang ada pada sistem yang berjalan, maka diperlukan
suatu sistem baru yang dikembangkan dengan teknologi informasi yang baik
sehingga dapat memudahkan pemrosesan data dan penelusuran informasi dengan
tujuan untuk menutupi kelemahan-kelemahan yang ada pada sistem yang lama.
Dalam tahap analisis sistem yang diusulkan ini, penulis menguraikan sistem
pemesanan online untuk toko MM yaitu dengan langkah-langkah sebagai berikut:
1. untuk memulai proses pemesanan dan transaksi pembelian, user (pelanggan)
dapat melakukan registrasi atau login terlebih dahulu.
2. User melakukan pemilihan barang yang ingin dibeli dan jika user sudah selesai
memilihnya, maka bisa klik tombol beli, jika ingin menambahkan barang lain,
dapat mengklik belanja lagi.
3. Klik menu troli untuk melihat daftar belanja yang telah dipilih.
4. Jika ingin menghapus daftar belanja yang telah dipilih, klik tombol hapus.
5. Selanjutnya klik lanjutkan ke pembelian untuk melakukan transaksi pembelian
dan selanjutnya akan diarahkan ke halaman baru, isi form yang tersedia secara
jelas seperti nama, alamat, nomor telepon dan lain sebagainya kemudian tekan
tombol lanjutkan.
6. Tentukan pengiriman dan metode pembayaran yang diinginkan kemudia klik
tagihan yang harus dibayar maka akan tampil detail pemesanan.
7. Apabila user sudah melakukan pembayaran dan pembayaran diterima oleh admin
(penjual) maka barang akan diproses kemudian dikirim ke user.
36
Aliran sistem informasi yang diusulkan dapat dilihat pada gambar 4.2
dibawah ini.
Gambar 4.2 Aliran Sistem Informasi Baru
User Admin
Registrasi, Login
Lihat Produk
Input Data Pemesanan
Konfirmasi Pembayaran
Menerima Barang yang Dipesan
Form Pembelian
Proses Barang untuk Dikirim
Validasi
Data Pemesanan
Beli
37
4.2.1 Perancangan DFD
DFD (Data Flow Diagram) sering digunakan untuk menggambarkan suatu
sistem yang akan dikembangkan secara logika tanpa harus mempertimbangkan
lingkungan fisik dimana data tersebut mengalir. Perancangan DFD dalam penelitian
ini digambarkan dalam dua tingkat (level) yaitu:
1. Diagram konteks
Suatu diagram konteks selalu mengandung satu proses saja (diberi nomor proses
0), menggambarkan hubungan input/output antara sistem dengan dunia luarnya.
Diagram konteks sistem yang diusulkan dapat dilihat pada gambar 4.3 dibawah
ini.
Data Kategori Data Produk Data Shipping Konfirmasi Akun Data registasi Data Pelanggan Data Pemesanan Daftar Pemesanan List Kategori List Produk Registrasi User Login User
Gambar 4.3 Diagram Konteks
Sistem Informasi penjualan
User Admin
38
2. DFD Level Nol (0)
DFD (Data Flow Diagram) level nol (0) merupakan penjabaran dari diagram
konteks. DFD level 0 ini terdiri dari empat proses, yaitu proses request data
produk, proses pemesanan produk, proses data pembayaran dan proses login
admin. DFD level 0 sistem yang diusulkan dapat dilihat pada gambar 4.4
dibawah ini.
39
Info data login invalid Data Admin Input Admin Data Barang Request Data Barang Info Data Barang Info Data Barang Olah Data Barang Data Pemesanan Melakukan Pemesanan Info Daftar Pemesanan Terima Form Pemesanan Lihat Data Pemesanan Validasi Pembayaran Data Pembayaran Input data pembayaran
Gambar 4.4 DFD Level 0
2.0 Pemesanan
Produk
1.0 Request Data Produk
4.0 Login Admin
3.0 Data Pembayaran
User
Admin
40
4.2.2 Perancangan Interface
Antar muka (interface) merupakan tampilan dari sistem e-commerce yang
digunakan sebagai media komunikasi antar user dan admin. Perancangan antarmuka
ini dibuat untuk mempermudah pembuatan website dan perancangan tampilan wesite.
Rancangan interface dari sistem penjualan ini masih dibuat secara sederhana, tanpa
menggunakan banyak motif, tapi dapat mewakili seluruh aspek sistem tersebut.
Sistem ini memiliki dua rancangan interface yaitu user interface untuk administrator
(perancangan input) dan user interface untuk user (perancangan output).
4.2.2.1 Perancangan Masukan
Perancangan masukan (input) merupakan rancangan tampilan website
untuk administrator yang digunakan untuk mengubah isi tampilan website user.
Perancangan masukan dari sistem yang diusulkan adalah sebagai berikut.
4.2.2.1.1 Rancangan Halaman Login
Halaman login merupakan halaman yang digunakan oleh admin untuk
login ke halaman administrator website, jika admin memasukan email addres dan
password yang benar maka admin dapat berhasil masuk ke halaman utama
administrator. Rancangan halaman login admin dapat dilihat pada gambar 4.5
dibawah ini.
41
Gambar 4.5 Rancangan Halaman Login
4.2.2.1.2 Rancangan Halaman Utama Admin
Halaman utama admin merupakan halaman awal yang ditampilkan sesudah
admin melakukan login, terdiri dari beberapa menu yang digunakan admin untuk
mengubah/meng-update halaman website user maupun halaman website admin
sendiri. Rancangan halaman utama admin dapat dilihat pada gambar 4.6 dibawah ini.
MM
Email address Password Tetap login Lupa password
42
Gambar 4.6 Rancangan Halaman Utama Admin
Logo Akses cepat MM Dashboard Dashboard Help Dashboard
SELL Orders Catalog Customers Customer Service Stats IMPROVE Modules Design Shipping Payment Internasional CONFIGURE Shop Parameters Advance Parameters
HALAMAN
DASHBOARD
pencarian
43
4.2.2.1.3 Rancangan Halaman Orders
Halaman orders digunakan oleh admin untuk mengelola pemesanan
pembeli. Rancangan halaman orders dapat dilihat pada gambar 4.7 dibawah ini.
Gambar 4.7 Rancangan Halaman Orders
Logo Akses cepat MM Dashboard Dashboard Help Dashboard
SELL Orders Catalog Customers Customer Service Stats IMPROVE Modules Design Shipping Payment Internasional CONFIGURE Shop Parameters Advance Parameters
Order 1
Order 2
Order 3
Order 4
Order 5
Order 6
Order 7
Order ID Referensi Pelangganbaru Pengiriman Pelanggan Jumlah Pembayaran Status Tanggal PDF
pencarian
44
4.2.2.1.4 Rancangan Halaman Categories
Halaman categories digunakan oleh admin untuk menambah, mengedit dan
menghapus kategori produk pada halaman website user. Rancangan halaman
categories dapat dilihat pada gambar 4.8 dibawah ini.
Gambar 4.8 Rancangan Halaman Categories
Logo Akses cepat MM Dashboard Dashboard Help Dashboard
SELL Orders Catalog Customers Customer Service Stats IMPROVE Modules Design Shipping Payment Internasional CONFIGURE Shop Parameters Advance Parameters
Home
Kategori ID Nama Keterangan Posisi Tampilkan Kategori
pencarian
45
4.2.2.1.5 Rancangan Halaman Products
Halaman products digunakan oleh admin untuk menambah, mengedit dan
menghapus produk pada halaman website user. Rancangan halaman products dapat
dilihat pada gambar 4.9 dibawah ini.
Gambar 4.9 Rancangan Halaman Products
Logo Akses cepat MM Dashboard Dashboard Help Dashboard
SELL Orders Catalog Customers Customer Service Stats IMPROVE Modules Design Shipping Payment Internasional CONFIGURE Shop Parameters Advance Parameters
Product 1
Product 2
Product 3
Product 4
Product 5
Product 6
Product 7
Order ID Gambar Nama Referensi Kategori Harga Jumlah Status
pencarian
46
4.2.2.1.6 Rancangan Halaman Customers
Halaman customers digunakan oleh admin untuk mengelola data pelanggan
yang sudah melakukan registrasi. Rancangan halaman customers dapat dilihat pada
gambar 4.10 dibawah ini.
Gambar 4.10 Rancangan Halaman Pelanggan
Logo Akses cepat MM Dashboard Dashboard Help Dashboard
SELL Orders Catalog Customers Customer Service Stats IMPROVE Modules Design Shipping Payment Internasional CONFIGURE Shop Parameters Advance Parameters
Pelanggan 1
Pelanggan 2
Pelanggan 3
Pelanggan 4
Pelanggan 5
Pelanggan 6
Pelanggan 7
Pelanggan ID Panggilan Nama Nama Email Penjualan Aktifkan Newsletter tawaram pendaftaran kujungan Depan Blkng
pencarian
47
4.2.2.2 Perancangan Keluaran
Perancangan keluaran (output) merupakan rancangan tampilan website
bagi user untuk mendapatkan informasi produk yang dibutuhkan. Perancangan
keluaran dari sistem yang diusulkan adalah sebagai berikut.
4.2.2.2.1 Rancangan Halaman Utama Website MM
Rancangan halaman utama website MM dapat dilihat pada gambar 4.11
dibawah ini.
48
Produk Our Company Akun Anda Informasi Toko Produk terbaru syarat dan ketentuan Alamat MM Terlaris syarat pemakaian Data pribadi Indonesia tentang kmi Nota kredit Email kami: Pembayaran Penjualan [email protected]
Gambar 4.11 Rancangan Halaman Utama Website MM
Call Us Troli Login
LOGO ROOT Category 1 Pencarian
Image Slider
Product 1 Product 2 Product 4 Product 3
Product 5 Product 6 Product 7 Product 8
Banner
Custom Text Blocks
Newsletter Subscription
49
4.2.2.2.2 Rancangan Halaman How to Order
Halaman how to order adalah halaman yang menampilkan cara berbelanja
di website MM. rancangan halaman how to order dapat dilihat pada gambar 4.12
dibawah ini.
Gambar 4.12 Rancangan Halaman How to Order
Home / How to order
Produk Our Company Akun Anda Informasi Toko Produk terbaru syarat dan ketentuan Alamat MM Terlaris syarat pemakaian Data pribadi Indonesia tentang kmi Nota kredit Email kami: Pembayaran Penjualan [email protected]
Call Us Troli Login
LOGO ROOT Category 1 Pencarian
Syarat dan ketentuan
Newsletter Subscription
50
4.2.2.2.3 Rancangan Halaman Terms and Condition
Halaman terms and condition adalah halaman yang menampilkan syarat
dan ketentuan yang berlaku diwebsite MM. rancangan halaman terms and condition
dapat dilihat pada gambar 4.13 dibawah ini.
Home / Terms and conditions of use
Produk Our Company Akun Anda Informasi Toko Produk terbaru syarat dan ketentuan Alamat MM Terlaris syarat pemakaian Data pribadi Indonesia tentang kmi Nota kredit Email kami: Pembayaran Penjualan [email protected]
Gambar 4.13 Rancangan Halaman Terms and Conditions
Call Us Troli Login
LOGO ROOT Category 1 Pencarian
Syarat dan ketentuan
Newsletter Subscription
51
4.2.2.2.4 Rancangan Halaman About Us
Halaman about us adalah halaman yang menampilkan ringkasan tentang
MM. Rancangan halaman about us dapat dilihat pada gambar 4.14 dibawah ini.
Home / About us
Produk Our Company Akun Anda Informasi Toko Produk terbaru syarat dan ketentuan Alamat MM Terlaris syarat pemakaian Data pribadi Indonesia tentang kmi Nota kredit Email kami: Pembayaran Penjualan [email protected]
Gambar 4.14 Rancangan Halaman Tentang Kami
Call Us Troli Login
LOGO ROOT Category 1 Pencarian
Tentang kami
Newsletter Subscription
52
4.2.2.2.5 Rancangan Halaman Hubungi Kami
Halaman hubungi kami adalah halaman yang disediakan untuk user agar
dapat berkomunikasi dengan customer service maupun web master penjual melalui
email. Rancangan halaman hubungi kami dapat dilihat pada gambar 4.15 dbawah ini.
Produk Our Company Akun Anda Informasi Toko Produk terbaru syarat dan ketentuan Alamat MM Terlaris syarat pemakaian Data pribadi Indonesia tentang kmi Nota kredit Email kami: Pembayaran Penjualan [email protected]
Gambar 4.15 Rancangan Halaman Hubungi Kami
Call Us Troli Login
LOGO ROOT Category 1 Pencarian
Hubungi kami
Newsletter Subscription
Informasi toko
53
4.2.2.2.6 Rancangan Halaman Produk Baru
Halam produk baru adalah halaman yang menampilkan produk terbaru
pada website MM. Rancangan halaman produk baru dapat di lihat pada gambar 4.16
dibawah ini.
Produk baru
Produk Our Company Akun Anda Informasi Toko Produk terbaru syarat dan ketentuan Alamat MM Terlaris syarat pemakaian Data pribadi Indonesia tentang kmi Nota kredit Email kami: Pembayaran Penjualan [email protected]
< sebelumnya berikutnya>
Gambar 4.16 Rancangan Halaman Produk Baru
Call Us Troli Login
LOGO ROOT Category 1 Pencarian
Newsletter Subscription
Produk baru
Sort by
54
4.2.2.2.7 Rancangan Halaman Terlaris
Halaman terlaris adalah halaman yang menampilkan produk terlaris pada
website MM. Rancangan halaman terlaris dapat dilihat pada gambar 4.17 dibawah ini.
Produk terlaris
Produk Our Company Akun Anda Informasi Toko Produk terbaru syarat dan ketentuan Alamat MM Terlaris syarat pemakaian Data pribadi Indonesia tentang kmi Nota kredit Email kami: Pembayaran Penjualan [email protected]
< sebelumnya berikutnya>
Gambar 4.17 Rancangan Halaman Terlaris
Call Us Troli Login
LOGO ROOT Category 1 Pencarian
Newsletter Subscription
Produk terlaris
Sort by
55
4.2.2.2.8 Rancangan Halaman Registrasi Pelanggan
Halaman registrasi pelanggan adalah halaman yang digunakan user
(pelanggan) untuk melakukan registrasi pada website MM. Rancangan halaman
registrasi pelanggan dapat dilihat pada gambar 4.18 dibawah ini
Buat Akun
Produk Our Company Akun Anda Informasi Toko Produk terbaru syarat dan ketentuan Alamat MM Terlaris syarat pemakaian Data pribadi Indonesia tentang kmi Nota kredit Email kami: Pembayaran Penjualan [email protected]
Panggilan Tuan Nona
Nama depan
Nama belakang
Password
Tanggal lahir
Gambar 4.18 Rancangan Halaman Registrasi Pelanggan
Call Us Troli Login
LOGO ROOT Category 1 Pencarian
Newsletter Subscription
SAVE
56
4.2.2.2.9 Rancangan Halaman Login Pelanggan
Halaman login pelanggan adalah halaman yang digunakan user
(pelanggan) yang sudah pernah melakukan registrasi untuk login ke website MM.
Rancangan halaman login dapat dilihat pada gambar 4.19 dibawah ini.
Login
Produk Our Company Akun Anda Informasi Toko Produk terbaru syarat dan ketentuan Alamat MM Terlaris syarat pemakaian Data pribadi Indonesia tentang kmi Nota kredit Email kami: Pembayaran Penjualan [email protected]
Email Password
Lupa Password?
Gambar 4.19 Rancangan Halaman Login Pelanggan
Call Us Troli Login
LOGO ROOT Category 1 Pencarian
Newsletter Subscription
LOGIN
57
4.2.2.2.10 Rancangan Halaman Semua Produk
Halaman semua produk adalah halaman yang menampilkan semua produk
yang dijual pada website MM. Rancangan halaman semua produk dapat dilihat pada
gambar 4.20 dibawah ini.
Home
Produk Our Company Akun Anda Informasi Toko Produk terbaru syarat dan ketentuan Alamat MM Terlaris syarat pemakaian Data pribadi Indonesia tentang kmi Nota kredit Email kami: Pembayaran Penjualan [email protected]
Gambar 4.20 Rancangan Halaman Semua Produk
Call Us Troli Login
LOGO ROOT Category 1 Pencarian
Newsletter Subscription
Category Home
Filter Produk
Sory by
<Sebelumnya Berikutnya>
58
4.3 Implementasi
Aplikasi yang dibuat ini akan digunakan oleh admin terdahulu dengan
membuat account, kemuudian calon pendaftar mengakses halaman yang telah
ditentukan alamatnya oleh admin. Pembuatan website menggunakan Content
Management System (CMS) Prestashop 1.7.1.2. Berikut merupakan penjelasan dari
setiap komponen sistem informasi penjualan paket pariwisata berbasis web.
4.3.1 Form Login Admin
Form login admin merupakan login yang akan dilakukan oleh admin saat
pertama admin membuat website menggunakan CMS ini. Login ini digunakan
sebagai hak akses admin yang dapat mengelola data – data yang terdapat pada
website. Berikut adalah bentuk tampilan dari form login admin.
59
Gambar 4.21 Tampilan Form Login Admin
4.3.2 Form Menu Utama Admin
Form menu utama admin merupakan form yang berfungsi untuk mengelola
menu – menu atau form lainnya yang terdapat di dalam aplikasi. Form menu utama
admin akan tampil saat admin pertama kali setelah admin melakukan login. Pada saat
form ini aktif, admin dapat melakukan setting web, setting menu dan memasukkan
info – info serta produk dan kategori produk. Berikut adalah bentuk tampilan dari
form menu utama admin.
60
Gambar 4.22 Tampilan Form Menu Utama Admin
4.3.3 Form Input Product
Form input product merupakan form yang berfungsi untuk mengelola dan
menambah produk – produk yang akan dijual di dalam aplikasi. Berikut adalah
bentuk tampilan dari form input product.
Gambar 4.23 Tampilan Form Input Product
61
4.3.4 Form Input Category
Form input category merupakan form yang berfungsi untuk mengelola dan
mengedit kategori – kategori produk di dalam aplikasi. Berikut adalah bentuk
tampilan dari form input category.
Gambar 4.24 Tampilan Form Input Category
4.3.5 Form Data Penjualan
Form data penjualan merupakan form yang berfungsi untuk mengecek
kembali atau menglihat total produk yang terjual maupun tidak terjual di dalam
aplikasi. Berikut adalah bentuk tampilan dari form data penjualan.
62
Gambar 4.25 Tampilan Form Data Penjualan
4.3.6 Form Menu Utama User
Form menu utama user merupakan form halaman utama di dalam aplikasi
user. Form menu utama user akan tampil saat user mengakses ke aplikasi prestashop.
Berikut adalah bentuk tampilan dari form menu utama user.
64
4.3.7 Tampilan Halaman Login Pelanggan
Tampilan halaman login pelanggan dapat dilihat pada gambar 4.27 dibawah
ini.
Gambar 4.27 Tampilan Halaman Login Pelanggan
4.3.8 Tampilan Halaman Registrasi Pelanggan
Tampilan halaman registrasi pelanggan dapat dilihat pada gambar 4.28
dibawah ini.
Gambar 4.28Tampilan Halaman Registrasi Pelanggan
65
4.3.9 Tampilan Halaman Product User
Tampilan halaman product user dapat dilihat pada gambar 4.29 dibawah
ini.
Gambar 4.29 Tampilan Halaman Product User
4.3.10 Tampilan Halaman Add to Cart
Tampilan halaman add to cart dapat dilihat pada gambar 4.30 dibawah ini.
Gambar 4.30 Tampilan Halaman Add to Cart
66
4.3.11 Tampilan Halaman Shopping Cart
Tampilan halaman shopping cart (troli belanja) dapat dilihat pada gambar
4.31 dibawah ini.
Gambar 4.31 Tampilan Halaman Shopping Cart
4.3.12 Tampilan Halaman Alamat
Tampilan halaman alamat dapat dilihat pada gambar 4.32 dibawah ini.
Gambar 4.32 Tampilan Halaman Alamat
67
4.3.13 Tampilan Halaman Pengiriman
Tampilan halaman pengiriman dapat dilihat pada gambar 4.33 dibawah ini.
Gambar 4.33 Tampilan Halaman Pengiriman
4.3.14 Tampilan Halaman Pembayaran
Tampilan halaman pembayaran dapat dilihat pada gambar 4.34 dibawah
ini.
Gambar 4.34 Tampilan Halaman Pembayaran
68
4.3.15 Tampilan Halaman Konfirmasi Pemesanan
Tampilan halaman konfirmasi pemesanan dapat dilihat pada gambar 4.35
dibawah ini.
Gambar 4.35 Tampilan Halaman Konfirmasi Pemesanan
4.3.16 Tampilan Halaman Invoice
Tampilan halaman invoice merupakan tampilan yang berupa invoice yang
dapat di download setelah user telah melakukan pembayaran dan telah divalidasi oleh
admin. Berikut adalah bentuk tampilan dari form invoice.
69
Gambar 4.29 Tampilan Form Invoice
4.3.10 Tampilan Halaman Riwayat Pembelian
Tampilan halaman riwayat pembelian belanja merupakan form yang berisi semua
data pemesanan yang pernah dibeli user di dalam website toko ini. Berikut adalah
bentuk tampilan dari form history belanja.
70
Gambar 4.30 Tampilan Halaman Riwayat Pembelian
4.4 Pengujian Testing
Untuk tahap pengujian penulis menggunakan metode Black Box testing.
Metode Black Box testing merupakan pengujian program yang meutamakan
pengujian terhadap kebutuhkan fungsi dari suatu program. Tujuan dari metode Black
Box testing untuk menemukan kesalahan fungsi pada program. Pengujian dengan
metode Black Box testing dilakukan hanya mengamati hasil eksekusi melalui data uji
dan memeriksa fungsional dari software dan fungsionalitasnya tanpa mengetahui
yang terjadi dalam proses detail, melainkan hanya mengetahui input dan output.
Tabel 4.1 Pengujian Black Box Testing
no Scenario pengujian
Test case Hasil yang diharapkan
Hasil pengujian Kesimpulan
1 Mengosongkan user name dan password lalu langsung klik tombol login
Sistem akan menolak akses login dan memberikan feed back
Valid
71
2 Mengosongkan salah satu field
Sistem akan menampilkan salah satu field belum di isi
Valid
3 Mengosongkan field pada tampilan pengiriman barang
Sistem akan memberikan feed back jika field belum terisi
Valid
4 Mengosongkan nama produk
Sistem akan memberikan feed back
Valid
72
BAB V PENUTUP
Pengembangan aplikasi E-Commerce dengan menggunakan CMS (Content
Management System) Prestashop pada Toko MM ini setidaknya dapat membantu
penyampaian informasi detail produk kepada konsumen secara online dan
memudahkan bertransaksi dalam belanja tanpa harus datang ke toko secara langsung.
Setelah melakukan serangkaian penelitian pada toko MM, maka pada bab ini
penulis akan menguraikan kesimpulan kesimpulan yang dapat ditarik dari rangkaian
penelitian tersebut. Selain kesimpulan, penulis juga memberikan saran yang akan
bermanfaat bagi pihak-pihak yang akan melanjutkan pengembangan penelitian ini.
5.1 Kesimpulan
Kesimpulan yang dapat diambil dari perancangan website E-Commerce MM,
yaitu:
1. Proses sistem usulan disusun berdasarkan proses sistem berjalan dan kebutuhan
sistem dari transaksi penjualan Toko MM, proses usulan lebih mempermudah
transaksi antara penjual dan pembeli sehingga tidak harus datang langsung ke
toko.
2. Website E-Commerce telah dirancang dan dibuat dengan menggunakan CMS
Prestashop yang telah terintegrasi dengan database. Website E-Commerce yang
dibuat dengan menyediakan informasi mengenai Toko MM dan produknya
dengan tujuan untuk mengembangkan jaringan pemasaran produk fashion.
73
3. Implementasi sistem informasi penjualan Toko MM berbasis website dengan
menggunakan Content Management System (CMS) Prestashop dalam membuat
fitur-fitur atau komponen tambahan menjadi alat bantu pada sistem informasi
penjualan dalam memenuhi kebutuhan sistem penjualan Toko MM.
5.2 Saran
Jika menginginkan sebuah sistem yang baik, dalam pengembangan kedepan,
perbaikan adalah faktor yang harus dilakukan, karena analisis dan desain website E-
Commerce berbasis CMS Prestashop ini sebagai media penjualan elektronik yang
dibuat ini hanya sebagai proyek awal yang nantinya masih membutuhkan
pengembangan dan penyempurnaan. Berikut adalah saran yang dapat penulis berikan:
1. Fasilitas yang ada harus lebih ditingkatkan mengingat saat ini fasilitas yang
dimiliki terbatas.
2. Diperlukan karyawan khusus (webmaster) untuk mengelola sistem ini agar dapat
bekerja dengan baik dan pembagian pekerjaan (Job Description) yang jelas
3. Keamanan sistem harus lebih ditingkatkan karena sistem ini bekembang ke arah
yang lebih professional untuk menyedikan informasi yang baik.
4. Untuk penelitian selanjutnya diharapkan dapat mengembangkan sistem ini yang
lebih Commercial karena bisa mendapatkan keuntungan pasif. Selain bisa
menjadi publikasi dan promosi, sistem ini dapat memberikan keuntungan pasif
seperti penempatan iklan pihak iklan dalam web ini.
5. Perlu adanya perawatan (Maintanance) terhadap software yang terencana dan
rutin.
74
DAFTAR PUSTAKA
Amelia, Dwi P. 2014 Perancangan Website Toko Online Pada Jilie Boutique Palembang. Tugas Akhir. Program Studi Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara, Medan.
Ermita, Gita . 2013. Sistem Informasi Penjualan di Qoiryn Fashion Berbasis Web. Tugas Akhir. Program Studi Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara, Medan.
Hutahaen, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta : Deepublish.
Indah, I. N. 2013. Pembuatan Sistem Informasi Penjualan pada Toko Sehat Jaya Electronic Pacitan. Indonesia Jurnal on Computer Science Speed 16 FTI UNSA Vol 10 No 2 ISSN: 1979-9330. 124-128.
Iswandy, Eka. 2015. Sistem Penunjangan Keputusan Untuk Menentukan Penerimaan
Dana Santunan Sosial Anak Nagari Dan Penyalurannya Bagi Mahasiswa Dan Pelajar Kurang Mampu Di Kenagarian Barung-Barung Balantai Timur. Jurnal TEKNOIF (Vol. 3 No.2).
Kristanto, A. 2013. Perancangan System Informasi dan Aplikasi. Gaya Media.
Yogyakarta. Mustakini, Jogiyanto H. 2006. Analisis & Desain Sistem Informasi: Pendekatan
Terstruktur Teori dan Ptaktik Aplikasi Bisnis. Yogyakarta : Andi.
Nasution, R.A. 2014. Analisis dan Perancangan E-Commerce Online Sistem Berbabis Web. Tugas Akhir. Program Studi Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universtas Sumatera Utara, Medan.
Pertiwi, D. A. 2007. Sistem Informasi Penjualan Barang pada Catrok Distro. Tugas Akhir. Fakultas Matematika dan Ilmu Pengetahuan Alam Program Studi Manajemen Informatika Universitas Universitas Padjadjaran, Bandung.
Rahayu, Nina. 2014. Perancangan Executive Informasion System (EIS) Dalam Bidang Penjualan Pada Karinda Café dan Resto. Skripsi. Tangerang : STMIK Raharja.
Simarmata, Janner. 2010. Rekayasa Web. Yogyakarta : Andi.