SISTEM INFORMASI PENJUALAN OBAT HERBAL BERBASIS WEBSITE

(STUDI KASUS TOKO GRIYA ASY SYIFA JAKARTA UTARA)

SKRIPSI

OLEH :

NAMA : FEBRIAN HIDAYAT

NIM : 2012181024

PROGRAM STUDI : SISTEM INFORMASI

FAKULTAS KOMPUTER

UNIVERSITAS MH THAMRIN

2022
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Kemajuan dunia teknologi informasi telah merubah evolusi digital diseluruh dunia untuk
dapat terhubung ke berbagai media yang memiliki miliaran pengguna dan tidak memiliki
keterbatasan waktu dan tempat. Hal inilah yang dimanfaatkan berbagai negara untuk mengatasi
beberapa aspek diantaranya aspek pendidikan, pemerintahan dan terutama aspek bisnis dalam
sebuah perusahaan. Banyak perusahaan mengatasi permasalahan dalam sistem perdagangan,
sistem perdagangan yang tradisional masih memiliki dampak yang menurunkan proses
berjalannya bisnis penjualan. Maka dari itu banyak perusahaan bisnis maupun usahawan yang
memanfaatkan sistem informasi penjualan.

Sistem informasi penjualan adalah suatu sistem yang memiliki beberapa rangkaian metode
yang dirancang sesuai dengan kebutuhan berdasarkan analisa, desain, implementasi untuk
memperleh tujuan yang diinginkan sehingga dapat memperbaiki hasil penjualan (Aliet
Septiana, 2017: 4). Dengan adanya sistem informasi penjualan dinilai dapat meningkatkan
kualitas pelayanan dalam kegiatan jual beli melalui internet terutuma kualitas informasi yang
lebih detail mengenai produk. Namun masih banyak usaha penjualan yang belum menggunakan
sistem informasi penjualan untuk mempermudah proses penjualannya.

Seperti yang diketahui pada saat observasi lapangan di Toko obat herbal Griya Asy Syifa
yang menyediakan penjualan obat seperti habbatu sauda, nutrisi anak, sari kurma dan obat-
obatan herbal lainnya yang bertempat di Kota Jakarta Utara. Beberapa bulan terakhir diketahui
penjualan mengalami penurunan. Hal ini disebabkan terbatasnya promosi produk yang
dilakukan, sehingga tidak banyak konsumen yang mengetahui keberadaan toko tersebut.
Sebagian pembeli yang berdatangan berasal dari warga setempat. Dimana hal ini dinilai kurang
memaksimalkan proses penjualan. Sistem pada penjualan di toko ini dengan melakukan kerja
sama antar penjual dengan langganan atau pelanggan baru, serta mencari customer untuk
menawarkan dan memasarkan produk dimana melalui cara ini tentu membutuhkan waktu yang
lebih lama untuk mecapai target penjualan. Selain itu, minat pembeli juga berkurang sebab
kesulitan untuk mengakses informasi mengenai ketersediaan obat dikarenakan harus
menempuh perjalanan terlebih dahulu untuk sampai ke Toko atau konsumen harus
menghubungi toko via sms atau telepon jika ingin mengetahui perkembangan stok obat di toko
tersebut.
 Ada beberapa keuntungan apabila Toko Griya Asyifa menerpakan sistem penjualan yaitu
memudahkan bagi pengguna yang ingin melakukan pembelian produk, transaksi dan
pengiriman produk hanya membutuhkan akses internet dan interface sehingga jauh lebih efektif
dan efisien. Penerapan sistem informasi penjualan juga dapat memiliki perkembangan yang
pesat bagi kemajuan toko dengan memperluas daerah pemasaran produk, hal ini tentunya akan
meningkatkan omset penjualan pada Toko Griya Asyifa.

Telah banyak penelitian yang melakukan perancangan sistem informasi toko online atau e-
commerce, salah satunya penelitian dari Nicky (2017) dengan judul Perancangan Sistem
Informasi Penjualan E-Coomerce Berbasis Web dimana Penelitian ini memberikan hasil e-commerce
yang memudahkan transaksi dengan pembeli dimana pun tanpa harus datang ke Toko MM, e-commerce
dalam penelitian ini berupa informasi pemesanan produk dan hanya menggunakan CMS prestashop.
Adapun menurut (Fahdial, 2021) e-commerce dapat membantu proses penjualan dan
pemasaran. Dengan mengembangkan sistem informasi, penjualan dan pelayanan jasa dalam
penyampaian informasi yang dilakukan oleh perusahaan akan berlangsung lebih baik serta
penyaringan pelanggan baru akan menjadi lebih cepat, lebih luas dan lebih transparan.

Berdasarkan permasalahan, penelitian yang relevan dan teori para ahli yang telah
dipaparkan, tujuan penelitian ini yakni merancang sistem informasi untuk memudahkan Toko
Griya Asyifa dalam memanajemen proses transaksi jual beli secara online berbasis website
yang dikenal dengan e-commerce, melakukan pendataan mengenai produk dan meningkatkan
pendapatan penjualan. Perancangan dan penelitian ini menggunakan metode prototyping dan
menggunakan bahasa pemrograman HTML dan PHP serta menggunakan MySql sebagai
database. Dengan adanya perancangan sistem informasi penjualan diharapkan akan
memudahkan Toko Griya Asyifa dalam melakukan proses penjualan

Hal inilah yang melatar belakangi penulis untuk melakukan penelitian secara ilmiah dengan
mengambil judul “Sistem Informasi Penjualan Obat Herbal Berbasis Website (Studi Kasus
Toko Griya Asy Syifa Jakarta Utara)”

1.2 Identifikasi Masalah

Berdasarkan latar belakang masalah di atas, maka rumusan masalah yang dapat menjadi
acuan dalam penelitian ini sebagai berikut:

1. Bagaimana merancang dan membangun sistem informasi penjualan obat herbal berbasis
website yang dapat digunakan sebagai strategi pemasaran produk di Toko Asy Syifa?
 2. Bagaimana hasil pengujian terhadap sistem informasi penjualan obat herbal berbasis
website yang dapat digunakan sebagai strategi pemasaran produk di Toko Asy Syifa?
1.3 Perumusan Masalah

Batasan masalah dalam penelitian ini antara lain:

1. Sistem informasi penjualan di Toko Asy Syifa hanya membahas persediaan produk, cara
pemesanan dan transaksi pembelian.
2. Sistem informasi penjualan di Toko Asy Syifa menampilkan persediaan produk dengan
spesifikasi dan harga produk.
3. Sistem informasi penjualan di Toko Asy Syifa hanya dapat diakses melalui website.
1.4 Maksud dan Tujuan

Berdasarkan rumusan masalah yang telah dijabarkan, maka tujuan dari penelitian ini sebagai
berikut:

1. Untuk merancang dan membangun sistem informasi penjualan berbasis website yang dapat
digunakan sebagai strategi pemasaran produk produk di Toko Asy Syifa.

2. Untuk mengetahui hasil pengujian terhadap sistem informasi penjualan berbasis website
yang dapat digunakan sebagai strategi pemasaran produk di Toko Asy Syifa.
1.5 Metode Penelitian
1.5.1 Teknik Pengumpulan Data
A. Observasi
Observasi merupakan studi kasus atau pelatihan yang disengaja, konsisten, dan
terarah. Pengobservasian merupakan cara untuk mengumpulkan data dengan
mencermati apa yang ingin diteliti pada subjek penelitian dengan langsung di
lapangan. Hal ini dilakukan untuk mengkonfirmasi temuan. Observasi diperiksa
langsung di lingkungan subjek penelitian dan mendukung kegiatan penelitian untuk
memberikan pemahaman yang jelas tentang kondisi serta rancangan penelitian.
Pengamatan dari penelitian ini digunakan untuk menginformasikan kebutuhan
rancangan sistem informasi penjualan obat herbal.
B. Wawancara
Wawancara dilakukan dengan beberapa karyawan dan pemilik toko untuk
mengetahui kendala yang sering ditemukan saat menjual produk di Toko dan
kebutuhan yang dapat membantu pekerjaan menjadi lebih efisien.
C. Studi Pustaka

Studi Pustaka dilakukan untuk mencari berbagai referensi melalui skripsi, jurnal,
 artikel dan buku yang berkaitan dengan penelitian. Peneliti juga mengumpulkan
data pustaka dan teori dari para ahli yang akan mendukung penelitian.
1.5.2 Model Pengembangan Sistem
A. Analisa Kebutuhan Sistem

Pada tahapan ini, dilakukan analisa kebutuhan apa saja yang dapat mendukung
dan memberikan solusi dalam pengerjaan sistem informasi penjualan. Dalam analisa
dan identifikasi kebutuhan, peneliti melakukan beberapa pengumpulan data dengan
menggunakan metode wawancara dan observasi untuk melakukan pengamatan dan
analisa terhadap inventaris produk pada Toko, sehingga peneliti ini akan
mendapatkan data dan informasi yang dibutuhkan untuk penelitian.
B. Desain

Tahap ini peneliti membuat desain sistem informasi penjualan menggunakan

prototipe mberdasarkan hasil analisa rancangan dan identifikasi kebutuhan. Selain
prototipe, desain sistem akan terdiri dari flowchart, use case diagram, diagram
aktivitas, rancangan database menggunakan tools ERD (Entity Relation Diagram).
Sedangkan protipe akan menggambarkan tampilan sistem yang akan dirancang serta
pemodelan dari sistem sistem informasi penjualan untuk membantu rancang bangun
sistem sistem informasi penjualan.
C. Code Generation

Pembuatan sistem yang dilakukan dengan membangun sistem informasi penjualan

berbasis website, yang dilakukan dengan menggunakan bahasa pemrograman PHP
dan MySQL sebagai database nya.

a. Sistem yang dibangun berbasis Web localhost.

b. Sistem memiliki hak akses private (Administrator). Administrator yang telah
melewati proses login dapat menggunakan fitur yang disediakan sesuai hak
akses yang telah dirancang. Selain hak akses privat, terdapat juga hak akses
public yaitu akses yang ditujukan sebagai pembeli atau pemesan produk di Toko
Online.
c. Sistem dibangun menggunakan bahasa pemograman PHP versi 5.6.20 (include
in XAMPP versi 3.2.2) , database MySQL (PHPMyadmin) sebagai wadah
sentralisasi data.
d. Sistem yang dibangun dapat menampilkan produk yang tersedia di Toko online,
rincian pemesanan dan rincian pembelian.
 e. Sistem diimplementasikan untuk dapat mempermudah admin atau karyawan
Toko untuk melakukan penjualan produk dan meningkatkan strategi pemasaran
produk secara online.
D. Testing

Tahap ini merupakan tahapan terakhir dalam penelitian. Yakni tahap pengujian
yang akan menentukan apakah sistem informasi penjualan layak dipakai oleh
pengguna dan sudah mencapai tujuan yang diinginkan oleh peneliti. Pada tahapan
ini peneliti akan melakukan pengujian dengan cara blackbox testing, yaitu pengujian
yang dilakukan dengan cara memeriksa kesesuaian fungsional, inputan dan outputan
sistem yang akan diuji apakah output telah sesuai atau tidak.

Terdapat beberapa pengujian yang dilakukan dengan cara menguji aplikasi dari
segi fungsi dan tampilan yakni:
a. Pengujian login admin

