DGI&

Det sociale net

H j ?Hvem er jeg?j g

RasmusRasmus Luckow-Nielsen

28 å28 år

N bNørrebroø

W b d iklWebudvikler

ellerellerSystem arkitektUdviklingschefProjektlederProgrammør

K l tKonsulent

Arbejder somArbejder som konsulent påkonsulent på...

(f b k f køb h )(facebook for københavnere)

M h ll l tMen har ellers lavet

M h ll l tMen har ellers lavet

M h ll l tMen har ellers lavet

(sammen med 4 andre fantastiske gutter)( g )

(sammen med 4 andre fantastiske gutter)( g )

Sig din mening omSig din mening om københavn

og find steder som

Det hemmelige galleriDet hemmelige galleri

Assistens KirkegårdAssistens Kirkegård

GranolaGranola

Kongens Have / Rosenborg Slot

Kastrup SøbadKastrup Søbad

UngerenUngeren

Nordhavn Øst

eller

Fakta på AmagerbrogadeFakta på Amagerbrogade

Nå!Nå!

InspirationInspiration

MulighederMuligheder

(og begrænsninger)(og begrænsninger)

Vi skalVi skal kksnakke

om en masseom en massek lteknologierg

(og buzzwords)(og buzzwords)

Hvad erHvad er

Web 2 0?Web 2.0?

bWeb 2.0

O’Reillys definitionO Reillys definition

Web 1.0 Web 2.0DoubleClick > Google AdSenseDoubleClick --> Google AdSense

Ofoto --> FlickrAk i Bi TAkamai --> BitTorrent

mp3.com --> NapsterBritannica Online --> Wikipedia

personal websites --> bloggingevite --> upcoming.org and EVDB

domain name speculation --> search engine optimizationdomain name speculation search engine optimizationpage views --> cost per click

screen scraping > web servicesscreen scraping --> web servicespublishing --> participation

t t tcontent management systems

--> wikis

di i ( ) i ("f lk ")directories (taxonomy) --> tagging ("folksonomy")stickiness --> syndication

F j k ik tiFra envejskommunikation

Til ” til ”Til ”mange til mange”

W b 2 0 bådWeb 2.0 er både

k i kteknisk og

kultureltkulturelt

KultureltKulturelt

Deling: Af viden, data og informationSamarbejde: Brugerne skaber indholdetSamarbejde: Brugerne skaber indholdetForædling: Er mere end delene tilsammenLokalisering: Hvor sker det?Personalisering: Vi er alle forskelligePersonalisering: Vi er alle forskelligeRemix: Både kulturelt og i teknisk forstand( )(Identitet: Hvem er jeg - hvem er mine venner?)

Flere eksempler på mortengade.dk

DelingDeling

DelingDeling

SamarbejdeSamarbejde

SamarbejdeSamarbejde

ForædlingForædling

ForædlingForædling

LokaliseringLokalisering

LokaliseringLokalisering

RemixRemix

RemixRemix

Sociale netværkSociale netværk

D t 2 åDe seneste 2 år

Er gået ret så stærkt!... Er gået ret så stærkt!

Jeg er blevet medlem af mangeg g(nye) online fællesskaber

En bølge af sites

Min polske musik soulmate ☺

(og snart)

Samt en masse jeg har glemt

(eller ikke vil kendes ved)

men

First movers(som os)

bliver trætte

”Social network fatique”

men på græsrodsniveau spirer enmen på græsrodsniveau spirer en masse nye teknologiermasse nye teknologier

TeknikTeknik

Mi b i tMin brainstormi fAPI, XML, Microformats, XFN, FOAF,

OpenSocial, DataPortability, OpenID, DiSo, p , y, p , ,FBML, Mashup, Folksonomy, AJAX, Google M R b R il S ff ldi F kMaps, Ruby on Rails, Scaffolding, Frameworks, Drupal, Wiki, Prototype, script.aculo.us, jQuery, Yahoo User Interface, REST, SOAP, Blogs Wordpress Twitter/Jaiku LifestreamsBlogs, Wordpress, Twitter/Jaiku, Lifestreams, SOA, Grid, P2P, decentralisering, åbne standarder, CardSpace, Semantisk web, Social Graph Creative Commons OAuth Geo:RSSGraph, Creative Commons, OAuth, Geo:RSS, APML, POSH, JSON

