Archive for March, 2006



[etech06] Steve Yen (TrimPath) – Web Apps Without the Web

TrimPage Junction Framework

NumSum – a web-based spreadsheet. A single page app. Allows saving offline, through Save Page As in the browser.

Next Action – GTD to do list app. Nice code viewer in the app.

Persistence Technique 1
Modern browsers keep dhtml DOM tree intact during a File Save Page As

Keep you data in the DOM tree
myHiddenDataDiv.innerHTML=bigString
Whenever user saves the HTML page, you’re ok

Might not work in Safari

Persistence Technique 2

Flash 8 Storage
Flash to JavaScript bridge
Seamless!Except, when you hit squantum level storage usage (Brad Neuberg)

Persistence Technique 3

IE’isms
IE persistence
IE offline data
(but nobody uses it)

Persistence Examples

DOM Page Saving Tehcnique
- IddlyWiki & Friends
Num Sum
Next Action

Flash storage technique
AMASS demos, Tiwywiki.

You need Synchronization in addition persistence
- can use data/record level semantics, track deltas, change requests, not changes; INSERTs only; unique ID gen. OR just punt

You also need a client side API – VB style? No – Rails Style? You can get tw write once run anywhere. Do do that you’ll need SQL on both sides – we know it on the server, but what about the client? Will Firefox have something?

TrimPath Junction

A MVC Framework for JavaScript
raiels-like API with client-side SQL
Designed for write once run anywhere – server runs Rhino
Designed for pluggable client-side storage.

eval and with in JavaScript – changes dynamic scoping.

Why care about with?

Domain specific mini languages are easy – JSP, ASP, SQL are examples of mini-languages.

HST Templage engine
JST==JavaScript Templates 297 lines of code.

TrimQuery SQL Engine – RexExps to transform SQL to TQL

Technorati Tags: ,

[etech06] Disconnection Tolerant Ajax

the problem -

Web 2.0 mantra:
- Apps run on server
- client is just a communication and display device

Ajax assumes constant connectivity

Connectivity may be flaky or slow or unavailable.

Leads to a style of work that can be termed Frequently Connected Computing
- a presumption of network availability
- bot both planned and unplanned outages occur
- you want to continue some work during disconnections

drive-through-internet.org

To do this, apps have to be disconenction tolerant and delay tolerant.

Hw to do this?
- put more of the interface on a single page
- do serious error checking
- don’t lose user input

Reduce number of pages -
In disconnected mode you don’t want to:
- change pages for routine operations
- rely on server data for routine operations
- fail mysteriously or verbosely on update errors

Leads to single-page apps, but with Ajax backend.
- Download “working set” with page
- this can be done with background ajax
- pace requests properly until page populated

- Structure UI, e.g. using tab-styled navigation
- don’t forget bookmarkability (update location.hash)

In error checking there are bugs in browsers you have to work around – error-protecting the error detection. Keep in mind that responses may not come back in the order they were sent.

Don’t lose user input – can be kept as page state (e.g. in text areas); JavaScript state (in variables) – both of those methods have problems if the browser or system closes. You can store it in cookies or in some storage made available by a plugin (like flash SharedObject).

PANIC – Persistency for Ajax in Networks with Intermittent Connectivity.

You need to plan for data changing on the server while you’re offline. Use conflict resolution strategies, like server-based generation numbers an dlocal generation numbers. THe cookie size limitation is a problem.

Proof of concept implemented on Prototype library, server parts based on Rails before_filter.

Technorati Tags: ,

Real Google VPs use Pine for email

Terry Gray sends along this tidbit (click on the quote from Marissa Mayer) from Fortune Magazine, by Marissa Mayer, Google’s VP of Search Products and User Experience:

I don’t feel overwhelmed with information. I really like it. I use Gmail for my personal e-mail — 15 to 20 e-mails a day — but on my work e-mail I get as many as 700 to 800 a day, so I need something really fast.

I use an e-mail application called Pine, a Linux-based utility I started using in college. It’s a very simple text-based mailer in a crunchy little terminal window with Courier fonts. I do marathon e-mail catch-up sessions, sometimes on a Saturday or Sunday. I’ll just sit down and do e-mail for ten to 14 hours straight. I almost always have the radio or my TV on. I guess I’m a typical 25- to 35-year-old who’s now really embracing the two-screen experience.

