SISTEM INFORMASI PEMESANAN DAN PENJUALAN GORDYN PADA TOKO HANNY

GORDYN BERBASIS WEBSITE

Amirul Mustakim, Dyah Apriliani, Nurul Renaningtias
D IV Teknik Informatika Politeknik Harapan Bersama
Jln. Mataram No.09 Tegal
Telp/Fax (0283) 352000
amirulmustakim1997@gmail.com

ABSTRAK
Hanny Gordyn merupakan salah satu toko yang menjalankan kegiatan dibidang penjualan gordyn
beserta aksesorisnya. Selama ini sistem yang berjalan masih secara manual karena dalam melakukan
pemesanan konsumen harus datang langsung ke toko dan pemilik toko dalam melakukan pencatatan
pemesanan masih menggunakan kertas, begitu juga denga penyimpanan data yang rentan hilang karena
masih menggunakan buku catatan. Solusi yang ditawarkan yaitu Sistem Informasi Pemesanan Dan
Penjualan Gordyn Pada Toko Hanny Gordyn Berbasis Website dengan fungsi untuk melakukan
pemesanan gordyn secara online dan melakukan manajemen data. Berdasarkan hasil pembuatan sistem
sehinnga dapat disimpulkan bahwa sistem yang dibuat memiliki empat hak akses yaitu pelanggan, admin,
konveksi, dan super admin. Kemudian setelah sistem dibuat maka dilakukan pengujian sistem
menggunakan blackbox testing sehingga sistem berjalan sebagaimana fungsinya..
Kata kunci : Sistem Informasi, Hanny Gordyn, Website
mapan guna memenuhi permintaan
1. Pendahuluan konsumen. Sistem informasi yang sangat
Sistem informasi adalah suatu diperlukan oleh hanny gordyn agar segala
sistem didalam suatu organisasi yang informasi yang diperlukan oleh perusahaan
mempertemukan kebutuhan pengolahan dan pihak supplier yang berperan sebagai
transaksi harian, mendukung operasi, pemasok bahan baku, pihak distributor,
bersifat manajerial dan kegiatan strategi konsumen dapat terkoordinasi dengan baik
dari suatu organisasi dan dan sistematis antar pihak yang terkait.
menyediakan pihak luar tertentu Selama ini sistem yang berjalan
dengan laporan-laporan yang diperlukan. pada Toko Hanny Gordyn masih secara
Tujuan dari sistem informasi adalah manual karena dalam melakukan
menghasilkan informasi. Sistem informasi pemesanan konsumen harus datang
adalah data yang diolah menjadi bentuk langsung ke tempat usaha untuk
yang berguna bagi para pemakainya. Data melakukan transaksi pembelian dan
yang diolah saja tidak cukup dapat pemilik toko dalam melakukan pencatatan
dikatakan sebagai suatu informasi. Untuk pemesanan masih menggunakan kertas,
dapat berguna, maka informasi harus begitu juga dalam penyimpanan data yang
didukung oleh tiga pilar sebagai berikut: rentan hilang karena masih menggunakan
tepat kepada orangnya atau relevan buku. Sistem tersebut dapat menyebabkan
(relevance), tepat waktu (timeliness), dan beberapa kendala, salah satunya konsumen
tepat nilainya atau akurat (accurate). membutuhkan waktu yang lama untuk
Keluaran yang tidak didukung oleh tiga membeli ataupun sekedar ingin
pilar ini tidak dapat dikatakan sebagai mengetahui beberapa motif yang tersedia.
informasi yang berguna, tetapi merupakan Berdasarkan dari permasalahan
sampah [1]. tersebut, maka pada tugas akhir ini
Hanny Gordyn merupakan salah dibangun sistem informasi pada Toko
satu toko yang menjalankan kegiatan di Hanny Gordyn. Melalui sistem ini maka
bidang penjualan gordyn beserta pemilik toko dapat menerima laporan
aksesorisnya, toko hanny gordyn berdiri pemesanan dan stok barang dari karyawan
sejak tahun 1997 yang beralamat di Jalan dan juga dapat mengetahui stok kain yang
Mayjen Sutoyo No.97 Kagok, Kecamatan terdapat pada toko, kemudian dapat
Slawi Kabupaten Tegal. Toko ini telah menginformasikan pada konfeksi
mendapatkan pasar yang besar dan baik mengenai barang yang di pesan.
serta memiliki suatu sistem penjualan yang
 Dengan di implementasikan Sistem
