Posts

Pertemuan 13

  Pertemuan 13         Nama : Jhonatan Christopher Lundu Simorangkir               NRP : 5025221316               Mata Kuliah : PWEB B2               Link Github Repository :  https://github.com/JhonatanSimorangkir/PWEB-B/tree/main/Pertemuan-13 1. Gambaran Umum Aplikasi Aplikasi ini merupakan sistem pendaftaran berbasis web yang memungkinkan pengguna untuk: Mengisi formulir pendaftaran Mengunggah foto Melihat daftar pendaftar Mengedit data pendaftar termasuk mengganti foto Menghapus data pendaftar Aplikasi dibangun menggunakan PHP native , MySQL sebagai database, dan HTML + CSS untuk tampilan. 2. Arsitektur Umum Sistem Aplikasi menggunakan arsitektur Client–Server dengan pendekatan monolithic PHP . [ Browser ] ↓ HTTP Request [ PHP Application ] ↓ SQL Query [ MySQL Database ] ↑ [ File Storag...

Pertemuan 12 : Upload Foto

Image
  Pertemuan 12          Nama : Jhonatan Christopher Lundu Simorangkir               NRP : 5025221316               Mata Kuliah : PWEB B2               Pada Pertemuan kali ini, mahasiswa diminta untuk mengimplementasikan CRUD Gambar untuk pendaftaran. disini saya menggunakan sistem pada pertemuan 9 yaitu sistem pendaftaran mahasiswa. terdapat beberapa page yaitu :  Home Page          Home Page berisi dua opsi yaitu daftar, dan Lihat Pendaftar.       Index / Daftar Page          Index berisi form pendaftaran, yaitu NIS, Nama, Nomor, Alamat, Jenis Kelamin, dan gambar. index berhubungan langsung dengan database. setiap informasi terdaftar akan masuk ke row baru database List Page          Pada Page ini, akan ditampilkan list untuk semua data yan...

Pertemuan 11 : Laundry Crafty

Image
  Pertemuan 11           Nama : Jhonatan Christopher Lundu Simorangkir           NRP 5025221316          Mata Kuliah :PWEB B2          Pada pertemuan kali ini, mahasiswa diminta untuk mengerjakan sebuah website, berjudul LaundryCrafty. Sebuah website CRUD yang mensimulasikan kerja sistem laundry. Login Dashboard Laundry Masuk               Pada section Laundry masuk, terdapat beberapa opsi, diantaranya tambahkan row baru, edit dan delete. CRUD Laundry Keluar          Pada page laundry keluar, terdapat opsi tambah data. untuk memindahkan dari list laundry masuk ke laundry keluar. artinya sudah selesai di proses.               Link Github :  https://github.com/JhonatanSimorangkir/PWEB-B/tree/main/Pertemuan-11

Pertemuan 9 : PHP & MYSQL

Image
  Pertemuan 8     Nama : Jhonatan Christopher Lundu Simorangkir     NRP : 5025221316     Mata Kuliah : PWEB B2     Pada pertemuan ini, mahasiswa mengeksplor lebih dalam tentang PHP dan MYSQL. Mahasiswa juga diminta untuk mengimplementasi sistem dasar untuk membuat sebuah program CRUD dasar. dengan menghubungkan program dengan mysql, saya membuat 3 halaman. yaitu : Halaman Pendaftaran Halaman Home Halaman List          Halaman List sendiri memiliki opsi opsi untuk tiap row, ada Edit dan Hapus. keduanya langsung berhubungan dengan Database Edit akan membawa ke halaman lain, dimana akan muncul tampilan untuk mengubah data dan opsi update.          Link Github :  https://github.com/JhonatanSimorangkir/PWEB-B/tree/main/Pertemuan-9

Pertemuan 7 : Ajax

Image
  Pertemuan 7           Nama : Jhonatan Christopher Lundu Simorangkir          NRP : 5025221316          Mata Kuliah : PWEB B2          Pada pertemuan kali ini, mahasiswa diminta untuk mengimplementasikan Ajax, Jquery, dan PHP pada sebuah form, dengan tujuan agar form tersebut tidak refresh page pada saat berhasil mengirim. disini, saya menggunakan XAMPP dan Apache. Tampilan :          Link Github :  https://github.com/JhonatanSimorangkir/PWEB-B/tree/main/Pertemuan-7_Ajax          Link Website :  https://jhonatansimorangkir.github.io/PWEB-B/Pertemuan-7_Ajax/index.html          Perlu diketahui bahwa website tidak berjalan karena tidak menggunakan web server.

Pertemuan 6 : Bootstrap

Image
 Pertemuan 6     Nama : Jhonatan Christopher Lundu Simorangkir     NRP : 5025221316     Mata Kuliah : PWEB B2          Pada pertemuan ini, saya diperkenalkan dengan Bootstrap, sebuah framework CSS yang sangat umum digunakan dalam membuat website. Saya membuat beberapa contoh website menggunakan bootstrap. yaitu : Halaman Konten           Website ini merupakan website statis modern yang dibangun menggunakan Bootstrap 5 dengan struktur file terpisah (HTML, CSS, dan JavaScript).         Website menampilkan header (hero section) sebagai pembuka, navbar responsif untuk navigasi, konten utama berupa card fitur dan artikel, serta footer sebagai penutup. Desain dibuat responsif , sehingga dapat diakses dengan baik di perangkat desktop maupun mobile, serta mudah dikembangkan ke website dinamis di masa depan.          Link Github : https://github...

Pertemuan 5 : Javascript

Image
  Pertemuan 5     Nama : Jhonatan Christopher Lundu Simorangkir        NRP : 5025221316        Mata Kuliah : PWEB B2        Pada pertemuan kali ini, mahasiswa diminta untuk mengimplementasikan javascript untuk form dan list drop down. terdapat 3 varian dari hasil implementasi yang saya buat. Registration Form, Postal Code, dan Gadget List. Registration Form                     Link Github :  https://github.com/JhonatanSimorangkir/PWEB-B/tree/main/Pertemuan-5_JS/ registration_form         Link Website : https://jhonatansimorangkir.github.io/PWEB-B/Pertemuan-5_JS/registration_form/index.html Postal Code                     Link Github :  https://github.com/JhonatanSimorangkir/PWEB-B/tree/main/Pertemuan-5_JS/postal_code          Link Websi...