SISTEM INFORMASI PELAYANAN WARGA RW 01 KELURAHAN RAWA BUAYA BERBASIS WEBSITE SKRIPSI. Diajukan untuk memenuhi syarat kelulusan Program Sarjana

(1)

BERBASIS WEBSITE

SKRIPSI

Diajukan untuk memenuhi syarat kelulusan Program Sarjana

Rizki Akbar 12150242

Program Studi Teknik Informatika STMIK Nusa Mandiri Jakarta

Jakarta 2019

(2)

ii

PERSEMBAHAN

Puji syukur Alhamdulillah atas nikmat dan shalawat pada Nabi Muhammad SAW Teriring do’a dan dzikir penuh khusyu kepada Allah SWT, sebagai penuntut ilmu atas seruan-Nya dan atas segala Ridho-Nya yang telah memberiku kekuatan dan senantiasa mengiringi dalam setiap langkahku, dan Skripsi ini saya persembahkan untuk:

1. Ayahanda tercinta (Babe H.Muhammad Sobur.SH) dan Ibunda tersayang (Umi Hj.Helda Nur Kholidah) yang telah menorehkan segala kasih sayangnya dengan penuh rasa ketulusan yang tidak kenal lelah dan batas waktu yang selalu mendukungku, memberiku motivasi dalam segala hal serta memberikan kasih sayang yang teramat besar, juga selalu mengerti semua keluh kesahku,

2. Ayah dan mamah mertuaku tercinta (Ayah Umar Syaripudin) dan (Mamah Mujroni) yang telah mensupportku dengan segala rasa ketulusan yang selalu mendukungku, dan memberiku motivasi dalam segala hal serta memberikan kasih sayang yang teramat besar,

3. Istriku tercinta Elvara Eka Yandini terima kasih yang telah memberikan dukungan dan menemaniku dalam mengerjakan Skripsi ini hingga selesai

4. Kakakku tercinta Syachrul Fahmi.SH dan Iin Fatimah terima kasih telah turut membimbingku hingga saat ini,

5. Adikku tercinta Nur Sabilah dan Ahmad Doni yang selalu memberikan canda tawanya,

6. Sepupuhku Zainaldi Muhammad Zufayyar yang selalu membantu dalam menyelesaikan Program Skripsi ku ini dengan sabar.

(3)

iii

7. Untuk seluruh keluarga besarku di Jakarta terimakasih atas limpahan do’anya 8. Ketua RT 003 / RW 01 ( Bpk Ade Sulistian ) Terima kasih yang sudah Mengizinkan

melakukan riset di wilayah RT 003 / RW 01 Kel.Rawa Buaya.

9. Bapak Esron Rikardo Nainggolan M.Kom selaku dosen pembimbing yang senantiasa dengan sabar membimbing saya mengerjakan Skripsi ini hingga selesai.

10. Ibu Siti Nur Khasanah M.Kom selaku dosen pembimbing yang dengan sabar membimbing saya mengerjakan Skripsi ini hingga selesai.

11. Para Guru dan Dosenku, yang telah mendidik, membimbing, dan memotivasi dalam menuntut ilmu mulai dari A-Z

12. Kawan-kawan Nusa Mandiri Kelas 12.8B.05 , yang tak bisa kusebutkan satu persatu, terima kasih telah memberikan kekompakan dan persaudaraan yang selalu aku rindukan kelak nanti.

13. Tidak lupa Almamaterku tercinta STMIK Nusa Mandiri

Tanpa Mereka

Aku dan Karya ini tak akan pernah ada

(4)

iv

(5)

v

(6)

vi

(7)

vii

PEDOMAN PENGGUNAAN HAK CIPTA

Skripsi sarjana yang berjudul “Sistem Informasi Pelayanan Warga RW 01 Kelurahan Rawa Buaya “ adalah hasil karya tulis asli RIZKI AKBAR 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 ilmiah dengan menyebutkan sumbernya.

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

Nama : Rizki Akbar

Alamat : Jl.Dharma Wanita 4, No.110 RT003/01 Kel.Rawa Buaya Kec.Cengkareng, Jakarta Barat

No. Telp : 087873253842

E-mail : [email protected]

(8)

viii

KATA PENGANTAR

Alhamdulillah, dengan mengucapkan puji syukur kehadirat Allah SWT, yang telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat menyelesaikan tugas ini dengan baik. Dimana Skripsi ini penulis sajikan dalam bentuk buku yang sederhana. Adapun judul Skripsi, yang penulis ambil sebagai berikut, “ Sistem Informasi Pelayanan Warga RW 01 Kelurahan Rawa Buaya”.

Tujuan penulisan Skripsi ini dibuat sebagai salah satu syarat kelulusan Program Sarjana STMIK Nusa Mandiri. 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 lancar. Oleh karena itu pada kesempatan ini, izinkanlah penulis menyampaikan ucapan terima kasih kepada:

1. Ketua STMIK Nusa Mandiri

2. Wakil Ketua I STMIK Nusa Mandiri

3. Ketua Program Studi Teknik Informatika STMIK Nusa Mandiri.

4. Bapak Esron Rikardo Nainggolan, M.Kom, selaku Dosen Pembimbing I Skripsi.

5. Ibu Siti Nur Khasanah, M.Kom, selaku Dosen Pembimbing II Skripsi.

6. Bapak/ibu dosen Teknik Informatika STMIK Nusa Mandiri Jakarta

yang telah memberikan penulis dengan semua bahan yang diperlukan.

(9)

ix

(10)

x

ABSTRAK

Rizki Akbar (12150242), Sistem Informasi Pelayanan Warga RW 01 Kelurahan Rawa Buaya

Proses pengelolaan data warga di Wilayah RW 01 RT 003 Kel.Rawa Buaya yang sedang berjalan terdapat beberapa permasalahan yang diidentifikasi yaitu kesulitan dalam pencarian data karena masih tersimpan dalam bentuk agenda, pembuatan surat pengantar yang harus memakan waktu cukup lama karna masih mencatat secara manual.

Tujuan dari laporan Skripsi ini adalah untuk merancang sistem informasi pelayanan warga dengan menggunakan metode waterfall serta untuk pemodelan sistemnya menggunakan UML sedangkan bahasa pemrogramannya menggunakan PHP dan untuk Database menggunakan Xampp. Hasil penelitian ini menunjukkan bahwa penggunaan sistem informasi pelayanan warga ini dapat membantu pendaftaran dan pendataan penduduk dalam mengelola data pindah datang dan proses pembuatan laporan-laporan mengenai jumlah penduduk perbulan dan transparansi dalam keuangan RT setempat sesuai yang diharapkan.

Kata Kunci : Pelayanan Warga, Pendataan Warga, Sistem Informasi,

(11)

xi

ABSTRACT

Rizki Akbar (12150242), Sistem Informasi Pelayanan Warga RW 01 Kelurahan Rawa Buaya

The process of managing data for residents in RW 01 RT 003 Kel. Rawa Buaya currently running, there are several identified problems, namely difficulties in finding data because it is still stored in the form of an agenda, making a cover letter that must take a long time because it is still manually recorded. The purpose of this thesis report is to design a citizen service information system using the waterfall method and for modeling the system using UML while the programming language uses PHP and for Database using Xampp. The results of this study indicate that the use of a citizen service information system can help the registration and data collection of residents in managing moving data and the process of making reports on monthly population and transparency in local RT finances as expected.

Keywords : Citizen Service, Citizen Data Collection, System Information,

(12)

xii

DAFTAR ISI

LEMBAR JUDUL SKRIPSI ... i

LEMBAR PERSEMBAHAN ... ii

LEMBAR PERNYATAAN KEASLIAN SKRIPSI ... iv

LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH ... v

LEMBAR PERSETUJUAN DAN PENGESAHAN SKRIPSI ... vi

LEMBAR PANDUAN PENGUNAAN HAK CIPTA ... vii

Kata Pengantar ... viii

Abstrak ... x

Daftar Isi ... xii

Daftar Simbol ... xiv

Daftar Gambar ... xvi

Daftar Tabel ... xvii

Daftar Lampiran ... xviii

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang masalah ... 1

1.2 Identifikasi Permasalahan ... 2

1.3 Perumusan Masalah ... 3

1.4 Maksud dan Tujuan ... 3

1.5 Metode Penelitian... 4

1.5.1 Teknik Pengumpulan Data ... 4

A. Observasi ... 4

B. Wawancara ... 4

C. Studi Kepustakaan ... 5

1.5.2 Model Pengembangan Sistem ... 5

A. Analisa Kebutuhan Perangkat Lunak ... 5

B. Desain ... 5

C. Code Generation ... 5

D. Testing ... 6

E. Support ... 6

1.6 Ruang Lingkup ... 7

BAB II LANDASAN TEORI ... 8

2.1 Tinjauan Pustaka ... 8

2.1.1 Konsep Dasar Sistem Informasi ... 8

2.1.2 Pengertian Penduduk ... 9

2.1.3 Pengertian Website... 9

2.1.4 Bahasa Pemrograman ... 10

2.1.5 Basis Data ... 11

2.1.6 Pengembangan Perangkat Lunak ... 12

2.2 Penelitian Terkait ... 15

(13)

xiii

BAB III ANALISA SISTEM BERJALAN ... 17

3.1 Tinjauan Institusi / Perusahaan ... 17

3.1.1 Sejarah Institusi/Perusahaan ... 17

3.1.2 Struktur Organisasi dan Fungsi ... 18

3.2 Proses Bisnis Sistem ... 20

3.3 Spesifikasi Dokumen Sistem Berjalan ... 23

BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN ... 26

4.1 Analisa Kebutuhan Software ... 26

4.1.1 Tahapan Analisis ... 26

4.1.2 Use Case Diagram ... 27

4.1.3 Activity Diagram ... 31

4.2 Desain ... 40

4.2.1 Software Architecture ... 40

4.2.2 Database ... 41

4.2.3 User Interface... 50

4.3 Code Generation ... 56

4.4 Testing ... 73

4.5 Support ... 75

4.5.1 Publikasi Web* ... 75

4.5.2 Spesifikasi Hardware dan Software ... 76

4.6 Spesifikasi Dokumen Sistem Usulan ... 78

BAB V PENUTUP ... 79

5.1 Kesimpulan ... 79

5.2 Saran ... 80 DAFTAR PUSTAKA

DAFTAR RIWAYAT HIDUP

LEMBAR KONSULTASI BIMBINGAN SURAT KETERANGAN RISET

LAMPIRAN

Lampiran A. Dokumen Sistem Berjalan Lampiran B. Dokumen Sistem Usulan

(14)

xiv

DAFTAR SIMBOL

1. Simbol Use Case Actor

Menspesifikasikan himpunan peran yang pengguna mainkan ketika berinteraksi dengan use case.

Use Case

Deskripsi dari urutan aksi-aksi yang ditampilkan sistem yang Menghasilkan suatu hasi yangterukur bagi suatu actor.

Association

Apa yang menghubukna antara objek satu dengan objek yang lain

Include

Menspesifikasikan bahwa use case sumber secara eksplisit.

Extend

Menspesifikasikan bahwa use case target memperluas perilaku dari use case sumber pada suatu titik yang diberikan.

Generalization

Hubungan dimana objek anak (descendent) berbagi perilaku dan struktur data dari objek yang ada diatasnya objek induk (ancestor).

2. Simbol Diagram Activity Activity

Memperlihatkan bagaimana masing-masing kelas antarmuka saling berinteraksi satu sama lain.

Action

State dari sistem yang mencerminkan eksekusi dari suatu aksi

Decision

Digunakan untuk menggambarkan suatu keputusan / tindakan Yang harus diambil pada kondisi tertentu.

Initial Node

(15)

xv

Bagaimana objek dibentuk atau diawali.

Activity Final Node

Bagaimana objek dibentuk dan diakhiri.

Line Connector

Digunakan untuk menghubungkan satu symbol dengan simbol lainnya.

3. Simbol Entity Relations Diagram

Entitas

Suatu objek yang dapat diidentifikasi dalam lingkungan pemakai.

Relasi

Menujukkan adanya hubungan di antara sejumlah entitas yang berbeda.

Atribut

Berfungsi mendeskripsikan karakter entitas (atribut yang berfungsi sebagai key diberi garis bawah).

Garis

Sebagai penghubung antara relasi dengan entits, relasi dan entitas dengan atribut.

(16)

xvi

DAFTAR GAMBAR

Halaman

Gambar II.1 Metode Waterfall ... 12

Gambar III.1 Struktur Organisasi RT 003 / RW 01 Kel.Rawa Buaya ... 18

Gambar III.2 Diagram Activity Pendataan Warga Baru ... 21

Gambar III.3 Diagram Activity Pengajuan Surat Pengantar ... 22

Gambar III.4 Diagram Activity Mutasi Warga ... 23

Gambar IV.1 Use Case Diagram ... 28

Gambar IV.2 Diagram Activity Login ... 31

Gambar IV.3 Diagram Pendataan Warga Bru ... 32

Gambar IV.4 Diagram Activity Mutasi Warga ... 33

Gambar IV.5 Diagram Activity Pengajuan Surat Pengantar ... 34

Gambar IV.6 Diagram Activity Pembuatan Surat Pengantar ... 35

Gambar IV.7 Diagram Activity Upload Informasi-informasi... 36

Gambar IV.8 Diagram Activity Lihat Informasi... 37

Gambar IV.9 Diagram Activity Input Laporan Keuangan... 38

Gambar IV.10 Diagram Activity Lihat Laporan Keuangan ... 39

Gambar IV.11 Component Diagram ... 40

Gambar IV.12 Deployment Diagram ... 41

Gambar IV.13 Entity Relationship Diagram ... 42

Gambar IV.14 Logical Record Structure ... 43

Gambar IV.15 User Interface Halaman utama ... 50

Gambar IV.16 User Interface Halaman login ... 51

Gambar IV.17 User Interface Halaman beranda ... 51

Gambar IV.18 User Interface Halaman tambah warga ... 52

Gambar IV.19 User Interface Daftar warga ... 52

Gambar IV.20 User Interface Mutasi warga……….. .. 53

Gambar IV.21 User Interface Pembuatan surat pengantar ... 53

Gambar IV.22 User Interface Input keuangan ... 54

Gambar IV.23 User Interface Rekapitulasi keuangan ... 54

Gambar IV.24 Hasil Surat Pengantar ... 55

(17)

xvii

DAFTAR TABEL

Halaman

Tabel IV.1 Deskripsi Use Case mengelolah halaman admin ... 29

Tabel IV.2 Deskripsi Use Case mengelolah halaman user ... 30

Tabel IV.3 Spesifikasi File Tabel Master_user ... 44

Tabel IV.4 Spesifikasi File Tabel Master_warga ... 45

Tabel IV.5 Spesifikasi File Tabel Master_surat_masuk ... 46

Tabel IV.6 Spesifikasi File Tabel Master_mutasi ... 47

Tabel IV.7 Spesifikasi File Tabel Master_berita ... 47

Tabel IV.8 Spesifikasi File Tabel Master_jenis_surat_masuk ... 48

Tabel IV.9 Spesifikasi File Tabel Master_jenis_keuangan ... 49

