Arsitektur Website. Apa
itu Arsitektur Website? Menurut beberapa halaman yang sempat saya jadikan
referensi, Arsitektur Website atau Website Architecture adalah
"suatu pendekatan terhadap desain dan perencanaan situs yang, seperti
arsitektur itu sendiri, melibatkan teknis, kriteria estetis dan
fungsional". Sedangkan dalam hal optimasi mesin pencari yang efektif perlu
dimiliki apresiasi tentang bagaimana sebuah situs Web terkait dengan World Wide
Web.
Sedangkan dalam hal pengembangan tahap perencanaan, manajemen, konten
web, dan desain datang dalam berbagai metode desain web seperti desain
tradisional, aspek konsistensi, keteguhan dan kesenangan, seperti yang
diterapkan secara fisik dalam web arsitektur dan prinsip – prinsip desain
lainnya.
Di dalam web arsitektur dapat ditemukan istilah Strukturalisme. Strukturalisme
adalah "bagian terpenting" dalam arsitektur web, yaitu
"pendekatan metodologis yang mempengaruhi disiplin teoritis seperti
estetika, teori kritis dan postmodernisme" yang mempunyai disiplin seperti
yang disebutkan pada kemudi dari setiap pembuatan situs web dan kemudian
melibatkan user generated content, dan memberikan bimbingan kepada arsitek web
untuk penataan yang tepat dari setiap informasi untuk digunakan sebagai
kenyamanan dan kepuasan browser tersebut.
contoh website yang saya buat : http://mysimpleweb.vv.si/
Definisi HTTP
Hypertext Transfer Protocol (HTTP) adalah sistem untuk transmisi dan menerima informasi di Internet. Http berfungsi sebagai permintaan dan prosedur respon yang semua agen di Internet mengikuti sehingga informasi dapat cepat, mudah, dan akurat disebarluaskan antara server, yang memegang informasi, dan klien, yang mencoba untuk mengaksesnya. Http umumnya digunakan untuk mengakses halaman html, tetapi sumber daya lain bisa dimanfaatkan juga melalui http.
Dalam banyak kasus, klien dapat bertukar informasi rahasia dengan server, yang perlu diamankan untuk mencegah akses yang tidak sah. Untuk alasan ini, https, atau http yang aman, dikembangkan oleh Netscape untuk memungkinkan transaksi perusahaan otorisasi dan aman.
Hypertext Transfer Protocol (HTTP) adalah sistem untuk transmisi dan menerima informasi di Internet. Http berfungsi sebagai permintaan dan prosedur respon yang semua agen di Internet mengikuti sehingga informasi dapat cepat, mudah, dan akurat disebarluaskan antara server, yang memegang informasi, dan klien, yang mencoba untuk mengaksesnya. Http umumnya digunakan untuk mengakses halaman html, tetapi sumber daya lain bisa dimanfaatkan juga melalui http.
Dalam banyak kasus, klien dapat bertukar informasi rahasia dengan server, yang perlu diamankan untuk mencegah akses yang tidak sah. Untuk alasan ini, https, atau http yang aman, dikembangkan oleh Netscape untuk memungkinkan transaksi perusahaan otorisasi dan aman.
Cara Kerja HTTP
HTTP berkomunikasi melalui TCP / IP. Klien HTTP terhubung ke server HTTP menggunakan TCP. Setelah membuat sambungan, klien dapat mengirim pesan permintaan HTTP ke server. HTTP digunakan untuk mengirimkan permintaan dari klien web (browser) ke web server, dikembali kan ke konten web (halaman web) dari server ke klien.
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.
Karakteristik HTTP
– Dirancang
untuk bandwidth besar, delay kecil
–
Komunikasi stateless, client/server,
request/response
– Connection
oriented, satu koneksi per request
– Beban
TCP: handshake, DNS lookup
– Header
protokol besar, dan transfer isi tanpa kompresi
– Masalah
keamanan (menggunakan SSL)
Definisi HTML
Hypertext Markup Language (html) adalah bahasa yang digunakan untuk
menulis halaman web. html merupakan pengembangan dari standar pemformatan
dokumen teks yaitu Standard Generalized Markup Language (SGML). html sebenarnya
adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung
pada suatu sistem operasi tertentu.
HTML
menentukan 2 fungsi :
1. Membentuk tata letak document, dalam hal ini menentukan jenis huruf, gambar, dan komponen dokumen lainnya.
2. Menetukan hubungan ke dokumen lain, HTML merupakan suatu bahasa pemrograman yang termasuk dalam kategori SGML (Standart Generalized Markup Language) dimana bentuknya merupakan standar ASCII yang berisi kode-kode untuk mengatur dokumen.
1. Membentuk tata letak document, dalam hal ini menentukan jenis huruf, gambar, dan komponen dokumen lainnya.
2. Menetukan hubungan ke dokumen lain, HTML merupakan suatu bahasa pemrograman yang termasuk dalam kategori SGML (Standart Generalized Markup Language) dimana bentuknya merupakan standar ASCII yang berisi kode-kode untuk mengatur dokumen.
•
File
text biasa hanya saja terdapat TAG / ELEMENT
•
Penulisan
TAG selalu diawali tanda < dan diakhiri tanda >
Contoh : <HTML>, <BODY>, <TITLE>
•
Bersifat
incase sensitif, contoh <Hr> = <hr> = <HR>
•
Ada 2
jenis TAG :
TAG yang berpasangan <TITLE> </TITLE>
Empty TAG <BR>
•
TAG
bisa memiliki atribut dan memiliki value
Contoh: <IMG SRC=“button.gif”>
Definisi URL
URL adalah konsep nama file standard yang diperluas dengan
jaringannya. Nama file ini tidak hanya menunjukakan direktori dan nama filenya,
tetapi juga nama mesinnya dalam jaringan. URL dapat disediakan (ada atau
diakses ) dengan berbagai metoda, dan bisa jadi bukan sekedar file, karena URL
dapat menunjukan query-query, dokumen yang disimpan dalam data
base, hasil dari suatu perintah finger atau archie, atau apapun yang
berkaitan dengan data hasi proses.
Fungsi
atau Kegunaan URL adalah:
·
Sebagai pengidentifikasi
sebuah dokumen di web
·
Untuk memudahkan kita
dalam mengakses suatu dokumen melalui website
·
Untuk memberikan penamaan
terhadap suatu file / dokumen pada website
·
Memudahkan kita untuk
mengingat suatu alamat website
Karakteristik URL
- tanda titik dua
diikuti oleh dua garis miring (://).
- Setiap bagian
dari URL dibatasi oleh tanda garis miring (/)
- mempunyai
domain seperti .com .edu .org .gov
-
mempunyai nama host
Definisi XML
EXtensible Markup Language (XML) merupakan sebuah bahasa markup yang
digunakan untuk menandai suatu dokumen data. Markup language merupakan suatu
bahasa pemprograman untuk menandai suatu dokumen. Penandaan dilakukan
menggunakan dua buah string tertentu yang mengapit data yang ditandai. String
tersebut disebut dengan tag. Tujuan penandaan adalah agar dokumen tersebut
lebih mudah dibaca, dipahami serta menarik.
Fungsi utama dari XML adalah komunikasi antar aplikasi, integrasi
data, dan komunikasi aplikasi eksternal dengan partner luaran. Dengan
standarisasi XML, aplikasi-aplikasi yang berbeda dapat dengan mudah
berkomunikasi antar satu dengan yang lain.
Kelebihan dari XML adalah karakteristiknya yang extensible dan
platform independent. Berbeda dengan HTML, XML tidak mempunyai kosakata (berupa
"tag") yang baku, sebaliknya dengan XML kita bebas merancang tag-tag
sendiri, sesuai dengan kebutuhan aplikasinya.
Definisi 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 XSLTXSLT 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).
Definisi Java
Script
Javascript adalah bahasa skrip yang ditempelkan pada kode HTML dan
diproses di sisi klien. Dengan adanya bahasa ini, kemampuan dokumen HTML
menjadi semakin luas. Sebagai contoh, dengan menggunakan JavaScript
dimungkinkan untuk memvalidasi masukanmasukan pada formulir sebelum formulir
dikirimkan ke server.
Javascript bukanlah bahasa Java dan merupakan dua bahasa yang berbeda.
Javascript diinterpretasikan oleh klien (kodenya bisa dilihat pada sisi klien),
sedangkan kode Java dikompilasi oleh pemrogram dan hasil kompilasinyalah yang dijalankan
oleh klien.
Definisi AJAX(Asynchronous JavaScript and XMLHTTP)
Asynchronous JavaScript and XMLHTTP, atau disingkat AJAX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar background, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability. Ajax merupakan kombinasi dari:
DOM yang diakses dengan client side scripting language, seperti VBScript dan implementasi ECMAScript seperti JavaScript dan JScript, untuk menampilkan secara dinamis dan berinteraksi dengan informasi yang ditampilkan.
Asynchronous JavaScript and XMLHTTP, atau disingkat AJAX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar background, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability. Ajax merupakan kombinasi dari:
DOM yang diakses dengan client side scripting language, seperti VBScript dan implementasi ECMAScript seperti JavaScript dan JScript, untuk menampilkan secara dinamis dan berinteraksi dengan informasi yang ditampilkan.
Objek XMLHTTP dari Microsoft atau XMLHttpRequest yang
lebih umum di implementasikan pada beberapa browser. Objek ini berguna sebagai
kendaraan pertukaran data asinkronus dengan web server. Pada beberapa framework
AJAX, element HTML IFrame lebih dipilih daripada XMLHTTP atau XMLHttpRequest
untuk melakukan pertukaran data dengan web server.
XML umumnya digunakan sebagai dokumen transfer, walaupun
format lain juga memungkinkan, seperti HTML, plain text. XML dianjurkan dalam
pemakaian teknik AJaX karena kemudahan akses penanganannya dengan memakai DOM.
Seperti halnya DHTML, LAMP, atau SPA, Ajax bukanlah teknologi spesifik, melainkan merupakan gabungan dari teknologi yang dipakai bersamaan. Bahkan, teknologi turunan/komposit yang berdasarkan Ajax, seperti AFLAX sudah mulai bermunculan.
Seperti halnya DHTML, LAMP, atau SPA, Ajax bukanlah teknologi spesifik, melainkan merupakan gabungan dari teknologi yang dipakai bersamaan. Bahkan, teknologi turunan/komposit yang berdasarkan Ajax, seperti AFLAX sudah mulai bermunculan.
Cara Kerja AJAX :
Berikut adalah proses atau mekanisme cara kerja AJAX :
1. Dimulai dengan interaksi
dari pengguna web yang memicu Ajax engine.
2. Ajax engine kemudian
menciptakan sebuah objek XmlHttpRequest dan mengirimkannya ke web server.
3.Web server akan melakukan
proses terhadap request yang diterima dan kemudian mengembalikan hasil
informasi tersebut kepada Ajax engine.
4. Ajax engine akan
mengirimkan data hasil olahan server kepada web browser. Salah satu inti dari metode Ajax adalah
penggunaan objek XML HTTP Request yang menggunakan metode Asynchronous untuk
melakukan komunikasi dengan server, sehingga memungkinkan pengiriman request
kepada server hanyalah request yang dibutuhkan saja daripada melakukan load
ulang seluruh halaman web.
No comments:
Post a Comment