PERANCANGAN SISTEM INFORMASI PENJUALAN TAS

BERBASIS WEB (STUDI KASUS PADA LEXELSHOP

BATAM)

SKRIPSI

Oleh:
Angelin
161300036

PROGRAM STUDI SISTEM INFORMASI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN
KOMPUTER (STMIK) GICI
BATAM
2017
PENJUALAN SISTEM INFORMASI PENJUALAN TAS
BERBASIS WEB (STUDI KASUS PADA LEXELSHOP
BATAM)

SKRIPSI

Diajukan Untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana

Oleh:
Angelin
161300036

PROGRAM STUDI SISTEM INFORMASI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN
KOMPUTER (STMIK) GICI
BATAM
2017
Scanned by CamScanner
Scanned by CamScanner
Scanned by CamScanner
Scanned by CamScanner
 ABSTRAK

Pada online shop yang bergerak pada tas wanita. Pada dasarnya online
shop menggunakan smartphone secara online dengan bantuan aplikasi Blackberry,
Instagram dan Facebook dimana produk yang dijual Lexelshop di-upload dan
dimasukkan ke group Blackberry. Akan tetapi terdapat kelemahan dari group pada
Blackberry yang ada yaitu maksimum 30 member sehingga admin group harus
melakukan penghapusan dan penambahan member secara manual, dan juga pada
group Blackberry gambar maksimum yang bias ditambahkan hanya berjumlah 80
lembar gambar, sehingga jika produk yang dijual melebihi batas maksimal, admin
harus membuka group baru dan harus menambah member kembali. Sistem yang
diusulkan diharapkan dapat memberikan gambaran yang jelas dalam pembuatan
sistem informasi yang dapat membantu proses penjualan dan memperluas
konsumen Lexelshop. Analisis sistem yang diusulkan digambarkan dalam
flowchart, diagram konteks, DFD, ERD dan Normalisasi yang dapat menjelaskan
proses aliran data sehingga menghasilkan informasi yang diinginkan. Dengan
adanya perancangan sistem informasi ini penjualan tas berbasis web ini dapat
meningkatkan penjualan tas pada Lexelshop dan sistem dapat menampilkan
laporan penjualan sesuai periode yang diinginkan.

Kata kunci: E-commerce, Sistem Informasi, Opencart

vii
 ABSTRACT

At Online Shop engaged in lady bags. Normally they are using smartphone
with blackberry, instagram and facebook application to promote their product.
But the blackberry application have the disadvantage about group member, they
have limit of group member where only can 30 members in the group, and the
admin need to manually add member and delete the member, other than that, the
group only can save 80 pictures, so if Lexelshop have a lot pictures more than 80
pictures, they need to open new group and re-add the new member to the group.
We are offering E-commerce system to help Lexelshop increase their sales and get
easier way to expand their business. Analysis system using flowchart, diagram
konteks, DFD, ERD dan Normalisasion describe data flow. System information
that will help Lexelshop to upload their product and Lexelshop will be able to
access report by period after using the system information of website.

Keywords: E-commerce, Information System, Opencart

viii
 DAFTAR ISI

Judul Halaman

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

HALAMAN PERSETUJUAN ............................................................ ii
HALAMAN PENGESAHAN ............................................................ iii
HALAMAN PERNYATAAN ............................................................ iv
KATA PENGANTAR ........................................................................ v
ABSTRAK .......................................................................................... vi
ABSTRACT ...................................................................................... vii
DAFTAR ISI ....................................................................................... viii
DAFTAR TABEL .............................................................................. ix
DAFTAR GAMBAR ......................................................................... x

BAB I PENDAHULUAN
1.1 Latar Belakang ………………………………………………. 1
1.2 Rumusan Masalah Penelitan ……………………………….… 4
1.3 Batasan Masalah ……………………………………………... 5
1.4 Tujuan Penelitian …………………………………………….. 5
1.5 Manfaat Penelitian ………………………………………….... 6
1.6 Sistematika Penulisan ………………………………………… 6

BAB II LANDASAN TEORI

2.1 Teori Pendukung…….........………………..……………..... 8
2.1.1 Perancangan..............………………...…………….. 8
2.1.2 Sistem Informasi........................................................ 9
2.1.3 Penjualan……………………..….…………………. 10
2.1.4 E-Commerce......................................……………… 11
2.1.5 Pengertian Database................................................. 11
 2.1.6 MySQL…………….................................................. 13
2.1.7 HTML............................................................................ 14
2.1.7.1 Fungsi dan Kegunaan HTML ........................... 28
2.1.8 Internet………………………. ..................................... 27
2.1.9 Website………………………....................................... 27
2.1.10 Homepage…………………………………………..… 18
2.1.11 XAMPP………………………………………………... 19
2.1.12 Dasar PHP……………………………………………... 20
2.1.13 CMS (Content Management System)……………….…. 21
2.1.14 CMS Opencart………………………………………… 23
2.1.15 Entity Relationship Diagram (ERD)………………….. 23
2.1.16 Desain Sistem…………………………………………. 26
2.1.16.1 Flow Chart………………………………….. 26
2.1.17 Diagram Konteks……………………………………... 30
2.1.18 Data Flow Diagram (DFD)……….………………….. 31
2.1.19 Data Base Management System………………………. 33
2.1.19.1 Keuntungan Database Management System…. 33
2.1.19.2 Kekurangan Database Management System .. 34
2.1.19.3 Fasilitas Database Management System……. 35
2.2 Penelitian Terdahulu………………………….…….....……… 35

BAB III METODE PENELITIAN

3.1 Kerangka Kerja…….........…….……………………………..… 38
3.2 Gambaran Umum Perusahaan ................................................... 41
3.2.1 Struktur Organisasi ....................................................... 42

BAB IV ANALISIS DAN IMPLEMENTASI

4.1 Analisis Sistem yang Berjalan……...…….……….…..………. 43
4.1.1 Diagram Alir Data ......................................................... 44
4.2 Analisis Sistem Yang Diusulkan……...…….…...…………… 45
4.2.1 Diagram Alir Data ......................................................... 44
 4.2.2 Flowchart……………………………………………... 46
4.2.3 Diagram Konteks………………………………….….. 48
4.3 Perancangan Sistem yang Diusulkan....…….…...…………… 49
4.4 Implementasi ……..……...…….…...…….....................…….. 52
4.4.1 Tampilan Halaman login admin…...…………..…….... 40
4.4.2 Tampilan Halaman utama admin .................................. 41
4.4.3 Tampilan Halaman Orders…………………………… 55
4.4.4 Tampilan Categories Admin…………………..………. 55
4.4.5 Tampilan Halaman Products Admin………….……… 56
4.4.6 Tampilan Halaman Customers………………..………. 57
4.4.7 Tampilan Halaman Utama User……………….……... 57
4.4.8 Tampilan Halaman All Product………………….…… 58
4.4.9 Tampilan Halaman About Us………………………….. 59
4.4.10 Tampilan Halaman Contact Us…………………..…… 59
4.4.11 Tampilan Halaman Login User……………….………. 60
4.4.12 Tampilan Halaman Add to Cart……….………..…….. 61
4.4.13 Tampilan Halaman Shopping Cart…………………… 61
4.4.14 Tampilan Halaman Address…………………..………. 62
4.4.15 Tampilan Halaman Delivery Method…………...…….. 62
4.4.16 Tampilan Halaman Payment Method………………….. 63
4.4.17 Tampilan Halaman Confirm Order……………………. 63
4.4.18 Tampilan Halaman Total Penjualan…………………… 64
4.4.19 Tampilan Halaman Sales Report……………………… 64
4.4.20 Tampilan Halaman Penambahan Category..…….…… 65
4.4.21 Tampilan Halaman Registrasi………………………… 66
4.4.22 Tampilan Halaman Invoice…………………………… 67

BAB V PENUTUP
5.1 Kesimpulan….……...…….…………......………………….… 68
5.2 Saran………………………………………......………………. 68
DAFTAR PUSTAKA………………………………………………. 70
LAMPIRAN
 DAFTAR TABEL

Tabel Halaman
Tabel 2.1 Simbol-simbol Entity Relationship Diagram…………..... 26
Tabel 2.2 Simbol-simbol Flowchart……………………………….. 28
Tabel 2.3 Simbol Diagram Aliran Data…………………………..... 33
 DAFTAR GAMBAR

Tabel Halaman
Gambar 4.1 Diagram Alir Data Sistem yang Berjalan……………... 44
Gambar 4.2 Diagram Alir Data Sistem yang Diusulkan……............ 46
Gambar 4.3 Flowchart yang Diusulkan…………………………..… 47
Gambar 4.4 Diagram Konteks……………………………………… 48
Gambar 4.5 Menu Login……………………………………………. 49
Gambar 4.6 Home Admin………………………………………….. 49
Gambar 4.7 Halaman Depan……………………………….. ……… 50
Gambar 4.8 Halaman Login User………………………………….. 50
Gambar 4.9 Halaman Produk…………………………………….… 51
Gambar 4.10 Halaman Keranjang Belanja………………………… 51
Gambar 4.11 Halaman Checkout………………………………….. 52
Gambar 4.12 Halaman Hubungi Kami…………………………….. 52
Gambar 4.13 Halaman login admin…...……...………………….... 54
Gambar 4.14 Halaman utama admin ............................................... 55
Gambar 4.15 Halaman Orders…………………………….……… 55
Gambar 4.16 Halaman Categories Admin………………………… 56
Gambar 4.17 Halaman Customer.………………………………….. 57
Gambar 4.18 Halaman Utama User…………………………….…. 58
Gambar 4.19 Halaman All Product……………………….……….. 58
Gambar 4.20 Halaman About Us………...…………………….….. 59
Gambar 4.21 Halaman Contact Us……………………….…..…… 59
Gambar 4.22 Halaman Login User…………………………….…. 60
Gambar 4.23 Halaman Add to Cart……….…………………..….. 61
Gambar 4.24 Halaman Shopping Cart………………………….… 61
Gambar 4.25 Halaman Address…………………………………… 62
Gambar 4.26 Delivery Method…………………….……….. ……. 62
Gambar 4.27 Halaman Payment Method…………….……….…... 63
Gambar 4.28 Halaman Confirm Order………………………..….. 64
Gamabr 4.29 Halaman Total Penjualan…………………………… 64
Gambar 4.30 Halaman Sales Report……….……………………… 65
Gambar 4.31 Halaman Penambahan Category..……….………..… 66
Gamabr 4.32 Halaman Registrasi……………………….……….… 66
Gambar 4.33 Halaman Invoice………………….……………….… 67
 1

BAB I
PENDAHULUAN

1.1 Pendahuluan

Dalam perkembangan globalisasi dengan persaingan di bidang

perdagangan yang semakin ketat saat ini. Setiap perusahaan dituntut untuk bekerja

secara profesional dan dapat menjalankan suatu informasi yang berkualitas, yaitu

secara tepat, akurat, dan terkini. Dalam menghasilkan informasi yang berkualitas,

maka pemakaian teknologi komputer dapat dijadikan sebagai pilihan, dikarenakan

tanpa teknologi komputerisasi maka proses-proses informasi tidak dapat dipakai

secara selayaknya. Pada proses kerja manual dapat menimbulkan resiko terjadi

kesalahan seperti pendataan, pelaporan, perhitungan, dan memakan waktu relatif

lebih lama.

Penggunaan internet dalam lingkungan baik dalam media komunikasi

maupun bisnis. Internet sangat bermanfaat terhadap kebutuhan sehari-hari seperti

penghematan waktu, biaya dan sebagainya. Menurut Ellsworth (1997 : 3), Internet

memungkinkan suatu jaringan komunikasi global yang tidak hanya

menghubungkan para mitra dagang tetapi juga mencakup para pelanggan. Internet

adalah singkatan dari Interconnection Networking, atau sering disebut juga

