perancangan sistem informasi penjualan …library.stmikgici.ac.id/skripsi/161300036.pdfadmin need to...
TRANSCRIPT
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
vii
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
viii
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
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 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
1.
Terminal Menyatakan permulaan atau akhir suatu
program
2.
Document Mencetak keluaran dalam bentuk
dokumen (melalui printer)
3.
Input/Output Menyatakan proses input atau output
tanpa tergantung jenis peralatan
4.
Offline
Connector
Menyatakan sambungan dari proses
lainnya dalam halaman yang berbeda
29
5.
Process Menyatakan suatu tindakan (proses) yang
dilakukan oleh komputer
6.
Flow Menyatakan jalannya arus suatu proses
7.
Decision
Menunjukan suatu kondisi tertentu yang
menghasilkan dua kemungkinan
jawaban: ya atau tidak
8.
Connector Menyatakan sambungan dari proses ke
proses lainnya dalam halaman yang sama
9.
Predefined
Process
Menyatakan persediaan tempat
penyimpanan suatu pengolahan untuk
memberikan harga awal
10.
Punched Card Menyatakan input berasal dari kartu atau
output ditulis ke kartu
11.
Punched Tape Menyatakan input atau output yang
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.
Gambar 3.1 Kerangka Kerja
Mendeskripsikan Masalah
Menganalisa Masalah
Mempelajari Literatur
Mengumpulkan Data
Merancang Aplikasi
Implementasi
Aplikasi
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
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.
Pemilik Toko
Ellin
Admin 1
Tinah Ong
Admin 2
Rusna
Admin 3
Muriana
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
Bukti Pembelian Pemesanan
Laporan Penjualan
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.
Konsumen Admin
Owner
Aplikasi Online
-Blackberry
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
Pemesanan Produk
Bukti Pembelian Pemesanan
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:
Konsumen Admin
Owner
Website Lexelshop
47
Tidak
Ya
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
Mulai
Mengakses
Lexelshop.xyz
Membeli produk
yang di inginkan
Beli
Add to Cart
Checkout
Pengisian data
pelanggan
Login Register
Konfirmasi
Pembayaran
Pengiriman
pesanan pembeli
Selesai
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
Pemesanan -Data
Bukti Pembelian Pemesanan
- 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.
Pelanggan
Sistem Informasi
Penjualan Lexelshop
Berbasis Web
Admin
Owner
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