XLabs PBO
PBO • Web 1 • Web 2

Praktikum pemrograman yang langsung jalan di browser

Materi per pertemuan sesuai RPS, Lab IDE PHP 8 dan HTML/CSS/JS tanpa instalasi, cek otomatis per lab sheet, dan rekap nilai untuk dosen. Untuk Prodi Pendidikan Teknologi Informasi UMPR.

Daftar & Sewa Akses → Lihat Paket
3Mata kuliah
PHP 8.3Berjalan di browser
0Instalasi yang dibutuhkan
Kenapa XLabs

Semua kebutuhan praktikum dalam satu tempat

Mahasiswa fokus menulis kode, dosen fokus menilai. Tidak perlu memasang server lokal untuk mulai.

▦

Modul terstruktur

Rangkuman dan PPT tiap pertemuan, terbuka bertahap mengikuti jadwal RPS.

⚡

Lab IDE di browser

PHP 8 dan HTML/CSS/JavaScript berjalan langsung di browser dengan pratinjau. Kode tiap mahasiswa terisolasi.

✓

Cek otomatis

Umpan balik instan per lab sheet sebelum dikirim untuk dinilai dosen.

◫

Dasbor & rekap

Grafik perkembangan untuk mahasiswa, rekap nilai lengkap untuk dosen.

⬇

Unduh PPT materi

Slide setiap pertemuan bisa diunduh untuk dipelajari ulang kapan saja.

◈

Proyek & sertifikat

Starter kit, panduan proyek, dan sertifikat bernomor per mata kuliah di paket Lab + Proyek.

Pilihan mata kuliah

Mata kuliah yang tersedia

Sewa per mata kuliah, atau ambil paket gabungan agar lebih hemat.

PBO

Pemrograman Berorientasi Objek

Konsep OOP dengan PHP 8: class, enkapsulasi, inheritance, interface, Composer, PHPUnit, PDO, MVC, SOLID, dan design pattern.

14 pertemuan materi • 16 pekan
Lihat kurikulum
WEB1

Pemrograman Web 1

Dasar pengembangan web sisi klien: HTML5 semantik, CSS (Flexbox, Grid, responsif), JavaScript, DOM, validasi form, dan Fetch API.

14 pertemuan materi • 16 pekan
Lihat kurikulum
WEB2

Pemrograman Web 2

Pengembangan web sisi server dengan PHP dan MySQL: form, session, keamanan, PDO, CRUD, autentikasi, MVC, dan REST API.

14 pertemuan materi • 16 pekan
Lihat kurikulum
Mulai dalam 4 langkah

Cara kerja

Aktivasi otomatis begitu pembayaran terkonfirmasi.

1

Daftar akun

Gunakan email aktif dan NIM Anda.

2

Pilih paket

Sistem membuat kode pesanan unik untuk Anda.

3

Bayar di Lynk.id

Pakai email yang sama dengan akun XLabs.

4

Akses aktif

Otomatis lewat webhook, atau diverifikasi admin.

Harga terjangkau

Paket sewa

Sekali bayar untuk satu semester. Bisa naik paket atau menambah mata kuliah kapan saja.

Paket gabungan

Lebih hemat

Gabungan Web 1 + Web 2 — Lab + Proyek

Web 1Web 2
Rp135.000
365 hari akses

Hemat: semua fitur Lab + Proyek untuk Pemrograman Web 1 dan Web 2 sekaligus. Akses 1 tahun.

  • Modul & rangkuman tiap pertemuan
  • Unduh PPT materi
  • Lab IDE di browser + cek otomatis + kirim lab sheet
  • Starter kit proyek + panduan proyek + sertifikat
Pilih paket ini

Gabungan Semua Mata Kuliah — Lab + Proyek

PBOWeb 1Web 2
Rp190.000
365 hari akses

