Evaluasi Soal UTS
Soal No. 1 Jelaskan yang saudara ketahui tentang HTTP dan TCP/IP!
Jawaban Soal No. 1 HTTP singkatan dari HyperText Transfer Protocol merupakan protokol komunikasi yang digunakan di web dan bersifat HTTPless artinya tidak dapat menyimpan status proses sebelumnya. TCP/IP singkatan dari Transfer Control Protocol/Internet Protocol merupakan satu set protokol komunikasi yang digunakan di internet dan jaringan komputer sejenis lainnya. TCP/IP terdiri dari beberapa lapis, yaitu: lapisan link - berisi teknologi-teknologi komunikasi untuk segmen jaringan tunggal lapisan internet - menghubungkan host-host melintasi berbagai jaringan bebas, yang membentuk interjaringan lapisan transport - menangani komunikasi host ke host lapisan aplikasi - menangani aplikasi yang mengkomunikasikan data pengguna ke aplikasi lain pada host yang sama atau lainnya.
Soal No. 2 Semantik dideskripsikan sebagai pemberian makna dan struktur terhadap konten dalam dokumen HTML. Misalnya, elemen blockquote akan memberi makna teks sebagai suatu kutipan yang direferensikan oleh penulis dokumen. Berikan penjelasan singkat semantik dari elemen berikut: p, br, div, strong, em, ol, table, dan form!
Jawaban Soal No. 2 Elemen p - memberi makna teks sebagai sebuah paragrap elemen br -memberi makna perpindahan baris elemen div - tidak bermakna, bisanya digunakan sebagai kontainer dalam pengaturan tata letak elemen strong - memberi penekanan yang lebih kuat pada teks elemen em - memberi penekanan pada teks elemen ol - memberi makna suatu daftar elemen table - memberi makna suatu data dalam bentuk tabular elemen form - memberi makna suatu formulir elektronik
Soal No. 3 Buatlah dokumen HTML yang akan menampilkan tabel 3 baris dan 4 kolom. Baris pertama menjadi header tabel dengan masing-masing sel dari kiri ke kanan berisi teks header “No”, “NIM”, “Nama”, dan “IPK”. Baris sisanya diisi dengan data rekan-rekan saudara !
Jawaban Soal No. 3 <tr><td>1</td> <td>A12.2010.02346</td> <td>Etikana Pancarini</td> <td>3.5</td></tr> <tr><td>A12.2010.02346</td> <td>Arbi Saputra</td> <td>3.6</td> <td></td></tr> </table> </body> </html> <html> <head> <title>Daftar Teman Kampus</title> </head> <body> <table> <tr><th>No</th> <th>NIM</th> <th>Nama</th> <th>IPK</th></tr>
Soal No. 4 Berikan penjelasan terhadap persoalan CSS dibawah ini: letak dan ciri dari masing-masing area dalam konsep “Box Model” CSS ! perbedaan efek dari pemosisian elemen HTML secara static, relative, absolute, dan fixed !
Jawaban Soal No. 4 Letak dan ciri area box model: area margin terletak paling luar bersifat transparan area border terletak antara padding dan margin, tidak transparan area padding terletak didalam border, tidak transparan area konten terletak paling dalam, tidak transparan berisi konten
Jawaban Soal No. 4 Pemosisian/positioning: posisi static merupakan posisi default, penempatannya menurut aliran normal halaman posisi relative penempatannya relatif terhadap posisi normalnya dan tempat semula akan dipertahankan dalam aliran normal halaman posisi absolute penempatannya relatif terhadap elemen orang tua pertama yang berposisi selain static. posisi fixed penempatannya relatifterhadap jendela browser. elemen yang diposisikan fixed tidak akan bergeser jika jendela bergulir.
Soal No. 5 Buat sebuah kelas CSS dengan atribut: warna latar belakang light gray, border berjenis dashed, warna teks hitam dengan jenis huruf arial, lebar 200px, dan teks rata tengah !
Jawaban Soal No. 5 .info_utama {background:lightgray; border:1 px dashed; color:#000; font-familiy:arial; width:200px; text-align:center}
Soal No. 6 Selesaikan persoalan javascript dibawah ini: Tulislah dokumen HTML yang ketika dijalankan akan langsung menampilkan kotak peringatan yang dibuat dengan javascript dan berisi teks “Hallo apa kabar?” ! Buatlah sebuah fungsi javascript yang menjumlahkan dua variabel a dan b yang masing-masing bernilai 5 dan 10. Fungsi javascript ini diletakkan di bagian head dokumen HTML !
Jawaban Soal No. 6 Kotak peringatan: <html> <head> <title>Daftar Teman Kampus</title> <script> alert(“Hallo apa kabar?”); </script> </head> <body> </body> </html>
Jawaban Soal No. 6 Fungsi Javascript: <html> <head> <title>Daftar Teman Kampus</title> <script> function hitung(){ var a = 5; var b = 10; var c; c = a + b; return c; } </script> </head> <body> <script> document.alert(“Hasil perhitungan = ” + hitung()); </script> </body> </html>
Materi Setelah UTS DOM PHP Arsitektur Informasi Prinsip-prinsip dasar desain web dan interaksi Aksesibilitas, usabilitas, findabilitas Teknik Publikasi/hosting Situs Web