ANALISIS PERANCANGAN SISTEM INFORMASIlibrary.stmikgici.ac.id/skripsi/161300009.pdf · analisis...

104
ANALISIS PERANCANGAN SISTEM INFORMASI PENJUALAN BAJU GAMIS PADA GERAI ADIES BERBASIS WEB SKRIPSI Oleh: Poniyem Rahayu 161300009 PROGRAM STUDI SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER (STMIK) GICI BATAM 2017

Transcript of ANALISIS PERANCANGAN SISTEM INFORMASIlibrary.stmikgici.ac.id/skripsi/161300009.pdf · analisis...

ANALISIS PERANCANGAN SISTEM INFORMASI PENJUALAN BAJU GAMIS

PADA GERAI ADIES BERBASIS WEB

SKRIPSI

Oleh: Poniyem Rahayu

161300009

PROGRAM STUDI SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

KOMPUTER (STMIK) GICI BATAM

2017

ANALISIS PERANCANGAN SISTEM INFORMASI PENJUALAN BAJU GAMIS

PADA GERAI ADIES BERBASIS WEB

SKRIPSI

Diajukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana

Oleh: Poniyem Rahayu

161300009

PROGRAM STUDI SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

KOMPUTER (STMIK) GICI BATAM

2017

iv

HALAMAN PERYATAAN

Nama Mahasiswa : Poniyem Rahayu

NIM : 161300009

Judul Skripsi : Analisis Perancangan Sistem Informasi Penjualan Baju Gamis

pada Gerai Adies Berbasis Web

Dengan ini menyatakan bahwa:

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

akademik (ahli madya, sarjana, magister, dan/atau doktor), 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 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, 14 Agustus 2017 Yang membuat pernyataan,

Poniyem Rahayu NIM: 161300009

v

KATA PENGANTAR

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

rahmat-Nya penulis dapat menyelesaikan Skripsi yang berjudul Analisis

Perancangan Sistem Informasi Penjualan Baju Gamis pada Gerai Adies Berbasis

Web 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. Bapak Kiatwansyah, selaku Ketua Pembina Yayasan Permata Harapan Bangsa

Batam,

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

3. Bapak Zainul Munir, selaku Ketua Sekolah Tinggi Manajemen Informatika dan

Komputer Gici Batam,

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

Informasi Sekolah Tinggi Manajemen Informatika dan Komputer Gici Batam,

5. Ibu Rahmi Oktarina, S.Pd.,M.Pd.T, dan Bapak Sandy Suwandana,M.Kom,

selaku Pembimbing yang telah mengarahkan dan membimbing penulis selama

mengerjakan Skripsi ini,

6. Staff Dosen dan Karyawan STMIK GICI Batam, yang telah banyak memberikan

ilmu dan kemudahan dalam penyelesaian Skripsi ini,

7. Ibu penulis yaitu Ibu Pani, yang sabar dan penuh kasih sayang, penulis khusus

mempersembahkan ucapan terima kasih yang tidak terhingga kepada Ibu

penulis atas segala nasehat, dukungan dan doa untuk penulis selama ini,

8. Adek-adek penulis yaitu Yuni, Anto dan Agus, yang telah memberikan

dukungan dan semangat kepada penulis selama ini,

9. Suami penulis yaitu T.Kasi Nachee, yang selalu membantu, mendukung dan

memotivasi penulis dalam segala hal,

vi

10. Pemilik Gerai Adies, yang telah meluangkan waktu dan memberikan

kemudahan kepada penulis dalam melakukan penelitian untuk menyelesaikan

skripsi ini,

11. Teman-teman kuliah penulis yaitu kak Desrina Sinaga, Ummy Hasanah,

Adelina Silalahi dan Juliana Sari, yang telah memberikan kenangan selama

kuliah serta motivasi dalam penyelesaian skripsi ini,

12. Semua pihak yang tidak dapat penulis sebutkan satu persatu yang mana telah

memberikan bantuan dan motivasi secara langsung maupun tidak langsung

kepada penulis dalam penyelesaian skripsi ini.

Penulis menyadari bahwa Skripsi ini masih banyak kekurangan, 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, 14 Agustus 2017

Penulis,

Poniyem Rahayu

vii

ABSTRAK

ANALISIS PERANCANGAN SISTEM INFORMASI

PENJUALAN BAJU GAMIS PADA GERAI ADIES BERBASIS WEB

Oleh: PONIYEM RAHAYU

Dosen Pembimbing :

Sandy Suwandana, M.Kom dan

Rahmi Oktarina, S.Pd.,M.Pd.T

Sistem informasi penjualan berbasis web adalah penjualan secara online, dimana pelanggan dapat membeli produk tanpa harus bertatap mukalangsung dengan penjual. Sistem informasi merupakan peranan yang sangat penting dalam kegiatan bisnis di suatu kegiatan perusahaan. Gerai Adies adalah salah satu perusahaan berlokasi di Batam yang masih menggunakan cara konvensional dalam mengolah data transaksi penjualan produk baju gamis sehingga membutuhkan waktu lebih lama dan dinilai kurang efektif. Tujuan dari penelitian ini yaitu untuk merancang sebuah sistem informasi penjualan berbasis web pada Gerai Adies agar dapat menunjang kelancaran dalam melakukan transaksi penjualan pada perusahaan tersebut. Pembangunan sistem informasi penjualan berbasis web ini merupakan langkah untuk meningkatkan penjualan sehingga dan memberikan keuntungan bagi perusahaan karena penjualan tidak hanya dilakukan pada perusahaan saja tetapi juga melalui online. Pembuat website ini merupakan menggunakan e-commerce open source yaitu CMS (Content Management System) Opencart versi 2.1.0.2. Hasil dari penelitian ini yaitu dengan mengimplementasikan sistem informasi penjualan berbasis web pada Gerai Adies dengan diharapkan sistem memiliki tampilan yang mudah dipahami sehingga dapat memudahkan penjual dalam mengolah transaksi penjualan dan juga memberikan pelayanan kepada pelanggan serta memudahkan pembeli dalam melakukan proses transaksi dan mengakses informasi yang dapat dilakukan di mana saja. Kata Kunci :Web, E-commerce, CMS (Content Mangement System), Opencart.

viii

ABSTRACT

ANALYSIS OF INFORMATION SYSTEM DESIGNING GAMIS CLOTHING SALES ON A WEB-BASED GERAI ADIES

By:

PONIYEM RAHAYU

Lead Lecture : Sandy Suwandana, M.Kom

and Rahmi Oktarina, S.Pd.,M.Pd.T

web-based sales information system is same with online sales, which mean customers can purchase product without having to meet directly with the seller. The information system is a very important role in business activities at company. Gerai Adies is one of the companies located in Batam island that still use convetional method in data processing of clothes gamis sales transactions so that require longer time and is considered lact of effective. This research aims is to design a web- based sales information system for Gerai Adies in order to support the fluenscy in sale of the company. Development of this web-based sales information system is a step to increas sales so it will provide more benefit to the company because the sale is not only made in the companies but also through online. This website is made with an open source e-commerce, that is CMS (Content Management System) Opencart version 2.1.0.2. Results of this reserch is to implement the web-based sales information system to Gerai Adies with expeted the system will have a display that easy to understand so that can faciliate the seller in data processing of sales transaction and also in provide service to customers, and facilitate the buyer in the transaction processing and to access information that can be accessed anywhere and anytime. Key word : Web-based, E-commerce, CMS (Content Management System), Opencart.

ix

DAFTAR ISI

Judul Halaman HALAMAN JUDUL............................................................................................i

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

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

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

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

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

ABSTRACT ...................................................................................................... viii

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

DAFTAR TABEL ............................................................................................... x

DAFTAR GAMBAR ......................................................................................... xii

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

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

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

1.3 Batasan Masalah .............................................................................. 4

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

1.5 Manfaat Penelitian ........................................................................... 5

1.5.1 Manfaat Teoritis ..................................................................... 5

1.5.2 Manfaat Praktis ...................................................................... 5

1.6 Sistematika Penulisan ...................................................................... 6

BAB II LANDASAN TEORI ............................................................................. 8

2.1 Pengertian Sistem............................................................................. 8

2.2 Pengertian Informasi .... ................................................................... 8

2.3 Pengertian Sistem Informasi ............................................................ 9

2.4 Konsep Analisa Sistem .................................................................... 9

2.5 Konsep Perancangan Sistem .......................................................... 10

2.6 Pengertian Penjualan ...................................................................... 11

2.7 Aliran Sistem Informasi ................................................................. 11

x

2.8 DFD (Data Flow Diagram) ........................................................... 13

2.9 Diagram Konteks...........................................................................14

2.10 Bagan Air Program (Flowchart) ................................................... 14

2.11 Pengertian Data ............................................................................. 16

2.12 Basis Data........ .............................................................................. 17

2.13 E-Commerce... .............................................................................. 17

2.14 Web................. .............................................................................. 18

2.15 PHP................. .............................................................................. 18

2.16 XAMPP.......... ........................................................................... ...19

2.17 MySQL............ ............................................................................. 19

2.18 OpenCart......... ............................................................................. 20

2.2 PenelitianTerdahulu ......................................................................... 20

BAB III METODOLOGI PENELITIAN ...................................................... 24

3.1 Kerangka Kerja .............................................................................. 24

3.2 Gambaran Umum Perusahaan.......................................................... 26

3.2.1 Sejarah Gerai Adies ............................................................. 26

3.2.2 Visi dan Misi Gerai Adies.................................................... 26

3.2.3 Struktur Organisasi Gerai Adies..........................................26

3.2.4 Lokasi dan Produk Gerai Adies ........................................... 27

BAB IV ANALISIS DAN IMPLEMENTASI ................................................. 29

4.1 Analisis Sistem Yang Berjalan ........................................................ 29

4.2 Analisis Sistem Yang Diusulkan ..................................................... 31

4.2.1 Perancangan DFD ................................................................ 34

4.2.2 Diagram Konteks ................................................................. 34

4.3 Implementasi Sistem ........................................................................ 35

4.3.1 Tujuan Implementasi Sistem................................................ 36

4.3.2 Implementasi Halaman Admin Gerai Adies ........................ 37

4.3.2.1 Tampilan Halaman Login Admin.........................48

4.3.2.2 Tampilan Halaman Utama Admin (dashboard)....38

4.3.2.3 Menu Catalog ......................................................38

4.3.2.3.1 Tampilan Category............................39

4.3.2.4.2 Tampilan Product..............................40

xi

4.3.2.4 Menu Extensions...................................................41

4.3.2.4.1 Tampilan Modul....................................41

4.3.2.4.2 Tampilan Payments...............................42

4.3.2.4.3 Tampilan Shipping................................43

4.3.2.5 Menu Design.......................................................43

4.3.2.5.1 Tampilan Banner..................................43

4.3.2.5.2 Tampilan Layouts.................................44

4.3.2.6 Menu Sales..........................................................45

4.3.2.6.1 Tampilan Sales Order...........................45

4.3.2.7 Menu Tampilan Customers...................................45

4.3.2.8 Menu System.........................................................46

4.3.2.8.1 Tampilan Setting Store..........................46

