Sistem Transaksi Penjualan Toko Bangunan Ud Sederhana Berbasis Web Responsive

SISTEM TRANSAKSI PENJUALAN TOKO BANGUNAN
UD SEDERHANA BERBASIS WEB RESPONSIVE

TUGAS AKHIR
DISUSUN OLEH :
YUDI NICO PRASETYA PUTRA
G.111.15.0011
PROGRAM STUDI S1-SISTEM INFORMASI

JURUSAN TEKNOLOGI INFORMASI
FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI
UNIVERSITAS SEMARANG
TAHUN 2020
PERNYATAAN PENULIS TUGAS AKHIR
ii
PENGESAHAN TUGAS AKHIR
iii
PENGESAHAN UJIAN TUGAS AKHIR
DENGAN JUDUL
SISTEM TRANSAKSI PENJUALAN PADA TOKO BANGUNAN

UD SEDERHANA BERBASIS WEB RESPONSIVE
OLEH
NAMA : YUDI NICO PRASETYA PUTRA
NIM : G.111.15.0011
Telah diujikan dan dipertahankan dihadapan Dewan Penguji pada Sidang Tugas
Akhir (TA) Hari Kamis, Tanggal 27 Agustus 2020
Menurut pandangan kami, Tugas Akhir (TA) ini memadai dari segi kualitas maupun
kuantitas untuk tujuan penganugrahan gelar Sarjana Komputer (S.Kom)
KETUA TIM PENGUJI TANGGAL TANDA TANGAN
Nur Wakhidah, S.Kom, M.Cs 08-09-2020 ................................

NIS. 06557003102100
Penguji Pendamping I
Khoirudin, S.Kom, M.Eng 08-09-2020 ................................

NIS. 0655700310213
Penguji Pendamping II
Rastri Prathivi, M.Kom 08-09-2020 ................................

NIS. 06557003102154
iv
BERITA ACARA
v
ABSTRAK
Toko Bangunan UD Sederhana merupakan salah satu usaha yang bergerak
pada bidang penjualan material banguanan. Seiring berjalannya waktu tempat
bangunan ini semakin ramai pelanggan, dengan banyaknya pelanggan dan tingkat
penjualan yang semakin meningkat timbul kendala pada toko bangunan ini, salah satu
kendalanya pada sistem transaksi penjualannya. Di tokoini tidak ada refrensi daftar
barang atau dafarhargasehingga pelanggan sering kecewa karena saat datang ketoko
stok barang habis, Toko Bangunan UD Sederhana tidak memiliki sistem khusus
dalam mengelola data transaksi penjualannya sehingga pelanggan harus datang
ketokountuk melakukan pembayaran dan mengonfimasi pembayaran.
Pada penelitian ini penulis akan membuat sistem transaksi penjualan berbasis
webResponsivedengang menggunakan metode pengembangan Waterfall,pemograman
menggunakan PHP dan database menggunakan MyQSL.Diharapkan sistem ini dapat
membantu perusahan dalam mengatasasi kendala dalam sistem penjualannya.
Sistem transaksi penjualan pada toko bangunan UD.Sederhana
menggambarkan structural sistem yang memperlihatkan proses otomatisasi sehingga
proses atau kegiatan pembelian barang, stok barang, pembayaran menjadi efektif dan
efesien dalam membantu pihak toko bangunan UD. Sederhana.
Kata Kunci : Responsive, Waterfall, PHP, MySQL
vi
ABSTRACT
UD Sederhana Building Shop is one of the businesses engaged in the sale of

building materials. As time goes by, this building is getting more and more crowded
with customers, with the number of customers and the increasing level of sales, there
are problems with this building shop, one of the obstacles is in the sales transaction
system. In this shop there is no reference list of goods or price lists so customers are
often disappointed because when they come to the shop the stock is out of stock, UD
Sederhana Building Shop does not have a special system for managing sales
transaction data so customers have to come to the shop to make payments and
confirm payments.
In this study the authors will create a web-based sales transaction system
Response using the Waterfall development method, programming using PHP and
databases using MyQSL. It is hoped that this system can help companies overcome
problems in their sales system.
Sales transaction system at UD Sederhana building shop. Simple describes a
structural system that shows the automation process so that the process or activity of
purchasing goods, stock goods, payments becomes effective and efficient in helping
the UD Sederhana building shop.
Keywords : Responsive, Waterfall, PHP, MySQL
vii
KATA PENGANTAR
Puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat, hidayah
serta inayah-Nya sehingga penulis dapat menyelesaikan laporan Tugas Akhir dengan
judul “Sistem Transaksi Penjualan Pada Toko Bangunan UD Sederhana Berbasis
Web responsive” yang dibuat untuk melengkapi salah satu syarat dalam menempuh
Pendidikan Stara 1 (S1) Program Studi Sistem Informasi di Universitas Semarang.
Dalam penulisan laporan tugas akhir ini, penulis mendapatkan bimbingan,
pengarahan, nasehat dan bantuan dari berbagai pihak. Oleh karena itu pada
kesempatan ini penulis menguvapkan terima kasih kepada :
1. Bapak Andy Kridasusila, S. E., M. M, selaku Rektor Universitas Semarang.
2. Bapak Susanto, S. Kom., M. Kom, selaku Dekan Fakultas Teknologi Informasi
dan Komunikasi.
3. Ibu Prind Triajeng P, S. Kom., M.Kom, selaku Ketua Progdi Sistem Informasi
dan selaku Dosen Wali Penulis Progdi S1-Sistem Informasi.
4. Bapak Khoirudin, S.Kom, M.Eng, selaku Dosen Pembimbing yang telah bersedia
meluangkan waktu untuk membimbing, memeriksa, serta memberikan petunjuk
serta saran dalam penyusunan laporan ini.
5. Keluarga tercinta atas perhatian, doa dan dorongan motivasi yang telah
diberikan.
6. Untuk teman-teman, yang telah memberikan motivasi dan masukan dalam
pembuatan laporan Tugas Akhir ini.
7. Seluruh teman-teman Progdi Sistem Informasi angkatan 2015 yang telah
mendukung dan berbagi ilmunya hingga terselesaikannya laporan Tugas Akhir
ini.
8. Semua pihak yang telah membantu penulis dan tidak dapat disebutkan satu
persatu.
viii
Semoga bantuan yang telah Bapak, Ibu dan Saudara berikan mendapatkan
balasan dari Allah SWT dan dapat menjadi amal kebaikan dalam mengembangkan
dan memajukan dunia pendidikan yang sesuai dengan nilai-nilai kebenaran.
Atas keterbatasan penulis, tentunya masih banyak kekurangan dan masih jauh
dari kesempurnaan. Oleh sebab itu penulis meminta maaf apabila ada kesalahan dan
kekurangan dalam penyusunan laporan Tugas Akhir ini, berharap hasil dari laporan
ini dapat memberikan manfaat bagi semua pihak.
Semarang, September 2020
ix
DAFTAR ISI
HALAMAN JUDUL ..........................................................................................................
PERNYATAAN PENULIS TUGAS AKHIR................................................................. ii
PERSETUJUAN TUGAS AKHIR ................................................................................. iii
PENGESAHAN UJIAN TUGAS AKHIR ..................................................................... iv
ABSTRAK ......................................................................................................................... v
ABSTRACT ..................................................................................................................... vi
KATA PENGANTAR .................................................................................................... vii
DAFTAR ISI .................................................................................................................... ix
DFTAR GAMBAR ......................................................................................................... xii
DAFTAR TABEL .......................................................................................................... xiv
BAB 1 PENDAHULUAN ............................................................................................... 1
1.1 Latar Belakang ....................................................................................................... 1
1.2 Perumusan Masalah ............................................................................................... 2
1.3 Batasan Masalah ..................................................................................................... 3
1.4 Tujuan Tugas Akhir ............................................................................................... 3
1.5 Manfaat Tugas Akhir ............................................................................................. 3
1.6 Metodologi Penelitian ............................................................................................ 4
1.6.1 Jenis Data ......................................................................................................... 4
1.6.2 Metode Pengumpulan Data............................................................................. 4
1.6.3 Metode Pengembangan Sistem....................................................................... 5
1.7 Sistematika Penulisan ................................................................................................ .7
BAB II TINJAUAN UMUM UD SEDERHANA .......................................................... 8
2.1 Sejarah Singkat UD Sederhana ............................................................................. 8
2.2 Visi Dan Misi perusahaan ...................................................................................... 8
2.2.1 Visi .................................................................................................................... 8
2.2.2 Misi.................................................................................................................... 8
2.3 Profil Perusahaan.................................................................................................... 8
2.4 Struktur Organisasi Perusahaan.............................................................................. 9
2.5 Lokasi Toko Bangunan UD Sederhana................................................................ 10
x
2.6 Tugas dan Wewenang masing-masing Struktur .................................................. 10
BAB III LANDASAN TEORI ....................................................................................... 11
3.1 Konsep Dasar Sistem ........................................................................................... 11
3.1.1 Pengertian Sistem ........................................................................................... 11
3.1.2 Karakteristik Sistem ....................................................................................... 11
3.1.3 Pengertian Informasi ...................................................................................... 13
3.1.4 Pengertian Sistem Informasi .......................................................................... 14
3.2 Pengertian Penjualan ............................................................................................ 15
3.3Framework .............................................................................................................. 15
3.4 Codeigniter ........................................................................................................... 16
3.5 Pengertian WEB ................................................................................................... 16
3.6PHP (Hypertext Preprocessor) .............................................................................. 17
3.7 MySQL ................................................................................................................. 17
3.8XAMPP ................................................................................................................... 17
3.9 Alat Bantu Perancangan Sistem ........................................................................... 18
3.9.1 UML (Unified Modeling Language) ............................................................. 18
3.9.2 Use Case Diagram ......................................................................................... 18
3.9.3 Activity Diagram ............................................................................................ 19
3.9.4 Sequence Diagram ......................................................................................... 21
3.9.4 Class Diagram ................................................................................................ 23
3.10 Pengujian Sistem ................................................................................................ 24
3.11 Penelitian Terdahulu .......................................................................................... 25
3.11.1 Sistem Informasi Penjualan Produk Kerupuk Berbasis Web .................... 25
3.11.2Sistem Penjualan Berbasis Web (E-Commerce) Pada Tata Distro ............ 26
3.11.3Perancangan E-CommerceGoody Bag Spundbond Menggunakan QR Code
Berbasis Web Responsive ....................................................................................... 26
3.11.4Aplikasi Penjualan Berbasis Web (E-Commerce) Menggunakan
JOOMBLA Pada Mutiara Fasihon ......................................................................... 26
3.11.5 Sistem Informasi E-Commerce Pemasaran Hasil Pertanian Desa Kluwan
Berbasis Web ........................................................................................................... 26
xi
BAB IV PERENCANAAN DAN ANALISA PERENCANGAN SISTEM ............... 28
4.1 Perencanaan Sistem ............................................................................................... 28
4.2 Analisa Sistem ....................................................................................................... 28
4.2.1 Identifikasi Kebutuhan Perangkat Lunak...................................................... 29
4.2.2 Identifikasi Kebutuhan Perangkat Keras ...................................................... 29
4.2.3 Identifikasi Kebutuhan Fungsional ............................................................... 29
4.3 Perancangan Sistem .............................................................................................. 30
4.3.1 Use CaseDiagram .......................................................................................... 30
4.3.2 Skenario Use Case ......................................................................................... 30
4.3.3 Activity Diagram ............................................................................................ 36
4.3.4 SequenceDiagram .......................................................................................... 39
4.3.5 Class Diagram ................................................................................................ 42
4.3.6 Struktur Database ........................................................................................... 42
4.3.7 Desain Tampilan............................................................................................. 45
BAB V IMPLEMENTASI SISTEM .............................................................................. 53
5.1 Implementasi Sistem ............................................................................................. 53
5.1.1 Antar Muka Sistem......................................................................................... 53
5.2 Hierarki Sistem ...................................................................................................... 61
5.3 Implementasi Database ......................................................................................... 61
5.4 Pengujian Sistem ................................................................................................... 62
5.4.1 Pengujian White Box ...................................................................................... 63
5.4.2 Pengujian Black Box ...................................................................................... 67
5.5 Pemeliharaan Sistem ............................................................................................. 68
BAB VI PENUTUP ........................................................................................................ 69
6.1 Kesimpulan ....................................................................................................... 69
6.2 Saran ................................................................................................................. 69
xii
DFTAR GAMBAR
Gambar 1.1 Metode Waterfall .......................................................................................5
Gambar 2.1 Struktur Organisasi Toko Bangunan UD Sederhana ...............................9
Gambar 2.2 Peta lokasi Toko Bangunan UD Sederhana .............................................10
Gambar 2.3 Toko Bangunan UD Sederhana ................................................................10
Gambar 3.1 Contoh Pengujian White-Box ....................................................................25
Gambar 4.1 Use Case Diagram .....................................................................................30
Gambar 4.2 Activity Diagram Mengelola Data Produk (Aktor : Admin) ..................36
Gambar 4.3 Activity Diagram Mengelola Data Order (Aktor : Admin) .....................36
Gambar 4.4 Activity Diagram Memilih Produk (Aktor : User)...................................37
Gambar 4.5 Activity Diagram Membeli Produk (Aktor : User) ..................................37
Gambar 4.6 Activity Diagram Pembayaran (Aktor : User) .........................................38
Gambar 4.7 Activity Diagram Mengirim Barang (Aktor : Supplier) ..........................38
Gambar 4.8 SequenceDiagram Mengelola Data Produk (Aktor : Admin).................39
Gambar 4.9 SequenceDiagram Mengelola Data Order (Aktor : Admin) ...................39
Gambar 4.10 SequenceDiagram Melihat Produk (Aktor : User) ................................40
Gambar 4.11 SequenceDiagram Membeli Produk (Aktor : User) ..............................40
Gambar 4.12 SequenceDiagram Pembayaran (Aktor : User) .....................................41
Gambar 4.14 Class Diagram ..........................................................................................42
Gambar 4.15 Desain Halaman Login ............................................................................45
Gambar 4.16 Desain Halaman Utama / Dashboard(Admin) ......................................46
Gambar 4.17 Desain Halaman Utama / Dashboard(supplier) ....................................46
Gambar 4.18 Desain Halaman Utama / Dashboard(User) ..........................................47
Gambar 4.19 Desain Halaman Kelola User (Admin) ..................................................47
Gambar 4.20 Desain Halaman Barang (Admin) .........................................................48
Gambar 4.21 Desain Halaman Form Edit atau tambah data barang (Admin) ...........48
Gambar 4.22 Desain Halaman Kelola Kategori (Admin)............................................49
Gambar 4.23 Desain Halaman Form Tambah atau edit data kategori (Admin) ........49
Gambar 4.24 Desain Halaman Form Barang (Admin) ................................................50
xiii
Gambar 4.25 Desain Halaman Melihat Barang (Supplier) ..........................................50
Gambar 4.26 Desain Halaman Melihat Produk (User)……………………………...51
Gambar 4.27 Desain Halaman Membeli Produk (User)…………………………….51
Gambar 4.28 Desain Halaman Pembayaran (User)…………………………………52
Gambar 5.1 Form Halaman Utama…………………………………………….…….53
Gambar 5.2 Form Login……………………………………………………….…….54
Gambar 5.3 Halaman Awal Dashboard……………………………………………..…….54
Gambar 5.4 Tampilan Data Barang……………………………………………….…55
Gambar 5.5 Tampilan Form Tambah Data Barang…………………………….……55
Gambar 5.6 Tampilan Data Kategori…………………………………………..…….56
Gambar 5.7 Tampilan Form Tambah Data Kategori……………………………..….56
Gambar 5.8 Tampilan Data Orders……………………………………………………..….57
Gambar 5.9 Halaman Awal atau Dashboard…………………………………………..…57
Gambar 5.10 Tampilan Data Memilih Product…………………………………………..58
Gambar 5.11 Tampilan Data Rincian Pembayaran………………………………….58
Gambar 5.12 Tampilan Data Pembayaran…………………………………………...59
Gambar 5.13 Tampilan Data Pemesanan…………………………………………….59
Gambar 5.14 Halaman Utama atau Dashboard…………………………………………..60
Gambar 5.15 Halaman Kelola Data Barang…………………………………………60
Gambar 5.16 Hierarki Sistem………………………………………………………..61
Gambar 5.17 Implementasi Tabel user…………………………….………………………61
Gambar 5.18 Implementasi Tabel Kategori…………….……………………………61
Gambar 5.19 Implementasi Tabel Barang…………….……………………………..62
Gambar 5.20 Implementasi Tabel Item Cart…………….………………………………..62
Gambar 5.21 Implementasi Tabel Cart……………………………………………………62
Gambar 5.22 Bagan Alur Tampil Detail Data Barang………………………………63
Gambar 5.23 Grafik Alur Tampil Data Barang……………………………………...65
xiv
DAFTAR TABEL
Tabel 3.1Simbol Use caseDiagram ..............................................................................18
Tabel 3.2Simbol ActivityDiagram.................................................................................20
Tabel 3.3Simbol Sequence Diagram.............................................................................21
Tabel 3.4Simbol Class Diagram ...................................................................................23
Tabel 4.1 Skenario Use CaseMengelola Data Produk ................................................30
Tabel 4.2 Skenario Use CaseMengelola Data Order ..................................................32
Tabel 4.3 Skenario Use Case Melihat Produk ..............................................................32
Tabel 4.4 Skenario Use Case Membeli Produk............................................................33
Tabel 4.5 Skenario Use Case Pembayaran ...................................................................34
Tabel 4.6 Skenario Use Case Melihat Barang ..............................................................35
Tabel 4.7 Tabel Barang ..................................................................................................42
Tabel 4.8 Tabel Cart Item ..............................................................................................43
Tabel 4.10 Tabel Cart ....................................................................................................43
Tabel 4.11 Tabel Kategori .............................................................................................44
Tabel 4.12 Tabel User ....................................................................................................44
Tabel 5.1 Bagan Alur Tampil Detail Data User ...........................................................64
Tabel 5.2 Pengujian Black Box Sistem Transaksi Penjualan.......................................67
xv
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Saat ini perkembangan teknologi telekomunikasi dan informasi sekarang
sudah semakin pesat dan menyebabkan orang-orang menggunakan internet untuk
mencari informsi barang atau bertransaksi tanpa harus bersusah payah datang
ketokonya secara langsung.
Toko Bangunan UD Sederhana beralamat di Jl. Siliwangi No. 508-F,Krapyak,
Kota Semarang. Pada awal berdiri tempat ini hanya menjual material genteng,
kemudian seiring berjalannya waktu berkembang menjadi berbagai stok material
seperti cat, pasir, dan berbagai bahan material bangunan lainnya. Selain itu UD
Sederhana masih melakukan sistem transaksi penjualan dan pengolahan data
menggunakan cara manual yaitu melakukan pencatatan di buku., hal ini berakibat
pada proses pengolahan data transaksi penjualan masih kurang efisien dan data-
datanya masih belum akurat dan belum teratur.
Responsive WebCV. Sederhana yang saya maksud adalah tampilan menarik.
Sehingga Customer atau pelanggan yang ingin membuka web saya tidak merasa
bosan atau jenuh. Karena website yang saya buat ini bisa di buka di laptop atau
komputer atau Hp Android. Membuka website saya menggunakan alamat url atau
alamat website yang sudah saya buat.
Berdasarkan permasalahan yang terjadi sehingga dari pengamatan awal
tersebut dirasa perlu sebuah penelitian untuk menciptakan inovasi baru. Inovasi
tersebut adalah membuat sistem transaksi penjualan pada Toko Bangunan UD
Sederhana. Oleh karena itu Toko Bangunan UD Sederhana membutuhkan sistem
transaksi penjualan yang dapat dijadikan sebagai alat bantu dalam mengolah data
transaksi. Sistem ini sangat perlu karena bisa mempermudah konsumen untuk
membeli produk material yang ingin di beli secara tepat dan akurat, menghemat biaya
dan memungkinkan setiap pengguna dapat mengakses dan melihat informasi-
infromasi yang ada pada Toko Bangunan UD Sederhana. Dalam pembuatan system
1
2
ini penulis menggunakan metode Waterfall.Bahasa pemrograman yang

