Pemrograman Web I

1

PEMROGRAMAN WEB I

Oleh:

I Wayan Simpen

HTML Authoring and Web Publishing

Web Browser

Client

Web Server

HTML Authoring Tools/Editors

End User Web Master

Web Publisher

Server

External ApplicationsNon-HTTP objects

CGI: Common Gateway Interface

Internet Global Reach Broad Range

By I Wayan Simpen 3

Agenda

• Word Wide Web

• Mengenal HTML

By I Wayan Simpen 4

Word Wide Web

• Dikenal dg istilah Web merupakan salah satu layanan di Internet

• Web pada awalnya merupakan ruang informasi dalam internet

• Dg menggunakan teknologi Hypertext pemakai dituntun untuk menemukan informasi dg mengikuti link yang disediakan.

By I Wayan Simpen

The Architecture of WWW

Web Browser

Client

Web Server

End User

HTTPTCP/IP

HTML documents

Internetor

Intranet

By I Wayan Simpen 6

Bagai mana WWW Bekerja

• Informasi web disimpan dalam dokumen yang disebut Web Pages

• Web Page adalah file-file yg disimpan dlm komputer disebut Web Server

• Komputer-komputer yang membaca web page disebut sebagai Web Client

• Web Client menampilkan web page dg program yg disebut dg Web Browser

By I Wayan Simpen 7

Web BrowserURL:http//../abc.htm

HTTPS

Computer

<HTML><h1>Welcome</h1><HTML>

HardiskWeb BrowserURL:http//../abc.htm

Welcome<HTML><h1>Welcome</h1><HTML>

Client Server

InternetSevice

Privider

HTTP“Get” abc.htm

1 2

HTTPReply

3

4

By I Wayan Simpen 8

WEB BROWSER

• Web Browser adalah software yg dipakai untuk membaca dan menterjemahkan web pages.

• Web Browser yg sering digunakan adapaha Nescape Navigator dan MSIE (Microsoft Internet Exploler), Opera, Mozilla, Avan Browser.

• Browser memanggil web page dari web server dengan sebuah Request. Request adalah HTTP standar yang berisi page address.

By I Wayan Simpen 9

• Instruksi yang paling umum digunakan untuk menampilkan web page disebut tag HTML.

• Server Web adalah komputer yang digunakan untuk menyimpan file-file Web.

By I Wayan Simpen 10

Istilah-Istilah yang Perlu Diketahui

• WWW (Word Wide Web) yang lebih dikenal sebagai WEB, awalnya merupakan suatu layanan penyajian informasi di internet.

• Protocol: Standar pemrosesan informasi yg diterima secara umum.

• TCP/IP (Transfer Control Protocol/ Internet Protocol): Protocol standar di internet


• URL (Universal Resource Locator): Konsep nama file standar yg diperluas dg jaringannya.

• HTTP (HyperText Transfer Protocol): Suatu protocol yg dipakai untuk melayani dokumen Hypertext.

• Surfing: Kegiatan menelusuri dan mencari informasi dalam internet.


MENGENAL HTML

• HTML (Hyper Text Markup Language): Dokumen HTML adalah sebuah file teks murni.

• Dokumen HTML diberi dengan nama sembarang dg tambahan extension “.htm” atah “.html”

By I Wayan Simpen

The Extended Framework of WWW

Web Browser

Client

HTML Authoring Tools/Editors

End User Web Master

Web Designer& Publisher

External ApplicationsNon-HTTP objects

• ColdFusion, • CGI (Perl)• ASP & ASP.NET• JAVA Servlet• Java Server Pages • Java Applet• JavaScript

Internet Global Reach Broad Range

Web Programmer

Web Server


Defenisi

• Elemen: Dokumen HTML disusun oleh elemen-elemen. ELEMEN merupakan istilah bagi komponen dasar pembentuk dokumen HTML (html, head, Title, dsb).

• TAG: Suatu simbul yang digunakan untuk memberi tanda pada dokumen HTML. Tag HTML menggunakan tanda < dan >


Struktur Dokumen HTML

<HTML><HEAD><TITLE>Judul</TITLE>

Eelemen head lainnya</HEAD><BODY>

Isi yang ditampilkan</Body></HTML>


Contoh:


Hasil:


Atribut TAG

• Atribut TAG: Menyatakan sesuatu tentang TAG.

• Atribut digunakan untuk mengubah default formating TAG.

<BODY text="#00FF00" link="#00FFFF" >

Atribut TAG


Contoh


Hasil

21

SAMPAI JUMPASAMPAI JUMPA

MINGGU DEPAN

Pemrograman Web I

Documents

Transcript of Pemrograman Web I