SlideShare a Scribd company logo
Matthias Palmer
doktorand vid KTH, projektledare vid ULL
Nya verktyg på webben
Översikt
● Vad är en Widget
● OpenSocial Gadgets
● Bygga Gadgets själv
● Universitetsperspektivet
● Utblick
Kärt barn har många namn:
Widgets, Gadgets,
Applications, Apps
Definition: Små Webbaserade Verktyg
ofta listade i centrala kataloger
Definition av Widgets
Konkret
Igoogle – personlig startsida
http://www.google.com/ig
Kriterium 1: Små
● Dedikerade för en given arbetsuppgift
● Lättviktiga – små krav på omgivningen
● Kunna visas upp på liten yta
http://www.flickr.com/photos/jesse_sneed/2383953694/
Kriterium 2: Webbaserade
Kan köras direkt i en webbrowser
ELLER ÅTMINSTONE
Jobba uteslutande med webbaserad data
http://www.flickr.com/photos/30465871@N05/2934751640/
Kriterium 3: Portabla
Följa oberoende standarder som stödjs
av många miljöer / på flera siter
Därmed gå att använda i dessa miljöer / siter
http://www.flickr.com/photos/donpezzano/3257999418/
Kriterium 4: Tillgängliga i kataloger
● Förenklar upptäckt
● Främjar konkurrens
● Ger bra kriterier för beslut
● Antal nedladdningar
● Ratings / kommentarer
● Rekommendationer kan ges
● Enhetlig betalningsmodel
● Ger utvecklare en bättre sätt att exponera sina
verk
http://www.flickr.com/photos/misshaley/
Widgetkataloger
App Store Android market
Ej Widgets – mitt perspektiv
● Icke webbaserade applikationer
● Desktop applikationer
● Många Mobil apps, t ex Android och iPhone apps
● Godtyckliga webgränsnitt
● Web sidor
● Webb applikationer
● Mashups
● Dataformat, t ex
● Nyhetsflöden
● Podcasts
http://www.flickr.com/photos/chocoladeham/4141709925/
Widgets enligt kriteria
Teknologi Små Webb Portabla Kataloger
W3C Widgets X X X
OpenSocial Gadgets X X X X
Web OS applikationer X X X
Facebook applikationer X X X
Iphone apps X X
Android apps X X
OpenSocial
Gadgets
● Del av den större OpenSocial standarden
● Syftar att göra sociala nätverk portabla mellan siter
● Introducerades av google under 2007
(Konkurrera med Facebook genom att vara mer öppet)
● Drivs numera av ett oberoende konsortium
● Stöds av många platformar > 50
● Kring 20 000 gadgets i olika kataloger
● Byggs ofta med html, javascript och CSS
Vi använder googles komma igång hjälp på:
http://code.google.com/apis/igoogle/docs/igoogledevguide.html
Samt lägger upp det vi byggt på iGoogle,
dvs en (min) personliga startsida
http://www.google.com/ig
Bygga själv
Två användningar av gadgets
Vi kan bädda in gadgets i vanliga websidor
Vi testar med en gadget från googles katalog
http://www.google.com/ig/directory
ELLER
Widgets på sociala nätverkssidor
Först då utnyttjar man hela OpenSocial!
OpenSocial Gadgets har tillgång till
● Personlig profil
● Socialt nätverk
● Enkel data per
person i nätverket
● Mediafiler
● Flöde av aktiviteter
http://www.flickr.com/photos/treborscholz/2984039389/
Universitetsperspektivet
Plocka in externa verktyg till
publika webbsidor / inloggade miljöer
ELLER
Ge tillgång till universitetstjänster
i andra sociala nätverksplatformar
Fördelar och Nackdelar
● Plocka in externa verktyg
+ Mycket funktionalitet tillgänglig
- Kvalitetskontroll behövs
- Stöd för samarbete i grupper saknas
● Exponera universitetstjänster
+ Ökad tillgänglighet
- Säkerhetsaspekter kring data måste tas på allvar
+/- undervisning – läraren kontrollerar inte miljön
- sammanhanget, t ex en kurs, går förlorat
Utblick
● Stöd för grupper oberoende av personer
● Kommunikation mellan gadgets
● Användbarhet, fungerar det med små verktyg
sida vid sida?
● Uppdateringar, inte bara för chat.
Tack för uppmärksamheten!
http://xkcd.com/773/

More Related Content

Viewers also liked

Frukost 2.0 - Introduktion till webb 2.0 och bibliotek 2.0 - Sammanfattning /...
Frukost 2.0 - Introduktion till webb 2.0 och bibliotek 2.0 - Sammanfattning /...Frukost 2.0 - Introduktion till webb 2.0 och bibliotek 2.0 - Sammanfattning /...
Frukost 2.0 - Introduktion till webb 2.0 och bibliotek 2.0 - Sammanfattning /...
casmi
 
