VOLUME xx NOMOR xx, BULANxx TAHUNxxxx

RANCANG BANGUN WEBSITE SD NO.10 JIMBARAN

SEBAGAI MEDIA INFORMASI

Fransiska.C.S Da Silva1, Agus Muliantara2 dan A.A.I.N. Eka Karyawati3

ABSTRAK

Dengan makin berkembangnya teknologi informasi dan pemanfaatan internet sebagai media
informasi, maka pada Praktek Kerja Lapangan (PKL) ini akan dilakukan pembuatan website
sekolah pada SD No.10 Jimbaran yang digunakan untuk memperkenalkan sekolah dan memberikan
informasi terbaru sehingga dapat lebih dikenal luas oleh masyarakat. Hal ini dimaksudkan untuk
membantu sekolah dalam meningkatkan ikatan dengan masyarakat. Pembuatan Website Sekolah
ini akan dibuat dengan menggunakan PHP dan MySQL yang bertujuan sebagai sumber informasi
pada SD No.10 Jimbaran maka sistem ini dibuat secara sederhana dan mudah digunakan. Sistem ini
memiliki fitur-fitur antara lain adalah Dashboard, Tentang Sekolah, Prestasi, Acara, Kontak,
Admin, Galeri dan Struktur Organisasi. Dengan adanya Website sekolah ini maka dapat membantu
meningkatkan ikatan atau hubungan sekolah dengan masyarakat.

Kata kunci : Website, PHP, MYSQL

ABSTRACT

With the development of information technology and the use of the internet as an information
medium, during this Field Work Practice (PKL) a school website at SD No.10 Jimbaran will be
made which is used to introduce the school and provide the latest information so that it can be more
widely known by the public. This is intended to assist schools in increasing ties with the
community. Making this school website will be made using PHP and MySQL which aims to be a
source of information in SD No.10 Jimbaran, so this system is made in a simple and easy to use
way. This system has features including Dashboard, About School, Achievements, Events,
Contacts, Admin, Gallery and Organizational Structure. With the existence of this school website,
it can help improve ties or relations between the school and the community.

Keywords: Website, PHP, MYSQL

1 Program Studi Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Udayana, Jl. Raya
Kampus Unud, Jimbaran, 80361, Badung-Bali, dan titindasilva13@[Link].
2 Program Studi Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Udayana, Jl. Raya

Kampus Unud, Jimbaran, 80361, Badung-Bali, dan muliantara@[Link]

3
Program Studi Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Udayana, Jl. Raya
Kampus Unud, Jimbaran, 80361, Badung-Bali, dan [Link]@[Link]
.
Submitted: Revised: Accepted:

1
Pembuatan Website Profil Sekolah Pada SD No.10 Jimbaran

1. PENDAHULUAN

Dunia ilmu pengetahuan dan teknologi saat ini berkembang sangat pesat, menyebabkan banyak
perubahan yang terjadi dalam kehidupan masyarakat. Dengan berkembangnya teknologi ini,
Informasi merupakan bagian yang sangat penting dari komponen pendidikan. Pemberian informasi
yang cepat, akurat dan mudah akan sangat menunjang kegiatan pendidikan pada instansi terkait.

Sekolah adalah bangunan atau lembaga untuk belajar dan mengajar. Sampai saat ini, sebagian besar
masyarakat mengandalkan sekolah sebagai tempat belajar, melatih keterampilan dan mengenyam
pendidikan. Sekolah kini berusaha menjadi lembaga pendidikan yang melayani masyarakat dengan
baik, terutama dalam hal memberikan informasi kepada masyarakat. Sampai saat ini informasi
sekolah telah diberitahukan secara manual, namun sebagian besar informasi terbaru disediakan di
papan pengumuman, pengeras suara yang dipasang di setiap kelas dan media informasi seperti
spanduk dan pamflet.

Informasi memiliki dampak besar pada kinerja dan hasil kerja dari instansi atau lembaga. Sekarang
website adalah satu solusi untuk melihat atau mencari Informasi. Website dibuat untuk tujuan
tertentu yaitu dengan siapa pengguna dapat berinteraksi dan memberikan informasi dengan mudah
dan cepat. Mengingat pentingnya informasi, sekolah harus terus berupaya untuk meng-update
kompetensinya dan memperkuat ikatan dengan masyarakat luas. SD No.10 Jimbaran merupakan
salah satu instansi pemerintah di bidang pendidikan yang belum memiliki website untuk
memberikan informasi kepada warga sekolah dan masyarakat luas. Oleh karena itu, perlu dibuat
sebuah website untuk mendapatkan segala informasi yang berhubungan dengan segala kegiatan dan
informasi lainnya. Hal ini dimaksudkan untuk membantu sekolah dalam meningkatkan ikatan
dengan masyarakat.

