SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
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
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

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.
Hypertext Preprocessor (PHP) adalah bahasa pemrograman script yang
paling banyak dipakai saat ini.

PHP

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 adalah singkatan dari Active Server Pages yang merupakan salah satu
bahasa pemograman web untuk menciptakan halaman web yang dinamis.

ASP

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
Extensible Markup Language (XML) adalah bahasa markup serbaguna
yang direkomendasikan W3C untuk mendeskripsikan berbagai macam
data.
XML

WML

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 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 adalah bahasa scripting yang handal yang berjalan pada sisi
client.

Javascript

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.
Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang
digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam
bahasa markup.

CSS

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
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.

Modul Pemrograman Web

Deka M Wildan

10

Más contenido relacionado

La actualidad más candente

Graph dalam Struktur Data
Graph dalam Struktur DataGraph dalam Struktur Data
Graph dalam Struktur DataMade Aditya
 
Contoh store procedure dan function
Contoh store procedure dan functionContoh store procedure dan function
Contoh store procedure dan functionErwin Setiawan
 
Laporan praktikum modul 4 (e-rd notasi martin)
Laporan praktikum modul 4 (e-rd notasi martin)Laporan praktikum modul 4 (e-rd notasi martin)
Laporan praktikum modul 4 (e-rd notasi martin)Devi Apriansyah
 
Materi 3 Finite State Automata
Materi 3   Finite State AutomataMateri 3   Finite State Automata
Materi 3 Finite State Automataahmad haidaroh
 
7. Queue (Struktur Data)
7. Queue (Struktur Data)7. Queue (Struktur Data)
7. Queue (Struktur Data)Kelinci Coklat
 
basis data lanjut modul
 basis data lanjut modul basis data lanjut modul
basis data lanjut modulDenny Safardan
 
Data Base Tiket Pesawat
Data Base Tiket PesawatData Base Tiket Pesawat
Data Base Tiket Pesawatnaufals11
 
Algoritma dan Pemrograman C++ (Pseudocode & Flowchart)
Algoritma dan Pemrograman C++ (Pseudocode & Flowchart)Algoritma dan Pemrograman C++ (Pseudocode & Flowchart)
Algoritma dan Pemrograman C++ (Pseudocode & Flowchart)Nabil Muhammad Firdaus
 
Toko online erd dan analisis sistem informasi penjualan berbasis web - mode...
Toko online   erd dan analisis sistem informasi penjualan berbasis web - mode...Toko online   erd dan analisis sistem informasi penjualan berbasis web - mode...
Toko online erd dan analisis sistem informasi penjualan berbasis web - mode...brisma pambudi
 
Makalah Perancangan ERD & LRS Pada Sistem Pemesanan Hotel
Makalah Perancangan ERD & LRS Pada Sistem Pemesanan HotelMakalah Perancangan ERD & LRS Pada Sistem Pemesanan Hotel
Makalah Perancangan ERD & LRS Pada Sistem Pemesanan HotelMuhammad Iqbal
 

La actualidad más candente (20)

Materi CSS Dasar
Materi CSS DasarMateri CSS Dasar
Materi CSS Dasar
 
8 Data Record
8 Data Record8 Data Record
8 Data Record
 
Pertemuan 9 Tree dan BinaryTree
Pertemuan 9 Tree dan BinaryTreePertemuan 9 Tree dan BinaryTree
Pertemuan 9 Tree dan BinaryTree
 
Resume praktikum 6 stack
Resume praktikum 6 stackResume praktikum 6 stack
Resume praktikum 6 stack
 
Aplikasi loop
Aplikasi loop Aplikasi loop
Aplikasi loop
 
Graph dalam Struktur Data
Graph dalam Struktur DataGraph dalam Struktur Data
Graph dalam Struktur Data
 
Contoh store procedure dan function
Contoh store procedure dan functionContoh store procedure dan function
Contoh store procedure dan function
 
Laporan praktikum modul 4 (e-rd notasi martin)
Laporan praktikum modul 4 (e-rd notasi martin)Laporan praktikum modul 4 (e-rd notasi martin)
Laporan praktikum modul 4 (e-rd notasi martin)
 
Materi 3 Finite State Automata
Materi 3   Finite State AutomataMateri 3   Finite State Automata
Materi 3 Finite State Automata
 
