Contoh Soal UAS Pemrograman Web Semester Gasal 2016 Beserta Kunci Jawaban

Sebagai tambahan materi untuk memperdalam penguasaan tentang mata pelajaran Pemrograman Web, kali ini Jaring Web memberikan solusi dengan membagi contoh soal pemrograman web semester gasal. untuk mendownload file dalam format WORD dapat mengeklik LINK DOWNLOAD dibawah Soal. Soal kami lengkapi dengan kunci jawaban, sehingga dapat mempermudah dalam penguasaan materi.



Kompetensi Dasar yang di tuangkan dalam soal ini adalah :
3.1. Memahami konsep teknologi aplikasi web
3.2. Memahami format teks pada halaman web
3.3. Memahami format tabel pada halaman web
3.4. Memahami tampilan format multimedia
3.5. Memahami format kaitan pada halaman web

Langsung saja ke soal berikut ini !

I. PILIHAN GANDA
Pilihlah salah satu jawaban yang paling tepat  dengan cara memberi tanda silang pada huruf A, B, C, D,atau E !

1. Profesi dalam pengembangan aplikasi web yang bertugas  dalam membuat  tampilan  situs  (web) mulai dari pengolahan gambar, tata letak, warna, dan semua aspek visual situs, fokus  utama  mereka  adalah  tampilan  /  layout  dari  web adalah ....
A. Web Administrator D. Web Designer
B. Web Programmer E. Web Master
C. Web Developer

2. Versi HTML yang diliris  pada  tanggal  14  Januari  1996  dengan  beberapa  kemampuan  tambahan seperti penambahan form, hal ini menjadi pionir untuk membuat sebuah web yang interaktif adalah ...
A. Versi 1.0         D. Versi 4.0
B. Versi 2.0         E. Versi 5.0
C. Versi 3.0

3. Bahasa standar web yang didefinisikan dan dikelola penggunaannya oleh W3C (World Wide Web Consurtium), dikembangkan  oleh  Tim  Berners-Lee.  Selanjutnya  ,  bahasa  tersebut  dipopulerkan  oleh browser  Mosaic adalah ...
A. HTML D. ASP
B. PHP         E. C++
C. XML

4. Analisis tentang proses bagaimana aplikasi berbasis web ini akan menampilkan informasi kepada pengguna adalah ...
A. Analisis isi informasi         D. Analisis  komputerisasi
B. Analisis fungsional E. Analisis konfigurasi
C. Analisis interaksi

5. Kelompok  perangkat  lunak  seperti  desktop  publishing  tetapi  format  yang dihasilkan adalah halaman web.  Aplikasi ini biasanya bersifat  “WYSIWYG” (What You See Is What You Get, dibaca “whizzy-wig”) yaitu apa yang kamu lihat, itulah  yang  kamu  dapatkan adalah …
A. Web page authoring D. Aplikasi Internet.
B. Perangkat Lunak E. Editor
C. Perangkat Keras

6. Perhatikan script HTML berikut ini !
 
Untuk mengisi content sebuah web, di letakkan di antara TAG adalah ...
A. <html> </html> D. <body> </body>
B. <title> </title> E. <table> </table>
C. <head> </head>

7. Fungsi TAG <del> dalam coding HTML adalah …
A. Mendefinisikan teks di bawah garis D. Mendefinisikan teks ditandai
B. Mendefinisikan teks di atas garis E. Mendefinisikan teks dicoret
C. Mendefinisikan teks sisipan

8. Tag yang di gunakan untuk membuat daftar berurutan dengan menggunakan huruf romawi kecil adalah ...
A. <ol type=”A”> D. <ol type=”i”>
B. <ol start=”a”> E. <ol start=”i”>
C. <ol type=”I”>

9. Di bawah ini yang bukan termasuk atribut tabel data (<table>) adalah …
A. height D. bgcolor
B. width E. valign
C. align

10. Atribut yang digunakan untuk menggabungkan 7 kolom adalah …
A. <td rowspan=7>....</td> D. <td pointspan=7>....</td>
B. <td colspan=7>....</td> E. <td cellspan=7>....</td>
C. <td tabel=7>....</td>