Tabel IV.10 Spesifikasi File Tabel Master_keuangan ... 49

Tabel IV.11 Balck Box Testing Form Login ... 73

Tabel IV.12 Balck Box Testing Form Tambah warga ... 74

Tabel IV.13 Balck Box Testing Form Pembuatan surat pengantar ... 74

Tabel IV.14 Balck Box Testing Form Input keuangan ... 75

Tabel IV.15 Spesifikasi Hardware ... 77

(18)

xviii

DAFTAR LAMPIRAN

Halaman

Lampiran A.1 Surat Pengantar ... 87

Lampiran A.2 Buku Agenda Pencatatan Penduduk ... 88

Lampiran A.3 Kartu Keluarga... 89

Lampiran A.4 Kartu Tanda Penduduk Elektronik ... 90

Lampiran B.1 Laporan Data Warga ... 91

Lampiran B.2 Laporan Surat Masuk ... 92

Lampiran B.3 Laporan Keuangan ... 93

(19)

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi sekarang ini semakin cepat. Dengan kecanggihan teknologi saat ini kita dapat mempermudah perkerjaan yang akan dilakukan. Kita dapat mencari informasi yang kita butuhkan serta kita dapat memperluas jaringan komunikasi menggunakan kecanggihan teknologi. Salah satunya teknologi yang banyak digunakan saat ini oleh kalangan masyarakat adalah komputer.(Haswan, dkk, 2018:2)

Sistem informasi adalah suatu sistem buatan manusia yang terdiri atas sekumpulan komponen atau elemen dalam organisasi guna menyajikan kebutuhan transaksi harian, mendukung orerasi, bersifat manajerial dan kegiatan perencanaan dari suatu organisasi dan menyediakan informasi yang dibutuhkan kepada pihak pemakai (Puastuti & Abb, 2017:5),

Contohnya seperti pendataan penduduk di suatu daerah yang masih manual bisa diganti dengan sebuah sistem pendataan penduduk yang lebih modern sehingga proses rekap data penduduk bisa menjadi lebih baik dan akurat. Menurut (Fauzan, 2015:2) “ Sedangkan data itu sendiri merupakan fakta-fakta dan gambar mentahan yang akan di proses menjadi informasi”.

Perekapan data di warga RT.003/RW.01 Rawa buaya saat ini menggunakan buku agenda manual untuk menyimpan data penduduk dan data pembayaran iuran warga.

permasalahan yang terjadi jika perekapan data masih menggunakan buku agenda

(20)

manual, file yang ada di dalam buku agenda bisa hilang, kebakar atau pun terkena banjir.

sehingga kita harus melakukan pendataan ulang, jika menggunakan media penyimpanan yang lebih modern masalah-masalah tersebut bisa dihindari. Contohnya tempat penyimpanan menggunakan database maka jika sewaktu waktu terjadi kehilangan buku maka data tersebut tidak akan hilang karena data tersebut sudah disimpan di media internet, selain itu, untuk proses pencarian data yang sewaktu waktu diinginkan oleh user maka waktu yang diperlukan lebih cepat dari pada harus mengecek satu persatu buku penyimpanan data, karena pada sistem ini menggunakan fitur search engine dimana data penduduk yang telah disimpan didalam database bisa diakses dengan lebih cepat sehingga lebih efektif dari pada harus mencari satu persatu di buku.

Dengan menggunakan sistem informasi pendataan penduduk ini diharapkan memberi kemudahan bagi ketua RT atau Warga RT.003/RW.01, Kelurahan Rawa Buaya untuk merekap data penduduk dan mendapatkan informasi yang sebelumnya masih menggunakan menggunakan buku agenda dan mading.

Dalam proyek akhir ini akan merancang dan mengimplementasikan hasil pembuatan sistem informasi pendataan penduduk untuk Warga RT.003/RW.01 Kelurahan Rawa Buaya.

1.2 Indentifikasi Permasalahan

Dari latar belakang di atas maka penulis memberikan identifikasi masalah yang akan dijadikan bahan penelitian sebagai berikut:

1. Proses pencatatan penduduk yang masih manual dengan buku agenda 2. Pencarian data penduduk yang masih manual dan membutuhkan waktu

(21)

3. Sering sekali terjadi human error dalam pendataan warga dikarenakan data – data yang ada belum terintegrasi dengan baik

4. Kurang efektif dalam membuat surat-menyurat karena harus bertemu dengan RT setempat .

1.3 Rumusan Masalah

Beberapa rumusan masalah pada latar belakang tersebut diformulasikan sebagai berikut:

1. Bagaimana merancang dan mengimplentasikan sistem informasi pengolahan data dan memberikan informasi kepada warga RT 003 Kelurahan Rawa buaya.

2. Bagaimana caranya memepermudah masyarakat mendapatkan informasi yang cepat dan akurat.

3. Bagaimana kelayakan sistem informasi pelayanan warga berdasarkan pengujian sistem dengan black box testing dan keakuratan sistem informasi berdasarkan pengujian pengguna?

1.4 Maksud dan Tujuan

Adapun maksud dari penulisan penelitian ini adalah :

1. Sistem informasi administrasi ini bermaksud untuk ketua RW/RT yang ingin mendata penduduknya.

2. Warga dapat mengetahui pengumuman dari ketua RT atau melaluiwebsite ini.

3. Memudahkan Ketua RT dalam membuat surat-menyurat warga.

4. Warga dapat berinteraksi melalui website ini.

(22)

5. Ketua RT dapat menjadikan warga untuk melakukan pemikiran yang maju mengenai teknologi informasi.

Tujuan dari penulisan ini adalah sebagai salah satu syarat kelulusan pada Program Strata Satu (S1) untuk Program Studi Teknik Informatika di Sekolah Tinggi Ilmu Manajemen Informatika dan Komputer Nusa Mandiri (STMIK) Jakarta.

1.5 Metodologi Penelitian

Suatu penelitian tidak akan berjalan dengan baik apabila tidak dilakukan dalam suatu proses yang teratur dan terarah, Oleh sebab itu perlu dilakukan metodelogi untuk melakukan suatu penelitian.

Berikut adalah beberapa tahapan metode penelitian yang penulis lakukan pada RT.003/RW.01 Kelurahan Rawa buaya Jakarta dalam pembuatan skripsi ini adalah : 1.5.1 Teknik Pengumpulan data :

Dalam pebulisan ini penulis mengumpulkan data dengan cara sebagai berikut:

a. Observasi

Melakukan kunjugan dan pengamatan proses pendataan warga dan pembuatan surat-menyurat untuk warga RW.01 Khususnya RT.003 Kel.Rawa Buaya Jakarta.

b. Wawancara

Dalam metode wawancara ini, penulis mencoba mewawancarai ketua RT setempat yang bernama Bapak. Ade, untuk mendapatkan informasi berkaitan dengan kegiatan pendataan dan surat-menyurat.

(23)

c. Studi Kepustakaan

Dengan mempelajari permasalahan yang berkaitan dengan proses penyimpanan data penduduk yang masih manual. Proses pembelajaran materi dilakukan dengan kajian berbagai sumber pustaka baik berupa buku, jurnal ilmiah, maupun media elektronik.

1.5.2 Metode Pengembangan Sistem

Untuk mendapatkan data dan informasi yang diperlukan, penulis menggunakan metode pengembangan sistem waterfall, yang tahapannya sebagai berikut :

a. Analisa Kebutuhan Sistem

Dibutuhksn sistem informasi secara online berbasis website diamana jika ini membuat surat-menyurat tidak harus bertatap muka secara langsung, warga bisa membuat surat-menyurat memalui halaman website tersebut.

b. Desain

