MODUL PELATIHAN OPTIMALISASI WEBSITE DI

SMA NEGERI 21 BEKASI

DISUSUN OLEH

1. Julizal
2. Imam Sunoto
3. Lukman

DEPOK
2021
I. Pendahuluan
Internet merupakan jaringan global yang terintegrasi dengan komputer yang

memberikan para penggunanya seperangkat informasi atau dokumen . Salah satu

fasilitas internet yang paling populer adalah world wide web, yakni sistem yang

membuat informasi dapat diakses melalui pendekatan hiperteks . Halaman atau situs

internet yang dapat diakses melalui jaringan word wide web disebut website, yaitu

halaman yang dilengkapi dengan animasi gambar dan dapat berinteraksi dengan basis

data . Teknologi informasi yang berkembang dengan cepat menuntut penyampaian

informasi yang cepat dan akurat. Sekolah Menengah Atas (SMA) sebagai salah satu

instansi pendidikan yang sudah berstandar nasional, diharapkan dalam penyampaian

informasi khususnya dibidang akademik dapat lebih cepat. Hal ini sesuai dengan

Undang-undang Nomor 20 Tahun 2003 yang menyebutkan standar nasional

pendidikan mencakup standar isi, proses, kompetensi lulusan, tenaga kependidikan,

saranaprasarana, pengelolaan, pembiayaan, dan penilaian pendidikan.

Salah satu media penyampaian informasi suatu sekolah adalah website profil

sekolah. Website sekolah adalah sebuah website yang menampilkan informasi tentang

latar belakang sekolah, jadwal, kurikulum, kegiatan,

informasi kontak dan berita singkat seputar sekolah. Sekolah sebagai institusi

pendidikan dalam kegiatan penyampaian informasi masih perlu berinteraksi dengan

guru, murid serta masyarakat umum dan bersosialisasi agar lebih dikenal oleh

masyarakat luas yaitu dengan cara memberikan informasi secara lengkap, detail dan

jelas mengenai profil sekolah tersebut . Selama ini banyak sekolah yang dalam

penyampaian informasi kepada masyarakat hanya dengan cara yang sederhana yaitu

melalui papan pengumuman. Dengan penyampaian informasi yang demikian

dirasakan masih banyak memiliki kekurangan, antara lain penyampaian informasi

 yang terbatas, penyebaran informasi yang kurang luas dan relatif kurang

menguntungkan dalam mengupdate informas

II. Pengenalan HOSTING

Tampilan layar antar muka program aplikasi website sistem informasi kelulusan siswa
SMK Adi Luhur 2 Jakarta Timur seperti di bawah ini:

Gambar 1
Proses login hosting

Proses login merupakan langkah yang harus dilakukan sebelum masuk ke dalam akun hosting,
dimana dalam sistem hosting tersebut diberi akses pengelolaan dari file program website dan
pengelolaan nama domain dari sistem informasi kelulusan siswa di SMK Adi Luhur 2 Jakarta
Timur.

Gambar 2
 Tampilan file hosting

III.Pengenalan PHPMYADMIN

Dalam sistem hosting ditempatkan file program website dan pengelolaan nama domain dari
sistem informasi kelulusan siswa di SMK Adi Luhur 2 Jakarta Timur.

Gambar 3
PHP My Admin

Menu pengelolaan database di hosting website sistem informasi kelulusan siswa di SMK Adi
Luhur 2 Jakarta Timur dengan nama database lulus.

Gambar 4
Menu database lulus

Di dalam menu database lulus terdapat beberapa tabel yang digunakan dalam website sistem
informasi kelulusan siswa di SMK Adi Luhur 2 Jakarta Timur diantaranya tabel jawaban,
kategori, mainmenu, submenu, tabel_soal, dan user.
 Gambar 5
Tabel jawaban

Di dalam tabel jawaban terdapat beberapa kolom yang digunakan dalam website sistem
informasi kelulusan siswa di SMK Adi Luhur 2 Jakarta Timur diantaranya kolom id_soal,
id_kategori, jawaban, id_session, hari, dan tanggal.

Gambar 6
Tabel kategori

Di dalam tabel kategori terdapat beberapa kolom yang digunakan dalam website sistem
informasi kelulusan siswa di SMK Adi Luhur 2 Jakarta Timur diantaranya kolom id_kategori,
nama_kategori, id_user, dan aktif.
 Gambar 7
Tabel mainmenu

