SISTEM INFORMASI PEMESANAN BAJU BERBASIS

Vol : ……. No : ……, September 2016

SISTEM INFORMASI PEMESANAN BAJU BERBASIS WEB
(Studi Kasus Penjualan Baju Toko Dua Putra Kedung Solo Porong
Sidoarjo)
Achmad Amin Tohari
Informatika D3 (Teknik / Universitas Muhammadiyah Sidoarjo), Sidoarjo
Email : amin@mhs.umsida.ac.id
Abstrak – Pakaian merupakan kebutuhan pokok manusia selain makanan dan tempat berteduh / tempat tinggal
(rumah). Manusia membutuhkan pakaian untuk melindungi dan menutup dirinya.
Website atau disingkat web adalah sekumpulan halaman yang terdiri dari beberapa laman yang berisi informasi dalam
bentuk digital baik itu teks, gambar, animasi yang disediakan melalui jalur internet sehingga dapat diakses dari seluruh
dunia.
Penelitian dilakukan bertujuan untuk mengetahui masalah-masalah yang timbul di toko setiap harinya. Dan
mendapatkan solusi untuk menyelesaikannya. Metode yang digunakan dalam penelitian ini menggunakan metode waterfall.
Dengan menggunakan sistem informasi pemesanan pelanggan dapat dengan mudah memesan atau membeli produk
yang ditawarkan oleh pemilik toko.
Kata Kunci: pakaian, web, sistem informasi, toko penjualan.

Abstract – Clothes are basic human needs besides food and shelter / residence (home). Humans need
clothing to protect and hung up on her.

Website or abbreviated web is a collection of pages consisting of multiple pages containing information in
digital form be it text, images, animations that are provided via the Internet that can be accessed from all over
the world.
Research aimed to find out the problems arising in the shop every day. And find solutions to solve them. The
method used in this study using waterfall method.
By using the booking information system customers can easily order or purchase products offered by the
store owner.
Keyword : clothes, web, information systems, store sales.

I. PENDAHULUAN
I.1 Latar belakang
seiring dengan perkembngan kehidupan manusia,
pakaian juga digunakan sebagai simbol status, jabatan,
ataupun kedudukan seseorang yang memakainya.
Seiring dengan perkebangan zaman dan teknologi,
komputer mempunyai peranan dalam kegiatan seharihari. Kemampuan komputer tidak hanya untuk
menghitung ataupun sebagai mesin ketik tetapi
komputer dapat dijadikan patner kerja yang mampu
mengerjakan berbagai kegiatan.
Website atau disingkat web adalah sekumpulan

halaman yang terdiri dari beberapa laman yang berisi
informasi dalam bentuk digital baik itu teks, gambar,
animasi yang disediakan melalui jalur internet
sehingga dapat diakses dari seluruh dunia.
Berdasarkan kepentingan pemilik toko dengan
melihat kemajuan teknologi informasi agar pemesanan
ataupun mempromosikan baju menjadi lebih mudah
dan tidak terjadi masalah sekaligus menambah omset
toko penulis mencoba meneliti dan menuangkan dalam
bentuk tugas akhir (TA) dengan judul “Sistem
Informasi Pemesanan Baju Berbasis WEB”.

I.2 Rumusan masalah
Dari latar belakang diatas, maka dapat
dirumuskan masalah yang akan dibahas pada tugas
akhir ini, yaitu :
1.

2.


Bagaimana membuat sistem informasi pemesanan
baju menggunakan aplikasi berbasis web sehingga
dapat
mempermudah
pemesanan ataupun
transaksi.
Bagaimana membuat sistem informasi pemesanan
baju berbasis web menggunakan bahasa
pemrograman PHP.

I.3 Batasan Masalah
Adapun batasan masalah dalam penelitian ini
antara lain :
1.
2.
3.

Customer memesan pakaian secara online
Bebas jasa pengiriman barang hanya untuk daerah
terdekat saja (Porong, Tanggulangin, Kejapanan,

Krembung)
Tidak menerima pemesanan celana laki-laki dan
celana jeans

ISSN : ……….

Vol : ……. No : ……, September 2016

4.
5.
6.

Menyediakan laporan berupa laporan data
transaksi
Pemesanan baju hanya menggunakan gambar baju
dan ukuran sesuai standart baju (m, s, l, xl, xxl).
Metode pembayaran melalui transfer ATM dan
pembayaran ditempat.