b. Pengujian halaman update produk

c. Pengujian menu data pembeli

d. Pengujian laporan bulanan

e. Pengujian login pembeli

f. Pengujian halaman tambah produk

g. Pengujian transaksi pemesanan

h. Pengujian laporan sedang diproses

i. Pengujian keberhasilan pemesanan

E. Support

Sistem yang telah melalui tahapan pengujian dapat dikatakan telah valid atau
telah memiliki kesesuaian dengan proses perencanaan dan desain kebutuhan sistem.
Kevalidan dari sistem ini merupakan keputusan akhir dalam pelaksanaan pembuatan
sistem yakni sistem dapat digunakan dan diterapkan pada Toko sebagai sistem
informasi penjualan sebagai strategi pemasaran produk yang efektif dan efisien.
Sebagai dukungan dalam pembuatan sistem informasi ini maka akan terus
melakukan perbaikan yang dapat menunjang proses penjualan produk secara online.
1.6 Ruang Lingkup
Pada penelitian ini berfokus pada:
1. Perancangan sistem informasi agar penjualan obat di Toko Asy Syifa meningkat lebih baik.
2. Melakukan promosi penjualan secara online berbasis website agar dapat menarik minat
pelanggan untuk membeli obat herbal di Toko Asy Syifa.
 BAB II
LANDASAN TEORI

2.1 Tinjauan Pustaka

2.1.1 Konsep Dasar Sistem
Terdapat dua kelompok didalam mendefinisikan sistem, yaitu yang
menekankan pada prosedurnya dan yang menekankan pada komponen atau
elemennya. Pendekatan sistem yang menekankan pada prosedur,
mendefinisikan bahwa sistem adalah suatu jaringan kerja dari prosedur-prosedur
yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu
kegiatan atau untuk menyelesaikan suatu sasaran tertentu. Pendekatan sistem
yang menekankan pada elemen atau komponennya mendefinisikan bahwa
sistem adalah kumpulan dari elemen- elemen yang berinteraksi untuk mencapai
tujuan tertentu (Mustakini, 2006 : 1-2). Jadi sistem secara umum adalah
sekumpulan elemen atau serangkaian komponen yang saling berhubungan yang
berusaha untuk mencapai tujuan yang sama atau menyelesaikan suatu sasaran
tertentu.
2.1.2 Konsep Dasar Informasi
Informasi sangat penting dalam suatu organisasi terutama bagi manajemen
dalam mengambil keputusan. “Informasi adalah data yang dioeh menjadi bentuk
yang lebih berguna dan lebih berarti bagi yang menerimanya” (Mustakini,
2006 : 8). Sumber dari informasi adalah data. Data merupakan bentuuk yang
masih mentah yang belum menjelaskan secara rincci, sehingga data perlu dioleh
lebih lanjut untuk menghasilkan suatu informasi.
2.1.3 Sistem informasi
Secara umum memilikki tiga kegiatan utama, yaitu menerima data sebagai
masukan atau input, kemudian memprosesnya dengan penggabungan unsur data
dan akhirnya memperoleh informasi atau output (Akbar, 2011).
2.1.4 Metode Waterfall
Metode waterfall adalah model yang bersifat sistematis, berurutan dalam
membangun software. Menurut Rosa dan Shalahuddin metode waterfall sering
disebut juga model sekuensial linier (sequential linear) atau alur hidup klasik
(classic life cycle). Metode waterfall menyediakan pendekatan alur hidup
perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain,
 pengodean, pengujian, dan tahap pendukuang (support) (Pricillia & Zulfachmi,
2021). Metode waterfall memiliki tahapan-tahapan sebagai berikut: (Wahid,
2020)
2.1.5 Website
Website/web merupakan kumpulan dari berbagai halaman informasi yang
dikemas dalam bentuk digital. Menurut Kirana, website merupakan tempat
penyimpanan data dan informasi yang merupakan kumpulan dari halaman-
halaman yang saling berkaitan di dalam web tersebut (Andriansah & Fadillah,
2021).
2.1.6 Komponen Sistem Informasi

Sistem informasi terdiri dari komponen-komponen yang masing-masing

saling berinteraksi satu sama lainnya membentuk satu kesatuan untuk mencapai
sasaran. Komponen- komponen sistem informasi (Hutahaean, 2015 :13-14)
yaitu:
1. Block Masukan (Input Block) Input mewakili data yang masuk kedalam
sistem informasi, input disini termaksud metode-metode dan media untuk
menangkap data yang akan dimasukan, yang dapat berupa dokumen-
dokumen dasar.

2. Block Model (Model Block) Model ini terdiri dari kombinasi prosendir,
logika dan model matematik yang akan memanipulasi dan data yang
tersimpan di baris data dengan cara yang sudah ditentukan untuk
menghasilkan keluaran yang diinginkan.
3. Block Keluaran (Output Block) Produk dari sistem informasi adalah keluaran
yang merupakan informasi yang berkualitas dan dokumentasi yang berguna
untuk semua tingkatan manajemen serta semua pemakaian sistem.
4. Block Teknologi (Tecnology Block) Teknologi merupakan Toolbox dalam
sistem informasi. Teknologi digunakan untuk menerima input, menjalankan
model, menyimpan dan mengakses data, menghasilkan dan mengirimkan
keluaran dan membantu pengandalian dari sistem secara keseluruhan.
Teknologi terdiri dari 3 bagian utama yaitu teknisi (Brainware), perangkat
lunak, (Software) dan perangkat keras (Hardware).
5. Block Basis Data (Database Block) Basis data (database) merupakan
kumpulan dari data yang saling berhubungan satu dengan yang lainnya,
 tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk
memanipulasinya. Data perlu disimpan didalam basis data untuk keperluan
penyedian informasi lebih lanjut.
6. Block Kendali (Control Block) Banyak hal yang dapat merusak sistem
informasi, seperti misalnya bencana alam, api, temperature, air , debu dan
kecurangan- kecurangan, kegagalan-kegagalan sistem itu sendiri, kesalahan-
kesalahan, ketidak efisienan, sabotase dan sebagainya. Beberapa
pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-
hal yang dapat merusak sistem dapat di cegah ataupun bila terlanjur terjadi
kesalahan-kesalahan dapat cepat langsung diatasi.
2.1.7 Bahasa Pemrograman
PHP merupakan kepanjangan Hypertext Preprocessor merupakan suatu
bahasa pemrograman yang difungsikan untuk membangun suatu web site
dinamis. PHP menyatu dengan kode HTML, maksudnya adalah beda kondisi.
HTML digunakan sebagai pembangun atau pondasi kerangka layoutweb ,
sedangkan PHP difungsikan sebagai prosesnya, sehingga dengan adanya PHP
tersebut, sebuah web akan sangat mudah di-maintenance. (Hakim, Lukmanul.
2008).
PHP dalam penulisannnya menyatu dengan tag- tag HTML dalam satu file.
Kode PHP diletakkan antara tanda <?atau<?php dan diakhiri dengan tanda ?>
atau ?>php sebagai identitas bahasa pemrograman PHP. (Hakim, Lukmanul.
2008). File yang mengandung kode PHP ini akan diberi ekstensi .php atau
ekstensi lain yang diterapkan oleh web server sebagai file PHP. Bedasarkan
ekstensi ini, pada saat file diakses serverakan mengenali file ini sebagai file
PHP. Selanjutnya, serverakan menerjemahkan kode- kode PHP menjadi tag-tag
html pada browser client. (Hakim, Lukmanul. 2008).
Hyper Text Markup Language (HTML) merupakan sebuah bahasa scripting
yang berguna untuk menuliskan halaman web .HTML dijadikan sebagai bahasa
script dasar yang berjalan bersama berbagai bahasa scripting yang
lainnya.Software yang dibutuhkan untuk menulis dan menjalankan tag-tag
HTML yaitu : (Hakim, Lukmanul. 2008).

1. TextEditor :Notepad, Adobe Dreamweaver, MacromediaDreamweaver, dan

lain-lain.

2. Web Browser : Internet Explorer, Google, Mozila, dan lain-lain.

 Dalam penulisan perintah-perintah PHP di dalam editor teks dan fungsi-
fungsi yang telah ada dalam PHP bersifat case sensitive yang artinya
penulisan huruf besar (Kapital) dan huruf kecil dalam fungsi-fungsi PHP
dibedakan.Kode PHP diawali dengan tanda lebih <?dan diakhiri dengan
tanda ?>. (Hakim, Lukmanul. 2008).
2.1.8 Analisa dan Kebutuhan Sistem
Analisa sistem adalah penguraian dari suatu sistem informasi yang utuh ke
dalam bagian- bagian komponennya dengan maksud untuk mengidentifikasikan
dan mengevaluasi permasalahan-permasalahan yang diharapkan sehingga dapat
diusulkan perbaikan-perbaikannya (Mustakini, 2006 : 6).
Kebutuhan sistem secara umum adalah suatu tahap dimana didalamanya
terdapat identifikasi komponen-komponen sistem informasi yang akan
dirancang secara rinci yang bertujuan untuk memberikan gambaran kepada
pengguna atau user mengenai sistem yang baru. Sedangkan desain sistem secara
terinci dimaksudkan untuk pembuat program computer dan ahli teknik lainnya
yang akan mengimplementasikan sistem (Pertiwi, 2007 : 15).
Jadi analisa dan kebutuhan sistem secara umum adalah penguraian dari suatu
sistem yang utuh secara bertahap yang dimana didalamnya terdapat identifikasi
komponen-komponen sistem informasi yang akan dirancang secara rinci untuk
memberikan informasi baru kepada pengguna.
2.1.9 Penjualan

Penjualan adalah transaksi perubahan nilai barang menjadi nilai uang atau
nilai piutang dagang. Penjualan atau menjual bearti suatu tindakan untuk
menukar barang atau jasa dengan uang dengan cara mempengaruhi orang lain
agar mau memiliki barang yang ditawarkan sehingga kedua belah pihak
mendapatkan keuntungan dan kepuasan masing-masing.
Sedangkan penjualan berbasis web(ecommerce) adalah penjualan secara online.
Tujuan umum penjualan (Prameswari, 2014 : 17) antara lain yaitu: Mencapai
volume penjualan tertentu.

1. Mendapatkan keuntungan (memperoleh laba).

2. Menunjang pertumbuhan perusahaan.
Pada umumnya sasaran penjualan adalah untuk mencapai pendapatan yang
 seoptimal mungkin dan mencapai tingkat pendapatan yang telah ditentukan
sebelumnya. Untuk mencapai sasaran tersebut makan dibutuhkan perencanaan
penjualan agar dapat berjalan dengan lancer tanpa hambatan. Sistem informasi
penjualan berbasis web adalah sistem keseluruhan dari kegiatan yang ditunjukan
untuk merencanakan, menentukan harga, mempromosikan dan mendistribusikan
barang atau jasa kepada pasar sasaran agar dapat mencapai tujuan organisasi
tertentu
2.1.10 Php dan MySql

MySql merupakan salah satu perangkat lunak sistem pengelola basis data
DBMS (Data Base Management System). MySQL merupakan
sebuah hubungan Data Base Management System (DBMS) yang
membantu sebuah model data yang terdiri atas kumpulan hubungan nama
(named relation). Database MySQL adalah salah satu database yang open
source (Ermita, 2013 : 32-34). Database ini banyak dipasangkan dengan script
PHP. Penyebab utama MySQL begitu popular di kalangan Web karena cocok
bekerja di lingkungan tersebut, selain itu karena :