Teckenkodning Pa Webben Pt 2
Teckenkodning Pa Webben Pt 2Teckenkodning Pa Webben Pt 2
Teckenkodning Pa Webben Pt 2
Lars Gunther
 
De botade prisar Gud
De botade prisar GudDe botade prisar Gud
De botade prisar Gud
Lars Gunther
 
JSON and REST
JSON and RESTJSON and REST
JSON and REST
Robert MacLean
 
Adresser på Internet
Adresser på InternetAdresser på Internet
Adresser på Internet
Lars Gunther
 
Hype vs. Reality: The AI Explainer
Hype vs. Reality: The AI ExplainerHype vs. Reality: The AI Explainer
Hype vs. Reality: The AI Explainer
Luminary Labs
 
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsStudy: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving Cars
LinkedIn
 

Viewers also liked (7)

Frukost 2.0 - Introduktion till webb 2.0 och bibliotek 2.0 - Sammanfattning /...
Frukost 2.0 - Introduktion till webb 2.0 och bibliotek 2.0 - Sammanfattning /...Frukost 2.0 - Introduktion till webb 2.0 och bibliotek 2.0 - Sammanfattning /...
Frukost 2.0 - Introduktion till webb 2.0 och bibliotek 2.0 - Sammanfattning /...
 
Teckenkodning Pa Webben Pt 2
Teckenkodning Pa Webben Pt 2Teckenkodning Pa Webben Pt 2
Teckenkodning Pa Webben Pt 2
 
De botade prisar Gud
De botade prisar GudDe botade prisar Gud
De botade prisar Gud
 
JSON and REST
JSON and RESTJSON and REST
JSON and REST
 
Adresser på Internet
Adresser på InternetAdresser på Internet
Adresser på Internet
 
Hype vs. Reality: The AI Explainer
Hype vs. Reality: The AI ExplainerHype vs. Reality: The AI Explainer
Hype vs. Reality: The AI Explainer
 
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsStudy: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving Cars
 

Similar to Seminarium1011

Webbdagarna One day build
Webbdagarna One day buildWebbdagarna One day build
Webbdagarna One day build
jimmy_sterner
 
23@KTHB
23@KTHB23@KTHB
23@KTHBischia
 
VT17 - DA355A - Hybridapplikationer
VT17 - DA355A - HybridapplikationerVT17 - DA355A - Hybridapplikationer
VT17 - DA355A - Hybridapplikationer
Anton Tibblin
 
23@KTHB
23@KTHB23@KTHB
23@KTHBischia
 
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Anton Tibblin
 
VT2018 - DA355A - Phonegap, react, vue.js
VT2018 - DA355A - Phonegap, react, vue.jsVT2018 - DA355A - Phonegap, react, vue.js
VT2018 - DA355A - Phonegap, react, vue.js
Anton Tibblin
 
Digital tillgänglighet - projekt WAMDIA.EU
Digital tillgänglighet - projekt WAMDIA.EUDigital tillgänglighet - projekt WAMDIA.EU
Digital tillgänglighet - projekt WAMDIA.EU
Mats Brenner
 
Sociala medier och intranät, December 2009
Sociala medier och intranät, December 2009Sociala medier och intranät, December 2009
Sociala medier och intranät, December 2009
Joakim Lind
 
Uppgift 3e Presentation
Uppgift 3e PresentationUppgift 3e Presentation
Uppgift 3e Presentation
Jonilj
 
Seminarie 2 Pp 19 Jan 2010
Seminarie 2  Pp 19 Jan 2010Seminarie 2  Pp 19 Jan 2010
Seminarie 2 Pp 19 Jan 2010ingerlison
 

Similar to Seminarium1011 (12)

Webbdagarna One day build
Webbdagarna One day buildWebbdagarna One day build
Webbdagarna One day build
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Studium Digiflex
Studium DigiflexStudium Digiflex
Studium Digiflex
 
23@KTHB
23@KTHB23@KTHB
23@KTHB
 
VT17 - DA355A - Hybridapplikationer
VT17 - DA355A - HybridapplikationerVT17 - DA355A - Hybridapplikationer
VT17 - DA355A - Hybridapplikationer
 
23@KTHB
23@KTHB23@KTHB
23@KTHB
 
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
 
VT2018 - DA355A - Phonegap, react, vue.js
VT2018 - DA355A - Phonegap, react, vue.jsVT2018 - DA355A - Phonegap, react, vue.js
VT2018 - DA355A - Phonegap, react, vue.js
 
Digital tillgänglighet - projekt WAMDIA.EU
Digital tillgänglighet - projekt WAMDIA.EUDigital tillgänglighet - projekt WAMDIA.EU
Digital tillgänglighet - projekt WAMDIA.EU
 
