[revisi tidak terperiksa]

[revisi terperiksa]

Revisi terkini pada 21 Februari 2018 02.34

PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN RETRIBUSI

PELAYANAN PERSAMPAHAN/KEBERSIHAN BERBASIS WEB

PADA UPT RETRIBUSI PERSAMPAHAN DI DINAS

LINGKUNGAN HIDUP KOTA TANGERANG

SKRIPSI

Disusun Oleh :

NIM	: 1414483034
NAMA	: Tia Maryani

JURUSAN SISTEM INFORMASI

KONSENTRASI KOMPUTER AKUNTANSI

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

STMIK RAHARJA

TANGERANG

2017/2018

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PENGESAHAN SKRIPSI

PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN RETRIBUSI

PELAYANAN PERSAMPAHAN/KEBERSIHAN BERBASIS WEB

PADA UPT RETRIBUSI PERSAMPAHAN DI DINAS

LINGKUNGAN HIDUP KOTA TANGERANG

Disusun Oleh :

NIM	: 1414483034
Nama	: Tia Maryani
Jenjang Studi	: Strata Satu
Jurusan	: Sistem Informasi
Konsentrasi	: Komputer Akuntansi

Disahkan Oleh :

Tangerang, 23 Januari 2018

Ketua					Kepala Jurusan
STMIK RAHARJA					Jurusan Sistem Informasi




(Ir. Untung Rahardja M.T.I.,MM)					(Nur Azizah, M.Akt M.Kom)
NIP : 000594					NIP : 078010

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PERSETUJUAN PEMBIMBING

PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN RETRIBUSI

PELAYANAN PERSAMPAHAN/KEBERSIHAN BERBASIS WEB

PADA UPT RETRIBUSI PERSAMPAHAN DI DINAS

LINGKUNGAN HIDUP KOTA TANGERANG

Dibuat Oleh :

NIM	: 1414483034
Nama	: Tia Maryani

Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Jurusan Sistem Infomasi

Konsentrasi Komputer Akuntansi

Tahun Akademik 2017/2018

Disetujui Oleh :

Tangerang, 23 Januari 2018

Pembimbing I			Pembimbing II




(Sri Rahayu, S.T., MMSI)			(Giandari Maulani, M.KOM)
NID : 08182			NID : 06126

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PERSETUJUAN DEWAN PENGUJI

PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN RETRIBUSI

PELAYANAN PERSAMPAHAN/KEBERSIHAN BERBASIS WEB

PADA UPT RETRIBUSI PERSAMPAHAN DI DINAS

LINGKUNGAN HIDUP KOTA TANGERANG

Dibuat Oleh :

NIM	: 1414483034
Nama	: Tia Maryani

Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian

Komprehensif

Jurusan Sistem Informasi

Konsentrasi Komputer Akuntansi

Tahun Akademik 2017/2018

Disetujui Penguji :

Tangerang, 23 Januari 2018

Ketua Penguji	Penguji I	Penguji II




(_______________)	(_______________)	(_______________)
NID :	NID :	NID :

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR KEASLIAN SKRIPSI

PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN RETRIBUSI

PELAYANAN PERSAMPAHAN/KEBERSIHAN BERBASIS WEB

PADA UPT RETRIBUSI PERSAMPAHAN DI DINAS

LINGKUNGAN HIDUP KOTA TANGERANG

Disusun Oleh :

NIM	: 1414483034
Nama	: Tia Maryani
Jenjang Studi	: Strata Satu
Jurusan	: Sistem Infomasi
Konsentrasi	: Komputer Akuntansi

Menyatakan bahwa Skripsi ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan, atau duplikat dari Skripsi yang telah dipergunakan untuk mendapatkan gelar Sarjana Komputer baik di lingkungan Perguruan Tinggi Raharja maupun di Perguruan Tinggi lain, serta belum pernah dipublikasikan.

Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.

Tangerang, 23 Januari 2018

(Tia Maryani)

NIM : 1414483034

)*Tandatangan dibubuhi materai 6.000;

ABSTRAK

Saat ini sistem informasi yang terkomputerisasi menjadi kebutuhan dan memiliki peranan yang sangat penting di berbagai instansi pemerintahan dalam mengolah dan menyajikan data pembayaran menjadi mudah, akurat dan cepat serta dapat menyimpan data pembayaran secara otomatis. UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang seringkali menghadapi permasalahan pada pendataan pembayaran retribusi sampai dengan pembuatan laporan. Namun sistem yang berjalan saat ini pada UPT Retribusi Persampahan masih belum terkomputerisasi dengan baik, hal ini mengakibatkan waktu yang tidak efektif dan efisien dalam penginputan data pembayaran retribusi, pengolahan data dan menyajikan data serta penyusunan laporan setoran retribusi mingguan dan laporan rincian retribusi bulanan yang masih menggunakan Microsoft Office Excel. Berdasarkan masalah diatas maka penulis mempertimbangkan untuk membuat sebuah sistem informasi yang terkomputerisasi, dengan adanya sistem yang terkomputerisasi data tersebut saling terintegrasi satu sama lain sehingga semua data yg terintegrasi dapat menghasilkan laporan setoran retribusi mingguan dan laporan rincian retribusi bulanan.Metode analisis yang digunakan yaitu Performance, Information, Economic, Control/Security, Efficiency, dan Service (PIECES). Perancangan sistem berorientasi menggunakan Unified Modeling Language (UML) yang diimplementasikan dalam bahasa pemrograman PHP, HTML dan pembuatan database pada MariaDB. Hal ini diharapkan dapat mempermudah proses pendataan pembayaran retribusi sampai penyusunan laporan setoran retribusi mingguan dan laporan rincian retribusi bulanan yang lebih cepat dan akurat. Sehingga meminimalisir dalam kehilangan data.

Kata Kunci: pendataan pembayaran retribusi, laporan, PIECES, PHP, MariaDB.

ABSTRACT

Currently the computerized information system becomes a necessity and has a very important role in various government agencies in processing and present data payment becomes easy, accurate and fast and can stored data automatically. UPT Retribusi Persampahan at Dinas Lingkungan Hidup Kota Tangerang often facing a problem in the collection of retribution payments up to making the reports. However, the current system in UPT Retribusi Persampahan is still not well computerized, it is not effective and efficient in inputing the data of retribution payment, data processing, data serving and monthly retribution report which is still using Microsoft Office Excel. Based on the above problems, the authors consider to create a computerized information system, with a computerized system of data that are mutually integrated with each other so that all of the data can be generated reports deposit fees. The methods used are Performance, Information, Economy, Control / Security, Efficiency, and Service (PIECES). The design of oriented system using Unified Modeling Language (UML) which is implemented in PHP programming language, HTML and database is MariaDB. This is expected to facilitate the process of retribution review to compile monthly retribution reports more quickly and accurately and to minimize in data loss.

Keywords: data collection of retribution payments, reports, PIECES, PHP, MariaDB.

KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan karunia-Nya sehingga dapat berjalan dengan baik dan selesai dengan semestinya dalam menyusun dan menyelesaikan skripsi ini, yang berjudul “Perancangan Sistem Informasi Pendataan Pembayaran Retribusi Pelayanan Persampahan/Kebersihan Berbasis Web pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang”.

Tujuan dari penulisan laporan ini sebagai salah satu persyaratan dalam memperoleh gelar Sarjana Komputer (S.Kom) untuk jenjang Strata Satu (S1) pada Perguruan Tinggi Raharja.

Dalam kesuksesan penyusunan laporan Skripsi, penulis banyak menerima bantuan dari berbagai pihak. Penulis menyadari tanpa adanya bimbingan dan dorongan tersebut, laporan Skripsi ini tidak dapat terselesaikan tepat pada waktunya. Maka pada kesempatan ini penulis menyampaikan terima kasih kepada:

Bapak Ir. Untung Rahardja, M.T.I, MM selaku Ketua Direktur Perguruan Tinggi Raharja.
Bapak Sugeng Santoso, M.Kom selaku Pembantu Ketua Bidang Akademik STMIK Raharja
Ibu Nur Azizah, M.Akt.,M.Kom., selaku Kepala Jurusan Sistem Informasi Perguruan Tinggi Raharja Raharja.
Ibu Sri Rahayu, S.T,.MMSI selaku Dosen Pembimbing I dan Ibu Giandari Maulani, M.Kom selaku Dosen Pembimbing II yang telah memberikan banyak ilmu pengetahuan, pengarahan serta motivasi kepada penulis sehingga Laporan Skripsi ini dapat terselesaikan dengan baik.
Bapak dan Ibu Dosen serta staff Perguruan Tinggi Raharja yang telah memberikan ilmu pengetahuan kepada penulis.
Bapak Marjaih,S.IP.,MAP selaku pembimbing lapangan pada UPT Retribusi Persampahan yang telah memberikan data-data yang dibutuhkan penulis.
Ibu Fitriah, Ibu Ayunica Sukma dan rekan-rekan lainnya yang tidak bisa disebutkan satu persatu oleh penulis di Dinas Lingkungan Hidup divisi UPT Retribusi Persampahan yang telah membimbing dan membantu baik secara langsung maupun tidak langsung.
Kedua orang tua, adik-adik dan keluarga besar yang selalu memberikan dukungan baik moril, materi maupun doa serta memberikan semangat dalam mengerjakan Skripsi ini.
Thanks to teman dekat Zaerobby, RBGfams dan teman-teman seperjuangan yang selalu memberikan dukungan dan motivasi.

Penulis menyadari bahwa dalam penulisan Laporan Skripsi ini masih jauh dari kata sempurna. Oleh karena itu dengan segala kerendahan hati dan keterbukaan, penulis mengharapkan kritik dan saran yang membangun, penulis harapkan sebagai pemicu untuk dapat berkarya lebih baik lagi.

Semoga Laporan Skripsi ini dapat bermanfaat bagi berbagai pihak yang membutuhkan.

	Tangerang, 23 Januari 2018
















	Tia Maryani
	NIM. 1414483034

Daftar isi

1 BAB I PENDAHULUAN
2 BAB II LANDASAN TEORI
- 2.1 TEORI UMUM
- 2.2 TEORI KHUSUS
3 BAB III ANALISA SISTEM YANG BERJALAN
4 BAB IV RANCANGAN SISTEM YANG DIUSULKAN
5 BAB V PENUTUP
- 5.1 Kesimpulan
- 5.2 Saran
6 DAFTAR PUSTAKA
7 DAFTAR LAMPIRAN

DAFTAR TABEL

Tabel 3.1 Analisis PIECES
Tabel 3.2 Elisitasi Tahap I
Tabel 3.3 Elisitasi Tahap II
Tabel 3.4 Elisitasi Tahap III
Tabel 3.5 Final Draft Elisitasi
Tabel 4.1 Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan
Tabel 4.2 Petugas
Tabel 4.3 Customers
Tabel 4.4 Wilayah
Tabel 4.5 Kecamatan
Tabel 4.6 Kelurahan
Tabel 4.7 Cara Bayar
Tabel 4.8 Pembayaran
Tabel 4.9 Pembayaran Detail
Tabel 4.10 Users
Tabel 4.11 User Has Roles
Tabel 4.12 Roles
Tabel 4.13 Role Has Permissions
Tabel 4.14 Permissions
Tabel 4.15 User Has Permissions
Tabel 4.16 Password Resets
Tabel 4.17 Black Box Testing Pada Menu Login 1
Tabel 4.18 Black Box Testing Pada Menu Login 2
Tabel 4.19 Black Box Testing Pada Input Data Petugas 1
Tabel 4.20 Black Box Testing Pada Input Data Petugas 2
Tabel 4.21 Black Box Testing Pada Input Data Customers 1
Tabel 4.22 Black Box Testing Pada Input Data Customers 2
Tabel 4.23 Black Box Testing Pada Input Data Wilayah 1
Tabel 4.24 Black Box Testing Pada Input Data Wilayah 2
Tabel 4.25 Black Box Testing Pada Input Data Kecamatan 1
Tabel 4.26 Black Box Testing Pada Input Data Kecamatan 2
Tabel 4.27 Black Box Testing Pada Input Data Kelurahan 1
Tabel 4.28 Black Box Testing Pada Input Data Kelurahan 2
Tabel 4.29 Black Box Testing Pada InputData Cara Bayar 1
Tabel 4.30 Black Box Testing Pada InputData Cara Bayar 2
Tabel 4.31 Black Box Testing Pada Input Data Pembayaran 1
Tabel 4.32 Black Box Testing Pada Input Data Pembayaran 2
Tabel 4.33 Black Box Testing Pada Input User Administration 1
Tabel 4.34 Black Box Testing Pada Input User Administration 2
Tabel 4.35 Black Box Testing Pada Input Roles 1
Tabel 4.36 Black Box Testing Pada input Roles 2
Tabel 4.37 Black Box Testing Pada Input Available Permissions 1
Tabel 4.38 Black Box Testing Pada Input Available Permissions 2
Tabel 4.39 Schedule
Tabel 4.40 Estimasi Biaya

DAFTAR GAMBAR

Gambar 3.1 Struktur Organisasi Dinas Lingkungan Hidup
Gambar 3.2 Struktur Organisasi UPT Retribusi Persampahan
Gambar 3.3 Use Case Diagram Pendataan Pembayaran Retribusi
Gambar 3.4 Activity Diagram Pendataan Pembayaran Retribusi
Gambar 3.5 Sequence Pendataan Pembayaran Retribusi
Gambar 4.1 Use case Diagram Sistem yang Diusulkan
Gambar 4.2 Activity Diagram Sistem untuk Kepala UPT Retribusi Persampahan yang Diusulkan
Gambar 4.3 Activity Diagram Sistem Bendahara Pembantu Penerima yang Diusulkan
Gambar 4.4 Sequence Diagram Sistem untuk Kepala UPT Retribusi Persampahan yang Diusulkan
Gambar 4.5 Sequence Diagram Sistem Bendahara Pembantu Penerima yang Diusulkan
Gambar 4.6 Class Diagram Sistem yang Diusulkan
Gambar 4.7 Rancangan Tampilan Login
Gambar 4.8 Rancangan Tampilan Menu Utama (Dashboard)
Gambar 4.9 Rancangan Tampilan Master Data Petugas
Gambar 4.10 Rancangan Tampilan Input Data Petugas
Gambar 4.11 Rancangan Tampilan Master Data Customers
Gambar 4.12 Rancangan Tampilan Input Cata Customers
Gambar 4.13 Rancangan Tampilan Master Data Wilayah
Gambar 4.14 Rancangan Tampilan Input Data Wilayah
Gambar 4.15 Rancangan Tampilan Master Data Kecamatan
Gambar 4.16 Rancangan Tampilan Input Data Kecamatan
Gambar 4.17 Rancangan Tampilan Master Data Kelurahan
Gambar 4.18 Rancangan Tampilan Input Data Kelurahan
Gambar 4.19 Rancangan Tampilan Master Data Cara Cayar
Gambar 4.20 Rancangan Tampilan Input Data Cara Bayar
Gambar 4.21 Rancangan Tampilan Menu Data Pembayaran
Gambar 4.22 Rancangan Tampilan Input Pembayaran
Gambar 4.23 Rancangan Tampilan Laporan Harian
Gambar 4.24 Rancangan Tampilan Laporan Mingguan
Gambar 4.25 Rancangan Tampilan Laporan Bulanan
Gambar 4.26 Rancangan Tampilan Setting User Administration
Gambar 4.27 Rancangan Tampilan Input Data User
Gambar 4.28 Rancangan Tampilan Setting Roles
Gambar 4.29 Rancangan Tampilan Input Data Roles
Gambar 4.30 Rancangan Tampilan Setting Available Permissions
Gambar 4.31 Rancangan Tampilan Input Data Permissions
Gambar 4.32 Tampilan Login
Gambar 4.33 Tampilan Menu Utama (Dashboard)
Gambar 4.34 Tampilan Program Master Data Petugas
Gambar 4.35 Tampilan Program InputData Petugas
Gambar 4.36 Tampilan Program master data Customers
Gambar 4.37 Tampilan Program Input Data Customers
Gambar 4.38 Tampilan Program master Data Wilayah
Gambar 4.39 Tampilan Program Input Data Wilayah
Gambar 4.40 Tampilan Program master Data Kecamatan
Gambar 4.41 Tampilan Program Input Data Kecamatan
Gambar 4.42 Tampilan Program master Data Kelurahan
Gambar 4.43 Tampilan Program Input Data Kelurahan
Gambar 4.44 Tampilan Program Master Data Cara Bayar
Gambar 4.45 Tampilan Program Input Data Cara Bayar
Gambar 4.46 Tampilan Program Data Pembayaran
Gambar 4.47 Tampilan Program Input Pembayaran
Gambar 4.48 Tampilan Program Laporan Harian
Gambar 4.49 Tampilan Program Laporan Mingguan
Gambar 4.50 Tampilan Program Laporan Bulanan
Gambar 4.51 Tampilan Program Setting Users Administration
Gambar 4.52 Tampilan Program InputData User
Gambar 4.53 Tampilan Program Setting Roles
Gambar 4.54 Tampilan Program Input Data Roles
Gambar 4.55 Tampilan Program Setting Available Permissions
Gambar 4.56 Tampilan Program Input Data Permissions

DAFTAR SIMBOL

Simbol Use Case Diagram

Simbol Activity Diagram

Simbol Sequence Diagram

Simbol Class Diagram

BAB I

PENDAHULUAN

Latar Belakang

Saat ini sistem informasi yang terkomputerisasi menjadi kebutuhan dan memiliki peranan yang sangat penting di berbagai instansi pemerintahan dalam mengolah dan menyajikan data pembayaran menjadi mudah, akurat dan cepat serta dapat menyimpan data pembayaran secara otomatis terutama di instansi pemerintahan dalam hal ini pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang.

Retribusi pelayanan persampahan/kebersihan merupakan salah satu dari retribusi jasa umum yang memberikan kontribusi terhadap pendapatan asli daerah. Yang memiliki dasar hukum yang dikeluarkan Pemerintah Pusat dan Pemerintah Daerah. Pengolahan data pendataan pembayaran yang akurat, efektif dan tepat bertujuan untuk mempermudah pembuatan pendataan laporan pembayaran.

Sistem informasi pendataan pembayaran pada UPT Retribusi Persampahan sendiri saat ini masih belum terkomputerisasi dengan baik yaitu menggunakan Microsoft Office Excel sehingga pada proses pencatatan pendataan laporan pembayaran sering terjadi kekeliruan yang ada pada data-data dalam laporan pembayaran, maka diperlukan suatu sistem yang dapat mempermudah pengguna dalam membuat laporan secara akurat dan cepat.

Berdasarkan latar belakang diatas, maka dilakukan penelitian dengan judul “Perancangan Sistem Informasi Pendataan Pembayaran Retribusi Pelayanan Persampahan/Kebersihan berbasis Web pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang”.

Rumusan Masalah

Berdasarkan uraian pada latar belakang diatas, maka dirumuskan beberapa masalah sebagai berikut :

Apakah sistem informasi pendataan pembayaran retribusi pelayanan persampahan/kebersihan pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang sudah efektif dan efisien?
Apakah sistem yang berjalan saat ini pada UPT Retribusi Persampahan sudah dapat menghasilkan laporan pembayaran retribusi pelayanan persampahan/kebersihan yang cepat, tepat dan akurat?
Apakah dengan adanya sistem informasi monitoring dapat membantu Ketua UPT Retribusi Persampahan dan Bendahara Pembantu Penerima dalam mengontrol pembayaran retribusi pelayanan persampahan/kebersihan pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup?

Ruang Lingkup Penelitian

Berdasarkan identifikasi masalah diatas untuk membatasi permasalahan pada penelitian ini maka di buatlah ruang lingkup penelitian ini yaitu membahas mengenai sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan berbasis web pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang.

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Berdasarkan rumusan masalah yang diuraikan di atas, maka tujuan dari penelitian ini sebagai berikut :

Mempermudah dalam pembuatan pendataan pembayaran retribusi pelayanan persampahan/kebersihan dalam pengolahan data, pencarian data yang dapat berjalan dengan efektif dan efisien.
Memberikan solusi untuk menghasilkan laporan pembayaran retribusi pelayanan persampahan/kebersihan yang cepat, tepat dan akurat pada UPT Retribusi Persampahan.
Mempermudah prosedur monitoring untuk Kepala UPT Retribusi Persampahan dan Bendahara Pembantu Penerima dalam mengontrol pembayaran retribusi pelayanan persampahan UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang.

Manfaat Penelitian

Adapun manfaat dari penelitian ini adalah :

Dapat mempermudah dan memberikan suatu informasi yang lengkap, efektif dan efisien dalam pengolahan dan menyajikan data suatu informasi guna melakukan perubahan dalam pendataan pembayaran retribusi pelayanan persampahan/kebersihan pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang agar tidak terjadinnya kesalahan dimasa yang akan datang.
Dapat mempermudah penyajian dan pengecekan data laporan yang terintegrasi untuk menghasilkan informasi yang lengkap, akurat dan cepat yang dapat meminimalisir dari kesalahan pencatatan pada pembayaran retribusi pelayanan persampahan/kebersihan.
Dapat mempermudah dalam proses me-monitoring dalam mengontrol pembayaran retribusi pelayanan persampahan/kebersihan oleh Kepala UPT Retribusi Persampahan dan Bendahara Pembantu Penerima untuk mengetahui jumlah pembayaran retribusi pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang.

Metodologi Penelitian

Dalam melaksanakan penelitian ini digunakan beberapa metodologi penelitian, yaitu sebagai berikut :

Metode Pengumpulan Data

Observasi (Pengamatan Langsung)
Penelitian ini menggunakan metode dengan cara observasi di UPT Retribusi Persampahan untuk memperoleh data-data yang diperlukan dalam penyusunan penelitian ini Bapak Marjaih,S.IP.,MAP, Ibu Fitriah dan ibu Ayunica Sukma.
Interview (Wawancara)
Melakukan wawancara kepada Bendahara Pembantu Penerima dan Petugas Pendata untuk menanyakan langsung apa saja sistem pendataan pembayaran yang sedang berjalan untuk mengetahui kekurangan atau masalah yang ada pada saat penginputan data pembayaran, pengolahan data, penyajian informasi serta pembuatan laporan setoran mingguan dan laporan rincian bulanan.
Literatur Review (Studi Pustaka)
Studi pustaka dilaksanakan dengan tujuan untuk mengumpulkan data-data yang diperoleh melalui buku, jurnal dan karya ilmiah lainnya, yang berkaitan dengan pembahasan penelitian yang digunakan untuk bahan referensi dalam penelitian yang dilaksanakan.

Metode Analisa

Dalam penelitian ini digunakan metode analisa sistem dengan metode analisa PIECES (Performance, Information, Economic, Control/Security, Efficiency, dan Service).Analisis PIECES ini sangat penting sebelum mengembangkan sebuah sistem informasi karena dalam analisis ini biasannya untuk mengidentifikasi masalah sampai dengan menyelesaikan masalah dan akan ditemukan beberapa masalah utama, maka harus dilakukan analisis terhadap kinerja, informasi, ekonomi, keamanan aplikasi, efisiensi dan pelayanan.

Metode Perancangan

Dalam penelitian ini metode perancangan yang digunakan yaitu program Visual Paradigma for UML 6.4 enterprise Edition untuk menggambarkan class Diagram, Use Case Diagram, Activity Diagram dan Sequence Diagram. Sedangkan untuk bahasa pemrograman yang digunakan yaitu PHP dan HTML, untuk tampilan antar muka aplikasi menggunakan CSS, MariaDB digunakan sebagai database, untuk server menggunakan Apache, Frameworknya menggunakan Laravel Sedangkan tahapan untuk mendesain menggunakan aplikasi Notepad++.

Metode Pengujian

Metode pengujian ini digunakan untuk menganalisis suatu sistem untuk mendeteksi perbedaan antara kondisi yang diinginkan dengan kondisi yang ada (errors/bugs/defects) dan mengevaluasi kondisi dan fitur dari entitas software yang diinginkan untuk mengetahui dari suatu sistem yang terjadi saat sistem diterapkan. Metode pengujian yang digunakan adalah blackbox testing. Blackbox testing merupakan metode pengujian perangkat lunak yang memfokuskan kepada keperluan software, oleh karena itu metode blackbox testing ini dapat mengetahui dan memastikan apakah pemasukan data diterima dengan benar dan keluaran data yang dihasilkan sesuai yang diharapkan.

Sistematika Penulisan

Secara garis besar penelitian ini, terdiri dari bab dan sub bab yang terstruktur, berikut ini sistematika penulisan Skripsi yang dipakai sebagai berikut :

BAB I PENDAHULUAN
Dalam bab ini akan dijelaskan mengenai berbagai masalah yang akan dibahas dalam Skripsi ini, diantaranya latar belakang, rumusan masalah, ruang lingkup penelitian, tujuan dan manfaat penelitian, metodologi penelitian, serta uraian sistematika penulisan.

BAB II LANDASAN TEORI
Dalam bab ini akan dijelaskan mengenai landasan teori dari hal-hal yang dibahas dalam penelitian dan tentang pendataan pembayaran retribusi yang dikutip dari berbagai sumber referensi maupun dari hasil penelitian lain yang dapat dijadikan sebagai bahan masukan untuk penelitian ini.

BAB III ANALISA SISTEM YANG BERJALAN
Dalam bab ini berisikan tentang gambaran umum mengenai UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang menjadi objek penelitian Skripsi ini, bab ini menjelaskan gambaran umum sejarah, struktur organisasi serta wewenang dan tanggung jawab serta membahas sistem yang berjalan dengan menggunakan Unified Modeling Language (UML), dan Elisitasi tahap I, Elisitasi tahap II, Elisitasi tahap III dan final draft elisitasi.

BAB IV RANCANGAN SISTEM YANG DI USULKAN
Bab ini berisi tentang perancangan sistem yang baru menggunakan diagram UML (Unified Modelling Language) dengan software Visual Paradigma for UML 6.4 enterprise edition untuk menggambarkan Use Case Diagram, Activity Diagram dan Sequence Diagram, class Diagram rancangan basis data, dan rancangan tampilan sistem yang diusulkan sampai dengan implementasi program.

BAB V PENUTUP
Dalam bab ini akan dijelaskan mengenai kesimpulan dan saran yang di dapat dari hasil penelitian yang telah dilakukan.

DAFTAR PUSTAKA

DAFTAR LAMPIRAN

BAB II

LANDASAN TEORI

TEORI UMUM

Konsep Dasar Sistem

Definisi Sistem

Setiap perusahaan maupun instansi pemerintahan memerlukan sebuah sistem yang tepat untuk menunjang kelangsungan kegiatan dan kinerja untuk mencapai sasaran atau tujuannya. Definisi sistem menurut Suprihadi, dkk dalam Jurnal CCIT (2013:310)^[1], adalah “Sekumpulan unsur atau elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan”.

Sedangkan menurut Dini Hamidini Maniah (2017:1) ^[2], mengatakan bahwa “Sistem adalah kumpulan dari elemen-elemen berupa data, jaringan kerja dari prosedur-prosedur yang saling berhubungan, sumber daya manusia, teknologi baik hardware maupun software yang saling berinteraksi sebagai satu kesatuan untuk mencapai tujuan/sasaran tertentu yang sama”.

Karakteristik Sistem

Menurut Priyo Sutopo, dkk dalam Jurnal Informatika Mulawarman (2016:24)^[3] sistem mempunyai karakteristik atau sifat–sifat tertentu, yaitu :

Komponen Sistem
Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerjasama membetuk satu kesatuan. Komponen-komponen sistem atau elemen-elemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem.
Batasan Sistem
Sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya.
Lingkungan Luar Sistem
Lingkungan luar dari suatu sistem adalah apapun diluar batas dari sistem yang mempengaruhi operasi sistem.
Penghubung Sistem
Penghubung merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya.
Masukan Sistem
Masukan (input) adalah energi yang dimasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input).
Keluaran Sistem
Keluaran (output) adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan.
Pengolahan Sistem
Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran.
Sasaran Sistem
Suatu sistem pasti mempunyai tujuan atau sasaran. Jika suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya.

Konsep Dasar Data dan Informasi

Definisi Data

Definisi data menurut Jaluanto Sunu Panjul Tyoso (2016:22)^[4] adalah “Hanyalah bahan mentah untuk memperoleh informasi”.

Sementara menurut Deni Prasetiyati dalam Jurnal Riset Mahasiswa Akuntansi (2016:4) ^[5] mendefinisikan “Data dapat didefinisikan sebagai kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata”.

Sedangkan menurut Cornelius Puschmann dan Jean Burgess dalam International Journal of Communication (2014:1700)^[6] mengatakan bahwa “Data is a powerful tool in the acconts provided above, in which the data scientist is merely the accomplice”. Artinya data adalah alat yg kuat dalam catatan tersebut yg mana data asli atau pusat merupakan alat yg membantu.

Definisi Informasi

Definisi informasi menurut Muhamad Muslihudin Oktafianto (2016:9)^[7] adalah “data yang diolah menjadi bentuk yang berguna untuk membuat keputusan”.

Sedangkan menurut Abidin yang dikutip oleh Priyo Sutopo, dkk dalam Jurnal Informatika Mulawarman (2016:24)^[8] mendefinisikan bahwa “Informasi adalah data yang diolah menjadi bentuk yang berguna dan menjadi berarti bagi penerimanya”.

Nilai Informasi

Menurut Nur Azizah, dkk dalam Jurnal SENSI (2017:17)^[9]Menurut Nur Azizah, dkk dalam Jurnal SENSI (2017:17) Ada 10 Sifat yang dapat menentukan nilai informasi yaitu sebagai berikut:

Kemudahan dalam memperoleh (accesibility) informasi memiliki nilai yang lebih sempurna apabila dapat diperoleh secara mudah.
Sifat luas dan kelengkapannya (comprehenshiveness) informasi mempunyai nilai yang lebih sempurna apabila mempunyai lingkup atau cakupan yang luas dan lengkap.
Ketelitian (Accuracy) informasi mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi.
Kecocokan dengan pengguna (relavance) informasi mempunyai nilai yang lebih sempurna apabila sesuai dengan kebutuhan penggunanya.
Ketepatan waktu (timelines) informasi mempunyai nilai yang lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat.
Kejelasan (clarity) informasi yang jelas akan meningkatkan kesempurnaan nilai informasi.
Fleksibilitas (flexibility) nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi.
Dapat dibuktikan (verified) nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya.
Dapat diukur (measurable) informasi untuk pengambilan keputusan seharusnya dapat diukur agar dapat mencapai nilai yang sempurna.
Tidak ada prasangka nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.

Komponen Sistem Informasi

Menurut Jeperson Hutahaean (2014:13)^[10] sistem informasi terdiri dari komponen-komponen yang disebut dengan istilah blok bangunan (building block) yaitu :

Blok Masukan (Input Block)
Input mewakili data yang masuk ke dalam sistem informasi. Input disini termasuk metode-metode dan media yang digunakan untuk menangkap data yang akan dimasukan, yang dapat berupa dokumen dasar.
Blok Model (Model Block)
Blok ini terdiri dari kombinasi prosedur, logika dan metode matematik yang akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang sudah diinginkan
Blok Keluaran (Output Block)
Produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem.
Blok Teknologi (Block Technology)
Teknologi yang digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian diri secara keseluruhan. Teknologi ini terdiri dari tiga bagian utama, yaitu teknisi (brainware), perangkat lunak (software) dan perangkat keras (hardware).
Blok Basis Data (Database Block)
Basis data (database) merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak (software) untuk memanipulasinya.
Blok kendali (Control Block)
banyak faktor yang dapat merusak sistem informasi, misalnya bencana alam, api, temperatur tinggi, air, debu, kecurangan-kecurangan, kejanggalan sistem itu sendiri, kesalahan-kesalahan ketidakefisiensian, sabotase dan sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah atau bila terlanjur terjadi kesalahan dapat langsung diatasi.

Konsep Dasar Analisis Sistem

Definisi Analisa Sistem

Definisi analisis sistem menurut Sri Mulyani (2016:38)^[11] adalah “Suatu teknik penelitian terhadap sebuah sistem dengan menguraikan komponen-komponen pada sistem tersebut dengan tujuan untuk mempelajari komponen itu sendiri serta keterkaitannya dengan komponen lain yang membentuk sistem sehingga didapat sebuah keputusan atau kesimpulan mengenai sistem tersebut baik itu kelemahan ataupun kelebihan sistem”.

Sedangkan menurut Abi Burrahman (2017:36)^[12] mengatakan bahwa “Analisa sistem meliputi analisis dan perancangan sistem, metode analisis data, analisa kebutuhan sistem seperti kebutuhan perangkat lunak, kebutuhan perangkat keras dan kebutuhan pengguna”.

Prinsip - prinsip Analisis sistem

Adapun prinsip-prinsip analisis sistem menurut Jaluanto Sunu Panjul Tyoso (2016:18)^[4] adalah:

Mendefinisikan masalah. Masalah yang akan dipecahkan dengan sistem diatur berkenan dengan lingkungan tempat sistem berinteraksi.
Menyatakan sasaran sistem. Tujuan umum dan khusus yang ingin dicapai yang berkaitan dengan keefektifan ditetapkan dan diumumkan kepada pihak-pihak yang berkepentingan.
Menetapkan batasan sistem (system Boundaries). Pembatas antara sistem yang baru dengan lingkungannya harus diperinci, hubungan sistem (interface) yang berkaitan dengan masukan dan keluaran harus ditegaskan.
Menetapkan kendala sistem. Kendala pada sistem dan proses pengembangannya, seperti biaya dan jangka waktu untuk pengembangan sistem harus dipastikan.
Dekomposisi sistem. Sistem dipecah kedalam subsistem yang saling terkait dan berhubungan dengan lingkungannya. Hubungan antar subsistem ditentukan sehingga seorang analisis sistem mampu melihat sistem terinci. Subsistem yang berada pada tingkat bawahlah yang nantinya dirancang dan menjadi bagian sistem yang ditetapkan.

Konsep Dasar Perancangan Sistem

Definisi Perancangan Sistem

Definisi perancangan sistem menurut McLeod yang dikutip oleh Moch. Agita Fauzi dan Titis Aji Wicaksono dalam Jurnal Surya Informatika (2015:26)^[13]adalah “Penentuan proses data yang diperlukan oleh sistem baru, jika sistem itu berbasis komputer perancangan dapat dinyatakan spesifikasi peralatan yang digunakan”.

Sedangkan menurut Stair yang dikutip oleh Maimunah, dkk dalam Jurnal CERITA (2016:203)^[14]“Perancangan sistem adalah fase pengembangan sistem yang mendefinisikan bagaimana sistem informasi akan melakukan perancangan untuk mendapatkan solusi pemecahan masalah”.

TEORI KHUSUS

Konsep Dasar Sistem Informasi Akuntansi

Definisi Sistem Informasi Akuntansi

Definisi sistem informasi akuntansi menurut Hery (2017:04)^[15]adalah “Teknik yang menggambarkan proses hubungan antara sumber data keuangan dengan para penerima informasi melalui saluran komunikasi tertentu yang dinamakan siklus akuntansi”.

Fungsi Utama Sistem Informasi Akuntansi

Menurut Indra Mahardika Putra (2017:54)^[16]sebagai sistem, akuntansi terdiri dari tiga fungsi utama yaitu :

Fungsi Penginputan
Akuntansi menyiapkan input hendak diproses, input akuntansi berupa transaksi yaitu peristiwa yang menyebabkan perubahan dana.
Fungsi Pemrosesan
Akuntasi mengolah setiap input (transaksi) dalam rangka menghasilkan informasi yang berkualitas. Proses dasar akuntansi berupa pencatatan yang terdiri dari penjualan dan pemindah bukuan.
Fungsi Pengoutputan
Akuntansi menyajikan informasi dana yang diharapkan bermanfaat dalam pengambilan keputusan.

Konsep Dasar Pendataan

Definisi Pendataan

Definisi pendataan menurut Ayu Mayang Sari, dkk dalam Jurnal Media Infotama (2015:102)^[17]adalah “Keterangan yang benar dan bahan nyata yang dapat dijadikan sebagai dasar kajian (analisis atau kesimpulan)”.

Konsep Dasar Pembayaran

Definisi Pembayaran

Terdapat berbagai macam pengertian analisa sistem menurut beberapa ahli, definisi pembayaran menurut Ikatan Bankir Indonesia (2014:34)^[18]adalah “Transaksi pembayaran kepada pihak ketiga yang dapat dilakukan melalui counter bank baik secara tunai maupun pemindahan”.

Sementara menurut Aulia Pohan (2013:71)^[19]mendefinisikan bahwa “Sistem pembayaran adalah suatu sistem yang melakukan pengaturan kontrak, fasilitas pengoperasian dan mekanisme teknis yang digunakan untuk penyampaian, pengesahan, dan penerimaan instruksi pembayaran, serta pemenuhan kewajiban pembayaran yang dikumpulkan melalui pertukaran nilai antar perorangan, bank dan lembaga lainnya baik domestik maupun antarnegara (cross border)”.

Sedangkan menurut Mia Lasmi Wardiah (2013:350)^[20]mengatakan bahwa “Sistem pembayaran adalah bagian yang tidak terpisahkan dari sistem keuangan dan perbankan suatu negara. Keberhasilan sistem pembayaran akan menunjang perkembangan sistem keuangan dan perbankan, sebaliknya, risiko ketidaklancaran atau kegagalan sistem pembayaran akan berdampak negatif pada kestabilan ekonomi secara keseluruhan”.

Jenis-jenis Sistem Pembayaran

Menurut Aulia Pohan (2013:81)^[19] sistem pembayaran berdasarkan jenis transaksi yang dilakukan pada umumnya dikenal dalam beberapa kelompok. Mulai dari pembayaran ritel atau eceran hingga yang besar.

Retail Payment

Sistem pembayaran ini digunakan untuk memperoses transaksi ekonomi nilai kecil yang dikhususkan untuk bayar membayar tanpa menggunakan sepeser uang. Jenis instrumen retail payment yang dikenal saat ini adalah :

ATM
Using Payment Cards
E-money
Digital Money

Batch System

Sistem ini memungkinkan dilakukannya pembacaan data dari instrumen paper-based kemudian memproses seluruh batches dari instrumen paper-based secara elektronik.

Wholesale Payment

Wholesale Payment System merupakan pemrosesan transaksi khusus yang bernilai besar dan bersifat penting yang muncul dari transaksi treasury, dealing, trade finance dan operasi lainnya di bank-bank yang tersentralisasi.

Payment versus Payment (PVP)

Saat ini proses penyelesaian transaksi FX USD/IDR antar bank di Indonesia dilakukan secara terpisah antara settlement dana IDR dan USD karena adannya perbedaan zona waktu.

Cross Border Payment System

Seluruh komponen operasional sistem pembayaran nasional harus dapat digunakan untuk fasilitas pembayaran cross border yang efisien dan terkontrol, untuk mendukung perkembangan perdagangan Indonesia.

Prinsip-prinsip Dasar Sistem Pembayaran

Pernyataan yang dikemukakan oleh Mia Lasmi Wardiah (2013:353)^[20] sistem pembayaran yang aman dan efisien sangat penting untuk berfungsinya sistem keuangan yang efektif. Untuk itu, The Committe On Payment and Settlement System (CPSS) dan bank sentral kelompok negara GIO (kelompok sepuluh negara maju) mengembangkan prinsip-prinsip dasar penting sistem pembayaran (CPSS-BIS, 2000) yang meliputi sepuluh kriteria yaitu :

Memiliki landasan hukum yang kuat.
Mempunyai aturan dan prosedur yang memungkinkan peserta memahami risiko keuangan yang mungkin akan dihadapi.
Memiliki prosedur yang jelas untuk manajemen risiko kredit dan risiko likuiditas.
Menjamin agar settlement dapat dilakukan pada hari yang sama, minimal pada akhir hari.
Memiliki multilateral netting, sistem ini minimal harus mampu memastikan penyelesaian settlement harian yang cepat pada saat peserta tidak mampu menyelesaikan kewajibannya untuk satu settelment terbesar.
Aset yang digunakan untuk sebaiknya berada di bank sentral (claimon the central bank). Dalam hal aset yang berada diluar bank sentral yang digunakan, aset tersebut harus tidak memiliki (atau kecil) risiko kredit dan risiko likuiditas.
Menjamin tingkat keamanan dan kepercayaan operasional yang tinggi dan harus memiliki penanganan darurat untuk penyelesaian pemrosesan harian yang cepat.
Menyediakan alat untuk melakukan pembayaran yang praktis untuk pemakaianya dan efisien untuk perekonomian.
Memiliki tujuan dan kriteria yang transparan untuk peserta yang memungkinkan akses yang adil dan transparan.
Pengaturan (governance arrangements) dan sistem ini harus efektif, akuntabel dan transparan.

Konsep Dasar Retribusi

Definisi Retribusi Daerah

Definisi retribusi daerah menurut Mardiasmo (2016:18)^[21]adalah “Pungutan daerah sebagai pembayaran atas jasa atau pemberian izin tertentu yang khusus disediakan dan atau diberikan oleh Pemerintah Daerah untuk kepentingan orang pribadi atau badan”.

Pengklasifikasian Retribusi Daerah

Menurut Beta Asteria dalam Jurnal Riset Manajemen (2015:54)^[22]pengklasifikasian retribusi daerah sebagai berikut:

Jasa Umum terdiri atas:

Retribusi Pelayanan Kesehatan.
Retribusi Pelayanan Persampahan/Kebersihan
Retribusi Penggantian Biaya Cetak Kartu Tanda Penduduk dan Akta Catatan Sipil
Retribusi Pelayanan Pemakaman dan Pengabuan Mayat
Retribusi Pelayanan Parkir di Tepi Jalan Umum
Retribusi Pelayanan Pasar
Retribusi Pengujian Kendaraan Bermotor
Retribusi Pemeriksaan Alat Pemadam Kebakaran
Retribusi Penggantian Biaya Cetak Peta
Retribusi Penyediaan dan/atau Penyedotan Kakus
Retribusi Pengolahan Limbah Cair
Retribusi Pelayanan Tera/Tera Ulang
Retribusi Pelayanan Pendidikan
Retribusi Retribusi Pengendalian Menara Telekomunikasi.

Jasa Usaha terdiri atas:

Retribusi Pemakaian Kekayaan Daerah.
Retribusi Pasar Grosir dan/atau Pertokoan
Retribusi Tempat Pelelangan
Retribusi Terminal
Retribusi Tempat Khusus Parkir
Retribusi Tempat Penginapan/Pesanggrahan/Villa
Retribusi Rumah Potong Hewan
Retribusi Pelayanan Kepelabuhanan
Retribusi Tempat Rekreasi dan Olahraga
Retribusi Penyeberangan di Air
Retribusi Penjualan Produksi Usaha Daerah

Perizinan Tertentu, terdiri atas:

Retribusi Izin Mendirikan Bangunan
Retribusi Izin Tempat Penjualan Minuman Beralkohol
Retribusi Izin Gangguan
Retribusi Izin Trayek dan
Retribusi Izin Usaha Perikanan

Tata Cara Penghitungan Retribusi

Menurut PERDA Kota Tangerang Nomor 1 Tahun 2011 pasal 7^[23] tata cara penghitungan retribusi yaitu :

Besarnya retribusi yang terutang dihitung berdasarkan perkalian antara tingkat penggunaan jasa dengan tarif retribusi.
Tingkat penggunaan jasa adalah jumlah penggunaan jasa yang dijadikan dasar alokasi beban biaya yang dipikul Pemerintah Daerah untuk penyelenggaraan jasa pelayanan persampahan/kebersihan.
Apabila tingkat penggunaan jasa pelayanan persampahan/kebersihan sulit diukur, maka tingkat penggunaan jasa dapat ditaksir berdasarkan pendekatan volume sampah yang didasari luas lantai bangunan rumah tangga, perdagangan dan industri.

Tata Cara Pemungutan Retribusi

Pernyataan yang dikemukakan oleh Mardiasmo (2016:21)^[21]retribusi dipungut dengan menggunakan surat ketetapan retribusi daerah (SKRD) atau dokumen lain yang di persamakan berupa karcis, kupon dan kartu langganan. Dalam hal wajib retribusi tertentu tidak membayar tepat pada waktunnya atau kurang membayar, dikenakan sanksi administratif berupa bunga sebesar 2% (dua persen) setiap bulan dari retribusi yang terutang yang tidak atau kurang dibayar dan ditagih dengan munggunakan surat tagihan retribusi daerah (STRD). penagihan retribusi terutang sebagaimana didahului dengan Surat teguran. Tata cara pelaksanaan pemungutan retribusi ditetapkan dengan peraturan kepala daerah.

Tata Cara Pembayaran

Menurut PERDA Kota Tangerang Nomor 1 Tahun 2011 pasal 18^[23]tata cara pembayaran yaitu :

Pembayaran retribusi terutang harus dilunasi sekaligus.
Retribusi yang terutang dilunasi selambat–lambatnya 15 (lima belas) hari sejak diterbitkannya SKRD atau dokumen lain yang dipersamakan.
Ketentuan lebih lanjut mengenai tata cara pembayaran Retribusi diatur dengan Peraturan Walikota.

SKRD (Surat Ketetapan Retribusi Daerah)

Menurut UU No.18 tahun 1997 Pasal 1^[24]menyatakan bahwa “SKRD (Surat Ketetapan Retribusi Daerah) adalah Surat Keputusan yang menentukan besarnya jumlah retribusi yang terutang”.

Konsep Dasar Retribusi Pelayanan Persampahan/Kebersihan

Definisi Retribusi Pelayanan Persampahan/Kebersihan

Menurut UU No.18 tahun 1997 Pasal 1^[24]menyatakan bahwa “Retribusi Pelayanan Persampahan/Kebersihan yang selanjutnya disebut retribusi adalah pembayaran atau jasa pelayanan persampahan/kebersihan yang khusus disediakan dan atau diberikan oleh pemerintah kota untuk kepentingan orang pribadi atau Badan”.

Konsep Dasar PIECES

Definisi PIECES

Pernyataan yang dikemukakan oleh Tri Munfarida dan Yuli Astuti dalam Jurnal Mantik Penusa (2017:16)^[25]“Analisis PIECES merupakan analisis yang melihat sistem dari Kinerja (Performance), Informasi (Information), Ekonomi (Economic), Kontrol (Control), Efisiensi (Efficiency) dan Pelayanan (Service)”.

Analisis Kinerja (Performance).
Kinerja merupakan bagian pendukung dalam kelancaran proses kerja dalam suatu perusahaan. Kinerja perusahaan sangat tergantung pada sumber daya manusia dan sumber daya alat atau sarana dan prasarana yang ada dalam perusahaan. Kinerja yang dimaksud adalah kinerja sistem. Kinerja dapat diukur dari throughput dan respons time. Throughtput adalah jumlah dari pekerjaan yang dilakukan suatu sistem tertentu. Respon time adalah rata-rata waktu yang tertunda diantara dua pekerjaan ditambah dengan waktu respon untuk menangani pekerjaan tersebut.
Analisis Informasi (Information).
Informasi merupakan salah satu faktor yang penting, karena informasi merupakan titik awal untuk mengoreksi keadaan dalam organisasi. Kualitas dari sebuah informasi (quality of information) tergantung dari tiga hal, yaitu informasi harus akurat (acurat), tepat pada waktunya (timely basis), dan relevan (relevance. Jika informasi yang diproses bisa lebih cepat, akurat, dan relevan tentunya akan memberikan keputusan bisnis yang baik untuk kemajuan perusahaan.
Analisis Ekonomi (Economic).
Analisis ekonomi merupakan sistem dalam pengurangan dan keuntungan yang akan didapat dari sistem yang baru. Peningkatan terhadap kebutuhan ekonomis mempengaruhi pengendalian biaya dan peningkatan manfaat. Dilihat dari pemanfaatan biaya sistem lama tersebut dinilai kurang ekonomis.
Analisis Efisiensi (Effisiency).
Efisiensi ini erat hubunganya dengan input yaitu bagaimana sumber daya yang ada dapat digunakan seminimal mungkin sehingga tidak terjadi pemborosan waktu, energi serta menekan biaya pengeluaran.
Analisis Kendali (Control).
Analisis kendali yaitu bagaimana sistem tersebut dapat mencegah atau mendeteksi kesalahan sistem, menjamin keamanan data dari akses yang tidak diijinkan, dan pengamanan dari kerusakan. Di dalam proses monitoring/pencatatan perlu adanya kontrol yang dilakukan oleh pihak pemilik terhadap semua proses monitoring/pencatatan yang dilakukan oleh karyawannya.
Analisis Pelayanan (Service).
Fokus dari analisis pelayanan adalah peningkatan terhadap pelayanan yang dihasilkan sistem dapat memberikan kemudahan dan kenyamanan dalam menyelesaikan pekerjaan untuk memperoleh informasi.

Konsep Dasar Database

Definisi Database

Definisi database menurut Haerudin, dkk dalam jurnal CCIT (2013:18)^[26]adalah “Salah satu komponen penting di dalam sistem informasi, karena berfungsi sebagai baris penyedia informasi bagi para pemakainya. Penerapan database dalam sistem informasi disebut dengan sistem database (database system)”.

Sedangkan menurut Faridi, dkk dalam Jurnal CERITA (2016:192)^[27]mendefinisikan bahwa “Database adalah sebuah struktur yang umumnya dikategorikan dalam 2 hal: sebuah database flat dan sebuah database relasional. Database relasional lebih disukai karena lebih masuk akal dibandingkan database flat”.

Sementara menurut Sri Rahayu, dkk dalam Jurnal CCIT (2015:54)^[28]mengatakan bahwa “Database adalah kumpulan data yang teintegrasi dan diatur sedemikian rupa sehingga data tersebut dapat dimanipulasi, diambil, dan dicari secara cepat”.

Manfaat Database

Menurut Imam Heryanto (2017:4)^[29]salah satu manfaat database yang paling utama adalah untuk memudahkan dalam mengakses data, kemudian pengaksesan data ini adalah sebagai implikasi dari keteraturan data yang merupakan syarat mutlak dari suatu database yang baik.

Jenis-jenis Database

Ada 4 jenis database yang sering muncul atau dikenal menurut Imam Heryanto (2017:6)^[29] yaitu:

Hierarchy
Network
Relational
Object Oriented

Dari keempat jenis tersebut, jenis database relasionallah yang paling sering digunakan. Namun, bukan berarti jenis database yang lain tidak di pakai. Jenis database yang lain, seperti database network pun digunakan untuk keperluan tertentu sesuai dengan kebutuhan dan kompleksitas permasalahan atau kompleksitas sistem yang akan dibangun.

Konsep Dasar Internet

Definisi Internet

Definisi internet menurut Untung Rahardja, dkk dalam Jurnal CCIT (2014:342)^[30] adalah “Menghubungkan berbagai jaringan yang tidak saling bergantung pada satu sama lain sedemikian rupa, sehingga mereka dapat berkomunikasi”.

Sedangkan menurut Edi Irwansyah dan Moniaga Jurike V (2014:12)^[31] mendefinisikan bahwa “Internet adalah sebuah sistem global jaringan komputer yang saling menghubungkan antara satu dengan yang lain di seluruh penjuru dunia. Adapun standar yang digunakan disebut Internet Protocol Suite (TCP/IP)”.

Internet digunakan di seluruh dunia untuk menghubungkan jutaan bisnis, agen pemerintahan, institusi akademis dan individu. Beberapa dari kegunaan itu adalah:

Sebagai sarana komunikasi.
Untuk penelitian sebagai alat pengakses informasi.
Sarana untuk belanja (online shopping).
Bank dan investasi.
Hiburan.
Berbagi info musik, foto, video.
Mengakses aplikasi di internet.
Alat pengajaran online.

Konsep Dasar Web

Definisi Web

Definisi web menurut Dina Fitria Murad, dkk dalam Jurnal CCIT (2013:49)^[32]adalah “Sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lainnya yang tersimpan dalam sebuah 'server web internet yang disajikan dalam bentuk hypertext”.

Sedangkan menurut Al-Husain, dkk dalam jurnal CERITA (2016:134)^[33]mengemukakan bahwa “Web atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman”.

Konsep Dasar PHP

Definisi PHP

Definisi PHP menurut Raharjo (2016:38)^[34]adalah “Salah satu bahasa pemrograman script yang dirancang untuk membangun aplikasi web”.

Sementara menurut Vidiandry Putratama Supono (2016:3)^[35]mendefinisikan bahwa “PHP (Hypertext Preprocessor) adalah suatu bahasa pemrograman yang digunakan untuk menerjemahkan baris kode program menjadi kode mesin yang dapat dimengerti oleh komputer yang bersifat server side yang dapat ditambahkan kedalam HTML”.

Kelebihan PHP

Menurut Madcoms (2016:2)^[36]PHP memiliki banyak kelebihan yang menjadi alasan kenapa anda harus menggunakan PHP. Berikut ini adalah beberapa kelebihan dari PHP :

Bisa membuat web menjadi dinamis.
PHP bersifat Open Source yang berarti dapat digunakan oleh siapa saja secara gratis.
Program yang dibuat dengan PHP bisa dijalankan oleh semua sistem operasi (OS) karena PHP berjalan secara web base yang artinya semua sistem operasi bahkan handpone yang mempunyai web browser dapat menggunakan program PHP.
Aplikasi PHP lebih cepat dibandingkan ASP maupun java.
Mendukung banyak paket database seperti MySQL, Oracle, PostgreSQL dan lain-lain.
Bahasa pemrograman PHP tidak memerlukan kompilasi(compile) dalam penggunaannya.
Banyak web server yang mendukung PHP seperti Apache, Loghttpd, IIS dan lain-lain.
Pengembangan aplikasi PHP mudah karena banyak dokumentasi, refrensi dan developer yang membantu dalam pengembangannya.
Banyak bertebaran aplikasi dan program PHP yang gratis dan siap pakai seperti wordpress, prestashop dan lain-lain.

Cara Kerja PHP

Menurut Raharjo (2016:39)^[34] cara kerja aplikasi web yang ditulis dengan PHP dapat dilakukan dengan langkah-langkah sebagai berikut:

User menulis www.abcd.com/catalog.php ke dalam address bar dari web browser (IE, Mozila Firefox, Opera, dll).
Web browser mengirimkan pesan diatas kekomputer server (www.abcd.com) melalui internet, meminta halaman catalog.php.
Web server (misalnya Apache), program yang berjalan di komputer server, akan menangkap pesan tersebut, lalu meminta interpreter PHP (program lain yang juga berjalan dikomputer server) untuk mencari file catalog.php dalam disk drive.
Interpreter PHP membaca file catalog.php dari disk drive.
Interpreter PHP akan menjalankan perintah-perintah atau kode PHP yang ada dalam file catalog.PHP. Jika kode dalam file catalog.php melibatkan akses terhadap database (misalnya MySQL) maka interpreter PHP juga akan berhubungan dengan MySQL untuk melaksanakan perintah-perintah yang berkaitan dengan database.
Interpreter PHP mengirimkan halaman yang di peroleh dari interpreter PHP ke komputer user sebagai respon atas permintaan yang diberikan.
Melalui internet, Apache mengirimkan halaman yang diperoleh dari interpreter PHP ke komputer user sebagai respon atas permintaan yang diberikan.
Web browser dalam komputer user akan menampilkan halaman yang dikirim oleh Apache.

Konsep Dasar HTML (Hypertext Markup Language)

Definisi HTML

Definisi HTML menurut Sugiri dalam M. Iqbal Dzulhaq, dkk dalam Jurnal Sisfotek Global (2017:2)^[37]adalah “Sebuah protokol yang digunakan untuk membuat format suatu dokumen web yang mampu dibaca dalam browser dari berbagai platform computer”.

Sedangkan menurut Kalpesh Adhatrao, dkk dalam International Journal of Data Mining and Knowledge Management Process (2013:43)^[38]Menyatakan bahwa “HTML (Hypertext Markup Language) is a mark up language for creating web pages or other information to display in a web browser. HTML allows images and objects to be included and that can be used to create interactive forms. From this, structured documents are created by using structural semantics for text such as headings, link, lists, paragraphs, quotes etc”. Artinya "HTML (Hypertext Markup Language) adalah bahasa mark up untuk membuat halaman web atau informasi lainnya untuk ditampilkan di browser web. HTML memungkinkan gambar dan objek disertakan dan bisa digunakan untuk membuat formulir interaktif. Dari sini, dokumen terstruktur dibuat dengan menggunakan semantik struktural untuk teks seperti judul, link, daftar, paragraf, kutipan dll”.

Konsep Dasar CSS (Cascading Style Sheet)

Pengertian CSS (Cascading Style Sheet)

Definisi CSS menurut Johani S Pasaribu dalam Jurnal Ilmiah Teknologi Informasi Terapan (2017:158)^[39]adalah “Singkatan dari casading style sheet yang merupakan kumpulan perintah yang dibentuk dari berbagai sumber yang disusun menurut urutan tertentu sehingga mampu mengatasi konflik style. CSS atau yang disebut casading style sheet yaitu salah satu bahasa pemrograman web yang mengatur komponen dalam suatu web supaya lebih terstruktur dan lebih seragam”.

Konsep Dasar Framework Laravel

Definisi Framework

Definisi framework menurut Shan dan Hua yang dikutip oleh Ahmad Leo Yudanto, dkk dalam Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer (2017:629)^[40] adalah “Sebuah arsitektur yang terbuka yang dibuat berdasarkan pada standar pengembangan perangkat lunak yang diterima secara umum”.

Sedangkan menurut Betha Sidik yang dikutip oleh Mara Destiningrum dan Qadhli Jafar Adrian dalam Jurnal Teknoinfo (2017:8)^[41]mendefinisikan bahwa “Framework adalah kumpulan intruksi-intruksi yang dikumpulkan dalam class dan function-function dengan fungsi masing-masing untuk memudahkan developer dalam memanggilnya tanpa harus menuliskan syntax program yang sama berulang-ulang serta dapat menghemat waktu”.

Definisi Laravel

Definisi laravel menurut Ahmad Leo Yudanto, dkk dalam Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer (2017:630)^[40]adalah “Sebuah framework web berbasis PHP yang open source dan tidak berbayar, diciptakan oleh Taylor Otwell dan diperuntukkan untuk pengembangan aplikasi web yang menggunakan pola MVC”.

Definisi Composer

Definisi PHP menurut Raharjo (2016:38)^[42]adalah “Dependency manager for PHP, digunakan untuk memudahkan dalam installasi aplikasi web berbasis PHP”.

Konsep Dasar MariaDB

Definisi MariaDB

Definisi MariaDB menurut Mahendra Data, dkk dalam Jurnal Teknologi Informasi dan Ilmu Komputer (2017:71)^[43]adalah “DBMS yang bersifat open source dan dikembangkan oleh pengembang yang sama dari MySQL”.

Konsep Dasar Notepad++

Definisi Notepad++

Definisi notepad++ menurut Vidiandry Putratama Supono (2016:13)^[35]adalah “Aplikasi teks editor yang gratis serta powerful yang dapat digunakan oleh seorang pengembang aplikasi (programmer) untuk menuliskan sebuah kode-kode program”.

Sedangkan menurut Madcoms (2016:15)^[44]mendefinisikan bahwa “Notepad++ adalah sebuah text editor yang sangat berguna bagi setiap orang dan khususnya bagi para developer dalam membuat program”.

Konsep Dasar Xampp

Definisi Xampp

Definisi Xampp menurut Bunafit Nugroho yang dikutip oleh Moch Agita Fauzi dan Titis Aji Wicaksono dalam Jurnal Surya Infromatika (2015:26)^[13]adalah “Paket web programming, akan tetapi kita bisa memanfaatkan database MySQL server, untuk belajar Programming Visual, juga disana telah tersedia tools phpMyAdmin yang hanya berjalan disisi server web seperti Apache Server”.

Sementara menurut M. Rosyid Saputra dan Slamet Riyadi (2016:2)^[45]mendefinisikan bahwa “Xampp adalah salah satu paket software web server yang terdiri atas Apache, MySQL, PHP dan phpMyAdmin. Mengapa menggunakan Xampp karena Xampp sangat mudah penggunannya, terutama jika anda seorang pemula. Proses instalasi Xampp sangat mudah, karena tidak perlu melakukan konfigurasi Apache, PHP dan MySQL secara manual, Xampp melakukan instalasi dan kofigurasi secara otomatis”.

Konsep Dasar Apache

Definisi Apache

Definisi Apache menurut Yosef Murya (2016:14))^[42]adalah “Aplikasi web server, tugas utama Apache adalah menampilkan halaman web yang benar kepada user berdasarkan kode HTML, PHP atau yang lainnya”.

Sedangkan menurut Supramana dan I Gusti Lanang Putra Eka Prismana dalam Jurnal Manajemen Informatika (2016:119)^[46]mendefinisikan bahwa “Apache merupakan program untuk menjalankan, melayani, dan memfungsikan situs web dalam sebuah komputer”. Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat dikonfigurasi, autentikasi berbasis data dan lain-lain. Selain itu Apache juga bisa digunakan sebagai load balancer dengan menambahkan beberapa modul-modul konfigurasi tertentu. Pada penelitian ini Apache akan digunakan sebagai load balancer adalah Apache versi 2.4 karena Apache pada versi 2.4 sudah mendukung modul untuk load balancing serta space memory yang digunakan lebih sedikit dari pada versi sebelumnya.

Konsep Dasar Elisitasi

Definisi Elisitasi

Definisi elisitasi menurut Srinivasan K S I, dkk dalam International Journal of Reseach in Computer and Communication Tecnology (2014:383)^[47]menyatakan bahwa “Requirement elicitation is a vital activiti in the process of requirement development and it descovers the requirement of end user”. Artinya kebutuhan elisitasi merupakan aktivitas vital dalam sebuah proses pengembangan kebutuhan dan memenuhi kebutuhan pengguna akhir.

Sedangkan menurut Siahaan yang dikutip oleh Muhammad Iqbal Hanafri dkk dalam Jurnal Sisfotek Global (2017:7)^[48]mengemukakan bahwa “Elisitasi adalah sekumpulan aktivitas yang ditunjukkan untuk menemukan kebutuhan suatu sistem melalui komunikasi dengan pelanggan, pengguna sistem, dan pihak lain yang memiliki kepentingan dalam pengembangan sistem”.

Tahapan-tahapan Elisitasi

Menurut Dede Bachtiar dan Atikah dalam Jurnal Sisfotek Global (2015:74)^[49]elisitasi berisi usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi. Elisitasi dilakukan melalui tiga tahap yaitu sebagai berikut : .

Elisitasi Tahap I

Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.

Elisitasi Tahap II

Merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi.

“M” pada MDI itu artinya mondatory (penting). Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.
“D” pada MDI itu artinya desirable. Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembuatan sistem, akan membuat sistem tersebut lebih sempurna.
“I” pada MDI itu artinya inessential. Maksudnya bahwa requirement tersebut bukanlah bagian dari luar sistem

Elisitasi Tahap III

Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE, yaitu sebagai berikut:

T artinya Technical, maksudnya bagaimana tata cara/teknik pembuatan requirment tersebut dalam sistem yang diusulkan.
O artinya Operational, maksudnya bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan.
E artinya Economy, maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut dalam sistem.

Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:

High H : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal, sehingga requirement tersebut harus diimplementasi.
Middle (M) : Mampu untuk dikerjakan.
Low (L) : Mudah untuk dikerjakan

Final Draft Elisitasi

Merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.

Konsep Dasar Unified Modeling Language (UML)

Definisi Unified Modeling Language (UML)

Berikut ini terdapat berbagai pengertian UML (Unified Modelling Language) menurut Ary Budi Warsito, dkk dalam Jurnal CCIT (2015:29)^[50]adalah “Himpunan struktur dan teknik untuk pemodelan desain program berorientasi objek (OOP) serta aplikasinya”.

Sedangkan menurut Onu, Fergus U. dan Umeakuka, Chinelo V. dalam International Journal of Computer Applications Technology and Research (2016:506)^[51]menyatakan bahwa “The UML is a visual modeling language and used for visualize, specify, construct and document the artifacts of a software system”. Artinya UML adalah model bahasa visual dan digunakan untuk visualisasikan, penelitian, pembangunan, dokumen atau data dari sistem perangkat lunak.

Sedangkan menurut Bayu Waspodo, dkk dalam Jurnal Sistem Informasi (2015:2) ^[52]mendefinisikan bahwa “UML (Unified Modelling Language) adalah salah satu alat bantu yang sangat handal dalam dunia pengembangan sistem yang berorientasi obyek”. Hal ini disebabkan karena UML menyediakan bahasa pemodelan visual yang memungkinkan bagi pengembang sistem untuk membuat cetak biru atas visi mereka dalam bentuk yang baku, mudah di mengerti, serta di lengkapi dengan mekanisme yang efektif untuk berbagi (sharing) dan mengkomunikasikan rancangan mereka dengan yang lain.

Jenis-Jenis Diagram Unified Modelling Language (UML)

Jenisjenis Diagram UML adalah:

Use Case Diagram

Menurut Sri Mulyani (2016:42)^[11]“Use Case diagram adalah diagram yang digunakan untuk menggambarkan hubungan antara sistem dengan aktor”.

Activity Diagram

Menurut Dina Fitria Murad, dkk dalam Jurnal CCIT (2013:53))^[32]“Activity diagram merupakan diagram yang bersifat dinamis. Activity diagram adalah tipe khusus dari diagram state yang memperlihatkan aliran dari suatu aktifitas keaktifitas lainnya dalam suatu sistem dan berfungsi untuk menganalisa proses”.

Sequence Diagram

Menurut Indra Griha Tofik Isa dalam Jurnal Ilmiah Ilmu Ekonomi (2017:141)^[53]Sequence diagram menggambarkan interaksi antara sejumlah objek dalam urutan waktu. Kegunananya untuk menunjukan rangkaian pesan yang dikirim antara objek dengan interaksi antar objek yang terjadi pada titik tertentu dalam eksekusi sistem.

Class Diagram

Menurut Sri Rahayu, dkk dalam jurnal CCIT (2015:96)^[54]“Class diagram merupakan diagram yang selalu ada di permodelan sistem berorientasi objek”. Class diagram adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek. Class diagram menunjukkan hubungan antar class dalam sistem yang sedang dibangun dan bagaimana mereka saling berkolaborasi untuk mencapai suatu tujuan.

Sedangkan menurut Akram Abdel Qader dan Khaled Musa dalam International Journal of Software Engineering & Applications (IJSEA) (2013:22)^[55]menyatakan bahwa “The class diagram used in the object oriented software design is a static structure diagram and is a type of the Unified Modeling Language (UML). The class diagram notations describe the structure of a system by showing the system's classes, and their attributes, operations or methods, and the relationships among the classes”. Yang artinya adalah diagram kelas digunakan dalam perancangan perangkat lunak, sedangkan diagram penyusun statis merupakan jenis dari Unified Modeling Language (UML). Catatan diagram kelas menggambarkan bentuk sebuah sistem dengan menunjukan sistem kelasnya dan peralatannya, cara kerjanya atau metodenya dan hubungan di antara kelas-kelas tersebut.

Konsep Dasar Testing

Definisi Testing

Definisi testing menurut Muhammad Johan Wahyudi dan Abdul Fadlil dalam Jurnal Sarjana Teknik Informatika (2013:18)^[56]adalah “Pengujian adalah bagian dari pengukuran yang dilanjutkan dengan penilaian”.

Definisi Black Box Testing

Definisi black box testing menurut Khan yang dikutip oleh M Sidi Mustaqbal, dkk dalam Jurnal Ilmiah Teknologi Informasi Terapan (2015:33) ^[57]adalah “Pengujian yang berfokus pada spesifikasi fungsional dari perangkat lunak, tester dapat mendefinisikan kumpulan kondisi input dan melakukan pengetesan pada spesifikasi fungsional program.

Konsep Dasar Literature Review

Definisi Literature Review

Definisi literature review menurut Jesa Ariawan dan Sri Wahyuni dalam Jurnal Sisfotek Global (2015:62)^[58]adalah “Mempelajari teori-teori dan mencari informasi yang berhubungan dengan permasalahan sesuai dengan judul penelitian ini”.

Studi Pustaka Literature Review

Dalam upaya menyempurnakan penelitian maka perlu dilakukan studi pustaka (Literature Review), diantaranya yaitu:

Penelitian Putri Wulan Septiantari dan Sukadi (2014)^[59] dalam Jurnal IJNS – Indonesian Journal on Networking and Security Vol.3 No.3 yang berjudul Sistem Informasi Pendataan Pembayaran Siswa Pada Lembaga Bimbingan Belajar Be Excellent Pacitan Berbasis Web. Penelitian ini adanya masalah pada pelaporan pembayaran pendaftaran siswa baik siswa baru maupun siswa yang melakukan daftar ulang. Pendataan siswa yang kurang jelas karena antara siswa yang aktif dan yang sudah keluar atau tidak aktif tidak di update rutin, sehingga menimbulkan kerancuan dalam pembayaran les. Kesimpulan Sistem ini bisa dikembangkan dengan menambahkan fitur agar siswa bisa melakukan pembayaran secara online, sehingga orang tua siswa bisa mengetahui informasi tentang pembayaran putra–putrinya dengan lebih mudah.
Penelitian yang dilakukan oleh Hendria Tony Fristanto (2014)^[60] dalam Jurnal IJNS- Indonesian Journal on Networking and Security Vol.3 No.1 yang berjudul Rancang Bangun Sistem Informasi Pembayaran Sumbangan Pembinaan Pendidikan (SPP) dan Insidental pada Sekolah Menengah Kejuruan Muhammadiyah Tinatar Punung. Penelitian ini adanya masalah pada pengelolaan data pembayaran menjadi tidak akurat dan dengan dibuatnya sistem informasi pembayaran SPP dan insidental siswa pada SMK Muhammadiyah Tinatar punung, pengelolaan data pembayaran menjadi lebih mudah dan akurat, karena pengelolaan pembayaran menggunakan sistem yang terkomputerisasi.
Penelitian yang dilakukan oleh Rindi Damayanti dan Indah Uly Wardati (2016)^[61]dalam Jurnal Evolusi yang berjudul Perancangan Sistem Informasi Pemesanan Dan Pembayaran Kamar Pada Hotel Remaja Pacitan. Dalam penelitian ini, kesimpulannya dengan di rancang sistem pemesanan dan pembayaran kamar pada hotel remaja Pacitan di harapkan dapat membantu permasalahan selama ini yang terjadi pada staf bagian administrasi hotel remaja Pacitan karena staf bagian administrasi dapat input data tamu yang memesan kamar atau check in dengan cepat, mengetahui keadaan kamar kosong dengan cepat, serta pembuatan laporan dan penghitungan biaya check out dengan cepat.
Penelitian yang dilakukan oleh Andreas Andoyo dan Tri Lestari (2014)^[62] STMIK Pringsewu dalam Jurnal TAM (Technology Acceptance Model) Vol.2 yang berjudul Perancangan Model Pembayaran Pelayanan Pajak Kendaraan Berbasis Web pada Kantor Samsat Pringsewu. Dalam penelitian ini mempunyai beberapa kendala seperti mengakibatkan banyak waktu, tenaga dan biaya yang terbuang karena panjangnya antrian pembayaran pajak kendaraan untuk itu penulis membuat perancangan model pelayanan pembayaran pajak kendaraan berbasis web pada kantor samsat Pringsewu agar masyarakat lebih dimudahkan dalam hal pembayaran pajak yaitu dengan cara online, sehingga masyarakat dapat lebih mengefisien waktu dalam membayar pajak kendaraan.
Penelitian yang dilakukan oleh Ilyas Abdullah (2014)^[63]Universitas Islam Indragiri (UNISI) dalam Jurnal Sistemasi. Vol. 3 No.3 yang berjudul Analisa dan Perancangan Sistem Informasi Pembayaran Pajak/Retribusi Daerah pada UPT. Dipenda Kecamatan Gaung Kabupaten Indragiri Hilir. Kesimpulan dalam penelitian ini dalam pembuatan laporan-laporan data dari pengolahan data tiket pada UPT. Dipenda Kecamatan Gaung yang berhubungan dengan informasi pembayaran pajak dapat dilakukan dengan baik dan dapat meminimalkan kesalahan-kesalahan. Dan dapat menerapkan sistem komputerisasi pada sistem informasi pembayaran pajak pada UPT. Dipenda Kecamatan Guang Kab. Inhil.
Penelitian yang dilakukan oleh zamzami (2017)^[64] dalam International Journal of Economics, Commerce and Management United Kingdom yang berjudul In-Depth Exploration Of Market Retribution In Jambi Province Indonesia Penelitian ini bertujuan untuk menganalisis terwujudnya penerimaan retribusi pasar di Kota Jambi, metode yang digunakan dalam penelitian ini adalah analisis deskriptif kuantitatif metode, untuk terwujudnya penerimaan retribusi pasar di Kota Jambi periode 2006 sampai 2015 mengalami perkembangan yang sangat berfluktuasi perhitungan potensi retribusi pasar menggunakan teknik Exponential Smoothing untuk semua. Data potensial 2016 di Kota Jambi dapat disimpulkan bahwa potensi retribusi pasar sudah dekat ke target.
Penelitian yang dilakukan oleh Martin Paul Moshal, Queens Way Quay (GI) (2017)^[65]dalam international journal of Patent Application Publication moshal United States yang berjudul Bill Payment Systemand Method pada penelitian ini bertujuan untuk mengidentifikasi pedagang. Sebuah sistem dan metode untuk menggunakan kode quick response (QR) dikodekan dengan tagihan dari pedagang, Pengguna dapat memilih instrumen pembayaran pada pemindai kode untuk membayar tagihan. Pemindai kode bisa mengirimkan ke server aplikasi data yang berkaitan dengan instrumen pembayaran Pemindai kode dapat menerima dari data status server aplikasi yang menunjukkan apakah tagihan berhasil atau tidak berhasil.
Penelitian yang dilakukan oleh Jane M. Zhu, Timothy Layton, Anna D. Sinaiko, and Thomas G. McGuire (2013)^[66] dalam The Journal international of Health Care Organization, Provision, and Financing yang berjudul The Power of Reinsurance in Health Insurance Exchanges to Improve the Fit of the Payment System and Reduce Incentives for Adverse Selection. pada penelitian ini bertujuan untuk melindungi rencana terhadap risiko kerugian dan menghadapi kerugian Seleksi di bursa asuransi kesehatan baru. Menggunakan data dari Survei Panel Pengeluaran Medicare (MEPS) untuk menarik "populasi Exchange", mensimulasikan kontribusi reasuransi untuk memperbaiki kesesuaian sistem pembayaran dengan rencana biaya dan untuk mengurangi insentif untuk seleksi yang merugikan bagi kelompok peserta dengan kronis yang dipilih penyakit. fitur pembayaran rencana lainnya fokus pada bagaimana reasuransi yang baik memperbaiki kecocokan pembayaran sistem untuk merencanakan biaya dan mengurangi insentif untuk seleksi buruk.
Penelitian yang dilakukan oleh Dario De Judicibus, Sandro Leopardi, Leonardo Modeo, dan Nicola Pergola (2013)^[67]dalam Journal International United States Patent De Judicibus Et Al. yang berjudul Methode and System For Secured Transactions Over A Wireless Netrwork. Pada penelitian ini bertujuan untuk melakukan transaksi yang aman, layanan disediakan pada lokasi yang berbeda dan didukung oleh aplikasi server, dan berlaku untuk transaksi pemesanan dan layanan pembayaran. Transaksi bisnis seperti transaksi pembayaran terbentuk melalui jaringan nirkabel untuk melakukan pembayaran melalui jaringan nirkabel, dengan penggunaan pembayaran nirkabel terminal menggunakan perpesanan Short Messaging Service (SMS) melalui GSM seperti jaringan nirkabel.
Penelitian yang dilakukan oleh Ulf Mattsson, Yigal Rozenberg dan Wilton (2013)^[68]dalam Journal International United States Patent Application Publication Mattsson et al. Yang berjudul Tokenization Of Payment Information In Mobile Environments. Penelitian ini bertujuan untuk tokenisasi data di mobile dan lingkungan pembayaran. pengguna dapat melakukan pembayaran dengan ponsel lalu register bisa mengirimkan nomor kartu kredit diterima dari handphone ke local server, server lokal dapat mengirimkan nomor kartu kredit ke bank, sistem pembayaran dapat dilakukan dengan mengirimkan informasi pembayaran token ke pembayaran jaringan yang terkait dengan transaksi Seorang pengguna bisa mengirimkan informasi pembayaran ke pusat.

Hasil studi pustaka (literature review) ini adalah landasan serta alasan yang kuat untuk mengembangkan sistem informasi Pendataan Pembayaran Retribusi Pelayanan Persampahan/Kebersihan menjadi lebih efektif dan efisien. Oleh karena itu, perbedaan literature review yang terdahulu dengan penelitian ini adalah :

Pembuatan sistem ini akan berbasis web, bahasa pemrograman yang di gunakan PHP dan HTML serta database yang digunakan yaitu MariaDB. MariaDB dirilis setelah rilis terbaru dari MySQL yang memiliki jumlah bug yang lebih sedikit, mempunyai kapasitas engine yang lebih banyak dan memiliki banyak fitur-fitur yang canggih serta sangat mudah bermigrasi dari MySQL.
Didalam sistem ini akan terdapat design tampilan yang menarik dan mudah digunakan dalam pencarian data setoran retribusi dan pembayaran retribusi agar sistem ini dapat dipahami oleh user dengan cepat, yang diharapkan disini adalah data-data yang ada di tiap bagiannya dapat dikumpulkan dalam satu sistem yang terintegrasi satu sama lain, data yang terintegrasi dapat menghasilkan laporan penerimaan retribusi secara otomatis, mudah, akurat dan cepat.

BAB III

ANALISA SISTEM YANG BERJALAN

Gambaran Umum Instansi Pemerintahan

Sejarah Singkat Dinas Lingkungan Hidup Kota Tangerang

Dinas Lingkungan Hidup Kota Tangerang merupakan unsur pelaksana Pemerintahan Kota dipimpin oleh seorang Kepala Dinas yang berada dibawah dan bertanggung jawab kepada Bupati/Walikota melalui Sekretaris Daerah. Dinas Daerah Kabupaten/Kota mempunyai tugas melaksanakan kewenangan desentralisasi.

Pada tahun 2016 Pemerintah Kota Tangerang merancang pembentukan Dinas baru yaitu Dinas Lingkungan Hidup yang bertugas dan wewenang untuk mengelola dibidang Dinas Lingkungan Hidup (DLH) Kota Tangerang. Sehingga pada awal tahun 2017 telah terbentuk Dinas Lingkungan Hidup Kota Tangerang. Tugas dan fungsi Dinas Lingkungan Hidup (DLH) sebagaimana tertulis pasal 1 ayat 2 Peraturan Daerah Kota Tangerang Nomor 68 Tahun 2016 tentang Kedudukan, Susunan Organisasi, Tugas dan Fungsi serta Tata Kerja Dinas Lingkungan Hidup adalah melaksanakan sebagian urusan Pemerintah Daerah yang memimpin pelaksanaan.

Sejak awal berdirinya Dinas Lingkungan Hidup wajah Kota Tangerang menjadi ada perubahan yang cukup signifikan yaitu dengan diperolehnya penghargaan Adipura Kencana, Adipura Kencana ini ialah Piala Adipura ke-7 bagi Kota yang sedang bertransformasi menjadi Kota Seribu Industri Sejuta Jasa. Dimana sejak tahun 2011 sampai 2017 secara berturut-turut Kota Tangerang selalu mendapatkan Piala Adipura dan puncaknya di tahun 2013 dan 2017 kota yang terkenal sebagai kota Akhlakul Karimah meraih Piala Adipura Kencana, supremasi kota yang selalu mengedepankan pembangunan berwawasan lingkungan. sehingga Kota Tangerang selalu masuk 10 besar dalam penilaian ADIPURA untuk kategori Kota Metropolitan.

Secara umum yang melatar belakangi terbentuknya UPT Retribusi Persampahan yaitu kondisi dimana retribusi pelayanan persampahan/kebersihan merupakan salah satu sumber pendapatan daerah yang penting guna membiayai pelaksanaan pemerintahan daerah dan dilaksanakan berdasarkan prinsip demokrasi, pemerataan dan keadilan, peran serta masyarakat dan akuntabilitas dengan memperhatikan potensi daerah dan dibutuhkannya suatu tempat atau wadah untuk melakukan serangkaian kegiatan untuk mencari, mengumpulkan dan mengolah data ataupun keterangan lainnya dalam rangka pengawasan kepatuhan pemenuhan kewajiban membayar retribusi pelayanan persampahan/kebersihan dan adapun sanksi yang berlaku sesuai peraturan daerah yang berlaku.

Upaya peningkatan PAD dapat dilakukan salah satunya dengan meningkatkan sumber daya dan sarana yang terbatas serta meningkatkan pemungutan yaitu dengan mengoptimalkan potensi yang ada, serta terus mengupayakan menggali sumber-sumber pendapatan baru yang potensinya memungkinkan, sehingga dapat di pungut retribusinya sesuai ketentuan yang ada.

Visi Dinas Lingkungan Hidup

Adapun visi dari Dinas Lingkungan Hidup sebagai berikut:

“Terwujudnya Dinas Lingkungan Hidup Kota Tangerang yang handal dan proaktif dalam perlindungan dan pengelolaan lingkungan hidup”.

Misi Dinas Lingkungan Hidup

Adapun misi dari Dinas Lingkungan Hidup sebagai berikut:

Meningkatkan pelayanan prima kepada masyarakat dalam pengelolaan lingkungan hidup.
Meningkatkan kualitas lingkungan hidup.

Struktur Organisasi

Dinas Lingkungan Hidup Kota Tangerang mempunyai struktur organisasi, yaitu :

Gambar 3.1 Struktur Organisasi Dinas Lingkungan Hidup

Gambar 3.2 Struktur Organisasi UPT Retribusi Persampahan.

Wewenang dan Tanggung Jawab

Kepala Dinas

Dinas mempunyai tugas pokok melaksanakan penyusunan dan pelaksanaan kebijakan daerah di bidang lingkungan hidup sesuai dengan visi, misi dan program Walikota sebagaimana dijabarkan dalam Rencana Pembangunan Jangka Menengah Daerah. Dinas dipimpin oleh seorang Kepala Dinas yang berada dibawah dan bertanggungjawab kepada Walikota melalui Sekretaris Daerah.

Sekretariat

Sekretariat mempunyai tugas pokok menyelenggarakan kegiatan dibidang administrasi umum, kepegawaian, keuangan dan perencanaan. Sekretariat dipimpin oleh seorang Sekretaris yang berada di bawah dan bertanggungjawab kepada Kepala Dinas.

Yang berada di bawah dan bertanggungjawab kepada Sekretaris yaitu:

Sub Bagian Umum dan Kepegawaian mempunyai tugas melaksanakan sebagian tugas dan fungsi Sekretariat di bidang administrasi umum dan administrasi kepegawaian. Sub Bagian Umum dan Kepegawaian dipimpin oleh seorang Kepala Sub. Bagian.
Sub Bagian Keuangan mempunyai tugas melaksanakan sebagian tugas dan fungsi Sekretariat di bidang administrasi keuangan.
Sub Bagian Perencanaan mempunyai tugas melaksanakan sebagian tugas dan fungsi Sekretariat di bidang perencanaan, evaluasi dan pelaporan. Sub Bagian Perencanaan dipimpin oleh seorang Kepala Sub Bagian.

Bidang Tata Lingkungan

Bidang Tata Lingkungan mempunyai tugas pokok menyelenggarakan sebagian tugas dan fungsi Dinas dalam lingkup perencanaan lingkungan, pengelolaan limbah B3 dan konservasi lingkungan hidup. Bidang Tata Lingkungan dipimpin oleh seorang Kepala Bidang yang berada di bawah dan bertanggungjawab kepada Kepala Dinas melalui Sekretaris.

Yang berada di bawah dan bertanggungjawab kepada Kepala Bidang Tata Lingkungan yaitu :

Seksi Pengelolaan Limbah B3 mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Tata Lingkungan yang berkenaan dengan pengelolaan dan penanganan limbah B3. Seksi Pengelolaan Limbah B3 dipimpin oleh seorang Kepala Seksi.
Seksi Kajian Dampak Lingkungan Hidup mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Tata Lingkungan yang berkenaan dengan pelaksanaan analisis dan evaluasi dampak lingkungan. Seksi Kajian Dampak Lingkungan Hidup dipimpin oleh seorang Kepala Seksi.
Seksi Pemeliharaan Lingkungan mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Tata Lingkungan yang berkenaan dengan pelestarian lingkungan hidup dan sumber daya alam serta keanekaragaman hayati. Seksi Pemeliharaan Lingkungan dipimpin oleh seorang Kepala Seksi.

Bidang Penataan dan Peningkatan Kapasitas Lingkungan Hidup

Bidang Penataan dan Peningkatan Kapasitas Lingkungan Hidup mempunyai tugas pokok menyelenggarakan sebagian tugas dan fungsi Dinas dalam lingkup pengawasan dan penegakan hukum lingkungan hidup, peningkatan kapasitas aparatur dan kelembagaan serta peran serta masyarakat. Bidang Penataan dan Peningkatan Kapasitas Lingkungan Hidup dipimpin oleh seorang Kepala Bidang yang berada di bawah dan bertanggungjawab kepada Kepala Dinas melalui Sekretaris.

Yang berada di bawah dan bertanggungjawab kepada Kepala Bidang Penataan dan Peningkatan Kapasitas Lingkungan Hidup yaitu:

Seksi Pengaduan dan Penyelesaian Sengketa Lingkungan mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Penataan dan Peningkatan Kapasitas Lingkungan Hidup yang berkenaan dengan pengaduan dan penyelesaian sengketa lingkungan. Seksi Pengaduan dan Penyelesaian Sengketa Lingkungan dipimpin oleh seorang Kepala Seksi.
Seksi Penegakan Hukum Lingkungan Hidup mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Penaatan dan Peningkatan Kapasitas Lingkungan Hidup yang berkenaan dengan penegakan hukum lingkungan hidup. Seksi Penegakan Hukum Lingkungan Hidup dipimpin oleh seorang Kepala Seksi.
Seksi Peningkatan Kapasitas Lingkungan Hidup mempunyai tugas pokok menyelenggarakan sebagian tugas dan fungsi Bidang Penataan dan Peningkatan Kapasitas Lingkungan Hidup dalam lingkup peningkatan kapasitas aparatur dan kelembagaan. Seksi Peningkatan Kapasitas Lingkungan Hidup dipimpin oleh seorang Kepala Seksi.

Bidang Pengendalian Pencemaran dan Kerusakan Lingkungan

Bidang Pengendalian Pencemaran dan Kerusakan Lingkungan mempunyai tugas pokok menyelenggarakan sebagian tugas dan fungsi Dinas dalam lingkup pemantauan dan pemulihan kualitas lingkungan hidup. Seksi Pengendalian Pencemaran Lingkungan dipimpin oleh seorang Kepala Seksi.

Yang berada di bawah dan bertanggung jawab kepada kepala Bidang Pengendalian Pencemaran dan Kerusakan Lingkungan yaitu:

Seksi Pemantauan Kualitas Lingkungan Hidup mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Pemantauan dan Pemulihan Kualitas Lingkungan Hidup yang berkenaan dengan pemantauan kualitas lingkungan hidup. Seksi Pemantauan Kualitas Lingkungan Hidup dipimpin oleh seorang Kepala Seksi.
Seksi Pengendalian Pencemaran dan Kerusakan Lingkungan mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Pengendalian Pencemaran dan Kerusakan Lingkungan yang berkenaan dengan pengendalian pencemaran lingkungan. Seksi Pengendalian Pencemaran Lingkungan dipimpin oleh seorang Kepala Seksi.
Seksi Pengendalian Kerusakan Lingkungan mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Pengendalian Pencemaran dan Kerusakan Lingkungan yang berkenaan dengan pengendalian kerusakan lingkungan. Seksi Pengendalian Kerusakan Lingkungan dipimpin oleh seorang Kepala Seksi.

Bidang Kebersihan dan Pengelolaan Sampah

Bidang Kebersihan dan Pengelolaan Sampah mempunyai tugas pokok menyelenggarakan sebagian tugas Dinas dalam lingkup pengelolaan dan pendayagunaan persampahan. Bidang Kebersihan dan Pengelolaan Sampah dipimpin oleh seorang Kepala Bidang yang berada di bawah dan bertanggungjawab kepada Kepala Dinas melalui Sekretaris.

Yang berada di bawah dan bertanggungjawab kepada Kepala Bidang Kebersihan dan Pengelolaan Sampah yaitu:

Seksi Penanganan Sampah mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Kebersihan dan Pengelolaan Sampah yang berkenaan dengan penyapuan, pengumpulan dan pengangkutan sampah. Seksi Penanganan Sampah dipimpin oleh seorang Kepala Seksi.
Seksi Pengurangan Sampah mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Kebersihan yang berkenaan dengan pengangkutan sampah. Seksi Pengurangan Sampah dipimpin oleh seorang Kepala Seksi.
Seksi Pengolahan dan Pemrosesan Sampah mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Kebersihan dan Pengelolaan Sampah yang berkenaan dengan pendayagunaan sampah dan peningkatan peran serta masyarakat di bidang lingkungan hidup. Seksi Pengolahan dan Pemrosesan Sampah dipimpin oleh seorang Kepala Seksi.

UPT Retribusi Persampahan Kota Tangerang

UPT Retribusi Persampahan mempunyai tugas menyelenggarakan sebagian tugas Dinas yang berkenaan dengan pengelolaan Retribusi Pelayanan Persampahan/Kebersihan. UPT Retribusi Persampahan dipimpin oleh seorang Kepala UPT yang berada di bawah dan bertanggungjawab kepada Kepala Dinas melalui Sekretaris.

Untuk melaksanakan tugas UPT Retribusi Persampahan mempunyai fungsi :

Pelaksanaan analisis potensi Retribusi Pelayanan Persampahan/Kebersihan.
Pelaksanaan pemungutan Retribusi Pelayanan Persampahan/Kebersihan.

Rincian tugas UPT Retribusi Persampahan adalah:

Melakukan pendataan Obyek dan Subyek Retribusi Pelayanan Persampahan/Kebersihan.
Melakukan analisis potensi pendapatan asli daerah yang bersumber dari Retribusi Pelayanan Persampahan/ Kebersihan.
Melaksanakan koordinasi dengan Perangkat Daerah dan atau lembaga yang terkait dalam rangka pengelolaan Retribusi Pelayanan Persampahan/Kebersihan.
Melakukan penyiapan Barang Kuasi yang diperlukan dalam rangka pemungutan Retribusi Pelayanan Persampahan/Kebersihan.
Melaksanakan pengendalian dalam rangka penyediaan Barang Kuasi yang diperlukan dalam pemungutan Retribusi Pelayanan Persampahan/Kebersihan.
Melaksanakan pengaturan dan pengendalian dalam rangka penugasan Pegawai UPT Retribusi Persampahan yang akan melaksanakan pemungutan Retribusi Pelayanan Persampahan/Kebersihan.
Melaksanakan pemungutan Retribusi Pelayanan Persampahan/Kebersihan.
Melaksanakan penerimaan, penyimpanan, dan penyetoran hasil pemungutan Retribusi Pelayanan Persampahan/Kebersihan ke Kas Daerah sesuai dengan ketentuan perundang-undangan yang berlaku.
Melakukan monitoring, evaluasi dan pelaporan kegiatan UPT Retribusi Persampahan.
Melaksanakan tugas-tugas kedinasan lainnya sesuai dengan bidang tugasnya.

Kelompok Jabatan Fungsional

Jabatan Fungsional ditetapkan berdasarkan ketentuan peraturan perundang-undangan yang berlaku.
Pemegang Jabatan Fungsional dalam melaksanakan tugasnya bertanggungjawab kepada Kepala Dinas.
Dalam hal Pemegang Jabatan Fungsional lebih dari seorang dibentuk Kelompok Jabatan Fungsional.
Kelompok Jabatan Fungsional dipimpin oleh Pemegang Jabatan Fungsional yang paling senior.
Jumlah Pegawai Negeri Sipil yang memangku setiap jenis Jabatan Fungsional ditetapkan sesuai peraturan perundang-undangan.

Retribusi pelayanan Persampahan untuk meningkatkan PAD

Kegiatan teknis utama berupa pendataan Obyek dan Subyek Retribusi Pelayanan Persampahan/Kebersihan dan menganalisis potensi pendapatan asli daerah yang bersumber dari Retribusi Pelayanan Persampahan/Kebersihan serta Monitoring penerimaan Retribusi Pelayanan Persampahan/Kebersihan yang dilakukan oleh UPT Retribusi Persampahan dengan luas ruang lingkup pelayanan di wilayah Kota Tangerang sebagai berikut :

Luas Wilayah : 164,54 km2
Jumlah Kecamatan : 13 kecamatan
Jumlah Kelurahan : 104 kelurahan

Kontribusi terhadap Pemerintah dan Masyarakat

Dengan terbentuknya UPT Retribusi Kebersihan/Persampahan, maka segala ketentuan atau peraturan yang mengatur mengenai tugas dan fungsi serta tata kerja Unit Pelaksana Teknis Retribusi Persampahan pada Dinas Lingkungan Hidup yang sesuai dengan Peraturan Walikota Nomor 112 Tahun 2016, diharapkan UPT Retribusi Kebersihan/Persampahan dapat memberikan kontribusi dalam penerimaan Retribusi daerah yang pada akhirnya akan meningkatkan Pendapatan Asli Daerah (PAD) guna mendukung sumber pembiayaan daerah dalam menyelenggarakan pembangunan daerah, yang pada akhirnya akan meningkatkan dan memeratakan perekonomian serta kesejahteraan masyarakat di daerahnya.

Tata Laksana Sistem Yang Berjalan

Prosedur Sistem Yang Berjalan

Prosedur setoran pembayaran retribusi pelayanan persampahan/kebersihan

Peran Petugas Pemungut Retribusi setiap awal bulannya melakukan setoran pembayaran retribusi yaitu dengan cara meminta form Tanda Bukti Penerimaan bend 26 ke Bendahara Pembantu Penerima dan mengisi form Tanda Bukti Penerimaan bend 26 kemudian memberikan form Tanda Bukti Penerimaan bend 26 beserta SKRD, uang cash atau bukti transfer kepada Bendahara Pembantu Penerima selanjutnya Bendahara Pembantu Penerima memberikan kwitansi (tanda pembayaran) kepada Petugas Pemungut Retribusi.

Prosedur pendataan pembayaran retribusi pelayanan persampahan/kebersihan

Peran Bendahara Pembantu Penerima dan Petugas Pendata melakukan prosedur pendataan pembayaran retribusi pelayanan persampahan/kebersihan yaitu :

Bendahara Pembantu Penerima mencatat di daftar setoran retribusi berdasarkan form Tanda Bukti Penerimaan bend 26 selanjutnya mencatat di daftar setoran retribusi setelah itu diinput kembali di Microsoft Office Excel kemudian merekap setoran mingguan.
Petugas Pendata meminta Kwitansi (tanda pembayaran) kepada Bendahara Pembantu Penerima untuk merekap rincian bulanan.

Prosedur Pembuatan Laporan Setoran Mingguan dan Laporan Rincian Bulanan.

Berdasarkan rekapan :

Rekapan setoran mingguan, Bendahara Pembantu Penerima membuat laporan setoran mingguan selanjutnya diberikan kepada kepala UPT Retribusi Persampahan.
Rekapan rincian bulanan, Petugas Pendata membuat laporan rincian bulanan selanjutnya diberikan kepada kepala UPT Retribusi Persampahan.

Rancangan Sistem Berjalan

Analisa sistem yang berjalan pendataan pembayaran retribusi pelayanan persampahan/kebersihan pada UPT Retribusi Persampahan yaitu :

Petugas Pemungut Retribusi melakukan setoran pembayaran retribusi dengan meminta form Tanda Bukti Penerimaan bend 26 form Tanda Bukti Penerimaan bend 26 yaitu ada dua form :

Jika Petugas Pemungut Retribusi melakukan pembayaran dengan cash dan pembayaran dengan transfer maka meminta 2 lembar form Tanda Bukti Penerimaan bend 26.
Jika Petugas Pemungut Retribusi melakukan pembayaran dengan cash atau pembayaran dengan transfer saja hanya meminta 1 lembar saja form Tanda Bukti Penerimaan bend 26.

Petugas Pemungut Retribusi Mengisi form Tanda Bukti Penerimaan bend 26 setelah mengisi form Tanda Bukti Penerimaan bend 26 petugas pemungut retribusi memberikan form Tanda Bukti Penerimaan bend 26 beserta SKRD (Surat Ketetapan Retribusi Daerah), uang cash atau tanda bukti transfer.
Setelah pembayaran dilakukan maka Bendahara Pembantu Penerima mengisi Kwitansi (Tanda Pembayaran) dan memberikan Kwitansi (Tanda Pembayaran) kepada Petugas Pemungut Retribusi.
Setelah Bendahara Pembantu Penerima menerima pembayaran dengan form Tanda Bukti Penerimaan bend 26 kemudian mencatat di daftar setoran retribusi jika semuannya sudah terkumpul pembayaran retribusi, maka Bendahara Pembantu Penerima menginput setoran retribusi kemudian merekap setoran mingguan sesuai dengan kelurahan dan pembayaran melalui uang cash atau transfer.
Setelah selesai Bendahara Pembantu Penerima merekap setoran mingguan, Bendahara Pembantu Penerima memberikan laporan setoran mingguan kepada Kepala UPT Retribusi Persampahan.
Kemudian Bendahara Pembantu Penerima memberikan kwitansi (Tanda Pembayaran) kepada Petugas Pendata selanjutnya Petugas Pendata merekap rincian bulanan setelah selesai memberikan laporan rincian bulanan kepada kepala UPT Retribusi Persampahan.

Dibawah ini merupakan proses sistem yang sedang berjalan di instansi pemerintahan yang menggunakan Use Case Diagram, Activity Diagram dan Sequence Diagram.

Use Case Diagram Sistem Yang Berjalan

Gambar 3.3 Use Case Diagram Pendataan Pembayaran Retribusi Pelayanan Persampahan/Kebersihan

Berdasarkan Gambar 3.3 Use Case Diagram yang berjalan saat ini dijelaskan :

1 (Satu) System yang mencakup seluruh kegiatan mulai dari pemungut retribusi sampai kegiatan laporan setoran mingguan dan laporan rincian bulanan pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang.
4 Actor yang melakukan kegiatannya: Petugas Pemungut Retribusi, Bendahara Pembantu Penerima, Petugas Pendata dan Kepala UPT Retribusi.
13 Use Case yang bisa dilakukan actor-actor tersebut diantaranya : meminta form bend 26, pembayaran cash, pembayaran transfer, mengisi form bend 26, pemberian form bend 26, SKRD, uang cash atau bukti transfer, mengisi kwitansi, pemberian kwitansi, mencatat di daftar setoran retribusi, input setoran retribusi, merekap setoran retribusi mingguan, pemberian kwitansi, merekap rincian retribusi bulanan, menerima laporan setoran mingguan dan menerima laporan rincian bulanan.

Keterangan:

Form Bend 26 merupakan Formulir Tanda Bukti Penerimaan
Kwitansi merupakan Tanda Pembayaran
SKRD (Surat Ketetapan Retribusi Daerah) merupakan Surat Keputusan yang menentukan besarnya jumlahnya retribusi yang terutang.

Activity Diagram Sistem Yang Berjalan

Gambar 3.4 Activity Diagram pendataan pembayaran retribusi pelayanan persampahan/kebersihan

Berdasarkan gambar 3.4 Activity Diagram sistem yang berjalan saat ini terdapat keterangan :

1 Initial Node sebagai yang mengawali objek
4 Swim Line yaitu : Pemungut Retribusi, Bendahara Pembantu Penerima, Petugas Pendata dan Kepala UPT Retribusi Persampahan.
21 Action dari sistem yang mencerminkan eksekusi dari suatu aksi, yaitu yang diantaranya adalah meminta form bend 26, pembayaran cash, pembayaran transfer, pemberian form bend 26, menerima form bend 26, mengisi form bend 26, pemberian form bend 26, SKRD, uang cash atau bukti transfer, menerima form bend 26, SKRD, uang cash atau bukti transfer, mengisi kwitansi, pemberian kwitansi, menerima kwitansi, mencatat di daftar setoran retribusi, input setoran retribusi, merekap setoran mingguan, pemberian kwitansi, menerima kwitansi, merekap rincian bulanan, memberikan laporan setoran mingguan, menerima laporan setoran mingguan, memberikan laporan rincian bulanan dan menerima rincian bulanan.
1 (Satu) Final State sebagai yang mengakhiri objek.

Sequence Diagram Sistem Yang Berjalan

Gambar 3.5 Sequence Diagram pendataan pembayaran retribusi pelayanan persampahan/kebersihan

Berdasarkan gambar 3.5 Sequance Diagram sistem yang berjalan saat ini terdapat keterangan :

4 (Lima) Actor yang diantaranya adalah Pemungut Retribusi, Bendahara Pembantu Penerima, Petugas Pendata dan Kepala UPT Retribusi.
24 (dua puluh dua) message spesifikasi dari komunikasi antar objek yang memuat informasi tentang aktifitas yang terjadi.

Analisa Sistem yang Berjalan

Metode Analisa Sistem

Tahapan analisis terhadap suatu sistem atau aplikasi dilakukan sebelum tahapan perancangan dilakukan. Analisis PIECES ini sangat penting sebelum mengembangkan sebuah sistem informasi karena dalam analisis ini biasannya untuk mengidentifikasi masalah sampai dengan menyelesaikan masalah. Tujuan diterapkannya analisis terhadap suatu sistem adalah untuk mengetahui alasan mengapa sistem tersebut diperlukan, sehingga fungsi yang terdapat di dalam sistem tersebut bekerja secara optimal. Metode analisa yang digunakan peneliti disini adalah menggunakan metode analisis PIECES yaitu :

Tabel 3.1 Analisis PIECES

Analisa Masukan, Analisa Proses, Analisa Keluaran

Analisa Masukan
Nama Masukan : Tanda Bukti Penerimaan Bend 26
Fungsi : Untuk mengetahui jumlah pembayaran pada Customers dan jumlah setoran retribusi
Sumber : Bendahara Pembantu Penerima
Tujuan : Pemungut Retribusi
Media : Kertas
Frekuensi : Setiap ada pembayaran retribusi
Format : 3
Keterangan : Berisi Pembayaran Retribusi dan jumlah setoran retribusi.

Nama Masukan : SKRD (Surat Ketentuan Retribusi Daerah)
Fungsi : Untuk mengetahui jumlah pembayaran pada Customers
Sumber : Petugas Pemungut Retribusi
Tujuan : Customers
Media : Kertas
Frekuensi : Setiap ada pembayaran yang harus ditagih
Format : 3
Keterangan : Berisi Ketentuan Jumlah yang harus di Bayar
Analisa Proses
Nama : Setoran pembayaran retribusi
Masukan : SKRD, Tanda Bukti Penerimaan Bend 26 dan Uang Cash atau Tanda Bukti Transfer.
Keluaran : Kwitansi (tanda pembayaran)
Ringkasan Proses : ketika petugas pemungut retribusi melakukan setoran pembayaran retribusi, petugas pemungut retribusi memberikan SKRD, Form Tanda Bukti Penerimaan Bend 26 dan Uang Cash atau Bukti Transfer kepada Bendahara Pembantu Penerima.
Analisa Keluaran
Nama Keluaran : Kwitansi (tanda pembayaran)
Fungsi : Sebagai bukti pembayaran retribusi
Media : Kertas
Rangkap : 5
Distribusi : Sebagai arsip
Distribusi : Laporan akan diberikan kepada Pimpinan.

Nama Keluaran :Laporan Setoran Mingguan
Fungsi : Untuk mengetahui Jumlah Setoran Retribusi pelayanan persampahan/kebersihan
Media : Kertas
Rangkap : 3
Distribusi : Sebagai arsip

Nama Keluaran :Laporan Rincian Bulanan
Fungsi : Untuk mengetahui hasil rincian retribusi Retribusi pelayanan persampahan/kebersihan
Media : Kertas
Rangkap : 13
Distribusi : Sebagai arsip

Konfigurasi Sistem yang Berjalan

Spesifikasi Perangkat Keras (Hardware)
1. Processor : Intel i7-4785T
2. Monitor : Lenovo 17” Inci
3. Hardisk : 1 Terra
4. RAM : 4 GB
5. Keyboard : Logitec
6. Printer : EPSON LQ 2190
7. Mouse : Lenovo
Spesifikasi Perangkat Lunak (Software)
1. Microsoft Windows 7
2. Microsoft Office 2007
Hak Akses (Brainware)
1. Kepala UPT Retribusi Persampahan
2. Bendahara Pembantu Penerima
3. Petugas Pendata

Permasalahan yang dihadapi dan Alternatif Pemecahan Masalah

Permasalahan Yang Dihadapi
Berdasarkan hasil analisis yang dilakukan penulis dalam Pendataan Pembayaran Retribusi Pelayanan Persampahan/Kebersihan pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup dapat disimpulkan permasalahan yang ada sebagai berikut:
1. Penginputan yang dilakukan untuk pendataan pembayaran retribusi saat ini masih belum terkomputerisasi dengan baik yaitu menggunakan Microsoft office excel sehingga dalam hal ini mengakibatkan pendataan pembayaran retribusi yang dihasilkan kurang berjalan dengan efektif dan efisien.
2. Dalam laporan pembayaran retribusi belum dapat menghasilkan laporan pembayaran retribusi pelayanan persampahan/kebersihan yang cepat, tepat dan akurat karena harus di cek satu persatu berapa jumlah setoran retribusi dan pembayaran retribusi sehingga membutuhkan waktu yang lama dalam pembuatan laporan setoran mingguan dan laporan rincian bulanan yang akan di berikan kepada kepala UPT Retribusi Persampahan.
3. Proses memonitoring pembayaran retribusi masih kurang optimal yang dimana prosesnya sering terjadinya kesalahan, seperti pencarian data yang sudah melakukan pembayaran retribusi atau pun yang belum melakukan pembayaran retribusi harus di cek satu persatu.
Alternatif Pemecahan Masalah
Adapun alternatif pemecahan masalah sebagai berikut:
1. Membuat sistem yang terkomputerisasi untuk sistem pendataan pembayaran retribusi dalam penginputan data pembayaran retribusi dan pengolahan data serta menyajikan data agar saling terintegrasi satu sama lain. Data yang terintegrasi dapat menghasilkan laporan setoran mingguan dan laporan rincian bulanan yang mudah, akurat dan cepat dalam memberikan laporan setoran mingguan dan laporan rincian bulanan kepada kepala UPT Retribusi Persampahan.
2. Membuat suatu rancangan sistem monitoring pembayaran retribusi untuk mempermudah Bendahara Pembantu Penerima dan Kepala UPT Retribusi Persampahan dalam memonitoring pencarian data yang sudah melakukan pembayaran retribusi atau pun yang belum melakukan pembayaran retribusi sehingga tidak perlu di cek satu persatu karena data tersebut sudah terintegrasi satu sama lain. Sistem pendataan pembayaran retribusi dapat diakses secara localhost. Bahasa pemograman yang digunakan adalah PHP dan HTML sebagai database yang dapat menyimpan data pembayaran secara lengkap dan terperinci dan lebih efektif dalam satu database sehingga tidak membutuhkan berkas banyak dan data bisa di gunakan dalam jangka waktu yang relatif lama.

User Requirement

Elisitasi Tahap I

Elisitasi tahap I disusun melalui hasil observasi dan wawancara kepada Stakeholder mengenai sistem yang diusulkan. Berikut ini merupakan data elisitasi tahap I :

Tabel 3.3 Elisitasi Tahap I

Elisitasi Tahap II

Elisitasi tahap II merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI (Mandatory, Desirable, Innesential). Berikut ini merupakan data elisitasi tahap II :

Berikut ini adalah tabel Elisitasi Tahap II yang di tunjukkan pada tabel 3.4.

Tabel 3.4 Elisitasi Tahap II

Keterangan :

M (Mandatory) : Dibutuhkan atau penting.

D (Desirable) : Diinginkan atau tidak terlalu penting.

I (Inessential) : Di luar sistem atau di eliminasi.

Elisitasi Tahap III

Elisitasi tahap III merupakan hasil penyusutan dari elisitasi tahap II dengan cara requirement yang di beri opsi Inessential (I) harus di eliminasi di Elisitasi tahap III. selanjutnya semua requirement yang tersisa dikelasifikasikan kembali dengan menggunakan metode TOE dengan opsi HML.

Berikut ini adalah tabel Elisitasi Tahap III yang di tunjukkan pada tabel 3.5.

Tabel 3.5 Elisitasi Tahap III

Keterangan :

T (Technical) H (High)

O (Operational) M (Middle)

E Economic L (Low)

Final Draft Elisitasi

Final Draft Elisitasi Merupakan hasil akhir dari tahapan-tahapan elisitasi yang disetujui oleh Stakeholder, yang dapat dijadikan acuan dalam pengembangan sistem yang akan dibuat peneliti untuk menerapkan sistem informasi pendataan pembayaran retribusi pelayanan persampahan/kebersihan pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup. Berdasarkan elisitasi tahap III, menghasilkan requirement final draft elisitasi yang dapat ditunjukkan pada :

Tabel 3.5 Tabel Final Draft Elisitasi

BAB IV

RANCANGAN SISTEM YANG DIUSULKAN

Rancangan Sistem Usulan

Setelah melakukan analisis dan penelitian dari sistem yang sedang berjalan pada UPT Retribusi Persampahan Di Dinas Lingkungan Hidup, selanjutnya akan membahas tentang rancangan sistem yang diusulkan yang dapat dijelaskan pada use case diagram, activity diagram, sequence diagram dan class diagram.

Prosedur Sistem Usulan

Kepala UPT Retribusi Persampahan
1. Dapat melakukan login.
2. Menampilkan menu dashboard. Dimana terdapat data pembayaran dan grafik pendapatan bulanan.
3. Menampilkan menu Master Data. Dimana terdapat menu Petugas, Menu Customers, Menu wilayah, Menu Kecamatan, Menu Kelurahan dan menu Cara Bayar. Kepala UPT Retribusi Persampahan memiliki hak akses dapat menginput, delete, Search dan edit data.
4. Menampilkan menu Pembayaran. Dimana terdapat data pembayaran. Kepala UPT Retribusi Persampahan memiliki hak akses dapat menginput, delete, search, print kwitansi dan edit data.
5. Menampilkan menu laporan. Dimana terdapat menu laporan harian, menu laporan mingguan dan menu laporan bulanan. Kepala UPT Retribusi Persampahan memiliki hak untuk search, cetak laporan.
6. Menampilkan menu setting. Dimana terdapat menu users, menu Roles dan menu permissions. Kepala UPT Retribusi Persampahan memiliki hak akses dapat add, delete dan edit.
7. Dapat melakukan logout.
Bendahara Pembantu Penerima
1. Dapat melakukan login.
2. Menampilkan menu dashboard.
3. Menampilkan menu pembayaran. Dimana terdapat data pembayaran. Bendahara Pembantu Penerima memiliki hak akses dapat menginput, delete, search, print kwitansi dan edit data.
4. Menampilkan menu laporan. Dimana terdapat menu laporan harian, menu laporan mingguan dan menu laporan bulanan. Bendahara Pembantu Penerima memiliki hak untuk search, cetak laporan.
5. Dapat melakukan logout.

Use Case Diagram Sistem yang Diusulkan

Berikut ini merupakan use case diagram yang menggambarkan proses sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan yang sedang di rancang yaitu:

Gambar 4.1 use case diagram sistem yang diusulkan

Berdasarkan gambar 4.1 use case diagram sistem yang diusulkan terdapat:

Kepala UPT Retribusi Persampahan
2 actor yang melakukan kegiatan, diantaranya : Kepala UPT Retribusi Persampahan dan Bendahara Pembantu Penerima.
Terdapat 8 Use Case yaitu :
1. Login.
2. 5 Extend Use Case :
  1. Menu Utama memiliki 5 Extention Points, yaitu Dashboard, Master Data, Pembayaran, Laporan dan Setting.
  2. Menu Master Data memiliki 6 Extention Points, yaitu Petugas, Customers, Wilayah, Kecamatan, Kelurahan, dan Cara Bayar.
  3. Menu Pembayaran Memiliki 1 Extention Points, yaitu input pembayaran.
  4. Menu Laporan Memiliki 3 Extention Points, yaitu Laporan Harian, Laporan Mingguan dan Laporan Bulanan.
  5. Menu Setting Memiliki 3 Extention Points, yaitu Users, Roles dan Permissions.
3. Logout

Activity Diagram Sistem yang Diusulkan

Berikut ini merupakan activity diagram yang menggambarkan alur aktivitas sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan yang sedang di rancang yaitu:

Activity diagram untuk Kepala UPT Retribusi Persampahan yang diusulkan.

Gambar 4.2 activity diagram sistem untuk Kepala UPT Retribusi Persampahan yang diusulkan

Pada gambar 4.2 activity diagram untuk Kepala UPT Retribusi Persampahan yang diusulkan terdapat:
1. 1 initial node, untuk mengawali objek.
2. 49 action state yang menggambarkan eksekusi kegiatan.
3. 1 decision node, aliran yang menentukan pilihan.
4. 6 Fork node yang menjelaskan adanya beberapa aliran.
5. 1 activity final node, untuk menjelaskan bahwa alur sistem berakhir.
Activity diagram untuk Bendahara Pembantu Penerima yang diusulkan

Gambar 4.3 activity diagram sistem untuk Bendahara Pembantu Penerima yang diusulkan

Pada gambar 4.3 activity diagram untuk Bendahara Pembantu Penerima yang diusulkan terdapat:
1. 1 initial node, untuk mengawali objek.
2. 20 action state yang menggambarkan eksekusi kegiatan.
3. 1 decision node, aliran yang menentukan pilihan.
4. 4 Fork node yang menjelaskan adanya beberapa aliran.
5. 1 activity final node, untuk menjelaskan bahwa alur sistem berakhir.

Sequence Diagram Sistem yang Diusulkan

Berikut ini merupakan sequence diagram yang menggambarkan alur-alur aktivitas sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan yang sedang di rancang yaitu:

Sequence diagram untuk Kepala UPT Retribusi Persampahan yang diusulkan terdapat:

Gambar 4.4 sequence diagram sistem untuk Kepala UPT Retribusi Persampahan yang diusulkan

Pada gambar 4.4 sequence diagram untuk Kepala UPT Retribusi Persampahan yang diusulkan terdapat:

1 actor yang melakukan kegiatan, yaitu Kepala UPT Retribusi Persampahan.
15 lifeline yang saling berinteraksi, yaitu menu utama, dashboard, Petugas, Customers, Wilayah, Kecamatan, Kelurahan, Cara Bayar, Pembayaran, Laporan Harian, Laporan Mingguan, Laporan Bulanan, Users, Roles dan Permissions.
2 boundary lifeline, yaitu login dan logout.

Sequence diagram untuk Bendahara Pembantu Penerima yang diusulkan terdapat:

Gambar 4.5 sequence diagram sistem untuk Bendahara Pembantu Penerima yang diusulkan

Pada gambar 4.5 sequence diagram untuk Bendahara Pembantu Penerima yang diusulkan terdapat:

1 actor yang melakukan kegiatan, yaitu Bendahara Pembantu Penerima.
6 lifeline yang saling berinteraksi, yaitu menu utama, dashboard, Pembayaran, Laporan Harian, Laporan Mingguan dan Laporan Bulanan.
2 boundary lifeline, yaitu login dan logout.
19 message yang memuat informasi – informasi tentang suatu kegiatan atau aktivitas yang terjadi yang dilakukan oleh actor – actor.
1 decision node untuk membuat keputusan.

Class Diagram Sistem Yang Diusulkan

Class diagram yang digunakan untuk menjelaskan spesifikasi objek-objek yang ada di dalam apikasi sistem informasi pendataan pembayaran retribusi pelayanan persampahan/kebersihan. Dimana class diagram yang diusulkan terdapat objek (class) yang saling berhubungan satu dengan yang lainnya.

Berikut ini merupakan class diagram yang diusulkan ditunjukkan pada gambar 4.6

Gambar 4.6 class diagram yang diusulkan

Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan

Berikut ini merupakan perbedaan antara sistem yang sedang berjalan dan sistem yang diususlkan ditunjukkan pada tabel 4.1:

Tabel 4.1 perbedaan sistem yang berjalan dan sistem usulann

Rancangan Basis data

Spesifikasi Basis Data

Desain basis data menjelaskan tentang media penyimpanan yang digunakan, isi yang disimpan, primary key, Foreign Key dan panjang record. Spesifikasi yang digunakan untuk sistem yang akan dibangun yaitu:

Nama File : Petugas
Tipe File : File Master
Fungsi : Untuk menyimpan data petugas
Media : Hardisk
Primary Key : Id_petugas
Foreign Key : Id_kelurahan
Panjang Record : 309
Isi : Id_petugas+nama+id_kelurahan+No_tlp+email+alamat.

Tabel 4.2 Tabel Petugas
Nama File : Customers
Tipe File : File Master
Fungsi : Untuk menyimpan data Customers
Media : Hardisk
Primary Key : Id_customers
Foreign Key : Id_kelurahan
Panjang Record : 309
Isi : Id_customers+nama+id_kelurahan+No_tlp+email+alamat.

Tabel 4.3 Tabel Customers
Nama File : Wilayah
Tipe File : File Master
Fungsi : Untuk menyimpan data wilayah
Media : Hardisk
Primary Key : Id_wilayah
Panjang Record : 47
Isi : Id_wilayah+nama.

Tabel 4.4 Tabel Wilayah
Nama File : Kecamatan
Tipe File : File Master
Fungsi : Untuk menyimpan data kecamatan
Media : Hardisk
Primary Key : Id_kecamatan
Foreign Key : Id_wilayah
Panjang Record : 59
Isi : Id_kecamatan+nama+id_wilayah.

Tabel 4.5 Tabel Kecamatan
Nama File : Kelurahan
Tipe File : File Master
Fungsi : Untuk menyimpan data kelurahan
Media : Hardisk
Primary Key : Id_kelurahan
Foreign Key : Id_kecamatan
Panjang Record : 59
Isi : Id_kelurahan+nama+id_kecamatan.

Tabel 4.6 Tabel Kelurahan
Nama File : Cara bayar
Tipe File : File Master
Fungsi : Untuk menyimpan data cara bayar
Media : Hardisk
Primary Key : Id_carabayar
Panjang Record : 47
Isi : Id_cara bayar+nama.

Tabel 4.7 Tabel Cara Bayar
Nama File : Pembayaran
Tipe File : File Master
Fungsi : Untuk menyimpan data pembayaran
Media : Hardisk
Primary Key : Id_pembayaran
Panjang Record : 36
Isi : Id_pembayaran+id_petugas+id_user+tanggal.

Tabel 4.8 Tabel Pembayaran
Nama File : Pembayaran detail
Tipe File : File Master
Fungsi : Untuk input data pembayaran baru
Media : Hardisk
Foreign Key : Id_pembayaran
Id_customers
Id_carabayar
Panjang Record : 62.2
Isi : Id_pembayaran+id_customers+id_carabayar+nominal+bulan+tahun

Tabel 4.9 Tabel Pembayaran Detail
Nama File : User
Tipe File : File Master
Fungsi : Untuk menyimpan data user
Media : Hardisk
Primary Key : Id_user
Panjang Record : 408
Isi : Id_user+nama+email+password+remembertoken+username.

Tabel 4.10 Tabel User
Nama File : User has roles
Tipe File : File Master
Fungsi : Untuk menyambungkan user dengan roles
Media : Hardisk
Primary Key : Id_roles
Foreign Key : Id_user
Panjang Record : 24
Isi : Id_roles+id_user.

Tabel 4.11 Tabel User Has Roles
Nama File : Roles
Tipe File : File Master
Fungsi : Untuk menyimpan data roles
Media : Hardisk
Primary Key : Id_roles
Panjang Record : 47
Isi : Id_roles+name.

Tabel 4.12 Tabel Roles
Nama File : Roles has permissions
Tipe File : File Master
Fungsi : Untuk menyambungkan roles dengan permissions
Media : Hardisk
Primary Key : Id_permissions
Foreign Key : Id_roles
Panjang Record : 24
Isi : Id_permissions+id_roles.

Tabel 4.13 Tabel Roles Has Permissions
Nama File : Permissions
Tipe File : File Master
Fungsi : Untuk menyimpan data permissions
Media : Hardisk
Primary Key : Id_permissions
Panjang Record : 47
Isi : Id_permissions+nama.

Tabel 4.14 Tabel Permissions
Nama File : User has permissions
Tipe File : File Master
Fungsi : Untuk menyambungkan user dengan permissions
Media : Hardisk
Primary Key : Id_user
Foreign Key : Id_ permissions
Panjang Record : 24
Isi : Id_user+id_permissions.

Tabel 4.15 Tabel User Has Permissions
Nama File : password resets
Fungsi : Untuk menyimpan data ganti password
Media : Hardisk
Panjang Record : 382
Isi : email+token.

Tabel 4.16 Tabel Password Resets

Rancangan Prototype

Rancangan prototype sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan diantaranya yaitu:

Prototype Login

Pada saat program pertama kali dijalankan pada tampilan yang muncul yaitu login. Tampilan login berfungsi sebagai awal dalam menggunakan sistem informasi pendataan pembayaran retribusi pelayanan persampahan/kebersihan, yang berhak melakukan login yaitu: Kepala UPT Retribusi Persampahan dan Bendahara Pembantu Penerima.
Berikut ini merupakan tampilan rancangan prototype pada login yang ditunjukkan pada gambar 4.7:

Keterangan pada menu login yaitu:

Textfield Text field username : masukan username pada kolom username.
Text field password : masukan password yang sesuai dengan username agar masuk ke dalam sistem.
Check box remember me : klik remember me pada Check box untuk mempermudah agar tidak selalu memasukkan username dan password secara otomatis, langsung klik login.
Button login : setelah memasukkan username dan password dengan benar selanjutnya klik remember me dan klik login setelah itu admin dapat masuk kedalam sistem. Sedangkan, jika username atau password salah maka tidak dapat masuk kedalam sistem dan akan muncul tulisan username atau password salah.

Prototype Menu Utama (Dashboard)

Rancangan menu utama (dashboard) untuk menampilkan halaman awal pada sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan, yang berisi menu petugas, menu customers, menu wilayah, menu kecamatan, menu kelurahan, menu metode pembayaran, menu pembayaran, menu laporan harian, menu laporan mingguan, menu laporan bulanan, menu users, menu roles dan menu permissions dan menu logout.
Berikut ini merupakan tampilan rancangan prototype pada menu utama (dashboard) yang ditunjukkan pada gambar 4.8:

Gambar 4.8 Menu Utama (Dashboard)

Prototype Halaman Master Data Petugas

Berikut ini merupakan tampilan rancangan prototype pada master data petugas yang ditunjukkan pada gambar 4.9:

Gambaar 4.9 Master Data Petugas

Keterangan pada tampilan data petugas yaitu:

Nama, kelurahan, No. Tlp, Email, Alamat dan Opsi.
Show entries untuk menampilkan jumlah data dalam satu halaman.
Previous dan next untuk melihat halaman sebelum dan selanjutnya.
Search untuk mencari data petugas
Klik tombol Button add petugas, maka akan tampil input data petugas yang ditunjukkan pada gambar 4.10:

Gambar 4.10 Input Data Petugas

Keterangan pada input data petugas yaitu:

Di form data petugas isi : nama petugas, kelurahan, no. Tlp, email dan alamat.
Terdapat button Simpan untuk menambah data petugas.

Prototype Halaman Master Data Customers

Berikut ini merupakan tampilan rancangan prototype pada master data customers yang ditunjukkan pada gambar 4.11:

Gambar 4.11 Master Data Customers

Keterangan pada tampilan data Customers yaitu:

Nama, kelurahan, No. Tlp, Email, Alamat dan Opsi.
Show entries untuk menampilkan jumlah data dalam satu halaman.
Previous dan next untuk melihat halaman sebelum dan selanjutnya.
Search untuk mencari data customers.
Klik tombol Button add customers maka akan tampil input data customers yang ditunjukkan pada gambar 4.12:

Gambar 4.12 Input Data Customers

Keterangan pada input data customers yaitu:

Di form data customers isi : nama customers, kelurahan, no. Tlp, email dan alamat.
Terdapat button Simpan untuk menambah data customers.

Prototype Halaman Master Data Wilayah

Berikut ini adalah tampilan rancangan prototype pada master data wilayah yang ditunjukkan pada gambar 4.13:

Gambar 4.13 Master Data Wilayah

Keterangan pada tampilan data wilayah yaitu:

Nama dan Opsi.
Show entries untuk menampilkan jumlah data dalam satu halaman.
Previous dan next untuk melihat halaman sebelum dan selanjutnya.
Search untuk mencari data wilayah.
Klik tombol Button add wilayah maka akan tampil input data wilayah yang ditunjukkan pada gambar 4.14:

Gambar 4.14 Input Data Wilayah

Keterangan pada input data Wilayah yaitu:

Di form data wilayah isi : nama wilayah.
Terdapat button Simpan untuk menambah data wilayah.

Prototype Halaman Master Data Kecamatan

Berikut ini adalah tampilan rancangan prototype pada master data kecamatan yang ditunjukkan pada gambar 4.15:

Gambar 4.15 Master Data Kecamatan

Keterangan pada tampilan data kecamatan yaitu:

1. Nama, wilayah dan Opsi.
Show entries untuk menampilkan jumlah data dalam satu halaman.
Previous dan next untuk melihat halaman sebelum dan selanjutnya.
Search untuk mencari data kecamatan.
Klik tombol Button add kecamatan maka akan tampil input data kecamatan yang ditunjukkan pada gambar 4.16:

Gambar 4.10 Input Data Kecamatan

Keterangan pada input data Kecamatan yaitu:

Di form data kecamatan isi : nama kecamatan dan wilayah.
Terdapat button Simpan untuk menambah data kecamatan

Prototype Halaman Master Data Kelurahan

Berikut ini adalah tampilan rancangan prototype pada master data kelurahan yang ditunjukkan pada gambar 4.17:

Gambaar 4.17 Master Data Kelurahan

Keterangan pada tampilan data Kelurahan yaitu:

Nama, kecamatan dan Opsi.
Show entries untuk menampilkan jumlah data dalam satu halaman.
Previous dan next untuk melihat halaman sebelum dan selanjutnya.
Search untuk mencari data kelurahan.
Klik tombol Button add kelurahan maka akan tampil input data kelurahan yang ditunjukkan pada gambar 4.18:

Gambar 4.18 Input Data Kelurahan

Keterangan pada input data kelurahan yaitu:

Di form data kelurahan isi : nama kelurahan dan kecamatan.
Terdapat button Simpan untuk menambah data kelurahan.

Prototype Halaman Master Data Cara Bayar

Berikut ini adalah tampilan rancangan prototype pada master data cara bayar yang ditunjukkan pada gambar 4.19:

Gambaar 4.19 Master Data Cara Bayar

Keterangan pada tampilan data cara bayar yaitu:

Nama dan Opsi.
Show entries untuk menampilkan jumlah data dalam satu halaman.
Previous dan next untuk melihat halaman sebelum dan selanjutnya.
Search untuk mencari data cara bayar.
Klik tombol Button add cara bayar maka akan tampil input data cara bayar yang ditunjukkan pada gambar 4.20

Gambar 4.20 Input Data Cara Bayar

Keterangan pada input data cara bayar yaitu:

Di form data cara bayar isi : nama cara bayar.
Terdapat button simpan untuk menambah data cara bayar.

Prototype Halaman Menu data pembayaran

Berikut ini adalah tampilan rancangan prototype pada data pembayaran yang ditunjukkan pada gambar 4.21:

Gambar 4.21 Menu Data Pembayaran

Keterangan pada tampilan data pembayaran yaitu:

No, tanggal, petugas, kelurahan dan Opsi.
Show entries untuk menampilkan jumlah data dalam satu halaman.
Previous dan next untuk melihat halaman sebelum dan selanjutnya.
Search untuk mencari data pembayaran
Klik tombol Button add pembayaran maka akan tampil input data pembayaran yang ditunjukkan pada gambar 4.22

Gambar 4.22 input data pembayaran

Keterangan pada input data pembayaran yaitu:

Di form data pembayaran isi : petugas, kelurahan, tanggal bayar, customers, nominal, bulan, tahun, cara bayar dan #.
Terdapat button +add untuk menambah pembayaran.
Terdapat button Simpan untuk menambah data pembayaran.

Prototype Halaman Laporan Harian

Berikut ini adalah tampilan rancangan prototype pada laporan harian yang ditunjukkan pada gambar 4.23:

Gambaar 4.23 Laporan Harian

Keterangan pada tampilan daftar laporan harian yaitu:

No, nama petugas, wilayah, kecamatan, kelurahan dan total.
Isi text fild ketik tanggal untuk menampilkan data laporan harian sesuai tanggal.
Button tampilkan untuk menampilkan daftar laporan harian.
Print untuk cetak data laporan harian

Prototype Halaman Laporan Mingguan

Berikut ini adalah tampilan rancangan prototype pada laporan mingguan yang ditunjukkan pada gambar 4.24:

Gambaar 4.24 Laporan Mingguan

Keterangan pada tampilan daftar laporan mingguan yaitu:

No, nama petugas, wilayah kerja, kecamatan, kelurahan minggu ke dan nominal.
Isi text fild ketik bulan ke berapa dan tahun ke berapa untuk menampilkan data laporan mingguan.
Button tampilkan untuk menampilkan daftar laporan mingguan.
Print untuk cetak data laporan mingguan.

Prototype Halaman Laporan Bulanan

Berikut ini adalah tampilan rancangan prototype pada laporan bulanan yang ditunjukkan pada gambar 4.25:

Gambaar 4.25 Laporan bulanan

Keterangan pada tampilan daftar laporan bulanan yaitu:

Tanggal, petugas, customers, SKRD transfer, SKRD, karcis transfer dan karcis.
Isi text fild ketik bulan ke berapa tahun ke berapa untuk menampilkan data laporan bulanan.
Button tampilkan untuk menampilkan daftar laporan bulanan.
Print untuk cetak data laporan bulanan.

Prototype Halaman Setting User Administration

Berikut ini adalah tampilan rancangan prototype pada setting user administration yang ditunjukkan pada gambar 4.26:

Gambar 4.26 Setting User Administration

Keterangan pada tampilan data user administration yaitu:

Nama, username, date/time added, user roles dan Operations.
Button add user untuk menambah data user.
Button permissions untuk menampilkan data permission.
Button Roles untuk menampilkan data roles.
Klik tombol Button add user maka akan tampil input data user yang ditunjukkan pada gambar 4.27:

Gambar 4.27 Input Data User

Keterangan pada input data user yaitu:

Nama, email, username, password, dan confirm password.
Klik Check box memilih hak akses untuk admin atau Bendahara.
Button add untuk menambah data user.

Prototype Halaman Master Setting Roles

Berikut ini adalah tampilan rancangan prototype pada setting roles yang ditunjukkan pada gambar 4.28:

Gambar 4.28 Setting Roles

Keterangan pada tampilan data roles yaitu:

Role, permissions dan Operations.
Button permissions untuk menampilkan data permissions.
Button user untuk menampilkan data user.
Klik tombol Button add role maka akan tampil input data role yang ditunjukkan pada gambar 4.29:

Gambar 4.29 Input Data Roles

Keterangan pada input data roles yaitu:

Isi text field untuk membuat hak akses baru
Klik check box untuk memilih hak akses.
Button add untuk menambah data roles.

Prototype Halaman Setting Available Permissions

Berikut ini adalah tampilan rancangan prototype pada setting available permissions yang ditunjukkan pada gambar 4.30:

Gambar 4.30 Setting Available Permissions

Keterangan pada tampilan data available permissions yaitu:

Permissions dan operations.
Button users untuk menampilkan data users.
Button Roles untuk menampilkan data roles.
Klik tombol Button add permissions maka akan tampil input data permissions yang ditunjukkan pada gambar 4.31:

Gambar 4.31 Input Data Permissions

Keterangan pada input data permissions yaitu:

Isi text field nama untuk menambahkan menu baru pada admin atau bendahara.
Klik check box untuk memilih admin atau bendahara
Button add untuk menambah data permissions.

Konfigurasi Sistem Usulan

Spesifikasi Perangkat Keras (Hardware)

Perangkat keras yang diusulkan dalam rancangan sistem ini adalah sebagai berikut:

Processor : Intel i7-4785T
Monitor : Lenovo 17” Inci
Hardisk : 1 Terra
RAM : 4.00 GB
Keyboard : Logitec
Printer : EPSON LQ 2190
Mouse : Lenovo

Spesifikasi Perangkat Lunak (Software)

Perangkat lunak yang diusulkan dalam rancangan sistem ini adalah sebagai berikut:

Sistem Operasi Windows 7
Microsoft Office 2007
XAMPP
Notepad ++
Visual Paradigm for UML 8.0
Google Chrome

Hak Akses (Brainware)

Kepala UPT Retribusi Persampahan
Bendahara Pembantu Penerima

Testing

Pengujian dilakukan dengan menggunakan black box testing ini, dilakukan dengan beberapa input pada sistem. Input tersebut selanjutnya di proses sesuai dengan kebutuhan fungsionalnya, untuk melihat apakah program aplikasi sudah dapat menghasilkan output yang sesuai dengan yang diharapkan dari sistem tersebut. Jika input yang diberikan sudah dapat menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program yang dibuat sudah benar. Namun jika output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka sistem masih terdapat beberapa kesalahan, selanjutnya dilakukan perbaikan agar memperbaiki kesalahan yang terjadi.

Black Box Testing Login

Tabel 4.17 dan 4.18 merupakan tabel pengujian sistem dengan menggunakan metode Black Box Testing pada menu login.

Tabel 4.17 Black Box Testing pada menu login 1

Tabel 4.18 Black Box Testing pada menu login 2

Black Box Testing Input Data Petugas

Tabel 4.19 dan 4.20 merupakan tabel pengujian sistem dengan menggunakan metode Black Box Testing pada input data petugas

Tabel 4.19 Black Box Testing pada input data petugas 1

Tabel 4.20 Black Box Testing pada input data petugas 2

Black Box Testing Input Data Customers

Tabel 4.21 dan 4.22 merupakan tabel pengujian sistem dengan menggunakan metode Black Box Testing pada input data customers.

Tabel 4.21 Black Box Testing pada input data customers 1

Tabel 4.22 Black Box Testing pada input data customers 2

Black Box Testing Input Data Wilayah

Tabel 4.23 dan 4.24 merupakan tabel pengujian sistem dengan menggunakan metode Black Box Testing pada input data wilayah.

Tabel 4.23 Black Box Testing pada input data wilayah 1

Tabel 4.24 Black Box Testing pada input data wilayah 2

Black Box Testing Input Data Kecamatan

Tabel 4.25 dan 4.26 merupakan tabel pengujian sistem dengan menggunakan metode Black Box Testing pada input data kecamatan.

Tabel 4.25 Black Box Testing pada input data kecamatan 1

Tabel 4.26 Black Box Testing pada input data kecamatan 2

Black Box Testing input Data Kelurahan

Tabel 4.27 dan 4.28 merupakan tabel pengujian sistem dengan menggunakan metode Black Box Testing pada input data kelurahan.

Tabel 4.27 Black Box Testing pada input data kelurahan 1

Tabel 4.28 Black Box Testing pada input data kelurahan 2

Black Box Testing Input Data Cara Bayar

Tabel 4.29 dan 4.30 merupakan tabel pengujian sistem dengan menggunakan metode Black Box Testing pada input data cara bayar.

Tabel 4.29 Black Box Testing pada input data cara bayar 1

Tabel 4.30 Black Box Testing pada input data cara bayar 2

Black Box Testing Input Data Pembayaran

Tabel 4.31 dan 4.32 merupakan tabel pengujian sistem dengan menggunakan metode Black Box Testing pada input data pembayaran.

Tabel 4.31 Black Box Testing pada input data pembayaran 1

Tabel 4.32 Black Box Testing pada input data pembayaran 2

Black Box Testing Input User Administration

Tabel 4.33 dan 4.34 merupakan tabel pengujian sistem dengan menggunakan metode Black Box Testing pada input user administration.

Tabel 4.33 Black Box Testing pada input user administration 1

Tabel 4.34 Black Box Testing pada input user administration 2

Black Box Testing Input Roles

Tabel 4.35 dan 4.36 merupakan tabel pengujian sistem dengan menggunakan metode Black Box Testing pada input roles.

Tabel 4.35 Black Box Testing pada input roles 1

Tabel 4.36 Black Box Testing pada input roles 2

Black Box Testing Input Available Permissions

Tabel 4.37 dan 4.38 merupakan tabel pengujian sistem dengan menggunakan metode Black Box Testing pada input available permissions.

Tabel 4.37 Black Box Testing pada input available permissions 1

Tabel 4.38 Black Box Testing pada input available permissions 2

Implementasi

Implementasi yang Diusulkan

Berikut ini merupakan gambaran sistem perancangan pendataan pembayaran retribusi pelayanan persamphan/kebersihan, dapat dilihat pada gambar sebagai berikut ini:

Tampilan Login
Tampilan login merupakan langkah paling utama dalam mengimplementasikan program yang telah dibuat dengan catatan username atau password yang dimasukkan harus benar. Tampilan login ini menjaga sistem supaya tidak bisa dimasuki oleh sembarangan orang, yang berhak untuk melakukan login hanya kepala UPT Retribusi dan Bendahara Pembantu Penerima.
Berikut ini merupakan tampilan login yang ditunjukkan pada gambar 4.32:

Gambar 4.32 Tampilan Login
Tampilan Menu Utama (Dashboard)
Menu Utama (Dashboard) adalah tampilan awal setelah melakukan login sistem yang berisi menu master data (petugas, customers, wilayah, kecamatan, kelurahan, cara bayar), menu pembayaran, menu laporan (laporan harian, laporan mingguan, laporan bulanan) dan menu setting (users, roles, permissions).
Berikut merupakan tampilan menu utama (dashboard) yang ditujukkan pada gambar 4.33:

Gambar 4.33 Tampilan Menu Utama (Dashboard)
Tampilan Program Master Data Petugas
Tampilan master data petugas terdapat data petugas, berikut ini merupakan tampilan program data master petugas yang ditunjukkan pada gambar 4.34:

Gambar 4.30 Tampilan Program Master Bidang

Klik tombol tambah, maka akan tampilan program input data petugas yang ditunjukkan pada gambar 4.35:

Gambar 4.35 Tampilan Program Input Master Data Petugas
Tampilan Program Master Data Customers
Tampilan master data customers terdapat data customers, berikut ini merupakan tampilan data master customers yang ditunjukkan pada gambar 4.36:

Gambar 4.36 Tampilan Program Master Data Customers

Klik tombol tambah, maka akan tampilan program input data customers yang ditunjukkan pada gambar 4.37:

Gambar 4.37 Tampilan Program Input Master Data Customers
Tampilan Program Master Data Wilayah
Tampilan program master data wilayah terdapat data wilayah, berikut ini merupakan tampilan program master data wilayah yang ditunjukkan pada gambar 4.38:

Gambar 4.38 Tampilan Program Master Data Wilayah

Klik tombol tambah, maka akan tampilan program input data wilayah yang ditunjukkan pada gambar 4.39:

Gambar 4.39 Tampilan Program Input Master Data Wilayah
Tampilan Program Master Data Kecamatan
Tampilan master data kecamatan terdapat data kecamatan, berikut ini merupakan tampilan master data kecamatan yang ditunjukkan pada gambar 4.40:

Gambar 4.40 Tampilan Program Master Data Kecamatan

Klik tombol tambah, maka akan tampilan program input data kecamatan yang ditunjukkan pada gambar 4.41:

Gambar 4.41 Tampilan Program Input Master Data Kecamatan
Tampilan Program Master Data Kelurahan
Tampilan master data kelurahan terdapat data kelurahan, berikut ini merupakan tampilan master data kelurahan yang ditunjukkan pada gambar 4.42:

Gambar 4.42 Tampilan Program Master Data Kelurahan

Klik tombol tambah, maka akan tampilan program input data kelurahan yang ditunjukkan pada gambar 4.43:

Gambar 4.43 Tampilan Program Input Master Data Kelurahan
Tampilan Program Master Data Cara Bayar
Tampilan master data cara bayar terdapat data cara bayar, berikut ini merupakan tampilan master data cara bayar yang ditunjukkan pada gambar 4.44:

Gambar 4.44 Tampilan Program Master Data Cara Bayar

Klik tombol tambah, maka akan tampilan program input data cara bayar yang ditunjukkan pada gambar 4.45:

Gambar 4.45 Tampilan Program Input Master Data Cara Bayar
Tampilan Program Data Pembayaran
Tampilan program data pembayaran terdapat data pembayaran, berikut ini merupakan tampilan program data pembayaran yang ditunjukkan pada gambar 4.46:

Gambar 4.46 Tampilan Program Data Pembayaran

Klik tombol tambah, maka akan tampilan program input pembayaran yang ditunjukkan pada gambar 4.47:

Gambar 4.47 Tampilan Program Input Data Pembayaran
Tampilan Program Laporan Harian
Tampilan program laporan harian terdapat daftar laporan harian, berikut ini merupakan tampilan program laporan harian yang ditunjukkan pada gambar 4.48:

Gambar 4.48 Tampilan Program Laporan Harian
Tampilan Program Laporan Mingguan
Tampilan program laporan mingguan terdapat daftar laporan mingguan, berikut ini merupakan tampilan program laporan mingguan yang ditunjukkan pada gambar 4.49:

Gambar 4.49 Tampilan Program Laporan Mingguan
Tampilan Program Laporan Bulanan
Tampilan program laporan bulanan terdapat daftar laporan bulanan, berikut ini merupakan tampilan program laporan bulanan yang ditunjukkan pada gambar 4.50:

Gambar 4.50 Tampilan Program Laporan Bulanan
Tampilan Program Setting Users Administration
Tampilan setting users administration terdapat data user, berikut ini merupakan tampilan setting users administration yang ditunjukkan pada gambar 4.51:

Gambar 4.51 Tampilan Program Setting Users Administration

Klik tombol tambah, maka akan tampil program input data user yang ditunjukkan pada gambar 4.52:

Gambar 4.52 Tampilan Program 'Input Setting Users Administration
Tampilan Program Setting Roles
Tampilan setting roles terdapat data roles, berikut ini merupakan tampilan setting roles yang ditunjukkan pada gambar 4.53:

Gambar 4.53 Tampilan Program Setting Roles

Klik tombol tambah, maka akan tampil program input data role yang ditunjukkan pada gambar 4.54:

Gambar 4.54 Tampilan Program Input Setting Roles
Tampilan Program Setting Available Permissions
Tampilan Setting Available Permissions terdapat data Available Permissions berikut ini merupakan tampilan Setting Available Permissions yang ditunjukkan pada gambar 4.55:

Gambar 4.55 Tampilan Program Setting Available Permissions

Klik tombol tambah, maka akan tampil program input data Permissions yang ditunjukkan pada gambar 4.56:

Gambar 4.56 Tampilan Program Input Setting Available Permissions

Schedule

Tahap ini dibutuhkan untuk rencana implementasi yang berguna dalam melaksanakan penerapan sistem tersebut. Langkah-langkah yang dilakukan dalam usaha untuk mewujudkan suatu sistem yang sedang direncanakan ini, dalam bentuk time schedule yang ditunjukkan pada tabel 4.39:

Tabel 4.39 Schedule

Estimasi Biaya

Estimasi biaya digunakan untuk perhitungan kebutuhan yang diperlukan dalam menyelesaikan penelitian yang diusulkan. Berikut ini adalah estimasi biaya yang ditunjukkan pada tabel 4.40:

Tabel 4.40 Estimasi Biaya

BAB V

PENUTUP

Kesimpulan

Berdasarkan hasil penelitian yang telah dilakukan pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang, maka penulis mengambil kesimpulan untuk menjawab pertanyaan dari rumusan masalah yang telah dijabarkan pada BAB I yaitu:

Sistem informasi pendataan pembayaran retribusi pelayanan persampahan/kebersihan yang berjalan saat ini yaitu dimana proses penginputan data pembayaran tersebut masih manual dengan cara Bendahara Pembantu Penerima harus mencatat di daftar setoran retribusi setelah itu diinput di Microsoft Office Excel kemudian Bendahara Pembantu Penerima merekap setoran mingguan dan petugas pendata harus menginput di Microsoft Office Excel untuk merekap rincian bulanan, maka solusi dari permasalahan di atas yaitu membuatkan sistem yang terkomputerisasi untuk sistem pendataan pembayaran retribusi agar saling terintegrasi satu sama lain. Sehingga menimbulkan data yang dihasilkan berjalan dengan efektif dan efisien.
Sistem yang berjalan saat ini pada laporan pembayaran retribusi belum dapat menghasilkan laporan pembayaran retribusi dengan cepat, tepat dan akurat, karena belum terkomputerisasi dengan baik. sistem penyusunan laporan pembayaran retribusi yang terjadi saat ini yaitu dengan cara pembuatan laporan pembayaran retribusi menggunakan Microsoft Office Excel berdasarkan daftar setoran retribusi dan kwitansi (tanda pembayaran) sehingga pada proses pencatatan laporan setoran mingguan dan laporan rincian bulanan sering terjadi kekeliruan yang ada pada data-data dalam laporan pembayaran retribusi. Maka solusi dari permasalahan di atas yaitu, dengan membuatkan sistem yang terkomputerisasi untuk sistem pendataan pembayaran, dengan semua data yg terintegrasi dapat menjadikan laporan setoran mingguan dan laporan rincian bulanan yang cepat, tepat dan akurat.
Dengan adanya sistem informasi monitoring pembayaran retribusi, pada rancangan sistem yang baru sudah dapat mengontrol pembayaran retribusi dengan baik, karena tidak harus mengecek satu persatu dalam pencarian data yang sudah maupun belum untuk melakukan setoran pembayaran retribusi dari 104 petugas pemungut retribusi sekota Tangerang, sehingga dalam proses setoran pembayaran dapat dipantau oleh Bendahara Pembantu Penerima dan Ketua UPT Retribusi Persampahan tidak membutuhkan yang lama untuk memperoleh hasil yang dicapai lebih optimal dalam informasi laporan setoran mingguan dan laporan rincian bulanan.

Saran

Berikut saran yang akan penulis sampaikan untuk pengembangan sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan agar menjadi lebih baik:

UPT Retribusi Persampahan wajib melakukan perawatan pada sistem agar sistem tersebut selalu up to date dan perlu adanya pengembangan sistem yang baru untuk dapat dikembangkan dengan menambahkan ruang lingkup pada pembayaran retribusi sehingga sistem menjadi lebih luas dan dapat di akses dengan berbasis Android.
Diperlukan adanya pelatihan untuk Bendahara Pembantu Penerima untuk lebih memahami proses alur kerja pada sistem saat ini sehingga memaksimalkan sistem baru yang telah di rancang.
Untuk mendapatkan sistem ini harus di dukung oleh perangkat yang memadai baik dari peralatan software maupun hardware sehingga dapat berjalan secara maksimal.

DAFTAR PUSTAKA

↑ Suprihadi, Rini Kartika Hudiono dan Lina Sinatra Wijaya. 2013. Rancangan Bangun Sistem Jejaring Klaster Berbasis Web Menggunakan Metode Model View Controller, Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN : 1978-8282 Vol.6 No.3-Mei 2013
↑ Maniah, Dini Hamidini. 2017. Analisis dan Perancangan Sistem Informasi Pembahasan Secara Praktis dengan Contoh Kasus. Yogyakarta : Deepublish.
↑ Sutopo, Priyo, Dedi Cahyadi dan Zainal Arifin. 2016. Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web. Jurnal Informatika Mulawarman. Vol.11 No.1-Februari 2016. https://osf.io/preprints/inarxiv/5zyb8/. Diakses pada tanggal 12 Oktober 2017.
↑ ^4,0 ^4,1 Tyoso, Jaluanto Sunu Punjul. 2016. Sistem Informasi Manajemen. Yogyakarta : Deepublish.
↑ Prastiyati, Deni. 2016. Analisis Sistem Informasi Akuntansi Penjualan Kredit Di PT Eka Timur Raya Purwodadi Pasuruan. Jurnal Riset Mahasiswa Akuntansi. Vol. 4 No. 1. Malang : Universitas Kanjuruhan. http://ejournal.unikama.ac.id/index.php/jrma/article/view/1204/943. Diakses pada tanggal 11 Oktober 2017.
↑ Puschmann, Conrelius dan Jean Burgess. 2014. Metaphors of Big Data. International Journal of Communication. Gernany: Humboldt University of Berlin. https://www.hiig.de/wp-content/uploads/2014/07/2169-11849-1-PB.pdf. Diakses pada tanggal 11 September 2017.
↑ Oktafianto, Muhamad Mushlihudin. 2016. Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. Yogyakarta : Andi.
↑ Sutopo, Priyo, Dedi Cahyadi dan Zainal Arifin. 2016. Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web. Jurnal Informatika Mulawarman. Vol.11 No.1-Februari 2016. https://osf.io/preprints/inarxiv/5zyb8/. Diakses pada tanggal 12 Oktober 2017.
↑ Azizah, Nur, Lina Yuliana dan Elsa Juliana. 2017. Rancang Bangun Sistem Informasi Penggajian Karyawan Harian Lepas pada PT. Flex Indonesia. Jurnal SENSI. Tangerang : Perguruan Tinggi Raharja. ISSN: 2461-1409. Vol.3 No.1-Februari 2017.
↑ Hutahaean, Jeperson. 2014. Konsep Sistem Informasi. Yogyakarta : Deepublish.
↑ ^11,0 ^11,1 Mulyani, Sri. 2016. Analsis dan Perancangan Sistem Informasi Manajemen Keuangan Daerah. Edisi Kedua. Bandung : Abdi Sistematika.
↑ Burrahman, Abi. 2017. Membangun Sistem Informasi Akademik Berbasis Web pada Pondok Pesantren Salafiyah Al-Baqiyatussa’diyyah Tembilahan. Jurnal Sistemasi. Vol.6 No.1-Januari 2017. http://sistemasi.ftik.unisi.ac.id/index.php/stmsi/article/view/6/pdf. Diakses pada tanggal 28 Oktober 2017.
↑ ^13,0 ^13,1 Fauzi, Moch Agita dan Titis Aji Wicaksono. 2015. System Inventory Control Pada Laboratorium Komputer SMK Muhammadiyah Kajen Berbasis Web dengan Framework Codeigniter. Jurnal Surya Informatika. ISSN : 2477-3042. Vol.1 No.1 http://ejournal.politeknikmuhpkl.ac.id/index.php/3/article/view/6/39. Diakses pada tanggal 12 Oktober 2017.
↑ Maimunah, Septiyan dan Bayu Setiawan. 2016. Structure Project Application Pelayanan Pasien Rawat Jalan pada RSIA Selaras. Jurnal CERITA. Tangerang : Perguruan Tinggi Raharja. ISSN: 2461-1417. Vol.2 No.2-Agustus 2016.
↑ Hery. 2017. Teori Akuntansi Pendekatan Konsep dan Analsis. Jakarta : Grasindo.
↑ Putra, Indra Mahardika. 2017. Pengantar Akuntansi. Yogyakarta : Quadrant.
↑ Sari, Ayu Mayang, Asnawati dan Liza Yulianti. 2015. Aplikasi Pendataan Pasien Rujuk Balik Peserta Badan Penyelenggara Jaminan Sosial (BPJS) Bengkulu. Jurnal Media Infotama. ISSN : 1858–2680. Vol.11 No.2.-September 2015. http://jurnal.unived.ac.id/index.php/jmi/article/view/257/236. Diakses pada tanggal 12 Oktober 2017.
↑ Ikatan Bankir Indonesia (IBI). 2014. Mengelola Kualitan Perbankan. Jakarta : Gramedia Pustaka Utama.
↑ ^19,0 ^19,1 Pohan, Aulia. 2013. Sistem Pembayaran Strategi dan Implementasi Di Indonesia. Edisi Revisi. Depok : Raja Grafindo Persada.
↑ ^20,0 ^20,1 Wardiah, Mia Lasmi. 2013. Dasar-dasar Perbankan. Bandung : Pustaka Setia.
↑ ^21,0 ^21,1 Mardiasmo. 2016. Perpajakan. Yogyakarta : Andi.
↑ Asteria, Beta. 2015. Analisis Pengaruh Penerimaan Pajak Daerah dan Retribusi Daerah Terhadap Pendapatan Asli Daerah Kabupaten/Kota di Jawa Tengah. Jurnal Riset Manajemen Vol.2 No.1-Januari 2015. Diakses pada tanggal 12 Oktober 2017.
↑ ^23,0 ^23,1 Peraturan Daerah Kota Tangerang. Nomor 1 Tahun 2011. Tentang Retribusi Pelayanan Persampahan/Kebersihan. http://banten.bpk.go.id/wp-content/uploads/2011/11/Perda-Nomor-1-Tahun-2011-+-print-out.pdf. Diakses pada tanggal 19 Oktober 2017.
↑ ^24,0 ^24,1 Undang-undang Republik Indonesia Nomor 18 Tahun 1997. Tentang Pajak Daerah dan Retribusi Daerah. http://jdih.minerba.esdm.go.id/minerba/dok/UU%2018%20Tahun%201997_%20Pajak%20Daerah%20dan%20Retribusi%20Daerah.pdf. Diakes pada tanggal 19 Oktober 2017.
↑ Munfarida, Tri dan Yuli Astuti. 2017. Implementasi Daily Activity Monitoring System (DAMS) pada CV. Jogja Media Telematika. Jurnal Mantik Penusa. ISSN: 2088-3943. Vol.21 No.1-Juni 2017. http://e-jurnal.pelitanusantara.ac.id/index.php/mantik/article/view/185/102. Diakses pada tanggal 27 Oktober 2017.
↑ Haerudin, Ruli Supriati dan Abdul Hakim. 2013. Perancangan Sistem Informasi Perpustakaan Berbasis Web Pada Madrasah Aliyah Negeri Balaraja Kabupaten Tangerang. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. Vol.7 No.1-September 2013.
↑ Faridi, Peni Aripianti dan Retno Widuri. 2016. Perancangan Sistem Informasi E-Jurnal pada Perguruan Tinggi Berbasis Web. Jurnal CERITA. Tangerang : Perguruan Tinggi Raharja. ISSN: 2461-1417. Vol.2 No.2-Agustus 2016.
↑ Rahayu, Sri, Muhamad Yusup dan Sinta Puspita Dewi. 2015. Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web dengan menggunakan Framework YII. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN: 1978-8282. Vol.9 No.1- September 2015.
↑ ^29,0 ^29,1 Heryanto, Imam. 2017. Membuat Database dengan Microsoft Access. Edisi Revisi. Bandung : Informatika.
↑ Rahardja, Untung, Yusup Muhamad dan Nurmaliana Ana. 2014. Penerapan Ilearning Survey (isur) Dalam Meningkatkan Kualitas Sistem Informasi Selama Proses Pembelajaran di Perguruan Tinggi Raharja. Jurnal CCIT Tangerang : Perguruan Tinggi Raharja. ISSN : 1978-8282 Vol.7 No.3-Mei 2014.
↑ Irwansyah, Edi dan Jurike V Moniaga. 2014. Pengantar Teknologi Informasi. Jogyakarta : Deepublish.
↑ ^32,0 ^32,1 Murad, Dina Fitria, Nia Kusniawati dan Agus Asyanto. 2013. Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada Himpaudi Kota Tangerang. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN : 1978-8282 Vol.7 No.1-September 2013.
↑ Al-Husain, Felita Aryanti dan Sinudarwati. 2016. Perancangan Database Relational pada Toko Buku Online. Jurnal CERITA. Tangerang : Perguruan Tinggi Raharja. ISSN : 2461-1417. Vol.2 No.2-Agustus 2016.
↑ ^34,0 ^34,1 Raharjo, Budi. 2016. Pemrograman Web (HTML, PHP & MySQL). Edisi Ketiga. Bandung : Modula.
↑ ^35,0 ^35,1 Supono, Vidiandry Putratama. 2016. Pemrograman Web dengan Menggunakan PHP dan Framework Codeigniter. Yogyakarta : Deepublish.
↑ Madcoms. 2016. Pemrograman PHP dan MySQL untuk Pemula. Yogyakarta : Andi.
↑ Dzulhaq, M. Iqbal, Rahmat Tullah dan Putra Satia Nugraha. 2017. Sistem Informasi Akademik Sekolah Berbasis Kurikulum 2013. Jurnal Sisfotek Global. ISSN : 2088 –1762 Vol.7 No.1-Maret 2017. http://journal.stmikglobal.ac.id/index.php/sisfotek/article/view/125/122. Diakses pada tanggal 12 Oktober 2017.
↑ Adhatrao, Kalpesh, Aditya Gaykar, Amiraj Dhawan, Rohit Jha dan Vipul Honrao. 2013. Predicting Students Performance Using ID3 and C4.5 Classification Algorithms. International Journal of Data Mining & Knowledge Management Process (IJDKP). Vol.3 No.5-September 2013. India: Fr. C.R.I.T., Navi Mumbai, Maharashtra. https://www.researchgate.net/publication/257459741_Predicting_Students'_Performance_Using_ID3_And_C45_Classification_Algorithms. Diakses pada tanggal 11 Oktober 2017.
↑ Pasaribu, Johani S. 2017. Penerapan Framework Yii pada Pembangunan Sistem PPDB SMP BPPI Baleendah Kabupaten Bandung. Jurnal Ilmiah Teknologi Informasi Terapan. ISSN : 2407-3911 Vol.3 No.2-15 April 2017. http://jitter.widyatama.ac.id/index.php/jitter/article/view/220/153. Diakses pada tanggal 12 Oktober 2017.
↑ ^40,0 ^40,1 Yudanto, Ahmad Leo, Herman Tolle dan Adam Hendra Brata. 2017. Rancang Bangun Aplikasi Sistem Informasi Manajemen Laboratorium Biomedik. Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer. Universitas Brawijaya. Vol.1 No.8. http://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/182/90. Diakses pada tanggal 20 September 2017.
↑ Destiningrum, Mara dan Qadhli jafar Adrian. 2017. Sistem Informasi Penjadwalan Dokter Berbassis Web dengan Menggunakan Framework Codeigniter (Studi Kasus : Rumah Sakit Yukum Medical Centre). Jurnal Teknoinfo . ISSN : 1693-0010 Vol.11 No.2.
↑ ^42,0 ^42,1 Murya, Yosef. 2016. Framework PHP YII 2 : Develop Aplikasi Web dengan Cepat dan Mudah. Jakarta : Jasakom.
↑ Data, Mahendra, Gilang Ramadhan dan Kasyful Amron. 2017. Analisis Availabilitas dan Reliabilitas Multi-master Database Server dengan State Snapshot Transfers (SST) Jenis Rsync pada MariaDB Galera Cluster. Jurnal Teknologi Informasi dan Ilmu Komputer. Vol. 4 No.1.
↑ Madcoms. 2016. Pemrograman PHP dan MySQL untuk Pemula. Yogyakarta : Andi.
↑ Saputra, M. Rosyid dan Slamet Riyadi. 2016. Sistem Informasi Populasi dan Historikal Unit Alat-Alat Berat pada PT. Daya Kobelco Construction Machinery Indonesia. Jurnal Penelitian Dosen FIKOM (UNDA). Vol.6 No.2. http://jurnal.unda.ac.id/index.php/Jpdf/article/view/69/63. Diakses pada tanggal 27 Oktober 2017.
↑ Supramana dan I Gusti Lanang Putra Eka Prismana. 2016. Implementasi Load Balancing Pada Web Server Dengan Menggunakan Apache. Jurnal Manajemen Informatika. Universitas Negeri Surabaya Vol.5 No.2. http://jurnalmahasiswa.unesa.ac.id/index.php/jurnal-manajemen-informatika/article/view/16413/20402. Diakses pada tanggal 2 Oktober 2017.
↑ Swarnalatha K S I , Srinivasan G N, Pooja Bhandary P V, Kishore dan Rakesh R. 2014. Requrement Elicatitation in Web Application. Challenges. International Journal of Reseach in Computer and Communication Tecnology. India : CSE Department. Vol.3 Issue.3.
↑ Hanafri, Muhammad Iqbal, Siti Maisaroh Mustafa dan Arip Hidayat. 2017. Proses Perakitan Trafo Dengan Menggunakan Animasi Multimedia. Jurnal Sisfotek Global. ISSN : 2088–1762. Vol.7 No.1. http://journal.stmikglobal.ac.id/index.php/sisfotek/article/view/117/114. 11 oktober 2017. Diakses pada tanggal 26 september 2017.
↑ Bachtiar, Dede dan Atikah. 2015. Sistem Informasi Dashboard Kependudukan di Kelurahan Manis Jaya Kota Tangerang. Jurnal Sisfotek Global. Vol.5 NO.1. ISSN : 2018-1762. http://stmikglobal.ac.id/journal/index.php/sisfotek/article/view/69/71. Diakses pada tanggal 5 Oktober 2017.
↑ Warsito, Ary Budi, Muhamad Yusup dan Moh. Iqbal Awi Makaram. 2015. Perancangan SiS+ Menggunakan Metode YII Framework Pada Perguruan Tinggi Raharja. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN : 1978-8282 Vol.8 No.2-Januari 2015.
↑ Jayant, K.P, Renu Garg, Vinod Kumar dan Ajaya Rana. 2014. An Approach of Software Design Testing Based on UML Diagrams. Ghazjabad, India : International Journal of Advanced Research in Computer Science and Software Engeneering. Pp. 148-153 ISSN : 2277-128X Vol.4 Isue.2. http://docplayer.net/51773145-Jayant-et-al-international-journal-of-advanced-research-in-computer-science-and-software-engineering-4-2-february-2014-pp.html. Diakses pada tanggal 26 september 2017.
↑ Waspodo, Bayu, Ahmad Nurul Fajar dan Noor Hadi Prayitno. 2015. Sistem Informasi Pelayanan Izin Mendirikan Bangunan Dan Peruntukan Penggunaan Tanah Pada Badan Penanaman Modal Dan Pelayanan Perizinan Kabupaten Sumedang. Jurnal Sistem Informasi. Jakarta : Universitas Islam Negeri Syarif Hidayatullah. Vol.8 No.2. http://si.fst.uinjkt.ac.id/prodi/wp-content/uploads/2016/01/Jurnal-Oktober-2015.pdf. Diakses pada tanggal 12 Oktober 2017.
↑ Griha, Tofik Isa Indra dan George Pri Hartawan. 2017. Perancangan Aplikasi Koperasi Simpan Pinjam Berbasis Web (Studi Kasus Koperasi Mitra Setia). Jurnal Ilmiah Ilmu Ekonomi. Sukabumi: Universitas Muhammadiyah. ISSN : 2088-6969. Vol.5 Edisi 10 Maret 2017. http://eprints.ummi.ac.id/60/3/Perancangan%20Aplikasi%20Koperasi%20Simpan%20Pinjam%20Berbasis%20Web%20%28Studi%20Kasus%20Koperasi%20Mitra%20Setia%29.pdf. Diakses pada tanggal 12 Oktober 2017.
↑ Rahayu, Sri, Muhamad Yusup dan Sinta Puspita Dewi. 2015. Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web dengan menggunakan Framework YII. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN: 1978-8282. Vol.9 No.1- September 2015.
↑ Qader, Akram Abdel dan Khaled Musa. 2013. Distributed Graphical User Interfaces to Class Diagram Reverse Engineering Approach using Pattern Recognition. Jordan : Al-Zaytoonah University of Jordan. International Journal of Software Engineering & Applications (IJSEA). Vol.4 No.3-May 2013. https://www.researchgate.net/profile/Akram_Abdelqader/publication/259623098_Distributed_Graphical_User_Interfaces_to_Class_Diagram_Reverse_Engineering_Approach_using_Pattern_Recognition_Akram_Abdel_Qader_Khaled_Musa_Faculty_of_Science_and_Information_Technology_Al-Zaytoonah_U/links/56e915cf08aec65cb45f6a62/Distributed-Graphical-User-Interfaces-to-Class-Diagram-Reverse-Engineering-Approach-using-Pattern-Recognition-Akram-Abdel-Qader-Khaled-Musa-Faculty-of-Science-and-Information-Technology-Al-Zaytoonah.pdf. Diakses pada tanggal 12 Oktober 2017.
↑ Wahyudi, Muhammad Johan dan Abdul Fadlil. 2013. Sistem Pakar untuk Mengidentifikasi Penyakit Udang Galah dengan Metode Theoremabayes. Jurnal Sarjana Teknik Informatika. eISSN: 2338-5197. Vol.1 No.1. http://download.portalgaruda.org/article.php?article=123625&val=5555. Diakses pada tanggal 20 September 2017.
↑ Mustaqbal, M. Sidi, Roeri Fajri Firdaus dan Hendra Rahmadi. 2015. Pengujian Aplikasi Menggunakan Black Box Testing Boundary Value Analysis (Studi Kasus : Aplikasi Prediksi Kelulusan SNMPTN). Jurnal Ilmiah Teknologi Informasi Terapan. ISSN : 2407 – 3911. Vol.I No.3-10 Agustus 2015. Diakses pada tanggal 27 Oktober 2017.
↑ Ariawan, Jesa dan Sri Wahyuni. 2015. Aplikasi Pengajuan Lembur Karyawan Berbasis Web. Jurnal Sisfotek Global. ISSN : 2088 – 1762. Vol.5 No.1-Maret 2015.
↑ Septiantari, Putri Wulan dan Sukandi. 2014. Sistem Informasi Pendataan Pembayaran Siswa Pada Lembaga Bimbingan Belajar Be Excellent Pacitan Berbasis Web. IJNS – Indonesian Journal on Networking and Security. Vol.3 No.3-Juli 2014. http://download.portalgaruda.org/article.php?article=268756&val=7110&title=Sistem%20Informasi%20Pendataan%20Pembayaran%20Siswa%20Pada%20Lembaga%20Bimbingan%20Belajar%20%20Be%20Excellent%20Pacitan%20Berbasis%20Web. Diakes pada tanggal 12 Oktober 2017.
↑ Fristanto, Hendria Tony. 2014. Rancang Bangun Sistem Informasi Pembayaran Sumbangan Pembinaan Pendidikan (SPP) dan Insidental pada Sekolah Menengah Kejuruan Muhammadiyah Tinatar Punung. Jurnal IJNS - Indonesian Journal on Networking and Security. ISSN : 2302-5700. Vol.3 No.1. http://ijns.org/journal/index.php/ijns/article/view/192/187. Diakses pada tanggal 13 Oktober 2017.
↑ Damayanti, Rindi dan Indah Uly Wardati. 2016. Perancangan Sistem Informasi Pemesanan Dan Pembayaran Kamar Pada Hotel Remaja Pacitan. Jurnal Evolusi Vol.4 No.2.
↑ Andoyo, Andreas dan Tri Lestari. 2014. Perancangan Model Pembayaran Pelayanan Pajak Kendaraan Berbasis Web pada Kantor Samsat Pringsewu. STMIK Pringsewu. Jurnal TAM (Technology Acceptance Model). Vol.2-Juli 2014. http://ojs.stmikpringsewu.ac.id/index.php/JurnalTam/article/view/17/17. Diakses pada tanggal 13 Oktober 2017.
↑ Abdullah, Ilyas. 2014. Analisa dan Perancangan Sistem Informasi Pembayaran Pajak/Retribusi Daerah pada UPT. Dipenda Kecamatan Gaung Kabupaten Indragiri Hilir. Jurnal Sistemasi. Universitas Islam Indragiri (UNISI). ISSN : 2302-8149. Vol.3 No.3-Juli 2014. http://sistemasi.ftik.unisi.ac.id/index.php/stmsi/article/view/145/pdf. Diakses pada tanggal 13 Oktober 2017.
↑ Zamzami 2017. In-Depth Exploration Of Market Retribution In Jambi Province, Indonesia. International Journal of Economics, Commerce and Management. ISSN 2348 0386. Vol. V, Issue 6, June 2017. Diakses pada tanggal 13 Oktober 2017.
↑ Moshal Martin Paul, Queens Way Quay (GI). 2017. Bill Payment Systemand Method. international journal of Patent Application Publication moshal United States. US 2017/0032350 A1. Feb. 2, 2017. https://www.google.com/patents/US20170032350. Diakses pada tanggal 13 Oktober 2017.
↑ Zhu, Jane M., Timothy Layton, Anna D. Sinaiko, and Thomas G. McGuire. 2013. The Power of Reinsurance in Health Insurance Exchanges to Improve the Fit of the Payment System and Reduce Incentives for Adverse Selection. The Journal international of Health Care Organization, Provision, and Financing. Vol. 50(4) 255–274. http://journals.sagepub.com/doi/abs/10.1177/0046958014538913. Diakses pada tanggal 13 Oktober 2017.
↑ Judicibus Dario De, Sandro Leopardi, Leonardo Modeo, dan Nicola Pergola.2013. Methode and System For Secured Transactions Over A Wireless Netrwork. Journal International United States Patent De Judicibus Et Al. US 8,352,360 B2. Jan. 8, 2013. Diakses pada tanggal 13 Oktober 2017.
↑ Mattsson Ulf, Yigal Rozenberg dan Wilton. 2013. Tokenization Of Payment Information In Mobile Environments. Journal International United States Patent Application Publication Mattsson et al. US 2013/0212019 A1 Aug. 15, 2013 Diakses pada tanggal 13 Oktober 2017.

DAFTAR LAMPIRAN

LAMPIRAN A

A.1 Surat Pengantar Skripsi
A.2 Kartu Bimbingan Skripsi dengan Pembimbing I
A.3 Kartu Bimbingan Skripsi dengan Pembimbing II
A.4 Kartu Study Tetap Final (KSTF)
A.5 Form Validasi Skripsi
A.6 Form Validasi Sidang Akademik
A.7 Lembar Persetujuan dan Penugasan Pembimbing
A.8 Lembar Pergantian Judul
A.9 Kwitansi Pembayaran Bimbingan Skripsi
A.10 Kwitansi Pembayaran Validasi Skripsi
A.11 Kwitansi Pembayaran Sidang
A.12 Kwitansi Pembayaran Raharja Career
A.13 Daftar Nilai
A.14 Formulir Seminar Proposal
A.15 Formulir Pertemuan Stakeholder
A.16 Sertifikat TOEFL
A.17 Sertifikat Prospek
A.18 Sertifikat Pemakalah SNMDI-1
A.19 Sertifikat IT Internasional
A.20 Sertifikat IT Nasional
A.21 Surat Penerbitan Dokumen
A.22 Curriculum Vitae (CV)
A.23 Form Penggantian Dosen Pembimbing
A.24 Daftar Mata Kuliah yang Belum Diambil
A.25 Hibah

LAMPIRAN B

B.1 Surat Penugasan dari Instansi Pemerintahan
B.2 Form Wawancara
B.3 Surat Keterangan Implementasi Program

LAMPIRAN C

C.1 SKRD(Surat Ketetapan Retribusi Daerah)
C.2 Karcis
C.3 Tanda Bukti Penerimaan (From Bend 26)
C.4 Kwitansi (Tanda Pembayaran)
C.5 Daftar Setoran Retribusi

Contributors

Novitasari, Tia Maryani

[Suprihadi2013-1] Suprihadi, Rini Kartika Hudiono dan Lina Sinatra Wijaya. 2013. Rancangan Bangun Sistem Jejaring Klaster Berbasis Web Menggunakan Metode Model View Controller, Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN : 1978-8282 Vol.6 No.3-Mei 2013

[Dini2017-2] Maniah, Dini Hamidini. 2017. Analisis dan Perancangan Sistem Informasi Pembahasan Secara Praktis dengan Contoh Kasus. Yogyakarta : Deepublish.

[Sutopo2016-3] Sutopo, Priyo, Dedi Cahyadi dan Zainal Arifin. 2016. Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web. Jurnal Informatika Mulawarman. Vol.11 No.1-Februari 2016. https://osf.io/preprints/inarxiv/5zyb8/. Diakses pada tanggal 12 Oktober 2017.

[Tyoso2016-4] 4,0 ^4,1 Tyoso, Jaluanto Sunu Punjul. 2016. Sistem Informasi Manajemen. Yogyakarta : Deepublish.

[Prasetiyati2016-5] Prastiyati, Deni. 2016. Analisis Sistem Informasi Akuntansi Penjualan Kredit Di PT Eka Timur Raya Purwodadi Pasuruan. Jurnal Riset Mahasiswa Akuntansi. Vol. 4 No. 1. Malang : Universitas Kanjuruhan. http://ejournal.unikama.ac.id/index.php/jrma/article/view/1204/943. Diakses pada tanggal 11 Oktober 2017.

[Puschmann2014-6] Puschmann, Conrelius dan Jean Burgess. 2014. Metaphors of Big Data. International Journal of Communication. Gernany: Humboldt University of Berlin. https://www.hiig.de/wp-content/uploads/2014/07/2169-11849-1-PB.pdf. Diakses pada tanggal 11 September 2017.

[oktafianto2016-7] Oktafianto, Muhamad Mushlihudin. 2016. Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. Yogyakarta : Andi.

[sutopo2016-8] Sutopo, Priyo, Dedi Cahyadi dan Zainal Arifin. 2016. Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web. Jurnal Informatika Mulawarman. Vol.11 No.1-Februari 2016. https://osf.io/preprints/inarxiv/5zyb8/. Diakses pada tanggal 12 Oktober 2017.

[Azizah2017-9] Azizah, Nur, Lina Yuliana dan Elsa Juliana. 2017. Rancang Bangun Sistem Informasi Penggajian Karyawan Harian Lepas pada PT. Flex Indonesia. Jurnal SENSI. Tangerang : Perguruan Tinggi Raharja. ISSN: 2461-1409. Vol.3 No.1-Februari 2017.

[Hutahean2014-10] Hutahaean, Jeperson. 2014. Konsep Sistem Informasi. Yogyakarta : Deepublish.

[Mulyani2016-11] 11,0 ^11,1 Mulyani, Sri. 2016. Analsis dan Perancangan Sistem Informasi Manajemen Keuangan Daerah. Edisi Kedua. Bandung : Abdi Sistematika.

[Burrahman2017-12] Burrahman, Abi. 2017. Membangun Sistem Informasi Akademik Berbasis Web pada Pondok Pesantren Salafiyah Al-Baqiyatussa’diyyah Tembilahan. Jurnal Sistemasi. Vol.6 No.1-Januari 2017. http://sistemasi.ftik.unisi.ac.id/index.php/stmsi/article/view/6/pdf. Diakses pada tanggal 28 Oktober 2017.

[Fauzi2015-13] 13,0 ^13,1 Fauzi, Moch Agita dan Titis Aji Wicaksono. 2015. System Inventory Control Pada Laboratorium Komputer SMK Muhammadiyah Kajen Berbasis Web dengan Framework Codeigniter. Jurnal Surya Informatika. ISSN : 2477-3042. Vol.1 No.1 http://ejournal.politeknikmuhpkl.ac.id/index.php/3/article/view/6/39. Diakses pada tanggal 12 Oktober 2017.

[Maimunah2016-14] Maimunah, Septiyan dan Bayu Setiawan. 2016. Structure Project Application Pelayanan Pasien Rawat Jalan pada RSIA Selaras. Jurnal CERITA. Tangerang : Perguruan Tinggi Raharja. ISSN: 2461-1417. Vol.2 No.2-Agustus 2016.

[Hery2017-15] Hery. 2017. Teori Akuntansi Pendekatan Konsep dan Analsis. Jakarta : Grasindo.

[Putra2017-16] Putra, Indra Mahardika. 2017. Pengantar Akuntansi. Yogyakarta : Quadrant.

[Sari2015-17] Sari, Ayu Mayang, Asnawati dan Liza Yulianti. 2015. Aplikasi Pendataan Pasien Rujuk Balik Peserta Badan Penyelenggara Jaminan Sosial (BPJS) Bengkulu. Jurnal Media Infotama. ISSN : 1858–2680. Vol.11 No.2.-September 2015. http://jurnal.unived.ac.id/index.php/jmi/article/view/257/236. Diakses pada tanggal 12 Oktober 2017.

[Ikatan2014-18] Ikatan Bankir Indonesia (IBI). 2014. Mengelola Kualitan Perbankan. Jakarta : Gramedia Pustaka Utama.

[Pohan2013-19] 19,0 ^19,1 Pohan, Aulia. 2013. Sistem Pembayaran Strategi dan Implementasi Di Indonesia. Edisi Revisi. Depok : Raja Grafindo Persada.

[Wardiah2013-20] 20,0 ^20,1 Wardiah, Mia Lasmi. 2013. Dasar-dasar Perbankan. Bandung : Pustaka Setia.

[Mardiasmo2016-21] 21,0 ^21,1 Mardiasmo. 2016. Perpajakan. Yogyakarta : Andi.

[Asteria2015-22] Asteria, Beta. 2015. Analisis Pengaruh Penerimaan Pajak Daerah dan Retribusi Daerah Terhadap Pendapatan Asli Daerah Kabupaten/Kota di Jawa Tengah. Jurnal Riset Manajemen Vol.2 No.1-Januari 2015. Diakses pada tanggal 12 Oktober 2017.

[PERDA2011-23] 23,0 ^23,1 Peraturan Daerah Kota Tangerang. Nomor 1 Tahun 2011. Tentang Retribusi Pelayanan Persampahan/Kebersihan. http://banten.bpk.go.id/wp-content/uploads/2011/11/Perda-Nomor-1-Tahun-2011-+-print-out.pdf. Diakses pada tanggal 19 Oktober 2017.

[UU1997-24] 24,0 ^24,1 Undang-undang Republik Indonesia Nomor 18 Tahun 1997. Tentang Pajak Daerah dan Retribusi Daerah. http://jdih.minerba.esdm.go.id/minerba/dok/UU%2018%20Tahun%201997_%20Pajak%20Daerah%20dan%20Retribusi%20Daerah.pdf. Diakes pada tanggal 19 Oktober 2017.

[Munfarida2017-25] Munfarida, Tri dan Yuli Astuti. 2017. Implementasi Daily Activity Monitoring System (DAMS) pada CV. Jogja Media Telematika. Jurnal Mantik Penusa. ISSN: 2088-3943. Vol.21 No.1-Juni 2017. http://e-jurnal.pelitanusantara.ac.id/index.php/mantik/article/view/185/102. Diakses pada tanggal 27 Oktober 2017.

[Haerudin2013-26] Haerudin, Ruli Supriati dan Abdul Hakim. 2013. Perancangan Sistem Informasi Perpustakaan Berbasis Web Pada Madrasah Aliyah Negeri Balaraja Kabupaten Tangerang. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. Vol.7 No.1-September 2013.

[Faridi2016-27] Faridi, Peni Aripianti dan Retno Widuri. 2016. Perancangan Sistem Informasi E-Jurnal pada Perguruan Tinggi Berbasis Web. Jurnal CERITA. Tangerang : Perguruan Tinggi Raharja. ISSN: 2461-1417. Vol.2 No.2-Agustus 2016.

[Rahayu2015-28] Rahayu, Sri, Muhamad Yusup dan Sinta Puspita Dewi. 2015. Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web dengan menggunakan Framework YII. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN: 1978-8282. Vol.9 No.1- September 2015.

[Heryanto2017-29] 29,0 ^29,1 Heryanto, Imam. 2017. Membuat Database dengan Microsoft Access. Edisi Revisi. Bandung : Informatika.

[Rahardja2014-30] Rahardja, Untung, Yusup Muhamad dan Nurmaliana Ana. 2014. Penerapan Ilearning Survey (isur) Dalam Meningkatkan Kualitas Sistem Informasi Selama Proses Pembelajaran di Perguruan Tinggi Raharja. Jurnal CCIT Tangerang : Perguruan Tinggi Raharja. ISSN : 1978-8282 Vol.7 No.3-Mei 2014.

[Irwansyah2014-31] Irwansyah, Edi dan Jurike V Moniaga. 2014. Pengantar Teknologi Informasi. Jogyakarta : Deepublish.

[Murad2013-32] 32,0 ^32,1 Murad, Dina Fitria, Nia Kusniawati dan Agus Asyanto. 2013. Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada Himpaudi Kota Tangerang. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN : 1978-8282 Vol.7 No.1-September 2013.

[Al-Husain2016-33] Al-Husain, Felita Aryanti dan Sinudarwati. 2016. Perancangan Database Relational pada Toko Buku Online. Jurnal CERITA. Tangerang : Perguruan Tinggi Raharja. ISSN : 2461-1417. Vol.2 No.2-Agustus 2016.

[Raharjo2016-34] 34,0 ^34,1 Raharjo, Budi. 2016. Pemrograman Web (HTML, PHP & MySQL). Edisi Ketiga. Bandung : Modula.

[Supono2016-35] 35,0 ^35,1 Supono, Vidiandry Putratama. 2016. Pemrograman Web dengan Menggunakan PHP dan Framework Codeigniter. Yogyakarta : Deepublish.

[Madcoms016-36] Madcoms. 2016. Pemrograman PHP dan MySQL untuk Pemula. Yogyakarta : Andi.

[Dzulhaq2017-37] Dzulhaq, M. Iqbal, Rahmat Tullah dan Putra Satia Nugraha. 2017. Sistem Informasi Akademik Sekolah Berbasis Kurikulum 2013. Jurnal Sisfotek Global. ISSN : 2088 –1762 Vol.7 No.1-Maret 2017. http://journal.stmikglobal.ac.id/index.php/sisfotek/article/view/125/122. Diakses pada tanggal 12 Oktober 2017.

[Adhatrao20132016-38] Adhatrao, Kalpesh, Aditya Gaykar, Amiraj Dhawan, Rohit Jha dan Vipul Honrao. 2013. Predicting Students Performance Using ID3 and C4.5 Classification Algorithms. International Journal of Data Mining & Knowledge Management Process (IJDKP). Vol.3 No.5-September 2013. India: Fr. C.R.I.T., Navi Mumbai, Maharashtra. https://www.researchgate.net/publication/257459741_Predicting_Students'_Performance_Using_ID3_And_C45_Classification_Algorithms. Diakses pada tanggal 11 Oktober 2017.

[Pasaribu2017-39] Pasaribu, Johani S. 2017. Penerapan Framework Yii pada Pembangunan Sistem PPDB SMP BPPI Baleendah Kabupaten Bandung. Jurnal Ilmiah Teknologi Informasi Terapan. ISSN : 2407-3911 Vol.3 No.2-15 April 2017. http://jitter.widyatama.ac.id/index.php/jitter/article/view/220/153. Diakses pada tanggal 12 Oktober 2017.

[Yudanto2017-40] 40,0 ^40,1 Yudanto, Ahmad Leo, Herman Tolle dan Adam Hendra Brata. 2017. Rancang Bangun Aplikasi Sistem Informasi Manajemen Laboratorium Biomedik. Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer. Universitas Brawijaya. Vol.1 No.8. http://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/182/90. Diakses pada tanggal 20 September 2017.

[Destiningrum2017-41] Destiningrum, Mara dan Qadhli jafar Adrian. 2017. Sistem Informasi Penjadwalan Dokter Berbassis Web dengan Menggunakan Framework Codeigniter (Studi Kasus : Rumah Sakit Yukum Medical Centre). Jurnal Teknoinfo . ISSN : 1693-0010 Vol.11 No.2.

[Murya2016-42] 42,0 ^42,1 Murya, Yosef. 2016. Framework PHP YII 2 : Develop Aplikasi Web dengan Cepat dan Mudah. Jakarta : Jasakom.

[Mahendra2017-43] Data, Mahendra, Gilang Ramadhan dan Kasyful Amron. 2017. Analisis Availabilitas dan Reliabilitas Multi-master Database Server dengan State Snapshot Transfers (SST) Jenis Rsync pada MariaDB Galera Cluster. Jurnal Teknologi Informasi dan Ilmu Komputer. Vol. 4 No.1.

[Madcoms2016-44] Madcoms. 2016. Pemrograman PHP dan MySQL untuk Pemula. Yogyakarta : Andi.

[Saptra2016-45] Saputra, M. Rosyid dan Slamet Riyadi. 2016. Sistem Informasi Populasi dan Historikal Unit Alat-Alat Berat pada PT. Daya Kobelco Construction Machinery Indonesia. Jurnal Penelitian Dosen FIKOM (UNDA). Vol.6 No.2. http://jurnal.unda.ac.id/index.php/Jpdf/article/view/69/63. Diakses pada tanggal 27 Oktober 2017.

[Supramana2016-46] Supramana dan I Gusti Lanang Putra Eka Prismana. 2016. Implementasi Load Balancing Pada Web Server Dengan Menggunakan Apache. Jurnal Manajemen Informatika. Universitas Negeri Surabaya Vol.5 No.2. http://jurnalmahasiswa.unesa.ac.id/index.php/jurnal-manajemen-informatika/article/view/16413/20402. Diakses pada tanggal 2 Oktober 2017.

[Swarnalatha2016-47] Swarnalatha K S I , Srinivasan G N, Pooja Bhandary P V, Kishore dan Rakesh R. 2014. Requrement Elicatitation in Web Application. Challenges. International Journal of Reseach in Computer and Communication Tecnology. India : CSE Department. Vol.3 Issue.3.

[Hanafri2017-48] Hanafri, Muhammad Iqbal, Siti Maisaroh Mustafa dan Arip Hidayat. 2017. Proses Perakitan Trafo Dengan Menggunakan Animasi Multimedia. Jurnal Sisfotek Global. ISSN : 2088–1762. Vol.7 No.1. http://journal.stmikglobal.ac.id/index.php/sisfotek/article/view/117/114. 11 oktober 2017. Diakses pada tanggal 26 september 2017.

[Bachtiar2015-49] Bachtiar, Dede dan Atikah. 2015. Sistem Informasi Dashboard Kependudukan di Kelurahan Manis Jaya Kota Tangerang. Jurnal Sisfotek Global. Vol.5 NO.1. ISSN : 2018-1762. http://stmikglobal.ac.id/journal/index.php/sisfotek/article/view/69/71. Diakses pada tanggal 5 Oktober 2017.

[Warsito2015-50] Warsito, Ary Budi, Muhamad Yusup dan Moh. Iqbal Awi Makaram. 2015. Perancangan SiS+ Menggunakan Metode YII Framework Pada Perguruan Tinggi Raharja. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN : 1978-8282 Vol.8 No.2-Januari 2015.

[Jayant2014-51] Jayant, K.P, Renu Garg, Vinod Kumar dan Ajaya Rana. 2014. An Approach of Software Design Testing Based on UML Diagrams. Ghazjabad, India : International Journal of Advanced Research in Computer Science and Software Engeneering. Pp. 148-153 ISSN : 2277-128X Vol.4 Isue.2. http://docplayer.net/51773145-Jayant-et-al-international-journal-of-advanced-research-in-computer-science-and-software-engineering-4-2-february-2014-pp.html. Diakses pada tanggal 26 september 2017.

[Waspodo2015-52] Waspodo, Bayu, Ahmad Nurul Fajar dan Noor Hadi Prayitno. 2015. Sistem Informasi Pelayanan Izin Mendirikan Bangunan Dan Peruntukan Penggunaan Tanah Pada Badan Penanaman Modal Dan Pelayanan Perizinan Kabupaten Sumedang. Jurnal Sistem Informasi. Jakarta : Universitas Islam Negeri Syarif Hidayatullah. Vol.8 No.2. http://si.fst.uinjkt.ac.id/prodi/wp-content/uploads/2016/01/Jurnal-Oktober-2015.pdf. Diakses pada tanggal 12 Oktober 2017.

[Griha2017-53] Griha, Tofik Isa Indra dan George Pri Hartawan. 2017. Perancangan Aplikasi Koperasi Simpan Pinjam Berbasis Web (Studi Kasus Koperasi Mitra Setia). Jurnal Ilmiah Ilmu Ekonomi. Sukabumi: Universitas Muhammadiyah. ISSN : 2088-6969. Vol.5 Edisi 10 Maret 2017. http://eprints.ummi.ac.id/60/3/Perancangan%20Aplikasi%20Koperasi%20Simpan%20Pinjam%20Berbasis%20Web%20%28Studi%20Kasus%20Koperasi%20Mitra%20Setia%29.pdf. Diakses pada tanggal 12 Oktober 2017.

[Rahayu015-54] Rahayu, Sri, Muhamad Yusup dan Sinta Puspita Dewi. 2015. Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web dengan menggunakan Framework YII. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN: 1978-8282. Vol.9 No.1- September 2015.

[Qader013-55] Qader, Akram Abdel dan Khaled Musa. 2013. Distributed Graphical User Interfaces to Class Diagram Reverse Engineering Approach using Pattern Recognition. Jordan : Al-Zaytoonah University of Jordan. International Journal of Software Engineering & Applications (IJSEA). Vol.4 No.3-May 2013. https://www.researchgate.net/profile/Akram_Abdelqader/publication/259623098_Distributed_Graphical_User_Interfaces_to_Class_Diagram_Reverse_Engineering_Approach_using_Pattern_Recognition_Akram_Abdel_Qader_Khaled_Musa_Faculty_of_Science_and_Information_Technology_Al-Zaytoonah_U/links/56e915cf08aec65cb45f6a62/Distributed-Graphical-User-Interfaces-to-Class-Diagram-Reverse-Engineering-Approach-using-Pattern-Recognition-Akram-Abdel-Qader-Khaled-Musa-Faculty-of-Science-and-Information-Technology-Al-Zaytoonah.pdf. Diakses pada tanggal 12 Oktober 2017.

[Wahyudi2013-56] Wahyudi, Muhammad Johan dan Abdul Fadlil. 2013. Sistem Pakar untuk Mengidentifikasi Penyakit Udang Galah dengan Metode Theoremabayes. Jurnal Sarjana Teknik Informatika. eISSN: 2338-5197. Vol.1 No.1. http://download.portalgaruda.org/article.php?article=123625&val=5555. Diakses pada tanggal 20 September 2017.

[Mustaqbal2015-57] Mustaqbal, M. Sidi, Roeri Fajri Firdaus dan Hendra Rahmadi. 2015. Pengujian Aplikasi Menggunakan Black Box Testing Boundary Value Analysis (Studi Kasus : Aplikasi Prediksi Kelulusan SNMPTN). Jurnal Ilmiah Teknologi Informasi Terapan. ISSN : 2407 – 3911. Vol.I No.3-10 Agustus 2015. Diakses pada tanggal 27 Oktober 2017.

[Ariawan2015-58] Ariawan, Jesa dan Sri Wahyuni. 2015. Aplikasi Pengajuan Lembur Karyawan Berbasis Web. Jurnal Sisfotek Global. ISSN : 2088 – 1762. Vol.5 No.1-Maret 2015.

[Septiantari2014-59] Septiantari, Putri Wulan dan Sukandi. 2014. Sistem Informasi Pendataan Pembayaran Siswa Pada Lembaga Bimbingan Belajar Be Excellent Pacitan Berbasis Web. IJNS – Indonesian Journal on Networking and Security. Vol.3 No.3-Juli 2014. http://download.portalgaruda.org/article.php?article=268756&val=7110&title=Sistem%20Informasi%20Pendataan%20Pembayaran%20Siswa%20Pada%20Lembaga%20Bimbingan%20Belajar%20%20Be%20Excellent%20Pacitan%20Berbasis%20Web. Diakes pada tanggal 12 Oktober 2017.

[Fristanto2014-60] Fristanto, Hendria Tony. 2014. Rancang Bangun Sistem Informasi Pembayaran Sumbangan Pembinaan Pendidikan (SPP) dan Insidental pada Sekolah Menengah Kejuruan Muhammadiyah Tinatar Punung. Jurnal IJNS - Indonesian Journal on Networking and Security. ISSN : 2302-5700. Vol.3 No.1. http://ijns.org/journal/index.php/ijns/article/view/192/187. Diakses pada tanggal 13 Oktober 2017.

[Damayanti2016-61] Damayanti, Rindi dan Indah Uly Wardati. 2016. Perancangan Sistem Informasi Pemesanan Dan Pembayaran Kamar Pada Hotel Remaja Pacitan. Jurnal Evolusi Vol.4 No.2.

[Andoyo2014-62] Andoyo, Andreas dan Tri Lestari. 2014. Perancangan Model Pembayaran Pelayanan Pajak Kendaraan Berbasis Web pada Kantor Samsat Pringsewu. STMIK Pringsewu. Jurnal TAM (Technology Acceptance Model). Vol.2-Juli 2014. http://ojs.stmikpringsewu.ac.id/index.php/JurnalTam/article/view/17/17. Diakses pada tanggal 13 Oktober 2017.

[Abdulah2014-63] Abdullah, Ilyas. 2014. Analisa dan Perancangan Sistem Informasi Pembayaran Pajak/Retribusi Daerah pada UPT. Dipenda Kecamatan Gaung Kabupaten Indragiri Hilir. Jurnal Sistemasi. Universitas Islam Indragiri (UNISI). ISSN : 2302-8149. Vol.3 No.3-Juli 2014. http://sistemasi.ftik.unisi.ac.id/index.php/stmsi/article/view/145/pdf. Diakses pada tanggal 13 Oktober 2017.

[Zamzami2017-64] Zamzami 2017. In-Depth Exploration Of Market Retribution In Jambi Province, Indonesia. International Journal of Economics, Commerce and Management. ISSN 2348 0386. Vol. V, Issue 6, June 2017. Diakses pada tanggal 13 Oktober 2017.

[Moshal2017-65] Moshal Martin Paul, Queens Way Quay (GI). 2017. Bill Payment Systemand Method. international journal of Patent Application Publication moshal United States. US 2017/0032350 A1. Feb. 2, 2017. https://www.google.com/patents/US20170032350. Diakses pada tanggal 13 Oktober 2017.

[Zhu2013-66] Zhu, Jane M., Timothy Layton, Anna D. Sinaiko, and Thomas G. McGuire. 2013. The Power of Reinsurance in Health Insurance Exchanges to Improve the Fit of the Payment System and Reduce Incentives for Adverse Selection. The Journal international of Health Care Organization, Provision, and Financing. Vol. 50(4) 255–274. http://journals.sagepub.com/doi/abs/10.1177/0046958014538913. Diakses pada tanggal 13 Oktober 2017.

[Judicibus2013-67] Judicibus Dario De, Sandro Leopardi, Leonardo Modeo, dan Nicola Pergola.2013. Methode and System For Secured Transactions Over A Wireless Netrwork. Journal International United States Patent De Judicibus Et Al. US 8,352,360 B2. Jan. 8, 2013. Diakses pada tanggal 13 Oktober 2017.

[mattsson2013-68] Mattsson Ulf, Yigal Rozenberg dan Wilton. 2013. Tokenization Of Payment Information In Mobile Environments. Journal International United States Patent Application Publication Mattsson et al. US 2013/0212019 A1 Aug. 15, 2013 Diakses pada tanggal 13 Oktober 2017.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]

[19]

[20]

[21]

[22]

[23]

[24]

[25]

[26]

[27]

[28]

[29]

[30]

[31]

[32]

[33]

[34]

[35]

[36]

[37]

[38]

[39]

[40]

[41]

[42]

[43]

[44]

[45]

[46]

[47]

[48]

[49]

[50]

[51]

[52]

[53]

[54]

[55]

[56]

[57]

[58]

[59]

[60]

[61]

[62]

[63]

[64]

[65]

[66]

[67]

[68]

@@ Baris 1: / Baris 1: @@
 <br>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN'''</P></div>
+<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN RETRIBUSI'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''RETRIBUSI PELAYANAN PERSAMPAHAN/KEBERSIHAN'''</P></div>
+<p style="line-height: 1">'''PELAYANAN PERSAMPAHAN/KEBERSIHAN BERBASIS ''WEB'' '''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''BERBASIS ''WEB'' PADA UPT RETRIBUSI PERSAMPAHAN'''</P></div>
+<p style="line-height: 1">'''PADA UPT RETRIBUSI PERSAMPAHAN DI DINAS'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''DI DINAS LINGKUNGAN HIDUP'''</p></div>
+<p style="line-height: 1">'''LINGKUNGAN HIDUP KOTA TANGERANG'''</P></div>
-<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''KOTA TANGERANG'''</p></div>
@@ Baris 19: / Baris 16: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 [[File:Logo stmik raharja.jpg|150px|center]]</div>
@@ Baris 29: / Baris 25: @@
 |<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1414483034'''</div>
 |-
-|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[TIA MARYANI]]'''</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[Tia Maryani]]'''</div>
 |}
@@ Baris 60: / Baris 56: @@
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN'''</P></div>
+<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN RETRIBUSI'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''RETRIBUSI PELAYANAN PERSAMPAHAN/KEBERSIHAN'''</P></div>
+<p style="line-height: 1">'''PELAYANAN PERSAMPAHAN/KEBERSIHAN BERBASIS ''WEB'' '''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''BERBASIS ''WEB'' PADA UPT RETRIBUSI PERSAMPAHAN'''</P></div>
+<p style="line-height: 1">'''PADA UPT RETRIBUSI PERSAMPAHAN DI DINAS'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''DI DINAS LINGKUNGAN HIDUP'''</p></div>
+<p style="line-height: 1">'''LINGKUNGAN HIDUP KOTA TANGERANG'''</p></div>
-<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''KOTA TANGERANG'''</p></div>
@@ Baris 81: / Baris 75: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[TIA MARYANI]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Tia Maryani]]</div>
 |-
@@ Baris 103: / Baris 97: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disahkan Oleh :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, 16 Januari 2018</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, 23 Januari 2018</p></div>
 {|table align="center"
@@ Baris 153: / Baris 147: @@
 <br>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN'''</P></div>
+<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN RETRIBUSI'''</P></div>
-<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''RETRIBUSI PELAYANAN PERSAMPAHAN/KEBERSIHAN'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''BERBASIS ''WEB'' PADA UPT RETRIBUSI PERSAMPAHAN'''</P></div>
+<p style="line-height: 1">'''PELAYANAN PERSAMPAHAN/KEBERSIHAN BERBASIS ''WEB'' '''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''DI DINAS LINGKUNGAN HIDUP'''</p></div>
+<p style="line-height: 1">'''PADA UPT RETRIBUSI PERSAMPAHAN DI DINAS'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''KOTA TANGERANG'''</p></div>
+<p style="line-height: 1">'''LINGKUNGAN HIDUP KOTA TANGERANG'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 <br>
@@ Baris 174: / Baris 166: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[TIA MARYANI]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Tia Maryani]]</div>
 |}
@@ Baris 180: / Baris 172: @@
 &nbsp;
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;">Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;">Jurusan Sistem Infomasi</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Komputer Akuntansi </p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tahun Akademik 2017/2018</p></div> <br> <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Oleh :</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: left"><p style="line-height: 2" style="text-align: right;">Tangerang, 16 Januari 2018</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;">Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;">Jurusan Sistem Infomasi</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Komputer Akuntansi </p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tahun Akademik 2017/2018</p></div> <br> <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Oleh :</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: left"><p style="line-height: 2" style="text-align: right;">Tangerang, 23 Januari 2018</p></div>
 {|table align="center"
@@ Baris 227: / Baris 219: @@
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 <br>
-<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN'''</P></div>
+<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN RETRIBUSI'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''RETRIBUSI PELAYANAN PERSAMPAHAN/KEBERSIHAN'''</P></div>
+<p style="line-height: 1">'''PELAYANAN PERSAMPAHAN/KEBERSIHAN BERBASIS ''WEB'' '''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''BERBASIS ''WEB'' PADA UPT RETRIBUSI PERSAMPAHAN'''</P></div>
+<p style="line-height: 1">'''PADA UPT RETRIBUSI PERSAMPAHAN DI DINAS'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''DI DINAS LINGKUNGAN HIDUP'''</p></div>
+<p style="line-height: 1">'''LINGKUNGAN HIDUP KOTA TANGERANG'''</p></div>
-<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''KOTA TANGERANG'''</p></div>
 <br>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
@@ Baris 248: / Baris 238: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[TIA MARYANI]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Tia Maryani]]</div>
 |}
@@ Baris 267: / Baris 257: @@
 <br>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
-<p style="line-height: 1" style="text-align: right;">Tangerang, 16 Januari 2018</p></div>
+<p style="line-height: 1" style="text-align: right;">Tangerang, 23 Januari 2018</p></div>
 {|table align="center"
@@ Baris 314: / Baris 304: @@
 <br>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN'''</P></div>
+<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI PENDATAAN PEMBAYARAN RETRIBUSI '''</P></div>
-<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''RETRIBUSI PELAYANAN PERSAMPAHAN/KEBERSIHAN'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''BERBASIS ''WEB'' PADA UPT RETRIBUSI PERSAMPAHAN'''</P></div>
+<p style="line-height: 1">'''PELAYANAN PERSAMPAHAN/KEBERSIHAN BERBASIS ''WEB'' '''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''DI DINAS LINGKUNGAN HIDUP'''</p></div>
+<p style="line-height: 1">'''PADA UPT RETRIBUSI PERSAMPAHAN DI DINAS'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''KOTA TANGERANG'''</p></div>
+<p style="line-height: 1">'''LINGKUNGAN HIDUP KOTA TANGERANG'''</p></div>
 <br>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
@@ Baris 335: / Baris 323: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[TIA MARYANI]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Tia Maryani]]</div>
 |-
@@ Baris 360: / Baris 348: @@
 <p style="line-height: 2">Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Tangerang, 16 Januari 2018</p></div>
+<p style="line-height: 2">Tangerang, 23 Januari 2018</p></div>
 {|table align="center"
@@ Baris 386: / Baris 374: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>'''([[TIA MARYANI]])'''</u></div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>'''([[Tia Maryani]])'''</u></div>
 |-
@@ Baris 402: / Baris 390: @@
 <hr width="100%">
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAK</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Saat ini sistem informasi yang terkomputerisasi menjadi kebutuhan dan memiliki peranan yang sangat penting di berbagai instansi pemerintahan dalam mengolah dan menyajikan data pembayaran menjadi mudah, akurat dan cepat serta dapat menyimpan data pembayaran secara otomatis. UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang seringkali menghadapi permasalahan pada pendataan pembayaran retribusi sampai dengan pembuatan laporan. Namun sistem yang berjalan saat ini pada UPT Retribusi Persampahan masih belum terkomputerisasi dengan baik, hal ini mengakibatkan waktu yang tidak efektif dan efisien dalam peng''input''an data pembayaran retribusi, pengolahan data dan menyajikan data serta penyusunan laporan setoran retribusi mingguan dan laporan rincian retribusi bulanan yang masih menggunakan Microsoft Office Excel. Berdasarkan masalah diatas maka penulis mempertimbangkan untuk membuat sebuah sistem informasi yang terkomputerisasi, dengan adanya sistem yang terkomputerisasi data tersebut saling terintegrasi satu sama lain sehingga semua data yg terintegrasi dapat menghasilkan laporan setoran retribusi mingguan dan laporan rincian retribusi bulanan. Hal  ini diharapkan dapat mempermudah proses pendataan pembayaran retribusi sampai penyusunan laporan setoran retribusi mingguan dan laporan rincian retribusi bulanan yang lebih cepat dan akurat. Sehingga meminimalisir dalam kehilangan data. Metode analisis yang digunakan yaitu ''Performance'', ''Information'', ''Economic'', ''Control/Security'', ''Efficiency'', dan ''Service'' (PIECES). Perancangan sistem berorientasi menggunakan ''Unified'' ''Modeling'' ''Language'' (UML) yang diimplementasikan dalam bahasa pemrograman PHP, HTML  dan pembuatan ''database'' pada MariaDB ''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAK</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Saat ini sistem informasi yang terkomputerisasi menjadi kebutuhan dan memiliki peranan yang sangat penting di berbagai instansi pemerintahan dalam mengolah dan menyajikan data pembayaran menjadi mudah, akurat dan cepat serta dapat menyimpan data pembayaran secara otomatis. UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang seringkali menghadapi permasalahan pada pendataan pembayaran retribusi sampai dengan pembuatan laporan. Namun sistem yang berjalan saat ini pada UPT Retribusi Persampahan masih belum terkomputerisasi dengan baik, hal ini mengakibatkan waktu yang tidak efektif dan efisien dalam peng''input''an data pembayaran retribusi, pengolahan data dan menyajikan data serta penyusunan laporan setoran retribusi mingguan dan laporan rincian retribusi bulanan yang masih menggunakan Microsoft Office Excel. Berdasarkan masalah diatas maka penulis mempertimbangkan untuk membuat sebuah sistem informasi yang terkomputerisasi, dengan adanya sistem yang terkomputerisasi data tersebut saling terintegrasi satu sama lain sehingga semua data yg terintegrasi dapat menghasilkan laporan setoran retribusi mingguan dan laporan rincian retribusi bulanan.Metode analisis yang digunakan yaitu ''Performance'', ''Information'', ''Economic'', ''Control/Security'', ''Efficiency'', dan ''Service'' (PIECES). Perancangan sistem berorientasi menggunakan ''Unified'' ''Modeling'' ''Language'' (UML) yang diimplementasikan dalam bahasa pemrograman PHP, HTML  dan pembuatan ''database'' pada MariaDB. Hal  ini diharapkan dapat mempermudah proses pendataan pembayaran retribusi sampai penyusunan laporan setoran retribusi mingguan dan laporan rincian retribusi bulanan yang lebih cepat dan akurat. Sehingga meminimalisir dalam kehilangan data.</p></div>
+<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">Kata Kunci: pendataan pembayaran retribusi, laporan, PIECES, PHP, MariaDB.</p></div>
 {{pagebreak}}
@@ Baris 409: / Baris 399: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">''ABSTRACT''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Growing information system are expected to facilitate the work of a company so that activities can run optimally. PT Surya Toto Indonesia Tbk. tangerang Selatan is a company engaged in the field of sanitary manufacturing industry such as a closet, urinal, bidet, sink and the manufacture of thhings such as faucets and shower. The company should pay attentiontion  to procurement of non inventory (komodity) because it will directly relate to costs which should be borne by the company part warehouse fiiting in PT Surya Toto Indonesia Tbk. South Tangerang. System monitoring items of non inventory (komodity) used today are still manual resulted in quantities of non invcentory (komodity) that is in MS Excel with a different amount. the physical that is on the warehouse fittings. so that poses obstacles for party warehouse fittings, in knowing the condition of the stock and the number of items of non inventory (komodity) on warehouse fittings. Thus the researcher is designing a system that can make it easier to monitoring workers in goods by using the method of anysis used CSF ((Critical Succes Factor). The design-oriented system using UML (Unified Modeling Language¬), which is implemented tn the programming language PHP ((Hypertext) and Notepad ++ and the creation of a database on MYSQL.''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Currently the computerized information system becomes a necessity and has a very important role in various government agencies in processing and present data payment becomes easy, accurate and fast and can stored data automatically. UPT Retribusi Persampahan at Dinas Lingkungan Hidup Kota Tangerang often facing a problem in the collection of retribution payments up to making the reports. However, the current system in UPT Retribusi Persampahan is still not well computerized, it is not effective and efficient in inputing the data of retribution payment, data processing, data serving and monthly retribution report which is still using Microsoft Office Excel. Based on the above problems, the authors consider to create a computerized information system, with a computerized system of data that are mutually integrated with each other so that all of the data can be generated reports deposit fees. The methods used are Performance, Information, Economy, Control / Security, Efficiency, and Service (PIECES). The design of oriented system using Unified Modeling Language (UML) which is implemented in PHP programming language, HTML and database is MariaDB. This is expected to facilitate the process of retribution review to compile monthly retribution reports more quickly and accurately and to minimize in data loss.''</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Keywords: Inventory, komofity and warehouse fitting. ''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Keywords: data collection of retribution payments, reports, PIECES, PHP, MariaDB.''</p></div>
 {{pagebreak}}
@@ Baris 420: / Baris 410: @@
 <br>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Puji syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan kemudahan sehingga laporan skripsi penulis dapat berjalan dengan baik dan selesai dengan semestinya, yang berjudul “Perancangan Sistem Informasi Monitoring Barang ''Non Inventory'' (Komodity) untuk Mengetahui Kondisis Stok pada ''Warehouse Fitting'' di PT Surya Toto Indonesia Tbk. Tangerang Selatan”..</p></div>
+<p style="line-height: 2">Puji syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan karunia-Nya sehingga dapat berjalan dengan baik dan selesai dengan semestinya dalam menyusun dan menyelesaikan skripsi ini, yang berjudul “Perancangan Sistem Informasi Pendataan Pembayaran Retribusi Pelayanan Persampahan/Kebersihan Berbasis Web pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang”.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">Tujuan dari penulisan laporan ini sebagai salah satu persyaratan dalam memperoleh gelar Sarjana Komputer (S.Kom) untuk jenjang Strata Satu (S1) pada Perguruan Tinggi Raharja.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Dalam penyusunan laporan Skripsi, penulis banyak menerima bantuan dari semua pihak. Penulis menyadari tanpa adanya bimbingan dan dorongan tersebut, laporan Skripsi ini tidak dapat terselesaikan tepat pada waktunya. Maka pada kesempatan ini penulis menyampaikan terima kasih kepada:</p></div>
+<p style="line-height: 2">Dalam kesuksesan penyusunan laporan Skripsi, penulis banyak menerima bantuan dari berbagai pihak. Penulis menyadari tanpa adanya bimbingan dan dorongan tersebut, laporan Skripsi ini tidak dapat terselesaikan tepat pada waktunya. Maka pada kesempatan ini penulis menyampaikan terima kasih kepada:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Dr. Po. [[Abas Sunarya]], M.Si selaku Direktur Perguruan Tinggi Raharja.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Ir. [[Untung Rahardja]], M.T.I, MM selaku Ketua Direktur [[Perguruan Tinggi Raharja]].</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Ir. [[Untung Rahardja]], M.T.I.,MM selaku Ketua STMIK Raharja.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak [[Sugeng Santoso]], M.Kom selaku Pembantu Ketua Bidang Akademik STMIK Raharja</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak [[Sugeng Santoso]], M.Kom., selaku Pembantu Ketua 1 Perguruan Tinggi Raharja dan Pembimbing I yang telah membantu penyusunan laporan Skripsi.</li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu [[Nur Azizah]], M.Akt.,M.Kom., selaku Kepala Jurusan Sistem Informasi Perguruan Tinggi Raharja Raharja.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu Mulyati SE., MM.M.Pd selaku Pembimbing II yang telah membantu penyusunan laporan Skripsi. </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu [[Sri Rahayu]], S.T,.MMSI selaku Dosen Pembimbing I dan Ibu [[Giandari Maulani]], M.Kom selaku Dosen Pembimbing II yang telah memberikan banyak ilmu pengetahuan, pengarahan serta motivasi kepada penulis sehingga Laporan Skripsi ini dapat terselesaikan dengan baik.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak dan Ibu Dosen serta staff [[Perguruan Tinggi Raharja]] yang telah memberikan ilmu pengetahuan kepada penulis</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak dan Ibu Dosen serta staff Perguruan Tinggi Raharja yang telah memberikan ilmu pengetahuan kepada penulis.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Irwan Budiman selaku pembimbing lapangan di PT Surya Toto Indonesia Tbk. Tangerang Selatan yang telah memberikan data-data yang dibutuhkan penulis.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Marjaih,S.IP.,MAP selaku pembimbing lapangan pada UPT Retribusi Persampahan yang telah memberikan data-data yang dibutuhkan penulis.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seluruh staff dan karyawan PT Surya Toto Indonesia Tbk. Tangerang Selatan yang telah membantu dan memperlancar kegiatan-kegiatan observasi.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu Fitriah, Ibu Ayunica Sukma dan rekan-rekan lainnya yang tidak bisa disebutkan satu persatu oleh penulis di Dinas Lingkungan Hidup divisi UPT Retribusi Persampahan yang telah membimbing dan membantu baik secara langsung maupun tidak langsung.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Sulkhan selaku “HR. Planning and Departement Head” PT Surya Toto Indonesia Tbk. Tangerang Selatan yang telah memberikan kesempatan untuk melaksanakan Skripsi di PT Surya Toto Indonesia Tbk. Tangerang Selatan.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kedua orang tua, adik-adik dan keluarga besar yang selalu memberikan dukungan baik moril, materi maupun doa serta memberikan semangat dalam mengerjakan Skripsi ini.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Sudarsono, Bapak Ihsan, Bapak Kasmanto, Bapak Hartono, Bapak Agus, Bapak Rohadi, Feby Mardiansyahri, Cikal Sandi dan rekan-rekan lainnya yang tidak bisa disebutkan satu persatu oleh penulis di PT Surya Toto Indonesia Tbk. Tangerang Selatan divisi Warehouse Fitting yang telah membimbing dan membantu selama pelaksanaan kerja praktek serta menyelesaikan laporan kerja praktek ini, baik secara langsung maupun tidak langsung. </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Thanks'' ''to'' teman dekat Zaerobby, RBGfams dan teman-teman seperjuangan yang selalu memberikan dukungan dan motivasi.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kedua orang tua dan semua saudara dalam keluarga yang telah memberikan dukungan baik moril, materi maupun doa.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Teman dan sahabat yang telah membantu memberikan dukungan dan masukan bagi penulis.</li>
 </ol>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Penulis menyadari bahwa dalam penulisan Laporan Skripsi ini masih jauh dari kesempurnaan. Oleh karena itu kritik dan saran yang membangun, penulis harapkan sebagai pemicu untuk dapat berkarya lebih baik lagi.</p></div>
+<p style="line-height: 2">Penulis menyadari bahwa dalam penulisan Laporan Skripsi ini masih jauh dari kata sempurna. Oleh karena itu dengan segala kerendahan hati dan keterbukaan, penulis mengharapkan kritik dan saran yang membangun, penulis harapkan sebagai pemicu untuk dapat berkarya lebih baik lagi.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Semoga Laporan Skripsi ini dapat bermanfaat bagi pihak yang membutuhkan.</p></div>
+<p style="line-height: 2">Semoga Laporan Skripsi ini dapat bermanfaat bagi berbagai pihak yang membutuhkan.</p></div>
 <div align="right" style="font-size: 12pt;font-family: 'times new roman'">
@@ Baris 450: / Baris 437: @@
 |-
-| width="60%" | || align="center" | Tangerang, 24 Juli 2017
+| width="60%" | || align="center" | Tangerang, 23 Januari 2018
 |-
@@ Baris 518: / Baris 505: @@
 |-
-| width="60%" | || align="center" | <u>[[Amalia Rahim]]</u>
+| width="60%" | || align="center" | <u>[[Tia Maryani]]</u>
 |-
-| width="60%" | || align="center" | NIM. 1314477199
+| width="60%" | || align="center" | NIM. 1414483034
 |-
@@ Baris 537: / Baris 524: @@
 <br>
 <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''DAFTAR TABEL'''</div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.1 Analisis CSF (''Critical Success Factor'')
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.1 Analisis PIECES
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.2 Identifikasi kebutuhan Sistem Informasi (SI)
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.2 Elisitasi Tahap I
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.3 Elisitasi tahap I
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.3 Elisitasi Tahap II
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.4 Elisitasi Tahap II
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.4 Elisitasi Tahap III
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.5 Elisitasi Tahap III
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.5 Final Draft Elisitasi
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.6 Final dfat elisitasi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.1 Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.1 Perbedaan prosedur antara sistem berjalan dan sistem usulan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.2 Petugas
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.2 Products
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.3 ''Customers''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.3 Categories
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.4 Wilayah
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.4 Supplier
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.5 Kecamatan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.5 Section
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.6 Kelurahan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.6 In
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.7 Cara Bayar
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.7 Out
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.8 Pembayaran
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.8 Items_in
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.9 Pembayaran ''Detail''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.9 Items_out
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.10 ''Users''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.10 Users
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.11 ''User'' ''Has'' ''Roles''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.11 schedule
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.12 ''Roles''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.12 Estimasi biaya
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.13 ''Role'' ''Has'' ''Permissions''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.14 ''Permissions''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.15 ''User'' ''Has'' ''Permissions''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.16 ''Password'' ''Resets''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.17 ''Black'' ''Box'' ''Testing'' Pada Menu Login 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.18 ''Black'' ''Box'' ''Testing'' Pada Menu Login 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.19 ''Black'' ''Box'' ''Testing'' Pada ''Input'' Data Petugas 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.20 ''Black'' ''Box'' ''Testing'' Pada ''Input'' Data Petugas 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.21 ''Black'' ''Box'' ''Testing'' Pada ''Input'' Data ''Customers'' 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.22 ''Black'' ''Box'' ''Testing'' Pada ''Input'' Data ''Customers'' 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.23 ''Black'' ''Box'' ''Testing'' Pada ''Input'' Data Wilayah 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.24 ''Black'' ''Box'' ''Testing'' Pada ''Input'' Data Wilayah 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.25 ''Black'' ''Box'' ''Testing'' Pada ''Input'' Data Kecamatan 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.26 ''Black'' ''Box'' ''Testing'' Pada ''Input'' Data Kecamatan 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.27 ''Black'' ''Box'' ''Testing'' Pada ''Input'' Data Kelurahan 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.28 ''Black'' ''Box'' ''Testing'' Pada ''Input'' Data Kelurahan 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.29 ''Black'' ''Box'' ''Testing'' Pada ''Input''Data Cara Bayar 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.30 ''Black'' ''Box'' ''Testing'' Pada ''Input''Data Cara Bayar 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.31 ''Black'' ''Box'' ''Testing'' Pada ''Input'' Data Pembayaran 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.32 ''Black'' ''Box'' ''Testing'' Pada ''Input'' Data Pembayaran 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.33 ''Black'' ''Box'' ''Testing'' Pada ''Input'' ''User'' ''Administration'' 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.34 ''Black'' ''Box'' ''Testing'' Pada ''Input'' ''User'' ''Administration'' 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.35 ''Black'' ''Box'' ''Testing'' Pada ''Input'' ''Roles'' 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.36 ''Black'' ''Box'' ''Testing'' Pada input ''Roles'' 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.37 ''Black'' ''Box'' ''Testing'' Pada ''Input'' ''Available'' ''Permissions'' 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.38 ''Black'' ''Box'' ''Testing'' Pada ''Input'' ''Available'' ''Permissions'' 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.39 ''Schedule''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.40 Estimasi Biaya
 </ol>
@@ Baris 566: / Baris 579: @@
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.1 Struktur organisasi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.1 Struktur Organisasi Dinas Lingkungan Hidup
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.2 Bagan aliran proses produksi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.2 Struktur Organisasi UPT Retribusi Persampahan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.3 Alur kerja proses casting
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.3 Use Case Diagram Pendataan Pembayaran Retribusi
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.4 Use case diagram barang non inventory (komodity)
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.4 Activity Diagram Pendataan Pembayaran Retribusi
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.5 Activity diagram barang non inventory (komodity)
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.5 Sequence Pendataan Pembayaran Retribusi
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.6 Sequence diagram barang non inventory (komodity)
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.1 Use case Diagram Sistem yang Diusulkan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.7 Metode analisis CSF (Critical Success Factor)
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.2 Activity Diagram Sistem untuk Kepala UPT Retribusi Persampahan yang Diusulkan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.1 Use case diagram sistem yang diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.3 Activity Diagram Sistem Bendahara Pembantu Penerima yang Diusulkan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.2 Activity diagram sistem yang diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.4 Sequence Diagram Sistem untuk Kepala UPT Retribusi Persampahan yang Diusulkan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.3 Activity diagram sistem yang diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.5 Sequence Diagram Sistem Bendahara Pembantu Penerima yang Diusulkan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.4 Sequence diagram sistem yang diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.6 Class Diagram Sistem yang Diusulkan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.5 Class diagram sistem yang diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.7 Rancangan Tampilan Login
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.6 Tampilan login
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.8 Rancangan Tampilan Menu Utama (Dashboard)
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.7 Menu utama (home)
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.9 Rancangan Tampilan Master Data Petugas
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.8 Menu products
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.10 Rancangan Tampilan ''Input'' Data Petugas
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.9 Categories
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.11 Rancangan Tampilan Master Data ''Customers''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.10 Menu supplier
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.12 Rancangan Tampilan ''Input'' Cata ''Customers''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.11 Menu section
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.13 Rancangan Tampilan Master Data Wilayah
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.12 Menu barang masuk
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.14 Rancangan Tampilan ''Input'' Data Wilayah
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.13 Menu barang keluar
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.15 Rancangan Tampilan Master Data Kecamatan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.14 Menu report barang masuk
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.16 Rancangan Tampilan ''Input'' Data Kecamatan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.15 Menu report barang keluar
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.17 Rancangan Tampilan Master Data Kelurahan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.16 Black box testing pada menu login 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.18 Rancangan Tampilan ''Input'' Data Kelurahan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.17 Black box testing pada menu login 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.19 Rancangan Tampilan Master Data Cara Cayar
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.18 Black box testing pada menu login 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.20 Rancangan Tampilan ''Input'' Data Cara Bayar
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.19 Black box testing pada menu login 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.21 Rancangan Tampilan Menu Data Pembayaran
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.20 Black box testing pada menu products 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.22 Rancangan Tampilan ''Input'' Pembayaran
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.21 Black box testing pada menu products 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.23 Rancangan Tampilan Laporan Harian
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.22 Black box testing pada menu products 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.24 Rancangan Tampilan Laporan Mingguan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.23 Black box testing pada menu produxts 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.25 Rancangan Tampilan Laporan Bulanan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.24 Black box testing pada menu categories 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.26 Rancangan Tampilan ''Setting'' ''User'' ''Administration''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.25 Black box testing pada menu categories 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.27 Rancangan Tampilan ''Input'' Data ''User''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.26 Black box testing pada menu categories 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.28 Rancangan Tampilan ''Setting'' ''Roles''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.27 Black box testing pada menu categories 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.29 Rancangan Tampilan ''Input'' Data ''Roles''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.28 Black box testing pada menu supplier 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.30 Rancangan Tampilan ''Setting'' ''Available'' ''Permissions''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.29 Black box testing pada menu supplier 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.31 Rancangan Tampilan ''Input'' Data ''Permissions''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.30 Black box testing pada menu supplier 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.32 Tampilan Login
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.31 Black box testing pada menu supplier 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.33 Tampilan Menu Utama (Dashboard)
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.32 Black box testing pada menu section 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.34 Tampilan Program Master Data Petugas
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.33 Black box testing pada menu section 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.35 Tampilan Program ''Input''Data Petugas
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.34 Black box testing pada menu section 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.36 Tampilan Program master data ''Customers''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.35 Black box testing pada menu section 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.37 Tampilan Program ''Input'' Data ''Customers''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.36 Black box testing pada menu In 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.38 Tampilan Program master Data Wilayah
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.37 Black box testing pada menu In 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.39 Tampilan Program ''Input'' Data Wilayah
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.38 Black box testing pada menu In 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.40 Tampilan Program master Data Kecamatan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.39 Black box testing pada menu In 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.41 Tampilan Program ''Input'' Data Kecamatan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.40 Black box testing pada menu Out 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.42 Tampilan Program master Data Kelurahan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.41 Black box testing pada menu Out 1
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.43 Tampilan Program ''Input'' Data Kelurahan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.42 Black box testing pada menu Out 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.44 Tampilan Program Master Data Cara Bayar
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.43 Black box testing pada menu Out 2
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.45 Tampilan Program ''Input'' Data Cara Bayar
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.44 Tampilan login
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.46 Tampilan Program Data Pembayaran
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.45 Tampilan home
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.47 Tampilan Program ''Input'' Pembayaran
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.46 Tampilan products
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.48 Tampilan Program Laporan Harian
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.47 Tampilan categories
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.49 Tampilan Program Laporan Mingguan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.48 Tampilan Supplier
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.50 Tampilan Program Laporan Bulanan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.49 Tampilan Section
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.51 Tampilan Program ''Setting'' ''Users'' ''Administration''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.50 Tampilan In
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.52 Tampilan Program ''Input''Data ''User''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.51 Tampilan Out
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.53 Tampilan Program ''Setting'' ''Roles''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.52 Tampilan report barang masuk
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.54 Tampilan Program ''Input'' ''Data'' ''Roles''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.53 Tampilan report barang keluar
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.55 Tampilan Program ''Setting'' ''Available'' ''Permissions''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.56 Tampilan Program ''Input'' ''Data'' ''Permissions''
 </ol>
@@ Baris 634: / Baris 648: @@
 <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''DAFTAR SIMBOL'''</div>
 <br>
-<div align="center"><img style="margin:0px" src="https://s26.postimg.org/rp17tuhbd/image.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-LHmRIQ6-lyk/WnBVLBbW2oI/AAAAAAAACN0/il1isXWfVZgOV8ZlaDJmuWv0n9dHvsJeQCL0BGAs/w530-d-h620-n-rw/usecase.png"></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Simbol Use Case Diagram</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Simbol ''Use'' ''Case'' ''Diagram''</div>
-<div align="center"><img style="margin:0px" src="https://s26.postimg.org/u7mwuj31l/image.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-LVKv12QzFxM/WnBVZPyyW2I/AAAAAAAACOg/xfZKj-eYkVcpsrxfVGLOoQUgRSS09oQwgCL0BGAs/w530-d-h550-n-rw/activity.png"></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Simbol Activity Diagram</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Simbol ''Activity'' ''Diagram''</div>
-<div align="center"><img style="margin:0px" src="https://s26.postimg.org/sh3vt1lih/image.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-xgRRzxu-E3Q/WnBVk9i8ojI/AAAAAAAACO8/ssIKcl3dnDAqLC55VmNSyYN8tVUe4mcPQCL0BGAs/w530-d-h689-n-rw/sequence.png"></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Simbol Sequence Diagram</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Simbol ''Sequence'' ''Diagram''</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-7KeRgPOZWWQ/WnBVrfjGAEI/AAAAAAAACPY/x-PJ_ub3qrw44jdYiJM_Z9BAtoYOGH1TwCL0BGAs/w530-d-h169-n-rw/classs.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Simbol ''Class'' ''Diagram''</div>
-<div align="center"><img style="margin:0px" src="https://s26.postimg.org/yw2wpps89/image.jpg"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Simbol Class Diagram</div>
 {{pagebreak}}
 <hr width="100%">
-=<div style="font-family: 'times new roman'; text-align: center">'''BAB I'''</div>=
+=<div style=" text-align: center;margin-bottom:10px;">'''BAB I'''</div> <div style="font-size: 14pt; text-align: center">'''PENDAHULUAN'''</div>=
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENDAHULUAN'''</div>
-===Latar Belakang===
+==Latar Belakang==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">Saat ini sistem informasi yang terkomputerisasi menjadi kebutuhan dan memiliki peranan yang sangat penting di berbagai instansi pemerintahan dalam mengolah dan menyajikan data pembayaran menjadi mudah, akurat dan cepat serta dapat menyimpan data pembayaran secara otomatis terutama di instansi pemerintahan dalam hal ini pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang.</p></div>
@@ Baris 662: / Baris 675: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">Berdasarkan latar belakang diatas, maka dilakukan penelitian dengan judul “Perancangan Sistem Informasi Pendataan Pembayaran Retribusi Pelayanan Persampahan/Kebersihan berbasis ''Web'' pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang”.</p></div>
+<br>
-===Rumusan Masalah===
+==Rumusan Masalah==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">Berdasarkan uraian pada latar belakang diatas, maka dirumuskan beberapa masalah sebagai berikut :</p></div>
@@ Baris 672: / Baris 685: @@
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Apakah dengan adanya sistem informasi ''monitoring'' dapat membantu Ketua UPT Retribusi Persampahan dan Bendahara Pembantu Penerima dalam mengontrol pembayaran retribusi pelayanan persampahan/kebersihan pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup?
 </ol>
+<br>
-===Ruang Lingkup Penelitian===
+==Ruang Lingkup Penelitian==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">Berdasarkan identifikasi masalah diatas untuk membatasi permasalahan pada penelitian ini maka di buatlah ruang lingkup penelitian ini yaitu membahas mengenai sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan berbasis ''web'' pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang.</p></div>
+<br>
-===Tujuan dan Manfaat Penelitian===
+==Tujuan dan Manfaat Penelitian==
 ===Tujuan Penelitian===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
@@ Baris 690: / Baris 703: @@
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 <p style="line-height: 2">Mempermudah prosedur ''monitoring'' untuk Kepala UPT Retribusi Persampahan dan Bendahara Pembantu Penerima dalam mengontrol pembayaran retribusi pelayanan persampahan UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang. </p></li>
+</ol>
+<br>
-===Manfaat Penelitian===
+===Manfaat  Penelitian===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 <p style="line-height: 2">Adapun manfaat dari penelitian ini adalah :</p></div>
@@ Baris 702: / Baris 717: @@
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 <p style="line-height: 2">Dapat mempermudah dalam proses ''me-monitoring'' dalam mengontrol pembayaran retribusi pelayanan persampahan/kebersihan oleh Kepala UPT Retribusi Persampahan dan Bendahara Pembantu Penerima untuk mengetahui jumlah pembayaran retribusi pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang. </p></li>
+</ol>
+<br>
-===Metodologi Penelitian===
+==Metodologi Penelitian==
-===Metode Pengumpulan Data===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 <p style="line-height: 2">Dalam melaksanakan penelitian ini digunakan beberapa metodologi penelitian, yaitu sebagai berikut :</p></div>
+===Metode Pengumpulan Data===
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">''Observasi'' (Pengamatan Langsung)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
 Penelitian ini menggunakan metode dengan cara ''observasi'' di UPT Retribusi Persampahan untuk memperoleh data-data yang diperlukan dalam penyusunan penelitian ini Bapak Marjaih,S.IP.,MAP, Ibu Fitriah dan ibu Ayunica Sukma.</p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">''Interview'' (Wawancara)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Melakukan wawancara kepada Bendahara Pembantu Penerima dan Petugas Pendata untuk menanyakan langsung apa saja sistem pendataan pembayaran yang sedang berjalan untuk mengetahui kekurangan atau masalah yang ada pada saat peng''input''an data pembayaran, pengolahan data, penyajian informasi serta pembuatan laporan setoran retribusi mingguan dan laporan rincian retribusi bulanan. </p></li>
+Melakukan wawancara kepada Bendahara Pembantu Penerima dan Petugas Pendata untuk menanyakan langsung apa saja sistem pendataan pembayaran yang sedang berjalan untuk mengetahui kekurangan atau masalah yang ada pada saat peng''input''an data pembayaran, pengolahan data, penyajian informasi serta pembuatan laporan setoran  mingguan dan laporan rincian bulanan. </p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">''Literatur Review'' (Studi Pustaka)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
 Studi pustaka dilaksanakan dengan tujuan untuk mengumpulkan data-data yang diperoleh melalui buku, jurnal dan karya ilmiah lainnya, yang berkaitan dengan pembahasan penelitian yang digunakan untuk bahan referensi dalam penelitian yang dilaksanakan. </p></li>
 </ol>
+<br>
-===Metode Analisis===
+===Metode Analisa===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
+<p style="line-height: 2">Dalam penelitian ini digunakan metode  analisa sistem dengan metode analisa PIECES (''Performance'', ''Information'', ''Economic'', ''Control/Security'', ''Efficiency'', dan ''Service'').Analisis PIECES ini sangat penting sebelum mengembangkan sebuah sistem informasi karena dalam analisis ini biasannya untuk mengidentifikasi masalah sampai dengan menyelesaikan masalah dan akan ditemukan beberapa masalah utama, maka harus dilakukan analisis terhadap kinerja, informasi, ekonomi, keamanan aplikasi, efisiensi dan pelayanan.</p></div>
-Dalam penelitian ini digunakan metode  analisa sistem dengan metode analisa PIECES (''Performance'', ''Information'', ''Economic'', ''Control/Security'', ''Efficiency'', dan ''Service''). </p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Analisis PIECES ini sangat penting sebelum mengembangkan sebuah sistem informasi karena dalam analisis ini biasannya untuk mengidentifikasi masalah sampai dengan menyelesaikan masalah dan akan ditemukan beberapa masalah utama, maka harus dilakukan analisis terhadap kinerja, informasi, ekonomi, keamanan aplikasi, efisiensi dan pelayanan. </p></div>
 ===Metode Perancangan===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
+<p style="line-height: 2">Dalam penelitian ini metode perancangan yang digunakan yaitu program Visual Paradigma for UML 6.4 ''enterprise Edition'' untuk menggambarkan class Diagram, Use Case Diagram, Activity Diagram dan Sequence Diagram. Sedangkan untuk bahasa pemrograman yang digunakan yaitu PHP dan HTML, untuk tampilan antar muka aplikasi menggunakan CSS, MariaDB digunakan sebagai ''database'', untuk ''server'' menggunakan Apache,  ''Framework''nya menggunakan Laravel  Sedangkan tahapan untuk mendesain menggunakan aplikasi Notepad++.</p></div>
-Dalam penelitian ini metode perancangan yang digunakan yaitu program Visual Paradigma for UML 6.4 ''enterprise Edition'' untuk menggambarkan class Diagram, Use Case Diagram, Activity Diagram dan Sequence Diagram. Sedangkan untuk bahasa pemrograman yang digunakan yaitu PHP dan HTML, untuk tampilan antar muka aplikasi menggunakan CSS, MariaDB digunakan sebagai ''database'', untuk ''server'' menggunakan Apache,  ''Framework''nya menggunakan Laravel  Sedangkan tahapan untuk mendesain menggunakan aplikasi Notepad++.</p></div>
+<br>
 ===Metode Pengujian===
@@ Baris 734: / Baris 749: @@
 <p style="line-height: 2">
 Metode pengujian ini digunakan untuk menganalisis suatu sistem untuk mendeteksi perbedaan antara kondisi yang diinginkan dengan kondisi yang ada (''errors/bugs/defects'') dan mengevaluasi kondisi dan fitur dari entitas ''software'' yang diinginkan untuk mengetahui dari suatu sistem yang terjadi saat sistem diterapkan. Metode pengujian yang digunakan adalah ''blackbox'' ''testing''. ''Blackbox'' ''testing'' merupakan metode pengujian perangkat lunak yang memfokuskan kepada keperluan ''software'', oleh karena itu metode ''blackbox'' ''testing'' ini dapat mengetahui dan memastikan apakah pemasukan data diterima dengan benar dan keluaran data yang dihasilkan sesuai yang diharapkan.</p></div>
+<br>
-===Sistematika Penulisan===
+==Sistematika Penulisan==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Secara garis besar penelitian ini, terdiri dari bab dan sub bab yang terstruktur,  berikut ini sistematika penulisan Skripsi yang dipakai sebagai berikut :</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB I PENDAHULUAN<br>
@@ Baris 743: / Baris 759: @@
 Dalam bab ini berisikan tentang gambaran umum mengenai UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang menjadi objek penelitian Skripsi ini, bab ini menjelaskan gambaran umum sejarah, struktur organisasi serta wewenang dan tanggung jawab serta membahas sistem yang berjalan dengan menggunakan ''Unified'' ''Modeling'' ''Language'' (UML), dan Elisitasi tahap I, Elisitasi tahap II, Elisitasi tahap III dan ''final'' ''draft'' elisitasi.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB IV RANCANGAN SISTEM YANG DI USULKAN<br>
-Bab ini berisi tentang perancangan sistem yang baru menggunakan diagram UML (''Unified'' ''Modelling'' ''Language'') dengan ''software'' Visual Paradigma for UML 6.4 ''enterprise'' ''Edition'' untuk menggambarkan Use Case Diagram, Activity Diagram dan Sequence Diagram, class Diagram rancangan basis data, dan rancangan tampilan sistem yang diusulkan sampai dengan implementasi program.</p></div>
+Bab ini berisi tentang perancangan sistem yang baru menggunakan diagram UML (''Unified'' ''Modelling'' ''Language'') dengan ''software'' Visual Paradigma for UML 6.4 ''enterprise'' ''edition'' untuk menggambarkan Use Case Diagram, Activity Diagram dan Sequence Diagram, class Diagram rancangan basis data, dan rancangan tampilan sistem yang diusulkan sampai dengan implementasi program.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB V PENUTUP<br>
 Dalam bab ini akan dijelaskan mengenai kesimpulan dan saran yang di dapat dari hasil penelitian yang telah dilakukan. </p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">DAFTAR PUSTAKA</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">DAFTAR LAMPIRAN</p></div>
+<br>
 {{pagebreak}}
+<hr width="100%">
-=<div style="font-family: 'times new roman'; text-align: center">'''BAB II'''</div>=
+=<div style=" text-align: center;margin-bottom:10px;">'''BAB II'''</div> <div style="font-size: 14pt; text-align: center">'''LANDASAN TEORI'''</div>=
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
-===TEORI UMUM===
+==TEORI UMUM==
-===Konsep Dasar Perancangan Sistem===
+===Konsep Dasar Sistem===
-====Perancangan Sistem====
+====Definisi Sistem====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi perancangan sistem menurut Verzello dan John Reuter III dalam Deni Darmawan (2013:227)<ref name="Darmawan2013">Darmawan, Deni. 2013. Sistem Informasi Manajemen. Bandung: PT. Remaja Rosdakarya Offset </ref>, adalah “Tahap setelah analisis dari siklus pengembangan sistem, pendefinisian dari kebutuhan-kebutuhan fungsional, dan persiapan untuk rancang bangun implementasi (menggambarkan bagaimana suatu sistem dibentuk),”</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan Dadang Haryanto dan Dede Koswara (2015:54)<ref name="Haryanto2015">Haryanto. Dadang Haryanto, Dede Koswara. 2015. Perancangan Sistem InformasiAkuntansi Terintegrasi PT Petrokimia (Studi Kasus Di Toko/ Kios Pupuk Bersubsidi Cineam, Kantor Cab. PT. Angkasa Raya Christa (ARC) Kab. Tasikmalaya). Jurnal Manajemen Informatika Vol.2 No.2. Tasikmalaya: STMIK DCI. http://stmikglobal.ac.id/journal/index.php/sisfotek/article/view/48/50. Diakses pada 15 Maret 2017
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setiap perusahaan maupun instansi pemerintahan memerlukan sebuah sistem yang tepat untuk menunjang kelangsungan kegiatan dan kinerja untuk mencapai sasaran atau tujuannya. Definisi sistem menurut Suprihadi, dkk dalam Jurnal CCIT (2013:310)<ref name="Suprihadi2013">Suprihadi, Rini Kartika Hudiono dan Lina Sinatra Wijaya. 2013. Rancangan Bangun Sistem Jejaring Klaster Berbasis Web Menggunakan Metode Model View Controller, Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN : 1978-8282 Vol.6 No.3-Mei 2013 </ref>, adalah “Sekumpulan unsur atau elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan”.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Dini Hamidini Maniah (2017:1) <ref name="Dini2017">Maniah, Dini Hamidini. 2017. Analisis dan Perancangan Sistem Informasi Pembahasan Secara Praktis dengan Contoh Kasus. Yogyakarta : Deepublish.
-</ref>, mengatakan bahwa “Perancangan sistem yaitu marancang output, input, struktur file, program, prosedur, perangkat keras dan perangkat lunak yang diperlukan untuk mendukung sistem informasi”.</p></div>
+</ref>, mengatakan bahwa “Sistem adalah kumpulan dari elemen-elemen berupa data, jaringan kerja dari prosedur-prosedur yang saling berhubungan, sumber daya manusia, teknologi baik hardware maupun software yang saling berinteraksi sebagai satu kesatuan untuk mencapai tujuan/sasaran tertentu yang sama”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa perancangan sistem merupakan tahapan dalam mempersiapkan kebutuhan-kebutuhan dalam persiapan rancangan untuk mendukung sistem itu dibentuk.</p></div>
+<br>
+====Karakteristik Sistem====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Priyo Sutopo, dkk dalam Jurnal Informatika Mulawarman (2016:24)<ref name="Sutopo2016">Sutopo, Priyo, Dedi Cahyadi dan Zainal Arifin. 2016. Sistem Informasi Eksekutif  Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web.  Jurnal Informatika Mulawarman. Vol.11 No.1-Februari 2016.
+https://osf.io/preprints/inarxiv/5zyb8/. Diakses pada tanggal 12 Oktober 2017.
+</ref> sistem mempunyai karakteristik atau sifat–sifat tertentu, yaitu :</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Komponen Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerjasama membetuk satu kesatuan. Komponen-komponen sistem atau elemen-elemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Batasan Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Lingkungan Luar Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Lingkungan luar dari suatu sistem adalah apapun diluar batas dari sistem yang mempengaruhi operasi sistem.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penghubung Sistem<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Penghubung merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masukan Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Masukan (''input'') adalah energi yang dimasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input).</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Keluaran Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Keluaran (''output'') adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pengolahan Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sasaran Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Suatu sistem pasti mempunyai tujuan atau sasaran. Jika suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya.</p></li>
+</ol>
+<br>
-====Konsep Dasar Sistem====
+===Konsep Dasar Data dan Informasi===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi sistem menurut Juperson Hutahaean (2014:2)<ref name="Hutahaean2014">Hutahaean, Juperson. 2014. Konsep Sistem Informasi. Yogyakarta: Deepublish </ref>, adalah “Suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan kegiatan atau untuk melakukan sasaran yang tertentu”,</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan Maniah dan Dini Hamidini (2017:1)<ref name="Maniah2017">Maniah. Dini Hamidini. 2017. Analisis dan Perancangan Sistem Informasi Pembahasan Secara Praktis dengan Contoh Kasus. Yogyakarta: Deepublish </ref>, mengatakan bahwa “Sistem adalah kumpulan dari elemen-elemen berupa data, jaringan kerja dari prosedur-prosedur yang saling berhubungan, sumber daya manusia, teknologi baik hardware maupun software yang saling berinteraksi sebagai satu kesatuan untuk mencapai tuhuan/sasaran tertentu yang sama”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara, Muhamad Muslihudin dan Oktafianto (2016:2)<ref name="Muslihudin2016">Muslihudin, Muhamad, Oktafianto. 2016. Analisi dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. Yogyakarta: CV. Andi Offset </ref>, mendefinisikan “Sistem adalah sekumpulan komponen-komponen atau jaringan kerja dari prosedur-prosedur yang saling berkaitan dan saling bekerja sama membentuk suatu jaringan kerja untuk mencapai sasaran atau tujuan tertentu”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa sistem merupakan prosedur-prosedur yang saling berhubungan dengan sumber daya manusia, teknologi baik hardware maupun software yang saling berinteraksi untuk mencapai sasaran atau tujuan tertentu.</p></div>
-===Konsep Dasar Informasi===
 ====Definisi Data====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi data menurut Muslihudin dan Oktafianto (2016:10)<ref name="Muslihudin2016">Muslihudin, Muhamad, Oktafianto. 2016. Analisi dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. Yogyakarta: CV. Andi Offset</ref>, adalah  “Nilai, keadaan, atau sifat yang berdiri sendiri lepas dari konteks apapun”,</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi data menurut Jaluanto Sunu Panjul Tyoso (2016:22)<ref name="Tyoso2016">Tyoso, Jaluanto Sunu Punjul. 2016. Sistem Informasi Manajemen. Yogyakarta : Deepublish.</ref> adalah “Hanyalah bahan mentah untuk memperoleh informasi”.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara menurut Deni Prasetiyati dalam Jurnal Riset Mahasiswa Akuntansi (2016:4) <ref name="Prasetiyati2016">Prastiyati, Deni. 2016. Analisis Sistem Informasi Akuntansi Penjualan Kredit Di PT Eka Timur Raya Purwodadi Pasuruan. Jurnal Riset Mahasiswa Akuntansi. Vol. 4 No. 1. Malang : Universitas Kanjuruhan.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan, Deni Prasetiyati (2016:4)<ref name="Prasetiati2016">Prastiyati, Deni. 2016. Analisis Sistem Informasi Akuntansi Penjualan Kredit Di PT Eka Timur Raya Purwodadi Pasuruan. Jurnal Riset Mahasiswa Akuntansi. Vol. 4 No. 1. ISSN: 2337-56xx. Malang: Universitas Kanjuruhan. http://ejournal.unikama.ac.id/index.php/jrma/article/view/1204/943. Diakses pada 15 Maret 2017.</ref>, mengatakan bahwa “Data dapat didefinisikan sebagai kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata”.</p></div>
+http://ejournal.unikama.ac.id/index.php/jrma/article/view/1204/943. Diakses pada tanggal 11 Oktober 2017.</ref> mendefinisikan “Data dapat didefinisikan sebagai kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata”.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Cornelius Puschmann dan Jean Burgess dalam International Journal of Communication (2014:1700)<ref name="Puschmann2014">Puschmann, Conrelius dan Jean Burgess. 2014. Metaphors of Big Data. International Journal of Communication. Gernany: Humboldt University of Berlin. https://www.hiig.de/wp-content/uploads/2014/07/2169-11849-1-PB.pdf. Diakses pada tanggal 11 September 2017.</ref> mengatakan bahwa ''“Data'' ''is'' ''a'' ''powerful'' ''tool'' ''in'' ''the'' ''acconts'' ''provided'' ''above'', ''in'' ''which'' ''the'' ''data'' ''scientist'' ''is'' ''merely'' ''the'' ''accomplice''”. Artinya data adalah alat yg kuat dalam catatan tersebut yg mana data asli atau pusat merupakan alat yg membantu.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan pendapat yang dikemukakan diatas, maka dapat disimpulkan bahwa "Data adalah bahan mentah bagi informasi yang menggambarkan suatu kejadian dalam suatu struktur tertentu yang terintegrasi".</p></div>
+<br>
 ====Definisi Informasi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi informasi menurut Juperson Hutahaean (2014:9)<ref name="Hutahaean2014">Hutahaean, Juperson. 2014. Konsep Sistem Informasi. Yogyakarta: Deepublish </ref>,
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi informasi menurut Muhamad Muslihudin Oktafianto (2016:9)<ref name="oktafianto2016">Oktafianto, Muhamad Mushlihudin. 2016. Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. Yogyakarta : Andi.</ref> adalah “data yang diolah menjadi bentuk yang berguna untuk membuat keputusan”.</p></div>
-adalah “Data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi penerimanya”, </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Abidin yang dikutip oleh Priyo Sutopo, dkk dalam Jurnal Informatika Mulawarman (2016:24)<ref name="sutopo2016">Sutopo, Priyo, Dedi Cahyadi dan Zainal Arifin. 2016. Sistem Informasi Eksekutif  Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web.  Jurnal Informatika Mulawarman. Vol.11 No.1-Februari 2016.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan, Muhamad Muslihudin dan Oktafianto (2016:9)<ref name="Muslihudin2016">Muslihudin, Muhamad, Oktafianto. 2016. Analisi dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. Yogyakarta: CV. Andi Offset</ref>, mengatakan bahwa “Informasi merupakan data yang diolah menjadi bentuk yang berguna untuk membuat keputusan”.</p></div>
+https://osf.io/preprints/inarxiv/5zyb8/. Diakses pada tanggal 12 Oktober 2017.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara, Yulia Djahir dan Dewi Pratita (2014:10)<ref name="Djahir2014">Djahir, Yulia, Dewi Pratita. 2014. Bahan Ajar Sistem Informasi Manajemen. Yogyakarta: Deepublish</ref>, mendefinisikan “ Informasi adalah hasil dari pengolahan data menjadi bentuk yang lebih berguna bagi yang menerimanya yang menggambarkan suatu kejadian-kejadian nyata dan dapat digunakan sebagai alat bantu untuk pengambilan suatu keputusan”.</p></div>
+</ref> mendefinisikan bahwa “Informasi adalah data yang diolah menjadi bentuk yang berguna dan menjadi berarti bagi penerimanya”. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa informasi merupakan data yang telah diolah menjadi bentuk yang lebih berguna bagi yang menerimanya karena menggambarkan suatu kejadian-kejadian yang nyata dan digunakan untuk pengambilan suatu keputusan.</p></div>
+<br>
-===Konsep Dasar Sistem Informasi===
-====Definisi Sistem Informasi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi sistem informasi menurut Juperson Hutahaean (2014:13)<ref name="Hutahaean2014">Hutahaean, Juperson. 2014. Konsep Sistem Informasi. Yogyakarta: Deepublish
-</ref>, adalah “ Suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengelolaan transaksi harian, mendukung operasi, bersifat manajerial, dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang dibutuhkan,</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan Wing Wahyu Winarno dalam buku Muhamad Muslihudin dan Oktafianto (2016:11<ref name="Muslihudin2016">Muslihudin, Muhamad, Oktafianto. 2016. Analisi dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. Yogyakarta: CV. Andi Offset</ref>,mengatakan bahwa “ Sistem informasi adalah sekumpulan komponen yang saling bekerja sama, yang digunakan untuk mencatat data, mengolah data dan menyajikan informasi untuk para pembuat keputusan agar dapat membuat keputusan dengan baik”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara, Rahmat dalam buku Yulia Djahir dan Dewi Pratita (2014:14)<ref name="Djahir2014">Djahir, Yulia, Dewi Pratita. 2014. Bahan Ajar Sistem Informasi Manajemen. Yogyakarta: Deepublish</ref>,mendefinisikan “Sistem informasi merupakan kegiatan atau aktifitas yang melibatkan serangkaian proses, berisi informasi-informasi yang digunakan dua orang atau lebih untuk mencapai tujuan”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, dapat disimpulkan bahwa sistem informasi merupakan suatu sistem didalam dari komponen-komponen yang saling bekerja sama atau melibatkan sarangkaian proses dengan menyajikan informasi untuk membuat suatu keputusan dengan baik.</p></div>
-===Konsep Dasar Analisa Sistem===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi analisa sistem menurut Dede Bachtiar (2015:72)<ref name="Bachtiar2015">Bchtiar, Dede, Atikah. 2015. Sistem Informasi Dashboard Kependudukan di Kelurahan Manis Jaya Kota Tangerang. ISSN: 2088-1762. Jurnal SISFOTEK GLOBAL Vol.5 No.1-Maret 2015. Tangerang: Bina Sarana Global.</ref>, adalah “Langkah-langkah melakukan analisa sistem yang akan dirancang, serta melakukan penelitian terhadap kebutuhan-kebutuhan sistem, dan apa saja kekurangannya”,</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan Jogiyanto dalam Tutik Lestari dkk, (2017:31)<ref name="Lestari2017">Lestari, Tutik, Agudtinus Eko Setiawan, Heru Prasetiawan. 2017. Perancangan Sistem Informasi Scheduling SIT (System Integration Test) Berbasis Web Pada PT. Collega Inti Pratama. Jurnal TAM (Technology Aceptance Model). Vol. 8 No. 1-Juli 2017. Jakarta Selatan: Pascasarjana Magister Komputer Universitas Budi Luhur.</ref>, mengatakan bahwa “Analisa sistem merupakan penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dan dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara, Rosa dan Shalahuddin dalam Rachmat Agusli dkk,(2017:21)<ref name="Agusli2017">Agusli, Rahmat, Sutarman, Suhendri. 2017. Sistem Pakar Identifikasi Tipe Kepribadian Karyawan Menggunakan Metode Certainty Factor. Jurnal SISFOTEK GLOBAL. Vol. 7 No. 1-Maret 2017. Tangerang: STMIK Bina Sarjana Global.
-http://stmikglobal.ac.id/journal/index.php/sisfotek/article/view/127/124. Diakses pada 15 April 2017.</ref>, mendefinisikan “Analisa sistem merupakan kegiatan untuk melihat sistem yang sudah berjalan, melihat bagaimana  yang bagus dan tidak bagus, dan kemudian mendokumentasikan kebutuhan yang akan dipenuhi dalam sistem yang baru”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa analisa sistem merupakan langkah dalam menganalisis sistem yang akan dirancang dengan melakukan penelitian untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan untuk menghasilkan sistem yang baru.</p></div>
-===TEORI KHUSUS===
-===Konsep Dasar ''Monitoring''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi monitoring menurut Maya Amelia (2016:32)<ref name="Amelia2016">Amelia. Maya. 2016. Sistem ''Monitoring'' Pengumpulan Getah Karet Berbasis SMS ''Gateway'' pada Petani Karet di Desa Surya Adi Kabupaten OKI Provinsi Sumatera Selatan. Jurnal Informatika Global Vol.7 No.1-Desember 2016. Palembang: Universitas Indo Global Mandiri.http://ejournal.uigm.ac.id/index.php/IG/article/view/156/156. Diakses pada 15 April 2017.</ref>, adalah “ Sekumpulan elemen yang saling berinteraksi menjadi satu kesatuan untuk melakukan fungsi pengawasan dengan tujuan agar setiap proses yang diawali berjalan sesuai dengan prosedur yang ditetapkan”,</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan Rizki Tri Prasetio (2014:137)<ref name="Prasetio2014">Prasetio, Rizki Tri. 2014. ''INVENTORY CONTROL USING STATISTICS FORECASTINGON MANUFACTURE COMPANY''. Jurnal Informatika Vol.2 No.2-September 2014. Bandung: Universitas BSI. http://ejournal.bsi.ac.id/ejurnal/index.php/ji/article/view/45/23. Diakses pada 15 Maret 2017</ref>, mengatakan bahwa “Inventory adalah aktiva perusahaan yang menempati posisi yang cukup penting dalam suatu perusahaan, baik itu perusahaan dagang maupun perusahaan industri”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan pendapat yang dikemukakan diatas, maka dapat disimpulkan bahwa “Unified Modeling Language (UML) adalah salah satu standar bahasa yang berorientasi objek untuk membuat analisis dan desain, dan menggambarkan arsitektur”.</p></div>
-===Konsep Dasar ''Inventory''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi inventory menurut Agus Heryanto dkk (2014:33)<ref name="Haryanto2014">Haryanto, Agus, Hilmi Fuad, dan Dananggi. 2014. Rancang Bangun Sistem Informasi Inventory Barang Berbasis Web Studi Kasus Di PT Infinetworks Global Jakarta. ISSN : 2088 – 1762. Jurnal SISFOTEK GLOBAL. Vol. 4 No. 2- September 2014. Tangerang: Bina Sarana Global.
-http://stmikglobal.ac.id/journal/index.php/sisfotek/article/view/48/50. Diakses pada 15 Maret 2017</ref>, adalah ”Simpanan barang-barang mentah, material atau barang jadi yang disimpan untuk digunakan dalam masa mendatang atau dakam kurun waktu tertentu”,</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan Rizki Tri Prasetio (2014:137)<ref name="Prasetio2014">Prasetio, Rizki Tri. 2014. ''INVENTORY CONTROL USING STATISTICS FORECASTINGON MANUFACTURE COMPANY''. Jurnal Informatika Vol.2 No.2-September 2014. Bandung: Universitas BSI.</ref>, mengatakan bahwa “Inventory adalah aktiva perusahaan yang menempati posisi yang cukup penting dalam suatu perusahaan, baik itu perusahaan dagang maupun perusahaan industri”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa inventory merupakan barang-barang mentah, material atau barang jadi yang disimpan untuk digunakan dalam masa mendatang bagi perusahaan industri.</p></div>
-===Konsep Dasar Bahan Penolong/Pembantu (Komodity)===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi, menurut David dkk (2016:581)<ref name="sutanto2014">Wijaya, David, Silvya Mandey, Jacky S.B. Sumaruw. 2016. Analisis Pengendalian Persediaan Bahan Baku Ikan Pada PT. Celebes Minapratama Bitung. ISSN 2303-1174. Jurnal EMBA (Jurnal Riset Ekonomi, Manajemen, Bisnis dan Akuntansi. Vol. 4 No. 2-Juni 2016. Manado: Universitas Sam Ratulangi Manado. https://ejournal.unsrat.ac.id/index.php/emba/article/view/13114/12699. Diakses pada 15 April 2017.</ref>, mengatakan bahwa “Bahan pembantu atau barang-barang perlengkapan adalah persediaan barang-barang atau bahan-bahan yang diperlihatkan dalam proses produksi untuk membantu berhasilnya produksi atau yang dipergunakan dalam bekerjanya suatu perusahaan, tetapi tidak merupakan bagian atau komponen dari barang jadi”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan, Tonny Mulyanus (2015:7)<ref name="Mulyanus2015">Mulyanus, Tonny. 2015. Analisis Pengendalian Persediaan Dengan Menggunakan Fixed Order Interval Pada Usaha Dagang Aries Jaya Jember. Skripsi. Jember: Universitas Jember. http://repository.unej.ac.id/bitstream/handle/123456789/71284/Tonny%20Mulyanus%20-%20110810201271_Part1.pdf?sequence=1. Diakses pada 15 Maret 2017.</ref>, mengatakan bahwa “Bahan penolong  adalah bahan yang digunakan dalam penyelesaian produk tetapi pemakaiannya relatif lebih kecil dan biaya ini tidak dapat ditelusuri secara langsung kepada produk selesai”,</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara, Restu Dwiki Herlambang (2016:29)<ref name="Herlambang2016">Herlambang, Restu Dwiki. 2016. Analisis Pengendalian Persediaan Guna Meminimalkan Biaya Persediaan Bahan Baku Kain Dry-Fit Pada CV. SSR Industries. Skripsi. Bandung : Universitas Pasundan.
-</ref>, mendefinisikan Persediaan bahan pembantu atau penolong (supplies), yaitu persediaan barang-barang yang diperlukan dalam proses produksi, tetap tidak merupakan bagian atau komponen barang jadi.
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa bahan penolong/pembantu  (komodity) merupakan bahan yang tidak menjadi bagian produk jadi atau bahan yang meksipun menjadi bagian produk nilainya relatif kecil dapat membantu berhasilnya produksi atau yang dipergunakan dalam bekerjanya suatu perusahaan, tetapi tidak merupakan bagian atau komponen dari barang jadi.</p></div>
-===Konsep Dasar Gudang (''Warehouse'')===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi gudang menurut Tantowi Yahya dan Radna Nurmalina (2015:58)<ref name="Yahya2015">Yahya, Tantowi, Radna Nurmalina. 2015. Aplikasi Pendataan Pupuk di Dinas Pertanian Tanaman dan Perkebunan. ISSN: 2460-173X. Jurnal Sains dan Informatika Vol.1 No.2- November 2015. Kalimantan Selatan: Politeknik Negeri Tanah Laut.</ref>,adalah “bagian dari sistem logistik perusahaan yang menyimpan produk-produk (raw-material, port, goods in- process, finish good) pada dan antara titik sumber (point-of-origin) dan titik konsumsi (point-of-consumption), dan menyediakan informasi kepada manajemen mengenai status, kondisi, dan disposisi dari item-item yang disimpan”,</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan, Hendri Septianur dan Yuli Nurcahyanti (2015:2)<ref name="Septianur2015">Septianur, Hendri, Yuli Nurcahyanti. 2015. Sistem Informasi Administrasi Gudang Distributor Bahan Bangunan pada CV. Holly Perkasa. Jurnal Penelitian Dosen FIKOM (UNDA) Vol.4 No.1 Kalimantan Tengah: Universitas Darwan Ali</ref>, mengatakan bahwa “Gudang merupakan tempat menyimpan barang baik dalam baku yang akan menjalani proses manufacturing, maupun barang jadi yang siap dipasarkan”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa gudang merupakan tempat penyimpanan produk-produk barang abaku yang disimpan maupun barang jadi yang siap dipasarkan.</p></div>
-===Konsep Dasar XAMPP===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi XAMPP menurut Yogi Wicaksono dalam Edi Haerulah dan Sri Ismiyah (2017: 44)<ref name="Haerulah2017">Haerulah, Edi, Sri Islamiyah. 2017. Aplikasi ''E-Comerce Penjualan Souvenir Pernikahan pada Toko "XYZ". ISSN: 2406-7733. Jurnal PROSISKO Vol. 4 No. 1-Maret 2017.Serang: Universitas Serang.</ref>,adalah “ Sebuah software yang berfungsi untuk menjalankan website berbasis PHP dan menggunakan pengolah data MySQL dikomputer local”, </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi gudang menurut Tantowi Yahya dan Radna Nurmalina (2015:59)<ref name="Yahya2015">Yahya, Tantowi, Radna Nurmalina. 2015. Aplikasi Pendataan Pupuk di Dinas Pertanian Tanaman dan Perkebunan. ISSN: 2460-173X. Jurnal Sains dan Informatika Vol.1 No.2- November 2015. Kalimantan Selatan: Politeknik Negeri Tanah Laut.</ref>,mengatakan bahwa “ XAMPP adalah suatu bundel seb server yang populer digunakan untuk coba-coba di windows karena kemudahan instalasinya. Bundel program open source tersebut berisi antara lain server web, Apache, interpreter PHP, dan basis data MySQL”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara Er Saurabh Walia dan Er Satinderjit Kaur Gill(2014:26)<ref name="Walia2014">Walia, Er Saurabh, Er Satinderjit Kaur Gill. 2014. A Framework for Web Based Student
-Record Management System using PHP. ISSN 2320–088X. International Journal of Computer Science and Mobile Computing, Vol.3 Issue.8, August- 2014. India: Eternal University</ref>,adalah ''“ XAMPP stands for Cross-Platform (X), Apache (A) MySQL (M), PHP (P) and Perl(P), XAMPP is a small and light Apache distribution containing the most common web development technologogies in a single package. Its contents, small size, and portability and testing applications on PHP and MySQL ”''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa XAMPP merupakan software yang berfungsi untuk menjalankan website berbasis PHP dan menggunakan pengolah data MySQL.</p></div>
-===Konsep Dasar PHP (''Hypertext Processor'')===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi PHP (Hypertext Processor) menurut Kusuma Ardhana dalam Shanti Ria Sirepia Siregar dan Penti Sundari(2016)<ref name="Siregar2016">Siregar, Shanti Ria Sirepia, Penti SUndari. 2016. Rancangan Sistem Informasi Pengelolaan Data Kependudukan Desa (Studi Kasus di Kantor Desa Sangiang Kecamatan Sepatan Timur). ISSN : 2088 – 1762. JURNAL SISFOTEK GLOBAL Vol.6 No.1-Mare5 2016. Tangerang: STMIK Bina Sarana Global.</ref>, adalah “Bahasa pemrograman berbasis server-side yang dapat melakukan parsing script php menjadi script web sehingga dari sisi client menghasilkan suatu tampilan yang menarik”, </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sementara, Priyo dkk (2016: 25)<ref name="Sutopo2016">Sutopo, Priyo, Dedi Cahyadi dan Zainal Arifin. 2016. Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web. Jurnal Informatika Mulawarman Vol.11 No.1-Februari 2016. Kalimantan Timur: Universitas Mulawarman. https://fmipa.unmul.ac.id/files/docs/4.%2023-28%20Priyo%20Sutopo%20(Dedy,%20Zainal).pdf. Diakses pada 15 April 2017.</ref> mengatakan bahwa  “PHP merupakan slaah satu server side yang dirancang khusus untuk aplikasi web. PHP disisispkan diantara bahasa HTML dan karen abahasa server side, maka bahasa PHP akan dieksekusi di server, sehingga yang dikirimkan ke browser adalah hasil jadi dalam bentuk HTML, dan kode PHP tidak akan terlihat”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara, Kalpesh dkk (2013:43)<ref name="Adhatrao2013">Adhatrao, Kalpesh, Aditya Gaykar, Amiraj Dhawan, Rohit Jha and Vipul Honrao . 2013. Predicting Students' Performance Using ID3 and C4.5 Classification Algorithms. International Journal of Data Mining & Knowledge Management Process (IJDKP) Vol.3, No.5-September 2013. India: Fr. C.R.I.T., Navi Mumbai, Maharashtra</ref>, “''PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general purpose server side scripting language that is especially suited for web development and can be embedded into HTML''”. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa PHP (''Hypertext Processor'') merupakan bahasa pemrograman yang dirancang khusus untuk aplikasi web dengan menggunakan bahasa HTML agar tampilan menarik.</p></div>
-===Konsep Dasar UML===
+====Nilai Informasi====
-====Definisi UML (''Unified Modeling Language'')====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Nur Azizah, dkk dalam Jurnal SENSI (2017:17)<ref name="Azizah2017">Azizah, Nur, Lina Yuliana dan Elsa Juliana. 2017. Rancang Bangun Sistem Informasi Penggajian Karyawan Harian Lepas pada PT. Flex Indonesia. Jurnal SENSI. Tangerang : Perguruan Tinggi Raharja. ISSN: 2461-1409. Vol.3 No.1-Februari 2017.</ref>Menurut Nur Azizah, dkk dalam Jurnal SENSI (2017:17) Ada 10 Sifat yang dapat menentukan nilai informasi yaitu sebagai berikut:</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Defini UML (''Hypertext Markup Language'') menurut Akik Hidayat dan Wizzy Mochammad Andhika (2016:53)<ref name="Hidayat2016">Hidayat, Akik, Wizzy Mochammad Andhika. 2016. Sistem Informasi Penyewaan Lahan Dan Pelayanan Konstruksi Di Pasar Cimol berbasis Web. Jurnal Manajemen Informatika (JUMIKA) Vol. 3 No. 2. Bandung: Universitas Padjajaran.http://jurnal.stmik-dci.ac.id/index.php/jumika/article/view/41/33. Diakses pada 15 Maret 2017.</ref>, adalah “Sebuah bahasa yang berdasarkan grafik atau gamabar untuk memvisualisasikan, mespesifikasikan, membngun dan pendokumentasian dari sebuah sistem pengembangan perangkat lunak berbasis objek OOP (Object Oriented Programming)”,</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan, Henny Yulius dan Ronny AndriWijaya (2016:10)<ref name="Yulius2016">Yulius, Henny, Ronny Andri Wijaya. 2016. Perancangan Sistem Manufaktur Menggunakan Konsep Enterprise Resource Planning (ERP) pada Usaha Produsen Khubah Sido Harind Berbasi Web. ISSN: 2301-4474. Jurnal Teknologi Vol. 6 No. 2-Desember 2016 Padang: Universitas Putra Indonesia YPTK. file:///C:/Users/LENOVO/Downloads/27-37-1-PB%20(3).pdf. Diakses pada 15 Maret 2017.</ref>, mengatakan bahwa “UML (''Hypertext Markup Language'') merupakan sebuah bahasa yang berdarkan grafik/gambar untuk memvisualisasi, menspesifikasikan, membangun, dan pendokumentasiandari dari sebuah sistem pengembangan software berbasis OO (Object-Oriended).</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara, Sunguk Lee (2012:158)<ref name="Lee2012">Lee, Sunguk. 2012. Unified Modeling Language (UML) for Database Systems and Computer Applications. International Journal of Database Theory and Application Vol. 5, No. 1-Maret 2012 Korea: Research Institute of Industrial Science and Technology Pohang.</ref>,adalah “''Unified Modeling Language or UML is defined as a standardized generalpurpose modeling''”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa UML (''Unified Modeling Language'') merupakan bahasa berdasarkan grafik atau gamabar untuk memvisualisasikan, mespesifikasikan, membngun dan pendokumentasian dari sebuah sistem pengembangan perangkat lunak.</p></div>
-====Jenis-Jenis UML (''Unified Modeling Language'')====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Yasin dalam Muhammad Iqbal Hanafri dkk (2017:7)<ref name="Hanafri2017">Hanafri, Muhammad Iqbal,  Siti Maisaroh Mustafa, Arip Hidayat. 2017. Proses Perakitan Trafo Dengan Menggunakan Animasi Multimedia. ISSN : 2088 – 1762. JURNAL SISFOTEK GLOBAL Vol.7 No.1-Maret 2017 Tangerang: SRMIK Bina Saran Global. http://stmikglobal.ac.id/journal/index.php/sisfotek/article/view/117/114. Diakses pada tanggal 25 Mei 2017.</ref>, terdapat empat jenis perancangan diagram model data antara lain:</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">''Usecase Diagram''</p></li>
+<p style="line-height: 2">Kemudahan dalam memperoleh (''accesibility'') informasi memiliki nilai yang lebih sempurna apabila dapat diperoleh secara mudah.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Use case diagram'' adalah gambar dari beberapa atau seluruh aktor dan use case dengan tujuan mengenali interaksi mereka dalam suatu sistem.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">''Activity Diagram''</p></li>
+<p style="line-height: 2">Sifat luas dan kelengkapannya (''comprehenshiveness'') informasi mempunyai nilai yang lebih sempurna apabila mempunyai lingkup atau cakupan yang luas dan lengkap.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Activity Diagram'' menggambarkan rangkaian aliran dari aktivitas, digunakan untuk aktivitas lainnya seperti use case atau interaksi. Activity diagram berupa flow chart yang digunakan untuk memperlihatkan aliran kerja dari sistem.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">''Sequence Diagram''</p></li>
+<p style="line-height: 2">Ketelitian (''Accuracy'') informasi mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Sequence diagram'' menggambarkan kolaborasi dinamis antara sejumlah objek dan untuk menunjukkan rangkaian pesan yang dikirim antar objek juga interaksi antar objek, sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Sequence diagram menjelaskan interaksi objek yang disusun berdasarkan urutan waktu. Secara mudahnya sequence diagram adalah gambaran tahap demi tahap yang seharusnya dilakukan untuk menghasilkan sesuatu dengan use case diagram. Dalam sequence diagram terdapat 2 model, yaitu: Actor dan Lifeline.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">''Class Diagram''</p></li>
+<p style="line-height: 2">Kecocokan dengan pengguna (''relavance'') informasi mempunyai nilai yang lebih sempurna apabila sesuai dengan kebutuhan penggunanya.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Class diagram'' menggambarkan struktur dan deskripsi class, package, dan objek beserta hubungan satu, antara lain seperti containment, pewarisan, asosiasi, dan lain-lain. </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Ketepatan waktu (''timelines'') informasi mempunyai nilai yang lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Kejelasan (''clarity'') informasi yang jelas akan meningkatkan kesempurnaan nilai informasi.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Fleksibilitas (''flexibility'') nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Dapat dibuktikan (''verified'') nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Dapat diukur (''measurable'') informasi untuk pengambilan keputusan seharusnya dapat diukur agar dapat mencapai nilai yang sempurna.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Tidak ada prasangka nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.</p></li>
 </ol>
+<br>
-===Konsep Dasar HTML (''Hypertext Markup Language'')===
+====Komponen Sistem Informasi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi HTML (''Hypertext Markup Language'') menurut Angga Reza Palevi dan Krisnawati (2013:2)<ref name="Palevi2013">Palevi, Angga Reza, Krisnawati. 2013. Analisis dan Perancangan Sistem Informasi Penerimaan Peserta Didik Baru Berbasis Website pada SMP Negeri 2 Mojosongo Boyolali. ISSN: 1411-3201. Jurnal Ilmiah DASI Vol. 14 No. 04-Desember 2013. Yogyakarta: STMIK AMIKOM. http://ojs.amikom.ac.id/index.php/dasi/article/view/198/181. Diakses pada 15 Maret 2017.</ref>, adalah “ Bahasa standar untuk membuat halaman-halaman web, model kerja HTML diawali dengan permintaan suatu halaman web atau broewser”,</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Jeperson Hutahaean (2014:13)<ref name="Hutahean2014">Hutahaean, Jeperson. 2014. Konsep Sistem Informasi. Yogyakarta : Deepublish.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan, Henny Yulius dan Ronny AndriWijaya (2016:10)<ref name="Yulius2016">Yulius, Henny, Ronny Andri Wijaya. 2016. Perancangan Sistem Manufaktur Menggunakan Konsep Enterprise Resource Planning (ERP) Pada Usaha Produsen Khubah Sido harind Berbasis Web. Jurnal Teknologi. Vol. 6 No. 2. Padang: Universitas Putra Indonesia YPTK. Desember 2016.file:///C:/Users/LENOVO/Downloads/27-37-1-PB%20(3).pdf. Diakses pada 15 Maret 2017.</ref>, mengatakan bahwa “HTML (Hypertext Markup Language) adalah bahaasa dari Worl Wide Web (www) yang dipergunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program web browser”.</p></div>
+</ref> sistem informasi terdiri dari komponen-komponen yang disebut dengan istilah blok bangunan (''building block'') yaitu :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara, Kalpesh Adhatrao (2013:43)<ref name="Adhatrao2013">Adhatrao, Kalpesh,  Aditya Gaykar, Amiraj Dhawan, Rohit Jha dan Vipul Honrao . 2013. Predicting Students’ Performance Using
+<ol>
-ID3 and C4.5 Classification Algorithms. International Journal of Data Mining & Knowledge Management Process (IJDKP) Vol.3 No.5-September 2013 . India: Fr. C.R.I.T., Navi Mumbai, Maharashtra. Desember 2016.</ref>, “''HTML (Hypertext Markup Language) is a mark up language for creating web pager or other information to display in a web browser. HTML allows omages and objects to be included and that can be used to create interactive forms. From this, structured documents are created by u singstructural semantics for text such as headings, link, lists, paragraphs, quotes etc''”. </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Blok Masukan (''Input'' ''Block'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa HTML (Hypertext Markup Language) merupakan bahasa untuk membuat halaman-halaman pada web dengan membentuk dokuemn agar ditampilkan pada program web browser.</p></div>
+''Input'' mewakili data yang masuk ke dalam sistem informasi. ''Input'' disini termasuk metode-metode dan media yang digunakan untuk menangkap data yang akan dimasukan, yang dapat berupa dokumen dasar.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Blok Model (''Model'' ''Block'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Blok ini terdiri dari kombinasi prosedur, logika dan metode matematik yang akan memanipulasi data ''input'' dan data yang tersimpan di basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang sudah diinginkan</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Blok Keluaran (''Output'' ''Block'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Blok Teknologi (''Block'' ''Technology'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Teknologi yang digunakan untuk menerima ''input'', menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian diri secara keseluruhan.  Teknologi ini terdiri dari tiga bagian utama, yaitu teknisi (''brainware''), perangkat lunak (''software'') dan perangkat keras (''hardware'').</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Blok Basis Data (''Database'' ''Block'') <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Basis data (''database'') merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak (''software'') untuk memanipulasinya.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Blok kendali (''Control'' ''Block'') <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+banyak faktor yang dapat merusak sistem informasi, misalnya bencana alam, api, temperatur tinggi, air, debu, kecurangan-kecurangan, kejanggalan sistem itu sendiri, kesalahan-kesalahan ketidakefisiensian, sabotase dan sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah atau bila terlanjur terjadi kesalahan dapat langsung diatasi.</p></li>
+</ol>
+<br>
-===Konsep Dasar MySQL===
+===Konsep Dasar Analisis Sistem===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi MySQL menurut Budi Raharjo dalam Rahmat Agusli dkk, Jurnal Sisfotek Global (2017:22)<ref name="Agusli2017">Rahmat, Sutarman dan Suhendri. 2017. Sistem Pakar Identifikasi Tipe Kepribadian Karyawan Menggunakan Metode Certainty Factor. ISSN : 2088 – 1762. JURNAL SISFOTEK GLOBAL Vol. 7 No. 1-Maret 2017. Tangerang: STMIK Bina Saran Global.</ref>, adalah ”Software Relation Database Management System (RDBMS) yang dapat mengelola databas dengan sangat cepat, dapat menampung data dalam jumlah sangat besar, dan dapat diakses oleh banyak user (multi-user) dan dapat melakukan suatu proses secara sinkron atau berbarengan (multi-threaded)”,</p></div>
+====Definisi Analisa Sistem====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan, menurut Er Saurabh Walia dan Er Satinderjit Kaur Gill (2014:29)<ref name="Walia2014">Walia, Er Saurabh, Er Satinderjit Kaur Gill. 2014. A Framework for Web Based Student
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi analisis sistem menurut Sri Mulyani (2016:38)<ref name="Mulyani2016">Mulyani, Sri. 2016. Analsis dan Perancangan Sistem Informasi Manajemen Keuangan Daerah. Edisi Kedua. Bandung : Abdi Sistematika.</ref>  adalah “Suatu teknik penelitian terhadap sebuah sistem dengan menguraikan komponen-komponen pada sistem tersebut dengan tujuan untuk mempelajari komponen itu sendiri serta keterkaitannya dengan komponen lain yang membentuk sistem sehingga didapat sebuah keputusan atau kesimpulan mengenai sistem tersebut baik itu kelemahan ataupun kelebihan sistem”.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Abi Burrahman (2017:36)<ref name="Burrahman2017">Burrahman, Abi. 2017. Membangun Sistem Informasi Akademik Berbasis Web pada Pondok Pesantren Salafiyah Al-Baqiyatussa’diyyah Tembilahan. Jurnal Sistemasi. Vol.6 No.1-Januari 2017. http://sistemasi.ftik.unisi.ac.id/index.php/stmsi/article/view/6/pdf. Diakses pada tanggal 28 Oktober 2017.</ref> mengatakan bahwa “Analisa sistem meliputi analisis dan perancangan sistem, metode analisis data, analisa kebutuhan sistem seperti kebutuhan perangkat lunak, kebutuhan perangkat keras dan kebutuhan pengguna”.</p></div>
-Record Management System using PHP. ISSN 2320–088X. International Journal of Computer Science and Mobile Computing, Vol.3 Issue.8, August- 2014. India: Eternal University</ref>,adalah “''MySQL is relational database system, it can store bits of information in separate tables and link those tables together, each table consists of separe fields, which represent each bit og information''”</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa MySQL merupakan sebuah simbol-simbol yang dituliskan dalam sebuah file dengan menampung jumlah yang sangat besar untuk menampilkan halaman pada web browser.</p></div>
-===Konsep Dasar Analisa CSF (''Critical Success Factor'')===
+====Prinsip - prinsip Analisis sistem====
-====Definisi Analisa CSF (''Critical Success Factor'')====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Adapun prinsip-prinsip analisis sistem menurut Jaluanto Sunu Panjul Tyoso (2016:18)<ref name="Tyoso2016">Tyoso, Jaluanto Sunu Punjul. 2016. Sistem Informasi Manajemen. Yogyakarta : Deepublish.</ref> adalah:
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Defini analisa CSF (''Critical Success Factor'') menurut Ward dalam Tesis Raden Makaryo Nugrahadi (2017:43) <ref name="Nugrahadi2017">Nugrahadi, Raden Makaryo. 2017. Perencanaan Strategis Sistem Informasi dan Teknologi Informasi: Studi Kasus PT. XYZ. TESIS PM147501. Surabaya: Institut Teknologi Sepuluh Nopember.</ref> adalah area terbatas dalam suatu bisnis yang apabila terpenuhi maka akan menjamin kesukssesan kinerja kompetitif bagi perusahaan”,</p></div>
+</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan Tri Hartati (2017:185)<ref name="Hartati2017">Hartati,Tri. Perencanaan Master Plan Metodologi Tozer Pada Lembaga Pendidikan Teknologi Informasi Dan Komunikasi (Studi Kasus PT Pesona Edu Solution Jakarta). Jurnal Teknik dan Ilmu Komputer Vol. 6 No. 22-April-Juni 2017. Jakarta Pusat : Akademi Manajemen dan Informatika Bina Sarana Informatika. Juni 2017.</ref> mengatakan bahwa “CSF (Critical Success Factor) digunakan untuk menginterpretasikan tujuan, taktik, dan aktifitas operasional, termasuk kebutuhan informasi, serta kekuatan dan kelemahan sistem yang sedang berjalan dalam perusahaan. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa analisa CSF (Critical Success Factor) merupakan analisa yang hanya dapat dilakukan di dalam satu area untuk mengetahui kekuatan dan kelemahan sistem yang berjalan pada suatu perusahaan.</p></div>
-====Tipe dan Sumber CSF (''Critical Success Factor'')====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tri Hartati dalam Jurnal Teknik dan Ilmu Komputer (2017:185)<ref name="Hartati2017">Hartati,Tri. Perencanaan Master Plan Metodologi Tozer Pada Lembaga Pendidikan Teknologi Informasi Dan Komunikasi (Studi Kasus PT Pesona Edu Solution Jakarta). Jurnal Teknik dan Ilmu Komputer Vol. 6 No. 22-April-Juni 2017. Jakarta Pusat : Akademi Manajemen dan Informatika Bina Sarana Informatika. Juni 2017.</ref>, CSF (Critical Success Factor) memiliki tipe dan sumber sbb:</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Aktif : Manajer menentukan dan mempengaruhi faktor sukses untuk melakukan kegiatan kontrol dan mengukur akhir</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Pasif : Manajer tidak menentukan faktor sukses namun ia dapat menelusurinya</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. Internal dan eksternal organisasi.</p></div>
-===Konsep Dasar Elisitasi===
-====Definisi Elisitasi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi elisitasi menurut Dede Bachtiar dan Atikah (2015:74)<ref name="Bachtiar2015">Bachtiar, Dede, Atikah. 2015. Sistem Informasi Dashboard Kependudukan di Kelurahan Manis Jaya Kota Tangerang. Tangerang: Bima Sarana Global.ISSN:  2088 – 1762. Jurnal SISFOTEK GLOBAL  Vol. 5 No. 1-Maret 2015.</ref>, adalah “usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi”,</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan, siahaan dalam Muhammad Iqbal Hanafri dkk (2017:7)<ref name="Hanafri2015">Hanafri, Muhammad Iqbal, Siti Maisaroh Mustafa dan Arip Hidayat. 2017. Proses Perakitan Trafo Dengan Menggunakan Animasi Multimedia. ISSN : 2088 – 1762. Jurnal SISFOTEK GLOBAL. Vol. 7 No. 1-Maret 2017.</ref>, mengatakan bahwa “Elisitasi adalah sekumpulan aktivitas yang ditunjukkan untuk menemukan kebutuhan suatu sistem melalui komunikasi dengan pelanggan, pengguna sistem, dan pihak lain yang memiliki kepentingan dalam pengembangan sistem”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa elisitasi merupakan suatu usulan rancanga baru yang diinginkan oleh pengguna dan disanggupi oleh peneliti untuk dibuat. </p></div>
-====Tahapan-Tahapan Elisitasi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Dede Bachtiar dan Atikah (2015:74)<ref name="Bachtiar2015">Bachtiar, Dede, Atikah. 2015. Sistem Informasi Dashboard Kependudukan di Kelurahan Manis Jaya Kota Tangerang. Tangerang: Bima Sarana Global.ISSN:  2088 – 1762. Jurnal SISFOTEK GLOBAL  Vol. 5 No. 1-Maret 2015.</ref>, memiliki tahapan sbb:</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Elisitasi Tahap I</p></li>
+<p style="line-height: 2">Mendefinisikan masalah. Masalah yang akan dipecahkan dengan sistem diatur berkenan dengan lingkungan tempat sistem berinteraksi.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawwancara.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Elisitasi Tahap II</p></li>
+<p style="line-height: 2">Menyatakan sasaran sistem. Tujuan umum dan khusus yang ingin dicapai yang berkaitan dengan keefektifan ditetapkan dan diumumkan kepada pihak-pihak yang berkepentingan.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Merupakan hasil pengklasifikaasian dari elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    “M” pada MDI itu artinya Mondatory (penting). Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membua sistem baru.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. “D” pada MDI itu artinya Desirable. Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembuatan sistem, akan membuat sistem tersebut lebih sempurna.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c.    “I” pada MDI itu artinya inessential. Maksudnya bahwa requirement tersebut bukanlah bagian dari luar sistem. </p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Elisitasi Tahap III</p></li>
+<p style="line-height: 2">Menetapkan batasan sistem (''system'' ''Boundaries''). Pembatas antara sistem yang baru dengan lingkungannya harus diperinci, hubungan sistem (''interface'') yang berkaitan dengan masukan dan keluaran harus ditegaskan.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya I pada metode MDI. Selanjutnya semua requirement yang tersissa diklasifikasikan kembali melalui metode TOE, yaitu sebagai berikut:</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    T artinya Technical, maksudnya bagaimana tata cara/teknik pembuatan requirrment tersebut dalam sistem yang diusulkan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b.  O artinya Operational, maksdunya bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c.    E artinya Econimy, maksudunyaberapakah biaya yang diperlukan guna membangun requirement tersebut dalam sistem.
-Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    ''High'' H : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal, sehingga requirement tersebut harus diimplementasi.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. ''Middle'' (M) : Mampu untuk dikerjakan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c.    ''Low'' (L) : Mudah untuk dikerjakan</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Final Draft Elisitasi</p></li>
+<p style="line-height: 2">Menetapkan kendala sistem. Kendala pada sistem dan proses pengembangannya, seperti biaya dan jangka waktu untuk pengembangan sistem harus dipastikan.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Merupakan hasil akhir yang dicapai dari suatu proses elsisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Dekomposisi sistem. Sistem dipecah kedalam subsistem yang saling terkait dan berhubungan dengan lingkungannya. Hubungan antar subsistem ditentukan sehingga seorang analisis sistem mampu melihat sistem terinci. Subsistem yang berada pada tingkat bawahlah yang nantinya dirancang dan menjadi bagian sistem yang ditetapkan.</p></li>
 </ol>
+<br>
-===Konsep Dasar Web===
+===Konsep Dasar Perancangan Sistem===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi web menurut Priyo dkk (2016: 25)<ref name="Sutopo2016">Sutopo, Priyo, Dedi Cahyadi dan Zainal Arifin. 2016. Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web. Jurnal Informatika Mulawarman Vol. 11 No. 2-Februari 2016. Kalimantan Timur: Universitas Mulawarman.</ref>, adalah “ Terobosan baru sebagai teknologi sistem informasi yang menghubungkan data dari banyak sumber dan layanan yang beragam macamnyadi internet, web cepat sekali populer di lingkungan pengguna internet, karena kemudahan yang diberikan kepada pengguna internet untuk melakukan penelusuran, penjelajahan, dan pencarian informasi”,</p></div>
+====Definisi Perancangan Sistem====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan, Doni Wahyudi dalam Eviana Septiana Rachman dan Beni Noviyanto (2017:46)<ref name="Rachman2017">Rachman,Eviana Septiana, Beni Noviyanto. 2017. Pemanfaatan E-Government pada Desa Wonokarto untuk Meningkatkan Akurasi dan Informasi Potensi Desa. Jurnal Informatika Mulawarman Vol. 11 No.1-Februari 2016. Kalimantan Timur: Universitas Mulawarman. http://ojs.stmikpringsewu.ac.id/index.php/JurnalTam/article/view/86/80. Pada tanggal 22 Juli 2017.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi perancangan sistem menurut McLeod yang dikutip oleh Moch. Agita Fauzi dan Titis Aji Wicaksono dalam Jurnal Surya Informatika (2015:26)<ref name="Fauzi2015">Fauzi, Moch Agita dan Titis Aji Wicaksono. 2015. System Inventory Control Pada Laboratorium Komputer SMK Muhammadiyah Kajen Berbasis Web dengan Framework Codeigniter. Jurnal Surya Informatika. ISSN : 2477-3042. Vol.1 No.1 http://ejournal.politeknikmuhpkl.ac.id/index.php/3/article/view/6/39. Diakses pada tanggal 12 Oktober 2017.</ref>adalah “Penentuan proses data yang diperlukan oleh sistem baru, jika sistem itu berbasis komputer perancangan dapat dinyatakan spesifikasi peralatan yang digunakan”.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Stair yang dikutip oleh Maimunah, dkk dalam Jurnal CERITA (2016:203)<ref name="Maimunah2016">Maimunah, Septiyan dan Bayu Setiawan. 2016. Structure Project Application Pelayanan Pasien Rawat Jalan pada RSIA Selaras. Jurnal CERITA. Tangerang : Perguruan Tinggi Raharja. ISSN: 2461-1417. Vol.2 No.2-Agustus 2016.</ref>“Perancangan sistem adalah fase pengembangan sistem yang mendefinisikan bagaimana sistem informasi akan melakukan perancangan untuk mendapatkan solusi pemecahan masalah”.</p></div>
-</ref>, mengatakan bahwa “Web/situs adalah suatu kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara atau gabungan dari semua itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing digubungkan dengan link”.</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat diatas, maka dapat disimpulkan bahwa web merupakan teknologi sistem informasi yang menghubungkan data dari banyak sumber dan layanan yang beragam untuk menampilkan informasi, gambar gerak, suara atau gabungan dari semua itu baik agar membentuk suatu rangkaian yang saling terkait.</p></div>
-===Konsep Dasar Notepad++===
+==TEORI KHUSUS==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi menurut Noviana Nuryanti (2013:57)<ref name="Nuryanti2013">Nuryanti, Noviana. 2013. Perancangan Sistem Informasi Akuntansi Penjualan Tunai Berbasis Web pada Toko Bariklana. Skripsi. Yogyakarta: Universitas Negeri Yogyakarta.</ref>, "Notepad++ merupakan program teks editor yang memudahkan programmer dalam menggunakan cooding serta mendukung berbagai bahasa pemrogramn yang berjalan di sistem operasi windows dan dapat digunakan untuk merancang dan membuat halaman web",</p></div>
+===Konsep Dasar Sistem Informasi Akuntansi===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan, Angga Reza Palevi dan Krisnawati (2013:4)<ref name="Palevi2013">Palevi, Angga Reza, Krisnawati. 2013. Analisis dan Perancangan Sistem Informasi Penerimaan Peserta Didik Baru Berbasis Website Pada SMP Negeri 2 Mojosongo Boyolali.ISNN: 1411-3201. Jurnal Ilmiah DASI. Vol. 14 No. 04-Desember 2013. Yogyakarta: STMIK AMIKOM. http://ojs.amikom.ac.id/index.php/dasi/article/view/198/181. Diakses pada 15 Maret 2017.</ref>, mengatakan bahwa “Notepad++ adalah seebuah aplikasi text editor yang bersifat gratis dengan menitikberatkan kegunaan aplikasi untuk editing text dalam waktu yang cepat dan praktis dengan mendukung banyak format bahasa pemrograman seperti PHP, HTML, JavaScript dan CSS”.</p></div>
+====Definisi Sistem Informasi Akuntansi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pemdapat diatas, maka dapat disimpulkan bahwa notepad++ merupakan program teks editor yang memudahkan programmer dalam menggunakan cooding yang didukung oleh berbagai bahasa pemrograman untuk merancang halaman pada wweb dalam waktu yang cepat dan praktis.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi sistem informasi akuntansi menurut Hery (2017:04)<ref name="Hery2017">Hery. 2017. Teori Akuntansi Pendekatan Konsep dan Analsis. Jakarta : Grasindo.</ref>adalah “Teknik yang menggambarkan proses hubungan antara sumber data keuangan dengan para penerima informasi melalui saluran komunikasi tertentu yang dinamakan siklus akuntansi”.</p></div>
+<br>
-===Literature Review===
+====Fungsi Utama Sistem Informasi Akuntansi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi literature review menurut Jesa Ariawan dan Sri Wahyuni (2015:62)<ref name="Ariawan2015">Ariawan, Jesa, Sri Wahyuni. 2015. Aplikasi Pengajuan Lembur Karyawan Berbasis Web. ISSN:  2088 – 1762. Jurnal SISFOTEK GLOBAL Vol. 5 No. 1-Maret 2015. http://stmikglobal.ac.id/journal/index.php/sisfotek/article/view/67/69. Diakses pada 15 April 2017</ref>, adalah “Mempelajari teori-teori dan mencari informasi yang berhubungan dengan permasalahan sesuai dengan judul penelitian ini”, </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Indra Mahardika Putra (2017:54)<ref name="Putra2017">Putra, Indra Mahardika. 2017. Pengantar Akuntansi. Yogyakarta : Quadrant.</ref>sebagai sistem, akuntansi terdiri dari tiga fungsi utama yaitu :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">sedangkan, Canggih Ajika Pamungkas (2015:11)<ref name="Pamungkas2015">Pamungkas, Ccanggih Ajika. 2015. Rancang Bangun E-Learning Center Berbasis Web untuk Meningkatkan Kualitas dan Kuantitas Media Pembelajaran yang Efektif. ISSN: 2088 – 1762. Jurnal Politeknik Indonusa Surakarta Vol. 5 No. 1-Maret 2015. Surakarta: Politeknik Indonusa. http://www.poltekindonusa.ac.id/wp-content/uploads/2016/11/2_Canggih_Ajika.pdf. Diakses pada 15 April 2017.</ref>, adalah “Mempelajari teori-teori dan mencari informasi yang berhubungan dengan permasalahan sesuai dengan judul penelitian ini”, </p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tinjauan studi dari penelitian Arie Setya Putra dan Ochi Marshella Febriani, 2013, Informatics & Business Institute Darmajaya, dalam Jurnal Informatika Vol. 13/No.1<ref name="Putra2013">Putra, Arie Setya, Ochi Marshella Febriani. 2013. Sistem Informasi Monitoring Inventori Barang pada Balai Riset Standarisasi Industri Bandar Lampung. Jurnal Informatika Vol. 13 No.1-Juni 2013.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Fungsi Peng''input''an <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Lampung: STMIK Mitra.</ref></p></li>
+Akuntansi menyiapkan ''input'' hendak diproses, input akuntansi berupa ''transaksi'' yaitu peristiwa yang menyebabkan perubahan dana.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">[Putra dan Febriani 2013] dalam Jurnal Informatika Vol.13/No.1, berjudul Sistem Informasi Monitoring Inventori Barang Pada Balai Riset Standardisasi Industri Bandar Lampung. Penelitian ini bertujuan untuk mengontrol peminjaman dan pengembalian barang melalui monitoring inventori dengan menggunakan metodologi penelitian analisis dan desain terstruktur (''Structured system analysis and desain''). Karena belum adanya sistem monitoring inventori barang maka menimbulkan kendala seperti barang yang tidak valid karena tidak adanya informasi yang mendukung atas pengolahan data tersebut. Hasil dari penelitian ini adalah sistem pengolahan data monitoring dan inventori dapat menghasilkan informasi tentang laporan data pegawai, laporan data barang, laporan data peminjaman, dan transaksi pengembalian yang dilihat dalam periode tahun dan bulan. Sistem informasi monitoring yang terkomputerisasi mampu menggantikan sistem yang telah ada dari manual ke komputerisasi. Sehingga dalam pengolahan data-data monitoring lebih efisien dan dapat terkontrol secara langsung serta informasi yang didapat lebih baik dan akurat.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Fungsi Pemrosesan<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Akuntasi mengolah setiap ''input'' (''transaksi'') dalam rangka menghasilkan informasi yang berkualitas. Proses dasar akuntansi berupa pencatatan yang terdiri dari penjualan dan pemindah bukuan.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tinjauan studi dari penelitian Ade Hendini, 2016, AMIK “BSI Pontianak”, dalam Jurnal Khatulistiwa Informatika Vol. IV/No. 2<ref name="Hendini2016">Hendini, Ade. 2016. Pemodelan UML Sistem Informasi Monitoring Penjualan dan Stok Barang (Studi Kasus: Distro Zhezha Pontianak). Jurnal Khatulistiwa Informatika, Vol. IV NO. 2-Desember 2016. Pontianak: AMIK BSI</ref></p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Fungsi Peng''output''an<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">[Herdini 2016] dalam Jurnal Khatulistiwa Informatika Vol. IV/No. 2, berjudul Pemofelan UML Sistem Informasi Monitoring Penjualan dan Stok Barang (Studi Kasus: Distro Zhezha Pontianak). Penelitian ini bertujuan untuk memantau stok barang di setiap cabang, mengetahui transaksi penjualan yang terjadi serta penentuan harga jual barang di tiap-tiap cabang. Metodologi yang dilakukan menggunakan analisis terhadap sistem yang sedang berjalan, mengindetifikasi kebutuhan. Alat bantu yang digunakan adalah UML. Hasil dari penelitian ini adalah Dengan adanya sistem informasi monitoring penjualan dan stok barang ini, mempermudah pelaku usaha dalam memantau atau mengetahui penjualan dan stok barang ditiap cabang dan Melalui sistem informasi monitoring penjualan dan stok barang ini dapat membantu pelaku usaha dalam menentukan keputusan dari informasi-informasi yang didapat dari tiap-tiap cabang</p></div>
+Akuntansi menyajikan informasi dana yang diharapkan bermanfaat dalam pengambilan keputusan.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tinjauan studi dari penelitian Sri Utami Intan Wijaya, Dian Ade Kurnia, dan Erlina Dyanti, 2015, STMIK IKMI Cirebon dalam Jurnal Online ICT STMIK IKMI Vol. 14/No. 2 <ref name="Wijaya2015">Wijaya, Sri Utami Intan, Dian Ade Kurnia dan Erlina Dyanti. 2015. Monitoring dan Analisis Kualitas Quality Of Services (QOS) Untuk Meningkatkan Kualitas Layanan Trafik Kamera CCTV Pada Jaringan Wireless. Jurnal Online ICT Vol. 14 No.2. Cirebon: STMIK IKMI</ref></p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">[Wijaya, Kunia, dan Dyanti 2015] dalam Jurnal Online ICT STMIK IKMI Vol. 14/No. 2, berjudul Monitoring dan Analisis Kualitas Quality Of Services (QOS) Untuk Meningkatkan Kualitas Layanan Trafik Kamera CCTV Pada Jaringan Wireless. Penelitian ini bertujuan untuk mengevaluasi performa dan untuk memastikan efisiensi dan stabilitas operasional jaringan agar tidak terjadi delay, throughput, packet loss yang disebabkan oleh perubahan atau perbedaan cuaca dan jarak. Hasil dari penelitian ini adalah Trafik kualitas layanan jaringan wireless dipengaruhi oleh banyak factor diantaranya : jarak, cuaca dan elevasi yang terjadi. Faktor yang mempengaruhi kualitas jaringan yaitu throughput, delay dan packet loss adalah adanya redaman yang disebabkan oleh lemah atau kuat signal, distorsi,adanya variasi kecepatan propagasi yang dibatasi oleh kapasitas bandwidth, adanya delay propagasi yang disebabkan oleh jarak server ke user.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tinjauan studi dari penelitian Sugiyatno dan Adhika Pramita Widyasari, 2016, STMIK STMIK AMIKOM Yogyakarta dalam Jurnal SEMNASTEKNOMEDIA ONLINE Vol. 4/No.1<ref name="SugiyatnoI2016">Sugiyatno, Adhika Pramita Widyasari. 2016. Aplikasi Monitoring Ketersediaan Stok Barang Minimarket dengan Metode Market Basket Analysis (MBA). ISSN:2302-3805. Open Jurnal System SEMNASTEKNOMEDIA ONLINE Vol. 4 No. 1-Februari 2016. Yogyakarta: STMIK AMIKOM.</ref></p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">[Sugiyantno dan Widyasari, 2016] dalam Jurnal SEMNASTEKNOMEDIA ONLINE Vol. 4/No.1, berjudul Aplikasi Monitoring Ketersediaan Stok Barang Minimarket Dengan Metode Market Basket Analysis (MBA). Penelitian ini bertujuan untuk dapat menjadi rekomendasi pemilik minimarket dalam hal membeli stok barang, artinya jumlah yang harus dibeli tidak terlalu sedikit dan tidak terlalu banyak. Hasil dari penelitian ini adalah proses yang akan dilalui oleh sistem yaitu: Proses Import data adalah proses mengambil data dari SI penjualan yang telah ada, Proses Setting adalah proses menentukan nilai minimum untuk support dan confidence, Proses Analisis adalah proses mengolah data menggunakan metode Market Basket Analysis. Hasil dari analisis ini akan membuat aturan asosiasi, Proses Pembentukan aturan (rule) Proses membuat aturan asosiasi berdasarkan dari proses analisis data penjualan. Proses Stok Minimum adalah proses menghitung stok minimum berdasarkan dari data penjualan, sehingga pemberian nilai stok minimum tidak manual. Proses Rekomendasi stok Proses mengkorelasikan antara kebutuhan stok yang dihasilkan dari analisis MBA dengan stok minimum.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tinjauan studi dari penelitian Maya Amelia, 2016, Universitas Indo Global Mandiri dalam Jurnal Ilmiah Informatika Global Vol. 7/No. 1<ref name="Amelia2016">Amelia, Maya. 2016. Sistem ''Monitoring'' Pengumpulan Getah Karet Berbasis SMS ''Gateway'' pada Petani Karet di Desa Surya Adi Kabupaten OKI Provinsi Sumatera Selatan. Jurnal Informatika Global Vol.7 No.1-Desember 2016. Palembang: Universitas Indo Global Mandiri.</ref></p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">[Amelia, 2016] dalam Jurnal Ilmiah Informatika Global Vol. 7/No. 1, berjudul Sistem Monitoring Pengumpulan Getah Karet Berbasis SMS Gateway Pada Petani Karet Di Desa Surya Adi Kabupaten Oki Provinsi Sumatera Selatan. Penelitian ini bertujuan untuk  menghasilkan pengumpulan getah karet dapat terpantau secara akurat oleh para pemilik kebun dan kecurangan yang terjadi dalam penjualan getah karet akan dapat diminimalisir dan makelar akan dapat memperoleh laporan mengenai penjualan karet yang lebih terorganisir. Hasil dari penelitian ini adalah Sistem monitoring pengumpulan getah karet berbasis SMS gateway ini dibangun dengan menggunakan bahasa pemrograman PHP dan database MySQL. Pada sistem ini admin akan dapat melakukan login dan memiliki hak akses untuk mengelola data penyadap, data transaksi penjualan getah karet, dan melakukan pengiriman sms laporan hasil penjualan getah karet kepada pemilik kebun.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tinjauan studi dari penelitian Seokkyun Jeong dkk, 2013, University, Suncheon, Jeollanam-do, Republic of Korea dalam International Journal of Smart Home Vol. 7/No. 6 <ref name="Jeong2013">Jeong, Seokkyun, Hoseok Jeong, Haengkon Kim3 dan Hyun Yoe. 2013. Cloud Computing based Livestock Monitoring and Disease Forecasting System. International Journal of Smart Home Vol. 7 No.6. Republic of Korea : University Suncheon, Jeollanam-do</ref></p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">[Jeong, Jeong,Kim, dan Yoe 2013] dalam International Jurnal of Smart Home Vol. 7/No. 6, berjudul Cloud Computing based Livestock Monitoring and Disease Forecasting System. Penelitian ini bertujuan untuk  memantau perkembangkan peternakan menggunakan sistem yang telah ada. Hasil dari penelitian ini adalah  dapat memantau lingkungan dan fasilitas kontrol melalui paralel MapReduce model, karena sistem yang diusulkan berbasis web dan dikelola agar peternakan dapat mengurangi biaya dan nyaman bagi penggunanya. </p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tinjauan studi dari penelitian Ali Alowayr dan Atta Baddi, 2014, Reading University dalam International Journal of Computer Science & Information Technology (IJCSIT) Vol. 6/No. 3.<ref name="Alowayr2014">Alowayr, Ali, Atta Badii. 2014. Review Of Monitoring Tools For E-Learning Platforms. International Journal of Computer Science & Information Technology (IJCSIT) Vol. 6 No. 3-June 2014. UK: Reading University.</ref></p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">[Aloways dan Baddi, 2014] dalam International Jurnal of of Computer Science & Information Technology (IJCSIT) Vol. 6/No. 3, berjudul Review Of Monitoring Tools For E-Learning Platforms. Penelitian ini bertujuan untuk memberikan dan memantau kegiatan siswa. Hasil dari penelitian ini adalah membangun pola siswa denagn menjadi pemantau terbaik dan mendapatkan pandangan yang lebih akurat tentang apa yang yang terjadi dalam proses pembelajaran jarak jauh dengan tingkat pembelajaran yang terpercaya menggunakan e-learning.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tinjauan studi dari Penelitian Mohammad A. Alia dkk, 2013, Al Zaytoonah University of Jordan dalam International Journal of Multimedia & Its Applications (IJMA) Vol. 5/No. 6<ref name="Alia2013">Alia, Mohammad A., Abdelfatah Aref Tamimi dan Omaima N. A. AL-Allaf. 2013. The International Journal of Multimedia & Its Applications (IJMA) Vol. 5 No. 6-December 2013. Jordan: University of Jordan,.</ref></p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">[Alia, Tamimi, dan Al-Allaf 2013] dalam International Journal Of Multimedia & Its Applications (IJMA) Vol. 5/No. 6, berjudul Integrated System Form Monitoring And Recognizing Students During Class Session. Penelitian ini bertujuan untuk mempercepat mengetahui kehadiran siswa. Hasil dari penelitian ini  dapat  mendeteksi wajah mahasiswa di dalam kelas untuk menghasilkan laporan kehadiran siswa tanpa perlu adanya persiapan dan denagn tidak ada upaya lainnya. </p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tinjauan studi dari Penelitian Mahmoud Khraiwesh, 2013, Al Zaytoonah Zarqa University dalam International Journal of Computer Science & Information Technology (IJCSIT) Vo. 5/No. 5<ref name="Khraiwesh 2013">Khraiwesh, Mahmoud. 2013. Project Monitoring and Control Measures In CMMI. International Journal of Computer Science & Information Technology (IJCSIT) Vol. 5 No. 5-October 2013. Jordan: Zaqra University.</ref></p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">[Khraiwesh 2013] dalam International Journal Of Computer Science & Information Technology (IJCSIT) Vo. 5/No. 5, berjudul Project Monitoring and Control Measures In CMMI. Penelitian ini bertujuan untuk memantau dan mengontrol tentang kemajuan proyek dan ketika proyek menyimpang dari rencana dapat mengambil tindakan yang tepat. Hasil dari penelitian ini untuk mengidentifikaasi langkah-langkah untuk memantau proyek dan mengontrol proses di daerah CMMI. </p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tinjauan studi dari Penelitian Chandra Prabha dkk, 2016, Banaras Hindu University dalam International Journal of Research in Medical Sciences Vol. 4/No. 6<ref name="Prabha2013">Prabha, Chandra, Ratan K. Srivastava, G. P. Singh1, S. P. Singh dan Manoj Kumar Gupta. 2016. An intervention to improve the knowledge of anganwadi workers pertaining to growth monitoring in rural areas of Varanasi district, India. International Journal of Research in Medical Sciences Vol. 4 No. 6. India: s, Banaras Hindu University</ref></p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">[Prabha, Srivastava, Singh, Singh dan Gupta 2016] dalam International Journal Of Research in Medical Sciences Vol. 4/No. 6, berjudul An intervention to improve the knowledge of anganwadi workers pertaining to growth monitoring in rural areas of Varanasi district, India. Penelitian ini bertujuan untuk mengevaluasi perubahan-perubahan dalam pengetahuan pekerja Anganwadi mengenai pertumbuhan pemantauan melalui pengetahuan up-gradasi warna pelatihan. Hasil dari penelitian ini dapat mengetahui up-gradasi warna ditemukan efektif falam meningkatkan status dengan memantau untuk mengetahui pertumbuhan.</p></div>
 </ol>
+<br>
+===Konsep Dasar Pendataan===
+====Definisi Pendataan====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi pendataan menurut Ayu Mayang Sari, dkk dalam Jurnal Media Infotama (2015:102)<ref name="Sari2015">Sari, Ayu Mayang, Asnawati dan Liza Yulianti. 2015. Aplikasi Pendataan Pasien Rujuk Balik Peserta Badan Penyelenggara Jaminan Sosial (BPJS) Bengkulu. Jurnal Media Infotama. ISSN : 1858–2680. Vol.11 No.2.-September 2015.
+http://jurnal.unived.ac.id/index.php/jmi/article/view/257/236. Diakses pada tanggal 12 Oktober 2017.</ref>adalah “Keterangan yang benar dan bahan nyata yang dapat dijadikan sebagai dasar kajian (analisis atau kesimpulan)”.</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan penelitian yang telah dilakukan sebelumnya oleh beberapa peneliti di atas, mengenai monitoring dapat diketahui bahwwa terdapat perbedaan dan kesamaan dengan penelitian saat ini. Namun perlu diketahui juga penelitian saat ini tentang “Perancangan Sistem Informasi Monitoring Barang Non Iventory (Komodity) Untuk Mengetahui Kondisi Stok Pada pada Warehouse Fitting di PT Surya Toto Indonesia Tbk. Tangerang Selatan. Peneliti menekankan pada sistem monitoring yang masih kurang diperhatikan dalam literature di atas, maka penulis lebih memfokuskan pada sistem informasi monitoring untuk membantu pekerja dalam memonitoring barang non inventory (komodity).
+===Konsep Dasar Pembayaran===
-</p></div>
+====Definisi Pembayaran====
-{{pagebreak}}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Terdapat berbagai macam pengertian analisa sistem menurut beberapa ahli, definisi pembayaran menurut Ikatan Bankir Indonesia (2014:34)<ref name="Ikatan2014">Ikatan Bankir Indonesia (IBI). 2014. Mengelola Kualitan Perbankan. Jakarta : Gramedia Pustaka Utama.</ref>adalah “Transaksi pembayaran kepada pihak ketiga yang dapat dilakukan melalui ''counter'' ''bank'' baik secara tunai maupun pemindahan”.</p></div>
-<p style="line-height: 2">&nbsp;</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara menurut Aulia Pohan (2013:71)<ref name="Pohan2013">Pohan, Aulia. 2013. Sistem Pembayaran Strategi dan Implementasi Di Indonesia. Edisi Revisi. Depok : Raja Grafindo Persada.</ref>mendefinisikan bahwa “Sistem pembayaran adalah suatu sistem yang melakukan pengaturan kontrak, fasilitas pengoperasian dan mekanisme teknis yang digunakan untuk penyampaian, pengesahan, dan penerimaan instruksi pembayaran, serta pemenuhan kewajiban pembayaran yang dikumpulkan melalui pertukaran nilai antar perorangan, ''bank'' dan lembaga lainnya baik domestik maupun antarnegara (''cross'' ''border'')”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Mia Lasmi Wardiah (2013:350)<ref name="Wardiah2013">Wardiah, Mia Lasmi. 2013. Dasar-dasar Perbankan. Bandung : Pustaka Setia.</ref>mengatakan bahwa “Sistem pembayaran adalah bagian yang tidak terpisahkan dari sistem keuangan dan per''bank''an suatu negara. Keberhasilan sistem pembayaran akan menunjang perkembangan sistem keuangan dan per''bank''an, sebaliknya, risiko ketidaklancaran atau kegagalan sistem pembayaran akan berdampak negatif pada kestabilan ekonomi secara keseluruhan”.</p></div>
-=<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
+<br>
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''ANALISA SISTEM YANG BERJALAN'''</div>
+====Jenis-jenis Sistem Pembayaran====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Aulia Pohan (2013:81)<ref name="Pohan2013">Pohan, Aulia. 2013. Sistem Pembayaran Strategi dan Implementasi Di Indonesia. Edisi Revisi. Depok : Raja Grafindo Persada.</ref> sistem pembayaran berdasarkan jenis transaksi yang dilakukan pada umumnya dikenal dalam beberapa kelompok. Mulai dari pembayaran ritel atau eceran hingga yang besar.</p></div>
-===Gambaran Umum Perusahaan===
-===Sejarah PT Surya Toto Indonesia. Tbk===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">CV Surya adalah suatu usaha perdagangan bahan bangunan yang dinamis merupakan titik awal dari perusahaan PT Surya Toto Indonesia. Pada tahun 1968 untuk mencapai kedudukan terbaik di industri saniter, maka perusahaan mengawali langkahnya sebagai agen dari Toto Limited, Jepang yang merupakan perusahaan sanitary wares dan plumbing terbesar di dunia.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dengan pertimbangan banyaknya sumber daya yang tersedia di Indonesia dan melihat adanya kesempatan yang menguntungkan di masa depan pada bidang usaha ini di Indonesia, maka pada tahun 1977 didirikan sebuah perusahaan yang diberi nama PT Surya Toto Indonesia dan berkantor pusat di Jl. Tomang Raya No. 18. Perusahaan ini adalah bentuk kerjasama antara CV Surya dengan Toto Limited dan Kashima Trading Company.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sebagai wujud kerjasama tersebut dibangun sebuah pabrik pertama yang berlokasi di Jl. M.H. Thamrin Km. 7 Serpong, Tangerang. Pada tahun 1978 pabrik ini sudah mulai beropersai dengan jumlah karyawan sebanyak 65 orang. Sesuai perkembangannya yang cukup signifikan dengan ditandai semakin meningkatnya produk yang dihasilkan, jenis produk yang beraneka ragam disertai perekrutan karyawan yang hampir setiap tahun sehingga sekitar tahun 1980 produk yang dihasilkan sudah mendapat pengakuan internasional dan perusahaan dapat mengekspor produknya ke beberapa Negara Asia, Eropa, dan Amerika. Namun dari semua hal tersebut diatas yang terpenting adalah pembangunan pabrik yang berkesinambungan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Karena hal tersebut di ataslah, maka pada tahun 1985, pabrik peralatan perlengkapan saniter  (plumbing fitting) dibangun pada lokasi yang sama. Dengan demikian PT Surya Toto Indonesia memiliki dua divisi produksi, yaitu divisi saniter dan divisi fitting. Pada tahun 1989, divisi saniter menambah pabrik baru pada lokasi yang berbeda, yaitu di desa Bojong, Cikupa, Kabupaten Tangerang.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setahun kemudian tepatnya pada tahun 1990, PT Surya Toto Indonesia melepas sahamnya ke Bursa Efek Jakarta, sehingga namanya menjadi PT Surya Toto Indonesia Tbk. Saat ini karyawan yang bekerja pada PT Surya Toto Indonesia Tbk, mencapai ribuan dengan kapasitas produksi lebih dari 1.000.000 unit per tahun.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Guna kelancaran dalam menghadapi persaingan global dan mempermudah dalam eksport produknya PT Surya Toto Indonesia sudah mendapatkan sertfikat ISO 9001 versi ’94 yang kemudian diperbarui ke ISO 9002 versi 2000 dan saat ini sudah dilengkapi ISO 14001 mengenai lingkungan. Selain itu PT Surya Toto Indonesia juga memiliki sertifikat Japan Industrial Standard (JIS) atau standar industri Jepang.</p></div>
-===Visi PT Surya Toto Indonesia Tbk===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Adapun visi dari PT Surya Toto Indonesia Tbk sbb:</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menjadi perusahaan yang terkemuka yang dapat Memberikan Konstribusi terhadap perkembangan masyarakat.</p></div>
-===Misi PT Surya Toto Indonesia Tbk===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Adapun misi dari PT Surya Toto Indonesia Tbk sbb:</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mempersembahkan produk yang bermanfaat dan berkualitas tinggi.</p></li>
+<p style="line-height: 2">''Retail'' ''Payment''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sistem pembayaran ini digunakan untuk memperoses ''transaksi'' ekonomi nilai kecil yang dikhususkan untuk bayar membayar tanpa menggunakan sepeser uang. Jenis instrumen ''retail'' ''payment'' yang dikenal saat ini adalah :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">ATM</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Using'' ''Payment'' ''Cards''</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''E-money''</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Digital Money''</li>
+</ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Memberikan pelayanan prima untuk memenuhi kepuasan pelanggan.</p></li>
+<p style="line-height: 2">''Batch'' ''System''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sistem ini memungkinkan dilakukannya pembacaan data dari instrumen ''paper-based'' kemudian memproses seluruh ''batches'' dari instrumen ''paper-based'' secara elektronik. </p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mencintai pekerjaan dengan sepenuh hati.</p></li>
+<p style="line-height: 2">''Wholesale'' ''Payment''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Wholesale'' ''Payment'' ''System'' merupakan pemrosesan transaksi khusus yang bernilai besar dan bersifat penting yang muncul dari ''transaksi'' ''treasury'', ''dealing'', ''trade'' ''finance'' dan operasi lainnya di ''bank-bank'' yang tersentralisasi.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Menghargai individu dan membina Kerjasama.</p></li>
+<p style="line-height: 2">''Payment'' ''versus'' ''Payment'' (PVP)</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Saat ini proses penyelesaian transaksi FX USD/IDR antar bank di Indonesia dilakukan secara terpisah antara ''settlement'' dana IDR dan USD karena adannya perbedaan zona waktu.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Menghargai individu dan membina Kerjasama.</p></li>
+<p style="line-height: 2">''Cross'' ''Border'' ''Payment'' ''System''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Seluruh komponen operasional sistem pembayaran nasional harus dapat digunakan untuk fasilitas pembayaran ''cross'' ''border'' yang efisien dan terkontrol, untuk mendukung perkembangan perdagangan Indonesia.</p></div>
 </ol>
+<br>
-===Pemasaran PT Surya Toto Indonesia Tbk===
+====Prinsip-prinsip Dasar Sistem Pembayaran====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dalam perkembangannya pemasaran di PT. Surya Toto Indonesia terbagi menjadi dua , yaitu :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pernyataan yang dikemukakan oleh Mia Lasmi Wardiah (2013:353)<ref name="Wardiah2013">Wardiah, Mia Lasmi. 2013. Dasar-dasar Perbankan. Bandung : Pustaka Setia.</ref> sistem pembayaran yang aman dan efisien sangat penting untuk berfungsinya sistem keuangan yang efektif. Untuk itu, ''The'' ''Committe'' ''On'' ''Payment'' ''and'' ''Settlement'' ''System'' (CPSS) dan ''bank'' sentral kelompok negara GIO (kelompok sepuluh negara maju) mengembangkan prinsip-prinsip dasar penting sistem pembayaran (CPSS-BIS, 2000) yang meliputi sepuluh kriteria yaitu :</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Pemasaran dalam Negeri (Lokal Sales)</p></li>
+<p style="line-height: 2">Memiliki landasan hukum yang kuat.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Adapun pemasaran produk dalam negeri dipercayakan kepada PT. Surya Pertiwi, yaitu perusahaan swasta nasional yang berpengalaman dalam menangani pemasaran barang sanitary.
-PT Surya Pertiwi memiliki sarana-sarana yang menunjang dalam kesuksesan pemasaran produk sanitary karena mempunyai Manajemen Administrasi yang baik, staf pemasaran yang berpengalaman dan armada transportasi yang memadai. Di samping itu PT Surya Pertiwi juga memiliki 14 agen penjualan dan 800 dealer local yang tersebar di setiap propinsi di Indonesia, sehingga hal ini dapat menjadi prospek dalam negeri yang baik.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Pemasaran Luar Negeri</p></li>
+<p style="line-height: 2">Mempunyai aturan dan prosedur yang memungkinkan peserta memahami risiko keuangan yang mungkin akan dihadapi.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pada tahun 1980, PT Surya Toto Indonesia mendapatkan sertifikat untuk produk sanitary dari Singapore Institute Of Standart Industrial Research (SISIR) yang merupakan pengakuan internasional dalam mengisi pasar ekspor. Dengan mutu produk terjamin melalui 19 agen penjualan di luar negeri maka produk sanitary dan fitting telah nerjalan dengan baik. Adapun negara tujuan ekspor dari PT Surya Toto Indonesia diantaranya adalah : 1. Jepang, 2. Malaysia, 3. Cina, 4. Korea, 5. Singapura, 6. Vietnam, 7. Brunei, 8. Taiwan,  9. Kuwait, 10. Hongkong, 11. Thailand, 12. Filipina, 13. Pakistan, 14. Amerika, 15. Qatar, 16. Mesir, 17. Fiji, 18. UEA, 19. Australia, 20. Selandia Baru, 21. Kamboja, 22. Myanmar, 23. Saudi Arabia.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Memiliki prosedur yang jelas untuk manajemen risiko kredit dan risiko likuiditas.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Menjamin agar ''settlement'' dapat dilakukan pada hari yang sama, minimal pada akhir hari.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Memiliki ''multilateral'' ''netting'', sistem ini minimal harus mampu memastikan penyelesaian ''settlement'' harian yang cepat pada saat peserta tidak mampu menyelesaikan kewajibannya untuk satu ''settelment'' terbesar.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Aset yang digunakan untuk sebaiknya berada di ''bank sentral (''claimon'' ''the'' central'' ''bank''). Dalam hal aset yang berada diluar ''bank'' sentral yang digunakan, aset tersebut harus tidak memiliki (atau kecil) risiko kredit dan risiko likuiditas.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Menjamin tingkat keamanan dan kepercayaan operasional yang tinggi dan harus memiliki penanganan darurat untuk penyelesaian pemrosesan harian yang cepat.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Menyediakan alat untuk melakukan pembayaran yang praktis untuk pemakaianya dan efisien untuk perekonomian.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Memiliki tujuan dan kriteria yang transparan untuk peserta yang memungkinkan akses yang adil dan transparan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Pengaturan (''governance'' ''arrangements'') dan sistem ini harus efektif, akuntabel dan transparan.</p></li>
 </ol>
+<br>
+===Konsep Dasar Retribusi===
+====Definisi Retribusi Daerah====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi retribusi daerah menurut Mardiasmo (2016:18)<ref name="Mardiasmo2016">Mardiasmo. 2016. Perpajakan. Yogyakarta : Andi.</ref>adalah “Pungutan daerah sebagai pembayaran atas jasa atau pemberian izin tertentu yang khusus disediakan dan atau diberikan oleh Pemerintah Daerah untuk kepentingan orang pribadi atau badan”.</p></div>
+<br>
-===Falsafah Dan Trisila PT Surya Toto Indonesi Tbk===
+====Pengklasifikasian Retribusi Daerah====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Falsafah Perusahaan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Beta Asteria dalam Jurnal Riset Manajemen (2015:54)<ref name="Asteria2015">Asteria, Beta. 2015. Analisis Pengaruh Penerimaan Pajak Daerah dan Retribusi Daerah Terhadap Pendapatan Asli Daerah Kabupaten/Kota di Jawa Tengah. Jurnal Riset Manajemen Vol.2 No.1-Januari 2015. Diakses pada tanggal 12 Oktober 2017.</ref>pengklasifikasian retribusi daerah sebagai berikut:</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Membentuk kualitas ke segala hal yang kita buat. Tri Sila pada PT Surya Toto Indonesia Tbk adalah sbb:</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Keseragaman tindak</p></li>
+<p style="line-height: 2">Jasa Umum terdiri atas:</p></li>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pelayanan Kesehatan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pelayanan Persampahan/Kebersihan</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Penggantian Biaya Cetak Kartu Tanda Penduduk dan Akta Catatan Sipil</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pelayanan Pemakaman dan Pengabuan Mayat</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pelayanan Parkir di Tepi Jalan Umum</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pelayanan Pasar</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pengujian Kendaraan Bermotor</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pemeriksaan Alat Pemadam Kebakaran</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Penggantian Biaya Cetak Peta</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Penyediaan dan/atau Penyedotan Kakus</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pengolahan Limbah Cair</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pelayanan Tera/Tera Ulang</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pelayanan Pendidikan</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Retribusi Pengendalian Menara Telekomunikasi.</li>
+</ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Kepercayaan pelanggan</p></li>
+<p style="line-height: 2">Jasa Usaha terdiri atas:</p></li>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pemakaian Kekayaan Daerah.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pasar Grosir dan/atau Pertokoan</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Tempat Pelelangan</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Terminal</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Tempat Khusus Parkir</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Tempat Penginapan/Pesanggrahan/Villa</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Rumah Potong Hewan</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Pelayanan Kepelabuhanan
+</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Tempat Rekreasi dan Olahraga</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Penyeberangan di Air</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Penjualan Produksi Usaha Daerah</li>
+</ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Perkembangan bersama</p></li>
+<p style="line-height: 2">Perizinan Tertentu, terdiri atas:</p></li>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Izin Mendirikan Bangunan</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Izin Tempat Penjualan Minuman Beralkohol</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Izin Gangguan</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Izin Trayek dan</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Retribusi Izin Usaha Perikanan</li>
 </ol>
+</ol>
+<br>
-===Struktur Organisasi PT Surya Toto Indonesi Tbk===
+====Tata Cara Penghitungan Retribusi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perusahaan PT Surya Toto Indonesia mempunyai struktur organisasi campuran, yaitu gabungan antara struktur produk dan struktur fungsional. Yang dimaksud dengan struktur produk disini adalah disebabkan perusahaan terbagi atas produk sanitary dan produk fitting yang masing-masing dipimpin oleh dua direktur, yaitu Direktur Teknik dan Direktur Produksi pada masing-masing divisi baik itu divisi sanitary maupun divisi fitting, sedangkan yang dimaksud dengan struktur fungsional adalah karena perusahaan mempunyai divisi administrasi dan keuangan yang berfungsi untuk melayani urusan keuangan dan administrasi dari kedua divisi (Sanitary dan Fitting). Selain itu, perusahaan memiliki divisi pemasaran yang fungsinya melayani kedua divisi produk tersebut. Adapun puncak pimpinan perusahaan berada dibawah Rapat Umum Pemegang Saham (RUPS), yang membawahi Dewan Komisasris dan memiliki kewenangan menunjuk seorang Presiden Direktur/Wakil  Presiden Direktur yaitu Bapak Mardjoeki Atmadiredja dengan tanggung atas jalannya perusahaan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut PERDA Kota Tangerang Nomor 1 Tahun 2011 pasal 7<ref name="PERDA2011">Peraturan Daerah Kota Tangerang. Nomor 1 Tahun 2011. Tentang Retribusi Pelayanan Persampahan/Kebersihan. http://banten.bpk.go.id/wp-content/uploads/2011/11/Perda-Nomor-1-Tahun-2011-+-print-out.pdf. Diakses pada tanggal 19 Oktober 2017.</ref> tata cara penghitungan retribusi yaitu :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari masing-masing direktur dalam tiap divisi terbagi lagi menjadi beberapa bagian yang terbentuk menurut tahapan proses kerjanya dengan dipimpin seorang manager dan untuk lebih jelasnya dapat dilihat pada gambar 3.1</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-xpWVojH7d74/WaKYOihTCuI/AAAAAAAAATs/spYkwhvXhgcYlHQgLC5AqIxbC1zw8glZACL0BGAs/w530-d-h290-p-rw/Gambar%2B3.1.png"></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 3.1. Struktur Organisai PT Surya Toto Indonesia</p></div>
-===Bidang Usaha PT Surya Toto Indonesi Tbk===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">PT Surya Toto Indonesia adalah sebuah perusahaan yang bergerak di bidang manufaktur dengan memproduksi beragam produk berupa barang sanitary dan fitting untuk keperluan kamar mandi dan perlengkapannya. Karena memiliki kualitas yang cukup baik, ini menyebabkan produk yang dihasilkan sering digunakan oleh golongan konsumen menengah ke atas, misalnya : real estate, perumahan eksekutif, perkantoran, hotel, pusat perbelanjaan, dan sebagainya.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Adapun ragam produk yang dihasilkan adalah sebagai berikut :</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Divisi Sanitary</p></li>
+<p style="line-height: 2">Besarnya retribusi yang terutang dihitung berdasarkan perkalian antara tingkat penggunaan jasa dengan tarif retribusi. </p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Produk yang dihasilkan pada divisi saniter adalah produk-produk yang berbahan dasar keramik, yang diantaranya adalah sebagai berikut:</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.   Closet jongkok dan closet duduk</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Lavatory (wastafel)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c.    Bidet (tempat kencing untuk wanita)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">d. Urinal (tempat kencing untuk laki-laki)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">e.    Accessories (perlengkapan kamar mandi)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">f.    Sink (tangki air untuk closet duduk)</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Divisi Fitting</p></li>
+<p style="line-height: 2">Tingkat penggunaan jasa adalah jumlah penggunaan jasa yang dijadikan dasar alokasi beban biaya yang dipikul Pemerintah Daerah untuk penyelenggaraan jasa pelayanan persampahan/kebersihan.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Produk yang dihasilkan pada divisi fitting adalah produk-produk yang merupakan perlengkapan dari produk-produk sanitary
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-dengan bahan dasar bisa dari metal ataupun plastic, yang diantaranya adalah sebagai berikut :
+<p style="line-height: 2">Apabila tingkat penggunaan jasa pelayanan persampahan/kebersihan sulit diukur, maka tingkat penggunaan jasa dapat ditaksir berdasarkan pendekatan volume sampah yang didasari luas lantai bangunan rumah tangga, perdagangan dan industri.</p></li>
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Mixing Faucet (untuk keran pancampuran)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Lavatory (untuk keran wastafel)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c.    Stop Valve (stop keran)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">d. Waste Fitting (trap pembuangan air)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">e.   Jet Washer (alat pembilas)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">f.    Shower Head / Hand (alat untuk mandi)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">g.    Flush Urinal (alat pembilas urinal)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">h.    Seat & Cover</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">i.    Macam-macam aksesoris.</p></div>
 </ol>
+<br>
-===Proses Produksi dan Non Produksi PT Surya Toto Indonesi Tbk===
+====Tata Cara Pemungutan Retribusi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Mengingat kerja praktek yang dilakukan hanya pada proses-proses yang ada di Divisi Fitting, maka penjelasan mengenai proses produksi hanya pada proses-proses yang terkait dengan pembuatan part (elemen) pada divisi Fitting. Untuk lebih jelasnya dapat dilihat pada gambar bagan aliran proses seperti dibawah ini :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pernyataan yang dikemukakan oleh Mardiasmo (2016:21)<ref name="Mardiasmo2016">Mardiasmo. 2016. Perpajakan. Yogyakarta : Andi.</ref>retribusi dipungut dengan menggunakan surat ketetapan retribusi daerah (SKRD) atau dokumen lain yang di persamakan berupa karcis, kupon dan kartu langganan. Dalam hal wajib retribusi tertentu tidak membayar tepat pada waktunnya atau kurang membayar, dikenakan sanksi administratif berupa bunga sebesar 2% (dua persen) setiap bulan dari retribusi yang terutang yang tidak atau kurang dibayar dan ditagih dengan munggunakan surat tagihan retribusi daerah (STRD). penagihan retribusi terutang sebagaimana didahului dengan Surat teguran. Tata cara pelaksanaan pemungutan retribusi ditetapkan dengan peraturan kepala daerah.</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-zGt71dKCmEg/WaKiiWx1GyI/AAAAAAAAAUU/BpK3DJW8W5QWZ8Hw3uMUniRvnFgjJ4YaACL0BGAs/w530-d-h213-p-rw/Gambar%2B3.2.png"></div>
+====Tata Cara Pembayaran====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 3.2 Struktur Organisai PT Surya Toto Indonesia</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut PERDA Kota Tangerang Nomor 1 Tahun 2011 pasal 18<ref name="PERDA2011">Peraturan Daerah Kota Tangerang. Nomor 1 Tahun 2011. Tentang Retribusi Pelayanan Persampahan/Kebersihan. http://banten.bpk.go.id/wp-content/uploads/2011/11/Perda-Nomor-1-Tahun-2011-+-print-out.pdf. Diakses pada tanggal 19 Oktober 2017.</ref>tata cara pembayaran yaitu :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Namun pada kenyataannya Divisi Fitting di PT Surya Toto Indonesia terbagi menjadi  dua bagian penting yaitu, bagian produksi dan bagian non-produksi. Yang membedakan dari kedua bagian tersebut adalah pada tingkat output yang dihasilkan pada bagiannya masing-masing. Bagian produksi menghasilkan barang dan bagian non-produksi menghasilkan jasa. Agar lebih jelas maka akan disampaikan beberapa hal sebagai berikut :</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Proses Produksi Bagian Fitting</p></li>
+<p style="line-height: 2">Pembayaran retribusi terutang harus dilunasi sekaligus. </p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Proses produksi di Divisi Fitting dilakukan melalui tahapan-tahapan proses yang disebut seksi. Adapun tahapan proses produksi dapat dijelaskan dengan uraian sebagai berikut : </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Supplier</p></div>
+<p style="line-height: 2">Retribusi yang terutang dilunasi selambat–lambatnya 15 (lima belas) hari sejak diterbitkannya SKRD atau dokumen lain yang dipersamakan.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Supplier merupakan bagian dari sebuah sistem yang tidak dapat dipisahkan. Supplier sendiri berfungsi sebagai pemasok bahan-bahan atau material yang diperlukan untuk proses produksi dan harus dilibatkan untuk menjaga kelangsungan proses produksi agar dapat berjalan lancar sesuai dengan yang direncanakan. Selain itu untuk menjaga kualitas produk yang dihasilkan terkait kesesuaian spesifikasi material yang dibutuhkan sehingga produk tersebut memenuhi standar yang diinginkan. </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Seksi Casting (C/A)</p></div>
+<p style="line-height: 2">Ketentuan lebih lanjut mengenai tata cara pembayaran Retribusi diatur dengan Peraturan Walikota.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Proses casting adalah prose pencetakan atau pengecoran logam cair kedalam cetakan untuk membentuk produk-produk Divisi Fitting. Proses casting merupakan langkah awal dari sebuah rangkaian tahapan produksi di Divisi Fitting.Proses kerja casting pada Divisi Fitting dapat digambarkan dengan bagan alur prose berikut ini: </p></div>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-HaTTfIoKUlA/WaKqQk5IOPI/AAAAAAAAAVE/t-Gz4U_HKakUVafPrKNR5wqNSwAIS-2fwCL0BGAs/w530-d-h80-p-rw/Gambar%2B3.3.png"></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 3.3 Alur kerja proses casting</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">)''Core'' </p>
-<p style="line-height: 2">Proses core adalah proses untuk membuat kerangka dalam body part yang nantinya akan hancur pada saat di shot blast sehingga membentuk ruang kosong (rongga) pada body part tersebut. Adapun bahan baku utama untuk membuat padatan core ini adalah :</p>
-<p style="line-height: 2">a) Binder Rezin, merupakan campuran air biasa  dan rezin (PB) bubuk.</p>
-<p style="line-height: 2">b) Hardener</p>
-<p style="line-height: 2">c) Pasir core / pasir silica.</p>
-</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">)LPDC (''Low Pressure Die Casting'')</p>
+====SKRD (Surat Ketetapan Retribusi Daerah)====
-<p style="line-height: 2">Jika diterjemahkan secara bebas dapat diartikan pengecoran pada cetakan dengan tekanan rendah. Bahan baku yang dipakai adalah brass ingot dan zat yang perlu ditambahkan dalam peleburan bahan baku casting adalah aditive yang berguna untuk membersihkan metal dari campuran komponen lain sehingga benda-benda tersebut dapat naik ke permukaan/terpisah. Selain itu perlu dipersiapkan Graphite yang berfungsi untuk menjaga suhu mould LPDC dan senyawanya dapat menekan menempelnya cairan logam pada mould LPDC.</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut UU No.18 tahun 1997 Pasal 1<ref name="UU1997">Undang-undang Republik Indonesia Nomor 18 Tahun 1997. Tentang Pajak Daerah dan Retribusi Daerah.
-</li>
+http://jdih.minerba.esdm.go.id/minerba/dok/UU%2018%20Tahun%201997_%20Pajak%20Daerah%20dan%20Retribusi%20Daerah.pdf. Diakes pada tanggal 19 Oktober 2017.</ref>menyatakan bahwa “SKRD (Surat Ketetapan Retribusi Daerah) adalah Surat Keputusan yang menentukan besarnya jumlah retribusi yang terutang”.</p></div>
+<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">)''Shot Blast''</p>
+===Konsep Dasar Retribusi Pelayanan Persampahan/Kebersihan===
-<p style="line-height: 2">Shot blast adalah proses membuang sisa-sisa pasir core yang ada dalam rongga benda kerja yang baru dicetak. Istilah lain dari proses shot blast adalah pencucian pasir core. Untuk menghindari perubahan bentuk proses shot blast dilakukan pada mesin shot blast antara 600-720 detik (10-12 menit), pada saat benda kerja dalam keadaan dingin.</p>
+====Definisi Retribusi Pelayanan Persampahan/Kebersihan====
-</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut UU No.18 tahun 1997 Pasal 1<ref name="UU1997">Undang-undang Republik Indonesia Nomor 18 Tahun 1997. Tentang Pajak Daerah dan Retribusi Daerah.
+http://jdih.minerba.esdm.go.id/minerba/dok/UU%2018%20Tahun%201997_%20Pajak%20Daerah%20dan%20Retribusi%20Daerah.pdf. Diakes pada tanggal 19 Oktober 2017.</ref>menyatakan bahwa “Retribusi  Pelayanan Persampahan/Kebersihan yang selanjutnya disebut retribusi adalah pembayaran atau jasa pelayanan persampahan/kebersihan yang khusus disediakan dan atau diberikan oleh pemerintah kota untuk kepentingan orang pribadi atau Badan”.</p></div>
+<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">)''Cutting''</p>
+===Konsep Dasar PIECES===
-<p style="line-height: 2">Proses cutting adalah proses yang dilakukan setelah pasir core dibersihkan, yaitu proses pemisahan benda kerja dari runnernya  dengan menggunakan mesin cutting yang dilakukan secara manual.</p>
+====Definisi PIECES====
-</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pernyataan yang dikemukakan oleh Tri Munfarida dan Yuli Astuti dalam Jurnal Mantik Penusa (2017:16)<ref name="Munfarida2017">Munfarida, Tri dan Yuli Astuti. 2017. Implementasi Daily Activity Monitoring System (DAMS) pada CV. Jogja Media Telematika. Jurnal Mantik Penusa. ISSN: 2088-3943. Vol.21 No.1-Juni 2017. http://e-jurnal.pelitanusantara.ac.id/index.php/mantik/article/view/185/102. Diakses pada tanggal 27 Oktober 2017.</ref>“Analisis PIECES merupakan analisis yang melihat sistem dari Kinerja (Performance), Informasi (Information), Ekonomi (Economic), Kontrol (Control), Efisiensi (Efficiency) dan Pelayanan (Service)”. </p></div>
+<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">)''Grinding''</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisis Kinerja (''Performance'').<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-<p style="line-height: 2">Proses grinding adalah proses untuk menghaluskan hasil cutting/ membuang sisa-sisa yang tidak bisa diproses pada mesin cutting. Proses grinding disini dilakukan dengan menggunakan mesin gerinda dan dilakukan secara manual.</p>
+Kinerja merupakan bagian pendukung dalam kelancaran proses kerja dalam suatu perusahaan. Kinerja perusahaan sangat tergantung pada sumber daya manusia dan sumber daya alat atau sarana dan prasarana yang ada dalam perusahaan. Kinerja yang dimaksud adalah kinerja sistem. Kinerja dapat diukur dari ''throughput'' dan ''respons'' ''time''. ''Throughtput'' adalah jumlah dari pekerjaan yang dilakukan suatu sistem tertentu. ''Respon'' ''time'' adalah rata-rata waktu yang tertunda diantara dua pekerjaan ditambah dengan waktu respon untuk menangani pekerjaan tersebut.</p></li>
-</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisis Informasi (''Information'').<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Informasi merupakan salah satu faktor yang penting, karena informasi merupakan titik awal untuk mengoreksi keadaan dalam organisasi. Kualitas dari sebuah informasi (''quality'' ''of'' ''information'') tergantung dari tiga hal, yaitu informasi harus akurat (''acurat''), tepat pada waktunya (''timely'' ''basis''), dan relevan (''relevance''. Jika informasi yang diproses bisa lebih cepat, akurat, dan relevan tentunya akan memberikan keputusan bisnis yang baik untuk kemajuan perusahaan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisis Ekonomi (''Economic'').<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Analisis ekonomi merupakan sistem dalam pengurangan dan keuntungan yang akan didapat dari sistem yang baru. Peningkatan terhadap kebutuhan ekonomis mempengaruhi pengendalian biaya dan peningkatan manfaat. Dilihat dari pemanfaatan biaya sistem lama tersebut dinilai kurang ekonomis.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisis Efisiensi (''Effisiency'').<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Efisiensi ini erat hubunganya dengan input yaitu bagaimana sumber daya yang ada dapat digunakan seminimal mungkin sehingga tidak terjadi pemborosan waktu, energi serta menekan biaya pengeluaran.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisis Kendali (''Control'').<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Analisis kendali yaitu bagaimana sistem tersebut dapat mencegah atau mendeteksi kesalahan sistem, menjamin keamanan data dari akses yang tidak diijinkan, dan pengamanan dari kerusakan. Di dalam proses ''monitoring''/pencatatan perlu adanya kontrol yang dilakukan oleh pihak pemilik terhadap semua proses ''monitoring''/pencatatan yang dilakukan oleh karyawannya.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisis Pelayanan (''Service'').<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Fokus dari analisis pelayanan adalah peningkatan terhadap pelayanan yang dihasilkan sistem dapat memberikan kemudahan dan kenyamanan dalam menyelesaikan pekerjaan untuk memperoleh informasi.</p></li>
 </ol>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c.    Seksi ''Forging'' (F/O)</p></div>
+===Konsep Dasar ''Database''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Proses forging adalah proses pembetukan produk fitting dengan menggunakan bahan baku batang kuningan (brass bar) yang dimasukan kedalam tungku dengan suhu ± 750° C, kemudian logam ini dipressing pada cetakannya (Stamping). Seperti halnya pada seksi casting setelah produk dikeluarkan dari cetakan akan dilakukan proses persiapan berupa perampingan bagian-bagian produk yang diinginkan agar memudahkan proses selanjutnya.</p></div>
+====Definisi ''Database''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">d. Seksi ''Machining'' (M/C)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi ''database'' menurut Haerudin, dkk dalam jurnal CCIT (2013:18)<ref name="Haerudin2013">Haerudin, Ruli Supriati dan Abdul Hakim. 2013. Perancangan Sistem Informasi Perpustakaan Berbasis Web Pada Madrasah Aliyah Negeri Balaraja Kabupaten Tangerang.  Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. Vol.7 No.1-September 2013.</ref>adalah “Salah satu komponen penting di dalam sistem informasi, karena berfungsi sebagai baris penyedia informasi bagi para pemakainya. Penerapan ''database'' dalam sistem informasi disebut dengan sistem ''database'' (''database'' ''system'')”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Proses Machining adalah proses pengerjaan produk dengan menggunakan mesin untuk mendapatkan produk-produk yang sesuai dengan gambar disain produk yang dikehendaki sehingga dapat dirakit. Hasil dari proses Machining sangat menentukan kemampuan rakit dari suatu produk, karena setiap hasil yang diproses pada seksi ini merupakan bagian-bagian/komponen dari suatu tipe produk.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Faridi, dkk dalam Jurnal CERITA (2016:192)<ref name="Faridi2016">Faridi, Peni Aripianti dan Retno Widuri. 2016. Perancangan Sistem Informasi E-Jurnal pada Perguruan Tinggi Berbasis Web. Jurnal CERITA. Tangerang : Perguruan Tinggi Raharja. ISSN: 2461-1417. Vol.2 No.2-Agustus 2016.</ref>mendefinisikan bahwa “''Database'' adalah sebuah struktur yang umumnya dikategorikan dalam 2 hal: sebuah ''database'' flat dan sebuah ''database'' ''relasional''. ''Database'' ''relasional'' lebih disukai karena lebih masuk  akal dibandingkan ''database'' flat”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Seksi machining merupakan seksi yang paling kompleks karena keragaman dari komponen yang diproses pada Divisi Fitting dapat terlihat disebabkan  seksi Machining selain menerima kelanjutan dari proses Casting dan Forging juga menampung dari supplier langsung sehingga komponen yang diproduksi pada seksi ini sangat banyak dan beraneka-ragam. Selain itu memiliki urutan proses dan waktu proses yang berbeda-beda sesuai dengan komponen yang diproduksinya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara menurut Sri Rahayu, dkk dalam Jurnal CCIT (2015:54)<ref name="Rahayu2015">Rahayu, Sri, Muhamad Yusup dan Sinta Puspita Dewi. 2015. Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web dengan menggunakan Framework YII. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN: 1978-8282. Vol.9 No.1- September 2015.</ref>mengatakan bahwa “''Database'' adalah kumpulan data yang teintegrasi dan diatur sedemikian rupa sehingga data tersebut dapat dimanipulasi, diambil, dan dicari secara cepat”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berbagai macam proses Machining sebagian besar menggunakan mesin, baik yang semi otomatis  maupun manual, ada pula yang hanya sekedar menggunakan mejalankan dengan dilengkapi peralatan seperti : motor, alat bantu (jig), palu, dan perkakas lainnya.</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">e.   Seksi ''Polishing''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada dasarnya poroses polishing adalah prose memoles produk sehingga produk tersebut halus dan terlihat mengkilap. Adapun peralatan yang digunakan pada proses ini  terdapat dua macam, yaitu : belt machine dan buff machine yang kedua prosesnya dilakukan secara manual dan automatic. Yang pertama menggunakan semacam amplas berwujud sabuk, yang dikenal dengan nama Abbrasive Belt dengan tingkat kekasaran bervariasi, yaitu : 100, 400 dan 600. Ukuran kekasaran ini menunjukan banyaknya grain dalam luas amplas 1 inchi persegi, berarti semakin besar ukurannya semakin halus produk yang dihasilkan. Sedangkan Buff Machine adalah alat poles yang berputar, dimana penggunaan alat ini harus disertai dengan polishing compound (Tripoli) yang terbuat dari SiO₂, Al₂O₃, atau CrO₃.   </p></div>
+====Manfaat ''Database''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">f.    Seksi ''Plating''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Imam Heryanto (2017:4)<ref name="Heryanto2017">Heryanto, Imam. 2017. Membuat Database dengan Microsoft Access. Edisi Revisi. Bandung : Informatika.</ref>salah satu manfaat ''database'' yang paling utama adalah untuk memudahkan dalam mengakses data, kemudian pengaksesan data ini adalah sebagai implikasi dari keteraturan data yang merupakan syarat mutlak dari suatu ''database'' yang baik.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Plating'' adalah proses pelapisan benda kerja menggunakan cairan kimia sebagai bahan pelapisnya dengan tujuan agar produk yang dihasilkan terlihat indah dan awet. Proses Plating di Divisi Fitting PT Surya Toto Indonesia terbagi menjadi 4 proses Plating, yaitu : Nikel Chrome Metal, Plating Plastik, Plating Emas, dan Plating Pearl (Satin/Mutiara).  </p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">g.    Seksi ''Assembling''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Proses ''Assembling'' adalah proses perakitan produk yang masih berupa bagian-bagian dari part/komponen menjadi tipe suatu produk dan siap kirim. Sebelum perakitan dimulai sebagian besar jenis produk, yaitu produk-produk yang terbuat dari logam harus melalui proses pemberian merk (Marking) dan masih termasuk kedalam proses ini. Pemberian merk dilakukan menggunakan alat marking, ada yang manual namun saat ini sudah terdapat alat marking dengan teknologi laser sehingga dapat meningkatkan produktivitas pada seksi ini.</p></div>
+====Jenis-jenis ''Database''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">h.   ''Injection''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Ada 4 jenis ''database'' yang sering muncul atau dikenal menurut Imam Heryanto (2017:6)<ref name="Heryanto2017">Heryanto, Imam. 2017. Membuat Database dengan Microsoft Access. Edisi Revisi. Bandung : Informatika.</ref> yaitu: </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Proses ''injection'' adalah proses yang digunakan untuk membuat produk-produk bebahan dasar plastik jenis resin polypropylene. Polypropylene mempunyai nilai impak dan kekuatan yang tinggi, serta tahan terhadap suhu dan bahan-bahan kimia. Polypropylene yang tadinya berbentuk butiran, dicairkan dalam ruang pemanas bersuhu antara 120°-260° C, dimana bahan itu mengalami plastisasi. Selanjutnya diinjeksikan dalam rongga cetakan (yang tertutup) dibawah tekanan yang cukup besar. Produk cetak akan mengeras dalam rongga itu dibawah pengaruh pendinginan air yang bersirkulasi melalui saluran dalam cetakan. Setelah penekanan injeksi, penekan ditarik kembali, cetakan terbuka dan produk dikeluarkan dari cetakan yang selanjutnya dilakukan pemotongan bagian-bagian yang tidak dikehendaki dengan bantuan gunting. Contoh produk dari proses injeksi diantaranya adalah : pembuatan seat dan cover yang digunakan untuk closet duduk, shower, pegangan keran, dan lain-lain.</p></div>
+<ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">i.    Seksi ''Quality Control'' (QC)</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Quality Control'' adalah serangkaian proses yang ditujukan untuk menjaga produk agar selalu dalam batas-batas standar/sesuai spesifikasi seperti yang diharapkan oleh pelanggan. Tugas dari seksi QC selain melakukan pemeriksaan, juga memberikan petunjuk atau pengarahan terhadap seksi lain mengenai kerusakan yang terjadi dan cara pemecahan masalahnya. Seksi ini juga terdapat pada setiap lini produksi untuk menjaga kualitas tetap terjamin.</p></div>
+<p style="line-height: 2">''Hierarchy''</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Network''</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Relational''</p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Proses Non-Produksi</p></li>
+<p style="line-height: 2">''Object Oriented''</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Seksi ''Planing Production and Inventory Control'' (PPIC)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Seksi ini mempunyai tugas untuk merencanakan dan mengawasi kegiatan produksi dan persediaan berdasarkan prosedur yang ditetapkan. Data yang dijadikan acuan untuk perencanaan produksi dan persediaan adalah data yang ada pada program SAP yang telah “link” ke seksi ''Warehouse''.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Seksi ''Purchasing''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Seksi ini bertugas melakukan pembelian terhadap pesanan barang dari seksi-seksi lainnya (''order''), dan menentukan pemasok (''supplier''/subkontraktor) berdasarkan standar kompetensi ''supplier''.</p></div>
 </ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari keempat jenis tersebut, jenis ''database'' ''relasional''lah yang paling sering digunakan. Namun, bukan berarti jenis ''database'' yang lain tidak di pakai. Jenis ''database'' yang lain, seperti ''database'' ''network'' pun digunakan untuk keperluan tertentu sesuai dengan kebutuhan dan kompleksitas permasalahan atau kompleksitas sistem yang akan dibangun.</p></div>
+<br>
-===Tugas dan Tanggung Jawab===
+===Konsep Dasar ''Internet''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pembagian Tugas</p></div>
+====Definisi ''Internet''====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi ''internet'' menurut Untung Rahardja, dkk dalam Jurnal CCIT (2014:342)<ref name="Rahardja2014">Rahardja, Untung, Yusup Muhamad dan Nurmaliana Ana. 2014. Penerapan Ilearning Survey (isur) Dalam Meningkatkan Kualitas Sistem Informasi Selama Proses Pembelajaran di Perguruan Tinggi Raharja. Jurnal CCIT Tangerang : Perguruan Tinggi Raharja.  ISSN : 1978-8282 Vol.7 No.3-Mei 2014.</ref> adalah “Menghubungkan berbagai jaringan yang tidak saling bergantung pada satu sama lain sedemikian rupa, sehingga mereka dapat berkomunikasi”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Edi Irwansyah dan Moniaga Jurike V (2014:12)<ref name="Irwansyah2014">Irwansyah, Edi dan Jurike V Moniaga. 2014. Pengantar Teknologi Informasi. Jogyakarta : Deepublish.</ref> mendefinisikan bahwa “''Internet'' adalah sebuah sistem global jaringan komputer yang saling menghubungkan antara satu dengan yang lain di seluruh penjuru dunia. Adapun standar yang digunakan disebut ''Internet'' ''Protocol'' ''Suite'' (TCP/IP)”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Internet digunakan di seluruh dunia untuk menghubungkan jutaan bisnis, agen pemerintahan, institusi akademis dan individu. Beberapa dari kegunaan itu adalah:</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Rapat Umum Pemegang Saham (RUPS)</p></li>
+<p style="line-height: 2">Sebagai sarana komunikasi.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bertugas mengawasi  kerja yang dilakukan oleh Dewan Komisaris dan Dewan Direksi seta memegang kekuasaan tertinggi di perusahaan.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Dewan Komisaris </p></li>
+<p style="line-height: 2">Untuk penelitian sebagai alat pengakses informasi. </p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bertugas mengawasi segala kebijakan perusahaan, mengambil segala keputusan yang berkenaan dengan persoalan dan masalah penting yang dihadapi oleh perusahaan. Dewan Komisaris bertanggung jawab kepada para pemegang saham.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tugas Presiden Direktur diantaranya adalah :</p></li>
+<p style="line-height: 2">Sarana untuk belanja (''online'' ''shopping'').</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Memberikan kebijakan perusahaan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Mengambil sikap dalam pengembangan / perluasan perusahaan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Memberi bimbingan kepada bawahan di lingkungan perusahaan(C/A)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. Mengadakan pertemuan dengan direksi-direksi perusahaan</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tugas Wakil Presiden Direktur diantaranya adalah :</p></li>
+<p style="line-height: 2">''Bank'' dan investasi.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Membantu tugas Presiden Direktur pada perusahaan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Bertanggung jawab atas seluruh kelancaran kegiatan perusahaan(C/A)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. Atas persetujuan Presiden direktur mengangkat sekretaris dalam membantu melaksanakan tugas perusahaan</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tugas Direktur Marketing diantaranya adalah :</p></li>
+<p style="line-height: 2">Hiburan.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Membuat program perencanaan penjualan di dalam negeri maupun luar negeri</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Menyiapakan administrasi dan dokumen untuk penjualan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. Mengadakan evaluasi pasar tahunan atas hasil penjualan, bahan masukan untuk perencanaan berikutnya</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">d. Mengadakan survey pasar di dalam negeri dan di luar negeri</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">e. Membuat laporan tahunan  kepada atasan sebagai pertanggung jawaban</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tugas Direktur Keuangan dan Administrasi diantaranya adalah :</p></li>
+<p style="line-height: 2">Berbagi info musik, foto, video.</p> </li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Menyiapkan dokumen, kuitansi serta surat-surat penting lainnya yang berhubungan dengan perusahaan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Menyusun data-data umum, rekaman reaksi file-file secara urut</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. Mengontrol semua kegiatan administrasi keuangan perusahaan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">d. Membuat laporan tahunan perusahaan</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tugas Direktur Sanitary diantaranya adalah sebagai berikut :</p></li>
+<p style="line-height: 2">Mengakses aplikasi di internet.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Mengadakan penelitian untuk bahan bakar sanitary.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Mengadakan perencanaan produk sanitary</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. Mengadakan pengontrolan terhadap produk sanitary</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">d. Mengadakan penggudangan terhadap hasil produk</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tugas Direktur Plumbing Fitting diantaranya adalah :</p></li>
+<p style="line-height: 2">Alat pengajaran online.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Mengadakan perencanaan produk fitting</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Melakukam pengontrolan terhadp produk fittingsanitary</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. Pengadaan mesin-mesin produksi </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">d. Melakukan control penggudangan</p></div>
 </ol>
+<br>
-===Tata Laksana Sistem Yang Berjalan===
+===Konsep Dasar ''Web''===
-===Prosedur Sistem Yang Berjalan===
+====Definisi ''Web''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Prosedur barang non inventory (komodity) yang berjalan saat ini pada warehouse fitting di PT Surya Toto Indonesia Tbk. Tangerang Selatan. Dilakukan melalui proses section menyerahkan form Permintaan barang, lalu admin gudang mengecek stok barang ke gudang, jika barang ada di gudang maka admin gudang langsung memberikan barang serta transfer slip ke bagian section. Jika barang yang diminta section kosong digudang maka admin gudang akan membuat Purchaase Request (PR) ke bagian purchasing, lalu pihak purchasing membuat Purchase Order (PO) dan mengirim ke supplier. Supplier menyerahkan barang dan surat jalan ke admin gudang, lalu admin gudang membuat good receipt untuk supplier, dan admin gudang menyerahkan barang dan bukti serah terima barang ke section. Lalu admin gudang menginputnya ke dalam Ms. Excel unyuk memberikan laporan kepada kepala gudang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Definisi ''web'' menurut Dina Fitria Murad, dkk dalam Jurnal CCIT (2013:49)<ref name="Murad2013">Murad, Dina Fitria, Nia Kusniawati dan Agus Asyanto. 2013. Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada Himpaudi Kota Tangerang. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN : 1978-8282 Vol.7 No.1-September 2013.</ref>adalah “Sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lainnya yang tersimpan dalam sebuah '''server'' ''web'' ''internet'' yang disajikan dalam bentuk ''hypertext''”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Al-Husain, dkk dalam jurnal CERITA (2016:134)<ref name="Al-Husain2016">Al-Husain, Felita Aryanti dan Sinudarwati. 2016. Perancangan Database Relational pada Toko Buku Online. Jurnal CERITA. Tangerang : Perguruan Tinggi Raharja. ISSN : 2461-1417. Vol.2 No.2-Agustus 2016.</ref>mengemukakan bahwa “''Web'' atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman”.
+</p></div>
+<br>
-===Rancangan Prosedur Sistem Berjalan===
+===Konsep Dasar PHP===
-====Use Case Diagram Sistem Berjalan====
+====Definisi PHP====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan Use Case Diagram barang non inventory (komodity) yang ditunjukkan pada gambar 3.4:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi PHP menurut Raharjo (2016:38)<ref name="Raharjo2016">Raharjo, Budi. 2016. Pemrograman Web (HTML, PHP & MySQL). Edisi Ketiga. Bandung : Modula.</ref>adalah “Salah satu bahasa pemrograman ''script'' yang dirancang untuk membangun aplikasi ''web''”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara menurut Vidiandry Putratama Supono (2016:3)<ref name="Supono2016">Supono, Vidiandry Putratama. 2016. Pemrograman Web dengan Menggunakan PHP dan Framework Codeigniter. Yogyakarta : Deepublish.</ref>mendefinisikan bahwa “PHP (''Hypertext'' ''Preprocessor'') adalah suatu bahasa pemrograman yang digunakan untuk menerjemahkan baris kode program menjadi kode mesin yang dapat dimengerti oleh komputer yang bersifat ''server'' ''side'' yang dapat ditambahkan kedalam HTML”.
+</p></div>
+<br>
+====Kelebihan PHP====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Madcoms (2016:2)<ref name="Madcoms016">Madcoms. 2016. Pemrograman PHP dan MySQL untuk Pemula. Yogyakarta : Andi.</ref>PHP memiliki banyak kelebihan yang menjadi alasan kenapa anda harus menggunakan PHP. Berikut ini adalah beberapa kelebihan dari PHP :</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Bisa membuat ''web'' menjadi dinamis.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">PHP bersifat ''Open'' ''Source'' yang berarti dapat digunakan oleh siapa saja secara gratis.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Program yang dibuat dengan PHP bisa dijalankan oleh semua sistem operasi (OS) karena PHP berjalan secara ''web'' ''base'' yang artinya semua sistem operasi bahkan ''handpone'' yang mempunyai ''web'' ''browser'' dapat menggunakan program PHP.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Aplikasi PHP lebih cepat dibandingkan ASP maupun java.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Mendukung banyak paket ''database'' seperti MySQL, Oracle, PostgreSQL dan lain-lain.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Bahasa pemrograman PHP tidak memerlukan kompilasi(''compile'') dalam penggunaannya.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Banyak ''web ''server'' yang mendukung PHP seperti Apache, Loghttpd, IIS dan lain-lain.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Pengembangan aplikasi PHP mudah karena banyak dokumentasi,  refrensi dan ''developer'' yang membantu dalam pengembangannya.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Banyak bertebaran aplikasi dan program PHP yang gratis dan siap pakai seperti wordpress, prestashop dan lain-lain.</p></li>
+</ol>
+<br>
-<div align="center"><img width="600" height="600" style="margin:0px" src="https://s26.postimg.org/x3y454pjd/use_case1_bab3.jpg></div>
+===Cara Kerja PHP===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Raharjo (2016:39)<ref name="Raharjo2016">Raharjo, Budi. 2016. Pemrograman Web (HTML, PHP & MySQL). Edisi Ketiga. Bandung : Modula.</ref> cara kerja aplikasi ''web'' yang ditulis dengan PHP dapat dilakukan dengan langkah-langkah sebagai berikut:</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 3.4. Use Case Diagram Sistem Berjalan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan Gambar 3.4 terdapat skenario use case sebagai berikut:</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Nama Use Case : menyerahkan permintaan barang</p></li>
+<p style="line-height: 2">''User'' menulis www.abcd.com/catalog.php ke dalam ''address'' ''bar'' dari ''web'' ''browser'' (IE, Mozila Firefox, Opera, dll).</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Actor : section</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Skenario : section menyerahkan permintaan barang pada admin gudang</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Nama Use Case : mengecek stok barang </p></li>
+<p style="line-height: 2">''Web'' ''browser'' mengirimkan pesan diatas kekomputer ''server'' (www.abcd.com) melalui ''internet'', meminta halaman catalog.php.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Actor : admin gudang</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Skenario : admin gudang mengecek stok barang yang ada pada warehouse gudang</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Nama Use Case : menyerahkan barnang dan dokumen serah terima barang</p></li>
+<p style="line-height: 2">''Web ''server'' (misalnya Apache), program yang berjalan di komputer ''server'', akan menangkap pesan tersebut, lalu meminta ''interpreter'' PHP (program lain yang juga berjalan dikomputer ''server'') untuk mencari file catalog.php dalam ''disk'' ''drive''.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Actor : admin gudang </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Skenario : jika barang ada maka admin gudang memberikan barang dan dokumen serah terima barang pada section</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Nama Use Case : membuat purchase request</p></li>
+<p style="line-height: 2">''Interpreter'' PHP membaca ''file'' catalog.php dari ''disk'' ''drive''.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Actor : admin  gudang</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Skenario : jika barang tidak ada, maka admin gudang membuat ''purchase request'' jika barang yang diminta section tidak ada stok digudang</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Nama Use Case : membuat ''purchase order''</p></li>
+<p style="line-height: 2">''Interpreter'' PHP akan menjalankan perintah-perintah atau kode PHP yang ada dalam ''file'' catalog.PHP. Jika kode dalam file catalog.php melibatkan akses terhadap ''database'' (misalnya MySQL) maka ''interpreter'' PHP juga akan berhubungan dengan MySQL untuk melaksanakan perintah-perintah yang berkaitan dengan ''database''.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Actor : ''purchasing''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Skenario : ''purchasing'' memesan barang kepada ''supplier''</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Nama Use Case : mengirim barang dan surat jalan</p></li>
+<p style="line-height: 2">''Interpreter'' PHP mengirimkan halaman yang di peroleh dari ''interpreter'' PHP ke komputer ''user'' sebagai respon atas permintaan yang diberikan.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Actor : ''supplier''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Skenario : ''supplier'' menyerahkan barang dan surat jalan kepada operator gudang </p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Nama Use Case : mengecek barang sesuai dengan ''purchase order''</p></li>
+<p style="line-height: 2">Melalui ''internet'', ''Apache'' mengirimkan halaman yang diperoleh dari ''interpreter'' PHP ke komputer ''user'' sebagai respon atas permintaan yang diberikan.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Actor : operator gudang</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Skenario : setelah barang datang sebelum diberikan ke admin gudang, operator gudang akan mengecek terlebih dulu barang yang dikirim sesuai dengan ''purchase order''</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Nama Use Case : menginput data</p></li>
+<p style="line-height: 2">Web browser dalam komputer user akan menampilkan halaman yang dikirim oleh Apache.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Actor : admin gudang</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Skenario : setelah barang diterima lalu admin menginput data ke ''Ms. Excel''</p></div>
 </ol>
+<br>
-====Activity Diagram Sistem Berjalan====
+===Konsep Dasar HTML (''Hypertext'' ''Markup'' ''Language'')===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan ''activity diagram'' barang ''non inventory'' (komodity) yang ditunjukkan pada gambar 3.5:</p></div>
+====Definisi HTML====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi HTML menurut Sugiri dalam M. Iqbal Dzulhaq, dkk dalam Jurnal Sisfotek Global (2017:2)<ref name="Dzulhaq2017">Dzulhaq, M. Iqbal, Rahmat Tullah dan Putra Satia Nugraha. 2017. Sistem Informasi Akademik Sekolah Berbasis Kurikulum 2013. Jurnal Sisfotek Global. ISSN : 2088 –1762 Vol.7 No.1-Maret 2017.
+http://journal.stmikglobal.ac.id/index.php/sisfotek/article/view/125/122. Diakses pada tanggal 12 Oktober 2017.</ref>adalah “Sebuah protokol yang digunakan untuk membuat format suatu dokumen ''web'' yang mampu dibaca dalam ''browser'' dari berbagai ''platform'' ''computer''”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Kalpesh Adhatrao, dkk dalam ''International'' ''Journal'' ''of'' ''Data'' ''Mining'' ''and'' ''Knowledge'' ''Management'' ''Process'' (2013:43)<ref name="Adhatrao20132016">Adhatrao, Kalpesh, Aditya Gaykar, Amiraj Dhawan, Rohit Jha dan Vipul Honrao. 2013. Predicting Students Performance Using ID3 and C4.5 Classification Algorithms. International Journal of Data Mining & Knowledge Management Process (IJDKP). Vol.3 No.5-September 2013. India: Fr. C.R.I.T., Navi Mumbai, Maharashtra. https://www.researchgate.net/publication/257459741_Predicting_Students'_Performance_Using_ID3_And_C45_Classification_Algorithms. Diakses pada tanggal 11 Oktober 2017.</ref>Menyatakan bahwa “HTML (''Hypertext'' ''Markup'' ''Language'') ''is'' ''a'' ''mark'' ''up'' ''language'' ''for'' ''creating'' ''web'' ''pages'' ''or'' ''other'' ''information'' ''to'' ''display'' ''in'' ''a'' ''web'' ''browser''. ''HTML'' ''allows'' ''images'' ''and'' ''objects'' ''to'' ''be'' ''included'' ''and'' ''that'' ''can'' ''be'' ''used'' ''to'' ''create'' ''interactive'' ''forms''. ''From'' ''this'', ''structured'' ''documents'' ''are'' ''created'' ''by'' ''using'' ''structural'' ''semantics'' ''for'' ''text'' ''such'' ''as'' ''headings'', ''link'', ''lists'', ''paragraphs'', ''quotes'' ''etc''”. Artinya "HTML (''Hypertext'' ''Markup'' ''Language'') adalah bahasa ''mark'' ''up'' untuk membuat halaman ''web'' atau informasi lainnya untuk ditampilkan di ''browser'' ''web''. HTML memungkinkan gambar dan ''objek'' disertakan dan bisa digunakan untuk membuat ''formulir'' ''interaktif''. Dari sini, dokumen terstruktur dibuat dengan menggunakan semantik struktural untuk ''teks'' seperti judul, ''link'', daftar, paragraf, kutipan dll”.</p></div>
+<br>
+===Konsep Dasar CSS (''Cascading'' ''Style'' ''Sheet'')===
+====Pengertian CSS (''Cascading'' ''Style'' ''Sheet'')====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi CSS menurut Johani S Pasaribu dalam Jurnal Ilmiah Teknologi Informasi Terapan (2017:158)<ref name="Pasaribu2017">Pasaribu, Johani S. 2017. Penerapan Framework Yii pada Pembangunan Sistem PPDB SMP BPPI Baleendah Kabupaten Bandung. Jurnal Ilmiah Teknologi Informasi Terapan. ISSN : 2407-3911 Vol.3 No.2-15 April 2017.
+http://jitter.widyatama.ac.id/index.php/jitter/article/view/220/153. Diakses pada tanggal 12 Oktober 2017.</ref>adalah “Singkatan dari ''casading'' ''style'' ''sheet'' yang merupakan kumpulan perintah yang dibentuk dari berbagai sumber yang disusun menurut urutan tertentu sehingga mampu mengatasi konflik ''style''. CSS atau yang disebut ''casading'' ''style'' ''sheet'' yaitu salah satu bahasa pemrograman ''web'' yang mengatur komponen dalam suatu ''web'' supaya lebih terstruktur dan lebih seragam”.</p></div>
+<br>
-<div align="center"><img width="800" height="450" style="margin:0px" src="https://s26.postimg.org/czdqr5ah5/activity_diagram1_bab3.jpg"/></div>
+===Konsep Dasar ''Framework'' ''Laravel''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 3.5 Activity Diagram Sistem Berjalan</p></div>
+====Definisi ''Framework''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan gambar 3.5 sequence diagram barang non inventory (komodity) yang berjalan saat ini terdapat:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi framework menurut Shan dan Hua yang dikutip oleh Ahmad Leo Yudanto, dkk dalam Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer (2017:629)<ref name="Yudanto2017">Yudanto, Ahmad Leo, Herman Tolle dan Adam Hendra Brata. 2017. Rancang Bangun Aplikasi Sistem Informasi Manajemen Laboratorium Biomedik. Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer. Universitas Brawijaya. Vol.1 No.8. http://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/182/90. Diakses pada tanggal 20 September 2017.</ref> adalah “Sebuah arsitektur yang terbuka yang dibuat berdasarkan pada standar pengembangan perangkat lunak yang diterima secara umum”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Section menyerahkan permintaan barang pada admin gudang, kemudian admin gudang mengecek stok barang, jika barang ada maka barang diserahkan pada section serta dokumen serah terah terima barang, jika barang tidak ada maka admin gudang akan membuat ''purchase request'' untuk ''purchasing'', lalu ''purchasing'' membuat ''purchase order'' untuk dikirim ke ''supplier'', ''supplier'' menyerahkan barang dan surat jalan pada operator gudang, operator gudang mengecek barang lalu diserahkan ke admin gudang untuk barang ''non inventory'' (komodity), setelah selesai admin gudang menginput data pada ''Ms. Excel''.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Sedangkan menurut Betha Sidik yang dikutip oleh Mara Destiningrum dan Qadhli Jafar Adrian dalam Jurnal Teknoinfo (2017:8)<ref name="Destiningrum2017">Destiningrum, Mara dan Qadhli jafar Adrian. 2017. Sistem Informasi Penjadwalan Dokter Berbassis Web dengan Menggunakan Framework Codeigniter (Studi Kasus : Rumah Sakit Yukum Medical Centre). Jurnal Teknoinfo . ISSN : 1693-0010 Vol.11 No.2.</ref>mendefinisikan bahwa “''Framework'' adalah kumpulan intruksi-intruksi yang dikumpulkan dalam ''class'' dan ''function-function'' dengan fungsi masing-masing untuk memudahkan ''developer'' dalam memanggilnya tanpa harus menuliskan ''syntax'' program yang sama berulang-ulang serta dapat menghemat waktu”.</p></div>
+<br>
+====Definisi Laravel====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi laravel menurut Ahmad Leo Yudanto, dkk dalam Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer (2017:630)<ref name="Yudanto2017">Yudanto, Ahmad Leo, Herman Tolle dan Adam Hendra Brata. 2017. Rancang Bangun Aplikasi Sistem Informasi Manajemen Laboratorium Biomedik. Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer. Universitas Brawijaya. Vol.1 No.8. http://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/182/90. Diakses pada tanggal 20 September 2017.</ref>adalah “Sebuah ''framework'' ''web'' berbasis PHP yang ''open'' ''source'' dan tidak berbayar, diciptakan oleh Taylor Otwell dan diperuntukkan untuk pengembangan aplikasi ''web'' yang menggunakan pola MVC”.
+</p></div>
+<br>
+====Definisi Composer====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi PHP menurut Raharjo (2016:38)<ref name="Murya2016">Murya, Yosef. 2016. Framework PHP YII 2 : Develop Aplikasi Web dengan Cepat dan Mudah. Jakarta : Jasakom.</ref>adalah “''Dependency'' ''manager'' ''for'' PHP, digunakan untuk memudahkan dalam ''installasi'' aplikasi ''web'' berbasis PHP”.</p></div>
+<br>
-====''Sequence Diagram'' Barang ''Non Inventory'' (Komodity)====
+===Konsep Dasar MariaDB===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan sequence diagram barang non inventory (komodity) yang ditunjukkan pada gambar 3.6:</p></div>
+====Definisi MariaDB====
-<div align="center"><img width="800" height="400" style="margin:0px" src="https://s26.postimg.org/4l2pgsytl/sequence_diagram_bab3.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi MariaDB menurut Mahendra Data, dkk dalam Jurnal Teknologi Informasi dan Ilmu Komputer (2017:71)<ref name="Mahendra2017">Data, Mahendra, Gilang Ramadhan dan Kasyful Amron. 2017. Analisis Availabilitas dan Reliabilitas Multi-master Database Server dengan State Snapshot Transfers (SST) Jenis Rsync pada MariaDB Galera Cluster. Jurnal Teknologi Informasi dan Ilmu Komputer. Vol. 4 No.1.</ref>adalah “DBMS yang bersifat open source dan dikembangkan oleh pengembang yang sama dari MySQL”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 3.6 ''Sequence Diagram'' Barang ''Non Inventory'' (Komodity)</p></div>
+<br>
-<ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan gambar 3.6 activity diagram barang non inventory (komodity) yang berjalan saat ini terdapat:</p></div>
+===Konsep Dasar Notepad++===
-</ol>
+====Definisi Notepad++====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Section menyerahkan permintaan barang pada admin gudang, kemudian admin gudang mengecek stok barang, jika barang ada maka barang diserahkan pada section serta dokumen serah terah terima barang, jika barang tidak ada maka admin gudang akan membuat ''purchase request'' untuk ''purchasing'', lalu ''purchasing'' membuat ''purchase order'' untuk dikirim ke ''supplier'', ''supplier'' menyerahkan barang dan surat jalan pada operator gudang, operator gudang mengecek barang lalu diserahkan ke admin gudang untuk barang ''non inventory'' (komodity), setelah selesai admin gudang menginput data pada ''Ms. Excel''.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi notepad++ menurut Vidiandry Putratama Supono (2016:13)<ref name="Supono2016">Supono, Vidiandry Putratama. 2016. Pemrograman Web dengan Menggunakan PHP dan Framework Codeigniter. Yogyakarta : Deepublish.</ref>adalah “Aplikasi ''teks'' ''editor'' yang gratis serta ''powerful'' yang dapat digunakan oleh seorang pengembang aplikasi (''programmer'') untuk menuliskan sebuah kode-kode program”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Madcoms (2016:15)<ref name="Madcoms2016">Madcoms. 2016. Pemrograman PHP dan MySQL untuk Pemula. Yogyakarta : Andi.</ref>mendefinisikan bahwa “Notepad++ adalah sebuah ''text'' ''editor'' yang sangat berguna bagi setiap orang dan khususnya bagi para ''developer'' dalam membuat program”.</p></div>
+<br>
-===Analisa Sistem Yang Berjalan===
+===Konsep Dasar Xampp===
-===Metode Analisa CSF (Critical Sucess Factor)===
+====Definisi Xampp====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam proses ini akan dielaborasikan antara visi dan misi menjadi tujuan dari PT Surya Toto Indonesia. Tbk yang kemudian diaplikasikan menggunakan CSF analisis untuk menemukan kebutuhan organisasi. Langkah-langkah elaborasi dapat dijelaskan pada gambar di bawah ini:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi Xampp menurut Bunafit Nugroho yang dikutip oleh Moch Agita Fauzi dan Titis Aji Wicaksono dalam Jurnal Surya Infromatika (2015:26)<ref name="Fauzi2015">Fauzi, Moch Agita dan Titis Aji Wicaksono. 2015. System Inventory Control Pada Laboratorium Komputer SMK Muhammadiyah Kajen Berbasis Web dengan Framework Codeigniter. Jurnal Surya Informatika. ISSN : 2477-3042. Vol.1 No.1 http://ejournal.politeknikmuhpkl.ac.id/index.php/3/article/view/6/39. Diakses pada tanggal 12 Oktober 2017</ref>adalah “Paket ''web'' ''programming'', akan tetapi kita bisa memanfaatkan database MySQL ''server'', untuk belajar ''Programming'' ''Visual'', juga disana telah tersedia ''tools'' phpMyAdmin yang hanya berjalan disisi ''server'' ''web'' seperti ''Apache'' ''Server''”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Sementara menurut M. Rosyid Saputra dan Slamet Riyadi (2016:2)<ref name="Saptra2016">Saputra, M. Rosyid dan Slamet Riyadi. 2016. Sistem Informasi Populasi dan Historikal Unit Alat-Alat Berat pada PT. Daya Kobelco Construction Machinery Indonesia. Jurnal Penelitian Dosen FIKOM (UNDA). Vol.6 No.2. http://jurnal.unda.ac.id/index.php/Jpdf/article/view/69/63. Diakses pada tanggal 27 Oktober 2017.</ref>mendefinisikan bahwa “Xampp adalah salah satu paket ''software'' ''web'' ''server'' yang terdiri atas Apache, MySQL, PHP dan phpMyAdmin. Mengapa menggunakan Xampp karena Xampp sangat mudah penggunannya, terutama jika anda seorang pemula. Proses instalasi Xampp sangat mudah, karena tidak perlu melakukan konfigurasi Apache, PHP dan MySQL secara manual, Xampp melakukan ''instalasi'' dan kofigurasi secara otomatis”.</p></div>
+<br>
-<div align="center"><img width="600" height="250" style="margin:0px" src="https://s26.postimg.org/bpyav2a89/analisa1_bab3.jpg"/></div>
+===Konsep Dasar Apache===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 3.7 Metode Analisis CSF</p></div>
+====Definisi Apache====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi Apache menurut Yosef Murya (2016:14))<ref name="Murya2016">Murya, Yosef. 2016. Framework PHP YII 2 : Develop Aplikasi Web dengan Cepat dan Mudah. Jakarta : Jasakom.</ref>adalah “Aplikasi ''web'' ''server'', tugas utama ''Apache'' adalah menampilkan halaman ''web'' yang benar kepada ''user'' berdasarkan kode HTML, PHP atau yang lainnya”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Supramana dan I Gusti Lanang Putra Eka Prismana dalam Jurnal Manajemen Informatika (2016:119)<ref name="Supramana2016">
+Supramana dan I Gusti Lanang Putra Eka Prismana. 2016.  Implementasi Load Balancing Pada Web Server Dengan Menggunakan Apache. Jurnal Manajemen Informatika. Universitas Negeri Surabaya Vol.5 No.2. http://jurnalmahasiswa.unesa.ac.id/index.php/jurnal-manajemen-informatika/article/view/16413/20402. Diakses pada tanggal 2 Oktober 2017.</ref>mendefinisikan bahwa “Apache merupakan program untuk menjalankan, melayani, dan memfungsikan situs ''web'' dalam sebuah komputer”. Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat dikonfigurasi, autentikasi berbasis data dan lain-lain. Selain itu Apache juga bisa digunakan sebagai ''load'' ''balancer'' dengan menambahkan beberapa modul-modul konfigurasi tertentu. Pada penelitian ini Apache akan digunakan sebagai ''load'' ''balancer'' adalah Apache versi 2.4 karena Apache pada versi 2.4 sudah mendukung modul untuk load balancing serta ''space'' ''memory'' yang digunakan lebih sedikit dari pada versi sebelumnya.
+</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan hasil wawancara dengan stakeholder serta hasil observasi langsung pada PT Surya Toto Indonesia. Tbk, adapun visi dan misi pada PT Surya Toto Indonesia. Tbk yaitu:</p></div>
+===Konsep Dasar Elisitasi===
+====Definisi Elisitasi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Visi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi elisitasi menurut Srinivasan K S I, dkk dalam International Journal of Reseach in Computer and Communication Tecnology (2014:383)<ref name="Swarnalatha2016">Swarnalatha K S I , Srinivasan G N, Pooja Bhandary P V,  Kishore dan Rakesh R. 2014. Requrement Elicatitation in Web Application. Challenges. International Journal of Reseach in Computer and Communication Tecnology. India : CSE Department. Vol.3  Issue.3.</ref>menyatakan bahwa “''Requirement'' ''elicitation'' ''is'' ''a'' ''vital'' ''activiti'' ''in'' ''the'' ''process'' ''of'' ''requirement'' ''development'' ''and'' ''it'' ''descovers'' ''the'' ''requirement'' ''of'' ''end'' ''user''”. Artinya kebutuhan elisitasi merupakan aktivitas ''vital'' dalam sebuah proses pengembangan kebutuhan dan memenuhi kebutuhan pengguna akhir.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menjadi perusahaan yang terkemuka yang dapat Memberikan Konstribusi terhadap –perkembangan masyarakat.</p></div>
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Siahaan yang dikutip oleh Muhammad Iqbal Hanafri dkk dalam Jurnal Sisfotek Global (2017:7)<ref name="Hanafri2017">Hanafri, Muhammad Iqbal, Siti Maisaroh Mustafa dan Arip Hidayat. 2017. Proses Perakitan Trafo Dengan Menggunakan Animasi Multimedia. Jurnal Sisfotek Global. ISSN : 2088–1762. Vol.7 No.1.
+http://journal.stmikglobal.ac.id/index.php/sisfotek/article/view/117/114. 11 oktober 2017. Diakses pada tanggal 26 september 2017.</ref>mengemukakan bahwa “Elisitasi adalah sekumpulan aktivitas yang ditunjukkan untuk menemukan kebutuhan suatu sistem melalui komunikasi dengan pelanggan, pengguna sistem, dan pihak lain yang memiliki kepentingan dalam pengembangan sistem”.
+</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pembagian Tugas</p></div>
+====Tahapan-tahapan Elisitasi====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Dede Bachtiar dan Atikah dalam Jurnal Sisfotek Global (2015:74)<ref name="Bachtiar2015">Bachtiar, Dede dan Atikah. 2015. Sistem Informasi Dashboard Kependudukan di Kelurahan Manis Jaya Kota Tangerang. Jurnal Sisfotek Global. Vol.5 NO.1. ISSN : 2018-1762. http://stmikglobal.ac.id/journal/index.php/sisfotek/article/view/69/71. Diakses pada tanggal 5 Oktober 2017.</ref>elisitasi berisi usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi. Elisitasi dilakukan melalui tiga tahap yaitu sebagai berikut : .</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mempersembahkan produk yang bermanfaat dan berkualitas tinggi.</p></li>
+<p style="line-height: 2">Elisitasi Tahap I</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Memberikan pelayanan prima untuk memenuhi kepuasan pelanggan.</p></li>
+<p style="line-height: 2">Elisitasi Tahap II</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi.</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">“M” pada MDI itu artinya ''mondatory'' (penting). Maksudnya ''requirement'' tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">“D” pada MDI itu artinya ''desirable''. Maksudnya ''requirement'' tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika ''requirement'' tersebut digunakan dalam pembuatan sistem, akan membuat sistem tersebut lebih sempurna.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">“I” pada MDI itu artinya ''inessential''. Maksudnya bahwa ''requirement'' tersebut bukanlah bagian dari luar sistem</li>
+</ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mencintai pekerjaan dengan sepenuh hati.</p></li>
+<p style="line-height: 2">Elisitasi Tahap III</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua ''requirement'' yang optionnya I pada metode MDI. Selanjutnya semua ''requirement'' yang tersisa diklasifikasikan kembali melalui metode TOE, yaitu sebagai berikut:</p></div>
-<p style="line-height: 2">Menghargai individu dan membina Kerjasama.</p></li>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">T artinya ''Technical'', maksudnya bagaimana tata cara/teknik pembuatan ''requirment'' tersebut dalam sistem yang diusulkan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">O artinya ''Operational'', maksudnya bagaimana tata cara penggunaan ''requirement'' tersebut dalam sistem yang akan dikembangkan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">E artinya ''Economy'', maksudnya berapakah biaya yang diperlukan guna membangun ''requirement'' tersebut dalam sistem. </li>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''High'' H : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal, sehingga ''requirement'' tersebut harus diimplementasi.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Middle'' (M) : Mampu untuk dikerjakan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Low'' (L) : Mudah untuk dikerjakan</li>
+</ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Melindungi lingkungan dunia dengan penghematan penggumnaan sumber daya alam dan Energi.</p></li>
+<p style="line-height: 2">''Final'' ''Draft'' ''Elisitasi''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tujuan Utama pada CSF PT Surya Toto Indonesia. Tbk</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tabel 3.1 Analisa CSF</p></div>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/xzgtfcv2h/tabel_analisa_csf.jpg"/></div>
 </ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan tabel diatas, dapat diketahui bahwasannya untuk mencapai tujuan-tujuan organisasi pada PT Surya Toto Indonesia Tbk. Tangerang Selatan  dipengaruhi oleh business need yang tertuang dalam tabel tersebut. Untuk mengetahui kebutuhan Sistem informasi (SI) yang mendukung busines need organisasi maka perlu dilakukan elaborasi terhadap CSF organisasi dengan menentukan Key Decision yang berhubungan dengan CSF tersebut dan dari Key Decision akan diidentidikasikan kebutuhan Sistem Informasi (SI) dari organisasi. Hasil elaborasi CSF dapat dilihat pada tabel 3.2 dibawah ini:</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tabel 3.2 Identifikasi kebutuhan Sistem Informasi (SI)</p></div>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/8zy5pcsax/tabel2_analisa_csf.jpg"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari analisis CSF diatas dapat disimpulkan bahwa dengan melihat visi dan misi perudahaan yang mengedepankan pelayanan kepda pelanggan maka perlu adanya kelancaran penerimaan informasi dengan terwujudnya aplikasi reporting bagi pihak terkait dalam monitoring barang non inventory (komodity) demin terciptanya kesuksesan proses bisnis. </p></div>
-===Analisis Masukan, Analisis Proses, Analisis Keluaran===
+===Konsep Dasar ''Unified Modeling Language'' (UML)===
+====Definisi ''Unified Modeling Language'' (UML)====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini terdapat berbagai pengertian UML (Unified Modelling Language) menurut Ary Budi Warsito, dkk dalam Jurnal CCIT (2015:29)<ref name="Warsito2015">Warsito, Ary Budi, Muhamad Yusup dan Moh. Iqbal Awi Makaram. 2015. Perancangan SiS+ Menggunakan Metode YII Framework Pada Perguruan Tinggi Raharja. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN : 1978-8282 Vol.8 No.2-Januari 2015.</ref>adalah “Himpunan struktur dan teknik untuk pemodelan ''desain'' program berorientasi objek (OOP) serta aplikasinya”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Onu, Fergus U. dan Umeakuka, Chinelo V. dalam ''International Journal of Computer Applications Technology and Research'' (2016:506)<ref name="Jayant2014">Jayant, K.P,  Renu Garg, Vinod Kumar dan Ajaya Rana. 2014. An Approach of Software Design Testing Based on UML Diagrams. Ghazjabad, India : International Journal of Advanced Research in Computer Science and Software Engeneering. Pp. 148-153 ISSN : 2277-128X Vol.4 Isue.2. http://docplayer.net/51773145-Jayant-et-al-international-journal-of-advanced-research-in-computer-science-and-software-engineering-4-2-february-2014-pp.html. Diakses pada tanggal 26 september 2017.</ref>menyatakan bahwa “''The'' ''UML'' ''is'' ''a'' ''visual'' ''modeling'' ''language'' ''and'' ''used'' ''for'' ''visualize'', ''specify'', ''construct'' ''and'' ''document'' ''the'' ''artifacts'' ''of'' ''a'' ''software'' ''system''”. Artinya UML adalah model bahasa visual dan digunakan untuk visualisasikan, penelitian, pembangunan, dokumen atau data dari sistem perangkat lunak.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Bayu Waspodo, dkk dalam Jurnal Sistem Informasi (2015:2) <ref name="Waspodo2015">Waspodo, Bayu, Ahmad Nurul Fajar dan Noor Hadi Prayitno. 2015. Sistem Informasi Pelayanan Izin Mendirikan Bangunan Dan Peruntukan Penggunaan Tanah Pada Badan Penanaman Modal Dan Pelayanan Perizinan Kabupaten Sumedang. Jurnal Sistem Informasi. Jakarta : Universitas Islam Negeri Syarif Hidayatullah. Vol.8 No.2. http://si.fst.uinjkt.ac.id/prodi/wp-content/uploads/2016/01/Jurnal-Oktober-2015.pdf. Diakses pada tanggal 12 Oktober 2017.</ref>mendefinisikan bahwa “UML (''Unified'' ''Modelling'' ''Language'') adalah salah satu alat bantu yang sangat handal dalam dunia pengembangan sistem yang berorientasi obyek”. Hal ini disebabkan karena UML menyediakan bahasa pemodelan visual yang memungkinkan bagi pengembang sistem untuk membuat cetak biru atas visi mereka dalam bentuk yang baku, mudah di mengerti, serta di lengkapi dengan mekanisme yang efektif untuk berbagi (''sharing'') dan mengkomunikasikan rancangan mereka dengan yang lain.</p></div>
+<br>
+====Jenis-Jenis Diagram ''Unified Modelling Language'' (UML)====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Jenisjenis Diagram UML adalah:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Analisa Masukan<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-Analisis masukan adalah analisis yang dilakukan untuk semua data atau informasi yang berfungsi sebagai data input sehingga menghasilkan proses dan kemudian akan menghasilkan proses itu sendiri.
+<p style="line-height: 2">''Use ''Case'' Diagram''</p></li>
- <ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sri Mulyani (2016:42)<ref name="Mulyani2016">Mulyani, Sri. 2016. Analsis dan Perancangan Sistem Informasi Manajemen Keuangan Daerah. Edisi Kedua. Bandung : Abdi Sistematika.</ref>“''Use'' ''Case'' ''diagram'' adalah diagram yang digunakan untuk menggambarkan hubungan antara sistem dengan aktor”.</p></div>
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Nama Masukan : Surat jalan dan Barang<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
- Fungsi : Untuk mengecek data pesanan barang sesuai dengan PO (Purchase Order)<br>
+<p style="line-height: 2">''Activity Diagram''</p></li>
- Sumber : ''Supplier''<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Dina Fitria Murad, dkk dalam Jurnal CCIT (2013:53))<ref name="Murad2013">Murad, Dina Fitria, Nia Kusniawati dan Agus Asyanto. 2013. Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada Himpaudi Kota Tangerang. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN : 1978-8282 Vol.7 No.1-September 2013.</ref>“''Activity'' ''diagram'' merupakan diagram yang bersifat dinamis. ''Activity'' ''diagram'' adalah tipe khusus dari diagram ''state'' yang memperlihatkan aliran dari suatu aktifitas keaktifitas lainnya dalam suatu sistem dan berfungsi untuk menganalisa proses”.</p></div>
- Media : Kertas<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
- Frekuensi : Setiap ada pemesanan barang<br>
+<p style="line-height: 2">''Sequence Diagram''</p></li>
-        Foemat                  : Format dapat dilihat pada lampiran
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Indra Griha Tofik Isa dalam Jurnal Ilmiah Ilmu Ekonomi (2017:141)<ref name="Griha2017">Griha, Tofik Isa Indra dan George Pri Hartawan. 2017. Perancangan Aplikasi Koperasi Simpan Pinjam Berbasis Web (Studi Kasus Koperasi Mitra Setia). Jurnal Ilmiah Ilmu Ekonomi. Sukabumi: Universitas Muhammadiyah. ISSN : 2088-6969. Vol.5 Edisi 10 Maret 2017.
- Keterangan : Berisi No, Quantity, Item, Unit, Description<br>
+http://eprints.ummi.ac.id/60/3/Perancangan%20Aplikasi%20Koperasi%20Simpan%20Pinjam%20Berbasis%20Web%20%28Studi%20Kasus%20Koperasi%20Mitra%20Setia%29.pdf. Diakses pada tanggal 12 Oktober 2017.</ref>''Sequence'' ''diagram'' menggambarkan interaksi antara sejumlah objek dalam urutan waktu. Kegunananya untuk menunjukan rangkaian pesan yang dikirim antara objek dengan interaksi antar objek yang terjadi pada titik tertentu dalam eksekusi sistem.</p></div>
- </ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Analisa Proses<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-Analisis proses adalah analisis yang dilakukan pada proses sebagai umpan balik karena adanya data input di dalam proses inilah semua data atau informasi yang masuk akan diolah dengan menggunakan pengolahan sistem yang ada.
+<p style="line-height: 2">''Class Diagram''</p></li>
- <ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sri Rahayu, dkk dalam jurnal CCIT (2015:96)<ref name="Rahayu015">Rahayu, Sri, Muhamad Yusup dan Sinta Puspita Dewi. 2015. Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web dengan menggunakan Framework YII. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN: 1978-8282. Vol.9 No.1- September 2015.</ref>“''Class'' ''diagram'' merupakan diagram yang selalu ada di permodelan sistem berorientasi objek”. Class diagram adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek. ''Class'' ''diagram'' menunjukkan hubungan antar ''class'' dalam sistem yang sedang dibangun dan bagaimana mereka saling berkolaborasi untuk mencapai suatu tujuan.</p></div>
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Nama Proses : ''Good Receipt Slip''<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Akram Abdel Qader dan Khaled Musa dalam International Journal of Software Engineering & Applications (IJSEA) (2013:22)<ref name="Qader013">Qader, Akram Abdel dan Khaled Musa. 2013. Distributed Graphical User Interfaces to Class Diagram Reverse Engineering Approach using Pattern Recognition. Jordan : Al-Zaytoonah University of Jordan. International Journal of Software Engineering & Applications (IJSEA). Vol.4 No.3-May 2013.
- Masukan : Surat Jalan<br>
+https://www.researchgate.net/profile/Akram_Abdelqader/publication/259623098_Distributed_Graphical_User_Interfaces_to_Class_Diagram_Reverse_Engineering_Approach_using_Pattern_Recognition_Akram_Abdel_Qader_Khaled_Musa_Faculty_of_Science_and_Information_Technology_Al-Zaytoonah_U/links/56e915cf08aec65cb45f6a62/Distributed-Graphical-User-Interfaces-to-Class-Diagram-Reverse-Engineering-Approach-using-Pattern-Recognition-Akram-Abdel-Qader-Khaled-Musa-Faculty-of-Science-and-Information-Technology-Al-Zaytoonah.pdf.  Diakses pada tanggal 12 Oktober 2017.
- Keluaran : Tanda Terima Barang<br>
+</ref>menyatakan bahwa “''The'' ''class'' ''diagram'' ''used'' ''in'' ''the'' ''object'' ''oriented'' ''software'' ''design'' ''is'' ''a'' ''static'' ''structure'' ''diagram'' ''and'' ''is'' ''a'' ''type'' ''of'' ''the'' ''Unified''  ''Modeling'' ''Language'' (UML). ''The''  ''class'' ''diagram'' ''notations'' ''describe'' ''the'' ''structure'' ''of'' ''a'' ''system'' ''by'' ''showing'' ''the'' ''system's'' ''classes'', ''and'' ''their'' ''attributes'', ''operations'' ''or'' ''methods'', ''and'' ''the'' ''relationships'' ''among'' ''the'' ''classes''”. Yang artinya adalah diagram kelas digunakan dalam perancangan perangkat lunak, sedangkan diagram penyusun statis merupakan jenis dari ''Unified'' ''Modeling'' ''Language'' (UML). Catatan diagram kelas menggambarkan  bentuk sebuah sistem dengan menunjukan sistem kelasnya dan peralatannya, cara kerjanya atau metodenya dan hubungan di antara kelas-kelas tersebut.</p></div>
-        Media                  : Kertas<br>
-        Format                  : Format dapat dilihat pada lampiran<br>
- Ringkasan proses : Ketika supplier datang menunjukkan surat jalan, lalu menginput data sesuai dengan PO (Purchase Order), sehingga keluar bukti tanda terima barang  <br>
- </ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Analisa Keluaran<br>
-Analisis keluaran adalah analisis yang dilakukan dari hasil keseluruhan proses yang terjadi dari mulai penginputan data sampai terjadi proses pengolahan data melalui sistem yang ada.
- <ol>
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Nama Keluaran : ''Warehouse Delivery Slip'' <br>
- Fungsi : Untuk serah tanda terima barang ke section<br>
- Media : Kertas.<br>
- Rangkap : 2<br>
- Distribusi : Lembar 1 ''warehouse fitting'' (untuk menginput data dan file), Lembar 2 section (untuk bukti tanda terima barang)<br>
-        </ol>
 </ol>
+<br>
-===Konfigurasi Sistem Yang Berjalan===
+===Konsep Dasar ''Testing''===
-===Spesifikasi Hardware===
+====Definisi ''Testing''====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi ''testing'' menurut Muhammad Johan Wahyudi dan Abdul Fadlil dalam Jurnal Sarjana Teknik Informatika (2013:18)<ref name="Wahyudi2013">Wahyudi, Muhammad Johan dan Abdul Fadlil. 2013. Sistem Pakar untuk Mengidentifikasi Penyakit Udang Galah dengan Metode Theoremabayes. Jurnal Sarjana Teknik Informatika. eISSN: 2338-5197. Vol.1 No.1.
+http://download.portalgaruda.org/article.php?article=123625&val=5555. Diakses pada tanggal 20 September 2017.
+</ref>adalah “Pengujian adalah bagian dari pengukuran yang dilanjutkan dengan penilaian”.</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Processor : Intel (R) Core (TM) 13-4150 CPU @ 3.50GHz</p></div>
+====Definisi ''Black'' ''Box'' ''Testing''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Monitor : Dell 17 Inci</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi ''black'' ''box'' ''testing'' menurut Khan yang dikutip oleh M Sidi Mustaqbal, dkk dalam Jurnal Ilmiah Teknologi Informasi Terapan (2015:33) <ref name="Mustaqbal2015">Mustaqbal, M. Sidi, Roeri Fajri Firdaus dan Hendra Rahmadi. 2015. Pengujian Aplikasi Menggunakan Black Box Testing Boundary Value Analysis  (Studi Kasus : Aplikasi Prediksi Kelulusan SNMPTN). Jurnal Ilmiah Teknologi Informasi Terapan. ISSN : 2407 – 3911. Vol.I No.3-10 Agustus 2015. Diakses pada tanggal 27 Oktober 2017.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c.    Memory : -</p></div>
+</ref>adalah “Pengujian yang berfokus pada spesifikasi fungsional dari perangkat lunak, tester dapat mendefinisikan kumpulan kondisi ''input'' dan melakukan pengetesan pada spesifikasi fungsional program. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">d. Hardisk : 465 GB</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">e.   Mouse  : Lenovo</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">f.   Printer : EPSON LQ 2180</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">f.   Printer : EPSON LQ 2180</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">g.    Keyboard: Lenovo</p></div>
-===Spesifikasi Software===
+===Konsep Dasar Literature Review===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Sistem Operasi Windows 7</p></div>
+====Definisi Literature Review====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Microsoft Office Word 2010</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi literature review menurut Jesa Ariawan dan Sri Wahyuni dalam Jurnal Sisfotek Global (2015:62)<ref name="Ariawan2015">Ariawan, Jesa dan Sri Wahyuni. 2015. Aplikasi Pengajuan Lembur Karyawan Berbasis Web. Jurnal Sisfotek Global. ISSN : 2088 – 1762. Vol.5 No.1-Maret 2015. </ref>adalah “Mempelajari teori-teori dan mencari informasi yang berhubungan dengan permasalahan sesuai dengan judul penelitian ini”.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c.    Microsoft Office Excel 2010</p></div>
-===Hak Akses (Brainware)===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Untuk mengoperasikan menggunakan Ms. Excel dapat dilakukan oleh admin gudang  yang terkait.
 </p></div>
+<br>
-===Permasalahan yang dihadapi dan alternatif pemecahan masalah===
+===Studi Pustaka ''Literature Review''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam upaya menyempurnakan penelitian maka perlu dilakukan studi pustaka (Literature Review), diantaranya yaitu:</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Permasalahan yang Dihadapi<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan hasil analisis yang dilakukan penulis dalam memonitoring barang non inventory (komodity) pada warehouse fitting di PT Surya Toto Indonesia Tbk. tangerang Selatan, dapat disimpulkan permasalahan yang ada sebagai berikut:</p></div>
 <ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.   Pengimputan yang dilakukan untuk barang masuk dan barang keluar dengan menggunakan Ms. Excel menimbulkan data yang dihasilkan kurang up to date  </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian Putri Wulan Septiantari dan Sukadi (2014)<ref name="Septiantari2014">Septiantari, Putri Wulan dan Sukandi. 2014. Sistem Informasi Pendataan Pembayaran Siswa Pada Lembaga Bimbingan Belajar Be Excellent Pacitan Berbasis Web. IJNS – Indonesian Journal on Networking and Security. Vol.3 No.3-Juli 2014. http://download.portalgaruda.org/article.php?article=268756&val=7110&title=Sistem%20Informasi%20Pendataan%20Pembayaran%20Siswa%20Pada%20Lembaga%20Bimbingan%20Belajar%20%20Be%20Excellent%20Pacitan%20Berbasis%20Web. Diakes pada tanggal 12 Oktober 2017.</ref> dalam Jurnal IJNS – ''Indonesian'' ''Journal'' ''on'' ''Networking'' ''and'' ''Security'' Vol.3 No.3 yang berjudul Sistem Informasi Pendataan Pembayaran Siswa Pada Lembaga Bimbingan Belajar ''Be'' ''Excellent'' Pacitan Berbasis ''Web''. Penelitian ini adanya masalah pada pelaporan pembayaran pendaftaran siswa baik siswa baru maupun siswa yang melakukan daftar ulang. Pendataan siswa yang kurang jelas karena antara siswa yang aktif dan yang sudah keluar atau tidak aktif tidak di update rutin, sehingga menimbulkan kerancuan dalam pembayaran les. Kesimpulan Sistem ini bisa dikembangkan dengan menambahkan fitur agar siswa bisa melakukan pembayaran secara online, sehingga orang tua siswa bisa mengetahui informasi tentang pembayaran putra–putrinya dengan lebih mudah. </p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b.   Dalam laporan barang non inventory (komodity) untuk pemasukan dan pengeluaran masih menggunakan berkas surat jalan sehingga memerlukan waktu yang lama dalam mngetahui jumlah barang masuk dan barang keluar.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Hendria Tony Fristanto (2014)<ref name="Fristanto2014">Fristanto, Hendria Tony. 2014. Rancang Bangun Sistem Informasi Pembayaran Sumbangan Pembinaan Pendidikan (SPP) dan Insidental pada Sekolah Menengah Kejuruan Muhammadiyah Tinatar Punung. Jurnal IJNS - Indonesian Journal on Networking and Security. ISSN : 2302-5700. Vol.3 No.1. http://ijns.org/journal/index.php/ijns/article/view/192/187. Diakses pada tanggal 13 Oktober 2017. </ref> dalam Jurnal IJNS- ''Indonesian'' ''Journal'' ''on'' ''Networking'' ''and'' ''Security'' Vol.3 No.1 yang berjudul Rancang Bangun Sistem Informasi Pembayaran Sumbangan Pembinaan Pendidikan (SPP) dan ''Insidental'' pada Sekolah Menengah Kejuruan Muhammadiyah Tinatar Punung. Penelitian ini adanya masalah pada pengelolaan data pembayaran menjadi tidak akurat dan dengan dibuatnya sistem informasi pembayaran SPP dan insidental siswa pada SMK Muhammadiyah Tinatar punung, pengelolaan data pembayaran menjadi lebih mudah dan akurat, karena pengelolaan pembayaran menggunakan sistem yang terkomputerisasi.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c.   Untuk barang keluar karena menginput masih menggunakan Ms. Excel sehingga tidak dapat melihat data pemakai dan tanggal keluar barang yang diambil sehingga masih terjadinya kesalahanan dalam penghitungan stok pada gudang.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Rindi Damayanti dan Indah Uly Wardati (2016)<ref name="Damayanti2016">Damayanti, Rindi dan Indah Uly Wardati. 2016. Perancangan Sistem Informasi Pemesanan Dan Pembayaran Kamar Pada Hotel Remaja Pacitan. Jurnal Evolusi Vol.4 No.2.</ref>dalam Jurnal Evolusi yang berjudul Perancangan Sistem Informasi Pemesanan Dan Pembayaran Kamar Pada Hotel Remaja Pacitan. Dalam penelitian ini, kesimpulannya dengan di rancang sistem pemesanan dan pembayaran kamar pada hotel remaja Pacitan di harapkan dapat membantu permasalahan selama ini yang terjadi pada ''staf'' bagian administrasi hotel remaja Pacitan karena ''staf'' bagian administrasi dapat ''input'' data tamu yang memesan kamar atau ''check'' ''in'' dengan cepat, mengetahui keadaan kamar kosong dengan cepat, serta pembuatan laporan dan penghitungan biaya ''check'' ''out'' dengan cepat.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Andreas Andoyo dan Tri Lestari (2014)<ref name="Andoyo2014">Andoyo, Andreas dan Tri Lestari. 2014. Perancangan Model Pembayaran Pelayanan Pajak Kendaraan Berbasis Web pada Kantor Samsat Pringsewu. STMIK Pringsewu. Jurnal TAM (Technology Acceptance Model). Vol.2-Juli 2014. http://ojs.stmikpringsewu.ac.id/index.php/JurnalTam/article/view/17/17. Diakses pada tanggal 13 Oktober 2017.</ref> STMIK Pringsewu dalam Jurnal TAM (''Technology'' ''Acceptance'' ''Model'') Vol.2 yang berjudul Perancangan Model Pembayaran Pelayanan Pajak Kendaraan Berbasis Web pada Kantor Samsat Pringsewu. Dalam penelitian ini mempunyai beberapa kendala seperti mengakibatkan banyak waktu, tenaga dan biaya yang terbuang karena panjangnya antrian pembayaran pajak kendaraan untuk itu penulis membuat perancangan model pelayanan pembayaran pajak kendaraan berbasis web pada kantor samsat Pringsewu agar masyarakat lebih dimudahkan dalam hal pembayaran pajak yaitu dengan cara online, sehingga masyarakat dapat lebih mengefisien waktu dalam membayar pajak kendaraan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Ilyas Abdullah (2014)<ref name="Abdulah2014">Abdullah, Ilyas. 2014. Analisa dan Perancangan Sistem Informasi Pembayaran Pajak/Retribusi Daerah pada UPT. Dipenda Kecamatan Gaung Kabupaten Indragiri Hilir. Jurnal Sistemasi. Universitas Islam Indragiri (UNISI). ISSN : 2302-8149. Vol.3 No.3-Juli 2014. http://sistemasi.ftik.unisi.ac.id/index.php/stmsi/article/view/145/pdf.  Diakses pada tanggal 13 Oktober 2017.</ref>Universitas Islam Indragiri (UNISI) dalam Jurnal Sistemasi. Vol. 3 No.3  yang berjudul Analisa dan Perancangan Sistem Informasi Pembayaran Pajak/Retribusi Daerah pada UPT. Dipenda Kecamatan Gaung Kabupaten Indragiri Hilir. Kesimpulan  dalam penelitian ini dalam pembuatan laporan-laporan data dari pengolahan data tiket pada UPT. Dipenda Kecamatan Gaung yang berhubungan dengan informasi pembayaran pajak dapat dilakukan dengan baik dan dapat meminimalkan kesalahan-kesalahan. Dan dapat menerapkan sistem komputerisasi pada sistem informasi pembayaran pajak pada UPT. Dipenda Kecamatan Guang Kab. Inhil. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh zamzami (2017)<ref name="Zamzami2017">Zamzami 2017. In-Depth Exploration Of Market Retribution In Jambi Province, Indonesia. International Journal of Economics, Commerce and Management. ISSN 2348 0386. Vol. V, Issue 6, June 2017. Diakses pada tanggal 13 Oktober 2017.</ref> dalam ''International'' ''Journal'' ''of'' ''Economics'', ''Commerce'' ''and'' ''Management'' ''United'' ''Kingdom'' yang berjudul ''In-Depth'' ''Exploration'' ''Of'' ''Market'' ''Retribution'' ''In'' Jambi ''Province'' Indonesia Penelitian ini bertujuan untuk menganalisis terwujudnya penerimaan retribusi pasar di Kota Jambi, metode yang digunakan dalam penelitian ini adalah analisis deskriptif kuantitatif metode, untuk terwujudnya penerimaan retribusi pasar di Kota Jambi periode 2006 sampai 2015 mengalami perkembangan yang sangat berfluktuasi perhitungan potensi retribusi pasar menggunakan teknik ''Exponential'' ''Smoothing'' untuk semua. Data potensial 2016 di Kota Jambi dapat disimpulkan bahwa potensi retribusi pasar sudah dekat ke target.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Martin Paul Moshal, Queens Way Quay (GI) (2017)<ref name="Moshal2017">Moshal Martin Paul, Queens Way Quay (GI). 2017. Bill Payment Systemand Method. international journal of Patent Application Publication moshal United States. US 2017/0032350 A1. Feb. 2, 2017. https://www.google.com/patents/US20170032350. Diakses pada tanggal 13 Oktober 2017.</ref>dalam ''international'' ''journal'' ''of'' ''Patent'' ''Application'' ''Publication'' ''moshal'' ''United'' ''States'' yang berjudul ''Bill'' ''Payment'' ''Systemand'' ''Method'' pada penelitian ini bertujuan untuk mengidentifikasi pedagang. Sebuah sistem dan metode untuk menggunakan kode ''quick'' ''response''
+ (QR) dikodekan dengan tagihan dari pedagang, Pengguna dapat memilih instrumen pembayaran pada pemindai kode untuk membayar tagihan. Pemindai kode bisa mengirimkan ke server aplikasi data yang berkaitan dengan instrumen pembayaran Pemindai kode dapat menerima dari data status server aplikasi yang menunjukkan apakah tagihan berhasil atau tidak berhasil.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Jane M. Zhu, Timothy Layton, Anna D. Sinaiko, and Thomas G. McGuire (2013)<ref name="Zhu2013">Zhu, Jane M., Timothy Layton, Anna D. Sinaiko, and Thomas G. McGuire. 2013. The Power of Reinsurance in Health Insurance Exchanges to Improve the Fit of the Payment System and Reduce Incentives for Adverse Selection. The Journal international of Health Care Organization, Provision, and Financing. Vol. 50(4) 255–274. http://journals.sagepub.com/doi/abs/10.1177/0046958014538913. Diakses pada tanggal 13 Oktober 2017.</ref> dalam ''The'' ''Journal'' ''international'' ''of'' ''Health'' ''Care'' ''Organization'', ''Provision'', ''and'' ''Financing'' ''yang berjudul ''The'' ''Power'' ''of'' ''Reinsurance'' ''in'' ''Health'' ''Insurance'' ''Exchanges'' ''to'' ''Improve'' ''the'' ''Fit'' ''of'' ''the'' ''Payment'' ''System'' ''and'' ''Reduce'' ''Incentives'' ''for'' ''Adverse'' ''Selection''. pada penelitian ini bertujuan untuk melindungi rencana terhadap risiko kerugian dan menghadapi kerugian Seleksi di bursa asuransi kesehatan baru.  Menggunakan data dari Survei Panel Pengeluaran ''Medicare'' (MEPS) untuk menarik "populasi ''Exchange''", mensimulasikan kontribusi reasuransi untuk memperbaiki kesesuaian sistem pembayaran dengan rencana biaya dan untuk mengurangi insentif untuk seleksi yang merugikan bagi kelompok peserta dengan kronis yang dipilih penyakit. fitur pembayaran rencana lainnya fokus pada bagaimana reasuransi yang baik memperbaiki kecocokan pembayaran sistem untuk
+merencanakan biaya dan mengurangi insentif untuk seleksi buruk.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Dario De Judicibus, Sandro Leopardi, Leonardo Modeo, dan Nicola Pergola (2013)<ref name="Judicibus2013">Judicibus Dario De, Sandro Leopardi, Leonardo Modeo, dan Nicola Pergola.2013. Methode and System For Secured Transactions Over A Wireless Netrwork. Journal International United States Patent De Judicibus Et Al. US 8,352,360 B2. Jan. 8, 2013. Diakses pada tanggal 13 Oktober 2017.</ref>dalam ''Journal'' ''International'' ''United'' ''States'' ''Patent'' ''De'' ''Judicibus'' ''Et'' ''Al''. yang berjudul ''Methode'' ''and'' ''System'' ''For'' ''Secured'' ''Transactions'' ''Over'' ''A'' ''Wireless'' ''Netrwork''. Pada penelitian ini bertujuan untuk melakukan ''transaksi'' yang aman, layanan disediakan pada lokasi yang berbeda dan didukung oleh aplikasi server, dan berlaku untuk ''transaksi'' pemesanan dan layanan pembayaran. ''Transaksi'' bisnis seperti transaksi pembayaran terbentuk melalui jaringan nirkabel untuk melakukan pembayaran melalui jaringan nirkabel, dengan penggunaan pembayaran nirkabel terminal menggunakan perpesanan ''Short'' ''Messaging'' ''Service'' (SMS) melalui GSM seperti jaringan nirkabel. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Ulf Mattsson, Yigal Rozenberg dan Wilton (2013)<ref name="mattsson2013">Mattsson Ulf, Yigal Rozenberg dan Wilton. 2013. Tokenization Of Payment Information In Mobile Environments. Journal International United States Patent Application Publication Mattsson et al. US 2013/0212019 A1 Aug. 15, 2013 Diakses pada tanggal 13 Oktober 2017.</ref>dalam ''Journal'' ''International'' ''United'' ''States'' ''Patent'' ''Application'' ''Publication'' ''Mattsson'' ''et'' ''al''. Yang berjudul ''Tokenization'' ''Of'' ''Payment'' ''Information'' ''In'' ''Mobile'' ''Environments''. Penelitian ini bertujuan untuk tokenisasi data di ''mobile'' dan lingkungan pembayaran. pengguna dapat melakukan pembayaran dengan ponsel lalu ''register'' bisa mengirimkan nomor kartu kredit diterima dari handphone ke ''local'' server, server lokal dapat mengirimkan nomor kartu kredit ke bank, sistem pembayaran dapat dilakukan dengan mengirimkan informasi pembayaran token ke pembayaran jaringan yang terkait dengan ''transaksi'' Seorang pengguna bisa mengirimkan informasi pembayaran ke pusat.</p></li>
 </ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Hasil studi pustaka (''literature'' ''review'') ini adalah landasan serta alasan yang kuat untuk mengembangkan sistem informasi Pendataan Pembayaran Retribusi Pelayanan Persampahan/Kebersihan menjadi lebih efektif dan efisien. Oleh karena itu, perbedaan ''literature'' ''review'' yang terdahulu dengan penelitian ini adalah :</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Alternatif pemecahan masalah<br>
-Adapun alternatif pemecahan masalah sebagai berikut:
 <ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Membuat suatu sistem agar penginputan yang dilakukan utnuk barang masuk dan barnang keluar dapat di up date setiap saat.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Pembuatan sistem ini akan berbasis ''web'', bahasa pemrograman yang di gunakan PHP dan HTML serta ''database'' yang digunakan yaitu MariaDB. MariaDB dirilis setelah rilis terbaru dari MySQL yang memiliki jumlah ''bug'' yang lebih sedikit, mempunyai kapasitas ''engine'' yang lebih banyak dan memiliki banyak fitur-fitur yang canggih serta sangat mudah bermigrasi dari MySQL.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b.    Membuat suatu sistem yang dapat mempermudah membuat laporan barang non inventory (komodity) sehingga cepat dalam menghitung jumlah barang masuk dan barang keluar .</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Didalam sistem ini akan terdapat ''design'' tampilan yang menarik dan mudah digunakan dalam pencarian data setoran retribusi dan pembayaran retribusi agar sistem ini dapat dipahami oleh user dengan cepat, yang diharapkan disini adalah data-data yang ada di tiap bagiannya dapat dikumpulkan dalam satu sistem yang terintegrasi satu sama lain, data yang terintegrasi dapat menghasilkan laporan penerimaan retribusi secara otomatis, mudah, akurat dan cepat. </p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c.    Membuat suatu sistem untuk mempermudah dalam mengetahui  data pemakai dan tanggal barang keluar agar mengurangi kesalahan dalam penghitungan stok pada gudang.</p></div>
-</ol>
 </ol>
+<br>
+{{pagebreak}}
+<hr width="100%">
-===User Requirement===
+=<div style=" text-align: center;margin-bottom:10px;">'''BAB III'''</div> <div style="font-size: 14pt; text-align: center">'''ANALISA SISTEM YANG BERJALAN'''</div>=
-===Elisitasi Tahap I===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi tahap I merupakan daftar yang doperoleh melalui observasi langsung dan wawancara kepada stakeholder mengenai sistem yang diusulkan. Berikut ini merupakan tabel 3.2 data elisitasi tahap I yang berisi 58 (lima puluh delapan) kebutuhan functional dan 3 (tiga) kebutuhan non functional.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+==Gambaran Umum Instansi Pemerintahan==
-<p style="line-height: 2">Tabel 3.3 Elisitasi Tahap I</p></div>
+===Sejarah Singkat Dinas Lingkungan Hidup Kota Tangerang===
-<div align="center"><img width="460" height="600" style="margin:0px" src="https://s26.postimg.org/c9612j67d/elisitasi.png"/></div>
-<div align="center"><img width="450" height="600" style="margin:0px" src="https://s26.postimg.org/kv9an4i7d/elisitasi1.png"/></div>
-<div align="center"><img width="450" height="300" style="margin:0px" src="https://s26.postimg.org/7kuml36eh/elsitasi11.png"/></div>
-===Elisitasi Tahap II===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dinas Lingkungan Hidup Kota Tangerang merupakan unsur pelaksana Pemerintahan Kota dipimpin oleh seorang Kepala Dinas yang berada dibawah dan bertanggung jawab kepada Bupati/Walikota melalui Sekretaris Daerah. Dinas Daerah Kabupaten/Kota mempunyai tugas melaksanakan kewenangan desentralisasi.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi tahap II merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI (Mandatory, Desirable, Innesential) untuk memisahkan rancangan sistem yang oenting dan harus ada pada sistem baru yang diusulkan dan disanggupi untuk dieksekusi. Pada tahap II ini berisikan 58 (lina puluh delapan) kebutuhan functional dan 3 (tiga) kebutuhan non functional.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada tahun 2016 Pemerintah Kota Tangerang merancang pembentukan Dinas baru yaitu Dinas Lingkungan Hidup yang bertugas dan wewenang untuk mengelola dibidang Dinas Lingkungan Hidup (DLH) Kota Tangerang. Sehingga pada awal tahun 2017 telah terbentuk Dinas Lingkungan Hidup Kota Tangerang. Tugas dan fungsi Dinas Lingkungan Hidup (DLH) sebagaimana tertulis pasal 1 ayat 2 Peraturan Daerah Kota Tangerang Nomor 68 Tahun 2016 tentang Kedudukan, Susunan Organisasi, Tugas dan Fungsi serta Tata Kerja Dinas Lingkungan Hidup adalah melaksanakan sebagian urusan Pemerintah Daerah yang memimpin pelaksanaan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sejak awal berdirinya Dinas Lingkungan Hidup wajah Kota Tangerang menjadi ada perubahan yang cukup signifikan yaitu dengan diperolehnya penghargaan Adipura Kencana, Adipura Kencana ini ialah Piala Adipura ke-7 bagi Kota yang sedang bertransformasi menjadi Kota Seribu Industri Sejuta Jasa. Dimana sejak tahun 2011 sampai 2017 secara berturut-turut Kota Tangerang selalu mendapatkan Piala Adipura dan puncaknya di tahun 2013 dan 2017 kota yang terkenal sebagai kota Akhlakul Karimah meraih Piala Adipura Kencana, supremasi kota yang selalu mengedepankan pembangunan berwawasan lingkungan. sehingga Kota Tangerang selalu masuk 10 besar dalam penilaian ADIPURA untuk kategori Kota Metropolitan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Secara umum yang melatar belakangi terbentuknya UPT Retribusi Persampahan yaitu kondisi dimana retribusi pelayanan persampahan/kebersihan merupakan salah satu sumber pendapatan daerah yang penting guna membiayai pelaksanaan pemerintahan daerah dan dilaksanakan berdasarkan prinsip demokrasi, pemerataan dan keadilan, peran serta masyarakat dan akuntabilitas dengan memperhatikan potensi daerah dan dibutuhkannya suatu tempat atau wadah untuk melakukan serangkaian kegiatan untuk mencari, mengumpulkan dan mengolah data ataupun keterangan lainnya dalam rangka pengawasan kepatuhan pemenuhan kewajiban membayar retribusi pelayanan persampahan/kebersihan dan adapun sanksi yang berlaku sesuai peraturan daerah yang berlaku.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Upaya peningkatan PAD dapat dilakukan salah satunya dengan meningkatkan sumber daya dan sarana yang terbatas serta meningkatkan pemungutan yaitu dengan mengoptimalkan potensi yang ada, serta terus mengupayakan menggali sumber-sumber pendapatan baru yang potensinya memungkinkan, sehingga dapat di pungut retribusinya sesuai ketentuan yang ada.</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+===Visi Dinas Lingkungan Hidup===
-<p style="line-height: 2">Tabel 3.4 Elisitasi Tahap II</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Adapun visi dari Dinas Lingkungan Hidup sebagai berikut:</p></div>
-<div align="center"><img width="450" height="550" style="margin:0px" src="https://s26.postimg.org/odpvx98h5/elisitasi2.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">“Terwujudnya Dinas Lingkungan Hidup Kota Tangerang yang handal dan proaktif dalam perlindungan dan pengelolaan lingkungan hidup”.</p></div>
-<div align="center"><img width="450" height="550" style="margin:0px" src="https://s26.postimg.org/utyunch0p/elisitasi2a.png"/></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Keterangan:</p></div>
-<ul>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">M (''Mondatory'') : penting</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">D (''Desirable'') : tidak terlalu penting</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">I (''Innesential'') : tidak mutlak ada</li>
-</ul>
-===Elisitasi Tahap III===
+===Misi Dinas Lingkungan Hidup===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Adapun misi dari Dinas Lingkungan Hidup sebagai berikut:</p></div>
-<p style="line-height: 2">Elisitasi tahap III merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya “I” pada metode MDI. Selanjutnya requirement yang tersisa dikelasifikasikan dengan menggunakan metode TOE. Pada elisitasi tahap III ini berisikan </p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Meningkatkan pelayanan prima kepada masyarakat dalam pengelolaan lingkungan hidup.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Meningkatkan kualitas lingkungan hidup.</p></li>
+</ol>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+===Struktur Organisasi===
-<p style="line-height: 2">Tabel 4.5 Elisitasi Tahap III</p></div>
-<div align="center"><img width="450" height="550" style="margin:0px" src="https://s26.postimg.org/ileykcbp5/elisitasi3.png"/></div>
-<div align="center"><img width="450" height="550" style="margin:0px" src="https://s26.postimg.org/s8igu24op/elisitasi3a.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dinas Lingkungan Hidup Kota Tangerang mempunyai struktur organisasi, yaitu :</p></div>
-<p style="line-height: 2">Keterangan:</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-xS7_Kmk3hog/Wm9NpJ_7P5I/AAAAAAAABaA/Qtsjf4blm04ifz9SaE2x_BpAZD9gQyCbgCL0BGAs/w530-d-h307-n-rw/UntitledS.png"/></div>
-<ul>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.1  Struktur Organisasi Dinas Lingkungan Hidup</div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">T = Technical                H = High </li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/Ein1sfW9Z0u6Od9c3VbFH9-AXaInHk8wQUVjl-HCVIMWyHH-dbgTTUahc9neTUBIMcHz72yKcsXxkWzTJZNSw-UdSNE2-olKyffMsQ=w380-h220-rw"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">O = Operational       M = Middle</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.2 Struktur Organisasi UPT Retribusi Persampahan.</div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">E = Economic       L = Low</li>
+<br>
-</ul>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:</p></div>
-<ul>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">H = High </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">M = Middle</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">L = Low</li>
-</ul>
-===Final Draft Elisitasi===
+===Wewenang dan Tanggung Jawab===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Merupakan hasil akhir dari tahapan-tahapan elisitasi yang disetujui oleh stakeholder perihal sistem yang akan dibuat peneliti utnuk menerapkan sistem informasi monitoring barang non inventory (komodity) pada warehouse fitting di PT Surya Toto Indonesia Tbk. Tangerang Selatan. Berdasarkan elisitasi tahap III, menghasilkan requirement final draft elisitasi yang dapat ditunjukkan pada tabel 3.6</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Tabel 3.6 Final Draft Eisitasi</p></div>
-<div align="center"><img width="450" height="550" style="margin:0px" src="https://s26.postimg.org/dt9qmn6ex/draft.png"/></div>
-<div align="center"><img width="450" height="550" style="margin:0px" src="https://s26.postimg.org/3lvsnz9kp/draft2.png"/></div>
-<div align="center"><img width="450" height="550" style="margin:0px" src="https://s26.postimg.org/t780ntws9/draft3.png"/></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kepala Dinas </p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dinas mempunyai tugas pokok melaksanakan penyusunan dan pelaksanaan kebijakan daerah di bidang lingkungan hidup sesuai dengan visi, misi dan program Walikota sebagaimana dijabarkan dalam Rencana Pembangunan Jangka Menengah Daerah. Dinas dipimpin oleh seorang Kepala Dinas yang berada dibawah dan bertanggungjawab kepada Walikota melalui Sekretaris Daerah.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sekretariat</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sekretariat mempunyai tugas pokok menyelenggarakan kegiatan dibidang administrasi umum, kepegawaian, keuangan dan perencanaan. Sekretariat dipimpin oleh seorang Sekretaris yang berada di bawah dan bertanggungjawab kepada Kepala Dinas. </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yang berada di bawah dan bertanggungjawab kepada Sekretaris yaitu:</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Sub Bagian Umum dan Kepegawaian mempunyai tugas melaksanakan sebagian tugas dan fungsi Sekretariat di bidang administrasi umum dan administrasi kepegawaian. Sub Bagian Umum dan Kepegawaian dipimpin oleh seorang Kepala Sub. Bagian.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Sub Bagian Keuangan mempunyai tugas melaksanakan sebagian tugas dan fungsi Sekretariat di bidang administrasi keuangan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Sub Bagian Perencanaan mempunyai tugas melaksanakan sebagian tugas dan fungsi Sekretariat di bidang perencanaan, evaluasi dan pelaporan. Sub Bagian Perencanaan dipimpin oleh seorang Kepala Sub Bagian.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bidang Tata Lingkungan</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bidang Tata Lingkungan mempunyai tugas pokok menyelenggarakan sebagian tugas dan fungsi Dinas dalam lingkup perencanaan lingkungan, pengelolaan limbah B3 dan konservasi lingkungan hidup. Bidang Tata Lingkungan dipimpin oleh seorang Kepala Bidang yang berada di bawah dan bertanggungjawab kepada Kepala Dinas melalui Sekretaris.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yang berada di bawah dan bertanggungjawab kepada Kepala Bidang Tata Lingkungan yaitu :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Seksi Pengelolaan Limbah B3 mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Tata Lingkungan yang berkenaan dengan pengelolaan dan penanganan limbah B3. Seksi Pengelolaan Limbah B3 dipimpin oleh seorang Kepala Seksi.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Seksi Kajian Dampak Lingkungan Hidup mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Tata Lingkungan yang berkenaan dengan pelaksanaan analisis dan evaluasi dampak lingkungan. Seksi Kajian Dampak Lingkungan Hidup dipimpin oleh seorang Kepala Seksi. </li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Seksi Pemeliharaan Lingkungan mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Tata Lingkungan yang berkenaan dengan pelestarian lingkungan hidup dan sumber daya alam serta keanekaragaman hayati. Seksi Pemeliharaan Lingkungan dipimpin oleh seorang Kepala Seksi.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bidang Penataan dan Peningkatan Kapasitas Lingkungan Hidup</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bidang Penataan dan Peningkatan Kapasitas Lingkungan Hidup mempunyai tugas pokok menyelenggarakan sebagian tugas dan fungsi Dinas dalam lingkup pengawasan dan penegakan hukum lingkungan hidup, peningkatan kapasitas aparatur dan kelembagaan serta peran serta masyarakat. Bidang Penataan dan Peningkatan Kapasitas Lingkungan Hidup dipimpin oleh seorang Kepala Bidang yang berada di bawah dan bertanggungjawab kepada Kepala Dinas melalui Sekretaris.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yang berada di bawah dan bertanggungjawab kepada Kepala Bidang Penataan dan Peningkatan Kapasitas Lingkungan Hidup yaitu:</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Seksi Pengaduan dan Penyelesaian Sengketa Lingkungan mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Penataan dan Peningkatan Kapasitas Lingkungan Hidup yang berkenaan dengan pengaduan dan penyelesaian sengketa lingkungan. Seksi Pengaduan dan Penyelesaian Sengketa Lingkungan dipimpin oleh seorang Kepala Seksi.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Seksi Penegakan Hukum Lingkungan Hidup mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Penaatan dan Peningkatan Kapasitas Lingkungan Hidup yang berkenaan dengan penegakan hukum lingkungan hidup. Seksi Penegakan Hukum Lingkungan Hidup dipimpin oleh seorang Kepala Seksi.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Seksi Peningkatan Kapasitas Lingkungan Hidup mempunyai tugas pokok menyelenggarakan sebagian tugas dan fungsi Bidang Penataan dan Peningkatan Kapasitas Lingkungan Hidup dalam lingkup peningkatan kapasitas aparatur dan kelembagaan. Seksi Peningkatan Kapasitas Lingkungan Hidup dipimpin oleh seorang Kepala Seksi.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bidang Pengendalian Pencemaran dan Kerusakan Lingkungan</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bidang Pengendalian Pencemaran dan Kerusakan Lingkungan mempunyai tugas pokok menyelenggarakan sebagian tugas dan fungsi Dinas dalam lingkup pemantauan dan pemulihan kualitas lingkungan hidup. Seksi Pengendalian Pencemaran Lingkungan dipimpin oleh seorang Kepala Seksi.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yang berada di bawah dan bertanggung jawab kepada kepala Bidang Pengendalian Pencemaran dan Kerusakan Lingkungan yaitu:</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Seksi Pemantauan Kualitas Lingkungan Hidup mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Pemantauan dan Pemulihan Kualitas Lingkungan Hidup yang berkenaan dengan pemantauan kualitas lingkungan hidup. Seksi Pemantauan Kualitas Lingkungan Hidup dipimpin oleh seorang Kepala Seksi.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Seksi Pengendalian Pencemaran dan Kerusakan Lingkungan mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Pengendalian Pencemaran dan Kerusakan Lingkungan yang berkenaan dengan pengendalian pencemaran lingkungan. Seksi Pengendalian Pencemaran Lingkungan dipimpin oleh seorang Kepala Seksi.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Seksi Pengendalian Kerusakan Lingkungan mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Pengendalian Pencemaran dan Kerusakan Lingkungan yang berkenaan dengan pengendalian kerusakan lingkungan. Seksi Pengendalian Kerusakan Lingkungan dipimpin oleh seorang Kepala Seksi.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bidang Kebersihan dan Pengelolaan Sampah</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bidang Kebersihan dan Pengelolaan Sampah mempunyai tugas pokok menyelenggarakan sebagian tugas Dinas dalam lingkup pengelolaan dan pendayagunaan persampahan. Bidang Kebersihan dan Pengelolaan Sampah dipimpin oleh seorang Kepala Bidang yang berada di bawah dan bertanggungjawab kepada Kepala Dinas melalui Sekretaris.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yang berada di bawah dan bertanggungjawab kepada Kepala Bidang Kebersihan dan Pengelolaan Sampah yaitu:</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Seksi Penanganan Sampah mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Kebersihan dan Pengelolaan Sampah yang berkenaan dengan penyapuan, pengumpulan dan pengangkutan sampah. Seksi Penanganan Sampah dipimpin oleh seorang Kepala Seksi.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Seksi Pengurangan Sampah mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Kebersihan yang berkenaan dengan pengangkutan sampah. Seksi Pengurangan Sampah dipimpin oleh seorang Kepala Seksi.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Seksi Pengolahan dan Pemrosesan Sampah mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Bidang Kebersihan dan Pengelolaan Sampah yang berkenaan dengan pendayagunaan sampah dan peningkatan peran serta masyarakat di bidang lingkungan hidup. Seksi Pengolahan dan Pemrosesan Sampah dipimpin oleh seorang Kepala Seksi.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">UPT Retribusi Persampahan Kota Tangerang</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">UPT Retribusi Persampahan mempunyai tugas menyelenggarakan sebagian tugas Dinas yang berkenaan dengan pengelolaan Retribusi Pelayanan Persampahan/Kebersihan. UPT Retribusi Persampahan dipimpin oleh seorang Kepala UPT yang berada di bawah dan bertanggungjawab kepada Kepala Dinas melalui Sekretaris.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Untuk melaksanakan tugas UPT Retribusi Persampahan mempunyai fungsi :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Pelaksanaan analisis potensi Retribusi Pelayanan Persampahan/Kebersihan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Pelaksanaan pemungutan Retribusi Pelayanan Persampahan/Kebersihan.</li>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Rincian tugas UPT Retribusi Persampahan adalah:</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melakukan pendataan Obyek dan Subyek Retribusi Pelayanan Persampahan/Kebersihan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melakukan analisis potensi pendapatan asli daerah yang bersumber dari Retribusi Pelayanan Persampahan/ Kebersihan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melaksanakan koordinasi dengan Perangkat Daerah dan atau lembaga yang terkait dalam rangka pengelolaan Retribusi Pelayanan Persampahan/Kebersihan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melakukan penyiapan Barang Kuasi yang diperlukan dalam rangka pemungutan Retribusi Pelayanan Persampahan/Kebersihan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melaksanakan pengendalian dalam rangka penyediaan Barang Kuasi yang diperlukan dalam pemungutan Retribusi Pelayanan Persampahan/Kebersihan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melaksanakan pengaturan dan pengendalian dalam rangka penugasan Pegawai UPT Retribusi Persampahan yang akan melaksanakan pemungutan Retribusi Pelayanan Persampahan/Kebersihan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melaksanakan pemungutan Retribusi Pelayanan Persampahan/Kebersihan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melaksanakan penerimaan, penyimpanan, dan penyetoran hasil pemungutan Retribusi Pelayanan Persampahan/Kebersihan ke Kas Daerah sesuai dengan ketentuan perundang-undangan yang berlaku.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melakukan monitoring, evaluasi dan pelaporan kegiatan UPT Retribusi Persampahan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melaksanakan tugas-tugas kedinasan lainnya sesuai dengan bidang tugasnya.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kelompok Jabatan Fungsional</p></li>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Jabatan Fungsional ditetapkan berdasarkan ketentuan peraturan perundang-undangan yang berlaku.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Pemegang Jabatan Fungsional dalam melaksanakan tugasnya bertanggungjawab kepada Kepala Dinas.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Dalam hal Pemegang Jabatan Fungsional lebih dari seorang dibentuk Kelompok Jabatan Fungsional.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Kelompok Jabatan Fungsional dipimpin oleh Pemegang Jabatan Fungsional yang paling senior.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Jumlah Pegawai Negeri Sipil yang memangku setiap jenis Jabatan Fungsional ditetapkan sesuai peraturan perundang-undangan.</li>
+</ol>
+</ol>
+<br>
-{{pagebreak}}
+===Retribusi pelayanan Persampahan untuk meningkatkan PAD===
-{{pagebreak}}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Kegiatan teknis utama berupa pendataan Obyek dan Subyek Retribusi Pelayanan Persampahan/Kebersihan dan menganalisis potensi pendapatan asli daerah yang bersumber dari Retribusi Pelayanan Persampahan/Kebersihan serta Monitoring penerimaan Retribusi Pelayanan Persampahan/Kebersihan yang dilakukan oleh UPT Retribusi Persampahan dengan luas ruang lingkup pelayanan di wilayah Kota Tangerang sebagai berikut :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Luas Wilayah :  164,54 km2</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Jumlah Kecamatan :  13 kecamatan</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Jumlah Kelurahan :  104 kelurahan</li>
+</ol>
+<br>
-=<div style="font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
+===Kontribusi terhadap Pemerintah dan Masyarakat===
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dengan terbentuknya UPT Retribusi Kebersihan/Persampahan, maka segala ketentuan atau peraturan yang mengatur mengenai tugas dan fungsi serta tata kerja Unit Pelaksana Teknis Retribusi Persampahan pada Dinas Lingkungan Hidup yang sesuai dengan Peraturan Walikota Nomor 112 Tahun 2016, diharapkan UPT Retribusi Kebersihan/Persampahan dapat memberikan kontribusi dalam penerimaan Retribusi daerah  yang pada akhirnya akan meningkatkan Pendapatan Asli Daerah (PAD) guna mendukung sumber pembiayaan daerah dalam menyelenggarakan pembangunan daerah, yang pada akhirnya akan meningkatkan dan memeratakan perekonomian serta kesejahteraan masyarakat di daerahnya.</p></div>
+<br>
-===Rancangan Sistem Usulan===
+==Tata Laksana Sistem Yang Berjalan==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+===Prosedur Sistem Yang Berjalan===
-<p style="line-height: 2">Setelah melakukan analisis dan penelitian dari sistem yang sedang berjalan pada ''warehouse fitting'' di PT Surya Toto Indonesia Tbk. Tangerang Selatan, selanjutnya akan membahas mengenai rancangan sustem usulan yang akan dijelaskan adalah ''use case diagram'', ''activity diagram'', ''sequence diagram'' dan ''class diagram''.</p></div>
-===Prosedur Sistem Usulan===
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Prosedur setoran pembayaran retribusi pelayanan persampahan/kebersihan</p></li>
-<p style="line-height: 2">Admin Gudang </p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Peran Petugas Pemungut Retribusi setiap awal bulannya melakukan setoran  pembayaran retribusi yaitu dengan cara meminta ''form'' Tanda Bukti Penerimaan bend 26 ke Bendahara Pembantu Penerima dan mengisi ''form'' Tanda Bukti Penerimaan bend 26 kemudian memberikan ''form'' Tanda Bukti Penerimaan bend 26 beserta SKRD, uang ''cash'' atau bukti transfer kepada Bendahara Pembantu Penerima selanjutnya Bendahara Pembantu Penerima memberikan kwitansi (tanda pembayaran) kepada Petugas Pemungut Retribusi.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Prosedur pendataan pembayaran retribusi pelayanan persampahan/kebersihan</p></li>
-<p style="line-height: 2">a.    Dapat melakukan login.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Peran Bendahara Pembantu Penerima dan Petugas Pendata melakukan prosedur pendataan pembayaran retribusi pelayanan persampahan/kebersihan yaitu :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<ol style="list-style:lower-alpha">
-<p style="line-height: 2">b. Menampilkan menu home. </p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Bendahara Pembantu Penerima mencatat di daftar setoran retribusi berdasarkan ''form'' Tanda Bukti Penerimaan bend 26 selanjutnya mencatat di daftar setoran retribusi setelah itu di''input'' kembali di ''Microsoft'' ''Office'' ''Excel'' kemudian merekap setoran mingguan.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Petugas Pendata meminta Kwitansi (tanda pembayaran) kepada Bendahara Pembantu Penerima untuk merekap rincian bulanan.</li>
-<p style="line-height: 2">c.    Menampilkan  menu products. Dimana terdapat menu add products. Admin gudang memiliki hak akses dapat menginput, update dan delete data.</p></div>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Prosedur Pembuatan Laporan Setoran Mingguan dan Laporan Rincian Bulanan.</p></li>
-<p style="line-height: 2">d. Menampilkan menu categories. Dimana terdapat menu add categories. Admin gudang memiliki hak akses  dapat menginput, update,dan delete data.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan rekapan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<ol style="list-style:lower-alpha">
-<p style="line-height: 2">e.    Menampilkan menu suppliers. Dimana terdapat menu add suppliers. Admin gudang memiliki hak akses untuk mengedit,update, dan delete data.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Rekapan setoran mingguan,  Bendahara Pembantu Penerima membuat laporan setoran mingguan selanjutnya diberikan kepada kepala UPT Retribusi Persampahan.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Rekapan rincian bulanan,  Petugas Pendata membuat laporan rincian bulanan selanjutnya diberikan kepada kepala UPT Retribusi Persampahan.</li>
-<p style="line-height: 2">f.    Menampilkan menu section. Dimana terdapat menu add section. Admin gudang memiliki hak akses untuk mengedit, update, dan delete data.</p></div>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+</ol>
-<p style="line-height: 2">g. Menampilkan menu in. Dimana terdapat menu add barang masuk. Admin gudang memiliki hak akses untuk view dan delete.</p></div>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">h. Menampilkan menu out. Dimana terdapat menu add barang keluar. Admin gudang memiliki hak akses untuk view dan delete</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">i. Menampilkan menu report. Dimana terdapat tampilan laporan barang masuk dan laporan barang keluar. Admin gudang memiliki hak akses untuk preview data.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">j. Menampilkan menu laporan. Dimana terdapat tampilan cetak laporan. Admin gudang memiliki hak untuk cetak laporan dan batal. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">k. Dapat melakukan logout.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+===Rancangan Sistem Berjalan===
-<p style="line-height: 2">Kepala Gudang</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Analisa sistem yang berjalan pendataan pembayaran retribusi pelayanan persampahan/kebersihan pada UPT Retribusi Persampahan yaitu :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<ol>
-<p style="line-height: 2">a.    Dapat melakukan login.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Petugas Pemungut Retribusi melakukan setoran pembayaran retribusi dengan meminta ''form'' Tanda Bukti Penerimaan bend 26 ''form'' Tanda Bukti Penerimaan bend 26  yaitu ada dua ''form'' :</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<ol style="list-style:lower-alpha">
-<p style="line-height: 2">b. Menampilkan menu home. </p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Jika Petugas Pemungut Retribusi melakukan pembayaran dengan ''cash'' dan pembayaran dengan transfer maka meminta 2 lembar ''form'' Tanda Bukti Penerimaan bend 26.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Jika Petugas Pemungut Retribusi melakukan pembayaran dengan ''cash'' atau pembayaran dengan transfer saja hanya meminta 1 lembar saja ''form'' Tanda Bukti Penerimaan bend 26.</li>
-<p style="line-height: 2">c.    Menampilkan menu report. Dimana terdapat tampilan laporan barang masuk dan laporan barang keluar. Admin gudang memiliki hak akses untuk preview data.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">d. Menampilkan menu laporan. Dimana terdapat tampilan cetak laporan. Admin gudang memiliki hak untuk cetak laporan dan batal. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">e.    Dapat melakukan logout.</p></div>
 </ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Petugas Pemungut Retribusi Mengisi ''form'' Tanda Bukti Penerimaan bend 26 setelah mengisi ''form'' Tanda Bukti Penerimaan bend 26 petugas pemungut retribusi memberikan ''form'' Tanda Bukti Penerimaan bend 26 beserta SKRD (Surat Ketetapan Retribusi Daerah), uang ''cash'' atau tanda bukti transfer.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Setelah pembayaran dilakukan maka Bendahara Pembantu Penerima mengisi Kwitansi (Tanda Pembayaran) dan memberikan Kwitansi (Tanda Pembayaran) kepada Petugas Pemungut Retribusi.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Setelah Bendahara Pembantu Penerima menerima pembayaran dengan ''form'' Tanda Bukti Penerimaan bend 26 kemudian mencatat di daftar setoran retribusi jika semuannya sudah terkumpul pembayaran retribusi, maka Bendahara Pembantu Penerima meng''input'' setoran retribusi kemudian merekap setoran mingguan sesuai dengan kelurahan dan pembayaran melalui uang ''cash'' atau transfer.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Setelah selesai Bendahara Pembantu Penerima merekap setoran mingguan, Bendahara Pembantu Penerima memberikan laporan setoran mingguan kepada Kepala UPT Retribusi Persampahan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kemudian Bendahara Pembantu Penerima memberikan kwitansi (Tanda Pembayaran) kepada Petugas Pendata selanjutnya Petugas Pendata merekap rincian bulanan setelah selesai memberikan laporan rincian bulanan kepada kepala UPT Retribusi Persampahan.</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dibawah ini merupakan proses sistem yang sedang berjalan di instansi pemerintahan yang menggunakan ''Use'' ''Case'' ''Diagram'', ''Activity'' ''Diagram'' dan ''Sequence'' ''Diagram''.</p></div>
+</ol>
+<br>
-===Use Case Diagram Sistem Yang Diusulkan===
+===''Use'' ''Case'' ''Diagram'' Sistem Yang Berjalan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-dV3GNmRcfBE/Wm9OViDyOrI/AAAAAAAABbE/dPJyi9Hy290Kl4F7HR7kHrPOWU2IBOkYACL0BGAs/w530-d-h456-n-rw/pendataan%2Bpembayaran%2Bretribusi%2Bpelayanan%2Bpersampahan_kebersihan.jpg"/></div>
-<p style="line-height: 2">Berikut ini merupakan ''use case diagram'' yang diusulkan pada gambar 4.1:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.3 ''Use'' ''Case'' ''Diagram'' Pendataan Pembayaran Retribusi Pelayanan Persampahan/Kebersihan</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan Gambar 3.3 ''Use'' ''Case'' ''Diagram'' yang berjalan saat ini dijelaskan :</p></div>
-<div align="center"><img width="800" height="500" style="margin:0px" src="https://s26.postimg.org/qcj9znt1l/usecase_usulan_bab4.jpg"/></div>
+<ol style="list-style:lower-alpha">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">1 (Satu) ''System'' yang mencakup seluruh kegiatan mulai dari pemungut retribusi sampai kegiatan laporan setoran mingguan dan laporan rincian bulanan pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang.</li>
-<p style="line-height: 2">Gambar 4.1 use case diagram sistem yang diusulkan</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">4 ''Actor'' yang melakukan kegiatannya: Petugas Pemungut Retribusi, Bendahara Pembantu Penerima, Petugas Pendata dan Kepala UPT Retribusi.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">13 ''Use'' ''Case'' yang bisa dilakukan ''actor-actor'' tersebut diantaranya : meminta ''form'' bend 26, pembayaran cash, pembayaran transfer, mengisi ''form'' bend 26, pemberian ''form'' bend 26, SKRD, uang ''cash'' atau bukti transfer, mengisi kwitansi, pemberian kwitansi, mencatat di daftar setoran retribusi, ''input'' setoran retribusi, merekap setoran retribusi mingguan, pemberian kwitansi, merekap rincian retribusi bulanan, menerima laporan setoran mingguan dan menerima laporan rincian bulanan.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan gambar 4.1 ''use case diagram'' sistem yang diusulkan terdapat:</p></div>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan:</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Satu sistem yang merupakan rancangan usulan sistem informasi monitoring barang non inventory (komodity).</p></li>
+<p style="line-height: 2">''Form'' Bend 26 merupakan ''Formulir'' Tanda Bukti Penerimaan</p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Dua ctor yang dapat melakukan kegiaran dalam sistem, diantaranya admin gudang dan kepala gudang.</p></li>
+<p style="line-height: 2">Kwitansi merupakan Tanda Pembayaran</p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Dua use case yang berinteraksi antara actor dengan sistem yaitu: login dan logout.</p></li>
+<p style="line-height: 2">SKRD (Surat Ketetapan Retribusi Daerah) merupakan Surat Keputusan yang menentukan besarnya jumlahnya retribusi yang terutang.</p></li>
 </ol>
+<br>
-===''Activity Diagram'' Sistem Yang Diusulkan===
+===''Activity'' ''Diagram'' Sistem Yang Berjalan===
-<ol>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-233eoAeExSc/WnAF6_7qt_I/AAAAAAAABg8/Snlt2toXCGUtu-hRxX8MXTJYjNtBHziMQCL0BGAs/w530-d-h335-n-rw/Pendataan%2BPembayaran%2BRejtribusi.jpg"/></div>
-    <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.4 ''Activity'' ''Diagram'' pendataan pembayaran retribusi pelayanan persampahan/kebersihan</div>
-    <p style="line-height: 2">Activity diagram untuk admin gudang yang diusulkan</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan gambar 3.4 ''Activity'' ''Diagram'' sistem yang berjalan saat ini terdapat keterangan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pada gambar 4.2 pada halaman berikutnya, activity diagram untuk admin gudang yang diusulkan terdapat:</p></div>
+<ol style="list-style:lower-alpha">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Satu initial node, objek yang di awali </p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">1 ''Initial'' ''Node'' sebagai yang mengawali objek</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Empat puluh actiom state, dimulai dari login, masukkan username dan password, menu home, menu products, add products, view products, delete products, update products, menu categories, add categories, view categories, delete categories, update categories,menu suppliers, add suppliers, view suppliers, delete suppliers, update suppliers, menu section, view section, delete section, update section, menu In, add barang masuk, view barang masuk, delete barang masuk, menu out, add barang keluar, view barang keluar, delete barang keluar, menu report, preview laporan barang masuk, menu report, preview laporan barang keluar, menu laporan, print, batal, logout.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">4 ''Swim'' ''Line'' yaitu : Pemungut Retribusi, Bendahara Pembantu Penerima, Petugas Pendata dan Kepala UPT Retribusi Persampahan.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. Satu decision node, aliran yang menentukan pilihan</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">21 ''Action'' dari sistem yang mencerminkan eksekusi dari suatu aksi, yaitu yang diantaranya adalah meminta ''form'' bend 26, pembayaran ''cash'', pembayaran transfer, pemberian ''form'' bend 26, menerima ''form'' bend 26, mengisi ''form'' bend 26, pemberian ''form'' bend 26, SKRD, uang ''cash'' atau bukti transfer, menerima ''form'' bend 26, SKRD, uang ''cash'' atau bukti transfer, mengisi kwitansi, pemberian kwitansi, menerima kwitansi, mencatat di daftar setoran retribusi, ''input'' setoran retribusi, merekap setoran mingguan, pemberian kwitansi, menerima kwitansi, merekap rincian bulanan, memberikan laporan setoran mingguan, menerima laporan setoran mingguan, memberikan laporan rincian bulanan dan menerima rincian bulanan.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">d. Satu activity final node, objek yang diakhiri</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">1 (Satu)  ''Final'' ''State'' sebagai yang mengakhiri objek.</li>
+</ol>
+<br>
-<div align="center"><img width="900" height="600" style="margin:0px" src="https://s26.postimg.org/llnzvdpl5/activity_baru1.jpg"/></div>
+===''Sequence'' ''Diagram'' Sistem Yang Berjalan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/--Z2YyM0TjlU/Wlpb2tJUHNI/AAAAAAAAAXk/ecGuefEFmlw6EgrVhT0jlhCLdFfkMq7pACL0BGAs/w530-d-h245-n-rw/5.png"/></div>
-<p style="line-height: 2">4.2 activity diagram sistem yang diusulkan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.5 ''Sequence'' ''Diagram'' pendataan pembayaran retribusi pelayanan persampahan/kebersihan</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan gambar 3.5 ''Sequance'' ''Diagram'' sistem yang berjalan saat ini terdapat keterangan :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">4 (Lima) ''Actor'' yang diantaranya adalah Pemungut Retribusi, Bendahara Pembantu Penerima, Petugas Pendata dan Kepala UPT Retribusi.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">24 (dua puluh dua) ''message'' spesifikasi dari komunikasi antar objek yang memuat informasi tentang aktifitas yang terjadi.</li>
+</ol>
+<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+==Analisa Sistem yang Berjalan==
-    <p style="line-height: 2">Activity diagram untuk kepala gudang yang diusulkan</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pada gambar 4.3 pada halaman berikutnya, activity diagram untuk kepala gudang yang diusulkan terdapat:</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Satu initial node, objek yang diawali </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Sembilan action state, dimulai dari login, menu home, report, laporan barang masuk, preview, laporan barang keluar, preview, print</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. Satu decision node, aliran yang menentukan pilihan’</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">d. Satu activity final node, objek yang diakhiri.</p></div>
-<div align="center"><img width="300" height="500" style="margin:0px" src="https://s26.postimg.org/a9fzrc6a1/activity_baru2.jpg"/></div>
+===Metode Analisa Sistem===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tahapan analisis terhadap suatu sistem atau aplikasi dilakukan sebelum tahapan perancangan dilakukan. Analisis PIECES ini sangat penting sebelum mengembangkan sebuah sistem informasi karena dalam analisis ini biasannya untuk mengidentifikasi masalah sampai dengan menyelesaikan masalah. Tujuan diterapkannya analisis terhadap suatu sistem adalah untuk mengetahui alasan mengapa sistem tersebut diperlukan, sehingga fungsi yang terdapat di dalam sistem tersebut bekerja secara optimal. Metode analisa yang digunakan peneliti disini adalah menggunakan metode analisis PIECES yaitu :</p></div>
-<p style="line-height: 2">4.3 activity diagram sistem yang diusulkan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 3.1 Analisis PIECES</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-0n_r6v1Um1g/Wm9Q7KhGJhI/AAAAAAAABco/KQ1lgK0g6OY8iizRHaEQGn43jDXbVsZgwCL0BGAs/w530-d-h660-n-rw/PIECES.png"></div>
+<br>
+===Analisa Masukan, Analisa Proses, Analisa Keluaran===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Analisa Masukan<br>
+ Nama Masukan : Tanda Bukti Penerimaan Bend 26<br>
+ Fungsi : Untuk mengetahui jumlah pembayaran pada ''Customers'' dan jumlah setoran retribusi <br>
+ Sumber : Bendahara Pembantu Penerima<br>
+ Tujuan : Pemungut Retribusi<br>
+ Media : Kertas<br>
+ Frekuensi : Setiap ada pembayaran retribusi<br>
+        Format : 3<br>
+        Keterangan : Berisi Pembayaran Retribusi dan jumlah setoran retribusi.<br>
+<br>
+        Nama Masukan : SKRD (Surat Ketentuan Retribusi Daerah)<br>
+ Fungsi : Untuk mengetahui jumlah pembayaran pada ''Customers''<br>
+ Sumber : Petugas Pemungut Retribusi<br>
+ Tujuan : ''Customers''<br>
+ Media : Kertas<br>
+ Frekuensi : Setiap ada pembayaran yang harus ditagih<br>
+        Format : 3<br>
+        Keterangan : Berisi Ketentuan Jumlah yang harus di Bayar<br>
+<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Analisa Proses<br>
+ Nama : Setoran pembayaran retribusi<br>
+ Masukan         : SKRD, Tanda Bukti Penerimaan Bend 26 dan Uang ''Cash'' atau Tanda Bukti Transfer.<br>
+ Keluaran : Kwitansi (tanda pembayaran)<br>
+ Ringkasan Proses : ketika petugas pemungut retribusi melakukan setoran pembayaran retribusi, petugas pemungut retribusi memberikan SKRD, ''Form'' Tanda Bukti Penerimaan Bend 26 dan Uang ''Cash'' atau Bukti Transfer kepada Bendahara Pembantu Penerima. <br>
+<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Analisa Keluaran<br>
+ Nama Keluaran : Kwitansi (tanda pembayaran)<br>
+ Fungsi : Sebagai bukti pembayaran retribusi<br>
+ Media : Kertas<br>
+ Rangkap : 5<br>
+ Distribusi : Sebagai arsip<br>
+ Distribusi : Laporan akan diberikan kepada Pimpinan.<br>
+<br>
+Nama Keluaran :Laporan Setoran Mingguan<br>
+ Fungsi : Untuk mengetahui Jumlah Setoran Retribusi pelayanan persampahan/kebersihan<br>
+ Media : Kertas<br>
+ Rangkap : 3<br>
+ Distribusi : Sebagai arsip<br>
+<br>
+Nama Keluaran :Laporan Rincian Bulanan<br>
+ Fungsi : Untuk mengetahui hasil rincian retribusi Retribusi pelayanan persampahan/kebersihan<br>
+ Media : Kertas<br>
+ Rangkap : 13<br>
+ Distribusi : Sebagai arsip<br>
 </ol>
+<br>
-===Sequence Diagram Yang Diusulkan===
+==Konfigurasi Sistem  yang Berjalan==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<ol>
-<p style="line-height: 2">Berikut ini merupakan sequence diagram yang diusulkan pada gambar 4.4:</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Spesifikasi Perangkat Keras (''Hardware'')
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Processor'' : Intel i7-4785T
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Monitor'' : Lenovo 17” Inci
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Hardisk'' : 1 Terra
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''RAM'' : 4 GB
+        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Keyboard'' : Logitec
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Printer'' : EPSON LQ 2190
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Mouse'' : Lenovo
+ </ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Spesifikasi Perangkat Lunak (''Software'')
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Microsoft'' ''Windows'' 7
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Microsoft'' ''Office'' 2007
+ </ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Hak Akses (''Brainware'')
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepala UPT Retribusi Persampahan
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bendahara Pembantu Penerima
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Petugas Pendata
+ </ol>
+</ol>
+<br>
+==Permasalahan yang dihadapi dan Alternatif Pemecahan Masalah==
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Permasalahan Yang Dihadapi<br>
+Berdasarkan hasil analisis yang dilakukan penulis dalam Pendataan Pembayaran Retribusi Pelayanan Persampahan/Kebersihan pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup dapat disimpulkan permasalahan yang ada sebagai berikut:
+<ol style="list-style:lower-alpha">
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Peng''input''an yang dilakukan untuk pendataan pembayaran retribusi saat ini masih belum terkomputerisasi dengan baik yaitu menggunakan ''Microsoft'' ''office'' ''excel'' sehingga dalam hal ini mengakibatkan pendataan pembayaran retribusi yang dihasilkan kurang berjalan dengan efektif dan efisien.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dalam laporan pembayaran retribusi belum dapat menghasilkan laporan pembayaran retribusi  pelayanan persampahan/kebersihan yang cepat, tepat dan akurat karena harus di cek satu persatu berapa jumlah setoran retribusi dan pembayaran retribusi sehingga membutuhkan waktu yang lama dalam pembuatan laporan setoran mingguan dan laporan rincian bulanan yang akan di berikan kepada kepala UPT Retribusi Persampahan.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Proses ''memonitoring'' pembayaran retribusi masih kurang optimal yang dimana prosesnya sering terjadinya kesalahan, seperti pencarian data yang sudah melakukan pembayaran retribusi atau pun yang belum melakukan pembayaran retribusi harus di cek satu persatu.
+ </ol>
-<div align="center"><img width="600" height="400" style="margin:0px" src="https://s26.postimg.org/b7075flxl/sequence_diagram_bab4.jpg"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Alternatif Pemecahan Masalah<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+Adapun alternatif pemecahan masalah sebagai berikut:
-<p style="line-height: 2">Gambar 4.4 sequence diagram sistem yang diusulkan</p></div>
+<ol style="list-style:lower-alpha">
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Membuat sistem yang terkomputerisasi untuk sistem pendataan pembayaran retribusi dalam peng''input''an data pembayaran retribusi dan pengolahan data serta menyajikan data agar saling terintegrasi satu sama lain. Data yang terintegrasi dapat menghasilkan laporan setoran mingguan dan laporan rincian bulanan yang mudah, akurat dan cepat dalam memberikan laporan setoran mingguan dan laporan rincian bulanan kepada kepala UPT Retribusi Persampahan.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Membuat suatu rancangan sistem ''monitoring'' pembayaran retribusi untuk mempermudah Bendahara Pembantu Penerima dan Kepala UPT Retribusi Persampahan dalam ''memonitoring'' pencarian data yang sudah melakukan pembayaran retribusi atau pun yang belum melakukan pembayaran retribusi sehingga tidak perlu di cek satu persatu karena data tersebut sudah terintegrasi satu sama lain. Sistem pendataan pembayaran retribusi dapat diakses secara ''localhost''. Bahasa pemograman yang digunakan adalah PHP dan HTML sebagai ''database'' yang dapat menyimpan data pembayaran secara lengkap dan terperinci dan lebih efektif dalam satu database sehingga tidak membutuhkan berkas banyak dan data bisa di gunakan dalam jangka waktu yang relatif lama.
+ </ol>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+==''User'' ''Requirement''==
-<p style="line-height: 2">Berdasarkan gambar sequence diagram sequence diagram yang diusulkan terdapat:</p></div>
+===Elisitasi Tahap I===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi tahap I disusun melalui hasil observasi dan wawancara kepada ''Stakeholder'' mengenai sistem yang diusulkan. Berikut ini merupakan data elisitasi tahap I :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 3.3 Elisitasi Tahap I</p></div>
+<div align="center"><imG style="margin:0px" src="https://lh3.googleusercontent.com/-o0lEw8Uegeg/WnHLTaODTSI/AAAAAAAACWw/jIatR9OVgs07MoiM4WT9A9kOFXOoZNm_wCL0BGAs/w530-d-h815-n-rw/elisitasi1.png"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/--4qESpbAb7g/WnHLcG-XLOI/AAAAAAAACXE/g4AOlEBavXwemn-ijwiF8-JchAGxIq9GACL0BGAs/w530-d-h410-n-rw/e%253Bisitasi%2Blanjutan.png"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-Jqdz7lpGUXY/WnHJJJXQaPI/AAAAAAAACVs/1xuQURGiYrkdLEHuQbnrU2OZw9H4IZYtQCL0BGAs/w530-d-h505-n-rw/elisitasi2.png"/></div>
+===Elisitasi Tahap II===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi tahap II merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI (''Mandatory'', ''Desirable'', ''Innesential''). Berikut ini merupakan data elisitasi tahap II :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tabel Elisitasi Tahap II yang di tunjukkan pada tabel 3.4.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 3.4 Elisitasi Tahap II</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-0fNWZHU3SEU/Wm9XsZI_9TI/AAAAAAAABfA/RNYLpulSFOQbX07sxJtzMdOJ6QkI8tZVwCL0BGAs/w530-d-h773-n-rw/ELISITASI2.png"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-02eu8AV8-Os/Wm9YBTq1MuI/AAAAAAAABfc/39oinjY8cKMpE2m5vsb1LIR1SPh5v8HcwCL0BGAs/w530-d-h299-n-rw/ELISITASI22.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">M (''Mandatory'') : Dibutuhkan atau penting.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">D  (''Desirable'') : Diinginkan atau tidak terlalu penting.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">I (''Inessential'') : Di luar sistem atau di eliminasi.</p></div>
+===Elisitasi Tahap III===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi tahap III merupakan hasil penyusutan dari elisitasi tahap II dengan cara ''requirement'' yang di beri opsi ''Inessential'' (I) harus di eliminasi di Elisitasi tahap III. selanjutnya semua ''requirement'' yang tersisa dikelasifikasikan kembali dengan menggunakan metode TOE dengan opsi HML.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tabel Elisitasi Tahap III yang di tunjukkan pada tabel 3.5.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 3.5 Elisitasi Tahap III</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-Y3dcFZ9jTPo/WnHPYuPZdkI/AAAAAAAACYI/kKyEz7X9VBUacgcord1FHofpmt28peGtACL0BGAs/w530-d-h911-n-rw/elisitasi3.png"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-w9oS_rajPZk/WnHRyNJctBI/AAAAAAAACZc/62IZdEeIIqEphO6FslA6qgy8GdWCO5_dQCL0BGAs/w530-d-h712-n-rw/elisitasi3333.png"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-g6Z0VrPnVGM/WnHSbj2WGTI/AAAAAAAACaQ/uSRTxSAbw5I0QciJyMpCBohvL-MOyuojgCL0BGAs/w530-d-h631-n-rw/elisitasi33333333333.png"/></div>
+<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">T (''Technical'')  H (''High'')</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">O (''Operational'')  M (''Middle'')</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">E ''Economic''  L (''Low'')</p></div>
+<br>
+===''Final'' ''Draft'' Elisitasi===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Final'' ''Draft'' Elisitasi Merupakan hasil akhir dari tahapan-tahapan elisitasi yang disetujui oleh ''Stakeholder'', yang dapat dijadikan acuan dalam pengembangan sistem yang akan dibuat peneliti untuk menerapkan sistem informasi pendataan pembayaran retribusi pelayanan persampahan/kebersihan pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup. Berdasarkan elisitasi tahap III, menghasilkan ''requirement'' ''final'' ''draft'' elisitasi yang dapat ditunjukkan pada :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 3.5 Tabel Final Draft Elisitasi</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-NHN_ORk081Y/WnHUrhXdmkI/AAAAAAAACbQ/TeDqYPctGMwExAvc8a0j_PofDEajbiZfgCL0BGAs/w530-d-h673-n-rw/finalll.png"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-ydRGgsbSK8I/WnHUy6AaAfI/AAAAAAAACbk/JGreU_7HVu0e9oupySTm3UdVbqTRmbdmwCL0BGAs/w530-d-h314-n-rw/lanjut%2Bfinal.png"/></div>
+<div align="center"><img width="550" style="margin:0px" src="https://lh3.googleusercontent.com/-b6WUAwuF95I/WnHWokEYZyI/AAAAAAAACdA/YMmU4g64ZQAt13jJ4dsQczBCy-XJ-MubgCL0BGAs/w530-d-h810-n-rw/fina%253Blll.png"/></div>
+<br>
+{{pagebreak}}
+<hr width="100%">
+=<div style=" text-align: center;margin-bottom:10px;">'''BAB IV'''</div> <div style="font-size: 14pt; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>=
+==Rancangan Sistem Usulan==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah melakukan analisis dan penelitian dari sistem yang sedang berjalan pada UPT Retribusi Persampahan Di Dinas Lingkungan Hidup, selanjutnya akan membahas tentang rancangan sistem yang diusulkan yang dapat dijelaskan pada ''use'' ''case'' ''diagram'', ''activity'' ''diagram'', ''sequence'' ''diagram'' dan ''class'' ''diagram''.</p></div>
+<br>
+===Prosedur Sistem Usulan===
 <ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a.    Dua actor yang melakukan kegiatan yaitu admin gudang dan kepala gudang </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepala UPT Retribusi Persampahan
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Duabelas lifeline antarmuka yang saling berinteraksi diantaranya, login, menu home, products,categories, suppliers, section, in, out, laporan barang masuk, laporan barang keluar, cetak laporan, logout.</p></div>
+<ol style="list-style:lower-alpha">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. c. Dua puluh dua message antara lain input username dan password, cek validasi data, login gagal, login berhasil, add products, view products, dan delete data products, add categories, view categories, delete categories, dan update categories, add suppliers, view suppliers, delete suppliers, update suppliers, add section, view section, delete section, update section, add barang masuk, view barang masuk, delete barang masuk, add barang keluar, view barang keluar, delete barang keluar, preview laporan barang masuk, preview laporan barang keluar,cetak laporan,  logout. input username dan password, cek validasi data, login gagal, login berhasil, preview laporan barang masuk, preview laporan barang keluar,cetak laporan,  logout.</p></div>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dapat melakukan ''login''.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu ''dashboard''. Dimana terdapat data pembayaran dan grafik pendapatan bulanan.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan  menu Master Data. Dimana terdapat menu Petugas, Menu ''Customers'', Menu wilayah, Menu Kecamatan, Menu Kelurahan dan menu Cara Bayar. Kepala UPT Retribusi Persampahan memiliki hak akses dapat meng''input'', ''delete'', ''Search'' dan ''edit'' data.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu Pembayaran. Dimana terdapat data pembayaran. Kepala UPT Retribusi Persampahan memiliki hak akses dapat meng''input'', ''delete'', ''search'', ''print'' kwitansi dan ''edit'' data.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu laporan. Dimana terdapat menu laporan harian, menu laporan mingguan dan menu laporan bulanan. Kepala UPT Retribusi Persampahan memiliki hak untuk ''search'', cetak laporan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu ''setting''. Dimana terdapat menu ''users'', menu ''Roles'' dan menu ''permissions''. Kepala UPT Retribusi Persampahan memiliki hak akses dapat ''add'', ''delete'' dan ''edit''.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dapat melakukan ''logout''.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bendahara Pembantu Penerima
+<ol style="list-style:lower-alpha">
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dapat melakukan ''login''.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu ''dashboard''.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu pembayaran. Dimana terdapat data pembayaran. Bendahara Pembantu Penerima memiliki hak akses dapat meng''input'', ''delete'', ''search'', ''print'' kwitansi dan ''edit'' data.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu laporan. Dimana terdapat menu laporan harian, menu laporan mingguan dan menu laporan bulanan. Bendahara Pembantu Penerima memiliki hak untuk ''search'', cetak laporan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dapat melakukan ''logout''.
+</ol>
+</ol>
+<br>
+===''Use'' ''Case'' ''Diagram'' Sistem yang  Diusulkan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini merupakan ''use'' ''case'' ''diagram'' yang menggambarkan proses sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan yang sedang di rancang yaitu:</p></div>
+<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-n0KkdIfTIIQ/WmKlT9ukw9I/AAAAAAAAA6g/ixg1eTkLZkQoe46WuTNnnh1-_OBgqKgUgCL0BGAs/w530-d-h511-n-rw/usecase111.jpg"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.1 ''use'' ''case'' ''diagram'' sistem yang diusulkan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan gambar 4.1 ''use'' ''case'' ''diagram'' sistem yang diusulkan terdapat:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepala UPT Retribusi Persampahan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 ''actor'' yang melakukan kegiatan, diantaranya : Kepala UPT Retribusi Persampahan dan Bendahara  Pembantu Penerima.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 8 ''Use'' ''Case'' yaitu :
+<ol style="list-style:lower-alpha">
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Login''.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">5 ''Extend'' ''Use'' ''Case'' :
+<ol style="list-style:lower-alpha">
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Utama  memiliki 5 ''Extention'' ''Points'', yaitu ''Dashboard'', Master Data, Pembayaran, Laporan dan ''Setting''.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Master Data memiliki 6 ''Extention'' ''Points'', yaitu Petugas, ''Customers'', Wilayah, Kecamatan, Kelurahan, dan Cara Bayar.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Pembayaran Memiliki 1 ''Extention'' ''Points'', yaitu ''input'' pembayaran.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Laporan Memiliki 3 ''Extention'' ''Points'', yaitu Laporan Harian, Laporan Mingguan dan Laporan Bulanan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu ''Setting'' Memiliki 3 ''Extention'' ''Points'', yaitu ''Users'', ''Roles'' dan ''Permissions''.
+ </ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Logout''
+</ol>
 </ol>
-===Class Diagram Yang Diusulkan===
+===''Activity'' ''Diagram'' Sistem yang Diusulkan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini merupakan ''activity'' ''diagram'' yang menggambarkan alur aktivitas sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan yang sedang di rancang yaitu:</p></div>
-<p style="line-height: 2">Class diagram yang digunakan untuk menjelaskan sepesifikasi objek-objek yang ada dalam aolikasi sistem informasi bmonitorinf barang non inventory (komodity) pada warehouse fitting di PT Surya Toto Indonesia Tbk. Tangerang Selatan. Dimana class diagram yang diususlkan terdapat objek (class) yang saling berhubungan satu dengan yang lainnya.</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2">''Activity'' ''diagram'' untuk Kepala UPT Retribusi Persampahan yang diusulkan.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-G2woIoZn7-o/Wm9EFje_6_I/AAAAAAAABJg/_UG8i1fvQJUJkz7YWT9qzf6mCWweq2XDACL0BGAs/w530-d-h136-n-rw/ketua%2Bretribusi.jpg"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 4.2 ''activity'' ''diagram'' sistem untuk Kepala UPT Retribusi Persampahan yang diusulkan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pada gambar 4.2 ''activity'' ''diagram'' untuk Kepala UPT Retribusi Persampahan yang diusulkan terdapat:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 ''initial'' ''node'', untuk mengawali objek.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">49 ''action'' ''state'' yang menggambarkan eksekusi kegiatan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 ''decision'' ''node'', aliran yang menentukan pilihan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">6 ''Fork'' ''node'' yang menjelaskan adanya beberapa aliran.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 ''activity'' final'' node'', untuk menjelaskan bahwa alur sistem berakhir.
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Activity'' ''diagram'' untuk Bendahara Pembantu Penerima yang diusulkan
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-sxmjTm0PYmU/Wlsft3lr6JI/AAAAAAAAAs8/hbuAYpYXB389QrG3qfDjnrdFDat-lCofgCL0BGAs/w530-d-h289-n-rw/8.jpg"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 4.3 ''activity'' ''diagram'' sistem untuk Bendahara Pembantu Penerima yang diusulkan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pada gambar 4.3 ''activity'' ''diagram'' untuk Bendahara Pembantu Penerima yang diusulkan terdapat:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 ''initial'' ''node'', untuk mengawali objek.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">20 ''action'' ''state'' yang menggambarkan eksekusi kegiatan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 ''decision'' ''node'', aliran yang menentukan pilihan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">4 ''Fork'' ''node'' yang menjelaskan adanya beberapa aliran.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 ''activity'' ''final'' ''node'', untuk menjelaskan bahwa alur sistem berakhir.
+</ol>
+</ol>
+<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+===''Sequence'' ''Diagram'' Sistem yang Diusulkan===
-<p style="line-height: 2">Berikut ini merupakan class diagram yang diusulkan ditunjukkan pada gambar 4.5</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini merupakan ''sequence'' ''diagram'' yang menggambarkan alur-alur aktivitas sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan yang sedang di rancang yaitu:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Sequence'' ''diagram'' untuk Kepala UPT Retribusi Persampahan yang diusulkan terdapat:</p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-USlGQQH-o4Y/Wm9Dmi3UlII/AAAAAAAABJE/4jUHoaRB1p0r8nwKUzulrvg9gE0W2qotgCL0BGAs/w530-d-h393-n-rw/UntitledD.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.4 ''sequence'' ''diagram'' sistem untuk Kepala UPT Retribusi Persampahan yang diusulkan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pada gambar 4.4 ''sequence'' ''diagram'' untuk Kepala UPT Retribusi Persampahan yang diusulkan terdapat:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 ''actor'' yang melakukan kegiatan, yaitu Kepala UPT Retribusi Persampahan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">15 ''lifeline'' yang saling berinteraksi, yaitu menu utama, ''dashboard'', Petugas, ''Customers'', Wilayah, Kecamatan, Kelurahan, Cara Bayar, Pembayaran, Laporan Harian, Laporan Mingguan, Laporan Bulanan, ''Users'', ''Roles'' dan ''Permissions''.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 ''boundary'' ''lifeline'', yaitu ''login'' dan ''logout''.
+</ol>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Sequence'' ''diagram'' untuk Bendahara  Pembantu Penerima yang diusulkan terdapat: </p></div>
+<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-IUQKTvclDsU/WltAiBKj4AI/AAAAAAAAAu0/XKh4Ns9VBpkMnac61eO3rz1O3z1rSdhwgCJoC/w530-h199-n-rw/sequence.PNG"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.5 ''sequence'' ''diagram'' sistem untuk Bendahara Pembantu Penerima yang diusulkan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pada gambar 4.5 ''sequence'' ''diagram'' untuk Bendahara Pembantu Penerima yang diusulkan terdapat:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 ''actor'' yang melakukan kegiatan, yaitu Bendahara  Pembantu Penerima.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">6 ''lifeline'' yang saling berinteraksi, yaitu menu utama, ''dashboard'', Pembayaran, Laporan Harian, Laporan Mingguan dan Laporan Bulanan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2 ''boundary'' ''lifeline'', yaitu ''login'' dan ''logout''.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">19 ''message'' yang memuat informasi – informasi tentang suatu kegiatan atau aktivitas yang terjadi yang dilakukan oleh actor – actor.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1 ''decision'' ''node'' untuk membuat keputusan.
+</ol>
+</ol>
+<br>
-<div align="center"><img width="600" height="400" style="margin:0px" src="https://s26.postimg.org/roilikwy1/class_diagram.jpg"/></div>
+===''Class'' ''Diagram'' Sistem Yang Diusulkan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Class'' ''diagram'' yang digunakan untuk menjelaskan spesifikasi objek-objek yang ada di dalam apikasi sistem informasi pendataan pembayaran retribusi pelayanan persampahan/kebersihan. Dimana ''class'' ''diagram'' yang diusulkan terdapat objek (''class'') yang saling berhubungan satu dengan yang lainnya.<br>
-<p style="line-height: 2">Gambar 4.5 class diagram yang diusulkan</p></div>
+Berikut ini merupakan ''class'' ''diagram'' yang diusulkan ditunjukkan pada gambar 4.6
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-lP6rG5jNNhI/WozXaGxOwWI/AAAAAAAACpk/IYu5zHbpnxYFomIGzdlqrE7yQ9winkVrgCL0BGAs/w530-d-h317-n-rw/Pendataan%2BPembayaran%2BRetribusi.jpg"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.6 ''class'' ''diagram'' yang diusulkan</p></div>
+<br>
 ===Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini merupakan perbedaan antara sistem yang sedang berjalan dan sistem yang diususlkan ditunjukkan pada tabel 4.1:</p></div>
-<p style="line-height: 2">Berikut ini merupakan perbedaan antara sistem yang sedang  berjalan dan sistem yang diususlkan ditunjukkan pada tabel 4.1:
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.1 perbedaan sistem yang berjalan dan sistem usulann</p></div>
-Tabel 4.1 perbedaan sistem yang berjalan dan sistem usulan
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-c70LNT43G7E/Wm9Ly60l1XI/AAAAAAAABXQ/gZLol4wcMCA-7NuKp59JEtzuuabsEIl6wCL0BGAs/w530-d-h916-n-rw/TIA.png"/></div>
-</p></div>
+<br>
+{{pagebreak}}
+<hr width="100%">
-<div align="center"><img width="500" height="500" style="margin:0px" src="https://s26.postimg.org/69r7y29c9/tabel_perbedaan.jpg"/></div>
+==Rancangan Basis data==
-===Rancangan Basis Data===
 ===Spesifikasi Basis Data===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Desain basis data menjelaskan tentang media penyimpanan yang digunakan, isi yang disimpan, ''primary'' key'', ''Foreign'' ''Key'' dan panjang ''record''. Spesifikasi yang digunakan untuk sistem yang akan dibangun yaitu:</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Spesifikasi basis data merupakan desain basis data yang dianggap normal. Desain basis data menjelaskan tentang media penyimpanan yang digunakan, isis yang disimpan, primary key dan panjang record . spesifikasi yang digunakan dalam sistem yang akan dibangunadalah sebagai berikut:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<p style="line-height: 2">Nama Field : Products</p></li>
+Nama ''File'' : Petugas<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Tipe File : ''File'' ''Master''<br>
-<p style="line-height: 2">Tipe File : File Master</p></div>
+Fungsi  : Untuk menyimpan data petugas<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Media : ''Hardisk''<br>
-<p style="line-height: 2">Fungsi : Untuk emnyimpan data produk</p></div>
+''Primary'' ''Key'' : Id_petugas<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+''Foreign'' ''Key'' : Id_kelurahan<br>
-<p style="line-height: 2">Media : Hardisk</p></div>
+Panjang ''Record'' : 309<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Isi  : Id_petugas+nama+id_kelurahan+No_tlp+email+alamat.<br>
-<p style="line-height: 2">Primary Key : id</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.2 Tabel Petugas</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-nfujOwociwI/WoLm-KsFZlI/AAAAAAAAClg/3qStD5LYjJ8zpYWUFtR3e1xWJItUxGQvACL0BGAs/w530-d-h414-n-rw/petugaas.png"/></div>
-<p style="line-height: 2">Panjang Record : 82</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Isi : id+name+kategori_id+quantity82</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Tabel 4.2 Tabel Products</p></div>
-<div align="center"><img width="400" height="250" style="margin:0px" src="https://s26.postimg.org/r5ik6fbux/rancangan1.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Nama ''File'' : ''Customers''<br>
-<p style="line-height: 2">Nama Field : Categories</p></li>
+Tipe ''File'' : ''File'' ''Master''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Fungsi  : Untuk menyimpan data ''Customers''<br>
-<p style="line-height: 2">Tipe File : File Master</p></div>
+Media : ''Hardisk''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+''Primary'' ''Key'' : Id_customers<br>
-<p style="line-height: 2">Fungsi : Untuk menyimpan data kategori barang</p></div>
+''Foreign'' ''Key'' : Id_kelurahan<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Panjang ''Record'' : 309<br>
-<p style="line-height: 2">Media : Hardisk</p></div>
+Isi  : Id_customers+nama+id_kelurahan+No_tlp+email+alamat.<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.3 Tabel ''Customers''</p></div>
-<p style="line-height: 2">Primary Key : id</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-3q7vYdrFtyU/WoLo149TLeI/AAAAAAAACnY/WgBtHuKM9JU_nrf1b9T-OqDaQtXuDfynACL0BGAs/w530-d-h383-n-rw/customers.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Panjang Record : 41</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Isi : id+name</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Tabel 4.3 Tabel Categories</p></div>
-<div align="center"><img width="300" height="200" style="margin:0px" src="https://s26.postimg.org/fyebc1zux/rancangan2.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<p style="line-height: 2">Nama Field : Supplier</p></li>
+Nama ''File'' : Wilayah<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Tipe ''File'' : ''File'' ''Master''<br>
-<p style="line-height: 2">Tipe File : File Master</p></div>
+Fungsi  : Untuk menyimpan data wilayah<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Media : ''Hardisk''<br>
-<p style="line-height: 2">Fungsi : Untuk menyimpan data supplier</p></div>
+''Primary'' ''Key'' : Id_wilayah<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Panjang ''Record'' : 47<br>
-<p style="line-height: 2">Media : Hardisk</p></div>
+Isi  : Id_wilayah+nama.<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.4 Tabel Wilayah</p></div>
-<p style="line-height: 2">Primary Key : id</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-SKgTj_vyWlc/WnASEaCSXHI/AAAAAAAABmA/zKrMHKfVGD8Z7fu3KSopeAoqoZ1OGBX2gCL0BGAs/w530-d-h125-n-rw/wilayah.PNG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Panjang Record : 176</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Isi : id+name+address+phone</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Gambar 4.4 Tabel Supplier</p></div>
-<div align="center"><img width="400" height="250" style="margin:0px" src="https://s26.postimg.org/ijt2r2409/rancangan3.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<p style="line-height: 2">Nama Field : Section</p></li>
+Nama ''File'' : Kecamatan<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Tipe ''File'' : ''File Master''<br>
-<p style="line-height: 2">Tipe File : File Master</p></div>
+Fungsi  : Untuk menyimpan data kecamatan<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Media : ''Hardisk''<br>
-<p style="line-height: 2">Fungsi : Untuk menyimpan data section</p></div>
+''Primary'' ''Key'' : Id_kecamatan<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+''Foreign'' ''Key'' : Id_wilayah<br>
-<p style="line-height: 2">Media : Hardisk</p></div>
+Panjang ''Record'' : 59<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Isi  : Id_kecamatan+nama+id_wilayah.<br>
-<p style="line-height: 2">Primary Key : id</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.5 Tabel Kecamatan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-2KUskkBTuNQ/WnASbHXJocI/AAAAAAAABmU/uTu23fAyryE8nPsTer73BIXfUvRqpJTMACL0BGAs/w530-d-h165-n-rw/kecamatan.PNG"/></div>
-<p style="line-height: 2">Panjang Record : 61</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Isi : id+name</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Gambar 4.5 Tabel Section</p></div>
-<div align="center"><img width="300" height="200" style="margin:0px" src="https://s26.postimg.org/nz1ss0vk9/rancangan4.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<p style="line-height: 2">Nama Field : In</p></li>
+Nama ''File'' : Kelurahan<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Tipe ''File'' : ''File'' ''Master''<br>
-<p style="line-height: 2">Tipe File : File Master</p></div>
+Fungsi  : Untuk menyimpan data kelurahan<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Media : ''Hardisk''<br>
-<p style="line-height: 2">Fungsi : Untuk menyimpan data barang masuk</p></div>
+''Primary'' ''Key'' : Id_kelurahan<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+''Foreign ''Key'' : Id_kecamatan<br>
-<p style="line-height: 2">Media : Hardisk</p></div>
+Panjang ''Record'' : 59<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Isi  : Id_kelurahan+nama+id_kecamatan.<br>
-<p style="line-height: 2">Primary Key : id</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.6 Tabel Kelurahan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-nnhnT9WAk-0/WnASfOlNT5I/AAAAAAAABmo/tZxmJ-W9R5IZF5A4MGv1tgqFoGpSBxy7ACL0BGAs/w530-d-h165-n-rw/kelurahan.PNG"/></div>
-<p style="line-height: 2">Panjang Record : 42</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Isi : id+id_in+id_from+date</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Gambar 4.6 Tabel In</p></div>
-<div align="center"><img width="400" height="250" style="margin:0px" src="https://s26.postimg.org/xh655t6mh/rancangan5.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<p style="line-height: 2">Nama Field : Out</p></li>
+Nama ''File'' : Cara bayar<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Tipe ''File'' : ''File'' ''Master''<br>
-<p style="line-height: 2">Tipe File : File Master</p></div>
+Fungsi  : Untuk menyimpan data cara bayar<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Media : ''Hardisk''<br>
-<p style="line-height: 2">Fungsi : Untuk menyimpan data barang keluar</p></div>
+''Primary'' ''Key'' : Id_carabayar<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Panjang ''Record'' : 47<br>
-<p style="line-height: 2">Media : Hardisk</p></div>
+Isi  : Id_cara bayar+nama.<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.7 Tabel Cara Bayar</p></div>
-<p style="line-height: 2">Primary Key : id</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-TSt-2zj_XT0/WnASq88lB1I/AAAAAAAABm8/jkbCiwYwkY43S8I7hEyBV4BVgSUUWyVmQCL0BGAs/w530-d-h125-n-rw/cara%2Bbayar.PNG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Panjang Record : 42</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Isi : id+id_out+id_to+date</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">TGambar 4.7 Tabel Out</p></div>
-<div align="center"><img width="400" height="250" style="margin:0px" src="https://s26.postimg.org/ltc3b9hhl/rancangan6.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<p style="line-height: 2">Nama Field : Items_in</p></li>
+Nama ''File'' : Pembayaran<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Tipe ''File'' : ''File'' ''Master''<br>
-<p style="line-height: 2">Tipe File : File Master</p></div>
+Fungsi  : Untuk menyimpan data pembayaran<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Media : ''Hardisk''<br>
-<p style="line-height: 2">Fungsi : Untuk menyimpan data laporan barang masuk</p></div>
+''Primary'' ''Key'' : Id_pembayaran<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Panjang ''Record'' : 36<br>
-<p style="line-height: 2">Media : Hardisk</p></div>
+Isi  : Id_pembayaran+id_petugas+id_user+tanggal.<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.8 Tabel Pembayaran</p></div>
-<p style="line-height: 2">Primary Key : id</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-t-uMQA28Dck/WnASylDk0mI/AAAAAAAABnQ/jxXdL3iDEOkC6y861IfJ96emH21dTf3cgCL0BGAs/w530-d-h244-n-rw/pembayaran.PNG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Panjang Record : 52</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Isi : id+id_in+id_products+quantity</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Gambar 4.8 Tabel Items_in</p></div>
-<div align="center"><img width="400" height="250" style="margin:0px" src="https://s26.postimg.org/tbv8jw8uh/rancangan7.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<p style="line-height: 2">Nama Field : Items_out</p></li>
+Nama ''File'' : Pembayaran ''detail''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Tipe ''File'' : ''File'' ''Master''<br>
-<p style="line-height: 2">Tipe File : File Master</p></div>
+Fungsi  : Untuk ''input'' data pembayaran baru<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Media : ''Hardisk''<br>
-<p style="line-height: 2">Fungsi : Untuk menyimpan data laporan barang keluar</p></div>
+''Foreign'' ''Key'' : Id_pembayaran<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Id_customers<br>
-<p style="line-height: 2">Media : Hardisk</p></div>
+Id_carabayar<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Panjang ''Record'' : 62.2<br>
-<p style="line-height: 2">Primary Key : id</p></div>
+Isi  : Id_pembayaran+id_customers+id_carabayar+nominal+bulan+tahun<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.9 Tabel Pembayaran ''Detail''</p></div>
-<p style="line-height: 2">Panjang Record : 52</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-At2gyGDfwhE/WnAS4pUfvFI/AAAAAAAABnk/8BOk70hgQrUPh9Pc5uh8ubP_dYSjHCVhACL0BGAs/w530-d-h325-n-rw/pembayaran%2Bdetail.PNG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Isi : id+id_out+id_products+quantity</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">4.9Tabel Items_out</p></div>
-<div align="center"><img width="400" height="250" style="margin:0px" src="https://s26.postimg.org/oh64zczwp/rancangan8.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<p style="line-height: 2">Nama Field : Users</p></li>
+Nama ''File'' : ''User''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Tipe ''File'' : ''File'' ''Master''<br>
-<p style="line-height: 2">Tipe File : File Master</p></div>
+Fungsi  : Untuk menyimpan data user<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Media : ''Hardisk''<br>
-<p style="line-height: 2">Fungsi : Untuk menyimpan data pengguna</p></div>
+''Primary'' ''Key'' : Id_user<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Panjang ''Record'' : 408<br>
-<p style="line-height: 2">Media : Hardisk</p></div>
+Isi  : Id_user+nama+email+password+remembertoken+username.<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.10 Tabel ''User''</p></div>
-<p style="line-height: 2">Primary Key : username</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-mU-diCroxrg/WoLodNZRxOI/AAAAAAAACm4/-YLgeqFGGE4cCgt2bMihCObHFL66cXmOwCL0BGAs/w530-d-h385-n-rw/Untitled.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Panjang Record : 31</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Isi : username+password+level</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">4.10 Tabel Users</p></div>
-<div align="center"><img width="400" height="250" style="margin:0px" src="https://s26.postimg.org/bypjis2x5/rancangan9.jpg"/></div>
-</ol>
-===Rancangan Prototype===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+Nama ''File'' : ''User'' ''has'' ''roles''<br>
-<p style="line-height: 2">Rancangan prototype sistem barang non inventory (komodity) pada warehouse fitting di PT Surya Toto Indonesia Tbk. Tangerang Selatan diantaranya yaitu:</p></div>
+Tipe ''File'' : ''File'' ''Master''<br>
+Fungsi : Untuk menyambungkan ''user'' dengan ''roles''<br>
+Media : ''Hardisk''<br>
+''Primary'' ''Key'' : Id_roles<br>
+''Foreign'' ''Key'' : Id_user<br>
+Panjang ''Record'' : 24<br>
+Isi : Id_roles+id_user.<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.11 Tabel ''User'' ''Has'' ''Roles''</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-_n5uuo7hoPs/WnATRWtEPfI/AAAAAAAABow/O6O352_mcow2lFrFDVsMiRavH0HBrr8rgCL0BGAs/w530-d-h124-n-rw/user%2Bhas%2Broles.PNG"/></div>
-===Prototype Login===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+Nama ''File'' : ''Roles''<br>
-<p style="line-height: 2">Pada saat program pertama kali dijalankan maka tampilan yang yang muncul adalah login. Tampilan login berfungsi sebagai awal dalam menggunakan sistem informasi barang non inventory (komodity), yang berhak melakukan login yaitu: admin gudang dan kepala gudang. Akses yang dapat diguanakan oleh admin gudang untuk menginput data products, data categories, data supplier, data section, data in, data out, report barang masuk dan report barang keluar. Sedangkan, kepala gudang hanya dapat mengakses untuk report barang masuk dan report barang keluar.</p></div>
+Tipe ''File'' : ''File'' ''Master''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada login yang ditunjukkan pada gambar 4.6:</p></div>
+Fungsi : Untuk menyimpan data ''roles''<br>
+Media : Hardisk<br>
+''Primary'' ''Key'' : Id_roles<br>
+Panjang ''Record'' : 47<br>
+Isi : Id_roles+name.<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.12 Tabel ''Roles''</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-cBDeRfpoqMU/WnATZk-8hYI/AAAAAAAABpI/aiaNHAP3GXoKmQXGebmEt4m1cTM9bS0XACL0BGAs/w530-d-h124-n-rw/roles.PNG"/></div>
-<div align="center"><img width="450" height="300" style="margin:0px" src="https://s26.postimg.org/3yj5aqax5/New_Mockup_1.png"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+Nama ''File'' : ''Roles'' ''has'' ''permissions''<br>
-<p style="line-height: 2">Gambat 4.6 Tampilan Login</p></div>
+Tipe ''File'' : ''File'' ''Master''<br>
+Fungsi : Untuk menyambungkan roles dengan permissions<br>
+Media : ''Hardisk''<br>
+''Primary'' ''Key'' : Id_permissions<br>
+''Foreign'' ''Key'' : Id_roles<br>
+Panjang ''Record'' : 24<br>
+Isi : Id_permissions+id_roles.<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.13 Tabel ''Roles'' ''Has'' ''Permissions''</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-m4pHnSULPvw/WnATgdoNr2I/AAAAAAAABps/R4YDO1QlZswZpuxSdaQ_Chw59q3GbDDXACL0BGAs/w530-d-h124-n-rw/roles%2Bhas%2Bpermissions.PNG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Komponen-komponen pada menu login adalah sebagai berikut:</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<ol>
+Nama ''File'' : ''Permissions''<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Tipe ''File'' : ''File'' ''Master''<br>
-<p style="line-height: 2">Textifield username : memasukan username pada kolomusername</p></li>
+Fungsi : Untuk menyimpan data ''permissions''<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Media : ''Hardisk''<br>
-<p style="line-height: 2">Textifield password : memasukan password yang telah dibuat sesuai dengan username agar masuk ke dala sistem</p></li>
+''Primary'' ''Key'' : Id_permissions<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Panjang ''Record'' : 47<br>
-<p style="line-height: 2">Button login : setelah memasukkan username dan password dengan benar selanjutnya klik login setelah itu admin dapat masuk kedalam sistem. Sedangkan, kalau username atau password salah maka tidak dapat masuk kedalam sistem dan akan muncul tulisan username atau password salah.</p></li>
+Isi : Id_permissions+nama.<br>
-</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.14 Tabel ''Permissions''</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-a1s6tChEzWs/WnAT2hYuJOI/AAAAAAAABqc/Br9Qm6DtzYMSpk-O03bt6E1LQhGZVVc-wCL0BGAs/w530-d-h123-n-rw/permissions.PNG"/></div>
-===Prototype Menu Utama (Home)===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+Nama ''File'' : ''User'' ''has'' ''permissions''<br>
-<p style="line-height: 2">Rancangan menu home untuk mrnampilkan halaman awal pada sistem barang non inventory (komodity), yang berisi mrnu products, categories, suppliers, section, in, out, report barang masuk, report barang keluar dan users.</p></div>
+Tipe ''File'' : ''File'' ''Master''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan rancangan prototype pada menu home yang ditunjukkan pada gambar 4.7:</p></div>
+Fungsi : Untuk menyambungkan ''user'' dengan ''permissions''<br>
+Media : ''Hardisk''<br>
+''Primary'' ''Key'' : Id_user<br>
+''Foreign'' ''Key'' : Id_ permissions<br>
+Panjang ''Record'' : 24<br>
+Isi : Id_user+id_permissions.<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.15 Tabel ''User'' ''Has'' ''Permissions''</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-9bIQPCJ2UEA/WnAT-lf1KaI/AAAAAAAABq4/gBbNvzlVxww5KDeskYpam8NlgBZ4ozdnwCL0BGAs/w530-d-h125-n-rw/user%2Bhas%2Bpermissions.PNG"/></div>
-<div align="center"><img width="450" height="300" style="margin:0px" src="https://s26.postimg.org/az753icp5/home.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Gambar 4.7 Menu home</p></div>
-===Prototype Menu Products===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan rancangan prototype pada menu products yang ditunjukkan pada gambar 4.8:</p></div>
+Nama ''File'' : ''password'' ''resets''<br>
+Fungsi : Untuk menyimpan data ganti password<br>
+Media : ''Hardisk''<br>
+Panjang ''Record'' : 382<br>
+Isi : email+token.<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.16 Tabel ''Password'' ''Resets''</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-raLcf4S4Jek/WozXQn0p0DI/AAAAAAAACpQ/0lueBx7vOZkZE8CL79XVvPMtNQSvg-eAQCJoC/w530-h166-n-rw/pass.png"/></div>
-<div align="center"><img width="450" height="300" style="margin:0px" src="https://s26.postimg.org/ohimtje89/Products.png"/></div>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<br>
-<p style="line-height: 2">Gambar 4.8 Menu products</p></div>
+{{pagebreak}}
+<hr width="100%">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Komponen-komponen tampilan daftar products yaitu:</p></div>
+==Rancangan Prototype==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Rancangan prototype sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan diantaranya yaitu:</p></div>
+===Prototype Login===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada saat program pertama kali dijalankan pada tampilan yang muncul yaitu login. Tampilan login berfungsi sebagai awal dalam menggunakan sistem informasi pendataan pembayaran retribusi pelayanan persampahan/kebersihan, yang berhak melakukan login yaitu: Kepala UPT Retribusi Persampahan dan Bendahara Pembantu Penerima. <br>
+Berikut ini merupakan tampilan rancangan prototype pada login yang ditunjukkan pada gambar 4.7:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-L7CDixm2nKg/Wm85IQ4NTKI/AAAAAAAABC8/Wv1xesXaKBkre-bm4YBx_Rgr1CvFn1tAgCL0BGAs/w530-d-h455-n-rw/New%2BMockup%2B1.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada menu ''login'' yaitu:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Textfield'' ''Text'' ''field'' ''username'' : masukan ''username'' pada kolom ''username''.
-<p style="line-height: 2">Field id : Menampilkan id (kode) barang</p></li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Text'' ''field'' ''password'' : masukan ''password'' yang sesuai dengan ''username'' agar masuk ke dalam sistem.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Check'' ''box'' ''remember'' ''me'' : klik remember me pada ''Check'' ''box'' untuk mempermudah agar tidak selalu memasukkan ''username'' dan ''password'' secara otomatis, langsung klik ''login''.
-<p style="line-height: 2">Field nama : Menampilkan nama barang</p></li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' ''login'' : setelah memasukkan ''username'' dan ''password'' dengan benar selanjutnya klik ''remember'' ''me'' dan klik ''login'' setelah itu ''admin'' dapat masuk kedalam sistem. Sedangkan, jika ''username'' atau ''password'' salah maka tidak dapat masuk kedalam sistem dan akan muncul tulisan ''username'' atau ''password'' salah.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Field kategori id : Menampilkan id (kode) kategori</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Field quantity : Menampilkan quantity barang</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Field edit : Pada tombol edit jika ingin mengganti atau menghapus dasftar barang yang terdapat pada warehouse fitting di PT Surya Toto Indonesia Tbk. Tangerang Selatan.</p></li>
 </ol>
-===Prototype Menu Categories===
+===Prototype Menu Utama (''Dashboard'')===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan rancangan prototype pada menu categories yang ditunjukkan pada gambar 4.9:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Rancangan menu utama (''dashboard'') untuk menampilkan halaman awal pada sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan, yang berisi menu petugas, menu ''customers'', menu wilayah, menu kecamatan, menu kelurahan, menu metode pembayaran, menu pembayaran, menu laporan harian, menu laporan mingguan, menu laporan bulanan, menu ''users'', menu ''roles'' dan menu ''permissions'' dan menu ''logout''.<br>
+Berikut ini merupakan tampilan rancangan prototype pada menu utama (''dashboard'') yang ditunjukkan pada gambar 4.8:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-uYvuNRxZBMc/Wm9HOn2J0FI/AAAAAAAABNM/-OW4gwHmMRAp4zD-9_sa0Lpual51eLBUgCL0BGAs/w530-d-h347-n-rw/New%2BMockup%2Bk1.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.8 Menu Utama (''Dashboard'')</p></div>
-<div align="center"><img width="450" height="300" style="margin:0px" src="https://s26.postimg.org/6383pk1xl/Categories.png"/></div>
+===Prototype Halaman Master Data Petugas===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini merupakan tampilan rancangan prototype pada master data petugas yang ditunjukkan pada gambar 4.9:</p></div>
-<p style="line-height: 2">Gambar 4.9 Menu categories</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-6yRm12zKAoI/Wm85wqPdehI/AAAAAAAABDY/TIphUbvRzycy1rK-nXUjjZBpPaVKEkjMwCJoC/w530-h400-n-rw/New%2BMockup%2B3.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambaar 4.9 Master Data Petugas</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan data petugas yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Nama, kelurahan, No. Tlp, Email, Alamat dan Opsi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Show'' ''entries'' untuk menampilkan jumlah data dalam satu halaman.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Previous'' dan ''next'' untuk melihat halaman sebelum dan selanjutnya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Search'' untuk mencari data petugas
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' ''add'' petugas, maka akan tampil ''input'' data petugas yang ditunjukkan pada gambar 4.10:<br>
+</ol>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-ylmOSaEr7qo/Wm9HHe89TyI/AAAAAAAABM0/e2N4DlOnzw4L9bLmi8M-GsVbOXsVK5YWACL0BGAs/w530-d-h402-n-rw/New%2BMockup%2B20.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.10 ''Input'' Data Petugas</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada ''input'' data petugas yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di ''form'' data petugas isi : nama petugas, kelurahan, no. Tlp, email dan alamat.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat ''button'' Simpan untuk menambah data petugas.
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Komponen-komponen tampilan daftar categories yaitu:</p></div>
+===Prototype Halaman Master Data ''Customers''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini merupakan tampilan rancangan prototype pada master data ''customers'' yang ditunjukkan pada gambar 4.11:</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-ju6bZH-M5TM/Wm9FVWRDiUI/AAAAAAAABKw/RwY4WJQRxkUA318SA1crft_vX2ii5kZjACL0BGAs/w530-d-h401-n-rw/New%2BMockup%2B4.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.11 Master Data ''Customers''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan data ''Customers'' yaitu:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Nama, kelurahan, No. Tlp, Email, Alamat dan Opsi.
-<p style="line-height: 2">Field id : Menampilkan id (kode) categories</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Show'' ''entries'' untuk menampilkan jumlah data dalam satu halaman.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Previous'' dan ''next'' untuk melihat halaman sebelum dan selanjutnya.
-<p style="line-height: 2">Field nama : menampilkan nama categories</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Search'' untuk mencari data ''customers''.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' ''add'' ''customers'' maka akan tampil ''input'' data ''customers'' yang ditunjukkan pada gambar 4.12:
-<p style="line-height: 2">Field edit : pada tombol edit jika ingin mengganti atau menghapus daftar categories yang terdapat pada warehouse fitting di PT Surya Toto Indonesia Tbk. Tangerang Selatan</p></li>
+<br>
+</ol>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-5F_-Umwxyps/Wm9FpndTMDI/AAAAAAAABLI/t50fOU_pHCYE8W0KEaB_dUEkqjS0D2_0wCL0BGAs/w530-d-h401-n-rw/New%2BMockup%2B26.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar  4.12 ''Input'' Data ''Customers''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada ''input'' data ''customers'' yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di ''form'' data ''customers'' isi : nama ''customers'', kelurahan, no. Tlp, email dan alamat.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat ''button'' Simpan untuk menambah data ''customers''.
 </ol>
-===Prototype Menu Supplier===
+===Prototype Halaman Master Data Wilayah===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan rancangan prototype pada menu categories yang ditunjukkan pada gambar 4.10:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada master data wilayah yang ditunjukkan pada gambar 4.13:</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-IT5C4a5D5vc/Wm9Govxs3xI/AAAAAAAABME/nqLSCouqZfYUUgpJY_YFtEEfV8OSILPCACL0BGAs/w530-d-h401-n-rw/New%2BMockup%2B5.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.13 Master Data Wilayah</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan data wilayah yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Nama dan Opsi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Show'' ''entries'' untuk menampilkan jumlah data dalam satu halaman.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Previous'' dan ''next'' untuk melihat halaman sebelum dan selanjutnya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Search'' untuk mencari data wilayah.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' ''add'' wilayah maka akan tampil ''input'' data wilayah yang ditunjukkan pada gambar 4.14:<br>
+</ol>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-6HwYJKtqA34/Wm9GvZ7VUQI/AAAAAAAABMY/dnMr3iZiKGwqBYgLAvzYMU3LrMiMOzIXwCL0BGAs/w530-d-h401-n-rw/New%2BMockup%2B27.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.14 ''Input'' Data Wilayah</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada ''input'' data Wilayah yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di ''form'' data wilayah isi : nama wilayah.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat ''button'' Simpan untuk menambah data wilayah.
+</ol>
-<div align="center"><img width="450" height="300" style="margin:0px" src="https://s26.postimg.org/emrhnbaa1/Suppliers.png"/></div>
+===Prototype Halaman Master Data Kecamatan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada master data kecamatan yang ditunjukkan pada gambar 4.15:</p></div>
-<p style="line-height: 2">Gambar 4.10 Menu Supplier</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-UNDa7QigQjA/Wm9Hj5ezQ6I/AAAAAAAABNk/CLJSmLoN2gIysyDs7URvldkIqDqr-ReuwCL0BGAs/w530-d-h400-n-rw/New%2BMockup%2B6.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.15 Master Data Kecamatan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan data kecamatan yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1. Nama, wilayah dan Opsi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Show'' ''entries'' untuk menampilkan jumlah data dalam satu halaman.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Previous'' dan ''next'' untuk melihat halaman sebelum dan selanjutnya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Search'' untuk mencari data kecamatan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' ''add'' kecamatan maka akan tampil ''input'' data kecamatan yang ditunjukkan pada gambar 4.16:<br>
+</ol>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-UNDa7QigQjA/Wm9Hj5ezQ6I/AAAAAAAABNk/CLJSmLoN2gIysyDs7URvldkIqDqr-ReuwCL0BGAs/w530-d-h400-n-rw/New%2BMockup%2B6.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.10 ''Input'' Data Kecamatan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada ''input'' data Kecamatan yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di ''form'' data kecamatan isi : nama kecamatan dan wilayah.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat ''button'' Simpan untuk menambah data kecamatan
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Komponen-komponen tampilan daftar supplier yaitu:</p></div>
+===Prototype Halaman Master Data Kelurahan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada master data kelurahan yang ditunjukkan pada gambar 4.17:</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-nzdZn0EwyR4/Wm9H88bLSAI/AAAAAAAABOk/BzfGgpOwMA8x-moGdpX4kKsgFNgzdrsIACL0BGAs/w530-d-h401-n-rw/New%2BMockup%2B7.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambaar 4.17 Master Data Kelurahan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan data Kelurahan yaitu:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Nama, kecamatan dan Opsi.
-<p style="line-height: 2">Field id : Menampilkan id (kode) supplier</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Show'' ''entries'' untuk menampilkan jumlah data dalam satu halaman.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Previous'' dan ''next'' untuk melihat halaman sebelum dan selanjutnya.
-<p style="line-height: 2">Field nama : Menampilkan nama supplier</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Search'' untuk mencari data kelurahan.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' ''add'' kelurahan maka akan tampil ''input'' data kelurahan yang ditunjukkan pada gambar 4.18:<br>
-<p style="line-height: 2">Field address : Menampilkan alamat supplier</p></li>
+</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-YBIKVHqMfbs/Wm9IBXo8QXI/AAAAAAAABO8/wy-JXUG8g7k_FYk86wdNTprhwjalMwMowCL0BGAs/w530-d-h401-n-rw/New%2BMockup%2B30.png"/></div>
-<p style="line-height: 2">Field phone : Menampilkan nomor telfon supplier</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.18 ''Input'' Data Kelurahan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada ''input'' data kelurahan yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di ''form'' data kelurahan isi : nama kelurahan dan kecamatan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat ''button'' Simpan untuk menambah data kelurahan.
 </ol>
-===Prototype Menu Section===
+===Prototype Halaman Master Data Cara Bayar===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada login yang ditunjukkan pada gambar 4.11:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada master data cara bayar yang ditunjukkan pada gambar 4.19:</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-xQSzMBImk_g/Wm9IPfN56qI/AAAAAAAABPk/0RihYYinCGwA3sNtMZAAmiiYipLaWU5zQCL0BGAs/w530-d-h402-n-rw/New%2BMockup%2B8.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambaar 4.19 Master Data Cara Bayar</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan data cara bayar yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Nama dan Opsi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Show'' ''entries'' untuk menampilkan jumlah data dalam satu halaman.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Previous'' dan ''next'' untuk melihat halaman sebelum dan selanjutnya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Search'' untuk mencari data cara bayar.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' ''add'' cara bayar maka akan tampil ''input'' data cara bayar yang ditunjukkan pada gambar 4.20<br>
+</ol>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-jjOQLae9bFA/Wm9IXkOhGrI/AAAAAAAABQA/pYZ7L_mCdrk22FB0qnwa-dNUbya5guIVgCL0BGAs/w530-d-h401-n-rw/New%2BMockup%2B24.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.20 ''Input'' Data Cara Bayar</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada ''input'' data cara bayar yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di ''form'' data cara bayar isi : nama cara bayar.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat ''button'' simpan untuk menambah data cara bayar.
+</ol>
-<div align="center"><img width="450" height="300" style="margin:0px" src="https://s26.postimg.org/3kvlgcuyx/Section.png"/></div>
+===Prototype Halaman Menu data pembayaran===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada data pembayaran yang ditunjukkan pada gambar 4.21:</p></div>
-<p style="line-height: 2">Gambar  4.11 Menu Section</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-3e4cDRVHOiU/Wm9FAQ2FAXI/AAAAAAAABKU/asZ3siDBatUjzS1NlGPARPHzoUsyeOi_ACL0BGAs/w530-d-h402-n-rw/New%2BMockup%2B9.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.21 Menu Data Pembayaran</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan data pembayaran yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">No, tanggal, petugas, kelurahan dan Opsi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Show'' ''entries'' untuk menampilkan jumlah data dalam satu halaman.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Previous'' dan ''next'' untuk melihat halaman sebelum dan selanjutnya.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Search'' untuk mencari data pembayaran
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' ''add'' pembayaran maka akan tampil ''input'' data pembayaran yang ditunjukkan pada gambar 4.22<br>
+</ol>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-aql1VkVgazE/Wm9IwnDG-OI/AAAAAAAABQw/1HK2kHhjsc0WOrxyfHyv1qPesg2HK8MswCL0BGAs/w530-d-h402-n-rw/New%2BMockup%2B16.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.22 ''input'' data pembayaran</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada ''input'' data pembayaran yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di ''form'' data pembayaran isi : petugas, kelurahan, tanggal bayar, ''customers'', nominal, bulan, tahun, cara bayar dan #.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat ''button'' ''+add'' untuk menambah pembayaran.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat ''button'' Simpan untuk menambah data pembayaran.
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Komponen-komponen tampilan daftar section yaitu:</p></div>
+===Prototype Halaman Laporan Harian ===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada laporan harian yang ditunjukkan pada gambar 4.23:</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/--nvnBqS1DKM/Wm9I0k9MdKI/AAAAAAAABRQ/UCdm8pF9C44sOy82TN74KMF6PhZY8PmxwCL0BGAs/w530-d-h402-n-rw/New%2BMockup%2B10.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambaar 4.23 Laporan Harian</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan daftar laporan harian yaitu:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">No, nama petugas, wilayah, kecamatan, kelurahan dan total.
-<p style="line-height: 2">Field id : Menampilkan id (kode) section</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Isi ''text'' ''fild'' ketik tanggal untuk menampilkan data laporan harian sesuai tanggal.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' tampilkan untuk menampilkan daftar laporan harian.
-<p style="line-height: 2">Field nama : Menampilkan nama section</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Print'' untuk cetak data laporan harian<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Field edit : pada tombol edit jika ingin mengganti atau menghapus daftar categories yang terdapat pada warehouse fitting di PT Surya Toto Indonesia Tbk. Tangerang Selatan</p></li>
 </ol>
-===Prototype Menu In===
+===Prototype Halaman Laporan Mingguan ===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada login yang ditunjukkan pada gambar 4.12:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada laporan mingguan yang ditunjukkan pada gambar 4.24:</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-I4EUPrW-fyU/Wm9I55hWz3I/AAAAAAAABRs/MvK0x7I1C_AKurgpYlEsNFxPyvGo1VLrwCL0BGAs/w530-d-h352-n-rw/New%2BMockup%2B11.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambaar 4.24 Laporan Mingguan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan daftar laporan mingguan yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">No, nama petugas, wilayah kerja, kecamatan, kelurahan minggu ke dan nominal.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Isi ''text'' ''fild'' ketik bulan ke berapa dan tahun ke berapa untuk menampilkan data laporan mingguan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' tampilkan untuk menampilkan daftar laporan mingguan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Print'' untuk cetak data laporan mingguan.<br>
+</ol>
-<div align="center"><img width="450" height="300" style="margin:0px" src="https://s26.postimg.org/ebj8218ll/Barang_Masuk.png"/></div>
+===Prototype Halaman Laporan Bulanan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada laporan bulanan yang ditunjukkan pada gambar 4.25:</p></div>
-<p style="line-height: 2">Gambar 4.12 Menu Barang Masuk</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-uwlEOvGArs4/Wm9I-EsjmtI/AAAAAAAABSE/wI8vrw6-81ETAElBAQU9L6Rfr2z4VTdSwCL0BGAs/w530-d-h382-n-rw/New%2BMockup%2B12.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambaar 4.25 Laporan bulanan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Komponen-komponen tampilan daftar In yaitu:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan daftar laporan bulanan yaitu:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tanggal, petugas, customers, SKRD transfer, SKRD, karcis transfer dan karcis.
-<p style="line-height: 2">Field id in : Menampilkan id (kode) barang masuk</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Isi ''text'' ''fild'' ketik bulan ke berapa tahun ke berapa untuk menampilkan data laporan bulanan.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' tampilkan untuk menampilkan daftar laporan bulanan.
-<p style="line-height: 2">Field nama : Menampilkan nama supplier</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Print'' untuk cetak data laporan bulanan.<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Field date : Menampilkan tanggal barang masuk</p></li>
 </ol>
-===Prototype Menu Out===
+===Prototype Halaman ''Setting'' ''User'' ''Administration''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada login yang ditunjukkan pada gambar 4.13</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada ''setting'' ''user'' ''administration'' yang ditunjukkan pada gambar 4.26: </p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-FFWLsBB7r1U/Wm9JhUdwZjI/AAAAAAAABTA/8eNvn-QmqJAuorNhIQeXEmL5RVuwgFjggCL0BGAs/w530-d-h401-n-rw/New%2BMockup%2B13.png"/></div>
-<div align="center"><img width="450" height="300" style="margin:0px" src="https://s26.postimg.org/7df3w3ah5/Barang_Keluar.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.26 ''Setting'' ''User'' ''Administration''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan data ''user'' ''administration'' yaitu:</p></div>
-<p style="line-height: 2">Gambar 4.13 Menu Barang Keluar</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Komponen-komponen tampilan daftar out yaitu:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Nama, ''username'', ''date/time'' ''added'', ''user'' ''roles'' dan ''Operations''.
-<p style="line-height: 2">Field id out : Menampilkan nomoi id (kode) barang keluar</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' ''add'' ''user'' untuk menambah data ''user''.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' ''permissions'' untuk menampilkan data ''permission''.
-<p style="line-height: 2">Field nama : Menampilkan nama section</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' ''Roles'' untuk menampilkan data ''roles''.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' ''add'' ''user'' maka akan tampil input data user yang ditunjukkan pada gambar 4.27:<br>
-<p style="line-height: 2">Field date : Menampilkan tanggal barang keluar</p></li>
+</ol>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-YJdQXLmRna4/Wm9JnXpnzFI/AAAAAAAABTY/kPQzcwODhTU0ikzOekKyspfsbDtzEuLbQCL0BGAs/w530-d-h401-n-rw/New%2BMockup%2B19.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.27 ''Input'' Data ''User''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada ''input'' data ''user'' yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Nama, ''email'', ''username'', ''password'', dan ''confirm'' ''password''.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik ''Check'' ''box'' memilih hak akses untuk ''admin'' atau Bendahara.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' ''add'' untuk menambah data ''user''.
 </ol>
-===Prototype Menu Report Barang Masuk===
+===Prototype Halaman Master ''Setting'' ''Roles''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada login yang ditunjukkan pada gambar 4.14:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada ''setting'' ''roles'' yang ditunjukkan pada gambar 4.28: </p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-dxmY0jaj_78/Wm9J9MJRFhI/AAAAAAAABUI/tG9TO4K9fMsKi1qTEb937j0aYEo9nI44gCL0BGAs/w530-d-h400-n-rw/New%2BMockup%2B14.png"/></div>
-<div align="center"><img width="450" height="300" style="margin:0px" src="https://s26.postimg.org/ibvgyxhvt/Laporan_Barang_Masuk.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.28 ''Setting'' ''Roles''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan data ''roles'' yaitu:</p></div>
-<p style="line-height: 2">Gambar 4.14 Menu Report Barang Masuk</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Komponen-komponen tampilan daftar Report Barang Masuk yaitu:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Role'', ''permissions'' dan ''Operations''.
-<p style="line-height: 2">Field no : Nomor urutan </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' ''permissions'' untuk menampilkan data ''permissions''.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' ''user'' untuk menampilkan data ''user''.
-<p style="line-height: 2">Field id barang masuk : Nomor id (kode) barang yang masuk</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' ''add'' ''role'' maka akan tampil ''input'' data ''role'' yang ditunjukkan pada gambar 4.29:<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+</ol>
-<p style="line-height: 2">Field supplier : Nama supplier</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-CIkLFeO8AWs/Wm9KGWhjEDI/AAAAAAAABUs/TV7ZmlTi6WE-V3AOweFUbKXUWLhbM6_bQCL0BGAs/w530-d-h401-n-rw/New%2BMockup%2B18.png"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.29 ''Input'' Data ''Roles''</p></div>
-<p style="line-height: 2">Field detail : Nama detail barang masuk</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada ''input'' data ''roles'' yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Isi ''text'' ''field'' untuk membuat hak akses baru
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik ''check'' ''box'' untuk memilih hak akses.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' ''add'' untuk menambah data ''roles''.
 </ol>
-===Prototype Menu Report Barang Keluar===
+===Prototype Halaman ''Setting'' ''Available'' ''Permissions''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada login yang ditunjukkan pada gambar 4.15:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tampilan rancangan prototype pada ''setting'' ''available'' ''permissions'' yang ditunjukkan pada gambar 4.30: </p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-lBlpFSzpIME/Wm9KOOsaAaI/AAAAAAAABVE/esceCkQvjasKABUzXqo76uk5EXxZmdtaACL0BGAs/w530-d-h402-n-rw/New%2BMockup%2B15.png"/></div>
-<div align="center"><img width="450" height="300" style="margin:0px" src="https://s26.postimg.org/5yims0s7d/Laporan_Barang_Keluar.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.30 ''Setting'' ''Available'' ''Permissions''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan data ''available'' ''permissions'' yaitu:</p></div>
-<p style="line-height: 2">Gambar 4.15 Menu Report Barang Keluar</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Komponen-komponen tampilan daftar Report Barang Masuk yaitu:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Permissions'' dan ''operations''.
-<p style="line-height: 2">Field no : Nomor urut laporan barang keluar</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' ''users'' untuk menampilkan data ''users''.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' ''Roles'' untuk menampilkan data ''roles''.
-<p style="line-height: 2">Field id barang keluar : Nomor id (kode) barang keluar</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' ''add'' ''permissions'' maka akan tampil ''input'' data ''permissions'' yang ditunjukkan pada gambar 4.31:<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Field section : Nama section</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Field detail : Nama detail barang keluar</p></li>
 </ol>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-vv7l6PigDms/Wm9KV9-nvhI/AAAAAAAABVY/ZflrqqF3518xdBpvKrBea2le21OZUVK0gCL0BGAs/w530-d-h401-n-rw/New%2BMockup%2B17.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.31 ''Input'' Data ''Permissions''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada ''input'' data ''permissions'' yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Isi ''text'' ''field'' nama untuk menambahkan menu baru pada ''admin'' atau bendahara.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik ''check'' ''box'' untuk memilih ''admin'' atau bendahara
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button'' ''add'' untuk menambah data ''permissions''.
+</ol>
+<br>
+{{pagebreak}}
+<hr width="100%">
 ==Konfigurasi Sistem Usulan==
 ===Spesifikasi Perangkat Keras (''Hardware'')===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Perangkat keras yang diusulkan dalam rancangan sistem ini adalah sebagai berikut:</p></div>
-<p style="line-height: 2">Perangkat keras yang diusulkan dalam rancangan sistem ini adalah sebagai berikut:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Processor : Intel i7-4785T
-<p style="line-height: 2">Processor : Intel (R) Core (TM) i3-4150 CPU @3.50GHZ</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Monitor : Lenovo 17” Inci
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Hardisk : 1 Terra
-<p style="line-height: 2">Monitor : Deli 17 Inci</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">RAM : 4.00 GB
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Keyboard : Logitec
-<p style="line-height: 2">Hardisk : 465 GB</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Printer : EPSON LQ 2190
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mouse : Lenovo
-<p style="line-height: 2">RAM : 4.00 GB</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Keyboard : Lenovo</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Printer : EPSON LQ 2180</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mouse : Lenovo</p></li>
 </ol>
 ===Spesifikasi Perangkat Lunak (''Software'')===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Perangkat lunak yang diusulkan dalam rancangan sistem ini adalah sebagai berikut:</p></div>
-<p style="line-height: 2">Perangkat lunak yang diusulkan dalam rancangan sistem ini adalah sebagai berikut:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sistem Operasi Windows 7
-<p style="line-height: 2">Sistem Operasi Windows 7</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Microsoft Office 2007
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">XAMPP
-<p style="line-height: 2">Microsoft Office 2007</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Notepad ++
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Visual Paradigm for UML 8.0
-<p style="line-height: 2">XAMPP</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Google Chrome
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Notepad ++</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Visual Paradigm for UML 8.0</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mysql</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Php</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Browser Google Crome</p></li>
 </ol>
 ===Hak Akses (''Brainware'')===
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepala UPT Retribusi Persampahan
-<p style="line-height: 2">Admin Gudang</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bendahara Pembantu Penerima
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Kepala Gudang</p></li>
 </ol>
+<br>
+{{pagebreak}}
+<hr width="100%">
-===Testing===
+==''Testing''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pengujian dilakukan dengan menggunakan ''black'' ''box'' ''testing'' ini, dilakukan dengan beberapa ''input'' pada sistem. ''Input'' tersebut selanjutnya di proses sesuai dengan kebutuhan fungsionalnya, untuk melihat apakah program aplikasi sudah dapat menghasilkan ''output'' yang sesuai dengan yang diharapkan dari sistem tersebut. Jika ''input'' yang diberikan sudah dapat menghasilkan ''output'' yang sesuai dengan kebutuhan fungsionalnya, maka program yang dibuat sudah benar. Namun jika output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka sistem masih terdapat beberapa kesalahan, selanjutnya dilakukan perbaikan agar memperbaiki kesalahan yang terjadi.</p></div>
-<p style="line-height: 2">Pengujian dengan menggunakan black box testing ini dilakukan dengan memberikan beberpa input pada sistem. Input tersebut kemudian di proses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah program aplikasi dapat menghasilkan output yang sesuai dengan yang diinginkan dari sistem tersebut. Jika input yang diberikan dapat menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program yang dibuat sudah benar. Namun bila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka sistem teersebut masih terdpat kesalahan, selanjutnya dilakukan perbaikan untuk memperbaiki kesalahan yang terjadi.</p></div>
-===Black Box Testing Login===
+===''Black'' ''Box'' ''Testing'' ''Login''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4. 16 dan 4.17 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu login</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel 4.17 dan 4.18 merupakan tabel pengujian sistem dengan menggunakan metode ''Black'' ''Box'' ''Testing'' pada menu ''login''.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.17 ''Black'' ''Box'' ''Testing'' pada menu ''login'' 1</p></div>
-<p style="line-height: 2">Gambar 4.16 Black Box Testing pada Menu Login 1</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-PJYXZ7b3SGg/WnAWUW1Qk8I/AAAAAAAABsw/lYGCJ1S16-o-5cNTMcogCKlERDB97sA9wCJoC/w530-h430-n-rw/Untitlejjjd.png"/></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/iiicti5s9/login_salah.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.18 ''Black'' ''Box'' ''Testing'' pada menu ''login'' 2</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-1hot7WgpP24/WnAYTK0OPcI/AAAAAAAABu0/njEHIjyq8z0WmDQesJZCun37quAc6VKiwCL0BGAs/w530-d-h572-n-rw/login2.png"/></div>
-<p style="line-height: 2">Skenario Pengujian : Jika memasukan data username atau password dengan salah dan langsung mengklik tombol login.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+===''Black'' ''Box'' ''Testing'' ''Input'' Data Petugas===
-<p style="line-height: 2">Gambar 4.17 Black Box Testing pada Menu Login 1</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel 4.19 dan 4.20 merupakan tabel pengujian sistem dengan menggunakan metode ''Black'' ''Box'' ''Testing'' pada ''input'' data petugas</p></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/40l5lieh5/login_benar.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.19 ''Black'' ''Box'' ''Testing'' pada ''input'' data petugas 1</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-YXDUqK85gGk/WnAZ8Z_YWJI/AAAAAAAABvw/CaIPedfUuBUUIWjU5jRlswHzI6Zu2IEngCL0BGAs/w530-d-h474-n-rw/petugas1.png"/></div>
-<p style="line-height: 2">Skenario Pengujian : Jika memasukan data username atau password dengan benar dan langsung mengklik tombol login.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.20 ''Black'' ''Box'' ''Testing'' pada ''input'' data petugas 2</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-m6KdIcMwtiY/WnAaERnOD4I/AAAAAAAABwE/hY_YEuS41cUXTMF6fi7-90lqQI6DSDehQCL0BGAs/w530-d-h547-n-rw/petugas2.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.18 dan 4.19 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada Menu Login 2</p></div>
+===''Black'' ''Box'' ''Testing'' ''Input'' Data ''Customers''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel 4.21 dan 4.22 merupakan tabel pengujian sistem dengan menggunakan metode ''Black'' ''Box'' ''Testing'' pada ''input'' data ''customers''.</p></div>
-<p style="line-height: 2">Gambar 4.18 Black Box Testing pada Menu Login 2</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.21 ''Black'' ''Box'' ''Testing'' pada ''input'' data ''customers'' 1</p></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/8nr7na1u1/login_salah1.jpg"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-kC5inqputXE/WnAa_dGXf5I/AAAAAAAABww/euJ-X2GTWvMR18194o2izt5lFAMNAcfRQCL0BGAs/w530-d-h476-n-rw/customers2.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.22 ''Black'' ''Box'' ''Testing'' pada ''input'' data ''customers'' 2</p></div>
-<p style="line-height: 2">Hasil yang Diharapkan  : Sistem akan secara otomatis menolak akses  login dan menampilkan pesan “username atau password cannot be blank”</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-vRYVkiU2Clg/WnAbGXWhdsI/AAAAAAAABxI/M5VBblbsBlQY318jRxaNDz0W-Wo5iWRvQCL0BGAs/w530-d-h551-n-rw/customers1.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Keterangan : Valid</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+===''Black'' ''Box'' ''Testing'' ''Input'' Data Wilayah===
-<p style="line-height: 2">Gambar 4.19 Black Box Testing pada Menu Login 2</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel 4.23 dan 4.24 merupakan tabel pengujian sistem dengan menggunakan metode ''Black'' ''Box'' ''Testing'' pada ''input'' data wilayah.</p></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/ffhmq4qtl/login_benar2.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.23 ''Black'' ''Box'' ''Testing'' pada ''input'' data wilayah 1</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-FdU7dq51x8o/WnAbwFFYYQI/AAAAAAAABx8/Qf8Fl7KHxDc2Q-nKUFEoEfMtucYE9t_ZgCL0BGAs/w530-d-h449-n-rw/wilayah1.png"/></div>
-<p style="line-height: 2">Hasil yang Diharapkan : Sistem akan menerima akses dan masuk ke hamana utama (home)</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.24 ''Black'' ''Box'' ''Testing'' pada ''input'' data wilayah 2</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-BVp-JjjwQYc/WnAb0fRqNiI/AAAAAAAAByQ/JyAWd72XRdoHH-PvNlH-krU-Q4ZVCSzZQCL0BGAs/w530-d-h504-n-rw/wilayah2.png"/></div>
-<p style="line-height: 2">Keterangan : Valid </p></div>
-===Black Box Testing Products===
+===''Black'' ''Box'' ''Testing'' ''Input'' Data Kecamatan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.20 dan 4.21 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu products.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel 4.25 dan 4.26 merupakan tabel pengujian sistem dengan menggunakan metode ''Black'' ''Box'' ''Testing'' pada ''input'' data kecamatan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.25 ''Black'' ''Box'' ''Testing'' pada ''input'' data kecamatan 1</p></div>
-<p style="line-height: 2">Gambar 4.20 Black Box Testing pada Menu Products 1</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-T4J8LXEBCA4/WnBJKgRVqSI/AAAAAAAAB0E/nmvdn4tD_OQidgD-rrrzn0_sDEtpKftLACL0BGAs/w530-d-h465-n-rw/kecamatan1.png"/></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/vpyb297w9/products1.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.26 ''Black'' ''Box'' ''Testing'' pada ''input'' data kecamatan 2</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-2qV3KXk20Dg/WnBJkR8y8VI/AAAAAAAAB0c/GS5Ppbm4DFAoLXu002I_WyUt16VX1mFXwCL0BGAs/w530-d-h507-n-rw/kecamatan2.png"/></div>
-<p style="line-height: 2">Skenario Pengujian : Jika kolom dan products tidak diisi dan langsung mengklik tombol add</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+===''Black'' ''Box'' ''Testing'' ''input'' Data Kelurahan===
-<p style="line-height: 2">Gambar 4.21 Black Box Testing pada Menu Products 1</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel 4.27 dan 4.28 merupakan tabel pengujian sistem dengan menggunakan metode ''Black'' ''Box'' ''Testing'' pada ''input'' data kelurahan.</p></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/h9b1noiex/products11.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.27 ''Black'' ''Box'' ''Testing'' pada ''input'' data kelurahan 1</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-YcrOCyuMzMU/WnBKBZydhjI/AAAAAAAAB04/FpKx8C5n3Bcnc8B2Q8XV0OVqKUGfEs7KACL0BGAs/w530-d-h426-n-rw/kelurahan1.png"/></div>
-<p style="line-height: 2">Skenario Pengujian : Jika kolom dan products diisi dan langsung mengklik tombol add</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.28 ''Black'' ''Box'' ''Testing'' pada ''input'' data kelurahan 2</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-P1K5Wqr9pSc/WnBKKr6eVOI/AAAAAAAAB1Q/ESOgSE3YwzURVuYrKpVm7XsfWdtDX0vxwCL0BGAs/w530-d-h526-n-rw/kelurahan2.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.22 dan 4.23 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu products.</p></div>
+===''Black'' ''Box'' ''Testing'' ''Input'' Data Cara Bayar===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel 4.29 dan 4.30 merupakan tabel pengujian sistem dengan menggunakan metode ''Black'' ''Box'' ''Testing'' pada ''input'' data cara bayar.</p></div>
-<p style="line-height: 2">Gambar 4.22 Black Box Testing pada Menu Products 2</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.29 ''Black'' ''Box'' ''Testing'' pada ''input'' data cara bayar 1</p></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/5lgzt4ta1/products2.jpg"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-O1-EEi-ow-o/WnBKm1goMWI/AAAAAAAAB1s/rocDUiOYxD8R-qDZmCkwkOmpmRV4ZUPiACL0BGAs/w530-d-h470-n-rw/cara%2Bbayar1.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.30 ''Black'' ''Box'' ''Testing'' pada ''input'' data cara bayar 2</p></div>
-<p style="line-height: 2">Hasil yang Diharapkan    : Sistem secara otomatis tidak akan menyimpan
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-FNuN8CXAjsM/WnBKuv5-LcI/AAAAAAAAB2E/G_z2w21DUyUS9C0FNYtAUIC2lJOCMM3mgCL0BGAs/w530-d-h493-n-rw/carabayar2.png"/></div>
-data jika kolom masij kosong, mana akan menampilkan “tulisan berwarna merah”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Keterangan : Valid</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+===''Black'' ''Box'' ''Testing'' ''Input'' Data Pembayaran===
-<p style="line-height: 2">Gambar 4.23 Black Box Testing pada Menu Products 2</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel 4.31 dan 4.32 merupakan tabel pengujian sistem dengan menggunakan metode ''Black'' ''Box'' ''Testing'' pada ''input'' data pembayaran.</p></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/l8896i721/products22.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.31 ''Black'' ''Box'' ''Testing'' pada ''input'' data pembayaran 1</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-MMmFbGoNmPk/WnBK3i8h8QI/AAAAAAAAB2k/NE6KmAyEOzUGxImAP33LlVpph9OK5TC5ACL0BGAs/w530-d-h548-n-rw/pembayaran1.png"/></div>
-<p style="line-height: 2">Hasil yang Diharapkan  : Sistem akan menginput data products dan secara otomatis akan bertambah</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.32 ''Black'' ''Box'' ''Testing'' pada ''input'' data pembayaran 2</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-sY09cNM2j7o/WnBK-vNf7HI/AAAAAAAAB28/0Px2aeFBSkQVuierRA2OVdzYHoKqztYDwCL0BGAs/w530-d-h521-n-rw/pembayaran2.png"/></div>
-<p style="line-height: 2">Keterangan : Valid </p></div>
-===Black Box Testing Categories===
+===''Black'' ''Box'' ''Testing'' ''Input'' ''User'' ''Administration''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.24 dan 4.25 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu categories.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel 4.33 dan 4.34 merupakan tabel pengujian sistem dengan menggunakan metode ''Black'' ''Box'' ''Testing'' pada ''input'' ''user'' ''administration''.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.33 ''Black'' ''Box'' ''Testing'' pada ''input'' ''user'' ''administration'' 1</p></div>
-<p style="line-height: 2">Gambar 4.24 Black Box Testing pada Menu Categories 1</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-NAsU31N_oyQ/WnBLIJUoZ2I/AAAAAAAAB3Q/-JWmCFrLKl454EVLj1FOsQ_jqruo3iR4gCL0BGAs/w530-d-h675-n-rw/user1.png"/></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/flbw914jd/categories1.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.34 ''Black'' ''Box'' ''Testing'' pada ''input'' ''user'' ''administration'' 2</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-mUTwCSGKYL4/WnBLNxYviYI/AAAAAAAAB3o/5yM9_Td_PtwuPaWDEBG40tyUMeuKfcnswCL0BGAs/w530-d-h696-n-rw/user2.png"/></div>
-<p style="line-height: 2">Skenario Pengujian : Jika kolom categories tidak diisi dan langsung mengklik tombol add</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+===''Black'' ''Box'' ''Testing'' ''Input'' ''Roles''===
-<p style="line-height: 2">Gambar 4.25 Black Box Testing pada Menu Categories 1</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel 4.35 dan 4.36 merupakan tabel pengujian sistem dengan menggunakan metode ''Black'' ''Box'' ''Testing'' pada ''input'' ''roles''.</p></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/4of5y075l/categories11.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.35 ''Black'' ''Box'' ''Testing'' pada ''input'' ''roles'' 1</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-O-WbxqDMzUs/WnBLWcnukAI/AAAAAAAAB4A/ISEsgXGdvc8KN9hC7b2bHf0k5mogC5PEQCL0BGAs/w530-d-h445-n-rw/role1.png"/></div>
-<p style="line-height: 2">Skenario Pengujian : Jika kolom dan categories diisi dan langsung mengklik tombol add</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.36 ''Black'' ''Box'' ''Testing'' pada ''input'' ''roles'' 2</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-oScCLtFeEg0/WnBLbWnVn5I/AAAAAAAAB4g/MjZNFFjhGO0uzwOhGUEbSrM0PO8pRjsRgCL0BGAs/w530-d-h567-n-rw/roles2.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.26 dan 4.27 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu categories.</p></div>
+===''Black'' ''Box'' ''Testing'' ''Input'' ''Available'' ''Permissions''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel 4.37 dan 4.38 merupakan tabel pengujian sistem dengan menggunakan metode ''Black'' ''Box'' ''Testing'' pada ''input'' ''available'' ''permissions''.</p></div>
-<p style="line-height: 2">Gambar 4.26 Black Box Testing pada Menu Categories 2</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.37 ''Black'' ''Box'' ''Testing'' pada ''input'' ''available'' ''permissions'' 1</p></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/qplhbqvqh/categories2.jpg"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-SvRyMRWKT2M/WnBLzD098vI/AAAAAAAAB5M/C4U7sJ0AXlEOdTSg-rR9RyenHnrr7QmMgCL0BGAs/w530-d-h463-n-rw/permissions1.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.38 ''Black'' ''Box'' ''Testing'' pada ''input'' ''available'' ''permissions'' 2</p></div>
-<p style="line-height: 2">Hasil yang Diharapkan  : Sistem secara otomatis tidak akan menyimpan data jika kolom add masih kosong”</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-qZPRAF_SaJ4/WnBL6z6hyKI/AAAAAAAAB5o/cNwJ5yFrR0kih5Wx76I52-Ih37fiJYvtACL0BGAs/w530-d-h506-n-rw/permissions2.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Keterangan : Valid</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<br>
-<p style="line-height: 2">Gambar 4.27 Black Box Testing pada Menu Categories 2</p></div>
+{{pagebreak}}
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/xu3aks2zt/categories22.jpg"/></div>
+<hr width="100%">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Hasil yang Diharapkan  : Sistem secara otomatis akan menyimpan data jika kolom add masih kosong</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Keterangan : Valid </p></div>
-===Black Box Testing Supplier===
+==Implementasi==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.28 dan 4.29 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu supplier.</p></div>
+===Implementasi yang Diusulkan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini merupakan gambaran sistem perancangan pendataan pembayaran retribusi pelayanan persamphan/kebersihan, dapat dilihat pada gambar sebagai berikut ini:</p></div>
-<p style="line-height: 2">Gambar 4.28 Black Box Testing pada Menu Supplier 1</p></div>
+<ol>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/lursdgxex/supplier1.jpg"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan ''Login''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+Tampilan login merupakan langkah paling utama dalam mengimplementasikan program yang telah dibuat dengan catatan ''username'' atau ''password'' yang dimasukkan harus benar. Tampilan ''login'' ini menjaga sistem supaya tidak bisa dimasuki oleh sembarangan orang, yang berhak untuk melakukan ''login'' hanya kepala UPT Retribusi dan Bendahara Pembantu Penerima.<br>
-<p style="line-height: 2">Skenario Pengujian : Jika kolom pada add supplier tidak diisi dan  langsung mengklik tombol add </p></div>
+Berikut ini merupakan tampilan ''login'' yang ditunjukkan pada gambar 4.32:
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/--uIxSdc0if4/WnALfBpxAhI/AAAAAAAABjs/LNeh3Ep4HlAyMv1rqfIjAp3fleUWI1gQgCL0BGAs/w530-d-h260-n-rw/FireShot%2BCapture%2B14%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BTangerang%2B-%2Bhttp___retribusi.tangkota.com_login.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.32 Tampilan ''Login''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Menu Utama (''Dashboard'')<br>
-<p style="line-height: 2">Gambar 4.29 Black Box Testing pada Menu Supplier 1</p></div>
+Menu Utama (''Dashboard'') adalah tampilan awal setelah melakukan login sistem yang berisi menu master data (petugas, ''customers'', wilayah, kecamatan, kelurahan, cara bayar), menu pembayaran, menu laporan (laporan harian, laporan mingguan, laporan bulanan) dan menu ''setting'' (''users'', ''roles'', ''permissions'').<br>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/71d4sppnt/supplier11.jpg"/></div>
+Berikut merupakan tampilan menu utama (''dashboard'') yang ditujukkan pada gambar 4.33:
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-7f_8vEFgKuk/WnBMNLVGOpI/AAAAAAAAB6Q/xRw-J8mW7xA5sONW4e0ryprYZ-YSe8_PwCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B22%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BTangerang%2B-%2Bhttp___retribusi.tangkota.com_.png"/></div>
-<p style="line-height: 2">Skenario Pengujian : Jika kolom pada add supplier tidak diisi dan  langsung mengklik tombol add </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.33 Tampilan Menu Utama (Dashboard)</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.30 dan 4.31  adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu supplier.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Master Data Petugas<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+Tampilan master data petugas terdapat data petugas, berikut ini merupakan tampilan program data master petugas yang ditunjukkan pada gambar 4.34:
-<p style="line-height: 2">Gambar 4.30 Black Box Testing pada Menu Supplier 2</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-YGqOzqOhEh8/WnBMshpLkoI/AAAAAAAAB7M/Fd0vtbtDEtUb34lXYG422bkJn6rk0JfOwCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B24%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BTanger_%2B-%2Bhttp___retribusi.tangkota.com_petugas.png"/></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/hpgvrjzmx/supplier2.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.30 Tampilan Program Master Bidang</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+Klik tombol tambah, maka akan tampilan program ''input'' data petugas yang ditunjukkan pada gambar 4.35:
-<p style="line-height: 2">Hasil yang Diharapkan  : Sistem secara otomatis tidak akan menyimpan data jika kolom add masih kosong</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-Il-CacYsD6c/WnBMwnw8L2I/AAAAAAAAB7g/74-Ma6PiTLkq9C_KRlyjrZ_la33p4vPdgCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B25%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota_%2B-%2Bhttp___retribusi.tangkota.com_petugas_create.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.35 Tampilan Program ''Input'' Master Data Petugas</p></div>
-<p style="line-height: 2">Keterangan : Valid</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Master Data ''Customers''<br>
-<p style="line-height: 2">Gambar 4.31 Black Box Testing pada Menu Supplier 2</p></div>
+Tampilan master data ''customers'' terdapat data ''customers'', berikut ini merupakan tampilan data master ''customers'' yang ditunjukkan pada gambar 4.36:
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/o4ki1yvqh/supplier22.jpg"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-rCJyPIWeHA4/WnBM8act2JI/AAAAAAAAB70/acBOprpdnIIRB0ZhvEgddJzwdlI3_LFXQCL0BGAs/w530-d-h247-n-rw/FireShot%2BCapture%2B26%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BTange_%2B-%2Bhttp___retribusi.tangkota.com_customer.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.36 Tampilan Program Master Data ''Customers''</p></div>
-<p style="line-height: 2">Hasil yang Diharapkan  : Sistem secara otomatis tidak akan menyimpan data jika kolom add masih kosong</p></div>
+Klik tombol tambah, maka akan tampilan program ''input'' data ''customers'' yang ditunjukkan pada gambar 4.37:
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-AZLKarMnk30/WnBNAr04PQI/AAAAAAAAB8I/F9Qaq0ebNZMeB_0XIUkf3cvE4GyX0i75wCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B27%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKot_%2B-%2Bhttp___retribusi.tangkota.com_customer_create.png"/></div>
-<p style="line-height: 2">Keterangan : Valid </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.37 Tampilan Program ''Input'' Master Data ''Customers''</p></div>
-===Black Box Testing Section===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Master Data Wilayah<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.32 dan 4.33 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu section.</p></div>
+Tampilan program master data wilayah terdapat data wilayah, berikut ini merupakan tampilan program master data wilayah yang ditunjukkan pada gambar 4.38:
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-32dwAfr_swo/WnBNMdLdxgI/AAAAAAAAB8g/h4qxjEO3PLoTbyozm64nbR3dAhHQ93YZgCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B29%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BTanger_%2B-%2Bhttp___retribusi.tangkota.com_wilayah.png"/></div>
-<p style="line-height: 2">Gambar 4.32 Black Box Testing pada Menu Section 1</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.38 Tampilan Program Master Data Wilayah</p></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/srqk3qj3d/section1.jpg"/></div>
+Klik tombol tambah, maka akan tampilan program ''input'' data wilayah yang ditunjukkan pada gambar 4.39:
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-5E-v1B2sRg0/WnBNRMACMWI/AAAAAAAAB88/cT--jsQh5YQmgYQE-XK4XiBOBX2KbPAaACL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B30%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota_%2B-%2Bhttp___retribusi.tangkota.com_wilayah_create.png"/></div>
-<p style="line-height: 2">Skenario Pengujian : Jika kolom pada add section tidak diisi dan langsung mengklik tombol add </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.39 Tampilan Program ''Input'' Master Data Wilayah</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Master Data Kecamatan<br>
-<p style="line-height: 2">Gambar 4.33 Black Box Testing pada Menu Section 1</p></div>
+Tampilan master data kecamatan terdapat data kecamatan, berikut ini merupakan tampilan master data kecamatan yang ditunjukkan pada gambar 4.40:
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/hgnwfdc89/section11.jpg"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-U1HWjx8e7oQ/WnBNcqy-URI/AAAAAAAAB9c/aVGfuaL57l8yZhfQTGAUlhRv7zQeDDH0wCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B31%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BTang_%2B-%2Bhttp___retribusi.tangkota.com_kecamatan.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.40 Tampilan Program Master Data Kecamatan</p></div>
-<p style="line-height: 2">Skenario Pengujian : Jika kolom pada add section diisi dan  langsung mengklik tombol add </p></div>
+Klik tombol tambah, maka akan tampilan program ''input'' data kecamatan yang ditunjukkan pada gambar 4.41:
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-Fetc3tH5o3Q/WnBNgEZaoZI/AAAAAAAAB9w/eF7HgWJ_ibEwdAucZ4m10rkNZJeobqPwwCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B32%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKo_%2B-%2Bhttp___retribusi.tangkota.com_kecamatan_create.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.41 Tampilan Program ''Input'' Master Data Kecamatan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.34 dan 4.35 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu section.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Master Data Kelurahan<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+Tampilan master data kelurahan terdapat data kelurahan, berikut ini merupakan tampilan master data kelurahan yang ditunjukkan pada gambar 4.42:
-<p style="line-height: 2">Gambar 4.34 Black Box Testing pada Menu Section 2</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/--I0fjx5RdYU/WnBPSC-RdxI/AAAAAAAACAg/ZliKnAMIWlg2jHfDFBt3U5DwQQahHtWngCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B33%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BTang_%2B-%2Bhttp___retribusi.tangkota.com_kelurahan.png"/></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/leb64rz1l/section2.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.42 Tampilan Program Master Data Kelurahan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+Klik tombol tambah, maka akan tampilan program ''input'' data kelurahan yang ditunjukkan pada gambar 4.43:
-<p style="line-height: 2">Hasil yang Diharapkan  : Sistem secara otomatis tidak akan menyimpan data jika kolom add masih kosong</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-Mg4neQUaW2w/WnBPXPyeMVI/AAAAAAAACA0/0DtoYI2y-jA6osSLf2pK1nKmQx14JyNpQCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B34%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKo_%2B-%2Bhttp___retribusi.tangkota.com_kelurahan_create.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.43 Tampilan Program ''Input'' Master Data Kelurahan</p></div>
-<p style="line-height: 2">Keterangan : Valid</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Master Data Cara Bayar<br>
-<p style="line-height: 2">Gambar 4.35 Black Box Testing pada Menu Section 2</p></div>
+Tampilan master data cara bayar terdapat data cara bayar, berikut ini merupakan tampilan master data cara bayar yang ditunjukkan pada gambar 4.44:
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/vcw4r98h5/section22.jpg"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-Tv16EeO2Fo8/WnBPDjXcmVI/AAAAAAAACAM/H-SBNq7c6ZcDI8M63NpVh8Jh52vPm89ywCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B35%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BTang_%2B-%2Bhttp___retribusi.tangkota.com_carabayar.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.44 Tampilan Program Master Data Cara Bayar</p></div>
-<p style="line-height: 2">Hasil yang Diharapkan  : Sistem secara otomatis akan menyimpan data jika kolom add masih kosong</p></div>
+Klik tombol tambah, maka akan tampilan program ''input'' data cara bayar  yang ditunjukkan pada gambar 4.45:
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-8-dke5l9rPY/WnBPkWjhCgI/AAAAAAAACBg/1ce7p0m68aQukNhmF1L7fZu2WDqqB9TPQCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B36%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKo_%2B-%2Bhttp___retribusi.tangkota.com_carabayar_create.png"/></div>
-<p style="line-height: 2">Keterangan : Valid </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.45 Tampilan Program ''Input'' Master Data Cara Bayar</p></div>
-===Black Box Testing In===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Data Pembayaran<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.36 dan 4.37 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu in 1</p></div>
+Tampilan program data pembayaran terdapat data pembayaran, berikut ini merupakan tampilan program data pembayaran yang ditunjukkan pada gambar 4.46:<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-sK1XwUsvXHc/WnBP3RReYOI/AAAAAAAACCU/FuEiBGQClKoqNKnR46pwCLVDiV058yNDQCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B37%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BTan_%2B-%2Bhttp___retribusi.tangkota.com_pembayaran.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.46 Tampilan Program Data Pembayaran</p></div>
-<p style="line-height: 2">Gambar 4.36 Black Box Testing pada Menu In 1</p></div>
+Klik tombol tambah, maka akan tampilan program ''input'' pembayaran yang ditunjukkan pada gambar 4.47:
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/peibh0pih/in1.jpg"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-xA-d1Lb3LTE/WnBQG2IVg-I/AAAAAAAACDA/tmyNbgr87A0aGapgwzD55YJhxFqfATLQgCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B38%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKo_%2B-%2Bhttp___retribusi.tangkota.com_pembayaran_bayar.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.47 Tampilan Program ''Input'' Data Pembayaran</p></div>
-<p style="line-height: 2">Skenario Pengujian : Jika kolom pada add section tidak diisi dan  langsung mengklik tombol add </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Laporan Harian<br>
-<p style="line-height: 2">Gambar 4.37 Black Box Testing pada Menu in 1</p></div>
+Tampilan program laporan harian terdapat daftar laporan harian, berikut ini merupakan tampilan program laporan harian yang ditunjukkan pada gambar 4.48:
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/gkrezx2jt/in11.jpg"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-ApspG8S99WM/WnBQSsSHI_I/AAAAAAAACDo/r3o9vZC3eDUSApV4oKtJuQaWdu22vxb0ACL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B39%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota_%2B-%2Bhttp___retribusi.tangkota.com_laporan_harian.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.48 Tampilan Program Laporan Harian</p></div>
-<p style="line-height: 2">Skenario Pengujian : Jika kolom pada add section tidak diisi dan  langsung mengklik tombol add </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.38 dan 4.39 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu in 2</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Laporan Mingguan<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+Tampilan program laporan mingguan terdapat daftar laporan mingguan, berikut ini merupakan tampilan program laporan mingguan yang ditunjukkan pada gambar 4.49:
-<p style="line-height: 2">Gambar 4.38 Black Box Testing pada Menu In 2</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-P-KjJmvlF14/WnBQfzkfR2I/AAAAAAAACEI/UFdlPW5l8YE8Lx1lyd8W0Dek1sjN5t2-wCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B41%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKo_%2B-%2Bhttp___retribusi.tangkota.com_laporan_mingguan.png"/></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/mmz1qeqzt/in2.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.49 Tampilan Program Laporan Mingguan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Hasil yang Diharapkan  : Sistem secara otomatis tidak akan menyimpan data jika kolom add masih kosong</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Keterangan : Valid</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Laporan Bulanan<br>
-<p style="line-height: 2">Gambar 4.39 Black Box Testing pada Menu In 2</p></div>
+Tampilan program laporan bulanan terdapat daftar laporan bulanan, berikut ini merupakan tampilan program laporan bulanan yang ditunjukkan pada gambar 4.50:
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/mo8zjtstl/in22.jpg"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-8BXrA8f7Jc4/WnBQk3kQjjI/AAAAAAAACEo/jE2o-GPp-24Y3MrrqKXh7Gj1FTTsfAXfQCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B42%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKot_%2B-%2Bhttp___retribusi.tangkota.com_laporan_bulanan.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.50 Tampilan Program Laporan Bulanan</p></div>
-<p style="line-height: 2">Hasil yang Diharapkan  : Sistem secara otomatis akan menyimpan data jika kolom add masih kosong</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Keterangan : Valid </p></div>
-===Black Box Testing Out===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program ''Setting'' ''Users'' ''Administration''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.40 dan 4.41 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu out 1</p></div>
+Tampilan ''setting'' ''users'' ''administration'' terdapat data ''user'', berikut ini merupakan tampilan ''setting'' ''users'' ''administration'' yang ditunjukkan pada gambar 4.51:
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-kGeOn8Wl-U4/WnBQscAA-rI/AAAAAAAACFM/GTq3lHTH8S8rixUWjOvro9s9GN1wlr8WwCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B43%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BTangerang%2B-%2Bhttp___retribusi.tangkota.com_users.png"/></div>
-<p style="line-height: 2">Gambar 4.40 Black Box Testing pada Menu Out 1</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.51 Tampilan Program ''Setting'' ''Users'' ''Administration''</p></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/5syfykch5/out1.png"/></div>
+Klik tombol tambah, maka akan tampil program ''input'' data ''user'' yang ditunjukkan pada gambar 4.52:
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-fxm_1Mv8bXM/WnBQzXN9MbI/AAAAAAAACFo/shNSpLoQDPYYEppWGHHF9SkLDy0-XwKlACL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B44%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BT_%2B-%2Bhttp___retribusi.tangkota.com_users_create.png"/></div>
-<p style="line-height: 2">Skenario Pengujian : Jika kolom pada add out tidak diisi dan langsung mengklik tombol add </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.52 Tampilan Program 'Input'' ''Setting'' ''Users'' ''Administration''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program ''Setting'' ''Roles''<br>
-<p style="line-height: 2">Gambar 4.41 Black Box Testing pada Menu Out 1</p></div>
+Tampilan ''setting'' ''roles'' terdapat data ''roles'', berikut ini merupakan tampilan ''setting'' ''roles'' yang ditunjukkan pada gambar 4.53:
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/k0o4n7p61/out11.jpg"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-GEouWmuVrUw/WnBRG7We6cI/AAAAAAAACGQ/4npETUIWBy0Yy1GdB-dvjvzh6H9LzYX8wCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B45%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BTangerang%2B-%2Bhttp___retribusi.tangkota.com_roles.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.53 Tampilan Program ''Setting'' ''Roles''</p></div>
-<p style="line-height: 2">Skenario Pengujian : Jika kolom pada add out tidak diisi dan langsung mengklik tombol add </p></div>
+Klik tombol tambah, maka akan tampil program ''input'' data ''role'' yang ditunjukkan pada gambar 4.54:
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-1tJtgww8PqA/WnBRU4Owr2I/AAAAAAAACHA/kfCLycyR8PAtsX2IWWTY0PIrIy2Ssx75wCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B46%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BT_%2B-%2Bhttp___retribusi.tangkota.com_roles_create.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.54 Tampilan Program ''Input'' ''Setting'' ''Roles''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Gambar 4.42 dan 4.43 adalah gambar pengujian sistem dengan menggunakan metode Black Box Testing pada menu out 2</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Setting Available Permissions<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+Tampilan ''Setting'' ''Available'' ''Permissions'' terdapat data ''Available'' ''Permissions'' berikut ini merupakan tampilan ''Setting'' ''Available'' ''Permissions'' yang ditunjukkan pada gambar 4.55:
-<p style="line-height: 2">Gambar 4.42 Black Box Testing pada Menu Out 2</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-Nsw3xRXHVaQ/WnBRf8waV0I/AAAAAAAACHs/rdqmYeLAIp4wOyKLRrjgCprqAwuuOociACL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B47%2B-%2BUPT%2BRetribusi%2BPersampahan%2BKota%2BTa_%2B-%2Bhttp___retribusi.tangkota.com_permissions.png"/></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/ibf1f59gp/out2.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.55 Tampilan Program ''Setting'' ''Available'' ''Permissions''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+Klik tombol tambah, maka akan tampil program ''input'' data ''Permissions'' yang ditunjukkan pada gambar 4.56:
-<p style="line-height: 2">Hasil yang Diharapkan  : Sistem secara otomatis tidak akan menyimpan data jika kolom add masih kosong</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-h8lUxuQNJfk/WnBRkqmXFqI/AAAAAAAACII/-Pt_8QuZATggB7DzSy62nnC1FWmwxOoNQCL0BGAs/w530-d-h228-n-rw/FireShot%2BCapture%2B48%2B-%2BUPT%2BRetribusi%2BPersampahan%2B_%2B-%2Bhttp___retribusi.tangkota.com_permissions_create.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.56 Tampilan Program ''Input'' ''Setting'' ''Available'' ''Permissions''</p></div>
-<p style="line-height: 2">Keterangan : Valid</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Gambar 4.43 Black Box Testing pada Menu Out 2</p></div>
-<div align="center"><img width="600" height="300" style="margin:0px" src="https://s26.postimg.org/mo8zjtstl/in22.jpg"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Hasil yang Diharapkan  : Sistem secara otomatis akan menyimpan data jika kolom add masih kosong</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2">Keterangan : Valid </p></div>
-===Implementasi===
-===Implementasi yang Diusulkan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Berikut ini merupakan gambaran sistem perancangan ''monitoring'' barang ''non inventory'' (komodity) dapat dilihat pada gambar berikut ini:</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tampilan Login</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tampilan login merupakan langkah pertama dalam mengimplementasikan program utama yang telah dibuatdengan catatan username atau password yang dimasukkan harus benar. Tampilan login ini menjaga sistem supaya tidak bisa dimasuki oleh sembarangan orang, yang berhak melakukan login hanya admin gudang dan kepala gudang. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan login yang ditunjukkan pada gambar 4.44:</p></div>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/6vd7uuko9/implementasi1.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tampilan Home</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Home adalah tampilan awal setelah melakukan login sistem yang berisi menu products, categories, supplier, section, in, out, report barang masuk, report barang keluar dan user.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut merupakan tampilan home yang ditujukkan pada gambar 4.45:</p></div>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/jb9xole09/implementasi2.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tampilan Products</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tampilan menu products terdapat data products. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan products yang ditunjukkan pada gambar 4.46:</p></div>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/m7wyovju1/implementasi3.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tampilan Categories</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tampilan menu categories terdapat data categories. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan categories yang ditunjukkan pada gambar 4.47:</p></div>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/f8iwpijvt/implementasi4.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tampilan Supplier</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tampilan menu supplier terdapat data supplier. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan supplier yang ditunjukkan pada gambar 4.48:</p></div>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/5hq6daasp/implementasi5.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tampilan Section</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tampilan menu section terdapat data section. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan products yang ditunjukkan pada gambar 4.49:</p></div>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/46if4tf6x/implementasi6.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tampilan In</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tampilan menu In terdapat data barang masuk. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan barang masuk yang ditunjukkan pada gambar 4.50:</p></div>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/j3qw5tsfd/implementasi7.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tampilan Menu Out</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tampilan menu Out terdapat data barang keluar. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan barang masuk yang ditunjukkan pada gambar 4.51:</p></div>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/mhddh573d/implementasi8.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tampilan Menu Report Barang Masuk</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tampilan menu report barang masuk terdapat detail barang masuk. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan barang masuk yang ditunjukkan pada gambar 4.52:</p></div>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/wfyc3mgix/implementasi9.jpg"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tampilan Menu Report Barang Masuk</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tampilan menu report barang masuk terdapat detail barang keluar. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini merupakan tampilan barang masuk yang ditunjukkan pada gambar 4.53:</p></div>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/6lojdugix/implementasi10.jpg"/></div>
 </ol>
+<br>
+{{pagebreak}}
+<hr width="100%">
-===Schedule===
+===''Schedule''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tahap ini dibutuhkan untuk rencana implementasi yang berguna dalam melaksanakan penerapan sistem tersebut. Langkah-langkah yang dilakukan dalam usaha untuk mewujudkan suatu sistem yang sedang direncanakan ini, dalam bentuk ''time'' ''schedule'' yang ditunjukkan pada tabel 4.39:</p></div>
-<p style="line-height: 2">Pada tahapini dibutuhkan rencana implementasi yang berguna dalam melaksanakan langkah-langkah dalam menerapkan sistem. Langkah-langkah yang dilakukan dalam usaha dalam mewujudkan sistem yang direncanakan ini dalam bentuk time schedule yang ditunjukkan pada tabel 4.11:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.39 ''Schedule''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-xhSBVBzE6zk/WnBT2LG6DOI/AAAAAAAACMQ/mPBIMAzg3V8toMZAEBKEljagYqNBrsvfwCL0BGAs/w530-d-h413-n-rw/toooo.png"/></div>
-<p style="line-height: 2">Tabel 4.11 Schedule</p></div>
+<br>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/bllzlsm5l/schedule.jpg"/></div>
-===Estimasi Biaya===
+==Estimasi Biaya==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Estimasi biaya digunakan untuk perhitungan kebutuhan yang diperlukan dalam menyelesaikan penelitian yang diusulkan. Berikut ini adalah estimasi biaya yang ditunjukkan pada tabel 4.40:</p></div>
-<p style="line-height: 2">Estimasi biaya digunakan sebagai perhitungan kebutuhan yang diperlukan dalam menyelesaikan penelitian yang diusulkan. Berikut ini merupakan estimasi biaya yang ditunjukkan pada tabel 4.12:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.40 Estimasi Biaya</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-H5uEZF8qBic/WnBTFvMZfjI/AAAAAAAACLU/fb_IhPIAWGkwyKacVNnOa02iT_PJuIMGgCL0BGAs/w530-d-h405-n-rw/totoal.png"/></div>
-<p style="line-height: 2">Tabel 4.12 Estimasi Biaya</p></div>
+<br>
-<div align="center"><img width="450" height="400" style="margin:0px" src="https://s26.postimg.org/d37fxcqw9/biaya.png"/></div>
+{{pagebreak}}
+<hr width="100%">
-=<div style="font-family: 'times new roman'; text-align: center">'''BAB V'''</div>=
+=<div style=" text-align: center;margin-bottom:10px;">'''BAB V'''</div> <div style="font-size: 14pt; text-align: center">'''PENUTUP'''</div>=
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENUTUP'''</div>
-===Kesimpulan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Berdasarkan hasil penelitian yang telah dilakukan dan untuk menjawab rumusan masalah yang telah dijabarkan pada BAB I, maka dapat disimpulkan sebagai berikut:</p></div>
+==Kesimpulan==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan hasil penelitian yang telah dilakukan pada UPT Retribusi Persampahan di Dinas Lingkungan Hidup Kota Tangerang, maka penulis mengambil kesimpulan untuk menjawab pertanyaan dari rumusan masalah yang telah dijabarkan pada BAB I yaitu:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Sistem informasi pendataan pembayaran retribusi pelayanan persampahan/kebersihan yang berjalan saat ini yaitu dimana proses peng''input''an data pembayaran tersebut masih manual dengan cara Bendahara Pembantu Penerima harus mencatat di daftar setoran retribusi setelah itu di''input'' di ''Microsoft'' ''Office'' ''Excel'' kemudian Bendahara Pembantu Penerima merekap setoran mingguan dan petugas pendata harus meng''input'' di ''Microsoft'' ''Office'' ''Excel'' untuk merekap rincian bulanan, maka solusi dari permasalahan di atas yaitu membuatkan sistem yang terkomputerisasi untuk sistem pendataan pembayaran retribusi agar saling terintegrasi satu sama lain. Sehingga menimbulkan data yang dihasilkan berjalan dengan efektif dan efisien.</p></li>
-<p style="line-height: 2">Sistem barang non inventory (komodity) yang sedang berjalan saat ini belum memenuhi kebutuhan admin gudang, karena masih menggunakan surat jalan untuk proses penyimpanan laporan barang masuk sehingga menyulitkan admin gudang dalam memonitoring barang non inventory (komodity) yang ada pada warehouse fitting. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Sistem yang berjalan saat ini pada laporan pembayaran retribusi belum dapat menghasilkan laporan pembayaran retribusi dengan cepat, tepat dan akurat, karena belum terkomputerisasi dengan baik. sistem penyusunan laporan pembayaran retribusi yang terjadi saat ini yaitu dengan cara pembuatan laporan pembayaran retribusi menggunakan ''Microsoft'' ''Office'' ''Excel'' berdasarkan daftar setoran retribusi dan kwitansi (tanda pembayaran) sehingga pada proses pencatatan laporan setoran mingguan dan laporan rincian bulanan sering terjadi kekeliruan yang ada pada data-data dalam laporan pembayaran retribusi. Maka solusi dari permasalahan di atas yaitu, dengan membuatkan sistem yang terkomputerisasi untuk sistem pendataan pembayaran,  dengan semua data yg terintegrasi dapat menjadikan laporan setoran mingguan dan laporan rincian bulanan yang cepat, tepat dan akurat.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Dengan adanya sistem informasi ''monitoring'' pembayaran retribusi, pada rancangan sistem yang baru sudah dapat mengontrol pembayaran retribusi dengan baik, karena tidak harus mengecek satu persatu dalam pencarian data yang sudah maupun belum untuk melakukan setoran pembayaran retribusi dari 104 petugas pemungut retribusi sekota Tangerang, sehingga dalam proses setoran pembayaran dapat dipantau oleh Bendahara Pembantu Penerima dan Ketua UPT Retribusi Persampahan tidak membutuhkan yang lama untuk memperoleh hasil yang dicapai lebih optimal dalam informasi laporan setoran mingguan dan laporan rincian bulanan.</p></li>
-<p style="line-height: 2">Sistem informasi barang non inventory (komodity) pada warehouse fitting di PT Surya Toto Indonesia Tbk. Tangerang Selatan belum dapat menyelesaikan permasalahan yang ada, karena untuk penginputan barang masih menggunakan Ms. Excel.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Membuat sistem yang dapat menampung proses barang non inventory (komodity) untuk memudahkan admin gudang agar dapat mengurangi kesalahan dalam penginputan data unutk pembuatan laporanbarang non inventory (komodity) pada warehouse fitting di PT Surya Toto Indonesia Tbk. Tangerang Selatan.</p></li>
 </ol>
+<br>
-===Saran===
+==Saran==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut saran yang akan penulis sampaikan untuk pengembangan sistem pendataan pembayaran retribusi pelayanan persampahan/kebersihan agar menjadi lebih baik:</p></div>
-<p style="line-height: 2">Berikut ini adalah saran yang penulis sampaikan untuk pengembangan sistem barang non inventory (komodity) agar menjadi lebih baik:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">UPT Retribusi Persampahan wajib melakukan perawatan pada sistem agar sistem tersebut selalu ''up'' ''to'' ''date'' dan perlu adanya pengembangan sistem yang baru untuk dapat dikembangkan dengan menambahkan ruang lingkup pada pembayaran retribusi sehingga sistem menjadi lebih luas dan dapat di akses dengan berbasis ''Android''.</p></li>
-<p style="line-height: 2">Melakukan perawatan sistem agar sistem yang sudah berjalan selalu up to date sehingga informasi laporan barang yang dihasilkan lebih baik, selain itu perlu adanya pengembangan sistem yang baru agar dapat mengoptimalkan layanan sistem yang lebih lanjut.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Diperlukan adanya pelatihan untuk Bendahara Pembantu Penerima untuk lebih memahami proses alur kerja pada sistem saat ini sehingga memaksimalkan sistem baru yang telah di rancang.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Untuk mendapatkan sistem ini harus di dukung oleh perangkat yang memadai baik dari peralatan ''software'' maupun ''hardware'' sehingga dapat berjalan secara maksimal.</p></li>
-<p style="line-height: 2">Agar dapat memaksimalkan sistem yang telah dirancang maka diperlukan adanya pelatihan kepada admin yang menggunakan program agar lebih dimengerti.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">3. Dalam penerapan sistem informasi monitoring barang non inventory (komodity), harus didukung oleh perangkat yang memadai, baik dari segi paralatannya maupun sumber amnusia agar berjalan secara maksimal</p></li>
 </ol>
+<br>
 {{pagebreak}}
 {{pagebreak}}
+<hr width="100%">
 =<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR PUSTAKA'''</div>=
@@ Baris 2.273: / Baris 2.544: @@
 <references />
 </p></div>
+<br>
 {{pagebreak}}
 {{pagebreak}}
+<hr width="100%">
 =<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR LAMPIRAN'''</div>=
@@ Baris 2.282: / Baris 2.554: @@
 <p style="line-height: 1">'''LAMPIRAN A''' </p></div>
 <p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
-A.1. Kartu Bimbingan dengan Pembimbing I Skripsi
+A.1  Surat Pengantar Skripsi
 <br>
-A.2. Kartu Bimbingan dengan Pembimbing II Skripsi
+A.2  Kartu Bimbingan Skripsi dengan Pembimbing I
 <br>
-A.3. Kartu Studi Tetap Final (KSTF)
+A.3  Kartu Bimbingan Skripsi dengan Pembimbing II
 <br>
-A.4. Validasi Skripsi
+A.4  Kartu ''Study'' Tetap ''Final'' (KSTF)
 <br>
-A.5. Validasi Sidang Akademik
+A.5  Form Validasi Skripsi
 <br>
-A.6. Formulir Persetujuan dan Penugasan Pembimbing
+A.6  Form Validasi Sidang Akademik
 <br>
-A.7. Formulir Permohonan Pergantian Judul
+A.7  Lembar Persetujuan dan Penugasan Pembimbing
 <br>
-A.8. Formulir Permohonan Penggantian Dosen Pembimbing Tugas Akhir/Skripsi
+A.8  Lembar Pergantian Judul
 <br>
-A.9. Kwitansi Pembayaran Bimbingan Skripsi
+A.9  Kwitansi Pembayaran Bimbingan Skripsi
 <br>
-A.10. Kwitansi Pembayaran Raharja Career
+A.10 Kwitansi Pembayaran Validasi Skripsi
 <br>
-A.11. Kwitansi Pembayaran Sidang
+A.11 Kwitansi Pembayaran Sidang
 <br>
-A.12. Daftar Mata Kuliah yang Belum Diambil
+A.12 Kwitansi Pembayaran Raharja ''Career''
 <br>
-A.13. Daftar Nilai
+A.13 Daftar Nilai
 <br>
-A.14. Formulir Seminar Proposal Skripsi
+A.14 Formulir Seminar Proposal
 <br>
-A.15. Sertifikat TOEFL
+A.15 Formulir Pertemuan ''Stakeholder''
 <br>
-A.16. Sertifikat Prospek
+A.16 Sertifikat TOEFL
 <br>
-A.17. Sertifikat IT Internasional
+A.17 Sertifikat Prospek
 <br>
-A.18. Sertifikat-Sertifikat IT Nasional
+A.18 Sertifikat Pemakalah SNMDI-1
 <br>
-A.19. Surat Pengantar Skripsi
+A.19 Sertifikat IT Internasional
 <br>
-A.20. Curriculum Vitae (CV)
+A.20 Sertifikat IT Nasional
+<br>
+A.21 Surat Penerbitan Dokumen
+<br>
+A.22 ''Curriculum Vitae'' (CV)
+<br>
+A.23 Form Penggantian Dosen Pembimbing
+<br>
+A.24 Daftar Mata Kuliah yang Belum Diambil
+<br>
+A.25 Hibah
 <br></p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text indent: 0.5in">
 <p style="line-height: 1">'''LAMPIRAN B''' </p></div>
 <p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
-B.1. Surat Penugasan dari Perusahaan
+B.1  Surat Penugasan dari Instansi Pemerintahan
 <br>
-B.2. Form Observasi
+B.2  Form Wawancara
 <br>
-B.3. Form Wawancara
+B.3 Surat Keterangan Implementasi Program<br>
-<br>
+<br></p>
-B.4. Surat Keterangan Implementasi Program
-<br></P>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text indent: 0.5in">
+<p style="line-height: 1">'''LAMPIRAN C''' </p></div>
+<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
+C.1 SKRD(Surat Ketetapan Retribusi Daerah)<br>
+C.2 Karcis<br>
+C.3 Tanda Bukti Penerimaan (''From'' ''Bend'' 26)<br>
+C.4 Kwitansi (Tanda Pembayaran)<br>
+C.5 Daftar Setoran Retribusi<br>
 [[Category: Skripsi 2017/2018]]
 [[Category: Lock]]
 {{pagebreak}}

SI1414483034: Perbedaan revisi

Revisi terkini pada 21 Februari 2018 02.34

Daftar isi

BAB I PENDAHULUAN

Latar Belakang

Rumusan Masalah

Ruang Lingkup Penelitian

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Manfaat Penelitian

Metodologi Penelitian

Metode Pengumpulan Data

Metode Analisa

Metode Perancangan

Metode Pengujian

Sistematika Penulisan

BAB II LANDASAN TEORI

TEORI UMUM

Konsep Dasar Sistem

Definisi Sistem

Karakteristik Sistem

Konsep Dasar Data dan Informasi

Definisi Data

Definisi Informasi

Nilai Informasi

Komponen Sistem Informasi

Konsep Dasar Analisis Sistem

Definisi Analisa Sistem

Prinsip - prinsip Analisis sistem

Konsep Dasar Perancangan Sistem

Definisi Perancangan Sistem

TEORI KHUSUS

Konsep Dasar Sistem Informasi Akuntansi

Definisi Sistem Informasi Akuntansi

Fungsi Utama Sistem Informasi Akuntansi

Konsep Dasar Pendataan

Definisi Pendataan

Konsep Dasar Pembayaran

Definisi Pembayaran

Jenis-jenis Sistem Pembayaran

Prinsip-prinsip Dasar Sistem Pembayaran

Konsep Dasar Retribusi

Definisi Retribusi Daerah

Pengklasifikasian Retribusi Daerah

Tata Cara Penghitungan Retribusi

Tata Cara Pemungutan Retribusi

Tata Cara Pembayaran

SKRD (Surat Ketetapan Retribusi Daerah)

Konsep Dasar Retribusi Pelayanan Persampahan/Kebersihan

Definisi Retribusi Pelayanan Persampahan/Kebersihan

Konsep Dasar PIECES

Definisi PIECES

Konsep Dasar Database

Definisi Database

Manfaat Database

Jenis-jenis Database

Konsep Dasar Internet

Definisi Internet

Konsep Dasar Web

Definisi Web

Konsep Dasar PHP

Definisi PHP

Kelebihan PHP

Cara Kerja PHP

Konsep Dasar HTML (Hypertext Markup Language)

Definisi HTML

Konsep Dasar CSS (Cascading Style Sheet)

Pengertian CSS (Cascading Style Sheet)

Konsep Dasar Framework Laravel

Definisi Framework

Definisi Laravel

Definisi Composer

Konsep Dasar MariaDB

Definisi MariaDB

Konsep Dasar Notepad++

Definisi Notepad++

Konsep Dasar Xampp

Definisi Xampp

Konsep Dasar Apache

Definisi Apache

BAB I

PENDAHULUAN

BAB II

LANDASAN TEORI

BAB III

ANALISA SISTEM YANG BERJALAN

BAB IV

RANCANGAN SISTEM YANG DIUSULKAN