Senin, 29 April 2013

ARSITEKTUR WEB

  Pada kali ini saya akan membahasa mengenai arsitektur web dan aplikasi apa yang ada didalam arsitektur web.Pertama-tama saya akan membahas apa itu Arsitektur web,rsitektur web 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 .Adapaun aplikasi-aplikasi yang ada didalam arsitektur web antara lain yaitu : HTTP,HTML,URL,XML,XSLT,JavaScript dan Ajax.Untuk itu saya akan menjelaskan satu persatu aplikasi yang ada didalam arsitektur web.

1.  HTTP
      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. HTTP tidaklah terbatas untuk penggunaan dengan TCP/IP, meskipun HTTP  merupakan salah satu protokol aplikasi TCP/IP paling populer melalui Internet. Memang HTTP dapat diimplementasikan di atas protokol yang lain di atas Internet atau di atas jaringan lainnya.Adapun karateristik yang ada didalam HTTP antara lain :
    
    1. bersifat non-sekuensial (non- linier),
    2. ditampilkan dalam media elektronik,
    3. bisa digabungkan dengan berbagai media (multi- media),
    4. Interaktif terhadap pembaca.
    
    HTTP berfungsi untuk Menetapkan bagaimana pesan diformat dan ditransmisikan dan tindakan apa dari web server dan browser untuk merespon berbagai perintah

