SISTEM PEMESANAN TANAH PEMAKAMAN BERBASIS WEB MENGGUNAKAN METODE USER CENTERED DESIGN (UCD) PADA DINAS LINGKUNGAN HIDUP KOTA SUKABUMI SKRIPSI

(1)

i

SISTEM PEMESANAN TANAH PEMAKAMAN BERBASIS WEB

MENGGUNAKAN METODE USER CENTERED DESIGN (UCD)

PADA DINAS LINGKUNGAN HIDUP KOTA SUKABUMI

SKRIPSI

Diajukan untuk memenuhi salah satu syarat kelulusan Program Sarjana

SUCI MUSLIMAH

NIM:

19190120

Program Studi Sistem Informasi Kampus Kota Sukabumi Fakultas Teknik dan Infotmatika

Universitas Bina Sarana Informatika 2020

(2)

ii

PERSEMBAHAN

Bismillahirrohmanirrohim

Dengan Rahmat Allah yang Maha Pengasih Lagi

Maha Penyayang yang selalu memberikan segala yang terbaik teruntuk kehidupan dunia dan akhiratku...

Dengan ini kupersembahkan skripsi ini untuk :

1. Kedua Orangtua yang sangat luar biasa dan teramat saya cintai yang selalu mendoakan, medukung, menasihati serta memberikan segala yang terbaik untuk saya yang menjadi jembatan perjalanan hidup saya.

2. Semua pihak yang membantu selama penyelesaian Skripsi ini.

(3)

iii

(4)

iv

(5)

(6)

vi

PANDUAN PENGGUNAAN HAK CIPTA

Skripsi sarjana yang berjudul “Sistem Pemesanan Tanah Pemakaman

Berbasis Web Menggunakan Metode User Centered Design (UCD) Pada Dinas Lingkungan Hidup Kota Sukabumi” adalah hasil karya tulis asli Suci Muslimah dan bukan hasil terbitan sehingga peredaran karya tulis hanya berlaku

dilingkungan akademik saja, serta memiliki hak cipta. Oleh karena itu, dilarang keras untuk menggandakan baik sebagian maupun seluruhnya karya tulis ini, tanpa seizin penulis.

Referensi kepustakaan diperkenankan untuk dicatat tetapi pengutipan atau peringkasan isi tulisan hanya dapat dilakukan dengan seizin penulis dan disertai ketentuan pengutipan secara ilimiah dengan menyebutkan sumbernya.

Untuk keperluan perizinan pada pemilik dapat menghubungi informasi yang tertera dibawah ini :

Nama : Suci Muslimah

Alamat :

No. Telp : 0812-8924-7153

E-mail : sucimuslimah2@gmail.com

Jl.Gotong Royong RT 04 RW 12 Kelurahan Gunung Puyuh Kecamatan Gunung Puyuh Kota Sukabumi 43123

(7)

vii

KATA PENGANTAR

Puji syukur alhamdullillah, penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat menyelesaikan skripsi ini. Shalawat beserta salam semoga senantiasa terlimpah curahkan kepada Nabi Muhammad SAW, kepada keluarganya, para sahabatnya, hingga kepada umatnya hingga akhir zaman, aamiin. Penulisan skripsi ini penulis sajikan dalam bentuk buku yang sederhana. Adapun judul skripsi yang penulis ambil sebagai berikut : “Sistem Pemesanan Tanah Pemakaman Berbasis Web

Menggunakan Metode User Centered Design (UCD)Pada Dinas Lingkungan Hidup Kota Sukabumi”.

Tujuan penulisan Skripsi pada Program Sarjana (S1) ini dibuat sebagai salah satu syarat kelulusan Sarjana di Universitas Bina Sarana Informatika. Sebagai bahan penulisan diambil berdasarkan hasil penelitian (eksperimen), observasi dan beberapa sumber literatur yang mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan dorongan dari semua pihak, maka penulisan Skripsi ini tidak akan berjalan lancar. Oleh karena itu pada kesempatan ini, ijinkanlah penulis menyampaikan ucapan terima kasih kepada:

1. Rektor Universitas Bina Sarana Informatika. 2. Dekan Fakultas Teknologi Informasi

3. Ketua Program Studi Sistem Informasi Universitas Bina Sarana Informatika.

4. Bapak Agung Wibowo, S.T., M.Kom selaku Dosen Pembimbing . 5. Bapak Irwan Tanu,S.T, M.Kom selaku Asisten Pembimbing .

(8)

viii

7. Kepala Kantor Dinas Lingkungan Hidup Kota Sukabumi qq. Kepala UPT Pemakaman

8. Orang tua tercinta yang telah memberikan dukungan moral maupun spiritual.

9. Rekan-rekan mahasiswa

Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga terwujudnya penulisan ini. Penulis menyadari bahwa penulisan skripsi ini masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang bersifat membangun demi kesempurnaan penulisan dimasa yang akan datang.

Akhir kata semoga skripsi ini dapat berguna bagi penulis khususnya dan bagi para pembaca yang berminat pada umumnya.

Sukabumi, 05 Januari 2021

(9)

ix

ABSTRAK

Suci Muslimah (19190120), Sistem Pemesanan Tanah Pemakaman Berbasis Web Menggunakan Metode User Centered Design (UCD) Pada Dinas Lingkungan Hidup Kota Sukabumi.

Pemerintah daerah dituntut untuk dapat memberikan pelayanan publik yang efektif dan efisien, hal ini seiring dengan makin berkembangnya ilmu pengetahuan dan teknologi. Dinas Lingkungan Hidup Kota Sukabumi telah menerapkan teknologi informasi pada sistem informasi pada lingkungannya akan tetapi dalam layanan pemesanan dan informasi pemakaman belum ada aplikasi khusus dalam pelayanannya hal ini menjadi kurang efektif dan mengakibatkan masyarakat harus datang langsung kepada pihak pengelola pemakaman. Dengan penerapan sistem yang berbasis web, masyarakat dapat meminimalisir waktu, juga efektifitas dari pemohon dalam melakukan pemesanan tanah pemakaman tanpa harus datang langsung kepada pihak pengelola. Metode User Centered Design (UCD) sebagai metode dalam pengembangan aplikasi yang dibuat. Diharapkan dengan adanya sistem yang diajukan dapat meningkatkan pelayanan terhadap masyarakat.

Kata kunci : Pemesanan Tanah Pemakaman, User Centered Design (UCD), Berbasis Web

(10)

x

ABSTRACT

Suci Muslimah (19190120), Web-Based Burial Land Reservation System Using the User Centered Design (UCD) Method at the Environmental Service Office of Sukabumi City.

Local governments are required to be able to provide effective and efficient public services, this is in line with the development of science and technology. The Environmental Service of the City of Sukabumi has implemented information technology in the information system in its environment, but in the funeral ordering and information services there is no specific application in its services, this is less effective and results in the community having to come directly to the funeral manager. With the application of a web-based system, the community can minimize the time and effectiveness of the applicant in ordering a burial ground without having to come directly to the manager. The User Centered Design (UCD) method is a method for developing applications that are made. It is hoped that the proposed system can improve services to the community.

(11)

xi

DAFTAR ISI

Halaman

Lembar Judul Skripsi ... i

Lembar Persembahan ... ii

Lembar Pernyataan Keaslian Skripsi ... iii

Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah ... iv

Lembar Persetujuan dan Pengesahan Skripsi ... v

Lembar Panduan Penggunaan Hak Cipta ... vi

Kata Pengantar ... vii

Abstraksi ... ix

Daftar Isi... xi

Daftar Simbol ... xiii

Daftar Gambar ... xvi

Daftar Tabel ... xvii

Daftar Lampiran ... xviii

BAB I PENDAHULUAN 1.1. Latar Belakang Masalah ... 1

1.2. Identifikasi Permasalahan ... 3

1.3. Perumusan Permasalahan ... 3

1.4. Maksud dan Tujuan ... 4

1.5. Metode Penelitian ... 4

1.5.1. Teknik Pengumpulan Data ... 4

