Uporaba konceptov spleta druge generacije pri izgradnji

spletnih aplikacij

DIPLOMSKO DELO NA VISOKOŠOLSKEM STROKOVNEM ŠTUDIJU

Mentor: viš. pred. dr. Damjan Vavpotič

Ljubljana, 2011

UNIVERZA V LJUBLJANIFAKULTETA ZA RAČUNALNIŠTVO IN INFORMATIKO

Dean Podgornik

Cilji diplomske naloge

Predstavitev spleta druge generacije (Web 2.0) Pomen pojma Web 2.0 Ključni elementi spleta druge generacije Značilnosti spletnih mest spleta druge generacije Značilna spletna mesta spleta druge generacije Razlika med Web 1.0 in Web 2.0 Kritike pojma Web 2.0 Potencialna prihodnost spleta (Web 3.0)

Demonstracije konceptov spleta druge generacije pri izgradnji manjše spletne aplikacije

Pomen pojma Web 2.0

Web 2.0 = Druga generacija svetovnega spleta

Pojav: konferenca O'Reilly Media Web 2.0 leta 2004

Nov koncept razvoja in nov način uporabe storitev spleta

Lastnosti spleta druge generacije: dinamičnost, interaktivnost, interoperabilnost,

povezljivost informacij, uporabniško generirana vsebina ter zmožnost sodelovanje uporabnikov, …

Ključni elementi spleta druge generacije

RIA (angl. Rich Internet Aplication) SOA (angl. Service-Oriented Architecture) Socialni splet (angl. Social web)

Ključni elementi spleta druge generacije – RIA

RIA (angl. Rich Internet Application) = obogatena spletna aplikacija Spletne aplikacije, ki imajo vse

značilnosti in funkcionalnosti klasičnih namiznih aplikacij.

Bogata uporabniška izkušnja končni uporabnik ne opazi več

klasičnega osveževanja strani Tehnologija odjemalčeve strani

Ključni elementi spleta druge generacije - SOA

SOA (angl. Service-oriented architecture) = Storitveno usmerjena arhitektura

Temelj: omogočanje komunikacije med različnimi storitvami ter združevanje teh storitev v delujoč sistem

Prednosti: ločene lokacije, različne platforme spremembo delovanja storitve je moč enostavneje

izvesti. Ključnega pomena v poslovno informacijski

arhitekturi (angl. enterprise architecture) Najpogostejši način realizacije: spletne storitve

Ključni elementi spleta druge generacije – Socialni splet

Socialni splet (angl. Social web) = način uporabe oziroma razvoja spleta Uporabniki = aktivni soustvarjalci spletnih

vsebin Kolektivna inteligenca

Predstavnik: Wikipedija Vpeljava konceptov socialnega spleta:

Npr.: omogočanje komentiranja, ocenjevanja, omogočanje komunikacije med uporabniki (chat in zasebna sporočila).

Značilnosti spletnih mest spleta druge generacije & značilna spletna mesta spleta druge generacije

Značilnosti spletnih mest spleta druge generacije: Značke (angl. tags) Iskalniki po vsebini Spletni viri (angl. web feeds) Koncept povezovanja

▪ API-ji

Značilna spletna mesta spleta druge generacije : Wiki-ji (npr.: Wikipedia) Blogi Socialni zaznamki (angl. social

bookmarking) Socialna omrežja (npr.:

Facebook) Spletna mesta za deljenje

multimedijskih vsebin (npr.: YouTube).

Spletne aplikacije (npr.: Google Docs)

Razlika med spletom prve generacije in spletom druge generacije

Kritike pojma Web 2.0 & prihodnost spleta (Web 3.0)

Kritike pojma Web 2.0: Splet druge

generacije sploh še ne obstaja

Modna beseda (angl. Buzzword)

Sporni vidik: ▪ Tehnologija▪ Tehnologija odjemalčeve

strani▪ Tehnologija strežniške

strani▪ Spletni standardi

Potencialna prihodnost spleta (Web 3.0): Semantični splet:▪ Skupek tehnoloških

standardov (URI, UNICODE, XML, RDF, RDFS, OWL, …)▪ Sistemi bodo lahko vse

podatke na spletu interpretirali, povezovali, procesirali

Demonstracija konceptov spleta druge generacije na manjši spletni aplikaciji

Izdelana spletna aplikacija:

www.deanpodgornik.si

Uporabljena tehnologija: PHP, JavaScript, JavaScript

ogrodje Mootools, AJAX Vgraditev temeljnih gradnikov

spleta druge generacije Vgraditev ostalih značilnosti:

Uporaba značk Omogočanje iskalnika po

vsebini Vizualizacija oblaka značk Uporaba spletnega vira Uporaba API-jev

Blog

Implementacija konceptov socialnega spleta

Omogočanje grajenja uporabniško generirane vsebine Predviden prostor za oddajanje komentarjev

pod vsako objavo bloga Omogočanje uporabniških

računov uporabnikov Registracija, prijava,

pozabljeno geslo, spreminjanje uporabniških podatkov

API Facebook Connect

Implementacija konceptov SOA

Spletne storitve Ponudnik storitve, uporabnik

storitve Ponujena storitev

Iskanje in pridobivanje vsebin iz bloga

Orodje: NuSOAP Grajenje WSDL dokumenta in

SOAP sporočilPONUDNIK STORITVEhttp://www.deanpodgornik.si

UPORABNIK STORITVEhttp://

blog2.deanpodgornik.si

Implementacija konceptov RIA

var my_ajax = new Request.HTML({url: URL_naslov,method: ‘POST’,data: $(‘ID_obrazca’),update: $(‘ID_elementa_za_rezultat’),onComplete: function(){

//sledijo ukazi, ki se izvedejo ob uspešno izvedenem AJAX-u

}); my_ajax.send(); //izvedi AJAX

Sklepne ugotovitve

Ni več dvoma, splet si to novo oznako vsekakor zasluži

Enostaven in hiter način grajenja manjših spletnih aplikacij

Izboljšave aplikacije: podpora spletnim brskalnikom z onemogočeno tehnologijo JavaScript

Menim, da je izdelana spletna aplikacija upravičena do naziva spletne aplikacije spleta druge generacije.

Vprašanja?

Hvala za pozornost!