Technorati Tags: , ,

[etech06] Danah Boyd (UC Berkeley) – G/localization: When Global Information and Local Interaction Collide

Wow! Brilliant talk from Danah!

Glocalizaton: The ugliness that ensues when you shove the global and local together

Talking about culture, not so much technology.

Most people don’t live in a global environment but live in local cultures.

Culture -

- Values & Norms & Artifacts – embedded in language and objects. It’s about the things that bond people together, like Jewish culture, which transcends nation-state boundaries. People are part of multiple cultural groups, which change over time. Symbols allow for insider/outsider markings – learning TLAs and org charts of a new company when you join. First we really want to make sense of it, then we get frustrated, then you become assimilated. It’s not simply access to information that puts you into a culture, but it’s living in it.

One exception is when you go on vacation and are faced with a different culture and you reflect on the strangeness – anthropologists try to make the familiar strange.

When mass media began it assumed a single coherent culture. People make up their own smaller subculture – marking your own space.

Numerous cultures affecting your life at all times – your technology holds on to the culture that you think of as normal.

In usenet different discussion groups may have looked alike, but they had very different cultures. When people with different cultures come in, conflict results. Two early social software types – one was general purpose platforms (email, usenet), the other was specialized (the WELL). The new systems are platforms that allow for lots of customization. These systems have gotten much larger.

Craigslist, Flickr, MySpace

- Passionate designers and users

Craigslist started as Craig’s friends – Craig himself maintains the title of customer service representative.

New MySpace users were originally given a friend – Tom, one of the founders.

All these sites grew organically, have public personalities, have passionate designers and users – character not boiled out of site. Customer service in these customers are not segregated outside the developers – the developers are actually some of the most active customer service people. The designers are working constantly “in flow” with the users. Sites get updated constantly.

They’re using “embedded observation” – living inside the culture of the sites as it emerges – constantly in flow with the users, working with them – not declaring road maps. Take into account all of the cultural forces at play – they can do that because they’re inside the system.

Nudge the culture; don’t control it.

User studies try to figure out if the user can make sense of a UI – but it can’t figure out cultural movements at play. Social science or customer support people are effectively glorified therapists – what they know about is extensive and if they’re removed from the design process the design doesn’t go with the users.
Can’t test community practice by doing static tests in labs – you need to live the culture in order to design for it.

Passionate designers are hard to come by – these people live, breathe, and eat these sites – because they love it. Hard to maintain cultural embeddedness. How do you balance this out?

Can you deal with scale? Even with organic growth many of these sites have millions of users – subcultures form with different behavior and you have to herd the cats. No way designers can pay attention to millions of users – end up having collections of people to bubble up information and see patterns. All these sites are dealing with porn and hate speech. Designers are disheartened by this because they believe in their communities.

Linguistic diversity makes it hard.

Designing through embeddedness
- Passion is EVERYTHING – have to be willing to live breath and eat it.
- Protect from burn-out -
- Diversify your staff to match the community
- Enable and empower, don’t control – like game masters or MCs. Don’t expect people to have the same goals as you.
- Do not overdesign – can’t design to perfection. Design for repurposing. Need to be able to update whenever anything happens.
- Integrate designers designers and customer support – physically as well as logically. Have designers read the support queues. Try documenting how technology decisions affect the community.
- Stay engvaged with the community

WHy public? Why are people doing these social sites?

Just because people can connect globally doesn’t mean they want to – they feel more closely aligned with people they know or are like them. Most people go online to connect with people they know.

But there’s opportunity for accidental connections – people really like that. We know that in the physical world when we meet knew people.

Familiar strangers – Milgrem experiment in the 60s – people would ride the bus together for years without talking, but if they ran into each other on the other side of the planet they became best friends. It’s having something rare in common with people. Online we often ask people to interact with anyone, but that’s not what they want.

