Modul J.620100.005.01 MENGIMPLEMENTASIKAN USER INTERFACE

Modul J.620100.005.01 MENGIMPLEMENTASIKAN USER INTERFACE. indonesiakompeten.id. Bagi yang memerlukan materi TIK dengan judul J.620100.005.01 MENGIMPLEMENTASIKAN USER INTERFACE dapat anda dapatkan disini. Berikut ringkasan materi:

Modul J.620100.005.01 MENGIMPLEMENTASIKAN USER INTERFACE

UI dan UX
UI adalah metode bagaimana sebuah produk terlihat dan estetis, sedangkan
UX adalah bagaimana sebuah produk terasa dan sudah memenuhi
kebutuhan pengguna

Menu program sesuai dengan rancangan program diterapkan
Pada bagian ini dijelaskan bagaiman mengimplementasikan UI menggunakan
CSS.
a. CSS
CSS (Cascading Style Sheets) digunakan untuk membuat style dan lay out
halaman web - misalnya, untuk mengubah font, warna, ukuran dan jarak
dari konten ita, membaginya menjadi beberapa kolom, atau menambahkan
animasi dan fitur dekoratif lainnya.
Bagaimana cara CSS mempengaruhi HTML?
Browser web menerapkan Rule CSS ke dokumen untuk mempengaruhi
bagaimana disain user interface ditampilkan. Aturan/Rule CSS dibentuk
dari:
o Satu set properti, yang memiliki nilai ditetapkan untuk memperbarui
bagaimana konten HTML ditampilkan, misalnya kita ingin elemen
menjadi 50% dari elemen induknya, dan latar belakangnya menjadi
merah.
o Selektor, pemilih elemen yang ingin diterapkan pada nilia properti
yang diperbarui. Sebagai contoh, kita ingin menerapkan aturan CSS
ke semua paragraf di dokumen HTML.
Seperangkat aturan CSS yang terdapat dalam stylesheet menentukan
tampilan halaman web. Kita akan belajar lebih banyak tentang seperti apa
sintaks CSS dalam artikel berikutnya dari modul - CSS Syntax.

Cara kerja CSS
Ketika browser menampilkan dokumen, browser harus menggabungkan
konten dokumen dengan informasi tentang stylenya. Hal ini akan
memproses dokumen dalam dua tahap:
1 Browser mengubah HTML dan CSS menjadi DOM (Document Object
Model). DOM mewakili dokumen dalam memori komputer. Ini
menggabungkan konten dokumen dengan gayanya.
2 Peramban/Browser menampilkan isi DOM.

DOM
DOM memiliki struktur seperti pohon. Setiap elemen, atribut dan potongan
teks dalam bahasa markup menjadi simpul DOM dalam struktur pohon.
Node ditentukan oleh hubungannya dengan node DOM lainnya. Beberapa
elemen adalah orang tua dari simpul anak, dan simpul anak memiliki
saudara kandung

Modul J.620100.005.01 MENGIMPLEMENTASIKAN USER INTERFACE selengkapnya dapat diunduh di bawah ini


Buku Informasi - J.620100.005.01 - Mengimplementasikan User Interface-1-2 (1).pdf
Buku Kerja - J.620100.005.01 - Mengimplementasikan User Interface.pdf
Buku Modul - J.620100.005.01-Mengimplementasikan User Interface-1.pdf
Buku Penilaian - J.620100.005.01 - Mengimplementasikan User Interface-1-2.pdf