Arsitektur
Website adalah suatu pendekatan terhadap desain dan perencanaan situs yang,
seperti arsitektur itu sendiri, melibatkan teknis, kriteria estetis dan
fungsional. Seperti dalam arsitektur tradisional, fokusnya adalah benar pada
pengguna dan kebutuhan pengguna. Hal ini memerlukan perhatian khusus pada
konten web, rencana bisnis, kegunaan, desain interaksi, informasi dan desain
arsitektur web. Untuk optimasi mesin pencari yang efektif perlu memiliki
apresiasi tentang bagaimana sebuah situs Web terkait dengan World Wide Web.
Sejak
web perencanaan isi, desain dan manajemen datang dalam lingkup metode desain,
Vitruvian tradisional tujuan komoditas, keteguhan dan kesenangan dapat memandu
arsitektur situs, seperti yang mereka lakukan arsitektur fisik dan disiplin
desain lainnya. Website arsitektur akan datang dalam ruang lingkup estetika dan
teori kritis dan kecenderungan ini dapat mempercepat dengan munculnya web
semantik dan web 2.0. Kedua ide menekankan aspek struktur informasi.
Strukturalisme adalah sebuah pendekatan untuk pengetahuan yang telah
dipengaruhi sejumlah disiplin akademis termasuk estetika, teori kritis dan
postmodernisme. Web 2.0, karena melibatkan user-generated content, mengarahkan
perhatian arsitek website untuk aspek-aspek struktur informasi.
Struktur
3 (tiga) lapisan ini menghasilkan sebuah website yang mudah ditelusuri bagi
pengunjung dan spider. Selain mengikuti tautan-tautan untuk menemukan website,
Anda juga bisa memberikan alamat website Anda kepada spider. Misalnya melalui
Googlebot, spidernya Google. Cukup ketikkan alamat website Anda, kemudian
spider atau web crawler akan menelusuri semua halaman website dan membuat
indeksnya. Sekarang, mari kita bahas halaman-halaman yang ada pada sebuah
website.
1.
Halaman Depan (Home Page)
Setiap
website memiliki halaman depan. Pada umumnya, halaman depan merupakan halaman
pertama yang dilihat oleh pengunjung dan juga merupakan halaman yang paling
penting dalam mendapatkan urutan pencarian yang tinggi dari mesin pencari,
karena mesin pencari memberikan lebih banyak bobot kepada halaman depan
darimana halaman lainnya. Halaman depan harus memberikan informasi yang jelas
dan singkat kepada pengunjung mengenai apa website Anda, produk dan/atau jasa
apa yang tersedia. Halaman depan harus memiliki tautan ke semua halaman website
dan setiap halaman harus memiliki tautan untuk kembali ke halaman depan.
2.
Halaman Produk/Jasa
Bagian
utama dari website berisi penawaran produk dan/atau jasa. Apapun kategori
website Anda, yang penting Anda harus menggambarkan secara singkat dan tepat
apa yang Anda tawarkan, bantu pengunjung untuk menentukan pilihan dan melakukan
transaksi dengan cara yang semudah mungkin. Jumlah halaman produk/jasa
hendaknya disesuaikan dengan jumlah produk/jasa yang ditawarkan. Apabila jumlah
produk/jasa yang ditawarkan banyak, maka halaman utama produk/jasa bisa berisi
ringkasan dari keseluruhan produk/jasa kemudian Anda buat lagi beberapa
subhalaman yang berisi detil dari masing-masing produk/jasa.
3.
Halaman Informasi
- Profil: berisi sejarah mengenai
bisnis atau perusahaan, visi dan misi, siapa saja pengurus inti website
atau perusahaan, dan hal-hal penting lainnya mengenai bisnis atau
perusahaan.
- FAQ (Frequently Asked Question):
berisi pertanyaan-pertayaan umum mengenai produk, jasa, maupun perusahaan.
- Testimoni: berisi kesaksian
pelanggan mengenai penggunaan produk dan/atau jasa yang ditawarkan.
Halaman ini digunakan untuk membangun reputasi.
- Surat kabar elektronik: berisi
berita-berita mengenai produk dan/atau jasa baru, tips-tips, promo-promo
yang diadakan, serta pengumuman-pengumuman lain yang mau disampaikan
kepada pelanggan.
4.
Halaman Keanggotaan
Halaman
keanggotaan merupakan bagian yang penting sekali untuk pengembangan website di
masa mendatang. Dengan mengetahui siapa saja pengunjung dan perkembangan jumlah
pengunjung aktif Anda bisa menganalisa hal-hal yang perlu diperbaiki, memenuhi
kebutuhan-kebutuhan pengunjung dengan lebih tepat, sehingga pada akhirnya
website Anda bisa terus berkembang. Ada beberapa hal yang sangat penting apabila
Anda hendak meminta data pribadi pengunjung website yaitu Anda harus bisa
menjaga kerahasiaan data tersebut dan privasi pengunjung, mereka juga harus
bisa menghentikan keanggotaannya kapan saja.
5.
Halaman Kontak
Halaman
kontak berisi cara-cara untuk menghubungi pengurus website, bisa melalui email,
telepon, fax, chatting, surat, ataupun dengan cara mengisi formulir pertanyaan
atau komentar secara online. Hal ini akan memberikan rasa nyaman kepada
pengunjung karena mereka bisa berhubungan dengan pemilik website, mengetahui
alamat kantornya, berbicara dengan pengurus website baik untuk bertanya atau
untuk menyampaikan keluhan.
Bagian
dari Arsitektur Website :
· Hypertext Transfer Protocol
(HTTP)
Pengertian
HTTP atau definisi HTTP (HyperText Transfer Protocol) adalah sebuah protokol
untuk meminta dan menjawab antara client dan server. Sebuh client HTTP seperti
web browser, biasanya memulai permintaan dengan membuat hubungan TCP/IP ke port
tertentu di tempat yang jauh (biasanya port 80). Sebuah server HTTP yang
mendengarkan di port tersebut menunggu client mengirim kode permintaan
(request) 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.
Karakteristik
dari hypertext adalah :
1.
Bersifat non-sekuensial (non- linier),
2.
Ditampilkan dalam media elektronik,
3.
Bisa digabungkan dengan berbagai media (multi- media),
4.
Interaktif terhadap pembaca.
5.
HTTP kepanjangan dari Hyper Text Transfer Protocol. Adalah sebuah protocol yang
biasa digunakan bersama World Wide Web (WWW).
· Hyper Text Markup
Languange(HTML)
HTML
(Hyper Text Markup Languange) adalah bahasa pengkodeaan untuk menghasilkan
dokumen-dokumen hypertext untuk digunakan di World Wide Web. HTML terlihat
seperti bahasa pengkodean lama, yang di awali dan diakhiri dengan kode-kode
html dimana menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah
web browser.
Kegunaan
HTML
Mengintegerasikan gambar dengan tulisan.
Membuat Pranala.
Mengintegerasikan berkas suara dan rekaman gambar hidup.
Membuat form interaktif.
Karakteristik
HTML
•
Tag-tag dalam HTML tidak bersifat case sensitive.
•
HTML tidak mempedulikan white space characters.
· eXtensible Markup
Language(XML)
XML
(eXtensible Markup Language) merupakan bahasa web turunan dari SGML (Standart
Generalized Markup Language) yang ada sebelumnya. XML hampir sama dengan HTML,
dimana keduanya sama-sama turunan dari SGML. Teknologi XML dikembangkan mulai
tahun 1966 dan mendapatkan pengakuan dari Worl Wide Web Consortium (W3C) pada
bulan Februari 1998. Sedangkan SGML sendiri telah dikembangkan pada awal tahun
1980-an. Pada saat HTML dikembangkan pada tahun 1990, para penggagas XML
mengadopsi bagian paling penting SGML dan dengan berpedoman pada pengembangan
HTML menghasilkan bahasa markup yang tidak kalah hebatnya dengan SGML.
Secara
sederhana XML adalah suatu bahasa yang digunakan untuk mendeskripsikan dan
memanipulasi dokumen secara terstruktur. Secara teknis XML didefinisikan
sebagai suatu bahasa meta-markup yang menyediakan format tertentu untuk
dokumen-dokumen yang mempunyai data terstruktur. Bahasa markup adalah mekanisme
untuk mengenal secara terstruktur di dokumen. XML adalah suatu aplikasi profil
dari SGML. Seperti yang didefinisikan dari ISO 8879, SGML adalah cara standart
dan vendor-independent.
· eXtensible StyleSheet
Language: Transformation(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).
Karakteristik XSLT, yaitu :
a.
melibatkan satu atau lebih dokumen XML sumber.
b.
melibatkan satu atau lebih modul stylesheet XSLT.
c.
XSLT Tamplate processing engine (processor).
d.
melibatkan satu atau lebih dokumen hasil.
· Javascript
Javascript
adalah bahasa skrip yang populer di Internet dan dapat bekerja di sebagian
besar web browser populer seperti Internet Explorer (IE), Mozilla Firefox,
Netscape, dan Opera. karena bersifat script, bahasa ini tidak perlu di compile
terlebih dahulu untuk dapat dijalankan, sehingga bahasa ini ringan untuk digunakan.
Karakteristiknya:
a.
Javascript biasanya dituliskan dalam bentuk fungsi yang ditaruh dengan tag dan
dibuka dengan tag pula.
b.
Kode javaScript juga bisa diletakkan di file tersendiri yang berekstensi.
c.
Script pada bagian head.
d.
Script pada bagian body.
· AJAX
AJAX
adalah kependekan dari Asycronous javascript and XML, dalam bahasa indonesianya
asinkron antara javascript dan XML, pengertian mudahnya menggabungkan antara
javascript dan xml untuk mengakses sumber data di server. Jadi server tidak
diakses secara langsung, biarkan mesin ajax yang mengaksesnya. Javascript
sebagai pemrograman di sisi client (artinya program yang dibuat dengan
javascript, bisa dijalankan tanpa menggunakan server) sekarang ini bisa
digunakan untuk mengakses server secara asinkron (di belakang layar, artinya
proses akses tidak terlihat oleh user). Dan XML digunakan untuk format data
hasil kembalian dari server. Javascript bisa mengakses server dengan
menggunakan suatu object yang disebut dengan XMLHttpRequest(). Ini object loh,
sudah built-in dalam mesin javascript, sehingga anda tidak perlu membuatnya.
Object inilah yang akan menjadi inti mesin dari AJAX, dari mengkases data
sampai dengan menerima respon dari server, semuanya dikendalikan oleh object
ini. Karena mesin javascript ada di dalam browser, maka aplikasi web berbasis
ajax akan terpengaruh penggunaan browser, jangan khawatir hampir semua browser
terbaru (mozilla 1.x sampai 2.x atau yang terbaru, IE 5+ sampai yang terbaru,
Opera, Netscape) sudah mendukung object ini.
Sumber:
-sumber 2
Dan inilah hasil dari website yang saya buat dengan menggunakan software Dreamweaver CS 5 http://aries-andrianto.vv.si/
Dan inilah hasil dari website yang saya buat dengan menggunakan software Dreamweaver CS 5 http://aries-andrianto.vv.si/
0 Comments