digunakan adalah PHP dan perancangan Database menggunakan MySQL.
Pada penelitian pertama yang dilakukan oleh A. Sulthoni dan Unang Achlison
pada tahun 2015, dengan judul “Sistem Informasi E-Commerce Pemasran Hasil
Pertanian Desa Kluwan Berbasis WEB”. Dengan adanya informasi pemasaran hasil
pertanian berbasis web, akan memudahkan petani dalam menjual hasil pertanian
mereka, sehingga petani akan menghemat waktu serta biaya yang dikeluarkan untuk
mendapatkan pedagang yang akan membeli hasil pertanian yang mereka tanam. Dan
lebih membantu pemerintah desa dalam mensejahterakan petani di desa tersebut.
Pada penilitian lain yang dilakukan oleh Hastanti, Purnama, dan Wardati pada
tahun 2015, dengan judul “Sistem Penjualan Web (E-Commerce) Pada Tata Distro
Kabupaten Pacitan”. Dengan adanya media promosi dan penjualan online berbasis
website dapat memudahkan pengelolaan, penjualan, dan promosi juga,
mempermudah konsumen untuk memilih barang tanpa harus datang ke toko.
Berdasarkan latar belakang dan refrensi penelitian terdahulu maka penulis membuat
judul Tugas Akhir “SISTEM TRANSAKSI PENJUALAN PADA TOKO
BANGUNAN UD SEDERHANA BERBASIS WEB RESPONSIVE.”
1.2 Perumusan Masalah
Berdasarkan latar belakang di atas, dapat dirumuskan permasalahan yang akan
diselesaikan yaitu:
1. Pengelolaan data barangyang sebelumnya masih menggunakan sistem

manual.
2. Pengelolaan pemesanan barang secara online, yang sebelumnya masih
menggunakan sistem offline
3. Melakukan rekap transaksi secara otomatis, yang sebelumnya masih
menggunakan buku.
3
4. Bagaimana merancang dan membuat Sistem Transaksi Penjualan berbasis

WEB pada Toko Bangunan UD Sederhana. Sehingga proses pemesanan dan
pembayaran memudahkan pelanggan.
1.3 Batasan Masalah

Untuk membatasi hal-hal yg menjadi pokok permasalahan yang akan dibahas
agar tidak meluas dan jelas pembahasannya, maka dibuat batasan-batasan sebagai
berikut :
1. Sistem Transaksi Penjualan pada Toko Bangunan UD Sederhana ini meliputi
daftar barang, data pembeliaaan, transaksi, konfirmasi pembayaran pelanggan,
cetak laporan.
2. Proses pembuatan sistem transaksi penjualan ini menggunakan bahasa
pemrograman PHPdenganframeworkCodeIgniter(CI) dan databaseMySQL.
3. Metode untuk pengembangan sistem yang digunakan adalah model Waterfal.
4. User yang mengakses sistem transaksi penjualan admin, pelanggan,pegawai
5. Pembayaran dilakukan secara transfer dan selanjutnya pelanggan melakukan
konfirmasi pembayaran dan admin akan memverifikasinya.
1.4 Tujuan Tugas Akhir

Tujuan tugas akhir ini adalah membuat sistem transaksi penjualan yang dapat
mempermudah dalam mengelola data kegiatan transaksi di toko bangunan UD
sederhana.
1.5 Manfaat Tugas Akhir