2. METODE PELAKSANAAN

2.1. Website

Website atau Web secara singkat dapat dipahami sebagai kumpulan dari banyak halaman yang
berisi informasi berupa data digital berupa teks, gambar, video, audio dan animasi lainnya yang
disediakan melalui koneksi internet. Website merupakan salah satu sarana penyebaran informasi
dan publikasi yang mudah diakses dari mana saja, kapan saja, terlepas dari wilayah geografis yang
dapat digunakan. [3]

2.2. Hypertext Preprocessor (PHP)

Hypertext preprocessor (PHP) adalah bahasa server-side scripting yang terintegrasi dengan HTML
untuk membuat halaman web dinamis. PHP banyak digunakan untuk memprogram halaman web
dinamis. Karena PHP adalah server-side scripting, sintaks dan pernyataan PHP akan dieksekusi di
server dan hasilnya akan dikirim ke browser dalam format HTML. (Marisa & Yuarita, 2017)

2.3. My Structured Query Language (MySQL)

MySQL merupakan RDBMS gratis yang didistribusikan di bawah lisensi GPL. Di mana setiap
orang dapat menggunakan MySQL secara gratis, tetapi tidak boleh digunakan sebagai turunan
komersial. MySQL sebenarnya merupakan turunan dari salah satu konsep basis data sejak lama,
yaitu SQL (Structured Query Language). SQL adalah konsep operasi basis data, khusus untuk

2 | JURNAL PENGABDIAN INFORMATIKA

Fransiska C.S Da Silva, Agus Muliantara dan A.A.I.N. Eka Karyawati

menyeleksi atau menyeleksi dan memasukkan data, yang memudahkan untuk melakukan
manipulasi data secara otomatis. (Andrianto & Nursikuwagus, 2017)

2.4. Metode Pelaksanaan

Berdasarkan masalah yang telah diidentifikasi, maka tahapan metode yang digunakan untuk
menyelesaikan masalah tersebut adalah sebagai berikut: 1) Melakukan Diskusi dengan pihak
instansi terkait website yang akan dibuat. 2) Pembuatan website. 3) Melakukan pengujian Black
Box.

2.4.1 Kebutuhan Fungsional

Kebutuhan Fungsional adalah Langkah menganalisis fitur apa saja yang akan diimplementasikan
pada Aplikasi website SD No.10 Jimbaran ini dan juga menyajikan gambaran umum tentang apa
yang dapat dilakukan pengguna dengan aplikasi. Berikut ini adalah fitur-fitur yang akan tersedia :
a. Aplikasi dapat menampikan fitur utama/dashboard dan pengguna dapat melihat pengumuman
dan berita
b. Aplikasi dapat menampilkan fitur Tentang Sekolah dan pengguna dapat melihat visi misi dan
fasilitas sekolah
c. Aplikasi dapat menampilkan fitur Prestasi dan pengguna dapat melihat prestasi apa saja yang
sudah diraih sekolah.
d. Aplikasi dapat menampilkan fitur Acara dan pengguna dapat melihat berbagai acara yang
sudah diadakan di sekolah.
e. Aplikasi dapat menampilkan fitur Kontak dan pengguna dapat menginput nama, email, perihal,
pesan yang akan dikirimkan ke sekolah.
f. Aplikasi dapat menampilkan fitur Admin dan pengguna dapat login menggunakan username
dan password.
g. Aplikasi dapat menampilkan fitur Galeri dan pengguna dapat melihat foto dan video dari
sekolah
h. Aplikasi dapat menampilkan fitur Struktur Organisasi dan pengguna dapat melihat struktur
organisasi yang ada pada sekolah

2.4.2 Kebutuhan Non-Fungsional

Kebutuhan non-fungsional ini merupakan kebutuhan penunjang kelayakan suatu sistem atau
aplikasi yang akan dikembangkan. Spesifikasi kebutuhan non-fungsional mencakup 2 bagian yakni
perangkat keras (hardware) dan perangkat lunak (software) :
a. Kebutuhan Perangkat Keras (Hardware) Hardware atau Perangkat keras adalah perangkat
apa pun yang membantu pengoperasian program perangkat lunak dengan benar. Berikut
adalah spesifikasi hardware yang digunakan:
RAM : 4 GB
Processor : AMD Ryzen 3 2200U with Radeon Vega Mobile Gfx 2.50 GHz
b. Kebutuhan Perangkan Lunak (Software) Software merupakan Perangkat Lunak ataupun
bahasa pemrograman yang digunakan untuk membuat aplikasi ini, yang meliputi:
- Sistem Operasi Windows 10
- Visual Studio Code
- Xampp Control Panel v3.2.4
- My Structured Query Language untuk database

