INFORMASI DAN BAHAN BELAJAR ELEMEN PEMROGRAMAN WEB KELAS XI RPL SEMESTER GENAP TP. 2025/2026

Bahan Belajar Mapel Konsentrasi Keahlian RPL Elemen Pemrograman Web Kelas XIRPL :

REFERENSI LATIHAN PEMROGRAMAN WEB    Unduh

LKPD 7   Unduh

INFORMASI DAN BAHAN BELAJAR ELEMEN PEMROGRAMAN WEB KELAS XI RPL SEMESTER GASAL TP. 2025/2026

AGENDA KEGIATAN KELAS XI PPLG TP. 2025/2026       AKSES

PROJECT SEMESTER GASAL TP.2025/2026       AKSES

Pembagian Tim Tugas Mapel Elemen Pemrogran Web Kelas XI RPL       AKSES

LINK Pengumpulan Hasil Kerja Elemen Pemrogran Web Kelas XI RPL     AKSES

ATP ELEMEN PEMROGRAMAN WEB       AKSES

Contoh Perancangan Sistem Informasi Sekolah       AKSES

Contoh Aktifitas Pada Tahapan Pengembangan PL         AKSES

Contoh Pengujian Aplikasi       AKSES  

Contoh Landing Page/Ide/Karya  AKSES

Bahan Praktik      AKSES

INFORMASI DAN BAHAN BELAJAR ELEMEN PEMROGRAMAN WEB KELAS XII RPL TP. 2025/2026

CONTOH LATIHAN LSP_SISTEM INFORMASI PERSEWAAN ALAT CAMPING  DALAM CI3_FAIZ NASHRULLAH XIIRA      AKSES

CONTOH LATIHAN LSP_SISTEM INFORMASI PERSEWAAN MOBIL DALAM CI3_AHMAD ARDIYANTO XIIRA      AKSES

CONTOH LATIHAN LSP_SI BIMBINGAN KONSELING BERBASIS WEB DENGAN CI3_VINO FATIKAH NADA NABILA XIIRA      AKSES

CONTOH PROJECT UKK_TICKETING KERETA API_PHP NATIVE_M. HAFIZI ARFANSYAH XIIRB     AKSES

CONTOH PROJECT UKK_TICKETING KERETA API_CODEIGNITER 3_DAVIN WAHYU A. XIIRB     AKSES

CONTOH PROJECT UKK_TICKETING KERETA API_CODEIGNITER 3_AHMAD THOHA A. A. XIIRB   AKSES

CONTOH PROJECT UKK_TICKETING KERETA API_ LARAVEL 12_BAYU ARDI SETYAWAN P. XIIRB   AKSES

CONTOH PROJECT UKK_TICKETING KERETA API_LARAVEL 12_TEGAR PUTRA PRATAMA  XIIRB   AKSES

CONTOH PROJECT UKK_TICKETING KERETA API_LARAVEL 12_YUSAR BRIAN SADELLA  XIIRB     AKSES

AGENDA KEGIATAN KELAS XII PPLG TP. 2025/2026        AKSES

PROJECT SEMESTER GASAL TP.2025/2026       AKSES

Pembagian Tim Tugas Mapel Elemen Pemrogran Web Kelas XII RPL       AKSES

LINK Pengumpulan Hasil Kerja Elemen Pemrogran Web Kelas XII RPL     AKSES

ATP ELEMEN PEMROGRAMAN WEB       AKSES

Contoh Perancangan Sistem Informasi Sekolah       AKSES

Contoh Aktifitas Pada Tahapan Pengembangan PL         AKSES

Contoh Pengujian Aplikasi       AKSES 

CONTOH LAPORAN PERANCANGAN SISTEM & PEMBUATAN APLIKASI       AKSES

Contoh Landing Page/Ide/Karya  AKSES

Bahan Praktik       AKSES

HASIL KERJA SISWA KELAS XII RPL TP. 2024/2025

 Berikut hasil kerja kelompok dari beberapa siswa kelas XIIRPL(bagi yang membutuhkan silahkan dicontoh):

1. AHMAD ZAID n D'GANK_Laporan PKKWU_XIIRB 2025   UNDUH

2. FALIQ n D'GANK_Laporan PKKWU_XIIRB 2025   UNDUH

