Modul dasar pemrograman web

Modul Pemrograman Web Deka M Wildan 1

MODUL DASAR PEMROGRAMAN WEB

1. PENGERTIAN WEB

Web merupakan media informasi berbasis jaringan komuter yang dapat diakses di mana saja,

kapan saja dengan biaya relative murah. Web merupakan bentuk implementasi dari bahasa

pemrograman web (Web Programming). Sejarah perkembangan bahasa pemrograman web

diawali dengan munculnya HTML (HyperText Markup Language), yang kemudian

dikembangkan dengan munculnya CSS (Cascading Style Sheet) yang betujuan untuk

memperindah tampilan website dengan perintah-perintah atau kode bahasa pemrograman css.

Pemrograman web bisa diartikan sebagai proses pembuatan program dalam bentuk web

dengan perintah-perintah atau kode yang terstruktur dan hasilnya akan ditampilkan dalam

bentuk web melalui web browser. Beberapa bahasa pemrograman web berbasis server

(Server-Side) mulai muncul dan dikembangkan oleh beberapa perusahaan perangkat lunak,

seperti: ASP (Active Server Pages) oleh perusahaan Microsoft Corporation, JSP (Java Server

Pages) oleh perusahaan Sun Microsystem, dan CGI (Common Gateway Interface) oleh

perusahaan UNIX yang sekarang diadopsi oleh NCSA (National Central for Supercomputing

Application) web server. Berikut macam-macam bahasa pemrograman web yang lebih

lengkap :

Bahasa Pemrograman Keterangan

HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.

HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox, Microsoft Internet Explorer dll.

PHP

Hypertext Preprocessor (PHP) adalah bahasa pemrograman script yang paling banyak dipakai saat ini.

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web. PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain. PHP biasanya berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting windows).

ASP

ASP adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis.

ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft. ASP bekerja pada web server dan merupakan server side scripting.

Modul Pemrograman Web Deka M Wildan 2

XML

Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data.

XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja. XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen.

WML

WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (Extensible Markup Langauge). WML adalah bahasa pemrograman yang digunakan dalam aplikasi wireless.

WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel.

PERL

Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, BeOS, VMS, EBCDIC, dan PocketPC.

PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.

CFM

CFM dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.

Syntax coldfusion berbasis html.

Javascript

Javascript adalah bahasa scripting yang handal yang berjalan pada sisi client.

JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript.

CSS

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup.

Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

1.1 HTTP HTTP (HyperTextTransfer Protocol) adalah protokol yang dipergunakan untuk mentransfer

dokumen dalam World Wide Web(WWW). Protokol ini adalah protokol ringan, tidak

berstatus dan generik yang dapat dipergunakan berbagai macam tipe dokumen.

Pengembangan HTTP dikoordinasi oleh Konsorsium World Wide Web(W3C) dan grup

bekerja Internet Engineering Task Force(IETF), bekerja dalam publikasi satu seri RFC, yang

paling terkenal RFC 2616, yang menjelaskan HTTP/1,1, versti HTTP yang digunakan umum

sekarang ini. HTTP adalah sebuah protokol meminta/menjawab antara clientdan server.

Modul Pemrograman Web Deka M Wildan 3

Sebuh client HTTP seperti web browser, biasanya memulai permintaan dengan membuat

hubungan TCP/IP ke port tertentu di tuan rumah yang jauh (biasanya port 80). Sebuah server

HTTP yang mendengarkan diport tersebut menunggu client mengirim kode permintaan

(request), seperti "GET / HTTP/1.1" (yang akan meminta halaman yang sudah ditentukan),

diikuti dengan pesan MIME yang memiliki beberapa informasi kode kepala yang

menjelaskan aspek dari permintaan tersebut, diikut dengan badan dari data tertentu. Beberapa

kepala (header) juga bebas ditulis atau tidak, sementara lainnya (seperti tuan rumah)

diperlukan oleh protokol HTTP/1,1. Begitu menerima kode permintaan (dan pesan, bila ada),

server mengirim kembali kode jawaban, seperti "200 OK", dan sebuah pesan yang diminta,

atau sebuah pesan error atau pesan lainnya.

1.2 WORLD WIDE WEB

World Wide Web, biasa lebih terkenal disingkat sebagai WWW adalah suatu ruang

