Transcript WEB,web,web

11.Seminar
ARHIVI,KNJIŽNICE,MUZEJI:
mogućnosti suradnje u okruženju
globalne informacijske
infrastrukture
WEB,web i web
Marina dr.Souček
Nacionalna i sveučilišna knjižnica
Zagreb
Izazovi Weba 2.0 i semantičkog
weba uz evaluaciju postojeće
strukture web stranica NSK
Sadržaj
1.Što je Web2
2. Razlike između Web-a 1 i do Web-a 2
3.Primjer detekcije komponenti web-a 2:NSK stranica
4.Kako razviti vlastiti Web- 2
5.Trendovi razvoja Weba-2
6.Koncepcija tagova i tag clouda
8.Primjeri NSK Clouda
9.Sistemi socijalnog bookmarkinga
10.Što očekivati od web-a 3
Sažetak
Abstract
Popis upotrijebljene literature:
Ključne riječi
1.Što je Web-2
Web 2 predstavlja drugu generaciju servisa i internetskih sredstava koji obuhvaćaju mreže javnih
siteova,wikije i folksonomije(metode kolaborativnog tagiranja korištenjem ključnih riječi po slobodnom
izboru) kojima je cilj razviti kolaboraciju i zajedničko korištenje među korisnicima(3).Termin se
udomaćio tijekom 2004.Web 2 ne predstavlja update tehničkih specifikacija nego se odnosi na
promjene u odnosu na način na koji se razvijaju aplikacije.Nedostatci web-a prve generacije su bile
poteškoće u održavanju aplikacija zbog slabe kolaboracije.Aplikacije web-a 2.0 omogućuju 80%
jeftinije održavanje zbog RSS feedova,networkinga i omogućuju strankama self-service preko
Interneta.
Semantički web je blizak web-u 2 i predstavlja format za integraciju informacija i aplikacija pomoću
tag-osnovanih folksonomija koje čine blogovi i wiki-ji.Korisnici posjeduju podatke koji ovaj puta imaju
značaj za računalo.Radi se o inteligentnom softveru koji koristi semantičke podatke(npr.kompanije
Garlik,Metaweb,Radar Networks and Powerset).
Za web-2 karakteristična je isključivo browserska upotreba i razvoj aplikacija a podaci su u
korisničkom suvlasništvu.Tehnike koje se koriste su(1):
aplikacije bogate Internetom,obično zasnovane na AJAX-operativnom sistemu,
CSS(cascading style sheets),upotreba mikroformata i semantički važećeg html-a kao i
pojednostavljenje i agregacija podataka kroz RSS/QAtom,čisti jasni URL-ovi,proširena upotreba
weblogova,socijalnog bookmarkinga,wikija,weblog publishinga,podcastova,web API-ja,Web standarda
i online Web servisa.
Na web –u 2 pojačani su efekti mreženja koje kreira arhitektura suučesništva i open source
razvoja. Aplikacije web-a 2 mogu postojati samo na Internetu(npr.
eBay,del.icio.us,Skype,Wikipedia).Internetom bogate aplikacije kao Ajax,Adobe
Flash,Flex,Nexaweb,OpenLaszlo i Silverlight rade povećavajući iskustvo korisnika u browsertemeljenim aplikacijama.Ove tehnologije dopuštaju web-stranici da zatraži update nekog dijela
svojeg sadržaja i onda promijeni taj dio u browseru a da se ne mora refreshnuti cijela stranica na
Internetu za tu priliku.
Razlike između Web-a 1 i Web-a
2
Web 2.0 predstavlja nadopunu Web-a 1.0
raznim tehnološkim sredstvima.Donja tablica u
prvom stupcu pokazuje alate Web-a 1,a u desnom
isto takve alate u Web-u 2. Web-1 sastavljen od
dokumenata u web-u 2 napunio se podacima i
sredstvima pomoću kojih možemo upravljati
mikrosadržajima.U webu 2 podaci su razbijeni u
mikrosadržaj koji se može personalizirati i
remiksati sa drugim podacima da zadovolji svaku
potrebu (npr amazon.com i personalizacija
amazon.light).
2.Razlike između web-a 1 i web-u
2
Web 1.0
DoubleClick