2.4.3 Perancangan Aplikasi

Use case diagram adalah salah satu diagram yang digunakan untuk memodelkan suatu sistem, use
case diagram dapat menggambarkan interaksi antar aktor pada sistem. Use case diagram digunakan
VOLUME xx NOMOR xx, BULANxx TAHUNxxxx | 3
Pembuatan Website Profil Sekolah Pada SD No.10 Jimbaran

untuk memfasilitasi pembuatan aplikasi, dan juga menjelaskan bagaimana masing-masing aktor
berinteraksi dan memaparkan fungsionalitas masing-masing pengguna ke fungsi yang dapat
dilakukan pengguna yang muncul di sistem.

Gambar 2.1 Diagram Use Case

3. HASIL DAN PEMBAHASAN

3.1. Implementasi

3.1.1. Dashboard

Gambar 3.1 Tampilan Dashboard

4 | JURNAL PENGABDIAN INFORMATIKA

Fransiska C.S Da Silva, Agus Muliantara dan A.A.I.N. Eka Karyawati

3.1.2. Tentang Sekolah

Gambar 3.2 Tampilan Tentang Sekolah

3.1.3. Prestasi

Gambar 3.3 Tampilan Prestasi

3.1.4. Acara

VOLUME xx NOMOR xx, BULANxx TAHUNxxxx | 5

Pembuatan Website Profil Sekolah Pada SD No.10 Jimbaran

Gambar 3.4 Tampilan Acara

3.1.5. Kontak

Gambar 3.5 Tampilan Kontak

3.1.6. Admin

Gambar 3.6 Tampilan Admin

3.1.7. Galeri

Gambar 3.7 Tampilan Galeri

6 | JURNAL PENGABDIAN INFORMATIKA

Fransiska C.S Da Silva, Agus Muliantara dan A.A.I.N. Eka Karyawati

3.1.8. Struktur Organisasi

Gambar 3.8 Tampilan Struktur Organisasi

3.2. Foto Pelaksanaan Kegiatan Praktek Kerja Lapangan

Berikut foto pelaksanaan Kegiatan PKL. Pada gambar 3.9 saat sedang menjelaskan kepada kepala
sekolah terkait website yang dibuat dan pada gambar 3.10 foto bersama Bapak Kepala Sekolah,
Guru dan Pegawai SD No.10 Jimbaran dengan mahasiswa PKL.

Gambar 3. 9 Menjelaskan kepada Bapak kepala sekolah terkait website

VOLUME xx NOMOR xx, BULANxx TAHUNxxxx | 7

Pembuatan Website Profil Sekolah Pada SD No.10 Jimbaran

Gambar 3. 10 Foto Bersama Bapak Kepala Sekolah beserta Guru dan Pegawai

3.3. Pengujian

Pengujian sistem digunakan untuk menguji apakah sistem yang telah selesai dibuat sesuai dengan
rencana dan memenuhi persyaratan. Pengujian dilakukan dengan menggunakan black box pada
Pembuatan Website Profil Sekolah Pada SD No.10 Jimbaran. Pengujian black box adalah jenis
pengujian yang berfokus pada fungsi fitur sistem. Fitur yang akan diuji adalah Dashboard, Tentang
Sekolah, Prestasi, Acara, Kontak, Admin, Galeri dan Struktur Organisasi.

Tabel 3. 1 Hasil Pengujian

No Fitur yang Masukkan Keluaran Hasil Kesimpulan

diuji Uji
Klik Dashboard Diarahkan kehalaman Sesuai Diterima
1. Dashboard Dashboard
Klik Pengumuman Menampilkan pengumuman Seseuai Diterima
Klik Berita Menampilkan berita Sesuai Diterima
Klik Tentang Diarahkan kehalaman Sesuai Diterima
Sekolah Tentang Sekolah
2. Tentang Klik Visi dan Misi Menampilkan Visi dan Misi Sesuai Diterima
Sekolah Klik Fasilitas Menampilkan Fasilitas Sesuai Diterima
Sekolah Sekolah
Diarahkan Kehalaman Sesuai Diterima
3. Prestasi Klik Prestasi Prestasi
4. Acara Klik Acara Diarahkan kehalaman Acara Sesuai Diterima
5. Kontak Input Nama, Email, Menampilkan berhasil Sesuai Diterima
Perihal, Pesan ditambahkan
6. Admin Input Username dan Diarahkan ke halaman Sesuai Diterima
Password Admin
7. Galeri Klik Foto Menampilkan Foto-foto Sesuai Diterima
Klik Video Menampilkan Video-video Sesuai Diterima
8. Struktur Klik Struktur Diarahkan ke halaman Sesuai Diterima
Organisasi Organisasi Struktur Organisasi