sebagai cyberspace.

E-commerce yang semakin dibutuhkan dalam kehidupan kita sehari-hari

dipengaruhi oleh sistem komputer yang saling terhubung melalui jaringan

telekomunikasi, transaksi bisnis dapat dilakukan secara otomatis dan dalam waktu

yang singkat. Akibatnya informasi yang dibutuhkan untuk keperluan transaksi

 2

bisnis tersedia pada saat diperlukan. Dengan melakukan bisnis secara elektronik,

perusahaan dapat menekan biaya yang harus dikeluarkan untuk keperluan

pengiriman informasi. Proses transaksi yang berlangsung secara cepat juga

mengakibatkan meningkatnya produktifitas perusahaan. Dengan menggunakan

teknologi informasi, E-Commerce dapat dijadikan sebagai solusi untuk membantu

perusahaan dalam mengembangkan perusahaan dan menghadapi tekanan bisnis.

Tingginya tekanan bisnis yang muncul akibat tingginya tingkat persaingan

mengharuskan perusahaan untuk dapat memberikan respon. Penggunaan E-

Commerce dapat meningkatkan efisiensi biaya dan produktifitas perusahaan,

sehingga dapat meningkatkan kemampuan perusahaan dalam bersaing.

Purbo (2001 : 36-44), E-commerce merupakan satu set teknologi yang

dinamis, aplikasi dan proses bisnis yang menghubungkan perusahaan, customer

dan komunitas tertentu melalui transaksi elektronik, perdagangan barang,

pelayanan, dan informasi yang dilakukan secara elektronik. E-commerce adalah

proses pembelian dan penjualan serta pemasaran dan pelayanan dari produk, jasa,

dan informasi melalui jaringan komputer yang beragam. Berdasarkan pernyataan

diatas maka dapat disimpulkan bahwa E-commerce adalah proses jual beli,

transfer, atau pertukaran produk, jasa, dan atau informasi melalui jaringan

komputer termasuk internet.

Berdasarkan jurnal Stella yang melakukan perancangan website penjualan

Stella fashion Store, website penulis menggunakan aplikasi Adobe Dreamweaver

CS 6 untuk pengembangan tampilan-tampilan yang terdapat pada website Stella

Fashion Store dan MySQL sebagai database yang digunakan, serta XAMPP

sebagai aplikasi pendukung untuk dapat terkoneksi antara website dengan

 3

database. Hasil dari perancangan website yang dirancang dapat membantu

pemilik Stella Fashion Store dalam memasarkan produknya sehingga dapat dilihat

oleh masyarakat umum serta, dapat langsung melakukan transaksi pemesanan

secara langsung dan dapat memberikan komentar kepada pihak Stella Fashion

Store.

Perkembangan online shop melalui media internet sudah lama di

Indonesia. Banyaknya beragam kemudahan dalam berbelanja dan bermacam

produk dan jasa yang ditawarkan, membuat masyarakat Indonesia menjadi online

shop sebagai salah satu “tempat berbelanja” baru selain pusat perbelanjaan yang

ada di setiap wilayah. penawaran produk dengan berbagai cara untuk menarik

perhatian konsumen berbelanja dan para konsumen juga memanfaatkan keadaan

dimana online shopping yang diminati saat ini.

Lexelshop adalah toko online yang menjual tas impor, Lexelshop menjual

berbagai macam tas seperti tas ransel, handbag, tas selempang, dompet dan lain-

lain. Lexelshop sudah berdiri sejak 2015, Lexelshop adalah toko yang menjual

produk tas menggunakan smartphone secara online dengan bantuan aplikasi

blackberry dan instagram, dan facebook dimana produk yang dijual oleh

Lexelshop di-upload dan dimasukkan ke group blackberry, sehingga calon

pembeli bisa langsung melihat gambar produk yang akan dibeli tanpa harus

datang langsung ke rumah tempat penyimpanan produk oleh Lexelshop. Akan

tetapi terdapat kelemahan dari group pada blackberry yang ada yaitu jumlah

maksimum member hanya 30 member sehingga admin group harus melakukan

penghapusan dan penambahan member secara manual, dan juga pada group

blackberry gambar maksimum yang bisa ditambahkan hanya berjumlah 80 lembar

 4

gambar sehingga jika produk yang dijual melebihi batas maksimal, admin harus

membuka group baru dan harus menambah member kembali. Pelayanan sangat

terbatas dalam menggunakan aplikasi internet karena admin tidak dapat melayani

pelanggan selama 24 jam. Selain itu instagram juga memerlukan banyak pengikut

agar produk kita dapat di akses oleh penguna instagram. Dengan keterbatasan

seperti ini, Lexelshop merencanakan untuk menggunakan website untuk

melakukan ekspansi dalam memasarkan produknya ke lingkup yang lebih luas

dan memudahkan pelanggan untuk mengakses produk yang dimiliki oleh

Lexelshop.

Dengan masalah yang dihadapi Lexelshop maka memerlukan sebuah

website. Dengan mempunyai sebuah website, perusahaan dapat memberi

informasi produk dan harga produk kepada pelanggan dengan jelas. Pelanggan

tinggal memilih dan memesan, admin akan menerima notifikasi dari website dan

memproses orderan sesuai pesanan. Selain itu website dapat diakses dalam 24 jam

sehingga pelanggan bisa melakukan pemesanan dalam 24 jam. Website juga akan

membantu toko untuk mencakup lingkup pemasaran yang lebih luas lagi .

Berdasarkan latar belakang di atas, penulis ingin mengangkat judul “

Perancangan Sistem informasi Penjualan Tas berbasis web (studi kasus pada

Lexelshop Batam)”.

1.2 Rumusan Masalah

Berdasarkan dari uraian latar belakang di atas, maka dirumuskan masalah

dalam penelitian ini sebagai berikut:

 5

1. Bagaimana merancang sistem informasi penjualan pada Lexelshop agar dapat

meningkatkan penjualan tas?

2. Bagaimana implementasi sistem informasi penjualan pada Lexelshop

menggunakan e-commerce?

3. Bagaimana menampilkan total penjualan Lexelshop?

1.3 Batasan Masalah

Berdasarkan rumusan masalah di atas, maka penulis membatasi masalah

sebagai berikut:

1. Hanya membahas sistem informasi penjualan secara online pada Lexelshop

2. Informasi yang disediakan hanya berupa informasi tentang Lexelshop

3. Aplikasi web e-commerce Lexelshop menggunakan CMS Opencart

1.4 Tujuan Penelitian

Penelitian ini dilakukan oleh penulis dengan tujuan sebagai berikut:

1. Untuk mengetahui bagaimana merancang sistem informasi penjualan pada

Lexelshop agar dapat meningkatkan penjualan tas.

2. Untuk mengetahui bagaimana implementasi sistem informasi penjualan pada

Lexelshop menggunakan e-commerce.

3. Untuk mengetahui bagaimana menampilkan total penjualan pada website

Lexelshop.
 6

1.5 Manfaat Penelitian

Setiap mahasiswa khususnya penulis yang melakukan penelitian pada

suatu objek sangat mengharapkan agar hasil dari perancangan yang dilakukan ini

dapat bermanfaat bagi semua kalangan yang membutuhkan. Manfaat- manfaat

tersebut antara lain:

1. Manfaat bagi toko

a. Memberi kemudahan terhadap transaksi penjualan

b. Layanan belanja di toko online relatif cepat

c. Belanja online bisa dilakukan kapan pun dan dimana pun dalam 24 jam.

d. Hemat waktu dan biaya.

2. Manfaat bagi peneliti

Bagi penulis, hasil penelitian ini diharapkan dapat berguna dalam menambah

atau memperkaya wawasan pengetahuan khususnya tentang pembuatan website

dengan CMS Opencart.

3. Manfaat bagi kampus

Bagi kampus, laporan skripsi ini dapat dijadikan sebagai bahan acuan bagi

mahasiswa lainnya dalam membuat sistem informasi perancangan website.

1.6 Sistematika Penulisan

Untuk mempermudah dalam membaca dan mengikuti aturan penulisan

yang ada, maka laporan Skripsi ini dibagi menjadi beberapa bab yang berisi

tentang penjelasan kerangka laporan dengan sistematika penulisan sebagai

berikut :
 7

BAB I : PENDAHULUAN

Pada bab ini dijelaskan mengenai latar belakang, batasan masalah, rumusan

masalah, tujuan dan manfaat penelitan, metode penelitian, serta sistematika

penulisan.

BAB II : LANDASAN TEORI

Bab ini berisikan teori yang diambil dari beberapa kutipan buku, yang berupa

pengertian dan definisi serta perancangan sistem informasi sebelumnya yang

berkaitan dengan perancangan sistem informasi penulis

BAB III : METODE PENELITIAN

Bab ini memberikan uraian tentang kerangka kerja perancangan dan gambaran

umu perusahaan.

BAB IV : ANALISIS DAN IMPLEMENTASI

Pada bab ini akan menganalisis sistem yang berjalan dan sistem yang diusulkan

serta implementasi perancangan system berbasis web ini.

BAB V : PENUTUP

Pada bab terakhir ini berisikan tentang kesimpulan yang diperoleh dari hasil

penelitian dan saran perlu diajukan yang mungkin bermanfaat bagi perusahaan

maupun pembaca skripsi.

 8

BAB II
LANDASAN TEORI

2.1 Teori Pendukung

2.1.1 Perancangan

Menurut Al-Bahra Bin Ladjamudin (2005:39), perancangan adalah

tahapan perancangan (design) memiliki tujuan untuk mendesain sistem baru yang

dapat menyelesaikan masalah-masalah yang dihadapi perusahaan yang diperoleh

dari pemilihan alternatif sistem yang terbaik. Menurut Kusrini (2007:79),

perancangan adalah proses pengembangan spesifikasi sistem baru berdasarkan

hasil rekomendasi analisis sistem. Dalam tahap perancangan, tim kerja harus

merancang dalam berbagai kertas kerja mengenai spesifikasi yang dimaksud

sesuai kebutuhan pengguna (end user) melalui alat perancangan yang

terstandarisasi.

Menurut Al-Bahra Bin Ladjamudin (2005:39), tahapan perancangan

(design) memiliki tujuan untuk mendesain sistem baru yang dapat menyelesaikan

masalah-masalah yang dihadapi perusahaan yang diperoleh dari pemilihan

alternatif sistem yang terbaik. Menurut Kusrini (2007:79), perancangan adalah

proses pengembangan spesifikasi sistem baru berdasarkan hasil rekomendasi

analisis sistem. Dalam tahap perancangan, tim kerja harus merancang dalam

berbagai kertas kerja mengenai spesifikasi yang dimaksud sesuai kebutuhan

pengguna (end user) melalui alat perancangan yang terstandarisasi.

 9

2.1.2 Sistem Informasi

Menurut Erwan Arbie (2000:35), Sistem informasi adalah sistem di dalam

suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian,

membantu dan mendukung kegiatan operasi, bersifat manajerial dari suatu

organisasi dan membantu mempermudah penyediaan laporan yang diperlukan.

Sistem merupakan kumpulan dari sub-sub sistem, elemen-elemen, prosedur-

prosedur yang saling berinteraksi, berintegrasi untuk mencapai tujuan tertentu

seperti informasi, target, dan tujuan lainnya. sedangkan Informasi merupakan data

yang telah diolah menjadi suatu bentuk yang penting bagi pengguna dan

mempunyai nilai yang nyata atau dapat dirasakan manfaatnya dalam keputusan-

keputusan yang akan datang.

Menurut Tafri D. Muhyuzir (2001:8), Sistem Informasi adalah data yang

dikumpulkan, dikelompokkan dan diolah sedemikian rupa sehingga menjadi

sebuah satu kesatuan informasi yang saling terkait dan saling mendukung

sehingga menjadi suatu informasi yang berharga bagi yang menerimanya. Atau

