Disusun Oleh :
Nama NPM
M. Zidane Syifa Wijaya 10521002
Kelas IS-3
ABSTRAK
Teknologi komputer dapat digunakan dalam berbagai bidang, salah satunya pada bidang
sistem informasi, sistem informasi merupakan kombinasi dari teknologi informasi dan
aktivitas manusia untuk mendukung operasi dan manajemen. Tujuan penelitian ini adalah
untuk membangun sebuah sistem informasi dan juga website yang berhubungan dengan
system berbasis komputer, sehingga proses yang dilakukan dapat berlangsung dengan lebih
cepat dan efisien serta dapat meminimalkan kesalahan yang mungkin terjadi. Metode
penelitian yang dilakukan adalah kualitatif dengan pengumpulan data meliputi studi literatur,
wawancara (interview), pengamatan secara langsung (observasi), dan metode perancangan
sistem menggunakan metode Object-oriented , proses data meliputi data pemesanan,
pembelian, dan laporan penjualan. Perancangan sistem ini dibuat berdasarkan proses
komputer melalui tahap-tahap Use case Diagram, activity diagram, Perancangan Database,
Kamus Data, Desain Input-Output sehingga menghasilkan suatu sistem yang teratur. Dari
pengamataan serta penelitian yang dilakukan dapat diketahui UMKM Kahut Sigerbori
memerlukan sebuah platform untuk memasarkan produk mereka, pengolahan data informasi
Pembelian, dan informasi lain yang efektif dan efisien, sehingga diharapkan akan
menghasilkan suatu informasi yang lebih baik dengan sistem yang terkomputerisasi.
i
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
DAFTAR ISI
BAB I................................................................................................................................1
PENDAHULUAN..............................................................................................................1
1.1 Latar Belakang................................................................................................................1
1.2 Identifikasi Masalah..............................................................................................................2
1.3 Rumusan Masalah.................................................................................................................3
1.4 Batasan Masalah....................................................................................................................3
1.5 Metode Perancangan.............................................................................................................3
BAB II...............................................................................................................................4
TEORI PENDUKUNG......................................................................................................4
2.1 UMKM...................................................................................................................................4
2.2 Kahut Sigerbori.....................................................................................................................5
2.3 VISI Dan MISI UMKM Kahut Sigerbori.............................................................................5
2.3.1. VISI.......................................................................................................................................................5
2.3.2. MISI......................................................................................................................................................5
2.7 StarUML..............................................................................................................................11
2.8 Konsep Dasar Sistem Informasi..........................................................................................12
2.8.1 Pengertian Sistem...............................................................................................................................12
2.8.2 Pengertian Informasi.........................................................................................................................12
2.8.3 Pengertian Sistem Informasi.............................................................................................................12
ii
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
BAB III...........................................................................................................................15
HASIL PERANCANGAN................................................................................................15
3.1 Analisa Sistem yang berjalan..............................................................................................15
3.2 Sistem yang Diusulkan.........................................................................................................16
3.2.1 Use Case Sistem yang Diusulkan.....................................................................................................16
3.2.2 Activity Diagram................................................................................................................................18
3.2.2.1 Activity Diagram Proses Login (admin/konsumen/kasir).......................................................18
3.2.2.2 Activity Diagram Proses Registrasi (Konsumen).....................................................................19
3.2.2.3 Activity Diagram Proses Mencari Produk (Konsumen).........................................................20
3.2.2.4 Activity Diagram Melihat Deskripsi Produk (Konsumen).....................................................21
3.2.2.5 Activity Diagram Beli Produk (Konsumen).............................................................................22
3.2.2.6 Activity Diagram Kirim Pesan (Konsumen/Admin)...............................................................23
3.2.2.7 Activity Diagram Tambah Produk (Admin)............................................................................24
3.2.2.8 Activity Diagram Hapus Produk (Admin)...............................................................................25
3.2.2.9 Activity Diagram dari proses Edit Deskripsi Produk (Admin)..............................................26
3.2.2.10 Activity Diagram Proses Tambah Data Penjualan (Admin-Kasir).....................................28
3.2.2.11 Activity Diagram Proses Hapus Data Penjualan (Admin-Kasir).........................................29
3.2.2.12 Activity Diagram Proses Cetak Data/Laporan Penjualan (Admin-Kasir).........................30
3.2.3 Sequence Diagram..........................................................................................................................31
3.2.3.1 Sequence Diagram Proses Login...............................................................................................31
3.2.3.2 Sequence Diagram Proses Register...........................................................................................32
3.2.3.3 Sequence Diagram Proses Lihat dan Beli Produk (Konsumen).............................................32
3.2.3.4 Sequence Diagram Proses Kelola Produk (Admin).................................................................33
3.2.3.5 Sequence Diagram Proses Kelola Data Penjualan (Admin-Kasir)........................................33
3.3 Implementasi..................................................................................................................37
3.4 Output............................................................................................................................47
3.4.1 Laporan Penjualan yang telah di cetak................................................................................................47
3.4.2 Invoice pembelian yang telah di cetak.................................................................................................48
BAB IV............................................................................................................................49
KESIMPULAN................................................................................................................49
4.1. Kesimpulan.........................................................................................................................49
DAFTAR PUSTAKA.......................................................................................................50
iii
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
DAFTAR GAMBAR
Figure 1 2.6.1 Usecase Diagram.............................................................................................................9
Figure 2 2.6.2 Activity Diagram............................................................................................................10
Figure 3 2.6.3 Sequence Diagram........................................................................................................11
Figure 4 2.7 StarUML...........................................................................................................................11
Figure 5 Gambar Use Case dari sistem yang sedang berjalan pada UMKM Kahut Sigerbori...............16
Figure 6 3.2.1 Gambar Use-Case Diagram dari sistem yang diusulkan................................................16
Figure 7 3.2.2.1 Gambar Activity Diagram dari proses Login (admin/konsumen/kasir)......................18
Figure 8 3.2.2.2. Gambar Activity Diagram Proses Registrasi (konsumen)..........................................19
Figure 9 3.2.2.3 Gambar Activity Diagram Proses Mencari Produk (Konsumen).................................20
Figure 10 3.2.2.4. Gambar Activity Diagram Melihat Deskripsi Produk (konsumen)...........................21
Figure 11 3.2.2.5 Gambar Activity Diagram dari proses Beli Produk (Konsumen)...............................22
Figure 12 3.2.2.6. Gambar Activity Diagram dari proses Kirim Pesan (Konsumen/admin)..................23
Figure 13 3.2.2.7. Gambaran Activity Diagram dari proses Tambah Produk (admin)..........................24
Figure 14 3.2.2.8 Gambar Activity Diagram Hapus Produk (Admin)....................................................25
Figure 15 3.2.2.9. Gambar Activity Diagram dari proses Edit Deskripsi Produk (admin)......................26
Figure 16 3.2.2.10. Gambar Activity Diagram dari proses Tambah Data Penjulan (admin-kasir).........28
Figure 17 3.2.2.11. Gambar Activity Diagram dari proses Hapus Data Penjualan (admin-kasir).........29
Figure 18 3.2.2.12 Gambar Activity Diagram dari Cetak Data/Laporan Penjualan (admin-kasir)........30
Figure 19 3.2.3.1 Gambar Sequence Diagram dari proses Login........................................................31
Figure 20 3.2.3.2 Gambar Sequence Diagram dari proses Register....................................................32
Figure 21 3.2.3.3 Gambar Sequence Diagram dari proses Lihat dan Beli Produk...............................32
Figure 22 3.2.3.4. Gambar Sequence Diagram dari proses Kelola Produk..........................................33
Figure 23 3.2.3.5 Gambar Sequence Diagram dari proses Kelola Data Penjualan...............................33
Figure 24 Gambar Halaman Registrasi yang dapat di akses (konsumen)............................................37
Figure 25 Gambar Halaman Login yang dapat diakses oleh (konsumen/admin/kasir)........................38
Figure 26 Gambar Halaman Utama pada tampilan Konsumen............................................................39
Figure 27 Gambar Halaman Utama Admin..........................................................................................40
Figure 28 Gambar Halaman Produk pada tampilan untuk Konsumen.................................................40
Figure 29 Gambar Halaman Produk pada tampilan untuk Admin.......................................................41
Figure 30 Gambar Halaman Chat yang bisa di akses oleh Konsumen dan Admin................................42
Figure 31 Gambar Halaman Alamat dan Kontak (Konsumen)..............................................................43
Figure 32 Detail Transaksi....................................................................................................................44
Figure 33 Gambar Halaman Data penjualan(Admin)...........................................................................45
Figure 34 Gambar Halaman Cetak Laporan.........................................................................................46
DAFTAR TABEL
iv
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
BAB I
PENDAHULUAN
Bagi negara berkembang seperti Indonesia, sektor bisnis dan perekonomian merupakan
fondasi utama dalam pembangunan nasional, dan menjadi indikator atau ukuran
keberhasilan pembangunan yang dilakukan oleh pemerintah. Adapun pelaku utama dari
pembangunan nasional ini dapat melibatkan seluruh lapisan masyarakat dan pemerintah,
dan dibantu dengan sokongan sumber daya yang ada (Pujiono, 2012). Peran masyarakat
yang dapat dilakukan dalam hal membantu membangun perekonomian nasional, yaitu
melalui Usaha Mikro, Kecil, dan Menengah (disingkat UMKM). UMKM saat ini
dipandang sebagai bentuk perekonomian yang penting dan strategis, melihat bentuk
usaha ini yang sangat dominan dalam perekonomian Indonesia, memiliki jumlah industri
1
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
yang sangat besar, dan mampu mengatasi problematika perekonomian lainnya, yaitu
pemanfaatan sumber daya dan masalah ketersediaan lapangan kerja.
Toko Kahut Sigerbori, merupakan sebuah toko berbasis UMKM di kota Bandar
Lampung, yang berfokus pada penjualan hasil usaha ecoprint. Usaha ecoprint yang dijual
ada banyak dan beragam, mulai dari tas, kain, dsb. Proses jual beli di toko Kahut
Sigerbori sendiri menggunakan dua sistem, yaitu sistem offline dan online. Sistem offline,
yakni proses jual-beli yang dilakukan langsung di tempat (toko), dan sistem online, yakni
proses jual-beli yang dilakukan hanya melalui satu platform sosial media saja yaitu
hanya melalui Instagram. Kegiatan penjualan yang dilakukan, khususnya penjualan
online, belum terintegrasi pada beberapa platform terlebih belum belum adanya platform
khusus yang mengatasnamakan Kahut Sigerbori itu sendiri, sehingga penjualan yang
dilakukan belum efektif dan efisien. Tidak adanya platform tersebut membuat pelanggan
tidak dapat melihat secara keseluruhan stok apa saja yang sedang dijual dan tersedia. Hal
ini dapat menghambat proses jual-beli, karena pelanggan harus melakukan komunikasi
terlebih dahulu kepada penjual melalui chat Dm atau telepon, dan cara ini sangat
menghabiskan banyak waktu bagi pelanggan dan penjual. Kendala lainnya, yakni Di latar
belakangi hal tersebut, maka diperlukan e-commerce untuk mengatasi masalah tersebut,
dengan cara mencoba merancang sistem informasi berbasis web yang, agar dapat
mempermudah proses jual-beli.
2
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
1. Bagaimana cara merancang suatu aplikasi sistem informasi penjualan yang meliputi,
laporan data penjualan, laporan pembelian dan laporan penjualan, dan pencatatan
transaksi pada UMKM Kahut Sigerbori berbasis Web?
3
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
BAB II
TEORI PENDUKUNG
2.1 UMKM
UMKM, atau Usaha Mikro, Kecil, dan Menengah, merupakan kelompok usaha produktif
yang dijalankan oleh masyarakat, baik individu, kelompok, rumah tangga, ataupun badan
usaha kecil. UMKM sendiri telah diatur dalam peraturan Undang-Undang No. 20 Tahun
2008 tentang UMKM, dan PP No. 7 Tahun 2021 tentang Kemudahan, Pelindungan, dan
Pemberdayaan Koperasi dan Usaha Mikro, Kecil, dan Menengah. Adapun UMKM,
menurut UU No. 20 Tahun 2008, dibentuk berdasarkan asas-asas berikut: kekeluargaan,
demokrasi ekonomi, kebersamaan, efisiensi berkeadilan, berkelanjutan, berwawasan
lingkungan, kemandirian, keseimbangan kemajuan, dan kesatuan ekonomi nasional.
UMKM sendiri merupakan bidang usaha yang mendominasi sektor perekonomian di
Indonesia. Data dari Kementerian Koperasi dan UKM menunjukkan jumlah seluruh
bentuk usaha di Indonesia saat ini mencapai 64,19 juta, dimana 99,9% dari keseluruhan
jumlah usaha tersebut merupakan usaha UMKM. Berdasarkan data tersebut, dapat
dikatakan bahwa UMKM memiliki pengaruh yang kuat dalam hal peningkatan
pertumbuhan ekonomi di Indonesia. UMKM juga berperan dalam beberapa hal berikut,
seperti membantu menaikkan sektor pendapatan ekonomi negara (kontribusi dalam
pembentukan PDB), menambah peluang unit usaha dan penyerapan tenaga kerja bagi
masyarakat, dan juga produk usaha yang makin bervariasi (Amelia, Meri Nur, dkk.
2017).
Jenis usaha UMKM saat ini sangat bervariatif, beberapa diantaranya yakni berupa jenis
usaha kuliner, fashion, agribisnis, dan lain sebagainya. UMKM, berdasarkan
kepanjangannya, dibagi ke dalam tiga kategori usaha, yaitu usaha mikro, usaha kecil, dan
usaha menengah.
4
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Kahut Sigerbori sendiri berasal dari kata Lampung Pesisir, Kahut artinya cinta atau
kesayangan, sedangkan siger diambil dari sebuah lambang khas Lampung yakni mahkota,
dan bori adalah sebuah teknik mengikat kain atau memotif kain dari negara Jepang. Kahut
Sigerbori juga bertujuan agar masyarakat Lampung lebih menyayangi dan
membanggakan produk dari Lampung dan tetap melestarikan kebudayaan Lampung
melalui produk yang mereka buat.
2.3.2. MISI
1. Menjadi usaha yang memenuhi aspek keberlanjutan dibidang gerakan pengentasan
kemiskinan.
2. Memberdayakan masyarakat sekitar dengan cara membuka lapangan kerja
3. Menjadi pusat study dibidang kriya tekstil pewarna alam, bagi dunia akademis
maupun masyarakat luas
4. Selalu berusaha menggunakan bahan baku lokal
Bermitra dengan petani sekitar untuk memberi nilai
5. Tambah bagi ladang garapan dan memberi penghasilan.
5
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
OOAD mencakup analisis dan desain sebuah sistem dengan pendekatan objek, yaitu
Analisis Berorientasi Objek (OOA) dan Desain Berorientasi Objek (OOD). Analisis
Berorientasi Objek adalah metode analisis yang memerika requirement
(syarat/keperluan) yang harus dipenuhi sebuah sistem) dari sudut pandang kelas-kelas
dan objek-objek yang ditemui dalam ruang lingkup perusahaan. Sedangkan Desain
Berorientasi Objek adalah metode untuk mengarahkan arsitektur software yang
didasarkan pada manipulasi objek-objek sistem atau subsistem. Tools Perancangan
Berorientasi Objek Adapun tools-tools yang digunakan dalam perancangan berorientasi
objek sebagai berikut :
1. Object Oriented Analysis (OOA) dan Object Oriented Design (OOD) dari Peter Coad
dan Edward Yourdon [1990].
2. UML (Unified Modeling Language) dari James Rumbaugh. Grady Booch dan Ivar
Jacobson [1997].
6
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Analis dan programmer tidak dibatasi dengan batasan implementasi sistem, jadi
desain dapat diformliasikan yang dapat dikonfirmasi dengan berbagai lingkungan
eksekusi.
Relasi obyek dengan entitas (thing) umumnya dapat di mapping dengan baik seperti
kondisi pada dunia nyata dan keterkaitan dalam sistem. Hal ini memudahkan dalam
mehami desain (Sommerville, 2000).
OOAD memungkinkan adanya standarisasi obyek yang akan memudahkan
memahami desain dan mengurangi resiko pelaksanaan proyek.
Dekomposisi objek, memungkinkan seorang analis untuk memcah masalah menjadi
pecahan-pecahan masalah dan bagian-bagian yang dimanage secara terpisah. Kode
program dapat dikerjakan bersama- sama. Metode ini memungkinkan pembangunan
software dengan cepat, sehingga dapat segera masuk ke pasaran dan kompetitif.
Sistem yang dihasilkan sangat fleksibel dan mudah dalam memelihara.
7
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
8
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
struktur model dari berbagai pengembangan proyek sistem. Ada beberapa aspek yang
terkandung dalam UML:
1. Class, sebagai gambaran atau blueprint dari object, atau dapat diartikan sebagai
sekumpulan dari object yang memiliki tema properti yang serupa.
2. Object, merupakan suatu bentuk yang di dalamnya memiliki entitas yang berbeda-
beda, properti, sifat, behavior (perlakuan), dan method (metode), dimana tiap entitas
akan berbeda antara satu objek dengan objek lainnya.
3. Inheritance, merupakan konsep ‘penurunan’ atau ‘pewarisan’ pada sistem. Konsep
ini digambarkan dengan dua aspek: superclass (sebagai induk) dan subclass (sebagai
anak) Superclass menurunkan seluruh sifat-sifat atau properti kepada subclass.
Namun sebaliknya, properti pada subclass tidak dimiliki oleh superclass.
4. Abstraction, merupakan konsep generalisasi, dimana suatu class atau object yang
berbentuk kompleks, digambarkan ke dalam bentuk yang lebih sederhana, dengan
komponen-komponen kompleks lainnya ‘disembunyikan’.
5. Encapsulation, merupakan bentuk pengorganisir atau kompartir dari unsur-unsur
abstrak yang ditentukan berdasarkan kesamaan struktur atau behavior-nya.
6. Polymorphism, merupakan konsep dimana suatu class dapat digambarkan sebagai
komponen yang fleksibel; memiliki kemampuan untuk membuat bentuk yang
berbeda, namun menghasilkan tujuan yang sama.
UML sendiri terbagi ke dalam beberapa jenis bahasa diagram, diantaranya yaitu Use-
Case Diagram, Activity Diagram, Class Diagram, dan Sequence Diagram.
Use Case dapat mendeskripsikan tipe interaksi dan juga fungsi apa saja yang ada di dalam
sebuah sistem antara si pengguna sistem dengan sistemnya. Adapun kelebihan dari
penggunaan Use Case Diagram ini, yakni dapat digunakan untuk memodelkan suatu sistem
berorientasi objek dengan lebih sederhana, dan mudah dimengerti sistematisnya.
2.6.2 Activity Diagram
Activity Diagram (atau diagram aktivitas dalam bahasa Indonesia), merupakan sebuah
diagram yang dapat memodelkan berbagai proses yang terjadi pada sistem. Activity Diagram
10
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Diagram dapat
Figure 3 2.6.3 Sequence Diagram
digunakan untuk menggambarkan alur-kerja yang detail dari suatu use-case yang spesifik,
atau suatu bagian kecil dari use-case. Sequence Diagram merupakan diagram yang dibuat
dalam fungsi dua-dimensi, dimana sumbu ordinat (vertikal) berisi jangka waktu tiap aktivitas
(dalam Sequence Diagram disebut dengan message) tersebut terjadi, dan sumbu absis
(horizontal) berisi message sekuensial yang ada pada sistem atau use-case tersebut. Sequence
Diagram umumnya dibuat secara sekuensial dan berurut, dan selalu dimulai dari class
‘penggerak’ di awalnya, yang berposisi di kiri-atas.
2.7 StarUML
StarUML merupakan software yang khusus untuk merancang dan/atau mendesain sistem
berbasis UML. StarUML awalnya dikembangkan oleh perusahaan software asal Korea
Selatan, Plastic Software Inc., dan kemudian berganti ke MKLabs. StarUML pada awal
11
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
rilisnya diberi nama Plastic, yang dirilis pada tahun 1997. Kemudian di tahun 2005,
Plastic diubah Namanya menjadi StarUML dan menjadi software UML yang bersifat
open-source. StarUML merupakan software perancangan sistem UML yang dibangun
dari bahasa pemrograman Java. StarUML sendiri mendukung berbagai fitur pembuatan
diagram, diantaranya yaitu: Class Diagram, Composite Structure Diagram, Component
Diagram, Object Diagram, Package Diagram, Use-Case Diagram, Activity Diagram,
Sequence Diagram, Communication Diagram, dan lain sebagainya.
12
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
2.9.1 Komponen
Sistem menurut McLeod yang dikutip (2010:24) dalam bukunya yang berjudul
“Management Information System” adalah sekelompok elemen-elemen yang terintegrasi
dengan maksud yang sama untuk mencapai tujuan. Menurut Satzinger, Jackson, dan
Burd (2010:20) sistem merupakan sekumpulan komponen yang saling berhubungan dan
bekerja bersama untuk mencapai suatu tujuan. Bedasarkan kedua pengertian di atas,
maka dapat disimpulkan bahwa pengertian sebuah sistem adalah sekumpulan elemen
yang terintegasi dan bekerja bersama guna mencapai suatu.
2.9.5 Input
Data mentah yang sudah didapat diinputkan kedalam penyimpanan data yang sudah
disiapkan. Input data diperlukan karena bisa saja data mentah yang diperoleh data cetak
atau tulisan tangan, sehingga perlu diinputkan melalui komputer.
2.9.6 Output
Suatu sistem tidak bisa dikatakan dibuat bila tidak ada hasil baik barupa file atau cetakan
yang diharapkan.
2.9.7 Proses
Suatu sistem bisa dikatakan telah melakukan aktifitasnya bila terjadi proses yang
mengubah input menjadi output yang diharapkan.
13
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
2.9.8 Tujuan
Sistem tanpa tujuan yang pasti akan sia-sia. Berdasarkan uraian diatas karakteristik
sistem atau kasus memiliki unsur, media dan misi (tujuan), karena sistem adalah
gabungan dari beberapa komponen yang paling berbeda tetapi saling ketergantungan.
14
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
BAB III
HASIL PERANCANGAN
Di dalam UMKM Kahut Sigerbori terdapat sistem yang telah berjalan atau dapat
dikatakan sebagai proses bisnis yang berjalan di UMKM Kahut Sigerbori tersebut berdiri
dan sistem ini masih menggunakan sistem dimana semua aktivitasnya meliputi
pencatatan riwayat customer dengan menggunakan kertas, kemudian pencatatan data-
data produk yang dijual masih dicatat pada kertas dan kemudian baru dipindahkan
setelahnya kedalam aplikasi MS Excel, data penjualan produk, pemisahan produk yang
diretur masih dipisahkan dengan cara yaitu memisahkan satu persatu produk dan dilihat
sesuai tanggal kadaluarsanya, serta laporan transaksi harian. Hal ini sangatlah tidak
efisien dalam hal waktu maka dari itu peneliti menganalisis dimana letak sistem yang
harus diusulkan untuk diperbaharui menjadi sistem yang lebih efisien dan efektif dalam
membantu proses pengerjaan. Adapun Use Case yang sedang berjalan pada UMKM
Kahut Sigerbori ini, seperti gambar yang yang dibawah ini :
15
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Figure 5 Gambar Use Case dari sistem yang sedang berjalan pada UMKM Kahut Sigerbori
16
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Adapun aktor-aktor yang berperan pada sistem tersebut, yakni Admin, Konsumen, Kasir,
dan Pemilik Toko. Masing-masing aktor memiliki use-casenya masing-masing. Berikut
merupakan tabel penjabaran mengenai peran dari masing-masing aktor:
No. Aktor Deskripsi
Aktor atau user yang berperan sebagai
pelanggan toko, pembeli produk dari toko.
Aktor yang memiliki aktivitas seperti
1. Konsumen
Login, Register (daftar akun), Mencari
Produk, Membeli Produk, Mengirim Pesan
(ke admin).
Aktor atau user yang berperan sebagai
pengelola sistem informasi dan pengontrol
jalannya pemasaran melalui sistem
informasi. Aktor yang memiliki aktivitas
2. Admin
seperti Login (admin), Tambah Produk,
Hapus Produk, Edit Deskripsi Produk,
Mengirim Pesan, dan Mengupdate Data
Pesanan.
Aktor atau user yang berperan sebagai
admin, dan merangkap sebagai pengelola
data transaksi penjualan pada sistem
3. Kasir informasi. Aktor yang memiliki aktivitas
seperti Kelola Data Penjualan (Tambah
dan Hapus Data Penjualan), dan Cetak
Laporan Penjualan.
Aktor atau user yang berperan sebagai
4. Pemilik Toko pemegang kendali toko (bekerja diluar dari
sistem informasi).
Table 1 3.2.1 Tabel Sistem Yang Diusulkan
Berdasarkan diagram dari sistem usulan tersebut, kami coba merancang beberapa
diagram lanjutan, yang berupa Activity Diagram, serta Sequence Diagram. Untuk
tiap diagram lanjutan yang dibuat, kami fokuskan ke tiga aktor yang memiliki
peran langsung terhadap sistem informasi, yakni Konsumen, Admin, dan Kasir.
17
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Keterangan :
1. Proses Login dapat dilakukan oleh beberapa actor seperti admin,konsumen, dan
kasir.
2. Sistem menampilkan halaman web dan menampilkan form login.
3. Jika admin yang melakukan login, maka admin memasukkan username dan
password dan login sebagai admin. Sedangkan Jika konsumen yang melakukan
login, maka konsumen memasukkan username dan password dan login sebagai
konsumen.
4. Sistem akan menvalidasi proses login.
5. Jika proses login valid, Maka sistem akan menampilkan halaman utama. Dan
sebaliknya jika tidak valid maka admin atau konsumen diminta untuk
memasukkan username dan password Kembali.
6. Proses Login selesai.
18
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Keterangan :
19
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Keterangan :
1. Konsumen membuka laman web.
2. Sistem menampilkan halaman web.
3. Sistem menampilkan form login.
4. Konsumen melakukan Login.
5. Jika Login valid, maka sistem akan menampilkan Halaman Utama. Dan
sebaliknya, Jika Login tidak valid maka Konsumen harus melakukan Login
Lagi.
6. Sistem menampilkan Halaman Utama.
7. Konsumen melakukan pencarian produk menggunakan fitur pencarian,
Kemudian pilih menu “Produk”.
8. Sistem akan menampilkan Halaman Produk dan Produk-produk Usaha.
9. Konsumen memilih produk yang diinginkan dengan memasukkan keyword
tertentu.
10. Sistem menampilkan produk yang dicari.
20
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Keterangan :
1. Konsumen membuka laman web.
2. Sistem menampilkan halaman web.
3. Sistem menampilkan form login.
4. Konsumen melakukan Login.
5. Jika Login valid, maka sistem akan menampilkan Halaman Utama. Dan
sebaliknya, Jika Login tidak valid maka Konsumen harus melakukan Login
Lagi.
6. Sistem menampilkan Halaman Utama.
7. Konsumen melakukan pencarian produk menggunakan fitur pencarian,
Kemudian pilih menu “Produk”.
8. Sistem akan menampilkan Halaman Produk.
9. Konsumen memilih produk yang diinginkan.
10. Sistem menampilkan produk yang dipilih.
11. Sistem akan menampilkan deskripsi produk.
21
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Figure 11 3.2.2.5 Gambar Activity Diagram dari proses Beli Produk (Konsumen)
Keterangan :
1. Konsumen membuka laman web.
2. Sistem menampilkan halaman web.
3. Sistem menampilkan form login.
4. Konsumen melakukan Login.
5. Jika Login valid, maka sistem akan menampilkan Halaman Utama. Dan
sebaliknya, Jika Login tidak valid maka Konsumen harus melakukan Login
Lagi.
6. Sistem menampilkan Halaman Utama.
7. Konsumen melakukan pencarian produk menggunakan fitur pencarian,
Kemudian pilih menu “Produk”.
8. Sistem akan menampilkan Halaman Produk.
22
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
9. Konsumen memilih produk yang ingin dibeli dan kemudian menekan tombol
beli.
10. Sistem menampilkan form pembelian.
11. Konsumen mengisi form pembelian, melakukan pembayaran dan menekan
tombol konfirmasi pembayaran.
12. Sistem menyimpan data pembelian.
13. Sistem menampilkan produk berhasil dibeli.
Figure 12 3.2.2.6. Gambar Activity Diagram dari proses Kirim Pesan (Konsumen/admin)
Keterangan :
1. Konsumen membuka laman web.
2. Sistem menampilkan halaman web.
3. Sistem menampilkan form login.
4. Konsumen melakukan Login.
5. Jika Login valid, maka sistem akan menampilkan Halaman Utama. Dan
sebaliknya, Jika Login tidak valid maka Konsumen harus melakukan Login
Lagi.
6. Sistem menampilkan Halaman Utama.
7. Konsumen ingin mengirimkan pesan kepada admin, lalu memilih menu Pesan.
23
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Figure 13 3.2.2.7. Gambaran Activity Diagram dari proses Tambah Produk (admin)
Keterangan :
1. Admin membuka laman web.
2. Sistem menampilkan halaman web.
3. Sistem menampilkan form login.
4. Admin melakukan Login.
5. Jika Login valid, maka sistem akan menampilkan Halaman Utama. Dan
sebaliknya, Jika Login tidak valid maka Admin harus melakukan Login Lagi.
6. Sistem menampilkan Halaman Utama.
24
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Keterangan :
25
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
26
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Figure 15 3.2.2.9. Gambar Activity Diagram dari proses Edit Deskripsi Produk (admin)
Keterangan :
27
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Figure 16 3.2.2.10. Gambar Activity Diagram dari proses Tambah Data Penjulan (admin-kasir)
Keterangan :
28
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Figure 17 3.2.2.11. Gambar Activity Diagram dari proses Hapus Data Penjualan (admin-kasir)
Keterangan :
29
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Figure 18 3.2.2.12 Gambar Activity Diagram dari Cetak Data/Laporan Penjualan (admin-kasir)
Keterangan :
30
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
5. Jika Login valid, maka sistem akan menampilkan Halaman Utama. Dan
sebaliknya, Jika Login tidak valid maka Admin harus melakukan Login Lagi.
6. Sistem menampilkan Halaman Utama.
7. Admin/kasir ingin melihat data penjualan dan memilih menu “Data Penjualan”.
8. Sistem menampilkan halaman “Data Penjualan”.
9. Sistem menampilkan data penjualan.
10. Admin/kasir ingin mencetak data penjualan dan menekan menu “Cetak
Laporan Penjualan”.
11. Sistem menampilkan pesan konfirmasi kepada admin/kasir jika ingin mencetak
laporan data tersebut.
12. Admin/kasir mengonformasi bahwa data penjualan akan dicetak.
13. Sistem memproses cetak data penjualan.
14. Sistem menampilkan hasil cetak “Laporan Data Penjualan”.
15. Proses cetak “Laporan Data Penjualan” selesai.
31
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Figure 21 3.2.3.3 Gambar Sequence Diagram dari proses Lihat dan Beli Produk
32
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Figure 23 3.2.3.5 Gambar Sequence Diagram dari proses Kelola Data Penjualan
33
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Tujuan dari perancangan basis data adalah agar didapatkan basis data yang kompak dan
efisien dalam penggunaan ruang penyimpanan, akses yang cepat serta kemudahan dalam
pemanipulasian data (tambah, ubah, hapus). Dalam perancangan basis data, kita dapat
lakukan dengan normalisasi terhadap data-data yang terdapat dalam Use Case dan juga
Activity Diagram yang telah diketahui. Berikut adalah proses perancangan basis data
yang dijabarkan:
3.2.1 Normalisasi
Normalisasi merupakan cara pendekatan dalam membangun desain logik basis data
relational yang tidak secara langsung berkaitan dengan model data, tetapi dengan
menerapkan sejumlah aturan dan kriteria standar untuk menghasilkan struktur tabel yang
normal. Normalisasi adalah proses identifikasi tabel grup atribut yang memiliki
ketergantungan yang tinggi antara satu atribut dengan atribut lainnya
Pada tahap ini, semua data yang ada direkam tanpa format tertentu. Data bisa jadi mengalami
duplikasi.
={Id_pengguna,Username,Password,Nama_pelanggan,Alamat_pelanggan,Email,No_tlp,Jenis_K
elamin,Id_pesanan,jumlah,harga,pilihan,Id_Faktur,Nama_pelanggan,Alamat_pelanggan,Tgl_pes
anan,Batas_pembayarann,Total_bayar,Id_pembayaran,Id_Faktur,Nama_pelanggan,Email,Gamb
ar,Status,Id_pesanan,Nama_pelanggan,jumlah,gambar,status,Alamat_Pelanggan,Email,Id_produ
k,Nama_produk,Deskripsi_produk,Kategori,harga,Stok,Gambar,Nama_pelanggan,Jumlah,Status
,Alamat_pelanggan,No_tlp,Email}.
34
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Suatu Relasi dikatakan dalam bentuk normal pertama jika dan hanya jika setiap atribut
bernilai tunggal (Atomic Value) untuk setiap barisnya.
={Id_pengguna,Username,Password,Nama_Pelanggan,Alamat_pelanggan,Email,No_tlp
,Jenis_Kelamin,Id_pesanan,Tgl_pesan,Status,jumlah,harga,Id_Pembayaran,Batas_Pemb
ayaran,Total_bayar,Status,Id_Faktur,Id_produk,Nama_produk,Deskripsi_produk,Katego
ri,gambar,pilihan,stok,Id_faktur }.
Bentuk normalisasi kedua dapat terpenuhi, apabila berada dalam bentuk normal pertama
dan setiap atribut bukan kunci memiliki ketergantungan fungsional penuh terhadap
kunci primer.
Yaitu apabila relasi merupakan normalisasi kedua dan tidak tergantung secara transitif
pada primary key atau pada bentuk normal ketiga ini mencari ketergantungan selain
pada primary key.
Pelanggan =
{Id_pengguna* ,Username,Password,Nama_Pelanggan,Alamat_pelanggan,Email,No_tl
p, Jenis_Kelamin }.
35
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Tabel relasi ini berfungsi untuk menggambarkan hubungan antar tabel yang dirancang
dalam Sistem Informasi Penjualan pada UMKM Kahut Sigerbori.
Adapun Relasi Tabel dari Perancangan Sistem Informasi Penjualan UMKM Kahut
Sigerbori Berbasis Web adalah sebagai berikut :
36
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
3.3 Implementasi
Berikut ini adalah perancangan sistem UI dari sistem informasi penjualan busana
muslim berbasis web, seperti terlihat pada gambar di bawah ini.
Gambar 24 diatas adalah desain user interface dari Halaman Daftar Akun yang
merupakan proses awal sebelum proses sistem informasi penjualan dimulai dengan
menginputkan informasi berupa username, email dan password.
37
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Gambar 25 diatas adalah desain user interface dari login yang merupakan proses awal
sesuai use case yang dilakukan, dimana pada login ini pelanggan harus masuk dengan
menggunakan username dan password yang telah didaftarkan sebelumnya.
38
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Pada gambar 26 user interface di atas, konsumen dapat melihat nama dan deskripsi
barang atau produk yang dijual serta melihat ukuran dari produk tersebut. Oleh karena
itu, detail barang atau produk ini akan membuat konsumen tertarik untuk
membelinya. Di sisi lain, ketika pelanggan berminat untuk membeli, pelanggan dapat
langsung membelinya dengan menekan tombol pesan sekarang sehingga akan tampil
Halaman Produk untuk melakukan pemesanan dan juga memilih ukuran secara detail.
39
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Pada gambar 27 user interface di atas, Admin dapat untuk melihat nama dan deskripsi
barang atau produk yang dijual serta melihat ukuran dari produk tersebut. Tetapi
Admin tidak memiliki akses untuk membeli produk tersebut
Gambar 28 di atas adalah interface ketika item yang diinginkan akan ditambahkan ke
keranjang pesanan dan menampilkan nama produk, jumlah barang yang ingin
dipesan,harga dan Total harga yang harus dibayarkan.
40
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Gambar 29 di atas adalah interface khusus pada saat Admin mengakses pada Halaman
Produk. Lalu Admin mempunyai akses untuk menambahkan produk lainnya atau
menghapus sebuah Produk. Selain itu, Admin mempunyai akses untuk merubah Nama
Produk, Gambar, Deskripsi Produk dan jika sudah diubah maka Admin bisa menekan
tombol “Simpan Peubahan”.
41
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Figure 30 Gambar Halaman Chat yang bisa di akses oleh Konsumen dan Admin
Gambar 30 di atas adalah interface yang dapat dimanfaatkan oleh konsumen untuk
bertanya lebih lanjut sebelum melakukan pemesanan dan Admin juga dapat mengakes
Halaman tersebut untuk membalas pesan yang dikirimkan oleh Konsumen.
42
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Gambar 31 di atas adalah interface yang dapat dimanfaatkan oleh konsumen untuk
menginput data atau informasi seperti Nama Lengkap, Alamat Lengkap, No telepon,
Email, Jasa pengiriman, dan pilih bank serta upload bukti transfer. Selain itu juga
pada halaman ini menampilkan jumlah barang yang dipesan, Harga dan Total Harga
setelah itu konsumen dapat menekan tombol “PESAN SEKARANG” untuk
melanjutkan Proses berikutnya.
43
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Gambar 32 di atas adalah interface yang akan ditampikan oleh sistem setelah
konsumpen menginputkan alamat dan juga kontak pada halaman sebelumnya. Pada
Halaman ini berisikan tampilan informasi seperti : Nama Pemesan, Alamat, No
telepon, Email, ID pesanan dan Alat pengiriman. Serta menampilkan Nama Produk,
Jumlah, Harga, Subtotal, Total harga, Total Ongkir, dan Total Bayar.
44
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Gambar 33 di atas adalah interface yang akan ditampikan oleh sistem pada saat
Admin ingin mengakses Data Penjualan Pada UMKM Kahut Sigerbori ini. Pada
Halaman ini berisikan tampilan informasi seperti : No, Tanggal Order,Nama
Pelanggan, Alamat, No telepon, ID produk, Nama Produk, Jumlah Produk, Total
harga, Jenis pembayaran, Lihat bukti transfer dan ada kolom pilihan untuk Admin
agar dapat mengonfirmasi pesanan.
45
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
Gambar 34 di atas adalah interface yang akan ditampikan oleh sistem pada saat
Admin ingin mengakses Mencetak Laporan Penjualan Pada UMKM Kahut Sigerbori
ini. Pada Halaman ini Admin dapat mencetak Laporan Penjualan dan mengakses Data
penjualan yang telah dilakukan pada rentan waktu yang dipilih.
46
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
3.4 Output
3.4.1 Laporan Penjualan yang telah di cetak
47
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
48
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
BAB IV
KESIMPULAN
4.1. Kesimpulan
Berdasarkan hasil analisis, implementasi dan penerapan Web yang telah penulis lakukan,
maka ada beberapa kesimpulan yang dapat diambil. Adapun kesimpulan akhir dari tulisan ini
adalah sebagai berikut:
1. Dengan adanya Website UMKM Kahut Sigerbori diharapkan tercapainya visi dan
misi UMKM, yaitu menjadi pusat study dibidang kriya tekstil pewarna alam, bagi
dunia akademis maupun masyarakat luas.
2. Dapat disimpulkan bahwa sistem penjualan yang ada di UMKM Kahut Sigerbori ini
masih menggunakan metode konvensional dan serba manual.
3. Website UMKM Kahut Sigerbori sebagai platform promosi dan penjualan, karena
website dapat diakses oleh siapa saja di mana saja tanpa batas ruang dan waktu
asalkan terkoneksi ke internet.
49
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
DAFTAR PUSTAKA
Referensi Jurnal
1. Pujiono. 2012. Akselarasi Peningkatan Usaha Mikro, Kecil, dan Menengah melalui
Pendidikan, Proceeding Seminar Nasional dalam Mewujudkan UMKM Naik Kelas.
2. Nur Sarfiah, S. Atmaja, Hanung E. Verawati, Hanung E. 2019. UMKM Sebagai Pilar
Membangun Ekonomi Bangsa.
3. Saprianto, Febi. 2020. Dilematis Umkm Di Era Digital. Scientific Journal Of
Reflection: Economic, Accounting, Management and Business, 3(1), 21-30.
4. Niode, I. 2009. Sektor UMKM di Indonesia: Profil, Masalah, dan Strategi
Pemberdayaan
5. Bell, Donald. 2003. UML Basics: An Introduction to the Unified Modelling
Language. Rational Software.
6. Undang-Undang No. 20 Tahun 2008 tentang Usaha Mikro, Kecil, dan Menengah.
7. Peraturan Pemerintah No. 7 Tahun 2021 tentang Kemudahan, Pelindungan, dan
Pemberdayaan Koperasi dan Usaha Mikro, Kecil, dan Menengah
8. Pelawi, Dewan. 2013. Pembuatan Sistem Informasi dengan Analisis dan
Perancangan Berorientasi Objek.
9. Dennis, A. et al. 2015. Systems Analysis & Design: An Object-Oriented Approach with
UML (5th Edition). New York: John Wiley & Sons, Inc.
10. Dedi, dkk. 2020. Sistem Informasi E-Commerce Berbasis Web pada Toko Indonesia
Okubo Jepang. Vol. 2, No. 1. AJCSR (Academic Journal of Computer Science Research).
11. Wulansari, E. 2015. Perancangan Sistem Informasi Penjualan Peralatan Hiking
Berbasis Desktop Pada Toko Cimone Outdoor Tangerang. Vol. 3, No. 2. Jurnal
Khatulistiwa Informatika.
12. Rahmawati, N. Mulyono, H. 2016. Analisis dan Perancangan Sistem Informasi
Pemasaran Berbasis Web pada Toko Billy. Vol. 1, No. 2. Jurnal Manajemen Sistem
Informasi.
13. Lindawati, Sri, dkk. 2020. Pemasaran Digital. Medan: Yayasan Kita Menulis
14. Hedrick, G. 2009. Boards in turbulent times: Corporate Governance Report 2009.
Chicago: Heidrick and Struggles International.
50
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
15. Husein, MF. Wibowo, A. 2002. Sistem Informasi Manajemen. Yogyakarta: Unit
Penerbit & Percetakan AMP YKPN.
16. George M. Marakas, James A. O’Brien. 2017. Pengantar Sistem Informasi. Jakarta:
Penerbit Salemba Empat
17. Larasati, H., & Masripah, S. (2017). ANALISA DAN PERANCANGAN SISTEM
INFORMASI PEMBELIAN GRC DENGAN METODE WATERFALL. Jurnal Pilar Nusa
Mandiri, 13(2), 193-198.
18. S Luckyardi, H Saputra, N Safitri, A Cahyaningrum, D Septiani, R Hidayat. 2021.
PERANCANGAN SISTEM INFORMASI PENJUALAN BUSANA MUSLIM BERBASIS
WEB. Vol. 6, No. 2. Indonesian Journal On Information System.
Referensi Website
1. https://kemenperin.go.id/artikel/23480/Menperin-Optimis-Kembangkan-Potensi-
Ekonomi-Digital-di-Indonesia
2. https://www.bkpm.go.id/id/publikasi/detail/berita/upaya-pemerintah-untuk-
memajukan-umkm-indonesia
3. https://www.jurnal.id/id/blog/kriteria-usaha-mikro-sbc/
4. https://aptika.kominfo.go.id/2022/10/100-pelaku-usaha-kecil-ikuti-umkm-go-online-
virtual-expo-2022/
5. https://sukorejo.semarangkota.go.id/umkm
6. https://www.geeksforgeeks.org/unified-modeling-language-uml-introduction/
7. https://socs.binus.ac.id/2019/11/26/uml-diagram-use-case-diagram/
8. https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-
activity-diagram/
9. https://www.dicoding.com/blog/apa-itu-activity-diagram/
10. https://www.visual-paradigm.com/guide/uml-unified-modeling-language/uml-class-
diagram-tutorial/
11. https://www.diagrams.net/blog/uml-class-diagrams
12. https://staruml.sourceforge.net/v1/about-3.php
13. https://www.omg.org/mda/mda_files/final_high_Agora-plastic2005-online-
brochure_eng.pdf
51
TUGAS PROJEK MANAJEMEN SISTEM INFORMASI
14. https://dspace.uii.ac.id/bitstream/handle/123456789/17180/05.2%20bab%202.pdf?
sequence=9&isAllowed=y
15. http://komputerisasi-akuntansi-d4.stekom.ac.id/informasi/baca/Sistem-Informasi-
adalah-Kombinasi-Teknologi-dan-Aktivitas-Manusia/
371822d2fa85504960f9581cfaeae6e7059bab61#:~:text=Sistem%20informasi%20adalah
%20suatu%20istilah,begitu%20pesat%20karena%20pengaruh%20internet.
16. https://www.jurnal.id/id/blog/mengenal-digital-marketing-konsep-dan-penerapannya/
17. https://ejournal.nusamandiri.ac.id/index.php/pilar/article/view/237/207
18. http://repository.uin-suska.ac.id/3664/3/BAB II.pdf
19. https://elib.unikom.ac.id/files/disk1/393/jbptunikompp-gdl-anggaradit-19638-5-
bab4.pdf
20. https://repo.iainbatusangkar.ac.id/xmlui/bitstream/handle/
123456789/12606/1580266984076_YULIA MIRAWATI.pdf?sequence=1
21. https://elib.unikom.ac.id/files/disk1/493/jbptunikompp-gdl-fanyfathon-24632-5-
unikom_f-v.pdf
52