PROPOSAL UJIAN KOMPETENSI KEJURUAN

SMK PGRI 1 DEPOK

TAHUN AJARAN 2021/2022
PAKET 3 APLIKASI LAUNDRY

DISUSUN OLEH :

Nama Peserta : Ersa Saputra

NISN : 0040919423

BIDANG KEAHLIAN : TEKNIK KOMPUTER DAN INFORMATIKA

PROGRAM KEAHLIAN : REKAYASA PERANGKAT LUNAK

1
 BAB III
PERANCANGAN SISTEM
A. Definisi Sistem Informasi
Sistem Informasi (SI) adalah kombinasi dari teknologi informasi dan
aktivitas orang yang menggunakan teknologi itu untuk mendukung operasi dan
manajemen. Dalam arti yang sangat luas, istilah sistem informasi yang sering
digunakan merujuk kepada interaksi antara orang, proses algoritmik, data, dan
teknologi. Dalam pengertian ini, istilah ini digunakan untuk merujuk tidak hanya
pada penggunaan organisasi teknologi informasi dan komunikasi (TIK), tetapi
juga untuk cara di mana orang berinteraksi dengan teknologi ini dalam
mendukung proses bisnis.
Sistem informasi adalah gabungan yang terorganisasi dari manusia,
perangkat lunak, perangkat keras, jaringan komunikasi dan sumber data dalam
mengumpulkan, mengubah, dan menyebarkan informasi dalam organisasi.
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,
bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan
pihak luar tertentu dengan laporan-laporan yang diperlukan.
(https://id.wikipedia.org/wiki/Sistem_informasi#cite_note-6 18.46PM Tanggal 27
Jun. 19 )
B. Manfaat Sistem Informasi
Beberapa manfaat atau fungsi sistem informasi antara lain adalah
sebagai berikut:
1. Meningkatkan aksesibilitas data yang tersaji secara tepat waktu dan
akurat bagi para pemakai, tanpa mengharuskan adanya prantara sistem
informasi.

2
 2. Menjamin tersedianya kualitas dan keterampilan dalam memanfaatkan
sistem informasi secara kritis.
3. Mengembangkan proses perencanaan yang efektif.
Memperbaiki produktivitas dalam aplikasi pengembangan dan pemeliharaan
sistem.
a. Organisasi menggunakan sistem informasi untuk mengolah transaksi-
transaksi, mengurangi biaya dan menghasilkan pendapatan sebagai salah
satu produk atau pelayanan mereka.
b. Bank menggunakan sistem informasi untuk mengolah cek-cek nasabah
dan membuat berbagai laporan rekening koran dan transaksi yang
terjadi.
(http://islamiclivequotes.weebly.com/home/september-12th-2015 18:57PM
Tanggal 27 Jun. 19 )

C. Pemakai Sistem Informasi

Pada awalnya, pemakai output komputer pada perusahaan adalah
pegawai administrasi di bagian akuntansi, yang komputernya melaksanakan
aplikasi seperti pembayaran gaji pegawai, pengelolaan persedian (inventory
control), dan penagihan. Sebagian informasi juga disediakan bagi para manajer,
tetapi hanya sebagai output tambahan dari aplikasi akuntansi.
(https://infojanaka.wordpress.com/2011/11/14/pengguna-dan-pelaku-sistem-
informasi/ 1 July 2019 22:10)
D. Perancangan Sistem Informasi
1. Diagaram Prosedur Sistem
SIMBOL-SIMBOL DIAGRAM PROSEDUR SISTEM

Batas
Proses Stored
Pilih Kertas Loop Awal
Data
dan Akhir

3
 Ars
Kondi Penyimpa Monit
ip
si nan or
Internal

Penyim Opera
Dokumen panan si
Sekuens Terminator
Manua
ial l

Penyimp
anan Persiap
Data Kartu
Langsun an
g

Proses yang Konekto

Masukkan
tidak r Penghubung
Manual
didefinisikan

Tabel 1 . Simbol Diagram Sistem

2. Diagram Alir Data / Data Flow Diagram (DFD)