dalam pengertian lainnya, Sistem Informasi merupakan kumpulan elemen yang

saling berhubungan satu sama lain yang membentuk satu kesatuan untuk

mengintegrasikan data, memproses dan menyimpan serta mendistribusikan

informasi.

Perkembangan sistem informasi meliputi sistem informasi tradisional yaitu

suatu sistem informasi yang dioperasikan dan dikelola secara semi-manual.

Sistem informasi beroperasi secara lambat sehingga pengambilan keputusan

sering berdasarkan data asumsi/ perkiraan. lalu Sistem Informasi Berbasis

Komputer yaitu Penggunaan teknologi komputer untuk mendukung penciptaan

 10

sistem informasi sehingga waktu menghasilkan informasi lebih singkat dengan

tingkat keakuratan yang tinggi, dan mengurangi birokrasi. lalu sistem informasi

berbasis jaringan perkantoran yaitu sistem informasi dengan jaringan komputer

perkantoran untuk membuka sejumlah tempat transaksi, dan laporan dapat

diperoleh secara on-line. dan sistem informasi Lintas Platform yaitu sistem

informasi dengan teknologi internet yang dapat menghubungkan komputer di

seluruh dunia untuk kegiatan bisnis, dikenal dengan istilah e-Business.

Suatu sistem informasi pada dasarnya terbentuk melalui suatu kelompok

kegiatan operasi yang tetap, yaitu: Mengumpulkan data, mengelompokkan data,

menghitung, menganalisa dan menyajikan laporan.

2.1.3 Penjualan

Romney (2003:157), Penjualan diartikan sebagai suatu proses yang

menyebabkan penjual menentukan sikap, melakukan dan memuaskan kebutuhan

keinginan dari pembeli untuk saling menghasilkan keuntungan antara pembeli dan

penjual. Penjualan merupakan satu set dasar dari kegiatan bisnis dan koperasi

pemrosesan informasi terkait yang dihubungkan dengan penyediaan barang dan

layanan pelanggan dan penerimaan pembayaran dari penjualan tersebut. Menurut

Doddy (1992:33), Penjualan adalah suatu proses seseorang atau organisasi untuk

meyakinkan customer membeli produk yang ditawarkan.

Sistem Penjualan Online ini merupakan sistem yang dapat digunakan

untuk menangani proses penjualan produk tunai. Sistem ini memiliki keunggulan

utama yaitu kecepatan akses dan sistem yang dapat diakses dari manapun karena

berbasis web. Fasilitas yang disediakan didalam sistem ini antara lain penanganan
 11

master untuk pelanggan dan produk, penanganan transaksi untuk penjualan,

pembuatan faktur dan kuitansi, serta penyajian laporan penjualan berdasarkan

beberapa kriteria.

2.1.4 E-Commerce

Purbo (2001:36-44), E-commerce merupakan satu set teknologi yang

dinamis, aplikasi dan proses bisnis yang menghubungkan perusahaan, customer

dan komunitas tertentu melalui transaksi elektronik, perdagangan barang,

pelayanan, dan informasi yang dilakukan secara elektronik. Menurut O’Brien

(2003:23), E-commerce adalah proses pembelian dan penjualan serta pemasaran

dan pelayanan dari produk, jasa, dan informasi melalui jaringan komputer yang

beragam. Menurut Turban (2003:275), E-commerce adalah proses jual beli,

transfer, atau pertukaran produk, jasa, dan atau informasi melalui jaringan

komputer termasuk internet.

2.1.5 Pengertian Database

Menurut O’Brien (2003: 145), Database adalah koleksi yang terintegrasi

dari elemen-elemen data yang berelasi secara logika. Sebuah database

menyatukan banyak record yang telah disimpan sebelumnya, agar supaya

sekumpulan data yang umum dapat digunakan untuk banyak aplikasi. Menurut

Date (2000:11), Database merupakan sekumpulan data yang tetap yang

digunakan oleh sistem aplikasi dari perusahaan. Menurut Connolly (2002:40),

Database adalah suatu kumpulan data logika yang berhubungan satu sama lain,
 12

dan didesain dari sebuah informasi untuk memenuhi yang dibutuhkan dari satu

perusahaan. Database terdiri dari beberapa objek antara lain yaitu:

1. Field

Field adalah kumpulan dari beberapa karakteristik dari objek-objek yang ada.

2. Record

Record adalah kumpulan dari field yang berhubungan satu sama lain.

Contohnya: nama, alamat, nomor karyawan, nomor telepon, dan sebagainya.

3. File

File atau berkas adalah kumpulan dari beberapa record yang berhubungan

membentuk saling ketergantungan satu dengan yang lain. Contohnya:

transaksi pada perusahaan yang recordnya tercatat tanggal, kode dan barang.

4. Primary Key

Primary Key adalah sebuah field yang mempunyai nilai unik yang tidak

memiliki kesamaan antara record yang satu dengan record yang lain.

Contohnya: nomor karyawan, kode barang, dan lain-lain.

5. Foreign Key

Foreign key adalah satu atribut atau kumpulan atribut dalam satu relasi yang

berguna untuk menghubungkan primary key lain yang berada dalam tabel lain.

6. Attribute

Atribut adalah nama dari suatu kolom relasi yang menjelaskan suatu entity.

Contohnya: nama, nomor karyawan, nomor telepon, dan sebagainya.

7. Entity

Entity adalah satu kesatuan yang terdiri dari informasi yang disimpan.

Contohnya: pelanggan, karyawan, barang, dan sebagainya.

 13

2.1.6 MySQL

Menurut Arbie (2004:5), MySQL adalah sebuah sistem manajemen

database relasi (relational database management system) yang bersifat open

source. MySQL merupakan buah pikiran dari Michael “Monty” Widenius, David

Axmark dan Allan Larson yang di mulai tahun 1995. Mereka bertiga kemudian

mendirikan perusahaan bernama MySQL AB di Swedia. MySQL versi 1.0 di rilis

pada Mei 1996 dan penggunaannya hanya terbatas di kalangan perusahaan saja.

Barulah pada bulan Oktober 1996, MySQL versi 3.11.0 di rilis ke masyarakat

luas. MySQL menggunakan bahasa standar SQL (Structure Query Language)

sebagai bahasa interaktif dalam mengelola data. MySQL memiliki kinerja,

kecepatan proses dan ketangguhan yang tidak kalah dibanding database-database

besar lainnya yang komersil seperti ORACLE, Sybase, Unify dan sebagainya.

MySQL dapat berjalan di atas banyak sistem operasi seperti Linux, Windows,

Solaris, FreeBSD, Mac OS X, dan lain sebagainya.

My SQL adalah sebuah perangkat lunak sistem manajemen basis data SQL

atau dapat disebut juga Database Management Sistem (DBMS) yang multi-thread

dan multi-user. Multi-thread maksudnya MySQL merupakan perangkat lunak

yang open source. Ukuran database MySQL lebih kecil file database yang lain.

Perintah-perintah dalam yang digunakan dalam dalam MySQL tidak case

sensitive, jadi baik huruf kapital maupun huruf kecil tidak dibedakan. Setiap

perintah harus diakhiri tanda semi colon (;).

 14

2.1.7 HTML

HTML adalah bahasa markup internet (web) berupa kode dan simbol yang

dimasukkan kedalam sebuah file yang ditujukan untuk ditampilkan didalam

sebuah website. Singkatnya, HTML adalah bahasa markup yang digunakan untuk

membuat website. Website yang dibuat dengan HTML ini, dapat dilihat oleh

semua orang yang terkoneksi dengan internet. Tentunya dengan menggunakan

aplikasi penjelajah internet (browser) seperti Internet Explorer, Mozilla Firefox

dan Google Chrome. Ada beberapa istilah HTML dibawah ini, yaitu:

1. HyperText adalah metode dimana kita "berpindah" disekeliling web, dengan

mengeklik sebuah teks yang bernama hyperlink. Hyperlink adalah sebuah teks

khusus di internet, dimana saat teks tersebut diklik, akan membawa kita ke

halaman web selanjutnya/ halaman web lain yang telah ditentukan.

2. Markup adalah hal yang dilakukan oleh tag HTML kepada teks yang ada

didalamnya. HTML menandai teks yang berada didalamnya sebagai tipe teks

tertentu. Misalnya saja jika kita menandai sebuah teks dengan tag html <i>,

maka teks tersebut akan berubah menjadi italic (huruf yang miring).

Sedangkan jika kita menandainya dengan <b>, maka teks tersebut akan

berubah menajadi bold (huruf tebal).

3. Language yang berarti bahasa. HTML adalah sebuah bahasa, yang memiliki

kata kata berupa kode dan syntax seperti bahasa yang lain.

Saat ini bahasa HTML masih terus dikembangkan Hal ini dikarenakan

pengguna internet semakin hari semakin berkembang pesat. Oleh karena itu

bahasa HTML harus ditingkatkan lagi agar bisa menciptakan halaman web yang
 15

lebih berkualitas. Untuk itulah dibentuk sebuah organisasi yang

bertanggungjawab mengembangkan bahasa HTML. Organisasi ini bernama W3C.

2.1.7.1 Fungsi dan Kegunaan HTML

Sebagai bahasa markup internet, HTML memiliki banyak fungsi dan

kegunaan. Beberapa manfaat dari HTML diantaranya:

1. Untuk membuat halaman web.

Bahasa HTML digunakan untuk membuat halaman web. Semua halaman web

pasti dibuat dengan menggunakan HTML.

2. Sebagai Pondasi Bagi Sebuah Website.

Sebuah rumah jika tidak memiliki pondasi maka akan cepat roboh. Begitu

juga dengan website. Jika tidak memiliki HTML sebagai pondasi, kita tidak

dapat mengimplementasikan bahasa lainnya seperti CSS (bahasa untuk

mendesain website), Javascript (bahasa untuk menambah prilaku website), dan

PHP (bahasa pemrograman server website).

3. Untuk menandai teks pada halaman web.

Misalnya, kita dapat menandai sebuah teks menjadi bergaris bawah dengan

menggunakan tag html <u>

4. Untuk menandai elemen/ bagian pada halaman web.

Sebuah website memiliki beberapa bagian seperti header, navigasi, main dan

footer. Kita dapat menandai setiap bagiannya dengan HTML.

5. Untuk menampilkan informasi dalam bentuk tabel

6. Untuk menambahkan objek seperti audio, video, gambar, dll dalam halaman

web
 16

7. Untuk membuat online form.

2.1.8 Internet

Menurut Ellsworth (1997:3), Internet memungkinkan suatu jaringan

komunikasi global yang tidak hanya menghubungkan para mitra dagang tetapi

juga mencakup para pelanggan. Internet adalah singkatan dari Interconnection

Networking, atau sering disebut juga sebagai cyberspace bahwa internet adalah

jaringan komputer terbesar saat ini, yang menghubungkan jutaan komputer di

seluruh dunia. Seorang pengguna internet dapat mengakses informasi dan

berhubungan secara langsung dengan pengguna internet di seluruh dunia.

Sebagian besar kebangkitan perdagangan melalui jaringan elektronik diharapkan

berasal dari perusahaan-perusahaan yang akan mempromosikan, dan dalam

beberapa kasus mengirimkan produk mereka melalui internet. Menurut Mcleod

(2001:73), Internet dapat digunakan untuk aplikasi bisnis apapun yang melibatkan

komunikasi data, termasuk komunikasi baik di dalam perusahaan maupun dengan

lingkungan.

2.1.9 Website

Menurut Hahn (1996: 181), Website adalah keseluruhan web page beserta

homepage (dimana homepage merupakan suatu halaman pertama dari kumpulan

halaman web dan file-file pada situs web tersebut) yang merupakan sistem yang

luas dari server yang menawarkan semua orang melalui jaringan. Website adalah

kumpulan dari halaman-halaman situs, yang terangkum dalam sebuah domain

