Teknologi Web Compress
Teknologi Web Compress
Materi Bulan 1
Bagian I
UTS : 25%
UAS : 35%
Tugas : 40%
WEB ?
Suatu ruang informasi di mana
sumber daya yang berguna diid
oleh pengenal global yang disebu
Resource Identifier (URI).
Cara Kerja Web
Sebuah halaman Web diakses
dengan cara menuliskan
URLnya atau mengikuti link
yang menuju kepadanya,
menggunakan browser Web
URL menunjukkan lokasi
dokumen yang dikelola oleh
sebuah server Web
URL diubah menjadi alamat IP
server Web ybs
Browser kemudian
mengirimkan request http ke
server Web
Server Web akan menjawab http://www.positive-change.co.uk
dengan memberikan dokumen
yang diminta, dalam format
HTML
WEB 1.0
Web 1.0 secara umum dikem
untuk pengaksesan informa
memiliki sifat yang sedikit inter
Sifat web 1.0 adalah read
Sumber : www.ilmukomputer.com
WEB 2.0
Menurut Tim O’Reilly, Web 2.0 dapat d
sebagai berikut:
“Web 2.0 adalah revolusi bisnis di indust
yang disebabkan oleh penggunaan inter
platform, dan merupakan suatu percob
memahami berbagai aturan untuk
keberhasilan pada platform baru terse
satu aturan terutama adalah: Membang
yang mengeksploitasi efek jaring
mendapatkan lebih banyak lagi penggu
tersebut”
Sifat dari web 2.0 adalah read write
Karakter WEB 2.0
Web sebagai platform
Data sebagai pengendali utama
Efek jaringan diciptakan oleh arsitektur partisipas
Inovasi dalam perakitan sistem serta situs dis
menyatukan fitur dari pengembang yang terd
independen (semacam model pengembangan "o
Model bisnis yang ringan, yang dikembang
gabungan isi dan layanan
Mudah untuk digunakan dan diadopsi oleh user
Teknologi yang dipakai adalah AJAX
Teknik yang digunakan
Cascade style to untuk bahan isi dan pre
Falksonomi (metoda penandaan conte
dengan konsep ini dimunculkan kata
berkaitan dengan content tersebut).
XML
Teknik Aplikasi Internet
HTML dan XHTML (eXtensible HyperT
Language).
Weblog-publishing tools
Wiki atau forum software,dll
AJAX..?
Asynchronous JavaScript and XMLH
disingkat AJaX, adalah suatu teknik pe
berbasis web untuk menciptakan aplikas
interaktif
Tujuannya adalah untuk memindahkan
besar interaksi pada komputer w
melakukan pertukaran data dengan
belakang layar, sehingga halaman web
dibaca ulang secara keseluruhan
seorang pengguna melakukan perubahan
The Web as Platform
Platform di sini adalah tempat suatu aplikasi dijalan
Contoh platform yang terkenal adalah Windows, di
aplikasi-aplikasi seperti Microsoft Office dan Adobe
Menggunakan Internet sebagai platform berarti apli
tersebut dijalankan langsung di atas Internet dan bu
satu sistem operasi tertentu. Contohnya adalah Go
bisa diakses dari sistem operasi mana pun. Contoh
adalah Flickr yang juga bisa diakses dari sistem op
pun.
Kelebihannya jelas, aplikasi-aplikasi Web 2.0 ini tid
dibatasi sistem operasi seperti pada Windows. Dan
tidak perlu menginstall apapun untuk menggunakan
aplikasi ini
Perbedaan
Yang menjadi kunci perbedaan dalam Web 2.0
adalah keterbatasan pada Web 1.0 yang m
pengguna internet untuk datang ke dalam web
dan melihat satu persatu konten di dalamnya.
Sedangkan Web 2.0 memungkinkan pengguna
melihat konten suatu website tanpa harus b
alamat situs yang bersangkutan.
Kemampuan web 2.0 dalam melakukan aktivi
drop, auto complete, chat, voice dapat dilaku
aplikasi desktop.
Contoh aplikasi WEB 2.0
WEB 3.0
Konsep ini dapat diandaikan sebuah
sebagai sebuah intelektualitas buata
(Artificial Intelegence)
Aplikasi – aplikasi online dalam web
dapat saling berinteraksi
Kemampuan interaksi ini dimulai de
adanya web service
WEB Service..?
Adalah aplikasi yang dapat diakses
aplikasi yang lain.
Menyimpan data dalam bentuk XML
Dapat diakses oleh multi platform.
Teknologi WEB 3.0
SOAP
(Simple Object Access Protocol) adalah s
bertukar pesan-pesan berbasis XML me
komputer atau sebuah jalan untuk program
pada suatu sistem operasi (OS) untuk b
dengan program pada OS yang sama mau
dengan menggunakan HTTP dan X
mekanisme untuk pertukaran data.
REST
Representational State Transfer atau tran
representasi, adalah suatu gaya arsitektur pe
untuk pendistibusian sistem hipermedia sepe
Teknologi WEB 3.0 (lanjutan)
WSDL (Web Service Description La
format XML yang diterbitkan untuk me
webservice.
WSDL mendefinisikan:
pesan-pesan (baik yang abstrak dan kongkrit) yang
menuju web service
koleksi-koleksi digital dari pesan-pesan (port type, a
Bagaimana port type yang ditentukan dijadikan wire
di mana servis ditempatkan.
WDDX
Web Distributed Data eXchange.
Mekanisme pertukaran data dari lingku
berbeda
Contoh WEB 3.0
Bagian II
Content Management Sy
Mengapa perlu CMS ?
Content dan Design
Content
Providers
CMS
Design
Template
CMS Basic
Web CMS
Keuntungan CMS
Konsistensi design website dapat dijaga
Tidak diperlukan keahlian khusus untuk
website
Content yang dikehendaki dapat dipublika
pengeditan oleh orang lain
Menghemat biaya untuk mempekerjakan we
WCMS Forum
Adalah website CMS yang menyedia
untuk proses diskusi secara online,
phpBB, MiniBB dan lainnya.
WCMS Gallery
Adalah website CMS yang menydiak
untuk menampilkan gallery foto. Misalny
Copermine dan lainnya.
Manfaat CMS
Managenent Data
Ini merupakan fungsi utama dari CM
data/informasi baik telah ditampilkan atau
dapat diorganisasikan dan disimpan s
Suatu waktu data/informasi tadi dapat dip
kembali sesuai dengan kebutuhan.
indikasi
Seidikasi memberikan kemungkinan kepada sebuah website u
isinya kepada website-website yang lain. Format data yang did
variatif, mulai dari rss, rdf, xml, hingga "backed scripting", sema
personalisai, sindkikasi juga dapat dilakukan dengan mudah ka
desain telah dibuat terpisah.
Akuntabilitas
Oleh karena CMS mendukung alur kerja dan hak akses yang je
penggunanya, data/informasi yang disimpan dapat dipertanggu
dengnan baik. Setiap penulis ataupun editor memiliki tugas ma
dengan hak akses yang berbeda-beda pula.
Kolaborasi di CMS
1. Department/Division Project Ma
o Bertanggung jawab terhadap website, pemimpin p
personal terhadap projek, membuat jadwal penger
o 2. Content Specialist
o Membuat/mengedit content, reporter, interviewer, dll.
Server/CMS Administrator
Bertanggung jawab dalam install dan konfigurasi CMS (term
patch/update, membuat account pengguna CMS dan hak-h
memantau performance server dan CMS.
Database Administrator
Mengelola dan membuat account pengguna database, bac
memantau performace server.
XML
Outline
Pendahuluan
Perbedaan antara XML dan HTML
Syntax XML
XML Parser
Tantangan
Apa XML itu?
XML kependekan dari eXtensible Markup Language, dik
mulai tahun 1996 dan mendapatkan pengakuan dari W3
Februari 1998.
It ought to be called the eXtensible Meta Language since it is a lan
create other languages ?
Teknologi XML adalah teknologi keturunan dari SGML (S
Generalized Markup Language, ISO 8879) yang dikemb
tahun 1980-an.
XML adalah suatu bahasa Markup, yaitu bahasa yang b
kode berupa tanda-tanda tertentu dengan aturan tertent
memformat dokumen teks dengan tag sendiri agar dapa
Contoh yang mirip : bahasa HTML, RTF, Wordstar
XML adalah language untuk mengidentifikasi dan menan
terstruktur.
Perbedaan XML dan HTML
XML HTM
Extensible set of tags Fixed set of
Content orientated Presentatio
Standard Data No data val
infrastructure capabilities
Allows multiple output Single pres
forms
Penulisan elemen XML
Penulisan elemen XML di mulai dengan start tag, d
dengan end tag dan data diantaranya.
Contoh:
<director> Stepen Chow </director>
Contoh elemen lain dengan nilai yang sama:
<actor> Stepen Chow </actor>
Tag-tag XML case-sensitive:
<CITY> <City> <city>
Nilai XML yang kosong dapat di ringkas, contoh:
<married> </married> dapat disingkat menjadi
<married/>
Penulisan elemen XML lanjt.
Aturan penulisan:
All elements must have an end tag.
All elements must be cleanly nested (o
elements are not allowed).
All attribute values must be enclosed in
marks.
Each document must have a unique fir
the root node.
XML Data Model
<BOOKS>
<book id=“123”
BO
loc=“library”> book
<author>Hull</author> loc=“library”
<title>California</title> ref
123
<year> 1995 </year>
</book>
author year
<article id=“555”
ref=“123”> title
<author>Su</author>
<title> Purdue</title> Hull 1995
</article> California
</BOOKS>
XML Parser
Untuk memproses dokumen XML dibutuhkan XML pars
program yang mampu melakukan decompose dokume
individual elemen. Ada dua kategori utama dari XM
Document Object Model (DOM) dan Simple API for XML
DOM adalah language neutral API untuk mengakses da
dokumen yang bercabang-cabang (tree base) seperti d
dan XML, DOM parser bekerja pada memory. Sedangk
adalah parser event base yang hanya digunakan u
dokumen XML. SAX bekerja dari registrasi event. S
bekerja lebih sederhana dibandingkan dengan DO
memiliki beberapa kekurangan yakni :
Ketika dokumen XML dibaca maka tidak ada represen
memory.
SAX parser tidak mampu melakukan modifikasi dokumen X