2.   HTML
    HTML(HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi:
          a. Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen   dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.

b. Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.

c. Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen

Adapun karateristik yang dimiliki oleh HTML yaitu:
    1.Tag-tag dalam HTML tidak bersifat case sensitive.
    2. HTML tidak mempedulikan white space characters.

    Adapun kegunaan HTML
   1. Mengintegerasikan gambar dengan tulisan.
   2. Membuat Pranala.
   3. Mengintegerasikan berkas suara dan rekaman gambar hidup.
   4. Membuat form interaktif.

HTML berfungsi untuk Membuat halaman web,Menampilkan berbagai informasi di dalam sebuah browser Internet,Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

3.  URL
URL(uniform resource locator) adalah rangkaian karakter menurut suatu format standar tertentu,yang di gunakan untuk menunjukan alamat suatu sumber seperti dokumen dan gambar di internet.URL pertama kali diciptakan oleh Tim berners-lee pada tahun 1991 agar penulis-penulis dokumen dapat mereferensikan pralana ke word wide web.sejak 1994 konsep URL telah di kembangkan menjadi istilah uniform resource identifer URLyang lebih umum sifat nya.URL adalah sinkatan dari (uniform resouce locator) yang berartisuatu ''path name'' untuk mengidentifikasisebuah dokumen di web. dalam URL terdapat informasinama mesin /host. yang akan di akses, namadokumen beserta logical pathname nya   serta jenis protokol ang akan di gunakan untuk melakukan akses ke web.Adapun Karateristik didalam  URL
 1. URL yang ideal adalah singkat dan sederhana sehingga mudah di ingat.
 2. Alamat web Pendek selalu pada grafik popularitas karena mudah diingat sehingga kesalahan mengetik URL  dapat diminimalisir. 
 3. URL menjadi satu deskriptif dengan kata kunci yang kita target.
 4. URL yang mempunyai Tingkat relevansi antara teks URL dan konten pada halaman situs blog kita

Adapun Fungsi atau Kegunaan URL antara lain:
1.Sebagai pengidentifikasi sebuah dokumen di web
2.Untuk memudahkan kita dalam mengakses suatu dokumen melalui website
3.Untuk memberikan penamaan terhadap suatu file / dokumen pada website.
4.Memudahkan kita untuk mengingat suatu alamat website
  
4.  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. 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.XML tidak mempunyai definisi secara tepat karena ada yang berpendapat bahwa XML bukanlah suatu bahasa pemrograman,melainkan XML merupakan sintaks yang digunakan untuk menjelaskan bahasa markup lain (Dournaee,2002), sehingga dinamakan meta-language. Meskipun demikian pendapat yang XML bukan merupakan bahasa markup, didasarkan bahwa XML merupakan bahasa markup terpisah untuk tujuan terpisah.Adapun karateristik XML:
a. XML merupakan metode untuk meletakkan data terstruktur dalam berkas teks.XML merupakan himpunan aturan , panduan , konvensi untuk merancang format teks untuk data , dengan menghasilkan berbagai berkas yang mudah dihasilkan dan mudah dibaca oleh computer , tidak mendua arti (ambigu) serta tidak bergantung pada platform perangkat keras dan/atau perangkat lunak.

b.  XML mirip dengan HTML , tetapi XML bukan HTML . seperti HTML , XML menggunakan penanda (kata kata yang dibatasi oleh ‘<’ dan ‘>’ ) dan atribut , sementara HTML menspesifikasi arti dari masing masing penanda dan atributnya , sementara HTML menspesifikasi arti dari masing masing penanda dan atribuntnya (dan sering kali mendefinisikan bagaimana teks di antaranya akan terlihat dalam browser). Secara spesifik XML menggunakan penanda hanya untuk membatasi potongan data dan menyerahkan penafsiran data tersebut pada aplikasi yang membaca dan memanfaatkannya .

c. XML merupakan teks ,tetapi ia tidak memiliki arti apa apa jika dibaca apa adanya . berkas XML adalah berkas teks . oleh karena itu memungkinkan para ahli (pemogram) dengan mudah melakukan pemeriksaan kesalahan aplikasi . mereka dapat menggunakan editor teks sederhana , misalnya notepad , untuk membetulkan berkas XML yang rusak/salah. Tetapi dalam hal ini aturan untuk berkas XML lebih tegas daripada aturan untuk HTML.

d. XML boros tempat penyimpanan , tetapi itu bukan masalah . karena XML berformat teks dan menggunakan penanda untuk membatasi data maka berkas XML cenderung berukuran besar dibandingkan yang berformat biner (misalnya berkas bereksistensi exe). Namun demikian hal ini tidak terlalu menjadi bahan pertimbangan bagi para pengembangan sebab ruang di hardisk saat ini sudah tidak terlampau mahal dan banyak program kompresi data yang dapat melakukan kompresi data dengan baik dan cepat. Program kompresi data ini juga tersedia untuk hamper semua platform perangkat keras dan perangkat lunak , dan kebayakan gratis . sebagai tambahan , berbagai protocol komunikasi , misalnya protocol modem dan HTTP/1.0 (protocol untuk komunikasi data saat data tersebut dikirimkan hal ini akan menghemat bandwitch


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.Adapun karateristik XLST 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.

6.  JAVA SCRIPT
     Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang sejarah internet bahasa ini adalah bahasa skrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan  mengijinkan pengeksekusian perintah perintah di sisi user, yang artinya di sisi browser bukan di sisi server web.Javascript bergantung kepada browser(navigator) yang memanggil halaman web yang berisi skrip skrip dari Javascript dan tentu saja terselip di dalam dokumen HTML. Javascript juga tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya (pada kenyataannya kompilator Javascript sendiri sudah termasuk di dalam browser tersebut). Lain halnya dengan bahasa “Java” (dengan mana JavaScript selalu di banding bandingkan) yang memerlukan kompilator khusus untuk menterjemahkannya di sisi user/klien.Adapun karateristik JavaScript yaitu:
  
   a.javascript biasanya dituliskan dalam bentuk fungsi yang ditaruh dengan tag dan  dibukapage tag juga                     
b.kode javaScript juga bisa diletakkan di file tersendiri yang berekstensi.
c.Script pada bagian head.
d.Script pada bagian body.

JavaScript berfungsi 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.dan juga javascript berguna untuk untuk menuliskan fungsi yang disisipkan kedalam HTML baik secara langsung disisipkan maupun diletakan ke file teks dan di link dari dokumen HTML.

7. AJAX
  AJAX adalah istilah yang digunakan untuk menyebut suatu pendekatan dalam merancang dan mengimplementasikan aplikasi web. Tujuan utama dari AJAX adalah untuk membuat aplikasi web berfungsi seperti aplikasi desktop.HyperText Markup Language (HTML), bahasa yang banyak digunakan dalam World Wide Web, dirancang berdasarkan gagasan hypertext atau halaman teks yang dapat dikaitkan di dalam atau ke dokumen lain.Agar HTML dapat berfungsi, pengguna pertama melakukan ‘action’ atau mengirim perintah melalui web browser yang kemudian diteruskan ke web server.Server kemudian memproses perintah itu, mungkin mengirimkan perintah lebih lanjut, dan akhirnya merespon apa yang diminta pengguna.Adapun karateristik AJAX antara lain :
  
  a.tampilan seperti dinamis dan berinteraksi dengan informasi.
  b.terdapat objek XMLHTTP.
  c.umumnya menggunakan XML sebagai transfer data.
  d.memiliki kekurangan, yaitu tidak bisa di crawler secara baik oleh search engine, karena search engine bekerja dengan menelusuri url, sedang web berbasis ajax urlnya selalu sama, meskipun user meminta data.

Kegunaan ajax antara lain:
1. Validasi Data yang real time : dalam hal ini AJAX dapat melakukan proses validasi secara langsung tanpa melalui proses refresh pada saat user melakukan pengisian data melalui form.
2. Autocomplete : AJAX dapat digunakan untuk melakukan aoutocomplete pada saat user sedang mengisi data pada sebuah form, dengan demikian karakter yang sedang dituliskan oleh user akan bisa langsung dilengkapi oleh entry-entry yang disarankan.
3. Load on demand : Berdasarkan event tertentu, halaman HTML bias mengambil tambahan dari bakcground sehingga memungkinkan browser manampilkan halaman web secara lebih cepat dan bisa diatur kapan tampilnya.
4. Refresh data dan server push : Halaman web bisa mengambil data dari server tertentu untuk menampilkan informasi terkini, misalnya ramalan cuaca, kurs dolar, jadwal penerbangan dan lain sebagainya. Dengan demikian halaman web bisa mengambil data terebut secara real time tampa memalui proses refresh.

ini salah satu contoh aplikasi web( menggunakan HTML) :




SUMBER :