Kamis, 07 Oktober 2010

Artikel Perancangan web

PEMROGRAMAN WEB

1) Konsep Pemrograman Web.

Word wide web atau “WWW” adalah suatu ruang informasi dimana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI) . WWW sering dianggap sama dengan internet walaupun sebenarnya ia hanyalah bagian dari padanya.

Uniform Resource Identifier(URI) terdiri atas String karakter yang digunakan untuk identifikasi atau member nama suatu resource 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 informas (disebut dokumen atau halaman web) dari server web 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.

RFC adalah sebuah memorandum yang dikeluarkan oleh IETF (Internet engineering Task force) yang menggambarkan metode,perilaku riset, 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 termasuk 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.

Adapun konsep pemrograman web ialah :

a. Pemrograman web : membuat aplikasi dengan berbasis web

b. Aplikasi berbasis web : aplikasi yang dibuat dengan memenfaatkan mekanisme dan aplikasi yang sudah ada pada system web ( www )

c. Sistem web sebenarya merupakan apilkasi yang :

Berasitektur client – server

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

d. Membuat aplikasi berbasis web berarti :

v 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

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

2) Sejarah Pemrograman Web.

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

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

c. 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 operasi yang dilakukan oleh client pada suatu hubungan “client server”. Secara umum suatu client adalah 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

3) Bahasa Pemrograman

Adapun bahasa-bahasa yang ada pada bahasa pemrograman web ini yaitu :

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

Tanda bagi browser untuk mengenali bahasa itu adalah bahasa html.

Informasi header halaman . di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, S TYLE & META.

Sebagai judul halaman .text yang anda letakkan diddalam tag ini akan muncul pada title bar ( bagian paling atas browser)<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";"><body> di dalam bagian inilah semua atribut diletakkan seperti font,bgcolor,background dll<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle"><o:p> </o:p></p> <p class="MsoListParagraphCxSpMiddle" style="text-align: justify; text-indent: -18pt;"><!--[if !supportLists]--><b style=""><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";"><span style="">b.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span></span></b><!--[endif]--><b style=""><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";">Dynamic HTMl ( DHTML )<o:p></o:p></span></b></p> <p class="MsoListParagraphCxSpMiddle" style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";"><span style=""> </span>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.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="text-align: justify; text-indent: -18pt;"><!--[if !supportLists]--><b style=""><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";"><span style="">c.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span></span></b><!--[endif]--><b style=""><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";">eXtensible Markup Language ( XML )<o:p></o:p></span></b></p> <p class="MsoListParagraphCxSpMiddle" style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";">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<span style=""> </span>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<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="text-align: justify; text-indent: -18pt;"><!--[if !supportLists]--><b style=""><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";"><span style="">d.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span></span></b><!--[endif]--><b style=""><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";">XHTML<o:p></o:p></span></b></p> <p class="MsoListParagraphCxSpMiddle" style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";">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 .<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="text-align: justify; text-indent: -18pt;"><!--[if !supportLists]--><b style=""><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";"><span style="">e.<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal;"> </span></span></span></b><!--[endif]--><b style=""><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";">PHP ( Personal Home Page )<o:p></o:p></span></b></p> <p class="MsoListParagraphCxSpMiddle" style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";">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<o:p></o:p></span></p> <p class="MsoListParagraphCxSpLast" style="text-align: justify;"><span style="font-size: 12pt; line-height: 115%; font-family: "Times New Roman","serif";">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<b style=""><o:p></o:p></b></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 36pt; text-align: justify; line-height: normal;"><span style="font-size: 12pt; font-family: "Times New Roman","serif";">text <b>Hallo Dunia</b>.<o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 36pt; text-align: justify; line-height: normal;"><span style="font-size: 12pt; font-family: "Times New Roman","serif";"><html><o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 36pt; text-align: justify; line-height: normal;"><span style="font-size: 12pt; font-family: "Times New Roman","serif";"><head><o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 36pt; text-align: justify; line-height: normal;"><span style="font-size: 12pt; font-family: "Times New Roman","serif";"><title>PHP menampilkan Halo Dunia

echo "

Hallo dunia

";

?>

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

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

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

i. 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" %>

Tanggal:

<% =date %>

Jam

<% =time %>

Sedangkan fungsi yang sama pada Client-Side:

j. JAVA

-----> Ekstensi File: Tidak ada

Baca artikel sebelumnya tentang sejarah Java untuk berkenalan dengan bahasa ini.

k. 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 . Berikut contoh sangat-sangat sederhana dari kode

JHTML yang akan mengeluarkan tampilan "Hallo Dunia, Saya datang dari Spyro Zone"

out.print("Hallo Dunia, Saya datang dari Spyro Zone");

Sumber

a. www.Bahasapemrogramanweb.com

b. www.konseppemrogramanweb.com

c. Google.com.

Demikian Sekilas Info seputar Pemrograman web, tunggu info-info selanjutnya yach…….