ETS PWeb

 

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.

1. web responsive sendiri merupakan suatu web dimana bisa menysuakan secara otomatis ukuran dari konten yang dimuat sesuai dengan device yang digunakan untuk membuka konten tersebut. Untuk membuatnya dapat menggunakan : 

   a.      Mendefinisikan Meta Tag 

   Pertama, cara membuat website responsive adalah dengan mendefinisikan dulu meta tag. Saat mengatur website agar responsive pada mobile browser, biasanya kamu harus mengatur skala halaman HTML yang disesuaikan dengan lebar viewport. Untuk melakukannya, kamu perlu menggunakan meta tag viewport. Tag ini berfungsi untuk menginformasikan browser agar menonaktifkan skala awal. 

   b.      Menentukan Struktur HTML Website

   Cara kedua untuk membuat website responsive adalah dengan menentukan struktur HTML. Struktur HTML biasanya terdiri dari header, content, sidebar dan juga footer. Header biasanya bisa diatur dengan ukuran lebar dan tinggi sesuai kebutuhan.

         c. Membuat Media Query di CSS

   Cara terakhir dalam membuat website responsive adalah dengan membuat media query di CSS. Cara ini berfungsi untuk memerintahkan browser, kamu bisa menggunakan CSS3. CSS3 ini juga sudah canggih dan menggunakan kondisi (IF) seperti bahasa pemrograman PHP dan JS. Cara kerjanya adalah CSS code akan memberitahu browser ketika lebar layar 960px, untuk menjalankan script dan mengatur lebar sesuai script. Biasanya sebelum diatur, lebar wrapper adalah 965 dari lebar layar, sedangkan konten membutuhkan ukuran lebar 66%, dan sidebar menjadi 30%. 

2. Ø  Tugas membuat CV

   

   Link : https://indrakuncahyo.blogspot.com/2023/09/tugas-pweb-1.html

   Link Github : link  

   Link Deploy : link  

   Ø  Tugas membuat Layout

   

   Link : https://indrakuncahyo.blogspot.com/2023/09/blog-post.html

   Link Github : link

   Link Deploy : link

   Ø  Tugas membuat Portofolio

   

   Link : https://indrakuncahyo.blogspot.com/2023/09/tugas-pweb.html

   Link Github : link

   Link Deploy : link 

   Ø  Tugas membuat Undangan

   

   
   Link : https://indrakuncahyo.blogspot.com/2023/09/blog-post.html

   source code :link

   deploy : link 

   Ø  Tugas membuat Form Validasi

   

   Link : https://indrakuncahyo.blogspot.com/2023/10/tugas-pweb.html

   code: link

   deploy : link

   Ø  Tugas membuat Login dan Sign up

   

   Link : https://indrakuncahyo.blogspot.com/2023/10/tugas-pweb_12.html

   code: link

   deploy : link

    

3. Buat desain portal berita

   

4. Implementasi

   
   
   
   
   
   

   
   

5. Youtube 

. hasil presentasi