Konsep Dasar dan Teknologi Web

World Wide Web secara luas dikenal dengan istilah web. Web pertama kali
dikenalkan pada tahun 1992. Hal ini sebagai hasil usaha pengembangan yang
dilakukan CERN di Swiss. Internet dan Web adalah dua hal yang berbeda. Internet
lebih merupakan perangkat keras, sedangkan web perngkat lunak. Selain itu,
protocol yang dipakai keduanya juga berbeda. Internet menggunkan TCP/IP sebagai
protocol operasionalnya, sedangkan web menggunakan HTTP (Hyper Text Transfer
Protocol).

Web di susun dari halaman-halaman yang menggunakan teknologi web dan saling
berkaitan satu sama lain. Suatu standar teknologi web saat ini sudah tersusun,
meskipun penerapannya belum didukung oleh seluruh pengembang web. Standar
ini disusun oleh World Wide Web Consortium (W3C). Standar ini dibutuhkan karena
semakin banyaknya variasi dalam teknologi web sehingga terkadang satu sama lain
tidak kompatibel.

Standar Teknologi Web

Secara umum desain web terbagi menjadi beberapa layer (lapisan), yaitu structural
layer, presentation layer, dan behavioral layer.

Structural layer

Layer ini berhubungan dengan struktur dokumen web. Standar teknologi yang di
rekomendasikan saat ini adalah Extensible Hypertext Markup Language (XHTML)
dan Extensible Markup Language (XML). XHTML adalah HTML versi terakhir (4.01)
yang di tulis ulang dengan aturan-aturan yang lebih ketat mengacu pada XML.
Sedangkan XML adalah sekumpulan aturan untuk menyusun bahasa markup.

Presentation layer

Pada teknologi web lama bagian ini menyatu dengan structural layer. Tapi pada
standar baru, layer ini disarankan untuk dipisah. Yang termasuk eknologi ini adalah
Cascading Style Sheets (CSS).
Behavioral layer

Pada teknologi ini menggunakan bahasa skrip dan pemrogramannya untuk tujuan
meningkatkan sisi interaktif dan dinamis halaman web. Yang termasuk dalam layer
ini adalah Document Object Model (DMO) dan JavaScript. DOM memungkinkan
suatu dokumen atau skrip untuk mengakses atau meng-update isi, struktur, dan
style dari dokumen. JavaScript merupakan teknologi yang cukup lama dan tetap
digunakan untuk menambah dokumen menjadi lebih interaktif.

Sumber

Buku Rekayasa Perangkat Lunak jilid 3, pengarang Aunur Rofiq Mulyarto, dkk.

Sebelum belajar membuat halaman web dengan perintah html, sebaiknya perlu
mengetahui terlebih dahulu istilah-istilah yang berhubungan dengan teknologi web.
Beberapa istilah yang sering kita dengar adalah web server, URL, domain, HTTP,
HTML, web browser, web editor, internet, www, dll.

WEB SERVER

Sebuah perangkat lunak yang berjalan pada komputer server, bertindak melayani
permintaan-permintaan client terhadap halaman web tertentu, yang memungkinkan
dokumen-dokumen web di server ditampilkan pada komputer user. Web server yang
sering digunakan saat ini antara lain adalah Apache, Personal Web Server (PWS), MS
Internet Information Server (IIS), dan Tomcat.

URL

Uniform Resource Locator sebuah alamat yang terdiri atas dua bagian, yaitu
pengenal protocol dan pengenal domain.

contoh : http://www.facebook.com

Domain

Domain adalah nama dari alamat website seperti http://www.google.com,

http://www.facebook.com.

Domain seperti ini disebut Top Level Domain (TLD). Alamat website gratisan yang
peroleh dari Geocities merupakan subdomain.
HTTP

Hypertext Transfer Protocol adalah protokol atau prosedur yang berfungsi untuk
mendefinisikan dan menjelaskan bagaimana server dan client berinteraksi dalam
mengirim & menerima dokumen web.

HTML

Hypertext Mark up Language adalah suatu metode untuk mengimplementasikan

konsep hypertext dalam suatu naskah atau dokumen. Tidak termasuk dalam bahasa
pemrograman

HTML merupkan standard bahasa yang di gunakan untuk menampilkan document

web, yang bisa anda lakukan dengan HTML yaitu:

Mengontrol tampilan dari web page dan contentnya.

Mempublikasikan document secara online sehingga bisa di akses dari seluruh

dunia.

Membuat online form yang bisa di gunakan untuk menangani pendaftaran,

transaksi secara online.

Menambahkan object-object seperti image, audi, video dan juga java applet
dalam document HTML.

WEB BROWSER

Adalah perangkat lunak yang berjalan pada komputer user yang berfungsi untuk
menampilkan dokumen web.

Web browser yang sering digunakan MS Internet Explorer, Netscape Navigator,

Mozilla, Opera, dll.

WEB EDITOR

Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor
yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.
INTERNET

Merupakan jaringan komputer bersifat global yang menjangkau hampir keseluruh

pelosok dunia. Semua informasi dunia luar dapat kita lihat melalui layar monitor
tanpa harus beranjak menuju tempat yang kita inginkan

WWW

Merupakan suatu sarana pembagian informasi antara pengguna jaringan komputer.

Informasi berupa dokumen dalam bentuk teks, gambar, video, program.

gateway