atau subdomain, yang tempatnya berada di dalam World Wide Web (www) di
 17

dalam Internet. Sebuah halaman web biasanya berupa dokumen yang ditulis dalam

format HTML (Hyper Text Markup Language), yang selalu bisa diakses melalui

HTTP, yaitu sebuah protokol yang menyampaikan informasi dari server website

untuk ditampilkan kepada para pemakai melalui web browser dan Website atau

situs dapat juga diartikan sebagai kumpulan halaman yang menampilkan

informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan

atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang

membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing

dihubungkan dengan jaringan-jaringan halaman (hyperlink). Secara garis besar,

website bisa digolongkan menjadi 3 bagian yaitu:

1. Website Statis

Website Statis adalah web yang mempunyai halaman tidak berubah. Artinya

adalah untuk melakukan perubahan pada suatu halaman dilakukan secara

manual dengan mengedit code yang menjadi struktur dari website tersebut.

2. Website Dinamis

Website Dinamis merupakan website yang secara struktur diperuntukan untuk

update sesering mungkin. Biasanya selain utama yang bisa diakses oleh user

pada umumnya, juga disediakan halaman back-end untuk mengedit kontent

dari website. Contoh umum mengenai website dinamis adalah web berita atau

web portal yang didalamnya terdapat fasilitas berita, polling dan sebagainya

3. Website Interaktif

Website Interaktif adalah web yang saat ini memang sedang booming. Salah

satu contoh website interaktif adalah blog dan forum. Di website ini user bisa

berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran

 18

mereka. Biasanya website seperti memiliki moderator untuk mengatur supaya

topik yang diperbincangkan tidak keluar jalur.

2.1.10 Homepage

Homepage adalah halaman utama, halaman pertama, halaman pembuka

dari suatu Website atau situs web. Hompage merupakan halaman yang paling

penting pada suatu website karena merupakan halaman utama dan halaman yang

di index terlebih dahulu oleh search engine sebelum halaman-halaman yang lain

pada suatu website. Definisi dan Pengertian Home Page adalah halaman utama

atau bagian depan yang berisi daftar isi atau menu dari sebuah situs Web. Home

Page berisi judul-judul yang ada di dalam situs tersebut, biasanya dengan

mengakses home page dari suatu situs, kita bisa memilih ke halaman mana yang

akan dituju.

Biasa Home page merupakan website pada Domain utama dan ada

informasi selanjutnya pada sub-domain- sub-domain yang dibuat lebih spesifik

untuk mengorganisir content website agar lebih mudah ditemukan dan dilihat.

Tetapi beberapa website yang dibuat menggunakan CMS (Content Management

Sistem) hampir setiap halamannya sama dengan home page, karena pada setiap

halaman sudah ada tombol-tombol navigasi khusus untuk mengantarkan ke

halaman yang diinginkan. Homepage adalah halaman pembuka/pertama dari

sekian banyak web page yang terdapat dalam suatu website. Homepage adalah

juga merupakan web page, namun memiliki keistimewaan, yakni diletakkan

sebagai web page pembuka.

 19

2.1.11 XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak system

operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai

server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP

Server, Mysql database, dan penerjemah bahasa yang ditulis dengan bahasa

pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat

sistem operasi apapun), Apache, Mysql, PHP dan Perl. Program ini tersedia dalam

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

digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk

mendapatkanya dapat mendownload langsung dari web resminya. XAMPP

merupakan singkatan yang masing-masing hurufnya adalah:

1. Huruf X

Program ini dapat dijalankan dibanyak sistem operasi, seperti Windows,

Linux, Mac OS, dan Solaris.

2. Huruf A

Apache, merupakan aplikasi web server. Tugas utama Apache adalah

menghasilkan halaman web yang benar kepada user berdasarkan kode PHP

yang dituliskan oleh pembuat halaman web, jika diperlukan juga berdasarkan

kode PHP yang dituliskan,maka dapat saja suatu database diakses terlebih

dahulu (misalnya dalam Mysql) untuk mendukung halaman web yang

dihasilkan.

3. Huruf M

Mysql, merupakan aplikasi database server. Perkembangannya disebut SQL

yang merupakan kepanjangan dari Structured Query Language. SQL

 20

merupakan bahasa terstruktur yang digunakan untuk mengolah database.

Mysql dapat digunakan untuk membuat dan mengelola database beserta

isinya. Kita dapat memanfaatkan Mysql untuk menambahkan, mengubah, dan

menghapus data yang berada dalam database.

4. Huruf P

PHP, bahasa pemrograman web. Bahasa pemrograman PHP merupakan

bahasa pemrograman untuk membuat web yang bersifat server-side scripting.

PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis.

Sistem manajemen basis data yang sering digunakan bersama PHP adalah

Mysql. namun PHP juga mendukung sistem manajement database Oracle,

Microsoft Access, Interbase, d-base, PostgreSQL, dan sebagainya.

5. Huruf P

Perl, bahasa pemrograman

2.1.12 Dasar PHP

Web merupakan layanan yang didapat oleh pemakai komputer yang

terhubung ke internet. Web awalnya adalah web yang bersifat statis sehingga

hanya bisa melihat-lihat informasi sehingga tidak ada interaktif yang terjadi antara

pemakai dengan komputer. Tetapi kini semakin populernya dunia internet maka

makin banyak orang-orang berlomba-lomba untuk belajar agar web menjadi

interaktif dan menarik. Sehingga web tidak hanya sebagai penyedia informasi

tetapi pemakai juga dapat langsung melakukan komunikasi dengan komputer serta

dengan tampilan web yang menarik. Komunikasi yang terjalin seperti email,

chatting, e-learning, e-bisnis, dan lain sebagainya. Seiring dengan perkembangan

 21

teknologi maka lahirnya PHP sebagai bahasa pemrograman open source yang

digunakan secara luas terutama untuk pengembangan web dan dapat disimpan

dalam bentuk HTML. Sehingga web tidak hanya memberikan informasi tetapi

terjalin interaksi dan menjadikan web bersifat dinamis dan diintegrasikan dengan

web server Apache, PWS dan IIS. Kelahiran PHP bermula saat Rasmus Lerdorf

membuat sejumlah skrip Perl yang dapat mengamati siapa saja yang melihat-lihat

daftar riwayat hidupnya, yaitu tahun 1994. Tahun 1995, Rasmus menciptakan

PHP.FI Versi 2, dimana Versi tersebut dapat menempelkan kode terstruktur dalam

tag HTML dan juga PHP dapat berkomunikasi dengan database.

2.1.13 CMS (Content Management System)

Content Management System atau dalam bahasa Indonesia berarti Sistem

Manajemen Konten adalah aplikasi web yang berisikan template untuk mengelola

isi halaman web secara mudah. Penggunaan Content Management System tidak

memerlukan pengetahuan pemrograman web yang handal karena proses instalasi

dan cara penggunaannya sudah user friendly. CMS sendiri ada yang dibuat khusus

menyesuaikan kasus yang ada dan biasanya berbayar dan ada yang berupa

template instan yang fungsionalitasnya dibuat dengan menyeuaikan pada beberapa

proses bisnis yang ada didunia nyata yang dapat digunakan secara gratis.

CMS merupakan situs web yang menerapkan sistem ini berorientasi terhadap

konten. Sudah bukan merupakan kendala yang berarti bagi manajemen atau

humas suatu perusahaan/ institusi/ organisasi untuk memperbaharui situs webnya.

Dengan hak akses dan otoritas masing-masing, setiap bagian dari perusahaan/

intitusi/ organisasi dapat memberikan kontribusinya kedalam website tanpa

 22

prosedur yang sulit. Pada umumnya sebuah CMS memiliki 2 bagian kategori yaitu

bagian Front-end dan Back-end.

Kecanggihan dan fitur masing-masing CMS bergantung pada CMS yang

digunakan. Penggunaan sistem hirarki pengguna yang diterapkan CMS dalam hak

aksesnyapun sangat bervariasi sesuai CMS masing-masing. Mulai dari level 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 dapat melakukan

semua fitur yang ada. Keberadaan aplikasi gratisan di Internet dan juga komunitas

sumber terbuka yang semakin menjamur ikut memberikan andil yang signifikan

untuk menjadikan teknologi CMS menjadi murah dari segi harga akan tetapi

dengan fitur-fitur yang semakin lengkap dan canggih. Dari segi biaya

implementasi pembuatan CMS sangatlah murah apalagi jika dibandingkan dengan

fitur-fitur dan kemudahan yang ditawarkan. Hal inilah yang akhirnya ikut

mempopulerkan CMS dan akhirnya akan menggantikan semua website

konvensional yang ada. CMS dapat digunakan untuk membuat berbagai jenis

website seperti :

1. Website perusahaan, bisnis, organisasi atau komunitas.

2. Portal

3. Galeri foto

4. Aplikasi E-Commerce / Toko Online

5. Mengelola website pribadi / blog.

6. Untuk membuat web e-Forum

7. Untuk membuat web e-Learning

 23

8. Dan lain-lain.

2.1.14 CMS Opencart

CMS OpenCart adalah CMS khusus untuk membuat sebuah Toko Online.

CMS ini juga banyak dipakai baik bagi kalangan personal maupun developer yang

ingin membangun sebuah toko online. CMS Opencart ini sudah bisa dibilang

lengkap, karena memang CMS ini dikhususkan untuk E-Commerce. Beda dengan

CMS-CMS diatas. Kekurangan CMS Opencart adalah dari sisi SEO, tetapi untuk

manajemen kontennya CMS ini bisa dibilang mudah.

2.1.15 Entity Relationship Diagram (ERD)

Menurut Brady dan Loonam (2010), Entity Relationship diagram (ERD)

merupakan teknik yang digunakan untuk memodelkan kebutuhan data dari suatu

organisasi, biasanya oleh System Analys dalam tahap analisis persyaratan proyek

pengembangan system. Sementara seolah-olah teknik diagram atau alat peraga

memberikan dasar untuk desain database relasional yang mendasari sistem

informasi yang dikembangkan. ERD bersama-sama dengan detail pendukung

merupakan model data yang pada gilirannya digunakan sebagai spesifikasi untuk

database. Entity Relationship Diagram digunakan untuk menggambarkan struktur

logical database dalam bentuk diagram ERD menyediakan cara yang sederhana

dan mudah untuk memahami berbagai komponen dalam desain database. ERD

mempunyai tiga komponen, yaitu:

 24

1. Entity

Entity merupakan suatu benda yang memiliki identifikasi yang berbeda. Entity

dapat digambarkan sebagai persegi yang berisi nama dari entity.

2. Relationship

Relationship merupakan asosiasi antar entity. Entity merupakan pengikut dari

relationship. Relationship dapat digambarkan dalam bentuk belah ketupat

yang berisi nama dari relasi tersebut. Relationship dapat berupa relasi one-to-

one, one-to-many, atau many-tomany.

a. Relasi One-to-One (1 atau 1..1)

Relasi dimana setiap entity yang ada hanya dapat mempunyai maksimal 1

(satu) relasi dengan entity yang lain.

b. Relasi One-to-Many (1..*)

Relasi dimana setiap entity yang ada dapat mempunyai satu atau lebih dari

satu relasi dengan entity yang lain

c. Relasi Many-to-Many (*..*)

Relasi dimana setiap entity dapat mempunyai lebih dari satu relasi dengan

entity lainnya.

3. Properti / atribut

Properti atau atribut adalah sifat atau karakteristik deskriptif suatu entitas.

Setiap Properti atau atribut mempunyai key di antaranya Primary Key (PK)

dan Foreign Key (FK) untuk menmunjukkan hubungan antar kedua entitas.

Menurut Connoly (2002:330-351), Entity Relationship Diagram adalah

model aktual dari notasi pemodelan data yang mengambarkan data dalam bentuk