informasi yang dipakai oleh pengenal global yang disebut Pengidentifikasi Sumber Seragam

untuk mengenal pasti sumber daya berguna. WWW sering dianggap sama dengan Internet

secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripada Internet.

WWW merupakan kumpulan web dari seluruh dunia yang mempunyai kegunaan

untuk menyediakan data dan informasi untuk dapat digunakan bersama. WWW adalah

bagian yang paling menarik dari Internet. Melalui web, para pengguna dapat mengakses

informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara,

video dan animasi.

WWW adalah suatu program yang ditemukan oleh Tim Berners-Lee pada tahun

1991. Awalnya Berners-Lee hanya ingin menemukan cara untuk menyusun arsip-arsip

risetnya. Untuk itu, beliau mengembangkan suatu sistem untuk keperluan pribadi. Sistem itu

adalah program peranti lunak yang diberi nama Enquire. Dengan program itu, Berners-Lee

berhasil menciptakan jaringan yang menautkan berbagai arsip sehingga memudahkan

pencarian informasi yang dibutuhkan. Inilah yang kelak menjadi dasar dari sebuah

perkembangan pesat yang dikenal sebagai WWW.

2. PENGERTIAN HTML

HTML (HyperText Markup Language) adalah sebuah bahasa markah yang digunakan untuk

membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah

web atau Web Browser Internet dan pemformatan hiperteks sederhana yang ditulis dalam

berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan

kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam

format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML.

Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan

percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML

Modul Pemrograman Web Deka M Wildan 4

adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML

saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh

World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan

Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga

penelitian fisika energi tinggi di Jenewa). Tahun 1980, IBM memikirkan pembuatan suatu

dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu.

IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan

perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Language, sebuah

bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini

sebagai Generalized Markup Language atau GML.

Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen

yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan

markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat

bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML (Standard

Generalized Markup Language). ISO dalam publikasinya meyakini bahwa SGML akan

sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi

diluar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna

untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web.

Versi terakhir dari HTML saat ini adalah HTML5.

Untuk menulis kode HTML ada berbagai macam tools yang dapat digunakan, seperti:

Notepad, Wordpad, Microsoft Front Page, Macromedia DreamWeaver, Notepad++, dll.

Berikut merupakan struktur dasar html :

<html> <head> <title>Disini judul dokumen web</title> </head> <body> Disini isi konten halaman web yang akan

ditampilkan oleh browser </body>

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut :

a. Tag

Tag merupakan teks khusus penandaan (markup) berupa dua karakter “<” dan “>”, sebagai

contoh <body> adalah tag dengan nama elemen body.

Secara umum Tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag

penutup (ditambahkan karakter “/” setelah karakter “<”), sebagai contoh <body> ini adalah

tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.

Modul Pemrograman Web Deka M Wildan 5

b. Elemen

elemen merupakan komponen-komponen penyusun dokumen html yang terdapat diantara tag

pembuka dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada

web browser digunakan elemen title, dimana :

<title> ini adalah tag pembuka dengan elemen title untuk membuat judul dokumen html.

Contoh penulisan title sebagai berikut :

<title>

Ini adalah judul dokumen html

</title>

Tag-tag yang berpasangan tidak boleh saling tumpang tindih dengan pasangan tag-tag yang

lainnya.

Contoh penulisan tag-tag yang benar :

<p> <b> ………………………………. </b> </p>

c. Attribute

Atribut mendefinisikan property dari suatu elemen HTML, yang terdiri atas nama dan nilai,

sedangkan property adalah isi atau nilai dari suatu atribut tersebut. Contoh penulisan seperti

di bawah ini :

<TAG elemen Nama-attribute=”nilai atribut/property”> …………………………………………………………. …………………………………………………………. </TAG elemen>

Contoh penulisan attribute dalam html yang benar :

<body bgcolor=”#ff0000”> …………………………………………………………. …………………………………………………………. </body>

Modul Pemrograman Web Deka M Wildan 6

Secara umum attribute harus berada dalam tanda petik satu atau dua untuk yang kode warna

untuk bilangan biner, akan tetapi untuk kode teks biasa tanpa menggunakan tanda petik juga

bisa ditampilkan. Sebagai contoh, untuk membuat warna latar belakang halaman web

menjadi hitam dan warna teks menjadi kuning, penulisannya adalah :