Wawancara merupakan percakapan antara

dua orang atau lebih dan berlangsung antara
narasumber dan pewawancara. Wawancara
bertujuan untuk mendapatkan informasi di mana
sang pewawancara melontarkan pertanyaanpertanyaan untuk dijawab oleh orang yang
diwawancarai. Dengan wawancara data yang
diperoleh akan lebih mendalam, karena mampu
menggali pemikiran atau pendapat secara detail.
Oleh karena itu dalam melaksanakan wawancara
diperlukan keterampilan dari seorang peneliti
dalam berkomunikasi. Seorang peneliti juga harus
bersikap netral, sehinigga responden tidak merasa
ada tekanan psikis dalam memberikan jawaban
kepada peneliti.

I.4 Tujuan dan Manfaat
1.4.1 Tujuan penilitian.
Tujuan dari penelitian ini adalah membuat
sistem pemesanan baju untuk mempermudah
pelanggan dalam membuat, memesan, membeli baju
dan membantu pemilik toko agar ukuran atau design

baju tidak berubah-ubah selama pengerjaan baju.
1.4.2 Manfaat Penelitian

3.

Adapun manfaat penelitian ini antara lain :
1.
2.

Mempermudah dalam pemesanan baju.
Mempersingkat waktu dalam pemesanan dan
dapat dilakukan kapanpun di manapun.

Studi kasus
Data yang diperoleh melalui buku-buku
literatur dan artikel yang didapat di internet yang
berhubungan dengan masalah yang akan diteliti
sebagai bahan referensi bagi penulis.

2.4. Analisis

II. METODE PENELITIAN
2.1. Lokasi dan Waktu Penelitian
Penulis melakukan penelitian di Toko Dua Putra
yang beralamatkan di Jalan Raden Wijaya No. 07 Desa
Kedung Solo Porong Sidoarjo. Untuk memperoleh
data diatas peneliti melakukan penelitian selama dua
minggu pada tanggal 30 November sampai 14
Desember 2015.

2.2. Alat dan Bahan Penelitian
2.2.1 Alat yang digunakan dalam penelitian ini
1. Laptop Asus X45U AMD E2-1800 APU with
Radeon(tm) HD Graphics (2 CPUs), ~1,7 GHz
2. Sistem operasi windows 8
3. Smartphone lenovo S820
2.2.2 Bahan yang digunakan dalam penelitian ini
1. Referensi tentang PHP, HTML, CSS, XAMPP,
dan MY SQL.
2. Artikel-artikel tentang aplikasi berbasis web.


Menggunakan tiga metode teknik analisis, antara lain :
1.

2.

3.

Pengumpulan data
Mengumpulkan
data
guna
mempermudah dalam membangun rancangan
system yang akan dibuat dalam projek ini.
Analisi data
Menganalisa atas data-data yang
diperoleh guna untuk dikembangkan menjadi
sebuah aplikasi yang diinginkan.
Perancangan sistem
Menggabungkan data-data informasi
untuk menentukan system apa yang akan

digunakan pada pembuatan aplikasi.

2.3. Teknik Pengumpulan Data
Teknik pengumpualan data yang digunakan dalam
penelitian proposan ini adalah :
1. Pengamata (Observasi)
Yaitu suatu teknik pengumpulan data yang di
peroleh dengan jalan melakukan pengamatan dan
pencatatan secara langsung pada objek yang
diteliti
2. Wawancara (Interview)

ISSN : ……….

Vol : ……. No : ……, September 2016

kebutuhan para pelaku (user) dari system yang akan
dibuat.

2.5.


Flowchat pemesanan

2.8. Diagram Konteks
Diagram Konteks adalah gambaran hubungan
sistem yang terkait dengan lingkungan diluar sistem.
Berikut ini diagram konteks analis Sistem Informasi
Penjualan pada Toko Dua Putra :

Gambar 2 diagram konteks

2.9. Data Flow Diagram (DFD)
DFD merupakan alat perancangan sistem yang
berorientasi pada alur data degan konsep dekomposisi
dapat digunakan untuk penggambaran analisa maupun
rancangan sistem yg mudah dikomunikasikan oleh
profesional sistem kepada pemakai maupun pembuat
program.

gambar 1 flowchat


2.6.

Analisis

Analisi Menggunakan tiga teknik analisis, antara lain :
1.

