Pengantar Desain Web

TI0016 – Desain Web

PRODI. TEKNIK INFORMATIKA (S-1)

ah-18.03
Team Teaching
Arwin Halim, S.Kom., M.Kom.
Mirza Ilhami, S.Kom., M.TI
Darma Kurniawan Harefa, S.Kom., FCNS
Apriyanto Halim, S.Kom., FCNS

Pengantar Desain Web ah-18.03

Sub Topik
- Internet dan Website
- Ilustrasi Website
- Desain Web
- Web Development
- Preparation

Pengantar Desain Web ah-18.03

Internet dan Website

Internet = Website?

Pengantar Desain Web ah-18.03

Internet

Internet

Pengantar Desain Web ah-18.03

Cont…
google.com mikroskil.ac.id
216.58.199.206 202.57.7.85

facebook.com
173.252.91.4

Pengantar Desain Web ah-18.03

Website
URL = Uniform Resource Locator

Pengantar Desain Web ah-18.03

Ilustrasi Web

Pengantar Desain Web ah-18.03

Request –
Response
Cycle

Pengantar Desain Web ah-18.03

Desain Web
Desain Web merupakan kombinasi dari beberapa disiplin ilmu:
- Graphic design
- Information design
- Interface design
- HTML, style sheet and graphical production
- Scripting and programming
- Multimedia

Pengantar Desain Web ah-18.03

Web Development
Teknologi yang berhubungan dengan pengembangan web:
- HyperText Markup Language (HTML)
- Cascading Style Sheets (CSS)
- Javascript
- Server-side programming and database management

Pengantar Desain Web ah-18.03

HTML
HTML = programming language ?

Pengantar Desain Web ah-18.03

CSS

Pengantar Desain Web ah-18.03

Javascript

Pengantar Desain Web ah-18.03

Server-Side Programming

Pengantar Desain Web ah-18.03

Database Management

Pengantar Desain Web ah-18.03

Preparation
- Equipment
- Software
- Editor
- Internet Tools: Browser

Pengantar Desain Web ah-18.03

Editor
- Notepad
- Vi / Vim
- Sublime Text
- Notepad++
- Bracket
- Adobe Dreamweaver
- Visual Studio Code
- dll

Pengantar Desain Web ah-18.03

Browser
Isu:
- Banyak browser
- Web standar
- W3C (WWW Consortium)

Pengantar Desain Web ah-18.03

Diskusi

Pengantar Desain Web ah-18.03