<body bgcolor=”#000000” teks=”yellow”> …………………………………………………………. …………………………………………………………. </body>

d. Elemen HTML

Menyatakan pada browser bahwa dokumen web yang digunakan adalah HTML.

Sintaks :

<html> ……………………….. </html>

e. Elemen Head

merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak diantara tag

<html> dan tag </html>. Contoh sintaks :

<head>

…………………………..

</head>

f. Elemen Title

merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag

<title> dan tag </title> terletak diantara tag <head> dan tag </head>. Contoh sintaks :

<head> <title> ……………………………………… </title> </head>

g. Elemen Body

Elemen Body digunakan untuk menampilkan isi dokumen HTML. Tag BODY terletak

dibawah tag </head>. Elemen BODY mempunyai attribute dan property menspesifikasikan

khususnya warna dan latar belakang dokumen yang akan ditampilkan pada browser.

Modul Pemrograman Web Deka M Wildan 7

Contoh sintaks :

<body bgcolor/background=”warna/gambar.jpg/png” text=”nilaiatribut/property” link=”nilaiatribut/property” alink=”nilaiatribut/property” vlink=”nilaiatribut/property”> …………………………………………………………………………….. ……………………………………………………………………………… </body>

Attribute teks memberikan warna pada teks, bgcolor memberikan warna pada latar belakang

dokumen HTML, background memberikan latar belakang dokumen HTML dalam bentuk

gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang

sedang aktif, vlink memberikan warna untuk link yang sudah dikunjungi.

Jika atribut bgcolor dan background keduanya dispesifikasikan, maka atribut

background yang akan digunakan, akan tetapi jika nilai atribut background (gambar) tidak

ditemukan pada dokumen HTML, maka atribut bgcolor yang akan digunakan.

LATIHAN SOAL ! 1. Siapa penemu program WWW (World Wide Web) ?

2. Sebutkan dan jelaskan macam-macam bahasa pemrograman web beserta vendor atau

perusahaan pembuatnya !

3. Apakah yang dimaksud dengan HTML ?

4. Sebutkan aplikasi yang dapat digunakan untuk membuat dokumen HTML (minimal 5) !

5. Sebutkan dan jelaskan macam-macam komponen struktur dasar HTML !

6. Tuliskan struktur dasar HTML !

7. Sebut dan jelaskan macam-macam atribut pada elemen BODY !

8. Jelaskan maksud dari sintaks html berikut :

<body bgcolor=”red” teks=”blue”>

</body>

9. Jelaskan maksud dari SGML !

10. Jelaskan pengertian dari HTTP !

Modul Pemrograman Web Deka M Wildan 8

3. PENGERTIAN PHP

PHP (Personal Home Page / HypertextPreProcessor) merupakan script pemrograman

berbasis web yang memiliki kemampuan untuk memproses dan mengolah data secara

dinamis. PHP dapat dikatakan sebagai suatu pemrograman Server-Side embedded script

language, artinya semua sintaks dan perintah program php yang ditulis oleh programmer

web, akan sepenuhnya dijalankan atau dieksekusi oleh server. PHP bisa disertakan dalam

kode HTML dengan akhiran atau ekstensi file dalam bentuk (*.php).

Pada prinsipnya, server akan bekerja apabila ada permintaan dari client. Sistem kerja

Server-Side adalah ketika client mengirimkan permintaan atau request ke Server Web (Web

Server) menggunakan perintah atau kode-kode PHP. Kemudian setelah permintaan di respon

atau diterima oleh server, maka server akan melakukan atau mengerjakan perintah dari client

tersebut, seperti:

a) Membaca permintaan dengan skrip PHP berasal dari browser.

b) Mencari halaman/page di server (Server Pages).

c) Melakukan processing melalui instruksi yang diberikan oleh PHP untuk

melakukan modifikasi pada halaman/page.

d) Mengirim kembali halaman tersebut kepada client melalui internet atau intranet

yang merupakan proses untuk menampilkan hasil suatu kode-kode PHP ke

dalam bentuk tampilan web yang merupakan proses echo/print. Contoh siklus

PHP dalam Web Server:

Gambar 2 Siklus PHP dalam Web Server

3.1 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

Modul Pemrograman Web Deka M Wildan 9

Modul Pemrograman Web Deka M Wildan 10

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.