PERANCANGAN DAN PEMBUATAN WEBSITE DESA

NGADISANAN SEBAGAI MEDIA SISTEM

INFORMASI

Disusun oleh :

1. Avif Nurrohman 20533276

2. Alfi Nuriyatul Hekmaah 20533274

PROGRAM STUDI TEKNIK INFORMATIKA

UNIVERSITAS MUHAMMADIYAH PONOROGO

2022
 KATA PENGANTAR

Puji syukur kehadirat Allah Swt., yang telah melimpahkan rahmat dan hidayah-Nya
kepada kita semua, sehingga penyusun dapat membuat proposal ini dengan tepat waktu.
Solawat serta salam selalu tercurahkan kepada junjungan kita Nabi Muhammad SAW yang
telah membawa kita dari Zaman jahiliah ke Zaman Islamiyah seperti saat ini.
Atas karunia-Nya kami dapat menyelesaikan tugas Proposal Mata Kuliah
Pemrograman Web Lanjut dengan judul “Perancangan dan Pembuatan Website Desa
Ngadisanan Sebagai Media Sistem Informasi”. Proposal ini merupakan salah satu tugas
besar mata kuliah Pemrogramman Web Lanjut progam studi Teknik Informatika S1
Universitas Muhammadiyah Ponorogo. Proposal ini kami susun tidak terlepas dari
pengarahan Ibu Rifqi Rahmatika Az-Zahra S.Kom., M.Kom. selaku Dosen Pengampu Mata
Kuliah. karena itu kami sampaikan terima kasih atas waktu, tenaga dan pikirannya yang telah
diberikan.
Pada laporan magang ini sangat memungkinkan masih banyak kekurangan yang
harus diperbaiki. Segala bentuk kritik dan saran akan dengan senang hati diterima dan
diharapkan dapat membantu dalam penulisan selanjutnya agar lebih baik. Semoga Proposal
yang telah kami selesaikan ini dapat menambah wawasan dan pengetahuan bagi pembaca.

Ponorogo, 12 Desember 2022

Penulis
DAFTAR ISI
 BAB 1
PENDAHULUAN

1.1 Latar Belakang

Desa Ngadisanan merupakan salah satu desa yang terletak di
Kecamatan Sambit Kabupaten Ponorogo Provinsi Jawa timur. Di kalangan
kecamatan bahkan kabupaten desa ini cukup terkenal karena prestasi
olahraga sepak bola yang cukup baik. Dalam hal kesenian pun desa ini
cukup ikut andil untuk melestarikannya. Ada salah satu kegiatan yang tiap
tahun selalu diadakan di desa ini dan sangat menarik perhatian bagi warga
desa lain yaitu karnaval atau yang lebih dikenal dengan Merti Dusun.
Kegiatan lain seperti bidang olahraga juga selalu diadakan di desa ini
dalam waktu setahun sekali yang dilombakan antar RT baik olahraga
cabang sepakbola, bola volly, bulu tangkis, dan masih banyak lagi. Selain
kegiatan diatas dalam sektor pertanian didesa ini cukup berkembang
dengan baik seperti sayur sayuran dan juga salah satu makanan pokok yaitu
padi karena tanahnya yang sangat subur.

Namun sejauh ini belum ada sistem yang bisa mempermudahkan

untuk memberikan informasi tentang desa ini. Dengan ini penulis akan
mencoba membuat sebuah website sebagai media informasi dengan
harapan desa akan lebih banyak dikenal secara lebih luas, dan penulis
tertarik dengan membuat skripsi dengan judul “Perancangan dan
Pembuatan Website Desa Ngadisanan Sebagai Media Sistem
Informasi”.

1.2 Rumusan Masalah

Berdasarkan latar belakang masalah tersebut, maka penulis mencoba

membuat rumusan masalah yaitu : Bagaimana membuat sistem yang
mampu membantu dalam memberikan informasi tentang “Desa
Ngadisanan” ?
1.3 Batasan Masalah

Batasan masalah pada Perancangan dan Pembuatan Website Desa

Ngadisanan Sebagai Media Informasi sebagai berikut :