7. Queue (Struktur Data)
7. Queue (Struktur Data)7. Queue (Struktur Data)
7. Queue (Struktur Data)
 
Materi 6. perulangan
Materi 6. perulanganMateri 6. perulangan
Materi 6. perulangan
 
Arsitektur Sistem Basis Data
Arsitektur Sistem Basis DataArsitektur Sistem Basis Data
Arsitektur Sistem Basis Data
 
basis data lanjut modul
 basis data lanjut modul basis data lanjut modul
basis data lanjut modul
 
Soal latihan-access-21
Soal latihan-access-21Soal latihan-access-21
Soal latihan-access-21
 
Data Base Tiket Pesawat
Data Base Tiket PesawatData Base Tiket Pesawat
Data Base Tiket Pesawat
 
5 perulangan
5 perulangan5 perulangan
5 perulangan
 
Algoritma dan Pemrograman C++ (Pseudocode & Flowchart)
Algoritma dan Pemrograman C++ (Pseudocode & Flowchart)Algoritma dan Pemrograman C++ (Pseudocode & Flowchart)
Algoritma dan Pemrograman C++ (Pseudocode & Flowchart)
 
Toko online erd dan analisis sistem informasi penjualan berbasis web - mode...
Toko online   erd dan analisis sistem informasi penjualan berbasis web - mode...Toko online   erd dan analisis sistem informasi penjualan berbasis web - mode...
Toko online erd dan analisis sistem informasi penjualan berbasis web - mode...
 
Resume praktikum 5__linked_list
Resume praktikum 5__linked_listResume praktikum 5__linked_list
Resume praktikum 5__linked_list
 
Makalah Perancangan ERD & LRS Pada Sistem Pemesanan Hotel
Makalah Perancangan ERD & LRS Pada Sistem Pemesanan HotelMakalah Perancangan ERD & LRS Pada Sistem Pemesanan Hotel
Makalah Perancangan ERD & LRS Pada Sistem Pemesanan Hotel
 

Destacado

Modul pemrograman web
Modul pemrograman webModul pemrograman web
Modul pemrograman webexkun
 
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLPanduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLDoni Tobing
 
Dasar pemrograman web HTML
Dasar pemrograman web HTMLDasar pemrograman web HTML
Dasar pemrograman web HTMLBambang Herlandi
 
Pemrograman web modul 1 dan 2
Pemrograman web  modul 1 dan 2Pemrograman web  modul 1 dan 2
Pemrograman web modul 1 dan 2Dhan junkie
 
Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)Arifin Swift
 
Buku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascriptBuku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascriptDeka M Wildan
 
BUKU SMK KELAS 10 PEMROGRAMAN WEB.PDF
BUKU SMK KELAS 10 PEMROGRAMAN WEB.PDFBUKU SMK KELAS 10 PEMROGRAMAN WEB.PDF
BUKU SMK KELAS 10 PEMROGRAMAN WEB.PDFAbdulloh Aqil
 
Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP Deka M Wildan
 
Belajar pemrograman berbasis web php dhtmlx part 6 export data
Belajar pemrograman berbasis web php dhtmlx part 6   export dataBelajar pemrograman berbasis web php dhtmlx part 6   export data
Belajar pemrograman berbasis web php dhtmlx part 6 export dataTobing Manuppak
 
7 pemrograman internet javascript
7 pemrograman internet  javascript7 pemrograman internet  javascript
7 pemrograman internet javascriptToni Tegar Sahidi
 
Pemrograman Internet - HTML (2)
Pemrograman Internet - HTML (2)Pemrograman Internet - HTML (2)
Pemrograman Internet - HTML (2)Arifin Swift
 
Pemrograman Web - Konsep Pemrograman Internet
Pemrograman Web - Konsep Pemrograman InternetPemrograman Web - Konsep Pemrograman Internet
Pemrograman Web - Konsep Pemrograman InternetKuliahKita
 
Menjadi webmaster dalam 30 hari
Menjadi webmaster dalam 30 hariMenjadi webmaster dalam 30 hari
Menjadi webmaster dalam 30 hariDidit Septiawan
 
Tutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi InventarisTutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi InventarisDeka M Wildan
 
Buat web dgn php mysql dreamweaver
Buat web dgn php mysql dreamweaverBuat web dgn php mysql dreamweaver
Buat web dgn php mysql dreamweaverHaswi Haswi
 
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...Doni Tobing
 
