Sabtu, 02 April 2011

Artikel Bahasa Pemrograman CSS

Dalam sebuah web/blog pasti tak lepas dari bahasa pemrograman, salah satu yang sangat berpengaruh dalam pengaturan sebuah web/blog adalah CSS. CSS atau kepanjangan dari Cascading Style Sheets adalah sebuah bahasa pemrograman untuk website yang digunakan untuk stylesheet atau tampilan suatu dokumen yang ditulis dalam bahasa markup. Bisa dikatakan CSS ini adalah pakaian untuk web/blog Anda nantinya. Dan tentunya CSS ini tak lepas juga dari bahasa HTML(Hypertext Markup Languages).

Sejarah CSS
CSS pertama kali diperkenalkan pada tahun 1996 yang tepatnya pada tanggal 17 Agustus 1996 oleh World Wide Consortium (W3C). CSS ini oleh W3C dijadikan bahasa pemrograman standart dalam pembuatan dokumen web.

Versi CSS
Sampai saat ini, versi terbaru dari CSS adalah versi 2, dan sekarang masih dalam perkembangan.

Cara Penulisan CSS
Untuk penulisan CSS sendiri dibedakan menjadi 2 pertama nama file dan atributnya. Sebagai contoh adalah sebagai berikut:

namafile{atribut}
Sebagai contoh:

a {font: 12px verdana;}

Penulisan CSS sendiri juga harus dipisahkan dengan tanda {} dan penulisan atribut nama perintah :(titik dua) kriteria ; (titik koma).

Artikel Bahasa Pemrograman Javascript


JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT


Sejarah

JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript.
Navigator sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java. Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut. Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.
JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX. JavaScript adalah bahasa yang digunakan untuk AJAX.


Penulisan JavaScript

Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag <script type="teks/javascript">.
<script type="teks/javascript">
        alert("Halo Dunia!");
<script>
Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript). Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:
<script type="teks/javascript" src="alamat.js">
</script>


Script pada bagian head

Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil).
<html>
<head>
<script type="teks/javascript">
...
</script>
</head>
</html>

 

Script pada Body

Script ini dieksekusi ketika halaman di-load sampai di bagian <body>. Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian.
<html>
<head>
</head>
<body>
<script type="teks/javascript">
...
</script>
</body>
</html>
Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.

 

External JavaScript

Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman. Maka JavaScript dapat ditulis di file secara eksternal. Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML. Berkas JavaScript tersebut disimpan dengan ekstensi .js.
JavaScript : js/xxx.js document.write("pesan ini tampil ketika halaman diload");
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut "src" pada tag <script> pada halaman HTML-nya.
<html>
<head>
</head>
<body>
<script src="xxx.js">
</script>
<p>Script di atas berada di berkas "xx.js" (eksternal) </p>
</body>
</html>

Artikel Bahasa Pemrograman ASP



ASP atau Active Server Pages adalah bahasa pemrograman lingkungan aplikasi terbuka (open application environment) berjenis server side untuk membangun aplikasi web (internet).
Lingkungan aplikasi terbuka maksudnya yaitu dengan menggunakan ASP, halaman-halaman Hypertext Markup Language (HTML), script, dan komponen ActiveX dapat dikombinasikan menjadi satu untuk membangun sebuah aplikasi web.


Bahasa pemrograman ASP diciptakan oleh Microsoft untuk menjawab tantangan pemrograman web dinamis, dimana isi dari sebuah situs dapat diprogram untuk mendapatkan hasil yang berbeda. Tidak seperti HTML yang hanya menampilkan isi yang statis, ASP mampu menampilkan isi halaman yang berbeda sesuai dengan tujuan pemrogramannya.
ASP telah mencapai versi 3.0 yang berjalan pada platfom Windows 2000 Professional atau Server. Versi sebelumnya, yaitu versi ASP 2.0 dapat berjalan pada platform lain seperti Linux, Solaris, OS/2, dan Novell. Saat ini, Microsoft sedang merancang kelanjutan dari ASP 3.0, yaitu ASP+ yang berjalan pada Windows .NET Framework.


Bahasa ASP murni Object Oriented Programming (OOP). Struktur bahasanya sama dengan bahasa Visual Basic (VB) yang mudah dimengerti karena sintaksnya menggunakan Bahasa Inggris. Seperti yang kita ketahui, Bahwa Visual Basic (VB) adalah bahasa pemrograman yang paling mudah dimengerti dan dipelajari dibandingkan dengan bahasa pemrograman lainnya. Oleh karena itu, ASP sangat mudah dipelajari oleh para pemula sekalipun untuk membuat aplikasi web, disamping keandalan dan kelengkapan fasilitasnya.

Artikel Bahasa Pemrograman PHP


PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.


Sejarah PHP

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.


Contoh program

 

a) Program Hello World

Program Hello World yang ditulis menggunakan PHP adalah sebagai berikut:
<?php
    echo "Hello World";