Paling hemat: semua fitur Lab + Proyek untuk PBO, Pemrograman Web 1, dan Web 2. Akses 1 tahun.

  • Modul & rangkuman tiap pertemuan
  • Unduh PPT materi
  • Lab IDE di browser + cek otomatis + kirim lab sheet
  • Starter kit proyek + panduan proyek + sertifikat
Pilih paket ini

Pemrograman Berorientasi Objek

PBO — Materi

PBO
Rp25.000
180 hari akses

Akses modul 15 pertemuan PBO sesuai RPS dan unduh PPT materi selama satu semester.

  • Modul & rangkuman tiap pertemuan
  • Unduh PPT materi
  • Lab IDE di browser + cek otomatis + kirim lab sheet
  • Starter kit proyek + panduan proyek + sertifikat
Pilih paket ini
★ Paling Populer

PBO — Lab Praktikum

PBO
Rp50.000
180 hari akses

Semua isi Materi PBO + Lab IDE PHP 8 di browser dengan cek otomatis dan pengumpulan lab sheet.

  • Modul & rangkuman tiap pertemuan
  • Unduh PPT materi
  • Lab IDE di browser + cek otomatis + kirim lab sheet
  • Starter kit proyek + panduan proyek + sertifikat
Pilih paket ini

PBO — Lab + Proyek

PBO
Rp75.000
365 hari akses

Semua isi Lab PBO + starter kit proyek MVC, panduan proyek kelompok, dan sertifikat. Akses 1 tahun.

  • Modul & rangkuman tiap pertemuan
  • Unduh PPT materi
  • Lab IDE di browser + cek otomatis + kirim lab sheet
  • Starter kit proyek + panduan proyek + sertifikat
Pilih paket ini

Pemrograman Web 1

Web 1 — Materi

Web 1
Rp25.000
180 hari akses

Akses modul Pemrograman Web 1 (HTML, CSS, JavaScript) dan unduh materi selama satu semester.

  • Modul & rangkuman tiap pertemuan
  • Unduh PPT materi
  • Lab IDE di browser + cek otomatis + kirim lab sheet
  • Starter kit proyek + panduan proyek + sertifikat
Pilih paket ini
★ Paling Populer

Web 1 — Lab Praktikum

Web 1
Rp50.000
180 hari akses

Semua isi Materi Web 1 + Lab IDE HTML/CSS/JS dengan pratinjau langsung dan cek otomatis.

  • Modul & rangkuman tiap pertemuan
  • Unduh PPT materi
  • Lab IDE di browser + cek otomatis + kirim lab sheet
  • Starter kit proyek + panduan proyek + sertifikat
Pilih paket ini

Web 1 — Lab + Proyek

Web 1
Rp75.000
365 hari akses

Semua isi Lab Web 1 + starter kit website portofolio, panduan proyek, dan sertifikat. Akses 1 tahun.

  • Modul & rangkuman tiap pertemuan
  • Unduh PPT materi
  • Lab IDE di browser + cek otomatis + kirim lab sheet
  • Starter kit proyek + panduan proyek + sertifikat
Pilih paket ini

Pemrograman Web 2

Web 2 — Materi

Web 2
Rp25.000
180 hari akses

Akses modul Pemrograman Web 2 (PHP & MySQL) dan unduh materi selama satu semester.

  • Modul & rangkuman tiap pertemuan
  • Unduh PPT materi
  • Lab IDE di browser + cek otomatis + kirim lab sheet
  • Starter kit proyek + panduan proyek + sertifikat
Pilih paket ini
★ Paling Populer

Web 2 — Lab Praktikum

Web 2
Rp50.000
180 hari akses

Semua isi Materi Web 2 + Lab IDE PHP 8 di browser dengan cek otomatis dan pengumpulan lab sheet.

  • Modul & rangkuman tiap pertemuan
  • Unduh PPT materi
  • Lab IDE di browser + cek otomatis + kirim lab sheet
  • Starter kit proyek + panduan proyek + sertifikat
Pilih paket ini

Web 2 — Lab + Proyek

Web 2
Rp75.000
365 hari akses

