LAPORAN KARYA AKHIR

RANCANG BANGUN WEB PROFIL DESA

BANJARKEJEN MENGGUNAKAN HTML,CSS, DAN
JAVASCRIPT
NAFI’ NUR FANANI
NIS. 131135140001210319

PEMBIMBING:
Widi Wijaya, S.Kom
Rani Rakhmawati, S.Ant

KERJASAMA
Madrasah Aliyah Negeri 1 Pasuruan dengan Institut
Teknologi Sepuluh Nopember

PROGRAM TERAPAN
BIDANG TEKNOLOGI INFORMASI DAN
KOMUNIKASI (PRODISTIK)

Pasuruan
2023

i
LAPORAN KARYA AKHIR

RANCANG BANGUN WEB PROFIL DESA

BANJARKEJEN MENGGUNAKAN HTML,CSS, DAN
JAVASCRIPT
NAFI’ NUR FANANI
NIS. 131135140001210319

PEMBIMBING:
Widi Wijaya, S.Kom
Rani Rakhmawati, S.Ant

KERJASAMA
Madrasah Aliyah Negeri 1 Pasuruan dengan Institut
Teknologi Sepuluh Nopember

PROGRAM TERAPAN
BIDANG TEKNOLOGI INFORMASI DAN
KOMUNIKASI (PRODISTIK)

Pasuruan
2023

ii
 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 (MAN 1 Pasuruan)
&
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. ( )

iii
 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 (MAN 1 Pasuruan)
&
Institut Teknologi Sepuluh Nopember (ITS)

Oleh:
NAFI’ NUR FANANI
NIS. 131135140001210319

Disahkan Oleh:

Mengetahui Mengesahkan
Ketua Prodistik MAN 1 Kepala MAN 1 Pasuruan
Pasuruan

M.Faishal Fadlie, S.Hum Nasruddin, S.Pd,M.Si

NIP. 199309182019031008 NIP. 197209051997031005

iv
 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

Penulisan Karya Akhir ini bertujuan untuk mengetahui cara

pembuatan website profil desa Banjarkejen menggunakan bahasa
pemrograman web seperti HTML, CSS, dan JavaScript.
Pembuatan 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 digital. Pembuatan website profil desa ini diharapkan
dapat menjadi sumber informasi yang bermanfaat bagi warga
desa mauun pihak eksternal. Pembuatan website profil desa ini
juga dapat dijadikan panduan bagi pengembangan website profil
daerah lainnya.

Kata kunci : Website profil, Desa, Bahasa pemrograman

v
 KATA PENGANTAR

Puji dan syukur penulis panjatkan atas kehadirat

Allah SWT yang telah melimpahkan rahmat dan hidayah-
Nya sehingga penulis dapat menyelesaikan Laporan Karya
Akhir yang berjudul “RANCANG BANGUN WEB PROFIL
DESA BANJARKEJEN MENGGUNAKAN HTML, CSS, DAN
JAVASCRIPT”.

Dengan bentuk dan isi yang ringkas. Semoga laporan ini

dapat digunakan sebagai pedoman bagi pembaca dalam
PROGRAM TERAPAN BIDANG TEKNOLOGI INFORMASI
DAN KOMUNIKASI (PRODISTIK).

Pada penyusunan Karya Akhir ini penulis banyak

memperoleh dukungan, masukan,dan bimbingan dari
beberapa pihak. Oleh karena itu, penulis mengucapkan
terima kasih kepada:

1. Bapak H. Nasrudin S.Pd, M.Si selaku kepala

MAN 1 Pasuruan.
2. Bapak dan Ibu Dosen ITS Surabaya.
3. Bapak Muhammad Faishal Fadhli, S.Hum selaku
ketua prodistik MAN 1 Pasuruan.
4. Bapak Widi Wijaya, S.Kom dan Ibu Rani
Rakhmawati, S.Ant selaku guru pembimbing.
5. Seluruh Bapak dan Ibu Guru MAN 1 Pasuruan serta
kedua orangtua.

Semoga hasil Karya Akhir ini dapat bermanfaat bagi

penulis dan pembaca sehingga dapat muncul inovatif yang
berbeda.

vi
vii
DAFTAR ISI

viii
DAFTAR GAMBAR

ix
 DAFTAR DIAGRAM

Diagram 2.1 Flowchart Perencanaan

