Wednesday, 21 December 2022

Pemrograman Web (B) - CRUD Studi Kasus Pendaftaran Siswa Baru dengan Download PDF

Halaman Hasil PDF


Deskripsi Tugas

Tugas yang diberikan adalah membuat sistem informasi dengan metode CRUD (Create, Read, Update, dan Delete) dengan studi kasus pendaftaran siswa baru seperti tugas sebelumnya. Namun, pada kasus ini ditambahkan satu fitur baru, yaitu download laporan dalam bentuk PDF. Referensi yang diambil adalah pada tutorial PHP milik BelajarPHP.

Langkah-langkah yang harus dilakukan:

  1. Download library yang v1.85 (2022-11-10) pada situs resmi FPDF.
  2. Buat sebuah folder baru dengan nama fpdf pada C:\xampp\htdocs\[nama-project]/fpdf dan extract file fpdf185.zip ke folder tersebut.
  3. Siapkan script PDF nya dengan membuat file process_download.php.


Link Repository dan Dokumentasi Hasil

Link repository: https://github.com/masnurrm/pweb-studi-kasus-download-pdf

Dokumentasi: 

Tampilan Database


Halaman Awal Data Kosong


Pengisian Data


Halaman Data yang Terisi


Proses Download PDF


Hasil Download PDF
Read More

Pemrograman Web (B) - CRUD Studi Kasus Pendaftaran Siswa Baru dengan Upload Gambar

Tampilan Dashboard

 

Deskripsi Tugas

Tugas yang diberikan adalah membuat sistem informasi dengan metode CRUD (Create, Read, Update, dan Delete) dengan studi kasus pendaftaran siswa baru seperti tugas sebelumnya. Namun, pada kasus ini ditambahkan satu fitur baru, yaitu upload foto. Referensi yang diambil adalah pada tutorial PHP milik MyNotesCode.


Link Repository dan Dokumentasi Hasil

Link repository: https://github.com/masnurrm/pweb-studi-kasus-upload-file

Dokumentasi: 

Tampilan Database


Data Awal


Pengisian Data


Data Berubah


Data setelah Dihapus


Read More

Pemrograman Web (B) - CRUD Studi Kasus Pendaftaran Siswa Baru

 

Tampilan Tabel pada Admin

Deskripsi Tugas

Tugas yang diberikan adalah membuat sistem informasi dengan metode CRUD (Create, Read, Update, dan Delete) dengan studi kasus pendaftaran siswa baru. Referensi yang diambil adalah pada tutorial PHP milik PetaniKode.


Link Repository dan Dokumentasi Hasil

Link repository: https://github.com/masnurrm/pweb-studi-kasus-CRUD

Dokumentasi: 

Tampilan Database


Halaman Awal

Data Awal

Input Data Baru

Notifikasi bahwa Data Berhasil Input

Data Terbaru

Halaman Edit Data

Data setelah Dihapus

Read More

Tuesday, 20 December 2022

Pemrograman Web (B) - Membuat Landing Page

 

Landing Page Pribadi

Deskripsi Tugas

Tugas pada materi HTML dan CSS yang diambil adalah tugas membuat landing page. Untuk itu, berikut pengerjaan dari tugas tersebut.


Link Repository dan Link Hasil

Link repository: https://github.com/masnurrm/pweb-landing-page

Link hasil: https://masnurrm.github.io/pweb-landing-page


Landing Page Pribadi

Read More

Pemrograman Web (B) - Form Validation dengan JQuery

 

Tampilan Awal Form

Deskripsi Tugas

Membuat sebuah website berisikan form yang akan melakukan validasi input form dengan menggunakan JQuery.


Link Repository dan Link Hasil

Link repository : https://github.com/masnurrm/pweb-form-validation-jquery

Link hasil: https://masnm.blogspot.com/2022/12/pemrograman-web-b-form-validation.html

Tampilan Awal Form

Tampilan Message Validasi

Tampilan Source Code

Code index.html 


Code style.css 


Read More