4.3.2.8.2 Tampilan Localitions Languages..........47

4.3.2.8.3 Tampilan Localitions Currencies..........48

4.3.2.9 Tampilan Halaman Menu Laporan.......................48

4.3.3 Implementasi Halaman Store Gerai Adies..........................50

4.3.3.1 Tampilan halaman Login................ ......................51

4.3.3.2 Tampilan Halaman Penyediaan Barang................52

4.3.3.3 Tampilan Halaman Keranjang Belanja..................53

4.3.3.4 Tampilan Halaman Best Seller..............................54

4.3.3.5 Tampilan Halaman Produk Latest........................55

4.3.4 proses Pemesanan Baju Gamis pada Gerai Adies...............56

BAB V PENUTUP............................................................................................60

5.1 Kesimpulan......................................................................................60

5.2 Saran................................................................................................60

DAFTAR PUSTAKA

LAMPIRAN

xii

DAFTAR TABEL Tabel Halaman Tabel 2.1 Simbol-Simbol ASI ......................................................................... 12

Tabel 2.2 Simbol-Simbol DFD......................................................................... 13

Tabel 2.3 Simbol-Simbol Flowchart ............................................................... 15

Tabel 2.4 Daftar Penelitian Terdahulu ............................................................ 21

Tabel 3.1 Lokasi dan Produk Gerai Adies....................................................... 28

Tabel 4.1 Aliran Sistem Informasi Berjalan..................................................... 30

Tabel 4.2 Aliran Sistem Informasi yang Diusulkan..........................................33

xiii

DAFTAR GAMBAR Gambar Halaman Gambar 3.1. Kerangka Kerja ......................................................................... 24

Gambar 3.2 Struktur Organisasi Gerai Adies................................................. 27

Gambar 4.1 Diagram Konteks........................................................................ 34

Gambar 4.2 Tampilan Halaman Login.......................................................... 38

Gambar 4.3 Tampilan Halaman Utama Admin..............................................39

Gambar 4.4 Tampilan Penambahan Category................................................ 40

Gambar 4.5 Tampilan Penambahan Produk.................................................. 41

Gambar 4.6 Tampilan Modul........................................................................ 42

Gambar 4.7 Tampilan Payments....................................................................42

Gambar 4.8 Tampilan Shipping .....................................................................43

Gambar 4.9 Tampilan Banner .......................................................................44

Gambar 4.10 Tampilan Layouts.....................................................................44

Gambar 4.11 Tampilan Sales Order...............................................................45

Gambar 4.12 Tampilan Menu Customers.......................................................46

Gambar 4.13 Tampilan Menu Setting Store....................................................47

Gambar 4.14 Tampilan Localitions Languages..............................................47

Gambar 4.15 Tampilan Localitions Currencies...............................................48

Gambar 4.16 Tampilan Laporan Dasboard....................................................49

Gambar 4.17 TampilanLaporan Recent Activity dan Lates Orders Record......49

Gambar 4.18 Tampilan Customer Order List ..................................................50

Gambar 4.19 Tampilan Halaman Store Gerai Adies .......................................51

Gambar 4.20 Tampilan Halaman Login..........................................................52

Gambar 4.21 Tampilan Halaman Penyediaan Barang....................................53

Gambar 4.22 Tampilan Halaman Keranjang Belanja Gerai Adies..................54

Gambar 4.23 Tampilan Halaman Produk Best Seller.......................................55

Gambar 4.24 Tampilan Halaman Produk Latest..............................................56

Gambar 4.25 Tampilan Pemesanan (step 1)....................................................57

Gambar 4.26 Tampilan Pemesanan (step 2).....................................................57

xiv

Gambar 4.27 Tampilan pemesanan (step 3).....................................................58

Gambar 4.28 Tampilan Konfirmasi Pembayaran Melalui Bank Transfer........58

Gambar 4.29 Tampilan Contoh Invoice Sistem Baru......................................59

Gambar 4.30 Tampilan Contoh Delivery Slip Sistem Baru.............................59

xv

DAFTAR LAMPIRAN

Lampiran 1 Surat Pengantar Penelitian

Lampiran 2 Surat Keterangan Toko

Lampiran 3 Contoh Invoice Sistem Baru

Lampiran 4 Contoh Delivery Slip Sistem Baru

Lampiran 5 Kartu Bimbingan

Lampiran 6 Daftar Riwayat Hidup

Lampiran 7 Daftar Tabel

Lampiran 8 Daftar Gambar

1

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah

Dalam zaman era globalisasi ini, Manusia semakin mengenal teknologi

yang semakin maju dan canggih guna untuk mempermudah melakukan berbagai

kegiatan dalam kehidupan sehari-sehari. Kemajuan di dalam bidang komunikasi,

kesehatan, pendidikan, transportasi, dan lain-lainnya ialah merupakan bagian dari

contoh-contoh bahwa manusia semakin memerlukan yang namanya teknologi

dalam kehidupannya, dari zaman dulu sampai saat ini teknologi semakin

berkembang dengan pesat, dan yang sangat terkenal sekali saat ini yaitu internet.

Karena dengan internet bisa membantu berbagai pekerjaan rumah, kantor, sekolah

dan lain-lainnya. Karena setiap orang dapat memperoleh dan menyampaikan

berbagai informasi yang dibutuhkan kapan saja dan di mana saja dengan melalui

internet. Dengan internet kita bisa melakukan berbagai bisnis kita bisa lebih mudah

dan efektif.

Internet juga bisa digunakan sebagi media promosi, dan internet juga

sekarang sudah jadi sarana tempat untuk digunakan sebagai tempat jual dan beli

produk, maka dari itu perkembangan E-commerce dapat membawa dampak positif

terhadap sektor aktivitas bisnis, dan perubahan ditandai dengan adanya sejumlah

upaya dari sektor aktivitas bisnis yang semula berbasis di dunia nyata (real)

sekarang merambah mengikuti ke perkembangan zaman ke dunia maya. Gerai

Adies adalah salah satu toko yang bergelut di bidang pakaian yang menjual

berbagai macam baju gamis, Gerai Adies merupakan suatu usaha yang bergerak

2

dalam penjualan baju-baju aneka perlengkapan busana muslim gamis. Gerai Adies

masih mengalami kendala dalam hal mempromosikan dan memasarkan produk

yang ditawarkan kepada para konsumennya yang melalui facebook dan datang ke

tokonya langsung, dikarenakan belum adanya media promosi yang menggunakan

teknologi informasi yang bersifat luas, melainkan masih menggunakan promosi

melalui facebook dan mitra kerja sama atau reseller yaitu memasarkan secara

sistem jual tukar tambah. Hal ini mengakibatkan kurangnya informasi yang

diberikan bagi para konsumen yang ingin mengetahui barang apa saja yang dijual

oleh Gerai Adies. Penjualan di Gerai Adies tergantung penjualan melalui facebook

dan mitra bisnis dari Gerai Adies yaitu penjualan dari mitra perminggunya.

Mitra bisnis menyetorkan modal awal minimal Rp 500,000 dan ditukarkan

beberapa baju gamis yang akan dijual kepelanggan masing-masing, setelah satu

minggu barang yang tidak laku terjual akan dikembalikan dan ditukarkan dengan

produk atau model yang baru yang menyebabkan terjadinya penumpukan stok lama

atau barang yang tidak laku terjual dari para mitra bisnis dan sedangkan model baru

harus segera dipesan dari produsen gamis. Gerai Adies sangat tergantung dengan

penjualan dari facebook dan mitra bisnis dan penjualan toko secara off line.

Karena ingin meningkatkan pemesanan dan pengelolaan persediaan barang

di toko maupun barang yang ada para mitra bisnis Gerai Adies sehingga diperlukan

sebuah sistem yang dapat memudahkan pihak Gerai Adies mencatat data

pelanggan, data barang, data penjualan dan laporan penjualan. Pembuatan laporan

yang dilakukan Gerai Adies yaitu laporan penjualan setiap bulannya. Karena

selama ini sistem penjualan masih menggunakan manual dengan mancatat di

sebuah buku besar pesanan pelanggan atau mitra bisnis dan menggunakan nota

3

untuk bukti pembayaran. Sehingga mengakibatkan seringnya terjadi kesalahan

pencatatan data pesanan pelanggan dan tercecernya data pelanggan. Untuk

peningkataan dalam pejualan maka dari itu akan menggunakan website e-commerce

dalam strategi penjualannya agar lebih meningkat hasilnya dari yang sebelum -

belumnya. Sebelum di buatnya website e-commerce, dengan adanya teknologi yang

mempermudahkan segala kegiatan maka website e-commerece gunanya untuk

meningkatkan penjualan dan memperluas jangkauan di mana pun peminat yang

mau membeli baju gamis di Gerai Adies tinggal mengunjungi website Gerai Adies.

Menurut Robert A Leitch dan K. Roscoe Davis, dalam Novita ( 2012 )

mendefinisikan bahwa "Sistem informasi adalah suatu sistem didalam suatu

organisasi yang mempertemukan kebutuhan pengolahan transaksi harian,

mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi

dan menyadiakan pihak luar tertentu dengan laporan – laporan yang diperlukan".

Berdasarkan uraian cerita di atas, penulis mempunyai gagasan untuk

mengangkat permasalahan tersebut dalam penelitian yang berjudul “Analisis

Perancangan Sistem Informasi Penjualan Baju Gamis pada Gerai Adies

Berbasis Web”, dengan mengharapkan sistem informasi penjualan ini dapat

memberi informasi produk yang diperlukan dan dapat memperluas pemasaran.

1.2 Rumusan Masalah

Berdasarkan latar belakang permasalahan di atas maka dirumuskanlah

permasalahan sebagai berikut :

4

1. Bagaimana menganalisa sistem informasi penjualan baju gamis yang dibutuhkan

pada Gerai Adies?

2. Bagaimana merancang sistem informasi penjualan baju gamis berbasis web pada

Gerai Adies?

3. Bagaimana implementasi sistem informasi penjualan baju gamis berbasis web

pada Gerai Adies?

1.3 Batasan Masalah

Melihat luasnya pembahasan dan permasalahan dalam penelitian ini, maka

ruang lingkup penelitian ini dibatasi pada :

1. Penelitian ini hanya membahas sistem informasi penjualan baju gamis pada

Gerai Adies.

2. Sistem informasi penjualan yang digunakan untuk merancang website adalah

menggunakan content management sistem(CMS) opencart.

3. Penjualan online tersebut hanya menjual baju gamis muslimah.

1.4 Tujuan Penelitian

Sesuai dengan rumusan masalah diatas, penelitian ini mempunyai tujuan

antara lain :

1. Untuk menganalisa sistem informasi penjualan baju gamis yang dibutuhkan

pada Gerai Adies.

2. Untuk merancang sistem informasi penjualan baju gamis berbasis web pada

Gerai Adies.

5

3. Untuk mengimplementasikan sistem informasi penjualan baju gamis berbasis

web pada Gerai Adies.

1.5 Manfaat Penelitian

Penelitian diharapkan dapat berguna secara teoritis maupun praktis,

sehingga dapat bermanfaat untuk semua pihak. Adapun manfaat penelitian ini