Informasi Pemesanan Dan Penjualan
Gordyn pada Toko Hanny Gordyn, maka
diharapkan pelanggan dapat dimudahkan
dalam memesan gordyn dan mencari motif
yang sesuai keinginan, kemudian konfeksi
dapat dimudahkan dalam menerima
informasi dari pemilik toko secara efektif
dan efisien, serta pemilik toko dan
karyawan dapat dimudahkan dalam
memanajemen toko hanny gordyn online
dan terkomputerisasi seperti manajemen
data barang, data customer dan konfeksi,
data transaksi, stok barang, dan laporan
penjualan gordyn setiap bulan dalam satu
sistem aplikasi..
2. Tinjauan Pustaka
Septavia Intan, dkk, (2015) dalam
penelitian yang berjudul “Sistem Informasi
Penyewaan Mobil Berbasis Web Di Jasa
Karunia Tour And Travel” menjelaskan
bahwa Jasa Karunia Tour and Travel adalah
perusahaan yang bergerak dalam bidang jasa
rental mobil. Dalam rangka memberikan
kenyamanan kepada para pelanggannya
pada saat melakukan transaksi maka Jasa
Karunia Tour and Travel perlu aplikasi
rental mobil. Tujuannya adalah untuk
perbaikan sistem aplikasi financial sehingga
memberi kemudahan kepada para pelanggan
pada saat melakukan aktivitas bertransaksi.
Metodologi yang di gunakan dalam
pembuatan Tugas Akhir ini adalah
menggunakan metodologi Waterfall
(Sommervile, 2003) yang terdiri dari
tahapan Analisa Kebutuhan, Desain Sistem,
Coding, Pengujian Program, Pemeliharaan.
Sedangkan bahasa pemograman yang
digunakan yaitu bahasa pemogramaman php
dan untuk databasenya menggunakan
MySql. Dari hasil penyusunan ini, akhirnya
dapat ditarik kesimpulan bahawa rancang
bangun Aplikasi Penyewaan Mobil ini bisa
mengakomodasi kebutuhan dalam kegiatan
transaksi sewa, pemesanan, pembayaran
sehingga perusahaan dapat memperoleh
informasi yang lebih akurat dari setiap
aktivitas yang dikerjakan [2].
Astuti Puspita Dwi, (2017) dalam
penelitian yang berjudul “Sistem Informasi
Penjualan Obat Pada Apotek Jati Farma
Arjosari” menjelaskan bahwa Apotek “Jati
Farma” merupakan satu-satunya toko obat
yang ada di Kecamatan Arjosari.Tepatnya di
pinggir jalan raya Pacitan-Ponorogo Km.10,
dan berdekatan dengan pasar Arjosari.
Dengan lokasinya yang sangat strategis
tersebut, memudahkan para warga untuk
menjangkau tempatnya. Dengan kemajuan
teknologi yang semakin canggih, sekarang
ini masih banyak sekali bahkan hamper
semua toko obat (apotek) yang
menggunakan cara konvensional untuk
mengerjakan tugas-tugas yang berkaitan
dengan apotek. Salah satunya adalah Apotek
Jati Farma di Kecamatan Arjosari. Apotek
ini memiliki permasalahan pada pencatatan
transaksi yang bersifat konvensional. Karena
itu dibutuhkan sebuah sistem yang dapat
mengatasi hal tersebut. Software yang
digunakan untuk pembuatan sistem ini
adalah Visual Basic 6.0, Mysql connector
odbc, xampp sebagai servernya dan MySql
untuk databasenya. Tujuan dari penelitian
ini adalah untuk membuat sistem pencatatan
obat (pembelian-penjualan) yang bersifat
komputerisasi. Manfaatnya adalah agar
memudahkan proses pencatatan data obat,
baik itu pembelian ataupun penjualan.
Metode yang digunakan adalah kepustakaan,
observasi, wawancara dan analisis. Dari
pembuatan sistem ini, harapannya bias
meringankan tugas asisten apoteker dan
membuat kinerja apotek menjadi lebih
efektif dan efisien [3].
Nugroho, R.F, dkk, (2016) dalam
penelitian yang berjudul “Perancangan Dan
Implementasi Sistem Reservasi Servis Mobil
Berbasis Website Studi Kasus Di Bengkel
Mobil Pandawa 5 Motosport” menjelaskan
Pemanfaatan internet saat ini sudah
memasuki berbagai aspek bidang usaha.
Dengan adanya teknologi internet semua
informasi dapat diperoleh dengan mudah
dan cepat. Saat ini banyak perusahaan yang
sudah memanfaatkan internet untuk dapat
menunjang kinerja perusahaan. Namun
masih banyak perusahaan yang belum
menggunakan teknologi untuk menunjang
kegiatan mereka. Salah satunya adalah
bengkel mobil Pandawa 5 Motosport yang
sistem kerjanya masih dilakukan secara
manual. Hal inilah yang mendasari
diajukannya Proyek Akhir yang berjudul:
“perancangan dan implementasi system
reservasi servis mobil berbasis website”.
Permasalahan yang terdapat pada bengkel
mobil Pandawa 5 Motosport adalah sistem
kerja yang dilakukan masih secara manual
seperti reservasi servis mobil yang masih
mengharuskan pelanggan untuk datang
langsung ke bengkel, sehingga pelanggan
tidak dapat mengetahui jika bengkel mobil
tersebut sudah penuh dan tidak dapat
melayani pelanggan. Dengan adanya
permasalahan tersebut, pada Proyek Akhir
kali ini dibuatlah sebuah aplikasi sistem
reservasi servis mobil berbasis website pada
bengkel mobil Pandawa 5 Motosport. Pada
Proyek Akhir ini menghasilkan aplikasi
sistem reservasi servis mobil secara online.
Aplikasi ini dibuat untuk mempermudah
sistem informasi Pandawa 5 Motosport
terutama pada saat pelanggan melakukan
reservasi servis mobil, sehingga pelanggan
tidak perlu datang langsung untuk
melakukan reservasi jika ingin memperbaiki
kendaraannya dan pihak bengkel
memberikan informasi kepada pelanggan
secara otomatis ketika kendaraannya sudah
selesai diperbaiki [4].
Evanita, dkk, (2017) dalam penelitian
yang berjudul “Sistem Informasi Penjualan
Online Jamur Tiram Mushroom House
Berbasis Web” menjelaskan bahwa
Mushroom House ini termasuk sebuah
UMKM (Usaha Mikro Kecil dan Menengah)
yang bergerak di bidang wirausaha jamur
tiram. Dalam mengembangkan pemasaran
jamur tiram dengan mengikuti
perkembangan teknologi sekarang ini, perlu
adanya sebuah system penjualan online
melalui media website. Informasi mengenai
jenis jamur tiram, khasiat, olahan jamur
tiram serta registrasi pembeliannya terdapat
pada sistem penjualan online ini.
Pembangunan sistem dimulai dari tahap
pertama perancangan sistem, tahap kedua
pembangunan aplikasi system, tahap terakhir
implementasi sistem menggunakan
Dreamweaver CS5 dan bahasa
pemrograman PHP (Hypertext
Preprocessing). Pembangunan sistem ini
menghasilkan sistem penjualan online
berbasis web yang melayani pembelian
dengan harga eceran dan juga harga bakul
disesuaikan dengan kebutuhan pesan antar.
Selain itu juga ada menu olahan jamur tiram
yang berisi berbagai resep olahan jamur
tiram agar para pengguna sistem ini dapat
termotivasi untuk memvariasi berbagai
masakan jamur tiram. Diharapkan
pemasaran Mushroom House dapat
meningkat pesat dengan adanya system
penjualan online yang telah dibangun [5].
Wahyuningsih, A.S, dkk, (2017)
dalam penelitian yang berjudul “Sistem
Informasi Penjualan Barang Furniture
Berbasis Web Pada PT. Vinotindo Graha
Sarana Menggunakan PHP dan MySQL”
menjelaskan bahwa perkembangan dunia
internet sekarang ini sangat pesat, karena
semakin banyak perusahaan swasta, instansi
pemerintahan dan istitusi pendidikan
membutuhkan layanan informasi yang
sangat cepat.. Sistem penjualan banyak
dilakukan secara online, sehingga
mempermudah pelanggan. Dalam penelitian
ini akan membuat Sistem Informasi
Penjualan Barang Furniture berbasis Web
pada PT. Vinotindo Graha Sarana. Saat ini
masih menggunakan sistem penjualan secara
manual, sehingga pelanggan kurang
mendapatkan informasi yang akurat dan
cepat. Karena pelanggan harus datang ke
PT. Vinotindo Graha Sarana untuk
mendapat informasi dan melakukan
pemesana, selaim itu membutuhkan waktu
yang lama dalam transaksi penjualan.
Diharapkan dengan system penjualan
berbasis web akan meningkatkan penjualan
dan mempermudah transaksi penjualan
dengan pelanggan [6].
Sembiring Jocelyne Oktavina, (2017)
dalam penelitian yang berjudul “Sistem
Informasi Pemesanan Dan Penjualan Barang
pada Pintera Kreativ Berbasis Web”
menjelaskan bahwa Tujuan penelitian ini
adalah merancang sebuah sistem informasi
berbasis web maupun android pada Pintera
Kreativ untuk membantu meningkatkan
penjualan agar dapat melakukan pemesana
secara online dan memberika informasi
produk yang ada pada Pintera Kreativ
melalui smartphone maupun melalui
halaman website. Metode penelitian
dilakukan dengan dua metode yakni, metode
analisis data dan perancangan sistem
informasi. Metode analisis data dilakukan
dalam menemukan informasi yang
dibutuhkan dengan kegiatan penelitian dan
studi pustaka. Meotde perancangan sistem
infomasi digunkkan dalam penilaian
mengenai masalah dalam analisis
data,metode ini merupakan rancangan
database, pembuatan struktur
menu,pembuatan spesifikasi database dan
pembuatan tampilan layar. Hasil penelitian
menunjukkan bahwa perancangan sistem
informasi penjualan dan pemesanan berbasis
android dapat memudahkan Pintera Kreativ
dalam memasarkan produk maupun
konsumen dalam melakukan pemesanan
produk dengan memanfaatkan media
internet sehingga dapat bekerja secara lebih
efektif dan efisien, sehingga pemasaran
produk dapat berkembang. Kesimpulan yang
dapat diambil adalah internet merupakan
sebuah media dalam pemasaran produk
secara luas [7].
Ariani Fattya, (2016) dalam penelitian
yang berjudul “Rancang Bangun Sistem
Informasi Pemesanan Jasa Fotografi
Berbasis Web Menggunakan Metode
Waterfall” menjelaskan bahwa Informasi
yang baik dan cepat sangat dibutuhkan
setiap organisasi atau perusahaan, untuk
membantu efisiensi dan efektifitas kerja.
Sudah menjadi suatu kebutuhan bagi suatu
organisasi atau perusahaan untuk
menggunakan sistem yang dapat
menghasilkan informasi yang baik dan
akurat permasalahan yang ada saat ini.
Banyak jasa fotografi yang saat ini masih
kurang dikenal karena pemasarannya masih
konvensional dengan mengandalkan
beberapa kegiatan promosi tanpa
menggunakan teknologi informasi seperti
pembagian brosur, pemasaran secara
langsung, dan mempunyai kendala seperti
kesulitan bertransaksi atau pemesanan,
informasi yang kurang up to date, pelanggan
hanya dapat memperoleh informasi pada
saaat jam kerja saja. Dengan adanya system
pemesanan jasa fotografi terkomputerisasi
yang berbasis website ini memudahkan
pelanggan untuk melakukan transaksi kapan
pun dan dimana pun mereka inginkan.
Keamanan data terjaga, mempermudah
karyawan dalam mengolah data transaksi
dan laporan dapat tersaji dengan cepat dan
akurat [8].
Caniati Nia, dkk, (2017) dalam
penelitian yang berjudul “Implementasi
Sistem Informasi Pemesanan Menu
Makanan Dan Minuman Pada Kafe Berbasis
Web Menggunakan Jaringan Intranet”
menjelaskan bahwa kafe merupakan tempat
untuk bersantai dan berbincang-bincang
dimana pengunjung dapat memesan
minuman dan makanan. Pada umumnya
restoran ataupun kafe mengalami kesulitan
untuk melayani pemesanan menu makanan
dan minuman, kesulitan tersebut adalah
pelanggan menunggu terlalu lama untuk
mendapatkan menu makanan dan minuman
yang dipesan sehingga kurang adanya
kenyamanan bagi pengunjung. Implementasi
system informasi pemesanan menu makanan
dan minuman ini diterapkan berbasis web
dengan menggunakan jaringan intranet
bertujuan agar operasional kafe dapat
berjalan lebih efektif, aman, cepat, dan
akurat. Dengan system informasi ini data
laporan penjualan kafe menjadi
terkomputerisasi, sehingga data dapat
tersimpan dengan baik. Sistem informasi ini
dikembangkan menggunakan framework
bootstrap dengan bahasa pemrograman PHP
dan menggunakan database MySQL. Dari
hasil pengujian menggunakan metode
blackbox dapat disimpulkan bahwa sistem
informasi pemesanan menu makanan dan
minuman berbasis web ini dapat membantu
proses pemesanan pada salah satu kafe
Made In Bandung [9]..
3. Metodologi Penelitian
3.1. Bahan Penelitian
Bahan utama dari penelitian ini
menggunakan data-data yang berkaitan
dengan produksi gordyn yaitu data gordyn,
aksesoris gordyn, data kain, data penjahit
dan data karyawan yang ada di toko Hanny
gordyn..
3.2. Alat Penelitian
1. Perangkat Keras
a. Laptop Dell dengan spesifikasi
Processor Intel Celeron
b. RAM 84.00 GB
2. Perangkat Lunak
a. Star UML, sebagai media
dalam membuat pemodelan
sistem.
b. XAMPP, sebagai server local
c. Web Browser, sebagai media
untuk pengujian sistem dari
suatu web di dalam komputer.
d. MySQL, sebagai server
database.
e. Sublime Text Sebagai text
editor.
f. CodeIgniter 3.1 Sebagai tools
development.
3.3. Alur Penelitian
Alur penelitian yang digunakan
pada penelitian ini adalah metode
waterfall, metode ini dipilih karena
dapat melakukan pendekatan secara
 sistematis dan urut mulai dari untuk mengetahui proses
