KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN INSTITUT TEKNOLOGI SUMATERA Jalan Terusan Ryacudu, Way Hui, Jati Agung, Lampung Selatan 35365 Telepon (0721) 8030188, Fax. (0721) 8030189, Email: [email protected] www.itera.ac.id Kode/Mata Kuliah UJIAN TENGAH SEMESTER Semester/Prodi : IF3021/Pemrograman Web Lanjut (PWL) Hari/Tanggal Dosen Pengampu : Semester Genap/Teknik Informatika : Jumat/27 Maret 2020 Sifat Ujian : Rajif Agung Yunmar, Andre Febrianto Waktu : Daring (Covid-19) : 100 Menit TATA TERTIB UJIAN 1. Mahasiswa yang berbuat curang baik yang mencontek/dicontek, maka UTS = 0 2. Tuliskan identitas diri dan nama kelas 3. Waktu pengerjaan 100 menit 4. Pengumpulan lembar ujian hanya diterima 1x (berkas pertama) pada link yang telah ditentukan 5. Format penamaan file “nim_pwl.pdf” SOAL 1. Lengkapi code flexbox berikut: (20 point) .flex-container { display: flex; flex-direction: ... (1); flex-wrap: ...(2); justify-content: flex-start; align-content:...(3); align-items: flex-start; } .flex-item:nth-child(1) { order: 0; flex: 0 1 auto; align-self: auto; } .flex-item:nth-child(2) { ...(4) .flex-item:nth-child(3) { order: 0; flex: 0 1 auto; align-self: auto; }
Sehingga result-nya seperti pada gambar berikut: 2. RWD - Buatlah query media menggunakan direktif @media (hanya direktif @media nya saja) untuk jenis dan fitur media berikut ini: (30 point) a. Jika halaman (page) ditampilkan pada layar, dengan lebar 625 pixels atau lebih besar, atur warna latar belakang halaman menjadi biru. Namun, jika halaman ditampilkan untuk dicetak, dengan page paling lebar 624 pixels dan paling tinggi 864 pixels, atur warna latar belakang halaman menjadi putih. b. Jika page ditampilkan pada semua jenis media warna, atur warna latar belakang halaman menjadi merah muda (pink). Namun, jika page ditampilkan pada semua jenis media monochrome, atur warna latar belakang menjadi hitam dan warna teks menjadi putih. c. Jika halaman ditampilkan di layar dan rasio aspek adalah 4/3 (halaman lebih lebar daripada tinggi, 4 hingga 3) atau lebih besar, atur warna latar belakang halaman menjadi merah muda. Namun, jika halaman ditampilkan di layar dan rasio aspek lebih sempit daripada 4/3, atur warna latar belakang halaman menjadi hitam, dan warna teks menjadi putih. 3. Javascript (Looping): (30 point) Seorang dokter akan melakukan pengetesan virus Covid-19 terhadap beberapa pasien, dokter tersebut memiliki 1 box yang berisi 10 buah alat rapid test covid-19 di mejanya. Untuk melakukan sebuah tes, dokter mengambil 1 buah rapid test covid-19 dari box dan menggunakannya. Jika akan melakukan pengetesan untuk pasien lain maka dokter akan mengambil alat rapid test covid-19 lainnya. Dokter terus melakukan hal yang sama sampai alat rapid test covid-19 tersebut habis. Dokter melakukan Looping: mengulangi proses mengambil alat rapid test covid-19 dari box sampai tidak ada yang tersisa. Tuliskan program looping tersebut dengan Javascript menggunakan : a. While loop b. For loop
4. DOM – Events: (20 point) Perhatikan script dibawah ini, lengkapi kemudian lakukan analisis dan jelaskan secara detail apa yang terjadi jika script tersebut di execute. <!doctype html> <html lang=\"en\"> <head> <title> Accessing multiple elements </title> <meta charset=\"utf-8\"> <script> ... = init; function init() { var button = ...; button.onclick = ...; } function addUp() { alert(\"testing sum\"); } </script> </head> <body> <form> <p>Enter numbers to add:</p> <input type=\"number\" size=\"4\"> + <br> <input type=\"number\" size=\"4\"> + <br> <input type=\"number\" size=\"4\"> <br> <p>= <span id=\"sum\"></span></p> <input type=\"button\" id=\"submit\" value=\"Add\"> </form> </body> </html>
Search
Read the Text Version
- 1 - 3
Pages:
