SISTEM INFORMASI PEMESANAN BAJU BERBASIS WEB

(Studi Kasus Penjualan Baju Toko Dua Putra)

Di Susun Oleh : Kelompok 4

Nama : Nabila Nadia (C030317039)

Annisa (C030317026)

Muhammad Aryandi Saputra (C030317078)

Rezza Aditya Pratama (C030316080)

Kelas : TI-4B

Mata Kuliah : Rekayasa Perangkat Lunak (RPL)

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN ELEKTRO

POLITEKNIK NEGERI BANJARMASIN

2019
 KATA PENGANTAR

Segala puji dan syukur kami panjatkan kehadirat Allah Yang Maha Esa karena atas
ridho dan rahmat-Nya lah proposal ini dapat terselesaikan dan tepat waktu.

Proposal ini dibuat dengan maksud dan tujuan untuk untuk memenuhi tugas mata
kuliah Rekayasa Perangkat Lunak (RPL) yang dibimbing oleh Ibu Rahimi Fitri, S.Kom.,
M.Kom selaku dosen mata kuliah Rekayasa Perangkat Lunak (RPL). Kami sadar bahwa isi
dari proposal ini masih jauh dari kata sempurna. Maka segala kritik dan saran yang
membangun dari dosen dan teman-teman, akan kami terima dengan tangan terbuka.

Sekali lagi kami mohon maaf apabila terdapat kekurangan dalam proposal ini. Kiranya
hanya kepada Allah SWT saya memohon rahmat dan hidayah, mudah-mudahan kita selalu
dalam lindungan-Nya.

Banjarmasin, 15 Mei 2019

Penulis

i
 ABSTRAK

Pakaian merupakan kebutuhan pokok manusia selain makanan dan tempat berteduh
atau 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.

ii
 DAFTAR ISI

KATA PENGANTAR........................................................................................ i
ABSTRAK .......................................................................................................... ii
DAFTAR ISI....................................................................................................... iii
BAB I PENDAHULUAN................................................................................... 1
1.1 Latar Belakang................................................................................... 1
1.2 Rumusan Masalah.............................................................................. 1
1.3 Batasan Masalah................................................................................. 1
1.4 Tujuan dan Manfaat............................................................................ 1

BAB II METODELOGI PENELITIAN........................................................... 2

2.2 Lokasi dan Waktu Penelitian………………………………………
2.3 Alat dan Bahan Penelitian................................................…………
2.3 Teknik Pengumpulan Data...............................................................
2.4 Analisis
2.5 Flowchat pemesanan
2.6 Analisis
2.7 Tahap Perencangan
2.8 Diagram Konteks
2.9 Data Flow Diagram (DFD)
2.10 Relasi Tabel

BAB III HASIL DAN ANALISA...................................................................... 8

3.1 Hasil
3.2 Analisa
3.3 Halaman Produk
3.4 Halaman Keranjang Belanja
3.5 Proses Transaksi Selesai
3.6 Halaman Admin
3.7 Halaman Pemesanan
3.8 Halaman Barang
3.9 Halaman Detail Transaksi
iii
 3.10 Halaman Ketika Ada Laporan
BAB IV KESIMPULAN DAN SARAN............................................................ 13
4.1 Kesimpulan......................................................................................... 13
4.2 Saran................................................................................................... 13

iv
 BAB I
PENDAHULUAN

I.1 Latar belakang

Seiring dengan perkembangan kehidupan manusia, pakaian juga digunakan sebagai
simbol status, jabatan, ataupun kedudukan seseorang yang memakainya. Seiring dengan
perkembangan zaman dan teknologi, komputer mempunyai peranan dalam kegiatan
sehari-hari. Kemampuan komputer tidak hanya untuk menghitung ataupun sebagai mesin
ketik tetapi komputer dapat dijadikan partner 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 proposal 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. Bagaimana membuat sistem informasi pemesanan baju menggunakan aplikasi berbasis
web sehingga dapat mempermudah pemesanan ataupun transaksi.
2. 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. Customer memesan pakaian secara online.
2. Bebas jasa pengiriman barang hanya untuk daerah terdekat saja.
3. Tidak menerima pemesanan celana laki-laki dan celana jeans.
4. Menyediakan laporan berupa laporan data transaksi.
5. Pemesanan baju hanya menggunakan gambar baju dan ukuran sesuai standart baju (M,
1
 S, L, XL, XXL).
