BAB III PERANCANGAN SISTEM. Tabel 3.1 Metode Penelitian. No. Tahapan Kegiatan

(1)

18

Observasi Wawancara Studi Pustaka

Analisis Kebutuhan Pengguna Analisis Kebutuhan Kebutuhan fungsional Design Interface Process Modelling Design Interface

CDM & PDM System 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

(2)

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

(3)

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.

(4)

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

(5)

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.1Monitoring kinerja pengangkutan sampah dan Maintenance kendaraan

1.2Mengetahui Setiap aktifitas kegiatan dalam setiap transaksi sampah

1.3Mengetahui laporan-laporan

perkembangan sampah

1.1Dapat memonitoring hasil kinerja pengangkutan sampah, Maintenance kendaraan dan melihat hasil Laporan kegiatan 1.2Dapat mengetahui dan

melakukan aktifitas dalam aplikasi 1.3Dapat mengetahui

kegiatan yang akan tercetak dalam laporan kegiatan operasional DKP

2 Operasional DKP 2.1Melakukan aktivitas penambahan user 2.2Melakukan aktivitas penjadwalan 2.3Melakukan aktifitas penambahan kendaraan 2.4Melakukan Transaksi Pengangkutan Sampah TPS 2.5Melakukan Transaksi Maintenance Kendaraan 2.6Melakukan pembuatan laporan

2.1Dapat membuat user baru 2.2Dapat menambah, mengubah dan menghapus jadwal 2.3Dapat menambah, mengubah dan menghapus Data Kendraan 2.4Dapat melakukan aktivitas inputan transksi pengangkutan sampah

2.5Dapat melakukan inputan transaksi maintenance kendaraan pengangkut sampah

2.6Dapat melakukan cetak laporan secara realtime

3 Pemeliharaan 3.1Melakukan pelayanan perbaikan kendaraan 3.2Mendata kendaraan

yang mengalami perbaikan

3.3Mencari kendaraan pengganti untuk sopir yang kendaraannya mengalami perbaikan

3.1Memastikan kendaraan dapat ditangani dengan tepat

3.2Memastikan kendaraan yang mengalami

perbaikan dengan tepat 3.3Memastikan kendaraan

(6)

3.4Melakukan aktivitas pembaruan status perbaikan kendaraan 3.5Melakukan manajemen data kendaraan 3.4Dapat melakukan perubahan dari status kendaraan yang sebelumnya dalam keadaan maintenance menjadi selesai di maintenance

3.5Memastikan data seluruh kendaraan diinputkan kedalam sistem

4 Sopir DKP 4.1Melakukan aktivitas pengecekan jadwal 4.2Melakukan aktivitas pelaporan kendaraan maintenance 4.3Melakukan pengangkutan ke TPS 4.1Dapat melakukan pengecekan jadwal 4.2Dapat melakukan inputan

pelaporan kendaraan yang akan di maintenance ke bagian maintenance 4.3Memastikan 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.1Dapat memonitoring hasil kinerja

pengangkutan sampah, Maintenance kendaraan dan melihat hasil Laporan kegiatan 1.2Dapat mengetahui dan

melakukan aktifitas dalam aplikasi 1.3Dapat mengetahui

kegiatan yang akan tercetak dalam laporan kegiatan operasional DKP

1.1Fungsi dapat melakukan pengecekan setiap form aplikasi dari master sampai ke laporan 1.2Fungsi dapat melakukan

control data karena sebagai user privilege tertinggi

1.3Fungsi dapat melakukan cetak laporan untuk mengetahui jumlah sampah hari ini

(7)

2 Operasional DKP

2.1Dapat membuat user baru 2.2Dapat menambah, mengubah dan menghapus jadwal 2.3Dapat menambah, mengubah dan menghapus Data Kendraan 2.4Dapat melakukan aktivitas inputan transksi pengangkutan sampah 2.1Dapat melakukan inputan transaksi maintenance kendaraan pengangkut sampah 2.2Dapat melakukan cetak

laporan secara realtime

2.3Fungsi add user pembuatan user baru 2.4Fungsi add Jadwal untuk

menambahkan, mengubah dan menghapus jadwal 2.5Fungsi add kendaraan

untuk menambah , mengubah dan menghapus data kendaraan

2.6Fungsi add transaksi TPS untuk melakukan

transaksi pengangkutan sampah

2.5Fungsi add Maintenance untuk melakukan

transaksi perbaikan kendaraan

2.6Fungsi mengelola laporan dari hasil inputan master dan transaksi

3 Pemeliharaan DKP

3.1Dapat melakukan inputan data kendaraan yang akan dilakukan dan dalam perbaikan/ maintenance

