Pendahuluan Tentang Internet

1

3/8/2005 Pemrograman Internet I 1

Pemrograman Internet I

ByU. Abd. Rohim

[email protected]

U. Abd. [email protected]

Pemrograman Internet I(Pendahuluan) 2

Topik Bahasann Konsep Dasar Web, mencakup terminologi, komponen pembangun,

mekanisme kerja web dan pemrograman web n HyperText Markup Language (HTML), memberikan uraian tentang

konsep dasar markup language, sintaks HTML, pemanfaatan HTML untuk membuat situs statik, pemanfaatan HTML untuk layout dokumen, dan pemanfaatan HTML untuk menyediakan input user

n Cascading Style Sheet (CSS), memberikan uraian tentang konsepdasar, sintaks CSS, dan pemanfaatannya untuk representasi dan layout dokumen pada lingkungan web

n Client Side Script dengan JavaScript, memberikan uraian tentang dasarpemrograman dengan JavaScript, sintaks bahasa JavaScript, pemanfaatan JavaScript untuk membangun aplikasi web yang client side yang dinamis, serta integrasi HTML, CSS dan JavaScript dalammembangun aplikasi web yang client side

n Interaksi Client Side Script dan Server Side Script, memberikan uraianmengenai cara berinteraksi antara dua sisi program web: client side dan server side

mailto:[email protected]


2



What is Internet ?

n A large computer network (all over the world)

n Network of networksn Based on TCP/IP



Internet services

n World wide web (HTTP)n E-mail (POP, SMTP, IMAP)n Chat (IRC)n File transfer (FTP)n Remote access (telnet)n VoIP, etc.



3



Istilah Dasarn Web (WWW)

n Kumpulan dokumen dan file yg berada dalaminternet tehubung satu dg yg lainnya sehinggamemmungkinkan user untuk melakukan pencariandan pengambilan informasi

n Web Site /Homepagen Halaman bersifat Statikn Mengacu pada distribusi informasi

n Web Applicationn Halaman bersifat Dinamisn Task Based (User dapat melakukan sesuatu)



Types of web site/web application

n Personal/corporate web siten e-commerce, e-learning, e-governmentn News/information/community portaln Corporate portal, etc.



4



How does web work? (1)

n User memasukan URL dalam browserhttp://www.google.com

n Browser men-translate URL ke dalam IP address untuk dikoneksikan dengan server lewat TCP (Port 80:Http Service)connects to a computer with IP address 216.239.39.99 port 80

n Setelah terhubung, browser mengirim “Get Request” (Http Request) GET / HTTP/1.1



How does web work? (2)

n Server memberikan tanggapan dengan Http Response, memberitahukan browser type yang digunakan (html, text, image dll)

n File yang dipanggil dalam “file html” (inline files), misalkan file image tidak datang bersamaan denganfile htmlnya, browser melakukan get request lagisebanyak inline files tersebut

n Browser melakukan “renders” dari file yang diterimauntuk ditampilkan ke user

n Koneksi diputus saat saat pengiriman data selesai(“Done”)


http://www.google.com


5



Web Browsern Adalah sebuah softwaren Berjalan pada komputer usern Sebuah tool untuk melakukan navigasi di webn Dan, menampilkan dokumen web

Beberapa Web Browser:n MS Internet Explorer, runs on Windows platformn Netscape Navigator/Communicator, runs on multi platformn Opera, runs on multi platformn Konqueror, runs on Linux platformn lynx (text based), runs on Linux platform



Web servern Adalah sebuah softwaren Yang berjalan pada komputer servern Sebagai tempat menyimpan file-file dokumen web

sehingga dapat diakses oleh internet users

Beberapa Web Server:n Apache, runs on multi platform (best on Linux)n MS Internet Information Server (IIS), runs on

Windows platformn Tomcat (for java), runs on multi platform



6



Web programmingn Command Gatway Interface (PERL, C)

Dieksekusi di web server, melakukan komunikasidengan browser seperti http response

n Server Side Scripting (ASP, PHP)web server melakukan parse dan eksekusi sehinggascript embedded dalam halaman web

n Client side scripting (JavaScript, JScript, VBScript)Web browser melakukan parse dan eksekusisehingga script embedded dalam halaman web



H T M L (HyperText Markup Language)n Merupakan format standar untuk mepublikasikan

dokumen web n Spesifikasi teknis (HTML 4.01) dpt dilihat di

http://www.w3.org/TR/html4/n Contoh dokumen HTML

<html><head>

<title>My Web Document</title></head><body>

<p>Hello !<br>Ini halaman web ku</p></body>

</html>



http://www.w3.org/TR/html4/

7



Bentuk Output pada IE



CSS (Cascading Style Sheet)

n Merupakan sebuah mekanisme untukmelakukan penyederhanaan dalammembuat style (seperti Color, Font, spacing dll) dalam dokumen web

n Spesifikasi standar CSS dapat dilihatpada:

n http://www.w3.org/TR/REC-CSS2/



http://www.w3.org/TR/REC-CSS2/

8



Script HTML dengan CSSn <html>n <head>n <title>My Web Document</title>n </head>n <style type='text/css'>n p { font-family: Arial; text-decoration: underline; }n p:first-letter { font-size: 20pt; }n b { font-size: 20pt; }n </style>n <body>n <p>Hello !<br>Ini halaman web ku yang <b>pertama</b></p>n </body>n </html>



Bentuk Output pada IE



Pendahuluan Tentang Internet

Documents

Transcript of Pendahuluan Tentang Internet