6. Metode pembayaran melalui transfer ATM dan pembayaran ditempat.

I.4 Tujuan dan Manfaat

I.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 desain baju tidak berubah-ubah selama
pengerjaan baju.

I.4.2 Manfaat Penelitian

Adapun manfaat penelitian ini antara lain :
1. Mempermudah dalam pemesanan baju.
2. Mempersingkat waktu dalam pemesanan dan dapat dilakukan kapanpun di
manapun.

2
 BAB II
METODOLOGI PENELITIAN

2.1. Lokasi dan Waktu Penelitian

Penulis melakukan penelitian di Toko Dua Putra yang berada di daerah Banjarmasin.
Untuk memperoleh data diatas peneliti melakukan penelitian mulai dari tanggal 9 Mei.

2.2. Alat dan Bahan Penelitian

2.2.1 Alat yang digunakan dalam penelitian ini
1. Laptop Asus X454Y AMD A8
2. Sistem operasi windows 10

2.2.2 Bahan yang digunakan dalam penelitian ini

1. Referensi tentang PHP, HTML, CSS, XAMPP, dan MYSQL.
2. Artikel-artikel tentang aplikasi berbasis web.

2.3. Teknik Pengumpulan Data

Teknik pengumpualan data yang digunakan dalam penelitian proposal ini adalah :
1. Pengamatan (Observasi)
Yaitu suatu teknik pengumpulan data yang di peroleh dengan jalan melakukan
pengamatan dan pencatatan secara langsung pada objek yang diteliti.

2. Wawancara (Interview)
Wawancara merupakan percakapan antara dua orang atau lebih dan
berlangsung antara narasumber dan pewawancara. Wawancara bertujuan untuk
mendapatkan informasi di mana sang pewawancara melontarkan pertanyaan-
pertanyaan 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.
3
 3. 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
Menggunakan tiga metode teknik analisis, antara lain :
1. Pengumpulan data
Mengumpulkan data guna mempermudah dalam membangun rancangan
system yang akan dibuat dalam projek ini.
2. Analisis data
Menganalisa atas data-data yang diperoleh guna untuk dikembangkan menjadi
sebuah aplikasi yang diinginkan.
3. Perancangan system
Menggabungkan data-data informasi untuk menentukan system apa yang akan
digunakan pada pembuatan aplikasi.

4
2.5. Flowchat pemesanan
Start

Menjalankan aplikasi

Memilih Barang

Y
Member
T
Menimpan ke Daftar
Registrasi
database
Authentication
Username & Password
data

T
Cocok
Y

ada
Stok Barang
T
Y
Proses
Tambah Barang
Pemesanan
T

Detail pemesanan

Total harga Menyimpan ke database Data pemesanan

Nota pemesanan

Menyimpan ke
Kartu Belanja

Transfer uang

Bukti transfer Menyimpan ke database Data pembayaran

Cek rekening

T
Transfer ditrima
Y

Nota pembayaran Update status

Status pembayaran
pembayaran

Melakukan pengiriman

Nota pengiriman No. Resi

Menyimpan ke database
pengiriman

Finish

Gambar 1 : Flowchart

2.6. Analisis
Analisia menggunakan tiga teknik analisis, antara lain :
1. Pengumpulan data
Mengumpulkan data guna mempermudah dalam membangun rancangan sistem
yang akan dibuat dalam projek ini.
5
 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 sistem apa yang akan
digunakan pada pembuatan aplikasi.

2.7. Tahap Perencangan

Dalam perancangan aplikasi ini juga memperhatikan kebutuhan dan rekomendasi hasil
study kelayakan. Kebutuhan yang dimaksud adalah kebutuhan para pelaku (user) dari
sistem yang akan dibuat.

2.8. Diagram Konteks

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

