seluk beluk www lanjutan

Arsitektur Web . . .

Bagian yang sangat harus ditimbang-dipikir matang dan tidak bisa di remehkan akibat dari suatu kalimat “..situs/website yang besar, tanpa informasi arsitektur akan amburadul..” yang saya temukan dari salah satu sumber.  Arsitektur Website adalah suatu pendekatan terhadap desain perencanaan situs, melibatkan teknis, kriteria estetis dan fungsional. Seperti pada umumnya arsitektur, didalamnya berfokus pada pengguna dan kebutuhan pengguna.

Namun lain dari pokok arsitektur web itu, dalam pembuatan web tidak dilakukan sekedar asal-asalan, tampilan cantik, user senang, lalu proyek jadi. Tetapi, dibelakang suskesnya pembuatan website hal yang menjadi kunci adalah sebuah website mempunyai sistem yang bagus, terkoordinasi dengan baik. Untuk menjadi sperti itu perhatikan beberapa hal berikut :

1.       Definisikan tujuan pembuatan website tersebut.

·         Menulis visi dan misi website tersebut.

2.       Target, siapa yang akan mengunjungi situs ini.

·         Mengapa user mau datang kembali ke situs ini.

·         Mengeksplorasi mengenai user (definisikan user dengan lebih rinci).

·         Buat skenario (target user).

·        Membuat competitive analysis (siapa yang mempunyai visi dan misi dengan website Anda).

3.       Konten dan format.

·         Mengenali bahan-bahan yang akan diperlukan.

·         Mengelompokkan bahan-bahan tersebut.

·         Mulai mengatur konten.

4.       Mulai memikirkan struktur.

·         Metafora organisasi, fungsi, visual (navigasi).

·         Breakdown struktur.

·         Template tiap halaman.

·         Prototype

Dimulai dari web perencanaan isi, desain dan manajemen yang datang dalam lingkup metode desain, Vitruvian tradisional tujuan komoditas, keteguhan dan kesenangan menjadi pemandu  arsitektur web. Website arsitektur  datang dalam ruang lingkup estetika dan teori kritis. Kedua ide menekankan aspek struktur informasi. Strukturalisme itu adalah pendekatan untuk pengetahuan yang telah dipengaruhi sejumlah disiplin akademis termasuk estetika, teori kritis dan postmodernisme sebagai contoh pengguna adalah web 2.0.

“Website arsitektur” memiliki potensi untuk menjadi istilah yang digunakan untuk disiplin intelektual mengatur konten website sedangkan ”Web desain” lebih dikenal untuk hal dengan cara kontras, menggambarkan tugas-tugas praktis, bagian-bagian-grafis dan teknis, dari merancang dan menerbitkan sebuah situs web. 

Bahasa Pemrograman Web . . .

Sebuah website selain dibangun dari berbagai jenis aspek arsitektur, web juga memiliki struktur bahasa pemrograman, entah sekedar menampilkan teks, animasi, tampilan grafis ataupun suara. Nenek moyang bahasa web adalah HTML yang dibuat oleh pencipta web itu sendiri.

Berikut adalah beberapa bahasa pemrograman yang akan dijelaskan pada tulisan ini

1. Hyper Text Markup Language (HTML)

-----> Ekstensi file: .html, .htm, .html4

Bahasa HTML adalah bahasa yang sederhana dan hanya memiliki sedikit kesulitan. Bahasa yang merupakan dasar dari framework Internet ini ditemukan oleh Tim Berners-Lee pada tahun 1989. Hampir setiap situs web menggunakan bahasa ini, bahasa ini dapat menampilkan texs, animasi, tampilan grafis ataupun suara. Bahasa HTML sebenarnya berasal dari bahasa lama yang disebut dengan SGML (Standard Generalized Markup Language). Namun perkembangan HTML sudah dimulai sejak kurang lebih 10 tahun bahasa tersebut diperkenalkan.

2.       Dynamic HTML (DHTML)

-----> Ekstensi file: .dhtml

DHTML adalah bahasa yang bisa diakses dan dimodifikasi oleh bahasa script seperti Vbscript, Javascript. DHTML sering dimanfaatkan untuk menampilkan animasi-animasi seperti efek text, perubahan warna, dan lain sebagainya (bahkan untuk game!!). Bahasa ini sering juga disebut sebagai versi objek dari HTML.

3.       eXtensible Markup Language (XML)

-----> Ekstensi File: .xml

XML adalah bahasa yang sifatnya lebih terbatas daripada elemen-elemen HTML. Dengan XML, orang bisa menentukan elemen-elemennya sendiri lalu kemudian mengembangkannya. Karena semuanya berpusat pada Document Type Definitions atau biasa disingkat DTD. DTD-lah yang telah menentukan tag awal dan tag akhir dari suatu file XML sehingga data yang ditampilkan dapat dipahami.

4.       XHTML

