Welcome to Repositori STKIP PGRI Sumatera Barat ...

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)


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


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).


flowchart adalah sebuah bagan yang menggambarkan intruksi aau

perintah yang salin berurutan dan salin terhubung satu sama lain.


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


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


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)


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


Dakak-dakak 2 Rp.55000 Rp.110000


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


Validasi



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

Email

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 table :Rasa

Primary key : Id_rasa

Tabel 9. Struktur tabel kategori diuraikan sebagai berikut:


1 Id _rasa Varchar 10 Nomor id saatmengentrikan data

2 Nama Varchar 30 Nama rasa

3) Tabel Konfirmasi


Nama table : konfirmasi

Primary key : id_konfirmasi

Tabel 10. Struktur tabel konfirmasi diuraikan sebagai berikut:


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:


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


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


File : orders

Primary key : Id_orders

Tabel 13. Struktur tabel orders diuraikan sebagai berikut


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


File : Orders Detail

Primary key : id_orders

73

Tabel 14. Struktur tabel orders detail diuraikan sebagai berikut:


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


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


File : user

Primary key : id_user

74

Tabel 16. Struktur tabel user diuraikan sebagai berikut:


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


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


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


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


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

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

Welcome to Repositori STKIP PGRI Sumatera Barat ...

Documents

Transcript of Welcome to Repositori STKIP PGRI Sumatera Barat ...