3.2Dapat melakukan perubahan dari status kendaraan yang sebelumnya dalam keadaan maintenance menjadi selesai di maintenance

3.3Fungsi add Maintenance untuk melakukan

transaksi perbaikan kendaraan

3.4Fungsi Approval maintenance untuk merubah status perbaikan kendaraan

4 Sopir DKP 4.1Dapat melakukan pengecekan jadwal 4.2Dapat melakukan

inputan pelaporan kendaraan yang akan di maintenance kepada bagian maintenance

4.1Fungsi jadwal untuk user sopir melihat penjadwalan yang telah ditetapkan oleh bagian operasional 4.2Fungsi 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

(8)

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

(9)

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.

(10)

Maintenance Data Master Pemeliharaan Sistem Mulai Melakukan Login Data_user Melakukan 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 Tidak Tidak 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

(11)

menghapus data. User tinggal memilih jenis master yang dibutuhkan, selanjutnya transaksi yang diinginkan tinggal dijalankan.

Maintenance Data Master

Pemeliharaan Sistem Mulai Melakukan Login Data_user Melakukan 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 Tidak Tidak Tidak Tidak Ya Ya Ya Ya Tidak Tidak Ya _Ya

(12)

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?

Ya Ya

Tidak Tidak

Tidak

(13)

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? Ya Ya Tidak Tidak Tidak Gambar 3.4 System Flow Untuk Master User Bagian

(14)

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? _Kendaraan?Hapus Data Ya Ya

Tidak Tidak

(15)

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? Ya Ya 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.

(16)

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? Ya Ya 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.

(17)

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? Ya Ya

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.

(18)

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? Ya Ya 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.

(19)

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? Ya Ya 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.

(20)

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? Ya Ya Tidak Tidak 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.

(21)

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? Ya Ya Tidak Tidak 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.

(22)

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.

(23)

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

(24)

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

(25)

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

(26)

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

(27)

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

(28)

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

(29)

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 Sampah Laporan 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

(30)

G am ba r 3. 21 D F D l ev el 0 Con te xt D iagr am S is te m I nform as i O pe ra si ona l D an Ma int enanc e K enda ra an P eng ang kut S am pa h Gambar 3.21 DFD level 0 Context

Diagram Sistem Informasi Operasional Dan Maintenance Kendaraan Pengangkut Sampah L a p o ra n K e n d a ra a n T e rs e d ia L a p o ra n M a in te n a n ce O p e ra si o n a l P e m e li h a ra a n P im p in a n S o p ir 1 .1 P e n g e lo la a n M a st e r 1 .3 P e n g e lo la a n L a p o ra n 1 .2 P e n g e lo la a n T ra n sa ks i M e li h a t M e li h a t S im p a n S im p a n S im p a n S o p ir S im p a n S u b S u b W Ia la ya h T P S 1 U se r 2 B a g ia n 3 K e n d a ra a n 5 M e re k d a n T ip e 6 Ja d w a l 7 T P S 9 M a in te n a n ce K e n d a ra a n 4 Je n is K e n d a ra a n 8 W il a ya h 10 S o p ir 11 S u b W il a ya h 12 S u b S u b W Il a ya h S Im p a n U p d a te S im p a n S im p a n S im p a n S im p a n S im p a n M e li h a t M e li h a t M e li h a t L a p o ra n K in e rj a S o p ir L a p o ra n S a m p a h H a ri a n L a p o ra n A n g ku ta n Ja d w a l T P S T P S K e ca m a ta n U se r B a g ia n K e n d a ra a n U p d a te M a in te n a n ce L a p o ra n M a in te n a n ce P e ri o d e In fo K e ru sa ka n In fo Ja d w a l L a p o ra n P e n g a n g ku ta n S a m p a h

(31)

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 Wilayah 5 Merek dan Tipe

4 Jenis Kendaraan

2 Bagian 6 Jadwal

1 User 3 Kendaraan 12 Sub Sub WIlayah

Bagian Kendaraan

Jenis Kendaraan

Merek dan Tipe

Jadwal TPS 1.1.1 Master User 11 Sub Wilayah Kecamatan User

Simpan Simpan Simpan Simpan

Simpan 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 Update Simpan Melihat Simpan Melihat Simpan Sopir Melihat Laporan Maintenance

Update Maintenance Info Kerusakan

Jadwal Simpan Info Jadwal Pemeliharaan Operasional Sopir Melihat

(32)

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

(33)

