Laporan Day 29

  Nama : Salsafina Wulandari

Kelas : IIX PI RPL

Sekolah : SMK LUQMAN AL HAKIM KUDUS

Laporan Prakering 05/03/2026


Assalamualaikum Wr wb

Alhamdulilah Hari ini Wulan bisa mengerjakan PKL dengan lancar .

saya baru bisa membenahi tampilan web user saya di menu testimoni . dan saya baru bisa bikin laporan hari ini .


Hari ini saya sudah merapikan mengedit tampilan user saya di menu testimoni. 


Fitur ini dirancang untuk menampilkan kesan dan pesan dari para alumni sebagai bentuk social proof bagi calon pendaftar. Desain mengadopsi gaya visual modern yang terinspirasi dari fitur Notes atau Direct Message Instagram, di mana pesan teks diletakkan di dalam balon ucapan (bubble) di atas identitas pengirim.

2. Detail Implementasi Teknis

Berdasarkan struktur kode pada index4.php, berikut adalah detail teknisnya:

  • Integrasi Database: Data diambil secara dinamis dari tabel testimoni menggunakan query PHP, mencakup nama alumni, angkatan, dan isi pesan.

  • Layout & Scroll: Menggunakan container dengan sistem flexbox dan properti overflow-x: auto untuk memungkinkan pengguna menggeser (scroll) testimoni secara horizontal.

  • Navigasi Menu: Fitur ini terintegrasi dalam sistem Single Page Application (SPA) sederhana, di mana navigasi dikelola melalui fungsi JavaScript openSection() untuk memberikan pengalaman smooth scrolling.

3. Pembaruan Desain Terbaru

Sesuai dengan permintaan optimasi terbaru, dilakukan penyederhanaan pada elemen visual profil alumni:

  • Transformasi Visual: Foto profil asli dihilangkan dan diganti dengan elemen grafis minimalis berupa lingkaran solid.

  • Skema Warna: Lingkaran profil kini menggunakan warna Biru Pastel (#a2d2ff) yang memberikan kesan bersih, ramah, dan konsisten dengan identitas visual sekolah.

  • Tipografi & Bubble: Pesan alumni diletakkan dalam note-bubble berwarna putih dengan bayangan halus (box-shadow) agar teks tetap kontras dan mudah dibaca di atas latar belakang biru pastel.

4. Status Fitur

  • Responsivitas: Sudah diuji untuk perangkat seluler menggunakan scroll snap agar perpindahan antar pesan terasa ringan di layar sentuh.

  • .



Komentar

Posting Komentar

Postingan populer dari blog ini

Hasil Laporan Prakering DAY 4

Gambar
Laporan Hasil Praktik Kerja Industri Nama: Salsafina Wulandari Kelas:IIX Putri Rpl Sekolah : SMK LUQMAN AL HAKIM Laporan Prakering 29/01/2026                                        Assalamualaikum Wr.Wb Hai pak😊...., Hari ini saya melajutkan Project PKL Sampai Di Crud yang membuat input, tampil dan Delete. pak karna yang Kontak sudah kemaren jadi ini yang menu lainnya yaaa. saya laporin yang laporan kemarin dan hari ini.. 1. Input Berita Jika sudah membuat codingan yang sudah di beri di Modul... Masukan codingan input_berita dan disesuaikan dengan database maka akan uncul halaman seperti brkt:    Setelah melihat tampilan input berita tidak ada yang eror maka lanjut membuat proses_berita di isi dengan codingan yang ada di Modul.. 2. Proses Berita codingan ini untuk menginput data dari database dan akan tampil di Data berita.. 2. Data Berita Gimana cara nya biar bi...
Baca selengkapnya

Hasil Laporan Prakering Day 3

Gambar
Laporan Hasil Praktik Kerja Industri Nama: Salsafina Wulandari Kelas:IIX Putri Rpl Sekolah : SMK LUQMAN AL HAKIM Laporan Prakering 28/01/2026                                                                                     Assalamualaikum Wr.Wb Di hari ini saya melanjutkan Project PKL kemarin yaitu mengedit dan menyesuaikan menu" yang diperlukan di web.  Hari ini saya masih membenarkan di bagian Menu karna kemaren belum bisa drop down.. akhirnya saya benarkan dan merapikan ... Setelah itu saya melanjutkan CRUD dengan menginput , data atau tampilan , proses kontak dan hapus kontak. 1. Menginput Kontak. 2. Data kontak 3. Proses Kontak 4. Hapus Kontak Pada bab ini, saya mempelajari proses input dan pengelolaan data kontak menggunakan PH...
Baca selengkapnya

Hasil Laporan Prakering DAY 5

Gambar
  Laporan Hasil Praktik Kerja Industri Nama: Salsafina Wulandari Kelas:IIX Putri Rpl Sekolah : SMK LUQMAN AL HAKIM Laporan Prakering 29/01/2026                Assalamualaikum Wr.Wb Hari ini saya melanjutkan project PKL.. Halaman login background bisa diganti sesuai keinginan... dan bukan hanya admin yang bisa lihat tanpa login juga... Saya sempat membuat database dan file  baru untuk pembuatan menampilkan gambar.. namun hari ini waktunya kurang cukup ...  saya sudah pasrah pak 😭😭😭😭😭 cukup segini pak saya dari pagi sampe siang ini buat menampilkan gambar ga bisa.. Terimakasih pak atas dukungannya... Waalaikumsalam wr. wb.
Baca selengkapnya