Pemrograman Web Kelas Semester 2
Pemrograman Web Kelas Semester 2Pemrograman Web Kelas Semester 2
Pemrograman Web Kelas Semester 2Rizky Nurcahyati
 
Introduction to the Internet
Introduction to the InternetIntroduction to the Internet
Introduction to the Internetcoastalgraphics
 

Destacado (20)

Modul pemrograman web
Modul pemrograman webModul pemrograman web
Modul pemrograman web
 
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLPanduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
 
Dasar pemrograman web HTML
Dasar pemrograman web HTMLDasar pemrograman web HTML
Dasar pemrograman web HTML
 
Pemrograman web modul 1 dan 2
Pemrograman web  modul 1 dan 2Pemrograman web  modul 1 dan 2
Pemrograman web modul 1 dan 2
 
Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)Pemrograman Internet - HTML (1)
Pemrograman Internet - HTML (1)
 
Buku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascriptBuku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascript
 
BUKU SMK KELAS 10 PEMROGRAMAN WEB.PDF
BUKU SMK KELAS 10 PEMROGRAMAN WEB.PDFBUKU SMK KELAS 10 PEMROGRAMAN WEB.PDF
BUKU SMK KELAS 10 PEMROGRAMAN WEB.PDF
 
Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP
 
Belajar pemrograman berbasis web php dhtmlx part 6 export data
Belajar pemrograman berbasis web php dhtmlx part 6   export dataBelajar pemrograman berbasis web php dhtmlx part 6   export data
Belajar pemrograman berbasis web php dhtmlx part 6 export data
 
7 pemrograman internet javascript
7 pemrograman internet  javascript7 pemrograman internet  javascript
7 pemrograman internet javascript
 
Pemrograman Internet - HTML (2)
Pemrograman Internet - HTML (2)Pemrograman Internet - HTML (2)
Pemrograman Internet - HTML (2)
 
Pemrograman Web - Konsep Pemrograman Internet
Pemrograman Web - Konsep Pemrograman InternetPemrograman Web - Konsep Pemrograman Internet
Pemrograman Web - Konsep Pemrograman Internet
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Menjadi webmaster dalam 30 hari
Menjadi webmaster dalam 30 hariMenjadi webmaster dalam 30 hari
Menjadi webmaster dalam 30 hari
 
Tutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi InventarisTutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi Inventaris
 
Html ppt
Html pptHtml ppt
Html ppt
 
Buat web dgn php mysql dreamweaver
Buat web dgn php mysql dreamweaverBuat web dgn php mysql dreamweaver
Buat web dgn php mysql dreamweaver
 
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...
 
Pemrograman Web Kelas Semester 2
Pemrograman Web Kelas Semester 2Pemrograman Web Kelas Semester 2
Pemrograman Web Kelas Semester 2
 
Introduction to the Internet
Introduction to the InternetIntroduction to the Internet
Introduction to the Internet
 

Similar a Modul dasar pemrograman web

Bahasa pemrograman
Bahasa pemrogramanBahasa pemrograman
Bahasa pemrogramanDwiMuktianto
 
Tugas webserver SO II - 09 154
Tugas webserver SO II - 09 154Tugas webserver SO II - 09 154
Tugas webserver SO II - 09 154ridhyld
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi webTeukuMahawira
 
Perkembangan web server di Linux
Perkembangan web server di LinuxPerkembangan web server di Linux
Perkembangan web server di LinuxApriyanto Gafur
 
Tugas webserver
Tugas webserverTugas webserver
Tugas webservernifran12
 
Konsep Teknologi Web
Konsep Teknologi WebKonsep Teknologi Web
Konsep Teknologi WebTeukuMahawira
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi webTeukuMahawira
 
pemograman API
pemograman APIpemograman API
pemograman APIFarisLufhy
 
Tugas2 rekayasaweb
Tugas2 rekayasawebTugas2 rekayasaweb
Tugas2 rekayasawebseptianarul
 
Makalah html5
Makalah html5Makalah html5
Makalah html5argud
 
17. Memahami Web.pptx
17. Memahami Web.pptx17. Memahami Web.pptx
17. Memahami Web.pptxTantost1
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programmingFrisianlllllllFlag
 

Similar a Modul dasar pemrograman web (20)