Data Flow Diagram (DFD) atau Diagram Alir Data (DAD) adalah suatu
diagram yang menggunakan notasi-notasi untuk menggambarkan arus
dari data pada suatu sistem atau menjelaskan proses kerja suatu sistem,
yang penggunaannya sangat membantu untuk memahami sistem secara
logika, tersruktur dan jelas. Secara singkatnya, DFD adalah alat
pemodelan untuk memodelkan alur kerja sistem.
(https://saraholiviameily.wordpress.com/2016/10/01/definisi-dfd-data-
flow-diagram/ 1 July 2019 22:13 )

3. Diagram Rinci (Level Diagram)

Diagram Rinci adalah Diagram yang menguraikan proses yang ada dalam
diagram zero (0) atau memungkinkan proses diagram zero lebih di
perinci lagi (http://irawaty18.blogspot.com/2013/03/mempelajari-
diagram-rinci-dan-diagram_26.html 29 Jun. 19 20:20)

4
 SIMBOL-SIMBOL DATA FLOW DIAGRAM
Nama Simbol Simbol DFD Versi Yourdan,
De Marco, dan lainya
Arus Data

Proses

Penyimpana Data (Data Store)

Entitas Luar (Teriminator)

Tabel 2 . Simbol DFD

a. Daftar Kejadian (Even List)

Event List adalah daftar kejadian yang terjadi dalam lingkungan
sistem dan mempunyai hubungan dengan respon yang diberikan
sistem. (https://meilazuwari.wordpress.com/tag/even-list/ 1 July
2019 22:20 )
b. Spesifikasi Proses (Proses Specifications)
Specifikasi proses (PSPEC) digunakan untuk menggambarkan semua
proses model aliran yang nampak pada tingkat akhir penyaringan.
Kandungan dari spesifikasi proses dapat termasuk teks naratif,
gambaran bahasa desain program/ programme design language
(PDL) dari algoritma proses, persamaan matematika, tabel, diagram,
atau bagan. (Roger S. Pressman ,1997 : 386)
(https://tulisanterkini.com/artikel/artikel-ilmiah/8135-spesifikasi-
proses.html 1 July 2019 22:23)
c. Diagram Block (Block Chart Diagram)

5
 berfungsi memodelkan masukan, keluaran, referensi, master,
proses ataupun transaksi dalam simbol-simbol tertentu. Pada
dasarnya tidak berorientasi pada fungsi, waktu ataupun aliran data
tetapi lebih ke arah proses
(http://bowol.blogspot.com/2010/03/block-chart-diagram.html 1
July 2019 22:36 ). simbol-simbol yang digunakan dalam BC terdiri
dari:
SIMBOL-SIMBOL DIAGRAM BLOCK
Simbol Uraian
Proses: Digambarakan dengan persegi panjang.
Proses Umumnya mendefinisikan mekanisme perekaman,
proses, dan pelaporan
Perangkat masukan: digambarkan dengan kombinasi
segitiga dan segiempat.Umumnya mendefinisikan
Manual Input fungsi masukan data atau key in. Dapat berarti
masukan untuk direkam ataupun tidak untuk
direkam (ke dalam storage).
Data tersimpan: digambarkan dengan kombinasi
Stored garis lengkung dan lurus, umumnya mendefinisikan
Data file referensi,file master ataupun file temporer yang
di gunakan dalam proses
Monitor: digambarkan dengan kombinasi garis
Display lengkung. Umunya mendefnisikan keluaran dalam
bentuk layar (screen)
Dokumen: digambarkan dengan kombinasi garis
Document lengkung. Umumnya mendefiniskan dokumen
masukkan (formulir) dan dokumen keluaran
(laporan).

Tabel 3 . Diagram Block

E. Sistem Basis Data

1. Definisi Sistem Basis data (Database)
Basis data adalah, pada dasarnya “Basis Data” terdiri dari 2 kata yakni
Basis dan Data dimana Basis dapat diartikan berupa Gudang, tempat

6
 kumpul, pusat. Sedangkan arti dari data sendiri adalah suatu kumpulan