G am ba r 3.2 5 CD M S is te m I nform as i O pe ra si ona l D an Mai n te nan ce K enda ra an P eng an g kut S am pa h R e la ti o n sh ip _ 1 4 M E M IL IK I M E M IL IK I M E M IL IK I M E M IL IK I M E L A K U K A N M E L A K U K A N M E M IL IK I M E M P U N Y A I M E L A K U K A N M E M IL IK I M E L A K U K A N M E M IL IK I M E M IL IK I M E M IL IK I Je n is K e n d a ra a n id _ je n is _ ke n d a ra a n je n is In te g e r C h a ra ct e rs ( 3 0 ) < M > id _ je n is _ ke n d a ra a n M e rk d a n T yp e id _ m e rk m e rk _ d a n _ typ e In te g e r C h a ra ct e rs ( 5 0 ) < M > id _ m e rk K e n d a ra a n id _ ke n d a ra a n n o _ ra n g ka ta h u n n o _ p o li si In te g e r C h a ra ct e rs ( 2 0 ) C h a ra ct e rs ( 4 ) C h a ra ct e rs ( 1 0 ) < M > id _ ke n d a ra a n S u b W il a ya h id _ ke ca m a ta n n a m a _ ke ca m a ta n In te g e r C h a ra ct e rs ( 3 0 ) < M > id _ ke ca m a ta n T P S id _ tp s n a m a _ tp s lo ka si _ tp s In te g e r C h a ra ct e rs ( 3 0 ) C h a ra ct e rs ( 3 0 ) < M > id _ tp s B a g ia n id _ b a g ia n n a m a _ b a g ia n In te g e r C h a ra ct e rs ( 2 0 ) < M > id _ b a g ia n M a in te n a n ce K e n d a ra a n id _ m a in te n a n ce ca ta ta n ta n g g a l_ ke ru sa ka n ta n g g a l_ e st im a si _ p e rb a ik a n ta n g g a l_ se le sa i_ p e rb a ik a n id _ so p ir ko n d is i p e ke rj a a n In te g e r T e xt D a te D a te D a te In te g e r In te g e r T e xt < M > id _ m a in te n a n ce T ra n sa ks i T P S id _ tr a n sa ks i_ tp s ta n g g a l_ d a n _ ja m ju m la h _ a n g ku t ju m la h _ sa m p a h _ se ka ra n g a n g ku t_ se m u a si sa ke te ra n g a n In te g e r D a te & T im e In te g e r In te g e r B o o le a n In te g e r T e xt < M > id _ tr a n sa ks i_ tp s U se r id _ u se r ko d e _ u se r p a ss w o rd n a m a _ le n g ka p no_hp tpa In te g e r C h a ra ct e rs ( 2 0 ) C h a ra ct e rs ( 2 0 ) C h a ra ct e rs ( 5 0 ) C h a ra ct e rs ( 1 5 ) B o o le a n < M > id _ u se r Ja d w a l id _ ja d w a l ta n g g a l h a ri id _ tp s1 id _ tp s2 id _ tp s3 id _ tp s4 id _ tp s5 In te g e r D a te V a ri a b le ch a ra ct e rs ( 1 0 ) In te g e r In te g e r In te g e r In te g e r In te g e r < M > id _ ja d w a l S o p ir id _ so p ir u se rn a m e p a ss w o rd n a m a _ le n g ka p In te g e r C h a ra ct e rs ( 2 0 ) C h a ra ct e rs ( 2 0 ) C h a ra ct e rs ( 2 0 ) < M > Id e n ti fi e r_ 1 W il a ya h id _ w il a ya h n a m a _ w il a ya h In te g e r C h a ra ct e rs ( 3 0 ) < M > Id e n ti fi e r_ 1 S u b S u b W il a ya h id _ su b _ su b _ w il a ya h n a m a _ te m p a t In te g e r C h a ra ct e rs ( 3 0 ) < M > Id e n ti fi e r_ 1

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.

(34)

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>

(35)

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

(36)

4. Tabel Sub Wilayah Primary Key : id_Kecamatan Foreign Key : id_wilayah

Fungsi : untuk menampung data wilayah kecamatan Tabel 3.7 Tabel Wilayah Kecamatan

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

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

(37)

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

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

(38)

Tabel 3.11 Tabel Kendaraan

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

(39)

Foreign Key : -

Fungsi : untuk menampung data merk dan type kendaraan Tabel 3.13 Tabel Merk dan Type

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

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

id_bagian integer - √ Bagian

(40)

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

(41)

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

(42)

Tabel 3.17 Tabel Fungsional Objek Rancangan Halaman Utama

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

(43)

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.

(44)

Gambar 3.29 Desain Halaman Master User

Tabel 3.18 Tabel Fungsi Objek Rancangan Halaman Master User

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

(45)

Gambar 3.30 Desain Form Input User

Tabel 3.19 Tabel Fungsi Objek Rancangan Form Input User

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

(46)

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

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