perencanaan, analisa perancangan pemesanan serta informasi lainnya
sistem beserta desain sistem, yang dibutuhkan dalam penelitian.
pembuatan sistem dan pengujian. 3. Analisis Data
Tahapan alur penelitian adalah Tahap selanjutnya dengan
sebagai berikut : menganalisis data-data yang telah
1. Identifikasi Masalah diperoleh untuk dijadikan acuan
Tahapan awal yang terhadap permasalahan yang ada
dilakukan pada penelitian ini ketika sistem akan dibuat. Data
adalah mengidentifikasi yang digunakan dan dianalisis
permasalahan yang sering terjadi yaitu data gordyn, data aksesoris,
pada Toko Hanny Gordyn. data kain dan data konveksi di toko
Permasalahan tersebut antara lain, Hanny Gordyn.
penyimpanan data belum efisien, 4. Perancangan dan Pembuatan
pemesanan customer datang Sistem
langsung ke tempat usaha, dan Proses ini digunakan untuk
apabila stok barang sudah habis mengubah kebutuhan kebutuhan di
pemilik toko sulit dalam atas menjadi representasi ke dalam
memberikan informasi kepada bentuk sebelum coding dimulai.
customer. Sehingga pada a. Perancangan UML
penelitian ini, dirancang sebuah Perancangan UML (Unified
sistem berbasis website yang Modelling Language) digunakan
membangun sebuah sistem untuk menjelaskan dan
informasi dalam proses penjualan menvisualisasikan artifak dari
yang dilakukan pada Toko Hanny proses analisa dan desain
Gordyn. berorientasi objek. UML
2. Pengumpulan Data memungkinkan developer
Tahap ini mengumpulkan melakukan pemodelan secara
data-data yang mendukung untuk visual, yaitu penekanan pada
digunakan dalam pembuatan penggambaran. Pemodelan visual
aplikasi. Pada tahap ini, dilakukan membantu untuk menangkap
beberapa metode pengumpulan struktur dan perilaku dari objek,
data seperti : mempermudah penggambaran
a. Observasi interaksi antara elemen dalam
Pengumpulan data pada sistem, dan mempertahankan
penelitian ini di awali dengan konsistensi atara desain dan
melakukan pengamatan di implementasi dalam pemograman.
lapangan, yakni dengan melakukan b. Perancangan User Interface
survei secara langsung terhadap Proses desain atau pembuatan
mekanisme pemesanan gordyn dan prototype akan menerjemahkan
sistem manajemen di toko hanny syarat kebutuhan userinterface
gordyn. kesebuah perancangan perangkat
b. Study Literature lunak yang dapat diperkirakan
Dalam metode ini melakukan sebelum dibuat coding.
pencariaan referensi dan sumber- Perancangan interface ini meliputi
sumber yang berguna untuk perancangan tampilan (form) yang
pembelajaran konsep dasar dan diinginkan serta menu-menu yang
teori-teori yang digunakan untuk terdapat pada aplikasi website.
membuat sistem informasi pada 5. Pembuatan Sistem
toko Hanny Gordyn Berbasis Pada tahap ini merupakan
Website. tahap yang utama, setelah
c. Wawancara melakukan perancangan sistem
Dalam metode ini melakukan dilanjutkan dengan tahap
wawancara dengan bertanya pembuatan sistem. Pada tahap
langsung kepada pemilik toko pembuatan sistem ini dilakukan
 penulisan kode-kode untuk 4.1.1 Use Case Diagram
