ETS Pemrograman Web 2023

NRP : 5025201042

Kelas : Pemrograman Web  B

  1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya?
  2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.
  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. Nama : Cindi Dwi Pramudita


Jawaban 

1. Web Responsive
Website responsive adalah teknik atau metode bagi pengembang website untuk membuat layout website dapat menyesuaikan dengan berbagai device yang memiliki ukuran layar berbeda-beda. Penyesuaian website responsive melibatkan ukuran huruf, user interface, gambar, serta layout yang bisa tampil dengan ukuran layar dan resolusi device yang digunakan oleh pengguna. Website responsive dapat meningkatkan kenyamanan pengguna ketika mengakses suatu website, terutama pada perangkat mobile yang semakin banyak digunakan. 

Berikut adalah cara membangun website responsive:

  • Gunakan layout yang fleksibel: Layout yang fleksibel akan memungkinkan website menyesuaikan diri dengan ukuran layar perangkat yang berbeda-beda. Gunakan grid system atau framework CSS seperti Bootstrap untuk memudahkan pembuatan layout yang responsif.
  • Gunakan media query: Media query adalah teknik CSS yang memungkinkan pengembang website untuk menyesuaikan tampilan website dengan ukuran layar perangkat yang berbeda-beda. Dengan media query, pengembang website dapat menentukan aturan CSS yang berbeda untuk setiap ukuran layar.
  • Gunakan gambar yang responsif: Gunakan gambar yang dapat menyesuaikan diri dengan ukuran layar perangkat yang berbeda-beda. Gunakan teknik seperti responsive images atau lazy loading untuk mempercepat waktu muat website.

Dengan menerapkan teknik-teknik di atas, pengembang website dapat membangun website yang responsif dan dapat menyesuaikan diri dengan berbagai device yang memiliki ukuran layar berbeda-beda. Hal ini akan meningkatkan kenyamanan pengguna ketika mengakses suatu website dan dapat membantu meningkatkan traffic dan konversi pada website tersebut.

2. Aplikasi yang telah dikerjakan : 
  • CV HTML
    • Link Github : https://github.com/cindidwipramudita/tugas1-pweb-CV

  • Portal Web Berita 
    • Link Github : https://github.com/cindidwipramudita/PWEB-Portal-Berita

  • Undangan Pernikahan : 
    • Link Github : https://github.com/cindidwipramudita/undangan-pernikahan


3. Design Web Perpustakaan 













4. Implementasi 

Link Github : https://github.com/cindidwipramudita/ETS-Pemrograman-Web 

5. Demo 

Link Youtube : https://youtu.be/VNgJ_JfRZ_s 

Comments

Post a Comment

Popular posts from this blog

PPL Pertemuan 7 - Desain Sistem Restaurant

Image
  Nama: Cindi Dwi Pramudita (5025201042) Sekar Ambar Arum (5025211041) Kelas: PPL - A Pada pertemuan ke-7, mahasiswa diminta untuk mendeskripsikan bagaimana Low Level Design dan High Level Design dari sistem food delivery/restaurant berdasarkan referensi yang didapat dari paperwork, jurnal, dokumentasi aplikasi, dll. Referensi: Klik di sini Design Sistem Aplikasi Delivery Makanan Functional Requirements Registrasi Pengguna: Pengguna harus dapat membuat akun baru. Pengguna harus dapat masuk ke akun mereka dengan nama pengguna dan kata sandi. Pengguna harus dapat mengatur dan mengelola profil mereka (informasi pribadi, alamat pengiriman, metode pembayaran, dll.). Pemesanan Makanan: Pengguna harus dapat mencari restoran atau makanan berdasarkan kategori, nama, atau lokasi. Pengguna harus dapat menambahkan item makanan ke keranjang belanja. Pengguna harus dapat melihat ringkasan pesanan dan total biaya sebelum checkout. Checkout dan Pembayaran: Pengguna harus dapat melihat rincian pesa...
Read more

PPL Pertemuan 14 - Desain Database

Image
Nama      : Cindi Dwi Pramudita NRP         : 5025201042 Kelas       : Perancangan Perangkat Lunak A Desain Database Pada pertemuan ini kita diminta untuk membuat desain database dari aplikasi photo sharing (instagram) Kode SQL 1. Tabel Users Penjelasan :  user_id : ID unik untuk setiap pengguna. username : Nama pengguna yang unik. email : Email pengguna yang unik. password : Kata sandi pengguna (di-hash). profile_picture : URL gambar profil pengguna. bio : Biografi pengguna. created_at : Waktu ketika akun dibuat. 2. Tabel Posts  Penjelasan :  post_id : ID unik untuk setiap kiriman. user_id : ID pengguna yang membuat kiriman. image_url : URL gambar kiriman. caption : Teks keterangan kiriman. created_at : Waktu ketika kiriman dibuat. 3. Tabel Comments Menyimpan informasi tentang komentar pada kiriman Penjelasan :  comment_id : ID unik untuk setiap komentar. post_id : ID kiriman yang dikomentari. user_id ...
Read more

PPL Pertemuan 10 - Komponen Desain Sistem

Nama : Cindi Dwi Pramudita NRP : 5025201042 Kelas : Perancangan Perangkat Lunak A Komponen Desain Sistem   1. DNS Load Balancer (Round Robin DNS) Topologi Deskripsi: Load balancing DNS melibatkan distribusi permintaan ke beberapa server dengan memutar respons DNS untuk mengembalikan IP server yang berbeda untuk nama host yang sama. Struktur: Server DNS: Dikonfigurasi untuk mengembalikan alamat IP yang berbeda untuk permintaan yang masuk. Klien: Mengajukan permintaan DNS untuk nama host dan menerima salah satu dari beberapa alamat IP. Server Web: Beberapa server web yang menghosting aplikasi yang sama. Aplikasi yang Cocok: Aplikasi Web Statis: Seperti situs web dengan konten statis atau aplikasi yang tidak memerlukan sesi pengguna yang dipertahankan. Situs Web Berbasis Konten: Yang memiliki distribusi lalu lintas yang merata. 2. Hardware Load Balancer Topologi Deskripsi: Load balancer perangkat keras menggunakan perangkat fisik khusus untuk mendistribusikan lalu lintas jaringan ke b...
Read more