
Materi 1 - Pengantar Website
Presentation
•
Computers
•
University
•
Practice Problem
•
Easy
RIZKI SUWANDA
Used 2+ times
FREE Resource
12 Slides • 3 Questions
1
KONSEP DASAR
WEBSITE
RIZKI SUWANDA, S.T., M.KOM
2
1.
KONSEP DASAR
PEMROGRAMAN WEB
2
3
Question …
3
▸Saat mengetik
https://www.google.com/ pada
browser, apa yang terjadi dibelakang
layar ?
▸Bagaimana urutan sampai muncul
halaman Google ?
4
Web Access…
4
5
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.
6
PEMAHAMAN AWAL
6
• WWW
• HTTP/HTTPS
• FTP
• URL
• DNS
• SERVER
• HOSTING
INTERNET
• WEB BROWSER
• WEB SERVER
• PHP
• HTML
• CSS
• DATABASE
• FRAMEWORK
PROGRAMMING
7
…Apakah pernah berhubungan dengan ini ?
7
https://www.unimal.ac.id/index.php
Protokol Alamat Domain File
https://mail.google.com
DNS
HOSTING
Subdomain
8
Analogi Sederhana, Akses Website
8
9
9
BUAT WEB PERLU
INTERNET ???
Untuk merencanakan, merancang
tampilan, menguji coba website.
Tanpa perlu koneksi internet.
10
Konsep Awal
▸ Perencanaan Website
▸ Proses awal dalam merencanakan halaman
web.
▸ Mengumpulkan data serta informasi.
▸ Merancang tata letak.
▸ Header
▸ Footer
▸ Content
▸ Sidebar
▸ Widget
▸ dll
10
11
Analogi Sederhana
11
12
12
TERIMONG GEUNASEH
THANKS!
You can find me at rizkisuwanda@unimal.ac.id
13
Multiple Choice
Hypertext Markup Language ?
CSS
HTML
PHP
Javascript
14
Multiple Choice
Alamat atau nama yang menjadi identitas ?
CSS
HTML
Domain
PHP
15
Multiple Choice
Sistem komputer yang menyediakan sumber daya untuk penyimpanan data, melakukan layanan, dan mengatur lalu lintas data ?
PHP
Wifi
Hostpot
Server
KONSEP DASAR
WEBSITE
RIZKI SUWANDA, S.T., M.KOM
Show answer
Auto Play
Slide 1 / 15
SLIDE
Similar Resources on Wayground
10 questions
Computer
Presentation
•
Professional Development
12 questions
Lección: ¿Qué es un CM?
Presentation
•
12th Grade
11 questions
Informática Básica
Presentation
•
University
9 questions
Sistem Komputer
Presentation
•
University
13 questions
Web 2.0
Presentation
•
University
11 questions
Ancho de banda
Presentation
•
12th Grade
10 questions
Aportes de la tecnología
Presentation
•
12th Grade
9 questions
Lesson 3B Phishing
Presentation
•
University
Popular Resources on Wayground
20 questions
STAAR Review Quiz #3
Quiz
•
8th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
6 questions
Marshmallow Farm Quiz
Quiz
•
2nd - 5th Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
20 questions
Inferences
Quiz
•
4th Grade
19 questions
Classifying Quadrilaterals
Quiz
•
3rd Grade
12 questions
What makes Nebraska's government unique?
Quiz
•
4th - 5th Grade