1. Bagi Penulis
a. Dijadikan sebagai tolak ukur dalam mempraktekan hasil belajar dan
sebagai penerapan materi pembelajaran di Fakultas Teknologi Informasi
dan Komunikasi Universitas Semarang
b. Menambah wawasan dan pengetahuan tentang sistem transaksi toko
bangunan berbasis web.
4
2. Bagi Pembaca
a. Sebagai referensi pembuatan laporan.
b. Menambah pengetahuan dan referensi tentang pembuatan sistem transaksi
penjualan berbasis web.
3. Bagi Akademik
a. Menambah literatur perpustakaan Fakultas Teknologi Informasi dan
Komunikasi Universitas Semarang.
b. Mengetahui sejauh mana kemampuan mahasiswa dalam menguasai materi
yang diterima selama mengikuti perkuliahan.
1.6 Metodologi Penelitian

Untuk melaksanakan suatu penelitian diperlukan sebuah metode penelitian
agar mencapai hasil yang maksimal seperti yang diharapkan. Adapun metode
yang diterapkan pada penelitian ini adalah sebagai berikut:
1.6.1 Jenis Data
a. Data Primer
Merupakan data yang diperoleh secara langsung melalui
observasi dan wawancara kepada narasumber yang
bersangkutan. Wawancara Pemilik : Mardyanto. Administrasi :
Endang Sri.
b. Data Sekunder
Merupakan data yang diperoleh secara tidak langsung yang
melalui media buku,internet,jurnal dan lain-lain yang terkait
guna membantu penyusunan Tugas Akhir.
1.6.2 Metode Pengumpulan Data
Dalam pengumpulan data yang akurat dapat dilakukan berbagai
macam cara yaitu sebagai berikut:
5
1. Wawancara
Penulis mengumpulkan data dengan mengajukan beberapa
pertanyaan secara langsung kepada owner Toko Bangunan UD
Sederhanyang bernama Mardyantoguna memperoleh data yang
tepat seperti data barang, data transaksi, data laporan transaksi.
Pemilik : Mardyanto. Administrasi : Endang Sri
2. Observasi
Penulis mengumpulkan data yang diambil langsung dari Toko
Bangunan UD Sederhana seperti data barang, data transaksi, data
laporan transaksi.Iventaris : Aditya. Sopir : Slamet Riyadi.
3. Studi Pustaka
Penulis mengumpulkan data dengan mempelajari buku-
buku,jurnal dan internet yang dapat menunjang dan membantu
tersusunnya laporan Tugas Akhir yang berhubungan dengan Sistem
Transaksi Penjualan Berbasis Web Observasi.
Hanafiah & Nusa, 2017, Penjualan, Yogyakarta.
Raharjo,2017, Pemrograman Framework,Bandung.
1.6.3 Metode Pengembangan Sistem
Pada pengembangan sistem dalam penyusunan Tugas Akhir ini
penulis memakai metode waterfal suatu metode dalam pengembangan
sistem yang dilakukan secara berurutan atau secara linear. Tahap-tahap
pengembangan model waterfall:
Gambar 1.1 Metode Waterfall

6
a. Analisis
Fase analisis ini yaitu membuat analisis aliran kerja manajemen yang
sedang berjalan. Spesifikasi kebutuhan sistem, yaitu melakukan
perincian mengenai apa saja yang dibutuhkan dalam pengembangan
sistem dan membuat perancangan yang berkaitan dengan proyek
sistem. Fase analisis dan spesifikasi kebutuhan biasanya dilakukan
bersamaan, bertujuan untuk menganalisa apa saja yang dibutuhkan.
b. Desain
Dalam pembuatan Sistem Transaksi penjualan di Toko Bangunan
UD Sederhanapenulis membuat desain perancangan antarmuka
menggunakanBalsamiq Mockups. Perancangan sistemnya
menggunakan UML (Unifield Modeling Language).Desain
perangkat lunak yang dihasilkan pada tahap ini juga perlu
didokumentasikan.
c. Kode Program
Desain harus ditranslasikan ke dalam program perangkat lunak.
Dalam pembuatan Sistem Transaksi Penjualan pada Toko Bangunan
UD Sederhana penulis menggunakan Bahasa pemrograman PHP.
Database yang digunakan adalah MySQL.
d. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik dan
fungsional dan memastikan bahwa semua bagian sudah diuji. Dalam
penelitian ini penulis melakukan pengujian menggunakan Black-Box
dan White-Box.
e. Maintenance
Dalam hal ini maintenance dilakukan untuk perbaikan yang
mcencakup koreksi dari berbagai error, perbaikan dan implementasi
unit sistem dan pelayanan sistem
7
1.7 Sistematika Penulisan

Sistematika penulisan laporan Tugas Akhir (TA) ini adalah sebagai berikut:
BAB I PENDAHULUAN
Berisi latar belakang penulisan judul, perumusan masalah, batasan
masalah, tujuan Tugas Akhir (TA), manfaat Tugas Akhir (TA),
metodologi penelitian, dan sistematika penulisan.
BAB II TINJAUAN UMUM UD SEDERHANA
Berisi tentang sejarah singkat dari UD Sederhana, struktur organisasi,
visi dan misi, dan lain-laindari UD Sederhana, yang mana dapat
digunakan sebagai gambaran tentang bahasan yang penulis ambil.
BAB III LANDASAN TEORI
Padabab ini penulis menjelaskan tentang tinjauan umum, yang
mencakup tentang semua dasar teori dan karakteristik sistem, untuk
dijadikan dasar perancangan sistem dalam laporan Tugas Akhir (TA).
BAB IV PERENCANAAN DAN ANALISA PERANCANGAN SISTEM
Pada bab ini membahas tentang perancangan dan pembuatan sistem
transaksi penjualan dengan implementasi sistem menggunakan bahasa
pemrograman PHP dan MySql sebagai Database.
BAB V IMPLEMENTASI SISTEM
Pada bab ini membahas implementasi dari pengaplikasian perancangan
baik mengetahui sejauh mana perangkat lunak tersebut berguna dan
bagaimana pengembangan berikutnya. Dari tahap tersebut kemudian
dilanjutkan implementasi untuk menguji coba perangkat lunak yang
dibuat.
BAB VI PENUTUP
Pada bab ini berisi tentang kesimpulan dan saran dalam pembuatan
sistem penjualan barang, bab ini merupakan akhir dari penyusunan
laporan tugas akhir ini.
BAB II
TINJAUAN UMUM UD SEDERHANA
2.1 Sejarah Singkat UD Sederhana
Toko Bangunan UD Sederhana ini bertempat dijalan Siliwangi No. 508-F
,kelurahan Krapyak Semarang Barat. Toko Bangunan UD Sederhana ini,mulai
beroperasi pada tahun 2004. Meskipun pada awalnya masih sederhana dan hanya
menjual satu produk bahan material saja yaitu genteng, Toko Bangunan UD
Sederhana ini dapat mengembangkan usahanya sekaligus menambah stok jenis
genteng dan bebrapa bahan material lainnya.
Struktur organisasi di Toko Bangunan UD Sederhana ini meliputi pemilik,
administrasi, inventaris, pelayanan toko, supir operasional ditoko bangunan UD
Sederhana meliputi penjualan bahan-bahan material.
Toko Bangunan UD Sederhana mengutamakan kepentingan pelanggan dan
memberikan pelayanan yang terbaik. Selain itu Toko Bangunan UD Sederhana juga
menyediakan alat transportasi untuk pengiriman bahan material yang di pesan
pelanggan.
2.2 Visi Dan Misi perusahaan

2.2.1 Visi
Menjadi Perusahaan yang dipercaya dengan kualitas dan pelayananterbaik.
2.2.2 Misi
a. Memberikan layanan dan produk terbaik kepada setiap pelanggan.
b. Memiliki produk berstandar nasional.
c. Memberikan Manfaat bagi masyarakat setempat.
2.3 Profil Perusahaan

Nama Perusahaan : Toko Bangunan UD Sederhana
Berdiri Tahun : 2003
Pelayanan : Penjualan Bahan Material
8
9
Alamat : Jalan Siliwangi No. 508-F

Kelurahan : Krapyak
Kecamatan : Semarang Barat
Kota : Semarang
Provinsi : Jawa Tengah
Telp : (024)3585944
2.4 Struktur Organisasi Perusahaan

Pengorganisasian begitu dibutuhkan dalam pengelolaan suatu usaha, di
adakanya pengorganisasian, perusahaan bisa berjalan sesuai dengan yang
diharapkan. Pembagian tugas dan wewenang yang dilakukan oleh
Manajemen salah satunya kenapa dibentuk sebuah pengorganisasian didalam
suatu perusahaan. Berikut ini adalah struktur organisasi pada toko bangunan UD
Sejahtera:
Pemilik/Owner
(Mardyanto)
Administrasi
(Endang Sri)
Wijayanti)
Inventaris Pelayanan
(Aditya) Toko
(Selly Andini)
Sopir
(Slamet Ryadi)
Gambar 2.1 Struktur Organisasi Toko Bangunan UD Sederhana

10
2.5Lokasi Toko Bangunan UD Sederhana

Lokasi Toko Bangunan UD Sederhana berada di Jalan Siliwangi No. 508-
Fditunjukan pada gambar 2.2
Gambar 2.2 Peta lokasi Toko Bangunan UD Sederhana

Kediaman Toko Bangunan UD Sejahtera ditunjukan pada gambar2.3
Gambar 2.3 Toko Bangunan UD Sederhana

2.6 Tugas dan Wewenang masing-masing Struktur
1. Pemilik/Owner
Sebagai pemilik tunggal usaha,pengawas dan pengelola usaha,merinci ulang dan
mencocokkan hasil rincian dari administrasi,memenuhi kebutuhan usaha.
2. Administrasi
Bertanggung jawab mengenai urusan administrasi dan keuangan perusahaan
3. Inventaris
Bertanggung jawab mengenai barang-barang di perusahaan.
4. Pelayanan Toko
Melayani pesanan atau kebutuhan custommer.
5. Supir
Pengantar pesanan barang material.
BAB III
LANDASAN TEORI
3.1 Konsep Dasar Sistem
3.1.1 Pengertian Sistem
Menurut Abdul Kadir (2018), Sistem adalah sebuah rangkaian

prosedur formal dimana data dikelompokkan, diproses menjadi informasi,
dan didistribusikan kepada pemakai.
Menurut Bambang Hartono (2017), Sistem adalah suatu himpunan
dari berbagai bagian atau elemen yang salingberhubungan secara
terorganisasi berdasar fungsi – fungsinya, menjadi suatu kesatuan.
3.1.2 Karakteristik Sistem
Menurut Jogiyanto (2017), Bahwa suatu sistem mempunyai
karakteristik atau sifat – sifat tertentu, yaitu memiliki komponen –
komponen (components), batas sistem (boundary), lingkungan sistem 8
(Environment), penghubung (Interface), masukan (Input), keluaran
(Output), pengolah (Proses), dan sasaran (Objective), dan tujuan (Goal).
1. Komponen Sistem
Suatu sistem terdiri dari sejumlah komponen yang saling
berinteraksi, yang artinya saling bekerja sama membentuk satu
kesatuan. Komponen sistem atau elemen –elemen sistem dapat
berupa suatu subsistem atau bagian – bagian dari sistem. Setiap
subsistem mempunyai sifat – sifat dari sistem untuk menjalankan
suatu fungsi tertentu dan mempengaruhi suatu sistem secara
keseluruhan.
2. Batas Sistem (boundary)

Batas sistem merupakan daerah yang membatasi antara suatu
sistem dengan sistem yang lain atau dengan lingkungan luarnya.
11
12
Batas sistem ini memungkinkan suatu sistem di pandang sebagai

satu kesatuan. Batas suatu sistem menunjukan ruang lingkup dari
sistem tersebut.
3. Lingkungan Sistem (Environment)

Lingkungan luar dari sistem adalah apapundiluar batas dari sistem
yang mempengaruhi operasi sistem. Lingkungan luar sistem dapat
bersifat menguntungkan (harus dijaga dan merupakan energi dari
sistem) dan dapat bersifat merugikan (harus ditahan dan
dikendalikan).
4. Penghubung Sistem (Interface)