fakta dari dunia nyata yang mewakilkan sebuah objek baik itu manusia,
barang atau lainnya yang di record kedalam beberapa bentuk
diantaranya seperti angka, bentuk huruf, simbol, teks, bunyi, gambar
serta perpaduannya. (https://www.ruangguru.co.id/pengertian-basis-data-
dan-sistem-basis-data-definisi-tujuan-fungsi-dan-komponennya/ 29 Juni 2019
20 : 32)
2. Model Data
Model data adalah Sekumpulan konsep-konsep untuk menerangkan
data, hubungan-hubungan antara data dan batasan-batasan data yang
terintegrasi di dalam suatu organisasi.
(http://manajemenbasisdata.blogspot.com/2012/10/model-data-dalam-
sistem-manajemen-basis.html. 29 Juni 2019 20:35 )

SIMBOL-SIMBOL ERD
SIMBOL URAIAN

Entitas, yaitu kumpulan dari objek yang

dapat diidentifikasikan secara unik.
Relasi (Relationship), yaitu hubungan
antara satu atau lebih entitas. Jenis
hubungan antara lain; satu ke satu, satu
ke banyak, dan banyak ke banyak.
Atribut, yaitu karakteristik dari entity
atau relasi yang merupakan penjelasan
detail tentang entitas
Hubungan antar entity dengan
atributnya dan himpunan entitas
dengan himpunan relasinya
Tabel 4 . Simbol ERD

F. Sistem Yang Berjalan

1. Input Sistem

7
 Adalah (masukan) unit luar yang digunakan untuk memasukkan data
dari luar ke dalam mikroprosesor ini, contohnya data yang berasal dari
keyboard atau mouse.

2. Output Sistem
Adalah (keluaran) biasanya digunakan untuk menampilkan data, atau
dengan kata lain untuk menangkap data yang dikirimkan oleh
mikroprosesor, contohnya data yang akan ditampilkan pada layar
monitor atau printer.
DIAGRAM ALIR DOKUMEN (LAMA)
Tabel 5 . Alur Dokumen Lama

Masyarakat Petugas Admin Owner

daftar

login

melapor Verifikasi
laporan

Menanggapi Laporan
Pengaduan Menerima laporan
Laporan
pengaduan

8
G. Cara Kerja Sistem
Adapun cara kerja sistem Inventarisasi Pengaduan Masyarakat pungli yang terdiri
dari beberapa bagian yaitu masyarakat , petugas , admin
Untuk lebih jelasnya saya gambarkan dalam DFD berikut ini:

Gambar 1 . DFD yang berjalan

H. Kontruksi Sistem Informasi Yang Akan Di Kembangkan

Kontruksi Pembangunan proyek sistem apaliaksi pengaduan pungli

merupakan sistem yang baru. Karena itu memerlukan ketelitian, ketepatan, dan
relevan. Hal tersebut merupakan konstruksi dalam membangun efisiensi dan
efektivitasi aplikasi pengaduan pungli berbasis jaringan.
Perancangan sistem informasi inventarisasi di Aplikasi Jasa Laundry
berbasis jaringan dibutuhkan hardware, software, dan brainware yang kompeten

9
dan bermutu. Pembangunan sistem informasi ini di lakukan dengan menyiapkan
database terlebih dahulu. Konstruksi sistem yang akan di bangun adalah:

1. Client
Sebuah workstations yang akan menggunakan fasilitas yang diberikan
oleh server.
2. Database
Pengertian Database atau basis data adalah kumpulan berbagai data
dan informasi yang tersimpan dan tersusun di dalam komputer secara
sistematik yang dapat diperiksa, diolah atau dimanipulasi dengan
menggunakan program komputer untuk mendapatkan informasi dari
basis data tersebut.
Database yang akan dipakai adalah Microsoft Access 2007
(https://www.maxmanroe.com/vid/teknologi/komputer/pengertian-
database.html 1 July 2019 22:29)
3. Bahasa Pemrograman
Bahasa pemrograman yang digunakan adalah php versi 5 Konstruksi
sistem yang dibangun dapat dilihat pada gambar berikut:

KONSTRUKSI SISTEM INFORMASI

10
 Database

Server

Masyarakat petugas Admin Owner

Gambar 2 . Kontruksi Sistem

Keterangan gambar:
1. Server.
Semua data berada di bagian ini, yang penyimpananya
menggunakan media hardisk.
2. Client.
merupakan komputer yang berada pada setiap bagian yang
terkait. Pada sistem ini data bisa diakses melalui client satu
dengan yang lainnya. Jika ada operasi pada basis data dari sebuah
proses yang sedang aktif di salah satu client, makan file-file yang
dibutuhkan oleh operasi tersebut akan di kirimkan secara
keseluruhan dari server ke client yang terkoneksi