adalah sebagai berikut :

1.5.1 Manfaat teoritis

Secara teoritis hasil penelitian ini diharapkan menjadi sumbangan

pemikiran terhadap pengembangan ilmu sistem informasi lebih khusus pada

penjualan online. Disamping itu hasil penelitian ini juga diharapkan sebagai dasar

pertimbangan untuk peneliti sejenis dimasa yang akan datang.

1.5.2 Manfaat Praktis

1. Bagi peneliti

Memberikan kesempatan kepada peneliti untuk menganalisis masalah dan

hal-hal yang terdapat penjualan online sebagai objek yang diteliti dengan

mengembangkan dan menerapkan teori-teori yang diperoleh selama kuliah

sehingga dapat menambah wawasan, pengalaman dan meningkatkan

kematangan berpikir dalam mengambil keputusan.

2. Pelanggan

6

Memberikan suatu informasi yang mudah diakses pada transaksi penjualan

barang dan memperoleh informasi yang berkaitan dengan kegiatan penjualan

barang tersebut.

3. Bagian administrator

Bagi administrator, sistem ini sangat membantu dalam memasukan, mengolah

dan mendapatkan data yang dapat meminimalis waktu dengan tampilan yang

menarik sehingga jarang menemukan kejenuhan dalam mengoperasikannnya.

4. Dapat meningkatkan laba yang diperoleh dan hasil laporan yang cepat, tepat

dan akurat.

1.6 Sistimatika Penulisan

Untuk memperoleh gambaran yang utuh untuk penulisan ini, maka diperlukan

sistematika penulisannya yang akan dibagi menjadi lima bab dengan rincian

sebagai berikut :

BAB I : PENDAHULUAN

Merupakan bab pendahuluan yang berisi latar belakang

masalah, rumusan masalah, batasan masalah, tujuan

penelitian, manfaat penelitian dan sistematika penulisan.

BAB II : LANDASAN TEORI

Bab landasan teori meliputi telaah penelitian dan landasan

teori. Telaah penelitian berisi hasil-hasil penelitian

terdahulu yang berkaitan dengan penelitian yang dilakukan.

BAB III : METODOLOGI PENELITIAN

7

Pada bab ini diuraikan tentang gambaran objek penelitian

dan analisis dibutuhkan dalam pembuatan sistem. Laporan

secara detil rancangan terhadap penelitian yang dilakukan,

baik perancangan secara umum dari sistem yang dibangun

maupun perancangan yang lebih spesifik. Metodologi

penelitian meliputi waktu dan tempat, peralatan yang

digunakan dan alur penelitian.

BAB IV : ANALISIS DAN IMPLEMENTASI

Bab ini meliputi analisis sistem yang berjalan, analisis

sistem yang diusulkan dan implementasi sistem.

BAB V : PENUTUP

Berisi kesimpulan dan saran. Kesimpulan harus diperkuat

dengan analisis yang objektif dan bukti-bukti yang telah

ditemukan.

8

BAB II LANDASAN TEORI

2.1. Pengertian Sistem

Menurut Hutahean (2015 : 2), "sistem adalah suatu jaringan kerja dari

prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk

melakukan kegiatan atau untuk melakukan sasaran yang tertentu".

Menurut Jogiyanto, dalam Novita ( 2012 ). "Sistem adalah serangkaian sub

sistem yang saling berhubungan, berkumpul, bersama – sama untuk melakukan

suatu kegiatan atau untuk meyelesaikan suatu sasaran yang tertentu".

Berdasarkan beberapa pendapat yang diatas dapat penulis tarik kesimpulan

bahwa sistem adalah kumpulan bagian-bagian atau subsistem-subsistem yang

disatukan dan dirancang untuk mencapai suatu tujuan.

2.2 Pengertian Informasi

Menurut Hutahean(2015 : 9)."Informasi adalah data yang diolah menjadi

bentuk yang lebih berguna dan lebih berarti bagi penggunanya.

Menurut Djahir dan Pratita (2014 : 8)."Informasi adalah suatu kesatuan

yang tampak maupun tidak tampak fungsinya untuk mengurangi ketidakpastian

suatu keadaan atau peristiwa di masa depan".

Dari beberapa definisi di atas dapat ditarik kesimpulan bahwa informasi

adalah sebagai data yang sudah diolah, dibentuk, atau dimanipulasi sesuai dengan

keperluan tertentu.

9

2.3 Pengertian Sistem Informasi

Menurut Leitch dan Davis, dalam novita ( 2012 ) mendefinisikan bahwa “

Sistem informasi adalah suatu sistem didalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,

bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyadiakan

pihak luar tertentu dengan laporan – laporan yang diperlukan".

Menurut Marimin, et all (2006 : 18) mendefinisikan bahwa,"Sistem

informasi adalah suatu kumpulan dari komponen-komponen dalam perusahaan atau

organisasi yang berhubungan dengan proses penciptaan dan pengaliran informasi".

Berdasarkan beberapa pendapat di atas dapat ditarik kesimpulan bahwa

sistem informasi adalah sebuah sistem yang terdiri dari pengumpulan data,

pemrosesan data, penyimpanan data, pengolahan data, pengendalian dan pelaporan

sehingga tercapai sebuah informasi yang mendukung pengambilan keputusan di

dalam suatu organisasi untuk dapat mencapai sasaran dan tujuannya.

2.4 Konsep Analisa Sistem

Menurut Wahana (2010 : 27) mendifinisikan bahwa "Analisa sistem adalah

sebuah proses penelaahan sebuah sistem informasi dan membaginya kedalam

komponen-komponen penyusunannya untuk kemudian dilakukan penelitian

sehingga diketahui permasalahan-permasalahan serta kebutuhan-kebutuhan yang

akan timbul, sehingga dapat dilaporkan secara lengkap serta diusulkan perbaikan-

perbaikan pada sistem tersebut".

Menurut Al Fatta (2007 : 44) mendefinisikan bahwa, "Analisa sistem adalah

tehnik pemecahan masalah yang menguraikan bagian-bagian komponen dengan

10

mempelajari seberapa bagus bagian-bagian komponen tersebut bekerja dan

berinteraksi untuk mencapai tujuan mereka".

Berdasarkan beberapa pendapat di atas dapat ditarik kesimpulan bahwa

Analisa sistem merupakan tahap paling awal dari pengembangan sistem yang

menjadi pondasi awal dari keberhasilan sistem informasi yang dihasilkan nantinya.

2.5 Konsep Perancangan Sistem

Menurut Kusrini dan Kuniyo (2007 : 79), mendefinisikan bahwa

"Perancangan sistem adalah proses pengembangan spesifikasi sistem baru

berdasarkan hasil rekomendasi analisis sistem".

Menurut Scott dalam buku Jogiyanto, dalam Fajrul (2011) mendefinisikan

"Perancangan sistem adalah Desain sistem menentukan bagaimana suatu sistem

akan menyelesaikan apa yang mesti diselesaikan, tahap ini menyangkut

mengkonfigurasikan dari komponen-komponen perangkat lunak dan perangkat

keras dari suatu sistem sehingga setelah instalasi dari sistem akan benar-benar

memuaskan rancang bangun yang telah ditetapkan pada akhir analisis sistem".

Berdasarkan beberapa pendapat di atas dapat ditarik kesimpulan bahwa

perancangan sistem adalah merupakan tahap selanjutnya setelah analisa sistem,

mendapatkan gambaran dengan jelas tentang apa yang dikerjakan pada analisa

sistem, maka dilanjutkan dengan memikirkan bagaimana membentuk sistem

tersebut.

2.6 Pengertian Penjualan

Menurut Rangkuti(2009 : 57), mendefinisikan bahwa "Penjualan adalah

pemindahan hak milik atas barang atau pemberian jasa yang dilakukan penjualan

11

kepada pembeli dengan harga disepakati bersama dengan jumlah yang dibebankan

kepada pelanggan dalam penjualan barang dan jasa dalam suatu periode akuntansi".

Menurut Westwood(4 : 2004), mendefinisikan bahwa "Penjualan adalah

konsep lugas yang diantaranya berupa usaha membujuk pelanggan untuk membeli

sebuah produk".

Berdasarkan teori para ahli diatas dapat disimpulkan bahwa penjualan yaitu

proses menawarkan barang atau produk kepada konsumen dengan cara merayu atau

mempengaruhi konsumen tersebut.

2.7 Aliran Sistem Informasi

Menurut Kusrini dan Koniyo(2007 : 83), mendefinisikan bahwa "Aliran

sistem informasi (ASI) merupakan bagan alir yang menunjukan arus dari program

dan formulir termasuk tembusan-tembusannya".

Menurut Amsyah, MLS( 2005 : 269), mendefinisikan bahwa "Aliran sistem

informasi adalah suatu bentuk grafik atau diagram dari algoritma di mana simbol-

simbol standar mewakili tampilan operasi yang perlu dan memperlihatkan urutan

pelaksanaanya".

Berdasarkan teori para ahli diatas dapat disimpulkan bahwa aliran sistem

informasi adalah bagan alir yang menunjukan arus sistem termasuk tembusan-

tembusannya menggunakan simbol-simbol yang sama dengan bagan alir sistem.

ASI sangat berguna untuk mengetahui permasalahan pada suatu sistem,

contohnya dapat diketahui apakah sistem informasi masih manual atau sudah

terkomputerisasi. Simbol-simbol ASI dapat dilihat pada tabel 2.1 di bawah ini.

Tabel 2.1 Simbol-simbol ASI

12

No Gambar Nama Fungsi

1. Proses (Process) Menunjukan kegiatan proses dari

operasi program komputer.

2. Dokumen

(Document)

Menunjukan dokumen input dan output untuk proses manual, mekanik atau komputer.

3. Kegiatan manual Menunjukan kegiatan manual.

4. Terminator Permulaan (start) atau akhir

(stop) dari suatu kegiatan.

5. Garis Alir Menunjukan jalur dari proses.

6. Input / Output Proses input dan output data,

parameter, informasi.

7. Keputusan

(Decision)

Menunjukan penyelesaian data yang memberikan pilihan untuk langkah selanjutnya.

8. Drum Magnetik Menunjukan input/output yang

menggunakan drum magnetik.

9. Pengarsipan Pengarsipan data non komputer yang diurutkan berdasarkan historical / penanggalan.

sumber :(Kusrini & Koniyo, 2007 : 83)

2.8 DFD (Data Flow Diagram)

Menurut A.Hall (2007 : 79), mendefinisikan bahwa "Data Flow

Diagram(DFD) adalah menggunakan simbol-simbol untuk menyajikan entitas,

proses, arus data dan penyimpanan data yang berkaitan suatu sistem".

C

13

Menurut Irwansyah dan Moniaga (2014 : 240), mendefinisikan bahwa

"Data Flow Diagram (DFD) adalah alat yang menunjukan alur data pada sistem

dalam bentuk grafik".

Jadi kesimpulan pengertian Data Flow Diagram (DFD) adalah suatu

diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data

sistem, yang penggunaannya sangat membantu untuk memahami sistem secara

logika, tersruktur dan jelas.