Master User Bagian

4 Edit Button Mengubah Field Pada Data Master User Bagian

(47)

Gambar 3.32 Desain Form Input User Bagian

Tabel 3.21 Tabel Fungsi Objek Rancangan Form Input User Bagian

1 Nama Bagian Textbox Memberikan Bagian Baru

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.

(48)

Gambar 3.33 Desain Halaman Master Kendaraan

Tabel 3.22 Tabel Fungsi Objek Rancangan Halaman Master Kendaraan

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

Master User Bagian

4 Edit Button Mengubah Field Pada Data Master User Bagian

(49)

Gambar 3.34 Desain Form Input Master Kendaraan

Tabel 3.23 Tabel Fungsi Objek Rancangan Form Input Kendaraan

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

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

(50)

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

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

Master Jenis Kendaraan 4 Edit Button Mengubah Field Pada Data

(51)

Gambar 3.36 Desain Form Input Master Jenis Kendaraan

Tabel 3.25 Tabel Fungsi Objek Rancangan Form Input Master Jenis Kendaraan

1 Jenis Kendaraan Textbox Memberikan Jenis Kendaraan Baru

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.

(52)

Gambar 3.37 Desain Halaman Master Merk Dan Type

Tabel 3.26 Tabel Fungsi Objek Rancangan Halaman Merk Dan Type

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

Master Merk Dan Type 4 Edit Button Mengubah Field Pada Data

(53)

Gambar 3.38 Desain Form Input Master Merk Dan Type

Tabel 3.27 Tabel Fungsi Objek Rancangan Form Input Master Merk Dan Type

1 Merk Dan Type Textbox Memberikan Merk Dan Type Baru

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.

(54)

Gambar 3.39 Desain Halaman Master TPS

Tabel 3.28 Tabel Fungsi Objek Rancangan Halaman Master TPS

1 Add TPS Button Menambah Semua Field Pada Form Master Data TPS 2 List TPS Data Table Menampilkan Data TPS Yang

Telah Tersimpan

Master TPS

4 Edit Button Mengubah Field Pada Data Master TPS

(55)

Gambar 3.40 Desain Form Input Master TPS

Tabel 3.29 Tabel Fungsi Objek Rancangan Form Input Master TPS

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

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

(56)

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

1 Add Kecamatan Button Menambah Semua Field Pada Form Master Data Kecamatan 2 List Kecamatan Data Table Menampilkan Data

Kecamatan Yang Telah Tersimpan

Master Kecamatan

4 Edit Button Mengubah Field Pada Data Master Kecamatan

(57)

Gambar 3.42 Desain Form Input Master Kecamatan

Tabel 3.31 Tabel Fungsi Objek Rancangan Form Input Master Kecamatan

1 Nama Kecamatan Textbox Memberikan Nama Kecamatan Baru

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.

(58)

Gambar 3.43 Desain Master Jadwal

Tabel 3.32 Tabel Fungsi Objek Rancangan Halaman Master Jadwal

1 Add jadwal Button Menambah Semua Field Pada Form Data Jadwal

2 List Jadwal Data Table Menampilkan Data Jadwal Yang Telah Tersimpan

Master Jadwal

4 Edit Button Mengubah Field Pada Data Master Jadwal

(59)

Tabel 3.33 Tabel Fungsi Objek Rancangan Halaman Master Jadwal

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

Dijadwalkan Kendaraan (Demak Kali, Bubutan, Penghela Dll.)

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.

(60)

Gambar 3.45 Desain Transaksi Maintenance

Tabel 3.34 Tabel Fungsi Objek Rancangan Transaksi Maintenance

1 Add Maintenance Button Menambah Semua Field Pada Form Transaksi Maintenance 2 List Maintenance Data Table Menampilkan Data Transaksi

Maintenance Yang Telah Tersimpan

Transaksi Maintenance 4 Edit Button Mengubah Field Pada Data

Transaksi Maintenance 5 OK/Selesai Button Menyelesaikan Field Pada

Data Transaksi Maintenance selesai

(61)

Gambar 3.46 Desain Form Input Transaksi Maintenance

Tabel 3.35 Tabel Fungsi Objek Rancangan Form Input Transaksi Maintenance

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

(62)

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

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

Transaksi TPS

4 Edit Button Mengubah Field Pada Data Transaksi TPS

(63)

Gambar 3.48 Desain Form Input Transaksi TPS

Tabel 3.37 Tabel Fungsi Objek Rancangan Halaman Form Input Transaksi TPS

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

(64)

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.

(65)

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.

(66)

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.

(67)

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

(68)

Tabel 3.38 Desain Uji Coba Form Login

Nama_Field Data_1

Email Admin1@gmail.com

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