A. Observasi ... 4

B. Wawancara ... 4

C. Studi Pustaka ... 4

1.5.2. Model Pengembangan Software ... 5

A. Plan For System ... 5

B. Design System ... 5

C. Implementasi ... 6

D. Evaluation System ... 6

1.6. Ruang Lingkup ... 6

BAB II LANDASAN TEORI 2.1. Tinjauan Pustaka...7

2.2. Penelitian Terkait...12

BAB III ANALISA SISTEM BERJALAN 3.1. Tinjauan Perusahaan...13

(12)

xii

3.1.2. Struktur Organisasi ... 14

3.2. Proses Bisnis...16

3.2.1. Activity Diagram Proses Bisnis ... 17

3.3. Spesifikasi Dokumen Sistem Berjalan...17

BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software 20 4.2. Desain 29 4.2.1. Database ... 29 4.2.2. Software Architecture... 32 4.2.3. User Interface ... 33 4.3. Code Generation 36 4.4. Testing 39 4.5. Support 40 4.5.1. Spesifikasi Hardware dan Software ... 40

4.5.2. Publikasi Web ... 41

4.6. Spesifikasi Dokumen Sistem Usulan 41 BAB V PENUTUP 5.1. Kesimpulan ... 43

5.2. Saran ... 43

DAFTAR PUSTAKA ... 44

DAFTAR RIWAYAT HIDUP ... 46

LEMBAR KONSULTASI BIMBINGAN ... 47

SURAT KETERANGAN RISET ... 48

LAMPIRAN-LAMPIRAN ... 49

(13)

xiii

DAFTAR SIMBOL

A. Simbol UML (Unified Modeling Language) 1. Simbol Use Case Diagram

No Notasi Nama Keterangan

1 Actor Digunakan untuk menggambarkan orang, sistem atau external entitas yang menyediakan atau menerima informasi dari sistem.

2

Use Case Digunakan untuk menggambarkan apa yang dikerjakan sistem.

3

Association Digunakan untuk menggambarkan hubungan antara Actor dan Use Case. 4 Extend Digunakan untuk menggambarkan

hubungan antar Use Case, yang termasuk didalam Use Case lain (diharuskan).

5 Include Digunakan untuk menggambarkan hubungan antar Use Case, perluasan dari Use Case lain jika kondisi atau syarat terpenuhi.

6 System Menspesifikasikan paket yang menampilkan sistem secara terbatas.

2. Simbol Activity Diagram

1 Start Point Digunakan untuk menggambarkan titik awal suatu aktivitas.

2 End Point Digunakan untuk menggambarkan titik akhir suatu aktivitas.

3

Action State Digunakan untuk menggambarkan suatu aktivitas yang dilakukan. 4 Decision Digunakan untuk menggambarkan

pilihan dalam mengambil keputusan. 5 Fork Menunjukan adanya percabangan

secara paralel dari suatu aktivitas. <<include>>

(14)

xiv

6 Join Menunjukan adanya penggabungan aktivitas.

7 Swimlane Digunakan untuk menggambarkan pengelompokkan aktivitas berdasarkan

actor.

3. Simbol Component Diagram

1

Component Digunakan untuk menggambarkan fisik dari suatu sistem.

2

Depedency Digunakan untuk menggambarkan alur dari suatu komponen.

3

Note Digunakan untuk membuat catatan-catatan.

4. Simbol Deployment Diagram

1

Node Digunakan untuk menggambarkan fisik dari sistem.

2

Component Digunakan untuk menggambarkan komponen yang ada didalam Node.

3

(15)

xv

B. Simbol ERD (Entity Relationship Diagram)

1

Entity Kumpulan dari beberapa atribut/field.

2

Relationship Suatu hubungan yang terjalin diantara beberapa entitas.

3

Atribut Notasi yang memberikan informasi mengenai jenis entitas dan juga relasinya.

4 Connector Notasi yang digunakan untuk merangkai beberapa notasi yang digunakan seperti : entitas, relasi dan atribut.

(16)

xvi

DAFTAR GAMBAR

Halaman

Gambar II.1. Model Pengembangan UCD ... 9

Gambar III.1. Struktur Organisasi ... 14

Gambar III.2. Activity Diagram Prosedur Berjalan ... 17

Gambar IV.1. Use Case Diagram Halaman Masyarakat ... 21

Gambar IV.2. Use Case Diagram Halaman Admin ... 23

Gambar IV.3. Activity Diagram Halaman Masyarakat ... 25

Gambar IV.4. Activity Diagram Admin Kelola Data Lokasi Makam... 26

Gambar IV.5. Activity Diagram Admin Kelola Data Pemesanan ... 27

Gambar IV.6. Activity Diagram Mengelola Laporan... 28

Gambar IV.7. Entity Relationshop Diagram... 29

Gambar IV.8. LRS ... 30

Gambar IV.9. Component Diagram ... 32

Gambar IV.10. Diployment Diagram... 33

Gambar IV.12. Halaman Utama Untuk Masyarakat ... 33

Gambar IV.13 Halaman Pesan Blok Makam ... 34

Gambar IV.14. Halaman Kritik Saran ... 34

Gambar IV.15. Halaman Login Admin ... 35

Gambar IV.16. Halaman Data Tanah Makam ... 35

Gambar IV.17. Halaman Data Pemesanan ... 36

(17)

xvii

DAFTAR TABEL

Halaman

Tabel IV.1. Deskripsi Use Case Daftar Akun ... 21

Tabel IV.2. Deskripsi Use Case Pesan Tanah Makam ... 22

Tabel IV.3. Deskripsi Use Case Isi Survei ... 22

Tabel IV.4. Deskripsi Use Case Data Lokasi Makam ... 23

Tabel IV.5. Deskripsi Use CaseData Pemesanan ... 24

Tabel IV.6. Deskripsi Use CaseData Survei ... 24

Tabel IV.7. Deskripsi Use CaseData Laporan ... 24

Tabel IV.8. Deskripsi Use CaseData Setting ... 24

Tabel IV.9. Spesifikasi File Tabel Admin ... 30

Tabel IV.10. Spesifikasi File Tabel Masyarakat ... 31

Tabel IV.11. Spesifikasi File Tabel Tanah Makam ... 31

Tabel IV.12. Spesifikasi File Tabel Order Tanah Makam ... 31

Tabel IV.13. Spesifikasi File Tabel Survei ... 32

Tabel IV.14. Hasil Pengujian Black Box TestingDaftar Akun ... 39

Tabel IV.15. Hasil Pengujian Black Box TestingLogin ... 39

Tabel IV.16. Hasil Pengujian Black Box TestingPesan Tanah Makam ... 40

Tabel IV.17Spesifikasi Hardware Software ... 40

(18)

xviii

DAFTAR LAMPIRAN

Halaman

Lampiran A-1 Formulir Pendaftaran ... 17

Lampiran A.2 Surat Keterangan Kematian ... 18

Lampiran A.3 FC Kartu Keluarga ... 18

Lampiran A.4 Surat Bukti Kewarga Negaraan ... 18

Lampiran A.5 FC Kartu Tanda Penduduk Ahli Waris dan Jenazah ... 19

Lampiran B-1. Kwitansi Pembayaran Retribusi ... 19

Lampiran B.2. Laporan Bulanan ... 19

Lampiran C.1. Laporan Sewa Tanah Makam ... 41

(19)

1

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Teknologi internet saat ini sangat mendorong dalam perkembangan sistem informasi baik pada perusahaan swasta maupun instansi pemerintah (Prasetyo, Arifin, & Rahmawat, 2019). Perusahaan swasta maupun instansi pemerintah berlomba-lomba membangun sistem informasi yang berbasis web maupun

mobile yang dapat membantu dalam meningkatkan pelayanan kepada publik

(Pratama , Prabowo , & Normassari , 2017).

Sistem informasi sangat dibutuhkan di semua bidang termasuk pada saat pemesanan tanah pemakaman. Tiap harinya tanah makam selalu dicari oleh pihak yang sedang mengalami musibah keluarganya meninggal. Pemakaman menjadi suatu kebutuhan yang sangat penting karena ia dibutuhkan oleh siapa saja (Sandi & Hasti, 2017).