Tabel 2.2 Simbol-simbol DFD

No. Gambar Nama Fungsi

1. Kesatuan Luar

(External Entity)

Merupakan kesatuan di luar sistem yang akan memberikan input atau menerima output dari sistem.

2. Proses ( Process) Menggambarkan bagian dari sistem yang mentransformasikan input data menjadi output data atau dapat diartikan sebagai kegiatan yang dilakukan oleh orang mesin atau komputer.

3. Aliran Data

(Data Flow)

Dipakai untuk menunjukan arus data yang dapat berupa masukan atau hasil dari proses sistem mengalir antara proses, simpanan data dan kesatuan luar.

4. Penyimpanan

Data (Data

Storage)

Merupakan dari sarana yang

digunakan untuk menyimpan

data.

Sumber : (James A.Hall , 2007 : 79)

2.9 Diagram Konteks

Menurut Mc Lead dan P.Schell (2008 : 216) mendefinisikan bahwa

"Diagram konteks merupakan sistem dalam suatu konteks lingkungan diagram ini

terdiri atas suatu simbol proses tunggal yang melambangkan keseluruhan sistem".

14

Menurut Kusrini dan Koniyo (2007 : 92), mendefinisikan bahwa "Diagram

konteks adalah diagram tingkat atas merupakan diagram dari sebuah sistem yang

menggambarkan aliran data yang masuk dan keluar dari sistem dan yang masuk dan

yang keluar dari entitas luar".

Jadi kesimpulan dari pengertian Diagram Konteks adalah diagram yang

terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem. Diagram

Konteks ini merupakan bagian dari level tertinggi dari DFD (Data Flow Diagram)

yang menggambarkan seluruh input ke suatu sistem atau output dari sistem. Yang

akan memberi gambaran mengenai keseluruhan dari sistem. Sistem dibatasi

oleh Boundary (dapat digambarkan dengan garis putus). Dalam Diagram Konteks

hanya terdapat satu proses saja, tidak boleh ada stroke di dalam diagram konteks.

2.10 Bagan Air Program (Flowchart)

Menurut Kusrini dan Koniyo (2007 : 80), mendefinisikan bahwa "Bagan

alir (Flowchart) adalah bagan (chart) yang menunjukan aliran (flow) di dalam

program atau prosedur sistem secara logika digunakan terutama sebagai alat bantu

komunikasi dan untuk dokumentasi".

Menurut Soeherman dan Pinontoan (2008 : 134), mendefinisikan bahwa

"Bagan alir adalah untuk menyederhanakan rangkaian proses atau prosedur untuk

memudahkan pemahaman pengguna terhadap informasi tersebut".

Jadi kesimpulan dari Flowchart (bagan alir) adalah gambaran dalam bentuk

diagram alir dari algoritma-algoritma dalam suatu program, yang menyatakan arah

alur program tersebut. Penjelasan arti lambang-lambang flowchart dapat dilihat

pada tabel 2.3 di bawah ini.

15

Tabel 2.3 Simbol-simbol Flowchart

No. Gambar Nama Fungsi

1.

Proses(Process) Menunjukan pengolahan yang dilakukan oleh komputer.

2.

Input/ Output Menyatakan proses input dan output tanpa tergantung dengan jenis peralatannya.

3.

Keputusan(Decision) Pemilihan proses berdasarkan kondisi yang ada.

4. Dokumen

(Document)

Menyatakan input berasal dari dokumen dalam bentuk kertas atau output dicetak ke kertas.

5.

Terminator Simbol untuk permulaan (start) atau akhir (stop) dari suatu kegiatan.

6.

Preparation

Mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam storage.

7.

Manual Input Pemasukan data secara

manual dengan keyboard

8. Penghubung

(Connector)

Simbol untuk keluar masuk atau penyambungan proses dalam halaman yang sama.

9.

Penghubung Simbol untuk keluar masuk atau penyambungan proses dalam halaman yang berbeda.

10.

Stored Data Menyatakan Input yang berasa dari disk atau disimpan ke disk.

16

11. Arah Aliran (Flow

Direction)

Digunakan untuk menghubungkan antara simbol yang satu dengan simbol yang lain.

12.

Predefined Process Simbol untuk pelaksanaan suatu proses sub program/prosedur.

Sumber : (Kusrini dan Andri Koniyo, 2007 : 80)

2.11 Pengertian Data

Menurut Amsyah (2005 : 83), mendefinisikan bahwa "Data adalah fakta

yang terjadi karena adanya kegiatan organisasi yang terjadi pada lini transaksi,

manajemen lini bawah, lini tengah dan lini atas".

Menurut Supriyanto dan Muhsin (2008 : 69), mendefinisikan bahwa "Data

merupakan bahan baku informasi dapat didefinisikan sebagai kelompok teratur

simbol-simbol yang mewakili kualitas, fakta, tindakan, benda dan sebagainya".

Berdasarkan teori para ahli di atas dapat disimpulkan bahwa, data adalah

deskripsi dasar dari benda, peristiwa, aktivitas dan transaksi yang direkam,

dikelompokkan, dan disimpan dalam jumlah yang besar tetapi belum diolah.

2.12 Basis Data

Menurut Kerendi (2015 : 37), mendefinisikan bahwa "Basis data adalah hal

penting yang harus dimiliki setiap program. Tanpa basis data , ibarat sebuah tubuh

tanpa nyawa".

17

Menurut Kusrini (2007 : 2), mendefinisikan bahwa "Basis data adalah

kumpulan data yang saling berelasi".

Berdasarkan teori para ahli diatas dapat disimpulkan bahwa, basis data

adalah kumpulan data yang berhubungan secara logika dan disimpan berdasarkan

suatu skema untuk memperoleh informasi yang dibutuhkan oleh organisasi.

2.13 E-Commerce

Menurut Hidayat (2008 : 5), mendefinisikan bahwa "E-Commerce adalah

bagian dari e-lifestyle yang memungkinkan transaksi jual beli secara online dari

sudut tempat manapun".

Menurut Mcleod, P.Schell (2008 : 59), mendefinisikan bahwa "E-

Commerce adalah penggunaan internet dan komputer dengan browser web untuk

membeli dan menjual produk".

Berdasarkan teori para ahli di atas dapat disimpulkan bahwa pengertian e-

commerce adalah proses transaksi jual beli yang dilakukan melalui internet di mana

website digunakan sebagai wadah untuk melakukan proses tersebut.

2.14 Web

Menurut Solusindo (2008 : 7), mendefinisikan bahwa"Web merupakan

sebuah situs web yang di hosting di server web dan dapat diakses dari browser

menggunakan domain tertentu".

18

Menurut Sidik (2017 : 38), mendefinisikan bahwa "Web adalah server web

yang digunakan untuk keperluan publikasi dukumen HTML tetapi juga bisa

platform untuk untuk aplikasi internet yang interaktif dengan menggunakan

browser web sebagai klien dari aplikasinya".

Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa Web

merupakan layanan yang dapat oleh pemakai komputer terhubung ke internet, baik

berupa teks, gambar, suara maupun video yang interaktif dan mempunyai kelebihan

untuk menghubungkan (link) satu dokumen dengan dokumen lainnya (hypertext)

yang dapat diakses melalui sebuah browser.

2.15 PHP

Menurut Sidik (2017 : 4), mendefinisikan bahwa ”PHP merupakan secara

umum dikenal dengan sebagai bahasa pemrograman script – script yang membuat

dokumen HTML secara on the fly yang dieksekusi di server web, dokumen HTML

yang dihasilkan dari suatu aplikasi bukan dokumen HTML yang dibuat dengan

menggunakan editor teks atau editor HTML, dikenal juga sebagai bahasa

pemrograman server side”.

Menurut Oktavian (2010 : 31), mendefinisikan bahwa "PHP yaitu suatu

bahasa pemograman berbasiskan kode-kode (skript) yang digunakan untuk

mengolah suatu data dan mengirimkan kembali ke web browser menjadi kode

HTML".

Jadi PHP (HyperText Preprocessor) adalah sebuah bahasa utama script

serverside yang disisipkan pada HTML yang dijalankan di server, dan juga bisa

digunakan untuk membuat aplikasi desktop.

19

2.16 XAMPP

Menurut Sidik (2017 : 67), mendefinisikan bahwa "XAMPP secara default

menyatukan antara HTML dan PHP, dengan direktori menyimpanan skript terletak

di c:\xampp\htdocs"

Menurut Wicaksono dan Community (2008 : 7), mendefinisikan bahwa

"XAMPP adalah sebuah software yang berfungsi untuk menjalankan website

berbasis PHP dan menggunakan pengolahan data MySQL di komputer lokal".

Jadi XAMPP merupakan paket PHP dan MySQL berbasis open source,

yang dapat digunakan sebagai tool pembantu pengembangan aplikasi berbasis PHP.

XAMPP mengombinasikan beberapa paket perangkat lunak berbeda ke dalam satu

paket.

2.17 MySQL

Menurut Sidik (2017 : 301), mendefinisikan bahwa "MySQL merupakan

software database yang termasuk paling populer dilingkungan Linux, kepopuleran

ini karena ditunjang performasi query dari databasenya yang saat itu bisa dikatakan

paling cepat dan jarang bermasalah".

Menurut Huda dan Komputer (2008 : 181), mendefinisikan bahwa "MySQL

adalah sebuah perangkat lunak sistem manajemen basis data SQL atau yang dikenal

dengan DBMS (Database Management System), database ini multitread, multi-

user".

Jadi MySQL (My Structure Query Languange) adalah salah satu jenis

database server yang sangat terkenal dan banyak digunakan untuk membangun

20

aplikasi web yang menggunakan database sebagai sumber dan pengelolaan

datanya. Mysql bersifat open source dan menggunakan SQL (Structured Query

Languange).

2.18 OpenCart

Menurut Syilviani (2010 : 5), mendefinisikan bahwa "OpenCart adalah

sebuah engine toko online open source yang fitur-fiturnya mendukung cara kerja

search engine dalam mengindeks (crawling) suatu situs".

Menurut Studio (2010 : 68), mendefinisikan bahwa "OpenCart adalah skrip

toko online bisa didapatkan secara gratis dan bisa dimodifikasi isinya".

Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa

OpenCart adalah merupakan shopping cart menggunakan open source berbasis

PHP menggunakan logika MVC frame work.

2.2 Penelitian Terdahulu

Banyak penelitian-penelitian serupa yang telah dilakukan sebelumnya

mengenai sistem informasi penjualan berbasis web. Diantaranya ada beberapa

penelitian yang penulis ambil sebagai referensi yang akan dibahas kesimpulannya

sebagai berikut.

Tabel 2.4 Daftar Penelitian Terdahulu

No Nama

Peneliti

Judul Penelitian Kesimpulan

1 Elizaandayni Ginting 2013

Aplikasi Penjualan Berbasis Web

1. Aplikasi ini menyajikan informasi terkait dengan

21

Menggunakan Joomla Pada Mutiara Fasion

Mutiara Fasion yang ditujukan pada konsumen. 2. Dengan adanya aplikasi ini, informasi tentang produk terbaru Mutiara Fasion dapat terpublikasi dengan baik. 3. Dengan adanya aplikasi ini maka konsumen dapat melihat info tentang produk.