I. Arsitektur Aplikasi Yang Akan Dikembangkan

Arsitektur yang akan dibuat dalam sistem informasi pendataan di
aplikasi pengaduan pungli berbasis jaringan ini menggunakan konsep client-
server dan menggunakan tools yang terdiri dari:

11
 1. Software aplikasi yang digunakan adalah Visual Basic 10 (VB 10).
2. Database yang di gunakan adalah Microsoft Access.
3. Operating Sistem yang digunakan adalah Windows 7.
Pendataan di aplikasi pengaduan pungli berbasis jaringan di atas dapat di
gambarkan seperti di bawah ini:

ARSITEKTUR APLIKASI YANG AKAN DIBANGUN

TOOLS SISTEM INFORMASI OUTPUT

Windows 7

XAMPP
APLIKASI INFORMASI

Visual Studio
Code
Tabel 6 . Arsitektur Aplikasi

J. ERD (Entity Relationship Diagram)

ERD adalah salah satu model yang digunakan untuk mendesain database
dengan tujuan menggambarkan data yang berelasi pada sebuah database.
Umumnya setelah perancangan ERD selesai berikutnya adalah mendesain

12
database secara fisik yaitu pembuatan tabel, index dengan tetap
mempertimbangkan performance. Kemudian setelah database selesai
dilanjutkan dengan merancang aplikasi yang melibatkan database.
Dalam desain database dengan teknik ERD adalah sebagai berikut:
1. Menentukan Entitas Master.
Entitas adalah objek dalam dunia nyata yang dapat dibedakan dengan
objek lain.
ENTITAS MASTER

petugas pengaduan

Gambar 3 . Entitas Master

2. Menentukan Atribut Primary Key dari masing-masing himpunan entitas.
Ketentuan dalam pembuatan attribute:
a. Informasi yang diambil dari sebuah entitas
b. Nama attribute harus merupakan kata benda
c. Satu atau lebih attribute dapat menjadi identifier entitas, yang
secara unik mengidentifikasi setiap anggota dari entitas.
ATRIBUT PRIMARY KEY

Nik Id_petugas

petugas
masyarakat

Gambar 4 . Atribut Primary Key

3. Relasi antar entitas
Ketentuan dalam pembuatan Relationship (relasi):
a. Relasi harus memiliki nama yang berupa kata kerja.

13
 RELASI ANTAR ENTITAS

Id_Petugas
Nik Id_tanggapan

Menginp
masyarakat Tanggapan
ut

Nik
Gambar 5 . Relasi Antar Enitas

4. Membuat derajat kardinalitas relasi untuk setiap himpunan relasi

ketentuan dalam pembuatan kardinalitas.
a. Satu intansi dalam suatu entitas mengacu pada satu dan hanya satu
instansi pada entitas lainnya (1:1)
b. Satu intansi mengacu ke satu atau lebih intansi yang berelasi (1:M)
5. Satu intansi dalam suatu entitas mengacu pada satu atau lebih intansi
pada entitas yang berelasi (M:N)
Derajat Kardinalitas Relasi

Id_petugas id_tanggap
Nik an

1 M
Masyarakat Menginput Tanggapan

Nik

14
 Tabel Relasi

K. Spesifikasi File

Agar lebih jelas mengenai perancangan database ini, perlu dibuat

spesifikasi file untuk menjabarkan field – field yang terdapat pada beberapa tabel
yaitu :
1. Nama File : Tabel Masyarakat
Media : MySql
Fungsi : Menyimpan Data Masyarakat
Kunci Field : Nik

Name Data Type Length Allow Nulls AutoIncrement

Nik* char 16 
nama Varchar 35
username Varchar 25
Password Varchar 32
telp varchar 13

15
 Tabel 7 . masyarakat
