Dokumen tersebut memberikan ringkasan singkat tentang Web 2.0, termasuk prinsip-prinsipnya, contoh aplikasi seperti jejaring sosial dan penggunaan tag serta bookmark sosial, serta teknologi pendukung seperti AJAX dan framework seperti Ruby on Rails.
DIVE INTO WEB2.0 Oleh : Agung Surya P 5108100504 Safuwan 5108100502
2.
INTRODUCTION Web 2.0, adalah sebuah istilah yang dicetuskan pertama kali oleh O'Reilly Media pada tahun 2003, dan dipopulerkan pada konferensi web 2.0 pertama di tahun 2004. Web 2.0 , adalah generasi kedua layanan berbasis web, seperti situs jaringan sosial , wiki , perangkat komunikasi, dan folksonomi . Web 2.0 , menekankan pada kolaborasi online dan berbagi antar pengguna.
3.
APA ITU WEB2.0 Dive Into Web 2.0 memperkenalkan prinsip-prinsip, aplikasi, teknologi, perusahaan, model bisnis dan strategi monetisasi Web 2.0. Web 2.0, Istilah ini dipakai untuk menggambarkan aplikasi-aplikasi Internet generasi baru yang merevolusi cara menggunakan Internet. Kriteria utama web 2.0 adalah adanya konten yang bisa dibagi atau dikolaborasikan.
PRISIP-PRINSIP WEB 2.0Web sebagai platform partisipasi dari pengguna dalam berkolaborasi pengetahuan Data sebagai pengendali utama Akhir dari siklus Model bisnis yang ringan, yang dikembangkan dengan gabungan isi dan layanan Software tidak lagi terbatas pada perangkat tertentu Adanya kemajuan inovasi pada antar-muka (interface) di sisi pengguna
6.
KUNCI PERBEDAAN WEB1.0 & WEB 2.0 keterbatasan pada Web 1.0 yang mengharuskan pengguna internet untuk datang ke dalam website tersebut dan melihat satu persatu konten di dalamnya. Sedangkan Web 2.0 memungkinkan pengguna internet dapat melihat konten suatu website tanpa harus berkunjung ke alamat situs yang bersangkutan. Kemampuan Web 2.0 dalam melakukan aktivitas drag and drop, auto complete, chat, dan voice seperti layaknya aplikasi desktop, bahkan berlaku seperti sistem operasi, dengan menggunakan dukungan AJAX atau berbagai plug-in (API) yang ada di internet.
7.
SITUS WEB 1.0VS WEB 2.0 Web 1.0 Web 2.0 DoubleClick --> Google AdSense Ofoto --> Flickr Akamai --> BitTorrent mp3.com --> Napster Britannica Online --> Wikipedia personal websites --> blogging evite --> upcoming.org and EVDB domain name speculation --> search engine optimization page views --> cost per click screen scraping --> web services publishing --> participation content management systems --> wikis directories (taxonomy) --> tagging ("folksonomy")
8.
SEARCH Serach merupakansalah satu layanan pada web 2.0, sebagai contoh situs yang memanfaatkan layanan Search : Google Search Yahoo! MSN Ask Vertical Search Location-Based Search Attention Economy Creating Customized Search Engines Search Engine Optimization (SEO) Link Building Search Engine Marketing (SEM)
CONTENT NETWORK Adalahsitus Web atau kumpulan situs yang menyediakan informasi dalam berbagai bentuk (seperti artikel, wiki, blog, dll). Ini menyediakan cara lain untuk menyaring sejumlah besar informasi di Internet, dengan memungkinkan pengguna untuk pergi ke terpercaya situs yang telah disortir melalui banyak sumber untuk mencari yang terbaik telah menyediakan konten atau konten sendiri.
USER GENERATED CONTENTUser Generated Content (UGC), juga dikenal sebagai consumen generated media (CGM) atau user created content (UCC), mengacu pada berbagai jenis isi media, tersedia untuk umum, yang dihasilkan oleh pengguna akhir. Penggunaannya untuk berbagai aplikasi termasuk pengolahan masalah, berita, gosip dan penelitian mencerminkan media perluasan produksi melalui teknologi baru yang dapat diakses dan terjangkau kepada masyarakat umum.
14.
SOCIAL NETWORKING Web2.0 Jaringan Sosial menyediakan forum yang unik inovatif baik untuk menggambarkan kolaboratif dan aplikasi yang terbuka, dan berbagi data skenario, serta teknologi dan metodologi baru untuk membangun dan mengelola aplikasi tersebut.
SOCIAL MEDIA Socialmedia adalah media yang dirancang untuk disebarkan melalui interaksi sosial, yang dibuat menggunakan scalable sangat mudah diakses dan teknik penerbitan. Social media menggunakan internet dan teknologi berbasis web untuk mengubah media penyiaran (satu ke banyak) ke dalam dialog media sosial (banyak ke banyak).
21.
SOCIAL MEDIA Mediasosial dapat dikatakan memiliki tiga komponen ; Konsep ( seni, informasi, atau media ). Media ( fisik, elektronik, atau verbal ). Sosial antarmuka ( intimate direct , keterlibatan masyarakat, social viral , elektronik menyiarkan atau sindikasi, atau media fisik lainnya seperti cetak).
22.
SOCIAL MEDIA YouTubeInternet TV Digg Last.fm Digital Rights Management (DRM) Podcasting
23.
TAGGING - HISTORYAdalah bagian dari sifat kolaboratif Web 2.0 yaitu user generated setiap kata atau frasa yang membantu mengatur web konten dan label dalam cara yang lebih manusiawi. Meskipun set label standar memungkinkan pengguna untuk menandai konten secara umum, penandaan item dengan label yang dipilih sendiri menciptakan identifikasi yang lebih kuat dari konten.
24.
TAGGING - TAGCLOUDS Tag Clouds menampilkan visual dari tag dilihat oleh popularitas. Banyak situs Web 2.0 termasuk representasi grafis popular tags (popularitas tag ditandai dengan ukuran dari teks).
TAGGING - FLICKR adalah kunci Penandaan konten situs., Dimaksudkan sebagai suatu cara untuk mengorganisasikan koleksi foto pribadi, penandaan di situs populer karena masyarakat menjadi tertarik pada "pandangan global dari tagscape" (bagaimana orang lain yang tag foto). Pengguna dapat mencari foto menurut tag bermakna. Tag juga mendorong loyalitas ke situs, karena tag foto yang hilang jika pindah ke situs lain.
27.
TAGGING AND FOLKSONOMIESTangging dan folksonomies adalah awal dari sebuah "web of meaning“ Tanpa tangging, mencari gambar di Flickr akan seperti mencari jarum dalam tumpukan jerami raksasa Sistem penandaan Flickr memungkinkan pengguna untuk secara subyektif tag gambar dengan makna, membuat foto findable oleh mesin pencari
28.
TAGGING - TECHNORATI Technorati, sebuah mesin pencari media sosial, menggunakan tag untuk mencari blog yang relevan dan bentuk-bentuk media sosial.
29.
SOCIAL BOOKMARKING Bookmark sosial adalah metode untuk internet pengguna untuk berbagi, mengatur, pencarian, dan mengelola bookmark sumber daya web. Tidak seperti file sharing, sumber daya sendiri tidak dibagi, hanya penanda bahwa referensi .
SOFTWARE DEVELOPMENT Kunciuntuk pengembangan software Web 2.0 adalah KIS (keep it simple; keep it small) To-the-Point dan orang bisa mengetahui isi situs anda dalam 10 detik
33.
WEBTOP Memungkinkan Andauntuk menjalankan aplikasi web seperti dalam sebuah lingkungan desktop di web browser. Menggunakan web sebagai platform adalah bagian dari kemajuan menuju operating-system–independent applications. Penghapusan hambatan OS memungkinkan potensi penonton untuk setiap satu produk untuk menjadi lebih besar
34.
WEBTOP FOR DEVELOPERSWebtop SDK adalah cara tercepat bagi pengembang untuk menciptakan solusi Webtop dan memanfaatkan pengembangan platform OpenLaszlo Webtop berisi framework client-server untuk mendukung aplikasi ajax sisi server, diimplementasikan sebagai Java servlet sisi klien, yang termasuk libraries OpenLaszlo The OpenLaszlo servlet biasanya digunakan untuk mengkompilasi selama pengembangan aplikasi
SOFTWARE AS SERVICESoftware yang berjalan pada web server tidak di install di komputer clinet. Diakses oleh pelanggan "sebagai layanan" melalui Internet. Keuntungan Mudah di akses dari luar kantor Mudah dalam pemeliharaannya
OPEN SOURCE Dipopulerkanpada tahun 1998 dengan O'Reilly's Freeware Open Source Summit, yang sekarang dikenal sebagai OSCON Open source software adalah membebaskan source codenya untuk dilihat oleh orang lain memperbaiki kelemahan-kelemahan yang ada pada software tersebut dapat diperoleh dan digunakan secara gratis tanpa perlu membayar lisensi Keberadaan open source software ini sangat ditunjang oleh internet
RICH INTERNET APPLICATIONS(RIA) Rich Internet Applications (RIA) adalah aplikasi web yang menawarkan respons, "kaya" fitur dan fungsionalitas mendekati aplikasi desktop RIA adalah hasil teknologi hari ini yang lebih maju yang memungkinkan respon yang lebih cepat dan GUI yang user friendly
42.
43.
AJAX Istilah Ajax(Asynchronous JavaScript and XML) ini diciptakan oleh Adaptive Path's Jesse James Garrett pada Februari 2005. Memungkinkan perubahan halaman web secara parsial t anpa harus reload keseluruhan halaman Menciptakan GUI yang lebih responsif Teknologi yang membentuk Ajax (XHTML, CSS, JavaScript, DOM, XML, dan objek-XMLHttpRequest)
44.
MEKANISME PROSES AJAXWeb client merequest sebuah halaman PHP ke server melalui Javascript server akan merespon dan menjalankan script PHP Script PHP akan menghasilkan respon dalam bentuk XML dan data XML tersebut akan dikirim kembali ke web client untuk diolah oleh Javascript Hasil olahan javascript tersebut akhirnya akan ditampilkan di web client sebagai output tanpa harus merefresh halaman web
DOJO Dojo merupakanopen source JavaScript toolkit Dojo membantu standarisasi JavaScript dengan menyediakan berbagai paket untuk cross-browser compatibility
47.
FLEX Sebuah kerangkaRIA yang memungkinkan Anda untuk membangun aplikasi yang scalable, cross-platform Aplikasi kaya multimedia yang dapat disampaikan melalui Internet Menggunakan Flash Player 9 runtime environment Berorientasi objek bahasa scripting ini menggunakan model pemrograman asynchronous
48.
49.
SILVERLIGHT Sebelumnya dikenalsebagai Windows Presentation Foundation Everywhere (WPF / E) dan dirilis pada Mei 2007 Aplikasi Silverlight memiliki antarmuka pengguna yang dibangun di Extensible Application Markup Language (XAML)-Microsoft 's format berbasis XML untuk mendeskripsikan user interface Silverlight mensyaratkan developer dan user web untuk mendownload sebuah aplikasi client
JAVAFX JavaFX dariSun Microsystem merupakan tandingan untuk Flex dan Silverlight Dirancang untuk membangun Rich Internet Applications Terdiri dari JavaFX Script dan JavaFX Mobile JafaFX merupakan andalan Sun yang dibangun di atas platform Java yang mirip applet Saat ini JavaFX juga telah didukung oleh tool IDE populer seperti Netbeans
RUBY ON RAILSFamework Open Source yang didasarkan pada bahasa scripting Ruby Memungkinkan untuk membangun aplikasi database yang intensif dengan cepat, mudah, dan dengan lebih sedikit kode Menggunakan Arsitektur MVC Struktur Framework ActiveRecord (ORM umtuk akses Database) ActiveResource (Menyediakan Web Service) ActivePack ActiveSupport ActiveMailer
54.
55.
JAVASERVER FACES Frameworkaplikasi web berbasis Java JSF memisahkan elemen desain dari logika bisnis dan menyediakan serangkaian komponen user-interface (komponen JSF) yang membuat sederhana dalam pengembangan RIA Mempunyai pemisahan yang jelas antara komponen layer Model, View , dan Controller Ajax-Enabled
JSF - CONTROLLERLayer controller dari Faces yang terdiri dari controller servlet (FacesServlet), satu set file konfigurasi XML dan sebuah set action handler. FacesServlet bertanggung jawab untuk menerima permintaan dari client dan menjalankan operasi yang diperlukan untuk menghasilkan respon
Model ini kemudiandapat diakses dengan halaman Kita setelah dikonfigurasikan dengan baik dalam file konfigurasi faces-config.xml
61.
JSF - VIEW Menyediakan sebuah set komponen dan sebuah standardisasi API JSF menyediakan tag-tag custom dimana kita dapat menggunakan untuk menampilkan interface menggunakan JSP
ASP.NET AJAX ASP.NETAjax adalah extension framework .NET untuk menciptakan ASP.NET Ajax sangat mudah digunakan dalam Microsoft Visual Web Developer atau Microsoft Visual Studio untuk dengan cepat menciptakan Rich Internet Applications aplikasi Ajax-enabled
64.
ASP.NET AJAX ARCHITECTUREASP.NET AJAX Client Framework & Services ASP.NET AJAX Server Framework ASP.NET AJAX -enabled ASP.NET Pages Web Services (ASMX or WCF) HTML, Script, ASP.NET AJAX Markup ASP.NET AJAX Service Proxies ASP.NET 2.0 Application Services Page Framework, Server Controls ASP.NET AJAX Server Extensions ASP.NET AJAX Server Controls App Services Bridge Web Services Bridge Microsoft AJAX Library (Client Script Library) Controls, Components Script Core Base Class Library Component Model and UI Framework Browser Compatibility ASP.NET AJAX Client App Services Local Store Browser Integration
65.
SERVER-CENTRIC PROGRAMMING MODELBrowser “Application” Presentation (HTML/CSS) ASP.NET Application Services Page Framework, Server Controls ASP.NET AJAX Script Framework Client Application Services Component/UI Framework, Controls ASP.NET Application Pages UI Behavior (Managed Code) Input Data Updated UI + Behavior Initial Rendering (UI + Behavior)
66.
CLIENT-CENTRIC PROGRAMMING MODELBrowser “Application” Presentation (HTML/CSS) ASP.NET AJAX Service Proxies UI Behavior (Script) ASP.NET Application Services Page Framework, Server Controls ASP.NET Application Pages Web Services ASP.NET AJAX Script Framework Client Application Services Component/UI Framework, Controls Initial Rendering (UI + Behavior) Data Data
67.
ADOBE INTEGRATED RUNTIMEAND GOOGLE GEARS AIR memungkinkan pengguna untuk menjalankan aplikasi web Flex di desktop tanpa terhubung ke Internet Ketika sebuah server aplikasi SaaS down, user dapat melanjutkan pekerjaan mereka dan melakukan sinkronisasi dengan server lagi Google Gears adalah produk yang sama dengan AIR, memungkinkan penggunaan aplikasi web saat offline
WEB SERVICES Menyediakanlayanan (dalam bentuk informasi) kepada sistem lain Interoperabilitas dan interaksi antar sistem pada suatu jaringan Web service menyimpan data informasi dalam format XML
Web service memilikitiga entitas dalam arsitekturnya, yaitu: Service Provider: Berfungsi untuk menyediakan layanan/service dan mengolah sebuah registry agar layanan-layanan tersebut dapat tersedia Service Registry: Berfungsi sebagai lokasi central yang mendeskripsikan semua layanan/service yang telah di-register Service Requestor: Peminta layanan yang mencari dan menemukan layanan yang dibutuhkan serta menggunakan layanan tersebut.
Web service secarakeseluruhan memiliki empat layer komponen seperti pada gambar di atas: Layer 1: Protokol internet standar seperti HTTP, TCP/IP Layer 2: Simple Object Access Protocol (SOAP), merupakan protokol akses objek berbasis XML yang digunakan untuk proses pertukaran data/informasi antar layanan. Layer 3: Web Service Definition Language (WSDL), merupakan suatu standar bahasa dalam format XML yang berfungsi untuk mendeskripsikan seluruh layanan yang tersedia. Layer 4: UDDI (Universal Description, Discovery and Integration) adalah sebuah service registry bagi pengalokasian web service. UDDI mengkombinasikan SOAP dan WSDL untuk pembentukan sebuah registry API bagi pendaftaran dan pengenalan service
74.
APIS API (ApplicationProgramming Interface) memberikan akses ke aplikasi dengan layanan eksternal dan Sebagai contoh, API pemrograman tradisional, seperti Sun Java API, memungkinkan programmer untuk menggunakan metode yang sudah ditulis dan fungsi dalam program mereka database Layanan web API kini ditawarkan oleh beberapa situs web sebagai cara untuk berbagi beberapa fungsi mereka dan informasi di Internet
75.
MASHUPS Mashup menggabungkankonten atau fungsionalitas dari web service yang ada, website dan RSS feed untuk melayani tujuan baru Sebagai contoh Housingmaps.com adalah Mashup dari Google Maps dan Craigslist real-estate listing untuk membuat peta rumah yang masih tersedia Secretprices.com adalah gabungan Amazon.com, Epinions.com and Shopping.com untuk membuat perbandingan Mashup dengan peta yang sangat populer, seperti juga mashup menggunakan RSS feed
76.
77.
WIDGETS AND GADGETSWidget dan gadget adalah aplikasi mini yang dirancang untuk berjalan baik sebagai aplikasi yang berdiri sendiri atau sebagai tambahan pada fitur-fitur di halaman web Digunakan untuk mempersonalisasi pengalaman internet Anda dengan menampilkan real-time kondisi cuaca, agregasi RSS feed, melihat peta, menerima event remainder, menyediakan akses mudah ke mesin pencari dan banyak lagi
78.
79.
AMAZON WEB SERVICESAmazon adalah penyedia layanan web, menyediakan data harga historis dan E-Commerce Services (ECS), yang memungkinkan perusahaan untuk menggunakan sistem Amazon untuk menjual produk mereka sendiri Amazon juga menawarkan hardware dan infrastruktur komunikasi layanan web yang sangat populer dengan perusahaan-perusahaan Hal ini memungkinkan bagi perusahaan untuk menghemat uang (dengan tidak harus membeli dan memelihara perangkat keras baru, perangkat lunak dan peralatan komunikasi)
80.
REST REST (Representational State Transfer) adalah suatu gaya arsitektur perangkat lunak untuk pendistibusian sistem hipermedia seperti WWW REST Meskipun bukan standar, RESTful di implementasikan dengan standard web Setiap operasi RESTful web service dapan dengan mudah mengidentifikasi URL, sehingga ketika service menerima request, langsung akan tau operasi apa yang harus dilakukan. RESTful web services merupakan alternatif untuk diimplementasikan dengan SOAP(Simpe Object Access Protocol)
81.
LOCATION-BASED SERVICES Location-BasedServices (LBS) adalah aplikasi yang mengambil lokasi geografis (kota, negara, lokasi perangkat mobile Anda, dll) Sementara istilah umumnya mengacu ke layanan yang diakses pada perangkat mobile menggunakan Global Positioning System (GPS) Search engine termasuk Yahoo! Lokal dan Google Maps menggunakan lokalisasi untuk menyediakan konten yang relevan secara geografis Layanan berbasis lokasi menjadi semakin populer di Web 2.0
82.
GLOBAL POSITIONING SYSTEM(GPS) Dikembangkan oleh Departemen Pertahanan Amerika Serikat, menggunakan banyak satelit yang mengirimkan sinyal ke sebuah penerima GPS untuk menentukan lokasi yang tepat Pada 1980-an, Departemen Pertahanan membuka GPS untuk sipil Sejumlah Location-Based Service sekarang tersedia menggunakan teknologi GPS, seperti GPS yang dipasang pada mobil untuk melajak keberadaannya (digunakan Taxi), atau GPS pada handphone sehingga dapat mengetahui keberadaan yang menggunakan handphone tesebut
83.
MAPPING SERVICES GoogleMaps adalah salah satu yang paling populer aplikasi pemetaan yang tersedia secara online Dengan Google Maps dapat digunakan untuk menemukan lokasi bisnis yang stategis, mendapatkan petunjuk arah dan hidup informasi lalu lintas Google Earth menyediakan gambar satelit dari hampir setiap lokasi di planet ini MapQuest, yang dimiliki oleh AOL, juga menyediakan layanan pemetaan serupa.
84.
85.
GEORSS AND GEOTAGGINGSatu set standar untuk mewakili informasi geografis dalam feed Informasi lokasi dan geografis pada GeoRSS feed dapat digunakan pada perangkat GPS, aplikasi pemetaan dan location base service lainnya Geotagging dapat digunakan untuk menambah informasi lokasi (bujur, lintang, dll) ke situs web, gambar, RSS feed, video dan banyak lagi Situs Web yang dapat menentukan lokasi pengguna dengan melihat alamat IP
86.
XML XML (ExtensibleMarkup Language), yang dikembangkan pada tahun 1996 oleh World Wide Web Consortium (W3C), adalah sebuah bahasa markup yang memungkinkan untuk memberi label data berdasarkan maknanya XML menggambarkan data dalam cara yang bermakna bagi manusia dan komputer Dokumen XML adalah file teks dengan ekstensi .xml XML juga dapat digunakan untuk membuat custom markup language(misalnya, XHTML untuk konten web, CML untuk kimia, MathML untuk konten dan formula matematika
RSS AND ATOMSitus yang menawarkan RSS dan Atom feeds dapat menjaga “ketersambungan" dengan para pembacanya. Pengguna tidak lagi harus secara berkala mengunjungi situs-situs untuk update informasi, dengan berlangganan ke feed situs, pengguna menerima update informasi baru yang diposting Sebagian besar browser web mendukung RSS dan Atom feed, dan banyak agregator (atau pembaca feed) tersedia untuk membantu pengguna mengatur langganan mereka
JSON JavaScript ObjectNotation (JSON) dikembangkan pada tahun 1999 sebagai alternatif ke JSON berbasis teks data interchange format yang digunakan untuk mewakili objek JavaScript sebagai string dan mengirimkan melalui jaringan XML JSON biasanya digunakan dalam aplikasi Ajax
91.
VOIP (VOICE OVERINTERNET PROTOCOL) Nama lain dari internet telephony Internet telephony adalah hardware dan software yang memungkinkan pengguna Internet untuk media transmisi panggilan telepon Keuntungan yang dapat diambil Biaya lebih murah dari tarif telepon tradisional Kelemahan yang ada Sulit mengirimkan fax Perlu jalur internet yang cepat, biasanya backbone diharuskan menggunakan Fiber optic Susah untuk menentukan emergency call
CONTOH JSON Contohberikut menunjukkan representasi JSON untuk suatu objek yang mendeskripsikan seseorang.
94.
WEB 2.0 BUSINESSMODELS Teknologi dan sifat kolaboratif Web 2.0 telah membuka model bisnis baru Advertising exchange Affiliate network Blog Internete TV Internete Radio Social networking Online advertising
95.
96.
SEMANTIC WEB RealisasiSemantic Web yang sangat bergantung pada XML dan teknologi berbasis XML, yang membantu membuat konten web lebih dimengerti oleh komputer.
97.
MICROFORMATS Microformats adalahstandar format untuk mewakili informasi agregat yang dapat dipahami oleh komputer, sehingga hasil pencarian yang lebih baik
98.
RDF Resource DescriptionFramework (RDF), yang dikembangkan oleh World Wide Web Consortium (W3C), didasarkan pada XML dan digunakan untuk menjelaskan konten dalam cara yang dimengerti oleh komputer RDF membantu menghubungkan database yang terisolasi di seluruh web dengan semantics yang konsisten RDF terdiri dari dua lembar informasi (subyek dan obyek) dan fakta yang menghubungkan (predicate)
99.
ONTOLOGIES Ontologi adalahcara mengatur dan menggambarkan item terkait, dan digunakan untuk merepresentasikan semantik Cara lain untuk katalogisasi konten Internet dengan cara yang dapat dipahami oleh komputer
100.
WHERE TO GOFOR MORE WEB 2.0 INFORMATION Daftar beberapa resource populer untuk Web 2.0