membuat sistem berdasarkan
perancangan yang sudah di buat.
Sistem ini dibangun menggunakan
framework codeigniter dengan
bahasa pemrograman php untuk
kepentingan development aplikasi
berbasis website dan browser
sebagai emulatornya.
6. Pengujian Sistem Gambar 1. Use Case
Tahap ini adalah tahap
terakhir dalam penelitian. Dalam 4.1.2 Activity Diagram
tahap ini sistem yang dibuat
dilakukan pengujian untuk melihat
ketidaksesuaian pada sistem yang
dibuat sudah sesuai dengan
perancangan sistem atau tidak.
Pada tahap pengujian sistem
dilakukan dengan metode Black
Box Testing.
a. Blackbox
Pengujian Black Box
berfokus dari segi logika dan
fungsional untuk memastikan
bahwa semua bagian harus Gambar 1. Activity Diagram Register
sudah diuji. Metode yang User
dipakai dalam pengujian ini
adalah BlackBox yaitu
pengujian dengan cara memilih
input yang benar dan tidak
benar serta menentukan output
yang benar. Pegujian tersebut
meliputi pengisian data acak
yang tidak sesuai dengan tipe
data pada standar aplikasi
tersebut, misalnya pada kolom
nama akan diisi menggunakan
angka atau simbol. Pengujian Gambar 2. Activity Diagram Lihat
dengan metode blackbox pada Produk
aplikasi ini bertujuan apakah
sistem tersebut dapat mengatasi
perlakuan yang tidak sesuai
dengan prosedur aplikasi dan
memberi tindakan lanjutan
berupa pesan error yang
ditampilkan.
data.
4. Perancangan Dan Desain
4.1. Perancangan UML (Unified
Modeling Language).

