ETS PWEB - B

1. 1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya?
2. Website responsif merupakan sebuah teknik untuk membuat layout dapat secara otomatis sesuai dengan layar pengguna. Hal tersebut bertujuan untuk meningkatkan kenyamanan pengguna saat mengunjungi website. 
3. 
   
4. Adapaun cara membangun web responsif adalah:
5. a. Mendefinisikan meta tag. Tag ini berfungsi menginformasikan browser agar menonaktifkan skala awal. 
   contoh:
6. <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

7. <!–[if lt IE 9]> <script src=”http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js”></script> <![endif]–>

8. b. Menentukan struktur HTML website. Struktur HTML terdiri dari header, content, sidebar, dan footer
9. c. Membuat media query di CSS. CSS code akan memberitahu browser ketika lebar layar 960px, untuk menjalankan script dan mengatur lebar sesuai script. 
10. 
    
11. 2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.
12. - Tugas 1 (CV):
    
    
    
    Tugas 1
13. - Tugas 2 (Portal berita):
14. 
    
    
    Tugas 2
15. - Tugas 3 (Course page):
    

Tugas 3

1. - Tugas 4 (Wedding Invitation):

2. 

   Tugas 4

   
   
   
3. - Tugas 5 (Validation Form):
4. 
   
   
   Tugas 5
5. - Tugas 6 (Registration form dengan bootstrap):
6. 

Tugas 6

1. 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.
2. 
   
   
   
3. 
   
4. 4. Implementasikan desainmu dan buat dokumentasi.
5. Source code: GitHub
6. 5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.