-----> Ekstensi File: .XHTML

Bahasa ini masih dalam pengembangan. XHTML merupakan gabungan dari bahasa HTML dan XML. Seperti halnya XML,  bahasa ini juga masih tergolong baru namun pengenalan bahasa diramalkan akan sangat berperan dalam mewarnai dunia web di masa depan.

5.       Personal Home Page (PHP)

-----> Ekstensi File: .php, php3, atau tanpa ekstensi

PHP ditulis oleh Rasmus Lerdorf yang pada awalnya ia gunakan untuk mencatat jumlah pengunjung situs yang membuka halaman resumenya. Ia kemudian menulis ulang kode-kodenya dengan bahasa C yang kemudian menjadikan bahasa itu menjadi lebih kaya kemampuan. Barulah setelah itu banyak bermunculan tokoh-tokoh yang berjasa dalam perkembangan PHP seperti Zeev Suraski dan Andi Gutmans yang menulis kembali parsing Engine unuk menciptakan PHP versi 3. PHP kemudian menjadi modul Apache yang paling sering digunakan.

6.    PERL (Practical Extraction and Report Language)

-----> Ekstensi File: .pl atau bisa apa saja

PERL merupakan bahasa pemrograman tingkat tinggi yang ditemukan oleh Larry Wall (1987). PERL memiliki kemampuan untuk dapat diterapkan pada hampir semua jenis Operating System dan yang terpenting, perl bisa didapatkan secara GRATIS!! Pada Web, eksekusi perl biasa dijalankan dengan CGI (Common Gateway Interface) sebagai mkanisme untuk menampilkan output text ke browser.

7.  ColdFusion

-----> Ekstensi File: .cfm

Coldfusion adalah sistem pengembangan aplikasi yang dikembangkan oleh Alaire. File-file CFM disimpan dalam bentuk plain text, sama halnya seperti PERL dan PHP sehingga siapapun dapat melihat isinya. Komponen utama Coldfusion adalah :

1) ColdFusion Application Server

2) ColdFusion Markup Language

3) ColdFusion Studio

8.    JHTML

-----> Ekstensi File: .jhtml

Bahasa standard JavaSoft keluaran SUN yang dicptakan untuk mengikutsertakan Java dalam sebuah file HTML ini memiliki tag tersendiri yang diproses sebelum mengirimkan output pada browser. JHTML hampir mirip dengan HTML, hanya saja memiliki tambahan tag <Java> .

9.    ASP (Active Server Page)

-----> Ekstensi file: .asp

ASP diciptakan khusus bagi server IIS milik microsoft. Bahasa ini merupakan bahasa pemrograman web yang dinamis. ASP dapat digunakan untuk mengeksekusi beragam request terhadap suatu database atau perintah-perintah pada system lokal.

Jenis dan Macam Website . . .

Teknologi web semakin banyak digunakan untuk pembuatan website, dari mulai yang sederhana  hingga web application. Jenis-jenis website baru pun mulai bermunculan dan dikembangkan oleh para developer. Website dengan jenis baru lahir sebagai pioneer atau prototype  bagi pengembang lain untuk mengembangkan jenis website serupa.

Berikut adalah jenis-jenis website yang beredar saat ini dan mulai menjadi trend :

·         Static Website (Website Statis)

Website Statis hanya memiliki front end, yaitu halaman-halaman situs yang bisa diakses oleh pengunjung. Kebanyakan web jenis ini dibuat dengan kode HTML tetapi ada juga yang dilengkapi dengan script javascript dan flash untuk memperindah tampilan. Konten website statis tidak memiliki fasilitas update. Untuk merubah isi website statis, harus merombak kode-kode HTMLnya.

Pembuatan website seperti ini relatif mudah tapi kurang baik untuk popularitas di mata search engine sehingga perlu usaha lebih banyak untuk mempopulerkan website statis dan mendatangkan pengunjung, misalnya dengan ber-iklan. Website statis biasanya berupa company profile sederhanya, brosur online, atau situs-situs yang berisi informasi sederhana yang tidak perlu dirubah.

·         Dynamic Website (Website Dinamis)

Website Dinamis biasanya memiliki front-end dan back end. Front end adalah halaman-halaman situs yang bisa diakses pengunjung, sedangkan back-end yang biasa disebut CMS (content management system) atau biasa juga disebut Admin Area, atau kalau di dunia blog dikenal dengan nama Dashboard, berfungsi untuk mengupdate halaman-halaman front-end. Jadi halaman back end biasanya hanya bisa diakses oleh pemilik atau pengelola situs dengan username dan password yang telah ditetapkan.

Pada halaman back-end  admin dapat melakukan sesuatu sesuai kebutuhan. Pada back-end admin bisa merubah isi tulisan-tulisan pada halaman situs, menambah tulisan atau artikel baru, mengupdate katalog produk seperti pada toko online, mengupdate portofolio, memanage iklan yang tampil di halaman situs, mengontrol user atau member situs dan lain-lain. Website dinamis juga bisa dibuat interaktif dimana pengunjung atau user bisa meninggalkan komentar, menuliskan artikel baru dan lain-lain tergantung fungsi dan tujuan situs tersebut.

Berbeda dengan website statis, pembuatan website dinamis jauh lebih rumit dan komplikatif tergantung fitur-fitur yang diinginkan. Yang pasti untuk membangun sebuah web dinamis tidak cukup dengan bahasa HTML biasa tapi juga harus mengabungkan antara Web Sever (Apache, IIS, Tomcat), bahasa pemograman/script yang bekerja di sisi server tersebut (PHP, Perl, ASP dll) serta database.

Website dinamis memiliki berbagai tipe dan terus berkembang berdasarkan fungsi, fitur dan tujuan pembuatannya, antara lain :

a.    News Site (Situs Berita) – berisi artikel atau berita yang diupdate secara rutin dan         pengunjung atau user bisa meninggalkan komentar (beberapa situs). Contoh : Detiknews, Antaranews, Reuters dan BBC.

b.  Social Network Site (Situs Jejaring Sosial) – seperti Friendster, MySpace, Facebook, Tagged dll

c.     Forum – dibuat khusus agar para member dapat berdiskusi sesuai dengan topik-topik yang     telah  ditetapkan. Untuk membuat forum diskusi biasanya menggunakan platform-platform yang sudah tersedia, baik yang berbayar seperti vBulletin ataupun yang gratisan seperti phpBB, SMF dan lain-lain. Contohnya : Kaskus, Detik forum, Rumah Motor, PHPBulider.com dll.

d.    e-Commerce atau Toko Online – dibuat khusus untuk menjual produk secara online. Umumnya dilengkapi dengan shopping cart (keranjang belanja) untuk memudahkan user/pengunjung berbelanja. Tapi sebagian juga hanya berupa catalog online yang lengkap dengan detil dan harga produk, untuk melakukan pembelian dapat dilakukan melalui email atau telepon. Contohnya : tokobagus, callosa, dasdus, dll.

e.   Search Engine (Mesin Pencari) – situs yang dibuat khusus untuk mencari informasi     sekaligus gateway ke halaman-halaman situs lain. Contoh Google, Yahoo, Bing, Altavista dll.

f.     Archive Site – Situs khusus dimana para pengguna dapat berbagi informasi dan disimpan dalam arsip-arsip elektronik. Contoh : Yahoogroups, Google Groups, Wikipedia, Archive.org dll

g.      Blog – pemilik (individu atau group) dapat mengupdate artikel, baik tulisan, gambar ataupun file multimedia lain secara rutin dimana semua entri tersusun berurutan dan memiliki fasilitas komentar buat pengunjung. Secara standar blog juga telah dilengkapi dengan sidebar yang full custom, fasiltas RSS dan permalink.

h.     Corporate/Company Website – berisi informasi-informasi umum dan kegiatan-kegiatan suatu perusahaan.

i.    Web Portal – adalah bentuk sederhana dari search engine dimana situs ini berisi informasi-informasi singkat dan link ke sumber yang berupa situs-situs lain.

j.   Community site (Situs Komunitas) – situs yang dibuat khusus untuk komunitas-komuntas tertentu untuk berbagi informasi yang terbatas.

k.       File Sharing – situs yang dibuat khusus untuk berbagi file, baik gambar, video, musik dan file-file digital lainnya. Ada yang berbayar adapula yang gratisan. Contoh : Photobucket, Flickr, Imageshack, Rapidshare, 4shared dll.

l.      Business Online Site – situs-situs yang dibuat dengan tujuan bisnis online. Ada banyak jenis bisnis online yang disediakan oleh situs-situs ini dan dibutuhkan 1 bahasan terpisah untuk membahas situs-situs yang menyelenggarakan bisnis online termasuk menawarkan pekerjaan-pekerjaan online.

masih banyak jenis-jenis website berdasarkan fitur dan peruntukannya, tetapi gambaran di atas sudah cukup jelas untuk menggambarkan jenis-jenis website dinamis yang umum ditemukan di internet.  Dan seiring kebutuhannya banyak website yang merupakan penggabungan dari jenis-jenis website yang ada diatas.

Sumber :

·         http://id.answers.yahoo.com/question/index?qid=20100111024240AAJ3jxb

·         http://opensource.telkomspeedy.com/wiki/index.php/Cuplikan_Sejarah_Web

·         http://blog.re.or.id/sejarah-web.htm

·         http://www.kamusilmiah.com/it/sejarah-world-wide-web/

·         http://theo.piluz.org/informasi_arsitektur_website.html

·         http://dfootballoverz.blogspot.com/2011/03/arsitektur-website.html

·         http://www.arrofi.com/wordpress/jenis-jenis-website