Penulis mendesai sebuah website sistem informasi agar dapat digunakan untuk mempermudah pelayanan atau pun penyebaran informasi kepada seluruh warga, semua ini bermaksdu untuk memudahkan sistem informasi secara terkomputerisasi dalam membuat web, penulis merancang sistem menggunakan UML (Unified modeling language), merancang dengan menggunakan ERD (Entity Relationship Diagram) dan LRS (Logical Record Structure).

c. Code generation

Mentransformasikan desain ke dalam bentuk program dan pemilihan bahasa, Serta menerjemahkan data yang telah dirancang ke dalam bahasa pemrograman yang telah ditentukan. Dalam program ini bahasa yang di gunakan PHP (Hypertext

(24)

Preprocessor), HTML (Hyper Text Markup Language). CSS (Cascading Style Sheet). JavaScript, dan Database MYSQL.

d. Testing

Pengujian sistem bertujuan menemukan kesalahan-kesalahn yang terjadi pada sistem dan melakukan revisi sistem. Tahap ini penting untuk memastikan bahwa sistem bebas dari kesalahan. Pengujian sistem yang di buat menggunakan Blackbox testing.

e. Support

Tahapan pendukung atau pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah ada tapi tidak membuat perangkat lunak baru, Tahap pendukung Hardware untuk skripsi ini adalah satu unit laptop dengan sistem operasi Windows 7 Ultimate, sedangkan Software yang digunakan untuk pembuatan sistem ini menggunakan Sublime dan Database-nya menggunakan XAMPP,dan untuk publikasi-nya menggunakan Domain dan Hosting.

(25)

1.6 Ruang Lingkup

Pembahasan pada penulisan skripsi ini adalah mengenai batasan-batasan sistem yang akan dibahas mengenai Sistem informasi pelayanan warga RT.003/RW.01 Kelurahan Rawa buaya. Mulai dari proses pendataan warga baru, pembuatan surat- menyurat, dan update informasi mengenai iuran bulanan keamanan dan kebersihan sampai dengna informasi kegiatan yang berada di lingkungan RT 003 / RW 01 Kelurahan Rawa buaya seperti Jumantik (juru pemantau jentik), Posyandu (Pos Pelayanan Keluarga Berencana - Kesehatan Terpadu) dan berbagai informasi lainnya.

(26)

8 2.1 Tinjauan Pustaka

Tinjauan pustaka berisi tentang semua teori-teori yang berhubungan dengan skripsi yang dibahas. Di mana dasar teori ini digunakan sebagai acuan awal dalam penyusunan skripsi, Berikut ini adalah beberapa teori-teori yang mendukung penulisan skripsi ini.

2.1.1 Konsep Dasar Sistem Informasi

Pada umumnya setiap instansi selalu mempunyai sebuah sistem informasi untuk mengumpulkan, menyimpan, melihat dan menyalurkan informasi, Sistem informasi dapat terbentuk karena didukung oleh kebutuhan akan informasi yang terus meningkat dalam tingkat RW / RT sekalipun.

1. Pengertian Sistem

Menurut (Puastuti & Abb, 2017:4) mengemukakan bahwa “Sistem adalah serangkaian jaringan prosedur kerja yang terdiri dari kumpulan komponen atau kumpulan elemen yang saling berinteraksi dan berhubungan untuk mencapai suatu tujuan yang telah ditentukan”.

Menurut (Suryadi, 2018:2) mengemukakan bahwa “Sistem adalah suatu kumpulan atau himpunan dari unsur, komponen atau variable yang terorganisir, saling berinteraksi saling tergantung satu sama lain, dan terpadu”.

Menurut (Mara Destiningrum, 2017:2) mengemukakan bahwa “sistem adalah serangkaian prosedur yang saling berhubungan untuk mencapai tujuan tertentu.”

(27)

Dari pengertian di atas dapat disimpulkan bahwa sistem adalah suatu kumpulan, komponen atau pun serangkaian prosedur jaringan yang saling berhubungan satu sama lain untuk mencapai suatu tujuan tertentu dan terpadu .

2. Pengertian Informasi

Menurut (Puastuti & Abb, 2017:4) mengemukakan bahwa Informasi adalah data yang dihasilkan melalui proses pengolahan yang lebih berguna sehingga dapat bermanfaat bagi penerimanya yang menggambarkan suatu kejadian yang bernilai nyata yang dapat digunakan untuk pengambilan keputusan sekarang ataupun keputusan yang akan mendatang.

Menurut (Fauzan, 2015:2) “informasi adalah data yang diolah menjadi bentuk yang berguna bagi para pemakainya”.

Dari pengertian di atas dapat disimpulkan bahwa informasi adalah suatu kumpulan data yang di proses dan memiliki manfaat bagi penerima yang menggambarkan suatu kejadian guna untuk pengambilan keputusan.

2.1.2 Pengertian Penduduk dan Warga

Menurut (Yanto, 2018:2) Pengertian Penduduk dan warga negara Berdasarkan pasal 6 Ayat (2) Undang Undang Dasar 1945, pengertian penduduk adalah warga negara Indonesia dan orang asing yang bertempat tinggal di Indonesia. Pasal 26 Ayat (1) pengertian warga negara adalah orang indonesia asli dan orang bangsa lain yang disahkan undang undang sebagai warga Negara.

2.1.3 Pengertian Website

Menurut (Puastuti & Abb, 2017:6) “Website adalah kumpulan dari beberapa halaman web yang saling terhubung dan terdapat dalam sebuah domain atau subdomain yang mengandung informasi yang berada di dalam World Wide Web (WWW) di Internet”.

(28)

Menurut (Krisnayani, dkk, 2016:2) “World Wide Web atau WEB adalah salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet.”.

Dari pengertian di atas dapat disimpulkan bahwa website adalah kumpulan halaman pada suatu domain di internet yang dibuat dengan tujuan tertentu dan saling berhubungan serta dapat diakses secara luas melalui sebuah browser.

2.1.4 Bahasa Pemrograman

Menurut (Kostaman & Sumaryana, 2018:4) “ Bahasa pemrograman adalah instruksi standar untuk memerintah komputer. Bahasa pemrograman ini merupakan suatu himpunan dari aturan sintaks dan simantik yang dipakai untuk mendifinisikan program computer”.

PHP (Personal Home Page)

Menurut (Suryadi, 2018:2) “ PHP adalah (PHP Hypertext Preprocessor) adalah bahasa pemrograman web berupa script yang dapat diintegrasikan dengan HTML”.

HTML (Hypertext Mark up Language)

Menurut (Harmandya, dkk, 2015:4) HTML merupakan suatu metode untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen.

HTML bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program. HTML merupakan protocol yang digunakan untuk mentransfer data atau dokumen dari web server ke dalam browser.

CSS (Cascading Style Sheet)

Menurut (Harmandya, dkk, 2015:2) “Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengatur beberapa komponen atau

(29)

elemen dalam sebuah web sehingga lebih terstruktur dan seragam dengan HTML atau script”.

Javascript

Menurut (Harmandya, dkk, 2015:4) JavaScript merupakan bahasa yang berbentuk kumpulan script yang berfungsi untuk memberikan tampilan yang tampak lebih interaktif pada dokumen web. Bahasa ini adalah bahasa pemograman untuk memberikan kemampuan tambahan ke dalam bahasa pemograman HTML dengan mengijinkan peng-eksekusian perintah-perintah pada sisi client dan bukan pada sisi server dokumen web.

JQuery

Menurut (Hilabi, 2017:4) Pengertian JQuery adalah sebuah pustaka JavaScript yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah Lisensi MIT dan GPL. Microsoft dan Nokia telah mengumumkan akan mengemas jQuery di platform mereka. Microsoft awalnya mengadopsinya dalam Visual Studio untuk digunakan dalam ASP.NET AJAX dan ASP.NET MVC Framework, sedangkan Nokia akan mengintegrasikannya dalam kerangka Web Run-Time .