Gateway adalah sebuah perangkat yang digunakan untuk menghubungkan satu

jaringan komputer dengan satu atau lebih jaringan komputer yang menggunakan
protokol komunikasi yang berbeda sehingga informasi dari satu jaringan computer
dapat diberikan kepada jaringan komputer lain yang protokolnya berbeda.

Istilah gateway merujuk kepada hardware atau software yang menjembatani dua
aplikasi atau jaringan yang tidak kompatibel, sehingga data dapat ditransfer antar
komputer yang berbeda-beda. Salah satu contoh penggunaan gateway adalah pada
email, sehingga pertukaran email dapat dilakukan pada sistem yang berbeda.

Server Side merupakan teknologi webpage yang menerapkan jenis pemrograman

web dimana semua sintaks dan perintah program yang diberikan akan
dijalankan/diproses di web server, kemudian hasilnya dikirimkan ke browser
pengguna dalam bentuk HTML biasa. Sehingga pengguna tidak dapat melihat kode
asli yang ditulis dalam bentuk server side programming seperti; CGI/Perl Active
Server Page, PHP, Cold Fussion dan lain-lain. Contoh lain dari teknologi webpage
yang bersifat server side adalah mesin pencari(search engine).

Client Side merupakan teknologi webpage yang menerapkan jenis pemrograman

web dimana semua sintaks dan perintah program dijalankan di web browser
sehingga ketika client meminta dokumen yang mengandung script, script tersebut
akan diambil dari web server kemudian dijalankan di web briwser yang
bersangkutan. Contoh dari Client Side Programming seperti : Java Script, VbScript,
HTML

Perbedaan utama server-side dan client server

Perbedaan utama server-side programming dan client server programming adalah
tempat mengeksekusi skripnya. Pada client server programming, skrip dieksekusi di
browser sedangkan server side programming dieksekusi di client (web browser)

CLIENT SIDE

Karakteristik client side scripting :

1. Kode program didownload bersama dengan halaman web

2. Bersifat interpreter dan diterjemahkan oleh browser

3. Model eksekusinya simple dan skrip dapat dijadikan satu dengan HTML

Berikut cara kerja Client Side:

Pengunjung web mengklik salah satu link dari web dan browser membaca perintah
pengunjung untuk memangil alamat web yang dituju.

Setelah itu browser akan mengalihkan ke halaman yang dituju oleh pengunjung
web.

Contoh aplikasi Client Side :

Css

Jquery

Javascript,dll

Kelebihan dan kekurangan dari client side programming adalah :

Kelebihan Client-Side-Scripting

1. Tidak perlu server khusus untuk menjalankannya

2. Eksekusi script lebih cepat

3. Tidak membebani kinerja web server.

Kekurangan Client-Side-Scripting

1. Harus di support oleh browser dari pihak client

2. Script dapat ditiru

3. Dari segi keamanan kurang dapat diandalkan

SERVER SIDE

Karakteristik server side programming :

1. Ada client yang meminta request

2. Eksekusi program dilakukan di server

3. Mengirimkan hasil ke client

Cara kerja Server side :

jika kita melakukan interaksi dengan halaman web maka browser akan
mengirimkan perintah ke server, kemudian server akan merespon dan melaukan
perintah yang diberi kemudian server akan mengirimkan kembali data/ perintah dari
browser, dan browser akan menampilkan data/ perintah tersebut.

Keuntungan server side programming :

Cross platform : tidak tergantung dengan browser tertentu

1. Optimasi danpemeliharaan dilakukan di browser

2. Dapat mengakses database dan tidak tergantung dengan keamanan

3. Menambah kekuatan server

4. Kode program aman

Aplikasi yang sering digunakan oleh server side programming

1. Search engines

2. Database access

3. Chat & bulletin board service

Dalam pembuatan web teknologi server side dibutuhkan server seperti xampp,
wam, iis dan lain sebagainya. Contoh teknologi server side :
Asp

Php

Jsp

Phyton,dll

Kelebihan dan kekurangan dari Server side programmingadalah :

Kelebihan Server-Side-Scripting

1. data lebih aman

2. Susah untuk ditiru karena script di jalankan di server

3. Dari segi keamanan lebih menjamin dibandingkan dengan Client-Side-Scripting

Kekurangan Server-Side-Scripting

1. Memerlukan Server khusus untuk menjalankannya

2. Menambah beban kerja server

3. Agak lambat jika dibandingkan dengan Client-Side-Scripting karena script di

terjemahkan di server kemudian tampilan di load di client

software web

Web Editor

Kategori ini berfungsi untuk mengelola script HTML, CSS, PHP atau
JavaScript.Windows Notepad, memang, mampu melakukan pekerjaan ini dengan
keterbatasan.Web Desain Jakarta menunjukkan menerapkan perangkat lunak web
editor WYSIWYG. Adobe Dreamweaver adalah salah satu yang populer. Perangkat
lunak ini menunjukkan desain yang Anda akan mendapatkan pada browser.

Aplikasi grafis

Adobe Photoshop adalah baik representatif.

Web Server

Aplikasi Web server diperlukan jika website Anda berlaku lain tetapi HTML. Aplikasi
ini mensimulasikan komputer Anda sehingga menjadi server lokal ke sebuah
website. Anda tidak perlu koneksi internet untuk menguji situs Web Anda.
WampServer dianjurkan.