1. MySQL tersedia di berbagai platform dan kompatibel dalam berbagai sistem

operasi. Fitur-fitur yang dimiliki MySQL merupakan fitur-fitur yang
biasanya banyak dibutuhkan dalam aplikasi web.
2. MySQL memiliki overhead koneksi yang rendah, sehingga kecepatan
koneksi relatif tinggi.
2.1.11 Data Flow Diagram
Data Flow Diagram (DFD) adalah suatu model logika data atau proses yang
dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang
keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data
tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan
pada data tersebut. DFD menggambarkan penyimpanan data dan proses yang
mentransformasikan data. DFD menunjukan hubungan antara data pada sistem
dan proses pada sistem.
2.1.12 Entity Relation Diagram
Entity Relationship Diagram (ERD) adalah sebuah pendekatan top-
bottom dalam perancangan basis data yang dimulai dengan
mengidentifikasikan data-data terpenting yang disebut entitas dan
 hubungan antara entitas-entitas tersebut digambarkan dalam suatu
model atau diagram (Rinelda & Saepudin, 2021). Entitas merupakan
data inti yang akan disimpan. ERD merupakan diagram untuk menggambarkan
desain model konseptual dari suatu basis data.
2.1.13 Flowchart

Flowchart merupakan urutan-urutan langkah kerja suatu proses yang

digambarkan dengan menggunakan simbol-simbol yang disusun secara
sistematis.(Iswandy, 2015:73). Flowchart memiliki symbol-simbol yang
digunakan untuk menggambarkan urutan program. Dalam pembuatan flowchart
tidak ada rumus atau patokan yang bersifat mutlak, karena flowchart merupakan
gambaran hasil pemikiran dalam menganalisa suatu masalah dengan komputer.
Sehingga flowchart yang dihasilkan dapat bervariasi antara satu pemograman
dengan pemograman lainnya. Namun secara garis besar, setiap pengolahan
selalu terdiri tadi tiga bagian utama, yaitu;
1. Input berupa bahan mentah.
2. Proses pengolahan.
3. Output berupa bahan jadi.

Tabel 2.1 Tabel Simbol Flowchart

Simbol Nama Fungsi

Terminator Awal / akhir dari program

Garis Alur (Flow Line) Arah aliran Program

Proses Proses perhitungan atau proses

pengolaan data
Decision Perbandingan pernyataan
penyelesaian data yang
memberikan pilihan untuk
langkah selajutnya
On page connector Perhubungan bagian-bagian
flowchart yang berada dalam
satu halaman
 Input / Output Data proses input/output data,
parameter, informasi
Pedefined Proccess (Sub Permulaan sub program/
Program) proses
menjalankan program
Of Page Connector Perhubungan bagian-bagian
flowchart yang berada pada
halaman yang berbeda

Untuk pengolahan data dengan computer, dapat dirangkum urutan dasar untuk pemecahan
suatu masalah, yaitu:

1. Start: berisi instuksi untuk persiapan peralatan yang diperlukan sebelum menangani pemecahan
masalah

2. Read: berisi instruksi untuk membaca data dari suatu peralatan input.
 3. Proses: berisi kegiatan yang berkaitan dengan pemecahan persoalan sesuai
dengan data yang dibaca.

4. Write: berisi instruksi untuk merekam hasil kegiatan ke peralatan output.

5. End: mengakhiri kegiatan pengolahan.

2.1.14 Use Case Diagram

Menggambarkan sekumpulan use case dan actor dan hubungan
antara mereka. Use case diagram mempunyai peranan penting dalam
pengorganisasian dan pemodelan sikap atau tingkah laku dari sistem.

Tabel 2.2 Simbol-simbol use case diagram

No Nama Simbol Keterangan

1 Aktor Peran pengguna ketika
berinteraksi
dengan use case.
2 Usecase Urutan aksi-aksi yang
ditampilkan
sistem.
3 Association Penghubung antara aktor
dan use
case.

2.1.15 BlackBox Testing

Menurut Sukamto dan Shalahuddin, black box testing yaitu menguji
sebuah software dari segi fungsional tanpa menguji desain maupun
kode program. Pengujian ini ditujukan untuk mengetahui apakah
setiap fungsi, masukan, keluaran dari software tersebut sesuai
spesifikasi yang dibutuhkan (Alwi, 2020). Jadi black box testing lebih
mengutamakan apakah fungsi atau bisa dibilang fitur dalam sebuah
aplikasi itu sudah berjalan dengan baik tanpa melihat seberapa
bagus desain tampilan perangkat lunak tersebut maupun seberapa
rinci kode program didalamnya.
 Definisi Pengujian atau Testing menurut Simarmata dalam penelitian Nina
Rahayu (2014), “Pengujian adalah proses eksekusi suatu program untuk
menentukan kesalahan”. Menurut Rizky (2011) dalam penelitian Nina Rahayu
(2014), “Testing adalah sebuah proses sebagai siklus hidup dan merupakan
bagian dari proses rekayasa perangkat lunak secara terintegrasi demi
memastikan kualitas dari perangkat lunak serta memenuhi kebutuhan teknis
yang telah disepakati dari awal”. Definisi Black Box Testing menurut Rizky
dalam penelitian Nina Rahayu (2014),
Black Box Testing adalah tipe testing yang memperlakukan perangkat lunak
yang tidak diketahui kinerja internalnya. Sehingga para tester memandang
perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak penting
dilihat isinya, tapi cukup dikenai proses testing di bagian luar. Beberapa
keuntungan yang diperoleh dari jenis testing ini antara lain:
1. Anggota tim tester tidak harus dari seseorang yang memiliki
kemampuan teknis di bidang pemrograman.
2. Kesalahan dari perangkat lunak atau pun seringkali ditemukan oleh
komponen tester yang berasal dari pengguna
2.1.16 Strategi Pemasaran Produk
Strategi adalah suatu alat yang menggambarkan arah bisnis yang mengikuti
lingkungan yang dipilih dan merupakan pedoman untuk mengaplikasikan
sumber daya dan organisasi. Strategi sebagai rencana permainan untuk
mencapai sasaran usaha dengan menggunakan pemikiran yang strategi.
Pemasaran adalah suatu proses dan manajerial yang membuat individu atau
kelompok mendapatkan apa yang mereka butuhkan dan inginkan dengan
menciptakan, menawarkan dan mempertukarkan produk yang bernilai kepada
pihak lain atau segala yang menyangkut penyampaian produk dan jasa mulai
dari produsen sampai konsumen.
Menurut Professor Philip Kotler pengertian strategi pemasaran adalah
sebuah sosial dan manajerial individu dan kelompok mendapatkan apa yang
mereka butuhkan dan inginkan melalui penciptaan, penawaran, dan pertukaran
produk-produk dengan pihak lainnya. Definisi ini berdasarkan konsep-konsep
inti, seperti: kebutuhan, keinginan, dan permintaan,produk-produk (barang-
 barang, layanan dan ide), value, biaya dan kepuasan, pertukaran dan transaksi,
hubungan dan jaringan pasar dan para pemasar,serta prospek.
2.2 Penelitian Terkait

Tabel 2.3 Penelitian Terkait

No. Judul Peneliti Hasil Keterkaitan Perbedaan

1 Rancang Rolly Penelitian ini Keterkaitan Perbedaan
Bangun Fahdia memberikan hasil dengan penelitian penelitian ini
Sistem l suatu sistem yang dilakukan hanya untuk
Informasi E- (2021) informasi e-ticketing adalah pemasaran
ticket Tour tour dan travel menggunakan dan informasi
And Travel berbasis website metode waterfall terkait paket
Pada PT dengan memberikan wisata.
Ananta fitur-fitur kemudahan
Setuju Group agar ketika
penumpang memesan
tiket, rekap data
bulanan tidak perlu
lagi dicatat dalam
buku jadwal
keberangkatan
2 Pembuatan Indah Penelitian ini Keterkaitan Perbedaan
Sistem (2014) membantu dengan penelitian penelitian ini
Informasi mempermudah ini yakni yakni tools e-
penjualan pada penjualan produk- mempermudah commerce yang
Toko Sehat produk serta pembeli mencari digunakan dan
Jaya mempermudah dalam informasi tentang tempat
Elektronik mengatur dan produk serta penelitian yang
Pacitan mengelola data-data melakukan berbeda.
produknya. Transaksi
3 Perancangan Nicky Penelitian ini Keterkaitan Perbedaan
Sistem (2017) memberikan hasil e- dengan penelitian penelitian ini
Informasi commerce yang yang dilakukan hanya berupa
Penjualan E- memudahkan transaksi adalah informasi
Coomerce dengan pembeli dimana menggunakan pemesanan
Berbasis Web pun tanpa harus datang metode waterfall produk dan
ke Toko MM hanya
menggunakan
CMS
prestashop.
 BAB III
ANALISA SISTEM BERJALAN

3.1 Tinjauan Intitusi / Perusahaan

3.1.1 Profil Usaha
Nama: Griya Asy-Syifa
Alamat: Jl. STM Walang Jaya No.4, RW.2, Tugu Sel., Kec. Koja,
Kota Jkt Utara, Daerah Khusus Ibukota Jakarta 14260
Telepon: 0821-1439-3554
Sebagai suatu kerangka dapat dikatakan sebagai suatu gambaran dalam
organisasi atau perusahaan namun dari hubungan antara kedudukan dan
peranan dalam suatu kerjasama. Struktur organisasi dan fungsi dalam usaha
Toko Griya Asy Syifa dapat dilihat sebagai berikut:
Tabel 3.1 Struktur organisasi Toko Griya Asy Syifa

Adapun fungsi dari bagian yang ada pada Toko Griya Asy Syifa sebagai
berikut:
1. Pemilik memiliki peranan sebagai:
a. Pemilik dari Toko Griya Asy Syifa
b. Mengawasi dan mengontrol jalannya usaha.
c. Membuat kebijakan umum dalam menjalankan usahanya.
d. Menetapkan harga obat yang akan dijual di Toko Griya Asy Syifa
2. Kasir
 a. Melaksanakan permintaan dan melayani pembayaran atas pembeli
produk.
b. Membuat catatan dan melaporkan rekapan penjualan.
3. Gudang
a. Mengecek stok barang, memesan barang, dan meretur produk yang
rusak.
3.1.2 Produk Yang Dijual
Toko Griya Asy-Syifa merupakan toko obat herbal yang menjual obat-
obatan herbal. Beberapa diantaranya adalah herbatus Saudah, madu hitam,
sari kurma, minyak zaitun, dan lain sebagainya. Toko Griya Asy Syifa
sudah sejak lama membuka offline store yang menggunakan pemasaran
langsung untuk calon pembelinya. Selain itu Toko ini juga menyediakan
jasa layanan seperti bekam sunnah, totok wajah, yumeho dan lain
sebagainya. Toko Griya Asy-Syifa hadir di tengah masyarakat untuk
mengobati setiap keluhan penyakit dialami maupun membantu
menyediakan penjualan obat yang banyak memberikan khasiat. Toko
Griya Asy-Syifa telah berdiri sejak tahun 2008 dan saat dan telah memiliki
izin resmi dari Dinas Kesehatan dan bersertifikat Nasional. Offline store
ini berdiri di Jl. STM Walang Jaya No.4, RW.2, Tugu Sel., Kec. Koja,
Kota Jkt Utara, Daerah Khusus Ibukota Jakarta 14260.
3.2 Proses Bisnis Sistem
Proses bisnis sistem merupakan salah satu tahapan analisa untuk memahami
sistem yang akan berlangsung pada toko dengan mengidentifikasi dan
mengevaluasi permasalahan serta hambatan pada toko yang akhirnya
menghasilkan suatu kesimpulan yang dapat memberikan solusi pemecahan
masalah seperti pada Toko Griya Asy Syifa yang bergerak dibidang perdagangan.
Sistem yang sedang berjalan pada toko ini masih bersifat manual yaitu
menggunakan tulis tangan untuk transaksi penjualan dan pembelian obat herbal,
sering terjadi kesalahan dalam penyimpanan data dan juga membutuhkan waktu
yang lama dalam proses pembuatan laporan.
 Pada Toko Griya Asy Syifa ini tidak memiiki media promosi yan dapat
