From Sites to Flows: Designing for the Porous Web

Even Westvang

From Sites to Flows: Designing for the Porous Web

Attribution-NonCommercial-ShareAlike 2.5

Outline

• An Example

• A Tentative Vocabulary

• Enabling Technologies

• Underskog (a work in progress)

First an example

Say I have a website

www.site.com

Say I have a website

and I turn it into a weblog

www.site.com

. monday: went to theshop to get dog food inattempt to ingratiatemyself with land lady.. saturday: skype sessionsfewer and fewer as XMASapproaches.

Say I have a websiteand I turn it into a weblog

and I decide to let Blogger host it for me

www.site.com




and Blogger offers me commenting

www.site.com




and Blogger offers me commenting and trackback

www.site.com




and Blogger offers me commenting and trackback and a feed

www.site.com



and I decide to let Blogger host it for meand Blogger offers me commenting and a feed and trackback

posting every day, I start writing in Ecto

www.site.com


ecto


and I decide to let Blogger host it for meand Blogger offers me commenting and and a feed and trackback

posting every day, I start writing in Ecto

my digital snaps are on !ickr, but also on my site

www.site.com


ecto



posting every day, I start writing in Ectomy digital snaps are on Flickr, but also on my site

Flickr offers feeds of many aspects of their site

www.site.com


ecto



posting every day, I start writing in Ectomy digital snaps are on Flickr, but also on my siteFlickr offers feeds of many aspects of their site

I combine it with that from my site with Feedburner

www.site.com


ecto


and I decide to let Blogger host it for meand Blogger offers me commenting and RSS and trackback


I combine it with that from my site with Feedburner

and I use Uploader to get images to Flickr

www.site.com


ecto

uploadr




I combine it with that from my site with Feedburnerand I use Uploader to get images to Flickr

but sometimes also my phone

www.site.com


ecto

uploadr

phon

e

cam

(mail

)




I combine it with that from my site with Feedburnerand I use Uploader to get images to Flickr

but sometimes also my phone

the resulting feed may be viewed in a newsreader

www.site.com


ecto

uploadr

phon

e

cam

(mail

)

reader




Flickr offers RSS feeds of many aspects of their siteI combine it with that from my site with Feedburner

and I use Uploader to get images to Flickrbut sometimes also my phone

the resulting feed may be viewed in a newsreader or on Bloglines

www.site.com


ecto

uploadr

phon

e

cam

(mail

)

reader

Bloglines






the resulting RSS feed may be viewed in a newsreader or on Bloglines

and oh, I’ve started using del.icio.us

www.site.com


ecto

uploadr

phon

e

cam

(mail

)

reader

Bloglines








www.site.com


ecto

uploadr

phon

e

cam

(mail

)

reader

Bloglines

Perhaps a question:








www.site.com


ecto

uploadr

phon

e

cam

(mail

)

reader

Bloglines

Perhaps a question: do I still have a website








www.site.com


ecto

uploadr

phon

e

cam

(mail

)

reader

Bloglines

Perhaps a question: do I still have a website, or do I maintain a series of !ows








www.site.com


ecto

uploadr

phon

e

cam

(mail

)

reader

Bloglines

Perhaps a question: do I still have a website, or do I maintain a series of !ows, in an ecology of services?

A Tentative Vocabulary

An Utterance in Contexts with Relevance and Proximity

• Lent from pragmatics (Austin, Searle)• “An utterance is a complete unit of speech in spoken language.”

• Adapted for this context

• A distribution system centric definition:

• ‘Utterance’ denotes the atomic unit of expression (image, music, text) which may move through one level of a distribution chain







• The value of an utterance depends on context

• What if one may multiply the contexts an utterance appears in?

• Infrastructures for media diffusion

• Example: where an editor may syndicate and aggregate from sources


• News agencies and the telegraph

• Led to local press taking market shares from big city papers

• Multiplication of contexts led to the robust language of news (Fang 97, p.82)

• Nothing new in the why, but rather the how and the who


• Additionally: what if utterances may be managed machinically...

• so that they may appear where relevant (to discourse)


• An utterance may have metadata (location, time, author, ...)

• A much talked about strategy for finding sets of relevance (or at least similarities) is tagging

• Others: bayesian filtering, collaborative filtering, ontologies and controlled vocabularies (Dewey)


• Montage: spatial and temporal

• Proximity eases cognition along axes of relevance in different contexts


• The central point: flow enables expression through multiplication of utterances...

• like a smart megaphone with relevance criteria


• These developments are happening within personal media

• At times enabled by CC-licensing

• Little friction: only users wishing be heard, not trying to protect their rights or make money out of their weblog posts


Enabling Technologies

Technologies of Flow

• A set of standards

• Built on other standards (HTTP / XML)

• Fixed by darwinian processes & negotiation

• Small pieces... loosely joined

• An ongoing process

Starting point: personal publishing

• Personal publishing software

• Hosted (Blogger - Livejournal)

• On your own server (Movabletype, ...)

