ETS-Pweb-5025211167

Nama : Muhammad Rafi Sutrisno

Nrp : 5025211167

Kelas : Pemrograman Web B

Tahun : 2023


ETS Pweb

Soal :

  1. 1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya?
  2. 2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.
  3. 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. 4. Implementasikan desainmu dan buat dokumentasi.
  5. 5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.
Jawab :

1. Responsif web (Responsive Web) adalah pendekatan dalam desain dan pengembangan situs web yang bertujuan untuk memberikan pengalaman yang optimal kepada pengguna, terlepas dari perangkat yang mereka gunakan atau ukuran layar yang digunakan. Responsif web dirancang untuk merespons perubahan dalam ukuran layar, orientasi perangkat, dan kemampuan tampilan, sehingga situs web dapat tampil dengan baik di berbagai perangkat, seperti komputer desktop, laptop, tablet, dan ponsel. 

Pengaplikasian :
Konsep utama dalam desain responsif melibatkan penggunaan grid fleksibel, tata letak, dan media query CSS. Membangun situs web responsif melibatkan perencanaan, desain responsif, dan penggunaan HTML dan CSS yang bijak. Bisa juga menggunakan freamework tambahan seperti Bootstrap. Ini berarti elemen-elemen pada situs web akan mengubah ukuran, penataan, dan tampilan sesuai dengan perangkat yang digunakan oleh pengguna. Sebagai contoh, gambar dapat diubah ukurannya, teks dapat diatur ulang, dan elemen-elemen lainnya dapat disesuaikan agar sesuai dengan tampilan perangkat yang berbeda. Pengujian dan debugging ekstensif diperlukan untuk memastikan responsivitas pada berbagai perangkat. Konten yang responsif dan optimisasi kinerja juga harus diperhatikan.

Tujuan :
Tujuan utama responsif web adalah meningkatkan pengalaman pengguna dengan memastikan bahwa situs web tetap mudah dinavigasi, mudah dibaca, dan estetis menarik, tanpa perlu pengguna melakukan zoom atau scroll yang berlebihan. Responsif web juga dapat membantu dalam SEO (Search Engine Optimization) karena Google dan mesin pencari lainnya memprioritaskan situs web yang responsif dalam hasil pencarian mereka.


2. Berikut adalah project2 yang telah dikerjakan sebelumnya :

Tugas 1 Membuat Curriculum Vitae
Pada tugas berikut saya membuat CV menggunakan html dan css.
Link GitHub : https://github.com/Rafi-Sutrisno/Pweb-Portofolio

Tugas 2 Membuat Website Portal Berita
Pada tugas berikut saya membuat web portal berita menggunakan html dan css, layoutnya menggunakan display flex dan grid.

Tugas 3 Membuat Course Website
Pada tugas berikut saya membuat web kursus untuk penerbangan pesawat menggunakan html dan css. Pada tugas ini saya mengimplementasikan responsive website yaitu saat website dibuka di handphone.




Tampilan Mobile :







Tugas 4 Membuat Wedding Web
Pada tugas ini saya membuat wedding invitation web menggunakan html dan css. 


Link Github : https://github.com/Rafi-Sutrisno/Wedding-Web

Tugas 6 Membuat Forms Web
Pada tugas ini saya membuat web form menggunakan html, css, dan javascript. Pada tugas kali saya mengaplikasikan javascript untuk menyimpan data dan melakukan validasi form pada web.



link deploy : https://rafi-sutrisno.github.io/Forms/

link github : https://github.com/Rafi-Sutrisno/Forms


Tugas 7 Membuat login Page
Pada tugas ini saya membuat login page menggunakan framework Bootstrap.



3. Berikut adalah Desain Portal Berita :
Rencananya saya akan membuat website tersebut menggunakan html, css, javascript, dan bootstarp.

4. Berikut adalah hasil web yang telah saya buat :

5. Berikut adalah video demo saya :














Komentar

Posting Komentar

Postingan populer dari blog ini

PBKK-Final Project-5025211167

Gambar
Nama : Muhammad Rafi Sutrisno NRP : 5025211167 Tahun : 2023 Kelas : PBKK B Final Project PBKK Referensi paper : https://www.researchgate.net/publication/342466860_A_PROJECT_ON_ONLINE_TICKET_BOOKING_SYSTEM Deskripsi Studi kasus : Berdasarkan referensi yang saya dapatkan project ini bertujuan untuk mengembangkan sebuah sistem pemesanan tiket bioskop online yang mudah digunakan, efisien, dan memiliki tampilan yang menarik. Melalui implementasi Model-View-Controller (MVC), diharapkan proyek ini dapat memberikan struktur yang terorganisir dan memudahkan pemeliharaan sistem di masa depan. Dengan menggabungkan kekuatan CodeIgniter dan Bootstrap, proyek ini berhasil menghasilkan website cinema reservation yang memenuhi kebutuhan pengguna secara efisien dan estetis. Implementasi pola desain MVC memberikan struktur yang terorganisir, memudahkan pemeliharaan, dan memastikan fleksibilitas dalam pengembangan fitur-fitur baru di masa depan. Rancangan umum arsitektur atau fitur yang ada dalam aplikas...
Baca selengkapnya

Tugas 1 PBKK_Membuat Aplikasi Toko Buah menggunakan NET Framework_5025211167

Gambar
Nama : Muhammad Rafi Sutrisno NRP : 5025211167 Kelas : PBKK - B Tahun Ajaran : 2023 Pada tugas kali ini saya membuat Aplikasi Toko Buah Sederhana menggunakan NET Framework. Didalam aplikasi ini pengguna bisa memilih jumlah buah yang ingin dibeli dan akan ditunjukkan total harga yang harus dibayar. Masukkan jumlah buah untuk masing masing buah yang ingin dibeli. jika sudah klik simpan maka total harga akan muncul. jika sudah selesai klik selesai dan aplikasi akan kembali ke awal. Github :  https://github.com/Rafi-Sutrisno/PBKK-Tugas1 Code: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; namespace NetFrameWork_Apps {     public partial class Form1 : Form     {         public Form1()         {             InitializeComponent(); ...
Baca selengkapnya