2 Khuriana Fajrul Islami 2011

Simtem Informasi Penjualan Berbasis Web Pada Toko Depot Islami Yogyakarta

1. Aplikasi web merupakan salah satu media yang tepat bagi depot islami untuk memberikan informasi dan layanan kepada para pelanggan dan masyarakat. 2. Pengolahan data untuk dijadikan promosi dan informasi yang sebelumnya masih dilakukan depot islami dengan cara manual. 3. Dengan adanya website ini, siapa saja dengan mudah mendapatkan informasi mengenai depot islami dan dapat melakukan pemesanan serta pembelian secara online kapan saja dan dimana saja tanpa harus ke toko depot islami. 4. Sistem yang diusulkan memiliki beberapa kelebihan, yaitu sebagai media informasi yang up to date, desain yang dirancang juga bagus dan unik. Selain itu pelanggan dapat melakukan transaksi online, sehingga ini dapat menjadi suatu nilai lebih bagi depot islami dalam persaingan bisnis.

3 Ruli Gultom 2015

Sistem Informsi Penjualan Pakaian Berbasis Web Pada Resnlight Cloth

1. Sistem informasi penjualan di Resnlight Cloth saat ini dapat memudahkan dalam proses Pengolahan data 2. Sistem informasi penjualan yang telah di bangun dapat menangani permasalahan yang ada pada Resnlight Cloth dalam hal pemesanan dan Transaksi.

22

3. Implementasi sistem yang dirancang dapat meningkatkan pelayanan terhadap konsumen dan menjadikan sistem informasi yang ada menjadi lebih optimal 4. Analisis dan pengujian sistem yang diimplementasikan pada Resnlight Cloth dapat memudahkan user dalam memoperasiakn sistem tersebut.

4 Selvi Novita L 2012

Sistem Informasi Penjualan Produk Pakaian Berbasis Website Pada Toko Ifa Jaya Jepara

Sistem penjualan yang selama ini digunakan belum mempermudah proses penjualan karena konsumen yang berada di luar kota harus datang ke toko untuk membeli produk yang dijual, sehingga diperlukan sebuah sistem yang dapat memberikan kemudahan dalam melakukan transaksi penjualan dan promosi. Sistem informasi penjualan yang dirancang merupakan sistem penjualan berbasis website yang dapat mempermudah transaksi dan memberikan informasi secara luas kepada konsumen baik di dalam maupun luar kota. .

5 Supardiansyah 2013/2014

Sistem Informasi Penjualan Batik Berbasis Web Untuk Meningkatkan Penjualan Pada CV Batik Jaya

1. Aplikasi ini menyajikan informasi terkait dengan CV Batik Jaya yang ditujukan pada konsumen. 2. Dengan adanya aplikasi ini, informasi tentang produk terbaru CV Batik Jaya dapat terpublikasi dengan baik. 3. Dengan adanya aplikasi ini

maka konsumen dapat melihat info tentang produk.

6 Wiwik Sri Rahayu 2014

Sistem Informasi Penjualan Berbasis Web Pada Toko Wiwik Collection

Dari studi kasus yang diambil pada Wiwik Collection dapat dilihat perkembangan bisnis dengan membangun rancangan websitesecara online yang dapat menganalisis penjualan dengan mudah untuk

23

pelanggan supaya mendapatkan informasi dengan cepat.

24

BAB III METODOLOGI PENELITIAN

3.1 Kerangka Kerja

Untuk membantu dalam penyusunan penelitian ini, maka perlu adanya

susunan kerangka kerja (frame work) yang jelas tahapan-tahapannya. Kerangka

kerja ini merupakan langkah-langkah yang akan dilakukan dalam penyelesaian

masalah yang akan dibahas. Gambar kerangka kerja bisa dilihat pada gambar 3.1 di

bawah ini.

Gambar 3.1. Kerangka Kerja

Kerangka kerja adalah suatu structur konseptual dasar yang digunakan

untuk memecahkan atau menangani suatu masalah kompleks. Istilah ini sering

digunakan antara lain dalam bidang perangkat lunak untuk menggambarkan suatu

desain sistem perangkat lunak yang dapat digunakan kembali. Berikut penjelasan

dari kerangka kerja pada gambar 3.1 di atas adalah:

Rumusan Masalah

Mempelajari Literatur

Pengumpulan Data

Perancangan System

Implementasi

25

1. Rumusan Masalah

Didalam metode perumusan masalah ini biasanya dilakukan sebagai acuan

untuk mengumpulkan sumber data yang bisa digunakan untuk melakukan

perancangan sistem informasi pemasaran penjualan baju gamis pada Toko

Gerai Adies.

2. Mempelajari Literatur

Metode ini dilakukan sebagai sumber referensi dalam memperoleh data baik

secara tertulis maupun berupa rekaman untuk mendukung pemograman

dalam sebuah perancangan sistem informasi.

3. Pengumpulan Data

Metode pengumpulan data ini dilakukan untuk memperoleh informasi yang

dibutuhkan oleh penulis untuk memcapai tujuan penelitian dalam

merancang sebuah sistem informasi.

4. Perancangan Sistem

Metode ini dilakukan sebagai tahapan setelah analisis yaitu persiapan untuk

merancang di OpenCart seperti, menambahkan produk, menambahkan

kategori, merubah ukuran logo dan sebagainya guna bangun implementasi

dengan tujuan memenuhi kebutuhan kepada pemakai sistem.

5. Implementasi

Metode ini digunakan sebagai alat untuk mempresentasikan hasil desain

kedalam pemograman yang merupakan kumpulan dari elemen-elemen yang

telah didesain kedalam bentuk pemograman yang akan dihasilkan dengan

tujuan yang dibuat berdasarkan kebutuhan.

3.2 Gambaran Umum Perusahaan

26

Gambaran perusahaan kapan dimulainya Gerai Adies berdiri dan bidang

usaha yang digeluti serta lokasi berdirinya perusahaan tersebut.

3.2.1 Sejarah Gerai Adies

Toko Gerai Adies berdiri pada tahun 2013 di Batam. Usaha yang memiliki

motivasi besar untuk menjadi penjual baju gamis terdepan diantara banyak penjual

pakaian yang bermunculan di Indonesia. Sejak awal merintis adanya saran kritik

dari konsumen menjadikan pengalaman dan memberikan pembelajaran untuk

senantiasa meningkatkan pelayanan, kualitas produk, kinerja dan kehandalan toko

demi kepuasan konsumen. Karena bagi Toko Gerai Adies konsumen berhak

mendapatkan yang terbaik.

3.2.2. Visi dan Misi Gerai Adies

Visi : “Terdepan Dalam Pelayanan Konsumen”

Misi : Toko Gerai Adies adalah sebagai toko baju gamis terbaik di Indonesia dan

menjadi toko yang selalu memenuhi kebutuhan konsumennya.

3.2.3. Struktur Organisasi Gerai Adies

Susunan peranan maupun tugas yang ada di toko Gerai Adies dapat

digambarkan pada susunan struktur organisasi pada gambar 3.2 di bawah ini.

27

Gambar 3.2 Struktur Organisasi Gerai Adies

Deskripsi tugas adalah keterangan dari struktur organisasi toko Gerai

Adies yaitu sebagai berikut :

1. Pemilik

Pihak yang mengontrol dan mengawasi jalannya toko dan mempunyai hak

untuk membuat keputusan di dalam semua aktifitas.

2. Kasir

Pihak yang bisa melayani pelanggan di bidang transaksi keuangan dalam

penjualan produk, selain itu kasir bertugas dalam mengelola persediaan

produk dan pembuatan laporan persediaan produk.

3.2.4 Lokasi dan Produk Gerai Adies

Lokasi di mana toko Gerai Adies berdiri dalam membuka usaha penjualan

baju gamis yaitu terletak di daerah Putri Hijau Batam. Berikut foto toko dan

beberapa produk Gerai Adies pada tabel 3.3 di bawah ini.

Pemilik

Kasir

28

Tabel 3.1 Lokasi dan Produk Gerai Adies

Gerai Adies Alamat

Gerai Adies Pasar Kaget Putri Hijau Perum Griya Batu Aji Blok U3/23 Batam Indonesia Telp: 082388070778 BBM:552A1F7D

Gerai Adies Produk

1. Gamis syar'i 2. Gamis Batik 3. Gamis Anak 4. Gamis Brokat Dll.

29

BAB IV ANALISIS DAN IMPLEMENTASI

4.1 Analisis Sistem yang Berjalan

Analisa Sistem yang akan dibuat bertujuan untuk mengetahui lebih jelas

bagaimana cara kerja sistem tersebut dan masalah yang dihadapi sistem untuk dapat

dijadikan landasan usulan perancangan analisa sistem yang sedang berjalan yang

dilakukan berdasarkan urutan kejadian yang ada, dan dari urutan kejadian tersebut

dapat dibuat. Sistem yang sedang berjalan secara keseluruhan dilakukan secara

manual yaitu promosi penjualan dari satu orang ke orang lain dan pemasangan iklan

di koran dan facebook. Sedangkan, sistem yang diusulkan lebih ditekankan pada

promosi secara online. Dengan demikian pembuatan website ini diharapkan dapat

membantu mengatasi kekurangan kekurangan yang ada dalam hal menjual dan

mempromosikan toko baju gamis Gerai Adies. Adapun perancangan yang

diusulkan merupakan langkah untuk lebih mengefektifkan dan mengefisienkan

sistem yag lama.

Adapun alur sistem yang berjalan adalah sebagai berikut:

1. Pelanggan datang ke Gerai Adies untuk melakukan pembelian.

2. Pelanggan melakukan pemilihan produk dan menentukan produk yang akan

dipesan.

3. Pelanggan menanyakan harga produk.

4. Pelanggan melakukan pembayaran ke kasir.

6. Bagian kasir hanya mencatat manual.

7. Pelanggan menerima struk dan barang pesanan.

8. Kasir melaporkan penjualan ke pemilik Gerai Adies.

30

Untuk lebih jelasnya, aliran sistem informasi Gerai Adies dapat dilihat pada

gambar 4.1 di bawah ini.

Tabel 4.1 Aliran Sistem Informasi Berjalan

Pelanggan Kasir Pemilik

Tidak

Ya

31

Dari pengumpulan data dan penelitian yang telah penulis lakukan pada

Toko Gerai Adies, sistem yang berjalan masih memiliki kelemahan yaitu sebagai

berikut:

1. Dalam penyimpanan data kegiatan belum menggunakan sistem

terkomputerisasi yaitu dengan mengarsipkan data-data penjualan buku

catatan penjualan secara manual.

2. Dari segi waktu, sistem berjalan tidak dapat menyediakan layanan selama

24 jam per hari kepada pelanggan.

3. Pelayanan yang dilakukan belum fleksibel. Hal ini karena konsumen yang

harus masih datang ke toko untuk mendapatkan informasi produk atau

melakukan transaksi pembelian.

4. Bisnis hanya bisa dijalankan ketika ada karyawan/kasir yang berada di

tempat penjualan.

5. Biaya promosi yaitu dengan pemasangan spanduk di depan toko.