Pemesanan, Data
user, Profile, Produk,
Registrasi, Berita,
Bukti pembayaran pemesanan
Input data Input data

SISTEM
INFORMASI
user PEMESANAN BAJU admin
BERBASIS WEB

informasi informasi
Produk, Profile, Produk,
Konfirmasi member, Berita,
Data member, pemesanan
Konfirmasi pembayaran,
berita
Laporan penjualan

pemilik

Gambar 2 : Diagram Konteks

2.9. Data Flow Diagram (DFD)

DFD merupakan alat perancangan sistem yang berorientasi pada alur data dengan

6
 konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan
sistem yg mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun
pembuat program.

Kofirmasi ketersediaaan barang

user Data user

1
Akses member
username
2
Cari barang
Kode barang barang

Konfirmasi member username

Konfirmasi waktu Username
Data user User
pemesanan Kode barang
Kode transaksi
Bukti transaksi
4 Kode transaksi Kode transaksi 3
Transaksi Kode kota Ongkos kirim
Verifikasi Tgl pesan Tgl pesan Transaksi

Kode transaksi Ukuran barang

No pesanan
Kode ukuran
5 6
No pesanan Laporan penjualan
Pesanan pemilik
laporan

Kode barang username Kode katagori

Barang User Katagori barang

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 database mudah dimodifikasi.

transaksi hubungi
user
PK id_transaksi PK id_hubungi int(5)
PK id_user int(5)

status_transaksi varchar(50) subjek varch ar(100)

nama_lengkap varchar(100) tgl_transaksi date pesan text
alamat text jam_transaksi time tanggal date
rekening varchar(20) id_user int(5) gambar varch ar(100)
id_kota int(5) status enum(baru,
username varchar(50) lunas, batal)
email varchar(100) harga varch ar(10)
password varchar(50) transaksi_temp id_user int(5)

PK id_transaksi_temp int(5)
bukti transfer
ongkos kirim
kode_barang int(5)
id_session varchar(100) PK id_pembayaran int(5)
PK id_kota int(3) jumlah int(5)
tgl_transaksi_temp time no_transaksi int(5)
nama_kota varchar(100) jam_transaksi_temp date total_tagihan varch ar(20)
ongkos_kirim int(10) stok_temp int(5) rekening_tujuan int(30)
gambar varch ar(100)
jenis varch ar(20)
detail_transaksi
barang
PK id_transaksi int(5)
modul
PK kode_barang int(5)
kode_barang int(5)
jumlah int(5) PK id_modul int(5)
nama_barang varchar(20
kode_ukuran int(5)
kode_katagori int(5) static_content text
harga int(20) gambar varch ar(100)
stok int(5)
katagori barang
berat desimal(5,2)
uns igned PK kode_katagori int(5)
deskripsi text admin
tgl_masuk date nama_katago ri varchar(100)
gambar varchar(100) PK username varch ar(50)
dibeli int(5)
diskon int(50
nama_lengkap varch ar(100)
ukuran varchar(10)
alamat text
rekening varch ar(20)
no_telp varch ar(20)
username varch ar(50)
email varch ar(100)
password varch ar(50)
level varch ar(20)
blokir enum Y,N

Gambar 4 : Tabel Relasi

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

8
 Gambar 1 : Halaman Utama User

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

9
 3.2.3 Halaman Login
Halaman 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

3.3 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 4 : Produk

10
3.4 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, nomor
rekening, email. Kemudian ada nomor 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.

11
 Gambar 6 : Proses Transaksi Selesai

3.6 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. Laporan 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.
12
 Gambar 7 halaman utama admin

3.7 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 dibagi menjadi 2 yaitu hapus untuk menghapus
pemesanan dan view untuk melihat detail pemesanan.

Gambar 7 halaman pemesanan

3.8 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, tanggal

12
 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.9 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

13
3.10 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 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 10 halaman laporan

14
 BAB 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 gadget ke internet. Pengunjung disarankan memiliki koneksi
internet yang stabil agar proses transaksi tidak terganggu. Sistem ini dapat dikembangkan
dalam segi pemesanan atau pun tampilannya.
15