Notepad++

Menurut (Husain, 2018:3) “Notepad adalah Program bawaan dari Windows yang biasa digunakan untuk menulis keterangan-keterangan yang penting dari program aplikasi seperti halnya lisensi program atau yang lainnya.”.

2.1.5 Basis Data

Menurut (Latif & Pratama, 2015:3)“Basis data, adalah sekumpulan table, hubungan dan lain-lain yang berkaitan dengan penyimpanan data”.

MySQL (My Structure Query Language)

Menurut (Suryadi, 2018:2) “MySQL adalah sebuahperangkat lunak sistem manajemen basisdata SQL Database Management System atau DBMS dari sekian banyak DBMS seperti Oracle, MS SQL, Postagre SQL dan lainnya”.

(30)

XAMPP

Menurut (Husain, 2018:3) XAMPP merupakan paket PHP yang berbasis open source yang dikembangkan oleh sebuah komunitas open source. Dengan menggunakan XAMPP tidak dibingungkan dengan penginstalan program- program lain, karena semuakebutuhan telah tersedia oleh XAMPP.Yang terdapat pada XAMPP di antaranya : Apache, MySQL, PHP, FileZilla FTP Server, PHPmyAdmin dll .

2.1.6 Pengembangan Perangkat Lunak

Menurut (Ramadhan & Utomo, 2014:3) Metode Waterfall adalah suatu proses pengembangan perangkat lunak yang berurutan, di mana proses pengerjaannya terus mengalir dari atas ke bawah (seperti air terjun) melewati fase-fase Requirements (analisis kebutuhan), Design (perancangan dan pemodelan), Implementation (penerapan), Verification (pengujian), dan Maintenance (pemeliharaan).

Sumber :Ramadhan & Utomo,( 2014 :3)

Gambar II.1 Metode Waterfall

a). Requirement (analisis kebutuhan). Dalam langakah ini merupakan analisa terhadap kebutuhan sistem. Pengumpulan data dalam tahap ini bisa melakukan sebuah penelitian, wawancara atau studi literatur. Seseorang peneliti akan menggali informasi sebanyak banyaknya dari pengguna sehingga akan tercipta

(31)

sebuah aplikasi / program yang bisa melakukan tugas-tugas yang diinginkan oleh pengguna tersebut.

b). Design (Disain / Rancangan) Proses Design akan menterjemahkan syarat kebutuhan ke sebuah perancangan perangkat lunak yang dapat diperkirakan sebelum diimplementasikan. Proses ini berfokus pada Detail Prosedural (flowchart & Diagram), arsitektur perangkat lunak, representasi interface.

c). Implementation (Penerapan) Tahapan inilah yang merupakan tahapan secara nyata dalam mengerjakan suatu sistem. Dalam artian penggunaan komputer akan dimaksimalkan dalam tahapan ini. Yaitu tahapan dimana keseluruhan desain diubah menjadi kode-kode program. kode program yang dihasilkan masih berupa modul-modul yang selanjutnya akan di integrasikan menjadi sistem yang lengkap untuk meyakinkan bahwa persyaratan perangkat lunak telah dipenuhi.

d). Verification (Integrasi & pengetesan) Tahapan ini bisa jadi dikatakan sebagai final dalam proses pembuatan sebuah sistem. Yaitu tahap verifikasi oleh pengguna. Pengguna akan menguji apakah aplikasi yang telah dibuat tersebut telah sesuai dengan keinginan pengguna. Tahapan ini adalah final dalam pembuatan program, tapi bukan pada metode pengembangan program.

e). Maintenance (Pemeliharaan) Tahap akhir pengembangan sistem pada model Waterfall adalah pemeliharaan yang termasuk diantaranya instalasi dan proses perbaikan sistem sesuai dengan keinginan pengguna atau yang sesuai dengan kontrak kerja.

(32)

1. ERD (Entity Relationship Diagram)

Menurut (Harjanto, dkk, 2018:5) “ Entity Relationship Diagram (ERD) adalah suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi”.

2. LRS (Logical Record Structured)

Menurut (Sukamaindrayana & Rahman Sidik, 2017:3) “LRS (Logical Record Structure) merupakan representasi dari struktur record-record pada tabel-tabel yang terbentuk dari hasil antar himpunan entitas”.

3. UML (Unified Modeling Language)

Menurut (M Teguh Prihandoyo, 2018:2) “UML (Unifield Modeling Language) merupakan salah satu metode pemodelan visual yang digunakan dalam perancangan dan pembuatan sebuah software yang berorientasikan pada objek”.

4. Pengujian (Testing)

Dalam penelitian ini penulis melakukan pengujian dengan menggunakan black box testing. Pengujian dilakukan dengan tujuan supaya setelah aplikasi diimplementasikan tidak terjadi error atau bugs. Dalam penelitian ini penulis melakukan enam pengujian, yaitu: (1) login, (2) master data penduduk, (3) master data jenis surat, (4) master data penduduk, (5) master data susunan ketua, dan (6) input surat pengantar.

(33)

2.2 Penelitian Terkait

Sebelum melakukan pembuatan skripsi ini, penulis telah melakukan pengkajian terhadap beberapa penelitian yang pernah dilakukan sebelumnya, diantaranya adalah :

Menurut Penelitian (Haswan, dkk, 2018:2) Menyimpulkan bahwa :

Kantor Lurah Sungai Jering Kabupaten Kuantan Singingi, merupakan salah satu instansti pemerintahan dibawah naungan pemerintah Kabupaten Kuantan Singingi dengan pemanfaatan teknologi komputer pekerjaan tentang pengolahan administrasi sudah cukup baik, namun dalam pengelolaan data penduduk masih dilakukan dengan cara konvensional yaitu petugas kelurahan mendatangi rumah- rumah penduduk di Kelurahan Sungai Jering untuk melakukan pendataan sehingga waktu yang diperlukan tmenjadi tidak efisien, selain itu permasalahan tentang hilangnya data yang telah di data oleh petugas menjadi pekerjaan menjadi tidak efektif, tidak hanya itu dengan menggunakan cari seperti ini ada sebagian warga tidak terdata oleh petugas, seharusnya dizaman sekarang ini Kelurahan Sungai Jering telah memiliki sebuah sistem yang dapat memudahkan pekerjaan dalam pengelolahan data penduduk di Kelurahan Sungai Jering sehingga pekerjaan menjadi efektif dan efisien.

Menurut Penelitian (Septiani, 2018:1) Menyimpulkan bahwa:

Pada penelitian yang berjudul Sistem Informasi Pengolahan Data Penduduk RT/RW Kelurahan Pondok Kacang Timur, dijelaskan Saat ini setiap pekerjaan di instansi baik pemerintah ataupun swasta terlibat dengan pengelolaan dan pengarsipan data. Termasuk pada pengelolaan data penduduk di tingkat Rukun Warga (RW) dan Rukun Tetangga (RT). Permasalahan yang terjadi saat ini pada RT/RW Kelurahan Pondok Kacang Timur adalah kurang terorganisasinya pengarsipan data penduduk, masih tersimpan dalam buku induk yang dicatat dengan tulisan tangan. Proses pengajuan surat pengantar memerlukan waktu cukup lama karena harus mencocokan data dengan berkas di arsip. Selain itu beberapa arsip tercecer dan hilang seiring dengan perpindahan jabatan kepengurusan dari tahun ke tahun. Solusi penyelesaian masalah yang terjadi adalah dengan menggunakan metode waterfall dengan pembuatan aplikasi atau program berbasis desktop untuk pengelolaan data penduduk. Hasil dari aplikasi berbasis desktop ini adalah memudahkan dalam penyimpanan data dengan database, pembuatan laporan menjadi lebih efektif dan efisien.

