banner

Senin, 29 April 2013

Arsitektur Web


ARSITEKTUR WEB

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

Bagian-bagian dari arsitektur web :

- HTTP 


image Hypertext Transfer Protocol (HTTP) adalah sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia. Penggunaannya banyak pada pengambilan sumber daya yang saling terhubung dengan tautan, yang disebut dengan dokumen hiperteks, yang kemudian membentuk World Wide Web pada tahun 1990 oleh fisikawan Inggris, Tim Berners-Lee. Hingga kini, ada dua versi mayor dari protokol HTTP, yakni HTTP/1.0 yang menggunakan koneksi terpisah untuk setiap dokumen, dan HTTP/1.1 yang dapat menggunakan koneksi yang sama untuk melakukan transaksi. Dengan demikian, HTTP/1.1 bisa lebih cepat karena memang tidak usah membuang waktu untuk pembuatan koneksi berulang-ulang.
Pengembangan standar HTTP telah dilaksanakan oleh Konsorsium World Wide Web (World Wide Web Consortium/W3C) dan juga Internet Engineering Task Force (IETF), yang berujung pada publikasi beberapa dokumen Request for Comments (RFC), dan yang paling banyak dirujuk adalah RFC 2616 (yang dipublikasikan pada bulan Juni 1999), yang mendefinisikan HTTP/1.1.

HTTP adalah sebuah protokol meminta/menjawab antara klien dan server. Sebuah klien HTTP (seperti web browser atau robot dan lain sebagainya), biasanya memulai permintaan dengan membuat hubungan ke port tertentu di sebuah server Web hosting tertentu (biasanya port 80). Klien yang mengirimkan permintaan HTTP juga dikenal dengan user agent. Server yang meresponsnya, yang menyimpan sumber daya seperti berkas HTML dan gambar, dikenal juga sebagai origin server. Di antara user agent dan juga origin server, bisa saja ada penghubung, seperti halnya proxy, gateway, dan juga tunnel.
KARAKTERISTIK:
  1. bersifat non-sekuensial (non- linier),
  2. ditampilkan dalam media elektronik,
  3. bisa digabungkan dengan berbagai media (multi- media),
  4. interaktif terhadap pembaca.

-        HTML
imageHTML merupakan singkatan dari HyperText Markup Language yaitu sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML. dengan kata lain HTML 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)

KARAKTERISTIK:
  1. File text biasa hanya saja terdapat TAG / ELEMENT
  2. Penulisan TAG selalu diawali tanda < dan diakhiri tanda >
            Contoh : , , </span></p> <ul style="text-align: justify;"> <li class="MsoNormal" style="line-height: normal;"><span style="font-size: 12pt; font-family: "Times New Roman","serif";">Bersifat <b>incase sensitif</b>, contoh <hr> = <hr> = <hr> <br><br>Ada 2 jenis TAG :</span></li> </ul> <p class="MsoNormal" style="line-height: normal; text-align: justify;"> <span style="font-size:12.0pt;font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman"">       1. TAG yang berpasangan          <title>    
            Empty TAG                           

       2. TAG bisa memiliki atribut dan memiliki value
.          Contoh: SRC
=“button.gif”>

-      URL
imagepengertian 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 istilahuniform resource identifer URLyang lebih umum sifat nya.

KEGUNAAN:
  • 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