Pengumpulan data
Mengumpulkan data guna mempermudah dalam
membangun rancangan system yang akan dibuat
dalam projek ini.
2. Analisi data
Menganalisa atas data-data yang diperoleh guna
untuk dikembangkan menjadi sebuah aplikasi yang
diinginkan.
3. Perancangan sistem
Menggabungkan data-data informasi untuk
menentukan system apa yang akan digunakan pada
pembuatan aplikasi.

Gambar 3 DFD

2.10. Relasi Tabel
Proses
relasi
antar
tabel
merupakan
pengelompokan data menjadi tabel-tabel yang
menunjukkan entitas dan relasinya, yang berfungsi
untuk mengakses data item sedemikian rupa sehingga

2.7. Tahap Perencangan
Dalam
perancangan
aplikasi
ini
juga
memperhatikan kebutuhan dan rekomendasi hasil
study kelayakan. Kebutuhan yang dimaksud adalah

ISSN : ……….

Vol : ……. No : ……, September 2016

database

mudah

dimodifikasi.

3.2.1 Halaman Utama
Halaman utama merupakan halaman pertama saat
sistem dijalankan oleh user, halaman ini memiliki
beberapa macam menu yang digunakan untuk
menghubungkan ke halaman atau submenu yang lain.

Gambar 4 tabel relasi

Gambar 1 halaman utama user

III. HASIL DAN ANALISA
3.1. Hasil
Dari hasil perancangan Sistem Informasi
Pemesanan Baju untuk Toko Penjualan Baju 2 Putra
Berbasis Web diperoleh hasil yaitu :
1. Sistem memberikan kemudahan dalam melakukan
pembelian/pemesanan baju secara online.
2. Sistem pemesanan ini mempunyi tiga tampilan
yaitu tampilan untuk user sebelum login, tampilan
user setelah login dan tampilan untuk admin.
Dalam tampilan user sebelum login ada beberapa
menu yang hanya bisa dilihat seperti halaman
utama, cara pembelian, profile, registrasi dan
halaman produk. User sebelum login hanya bisa
melihat-lihat koleksi baju saja. Sedangkan menu
untuk user setelah login, sama seperti sebelum
login tapi user bisa melakukan proses
transaksi/pemesanan . Sedangkan tampilan admin
untuk mengelola isi web toko online mulai dari
cara pembelian, nomer rekening, produk dll.
3. Sistem pemesanan ini memberikan laporan yang
akurat untuk pemilik toko agar dapat mengetahui
pendapatan dan mengontrol ketersediaan barang.
3.2. Analisa
pada tahap ini merupakan bagian dari pengujian
sistem yang telah dirancang sebelumnya. Sebelum
melakukan pengujian ada beberapa hal yang harus di
perhitungkan termasuk kelengkapan softwere yaitu
xampp sebagai server yang berdiri sendiri (localhost),
Adobe Dreamweaver dan Notepad++ untuk editornya.
Komputer/laptop dan Handphone sebagai alat untuk
menjalankan sistem. Berikut ini merupakan penjelasan
dari setiap tahapan-tahapan yang sudah dirancang
sebelumnya.

3.2.2 Halaman Registrasi
Sebelum menjadi member user harus mendaftar
dulu dihalaman registrasi. Halaman registrasi untuk
user mendaftar menjadi member agar bisa melakukan
proses transaksi penjualan atau pemesanan baju. Di
halaman ini user harus mengisi beberapa identitas
seperti username, nama lengkap, password, alamat
pengiriman, nomer rekening, email, kota. Setelah user
sudah mengisi semuanya pilih tombol daftar agar data
user tersimpan di database toko.

Gambar 2 halaman registrasi

3.2.3 Halaman Login
Halamn ini untuk masuk menjadi member atau
masuk untuk melakukan proses transaksi penjualan
dan pemesanan. User harus mengisi Username dan
Password jika sudah pilih tombol login untuk proses
pencocokan username di database toko.

Gambar 3 login user

ISSN : ……….

Vol : ……. No : ……, September 2016

3.4 Halaman Produk
Halaman produk berisi seluruh produk yang dijual
Toko 2 Putra mulai dari baju sekolah hingga baju
keluarga. Halaman ini menampilkan gambar baju
kemudian dibawahnya ada nama baju, harga baju,
diskon baju jika ada dan tombol pesan untuk beralih
kehalaman detail baju.