1. Aplikasi digunakan untuk mengaplikasikan sebuah proses media

informasi berbasis website.

2. Informasi dan menu yang disediakan dalam perancangan dan

pembuatan ini meliputi :

1. Database

2. Profil Desa Ngadisanan

3. Visi dan misi Desa Ngadisanan

4. Layanan Desa

5. Gallery dari kegiatan-kegiatan yang dilakukan penduduk Ngadisanan

6. Berita terbaru dari kegiatan-kegiatan penduduk Desa Ngadisanan.

1.4 Tujuan

Tujuan dari penelitian ini adalah merancang dan membuat website Desa
Ngadisanan sebagai sarana informasi kepada masyarakat luas dan
masyarakat lain untuk mengetahui informasi tentang Desa Ngadisanan.
1.5 Manfaat
Manfaat dari penelitian ini untuk Desa Ngadisanan adalah mempermudah
dalam memberikan informasi kepada masyarakat luas.
 BAB II
TINJAUAN PUSTAKA
2.1 Sistem Informasi
sistem merupakan kumpulan kelompok elemen yang saling berhubungan dan bekerja
sama untuk mencapai suatu tujuan dan sasaran yang di inginkan. Informasi adalah
salah satu kata kunci salah satu kunci pada zaman ini. Untuk mendapatkan dan
menghasilkan informasi, komputer dan teknologinya adalah salah satu alat bantu
yang paling tepat. Informasi adalah jumlah data yang telah diklasifikasikan atau
diinterpretasikan digunakan dalam proses pengambilan keputusan. Sistem informasi
adalah suatu system dalam suatu organisasi suatu yang mempertemukan kebutuhan
dan pengolahan transaksi harian yang mendukung fungsi organisasi yang bersifat
manajerial dalam kegiatan strategi dari suatu organisasi untuk dapat menyediakan
kepada pihak luar tertentu dengan laporan yang diperlukan. Sistem informasi
berbasis web adalah seperangkat komponen yang saling berhubungan yang berfungsi
untuk mengumpulkan, memproses, menyimpan dan mentransferkan informasi dalam
bentuk teks, gambar, suara, dan informasi yang dipresentasikan dalam bentuk
hypertext serta dapat diakses oleh perangkat lunak. Sistem informasi berbasis web
adalah aplikasi yang dibuat berbasis web. Aplikasi ini juga di dalamnya sudah
terdapat basisdata untuk mengelola suatu data tertentu.

2.2 Website
Website adalah kumpulan halaman yang berisi informasi tertentu dan dapat
diakses dengan mudah oleh siapapun, kapanpun, dan di manapun melalui
internet. Website pertama di dunia dibuat oleh Tim Berners-Lee pada akhir
1980-an dalam project World Wide Web (W3). Situs web tersebut resmi
diluncurkan secara online pada 6 Agustus 1991. Terdapat lima unsur yang
sangat vital pada website. Tanpa adanya unsur ini, situs web tidak bisa
ditemukan maupun diakses oleh pengguna internet.
2.3 Database
Database merupakan kumpulan file-file yang saling berkaitan dan
berinteraksi, relasi tersebut bila ditunjukan dengan kunci dari tiap-tiap file
yang ada. Satu database menunjukkan suatu kumpulan data yang dipakai
dalam suatu lingkup perusahaan, instansi. Pengolahan database merupakan
suatu cara yang dilakukan terhadap file-file yang berada di suatu instansi
yang mana file tersebut dapat disusun, diurut, diambil sewaktu-waktu serta
dapat ditampilkan dalam bentuk suatu laporan sehingga dapat mengolah file-
file yang berisikan informasi tersebut secara rapi.

2.4 Visual Studio Code

Visual Studio Code adalah aplikasi kode editor yang digunakan untuk menulis
kode program baik pada platform web, desktop, dan mobile. Kode editor
tersebut dikembangkan oleh Microsoft dan tersedia pada sistem operasi
Windows, macOS, dan Linux. Visual Studio Code memiliki beberapa
keunggulan daripada aplikasi kode editor lainnya karena ringan jika dijalankan
pada desktop namun tetap memiliki performa yang mumpuni. Kelebihan lain
dari Visual Studio Code adalah banyaknya dukungan extensions untuk
menunjang proses pengembangan perangkat lunak.