?>

 

b) Program bilangan Fibonacci

Berikut ini adalah contoh program yang relatif lebih kompleks yang ditulis dengan menggunakan PHP. Contoh program ini adalah program untuk menampilkan 20 bilangan pertama dari deret bilangan Fibonacci.
<?php
function fibonacci_seq( $panjang ) {
   for( $l = array(0,1), $i = 2, $x = 0; $i < $panjang; $i++ )
        $l[] = $l[$x++] + $l[$x];
   return $l;
}
 
fibonacci_seq(20);
// Angka "20" dapat diganti sesuai keinginan
?>


Kelebihan PHP Dari Bahasa Pemrograman Lain

Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain:
  1. 'Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.'
  2. 'Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.'
  3. 'Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.'
  4. 'Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.'
  5. 'PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system.'

Artikel Bahasa Pemrograman HTML

HyperText Mark Up Languange (HTML) merupakan aplikasi pertama yang digunakan untuk membuat web dengan protocol yang digunakan dinamakan HTTP (HyperText Transfer Protocol). World Wide Web atau biasa kita sebut dengan Web merupakan salah satu sumber daya Internet yang berkembang pesat.
Pada perkembangan berikutnya, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML, antara lain PHP dan ASP sedangkan contoh yang berupa objek antara lain Applet(Java).
HTML merupakan bahasa pemrograman yang dipahami oleh semua computer yang dipakai di dunia atau internet. Perintah HTML harus berada didalam tanda <..>, yang digunakan untuk menampilkan fungsi – fungsi tertentu misalnya fungsi link dan sebagainya.
Dinamakan Hypertext karena kita bias membaca isi dari sebuah dokumen/berita tanpa harus membacanya baris demi baris. Kita bias melompat – lompat dari satu topic ke topic lainnya.
Dinamakan MarkUp Languange karena HTML mengandung tanda atau perintah tertentu untuk menentukan tampilan teks, gambar, dsb beserta fungsi – fungsi yan diinginkan.
Contoh : <B>Desain dan Pemrograman Web<B>
Perintah <B> ini menyebabkan tulisan diatas menjadi tebal (Bold) ketika ditampilkan di browser. Browser (Pencari,pembuka situs) merupakan sarana yan digunakan untuk membuka website. Jadi HTML memiliki perintah khusus yang disebut elemen, dan elemen – elemen itu berada di antara tag awal< dan tag akhir>

Membuat Homepage Sederhana
Dalam pembuatah sebuah homepage, ada beberapa software yang dapat digunakan antara lain:

1. Notepad
Program teks sederhana milik Windows yang dapat digunakan untuk mengetikkan perintah HTML. Jika kita menggunakan Linux atau unix, maka kita bisa menggunakan vi atau pico sebagai pengganti Notepad.

2. Pembuat Grafis
Untuk membuat gambar yang menarik perhatian. Seperti Adobe Photoshop, CorelDraw, dsb.

3. Browser
Untuk melihat hasil/tampilan homepage dari program -program HTML yang telah kita ketikkan di Notepad. Yang kita gunakan kali ini adalah Microsoft Internet Explorer.
Adapun langkah kerja membuat homepage dengan menggunakan Notepad adalah:
- Klik Start pada menu utama Windows
- All Programs
- Accessories
- Notepad

Tips:
Ada 2 hal penting yang perlu kita ketahui yaitu fasilitas View Source dan Refresh yang berguna mempercepat pekerjaan jika kita menggunakan Internet Explorer.

1. View Source, untuk melihat source (isi perintah HTML) dari sebuah dokumen HTML. Pada browser internet explorer,jika mengklik View lalu pilih Source, maka akan terlihat source dari dokumen tersebut seperti pada Notepad. Sehingga kita akan lebih mudah melakukan perubahan/edit dengan cepat

2. Refresh, melihat dengan cepat tampilan baru dokumen HTML yang telah di ubah. Dengan cara mengklik symbol refresh atau tekan F5.
Kerangka Dasar Homepage
Berikut ini adalah kerangka dasar dokumen HTML yang merupakan aturan dari W3 Consortium
<HTML>
<HEAD>***bagian dari head***</HEAD>
<BODY>***bagian dari body***</BODY>
</HTML>
Untuk lebih jelasnya sekarang saatnya praktikum
Buka Notepad dan ketikkan source program berikut
<html>
<head>
<title> Contoh script HTML </title>
</head>
<body>
<h2>Belajar Desain WEB dengan HTML</h2>
HTML adalah dasar pembuatan website,<br>
dimana perintah – perintah HTML dapat diketik <br>
pada notepad (bila menggunakan S.O Windows) atau
Vi(bila menggunakan Linux).
</body>
</html>
Simpan dengan nama Source1.htm dengan memilih type All files. Kemudian buka dengan Browser dan lihat hasilnya.