1. PEMROGRAMAN BERBASIS WEB
TUGAS
MERANGKUM TEKNOLOGI WEB
Disusun oleh:
(Lia Ririn Astutik)
(1210651147)
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2013

2. 1. Buat rangkuman tentang teknologi web
Teknologi Web
Web adalah jaringan computer yang terdiri dari kumpulan situs internet yang menawarkan teks, grafik,
suara, dan sumber daya animasi melalui protocol transfer hypertext. Orang banyak mengenal web
dengan istilah WWW (world wide web), World Wide Web adalah layanan internet yang paling popular
saat ini internet mulai dikenal dan digunakan secara luas setelah ada layanan WWW. WWW adalah
halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang
membentuk samudra belantara informasi. WWW berjalan dengan protocol HyperText Transfer Protokol
(HTTP). Halaman Web merupakan file text murni (plain text) yang berisi sintaks-sintaks HTML yang dapat
dibuka, dilihat, diterjemahkan dengan Internet Browser. Sintaks HTML mampu memuat konten text,
gambar, audio, video dan animasi. Kini internet identik dengan web, karena kepopuleran web sebagai
standar interface pada layanan-layanan yang ada di internet, dari awalnya sebagai penyedia informasi,
ini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan
transaksi bisnis (commerce).
Web memiliki kemampuan link yang sangat bagus. Keistimewaan inilah yang telah menjadikan Web
sebagai service yang paling cepat pertumbuhannya. Web mengizinkan pemberian highlight pada kata
atau gambar dalam sebuah dokumen untuk dihubungkan ke media lain seperti dokumen, frase, movie
clip, atau file suara. Dengan sebuah browser yang memiliki Graphical User Interface (GUI), link-link dapat
dihubungkan ke tujuannya dengan menunjuk link tersebut dengan mouse dan menekannya. Sistem
informasi yang terdistribusi oleh web berbasis hypertext. Dokumen yang menjadi unsur utama di dalam
web dapat dinyatakan dalam beberapa tipe. Tipe yang paling populer adalah dokumen hypertext yang
disusun menurut bahasa khusus, seperti Hypertext Markup Language (HTML) sedangkan untuk interaktif
web atau dynamic page terdapat banyak pilihan, salah satunya adalah PHP Hypertext Preprocessor
(PHP).
Banyak keuntungan yang diberikan oleh aplikasi berbasis web dari pada aplikasi berbasis desktop,
sehingga aplikasi berbasis web telah diadopsi oleh perusahaan sebagai bagian dari strategi teknologi
informasinya,karena beberapa alasan :
1.
2.
3.
4.
Akses informasi mudah
Setup server lebih mudah
Informasi mudah didistribusikan
Bebas platform, informasi dapat disajikan oleh browser web pada system operasi mana saja
karena adanya standar dokumen berbagai tipe data dapat disajikan .
Macam-macam Teknologi Web :
Web 1.0

3. Merupakan teknologi Web generasi pertama yang merupakan revolusi baru di dunia Internet
karena telah mengubah cara kerja dunia industri dan media. Pada dasarnya, Website yang
dibangun pada generasi pertama ini secara umum dikembangkan untuk pengaksesan informasi
dan memiliki sifat yang sedikit interaktif. Berbagai Website seperti situs berita “cnn.com” atau
situs belanja “Bhinneka.com” dapat dikategorikan ke dalam jenis ini. Ciri utama dari era ini
adalah informasi yang bersifat statis.
Ciri-ciri web 1.0






Website umumnya bersifat static yang jarang berubah atau samasekali tidak berubah
Website umumnya tidak interaktif
umumnya teknologi yang dipakai adalah teknologi tertutup
Kebanyakan desain webnya menggunakan Frame
Tampilan kombinasi warna dan textnya terlihat norak karena hanya terbatas pada 16 warna dan
6 jenis font
Informasi yang ada umumnya berupa berita text dan gambar
Teknologi web 1.0




HTML dasar, CSS dasar dan Javascript
Flash dan Java applet
Browser populer adalah Netscape dan Internet Explorer
koneksi internet masih dial up maximal 56kbps
Web 2.0
Web 2.0 adalah revolusi bisnis di industri komputer yang disebabkan oleh penggunaan internet
sebagai platform, dan merupakan suatu percobaan untuk memahami berbagai aturan untuk
mencapai keberhasilan pada platform baru tersebut. Salah satu aturan terutama adalah:
Membangun aplikasi yang mengeksploitasi efek jaringan untuk mendapatkan lebih banyak lagi
pengguna aplikasi tersebut” Berbagai layanan berbasis web seperti jejaring sosial, wiki dan
folksonomies (misalnya: “flickr.com”, “del.icio.us”) merupakan teknologi Web 2.0 yang
menambah interaktifitas di antara para pengguna Web. Ciri khas dari era ini adalah user
generated content dan jejaring social.
Ciri dari web 2.0








Website bersifat dinamis dan interaktif dengan adanya teknologi AJAX
User bukan hanya sebagai konsumen tetapi juga sebagai produsen informasi dalam istilah
populer adalah user generated content(contoh youtube atau wikipedia)
Teknologi yang dipakai umumnya open source
desain web menggunakan CSS layout
Informasi terdiri dari text, gambar, audio, video dan animasi
Web sebagai media berkomunikasi dan berkolaborasi
Jejaring social mendominasi di era ini.
Munculnya startup

