PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ......

69
PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO PRAMUKA BATAM BERBASIS WEB SKRIPSI Oleh : 161300137 Ika Nurisanti PROGRAM STUDI SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER (STMIK) GICI BATAM 2017

Transcript of PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ......

Page 1: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO PRAMUKA BATAM BERBASIS WEB

SKRIPSI

Oleh :

161300137 Ika Nurisanti

PROGRAM STUDI SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

KOMPUTER (STMIK) GICI BATAM

2017

Page 2: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO PRAMUKA BATAM BERBASIS WEB

SKRIPSI

Diajukan Untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana

Oleh :

161300137 Ika Nurisanti

PROGRAM STUDI SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

KOMPUTER (STMIK) GICI BATAM

2017

Page 3: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

Judul

Namalvlahasiswa

Nim

Program Studi

Institusi

HALAMAN PERSETUJUAN

i

Perancangan Sistem Informasi Penjualan Toko Pramuka

Batam Berbasis Web

IkaNurisanti

161300137

Sistem Informasi

Sekolah Tinggr Manajemen Informatika dan Komputer

GICI Batam

Telah Memenuhi Persyaratan Untuk Diuji Di Depan Dewan Penguji

Pada Sidang Skripsi

Balam, 16 Agustus 2017

Ka.Prodi. SistemlnformasiPembimbing

