Dasar - dasar Web dan HTML
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.
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.
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)
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
Contoh :
HTML
JavaScript
Model Pemrograman Web
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 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.
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.
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>
<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>
<html>
<head>
<title>Resma it's Hello Kitty</title>
</head>
<body background="resma.jpg">
<font face=arial size=6 color=yellow>
<marquee behavior="alternate"><b>Resma it's Hello Kitty'S<br></Marquee>
<font face=arial size=6 color=blue>
<i>Hidup lebih ini menjadi Hello Kitty's<i><br>
<font face=arial size=6 color=red>
<marquee><i>"Ada yang ngasih Jajan, rumah tangga orang hancur berantakan"<i></Marquee>
<font face=arial size=1 co;or=maroon>
<hr>
|<a href=satu.html>H O M E</a>
|<a href=kedua.html>H O B I</a>
|<a href=ketiga.html>PENDIDIKAN</a>
|<a href=keempat.html>social networking</a>|
<hr><p>
<font face=verdana size=5 color=purple>
Hobi saya adalah :<br>
<font size=4 color=red>
<ul type=circle>
<li>Basket
<li>futsal
<li>Biliard
<li>komputer dan pemrogaman
<li>Graffity Art
</ul>
</body>
</html>
<head>
<title>Resma it's Hello Kitty</title>
</head>
<body background="resma.jpg">
<font face=arial size=6 color=yellow>
<marquee behavior="alternate"><b>Resma it's Hello Kitty'S<br></Marquee>
<font face=arial size=6 color=blue>
<i>Hidup lebih ini menjadi Hello Kitty's<i><br>
<font face=arial size=6 color=red>
<marquee><i>"Ada yang ngasih Jajan, rumah tangga orang hancur berantakan"<i></Marquee>
<font face=arial size=1 co;or=maroon>
<hr>
|<a href=satu.html>H O M E</a>
|<a href=kedua.html>H O B I</a>
|<a href=ketiga.html>PENDIDIKAN</a>
|<a href=keempat.html>social networking</a>|
<hr><p>
<font face=verdana size=5 color=purple>
Hobi saya adalah :<br>
<font size=4 color=red>
<ul type=circle>
<li>Basket
<li>futsal
<li>Biliard
<li>komputer dan pemrogaman
<li>Graffity Art
</ul>
</body>
</html>
Hasil Contoh List Program HTML
 |
| Contoh Tampilan dari Program HTML |
0 Response to "Dasar - dasar Web dan HTML"
Posting Komentar