Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · •...

51
AMTI Web 2.0 dan Social Networks

Transcript of Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · •...

Page 1: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

AMTI

Web 2.0 dan Social Networks

Page 2: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •
Page 3: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

WEB 1.0

• Web 1.0 secara umum dikembangkan untuk pengaksesan informasi dan memiliki sifat yang sedikit interaktif

• Sifat web 1.0 adalah read• Sifat web 1.0 adalah read• One-way communication

Page 4: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Web 1.0 design elements

• Static pages instead of dynamic user-generated content.

• The use of framesets . • Proprietary HTML extensions such as the

<blink > and <marquee > tags introduced during <blink > and <marquee > tags introduced during the first browser war.

• Online guestbook rather than forum• Using GIF buttons• HTML forms sent via email• User never upload and posting content

Page 5: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

WEB 2.0

• Menurut Tim O’Reilly, Web 2.0 dapat didefinisikan sebagai berikut:“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 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”

• Sifat dari web 2.0 adalah read write

Page 6: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Perbedaan 1.0 ke 2.0

• Move from personal websites to blogs and blog site aggregation,

• Move from publishing to participation , • Move from web content as the outcome • Move from web content as the outcome

of large up-front investment to an ongoing and interactive process ,

• Move from content management systems to links based on tagging (folksonomy )

Page 7: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

1.0 – 2.0

Page 8: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Web 2.0 Framework

Page 9: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Mass Social Media

The emergence and rise of mass social media.(Source: Hinchcliffe, D., Web 2.0 Blog, web2.wsj2.com)

Page 10: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Web 2.0 content

The You era: Consumer-generated content swamping, disrupting traditional media. (Source: Hinchcliffe, D., Web 2.0 Blog, web2.wsj2.com)

Page 11: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

The Seven Key Principles

11

Page 12: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Karakter WEB 2.0

• Web sebagai platform• Data sebagai pengendali utama• Suatu jaringan yang diciptakan oleh arsitektur

partisipasi (among Internet users & others, content providers & enterprises)providers & enterprises)

• Inovasi dalam perakitan sistem serta situs disusun dengan menyatukan fitur dari pengembang yang terdistribusi dan independen

• Model bisnis yang ringan , yang dikembangkan dengan gabungan dan pemanfaatan isi dan layanan

• Rich interactive , user-friendly interface.• Minimal programming knowledge is required.

Page 13: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Terminologi

Page 14: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Web 2.0 Quadrant

Page 15: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Web 2.0 examples

• RSS delivery of content• Blogs – Web logs + comments• Wikis – content created in community• Instant Messaging + SMS, • Instant Messaging + SMS, • Voice over IP – Skype• Podcasting

Page 16: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Web 2.0 supporting technologies

• Web services (SOAP / REST)• XML APIs• AJAX (asynchronous JavaScript and XML)• OpenSearch API• OpenSearch API• Intelligence technologies

Page 17: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Web 2.0 media

• Rich media – beyond text• Music and audio

– Well experienced: File swapping, p2p, iPod, MP3

• Video– Recreational and academic: youtube.com,

myspace.com/video, yahoo! Video, bittorrent

• Opportunities to remix– Usually recreational, but explore ways to tap this

interest with an academic slant.

Page 18: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Sites as Application: Email Application

Web 1.0 Web 2.0

Page 19: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Microsoft Office Web Client

The Oracle Experts

Page 20: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Sites as Application: google map

Page 21: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Participation: Books

Web 1.0 Web 2.0

Page 22: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Participation: Wiki

Page 23: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Folksonomy / Tagging

• Folksonomi merupakan hasil pengategorian oleh pengguna.

• Secara demokratis pengguna menerapkan tag sesuai dengan kecocokan mereka terhadap isi materi.

• Folksonomi mengatasi kerumitan konsep kategori yang terstruktur formal dan bertingkat yang disebut taksonomi. terstruktur formal dan bertingkat yang disebut taksonomi.

• Kelemahan folksonomi misalnya tidak luput dari derau (noise), bisa terjadi ada banyak tag/label yang kosakatanya salah, tidak semua user tag/label tersebut cocok

Page 24: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Tagging

Page 25: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Social bookmarking

•There are a number of sites for this

•By far the most popular is http://del.icio.us

•Rather than bookmarking sites locally allows you to have access to your bookmarks from wherever you are.

•This is a small example of the “web as desktop” philosophy.

Page 26: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

del.icio.us

Page 27: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •
Page 28: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Fitur Web 2.0• Search