x
 DAFTAR TABEL

Tabel 2.1 Jadwal Penyusunan Karya Akhir

xi
 BAB I
PENDAHULUAN

A. Latar Belakang
Teknologi merupakan berbagai keperluan serta sarana
berbentuk aneka macam peralatan atau sistem yang
berfungsi untuk memberikan kenyamanan serta kemudahan
bagi manusia. Pada era modern saat ini, perkembangan
teknologi yang sangat pesat dapat memudahkan manusia dalam
menjalankan aktivitas kehidupannya. Teknologi memiliki bnyak
fungsi yang dapat dimanfaatkan oleh manusia. Misalnya,
teknologi pada saat ini dapat memudahkan manusia dalam
berkomunikasi, seolah-olah jarak antara manusia yang satu
dengan manusia yang lain menjadi sangat dekat. Dimana pada
zaman dahulu, hal ini tidak mungkin bisa dirasakan oleh
manusia.

Dalam era perkembangan teknologi yang semakin

berkembang ini, Desa Banjarkejen yang merupakan salah satu
desa yang terletak di Kecamatan Pandaan, Kabupaten Pasuruan,
Provinsi Jawa timur, dirasa sangat memerlukan sebuah sistem
informasi berbasis website yang akan memuat tentang profil
Desa Banjarkejen sehingga masyarakat desa dan masyarakat
luas dapat mengetahui informasi seputar Desa Banjarkejen
yang dapat diakses dengan cepat dan mudah. Website
biasanya dibangun menggunakan bahasa pemrograman seperti
HTML, CSS, dan JavaScript. HTML digunakan untuk
menentukan struktur dan konten halaman web, CSS digunakan
untuk memformat dan mempercantik tampilan halaman web, dan
JavaScript digunakan untuk menambahkan interaksi dan fungsi.

Guna memudahkan penyampaian informasi mengenai

informasi seputar desa melalui situs website serta

1
mengimplementasikan bahasa pemrograman seperti HTML, CSS,
dan JavaScript, maka penulis tertarik membuat karya akhir
dengan judul “RANCANG BANGUN WEB PROFIL DESA
BANJARKEJEN MENGGUNAKAN HTML, CSS, DAN
JAVASCRIPT”.

B. Rumusan Masalah
Berdasarkan latar belakang yang telah dikemukakan, penulis
dapat merumuskan masalah sebagai berikut:
1. Bagaimana langkah-langkah pembuatan website profil
Desa Banjarkejen menggunakan HTML, CSS, dan
JavaScript?
2. Bagaimana cara mengaplikasikan hasil pembuatan
website profil Desa Banjarkejen menggunakan HTML,
CSS, dan JavaScript?

C. Tujuan
Berdasarkan rumusan masalah diatas, maka penulis dapat
menetapkan tujuan penulisan karya akhir sebagai berikut:
1. Untuk mengetahui langkah-langkah pembuatan website
profil Desa Banjarkejen menggunakan HTML, CSS, dan
JavaScript
2. Untuk mengetahui cara pengaplikasian hasil pembuatan
website profil Desa Banjarkejen menggunakan HTML,
CSS, dan JavaScript

D. Batasan Masalah
Untuk membatasi meluasnya pembahasan, maka penulis
mengambil batasan masalah sebagai berikut:
1. Website ini akan menampilkan profil seputar informasi
Desa Banjarkejen
2. Website ini dibuat menggunakan HTML, CSS, dan
JavaScript

2
E. Manfaat
Manfaat penulisan karya akhir ini diharapkan dapat
bermanfaat bagi pembaca secara luas. Adapun manfaat penulisan
karya akhir ini sebagai berikut:
1. Bagi penulis
a. Hasil penulisan ini diharapkan dapat memberikan
manfaat bagi penulis untuk mendapatkan informasi
tentang Desa Banjarkejen
b. Mengimplementasikan HTML, CSS, dan JavaScript
untuk membuat website profil Desa Banjarkejen

2. Bagi Masyarakat
Hasil penulisan ini diharapkan dapat berguna sebagai
sumber informasi terutama kepada masyarakat desa
Banjarkejen maupun masyarakat luar melalui website
profil Desa Banjarkejen

3
 BAB II
PERENCANAAN DAN PERANCANGAN

A. Perencanaan
Dalam tahap perencanaan, terdapat langkah-langkah yang
dibuat oleh penulis sebagai alur tahap perancangan