Gambar 6 proses transaksi selesai

Gambar 4 produk

3.5 Halaman Keranjang Belanja
Halaman keranjang belanja yang sudah terisi
belanjaan berisi gambar produk yang dibeli, nama
produk, berat untuk menghitung ongkos kirim, QTY
untuk mengisi jumlah baju yang akan dibeli, harga,
subtotal dan aksi hapus untuk membatalkan baju yang
tidak jadi dibeli.

Gambar 5 keranjang belanja

3.5 Proses Transaksi Selesai
Halaman ini menampilkan data member yaitu
nama lengkap, alamat, nomer rekening, email.
Kemudian ada nomer transaksi untuk melakukan
proses konfirmasi pembayaran. Selanjutnya ada tabel
detail belanjaan yaitu nama produk, berat, QTY, harga
satuan, subtotal.
Dibawah tabel belanjaan ada total belanjaan,
ongkos kirim, total berat yaitu perhitungan dari berat
baju perkilogram dan nanti akan dijumlahkan di total
ongkos kirim, grand total yaitu total harga keseluruhan
dari penjumlahan mulai dari harga baju + ongkos
kirim yang sudah dihitung.
Selanjutnya ada pesan dengan background merah
transparan berisi tentang cara pembayaran dengan
format no transaksi,total tagihan, bank tujuan dan bank
pengirim. Kemudian ada nomer rekening toko untuk
tujuan transfer pembayaran.

3.5 Halaman Admin
Pada halaman utama admin terdapat 13 menu
untuk
mengelola toko online diantaranya yaitu :
1. Home : halaman utama admin ketika berhasil login
dan ada kata sambutan selamat datang admin.
2. Pemesanan barang: halaman untuk melihat daftar
pesanan baju.
3. Lap. Pemesanan : untuk melihat pemesanan selama
1 bulan terakhir.
4. Kategori produk : untuk menambah atau mengedit
kategori baju.
5. Barang : halaman untuk melihat, menambah dan
mengedit barang.
6. Transaksi : halaman untuk melihat penjualan baju
yang di beli oleh pelanggan.
7. Bukti Transaksi : halaman untuk melihat pelanggan
yang sudah melakukan konfirmasi pembayaran,
untuk merubah status baru menjadi lunas di
halaman transaksi.
8. Ongkos kirim : untuk mengedit dan menambah
ongkos kirim ke kota tujan.
9. Profil toko : untuk mengedit isi profile toko.
10.Cara beli : untuk mengedit cara pembelian untuk
info pelanggan.
11. Info rekening : untuk mengedit No. Rekening toko.
12.Laporan : untuk mengetahui semua transaksi
bulanan atau transaksi hari tertentu saja.
13.LogOut : untuk keluar dari halaman admin.

Gambar 7 halaman utama admin

3.6. halaman pemesanan
Halaman pemesanan barang berisi info
pelaggan yang memesan baju. halaman ini
menampilkan kode transaksi, nama pemesan, subjek
berisikan kode baju yang dipesan, pesan isi pemesanan
misalkan jumlah yang dipesan atau yang lainnya,
tanggal pemesanan, status, harga dan aksi. Untuk aksi

ISSN : ……….

Vol : ……. No : ……, September 2016

dibagi menjadi 2 yaitu hapus untuk menghapus
pemesanan dan view untuk melihat detail pemesanan.

dengan isi faktur, tanggal, nama produk, jumlah
pembelian, harga, subtotal. Dibawah tabel laporan ada
total keseluruhan barang yang terjual. Kemudian ada
jumlah yang terjual yaitu bahwa baju yang terjual ada
10 baju terhitung pertransaksi. dan ada jumlah
keseluruhan yang terjual yaitu total baju yang terjual
dihitung perbaju.

Gambar 7 halaman pemesanan

3.7. halaman Barang
Halaman barang menampilkan seluruh daftar
produk toko. Di halaman ini terdapat tombol tambah
barang digunakan untuk menambah baju baru.
Dibawah tombol terdapat tabel daftar baju yang berisi
nama barang, berat, harga, diskon, stok, tgl masuk dan
aksi. Setiap nama barang terdapat aksi edit dan hapus.
Aksi edit sendiri digunakan untuk merubah data baju
jika ada kesalahan dan jika ada perubahan harga atau
yang lainnya.

Gambar 8 halaman barang