Language – we assume we can machine translate. We also assume that if we can understand we’ll want to communicate – but it’s not true. What teens are doing with language is fascinating – morphing it for expressive purposes online. Their parents have trouble parsing it so they stay away – it’s a barrier setting exercise. A lot of the words we use in our culture are incomprehensible to others. Part of understanding linguistic expressions is understanding the specific cultural context.

Dude-speak.

Cultural symbols – pictures, sounds, icons. Common example – what is obscenity?Obscenity is cultural.

Economic Norms – whose definition of morality are you working with? Important to face and deal with.

Designing for G/localizatoin

Empower users to:
- personalize and culture-ize – means managing in complete chaos
- control access of their expressions – let users privatize their culture
- be cultural spokespeople – let them give you feedback, modify the systems, create walls where they want to.

Let users manage private, public and opportunities for synchronicity.

In the Q&A Danah notes that MySpace, which has 167 employees, has more traffic than Google or Microsoft or anybody except Yahoo!. She says they were dealing with the scaling really well until parents started getting involved.

Technorati Tags: ,

[etech06] Mary Hodder – Everybody’s It: Tagging With Identity

ITags – something she and her colleagues are proposing to deal with some problems with tagging. She’s started a company called Dabble, which is a video remix community.

There’s a problem with technorati tags – people want to be able to publish their own stuff on their own sites and have people know that it came from their own sites. There are lots of different uses for tags and people want to participate in communities, but still publish on their own sites.

She did a usability study last spring, centered around text bloggers – what they asked for was the ability to create tags that didn’t require a link. At same time they realized their categories were being treated as tags in aggregation systems. Tags needed to be trusted – wanted to know that tags weren’t spam but didn’t need to know the actualy maker. Visibility vs. invisibility. Want to create their own tag clouds, and to tag objects separately from blog posts.

35% of technorati tags are actually tags, but 65% are blog categories. In creating Dabble they’re collecting media not just tagging it. They’ve collected 68,000 items so far – about half have tags. The richer the media, the more tagging you get. 10,000 of the videos come from independent sites with video on it.

What happens when people check out video is they look at the duration and the tags, much more than the titles.

What are itags – identity, creative commons license and an object. All of this can be bound to an object, which can move. The degradation of URLs is very fast, but the media lives on somewhere.

The identity piece – can be well-known, psuedonymous, or a blog url. You can protect the suer by obscuring who they are. When you trust tags (if you’re an aggregator or host) you have to trust the maker of the material – so you need some sort of identity. This allows freeing of media from file location to be site-independent – could use XRI as a structured identifier.

http://itags.net/

Technorati Tags: ,

[etech06] Eric Lunt (feedburner) – Feed to the Future

A few years ago you could argue that RSS feeds and blogs were synonymous – that’s not so much the case now, with podcasts, watchlists, commercial publishers, other peer-produced content and rich media. People don’t realize it’s rss feeds powering this dynamic information.

Full or Partial Feeds?

- Feed subscriptions to full content feeds outpace subscriptions to partial content feed for the same source by up to 10x.
BUT
- Feed subscriptions with only partial feeds grow just as quickly as subscriptions to sites with only full feeds
AND
- experiments in decreasing the amount of content in the feed to NOT statistically improve clicks back to teh site (title only)
SO
- Content providers can choose to distribute more or less content but the feed may be all that a consumer ever sees.

Complexity breeds consolidation, simplicity doesn’t

- 2004 – Couple hundred clients pulling feeds
“My Yahoo will eliminate these other things”
“Desktop readers will go away – it will all be web based”
“soon there will only be two or three of these”
- 2005 – Thousand Clients
“Google will jum in here”
“soon there will only be two or three of these”
- 2006 – serveral thousand clients
- “when IE 7 comes out all these other things will go away”
- “It will all be personalized Ajax Home Pages with filters and aggregation”
“soon there will only be two or three of these”

Subscription without recognition

The Feed is Your face – more people will interact with you through your feed, not your web site.

Have content, will travel – you can’t be control how your content is going to be redistributed.

Feedburner allows you to attach “beacon gifts” to your subscriptions so you can get an idea of how many people are viewing your feed.

Technorati Tags: ,

[etech06] Bill Scott (Yahoo) – The Language of Attention: A Pattern Approach

