View
7
Download
0
Category
Preview:
Citation preview
i
ABSTRAK
Salsabila Restyani (15100011), Perancangan Sistem Informasi Penjualan BerbasisE-Commerce Pada Toko F2 Padang Skripsi, Program Studi PendidikanInformatika STKIP PGRI Sumatera Barat, Padang, 2019
Toko F2 berdiri pada tahun 2016 yang mana toko ini bergerak dalam usahamenjual makanan khas minang seperti keripik sanjai,keripik balado,lapan-lapandan masih banyak makanan khas lainnya. Pada proses penjualan yang terjadi padatoko F2 ini masih bersifat manual yakni konsumen langsung datang ke toko F2untuk membeli makanan khas minang. Oleh sebab itu ada beberapa permaslahanyang terjadi pada toko ini dalam proses penjualan makanan khas minang.
Permasalahan yang sedang dihadapi oleh Toko F2 diantaranya; pembuatanlaporan yang masih bersifat manual. Sehingga dalam proses pembuatanlaporannya pun menjadi kurang teliti dan memakan waktu lama. Kurangnyamedia promosi Toko F2 menjadi kurang diketahui masyarakat banyak padahalToko F2 ini letaknya sangat strategis. Ketika permintaan penjualan melonjak padahari-hari tertentu sehingga kuranggya pelayanan Toko F2. Maka dibuatlah sebuahsistem informasi penjualan untuk Toko F2.Dengan adanya sistem informasi yangbaru ini akan dapat meningkatkan kinerja Toko F2. Metode yang digunakandalam sistem informasi ini yaitu metode iteratif. Desain atau perancangan yangmeliputi permodelan dengan metode ASI(Aliran Sistem Informasi). SedangkanAplikasi yang digunakan dalam pembuatan program menggunakan DreamweaverCs5. Rancangan script menggunakan bahasa pemograman PHP serta databaseservernya menggunakan MySQL.
Berdasarkan hasil dari penelitian dan uji coba program maka didapatkanhasil bahwa sistem ini dapat membantu user dalam menyelesaikan pekerjaannyadan juga diharapkan dapat membantu Toko F2 untuk mendapatkan hasil yanglebih maksimal dalam pengolahan data penjualan maupun mempromosikanproduk.
Kata kunci : Sistem, PHP,MySQL, Penjualan,Sistem Informasi
ii
KATA PENGANTAR
Puji syukur kehadirat Allah SWT, berkat rahmat dan karunia-Nya penulis
telah dapat menyelesaikan penelitian ini sehingga penulis dapat menyelesaikan
tulisan ilmiah berupa skripsi dengan judul “Perancangan Ssitem Informasi
Penjualan Oleh-Oleh Khas Minang Berbasis E-Commerce Pada Toko F2
Padang”.
Dalam menyelesaikan skripsi ini, penulis banyak mendapat bantuan dan
dorongan dari berbagai pihak. Oleh sebab itu penulis mengucapkan terima kasih
kepada:
1. Bapak Drs. H. Dasrizal, MP selaku Ketua Yayasan PGRI Padang
Sumatera Barat.
2. Ibu Dr. Hj. Zusmelia, M.Si selaku Ketua STKIP PGRI Sumbar.
3. Ibu Sofia Edriati,S.Si,M.Pd selaku Ketua Prodi Pendidikan Informatika
STKIP PGRI Sumatera Barat
4. Bapak Irsyadunas,M.Pd.T selaku Sekretaris Prodi Pendidikan Informatika
STKIP PGRI Sumatera Barat
5. Bapak Thomson Mary,M.Kom selaku Pembimbing I
6. Ibu Ami Angraini Samudra S.Pd,M.Sc selaku Pembimbing II
7. Bapak Ade Pratama,M.Kom selaku Dosen Penguji I
8. Bapak Heri Mulyono, S.Kom, M.Pd selaku Dosen Penguji II
9. Bapak Irsyadunas,M.Pd.T selaku Dosen Penguji III
iii
10. Seluruh Dosen dan Staf Program Studi Pendidikan Informatika STKIP
PGRI Sumatera Barat.
11. Teristimewa kepada orang tua penulis yang telah memberikan dukungan
berupa moril dan materil, dan juga kepada kakak penulis yang juga
memberikan dukungan baik motivasi maupun materil.
12. Rekan-rekan kuliah yang telah memberikan bantuan, masukan, kritikan
dan saran, semoga semua yang diberikan mendapat balasan yang setimpal
dari Allah SWT.
Penulis menyadari dalam penulisan ini masih banyak kekurangan, oleh
karena itu penulis mengharapkan saran dan kritikan yang membangun dari
pembaca demi kesempurnaan SKRIPSI ini. Semoga ini bisa berguna bagi
pembaca dan bagi penulis sendiri.
Padang, April 2019
Penulis
iv
DAFTAR ISI
Halaman
ABSTRAK .........................................................................................................i
KATA PENGANTAR .......................................................................................ii
DAFTAR ISI......................................................................................................iv
DAFTAR GAMBAR .........................................................................................viii
DAFTAR TABEL .................................................................................... ........xi
BAB I PENDAHULUAN
A. Latar Belakang Masalah .....................................................................1
B. Identifikasi Masalah ...........................................................................3
C. Batasan Masalah .................................................................................3
D. Rumusan Masalah .............................................................................4
E. Tujuan Penilitian ................................................................................4
F. Manfaat Penelitian..............................................................................4
BAB II LANDASAN TEORI
A. Deskripsi Teori ...................................................................................6
1. Toko F2 ....................................................................................... 6
2. Electronic Commerce() E-Commerce ......................................... 7
3. Sistem ......................................................................................... 10
4. Informasi ..................................................................................... 13
5. Sistem Informasi..........................................................................15
6. Pengertian Penjualan ...................................................................16
v
7. Alat Analisis dan Perencanaan Sistem Informasi........................17
a. Aliran Sistem Informasi .......................................................17
b. Hierarchy Plus Input Proces Output(HIPO)........................19
c. Data Flow Diagram(DFD) ..................................................20
d. Entity Relationship Diagram(ERD) .....................................22
e. Flowchart .............................................................................23
8. Software yang Digunakan ...........................................................25
a. Adobe Dreamwaver Cs5.......................................................25
b. Xampp...................................................................................26
9. Bahasa Pemprograman ................................................................26
a. Page Hypertext Processor(PHP) .........................................26
10. Database Server ..........................................................................27
a. My Structure Query Languange(MySQL) ............................27
11. Software Development Life Cycle ..............................................28
12. Pengujian Sistem .........................................................................28
B. Penelitian Relevan ..............................................................................29
C. Kerangka Berpikir ..............................................................................30
BAB III ANALISIS DAN PERANCANGAN SISTEM
A. Perencanaan Sistem ............................................................................33
1. Analisis Permasalahan...................................................................33
2. Analisis Data .................................................................................36
B. Analisis Sistem ...................................................................................39
1. Analisis Sistem yang Sedang Berjalan ..........................................39
vi
2. Analisis Sistem yang Diusulkan ....................................................41
3. Hasil Analisis Sistem yang Berjalan..............................................45
4. Hasil Analisis Sistem yang Diusulkan...........................................46
C. Perancangan Sistem............................................................................46
1. Rancang Global .............................................................................46
a. Hierarchy Plus Input Proces Output(HIPO) ............................46
b. Data Flow Diagram ..................................................................48
1) Context Diagram................................................................48
2) Data Flow Diagram Level 1 ..............................................50
c. Entity Relationship Diagram(ERD) ..........................................52
2. Perancangan Terinci ......................................................................53
a. Struktur Menu Program ...........................................................53
b. System Flowchart ....................................................................54
c. Desain Input .............................................................................64
d. Desain Output ..........................................................................67
e. Desain Basis Data .....................................................................69
BAB IV IMPLEMENTASI DAN PEMBAHASAN
A. Implementasi Sistem ...............................................................................75
1. Implementasi Perangkat Lunak.........................................................75
2. Implementasi Perangkat Keras..........................................................76
3. Penggunaan Program ........................................................................76
a. Aplikasi Sebagai Admin .............................................................78
b. Aplikasi Sebagai User .................................................................91
vii
B. Uji Coba Program ...................................................................................95
1. Rencana Pengujian Program .............................................................96
C. Pembahasan.............................................................................................102
1. Kesimpulan Hasil Pengujian .............................................................102
2. Evaluasi Program ..............................................................................102
3. Keberlanjutan Sistem ........................................................................102
BAB V PENUTUP
A. Kesimpulan .............................................................................................103
B. Saran........................................................................................................104
DAFTAR PUSTAKA
LAMPIRAN
viii
DAFTAR GAMBAR
Halaman
Gambar 1. Karakteristik Sistem ...........................................................................13
Gambar 2. Model Sistem Informasi .....................................................................16
Gambar 3. HIPO Diagram ...................................................................................20
Gambar 4. DFD....................................................................................................21
Gambar 5. Kerangka Konseptual .........................................................................31
Gambar 6. ASI Lama : Sistem PenjualanToko F2...............................................40
Gambar 7. ASI Baru : Sistem Informasi Penjualan Toko F2...............................43
Gambar 8. HIPO : Sistem Penjualan E-Commerce Toko F2 .............................47
Gambar 9. Context Diagram : Sistem Penjualan E-Commerce Toko F2............48
Gambar 10. DFD Level Satu : Sistem Penjualan E-Commerce Toko F2 ...........50
Gambar 11. ERD : Perancangan Sistem Penjualan E-Commerce Toko F2........52
Gambar 12. Struktur Program Admin Toko F2 ...................................................53
Gambar 13.Struktur Program User Toko F2.........................................................54
Gambar 14. Flowchart Menu Login ....................................................................54
Gambar 15. Flowchart Menu Utama ...................................................................56
Gambar 16. Flowchart Admin .............................................................................57
Gambar 17. Flowchart Produk.............................................................................58
Gambar 18. Flowchart Kategori ..........................................................................59
Gambar 19. Flowchart Ongkos Kirim .................................................................60
Gambar 20. Flowchart Pemesanan ......................................................................61
Gambar 21. Flowchart Konfirmasi Pembayaran .................................................62
Gambar 22. Flowchart Laporan Penjualan .........................................................63
Gambar 23. Flowchart Logout .............................................................................64
Gambar 24. Rancang Menu Admin .....................................................................65
Gambar 25. Rancang Entri Data Produk..............................................................65
Gambar 26. Rancang Entri Data Rasa..................................................................65
Gambar 27. Rancangan Entri Data Ongkos Kirim...............................................66
ix
Gambar 28. Rancangan Data Pemesanan ............................................................66
Gambar 29. Rancangan Data Konfirmasi Pembayaran........................................66
Gambar 30. Output Laporan Penjualan................................................................67
Gambar 31. Output Laporan Penjualan Harian.....................................................67
Gambar 32. Output Laporan Penjualan Bulanan ..................................................68
Gambar 33. Output Laporan Tahunan ..................................................................68
Gambar 34.Output Laporan Produk......................................................................68
Gambar 35. Form Menu Login .............................................................................78
Gambar 36. Form Menu Utama ............................................................................79
Gambar 37. Form Menu Admin............................................................................79
Gambar 38. Form Edit Admin ..............................................................................80
Gambar 39. Form Menu Produk ...........................................................................80
Gambar 40. Form Tambah Produk........................................................................80
Gambar 41. Form Edit Produk ..............................................................................81
Gambar 42. Form Detail Produk...........................................................................81
Gambar 43. Form Hapus Produk ..........................................................................83
Gambar 44. Form Menu Rasa ...............................................................................83
Gambar 45. Form Edit Rasa..................................................................................83
Gambar 46.Form Tambah Rasa ............................................................................84
Gambar 47. Form Hapus Rasa ..............................................................................84
Gambar 48. Form Menu Ongkos Kirim................................................................84
Gambar 49. Form Edit Ongkos Kirim ..................................................................85
Gambar 50. Form Tambah Ongkos Kirim ............................................................85
Gambar 51. Form Hapus Ongkos Kirim ...............................................................86
Gambar 52. Form Pemesanan ...............................................................................86
Gambar 53. Form Detail Pemesanan ....................................................................87
Gambar 54. Form Konfirmasi Pembayaran ..........................................................87
Gambar 55. Form Laporan Penjualan ...................................................................88
Gambar 56. Form Laporan Penjualan Harian .......................................................88
x
Gambar 57. Form Laporan Bulanan......................................................................89
Gambar 58. Form Laporan Tahunan.....................................................................89
Gambar 59. Form Laporan Produk ......................................................................90
Gambar 60. Form Menu Logout............................................................................91
Gambar 61. Form Menu Utama User ...................................................................91
Gambar 62. Form Tampilan Produk .....................................................................92
Gambar 63. Form Tampilan Cara Beli..................................................................93
Gambar 64. Form Pendaftaran Member................................................................93
Gambar 65. Form Konfirmasi Pembayaran ..........................................................94
Gambar 66. Form Proses Konfirmasi Pembayaran...............................................95
Gambar 67. Form Faktur Pembayaran User .........................................................96
xi
DAFTAR TABEL
Halaman
Tabel 1. Data Penjualan Toko F2........................................................................ 1
Tabel 2. Simbol-Simbol ASI...............................................................................18
Tabel 3. Simbol ASI Lanjutan ............................................................................19
Tabel 4. Simbol-Simbol ERD .............................................................................24
Tabel 5. Simbol-SimbolFlow Chart....................................................................25
Tabel 6. Data Penjualan Toko F2........................................................................35
Tabel 7. Data Transaksi Toko F2 ......................................................................35
Tabel 8. Struktur Tabel Admin ...........................................................................70
Tabel 9. Struktur Tabel Kategori .......................................................................71
Tabel 10. Struktur Tabel Konfirmasi .................................................................71
Tabel 11. Struktur Tabel Konfirmasi Lanjutan ...................................................72
Tabel 12. Struktur Tabel Kota..............................................................................72
Tabel 13. Struktur Tabel Order ............................................................................73
Tabel 14. Struktur Tabel Orders Detail................................................................74
Tabel 15. Struktur Tabel Produk..........................................................................74
Tabel 16. Struktur Tabel User..............................................................................75
Tabel 17. Tabel Rencana Pengujian......................................................................97
Tabel 18. Tabel Rencana Pengujian Lanjutan.......................................................98
Tabel 19. Tabel Pengujian Login ..........................................................................98
Tabel 20. Tabel Pengujian Admin ........................................................................98
Tabel 21. Tabel Pengujian Produk ........................................................................99
Tabel 22. Tabel Pengujian Kategori....................................................................100
Tabel 23. Tabel Pengujian Ongkos Kirim...........................................................101
Tabel 24. Tabel Pengujian Pemesanan................................................................101
Tabel 25. Tabel Pengujian Konfirmasi Pembayaran...........................................102
Tabel 26. Tabel Pengujian Laporan Penjualan ..................................................102
1
BAB IPENDAHULUAN
A. Latar Belakang Masalah
Toko F2 berdiri pada tahun 2016 yang mana toko ini bergerak dalam
usaha menjual makanan khas minang seperti keripik sanjai,keripik
balado,lapan-lapan dan masih banyak makanan khas lainnya. Pada proses
penjualan yang terjadi pada toko F2 ini masih bersifat manual yakni
konsumen langsung datang ke toko F2 untuk membeli makanan khas
minang. Oleh sebab itu ada beberapa permaslahan yang terjadi pada toko
ini dalam proses penjualan makanan khas minang.
Pertama, kurangnya media promosi pada toko ini. Sehingga konsumen
pun jadi kurang tahu tentang makanan khas minang yang dijual pada toko
F2 ini. Padahal makanan khas minang ini salah satu makanan yang banyak
juga diminati oleh masyarakat banyak baik itu masyarakat yang dalam
daerah maupun masyarakat luar daerah.
Kedua, dalam proses pembuatan laporan baik itu laporan keuangan
maupun laporan stok makanan masih bersifat manual. Sehingga akan
terjadi kesalahan atau tidak teliti dalam pembuatan laporan, memakan
waktu yang lama dalam proses pembuatan laporan keuangannya.
Ketiga, belum adanya sistem informsi berbasis e-commerce yang
dipakai oleh Toko F2 ini. Proses penjualan produk makanan minang pun
masih didalam daerah. Karena informasi penjualan produk makanan
minang ini masih bersifat biasa dan belum menggunakan sistem informasi
2
berbasis e-commerce untuk mempromosikan produk makanan khas
minang ini.
Pada saat melakukan observasi,maka penulis mendapatkan data
penjualan toko F2 yang diambil satu hari sebagai sampel atau contoh.
Datanya sebagai berikut:
Tabel 1.Data penjualan toko F2
Tanggal Nama Barang Stok Terjual Sisa Harga/kg Total
5/03/19 Lapan-lapan 80 3 77 Rp.60000 Rp.180000
Keripik Balado 85 4 81 Rp.60000 Rp. 240000
Dakak-dakak 75 3 72 Rp.55000 Rp.165000
Keripik Pisang 50 2 48 Rp.50000 Rp.100000
Total/hari Rp.685000
Sumber : Toko F2
Dengan permasalahan tersebut penting bagi toko F2 untuk mulai
memanfaatkan kemajuan teknologi informasi yang ada pada saat sekarang
ini. Salah satunya teknologi informasi komputer sebagai alat bantu untuk
menyelesaikan pekerjaan dengan kelebihan diantaranya kecepatan,
keakuratan, serta keefisienan dalam pengolahan data bila dibandingkan
dengan pengolahan data secara manual. Salah satu teknologi masa
sekarang yang sering juga dipakai dalam dunia penjualan adalah e-
commerce. Perkembangan e-commerce di indonesia saat ini telah memiliki
dampak besar terhadap perubahan bisnis,yaitu mulai dari cara beriklan,
jual beli, cara berinteraksi antar manusia dan sebagainya. Keuntungan dari
e-commerce penjualan produk ataupun jasa tidak membutuhkan toko atau
3
kantor besar seperti yang dilakukan oleh bisnis manual sebagai tempat
usaha,pembeli dapat menghemat waktu dalam mendaptakan barang.
Dengan permasalahan tersebut sangatlah penting bagi toko F2 untuk
memiliki sebuah sistem informasi penjualan berbasis e-commerce.
Berdasarkan uraian di atas maka diangkat kasus ini kedalam bentuk skripsi
untuk dilakukan penelitian dengan judul ” PERANCANGAN SISTEM
INFORMASI PENJUALAN OLEH-OLEH KHAS MINANG
BERBASIS E-COMERCE PADA TOKO F2 PADANG”
B. Identifikasi Masalah
Berdasarkan latar belakang masalah di atas, dapat diidentifikasi
beberapa faktor penyebab timbulnya masalah utama dalam penjualan dan
pengolahan data oleh-oleh khas minang, yaitu :
1. Kurangnya media promosi bagi toko F2.
2. Pembuatan laporan penjualan yang masih bersifat manual, yang
menjadi kurang teliti dalam proses pembuatan laporannya dan
memakan waktu yang lama.
3. Belum ada sistem informasi berbasis e-commerce untuk melakukan
kegiatan penjualan yang terjadi di Toko F2 Padang.
C. Batasan Masalah
Mengingat banyaknya permasalahan yang terjadi pada toko F2,
khususnya dalam proses penjualannya maka peneliti merancang dan
menerapkan sebuah sistem informasi penjualan yang berbasis e-commerce
4
yang ditujukan pada toko F2 dengan menggunakan bahasa pemprograman
PHP dan database MySQL agar dapt mempermudah pemilik toko dalam
melakukan proses penjualan.
D. Rumusan Masalah
Rumusan masalah pada penelitian ini yakni bagaimana merancang
sistem informasi penjualan berbasis E-commerce pada Toko Oleh-Oleh
Khas Minang F2 Padang?
E. Tujuan Penelitian
Adapun tujuan dari penelitian ini adalah :
1. Menghasilkan sistem informasi yang cepat, tepat dan selalu tersedia
apabila sewaktu-waktu dibutuhkan oleh pihak yang membutuhkan
pada Toko Oleh-Oleh Khas Minang F2 Padang
2. Membantu masalah yang dihadapi oleh perusahaan menghasilkan
sistem informasi keuangan dengan memanfaatkan sistem yang
dirancang.
3. Untuk mengaplikasikan Bahasa Pemrograman PHP dalam
menghasilkan laporan-laporan yang dibutuhkan dalam pengolahan
data penjualan oleh-oleh khas minang.
F. Manfaat Penelitian
Hasil Penelitian diharapkan dapat bermanfaat baik bagi konsumen,
pengelola dan penulis:
5
1. Bagi Konsumen
a. Membantu konsumen dalam memperoleh oleh-oleh khas minang
yang disukai.
b. Sebagai media informasi mengenai aneka oleh-oleh khas minang
2. Bagi Pengelola
a. Membantu meningkatkan pendapatan toko dari hasil penjualan
oleh-oleh khas minang melalui web yang akan dirancang.
b. Sebagai media untuk mempromosikan oleh-oleh khas minang.
3. Bagi Penulis
a. Penulis lebih mengetahui proses pengolahan data penjualan dari
Toko F2.
b. Penulis juga bisa mengetahui dan memahami cara pembuatan
program aplikasi sistem penjualan informasi berbasis e-commerce
pada Toko F2.
6
BAB II
LANDASAN TEORI
A. DESKRIPSI TEORI
1. Toko F2
Toko F2 berdiri pada tahun 2016 yang mana toko ini bergerak
dalam usaha menjual makanan khas minang seperti keripik
sanjai,keripik balado,lapan-lapan dan masih banyak makanan khas
lainnya. Pada proses penjualan yang terjadi pada toko F2 ini masih
bersifat manual yakni konsumen langsung datang ke toko F2 untuk
membeli makanan khas minang. Oleh sebab itu ada beberapa
permasalahan yang terjadi pada toko ini dalam proses penjualan
makanan khas minang. Pertama, kurangnya media promosi pada toko
ini sehingga konsumen pun jadi kurang tahu tentang makanan khas
minang yang dijual pada toko F2 ini. Padahal makanan khas minang
ini salah satu makanan yang banyak juga diminati oleh masyarakat
banyak baik itu masyarakat yang dalam daerah maupun masyarakat
luar daerah. Kedua, dalam proses pembuatan laporan baik itu laporan
keuangan maupun laporan stok makanan masih bersifat manual yang
kemungkinannya akan terjadi kesalahan atau tidak teliti dalam
pembuatan laporan dan juga akan memakan waktu yang lama dalam
proses pembuatan laporan keuangannya. Ketiga, pada hari-hari tertentu
seperti hari libur, hari raya ini akan membuat karyawan toko sangat
7
kewalahan karna pada hari tersebut permintaannya melonjak sehingga
dalam pelayanan karyawan toko kepada konsumen pun jadi tidak
kondusif.
2. Electronic Commerce (E-Commerce)
Menurut Kim dan Moon menyatakan E-Commerce adalah proses
untuk mengantarkan informasi, produk, layanan, dan proses
pembayaran, melalui kabel, telepon, koneksi internet, dan akses digital
lainnya.
Menurut Quayleditahun mendefinisikan E-Commerce sebagai
berbagai bentuk pertukaran data electronic atau Electronic Data
Interchange(EDI) yang melibatkan penjual dan pembeli melalui
perangkat mobile,E-mail, perangkat terhubung mobile,di dalam
jaringan internet dan intranet.(Pratama, 2015)
Dari pendapat para ahli diatas penulis dapat menyimpulkan bahwa
e-commerce adalah suatu proses yang terjadi antara penjuala dan
pembeli melalui media electronik seperi komputer,hp dan koneksi
internet sebagai media untuk mengaktifankan e-commerce tersebut.
Komponen dari E-Commerce ada 4 bagian yaitu :
a. Penjual
Pihak penjual dapat berupa pemilik toko online bersangkutan
atausejumlah pelaku dalam usaha (apabila E-Commerce dalam
bentuk multi toko didalamnya atau multi kepemilikan).
8
b. Konsumen
Merupakan pihak yamg memegang peran penting dalam proses
jalannnya sebuah E-Commerce. Sebagaimana pasar dan transaksi
langsung di dunia nyata, pada E-Commerce pun konsumen adalah
raja.
c. Teknologi
Teknologi mencakup semua teknologi informasi terkini yang
digunkan dalam jalannya E-Commerce. Dimulai dari teknologi web
(misalkan PHP, dan MySQL), aplikasi mobile (misalkan berbasis
platform,android),keamanan transaksi (misalkan dengan protokol
SSL), dukungan Cloud Computing, Enterprise Resource
Planning(ERP), Customer Relationship Management (CRM) Point
Of Sale (POS).
d. Jaringan Komputer (Internet)
Hal terakhir yang tidak kalah pentingnya adalah ketersediaan
jaringan komputer, khususnya internet. Sehingga mampu melayani
seluruh pengguna di seluruh dunia.
Sebuah E-Commerce memiliki setidaknya beberapa poin penting
didalamnya, terkait dengan proses kerjanya tersebut.beberapa point
penting itu meliputi :
1) Terdapat produk (barang maupun jasa) yang diperjual belikan di
dalamnya, yang menjadi tawaran bagi para konsumen online yang
memebutuhkannya.
9
2) Terdapat konsumen online yang berminat dengan produk yang
ditawarkan tersebut dan transaksi yang terjadi kemudian.
3) Terdapat mekanisme di dalam melayani konsumen, ke dalam
sebuah tatap muka aplikasi (umumnya berbasis web).
4) Terdapat proses pengiriman barang berdasarkan alamat yang
diberikan oleh konsumen yang telah melakuakan pembayaran dan
disertai dengan penegecekan (Tracking) dari sisi penjual (toko
online) dan pemebli untu proes pengiriman barang ke alamat
pemesan.
5) Penanganana masalah logistik (stok barang) pada toko online atau
inventori, untuk ketersediaan produk didalam memenuhi
permintaan konsumen.(Pratama:2015).
Keuntungan Dan Kerugian Dalam E-Commerce
a) Keuntungan :
1) Bagi Perusahaan, memperpendek jarak, perluasan pasar,
perluasan jaringan mitra bisnis dan efisiensi,dengan kata lain
mempercepat pelayanan ke pelanggan, dan pelayanan lebih
responsif, serta mengurangi biaya yang berhubungan dengan
kertas,seperti biaya pos surat, pencetakan, report, dan
sebagainya sehingga dapat meningkatkan pendapatan.
2) Bagi Konsumen, efektif, aman secara fisik dan flexible.
10
3) Bagi Masyarakat Umum, mengurangi polusi dan pencemaran
lingkungan, membuka peluang kerja baru,menguntungkan
dunia akademis, meningkatkan kualitas SDM.
b) Kerugian :
1) Meningkatkan individualisme, padaperdagangan elektronik
seseorang dapat bertransaksi dan mendapatanbarang/jasa yang
diperlukan tanpa bertemu dengan siapapun.
2) Terkadang Menimbulkan kekecewaan, apa yang dilihat
dilayar monitor komputer kadang berbedadengan apa yang
dilihat secara kasat mata
3. Sistem
Sistem didefinisikan sebagai sekumpulan prosedur yang saling
berkaitan dan salain terrhubung untuk melakukan suatu tugas
bersama-sama. Secara garis besar, sebuah sistim informasi terdiri atas
tiga komponen utama. Ketiga komponen tersebut mencakup software,
hardware, dan brainware. Ketiga komponen ini saling berkaitan satu
sama lain. (Pratama, 2014)
Sistem dapat diartikan sebagai sekumpulan sistem atau kumpulan
dari elemen-elemen yang berinteraksi dari elemen berinteraksi untuk
mencapai suatu tujuan tertentu sebagai satu kesatuan.(Nurmi,2016:1)
Dari pendapat para ahli diatas maka penulis menyimpulkan bahwa
sistem merupakan suatu jaringan kerja dari serangkaian
11
prosedur/elemen yang saling terkait satu sama lain yang bertujuan
untuk menyelesaikan suatu sasaran tertentu.
Syarat-syarat sistem:
a. Sistem harus dibentuk untuk menyelesaikan tujuan.
b. Elemen sistem harus mempunyai rencana yang ditetapkan.
c. Adanya hubungan anatara elemen sistim.
d. Unsur dasar dari proses (arus informasi, data dan informasi) lebih
penting dari elemen sistim.
e. Tujuan organisasi lebih penting dari pada tujuan elemen.
Komponen sistem:
1) Personil
2) Kegiatan
3) Misi (tujuan dan sasaran).
Karakteristik sistem :
a) Komponen Sistem
Suatu sistem terdiri dari sejumlah komponen yang saling
berinteraksi,yang artinya saling bekerja sama membentuk suatu
kesatuan
b) Batas Sistem
Batas sistem (boundary) merupakan daerah yang membatasi antara
suatu sistem yang lainnya atau dengan lingkungan luarnya.
12
c) Lingkungan Luar Sistem
Lingkungan luar sistem (enviroment) dari suatu sistem adalah
apapun diluar batas dari sistem yang mempengaruhi operasi sistem.
Lingkungan luar sistem dapat bersifat menguntungkan dan dapat
juga bersifat merugikan sistem tersebut.
d) Penghubung Sistem
Penhubung (interface) merupakan media penghubung antara satu
subsistem yang lainnya.
e) Masukan Sistem
Masukan (input) adalah energi/data yang dimasukan ke dalam
sistem. Masukan dapat berupa masukan perawatan (maintenance
input contohnya program) dan masukan sinyal ( signal input
contoh data).
f) Keluaran Sistem
Keluaran (output) adalah hasil dari energi yang diolah dan
klasifikasikan menjadi keluaran yang berguna dan sisa
pembuangan/laporan/informasi.
g) Pengelola Sistem
Suatu sistem yang merubah masukan menjadi keluaran, terjadi
pengolahan matematis dan logik.
13
h) Sasaran Sistem Tujuan dan Sasaran (Goal Seeking)
Suatu sistem pasti mempunyai tujuan (goal) atau sasaran
(objective). Kalau suatu sistem tidak mempunyai sasaran,maka
operasi tidak akan ada gunan
Berikut ini merupakan gambar karakteristik dari sistem dapat
dilihat pada gambar 1 dibawah ini:
Gambar 1 : Karakteristik SistemSumber : Buku Ajar Konsep Sistem Informasi Nurmi(2016)
4. Informasi
Menurut Raymond McLeod informasi adalah data yang telah
diolah menjadi bentuk yang memiliki arti bagi si penerima dan
bermanfaat bagi pengambilan keputusan saat ini dan mendatang.
Secara umum informasi dapat didefenisikan sebagai hasil dari
pengolahan data dalam suatu bentuk yang lebih berguna dan lebih
berarti bagi penerimanya yang menggambarkan suatu kejadian –
kejadian yang nyata yang digunakan untuk pengambilan
keputusan.(Nurmi, 2016 : 8)
14
Informasi merupakan hasil pengolahan data dari atu atau berbagai
sumber, yang kemudian diolah, sehingga memebrikan nilai, arti, dan
manfaat(Pratama, 2014 : 9)
Dari pendapat para ahli diatas maka penulis menyimpulkan bahwa
informasi merupakan suatu data yang telah diolah yang sudah
mempunyai makna yang bertujuan untuk memberikan sesuatu yang
bermanfaat bagi yang membutuhkannya baik itu untuk saat ini
maupun untuk masa sekarang.
Informasi dalam suatu lingkungan sistem informasi harus
mempunyai persyaratan umum sebagai berikut :
a. Harus diketahui oleh penerima sebagai referensi yang tepat.
b. Harus sesuai dengan kebutuhan yang adala dalam proses
pembuatan/pengambila keputusan.
c. Harus mempunyai nilai suprise, yaitu hal yang sudah diketahuui
hendaknya jangan diberikan.
d. Harus dapat menunutun pemakai untuk membuat keputusan. Suatu
keputusan tidak selalu menuntut adanya tindakan.
Sistem informasi harus mempunyai beberapa sifat seperti :
1) Pemprosesan informasi yang efektif.
2) Manajemen informasi yang efetif.
3) Keluwesan.
4) Kepuasan pemakai.
15
5. Sistem Informasi
Menurut Wilkinson, defenisi sistem informasi adalah suatu
kerangka kerja dengan mana sumber daya (manusia, komputer)
dikoordinasikan untuk mengubah masukan (data) menjadi keluaran
(informasi), guna mencapai sasaran-sasaran perusahaan.
Nurmi(2016 : 17).
Adapun pengertian lain sistem informasi adalah suatu sistem di
dalam suatu organisasi yang mempertemukan kebutuhan pengolahan
data transaksi harian, mendukung operasi, bersifat manajerial dan
kegiatan strategi dari suatu organisasi serta menyediakan pihak luar
tertentu dengan laporan-laporan yang diperlukan.(Firman, Wowor, &
Najoan, 2016)
Dari pendapat para ahli diatas maka penulias menyimpulkan bahwa
sistem informasi merupakan suatu proses rangkaian kerja dengan
melibatkan manusia dan komputer untuk mengolah suatu data dan
menghasilkan beberapa informasi baik yang erguna untuk sekarang
maupun masa yang akan datang.
Menurut Nurmi dalam bukunya yang berjudul “Konsep Sistem
Informasi” sistem informasi mempunyai enam buah komponen atau
disebut juga dengan blok bangunan (building block), yaitu :
a. Komponen input atau komponen masukan.
b. Komponen model
c. Komponen output atau komponen keluaran
16
d. Komponen teknologi
e. Komponen basis data
f. Komponen kontrol atau komponen pengendalian.
.
Gambar 2. Model Sistem InformasiSumber : Buku Ajar Konsep Sistem Informasi Nurmi(2016)
6. Definisi Penjualan
Penjualan merupakan faktor penting dalam kemajuan dan
perkembangan perusahaan, karena pendapatan yang diperoleh dari
hasil penjualan digunakan untuk membiayai kelangsungan perusahaan,
terlebih dalam menghasilkan keuntungan. Oleh sebab itu wajar jika
perusahaan mempertimbangkan pentingya peranan sistem informasi
penjualan. Adapun pengertian sistem informasi penjualan menurut
para ahli sebagai berikut:
Menurut Mulyadi dalam jurnalnya penjualan adalah suatu
kegiatan yang terdiri dari transaksi penjualan barang atau jasa, secara
kredit maupun secara tunai.
Adapun penjualan menurut W.Mardi bahwa penjualan adalah
suatu proses dimana sang penjual memastikan dan mengaktivasi dan
Input Process Output
UserStoragee
e
17
memuaskan kebutuhan atau keinginan sang pembeli yang
berkelanjutan yang menguntungkan kedua belah pihak.
(Fitriani, 2016)
Dari pendapat diatas maka penulis menyimpulkan bahwa penjualan
merupakan suatu proses terjadinya transaksi antara penjual dan
pembeli yang saling menguntungkan satu sama lain.
7. Alat Analisis Dan Perencanaan Sistem Informasi
a. Aliran Sistem Informasi (ASI)
Merupakan gambaran sistem yang dituangkan dalam bentuk
simbol-simbol tertentu yang menguraikan tentang aliran data atau
informasi didalam suatu sistem.ASI manual merupakan
pengambaran aliran sistem informasi secara manual atau suatu
sistem yang belum mempunyai sistem komputerisasi.ASI dapat
digambarkan berdasarkan sistem lama (manual) atau sistem yang
baru (system komputerisasi).
Tabel 2. Simbol-Simbol ASI
NO Simbol Keterangan
1 Dokumen
2 Multi Dokumen
18
Tabel 3.Simbol ASI Lanjutan
No Simbol Keterangan
3 Arsip file dengan arsip
alphabet/huruf
4 Numeric/angka
5 Chronologis/tanggal
6 Process/proses dengan
computer
7 Decision/keputusan dengan
dua alternatif ya atau tidak
8 Data/entry data/form entry
9 Manual input/ input data
manual
10 Manualoperations/pengolah
an data manual/ pekerjaan
manual
11 Conector/ penghubung pada
halaman yang sama
12 Penghubung pada halaman
yang berbeda
13 Database
14 Display/ tampilan dilayar/
informasi
15 Flow/ aliran dll
Sumber : Buku Ajar Konsep Sistem Informasi Nurmi(2016)
A
N
C
19
b. Hierarchy Plus Input-Process-Output (HIPO)
1) Pengertian HIPO
HIPO merupakan metodologi yang dikembangkan yang
masuk kedalam kelompok diagram prosedur dan merupakan
alat dokumentasi program. Sekarang banyak digunakan
sebagai alat disain dan teknik dokumentasi dalam siklus
pengembangan sistem. Berbasis pada fungsi, yaitu tiap-tiap
modul didalam sistem digambarkan oleh fungsi utamanya
dalam bentuk berjenjang atau bertingkat dengan konsep Input
Process output. Nurmi(2016 : 33).
HIPO (Hierarchy Plus Input Process Output) alat desain
dan tehnik dokumentasi dalam siklus perkembangan sistem
dari top level sistem utama sampai level 1 percabangan dari
input, proses dan output.(Pranggono, Irawati, & Laksito, 2016)
Dari penjelasan diatas maka penulis menyimpulkan bahwa
HIPO merupakan bagan yang menggambarkan proses dari
perancangan yang ingin kita buat yang dimulai dari level
tertinggi hingga level terendah.
2) Sasaran HIPO
Adapun sasaran dari HIPO sebagai berikut:
a) Untuk menyediakan penjelasan yang jelas dari input yang
harus digunakan dan output yang harus dihasilkan oleh
20
masing-masing fungsi pada tiap-tiap tingkatan dari
diagram-diagram HIPO
b) Untuk menyediakan suatu struktur guna memahami fungsi-
fungsi dari sistem
c) Untuk menekankan fungsi-fungsi yang harus diseleseikan
oleh program, bukannya menunjukan perintah-perintah
program yang digunakan untuk melaksanakan fungsi
tersebut
d) Untuk menyedikan output yang tepat dan sesuai dengan
kebutuhan-kebutuhan pemakai.
Gambar 3. HIPO DiagramSumber : Buku Ajar Konsep Sistem Informasi Nurmi(2016)
c. Data Flow Diagram(DFD)
DFD merupakan alat perancangan sistem yang berorientasi pada
alur data dengan konsep dekomposisi dapat digunakan untuk
pengambaran analisa maupun rancangan sistemyang mudah
0.0Hierarchy
2.0
Proses
PROCESS
3.0Proses
OUTPUT
1.0ProsesINPUT
21
dikomunikasikan oleh professional sistem kepada pemakai maupun
pembuat program. (Nurmi, 2016).
Alat utama untuk merepresentasikan proses komponen sistem
dan arus data di antaranya adalah data flow diagram (DFD). Data
flow diagram menawarkan model grafis logis dari arus informasi,
mempartisi sistem menjadi modul yang menunjukkan tingkat detail
yang dapat diatur. Ini secara ketat menentukan proses atau
transformasi yang terjadi di dalam setiap modul dan antarmuka yang
ada di antara keduanya (Suharyanto, Chandra, & Gunawan, 2017)
Dari penjelasan diatas maka penulis menyimpulkan bahwa
DFD merupakan alat dari perancangan sistem yang berguna untuk
memudahkan penggunanya dalam merancang sebuah sistem yan
diinginkan.
1) Komponen DFD Menurut Yourda dan DeMarco
2) Komponen DFD Menurut Gene dan Serson
Gambar 4. DFDSumber : Buku Ajar Konsep Sistem Informasi Nurmi(2016)
Terminator
ProsesData Store Alur Data
Terminator
Proses Data Store Alur Data
22
Keterangan dari gambar 4 DFD diatas adalah sebagai berikut:
a) Terminator/kesatuan luar adalah entitas diluar sistem yang
berkomunikasi / berhubungan langsung dengan sistem.
b) Proses atau pengolahan merupakan gambaran proses yang dilakukan
pada sistem. DFD level NOL (context diagram), hanya
mengambarkan suatu proses yang menandakan gambaran sistem
secara umum atau global.
c) Data store / penyimpanan menggambarkan media penyimpanan data
yang dibutuhkan sistem dalam bentuk table dan file.
d) Alur data / data flow menggambarkan data yang masuk ke sistem
(dapat berupa dokumen atau melalui form entry) dan data yang
keluar dari sistem berupa laporan. (Nurmi., 2016).
d. Entity Relationship Diagram (ERD)
Digunakan analisis untuk mengambarkan database didalam
sistem dimana terjadi hubungan elemen data antar file yang saling
berelasi (relational) yang memiliki komponen utama yaitu : obyek
data/entity, atribut, dan hubungan relasi antar objek data. Tujuan
utama dari ERD adalah untuk mewakili objek data dan hubungan
data atau mengambarkan hubungan antara objek data.
Nurmi(2016 : 48).
Entitiy Relationship Diagram menjelaskan hubungan antar data
dalam basis data yang terdiri dari object-object tersebut. Dalam
23
ERD hubungan atau relasi dapat terdiri dari sejumlah entitas yang
disebut dengan derajat relasi.(Susandi & Sukisno, 2018)
Dari pendapat diatas maka penulis menyimpulkan bahwa ERD
adalah komponen yang berisi entitas dan atribut yang saling berelasi
satu sama lain.
Tabel 4. Simbol-Simbol ERD
Sumber : Buku Ajar Konsep Sistem Informasi Nurmi(2016)
e. Flow chart(Diagram Alir)
Flow chart mengambarkan sebuah algoritma yang terstruktur
dan mudah dipahami oleh orang lain (khususnya programmer yang
bertugas mengimplementasikan program). Flow chart disebut juga
dengan diagram alir. Nurmi (2016 : 2-3).
Dari penjelasan diatas maka penulis menyimpulkan bahwa
flowchart adalah sebuah bagan yang menggambarkan intruksi aau
perintah yang salin berurutan dan salin terhubung satu sama lain.
NO Simbol Keterangan
1 Atribut/field lambing data yang
mendekati artinya
2 Entity/tabel/file nama sesuai dengan
file penyimpanan data
3 Relationship/hubungan derajat relasi
menggunakan kata kerja
Atribut
Entity
Relasi
24
Tabel 5. Simbol-Simbol Flow chart
NO Simbol Keterangan
1 Start/ stop/ terminator
2 Data / entry
Data / input / output
3 Data / proses altertatif
4 Penyimpanan / file
5 Tampilan / display / di layar
6 Connector/ penghubung pada halaman
yang sama
7 Off-connector / penghubung pada
halaman yang berbeda
8 Aliran / flow
9 Preparation(inisialisasi)
10 Dokumen / laporan
11 Keputusan / decision / perancangan
12 Process
13 Predefined proses
Sumber : Buku Ajar Konsep Sistem Informasi Nurmi(2016)
25
8. Software Yang Digunakan
a. Adobe Dreamweaver Cs5
Dreamwaver adalah suatu perangkat lunak web editor keluaran
adobe sistem yang digunakan untuk membangun dan mendesain
suatu website dengan fitur-fitur yang menarik dan kemudahan
dalm penggunanya. Dreamwaver Cs6 tergabung dalam paket
Adobe Creative Suite (CS) yang didalamnya terdapat paket desain
grafis, video,dan pengembangan web aplikasi.(Mochamad Rendy
Riskianto Widodo, M. Roziq Zainuddin, 2016)
Adobe Dreamweaver adalah aplikasi desain dan
pengembangan web yang menyediakan editor WYSIWYG visual
(bahasa sehari-hari yang disebut sebagai Design view) dan
kode editor dengan fitur standar seperti syntax highlighting,
code completion, dan code collapsing serta fitur lebih canggih
seperti real-time syntax checking dan code introspection untuk
menghasilkan petunjuk kode untuk membantu pengguna dalam
menulis kode.(Rozaq, Lestari, & Handayani, 2015)
Dari pendapat ahli diatas maka penulis menyimpulkan bahwa
dreamweaver adalah sebuah aplikasi baik untuk desain atau
melakukan pengeditan program yang ingin dirancang.
26
b. XAMPP
Xampp adalah salah satu paket instalasi apache, PHP, dan
MySQL secara instant yang dapat digunakan untuk membantu
proses instalasi ketiga produk tersebut.(Agus & Safitri, 2015)
Xampp merupakan paket server web PHP dan database MySQL
yang paling populer dikalangan pengembangan web dengan
menggunakan PHP dan MySQL sebagai databasenya.
(Sidiq, 2014)
Dari pendapat diatas maka penulis menyimpulkan bahwa
Xampp adalah aplikasi yang bisa menghubungkan bahasa
pemprograman php dan database MySQL.
9. Bahasa Pemprograman
a. PHP(Page Hypertext Prepocessor)
PHP adalah bahasa peprograman yang dapat digunakan untuk
tujuan umum, sama seperti bahasa pemprograman lain seperti : C,
C++, Pascal, Python dan sebagainya. Meskipun demikian, PHP
lebih populer digunakan untuk pengembangan aplikasi
web.(Raharjo, 2015)
PHP merupakan secara umum dikenal dengan bahasa
pemrograman script yang membuat dokumen HTML secara on the
fly yang dieksekusi diserver web, dokumen HTML yang dihasilkan
27
dari suatu aplikasi bukan dokumen HTML yang dibuat dengan
menggunakan editor teks atau editor HTML.(Sidiq, 2014)
Dari pendapat ahli diatas maka penulis menyimpulkan PHP
adalah bahasa pemrograman yang bisa disisipkan ke dalam script
HTML, biasanya dipakai untuk membuat website agar lebih
dinamis. Selain itu menggunakan bahasa PHP kita bisa terhubung
dengan database.
10. Database Server
a. My Structure Query Languange (MySql)
MySQL adalah salah satu jenis database server yang sangat
terkenal. Kepopulerannya disebabkan bersifat free (anda tidak
perlu membayar untuk menggunakannya) pada berbagai platform
(kecuali pada windows, yang bersifat software atau anda perlu
membayar setelah melakukan evaluasi dan memutuskan digunakan
untuk keperluan produksi.(Rozaq et al., 2015)
MySQL (MyStructured Query Language) adalah: “ Suatu sistem
basis data relation atau Relational Database managemnt System
(RDBMS) yang mampu bekerja secara cepat dan mudah digunakan
MySQL juga merupakan program pengakses database yang bersifat
jaringan, sehingga sapat digunakan untuk aplikasi multi user .
(Mara Destiningrum, 2017)
Dari penjelasan diatas maka penulis menyimpulkan bahwa
MySQL adalah sebuah perangkat lunak yang berisi kan data baik
28
itu berupa tabel atau berupa teks sebagai tempet penyimpanan data
yang kita masukan atau data yang diproses.
11. Software Development Life Cycle(SDLC)
SDLC atau Software Development Life Cycle adalah proses
mengembangakan atau mengubah suatu sistem perangkat lunak
dengan enggunakan atau mengubah sistem perangkat lunak dengan
menggunakan model dan metodologi yang digunakan orang untuk
mengembangkan sistem perangkat lunak lainnya.
Pada SDLC ini metode yang dipakai adalah iteratif. Model
iteratif mengkombinasikan proses pada model air terjun dan model
iteratif pada model prototipe. Model iteratif inidibuat untuk
mengatasi kelemahana dari model air terjun yang tidak
mengakomodasi iterasi, dan mengatasi masalah kelemahan dari
model protipe yang memiliki proses terlalu
pendek.(M.Shahaluddin, 2016)
12. Pengujian Sistem
Setelah aplikasi ini dibuat, maka perlu dilakukan pengujian
untuk memastikan semua proses berjalan sesuai yang diinginkan.
Pengujian adalah suatu proses pelaksanaan program yang bertujuan
untuk menemukan suatu kesalahan. Pada proses pengujian ini
penulis menggunakan pengujian Black Box.
Metode BlackboxTesting merupakan salah satu metode yang
mudah digunakan karena hanya memerlukan batas bawah dan batas
29
atas dari data yang di harapkan,Estimasi banyaknya data uji dapat
dihitung melalui banyaknya field data entri yang akan diuji, aturan
entri yang harus dipenuhi serta kasus batas atas dan batas bawah
yang memenuhi. Dan dengan metode ini dapat diketahui jika
fungsionalitas masih dapat menerima masukan data yang tidak
diharapkan maka menyebabkan data yang disimpan kurang valid.
(Cholifah, Yulianingsih, & Sagita, 2019)
B. PENELITIAN YANG RELEVAN
Kegunaan peneltian yang relevan didalam penelitian ini adalah untuk
menjadi referensi diantaranya sebagai berikut:
1 (Nugroho, 2017) “Perancangan Sistem Informasi Penjualan Online
Studi Kasus Tokoku” E-commerce merupakan salah satu dari
perkembangan teknologi dan internet. Yaitu sebuah layanan internet
yang dimanfaatkan untuk jual -beli secara online. E-commerce atau
Perdagangan elektronik adalah penyebaran, pembelian, penjualan,
pemasaran barang dan jasa melalui sistem elektronik seperti
internet atau televisi, www, atau jaringan komputer lainnya. E-
commerce dapat melibatkan transfer dana elektronik, pertukaran data
elektronik, sistem manajemen inventori otomatis, dan sistem
pengumpulan data otomatis. Dalam penelitian ini yang dipergunakan
oleh penulis adalah data primer dan data sekunder. Jenis penelitian
yang digunakan dalam proses penulisan ini adalah studi kasus
30
yang dilakukan dengan mempelajari kasus penerapan suatu aktivitas di
lapangan, mengamati dan melakukan wawancara kepada pihak-pihak
yang terkait. Metode penelitian yang akan digunakan dalam
penelitian ini adalah metode deskriptif yakni dengan cara
melakukan penelitian studi kasus yang menganalisis bagaimana
Tokoku dapat menjual produknya kepada customer. Dengan adanya
sistem informasi penjualan online ini dapat membantu Tokoku untuk
meningkatkan penjualannya
2 (Zaliluddin & Rohmat, 2018) “Perancangan Sistem Informasi Penjualan
Berbasis Web (Studi Kasus Pada Newbiestore)” e-commerce
merupakan pengembangan dari aktivitas perdagangan dengan
menggunakan internet. Dengan adanya e-commerce ini banyak sekali
keuntungan yang dihasilkannya. Aplikasi perangkat lunak komputer
dan Internet telah berkembang untuk E-Commerce dapat membantu
mendongkrak penjualan dengan pasar yang lebih luas. Dalam jurnal ini
diuraikan Penerapan e-commerce dalam penjualan sebuah distro
pakaian menggunakan metodologi waterfall dan penggambaran data
dengan UML.
C. KERANGKA BERPIKIR
Dalam proses pernacangan sistem informasi penjualan yang berbasis e-
commerce pada toko F2, maka membutuhkan beberapa proses dalam
menghasilkan sistem yang bermanfaat dalam membantu pegawai toko
dalam proses pengolahan data penjualan nya.
31
Dalam penelitian ini peneliti melakuakan beberapa tahap dimulai
dengan analisis permasalahan, pengumpulan data, perancangan sistem,
pengujian sistem dan implementasi sistem. Berikut kerangka berpikir yang
dapat dilihat pada gambar 5:
T
Gambar 5. Kerangka Konseptual
Pengumpulan data
Analisi data
Perancangan Sistem
Pengujian Sistem
Implementasi Sistem
Evaluasi Sistem
ErrorY
32
KETERANGAN:
1. Pengumpulan Data : pada tahap pengumpulan data disini adal mengumpul
data yang dirasa kita perlukan untuk membangun sistem yang akan kita
rancang.
2. Analisis Data : pada tahap ini dimana data-data yag sudah kita kumpulkan
maka perlu kita menganalisis datanya terlebih dahulu agar didapatkan data
yang dibutuhkan untuk merancang sebuah sistem yang ingin kita bangun.
3. Perancangan Sistem : setelah selesai analisis data maka kita harus
merancang terlebih dahulu sistem yang akan kita bangun agar dapat
mempermudah pekerjaan kita.
4. Pengujian Sistem : sistem informasi yang sudah kita maka langkah
selanjutnya yaitu oengujian sistem apakah sistem yang kita buat sesuai
dengan kebutuhan user.
5. Erros Sistem : jika sistem yang kita buat error maka kita kembali lagi pada
perancangan sistem yag kita buat, namun jika sistem berjalan dengan baik
maka lanjut ketahap berikutnya.
6. Implementasi Sistem : sistem yang sudah kita uji maka perlu sistem
tersebut di implementasikan atau di terapkan pada tempat sistem tersebut
dibutuhkan.
7. Evaluasi Sistem : setelah penerapan maka dilakukan evaluasi sistem yang
mana jika adanya kekurangan sistem maka dapat dilakukan perbaikan
sistem.
33
BAB III
ANALISIS DAN PERANCANGAN SISTEM
A. Perencanaan Sistem
1. Analisis Permasalahan
Dalam merancang aplikasi pastinya diperlukan adanya identifikasi
masalah, pengumpulan data, dan juga informasi yang akan digunakan
sebagai pendukung dalam merancang aplikasi agr sesuai engan solusi
permasalahan yang ada,maka dilakukan beberapa tahap berikut
observasi terhadap sistem penjualan yang sedang berjalan, wawancara
kepada pemilik toko.
a. Hasil observasi
Berdasarkan observasi yang telah dilakukan , didapatkan fakta
bahwa sistem kerja yang terjadi pada proes penjualan masih
bersifat manual yaitu proses pembuatan laporannya masih bersifat
manual sehingga terjadinya ketidak efisienan waktu,kurang teliti
dalm proses perhitungan pendaptan perbulannya. Pada saat
melakukan observasi, maka penulis mendapatkan data penjualan
toko F2 yang diambil satu hari sebagai sampel atau contoh.
Datanya sebagai berikut
34
Tabel 6.Data penjualan toko F2
Tanggal Nama Barang Stok Terjual Sisa Harga/kg Total
5/03/19 Lapan-lapan 80 3 77 Rp.60000 Rp.180000
Keripik Balado 85 4 81 Rp.60000 Rp. 240000
Dakak-dakak 75 3 72 Rp.55000 Rp.165000
Keripik Pisang 50 2 48 Rp.50000 Rp.100000
Total/hari Rp.685000
Sumber : Toko F2
Transaksi yang terjadi pada toko F2 yang diambil satu hari pada
tanggal 5/03/2019 adalah sebagai berikut:
Tabel 7. Data Transaksi penjualan toko F2
Nama barang Terjual Harga/kg Total
Keripik Balado 2 Rp.60000 Rp.120000
Lapan-lapan 1 Rp.60000 Rp.60000
Keripik Balado 1 Rp.60000 Rp.60000
Dakak-dakak 1 Rp.55000 Rp.55000
Keripik Pisang 2 Rp.50000 Rp.50000
Lapan-lapan 1 Rp.60000 Rp.60000
Dakak-dakak 2 Rp.55000 Rp.110000
Lapan-lapan 1 Rp.60000 Rp.60000
Sumber : Toko F2
b. Hasil wawancara
Wawancara langsung dilakukan dengan pemilik toko F2 guna
untuk mendapatkan data yang kongkrit dan lengkap. Pada tahapan
ini peneliti membuat beberapa pertanyan yang berhubungan dengan
35
proses penjualannya. Berikut ini adalah contoh pertanyaan yang
diajukan oleh peneliti kepada pemilik toko F2 :
1) Berapa modal yang bapak keluarkan dalam penjualan oleh-oleh
khas minang ini?
2) Berapakah pemasukan/omset perbulan dari penjualan oleh-oleh
khas minang toko F2?
Jadi di atas adalah contoh pertanyaan yang peneliti ajukan kepada
pemilik toko F2, untuk lebih jelasnya dapat dilihat dari lampiran
dibelakang.
c. Hasil studi kepustakaan
Pada tahap ini peneliti melakukan pengumpulan data dan
informasi bersumber dari beberapa buku,jurnal ilmiah dan materi
lainnya yang berhubungan dengan masalah perancangan sistem
informasi penjualan berbasis e-commerce pada tokoF2.
d. StudiLaboratorium
Penelitian lain yang juga dapat dilakukan adalah penelitian
laboratorium, yaitu merupakan sarana dalam menunjang
penyelesaian penulisan dalam pembuatan program dan
pengetikannya. Antara lain menggunakan peralatan berupa:
1) Hardware
a) Notebook Acer
b) Intel CeleronN2840
c) Harddisk 500GB HDD
36
d) Memory 2GB DDR3 RAM
2) Software
a) System Operasi Windows 7
b) Microsoft Office 7
c) Xampp Server Versi.3
d) Adobe Dreamweaver cs6
e) Web Browser(Google Chrom)
2. Analisis Data
Pada tahap analisis data, peneliti menggunakan proses tahapan
konsep system development life cycle (SDLC). Yang mana pada tahap
ini ada beberapa tahapan yaitu sebagai berikut:
a. Konsep System Development Life Cysle (SDLC)
Dalam merancang sistem informasi penjualan berbasis e-
commerce SDLC mempunyai 4 tahapan dalam pembentukan sistem
informasi yaitu :
1) Perencanaan
Tahap mengumpulkan data dengan mengamati/memonitor
lingkungan toko F2, menentukan masalah, menyimpulkan
kelemahan, dan keunggulan sistem yang sedang diamati,
kemudian memberikan gambaran sementara untuk pemecahan
dengan membuat perencanaan secara global dan memberikan
tujuan sistem. Selain itu juga pada tahap ini peneliti lebih
37
fokus pada penafsiran kebutuhan dan diagnosa maslah dengan
mendefinisikan sasaran tujuan dari sistem informasi penjualan
berbasis e-commerce pada toko F2 untuk mengganati proses
yang masih manual.
2) Analisis
Pada tahap analisis peneliti melakukan analisis terhadap
sistem yang sedang berjalan di toko F2 dan dijumpai beberapa
masalah diantaranya dalam proses pembuatn laporan yang
masih manual sehingga terjadinya ketidak efisienan waktu dan
kurang teliti dalam proses pencatan laporan keuangan, juga
kurang promosi dalm proses penjualan sehingga pendapatan
penjualan masih terbilang minim. Untuk itu dengan adanya
sistem informasi penjualan berbasis e-commerce yang sudah
terkomputerisasi diharapkan akan dapat mengatasi masalah
yang dihadapi oleh pemilik toko F2 dalm melakukan
pengolahan dat penjualan.
3) Perancangan
Untuk membangun sistem informasi penjualan berbasis e-
commerce pada toko F2, peneliti menggunakan model yang
diinginkan pemakai. Pada tahap ini peneliti mengelompokan
perancangan sistem informasi yaitu dengan alat bantu
perancangan sistem, alat bantu perancangan logika program dan
alat bantu perancangan database. Adapun model yang
38
digunakan peneliti dalam merncang sistem informasi penjualan
berbasis e-commerce pada toko F2 adalah :
a) Alat bantu perancangan sistem:
1) Aliran Sistem Informasi (ASI)
2) Herarchyplus input-process-output(HIPO)
3) Data Flow Diagram(DFD)
b) Alat Bantu Perancangan Logika Program :
1) Struktur menu program sebagia alat perancangan struktur
tampilan
2) Flow Char Diagram
c) Alat Bantu Perancangan database
1) Entity Relationship Diagram (ERD)
4) Implementasi
Tahap ini merupakan penerapan dan mengevaluasi serta
memikirkan keberlanjutan dari sistem informasi penjualan
berbasis e-commerce untuk dapat menjawab kebutuhan sistem
sepanjang sistem digunakan oleh user, untuk mencapai hal
tersebut maka sistem perlu dirawat dan dipelihara untuk
keberlanjutan sistem informasi penjualan berbasis e-commerce.
39
B. Analisis Sistem
1. Analisis Sistem Yang Sedang Berjalan
Analisis Sistem merupakan gambaran tentang sistem yang sedang
berjalan saat ini di Toko Oleh-Oleh F2 pada bagian bagian pemesanan
oleh-oleh khas minang, sistem yang digunakan saat ini msih dengan
cara manual yaitu dengan cara menggunakan media kalkulator dan
buku sebagai alat tulis serta untuk memprosikannya menggunakan
spanduk.
Teknik penjualan yang dilakukan oleh Toko Oleh-Oleh F2 adalah
dengan cara menitipkan beberapa makanan khas minang seperti;
sanjai, keripik, lapan-lapan, dll kewarung-warung terdekat, sehingga
Toko Oleh-Oleh F2 kurang dikenal oleh masyarakat luas, proses
pembeliannya pun harus dilakukan dengan mendatangi warung
tersebut. Ini disebabkan karena kurangnya keefektifan media promosi
yang digunakan oleh Toko Oleh-Oleh F2 pada saat ini.
40
Gambar 6. ASI lama : Sistem Penjualan Toko F2
Dari gambar 8 aliran sistem yang sedang berjalan diatas maka
dapat diuraikan pengolahan data penjualan pada toko F2 :
1) Konsumen melakukan pembelian/pemesanan barang kepada
pegawai toko dan pegawai toko mencatat pemesanan konsumen
Konsumen Admin Pimpinan Toko
Fakturpembelian
PengolahanData
Penjualan
FakturPembelian
Lap.Penjualan(harian,mingguan,bulan,tahunan)Lap.Produk
N
Data : Konsumen,- Barang- Pemesanan- Pembelian
Lap.Penjualan(harian,mingguan,bulan,tahunan)Lap.Produk
Validasi
Lap.Penjualan(harian,mingguan,bulan,tahunan)Lap.Produk
Lap.Penjualan(harian,mingguan,bulan,tahunan)Lap.Produk
C
Data : Konsumen, -Barang- Pemesanan- Pembelian
41
2) Kemudian pegawai toko melakukan pengolahan data penjualan
sesuai dengan pembelian yang dilakukan oleh konsumen.
3) Setelah melakukan pengolahan data penjualan maka dihasilkan
faktur pembelian yang dibuat 2 rangkap,1 rangkap diberikan
kepada konsumen dan satu lagi untuk diarsipkan,dan juga
menghasilkan laporan penjualan,laporan persediaan barang,laporan
pembelian,dan laporan pemesanan yang dibuat 2 rangkap.
4) Pegawai toko kemudian memberikan laporan kepada pimpinan
toko untuk ditandatangani, laporan yang sudah di tandatangani
diserahan kembali kepada pegawai toko sebanyak 1 rangkap untuk
diarsipkan, sedangkan 1 rangkap di simpan oleh pimpian toko
untuk menjadi arsip toko.
2. Analisis Yang Diusulkan
Tahap analisis sistem informasi adalah tahapan penting dalam
perancangan sistem informasi, analisis sitem informasi yang akan
digunakan pada Toko Oleh- Oleh Khas Minang F2 ini adalah sistem
informasi pemasaran dan pengolahan data penjualan. Analisis sistem
adalah penguraian dari suatu sistem informasi yang utuh ke dalam
bagian-bagian komponen(tahapan analisis; identify, understand,
analyzer, report) dengan maksud mengidentifikasikan dan
mengevaluasi permasalahan, kesempatan, dan hambatan yang terjadi
dan kebutuhan yang diharapkan sehingga dapat diusulkan
42
perbaikanya, dan dapat diusulkan masukan baru pada sistem yang
sedang diterapkan selama ini.
Pemililik toko oleh-oleh kas minang F2 menginginkan suatu sistem
media promosi yang akan meningkatkan hasil penjualan, sehingga
menambah pemasukan yang didapatkan, serta para pembeli dengan
mudah mendapatkan informasi yang efektif untuk mendapatkan oleh-
oleh khas minang yang diinginkan. Dengan adanya media promosi
berbasis web ini, maka setiap orang dapat memperoleh dengan jelas
mengenai toko oleh-oleh khas minang F2.
43
Konsumen Admin Pimpinan Toko
Situs web Situs webSitus web
HomeHome
Home
Loginkonsumen
Login Administrator
LoginPimpinan
Transaksi pembelian
Informasi user
Faktur
Pengolahan data user
Pengolahan
Db Order,Konfirmasi
Informasi:-Lap.Penjualan(harian, bulanan,tahuan)-Lap.Produk
C
--Lap.Penjualan( harian, bulanan,tahuan)-Lap.Produk
-Lap.Penjualan(harian, bulanan,tahuan)-Lap.Produk
Entri Data:Pemesanan,Pembeli
C
Lap.Penjualan( harian,bulanan,tahuan)-Lap.Produk
Validasi
Proses
Entri DataKonfirmasi
Entri data ,produk, rasa,ongkir,
Informasi :Pemesanan,Konfirmasi
44
Gambar 7. ASI baru :Sistem Informasi Pada Toko F2
Dari gambar 7 aliran sistem informasi yang diusulkan diatas maka
diuraikan pengolahan data penjualan pada toko F2 sebagai berikut:
1) Pada tahap awal user melakukan login dan melakukan proses
transaksi pembelian
2) Kemudian diperoleh informasi user.
3) Entri data pemesana dan user yang masuk kedalam pengolahan
data user setelah itu diproses
4) Setelah melakukan pengolahan data maka dihasilkan tampilan
faktur untuk user,setelah itu maka user akan mengentrikan data
konfirmasi
5) Admin juga melakukan login dan menginputkan data produk, rasa
dan ongkir kemudian juga masuk kedalam pengolahan data user
6) Setelah melakukan pengolah maka dihasilkan tampilan informasi
pemesanan dan konfirmasi, kemudian data diolah lagi dan masuk
pada db orders dan konfirmasi.
7) Maka dihasilkanlah informasi berupa laporan penjualan dan
laporan produk .
8) Kemudian laporan penjulan dan laporan produk tersebut akan
dilihat oleh pimpinan toko pada saat pimpinan toko melakukan
login
9) Jika laporan sudah dicek maka pimpinan tko akan memvalidasi
laporan.
45
10) Setelah valid maka lapran akan dicetak rangkap dua,satu untuk
pimpinan toko dan satu untuk admin dan disimpan berdasarkan
tanggal.
3. Hasil Analisis Sistem yang Sedang Berjalan
Berdasrkan analisis sistem lama atau sistem yang sedang berjalan
yang digunakan oeh pemilik toko F2 adalah sebagai berikut :
a. Sistem yang sedang berjalan di toko F2 masih bersifat manual
belum terkomputerisasi, sehingga proses penginputan data
penjualan tidak efektif.
b. Proses perhitungan keuangan pun masih bersifat manual, sehingga
dalam proses pengolahan data penjualn pun sering terjadi kesalahan
dalam perhitungannya atau kurang teliti dalam mengolah data.
c. Hasil pencatatan dari pengolahan data penjualan pun masih manual
sehingga dapat memungkinkan terjadi kerusakan pada buku,atau
pun hilang.
d. Waktu yang dipakai dalam proses pengolahan data penjualan pun
tidak efisien atau lama.
4. Hasil Analisis Sistem yang Diusulkan
Berdasarkan analisis sistem baru atau analisis yang diusulkan
berjalan yang digunakan oleh toko F2 adalah sebagai berikut :
a. Terjadinya pengembangan sistem dari sistem manual ke sistem
informasi berbasis e-commerce yang aplikasinya ditempatkan pada
46
pegawai toko untuk memepermudah pegawai toko dalam
melakukan proses pengolahan data penjualn.
b. Pelayanan menjadi cepat,dan tidak memakan waktu yang banyak
c. Pembuatan laporan penjualan yang aman karna menggunakan
komputer
d. Tidak hanya konsumen dalam daerah yang mengetahui tentang
oleh-oleh khas minang, tetapi dapat juga diketahui oleh konsumen
luar daerah dikarenakan telah menggunakan e-commerce sebagai
salah media promosi.
C. PERANCANGAN SISTEM
1. Rancang Global
a. Hierarchy Plus Input-Process-Output (HIPO)
Perancangan global merupakan rancangan umum dari suatu
sistem yang dibangun tujuannnya untuk dikomunikasikan kepada
member, dengan harapan member memahami gambaran sistem secara
umum. Perancangan global dari Model Perancangan Sistem Penjualan
E-Commerce Pada Toko Oleh-Oleh F2 , terdiri dari perancangan HIPO,
DFD dan ERD. Perancangan global Sistem Penjualan E-Commerce ini
merupakan salah satu media komunikasi antara sistem analisis dengan
user. Untuk lebih jelasnya gambaran umum dari Sistem Penjualan E-
Commerce dapat diuraikan sebagai berikut:
HIPO menggambarkan sistem secara umum dengan tingkatan
fungsi dalam bentuk berjenjang dengan konsep Input, Process dan
47
Output. HIPO pada Sistem Penjualan E-Commerce dapat digambarkan
sebagai berikut:
Gambar 8. HIPO Sistem Penjualan E-Commerce Toko F2
Pada HIPO gambar 8 sistem menjelaskan kegiatan dokumensebagai berikut :
1) Pada taap HIPO dibagi menjadi 3 bagian yaitu :input,proses,output
2) Pada tahap input (entry data) yaitu mengentrikan data produk, rasa,
ongkir dan pembelian
3) Kemudian pada tahap proses(pengolahan data) yaitu melakukan
pengolahan data konfirmasi pembayaran,dan pemesana
0.0
PERANCANGAN SISTEM PENJUALAN E-COMMERCE PADATOKO OLEH KHAS MINANG F2
1.0
ENTRI DATA
2.0
PENGOLAHAN DATA
3.0
LAPORAN
1.1
Produk
1.2
Rasa
1.3
Ongkos kirim
2.1
KonfirmasiPembayaran
3.1
Laporan Penjualan
3.2
Lap.Produk
1.4
Pembelian
2.2
Pemesanan
48
-Lap.Penjualan( harian,bulanan, tahuan)-Lap.Produk
.
Faktur
4) Output (laporan) yaitu menjelaskan laporan penjulan dan laporan
produk .
b. Data Flow Diagram (DFD)
DFD Sistem Penjualan E-Commerce, menggambarkan data flow
diagram mulai dari context diagram sampai dengan DFD level satu.
Untuk lebih jelasnya dapat diuraikan sebagai berikut :
1) Context Diagram/DFD Level Nol
Sistem Penjualan E-Commerce Oleh-Oleh Khas Minang Pada
Toko F2, dapat dilihat pada gambar berikut ini:
Gambar 9. Context Diagram : Sistem Penjualan E-Commerce Oleh-Oleh Khas Minang Pada TokoF2
Pada gambar 9 DFD level nol sistem menjelaskan kegiatan sistem
sebagai berikut:
Data : Pembeli,Pemesanan
0.0
PERANCANGANSISTEM PENJUALAN
E-COMMERCE OLEH-OLEH KHAS MINANG
PADA TOKO F2
Konsumen Admin
PIMPINAN TOKO
Data : ,produk,rasa, ongkir,
Pengiriman
-Lap.Penjualan(harian, bulanan,tahuan)-Lap.Produk
49
1) Konsumen memasukan data ke sistem berupa data pembeli dan
pemesanan.
2) Admin memasukan data ke sistem berupa produk, rasa, ongkir
3) Setelah diproses maka didapatkan lah output berupa faktur yang
diberikan kepada konsumen dan
4) Sedangkan pegawai mendapatkan laporan penjualan dan laporan
produk
5) Pimpinan toko mendapatkan laporan laporan penjualan dan
laporan produk
50
2). DFD Level Satu : Perancangan Sistem Penjualan E-Commerce
Pada Toko F2, dijelaskan pada gambar berikut :
Data: Produk, F.PRODUK
rasa ,ongkir F. RASA
F.ONGKIR
Data: produk,kategori,ongkir
Data ongkir
Data rasa
Data produk
Lap.Penjualan( harian, bulanan, tahuan)-Lap.Produk
Lap.penjualan(harianbulanan,tahuanan)
Faktur
Gambar 10. DFD Level Satu : Perancangan Sistem Penjualan E-Commerce Oleh-Oleh Khas Minang Pada Toko F2
1.0
ENTRYDATA
2.0
PENGOLAHANDATA
3.0
LAPORAN
Admin
PimpinantokoKonsumen
51
Pada gambar 10 DFD level satu, sistem menggambarkan kegiatan
sebagai berikut:
1) Pada tahap entri data admin memasukan data user berupa data
produk, kategori, dan ongkir. Maka diperoleh file produk, file c
dan file ongkir.
2) Kemudian dilakukan pengolahan data produk,rasa dan juga
ongkir.
3) Setelah dilakukan pengolah data maka dihalsikan laporan berupa
laporan penjualan dan laporan produk yang diberikan kepada
pimpinan toko da admin, sedangkan konsumen hanya menerima
faktur pembelian.
52
c. Entity Relationship Diagram (ERD)
Gambar 11. ERD Perancangan Sistem Penjualan E-Commerce Oleh-Oleh KhasMinang Pada Toko F2
User Melakukan
Memiliki
Memiliki
OrderDetail
Orders
Kota
MemilikiProduk
Memiliki
Rasa
Password
Nama
User id
Id order
User id
NamaPenerima
Alamat
No. Telp
SatatusOrder
Tanggal
Jam
Ongkir
Total
Id order
Id Produk
Jumlah
Harga
Id Kota
Nama
Ongkir
Id Produk
Id KategoriNama
HargaBerat
Stok
Gambar
Deskripsi
Terjual
Id Rasa
Nama
1 N
N
N N
53
Pada gambar 11 ERD diatas dapat dijelaskan relasi dan entity
sebagai berikut:
1) Satu user memiliki banyak orders
2) Banyak orders memiliki banyak orders detail
3) Banyak orders detail memiliki banyak produk
4) Banyak produk memiliki banyak kategori
2. Perancangan Terinci
a. Struktur Menu Program
Sistem struktur menu program merupakan pilihan yang tepat unutk
menunjukan kemampuan dan fasilitas yang dimiliki oleh sebuah
program aplikasi kepada pengguna. Pada struktur menu program ini
terbagi dua yaitu :
1) Admin
Untuk admin tampilan struktur menu program bisa dilihat pada
gambar13 sebagai berikut:
Gambar 12. Struktur Program Admin Perancangan Sistem Informasi Penjualan E-CommerceToko F2
Login
Menu Utama
Admin
Produk
Rasa
OngkosKirim
Pemesanan
KonfirmasiPembayaran
LaporanPenjualan
Keluar
54
2) Pengguna/pengunjung
Gambar13. Struktur Program Admin Perancangan Sistem Informasi PenjualanE-Commerce Toko
b. System Flow Chart
1. Flow Chart Login
Gambar14. Flowchart Login
Menu Utama
Beranda Produk Cara Beli Pendaftaran Konfirmasi
User = “ “Password = “ “
Start
Userpassword
user=adminpassword=admin
Menu utama
Stop
Y
T
Login
Username DanPasswordTidakValid !!!
Masukkan DataDenganBenar
55
Pada gambar 14 diatas menjelaskan bagaimana proses masuk ke
akun.atau user melakukan login, yaitu dimulai dari star kemudian isi
username dan pasword. Setelah login nanti akan muncul pesan valid atau
tidak validnya data yang diisi. Jika data yang diisi valid maka akan
dialihkan pada menu program.
56
2. Flow Chart Menu Utama
Gambar15.FlowChart Menu Utama
Pil = 2
Pil = 1
TY
Pil = 3
Pil = 0
Pil
Laporan Penjualan
Y
Y
T
Beranda
Admin
Produk
Pemesanan
T
Menu utama
Y
Menu Utama:1.Beranda2. Admin3. Produk4. Rasa5. Ongkos Kirim6. Pemesanan7. Konfirmasi Pembayaran8. Laporan Penjualan
Pil = 4
Rasa
Logout
Pil = 5Y
T
Ongkir
Pil = 6
T
Y
TPil=7
T
Konfirmasi Pembayaran
Y
57
Pada gambar 15 diatas menjelaskan bagaimana proses dari struktur
menu program/tampilan menu utama dari sistem. Dimana proses
dilakukan dengan mengklik menu start, setelah itu sistem akan
menampilkan beberapa menu pilihan, yaitu dimulai menu Home,Admin,
Produk, Kategori, Ongkos Kirim, Pemesanan,Konfirmasi Pembayaran,
Laporan Penjualan dan Loguot. Dengan merancang flow chart inni akan
memudahkan programer dalam membuat sistemnya, karna mudah untuk
dipahami.
3. Flow Chart Admin
Gambar 16. FlowChart Admin
Admin
Admin1.Edit Admin
Pil=0
Pil
Pil = 1
Edit Admin
Menu Utama
Y
T
58
Pada gambar 16 diatas menjelaskan bahwa jika admin ingin
mengubah data admin maka admin bisa mengubahnya pada menu edit
admin. Setelah diubah maka data akan dismpan dan kembali lagi pada
menu utama.
4. Flow Chart Entri Produk
Gambar 17. FlowChart Produk
Pil
Edit
Y
Pil=0
T
Y
Pil = 1
Tambah
Pil = 2
Hapus
T
Produk :1. Tambah2. Edit3. Hapus4. Detail
Produk
Menu Utama
Pil =3
Y
T
Detail
59
Gambar 17 diatas menjelaskan proses flowchart entry data produk,
ketika pegawai toko ingin melakukan pengentrian data produk pada sistem, maka
hal pertama yang dilakukan yaitu memlih menu produk , maka sistem akan
menampilkan pilihan diantaranya ; tambah produk jika ingin menambahkan,edit
produk jika ada beberapa produk yang perlu diubah, hapus jika ingin menhgapus
beberapa produk, dan detail untuk menampilkan infrmasi detail tiap produk. Jika
sudah selesai maka akan kembali lagi pada menu utama.
5. Flow Chart Rasa
Gambar 18. FlowChart Rasa
Rasa
Kategori :1. Tambah2. Edit3. Hapus
Menu Utama
Pil
Pil =1
Pil =2
T
Y
Y
T
Tambah
Edit
Hapus
60
Pada gambar 18 menjelaskan pada menu rasa ada beberapa menu
diantaranya: tambah jika ingin menambah kategori,menu edit jia ingin
mengubah kategori dan hapus jika admin ingin menghapus kategori.
Setelah itu bisa kembali lagi pada menu utama.
6. Flow Chart Ongkos Kirim
Gambar 19. FlowChart Ongkos Kirim
Pil
YTambah
Y
Pil=0
TPil = 1
Edit
Ongkos Kirim1. Tambah2. Edit3. Hapus
Menu Utama
Ongkos Kirim
Pil = 2
Hapus
T
61
Pada gambar 19 menjelaskan pada menu ongkos kirim ada
beberapa menu diantaranya: tambah jika ingin menambah data ongkos
kirim,menu edit jia ingin mengubah data ongkos kirim dan hapus jika
admin ingin menghapus data ongkos kirim. Setelah itu bisa kembali lagi
pada menu utama.
7. Flow Chart Pemesanan
Gambar 20. FlowChart Pemesanan
Pil=0
Pemesanan :1. Detail
Pil
Pemesanan
Pil =1
Detail Pemesanan
Menu Utama
T
Y
62
Pada gambar 20 menjelaskan, jika konsumen melakukan
pemesanan maka admin bisa melihat detail pemesanan dari
konsumen. Pada detail pemesan konsumen tersebut terdapat
informasi lengkap tentang pemesanan konsumen. Jika admin sudah
selesai melihat detail pemesanan konsumen maka bis kembali ke
menu utama.
8. Flow Chart Konfirmasi Pembayaran
Gambar 21. FlowChart Konfirmasi Pembayaran
Pil=0
Pemesanan :2. Preview
Pil
Konfirmasi pembayaran
Pil =1
Preview Konfirmasi
Menu Utama
T
Y
63
Pada gambar 21 diatas menjelaskan bahwa jika konsumen
telah melakukan pemesanan, maka admin akan melakukan
konfirmasi pembayaran. Pada konfirmasi pembayaran hanya
terdapat tombol preview yang fungsinya untuk melihat bukti
transfer dari konsumen. Jika sudah maka admin akan kembali lagi
ke menu utama.
9. Flow Chart Laporan Penjualan
Gambar 22. FlowChart Laporan Penjualan
Pil
Y
Laporan Harian
Y
Pil=0
TPil = 1
Laporan Bulanan
Ongkos Kirim1. Laporan Harian2. Laporan Bulanan3. Laporan Tahuanan4. Laporan Produk
Menu Utama
Laporan Penjualan
Pil = 2
Laporan Tahunan
T
Pil = 3
Laporan Produk
Y
T
64
Pada gambar 22 diatas menjelaskan tentang laporan penjualan.
Pada laporan penjualan, admin bisa melihat beberapa laporan
diantaranya; laporan harian, laporan bulanan, laporan tahuanan dan
laporan produk. Jika sudah selesai maka kembali ke menu utama.
10. Flow Chart Logout
Gambar 23. FlowChart Logout
Pada gambar 23 menjelaskan flowchart menu Logout,jika user
ingin keluar maka user memilih menu logout. Ketika berhasil akan
muncul pesan anda berhasil Logout
c. Desain Input
Desain input atau masukan merupakan tempat untuk memasukan
data-data dan disimpan dalam media penyimpanan. Tujuan dari desain
input adalah untuk mencapai kekurangan data serta untuk menjamin
pemasukan data dapat meenerima dan dimengerti oleh pemakai.
Logout
Anda BerhasilLogout
Login
65
1) Input Menu Admin
Gambar 24. Rancangan Menu Admin
2) Form Entri Data Produk
Gambar 25. Rancangan Entri Data Produk
3) Form Entri Data Rasa
Gambar 26. Rancangan Entri Data Rasa
List Produk
Id Nama Kategori Harga Berat Stok TombolX(10) X(20) X(20) X(12) X(4) X(4) Edit Tambah Detail
Tambah Produk
Detail Admin
Username : X(20)Nama : X(30)Email : X(20)
Edit admin
LIST KATEGORI
Id Nama TombolX(10) X(30) Edit Hapus
Tambah Rasa
66
4) Form Entri Data Ongkos Kirim
Gambar 27. Rancangan Entri Data Ongkos Kirim
5) From Entri Data Pemesanan
Gambar 28. Rancangan Data Pemesanan
6) From Entri Data Konfirmasi Pembayaran
Gambar 29. Rancangan Entri Data Konfirmasi Pembayaran
List Ongkos Kirim
Id Kota Nama Kota Ongkos Kirim Tombol
X(10) X(20) X(10) Edit Tambah
Tambah Ongkos Kirim
Pemesanan
IdOrder
Id user Nama Tanggal Jam Status Tombol
X(10) X(10) X(30) X(8) X(6) X(20) Detail
:
Data Konfirmasi Pembayaran
IdUser
IdOrder
Bank Norek Nama Nominal No.ref Bukti
X(10) X(10) X(20) X(20) X(30) X(10) X(10) Preview
67
d. Desain Ouput
Desain ouput merupakan produk dari sistem informasi atau
hasil dari proses yang tersimpan pada sebuah media
penyimpanan. Output pada sistem komputer merupakan
tampilan dilayar monitor maupun data yang dicetak pada kertas.
Perancangan output pada Sistem Informasi Penjualan E-
Commerce pada Toko F2 menghasilkan beberapa laporan
sebagai berikut.
1) Desain Output Laporan Penjualan
Gambar 30. Output Laporan Penjualan
2) Desain Output Laporan Penjualan Harian
3)
Gambar 31. Output Laporan Penjualan Harian
Laporan Penjualan
Laporan harian : TampilkanLaporan bulanan : TampilkanLaporan tahunan : TampilkanLaporan produk : Tampilkan
Laporan Penjualan Harian
No Id order Id produk Nama Jumlah Harga TotalX(2) X(10) X (10) X(30) X(4) X(10) X(10)
JumlahPimpinan
(.......)Cetak
68
3) Desain Output Laporan Penjualan Bulanan
4)
Gambar 32. Output Laporan Penjualan Bulanan
4) Desain Output Laporan Penjualan Tahunana
5)
Gambar 33. Output Laporan Penjualan Tahunan
5) Desain Output Laporan Produk
6)
Gambar 34. Output Laporan Penjualan Produk
Laporan Penjualan Bulanan
No Id order Id produk Nama Jumlah Harga TotalX(2) X(10) X (10) X(30) X(4) X(10) X(10)
JumlahPimpinan
(......)
Laporan Penjualan Tahunan
No Bulan SubtotalX(2) X(10) X (10)
JumlahPimpinan
(.......)
Laporan Produk
Idproduk
Idkategori
Nama Harga Berat Stok Deskripsi Jumlahbeli
X(10) X(10) X(30) X(10) X(5) X(5) X(100) X(5)
Pimpinan
(.......)
Cetak
Cetak
Cetak
69
e. Desain Basis Data
Basis data bertujuan untuk menyimpan data dari file-file yang
dibutuhkan aplikasi. Basis data aplikasi Perancangan Sistem
Penjualan E-Commerce pada Toko F2 adalah db_penjualan yang
yang terdiri dari file-file : tb_pelanggan, tb_barang, tb_admin,
tb_pemesanan, tb_konfirmasi, tb_kategori, tb_provinsi, tb_tempat
keranjang. Struktur filenya dapat diuraikan sebagai berikut:
1) Tabel Admin
Table admin digunakan untuk menyimpan data-data admin.
Field-field dari tabel admin dapat dilihat pada tabel berikut:
Nama Databasse : dbminang
Nama table : admin
Primary key : idadmin
Tabel 8. Struktur tabel admin diuraikan sebagai berikut:
No Field Type Width Description
1 Id_admin Varchar 10 Nomor identitas dari admin sebagai
primary key
2 Username Varchar r 20 Nama admin saat melakukan
pendaftaran
3 Email Varchar 20 Alamat email admin
4 Nama Varchar r 30 Nama admin
5 Password Varchar 10 Kata sandi yang dimasukan saat
admin login
70
2) Tabel Kategori
Tabel kategori digunakan untuk menyimpan data-data
kategori Field-field dari tabel barang dapat dilihat pada tabel
berikut:
Nama Databasse : dbminang
Nama table :Rasa
Primary key : Id_rasa
Tabel 9. Struktur tabel kategori diuraikan sebagai berikut:
No Field Type Width Description
1 Id _rasa Varchar 10 Nomor id saatmengentrikan data
2 Nama Varchar 30 Nama rasa
3) Tabel Konfirmasi
Nama Databasse : dbminang
Nama table : konfirmasi
Primary key : id_konfirmasi
Tabel 10. Struktur tabel konfirmasi diuraikan sebagai berikut:
No Field Type Width Description
1 Id konfirmasi Integer 10
Nomor identitaskonfirmasisebagai primerykey
2 User_id Integer 30Identitas untukmasuk pada saatmelakukan login
3 Id_order Integer 10
Nomor orderpada saatmelakaukanpemesanan.
71
Tabel 11. Struktur tabel konfirmasi lanjutan diuraikan sebagai
berikut:
No Field Type Width Description
4 Bank tujuan Varchar 30 Pada saat melakukan transfer
uang melalui bank yang sudah
ditentukan
5 No_rek Varchar 25 No_rek pembeli saat
melakukan transfer uang
6 Nama Varchar 30 Nama pembeli/user
7 Nominal Double 10 Nominal angka yang
dimasukan saat transfer uang
8 No_ref Varchar 10 Nomor referensi
9 Bukti Text Bukti transfrer dari pembeli
10 Url Varchar Keterangan bukti pembayaran
dan juga bisa berupa foto
4) Tabel Kota
Basis Data : dbminang
File : Kota
Primary key : Id_kota
Tabel 12. Struktur tabel kota diuraikan sebagai berikut
No Field Type Width Description
1 Id_kota Integer 10 Nomor identitas kotasebagai primery key
2 Nama Varchar 20 Nama kota tujuan
3 Ongkos kirim Integer 10 Ongkos kirim saatpengiriman barang kekota tujuan
72
5) Tabel Order
Basis Data : dbminang
File : orders
Primary key : Id_orders
Tabel 13. Struktur tabel orders diuraikan sebagai berikut
No Field Type Width Description
1 Id_orders Integer 10 Nomor Identitas orders
2 User_id Integer 20 Nama pengguna saatmelakukan login
3 Nama Varchar 20 Nama penerima
4 Alamat Text Alamat penerima
5 No_telepon Varchar 13 Nomor telponkonsumen yang dapatdihubungi
6 Status_bayar Varchar 10 Untuk menentukandeal or nodealpemesanan
7 Tgl_pemesanan Date Tanggal untukmenentukan kapanpemesanan
8 Jam Time Jam,saat melakukanpemesanan produk
9 Ongkir Integer 30 Ongkos kirimpemesanan
10 Total Interger 10 Total pembayaran
6) Tabel Orders Detail
Basis Data : dbminang
File : Orders Detail
Primary key : id_orders
73
Tabel 14. Struktur tabel orders detail diuraikan sebagai berikut:
No Field Type Width Description
1 Id_orders Integer 10 No id yang digunakanuntuk pemesanan produksebagai primary key
2 Id_produk Integer 10 Nomor identitas produk3 Jumlah Integer 5 Jumlah produk yang
dipesan
4 Harga Double Harga produk yangdipesan
7) Tabel Produk
Basis Data : dbminang
File : produk
Primary key : id_produk
Tabel 15. Struktur tabel produk diuraikan sebagai berikut:
No Field Type Widht Keterangan
1 Id_produk Integer 10 Nomor identitas produk
2 Id_kategori Integer 10 Nomor identitas kategori
3 Nama Varchar 20 Nama produk4 Harga double Harga produk5 Berat Decimal 5 Berat produk6 Stok Integer 5 Persedian produk7 Gambar varchart Gambar setiap produk8 Deskripsi Text Keterangan setiap produk9 Dibeli Integer 5 Jumlah yang yang laku
terjual
8) Tabel User
Basis Data : dbminang
File : user
Primary key : id_user
74
Tabel 16. Struktur tabel user diuraikan sebagai berikut:
No Field Type Width Description
1 User_id Integer 15 Nama pengguna saatmelakukan login
2 Nama Varchar 30 Nama pengguna
3 Email Varchar 20 Alamt emailpengguna
4 Password Varchar 10 Kata sandi pengguna
75
BAB IV
IMPLEMENTASI DAN PEMBAHASAN
A. Implementasi Sistem
Implementasi sistem adalah tahap penerapan dari sistem yang sudah
kita rancang pada bab-bab sebelumnya. Atau bisa juga pengaplikasian dari
program yang sudah kita buat dengan tujuan untuk mengetahui apakah
program yang kita buat sudah sesuai dengan yang apa kita kita inginkan.
Tahap dari implementasi ini adalah suatu usaha dalam mewujudkan
sistem yang kita rancang. Langkah –langkah dari proses implementasi
adalah urutan dari kegiatan awal sampai dengan kegiatan akhir yang harus
kita laksanakan untuk mewujudkan sistem yang kita rancang.
1. Implementasi Perangkat Lunak
Perangkat lunak (Software) adalah perangkat yang digunakan untuk
menjalan perangkat keras. Tanpa adanya perangkat lunak maka
perangkat keras pun tidak bisa digunakan. Perangkat lunak yang
digunakan sabagai penunjang untuk menjalankan aplikasi diantaranya:
a. System Operasi Windows 7
b. Microsoft Office 7
c. Xampp Server Versi.3
d. Adobe Dreamweaver cs6
e. Web Browser(Google Chrom).
76
2. Implementasi Perangka Keras
Perangkat keras (hardware) adalah seluruh komponen peralatan
komputer dan peralatan lainnya untuk dapat melaksanakan tugasnya.
Perangkat keras ini saling berhubungan dengan perangkat lunak jika
tidak ada perangkat keras maka tidak perangkat lunak pun tidak
berfungsi dengan semestinya. Perangkat keras pendukung dari sistem
ini sebagai berikut:
a) Notebook Acer
b) Intel CeleronN2840
c) Harddisk 500GB HDD
d) Memory 2GB DDR3 RAM
e) Mouse dan keyboard yang merupakan komponen terpenting pada
komputer yang berfungsi untuk menginputkan data ke komputer.
3. Penggunaan Program
Merupakan langkah penggunaan program yang akan kita jalankan agar
dapat berjalan sesuai dengan yang kita rancang atau kita harapkan.
Pengoperasian dilaksanakan dengan mengaktifkan MySQLyog sebagai
server dari aplikasi yang telah dibuat kemudian memanggil file yang akan
kita eksekusi. Pada perancangan sistem informasi ini digunakan
AdobeDreamweave cs6 sebagai perangkat lunak untuk perancangan sistem
yang menghasilkan program aplikasi yang diharapkan bagi penggunanya.
Kemudian dalam perancangan database dan tabel digunakan MySQLyog
77
sebagai perangkat lunak pendukung program. Pada aplikasi ini terbagi dua
untuk mengaksesnya,diantaranya:
1. Aplikasi Sebagai Admin
Pada aplikasi admin ini terdapat beberapa form sebagai berikut:
a. Form Menu Login Admin
Form login digunakan admin untuk masuk ke menu utama
berdasarkan hak aksesnya. Jika diklik form menu login maka
tampilannya akan sepertti gambar dibawah ini:
Gambar 35. Form Menu Login
Halaman diatas berfungsi untuk masuk kedalam aplikasi [rpgram yang
sudah ada. Pada gambar diatas terlihat bahwa terdapat tmbol sig in.
Jika mengklik tombol tersebut maka bisa langsung masuk pada
beranda/menu utama aplikasi program ini jika memasukan kata
username dan password yang benar. Jika salah maka akan muncul
pesan “data yang di isikan salah”.
78
b. Form Menu Utama
Pada menu utama terdapat beberapa pilihan beberapa
menu,diantaranya entri data, proses/pencarian data, ouput yang
dihasilkan dan logout. Terlihat pada gambar dibawah ini:
Gambar 36. Form Menu Utama
Pada gambar diatas terlihat beberapa menu diantaranya sebagai
berikut:
1) Entri Data terdiri dari data admin, produk, kategori, dan ongkos
kirim.
2) Proses/pencarian data pemesanan dan konfimasi pembayaran.
3) Output yang dihasilkan berupa laporan penjualan.
c. Form Entri Data Admin
Jika mengklik form menu admin maka tampilannya akan seperti pada
gambar dibawah ini. Halaman ini berfungsi untuk membuat akun
admin. Tampilannya bisa dilihat pada gambar dibawah ini:
79
Gambar 37. Form Menu Admin
Pada gambar diatas terlihat detail mengenai informasi admin. Disitu
juga terdapat tombol edit admin yang berfungsi untuk mengedit akun
admin yang sudah pernah dibuat. Jika mengklik tombol edit admin
maka akan muncul tapilan sebagai berikut:
Gambar 38. Edit admin
Pada gambar diatas terdapat tombol save dan cancel. Jika kita
melakukukan perubahan pada akun admin dan mengklik tombol save
maka akan muncul pesan” data telah disimpan”, jika mengklik tombol
cancel maka akan kembali lagi ke form menu admin.
d. Form Entri Data Produk
Jika mengklik form menu produk,maka tampilannya akan seperti
gambar dibawah ini.
80
Gambar 39. Form Menu Produk
Pada halaman ini berfungsi untuk melihat list produk yang sudah
ada.Disana juga terdapat beberapa tombol diantaranya tombol tambah
produk, yang jika diklik akan muncul seperti gambar dibawah ini:
Gambar 40. Form Entri Data/Tambah Produk
Fungsi dari tombol tambah produk ini yaitu untuk menambah
produk yang masuk. Disana juga terdapat tombol save yang jika diklik
kalau data yang kita isi sudah benar akan muncul pesan “data sudah
disimpan”. Jika mengklik tombol save maka akan kembali lagi ke
menu produk.
Jika kembali lagi ke menu produk dan mengklik tombol edit maka
tampilannya seperti pada gambar dibawah ini:
81
Gambar 41. Edit Produk
Fungsi dari tombol edit ini yaitu untuk mengedit data produk jika
ada data yang perlu diedit. Jika sudah diedit maka klik tombol save,
maka akan muncul pesan “data disimpan”. Jika mengklik tombol
cancel maka akan kembali lagi ke menu produk.
Jika kita melihat detail produk,maka klik tombol detail, maka akan
muncul seperti pada gambar dibawah ini:
Gambar 42. Detail Produk
Fungsi tombol detail produk ini hanya melihat informasi yang
lebih rinci lagi mengenai produk yang akan kita beli.
Jika kita ingin menghapus produk,maka bisa mengklik tombol
hapus, maka tampilannya seperti pada gambar dibawah ini:
82
Gambar 43. Hapus Produk
Setelah mengklik tombol hapus maka akan muncul pesan seperti
pada gambar diatas”apakah anda ingin menghapus produk”, jika klik
ok maka produk akan terhapus, jika mengklik tombol cancel maka
akan kembali ke menu produk.
e. Form Entri Data Rasa
Pada menu rasa jika kita klik maka tampilannya seperti pada
gambar dibawah ini:
Gambar 44. Form Menu Rasa
Pada gambar diatas terlihat beberapa tombol diantaranya edit,hapus
dan tambah rasa. Jika mengklik tombol edit maka tampilannya seperti
pada gambar dibawah ini:
83
Gambar 45. Form Edit rasa
Fungsi dari tombol edit ini untuk mengedit rasa jika ingin di ubah.
Jika sudah diubah klik tombol simpan maka akan muncul pesan”data
disimpan”. Jika mengklik tombol batal maka akan kembali ke menu
kategori.
Jika kita ingin menambah kategori maka klik tombol tambah
kategori,maka akn muncul seperti gambar dibawah ini:
Gambar 46. Form Input/Tambh Rasa
Fungsi dari tombol tambah yaitu untuk menambah rasa produk jika
iingin ditambah. Disan juga terdapt tombol simpan jika klik maka
akan muncul pesan”data sudah disimpan”, jika mengklik batal maka
akn kembali ke form menu rasa
Jika ingin menghapus rasa maka klik tombol hapus maka tampilannya
akan seperti gambar dibawah ini:
84
Gambar 47. Form Hapus Rasa
Maka akan muncul pesan “apakah yakin mengahapus rasa?”, jika
mengklik ok maka data akan terhapus jika mengklik cancel maka akan
kembali ke form menu rasa.
f. Form Entri Data Ongkos Kirim
Jika mengklik form menu ongkos kirim maka akan muncul tampilan
sebagai berikut:
Gambar 48. Form Menu Ongkos Kirim
Pada gambar diatas terdapat beberapa tombol diantaranya tombol edit,
hapus dan tambah. Jika kita mengklik tombol edit maka akan muncul
tampilan sebagai beriktu:
85
Gambar 49. Form Edit Ongkos Kirim
Fungsi dari tombol edit untuk mengubah data pada ongkos kirim
jika perlu diubah. Setelah melakukan perubahan maka klik tombol
simpan maka akan muncul pesan “data sudah disimpan”. Jika klik
batal maka akan kembali ke form menu ongkos kirim.
Jika ingin menambah data pada ongkos kirim maka klik tombol
tambah ongkos kirim maka akan muncul tampilan sebagai berikut:
Gambar 50. Form Tambah/Input Ongkos Kirim
Fungsi dari tombl ini untuk menambah data pada ongkos kirim jika
kita sudah mengisi data lalu klik tombol simpan, maka akan muncul
pesan “data sudah disimpan”. Jika klik tombol batal maka akan
kembali lagi ke menu form ongkos kirim.
86
Jika kita ingin menghapus data ongkos kirim maka klik tpmbol
hapus maka akan muncul tampilan sebagai berikut:
Gambar 51. Form Hapus Ongkos Kirim
Maka akan muncul pesan “apakah yakin mengahapus kategori?”,
jika mengklik ok maka data akan terhapus jika mengklik cancel maka
akan kembali ke form menu kategori.
g. Form Pemesanan
Jika diklik form menu pemesanan maka tampilannya sebagai
berikut:
Gambar 52. Form Pemesanan
87
Pada form pemesan dapat dilihat jika user telah melakukan proses
pemesanan produk. Pada form pemesanan ini hanya ada tombol detail.
Jika diklik maka akan mucul tampilan sebagai berikut:
Gambar 53. Form Detail Pemesanan
Fungsinya untuk mengetahui detail pemesanan dari user dan
tombol ubah status yang gunanya jika user telah melakukan
pembayaran atau belum melakukan pembayaran.
h. Form Menu Konfirmasi Pembayaran
Jika kita mengklik konfirmasi pembayaran maka akan muncul
tampilan sebagai berikut:
Gambar 54. Form Konfirmasi Pembayaran
Pada menu konfirmasi pembayaran hanya terdapat satu tombol
preview yang berguna untuk melihat bukti pembayaran dari
konsumen.
88
i. Laporan Penjualan
Jika mengklik laporan penjulan maka muncul tampilan sebagai
berikut:
Gambar 55. Form Laporan Penjualan
Pada laporan penjualan ada beberapa beberapa laporan yang
dihasilkan yaitu laporan harian, laporan bulanan, laporan tahunan, dan
laporan produk. Pada tiap laporan tersebut memiliki tombol
tampilkan. Jika meng klik laporan harian maka akan muncul tampilan
sebagai berikut:
Gambar 56. Form Laporan Penjualan Harian
89
Gambar diatas merupakan tampilan laporan harian jika admin ingin
melihat laporan harian penjualan. Disana juga ada tombol cetak jika
admin ingin mencetak laporan harian tersebut.
Jika ingin melihat laporan bulanan maka masukan bulan yang ingin
kita lihat pada list bulan yang sudah ada,setelah itu klik tombol
tampilkan, maka akan tampil seprti gambar dibawah ini:
Gambar 57. Form Laporan Penjualan Bulanan
Fungsi dari laporan bulanan ini hampir sama dengan laporan harian
yakni melihat laporan penjualan pada tiap bulannya. Disana juga
terdapt tombol cetak jika admin ingin mencetak laporan bulanan
tersebut.
Jika ingin laporan tahunan maka klik laporan tahunan maka akan
muncul seperti pada gambar dibawah ini:
Gambar 58. Form Laporan Penjualan Tahunan
90
Fungsi dari laporan tahunan ini hampir sama dengan laporan
bulanan yakni melihat laporan penjualan pada tiap tahunnya. Disana
juga terdapt tombol cetak jika admin ingin mencetak laporan bulanan
tersebut.
Jika kita mengklik laporan produk maka tampilannya seperti pada
gambar dibawah ini:
Gambar 59. Form Laporan Penjualan Produk
Fungsi laporan produk ini yaitu untuk melihat produk mana yang
paling laku di kalangan konsumen. Juga terdapat informasi mengenai
tiap produk yang kita jual.
j. Fom Logout
Jika admin ingin keluar maka klik menu keluar, maka akan muncul
tampilan sebagai berikut:
91
Gambar 60. Form Tampilan Logout
Jika admin udah selesai mengoperasikan aplikasi penjualan maka
admin akan melakukan logout. Jika kita menekan tombol keluar maka
akan muncul pesan”Anda Telah Keluar, Terima Kasih”
2. Aplikasi Sebagai User
Pada aplikasi sebgai user ini juga terdapat beberapa form menu
diantaranya:
a. Form Menu Utama
Pada form menu utama pada user terdapat beberapa menu
diantaranya form menu produk, cara beli, pendaftaran, dan
konfirmasi. Pada gambar berikut merupakan tampilan awal dari
beranda user.
Gambar 61. Form Menu Utama User
92
Pada menu utama user ada beberapa menu diantaranya:
produk, cara beli, pendaftaran, dan konfirmasi
b. Form Menu Produk
Jika kita klik menu produk maka akan muncul tampilan
sebagai berikut:
Gambar 62. Form Tampilan Produk
Pada form menu produk terdapat tombol add to chart yang
berfungsi jika kita ingin memilih produk tersebut maka tekan
tombol add to chart dan jika ingin melihat detail produk tekan
tombol detail.
c. Form Menu Cara Beli
Jika ingin mengetahui cara beli produk maka klik cara beli,
maka akan muncul tampilan sebagai berikut:
93
Gambar 63. Form Tampilan Cara Beli
Menu cara beli ini berfungsi sebagai petunjuk/ tata cara
pembelian produk yang jika user tidak mengetahui cara beli
produk tersebut.
d. Form Pendafrtaran
Jika kita klik menu pendaftaran maka akan muncul
tampilan sebagai berikut:
Gambar 64. Form Pendaftaran Member
Pada form pendaftran user jika user ingin menjadi member
atau ingin membeli produk maka user harus melakukan
pendaftaran.
94
e. Form Konfirmasi
Jika user telah melakukan pendaftaran maka langkah
selanjutnya user harus melakukan konfirmasi.
Gambar 65. Form Konfirmasi Pembayaran
Setelah melakukan isi data pada form konfirmasi maka akan
muncul tampilan sebagai berikut:
Gambar 66. Form Proses Konfirmasi Pembayaran
Kemudian setelah melakukan proses konfirmasi maka barulah
user akan mendapatkan tampilan faktur belanja sebagai berikut:
95
Gambar 67. Form Faktur Pembayaran User
Fungsi dari faktur tersebut sebagai bukti bagi user bahwa user telah
melakukan pembayaran kepada admin.
B. Uji Coba Program
Pada tahap uji coba program ini dengan menggunakan metode
blackbox.Pengujian blackbox merupakan pengujian program berdasrkan
fungsi dari program itu sendiri. Tujuan dari metode blackbox ini untuk
menemukan kesalahan fungsi pada program. Pengujian ini dengan cara
menginputkan data sejumlah data pada program aplikasi kemudian
diproses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah
input yang dimasukan sesuai dengan output yang dihasilkan.
Pengujian dilakukan dengan mencoba semua kemungkinan yang terjadi
dan pengujian dilakukan berulang-ulang. Jika dalm proses pengujian
ditemukan kesalahan, maka akan dilakukan perbaikan untuk memperbaiki
kesalahan yang terjadi. Jika telah selesai melakukan perbaikan, maka akan
dilakukan pengujian kembali, pengujian dan perbaikan dilakukan secara
terus menerus hingga diperoleh asil yang terbaik.
96
1 Rencana Pengujian
Rencana pengujian selengkapnya dapat dilihat pada tabel 16 berikut:
Tabel 17. Tabel Rencana pengujian
No Kelas Uji Detail Pengujian Jenis Pengujian
1 Login Verifikasi data login dengan
memasukan username dan password
oleh admin
Blackbox
2 Admin Edit data admin Blackbox
3 Produk Edit data produk
Hapus data produk
Detail data produk
Tambah produk
Blackbox
4 Rasa Edit rasa
Hapus rasa
Tambah rasa
Blackbox
5 Ongkos kirim Edit ongkos kirim
Hapus ongkos kirim
Tambah ongkos kirim
Blackbox
6 Pemesanan Detail pemesanan Blackbox
7 Konfirmasi
Pembayaran
Preview konfirmasi pembayaran Blackbox
8 Laporan
penjualan
Tampilkan laporan penjualan
Cetak laporan penjualan
Blackbox
97
a. Pengujian Login
Pegujian login dapat dilihat pada tabel 18 berikut:
Tabel 19. Pengujian login
Requirement
yang diuji
Skenario pengujian Hasil yang diharapkan Hasil
pengujian
Login
Masukan username dan
password (benar)
User berhasil melakukan
login dan menampilkan
menu
Valid
Masukan username dan
password (salah)
Muncul pesan ”login gagal
username dan password
tidak benar” Valid
b. Pengujian Admin
Pegujian admin dapat dilihat pada tabel 19 berikut:
Tabel 20. Pengujian admin
Requirement
yang diuji
Skenario pengujian Hasil yang diharapkan Hasil
pengujian
Admin
Klik tombol “Save” , jika
data terisi benar
Muncul pesan” data
disimpan” Valid
Klik tombol “Save”, jika
data belum berisi/salah
Muncul pesan “ data
yang anda masukan
salah” Valid
98
c. Pengujian Entri Data Produk
Pegujian Entri Data Produk dapat dilihat pada tabel 20 berikut:
Tabel 21. Pengujian Entri Data Produk
Requirement
yang diuji
Skenario pengujian Hasil yang diharapkan Hasil
pengujian
Entri data
produk
Klik tombol”edit”, jika data
terisi(benar)
Produk telah diupdate Valid
Klik tombol “edit” data
belum berisi(salah)
Muncul pesan” isi nama data
produk”
Valid
Klik tombol “tambah”, jika
data terisi(benar)
Muncul pesan”produk
berhasil ditambah pada
database”
Valid
Klik tombol “detail Akan muncul informasi detail
produk
Valid
Klik tombol”hapus” jika
data dipilih
Muncul pesan data berhasil
dihapus
Valid
99
d. Pengujian Entri Data Rasa
Pegujian entri data rasa dapat dilihat pada tabel 21 berikut:
Tabel 22. Pengujian Entri Data Rasa
Requirement yang
diuji
Skenario
pengujian
Hasil yang
diharapkan
Hasil pengujian
Entri data kategori
Klik
tombol”edit”, jika
data terisi(benar)
Rasa telah diupdate
Valid
Klik tombol
“edit” data belum
berisi(salah)
Muncul pesan isi
nama rasa
Valid
Klik tombol
“tambah”, jika
data terisi(benar)
Muncul pesan”rasa
berhasil ditambah
pada database”
Valid
Klik
tombol”hapus”
jika data dipilih
Muncul pesan data
berhasil dihapus
Valid
100
e. Pengujian Data Ongkos Kirim
Pegujian data ongkos kirim dapat dilihat pada tabel 22 berikut:
Tabel 23. Pengujian Entri Data Ongkos Kirim
Requirement yang
diuji
Skenario
pengujian
Hasil yang diharapkan Hasil
pengujian
Entri data ongkos
kirim
Klik
tombol”edit”, jika
data terisi(benar)
Ongkos kirim telah
diupdate Valid
Klik tombol
“edit” data belum
berisi(salah)
Muncul pesan isi data Valid
Klik tombol
“tambah”, jika
data terisi(benar)
Muncul pesan”ongkos
kirim berhasil ditambah
pada database”
Valid
Klik
tombol”hapus”
jika data dipilih
Muncul pesan data
berhasil dihapus
Valid
f. Pengujian Data Pemesanan
Pegujian data pemesanan dapat dilihat pada tabel 23 berikut:
Tabel 24. Pengujian Entri Data Pemesanan
Requirement
yang diuji
Skenario pengujian Hasil yang
diharapkan
Hasil pengujian
Pemesanan Klik tombol “detail” Muncul informasi
dari konsumen
Valid
101
g. Pengujian Data Konfirmasi Pembayaran
Pegujian data konfirmasi pembayaran dapat dilihat pada tabel 24
berikut:
Tabel 25.Pengujian Konfirmasi Pembayaran
Requirement
yang diuji
Skenario pengujian Hasil yang
diharapkan
Hasil
pengujian
Konfirmasi
Pembayaran
Klik tombol “preview” Muncul informasi
berupa bukti dari
konsumen
Valid
h. Pengujian Data Laporan Penjualan
Pegujian data laporan penjualan dapat dilihat pada tabel 25 berikut:
Tabel 26. Pengujian Data Laporan Penjualan
Requirement
yang diuji
Skenario
pengujian
Hasil yang diharapkan Hasil
pengujian
Laporan
penjualan
Klik tombol
“tampilkan”
Muncul informasi laporan penjualan
sesuai yang dibutuhkan admin
Valid
C. Pembahasan
1. Kesimpulan Hasil Pengujian
Pengujian yang telah dilakukan merupakan proses yang terdapat
dalam aplikasi sistem informasi penjualan berbasis e-commerce pada Toko
F2. Setelah dilakukan pengujian,maka berdasarkan hasil pengujian dapat
diambil kesimpulan bahwa aplikasi dapat digunakan dengan baik,
disamping terdapat beberapa proses yang lain yang mendukung dalam
102
berjalannya aplikasi ini. Namun demikian pengujian tersebut dapat
dikatakan belum sempurna, karna hanya dilakukan pada sisi pengujian.
Semua yang dilakukan dalam pengujian ini diharapkan dapat mewakili
pengujian fungsi yang lain dalam sisstem informasi penjualan berbasis e-
commerce pada Toko F2 di Padang.
2. Evaluasi Program
Pada Sistem Informasi Penjualan Toko F2 ini mungkin masih
banyak kekurangan baik dari segi isi, manfaat, dan juga kebutuhan dari
user. Dimana sistem ini masih sederhana dan masih perlu untuk
dikembangkan lagi baik dari segi tampilan maupun dari segi fungsinya.
103
BAB V
PENUTUP
A. Kesimpulan
Sistem pengolahan data penjualan berbasis e-commerce pada Toko F2
dibuat dengan menggunakan metode SDLC, dan juga menggunakan bahasa
pemprograman PHP dan database servernya yaitu MySQLyog, maka dapat
disimpulkan bahwa:
1. Aplikasi E-Comemerce ini dapat mempermudah proses transaksi
pembelian produk dengan adanya media promosi. Member dapat langsung
melihat produk terbaru sehingga dapat melakukan proses pembelian serta
pemesanan dengan cepat dan efisien.
2. Dengan adanya sistem penjualan maka dapat mempermudah user/pegawai
toko dalam melakukan proses pembuatan laporan baik harian, bulanan
maupun tahunan.
3. Perancangan Sistem Informasi Penjualan berbasis E-Commerce pada Toko
F2 Ole-Ole Khas Minang dapat memberikan solusi terhadap permasalahan
yang dihadapi dalam proses penjualan produk serta sebagai solusi
pemasaran produk bagi pemilik.
104
B. Saran
Sistem Informasi Penjualan berbasis E-Commerce pada Toko F2 ini pun
masih memiliki beberapa keterbatasan, sehingga untuk penulis menyarankan
untuk pengembangan Sistem Informasi Penjualan selanjutnya agar :
1. Tidak hanya proses penjualan yang dibahas tetapi juga untuk proses
pembelian bahan baku kepada supplier, sehingga proses keluar masuk
bahan baku dapat lebih tercatat dengan akurat, karena proses pemasukan
dan pengeluaran barang dapat dilakukan secara otomatis.
2. Didalam sistem ini belum tersedia laporan untuk menghitung laba rugi
sehingga diharapkan untuk kedepannya memudahkan pemilik untuk
melakukan perencanaan.
3. Untuk mencegah rusaknya atau hilangnya data dalam file, sebaiknya
dilakukan backup secara berkala dan scan terhadap virus yang merusak..
106
DAFTAR PUSTAKA
Agus, P., & Safitri, Y. (2015). Pemanfaatan Sistem Informasi PerpustakaanDigital Berbasis Website Untuk Para Penulis Agus Prayitno 1) Yulia Safitri2). Indonesian Journal on Software Engineering, 1(1), 1–10.
Cholifah, W. N., Yulianingsih, Y., & Sagita, S. M. (2019). Pengujian Black BoxTesting pada Aplikasi Action & Strategy Berbasis Android denganTeknologi Phonegap. STRING (Satuan Tulisan Riset Dan Inovasi Teknologi),3(2), 206.
Firman, A., Wowor, H., & Najoan, X. (2016). Sistem Informasi PerpustakaanBerbasis Web Application. Jurnal Sistem Informasi Bisnis, 1(2), 66–77.
Fitriani, U. (2016). Diajukan Untuk Memenuhi Salah Satu Syarat MemperolehGelar Sarjana Ekonomi Pada Program Studi Manajemen Fakultas EkonomiUniversitas Pasir Pengaraian.
M.Shahaluddin, R. A. . (2016). Rekayasa Perangkat Lunak. Bandung: InformatikaBandung.
Mara Destiningrum, Q. J. A. (2017). Sistem Informasi Penjadwalan DokterBerbassis Web Dengan Menggunakan Framework Codeigniter (Studi Kasus:Rumah Sakit Yukum Medical Centre). Teknoinfo, 11(2), 6–13.
Mochamad Rendy Riskianto Widodo, M. Roziq Zainuddin, L. S. N. (2016).Sistem Informasi Dan Pengolahan Data Kursus Mobil Berbasis Web DenganSms Gateway Di Armada Pasuruan. Informatika Merdeka Pasuruan, 1(3),85–104.
Nugroho, F. E. (2017). Perancangan Sistem Informasi Penjualan Online StudiKasus Tokoku. Simetris : Jurnal Teknik Mesin, Elektro Dan Ilmu Komputer,7(2), 717.
Nurmi. (2015). Buku Teks Analisis dan Perancangan Sistem Informasi 1.pdf.Padang.
Nurmi. (2016). Buku Ajar Konsep Sistem Informasi.pdf. Padang: Sukabina Press.
Nurmi. (2016). Buku Ajar Konsep Sistem Informasi. Padang: Sukabina Press.
Pranggono, N. M., Irawati, T., & Laksito, W. (2016). Sistem Informasi PersediaanBarang Secara Multiuser Pada Apotik Kinasih Bulu Sukoharjo DenganMetode Rata–Rata Bergerak.
106
Pratama, i putu agus. (2014). Sistem Informasi dan Implementasinya. Bandung:Informatika Bandung.
Pratama, i putu agus. (2015). E-commerce, E-business dan mobile commerce.Bandung: Informatika Bandung.
Raharjo, B. (2015). Mudah Belajara PHP. Bandung: Informatika Bandung.
Rozaq, A., Lestari, K. F., & Handayani, S. (2015). Sistem Informasi Produk DanData Calon Jamaah Haji Dan Umroh Pada Pt. Travellindo LusiyanaBanjarmasin Berbasis Web. Jurnal POSITIF, 1(1), 1–13.
Sidiq, B. (2014). Pemprograman Web dengan PHP. Bandung: InformatikaBandung.
Suharyanto, C. E., Chandra, J. E., & Gunawan, F. E. (2017). Perancangan SistemInformasi Penggajian Terintegrasi Berbasis Web (Studi Kasus di RumahSakit St. Elisabeth). Jurnal Teknologi Dan Sistem Informasi, 3(2), 225.
Susandi, D., & Sukisno, S. (2018). Sistem Penjualan Berbasis E-CommerceMenggunakan Metode Objek Oriented pada Distro Dlapak Street Wear. JSiI(Jurnal Sistem Informasi), 4, 5–8.
Zaliluddin, D., & Rohmat, R. (2018). Perancangan Sistem Informasi PenjualanBerbasis Web (Studi Kasus pada Newbiestore). Infotech Journal, 4(1), 24–27.
107
Lampiran 1. Listing Program
LISTING PROGRAMLogin
<script src="assets/SpryAssets/SpryValidationTextField.js"type="text/javascript"></script><link href="assets/SpryAssets/SpryValidationTextField.css" rel="stylesheet"type="text/css"><div id="content" class="float_r"><form id="form1" name="form1" method="post" action="cek_login_user.php"><h1>Log In</h1><hr /><br /><table width="456" border="0">
<tr><td width="143">Email</td><td width="10"><strong>:</strong></td><td width="289"><label for="email"></label>
<span id="sprytextfield1"><input type="text" name="email" id="email" /><span class="textfieldRequiredMsg">A value is
required</span><span class="textfieldInvalidFormatMsg">Invalid
format.</span></span>
</td></tr><tr>
<td>Password</td><td><strong>:</strong></td><td><label for="password"></label>
<input type="password" name="password" id="password"/>
</td></tr><tr>
<td> </td><td> </td><td><input type="submit" name="submit" id="submit"
value="Submit" /></td></tr>
</table></form></div><script type="text/javascript">
108
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1","email");</script>Admin<?phpif(!isset($_SESSION)){
session_start();}if (empty($_SESSION['usernameadmin']) ANDempty($_SESSION['passwordadmin'])){
echo"<script>alert('Anda Harus Melakukan Login TerlebihDahulu')</script>";
echo"<script>location='index.php'</script>";}else {
?><h2>DETAIL ADMIN</h2><hr><?php
include "../config/config.php";$sql=mysqli_query($conn,"SELECT * FROM admin");while($data=mysqli_fetch_array($sql)){
?><table id="table" width="50%" cellspacing="0" cellpadding="0"
align="center" bgcolor="#FFFFFF"><tr>
<td width="169" id="td">User Name</td><td width="13">:</td><td width="322" id="td"><?php
echo"$data[username]";?></td></tr><tr>
<td id="td">Nama</td><td>:</td><td id="td"><?php echo"$data[nama]"; ?></td>
</tr><tr>
<td id="td">Email</td><td>:</td><td id="td"><?php echo"$data[email]"; ?></td>
</tr><tr>
<td id="td" colspan="3" align="center">
109
<ahref="?page=gantipass&id_admin=<?php echo $data['id_admin'];?>" title="EditAdmin" <b>Edit Admin</b></a>
</td></tr>
</table><?php
}}?>
Produkdiv id="content" class="float_r"><h1>Semua Produk</h1><hr /><br /><?phpinclude"config/config.php";$batas=9;$halaman=$_GET['halaman'];if(empty($halaman)){
$posisi=0;$halaman=1;
} else {$posisi=($halaman-1)*$batas;
}$sql = mysqli_query($conn,"SELECT * FROM produk order by id_produkLIMIT $posisi,$batas");while($data=mysqli_fetch_array($sql)){?>
<div class="product_box"><h3><?php echo $data['nm_produk'];?></h3><img src='./img_produk/<?php echo $data['gambar'];?>'
width="150px" height="150px"/><div class="cleaner h10"></div><p class="product_price">Rp. <?php echo
format_rupiah($data['harga']);?></p><a href='aksi.php?module=keranjang&act=tambah&id=<?php echo
$data['id_produk'];?>' class="addtocart" title="Tambahkan ke Keranjang"></a><b>(<?php echo $data['stok']; ?>)</b>
<a href='?page=produk_detail&id_produk=<?php echo$data['id_produk'];?>' class="detail" title="Detail Produk"></a>
</div><?php } ?><div class="cleaner"></div>
<?phpecho"<center>";echo "<br>Page : ";
110
$tampil2 = "select * from produk";$hasil2 = mysqli_query($conn,$tampil2);$jmldata = mysqli_num_rows($hasil2);$jmlhalaman = ceil($jmldata/$batas);for ($i = 1; $i <= $jmlhalaman; $i++)if ($i != $halaman){echo " <a href=?page=produk&halaman=$i>$i</A>| ";} else {echo " <b>$i</b> | ";}echo"</center>";?>
</div>Input Produk?phpif(!isset($_SESSION)){
session_start();}if (empty($_SESSION['usernameadmin']) ANDempty($_SESSION['passwordadmin'])){
echo"<script>alert('Anda Harus Melakukan Login TerlebihDahulu')</script>";
echo"<script>location='index.php'</script>";}else {?>
Input Produk<h2>INPUT PRODUK</h2><hr><form action="simpanproduk.php" method="post"
enctype="multipart/form-data" name="form1" id="form1"><table width="556" border="5" align="center">
<tr><td>Nama Produk</td><td>:<label for="nm_produk"></label>
<span id="nama_produk"><input name="nm_produk" type="text"
id="nm_produk" size="30" maxlength="30"><span class="textfieldRequiredMsg">Isi Nama
Produk</span></span>
</td></tr><tr>
<td width="203">Kategori</td>
111
<td width="329">:<label for="id_kategori"></label><span id="kategori"><select name="id_kategori" id="id_kategori">
<option value='' selected>- Pilih Kategori -</option> ';
<?php$tampil=mysqli_query($conn,"SELECT *
FROM kategori ORDER BY id_kategori");while($r=mysqli_fetch_array($tampil)){
echo "<optionvalue=$r[id_kategori]>$r[id_kategori]. $r[nm_kategori]</option>";
}?></select><span class="selectRequiredMsg">Isi
Kategori</span></span>
</td></tr><tr>
<td>Harga</td><td>:<label for="harga"></label>
<span id="harga"><input name="harga" type="text" id="harga"
size="7" maxlength="7" onkeyup="validAngka(this)"><span class="textfieldRequiredMsg">Isi
Harga</span></span>
</td></tr><tr>
<td>Berat</td><td>:<label for="berat"></label>
<span id="berat"><input name="berat" type="text" id="berat"
size="3" maxlength="3" onkeyup="validAngka1(this)"> Kg<span class="textfieldRequiredMsg">Isi
Berat</span></span>
</td></tr><tr>
<td>Stok</td><td>:<label for="stok"></label>
<span id="stok">
112
<input name="stok" type="text" id="stok" size="3"maxlength="3" onkeyup="validAngka(this)">
<span class="textfieldRequiredMsg">IsiStok</span>
</span></td>
</tr><tr>
<td>Gambar</td><td>:<label for="gambar"></label>
<span id="gambar"><input name="gambar" type="file" id="gambar"
maxlength="30"><span class="textfieldRequiredMsg">Isi
Gambar</span></span>
</td></tr><tr>
<td>Deskripsi Produk</td><td><label for="deskripsi"></label>
<span id="deskripsi"><textarea name="deskripsi" cols="45"
rows="3"></textarea><span class="textareaRequiredMsg">Isi
Deskripsi</span></span>
</td></tr><tr>
<td>Nama Admin</td><td>:<label for="harga"></label>
<span id="harga"><input name="admin" type="text" id="admin"
size="7" maxlength="7"><span class="textfieldRequiredMsg">Nama
Admin</span></span>
</td></tr><tr align="right">
<td colspan="2"><input type="submit" name="Simpan" id="Simpan"
value="Simpan"><input type="reset" name="Batal" id="Batal"
value="Batal" onclick=self.history.back()>
113
</td></tr>
</table></form><script type="text/javascript">var nama_produk = new
Spry.Widget.ValidationTextField("nama_produk", "none");var kategori = new Spry.Widget.ValidationSelect("kategori");var harga = new Spry.Widget.ValidationTextField("harga",
"none");var berat = new Spry.Widget.ValidationTextField("berat",
"none");var stok = new Spry.Widget.ValidationTextField("stok",
"none");var gambar = new Spry.Widget.ValidationTextField("gambar",
"none");var deskripsi = new Spry.Widget.ValidationTextarea("deskripsi");function validAngka(a){
if(!/^[0-9]+$/.test(a.value)){a.value = a.value.substring(0,a.value.length-1000);}
}function validAngka1(a){
if(!/^[0-9.]+$/.test(a.value)){a.value = a.value.substring(0,a.value.length-1000);}
}</script>
<?php}?>
Kategori<div id="content" class="float_r"><?phpinclude"config/config.php";$qry= mysqli_query($conn,"SELECT * from kategori whereid_kategori='$_GET[id_kategori]'");while ($k= mysqli_fetch_array($qry)){
?>
<h1>Kategori : <?php echo $k['nm_kategori'];?></h1><hr /><br /> <?php } ?>
114
<?phpinclude"config/config.php";$batas=9;$halaman=$_GET['halaman'];if(empty($halaman)){
$posisi=0;$halaman=1;
}else {
$posisi=($halaman-1)*$batas;}$sql = mysqli_query($conn,"select*from produk whereid_kategori='$_GET[id_kategori]' LIMIT $posisi,$batas");while($data=mysqli_fetch_array($sql)) {?>
<div class="product_box"><h3><?php echo $data['nm_produk'];?></h3><img src='./img_produk/<?php echo $data['gambar'];?>' width="150px"
height="150"/><div class="cleaner h10"></div>
<p class="product_price">Rp. <?php echoformat_rupiah($data['harga']);?></p>
<a href='aksi.php?module=keranjang&act=tambah&id=<?php echo$data['id_produk'];?>' class="addtocart" title="Tambahkan ke Keranjang"></a>
<b>(<?php echo $data['stok']; ?>)</b><a href='?page=produk_detail&id_produk=<?php echo
$data['id_produk'];?>' class="detail" title="Detail Produk"></a></div><?php } ?><div class="cleaner"></div>
<?phpecho"<center>";echo "<br>Page : ";$tampil2 =mysqli_query($conn, "SELECT * FROM kategori order byid_kategori");$jmldata = mysqli_num_rows($tampil2);$jmlhalaman = ceil($jmldata/$batas);for ($i = 1; $i <= $jmlhalaman; $i++)if ($i != $halaman){echo " <a href=?page=kategori&halaman=$i>$i</A>| ";} else {echo " <b>$i</b> | ";}
115
Lampiran 2. Surat Izin Obervasi
116
Lampiran 3. Surat Balasan Observasi
117
Lampiran 4. Berita Acara
118
119
120
Lampiran 5. Surat Izin Penelitian
121
Lampiran 6. Surat Balasan Penelitian
122
Lampiran 7. Surat Pernyataan
123
Lampiran 8. Form Implementasi Program
124
Lampiran 9. Foto Dokumentasi
Wawancara dengan karyawan Toko F2
Foto Produk Toko
125
Recommended