2.5 HTML
HTML (Hypertext Markup Language) adalah bahasa dasar untuk web
scripting bersifat client side yang memungkinkan untuk menampilkan
informasi dalam bentuk teks, grafik, serta multimedia dan juga untuk
menghubungkan antartampilan web page (hyperlink). Konsep Dasar
HTML pemrograman yang lebih dikenal dengan sebutan web scripting.
Dikatakan script karena perintah kode program tersebut akan diinterpreter
dan tidak ada kompilasi untuk menjadikannya e x e c ut ab le . Berdasarkan
letak proses interpreter maka we b scripting dibagi menjadi dua kategori,
yaitu yang bersifat client s id e dan server side. Client side dilakukan oleh
web browser seperti Internet Explorer, Netscape, Opera, dan Firefox. Untuk
contoh bahasa client side adalah HTML, CSS, Javascript, VBscript, dan
XML.
2.6 CSS
Menurut Richard York, Cascading style sheets (CSS) adalah bahasa
pemograman bertujuan untuk menyederhanakan desain dan pengembangan
web. Singkatnya, CSS menangani tampilan dari situs. CSS bukan merupakan
bahasa pemograman. Sama halnya styles dalam aplikasi pengolahan kata
seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading,
subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan
bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai
untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML
dan XHTML. CSS dapat mengendalikan ukuran gambar, warna bagian tubuh
pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna
mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas,
bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan
untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita
untuk menampilkan halaman yang sama dengan format yang berbeda.