8 | JURNAL PENGABDIAN INFORMATIKA

Fransiska C.S Da Silva, Agus Muliantara dan A.A.I.N. Eka Karyawati

4. KESIMPULAN

Rancang Bangun Website untuk SD No.10 Jimbaran yaitu untuk memberikan informasi terbaru
sehingga dapat lebih dikenal luas oleh masyarakat. Hal ini dimaksudkan untuk membantu sekolah
dalam meningkatkan ikatan dengan masyarakat diluar sana. Hasil proses pengujian dengan
menggunakan Black Box, setiap komponen input maupun output dari website sekolah yang dibuat
dapat berjalan dengan baik sesuai skenario yang telah direncanakan.

UCAPAN TERIMA KASIH

Penulis mengucapkan terima kasih kepada dosen pembimbing yang telah membimbing dan juga
kepada teman-teman yang telah membantu dalam proses Pembuatan Website Sekolah pada SD
No.10 Jimbaran ini sehingga dapat selesai dengan baik.

DAFTAR PUSTAKA

Andrianto, P., & Nursikuwagus, A. (2017). Sistem Informasi Pelayanan Kesehatan Berbasis Web
di Puskesmas. Komputer Dan Informatika (SENASKI), 2017, 47–52.

Anwar, F., Yunianto, M., Purnomo, A., & Hartono, R. (2017). UPAYA PENINGKATAN
KUALITAS SEKOLAH MELALUI PEMBUATAN DAN PENGELOLAAN WEBSITE
SEKOLAH Studi Kasus di Sekolah Muhammadiyah se Kecamatan Polokarto Kabupaten
Sukoharjo. Wasana Nyata, 1(3), 75–80. [Link]

Ayunandita, N., & Dadi Riskiono, S. (2021). Permodelan Sistem Informasi Akademik
Menggunakan Extreme Programming Pada Madrasah Aliyah (Ma) Mambaul Ulum
Tanggamus. Jurnal Informatika Dan Rekayasa Perangkat Lunak (JATIKA), 2(2), 196–204.
[Link]

Christian, A., Hesinto, S., & Agustina. (2018). Rancang Bangun Website Sekolah Dengan
Menggunakan Framework Bootstrap. Jurnal Sisfokom (Sistem Informasi Dan Komputer),
7(1), 22–27.

Devella, S., Yohannes, Y., & Rachmat, N. (2021). Pelatihan Pembuatan Website Sekolah
Menggunakan Wordpress Untuk Guru Tik Sma Negeri 17 Palembang. SELAPARANG Jurnal
Pengabdian Masyarakat Berkemajuan, 4(2), 406. [Link]

Djaelangkara, R. T., Rizal Sengkey, ST., M., & Oktavian A. LAntang, ST, M. (2015). Sekolah
Berbasis Web Studi Kasus Sekolah Perancangan Sistem Informasi Akademik Menengah Atas
Kristen 1 Tomohon. Comptes Rendus Des Seances de La Societe de Biologie et de Ses
Filiales, 160(6), 1323–1325.

Hariyanto, D., & Meidiany, T. (2018). SISTEM INFORMASI AKADEMIK SEKOLAH

BERBASIS WEBSITE (Studi Kasus: SMK 11 Maret Jakarta). Swabumi, 6(1), 98–103.
[Link]

Marisa, F., & Yuarita, T. G. (2017). Perancangan Aplikasi Point of Sales (Pos) Berbasis Web
Menggunakan Metode Siklus Hidup Pengembangan Sistem. Jurnal Teknologi Dan
VOLUME xx NOMOR xx, BULANxx TAHUNxxxx | 9
Pembuatan Website Profil Sekolah Pada SD No.10 Jimbaran

Manajemen Informatika, 3(2), 167–171. [Link]

Mukti, Y. (2018). Rancang Bangun Website Sekolah Dengan Metode User Centered Design
(UCD). Jurnal Ilmiah Betrik, 9(02), 84–95. [Link]

Suhartanto, M. (2012). Kata kunci : Pembuatan Website Sekolah, PHP, 1.1. Journal Speed-Sentra
Penelitian Enginerring Dan Edukasi, 4(1), 1–8.

10 | JURNAL PENGABDIAN INFORMATIKA