Gambar 3. Activity Diagram

Pencocokan
Gambar 4. Activity Digram Login User

Gambar 7. Activity Diagram Login

Super Admin

Gambar 5. Activity Diagram Login

Admin

Gambar 8. Activity Diagram Pesanan

Gambar 6. Activity Diagram Login

Konveksi Gambar 9 Activity Diagram Kelola
Produk
 Gambar 10. Activity Diagram Kelola
Bahan Gambar 13. Activity Diagram Laporan
Super Admin

4.1.3 Sequence Diagram

Gambar 14. Sequence Diagram

Register User
Gambar 11. Activity Diagram Laporan
Admin

Gambar 15. Sequence Diagram Login

User

Gambar 12. Activity Diagram Laporan

Konveksi
Gambar 16. Sequence Diagram Login Gambar 20. Sequence Diagram
Admin Pencocokan

Gambar 17. Sequence Diagram Login Gambar 21. Sequence Diagram

Konveksi Pemesanan

Gambar 22. Sequence Kelola Produk

Gambar 18. Sequence Diagram Login
Superadmin

Gambar 23. Sequence Diagram Kelola

Bahan

Gambar 19. Sequence Diagram Lihat

Produk
 Gambar 28. Desain Halaman Login
Gambar 24 Sequence Diagram Laporan
Admin