• Weblogging as genre dependent on publishing technologies (updating)

• Only a few technology providers needed agree (they didn’t though)

Speci"c Standards

• Trackback

• RDF Site Summaries (RSS)

• Web Services / APIs (over XML-RPC, SOAP, REST)

Trackback

• Attempts discourse across weblogs / offers bidirectional linking

• Commenting by proxy

• Example: Mena Trott’s introducing pricing structures to Movabletype

• Two contexts – joined


RDF Site Summaries (RSS)

• Or Really Simple Syndication

• A means of knowing that a resource has been updated

• Or simply obtaining a list to other resources

• Enables syndication and aggregation (in other RSS feeds or on web sites)


RSS

• Yes, it may just be a way of reading the morning paper...

• and yes it is just a list of links with descriptions and pithy metadata

• (while keeping in mind: HTML is only a document format)

RSS Enables

• News readers (which do not only read news)

• Confluence of information sources on web sites (Blogger + Delicious + Flickr + ... )

• Podcasting (RSS Enclosures)

• Broadcatching (silly term – RSS Enclosures + BitTorrent)

Web Services

• Simple ways of asking a service questions about its content

• Moves structured data from one context to another

• Examples: Flickr API, Google maps, Yahoo (flickr, delicious, search, sematic networks)


UnderskogSocial Calendaring for Oslo

Underskog

• Social calendaring

• find out what is happening as a function of what your friends are up to

• maintains a global calendar of events everyone is interested in

• Collaborative weblog

• for richer disclosure & common scope

Design

• Uses a relatively recent set of design idioms for web applications

• Explicitly Social

• Collaborative

• Dense

• Situated (at least half the work is social - ref. upcoming.org)

• Porous

• Firefly, Six degrees, Flickr, Livejournal, Orkut, Myspace, ...

Development

• Simen Skogsrud & Even Westvang (Bengler) feat. Alexander Staubo

• Interdisciplinary team

• No specification (contrast w/ Sone2)

• Stories and to-do lists

• 1 month (300hrs) part-time effort from first planning meeting to release

Personal media in collective contexts

• Service must be valuable for the individual

• Collect utterances on shared artifacts

• Design for disclosure

• Remember the lesson of Six-Degrees: reflecting a personal network is fun for 2 days, but not sufficiently valuable (oh, fright)

• 643 comments

• 5000 private messages

• 219 events

• 720 recommendation or attendances

Underskog is a Gift

• No plan to monetize

• We want it ourselves and think it may make Oslo better for our friends, their friends and their friends and their friends (everyone)

Underskog is Research

• Explicitly an effort to learn to design social software (reverse engineering of observations + domain specific solves)

• Almost impossible to find data on usage : build something to see how it is used

Sun_Apr_24_01_24_29_2005www.hoyre.no.pickle:6076 pages crawled. Link depth 1. Domain depth 2

10

6

4

22

7

4

2

22

125

3

5332

323

54

22

179

81

2

43

2

2

2

22

2

3

214

256

1841

23

31395

2746

379

42

367

128

73

137

43

43

1009

85

126

4

4

411

4

3

23

87

19

2

2

812

7

2

2

3219

35

966

933

10533

92

10394

192

101

94

8

4

3

2

2

2

2

25

3

2

2508

242267

4042

181

22

8489

1518

235

4042

12

77

96

21039

13439

172

134

58

39

20

20

20

20

8

9

22

9

3996

47

662

47

415139

277

47

47

47

47

2

2

11

2

114

3

7

2

2

3

2

2

2

2

3391

3

53

4

18

8

2

2

2

38

2

4

2

2

2

2

2

2

3

2

2

2614

2

2

2

32

13

2

2

2

135

2

2

22

2

2

2

2

2

3

22

22

2

4

43

2

2

22

2

3

5

2

2

2

2

2

2

2

16

5

2

47

4

10

3

11

2

40

2

2

2

2

2

2

3

4

4848

52

2

3

3

77

2

2

7878

3

8

4

2

13

49

2

6

2

2

62

3

2

3

2

2

2

4

7

2

2

204

3

2

2

33

8

62747575

7861

4436

218

33

22

33

22

23

22

2

2

2

3

2

2

3

2

3

3

3

3

38

20

22

5

17

19

3

2

2

2

4

2

4

2

2

47 4

11

26

3

2

3

5

10

5

6

2

3

6

3

4

5

4

2

3

5

3

2

4

7

2

4

2

2

2

2

2

3

2

2

2

2

2

2

2

10

8180

2

17

2

2

21

19

203

6

6

60

8

56

5216

5

2

47

4

37

2

58

8

75

5

5

2

2

175

150

2

72

3

53

5

16

3

2 3

2

5

4

2

7

2

27

2

3

6

2

7

22

2

2

2

2

3

72

3

2

2

3

4

2032

3

4

7

2

2311 2

18

9

2

13

4713 5

7

2

2

3

3

2

1130

8

2

3

3

2

4

15

323

4

2

3

6

4602

67

38

4

3

2

22

4

6

23

17349