Sociala medier och intranät, December 2009
Sociala medier och intranät, December 2009Sociala medier och intranät, December 2009
Sociala medier och intranät, December 2009
 
Uppgift 3e Presentation
Uppgift 3e PresentationUppgift 3e Presentation
Uppgift 3e Presentation
 
Seminarie 2 Pp 19 Jan 2010
Seminarie 2  Pp 19 Jan 2010Seminarie 2  Pp 19 Jan 2010
Seminarie 2 Pp 19 Jan 2010
 

Seminarium1011

  • 1. Matthias Palmer doktorand vid KTH, projektledare vid ULL Nya verktyg på webben
  • 2. Översikt ● Vad är en Widget ● OpenSocial Gadgets ● Bygga Gadgets själv ● Universitetsperspektivet ● Utblick
  • 3. Kärt barn har många namn: Widgets, Gadgets, Applications, Apps Definition: Små Webbaserade Verktyg ofta listade i centrala kataloger Definition av Widgets
  • 4. Konkret Igoogle – personlig startsida http://www.google.com/ig
  • 5. Kriterium 1: Små ● Dedikerade för en given arbetsuppgift ● Lättviktiga – små krav på omgivningen ● Kunna visas upp på liten yta http://www.flickr.com/photos/jesse_sneed/2383953694/
  • 6. Kriterium 2: Webbaserade Kan köras direkt i en webbrowser ELLER ÅTMINSTONE Jobba uteslutande med webbaserad data http://www.flickr.com/photos/30465871@N05/2934751640/
  • 7. Kriterium 3: Portabla Följa oberoende standarder som stödjs av många miljöer / på flera siter Därmed gå att använda i dessa miljöer / siter http://www.flickr.com/photos/donpezzano/3257999418/
  • 8. Kriterium 4: Tillgängliga i kataloger ● Förenklar upptäckt ● Främjar konkurrens ● Ger bra kriterier för beslut ● Antal nedladdningar ● Ratings / kommentarer ● Rekommendationer kan ges ● Enhetlig betalningsmodel ● Ger utvecklare en bättre sätt att exponera sina verk http://www.flickr.com/photos/misshaley/
  • 10. Ej Widgets – mitt perspektiv ● Icke webbaserade applikationer ● Desktop applikationer ● Många Mobil apps, t ex Android och iPhone apps ● Godtyckliga webgränsnitt ● Web sidor ● Webb applikationer ● Mashups ● Dataformat, t ex ● Nyhetsflöden ● Podcasts http://www.flickr.com/photos/chocoladeham/4141709925/
  • 11. Widgets enligt kriteria Teknologi Små Webb Portabla Kataloger W3C Widgets X X X OpenSocial Gadgets X X X X Web OS applikationer X X X Facebook applikationer X X X Iphone apps X X Android apps X X
  • 12. OpenSocial Gadgets ● Del av den större OpenSocial standarden ● Syftar att göra sociala nätverk portabla mellan siter ● Introducerades av google under 2007 (Konkurrera med Facebook genom att vara mer öppet) ● Drivs numera av ett oberoende konsortium ● Stöds av många platformar > 50 ● Kring 20 000 gadgets i olika kataloger ● Byggs ofta med html, javascript och CSS
  • 13. Vi använder googles komma igång hjälp på: http://code.google.com/apis/igoogle/docs/igoogledevguide.html Samt lägger upp det vi byggt på iGoogle, dvs en (min) personliga startsida http://www.google.com/ig Bygga själv
  • 14. Två användningar av gadgets Vi kan bädda in gadgets i vanliga websidor Vi testar med en gadget från googles katalog http://www.google.com/ig/directory ELLER Widgets på sociala nätverkssidor Först då utnyttjar man hela OpenSocial!
  • 15. OpenSocial Gadgets har tillgång till ● Personlig profil ● Socialt nätverk ● Enkel data per person i nätverket ● Mediafiler ● Flöde av aktiviteter http://www.flickr.com/photos/treborscholz/2984039389/
  • 16. Universitetsperspektivet Plocka in externa verktyg till publika webbsidor / inloggade miljöer ELLER Ge tillgång till universitetstjänster i andra sociala nätverksplatformar
  • 17. Fördelar och Nackdelar ● Plocka in externa verktyg + Mycket funktionalitet tillgänglig - Kvalitetskontroll behövs - Stöd för samarbete i grupper saknas ● Exponera universitetstjänster + Ökad tillgänglighet - Säkerhetsaspekter kring data måste tas på allvar +/- undervisning – läraren kontrollerar inte miljön - sammanhanget, t ex en kurs, går förlorat
  • 18. Utblick ● Stöd för grupper oberoende av personer ● Kommunikation mellan gadgets ● Användbarhet, fungerar det med små verktyg sida vid sida? ● Uppdateringar, inte bara för chat.