[h\qRona Taniuns. S.Kom.. M.SiNIDN: 1(D7098602 NIDN: t$6099201

Page 4: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

Judul

NamaMalrasiswa

Nim

Program Studi

Institusi

HALAMAN PENGESAHAN

Perancangan Sistem Informasi Penjualan Toko Pramuka

Btam Berbasis Online

IkaNurisanti

161300137

Sistem Informasi

Sekolatr Tinggi Manajemen Informatika dan Komputer

GICI Batanr

Telah Dipertatrankan Di Depan Dewan Penguji Sidang

Pada Tanggal 2l Agustus 2017

Dinyatakan Lulus dan Memenuhi Syarat

Batam,2t Agustus 2017

Diketahui Oleh:Ketua Program Studi Sistem Informasi

STMIK GICI Batam

il

NIDN: 1024098504

Page 5: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

iv

HALAMAN PERNYATAAN

Nama Mahasiswa : Ika Nurisanti

NIM : 161300137

Judul Skripsi : Perancangan Sistem Informasi Penjualan Toko Pramuka

Batam Berbasis Web

Dengan ini menyatakan bahwa :

1. Skripsi ini adalah asli dan belum pernah diajukan untuk mendapatkan gelar

akademik (Ahlimadya, Sarjana, Magister, dan/atau Doctor), baik di Sekolah

Tinggi Manajemen Informatika dan Komputer (STMIK) 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 ketidak benaran 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, Agustus 2017

Yang membuat pernyataan,

NIM : 161300137

Ika Nurisanti

Page 6: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

v

KATA PENGANTAR

Alhamdulillahirobbil ‘allamin penulis ucapkan atas segala rahmat, taufiq

dan hidayah – Nya sehingga penulis dapat menyelesaikan skripsi ini. Yang

berjudul “Perancangan Sistem Informasi Penjualan Toko Pramuka Batam

Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi

untuk memperoleh gelar Sarjana S1 dalam Program Informasi Sekolah Tinggi

Manajemen Informatika dan Komputer (STMIK) GICI.

Tahap demi tahap Skripsi ini akhirnya dapat diselesaikan walaupun masih

banyak kekurangan dalam penyelesaiannya. Dalam penyusunan Skripsi ini penulis

ingin mengucapkan terima kasih yang sebesar – besarnya kepada setiap pihak

yang telah mendukung dalam penyelesaian Skripsi ini yakni kepada :

1. Bapak Kiatwansyah selaku Ketua Pembina Yayasan Sekolah Tinggi

Manajemen Informatika dan Komputer (STMIK) GICI.

2. Bapak Zainul Munir, ST, M.eTC. selaku Ketua Sekolah Tinggi Manajemen

Informatika dan Komputer (STMIK) GICI.

3. Bapak Bali Dalo,S.H, selaku Ketua Yayasan Permata Harapan Bangsa.

4. Bapak Sandy Suwandana, S.Kom., M.Kom, selaku Ketua Program Studi

Informasi Sekolah Tinggi Manajemen Informatika dan Komputer (STMIK)

GICI.

5. Ibu Rona Tanjung, S.Kom., M.Si, selaku dosen pembimbing yang dengan

ikhlas meluangkan waktu untuk memberikan bimbingan serta saran – saran

sehingga skripsi ini dapat diselesaikan dengan baik.

6. Ayah dan Ibu tercinta, Bapak Aris Sutardi dan Ibu Nurhayati karena restu dan

doa serta kasih saying beliau sehingga penulis dapat menyelesaikan studi di

kampus ini.

7. Saudara – saudara ku beserta sahabat – sahabat ku yang tidak dapat penulis

sebutkan satu persatu, yang telah memberikan dorongan dengan tulus

mendoakan hingga terselesainya skripsi ini.

Page 7: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

vi

Penulis menyadari bahwa skripsi ini masih jauh dari sempurna, baik

penyajian data maupun sistematika penulisannya. Untuk ini, penulis

mengharapakan adanya saran dan kritikan yang membangun demi sempurnanya

skripsi ini. Akhir kata, Penulis berharap skripsi ini dapat bermanfaat bagi semua

pihak yang berkepentingan.

Batam, Agustus 2017

Penulis,

Ika Nurisanti

Page 8: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

vii

ABSTRAK

Toko Pramuka Batam merupakan distributor barang pakaian dan aksesoris (atribut). Dalam meningkatkan pemasaran dan penjualan produk kepada konsumen perlu menerapkan strategi bisnis jitu untuk meningkatkan pangsa pasar baru. Masalah yang dialami Toko Pramuka Batam adalah daya saing yang semakin tinggi dengan adanya media online. Perancangan system infomasi pemasaran menggunakan pemodelan system informasi diagram konteks, Data Flow Diagram, dan rancangan aplikasi berbasis situs web e-commerce dengan merancang system informasi yang cepat dan tepat kepada pelanggan, memberikan kemudahan bagi calon konsumen, dan memberikan aplikasi berbasis situs web e-commerce yang mudah digunakan oleh pelanggan. Berdasarkan rancangan system informasi pemasaran mampu mengelola seperti membuat mengontrol persedian produk, melakukan pencarian data produk menggunakan hasil aplikasi berbasis system informasi pemasaran situs web e-commerce mampu memberikan pilihan transaksi jual-beli kepada konsumen sehingga pengelolaan data yang lebih efektif dan penyajian informasi yang cepat dan fleksibel. Sistem informasi penjualan ini dibuat menggunakan Prestashop CMS dan basis data menggunakan Xampp dan MySQL.

Kata kunci :Sistem Informasi, Penjualan, Aplikasi CMS

Page 9: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

viii

ABSTRAC

Pramuka Batam Shop is a distributor of Clothing and Accessories (attributes). In improving the marketing and sale of products to consumers need to implement business strategies apt to increase market share recently. Problems experienced by Pramuka Batam Shop branch is increasingly high competitiveness with their online media. The design of information systems marketing using information system modeling context diagrams, Data Flow Diagram, and application design website based e-commerce by designing information systems quickly and accurately to customers, makes it easy for prospective customers, and provide the application of e-commerce web the basissitus are easy to use by customers. Based on the design of marketing information systems capable of control the supply of the product, do a search of product data using results-based application information system website marketing e-commerce able to provide the option of the transaction to the consumer so that data management is more effective and presentation of information fast and flexible. Sales information system has been created using Prestashop CMS and database using Xampp and MySQL. Keywords: Information System, Sales, Application CMS

Page 10: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

ix

DAFTAR ISI

HALAMAN JUDUL .......................................................................................... i

HALAMAN PERSETUJUAN .......................................................................... ii

HALAMAN PENGESAHAN .......................................................................... iii

HALAMAN PERNYATAAN .......................................................................... iv

KATA PENGANTAR ....................................................................................... v

ABSTRAK ....................................................................................................... vii

ABSTRAC ....................................................................................................... viii

DAFTAR ISI .................................................................................................... ix

DAFTAR TABEL ............................................................................................ xii

DAFTAR GAMBAR ...................................................................................... xiii

BAB I PENDAHULUAN ................................................................................. 1

1.1 Latar Belakang Masalah .......................................................................... 1

1.2 Rumusan Masalah .................................................................................. 3

1.3 Batasan Masalah .................................................................................... 3

1.4 Tujuan Penelitian ................................................................................... 4

1.5 Manfaat Penelitian ................................................................................. 4

1.5.1 Manfaat Teoritis ............................................................................. 4

1.5.2 Manfaat Praktis ............................................................................... 4

1.6 Sistematika Penulisan ............................................................................ 5

BAB II LANDASAN TEORI ........................................................................... 6

2.1. Sistem Informasi ................................................................................... 6

2.1.1 Pengertian Sistem Informasi ............................................................ 6

2.1.2 Fungsi Sistem Informasi ................................................................. 7

2.1.3 Komponen Sistem Informasi ........................................................... 7

2.1.4 Sistem Informasi Penjualan ............................................................. 8

2.2 E – Commerce ....................................................................................... 9

Page 11: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

x

2.2.1 Karakterristik E – Commerce .......................................................... 9

2.1.2 Klasifikasi E - Commerce ............................................................. 11

2.3 Content Management System (CMS) .................................................... 11

2.3.1 Pengertian Content Management System (CMS) ........................... 11

2.3.2 Jenis – jenis Content Management System (CMS) ......................... 12

2.3.3 Macam – macam Perangkat Lunak CMS ...................................... 13

2.4 Prestashop ........................................................................................... 15

2.4.1 Keunggulan Prestashop ................................................................ 16

2.4.2 Kelemahan Prestashop ................................................................. 17

2.5 MsQL ................................................................................................... 17

2.6 Xamp ................................................................................................... 18

2.7 Penelitian Terdahulu ............................................................................ 19

BAB III METODOLOGI PENELITIAN ...................................................... 22

3.1 Kerangka Kerja .................................................................................... 22

3.1.1 Desain Penelitian .......................................................................... 22

3.1.2 Jenis dan Metode Pengumpulan Data ............................................ 22

3.1.2.1 Sumber Data Primer (Wawancara dan Observasi) ................ 23

3.1.2.2 Sumber Data Sekunder (Dokumentasi) ................................. 24

3.1.3 Metode Pendekatan dan Pengembangan Sistem ............................ 24

3.1.3.1 Metode Pendekatan Sistem .................................................. 24

3.1.3.2 Metode Pengembangan Sistem ............................................ 24

3.1.3.3 Alat Bantu Analisis dan Perancangan .................................. 26

3.2 Gambaran Umum Perusahaan ............................................................... 29

3.2.1 Sejarah Singkat Perusahaan .......................................................... 29

3.2.2 Visi dan Misi Perusahaan .............................................................. 30

3.2.3 Struktur Organisasi Perusahaan ..................................................... 30

BAB IV ANALISIS DAN IMPLEMENTASI ................................................ 32

4.1 Analisis Sistem Yang Sedang Berjalan ................................................. 32

4.1.1 Analisis Prosedur Yang Sedang Berjalan ...................................... 32

4.1.2 Evaluasi Sistem Yang Sedang Berjalan ......................................... 33

Page 12: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

xi

4.2 Analisis Sistem Yang Diusulkan .......................................................... 34

4.2.1 Perancangan Prosedur Yang Diusulkan ......................................... 34

4.2.2 Diagram Konteks .......................................................................... 35

4.2.3 DFD Level 0 ................................................................................. 36

4.3 Rancangan Antar Muka ........................................................................ 34

4.3.1 User Interface pada User .............................................................. 34

4.3.1.1 Rancangan Halaman Index .................................................. 36

4.3.1.2 Perancangan Halaman Produk ............................................. 38

4.3.1.3 Perancangan Halaman Login Customer ............................... 39

4.3.2 User Interface pada Administrator ................................................ 39

4.3.2.1 Rancangan Antarmuka Tampilan Administrator .................. 39

4.3.2.2 Rancangan Antarmuka Halaman Index Admin ..................... 40

4.4 Implementasi ....................................................................................... 40

4.4.1 Implementasi Halaman Index ................................................. 41

4.4.2 Implementasi Halaman Produk ............................................... 42

4.4.3 Implementasi Halaman Detail Product ................................... 42

4.4.4 Implementasi Halaman Login Customer ................................. 43

4.4.5 Implementasi Halaman Registrasi Customer .......................... 43

4.4.6 Implementasi Halaman Konfirmasi Pembayaran .................... 44

4.4.7 Implementasi Halaman Shipping ............................................ 45

4.4.8 Implementasi Halaman Payment ............................................ 46

4.4.9 Implementasi Halaman Login Administrator .......................... 47

4.4.10 Implementasi Halaman Index Administrator ......................... 47

4.4.11 Implementasi Halaman Input Product Administrator ............ 48

4.4.12 Implementasi Halaman Penjualan ......................................... 48

4.5 Hasil Pengujian dengan Menggunakan Metode Black Box ................... 49

BAB V PENUTUP ........................................................................................... 52

5.1 Kesimpulan .......................................................................................... 52

5.2 Saran .................................................................................................... 52

DAFTAR PUSTAKA ...................................................................................... 53

Page 13: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

xii

DAFTAR TABEL

Gambar 4.1 Pengujian Perangkat Form Admin......................................................49

Gambar 4.2 Pengujian Perangkat Form User .........................................................51

Page 14: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

xiii

DAFTAR GAMBAR

Gambar 3.1 Kerangka Kerja ................................................................................ 22

Gambar 3.2 Diagram Waterfal .............................................................................. 26

Gambar 3.3 Struktur Organisasi Pramuka Batam ................................................. 31

Gambar 4.1 Alur Kegiatan Secara Keseluruhan ................................................... 33

Gambar 4.2 Aliran Prosedur yang Diusulkan ....................................................... 35

Gambar 4.3 Diagram Konteks ............................................................................... 35

Gambar 4.4 DFD Level 0 ...................................................................................... 36

Gambar 4.5 Perancangan Halaman Index ............................................................. 37

Gambar 4.6 Perancangan Halaman Produk ......................................................... 38

Gambar 4.7 Perancangan Halaman Login Customer ........................................... 39

Gambar 4.8 Perancangan Halaman Login Administrator .................................... 39

Gambar 4.9 Tampilan Halaman Index Administrator ........................................... 40

Gambar 4.10 Tampilan Halaman Index ................................................................ 41

Gambar 4.11 Tampilan Halaman Produk .............................................................. 42

Gambar 4.12 Tampilan Halaman Detail Produk ................................................... 42

Gambar 4.13 Tampilan Halaman Login Customer ............................................... 43

Gambar 4.14 Tampilan Halaman Registrasi Customer ....................................... 44

Gambar 4.15 Tampilan Halaman Alamat Konfirmasi Pembayaran ..................... 45

Gambar 4.16 Tampilan Halaman Shipping ........................................................... 45

Gambar 4.17 Tampilan Halaman Payment ........................................................... 46

Gambar 4.18 Tampilan Halaman Konfirmasi Pembayaran .................................. 46

Gambar 4.19 Tampilan Halaman Login Administrator ........................................ 47

Gambar 4.20 Tampilan Halaman Index Administrator ........................................ 47

Gambar 4.21 Tampilan Halaman Input Produk Administrator ............................. 48

Gambar 4.22 Tampilan Halaman Laporan Penjualan ........................................... 48

Page 15: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

1

BAB I PENDAHULUAN

1.1 Latar Belakang

Dalam dunia bisnis, penjualan merupakan bagian yang sangat penting

sehingga banyak cara yang ditempuh untuk memperbaiki system penjualan yang

ada, dimulai dari cara yang tradisional hingga modern. Seiring dengan

perkembangan teknologi yang sangat pesat banyak perusahaan – perusahaan

maupun badan usaha yang memperbaiki sistem penjualan dengan mendayakan

teknologi. Dalama hal ini khususnya dibidang teknologi saat ini yang berkembang

dengan sangat pesat. Banyak kecanggihan teknologi yang mau tidak mau di ikuti

sesuai dengan zamannya. Ruang lingkup dunia bisnis pun terus mengikuti alur

kecanggihannya. Untuk itu, perusahaan – perusahaan maupun badan usaha yang

ada di dunia semakin di picu untuk terus bertahan dan memenangkan persaingan

yang semakin ketat. Internet merupakan sebuah media yang sudah tidak asing lagi

diberbagai belahan dunia yang memiliki banyak fungsi. Selain itu, tanpa internet

akan terasa sulit dalam sebuah perusahaan untuk mendapatkan berbagai

informasi, maupun panduan yang dapat memajukan sebuah perusahaan. Semakin

hari internet semakin menjadi perioritas yang diutamakan dalam sebuah

perusahaan dalam memajukan perusahaannya, karena hampir 90% masyarakat

yang ada di Indonesia maupun di luar negeri sudah menggunakan media online

untuk memasarkan produk – produk mereka. Masyarakat banyak menghabiskan

waktu mereka dengan menggunakan gadget untuk melihat berbagai media online,

salah satunya adalah iklan. Hal ini lah yang mendominasi tingkat persaingan

Page 16: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

2

antara perusahaan yang satu dengan yang lainnya semakin besar. Dampak yang

dihasilkan adalah setiap perusahaan harus terus mengikuti perkembangan

teknologi yang semakin canggih dan menerapkannya pada system komputerisasi

pada setiap divisi agar dapat bersaing dengan perusahaan lainnya.

Saat ini banyak dari pengusaha – pengusaha yang memanfaatkan internet

untuk memperbaiki pelayanan mereka. Dalam hal ini jika Perusahaan

menggunakan internet dalam sistem informasinya ataupun penjualannya maka

akan memberikan kemudahan bagi pelanggan dalam mendapatkan informasi dan

juga bagi Perusahaan itu sendiri. Salah satu aktivitas terpenting dalam Perusahaan

adalah aktivitas penjualan di mana penjulan adalah ujung tombak suatu

perusahaan. Tujuan utama Perusahaan adalah tingkat penjualan yang besar dan

laba yang besar serta pengembalian investasi yang sudah ditanamkan.

Toko Pramuka Batam yakni salah satu toko yang menjual berbagai macam

kelengkapan atribut pramuka yang dibutuhkan dimulai dari pakaian, asesoris dan

berbagai macam atribut lainnya.

Dalam hal ini toko pramuka yang ada di Batam saat ini masih

menggunakan cara penjualan dengan cara konvensiaonal yakni pelanggan

datatang langsung ke toko tersebut. Dengan adanya cara tersebut dirasa masih

kurang efektif. Maka penulis sadar bahwa teknologi kini telah berkembang pesat

dengan adanya teknologi yang semakin canggih, disini penulis memanfaatkan

kecanggihan yang ada yakni membuka penjualan yang bebrbasis online agar

masyarakat dapat dengan mudah memesan ataupun membeli atribut sehingga

mereka tidak perlu lagi bersusah payah datang ke toko langsung. Untuk itu perlu

Page 17: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

3

adanya sebuah program aplikasi yang mendukung dalam proses pemasaran dan

pemesanan produk pada Toko Pramuka Batam untuk dijadikan bahan penulisan

dengan judul “ Perancangan Sistem Informasi Penjualan Toko Pramuka Batam

Berbasis Web”.

1.2 Rumusan Masalah

Berdasarkan uraian pada latar belakang dan identifikasi masalah yang telah

diajukan, maka permasalahan yang akan dikaji dalam penelitian ini dapat

dirumuskan sebagai berikut:

1. Bagaimana merancang sistem informasi penjualan pada Toko Pramuka

Batam ?

2. Bagaimana membuat system informasi penjualan yang efisien untuk Toko

Pramuka Batam ?

1.3 Batasan Masalah

Dalam melakukan penelitian ini, penulis telah membuat batasan – batasan

dalam setiap masalah agar nantinya tidak menyimpang terlalu jauh dari tujuan dan

tidak mengurangi efektifitas pemecahannya. Adapun batasan masalahnya adalah

sebagai berikut:

1. Sistem informasi yang dibuat hanya meliputi system informasi penjualan

Toko Pramuka Batam

2. Pada perancangan system informasinya memakai aplikasi CMS (Content

Management System) yakni Prestashop

Page 18: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

4

3. Untuk pengolahan data penulis menggunakan program MySQL yang sudah

terdapat pada Localhost.

1.4 Tujuan Penelitian

Tujuan penulis melakukan penelitian ini adalah sebagai berikut:

1. Merancang media system informasi penjualan yaitu secara online pada Toko

Pramuka Batam.

2. Membuat system informasi penjualan yang efisien pada Toko Pramuka

Batam.

1.5 Manfaat Penelitian

1.5.1 Manfaat Teoritis

Memberikan informasi dan tambahan pengetahuan agar bias digunakan

untuk masa depan dalam manajemen informasi khususnya tentang system

informasi penjualan berbasis web.

1.5.2 Manfaat Praktis

Manfaat praktis dapat dibagi menjadi beberapa bagian, yaitu:

1. Bagi Penulis

Menambah wawasan dan semakin mengerti tentang system informasi

pemasaran.

2. Bagi Kampus

Sebagai tolak ukur dasar penelitian menambah referensi dari penelitian yang

akan dilakukan.

Page 19: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

5

1.6 Sistematika Penulisan

Penyusunan laporan Skripsi ini menggunakan kerangka pembahasan yang

terbentuk dalam susunan bab, dengan uraian sebagai berikut:

BAB I PENDAHULUAN

Berisi latar belakang, rumusan masalah, batasan masalah, tujuan penelitian,

manfaat penelitian dan sistematika penulisan.

BAB II LANDASAN TEORI

Berisi teori dasar yang mendukung penulisan skripsi, mencakup metode

atau teknik yang digunakan, teori tentang permasalahan, uraian singkat

perangkat implementasi yang dipakai, dan kerangka penyelesaian masalah.

BAB III METODOLOGI PENELITIAN

Berisi penjelasan tentang hasil pendefinisian kebutuhan dari permasalahan

yang dijadikan topik skripsi berikut pemodelannya dan gambaran umum

sebuah perusahaan.

BAB IV ANALISIS DAN IMPLEMENTASI

Berisi tentang hasil sistem yang dibuat beserta implementasinya.

BAB V PENUTUP

Berisi kesimpulan (hasil yang berhasil diselesaikan sesuai ruang lingkup

batasan masalah) dan saran (terhadap masalah yang belum terselesaikan

sebagai pengembangan dan perbaikan – perbaikan) tentang studi kasus

Skripsi.

Page 20: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

6

BAB II LANDASAN TEORI

2.1 Sistem Informasi

2.1.1 Pengertian Sistem Informasi

Secara terpisah, pengertian sistem adalah kumpulan orang yang saling

bekerja sama dengan ketentuan – ketentuan aturan yang sistematis dan

terstrukturn untuk membentuk satu kesatuan melaksanakan suatu fungsi untuk

mencapai tujuan. Sedangkan pengertian informasi adalah data yang diolah

menjadi lebih berguna dan berarti bagi penerimanya dan dapat mengurangi

ketidak pastian dalam proses pengambilan keputusan mengenai suatu keadaan.

Jadi, secara umum sistem informasi adalah suatu sistem yang menyediakan

informasi untuk manajemen pengambilan keputusan/kebijakan dan menjalankan

operasional dari kombinasi orang – orang, teknologi informasi dan prosedur –

prosedur yang terorganisasi.

Kemudian menurut Budi Sutedjo dalam Viviliana Siang (2013 : 2), Sistem

Informasi merupakan kesatuan elemen-elemen yang saling berinteraksi secara

sistematis dan teratur untuk menciptakan dan membentuk aliran informasi yang

akan mendukung pembuatan keputusan dan melakukan kontrol terhadap jalannya

perusahaan.

Page 21: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

7

2.1.2 Fungsi Sistem Informasi

Sistem informasi memiliki beberapa fungsi yaitu:

1. Untuk meningkatkan aksesibilitas data yang ada secara efektif dan efisien

kepada pengguna, tanpa dengan perantara sistem informasi.

2. Memperbaiki produktivitas aplikasi pengembangan dan pemeliharaan sistem.

3. Menjamin tersedianya kualitas dan keterampilan dalam memanfaatkan sistem

informasi secara kritis.

4. Mengidentifikasi kebutuhan mengenai keterampilan pendukung sistem

informasi.

5. Mengantisipasi dan memahami akan konsekuensi ekonomi.

6. Menetapkan investasi yang akan diarahkan pada sistem informasi.

7. Mengembangkan proses perencanaan yang efektif.

2.1.3 Komponen Sistem Informasi

Komponen – komponen dari sistem informasi adalah sebagai berikut:

1. Komponen Input adalah data yang masuk ke dalam sistem informasi.

2. Komponen Model adalah kombinasi prosedur, logika dan model matematika

yang memproses data yang tersimpan di basis data dengan cara yang sudah di

tentukan untuk menghasilkan keluaran yang diinginkan.

3. Komponen Output adalah hasil informasi yang berkualitas dan dokumentasi

yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem.

4. Komponen Teknologi adalah alat dalam sistem informasi, teknologi

digunakan dalam menerima input, menjalankan model, menyimpan dan

Page 22: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

8

mengakses data, menghasilkan dan mengirimkan output dan memantau

pengendalian sistem.

5. Komponen Basis Data adalah kumpulan data yang saling berhubungan yang

tersimpan didalam computer dengan menggunakan software database.

6. Komponen Kontrol adalah komponen yang mengendalikan gangguan

terhadap sistem informasi.

2.1.4 Sistem Informasi Penjualan

Penjualan merupakan salah satu fungsi pemasaran yang sangat penting dan

menentukan bagi perusahaan dalam mencapai tujuan perusahaan yaitu

memperoleh laba untuk menjaga kelangsungan hidup perusahaan.Sistem

penjualan adalah sistem yang melibatkan sumber daya dalam suatu organisasi,

prosedur, data, serta sarana pendukung untuk mengoperasikan sistem penjualan,

sehingga menghasilkan informasi yang bermanfaat bagi pihak manajemen dalam

pengambilan keputusan.

Menurut Soemarso dalam Susarirumi (2017 : 9), Sistem informasi

penjualan dapat diartikan sebagai sutu pembuatan pernyataan penjualan, kegiatan

akan dijelaskan melalui prosedur – prosedur yang meliputi urutan kegiatan sejak

diterimanya pesanan dari pembeli, pengecekan barang ada atau tidak ada

diteruskan dengan pengiriman barang yang disertai dengan pembuatan faktur dan

mengadakan pencatatan atas penjualan yang berlaku.

Page 23: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

9

2.2 E – Commerce

E-commerce adalah singkatan dari electronic commerce, yaitu sebuah

layanan di internet dalam bentuk website untuk bertransaksi atau berdagang

secara online. Beberapa ahli memberikan pengertian sebagai berikut :

Menururt Mariza Arfina dan Robert Marpung dalam Ida Astarina (2012 :

40), E - commerce dapat diartikan sebagai suatu cara berbelanja atau berdagang

secara online atau dirrect selling yang memanfaatkan fasilitas internet dimana

terdapat website yang dapat menyediakan layanan “get and deliver”.

Kemudian menurut Onno W. Purbo dalam Viviliana Siang (2013 : 2),

mengatatakan E-Commerce merupakan satu set dinamis teknologi, aplikasi, dan

proses bisnis yang menghubungkan perusahaan, konsumen, dan komunitas

tertentu melalui transaksi elektronik dan perdagangan barang, pelayanan dan

informasi yang dilakukan secara elektronik.

2.2.1 Karakteristik E – Commerce

Berbeda dengan transaksi perdagangan biasa, transaksi e-commerce

memiliki beberapa karakteristik yang sangat khusus, yaitu :

1. Transaksi Tanpa Batas

Sebelum era internet, batas-batas geografi menjadi penghalang suatu

perusahaan atau individu yang ingin go-international. Sehingga, hanya

perusahaan atau individu dengan modal besar yang dapat memasarkan

produknya ke luar negeri. Dewasa ini dengan internet pengusaha kecil dan

menengah dapat memasarkan produknya secara internasional cukup dengan

membuat situs web atau dengan memasang iklan di situs-situs internet tanpa

Page 24: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

10

batas waktu (24 jam), dan tentu saja pelanggan dari seluruh dunia dapat

mengakses situs tersebut dan melakukan transaksi secara online.

2. Transaksi Anonym

Para penjual dan pembeli dalam transaksi melalui internet tidak harus

bertemu muka satu sama lainnya. Penjual tidak memerlukan nama dari

pembeli sepanjang mengenai pembayarannya telah diotorisasi oleh penyedia

sistem pembayaran yang ditentukan, yang biasanya dengan kartu kredit.

3. Produk Digital dan Non Digital

Produk-produk digital seperti software komputer, musik dan produk lain yang

bersifat digital dapat dipasarkan melalui internet dengan cara mendownload

secara elektronik. Dalam perkembangannya obyek yang ditawarkan melalui

internet juga meliputi barang-barang kebutuhan hidup lainnya.

4. Produk barang tak berwujud

Banyak perusahaan yang bergerak di bidang e-commercen dengan

menawarkan barang tak berwujud separti data, software dan ide-ide yang

dijual melalui internet.

2.2.2 Klasifikasi E – Commerce

Secara umum e-commerce dapat diklasifasikan menjadi dua jenis yaitu :

1. Business to Business (B2B) adalah sistem komunikasi bisnis online antar

pelaku bisnis. Dalam Business to Business pada umumnya transaksi

dilakukan oleh para trading partners yang sudah saling kenal dengan format

data yang telah disepakati bersama.

Page 25: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

11

2. Business to Consumer (B2C) merupakan mekanisme toko online (electronic

shopping mall), yaitu transaksi antara e-merchant dengan e-customer. Dalam

Business to Customer sifatnya terbuka untuk publik, sehingga setiap individu

dapat mengaksesnya melalui suatu web server.

2.3 Content Management System (CMS)

2.3.1 Pengertian Content Management System (CMS)

Pada saat ini banyak sekali aplikasi – aplikasi yang tersedia untuk

memasarkan produk khususnya secara online. Namun, beberapa aplikasi tersebut

ada yang memiliki tingkat kesulitan maupun tingkat pemahaman yang tinggi

untuk dimengerti oleh penggunanya.

Dalam Susarirumi (Rohi Abdullah, 2016), CMS (Content Management

System) merupakan sebuah aplikasi berbasis web yang digunakan untuk

menambahkan dan memanipulasi isi dari suatu website. (Sarwandi, 2017 : 25),

CMS (Content Management System) adalah perangkat lunak yang digunakan

untuk menambahkan atau memanipulasi (mengubah) isi suatu situs web, ia juga

mengatakan bahwa CMS merupakan situs web yang menerapkan system

berorientasi terhadap konten.

Kecanggihan dan fitur masing – masing CMS tergantung pada CMS yang

digunakan. Penggunaan yang diterapkan CMS dalam hak aksesnyapun sangat

bervariasi sesuai CMS masing - masing. Mulai dari server akses user anggota

yang hanya dapat mengirimkan data tertentu berupa komentar kemudian editor

yang dapat mengirimkan suatu artikel/berita (untuk CMS yang menyediakan

fasilitas ini), hingga level administrator yang melakukan semua fitur yang ada.

Page 26: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

12

CMS atau sistem manajemen konten merupakan cara mudah untuk membuat

website secara cepat dan mudah. Sehingga lebih memudahkan sebuah perusahaan

melakukan pemasaran menggunakan aplikasi ini karena masyarakat umum yang

belum mengenal lebih jauh tentang pemrograman dapat dengan mudah

mengetahui dan mempelajari website ini.

2.3.2 Jenis – Jenis Content Management System (CMS)

Sarwandi (2017 : 26), berdasarkan pada fungsinya, CMS dapat dibagi atas:

a. CMS Portal, adalah sebuah server CMS yang mempunyai banyak layanan,

seperti layanan berita, forum, mailing list, e-mail dan lain sebagainya.

b. CMS E-Learning, adalah server CMS yang bertujuan untuk keperluan

proses belajar mengajar jarak jauh.

c. CMS Forum, adalah server CMS yang menyediakan media untuk proses

diskusi secara online.

d. CMS Gallery, adalah server CMS yang menyediakan wadah untuk

menampilkan gallery foto.

e. CMS E-Commerce, adalah sebuah sever CMS yang bertujuan agar dapat

melakukan proses transaksi online.

CMS juga dapat dikelompokkan berdasarkan pada sifatnya, yaitu:

a. WCMS Komersial, jenis WCMS seperti ini jelas kita harus membayar

untuk menggunakannya serta untuk mendapatkan source code-nya.

b. WCMS Open Source, ini merupakan WCMS yang paling banyak beredar

di internet, karena bersifat open source dan berlisensi GPL.

Page 27: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

13

2.2.3 Macam – macam Perangkat Lunak CMS

Dalam (Sarwandi, 2017: 27 – 30), ada beberapa perangkat lunak yang

berbasis Content Management System (CMS) antara lain sebagai berikut:

1. Drupal

Drupal adalah sebuah perangkat lunak sistem manajemen konten yang bebas

dan terbuka yang didistribusikan di bawah lisensi GPL. Drupal dapat

dipasang pada beberapa jenis database seperti MySQL, PostgreSQL, SQLite,

MariaDB, dan juga MsSQL.

2. Joomla

Joomla adalah sistem manajemen konten (CMS) yang bebas dan terbuka

(Free open source), ditulis menggunakan bahasa pemrograman PHP dan

basis data MySQL untuk keperluan di internet mapun intranet. Fitur – fitur

joomla diantaranya adalah caching untuk peningkatan performansi, RSS,

blogs, poling.Joomla menggunakan lisensi GPL.

3. Wordpress

Wordpress adalah sebuah aplikasi sumber terbuka (Open source) yang sangat

popular digunakan sebagai mesin blog (blog engine). Wordpress dibangun

menggunakan bahasa pemrograman PHP dan basis data MySQL.Selain

sebagai blog, wordpress juga mulai digunakan sebagai sebuah CMS (Content

Mangement System) karena kemampuannya untuk dimodifikasi dan

disesuaikan dengan kebutuhan penggunanya.Wordpress di distribusikan

dengan lisensi public umum GNU.

Page 28: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

14

4. Plone

Plone merupakan perangkat lunak CMS berlisensi GPL dan dikembangkan

melalui bahasa Phyton dan berjalan disemua sistem operasi.

5. VBulletine

VBulletine merupakan perangkat lunak CMS berbayar yang digunakan untuk

membangun website, portal, forum diskusi yang berskala besar. Vbulletin

dikembangkan menggunakan bahasa pemrograman PHP dan database

MySQL.

6. Moodle

Moodle adalah singkata dari Modular Object oriented Dynamic Learning

Environment merupakan paket perangkat lunak yang diproduksi untuk

kegiatan belajar berbasis internet dan situs web yang menggunakan prinsip

social constructionist pedagogy. Moodle dapat digunakan secara bebas

sebagai produk sumber terbuka (opensource) dibawah lisensi GNU.

7. MediaWiki

MediaWiki adalah sebuah paket perangkat lunak wiki yang menggunakan

lisensi GNU (General Public license). MediaWiki merupakan perangkat

lunak yang dibuat secara khusus untuk Wikipedia dan proyek – proyek

lainnya, tetapi sekarang ini sudah digunakan secara luas.

8. Opencart

Opencart merupakan sebuah sistem manajemen konten berbasis web yang

berlisensi GPL versi 3. CMS ini dirancang juga kaya akan fitur, dan salah

satunya adalah pengaturan agar mudah dikenali oleh mesin pencari.

Page 29: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

15

2.4 Prestashop

Dalam (Sarwandi, 2017 : 31) di sebutkan sejarah prestashop yakni CMS

Prestashop didirikan pada bulan Agustus 2007 di Perancis oleh sekelompok orang

dari Paris yang profesional dalam bidang programmer dan e – commerce, yaitu

Igor Schlumberger dan Bruno Leveque. Pada tanggal 31 Juli 2008, prestashop

berhasil mengeluarkan versi 1.0 yang stabil. Pada tahun 2010 CMS Prestashop

terpilih sebagai Best Open Source e – commerce yang diadakan oleh PACKT

Publishing.

Prestashop adalah sebuah CMS Open Source yang merupakan sistem e –

commerce dengan berbagai fitur dan fasilitas terkini, sebut saja web. 2.0 style,

mendukung clean-url dan menyediakan modul-modul yang bisa dimanipulasi

sehingga sesuai dengan kebutuhan. Berbeda dengan CMS yang lain, prestashop

lebih berfokus pada e-commerce. Prestashop dapat dikelola dengan mudah serta

memiliki berbagai modul yang dibutuhkan. Baik untuk pengaturan produk,

pembayaran, mesin pencari, tools seperti ucapan ulang tahun, watermark produk,

dan banyak modul lain yang telah tersedia untuk mendukung pembuatan toko

online yang handal.

(Sarwandi, 2017 ; 32) Prestashop merupakan system toko online atau

berbelanja secara online yang bersifat terbuka (Open Source). Menjadi sebuah

solusi untuk berbisnis di internet dengan kemampuan untuk membuat sebuah toko

online yang profesional dan berpartisipasi dalam e-commerce dengan

menggunakan biaya yang minimum.

Page 30: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

16

2.4.1 Keunggulan Prestashop

(Sarwandi, 2017 : 32), Adapun keunggulan dari Prestashop yakni sebagai

berikut :

1. Sudah support bahasa Indonesia.

2. Fitur yang lengkap (cart, featured products, tags products, dan lain – lain).

3. Tampilan yang menarik.

4. Membedakan antara pemasok dan merek.

5. Adanya tag produk.

6. Pilihan beberapa cara pengiriman dan pembayaran.

7. Adanya fitur bingkisan hadiah.

8. Adanya fitur untuk me – retur order.

Selain itu karena para pelanggan khususnya masyarakat Indonesia lebih

cenderung mengutamakan kemudahan yang merupakan factor utama dalam

melakukan transaksi secara online dan prestashop secara tidak langsung

memberikan kemudahan tersebut terhadap pelanggan seperti :

1. Mudahnya sebuah produk ditemukan.

2. Mudahnya memperoleh informasi secara detail dari produk.

3. Mudahnya menyelesaikan belanja dan transaksinya.

2.4.2 Kelemahan Prestashop

(Sarwandi, 2017 : 33) Adapun kelemahan dari prestashop sebagai berikut :

1. Belum tersedianya media untuk interaksi user. User hanya bias memberikan

komentar.

2. Back – end sangat lambat untuk dikelola dan melakukan pemeliharaan.

Page 31: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

17

3. Untuk free theme masih kurang tersedia.

Dari berbagai jenis aplikasi Content Management Siystem (CMS) diatas

penulis menggunakan Prestashop.

2.5 MySQL

MySQL adalah sebuah server database open source yang paling popular

keberadaannya. MySQL umumnya digunakan bersamaan dengan skrip PHP untuk

membuat aplikasi server yang dinamis dan powerful. SQL merupakan singkatan

dari Structured Query Language. SQL digunakan untuk berkomunikasi dengan

sebuah database. Sesuai dengan ANSI, SQL merupakan bahasa standar untuk

sistem manajemen database relasional. Statement SQL digunakan untuk

melakukan tugas – tugas seperti melakukan update terhadap database, atau

mengambil data dari sebuah database.

Ada pun menurut Bunafit Nugroho dalam Viviliana Siang (2013 : 2),

menurutnya MySQL adalah sebuah program database server yang mampu

menerima dan mengirimkan datanya dengan sangat cepat, multi user, serta

menggunakan perintah standar SQL (Structured Query Language).

Database akan menjadi sangat berguna saat menyimpan informasi yang

dikategorikan secara logis. Beberapa database relasional yang menggunakan SQL

dan cukup ngetop adalah MySQL, Oracle, Sybase, Microsoft SQL Server, Access,

Ingres, etc. Meskipun sebagian besar sistem database menggunakan SQL, namun

sebagian besar dari mereka juga memiliki ekstensi khusus yang hanya bisa

digunakan di sistem masing- masing. Namun demikian, perintah standar SQL

seperti “Select”, “Insert”, Update”, “Delete”, “Create”, dan “Drop” dapat

Page 32: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

18

digunakan untuk melakukan hampir semua hal yangperlu dilakukan terhadap

sebuah database.

2.6 Xampp

(Sarwandi, 2017 ; 39) Xampp adalah perangkat lunak bebas yang

mendukung banyak sistem operasi, merupakan campuran dari beberapa program.

Yang mempunyai fungsi sebagai server yang berdiri sendiri (localhost), yang

terdiri dari program MySQL database, Apache HTTP Server, dan penerjemah

ditulis dalam bahasa pemrograman PHP dan Perl. Program ini tersedia dalam

GNU (General Public License) dan bebas, merupakan web server yang mudah

digunakan dan dapat melayani tampilan halaman web yang dinamis.

Xampp adalah singkatan yang setiap hurufnya adalah :

a. X : Program ini dapat dijalanka dibanyak sistem operasi, seperti windows,

Linux, Mac OS, dan Solaris.

b. A : Apache, server aplikasi database. Pertumbuhannya disebut SQL

singkatan dari Structured Query Language. SQL merupakan bahasa

terstruktur yang difungsikan untuk mengolah database. MySQL dapat

digunakan untuk membuat dan mengelola database dan isinya. Bisa

juga memanfaatkan MySQL guna untuk menambahkan, mengubah, dan

menghapus data dalam database.

c. P : PHP, bahasa pemrograman web. Bahasa pemrograman PHP adalah

bahasa pemrograman untuk membuat web yang server – side scripting.

PHP digunakan untuk membuat halaman web dinamis. Sistem

manajemen database yang sering digunakan dengan PHP adalah

Page 33: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

19

MySQL, namun PHP juga mendukung pengelolaan sistem database

Oracle, Microsoft Access, Interbase, d-base, PostgreSQL, dan

sebagainya.

d. P : Perl, bahasa pemrograman untuk semua tujuan, pertama kali

dikembangkan oleh Larry Wall, mesin Unix. Perl dirilis pertama kali

tanggal 18 Desember 1987 yang ditandai dengan keluarnya Perl 1. Pada

versi – versi selanjutnya, Perl juga tersedia untuk berbagai sistem

operasi Unix (SunOS, Linux, BSD, HP – UX), juga tersedia untuk

sistem operasi seperti DOS, Windows, Power PC, BeOS, VMS,

EBCDIC, dan Pocket PC.

2.7 Penelitian Terdahulu

Penelitian ini telah dilakukan oleh para peneliti terdahulu. Penelitian

terdahulu ini diambil dari berbagai jurnal yang telah di terbitkan oleh lembaga

penelitian maupun instansi – instansi pendidikan. Berikut adalah penelitian

terdahulu yang akan dijelaskan sebagai berikut :

Ida Astarina dan Berliana Kusuma Riasti (2012) yang berjudul

“Pembuatan Sistem Prnjualan Online Pada Toko Pn Musik Sukoharjo”.

Menurutnya dalam dunia bisnis media promosi menjadi faktor yang sangat

penting untuk memperkenalkan barang dan jasa yang di hasilkan. Sehingga

banyak cara yang ditempuh para pengusaha untuk memperbaiki sistem penjualan

yang ada saat ini baik dari cara tradisionl maupun modern. Dalam zaman sekarang

ini internet bukanlah hal yang asing lagi,banyak pengusaha yang mengunakan

internet sebagai alat penjualan melalui yaitu penjualan online. Supaya dapat

Page 34: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

20

memperbaiki sistem penjualan mereka dalam hal penginformasian barang dan jasa

yang dihasilkan. Penelitian ini bertujuan untuk memperluas jangkauan pemasaran

yang sudah ada,terutama melaui web dan juga dapat meningkatkan penjualan

sehingga akan terjadi keuntungan yang sangat maksimal bagi Toko “PN MUSIK”

ini. Dalam hal ini penjualan online berbasis web menggunakan Prestashop.

Viviliana Siang, Margareta Susanto dan Desy Iba Ricoida (2013), yang

berjudul “Perancangan Sistem Informasi Penjualan Berbasis Web pada Pempek

Nony 168 Palembang”. Menurutnya untuk mempermudah hubungan antara

perusahaan dengan pelanggan, perusahaan memerlukan transaksi berbasis web.

Dimana tujuan dari penulisan skripsi ini sendiri adalah membangun sistem

informasi penjualan berbasis web yang dapat memberikan informasi baik untuk

pihak perusahaan maupun pelanggannya itu sendiri. Metodologi yang digunakan

untuk merancang sistem ini adalah metodologi RUP, bahasa pemrograman dan

data base yang digunakan pada pembuatan sistem ini adalah PHP dan MySQL.

Dengan dibangunnya sistem ini dapat memperluas promosi penjualan pempek,

mempermudah agar pelanggan yang berada diluar kota Palembang dapat

melakukan transaksi penjualan dan meningkatkan pendapatan.

Susarirumi (2017) yang berjudul “Analisis Dan Perancangan Sistem

Informasi Penjualan e-commerce Dengan Aplikasi Cms Pada Pt. Kedaung Medan

Industrial Ltd Cabang Batam”. Menurutnya Dalam meningkatkan pemasaran dan

penjualan produk kepada konsumen perlu menerapkan strategi bisnis jitu untuk

meningkatkan pangsa pasar baru. Masalah yang dialami PT. Kedaung Industrial

Page 35: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

21

Ltd cabang Batam adalah daya saing yang semakin tinggi dengan adanya media

online. Perancangan system infomasi pemasaran menggunakan pemodelan system

informasi diagram konteks, Data Flow Diagram, ERD (Entity Relatonship

Diagram), dan rancangan aplikasi berbasis situs web e-commerce dengan

merancang system informasi yang cepat dan tepat kepada pelanggan, memberikan

kemudahan bagi calon konsumen, dan memberikan aplikasi berbasis situs web e-

commerce yang mudah digunakan oleh pelanggan. Berdasarkan rancangan system

informasi pemasaran mampu mengelola seperti membuat laporan penjualan,

mengontrol persedian produk, melakukan pencarian data produk menggunakan

hasil aplikasi berbasis system informasi pemasaran situs web e-commerce mampu

memberikan pilihan transaksi jual-beli kepada konsumen sehingga pengelolaan

data yang lebih efektif dan penyajian informasi yang cepat dan fleksibel. Sistem

informasi pemasaran ini dibuat menggunakan Wordpress CMS dan basis data

menggunakan Xampp dan MySQL.

Page 36: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

22

BAB III

METODOLOGI PENELITIAN

3.1 Kerangka Kerja

Adapun skema kerangka kerja sebagai berikut :

Gambar. 3.1 Kerangka Kerja

3.1.1 Desain Penelitian

Didalam penelitian ini penulis menggunakan metode deskriptif yaitu

membuat gambaran dari objek yang diteliti secara sistematis, factual dan akurat

tentang fakta, sifat, dan hubungan antar fenomena yang ada saat ini.

3.1.2 Jenis dan Metode Pengumpulan Data

Metode pengumpulan data adalah teknik atau cara yang digunakan penulis

untuk mengumpulkan data yang diperlukan dalam penyusunan laporan. Adapun

Toko Pramuka Batam

Menganalisis Masalah

Mengumpulkan Data

Mengimplementasikan

Merancang Sistem Informasi

Page 37: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

23

jenis dan metode penelitian yang penulis gunakan saat membuat Toko Pramuka

Batam yang bebasis online.

3.1.2.1 Sumber Data Primer (Wawancara dan Observasi)

Agar memperoleh data yang dibutuhkan secara akurat penulis sendiri

yang meneliti langsung untuk penelitian ini. Penulis membuat dan melihat serta

mencari tahu tentang atribut yang ingin dipasarkan. Adapun teknik pengumpulan

data yang penulis gunakan dalam penelitian ini adalah :

1. Wawancara

Wawancara merupakan teknik pengumpulan data yang dilakukan melalui

tatap muka dan tanya jawab langsung antara pengumpul data maupun peneliti

terhadap nara sumber atau sumber data.

Wawancara dilakukan penulis dengan nara sumber berdasarkan waktu yang

telah ditentukan dan disepakati terlebih dahulu, sehingga data yang diperoleh

langsung dari sumber datanya.

2. Observasi

Metode pengumpulan data dengan observasi bisa secara langsung untuk

melihat sistem kerja pada perusahaan. Observasi yang dilakukan dengan cara

mengamati semua dokumen – dokumen yang berhubungan dengan sistem

informasi penjualan kemudian menjadikan sebuah ide untuk membangun suatu

usaha.

Page 38: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

24

3.1.2.2 Sumber Data Sekunder (Dokumentasi)

Untuk sumber data sekunder berupa dokumen penulis mengumpulkan

informasi yang berupa data – data yang berhubungan dengan skripsi Toko Atribut

Pramuka Batam untuk dijadikan bahan referensi dalam penyusunan skripsi.

Dokumen yang diperoleh penulis dari Toko Atribut Pramuka Batam adalah

informasi harga barang dan sumber barang.

3.1.3 Metode Pendekatan dan Pengembangan Sistem

3.1.3.1 Metode Pendekatan Sistem

Metode pendekatan perancangan terstruktur dilengkapi dengan alat – alat

(tools) dan teknik – teknik yang dibutuhkan dalam pengembangan sistem,

sehingga hasil akhir dari sistem yang dikembangkan akan didapatkan sistem yang

strukturnya didefinisikan dengan baik dan jelas. Melalui pendekatan terstruktur ,

permasalahan – permasalahan yang kompleks dalam sistem akan mudah untuk

dipelihara, fleksibel, lebih memuaskan pengembangan sistem informasi

pemakainya, mempunyai dokumentasi yang baik, tepat pada waktunya, sesuai

dengan anggaran biayanya, dapat meningkatkan produktivitas dan kualitasnya

akan lebih baik (bebas kesalahan).

3.1.3.2 Metode Pengembangan Sistem

Pada penelitian ini, metode pengembangan sistemnya menggunakan metode

paradigma Waterfall. Metode ini memiliki 5 tahap pengembangan untuk suatu

perangkat lunak yang akan dirancang. Tahap penyusunan terstruktur dari atas

kebawah, yaitu :

Page 39: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

25

1. Analisi Sistem (Analysis System) merupakan penentuan definisi dari sistem

yang diperlukan, penjelasan dan tujuan dari sistem dapat diperoleh melalui

konsultasi dengan pengguna sistem.

2. Desain Sistem (System Design), desain sistem membagi proses dari

kebutuhan yang diperlukan kesalah satu perangkat keras atau perangkat

lunak. Desain sistem menetapkan arsitektur sistem secara menyeluruh. Desain

perangkat lunak melibatkan pengidentifikasian dan pendeskripsian dari sistem

beserta relasinya.

3. Penulisan Program (Cosing) atau Generasi Kode, desain harus diterjemahkan

dalam bentuk mesin yang bisa dibaca. Langkah pembuatan kode melakukan

tugas ini. Jika desain dilakukan dengan cara yang lengkap, pembuatan kode

dapat dilakukan secara mekanis.

4. Pengujian (Testing), unit program atau program diintegrasikan dan diuji

sebagai satu sistem untuk memastikan bahwa seluruh kebutuhan perangkat

lunak telah terpenuhi setelah pengujian sistem diberikan kepada pengguna.

5. Pemeliharaan (Maintenance), instalasi sistem dan pemeliharaan sistem

dilakukan untuk mengembangkan implementasi dari unit sistem.

Page 40: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

26

Gambar 3.2 Diagram Waterfall

3.1.3.3 Alat Bantu Analisis dan Perancangan

Untuk dapat bisa melakukan langkah atau prosedur yang sesuai dengan

yang diberikan oleh metode pengembangan sistem yang telah terstruktur ,maka

dibutuhkan alat dan Alat-alat pengembangan sistem yang digunakan adalah suatu

alat berbentuk grafis yang sifatnya berupa suatu bagan. Bagan adalah suatu alat

berbentuk grafis yang sifatnya umum, yaitu dapat digunakan semua metodologi

yang ada. Adapun alat bantu perancangan diantaranya adalah :

1. Diagram Kontek

Diagram konteks adalah diagram yang terdiri dari suatu proses dan

menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level

tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output dari

sistem. Ia akan memberikan gambaran tentang keseluruhan sistem. Sistem dibatasi

Page 41: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

27

oleh boundary. Dalam diagram konteks hanya ada satu proses. Tidak boleh ada

store dalam diagram konteks.

2. Data Flow Diagram/ Diagram Aliran Data

DFD adalah diagram aliran data merupakan model dari sistem untuk

menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu

keuntungan menggunakan diagram aliran data adalah memudahkan pemakai atau

user yang kurang menguasai bidang komputer untuk mengerti sistem yang

dikerjakan. Element dasar dari diagram aliran data yang memiliki simbol-simbol

yang digunakan dalam diagram arus data yaitu :

1. Kesatuan Luar (External Entity)

Sesuatu yang berada diluar sistem, tetapi ia memberikan data kedalam sistem

atau memberikan data dari sistem, disimbolkan dengan suatu kotak notasi.

External entity tidak termasuk bagian dari sistem.Bila sistem informasi

dirancang untuk menjadi enternal entity.

2. Arus Data ( Data Flow )

Arus data merupakan tempat mengalirnya informasi dan digambarkan dengan

garis yang menghubungkan komponen dari sistem. Arus data ditunjukkan

dengan arah panah dan garis diberi nama atas arus data yang mengalir.Arus

data ini mengalir diantar peroses, data store dan menunjukkan arus dari data

yang berupa masukan untuk sistem atau hasil proses sistem.

Page 42: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

28

3. Proses ( Process)

Proses merupakan apa yang dikerjakan oleh sistem. Proses dapat mengolah

data atau aliran data masuk menjadi aliran data ke luar. Proses berfungsi

mentranasformasikan satu atau beberapa data masukan menjadi satu atau

beberapa data keluaran sesuai dengan spesifikasi yang diinginkan. Setiap

proses memiliki satu atau beberapa masukan serta manghasilkan satu atau

beberapa data keluaran. Proses sering pula disebut bubble.

4. Simpanan Data ( Data Store )

Simpanan data merupakan tempat penyimpanan data pengikat data yang ada

dalam sistem. Data store dapat disimbolkan dengan sepasang dua garis

dengan salah satu sisi samping terbuka. Proses dapat mengambil data dari

atau memberikan data ke database.

Atribut yang bernilai atomic, tidak dapat dipecah/ dipilah lagi.Contoh :

Alamat, penerbit, tahun terbit, judul buku.

a. Atribut Multivalue

Nilai dari suatu attribute yang mempunyai lebih dari satu (multivalue) nilai

dari atrribute yang bersangkutan. Contoh : dari sebuah buku, yaitu terdapat

beberapa pengarang.

b. Atribut Composite

Atribut composite adalah suatu atribut yang terdiri dari beberapa atribut

yang lebih kecil yang mempunyai arti tertentu yang masih bisah dipecah

lagi atau mempunyai sub attribute. Contoh : dari entitas nama yaitu nama

depan, nama tengah, dan nama belakang.

c. Atribut Derivatif

Page 43: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

29

Atribut yang tidak harus disimpan dalam database Ex. Total. atau atribut

yang dihasilkan dari atribut lain atau dari suatu relationship. Atribut ini

dilambangkan dengan bentuk oval yang bergaris putus-putus

3. Kamus Data

Kamus data atau data dictionary atau disebut juga dengan istilah system

data dictionary adalah katalog fakta tentang data dan kebutuhan- kebutuhan

informasi dari suatu sistem informasi.Kamus data dapat mendefinisikan data yang

mengalir di sistem dengan lengkap.Kamus data dibuat berdasarkan arus data yang

ada dalam DFD (Data Flow Diagram) dan hanya ditunjukkan arus datanya saja.

Jogiyanto dalam Susarirumi (2017).

3.2 Gambaran Umum Perusahaan

3.2.1 Sejarah Singkat Perusahaan

Toko Pramuka Batam merupakan toko yang bergerak dibidang

distributor barang pakaian dan aksesoris pramuka. Pakaian dan aksesoris yang

diperoleh dari pasar induk Jakarta yakni Kedai Pramuka. Usaha ini dibangun

karena kebutuhan dari para anggota pramuka diberbagai daerah, mengingat kini

kegiatan pramuka telah diwajibkan oleh Pemerintah Indonesia maka untuk

Batam sendiri membangun Toko Pramuka Batam agar tidak lagi masyarakat

yang berkecimpungan didunia pramuka bersusah payah memesan jauh atribut

pramuka hingga ke Jakarta. Toko Pramuka sendiri telah berdiri dari tahun 2015

hingga sekarang ini.

Page 44: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

30

3.2.2 Visi dan Misi Perusahaan

Dalam setiap perusahaan tentunya memiliki standarisasi mutu yang baik

dan tujuan yang tepat agar sebuah perusahaan dapat berjalan dengan baik dan

terarah. Oleh karena itu, pentingnya suatu perusahaan dalam merumuskan visi

dan misi. Adapun visi dan misi Toko Pramuka Batam adalah sebagai berikut:

a. Visi

Yakni menjadi penyedia pakaian dan aksesoris pramuka yang unggul dan

dibutuhkan oleh anggota Gerakan Pramuka yang ada di Batam.

b. Misi

1. Menjaga dan meningkatkan kualitas produk agar tetap menjadi yang

terbaik.

2. Memenuhi dan meningkatkan pemasaran dan kebutuhan masyarakat

akan pakaian dan aksesoris Pramuka.

3.2.3 Struktur Organisasi Perusahaan

Dalam setiap perusahaan memiliki struktur organisasi yang bertujuan agar

setiap pekerjaan dapat terarah berdasarkan tanggung jawab masing – masing

karyawan. Struktur organisasi ini juga berfungsi agar tujuan dari suatu

perusahaan dapat tercapai dengan baik. Tugas yang terpenting yang diterapkan

pada karyawan adalah agar para konsumen tetap mendapatkan pelayanan yang

terbaik, namun disamping itu para karyawan juga memiliki tanggung jawab

sesuai devisi masing. Struktur organisasi pada Toko Pramuka Batam sebagai

berikut :

Page 45: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

31

Gambar 3.3 Struktur Organisasi pada Toko Pramuka Batam

OWNER

ADMIN

RESELLER RESELLER RESELLER RESELLER

Page 46: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

32

BAB IV

ANALISIS DAN IMPLEMENTASI

4.1 Analisis Sistem Yang Berjalan

Analisis sistem merupakan gambaran tentang sistem yang saat ini sedang

berjalan dan untuk mempelajari sistem yang ada. Analisis sistem diperlukan

untuk menggambarkan aliran – aliran informasi dari bagian – bagian yang terkait,

baik dari dalam maupun luar organisasi. Selain itu, diperlukan identifikasi dan

evaluasi permasalahan – permasalahan maupun hambatan – hambatan yang terjadi

sehingga dapat diusulkan perbaikan yang akan dilakukan pada system tersebut.

Analisis ini juga bertujuan untuk membuat sistem yang baru agar terkomputerisasi

sehingga dapat lebih efektif dan efisien.

4.1.1 Analisis Prosedur Yang Sedang Berjalan

Berikut ini adalah gambar proses alur system informasi sistem yang sedang

berjalan pada Toko Pramuka Batam :

Page 47: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

33

Alur Sistem Informasi yang Sedang Berjalan

Bag. PenjualanKonsumen

Barang yang diinginkan

Barang yang diinginkan

Barang tidak ada Periksa persediaan

barang

Barang ada

Membuat nota

penjualan

Nota penjualanNota penjualan

Membuat laporan

penjualan

Nota penjualan

Gambar 4.1 Alur Kegiatan Secara keseluruhan

4.1.2 Evaluasi Sistem Yang Sedang Berjalan

Sistem yang sedang berjalan saat ini merupakan sistem yang masih manual,

dengan melihat perkembangan teknologi yang semakin maju diperlukan sebuah

sistem yang baru untuk memudahkan para konsumen dalam menikmati

Page 48: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

34

kemudahan dalam bertransaksi. Dibanding dengan sistem yang sedang berjalan

saat ini, prosesnya tidak cukup efisien dan efektif. Untuk itu, diperlukan

pembaharuan untuk melancarkan system pemasaran.

4.2 Analisis Sistem Yang Diusulkan

Analisis yang dilakukan pada tahap ini bertujuan untuk mengidentifikasi

dan mengklasifikasi sistem transaksi secara manual yang sedang berjalan saat ini

ke sistem yang baru yaitu melalui website. Pemilihan website bertujuan untuk

lebih memudahkan para konsumen tanpa harus datang langsung, sehingga

hasilnya lebih efektif dan efisien.

4.2.1 Perancangan Prosedur Yang Diusulkan

Berikut ini adalah perancangan prosedur system informasi penjualan yang

diusulkan pada Toko Pramuka Batam:

1. Customer yang akan membeli harus memesan terlebih dahulu dan

memastikan barang yang akan di pesannya.

2. Produk yang telah dipilih akan masuk ke keranjang belanja.

3. Apabila konsumen ingin menambah produk lagi maka konsumen kembali

masuk daftar produk dan memilih produk lagi yang diinginkan.

4. Setelah konsumen selesai memilih produk maka konsumen mengisi data

berupa alamat pengiriman.

5. Setelah itu bagian Penjualan akan mengirim konfirmasi kepada konsumen

berupa biaya yang harus dibayarkan.

6. Jika konsumen sudah melakukan pembayaran maka konsumen wajib

memberikan konfirmasi pembayaran.

Page 49: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

35

7. Setelah itu bagian penjualan akan mengirimkan barang yang telah dipesan

ke alamat yang sudah dikirimkan konsumen.

8. Admin akan mengirimkan konfirmasi berupa info pengiriman barang via

email ke konsumen.

9. Bagian penjualan mencetak laporan penjualan sebanyak dua rangkap, satu

untuk diarsipkan dan satu lagi diserahkan kepada pemilik.

mulai

Pemilihan produk

Add o cart

Total pembelian

checkoutLanjut belanja

pembeli

Register Login

Konfirmasi pembayaran

Pengiriman pesanan pembeli

selesai

Tidak Ya

Gambar 4.2 Aliran Sistem yang Diusulkan

4.2.2 Diagram Konteks

Diagram konteks merupakan suatu proses yang menggambarkan ruangl

ingkup sebuah sistem, seperti yang terlihat pada gambar dibawah ini :

Nota Pembayaran Register Customer

Nota Penjualan Laporan Penjualan

Laporan Keuangan

Gambar 4.3 Diagram Konteks

Admin

SI

Penjualan Pembeli Owner

Page 50: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

36

4.2.3 DFD Level 0

Dibawah ini adalah Data Flow Diagram dari sebuah model system informasi

pada penelitian ini :

Gambar 4.4 DFD Level 0

DFD level 0 menunjukkan bahwa semua aliran data yang ada menuju pada

satu proses, yaitu Sistem Informasi penjualan pada Toko Pramuka Batam ada dua

entitas yang terlibat yaitu entitas Admin dan entitas User. Masing-masing entitas

memiliki data masukkan dan data keluaran pada sistem.

4.3 Rancangan Antar Muka

4.3.1 User Interface pada User

4.3.1.1 Rancangan Halaman Index

Halaman index merupakan halaman utama dimana setiap pengguna

system akan secara otomatis memasuki halaman ini disaat pertama kali

menggunakan system ini. Disini akan disediakan tombol-tombol untuk berpindah

halaman yaitu tombol profil, produk dan kontak.

Sistem Informasi

Penjualan Toko

Pramuka Batam Aministrator

Produk, Berita

User, Pemesanan,

Konfirmasi, Chatbox,

Kontak

User

Chatbox, Kontak,

Pemesanan, Konfirmasi

Produk, Berita

Page 51: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

37

4.3 Implementasi

4.3.1 Desain Input

Gambar 4.5 Perancangan Halaman Index

TOP BANNER

CONTACT

HEADER

LOGO

LOGIN

SEARCH TROLLEY

CATEGORIES

BANNER

NEW PRODUCTS

BUTTOM BANNER

INFORMATION BLOG

INFORMATION

FOOTER

Page 52: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

38

4.3.1.2 Perancangan Halaman Produk

Halaman ini akan menampilkan seluruh produk-produk yang ditawarkan

dari Toko Pramuka Batam secara detail dari produk itu sendiri sehingga user

dapat mengerti akan informasi yang ada.

Gambar 4.6 Perancangan Halaman Produk

TOP BANNER

CONTACT LOGIN

HEADER

LOGO SEARCH TROLLEY

CATEGORIES MENU

HOME

CATEGORIES PRODUCT 1

DESCRIPTION PRICE

INFORMATION PRODUCT 2

DESCRIPTION PRICE

BRANND PRODUCT 2

DESCRIPTION PRICE

NEW PRODUCT

PRODACT

PRODUCT 3

DESCRIPTION PRICE

Page 53: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

39

4.3.1.3 Perancangan Halaman Login Customer

Halaman ini akan menampilkan cara registrasi customer baru yang ingin

bergabung dengan Toko Pramuka Batam maupun yang sudah terdaftar di Toko

Pramuka Batam.

Gambar 4.7 Perancangan Halaman Login Customer

4.3.2 User Interface pada Administrator

4.3.2.1 Rancangan Antarmuka Tampilan Login Administrator

Gambar 4.8 Perancangan Halaman Login Administrator

TOP BANNER

CONTACT LOGIN

HEADER

LOGO SEARCH TROLLEY

CATEGORIES MENU

HOME

CREATE ACCOUNT

EMAIL ADRESS

CREAT YOUR ACCOUNT

EMAIL ADRESS

PASSWORD

LOGIN

Pramuka Batam

Email Adress

Password

Login

Page 54: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

40

4.3.2.2 Rancangan Antarmuka Halaman Index Administrator

Gambar 4.9 Perancangan Halaman Index Administrator

4.4 Implementasi

Implementasi dari analisis dan perancangan sistem yang telah dibuat.

Pembahasan mencakup implementasi user interface dan modul program yang

mendukung dalam membangun sistem informasi penjualan baju online pada Toko

Pramuka Batam.

Pramuka Batam

Search

Date

Catalog

Sales

Customer

Voucher

Modules and Service

Delivery

Location

Setting

Statistic

Dashboard

Forecast

Products and Sales

Dashboard

Page 55: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

41

4.4.1 Implementasi Halaman Index

Halaman index berisikan form login dan halaman pengunjung

diperuntukan bagi user yang belum login, user bisa melihat-lihat produk tetapi

belum dapat memesan sebelum melakukan registrasi sebagai anggota. Halaman

ini ditampilkan saat pengunjung pertama kali membuka sistem.

Gambar 4.10 Tampilan Halaman Index

Page 56: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

42

4.4.2 Implementasi Halaman Produk

Halaman ini berisi produk-produk dan berisi daftar kategori. Halam ini

bisa melihat keseluruhan produk atau melihat per-kategori. Adapun halaman

produk yang dapat ditampilkan sebagai berikut :

Gambar 4.11 Tampilan Halaman Produk

4.4.3 Implementasi Halaman Detail produk

Halaman ini berisi detail produk mulai dari warna, size, harga dan

quantity. Adapun detail produk yang dapat ditampilkan sebagai berikut :

Gambar 4.12 Halaman Detail Produk

Page 57: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

43

4.4.4 Implementasi Halaman Login Customer

Halaman ini menampilkan Form login customeryang terlah terdaftar

maupun yang baru akan mendaftar.

Gambar 4.13 Tampilan Login Customer

4.4.5 Implementasi Halaman Registrasi Customer

Halaman ini menampilkan Form Customer yang ingin melakukan

regitrasi.

Page 58: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

44

Gambar 4.14Tampilan Registrasi Customer

4.4.6 Implementasi Halaman Konfirmasi Pembayaran

Setelah kita memilih barang yang akan dibeli, kita pilih checkou t lalu

akan muncul halaman login seperti pada Gambar 4.13. Apabila kita sudah

memiliki akun maka kita tinggal kebagian alamat pengiriman, apabila belum

mempunyai akun maka kita diwajibkan membuat akun terlebih dahulu.

Page 59: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

45

Gambar 4.15 Tampilan Halaman Konfirmasi Alamat Pembayaran

4.4.7 Implementasi Halaman Shipping

Halaman ini berisi konfirmasi penjualan dan kurir yang kita pilih.

Gambar 4.16 Tampilan Halaman Shipping

Page 60: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

46

4.4.8 Implementasi Halaman Payment

Halaman ini berisi pilihan pembayaran customer. Adapun halaman

payment seperti di bawah ini :

Gambar 4.17 Tampilan Halaman Payment

Setelahmemilihcarapembayaranmakaakanmuncultampilankonfirmasiseperti di

bawahini :

Gambar 4.18 Tampilan Halaman Konfirmasi Pembayaran

Page 61: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

47

4.4.9 Implementasi Halaman Login Administrator

Halaman ini merupakan form login admin. Admin dapat melakukan

pengolahan data dengan cara login terlebih dahulu dengan memasukkan email

address dan password.

Gambar 4.19 Tampilan Login Administrator

4.4.10 Implementasi Halaman Index Administrator

Halaman ini muncul setelah login dari administrator :

Gambar 4.20 Tampilan Index Administrator

Page 62: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

48

4.4.11 Implementasi Halaman Input Produk Administrator

Halaman ini memuat untuk mengolah data daftar produk yang dilakukan

oleh administrator.

Gambar 4.21 Tampilan Input Produk Administrator

4.4.12 Implementasi Halaman Laporan Penjualan

Halaman ini memuat semua laporan order dari customer.

Gambar 4.22 Laporan Penjualan

Page 63: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

49

4.5 Hasil Pengujian dengan Menggunakan Metode Black Box

Metode ini sering disebut juga Glass box testing, yang menggunakan

control struktur dari rancangan procedural untuk melakukan test case, dan

mengetahui internal dari website. Design test dijalankan pada semua internal dari

website untuk memastikan beroperasi atau tidaknya website berdasarkan

spesifikasi dan desain.

Tabel 4.1 Pengujian Perangkat Form Admin

No Fungsi yang diuji Cara pengujian Hasil yang diharapkan

Hasil

pengujian

1. Edit dan hapus

produk

Login sebagai

admin, data

sudah ada

didatabase

Dapat merubah dan

menghapus produk

catalog baru kedalam

database

OK

2, Login Login sebagai

user

Masuk ke dalam halaman

user account

OK

3. Edit dan Hapus

user

Login sebagai

admin, data

sudah ada

didatabase

Dapat menambah dan

menghapus user yang

ada ke dalam database

OK

4. Tambah sub

category

Login sebagai

admin, data

sudah ada

didatabase

Dapat menambah sub

category baru pada

category produk yang

ada didalam data base

OK

5. Edit dan Hapus Login sebagai Dapat merubah dan OK

Page 64: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

50

category admin, data

sudah ada di

database

menghapus category

6. Search Login sebagai

admin dan user

Dapat mencari database

yang dicari yang ada di

database dengan keyword

OK

7. Upload dan hapus

produk

Login sebagai

admin, data

sudah ada di

database

Dapat menambah dan

menghapus produk

OK

8. Proses checkout Login sebagai

user

Dapat menentukan

proses penentuan alamat,

kurir pengiriman, dan

pembayaran

OK

9. View all user Login sebagai

admin

Dapat melihat semua

user yang sudah

melakukan registrasi

OK

10. View all category

Login sebagai

user, category

sudah ada di

database

Dapat melihat semua

category yang ada

didalam database

OK

Page 65: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

51

Tabel 4.2 Pengujian Perangkat Form User

No

Fungsi yang

diuji

Cara pengujian Hasil yang diharapkan

Hasil

pengujian

1.

Form halaman

utama

Memilih halaman

pertama

Menampilkan akses ke

halaman utama

OK

2.

Form

manajemen

pembayaran

Memilih

pembayaran

Menampilkan akses

pembayaran

OK

3.

Form menu

order

Memilih order

Menampilkan akses

untuk order

OK

4.

Form menu

produk

Memilih produk

Menampilkan akses

produk

OK

5. Form registrasi

Memilih

registrasi

Menampilkan akses

registrasi

OK

Page 66: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

52

BAB V

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dari berbagai penjelasan yang telah diuraikan dalam laporan ini, maka dapat

disimpulkan beberapa hal sebagai berikut:

1. Aplikasi ini menyajikan informasi terkait dengan Toko Pramuka Batam yang

ditujukan pada konsumen.

2. Dengan adanya aplikasi ini, informasi tentang produk terbaru di Toko

Pramuka Batam dapat terpublikasi dengan baik. Dengan adanya aplikasi ini

maka konsumen dapat melihat info tentang produk.

5.2 Saran

Adapun saran yang dapat penulis berikan untuk pengembangan dari sistem

yang telah dibuat antara lain:

1. Aplikasi dapat dikembangkan dan menampilkan seluruh proses order

sampai produk diterima dengan konsumen.

2. Diharapkan dapat dilakukan implementasi hasil, website telah digunakan

dalam jangka waktu tertentu sehingga dapat terlihat perbeda antara sistem

yang lama dan sistem yang baru dalam permasalahan e-commerce yang

berdampak pada besarnya profit yang diterima oleh perusahaan.

Page 67: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

53

DAFTAR PUSTAKA Astriana, Ida dan Riasti, Berliana Kusuma (2012). “Pembuatan Sistem Prnjualan

Online Pada Toko Pn Musik Sukoharjo”. Fakultas Teknologi Informatika Universitas Surakarta.

Siang, Viviliana dan Susanto, Margareta dan Iba Ricoida, Desy (2013). “Perancangan Sistem Informasi Penjualan Berbasis Web pada Pempek Nony 168 Palembang”. Program Studi Sistem Informasi STMIK GI MDP.

Susarirumi (2017). “Analisis Dan Perancangan Sistem Informasi Penjualane-Commerce Dengan Aplikasi Cms Pada Pt. Kedaung Medan Industrial Ltd Cabang Batam”.

Sarwandi. 2017. Otodidak Bikin Toko Online Dengan Prestashop. Jakarta - MediaKom.

Page 68: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

RIWAYAT HIDUP

Nama : Ika Nurisanti

Jenis Kelamin : Perempuan

Tempat / Tanggal Lahir : Batam, 08 April 1995

Agama : Islam

Status : Belum Menikah

Alamat Rumah : Nongsa Kavling, RT 006/RW 003

Kelurahan Sambau/Kecamatan Nongsa, Batam

Alamat Email : [email protected]

Pendidikan Formal :

Sekolah Dasar (2001 – 2007) : SD Negeri 001 Nongsa

SMP (2007 – 2010) : SMP Negeri 8 Batam

SMA (2010 – 2013) : SMA Negeri 15 Batam

Perguruan Tinggi (2013 – 2016) : - D3 Program Studi Akuntansi Permata Harapan –

Batam

- S1 Program Studi Sistem Informasi Sekolah

Tinggi Manajemen Informatika dan Komputer

(STMIK) Gici

Riwayat Pekerjaan :

1. Waitrees : Cafe Gubraks’s Food & Resto Panbil Mall

2. Waitress : Batam View Beach Resort

3. Anggota : Ditpam BP Batam (Divisi Pel.Internasional Batam Centre)

Page 69: PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO … · PERANCANGAN SISTEM INFORMASI PENJUALAN TOKO ... Berbasis Web”. Skripsi ini merupakan salah satu syarat yang harus dipenuhi ...

SEKOTAH TINGGI i,ANAJE]IIEN INFORMAilKADAN KOMPUTER GICI

Komp. BatuAji Cente Park Simpang Base Camp. Batam 29439Telp. (0778) 391 333 Fax. (0778)394 &r

GBS

Nama

NIM

Program Studi

Pembimbing

tudul

, /k4 LtuRt\v4Lln. /68@/37

: Sistem Informasi

S.Ksn,,*4-9

ukx Sogu^ fier.-6as,t

TANGGAL MATERI BIMBINGAN PARAFPEMBIMBING

Q *tarel t/ ficc SuJuLL

t8 ktxe* 17 &"er.1 tsetL 1- 3 t'

U /"Iar?t0 ba/b / -3 QevrY A

?< M arcfq Bo4 / o*^lt Ail n*( (7 E

ls Ailrf I 17 Revl)r' I a.L 2 t)

tL r-4A 17 P*" L,4t a--t y'----ta.A-L /z*6 2 o-e tae ^qu 0

R ^,L 3 *1c-4-er-ola p<-.t1-.4 \2S Net 17 p^//-^i- f f''-'* *14r Ol/^da**4r' 5

70 net {7 E a,-+ 3 o-* 1

t1 \lurri {7 h

l+</h^/- f7 h*3?& $

lg Ju/,' 17 Ba,t" s P g--Z-c-4-/---+*- tAz Jud,,lT /1a4 s &. II S /On#cC/ /lraa-7as-g--L,2f 4_ \lL kualus 17 Acz tftVSi .ag-ae{n11 . \

Ka.tb A1{gi\B 2oL7ti Sistetn Informasi

Batam,

(Sandy

'%/,t

S.Koml, M.Kom)NIDN. 1