4. 
Munculnya jenis website seperti microbloging, photo dan video sharing, online bookmarking,
blog dan jejaring social
Teknologi di Web 2.0








Ajax dan jQuery serta Javascript library mendominasi
Meningkatnya penggunaan HTML5 dan makin menurunnya pengguna Flash
Mobile Web dan Responsive web design
XML dan JSON untuk pertukaran data
Web API dan Mashup (Mashup adalah istilah menggabungkan beberapa layanan menjadi satu,
contoh menampilkan tweet di Google maps)
Browser yang popular adalah Chrome,safari dan Firefox
koneksi internet menggunakan broadband (>1MB/s)
Android dan iOS mendominasi pengguna mobile web.
Web 3.0
Web 3.0 adalah generasi selanjutnya dari teknologi web. Web 3.0 adalah sekumpulan teknologi
yang menawarkan cara baru yang efisien dalam membantu komputer mengorganisasi dan
menarik kesimpulan dari data online. Ciri dari web 3.0 ada pada akses mobile, Semantic web dan
personalifikasi. Beberapa website yang dianggap merupakan cikal bakal dari web 3.0 adalah
Instagram. Instagram disebut sebut sebagai awal dari generasi web 3.0 karena layanan ini hanya
tersedia lewat mobile Device.
Ciri ciri





Integrasi web kedalam produk Rumah tangga seperti TV, Kulkas atau Jendala pintar atau home
entertainment contoh produk ini adalah Smart windows dari samsung atau Google Nexus Q
Semantic Web, Contoh dari penggunaan dari semantic web adalah Knowledge graph di Google
Search
Natural language prosesing. Perintah menggunakan suara. Contohnya adalah Siri, Voice Action
Android atau Voice search di Google
Location based service dan personifikasi informasi. Web tidak lagi memberikan informasi,
namun solusi. Contoh layanan ini adalah Layar dan Google Now.
Komputer (dan web) yang bisa dipakai , Contoh dari produk ini adalah Google glass.
Teknologi web 3.0
Untuk teknologi yang mendominasi web 3.0 adalah sbb:






Semantic Web (Contoh knowledge graph)
Artificial Intelegence (Siri)
Realtime comunication & colaboration (Google docs, Google Wave)
Augment Reality (Layar, aplikasi di android)
Computer generated Information (Contoh Wolfram Alpha)
HTML5 dan Cloud teknologi

5. 2. Cari web sesuai tema yang dirangkum
1. W i k i p e d i a
Wikipedia adalah proyek ensiklopedia multibahasa dalam jaringan yang bebas dan terbuka,
yang dijalankan oleh Wikimedia Foundation, sebuah organisasi nirlaba yang berbasis di Amerika
Serikat. Nama Wikipedia berasal dari gabungan kata wiki dan encyclopedia. Wikipedia dirilis
dan kini merupakan karya referensi paling besar, cepat berkembang, dan popular di internet.
Proyek Wikipedia bertujuan untuk mengumpulkan seluruh ilmu pengetahuan manusia.
Contoh situs: www.wikia.com, www.wikitravel.org , www.wikipedia.com
2. W e b l o g
Weblog adalah singkatan dari Web log. Blog atau weblog adalah sebuah website yang
didalamnya berisikan tulisan yang dapat dimanfaatkan sebagai buku harian, jurnal, portal berita
dan lain sebagainya.Pada prinsipnya sebuah weblog adalah rangkaian tulisan yang diorganisir
berdasarkan waktu (tanggal dan jam) publikasi.
Contoh situs: www.wordpress.com www.blogspot.com atau
www.blogger.comhttp://blog.163.com www.blogdrive.com
3. S o c i a l N e t w o r k S e r v i c e s
Social network services (layanan jaringan social) adalah layanan yang ada di internet dimana
mengijinkan anggotanya untuk saling berinteraksi dengan member lainnya yang berada di
belahan dunia lainnya yang memiliki kesamaan minat atau kegiatan dan saling sharing minat
atau kegiatan.Contoh situs: www.facebook.com, www.myspace.com , www.yuwie.com
4.F o l k s o n o m y
Folksonomy adalah sebuah metode untuk menciptakan dan mengatur tag yangmenjelaskan dan
mengategorikan content. Tag tersebut umumnya merupakan hyperlink yang akan mengarahkan
Anda pada sekumpulan item yang berhubungan dengan tag tersebut. Bentuk tag tidak selalu
harus berupa teks,tetapi dapat juga berupa image. Sekumpulan tag yang saling terkait dengan
persamaan bentuk sering juga disebut tag cloud, umumnya tag cloud memiliki 30hingga 150
tag.Contoh situs:http://digg.comhttp://delicious.comhttp://askeet.com
5. V i d e o I n t e r n e t
Video internet adalah sebuah layanan yang diberikan kepada user agar dapatberkreativitas
dengan video. User dapat membuat video buatan sendiri kemudian memuatnya sehingga dapat
disaksikan oleh jutaan penonton di seluruh dunia.
Contoh situs: www.youtube.com www.metacafe.com