2. Nama File : Tabel Pengaduan
Media : MySql
Fungsi : Menyimpan Data Pengaduan
Kunci Field : id_pengaduan
Allow
Name Data Type Length Nulls AutoIncrement
Id_pengaduan Int 11 
Tgl_pengaduan date
Nik Char 16
Isi_laporan Text
Foto Varchar 255
Status Enum
Tabel 8 . pengaduan
3. Nama File : Tabel petugas
Media : MySql
Fungsi : Menyimpan Data Petugas
Kunci Field : id_petugas

Name Data Type Length Allow Nulls AutoIncrement

Id_petugas * Int 11 
Nama Varchar 35
Username Text 25
Password Varchar 32
Telp Varchar 13
Level Enum
Tabel 9 .petugas

4. Nama File : Tabel tanggapan

Media : MySql

16
 Fungsi : Menyimpan data pelanggan
Kunci Field : id_tanggapan
Name Data Type Length Allow Nulls AutoIncrement

id_tanggapan* Int 11 
Id_pengaduan int 11
Tgl_pengaduan Date
Tanggapan Text
Id_petugas Int 11

Tabel 10 . tanggapan

BAB IV
IMPLEMENTASI SISTEM

A. Spesifikasi Proses dan Blok Chart

Berikut ini adalah proses melaporkan pengaduan di aplikasi pengaduan
pungli beserta diagram blok chart.
1. Pengguna Hak Akses ( User )

masyarakat

17
 User Name

Password

Simpan Hapus

Gambar 8 . masyarakat

BLOCK CHART

Input data
masyarakat
Edit data
datamas
Data masyarakat
Key In yarakat
masyarakat
Delete data
masyarakat

Gambar 9 . Block Chart

Simpan data
masyarakat
masyarakat
2.petugas
petugas

Nama
Simpan
Alamat

No. Telp

JK

Gambar 10 . petugas

18
 BLOCK CHART

Input data petugas

data
Edit data petugas
Data petugas Key In petugas

Delete data

petugas

Simpan data
petugas

Gambar 11 . Block Chart petugas

3.pengaduan
pengaduan

Id_pengaduan

Tgl pengaduan ...

nik

isi laporan

foto

status
Next

19
 Gambar 18 . pengaduan

BLOCK CHART

Input data
pengaduan

Data Edit data data

Key In pengaduan pengaduan
pengaduan

Delete data
pengaduan

Simpan data
pengaduan

Gambar 19 . Block Chart pengaduan

8. Tanggapan
Tanggapan

20
 Id_tanggapan

Id_pengaduan

Tgl_tanggapan

tanggapan

id_petugas

Simpan

Gambar 22 . Tanggapan

BLOCK CHART

Data
Data
Key In Tanggapan
Tanggapan
Input Data
Tanggapan

Simpan data

Tanggapan

Gambar 23 . Block Chart Transaksi

B. Event List
Berisi tentang daftar kejadian yang berkaitan dengan jalannya sistem ,
yaitu :
1. Daftar akun masyarakat

21
 2. Login akun Masyarakat
3. Tulis laporan pengaduan masyarakat
4. Verifikasi pengaduan petugas
5. Tanggapi pengaduan petugas
6. Lihat data masyarakat admin
7. Lihat adata petugas admin
8. Tambah petugas admin
9. Lihat laporan pengaduan admin

C. Flow Chart
Pada sistem inventarisasi Aplikasi pengaduan pungli ini terdapat
beberapa proses pengolahan data . Pengolahan data tersebut saya gambarkan
dalam bentuk Flowchart.

1. masyarakat
Flowchart Pengguna

Start

22
 Username

Sudah Ada?

Password
Y

Simpan Data
masyarakat

Input Ulang
data

End

Gambar 26. Flow Chart masyarakat

Data
Pengaduan

Id_penaduan,
tgl,nik , isi
laporan, foto

2. Pengaduan
Simpan Data
Flowchart Member
Masyarakat

Start

Tampil Data
masyarakat

23

End
 Gambar 27 . Flow Chart Member

3. Tanggapan
Flowchart Paket

Start

24
 Data
tanggapan

Id_tanggapan,i
d_pengaduan,t
gl,tanggapan,i
d_petugas

Simpan Data
Tanggapan

End

Gambar 28 . Flowchart Tanggapan

saksi

D. Inventarisasi Informasi
Berdasarkan sistem yang saya rancang, Inventarisasi informasi dari
Sistem aplikasi pengaduan pungli adalah sebagai berikut :

