UNIVERSITAS SANGGA BUANA YPKP

Jl. PHH. Mustopa No. 68 Bandung - 40124

Telp 7275489 - email : info@usbypkp.ac.id atau sia@usbypkp.ac.id

UJIAN AKHIR SEMESTER (UAS) GASAL TAHUN AKADEMIK 2021/2022

Nama : Ariya Nur Yazid Dwi Putra
NPM : 2116191058
Kelas : D
Mata Kuliah : Desain web dan Rekayasa Foto

I. SOAL :

1. Jelaskan menurut pandangan anda mengenai desain website yang baik dan yang buruk dilihat dari sesi
layout konten, warna, tulisan maupun gambar
2. Sebutkan dan jelaskan fungsi atau alasan memilih tipe menu (Tree, Accordion, dropdown) pada sebuah
aplikasi web
3. Jelaskan bagaimana penggunaan css agar berfungsi dengan baik sebagaimana mestinya
4. Jelaskan apa yang Anda ketahui tentang library bootstrap dan responsive
5. Jelaskan bagaimana penggunaan icon dan apa fungsi icon dalam mempercantik tampilan web

JAWABAN

1. Menurut saya website yang baik itu adalah website yang memiliki warna yang sesuai dengan konteks isinya,
misalnya apabila terkait dengan suatu institusi, maka dari segi desain maupun typography nya disesuaikan
dengan tema yang formal dan resmi. Jika website yang isinya tentang promosi maka harus disesuaikan juga
agar dapat menarik para pembeli. Selain itu, menurut saya website yang baik adalah website yang interaktif
dan juga memiliki loading time yang cukup cepat.

2. Fungsi tree, accordion, Dan dropdown

 Fungsi Tree Menu : Sebuah fungsi untuk membuat submenu dari suatu menu. Cara berfungsinya yaitu dengan
mengklik suatu menu, dan isinya akan muncul bercabang kebawah seperti batang pohon. Ketika di klik
submenu nya maka halaman tidak akan berpindah.
 Fungsii Accordion menu : Sebuah fungsi menu yang responsif memanfaatkan input type radio. Jadi sistemnya
ketika radio button pertama dipilih (checked), maka menu accordion pertama akan terbuka. Dan ketika radio
button kedua dipilih, maka menu kedua akan terbuka, dan menu pertama akan tertutup, dan seterusnya.
 Fungsi Dropdown menu : Sebuah fungsi menu yang responsif jadi ketiuka cursor diarahkan terhadapa menu
tersebut maka akan otomatis membuat submenu kebawah.

3. CSS adalah sebuah fungsi untuk mempercantik maupun membuat fungsi website menjadi responsif
Contoh : p { color:pink; font-weight:bold; }

Pada contoh di atas, “p” (paragraf) merupakan bagian baris kode CSS untuk menspesifikasikan elemen HTML
atau biasa dikenal dengan nama ‘selector’.

Di dalam CSS, selector ditulis di bagian kiri sebelum tanda kurung kurawal (curly bracket) pertama. Sedangkan
informasi yang ada di dalam tanda kurung kurawal merupakan sebuah deklarasi yang di dalamnya
mengandung properti dan nilai yang diaplikasikan ke dalam selector.

Contoh dari properti adalah ukuran font, warna, layout, format, dan lain sebagainya. Sedangkan nilai yang
dimaksud adalah pengaturan yang diterapkan ke dalam properti. Misalnya dari contoh di atas, “color” dan
“font-weight” merupakan properti, sedangkan “pink” dan “bold” merupakan sebuah nilai.
 4. Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi
web. Kerangka kerja ini berisi templat desain berbasis HTML dan CSS untuk tipografi, formulir, tombol,
navigasi, dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript.

5. Icon berungsi untuk memperjelas fungsi dari suatu menu yang apabila di klik akan menampilkan fungsi
tertentu. Tentunya dengan menggunakan icon maka web terlihat akan lebih menarik dan responsif.

“ Selamat Mengerjakan Soal dan Semoga Sukses ”

*) Pilih salah satu

LEMBAR JAWABAN
UJIAN AKHIR SEMESTER GASAL ONLINE T.A. 2021/2022
Mata Kuliah :
Nama Lengkap Mahasiswa :
Nomor Pokok Mahasiswa :
Dosen Pembina Mata Kuliah :
Hari, Tanggal Ujian : ................., ... Januari 2022
Jam Mulai Ujian s.d. selesai : Jam ........................ s.d. .........................
Tanda Tangan

Jawaban :

1. ................................................................................
2. ................................................................................
3. ................................................................................
4. ................................................................................
5. ................................................................................
6. ................................................................................ dst