Berdasarkan data dari Badan Pusat Statistik Kota Sukabumi, bahwa tahun 2020 warga Kota Sukabumi memiliki kenaikan jumlah penduduk sekitar 326.282 Jiwa (BPS, 2020). Peningkatan jumlah penduduk di Kota Sukabumi akan berdampak pada jumlah kematian serta kebutuhan ketersediaan lahan. Pemerintah Daerah menerapkan sistem sewa tanah makam mengingat lahan pemakaman yang terbatas.

Tanah makam yang dikelola oleh Dinas Lingkungan Hidup Kota Sukabumi memiliki enam tempat yaitu TPU Bahagia, TPU Binong, TPU Taman Rohmat, TPU Kerkof, TPU Cikundul, dan TPU Ciandam. Dalam menjalankan Pelayanan kepada masyarakat, bagian pelayanan Dinas Lingkungan Hidup Kota Sukabumi

(20)

yaitu memberikan informasi umum kepada masyarakat tentang ketentuan pemesanan layanan pemakaman .

Saat ini sistem pengelolaan pemesanan tanah pemakaman di Kota Sukabumi masih dilakukan secara manual, jika ada anggota keluarga yang meninggal, perwakilan keluarga harus datang ke pengelola pemakaman untuk mengisi formulir pendaftaran dan memilih lokasi petak makam, kemudian melakukan pembayaran. Hal ini sangat jauh dari visi dari Dinas Lingkungan Hidup Kota Sukabumi, yaitu meningkatkan pelayanan kepada publik. Untuk itu perlu pengembangan sistem yang berbasis website yang dapat membantu untuk meningkatkan pelayanan kepada publik.

Untuk menghasilkan website dengan desain antarmuka yang dapat diterima pengguna dengan baik, maka selain melakukan evaluasi perlu adanya perancangan perbaikan. Perancangan perbaikan dibuat untuk memberikan rekomendasi terhadap masalah yang muncul setelah evaluasi dilakukan (Pratiwi, Saputra, & Wardani, 2018).

Metode User Centered Design (UCD) akan menjadi solusi untuk pengembangan sistem yang berbasis website, karena metode UCD ini adalah sebuah filosofi perancangan yang menempatkan pengguna sebagai pusat dari sebuah proses pengembangan sistem (Pratiwi, Saputra, & Wardani, 2018). Pendekatan User Centered Design (UCD) akan melibatkan pengguna pada proses pengembangan sehingga pengguna dapat memberikan saran mengenai antarmuka

website, serta hasil akhir dalam perancangan website ini diharapkan menghasilkan

(21)

Pengguna yang dimaksudkan terlibat dalam pengembangan sistem dengan metode User Centered Design (UCD) yaitu petugas pelayanan pada Dinas Lingkungan Hidup Kota Sukabumi dan masyarakat yang telah menggunakan

website tersebut.

1.2. Identifikasi Permasalahan

Berdasarkan latar belakang yang telah diuraikan dapat diidentifikasi permasalahan yang terjadi yaitu

1. Seluruh proses pemesanan tanah makam masih manual, yaitu ahli waris datang langsung ke dinas pengelola.

2. Belum adanya aplikasi yang berbasis website yang memiliki tampilan user

interface sesuai pengguna.

1.3. Perumusan Masalah

Berdasarkan latar belakang masalah maka dapat identifikasi permasalahan yaitu

1. Bagaimana agar warga tidak perlu mendatangi dinas pengelola dalam melakukan pemesanan tanah makam?

2. Bagaimana membuat aplikasi berbasis website sesuai dengan keinginan pengguna?

(22)

Maksud dari penulisan skripsi ini adalah:

1. Merancang sistem informasi pelayanan pemesanan tanah makam dengan berbasis web.

2. Menerapkan metode User Centered Design (UCD) dalam pengembangan sistem yang dibangun.

Tujuan dari penulisan skripsi ini adalah memenuhi salah satu syarat kelulusan strata satu (S1) Program Studi Sistem Informasi Fakultas Teknik dan Informatika Universitas Bina sarana Informatika Kampus Kota Sukabumi.

1.5. Metode Penelitian

Untuk mencapai tujuan yang ingin dicapai maka metodologi penelitian yang digunakan dalam penulisan skripsi ini adalah:

1.5.1. Teknik Pengumpulan Data

Beberapa teknik dalam pengumpulan data dalam pembuatan skripsi ini diantaranya:

1. Observasi

Metode ini dilakukan dengan cara pengamatan langsung terhadap sistem yang berjalan pada Dinas Lingkungan Hidup Kota Sukabumi untuk merekam proses pemesanan sewa tanah pemakaman dan untuk tampilan website observasi dilakukan kepada masyarakat melalui survey pada aplikasi yang akan dibuat.

2. Wawancara

Metode ini dilakukan untuk memperoleh informasi dari objek yang diteliti dalam hal ini yang menjadi objek wawancara adalah bagian administrasi dan masyarakat pengguna

(23)

3. Studi Pustaka

Metode studi pustaka dilakukan dengan cara mencari data dari sumber buku-buku, makalah-makalah, e-journal, website dan lain sebagainya yang berhubungan dengan studi literatur yang berhubungan dengan penelitian.

1.5.2. Model Pengembangan Sistem

Model Pengembangan sistem dalam penelitian Skripsi ini yaitu menggunakan metode User Centered Design (UCD) (Priyatna , 2018), berikut beberapa tahapannya yaitu:

1. Plan For System

Tugas-tugas yang dibutuhkan yaitu komunikasi yang intens antara pengguna dan pengembang. Tahapan ini dilaksanakan dengan wawancara dengan pihak yang terkait dengan sistem yang akan dibangun serta diimplementasikan nantinya. Tahapan ini bertujuan agar mendapatkan gambaran awal.

2. Design System

a. Perancangan sistem baru pada tahapan ini bertujuan untuk merancang sistem baru, pada penelitian ini menggunakan notasi UML sebagai case

tool dalam perekayasaan perangkat sistem. Dari berbagai diagram UML

yang ada hanya beberapa yang digunakan dalam Perancangan sistem baru. b. Perancangan database pada tahapan ini bertujuan untuk merancang database, pada penelitian ini menggunakan ERD dan LRS yang menggambarkan entitas yang ada.

c. Perancangan interface pada tahapan ini bertujuan untuk merancang

(24)

merancang input dan output seperti yang diinginkan tool yang yang digunakan adalah Microsoft Visio.

3. Implementasi

Tahapan ini dilakukan agar dapat menterjemahkan rancangan sistem yang sudah dibuat oleh pengembang kedalam bahasa pemrograman pada skripsi ini bahasa pemrograman yang digunakan meliputi XML, PHP, JAVA dan Sql 4. Evaluation System

Pada tahapan evaluasi sistem dibutuhkan untuk mendapatkan feedback/umpan balik dari para pengguna dengan didasarkan pada evaluasi representasi perangkat lunak, yang dibuat selama masa pengujian sistem. Pada tahapan ini merupakan tahap yang menentukan bahwa sistem informasi pemesanan ini sesuai atau tidak dengan keinginan user.

1.6. Ruang Lingkup

Agar tidak keluar dari pokok permasalahan maka dalam skripsi ini dibatasi pembahasan mengenai sistem pemesanan sewa tanah pemakaman meliputi, proses pemesanan sewa tanah pemakaman dan proses pembayaran melalui transfer dan upload pada website, dan pengembangan sistem hanya berdasarkan masukan dari pengguna.

(25)

7

BAB II

LANDASAN TEORI

2.1. Tinjauan Pustaka A. Konsep Dasar Aplikasi 1. Aplikasi

Menurut (Asropudin, 2013) menerangkan bahwa Aplikasi adalah software yang dibuat oleh suatu perusahaan komputer untuk mengerjakan tugas-tugas tertentu sesuai dengan kemampuan yang dimilikinya.

2. Website