Semua isi Lab Web 2 + starter kit aplikasi CRUD, panduan proyek, dan sertifikat. Akses 1 tahun.

  • Modul & rangkuman tiap pertemuan
  • Unduh PPT materi
  • Lab IDE di browser + cek otomatis + kirim lab sheet
  • Starter kit proyek + panduan proyek + sertifikat
Pilih paket ini
Kurikulum

Peta materi 16 pekan

Klik mata kuliah untuk melihat seluruh pertemuannya.

PBO Pemrograman Berorientasi Objek
1
Paradigma Pemrograman Berorientasi Objek CPMK 1 • Kontrak kuliah, Paradigma pemrograman, Class & object
2
Class, Object, dan Constructor di PHP CPMK 2 • Anatomi class, Properti & method, new dan ->
3
Enkapsulasi: Visibility, Getter, dan Setter CPMK 2 • Mengapa enkapsulasi, public/protected/private, Getter & setter
4
Static, Konstanta, dan Fitur OOP PHP 8 CPMK 2 • Static vs instance, self:: dan const, strict_types
5
Inheritance dan Method Overriding CPMK 2 • Relasi "is-a", extends, parent::
6
Abstraction dan Polymorphism CPMK 2 • Abstract class, Abstract method, Interface
7
Trait, Namespace, Composer, dan Git CPMK 2 • Trait, Namespace & use, Autoloading
8
Ujian Tengah Semester (UTS) Evaluasi
9
Exception Handling dan Unit Testing CPMK 2 • Error vs Exception, try/catch/finally, Custom exception
10
UML Class Diagram dan Relasi Antarkelas CPMK 3 • Notasi class, Visibility + - #, Relasi antarkelas
11
Basis Data Berorientasi Objek dengan PDO CPMK 3 • Mengenal PDO, Kelas Database, Prepared statement
12
Pola MVC Sederhana Berbasis OOP CPMK 3 • Konsep MVC, Alur request, Struktur folder
13
Prinsip SOLID dan Clean Code CPMK 3 • 5 prinsip SOLID, SRP, OCP
14
Design Pattern Dasar CPMK 3 • Apa itu design pattern, Singleton, Factory Method
15
Presentasi Proyek dan Strategi Mengajarkan OOP CPMK 4 • Format presentasi, Rubrik penilaian, Code review
16
Ujian Akhir Semester (UAS) Evaluasi
WEB1 Pemrograman Web 1
1
Pengantar Web dan Struktur Dokumen HTML CPMK 1 • Kontrak kuliah, Cara kerja web: klien, server, HTTP, URL, Struktur dokumen HTML5
2
Teks, Daftar, Tautan, dan Gambar CPMK 1 • Heading h1–h6 dan paragraf, Format teks: strong, em, mark, Daftar ul, ol, dl
3
Tabel dan Formulir HTML CPMK 1 • Tabel: table, thead, tbody, tr, th, td, colspan, Elemen form dan atribut action/method, Jenis input: text, email, number, date, radio, checkbox
4
HTML Semantik dan Aksesibilitas CPMK 1 • Elemen semantik: header, nav, main, section, article, aside, footer, Kerangka halaman dan landmark, Aksesibilitas: alt, label, kontras, urutan heading
5
Dasar CSS: Selektor, Warna, Tipografi, dan Box Model CPMK 2 • Cara memasang CSS: inline, internal, eksternal, Selektor tipe, kelas, id, turunan, Warna, font, ukuran teks
6
Tata Letak dengan Flexbox CPMK 2 • Konsep flex container dan flex item, flex-direction, justify-content, align-items, gap dan flex-wrap
7
CSS Grid dan Desain Responsif CPMK 2 • display: grid, grid-template-columns, fr, grid-gap dan penempatan area, repeat(), minmax(), auto-fit
8
Ujian Tengah Semester Evaluasi
9
Dasar JavaScript: Variabel, Tipe Data, dan Fungsi CPMK 3 • Peran JavaScript di halaman web, let, const, dan tipe data, Operator dan percabangan
10
DOM dan Event CPMK 3 • Pohon DOM, querySelector dan querySelectorAll, textContent, classList, setAttribute
11
Validasi Formulir dengan JavaScript CPMK 3 • Event submit dan preventDefault(), Membaca nilai input, Aturan validasi: wajib, panjang, format email
12
Array, Objek, JSON, dan localStorage CPMK 3 • Array dan metode map, filter, reduce, find, Objek dan destructuring, JSON.stringify dan JSON.parse
13
JavaScript Asinkron dan Fetch API CPMK 3 • Sinkron vs asinkron, Promise, then, catch, async/await
14
Framework CSS (Bootstrap) dan Komponen UI CPMK 2 • Kapan memakai framework CSS, Memasang Bootstrap 5 via CDN, Sistem grid: container, row, col
15
Proyek: Website Portofolio Responsif CPMK 1–3 • Perencanaan konten dan wireframe, Struktur folder proyek web, Git dan GitHub
16
Ujian Akhir Semester Evaluasi
WEB2 Pemrograman Web 2
1
Arsitektur Web Dinamis dan Dasar PHP CPMK 1 • Kontrak kuliah, Web statis vs dinamis, Alur permintaan: browser → web server → PHP → HTML
2
Tipe Data, Operator, dan Percabangan CPMK 1 • Tipe data skalar dan konversi, Operator aritmetika, perbandingan, logika, == vs ===
3
Perulangan, Array, dan Fungsi CPMK 1 • for, while, foreach, Array terindeks dan asosiatif, Array multidimensi
4
Formulir: GET, POST, Validasi, dan Sanitasi CPMK 2 • Metode GET vs POST, $_GET, $_POST, $_SERVER["REQUEST_METHOD"], Validasi server: wajib, panjang, format
5
String, Tanggal, dan Template dengan include CPMK 2 • Fungsi string: strlen, str_contains, ucwords, sprintf, number_format, Tanggal: date, strtotime, DateTime, include, require, require_once
6
Session dan Cookie CPMK 2 • HTTP tanpa keadaan (stateless), session_start, $_SESSION, session_destroy, setcookie dan atribut keamanan (HttpOnly, Secure, SameSite)
7
Upload Berkas dan Keamanan Dasar Aplikasi Web CPMK 2 • $_FILES dan move_uploaded_file, Validasi ekstensi, MIME, dan ukuran, Nama berkas acak dan folder di luar publik
8
Ujian Tengah Semester Evaluasi
9
Basis Data MySQL dan SQL Dasar CPMK 3 • Konsep basis data relasional, phpMyAdmin / HeidiSQL, CREATE TABLE, tipe data, primary key, foreign key
10
Koneksi PHP–MySQL dengan PDO CPMK 3 • Ekstensi mysqli vs PDO, DSN, opsi PDO, dan try/catch, query dan fetchAll
11
CRUD dengan Prepared Statement CPMK 3 • SQL injection dan bahayanya, prepare, execute, dan parameter bernama, Form tambah dan ubah
12
Login, Hashing Kata Sandi, dan Otorisasi CPMK 3 • Registrasi dan password_hash, Login dengan password_verify, Session login dan session_regenerate_id
13
Pola MVC Sederhana dan Routing CPMK 4 • Masalah kode "spaghetti", Model, View, Controller, Front controller (index.php) dan .htaccess
14
REST API dan JSON CPMK 4 • Konsep REST: resource, metode, kode status, json_encode dan json_decode, header Content-Type dan http_response_code
15
Proyek: Aplikasi Web CRUD dengan Login CPMK 1–4 • Perancangan basis data dan alur aplikasi, Pembagian tugas dan Git kolaborasi, Pengujian dan perbaikan bug
16
Ujian Akhir Semester Evaluasi

Siap mulai praktikum?

Buat akun dalam satu menit, lalu pilih paket yang sesuai kebutuhan kelas Anda.

Daftar Sekarang →