3. FILIP n D'GANK_Laporan PKKWU_XIIRB 2025     UNDUH

4. NADIV n D'GANK_PROPOSAL PKKWU_XIIRB 2025        UNDUH 

HASIL KERJA SISWA KELAS XI RPL TP. 2024/2025

Berikut hasil kerja dari beberapa siswa kelas XIRPL(bagi yang membutuhkan silahkan dicontoh):

1. DAVIN WAHYU AMANTA XIRB_Aplikasi SPP(Laravel) Unduh

2. BAYU ARDI SETYAWAN PUTRA XIRB_APLIKASI MANAJEMEN KELAS(C#) Unduh

3. MUH AGUNG PERMADI XIRC_Quality Assurance (QA) MyCRM dev(PT. Swa) Unduh

Roadmap Menjadi Developer Program

Menjadi seorang developer tidak bisa dilakukan secara instan. Diperlukan arah yang jelas, konsistensi, dan semangat belajar yang tinggi. Berikut salah satu contoh langkah-langkah atau roadmap yang bisa diikuti untuk menjadi seorang developer program:

1.       Belajar Dasar-dasar Pemrograman

Hal-hal yang perlu dipelajari:

§  Apa itu algoritma dan logika pemrograman

§  Tipe data, variabel, dan operator

§  Struktur kontrol: if, switch, for, while, dll

§  Fungsi dan prosedur

§  Struktur data dasar: array, list, stack, queue

Rekomendasi bahasa untuk pemula:

§  Python (mudah dibaca dan dipahami)

§  JavaScript (langsung bisa digunakan untuk web)

§  C/C++ (untuk memahami logika low-level)

2.       Pelajari Tools Dasar Developer

Tools wajib dikuasai:

§  Text Editor / IDE: VS Code, Sublime, IntelliJ

§  Terminal/Command Line dasar

§  Git & GitHub (version control)

§  Debugging tools

3.       Tentukan Jalur Spesialisasi, ikuti roadmap(roadmap.sh) dan buat jadwal

Beberapa jalur umum:

·       Front-End Developer: Roadmap, Jadwal 

·       Back-End Developer: Roadmap, Jadwal 

·       Full-Stack Developer: Roadmap, Jadwal 

·       Mobile Developer: Roadmap, Jadwal 

·       Game Developer: Roadmap, Jadwal 

·       Data/AI Developer: Roadmap, Jadwal 

4.       Bangun Proyek Nyata

Contoh proyek untuk pemula:

§  Kalkulator sederhana

§  To-Do List App

§  Website portofolio pribadi

§  Aplikasi catatan

§  Sistem login

5.       Pelajari Framework dan Library

Jalur	Framework Populer
Front-End	React, Vue, Angular
Back-End	Express.js, Django, Laravel
Mobile	Flutter, React Native
Full-Stack	Next.js, MERN, MEVN Stack

6.       Pelajari Testing & Deployment

Yang perlu dipelajari:

§  Unit testing

§  Integration testing

§  Deployment ke hosting: Vercel, Netlify, Firebase, VPS

§  CI/CD (Continuous Integration & Delivery)

7.       Bangun Portofolio & Siap Masuk Dunia Kerja

Isi portofolio:

Profil diri

Daftar proyek + deskripsi

Link GitHub

Kontak / LinkedIn

LIRIK LAGU_ALHAMDULILLAH I'M SO BLESSED_Suparman

https://encr.pw/LinkLaguAlhamdulillahImSoBlessed

"Alhamdulillah, I'm So Blessed"

Alhamdulillah for every breath I take For the countless blessings
I can't forsake In the darkest times, you light my way
Your love and mercy guide me every day
Alhamdulillah, I'm so blessed
Your grace surrounds me, I confess
Alhamdulillah, forever grateful in you I find peace, my faith's unshakable
Through the ups and downs, you're always there Holding my hand
listening to my pray I may stumble, I may fall apart
But you mend me, heal my broken heart
Alhamdulillah, I'm so blessed Your grace surrounds me, I confess
Alhamdulillah, forever grateful in you I find peace, my faith's unshakable
Alhamdulillah, all the tests and trials They make me stronger, wiser all the while
Alhamdulillah, for the love I share with family And friends, your blessings everywhere
In prosperity, I remain humble In adversity  I stay thankful
You're the one I always turn to Alhamdulillah for every day, You guide me every day
Alhamdulillah, for every breath I take For the countless blessings I can't forsake
In the darkest times, you light my way Your love and mercy guide me every day
Alhamdulillah, forever grateful in you I find peace, my faith's unshakable
Alhamdulillah, forever grateful in you I find peace, my faith's unshakable
Alhamdulillah, all the tests and trials They make me stronger, wiser all the while
Alhamdulillah, for the love I share with family And friends, your blessings everywhere
Alhamdulillah, forever grateful in you I find peace, my faith's unshakable
Alhamdulillah, for the tests and trials They make me stronger, wiser all the while
Alhamdulillah, for the love I share with family And friends, your blessings
Alhamdulillah, I'm so blessed Your grace surrounds me, I confess
Alhamdulillah, forever grateful in you I find peace, my faith's unshakable
Alhamdulillah, bless me on measure Your love and guide is my eternal treasure

Alhamdulillah, with every step I take 

I'll praise Your Name until I find a way

Alhamdulillah atas setiap hembusan napasku
Atas nikmat-Mu yang tak pernah berhenti
Dalam gelap, Kau sinari jalanku
Kasih-Mu tuntun aku setiap hari

Alhamdulillah, betapa aku diberkahi
Anugerah-Mu selalu melingkupi
Alhamdulillah, syukur tiada henti
Dalam-Mu damai, imanku abadi

Di kala suka, di kala duka
Tangan-Mu erat menggenggamku
Mendengar doaku, menenangkan hatiku
Meski aku jatuh, meski aku rapuh
Kau satukan lagi hatiku yang luluh

Alhamdulillah, betapa aku diberkahi
Anugerah-Mu selalu melingkupi
Alhamdulillah, syukur tiada henti
Dalam-Mu damai, imanku abadi

Alhamdulillah, atas ujian dan cobaan
Yang buatku kuat, buatku bijaksana
Alhamdulillah, atas cinta yang kurasakan
Bersama keluarga, teman, dan semua anugerah

Di masa lapang, aku tetap rendah hati
Di masa sulit, tetap syukur kujalani
Engkaulah tempatku kembali
Alhamdulillah untuk setiap hari
Kau tuntun aku dalam tiap langkah ini

Alhamdulillah, atas setiap hembusan napasku
Atas nikmat-Mu yang tak pernah berhenti
Dalam gelap, Kau sinari jalanku
Kasih-Mu tuntun aku setiap hari

Alhamdulillah, syukur tiada henti
Dalam-Mu damai, imanku abadi
Alhamdulillah, syukur tiada henti
Dalam-Mu damai, imanku abadi

Alhamdulillah, atas ujian dan cobaan
Yang buatku kuat, buatku bijaksana
Alhamdulillah, atas cinta yang kurasakan
Bersama keluarga dan teman penuh berkah

Alhamdulillah, syukur tiada henti
Dalam-Mu damai, imanku abadi

Alhamdulillah, berkahi tanpa batas
Kasih-Mu harta abadi tak terganti
Alhamdulillah, setiap langkah yang kujalani
Kan kupuji Nama-Mu sampai akhir nanti

PBTGM XIRPL

Bahan Belajar Mapel Pemrograman Berbasis Teks Grafis dan Multimedia(PBTGM) Kelas XIRPL:

MASTER Visual Studio  UNDUH

PBTGM Pengantar Pembuatan Project dengan Visual Studio UNDUH

1.  Latihan Awal Pemrograman Dengan C# UNDUH

2.  LKPD PBTGM XI_1 2 3 UNDUH 

3.  LKPD PBTGM XI_4 UNDUH

4.  LKPD PBTGM XI_5 UNDUH

5.  LKPD PBTGM XI_6 UNDUH

6.  LKPD PBTGM XI_7 UNDUH

7.  LKPD PBTGM XI_8 UNDUH

8.  LKPD PBTGM XI_9 UNDUH

9.  LKPD PBTGM XI_10 UNDUH

10. LKPD PBTGM XI_11 UNDUH

11. LKPD PBTGM XI_12 UNDUH

12. LKPD PBTGM XI_13 UNDUH

13. LKPD PBTGM XI_14 UNDUH

14. LKPD PBTGM XI_15 UNDUH

UKK REKAYASA PERANGKAT LUNAK KELAS XII

TAHUN PELAJARAN 2023/2024

 

Kisi-kisi Unduh

Soal Unduh

Lembar Penilaian Unduh

Materi Tambahan(pengetahuan) Unduh

 

 

BAHAN PENILAIAN PROJECT PEMROGRAMAN WEB DAN PERANGKAT BERGERAK KELAS XII RPL

 Untuk Penilaian Akhir Semester Gasal Tahun Pelajaran 2023/2024 akan diadakan penilaian kolaborasi semua mata pelajaran kejuruan Rekayasa Perangkat Lunak Kelas XII, berikut bahan yang bisa dijasdikan referensi:

Contoh Aktifitas Pada Tahapan Pengembangan PL  UNDUH

Contoh Pengujian Sistem Informasi  UNDUH

LEMBAR PENILAIAN Project Sumatif Akhir Semester Gasal XIIRPL  UNDUH

 ONLINKAN WEBSITE DENGAN NGROK

Agar website yang sudah dibuat dari Localhost dapat dilihat oleh client atau user public (internet) harus diupload dahulu ke server atau hosting. Salah satu cara agar URL Localhost kita dapat diakses oleh publik menggunakan Ngrok. Ngrok  mengekspos server lokal di belakang NAT dan firewall ke internet publik melalui terowongan  (tunnels) yang aman. Tunnels tersebut yang digunakan sebagai jalur untuk mengakses URL Localhost.

Ngrok dapat digunakan untuk:

• Menjalankan layanan Personal Cloud Services dari rumah.
• Membuat website demo tanpa deploy.
• Membangun webhook konsumen di mesin Development Anda.
• Melakukan test Mobile App yang terkoneksi ke local backend yang sedang berjalan (Localhost).
• Alamat yang stabil untuk device Anda yang telah terhubung.

Cara menggunakan Ngrok:

• akses web ngrok.com, kemudian download ngrok

• signup, kemudian verifikasi email

• unduh ngrok

• open file ngrok

• koneksikan ngrok ke server ngrok, cukup lakukan sekali

Copy pada bagian Authenticate your ngrok agent.you only have to do this one. The Authtoken saved in default configuration file,

• konfigurasi, ketikkan ngrok.exe http 80(port localhost kita)

• Contoh hasil akses localhost

 KUNCI JAWABAN SUMATIF TENGAH SEMESTER

(STS) GASAL TP. 2023/2024

Kunci jawaban tes Sumatif Tengah Semester(STS) silahkan unduh file berikut Unduh

CONTOH LAPORAN PRAKTIKUM WEB_PERANCANGAN SISTEM & PEMBUATAN APLIKASI

Perancangan Sistem Aplikasi Persediaan Barang

1. Flowchart Sistem

2. Data Flow Diagram

Level Konteks:

Level 1:

3. Rancangan Basis Data

4. Rancangan User Interface

Untuk lebih lengkapnya silahkan unduh file berikut:

Laporan Praktikum Web_Perancangan & Pembuatan Aplikasi Unduh

Perancangan Sistem Informasi Perpustakaan Unduh

LATIHAN(PRAKTIK) PHP NATIVE & FRAMEWORK

 

Untuk melatih keterampilan pembuatan dan pengeloaan web dengan PHP MySQL native dan framework, Silahkan Unduh dan Praktikkan satu per satu file berikut:

Pengantar:

Latihan Dasar HTML Unduh

Latihan Dasar CSS Unduh

01_LATIHAN DASAR PHP Unduh

02_Latihan koneksi PHP_MySQL Unduh

03_LATIHAN PEMBUATAN APLIKASI BERBASIS WEB_Dasar PHPMYSQL_Native Unduh

04_LATIHAN CRUD OOP PHP Unduh

05_Latihan CRUD Pada Codeigniter Unduh

06_Latihan CI_menampilkan data beberapa tabel Unduh

07_Contoh pembuatan laporan dengan FPDF Unduh

KUMPULAN DOA SEHARI-HARI

اُدْعُوْا رَبَّكُمْ تَضَرُّعًا وَّخُفْيَةً ۗاِنَّهٗ لَا يُحِبُّ الْمُعْتَدِيْنَۚ

Artinya : “Berdoalah kepada Tuhanmu dengan rendah hati dan suara yang lembut. Sungguh, Dia tidak menyukai orang-orang yang melampaui batas,” (Al-A’raf : 55)

ADAB BERDOA

Menurut Imam Al-Ghazali adab dan tata cara berdoa kepada Allah Ta'ala ada 10 macam, yaitu :

1. Hendaknya memilih waktu yang mulia atau mustajabah, seperti waktu sepertiga malam yang akhir dan hari atau malam Jum'at.

2. Hendaknya memilih keadaan yang mulia atau mustajabah, seperti pada sa'at turun hujan dan waktu antara adzan dan iqomah.

3. Hendaknya menghadap qiblat dan mengangkat kedua tangannya.

4. Hendaknya melembutkan atau memelankan suaranya ketika berdo'a, tetapi kalau berdo'a orang banyak boleh suaranya di keraskan.

5. Hendaknya doanya tidak bersajak, artinya susunan kalimatnya dan cara membacanya tidak seperti membaca sajak atau puisi.

6. Hendaknya merendahkan diri dan khusu' dalam berdo'a, dan tadarru' kepada Allah Ta'ala, artinya merasa takut kepada Allah Ta'ala dan merasa selalu diawasi oleh-Nya.

7. Hendaknya merasa yakin, bahwa do'anya akan dikabulkan oleh Allah Ta'ala.

8. Hendaknya bersungguh-sungguh dalam berdo'a, dan mengulanginya sampai tiga kali.

9. Hendaknya memulai berdo'a dengan menyebut Asma Allah Ta'ala, dan memuji-Nya dengan membaca Hamdalah, dan membaca Sholawat, dan tidak langsung berdo'a memohon suatu permohonan.

10. Hendaknya sungguh -sungguh bertaubat dengan memohon ampun kepada Allah Ta'ala, sebelum berdo'a.

DOA Mohon Dimampukan/diberi kekuatan untuk berdzikir, bersyukur, dan beribadah:

اللَّهُمَّ أَعِنِّى عَلَى ذِكْرِكَ وَشُكْرِكَ وَحُسْنِ عِبَادَتِكَ

"ALLAHUMMA A'INNI 'ALA DZIKRIKA WA SYUKRIKA WA CHUSNI 'IBADATIKA"

Artinya:

"Ya Allah, bantulah aku untuk mengingat-Mu dan bersyukur kepada-Mu, serta agar bisa beribadah dengan baik kepada-Mu."

DOA Mohon diberi keteguhan iman:

يَا مُقَلِّبَ الْقُلُوبِ ثَبِّتْ قَلْبِى عَلَى دِينِكَ 

Yaa muqollibal qulub tsabbit qolbi ‘ala diinika 

Ya Tuhan Yang membolak-balikkan hati, tetapkanlah hatiku pada agama-Mu.

Doa Sebelum Tidur

بِسْمِكَ االلّٰهُمَّ اَحْيَا وَبِاسْمِكَ اَمُوْتُ
Bismikallaahumma ahyaa wa ammuut
Artinya: "Dengan menyebut nama Allah, aku hidup dan aku mati"

Doa Bangun Tidur

اَلْحَمْدُ ِللهِ الَّذِىْ اَحْيَانَا بَعْدَمَآ اَمَاتَنَا وَاِلَيْهِ النُّشُوْرُ
Alhamdu lillahil ladzii ahyaanaa ba’da maa amaa tanaa wa ilahin nusyuuru
Artinya: "Segala puji bagi Allah yang telah menghidupkan kami sesudah kami mati (membangunkan dari tidur) dan hanya kepada-Nya kami dikembalikan"

Doa Masuk Kamar Mandi

اَللّٰهُمَّ اِنّىْ اَعُوْذُبِكَ مِنَ الْخُبُثِ وَالْخَبَآئِثِ

Allahumma Innii a'uudzubika minal khubutsi wal khoaaitsi
Artinya: "Ya Allah, aku berlindung pada-Mu dari godaan setan laki-laki dan setan perempuan"

Doa Keluar Kamar Mandi

غُفْرَانَكَ الْحَمْدُ ِللهِ الَّذِىْ اَذْهَبَ عَنّى اْلاَذَى وَعَافَانِىْ
Ghufraanakal hamdu lillaahil ladzii adzhaba 'annil adzaa wa 'aafaanii
Artinya: "Dengan mengharap ampunanMu, segala puji milik Allah yang telah menghilangkan kotoran dari badanku dan yang telah menyejahterakan"

Doa Keluar Rumah

بِسْمِ اللهِ تَوَكَّلْتُ عَلَى اللهِ لاَحَوْلَ وَلاَقُوَّةَ اِلاَّ بِالله

Bismillaahi tawakkaltu 'alalloohi laa hawlaa walaa quwwata illaa bilaahi

Artinya: "Dengan menyebut nama Allah aku bertawakal kepada Allah, tiada daya kekuatan melainkan dengan pertolongan Allah."

Doa Memohon Ilmu Yang Bermanfaat

اَللّٰهُمَّ اِنِّى اَسْأَلُكَ عِلْمًا نَافِعًا وَرِزْقًا طَيِّبًا وَعَمَلاً مُتَقَبَّلاً
Allahumma innii as-aluka 'ilmaan naafi'aan wa rizqoon thoyyibaan wa 'amalaan mutaqobbalaan

Artinya: "Ya Allah, sesungguhnya aku mohon kepada-Mu ilmu yang berguna, rezki yang baik dan amal yang baik Diterima. (H.R. Ibnu Majah)"

Doa Sebelum Belajar

Yaa robbi zidnii 'ilman warzuqnii fahmaa

Artinya: "Ya Allah, tambahkanlah aku ilmu dan berikanlah aku rizqi akan kepahaman"

Doa Sesudah Belajar

اَللّٰهُمَّ اِنِّى اِسْتَوْدِعُكَ مَاعَلَّمْتَنِيْهِ فَارْدُدْهُ اِلَىَّ عِنْدَ حَاجَتِىْ وَلاَ تَنْسَنِيْهِ يَارَبَّ الْعَالَمِيْنَ

Allaahumma innii astaudi'uka maa 'allamtaniihi fardud-hu ilayya 'inda haajatii wa laa tansaniihi yaa robbal 'alamiin

Artinya: "Ya Allah, sesungguhnya aku menitipkan kepada Engkau ilmu-ilmu yang telah Engkau ajarkan kepadaku, dan kembalikanlah kepadaku sewaktu aku butuh kembali dan janganlah Engkau lupakan aku kepada ilmu itu wahai Tuhan seru sekalian alam."

Doa Setelah Wudhu 

اَشْهَدُ اَنْ لاَّاِلَهَ اِلاَّاللهُ وَحْدَهُ لاَشَرِيْكَ لَهُ وَاَشْهَدُ اَنَّ مُحَمَّدًاعَبْدُهُ وَرَسُوْلُهُ. اَللّٰهُمَّ اجْعَلْنِىْ مِنَ التَّوَّابِيْنَ وَاجْعَلْنِىْ مِنَ الْمُتَطَهِّرِيْنَ، وَجْعَلْنِيْ مِنْ عِبَادِكَ الصَّالِحِيْنَ

Asyhadu allaa ilaaha illalloohu wahdahuu laa syariika lahu wa asyhadu anna muhammadan ‘abduhuuwa rosuuluhuu, alloohummaj’alnii minat tawwaabiina waj’alnii minal mutathohhiriina, waj'alnii min 'ibadikash shaalihiina.

Artinya: "Aku bersaksi, tidak ada Tuhan selain Allah Yang Maha Esa, tidak ada sekutu bagi-Nya, dan aku mengaku bahwa Nabi Muhammad itu adalah hamba dan Utusan Allah. Ya Allah, jadikanlah aku dari golongan orang-orang yang bertaubat dan jadikanlah aku dari golongan orang-orang yang suci dan jadikanlah aku dari golongan hamba-hamba Mu yang shaleh"

Referensi:

https://www.ngopibareng.id

https://jateng.inews.id

https://www.merdeka.com

LATIHAN_KONEKSI PHP MYSQL

• Buat Database dengan nama: sekolah
• Buat tabel siswa dengan struktur seperti berikut:

• isi tabel 

• ketik script berikut:

OUTPUT: