Arsitektur Web

Arsitektur Web

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
o 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.
o FAQ (Frequently Asked Question): berisi pertanyaan-pertayaan umum mengenai produk, jasa, maupun perusahaan.
o Testimoni: berisi kesaksian pelanggan mengenai penggunaan produk dan/atau jasa yang ditawarkan. Halaman ini digunakan untuk membangun reputasi.
o 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.

CONTOH WEBSITE:
ini adalah website onlineshop milik saya FAHMI RAIS : http://www.powerbankbagus.com/ 

http://www.powerbankbagus.com/

APA YANG DIMAKSUD WEBSITE?
Website adalah sebuah cara untuk menampilkan diri Anda di Internet.
Dapat diibaratkan Website Anda adalah sebuah tempat di Internet, siapa
saja di dunia ini dapat mengunjunginya, kapan saja mereka dapat
mengetahui tentang diri Anda, memberi pertanyaan kepada Anda,
memberikan anda masukan atau bahkan mengetahui dan membeli
produk Anda.

MENGAPA ANDA MEMBUTUHKAN SEBUAH WEBSITE?
Pengguna Internet semakin hari semakin bertambah banyak, sehingga
hal ini adalah potensi pasar yang berkembang terus. Semua orang
menggunakan Web untuk segala sesuatu mulai dari pekerjaan sekolah
sampai dengan memesan makanan karena prosesnya yang cepat,
murah, mudah & menyenangkan. Pada saat ini orang lebih suka
mencari informasi tentang suatu produk melalui internet sebelum
mengunjungi toko tersebut.

SEJARAH WORLD WIDE WEB ( WWW )

Pada tahun 1980, Tim Bernes-Lee , kontraktor independen di Organisasi Eropa untuk Riset Nuklir (CERN), Swiss , dibangun Enquire , sebagai database pribadi orang dan model perangkat lunak, tetapi juga sebagai cara untuk bermain dengan hypertext

 ; setiap halaman baru informasi dalam Enquire harus terhubung dengan halaman yang ada.

Pada tahun 1984 Berners-Lee kembali ke CERN, dan dianggap permasalahannya presentasi informasi: fisikawan dari seluruh dunia diperlukan untuk berbagi data, dan tanpa mesin umum dan tidak ada perangkat lunak presentasi umum. Dia menulis sebuah proposal Maret 1989 untuk "database hypertext besar dengan link diketik", tapi itu dihasilkan bunga kecil. Bosnya, Mike Sendall, mendorong Berners-Lee untuk mulai menerapkan sistemnya pada suatu yang baru diperoleh NeXT workstation. Ia menilai beberapa nama, termasuk Mesh Informasi, Tambang Informasi (ditolak karena abbreviates ke TIM, pencipta nama WWW) atau Tambang Informasi (ditolak karena abbreviates untuk MOI yang "Me" dalam bahasa Perancis), tetapi menetap di World Wide Web. 

PENGEMBANGAN WEBSITE
           Pengembangan Web adalah istilah luas untuk pekerjaan yang terlibat dalam mengembangkan situs web untuk internet ( World Wide Web ) atau Intranet (jaringan pribadi). Hal ini dapat mencakup desain web , pengembangan konten web , penghubung klien, sisi klien / server-sidescript , web server dan keamanan jaringan konfigurasi, dan e-commerce pembangunan. Namun, kalangan profesional web, "web development" biasanya mengacu pada non-desain aspek utama membangun situs web: menulis mark up dan coding . Pengembangan web dapat berkisar dari mengembangkan halaman statis sederhana tunggal teks biasa ke berbasis web yang paling kompleks aplikasi internet , bisnis elektronik , atau layanan jaringan sosial .

Untuk organisasi yang lebih besar dan bisnis, tim pengembangan web dapat terdiri dari ratusan orang ( web developer ). Organisasi yang lebih kecil mungkin hanya memerlukan permanen atau kontrak tunggal webmaster , atau tugas sekunder untuk posisi pekerjaan yang terkait seperti desainer grafis dan / atau sistem informasi teknisi. Pengembangan Web mungkin merupakan upaya kolaborasi antar departemen bukan domain dari sebuah departemen yang ditunjuk.

 

 Macam macam situs web

Berita

Situs macam ini mengandung materi terbaru yang berhasil diliput dan ditampilkan dalam Web. Keuangan, olahraga, selebritis, hingga berita politik. Hal-hal yang biasanya hanya kita dapatkan dari televisi, radio, amupun surat kabar sekarang dapat diakses dengan mudah dengan sekali klik. Misalnya situs berita CNN.

Informasi

Jaman sekarang orang haus akan informasi, dan di Web terlah terdapat banyak situs-situs berisi banyak informasi yang susah didapat di dunia nyata. Ingin tahu lebih banyak tentang chord gitar misalnya, silakan buka Ulimate-guitar.

Bisnis

Situs ini berisi promosi barang atau jasa yang ditawarkan lewat internet. Biasanya dimiliki oleh perusahaan yang benar-benar eksis di dunia nyata. Tidak menutup kemungkinan kita dapat memesan barang secara online. Situs yang populer diantaranya adalah Ebay.

Pendidikan

Siapa bilang belajar cuma di sekolah dan buku? Di Web ada banyak situs pembelajaran yang dapat diandalkan mengisi waktu luang. Bahkan ada beberapa universitas yang menawarkan kuliah secara online dan mendapat seftifikat lewat cyberworld. Guru-guru sekolah yang melek internet juga biasanya memasang bahan pembelajaran dalam situs mereka untuk dapat dimanfaatkan anak didiknya. Salah satu contoh situs pebelajaran tentang komputer adalah Ilmu Komputer.

 

UNSUR UNSUR DALAM MULTIMEDIA

Multi media adalah media yang berisi gabungan dari berbagai macam bentuk media.

Multi media biasanya direkam , dimainkan, ditampilkan atau di akses dari alat alat pemroses informasi, seperti komputer dan alat elektronik lainya. Tetapi bisa juga dalam kegiatan sehari hari.multimedia (sebagai ajektif) juga di artikan sebagai alat elektronik media yang menyimpan dan menggunakan isi dari multimedia tersebut.

 Unsur unsur multimedia

Aplikasi multimedia bisa saja berisi bnyak type dari media. Karakterisktik yang utama dari sebuah system multimedia adalah kegunaanya yang lebih dari 1 macam media untuk mengirim isi dan kegunaan. Web dan desktop computing program dua-duanya memerlukan komponen multimedia. Sebagaimana perbedaan unsur unsur media, sebuah aplikasi multimedia normalnya membutuhkan kode pemrograman dan tenaga ahli. Unsur unsur media secara umum di bagi menjadi 5 kategori utama dan menggunakan bermacam-macam teknik untuk digital formating.

 Unsur TEXT

 Ini mungkin tipe konten yang gampang untuk dilupakan ketika mengingat system multimedia, tetapi isi dari textnya itu jauh dari kebanyakan tipe media umum didalam computing aplication. Kebanyakan multimedia systems menggunakan sebuah kombinasi text dan media lain untuk mengirim secaraq fungsional.Text didalam system multimedia ini bisa menunjukan informasi yang spesifik, atau bisa juga bertingdak sebagai pembantu untuk isi yang terkandung dalam infromasi didalam unsur media lainya. Unsur Multimedia ini juga mempunya format baku nya yaitu file yang berextensi .doc .txt .lix dan .org masing masing extensi tersebut dapat di jalankan di wordprocessor nya masing masing, contohnya .doc bisa di buka di microsoft word dan file yang berextensi .lix bisa di buka di LaTeX pada OS open Source.

 Unsur Gambar
 

File gambar digital muncul di berbagai aplikasi multimedia.  Potograph digital bisa menampilkan isi dari aplikasi atau secara alternatif bisa membentuk bagian dari tampiklan pengguna. Unsur yang interaktiv , seperti tombol tombnol,, sering menggunakan gambar buatan dari designers dan pengembang yang merumitkan didalam sebuah aplikasi. File gambar digital menggunakan 1 macam format dan ekstensi file. Diantaranya yang paling terkenal adalah JPEG dan PNG. Dua duanya sering sekali muncul pada website website, sebagai format yang di perbolehkan pengembang untuk meminimalisasikan ukuran file selagi memaximalkan pada kualitas gambar. Ada beberapa format baku pada unsur gambar, yaitu .BMP atau bitmap, .JPEG , .PNG, .GIF atau gambar yang bergerak. 

 Unsur Audio

 

File audio dan stream memainkan peran utama didalam sebuah system multimedia. File audio muncul sebagai bagian dari isi aplikasi dan juga untuk memudahkan interaksi. Ketika file ini muncul dari aplikasi web dan situs situs, file audio kadang kadang butuh pemasangan sbuah plugin media player. Format baku dari audio adalah termasuk MP3, WMA, Wave, MIDI dan RealAudio. Ketika para pengembang memasukan audio ke dalam sebuah website, mereka secara umum akan menggunakan format yang sudah di kompres untuk meminimalisasikan waktu download. Sebuah website juga bisa men-stream audio, jadi user bisa menyetelnya sebelum smua file telah terdownload.

 Unsur animasi

 

Komponen komponen animasi biasanya diantara web dan desktop aplikasi multimedia. Animasi bisa juga termasuk kedalam effek yang interaktif, memperbolehkan user untuk menggunakan aksi animasi dengan memakai mouse dan keyboard mereka. Alat atau tools yang paling umum untuk membuat animasi pada web adalah adobe flash. Yang juga memfasilitasi aplikasi desktop. Dengan flash, pembuat atau pengembang dapat membuat FLV files, mengubah nya menjadi SWF movies untuk di bagikan ke pengguna. Flash juga menggunakan ActionScript code untuk memperoleh hasil animasi dan efek interaktif. Menurut saya di dalam unsur animasi ini tidak mempunya format bakunya karna pada dasarnya file animasi ini hanya terdiri dari beberapa file gambar yang bnyak dan di jadikan bergerak dengan cara menampilkan nya secara cepat atau fast slideshow. Contoh nya file gambar yang berekstensi .GIF adalah termasuk animasi.

 Unsur Video

 

Video digital muncul di banyak aplikasi multimedia, seperti di web. Sama seperti audio, website bisa men-stream video digital untuk meningkatkan kecepatan dan ketersediaan dari playback. Format video digital yang umum kita gunakan adalah Flash, MPEG, AVI, WMV dan QuickTime. Kebanyakan vidio digital memerlukan plugin pada browser untuk menjalankan nya di halaman web, tetapi di banyak kasus browser pengguna akan mempersiapkan keperluan yang harus di install.