B |
eberapa
kali saya menerima email dari pengunjung WWW.spyrozone.net yang berisi pertanyaan
yang sama seputar dunia web. Pertanyaan mereka memang berbeda-beda namun pada
intinya terasa seragam dan selaras: "Spyro, Apa sich perbedaan antara
ekstensi file .htm, .html, .shtml, .dhtml, dan .xml ?? kok waktu aku coba
semuanya dengan tag html hasilnya sama ??"
Hehehe..
ya terang ajah hasilnya sama karena yang kamu masukkan adalah tag HTML yang kamu
eksekusi via browser. Andaikan kamu menggunakan ekstensi terserah kamu, hasil
outputnya akan tetap sama (selama dibuka lewat browser dan tag yang kamu
masukkan adalah tag HTML).
Karena
itulah tutorial singkat mengenai beberapa bahasa pemrograman web ini Spyro tulis
agar teman-teman yang memiliki pertanyaan serupa bisa merujuk pada halaman ini.
Sebelumnya jangan salah sangka dulu, artikel ini tidak akan mengajarkan
kepada anda secara mendalam tentang bahasa-bahasa tersebut, namun cukup
memberi sedikit gambaran saja.
//--- Contents ---//
Okay
Guys.. sebelumnya akan Spyro beritahukan MENU kita (yee.. emangnya di café..
:P ) pada tutorial ini :
1.
Hyper Text
Markup Language (HTML)
2.
Dynamic
HTML (DHTML)
3.
eXtesible
Markup Language (XML)
4.
XHTML
5.
PHP (Personal
Home Page)
6.
CGI (Common
Gateway Interface)
7.
Perl (Practical
Extraction and Report Language)
8.
ColdFusion
9.
ASP (Active
Server Page)
10.
Java
11.
JHTML
Sekarang
mari kita "kupas" satu persatu tentang keempat bahasa pemrograman web diatas:
1.
Hyper
Text Markup Language (HTML)
-----> Ekstensi file: .html, .htm, .html4
Bahasa
HTML adalah bahasa yang sederhana dan hanya memiliki sedikit kesulitan.
Bahasa yang merupakan dasar
dari framework Internet ini ditemukan oleh Tim Berners-Lee pada tahun 1989.
Hampir setiap situs web menggunakan bahasa ini, entah sekedar menampilkan texs,
animasi, tampilan grafis ataupun suara.
Bahasa
HTML sebenarnya berasal dari bahasa lama yang disebut dengan SGML (Standard
Generalized Markup Language). Namun perkembangan HTML sudah dimulai sejak kurang
lebih 10 tahun bahasa tersebut diperkenalkan.
Berikut
ini srtuktur dasar bahasa HTML:
<HTML>
Tanda bagi browser untuk mengenali bahea itu adalah bahasa html.
<HEAD>
Informasi header halaman. Di dalam tag inilah kita bisa meletakkan tag-tag
TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<TITLE>
Sebagai judul halaman. Text yang anda letakkan didalam tag ini akan muncul pada
title bar (Bagian paling atas browser).
<BODY>
Di dalam bagian inilah semua atribut diletakkan seperti Font, bgcolor,
background dll..
Berikut
ini contoh halaman web sederhana:
<HTML>
<HEAD>
<TITLE>Hallo dunia</TITLE>
</HEAD>
<BODY
bgcolor="#000000" background="images/dark.gif" text="aqua">
<p
align="Justify">Ini contoh halaman web</p>
</BODY>
</HTML>
2.
Dynamic
HTML (DHTML)
-----> Ekstensi file: .dhtml
DHTML
adalah bahasa yang bisa diakses dan dimodifikasi oleh bahasa script seperti
Vbscript, Javascript. DHTML sering dimanfaatkan untuk menampilkan
animasi-animasi seperti efek text, perubahan warna, dan lain sebagainya (bahkan
untuk game!!). Bahasa ini sering juga disebut sebagai versi objek dari HTML.
3.
eXtensible Markup Language (XML)
----->
Ekstensi File: .xml
XML adalah
bahasa yang sifatnya lebih terbatas daripada elemen-elemen HTML. Dengan XML,
orang bisa menentukan elemen-elemennya sendiri lalu kemudian mengembangkannya.
Menentukan
elemennya sendiri? Yeah,
semuanya berpusat pada Document Type Definitions atau biasa disingkat DTD.
DTD-lah yang telah menentukan tag awal dan tag akhir dari suatu file XML
sehingga data yang ditampilkan dapat dipahami.
4.
XHTML
-----> Ekstensi File: .XHTML
Bahasa
ini masih dalam pengembangan. XHTML merupakan gabungan dari bahasa HTML dan XML.
Seperti halnya XML, bahasa ini juga masih tergolong baru namun diramalkan akan
sangat berperan dalam mewarnai dunia web di masa depan.
Info selengkapnya mengenai bahasa
ini bisa kamu temukan di www.w3r.org.
5.
Personal
Home Page (PHP)
----->
Ekstensi File: .php, php3, atau tanpa ekstensi
PHP
ditulis oleh Rasmus Lerdorf yang pada awalnya ia gunakan untuk mencatat jumlah
pengunjung situs yang membuka halaman resumenya. Ia kemudian menulis ulang
kode-kodenya dengan bahasa C yang kemudian menjadikan bahasa itu menjadi lebih
kaya kemampuan.
Barulah
setelah itu banyak bermunculan tokoh-tokoh yang berjasa dalam perkembangan PHP
seperti Zeev Suraski dan Andi Gutmans yang menulis kembali parsing Engine unuk
menciptakan PHP versi 3. PHP kemudian menjadi modul Apache yang paling sering
digunakan. Berikut ini contoh script PHP yang akan menampilkan text Hallo
Dunia.
<html>
<head>
<title>PHP
menampilkan Halo Dunia</title>
</head>
<?php
echo "<br><br><h1>Hallo
dunia<br><br></h1>";
?>
</html>
Informasi
lengkap tentang bahasa ini bisa anda dapatkan di www.php.net
6.
CGI (Common
Gateway Interface)
-----> Ekstensi File: .cgi, .pl
CGI (Common
Gateway Interface) merupakan standar Internet tertua dan paling
berkembang sebagai suatu alat lewatnya informasi dari web server ke suatu
program dan mengembalikan hasilnya ke browser.
Suatu
program CGI dapat ditulis dengan bahasa-bahasa berikut:
-
Perl
-
Java
-
C, C++
-
Script-script UNIX
-
Visual Basic
-
MacOS atau AppleScript
Karena
itulah CGI sebenarnya kurang tepat jika dikategorikan sebagai bahasa karena
program CGI sendiri dapat ditulis menggunakan beragam bahasa.
7.
PERL (Practical
Extraction and Report Language)
-----> Ekstensi File: .pl atau bisa apa saja
PERL
merupakan bahasa pemrograman tingkat tinggi yang ditemukan oleh Larry Wall
(1987). PERL memiliki kemampuan untuk dapat diterapkan pada hampir semua jenis
Operating System dan yang terpenting, perl bisa didapatkan secara GRATIS!!
Pada
Web, eksekusi perl biasa dijalankan dengan CGI (Common Gateway Interface)
sebagai mkanisme untuk menampilkan output text ke browser.
Lebih jauh tentang Perl dan
keamanannya dapat anda temukan di www.w3.org
8.
ColdFusion
----->
Ekstensi File: .cfm
Coldfusion adalah sistem pengembangan aplikasi yang dikembangkan oleh Alaire.
Komponen utama Coldfusion adalah:
1)
ColdFusion Application Server
2)
ColdFusion Markup Language
3)
ColdFusion Studio
File-file CFM disimpan dalam bentuk plain text, sama halnya seperti PERL dan PHP
sehingga siapapun dapat melihat isinya. Informasi lanjut tentang ColdFusion
dapat ditemukan di www.alaire.com
9.
ASP (Active
Server Page)
-----> Ekstensi file: .asp
ASP
diciptakan khusus bagi server IIS
milik microsoft. Bahasa ini
merupakan bahasa pemrograman web yang dinamis. ASP dapat digunakan untuk
mengeksekusi beragam request terhadap suatu database atau perintah-perintah pada
system lokal.
Berikut
contoh sederhana berikut yang akan menampilkan tanggal dan jam pada sebuah
halaman web untuk server-side:
<%@
language="VBSCRIPT" %>
<html>
<body>
<h1>Tanggal:</h1>
<%
=date %>
<h1>Jam</h1>
<%
=time %>
</body>
</html>
Sedangkan fungsi yang sama pada Client-Side:
<html>
<body>
<script
type="text/vbscript">
document.write("<h1>Tanggal:</h1>")
document.write("<br>" & date() & "<br>)
document.write("<h1>Jam:</h1>")
document.write("<br>" & time() & "<br>)
</script>
<body>
</html>
10.
JAVA
-----> Ekstensi File: Tidak ada
Baca
artikel sebelumnya tentang sejarah Java untuk berkenalan dengan bahasa ini.
11.
JHTML
----->
Ekstensi File: .jhtml
Bahasa standard
JavaSoft keluaran SUN yang dicptakan untuk mengikutsertakan Java dalam sebuah
file HTML ini memiliki tag tersendiri yang diproses sebelum mengirimkan output
pada browser. JHTML
hampir mirip dengan HTML, hanya saja memiliki tambahan tag <Java> . Berikut
contoh sangat-sangat sederhana dari kode JHTML yang akan mengeluarkan tampilan
"Hallo Dunia, Saya datang dari Spyro Zone"
<Java>
out.print("Hallo Dunia, Saya datang dari Spyro Zone");
</java>
Contoh-contoh lain?
Hehehe.. angap ajah sebagai PR..
tanya aja dech sama paman Google.
//---
Penutup ---//
Tambahan,
Kritik, dan saran teman-teman sangat Spyro harapkan demi tersempurnakannya
tulisan ini.
Thanks to seluruh pengunjung setia www.spyrozone.net
... Keep Learning… :)
0 komentar:
Tulis komentar anda untuk artikel Mengenal bahasa-Bahasa Pemrograman WEB di atas!