Scribd
Unggah
13K tayangan14 halaman

Materi 1 - Dasar-Dasar Web Dan HTML

Dokumen tersebut membahas dasar-dasar pemrograman web dan HTML, termasuk konsep komunikasi antara web browser dan web server melalui protokol HTTP, penggunaan URL untuk mengidentifikasi sumber daya di jaringan, penulisan dokumen web menggunakan HTML, serta pemrograman di sisi klien dan server."

Diunggah oleh

Euis Marlina
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPT, PDF, TXT atau baca online di Scribd
13K tayangan14 halaman

Materi 1 - Dasar-Dasar Web Dan HTML

Dokumen tersebut membahas dasar-dasar pemrograman web dan HTML, termasuk konsep komunikasi antara web browser dan web server melalui protokol HTTP, penggunaan URL untuk mengidentifikasi sumber daya di jaringan, penulisan dokumen web menggunakan HTML, serta pemrograman di sisi klien dan server."

Diunggah oleh

Euis Marlina
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPT, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 14

Dasar - dasar Web

dan HTML

Euis Marlina, S.Kom

Email : [email protected]
http://euismarlina.edublogs.org
HP : 08179424319
Pengantar
 Sistem Berbasis Web atau Aplikasi Berbasis Web adalah
sebuah sistem yang dibangun dengan konsep rekayasa web
(web engineering) dan diaplikasikan secara online melalui
media internet.
 Web engineering adalah suatu proses yang digunakan untuk
menciptakan suatu sistem aplikasi berbasis web dengan
menggunakan ilmu rekayasa, prinsip-prinsip manajemen dan
pendekatan sistematis sehingga dapat diperoleh sistem dan
aplikasi web dengan kualitas tinggi. Tujuannya untuk
mengendalikan pengembangan, meminimalisasi resiko dan
meningkatkan kualitas sistem berbasis web (kmrg.itb.ac.id,
2005).
Dasar-dasar Pemrograman
Berbasis Web
Beberapa konsep dasar pemrograman berbasis web
(Hariyanto, 2004), yaitu :

 Komunikasi antara web browser dan web server berdasarkan


protokol HTTP.
 Dokumen dan semua sumber daya apapun di jaringan yang
dikehendaki diidentifikasi dengan Universal Resource Locator
(URL).
 Dokumen web ditulis berdasarkan standar HTML.
 Pemrograman sisi klien (client-side scripting) dan Java applet.
 Pemrograman sisi server (server-side scripting/programming).
Pemrograman Sisi Klien
(client-side scripting)

Bahasa pemrograman yang untuk mengaplikasikannya tidak


memerlukan web server, atau bahasa pemrograman yang
berjalan di sisi client.

Contoh :
 HTML

 JavaScript
Pemrograman Sisi Server
(server-side scripting)

Bahasa pemrograman yang untuk mengaplikasikannya


memerlukan web server, atau bahasa pemrograman yang
berjalan di sisi server.

Contoh :
 ASP, memerlukan web server IIS.

 PHP, memerlukan web server Apache.


Model Pemrograman Web

Klien (PC) Web Server

Request (URL)
HTTP Server
Request (URL)

Response (Content)

Web Response (Content)


Content
Browser
Web Browser

 Web Browser adalah perangkat lunak yang mulanya hanya


untuk menampilkan (rendering) dokumen web/HTML. Namun
saat ini, web browser harus mampu mengeksekusi
(interpretasi) JavaScript atau VBScript, menjalankan Java
Applet, memahami dokumen XML, dan menjalankan
dokumen tertentu dengan fasiltias plug-in seperti file .swf
Macromedia Flash dan sebagainya. Disamping itu, web
browser juga mempunyai fasilitas kenyamanan pemakai
seperti dapat membuka lebih dari satu jendela, manajemen
alamat web yang bagus, pengamanan yang memadai dan
sebagainya.

 Contoh : Internet Explorer, Mozilla Firefox, Opera.


Web server
 Web server adalah HTTP server sebagai penyedia dokumen
yang diminta web browser. Saat ini, web server telah
kompleks karena harus melayani banyak hal dan bahkan
menjadi pusat layanan-layanan lain. Web server telah
menjadi komponen terpenting di application server. Web
server harus mampu melayani permintaan dokumen yang
diminta web browser, dan mampu disetting berinteraksi
dengan program JSP, ASP, PHP, secara CGI dan
sebagainya.

 Contoh : Apache, IIS.


Hypertext Transfer Protocol
(HTTP)
 Hypertext Transfer Protocol (HTTP) adalah protokol level
aplikasi untuk sistem informasi hypermedia tersebar. Protokol
ini generik dan stateless yang dapat dimanfaatkan banyak
tugas selain untuk hypertext. HTTP adalah bahasa
komunikasi antara web browser dan web server, dimana
kebanyakan komunikasi ini di luar perhatian pemakai web
browser.
Universal Resource Locator
(URL)
 URL adalah penunjuk ke sumber daya tertentu di jaringan
TCP/IP (internet) yang mempunyai format sintaks standar
sebagai berikut.

Protokol://Servername:PortNumber/Filepath

Contoh :
http://uty.ac.id/index.php
Hypertext Markup Language
(HTML)
 Hypertext Markup Language (HTML) merupakan bahasa
markup paling popular, disusul eXtensible Markup Language
(XML). XML adalah bahasa yang digunakan untuk membuat
bahasa markup lain yaitu Wireless Markup Language (WML).
Bahasa markup bukan bahasa pemrograman. Oleh karena
itu, penyebutan bahasa pemrograman HTML adalah kurang
tepat
Format Dasar HTML

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
</head>

<body>

{ Tempat untuk coding }

</body>
</html>
Contoh HTML

<html>
<head>
<title>Halaman Latihan 1</title>
</head>

<body>

<h1>Ini adalah latihan pemrograman web pertamaku.</h1>

</body>
</html>
Tampilan Web

Anda mungkin juga menyukai