MEKARBERBASIS WEBSITE
Disusun :
TEKNIK INFORMATIKA
SEKOLAH TINGGI TEKNOLOGI BANDUNG
2022
KATA PENGANTAR
Puji syukur ke hadirat Tuhan Yang Maha Esa. Atas rahmat dan hidayah-Nya,kami dapat
menyelesaikan laporan ilmiah yang berjudul "Sistem Informasi dan Pelayanan di Desa
Serangmekar Berbasis Website”.
Laporan ilmiah ini dapat di selesaikan semata karena kami menerima banyak bantuan dan
dukungan.Untuk itu,lami mengucapkan terimakasih yang tak terhingga kepada :
Saya menyadari bahwa laporan penelitian ini masih jauh dari sempurna. Oleh karenanya,
diharapkan saran dan kritik yang membangun agar saya menjadi lebih baik lagi di masa
mendatang.
Semoga laporan penelitian ini dapat membantu dan memudahkan operator desa dalam
melakukan pelayanan terhadap masyarakat di Desa Serangmekar.Serta menambah wawasan
dan memberi manfaat bagi pembaca.
Penulis
2
DAFTAR ISI
SISTEM INFORMASI PELAYANAN MASYARAKAT DI DESASARANGMEKARBERBASIS WEBSITE............ 1
BAB I PENDAHULUAN .................................................................................................................................................. 4
1.2. Rumusan Masalah .................................................................................................................................................. 5
1.3. Tujuan Penelitian .................................................................................................................................................... 5
1.4. Manfaat Penelitian .................................................................................................................................................. 6
1.5. Sistematika PenulisanBAB I ................................................................................................................................... 6
BAB II ................................................................................................................................................................................ 6
BAB III ............................................................................................................................................................................... 6
BAB IV .............................................................................................................................................................................. 6
BAB II ................................................................................................................................................................................ 7
2.1 Wawancara ............................................................................................................................................................. 7
2.2 Instansi Pemerintah Desa ....................................................................................................................................... 8
2.3 Sistem Informasi..................................................................................................................................................... 8
2.4 Pelayanan Desa....................................................................................................................................................... 9
2.5 Website ................................................................................................................................................................. 10
2.6 UML Diagram ...................................................................................................................................................... 11
Use case diagram .............................................................................................................................................................. 12
Activity diagram ............................................................................................................................................................... 12
Class Diagram .................................................................................................................................................................. 13
Sequence Diagram ............................................................................................................................................................ 14
Entity Relationship Diagram (ERD)................................................................................................................................. 15
Logical Relational Structure (LRS) .................................................................................................................................. 16
2.7 Database ............................................................................................................................................................... 16
2.8 Internet.................................................................................................................................................................. 17
2.9 web browser.......................................................................................................................................................... 17
2.10 Web Server ........................................................................................................................................................... 18
2.11 MySQL ................................................................................................................................................................. 18
BAB III ............................................................................................................................................................................. 19
3.1. Perancangan.......................................................................................................................................................... 19
3.12 Alur sistem yang akan dibangun pada Desa Serangmekar ................................................................................... 19
3.14 Analisis Kebutuhan Non Fungsional .................................................................................................................... 23
3.2. Desain ................................................................................................................................................................... 24
3.2.2 Use Case Scenario ................................................................................................................................................ 25
3.2.4 Sequence Diagram ................................................................................................................................................ 37
3.2.6 State Diagram ....................................................................................................................................................... 42
3
BAB I
PENDAHULUAN
4
data masyarakat akan di entri ke sistem YANDES oleh operator dan PROSDEKEL
untuk menvalidasikan data-data penduduk .
Namun dengan pengisian formulir manual dan dikolektif ke RT setempat
membuat pendataan membutuhkan waktu yang cukup lama,adanya berbagai sistem
tersebut justru membuat operator atau aparat desa merasa sulit dalam mengelolanya,
Berdasarkan masalah yang terjadi diatas,maka dari itu kami kelompok 5 sebagai
peneliti ingin membuat sebuah sistem dengan judul “SISTEM INFORMASI
PELAYANAN MASYARAKAT DI DESA SERANGMEKAR BERBASIS
WEBSITE”.Pembangunan sistem ini diharapkan dapat memberikan solusi dalam
mempercepat proses pelayanan di desa sarang mekar dan mengefektifkan kinerja aparat
desa dalam memberikan pelayanan bagi masyarakat desa sarang mekar.
1.2. Rumusan Masalah
5
1.4. Manfaat Penelitian
BAB I
Bab pertama ini, berisi tentang latar belakang, rumusan masalah, tujuan
penelitian, manfaat penelitian dan sistematika penulisan.
BAB II
Bab kedua ini, berisikan landasan teori yang berupa pengertian dan definisi yang
diambil dari kutipan oleh para ahli yang berkaitan dengan penyusunan laporan skripsi
serta ada beberapa literature riview pendapat sendiri yang berhubungan dengan
penelitian.
BAB III
BAB IV
Bab keempat merupakan hasil kesimpulan dari apa yang telah dianalisa dan
dirancang di bab -bab sebelumnya serta saran berdasarkan hasil Analisa
perancangannya.
6
BAB II
2.1 Wawancara
Menurut Esterberg dalam Sugiyono (2015:72) wawancara adalah pertemuan
yang dilakukan oleh dua orang untuk bertukar informasi mupun suatu ide dengan cara
tanya jawab, sehingga dapat dikerucutkan menjadi sebuah kesimpulan atau makna
dalam topik tertentu.
Susan Stainback (dalam Sugiyono 2016;318) mengemukakan bahwa dengan
wawancara, maka peneliti akan mengetahui hal-hal yang lebih mendalam tentang
partisipan dalam menginterpretasikan situasi dan fenomena yang terjadi, dimana hal ini
tidak dapat ditemukan melalui observasi.
Adapun menurut Bungin (2013:133), wawancara adalah proses memperoleh
keterangan untuk tujuan penelitian dengan cara tanya jawab sambil bertatap muka
antara pewawancara dengan responden atau orang yang diwawancarai, dengan atau
tanpa menggunakan pedoman wawancara.
Sehingga bisa disimpulkan dari kedua pendapat tersebut, bahwa wawancara
yaitu proses tanya jawab antara dua orang atau lebih dengan tujuan untuk memproleh
keterangan atau informasi untuk tujuan penelitian.
Wawancara semiterstruktur adalah jenis wawancara yang digunakan pada
penelitian ini. Adapun pengertian dari beberapa ahli tentang wawancara semi terstruktur
ini. Diantaranya yaitu :
Menurut Sugiyono (2010:233) mengemukakan bahwa wawancara semi
tersrtuktur adalah untuk menemukan permasalahan secara lebih terbuka, dimana pihak
yang diajak wawancara diminta pendapat, ide-idenya. Dasar pertimbangan pemilihan
wawancara semi terstruktur karena pelaksanaannya lebih bebas dibandingkan dengan
wawancara terstruktur sehingga akan timbul keakraban antara peneliti dan responden
yang ada pada akhirnya akan memudahkan peneliti dalam menghimpun data.
Menurut Arikunto (2010:270) mengemukakan bahwa wawancara semi
terstruktur merupakan bentuk wawancara yang mula-mula peneliti menanyakan
pertanyaan yang sudah terstruktur, kemudian satu persatu diperdalam mengorek
keterangan lebih lanjut. Dengan demikian jawaban yang diperoleh bisa meliputi semua
variabel, dengan keterangan yang lengkap dan mendalam.
7
Maka dari itu, dalam penelitian ini kami menggunakan wawancara semi
terstruktur dimana kami terlebih dahulu menyiapkan beberapa pertanyaan secara
terstruktur kemmudian diperdalam untuk menemukan permasalahan secara lebih
terbuka serta pihak yang diwawancarai juga diminta pendapat, saran dan harapan
tentang objek yang akan diteliti.
8
keluaran, untuk mencapai tujuan yang diharapkan (Mulyanto, Sistem Informasi Konsep
& Bisnis, 2009).
Informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi
penerimanya dan bermanfaat dalam pengambilan keputusan saat ini atau saat
mendatang. Definisi tersebut merupakan definisi informasi dalam pemakaian sistem
informasi (Kelly 2011:10).
Sistem Informasi adalah suatu kombinasi teratur apapun baik dari people, hardware,
software,maupun database yang mengumpulkan, mengubah, dan menyebarkan
informasi di dalam suatu bentuk organisasi (O’brien 2011:62).
Jadi dapat disimpulkan bahwa Sistem Informasi adalah suatu jaringan dengan
berbagai komponen yang memuat input output yang dapat memberikan informasi
sebagai acuan dalam pengambilan suatu keputusan.
Istilah pelayanan berasal dari kata “layan” yang artinya menolong menyediakan
segala apa yang diperlukan oleh orang lain untuk perbuatan melayani. Pada dasarnya
setiap manusia membutuhkan pelayanan, bahkan secara ekstrim dapat dikatakan bahwa
pelayanan tidak dapat dipisahkan dengan kehidupan manusia (Sinambela, 2010:3).
Dalam pengertian lain, pelayanan adalah proses pemenuhan kebutuhan melalui
aktifitas orang lain secara langsung (Moenir 2008:16).
Maka, berdasarkan pemaparan di atas dapat dikemukakan bahwa pelayanan
adalah kegiatan yang dilakukan melalui hubungan antara penerima dan pemberi
pelayanan melalui perantara organisasi atau lembaga perusahaan.
9
3. Kodisional, yakni pelayanan yang sesuai dengan kondisi dan kemampuan pemberi
dan penerima pelayanan dengan tetap berpegang pada prinsip efisiensi dan
efektivitas;
4. Partisipatif, yaitu pelayanan yang dapat mendorong peran serta masyarakat dalam
penyelenggaraan pelayanan public dengan memperhatikan aspirasi, kebutuhan, dan
harapan masyarakat;
5. Kesamaan hak, yaitu pelayanan yang tidak melakukan diskriminasi dilihat dari
aspek apapun khususnya suku, ras, agama, golongan, status sosial;
6. Keseimbangan hak dan kewajiban, yaitu pelayanan yang mempertimbangkan aspek
keadilan antara pemberi dan penerima pelayanan.
2.5 Website
10
Sedangkan Menurut Rahmadi (2013:1) ”website (lebih dikenal dengan sebutan
situs) adalah sejumlah halaman web yang memiliki topik saling terkait, terkadang
disertai pula dengan berkas-berkas gambar, video atau jenis-jenis berkas lainnya.”
Adapun menurut Ippho Santoso dalam Rahmadi (2013:1) “membagi website
menjadi golongan kanan dan golongan kiri. Dalam website dikenal dengan sebutan
website dinamis dan website statis.
1. Website statis Website statis adalah website yang mempunyai halaman konten yang
tidak berubah-ubah.
11
Use case diagram
Use Case Diargam merupakan pemodelan untuk melakukan (behavior) sistem
informasi yang akan dibuat. Use case digunakan untuk mengetahui fungsi apa saja yang
ada di dalam sebuah sistem informasi dan siapa saja yang berhak menggunakan fungsi-
fungsi itu. Berikut adalah simbol-simbol yang ada pada diagram use case (Rosa dan
Shalahuddin, 2014:156):
Activity diagram
Activity Diagram Activity Diagram menggambarkan workflow (aliran kerja)
atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat
lunak. Perlu diperhatikan bahwa diagram aktivitas menggambarkan aktivitas sistem
bukan apa yang dilakukan aktor, jadi aktivitas yang dapat dilakukan oleh sistem.
Berikut adalah simbol-simbol yang ada pada diagram
aktivitas (Rosa dan Shalahuddin, 2014:162):
Tabel Activity Diagram
12
Class Diagram
Class Diagram menggambarkan struktur sistem dari segi pendefinisian kelas-
kelas yang akan dibuat untuk membangun sistem. Kelas memiliki apa yang disebut
atribut dan metode atau operasi. Berikut adalah simbol-simbol yang ada pada diagram
Kelas (Rosa dan Shalahuddin, 2013:146) :
13
Tabel Class Diagram
Sequence Diagram
Diagram sequence menggambarkan kelakuan objek pada use case dengan
mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima antar
objek. Untuk menggambarkan diagram sekuen maka harus diketahui objekobjek yang
terlibat dalam sebuah use case beserta metode-metode yang dimiliki kelas yang
14
diinstansiasi menjadi objek itu. Berikut adalah simbol-simbol yang ada pada diagram
sekuen (Rosa dan Shalahuddin,2014:165):
15
1. Entity Entity adalah suatu objek yang dapat diidentifikasi dalam lingkungan
pemakai, sesuatu yang penting bagi pemakai dalam konteks sistem yang akan
dibuat. Entitas digambarkan dalam bentuk persegi empat.
2. Atribut Setiap entitas pasti mempunyai elemen yang disebut atribut yang
berfungsi untuk mendes-kripsikan karakteristik dari entitas tersebut. Isi dari
atribut mempunyai sesuatu yang dapat mengidentifikasikan isi elemen satu
dengan yang lain. Gambar atribut diwakili oleh simbol elips.
3. Hubungan/Relationship Sebagaimana halnya entitas, hubungan pun harus
dibedakan antara hubungan atau bentuk hubungan antarentitas dengan isi dari
hubungan itu sendiri. Relationship digambarkan dalam bentuk intan (diamonds).
2.7 Database
Basis data (database) adalah suatu kumpulan data yang disusun dalam bentuk table tabel
yang saling berkaitan maupun berdiri sendiri dan disimpan secara bersama-sama pada suatu
media. Basis data dapat digunakan oleh satu atau lebih program aplikasi secara optimal, data
disimpan tanpa mengalami ketergantungan pada program yang akan menggunakannya.
Terdapat beberapa aturan yang harus dipatuhi pada file basis data agar dapat memenuhi
kriteria sebagai suatu basis data, yaitu:
16
Kerangkapan data, yaitu munculnya data-data yang sama secara berulang-ulang pada
file basis data.
Inkonsistensi data, yaitu munculnya data yang tidak konsisten pada field yang sama
untuk beberapa file dengan kunci yang sama,
Data terisolasi, disebabkan oleh pemakaian beberapa file basis data. Program aplikasi
tidak dapat mengakses file tertentu dalam sistem basis data tersebut, kecuali program
aplikasi dirubah atau ditambah sehingga seolah-olah ada file yang terpisah atau
terisolasi terhadap file yang lain.
Keamanan data, berhubungan dengan masalah keamanan data dalam sistem basis data.
Pada prinsipnya file basis data hanya boleh digunakan oleh pemakai tertentu yang
mempunya wewenang untuk mengakses.
Integrasi data, berhubungan dengan unjuk kerja sistem agar dapat melakukan kendali
atau kontrol pada semua bagian sistem sehingga sistem selalu beroperasi dalam
pengendalian penuh.
2.8 Internet
Internet sebagai jaringan terbesar sebagai sumber informasi yang telah menjadi
kebutuhan banyak orang.. Internet menyimpan berbagai jenis informasi yang tidak
terbatas. Internet berperan sebagai sarana komunikasi, publikasi, serta sarana untuk
mendapatkan berbagai informasi yang dibutuhkan.
Menurut Supriyanto (2007:336) ”internet adalah sebuah jaringan komputer global, yang
terdiri dari jutaan komputer yang saling berhubungan dengan menggunakanprotokol
yang sama untuk berbagi informasi secara bersama”.
Sedangkan menurut Sibero (2013:10) internet (Interconnected Network) adalah
“jaringan komputer yang menghubungkan antar jaringan secara global, internet, dapat
juga disebut jaringan dalam suatu jaringan yang luas”
Maka dapat disimpulkan bahwa internet adalah kumpulan dari jutaan computer yang
saling terhubung melalui jaringan global untuk membagi informasi secara bersamaan
dengan mencakup suatu jaringan yang sangat luas.
17
internet. Jadi untuk mengakses web diperlukan suatu program yaitu Web browser atau
biasa disebut browser saja(Sugiyanto, 2013).
Menurut Sibero (2013:12) mengemukakan bahwa“Web Browser adalah aplikasi
perangkat lunak yang digunakan untuk mengambil dan menyajikan sumber informasi
web”.
Sedangkan menurut Gary dan Veermat (2012:112) mengemukakan bahwa
“Suatu Web Browser, atau browser, adalah piranti lunak aplikasi yang dapat digunakan
pengguna untuk mengakses dan melihat laman Web atau program-program Web”.
Maka dapat disimpulkan bahwa web browser yaitu sebuah perangkat lunak yang
berfungsi untuk mengambil informasi dari suatu server computer dengan jaringan
internet.
Menurut Sadeli, (2013) MySQL adalah data yang menggabungkan script php
menggunakan perintah query dan escaps character yang sama dengan PHP. MySQL
mempunyai tampilan client yang mempermudah anda dalam mengakses database
dengan kata sandi untuk mengizinkan proses yang bisa anda lakukan.
18
Menurut Kadir (2008:2), “MySQL adalah sebuah software open source yang
digunakan untuk membuat sebuah database.” Berdasarkan pendapat yang dikemukakan
di atas dapat ditarik kesimpulan bahwa MySQL adalah suatu software atau program
yang digunakan untuk membuat sebuah database yang bersifat open source.
Sehingga dapat disimpulkan bahwa Mysql adalah sebuah software sistem
manajemen database yang bersifat open source tentunya digunakan untuk pembuatan
sebuah database.
BAB III
3.1. Perancangan
3.11 Alur proses sistem pembuatan kartu keluarga yang sedang berjalan di
Desa Serangmekar
19
3.13 Analisis Kebutuhan Fungsional
20
Sistem yang memiliki Sistem dapat Fitur menu Masyarakat Notifikasi
sarana pelayanan melakukan pelayanan dapat mengakses bahwa kartu
untuk masyarakat pelayanan menu pelayanan keluarga
terhadap dan mengajukan sudah
masyarakat pembuatan surat tersedia dan
maupun bisa diunduh
sejenisnya atau datang
langsung ke
kantor desa
Masyarakat Sistem Menampilkan untuk
mengisi formulir mampu data sesuai Mencetak
dan menginputkan menginputka tanggal
berkas n berkas pengajuan
persyaratan persyaratan persyaratan
pembuatan kartu ke sistem.
keluarga
21
Masyarakat bisa Sistem dapat Fitur unduh dan Masyarakat Notifikasi
mengunduh dan mengunduh cetak kartu dapat bahwa kartu
mencetak kartu dan mencetak keluarga mengunduh file keluarga
keluarga di file kartu pdf atau sudah
kantor desa keluarga mencetak kartu tersedia dan
maupun keluarga di bisa diunduh
personal kantor desa atau datang
langsung ke
kantor desa
untuk
mencetak
Masyarakat bisa Sistem dapat Menu Panduan Masyarakat dan
mengakses memberikan operator dapat
panduan - dan mengakses
panduan dalam menampilkan menu panduan
pembuatan informasi
berkas yang mengenai
dibutuhkan pembuatan
melalui sistem berkas yang
ada didalam
sistem
Masyarakat bisa
Sistem dapat
keluar dari Menu logout
keluar setelah
sistem setelah
login dan masyarakat
mengklik
melakukan
menu logout
aktivitas dalam
sistem
22
3.14 Analisis Kebutuhan Non Fungsional
Tabel Non Functional Requiretment
23
3.2. Desain
3.2.1 Use Case Diagram
24
3.2.2 Use Case Scenario
25
diisi serta kembali ke halaman pengisian
formulir
2. Sistem
menampilkanhalamanpengisianformulirse
rtaberkasberkas data
4. Aktor menekantombolkirimformulir
7. Jika
tidaksistemmenampilkanpesanatautandab
ahwaformulir dan
berkastidaklengkapdiisisertakembalikehal
amanpengisianformulir
26
Post-condition Aktor telah menyetujui, menerima, dan
mengirimkan ke kepala desa sekaligus sistem
kembali ke halaman daftar para pengaju.
Alternative(s) flow
27
Jika aktor memilih ubah maka sistem
menampilkan halaman untuk menginput
informasi yang akan di ubah kemudian
dapat melakukan perubahan dengan
menekan tombol ubah.
Jika aktor memilih hapus, sistem
menampilkan pop up layar untuk
mengkonfirmasi penghapusan informasi.
Setelah melakukan ketiga aktivitas
(tambah, ubah, hapus) maka sistem akan
langsung membawa aktor ke halaman
informasi transparansi desa.
Post-condition Sistem akan menampilkan informasi yang telah
dikelola akan muncul di halaman informasi
transparansi desa.
Alternative(s) flow
28
Title Skenario mengelola surat
Deskripsi Aktor mengelola surat yang masuk dan keluar
Aktor dan inteface Aktor : Operator Desa
Interface : halaman utama, halaman surat
Pre-condition Aktor belum masuk ke kelola surat
Basic flow Aktor membuka halaman kelola surat
Sistem menampilkan halaman surat
beserta surat yang masuk dan keluar
Aktor dapat melihat surat yang masuk dan
keluar satu persatu
Sistem menampilkan surat yang dibuka
Aktor mengirimkan surat ke operator
kecamatan
Sistem menampilkan pesan bahwa surat
telah terkirim
Post-condition Sistem membawa ke halaman surat setelah aktor
mengirimkan surat
Alternative(s) flow
29
Aktor dapat melihat surat yang masuk dan
keluar satu persatu
Sistem menampilkan surat yang dibuka
Aktor dapat mengunduh surat
Aktor dapat memproses surat sampai
berbentuk soft file
Setelah diproses aktor dapat
menginputkan kembali surat ke sistem
Aktor dapat mengirimkan kembali surat
ke operator desa
Sistem menampilkan pesan bahwa surat
telah terkirim
Post-condition Sistem membawa ke halaman surat
Alternative(s) flow
30
31
3.2.3 Activity Diagram
32
33
34
35
36
3.2.4 Sequence Diagram
37
38
39
40
3.2.5 Class Diagram
41
3.2.6 State Diagram
42
43
44
45
BAB IV
4.1 Kesimpulan
Sistem Informasi Pelayanan Masyarakat di Desa SerangMekar di rancang berbasis website dengan metode
perencanaan,analisis dan perancangan.Dibuatnya sistem informasi pelayanan ini di maksudkan untuk dapat memudahkan
masyarakat serta petugas desa sebagai berikut :
1. Dengan rancangan sistem informasi pelayanan ini masyarakat dapat di mudahkan dalam melakukan pengajuan
pembuatan kartu keluarga maupun perubahan kartu keluarga ataupun pelayanan lainnya.Masyarakat tidak perlu menunggu lama
seperti pengisian formulir manual dan sistem kolektif oleh RT setempat yang memakan waktu cukup lama karna cukup sering
terjadi, tidak semua warga mengumpulkan persyaratan langsung pada saat itu juga.
2. Sistem informasi pelayanan lebih terintegritas,dimana informasi transparasi dan web pelayanan di gabungkan tanpa
mengurangi fungsi dari web sebelumnya.Sehingga memudahkan operator desa dalam pengelolaannya.
3. Selain data manual,seluruh data dapat dibackup di sistem dengan bantuan database sehingga menghindari kejadian
hilangnya berkas fisik yang berisikan data desa maupun masyarakat.
4.2 Saran
Melakukan pembaruan interface guna meningkatkan sistem yang bersifat userfriendly dan masyarakat bisa lebih mudah dalam
pengaksesannya. Kami menyarankan agar user dapat menggunakan sistem sesuai dengan prosedur prosedur yang di sampaikan
supaya sistem informasi bisa digunakan sesuai fungsinya.
46