18
Observasi Wawancara Studi Pustaka
Analisis
Kebutuhan
Pengguna
Analisis
Kebutuhan
Kebutuhan
fungsional
Design
Interface
Process
Modelling
Design
Interface
CDM & PDMSystem Flow
& DFD
Design I/O &
Design
Interface
Coding
Simulasi Aplikasi Sistem
Informasi
Implementasi
BAB III
PERANCANGAN SISTEM
Pada bab ini akan dijelaskan mengenai analisis dari permasalahan yang
diambil beserta rancangan desain sistem dari Sistem Informasi operasional dan
maintenance kendaraan pengangkut sampah Dinas Kebersihan Dan Pertamanan
Kota Surabaya.
Tabel 3.1 Metode Penelitian
No. Tahapan Kegiatan
1. Communication
2. Planning
3. Modelling
4. Construction
5. Deployment
20
20
3.1 Communication
Tahap communication merupakan langkah awal dalam penelitian ini.
Tahap ini terdiri dari beberapa proses yaitu langkah awal untuk terkait
pengumpulan semua informasi tentang apa yang dibutuhkan oleh pengguna.
3.1.1 Observasi
Observasi dilakukan dengan mengunjungi Kantor Pusat Dinas Kebersihan
Dan Terbuka Hijau untuk melakukan pengamatan. Pengamatan dilakukan pada
minggu kedua bulan Oktober tahun 2016 hingga minggu ketiga bulan November
2016 untuk mendapatkan beberapa hal seperti :
a. Gambaran Umum Dinas Kebersihan Dan Terbuka Hijau
b. Mempelajari Proses Pemberian Tugas Pengangkutan Sampah
c. Mempelajari Alur Kerja Setiap Bagian Dinas Kebersihan Dan Terbuka
Hijau
d. Mempelajari Proses Pendataan Kendaraan Pengangkut
e. Mempelajari Proses Penanganan Kendaraan Kendaraan Yang Rusak
3.1.2 Wawancara
Wawancara dilakukan kepada Bagian Perawatan Kendaraan dan Kepala
Bagian Pengelolaan Sampah yang dilakukan pada minggu kedua bulan Desember
2016 hingga minggu ketiga bulan Januari 2017 sehingga terdapat kesamaan data
yang diambil dengan wawancara yang dilakukan untuk menggali informasi
mengenai proses Pemberian Jadwal, Pengangkutan Sampah, Perbaikan Kendaraan.
3.1.3 Studi Pustaka
Tahap studi pustaka atau studi literatur ini bertujuan untuk mengenali dan
mendalami konsep dari penerapan metode pada sistem yang dibuat. Studi pustaka
21
ini dilakukan untuk mencari referensi teori yang relevan dengan permasalahan yang
telah ditemukannya sebelumnya. Referensi tersebut memelajari tentang:
a. Dokumentasi
b. Dinas Kebersihan Dan Terbuka Hijau
c. Komponen Pengangkutan Sampah Dan Perbaikan Kendaraan
d. System Development Life Cycle
3.1.4 Identifikasi Masalah
Berdasarkan hasil observasi dan wawancara yang dilakukan pada Bagian
Perawatan Kendaraan dan Kepala Bagian Pengelolaan Sampah, saat ini masih
belum terdapat fasilitas untuk melakukan pelaporan mandiri terhadap kendaraan
dan masih dilakukan secara manual.
Masalah yang dihadapi pihak Dinas Kebersihan dan Pertamanan adalah
pada proses kendaraan yang mengalami kendala pada saat melakukan
pengangkutan. Proses penanganan kendala ini masih dilakukan secara manual,
sehingga tidak diketahui riwayat kendaraan yang harus mendapatkan penanganan
perawatan atau tidak. Hal ini sangat berisiko karena mengakibatkan kendaraan
pengangkut sampah mogok atau ada gangguan lain yang terjadi yang menjadikan
proses pengangkutan sampah menjadi terhambat dan berisiko. Mengingat usia
kendaraan pengangkut sampah yang ada pada Dinas Kebersihan Dan Pertamanan
yang masih terdabat kedaraan berusia tua yang masih di operasikan, maka
diperlukan adanya pemeliharaan yang lebih rutin agar operasional kendaraan
pengangkut sampah dapat berjalan lebih maksimal dan keamanan dalam
menggunakan sarana ini lebih terjamin.
22
3.1.5 Identifikasi Data
Data-data yang diperlukan untuk pembuatan sistem informasi operasional
dan maintenance kendaraan pengangkut sampah pada dinas kebersihan dan terbuka
hijau adalah sebagai berikut:
a. Data kendaraan untuk proses pendataan kendaraan yang tersedia dan
kendaraan yang mengalami perbaikan
b. Data sopir untuk melakukan data input laporan perbaikan kendaraan
c. Data TPS untuk proses pembagian jadwal terhadap pembagian kendaraan
untuk dilakukan pengangkutan
d. Data volume TPS untuk proses manajemen pengangkutan sampah oleh
kendaraan yang telah dijadwalkan
e. Contoh Laporan-laporan yang dibutuhkan
3.1.6 Identifikasi Fungsi
Fungsional Sistem yang diperlukan sebagai berikut:
a. Manajemen Data Kendaraan
b. Manajemen Data User
c. Manajemen Data TPS
d. Pembuatan Penanganan Kendaraan Maintenance
e. Pembuatan Pencegahan Kendaraan Yang Rusak Untuk Dijadwalkan
f. Pembuatan Informasi Kendaraan Tersedia
g. Pembuatan kendaraan melakukan Transaksi pengangkutan
3.1.7 Kebutuhan Pengguna
Kebutuhan pengguna pada Tabel 3.2 dibawah ini adalah kebutuhan yang
telah disesuaikan dan menunjang tugas-tugas pengguna terkait dengan aplikasi
23
dokumentasi kegiatan pegawai pada Dinas Kebersihan Dan Pertamanan Kota
Surabaya. Tugas-tugas pengguna dapat dilihat pada Tabel 3.2.
Tabel 3.2 Kebutuhan Pengguna
No Pengguna Tugas Kebutuhan Pegguna
1 Pimpinan DKP 1.1 Monitoring kinerja
pengangkutan sampah
dan Maintenance
kendaraan
1.2 Mengetahui Setiap
aktifitas kegiatan
dalam setiap transaksi
sampah
1.3 Mengetahui laporan-
laporan
perkembangan
sampah
1.1 Dapat memonitoring hasil
kinerja pengangkutan
sampah, Maintenance
kendaraan dan melihat
hasil Laporan kegiatan
1.2 Dapat mengetahui dan
melakukan aktifitas
dalam aplikasi
1.3 Dapat mengetahui
kegiatan yang akan
tercetak dalam laporan
kegiatan operasional
DKP
2 Operasional DKP 2.1 Melakukan aktivitas
penambahan user
2.2 Melakukan aktivitas
penjadwalan
2.3 Melakukan aktifitas
penambahan
kendaraan
2.4 Melakukan Transaksi
Pengangkutan
Sampah TPS
2.5 Melakukan Transaksi
Maintenance
Kendaraan
2.6 Melakukan
pembuatan laporan
2.1 Dapat membuat user baru
2.2 Dapat menambah,
mengubah dan
menghapus jadwal
2.3 Dapat menambah,
mengubah dan
menghapus Data
Kendraan
2.4 Dapat melakukan
aktivitas inputan
transksi pengangkutan
sampah
2.5 Dapat melakukan inputan
transaksi maintenance
kendaraan pengangkut
sampah
2.6 Dapat melakukan cetak
laporan secara realtime
3 Pemeliharaan 3.1 Melakukan pelayanan
perbaikan kendaraan
3.2 Mendata kendaraan
yang mengalami
perbaikan
3.3 Mencari kendaraan
pengganti untuk sopir
yang kendaraannya
mengalami perbaikan
3.1 Memastikan kendaraan
dapat ditangani dengan
tepat
3.2 Memastikan kendaraan
yang mengalami
perbaikan dengan tepat
3.3 Memastikan kendaraan
pengganti tersedia
24
3.4 Melakukan aktivitas
pembaruan status
perbaikan kendaraan
3.5 Melakukan
manajemen data
kendaraan
3.4 Dapat melakukan
perubahan dari status
kendaraan yang
sebelumnya dalam
keadaan maintenance
menjadi selesai di
maintenance
3.5 Memastikan data seluruh
kendaraan diinputkan
kedalam sistem
4 Sopir DKP 4.1 Melakukan aktivitas
pengecekan jadwal
4.2 Melakukan aktivitas
pelaporan kendaraan
maintenance
4.3 Melakukan
pengangkutan ke TPS
4.1 Dapat melakukan
pengecekan jadwal
4.2 Dapat melakukan inputan
pelaporan kendaraan
yang akan di
maintenance ke bagian
maintenance
4.3 Memastikan
pengangkutan
dilaksanakan
3.1.8 Kebutuhan Fungsional
Kebutuhan fungsional pada Tabel 3.3 adalah kebutuhan fungsi yang
disesuaikan dengan kebutuhan pengguna yang tercantum pada Tabel 3.2
Tabel 3.3 Kebutuhan Fungsional
No Pengguna Kebutuhan Pegguna Kebutuhan Fungsional
1 Pimpinan DKP 1.1 Dapat memonitoring
hasil kinerja
pengangkutan sampah,
Maintenance kendaraan
dan melihat hasil
Laporan kegiatan
1.2 Dapat mengetahui dan
melakukan aktifitas
dalam aplikasi
1.3 Dapat mengetahui
kegiatan yang akan
tercetak dalam laporan
kegiatan operasional DKP
1.1 Fungsi dapat melakukan
pengecekan setiap form
aplikasi dari master
sampai ke laporan
1.2 Fungsi dapat melakukan
control data karena
sebagai user privilege
tertinggi
1.3 Fungsi dapat melakukan
cetak laporan untuk
mengetahui jumlah
sampah hari ini
25
2 Operasional
DKP
2.1 Dapat membuat user
baru
2.2 Dapat menambah,
mengubah dan
menghapus jadwal
2.3 Dapat menambah,
mengubah dan
menghapus Data
Kendraan
2.4 Dapat melakukan
aktivitas inputan
transksi pengangkutan
sampah
2.1 Dapat melakukan
inputan transaksi
maintenance kendaraan
pengangkut sampah
2.2 Dapat melakukan cetak
laporan secara realtime
2.3 Fungsi add user
pembuatan user baru
2.4 Fungsi add Jadwal untuk
menambahkan, mengubah
dan menghapus jadwal
2.5 Fungsi add kendaraan
untuk menambah ,
mengubah dan
menghapus data
kendaraan
2.6 Fungsi add transaksi TPS
untuk melakukan
transaksi pengangkutan
sampah
2.5 Fungsi add Maintenance
untuk melakukan
transaksi perbaikan
kendaraan
2.6 Fungsi mengelola laporan
dari hasil inputan master
dan transaksi
3 Pemeliharaan
DKP
3.1 Dapat melakukan
inputan data kendaraan
yang akan dilakukan
dan dalam perbaikan/
maintenance
3.2 Dapat melakukan
perubahan dari status
kendaraan yang
sebelumnya dalam
keadaan maintenance
menjadi selesai di
maintenance
3.3 Fungsi add Maintenance
untuk melakukan
transaksi perbaikan
kendaraan
3.4 Fungsi Approval
maintenance untuk
merubah status perbaikan
kendaraan
4 Sopir DKP 4.1 Dapat melakukan
pengecekan jadwal
4.2 Dapat melakukan
inputan pelaporan
kendaraan yang akan di
maintenance kepada
bagian maintenance
4.1 Fungsi jadwal untuk user
sopir melihat penjadwalan
yang telah ditetapkan oleh
bagian operasional
4.2 Fungsi maintenance untuk
user sopir melakukan
pelaporan maintenance
kendaraan
3.2 Modeling
Berdasarkan analisis sistem dari permasalahan yang dihadapi, selanjutnya
akan dibuat desain dari sistem tersebut. Tujuan dari desain sistem ini adalah
26
membuat kerangka dasar dalam melakukan implementasi ke sistem informasi yang
dibuat.
Dalam perancangan sistem ini ada beberapa tahapan yang harus dilakukan,
yaitu pembuatan Model Pengembangan, System Flow, Data Flow Diagram (DFD),
Entity Relationship Diagram (ERD), Struktur Database, dan Design Input dan
Output dari program aplikasi ini.
3.2.1 Workflow
Workflow merupakan diagram alir sistem yang akan menjelaskan
gambaran umum dari sistem. Gambar 3.1 merupakan gambaran workflow Sistem
Informasi Operasional Dan Maintenance Kendaraan Pengangkut Sampah.
Bagian Operasional
Staff Pemeliharaan
Jadwal
SI Operasional & Maintenance
Laporan Maintenance
Staff Supir
Memasukkan
Laporan
Pimpinan
Operasional (TPS)Step:
Gambar 3.1 Workflow Sistem Informasi Operasional Dan Maintenance Kendaraan
Pengangkut Sampah.
Gambar 3.1 menunjukkan bahwa sistem dimulai dari DKP menerima
notifikasi yang berisi jadwal dari kepala TPS. Selanjutnya, jadwal tersebut akan
diberikan kepada bagian pemeliharaan. Lalu, bagian pemeliharaan akan
memasukkan data jadwal dan tersebut ke dalam sistem informasi operasional dan
27
maintenance. Data jadwal ini selanjutnya akan diproses untuk menghasilkan
keluaran berupa laporan penggunaan kendaraan pengangkut sampah, laporan
ketersediaan kendaraan kendaraan pengangkut sampa, laporan kondisi kendaraan
pengangkut sampah, laporan maintenance, laporan jadwal terlaksana.
3.2.2 System Flow
System Flow merupakan bagan yang menunjukkan arus pekerjaan secara
keseluruhan dari sistem. System flow yang akan digambarkan ini adalah bagan yang
menjelaskan urutan jalannya sistem informasi operasional dan maintenance
kendaraan pengangkut sampah yang dibuat. Proses–proses yang ada pada sistem ini
adalah maintenance data master, riwayat pengangkutan sampah , masa pakai aspek-
aspek yang ada pada kendaraan pengangkut sampah, pemberian default kendaraan
pengangkut sampah dan pengingat pemeliharaan, peminjaman dan mutasi serta
pembuatan laporan.
28
Maintenance Data Master
Pemeliharaan Sistem
Mulai
Melakukan
Login
Data_userMelakukan
Validasi User
Memilih Maintenance
Master yang diperlukan
Master
User?
Master
Kendaraan?
Master
Jadwal?Master TPS
Maintenanc
e Master
User
Maintenance
Master
Kendaraan
Maintenanc
e Master
Jadwal
Maintenanc
e Master
TPS
Master
Transaksi
Maintenance
Master
Transaksi TPS
Transaksi
Master
maintenance
Transaksi
Master TPS Selesai
User?
Tidak
Ya
TidakTidak Tidak
Tidak
Ya Ya Ya Ya
Tidak
Tidak
Ya Ya
Gambar 3.2 merupakan system flow untuk maintenance data master secara umum,
dan akan dijabarkan secara lebih detail pada gambar selanjutnya. Master-master
yang membutuhkan proses maintenance adalah master user, master kedaraan
pengangkut, master jadwal, master TPS, master jadwal dan master jenis
pemeliharaan. Pada gambar ini dijelaskan bagaimana user melakukan proses
maintenance data master, yaitu: memasukkan data, mengubah data, maupun
29
menghapus data. User tinggal memilih jenis master yang dibutuhkan, selanjutnya
transaksi yang diinginkan tinggal dijalankan.
Maintenance Data Master
Pemeliharaan Sistem
Mulai
Melakukan
Login
Data_userMelakukan
Validasi User
Memilih Maintenance
Master yang diperlukan
Master
User?
Master
Kendaraan?
Master
Jadwal?Master TPS
Maintenanc
e Master
User
Maintenance
Master
Kendaraan
Maintenanc
e Master
Jadwal
Maintenanc
e Master
TPS
Master
Transaksi
Maintenance
Master
Transaksi TPS
Transaksi
Master
maintenance
Transaksi
Master TPS Selesai
User?
Tidak
Ya
TidakTidak Tidak
Tidak
Ya Ya Ya Ya
Tidak
Tidak
Ya Ya
Gambar 3.2 System Flow untuk Data Master
30
Gambar 3.3 merupakan system flow untuk master data user. Pada gambar
ini dijelaskan alur dari proses master, yaitu: memasukkan data baru, mengubah
data, dan menghapus data user.
Maintenance Master User
Pemeliharaan Sistem
Mulai
Menampilkan Menu
Master User
Selesai
Memilih menu
master user
Master User
Tambah Data
User?
Input Data User
Data User
Menyimpan Hasil
Input User
Mengubah Data
User
Menyimpan
Perubahan Data
User
Menghapus Data
User
Ya
Data_User
Ubah Data
User?Hapus Data
User?
YaYa
Tidak Tidak
Tidak
Gambar 3.3 System Flow Untuk Master User
31
Gambar 3.4 merupakan system flow untuk master data User Bagian. Pada
gambar ini dijelaskan alur dari proses master, yaitu: memasukkan data baru,
mengubah data, dan menghapus data user bagian.
Maintenance Master User Bagian
Pemeliharaan Sistem
Mulai
Menampilkan Menu
Master User Bagian
Selesai
Memilih menu
master User Bagian
Master User
Bagian
Tambah Data
User Bagian?
Input Data User
Bagian
Data User
Bagian
Menyimpan Hasil
Input User Bagian
Mengubah Data
User Bagian
Menyimpan
Perubahan Data
User Bagian
Menghapus Data
User Bagian
Ya
Data_Userbagian
Ubah Data User
Bagian?Hapus Data
User Bagian?
YaYa
Tidak Tidak
Tidak
Gambar 3.4 System Flow Untuk Master User Bagian
32
Gambar 3.5Gambar 3.5 merupakan system flow untuk master data
kendaraan pengangkut sampah. Pada gambar ini dijelaskan alur dari proses master,
yaitu: memasukkan data baru, mengubah data, dan menghapus data kendaraan
pengangkut.
Gambar 3.5 System Flow Untuk Master Kendaraan
Maintenance Master Kendaraan
Pemeliharaan Sistem
Mulai
Menampilkan
Menu Master
Kendaraan
Selesai
Memilih menu
master
Kendaraan
Master
Kendaraan
Tambah
Data
Kendaraan?
Input Data
Kendaraan
Data
Kendaraan
Menyimpan
Hasil Input
Kendaraan
Mengubah
Data
Kendaraan
Menyimpan
Perubahan
Kendaraan
Menghapus
Data
Kendaraan
Ya
Data_Kendar
aan
Ubah Data
Kendaraan?Hapus Data
Kendaraan?
YaYa
Tidak Tidak
Tidak
33
Gambar 3.6 merupakan system flow untuk master data merk dan type
kendaraan. Pada gambar ini dijelaskan alur dari proses master, yaitu: memasukkan
data baru, mengubah data, dan menghapus data merk dan type.
Maintenance Master Merk Dan Type Kendaraan
Pemeliharaan Sistem
Mulai
Menampilkan
Menu Master Merk
Dan Type
Kendaraan
Selesai
Memilih menu
master Merk
dan Type
Kendaraan
Master Merk
dan Type
Tambah
Data Merk
dan Type?
Input Data
Merk dan Type
Data Merk
dan Type
Menyimpan
Hasil Input
merk dan type
Mengubah
Data merk dan
type
Menyimpan
Perubahan
merk dan type
Menghapus
Data merk dan
type
Ya
Data_merkda
n_type
Ubah Data
Merk dan
Type?
Hapus Data
Merk dan
type?
YaYa
Tidak Tidak
Tidak
Gambar 3.6 System flow Untuk Master Merk Dan Type
Gambar 3.7 merupakan system flow untuk master data jenis kendaraan.
Pada gambar ini dijelaskan alur dari proses master, yaitu: memasukkan data baru,
mengubah data, dan menghapus jenis kendaraan.
34
Maintenance Master Jenis Kendaraan
Pemeliharaan Sistem
Mulai
Menampilkan
Menu Master Jenis
Kendaraan
Selesai
Memilih menu
master Jenis
Kendaraan
Master Jenis
Kendaraan
Tambah
Data Jenis
Kendaraan?
Input Data
Jenis
Kendaraan
Data Jenis
Kendaraan
Menyimpan
Hasil Input
Jenis
Kendaraan
Mengubah
Data Jenis
Kendaraan
Menyimpan
Perubahan
Jenis
Kendaraan
Menghapus
Data Jenis
Kendaraan
Ya
Data_Jenis_K
endaraan
Ubah Data
Jenis
Kendaraan?
Hapus Data
Jenis
Kendaraan?
YaYa
Tidak Tidak
Tidak
Gambar 3.7 System Flow Untuk Master Jenis Kendaraan
Gambar 3.8 merupakan system flow untuk master jadwal. Pada gambar ini
dijelaskan alur dari proses master, yaitu: memasukkan data baru, mengubah data,
dan menghapus data jadwal.
35
Maintenance Master Jadwal
Pemeliharaan Sistem
Mulai
Menampilkan
Menu Master
Jadwal
Selesai
Memilih menu
master Jadwal
Master
Jadwal
Tambah
Data Jadwal
?
Input Data
Jadwal
Data
Jadwal
Menyimpan
Hasil Input
Jadwal
Mengubah
Data Jadwal
Rute
Menyimpan
Perubahan
Jadwal
Menghapus
Data Jadwal
Rute
Ya
Data_Jadwal
Ubah Data
Jadwal?Hapus Data
Jadwal?
YaYa
Tidak Tidak
Tidak
Gambar 3.8 System Flow Untuk Master Jadwal
Gambar 3.9 merupakan system flow untuk master data TPS. Pada gambar
ini dijelaskan alur dari proses master, yaitu: memasukkan data baru, mengubah
data, dan menghapus data TPS.
36
Maintenance Master Tempat Pembuangan Sementara (TPS)
Pemeliharaan Sistem
Mulai
Menampilkan
Menu Master TPS
Selesai
Memilih menu
master TPS
Master TPS
Tambah
Data TPS?
Input Data TPS
Data TPS
Menyimpan
Hasil Input
TPS
Mengubah
Data TPS
Menyimpan
Perubahan
TPS
Menghapus
Data TPS
Ya
Data_TPS
Ubah Data
TPS?Hapus Data
TPS?
YaYa
Tidak Tidak
Tidak
Gambar 3.9 System Flow Untuk Master TPS
Gambar 3.10 merupakan system flow untuk master data TPS kecamatan.
Pada gambar ini dijelaskan alur dari proses master, yaitu: memasukkan data baru,
mengubah data, dan menghapus data TPS kecamatan.
37
Maintenance Master Tempat Pembuangan Sementara Kecamatan (TPS)
Pemeliharaan Sistem
Mulai
Menampilkan
Menu Master TPS
Kecamatan
Selesai
Memilih menu
master TPS
Kecamatan
Master TPS
Kecamatan
Tambah Data
TPS
Kecamatan?
Input Data TPS
Kecamatan
Data TPS
Kecamatan
Menyimpan Hasil
Input TPS
Kecamatan
Mengubah Data
TPS Kecamatan
Menyimpan
Perubahan TPS
Kecamatan
Menghapus Data
TPS Kecamatan
Ya
Data_TPSkec
amatan
Ubah Data
TPS
Kecamatan?
Hapus Data
TPS
Kecamatan?
YaYa
Tidak Tidak
Tidak
Gambar 3.10 System Flow Untuk Master TPS Kecamatan
Gambar 3.11 merupakan system flow untuk transaksi maintenance
kendaraan. Pada gambar ini dijelaskan alur dari proses transaksi, yaitu:
memasukkan data baru, mengubah data, dan menghapus data transaksi maintenance
kendaraan.
38
Transaksi Maintenance Kendaraan
Pemeliharaan Sistem
Mulai
Menampilkan
Menu Transaksi
Maintenance
kendaraan
Selesai
Memilih menu
Transaksi
maintenance
kendaraan
Transaksi
Maintenance
Kendaraan
Tambah
Maintenance
Kendaraan?
Input Maintenance
Kendaraan
Jenis
Maintenance
kendaraan
Menyimpan Hasil
Input Maintenance
Kendaraan
Mengubah
Maintenance
Kendaraan
Menyimpan Data
Perubahan
Maintenance
Kendaraan
Menghapus Data
Maintenance
kendaraan
Ya
Transaksi_Main
tenance
Ubah
Maintenance
Kendaraan?
Hapus
Maintenance
Kendaraan?
YaYa
TidakTidak
Tidak
Gambar 3.11 System Flow Untuk Transaksi Maintenance Kendaraan
Gambar 3.12 merupakan system flow untuk transaksi TPS. Pada gambar
ini dijelaskan alur dari proses transaksi, yaitu: memasukkan data baru, mengubah
data, dan menghapus data transaksi TPS.
39
Transaksi Tempat Pembuangan Sampah Sementara
Pemeliharaan Sistem
Mulai
Menampilkan
Menu Transaksi
TPS
Selesai
Memilih menu
Transaksi TPS
Transaksi TPS
Tambah
Transaksi TPS?
Input Transaksi
TPS
Menyimpan Hasil
Input Transaksi
TPS
Mengubah
Transaksi TPS
Menyimpan Data
Perubahan
Transaksi TPS
Menghapus Data
Transaksi TPS
Ya
Transaksi_TPS
Ubah Transaksi
TPS?
Hapus
Transaksi TPS?
YaYa
TidakTidak
Tidak
Gambar 3.12 System Flow Untuk Transaksi TPS
Gambar 3.13 merupakan system flow untuk proses pembuatan laporan.
Pada gambar ini dijelaskan bagaimana proses pembuatan laporan secara umum
yang akan dijelaskan dengan lebih detail pada gambar-gambar berikutnya. Ada 5
jenis laporan, yaitu laporan penggunaan kendaraan, laporan ketersediaan
kendaraan, laporan maintenance kendaraan, laporan sampah terangkut, laporan
jadwal terlaksana.
40
Pembuatan Laporan
Pimpinan DKP
Memilih Menu
Laporan
Mulai
Memilih Jenis
Laporan
Laporan
Angkutan
Sopir?
Laporan
Maintenance
Kendaraan?
Laporan
Kendaraan
Tersedia?
Laporan
sampah
Harian?
Pembuatan
Laporan
Angkutan Sopir
Tidak Tidak Tidak
Selesai
Pembuatan
Laporan
Maintenance
Kendaraan
Pembuatan
Laporan
Kendaraan
Tersedia
Pembuatan
Laporan Sampah
Harian
Ya Ya Ya Ya
Tidak
Laporan
Kinerja Sopir?
Pembuatan
Laporan Kinerja
Sopir
Ya
Tidak
Gambar 3.13 System Flow Untuk Proses Pembuatan Laporan
Gambar 3.14 merupakan system flow untuk proses pembuatan laporan
angkutan sopir. Gambar ini menjelaskan subproses dari pembuatan laporan
angkutan sopir dengan lebih detail. Proses ini dimulai dari pemilihan laporan,
pemrosesan laporan, dan cetak laporan jika diperlukan.
41
Pembuatan Laporan Angkutan Sopir
Pimpinan DKP Sistem
Mulai
Memilih Laporan
Angkutan Sopir
Memproses laporan
Angkutan Sopir
Menampilkan laporan
Angkutan Sopir
Data_Jadwal
Data_Kendaraan
Laporan Angkutan
Sopir
Cetak Laporan?
Laporan
Angkutan Sopir
Selesai
Mencetak Laporan
Ya
Tidak
Data_User
Gambar 3.14 System Flow Untuk Pembuatan Laporan Angkutan Sopir
Gambar 3.15 merupakan system flow untuk proses pembuatan laporan
ketersediaan Kendaraan. Gambar ini menjelaskan subproses dari pembuatan
42
laporan ketersediaan kendaraan dengan lebih detail. Proses ini dimulai dari
pemilihan laporan, pemrosesan laporan, dan cetak laporan jika diperlukan.
Pembuatan Laporan Ketersediaan Kendaraan
Pimpinan DKP Sistem
Mulai
Memilih Laporan
Ketersediaan
Kendaraan
Memproses laporan
Ketersediaan
kendaraan
Menampilkan laporan
Ketersediaan
kendaraan
Perjalanan_Kendara
an
Data_Kendaraan
Laporan
Ketersediaan
kendaraan
Cetak Laporan?
Laporan
Ketersediaan
Kendaraan
Selesai
Mencetak Laporan
Ya
Tidak
Gambar 3.15 System Flow Untuk Pembuatan Laporan Ketersediaan Kendaraan
Gambar 3.16 merupakan system flow untuk proses pembuatan laporan
maintenance kendaraan. Gambar ini menjelaskan subproses dari pembuatan
43
laporan maintenance kendaraan dengan lebih detail. Proses ini dimulai dari
pemilihan laporan, pemrosesan laporan, dan cetak laporan jika diperlukan.
Pembuatan Laporan Maintenance Kendaraan
Pimpinan DKP Sistem
Mulai
Memilih Laporan
Maintenance
Kendaraan
Memproses laporan
Maintenanve
Kendaraan
Menampilkan laporan
Maintenance
Kendaraan
Maintenance_Kenda
raan
Laporan
Maintenance
Kendaraan
Cetak Laporan?
Laporan
Maintenance
Kendaraan
Selesai
Mencetak Laporan
Ya
Tidak
Gambar 3.16 System Flow Untuk Pembuatan Laporan Maintenance Kendaraan
Gambar 3.17 merupakan system flow untuk proses pembuatan laporan sampah
harian. Gambar ini menjelaskan subproses dari pembuatan laporan sampah harian
44
dengan lebih detail. Proses ini dimulai dari pemilihan laporan, pemrosesan laporan,
dan cetak laporan jika diperlukan
Pembuatan Laporan Sampah Harian
Pimpinan DKP Sistem
Mulai
Memilih Laporan
Sampah Harian
Memproses Laporan
Sampah Harain
Menampilkan Laporan
Sampah Harian
Data_TPS
Laporan Sampah
Harian
Cetak Laporan?
Laporan Sampah
Harian
Selesai
Mencetak Laporan
Ya
Tidak
Gambar 3.17 System Flow Untuk Pembuatan Laporan Sampah Harian
Gambar 3.18 merupakan system flow untuk proses pembuatan laporan
kinerja sopir. Gambar ini menjelaskan subproses dari pembuatan laporan kinerja
45
sopir dengan lebih detail. Proses ini dimulai dari pemilihan laporan, pemrosesan
laporan, dan cetak laporan jika diperlukan.
Pembuatan Laporan Kinerja Sopir
Pimpinan DKP Sistem
Mulai
Memilih Laporan
Kinerja Sopir
Memproses laporan
Kinerja Sopir
Menampilkan laporan
Kinerja Sopir
Data_Kendaraan
Laporan Kinerja
Sopir
Cetak Laporan ?
Laporan Kinerja
Sopir
Selesai
Mencetak Laporan
Ya
Tidak
Data_Jadwal
Gambar 3.18 System Flow Untuk Pembuatan Laporan Kinerja Sopir
46
3.2.3 Hipo (Hierarchy Input Process Output)
Diagram berjenjang adalah sebuah bagan yang menggambarkan proses
proses yang ada dan mendukung suatu sistem informasi. Gambar 3.19 menjelaskan
diagram berjenjang dari sistem informasi pemeliharaan kendaraan pengangkut
sampah yang terdiri dari 3 tingkat yang selanjutnya akan dijadikan acuan dalam
mendesain data flow diagram.
Sistem Informasi Operasional dan
Maintenance Kendaraan Pengangkut
Master Transaksi Laporan
Master User
Master
Bagian
Master TPS
Master Jenis
Kendaraan
Master Merk
Dan Type
Master
Kendaraan
Sopir
Master
Kecamatan
Maintenance
Kendaraan
Transaksi
TPS
Laporan
Jadwal
Laporan
Maintenance
Laporan Kendaraan
Tersedia
Laporan Sampah
Harian
Laporan Sopir
Jadwal
Gambar 3.19 Diagram Jenjang Sistem Informasi Operasional Dan Maintenance
Kendaraan Pengangkut Sampah
47
3.2.4 Data Flow Diagram
Data Flow Diagram adalah cara untuk memodelkan proses dalam analisis
dan perancangan perangkat lunak, khususnya dengan pendekatan terstruktur.Pada
Data Flow Diagram akan dijelaskan mengenai aliran data yang ada dalam sistem.
Semua masukan dan keluaran dari sistem akan digambarkan dengan jelas,
fungsionalitas dari sistem informasi ini juga akan terlihat dengan jelas.
A. DFD Level Context
DFD level context akan menampilkan hubungan antara sistem informasi
pemeliharaan dengan entitas–entitas (Pimpinan, Operasional, Pemeliharaan dan
Sopir) yang menjalankan sistem informasi ini seperti terlihat pada Gambar 3.20.
Gambar 3.20 DFD level Context Diagram Sistem Informasi Operasional Dan
Maintenance Kendaraan Pengangkut Sampah
B. DFD Level 0
Setelah membuat context diagram, perancagan dilanjutakan dengan
membagi context diagram menjadi proses-proses yang lebih terinci. Pada DFD
level 0 ini akan ditampilkan hasil dekomposisi dari level context seperti terlihat
pada Gambar 3.21
TPS
Jadwal TPS
Kecamatan
Kendaraan
Bagian
User
Data Pengangkutan SampahLaporan Sopir
Laporan Sampah Harian
Laporan Kendaraan Tersedia
Laporan Maintenance
Laporan Angkutan
Info Jadwal
Info Kerusakan
Laporan Maintenance
Update Maintenance
Periode
Data Jadwal
Pemeliharaan
Operasional Pimpinan
Sopir
1
Sistem Informasi Operasional dan
Maintenance Kendaraan
Pengangkut Sampah
Data Tugas Sopir
Info Pengangkutan Sampah
Data Kendaraan Tersedia
48
Gam
bar
3.2
1 D
FD
lev
el 0
Conte
xt D
iagra
m S
iste
m I
nfo
rmas
i O
per
asio
nal
Dan
Main
tenance
Ken
dar
aan P
engan
gkut
Sam
pah
Gambar
3.21 DFD
level 0 Context
Diagram Sistem Informasi Operasional Dan Maintenance Kendaraan Pengangkut
Sampah
La
po
ran
Ke
nd
ara
an
Te
rse
dia
La
po
ran
Ma
inte
na
nce
Op
era
sio
na
lP
em
eli
ha
raa
n
Pim
pin
an
So
pir
1.1
Pe
ng
elo
laa
n
Ma
ste
r
1.3
Pe
ng
elo
laa
n
La
po
ran
1.2
Pe
ng
elo
laa
n
Tra
nsa
ksi
Me
lih
at
Me
lih
at
Sim
pa
n
Sim
pa
n
Sim
pa
n
So
pir
Sim
pa
n
Su
b S
ub
WIa
laya
h T
PS
1U
ser
2B
ag
ian
3K
en
da
raa
n
5M
ere
k d
an
Tip
e
6Ja
dw
al
7T
PS
9M
ain
ten
an
ce
Ke
nd
ara
an
4Je
nis
Ke
nd
ara
an
8W
ila
ya
h
10
So
pir
11
Su
b W
ila
ya
h
12
Su
b S
ub
WIl
aya
h
SIm
pa
n
Up
da
teS
imp
an
Sim
pa
n
Sim
pa
n
Sim
pa
nS
imp
an
Me
lih
at
Me
lih
at
Me
lih
at
La
po
ran
Kin
erj
a S
op
ir
La
po
ran
Sa
mp
ah
Ha
ria
n
La
po
ran
An
gku
tan
Ja
dw
al
TP
S
TP
S
Ke
ca
ma
tan
Use
r
Ba
gia
n
Ke
nd
ara
an
Up
da
te M
ain
ten
an
ce
La
po
ran
Ma
inte
na
nce
Pe
rio
de
Info
Ke
rusa
kan
Info
Ja
dw
al
La
po
ran
Pe
ng
an
gku
tan
Sa
mp
ah
49
C. DFD Level 1
DFD level 1 ini akan menunjukkan detail dari masing–masing
fungsionalitas pada sistem informasi. DFD level 1 untuk maintenance data master
terlihat pada Gambar 3.22, Gambar 3.23 dan Gambar 3.24.
Gambar 3.22 DFD level 1 Pengelolaan Master Sistem Informasi Operasional Dan
Maintenance Kendaraan Pengangkut Sampah
Gambar 3.23 DFD level 1 Pengelolaan Master Sistem Informasi Operasional Dan
Maintenance Kendaraan Pengangkut Sampah
Operasional
1.1.2
Master Bagian
1.1.3
Master Kendaraan
1.1.4
Master Jenis
Kendaraan
1.1.5
Master Merek dan
Tipe
1.1.6
Master TPS
1.1.7
Master WIlayah
Simpan Simpan
8 Wilayah5 Merek dan Tipe4 Jenis Kendaraan2 Bagian 6 Jadwal1 User 3 Kendaraan 12 Sub Sub WIlayah
BagianKendaraan
Jenis Kendaraan
Merek dan Tipe
Jadwal TPS
1.1.1
Master User
11 Sub Wilayah
KecamatanUser
Simpan Simpan Simpan SimpanSimpan SImpan
Simpan
1.2.1
Maintenance
Kendaraan
1.2.2
Jadwal
1.2.3
Transaksi TPS
9 Maintenance Kendaraan
7 TPS
3 Kendaraan
6 Jadwal
10 Sopir
UpdateSimpan
Melihat
Simpan
Melihat
Simpan
Sopir
Melihat
Laporan Maintenance
Update Maintenance Info Kerusakan
Jadwal
Simpan
Info Jadwal
Pemeliharaan
Operasional
Sopir
Melihat
12 Sub Sub WIlayah
50
Gambar 3.24 DFD level 1 Pengelolaan Laporan Sistem Informasi Operasional
Dan Maintenance Kendaraan Pengangkut Sampah
3.2.5 Entity Relationship Diagram (ER-Diagram)
Pada ER-Diagram ini akan dijelaskan mengenai hubungan entitas yang
satu dengan entitas yang lainnya yang terhubung berdasarkan indeks yang sama.
Pada setiap entitas akan diperjelas dengan tampilan field pada masing–masing
entitas. Untuk memudahkan dalam melihat entitas dan hubungan antar entitas
tersebut, berikut ini akan digambarkan ER-Diagram ke dalam tampilan Conceptual
Data Model dan Physical Data Model.
A. Conceptual Data Model
Pada Conceptual Data Model ini, akan ditampilkan hubungan antar entitas
dan field-field yang dimiliki oleh tiap entitas sebelum ditambah field-field hasil
suatu relasi, seperti terlihat pada Gambar 3.25.
Pimpinan
7 TPS
9 Maintenance Kendaraan
3 Kendaraan
1.3.1
Laporan Kendaraan
Tersedia
1.3.2
Laporan
Maintenance
1.3.3
Laporan Angkutan
1.3.4
Laporan Sampah
Harian
1.3.5
Laporan Kinerja
Sopir
1.3.6
Laporan TPS
Laporaan Kendaraan Tersedia
Laporan Maintenance
Laporan Angkutan
Laporan Sampah Harian
Laporan Kinerja Sopir
Periode
Laporan Pengangkutan Sampah
Periode
Melihat
Melihat
Melihat
Melihat
Melihat
Periode
Periode
Periode
Operasional
51
Gam
bar
3.2
5 C
DM
Sis
tem
Info
rmas
i O
per
asio
nal
Dan
Main
tenance
Ken
dar
aan
Pen
gan
gkut
Sam
pah
Re
lati
on
ship
_1
4
ME
MIL
IKI
ME
MIL
IKI
ME
MIL
IKI
ME
MIL
IKI
ME
LA
KU
KA
NM
EL
AK
UK
AN
ME
MIL
IKI
ME
MP
UN
YA
I
ME
LA
KU
KA
N
ME
MIL
IKI
ME
LA
KU
KA
N
ME
MIL
IKI
ME
MIL
IKI
ME
MIL
IKI
Je
nis
Ke
nd
ara
an
id_
jen
is_
ken
da
raa
n
jen
is
<p
i>In
teg
er
Ch
ara
cte
rs (
30
)
<M
>
id_
jen
is_
ken
da
raa
n<
pi>
Me
rk d
an
Typ
e
id_
me
rk
me
rk_
da
n_
typ
e
<p
i>In
teg
er
Ch
ara
cte
rs (
50
)
<M
>
id_
me
rk<
pi>
Ke
nd
ara
an
id_
ken
da
raa
n
no
_ra
ng
ka
tah
un
no
_p
oli
si
<p
i>In
teg
er
Ch
ara
cte
rs (
20
)
Ch
ara
cte
rs (
4)
Ch
ara
cte
rs (
10
)
<M
>
id_
ken
da
raa
n<
pi>
Su
b W
ila
ya
h
id_
keca
ma
tan
na
ma
_ke
ca
ma
tan
<p
i>In
teg
er
Ch
ara
cte
rs (
30
)
<M
>
id_
keca
ma
tan
<p
i>
TP
S
id_
tps
na
ma
_tp
s
loka
si_
tps
<p
i>In
teg
er
Ch
ara
cte
rs (
30
)
Ch
ara
cte
rs (
30
)
<M
>
id_
tps
<p
i>B
ag
ian
id_
ba
gia
n
na
ma
_b
ag
ian
<p
i>In
teg
er
Ch
ara
cte
rs (
20
)
<M
>
id_
ba
gia
n<
pi>
Ma
inte
na
nce
Ke
nd
ara
an
id_
ma
inte
na
nce
ca
tata
n
tan
gg
al_
keru
saka
n
tan
gg
al_
est
ima
si_
pe
rba
ika
n
tan
gg
al_
sele
sai_
pe
rba
ika
n
id_
sop
ir
kon
dis
i
pe
kerj
aa
n
<p
i>In
teg
er
Te
xt
Da
te
Da
te
Da
te
Inte
ge
r
Inte
ge
r
Te
xt
<M
>
id_
ma
inte
na
nce
<p
i>T
ran
saks
i T
PS
id_
tra
nsa
ksi_
tps
tan
gg
al_
da
n_
jam
jum
lah
_a
ng
kut
jum
lah
_sa
mp
ah
_se
kara
ng
an
gku
t_se
mu
a
sisa
kete
ran
ga
n
<p
i>In
teg
er
Da
te &
Tim
e
Inte
ge
r
Inte
ge
r
Bo
ole
an
Inte
ge
r
Te
xt
<M
>
id_
tra
nsa
ksi_
tps
<p
i>
Use
r
id_
use
r
kod
e_
use
r
pa
ssw
ord
na
ma
_le
ng
kap
no
_h
p
tpa
<p
i>In
teg
er
Ch
ara
cte
rs (
20
)
Ch
ara
cte
rs (
20
)
Ch
ara
cte
rs (
50
)
Ch
ara
cte
rs (
15
)
Bo
ole
an
<M
>
id_
use
r<
pi>
Ja
dw
al
id_
jad
wa
l
tan
gg
al
ha
ri
id_
tps1
id_
tps2
id_
tps3
id_
tps4
id_
tps5
<p
i>In
teg
er
Da
te
Va
ria
ble
ch
ara
cte
rs (
10
)
Inte
ge
r
Inte
ge
r
Inte
ge
r
Inte
ge
r
Inte
ge
r
<M
>
id_
jad
wa
l<
pi>
So
pir
id_
sop
ir
use
rna
me
pa
ssw
ord
na
ma
_le
ng
kap
<p
i>In
teg
er
Ch
ara
cte
rs (
20
)
Ch
ara
cte
rs (
20
)
Ch
ara
cte
rs (
20
)
<M
>
Ide
nti
fie
r_1
<p
i>
Wil
aya
h
id_
wil
aya
h
na
ma
_w
ila
ya
h
<p
i>In
teg
er
Ch
ara
cte
rs (
30
)
<M
>
Ide
nti
fie
r_1
<p
i>
Su
b S
ub
Wil
aya
h
id_
sub
_su
b_
wil
aya
h
na
ma
_te
mp
at
<p
i>In
teg
er
Ch
ara
cte
rs (
30
)
<M
>
Ide
nti
fie
r_1
<p
i>
Gambar 3.25 CDM Sistem Informasi Operasional Dan Maintenance Kendaraan
Pengangkut Sampah
B. Physical Data Model
Pada Physical Data Model ini, semua field yang akan diimplementasikan
dalam tabel–tabel pada database telah dipresentasikan secara lengkap, seperti
terlihat pada Gambar 3.26.
52
Gambar 3.26 PDM Sistem Informasi Operasional Dan Maintenance Kendaraan
Pengangkut Sampah
3.2.6 Struktur Tabel
Pada struktur tabel ini menunjukkan daftar kebutuhan tabel yang
digunakan untuk menyimpan data keperluan dari sistem yang akan dibuat. Struktur
tabel yang ada merupakan hasil analisis sistem. Data yang disimpan dalam struktur
tabel yaitu:
1. Tabel TPS
Primary Key : id_TPS
Foreign Key : id_Sub_Sub_Wilayah
Fungsi : untuk menyimpan data TPS
Tabel 3.4 Tabel TPS
Field Type Length PK FK Keterangan
id_tps integer - √ ID tps
Jenis Kendaraan
id_jenis_kendaraan
jenis
int
char(30)
<pk>
Merk dan Type
id_merk
merk_dan_type
int
char(50)
<pk>
Kendaraan
id_kendaraan
id_merk
id_jenis_kendaraan
no_rangka
tahun
no_polisi
int
int
int
char(20)
char(4)
char(10)
<pk>
<fk1>
<fk2>
Sub Wilayah
id_kecamatan
id_wilayah
nama_kecamatan
int
int
char(30)
<pk>
<fk>
TPS
id_tps
id_sub_sub_wilayah
nama_tps
lokasi_tps
int
int
char(30)
char(30)
<pk>
<fk>
Bagian
id_bagian
nama_bagian
int
char(20)
<pk>
Maintenance Kendaraan
id_maintenance
id_kendaraan
id_user
catatan
tanggal_kerusakan
tanggal_estimasi_perbaikan
tanggal_selesai_perbaikan
id_sopir
kondisi
pekerjaan
int
int
int
text
date
date
date
int
int
text
<pk>
<fk1>
<fk2>
Transaksi TPS
id_transaksi_tps
id_user
id_jadwal
id_tps
tanggal_dan_jam
jumlah_angkut
jumlah_sampah_sekarang
angkut_semua
sisa
keterangan
int
int
int
int
datetime
int
int
bool
int
text
<pk>
<fk1>
<fk3>
<fk2>
User
id_user
id_tps
id_bagian
kode_user
password
nama_lengkap
no_hp
tpa
int
int
int
char(20)
char(20)
char(50)
char(15)
bool
<pk>
<fk2>
<fk1>
Jadwal
id_jadwal
id_kendaraan
id_user
id_tps
tanggal
hari
id_tps1
id_tps2
id_tps3
id_tps4
id_tps5
int
int
int
int
date
varchar(10)
int
int
int
int
int
<pk>
<fk1>
<fk2>
<fk3>
Wilayah
id_wilayah
nama_wilayah
int
char(30)
<pk>
Sub Sub Wilayah
id_sub_sub_wilayah
id_kecamatan
nama_tempat
int
int
char(30)
<pk>
<fk>
53
Field Type Length PK FK Keterangan
id_sub_sub_wilayah Integer -
√ ID
kecamatan
nama_tps Char 30 Nama tps
Lokasi_tps Char 30 Lokasi tps
2. Tabel User
Primary Key : id_user
Foreign Key : id_tps, id_bagian
Fungsi : untuk menampung data user
Tabel 3.5 Tabel User
Field Type Length PK FK Keterangan
id_user Integer - √ ID user
id_tps Integer - √ ID tps
Id_bagian Integer - √ ID bagian
Kode_user Char 20 Kode user
Password Char 20 Password
Nama_lengkap Char 50 Nama lengkap
No_hp Char 15 No hp
tpa Bool - TPA
3. Tabel Sub Sub wilayah
Primary Key : id_sub_sub_wilayah
Foreign Key : Id_kecamatan
Fungsi : untuk menyimpan data sub area dari wilayah
Tabel 3.6 Tabel Sub Sub Wilayah
Field Type Length PK FK Keterangan
Id_sub_sub_wilayah
√ Id sub sub
wilayah
id_kecamatan integer - √ ID kecamatan
nama_kecamatan char 30
Nama
kecamatan
54
4. Tabel Sub Wilayah
Primary Key : id_Kecamatan
Foreign Key : id_wilayah
Fungsi : untuk menampung data wilayah kecamatan
Tabel 3.7 Tabel Wilayah Kecamatan
Field Type Length PK FK Keterangan
id_kecamatan Integer - √ ID Kecamatan
id_wilayah Integer - √ ID wilayah
Nama_Kecamatan Integer - Nama Kecamatan
5. Tabel Wilayah
Primary Key : id_Wilayah
Foreign Key : -
Fungsi : untuk menampung data wilayah kecamatan
Tabel 3.8 Tabel Wilayah
Field Type Length PK FK Keterangan
id_wilayah Integer - √ ID wilayah
Nama_wilayah Char 30 Nama Wilayah
6. Tabel Transaksi TPS
Primary Key : id_transaksi_tps
Foreign Key : id_user, id_jadwal, id_tps
Fungsi : untuk menyimpan data kecamatan
Tabel 3.9 Tabel Transaksi TPS
Field Type Length PK FK Keterangan
Id_transaksi_tps Integer - √ ID transaksi tps
Id_user Integer - √ ID user
Id_jadwal Integer - √ ID jadwal
55
Field Type Length PK FK Keterangan
Id_tps Integer - √ Id tps
Tanggal_dan_jam Datetime - Tanggal dan jam
Jam_angkut Integer - Jam angkut
Jumlah_sampah_sekarang Integer -
Jumlah sampah
sekarang
Angkut_semua Bool - Angkut semua
Sisa Integer - Sisa
keterangan text - Keterangan
7. Tabel Jadwal
Primary Key : id_jadwal
Foreign Key : id_kendaraan, id_user, id_tps
Fungsi : untuk menampung data jadwal
Tabel 3.10 Tabel Jadwal
Field Type Length PK FK Keterangan
id_jadwal Integer - √ ID jadwal
id_kendaraan Integer -
√ ID
kendaraan
id_user Integer - √ ID user
Id_tps Integer - √ ID tps
Tanggal Date - Tanggal
Hari Varchar 10 Hari
Id_tps1 Integer - ID tps 1
Id_tps2 Integer - ID tps 2
Id_tps3 Integer - ID tps 3
Id_tps4 Integer - ID tps 4
Id_tps5 Integer - ID tps 5
8. Tabel Kendaraan
Primary Key : id_kendaraan
Foreign Key : id_merk, id_jenis_kendaraan
Fungsi : untuk menampung data kendaraan
56
Tabel 3.11 Tabel Kendaraan
Field Type Length PK FK Keterangan
id_kendaraan integer - √ ID kendaraan
id_merk integer - √ ID merk
Id_jenis_kendaraan Integer -
√ ID jenis
kendaraan
No_rangka Char 20 No Rangka
Tahun Char 4 Tahun
No_polisi Char 10 No polisi
9. Tabel Maintenance Kendaraan
Primary Key : id_maintenance
Foreign Key : id_kendaraan, id_user
Fungsi : untuk menampung data maintenance kendaraan
Tabel 3.12 Tabel Maintenance Kendaraan
Field Type Length PK FK Keterangan
id_maintenance Integer -
√ ID
maintenance
id_kendaraan Integer -
√ ID
kendaraan
Id_user Integer - √ ID user
Catatan
Long
varchar -
Catatan
Tanggal_kerusakan Date -
Tanggal
Kerusakan
Tanggal_estimasi_perbaikan Date -
Tanggal
estimasi
perbaikan
Tanggal_selesai_perbaikan Date -
Tanggal
Selesai
Perbaikan
Id_sopir Integer - ID sopir
Kondisi Integer - Kondisi
pekerjaan
Long
varchar -
Pekerjaan
10. Tabel Merk dan Type
Primary Key : id_merk
57
Foreign Key : -
Fungsi : untuk menampung data merk dan type kendaraan
Tabel 3.13 Tabel Merk dan Type
Field Type Length PK FK Keterangan
id_merk integer - √ ID merk
Merk_dan_type Char 50 Merk dan
tipe
kendaraan
11. Tabel Jenis Kendaraan
Primary Key : id_jenis_kendaraan
Foreign Key : -
Fungsi : untuk menampung data jenis kendaraan
Tabel 3.14 Tabel Jenis Kendaraan
Field Type Length PK FK Keterangan
id_jenis_kendaraan integer -
√ ID jenis
Kendaraan
Jenis integer - Jenis kendaraan
12. Tabel Bagian
Primary Key : id_bagian
Foreign Key : -
Fungsi : untuk menampung data bagian
Tabel 3.15 Tabel Bagian
Field Type Length PK FK Keterangan
id_bagian integer - √ Bagian
Nama_bagian Char 20 Nama bagian
58
3.2.7 Perancangan Desain Interface
Setelah membuat Sistem Flow, ER-Diagram dan perancangan database
kemudian dibuat suatu perancangan desain input dan output untuk mengartikan
suatu desain sistem. Adapun perancangan desain interface tersebut adalah sebagai
berikut:
A. Halaman Login
Halaman ini berfungsi untuk melakukan validasi terhadap password yang
dimasukkan. Penggunanya ada 4, yaitu: Pimpinan, Operasional, Pemeliharaan dan
supir seperti terlihat pada Gambar 3.27.
Gambar 3.27 Desain Halaman Login User
Tabel 3.16 Tabel Fungsi Objek Rancangan Halaman Login User
No Nama Objek Tipe Objek Fungsi
1 Email Textbox Untuk Melakukan validasi
akun
2 Password Textbox Untuk mengecek kecocokan
data email yang akan
melakukan login
59
3 Login Button Untuk mengeksekusi jika
email dan password benar
B. Halaman Utama
Desain form halaman utama administrator memiliki 3 menu, yaitu Data
Master, Transaksi, dan Laporan. Menu master memiliki 3 menu sub yaitu master
user, master kendaraan, master TPS. Menu transaksi memiliki 3 sub menu yaitu
Jadwal, transaksi TPS dan transaksi maintenance kendaraan. Menu Laporan
memiliki 5 sub menu yaitu Laporan Jadwal, Laporan Penggunaan kendaraan,
laporan Maintenance Kendaraan, Laporan ketersediaan kendaraan, Laporan Sopir.
Desain form halaman utama ini dapat dilihat pada Gambar 3.28
Gambar 3.28 Desain Halaman Utama
60
Tabel 3.17 Tabel Fungsional Objek Rancangan Halaman Utama
No Nama Objek Tipe Objek Fungsi
1 Login Button Untuk melakukan validasi
terdapat pada gambar 3.25
2 Total Sampah Hari Ini Dashboard Untuk melihat data transaksi
TPS yang telah dilakukan
3 Total Sisa Sampah Hari
ini
Button Untuk melihat data sampah
yang telah terangkut pada
transaksi TPS
4 Sampah Sekali Angkut Button Untuk Melihat Data Sampah
Sekali Angkut
5 Maintenance Kendaraan Button Untuk Melihat Data
Kendaraan Yang Mengalami
Maintenance
6 Kendaraan Yang Telah
Selesai Di Maintenance
Button Untuk Melihat Data
Kendaraan Yang Telah
Selesai Mengalami
Maintenance
7 Side Menu Home Button Berisikan Halaman Utama
Aplikasi Seperti Pada Gambar
3.26
8 Side Menu Master Button Berisikan Sub Menu Master-
Master dalam aplikasi
9 Sub Menu Master user Button Sub Menu Dari Menu Master
Untuk Mengorganisir Data
User Seperti Pada Gambar
3.27
10 Sub Menu master
kendaraan
Button Sub Menu Dari Menu Master
Untuk Mengorganisir Data
Kendaraan Seperti Pada
Gambar 3.31
11 Sub Menu master jadwal Button Sub Menu Dari Menu Master
Untuk Mengorganisir Data
Jadwal Seperti Pada Gambar
3.37
12 Sub Menu Master TPS Button Sub Menu Dari Menu Master
Untuk Mengorganisir Data
TPS Seperti Pada Gambar
3.39
13 Side Menu Transaksi Button Berisikan Sub Menu
Transaksi
61
No Nama Objek Tipe Objek Fungsi
13 Sub Menu transaksi TPS Button Sub Menu Dari Menu Master
Untuk Mengorganisir Data
Transaksi TPS Seperti Pada
Gambar 3.43
14 Sub Menu Transaksi
Maintenance kendaraan
Button Sub Menu Dari Menu Master
Untuk Mengorganisir Data
Transaksi Maintenance
Kendaraan Seperti Pada
Gambar 3.45
15 Side Menu Laporan Button Berisikan Laporan-Laporan
Yang Dibutuhkan
16 Side Menu Laporan
Angkutan Sopir
Button Menampilkan Laporan
angkutan Sopir Seperti Pada
Gambar 3.47
17 Side Menu laporan
maintenance kendaraan
Button Menampilkan Laporan
Maintenance Kendaraan
Seperti Pada Gambar 3.48
18 Side Menu laporan
kendaraan tersedia
Button Menampilkan Laporan
Kendaraan Tersedia Seperti
Pada Gambar 3.49
19 Side Menu Laporan
Sampah Harian
Button Menampilkan Laporan
Sampah Harian Seperti Pada
Gambar 3.50
20 Side Menu laporan
kineja sopir
Button Menampilkan Laporan
Kinerja Sopir Seperti Pada
Gambar 3.51
C. Halaman Master User
Halaman ini digunakan oleh user untuk menambah, mengubah, dan
menghapus data user. Untuk menambah data user terdapat 6 inputan yang harus
diisi yaitu id bagian, id tps, nama, lengkap, email, password, dan nomor telepon.
Yang bertugas melakukan data ini adalah staff DKP pada Dinas Kebersihan Dan
Pertamanan Kota Surabaya. Desain halaman master User digambarkan pada
Gambar 3.29 dan 3.30.
62
Gambar 3.29 Desain Halaman Master User
Tabel 3.18 Tabel Fungsi Objek Rancangan Halaman Master User
No Nama Objek Tipe Objek Fungsi
1 Add user Button Menambah Semua Field Pada
Form Data Master User
2 List User Data Table Menampilkan Data User
Yang Telah Tersimpan
3 Hapus Button Menghapus Field Pada Data
Master User
4 Edit Button Mengubah Field Pada Data
Master User
63
Gambar 3.30 Desain Form Input User
Tabel 3.19 Tabel Fungsi Objek Rancangan Form Input User
No Nama Objek Tipe Objek Fungsi
1 ID Bagian Combobox Memilih jenis bagian
user(Pimpinan, Operasional,
Maintenance, Sopir)
2 ID TPS Combobox Memilih Lokasi TPS untuk
user operasional
3 Nama Lengkap Textbox Memberi Nama User
4 Email Textbox Memberi Identitas User
5 Password Textbox Memberi Sandi User
6 No HP Textbox Memberi Nomor User
7 Simpan Button Menyimpan field data yag
telah diinputkan
D. Halaman Master User Bagian
Halaman ini digunakan oleh user untuk menambah, mengubah, dan
menghapus data user bagian. Untuk menambah data user bagian terdapat 1 inputan
yang harus diisi yaitu nama bagian. Yang bertugas melakukan data ini adalah staff
64
DKP pada Dinas Kebersihan Dan Pertamanan Kota Surabaya. Desain halaman
master User bagian digambarkan pada Gambar 3.31 dan 3.32.
Gambar 3.31 Desain Halaman Master Bagian
Tabel 3.20 Tabel Fungsi Objek Rancangan Halaman Master Bagian
No Nama Objek Tipe Objek Fungsi
1 Add bagian Button Menambah Semua Field Pada
Form Data Master User
Bagian
2 List bagian Data Table Menampilkan Data User
Bagian Yang Telah
Tersimpan
3 Hapus Button Menghapus Field Pada Data
Master User Bagian
4 Edit Button Mengubah Field Pada Data
Master User Bagian
65
Gambar 3.32 Desain Form Input User Bagian
Tabel 3.21 Tabel Fungsi Objek Rancangan Form Input User Bagian
No Nama Objek Tipe Objek Fungsi
1 Nama Bagian Textbox Memberikan Bagian Baru
2 Simpan Button Menyimpan field data yag
telah diinputkan
E. Halaman Master Kendaraan
Halaman ini digunakan oleh user untuk menambah, mengubah, dan
menghapus data kendaraan. Untuk menambah data kendaraan terdapat 5 inputan
yang harus diisi yaitu id jenis kendaraan, id merk dan type, no rangka, tahun, no
polisi. Yang bertugas melakukan data ini adalah staff DKP pada Dinas Kebersihan
Dan Pertamanan Kota Surabaya. Desain halaman master kendaraan digambarkan
pada Gambar 3.33 dan 3.34.
66
Gambar 3.33 Desain Halaman Master Kendaraan
Tabel 3.22 Tabel Fungsi Objek Rancangan Halaman Master Kendaraan
No Nama Objek Tipe Objek Fungsi
1 Add Kendaraan Button Menambah Semua Field Pada
Form Data Master User
Bagian
2 List Kendaraan Data Table Menampilkan Data User
Bagian Yang Telah
Tersimpan
3 Hapus Button Menghapus Field Pada Data
Master User Bagian
4 Edit Button Mengubah Field Pada Data
Master User Bagian
67
Gambar 3.34 Desain Form Input Master Kendaraan
Tabel 3.23 Tabel Fungsi Objek Rancangan Form Input Kendaraan
No Nama Objek Tipe Objek Fungsi
1 Id jenis kendaraan Combobox Memilih jenis Kendaraan
(Compactor, Dump Truck,
Hyd Cont/Arm Roll 6m3, Hyd
Cont/Arm Roll 8m, Hyd3
Cont/Arm Roll 14m3)
2 Id merk dan type Combobox Memilih Jenis Merk Dan
Type Kendaraan(Toyota,
Hino, Isuzu)
3 No rangka Textbox Memberi No rangka
Kendaraan
4 Tahun Textbox Memberi Tahun Kendaraan
5 No polisi TextBox Memberi No Polisi
Kendaraan
6 Simpan Button Menyimpan field data yag
telah diinputkan
F. Halaman Master Jenis Kendaraan
Halaman ini digunakan oleh user untuk menambah, mengubah, dan
menghapus data jenis kendaraan. Untuk menambah data jenis kendaraan terdapat 1
68
inputan yang harus diisi yaitu jenis kendaraan. Yang bertugas melakukan data ini
adalah staff DKP pada Dinas Kebersihan Dan Pertamanan Kota Surabaya. Desain
halaman master jenis kendaraan digambarkan pada Gambar 3.35 dan 3.36
Gambar 3.35 Desain Halaman Master Jenis Kendaraan
Tabel 3.24 Tabel Fungsi Objek Rancangan Halaman Master Jenis Kendaraan
No Nama Objek Tipe Objek Fungsi
1 Add Jenis Kendaraan Button Menambah Semua Field Pada
Form Data Master Jenis
Kendaraan
2 List Jenis Kendaraan Data Table Menampilkan Data Jenis
Kendaraan Yang Telah
Tersimpan
3 Hapus Button Menghapus Field Pada Data
Master Jenis Kendaraan
4 Edit Button Mengubah Field Pada Data
Master Jenis Kendaraan
69
Gambar 3.36 Desain Form Input Master Jenis Kendaraan
Tabel 3.25 Tabel Fungsi Objek Rancangan Form Input Master Jenis Kendaraan
No Nama Objek Tipe Objek Fungsi
1 Jenis Kendaraan Textbox Memberikan Jenis Kendaraan
Baru
2 Simpan Button Menyimpan field data yag
telah diinputkan
G. Halaman Master Merk Dan Type Kendaraan
Halaman ini digunakan oleh user untuk menambah, mengubah, dan
menghapus data merk dan Type kendaraan. Untuk menambah data merk & type
kendaraan terdapat 1 inputan yang harus diisi yaituid merk & type Yang bertugas
melakukan data ini adalah staff DKP pada Dinas Kebersihan Dan Pertamanan Kota
Surabaya. Desain halaman master merk & Type digambarkan pada Gambar 3.37
dan 3.38.
70
Gambar 3.37 Desain Halaman Master Merk Dan Type
Tabel 3.26 Tabel Fungsi Objek Rancangan Halaman Merk Dan Type
No Nama Objek Tipe Objek Fungsi
1 Add merk dan type Button Menambah Semua Field Pada
Form Data Master Merk Dan
Type
2 List merk dan type Data Table Menampilkan Data Merk Dan
Type Yang Telah Tersimpan
3 Hapus Button Menghapus Field Pada Data
Master Merk Dan Type
4 Edit Button Mengubah Field Pada Data
Master Merk Dan Type
71
Gambar 3.38 Desain Form Input Master Merk Dan Type
Tabel 3.27 Tabel Fungsi Objek Rancangan Form Input Master Merk Dan Type
No Nama Objek Tipe Objek Fungsi
1 Merk Dan Type Textbox Memberikan Merk Dan Type
Baru
2 Simpan Button Menyimpan field data yag
telah diinputkan
H. Halaman Master TPS
Halaman ini digunakan oleh user untuk menambah, mengubah, dan
menghapus data TPS. Untuk menambah data TPS terdapat 3(tiga) inputan yang
harus diisi yaitu nama tps, lokasi tps, id kecamatan. Yang bertugas melakukan data
ini adalah staff DKP pada Dinas Kebersihan Dan Pertamanan Kota Surabaya.
Desain halaman master tps digambarkan pada Gambar 3.39 dan 3.40.
72
Gambar 3.39 Desain Halaman Master TPS
Tabel 3.28 Tabel Fungsi Objek Rancangan Halaman Master TPS
No Nama Objek Tipe Objek Fungsi
1 Add TPS Button Menambah Semua Field Pada
Form Master Data TPS
2 List TPS Data Table Menampilkan Data TPS Yang
Telah Tersimpan
3 Hapus Button Menghapus Field Pada Data
Master TPS
4 Edit Button Mengubah Field Pada Data
Master TPS
73
Gambar 3.40 Desain Form Input Master TPS
Tabel 3.29 Tabel Fungsi Objek Rancangan Form Input Master TPS
No Nama Objek Tipe Objek Fungsi
1 Nama TPS Textbox Memberikan Nama TPS Baru
2 Lokasi TPS Textbox Memberikan Lokasi TPS
Baru
3 ID Kecamatan Combobox Memilih Lokasi Kecamatan
TPS Baru (Kec. Bubutan,
Kec. Simokerto, Kec.Genteng
Dll.)
4 Simpan Button Menyimpan field data yag
telah diinputkan
I. Halaman Master TPS Kecamatan
Halaman ini digunakan oleh user untuk menambah, mengubah, dan
menghapus data kecamatan. Untuk menambah data kecamatan terdapat 1(satu)
inputan yang harus diisi yaitu nama kecamatan. Yang bertugas melakukan data ini
74
adalah staff DKP pada Dinas Kebersihan Dan Pertamanan Kota Surabaya. Desain
halaman master TPS kecamatan digambarkan pada Gambar 3.41 dan 3.42.
Gambar 3.41 Desain Halaman Master Kecamatan
Tabel 3.30 Tabel Fungsi Objek Rancangan Halaman Master Kecamatan
No Nama Objek Tipe Objek Fungsi
1 Add Kecamatan Button Menambah Semua Field Pada
Form Master Data Kecamatan
2 List Kecamatan Data Table Menampilkan Data
Kecamatan Yang Telah
Tersimpan
3 Hapus Button Menghapus Field Pada Data
Master Kecamatan
4 Edit Button Mengubah Field Pada Data
Master Kecamatan
75
Gambar 3.42 Desain Form Input Master Kecamatan
Tabel 3.31 Tabel Fungsi Objek Rancangan Form Input Master Kecamatan
No Nama Objek Tipe Objek Fungsi
1 Nama Kecamatan Textbox Memberikan Nama
Kecamatan Baru
2 Simpan Button Menyimpan field data yag
telah diinputkan
J. Halaman Transaksi Jadwal
Halaman ini digunakan oleh user untuk menambah, mengubah, dan
menghapus data jadwal. Untuk menambah data jadwal terdapat 8(delapan) inputan
yang harus diisi yaitu sopir, id kendaraan, tanggal, tps 1, tps 2, tps 3, tps 4, tps 5
dimana inputan tps 2 sampai 5 diberikan untuk tugas pengangkutan tambahan.
Yang bertugas melakukan data ini adalah staff DKP pada Dinas Kebersihan Dan
Pertamanan Kota Surabaya. Desain halaman master jadwal digambarkan pada
Gambar 3.43 dan 3.44.
76
Gambar 3.43 Desain Master Jadwal
Tabel 3.32 Tabel Fungsi Objek Rancangan Halaman Master Jadwal
No Nama Objek Tipe Objek Fungsi
1 Add jadwal Button Menambah Semua Field Pada
Form Data Jadwal
2 List Jadwal Data Table Menampilkan Data Jadwal
Yang Telah Tersimpan
3 Hapus Button Menghapus Field Pada Data
Master Jadwal
4 Edit Button Mengubah Field Pada Data
Master Jadwal
Gambar 3.44 Desain Form input Master Jadwal
77
Tabel 3.33 Tabel Fungsi Objek Rancangan Halaman Master Jadwal
No Nama Objek Tipe Objek Fungsi
1 Sopir Combobox Memilih Sopir Yang Akan
Bertugas (Sopir 1, Sopir 2,
Sopir 3 Dll)
2 ID Kendaraan Combobox Memilih Jenis Kendaraan
Kendaraan (L8044RP,
L8044TP, L8045PP Dll.)
3 Tanggal Datepicker Memilih Tanggal Jadwal
Akan Dilaksanakan
4 TPS 1 Combobox Memilih TPS Yang Akan
Dijadwalkan (Demak Kali,
Bubutan, Penghela Dll.)
5 TPS 2 Combobox Memilih TPS Yang Akan
Dijadwalkan Kendaraan
(Demak Kali, Bubutan,
Penghela Dll.)
6 TPS 3 Combobox Memilih TPS Yang Akan
Dijadwalkan (Demak Kali,
Bubutan, Penghela Dll.)
7 TPS 4 Combobox Memilih TPS Yang Akan
Dijadwalkan (Demak Kali,
Bubutan, Penghela Dll.)
8 TPS 5 Combobox Memilih TPS Yang Akan
Dijadwalkan (Demak Kali,
Bubutan, Penghela Dll.)
9 Simpan Button Menyimpan field data yag
telah diinputkan
K. Halaman Transaksi Maintenance Kendaraan
Halaman ini digunakan oleh user untuk menambah, mengubah, dan
menghapus data transaksi maintenance kendaraan. Untuk menambah data transaksi
maintenance terdapat 6(enam) inputan yang harus diisi yaitu id kendaraan, sopir,
tanggal kerusakan, keterangan, tanggal estimasi perbaikan, pengerjaan. Yang
bertugas melakukan data ini adalah staff DKP dan pemeliharaan pada Dinas
Kebersihan Dan Pertamanan Kota Surabaya. Desain halaman transaksi
maintenance kendaraan digambarkan pada Gambar 3.45 dan 3.46.
78
Gambar 3.45 Desain Transaksi Maintenance
Tabel 3.34 Tabel Fungsi Objek Rancangan Transaksi Maintenance
No Nama Objek Tipe Objek Fungsi
1 Add Maintenance Button Menambah Semua Field Pada
Form Transaksi Maintenance
2 List Maintenance Data Table Menampilkan Data Transaksi
Maintenance Yang Telah
Tersimpan
3 Hapus Button Menghapus Field Pada Data
Transaksi Maintenance
4 Edit Button Mengubah Field Pada Data
Transaksi Maintenance
5 OK/Selesai Button Menyelesaikan Field Pada
Data Transaksi Maintenance
selesai
79
Gambar 3.46 Desain Form Input Transaksi Maintenance
Tabel 3.35 Tabel Fungsi Objek Rancangan Form Input Transaksi Maintenance
No Nama Objek Tipe Objek Fungsi
1 ID kendaraan Combobox Memilih Lokasi Kecamatan
TPS Baru (L8044RP,
L8044TP, L8045PP Dll.)
2 Sopir Combobox Memilih Lokasi Kecamatan
TPS Baru (Sopir 1, Sopir 2,
Sopir 3 Dll.)
3 Tanggal Kerusakan Datetimepicker Memilih Tanggal Kerusakan
Kendaraan Akan di
Maintenance
4 Keterangan Textbox Menginputkan Keterangan
Kendaraan Yang Akan Di
Maintenance
5 Tanggal estimasi
perbaikan
Datetimepicker Memilih Tanggal Estimasi
Perbaikan Kendaraan Yang
Akan di Maintenance Sesuai
Kondisi
6 Kondisi Combobox Memilih Kategori Kondisi
Kerusakan Kendaraan (Rusak
Berat, Ringan, Sedang.)
7 Pengerjaan Textbox Menyimpan field data yag
telah diinputkan
80
No Nama Objek Tipe Objek Fungsi
8 Simpan Button Menyimpan field data yag
telah diinputkan
L. Halaman Transaksi TPS
Halaman ini digunakan oleh user untuk menambah, mengubah, dan
menghapus data transaksi tps. Untuk menambah data transaksi tps terdapat 7(tujuh)
inputan yang harus diisi yaitu tanggal, id jadwal, sopir, sampah sekarang, jumlah
angkut, sisa yang belum terangkut, dan keterangan. Yang bertugas melakukan data
ini adalah staff DKP pada Dinas Kebersihan Dan Pertamanan Kota Surabaya.
Desain halaman transaksi tps digambarkan pada Gambar 3.47 dan 3.48.
Gambar 3.47 Desain Transaksi TPS
Tabel 3.36 Tabel Fungsi Objek Rancangan Transaksi TPS
No Nama Objek Tipe Objek Fungsi
1 Add Transaksi TPS Button Menambah Semua Field Pada
Form Transaksi TPS
2 List Transaksi TPS Data Table Menampilkan Data Transaksi
TPS Yang Telah Tersimpan
3 Hapus Button Menghapus Field Pada Data
Transaksi TPS
4 Edit Button Mengubah Field Pada Data
Transaksi TPS
81
Gambar 3.48 Desain Form Input Transaksi TPS
Tabel 3.37 Tabel Fungsi Objek Rancangan Halaman Form Input Transaksi TPS
No Nama Objek Tipe Objek Fungsi
1 Tanggal Dan Jam Datetimepicker Memilih Tanggal Transaksi
Pengangkutan TPS
2 TPS Combobox Memilih Lokasi TPS Yang Akan
Dilakukan Transaksi
Pengangkutan (Demak Kali,
Dipo Pringadi, Penghela Dll.)
3 Id jadwal Combobox Memilih ID jadwal TPS (1, 2, 3
Dll.)
4 Sampah Sekarang Textbox Menginputkan jumlah sampah
yang berada pada TPS yang akan
dikalkulasi dengan jumlah muat
kendaraan pengangkut
5 Jumlah Angkut Textbox Menginputkan jumlah maksimal
kendaraan pengangkut yang
dikalkulasikan dengan jumlah
sampah sekarang
6 Sekali Muat Radio button Untuk Menandakan Sampah
terangkut semua dan tidak ada
sisa sampah pada TPS
7 Sisa Textbox Hasil Kalkulasi dari Sampah
sekarang dan jumlah agkut
82
No Nama Objek Tipe Objek Fungsi
kendaraan yang menandakan
apakah sampah telah terangkut
semua atau masih ada sisa pada
TPS
8 Keterangan Textbox Menginputkan Keterangan
Manual Untuk Transaksi TPS
Yang Telah Selesai
Dilaksanakan
9 Simpan Button Menyimpan field data yag telah
diinputkan
M. Desain Laporan Angkutan Sopir
Halaman ini menampilkan laporan Angkutan Sopir. Laporan ditampilkan
dalam bentuk tabel dan grafik. Laporan ini dapat dicetak bila diperlukan. Gambar
3.49 menunjukkan tampilan laporan angkutan sopir.
Gambar 3.49 Desain Laporan Angkutan Sopir
83
N. Desain Laporan Maintenance Kendaraan
Halaman ini menampilkan laporan maintenance kendaraan. Laporan
ditampilkan dalam bentuk tabel dan grafik. Laporan ini dapat dicetak bila
diperlukan. Gambar 3.50 menunjukkan tampilan laporan maintenance kendaraan.
Gambar 3.50 Desain Laporan Maintenance Kendaraan
O. Desain Laporan Ketersediaan Kendaraan
Halaman ini menampilkan laporan ketersediaan kendaraan. Laporan
ditampilkan dalam bentuk tabel dan grafik. Laporan ini dapat dicetak bila
diperlukan. Gambar 3.51 menunjukkan tampilan laporan ketersediaan kendaraan.
84
Gambar 3.51 Desain Laporan Ketersediaan Kendaraan
P. Desain Laporan Sampah Sampah Harian
Halaman ini menampilkan laporan sampah harian. Laporan ditampilkan
dalam bentuk tabel dan grafik. Laporan ini dapat dicetak bila diperlukan. Gambar
3.52 menunjukkan tampilan laporan sampah harian.
Gambar 3.52 Desain Laporan Sampah Harian
Q. Desain Laporan Kinerja Sopir
Halaman ini menampilkan laporan kinerja sopir. Laporan ditampilkan
dalam bentuk tabel dan grafik. Laporan ini dapat dicetak bila diperlukan. Gambar
3.53 menunjukkan tampilan laporan kinerja sopir.
85
Gambar 3.53 Desain Laporan Kinerja Sopir
3.3 Construction
3.3.1 Perancangan Uji Coba Sistem
Setelah melakukan perancangan dan desain sistem informasi operasional
dan maintenance kendaraan pengangkut sampah, maka tahap selanjutnya adalah
melakukan perencanaan atas uji coba sistem informasi yang akan dilakukan setelah
sistem informasi selesai dibangun. Uji coba ini dilakukan untuk mengetahui apakah
sistem informasi yang dibuat telah sesuai dengan kebutuhan pihak Dinas
Kebersihan Dan Pertamanan. Uji coba ini dilakukan dengan subjek uji coba
perorangan dan juga dilakukan uji coba dengan black box testing.
A. Perancangan Uji Coba Form Login
Proses ini Bertujuan untuk mengetahui apakah fungsi melakukan koneksi
ke database dan dalam melakukan verifikasi id pegawai dan password. Otorisasi
dapat dieksekusi dengan benar. Hasil uji coba melakukan login dapat dilihat pada
tabel 3.33
86
Tabel 3.38 Desain Uji Coba Form Login
Nama_Field Data_1
Email [email protected]
Password Admin1
Tabel 3.39 Rancangan Uji Coba Form Login
NO Deskripsi Prosedur
pengujian Masukan
Output yang
diharapkan
1 Pengujian
Form Login
Check username
dan Password
benar
Inputkan Email dan
password lalu
tekan tombol
‘login’
Tampilan
Form Menu
Utama
2 Pengujian
Form Login
Check Username,
dan Password
dengan inputan
salah
Inputkan
sembarang Email
dan password lalu
tekan tombol
‘login’
Muncul
notifikasi
bahwa data
tidak terekam
pada database
3 Pengujian
Form Login
Check username
tidak diisi
tidak ada Input
pada username
Tampilan
Form
peringatan
username
harus diisi
4 Pengujian
Form Login
Check Password
tidak diisi
tidak ada input
pada Password
Tampilan
Form
peringatan
Password
belum diisi
B. Desain Uji Coba Master
Data kendaraan yang dimasukkan oleh Staff DKP sebagai Perimeter untuk
memasukkan data penerimaan barang ke dalam database.
Tabel 3.40 Desain Uji Coba Master Kendaraan
Nama_Field Data_1
Jenis Kendaraan ID Compactor
Merk Dan Type Hino FF172LA
No Rangka FF172LA10061
Tahun 1986
No Polisi L8048SP
87
Tabel 3.41 Rancangan Uji Coba Master Kendaraan
NO Deskripsi Prosedur
Pengujian Masukan
Output yang
diharapkan
3 Pengujian
Master
Kendaraan
Menambah
data
kendaraan
Memilih tombol
“Add Kendaraan ”
inputkan data Jenis
kendraan ID, Merk
dan Type ID, no
rangka, tahun, no
polisi, kemudian
tekan
tombol”Simpan”
Data Kendaraan
Berhasil
Tersimpan Dan
Tampil Pada Tabel
Data Kendaraan
4 Pengujian
Master
Kendaraan
Mengubah
data
kendaraan
Memilih tombol
“edit” ubah data
Jenis kendraan ID,
Merk dan Type ID,
no rangka, tahun,
no polisi yang akan
diubah kemudian
tekan tombol
‘simpan’.
Data Kendaraan
Berhasil Diubah
Dan Tampil Pada
Tabel Data
Kendaraan
5 Pengujian
Master
Kendaraan
Menghindari
data
kendaraan
kosong
Masukkan data
kendaraan dengan
mengosongkan
salah satu field
kemudian menekan
tombol’simpan’.
Muncul pesan
“harap isi bidang
ini” dan tidak
tersimpan pada
tabel kendaraan
6 Pengujian
Master
Kendaraan
Menghindari
data
kendaraan
yang sama
Lakukan proses
menambah atau
mengubah data
penyakit.
Masukkan data
jenis kendaraan
yang sama,
kemudian tekan
tombol ‘Simpan’
Muncul pesan
‘data sudah ada ’
dan tidak
tersimpan pada
tabel kendaraan
88
C. Desain Uji Coba Transaksi Maintenance Kendaraan
Proses ini bertujuan untuk menguji keberhasilan proses transaksi
maintenance kendaraan.
Tabel 3.42 Desain Uji Coba Transaksi Maintenance Kendaraan
Nama_Field Data_1
ID Kendaraan L8044RP
Sopir Vyan
Tanggal Kerusakan 23-3-2017
Keterangan Ganti Oli
Tanggal Estimasi Perbaikan 24-3-2017
Kondisi Ringan
Pengerjaan Dalam Proses
Tabel 3.43 Rancangan Uji Coba Transaksi Maintenance Kendaraan
NO Deskripsi Prosedur
Penhujian Masukan
Output yang
diharapkan
7 Pengujian
Transaksi
Maintenance
Kendaraan
Menambah data
Transaksi
Maintenance
Kendaraan
Memilih tombol
‘add maintenance’
inputkan data
kendraan ID, Sopir
ID, Tanggal
Kerusakan,
Keterangan,
Tanggal estimasi
Perbaikan,Kondisi,
Pengerjaan,
kemudian tekan
‘simpan’.
Data Transaksi
Maintenance
Kendaraan
Berhasil
Tersimpan Dan
Tampil Pada
Tabel
Maintenance
Kendaraan
8 Pengujian
Transaksi
Maintenance
Kendaraan
Menambahkan
data Transaksi
Maintenance
kendaraan
dengan data
yang sama
Lakukan proses
menambah atau
mengubah data
penyakit.
Masukkan data
jenis kendaraan
yang sama,
kemudian tekan
tombol ‘Simpan’
Muncul pesan
‘data sudah ada
’ dan tidak
tersimpan pada
tabel
maintenance
kendaraan
89
NO Deskripsi Prosedur
Penhujian Masukan
Output yang
diharapkan
9 Pengujian
Transaksi
Maintenance
Kendaraan
Melakukan
warning system
terhadap Id
kendaraan yang
sudah
dilakukan
maintenance
Memilih tombol
‘add maintenance’
inputkan data
kendraan ID
kemudian tekan
‘simpan’.
Akan mucul
pesan
‘kendaraan
sedang
dilakukan
maintenance’
dan tidak
tersimpan pada
tabel transaksi
maintenance
10 Pengujian
Transaksi
Maintenance
Kendaraan
Melakukan
warning system
terhadap ID
kendaraan yang
sama dengan
kendaraan
sudah
dilakukan
maintenance
Memilih tombol
‘add maintenance’
inputkan data
kendraan ID yang
pernah tersimpan
dalam database
kemudian tekan
‘simpan’.
Akan mucul
pesan
‘kendaraan
Sudah
Dilaporkan Dan
Diproses Untuk
maintenance
Oleh Supir
ID/bagian
Pemeliharaan’
dan tidak
tersimpan pada
tabel transaksi
maintenance
Contoh :
kendaraan
Sedang
Dilakukan
maintenance
Oleh Sopir 01’
90
NO Deskripsi Prosedur
Penhujian Masukan
Output yang
diharapkan
11 Pengujian
Transaksi
Maintenance
Kendaraan
Melakukan
warning system
terhadap
kendaraan yang
masih
maintenance
dalam kondisi
jika kendaraan
tersebut akan
dijadwalkan
untuk
pengangkutan
Memilih tombol
‘add maintenance’
inputkan data
tentukan tanggal
Masuk
maintenance dan
tanggal estimasi
perbaiakan yang
pernah tersimpan
dalam database
kemudian tekan
‘simpan’.
Selama
kendaraan
dalam masa
maintenance
kendaraan tidak
dapat
dijadwalkan
pada MASTER
JADWAL
untuk
pengangkutan
dan apabila
kendaraan
dipilih untuk
melakukan
pengangkutan
akan muncul
warning system
‘kendaraan
masih dalam
maintenance’
12 Pengujian
Transaksi
Maintenance
Kendaraan
Melakukan
warning system
terhadap ID
kendaraan yang
sudah
dilakukan
maintenance
Memilih tombol
‘add maintenance’
inputkan data
kendraan ID
kemudian tekan
‘simpan’.
Akan mucul
pesan
‘kendaraan
sedang
dilakukan
maintenance’
dan tidak
tersimpan pada
tabel transaksi
maintenance
13 Pengujian
Transaksi
Maintenance
Kendaraan
Menambah data
Transaksi
Maintenance
Kendaraan
dengan data
Sopir yang
telah digunakan
Memilih tombol
‘add maintenance’
pilih data Sopir
yang telah
digunakan pada
field yang tersedia
Muncul pesan
‘Sopir Sudah
Melakukan
Pelaporan
Maintenance
dengan
kendaraan lain’
dan tidak
tersimpan pada
tabel
91
NO Deskripsi Prosedur
Penhujian Masukan
Output yang
diharapkan
maintenance
kendaraan
14 Pengujian
Master
Transaksi
Maintenance
Kendaraan
Mengubah data
Transaksi
Maintenance
Kendaraan
Memilih tombol
‘edit’ubah data
kendraan ID, Sopir
ID, Tanggal
Kerusakan,
Keterangan,
Tanggal estimasi
Perbaikan,Kondisi,
Pengerjaan
kemudian tekan
tombol‘simpan’
Data Transaksi
Maintenance
Kendaraan
Berhasil
Diubah Dan
Tampil Pada
Tabel
Maintenance
Kendaraan
15 Pengujian
Transaksi
Maintenance
Kendaraan
Menghindari
data kendaraan
kosong
Masukkan data
Maintenance
kendaraan dengan
mengosongkan
salah satu field
kemudian menekan
tombol’simpan’.
Muncul pesan
“harap isi
bidang ini” dan
tidak tersimpan
pada tabel
maintenance
kendaraan
D. Desain Uji Coba Transaksi TPS
Data Transaksi TPS yang dimasukkan oleh petugas digunakan sebagai
parameter untuk memasukkan data pengeluaran barang ke dalam database.
Tabel 3.44 Desain Uji Coba Transaksi TPS
Nama_Field Data_1
Tanggal Dan Jam 23-3-2017
TPS Demak Kali
Jadwal ID 8
Sampah Sekarang 90
Jumlah Angkut 45
Sisa 5
Keterangan Sisa 5
Tabel 3.45 Rancangan Uji Coba Transaksi TPS
NO Deskripsi
Prosedur
Penhujian Masukan
Output yang
diharapkan
16 Pengujian
Master
Menambah data
Transaksi TPS
Memilih tombol
‘add Transaksi
TPS ’dan inputkan
Data Transaksi
TPS Berhasil
Tersimpan
92
NO Deskripsi
Prosedur
Penhujian Masukan
Output yang
diharapkan
Transaksi
TPS
data Tanggal dan
jam, ID jadwal
Sampah Sekarang,
Jumlah Angkut,
Sisa, Keterangan.
Kemudian tekan
tombol ‘simpan’.
Dan Muncul
Pada Tabel
Transaksi TPS
17 Pengujian
Master
Transaksi
TPS
Melakukan
warning system
terhadap jumlah
angkut yang
sudah di inputkan
pada transaksi
TPS
Inputkan data
pada Jumlah
Angkut sampah
diatas 45m3
Muncul pesan
peringatan
jumlah Angkut
Tidak Bisa
Lebih dari
45m3
18 Pengujian
Master
Transaksi
TPS
Melakukan
warning system
terhadap hasil
akumulasi dari
sampah pada
TPS dan jumlah
angkut yang
sudah di inputkan
pada transaksi
TPS
Inputkan data
pada field sampah
sekarang dan
jumlah angkut
kemudian tekan
tombol ‘simpan’
Jika hasil Input
dari akumulasi
sampah
sekarang dan
Jumlah
angkutan
terdapat sisa
akan muncul
pesan
peringatan
‘Masih
Terdapat Sisa
Sampah Pada
TPS’
Contoh :
Masih terdapat
Sisa Sampah
Pada TPS
Demak Kali.
19 Pengujian
Master
Transaksi
TPS
Mengubah data
Transaksi TPS
Memilih tombol
‘Edit’ ubah data
Tanggal dan jam,
ID jadwal
Data Transaksi
TPS Berhasil
Diubah Dan
Muncul Pada
93
NO Deskripsi
Prosedur
Penhujian Masukan
Output yang
diharapkan
Sampah Sekarang,
Jumlah Angkut,
Sisa, Keterangan
kemudian tekan
tombol ‘simpan’
Tabel
Transaksi TPS
20 Pengujian
Master
Transaksi
TPS
Menghindari data
Transaksi TPS
kosong
Masukkan data
Transaksi TPS
dengan
mengosongkan
salah satu field
kemudian
menekan
tombol’simpan’.
Muncul pesan
“harap isi
bidang ini”
dan tidak
tersimpan pada
tabel transaksi
TPS
21 Pengujian
Master
Transaksi
TPS
Menghindari data
Transaksi TPS
yang sama
Lakukan proses
menambah atau
mengubah data
Transaksi TPS.
Masukkan data ID
TPS yang sama,
kemudian tekan
tombol ‘Simpan’
Muncul pesan
‘data sudah
ada ’ dan tidak
tersimpan pada
tabel Transaksi
TPS
E. Desain Uji Coba Laporan
Untuk menampilkan laporan diperlukan beberapa parameter yang
digunakan untuk menyusun query pada database, sehingga sistem dapat
menampilkan laporan dengan hasil sesuai kebutuhan pengguna
Tabel 3.46 Desain Uji Coba Laporan
NO Tujuan Input Output yang
diharapkan
22 Menampilkan Laporan
Angkutan
Tanggal
Transaksi
Menampilkan Laporan
Angkutan
23 Menampilkan Laporan
Maintenance Kendaraan
Tanggal
Transaksi
Menampilkan Laporan
Maintenance Kendaraan
24 Menampilkan Laporan
Kendaraan Tersedia
Tanggal
Transaksi
Menampilkan Laporan
Kendaraan Tersedia
25 Menampilkan Laporan
Sampah Harian
Tanggal Menampilkan Laporan
Sampah Harian
26 Menampilkan Laporan
Kinerja Sopir
Tanggal
Transaksi
Menampilkan Laporan
Kinerja Sopir