-         XML
imageXML (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.

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. Selain itu XML bukanlah solusi semua hal untuk tujuan semua user.

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

-         Java Script

imageJavascript 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.
 
KEGUNAAN:
1. Mudah
Bahasa Java Script merupakan bahasa yang mempunyai sedikit syntax dan semua perintah memakai bahasa inggris sederhana dan mudah untuk dihafalkan. 
2. Cepat
Java Script tidak memerlukan kompilasi terlebih dahulu, kita bisa langsung dicoba pada browser tanpa harus menunggu proses kompilasi. 
3. Ukuran Kecil
Java Script memliki ukuran yang relatif kecil ketimbang bahasa pemrograman Java, Hal ini berguna sekali bagi yang mempunyai kapasitas server webiste yang kecil. 
4. Terbuka
Java Script dapat berjalan pada berbagai platfrom, seperti Windonws, Unix, Linux Dll.

-         AJAX

image AJAX (Asynchronous Javascript and XML) adalah suatu teknik pemrograman berbasis web untuk menciptakan suatu web yang lebih interaktif dan responsif. Responsivitas dan interaktifitas halaman web diperoleh dengan melakukan pertukaran data server secara “balik layar”, sehingga halaman web tidak perlu reload setiap kali user melakukan aksi. AJAX merupakan kombinasi antara HTML, CSS, XML, Javascript, dan Server side scripting.

 

KEUNGULAN:

AJAX adalah tanpa reload halaman, karena pertukaran data berada di belakang layar, kemudian kecepatan transfer data antara client ke server lebih ringan karena hanya data saja yang diperlukan.




Contoh Website :







Senin, 18 Maret 2013

Mengenal WEB



















1.DEFINISI WEBSITE

Website yang kita tahu adalah sebuah halaman dimana kita bisa mendapatkan sebuah informasi yang penting dan yang kita butuhkan. Pada jaman sekarang banyak sekali website yang telah dibuat untuk berbagi informasi dan pengetahuan, bahkan website sekarang juga sudah menjadi sarana entertainment seperti website streaming video dan bermain game. Tetapi jaman sekarang juga banyak yang menyalah gunakan halaman website untuk kejahatan dan kecurangan, dari menghack suatu akun seseorang, dll. 

Jika secara makna yang meluas  WEBSITE adalah sekumpulan halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan sebuah komponen yang terdiri dari teks, gambar, suara animasi sehingga menjadi media informasi yang menarik untuk dikunjungi oleh orang lain.


2.SEJARAH WEBSITE

Penemu situs web adalah Sir Timothy John ¨Tim¨ Berners-Lee, sedangkan situs web yang tersambung dengan jaringan pertamakali muncul pada tahun 1991. Maksud dari Tim ketika merancang situs web adalah untuk memudahkan tukar menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja. Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.

Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu, atau menunjukkan kepemilikan dari suatu organisasi, perusahaan. biasanya pembahasan dalam sebuah situs web merujuk pada sebuah ataupun beberapa topik khusus, atau kepentingan tertentu. Sebuah situs web bisa berisi pranala yang menghubungkan ke situs web lain, demkian pula dengan situs web lainnya. Hal ini terkadang membuat perbedaan antara situs web yang dibuat oleh individu ataupun perseorangan dengan situs web yang dibuat oleh organisasi bisnis menjadi tidak begitu jelas.

Situs web biasanya ditempatkan pada server web. Sebuah server web umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk menangani pengaturan nama ranah, serta menangani layanan atas protokol HTTP yang disebut sebagai Server HTTP (bahasa Inggris: HTTP Server) seperti Apache HTTP Server, atau Internet Information Services (IIS).


3. JENIS-JENIS WEBSITE
 
Jenis-jenis WEBSITE itu di bagi menjadi dua yaitu :

1. Web Statis Merupakan jenis Website yang mana penggunanya tidak bisa merubah kontent dari Web tersebut secara langsung menggunakan Browser. Interaksi yang terjadi antara pengguna (client) dan server hanyalah seputar pemrosesan link saja. Jenis Web seperti ini menggunakan Client Side Script yang mana script-script yang dapat dimengerti oleh komputer Client saja (Browser) seperti HTML, JavasScript, DHTML, CSS, dan lain sebagainya.

2. Web Dinamis Merupakan jenis Website dengan interaksi yang terjadi antara pengguna dan server sangat kompleks. Di mana seseorang (Client) dapat mengubah Content dari halaman tertentu dengan menggunakan Browser. Request yang dikirimkan oleh pengguna dapat diproses oleh server untuk kemudian ditampilkan dalam isi yang berbeda-beda menurut alur programnya.

Jenis Web seperti ini menggunakan Server Side Script yaitu bahasa pemrograman yang dapat diproses oleh server untuk kemudian ditampilakn di Browser pengguna Client Side Script. Contoh dari Web Dinamis yaitu forum-forum diskusi yang banyak tersebar di Internet. Pada forum tersebut kita bisa mengisi Content dari Web tersebut, mengubah data diri dan mengirimkan pesan.

4. PEMANFAATAN WEBSITE

berikut ini adalah jenis-jenis pemanfaatan website :

1. Basic
Secara basicly website disediakan untuk publikasi informasi. Adapun informasi yang akan disediakan adalah beraneka ragam dari profile pribadi hingga company profile.
Fokus situs ini adalah publikasi informasi
2. Search Engine
Situs search engine adalah situs yang menyediakan mesin pencari. Search engine secara otomatis mencari dan menyimpan data-data situs yang beredar di internet. Adapun materi yang dapat dicari adalah segala sesuatu yang tergabung di dalam website yang terhubung di internet. Seperti mencari sebuah alamat website, file-file multimedia dan grafis yang terkandung di dalam website. Dalam hal ini situs-situs lain berlomba-lomba untuk menduduki tempat tertinggi untuk dapat di cari oleh search engine.
Fokus situs ini adalah sebagai mesin pencari situs lain
3. Portal
Situs jenis portal merupakan pintu gerbang bagi situs lain seperti halnya juga search engine. Tetapi di dalam portal situs-situs tersebut lebih disusun untuk disajikan. Berbeda dengan search engine situs-situs tersebut bukan dicari datanya secara otomatis oleh mesin pencari tetapi disimpan dan dikelola oleh pengelola portal secara dictionary. Umumnya portal-portal besar juga menyediakan layanan internet lain seperti email bagi member dan lain-lain.
Fokus situs ini adalah sebagai gerbang dan facebook bagi situs lain
4. Blog
Blog merupakan buku harian yang terpublish di internet. Seorang pengelola blog dapat dengan bebas menuangkan pikirianya dalam bentuk tulisan ke dalam website ini. Tulisan tersebut selanjutnya disimpan di database dan di publish di internet. Fungsional situs ini adalah publikasi dalam bentuk artikel di internet.
Fokus situs ini adalah manajemen artikel
5. Networking
Situs jenis networking adalah situs penyedia yang menampung member-member untuk membentuk suatu komunitas. Sehingga member-member di dalam website tersebut dapat saling berkomunikasi dan bertukar pikiran. Di dalam website ini sesama member dapat saling berkenalan dan menjalin relasi satu sama lain. Pertukaran pesan dan testimonial pun terjadi diantara member yang belum atau sudah menjalin relasi.
Fokus situs ini adalah friend relationship atau berteman dan berkomunitas di dalam internet
6. Forum
Forum adalah situs membership seperti networking juga. Tetapi tidak berfokus pada friend relationship seperti situs networking. Situs ini lebih berfokus sebagai ajang diskusi di internet. Adapun diskusi dalam bentuk tulisan yang diposting oleh member di organisasikan dengan lebih baik hingga perkategori yang terdiri dari berbagai sub-sub. Tujuan situs ini adalah wadah saling bertukar pikiran dalam diskusi.
Fokus situs ini adalah forum diskusi online
7. News
News site adalah situs yang mengelola berita untuk di publish ke internet. Pengelola website dapat mengelola yaitu antara lain menulis dan memanage berita. Kemudian user internet dapat melihat informasi berita tersebut melalui website.
Fokus situs ini adalah manajemen berita
8 . Event Organizer
Situs jenis ini adalah situs yang mengelola manajemen informasi pengadaan acara. Informasi yang disajikan situs ini biasanya berorientasi waktu, misalnya informasi kapan diadakannya sebuah event, event yang terlewatkan dan event yang akan diadakan nantinya. Di dalamnya juga terdapat keterangan deskripsi tentang event tersebut dan judul event.
Fokus situs ini adalah manajemen informasi event
9. Gallery
Gallery site menyediakan fasilitas publikasi foto dan gambar secara online. Pengelola website dapat menyimpan foto atau gambar yang diinginkan lalu dikategorikan dan di manage setelah itu di publish.
Fokus situs ini adalah publikasi foto dan gambar
10. Multimedia Streaming
Video streaming dan audio streaming sekarang merupakan trend baru dari dunia website. Di dalam situs jenis ini seseorang dapat menonton atau mendengarkan secara langsung multimedia melalui web. Untuk membangun situs ini diperlukan server yang memiliki koneksi internet yang high dan up stream, ini dikarenakan file-file multimedia yang relatif berukuran besar.
Fokus situs ini adalah publikasi audio dan video online
11. E-Commerce
Situs dengan sistem e-commerce adalah situs yang bertujuan untuk melakukan perdagangan melalui media internet. Pengelola dapat mengorganisir barang-barang yang ingin dijual lalu mempublikasikan secara online beserta harganya. Ada juga yang menyediakan transaksi online melalui website ini. Yang jelas dalam hal ini website dimanfaatkan sebagai toko di dalam internet.
Fokus situs ini adalah perdagangan online
12. E-Learning
E-Learning merupakan situs yang menyediakan pembelajaran online melalui internet. Pembelajaran dilakukan melalui berbagai media seperti tulisan, gambar hingga multimedia.
Fokus situs ini adalah pembelajaran online



Sumber :