KONSEP PEMROGRAMAN WEB
World Wide Web atau singkatnya web adalah suatu ruang informasi di mana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global disebut Uniform Resource Indentifier (URL) .web sering dianggap sama dengan internet secara keseluruhan , walaupun sebenarnya ia hanyalah bagian daripadanya.URL terdiri atas string karaktr yang digunakan untuk identifikasi atau member nama suatu resource(sumberdaya) di internet .Identifikasi tersebut memungkinkan interaksi dengan representasi dari resource melalui network(jaringan) dengan menggunakan protocol tertentu,ada Uniform Resource Name : Name dan Uniform Resource Locator : Address
Hiperteks dilihat dengan sebuah program bernama browser web yang mengambil informasi ( disebut dokumen atau halaman web) adri server yang menampilkannya,biasanya disebuah monitor.Lalu kita dapat mengikuti link(pranala) di setiap halaman untuk pindah ke dokumen lain atau bahkan mengirim informasi kembali kepada server untuk berinteraksi.aktifitas ini disebut surfing(berselancar).Halaman web biasanya diatur dalam koneksi material yang saling terkait,yang disebut website.RFC= sebuah memorandum yang dikeluarkan oleh IETF(Internet engineering Task force) yang menggambarkan metode,perilaku rset,atau inovasi yang dapat diterapkan ke dalam tata kerja internet dan internet-connected system.Hypertext Transfer Protocol(HTTP) merupakan protocol yang dipergunakan untuk melakukan transfer dokumen dalam World Wide Web.Protocol ini adalah protocol ringan ,tidak berstatus,dan generic yang dapat dipergunakan berbagai macam tipe dokumen.Pengembangan HTTP dikoordinasi oleh World Wide Web Consortium(W3C) dan grup bekerja Internet Engineering Task Force(IETF),bekerja dalam publikasi satu seri RFC ,yang digunakan paling terkenal RFC 2616,yang menjelaskan HTTP/1,1, versi HTTP yang umum digunakan sekarang ini.HTTP adalh sebuah standar request/response antara sebuah client dan sebuah server.Sebuah client HTTP seperti web browser,biasanya memulai permintaan dengan membuat hubungan hubungan TCP/IP kesebuah port tertentu di host(bias any aport 80).Sebuah server HTTP yang mendengarkan di port tersebut menunggu client mengirim kode permintaan sepert “GET/HTTP/1.1”(yang akan meminta halaman yang sudah ditentukan ),diikuti dengan pesan MIME yang memiliki beberapa informasi header code yang menjelaskan aspek permintaa tersebut,diikuti dengan body dari data tertentu.Begitu menerima kode permintaa ( dan pesan ,bila ada),servr mengirim kembali kode jawaban,seperti”HTTP/1.1 200 OK”,dan sebuah pesan yang diminta,atau sebuah pesan error atau pesan lainnya.
Konsep pemrograman web
· Pemrograman web : membuat aplikasi berbasis web
· Aplikasi berbasis web : aplikasi yang dibuat dengan memenfaatkan mekanisme dan aplikasi yang sudah ada pada system web ( www )
· Sistem web sebenarya merupakan apilkasi yang :
- Berasitektur client – server
· Software web browser di sisi client
· Software web server di sisi server
- Menggunakan protocol HTTP dalam komunikasi antara client dan server
- Mempunyai fungsi untuk mengambil/menjalankan isi file dokumen web di server dan menampilkan di sisi client
· Membuat aplikasi berbasis web berarti :
- Memperkaya fungsi web server dengan cara menambahkan program pada dokumen web yang akan dieksekusi oleh server ketika web tersebut diakses oleh web server
§ Misalnya,program yang mengambil data ke basis data untuk di tampilkan ke web browser
- Memperkaya interaktivitas dokumen dengan cara menambahkan program pada dokumen web yang akan dieksekusi oleh web browser ketika file dokumen tersebut ditampilkan oleh web browser
§ Misalnya ,program yang memvalidasi data masukan pada form sebelum submit ke web server
Kelebihan dan kekurangan aplikasi berbasis web
· Kelebihan:
- Dapat diakses kapan pun dan dari mana pun selama ada internet
- Dapat diakses hanya dengan menggunakan web browser ( umumya sudah tersedia di PC , PDA , dan handphone terbaru ), tidak perlu menginstall aplikasi client khusus
· Kekurangan
- Antarmuka yang dapat dibuat terbatas sesuai spesifikasi standar untuk membuat dokumen web dan keterbatasan kemampuan web browser untuk menampilkannya
- Terbatasnya kecepatan internet mungkin membuat respon aplikasi menjadi lambat
SEJARAH PEMROGRAMAN WEB
· Protocol HTTP pertama kali dipergunakan dalam WWW pada tahun 1990,Pada saat tersebut yang dipakai adalah protocol HTTP versi 0.9.Versi 0.9 ini adalah protocol transfer dokumen secara mentah ,maksudnya adalah data dokumen dikirim sesuai dengan isi dari dokumen tersebut tanpa memandang tipe dari dokumen.
· Kemudian pada tahun 1996 protokol HTTP diperbaiki menjadi HTTP versi 1.0.Perubahan ini untuk mengakomodasi tipe – tipe dokumen yang hendak dikirim beserta encoding yang dipergunakan dalam pengiriman data dokumen.
· Sesuai dengan perkembangan infrastruktur internet maka pada tahun 1999 dikeluarkan HTTP versi 1.1 untuk mengakomodasi proxy,cache dan oneksi yang persistent
Contoh Transaksi
S = Server
C = Client
C : ( inisialisasi koneksi )
C : GET/Index.htm HTTP /1.1
C : Host : www.Wikipedia.org
S : 200 OK
S : Mime-type: text/html
S :
S : -- data dokumen
S : ( close connection )
Client Side Programming
Dalam jaringan computer ,kata “ client side “ mengacu kepada operas yang dilakikan oleh client pada suatu hubungan “client server”.Secara umum ,suatu client adalh satu aplikasi computer,seperti web browser yang berjalan pada satu computer local pengguna atau workstation dan terhubung ke satu server.Operasi dapat dilakukan client-side karena operasi tersebut membutuhkan akses ke informasi atau fungsi yang tersedia pada client tetapi tidak pada server karena pengguna membutuhkan observasi terhadap operasi tersebut atau menyediakan input, atau server kekurangan kekuatan pemrosesan untuk melakukan operasi yang tepat waktu untuk seluruh client yang harus dilayaninya.Sebagai tambahan ,jika operasi dapat dilakukan oleh client tanpa mengirim data melalui jaringan ,maka hal itu memakan waktu lebih sedikit ,menggunakan lebih kecil bandwidth dan mengurangi resiko keamanan.
Client side programming
· Client-side scripting umumya mengacu kepada kelas dari program computer pada web yang dieksekusi client-side,oleh web browser nya pengguna.Tipe pemrograman computer adalah bagian penting dari konsep Dynamic HTML ( DHTML ) ,yang memungkinkan web page di script : yakni ,agar memiliki perbedaan dan perubahan sis bergantung pada masukan pemakai,kondisi lingkungan ( seperti waktu dalam hari) atau variable lai.
· Pembuat web ( web author ) membuat script pada client-side dalam bahasa seperti JavaScript(Client-side JavaScript) atau VBScript, yang didasarkan pada beberapa standar berikut : HTML scripting
HTTP
Document Object Model
· Client-side scripts seringkali disisipkan dalam sebuah dokumen HTML ,tetapi ia mungkin juga dimasukkan dalam file tepisah yang ditunjuk oleh dokumen ( atau dokumen – dokumen ) yang menggunakan-nya.selama request/permintaan ,file-file yang diperlukan dikirim ke computer pemakai oleh web server dimana mereka berada .web browser pemakai menjalankan script ,kemudian menampilkan dokumen ,termasuk semua output yang mungkin dari script tersebut ,client- side script mungkin juga berisi inntrusi – intruksi bagi browser untuk ikuti jika pemakai berinteraksi denag dokumen dalam suatu cara tertentu,contoh ,click button tertentu.intruksi ini dapat diikuti tanpa komunikasi lebih lanjut dengan server.
· Dengan menampilkan file yang berisi script ,pemakai-pemakai mungkin dapat elihat source code –nya .Banyak pembuat web belajar bagaimana membuat sebagian client-side script dengan menguji source code untuk pembuat script lain.
Server side Programming
Terminology Server-side memiliki arti operasi yang dilakukan oleh server didalam sebuah client-server relationship.Umumnya ,sebuah sever dalah sebuah program seperti web server ,yang berada pada sebuah remote server ,yang dapat dijangkau oleh computer okal milk user.opersai dilakukan pada sisi server,karena memerlukan akses atas informasi atau fungi yang tidak tersedia pada clent,atau pada aplikasi yang tidak dapat dilkukan pada Client-side.
Opersai Server-side juga meliputi prosees dan penyimpanan data dari client kesuatu server,yang dapat dilihat oleh sekelompok Client.Server-side Scripting adalh teknologi web server dimana request oleh user dipenuhi dengan cara menjalankan script langsung pada web server untuk menghasilkan HTML dinamis .Umumnya menyediakan website interaktif pada database dan penyimpanan data lainnya.Keuntungan utama Server-side adalah kemampuan untuk mengatur response berdasarkan keperluan user,hak akses,atau query ke dalam data store.
Contoh tekonologi Server-side programming.
· ASP
· PHP
· JSP
· SERVER-SIDE JAVASCRIPT
BAHASA PEMROGRAMAN WEB
Didalam bahasa pemrograman web ada istilah
1) Hyper Text Markup Language ( HTML)
2) Dynamic HTML ( DHTML)
3) eXtesibl Markup Language ( XML)
4) XHTML
5) PHP ( Personal Home Page )
6) CGI ( Common Gateway Interface )
7) Perl ( Practical Extraction and Report Language )
8) ColdFusion
9) ASP ( Active Server Page )
10) Java
11) JHTML
Sekarang Kita bahas satu persatu
1. Hyper Text Markup Language ( HTML )
→Ekstensi file : .html, .htm, .html4
Bahasa HTML adalah bahasa yang sedrhana dan hanya memilki sedikit kesulitan .Bahasa yang merupakan dasar dari framework Internet ini ditemukan oleh Tim Berners-Lee pada tahun 1989.Hampir setiap situs web menggunakan bahasa ini,entah sekedar menampilkan text,animasi,tampilan grafis ataupun suara.Bahasa HTML sebenarnya berasal dari bahasa lama yang disebut SGML ( standart Generalized Markup Language) ,namun perkembangan HTMl sudah dimulai sejak kurang lebih 10 tahun dasar bahasa html:
Berikut ini struktur dasar HTML :
<HTML> Tanda bagi browser untuk mengenali bahasa itu adalah bahasa html.
<HEAD> Informasi header halaman . di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, S TYLE & META.
<TITLE> Sebagai judul halaman .text yang anda letakkan diddalam tag ini akan muncul pada title bar ( bagian paling atas browser)
<BODY> di dalam bagian inilah semua atribut diletakkan seperti font,bgcolor,background dll
2. Dynamic HTMl ( DHTML )
DHTML adalah bahasa yang bisa diakses dan dimodifikasi oleh bahasa script seperti vbscript,Javascript.DHTML sering dimanfaatkan untuk menampilkan animasi-animasi seperti efek text,perubahan warna,dsb ( bahkan untuk game ).bahasa ini sering disebut sebagai versi objek dari HTML.
3. eXtensible Markup Language ( XML )
XML adalah bahasa yang sifatnya lebih terbatas dari pada elemen – elemen HTML .Dengan XML ,orang bisa menentukan elemen – elemennya sendiri kemudian mengembangkannya.Menentukan elemen sendiri semuanya berpusat pada Document Typr Definition atau bisa disingkat DTD.DTD-lah yang telah menentukan tag awal dan tag akhir dari suatu file XML sehingga data yang ditampilkan dapat dipahami
4. XHTML
Bahasa ini masih dalam pengembangan .XHTML merupakan gabungan dari bahasa HTML dan XML .seperti halnya XML bahasa ini juga masih tergolong baru namun diramalkan akan sangat berperan dalam mewarnai dunia web di masa depan .
5. PHP ( Personal Home Page )
PHP ditulis oleh Rasmus Lerdorf yang pada awalnya ia gunakan untuk mencatat jumlah pengunjung situs yang membuka halaman resumennya .kemudian menulis ulang kode-kodenya dengan bahasa C yang kemudian menjadkan bahasa iu menjadi lebih kaya kemampuan Barulah setelah itu banyak bermunculan tokoh-tokoh yang berjasa dalam
perkembangan PHP seperti Zeev Suraski dan Andi Gutmans yang menulis kembali parsing Engine unuk menciptakan PHP versi 3. PHP kemudian menjadi modul Apache yang paling sering digunakan. Berikut ini contoh script PHP yang akan menampilkan
text Hallo Dunia.
<html>
<head>
<title>PHP menampilkan Halo Dunia</title>
</head>
<?php
echo "<br><br><h1>Hallo dunia<br><br></h1>";
?>
</html>
6. CGI (Common Gateway Interface)
-----> Ekstensi File: .cgi, .pl
CGI (Common Gateway Interface) merupakan standar Internet tertua dan paling
berkembang sebagai suatu alat lewatnya informasi dari web server ke suatu program
dan mengembalikan hasilnya ke browser.
Suatu program CGI dapat ditulis dengan bahasa-bahasa berikut:
- Perl
- Java
- C, C++
- Script-script UNIX
- Visual Basic
- MacOS atau AppleScript
Karena itulah CGI sebenarnya kurang tepat jika dikategorikan sebagai bahasa
karena program CGI sendiri dapat ditulis menggunakan beragam bahasa.
7. PERL (Practical Extraction and Report Language)
-----> Ekstensi File: .pl atau bisa apa saja
PERL merupakan bahasa pemrograman tingkat tinggi yang ditemukan oleh Larry Wall
(1987). PERL memiliki kemampuan untuk dapat diterapkan padahampir semua jenis
Operating System dan yang terpenting, perl bisa didapatkan secara GRATIS!!
Pada Web, eksekusi perl biasa dijalankan dengan CGI (Common Gateway Interface)
sebagai mkanisme untuk menampilkan output text ke browser.
8. Coldfusion
-----> Ekstensi File: .cfm
Coldfusion adalah sistem pengembangan aplikasi yang dikembangkan oleh Alaire.
Komponen utama Coldfusion adalah:
1) ColdFusion Application Server
2) ColdFusion Markup Language
3) ColdFusion Studio
File-file CFM disimpan dalam bentuk plain text, sama halnya seperti PERL dan PHP
sehingga siapapun dapat melihat isinya.
9. ASP (Active Server Page)
-----> Ekstensi file: .asp
ASP diciptakan khusus bagi server IIS milik microsoft. Bahasa ini merupakan
bahasa pemrograman web yang dinamis. ASP dapat digunakan untuk mengeksekusi
beragam request terhadap suatu database atau perintah perintah pada system lokal.
Berikut contoh sederhana berikut yang akan menampilkan tanggal dan jam pada
sebuah halaman web untuk server-side:
<%@ language="VBSCRIPT" %>
<html>
<body>
<h1>Tanggal:</h1>
<% =date %>
<h1>Jam</h1>
<% =time %>
</body>
</html>
Sedangkan fungsi yang sama pada Client-Side:
<html>
<body>
<script type="text/vbscript">
document.write("<h1>Tanggal:</h1>")
document.write("<br>" & date() & "<br>)
document.write("<h1>Jam:</h1>")
document.write("<br>" & time() & "<br>)
</script>
<body>
</html>
10. JAVA
-----> Ekstensi File: Tidak ada
Baca artikel sebelumnya tentang sejarah Java untuk berkenalan dengan bahasa ini.
11. JHTML
-----> Ekstensi File: .jhtml
Bahasa standard JavaSoft keluaran SUN yang dicptakan untuk mengikutsertakan Java
dalam sebuah file HTML ini memiliki tag tersendiri yang diproses sebelum
mengirimkan output pada browser. JHTML hampir mirip dengan HTML, hanya saja
memiliki tambahan tag <Java> . Berikut contoh sangat-sangat sederhana dari kode
JHTML yang akan mengeluarkan tampilan "Hallo Dunia, Saya datang dari Spyro Zone"
<Java>
out.print("Hallo Dunia, Saya datang dari Spyro Zone");
</java>
Sumber : http://erfaika-perancanganweb.blogspot.com/2010/10/artikel-perancangan-web.html
Tidak ada komentar:
Posting Komentar