mendukung terjualnya produk secara laris, oleh sebab itu diharapkan adanya
pembuatan produk dapat membantu meningkatkan penjualan obat-obat herbal
yang ada di Toko. Agar mempermudah dalam proses penjualan produk,
promosian produk serta memudahkan untuk mendata stok produk yang telah
terjual di dalam sistem. Pengolahan data dengan menggunakan komputer saat ini
sudah banyak diterapkan baik pada instansi pemerintah maupun swasta. Untuk itu
dibutuhkan komputer yang dapat mempercepat proses pengolahan data sehingga
menghasilkan data yang akurat dan cepat.
Dalam kegiatan penjualannya, proses bisnis diawali dengan pemesanan
barang oleh pelanggan kemudian akan dikonfirmasi oleh bagian penjualan, bagian
gudang memeriksa stok yang diminta bagian penjualan, jika stok barang tidak ada
bagian gudang mengkonfirmasikan ke bagian penjualan dan akan diinformasikan
ke pelanggan, jika barang yang dipesan ada, bagian gudang akan mempersiapkan
barang, setelah itu pelanggan melakukan pembayaran ke kasir. Bagian penjualan
membuat nota pembayaran yang akan diberikan ke pelanggan dan membuat
laporan penjualan untuk pemilik toko.
Gambar 3.2 Activity Diagram Penjualan Barang
3.2 Spesifikasi Dokumen Sistem Berjalan
Dalam spesifikasi sistem berjalan di Toko Griya Asy Syifa ini akan dijelaskan mengenai
dokumen-dokumen yang terdapat dalam proses pencatatan datanya, dokumen-dokumen
tersebut terdiri atas dokumen masukan dan dokumen keluaran.
1. Spesifikasi Bentuk Dokumen Masukan
a. Nama Dokumen : Nota Penjualan
Fungsi : Sebagai Bukti Transaksi Penjualan
Sumber : Pelanggan
Tujuan : Bagian Penjualan
Media : Kertas
Frekuensi : Setiap Transaksi Penjualan
Jumlah : 2 rangkap
Format : Lampiran A-1
2. Spesifikasi Bentuk Dokumen Keluaran
a. Nama Dokumen : Laporan Penjualan
Fungsi : Sebagai Bukti Transaksi Penjualan
Sumber : Bagian Penjualan
Tujuan : Pemilik
Media : Kertas
Frekuensi : Setiap Kali pesanan
Format : Lampiran A-2
 BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1 Analisa Kebutuhan Software

Setelah penulis melakukan pengamatan terhadap Sistem penjualan kue pada ukm buntomart
dari sistem yang berjalan sekarang ada banyak kelemahannya yaitu:
1. Belum adanya sistem informasi yang memudahkan konsumen dalam melakukan proses
pembelian dan pengiriman produk obat secara online berbasis website.
2. Belum adanya sistem informasi persediaan produk di Toko.
Analisa kebutuhan software dalam penulisan skripsi yang penulis butuhkan adalah sebagai
berikut:
1. Perangkat Keras (Hardware)
Perangkat keras (Hardware) adalah seluruh komponen peralatan yang membentuk
suatu sistem dan peralatan lainnya yang memungkinkan komputer dapat melaksanakan
tugasnya secara fisik dan dapat terlihat secara jelas dan nyata. Bagian – bagian pokok
perangkat keras meliputi masukan (Input), CPU (Central Processing Unit), tempat
penyimpanan (Secondary Memory), dan keluaran (Output).
a. Processor : Pentium Intel
b. Memory Size (RAM) : 4 GB
c. Harddisk : 1 TB
d. Keyboard / Mouse : M-Tech
e. Monitor : Wifi adaptor Tp-link WN321G
2. Perangkat Lunak (Software)
Adapun perangkat keras yang penulis usulkan adalah komputer yang mempunyai
spesifikasi sebagai berikut:
a. Sistem operasi Windows /linux
b. DBMS MySql 7.4.12
c. Browser Google Crome
d. software XAMPP v3.2.4
4.2 Desain
4.2.1 Database
Database dalam sistem ini seperti pada gambar berikut ini:
Gambar 4.1 Database Tabel Daftar Produk

Gambar 4.2 Database Tabel Pelanggan

Gambar 4.3 Database Tabel Kategori

Gambar 4.4 Database Tabel Transaksi

4.2.2 Software Architecture
Didalam merancang sebuah sistem penjualan secara online pada Toko Griya Asy
Syifa yang digunakan dalam penelitian adalah PHP secara terstruktur atau
prosedural. Maka Software Architecture yang digunakan untuk menggambarkan
program adalah sebagai berikut :
a. Komponen Diagram
Komponen diagram menggambarkan struktur dan hubungan antar komponen
perangkat lunak, termasuk ketergantungan diantaranya yang ada di dalam sistem
informasi penjualan obat herbal berbasis website. Komponen diagram juga dapat
berupa interface, yaitu kumpulan layanan yang disediakan oleh komponen untuk
komponen lainnya.
Gambar 4.5 Komponen Diagram Sistem Penjualan
b. Diagram Penyebaran
Menggambarkan tata letak sistem secara fisik, yang menampakkan bagian-
bagian software yang berjalan pada hardware yang digunakan untuk
mengimplementasi sebuah sistem dan keterhubungan antar hardware-hardware
tersebut.
Gambar 4.6 Komponen Diagram Sistem Penjualan
4.2.3 User Interface
Merupakan gambaran sistem yang sudah berjalan. Berikut detail tampilantampilan
tiap halaman website Penjualan pada Toko Obat Griya Asy Syifa:
1. Tampilan Halaman Pengunjung Pada Obat Griya Asy Syifa
Gambar 4.7 Tampilan Halaman Pengunjung

Gambar 4.8 Tampilan Halaman Pendaftaran

Gambar 4.9 Tampilan Halaman Pendaftaran

2. Tampilan Aktivasi akun
Gambar 4.10 Tampilan Halaman Aktivasi Akun
3. Tampilan Berhasil Aktivasi Akun
Gambar 4.11 Tampilan Halaman Keberhasilan Aktivasi Akun

4. Tampilan Login Sebagai Pengunjung

Gambar 4.12 Tampilan Halaman Login
5. Tampilan Menu Edit Profil
Gambar 4.13 Tampilan Halaman Edit Profil

6. Tampilan menu ubah sandi pengguna / pengunjung

Gambar 4.14 Tampilan Halaman Ubah Kata Sandi
7. Tampilan Menu Kategori Produk
Gambar 4.15 Tampilan Halaman Kategori Produk

8. Tampilan Menu Produk Best Seller

Gambar 4.16 Tampilan Halaman Produk Best Seller
9. Tampilan Menu Pencarian
Gambar 4.17 Tampilan Halaman Pencarian

Gambar 4.18 Tampilan Halaman Pencarian Produk

10. Tampilan Menu Pemesanan Produk

Gambar 4.19 Tampilan Halaman Pemesanan Produk
 Gambar 4.20 Tampilan Proses Penambahan Produk Ke Keranjang

11. Tampilan Menu Transaksi Pemesanan

Gambar 4.21 Tampilan Halaman Transaksi Pemesanan Produk
12. Halaman Pengiriman Produk
Gambar 4.22 Tampilan Halaman Pengiriman Produk

Gambar 4.23 Tampilan Halaman Melengkapi Pemesanan Produk

Gambar 4.24 Tampilan Halaman Pembayaran Produk
13. Transaksi Pemesanan Berhasil
Gambar 4.25 Pemesanan Telah Berhasil

Gambar 4.26 Pemesanan Menunggu Terkonfirmasi

14. Tampilan Menu Login Database Admin

Gambar 4.27 Tampilan Halaman Menu Login Database Admin
15. Tampilan Menu Utama Admin
Gambar 4.28 Tampilan Halaman Menu Utama Admin

16. Tampilan Menu Konfirmasi Pemesanan Pelanggan

Gambar 4.29 Tampilan Halaman Konfirmasi Pemesanan Pelanggan
Gambar 4.30 Tampilan Halaman Konfirmasi Pengiriman Produk Pelanggan

Gambar 4.25 Tampilan Halaman Transaksi Berhasil

 Gambar 4.31 Tampilan Halaman Status Transaksi

Gambar 4.32 Tampilan Riwayat Transaksi dan Pengunduhan Laporan

Transaksi

Gambar 4.33 Tampilan Riwayat Transaksi Pada Pelanggan

 Gambar 4.34 Tampilan Riwayat Transaksi Selesai Pada Halaman
Pelanggan

4.3 Code Generation

Code Generation sebuah program yang di buat agar dapat menghasilkan intruksi atau kode program
sesuai dengan kebutuhan penguna dalam ruang lingkup tertentu.
a. Form Pencarian Produk
<?php include "module/module.php";

if (!$_GET['p_url']) {
header("Location: ".$main_url); exit();
}

$get_param = $_GET['p_url'];
 $arr = array('lang' => 'en');
$rest_kategori_p_o = loadData('rest_load/load_kategori_pilihan_only/', $arr);

?>
<!doctype html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<meta name="description" content="<?=$rest_sistem['result']['meta_description'];?>">

<meta name="keywords" content="<?=$rest_sistem['result']['meta_keywords'];?>">

<meta property="og:title" content="Hasil Pencarian <?=$get_param;?>">

<meta property="og:description" content="<?=$rest_sistem['result']['meta_description'];?>">
<meta property="og:image" content="<?=$main_imgurl;?>logo/<?=$rest_sistem['result']
['logo_toko_image'];?>">
<meta property="og:url" content="<?=$main_url;?>/s/<?=$get_param;?>">

<?php include "module/include/style.php"; ?>

<title>Hasil Pencarian "<?=$get_param;?>"</title>

</head>
<body>

<?php include "module/include/header.php"; ?>

<section id="carouselCategoryColumn_id" class="bg-container-2 mt-4 mb-30">

<div class="title-category pb-3 border-bot-d font-weight-bold ft-18 pb-30-767">
Hasil Pencarian "<?=$get_param;?>"
</div>
</section>
 <section class="bg-container-2 mb-5" id="ilistproduk_item">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-5 d-block d-sm-none d-none d-sm-block d-md-none mb-