INVENTARISASI INFORMASI

No Informasi Arah Aliran Terminator

Sistem

25
 1 Pengisian Data masyarakat Menuju Sistem Masyarakat
2 Pengisian Tulis Pengaduan Menuju Sistem Masyarakat
3 Pengisian Verifikasi Menuju Sistem Petugas
Pengaduan
4 Tanggapi Pengaduan Menuju Sistem Petugas
5 Lihat data masyarakat Menuju Sistem Admin
6 Tambah petugas Menuju Sistem Admin
Rekap Laporan Data Menuju sistem Admin
Pengaduan
7 Pembuatan Laporan Data Keluar Sistem Owner
Pengaduan
Tabel 19 . Inventarisasi Informasi
E. Spesifikasi Kebutuhan Hardware
Dalam pembuatan Sistem Aplikasi Pengaduan Masyarakat, Program
yang telah dibuat diharapkan dapat berjalan dengan lancar dan memenuhi
kebutuhan hardware minimal sebagai berikut :
1. Laptop :
1. Intel(R) Celeron(R) CPU N2830 @ 2.16GHz 2.16 GHz
2. 500 GB SATA
3. Ram 4GB

F. Implementasi
Interface pada program ini akan dijelaskan sebagai berikut :

1 . LOGIN
Pada saat pertama menjalankan program ini, anda akan dihadapkan
pada pengisian Login Pengguna. Hanya pengguna yang berhak dapat

26
 login dan menggunakan program ini. Pada gambar di bawah ini dapat
anda lihat form pengisian untuk login pengguna. Pada Kotak pengisian
user name istilah dengan nama login anda. Password diisi dengan
password login anda dan setelah itu anda klik tombol login . Jika anda
ingin membatalkan menggunakan program ini, anda klik tombol X
FORM LOGIN

Gambar 32 . Form Login

2 . Mendaftar akun
Pada gambar dibawah adalah tampilan form untuk daftar akun agar
dapat username dan password untuk login.

27
 FORM DAFTAR AKUN

Gambar 33 . Form Daftar akun

3. Tulis Pengaduan
Setelah login pengguna , anda bisa langsung menulis laporan pengaduan
pungli anda.
FORM TULIS PENGADUAN

Gambar 34 . Form Tulis Pengaduan

4. Lihat Laporan

28
 Di form ini anda bisa melihat laporan anda yang sudah anda tulis
sebelumnya dan anda juga bisa melihat apakah laporan pengaduan yang
anda tulis sudah ditanggapi apa belum.
FORM Lihat Laporan

Gambar 35 . Form Lihat Laporan

5. Verifikasi Laporan Pengaduan

Di form ini petugas akan memverifikasi laporan anda apakah sudah sesuai
dengan persyaratan atau belum untuk selanjutnya diberikan tanggapan
FORM Verifikasi Laporan

Gambar 36 . Form Verifikasi Laporan

6.Form Tanggapi Laporan Pengaduan

29
 Pada form ini petugas akan menanggapi laporan pengaduan yang masuk dari
masyarakat.
FORM TANGGAPI LAPORAN

Gambar 37 . Form ORDER

7. Form Admin
Pada form Admin ini dapat melihat data petugas dan data masyarakat yang
mendaftar untuk melakukan laporan ada juga menu Laporan untuk melihat
laporan yang masuk dari masyrakat dan laporan yang sudah ditanggapi oleh
petugas di form ini juga anda bisa menambah kan petugas.
FORM ADMIN

Gambar 38 . Form Admin

30
 DIAGRAM KONTEKS

Daftar akun

Login SISTEM
Verifikasi Laporan
Membuat Laporan ] Pengaduan
APLIKASI
Masyarakat Pengaduan Petugas
PENGADUAN Menanggapai
Menunggu PUNGLI Laporan Pengaduan
Tanggapan
Pengaduan

Melihat Laporan
Pengaduan
Admin
Membuat Rekap Owner
Laporan Pengaduan Menerima Rekap
Gambar 54 . Diagram Konteks Laporan

31
Gambar 55 . Diagram Zero

32
 Proses Pengaduan Masyarakat

Tanggapan Pengaduan Mayarakat

33