Gambar 29. Desain Halaman Register

Gambar 25. Sequence Diagram Laporan
Konveksi

Gambar 30. Desain Tampilan Add To Chart

Gambar 26. Sequence Diagram Laporan Pre Order
Superadmin

4.2. Desain Tampilan Antarmuka

(Interface)

Gambar 31. Desain Tampilan Add To

Chart Ready

Gambar 27. Desain Tampilan Awal

 Gambar 32. Desain Tampilan Detail Gambar 36. Desain Tampilan Kategori
Produk Pre Order Aksesoris

Gambar 37. Desain Tampilan Kategori

Gambar 33. Desain Tampilan Detail Paket
Produk Ready

Gambar 38. Desain Tampilan Detail Paket

Gambar 34. Desain Tampilan Alert

Kategori

Gambar 39. Desain Tampilan Chart

Gambar 35. Desain Tampilan Kategori

Gordyn

Gambar 40. Desain Halaman Menu

Pencocokan
 Gambar 46. Desain Halaman Login Admin
Gambar 41. Desain Halaman Contact

Gambar 47. Desain Halaman Dashboard

Gambar 42. Desain Halaman Profile Admin

Gambar 48. Desain Halaman Tambah

Gambar 43. Desain Halaman Checkout
Akun Konveksi

Gambar 44. Desain Halaman Invoice Gambar 49. Desain Halaman Data Akun
Konveksi

Gambar 45. Desain Halaman Payment

Gambar 50. Desain Halaman Tambah
Akun User
 Gambar 51. Desain Halaman Data Akun
User Gambar 55. Desain Halaman Tambah Data
Bahan

Gambar 52. Desain Halaman Tambah

Gambar 56. Desain Halaman Tambah
Produk
Paket

Gambar 53. Desain Halaman Produk Stock

Gambar 57. Desain Halaman Data Paket

Gambar 53. Desain Halaman Data Produk Gambar 58. Desain Halaman Tambah
Gambar Pencocokan

Gambar 54. Desain Halaman Data Bahan

Gambar 59. Desain Halaman Data Gambar
Pencocokan
 Gambar 60. Desain Halaman Tambah Gambar 65. Desain Halaman Pemesanan
Kategori User (Pilih Konveksi)

Gambar 66. Desain Halaman Pemesanan

Gambar 61.Desain Halaman Data Kategori
Konveksi

Gambar 62. Desain Halaman Pemesanan

User Gambar 67. Desain Halaman Laporan
Admin

Gambar 63. Desain Halaman Pemesanan

Gambar 68. Desain Halaman Login
User (Lihat Invoice)
Konveksi

Gambar 64. Desain Halaman Pemesanan Gambar 69. Desain Halaman Dashboard
User (Lihat Pembayaran)
 Gambar 70. Desain Halaman Pemesanan Gambar 75. Desain Halaman Data
Konveksi Konveksi

Gambar 71. Desain Halaman Laporan Gambar 76. Desain Halaman Tambah
Konveksi Admin