Penghubung merupakan media penghubung antara satu subsistem
dengan subsistem yang lainnya. Melalui penghubung ini
memungkinkan sumber-sumber daya mengalir dari subsistem ke
subsistem yang lainnya. Keluaran (output) dari satu subsistem
akan menjadi masukan (input) untuk subsistem yang lainnya
melalui penghubung, Dengan penghubung satu subsistem dapat
berinteraksi yang lainnya membentuk satu kesatuan.
5. Masukan Sistem (Input)

Masukan (input) adalah energi yang dimasukan ke dalam sistem.
Masukan dapat berupa masukan perawatan (maintenanceinput)
dan masukan sinyal (signalinput). Maintenanceinput adalah energi
yang dimasukan supaya sistem tersebut dapat beroperasi.
Signalinput adalah energi yang diproses untuk didapatkan
keluaran.
6. Keluaran Sistem (Output)

Keluaran adalah hasil dari energi yang diolah dan diklasifikasikan
menjadi keluaran yang berguna dan sisa pembuangan. Keluaran
13
dapat merupakan masukan subsistem yang lain atau kepada

supersistem.
7. Pengolah Sistem
Suatu sistem dapat mempunyai bagian pengolah yang akan
merubah masukan menjadi keluaran.
8. Sasaran Sistem
Suatu sistem pasti mempunyai tujuan (goal) atau sasaran
(objective). Kalau suatu sistem tidak mempunyai sasaran, maka
operasi sistem tidak akan ada gunanya. Suatu sistem dikatakan
berhasil bila mengenai sasaran atau tujuan.
3.1.3 Pengertian Informasi

Menurut Steinbart dan Romney (2017), Informasi (information) adalah
data yang telah dikelola dan diproses untuk memberikan arti dan
memperbaiki proses pengambilan keputusan. Sebagaimana perannya,
pengguna membuat keputusan yang lebih baik sebagai kuantitas dan
kualitas dari peningkatan informasi.
Menurut Jogiyanto (2017), kualitas informasi yang di harapkan
tergantung 4 (empat) hal pokok yaitu:
1. Akurat
Akurat mempunyai arti informasi yang dihasilkan harus bebas
dari kesalahan– kesalahan, yang tidak biasa, tidak menyesatkan dan
menceminkan maksudnya.
2. Tepat waktu
Tepat waktu berarti informasi yang disampaikan ke penerima
tidak terlambat, karena informasi adalah landasan untuk mengambil
suatu keputusan. Untuk itu diperlukan suatu teknologi untuk dan
mengirim dengan cepat dan tepat.
14
3. Relevan
Berarti informasi mempunyai manfaat dan berguna bagi
pemakainya. Karena batas relevensi seseorang berbeda, maka
informasi bisa dikatakan berguna jika benar – benar berguna dan
dibutuhkan pemakainya.
4. Aman
Aman berarti informasi harus terbebas dari penyadapan oleh
pihak orang yang tidak berwenang dalam penggunaan informasi
tersebut.
3.1.4 Pengertian Sistem Informasi

Menurut Abdul Kadir (2018), Sistem Informasi adalah sejumlah
komponen (manusia, komputer, teknologi informasi, dan prosedur kerja),
ada sesuatu diproses (data menjadi informasi), dan dimaksudkan untuk
mencapai tujuan tertentu.
Menurut Jogiyanto (2017), faktor – faktor yang menentukan
kehandalan dari suatu sistem informasi atau informasi dapat dikatakan baik
jika memenuhi kriteria-kriteria sebagai berikut:
1. Keunggulan (usefulness)
Yaitu suatu sistem harus dapat menghasilkan informasi yang
tepat dan relevan untuk mengambil keputusan manajemen dan
personil operasi dalam organisasi.
2. Ekonomis (Economic)
Kemampuan sistem yang mempengaruhi sistem harus bernilai
manfaat.
15
3. Kehandalan (Reliability)
Keluaran dari sistem harus mempunyai tingkat ketelitian tinggi
dan sistem tersebut harus beroperasi secara efektif.
4. Pelayanan (Customer Service)

Yakni suatu sistem memberikan pelayanan yang baik dan
efisien kepada para pengguna sistem pada saat berhubungan dengan
organisasi.
5. Kapasitas (Capacity)
Setiap sistem harus mempunyai kapasitas yang memadai untuk
menangani setiap periode sesuai yang dibutuhkan.
6. Sederhana dalam kemudahan (Simplicity)

Sistem tersebut lebih sederhana (umum) sehingga struktur dan
operasinya dapat dengan mudah dimengerti dan prosedur mudah
diikuti.
7. Fleksibel (Fleksibility)
Sistem informasi ini harus dapat digunakan dalam kondisi
sebagaimana yang diinginkan oleh organisasi tersebut atau pengguna
tertentu.
3.2 Pengertian Penjualan

Penjualanmerupakan sebuah proses dimana kebutuhan pembeli dan kebutuhan
penjualan dipenuhi, melalui antar pertukaran informasi dan kepentingan” (Hanafiah
& Nusa, 2017).
3.3 Framework
Framework adalah kumpulan dalam class dan fuction-fuction dengan fungsi
masing-maisng untuk memudahkan developer dalam memanggilnya tanpa harus
menuliskan syntax program yang sama berualng-ulang serta dapat menghemat waktu
(Basuki, 2017).
16
3.4 Codeigniter
CodeIgniter adalah framework aplikasi web yang open source untuk bahasa
pemprograman PHP. Codeigniter memiliki fitur yang membuatnya berbeda dengan
framework lainya. Tidak seperti beberapa framework PHP lainya, dokumentasi untuk
framework ini sangat lengkap, yang mencangkup aspek dalam framework.
Codeigniter juga mampu berjalan pada lingkungan shared hosting karena memiliki
kinerja yang sangat luar biasa. Dari sisi pemprograman, Codeigniterkompatibel
dengan PHP4 dan PHP5, sehingga akan berjalan dengan baik pada web host yang
banyak dipakai saat ini. Codeigniter menggunakan pola desain model View-
Controller (MVC), yang merupakan cara untuk mengatur aplikasi web ke dalam tiga
bagian yang berbeda, yaitu model lapisan abstraksi database, view file-file template
tampilan depan dan Controller Logika bisnis dari aplikasi. Pada intinya, codeigniter
juga membuat penggunaan ekstentif dari pola desain singleton. Maksudnya adalah
cara untuk me-load class sehingga jika class itu di panggil dalam beberapa kali,
kejadian yang sama pada class tersebut akan digunakan kembali. Hal ini sangat
berguna dalam koneksi database, karena kita hanya ingin menggunakan satu koneksi
setiap kali class ini digunakan (Raharjo, 2017).
3.5 Pengertian WEB
World Wide Web (WWW) adalah suatu program yang ditemukan oleh Tim
Berners-Lee pada tahun 1991. Awalnya Berners-Lee hanya ingin menemukan cara
untuk menyusun arsip-arsip risetnya. Pada tahun 1989 Berners-Lee membuat
pengajuan untuk proyek pembuatan hiperteks global, kemudian pada bulan oktober
1990, ‘Waring Wera Wanua’ sudah dapat dijalankan dalam lingkungan CERN (Pusat
Penelitian Fisika Partikel Eropa) (Hidayatullah & Kawistara, 2017). Di dalam web
sendiri terdapat beberapa bahasa pemroraman yaitu :
a. HTML (HyperTextMarkupLanguage)
HyperTextMarkupLanguage (HTML) adalah bahasa standard yang
digunakan untuk menampilkan halaman web (Hidayatullah & Kawistara,
2017).
17
b. PHP (HypertextPreprocessor)
PHP (HypertextPreprocessor) atau disingkat dengan PHP ini adalah
suatu bahasa scripting khususnya digunakan untuk web development.
Karena sifatnya yang server sidescripting, maka untuk menjalankan PHP
harus menggunakan web server(Hidayatullah & Kawistara, 2017)
3.6 PHP (HypertextPreprocessor)

PHP (Hypertext Preprocessor) adalah Sebuah bahasa pemrograman yang
berbentuk Scripting, sistem kerja dari program ini adalah sebagai interpreter bukan
sebagai compiler (Nugroho, 2017)
3.7 MySQL
Menurut Budi Rahajo (2017), mysql adalah software RDBMS (atau server
database) yang dapat mengelola database dengan cepat, dapat menampung data
dalam jumlah sangat besar, dapat diakses oleh banyak user (multi-user), dan dapat
melakukan suatu proses secara sinkron atau berbarengan (multi-threaded). Saat ini,
MySQL banyak digunakan di berbagai kalangan untuk melakukan penyimpanan dan
pengolahan data, mulai dari kalangan akademis sampai ke industri, baik industri
kecil, menengah, maupun besar.
3.8 XAMPP
XAMPP adalah server yang berdiri sendiri (localhost), yang terdiri beberapa
program antara lain : Apache HTTP Server, MySQL database, dan penerjemah
bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP
sendiri merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL,
PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas,
merupakan web server yang mudah untuk digunakan yang dapat menampilkan
halaman web yang dinamis.
18
3.9 Alat Bantu Perancangan Sistem

3.9.1 UML (Unified Modeling Language)
UML (Unified Modeling Language) adalah salah satu standar bahasa
yang banyak digunakan di dunia industri untuk mendefinisikan
requirement, membuat analisis dan desain, serta menggambarkan arsitektur
dalam pemrograman berorientasi objek.(Shalahudin & Rosa, 2018).
Beberapa diagram memfokuskan diri pada ketangguhan teori
objectoriented dan sebagian lagi memfokuskan pada detail rancangan dan
konstruksi. Semua dimaksudkan sebagai sarana komunikasi antar team
programmer maupun dengan pengguna..(Shalahudin & Rosa, 2018).
3.9.2 Use CaseDiagram

Use case merupakan pemodelan untuk kelakuan (behavior) sistem
informasi yang akan dibuat. Use case mendeskripsikan sebuah interaksi
antara satu atau lebih aktor dengan sistem. Adapun simbol-simbol yang
digunakan dalam use case adalah sebagai berikut:
Tabel 3.1SimbolUse case Diagram(Shalahudin & Rosa, 2018).

Simbol Nama Deskripsi
Orang, proses, atau sistem lain

Aktor/Actor yang berinteraksi dengan sistem
informasi yang akan dibuat di luar
sistem informasi yang akan dibuat
itu sendiri
Fungsionalitas yang disediakan

sistem sebagai unit-unit yang
Use case saling bertukar pesan antar unit
atau aktor.
19
Komunikasi antara aktor dan use

case yang berpartisipasi pada use
Association case atau use case memiliki
interaksi dengan aktor.
<<extend>> Extend Relasi use case tambahan ke

sebuah use case yang ditambahkan
dapat berdiri sendiri walau tanpa
use case tambahan itu.
Generalisasi/ Hubungan generalisasi dan

Generalization spesialisasi (umum-khusus) antara
dua buah use case dimana fungai
yang satu adalah fungsi yang lebih
umum dari lainnya.
<<include>> Include Relasi use case tambahan ke

sebuah use case dimana use case
yang ditambahkan memerlukan use
case ini untukmenjalankan
fungsinya atau sebagai syarat
dijalankan use case ini
3.9.3 Activity Diagram

Activitydiagram menggambarkan workflow (aliran kerja) atau aktivitas
dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat
20
lunak.Adapun simbol-simbol yang digunakan dalam activity diagram

adalah sebagai berikut:
Tabel 3.2SimbolActivity Diagram(Shalahudin & Rosa, 2018).

Status awal aktivitas sistem,

Status awal sebuah diagram aktivitas
memiliki sebuah status awal.
Aktivitas yang dilakukan sistem,

Aktivitas biasanya diawali dengan kata
kerja
Asosiasi percabangan dimana jika

Percabangan/ ada pilihan aktivitas lebih dari
Decision satu
Asosiasi penggabungan dimana

Penggabungan/ lebih dari satu aktivitas
Join digabungkan menjadi satu.
Status akhir yang dilakukan

sebuah sistem, sebuah diagram
Status akhir aktivitas memiliki sebuah status
akhir.
Memisahkan organisasi bisnis

Swimlane yang bertanggung jawab terhadap
aktivitas yang terjadi.
21
3.9.4 Sequence Diagram

Diagram sequence menggambarkan kelakuan objek pada use case
dengan mendeskripsikan waktu hidup objek dan message yang dikirimkan
dan diterima antar objek.Simbol-simbol yang digunakan dalam sequence
diagram adalah:
Tabel 3.3SimbolSequence Diagram(Shalahudin & Rosa, 2018).

Menggambarkan orang yang

Aktor/Actor sedang berinteraksi dengan
system
Menyatakan kehidupan suatu

objek.
Garishidup /
Lifeline
Objek Menyatakan objek yang

berinteraksi pesan
Menyatakan objek dalam

keadaan aktif dan
Waktu aktif berinteraksi, semua yang
terhubung dengan waktu
aktif ini adalah sebuah
tahapan yang dilakukan di
dalamnya.
Pesan tipe Menyatakan suatu objek

create membuat objek yang lain,
arah panah mengarah pada
objek yang di buat.
22
Menyatakan suatu objek

memanggil operasi / metode
Pesan tipe call yang ada pada objek lain atau
dirinya sendiri.
Menyatakan bahwa suatu

objek mengirimkan data /
Pesan tipe masukan / informasi ke objek

send lainnya, arah panah
mengarah pada objek yang
dikirim.
Menyatakan bahwa suatu

objek yang telah menjalankan
suatu operasi atau metode
Pesan tipe menghasilkan suatu
return kembalian ke objek tertentu,

arahpanah mengarah pada
objek yang menerima
kembalian.
Menyatakan suatu objek

mengakhiri hidup objek yang
Pesan tipe lain, arah panah mengarah

destroy pada objek yang di akhiri,
sebaiknya jika ada create
maka ada destroy.
23
3.9.5 Class Diagram

Class diagram menggambarkan struktur sistem dari segi pendefinisian
kelas-kelas yang akan dibuat untuk membangun sistem.Diagram kelas
dibuat agar pembuat program atau programmer membuat kelas-kelas sesuai
rancangan di dalam diagram kelas agar antara dokumentasi perancangan
dan perangkat lunak sinkron.
Adapun simbol-simbol yang digunakan dalam class diagram adalah
sebagai berikut:
Tabel 3.4Simbol Class Diagram(Shalahudin & Rosa, 2018).

Class Kelas pada stuktur sistem.
Sama dengan konsep interface

dalam pemrograman berorientasi
Interface objek.
Relasi antar kelas dengan makna

umum, asosiasi biasanya juga
Association disertai dengan multiplicity.

Directed kelas yang satu digunakan oleh
association kelas yang lain.
Generalization Relasi antar kelas dengan makna

generalisasi-spesialisasi (umum
khusus).
24

Dependency kebergantungan antar kelas.

Aggregation semua bagian (whole-part).
3.10 Pengujian Sistem

Pengujian adalah satu set aktifitas yang direncanakan dan sistematis untuk
menguji atau mengevaluasi kebenaran yang diinginkan (Shalahudin & Rosa,
2018).
Pengujian untuk validasi memiliki beberapa pendekatan sebagai berikut :
a. Black-BoxTesting (Pengujian Kotak Hitam)

Yaitu menguji perangkat lunak dari segi spesifikasi fungsional
tanpa menguji desain dan kode program. Pengujian dimaksudkan
untuk mengetahui apakah fungsi-fungsi, masukan, dan keluaran dari
perangkat lunak sesuai dengan spesifikasi yang dibutuhkan
.(Shalahudin & Rosa, 2018).
b. White-box Testing (Pengujian Kotak Putih)

Yaitu menguji perangkat lunak dari segi desain dan kode
program apakah mampu menghasilkan fungsi-fungsi, masukan, dan
keluaran yang sesuai dengan spesifikasi kebutuhan. Pengujian kotak
putih dilakukan dengan memeriksa lojik dari kode program. Pengujian
whiteboxdilakukan dengan memeriksa logika dari kode program.
Pembuatan kasus uji bisa mengikuti standar pengujian dari standar
pemrograman yang seharusnya. Kompleksitas Siklomatis (pengukuran
25
kuantitatif terhadap kompelsitas logis suatu program) dengan

perhitungan :
V(G) = E – N + 2
V(G) = cyclomaticcomplexity untuk flowgraph G
E = Jumlah edge (panah) N= Jumlah node (lingkaran)
Contoh pengujian white-box adalah menguji alur dengan

menelusuri pengulangan (looping) pada logika pemrograman
.(Shalahudin & Rosa, 2018).
Gambar 3.1 Contoh Pengujian White-Box

(Pengujian Kotak Putih)
3.11 Penelitian Terdahulu

3.11.1 Sistem Informasi Penjualan Produk Kerupuk Berbasis Web
Pada peneliti pertama yang dilakukan(Yessy Fadillah &
Suprianto,2017) dengan judul “Sistem Informasi Penjualan Produk
Kerupuk Berbasis WEB”. Dengan adanya sistem penjualan dapat
mempermudah pelayanan untuk memudahkan pelanggan yang jauh
dari jangkauan
26
3.11.2 Sistem Penjualan Berbasis Web (E-Commerce) Pada Tata Distro

Pada penelitian kedua yang dilakukan (Hastanti,Purnama &
Wardati,2018) dengan judul “Sistem Penjualan Berbasis Web (E-
Commerce) Pada Tata Distro” . Dengan adanya sistem penjualan
online berbasis website dapat memudahkan pengelolaan, penjualan
dan promosi juga mempernudah pembeli agar konsumen mudah
memilih model-model produk, konsumen tanpa harus datang ke toko
dan dapat melakukan transaksi secara online.
3.11.3 Perancangan E-CommerceGoodyBagSpundbond Menggunakan
QR Code Berbasis Web Responsive
Pada penelitian yang ketiga yang dilakukan (Meimaharani,
Rizky, sari & Laily, 2017) dengan judul “Perancangan E-
Commerce Goody Bag Spunbond Menggunakan QR Code Berbasis
WEB Responsive“. Menghasilkan website penjualan yang dapat
memfasilitasi pelanggan agar lebih mudah dalam melakukan proses
transaksi.
3.11.4 Aplikasi Penjualan Berbasis Web (E-Commerce) Menggunakan
JOOMBLA Pada Mutiara Fasihon
Pada peneliti keempat yang dilakukan (Hastanti,Purnama &
Wardati,2018)dengan judul “Sistem Penjualan Berbasis Web (E-
Commerce) Pada Mutiara Fashion”. Menghasilkan aplikasi
pembelian yang ditujukan kepada konsumen, dengan adanya aplikasi
ini produk dapat dipublikasikan dengan baik serta pembeli dapat
melakukan transaksi dengan mudah tanpa harus datang ke toko.
3.11.5 Sistem Informasi E-Commerce Pemasaran Hasil Pertanian Desa
Kluwan Berbasis Web
Pada penelitian kelima yang dilakukan (A. Sulthoni
& Unang Achlison, 2017) dengan judul “Sistem Informasi E-
Commerce Pemasaran Hasil Pertanian Desa Kluwan Berbasis Web”.
27
Dengan adanya informasi pemasaran hasil pertanian berbasis web,akan

memudahkan petani dalam menjual hasil pertanian mereka, sehingga
petani akan menghemat waktu sertabiaya yang dikeluarkan untuk
mendapatkan pedagang yang akan membeli hasil pertanian
yang mereka tanam. Dan lebih membantu pemerintah desa
dalam mensejahterakan petani di desa tersebut.
BAB IV
PERENCANAAN DAN ANALISA PERANCANGAN SISTEM
4.1 Perencanaan Sistem
Produk yang akan dikembangkan dalam penelitian ini adalah Sistem
Transaksi Penjualan pada Toko Bangunan UD. Sederhana Berbasis WEB. Sistem
ini akan dibuat dengan bahasa pemrograman PHP dan MySQL sebagai database,
program ini dirancang menggunakan teknologi PHP sebagai kerangka dari
Sistem Transaksi Penjualan pada Toko Bangunan UD. Sederhana. Permasalahan
yang terjadi pada Toko Bangunan UD. Sederhana yang berkaitan dengan
pemesanan adalah :
1. Pemesanan bahan bangunan masih menggunakan manual, yaitu pelanggan
datang ke tempat toko bangunan langsung.
2. Sistem pemesanan masih menggunakan manual, sehingga banyak yang
miskomunikasi atau pemesanan tidak bisa di proses.
3. Antrian pemesanan terlalu lama.
Untuk mengatasi permasalaham sistem yang dihadapi oleh toko bangunan UD.
Sederhana dalam hal pemesanan bahan bangunan, diperlukan adanya suatu
sistem informasi penjualan yang dapat menangani dan mempermudah dalam
penjualan bahan bangunan. Sehingga Customer atau pelanggan lebih mudah.
4.2 Analisa Sistem

Tahap analisa sistem adalah studi domain masalah untuk
merekomendasikan perbaikan dan menspesifikasi persyaratan dan prioritas untuk
solusi. Tugas paling penting dalam tahap ini adalah proses menemukan masalah
dan menghasilkan alternatif pemecahan masalah serta diharapkan dapat
memahami sistem yang ada guna menentukan kebutuhan pemakai dan hambatan
pada sistem yang baru.
28
29
4.2.1 Identifikasi Kebutuhan Perangkat Lunak

Perangkat lunak yang dibutuhkan untuk implementasi Sistem
Transaksi Penjualan pada Toko Bangunan UD. Sederhana Berbasis Web
yaitu :
1. Sistem Operasi : Microsoft Windows 7
2. Editor : Notepad ++
3. Web Server : Apache (v.7.0)
4. Database Server : MySQL (v.3.2.2)
5. Browser : Google Chrome / Mozilla Firefox
4.2.2 Identifikasi Kebutuhan Perangkat Keras

Perangkat keras yang digunakan untuk implementasi Sistem Transaksi
Penjualan pada Toko Bangunan UD. Sederhana Berbasis Web yaitu :
1. Processor Intel (R) Pentium Core i3
2. Memori 2 Gb
3. LCD 14”
4. HDD 500 Gb
4.2.3 Identifikasi Kebutuhan Fungsional
Kebutuhan fungsional dalam Sistem Transaksi Penjualan pada Toko
Bangunan UD. Sederhana Berbasis Webyaitu :
1. Admin
a. Mengelola Data Produk
b. Mengelola Data Order
2. Supplier
a. Melihat Barang
3. User
a. Melihat Produk
b. Membeli Produk
c. Pembayaran
30
4.3 Perancangan Sistem

4.3.1 Use Case Diagram
Melihat Produk
<<include>
Kelola Data Order User
<<include>>
Membeli Produk
Admin <<include>>
Pembayaran
<<extend>>
Kelola Data Produk

Melihat Barang
Supplier
Gambar 4.1 Use Case Diagram

Use case diagram Sistem Transaksi Penjualan pada Toko Bangunan UD.
Sederhana Berbasis Web pada gambar 4.1 terdiri dari tiga aktor yaitu admin,
supplier dan user. Admin mengelola mengelola data produk dan kelola data order.
User melihat produk, membeli produk dan pembayaran.Supplier melihat barang.
4.3.2 Skenario Use Case
1. Mengelola Data Produk
Tabel 4.1 Skenario Use CaseMengelola Data Produk
Nama Use Case Mengelola Data Produk
Aktor Admin
Use case ini merupakan proses untuk mengelola
Keterangan data produk. Dalam proses ini mencakup proses
tambah.
User telah berhasil login masuk kedalam menu
Prakondisi utama dan user yang digunakan merupakan user
admin.
31
Bidang khas event Kegiatan Aktor Respon Sistem

Langkah 2 : Sistem
Langkah 1 : User
merespon dengan
memilih menu data
menampilkan halaman
produk
data produk
Langkah 4 : Sistem
Langkah 3 : User
menampilkan form
memilih tombol tambah
tambah produk
Langkah 5 : User
menambahkan data
produk ke dalam form
Langkah 7 : Data
Langkah 6 : User
Produk berhasil di
memilih tombol simpan
simpan
Alternatif 1 langkah 3 :
user memilih data
Bidang Alternatif 1
produk yang akan
dihapus
Alternatif 2 langkah 4 : Alternatif 2 langkah 5 :
user memilih tombol sistem menghapus data
hapus produk
Dalam pengelolaan data produk, dapat dilakukan
Kesimpulan
kegiatan tambah dan hapus data.
Post Kondisi Perubahan data tersimpan dalam database
32
3. Mengelola Data Order