11. Mana pernyataan berikut ini yang benar untuk tag tabel di dalam  tabel ....!
A. <table>..</table> diletakan di dalam tabel
B. <table>..</table> diletakan di dalam sel        
C. <table>..</table> diletakan di dalam row
D.    <table>..</table> diletakan di dalam <tr>..</tr>
E.    <table>..</table> diletakan di dalam <td>..</td>

12. Perhatikan gambar di bawah ini !

Untuk mengisi no 1,2 3,4, 5, 6 yang benar adalah ...
A. Logo, Header, Navigasi, Footer, White Space
B. Logo, Header, White Space, Footer, Navigasi
C. Logo, Header, Navigasi, White Space, Footer
D. Logo, Navigasi, White Space, Footer,  Header
E. Logo, Navigasi, Footer,  Header , White Space

13. Perhatikan gambar di bawah ini !

Yang membedakan penggunaan TAG <img...... > pada gambar komputer 1 dan komputer 2 adalah....
A. Pada gambar komputer 1 menggunakan atribut align CENTER dan gambar komputer 2 menggunakan atribut align MIDLE
B. Pada gambar komputer 1 menggunakan atribut align RIGHT dan gambar komputer 2 menggunakan atribut align RIGHT
C. Pada gambar komputer 1 menggunakan atribut align RIGHT dan gambar komputer 2 menggunakan atribut align LEFT
D. Pada gambar komputer 1 menggunakan atribut align LEFT dan gambar komputer 2 menggunakan atribut align RIGHT
E. Pada gambar komputer 1 menggunakan atribut align LEFT dan gambar komputer 2 menggunakan atribut align LEFT

14. Perhatikan gambar di bawah ini !

Untuk menampilkan navigasi audio seperti gambar di atas serta audio berjalan secara otomatis dan berulang, TAG yang digunakan adalah.....
A. <audio controls = " autoplay " autoplay=" controls "  loop="loop" >
B. <audio controls = "controls" autoplay=" loop"  loop=" autoplay " >
C. <audio controls = " loop"  autoplay="autoplay"  loop=" controls" >
D. <audio controls = " loop"  autoplay=" controls"  loop="autoplay" >
E. <audio controls = "controls" autoplay="autoplay"  loop="loop" >

15. Untuk menampilkan video pada halaman HTML, diperlukan Format video yang disupport oleh browser adalah ....
A. MP3, WebM, Ogg D. MP4, WebN, Oqq
B. MP4, WebM, Ogg E. MP3, WebN, Oqq
C. MP4, WebN, Ogg

16. Untuk  membuat image map, tag yang digunakan  adalah ....
A. <road> dan <location> D. <image> dan <area>
B. <map> dan <location> E. <map> dan <area>
C. <road> dan <area>

17. Suatu  metode  yang  digunakan  dalam  HTML  untuk  membuat  hubungan  antar halaman yang terdapat dalam satu situs web adalah ...
A. HTML D. WWW
B. LINK E. HTTP
C. URL

18. Tanda yang menunjukan bahwa tujuan link adalah nama bagian, bukan berupa file adalah ....
A. @         D. #
B. &         E. %
C. !

19. Untuk melengkapi script link di bawah ini adalah ...
A. href         D. www
B. reff         E. http
C. src  

20. Untuk melengkapi script link di bawah ini adalah ...
A. emailto D. httpto
B. mailto E. urlto
C. srcto

II. Esay
Jawablah pertanyaan di bawah ini dengan tepat, singkat dan benar !

1. Jelaskan perbedaan tujuan yang bersifat informatif dan fungsional !
2. Tuliskan script HTML untuk menampilan daftar menu berikut ini !
 
3. Perhatikan layout halaman web berikut ini, kemudian tuliskan skrip untuk menampilkan layout           halaman web seperti gambar di bawah ini !

4. Tuliskan skrip untuk menampilkan gambar dengan nama file gambar UAS_2015.jpg dan gambar          tersebut terletak di folder web/images !
5. Tuliskan skrip untuk membuat link menuju halaman index.html!


Download Materi

3 comments


EmoticonEmoticon