2" style="margin-top: -30px">
<div class="border-d border-radius-5">
<div class="filter-kategori-left">
Filter
</div>
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-5 pr-1">
<div class="ml-3 mt-3">
<div class="form-group mb-3">
<select class="form-control border-radius-10 ft-14" id="filter_sortby_mob">
<option value="1">Terbaru</option>
<option value="2">Abjad A-Z</option>
<option value="3">Harga Tertinggi</option>
<option value="4">Harga Terendah</option>
</select>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-7 pl-1">
<div class="mr-3 mt-3">
<div class="input-group mb-3">
<input type="text" class="form-control border-radius-10 ft-14"
id="filter_pencarian_mob" autocomplete="off" placeholder="Cari..." value="<?=$get_param;?>">
<div class="input-group-append b-rt-rb-10 border-d">
<button class="btn btn-light b-rt-rb-10 ft-14" type="button"
onclick="loadMoreData('ref')" style="height: 33px"><span
class="icon-search"></span></button>
</div>
</div>
</div>
 </div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-5 d-none d-md-block">
<div class="border-d border-radius-5">
<div class="filter-kategori-left">
Filter
</div>
<div class="border-bot-d padding-10-15">
<div class="ft-14 font-weight-bold color-semidark-m mb-3">Cari apapun di sini</div>
<div class="input-group mb-2">
<input type="text" class="form-control border-radius-10 ft-14" id="filter_pencarian"
autocomplete="off" placeholder="Cari..." value="<?=$get_param;?>">
<div class="input-group-append b-rt-rb-10 border-d">
<button class="btn btn-light b-rt-rb-10 ft-14" type="button"
onclick="loadMoreData('ref')" style="height: 33px"><span
class="icon-search"></span></button>
</div>
</div>
</div>
<div class="border-bot-d padding-10-15">
<div class="ft-14 font-weight-bold color-semidark-m mb-3">Urutkan</div>
<div class="input-group mb-2">
<select class="form-control" id="filter_sortby">
<option value="1">Terbaru</option>
<option value="2">Abjad A-Z</option>
<option value="3">Harga Tertinggi</option>
<option value="4">Harga Terendah</option>
</select>
<div class="input-group-append b-rt-rb-10 border-d">
<button class="btn btn-light b-rt-rb-10 ft-14" type="button"
onclick="loadMoreData('ref')" style="height: 33px"><span
class="icon-search"></span></button>
 </div>
</div>
</div>
<div class="border-bot-d padding-10-15">
<div class="ft-14 font-weight-bold color-semidark-m mb-3">Harga</div>
<div class="form-group mb-3">
<input type="text" class="form-control border-radius-10 ft-14" id="filter_price_min"
autocomplete="off" placeholder="Harga Minimum" onkeydown="return angkatOnly(event.key)">
</div>
<div class="input-group mb-2">
<input type="text" class="form-control border-radius-10 ft-14" id="filter_price_max"
autocomplete="off" placeholder="Harga Maksimum" onkeydown="return
angkatOnly(event.key)">
<div class="input-group-append b-rt-rb-10 border-d">
<button class="btn btn-light b-rt-rb-10 ft-14" type="button"
onclick="loadMoreData('ref')" style="height: 33px"><span
class="icon-search"></span></button>
</div>
</div>
</div>
<div class="border-bot-d padding-10-15">
<div class="ft-14 font-weight-bold color-semidark-m mb-2">Kategori Pilihan</div>
<div class="">
<?php foreach($rest_kategori_p_o['result'] as $obj) { ?>
<div class="filter-kategori-left-list-k">
<a href="<?=$main_url;?>c/<?=$obj['url_kategori'];?>" class="ft-14"><?
=$obj['nama_kategori'];?></a>
<?php
$arr = array('tipeid' => 'url', 'idkategori' => $obj['url_kategori'], 'lang' => 'en');
$rest_sub_det = loadData('rest_load/load_kategori_det/',$arr);
?>
<?php foreach($rest_sub_det['result'] as $objxx) { ?>
<div class="ml-3">
 <a href="<?=$main_url;?>c1/<?=$obj['url_kategori'];?>/<?=$objxx['url_kategori'];?
>" class="ft-14">
<?=$objxx['nama_kategori'];?>
</a>
</div>
<?php } ?>
</div>
<?php } ?>
</div>
</div>
</div>
</div>

<div class="col-xl-9 col-lg-8 col-md-7">

<?php
$arr = array('tipe' => 'limit', 'price' => '0~0', 'sortby' => '1', 'search' => $get_param, 'start'
=> '0', 'limit' => '12', 'lang' => 'en');
$rest_kategori_p = loadData('rest_load/load_produk_search/',$arr);