3.8. Halaman Detail Transaksi
Halaman detail transaksi akan muncul saat
admin memilih aksi view. Di halaman ini
menampilkan tabel untuk merubah status baru, lunas
dan batal. Dibawahnya terdapat tabel detail
pembelanjaan yang berisi nama produk, berat, jumlah,
harga satuan, total. Dibawah detail pembelanjaan ada
tabel data user yang bertransaksi.

Gambar 9 detail transaksi

3.9 Halaman Ketika Ada Laporan
Halaman ini akan muncul ketika ada proses
transaksi selesai atau lunas. Sistem akan menampilkan
laporan bulanan. Halaman ini menampilkan judul
laporan dan nama toko. Kemudian ada tabel laporan

Gambar 10 halaman laporan

IV. KESIMPULAN DAN SARAN
4.1 KESIMPULAN
Setelah melakukan analisa dan pengamatan
secara langsung terhadap objek penelitian, maka
penulis dapat menarik kesimpulan sebagai berikut :
1. Dengan dibangun sistem informasi pemesanan ini,
yang pada awalnya sistem yang digunakan masih
melakukan pengarsipan dalam penyimpanan
datanya. Dengan sistem informasi yang diusulkan
ini, proses penjualan produk dilakukan dengan
berbasis web atau telah terkomputerisasi.
2. Dengan diterapkan sistem ini diharapkan dapat
mempermudah kinerja administrator atau pemilik
toko dalam memproses pengolahan data karena
sudah mempunyai database yang terintegrasi, hal
ini sangat efektif
dan efisien bagi kinerja
administrator.
3. Sistem informasi pemesanan baju yang diusulkan
telah memenuhi fungsi-fungsi yang diharapkan,
seperti pengolahan data barang, penjualan barang
dan pembuatan laporan penjualan , pemesanan
barang.
4. Pada implementasi sistem informasi ini dapat
dijalankan secara online.
5. Pelanggan bisa menambahkan pernak-pernik baju
melalui pemesanan baju.
6. Pemilik dapat mengontrol stok baju dengan mudah
sehingga barang yang habis tidak kelamaan habis.
4.2. SARAN
Sistem informasi ini menggunakan koneksi
internet sehingga pelanggan harus mengkoneksikan
PC atau Gedget ke internet. Pengunjung disarankan
memiliki koneksi internet yang stabil agar proses
transaksi tidak terganggu. Sistem ini dapat
dikembangkan dalam segi pemesanan atau pun
tampilannya.
V. UCAPAN TERIMAKASIH
Penulis mengucapkan terima kasih kepada
pemilik toko, Ade Eviyanti sebagai pembimbing
penelitian. Semua pihak yang tidak dapat disebutkan

ISSN : ……….

Vol : ……. No : ……, September 2016

satu – persatu secara langsung maupun tidak langsung
telah memberikan dukungan moral dan pengarahan
kepada penulis.
REVERENSI
[1]
[2]
[3]
[4]
[5]
[6]
[7]

[8]
[9]

Burch John. 1986. Information system theory and practice.
Hermawan, S, Rizqi. 2006. Sistem Aplikasi Pemesanan
Makanan Sebuah Resto Berbasis Web. Sidoarjo: Universitas
Muhammadiyah
HM. Jogiyanto. 2005. Analisis dan desaun sistem informasi.
Andi Offset. yogyakarta
Irmansyah. 2010
pengertian Website. Andi Offset.
Yogyakarta. 2002
Kadir, Abdul. 2003. Pemrograman web mencakup : HTML,
CSS, JavaScript & PHP XAMPP. Penerbit andi. Yogyakarta.
Kristanto. 2003. Struktur data. Graha ilmu. Andi Offset
Yogyakarta.
Kurniawan, Yoga, Ahmad. 2009. Aplikasi Pemesanan Sepatu
Berbasis Web Mobile Studi Kasus Penjualan Sepatu Toko
Arbic Sidoarjo Jl. Thorikul Ulum. Sidoarjo: Universitas
Muhammadiyah
Roger S. Pressman 2002., rekayasa perangkat lunak
pendekatan praktis(buku satu). Mc Graw Hill Book co. Andi
Offset. Yogyakarta. 2002
Susianah. 2015. Interview of “ Sejarah Toko Dua Putra” on
home, Jl. Raden Wijaya 67.

ISSN : ……….