Dari beberapan penelitian jurnal diatas dapat di simpulkan permasalahan yang terjadi, sistem pendataan penduduk yang masih manual dan pengajuan surat-menyurat yang masih kurang efisien serta pemberian informasi terhadap penduduk tidak ada, maka disini penulis ingin membuat suatu perbedaan sistem informasi yang sudah ada dari penelitian sebelumnya, sistem informasi yang penulis buat dapat memudahkan

(34)

Ketua RW/RT dan Warga saling bertukar informasi melalui Sistem Informasi Pelayanan Warga, Sehingga dalam waktu yang singkat Ketua RW/RT dapat memberikan informasi lingkungan dan dapat membuat laporan pendataan penduduk, dan meminimalkan kesalahan yang mungkin terjadi ketika masih menggunakan sistem manual, dan warga pun akan mendapatkan Informasi yang cepat dan efisien dalam membuat surat-menyurat .

(35)

17

ANALISA SISTEM BERJALAN

3.1. Tinjauan Institusi/Perusahaan

Setelah penulis melakukan tinjauan ke salah satu wilayah RT 003 / RW 01 Kelurahan Rawa buaya. Penulis mendapatkan informasi mengenai prosedur pendataan warga baru, mutasi warga, surat-menyurat dan informasi lainnya seperti : Jumanti (Juru pemantau jentik), Posyandu (Pos pelayanan terpadu), dll

3.1.1. Sejarah Institusi/Perusahaan

Rukun Tetangga (RT) adalah pembagian wilayah di Indonesia di bawah Rukun Warga. Rukun Tetangga bukanlah termasuk pembagian administrasi pemerintahan, dan pembentukannya adalah melalui musyawarah masyarakat setempat dalam rangka pelayanan kemasyarakatan yang ditetapkan oleh Desa atau Kelurahan. Rukun Tetangga dipimpin oleh Ketua RT yang dipilih oleh warganya. Sebuah RT terdiri atas sejumlah rumah atau KK (kepala keluarga). Dalam sistem birokrasi di Indonesia, biasanya RT (Rukun Tetangga) berada di bawah RW (Rukun Warga).

Rukun tetangga merupakan organisasi masyarakat yang diakui dan dibina oleh pemerintah untuk memelihara dan melestarikan nilai-nilai kehidupan masyarakat Indonesia yang berdasarkan kegotongroyongan dan kekeluargaan serta untuk membantu meningkatkan kelancaran tugas pemerintahan, pembangunan, dan kemasyarakatan di desa dan kelurahan (Ketua RT, Bpk ADE, 2019)

(36)

3.1.2. Struktur Organisasi dan Fungsi

Struktur organisasi merupakan suatu susunan dan hubungan antara tiap bagian serta posisi yang ada pada suatu instansi atau perusahaan dalam menjalankan kegiatan operasional untuk mencapai tujuan. Struktur organisasi menggambarkan dengan jelas pemisahan kegiatan pekerjaan antara yang satu dengan yang lain dan bagaimana hubungan aktivitas dan fungsi dibatasi. Dalam struktur organisasi yang baik harus menjelaskan hubungan wewenang siapa melapor kepada siapa. Adapun struktur organisasi dari RT 003 / RW 01 Kelurahan Rawa buaya adalah sebagai berikut :

Sumber Ketua RT 003 / 01

Gambar III.1 Struktur Organisasi Ketua RT 003 / RW 01 1. Ketua RT

Merupakan sesorang yang memimpin suatu wilayah kecil di bawah RW adalah Bapak Ade Sulistian Bertanggung jawab menjalankan tugas pelayanan kepada masyarakat yang menjadi tanggung jawab Pemerintah Daerah; Memelihara

(37)

kerukunan hidup warga; Menyusun rencana dan melaksanakan pembangunan dengan mengembangkan aspirasi dan swadaya murni masyarakat.

2. Sekertaris

Sesorang yang dipilih langsung oleh Ketua RT yang bertanggung jawab terhadap kelancaran administrasi dan dokumentasi sehingga tercipta transparansi program dan kegiatan RT.

3. Bendahara

Merupakan seseorang yang di berikan tanggung jawab terhadap pengelolaan, pengaturan dan laporan keuangan RT

4. Kebersihan

Merupakan seseorang yang bertanggung jawab atas kebersihan lingkungan dari berbagai jenis sampah yang ada di masyarakat sekitar,

5. Jumantik

Orang yang ditunjuk Per-RT dan diberi tugas untuk memantau jentik nyamuk dari rumah ke rumah.

6. Posyandu

Seseorang yang berfungsi sebagai wahana gerakan reproduksi keluarga sejahtera, gerakan ketahanan keluarga dan gerakan ekonomi keluarga sejahtera.

(38)

3.1.3 Proses Bisnis Sistem

Proses Bisnis yang ada di wilayah RT 003 / RW 01 masih menggunakan cara manual seperti penulisan data warga dan proses surat-menyurat yaitu dengan cara menyimpan data-data di dalam sebuah buku agenda, proses ini kurang efisien karena memakan banyak waktu.

Adapun hasil dari kegiatan analisis ini berupa gambaran nyata dari urutan kegiatan-kegiatan surat-menyurat yang dilakukan Ketua RT 003 / RW 01.

Prosedur-prosedur surat-menyurat saat ini adalah sebagai berikut ini : 1. Prosedur Pendataan warga baru terhadap Ketua RT 003.

Warga baru mendatangi kediaman Ketua RT 003 (Bpk. Ade Sulistian) untuk melaporkan diri kepada Ketua RT , Ketua RT mendata warga tersebut kedalam buku agenda dengan meminta selembar fotocopy KTP dan Kartu Keluarga beserta nomor handphone kepala keluarga.

(39)

Gambar III.2

Activity Diagram Pendataan Warga baru

2. Prosedur pengajuan surat pengantar

Warga mendatangi kediaman RT 003 / RW 01 (Bpk.Ade Sulistian) dan mengajukan permohonan pembuatan surat pengantar, Ketua RT membuatkan surat pengantar dengan meminta selembar fotocopy KTP dan bertanya maksud tujuan pembuatan pengantar tersebut, warga tersebut memberikan maksud dan tujuan untuk

(40)

pembuatan surat pengantar, dan Ketua RT mendata surat pengantar warga tersebut kedalam buku agenda.

Gambar III.3

Activity Diagram Pengajuan Surat Pengantar

3. Prosedur Mutasi Keluar

Warga melaporkan diri kepada Ketua RT setempat untuk pindah alamat, RT mendata warga tersebut kedalam buku agenda dan memberikan surat

(41)

pengantar pindah alamat dan meminta alamat yang baru beserta meminta No hp warga tersebut .

Gambar III.4

Activity Diagram Mutasi Keluar

3.2 Spesifikasi Dokumen Sistem Berjalan

Spesifikasi dokumen sistem berjalan merupakan pembahasan mengenai bentuk dari dokumen-dokumen sistem berjalan yang berada di RT 003 RW 01 setempat.

(42)

Spesifikasi dokumen sistem berjalan pada RT 003 / RW 01 Kelurahan Rawabuaya adalah sebagai berikut :

1. Kartu Tanda Penduduk

Nama Dokumen : Karta Tanda Penduduk (KTP) Fungsi : Sebagai identitas jati diri

Sumber : Warga

Tujuan : Untuk pendataan warga

Media : Kartu

Frekuensi : 5 tahun

Format : Kartu

2. Kartu Keluarga

Nama Dokumen : Kartu Keluarga (KK)

