Tugas 08 - Pemrograman Web - Silahturami Online

 Nama dan NRP:

1. Muhammad Ersya Vinorian - 5025211045

2. Muhamad Dafian Zaki Akhdan - 50251211108

3. Frederick Hidayat - 5025211152


Kelas: PWEB A

Tahun: 2022/2023 (Genap)

Berikut Link Tugas
Github : https://github.com/MrHermes/Pemrograman-Web-08

Tugas kali ini adalah membuat web untuk Silahturami Online dengan pengguna yaitu warga serta pejabat. Warga dapat melakukan pengiriman pesan silhaturami berisi kritik, saran maupun sekedar ucapan hari raya, sedangkan pejabat dapat memberikan balasan terhadap pesan tersebut. Sistem ini dibangun dengan menggunakan HTML, CSS, JavaScript, PHP, dengan database SQL. Berikut tampilan web terkait,


Kumpulan screenshot tampilan

1. Login Page (index.php)

Berikut tampilan login page


2. Register Page (form-daftar.php)

Berikut tampilan register page dengan alert box ketika berhasil melakukan register.



3.1  Admin Page / List Pesan (admin.php)

Berikut tampilan list pesan yang admin harus jawab dengan indikator jika ada yang sudah dijawab maupun belum



3.2 Detail Pesan (modal)

Berikut pop-up windows untuk detail pesan dan tempat membalas pesan



4. Kirim Pesan (message.php)

Berikut tempat pengiriman pesan dengan tempat yang fleksibel





5. Tampilan pesan terkirim dan menunggu balasan (message-sent.php)

Berikut detail pesan setelah terkirim dan menunggu balasan kepala daerah (pejabat)





Comments

Post a Comment

Popular posts from this blog

EAS Pemrograman Web A

Image
Nama : Frederick Hidayat NRP : 5025211152 Pemrograman Web A Tahun : 2022/2023 Jelaskan perbedaan front end dan Back End Kompetensi apa saja yang harus dikuasai oleh Front End Engineer, dan Back End Developer Buatlah struktur tabel dari aplikasi Desainkan bentuk masing-masing menu   Jawaban 1.       Front End adalah bagian dari suatu web yang bertanggung jawab dalam menampilkan tampilan interaktif dan optimal yang berinteraksi langsung dengan pengguna. Front End erat kaitannya dengan User Interface (UI) dan User Experience (UX) yang mana menjadi bagian dimana pengguna dapat melihat serta merasakan pengalaman interaksi dari web tersebut. Front End umumnya dibentuk oleh HTML (Hypertext Markup Language), CSS (Cascading Style Sheets) dan juga JS (Java Script).   2.       Kompetensi Front End Engineer : a. Keahlian dalam HTML, CSS, JavaScript        b. Pemahaman dalam kerangka kerja tertentu untuk Front End seperti React, Vue,              Angular
Read more

Tugas 10 - Pemrograman Web - PDF

Image
Nama : Frederick Hidayat NRP : 5025211152 Pemrograman Web A Tahun : 2022/2023 Berikut link dari tugas saya  Link Github : https://github.com/MrHermes/Pemrograman-Web-10 Pada kesempatan kali ini, saya membuat website untuk pendaftaran peserta les Komun. Pembuatan web kali ini dititikberatkan pada PHP yang berperan besar dalam flow (pengaluran) dari web ini. Selain itu, saat membuat web ini, terdapat penyambungan terhadap database SQL melalui config yang ada. Pada CRUD terdapat section yang dapat menerima foto, mengedit foto dan menghapus foto dalam satu set data terkait. Hal ini diwujudkan oleh SQL yang terimplementasi dalam PHP kemudian akan dilanjutkan dengan pen- Generate -an PDF yang dapat didownload nantinya. 1. Tampilan Page Utama 2. Tampilan Form Daftar 3. Tampilan Page Utama jika daftar berhasil 4. Tampilan Page Utama jika daftar berhasil 5. Tampilan List Pendaftar 6. Tampilan Form Edit     7. Tampilan PDF
Read more