LAPORAN KARYA AKHIR

RANCANG BANGUN WEB PROFIL DESA

BANJARKEJEN MENGGUNAKAN HTML, CSS,
DAN JAVASCRIPT

NAFI’ NUR FANANI

NIS. 131135140001210319

DOSEN PEMBIMBING:
WIDI WIJAYA, S.Kom
RANI RAKHMAWATI, S.Ant

PROGRAM TERAPAN BIDANG TEKNOLOGI INFORMASI

DAN KOMUNIKASI(PRODISTIK)

KERJA SAMA
Madrasah Aliyah Negeri 1 Pasuruan dengan Institut
Teknologi Sepuluh Nopember Surabaya

Pasuruan

2023
LAPORAN KARYA AKHIR
RANCANG BANGUN WEB PROFIL DESA
BANJARKEJEN MENGGUNAKAN HTML, CSS,
DAN JAVASCRIPT

NAFI’ NUR FANANI

NIS. 131135140001210319

DOSEN PEMBIMBING:
WIDI WIJAYA, S.Kom
RANI RAKHMAWATI, S.Ant

PROGRAM TERAPAN BIDANG TEKNOLOGI INFORMASI

DAN KOMUNIKASI(PRODISTIK)

KERJA SAMA
Madrasah Aliyah Negeri 1 Pasuruan dengan Institut
Teknologi Sepuluh Nopember Surabaya

Pasuruan
2023

i
 LEMBAR PERSETUJUAN

RANCANG BANGUN WEB PROFIL DESA

BANJARKEJEN MENGGUNAKAN HTML, CSS,
DAN JAVASCRIPT
Laporan Karya Akhir Ini
Diajukan sebagai syarat untuk memperoleh sertifikat Program
Terapan Bidang Teknologi Informasi dan Komunikasi
(PRODISTIK)

Kerjasama:
Madrasah Aliyah Negeri 1 Pasuruan
Dan
Institut Teknologi Sepuluh Nopember (ITS)
Oleh:
NAFI’ NUR FANANI
NIS. 131135140001210319
Disetujui oleh Pembimbing Karya Akhir :
1. Widi Wijaya, S.Kom ( )
2. Rani Rakhmawati, S.Ant ( )

Disetujui oleh Penguji Karya Akhir :

1. . ( )
2. . ( )

ii
 LEMBAR PENGESAHAN

RANCANG BANGUN WEB PROFIL DESA

BANJARKEJEN MENGGUNAKAN HTML, CSS,
DAN JAVASCRIPT
Laporan Karya Akhir Ini

Diajukan sebagai syarat untuk memperoleh sertifikat Program

Terapan Bidang Teknologi Informasi dan Komunikasi
(PRODISTIK)

Kerjasama:
Madrasah Aliyah Negeri 1 Pasuruan
Dan
Institut Teknologi Sepuluh Nopember (ITS)
Oleh:
NAFI’ NUR FANANI
NIS. 131135140001210319
Disahkan Oleh:

Mengesahkan Mengetahui
Ketua Prodistik MAN 1 Pasuruan Kepala MAN 1
Pasuruan

Muhammad Fishal Fadlie, S.Hum Nasrudin, S.Pd.M.Si

NIP. 199309182019031008 NIP. 197209051997031005
iii
 RANCANG BANGUN WEB PROFIL DESA
BANJARKEJEN MENGGUNAKAN HTML, CSS,
DAN JAVASCRIPT
Nafi’ Nur Fanani1, Widi Wijaya, S.Kom2, Rani Rakhmawati,
S.Ant3.
Program IPS, Madrasah Aliyah Negeri 1 Pasuruan Jln.
Balai Desa Glanggang 3A Beji, Telp.0343-742690
e-mail:mansatupasuruan@gmail.com

ABSTRAK

Pembuatan Karya Akhir ini bertujuan untuk mengembangkan

sebuah website profil Desa Banjarkejen menggunakan bahasa
pemrograman web seperti HTML, CSS, dan JavaScript.
Pengembangan website ini melibatkan pembuatan halaman-
halaman seperti halaman utama dengan informasi umum tentang
desa, halaman berita dan acara, serta memastikan tampilan yang
estetis dan responsif, sehingga dapat diakses melalui berbagai
perangkat. Pengembangan website profil desa ini diharapkan
dapat menjadi sumber informasi yang bermanfaat bagi warga
desa maupun pihak eksternal. Pengembangan website profil desa
ini juga dapat dijadikan panduan bagi pengembangan website
profil daerah lainnya.

iv
KATA PENGANTAR

v
DAFTAR ISI

vi
DAFTAR GAMBAR

vii
DAFTAR TABEL