Tekniske trends

• Åbenhed • Indhold fx Creative Commons licenserIndhold, fx Creative Commons licenser• Kode, ofte open source

• Semantik• StrukturStruktur• Forædling af data

S i• Services• API’er og mashupsg p

”openness”&

decentralisering

”Type once use everywhere”Type once, use everywhere-behold ejerskab af dine databehold ejerskab af dine data

”One login to rule them all”

OpenID 1.0 har SREGOpenID 1.0 har SREG(Simple Registration Extension)( p g )

SREG f l dSREG gemmer følgende:- NicknameNickname- Fullname- Email- BirthdateBirthdate- Country

L- Language- Timezone- Gender

Postcode- Postcode

Version 2.0 med”Attribute Exchange”

giver mange flere muligheder

Meget kunne også gøres med

Mere ”semantisk sukker”

Semantisk forædling af din html

Pave the cow pathsPave the cow paths

Design for humans first, gmachines second

+

http://claimid.com/luckow

hCard

http://claimid.com/luckow

http://microformatique.com/optimus/

Optimus = Transmogriffer!

XFNXFN(XHTML Friends Network)

rel = ”me”

100

Mine sider (claims)Mine sider (claims)

rel = ”met friend”

XFN values

relationship category XFN values

friendship (at most one): friend acquaintance contact

physical: met

professional: co-worker colleague

geographical (at most one): co-resident neighbor

family (at most one): child parent sibling spouse kin

romantic: muse crush date sweetheart

identity: me

(check Wordpress’ blogrolls)

Social Graph APIp

Find dine venner

Nå d å i lNår du starter på nye sociale t knetværk...

Ki ftKigger efter

XFNXFN&

FOAFFOAF(Friend of A Friend)(Friend of A Friend)

Link

Social Graph APIp

Eksempler:Site ConnectivitySite ConnectivityMy connectionsSix Apart

Ud t k i t d d t å ditUdnyt eksisterende data på dit websitewebsite

Via Optimus

Link

Men det ligner jo næsten et...

API?API?

Close,Close,but no cigarbut no cigar

Fx manglerFx mangler søgemulighedersøgemuligheder

Så et API kan væreSå et API kan være nødvendigtnødvendigt

Hvis du vil giveHvis du vil give li h d f k ldmulighed for kald”på tværs”på tværs

Eller hvis der skalEller hvis der skal k k ivære ekstern skrive-

mulighedmulighed

API’en giver ogsåAPI en giver ogsåmulighed formulighed for

li iDecentralisering

eller rettere

D li iDeportaliseringp g

Indhold vises i andreIndhold vises i andre sammenhængesammenhænge

Fx en ------------- applikation

Eller en

applikation

Eller brugerne kan lave mashups- genbruge data i sammenhænge

i slet ikke har forestillet jer

125

k l !Eksempler!

Vi b d bil itkbh dkVi byggede mobil.mitkbh.dk

på api mitkbh dk... på api.mitkbh.dk

Mi ikMin musiksmag>>

(APML)

Samarbejde og eksponeringSamarbejde og eksponering

G lGroovle(et pænere Google)

>>

C d iCrowdsourcingDi St k T itt Vi iDiggStack >> TwitterVision >>

Fi d j dk/ ilFindvej.dk/smiley

Google Maps + Geo:RSS

Fi d j dk/ ilFindvej.dk/smiley>>

k l i?API teknologi?

RESTRESTREpresentation State TransferREpresentation State Transfer

B URI' fBruger URI'er som ressourcer, fxhttp://api.test.dk/findbrugerep // p /f gKan være meget simpelt, og nemt at gå til

Autenticering via HTTP.

XML RPCXML-RPCXML - Remote Procedure CallXML Remote Procedure Call

D d f ilb i d fi dData sendes frem og tilbage via predefinerede XML strukturer.Simpelt, og forgænger til SOAP.

Brugt fx i Trackbacks og linkbacks i blogs

SOAPSOAP(Simple Object Access Protocol)(Simple Object Access Protocol)

Service Oriented Architecture Protocol

