|
Mengenal bahasa-Bahasa Pemrograman WEB
------------------------------------------------------
Author : Echo
Contact : command.cntr@gmail.com
CopyLEFT (c) 2008 ecocool18.blogspot.com All Lefts Reserved
------------------------------------------------------
//--- Preface ---//
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... Keep Learning… :)
:: Greets :
-----------
- Bpk.Maskur selaku pembimbing TIK
- Spyro Kid...and All...
- Anak-anak “B” manis hehehe.. ;P
- My Parents
- Semua Pengunjung situs ini
|
 |
|
Daftar Link untuk Mendownload artikel Terlampir !!!
Download cara membuat blog
Download artikel DreamWaver
Download Tips Merawat Komputer
Download Pengenalan Bahasa Web
Tips Merawat komputer
------------------------------------------------------------------
:: Author : Byokeman
:: Contact : command.cntr@gmail.com
:: CopyLeft (c)2008 ekojunaidisalam.tripod.com All Lefts Reserved
------------------------------------------------------------------
Langkah-langkahnya adalah sebagai berikut :
v Memiliki ventilasi udara yang cukup, sehingga udara di dalam ruangan tidak terlalu lembab atau terlalu kering
v Memiliki pengaman kebakaran, bisa berupa alarm, detektor asap, pemadam kebakaran otomatis ataupun minimal tabung pemadam
kebakaran yang berisi dry powder
v Jika menggunakan AC dan berkarpet, usahakan melakukan perawatan AC secara berkala dan membersihkan karpet dengan penyedot
debu, untuk mencegah merebaknya virus/kuman penyakit pernapasan
v Groundkan CPU anda pada tembok atau apa saja yg bersifat isolator
v Jika memungkinkan gunakanlah Screen Filter pada monitor bertipe CRT
v Jika tidak memiliki meja khusus komputer, usahakan CPU ditempatkan pada tempat tidak terlalu lembab atau terlalu kering
v Gunakan pelindung/ plastik bening pada keyboard, agar huruf2 pd keyboard tidak mudah mengelupas
v Bersihkan selalu meja komputer anda terutama di daerah CPU agar udara yg mengalir dlm fan tidak berdebu
v Bagi anda yg menggunakan alas mouse atau tidak, tetap perhatikan, apakah alas dlm keadaan berdebu atau tidak
v Jika memungkinkan hindari dan jauhkan penggunaan alat2 yg menghasilkan medan magnet tinggi
v Gunakan stavolt yg dpt menyeimbangkan tegangan yang turun-naik
v Jika memungkinkan tempatkanlah kabel2 komputer dgn rapi dan berilah pengaman agar tidak mudah tersangkut kaki.
:: Greets :
-----------
- Bpk.Maskur selaku pembimbing TIK
- Anak-anak “B” manis hehehe.. ;P
- Temen2 yg udah mensupport aq
- My Parents yg da di rumah
- Semua Pengunjung situs ini
|
|
|
|
|
|
|
|
