- The symetrical grid

Informatika Struktur dua dimensi terdiri dari

Jenis jenis ilustrasi sumbu horizontal dan vertikal, akan
tersusun kolom dan baris
Ilustrasi adalah unsur tata letak dua dimensi
untuk memperjelas suatu pesan dalam bentuk Perangkat lunak pengolah gambar vektor
grafis a. Efek blend
a. Vektor Efek yang mengisi ruang yang kosong
Gambar yang dihasilkan dengan vektor dengan bentuk 3D pada dua objek
atau berbasis vektor lebih detail ketika yang telah dibuat
diperbesar b. Efek extrude
Ex: corel draw Efek yang dapat membuat satu objek
b. Bitmap menjadi 3D dengan dimensi yang
Gambar yang dihasilkan tergantung dapat diatur
kepada pixel dari suatu gambar Konsep dasar teknologi aplikasi web
Ex: adobe photoshop

Unsur unsur tipografi

Menyampaikan pesan sehingga terlihat

menarik dan diterima dengan jelas

- Judul (headline)
- Sub judul (sub headline) - user mengakses URL dengan browser
- Naskah (bodycopy) - request web server dengan HTTP
- Logotipe (logotype) request
- ada respon body dan header
Warna menurut proses pencampuran - posisi web ada di web files
a. Warna additive
Pencampuran warna primer yang
bersumber pada cahaya
➔ RGB (red, green, blue)
b. Warna subtractive
Warna sekunder dari additive.
dibentuk dari pigmen warna
➔ CMYK (cyan, magenta, yellow, • https lebih secure
black) • domain fungsinya untuk menutupi
angka IP address
Grid pada layout
• sub direktori adalah tempat dimana
Sebagai acuan penyusunan layout halaman web disimpan
agar ada konsistensi margin

- Grid system
Garis vertikal dan hotizontal yang
membentuk daerah segiempat
- The golden section
angka yang berguna untuk
menciptakan keseimbangan secara
sempurna
Struktur website: Jenis kaitan halaman web

- Hyperlink dengan atribut target

Diisi dengan nilai lain
Ex: _parent, _self, _top
Target kaitan menuju frame dengan
nama “halaman 2”

- Hyperlink dengan atribut title

Berfungsi membuat tooltip. Tooltip
adalah informasi yang tampi ketika link
disentuh pointer

- Antribut pemanggil fungsi javascript

Memanggil fungsi javascript pada
atribut onclick dan href
- doctype: menegaskan bahwa
dokumen tersebut adalah HTML
- head
a. charset: enskripsi teks
b. http-equiz: support browser - Hyperlink dengan gambar
c. viewport: konten responsif Dibuat link dengan membungkus
d. title: judul elemen <img> dengan elemen <a>
e. <a: tautan link
f. Style: atur huruf, text align, text
color

Format kaitan pada halaman web Jenis jenis elemen form

- Kaitan -> hyperlink Berfungsi sebagai input atau masukan dari

- Berfungsi menghubungkan suatu pengguna yang kemudia akan diproses atau
halaman website dengan web lain atau diolah agar dapat dipakai sesuai kebutuhan
dokumen a. Radio button
- Kaitan dalam html menggunakan tag
disebut anchor
- Atribut href digunakan untuk
menampung nilai link ataupun media
yang dituju

Struktur elemen html a b. Text input

 c. Dropdown list Cascading style sheet (CSS)

Untuk mengatur gaya setiap elemen di html

pada halaman web

Jenis jenis style:

d. Checkbox
1. Inline CSS: diterapkan langsung pada
elemen htmlnya

Manfaat:

Untuk membuat: 2. External CSS: diterapkan pada file .css

secara terpisah
- Form login
- Form input biodata
- Form chat
- Etc. 3. Internal CSS: diterapkan secara
internal pada elemen header html
Contoh:

Client side scripting

Suatu pemrograman web dari sisi

client/pengguna/user

Server side scripting

Pemrograman web yang diolah di sisi lain

server
Aplikasi web dengan model view controller 2. Aplikasi web mobile
Halaman HTML berbasis browser,
Merupakan pola desain arsitektur yang terbagi
membutuhkan framework
menjadi 3, yaitu:
3. Aplikasi hybrid
- Model Aplikasi pengembangan mobile
Digunakan untuk mengatur proses menggabungkan antara aplikasi native
transaksional database CRUD (create, dan aplikasi web
read, update, dan delete data) ➔ Flutter, phonegap xamarin, ionic
- View
Menampilkan data dan tampilan
website ke pengguna
- Controller
Sebagai business logic atau perantara
antara view dan model

Manfaat:

- Komponen html dapat digunakan

kembali
- Mengembangkan aplikasi antar
pengguna secara terpisah
- Mempermudah testing
- Membuat project menjadi mudah
dikembangkan

Framework

Framework php:

- Codeigniter
- Laravel
- Symphony
- Cake php

Framework CSS:

- Blueprint CSS
- Bootstrap
- Less framework
- Tailwind CSS
- Sass

Metode pengembangan aplikasi mobile

1. Aplikasi native
Aplikasi yang dibangun dengan bahasa
pemrograman yang spesifik untuk OS
(operating system) tertentu seperti
bahasa swift untuk iOS, jaca dan kotlin
untuk android