Foredrag om web 2.0, sociale netværk og lidt teknisk afholdt for DGI

1. DGI
&
Det sociale net

2. Hvem er j g?
H jeg?

3. Rasmus
Luckow-Nielsen

4. 28 år
å

5. Nørrebro
Nø b

6. Webudvikler
W b d ikl

7. eller
System arkitekt
Udviklingschef
Projektleder
Programmør
Konsulent
K l t

8. Arbejder som
konsulent på
på...

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

11. Men h
M har ellers l t
ll lavet

12. Men h
M har ellers l t
ll lavet

13. Men h
M har ellers l t
ll lavet
(
(sammen med 4 andre fantastiske g
gutter)
)

14. (
(sammen med 4 andre fantastiske g
gutter)
)

16. Sig din mening om
københavn

17. og find steder som

18. Det hemmelige galleri

19. Assistens Kirkegård

20. Granola

21. Kongens Have / Rosenborg Slot

22. Kastrup Søbad

23. Ungeren

24. Nordhavn Øst

25. eller

26. Fakta på Amagerbrogade

27. Nå!

28. Inspiration

29. Muligheder

30. (og begrænsninger)

31. Vi skal
snakke
kk

32. om en masse
teknologier
k l g

33. (og buzzwords)

34. Hvad er
Web 2.0?
2 0?

35. Web 2.0
b

36. O Reillys
O’Reillys definition

37. Web 1.0 Web 2.0
DoubleClick -->
> Google AdSense
Ofoto --> Flickr
Ak
Akamai i --> BitTorrent
Bi T
mp3.com --> Napster
Britannica Online --> Wikipedia
personal websites --> blogging
evite --> upcoming.org and EVDB
domain name speculation --> search engine optimization
page views --> cost per click
screen scraping -->
> web services
publishing --> participation
content management
t t t
--> wikis
systems
directories (
di i (taxonomy) ) --> tagging (quot;f lk
i (quot;folksonomyquot;)
quot;)
stickiness --> syndication

38. Fra
F envejskommunikation
jk ik ti

39. Til ”
”mange til mange”
”

40. Web 2.0 båd
W b 2 0 er både
teknisk
k ik
og
kulturelt

42. Kulturelt

43. Deling: Af viden, data og information
Samarbejde: Brugerne skaber indholdet
Forædling: Er mere end delene tilsammen
Lokalisering: Hvor sker det?
Personalisering: Vi er alle forskellige
Remix: Både kulturelt og i teknisk forstand
(Identitet: Hvem er jeg - hvem er mine venner?)
( )
Flere eksempler på mortengade.dk

44. Deling

45. Deling

46. Samarbejde

47. Samarbejde

48. Forædling

49. Forædling

50. Lokalisering

51. Lokalisering

52. Remix

53. Remix

54. Sociale netværk

55. De
D seneste 2 å
t år

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

57. Jeg er blevet medlem af mange
g g
(nye) online fællesskaber

58. En bølge af sites

69. Min polske musik soulmate ☺

70. (og snart)

71. Samt en masse jeg har glemt

72. (eller ikke vil kendes ved)

73. men

74. First movers
(som os)
bliver trætte

75. ”Social network fatique”

76. men på græsrodsniveau spirer en
masse nye teknologier

77. Teknik

78. Mi b i t
Min brainstorm
API, XML, Microformats, XFN, FOAF,
i f
OpenSocial, DataPortability, OpenID, DiSo,
p , y, p , ,
FBML, Mashup, Folksonomy, AJAX, Google
Maps, Ruby on R il S ff ldi F
M R b Rails, Scaffolding, Frameworks,
k
Drupal, Wiki, Prototype, script.aculo.us,
jQuery, Yahoo User Interface, REST, SOAP,
Blogs, Wordpress, Twitter/Jaiku, Lifestreams,
Blogs Wordpress Twitter/Jaiku Lifestreams
SOA, Grid, P2P, decentralisering, åbne
standarder, CardSpace, Semantisk web, Social
Graph,
Graph Creative Commons, OAuth Geo:RSS
Commons OAuth, Geo:RSS,
APML, POSH, JSON

79. Tekniske trends
• Åbenhed
• Indhold fx Creative Commons licenser
Indhold,
• Kode, ofte open source
• Semantik
• Struktur
• Forædling af data
•S i
Services
• API’er og mashups
g p

80. ”openness”
&
decentralisering

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

82. ”One login to rule them all”

87. OpenID 1.0 har SREG
(Simple g
( p Registration Extension)
)

88. SREG gemmer f l d
følgende:
- Nickname
- Fullname
- Email
- Birthdate
- Country
-LLanguage
- Timezone
- Gender
- Postcode

89. Version 2.0 med
”Attribute Exchange”
giver mange flere muligheder

90. Meget kunne også gøres med

92. Mere ”semantisk sukker”

93. Semantisk forædling af din html

94. Pave the cow paths
Design for humans first,
g
machines second

95. +
http://claimid.com/luckow

96. hCard
http://claimid.com/luckow

97. http://microformatique.com/optimus/

98. Optimus = Transmogriffer!

100. XFN
(XHTML Friends Network)

101. rel = ”me”
100

102. Mine sider (claims)

103. rel = ”met friend”

104. 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

105. (check Wordpress’ blogrolls)

106. Social Graph API
p

107. Find dine venner

108. Nå du starter på nye sociale
Når d å i l
netværk...
t k

