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 u t a b le . Berdasarkan
letak proses interpreter maka w e 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.