Interactive language of attention.

Kathy Sierra talked about the power of the tribe – when you have a tribe you have attention. Putting the code libraries and APIs and patterns out is leveraging the power of the tribe, creating a tribal platform.

Opening the APIs internally has had a great impact in Yahoo – having hack days and mashup days internally to motivate and excite people. chaddickerson.com – mobile phone app to show location of your flickr group on the etech conference floor.

Two recent examples:

Yahoo! Design Pattern Library
Yahoo! User Interface Library

Design Tribe – pattern library. a new model – the page goes away and you have rich interaction without page refresh. But it leaves lots of things in a quandry. Engaging the user: Wow! gets their attention, but unless it’s relevant (Delight!) it’s not going to be used, much less inspire loyalty (Love!).

Vocabulary – interactive patterns of attention.

Immediacy – the Live Suggest pattern and the AUto Complete pattern.
Directness – Drag and Drop pattern. Inline Editing pattern.
Invitational – (being polite and inviting) hover invitation, tooltip invitation
Without boundaries – Endless scroliing, in context expand, hover details
Light Footpring – remembered collection, rating an object
Cinematic – fade transition, self-healing transition, sliding, fading
Rich Content – shareable object

They’d like to get a more common vocabulary around these design patterns – so they’re starting to put them out to the public. Surfacing a vocabulary.

Exposing solutions – on the devloper side they’ve released the UI code library.

Technorati Tags: ,

[etech06] George Dyson – Turing’s Cathedral

George Dyson gave a great exposure of the history of computing up through the last of the Von Neuman collaborators, drawing conclusions about how in the current age we are finally achieving the goals of Turing and von Neuman and the others in creating what is an intelligent set of machines – is Google alive?

The notes I took until I just couldn’t keep up:

“Intellectual activity consists mainly of different kinds of search” – Turing

One of the arguments against artificial intelligence is that it can’t be intelligent if it has ads – Butler thought in 1901 that intelligence would arrive from advertising.

The basic premise is that machines are both dumb and intelligent.

HG Wells thought of the World Brain, which is basically the Web, in 1938. He wanted it to be uncensored to prevent tyrrany.

Alfred Semee – Tried to figure out how the human mind worked electrically, in the mid 1800s. Wanted to build a search engine, but it would’ve been larger than the whole city of London.

Turing;s 1936 paper proposing a thinking machine was just as out there as Smee at the time – Godel argued that it couldn’t doe things that the mind could, but Turing thought differently.

The real founder of the whole digital thing was Hobbes, who invented the idea of recursive functions. The bigger question is not whether the machine can think, but is it alive? Liebniz invented the binary calculus, and invented the idea of a shift register. Von Neumann took off from Liebniz and built the adders. Back then they let physicists build things – they didn’t have Homeland Security and let Hungarians play with plutonium.

Exactly 50 years ago was the Von Neuman’s first status report.

The machine was built at IAS at Princeton – On the first floor was Einstein, Veblen, and von Newuman. Godel was upstairs above von Neuman.

Up till then mathematics had been used to mean things, now numbers are used to do things.

Bringing engineers with soldering guns into the Institute was considered very odd. Von Neuman was interested in how to construct reliable machines from unreliable parts.

The real origin of the digital universe are tied up in the development of bombs, and much of the history is classified. Klara Von Neuman came over and learned to program the computer. Just a few weeks ago a filing cabinet turned up that has all of the letters between Klara and John.

Nils Baricelli created simulated organisms when the bomb guys went home at night
.

Ulam was working with Turing on multicellular processes – Von Neuman died in ’57. His last book, the Computer and the Brain.

Technorati Tags: ,

[etech06] George Dyson – Turing’s Cathedral

George Dyson gave a great exposure of the history of computing up through the last of the Von Neuman collaborators, drawing conclusions about how in the current age we are finally achieving the goals of Turing and von Neuman and the others in creating what is an intelligent set of machines – is Google alive?

The notes I took until I just couldn’t keep up:

“Intellectual activity consists mainly of different kinds of search” – Turing

One of the arguments against artificial intelligence is that it can’t be intelligent if it has ads – Butler thought in 1901 that intelligence would arrive from advertising.