109. Ki
Kigger efter
ft
XFN
&
FOAF
(Friend of A Friend)
Link

110. Social Graph API
p
Eksempler:
Site Connectivity
My connections
Six Apart

111. Udnyt k i t
Ud t eksisterende d t på dit
d data å
website

113. Via Optimus
Link

114. Men det ligner jo næsten et...

115. API?

116. Close,
but no cigar

117. Fx mangler
søgemuligheder

118. Så et API kan være
nødvendigt

119. Hvis du vil give
mulighed f k ld
li h d for kald
”på tværs”
på tværs

120. Eller hvis der skal
være ekstern skrive-
k ki
mulighed

121. API en
API’en giver også
mulighed for

122. Decentralisering
li i

123. eller rettere

124. Deportalisering
D p li i g

125. Indhold vises i andre
sammenhænge

126. Fx en ------------- applikation

127. Eller en
applikation

128. Eller brugerne kan lave mashups
- genbruge data i sammenhænge
i slet ikke har forestillet jer
125

129. Eksempler!
k l !

130. Vi b
byggede mobil.mitkbh.dk
d bil itkbh dk
... på api mitkbh dk
api.mitkbh.dk

132. Min
Mi musiksmag
ik
>>
(APML)

133. Samarbejde og eksponering
Groovle
G l
(et pænere Google)
>>

134. C
Crowdsourcing
d i
DiggStack
Di St k >> T itt Vi i >>
TwitterVision

135. Findvej.dk/smiley
Fi d j dk/ il

136. Google Maps + Geo:RSS
Findvej.dk/smiley
Fi d j dk/ il
>>

138. API teknologi?
k l i?

139. REST
REpresentation State Transfer
B
Bruger URI'er som ressourcer, fx
URI' f
p // p /f g
http://api.test.dk/findbrugere
Kan være meget simpelt, og nemt at gå til
Autenticering via HTTP.

140. XML RPC
XML-RPC
XML - Remote Procedure Call
D
Data sendes f ilb
d frem og tilbage via predefinerede
i d fi d
XML strukturer.
Simpelt, og forgænger til SOAP.
Brugt fx i Trackbacks og linkbacks i blogs

141. SOAP
(Simple Object Access Protocol)
Service Oriented Architecture Protocol
Servicen er beskrevet i en WSDL fil, og data
bliver pakket ind i XML pakker
Komplekst,
Komplekst tungt og mest brugt i store
systemer. Standard i .NET platformen
Autenticering indbygget i SOAP protokollen

142. Hvad med ?

143. ”OpenWidget”
p g

144. Det må tiden vise

145. Det er ikke rigtig parat

146. Men det kommer
måske til at danne
ramme om
distribuerede
applikationer

147. Fremtidige trends

148. Service-Oriented Architecture
Amazon AWS / S3

149. ( The Grid )

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

151. <andre identitetsløsninger>

152. Identitet på nettet bliver
integreret i
browsere & styresystemer

153. ( for en sikkerheds skyld )

154. Microsoft CardSpace
Link

155. Netamia Net safe
Net-safe
- Dansk produceret
- Samler mange standarder, fx SAML, OpenID, CardSpace m.fl.
- Bekræfter identitet via tlf mv
tlf., mv.
150

156. </andre identitetsløsninger>

157. Tilbage til start

158. Hvad er

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

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

161. vs

162. Lukket / Kommercielt Åbent / Ikke-kommercielt
Rent socialt netværk – Mere en hybrid mellem
omdrejningspunktet
omdrejningsp nktet er dig og ”groupware”
”gro p are” og et socialt
dine venner netværk – grupperelationerne
er bærende
Notificeringer sker når dine Både grupper og venner er
venner laver handlinger, men
g , omdrejningspunkt, men
j g p ,
intet fremkommer når fx nye grupperne vil nok være de
posts kommer i dine grupper vigtigste
Fjollet Mere seriøst

163. Envejskommunikation Vi lancerer API og satser på at
(er dog ved at åbne op) blive OpenSocial Container
Properitært Open source
so rce
Ufatteligt mange brugere Noget mere begrænset
målgruppe ☺
Fællesskab baseret på
p Fællesskab bliver mere gruppe
g pp
brugerrelationer og interesse baseret

164. F ll k b omkring
Fællesskab ki
Bydele
Gader
Interessegrupper
Foreninger
Frivilligt arbejde

165. Intelligente forslag
g g

166. Diskussionsoplæg

167. Groupware eller
socialt netværk?
Eller begge?

168. Venner med personer
versus
medlemskab af grupper

169. Men Facebook mener jeg er tættere
b k
på social network end groupware
groupware.
Man bliver fx ikke notificeret når
der bliver skrevet noget i en gruppe
man er tilmeldt, h orimod man
tilmeldt hvorimod
bliver informeret om alt ens venner
laver...
... sagde Kasper Garnæs

170. Fokusområde – eller generel
platform?

172. Nikeplus.com

173. Kommunikationsform:
Lange beskeder (blogs, artikler, forum)
eller
”shouts” (twitter, jaiku, facebook)
” h t ” (t itt j ik f b k)
?

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

175. Kickapps.com
Ki k
Software As A Service

176. Lad os komme igang!
g g

177. K THX
BYE
Rasmus Luckow Nielsen
Luckow-Nielsen
www.poso.dk
rasmus.luckow@gmail.com
l k @ il
30 22 45 45