Dokumen ini memberikan panduan tentang komponen utama website dan cara kerja web server serta web browser. Juga dijelaskan tentang perkembangan World Wide Web dan pentingnya Domain Name Server (DNS). Informasi ini ditujukan kepada pengguna yang ingin memahami lebih dalam tentang teknologi web.

1. WPS – TIPS Dudy Fathan Ali S.Kom
Pengenalan Halaman Web
WPS – TIPS
Dudy Fathan Ali, S.Kom (DFA)
2014
CEP - CCIT
Fakultas Teknik Universitas Indonesia

2. Internet
WPS – TIPS Dudy Fathan Ali S.Kom
• Mendapatkan Informasi
• Berkomunikasi

3. World Wide Web
WPS – TIPS Dudy Fathan Ali S.Kom

4. World Wide Web
WPS – TIPS Dudy Fathan Ali S.Kom
Komponen Utama Suatu Website :
Jaringan
(Network)
Client
(Web Browser)
Server
(Web Server)
Document
(Web Pages)
Protocol
(HTTP)

5. Perkembangan Web
WPS – TIPS Dudy Fathan Ali S.Kom
Now?
1990 - 2000 2001 - 2010

6. Perkembangan Web
WPS – TIPS Dudy Fathan Ali S.Kom

7. World Wide Web
WPS – TIPS Dudy Fathan Ali S.Kom
http://nxoc01.cern.ch
• Website pertama
didunia
• Pendiri: Sir Timothy John
“Tim” Berners-Lee
• 6 Agustus 1991

8. World Wide Web
WPS – TIPS Dudy Fathan Ali S.Kom
“Tim” Berners-Lee

9. World Wide Web
WPS – TIPS Dudy Fathan Ali S.Kom
Komputer neXTcube
• Komputer pertama yang
digunakan sebagai Web
Server.

10. Web Browser dan Web Server
WPS – TIPS Dudy Fathan Ali S.Kom
Web Browser : sebuah aplikasi perangkat lunak yang digunakan untuk
melintasi, mengambil, dan menyajikan sumber informasi di World Wide Web.

11. Web Browser dan Web Server
WPS – TIPS Dudy Fathan Ali S.Kom
Web Server : Software yang memberikan layanan data yang berfungsi
menerima permintaan HTTP atau HTTPS dari klien yang dikenal
dengan browser web dan mengirimkan kembali hasilnya dalam bentuk
halaman-halaman web yang umumnya berbentuk dokumenHTML

12. Web Browser dan Web Server
WPS – TIPS Dudy Fathan Ali S.Kom
Server Room yang dimiliki oleh Facebook

13. Web Browser dan Web Server
WPS – TIPS Dudy Fathan Ali S.Kom
Server Room yang dimiliki oleh Facebook

14. Cara Kerja Halaman Web
WPS – TIPS Dudy Fathan Ali S.Kom
Mekanisme kerja permintaan dokumen HTML

15. Cara Kerja Halaman Web
WPS – TIPS Dudy Fathan Ali S.Kom
Mekanisme kerja Web Server

16. Uniform Resource Locators (URL)
WPS – TIPS Dudy Fathan Ali S.Kom
http://www.academia.edu/2012/webserver.html
URL : Rangkaian karakter menurut suatu format standar tertentu yang
digunakan untuk menunjukan alamat suatu sumber seperti dokumen dan
gambar di Internet.
Protokol Nama Situs Direktori dan Nama File

17. Server Side dan Client Side Scripting
WPS – TIPS Dudy Fathan Ali S.Kom

18. Server Side dan Client Side Scripting
WPS – TIPS Dudy Fathan Ali S.Kom
Source: css-tricks.com
Server Side Scripting Client Side Scripting

19. Domain Name Server
WPS – TIPS Dudy Fathan Ali S.Kom
DNS adalah singkatan dari Domain Name Server, yaitu adalah sebuah
sistem yang menyimpan semua informasi data dari domain ataupun
hostname dalam sebuah jaringan.

20. Domain Name Server
WPS – TIPS Dudy Fathan Ali S.Kom
Source: danielyerelian.com

21. Domain Name Server
WPS – TIPS Dudy Fathan Ali S.Kom

22. Domain Name Server
WPS – TIPS Dudy Fathan Ali S.Kom

23. WPS – TIPS Dudy Fathan Ali S.Kom
Terima Kasih
Dudy Fathan Ali S.Kom
dudy.fathan@eng.ui.ac.id