The basic premise is that machines are both dumb and intelligent.

HG Wells thought of the World Brain, which is basically the Web, in 1938. He wanted it to be uncensored to prevent tyrrany.

Alfred Semee – Tried to figure out how the human mind worked electrically, in the mid 1800s. Wanted to build a search engine, but it would’ve been larger than the whole city of London.

Turing;s 1936 paper proposing a thinking machine was just as out there as Smee at the time – Godel argued that it couldn’t doe things that the mind could, but Turing thought differently.

The real founder of the whole digital thing was Hobbes, who invented the idea of recursive functions. The bigger question is not whether the machine can think, but is it alive? Liebniz invented the binary calculus, and invented the idea of a shift register. Von Neumann took off from Liebniz and built the adders. Back then they let physicists build things – they didn’t have Homeland Security and let Hungarians play with plutonium.

Exactly 50 years ago was the Von Neuman’s first status report.

The machine was built at IAS at Princeton – On the first floor was Einstein, Veblen, and von Newuman. Godel was upstairs above von Neuman.

Up till then mathematics had been used to mean things, now numbers are used to do things.

Bringing engineers with soldering guns into the Institute was considered very odd. Von Neuman was interested in how to construct reliable machines from unreliable parts.

The real origin of the digital universe are tied up in the development of bombs, and much of the history is classified. Klara Von Neuman came over and learned to program the computer. Just a few weeks ago a filing cabinet turned up that has all of the letters between Klara and John.

Nils Baricelli created simulated organisms when the bomb guys went home at night
.

Ulam was working with Turing on multicellular processes – Von Neuman died in ’57. His last book, the Computer and the Brain.

Technorati Tags: ,

[etech06] Michael Goldhaber – The Real Nature of the Attention Economy

This conference has its feet in two paradigms – one is the attention economy, and the other is the old economy. Michael thinks we don’t know which world we’re in – butterflies (or moths) that still think we’re caterpillars – but maybe we’re ready to sip the nectar and live in a new way of being.

A new level in the game known as Western Culture

An economy most generally…

is a massively multiplayer
single level game
that involves some kind of passing
….?

Economic History is a multilevel game:

The first level: Fuedal (800-1200)
Knights and their vassals – winning through fighting, aligning with other lords, or by marriage.

Second level: Market-Money-Industrial – 1650-1980
Nothing changed externally (1200 – 1650 was a transition period)

Coming next and already very powerful – the Attention Economy – a new level, a new kind of system. Can’t think of it in the old terms any more than you can think about stock markets or unemployment in a feudal system

When enoguh players reach their implicit goals, we reach a new level. Each level has new rules, goals, moves, values BUT – there is no game designer. The new level emerges from basic human proclivities and gaps in old level.

Feudal – provided security to Western Europe (from external raiders). Success in MMI is material abundance. The openings in feudalism ungoverned city spaces, safe travel, mostly no slavery. Our current openings – large high schools, broadcasting, publishing, internet.

Lack in feudal system was material goods. MMI lacks – chance to get attention and personal uniqueness and self expression.

Goals – fuedal: loyalty, fiefdomes, security
MMI – material goods, money, jobs
Attention – Attention from others

Roles: Feudal – Kinights, Serfs; MMI- owner, worker/consumer; Attention – star, fan

Different moves too.

Different cycles and structures.

So what is attention?

Attention – is scarce, very desirable, nothing limits the amount of attention you could absorb (if you could get it). There will be an intensifying competitiion for attention. Paying attention amounts to temporarily (and therefore permanently) allowing another to shape how your mind works.

It’s not about time. Who owns your attention? You own part, but the person you’re paying attention to also owns part. Attention is a kind of property located in the minds of those who have paid attention.

Finding meaning in life comes from sharing meanings with others – that can only happen if you get some of their attention.

Technorati Tags: ,

« Previous PageNext Page »


subscribe

Pages

Latest tweets

interesting links

What I’m listening to

 

March 2006
M T W T F S S
« Feb   Apr »
 12345
6789101112
13141516171819
20212223242526
2728293031  

Follow

Get every new post delivered to your Inbox.