Menurut (Bekti, 2015) menerangkan bahwa Website yaitu merupakan kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi dan suara, baik yang bersifat statis maupun dinamis.

B. Peralatan Pendukung 1. Basis Data

Menurut (Fathansyah, 2015) menerangkan bahwa Basis data adalah tempat berkumpulnya data-data, baik representasi fakta dunia nyata mewakili suatu objek seperti data pegawai, siswa, pembelian, pelanggan, barang dan sebagian yang berwujudkan dalam bentuk angka, huruf, simbol, teks, gambar ataupun yang lainnya.

(26)

2. Bahasa Pemograman

a. PHP

Menurut (Kompuer, 2014) menerangkan bahwa PHP merupakan singkatan dari Hypertext Preprocessor merupakan bahasa pemrograman yang berbasis web yang bersifat open source dimana memiliki kemampuan untuk memproses dan mengolah data secara dinamis. PHP dapat dikatakan sebagai sebuah server-side

embedded script language, artinya semua sintaks dan perintah program yang anda

tulis akan sepenuhnya dijalankan oleh server, tetapi disertakan pada halaman HTML biasa.

b. JavaScript

Menurut (Sibero A. F., 2014) menerangkan bahwa JavaScript adalah bahasa script yang berjalan pada web browser, dan akses scriptnya untuk objek yang dimasukkan pada aplikasi lain dengan perintah yang digunakan untuk mengendalikan beberapa bagian dari sistem operasi.

c. HTML

Menurut (Sibero A. F., 2014) menerangkan bahwa HTML merupakan bahasa pemrograman yang digunakan pada dokumen web sebagai bahasa pertukaran dokumen web dan struktur dokumen HTML yang terdiri dari tag pembuka dan tag penutup.

3. SQL

Menurut (Rosa & Shalahuddin, 2015) menerangkan bahwa SQL (Structured

Quety Laguage) adalah bahasa yang digunakan untuk mengelola data pada

RDBMS (Relational DBMS) yang dikembangkan berdasarkan teori aljabar relasional dan kalkulus.

(27)

4. Model Pengembangan Perangkat Lunak

Menurut Eason dalam (Priyatna , 2018) menerangkan bahwa Metode UCD (User Centered Design) adalah yang merupakan metode yang berorientasi pada pengguna. Hal ini dimaksudkan agar memberikan informasi untuk pengguna dalam maupun luar negeri sehingga akan lebih menarik minat kunjungan website dari luar maupun dalam negeri.

Sumber : (Eason:1992)

Gambar II.1. Model Pengembangan UCD (User Centered Design) 5. Entity Relationship Diagram (ERD)

Menurut (Oktavian, Sarkawi, & Priadi, 2018) menerangkan bahwa Entity

Relationship Diagram merupakan alat pemodelan data utama dan akan membantu

mengorganisasi data dalam suatu proyek ke dalam entitas-entitas dan menentukan hubungan antar entitas, hasil analisis berupa struktur basis data yang baik sehingga data dapat di gunakan secara efisien

(28)

1) Entitas (Entity)

Entitas adalah sesuatu yang nyata atau abstrak di mana kita akan menyimpan data.

2) Relasi (Relationship)

Relasi adalah hubungan alamiah yang terjadi antara satu atau lebih entitas. 3) Atribut (Attribute)

Atribut adalah ciri umum semua atau sebagian besar instansi pada entitas tertentu. Sebutan lain untuk atribut adalah properti, elemen data dan field.

6. Unified Modelling Language (UML)

Menurut (Rosa & Shalahuddin, 2015) menerangkan bahwa UML adalah Salah satu standar bahasa yang banyak digunakan di dunia industri untuk mendefinisikan requirement, membuat analisis dan desain, serta menggambarkan arsitektur dalam pemrograman berorientasi objek. UML menyediakan serangkaian gambar dan diagram yang sangat baik

Berikut diagram UML yaitu: a. Use Case Diagram

Use case merupakan pemodelan untuk kelakuan (behavior) sistem informasi

yang akan dibuat. Use case mendeskripsikan sebuah interaksi antara suatu atau lebih aktor dengan sistem informasi yang akan dibuat. Dapat dikatakan Use

case digunakan untuk mengetahui fungsi apa saja yang akan ada didalamnya

dan siapa saja yang berhak menggunakan fungsi-fungsi tersebut.

(29)

Activity diagram menggambarkan workflow (aliran kerja) atau aktivitas dari

sebuah sistem atau proses bisnis. c. Class Diagram

Class diagram menggambarkan struktur sistem dari segi pendefinisian

kelas-kelas yang akan dibuat untuk membangun sistem. d. Sequence Diagram

Sequence diagram menggambarkan kelakuan obyek pada use case dengan

mendeskripsikan waktu hidup obyek dan pesan yang dikirimkan dan diterima antar obyek.

e. Component Diagram

Component diagram merupakan diagram yang digunakan untuk menggambarkan organisasi dan ketergantungan komponen-komponen software sistem.

f. Deployment Diagram

Deployment diagram menunjukan konfigurasi komponen proses eksekusi

aplikasi.

7. Pengujian Web (Testing)

Menurut (Ningrum, Suherman, Aryanti, Prasetya, & Aries, 2019) menerangkan bahwa Pengujian pada sebuah program penting untuk dilakukan guna memeriksa semua kesalahan yang ada pada program tersebut, Blackbox

testing merupakan pengujian yang bertujuan melihat program tersebut sama

(30)

2.2. Penelitian Terkait

Berikut merupakan kutipan penelitian yang sebelumnya telah dilakukan oleh beberapa peneliti:

Menurut penelitian (Priyatna , 2018) yang berjudul “Penerapan Metode User Centered Design (UCD) Pada Sistem Pemesanan Menu Kuliner Nusantara Berbasis Mobile Android”, menjelaskan bahwa penerapan metode UCD pada sistem yang dibangun mampu membantu membuat tampilan yang menarik sesuai keingin pengguna dan dapat membantu sistem penjualan”

Menurut penelitian (Saputri, Fadhli, & Surya, 2017) yang berjudul “Penerapan Metode UCD (User Centered Design) pada E-Commerce Putri Intan Shop Berbasis Web”, menjelaskan bahwa dengan menerapkan Metode UCD (User Centered Design) terbukti dapat membangun website yang user friendly dengan dengan tingkat usability yang tinggi.

Berdasarkan beberapa penelitian tersebut, maka dilakukanlah penelitian yang sejenis dengan priyatna dan saputri yaitu menerapkan metode UCD. Akan tetapi dalam penelitian kali ini, objek penelitiannya tentang proses pemesanan pemakaman dengan bahasa.

(31)

13

BAB III

ANALISA SISTEM BERJALAN

3.1. Tinjauan Institusi 3.1.1. Sejarah Institusi

Dinas Pengelolaan Persampahan, Pertamanan Dan Pemakaman Kota Sukabumi dibentuk berdasarkan peraturan Walikota Nomor 26 tahun 2008 tentang Kedudukan, Tugas Pokok, Fungsi dan Tata Kerja Dinas Pengelolaan Persampahan, Pertamanan dan Pemakaman Kota Sukabumi, dimana dalam peraturan Walikota tersebut Dinas mempunyai tugas pokok malaksanakan kewenangan otonomi Daerah di bidang pengelolaan persampahan, Pertamanan dan penerangan jalan umum, serta pemakaman.

Namun berdasarkan No 35 Tahun 2016 Tentang Peraturan Walikota Sukabumi, Dinas Pengelolaan Persampahan, Pertamanan Dan Pemakaman Kota Sukabumi berubah kedudukannya menjadi Dinas Lingkungan Hidup yang beralamat di Jl. Pemuda No.71, Citamiang, Kec. Citamiang, Kota Sukabumi, Jawa Barat 43141.

Adapun Visi dan Misi Dinas Lingkungan Hidup yaitu:

a. VISI

“ Terwujudnya Sukabumi yang bersih, indah, asri dan nyaman yang berwawasan lingkungan”.

b. MISI

