ETS PWEB

Hanafi Satriyo Utomo Setiawan
5025211195
PBKK A

1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya?

Website responsif adalah jenis desain web yang dirancang agar tampil baik dan berfungsi dengan baik di berbagai perangkat dan ukuran layar, termasuk komputer desktop, laptop, tablet, dan smartphone. Dengan demikian, pengguna dapat mengakses dan berinteraksi dengan situs web dengan nyaman tanpa perlu memutar-mutar atau memperbesar halaman web untuk melihat konten. Desain responsif adalah responsif terhadap perubahan ukuran dan orientasi layar pengguna.

Menggunakan meta viewport
<meta name="viewport" content="width=device-width,initial-scale-1"

Tanpa ada aturan intial-scale di viewport, maka ukuran font dan gambar halaman web di peranti mobile akan tampak sangat kecil dan sulit dibaca jika tidak diperbesar. Tanpa aturan width di viewport, halaman web di peranti mobile akan terpotong dan harus di-scroll secara vertikal dan horizontal untuk melihat bagian yang terpotong.

Menggunakan satuan ukuran relatif
pendekatan paling pentin gdalam membuat tampilan yang responsive adalah pamakaian satuan ukuran relatif. Lebar sebuah elemen web tidak menggunakan satuan tetap seperti px (piksel), akan tetapi menggunakan persentase

2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.

Website CV

Website Portal Berita



Website Kursus



Website Pernikahan


Form Validation Sederhana




Login Bootstrap




3. Sebuah perusahaan  ingin membuat aplikasi web untuk portal berita. Fungsi aplikasi untuk display berita terbaru, pengelompokan kategori, lowongan pekerjaan, informasi iklan atau event kegiatan. Selain itu tersedia juga form untuk pembaca memasukkan artikel atau opini yang ingin dimuat di portal berita. Desainkan front end website perpustakaan.




4. Implementasikan desainmu dan buat dokumentasi.


5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.



Comments

Post a Comment

Popular posts from this blog

PPL : Pertemuan 2

Image
Virtual Job Fair Information System Based on Augmented Reality and Virtual Reality Nama: Hanafi Satriyo Utomo Setiawan NRP: 5025211195 Judul: Virtual Job Fair Information System Based on Augmented Reality and Virtual Reality Referensi:  https://polgan.ac.id/jurnal/index.php/sinkron/article/view/11795/1174 DPPL adalah dokumen penting dalam pengembangan perangkat lunak yang menjelaskan rancangan sistem atau software secara detail. Dibuat pada tahap perancangan, DPPL menjadi panduan bagi para pengembang dalam mengimplementasikan solusi yang telah direncanakan. Isi DPPL: Detail teknis dan arsitektur perangkat lunak Interaksi antar komponen software Struktur data yang digunakan Algoritma dan metode yang diimplementasikan Manfaat DPPL: Memastikan semua orang (programmer, desainer, dll) memiliki pemahaman yang sama tentang software yang akan dibuat. Membantu programmer dalam membangun software dengan terstruktur dan terarah. Sebagai acuan untuk menguji dan mengevaluasi software apakah sudah s
Read more

PPL : Pertemuan 7

Image
PERANCANGAN SISTEM MANAJEMEN RESTORAN DENGAN APLIKASI PEMESANAN RESTORAN BERBASIS MOBILE DALAM JARINGAN LOKAL Hanafi Satriyo Utomo S          5025211195 Beauty Valen Fajri                      5025211227 Perbedaan HLD dan LLD Tingkat Kedalaman Detail: High Level Design: HLD lebih berfokus pada gambaran umum dan konseptual dari sistem atau aplikasi. Ini tidak terlalu memperhatikan detail teknis. Low Level Design: Sebaliknya, LLD sangat memperhatikan detail teknis dan rinci dari setiap komponen dan fitur. Ketergantungan pada Implementasi: High Level Design: HLD tidak terlalu tergantung pada implementasi teknis tertentu. Ini lebih tentang konsep dan arsitektur umum. Low Level Design: Sebaliknya, LLD sangat tergantung pada implementasi teknis. Ini merinci bagaimana setiap fitur atau komponen akan diimplementasikan dalam kode. Audience: High Level Design: HLD umumnya ditujukan untuk pemangku kepentingan tingkat atas, seperti manajer proyek, pengambil keputusan, atau klien. Ini membantu mere
Read more

PWEB A : HTML Undangan

Image
Nama: Hanafi Satriyo Utomo Setiawan NRP: 5025211195 Wedding Invitation web merupakan sebuah situs yang menampilkan sebuah informasi tentang pasangan yang akan menikah. Informasi yang tersedia seperti pasangan, akad, resepsi, dan buku tamu. Link Github:  https://github.com/tiostwn/PWEB-Wedding Link Deploy:  https://tiostwn.github.io/PWEB-Wedding/
Read more