Modul dasar pemrograman web
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Modul dasar pemrograman web

on

  • 10,383 views

modul ini dipersembahkan untuk siswa kela X RPL SMK Bhakti Nusantara

modul ini dipersembahkan untuk siswa kela X RPL SMK Bhakti Nusantara

Statistics

Views

Total Views
10,383
Views on SlideShare
10,383
Embed Views
0

Actions

Likes
3
Downloads
711
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Modul dasar pemrograman web Document Transcript

  • 1. Modul Pemrograman Web Deka M Wildan 1
  • 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