Materi 1 - Pengantar Website

KONSEP DASAR
WEBSITE

RIZKI SUWANDA, S.T., M.KOM

1.
KONSEP DASAR
PEMROGRAMAN WEB

2

Question …
3

▸Saat mengetik

https://www.google.com/ pada
browser, apa yang terjadi dibelakang
layar ?

▸Bagaimana urutan sampai muncul

halaman Google ?

Web Access…

4

Web Access…

5

1.
User mengetik URL di browser.

2.
Browser menghubungi server pada alamat
URL.

3.
Setelah terhubung, browser mengirimkan
HTTP request.

4.
Server menjawab dengan mengirimkan
HTTP response.

5.
Untuk dokumen yang terdiri dari beberapa
file, maka browser harus mengirimkan
HTTP request lagi untuk setiap file.

6.
Browser menampilkan semua ini dokumen
kepada user.

PEMAHAMAN AWAL

6

• WWW
• HTTP/HTTPS
• FTP
• URL
• DNS
• SERVER
• HOSTING

INTERNET

• WEB BROWSER
• WEB SERVER
• PHP
• HTML
• CSS
• DATABASE
• FRAMEWORK

PROGRAMMING

…Apakah pernah berhubungan dengan ini ?

7

https://www.unimal.ac.id/index.php

Protokol Alamat Domain File

https://mail.google.com

DNS

HOSTING

Subdomain

Analogi Sederhana, Akses Website

8

9

BUAT WEB PERLU

INTERNET ???

Untuk merencanakan, merancang
tampilan, menguji coba website.

Tanpa perlu koneksi internet.

Konsep Awal

▸ Perencanaan Website

▸ Proses awal dalam merencanakan halaman

web.
▸ Mengumpulkan data serta informasi.
▸ Merancang tata letak.
▸ Header
▸ Footer
▸ Content
▸ Sidebar
▸ Widget
▸ dll

10

Analogi Sederhana

11

12

TERIMONG GEUNASEH
THANKS!

You can find me at [e-mail]

Multiple Choice

Hypertext Markup Language ?

• CSS

• HTML

• PHP

• Javascript

Multiple Choice

Alamat atau nama yang menjadi identitas ?

• CSS

• HTML

• Domain

• PHP

Multiple Choice

Sistem komputer yang menyediakan sumber daya untuk penyimpanan data, melakukan layanan, dan mengatur lalu lintas data ?

• PHP

• Wifi

• Hostpot

• Server