$result_produk = $rest_kategori_p['result'];
$cols_data_infinity = 'col-xl-3 col-lg-4 col-md-6 col-sm-4 col-xs-6';
?>
<div class="mt-2">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="ft-14 color-semidark-m">
<div class="float-right_">
<div class="w-100">
<div class="">
Menampilkan <span id="rows_flt-data-appned_produk"><?
=$rest_kategori_p['items_count'];?></span> produk untuk pencarian <b>"<?=$get_param;?>"</b>
(<b id="rows_post-data-appned_produk">1 - 12</b> of <b id="rows_flt-data-
appned_produk_2"><?=$rest_kategori_p['items_count'];?></b>)
</div>
 </div>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="mt-4">

<div class="row" id="post-data-appned">

<?php include "product_data.php"; ?>
</div>

<div id="loadmore_loading" class="text-center d-none">

<p class="pb-2">
<img src="<?=$main_url;?>/assets/images/loading_load.gif"
width="40">&nbsp;&nbsp;Loading get more data...
</p>
</div>

<div id="lmore_failalrt"></div>

<?php if($rest_kategori_p['items_count']>12){ ?>

<div class="row justify-content-center mt-1">
<div class="col-xl-4 col-lg-6 col-md-8 col-sm-8 col-xs-7">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-6">
<button type="button" class="btn btn-outline-primary btn-block disabled-x"
id="prev_produk_id" onclick="loadMoreData('prev')">
<span class="icon-chevron-left"></span>
</button>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-6">
<button type="button" class="btn btn-primary btn-block" id="next_produk_id"
onclick="loadMoreData('next')">
<span class="icon-chevron-right"></span>
 </button>
</div>
</div>
</div>
</div>
<?php } ?>

</div>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="bg-container-2 mb-5">

<div class="row">
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="bg-grad-1 padding-15 rounded">
<form action="javascript:goRedirect('searchx')" method="POST">
<div class="form-group mb-0">
<label class="ft-16 font-weight-bold color-putih">Cari apapun disini</label>
<div class="input-group">
<input type="text" class="form-control ft-16" id="searchtext_valx"
placeholder="Ketikan sesuatu..." autocomplete="off">
<div class="input-group-append">
<button class="btn btn-app" type="button" onclick="goRedirect('searchx')"><span
class="icon-search"></span></button>
</div>
</div>
</div>
</form>
</div>
</div>
 </div>
</section>

<?php
$arr = array('wishlist' => 'n', 'idproduk' => 'n', 'new' => 'all', 'tipe' => 'limit', 'start' => '0', 'limit'
=> '12', 'lang' => 'en');
$rest_produk = loadData('rest_load/load_produk/', $arr);

if (!isset($rest_produk['success'])) {
$rest_produk['success'] = false;
}

if ($rest_produk['success']==true) {
$result_produk = $rest_produk['result'];
$nullData = $rest_produk['result'];
}else{
$result_produk = array();
$nullData = $resultProduk;
}

$cols_data_infinity = 'col-xl-2 col-lg-3 col-md-3 col-sm-4 col-xs-6';

?>

<section id="carouselProductColumn_id" class="bg-container-2 mt-5 mb-5">

<div class="title-category mb-3 font-weight-bold ft-20">
Produk Lainnya
</div>
<?php if ($rest_produk['success']==true) { ?>
<div class="row" id="post-data-appnedx">
<?php include "product_data.php"; ?>
<?php if (!$nullData) { ?>
<div class="col-xl-12 col-lg-12">
<div class="alert alert-primary">Produk tidak ditemukan.</div>
 </div>
<?php } ?>
</div>
<?php }else{ ?>
<div class="alert alert-danger">Failed to load data, please refresh the page.</div>
<?php } ?>
</section>

<div id="muat_lebih_banyak" class="text-center mb-3"></div>

<div id="loadmore_loadingx" class="text-center d-none">

<p class="pb-5">
<img src="<?=$main_url;?>/assets/images/loading_load.gif"
width="40">&nbsp;&nbsp;Loading get more data...
</p>
</div>

<div id="lmore_failalrtx"></div>

<?php include "module/include/footer.php"; ?>

<?php include "module/include/javascript.php"; ?>

<script type="text/javascript">
var start = 0;
var limit = 12;

function loadMoreData(a) {

if ( window.innerWidth <= 767.5){

var sortby = $('#filter_sortby_mob').val();
var search = $('#filter_pencarian_mob').val();
}else{
var sortby = $('#filter_sortby').val();
 var search = $('#filter_pencarian').val();
}

if ($('#filter_price_min').val()=='') {
var p_min = '0';
}else{
var p_min = $('#filter_price_min').val();
}

if ($('#filter_price_max').val()=='') {
var p_max = '0';
}else{
var p_max = $('#filter_price_max').val();
}

var price = p_min+'~'+p_max;

if (a=='prev') {
start = parseInt(start-limit);
if (start==0) {
$('#prev_produk_id').addClass('disabled-x');
}
}

if (a=='next') {
$('#prev_produk_id').removeClass('disabled-x');
start = parseInt(start+limit);
}

if (a=='ref') {
start = 0;
$('#prev_produk_id').addClass('disabled-x');
}
 $.ajax({
type: "GET",
dataType:'html',
timeout: 9000,
async: true,
url: '<?=$main_url;?>product_more.php?
jen=search_cari&start='+start+'&limit='+limit+'&sortby='+sortby+'&search='+search+'&price='+p
rice,
beforeSend: function(){
$('#loadmore_loading').removeClass('d-none');
},
success: function(data) {
res = data.split('______irow_');
$('#loadmore_loading').addClass('d-none');
if (res[0]=='' || res[0]=='last') {
$('#lmore_failalrt').html('');
$('#next_produk_id').addClass('disabled-x');
start = parseInt(start-limit);

if (res[1]==0) {
$("#post-data-appned").html('<div class="text-center w-100 mb-4">-Tidak ditemukan-
</div>');
$("#rows_flt-data-appned_produk").html('0');
$("#rows_flt-data-appned_produk_2").html('0');
$("#rows_post-data-appned_produk").html('1');
}

}else{
$("#post-data-appned").html(res[0]);
$('#next_produk_id').removeClass('disabled-x');

if (a=='ref' && res[1]<12) {

$('#next_produk_id').addClass('disabled-x');
}
 $('html, body').animate({
scrollTop: $('#ilistproduk_item').offset().top-120,
}, 650);

$("#rows_flt-data-appned_produk").html(res[1]);
$("#rows_flt-data-appned_produk_2").html(res[1]);
$("#rows_post-data-appned_produk").html(parseInt(start+1)+' - '+parseInt(start+$
("div[id^=appened_more_data_produk_i]").length));

}
},
error: function(xmlhttprequest, textstatus, message) {
$('#lmore_failalrt').html('<div class="text-center"><p class="pb-2">Please check your
connection...</p></div>');
$('#loadmore_loading').addClass('d-none');
}
});
}
</script>

<script type="text/javascript">
var startx = 12;
var limitx = 12;
var prosesx = true;
var stloadx = 'on';

$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() >= $(document).height() - $
('#footer_app_inav').height()) {
if (stloadx=='on') {
if (prosesx==true) {
 $('#muat_lebih_banyak').html('<button type="button"
onclick="loadMoreDatax(startx,limitx);" class="btn btn-outline-primary mb-5 ft-18 pl-5 pr-
5">Muat Lebih Banyak</button>');
}
}
}
});

function loadMoreDatax(a,b) {
$('#muat_lebih_banyak').html('');
$.ajax({
type: "GET",
dataType:'html',
timeout: 9000,
async: true,
url: '<?=$main_url;?>product_more.php?jen=index&start='+a+'&limit='+b,
beforeSend: function(){
prosesx = false;
$('#loadmore_loadingx').removeClass('d-none');
},
success: function(data) {
$('#loadmore_loadingx').addClass('d-none');
if (data=='' || data=='last') {
stloadx = 'last';
$('#lmore_failalrtx').html('');
}else{
startx = parseInt(startx+limitx);
$("#post-data-appnedx").append(data);
}
prosesx = true;
},
error: function(xmlhttprequest, textstatus, message) {
$('#lmore_failalrtx').html('<div class="text-center"><p class="pb-5">Please check your
connection...</p></div>');
 $('#loadmore_loadingx').addClass('d-none');
prosesx = true;
}
});
}
</script>

</body>
</html>
b. Form Transaksi Pemesanan Produk
<?php include "module/module.php"; ?>
<?php if (!isset($_SESSION['XID_ARRAY'])) { header("Location: ".$main_url); exit(); }
$arr = array('tipe' => 'web', 'idtrx' => $_GET['p_url'], 'idcust' => $_SESSION['XID_ARRAY']
['cust_id'], 'lang' => 'en');
$i_trx = loadData('rest_load/load_riwayat_transaksi/', $arr); $rest_trx = $i_trx['result'][0];
?>
<!doctype html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<meta name="description" content="<?=$rest_sistem['result']['meta_description'];?>">

<meta name="keywords" content="<?=$rest_sistem['result']['meta_keywords'];?>">

<?php include "module/include/style.php"; ?>

<title>Detail Transaksi</title>
</head>
<body>

<?php include "module/include/header.php"; ?>

 <section class="bg-container-2 mt-4 pt-3-mob">
<div class="row justify-content-center">
<div class="col-xl-11 col-lg-11">
<div class="row">

<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 mb-4">

<div class="default-shadow rounded-2">
<div class="padding-15 text-center">

<?php if ($i_trx['result']) { ?>

<input type="hidden" id="no_transaksiid" value="<?=$rest_trx['no_transaksi'];?>"

class="form-control">

<?php if ($rest_trx['bukti_pembayaran']=='n' && $rest_trx['is_status']!='b') { ?>

<h3 class="mb-3 ft-18 font-weight-bold mt-3">TRANSAKSI BERHASIL <i
class="fa fa-check"></i></h3>
<p class="color-semidark">
No Transaksi : <b class="font-weight-bold"><?=$rest_trx['no_transaksi'];?></b>
<br/>
Status : <b class="color-<?=$rest_trx['status_clr'];?>"><?=$rest_trx['status_lbl'];?
></b>
<br/>
Tanggal : <b><?=$rest_trx['tgl_transaksi'];?></b>
</p>
<p class="color-semidark">
Total Pembayaran : <b
class="font-weight-bold"><?=$rest_trx['total_bayar'];?></b>
</p>

<?php if ($rest_trx['is_status']=='p') { ?>

<p class="color-semidark ft-14">
Silahkan lakukan pembayaran agar transaksi kamu bisa langsung kami proses.
</p>
 <?php } ?>

<?php if ($rest_trx['is_status']=='y' || $rest_trx['is_status']=='k' ||

$rest_trx['is_status']=='s') { ?>
<p class="color-semidark">Terima Kasih telah menggunakan layanan kami situs
penjualan online terpercaya.</p>
<p class="color-success font-weight-bold">Pembayaran Selesai. <i class="fa fa-
check"></i></p>
<?php } ?>

<?php }elseif($rest_trx['is_status']=='p' || $rest_trx['is_status']=='y' ||

$rest_trx['is_status']=='k' || $rest_trx['is_status']=='s') { ?>
<h3 class="mb-3 ft-18 font-weight-bold mt-2">TRANSAKSI BERHASIL <i
class="fa fa-check"></i></h3>
<p class="color-semidark">
No Transaksi : <b class="font-weight-bold"><?=$rest_trx['no_transaksi'];?></b>
<br/>
Status : <b class="color-<?=$rest_trx['status_clr'];?>"><?=$rest_trx['status_lbl'];?
></b>
<br/>
Tanggal : <b><?=$rest_trx['tgl_transaksi'];?></b>
</p>

<?php if ($rest_trx['is_status']!='s' && $rest_trx['is_status']!='k') { ?>

<?php if ($rest_trx['metode_pembayaran']=='saldo') { ?>
<p class="color-semidark">
<span class="font-weight-bold">Pembayaran dengan Saldo.</span>
</p>
<?php }else{ ?>
<p class="color-semidark">Bukti Transfer telah kami terima. Terima Kasih telah
menggunakan layanan kami situs penjualan online terpercaya.
<br>
<span class="font-weight-bold">Pesanan kamu akan kami proses lebih
lanjut.</span>
 </p>
<?php } ?>
<?php } ?>

<?php if ($rest_trx['is_status']=='k' || $rest_trx['is_status']=='s') { ?>

<p class="color-semidark">Terima Kasih telah menggunakan layanan kami situs
penjualan online terpercaya.</p>
<?php } ?>

<p class="color-semidark">
Total Pembayaran : <b
class="font-weight-bold"><?=$rest_trx['total_bayar'];?></b>
</p>

<?php if ($rest_trx['is_status']=='p') { ?>

<p class="color-app font-weight-bold">
Pembayaran kamu sedang kami cek. <i class="fa fa-hourglass-half"></i>
</p>
<div class="alert alert-primary">
Bukti pembayaran telah terkirim, proses pengecekan membutuhkan waktu hingga
1x24 jam.
</div>
<?php } else if ($rest_trx['is_status']=='y' || $rest_trx['is_status']=='k' ||
$rest_trx['is_status']=='s'){ ?>
<p class="color-success font-weight-bold">Pembayaran Selesai. <i class="fa fa-
check"></i></p>
<?php } ?>

<?php if($rest_trx['is_status']=='y' || $rest_trx['is_status']=='k') { ?>

<p class="font-weight-bold color-semidark">Pesanan kamu akan segera tiba.</p>
<?php } ?>

<?php }else{ ?>

 <h3 class="mb-3 ft-18 font-weight-bold mt-2">TRANSAKSI DIBATALKAN <i
class="fa fa-times"></i></h3>
<p class="color-semidark">
No Transaksi : <b class="font-weight-bold"><?=$rest_trx['no_transaksi'];?></b>
<br/>
Status : <b class="color-<?=$rest_trx['status_clr'];?>"><?=$rest_trx['status_lbl'];?
></b>
<br/>
Tanggal : <b><?=$rest_trx['tgl_transaksi'];?></b>
</p>

<p class="color-semidark"><?=$rest_trx['if_cancel'];?></p>

<p class="color-semidark">
Total Yang Harus Dibayarkan : <b class="font-weight-bold"><?
=$rest_trx['total_bayar'];?></b>
</p>
<?php } ?>

<?php if ($rest_trx['is_status']=='p') { ?>

<p class="color-semidark">
<span class="font-weight-bold">Cara Pembayaran</span>
<br>
<span class="ft-14">Lakukan pembayaran melalui salah satu cara / bank dibawah
ini :</span>
</p>

<?php if ($rest_sistem['result']['metode_pembayaran']=='midtrans') { ?>

<?php if ($rest_trx['payment_type']!='manual') { ?>
<div class="row">
<div class="col-xl-12 col-lg-12">
<ul class="nav nav-tabs b-0_ mb-4 justify-content-center" id="myTab"
role="tablist">
 <?php $no='1'; foreach($rest_trx['cara_bayar'] as $valc){ ?>
<li class="nav-item">
<a class="nav-link ft-16 <?php if($no=='1') echo 'active';?>" id="cbyr-tab<?
=$valc['cara_bayar_id'];?>" data-toggle="tab" href="#tabcbyr<?=$valc['cara_bayar_id'];?>"
role="tab" aria-controls="tabcbyr<?=$valc['cara_bayar_id'];?>" aria-selected="true"><?
=$valc['jenis_bayar'];?></a>
</li>
<?php $no++; } ?>
</ul>
</div>
</div>
<div class="row">
<div class="col-xl-12 col-lg-12 text-left">
<div class="tab-content" id="myTabContent">
<?php $no = 0; foreach($rest_trx['cara_bayar'] as $valc){ ?>
<div class="tab-pane fade <?php if($no==0) echo 'show active';?>"
id="tabcbyr<?=$valc['cara_bayar_id'];?>" role="tabpanel" aria-labelledby="cbyr-tab<?
=$valc['cara_bayar_id'];?>">
<div class="padding-0-15 ft-14">
<div class="mb-3 ft-16"><b>Kode Pembayaran / VA : <?
=$rest_trx['bill_key'];?></b></div>
<?php $nox = 1; foreach($rest_trx['cara_bayar'][$no]['cara_bayar'] as $valcc)
{ ?>
<?=$nox.'. '.$valcc['cara_bayar'];?><br/>
<?php $nox++; } ?>
</div>
</div>
<?php $no++; } ?>
</div>
</div>
</div>
<?php }else{ ?>
<!-- Jika menggunakan manual transfer -->
<div class="manual_bank_pay ft-14">
 <?php foreach($i_trx['m_bank'] as $valb){ ?>
<img src="<?=$main_imgurl.'komponen/'.$valb['logo_image'];?>" width="80">
&nbsp;
Bank <?=$valb['nama_bank'];?> a/n <?=$valb['nama_rekening'];?><br>
Nomor Rekening : <?=$valb['nomor_rekening'];?><br><br>
<?php } ?>
</div>
<?php } ?>
<?php }else{ ?>
<?php if ($rest_trx['payment_type']!='manual') { ?>
<div class="row">
<div class="col-xl-12 col-lg-12">
<ul class="nav nav-tabs b-0_ mb-4 justify-content-center" id="myTab"
role="tablist">
<?php $no='1'; foreach($rest_trx['cara_bayar'] as $valc){ ?>
<li class="nav-item">
<a class="nav-link ft-16 <?php if($no=='1') echo 'active';?>" id="cbyr-tab<?
=$valc['cara_bayar_id'];?>" data-toggle="tab" href="#tabcbyr<?=$valc['cara_bayar_id'];?>"
role="tab" aria-controls="tabcbyr<?=$valc['cara_bayar_id'];?>" aria-selected="true"><?
=$valc['jenis_bayar'];?></a>
</li>
<?php $no++; } ?>
</ul>
</div>
</div>
<div class="row">
<div class="col-xl-12 col-lg-12 text-left">
<div class="tab-content" id="myTabContent">
<?php $no = 0; foreach($rest_trx['cara_bayar'] as $valc){ ?>
<div class="tab-pane fade <?php if($no==0) echo 'show active';?>"
id="tabcbyr<?=$valc['cara_bayar_id'];?>" role="tabpanel" aria-labelledby="cbyr-tab<?
=$valc['cara_bayar_id'];?>">
<div class="padding-0-15 ft-14">
 <div class="mb-3 ft-16"><b>Kode Pembayaran / VA : <?
=$rest_trx['bill_key'];?></b></div>
<?php $nox = 1; foreach($rest_trx['cara_bayar'][$no]['cara_bayar'] as $valcc)
{ ?>
<?=$nox.'. '.$valcc['cara_bayar'];?><br/>
<?php $nox++; } ?>
</div>
</div>
<?php $no++; } ?>
</div>
</div>
</div>
<?php }else{ ?>
<!-- Jika menggunakan manual transfer -->
<div class="manual_bank_pay ft-14">
<?php foreach($i_trx['m_bank'] as $valb){ ?>
<img src="<?=$main_imgurl.'komponen/'.$valb['logo_image'];?>" width="80">
&nbsp;
Bank <?=$valb['nama_bank'];?> a/n <?=$valb['nama_rekening'];?><br>
Nomor Rekening : <?=$valb['nomor_rekening'];?><br><br>
<?php } ?>
</div>
<?php } ?>
<?php } ?>

<div class="pt-3"><hr></div>

<form id="form_kirim_bukti_bayar" class="mt-3"

action="javascript:sendPayment()" enctype="multipart/form-data" method="POST">
<div class="row">

<div class="col-sm-12 col-md-12">

<div class="alert alert-danger">
Jangan melakukan pembayaran Cash Of Delivery (COD).<br/>
 Bukti Pembayaran Tidak Perlu Di ISI
</div>
</div>

<?php if ($rest_trx['payment_type']!='manual') { ?>

<input type="hidden" name="bank_id" value="0" class="form-control">
<?php }else{ ?>
<!-- Jika menggunakan manual transfer -->
<div class="col-sm-12 col-md-12">
<div class="form-label-group text-left">
<label class="text-left">Transfer Ke</label>
<select class="form-control" required="" name="bank_id">
<option value=""> -- Pilih Bank -- </option>
<?php foreach($i_trx['m_bank'] as $valb){ ?>
<option value="<?=$valb['bank_id'];?>"><?=$valb['nama_bank'];?> - <?
=$valb['nama_rekening'];?> - <?=$valb['nomor_rekening'];?></option>
<?php } ?>
</select>
</div>
</div>
<?php } ?>

<div class="col-sm-12 col-md-12">

<div class="form-label-group text-left mt-2">
<label style="text-align: left;">Bukti Pembayaran</label>
<input type="file" name="gambar" class="form-control" >
<input type="hidden" name="no_transaksi" value="<?
=$rest_trx['no_transaksi'];?>" class="form-control">
</div>
</div>

<div class="col-sm-12 col-md-12">

<?php
if (isset($_SESSION['pesanbukti']) && $_SESSION['pesanbukti'] <> '') {
 echo '<br><div class="pesan alert alert-success">'.
$_SESSION['pesanbukti'].'</div>';
}
$_SESSION['pesanbukti'] = '';
?>
</div>

<div class="col-sm-12 col-md-12">

<div id="checkSave" class="mt-4">
<button class="btn btn-primary btn-block" type="submit">Kirim Bukti
Pembayaran</button>
</div>
</div>

</div>
</form>

<?php } ?>

<?php }else{ ?>

<div class="pb-3">
<h3 class="ft-18 font-weight-bold mt-3 mb-4">TRANSAKSI TIDAK
DITEMUKAN</h3>
<a href="<?=$main_url;?>account" class="btn btn-primary">Kembali Ke Riwayat
Transaksi</a>
</div>
<?php } ?>

</div>
</div>
</div>

<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 mb-4">

<div class="tab-content" id="myTabContent">
 <div class="tab-pane fade show active" id="tabtrx" role="tabpanel" aria-
labelledby="trx-tab">
<div class="default-shadow rounded-2">
<div class="padding-15">
<div class="">

<div class="mb-2">
<a href="<?=$main_url;?>account" class="btn btn-light btn-sm">Kembali</a>
<?php if($rest_trx['is_status']=='p'){ ?>
<button class="btn btn-danger btn-sm ml-2" onClick="batalPesanan()">
<i class="fa fa-times"></i>&nbsp;&nbsp;Batalkan Transaksi
</button>
<?php } ?>

<?php if($rest_trx['is_status']=='k'){ ?>

<button class="btn btn-success btn-sm ml-2" onClick="datangPesanan()">
<i class="fa fa-check"></i>&nbsp;&nbsp;Konfirmasi Pesanan Sampai
</button>
<?php } ?>
<div class="mt-3">
<p class="color-dark ft-14">Nomor Resi Pengiriman : <br>
<?php
if ($rest_trx['nomor_resi']=='') {
echo '<b class="ft-18 font-weight-bold">Belum tersedia</b>';
}else{ ?>
<b class="ft-18 font-weight-bold color-app c-pointer" onclick="lacakResi('<?
=$rest_trx['nomor_resi'];?>','<?=$rest_trx['kurir'];?>')"><?=$rest_trx['nomor_resi'];?> - Lacak</b>
<?php } ?>
</p>
</div>
</div>

<div class="ft-14 font-weight-bold mb-3">

Pesanan
 </div>

<div class="table-responsive mt-10 b-0">

<table class="table table-hover b-0">
<thead class="b-0">
<tr class="b-0">
<th class="ft-14">Produk</th>
<th class="ft-14 text-right">Harga</th>
<th class="ft-14 text-right">Jumlah</th>
<th class="ft-14 text-right">Subharga</th>
</tr>
</thead>
<tbody>
<?php foreach($i_trx['m_cart'] as $obj) { ?>
<tr>
<td class="ft-14">
<?=$obj['nama_produk'];?>
<br/>
<span class="ft-12"><?=$obj['varian'];?></span>
</td>
<td align="right" class="ft-14">
<?=$obj['harga_produk'];?>
<?php if ($obj['hs_diskon']!='0') { ?>
<span class="ft-12 text-line-through color-semidark"><br/><?
=$obj['hs_diskon'];?></span>
<?php } ?>
</td>
<td align="right" class="ft-14"><?=$obj['jumlah_beli'];?></td>
<td align="right" class="ft-14">
<?=$obj['total_harga_produk'];?>
<?php if ($obj['hs_diskon']!='0') { ?>
<span class="ft-12 text-line-through color-semidark"><br/><?
=$obj['hst_diskon'];?></span>
<?php } ?>
 </td>
</tr>
<?php } ?>
</tbody>
<tfoot>
<tr>
<td class="ft-14" colspan="1">Subtotal</td>
<td class="ft-14" colspan="3" align="right"><?=$rest_trx['subtotal_bayar'];?
></td>
</tr>
<tr>
<td class="ft-14" colspan="1">Ongkos Kirim</td>
<td class="ft-14" colspan="3" align="right"><?=$rest_trx['ongkos_kirim'];?
></td>
</tr>
<tr>
<td class="ft-14" colspan="1">Potongan Voucher</td>
<td class="ft-14 color-danger" colspan="3" align="right"><?
=$rest_trx['potongan_voucher'];?></td>
</tr>
<tr>
<th class="ft-14" colspan="1">Total Harga</th>
<td class="ft-14 font-weight-bold" colspan="3" align="right">
<?=$rest_trx['total_bayar'];?>
</td>
</tr>
</tfoot>
</table>
</div>

<div class="">
<div class="ft-14 mb-3">
<div class="ft-14 font-weight-bold mb-1">
Metode Pembayaran
 </div>
<?php if ($rest_trx['metode_pembayaran']=='saldo') { ?>
Saldo
<?php }else{ ?>
<?=$rest_trx['m_bayar'];?>
<?php } ?>
</div>
<div class="ft-14 mb-3">
<div class="ft-14 font-weight-bold mb-1">
Metode Pengiriman
</div>
Kurir - <?=$rest_trx['nama_kurir'];?>
<br>Tingkat - <?=$rest_trx['level_kurir']?> (<?=$rest_trx['lama_pengiriman']?
>hari)
</div>
<div class="ft-14">
<div class="ft-14 font-weight-bold mb-1">
Alamat Pengiriman
</div>
<?=$i_trx['m_alamat']['nama_penerima']?>
<br><?=$i_trx['m_alamat']['nama_provinsi']?>, <?=$i_trx['m_alamat']
['nama_kabkot']?>, <?=$i_trx['m_alamat']['kodepos']?>
<br><?=$i_trx['m_alamat']['alamat_lengkap']?>
<br>
Nomor yang dapat di hubungi <?=$i_trx['m_alamat']['ponsel_penerima'];?>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
 </div>
</div>
</div>
</section>

<div id="myTrackingresi" class="modal fade" role="dialog">

<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Lacak Pesanan</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<style type="text/css">
.tanda0 { border-left: 3px solid #663f91; padding-left: 15px; }
.tandamore { border-left: 2px solid #999; padding-left: 15px; }
</style>
<div id="lihatTrackingresi">Loading...</div>
</div>
</div>
</div>
</div>

<?php
$arr = array('opsi' => 'idsync', 'idcust' => $_SESSION['XID_ARRAY']['cust_id'], 'idnotif' =>
$_GET['p_url'], 'lang' => 'en');
loadData('rest_proses/proses_baca_notifikasi/', $arr);
?>

<?php include "module/include/footer.php"; ?>

<?php include "module/include/javascript.php"; ?>

<script type="text/javascript">
function sendPayment(){
$.confirm({
title: 'Confirm!',
content: 'Pastikan bukti pembayaran yang di masukan benar!',
theme: 'modern',
closeIcon: true,
draggable: false,
animation: 'scale',
type: 'dark',
buttons: {
Batal: function () {

},
Simpan: function () {
$('button').addClass('disabled');
var formData = new FormData($("#form_kirim_bukti_bayar")[0]);
$.ajax({
type: "POST",
url: '<?=$main_url;?>module/action.php?jen=kirim_bukti_bayar',
data: formData,
contentType: false,
cache: false,
processData:false,
success: function(result){
$('button').removeClass('disabled');
var res = result.split('~');
if (res[0]=='y') {
confirmBerhasil(res[1],'reload');
}else{
confirmGagal(res[1]);
}
 }
});
}
}
});
}
function batalPesanan(){
$.confirm({
title: 'Confirm!',
content: 'Transaksi akan dibatalkan, kamu yakin?',
theme: 'modern',
closeIcon: true,
draggable: false,
animation: 'scale',
type: 'red',
buttons: {
Batal: function () {

},
Simpan: function () {
$('button').addClass('disabled');
var notrx = $('#no_transaksiid').val();
$.ajax({
type : "POST",
url : "<?=$main_url;?>module/action.php?jen=batalkan_transaksi",
data : { 'notrx' : notrx },
success: function(result){
$('button').removeClass('disabled');
var res = result.split('~');
if (res[0]=='y') {
confirmBerhasil(res[1],'reload');
}else{
confirmGagal(res[1]);
}
 }
});
}
}
});
}

function datangPesanan(){
$.confirm({
title: 'Confirm!',
content: 'Pastikan pesanan sudah kamu terima, yakin?',
theme: 'modern',
closeIcon: true,
draggable: false,
animation: 'scale',
type: 'red',
buttons: {
Batal: function () {

},
Selesai: function () {
$('button').addClass('disabled');
var notrx = $('#no_transaksiid').val();
$.ajax({
type : "POST",
url : "<?=$main_url;?>module/action.php?jen=tiba_transaksi",
data : { 'notrx' : notrx },
success: function(result){
$('button').removeClass('disabled');
var res = result.split('~');
if (res[0]=='y') {
confirmBerhasil(res[1],'reload');
}else{
confirmGagal(res[1]);
 }
}
});
}
}
});
}

function lacakResi(a,b){
$('#myTrackingresi').modal('toggle');
formTrackingresi(a,b);
}

function formTrackingresi(a,b) {
$.get('<?=$main_url;?>module/action.php?jen=cek_resi&resi='+a+'&kurir='+b,
function(data) {
$('#lihatTrackingresi').html(data);
});
}

</script>

</body>
</html>

4.4 Testing
Testing atau black box bisa di sebut juga pengujian yang di lakukan hanya mengamati hasil
esekusi melalui data uji dan memeriksa fungsional dari perangkat lunak.jadi dialogikan
seperti kita melihat suatu kotak kita hanya bisa melihat penapilan luar nya saja.

Tabel 4.1 Pengujian Black box

Kelas Uji Detail Pengujian Jenis Pengujian Keterangan

Pengujian Login Verifikasi dan login Black Box Sukses

 admin dengan
menginputkan
username dan password
untuk mengaktifkan
seluruh tombol pada
halaman utama
konsumen

Pengujian data Proses data produk, Black Box Sukses

produk kategori, kategori, slide,
pelanggan, pesanan, transaksi dan
pesanan, laporan oleh admin
transaksi dan
laporan

Pengujian tampil Menampilkan hasil Black Box Sukses

data produk, input tampil data
kategori, produk, kategori,
pelanggan, layanan, pesanan,
pesanan, transaksi dan laporan
transaksi dan oleh admin
laporan

Pengujian logout Proses logout dari Black Box Sukses

halaman utama sistem

Pada tahap ini terdapat pengujian penerimaan sistem oleh pihak Barta. Peneliti
membiarkan admin untuk melakukan percobaan terhadap sistem dan sekaligus melakukan
penilaian terhadap sistem. Peneliti menggunakan metode UAT (user acceptance test) yaitu
verifikasi terhadap pengguna bahwa sistem dapat diterima atau sesuai dengan kebutuhan
pengguna.

4.5 Support
4.5.1 Publikasi Web
Sistem Informasi Toko Obat Herbal Griya Asy Syifa menggunakan situs pencarian
(search engine) local sehingga mempermudah pembeli untuk mengetahui stok obat
herbal yang tersedia di Toko dan juga dapat mempermudah sistem layanan pembelian
secara online dan kemudahan pengiriman produk. Nama domain (domain name) adalah
nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web
server atau email server di jaringan komputer ataupun internet. Nama domain berfungsi
untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain
itu juga dapat dipakai untuk mengingat nama server yang dikunjungi tanpa harus
mengenai deretan angka yang rumit yang dikenal sebagai IP address. Nama domain
untuk website ini masih menggunakan IP local Mysql dengan nama domain
http://softwerehouse.id/griya_asyifa/
4.5.2 Spesifikasi Hardware dan Software
1. Perangkat Keras (Hardware)
Perangkat keras (Hardware) adalah seluruh komponen peralatan yang
membentuk suatu sistem dan peralatan lainnya yang memungkinkan komputer
dapat melaksanakan tugasnya secara fisik dan dapat terlihat secara jelas dan
nyata. Bagian – bagian pokok perangkat keras meliputi masukan (Input), CPU
(Central Processing Unit), tempat penyimpanan (Secondary Memory), dan
keluaran (Output).
a. Processor : Pentium Intel
b. Memory Size (RAM) : 4 GB
c. Harddisk : 1 TB
d. Keyboard / Mouse : M-Tech
e. Monitor : Wifi adaptor Tp-link WN321G
f. Graphic Card(VGA) 3GB DDR3
2. Perangkat Lunak (Software)
Adapun perangkat keras yang penulis usulkan adalah komputer yang
mempunyai spesifikasi sebagai berikut:
a. Sistem operasi Windows /linux
b. DBMS MySql 7.4.12
c. Browser Google Crome
 d. software XAMPP v3.2.4
4.6 Spesifikasi Dokumen Usulan
Dalam spesifikasi sistem usulan di Toko Griya Asy Syifa ini akan dijelaskan mengenai
dokumen-dokumen yang terdapat dalam proses pencatatan datanya, dokumen-dokumen
tersebut terdiri atas dokumen masukan dan dokumen keluaran.
1. Spesifikasi Bentuk Dokumen Masukan
a. Nama Dokumen : Form Bukti Transaksi Penjualan
Fungsi : Sebagai Bukti Transaksi Penjualan
Sumber : Pelanggan
Tujuan : Bagian Penjualan
Media : Database
Frekuensi : Setiap Transaksi Penjualan
Jumlah : 2 rangkap
Format : Lampiran A-1
b. Nama Dokumen : Form Registrasi Pembeli / Pengguna
Fungsi : Sebagai Bukti Login
Sumber : Pemilik
Tujuan : Bagian Penjualan
Media : Database
Frekuensi : Setiap Transaksi Penjualan
Jumlah : 2 rangkap
Format : Lampiran A-1
2. Spesifikasi Bentuk Dokumen Keluaran
a. Nama Dokumen : Cetak Bukti Penjualan
Fungsi : Sebagai Bukti Transaksi Penjualan
Sumber : Bagian Penjualan
Tujuan : Pemilik
Media : Database / Kertas
Frekuensi : Setiap Kali pesanan
Format : Lampiran A-2
b. Nama Dokumen : Cetak Resi Pengiriman Produk
Fungsi : Sebagai Bukti Transaksi Penjualan
Sumber : Bagian Penjualan
Tujuan : Pembeli
Media : Database / Kertas / Pdf
Frekuensi : Setiap Kali pesanan
Format : Lampiran A-2
 BAB V
KESIMPULAN DAN SARAN

5.1 Kesimpulan
Berdasarkan hasil yang didapat dari pembahasan sistem informasi e-commerce pada
Toko Griya Asy Syifa, maka dapat diambil beberapa kesimpulan sebagai berikut.

1. Dengan rancangan sisteme-commerce, dapat lebih memudahkan Toko Griya Asy

Syifa dalam melayani pelanggan dengan jangkauan pasar yang lebih luas karena
dapat melakukan transaksi pembelian produk secara online dimana saja.

2. Dengan adanya sistem informasi e-commerce Toko Griya Asy Syifa, dapat
membantu pemberian informasi mengenai stok produk sekaligus melakukan
promosi produk-produk Toko Griya Asy Syifa melalui website dengan cara yang
lebih efektif. Serta adanya sistem mebuat suatu media penyimpanan data yang
lebih terjamin dengan penerapan sistem didalam database agar meningkatkan
penjualan.

5.2 Saran
Berikut adalah beberapa saran untuk pengembangan lebih lanjut terhadap sistem
informasi e-commerce Toko Griya Asy Syifa:

1. Untuk pengembangan selanjutnya, diharapkan sistem dapat direalisasikan dengan

lebih baik

2. Perancangan sistem informasi penjualan ini dapat disesuaikan dengan kebutuhan

serta perkembangan dari Toko Griya Asy Syifa dimasa yang akan datang.

3. Untuk mengatasi masalah yang terjadi, diharapkan sistem yang diusulkan ini
dapat mempermudah kinerja penjualan produk dengan lebih baik kedepannya.
 DAFTAR PUSTAKA

Alif Maulana, dkk., 2018. Implementasi Sistem Informasi Manajemen Inventaris

Berbasis Web Di Pusat Teknologi Informasi Dan Komunikasi – BPPT. Vol.7, No.1.
Andika Bayu Hasta Yanto, dkk., 2018. Sistem Informasi E-Recruitment Karyawan
BerbasisWeb Pada Pt. Jasa Swadayautama (J ayatama). Vol. 4, No. 2, September 2018.
Anton Kurniawan dan Dudi Awalludin., 2019, Analisis Dan Perancangan Sistem
Informasi Pengelolaan Kendaraan Operasional Berbasis Web Pada Pt
Roda Pembina Nusantara. Vol. 14 No. 1 - April 2019.
Apriansyah, I. M., Hidayat, A., & Ajis, D. A. 2019. Sistem Informasi Penjualan Di Counter Fanz
Cell Kota Tasikmalaya Berbasis Web. Jurnal Manajemen
Informatika, 6(2), 101.
Desyani, T. 2018. Perancangan Sistem Pembayaran Elektronik Berbasis Radio Frequency
Identification (RFID) pada Waserda Koperasi Karyawan PT Multi Karya Usaha. Jurnal
Teknologi Sistem Informasi Dan Aplikasi, 1(1), 15.
Dwi Agung Wibowo., 2018. Sistem Informasi Penjualan Mobil Bekas Berbasis
Web Pada Pt. Umi Ford Banjarmasin. Vol 9, No.4, Oktober – Desember 2018.
Eni Farida dan Sigit Setyowibowo., 2018. Sistem Informasi Wisata Kuliner
Berbasis Web Sebagai Media Promosi Kuliner Di Kota Malang. Vol. 9 No. 1 Maret 2018.
Fransisca, S., & Putri, R. N. 2019. Pemanfaatan Teknologi RFID Untuk Pengelolaan Inventaris
Sekolah Dengan Metode (R&D) (Studi Kasus : SMK Global Pekanbaru). Jurnal
Mahasiswa APlikasi Teknologi Komputer Dan
Informasi, 1(1), 72–75.
Fu’ady, T. D., & Gunawan, W. (2018). Analisa Sistem Perancangan Penilaian
Raport Siswa Berorientasi Objek UML(Unified Modeling Language) di SMK
Informatika Sukma Mandiri Cilegon.
Gunardi dan Sugiyanto Ikhsan., 2019. Sistem Informasi Honorarium Berbasis
Web Di Dinas Pemakaman Dan Pertamanan Kota Bandung. Vol. 1, No. 2
Haitami, M. W., Anshori, M. A., & Taufik, M. 2019. Rancang Bangun Sistem Digital Loyal
Customer Card Pada Restoran Moshi-Moshi Ramen Berbasis RFID. JARTEL, 9(2), 174–
180.
Khozin Yuliana, dkk., 2019. Perancangan Rekapitulasi Pengiriman Barang
Berbasis Web. Vol. 9 No. 1
Penda Sudarto Hasugian., 2018, Perancangan Website Sebagai Media Promosi
Dan Informasi. Volume 3 No 1
Saepudin, S. 2021. Sistem Informasi Penjualan Makanan Hewan (Studi Kasus Happy Tri Pet Shop
Bogor).
S. Handayani. 2018. “Perancangan Sistem Informasi Penjualan Berbasis E-Commerce Studi Kasus
Toko Kun Jakarta.”vol. 10, pp. 182-189.

Try Handayani, dkk., 2019. Aplikasi Pemeriksaan Biaya Instalasi Tegangan

Listrik Rendah Berbasis Web Pada Pt. Ppiln Maluku Utara. Volume 4 Nomor 1