Posts

EAS PWeb

Aisyahra Alhanni Satria 5053231010 Membuat website adopsi kucing untuk FP PWeb Jawaban untuk nomor 1 2 dan 3 Website yang telah di deploy:  https://chat-to-adopt-cat.kesug.com/ Link PPT:  https://www.canva.com/design/DAGZJmxj-4M/NRFwQhhuV0gMXoeANfM07Q/edit?utm_content=DAGZJmxj-4M&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton Video Demo Youtube:  https://youtu.be/ZjigCOQ-s6w

Pertemuan 12

Image
 Aisyahra Alhanni Satria 5053231010 Menambahkan fitur upload foto dan fitur mengubah database menjadi pdf Pertama-tama, download FPDF untuk menambahkan fitur download pdf fpdf download kemudian extract zip filesnya kedalam folder pendaftaran-siswa pada htdocs Semua kodingan yang telah dimodif ada pada link  github  ini. Hasil yang didapatkan adalah landing page Menghapus data Download pdf List guru dan karyawan Download pdf list guru-karywan Tampilan file pdf list siswa Tampilan file pdf guru dan karyawan

Pertemuan 10

Image
 Aisyahra Alhanni Satria 5053231010 Membuat tabel pegawai Input tabel baru pada database pendaftaran_siswa CREATE TABLE guru_karyawan (     id INT AUTO_INCREMENT PRIMARY KEY,     nama VARCHAR(100) NOT NULL,     jenis VARCHAR(50) NOT NULL, -- Guru atau Karyawan     jabatan VARCHAR(100) NOT NULL,     gaji DECIMAL(15,2) NOT NULL, ); kemudian buatlah file baru bernama form-guru-karyawan.php <!DOCTYPE html> <html> <head>     <title>Formulir Guru dan Karyawan Baru</title> </head> <body>     <h3>Formulir Pendaftaran Guru dan Karyawan</h3>     <form action="proses-guru-karyawan.php" method="POST" enctype="multipart/form-data">         <p>             <label for="nama">Nama: </label>             <input type="text" name="nama" required>   ...

Pertemuan 9

Image
 Aisyahra Alhanni Satria 5053231010 Tugas membuat database siswa Hasil saya: Link codingan dan cara semua ada di sini: https://www.petanikode.com/tutorial-php-mysql/

Pertemuan 8

Image
Aisyahra Alhanni Satria 5053231010 Membuat login page dengan bootstrap <! DOCTYPE html > < html lang = " en " > < head >   < meta charset = " UTF-8 " >   < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " >   < title > Login Page </ title >   < link href = " https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css " rel = " stylesheet " >   < style >     . login {       min-height : 100 vh ;     }     . bg-image {       background-image : url ( ' https://img.freepik.com/premium-photo/beautiful-blue-sky-with-white-clouds-sunset_684882-144.jpg ' );       background-size : cover ;       background-position : center ;       alt : ' Background Image ' ;     }     . login-heading {       font-weight : 300 ;   ...

ETS PWEB

Image
Aisyahra Alhanni Satria 5053231010 1. Responsive web design adalah pendekatan dalam desain web yang bertujuan untuk membuat situs web dapat menyesuaikan tampilan dan fungsionalitasnya secara optimal di berbagai perangkat, baik itu desktop, tablet, maupun ponsel. Dengan RWD, situs web akan menyesuaikan layout, ukuran gambar, dan elemen-elemen lainnya agar tetap nyaman dilihat dan digunakan di layar dengan ukuran dan resolusi yang berbeda. Dua teknik yang sering digunakan untuk mencapai responsive web design adalah: Media Queries: Teknik ini memungkinkan perubahan gaya (CSS) berdasarkan karakteristik perangkat seperti lebar layar, resolusi, dan orientasi. Dengan media queries, desainer dapat membuat aturan CSS yang hanya diterapkan pada kondisi tertentu, misalnya menampilkan layout yang berbeda pada layar besar dibandingkan layar kecil. Flexible Grid Layout (Layout dengan Grid Fleksibel): Grid fleksibel menggunakan unit proporsional seperti persentase daripada unit tetap seperti pixel. I...