1. Diagram Flowchart

Penentuan
Tema

Penentuan
Finishing
Judul

Pengumpulan
Data & Proses Coding
Informasi

Diagram 2.1 Flowchart Perencanaan

2. Analisis Kebutuhan
Analisis kebutuhan dalam pembuatan web menggunakan
HTML, CSS, dan JavaScript meliputi dua hal berupa
Hardware (perangkat keras) dan Software (perangkat lunak)
a. Hardware (perangkat lunak)

4
 Perangkat keras yang digunakan dalam pembuatan web
menggunakan HTML, CSS, dan JavaScript adalah sebagai
berikut:
1) Laptop
2) Mouse
3) Flashdisk

b. Software (perangkat lunak)

Perangkat lunak yang digunakan dalam pembuatan web
menggunakan HTML, CSS, dan JavaScript adalah sebagai
berikut:
1) Sistem Operasi Windows 10
2) Aplikasi Visual Studio Code
3) Bahasa pemrograman HTML, CSS, JavaScript

3. Jadwal Penyusunan Karya Akhir

NO
URAIAN WAKTU
.
Sosialisasi Karya
1 22 Juli 2023
Akhr
Pengajuan Judul 22 Juli-1
2
Karya Akhir Agustus 2023
Pembagian
3 Pembimbing Karya 3 Agustus 2023
Akhir
Bimbingan Karya Agustus-
4
Akhir Oktober 2023
21 & 23
5 Ujian Karya Akhir
Oktober 2023
Tabel 2.1 Jadwal Penyusunan Karya Akhir

5
B. Perancangan
Dalam pembuatan web profil Desa Banjarkejen
menggunakan HTML, CSS, dan JavaScript, terdapat langkah-
langkah yang harus dilakukan oleh penulis agar hasil perancangan
sesuai seperti yang diharapkan.

6
 BAB III
HASIL KARYA AKHIR

Setelah proses perencanaan dan perancangan telah

dilakukan pada bab sebelumnya, maka pembahasan pada bab ini
penulis akan menampilkan hasil dari pembuatan web profil Desa
Banjarkejen menggunakan HTML, CSS, dan JavaScript sebagai
berikut:

A. Tampilan
B. Tampilan
C. Tampilan

7
 BAB IV
PENUTUP
A. Kesimpulan
Berdasarkan hasil dari pembuatan web profil Desa
Banjarkejen menggunakan HTML, CSS, dan JavaScript yang
telah dirancang dan dibangun oleh penulis, maka penulis dapat
menyimpulkan bahwa:
1. Pembuatan web profil Desa Banjarkejen menggunakan
bahasa pemrograman HTML, CSS, dan JavaScript dapat
menjadikan website pengenalan Desa Banjarkejen lebih
interaktif dan dinamis yang dapat mempermudah
dikunjungi oleh masyarakat luas.
2. Dengan bantuan software Visual Studio Code, pembuatan
web menggunakan HTML, CSS, dan JavaScript dapat
mempermudah pengguna dalam merancang sebuah
website karena terdapat fitur-fitur yang mendukung di
dalam aplikasi tersebut.

B. Saran
Berdasarkan hasil dari pembuatan web profil Desa
Banjarkejen menggunakan HTML, CSS, dan JavaScript yang
telah dirancang dan dibangun oleh penulis, terdapat beberapa
saran yang dapat disampaikan oleh penulis sebagai berikut:
1. Memperbanyak penjelasan dalam konten website agar
terlihat lebih informatif dalam website tersebut
2. Memperbanyak konten-konten dalam website tersebut
agar website terlihat lebih menaarik

8
 DAFTAR PUSTAKA

Andy, B. (2015). Manusia dan Teknologi. Ilmu Budaya Dasar, 1-

3.
Annisa, N. (2016). Perancangan Web Profil Balai Desa Mlatiharjo
Kecamatan Patean Kabupaten Kendal. Teknik
Informatika, 1-2.
Mulyadi, Y. R. (t.thn.). Memadukan html, css, dan jacsvript untuk
membuat website. Dipetik September 10, 2023, dari
idn.id: https://www.idn.id/memadukan-htmlcss-dan-
javascript-untuk-membuat-website/

9
LAMPIRAN

10
BIOGRAFI PENULIS

11