Ofoto

Akamai

mp3.com

Britanica Online

Personal websites

Evitte

Domain name speculation

Page views

Screen scraping

Publishing

Content management systems 
Directories (taxonomy)

Stickiness

Web 2.0
Google AdSense
Flickr
BitTorrent
Napster
Wikipedia
blogging
upcoming.org and EVDB
search engine optimization
cost per click
web services
participation
wikis
tagging ('folksonomy')
syndication
web-a 2:NSK stranica(Neurogami
metoda)
Neki sajtovi već posjeduju obilježja web-a
2.To su sajtovi na kojima se nalazi:
Gmail,Google
Maps,Flickr,Del.icio.us,Technorati i
Digg.Primjenom softverskih sredstava za
validaciju možemo istražiti zastupljenost
web 2 osobina na našim siteovima.U
nastavku je to učinjeno za stranice NSK i
usporedbe radi za Library of Congress.U
prilogu su dvije tablice:
metoda
Web 2 validator za NSK pages
Usporedba sa Library of Congres
Rezultati web 2 validacije za NSK:
The Web 2.0 Validator is run by James Britt and Neurogami. Have some fun, but please validate responsibly
welcome to the...
Web 2.0
validator (beta version ~2.7183.next)
Web 2.0
Enter a URL to find out if the site is reallyWeb 2.0:
validator (beta version ~2.7183.next)
The score for http://www.nsk.hr is 5 out of 66
Rezultati web 2 validacije za Library of Congress:
Uses inline AJAX ? No
The Web 2.0 Validator is run by James Britt and
Rocks out to the dance noise sound of Chinese Forehead ? No
Neurogami. Have some fun, but please validate
Denies the existance of Rocky V ? No
responsibly
Is in public beta? No
welcome to the...
Uses python? No
Web 2.0
Is Shadows-aware ? No
validator (beta version ~2.7183.next)
Mentions Tag Clouds? No
Uses the prefix "meta" or "micro"? Yes!
Enter a URL to find out if the site is reallyWeb 2.0:
Mentions Neowin.net ? No
The score for http://www.loc.gov is 6 out of 66
Apperars to use moo.fx ? No
Rocks out to the dance noise sound of Chinese
Attempts to be XHTML Strict ? No
Forehead ? No
Has a Blogline blogroll ? No
Uses python? No
Mentions startup ? No
Is in public beta? No
Appears to be web 3.0 ? Yes!
Denies the existance of Rocky V ? No
Refers to mash-ups ? No
Uses inline AJAX ? No
Mentions Less is More ? No
Is Shadows-aware ? No
Uses Cascading Style Sheets? Yes!
Mentions Tag Clouds? No
Has favicon ? No
Mentions Neowin.net ? No
Uses tags ? No
Appears to be non-empty ? No
Uses the prefix "meta" or "micro"? No
Uses Google Maps API? No
Apperars to use moo.fx ? No
Refers to the Web 2.0 Validator's ruleset ? No
Uses tags ? No
Mentions an "architecture of participation"? No
Mentions Less is More ? No
Uses the word meme? Yes!
Mentions startup ? No
Appears to use AJAX ? No
Has favicon ? No
Appears to have a Google Sitemap ? No
Uses Google Maps API? No
Received a cease-and-desist from CMP Media or Tim O'Reilly ? No
Attempts to be XHTML Strict ? No
Appears to use RSS ? No
Uses Cascading Style Sheets? Yes!
Makes reference to Technorati ? No
Refers to Flickr ? No
Appears to be non-empty ? No
Faviconized ? No
Has a Blogline blogroll ? No
4.Kako razviti vlastiti web 2
Funkcionalnost web-a 2 ovisi o sposobnosti korisnika da rade sa podacima
pohranjenim na serverima,što se može očitovati kroz obrasce-forms na html
stranici, skriptni jezik kao Javascript ili kroz Flash,Silverlight ili Java
skripte.Ove metode koriste klijentsko računalo za reduciranje količine posla i
povećanje broja odgovora od aplikacije.Ovaj spoj jakih JavaScript alata kao
AJAX [1]omogućuje gotovo svima dodavanje i komuniciranje sa zajedničkim
podacima.Sajtovi tipa Web-a 2 omogućuju kombiniranje podataka iz
različitih izvora.
Na Web-u 2 informacije su razbijene u mikrosadržajne jedinice koje se
mogu distribuirati preko niza domena.Web dokumenata tako se pretvorio u
Web podataka,sa novim alatima za agregaciju i remiksanje mikrosadržaja
na novi i koristan način.Ovi alati su interfejsi web-a 2.0 i predstavljaju njegov
dizajnerski izazov.
[1] Ajax-Asynchronous JavaScrip and XML: dozvoljava interaktivno
kreiranje Web aplikacija korištenjem XHTML,CSS ,the DOM i JavaScrip i
XMLHttpRequest.Ajax omogućava kreiranje više dinamičkih i interaktivnih
Web stranica bez potrebe za refreshanjem sadržaja.
5.Trendovi razvoja weba-2
Neki naši sajtovi već posjeduju obilježja web-a 2.To su sajtovi na
kojima se nalazi:
Gmail,Google Maps,Flickr,Del.icio.us,Technorati i Digg.
Web 1 sastavljen od dokumenata u web-u 2 napunio se podacima i
sredstvima pomoću kojih možemo upravljati mikrosadržajima.U
webu 2 podaci su razbijeni u mikrosadržaj.Sadržaj se može
personalizirati i remiksati sa drugim podacima da zadovolji svaku
potrebu (npr amazon.com i personalizacija amazon.light).
Postoji 6 novih trendova na web-u 2.0:
-Pisanje semantičkog koda: xhtml-a[1]
-Dealociranost sitea:prije nego je sajt dobio semantički
značaj,smatralo se da se sajtovi razvijaju kao kolekcija stranica.(
brochure-ware:statičke html stranice sa unutarnjim sadržajem) ili
kao animirane stranice Java tipa.Web se opisivao kao mjesto sa
dućanima,kavanama i slično.Krajem devedesetih godina
pomaknulo se težište od koncepcije sajta kao mjesta prema
koncepciji sajta kao servisa.Web servisi su postali programatički
interfejsi za isti sadržaj.
5.Trendovi razvoja weba-2
Postoji nekoliko novih trendova na web-u 2.0 (2) :
-Pisanje semantičkog koda: xhtml-a[1]
-Dealociranost sitea:prije nego je sajt dobio semantički značaj,smatralo se da se sajtovi razvijaju kao kolekcija stranica.(
brochure-ware:statičke html stranice sa unutarnjim sadržajem) ili kao animirane stranice Java tipa.Web se opisivao kao
mjesto sa dućanima,kavanama i slično.Krajem devedesetih godina promijenila se koncepcije sajta kao mjesta prema
koncepciji sajta kao servisa.
-Remiksanje sadržaja (when and what,not who or why).Cilj web dizajna u Web-u 2.0 je izgradnja događajima pogonjenih
iskustava (event driven experiences),a ne sajtova,a ključni konstruktivni elementi su RSS feedovi,koji omogućuju pretplatu
na sadržaj i njegovo čitanje u agregatoru bilo kada bez vanjskog dizajna.Možete se pretplatiti na sadržaj putem topic
(tematski) i tagiranih feedova( PubSub ili Feedster), kao 'future searches',pa možete pomiješati sadržaje iz različitih izvora
i istodobno izbjeći vizualni dizajn svakog sitea. Navigacija se odvija sa drugom navigacijom od one dizajnirane zajedno sa
pojedinim podatkom,pa se gube putevi direktnih informacija.Sredstva za agregaciju imaju sposobnost proricanja(npr
Del.ici.ous i blog.dex. feedovi) pa korisnici mogu čitati informacije ne znajući od kuda one potiču.
-Izniknuta(emergent) navigacija i umjesnost(koji se odnosi na stvar) znači da se sadržaji susreću udaljeno od svojih
domaćinskih domena.Korisnici čak mogu pročitati sadržaj bez da ikada posjete domenu od koje on potiče.
-Dodavanje metapodataka kroz vrijeme:društvo izgrađuje socijalne informacije
Osobina web-a 1 prilikom publishinga bila je mogućnost da se u svako doba promijeni primarna publikacija.U Web-u 2
korisnici sami dodaju svoje metapodatke-na Flickr i del.ici.ous korisnici mogu tagirati datoteke,bookmarke i slike i kasnije
ih pretraživati i razgledati sličnu upotrebu istih tagova kod drugih korisnika.
-Prijelaz na programiranje:odvajanje strukture i stila
Kod Web-a 1 u centru pažnje bio je vizuelni dizajn.Kod Web-a 2 daje se manji značaj mjestu i vizuelnom stilu,razvoj se
obavlja u XML-u pa su riječi i semantika važniji od prezentacije,sadržaj se miče okolo i dostupan je programskim
sredstvima.Tako se dizajnira više za stroj nego za ljude,Internet treba postati koristan računalu.
-------------------[1] Ajax-Asynchronous JavaScrip and XML: dozvoljava interaktivno kreiranje Web aplikacija korištenjem XHTML,CSS
,the DOM i JavaScrip i XMLHttpRequest.Ajax omogućava kreiranje više dinamičkih i interaktivnih Web stranica bez
potrebe za refreshanjem sadržaja.
[2] xml-extensible markup language:dozvoljava korisniku da sam definira svoje tagove.Služi za enkodiranje i serijalizaciju
podataka na Internetu.
6.Koncepcija tagova i tag clouda
Tag je ključna riječ ili termin povezan sa cijelom ili dijelom informacije (slikom,geografskom
kartom,blog unosom ili video clipom) kojom korisnici kategoriziraju kompjuterske datoteke,web
stranice, digitalne slike i Internet bookmarke i karakteristika su postojeće generacije web browsera(3).
Oblak tagova je popis tagova nekog sajta obično u abecednom redoslijedu sa frekventnijim tagovima
u većem fontu. U Web-u 2 navigacija sajta provodi se putem oblaka tagova, a ne popisa kategorija.
Mnogi povezuju tagging sa semantičkim webom.
Browseri imaju mogućnost razmjene tagova.Na svakoj stranici se tagovi prikazuju kao linkovi koji su
usmjereni na indeksnu stranicu koja popisuje sve web stranice koje koriste taj tag.Čitalac lako može
shvatiti o kakvom se sadržaju radi kada pregleda listu tagova.Veze između stranica automatski prati i
ažurira server.Stranice će se drugačije klasificirati ako se promijeni lista tagova.
Prednosti tagiranja stranica su da nije potrebno skrolanje kroz stranice da bi se stekao cjelovit
pregled,popularnije kategorije se izražavaju većim fontovima pa korisnici unaprijed lakše određuju
količinu sadržaja u nekoj kategoriji prije klikanja,struktura clouda obično vjerno odražava osobine
sajta.Nedostatci su što nema obrazloženja semantičkog značenja tagova pa nastaju problemi
razlikovanja i terminološki konflikti.
Koncept tagiranja razvio je koncept socijalnog softvera povećavanjem folksonomije, to jest koncepta
socijalnog bookmarkinga.Razvijene folksonomije definiraju skup konvencija tagiranja putem
eventualnog konzenzusa grupa a ne kroz upotrebu formaliziranig standarda.
Znači:Cloudovi ili oblaci tagova su zapravo popisi najčešće korištenih bookmarka i ključnih
riječi.Tagovi koji se najčešće koriste imaju najčešću frekvenciju upotrebe i oni se grafički prikazuju u
tablici zvanoj tag cloud(oblak tagova) sa najvećim fontovima.Što se neki termin češće čitao preko
Interneta,to ima veći dodani font na cloud prikazu.Tag cloud je organizacijsko sredstvo korisnika za
web navigaciju,budući da korisnici sami mogu bookmarkirati sadržaje i birati tagove.
8.Primjeri NSK Clouda
Tag Cloud
Novi podaci iz tagova upotrebljavaju se
da bi se pronašle nove informacije.Tag
cloud je grafička mapa riječi kojima se
mogu popularizirati pjesme,proizvodi i
sadržaji i bitno je obilježje Weba-2 .Tag
Cloud Generator je softversko sredstvo za
izradu tag oblaka.
U prilogu ,u datoteci 'oblaci ' prikazano je
4 primjera tag-cloudova : prva 2 su za
stranice NSK,a druga dva za stranice
Library of Congress.
Primjeri tag clouda za NSK i Libary
of Congress
Cloud 1 za NSK:
Knjižara knjižnica
Jedinstvo Nacionalna
internet Fond Bežiĕ
ni
domovini obljetnica
Zagrebu vrata knjižnici
Logo nakladnike
bibliografije bratske
knjižniĕ
ara Usluge
Opširnije događanja
Hrvatske otvorenih
Edukacija sata otvorena
Katalozi Zbirka posudba
Pitajte stranica
Međuknjižniĕ
na
Cloud 1 za Libary of
Congress
Did preserving History
Digital Center access
advertising through world
Veterans American
Congress Accessibility 50year accounts Resources
collections Jefferson Audio
providing Logo Thomas
Project Library Celebrating
map Information Memory
Events back Aeronautics
Primjer tag clouda za NSK
PreviewClusty Cloud for
"www.nsk.hr"ARW ... Bibliography ...
Biblioteca ... Books ... Croatia In The
Yahoo! Directory ... Crolist.html ... Culture
... Education ... Functions ... ISSN ...
Katalog ... Knowledge Management ...
National Library ... National and University
Library, Zagreb ... Network ... Obavijesti,
usluge i obavijesti ... Resources ...
Sveučilišna knjižnica ... Traffic Details ...
Www.Nsk.Hr Mirror
Primjer tag clouda za Library of
Congress
Cloud 2 za Library of Congress:
Tag Cloud:
american memory collections oct did
know library congress motion pictures
nation s providing access s library
sound recordings
Tag Cloud HTML
9.Sistemi socijalnog
bookmarkinga
Korisnici spremaju linkove ka web stranicama koje žele zapamtiti i
podijeliti,a izabrane osobe ih mogu pregledavati putem
tagova,kronološki,putem search enginea ili putem kategorija.Pregledavanje
putem tagova je neformalno. Napredniji servisi rangiraju bookmarke.
Primjer:sajt Technorati svaki tjedan prikazuje popis 100 najpopularnijih
tagova od A do Z.
Primjer najpopularnijih tagova sajta Help nalazi se u datoteci Top 100 u
prilogu.
Mnogi javni bookmarking servisi omogućuju nadogradnju tagova putem web
feedova sa popisima bookmarka i popisima organiziranih tagova,pa korisnici
upoznaju nove bookmarke kroz stare liste.Feed je link koji vam dopušta da
dozovete u svoj inbox direktno svoje omiljene sadržaje
,npr.blogove,vijesti,sportske izvještaje i sl.Da biste ih pregledali potrebno je
kliknuti na odgovarajući folder i sadržaji će se automatski prikazati na
novom ekranu. Web feed je format podataka koji se upotrebljava da bi se
korisnicima
osiguralo često obnavljanje sadržaja.Distributeri sadržaja pojednostavljuju
web feed i korisnici se mogu na takve novosti pretplatiti.Kada je kolekcija
feedova dostupna na jednom mjestu govorimo o agregaciji.Kolekciju
feedova prati kompjuterski program news reader ili news agregator.Takav
program periodično provjerava ima li novih feedova.
Najpopularnijih 100 tagova
Top 100 Tags at Help.com
Top 100 Tags
Huh?! What is a Tag?
Love, friends, life, computer, girl, school, homework, Family, Money, guy, Find, boyfriend, love life, Year, work, marriage,
talk, Feel, e-mail, Thought, Boy, aol, house, finances, friendship, sex, live, job, Person, man, hate, question, depression,
home, god, Relationships, girlfriend, mail, happiness, world, website, post, site, health, mom, writing, Internet, Stop, Day,
Week, Month, Mood, college, relationship, heart, friend, night, game, advice, change, information, Parent, reason, music,
sleep, Sibling, death, lost, Child, Mind, lot, IDEA, woman, free, suicide, place, Pain and nociception, myspace, mother,
Today, Help, hope, scared, Answer, speech, address, Wrong, play, song, automobile, book, Problem, project, Big, start,
dad, working, care, video, business
Help.com Homepage
About
Tags
Search
FAQ
Start a New Post
Chat
Login & Registration
Footer – Links n' Things
About CNET Networks | Jobs | Advertise | Partnerships
Visit other CNET Networks sites:
Copyright ©2007 CNET Networks, Inc. All rights reserved.
Privacy policy | Terms of Use | Guidelines for Privacy and Safety | Help.com Terms of use | Report a Post | Some
avatar images c/o Webshots
To use this site you must be 13 years or older and occasionally submit your email address. Your email address is only
shared with your explicit permission.
10.Što očekivati od web-a 3
Web 3 će biti web koji će računala moći čitati i razumjeti,te
će vam računalo moći pomoći u pronalaženju,kombiniranju i
razmjeni kompleksnih i teško dostupnih informacija.Pojam
'Web 3' se počeo razvijati početkom 2006 godine i obuhvaća
transformaciju Web-a u bazu podataka,tako da su podaci
pristupni i non- browser aplikacijama,uključivanje tehnika
umjetne inteligencije,semantički web i Geospacijalni web
odnosno 3Dweb.Početak Web-a 3 je 'podatkovni web' (The
Data Web) u obliku strukturiranih ponovno upotrebljivih
pretraživih formata XML,RDF i mikroformata.Podaci se
mogu linkati kao i web-stranice,(odlika 1) što je prvi korak
prema semantičkom webu.Na web-u 3 objedinit će se
slijedeće osnovne tehnologije:sveprisutna
povezanost,broadband,mobilni Internet pristup i mobilni
uređaji,
otvorene tehnologije,API-ji i protokoli,distribuirana
obrada,obrada gridova i oblaka (grid and cloud
computing),otvoreni identitet,prenosiv identitet za roaming i
osobni podaci,integinentni web,tehnike semantičkog web-a
kao RDF,OWL,SWRL,SPARQL,distribuirane baze podataka
www baza podataka,inteligentne aplikacije i strojno učenje.
Sažetak
Sažetak
Prikazane su osnovne osobine Web-a 2.Napravljeni su
primjeri validacije web stranica NSK i Library of Congress
radi usporedbe prisutnosti osobina Web-a 2.Navedeni su
osnovni trendovi u razvoju Web-a 2.Definiran je pojam Tag
clouda i napravljeno 4 primjera NSK clouda.Definiran je
pojam Web-a 3.
Abstract
Fundamental characteristics of Web-2 are
shown.Examples of web-2 validation of web pages of NSK
and Library of Congress have been made to compare the
characteristics of Web1 and 2.Fundamental trends in Web -2
development have been stated.The concept of Tag Cloud
and 4 examples of NSK Tag Clouds were made. The
concept of Web-3 is introduced.
Popis upotrijebljene literature:
1. Wendy Boswell:An Introduction to Web
2.0,n.d.28.09.2007( n.d.=no date)
//websearch-about.com/od/web20/a/web.htm
2. Jennifer Kyrnin:What is Web 2.0,n.d.28.09. 2007
//webdesign.about.com/od/web20/
3. Wikipedija ,rujan 2007
//en.wikipedija.org/wiki/Semantic_Web
//en.wikipedija.org/wiki/Web_2.0
//en.wikipedija.org/wiki/Web_3.0
Primjedba:Prilozi se nalaze u datotekama 'Validacija' i
'oblaci NSK'.
Ključne riječi: Web-2,trendovi,koncepcije,tagcloud,semantički web,web-3.