1) Mewujudkan kualitas pelayanan pengelolaan sampah, pertamanan, PJU dan pemakaman

(32)

nyaman dan bersih

3) Mewujudkan PJU yang handal, aman dan indah

4) Mewujudkan tempat pengelolaan sampah akhir (TPSA) yang ramah lingkungan secara terpadu

3.1.2. Struktur Organisasi dan Fungsi

A. Struktur Organisasi Kepala UPT SUBBAGIAN TATA USAHA Kelompok Jabatan Fungsional

Sumber: Dinas Lingkungan Hidup (2020)

Gambar III. 1 Struktur Organisasi UPT Dinas Lingkungan Hidup Kota Sukabumi

Fungsi unit organisasi yaitu: 1. Kepala UPT

a. Pelaksanaan tugas teknis pada Dinas dalam perencanaan dan penanganan bidang pemakaman yang meliputi penataan, pengelolaan, dan pemeliharaan areal pemakaman;

b. Penyelenggaraan kegiatan teknis administratif di bidang pemakaman yang meliputi penataan, pengelolaan, dan pemeliharaan areal pemakaman; c. Pembinaan terhadap seluruh perangkat UPT Pemakaman; dan

d. Melaksanakan tugas lain yang diberikan oleh atasan sesuai dengan tugas dan fungsinya

(33)

2. Sub Bagian Tata Usaha

a. Melaksanakan pendataan areal pemakaman di 6 TPU, yaitu : TPU Bahagia, TPU Binong, TPU Taman Rohmat, TPU Kerkof, TPU Cikundul, dan TPU Ciandam

b. Memberikan Pelayanan informasi tentang pemakaman bagi peziarah/ahli waris yang memerlukan;

c. Melaksanakan pelayanan penguburan jenazah sesuai perda No. 2 Tahun 2000 tentang Pemakaman, melalui penarikan retribusi izin pemakaman dan sewa lahan kuburan;

d. Melaksanakan pencatatan administrasi pemakaman;

e. Melaksanakan penyiapan sarana / prasarana operasional pemakaman untuk menjaga kebersihan lingkungan dan kenyamanan pemakaman berupa pengadaan mesin babad rumput, cangkul, garpu, sapu, pengki, gurinda, parang dan cungkil;

f. Daftar Ulang sewa lahan kuburan kepada ahli waris;

g. Melaksanakan pendataan Pemakaman Pemerintah dan Tanah wakaf. 3. Kelompok Jabatan Fungsional

a. Melaksanakan pengumpulan bahan dan pengolahan data dalam rangka penyusunan rencana, program penataan dan pemeliharaan pemakaman; b. Melaksanakan penyelenggaraan kegiatan pemeliharaaan dan penertiban

lahan pemakaman;

c. Melaksanakan penyelenggaraan bimbingan teknis operasional kepada petugas lapangan;

(34)

3.2. Proses Bisnis Sistem

Prosedur yang sedang berjalan pada UPT Pemakaman Dinas Lingkungan Hidup Kota Sukabumi yaitu dimulai dari Ahli waris datang langsung ke Bagian Administrasi Subbagian Tata Usaha bagian pemakaman untuk meminta informasi tentang pemakaman, bagian tersebut akan melayani pendaftaran dan memberikan formulir pendaftaran kepada ahli waris untuk diisi serta melampirkan persyaratan yang telah ditentukan. Setelah itu Ahli waris mengisi formulir, kemudian menyerahkan formulir yang telah diisi dan lampiran persyaratan, Bagian Administrasi akan mengecek formulir pendaftaran beserta lampiran persyaratan yang di ajukan oleh ahli waris, Apabila Formulir dan lampiran persyaratan yang diajukan ahli waris telah lengkap, maka bagain administrasi melakukan pencatatan jenazah, ahli waris dan nomor register, tetapi apabila persyaratan tidak lengkap atau tidak memenuhi maka akan di kembalikan ke ahli waris untuk dilengkapi. Apabila folmulir dan lampiran persyaratan telah dilengkapi, kemudian ahli waris melakukan pembayaran retribusi awal pemakaman, selanjutnya Bagian Administrasi akan membuat surat pemberitahuan pembayaran, tetapi apabila dalam lampiran persyaratan terdapat Surat Keterangan Tidak Mampu, ahliwaris akan mendapatkan surat keterangan bebas retribusi. Setelah itu Bagian Administrasi akan mencatat pada buku arsip, kemudian menyimpan bukti pendaftaran, lampiran persyaratan, serta surat pemberitahuan pembayaran retribusi awal atau surat bebas retribusi pemakaman untuk di arsipkan dan diserahkan kepada Kepala UPT Bidang Pemakaman.

(35)

act Pemesanan Tanah Pemakaman Kepala UPT Bagian Administrasi Ahli Waris Mulai Informasi Tanah Pemakaman Menyerahkan Formulir Pendaftaran Mengisi formulir pendaftaran

Cek Formulir Terisi dan Persyaratan Menyerahkan Formulir

Terisi dan Persyaratan

Catat data j enazah, ahli w aris dan nomor

resgister Melakukan Pembayaran Retribusi Menerima Laporan Selesai Menerima kw itansi pembayaran Retribusi Kumplit? Membuat kw itansi pembayaran Retribusi Informasi Pembayaran Selesai Membuat Laporan [Tidak] [Ya]

Gambar III.2 Activity Diagram Prosedur Pemesanan Pemakaman UPT Bidang Pemakaman Dinas Lingkungan Hidup Kota Sukabumi 3.3. Dokumen Sistem Berjalan

3. 3. 1. Spesifikasi Bentuk Dokumen Masukan

Dokumen masukan yang digunakan pada sistem berjalan adalah: 1) Nama dokumen : Formulir Pendaftaran

Fungsi : Sebagai permohonan pemesanan tanah makan

Sumber : Ahli Waris

Tujuan : Bagian adminstrasi Media : Kertas Cetakan

(36)

Frekuensi : Setiap pendaftaran pemesanan pemakaman Bentuk : Lihat Lampiran A. 1

2) Nama dokumen : Surat Keterangan Kematian Fungsi : Sebagai syarat pendaftaran

Sumber : Ahli Waris

Tujuan : Bagian adminstrasi

Media : Kertas

Frekuensi : Setiap ada pendaftaran Bentuk : Lihat Lampiran A. 2 3) Nama dokumen : FC Kartu Keluarga

Fungsi : Sebagai syarat pendaftaran

Sumber : Ahli Waris

Media : Kertas

Frekuensi : Setiap ada pendaftaran Bentuk : Lihat Lampiran A. 3

4) Nama dokumen : Surat Bukti Kewarga Negaraan Fungsi : Sebagai syarat pendaftaran

Sumber : Ahli Waris

Media : Kertas

(37)

5) Nama dokumen : FC Kartu Tanda Penduduk Ahli Waris dan Jenazah Fungsi : Sebagai syarat pendaftaran

Sumber : Ahli Waris

Media : Kertas

3. 3. 2. Spesifikasi Bentuk Dokumen Keluaran

Dokumen keluaran yang digunakan pada sistem berjalan adalah: 1) Nama dokumen : Kwitansi Pembayaran Retribusi

Fungsi :Sebagai bukti pembayaran Sumber : Bagian adminstrasi

Tujuan : Ahli Waris

Media : Kertas Cetakan

Frekuensi : Tiap melakukan pembayaran Bentuk : Lihat Lampiran B.1

2) Nama dokumen : Laporan Bulanan

Fungsi :Sebagai laporan data administrasi Sumber : Bagian adminstrasi

Tujuan : Kepala UPT

Media : Kertas Cetakan

Frekuensi : Tiap di perlukan Bentuk : Lihat Lampiran B.2

(38)

20

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1 Analisis Kebutuhan Software

A. Tahap Analisis

Dari hasil analisis pada prosedur sistem berjalan, didapatkan spesifikasi kebutuhan untuk merancang website sebagai berikut:

Halaman Masyarakat:

A1.Masyarakatmelakukan daftar akun A2. Masyarakatmelakukan login A3. Masyarakatpesan tanah makam A4. Masyarakatisi survei