19

25

2

publikasjoner_dep_no

akademika_no

sv_uio_no

uib_no

odin_dep_no

aftenposten_no

nrk_no

www7_nrk_no

www2_nrk_no

norsk_lysingsblad_no

norge_no

lovdata_no

forbruker_no

debatt_aftenposten_no

tux_aftenposten_no

oslopuls_no

storm_no

tux1_aftenposten_notux2_aftenposten_no

aftenspill_no

kundesenter_aftenposten_no

presse_no

fotball_aftenposten_no

aftenposten_transact_no

aftenposten_inpoc_no

foto_aftenposten_no

aftenposten_dinpris_no

atekst_mediearkivet_no

avisbud_aftenposten_no

aftenpostenguiden_no

hopey_netfonds_no

aftenposten_by_com

dep_no

sb02_firstmover_no

stortinget_no

statsbudsjettet_dep_no

adobe_com

pensjonsreform_no

jobbifinans_dep_no

aetat_no

kongehuset_no

samediggi_no

domstol_no

statskalenderen_no

epos_stortinget_no

signform_com

creuna_no

creuna_comcreuna_dk

creuna_se

metastorm_com

eu-oplysningen_dk

folketinget_dk

europa_eu_int

bedin_no

invanor_no

nho_no

arkiv_dn_no

dn_no

avis_dn_no

nhst_no

payex_com

mediearkivet_no

europaportalen_no

norden_org

nb_no

ssb_no

kostra_dep_no

spk_no

dna_no

frp_no

senterpartiet_no

sv_no

hoyre_no

blimed_hoyre_no

trygdeetaten_no

adobe_no

microsoft_com

europarl_eu_int

orion-search_no

schibsted_no

www3_nrk_no

nortrade_com

norway_info

vennesla_kommune_no

fcnorway_no

132_150_5_11

buskerud_hoyre_no

akershus_hoyre_no

rogaland_hoyre_no

hedmark_hoyre_no

hordaland_hoyre_no

nord-trondelag_hoyre_no

ostfold_hoyre_no

statsbudsjett_dep_no

npd_no

universell-utforming_miljo_no

un_org

raadhuset_no

luftfartstilsynet_no

secretariat_efta_int

althingi_is

lnu_no

hundrearsmarkeringen_no

riksrevisjonen_no

sivilombudsmannen_no

eos-utvalget_nowww5_nrk_no

krf_no

kystpartiet_no

venstre_no

eduskunta_fi

riksdagen_se

ipu_org

assembly_coe_int

nato-pa_int

osce_org

assembly-weu_org

europakommisjonen_no

esop_no

stortingets-presselosje_org

ptil_no

oed_no

norad_no

petrad_no

nve_no

sft_no

cia_gov

npdiis_npd_no

ips_odin_asap-asp_com

adserver_adtech_de

adtech_de

forvalt_no

dn_no:80

spv_no

hoplands_no

telenor_no

cargonet_no

mercuriurval-norge_no

fabi_no

bizkit_no

trygg-hansa_no

yit_no

www

kunnskapsloeftet_no

gronnstat_no

norfolier_no

delphi-consulting_no

connex_no

sandviks_com

mercuriurval-norge_com

raufossmetall_no

iscogroup_no

nes-ak_kommune_no

01.12.05

14.12.05

14.12.05no founders

The Porous Underskog

The Leaky Forest

• RSS

• iCal - events > calendars (example)

• My events on my web page

• Flickr integration

• Parasitic relationship across tag spaces

RSS

• Updates

• Tags have RSS feeds

• A user (Jørgen) has requested: I need a RSS feed of objects I have contributed to which have updated

My events on my web page

• Can we use Underskog for our calendaring?

• Yes, you can, but not without participating and inviting your friends and telling everyone what you are doing

iCal

• Calendaring feeds for you or your circle

iCal

• Calendaring feeds for you or your circle

Underskog Needs Images

• For coverage of past events

• And to lend a general feeling of placeness

Integrating Flickr and Underskog

• Flickr has an API and tags

• Underskog has tags

• First thought explicit namespace joining: underskog.no as tag

• Then: how about just Oslo + (whatever)

• Rights management: Creative Commons + click wrap

Flickr + Underskog

• Allows us to offers thousands of contextually relevant images

• Encourages our users to use Flickr

• While giving our users the possibility of having these images used in other contexts (43places.com)

Plans...

• Two-way SMS alerts and status notification (swipe message rating of concerts in progress through RFIDs in toilets)

• Location based through IP or positioning

• Finding ways of getting Underskog into other contexts like the physical & public (PDF, newspaper, the video billboard outside Oslo S)

Designing for the Porous Web

• What contexts may each utterance be valuable in?

• How may utterances be allowed to flow?

• How may meta-data allow this to happen automatically?

• What is the role of vernacular development literacies in this picture?

Date post:	20-Jun-2015
Category:	Documents
Upload:	even-westvang
View:	596 times
Download:	2 times

From Sites to Flows: Designing for the Porous Web

Documents