Gambar 72. Desain Halaman Login Super Gambar 77. Desain Halaman Data Admin
Admin

Gambar 78. Desain Halaman Laporan

Gambar 73. Desain Halaman Dashboard Pemesanan
Super Admin

Gambar 79. Desain Halaman Laporan

Gambar 74. Desain Halaman Tambah Data Stock Kain
Konveksi
 Gambar 80. Desain Halaman Laporan Gambar 84. Tampilan Frontend Home
Stock Barang

5. Hasil Dan Pembahasan Penelitian

5.1. Hasil Penelitian

Gambar 85. Tampilan Halaman

Pencocokan

Gambar 81. Tampilan Halaman Login

User

Gambar 86. Tampilan Add To Cart Pre

Order

Gambar 82. Tampilan Halaman Registrasi

User

Gambar 87. Tampilan Add To Cart Ready

Gambar 83. Tampilan Halaman Forgot

Password User

Gambar 88. Tampilan Halaman Detail

Produk Pre Order
 Gambar 89. Tampilan Halaman Detail
Produk Ready Gambar 94. Tampilan Halaman Detail
Paket

Gambar 90. Tampilan Halaman Kategori

Paket Gambar 95. Tampilan Halaman Profile

Gambar 91. Tampilan Halaman Kategori

Gambar 96 Tampilan Halaman Cart
Gordyn

Gambar 92. Tampilan Halaman Kategori Gambar 97. Tampilan Halaman Checkout
Aksesoris

Gambar 93. Tampilan Halaman Contact Gambar 98. Tampilan Halaman Invoice
Gambar 99 Tampilan Halaman Payment Gambar 104. Tampilan Halaman Login
Admin

Gambar 100. Tampilan Halaman Login

Gambar 105. Tampilan Halaman
Konveksi
Dashboard Admin Toko

Gambar 101. Tampilan Dashboard Admin

Konveksi Gambar 106. Tampilan Halaman Data
Akun Konveksi

Gambar 102. Tampilan Halaman Pesanan Gambar 107. Tampilan Halaman Tambah
(Admin Konveksi) Data Konveksi

Gambar 103. Tampilan Halaman Laporan

Pemesanan (Admin Konveksi) Gambar 108. Tampilan Halaman Data
Akun User
Gambar 109. Tampilan Halaman Tambah Gambar 114. Tampilan Halaman Tambah
Akun User Stok Bahan

Gambar 110. Tampilan Halaman Tambah

Gambar 115. Tampilan Halaman Tambah
Produk
Paket

Gambar 111. Tampilan Halaman Stok

Gambar 116. Tampilan Halaman Data
Produk
Paket

Gambar 112. Tampilan Halaman Data

Gambar 117. Tampilan Halaman Tambah
Produk
Gambar Pencocokan

Gambar 113. Tampilan Halaman Stok Gambar 118. Tampilan Halaman Gambar
Bahan Pencocokan
Gambar 119. Tampilan Halaman Tambah
Data Kategori Gambar 124. Tampilan Halaman Kelola
Pemesanan User (Pilih Konveksi)

Gambar 120. Tampilan Halaman Data

Kategori Gambar 125. Tampilan Halaman Kelola
Pemesanan User (Input Status)

Gambar 121. Tampilan Halaman Kelola

Pemesanan User Gambar 126. Tampilan Halaman Kelola
Pemesanan Konveksi

Gambar 122. Tampilan Halaman Kelola

Pemesanan User (Invoice) Gambar 127. Tampilan Halaman Laporan
Pemesanan Admin

Gambar 123. Tampilan Halaman Kelola

Gambar 128. Tampilan Halaman Login
Pemesanan User (Pembayaran)
Super Admin
 Gambar 129. Tampilan Halaman
Dashboard Super Admin Gambar 134. Tampilan Halaman Laporan
Pemesanan (Super Admin)

Gambar 130 Tampilan Halaman Data

Admin Toko (Super Admin) Gambar 135. Tampilan Halaman Laporan
Stok Kain (Super Admin)

Gambar 131. Tampilan Halaman Tambah

Admin Toko (Super Admin) Gambar 136. Tampilan Halaman Laporan
Stok Barang (Super Admin)

Gambar 132. Tampilan Halaman Data

Admin Konveksi (Super Admin) Gambar 137. Tampilan Halaman Laporan
Web Setting (Super Admin)

5.2. Pengujian Sistem

Dalam tahap pengujian Sistem
Informasi Pemesanan dan Penjualan
Gordyn Pada Toko Hanny Gordyn Berbasis
Website), sistem diuji dengan menggunakan
black-box.

Gambar 133. Tampilan Halaman Tambah