Halaman Admin:

B1. Admin melakukan login

B2. Adminmengelola data lokasi pemakaman B3. Adminmengelola data pemesanan

B4. Admin lihat survei

B5. Admin mengelola laporan B5. Admin mengelola setting

(39)

B. Use CaseDiagram

Penggambaran use casedari website sistem informasi pelayanan masyarakatyang akan dibangun sebagai berikut:

A. Use CaseDiagram Halaman Masyarakat

Gambar IV.1 dapat dijelaskan bahwa pada halaman masyarakat, sebelum melakukan pesan tanah makam, masyarakat harus daftar sebagai akun untuk mendapatkan username dan password, setelah mendapatkan username dan

password, masyarakat memilih menu login untuk login ke halaman, setelah login

masyarakat melakukan pesan tanah makam dan mencetak bukti pesan. Setelah itu masyarakat dapat mengisi usrvei terkait aplikasi.

uc Masyarakat

Masyarakat

Pesan Tanah Makan

Isi Surv ei Daftar Akun

Gambar IV.1.Use Case Diagram Halaman Masyarakat Tabel IV.1.

Deskripsi Use Case Diagram Halaman MasyarakatDaftar Akun

Use Case Name Halaman Masyarakat Daftar

Requirements A1

Goal Masyarakat dapatmelakukan daftar akun

(40)

Post-condition Data tersimpan pada database

Failed end condition URL tidak bisa diakses

Primary Actor Masyarakat

Main Flow/Basic Path 1.Masyarakat melakukan daftar akun 2.Data tersimpan

Invariant -

Tabel IV.2.

Deskripsi Use Case Diagram Halaman MasyarakatPesan Tanah Makam

Use Case Name Pesan Tanah Makam

Requirements A2,A3

Goal Masyarakatsimpan pesan tanah makam

Pre-condition Masyarakatlogin

Main Flow/Basic Path 1.Masyarakat melakukan login 2.Masyarakatpesan tanah makam

Invariant -

Tabel IV.3.

Deskripsi Use Case Diagram Halaman MasyarakatIsi Survei

Use Case Name Isi Survei

Requirements A2,A4

Goal Masyarakatdapat simpan isi survei

Pre-condition Masyarakatlogin

Main Flow/Basic Path 1.Masyarakat melakukan login 2.Masyarakatisi survei

(41)

B. Use Case Diagram Halaman Admin

Gambar IV.2 dapat dijelaskan bahwa pada halaman admin dapat mengelola beberapa menu, diantaranya admin sebelum masuk ke halaman utama, admin harus login terlebih dahulu, dengan memasukan username dan password, setelah melakukan login admin akan masuk kehalaman utama, dapat mengelola data lokasi pemakaman, data pemesanan, data survei, data laporan, dan data setting aplikasi.

uc Admin

Admin

Kelola Data Setting

Input Data Lokasi Makam

Input Data Pemesanan

Lihat Data Surv ei

Lihat Data Laporan

Gambar IV.2.Use Case Diagram Halaman Admin Tabel IV.4.

Deskripsi Use CaseDiagramMengelola Data Lokasi Makam

Use Case Name Data Lokasi Makam

Requirements B1,B2

Goal Data lokasi makam

Pre-condition Admin melalukan login

Post-condition Data disimpan pada database

Primary Actor Admin

Main Flow /Basic Path 1. Admin login

2. Admin kelola data lokasi malam

(42)

Tabel IV.5.

Deskripsi Use CaseDiagramMengelola Data Pemesanan

Use Case Name Data Pemesanan

Goal Data pemesanan tersimpan

2. Admin kelola data pemesanan

Invariant2 -

Tabel IV.6.

Deskripsi Use CaseDiagramMengelola Data Survei

Use Case Name Data Survei

Goal Datasurveitampil

2. Admin kelola data survei

Invariant2 -

Tabel IV.7.

Deskripsi Use CaseDiagramMengelola Data Laporan

Use Case Name Data Laporan

Goal Datalaporan tampil

Post-condition Update berhasil di simpan Failed end condition URL tidak bisa diakses

2. Admin kelola data laporan

Invariant2 -

Tabel IV.8.

Deskripsi Use CaseDiagramMengelola Data Setting

Use Case Name Data Setting

Goal Datasetting tersimpan

Post-condition Data setting tampil

(43)

2. Admin mengelola data setting

Invariant2 -

C. Activity Diagram

1. Activity DiagramHalaman Masyarakat

Gambar IV.3 Activity Diagram halaman masyarakat, dimulai dari masyarakat melakukan login, inputusername dan password.Setelah diinput sistem akan memvalidasi, jika username dan passwordsalah, maka akan muncul validasi dan kembali ke menu login, dan jika validasi benar makan akan langsung ke halaman utama masyarakat. Pada halaman utama masyarakat ada dua menu yaitu pesan tanah pemakaman dan isi survei aplikasi

act Business Process Model

Sistem Masyarakat

Start

End Melakukan Login

Input username &

password Validasi Login

Tampil Menu Utama Pilih Menu? Pesan Tanah Makam Survei Simpan Data Upload Bukti Pembayaran [Ya] [Tidak]

(44)

2. Activity DiagramAdmin Kelola Data Lokasi Pemakaman

Gambar IV.4 dapat dijelaskan bahwa proses Activity Diagram halaman admin mengelola data lokasi pemakaman,dimulai dari admin melakukan login terlebih dahulu, dengan menginput username dan password, setelah itu sistem akan memvalidasi, jika salah username dan password maka akan muncul validasi dan kembali ke menu login, jika benar makan akan langsung ke menu utama. Pilih menu data lokasi pemakaman, maka admin dapat mengelola data lokasi dan blok makam.

act Halaman Admin

Halaman Admin Admin start Melakukan Login Menampilkan Halaman Admin Pilih Menu Data

Lokasi Pemakaman End Validasi Login Kelola Data Blok Pilih Menu Lokasi? Pilih Blok? Kelola Data Lokasi Simpan Data [Ya] [Tidak] [Ya] [Ya] [Tidak] [Tidak]

Gambar IV.4.Activity DiagramAdmin Kelola Data Lokasi Pemakaman

3. Activity DiagramKelola Data Pemesanan

Gambar IV.5 dapat dijelaskan bahwa proses Activity Diagram halaman admin mengelola data konsultasi online atau pesan,dimulai dari admin melakukan login terlebih dahulu, dengan menginput username dan password, setelah itu sistem akan memvalidasi, jika salah username dan password maka akan muncul validasi dan kembali ke menu login,

(45)

jika benar makan akan langsung ke menu utama. Pilih menu data pesan tanah makam, maka admin dapat mengelola data pesan tanah makam, dan terimpan pada database.

act Halaman Admin

Halaman Admin Admin start Melakukan Login Menampilkan Halaman Admin Pilih Menu Data

Pesan Tanah Makam

End Pilih Data Pesan

Tanah Makam Validasi Login Update Status Simpan Data [Tidak] [Ya]

Gambar IV.5.Activity DiagramKelola Data Pemesanan

(46)

Gambar IV.6 dapat dijelaskan bahwa proses Activity Diagram admin mengelola data laporan,dimulai dari adminpilih data laporan, maka akan tampil data laporan, admin dapat memilih tanggal laporan yang akan dicetak dan laporan diserahkan kepada pemilik.

act Activ ity Cetak Laporan

Halaman Admin Admin

Start

Pilih Menu Laporan Tampil Form Laporan

Filter Tanggal

Cetak Laporan

End

Gambar IV.6.Activity DiagramMengelola Laporan

(47)

4.2.1 Database

1. Entity Relationship Diagram

Pada gambar IV.7 Entity Relationshop Diagram, entitas user dapat melakukan pemesanan/reservasi tanah makam dimana data tersebut tersimpan pada tabel reservasi tanah makam, untuk itu ada hubungan kardinalitas 1 to 1 dari entitas user dengan entitas reservasi tanah makam. User dapat mengisi survei/saran yang tersimpan pada tabel saran, dengan hubungan kardinalitas 1 to M.