2.7 XAMPP`
XAMPP adalah sebuah software yang menjalankan peran sebagai local web server.
Local web server artinya, localhost komputer yang berperan menjalankan web server
dan juga sistem database. XAMPP adalah sebuah software yang berfungsi untuk
menjalankan website berbasis PHP dan menggunakan pengolah data MYSQL di
computer local. XAMPP berperan sebagai server web pada computer lokal. XAMPP
juga dapat disebut sebuah Cpanel server virtual, yang dapat membantu melakukan
preview sehingga dapat dimodifikasi website tanpa harus online atau terakses dengan
internet. Xampp merupakan pengembangan dari lamp (linuk, apache, MYSQL, PHP,
dan PERL). XAMPP adalah proyek nonprofit yang di kembangkan oleh apache
friend yang didirikan oleh kai oswalad seilder dank ayvogelgesang pada tahun 2002
proyek ini bertujuan mempromosikan penggunaan apache web server Paket amp
(apache, mysql, php), salah satunya adalah XAMPP yang sudah terintregasi amp di
dalamnya dan menghemat resource computer daripada menginstal amp satu persatu.
Untuk mempermudah proses instalasi ketiga produk tersebut secara instant dapat
menggunakan XAMPP dalam satu proses install. Software ini biasa digunakan untuk
pengujian aplikasi web melalui localhost. Aplikasi web yang dikembangkan secara
native, menggunakan framework, maupun CMS bisa diuji menggunakan XAMPP.
 XAMPP dikembangkan oleh Apache Friends. Apache Friends sendiri merupakan
proyek nirlaba yang bertujuan untuk mempromosikan server web Apache. Secara
umum, XAMPP berfungsi sebagai web server yang bisa diakses melalui localhost
komputer. Aplikasi web yang belum sepenuhnya jadi, bisa dikembangkan dalam
server lokal ini. Developer bisa menguji seluruh fungsi aplikasi web, menguji coba
desain web, menyusun struktur konten, dan hal-hal lain sebelum resmi diluncurkan
ke internet dengan XAMPP, aplikasi web sudah bisa dipresentasikan secara real.
Antarmuka, struktur konten, bahkan fungsi yang berjalan di back-end cukup identik
dengan aplikasi web yang asli. Setelah pengujian di XAMPP selesai dilakukan,
aplikasi web bisa di publish secara online dengan menguploadnya di web hosting.

2.8 PHP
PHP merupakan singkatan dari Hypertext Prepocessor. Saat pertama kali
dikembangkan oleh programmer bernama Rasmus Lerdoff, PHP awalnya singkatan
dari Personal Home Page Tools. Akan tetapi, setelah diembangkan oleh Zeev Suraski
dan Andi Gutmans, fitur PHP bertambah dan diubah singkatannya menjadi PHP
Hypertext Prepocessor. Ditinjau dari jenis bahasanya, PHP merupakan bahasa
scripting seperti HTML. Source code dari program PHP tetap dalam bentuk teks dan
langsung di parser oleh software PHP di server tanpa harus diubah ke bentuk lain
terlebih dahulu seperti file executable dalam pemrograman desktop dengan visual
basic. PHP merupakan bahasa pemrograman yang ditujukan untuk membuat program
website dimana kode program yang telah dibuat di kompilasi dan dijalankan pada
sisi server untuk menghasilkan halaman website yang dinamis. Pada awalnya PHP
didirikan untuk Personal Home Page. Karena memilika banyak manfaat dan dapat
berkembang dengan baik maka PHP disebut dengan hypertext Preprocessor.
 2.9 MySql
MySQL adalah software database yang banyak dipakai untuk membuat aplikasi
dinamis. Software paketan AMP (Apache, MySQL, dan PHP) biasanya sudah
mengandung MySQL. MySQL ini adalah konstruksi database yang memungkinkan
Apache dan PHP bekerja bersamaan untuk mengakses dan menampilkan data dan
dalam format yang terbaca di broswer. MySQL adalah server database yang dapat di
akses dengan Strucured Query Language. MySQL di desain untuk bisa menangani
beban pemrosesan yang berat dan pemrosesan yang cepat. Sebagai software
RDBMS, MySQL memungkinkan tabel- tabel yang berbeda di gabung bersamaan
untuk efisiensi dan kecepatan maksimal. MySQL adalah sebuah software database.
Database merupakan sebuah tempat untuk meyimpan data yang jenisnya beraneka
ragam. MySQL meyimpan datanya dalam bentuk tabel-tabel yang saling
berhubungan. MySQL adalah perangkat lunak untuk sistem manajemen database
karena sifatnya yang open source dan memiliki kemamuan menampung kapasitas
yang sangat besar. MySQL memberikan hasil yang optimal. dari sisi kecepatan dan
rehabilitas data, sifat dari MySQL yang open source menyebabkan MySQL
berkembang secara pesat dan digunakan begitu banyak pengguna yang tidak ingin
mengeluarkan dana besar untuk sebuah sistem basis data, jika menggunakan sistem
basis data komersial.
2.10 Peneliti terdahulu
Mansur, M., & Kasmawi, K. (2017). Pemerintah Kabupaten Bengkalis
mendorong setiap desa untuk memiliki halaman websiteuntuk mempermudah
masyarakat dalam mengetahui secara luas program dan kegiatan, maupun
realisasi anggaran dilingkungan pemerintahan desa. Selain itu, keberadaan
website dapat dimanfaatkan untuk mempromosikan potensi yang dimiliki
Berdasarkan hasil survei di Kabupaten Bengkalis beberapa desa sudah
memanfaatkan website sebagai media informasi dan layanan desa. Namun,
secara teknologi penyimpanan data (database) masih berdiri sendiri pada
masing-masing website desa. Hal tersebut dapat menimbulkan beberapa
permasalahan yaitu, data setiap desa tidak terintegrasi, memerlukan biaya
operasional cukup memadai, sumber daya manusia (SDM) bidang komputer
setiap desa terbatas, sulitnya untuk melakukan pengumpulan data desa yang
dibutuhkan oleh pemerintah tingkat kecamatan secara real time dan up-to-
date. Pemanfaatan database terintegrasi sangat penting untuk dikembangkan
dalam pemerintahan. Hal ini, berdampak pada penyajian data, informasi
secara cepat dan akurat. Sistem database terpadu dapat menampung semua
informasi masing-masing desa. Pada database tersebut yang membedakan
dengan database desa lain pada pengaturan pengguna database yang
menyesuaikan dengan kebutuhan secara keseluruhan. Adapun bagian yang
terlibat pada sistem database terpadu tersebut seperti operator desa,
masyarakat dan pengelola database. Sistem database terpadu tersebut dapat
membantu setiap desa untuk memiliki halaman website yang menampilkan
informasi profile desa seperti sambutan, sejarah, struktur organisasi,
perangkat desa, visi misi, informasi mengenai kelembagaan (pemberdayaan
masyarakat, lembaga adat, PKK, Bumdes, dan karang taruna), informasi
monografi (data umum, kependudukan, sarana prasarana, kewenangan,
keuangan dan data bencana), informasi peraturan, berita, daftar kegiatan,
potensi, galeri, buku tamu, dan informasi dalam bentuk grafik kepada
masyarakat secara luas dalam rangka mewujudkan pemerintah desa yang
transparan serta dapat mengotimalkan penyampaian informasi kepada
pengguna secara efisien dan efektif.
 BAB III
PEMBAHASAN
3.1 Rapid Aplication Development RAD
RAD adalah suatu pendekatan pengembangan perangkat lunak yang dirancang
untuk pengembangkan sistem yang terdiri dari metode pengembangan untuk
menghasilkan produk yang berkualitas tinggi, adapun tujuan dari model RAD yaitu
untuk mempersingkat waktu yang biasanya diperlukan dalam SDLC. Rapid
Application Development (RAD) adalah pendekatan untuk mengembangkan
informasi sistem yang men-janjikan sistem yang lebih baik dan lebih murah serta
penyebaran yang lebih cepat oleh dan pengguna akhir bekerja bersama untuk
mengembangkan waktu nyata sistem. RAD tumbuh dari konvergensi dua tren:
pertama, meningkat kecepatan dan turbulensi dalam perbisnisan pada akhir 1980-
an dan awal 1990-an, dan ke dua ketersediaan alat berbasis komputer yang berdaya
tinggi untuk mendukung sistem pengembangan dan perawatan mudah. Ketika
kondisi melakukan bisnis dalam lingkungan global yang berubah dan kompetitif
menjadi lebih bergejolak, manajemen di banyak organisasi mulai mempertanyakan
apakah masuk akal untuk menunggu dua hingga tiga tahun untuk mengembangkan
sistem (dalam proses metodis, kaya kontrol) yang akan usang setelah selesai.
Tahap untuk Rapid Aplication Development (RAD) ada tiga yang melibatkan
pengguna disetiap bagian dari upaya pengembangan. Tahapan-tahapan yang
dilakukan dapat dijelaskan sebagai berikut :
 1. Perencanaan Syarat (Requirement Planning)
Pada fase ini, dilakukan analisis requirements yang dimulai dengan
mengidentifikasi requirements. Requirements tersebut dapat dikelompokkan
menjadi functional dan nonfunctional requirements.
2. Fase Workshop Desain RAD
Tahap desain sistem adalah tahap setelah analisis sistem yang menentukan
proses dan data yang diperlukan oleh sistem baru. Tujuan pada tahap desain
adalah untuk memenuhi kebutuhan kepada para pemakai sistem mengenai
gambaran yang jelas dan rancang bangun yang akan dibuat dan
diimplementasikan.
3. Fase Implementation
Tahap implementasi atau penerapan adalah tahap di mana desain sistem telah
dibentuk menjadi suatu kode (program) yang siap untuk dioperasikan. Tahap ini
bertujuan untuk melakukan uji coba terhadap aplikasi yang telah dibuat dan
juga sebagai sarana pengolahan data dan penyajian informasi.

3.2 Proses pelayanan dalam desa

a. Proses pendataan kartu keluarga
b. Pembuatan surat keterangan datang

c. Pembuatan Pengantar surat SKCK

d. Surat keterangan pengajuan pindah

e. Alur pembuatan surat untuk keterangan usaha

f. Pembuatan surat keterangan kelahiran

g. Proses pembuatan SK kematian

a. ERD (Entity Relationship Diagram) Sistem Informasi Pelayanan Umum Pada Desa
Ngadisanan