Postingan

Membuat Form Upload Gambar

Gambar
Tugas 7 PWeb Link Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat aplikasi CRUD menggunakan PHP dan MySQL yang form-nya memiliki input gambar. Dokumentasi Website Halaman awal Halaman form pendaftaran Redirect ke halaman awal setelah pendaftaran sukses Halaman daftar siswa Halaman edit data Redirect ke halaman daftar siswa setelah berhasil melakukan perubahan data. Nama data pertama berubah dari ITS menjadi ITS Surabaya Jika tombol hapus ditekan, maka data terhapus. Gambar di bawah m...

Membuat Aplikasi CRUD dengan PHP dan MySQL

Gambar
Tugas 7 PWeb Link Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat aplikasi CRUD menggunakan PHP dan MySQL. Dokumentasi Website

Membuat Validasi Form dengan JQuery

Gambar
Tugas 6 PWeb Link Lihat Website Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat website validasi form menggunakan JQuery. Dokumentasi Website Ketika validasinya gagal.

Membuat Website Counter Bilangan dengan JQuery

Gambar
Tugas 6 PWeb Link Lihat Website Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat website penghitungan (counter) bilangan menggunakan JQuery. Dokumentasi Website Penjelasan Kode File index.html Saya membangun tampilan website menggunakan bantuan Tailwindcss. Saya memberikan id counter-value pada bilangannya, btn-add pada tombol tambah, dan btn-subtract pada tombol kurang. Saya menyimpan elemen yang mengandung bilangan pada variabel counterValue dengan syntax $("#counter-value") sesuai ID-nya. Lalu, saya juga menambahkan event handler untuk click pada tombol tambah (btn-add) dan tombol kurang (btn-subtract). Jika tombol tambah ditekan, maka nilai bilangan akan ditambah 1. Jika angk...

Membuat Web dengan Styling Bootstrap

Gambar
Tugas 5 PWeb Link Penting Lihat Website Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat website dengan styling bootstrap Dokumentasi Website Penjelasan Kode File index.html Pada head HTML di atas, saya menuliskan judul web pada tag title dan meng- import file bootstrap serta css custom milik saya. Kode di atas mempresentasikan header pada web. Saya mengisi navbar di dalam tag header. Styling navbar dibentuk dengan warna gelap, ditandai dengan class dark . Opsi navigasi navbar dibentuk menggunakan tag anchor . Kode di atas membentuk jumbotron atau banner pada web yang berisikan heading 1 dan teks paragraf. Kode di atas membentuk tam...

Membuat Website Profil Diri

Gambar
Tugas 1 PWeb Link Penting Lihat Website Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat website profil diri yang berisikan biodata dan pengalaman saya. Dokumentasi Website Penjelasan Kode File index.html Pada header, saya meng- import font Monserrat dan file style.css Potongan kode di atas mempresentasikan halaman awal yang muncul pertama kali saat web dibuka. Section ini berisi gambar beserta teks pelengkap seperti nama, jurusan, serta link icon menuju sosial media. Section ini mempresentasikan bagian tentang diri saya yang hanya berisi heading dan teks. Section ini mempresentasikan preferensi teknologi y...

Membuat Website Formulir Pendaftaran

Gambar
Tugas 2 PWeb Link Penting Lihat Website Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat tampilan website formulir pendaftaran Dokumentasi Website Penjelasan Kode Pada head HTML, saya menggunakan font Monsserat dengan menggunakan CDN Google dan meng-import file css Pada body HTML, saya membagi layout menjadi tiga secara garis besar, yaitu section header (judul), form, dan signature (tanda tangan). File css memiliki variabel untuk menyeragamkan styling. Tag * digunakan untuk mereset margin dan padding pada seluruh elemen HTML. File css juga memiliki tag media query untuk mengatur responsivitas.