user ReservasaiTanah Makam memiliki Id_user Nama_user Telp_user Id_reservasi nama Id_user Id_reservasi Id_kavling Memiliki 1 Id_lokasi password saran isi Id_user no_pesan Nama_saran Id_saran KavlingTanah Blok harga Id_kavling memiliki keterangan id_tanah Id_reservasi 1 1 1 1 1 M jumlah tgl status Status_kavling Lokasi_pemakam an Nama_lokasi Id_lokasi M

Gambar IV.7.Entity Relationshop DiagramPendaftaran Masyarakat

(48)

Pada gambar IV.8 Logical Record Structure, dapat dipenjelaskan bahwa

Logical Record Structure sudah dikelompokan dan terbentuk tabel-tabel yang

saling berelasi. ReservasiTanah Makam User Id_reservasi Tgl Nama Status Id_user ** Id_kavling ** Id_user Nama_user Telp_user password Id_user Saran Id_saran Nama_saran Jumlah Id_user ** Id_user KavlingTanah Id_kavling Blok Harga Keterangan Status_kavling Id_lokasi ** Id_kavling Lokasi_pemakaman Id_lokasi Nama_lokasi

Gambar IV.8.Logical Record Structure Pendaftaran Masyarakat

3. Spesifikasi File

a. Spesifikasi FileTabelUser

Nama Database :db_makam

Nama File : Tabel Pegawai

Akronim : pegawai.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 110Byte Kunci Field : id_user

Tabel IV.9.

Spesifikasi File Tabel User

No Nama Field Type Size Keterangan

1 Id_User Varchar 15 Primary Key

2 Nama_User Varchar 35

3 Telp_user Varchar 20

4 password Varchar 40

b. Spesifikasi File TabelKavling Tanah

(49)

Nama File : Tabel Kavling Tanah

Akronim : kavlingtanah.myd

Panjang Record : 82 Byte Kunci Field : id_kavling

Tabel IV.10.

Spesifikasi File Tabel Kavling Tanah

1 Id_Kavling Int 11 Primary Key

2 Blok Varchar 10

3 Harga Varchar 15

4 Keterangan Varchar 30

5 Status_kavling Varchar 10

6 Id_lokasi Int 11 Foreign Key

c. Spesifikasi File TabelLokasi Pemakaman

Nama Database : db_makam

Nama File : Tabel Lokasi Pemakaman

Akronim : Lokasi_pemakaman.myd

Panjang Record :26Byte

Kunci Field : id_lokasi

Tabel IV.11.

Spesifikasi File TabelLokasi Pemakaman

1 id_lokasi Int 11 Primary Key

2 Nama_Lokasi Varchar 15

d. Spesifikasi File TabelReservasi Tanah Makam

Nama File : Tabel Reservasi Tanah Makam

Akronim : reservasitanahmakam.myd

Tipe File : File Transaksi

Panjang Record :58 Byte Kunci Field : no_reservasi

Tabel IV.12.

Spesifikasi File Tabel Reservasi Tanah Makam

1 Id_reservasi Int 11 Primary Key

2 Tanggal Date -

3 Nama Varchar 15

4 Status Varchar 10

5 Id_user Int 11 Foreign Key

(50)

e. Spesifikasi File TabelSaran

Nama File : Tabel Saran

Akronim : saran.myd

Tipe File : File Transaksi

Panjang Record :52Byte

Kunci Field : no_saran

Tabel IV.13.

Spesifikasi FileTabel Survei

1 No_saran Int 11 Primary Key

2 Nama Saran Varchar 15

3 Jumlah Int 11

4 Id_User Varchar 15

4.2.2. Software Architecture

A. Component Diagram

Gambar IV.9 menunjukan Componen Diagram pada aplikasi berbasis web, diaman pengguna baik client atau admin mengakses website pada laman dengan menggunakan browser, aplikasi yang sudah tersimpan pada server.

cmp Component Model

Web Serv er

database aplikasi Web Serv er

Port 80

Web Brow ser Port 80

Database Serv er

db_makam

MySql database «use»

Gambar IV.9.Component Diagram

(51)

Gambar IV.10 menunjukan Componen Diagram pada aplikasi berbasis web, diaman pengguna baik client atau admin mengakses website pada laman dengan menggunakan browser, aplikasi yang sudah tersimpan pada server.

deployment Deployment Model

FornPage Application Application Database j Query.j s style.css Xampp Mysql Database Admin Aplicattion

Gambar IV.10.Deployment Diagram 4.2.3. User Interface

1. Halaman Utama

Gambar IV.11 dapat dijelaskan bahwa halaman depan untuk bagain masyarakat akan menampilkan beberapa menu termasuk daftar lokasi pemakaman.

Gambar IV.11. Halaman Utama

(52)

Gambar IV.12 dapat dijelaskan bahwa masyarakat dapat melakukan pemesanan tanah makam sesuai yang diinginkan.

Gambar IV.12. Halaman Pesan Blok Makam

3. Halaman Kirim Kritik/Saran

Gambar IV.13 dapat dijelaskan bahwa masyarakat dapat mengisi kritik atau saran terkadap aplikasi dan proses pemesanan tanah makam.

Gambar IV.13. Halaman Kirim Kritik/Saran

4. Halaman Login Admin

Gambar IV.14 dpaat dijelaskan bahwa admin tidak dapat menngelola langsung kehalaman utama, admin harus melakukan login terlebih dahulu pada form login.

(53)

Gambar IV.14. Halaman Login Admin

5. Halaman Data Tanah Makam

Gambar IV.15 Merupakan gambar halaman utama halaman admin, pada halaman utama ini, admin dapat mengelola data lokasi tanah makam.

Gambar IV.15. Halaman Data Tanah Makam

6. Halaman Data Pemesanan Tanah Makam

Gambar IV.16 Merupakan gambar halaman admin mengelola data pemesanan tanah makam oleh masyarakat.

(54)

Gambar IV.16. Halaman Data Pemesanan Tanah Makam

7. Halaman Data Survei

Gambar IV.18 Merupakan gambar halaman utama halaman admin, pada halaman utama ini, admin dapat melihat kritik/saran dari masyarakat terkait aplikasi ini.

Gambar IV.18. Halaman Data Survei

4.3. Code Generation

<?php

include "back/inc/inc.koneksi.php"; $today=date("Ymd");

$query = "SELECT max(no_order) AS last FROM tb_orderlayanan WHERE no_order LIKE '$today%'";

$hasil = mysql_query($query)or die(mysql_error()); $data = mysql_fetch_array($hasil);

$lastNoTransaksi = $data['last'];

$lastNoUrut = substr($lastNoTransaksi, 8, 4); $nextNoUrut = $lastNoUrut + 1;

$nextNoTransaksi = $today.sprintf('%04s', $nextNoUrut); ?>

(55)

<h2 class="text-white font-weight-light mb-2 display-1">Online Booking</h2> </div>

</div> </div> </div>

<form class="p-5 bg-white" method="post" action="simpan_booking.php"> <h2 class="mb-4 site-section-heading">Booking Sekarang</h2>

<label class="text-black" for="fname">Nama Lengkap</label>

<input type="hidden" name="no" id="no" value="<?php echo $nextNoTransaksi; ?>" readonly="readonly" />

<input type="hidden" name="masyarakat" id="no" value="<?php echo $_SESSION['username'] ?>" readonly="readonly" />

<input type="text" id="fname" class="form-control" name="nama" value="<?php echo $_SESSION['nama'] ?>" placeholder="First Name" readonly>

</div> </div>

<label class="text-black" for="date">Tanggal Berkunjung</label>

</div>

<label class="text-black" for="email">Email</label>

<input type="email" id="email" class="form-control" value="<?php echo $_SESSION['email'] ?>" placeholder="Email" readonly>

</div> </div>

<label class="text-black" for="treatment">Layanan </label> <select name="layanan" id="poli" class="form-control"> <option value="Belum">-- Silahkan Pilih Layanan--</option> <?php $poli=mysql_query("SELECT*FROM tb_pelayanan"); while($tampil=mysql_fetch_array($poli))