viii
ix
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Teknologi Informasi dan Komunikasi adalah payung

besar terminologi yang mencakup seluruh peralatan teknis untuk
memproses dan menyampaikan informasi. Teknologi informasi
meliputi segala hal yang berkaitan dengan proses, penggunaan
sebagai alat bantu, manipulasi, dan pengelolaan informasi.
Sedangkan teknologi komunikasi adalah segala sesuatu yang
berkaitan dengan penggunaan alat bantu untuk memproses dan
mentransfer data dari perangkat yang satu ke yang lainnya.
Teknologi Informasi dan Komunikasi mengandung
pengertian luas yaitu segala kegiatan yang yang terkait dengan
pemrosesan, manipulasi, pengelolaan, pemindahan informasi
antar media. Salah satu contoh dari perkembangan teknologi
informasi dan komunikasi yakni dengan adanya situs website.
Website merupakan halaman informasi yang disediakan melalui
jalur internet sehingga bisa diakses diseluruh dunia. Website
juga merupakan kumpulan komponen yang terdiri dari teks,
gambar, suara, dan animasi sehingga menarik untuk di kunjungi.
Dari hal tersebut dapat disimpulkan pada era internet ini website
merupakan sebuah kebutuhan penting dalam suatu daerah,
karena website dapat memberikan informasi kepada masyarakat

1
 luas tanpa adanya batasan jarak dan waktu. Desa Banjarkejen
dirasa sangat memerlukan sebuah sistem informasi berbasis
website yang memuat tentang profil Desa Banjarkejen sehingga
masyarakat dapat mengetahui informasi penting seputar Desa
Banjarkejen yang dapat diakses dengan cepat dan mudah di
laman website tanpa harus memakai metode konvensional
seperti selebaran atau pengumuman fisik.
Dalam pembuatan website profil Desa Banjarkejen,
penggunaan HTML (Hypertext Markup Language) akan
membantu dalam struktur dasar halaman web, CSS (Cascading
Style Sheets) akan digunakan untuk merancang tampilan visual
yang menarik, sedangkan JavaScript akan memungkinkan
interaktivitas seperti animasi, validasi formulir, atau fitur-fitur
lain yang dinamis.
Guna meningkatkan pelayanan serta memudahkan
penyampaian informasi mengenai informasi seputar desa
teruntuk masyarakat luas, maka penulis tertarik membuat karya
akhir dengan judul “RANCANG BANGUN WEB PROFIL
DESA BANJARKEJEN MENGGUNAKAN HTML, CSS, DAN
JAVASCRIPT”.

1.2 Rumusan Masalah

Berdasarkan latar belakang yang sudah dikemukakan, penulis

dapat merumuskan masalah sebagai berikut:

2
 1. Bagaimana langkah pembuatan website profil desa
Banjarkejen menggunakan HTML, CSS, dan Javascript?
2. Bagaimana mengaplikasikan hasil pembuatan website
profil desa Banjarkejen menggunakan HTML, CSS, dan
Javascript?

1.3 Tujuan

Berdasarkan rumusan masalah diatas, maka penulis dapat

menetapkan tujuan penulisan karya akhir sebagai berikut:
1. Untuk mengetahui langkah pembuatan website profil desa
Banjarkejen menggunakan HTML, CSS, dan Javascript
2. Untuk mengetahui pengaplikasian hasil pembuatan
website profil desa Banjarkejen menggunakan HTML,
CSS, dan Javascript

1.4 Batasan Masalah

Untuk membatasi meluasnya pembahasan, maka penulis

mengambil:
1. Website ini akan menampilkan profil seputar informasi
Desa Banjarkejen
2. Website ini dibuat menggunakan HTML, CSS, dan
Javascript.
1.5 Manfaat

3
 Manfaat penulisan karya akhir ini diharapkan dapat
bermanfaat bagi pembaca secara luas. Adapun manfaat
penulisan karya akhir ini:
1. Bagi Peneliti
a. Hasil penelitian ini diharapkan dapat memberikan
manfaat bagi peneliti untuk mendapatkan informasi
tentang desa Banjarkejen.
b. Mengimplementasikan HTML, CSS, dan Javascript
Untuk membuat website profil desa Banjarkejen

2. Bagi Masyarakat
a. Hasil penelitian ini diharapkan berguna sebagai
informasi kepada masyarakat desa Banjarkejen
melalui website profil desa Banjarkejen yang sudah
dibangun.

4
 BAB II

PERENCANAAN DAN PERANCANGAN

5
 BAB III

HASIL KARYA AKHIR

6
BAB IV
PENUTUP

7
DAFTAR PUSTAKA

8
LAMPIRAN

9
10