entities dan relationships. Beberapa konsep model data adalah sebagai berikut:
 25

1. Entity adalah sekelompok orang, tempat, kejadian, atau konsep yang perlu

ditangkap dan disimpan datanya.

2. Primary Key adalah atribut tunggal atau jamak yang unik, digunakan untuk

mengenali satu buah entity tunggal.

3. Foreign Key adalah primary key dari sebuah entity yang diletakkan dalam

entity lainnya untuk mengenali hubungan kedua datanya.

4. Relationship adalah asosiasi alami bisnis yang ada diantara satu entity atau

lebih. (Whitten, et.al., 2004, 260-267)

Adapun pembagian relationship berdasarkan macam dapat dilihat sebagai

berikut:

1. Unary Degree (derajat satu), Bila satu entity mempunyai relasi terhadap

dirinya sendiri.

2. Binary degree (derajat dua), Bila satu relasi menghubugkan dua entity

3. Ternary degree (derajat tiga), Bila satu entity menghubungkan lebih dari dua

entity

Gambar 2.3 Pembagian Relationship

 26

Adapun Simbol-simbol Entity Relationship Diagram terdiri dari beberapa

macam yaitu:

Tabel 2.1 Simbol-simbol Entity Relationship Diagram

(Sumber: Connoly, 2002, 330-351)

2.1.16 Desain Sistem

2.1.16.1 Flow Chart

Flowchart atau Bagan alir adalah bagan (chart) yang menunjukkan

alir (flow) di dalam program atau prosedur sistem secara logika. Bagan alir

(flowchart) digunakan terutama untuk alat bantu komunikasi dan untuk

dokumentasi. Ada beberapa jenis flowchart diantaranya:

1. Bagan alir sistem (systems flowchart).

2. Bagan alir dokumen (document flowchart).

3. Bagan alir skematik (schematic flowchart).

4. Bagan alir program (program flowchart).

5. Bagan alir proses (process flowchart).

 27

1. Sistem Flowchart

Sistem flowchart dapat didefinisikan sebagai bagan yang menunjukkan arus

pekerjaan secara keseluruhan dari sistem. Bagan ini menjelaskan urut-urutan

dari prosedur-prosedur yang ada di dalam sistem. Bagan alir sistem

menunjukkan apa yang dikerjakan di sistem

2. Dokumen Flowchart

Bagan alir dokumen (document flowchart) atau disebut juga bagan alir

formulir (form flowchart) atau paperwork flowchart merupakan bagan alir

yang menunjukkan arus dari laporan dan formulir termasuk tembusan-

tembusannya.

3. Schematic Flowchart

Bagan alir skematik (schematic flowchart) merupakan bagan alir yang mirip

dengan bagan alir sistem, yaitu untuk menggambarkan prosedur di dalam

sistem. Perbedaannya adalah bagan alir skematik selain menggunakan simbol-

simbol bagan alir sistem, juga menggunakan gambar-gambar komputer dan

peralatan lainnya yang digunakan. Maksud penggunaan gambar-gambar ini

adalah untuk memudahkan komunikasi kepada orang yang kurang paham

dengan simbol-simbol bagan alir. Penggunaan gambar-gambar ini

memudahkan untuk dipahami, tetapi sulit dan lama menggambarnya.

4. Program Flowchart

Bagan alir program (program flowchart) merupakan bagan yang menjelaskan

secara rinci langkah-langkah dari proses program. Bagan alir program dibuat

dari derivikasi bagan alir sistem. Bagan alir program dapat terdiri dari dua

macam, yaitu bagan alir logika program (program logic flowchart) dan bagan
 28

alir program komputer terinci (detailed computer program flowchart). Bagan

alir logika program digunakan untuk menggambarkan tiap-tiap langkah di

dalam program komputer secara logika. Bagan alat- logika program ini

dipersiapkan oleh analis sistem. Gambar berikut menunjukkan bagan alir

logika program. Bagan alir program komputer terinci (detailed computer

program flow-chart) digunakan untuk menggambarkan instruksi-instruksi

program komputer secara terinci. Bagan alir ini dipersiapkan oleh pemrogram.

5. Proses Flowchart

Bagan alir proses (process flowchart) merupakan bagan alir yang banyak

digunakan di teknik industri. Bagan alir ini juga berguna bagi analis sistem

untuk menggambarkan proses dalam suatu prosedur.

6. Simbol dan Notasi Flowchart

Dipakai sebagai alat Bantu menggambarkan proses di dalam program.

Tabel 2.2 Simbol-simbol Flowchart

No. Simbol Nama Keterangan

Menyatakan permulaan atau akhir suatu

1. Terminal
program

Mencetak keluaran dalam bentuk

2. Document
dokumen (melalui printer)

Menyatakan proses input atau output

3. Input/Output
tanpa tergantung jenis peralatan

Offline Menyatakan sambungan dari proses

4.
Connector lainnya dalam halaman yang berbeda
 29

Menyatakan suatu tindakan (proses) yang

5. Process
dilakukan oleh komputer

6. Flow Menyatakan jalannya arus suatu proses

Menunjukan suatu kondisi tertentu yang

7. Decision menghasilkan dua kemungkinan
jawaban: ya atau tidak

Menyatakan sambungan dari proses ke

8. Connector
proses lainnya dalam halaman yang sama

Menyatakan persediaan tempat

Predefined
9. penyimpanan suatu pengolahan untuk
Process
memberikan harga awal

Menyatakan input berasal dari kartu atau

10. Punched Card
output ditulis ke kartu

Menyatakan input atau output yang

11. Punched Tape
menggunakan pita kertas berlubang

