pengenalan web dan teknologinya

1. Pemrograman Web Dasar
Yunus Febriansyah - Study with Student
Mengenal Web & Teknologinya

2. Materi
● Apa itu Web?
● Persiapan
● HTML Dasar
● Dasar Styling dengan CSS
● CSS Layouting
● Using Bootstrap
● Hosting Github Pages
● PHP Dasar
● PHP & MySQL
● CRUD System

3. ● Apa itu Web?
● Sejarah Singkat Web
● Teknologi Web
● Standar Website yang Baik
Topik
Pembahasan

4. Apa itu Web ?
01

5. Internet ?
jaringan global (internasional) yang
menghubungkan jutaan komputer
menggunakan protokol yang sama untuk
berbagi dan mengirimkan informasi.

6. Website /
Web ?
sekumpulan dokumen media seperti gambar,
video, teks dll yang dimasukkan ke dalam
jaringan internet dengan menggunakan
protokol HTTP.

7. Halaman
Web ?
suatu halaman untuk menampilkan isi web
yang dapat dibuka melalui web browser.
Halaman web ditulis dengan HTML.

8. Web
Browser ?
aplikasi yang bisa menjelajahi, menyajikan
halaman web maupun mengambil konten
yang ada di berbagai sumber informasi pada
jaringan internet.
Contoh web browser : Chrome, Firefox,
Safari, dll.

9. Golongan Web
halaman web yang menampilkan konten yang tetap
(tidak berubah). Perubahan dilakukan secara manual
dengan mengedit code.
Ex. https://www.lingscars.com/
Web Statis
halaman web yang menampilkan konten yang berubah.
Disediakan halaman backend untuk mengedit konten dari
web.
Ex. https://www.tokopedia.com/
pengembangan dari web dinamis. Terjadi komunikasi dua
arah antara pengunjung dengan pengunjung atau
pengunjung dengan pengurus website.
Ex. https://www.instagram.com
Web Dinamis
Web Interaktif

10. Sejarah Singkat Web
02

11. Sejarah Singkat Web
Tim Berners-Lee
● Web pertama kali diperkenalkan oleh Tim Berners-Lee
pada tahun 1989.
● Saat itu website hanya untuk mempermudah tukar
menukar dan memperbaharui informasi kepada sesama
peneliti di tempat mereka bekerja.
● Tim kemudian menyarankan tiga teknologi utama yang
intinya semua komputer dapat saling memahami (HTML,
URL dan HTTP). Tim juga membuat browser web dan
server web pertama di dunia.
● Web telah banyak berubah sejak pertama kali dibuat.
● Situs web pertama terdiri dari halaman-halaman
sederhana yang hanya berisi teks dan gambar. Bahkan,
untuk membuat halaman web seseorang harus menulis
kode HTML dengan tangan.
Referensi : BBC Bitesize

12. Perkembangan Web
Dimulai sejak web era 1990-an. Ciri utama Web 1.0 adalah
informasi yang bersifat statis.
Web 1.0
Dimulai sejak web era 2004/2005-an. Ciri khasnya adalah
user generated content dan jejaring sosial. Sudah terdapat
CSS Layouting, animasi, AJAX, JSON, Web API, dll.
Web 2.0
Generasi selanjutnya dari teknologi web. Cirinya ada pada
akses mobile, semantik web dan personalifikasi. Teknologinya
berupa AI, Realtime Communication & Collaboration, Cloud
Technology, dll.
Web 3.0 / Modern / Semantik Web

13. Teknologi Web
03

14. Cara Kerja Web
WEB
BROWSER
SERVER
GOOGLE
TAMPILIN GOOGLE.COM DONG HAI GOOGLE
HALO BROWSER
MENYAJIKAN

15. Cara Kerja Web
WEB
BROWSER
SERVER
GOOGLE
MEMBERIKAN INTRUKSI REQUEST
RESPONSE
OUTPUT

16. Universal Resource Locator (URL)
URL adalah istilah lain untuk menyebut alamat website.
URL berfungsi untuk membawa kita ke sebuah halaman web spesifik yang
ingin dituju.
PROTOCOL
DOMAIN NAME
SECOND-LEVEL TOP-LEVEL
https :// www . google .com

17. Universal Resource Locator (URL)
PROTOCOL
DOMAIN NAME
SECOND-LEVEL TOP-LEVEL
https :// www . google .com
Protokol adalah sebuah aturan atau standar yang mengatur atau mengijinkan
terjadinya hubungan, komunikasi, dan perpindahan data antara dua atau lebih
titik komputer.
Dua protokol yang digunakan pada URL : HTTP (Hypertext Transfer Protocol)
dan HTTPS (Hypertext Transfer Protocol Secure).
PROTOCOL

18. Universal Resource Locator (URL)
PROTOCOL
DOMAIN NAME
SECOND-LEVEL TOP-LEVEL
https :// www . google .com
WWW (World Wide Web) adalah bagian dari URL untuk mendefinisikan
kumpulan sumber daya internet (seperti FTP, Telnet, Usenet), teks hyperlink,
file audio, dan video, dan situs jarak jauh yang dapat diakses dan dicari oleh
browser berdasarkan standar seperti HTTP dan TCP / IP.
WWW

19. Universal Resource Locator (URL)
PROTOCOL
DOMAIN NAME
SECOND-LEVEL TOP-LEVEL
https :// www . google .com
Domain adalah suatu nama unik yang berfungsi untuk mengidentifikasi nama
server komputer. Nama domain ini bertujuan untuk mempermudah
mengakses ke suatu alamat situs, daripada menggunakan deretan angka yang
rumit yang dikenal sebagai alamat IP (IP Address).
Top-level Domain : .com, .org, .edu, .ac.id, .sch.id, .go.id, dll.
DOMAIN

20. Universal Resource Locator (URL)
PROTOCOL
DOMAIN NAME
SECOND-LEVEL TOP-LEVEL
https :// www . google .com
Analogi Sederhana
Domain
Nomor rumah / nama pemilik rumah beserta
tujuan penggunaan rumahnya.
URL Alamat Lengkap
IP Address Koordinat Peta

21. Standar Website yang Baik
04

22. Standar Website yang Baik
BACK-END
FRONT-END
Speed
Readability
Sense of Purpose
Database
Intuitiveness