Servicen er beskrevet i en WSDL fil, og data bliver pakket ind i XML pakkerKomplekst tungt og mest brugt i storeKomplekst, tungt og mest brugt i store systemer. Standard i .NET platformen

Autenticering indbygget i SOAP protokollenAutenticering indbygget i SOAP protokollen

Hvad med ?

”OpenWidget”p g

Det må tiden vise

Det er ikke rigtig parat

Men det kommerMen det kommer måske til at dannemåske til at danne

ramme om distribuerede applikationer

Fremtidige trendsFremtidige trends

Service-Oriented Architecture

Amazon AWS / S3

( The Grid )( )

M bil t l f å tt t i 2009Mobil telefoner på nettet i 2009

<andre identitetsløsninger>

Identitet på nettet bliver integreret i

browsere & styresystemer

( for en sikkerheds skyld )

Microsoft CardSpaceMicrosoft CardSpace

Link

Netamia Net-safeNetamia Net safe

- Dansk produceret- Dansk produceret- Samler mange standarder, fx SAML, OpenID, CardSpace m.fl.- Bekræfter identitet via tlf mvBekræfter identitet via tlf., mv.

150

</andre identitetsløsninger>

Tilbage til startTilbage til start

Hvad erHvad er

KBH.dk skal være den digitale infrastruktur, der understøtter skabelsen af sociale relationer, og skal teknisk give københavnerne let-anvendelige muligheder for at danne grupper, udveksle sociale ressourcer, skabe

d l d d kk darrangementer og tage del i dem, samt udtrykke sig ved hjælp af bl.a. blogs, fotos og video.KBH dk k l k b f d fKBH.dk skal kunne bruges af personer udenfor Københavns grænser, og eks. være til gavn for bl.a. turister der via netværket kan møde københavnerneturister, der via netværket kan møde københavnerne.

Få k b h til t bFå københavnerne til at bruge København i ”real life”☺København i real life ☺

vs

Lukket / Kommercielt Åbent / Ikke-kommercieltLukket / Kommercielt

Rent socialt netværk –omdrejningsp nktet er dig og

Åbent / Ikke-kommercielt

Mere en hybrid mellem ”gro p are” og et socialtomdrejningspunktet er dig og

dine venner”groupware” og et socialt netværk – grupperelationerne er bærende

Notificeringer sker når dine venner laver handlinger, men

Både grupper og venner er omdrejningspunkt, men g ,

intet fremkommer når fx nye posts kommer i dine grupper

j g p ,grupperne vil nok være de vigtigste

Fjollet Mere seriøst

Envejskommunikation Vi lancerer API og satser på atEnvejskommunikation(er dog ved at åbne op)

Properitært

Vi lancerer API og satser på at blive OpenSocial Container

Open so rceProperitært

Ufatteligt mange brugere

Open source

Noget mere begrænset

Fællesskab baseret på

målgruppe ☺

Fællesskab bliver mere gruppe pbrugerrelationer

g ppog interesse baseret

F ll k b k iFællesskab omkring

BydeleBydeleGaderInteressegrupperForeningerForeningerFrivilligt arbejde

Intelligente forslagg g

DiskussionsoplægDiskussionsoplæg

Groupware ellerGroupware eller socialt netværk?

Eller begge?

Venner med personerVenner med personer versus

medlemskab af grupper

b kMen Facebook mener jeg er tættere på social network end groupwarepå social network end groupware. Man bliver fx ikke notificeret når der bliver skrevet noget i en gruppe man er tilmeldt h orimod manman er tilmeldt, hvorimod man bliver informeret om alt ens vennerbliver informeret om alt ens venner laver...

... sagde Kasper Garnæs

Fokusområde – eller generelFokusområde eller generel platform?platform?

Nikeplus.com

Kommunikationsform:Kommunikationsform: Lange beskeder (blogs, artikler, forum)

eller” h t ” (t itt j ik f b k)”shouts” (twitter, jaiku, facebook)

??

Bygge det hele selv?Bygge det hele selv?Eller finde stumper på nettet vi kan bruge?p p g

Ki kKickapps.com

Software As A Service

Lad os komme igang!g g

K THXK THX BYEBYE

Rasmus Luckow NielsenRasmus Luckow-Nielsenwww.poso.dk

l k @ ilrasmus.luckow@gmail.com30 22 45 45