Fungsi : Sebagai Kartu identitas keluarga

Sumber : Warga

Tujuan : Untuk mengetahui jumlah keluarga

Media : Kertas

Frekuensi : Keluarga Baru

Format : 3 lembar

3. Buku Agenda

Nama Dokumen : Buku Agenda

Fungsi : Mencatat segala aktifitas pendataan

Sumber : Ketua RT

Tujuan : Ketua RT

(43)

Media : Kerta / Buku

Frekuensi : Setiap ada pencatatan keperluan warga

Format : 1 Buku

4. Surat Keterangan Pengantar

Nama Dokumen : Suart Keterangan

Fungsi : Sebagai bukti pengantar dari Ketua RT

Sumber : Ketua RT

Tujuan : Ketua RW / instansi yang berada di atas Ketua RT

Media : Kertas

Frekuensi : Setiap ada pengajuan surat pengantar

Format : 1 Lembar

(44)

26 4.1 Analisa Kebutuhan Software

Analisa kebutuhan software dilakukan untuk menentukan rancangan awal dari sebuah sistem yang akan dibangun dan untuk merealisasikannya adalah pada tahap desain.

4.1.1 Tahapan Analisis

Sebagai gambaran umum dari perancangan yang diusulkan, yaitu Sistem Informasi Pelayanan Warga RT 003 RW 01 Kel.Rawa buaya berbasis web, dimana ini dapat digambarkan sebagai suatu fasilitas yang memberikan informasi pendataan warga, surat-menyurat, iuran bulan, jumantik dan posyandu. Berikut ini spesifikasi kebutuhan (system requirement) dari sistem informasi pelayanan warga:

Halaman Administrator / Ketua RT:

A1. Admin dapat login halaman pengurus RT A2. Admin dapat mengelola pendataan warga baru A3. Admin dapat mengelola surat mutasi

A4. Admin dapat membuat surat pengantar

A5. Admin dapat mengelola informasi-informasi bulanan A6. Admin dapat mengelolah laporan keuangan

A7. Admin dapat logout

(45)

Halaman User / Warga:

B1. User dapat login halaman warga B2. User dapat melihat daftar warga

B3. User dapat melihat informasi harian atau bulanan B4. User dapat melakukan pengajuan surat pengantar B5. User dapat melihat laporan keuangan RT

B6. User dapat logout

4.1.2 Use Case Diagram

Pada use case diagram yang diusulkan, dibuat agar pengguna sistem informasi pelayanan berbasis website ini paham dan mengerti mengenai sistem informasi yang akan dibuat. Berikut merupakan gambaran use case diagram aplikasi Sistem informasi pelayanan warga RT 003 RW 01 Kel.Rawa buaya yang diusulkan:

(46)

Gambar IV.1 Use Case Diagram

(47)

Tabel IV.1

Deskripsi Use Case Diagram Mengelolah Data Admin Use case name Mengelola data admin

Requirements A1 – A7

Goal Admin dapat menambah, melihat, mengedit

dan menghapus data warga Preconditional Admin telah Login

Post Conditional Data admin tersimpan, ter-update,dan terhapus Failed and Coditional Gagal menyimpan, meng-update,dan menghapus Priamry actors Administrator / Ketua RT

Main Flow / Basic Path 1. Admin dapat mengelola data warga 2. Admin dapat mengelola informasi 3. Admin dapat membuat surat pengantar 4. Admin dapat mutasi warga

5. Admin dapat Mengelola laporan keuangan 6. Admin dapat Login halaman pengurus RT 7. Admin dapat Logout

(48)

Tabel IV.2

Deskripsi Use Case Diagram Halaman Warga

Use case name Halaman Warga

Requirements B1 – B6

Goal User terdata dan dapat melakukan pengajuan Surat-Menyurat

Preconditional User dapat melihat daftar warga melalui online

Post Conditional User langsung dapat melakukan pengajuan

Surat keterangan

Failed and Coditional Gagal Login, tidak dapat melihat halam warga Priamry actors User / Warga

Main Flow / Basic Path 1. User dapat Login halaman warga 2. User dapat melihat daftar warga

3. User dapat melihat informasi harian atau bulanan 4. User dapat melakukan pengajuan surat pengantar 5. User dapat melihat laporan keuangan

6. User dapat Logout

(49)

4.1.3 Activity Diagram

Activity diagram berikut ini menggambarkan berbagai aliran data secara rinci dalam sistem yang dirancang, bagaimana aliran berawal, kemungkinan keputusan yang akan terjadi dan bagaimana aliran data tersebut berakhir.

1. Activity Diagram Melakukan Login

Gambar IV.2

Diagram Activity Melakukan Login

(50)

2. Activity Diagram Pendataan warga baru

Gambar IV.3

Diagram Activity Pendataan Warga Baru

(51)

3. Activity Diagram Mutasi Warga

Gambar IV.4

Diagram Activity Mutasi Warga

(52)

4. Activity Diagram Pengajuan Surat Dashboard Warga

Gambar IV.5

Diagram Activity Pengajuan Surat

(53)

5. Activity Diagram Pembuatan Surat Dashboard Ketua RT

Gambar IV.6

Diagram Activity Pembuatan Surat

(54)

6. Activity Diagram Upload Informasi Bulanan

Gambar IV.7

Diagram Activity Upload Informasi Bulanan

(55)

7. Activity Diagram Lihat Informasi Bulanan

Gambar IV.8

Diagram Activity Lihat Informasi Bulanan

(56)

8. Activity Diagram Input Laporan Keuangan

Gambar IV.9

Diagram Activity Input Laporan Keuangan

(57)

9. Activity Diagram Lihat Laporan Keuangan

Gambar IV.10

Diagram Activity Lihat Laporan Keuangan

(58)

4.1 Desain

Pada tahap ini, penulis akan menjelaskan tentang desain database, desain software architecture dan desain interface dari aplikasi yang penulis sedang buat.

4.2.1 Software Architecture

Software Architecture adlaha tahap perancangan software yang menggambarkan sub-sub sistem dan membangun kerangka kerja untuk komunikasi agar sub yang menggambarkan konfigurasi saat aplikasi dijalankan dari komponen-komponen hubungan antar program yang dibuat,

A. Component Diagram

Componen Diagram menggambarkan struktur dan hubungan antar komponen perangkat lunak, dan berikut adalah gambaran dari component diagram .

Gambar IV.11 Component Diagram

(59)

B. Deployment Diagram

Deployment diagram menyediakan gambarana bagaimana sistem secara fisik akan terlihat. Sistem diwakili oleh node-node, dimana masing-masing node diwakili oleh sebuah kubus. Garis yang menghubungkan kedua kubus menunjukan hubungan diantara kedua node tersebut. Berikut adalah gambaran daro deployment diagram .

Gambar IV.12 Deployment Diagram

4.2.2 Database

1. Entity Relationship Diagram (ERD)

Hasil dari penelitian yang penulis lakukan, terdapat banyak data dari beberapa entitas yang harus dikelola agar dapat menjadi informasi yang berguna. Untuk melihat

(60)

hubungan keterkaitan data antar tabel, dapat dilihat pada Entity Relationship Diagram (ERD) berikut:

Gambar IV.13

Entity Relationshp Diagram

(61)

2. Logical Record Structure

Berikut ini adalah Logical Record Structure ( LRS ) Dari Sistem Informasi Pelayanan Warga RT 003 RW 01 Kel.Rawa Buaya :

Gambar IV.14

Logical Record Structure Sistem Informasi Pelayanan Warga.

(62)

3. Spesifikasi File

a. Spesifikasi tabel master_user

Nama Database : sipwarga_pelayanan

Nama File : master_user

Akronim : User

Fungsi : Untuk tempat penampungan data user

