Jumat, 26 April 2013

ARSITEKTUR WEB


Pada kesempatan kali ini saya akan menjelaskan atau menjabarkan tentang arsitektur web yang sedang berkembang saat ini  ,sebagaimana pengertian arsitektur web itu sendiri adalah adalah suatu pendekatan terhadap desain dan perencanaan situs yang seperti arsitektur itu sendiri, di jaman sekarang banyak orang yang berlomba-lomba untuk membuat atau mendesain sebuah web agar terlihat lebih menarik maka dari itu dibuat lah sebuah perencanaan agar web yang kita ingin buat ini dapat terlihat lebih menarik , “Website arsitektur” juga memiliki potensi untuk menjadi istilah yang digunakan untuk disiplin intelektual mengatur konten website. Sedangkan ”Web desain”, dengan cara kontras, menggambarkan tugas-tugas praktis, bagian-bagian-grafis dan teknis, dari merancang dan menerbitkan sebuah situs web.
Seiring dengan berkembang nya jaman yang begitu cepat di dalam dunia teknologi ,sekarang banyak sekali di temukan aplikasi-aplikasi arsitektur web yang dapat kita di gunakan ,sesuai dengan tingkat kesulitan,kemampuan,dan tujuan yang ingin di capai oleh kita ,agar web kita ini dapat berguna untuk halayak banyak dan tidak menjadi hanya sebuah web biasa yang tidak berguna ,disini saya juga akan menjabarkan beberapa aplikasi arsitektur web yang dapat kita gunakan beserta karakteristik nya di sini yang pertama akan saya bahas adalah :

1.HTTP (HyperText Transfer Protocol)
HTTP adalah  rangkaian kata yang paling sering di jumpai setiap kali membuka sebuah situs internet sebuah protokol untuk meminta dan menjawab antara client dan server,http sendiri memiliki fungsi sebagai protocol yang di manfaatkan untuk melakukan transfer halaman atau dokumen dalam world wide web ,http di sini juga dapat di definisikan sebagai sebuah pesan yang di format serta di kirim dari client pada server dan begitu juga sebaliknya .
karakteristik :
* bersifat non-sekuensial (non- linier)
* ditampilkan dalam media elektronik
* bisa digabungkan dengan berbagai media (multi- media)
* interaktif terhadap pembaca

2.HTML (Hyper Text Markup Language)
HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox, Microsoft Internet Explorer, Google chrome dan beberapa browser lain. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser. HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: TAMPIL TEBAL. Tanda digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda untuk menonaktifkan cetak tebal tersebut.
Karakteristik :
* Mengintegerasikan gambar dengan tulisan.
* Membuat Pranala.
* Mengintegerasikan berkas suara dan rekaman gambar hidup.
* Membuat form interaktif

3.URL (Uniform Resource Locators)
URL adalah suatu “pathname” untuk mengidentifikasi sebuah dokumen di web. Didalam URL terdapat informasi nama mesin/host (dalam hal ini komputer) yang akan diakses, nama dokumen beserta logical pathnamenya serta jenis protokol yang akan digunakan untuk melakukan akses ke web.
Karakteristik URL :
Ada dua tipe URL yang dapat digunakan yaitu:
* Absolute URL (URL Absolut), merupakan alat lengkap yang menyertakan domain pada jaringan yang tepat, direktori di dalam domain, dan file di dalam direktori.[3]
* Relative URL (URL Relatif), menentukan suatu alamat berdasarkan URL yang aktif pada saat itu.[3]
contoh sintaks dan tipe URL:
Service://host:port/path/filename.extension (Absolut)
4.XSLT (eXtensible Stylesheet Language Transformastion)
XSLT adalah bahasa yang dirancang untuk mentransformasikan dokumen XML ke dalam format yang lain, seperti format HTML atau Microsoft Word. XSLT sendiri merupakan sebuah dokumen XML. XSLT mencapai tingkat rekomendasi W3C dengan direkomendasikannya versi 1.0 pada tanggal 16 November 1999.
XSLT merupakan cabang dari XSL (eXtensible Stylesheet Language). XSL sendiri merupakan bahasa untuk menentukan tampilan dan format dari data XML. Ada dua cabang dari XSL ini, yaitu XSLT dan XSL Formatting Object (XSL-FO). XSLT merupakan bahasa untuk mentransformasikan XML melalui proses reorganizing dan restructuring. Sedangkan XSL-FO berfungsi untuk memformat dan menentukan layout dari dokumen XML.
Karakteristik :
XSLT processing model melibatkan:
* satu atau lebih dokumen XML sumber
* satu atau lebih modul stylesheet XSLT
* XSLT template processing engine (processor)
* satu atau lebih dokumen hasil
5.JAVA SCRIPT
Java Script adalah bahasa pemrograman yang khusus untuk 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.Ada beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil,
Karakteristik :
* JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di
tag yang dibuka dengan tag
* Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi.
* Script pada bagian head
* Script pada Body
6.AJAX           
AJAX adalah singkatan dari Asynchronous JavaScript and XML. Pada dasarnya ajax menggunakan XMLHttpRequest object Javascript untuk membuat request ke server secara asynchronous atau tanpa melakukan refresh halaman website. Yang dibutuhkan agar ajax dapat berjalan adalah javascript harus di enable pada browser yang digunakan. Walaupun javascript merupakan dasar dari Ajax, dimana javascript sangat susah pada implementasi dan maintenance, tetapi Ajax memiliki struktur pemrograman yang lebih mudah untuk dipahami. Anda tinggal membuat object XMLHttpRequest dan memastikan object tersebut terbentuk dengan benar. Kemudian menentukan kemana hasilnya akan ditampilkan atau dikirim.
Ajax dapat digunakan untuk melakukan banyak hal, seperti loading halaman HTML tanpa refresh halaman web, validasi form dan banyak lagi yang bisa dilakukan dengan ajax.AJAX merupakan kombinasi dari beberapa teknologi web, yaitu:
  • HTML (HyperText Markup Language)
  • JavaScript
  • XML (eXtensible Markup Language)
  • DHTML (Dynamic HTML)
  • DOM (Document Object Model)
karakteristik :
* tampilan seperti dinamis dan berinteraksi dengan informasi
* Terdapat objek XMLHTTP
* Umumnya menggunakan XML sebagai data transfer
* JSON bisa dijadikan alternatif sebagai dokumen transfer

ScreenShoot Web :
 LINK : http://bobjersey.p.ht/softskill/home.html

REFERENSI :
http://www.anneahira.com/http.htm
http://visilubai.wordpress.com/2010/05/06/arsitektur-website/
http://upzzpu.wordpress.com/2011/03/28/arsitektur-web-http-html-uri-xml-xslt-javascript-ajax/
http://zarapintar.wordpress.com/2013/04/21/arsitektur-pada-web/