– The ease of finding information through keyword search.• Links

– Ad-hoc guides to other relevant information.• Authoring

– The ability to create constantly updating content over a platform that is shifted from being the creation of a few to being constantly updated, interlinked work. In wikis, the content is iterative in the sense that users undo and redo each other's work. In blogs, content is cumulative in that undo and redo each other's work. In blogs, content is cumulative in that posts and comments of individuals are accumulated over time.

• Tags– Categorization of content by creating tags: simple, one-word user-

determined descriptions to facilitate searching and avoid rigid, pre-made categories.

• Extensions– Powerful algorithms that leverage the Web as an application platform as

well as a document server.• Signals

– The use of RSS technology to rapidly notify users of content changes.

Page 29: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Search

• Search the content

• Oracle Secure Enterprise Search -Search -Oracle Ultra Search

• Google Search Appliance

Page 30: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Link

• Build links to other content, users, etc.• Tracking/analyzing clicks/usage patterns is

key

Page 31: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Authorship s

• Blogging and allowing users to create their own content

• Wikis• Blogspot• Blogspot• Forums

Page 32: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Tagging

• Labeling, categorization, grouping content• Google Mail

– Automatic

Page 33: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Extensions

• Web Services• Personalization components• External calls

– Lookups– Lookups– Mapping– Connecting– Calendaring

• Mashups

Page 34: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Signaling

• Alerts• Emails• Notifications• RSS• RSS

Page 35: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Google Calendar Example

Google calendar is used:

–For key library events

–To allow event

35

–To allow event details to be embedded in a variety of sites, including pages on institutional Web site

Page 36: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

The Competition

Page 37: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Better?

Page 38: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Better?

Page 39: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

WEB 3.0

• Konsep ini dapat diandaikan sebuah website sebagai sebuah Artificial Intelegence– Konsep semantic web– Konsep semantic web

• Aplikasi – aplikasi online dalam website dapat saling berinteraksi

• Kemampuan interaksi ini dimulai dengan adanya web service

Page 40: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

SecondLife

Page 41: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

What are Social Networks?

• Using tech/Internet for social life• Benefits:

– Non-threatening interaction– Collaboration– Collaboration– Knowledge sharing– Relationship mgmt– The rise of the personal voice– Transparency

Page 42: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Social Networks Tools

• IM• Blogs – business & personal • Wikis• “Networking” web sites (e.g., Ryze)• “Networking” web sites (e.g., Ryze)• Sites for sharing content

– Flickr, YouTube

• Folksonomies– Del.icio.us, Technorati

Page 43: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

The Result of Social Networks

• Globalization• Personal• Anonymous• Transparent• Transparent• Time independent• Group Knowledge Management

Page 44: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Issues For Social Network Services

• Lack of privacy controls• Inappropriate language translations

among countries• Fierce competition for users• Fierce competition for users• Prey to illegal activities• Cultural objections may become volatile

Page 45: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Social Network Analysis?

• A science to understand the structure, the interactions and the strategic positions in social networks.

• Sociograms[Moreno, 1933]

[Wasserman & Faust 1994] [Scott 2000] [Mika 2007]

[Moreno, 1933]

• What for? – To control information flow– To improve/stimulate communication– To improve network resilience– To trust

Page 46: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Community detection

• Global structure• Distribution of actors

and activities

Influences the wayinformation is shared[Coleman 1988]

Influences the way actors behave[Burt 2000]

Page 47: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Semantic social networks

Millions of FOAF profiles online

http://sioc-project.org/node/158

Page 48: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Istilah

• FOAF: Friend Of A Friend, used for describing people, their relationships and their activity. – A large set of properties is dedicated to the

definition of a user profile: "family name", "nick","interest", etc.definition of a user profile: "family name", "nick","interest", etc.

• SIOC : Semantically-Interlinked Online Communities, defines concepts such as posts in forums, blogs, etc

• SKOS : Simple Knowledge Organization System

Page 49: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

FOAF & SIOC

Page 50: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

nameGuillaume Erétéo

organization

guillaume.ereteo@orange -ftgoup.com

mailmentorOf

organizationorganization

guillaume.ereteo@orange -ftgoup.com

mentorOf

manage

contribute

contribute answers

Page 51: Web 20 dan Social Networks - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/anton/download/amti8.pdf · • HTML forms sent via email • User never upload and posting content. WEB 2.0 •

Next

- Transaction Processing, Functional

Applications & Integration