ARSITEKTUR WEBSITE
Dalam membuat web kita juga memerlukan rancangan atau
arsitektur untuk melakukan pendekatan terhadap desain dan perencanaan situs web
itu sediri. arsitektur web melibatkan teknis, estetika dan kriteria fungsional.
seperti dalam arsitektur pada umumnya, fokus arsitektur web yaitu pada pengguna
dan kebutuhan pengguna.
1.
HTTP
HTTP Singkatan dari Hypertext Transfer Protocol, yang
mana adalah suatu protokol yang digunakan oleh World Wide Web. HTTP
mendefinisikan bagaimana suatu pesan bisa diformat dan dikirimkan dari server
ke client. HTTP juga mengatur aksi-aksi apa saja yang harus dilakukan oleh web
server dan juga web browser sebagai respon atas perintah-perintah yang ada pada
protokol HTTP ini. Sebagai contoh, ketika Anda mengetikkan suatu alamat atau
URL pada internet browser Anda, maka sebenarnya web browser akan mengirimkan
perintah HTTP ke web server. Web server kemudian akan menerima perintah ini dan
melakukan aktivitas sesuai dengan perintah yang diminta oleh web browser
(misalnya akses ke database, file, e-mail dan lain sebagainya). Hasil aktivitas
tadi akan dikirimkan kembali ke web browser untuk ditampilkan kepada pengguna.
HTTP juga mengatur aksi-aksi apa saja yang harus
dilakukan oleh web server dan juga web browser sebagai respon atas
perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh, ketika Anda
mengetikkan suatu alamat atau URL pada internet browser Anda, maka sebenarnya
web browser akan mengirimkan perintah HTTP ke web server.
Web server kemudian akan menerima perintah ini dan
melakukan aktivitas sesuai dengan perintah yang diminta oleh web browser (misalnya
akses ke database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan
dikirimkan kembali ke web browser untuk ditampilkan kepada pengguna.
2.
HTML
HTML adalah singkatan dari Hyper Text Markup Language,
HTML tidak tergolong kedalam sebuah bahasa pemrograman, HTML lebih dikenal
sebagai bahasa markup yang terdiri dari serangkaian tag markup yang mampu
menggambarkan sebuah halaman web. tanda yang menentukan level atau tingkatan dari
sebuah teks akan memerintahkan browser untuk menampilkan sebagai teks tebal
besar yang menunjukkan sebagai Heading 1 presentational. tanda yang menentukan
tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut.
Tanda presentational saat ini sudah mulai digantikan
oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks hypertext.
tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke
dokumen lain , Elemen widget yang membuat objek-objek lain seperti tombol
button, list , dan garis horizontal . Selain markup presentational , markup
yang link tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk
saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk
mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.
HTML Markup Tag biasa disebut tag HTML adalah kata
kunci yang diapit oleh sudut kurung seperti , tag HTML biasanya berpasangan
seperti dan , tag disebut tag awal/pembuka dan adalah tag akhir/penutup cirinya
ditambahkan tanda garis miring. Dokumen HTML - Halaman Web Dokumen HTML berisi
serangkaian tag HTML kemudian diterjemahkan oleh web browser (internet
explorer, mozilla firefox, dll.) untuk selanjutnya ditampilkan dalam bentuk
halaman web, artinya apabila dokumen HTML sudah dibuka oleh web browser tidak
lagi tampil tag-tag htmlnya melainkan sudah sebagai halaman web
3.
URL
Uniform Resource Locator Disingkat dengan URL. URL
digunakan dengan software browser untuk menempatkan dan mengakses informasi di
World Wide Web. URL terbagi menjadi beberapa bagian atau dikenal dengan istilah
http:// domain/path/filename, atau disebut pula metode akses - lokasi komputer
- lokasi file. Di antara bagian tersebut adalah:
• Bagian pertama URL dikenal sebagai protocol
atau disebut pula http:// yang merupakan singkatan dari Hypertext Transfer Protokol.
• Bagian kedua dari URL dikenal sebagai nama domain,
domain mewakili nama server yang sedang berhubungan dengan internet.
• Bagian ketiga dari URL disebut dengan directory path
yang merupakan area khusus dimana item-item berada.
Dalam contoh di atas, ditunjukkan bagaimana
mendapatkan berkas {00-index.txt}, yaitu dengan menggunakan protokol FTP, di
mesin yang bernama {ftp.ee.umanitoba.ca}, dan berkas berada di direktori
{pub/indonesian}.Secara umum, URL memiliki keterangan sebagai
berikut:protokol://nama-mesin[:nomor-port]/direktori/menuju/namafile
4.
XML
XML untuk saat ini bukan merupakan pengganti HTML.
Masing-masing dikembangkan untuk tujuan yang berbeda. Kalau HTML digunakan
untuk menampilkan informasi dan berfokus pada bagaimana informasi terlihat, XML
mendeskripsikan susunan informasi dan berfokus pada informasi itu sendiri. XML
terutama dibutuhkan untuk menyusun dan menyajikan informasi dengan format yang
tidak mengandung format standard layaknya heading, paragraph, table dan lain
sebagainya. Sebagai contoh apa bila kita ingin menyimpan dan menyajikan
informasi notasi musik pada lagu “Indonesia raya”, kita bisa menyimpannya
dengan xml Kemudian dengan bantuan software lain midi generator kita bisa
mendengarkan musiknya atau kita bisa membuat softaware sendiri yang menampilkan
informasi ini dalam bentuk not balok.
Sama dengan
HTML, File XML berbentuk teks sehingga bila diperlukan kita bisa membacanya
tanpa memerlukan bantuan software khusus. Hal ini memudahkan pengembang
aplikasi yang menggunakan XML untuk mendebug programnya. XML lebih fleksible
dibanding HTML dalam hal kemampuannya menyimpan informasi dan data. Pada XML
kita bisa menyimpan data baik dalam atribut maupun sebagai isi elemen yang
dletakkan diantara tag pembuka dan tag penutup. Kelebihan lain yang dimiliki
XML adalah bahwa informasi bisa di pertukarkan dari satu system ke system lain
yang berbeda platform. Misalnya dari Windows ke Unix, atau dari PC ke Machintosh
bahkan dari internet ke handphone dengan teknologi WAP.
5.
XSLT
XSLT adalah kependekan dari eXtensible StyleSheet
Language:Transformation, adalah bagian dari XSL yang dikembangkan sebelumnya.
XSL adalah Stylesheet yang khusus dikembangkan sebagai komplemen XML, untuk
merubah informasi pada XML ke dalam bentuk lain agar bisa ditampilkan di layar,
dicetak di kertas atau didengarkan telinga. Pada dasarnya proses ini di bagi
menjadi dua bagian proses yakni pertama Transformasi Struktural yang meliputi
pengumpulan, pengelompokan dan pengurutan data maupun penyusunan ulang,
penambahan dan penghapusan tag dan atribut, dan yang kedua adalah proses
merubah format menjadi pixel dilayar, nohtah tinta di kertas atau nada di
speaker. Proses yang pertama itulah yang kemudian disebut XSLT, sedangkan yang
kedua biasa disebut XSLFO (eXtensible Stylesheet Language:Formatting Object).
Hasil Keluaran XSLT bisa berupa HTML, Text file atau
XML dengan format yang baru. Sebenarnya untuk menampilkan dokumen XML agar
lebih menarik dilihat di browser bisa dilakukan oleh Cascade StyleSheet. CSS
yang sering digunakan untuk memformat HTML bisa juga dipakai untuk XML. Akan
tetapi CSS tidak mampu melakukan tugas tugas yang rumit seperti memformat angka
desimal, menjumlah, menghitung rata-rata, menampilkan gambar, dan lain-lain.
Dan untuk melakukan tugas-tugas itulah kita memerlukan XSLT XSLT Processor XSLT
Processor atau yang biasa disebut Parser adalah software bantu yang tugasnya
menerapkan perintah-perintah dalam XSLT pada dokumen sumber XML, dan
menghasilkan dokumen keluaran baik berupa HTML, Text file ataupun XML.
6.
JavaScript
JavaScript adalah bahasa pemrograman berbasis
prototipe yang berjalan disisi klien. Jika kita berbicara dalam konteks web,
sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang
berjalan khusus untuk di browser atau halaman web agar halaman web menjadi lebih
hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java
dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script
adalah serangkaian instruksi program.
Secara fungsional, JavaScript digunakan untuk
menyediakan akses script pada objek yang dibenamkan ( embedded ). Contoh
sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi
validasi pada form sebelum data dikirimkan ke server, merubah image kursor
ketika melewati objek tertentu, dan lain lain.
JavaScript bekerja pada sisi browser. maksudnya begini
: untuk menampilkan halaman web, user menuliskan alamat web di address bar url.
setelah itu, browser “mengambil” file html ( dengan file jJvaScript yang
melekat padanya jika memang ada ) ke server yang beralamat di URL yang
diketikan oleh user. Selesai file diambil, file ditampilkan pada browser. Nah,
setelah file JavaScript berada pada browser, barulah script JavaScript tersebut
bekerja.
Efek dari Javascript yang bekerja pada sisi browser
ini, Javascript dapat merespon perintah user dengan cepat, dan membuat halaman
web menjadi lebih responsif. JavaScript melakukan apa yang tidak bisa dilakukan
oleh HTML, PHP, dan CSS : menangani hal – hal yang membutuhkan respons cepat
terhadap aksi dari user.
Implementasi terpopuler saat ini dari pemrograman
JavaScript adalah teknik AJAX. (Asynchronous JavaScript and XMLHTTP ). teknik
ini sering digunakan oleh aplikasi berbasis web seperti Gmail, Google Reader,
dan lain lain. Teknik yang membuat pertukaran data antara server dan browser
terjadi di belakang layar sehingga interaksi antara user dan aplikasi web
semakin responsif. Post tersendiri untuk membahas hal ini akan kita siapkan.
Asynchronous Javascript And XML (AJAX) suatu teknik
pemrograman baru dalam dunia web yang sedang digemari, karena akses data ke
server yang dikirim melalui client via web dapat lebih cepat, karena AJAX tidak
perlu melakukan proses loading. AJAX juga dapat diintegrasikan dengan server
side programming seperti PHP, ASP, JSP, dll.
http://id.wikipedia.org/
http://anto-dwiharja.com/struktur-website.php
