Posts

Tugas 7 Pemrograman Web (CRUD - Pendaftaran Siswa Baru)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Github Repository  :  https://github.com/ZetsuX/simple-student-admission Penjelasan  :  Tugas ketujuh dari mata kuliah Pemrograman Web yakni membuat website penerimaan siswa baru yang dapat mengakomodasi CRUD dengan menggunakan PHP. Fitur yang tersedia adalah registrasi siswa baru melalui form, melihat seluruh siswa yang sudah terdaftar, edit data siswa melalui form, dan menghapus data siswa yang ada. Saya juga menambahkan styling menggunakan bootstrap dengan landing page memakai navbar serta carousel, data siswa memakai table, dan link-link memakai button. Dokumentasi :

Kuis 1 Pemrograman Web (News Website)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://zx-news.vercel.app/ Link Github Repository  :  https://github.com/ZetsuX/simple-news-website Demo Youtube :  https://youtu.be/8cryvjEXarU Penjelasan  :  Kuis 1 Pemrograman Web, membuat website berita interaktif. Saya memasang latest news dengan 2 berita yang dilengkapi gambar, judul, deskripsi, tanggal, dan juga penulis. Juga terdapat aside section untuk about, navigation, dan archive. Saya juga menyertakan fitur darkmode di dalamnya sebagai perwujudan bentuk "interaktif"  atas saran dari asisten.   Dokumentasi :

Tugas 6 Pemrograman Web (AJAX Login Page)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://zetsux-ajax-login.vercel.app/ Link Github Repository  :  https://github.com/ZetsuX/simple-ajax-login-page Penjelasan  :  Tugas keenam dari mata kuliah Pemrograman Web yakni membuat halaman login sederhana dari contoh yang diberikan menggunakan AJAX. Saya sendiri membuatnya dengan menambahkan rule untuk validation, menambahkan pewarnaan, sedikit mengubah style dari halamannya, dan juga mengubah request method typenya menjadi GET agar tidak melanggar CORS access karena hanya untuk contoh. Dokumentasi :

Tugas 5 Pemrograman Web (Redstore with Bootstrap)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://redstore-zetsux.vercel.app/ Link Github Repository  :  https://github.com/ZetsuX/bootstrap-redstore-landing-page Penjelasan  :  Tugas kelima dari mata kuliah Pemrograman Web yakni membuat landing page untuk Redstore, sebuah website e-commerce peralatan olahraga dengan menggunakan bootstrap, dimana terdapat contoh yang harus ditiru dan direplikasikan sesuai dengan kemampuan masing-masing. Navbarnya sendiri menggunakan class navbar dengan element dropdown milik Bootstrap. Kemudian, untuk bagian utamanya menggunakan class col-lg-5 untuk text dan gambarnya, sementara menggunakan col-lg-1 untuk pemisah di tengah-tengah keduanya. Dokumentasi :

Tugas 4 Pemrograman Web (Submit & Signup Form)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://simple-login-signup.vercel.app/ Link Github Repository  :  https://github.com/ZetsuX/simple-login-signup Penjelasan  :  Tugas keempat dari mata kuliah Pemrograman Web yakni membuat submit dan signup form dengan menggunakan JavaScript dasar. Dimana pada submit form digunakan JavaScript untuk mengembalikan alert apabila login telah berhasil, sementara itu JavaScript pada signup form digunakan untuk melakukan validasi terhadap data yang dimasukkan seperti pengecekkan terhadap email, username, password, keterisian data, dan lain-lain. Saya melakukan sedikit pengembangan seperti menggunakan tag <form> pada submit form dan menggunakan css untuk styling pada kedua page yang ada. Dokumentasi :

Tugas 3 Pemrograman Web (Landing Page)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://campden.vercel.app/ Link Github Repository  :  https://github.com/ZetsuX/campden-landing-page Penjelasan  :  Tugas ketiga dari mata kuliah Pemrograman Web yakni membuat landing page menggunakan struktur HTML 5. Saya sendiri membuat 1 page html yakni index.html yang berisi 6 section yakni navbar, home, products, reviews, about, dan footer. Merupakan website dengan konsep menjual peralatan dan barang-barang yang penting untuk camping. Barang-barang yang dijual sendiri ditampilkan dalam bentuk card beserta dengan reviews. Dokumentasi :

Tugas 2 Pemrograman Web (Website Warung)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://warung-bu-bos.vercel.app/ Link Github Repository  :  https://github.com/ZetsuX/bu-bos-stall-website Penjelasan  :  Tugas kedua dari mata kuliah Pemrograman Web yakni membuat website warung menggunakan struktur HTML 5. Saya sendiri membuat 3 page html yakni index.html sebagai halaman utama (beranda), menu.html sebagai halaman untuk menampilkan menu-menu, dan about.html untuk menampilkan halaman tentang warung. Untuk tag <header> diisi dengan logo beserta title dan juga navbar yang dibungkus dengan tag <nav>, kemudian digunakan tag <section> untuk menampilkan konten utama dan juga <aside> untuk menampilkan sidebar. Terakhir, juga diberikan footer dengan tag <footer>. Saya juga memberikan animasi loading yang cukup lucu untuk memberikan waktu bagi loading konten setiap ka...