Sumber: Sitorus (2015:15-16

Berdasarkan pernyataan di atas dapat disimpulkan bahwa flowchart adalah

suatu bagan yang menjelaskan urutan dari prosedur dalam sebuah sistem

manual dan bagan alir sistem ini dimulai dengan input yang masuk ke dalam

sistem dan sumbernya.

7. Pedoman membuat flowchart

Bila seorang analis dan programmer akan membuat flowchart, ada beberapa

petunjuk yang harus diperhatikan, seperti:

 30

1. Flowchart digambarkan dari halaman atas ke bawah dan dari kiri kekanan.

2. Aktivitas yang digambarkan harus didefinisikan secara hati-hati dan

definisi ini harus dapat dimengerti oleh pembacanya.

3. Kapan aktivitas dimulai dan berakhir harus ditentukan secara jelas.

4. Setiap langkah dari aktivitas harus diuraikan dengan menggunakan

deskripsi kata kerja

5. Setiap langkah dari aktivitas harus berada pada urutan yang benar.

6. Lingkup dan range dari aktifitas yang sedang digambarkan harusditelusuri

dengan hati-hati. Percabangan-percabangan yang memotong aktivitas yang

sedang digambarkan tidak perlu digambarkan pada flowchart yang sama.

Simbol konektor harus digunakan dan percabangannya diletakan pada

halaman yang terpisah atau hilangkan seluruhnya bila percabangannya

tidak berkaitan dengan sistem.

7. Gunakan simbol-simbol flowchart yang standar.

2.1.17 Diagram Konteks

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. Diagram nol adalah diagram yang menggambarkan proses dari data flow

diagram. Diagram nol memberikan pandangan secara menyeluruh mengenai

sistem yang ditangani, menunjukkan tentang fungsi-fungsi utama atau proses yang

ada, aliran data, dan eksternal entity. Pada level ini sudah dimungkinkan adanya/

digambarkannya data store yang digunakan. Diagram rinci adalah diagram yang
 31

menguraikan proses apa yang ada dalam diagram zero atau diagram level

diatasnya.

2.1.18 Data Flow Diagram (DFD)

Menurut Budi (2008: 116) Diagram yang paling awal dalam aliran data

adalah disebut diagram konteks. Diagram konteks merupakan pola penggambaran

yang berfungsi untuk 8 memperlihatkan interaksi-interaksi sistem informasi

tersebut dengan lingkungan dimana sistem tersebut ditempatkan. Dalam diagram

konteks ada beberapa hal yang harus diperhatikan terdiri dari:

1. Kelompok pemakai, baik pihak internal maupun pihak ekternal perusahan dan

departemen yang terkait. Dimana sistem itu akan digunakan harus

diidentifikasi secara rinci dan jangan sampai ada yang terlewatkan.

2. Kemungkinan kejadian-kejadian yang akan terjadi dalam penggunaan sistem

harus terus diidentifikasi secara lengkap.

3. Arah anak panah yang menunjukkan aliran data jangan sampai terbalik agar

dapat memberikan pemahaman yang benar terhadap seluruh proses sistem

yang akan dibentuk.

4. Setiap kejadian digambarkan dalam bentuk tekstual yang sederhana dan

mudah dipahami oleh pembuat sistem. (Budi, 2008: 116). Diagram aliran data

merupakan peralatan yang berfungsi untuk menggambarkan secara rinci

mengenai sistem berbagai jaringan kerja antar fungsi yang berhubungan satu

sama lain dengan menunjukkan dari dan ke mana data mengalir serta

penyimpanannya. Tahapan 0 menggambarkan database yang akan

menampung aliran data, namum dalam tahap ini, semua proses hanya
 32

digambarkan sebagai sebuah sistem secara umum dan tidak terinci. Setiap

penurunan ke tahapan yang lebih rendah adalah tahapan 1, 2 dan seterusnya,

maka proses-proses tersebut akan diuraikan lebih rinci dengan spesifikasi yang

lebih, namum tidak semua proses-proses yang ada harus diturunkan dengan

jumlah 9 tahapan yang sama. (Budi, 2008: 118).

Pendekatan aliran data memiliki empat kelebihan utama melalui

penjelasan naratif mengenai cara data-data berpindah disepanjang sistem yaitu:

1. Kebebasan dalam menjalankan implementasi teknis sistem yang terlalu dini.

2. Pemahaman lebih jauh mengenai keterkaitan satu sama lain dalam system dan

sub sistem.

3. Mengkomunikasikan pengetahuan sistem yang ada dengan pengguna melalui

diagram aliran data.

4. Menganalisis sistem yang diajukan untuk menentukan apakah data-data dan

proses yang diperlukan sudah ditetapkan. (Kenneth, et.al., 2009: 264) Simbol-

simbol yang digunakan dalam sistem aliran data dapat dilihat pada tabel 2.3.
 33

Tabel 2.3 Simbol Diagram Aliran Data

(Sumber: Kenneth, et.al., 2009: 265)

2.1.19 Data Base Management System

Menurut Sreevani dan Rao (2010:56), dalam jurnalnya mengatakan bahwa

Database Management System (DBMS) tidak dapat memberikan informasi yang

diperlukan ketika datanya tidak konsisten. Menurut Connolly dan Begg (2010:66),

Database Management System adalah sebuah sistem software yang

memungkinkan pengguna untuk mendefinisikan, membuat, memlihara, dan

mengontrol akses ke database.

2.1.19.1 Keuntungan Database Management System

Keuntungan DBMS yang diuraikan Connolly dan Begg (2010:77), adalah

sebagai berikut:

1. Mengontrol pengulangan data

2. Data yang konsisten.

 34

3. Dapat memperoleh informasi yang lebih banyak dan jumlah data yang sama.

4. Pemakaian data secara bersama-sama.

5. Meningkatkan integritas data.

6. Meningkatkan keamanan.

7. Penetapan standarisasi.

8. Perbandingan skala ekonomi.

9. Menyeimbangi konflik kebutuhan

10. Meningkatkan akses dan respon dari data.

11. Meningkatkan produktifitas.

12. Meningkatkan pemeliharaan data melalui data independen.

13. Meningkatkan konkurensi.

14. Meningkatkan layanan backup dan recovery.

2.1.19.2 Kekurangan Database Management System

Kekurangan dari DBMS menurut Connolly dan Begg (2010:80), adalah

sebagai berikut:

1. Kompleksitas.

2. Ukuran yang besar karena kompleksitas yang terjadi.

3. Biaya DBMS yang beragam tergantung pada lingkungan dan fungsi yang

disediakan.

4. Tambahan biaya untuk hardware.

5. Biaya konversi yang dibutuhkan untuk penggunaan DBMS yang baru.

6. Peforma kinerja menurun.

7. Tingkat kegagalan yang lebih besar.

 35

2.1.19.3 Fasilitas Database Management System

Menurut Connolly dan Begg (2010:66), fasilitas-fasilitas yang disediakan

oleh DBMS adalah, sebagai berikut:

1. DDL (Data Definition Language) adalah suatu bahasa yang memperbolehkan

DBA (Database Administrator) ataupun user untuk menentukan tipe, struktur,

dan batasan keamanan data yang akan disimpan pada database.

2. DML (Data Manipulation Language) adalah suatu bahasa yang memiliki

fasilitas untuk mengoperasikan data yang ada dalam database. Misalnya

insert, edit, delete, dan update.

3. SQL (Structured Query Language) adalah suatu bahasa yang memberikan

layanan akses terhadap data. Contoh dari layanan akses yang diberikan adalah:

a. Sistem keamanan, yang mecegah pengguna yang tidak memiliki hak untuk

mengakses database.

b. Sistem integritas, yang mempertahankan konsistensi data yang tersimpan.

c. Sistem kontrol konkurensi, yang memungkinkan untuk mengakses

database secara bersama-sama.

2.2 Penelitian Terdahulu

Dalam penelitian ini, penulis dibantu oleh sumber materi dari beberapa

jurnal penulis lainnya sebagai pedoman untuk melakukan penelitian ini, yaitu:

1. Menurut Stella (Perancangan website penjualan Stella Fashionstore), Dalam

perancangan website penulis menggunakan aplikasi Adobe Dreamweaver CS

6 untuk pengembangan tampilan-tampilan yang terdapat pada website Stella

 36

Fashion Store dan MySQL sebagai database yang digunakan, serta XAMPP

sebagai aplikasi pendukung untuk dapat terkoneksi antara website dengan

database. Hasil dari perancangan website yang dirancang dapat membantu

pemilik Stella Fashion Store dalam memasarkan produknya sehingga dapat

dilihat oleh masyarakat umum serta, dapat langsung melakukan transaksi

pemesanan secara langsung dan dapat memberikan komentar kepada pihak

Stella Fashion Store.

2. Menurut Gilang Adhyaksa, Ahmad Kholid Al Ghofari, Siti Nandiroh

(Perancangan Sistem Informasi Pemasaran Berbasis E-Commerce dengan

CMS Opencart Sebagai Media Pendukung pada Yazid Collection,

Perkembangan teknologi yang semakin maju berpengaruh dalam

perkembangan sistem informasi, sehingga dapat membantu manusia

memperoleh informasi lebih update dengan penghematan waktu. Internet

dapat menjadikan informasi dapat diakses dari manapun dan kapanpun selama

terhubung dengan jaringan internet. Hal ini juga dapat membantu Yazid

collection dalam memeasarkam barang produksinya menggunakan media

online, dimana pembeli produk dapat melakukan tarnsaksi dengan mudah.

Dalam dunia taknologi, pemanfaatan menjalankan bisnis juga sering disebut

E-commerce, memugkinkan penjual mempromosikan produk dan pengiriman

produk dengan mudah dan menghemat biaya. E-commerce sendiri adalah

proses pembelian dan penjualan produk maupun jasa menggunakan media

elektronik. Perancangan website menggunakan cms opencart, dimana

opencart ini termasuk cms yang ditujukan untuk e-commerce. Dengan website

e-commerce ini diharapkan dapat membantu dalam hal pemasaran dan

 37

pelaporan pemesanan. Dengan layanan e-commerce ini pula diharapkan dapat

meningkatkan penjualan yang nantinya dapat meningkatkan pendapatan yazid

collection.

3. Menurut Zandi Nugroho Hidayat, Purnomo Budi Santoso, Mochamad Choiri

(Perancangan dan Implementasi Sistem E-Commerce dengan menggunakan

CMS Opencart Dalam Upaya Meningkatkan Penjualan dan Pemasaran (Studi

Kasus: UD. La Tanza Kecamatan Dau Malang) UD. La Tanza memiliki

permasalahan dalam hal peningkatan penjualan melalui promosi atau

pemasaran produk yang kurang efektif, sehingga UD. La Tanza mengalami

kesulitan dalam memperkenalkan produk-produk makanan organiknya kepada

konsumen. Sistem penjualan offline yang diterapkan oleh UD. La Tanza saat

ini belum mampu menjangkau pasar secara luas, hanya terbatas pada daerah

sekitar UD. La Tanza. Untuk mengatasi permasalahan tersebut diperlukannya

perancangan rekayasa system berbasis web yang dikemas melalui sitem

penjualan online (e-commerce), sedangkan tool yang digunakan dalam

pembuatan website e-commerce adalah Content Management System (CMS)

OpenCart. Dengan adanya sistem e-commerce ini konsumen dapat

mengetahuii informasi produk UD. La Tanza dengan lengkap dan mudah.,

sehingga mempermudah UD. La Tanza dalam meningkatkan penjualan dan

pemasaran produk-produknya.
 38

BAB III
METODOLOGI PENELITIAN

3.1 Kerangka Kerja

Dalam metode ini penulisakan memberikan gambaran langkah-langkah

yang mencakup dari awal penelitian sampai dengan akhir penelitian. Agar

penelitian yang dilakukan dapat terlaksana dengan terstruktur dan sistematis maka

perlu untuk menyusun kerangka kerja. Masing-masing tahapan dalam kerangka

kerja tersebut kemudian dijelaskan bagaimana melakukannya. Uraian kerangka

kerja dalam penelitian ini adalah uraian secara rinci terhadap masing-masing

kerangka kerja yang telah disusun agar penelitian yang dilakukan dapat terlaksana

secara terstruktur dan jelas.

Mendeskripsikan Masalah

Menganalisa Masalah

Mempelajari Literatur

Mengumpulkan Data

Merancang Aplikasi

Implementasi

Aplikasi
Gambar 3.1 Kerangka Kerja
 39

1. Mendeskripsikan Masalah

Mendeskripsikan masalah adalah melakukan perumusan terhadap masalah-

masalah yang telah diidentifikasi dari suatu sistem. Merumuskan adalah

mengkonsep, menformulakan, mempolakan dan memperjelas suatu hal yang

telah diidentifikasi sebelumnya. Merumuskan masalah sangat diperlukan

dalam suatu penelitian agar penelitian tersebut menghasilkan kesimpulan yang

terkonsep, terformula, terpoladan jelas. Dalam penelitian ini rumusan masalah

yang dilakukan adalah bagaimana cara merancang sistem informasi penjualan

tas online berbasis web pada Lexelshop.

2. Menganalisa Masalah

Menganalisa masalah merupakan langkah analisis masalah untuk dapat

memahami masalah yang telah ditentukan ruanglingkup atau batasannya.

Dengan menganalisa masalah yang telah ditentukan terseut, maka diharapkan

masalah dapat dipahami dengan baik. Masalah yang terjadi di Lexelshop

adalah sistem penjualan yang masih bersifat manual sehingga sering terjadi

human error.

3. Mempelajari Literatur

Mempelajari Literatur atau studi literature adalah tindakan yang dilakukan

untuk mempelajari secara ilmiah dan teoritis terhadap masalah-masalah yang

telah dibatasi sebelumnya yang bersumber dari buku, jurnal, karya tulisi

lmiah, artikel, tesis dan berbagai sangat diperlukan agar penelitian yang

dilakukan berpijak pada landasan teori yang jelas dan benar yang telah

dikemukakan oleh para ahli sebelumnya. Dengan melakukan studi literature

 40

maka peneitian yang dilakukan tidak mengarang dan mengada-ada sehingga

dapat diterima di dunia ilmu pengetahuan dan masyarakat umum.

4. Mengumpulkan Data

Mengumpulkan data dilakukan untuk mengumpulkan semua data-data yang

diperlukan dalam penelitian. Teknik yang dilakukan dalam mengumpukan

data dalam penelitian ini adalah dengan teknik observasi. Teknik observasi

adalah teknik pengamatan langsung kelapangan dengan mencatat data-data

yang diperlukan. Selain teknik observasi, peneliti juga melakukan

pengumpulan data dan informasi dengan mengadakan tanya jawab secara

langsung, diskusi dan konsultasi kepada pihak-pihak yang berkaitan dengan

penelitian.

5. Merancang Aplikasi

Pada tahap ini, peneliti merancang aplikasi yang dapat memberikan manfaat

terhadap Lexelshop. Rancangan tersebut dapat dilakukan dengan cara

menggambarkan Diagram Konteks (Context Diagram), DFD (Data Flow

Diagram), dan ERD (Entity Relationship Diagram), Normalisasi.

6. Implementasi Aplikasi

Pada tahap implementasi ini dilakukan pembuatan program/aplikasi.

Perancangan sistem informasi penjualan tas online di Lexelshop

menggunakan bahasa pemrograman PHP dan basis data MySQL dengan CMS

Opencart.
 41

3.2 Gambaran Umum Perusahaan

Lexelshop adalah toko online di Baloi Mas Blok K No.8 yang menjual tas

impor seperti tas selempang, ransel, handbag dan lain sebagainya. Lexelshop

mulai berjualan sejak tahun 2015, Lexelshop menggunakan media sosial seperti

Instagram, Facebook, dan Line untuk memasarkan produknya. Lexelshop adalah

toko yang menjual produk tas menggunakan smartphone secara online dengan

bantuan aplikasi Blackberry dan Instagram, dan Facebook dimana produk yang

dijual oleh Lexelshop di-upload dan dimasukkan ke group Blackberry dan

Instagram, sehingga calon pembeli bisa langsung melihat gambar produk yang

akan dibeli tanpa harus datang langsung ke rumah tempat penyimpanan produk

oleh Lexelshop. Akan tetapi terdapat kelemahan dari group pada Blackberry yang

ada yaitu jumlah maksimum member hanya 30 member sehingga admin group

harus melakukan penghapusan dan penambahan member secara manual, dan juga

pada group blackberry gambar maksimum yang bisa ditambahkan hanya

berjumlah 80 lembar gambar sehingga jika produk yang dijual melebihi batas

maksimal, admin harus membuka group baru dan harus menambah member

kembali. Selain itu instagram juga memerlukan banyak pengikut agar produk kita

dapat di akses oleh pengunna instagram. Dengan keterbatasan seperti ini,

Lexelshop merencanakan untuk menggunakan website untuk melakukan ekspansi

dalam memasarkan produknya ke lingkup yang lebih luas lagi. Lexelshop ingin

menggunakan website untuk melakukan ekspansi yang lebih besar ke berbagai

tempat dan meningkatkan penjualan toko.

 42

3.2.1 Struktur Organisasi

Pemilik Toko
Ellin

Admin 1 Admin 2 Admin 3

Tinah Ong Rusna Muriana

Adapun penjelasan untuk deskripsi pekerjaan pada setiap posisi, yaitu:

1. Pemilik toko : Pemilik toko akan melakukan pengecekan transaksi bank yang

berjalan

2. Admin toko : Admin toko akan menerima orderan, memproses orderan, dan

melakukan pengecekan stok toko secara berkala.

 43

BAB IV
ANALISIS DAN IMPLEMENTASI

4.1 Analisis Sistem yang Berjalan

Menurut Mulyato (2009:125), Analisa sistem adalah teori sistem umum

yang sebagai sebuah landasan konseptual yang mempunyai tujuan untuk

memperbaiki berbagai fungsi didalam sistem yang sedang berjalan agar menjadi

lebih efisien, mengubah sasaran sistem yang sedang berjalan,

merancang/mennganti output yang sdang digunakan, untuk mencapai tujuan yang

sama dengan seperangkat input yang lain (biasa jadi lebih sederhana dan lebih

interatif) atau melakukan beberapa perbaikan serupa.

Setelah mengadakan penelitian dan analisa sistem yang berjalan maka

ditemukan beberapa masalah yang dihadapi yaitu sistem yang berjalan masih

belum optimal dikarenakan masih menggunakan smartphone secara online dengan

bantuan aplikasi blackberry dan instagram, dan facebook dimana produk yang

dijual oleh Lexelshop di-upload dan dimasukkan ke group blackberry, sehingga

calon pembeli bisa langsung melihat gambar produk yang akan dibeli tanpa harus

datang langsung ke rumah tempat penyimpanan produk oleh Lexelshop. Akan

tetapi terdapat kelemahan dari group pada blackberry yang ada yaitu jumlah

maksimum member hanya 30 member sehingga admin group harus melakukan

penghapusan dan penambahan member secara manual, dan juga pada group

blackberry gambar maksimum yang bisa ditambahkan hanya berjumlah 80 lembar

gambar sehingga jika produk yang dijual melebihi batas maksimal, admin harus

membuka group baru dan harus menambah member kembali. Selain itu instagram
 44

juga memerlukan banyak pengikut agar produk kita dapat di akses oleh pengunna

instagram. Dengan keterbatasan seperti ini, Lexelshop merencanakan untuk

menggunakan website untuk melakukan ekspansi dalam memasarkan produknya

ke lingkup yang lebih luas, memudahkan pelanggan untuk mengakses produk

yang dimiliki oleh Lexelshop dan untuk dapat menerima pesanan dalam 24 jam

sehingga dapat meningkatkan penjualan toko.

4.1.1 Diagram Alir Data / Analisis Sistem Informasi

Adapun gambar Diagram alir Data sistem yang berjalan pada Lexelshop

digambarkan sebagai berikut:

Pemesanan
Produk
Konsumen
Admin

Aplikasi Online

-Facebook
Bukti Pembelian Pemesanan
-Blackberry

Laporan Penjualan
Owner

Gambar 4.1 Diagram Alir Data Sistem yang Berjalan

Pada gambar 4.1 menyatakan bahwa bagaimana diagram alir data sistem

yang berjalan. Adapun penjelasan yang dapat dilihat di bawah ini.

 45

1. Konsumen memilih barang yang diinginkan.

2. Setelah konsumen melakukan pemesanan melalui aplikasi blackberry dan

facebook.

3. Admin akan memeriksa pesanan yang baru masuk secara manual.

4. Jika stok produk tersedia, maka admin akan segera memproses pesanan

tersebut setelah menerima pembayaran dari pelanggan melalui transfer bank.

5. Admin memberikan laporan penjualan kepada pemilik toko.

Analisis sistem yang sedang berjalan pada sistem informasi penjualan

berbasis web pada Lexelshop, bertujuan untuk mengetahui lebih jelas bagaimana

cara kerja sistem tersebut dan masalah yang di hadapi sistem tersebut untuk dapat

dijadikan sistem yang baru agar terkomputerisasi dan perancangan analisis sistem

yang sedang berjalan.

4.2 Analisis Sistem yang Diusulkan

Sistem yang diusulkan diharapkan dapat memberikan gambaran yang jelas

dalam pembuatan sistem informasi yang dapat membantu proses penjualan,

meningkatkan penjualan dan memperluas konsumen Lexelshop. Analisis sistem

yang diusulkan digambarkan dalam flowchart, diagram konteks, Data Flow

Diagram dan Entity Relationship Diagram yang dapat menjelaskan proses aliran

data sehingga menghasilkan informasi yang diinginkan.

4.2.1 Diagram Alir Data / Analisis Sistem Informasi

Adapun gambar Diagram Alir Data yang diusulkan pada Lexelshop

digambarkan sebagai berikut:

 46

Konsumen Pemesanan Produk

Admin

Website Lexelshop

Bukti Pembelian Pemesanan

Owner
Total Penjualan

Gambar 4.2 Diagram Alir Data Sistem yang diusulkan

Pada gambar 4.2 menyatakan bahwa bagaimana diagram alir data sistem

yang diusulkan. Adapun penjelasan yang dapat dilihat di bawah ini.

1. Pelanggan akan melakukan pemesanan produk dengan menggunakan website

lexelshop. Setelah menerima notifikasi pemesanan, maka admin akan

memproses pesanan pelanggan.

2. Setelah pesanan selesai diproses, maka pelanggan akan mendapatkan bukti

pembelian.

3. Dari transaksi yang selesai diproses, maka owner dapat melihat total penjualan

dengan menggunakan fitur yang tersedia dalam aplikasi website tersebut.

4.2.2 Flowchart

Adapun gambar flowcart yang diusulkan pada Lexelshop yang

digambarkan sebagai berikut:

 47

Mulai

Mengakses
Lexelshop.xyz

Membeli produk Register Login

yang di inginkan
Konfirmasi
Tidak Pembayaran

Beli
Pengiriman
Ya pesanan pembeli
Pengisian data
Add to Cart pelanggan
Selesai

Checkout

Gambar 4.3 Florwchart yang diusulkan

Pada gambar 4.3 menyatakan bahwa bagaimana flowchart yang diusulkan.

Adapun penjelasan yang dapat dilihat di bawah ini.

1. Flowchart akan dimulai dengan mengakses Lexelshop.xyz

2. Pelanggan akan membeli produk yang diinginkan.

3. Jika pelanggan ingin membeli produk tersebut, maka pelanggan memilih

tombol add to cart, Jika pelanggan tidak membeli, maka akan kembali ke

halaman produk lexelshop.

4. Setelah produk telah dimasukkan ke keranjang, maka pelanggan akan

melakukan checkout untuk melakukan pengisian data pelanggan.

5. Jika pelanggan sudah pernah membeli produk Lexelshop, maka pelanggan

boleh memilih login untuk langsung masuk ke halaman pembayaran, Jika

 48

pelanggan baru makan akan melakukan register terlebih dahulu untuk mengisi

data pelanggan.

6. Setelah melakukan konfirmasi pembayaran, maka admin akan melakukan

pengiriman pesanan pembeli.

7. Selesai.

4.2.3 Diagram Konteks

Adapun gambar Diagram Konteks yang diusulkan pada Lexelshop yang

digambarkan sebagai berikut:

-Konfirmasi Pembelian
Pelanggan Pemesanan -Data
Admin

Sistem Informasi
Penjualan Lexelshop
Bukti Pembelian Pemesanan
Berbasis Web

Owner - Total Penjualan

Gambar 4.4 Diagram Konteks

Pada gambar 4.4 menyatakan bahwa bagaimana diagram konteks yang

diusulkan. Adapun penjelasan yang dapat dilihat di bawah ini.

1. Pelanggan akan melakukan pemesanan produk dengan menggunakan sistem

informasi penjualan lexelshop berbasis web.

2. Setelah menerima notifikasi pemesanan, makan admin akan memproses

pesanan pelanggan.

3. Setelah pesanan selesai diproses, maka pelanggan akan mendapatkan bukti

pembelian.
 49

4. Dari transaksi yang selesai diproses, maka owner dapat melihat total penjualan

dengan menggunakan fitur yang tersedia dalam aplikasi website tersebut.

4.3 Perancangan Sistem Yang Diusulkan

1. Perancangan Menu Login

Penguna web browser diberikan sebuah username dan pasword untuk

digunakan atau menjalankan web browser tersebut, dan dapat mengatur semua

isi dari web browser.

Gambar 4.5 Menu Login

2. Perancangan Home Admin

Tampilan menu utama admin setelah memasukan username dan password

admin.

Gambar 4.6 Home Admin

 50

3. Perancangan Halaman Depan

Tampilan halaman depan untuk menampilkan informasi terbaru seputar

produk tas. Dan untuk melihat keadaan toko secara menyeluruh.

Gambar 4.7 Halaman Depan

4. Perancangan Halaman Login User

Tampilan halaman Login User untuk Customer memasuki web browser. Dan

mengetahui seputar produk tas yang dijual.

Gambar 4.8 Halaman Login User

5. Perancangan Halaman Produk

Tampilan pada menu produk untuk mengubah, menambah, dan menghapus

produk yang sudah atau belum ada di menu.

 51

Gambar 4.9 Halaman Produk

6. Perancangan Halaman Keranjang Belanja

Tampilan keranjang belanja digunakan untuk pelanggan agar bisa mengelola

barang yang di inginkan. User dapat mengurangi atau menambahkan barang

pada Cart.

Gambar 4.10 Halaman Keranjang Belanja

7. Perancangan Halaman Checkout

Tampilan Checkout ini berisi form alamat, data user, dan total pembayaran.

Setelah itu melakukan konfirmasi order dengan melakukan transfer ke bank

yang tertara dan melakukan konfirmasi pembayaran sesuai dengan instruksi,

kemudian yang terakhir adalah mengakses confirm order

 52

Gambar 4.11 Halaman Checkout

8. Perancangan Halaman Hubungi kami

Tampilan hubungi kami untuk mengirim pesan kepada admin untuk

pertanyaan seputar produk dan pembelian ataupun masalah dalam website

Lexelshop.

Gambar 4.12 Halaman Hubungi kami

4.4 Implementasi

Menurut Nurdin Usman (Usman, 2002:70) dalam bukunya yang berjudul

Konteks Implementasi Berbasis Kurikulum mengemukakan pendapatnya

mengenai implementasi atau pelaksanaan sebagai berikut : Implementasi adalah

bermuara pada aktivitas, aksi, tindakan, atau adanya mekanisme suatu sistem.

Implementasi bukan sekedar aktivitas, tetapi suatu kegiatan yang terencana dan

untuk mencapai tujuan kegiatan. Pengertian implementasi yang dikemukakan di

 53

atas, dapat dikatakan bahwa implementasi adalah bukan sekedar aktivitas, tetapi

suatu kegiatan yang terencana dan dilakukan secara sungguh-sungguh

berdasarkan acuan norma tertentu untuk mencapai tujuan kegiatan. Oleh karena

itu implementasi tidak berdiri sendiri tetapi dipengaruhi oleh objek berikutnya.

Menurut Guntur Setiawan (Setiawan, 2004:39) dalam bukunya yang berjudul

Implementasi Dalam Birokrasi Pembangunan mengemukakan pendapatnya

mengenai implementasi atau pelaksanaan sebagai berikut : “Implementasi adalah

perluasan aktivitas yang saling menyesuaikan proses interaksi antara tujuan dan

tindakan untuk mencapainya serta memerlukan jaringan pelaksana, birokrasi yang

efektif” Pengertian implementasi yang dikemukakan di atas, dapat dikatakan

bahwa implementasi yaitu merupakan proses untuk melaksanakan ide, proses atau

seperangkat aktivitas baru dengan harapan orang lain dapat menerima dan

melakukan penyesuaian dalam tubuh birokrasi demi terciptanya suatu tujuan yang

bisa tercapai dengan jaringan pelaksana yang bisa dipercaya. Menurut Hanifah

Harsono (Harsono, 2002:67). dalam bukunya yang berjudul Implementasi

Kebijakan dan Politik mengemukakan pendapatnya mengenai implementasi atau

pelaksanaan implementasi adalah suatu proses untuk melaksanakan kebijakan

menjadi tindakan kebijakan dari politik ke dalam administrasi. Pengembangan

kebijakan dalam rangka penyempurnaan suatu program.

4.4.1 Halaman Login Admin

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 halaman admin tersebut. Pada
 54

halaman admin ini, administrator bisa melakukan penambahan, pengeditan

maupun penghapusan terhadap sistem informasi yang diberikan kepada user.

Halaman login merupakan halaman pertama yang ditampilkan ketika situs

dibuka. Untuk menampilkan login admin, setelah web browswer dijalankan

dengan ketik http://lexelshop.xyz/admin/ pada address bar maka tampilan

halaman login yang dapat dilihat pada gambar 4.13

Gambar 4.13 Halaman Login Admin

4.4.2 Halaman Utama Admin

Halaman utama admin merupakan halaman dimana admin dapat

memantau seluruh keadaan dalam website, Apabila admin memasukkan username

dan password yang benar maka admin akan diarahkan ke halaman utama admin

atau dashboard yang dapat dilihat pada gambar 4.14 dibawah ini:
 55

Gambar 4.14 Halaman Utama Admin

4.4.3 Halaman Orders

Halaman ini merupakan halaman dimana admin dapat memeriksa pesanan

yang telah masuk. Apabila admin ingin memeriksa orderan, admin dapat mencari

pilihan sales dan dilanjutkan dengan pilihan orders maka admin akan diarahkan

ke tampilan halaman orders yang dapat dilihat pada gambar 4.15 di bawah ini:

Gambar 4.15 Halaman Orders

4.4.4 Halaman Categories Admin

Pada halaman categories admin dimana admin dapat menyusun produk

sesuai kategori yang sesuai dengan model. Admin dapat memilih bagian catalog

dan dilanjutkan dengan memilih categories maka admin akan diarahkan ke

tampilan halaman categories yang dapat dilihat pada gamabr 4.16 dibawah ini:
 56

Gambar 4.16 Halaman Categories

4.4.5 Halaman Products Admin

Pada halaman products admin dimana admin dapat melihat daftar produk

pada halaman ini. Apabila admin melihat daftar produk dapat dilakukan dengan

memilih di bagian catalog dan dilanjutkan dengan pilihan products maka admin

akan diarahkan ke tampilan halaman products yang dapat dilihat pada gambar

4.17 dibawah ini:

Gambar 4.17 Halaman Produk Admin

 57

4.4.6 Halaman Customers

Pada halaman customers dimana admin dapat melihat daftar pelanggan

yang pernah berbelanja di website. Apabila admin ingin memeriksa daftar

pelanggan dapat dilakukan dengan memilih di bagian customers dan dilanjutkan

dengan pilihan customers maka admin akan diarahkan ke tampilan halaman

customers yang dapat dilihat pada gambar 4.17 dibawah ini:

Gambar 4.17 Halaman Customers

4.4.7 Halaman Utama User

Pada halaman user merupakan halaman pertama yang ditampilkan ketika

situs dibuka, setelah web browser dijalankan dengan ketik http://lexelshop.xyz/

pada address bar maka tampilan utama user dapat dilihat pada gambar 4.3.7 di

bawah ini:
 58

Gambar 4.18 Halaman Utama User

4.4.8 Halaman All Product

Pada halaman all product user dapat melihat produk-produk yang ada,

Apabila user ingin melihat variasi produk dapat dipilih bagian produk dan

dilanjutkan dengan memilih merek yang ingin dilihat maka tampilan halaman All

product user dapat dilihat pada gambar 4.19 di bawah ini:

Gambar 4.19 Halaman All Product

 59

4.4.9 Halaman About Us

Pada halaman About Us user dapat melihat informasi mengenai Lexelshop.

Tampilan halaman About Us dapat dilihat pada gambar 4.20 di bawah ini:

Gambar 4.20 Halaman About Us

4.4.10 Halaman Contact Us

Pada halaman Contact Us user dapat melihat informasi alamat toko, dan

nomor telepon yang dapat dihubungi. Tampilan halaman Contact Us dapat dilihat

pada gambar 4.21 di bawah ini:

Gambar 4.21 Halaman Contact Us

 60

4.4.11 Halaman Login User

Halaman Login User merupakan halaman untuk mendaftar sebagai

member/login untuk menjadi Lexelshop. Halaman Login user dapat diakses

dengan memilih My Account pada bagian bawah website maka akan diarahkan ke

halaman login user. Tampilan halaman login user dapat dilihat pada gambar 4.22

di bawah ini:

Gambar 4.22 Halaman Login User

4.4.12 Halaman Add to Cart

Pada halaman add to cart dimana user ingin menyimpan produk yang

ingin dibeli ke keranjang penyimpanan barang pada website. Apabila user

memilih produk yang diinginkan dan dilanjutkan dengan mengklik gambar

keranjang kemudian produk tersebut akan disimpan ke shopping cart maka

tampilan halaman add to cart yang dapat dilihat pada gambar 4.23 dibawah ini:
 61

Gambar 4.23 Halaman Add to Cart

4.4.13 Halaman Shopping Cart

Pada halaman shopping cart dimana user dapat melihat daftar produk yang

sudah disimpan sebelumnya pada website dan dapat memilih untuk melakukan

pembayaran atau melanjutkan pembelian. Apabila user memilih simpan keranjang

pada bagian kanan atas website dan dilanjutkan dengan mengklk gambar

keranjang tersebut maka tampilan halaman shopping art yang dapat dilihat pada

gambar 4.24 di bawah ini.

Gambar 4.24 Halaman Shopping Cart

 62

4.4.14 Halaman Address

Pada halaman address dimana user mengisi alamat secara lengkap sebelum

melakukan pengiriman. Apabila user memilih checkout pada bagian shopping cart

maka tampilan halaman Address dapat dilihat pada gambar 4.25 di bawah ini:

Gambar 4.25 Halaman Address

4.4.15 Halaman Delivery Method

Halaman ini adalah halaman yang muncul setelah halaman address.

Pembeli akan mendapatkan informasi ongkos kirim di halaman ini. Halaman

Delivery Method dapat dilihat pada gambar 4.26 di bawah ini:

Gambar 4.26 Halaman Delivery Method

 63

4.4.16 Halaman Payment Method

Halaman ini adalah halaman yang berisi metode pembayaran yang ingin

digunakan oleh user, user dapat memilih metode pembayaran yang dinginkan,

Selain itu user dapat menambahkan pesan seperti warna produk dan lainnya

mengenai pesanannya. Halaman Payment Method dapat dilihat pada gambar 4.27

di bawah ini:

Gambar 4.27 Halaman Payment Method

4.4.17 Halaman Confirm Order

Pada halaman confirm order dimana akan ditampilkan arsip tentang

seluruh data yang diperlukan untuk pemastian data produk yang dibeli sampai

pembaran. Apabila user memilih checkout pada bagian shopping cart dan

dilanjutkan pengisian address sampai dengan payment method sebelumnya maka

tampilan halaman confirm order dapat dilihat pada gambar 4.28 dibawah ini:
 64

Gambar 4.28 Halaman Confirm Order

4.4.18 Halaman Total Penjualan

Halaman ini menampilkan laporan penjualan untuk pemilik toko agar

dapat mengetahui seluruh data penjualan. Admin dapat mengakses halaman total

penjualan dengan mengklik Total Sales pada Dashboard admin site. Maka akan

diarahkan ke halaman total penjualan. Tampilan halaman total penjualan dapat

dilihat pada gambar 4.29 dibawah ini:

Gambar 4.29 Halaman Total Penjualan

4.4.19 Halaman Sales Report

Halaman ini menampilkan laporan penjualan untuk pemilik toko agar

dapat mengetahui seluruh data penjualan sesuai tanggal yang diinginkan. Admin

dapat mengakses halaman Sales Report dengan mengklik menu Sales Report
 65

dilanjutkan dengan mengklik Sales maka akan diarahkan ke halaman Sales

Report. Tampilan halaman sales report dapat dilihat pada gambar 4.30 dibawah

ini:

Gambar 4.30 Halaman Sales Report

4.4.20 Halaman Penambahan Category

Pada halaman penambahan category, admin dapat menambah category

sebagai tab informasi yang telah dikelompokan sesuai jenisnya masing-masing.

Admin dapat mengakses halaman penambahan category dengan mengklik

category pada admin site dilanjutkan dengan mengklik tombol tambah yang

berada di atas maka akan diarahkan ke tampilan halaman penambahan category

pada gambar 4.31 dibawah ini:

 66

Gambar 4.31 Halaman Penambahan Category

4.3.17 Halaman Registrasi

Pada Halaman registrasi dimana user ingin bergabung menjadi salah satu

member, Apabila user memilih my account di bagian bawah halaman website

dan dilanjutkan dengan memilih new account maka tampilan halaman tentang

kami user yang dapat dilihat pada gambar 4.32

Gambar 4.32 Halaman Registrasi

 67

4.3.18 Halaman Invoice

Admin dapat mencetak invoice dengan cara menglik orderan yang masuk

dan memilih menu di atas dengan icon printer maka halaman invoice akan

muncul. Tampilan halaman invoice dapat dilihat pada gambar 4.33 berikut ini:

Gambar 4.33 Halaman Registrasi

 68

BAB V
KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam penelitian ini, peneliti telah menguraikan pembahasan mengenai

“Perancangan Sistem Informasi Penjualan Tas Berbasis Web pada Lexelshop”

Ada beberapa kesimpulan yang diambil terhadap penelitian ini antara lain sebagai

berikut:

1. Perancangan sistem informasi dengan menggunakan website agar pelanggan

dapat melakukan pemesanan produk dengan mudah dan terlayani selama 24

jam sehingga dapat meningkatkan penjualan tas Lexelshop.

2. Implementasi sistem informasi penjualan tas pada Lexelshop menggunakan

cms Opencart, aplikasi diupload ke hosting dengan domain Lexelshop.xyz

sehingga penjualan online dapat berjalan dengan baik.

3. Menampilkan total penjualan pada website dengan menggunakan fitur yang

tersedia yaitu dengan mengklik dashboard pada admin site dan selanjutnya

mengklik total sales maka total penjualan akan muncul.

5.2 Saran

Adapun saran yang diberikan peneliti untuk pengembangan dari sistem

informasi yang telah dirancang antara lain sebagai berikut:

1. Sistem pembayaran pada Lexelshop hanya menggunakan via transfer. Sistem

informasi ini dapat dikembangkan dengan merancang sistem pembayaran

dengan menggunakan kartu debit atau kartu kredit.

 69

2. Stok produk belum ditangani dalam sistem informasi ini, sehingga perlu

dibuat pengembangan sistem lebih lanjur agar Lexelshop dapat mengelola data

stok produk secara mudah.

3. Penerapan situs web Lexelshop ini sebaiknya juga mengunakan sistem

penjualan secara komputerisasi untuk mengelola penjualan yang terjadi di

toko supaya lebih efektif.

 DAFTAR PUSTAKA

Arbie. 2004. Manajemen Database dengan MySQL. Yogyakarta. Andi.

Arbie, E., 2000, Pengantar Sistem Informasi Manajemen, Edisi Ke-7, Jilid 1,
Indonesia, Jakarta: Bina Alumni

bin Ladjamudin, Al-Bahra, 2005.Analisis dan Desain Sistem Informasi. Yogyakarta:

Graha Ilmu.

Connolly, Thomas & Begg, Carolyn. 2002. Database Systems :A Practical Approach
to Design, implementation and management. Third Edition., England:
Addision Wesley

Kusrini dan Andri Koniyo. (2007). Tuntunan Praktis Membangun Sistem Informasi
Akuntansi dengan Visual Basic & Microsoft SQL Server. Yogyakarta: Andi.

Lamhot Sitorus.2015.Algoritma Dan Pemograman. Yogyakarta: Andi.

Mcleod, Raymond, 2001, Sistem Informasi Manajemen, Jakarta: PT. Prenhallindo

Purbo, Onno W. & Arif, Aang Wahyudi. 2001. Mengenal E-commerce. Jakarta: PT.
Elex Media Komputindo.

Whitten et. Al., dkk. 2004. Metode design dan analisa Sistem Bibliografi ed.6,
Yogyakarta: Andi Offset.

http://www.academia.edu/9308770/Pengertian_perancangan_menurut_bin_Ladjamud
in