Lompat ke isi

Kontribusi pengguna Admin

Pengguna dengan 385 suntingan. Akun dibuat pada 10 Mei 2025.
Cari kontribusiKembangkanCiutkan
⧼contribs-top⧽
⧼contribs-date⧽
(terbaru | terlama) Lihat ( | 50 lebih lama) (20 | 50 | 100 | 250 | 500)

10 Mei 2025

  • 14.0010 Mei 2025 14.00 beda riw +3.688 B Konsep dasar basis data relasional ←Membuat halaman berisi '==Tujuan Pembelajaran:== * Memahami konsep dasar basis data relasional. * Menginstal dan mengonfigurasi MySQL pada Ubuntu 24.04 tanpa menggunakan alat dari Microsoft. * Melakukan operasi dasar pengelolaan basis data menggunakan MySQL. ==Prasyarat:== * Komputer dengan sistem operasi Ubuntu 24.04. * Akses ke terminal dengan hak akses sudo. * Koneksi internet untuk mengunduh paket yang diperlukan. ==Bagian 1: Konsep Dasar Basis Data Relasional== Basis data relasi...' saat ini
  • 13.5910 Mei 2025 13.59 beda riw +5.550 B Praktik: Membuat halaman login sederhana ←Membuat halaman berisi '==Tujuan Pembelajaran:== * Memahami cara mengatur lingkungan pengembangan web menggunakan LAMP (Linux, Apache, MySQL, PHP) pada Ubuntu 24.04. * Membuat halaman login sederhana dengan PHP dan MySQL. * Mengimplementasikan dasar-dasar autentikasi pengguna. ==Prasyarat:== * Komputer dengan sistem operasi Ubuntu 24.04. * Akses ke terminal dengan hak akses sudo. * Koneksi internet untuk mengunduh paket yang diperlukan. ==Langkah 1: Instalasi LAMP Stack== LAMP adalah...' saat ini
  • 13.5710 Mei 2025 13.57 beda riw +5.514 B Pemrosesan form dan manajemen sesi ←Membuat halaman berisi '==Pemrosesan Formulir dan Manajemen Sesi menggunakan PHP== ==1. Pemrosesan Formulir dengan PHP== Formulir HTML memungkinkan pengguna mengirimkan data ke server. PHP digunakan untuk memproses data tersebut. '''a. Membuat Formulir HTML''' Berikut adalah contoh formulir HTML dasar: <pre> <!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <title>Formulir Kontak</title> </head> <body> <h2>Formulir Kontak</h2> <form action="pro...' saat ini
  • 13.5610 Mei 2025 13.56 beda riw +4.164 B Sintaks dasar PHP dan integrasi dengan HTML ←Membuat halaman berisi 'Berikut adalah modul pengantar mengenai sintaks dasar PHP dan integrasi PHP dengan HTML, disertai contoh-contoh yang dapat dijalankan menggunakan alat-alat di Ubuntu 24.04 tanpa menggunakan Microsoft Code. Modul ini dirancang untuk mendukung perkuliahan Pemrograman Web. ==1. Pengenalan PHP== PHP (PHP: Hypertext Preprocessor) adalah bahasa pemrograman skrip sisi server yang dirancang untuk pengembangan web. PHP memungkinkan pembuatan halaman web dinamis yang dap...' saat ini
  • 13.5610 Mei 2025 13.56 beda riw −16 Praktik: Membuat formulir pendaftaran dengan validasi Tidak ada ringkasan suntingan saat ini
  • 13.5410 Mei 2025 13.54 beda riw +3.175 B Praktik: Membuat formulir pendaftaran dengan validasi ←Membuat halaman berisi '==Modul Praktik: Formulir Pendaftaran + Validasi JavaScript== ==🎯 Tujuan Praktikum== * Mahasiswa mampu membuat form HTML untuk pendaftaran. * Mahasiswa memahami dan mengimplementasikan '''validasi input''' dengan JavaScript. * Mahasiswa dapat '''menguji form''' di Ubuntu menggunakan tools tanpa software berbayar. ==1. 🧰 Tools yang Digunakan (Ubuntu 24.04)== {| class="wikitable" ! Tool !! Keterangan |- | Gedit || GUI Text Editor bawaan GNOME |- | Nano ||...'
  • 13.5310 Mei 2025 13.53 beda riw +4.222 B Pengenalan AJAX untuk komunikasi asynchronous ←Membuat halaman berisi '==Modul: Pengenalan AJAX (Asynchronous JavaScript and XML)== ==Tujuan Pembelajaran== * Mahasiswa memahami konsep komunikasi '''asynchronous''' antara '''frontend dan backend'''. * Mahasiswa dapat mengirim permintaan (request) ke server tanpa me-refresh halaman. * Mahasiswa mampu menjalankan dan menguji AJAX di Ubuntu menggunakan '''tools bawaan'''. ==1. 🧠 Apa Itu AJAX?== '''AJAX''' memungkinkan halaman web untuk: * Mengambil/mengirim data dari/ke server sec...' saat ini
  • 13.5210 Mei 2025 13.52 beda riw −12 Event handling dan validasi form Tujuan Pembelajaran saat ini
  • 13.5110 Mei 2025 13.51 beda riw +3.537 B Event handling dan validasi form ←Membuat halaman berisi '==Modul: Event Handling dan Validasi Form di JavaScript== ==Tujuan Pembelajaran== * Mahasiswa mampu memahami konsep '''event handling''' di JavaScript. * Mahasiswa dapat membuat '''validasi form sederhana''' menggunakan JavaScript. * Mahasiswa dapat menguji kode menggunakan '''tool bawaan Ubuntu (tanpa VS Code)'''. ==1. 🧠 Konsep Event Handling di JavaScript== '''Event Handling''' adalah proses menangani interaksi pengguna (klik, ketik, submit, dll.) menggun...'
  • 13.5110 Mei 2025 13.51 beda riw +4.188 B Praktik: Membuat interaksi sederhana pada halaman web ←Membuat halaman berisi 'Untuk memahami dan mempraktikkan pembuatan interaksi sederhana pada halaman web menggunakan JavaScript di Ubuntu 24.04 tanpa menggunakan Microsoft Code, ikuti langkah-langkah berikut. Kita akan menggunakan editor teks bawaan seperti `gedit` dan browser web seperti Firefox atau Chromium yang tersedia di Ubuntu. '''1. Persiapan Lingkungan''' Pastikan Anda memiliki editor teks seperti `gedit` dan browser web seperti Firefox atau Chromium yang sudah terinstal di si...' saat ini
  • 13.4910 Mei 2025 13.49 beda riw +3.956 B Manipulasi DOM (Document Object Model) ←Membuat halaman berisi 'Untuk memahami manipulasi DOM (Document Object Model) menggunakan JavaScript, berikut adalah modul yang mencakup konsep dasar dan contoh praktis. Kita akan menggunakan alat yang tersedia di Ubuntu 24.04 tanpa bergantung pada Microsoft Code. '''1. Persiapan Lingkungan''' Manipulasi DOM dilakukan di dalam browser, sehingga Anda memerlukan browser web seperti Firefox atau Chromium yang sudah terinstal di Ubuntu 24.04. Selain itu, Anda memerlukan editor teks sepert...' saat ini
  • 13.4810 Mei 2025 13.48 beda riw +4.321 B Sintaks dasar dan tipe data ←Membuat halaman berisi 'Untuk memahami sintaks dasar dan tipe data dalam JavaScript, Anda dapat mengikuti modul berikut yang dilengkapi dengan contoh-contoh praktis. Kita akan menggunakan terminal di Ubuntu 24.04 dan editor teks seperti `nano` atau `gedit` untuk menulis dan menjalankan kode JavaScript tanpa bergantung pada Microsoft Code. '''1. Persiapan Lingkungan''' JavaScript biasanya dijalankan di lingkungan browser atau menggunakan Node.js untuk eksekusi di sisi server. Untuk kep...' saat ini
  • 13.4710 Mei 2025 13.47 beda riw +2.999 B Praktik: Membuat galeri foto responsif ←Membuat halaman berisi ' ==Modul Praktik: Membuat Galeri Foto Responsif Menggunakan CSS== * Mata Pelajaran: Web Programming * Tingkat: 10 / Semester Awal * Sistem Operasi: Ubuntu 24.04 * Tools: Gedit / GNOME Text Editor, Firefox, Terminal ==Tujuan Pembelajaran:== * Mahasiswa mampu membuat galeri foto menggunakan HTML dan CSS. * Mahasiswa memahami konsep layout responsif. * Mahasiswa mampu memanfaatkan tools open-source di Linux untuk web development. ==Persiapan Tool== 1. '''...' saat ini
  • 13.4610 Mei 2025 13.46 beda riw +3 Animasi dan transisi dengan CSS Tidak ada ringkasan suntingan saat ini
  • 13.4510 Mei 2025 13.45 beda riw +4.321 B Animasi dan transisi dengan CSS ←Membuat halaman berisi 'Untuk modul '''Animasi dan Transisi dengan CSS''' dalam mata kuliah Pemrograman Web, berikut adalah penjelasan mengenai konsep dasar animasi dan transisi dalam CSS, beserta contoh implementasi menggunakan alat di Ubuntu 24.04. ==1. Pengenalan Transisi CSS== '''Transisi CSS''' memungkinkan perubahan nilai properti CSS secara halus selama periode waktu tertentu, bukan perubahan instan. ===a. Properti Transisi Utama=== * '''`transition-property`''': Menentukan p...'
  • 13.4410 Mei 2025 13.44 beda riw +4.754 B Flexbox dan Grid untuk tata letak responsif ←Membuat halaman berisi 'Untuk modul '''Flexbox dan Grid untuk Tata Letak Responsif''' dalam mata kuliah Pemrograman Web, berikut adalah penjelasan mengenai konsep dasar Flexbox dan Grid dalam CSS, beserta contoh implementasi menggunakan tool di Ubuntu 24.04. ==1. Pengenalan Flexbox== '''Flexbox''' adalah modul tata letak satu dimensi yang memungkinkan pengaturan elemen dalam baris atau kolom dengan fleksibilitas tinggi. Ini sangat berguna untuk membuat desain yang responsif dan dinami...' saat ini
  • 13.4310 Mei 2025 13.43 beda riw +3 Praktik: Mendesain halaman profil dengan CSS Tidak ada ringkasan suntingan saat ini
  • 13.4310 Mei 2025 13.43 beda riw +5.577 B Praktik: Mendesain halaman profil dengan CSS ←Membuat halaman berisi 'Untuk modul '''Praktik: Mendesain Halaman Profil dengan CSS''' dalam mata kuliah Pemrograman Web, berikut adalah panduan langkah demi langkah untuk membuat halaman profil sederhana menggunakan HTML dan CSS. Panduan ini mencakup penjelasan konsep, contoh kode, dan implementasi menggunakan tool di Ubuntu 24.04 ==1. Persiapan Lingkungan Pengembangan== Sebelum memulai, pastikan Anda memiliki alat-alat berikut yang telah diinstal pada sistem Ubuntu 24.04 Anda: * ''...'
  • 13.4210 Mei 2025 13.42 beda riw +3.923 B Box model dan tata letak dasar ←Membuat halaman berisi 'Untuk modul '''Box Model dan Tata Letak Dasar''' dalam mata kuliah Pemrograman Web, berikut adalah penjelasan mengenai konsep Box Model dalam CSS, teknik dasar tata letak ==1. Memahami Box Model dalam CSS== Setiap elemen HTML dianggap sebagai sebuah kotak yang terdiri dari beberapa area: * '''Content:''' Isi dari elemen, seperti teks atau gambar. * '''Padding:''' Ruang antara konten dan border. * '''Border:''' Garis yang mengelilingi padding dan konten. * '''M...' saat ini
  • 13.4110 Mei 2025 13.41 beda riw +4.311 B Integrasi CSS dengan HTML ←Membuat halaman berisi 'Untuk modul '''Integrasi CSS dengan HTML''' dalam mata kuliah Pemrograman Web, berikut adalah penjelasan mengenai tiga metode utama untuk menghubungkan CSS ke dalam dokumen HTML, disertai contoh implementasi menggunakan alat di Ubuntu 24.04 tanpa menggunakan perangkat lunak dari Microsoft. ==1. Metode Integrasi CSS dengan HTML== ===a. CSS Eksternal=== Metode ini melibatkan pembuatan file CSS terpisah yang dihubungkan ke file HTML menggunakan tag `<link>` dalam...' saat ini
  • 13.4010 Mei 2025 13.40 beda riw +5.265 B Sintaks dan selektor CSS ←Membuat halaman berisi 'Untuk modul pengenalan sintaks dan selektor CSS dalam mata kuliah Pemrograman Web, berikut adalah panduan yang mencakup penjelasan dasar, contoh, dan cara mengimplementasikannya menggunakan alat di Ubuntu 24.04. ==1. Pengenalan CSS== '''Cascading Style Sheets (CSS)''' adalah bahasa yang digunakan untuk mendesain tampilan dan format elemen dalam dokumen HTML. Dengan CSS, Anda dapat mengontrol warna teks, jenis font, spasi antar paragraf, ukuran kolom, gambar lat...' saat ini
  • 13.3810 Mei 2025 13.38 beda riw +4.699 B Praktik: Membuat halaman profil pribadi menggunakan HTML ←Membuat halaman berisi 'Berikut adalah modul praktikum yang dirancang untuk membantu siswa membuat halaman profil pribadi menggunakan HTML di sistem operasi Ubuntu 24.04. Modul ini akan memandu Anda melalui proses pembuatan halaman web sederhana dengan memanfaatkan alat-alat yang tersedia di lingkungan Linux. ==Tujuan== Setelah menyelesaikan praktikum ini, mahasiswa diharapkan mampu: # Memahami struktur dasar dokumen HTML. # Menggunakan editor teks di Linux untuk menulis kode HTML. #...' saat ini
  • 13.3410 Mei 2025 13.34 beda riw +3.503 B Pembuatan halaman web sederhana ←Membuat halaman berisi 'Untuk membuat halaman web sederhana di Ubuntu 24.04, Anda dapat mengikuti langkah-langkah berikut. Proses ini mencakup instalasi server web Apache, pembuatan file HTML dasar, dan pengaturan server untuk menyajikan halaman tersebut. Langkah-langkah ini sangat penting dalam pembelajaran dasar-dasar pemrograman web. ==1. Instalasi Apache Web Server== Apache adalah salah satu server web paling populer yang digunakan untuk menyajikan halaman web. Untuk menginstalnya...' saat ini
  • 13.3210 Mei 2025 13.32 beda riw +3.169 B Elemen dan atribut HTML ←Membuat halaman berisi 'Dalam pemrograman web, khususnya dalam HTML (HyperText Markup Language), terdapat tiga komponen utama yang perlu dipahami: '''tag''', '''elemen''', dan '''atribut'''. Memahami ketiganya akan membantu dalam membangun struktur halaman web yang baik dan fungsional. ==1. Tag HTML== '''Tag''' adalah penanda yang digunakan untuk memberitahu browser bagaimana suatu konten harus ditampilkan. Tag biasanya ditulis dalam kurung sudut (`< >`) dan umumnya berpasangan: tag p...' saat ini
  • 13.3010 Mei 2025 13.30 beda riw +2.355 B Struktur dasar dokumen HTML ←Membuat halaman berisi 'HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat dan merancang halaman web. Setiap dokumen HTML memiliki struktur dasar yang terdiri dari beberapa elemen penting. Berikut penjelasan mengenai struktur dasar tersebut beserta contohnya: '''1. Deklarasi Tipe Dokumen (DOCTYPE)''' Baris pertama dalam dokumen HTML adalah deklarasi tipe dokumen yang memberi tahu browser versi HTML yang digunakan. Untuk HTML5, deklarasinya adalah: <!...' saat ini
  • 13.2910 Mei 2025 13.29 beda riw +3.896 B Pengenalan terminal dan perintah dasar Linux ←Membuat halaman berisi 'Dalam pengembangan web, pemahaman tentang '''Terminal Linux''' dan penggunaan '''Command Line Interface (CLI)''' sangat penting. Terminal memungkinkan interaksi langsung dengan sistem operasi melalui perintah teks, memberikan kontrol penuh atas sistem dan efisiensi dalam pengelolaan file, direktori, serta aplikasi. '''Apa Itu Terminal dan CLI?''' '''Terminal''' adalah antarmuka berbasis teks yang memungkinkan pengguna berinteraksi dengan sistem operasi Linux...' saat ini
  • 13.2210 Mei 2025 13.22 beda riw +4.071 B Instalasi Ubuntu Desktop dan Ubuntu Server sebagai mesin virtual ←Membuat halaman berisi 'Menggunakan VirtualBox untuk menginstal '''Ubuntu Desktop''' dan '''Ubuntu Server''' memungkinkan Anda membuat lingkungan pengembangan web yang fleksibel dan terisolasi. Berikut adalah panduan langkah demi langkah untuk menginstal kedua versi Ubuntu sebagai mesin virtual di VirtualBox. =='''Persiapan Awal'''== 1. '''Unduh VirtualBox''': Jika belum terinstal, unduh dan instal VirtualBox dari situs resminya: [https://www.virtualbox.org/](https://www.virtualbox.o...' saat ini
  • 13.2010 Mei 2025 13.20 beda riw +3.623 B Instalasi dan konfigurasi VirtualBox ←Membuat halaman berisi 'VirtualBox adalah perangkat lunak virtualisasi yang memungkinkan Anda menjalankan berbagai sistem operasi sebagai mesin virtual (VM) di dalam sistem operasi utama Anda. Dalam konteks pengembangan web, VirtualBox sangat berguna untuk menciptakan lingkungan pengembangan yang terisolasi, memungkinkan pengembang untuk menguji aplikasi web di berbagai sistem operasi tanpa mempengaruhi sistem utama. '''Berikut adalah langkah-langkah untuk menginstal dan mengkonfiguras...' saat ini
  • 12.3710 Mei 2025 12.37 beda riw +3.152 B Perbandingan Berbagai Bahasa Programan Web ←Membuat halaman berisi 'Dalam pengembangan web, berbagai bahasa pemrograman dan teknologi memiliki peran dan fungsi spesifik. Berikut adalah perbandingan antara HTML, CSS, JavaScript, PHP, Python, dan Flask: 1. '''HTML (HyperText Markup Language):''' * '''Peran:''' Menyediakan struktur dasar halaman web dengan menentukan elemen seperti teks, gambar, dan tautan. * '''Penggunaan:''' Semua halaman web menggunakan HTML sebagai fondasi utama. 2. '''CSS (Cascading Style Sheets):''' * '''Per...' saat ini
  • 12.3610 Mei 2025 12.36 beda riw +2.706 B Konsep dasar Web Programming ←Membuat halaman berisi 'Pemrograman web adalah proses pembuatan dan pengembangan aplikasi yang berjalan melalui internet, mencakup berbagai aspek seperti desain antarmuka pengguna, pengelolaan basis data, dan logika server. Untuk memahami dasar-dasar pemrograman web, penting untuk mengenal konsep-konsep utama dan lingkungan pengembangan yang digunakan. '''1. Komponen Utama dalam Pengembangan Web:''' * '''Front-End Development (Client-Side):''' Bagian dari aplikasi web yang berinteraks...' saat ini
  • 12.3510 Mei 2025 12.35 beda riw +3.715 B Web Programming ←Membuat halaman berisi ' ==Pengenalan Web Programming dan Development Environment== * Konsep dasar Web Programming * Perbandingan Berbagai Bahasa Programan Web * Instalasi dan konfigurasi VirtualBox * Instalasi Ubuntu Desktop dan Ubuntu Server sebagai mesin virtual * Pengenalan terminal dan perintah dasar Linux ==Dasar-dasar HTML== * Struktur dasar dokumen HTML * Elemen dan atribut HTML * Pembuatan halaman web sederhana * Praktik: Membuat halaman profi...' saat ini
(terbaru | terlama) Lihat ( | 50 lebih lama) (20 | 50 | 100 | 250 | 500)