Tabel 4.2 Skenario Use CaseMengelola Data Order
Nama Use Case Mengelola Data Order
Aktor Admin
Use case ini merupakan proses untuk mengelola
Keterangan data order. Dalam proses ini mencakup proses
orderan yang masuk
Prakondisi utama dan user yang digunakan merupakan user
admin.
Langkah 2 : Sistem
Langkah 1 : User
merespon dengan
memilih menu data
menampilkan halaman
order
data order
Dalam pengelolaan data order, dapat dilakukan
Kesimpulan
kegiatan melihat order.
4. Melihat Produk
Tabel 4.3 Skenario Use Case Melihat Produk
Nama Use Case Melihat Produk
Aktor User
Use case ini merupakan proses untuk melihat produk.
Keterangan
Dalam proses ini mencakup melihat produk.
User telah berhasil login masuk kedalam menu utama
Prakondisi
dan user yang digunakan merupakan user.
33
Langkah 2 : Sistem
Langkah 1 : User memilih merespon dengan
menu produk menampilkan halaman
produk
Dalam pengelolaan melihat produk, dapat dilakukan
Kesimpulan
kegiatan melihat produk yang dibeli
5. Membeli Produk
Tabel 4.4 Skenario Use Case Membeli Produk
Nama Use Case Membeli Produk
Aktor User
Use case ini merupakan proses untuk membeli
Keterangan
produk.
Prakondisi
utama dan user yang digunakan merupakan user.
Langkah 2 : Sistem
Langkah 1 : User merespon dengan
memilih menu produk menampilkan halaman
produk
Langkah 3 : User Langkah 4 : Sistem
memilih produk yang menampilkan produk
dibeli yang dibeli
Langkah 6 : Sistem
Langkah 5 : User
menampilkan list produk
memilih tombol beli
dan harga
Kesimpulan Dalam pengelolaan membeli produk, dapat
34
dilakukan kegiatan membeli produk

7. Pembayaran
Tabel 4.5 Skenario Use Case Pembayaran
Nama Use Case Pembayaran
Aktor User
Keterangan Use case ini merupakan proses pembayaran.
Prakondisi
utama dan user yang digunakan merupakan user.
Langkah 2 : Sistem
Langkah 1 : User
merespon dengan
memilih produk yang
menampilkan produk
dibeli.
yang dibeli
Langkah 4 : Sistem
Langkah 3 : User
menampilkan halaman
memilih tombol
produk yang ingin di
pembayaran
bayar.
Langkah 5 : User
memilih tombol bayar
Dalam pengelolaan pembayaran, dapat dilakukan
Kesimpulan
membayar produk
35
8. Melihat Barang
Tabel 4.6 Skenario Use Case Melihat Barang
Nama Use Case Melihat Barang
Aktor Supplier
Keterangan Use case ini merupakan proses mengirim barang
Prakondisi utama dan user yang digunakan merupakan
supplier.
Langkah 1 :
Langkah 2 : Sistem
Supplierlogin
merespon dengan
menggunakan username
menampilkan halaman
dan password yang
supplier
sudah terdaftar
Langkah 4 : Sistem
Langkah 3 : supplier
menampilkan halaman
melihat barang
barang
Dalam pengelolaan barang, dapat dilakukan melihat
Kesimpulan
barang
36
4.3.3 Activity Diagram

1. Activity Diagram Mengelola Data Produk
Admin Sistem
Admin berhasil login Menampilkan halaman

utama
Mengakses menu data

produk
Menampilkan data produk
Kelola data produk tambah dan hapus
Admin milih tombol simpan
(Tidak)
(Ya)
Gambar 4.2 Activity Diagram Mengelola Data Produk (Aktor : Admin)

Menurut Gambar 4.2 Activity Diagram Mengelola Data Produk menjelaskan bahwa
admin bisa menambah produk dan hapus produk. Admin login dengan username dan
password yang di pakai. Setelah itu pilih Data produk.
2. ActivityDiagram Mengelola Data Order
User Sistem
Admin berhasil Login Menampilkan halaman

utama
Mengakses menu data

order
Menampilkan data order
Kelola data order
Gambar 4.3 Activity Diagram Mengelola Data Order (Aktor : Admin)

Menurut Gambar 4.3 Activity Diagram Mengelola Data Order bahwa setelah
user membayar produk yang diinginkan, data pemesanan produk user akan
ditampilkan
37
3. Activity Diagram Memilih Produk

User Sistem
User berhasil login Menampilkan halaman

utama
Mengakses menu data

produk
Memilih menu produk
Gambar 4.4 Activity Diagram Memilih Produk (Aktor : User)

Menurut Gambar 4.4 Activity Diagram Memilih Produk bahwa user login pakai
username dan password yang sudah di kasih. Setelah itu langsung memilih produk
yang diinginkan.
4. Activity Diagram Membeli Produk
User Sistem
User berhasil Login Menampilkan halaman

utama
Mengakses menu melihat

produk
Menampilkan menu produk
Memilih menu produk
Membeli Produk yang dipilih Menampilkan produk yang

dipilih
Gambar 4.5 Activity Diagram Membeli Produk (Aktor : User)

Menurut Gambar 4.5 Activity Diagram Membeli Produk bahwa setelah user memilih
produk yang diinginkan, user memilih tombol beli produk.
38
5. Activity Diagram Pembayaran

User Sistem
User berhasil login Menampilkan halaman

utama
Mengakses menu data

produk
Memilih menu produk
Memberli produk yang Menampilka produk yang dipilih

dipilih
Menampilkan form
Memilih tombol pembayaran pembayaran
Memilih tombol bayar
Gambar 4.6 Activity Diagram Pembayaran (Aktor : User)

Menurut Gambar 4.6 Activity Diagram Pembayaran bahwa setelah user pilik tombol
beli, selanjutnya user memlih tombol pembayaran.
6. Activity Diagram Melihat Barang
User Sistem
Supplier berhasil Login Menampilkan halaman

utama
Mengakses menu data

barang
Menampilkan data barang
Kelola data barang
Gambar 4.7 Activity Diagram Melihat Barang (Aktor : Supplier)

Menurut Gambar 4.7 Activity Diagram Mengirim Barang bahwa supplier login
menggunakan username dan password. Selanjutnya supplier memilih barang.
Supplier melihat stok produk yang kosong dari admin.
39
4.3.4 Sequence Diagram

1. SequenceDiagram Mengelola Data Produk
Admin Menu Utama menu produk Control Data Tabel Produk

Produk
masuk menu utama

tampil menu order
proses tambah
menyimpan data
update data
tampil menu produk
Gambar 4.8 SequenceDiagram Mengelola Data Produk (Aktor : Admin)
2. SequenceDiagram Mengelola Data Order
Admin Menu Utama menu order
masuk menu utama

tampil menu order
Gambar 4.9 SequenceDiagram Mengelola Data Order (Aktor : Admin)

40
4. SequenceDiagram Melihat produk
User Menu Utama menu produk Control Data

Produk
masuk menu utama

tampil menu produk
proses melihat produk
proses membeli produk

Gambar 4.10 SequenceDiagram Melihat Produktampil
(Aktor : User)
produk yang di beli
5. SequenceDiagram Membeli Produk

User Menu Utama menu produk Control Data
Produk
masuk menu utama

tampil menu produk
tampil produk yang di beli
Gambar 4.11 SequenceDiagram Membeli Produk (Aktor : User)

41
6. SequenceDiagram Pembayaran
User Menu Utama menu produk Control Data Tabel Produk

Produk
masuk menu utama

tampil menu produk
tampil produk yang di beli
mengisi data list pembelian
klik tombol beli
menyimpan data
update data
Gambar 4.12 SequenceDiagram Pembayaran (Aktor : User)
7. SequenceDiagram Melihat Barang
Supplier Menu Utama menu produk
masuk menu utama

tampil menu produk
Gambar 4.13 SequenceDiagram Melihat Barang (Aktor : Supplier)

42
4.3.5 Class Diagram
Gambar 4.14 Class Diagram

4.3.6 Struktur Database
a. Desain Tabel
Berikut adalah desain tabel dari database onlineshop untuk Sistem

Transaksi Penjualan pada Toko Bangunan UD. Sedehanan Berbasis Web:
1. Tabel Barang
Menurut tabel 4.7 tabel barang bahwa tabel barang mempunya barang_id,
barang_nama, barang_harga, barang_kategori, barang_jumlah,
barang_gambar.
Tabel 4.7 Tabel Barang

Nama Field Tipe Data Ukuran Keterangan
Barang_id Int 11 Kunci utama
Barang_nama Varchar 255 Nama barang
43
Barang_harga Int 11 Harga barang

Barang_kategori Int 11 Kategori harga
Barang_jumlah Int 11 Jumlah barang
Barang_gambar Varchar 255 Gambar barang
Barang_tanggal_tambah Varchar 255 Tanggal barang
Barang_keterangan Varchar 1024 Keterangan gambar
2. Tabel Cart Item
Menurut tabel 4.8 tabel cart itembahwa tabel cart item memiliki
cart_item_id, cart_id, cart_item_jumlah, cart_item_keterangan dan
cart_item_tanggal.
Tabel 4.8 Tabel Cart Item

Cart_item_id Int 11 Kunci utama
Cart_id Int 11 Kunci Tamu
Barang_id Int 11 Kunci Tamu
Cart_item_jumlah Int 11 Jumlah barang
Cart_item_keterangan varchar 255 Keterangan barangan
Cart_item_tanggal varchar 255 Tanggal barang
3. Tabel Cart
Menurut tabel 4.9 tabel cart menjelaskan bahwa tabel cart memiliki
cart_id, user_id, cart_jasa, kirim, cart_transaksi.
Tabel 4.9 Tabel Cart

Cart_id Int 11 Kunci utama
User_id Int 11 Kunci tamu
44
Cart_jasa_kirim Int 11 Jasa kirim barang

Cart_tanggal_tambah Varchar 255 Tanggal barang
Cart transaksi Int 11 Transaksi barang
City Varchar 255 Kota order
State Varchar 255 Negara order
Zip Int 10 Jumlah
4. Tabel Kategori
Menurut tabel 4.10 tabel kategori menjelaskan bahwa tabel kategori

memiliki kategori_id, kategori_nama, kategori_tanggal, kategori_index.
Tabel 4.10 Tabel Kategori

Kategori_id Int 11 Kunci utama
Kategori_nama Varchar 11 Nama kategori
Kategori_tanggal Varchar 11 Tanggal kategori
Kategori_index Int 11 Indek kategori
5. Tabel User
Menurut tabel 4.10 tebel user menjelaskan bahwa tabel user memiliki
user_id, user_jenis, user_nama, user_email.
Tabel 4.11 Tabel User

User_id Int 11 Kunci Utama
User_jenis Int 11 Jenis user
User_nama Varchar 255 Nama user
User_email Varchar 255 Email user
User_username Varchar 255 Username user
45
user_alamat Varchar 255 Alamat user

User_nohp Varchar 255 No hp user
User_tanggal_daftar Varchar 255 Tanggal daftar user
4.3.7 Desain Tampilan

Perancangan tampilan disesuaikan berdasarkan kebutuhan instansi.
Tampilan dirancang semudah mungkin sehingga pengguna tidak bingung
dengan tampilan yang terdapat pada sistem. Diharapkan dengan tampilan yang
mudah ini pengguna tidak akan kesulitan dalam menggunakan sistem tersebut.
1. Halaman Login (Admin , Supplier dan User)
Halaman Login untuk semua user yang terdapat form username dan
password dimana setiap user harus login agar bisa mengakses fiktur yang
ada.
Gambar 4.15 Desain Halaman Login

