web programming syaria - pengenalan halaman web
TRANSCRIPT
![Page 1: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/1.jpg)
WPS – TIPS Dudy Fathan Ali S.Kom
Pengenalan Halaman WebWPS – TIPS
Dudy Fathan Ali, S.Kom (DFA)2014
CEP - CCITFakultas Teknik Universitas Indonesia
![Page 2: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/2.jpg)
Internet
WPS – TIPS Dudy Fathan Ali S.Kom
• Mendapatkan Informasi• Berkomunikasi
![Page 3: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/3.jpg)
World Wide Web
WPS – TIPS Dudy Fathan Ali S.Kom
![Page 4: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/4.jpg)
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)
![Page 5: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/5.jpg)
Perkembangan Web
WPS – TIPS Dudy Fathan Ali S.Kom
Now?
1990 - 2000 2001 - 2010
![Page 6: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/6.jpg)
Perkembangan Web
WPS – TIPS Dudy Fathan Ali S.Kom
![Page 7: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/7.jpg)
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
![Page 8: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/8.jpg)
World Wide Web
WPS – TIPS Dudy Fathan Ali S.Kom
“Tim” Berners-Lee
![Page 9: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/9.jpg)
World Wide Web
WPS – TIPS Dudy Fathan Ali S.Kom
Komputer neXTcube
• Komputer pertama yang digunakan sebagai Web Server.
![Page 10: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/10.jpg)
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.
![Page 11: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/11.jpg)
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
![Page 12: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/12.jpg)
Web Browser dan Web Server
WPS – TIPS Dudy Fathan Ali S.Kom
Server Room yang dimiliki oleh Facebook
![Page 13: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/13.jpg)
Web Browser dan Web Server
WPS – TIPS Dudy Fathan Ali S.Kom
Server Room yang dimiliki oleh Facebook
![Page 14: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/14.jpg)
Cara Kerja Halaman Web
WPS – TIPS Dudy Fathan Ali S.Kom
Mekanisme kerja permintaan dokumen HTML
![Page 15: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/15.jpg)
Cara Kerja Halaman Web
WPS – TIPS Dudy Fathan Ali S.Kom
Mekanisme kerja Web Server
![Page 16: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/16.jpg)
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
![Page 17: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/17.jpg)
Server Side dan Client Side Scripting
WPS – TIPS Dudy Fathan Ali S.Kom
![Page 18: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/18.jpg)
Server Side dan Client Side Scripting
WPS – TIPS Dudy Fathan Ali S.Kom
Source: css-tricks.com
Server Side Scripting Client Side Scripting
![Page 19: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/19.jpg)
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.
![Page 20: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/20.jpg)
Domain Name Server
WPS – TIPS Dudy Fathan Ali S.Kom
Source: danielyerelian.com
![Page 21: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/21.jpg)
Domain Name Server
WPS – TIPS Dudy Fathan Ali S.Kom
![Page 22: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/22.jpg)
Domain Name Server
WPS – TIPS Dudy Fathan Ali S.Kom
![Page 23: Web Programming Syaria - Pengenalan Halaman Web](https://reader031.vdocuments.site/reader031/viewer/2022020719/58ecd2d11a28ab48098b462d/html5/thumbnails/23.jpg)
WPS – TIPS Dudy Fathan Ali S.Kom
Terima KasihDudy Fathan Ali S.Kom