Setelah analisa dan evaluasi terhadap sistem yang berjalan pada toko Gerai

Adies secara keseluruhan maka perlu dilakukan pengembangan terhadap sistem

informasi yang ada dengan diharapkan sistem yang baru dapat mempercepat proses

penjualan dan menghasilkan informasi lebih cepat, tepat dan akurat serta

meningkatkan penjualan toko Gerai Adies dan mengatasi kelemahan-kelemahan

yang ada.

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 lebih baik

32

sehingga dapat memudahkan pemrosesan data dan penelusuran informasi serta

bertujuan untuk menutupi kelemahan-kelemahan yang ada pada sistem lama.

Tujuan dari perancangan sistem secara umum adalah untuk memenuhi kebutuhan

user (pemakai) mengenai gambaran yang jelas tentang perancangan sistem yang

akan dibuat serta diimplementasikan.

Dalam tahap analisis ini, penulis menguraikan sistem pemesanan online

yang ideal atau sistem yang diusulkan untuk toko Gerai Adies adalah dengan

langkah-langkah sebagai berikut:

1. Untuk memulai proses pemesanan dan transaksi pembelian, user

(pelanggan) dapat melakukan login ke geraiadies.xyz terlebih dahulu.

2. Pelanggan melakukan pemilihan produk yang ingin dibeli, jika pelanggan

telah memilih produk, maka klik tombol beli, jika ingin melanjutkan belanja

atau membeli produk lain, dapat mengklik belanja lagi.

3. Klik menu troli untuk melihat daftar belanja yang telah terpilih.

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 metode pembayaran yang diinginkan kemudian klik tagihan yang

harus dibayar maka akan tampil detail pemesanan.

7. Apabila pelanggan sudah melakukan pembayaran diterima oleh admin maka

admin mencatat penjualan dan produk untuk diproses untuk dikirim ke

pelanggan.

33

Aliran sistem informasi yang akan diusulkan dapat dilihat pada gambar 4.2

di bawah ini.

Tabel 4.2 Aliran Sistem yang diusulkan

Pelanggan Admin

Beli/Tidk

Validasi dan catat transaksi

Form Pembelian

Mengakses GeraiAdies.xyz

Memilih Produk Yang Diinginkan

Input Data pemesanan

Konfirmasi Pembayaran

Proses barang untuk dikirim

Menerima

Barang yang

Terima Data pemesanan

34

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. DFD merupakan alat yang

digunakan untuk metodologi pengembangan sistem yang terstruktur (structure

analisys design).

4.2.2 Diagram Konteks

Diagram konteks adalah gambaran sistem informasi secara logika.

Gambaran ini tidak tergantung pada perangkat keras, perangkat lunak atau

organisasi file. 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 di bawah ini.

Gambar 4.1 Diagram Konteks

35

Gambar 4.1 di atas menjelaskan bahwa admin website memberikan

masukan atau input ke dalam sistem informasi penjualan berupa data-data yang

berkaitan dengan jual beli produk. Data-data yang di masukan dimulai dari login

admin, data produk dan data pembayaran yang sudah diterima. Dari hasil masukan

admin, pelanggan (user) memperoleh informasi tentang data produk yang nanti

akan dipesan dengan mengisi form pemesanan yang tersedia. Data-data tersebut

dijadikan panduan oleh pelanggan untuk memesan produk serta untuk melakukan

registrasi untuk mendapatkan akun sebagai user. Registrasi maupun login dan

pemesanan produk yang dilakukan pelanggan masuk ke dalam sistem informasi

penjualan yang kemudian akun akan dikonfirmasi dan diterima oleh admin berupa

data pelanggan dan daftar pemesanan serta pembayaran produk. Dari data yang

diterima, admin melakukan konfirmasi pesanan dan pembayaran yang dikirim ke

sistem informasi penjualan yang diterima oleh pelanggan sebagai validasi

pembayaran.

4.3 Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan

dalam menyelesaikan desain sistem yang telah disetujui untuk menguji, meng-

install dan melulai sistem baru atau sistem yang diperbaiki untuk menggantikan

sistem yang lama, sedangkan tahap implementasi sistem merupakan tahap

meletakan sistem agar sistem siap untuk dioperasikan. Implementasi membahas

tentang pengembangan sekaligus pengujian website. Pengujian website berguna

untuk mengetahui kesalahan dan kekurangan website agar dapat diperbaiki.

36

Tahap implementasi juga merupakan tahapan akhir setelah melakukan

analisis dan perancangan sistem, dimana website siap dioperasikan pada keadaan

yang sebenarnya sehingga dari sini akan diketahui apakah website yang telah

dikembangkan benar-benar akan menghasilkan keluaran yang sesuai tujuan yang

diinginkan.

4.3.1 Tujuan Implementasi Sistem

Tujuan dari pengujian ini adalah untuk untuk mengetahui apakah website

yang dikembangkan sesuai dengan hasil analisis. Adapun tujuan-tujuan dari

implementasi sistem yaitu sebagai berikut:

1. Memberikan rangkaian sistem baik dari segi sofware maupun hardware

sebagai sarana pengolahan data dan penyajian informasi.

2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang

baru yang telah disetujui.

3. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah terhadap

sistem yang baru dan dapat informasi yang baik dan jelas.

4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu

menguji sistem secara menyeluruh.

5. Memastikan bahwa sistem telah berjalan lancar dengan mengontrol dan

melakukan instalasi secara benar.

37

4.3.2 Implementasi Halaman Admin Gerai Adies

Implementasi tampilan halaman admin baik dalam penambahan kategori

dan produk maupun pengeditan dan penghapusan yang dilakukan oleh admin untuk

halaman web Gerai Adies. OpenCart menyediakan layar-layar administrasi yang

memudahkan pemilik toko online untuk menjalankan tugas-tugasnya. Terdapat

enam menu utama dalam OpenCart yang masing-masing terdiri atas sub menu yang

jumlahnya cukup banyak. Masing-masing sub menu mewakili tugas-tugas

administrasi tertentu. Berikut menunjukkan layar administrasi OpenCart dengan

tab-tab yang menggambarkan menu utama.

4.3.2.1 Tampilan Halaman Login Admin

Menu Admin menyediakan fungsi-fungsi administrasi berupa pengaturan

toko online, misalnya mengatur bahasa, mata uang, menyunting informasi user

admin, dan backup/restore data. Halaman admin merupakan halaman yang hanya

bisa dioperasikan oleh admin penjual yang digunakan admin untuk mengelola

penjualan. Admin harus melakukan login terlebih dahulu untuk masuk ke halam

admin tersebut, dengan cara masukan username dan password kemudian login.

Pada halaman admin ini, administrator bisa melakukan penambahan,

pengeditan maupun penghapusan terhadap informasi yang diberikan kepada user.

Tampilan halaman admin pada sistem ini dapat dilihat pada gambar 4.2 di bawah

ini.

38

Gambar 4.2 Tampilan Halaman Login

4.3.2.2 Tampilan Halaman Utama Admin (dashboard)

Apabila admin memasukan username dan password yang benar maka admin

akan diarahkan kehalaman utama admin (dashboard), halaman utama terdiri dari

catalog, extensions, design, sales, customer, marketing, system dan reports, di

halaman utama admin ini (dashboard) admin dapat memantau seluruh kegiatan dan

dapat melakukan perubahan-perubahan data pada halaman admin. Di halaman

utama admin dapat juga melihat laporan total order, total sales, total customers dan

berapa orang yang sedang berkunjung ke toko online, sehingga admin bisa segera

mengambil keputusan langkah apa selanjutnya dalam mengelola toko onlinenya.

Tampilan halaman admin (dashboard) dapat dilihat pada gambar 4.3 dibawah ini.

39

Gambar 4.3 Tampilan Halaman Utama Admin

4.3.2.3 Menu Catalog

Menu catalog menyediakan fungsi-fungsi untuk melakukan tugas utama

admin, misalnya penambahan category, product dan lain sebagainya.

4.3.2.3.1 Tampilan Category

Di sini bagaimana admin dapat menambahkan kategori baru pada web Gerai

Adies dengan cara klik catalog dan category klik tambah, kemudian isi di general,

data dan design kemudian tekan save, atau admin dapat juga melakukan pengeditan

kategori yaitu dengan klik edit kemudian rubah nama kategori atau urutan sort order

dari kategori yang akan ditampilkan. Berikut tampilan yang dapat dilihat pada

gambar 4.4 di bawah ini.

40

Gambar 4.4 Tampilan Category

4.3.2.3.2 Tampilan Product

Ditampilan product dari menu catalog ini, admin dapat menambah,

menghapus maupun mengedit produk pada web Gerai Adies dengan cara klik

catalog kemudian klik products dan klik tambah, dan isikan dan save. Di tampilan

produk ini admin dapat juga mengedit produk yang sudah ada misal, merubah

produk, harga, ukuran produk yang ditampilkan dan urutan produk yang akan

ditampilkan dan lain sebagainya kemudian akhiri dengan menekan save. Berikut

tampilan yang dapat dilihat pada gambar 4.5 di bawah ini.

41

Gambar 4.5 Tampilan Produk

4.3.2.4 Menu Extensions

Menu extensions menyediakan fungsi-fungsi untuk menambah kemampuan

halaman web yang bisa diperoleh dari plug-in atau modul yang dibuat oleh seorang

developer untuk melakukan tugas tertentu. Misal modul pengaturan tampilan-

tampilan untuk halaman store.

4.3.2.4.1 Tampilan Modul

Dihalaman modul ini admin dapat merubah tampilan atau memunculkan

account, slidesow, bestseller dan lates. Berikut adalah gambar tampilan modul

dapat dilihat pada gambar 4.6 di bawah ini.

42

Gambar 4.6 Tampilan Modul

4.3.2.4.2 Tampilan Payments

Di halaman tampilan payments admin dapat mengatur cara pembayaran

yang akan diterapkan baik dengan cara Bank trasfer atau dengan cara pengaturan

pembayaran lainnya. Berikut tampilan payments yang dapat dilihat pada gambar

4.7 di bawah ini.

Gambar 4.7 Tampilan Payments

43

4.3.2.4.3 Tampilan Shipping

Di halaman tampilan shipping ini admin dapat mengatur biaya pengiriman

yaitu dengan mengatur dengan free shipping atau flat rate atau juga bisa memakai

pengaturan-pengaturan lainnya. Berikut tampilan shipping dapat dilihat pada

gambar 4.8 di bawah ini.

Gambar 4.8 Tampilan Shipping

4.3.2.5 Menu Design

Di menu design berisikan banner dan layouts yang akan mengatur tampilan

dihalaman utama pada store.

4.3.2.5.1 Tampilan Banner

Tampilan pengaturan banner yaitu halaman yang mengatur halaman di web

Gerai Adies seperti slideshow dengan cara klik design dan pilih banner kemudian

44

edit sesuai keinginan dan tekan save, yang dapat dilihat pada gambar 4.9 di bawah

ini.

Gambar 4.9 Tampilan Banner

4.3.2.5.2 Tampilan Layouts

Tampilan halaman layouts yaitu seluruh kegiatan dalam pengaturan tata