Berdasarkan gambar 4.15 Desain Halaman Login menjelaskan bahwa Admin
atau User membuka alamat website nya. Setelah masuk halaman login, admin
memasukkan Username dan Password yang sudah dibuat.
46
2. Desain Halaman Utama Setelah Login (Admin, Supplier dan User)

Desain halaman utama yaitu tampilan setelah user melakukan login
dengan username dan password dengan benar.
Gambar 4.16 Desain Halaman Utama / Dashboard(Admin)

Berdasarkan gambar 4.16 Desain Halaman Utama / Dashboard (Admin)
menjelaskan bahwa Admin membuka alamat website nya. Setelah masuk halaman
login, admin memasukkan Username dan Password yang sudah dibuat. Setelah itu
sistem akan menampilkan halaman utama.
Gambar 4.17 Desain Halaman Utama / Dashboard(supplier)

47
Gambar 4.18 Desain Halaman Utama / Dashboard(User)
3. Desain Halaman Kelola Cart
Gambar 4.19 Desain Halaman Kelola User (Admin)

Berdasarkan gambar 4.19 Desain Halaman Kelola Cart (Admin) menjelaskan
bahwa Setelah masuk ke halaman utama, Admin memilih gambar cart.
48
4. Desain Halaman Barang
Gambar 4.20 Desain Halaman Barang (Admin)

Berdasarkan gambar 4.20 Desain Halaman Barang (Admin) menjelaskan
bahwa Setelah masuk ke halaman cart Admin memilih tombol admin..
5. Desain Halaman Form Edit atau tambah data barang
Gambar 4.21 Desain Halaman Form Edit atau tambah data barang (Admin)
Berdasarkan gambar 4.21 Desain Halaman Form Edit atau tambah data barang
(Admin) menjelaskan bahwa Setelah admin selesai memilih data barang, Admin
melanjutkan memilih tombol tambah barang.
49
6. Desain Halaman Kelola Kategori
Gambar 4.22 Desain Halaman Kelola Kategori (Admin)

Berdasarkan gambar 4.22 Desain Halaman Kelola Kategori (Admin)
menjelaskan bahwa Setelah masuk ke halaman data barang, selanjutnya admin
memilih menu kategori
7. Desain Halaman Form Tambah atau edit data kategori
Gambar 4.23 Desain Halaman Form Tambah atau edit data kategori
(Admin)
Berdasarkan gambar 4.23 Desain Halaman Form Tambah atau edit data
kategori (Admin) Menjelaskan bahwa Setelah admin memilih data product, lalu
admin memilih data orders.
50
8. Desain Halaman Form Barang
Gambar 4.24 Desain Halaman Form Barang (Admin)

Berdasarkan gambar 4.24 Desain Halaman Form Barang (Admin)
menjelaskan bahwa setelah admin selesai memilih data barang, Admin melanjutkan
memilih tombol Form Tambah
1. Desain Halaman Kelola Barang
Gambar 4.25 Desain Halaman Kelola Barang (Supplier)

Berdasarkan gambar 4.25 Desain Halaman Kelola Barang (Suppier)
menjelaskan bahwa supplier melihat menu barang
51
1. Desain Halaman Melihat Produk
Gambar 4.26 Desain Halaman Melihat Produk (User)

Berdasarkan gambar 4.26 Desain Halaman melihat Produk (User) Menjelaskan
bahwa setelah masuk ke halaman utama, selanjutnya user melihat produk yang ingin
dibeli.
.
2. Desain Halaman Membeli Produk
Gambar 4.27 Desain Halaman Membeli Produk (User)

Berdasarkan gambar 4.27 Desain Halaman Membeli Produk Kelas (User)
Menjelaskan bahwa setelah melihat produk yang ingin dibeli, user membeli produk.
52
3. Desain Halaman Pembayaran
Gambar 4.28 Desain Halaman Pembayaran (User)

Berdasarkan gambar 4.28 Desain Halaman Pembayaran (User) Menjelaskan
bahwa setelah membeli produk yang di inginkan, user memilih tombol pembayaran
BAB V
IMPLEMENTASI SISTEM
5.1 Implementasi Sistem
Implementasi merupakan suatu tahapan dalam perancangan suatu

perangkat lunak. Tahapan implementasi dilakukan setelah proses analisa dan
perancangan selesai dilakukan. Pada tahap implementasi akan dibahas hal-hal
yang berhubungan langsung dengan perangkat.
5.1.1 Antar Muka Sistem
A. Implementasi Tampilan Awal
1. Form Halaman Utama
Gambar 5.1 Form Halaman Utama
Form Halaman Utama merupakan form untuk melihat tampilan awal

pertama.
53
54
2. Form Login
Gambar 5.2 Form Login
Form Login merupakan form untuk mengakses atau masuk pada

halaman utama sistem informasi pemesanan sesuai level yang ditetapkan,
level itu meliputi Admin, User dan Supplier.
B.Implementasi Tampilan User Admin
1. Halaman Awal atau Dashboard
Gambar 5.3 Halaman Awal Dashboard
Gambar 5.3 Halaman Awal Dashboard menjelaskan bahwa setelah admin

login, selanjutnya masuk ke halaman utama
55
2. Tampilan Data Barang
Gambar 5.4 Tampilan Data Barang
Gambar 5.4 Tampilan Data Barang menejaskan bahwa setelah admin masuk
halaman utama, selanjutnya admin memilih data barang.
3. Tampilan Form Tambah Data Barang
Gambar 5.5 Tampilan Form Tambah Data Barang
Gambar 5.5 Tampilan Form Tambah Data Barang menjelaskan bahwa

setelah admin memilih data barang, selanjutnya admin memilih tombol
tambah barang.
56
4. Tampilan Data Kategori
Gambar 5.6 Tampilan Data Kategori
Gambar 5.6 Tampilan Data Kategori menjelaskan bahwa setelah admin

memilih data barang, selanjutnya admin memilih data kategori.
6. Tampilan Form Tambah Data Kategori
Gambar 5.7 Tampilan Form Tambah Data Kategori
Gambar 5.7 Tampilan Form Tambah Data Kategori menjelaskan bahwa

setelah admin memilih data kategori, selanjutnya admin memilih tombol
tambah kategori.
57
7. Tampilan Data Orders
Gambar 5.8 Tampilan Data Orders
Gambar 5.8 Tampilan Data Orders menjelaskan bahwa setelah admin

memilih data kategori, selanjutnya admin memilih data orders.
C.Implementasi Tampilan User
Gambar 5.9 Halaman Awal atau Dashboard
Gambar 5.9 Halaman Awal menjelaskan bahwa setelah user login,

selanjutnya menampilkan halaman utama.
58
2. Tampilan Data Memilih Product
Gambar 5.10 Tampilan Data Memilih Product
Gambar 5.10 Tampilan Data Memilih Product menjelaskan bahwa setelah

user masuk halaman utama, selanjutnya user memilih product yang ingin di
beli.
3. Tampilan Data Rincian Pemesanan
Gambar 5.11 Tampilan Data Rincian Pemesanan
Gambar 5.11 Tampilan Data Rincian Pemesanan menjelaskan bahwa setelah

suer memilih product yang dibeli, selanjutnya user melakukan pemesanan
59
4. Tampilan Data Pembayaran
Gambar 5.12 Tampilan Data Pembayaran
Gambar 5.12 Tampilan Data Pembayaran menjelaskan bahwa setelah user

melakukan pemesanan, selanjutnya user melakukan pembayaran.
5. Tampilan Data Pemesanan
Gambar 5.13 Tampilan Data Pemesanan
Gambar 5.13 Tampilan Data Pemesanan menjelaskan bahwa setelah user

melakukan pembayaran, selanjutnya user melihat data pemesanan.
60
D. Implementasi Tampilan Supplier
Gambar 5.14 Halaman Utama atau Dashboard
Gambar 5.14 Halaman Utama menjelaskan bahwa setelah supplier login,

sekanjutnya menampilkan halaman utama
2. Halaman Melihat Barang
Gambar 5.15 Halaman Melihat Barang
Gambar 5.15 Halaman Melihat Barang menjeaskan bahwa setelah supplier

masuk halaman utama, selanjutnya supplier melihat barang.
61
5.2 Hierarki Sistem

Menu Utama
Entry Data Proses Lapora Exit

n
Persediaan
Customer Pembelia
Barang
n Barang Pembelian Barang
Pegawai pertanggal
Permintaa
Permintaan
Barang n Barang
Barang pertanggal
Daftar Rincian
Persediaan Barang
Gambar 5.16 Hierarki Sistem
5.2 Implementasi Database
5.2.1 Tabel User
Gambar 5.17 Implementasi Tabel user
Gambar 5.17 Implementasi table User menjelaskan tabel user
5.2.2 Tabel Kategori
Gambar 5.18 Implementasi Tabel Kategori
Gambar 5.17 Implementasi Tabel Kategori menjelaskan table kategori

62
5.2.3 Tabel Barang
Gambar 5.19 Implementasi Tabel Barang
Gambar 5.19 Implementasi Tabel Barang menjelaskan table barang
5.2.4 Tabel Item Cart
Gambar 5.20 Implementasi Tabel Item Cart

Gambar 5.20 Implementasi Tabel Item Cart menjelaskan table item cart
5.2.5 Tabel Cart
Gambar 5.21 Implementasi Tabel Cart

Gambar 5.21 Implementasi Tabel Cart menjelaskan table cart
5.3 Pengujian Sistem
Pengujian sistem adalah tahapan yang dilakukan ketika sistem akan
diimplementasikan, Sistem diuji untuk menemukan kesalahan-kesalahan yang
berupa kesalahan logika maupun kesalahan dalam pengeksekusian fungsi pada
sistem. Sehingga sebelum sistem rilis, pembuat dapat melakukan perbaikan yang
mendasar pada sistem tersebut, artinya tujuan utama pengujian sistem ini
63
dilakukan yaitu untuk menjaga mutu dari sistem yang dibuat. Adapun pengujian
sistem dalam karya tulis ini dilakukan dua metode yaitu pengujian sistem white
box dan black box. Berikut detail pembahasan pengujian sistem :
5.3.1 Pengujian White Box
Pengujian White Box akan digunakan untuk melakukan pengecekan
detal pada program. Pengujian ini difokuskan untuk mendeteksi kondisi –
kondisi dalam sistem yang tidak sesuai atau mengalami kesalahan logika
dalam penulisan program. Berikut ini hasil pengujian program tampilan admin
detail data user pada Sistem Informasi Pemesanan :
1. Bagian Alur Tampil Detail Data Barang (Sisi Admin)
Mulai
Tidak
Ya
Proses berhasil
disimpah
Tampil
Data Tambah
Selesai
Gambar 5.22 Bagan Alur Tampil Detail Data User

64
2. Listing Program Tampil Detail Data User (Sisi Admin)
Tabel 5.2 Bagan Alur Tampil Detail Data User

Node Source Code
1 <?php
2 $hasil = getAllKategori();
3 $jumlah = 1;
foreach($hasil->isi as $data)
4
{
5 Echo
"<tr>
<td>$jumlah</td>
<td class='hylink_nama' >$data->nama</td>
6 <td>$data->tanggal_tambah</td>
<td><a class='hylink'
href='admin_page_category_add.php?id=$data->id'>Ubah</a><a
class='hylink' href='?delete-category=$data->id'>Hapus</a></td>
</tr>";
7 $jumlah = $jumlah+1;
8 }
9 ?>
65
3. Grafik Alur Tampil Detail Data Barang (Sisi Admin)
5 6
7
8
9
Gambar 5.23 Grafik Alur Tampil Data User

4. Cyclomatic Complexity
Region (R) = 3
Node (N) = 9
Predicate node (P) = 2
a) Perhitungan dengan rumus :
V(G) = E – N + 2
V(G) = 10 – 9 +2
V(G) = 3
b) Perhitungan dengan rumus :
V(G) = P + 1
V(G) = 2 + 1
66
V(G) = 3
Dari hasil perhitungan tersebut maka dapat diketahui jumlah jalur
independen / jalur dasar dari tampil detail data user (sisi admin), yaitu 3
jalur independen sebagai berikut :
Path I :1–2–3–4–5–7–8 -9
Path II :1–2–3–4–6–7–8 -9
Path III :1–2–3–8 -9
c) Pengujiam Basis Path

