MAKALAH

ELEKTRIK SYARAT SYARAT KECAKAPAN UMUM (E-SKU)

DISUSUN OLEH:

ASEP MAULANA SIDIK 2131711018

PROGRAM STUDI PENDIDIKAN TEKNOLOGI INFORMASI

FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN

UNIVERSITAS MUHAMMADIYAH SUKABUMI

2023
 Kata Pengantar

Puji syukur kami panjatkan ke hadirat Allah Yang Maha Esa karena dengan rahmat
dan karunia-Nya, kami dapat menyelesaikan makalah ini. Makalah ini berjudul "Elektrik
Syarat Syarat Kecakapan umum (E-SKU)".

Saya berharap makalah ini dapat memberikan informasi dan pemahaman yang
bermanfaat bagi pembaca mengenai E-SKU ini. Saya menyadari bahwa masih terdapat
kekurangan dalam makalah ini dan saya sangat mengharapkan masukan dan saran dari
pembaca untuk penyempurnaan makalah ini.

Akhir kata, kami mengucapkan terima kasih kepada semua pihak yang telah
membantu saya dalam penyelesaian makalah ini. Semoga makalah ini dapat bermanfaat bagi
pembaca dan dapat menjadi bahan referensi yang berguna.

Sukabumi, 11 juli 2023

Asep Maulana Sidik

2
 DAFTAR ISI

Kata Pengantar...........................................................................................................................1

DAFTAR ISI..............................................................................................................................2

BAB I PENDAHULUAN..........................................................................................................3

A. LATAR BELAKANG.....................................................................................................3

B. RUMUSAN MASALAH................................................................................................4

C. TUJUAN.........................................................................................................................4

BAB II PEMBAHASAN...........................................................................................................5

A. APLIKASI YG DIGUNAKAN...................................................................................5

B. BAHASA PEMROGRAMAN....................................................................................6

C. ANALISIS DAN PERANCANGAN..........................................................................7

D. TAMPILAN WEB SISTEM ABSENSI KETERLAMBATAN SISWA.....................8

BAB III PENUTUP..................................................................................................................10

DAFTAR PUSTAKA...............................................................................................................11

3
 BAB I
PENDAHULUAN

A. LATAR BELAKANG

Pramuka adalah salah satu organisasi kepanduan di Indonesia yang masuk kedalam
eksrakurikuler di sekolah maupun di perguruan tinggi akan tetapi anggota pramuka bukan
hanya untuk pelajar saja tapi pramuka bisa untuk para guru dan dosen juga.
Menurut dalam syarat-syarat kecakapan umum di dalam pramuka ada beberapa tingkatan
yaitu:
1. Siaga
Siaga adalah tingkatan untuk umur 7-10 tahun dan dalam siaga ada yang di sebut
tingkat mula, bantu, dan tata.
2. Penggalang
Penggalang adalah tingkatan untuk umur 11-15 tahun dan di dalam penggalang ada
yang di sebut tingkat ramu, rakit, dan terap.
3. Penegak
Penegak adalah tingkatan untuk umur 16-20 tahun dan di dalam penegak ada yang di
sebut tingkat bantara dan laksana
4. Pandega
Pandega adalah tingkatan untuk umur 21-25 tahu dan di dalam pandega ada 1
tingkatan yang di sebut tingkat pandega.
Lalu setiap ingin menempuh tingkatan tingkatan didalam pramuka ada sebuah syarat
yang harus di tempuh persyarat itu di sebut syarat-syarat kecapakan umum (SKU) biasa nya
setiap peserta didik ingin mengisi SKU ke pembina itu secara manual masih menggunakan
buku SKU akan tetapi pada jaman sekarang teknologi semakin berkembang dan setiap
kegiatan itu tidak jauh dengan teknologi oleh karna itu saya selaku penulis makalah ini
membuat aplikasi berbasis web untuk mengisi sku yang Namanya Elektrik Syarat-Syarat
Kecakapan Umum (E-SKU).
E-SKU ini khusus untuk peserta didik dalam pramuka supaya lebih semangat dalam
mengisi SKU sesuai tingkatannya dan supaya lebih mempermudah peserta didik untuk
mengisi SKU tersebut.

4
B. RUMUSAN MASALAH

1. Apa saja aplikasi yg di gunakan?

2. Bahasa pemorgraman apa yang digunakan?
3. Analisis dan perancangan web Elektrik Syarat-Syarat Kecakapan Umum?
4. Web Elektrik Syarat-Syarat Kecakapan Umum ?

C. TUJUAN

1. Mengetahui aplikasi apa saja yg digunakan.

2. Mengetahui bahasa pemrograman apa saja yg di gunakan.
3. Mengetahui use case dari pembuatan web tersebut.
4. Mengetahui bagaimana tampilan web tersebut.

5
 BAB II
PEMBAHASAN

D. APLIKASI YG DIGUNAKAN

Pada pembahasan berikutnya, saya akan menjelaskan tentang dua aplikasi yang saya
gunakan dalam proses pembuatan web Elektrik Syarat-Syarat Kecakapan Umum. Aplikasi-
aplikasi ini memiliki peran yang penting dalam pengembangan dan pengujian web, serta
memberikan kemudahan dan efisiensi bagi saya sebagai pengembang. Mari kita lihat lebih
detail mengenai kedua aplikasi tersebut:

1. Sublime Text 3
Aplikasi pengembangan web yang sangat populer dan sangat berguna dalam menulis
dan mengedit kode HTML, CSS, dan JavaScript. Saya menggunakan Sublime Text 3
sebagai editor kode untuk mempermudah proses penulisan dan pengeditan kode web.
Aplikasi ini memiliki fitur-fitur yang membantu meningkatkan produktivitas,
antarmuka yang bersih, dan dukungan penuh terhadap berbagai bahasa pemrograman.
Sublime Text 3 memberikan saya kenyamanan dan kemudahan dalam mengelola dan
mengedit kode-kode web dengan efisien.
2. XAMPP
Saya juga menggunakan XAMPP sebagai aplikasi web server dalam pengembangan
web Elektrik Syarat-Syarat Kecakapan Umum. XAMPP merupakan paket aplikasi
yang terdiri dari Apache sebagai server web, MySQL sebagai sistem manajemen
database, PHP sebagai bahasa pemrograman server-side, dan Perl sebagai bahasa
pemrograman tambahan. Dengan menggunakan XAMPP, saya dapat menjalankan
web secara lokal di komputer saya dan menguji fitur-fitur yang telah saya
kembangkan sebelum mengunggahnya ke server online. XAMPP memberikan saya
lingkungan pengembangan yang lengkap dan terintegrasi, memungkinkan saya untuk
mengelola database, menjalankan skrip PHP, serta menguji dan mengoptimalkan
kinerja web dengan mudah sebelum mempublikasikannya secara online.

Kedua aplikasi ini, yaitu Sublime Text 3 dan XAMPP, memberikan saya alat yang
sangat berharga dalam proses pembuatan web Elektrik Syarat-Syarat Kecakapan Umum.
Sublime Text 3 sebagai editor kode memudahkan saya dalam menulis dan mengedit kode
web, sedangkan XAMPP sebagai web server lokal memfasilitasi pengujian dan
pengembangan web sebelum diluncurkan secara online. Dengan menggunakan kedua aplikasi
6
ini, saya dapat meningkatkan produktivitas, efisiensi, dan kualitas pengembangan Elektrik
Syarat-Syarat Kecakapan Umum.

E. BAHASA PEMROGRAMAN

Dalam pembuatan web Elektrik Syarat-Syarat Kecakapan Umum, saya menggunakan

beberapa bahasa pemrograman, antara lain PHP, HTML, dan CSS. Setiap bahasa
pemrograman tersebut memiliki peran dan fungsi spesifik dalam pengembangan web. Berikut
adalah pembahasan tentang masing-masing bahasa pemrograman yang saya gunakan:

1. PHP (Hypertext Preprocessor)

Saya menggunakan PHP sebagai bahasa pemrograman server-side yang digunakan untuk
mengembangkan bagian backend (sisi server) dari web Elektrik Syarat-Syarat Kecakapan
Umum. Dengan PHP, saya dapat memproses permintaan dari pengguna, mengelola data,
dan berinteraksi dengan database. Saya membuat fungsi-fungsi yang mengatur logika dan
alur kerja web, seperti input data siswa, input data kelas dan input data keterlambatan
siswa.

2. HTML (Hypertext Markup Language)

Saya menggunakan HTML sebagai bahasa pemrograman yang digunakan untuk membuat
struktur dan tampilan dasar dari halaman web. Dalam web Elektrik Syarat-Syarat
Kecakapan Umum, saya menggunakan HTML untuk mengatur elemen-elemen dasar
seperti teks, gambar, tombol, dan formulir. Saya mengatur layout dan struktur halaman
web, serta menyematkan elemen-elemen lain seperti CSS dan JavaScript menggunakan
HTML.

3. CSS (Cascading Style Sheets)

Saya menggunakan CSS sebagai bahasa pemrograman yang digunakan untuk mengatur
tampilan dan gaya visual dari halaman web. Dalam web Elektrik Syarat-Syarat
Kecakapan Umum, saya menggunakan CSS untuk mengatur warna, ukuran, jenis font,
layout, dan efek visual lainnya. Dengan CSS, saya menciptakan tampilan yang menarik,
konsisten, dan responsif untuk halaman web.

Dalam pengembangan web Elektrik Syarat-Syarat Kecakapan Umum, saya menggunakan

kombinasi dari keempat bahasa pemrograman ini untuk menciptakan fungsi-fungsi yang
7
diperlukan, mengatur tampilan yang menarik, dan memberikan pengalaman pengguna yang
baik.

F. ANALISIS DAN PERANCANGAN

dalam pembuatan web, saya meracang aplikasi ini dengan menggunakan use case diagram
dan activity diagram :

1. Use case diagram

8
 G. TAMPILAN WEB SISTEM ABSENSI KETERLAMBATAN SISWA

Ini adalah beberapa tampilan dari web sistem absensi keterlambatan siswa yang sudah di
buat:

1. Menu login

2. Menu Utama (Admin)

9
3. Menu Utama (Pembina)

4. Menu utama (Peserta Didik)

10
 BAB III
PENUTUP

H. KESIMPULAN

Elektrik Syarat-Syarat Kecakapan Umum adalah aplikasi berbasis web untuk anggota
pramuka tingkat siaga, penggalang, penegak, dan pandega mengisi SKU sesuai
tingkatannya. Dengan memanfaatkan teknologi dan aplikasi berbasis web ini setiap
anggota pramuka dapat mempermudah mengisi SKU. Elektrik Syarat-Syarat Kecakapan
Umum memberikan manfaat yang nyata untuk anggota pramuka supaya lebih giat dalam
belajar dan berlatih.

11
 DAFTAR PUSTAKA

https://stokcoding.com/
https://hasantarmizi.blogspot.com/2017/04/pengertian-sublime-text.html
https://www.biznetgio.com/news/apa-itu-xampp
https://www.niagahoster.co.id/blog/pengertian-css/
https://www.merdeka.com/trending/pengertian-html-lengkap-dengan-fungsi-dan-sejarah-
kemunculannya-kln.html
https://glints.com/id/lowongan/apa-itu-php-adalah/
http://repository.uib.ac.id/1910/5/s-1531121-chapter2.pdf

12