letak tampilan pada tampilan store. Berikut tampilan layout yang dapat dilihat pada

gambar 4.10 di bawah ini.

Gambar 4.10 Tampilan Layouts

45

4.3.2.6 Menu Sales

Menu sales yaitu seluruh kegiatan penjualan yang berisikan data-data

pelanggan baik yang masih proses maupun sudah komplit.

4.3.2.6.1 Tampilan Sales Order

Tampilan sales order menampilkan seluruh orderan yang sudah masuk, di

tampilan dapat dilihat kapan terjadi penjualan, jumlah orderan dan total orderan.

Berikut tampilan yang dapat dilihat pada gambar 4.11 di bawah ini.

Gambar 4.11 Tampilan Sales Order

4.3.2.7 Menu Tampilan Customers

Tampilan halaman customers yaitu halaman seluruh kegiatan pelanggan

Gerai Adies yang telah mengunjungi web, dan admin dapat memantau validasi

46

orderan dalam in proses atau sudah selesai, yang dapat dilihat pada gambar 4.12 di

bawah ini.

Gambar 4.12 Tampilan Menu Customers

4.3.2.8 Menu System

Di tampilan menu system ini admin dapat mengatur atau mengisi data-data

pemilik store dan alat yang dipergunakan transaksi jual beli pada halaman store.

4.3.2.8.1 Tampilan Setting Store

Tampilan pada halaman ini di setting store, admin dapat mengisi data-data

dari pemilik toko, pengaturan logo toko, icon toko yang akan ditampilkan pada

halaman store. Berikut tampilan setting store yang dapat dilihat pada gambar 4.13

di bawah ini.

47

Gambar 4.13 Tampilan Menu Setting Store

4.3.2.8.2 Tampilan Localitions Languages

Di tampilan localitions languages ini admin dapat merubah bentuk bahasa

contohnya ke dalam Bahasa Indonesia. Berikut tampilan localitions languages pada

gambar 4.14 di bawah ini.

Gambar 4.14 Tampilan Localitions Languages

48

4.3.2.8.3 Tampilan Localitions Currencies

Pada halaman tampilan localitions currencies ini admin dapat merubah

pengaturan satuan mata uang yang akan digunakan pada transaksi jual beli pada

store online. Berikut tampilan localitions currencies dapat dilihat pada gambar 4.15

di bawah ini.

Gambar 4.15 Tampilan Localitions Currencies

4.3.2.9 Tampilan Halaman Menu Laporan

Berikut beberapa laporan yang dihasilkan untuk digunakan sebagai bahan

referensi baik dalam pengambilan keputusan guna perbaikan maupun kemajuan

usaha juga pertanggungjawaban untuk usaha yang dijalankan, diantaranya :

49

Gambar 4.16 Tampilan Laporan Dasboard

Gambar 4.17 Laporan Recent Activity dan Lates Orders Record

50

Gambar 4.18 Tampilan Customer Order List

4.3.3 Implementasi Halaman Store Gerai Adies

Halaman store merupakan halaman yang didesain oleh admin untuk user

(pelanggan). Halaman ini dapat diakses siapa saja baik oleh pembeli maupun

penjual jika mengunjungi situs tersebut. Website halaman user/pelanggan ini dibuat

dalam bahasa Inggris (en). Pada website halaman user/pelanggan ini, pelanggan

dapat mengakses atau melihat informasi yang ada seperti profil penjual, kategori

produk, produk yang sedang diskon dan lain sebagainya serta menambahkan

produk yang ingin dibeli kekeranjang atau troli (cart) tetapi pelanggan harus

melakukan registrasi atau login apabila akan melanjutkan kepembayaran produk.

Untuk menampilkan halaman utama website Gerai Adies, setelah web

browser dijalankan ketikan geraiadies.xyz/ pada address bar maka akan tampil

51

halaman Gerai Adies. Tampilan halaman utama website dapat dilihat pada gambar

4.19 di bawah ini.

Gambar 4.19 Tampilan Halaman Store Gerai Adies

4.3.3.1 Tampilan halaman Login

Tampilan halaman login adalah halaman untuk memasukan data-data

seperti nama, alamat, email yang dapat diakses dengan cara klik my account pilih

login, untuk pelanggan baru dapat pilih new customer dan bagi pelanggan yang

sudah pernah berkunjung bisa langsung ke returning customer dengan mengisi

email dan password sesuai yang pernah digunakan saat berkunjung ke web Gerai

Adies. Tampilan halaman login website dapat dilihat pada gambar 4.20 di bawah

ini.

52

Gambar 4.20 Tampilan Halaman Login.

4.3.3.2 Tampilan Halaman Penyediaan Barang

Tampilan halaman penyediaan barang menampilkan produk-produk baju

gamis yang ditawarkan pada Gerai Adies, terdiri dari baju gamis anak, baju gamis

syar'i, baju gamis batik dan lain sebagainya. Dipenyediaan barang menampilkan

berbagai produk yang ditawarkan serta tampilan harga dan deskripsi produk-

produk, seperti bahan baju gamis dan ukuran baju gamis yang ditawarkan pada web

tersebut. Adapun tampilan halaman penyedia barang dapat dilihat pada gambar 4.21

di bawah ini.

53

Gambar 4.21 Tampilan Halaman Penyediaan Barang.

4.3.3.3 Tampilan Halaman Keranjang Belanja

Halaman ini menampilkan keranjang barang yang di pesan pembeli atau

pelanggan produk baju gamis yang sudah dipilih pada Opencart Gerai Adies.

Pelanggan bisa mengecek kembali barang-barang belanjaanya baik itu jumlah

barang maupun total keseluruhan belanjaan. Di keranjang belanjaan pelanggan bisa

menghapus belajaan atau menambah barang belanjaan ke dalam keranjang

54

belanjaan dengan cara klik kembali produk baju gamis yang diinginkan. Adapun

tampilan halaman keranjang belanja dapat dilihat pada gambar 4.22 di bawah ini.

Gambar 4.22 Tampilan Halaman Keranjang Belanja Gerai Adies

4.3.3.4 Tampilan Halaman Produk Best Seller

Tampilan halaman produk best seller yaitu tampilan produk yang sering

dipesan atau diorder oleh customer atau pelanggan. Di tampilan ini memungkinkan

pelanggan lebih membuat tertarik dan cepat dalam mengambil keputusan produk-

produk yang akan dibelinya. Berikut tampilan halaman produk best seller dapat

dilihat pada gambar 4.23 di bawah ini.

55

Gambar 4.23 Tampilan Halaman Produk Best Seller

4.3.3.5 Tampilan Halaman Produk Latest

Tampilan halaman produk latest adalah tampilan produk terbaru yang

dimiliki toko, sehingga pelanggan lebih tertarik dan menginformasi produk-produk

mana yang akan menjadi pilihan para pelanggan. Berikut tampilan halaman latest

dapat dilihat pada gambar 4.24 di bawah ini.

56

Gambar 4.24 Tampilan Halaman Produk Latest

4.3.4 Proses Pemesanan Baju Gamis pada Gerai Adies

Seperti yang sudah dipaparkan sebelumnya, pelanggan akan memilih

produk baju gamis yang ditawarkan oleh Gerai Adies secara online. Di mana

produk tersebut sudah dikelompokan dalam beberapa kategori. Berikut adalah

tampilan setelah pelanggan memilih baju gamis yang diinginkan.

1. Klik "Add to Cart" maka pilihan anda masuk ke dalam keranjang (troli).

57

Gambar 4.25 Tampilan Pemesanan (step 1)

2. Periksa keranjang belanja (troli) untuk memastikan baju gamis yang anda

pilih sudah sesuai dengan apa yang anda inginkan. Jika sudah sesuai klik

"check out".

Gambar 4.26 Tampilan Pemesanan (step 2)

58

3. Kemudian pelanggan mengisi form yang tersedia diantaranya memasukan

data pelanggan dan memilih metode pembayaran.

Gambar 4.27 Tampilan pemesanan (step 3) 4. Kemudian pelanggan melakukan konfirmasi pesanan dan melakukan

pembayaran melalui Bank transfer sesuai ketemtuan yang berlaku yang

dapat dilihat pada gambar 4.28. Admin akan mengeceknya jika pembayaran

diterima akan melakukan validasi dan transaksi dikomplitkan dan akan

menghasilkan laporan atau konfirmasi pesanan yang dapat dilihat pada

gambar 4.29 di bawah ini

Gambar 4.28 Tampilan Konfirmasi Pembayaran Melalui Bank Transfer

59

Gambar 4.29 Tampilan Contoh Invoice Sistem Baru

5. Setelah pembayaran selesai ditransfer dan barang akan dikirimkan ke alamat

pelanggan yang dituju dan transaksi selesai.

Gambar 4.30 Tampilan Contoh Delivery Slip Sistem Baru

60

BAB V PENUTUP

5.1 Kesimpulan

Setelah penulis melakukan pengujian, pengamatan, pemahaman terhadap

sistem yang sedang berjalan, serta melakukan perancangan sistem informasi, maka

penulis dapat mengambil berapa kesimpulan, diantaranya adalah sebagai berikut :

1. Diharapkan dengan sistem ini dapat memasarkan produknya lebih luas lagi,

agar seluruh produk di Gerai Adies dapat ditampilkan di halaman web dan

dikenal masyarakat luas.

2. Diharapkan dengan sistem ini dapat membantu dalam pengelolaan data

penjualan agar target penjualan Gerai Adies dapat tercapai.

3. Diharapkan dengan sistem ini dapat mempermudah dalam pembuatan

laporan-laporan yang berkaitan dengan penjualan baju gamis Gerai Adies.

5.2. Saran

Pada sistem informasi penjualan yang sedang berjalan ini masih terdapat

kekurangan, Oleh sebab itu ada beberapa saran diantaranya :

1. Diharapkan kedepannya sistem dapat mengolah data pembelian produk ke

supplier secara keseluruhan.

2. Diharapkan kedepannya Gerai Adies menerima transaksi menggunakan

kartu kredit.

61

DAFTAR PUSTAKA

A.Hall, James.2007. Accounting Information Systems. Jakarta: Salemba Empat. Al Fatta, Hanif.2007.Analisis dan Perancangan Sistem Informasi Untuk

Keunggulan Bersaing Perusahaan dan Organisasi Moderen. Yogyakarta : CV ANDI OFFSET.

Amsyah,MLS,Zulkifli.2005.Manajemen Sistem Informasi.Jakarta: PT Gramedia

Pustaka Utama. Djahir, Yulia & Pratita, Dewi. 2014. Bahan Ajar Sistem Informasi

Manajemen.Yogyakarta: Deepublish. Fajrul Islami, Khuriana.2011. Sistem Informasi Penjualan Berbasis Web pada Toko

Depot Islami Yogyakarta. Hidayat, Taufik.2008.Panduan Membuat Toko Online dengan OS

Commerce.Media Kita. Huda, Miftakhul & Bunafit Komputer.2008.Membuat Aplikasi Database Dengan

Java, MySQL dan Net Beans.Jakarta: Elex Media Komputindo. Hutahean, Japerson. 2015. Konsep Sistem Informasi. Yogyakarta: CV BUDI