Konveksi (Super Admin)
6. Kesimpulan
Sistem Informasi Pemesanan dan
Penjualan Gordyn Pada Toko Hanny Gordyn
Berbasis Website telah selesai dibangun dan
diuji. Kesimpulan dari penelitian yang
dilakukan :
1. Aplikasi Pemesanan dan Penjualan
Gordyn Pada Toko Hanny Gordyn
Berbasis Website yang telah dibuat dapat
digunakan untuk memesan gordyn secara
online ditoko Hanny Gordyn.
2. Aplikasi Pemesanan dan Penjualan
Gordyn Pada Toko Hanny Gordyn
Berbasis Website dapat digunakan untuk
memanajemen data barang, stok barang,
transaksi pembelian dan data konveksi
dengan lebih mudah.
3. Aplikasi Pemesanan dan Penjualan
Gordyn Pada Toko Hanny Gordyn
Berbasis Website telah dilakukan
pengujian sistem dengan menggunakan
blackbox testing.
4. Hasil pengujian blackbox testing
menunjukan sistem sudah berjalan sesuai
dengan fungsinya.perancangan.
7. Daftar Pustaka
[1] Rosadi, D., & Andriawan, F. O,
“Aplikasi sistem informasi pencarian
tempat kos di kota bandung berbasis
android”, Jurnal Computech & Bisnis,
10(1), 50-58, 2016.
[2] Septavia, I., Gunadhi, E., & Kurniawati,
R, “Sistem Informasi Penyewaan Mobil
Berbasis Web di Jasa Karunia Tour and
Travel”, Jurnal Algoritma, 12(1), 2015.
[3] Astuti, P. D, “Sistem Informasi
Penjualan Obat Pada Apotek Jati Farma
Arjosari”, Speed-sentra penelitian
engineering dan edukasi, 3(4), 2017.
[4] Nugroho, R. F., Riza, T. A., &
Hariyani, Y. S, “Perancangan Dan
Implementasi Sistem Reservasi Servis
Mobil Berbasis Website Studi Kasus Di
Bengkel Mobil Pandawa 5 Motosport”,
eProceedings of Applied Science, 2(3),
2016.
[5] Evanita, E., & Kurniawan, B, “Sistem
Informasi Penjualan Online Jamur
Tiram Mushroom House Berbasis
Web”, Jurnal Disprotek, 8(1), (2017).
[6] Wahyuningsih, A. S., & Bahron, A. I,
“Sistem Informasi Penjualan Barang
Furniture Berbasis Web Pada PT.
Vinotindo Graha Sarana Menggunakan
PHP dan MySQL”, Jurnal Sisfokom
(Sistem Informasi dan Komputer), 6(1),
1-5, 2017.
[7] Sembiring, J. O., & Pakpahan, S,
“Sistem Informasi Pemesanan Dan
Penjualan Barang pada Pintera Kreativ
Berbasis Web”, MEANS (Media
Informasi Analisa dan Sistem), 2(2),
146-152, (2017).
[8] Ariani, F., & Christian, A,
“RANCANG BANGUN SISTEM
INFORMASI PEMESANAN JASA
FOTOGRAFI BERBASIS WEB
MENGGUNAKAN METODE
WATERFALL”, JITK (Jurnal Ilmu
Pengetahuan Dan Teknologi
Komputer), 2(1), 16-11-2016.
[9] Caniati, N., Ghozali, A. L., &
Sumarudin, A, “Implementasi sistem
informasi pemesanan menu Makanan
dan minuman pada kafe berbasis web
menggunakan jaringan intranet”, Jurnal
Ilmiah Ilmu Komputer Fakultas Ilmu
Komputer Universitas Al Asyariah
Mandar, 3(2), 13-8-2017.
[10] Fathansyah, 2012, Basis Data,
Bandung: Informatika.
[11] Aryanto, D, “Penerapan dan
Perancangan Sistem Informasi
Pemesanan Kamar Hotel Berbasis Web
(Studi Kasus pada Hotel Kesawan)”,
JITEKH (Jurnal Ilmiah Teknologi
Harapan), 6(2), 46-51, (2017).
[12] Deviana, H, “Penerapan XML Web
service Pada Sistem Distribusi Barang”,
Jurnal Generic, 6(2), 61-70, (2013).
[13] Sidik, Betha. 2012. Framework
CodeIgniter. Informatika Bandung.
[14] Syahputro, M. A. E., Hernawati, E., &
Suryadi, A. H, “Aplikasi Penjualan
Dan Pemesanan Berbasis Web Di Sate
Gule Kambing Pak Ni Ponorogo”,
eProceedings of Applied Science, 4(3),
(2018).
[15] Adelia, D. J. S, “Implementasi
Customer Relationship Management
(CRM) pada Sistem Reservasi Hotel
Berbasis Website dan Desktop”, Jurnal
Sistem Informasi, 6(2), 113-126,
(2011).