Posts

Tugas 9 Pemrograman Web (CRUD dengan Form dan Image Upload)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Github Repository  :  https://github.com/ZetsuX/php-crud-with-image Penjelasan  :       Tugas kesembilan dari mata kuliah Pemrograman Web untuk membuat suatu website database siswa yang memiliki CRUD form dengan fitur upload gambar. Terdiri dari 3 halaman yakni utama yakni index.php yang berfungsi menampilkan seluruh data siswa, form_simpan.php yang merupakan form untuk menyimpan data, dan form_ubah.php yang merupakan form untuk mengganti data. Sementara itu terdapat 3 file proses yakni proses_simpan.php untuk memproses penyimpanan data, proses_ubah.php untuk memproses pengubahan data, dan proses_hapus.php untuk memproses penghapusan data. Lalu, terdapat folder images yang menjadi tempat menyimpan gambar-gambar. Terakhir, ada file konfig.php yang menyimpan konfigurasi dan menghubungkan ke database.    ...

Tugas 8 Pemrograman Web (Silaturahmi Online)

Image
KELOMPOK : Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Anggota 1 Nama  : Calvin Janitra NRP  : 5025211020 Anggota 2 Nama  : Kevin Nathanael Halim NRP  : 5025211140 Anggota 3 Nama  : Mohammad Zhafran Dzaky NRP  : 5025211142 Link Github Repository  :  https://github.com/ZetsuX/silaturahmi-online Penjelasan  :       Tugas kedelapan dari mata kuliah Pemrograman Web yang bersifat kelompok dengan maksimal anggota 3 orang untuk membuat website Silaturahmi Online. Merupakan sebuah website dimana pengguna yang telah terauthentikasi bisa mengirimkan pesan beserta gambar (bila diinginkan) ke pejabat dan nantinya dari pihak pejabat (admin) dapat melihat dan juga membalas pesan dari para pengguna tersebut.       Dibuat menggunakan HTML, Tailwind CSS untuk Frontend dan PHP untuk Backend yang menggunakan database relasional yakni InnoDB (mySQL) dengan 2 entitas yakni users dan messa...

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 :