Tipe : File Master

Media File : Harddisk

Record Size : 285 karakter

Software : MySQL

Field Key : NIK

Tabel IV.3

Spesifikasi File Tabel Master_User

No Elemen Data Akronim Type Size Keterangan

1 NIK NIK Varchar 25 Primary Key

2 Nama Nama Varchar 225

3 Password Password Varchar 15

4 Status Status Varchar 20

5 Foto Foto Text

b. Spesifikasi file tabel master_warga

Nama File : master_warga

Akronim : Warga

Fungsi : Untuk tempat penampungan data warga

(63)

Record Size : 311 Karakter

Field Key : NIK

Tabel IV.4

Spesifikasi File Tabel Master_Warga

1 NIK NIK Varchar 16 Primary Key

2 NOKK NOKK int 25

4 Tempat_Lahir Tempat_Lahir Varchar 20

5 Tanggal_Lahir Tanggal_Lahir Date

6 Alamat Alamat Varchar 30

7 RW RW Varchar 5

8 RT RT Varchar 5

9 Nomor_Rumah Nomor_Rumah Varchar 5

10 Gol_Dar Gol_Dar Varchar 3

11 Jenis_Kelamin Jenis_Kelamin Varchar 10

12 Agama Agama Varchar 15

13 Status_Nikah Status_Nikah Varchar 15

14 Status_Pekerjaan Status_Pekerjaan Varchar 35 15 Status_Pendidikan Status_Pendidikan Varchar 5 16 Status_dlm_Keluarga Status_dlm_Keluarga Varchar 15

17 No.Handphone No.Handphone Varchar 20

18 Mutasi Mutasi Varchar 10

19 UKK UKK Varchar 25

20 User User Varchar 2

c. Spesifikasi file tabel master_surat_masuk Nama Database : sipwarga_pelayanan

Nama File : master_surat_masuk

(64)

Akronim : Surat Masuk

Fungsi : Untuk tempat penampungan surat masuk

Field Key : ID

Tabel. IV.5

Spesifikasi File Tabel Master_Surat_Masuk

1 ID ID Varchar 15 Primary Key

2 Tanggal Tanggal datetime

3 JeniInput JeniInput Varchar 10

4 NIK_Pemohon NIK_Pemohon Varchar 25

5 Perihal Perihal Varchar 50

6 Status Status Varchar 10

d. Spesifikasi file tabel master_mutasi

Nama File : master_mutasi

Akronim : Mutasi

Fungsi :Untuk tempat penampungan warga mutasi

Database : MySQL

(65)

Field Key : ID

Tabel IV.6

Spesifikasi File Tabel Master_Mutasi

1 ID ID Int 10 Primary Key

2 NIK_Pemohon NIK_Pemohon Varchar 15

4 AlamatBaru AlamatBaru Varchar 50

e. Spesifikasi file tabel Master_berita

Nama File : master_berita

Akronim : berita

Fungsi : Untuk tempat penampungan berita

Field Key : ID

Tabel IV.7

Spesifikasi File Tabel Master_Berita

1 ID ID Integer 15 Primary Key

2 Tanggal Tanggal datetime

3 Berita Berita Varchar 40

4 Pelaku Pelaku Varchar 20

(66)

f. Spesifikasi file tabel Master_jenis_surat_masuk Nama Database : sipwarga_pelayanan Nama File : Master_jenis_surat_masuk

Akronim : Jenis surat masuk

Fungsi : Untuk tempat penampungan jenis surat masuk

Field Key : ID

Tabel IV.8

Spesifikasi File Tabel Master_Jenis_surat_masuk

2 Jenis_Surat_Masuk Jenis_Surat_Masuk text

e. Spesifikasi file tabel Master_jenis_keuangan Nama Database : sipwarga_pelayanan

Nama File : Master_jenis_keuangan

Akronim : Jenis Keuangan

Fungsi : Untuk tempat penampungan jenis keuangan

(67)

Field Key : ID

Tabel IV.9

Spesifikasi File Tabel Master_Jenis_keuangan

2 Jenis_keuanga Jenis_keuangan Varchar 100

g. Spesifikasi file tabel Master_jenis_surat_masuk Nama Database : sipwarga_pelayanan Nama File : Master_jenis_surat_masuk

Akronim : Jenis surat masuk

Fungsi : Untuk tempat penampungan jenis surat masuk

Field Key : ID

Tabel IV.10

Spesifikasi File Tabel Master_ keuangan

2 Tanggal Tanggal Datetime

3 JenisInput JenisInput Varchar 3

4 Nominal Nominal Varchar 255

5 Keterangan Keterangan Varchar 255

(68)

4.2.3 User Interface

Interface merupakan salah satu bagian yang terpenting dari sistem. Interface sendiri adalah sistem yang dirancang untuk mengelola input dan output dari data.

User interface jika diartikan tampilan antar muka pemgguna, user interface merupakan mekanisme komunikasi antar pengguna (user) dengan sistem. Antar muka pemakai (user interface) dapat menerima informasi kepada pengguna user untuk membantu jalur penelusuran masalah samapai ditemukan suatu solusi.

1. Halama Utama

Berikut ini adalah Tampilan Halaman Utama :

Gambar IV. 15 Halaman Utama

(69)

2. Halaman Login

Berikut ini adalah Tampilan Halaman Login :

Gambar IV. 16 Halaman Login 3. Halaman Beranda

Berikut ini adalah Tampilan Halaman Beranda :

Gambar IV. 17 Halaman Beranda

(70)

4. Halaman Tambah Warga Baru

Berikut ini adalah Tampilan Tambah Warga Baru :

Gambar IV. 18

Halaman Tambah Warga Baru

5. Halaman Daftar Warga

Berikut ini adalah Tampilan Daftar Warga :

Gambar IV. 19 Daftar warga

(71)

6. Halaman mutasi warga

Berikut ini tampilan mutasi warga :

Gambar IV. 20 Halaman Mutasi Warga

7. Halaman Pembuatan Surat Pengantar

Berikut ini adalah Tampilan Pembuatan Surat Pengantar :

Gambar IV. 21

Halaman Pembuatan surat pengantar

(72)

8. Halaman Input Keuangan

Berikut ini adalah Halaman Input Keuangan :

Gambar IV. 22 Halaman Input Keuangan

9. Halaman Rekapitulasi Keuangan

Berikut ini adalah Halaman Rekapitulasi Keuangan :

Gambar IV. 23 Rekapitulasi Keuangan

(73)

10. Bentuk Surat Pengantar

Berikut ini adalah Bentuk Surat Pengantar :

Gambar IV. 24 Bentuk Surat Pengantar

(74)

4.3 Code Generation

Kode program sistem informasi pelayanan warga ini untuk membantu warga yang bertujuan untuk melakukan pengajuan surat pengantar dan mengetahui jumlah warga yang ada di sekitar RT setempat, Berikut adalah kode program dalam sistem informasi pelayanan warga :

1. Halaman Login

Berikut ini adalaha Code Generation Halaman Login :

<!DOCTYPE html>

<?php

include 'db.php';

session_start(); // Starting Session

$error=''; // Variable To Store Error Message if (isset($_POST['submit']))

{

if (empty($_POST['NIK']) || empty($_POST['Password'])) {

$error = "NIK or Password is Blank";

} else {

ini_set('display_errors',FALSE);

//fungsi untuk outomatik logout function login_validate() { //ukuran waktu dalam detik

$timer=1;

//untuk menambah masa validasi

$_SESSION["expires_by"] = time() + $timer;

}

function login_check() {

//mengambil nilai session pertama

$exp_time = $_SESSION["expires_by"];

//jika waktu sistem lebih kecil dari nilai waktu session if (time() < $exp_time) {