{ ?>

(56)

</div> </div>

</div> </form> </div>

<p class="mb-0 font-weight-bold">Alamat</p>

<p class="mb-4">203 Fake St. Mountain View, Sukabumi, Jawa Barat, Indonesia</p> <p class="mb-0 font-weight-bold">Telepon</p>

<p class="mb-4"><a href="#">+1 232 3235 324</a></p> <p class="mb-0 font-weight-bold">Email Address</p>

<p class="mb-0"><a href="#">youremail@domain.com</a></p> </div>

<h3 class="h5 text-black mb-3">Info Antrian</h3> <p><table class="table table-responsive table-bordered"> <tr > <th width="50%">Layanan</th> <th>Jumlah Antrian</th> <th>Kuota</th> <th>Sisa</th> </tr> <?php include "Admin/inc/inc.koneksi.php"; $hari=date('Y-m-d');

$sql=mysql_query("SELECT * FROM tb_pelayanan"); while($data = mysql_fetch_array($sql)) {

$hitung=mysql_query("SELECT * FROM tb_orderlayanan WHERE tgl_kunjungan='$hari' AND id_pelayanan='$data[id_pelayanan]'");

$data1=mysql_num_rows($hitung); $kurang=(20-$data1) ?> <tr> <td><?php echo $data['nama_pelayanan'] ?></td> <td><?php echo $data1 ?></td> <td>20</td> <td><?php echo $kurang ?></td> </tr> <?php } ?> </table> </p> </div> </div> </div> 4.4. Testing

(57)

1. Form Pendaftaran Akun

Tabel IV.14.

Hasil Pengujian BlackboxTesting Form Pendaftaran Akun

NO Skenario

Pengujian

Test Case Hasil Yang

diharapkan

Hasil Pengujian

Kesimpulan

1 Mengosongkan semua isian data daftar lalu klik tombol “Daftar” Nama Masyarakat (Kosong) Email : (Kosong) Password: (Kosong) No Telepon:(Kosong) Alamat: (Kosong) Sistem akan menolak akses daftar dan menampilkan pesan “Isi Isian ini” di kolom yang masih kosong datanya. Sesuai Harapan Valid 2 Hanya mengisi salah satu data dan

mengosongkan data yang lainnya lalu klik tombol “daftar” Nama MasyarakatRangga Email : (Kosong) Password: (Kosong) No Telepon:(Kosong) Alamat: (Kosong) Sistem akan menolak akses daftar dan menampilkan pesan “Isi Isian ini” di kolom yang masih kosong datanya. Sesuai harapan Valid 3 Hanya mengisi semua data lalu klik tombol “daftar” Nama MasyarakatRangga Email : rangga@gmail.com Password:112345 No Telepon: 085748848 Alamat:Cibadak Sistem akan menolak akses login dan menampilkan pesan “Data Sudah Tersimpan” Sesuai harapan Valid 2. FormLogin Tabel IV.15.

Hasil Pengujian Blackbox Testing FormLogin

NO Skenario

Pengujian

diharapkan

Hasil Pengujian

Kesimpulan

1 Mengosongkan semua isian data login pada login lalu klik tombol “masuk” Email : (Kosong) Password : (Kosong) Sistem akan menolak akses login dan menampilkan pesan “Harap isi bidang ini”

Sesuai Harapan Valid 2 Hanya mengisi Nip dan mengosongkan password lalu klik tombol “masuk” Email: rangg@gmail.com Password : (Kosong) Sistem akan menolak akses login dan menampilkan pesan “anda belum mengisi password” Sesuai harapan Valid 3 Menginputkan dengan kondisi salah lalu klik “masuk” Email : rangg@gmail.com Password:salah Sistem akan menolak akses login dan menampilkan pesan “Maaf silahkan cek Sesuai harapan Valid

(58)

kembali password anda” 4 Menginputkan

dengan kondisi yang benar lalu klik “masuk” Email:benar Password:benar Sistem menerima akses login dan kemudian langsung menampilkan halaman utama Sesuai Harapan Valid

3. Form Pesan Tanah Makam

Tabel IV.16.

Hasil Pengujian Blackbox Testing Form Pesan Tanah Makam

NO Skenario

Pengujian

diharapkan Hasil Pengujian Kesimpul an 1 Mengosongkan semua isian data lalu klik “simpan data”

Jumlah: (kosong) Sistem akan menolak dan muncul pesan “Isi Isian ini”

Sesuai Harapan

Valid

2 Hanya mengisi data lalu klik “simpan data” Jumlah: 1 Sistem akan simpan data pesan tanah makam Sesuai harapan Valid 4.5. Support

Agar dapat terealisasi sistem ini memerlukan beberapa poin penting diantaranya :

4.5.1. Spesifikasi Hardware dan Software Tabel IV.17.

Tabel Spesifikasi Hardware danSoftware

Kebutuhan Keterangan

Sistem Operasi Windows

Processor Pentium IV RAM 512 MB Hardisk 120 GB CD-ROM 52x Monitor SVGA 12” Keyboard 108 key

Printer Laser Jet Mouse Standard

Browser Mozila Firefox, Google Chrome, Safari Software Dreamweaver, Adobe Photoshop,

PhpMyAdmin

(59)

Beberapa hal yang perlu diperhatikan dalam publikasi web diantaranya adanya nama domain dan kapasitas hosting. Berikut penjelasannya:

Nama domain untuk website ini adalah www.uptpemakamankotasukabumi.xyz yang didaftarkan melalui situs Niagahoster. Situs ini menggunakan layanan

hosting gratis dari idhostinger.com dengan kapasitas berikut :

Tabel IV.18. Tabel Kapasitas Hosting

Paket Hosting Impresif A

Disk Space 11,79 / 2.000 MB

Bandwidth/Bulan 16,09 / 100.000 MB

Biaya Bulanan (Rp) 0

Biaya SetUp 0

Biaya Upgrade (Rp)/Bulan 38.000

Akun E-mail 0 / 2 Database MySql 1 /2 Parkir Domain 0 / 2 Tambah Domain 0 / 5 Subdomain 0 / 2 Akun FTP 0 / 2

Versi Apache Apache/2.4.10

Versi PHP 5.5

Versi MySql 5.1.61

Diaktifkan 15.08.2019

Alamat IP 31.170.165.121

4.6. Spesifikasi Dokumen Sistem Usulan

1. Nama Dokumen : Laporan Sewa Tanah Makam Fungsi : Sebagai bukti transaksi

Sumber : Admin

Tujuan : Kepala Dinas

Media : Cetak

Frekuensi : Setiap dibutuhkan

Format : Lampiran C-1

(60)

Fungsi : Sebagai bukti analisis survei

Sumber : Sistem

Tujuan : Admin

Media : Tampilan

Frekuensi : Setiap dibutuhkan

(61)

44

BAB V PENUTUP

5.1. Kesimpulan

Berdasarkan pembahasan dapat diambil kesimpulan, diantaranya;

1. Penerapan sistem pemesanan tanah makam berbasis webakan memudahkan dan meningkatkan pelayanan terhadap masyarakat.

2. Dengan menerapkan model User Centered Design(UCD)pada Website pemesanan tanah makamini, akan lebih memudahkan pihak pengelola dalam pengembangan aplikasi, sesuai yang diharapkan oleh masyarakat.

5.2. Saran

Terdapat beberapa saran yang dapat diterapkan untuk pengembangan

website yang lebih lanjut, diantaranya:

1. Melihat dari aspek manajerial, adanya website pemesanan tanah makam ini perlu sosialisasi terhadap pengelola dan masyarakat, agar pengelola makam dan masyarakat lebih mudah dalam penggunaannya.

2. Melihat dari aspek penelitian selanjutnya, perlu pengembangan ruang lingkup sistem bahwa pengisian saran wajib di isi agar penerapan model User

Centered Design (UCD) mudah terealisasikan, dan aplikasi pengembangan ke