UTAMA. Irwansyah, Edy & Jurike.V.2014. Pengantar Teknologi Informasi. Yogyakarta:

Deeplublish. Kerendi Developers, Dadan. 2015. Membuat CMS Multifitur. Jakarta: PT Elex

Media Komputindo. Kusrini & Andri Koniyo.2007.Tuntunan Praktis Membangun Sistem Informasi

Akuntansi Dengan Visual Basic Microsoft.Yogyakarta: CV ANDI OFFSET.

Kusrini. 2007. Strategi Perancangan dan Pengelolaan Basis Data.Yogyakarta:

CV.ANDI OFFSET. McLead, Raymond dan Jr. George P.Schell. 2008.Sistem Informasi

Manajemen.Jakarta: Salemba Empat. Novita, Selvi L. 2012. Sistem Informasi Penjualan Produk Pakaian Berbasis

Website Pada Toko Ifa Jaya Jepara.

62

Oktavian, Diar Puji.2010.Menjadi Programer Jempolan Menggunakan PHP.Yogyakarta: Mediakom.

Rahayu, Wiwik Sri. 2014. Sistem Informasi Penjualan Berbasis Web Pada Toko

Wiwik Collection. Rangkuti, Freddy.2009.Strategi Promosi yang Kreatif & Analisis Kasus Integrated

Marketing Communication.Jakarta: PT.Gramedia Pustaka Utama. Sidik, Betha.Ir.2017.2017. Pemograman Web Dengan PHP. Bandung: Informatika. Soeherman, Bonnie & Marion Pinontoan. 2008. Designing Information System

Concepts and Caces With Visio. Jakarta: Elex Media Komputindo. Solusindo, E- Media.2008.Membangun Komunitas Online Secara Praktis dan

Gratis.Jakarta: Elex Media Komputindo. Studio, MetaMaya.2010.Ide Usaha Bermodal Komputer dan Internet.Jakarta:

PT.Elex Media Komputindo. Supardiansyah. 2013/2014. Sistem Informasi Penjualan Batik Berbasis Web Untuk

Meningkatkan Penjualan Pada CV Batik Jaya. Supriyanto, Wahyu & Ahmad Muhsin. 2008. Strategi Perancangan Perpustakaan

Digital.Yogyakarta: KANISIUS. Syilviani, Filia Ika.2010.Membangun Toko Online Dengan OpenCart.Jakarta: PT

Elex Media Komputindo. Wahana, Komputer.2010.SQL Server 2008 Express. Yogyakarta: CV. ANDI

OFFSET. Westwood, John.2004. How To Write a Marketing Plan. Jakarta: PT Alex Media

Komputindo. Wicaksono, Yogi & SmitDev Community.2008.Membangun Bisnis Online Dengan

Mambo.Jakarta: Elex Media Komputindo.

DAFTAR RIWAYAT HIDUP

I. Identitas Pribadi

Nama : Poniyem Rahayu

Jenis Kelamin : Perempuan

Tempat, Tanggal Lahir : Ngawi, 23 Maret 1983

Agama : Islam

Alamat : Perum. Jupiter Residence Blok B6 No.01,

Batam

No. Telepon : 0856 6805 1590

Email : [email protected]

II. Pendidikan

SD Negeri 5&7 Kedunggalar, Ngawi Tahun 1990-1996

MTS Negeri Kedunggalar, Ngawi Tahun 1996-1999

SMA Mandiri Omega Jaya, Batam Tahun 2012

Akademi Akuntansi Permata Harapan, Batam Tahun 2013-2016

STMIK Gici, Batam Tahun 2016-2017

Demikian daftar riwayat hidup ini penulis buat dan disesuaikan dengan data yang

sebenarnya.

Batam, 23 Agustus 2017

Poniyem Rahayu NIM : 161300009

DAFTAR TABEL

No Gambar Nama Fungsi

1. Proses (Process) Menunjukan kegiatan proses

dari operasi program komputer.

2. Dokumen

(Document)

Menunjukan dokumen input dan output untuk proses manual, mekanik atau komputer.

3. Kegiatan manual Menunjukan kegiatan manual.

4. Terminator Permulaan (start) atau akhir

(stop) dari suatu kegiatan.

5. Garis Alir Menunjukan jalur dari proses.

6. Input / Output Proses input dan output data,

parameter, informasi.

7. Keputusan

(Decision)

Menunjukan penyelesaian data yang memberikan pilihan untuk langkah selanjutnya.

8. Drum Magnetik Menunjukan input/output yang

menggunakan drum magnetik.

9. Pengarsipan Pengarsipan data non komputer yang diurutkan berdasarkan historical / penanggalan.

C

No. Gambar Nama Fungsi

1. Kesatuan Luar

(External Entity)

Merupakan kesatuan di luar sistem yang akan memberikan input atau menerima output dari sistem.

2. Proses ( Process) Menggambarkan bagian dari sistem yang mentransformasikan input data menjadi output data atau dapat diartikan sebagai kegiatan yang dilakukan oleh orang mesin atau komputer.

3. Aliran Data

(Data Flow)

Dipakai untuk menunjukan arus data yang dapat berupa masukan atau hasil dari proses sistem mengalir antara proses, simpanan data dan kesatuan luar.

4. Penyimpanan

Data (Data

Storage)

Merupakan dari sarana yang

digunakan untuk menyimpan

data.

No. Gambar Nama Fungsi

1.

Proses(Process) Menunjukan pengolahan yang dilakukan oleh komputer.

2.

Input/ Output Menyatakan proses input dan output tanpa tergantung dengan jenis peralatannya.

3.

Keputusan(Decision) Pemilihan proses berdasarkan kondisi yang ada.

4. Dokumen

(Document)

Menyatakan input berasal dari dokumen dalam bentuk kertas atau output dicetak ke kertas.

5.

Terminator Simbol untuk permulaan (start) atau akhir (stop) dari suatu kegiatan.

6.

Preparation

Mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam storage.

7.

Manual Input Pemasukan data secara

manual dengan keyboard

8. Penghubung

(Connector)

Simbol untuk keluar masuk atau penyambungan proses dalam halaman yang sama.

9.

Penghubung Simbol untuk keluar masuk atau penyambungan proses dalam halaman yang berbeda.

10.

Stored Data Menyatakan Input yang berasa dari disk atau disimpan ke disk.

11. Arah Aliran (Flow

Direction)

Digunakan untuk menghubungkan antara simbol yang satu dengan simbol yang lain.

12.

Predefined Process Simbol untuk pelaksanaan suatu proses sub program/prosedur.

No Nama

Peneliti

Judul Penelitian Kesimpulan

1 Elizaandayni Ginting 2013

Aplikasi Penjualan Berbasis Web Menggunakan Joomla Pada Mutiara Fasion

1. Aplikasi ini menyajikan informasi terkait dengan Mutiara Fasion yang ditujukan pada konsumen. 2. Dengan adanya aplikasi ini, informasi tentang produk

terbaru Mutiara Fasion dapat terpublikasi dengan baik. 3. Dengan adanya aplikasi ini maka konsumen dapat melihat info tentang produk.

2 Khuriana Fajrul Islami 2011

Simtem Informasi Penjualan Berbasis Web Pada Toko Depot Islami Yogyakarta

1. Aplikasi web merupakan salah satu media yang tepat bagi depot islami untuk memberikan informasi dan layanan kepada para pelanggan dan masyarakat. 2. Pengolahan data untuk dijadikan promosi dan informasi yang sebelumnya masih dilakukan depot islami dengan cara manual. 3. Dengan adanya website ini, siapa saja dengan mudah mendapatkan informasi mengenai depot islami dan dapat melakukan pemesanan serta pembelian secara online kapan saja dan dimana saja tanpa harus ke toko depot islami. 4. Sistem yang diusulkan memiliki beberapa kelebihan, yaitu sebagai media informasi yang up to date, desain yang dirancang juga bagus dan unik. Selain itu pelanggan dapat melakukan transaksi online, sehingga ini dapat menjadi suatu nilai lebih bagi depot islami dalam persaingan bisnis.

3 Ruli Gultom 2015

Sistem Informsi Penjualan Pakaian Berbasis Web Pada Resnlight Cloth

1. Sistem informasi penjualan di Resnlight Cloth saat ini dapat memudahkan dalam proses Pengolahan data 2. Sistem informasi penjualan yang telah di bangun dapat menangani permasalahan yang ada pada Resnlight Cloth dalam hal pemesanan dan Transaksi. 3. Implementasi sistem yang dirancang dapat meningkatkan pelayanan terhadap konsumen dan menjadikan sistem

informasi yang ada menjadi lebih optimal 4. Analisis dan pengujian sistem yang diimplementasikan pada Resnlight Cloth dapat memudahkan user dalam memoperasiakn sistem tersebut.

4 Selvi Novita L 2012

Sistem Informasi Penjualan Produk Pakaian Berbasis Website Pada Toko Ifa Jaya Jepara

Sistem penjualan yang selama ini digunakan belum mempermudah proses penjualan karena konsumen yang berada di luar kota harus datang ke toko untuk membeli produk yang dijual, sehingga diperlukan sebuah sistem yang dapat memberikan kemudahan dalam melakukan transaksi penjualan dan promosi. Sistem informasi penjualan yang dirancang merupakan sistem penjualan berbasis website yang dapat mempermudah transaksi dan memberikan informasi secara luas kepada konsumen baik di dalam maupun luar kota. .

5 Supardiansyah 2013/2014

Sistem Informasi Penjualan Batik Berbasis Web Untuk Meningkatkan Penjualan Pada CV Batik Jaya

1. Aplikasi ini menyajikan informasi terkait dengan CV Batik Jaya yang ditujukan pada konsumen. 2. Dengan adanya aplikasi ini, informasi tentang produk terbaru CV Batik Jaya dapat terpublikasi dengan baik. 3. Dengan adanya aplikasi ini

maka konsumen dapat melihat info tentang produk.

6 Wiwik Sri Rahayu 2014

Sistem Informasi Penjualan Berbasis Web Pada Toko Wiwik Collection

Dari studi kasus yang diambil pada Wiwik Collection dapat dilihat perkembangan bisnis dengan membangun rancangan websitesecara online yang dapat menganalisis penjualan dengan mudah untuk pelanggan supaya mendapatkan informasi dengan cepat.

Gerai Adies Alamat

Gerai Adies Pasar Kaget Putri Hijau Perum Griya Batu Aji Blok U3/23 Batam Indonesia Telp: 082388070778 BBM:552A1F7D

Gerai Adies Produk

1. Gamis syar'i 2. Gamis Batik 3. Gamis Anak 4. Gamis Brokat Dll.

Pelanggan Kasir Pemilik

Tidak

Ya

Pelanggan Admin

Beli/Tidk

Validasi dan catat transaksi

Form Pembelian

Mengakses GeraiAdies.xyz

Memilih Produk Yang Diinginkan

Input Data pemesanan

Konfirmasi Pembayaran

Proses barang untuk dikirim

Menerima

Barang yang

Terima Data pemesanan

DAFTAR GAMBAR

Pemilik

Kasir