Jalur/Path Input Proses Keterangan
Klik button Cek data, cek Data adaada dan tambah
detail data tambah dan data barang dan data tidak
barang get data berhasil di tambah dan
1
menampilkan data barang
dan diarahkan ke halaman
depan aplikasi
Klik button Cek data, cek Data ada ada dan tambah
detail data tambah dan data barang dan data
barang get data berhasil di tambah dan
2
menampilkan data barang
dan diarahkan ke halaman
depan aplikasi
Klik button Cek data dan Data ada dan tambah data
detail data cek tambah barang dan menampilkan
3
barang data barang dan diarahkan
ke halam depan aplikasi
1) Tes Case Jalur 1

Jalur ini adalah jalur pengecekan data barang, kemudian bisa menambahkan
data barang, pengecekan get data barang, data berhasilkan di simpan,
menampilkan data barang dan kembali ke halaman depan aplikasi.
67
2) Test Case Jalur 2

data barang, pengecekan get data barang, data tidak berhasilkan di simpan,
menampilkan data barang dan kembali ke halaman depan aplikasi.
3) Test Case 3
data barang, menampilkan data barang dan kembali ke halaman depan
aplikasi.
5.3.2 Pengujian Black Box
Pengujian black box digunakan untuk pengecekan kesesuaian antara
input dengan output. Hal tersebut dilakukan untuk memastikan fungsi –
fungsi sistem berjalan sesuai dengan yang direncanakan. Berikut adalah
hasil pengujian black box Sistem Informasi Pemesanan :
Tabel 5.2 Pengujian Black Box Sistem Transaksi Penjualan
No Kasus Uji Langkah Uji Hasil Yang Diharapkan Hasil Akurat Keterangan
Isi Form Log In, Menampilkan Halaman Tampil Beranda
1 Tombol Log In Klik Tombol Log Beranda Admin, User Admin, User Sesuai
In dan Supplier. dan Supplier
Tampil Data
Data Product Menampilkan Data
2 Klik Data Product Product, Form Seauai
(Admin) Product, Form Tambah.
Tambah.
Tampil Data
Data Kategori Menampilkan Data
3 Klik Data Kategori Kategori, Form Sesuai
(Admin) Kategori, Form Tambah.
Tambah.
Data Order Menampilkan Data Tampil Data
4 Klik Data Order Sesuai
(Admin) Order. Order.
Data Melihat Menampilkan Data Tampil Data
5 Klik Data Produk Sesuai
Produk (User) Produk Produk.
68
Tabel 5.2 Pengujian Black Box Sistem Transaksi Penjualan

Tampil Data
Data Membeli Klik Memilih Menampilkan Data
6 Produk yang Sesuai
Produk (User) Produk Produk yang dipilih
dipilih
Tampil Data
Data
Klik Data Menampilkan Data produk yang
7 Membayar Sesuai
Membayar Produk produk yang di pilih dipilih, form
Produk (User)
pembayaran
Data Barang Menampilkan Data Tampil Data
8 Klik Data Barang
(Supplier) Barang Barang
Dari hasil pengujian tersebut dapat disimpulkan pengujian Black Box

yang meliputi uji input, proses dan output dengan acuan rancangan
perangkat lunak telah terpenuhi dengan hasil sesuai rancangan.
5.4 Pemeliharaan Sistem
Suatu sistem agar performanya terkontrol dan memungkinkan untuk
dikembangkan maka memerlukan proses pemeliharaan. Pemeliharaan sistem
tersebut bertujuan :
1. untuk menemukan bug atau error atau kesalahan-kesalahan sistem yang
sebelumnya belum ditemukan dalam tahap pengujian sistem. Kesalahan-
kesalahan sistem yang ditemukan digunakan untuk bahan evaluasi dan dasar
dalam memperbaiki sistem dan atau mengembangkan sistem.
2. Langkah berikutnya dalam pemeliharaan sistem yaitu back up data secara

berkala, hal tersebut dilakukan untuk menjaga sistem dari kehilangan atau
kerusakan data karena kesalahan teknis. Pemantauan sistem juga dilakukan
secara berkala untuk menjaga sistem dari gangguan luar sistem
BAB VI
PENUTUP
Setelah mengadakan analisa permasalahan dan merancang sistem transaksi

penjualan yang dituangkan dalam bab-bab sebelumnya, maka dalam bab ini penulis
akan memberikan kesimpulan dan saran yang diharapkan dapat membantu dalam
kemajuan sistem transaksi penjulan pada toko bangunan UD. Sederhana.
6.1 Kesimpulan
Kesimpulan dari hasil laporan tugas akhir di toko bangunan UD.
Sederhana adalah
1. Sistem transaksi penjualan pada toko bangunan UD.Sederhana
menggambarkan structural sistem yang memperlihatkan proses otomatisasi
sehingga proses atau kegiatan pembelian barang, stok barang, pembayaran
menjadi efektif dan efesien dalam membantu pihak toko bangunan UD.
Sederhana.
2. Membuat sistem transaksi penjualan yang dilengkapi denganpembatasan atau
pengendalian hak akses ke dalam sistem yaitu melalui user id dan password
masing-masing.
6.2 Saran
Adapun beberapa saran untuk sistem transaksi penjualan pada toko
bangunan UD. Sederhana yang dibuat ini adalah sebagai berikut :
1. Untuk mendukung sistem ini, maka diperlukan implementasi (coding) atau
pengembangan sistem terhadap sistem transaksi penjualan pada toko
bangunan UD. Sederhana menggunakan pemrograman berbasis android.
2. Dalam sistem ini perlu pengembangan dalam hal interface, sehingga sistem
berikutnya lebih interaktif bagi pengguna
3. Dalam sistem ini tidak mencari data yang sebelumnya.
69
DAFTAR PUSTAKA
Basuki. (2017). Pengertian Framework dan Contohnya. Bandung : Informatika.

Hanafiah & Nusa. (2017). Pengertian Penjualan. Jakarta
Hartono Bambang. (2017). Sistem Informasi. Bandung : Informatika
Hidayatullah & Kawistara. (2017). Pengertian website. Bandung.
Jogiyanto.(2017). Sistem Informasi. Jakarta : Gramedia.
Kadir Abdul. (2018). Pengenalan Sistem Informasi Edisi Revisi.. Jakarta: Rineka
Cipta.
Nugroho. (2017). Bahasa pemrograman. Bandung : Informatika.
Shalahudin, M., & Rosa, A. (2018). Rekayasa Perangkat Lunak. Bandung:
Informatika.
Rahajo B. (2017). Bahasan Pemrograman . Jakarta.
Steinbart, P. J., & Romney, M. B. (2017). Sistem Informasi Akuntansi, Edisi 13.
Jakarta: Salemba Empat.
70
LEMBAR PUBLISH
71
LEMBAR KONSULTAS
LEMBAR BIMBINGAN TUGAS AKHIR/KERJA PRAKTEK ONLINE
PROGRAM STUDI SISTEM INFORMASI/ TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI
UNIVERSITAS SEMARANG
NIM : G.111.15.0011
NAMA : Yudi Nico Prasetya Putra
JUDUL TA/KP : (TUGAS AKHIR) Sistem Transaksi penjualan Toko Bangunan
UD
Sederhana Berbasis Web Responsive
NO TANGGAL URAIAN REVISI TANDA TANGAN

1 8 Agustus 2020 Revisi proposal
2 11 Agustus 2020 Acc proposal

3 14 Agustus 2020 Acc 1,2, Rev 3
4 15 Agustus 2020 Rev 3, tinjauan pustaka berisi

tentang penelitian sebelumnya
yang telah dilakukan yang
berhubungan dengan objek.
Cari 3 penelitian yang sudah ada
sebelumnya
5 18 Agustus 2020 ACC 3
6 25 Agustus 2020 ACC 4
7 26 Agustus 2020 Jadwalkan untuk demo program
8 27 Agustus 2020 Acc program
9 Siapkan 1 file
10 28 Agustus 2020 Siap Sidang
Semarang, 28 Agustus 2020

Dosen Pembimbing
Khoirudin, S.Kom.,M.Eng
78
LEMBAR PERSERUJUAI REVISI
79
80
81

Sistem Transaksi Penjualan Toko Bangunan Ud Sederhana Berbasis Web Responsive

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Sistem Transaksi Penjualan Toko Bangunan Ud Sederhana Berbasis Web Responsive

Diunggah oleh

Hak Cipta:

Format Tersedia

SISTEM TRANSAKSI PENJUALAN TOKO BANGUNAN

UD SEDERHANA BERBASIS WEB RESPONSIVE

PROGRAM STUDI S1-SISTEM INFORMASI

SISTEM TRANSAKSI PENJUALAN PADA TOKO BANGUNAN

KETUA TIM PENGUJI TANGGAL TANDA TANGAN

Nur Wakhidah, S.Kom, M.Cs 08-09-2020 ................................

Khoirudin, S.Kom, M.Eng 08-09-2020 ................................

Rastri Prathivi, M.Kom 08-09-2020 ................................

Kata Kunci : Responsive, Waterfall, PHP, MySQL

UD Sederhana Building Shop is one of the businesses engaged in the sale of

Keywords : Responsive, Waterfall, PHP, MySQL

Semarang, September 2020

ini penulis menggunakan metode Waterfall.Bahasa pemrograman yang

1. Pengelolaan data barangyang sebelumnya masih menggunakan sistem

4. Bagaimana merancang dan membuat Sistem Transaksi Penjualan berbasis

1.3 Batasan Masalah

1.4 Tujuan Tugas Akhir

1.5 Manfaat Tugas Akhir

1.6 Metodologi Penelitian

Gambar 1.1 Metode Waterfall

1.7 Sistematika Penulisan

2.2 Visi Dan Misi perusahaan

2.3 Profil Perusahaan

Alamat : Jalan Siliwangi No. 508-F

2.4 Struktur Organisasi Perusahaan

Gambar 2.1 Struktur Organisasi Toko Bangunan UD Sederhana

2.5Lokasi Toko Bangunan UD Sederhana

Gambar 2.2 Peta lokasi Toko Bangunan UD Sederhana

Gambar 2.3 Toko Bangunan UD Sederhana

Menurut Abdul Kadir (2018), Sistem adalah sebuah rangkaian

2. Batas Sistem (boundary)

Batas sistem ini memungkinkan suatu sistem di pandang sebagai

3. Lingkungan Sistem (Environment)

4. Penghubung Sistem (Interface)

5. Masukan Sistem (Input)

6. Keluaran Sistem (Output)

dapat merupakan masukan subsistem yang lain atau kepada

3.1.3 Pengertian Informasi

3.1.4 Pengertian Sistem Informasi

4. Pelayanan (Customer Service)

6. Sederhana dalam kemudahan (Simplicity)

3.2 Pengertian Penjualan

3.6 PHP (HypertextPreprocessor)

3.9 Alat Bantu Perancangan Sistem

3.9.2 Use CaseDiagram

Tabel 3.1SimbolUse case Diagram(Shalahudin & Rosa, 2018).

Orang, proses, atau sistem lain

Fungsionalitas yang disediakan

Simbol Nama Deskripsi

Komunikasi antara aktor dan use

<<extend>> Extend Relasi use case tambahan ke

Generalisasi/ Hubungan generalisasi dan

<<include>> Include Relasi use case tambahan ke

3.9.3 Activity Diagram

lunak.Adapun simbol-simbol yang digunakan dalam activity diagram

Tabel 3.2SimbolActivity Diagram(Shalahudin & Rosa, 2018).

Status awal aktivitas sistem,

Aktivitas yang dilakukan sistem,

Asosiasi percabangan dimana jika

Asosiasi penggabungan dimana

Status akhir yang dilakukan

Memisahkan organisasi bisnis

3.9.4 Sequence Diagram