Escolar Documentos
Profissional Documentos
Cultura Documentos
http://www.ickr.com/photos/karen_roe
it reaches
1/3* of
people
on our planet
http://www.ickr.com/photos/vitroids/2753929716
http://www.ickr.com/photos/viirok/2498157861
http://www.icanhascheezburger.com/
but what is
for?
the web
http://www.ickr.com/photos/34233222@N05/4292987392
probably not surprisingly... I found the beginning of an answer through this man...
in the early 70s, Scientic American did a study on the eciency of locomotion...
http://www.ickr.com/photos/boston_public_library/4328032194
...for all dierent species of things on the planet ...birds, cats, dogs goats...
...they measured, how much energy does it take for a goat to get from here to there...
of all the animals, the condor won. It took the least amount of energy to get from here to there...
1.
California Condor
a lazy glider
342. Bob
man came a rather unimpressive showing... a third of the way down the list...
1.
Bob on a bicycle
...what it showed was that man as a tool maker, has the ability to create tools, to amplify an inherent ability...
released 1984
Steve Jobs went on to explain that computers were just one in a long line of tools created by man...
...just as the bicycle amplied our ability to use our muscles, tendons and brains to transport our bodies...
...just as the tools and technologies of the industrial revolution were an amplication of human sweat...
...the computer amplied our human abilities of memory, problem-solving, calculation, projection, analysis, and so much more...
http://nicelifeapparel.wordpress.com/tag/crazy-math-problem/
Steve Jobs also realized that the computer was just the beginning...
There is something very special and historically dierent that takes place, when you have one computer, for one person, rather than one for many.
- Steve Jobs
http://www.ickr.com/photos/aidanmorgan/3709199304/
the Internets ability to amplify knowledge began as a purely academic and scientic tool...
http://www.ickr.com/photos/epitti/2371715992
...but its true potential was only revealed when it became a ubiquitously available tool...
http://www.ickr.com/photos/olpc/2929782994
http://www.ickr.com/photos/goincase/4647893507
Nobody has any idea of what a new invention will really be good for. The crucial question is, what happens when everyone has one?
- Kevin Kelly
...when we connected a browser to the Internet we couldnt have guessed what it would become...
http://www.ickr.com/photos/tanaka/3212368979
...when we connected the Internet to a glowing rectangle, we thought we were creating a smart phone...
...and while this doesnt really explain what the web is for, it begins to clarify its immense value to all of us...
being always connected to an open platform, accessible by anyone with a browser, has forever changed the way we live...
...hold on...let me look that up... I just happen to have the sum of human knowledge in my pocket...
-@
http://www.ickr.com/photos/w00kie/2752309431
Source: Anthropology, development and ICTs
http://www.ickr.com/photos/jonhurd/2367208101
Part 2: plumbing
http://www.ickr.com/photos/nnova/2923859643
http://www.ickr.com/photos/wheatelds/2110680492
Source: ToBeDetermined.org
the rise of computers, the Internet, the web and mobile have been intricately linked...
...to the invention, implementation and market adoption of this type of plumbing...
hardware
900 800 millions of Internet hosts 700 600 500 400 300 200 100 0 An all semiconductor "Solid Circuit" is demonstrated by Jack Kilby. Personal computers begin to appear. Resistive touch screens are patented. Transistorized computers First humanemerge. input multi-touch system. Intel 32-bit Pentium processor released. ARM6 processor is released. Microprocessor integrates CPU function onto a single chip. "Moore's Law" predicts the future of integrated circuits. rst 64-bit processor in a supercomputer Compaq, DEC,IBM, Intel, Microsoft, NEC and Nortel begin work on USB. First 64-bit processor in a personal computer.
50 55 60 65 70 75 80 85 90 91 93 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 10 11 12
chart: world Internet hosts, source: ISC - 1981-2012, other data primarily from Wikipedia
network
900 800 millions of Internet hosts 700 600 500 400 300 200 100 0 First ARPANET link established. TCP/IP based NSFNET established. First person to person SMS sent in Finland. First IPv6 description. NTT DoCoMo introduces the rst full mobile Internet service in Japan. NTT DoCoMo launches rst commercial 3G network in Japan.
TCP/IP standardised, and Internet introduced. DNS invented NMT launches 1G networks in Denmark, Finland, Norway and Sweden. First commercial dialup ISP in the U.S. NTT launches First GSM (2G) rst (1G) cellular network launches in network. Finland. Wi- invented by NCR/AT&T.
Transition from ARPANET/NSFNET networks to the modern (commercial) Internet. 9 companied including IBM, Intel, Nokia and Microsoft agree to Bluetooth standard.
50 55 60 65 70 75 80 85 90 91 93 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 10 11 12
chart: world Internet hosts, source: ISC - 1981-2012, other data primarily from Wikipedia
the web
900 800 millions of Internet hosts 700 600 500 400 300 200 100 0 W3C founded. TBL makes the Web freely available with no patents or Compuserve royalties. Launch of WebCrawler introduces the ( rst full-text search engine). GIF format. PNG Debut of the Web as a format approved. publicly available service on the Internet. HTML 4.01 Mosaic ( rst graphical recommended YouTube browser) XHTML MP launches. WAP & SGML released. CHTML HTML released 2.0 Tim Berners-Lee Wikipedia CSS builds all the tools HTML5 launches. Facebook Start of necessary for a working Google working Web (HTTP, launches. draft. research HTML, a browser project. and server) 50 55 60 65 70 75 80 85 90 91 93 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 10 11 12 First JPG standard.
chart: world Internet hosts, source: ISC - 1981-2012, other data primarily from Wikipedia
with each layer of plumbing comes new innovations (which spawn or inspire more plumbing...)
product innovation
900 800 millions of Internet hosts 700 600 500 400 300 200 100 0 Macintosh Classic Microsoft Windows rst announced. Nokia begins manufacturing telecommunications equipment. First person to person SMS sent in Finland. Palm Pilot iPad
Symbian Ltd. formed by Ericsson, Nokia, Motorola & Psion First RIM pager
iPhone
First WebKit mobile browser (Nokia) Nokia E60 260 ppi display
50 55 60 65 70 75 80 85 90 91 93 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 10 11 12
chart: world Internet hosts, source: ISC - 1981-2012, other data primarily from Wikipedia
The First Internet Router The BBN Interface Message Processor did the packet routing for the ARPANET in 1969,
...it takes on average 20 years for a technology to make the transition from rst articulation...to maturity (dened as becoming a $1billion industry)the mouse, for example, took 30 years.
Bill Buxton, Principle researcher Microsoft
http://www.ickr.com/photos/kiwanja/3169409467/
during this time lack of infrastructure may cause some to fall behind...
http://www.ickr.com/photos/kiwanja/3169409467/
but the infrastructure of the web (the common framework on which we continue to innovate...)
http://www.ickr.com/photos/ona1a/4521406829/
1500
1000
the inection point is near... within 2 years mobile users are expected to exceed desktop users
500
0 2007
2008
2009
2010
2011
2012
2013
2014
2015
Mobile users
Desktop users
http://www.ickr.com/photos/whiteafrican/2938685296
http://www.ickr.com/photos/terry/5388630668
A random internet connected watch. More connected wearable devices are on the way.
large public
(sweaty) touch
One of many Smart (internet enabled) TVs now shipping. Includes apps and a browser. Some can be paired with a smartphone or tablet remote control.
The new Tesla X with a internet-enabled touchscreen dashboard with apps and browser.
small
touch, voice
Quantas A380 rst class with 17 at panel display. (Tethered tablets will likely appear soon).
large(r)
public
...a companion to smartphones, tablets, PC, Macs, and adds smart capabilities to existing displays, TVs, set top boxes and other devices.
Cotton Candy a Screen independent but otherwise fully functional USB sized plug computer. ARM Cortex A9, Wi-, Android, Ubuntu, with virtualization client for Win/Lin/Mac
http://www.fxitech.com/products/
The Magic Cube is an ultra-portable, full-sized virtual computer keyboard with support for Android, iOS and any device with Bluetooth HID support.
Shipping spring 2012 in Europe LGs EPD is a 6-inch, 1024768 e-ink plastic screen. Its 0.7mm thick, it weighs 14g, and LG claims its resistant to scratches and drops from a 1.5 meter height.
We think technology should work for you to be there when you need it and get out of your way when you dont.
tiny personal voice, gesture? constrained
Google Glass
Golden-i head-mounted mobile computer for industrial settings such as construction, military, and security services. Includes SVGA microdisplay, Win-CE and voice recognition.
tiny personal
http://www.mygoldeni.com/
these contexts may be diverse, but they still kinda t our mental models for both the original thing and the web
old thing
+ + + =
thing
old thing (just a bit smarter)
http://www.ickr.com/photos/mujitra/7053687599
heres why....
Source: Intel
1982
Osborne Executive 1/100th MHz CPU 1/1000th the memory 100x the weight 10x the cost
2007
1st gen. iPhone
1/3
30 cents
(0.20)
it costs
...and measures
2 mm
(0.07)
Source: ThingM
Source: ThingM
+
my job is to connect to the Internet
Brad Frost At airport gate ready to head to @bdconf. Sadly the large suction cups I was going to use to scale the biodome got conscated. #bdconf
WTF?
http://www.ickr.com/photos/negativz/41549347
Source: ThingM
Ambient radio waves...can already provide enough energy to substitute for AAA batteries in some calculators, temperature and humidity sensors, and clocks.... We are on the cusp of an explosion in small wireless devices...that can run on alternatives to battery power. Devices like this can live on and on.
Source: The computer trend that will change everything and Bye-Bye Batteries: radio waves as a low-power source
everything
will be a
...embedded in
sliver of webness
- Kevin Kelly, founding editor Wired
the more we peer into the future, the more invisible this web-ness becomes
http://www.ickr.com/photos/intelfreepress/5922668169
yesterday
today
web site
tools corporate
brand infotainment
social
PR jobs
investor news
Our apps oer the best experience... (so please download, install and keep them updated, just in case that time comes...we promise you wont regret it) support shopping
tool
native apps
tool
infotainment
web site
tools corporate
brand infotainment
social
PR jobs
investor news
...but I dont want to own your app, I want to own the possibility space of your app.
http://www.ickr.com/photos/zenilorac/698514624
Id like to use whatever device I have on-hand to learn more about this thing/ tool/service/place (right here and right now)...please show me what I can do.
support
information
tools
Like+
smart thing
...a world where our devices load applications opportunistically as we need them, in real time. The technological model for this... is web pages. But these will be web pages with advanced functionality that can be accessed seamlessly from remote or local networksand even from other mobile devices.
- Scott Jenson on Forbes: Apps are over
http://www.ickr.com/photos/keepwaddling1/3048726936/
OMG...
http://www.ickr.com/photos/richardmoross/1413692087
...web sites will be just one of many interfaces we will use to interact with a service
light
data out
data out
data in
service
Each time the cap is opened, data is transmitted to the GlowCap service. Data is also transmitted, to trigger a reminder call if you miss a dose. A real-time web (or app) based progress report is available.
The cap lights up, and plays a sound each time medication is due.
Vitality GlowCaps
The most profound technologies are those that disappear. They weave themselves into the fabric of everyday life until they are indistinguishable from it.
- Mark Weiser (1991 chief scientist Xerox PARC)
http://www.ickr.com/photos/armaggeusa/3176297283
http://www.ickr.com/photos/sackerman519/5045015997/
but if content will be like water... what kind of plumbing will we need?
http://www.ickr.com/photos/evdaimon/165589586
http://www.ickr.com/photos/jonasb/2751113526
disclaimer: these ideas focus on a tiny sliver... primarily related to the browser and the web platform
its easy to forget how much infrastructure weve already built into the web as a platform
http://www.ickr.com/photos/dandeluca/2720139047
status bar
MiniMap viewport preview rectangle. Once focussed, clicking the navipad would zoom the layout. (Very similar to Apples double-tap to zoom.)
Visual Back key preview. I really miss this feature! Much clearer and didnt force you to reload pages you didnt want to see again :-(
OperaMini 2005
UCWeb 2005
placeholder validation
a menu and header in a box with rounded corners before CSS3 & HTML5
...and after
form placeholders before HTML5 lots of potential issues cross browser support for entire behaviour (e.g. populate the eld then clear it on focus) accessibility of placeholder value 4kb uncompressed (not huge..but adds up with each new element of functionality you build in) requires maintenance and testing for each new browsers/versions/ form factors and manipulation models (touch, voice etc.)
and so on...
...everything you add to the page is something youre taking away from the latency prole of that page ...everything you addjust as infrastructure to make things workall these things have a cost.
- Alex Russell
in the future, it may make sense to take these approaches approach even further...
a few ideas...
(warning: ideas presented in order of potential disruption to the status quo)
idea #1 Problem: Back to top links are useful to improve usability of longer pages.
Thanks to viewport diversity, long is a variable value. Sprinkling hard-coded anchors throughout content isnt future friendly. Adding them dynamically (on the client or server) based on context detection seems like needless heavy lifting.
ive seen this done...it works well enough but isnt a long-term strategy
idea #2 Problem: On the web, social media sharing and discovery is currently enabled client-side, using lots of third party scripts.
Scripts may not be compatible with all browsers. Interactions are rarely responsive to changes in context. Social widgets (often) cause lots of HTTP requests and have been known to block page load. The more popular social media gets, the more widgets we will (technically) need.
70%
Social media is already weaving its way through mobile platforms. Functionality is currently limited to glanceable home screen widgets, and easy in-browser sharing.
but social widgets arent content, nor are they really chrome...
http://www.ickr.com/photos/preetamrai/5454799225
user congurable
idea #3 Problem: There are only so many ways to re-arrange complex navigation. there will be many, devices of all shapes, sizes,
capabilities and manipulation models we can only simplify sites so much...some will remain big, with a complex multi-level architecture
Apple Gives Shareholders More Input; Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
At its annual shareholders meeting on Thursday, Apples management bowed to pressure from key investors and agreed to allow shareholders to elect board directors by a simple majority vote. Now any new or current director standing for election who fails to receive support from a majority of shareholders must resign his
MENU
MENU
Apple Gives Shareholders More Input; Home Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
News
Apple Gives Shareholders More Input; Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
Apple Gives Shareholders More Input; Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
Home News
At its annual shareholders meeting on Thursday, Apples manPhotos agement bowed to pressure from key investors and agreedVideo to allow shareholders to elect board directors by a simple maMagazine jority vote.
Reviews
At its annual shareholders meeting on Thursday, Apples management bowed to pressure from key investors and agreed to allow shareholders to elect board directors by a simple majority vote. Now any new or current director standing for election who fails to receive support from a majority of shareholders must resign his
At its annual shareholders meeting on Thursday, Reviews Apples management bowed to pressure from key inves- Phones Mobile tors and agreed to allow shareholders to elect Tablets board directors by a simple majority vote. Gadgets Now any new or current Cameras & Camcorders director standing for election Laptops who fails to receive support from a majority of shareTV holders must resign his and Home
At its annual shareho meeting on Thursda Apples managemen to pressure from key tors and agreed to a shareholders to elec directors by a simple ity vote.
Now any new or cu director standing fo who fails to receive from a majority of sh holders must resign
huh...? what?
http://www.ickr.com/photos/eldret_99/3311540632
Apple Gives Shareholders More Input; Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
At its annual shareholders meeting on Thursday, Apples management bowed to pressure from key investors and agreed to allow shareholders to elect board directors by a simple majority vote. Now any new or current director standing for election who fails to receive support from a majority of shareholders must resign his
MENU
MENU
Apple Gives Shareholders More Input; Home Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
News
Apple Gives Shareholders More Input; Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
At its annual shareholders meeting on Thursday, Apples manPhotos agement bowed to pressure from key investors and agreed to Video allow shareholders to elect board directors by a simple maMagazine jority vote. Now any new or current director standing for election who fails to Topics receive support from a majority of shareholders must resign his
Reviews
At its annual shareholders meeting on Thursday, Apples management bowed to pressure from key investors and agreed to allow shareholders to elect board directors by a simple majority vote. Now any new or current director standing for election who fails to receive support from a majority of shareholders must resign his
Podcast
MENU
MENU
Apple Gives Shareholders More Input; Home Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
News
Apple Gives Shareholders More Input; Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
Apple Gives Shareholders More Input; Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
At its annual shareholders meeting on Thursday, Apples manPhotos agement bowed to pressure from key investors and agreed to Video allow shareholders to elect board directors by a simple maMagazine jority vote. Now any new or current director standing for election who fails to Topics receive support from a majority of shareholders must resign his
Reviews
At its annual shareholders meeting on Thursday, Apples management bowed to pressure from key investors and agreed to allow shareholders to elect board directors by a simple majority vote. Now any new or current director standing for election who fails to receive support from a majority of shareholders must resign his
Podcast
be as long or complex as needed. Native platform assists in management of drill Now any new or down or progressive current director standing for election disclosure. who fails to receive support
At its annual shareholders meeting on Thursday, Apples management bowed to pressure from key investors and agreed to allow shareholders to elect board directors by a simple majority vote. from a majority of shareholders must resign his
basic component styling (e.g. logo, colour scheme, fonts) is enabled via CSS
MENU
MENU
Apple Gives Shareholders More Input; Home Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
News
Apple Gives Shareholders More Input; Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
Apple Gives Shareholders More Input; Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
Home News
At its annual shareholders meeting on Thursday, Apples manPhotos agement bowed to pressure from key investors and agreed to Video allow shareholders to elect board directors by a simple maMagazine jority vote.
Reviews
At its annual shareholders meeting on Thursday, Apples management bowed to pressure from key investors and agreed to allow shareholders to elect board directors by a simple majority vote. Now any new or current director standing for election who fails to receive support from a majority of shareholders must resign his
At its annual shareholders meeting on Thursday, Reviews Apples management bowed to pressure from key inves- Phones Mobile tors and agreed to allow shareholders to elect Tablets board directors by a simple majority vote. Gadgets Now any new or current Cameras & Camcorders director standing for election Laptops who fails to receive support from a majority of shareTV holders must resign his and Home
At its annual shareho meeting on Thursday Apples managemen to pressure from key tors and agreed to al shareholders to elect directors by a simple ity vote.
Now any new or cur director standing for who fails to receive s from a majority of sh holders must resign h
Apple Gives Shareholders More Input; Will Facebook Get the Message?
By Tim Carmody February 24, 2012 | 4:26 pm
Apple Gives Shareholders More Input; Will Home Facebook Get the Message? Home
News News Reviews Reviews
By Tim Carmody February 24, 2012 | 4:26 pm
At its annual shareholders meeting on Thursday, Apples management bowed to pressure from key investors and agreed to allow shareholders to elect board directors by a simple majority vote. Now any new or current director standing for election who fails to receive support from a majority of shareholders must resign his
At its annual shareholders meeting on Thursday, board directors by a simple majority vote.
MENU
idea #4 Problem: Our media formats arent adaptive enough An image or media item that is suitable for one
context may not be for another. Many parameters will determine which media item you serve. These are the ones we know of TODAY. screen and/or viewport size pixel density support-level for the media format available bandwidth why do we keep ignoring this bit? user choice
modelled after the video element <video> <source src="high-res.webm" media="min-width:800px" /> <source src="low-res.webm" /> media query support <img src="poster.jpg" /> here is still poor </video>
Source: Responsive images- how they almost worked and what we need
will a new (much smarter) element be enough given all the diversity that is on the way?
why not a new, and natively adaptive image media container format?
poster image
Hi-rez 50MB Mid-rez 20MB
connection speed but could also be triggered by the developer (using the wired media API). Optional, out-of-the-box native component and behaviour to prompt user for connection speed highly compressed e.g. 28.8, 56, ISDN (how retro!)
initial download 2-20kb
Sorry...no links - this is all out of @bryanriegers head from back in 2000
Combine a smarter image format with some upcoming CSS specication drafts (and experiments) and we can begin to imagine truly responsive media combining content negotiation with sophisticated client-side adaptation
CSS Shaders
http://www.ickr.com/photos/jurvetson/302869583
Technological revolutions have several interesting properties. First, we tend to overestimate the immediate impact and underestimate the long-term impact. Second, we tend to place the emphasis on the technologies themselves, when it is really the social impact and cultural change that will be most dramatic.
Don Norman, Drop everything youre doing
http://www.ickr.com/photos/jordanscher/61429449
@yiibu
contact u at
hello@yiibu.com
many thanks to the amazing photographers on
thank you
http://creativecommons.org/licenses/by/2.0
http://www.slideshare.net/yiibu/reset-the-web
http://www.ickr.com/photos/tinou/453593446