Tugas Mardhiyya MIK A
Tugas Mardhiyya MIK ATugas Mardhiyya MIK A
Tugas Mardhiyya MIK A
 
1989249
19892491989249
1989249
 
API
APIAPI
API
 
Bahasa pemrograman
Bahasa pemrogramanBahasa pemrograman
Bahasa pemrograman
 
Tugas webserver SO II - 09 154
Tugas webserver SO II - 09 154Tugas webserver SO II - 09 154
Tugas webserver SO II - 09 154
 
Html to-blog
Html to-blogHtml to-blog
Html to-blog
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Perkembangan web server di Linux
Perkembangan web server di LinuxPerkembangan web server di Linux
Perkembangan web server di Linux
 
Tugas webserver
Tugas webserverTugas webserver
Tugas webserver
 
Konsep Teknologi Web
Konsep Teknologi WebKonsep Teknologi Web
Konsep Teknologi Web
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Pertemuan ke 1
Pertemuan ke 1Pertemuan ke 1
Pertemuan ke 1
 
Framework fb1
Framework fb1Framework fb1
Framework fb1
 
pemograman API
pemograman APIpemograman API
pemograman API
 
Tugas2 rekayasaweb
Tugas2 rekayasawebTugas2 rekayasaweb
Tugas2 rekayasaweb
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Tugas pak iwan
Tugas pak iwanTugas pak iwan
Tugas pak iwan
 
Tugas pak iwan
Tugas pak iwanTugas pak iwan
Tugas pak iwan
 
17. Memahami Web.pptx
17. Memahami Web.pptx17. Memahami Web.pptx
17. Memahami Web.pptx
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programming
 

Más de Deka M Wildan

Tutorial sistem informasi perpustakaan
Tutorial sistem informasi perpustakaanTutorial sistem informasi perpustakaan
Tutorial sistem informasi perpustakaanDeka M Wildan
 
Tutorial membuat system login database
Tutorial membuat system login databaseTutorial membuat system login database
Tutorial membuat system login databaseDeka M Wildan
 
Tutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHPTutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHPDeka M Wildan
 
Fungsi fungsi pada php - pemrograman php my sql
Fungsi fungsi pada php - pemrograman php my sqlFungsi fungsi pada php - pemrograman php my sql
Fungsi fungsi pada php - pemrograman php my sqlDeka M Wildan
 
Project lanjutan database bioskop
Project lanjutan database bioskopProject lanjutan database bioskop
Project lanjutan database bioskopDeka M Wildan
 
Bab 2 php - Memasukkan Data
Bab 2 php  - Memasukkan DataBab 2 php  - Memasukkan Data
Bab 2 php - Memasukkan DataDeka M Wildan
 
Bab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabelBab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabelDeka M Wildan
 
Bab 1 php koneksi php ke mysql
Bab 1 php   koneksi php ke mysqlBab 1 php   koneksi php ke mysql
Bab 1 php koneksi php ke mysqlDeka M Wildan
 
Tutorial sistem informasi eksekutif web php
Tutorial sistem informasi eksekutif web phpTutorial sistem informasi eksekutif web php
Tutorial sistem informasi eksekutif web phpDeka M Wildan
 
Variabel dan Operator PHP
Variabel dan Operator PHPVariabel dan Operator PHP
Variabel dan Operator PHPDeka M Wildan
 
Pemrograman visual - tipe data variabel dan operator
Pemrograman visual - tipe data variabel dan operatorPemrograman visual - tipe data variabel dan operator
Pemrograman visual - tipe data variabel dan operatorDeka M Wildan
 
Pengenalan ER-Diagram
Pengenalan ER-DiagramPengenalan ER-Diagram
Pengenalan ER-DiagramDeka M Wildan
 
Pengenalan pemrograman aplikasi visual desktop
Pengenalan pemrograman aplikasi visual desktopPengenalan pemrograman aplikasi visual desktop
Pengenalan pemrograman aplikasi visual desktopDeka M Wildan
 
Praktikum Pemrograman visual desktop
Praktikum Pemrograman visual desktopPraktikum Pemrograman visual desktop
Praktikum Pemrograman visual desktopDeka M Wildan
 
Pengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHPPengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHPDeka M Wildan
 
Modul Dbms mysql dan perintah dasar SQL
Modul Dbms mysql dan perintah dasar SQLModul Dbms mysql dan perintah dasar SQL
Modul Dbms mysql dan perintah dasar SQLDeka M Wildan
 