Di dalam tabel mainmenu terdapat beberapa kolom yang digunakan dalam website sistem
informasi kelulusan siswa di SMK Adi Luhur 2 Jakarta Timur diantaranya kolom id_main,
nama_menu, link, aktif, dan level menu.

Gambar 8
Tabel submenu
Di dalam tabel submenu terdapat beberapa kolom yang digunakan dalam website sistem
informasi kelulusan siswa di SMK Adi Luhur 2 Jakarta Timur diantaranya kolom id_sub,
nama_sub, link_sub, id_main, dan aktif.
 Gambar 9
Tabel soal

Di dalam tabel soal terdapat beberapa kolom yang digunakan dalam website sistem informasi
kelulusan siswa di SMK Adi Luhur 2 Jakarta Timur diantaranya kolom id_soal, id_kategori,
pertanyaan, pilihan_a, pilihan_b, pilihan_c, pilihan_d, dan jawaban_benar.

Gambar 10
Tabel user
Di dalam tabel user terdapat beberapa kolom yang digunakan dalam website sistem informasi
kelulusan siswa di SMK Adi Luhur 2 Jakarta Timur diantaranya kolom id_session, username,
password, nama_lengkap, jabattan, dan email.
IV. TAMPILAN PROGRAM

Gambar 11
Tabel login program kelulusan

Sebelum masuk kedalam website sistem informasi kelulusan siswa di SMK Adi Luhur 2
Jakarta Timur setiap user yakni siswa harus melewati sistem pembuka kunci program yakni
menu login. Siswa yang memiliki hak akses dengan memasukkan Username dan Password
dengan benar, maka siswa tersebut diperkenankan masuk ke dalam program kelulusan.

Gambar 12
Beranda website

Tampilan awal website sistem informasi kelulusan siswa di SMK Adi Luhur 2 Jakarta Timur
ketika siswa telah sukses masuk setelah melewati menu login.
 Gambar 13
Daftar test

Tampilan daftar test meliputi mata pelajaran ujian yang harus dikerjakan siswa dalam website
sistem informasi kelulusan siswa di SMK Adi Luhur 2 Jakarta Timur. Hasil ujian ini yang
akan dijadikan pertimbangan kelulusan dari siswa tersebut.

Gambar 14
Soal test ujian

Tampilan soal test ujian mata pelajaran yang harus dikerjakan siswa dalam website sistem
informasi kelulusan siswa di SMK Adi Luhur 2 Jakarta Timur.
 Gambar 15
Histori jawaban

Tampilan histori jawaban siswa dari pengerjaan test ujian mata pelajaran yang harus
dikerjakan siswa dalam website sistem informasi kelulusan siswa di SMK Adi Luhur 2 Jakarta
Timur.

Gambar 16
Hasil ujian kelulusan

Hasil ujian yang telah dikerjakan siswa dalam website sistem informasi kelulusan siswa di
SMK Adi Luhur 2 Jakarta Timur. Dengan hasil ini setiap siswa dapat mengetahui
kelulusannya, tampilan ini memperlihatkan LULUS dan TIDAK LULUS setiap siswa.
 DAFTAR PUSTAKA

1. Anhar. 2010. PHP & MySql Secara Otodidak. Jakarta: PT TransMedia

2. Annastasia Diana, Lilis Setiawati. (2011). Sistem Informasi Akutansi, Perancangan,

Prosedur dan Penerapan. Edisi 1. Yogyakarta: Andi Yogyakarta.
3. A.S.Rosa dan Shalahuddin, M. (2012). Rekayasa Perangkat Lunak Terstruktur Dan
Berorientasi Objek Informatika. Bandung
4. Jogiyanto, (2012). Analisis dan Desain Sistem Informasi.Yogyakarta:
i. Andi Offset
5. Ladjamudin. (2013). Analisis dan Desain Sistem Informasi. Yogyakarta: Grahailmu

6. Mulyanto, Agus (2009). Informasi Konsep dan Aplikasi. Yogyakarta: Pustaka Pelajar

7. Mulyadi, (2016).Sistem Akutansi. Yogyakarta :Pustaka Baru Press.

8. Nugroho,Adi.(2011).Perancangan dan Implementasi Sistem Basis Data. Yogyakarta :

Andi
9. Pressman, R.S.(2015). Rekayasa Perangkat Lunak : Pendekatan Praktisi Buku I.
Yogyakarta: Andi