Friday, April 19, 2013

Arsitektur Website

     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.



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.
Karakteristik HTML
     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 XSLT

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