Modul basis data (database)
Modul basis data (database)Modul basis data (database)
Modul basis data (database)Deka M Wildan
 
Perintah bahasa Query (SQL)
Perintah bahasa Query (SQL)Perintah bahasa Query (SQL)
Perintah bahasa Query (SQL)Deka M Wildan
 
Membuat Form basis data dengan Microsoft Access
Membuat Form basis data dengan Microsoft AccessMembuat Form basis data dengan Microsoft Access
Membuat Form basis data dengan Microsoft AccessDeka M Wildan
 
Tutorial corel draw part 6
Tutorial corel draw part 6Tutorial corel draw part 6
Tutorial corel draw part 6Deka M Wildan
 

Más de Deka M Wildan (20)

Tutorial sistem informasi perpustakaan
Tutorial sistem informasi perpustakaanTutorial sistem informasi perpustakaan
Tutorial sistem informasi perpustakaan
 
Tutorial membuat system login database
Tutorial membuat system login databaseTutorial membuat system login database
Tutorial membuat system login database
 
Tutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHPTutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHP
 
Fungsi fungsi pada php - pemrograman php my sql
Fungsi fungsi pada php - pemrograman php my sqlFungsi fungsi pada php - pemrograman php my sql
Fungsi fungsi pada php - pemrograman php my sql
 
Project lanjutan database bioskop
Project lanjutan database bioskopProject lanjutan database bioskop
Project lanjutan database bioskop
 
Bab 2 php - Memasukkan Data
Bab 2 php  - Memasukkan DataBab 2 php  - Memasukkan Data
Bab 2 php - Memasukkan Data
 
Bab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabelBab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabel
 
Bab 1 php koneksi php ke mysql
Bab 1 php   koneksi php ke mysqlBab 1 php   koneksi php ke mysql
Bab 1 php koneksi php ke mysql
 
Tutorial sistem informasi eksekutif web php
Tutorial sistem informasi eksekutif web phpTutorial sistem informasi eksekutif web php
Tutorial sistem informasi eksekutif web php
 
Variabel dan Operator PHP
Variabel dan Operator PHPVariabel dan Operator PHP
Variabel dan Operator PHP
 
Pemrograman visual - tipe data variabel dan operator
Pemrograman visual - tipe data variabel dan operatorPemrograman visual - tipe data variabel dan operator
Pemrograman visual - tipe data variabel dan operator
 
Pengenalan ER-Diagram
Pengenalan ER-DiagramPengenalan ER-Diagram
Pengenalan ER-Diagram
 
Pengenalan pemrograman aplikasi visual desktop
Pengenalan pemrograman aplikasi visual desktopPengenalan pemrograman aplikasi visual desktop
Pengenalan pemrograman aplikasi visual desktop
 
Praktikum Pemrograman visual desktop
Praktikum Pemrograman visual desktopPraktikum Pemrograman visual desktop
Praktikum Pemrograman visual desktop
 
Pengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHPPengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHP
 
Modul Dbms mysql dan perintah dasar SQL
Modul Dbms mysql dan perintah dasar SQLModul Dbms mysql dan perintah dasar SQL
Modul Dbms mysql dan perintah dasar SQL
 
Modul basis data (database)
Modul basis data (database)Modul basis data (database)
Modul basis data (database)
 
Perintah bahasa Query (SQL)
Perintah bahasa Query (SQL)Perintah bahasa Query (SQL)
Perintah bahasa Query (SQL)
 
Membuat Form basis data dengan Microsoft Access
Membuat Form basis data dengan Microsoft AccessMembuat Form basis data dengan Microsoft Access
Membuat Form basis data dengan Microsoft Access
 
Tutorial corel draw part 6
Tutorial corel draw part 6Tutorial corel draw part 6
Tutorial corel draw part 6
 

Modul dasar pemrograman web

  • 2. 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 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 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. Hypertext Preprocessor (PHP) adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP 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 adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis. ASP 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
  • 3. Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data. XML WML 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 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 adalah bahasa scripting yang handal yang berjalan pada sisi client. Javascript 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. Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. CSS 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
  • 4. 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
  • 5. 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
  • 6. 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
  • 7. 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
  • 8. 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
  • 9. 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
  • 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. Modul Pemrograman Web Deka M Wildan 10