The creative internet

0

No comments posted yet

Comments

Slide 35

Designers use the map tiling tool to make incredibly cool portfolio sites.

Slide 70

Urbanscreen in Germany are great at this. Also electric canvas and Obscura of course.

Slide 71

Urbanscreen in Germany are great at this. Also electric canvas and Obscura of course.

Slide 80

It's a clock.

Slide 85

We created the actual android app as a way of explaining that we really are quite ahead of the game in the translation game. You can download it. Glue did the video. I am taking full ownership of the final cut though. I knew I should have been a film director, Notes from Apr 6... In total, the microsite received 1.07MM PVs, the launch video was viewed 976K times (and counting!), and the app had 39k installs, a 5 star rating, and 1144 reviews on Android Market (see below for more detailed campaign results).  “Google Translate for Animals” even made it into the 51st most common search term! We were happy to see a great amount of very positive press buzz, blogging, and tweeting (see coverage report below), and we made it into PC World’s top 10 April Fools’ day jokes.

Slide 86

THis is a bunch of jordanian guys who've put this cool site that pulls the most popular youtube videos that are trending and pulls them all together. Chewy proved this could have worked to me a year ago.

Slide 87

THis is a bunch of jordanian guys who've put this cool site that pulls the most popular youtube videos that are trending and pulls them all together. Chewy proved this could have worked to me a year ago.

Slide 88

THis is a bunch of jordanian guys who've put this cool site that pulls the most popular youtube videos that are trending and pulls them all together. Chewy proved this could have worked to me a year ago.

Slide 89

THis is a bunch of jordanian guys who've put this cool site that pulls the most popular youtube videos that are trending and pulls them all together. Chewy proved this could have worked to me a year ago.

Slide 91

Ushadidi is exactly what you mean.  One woman in Kenya wonders way you can't use maps to allow lots of people to crowd-source data about natural disasters atrocities etc and then play it back over time. Gets some geeks to make it. Open source it. Bingo. The oilspill is being managed using Kenyan tech. Read this: http://www.nytimes.com/2010/03/14/weekinreview/14giridharadas.html Ushadidi means evidence or testimony in Swahili (according to Google Translate) (& the NYT)

Slide 117

The potential of personalised video (beyond dumb gags) is pretty immense. Imagine someone using your facebook connect profile to pull your public photos and place them in photo frames in an IKEA catalogue or take your profile when you arrive and have an intro page that features you and your friends and your latest news. Bet that would freak out a few Germans.

Slide 118

Contest where the first person to tag a piece of furniture as them, gets it, thus sending the photo to  all their friends and encouraging them to tag themselves too. Good motivator for viral activity. and cute too.

Slide 119

Uniqlo have an ad with a catchy song.... This takes your profile photo and your tweets and makes the song with you as the video. super cute. watch: http://www.uniqlo.com/utweet/

Slide 1

Creative Lab @ Google  bit.ly/creativeinternet   the world is full of interesting things...

Slide 2

  please give this a few moments to load. every page has videos or pics...

Slide 3

  AUDIO (except these ones)

Slide 4

radiohead live & crowdsourced & free site videos

Slide 5

arcade fire Everyone's favourite HTML5 based music video/browser experience of 2010 Watch (best in Chrome) and about

Slide 6

johnny cash project same guys! Chris Milk collaborated with Aaron Koblin and  Mr Doob to allow Johnny Cash fans to draw each frame for Johnny Cash's final video. The Johnny Cash Project 

Slide 7

singing fingers An ipad app that lets you record sounds to actions and then play them back by tracing the action

Slide 8

hatsune miku live      A live concert by an avatar featuring songs written by users using synthesizer software 

Slide 9

the youtube radio Annotations-based radio. very cute. Try it. Radio more: annotated piano and the public annotations petition

Slide 10

we're all fans.  UGC Social content mosaics of Grammy nominated artists. grammys-were-all-fans  See also: MTV's Music Awards Twitter Tracker

Slide 11

in bflat inbflat.net opens video up  as a creative space.  It turns user-generated content into a user-generated  composition by embedding  videos of people making music  (in the key of Bb) on the same webpage and allowing you to  play them. At the same time. It's a brilliantly simple idea.

Slide 12

sour Sour had their fans tightly choreograph an incredible routine using only their webcams. (see also pepsi)

Slide 13

kutiman Kutiman crowd-sources musical samples from YouTube and then splices together the videos to create new tracks. See the whole album at thru-you.com

Slide 14

one frame of fame One frame of fame uses fans to recreate and replace each single shot of their music video.

Slide 15

a youtube symphony Allows musicians worldwide to audition for an international orchestra using the youtube platform. youtube.com/symphony

Slide 16

musical ar app (also youtube symphony) Tellart created this AR app which allows you to play music using your phone. Take a pic of the marker, turn the phone to face your webcam, and then use it as a musical instrument. youtube.com/symphony?x=experiment

Slide 17

  MOVIES

Slide 18

life in a day What happens when you ask everyone in the world to take a video of their life on the same day? A project with Kevin McDonald, Ridley Scott and many more. youtube.com/lifeinaday

Slide 19

stop-motion Online video has reinvigorated animation.  Everyone has their favourites, for example: Pes 

Slide 20

graffiti animation  Blu is a new star of online animation with his epic stop-motion graffiti narratives 

Slide 21

tilt-shift animation Keith Loutit from Sydney is the godfather of tilt-shift animation.  He also appears to have invented it.

Slide 22

micro animation Aardman create a micro-animation for Nokia (watch the 'making of' for the magic)

Slide 23

splicing Pogo from Perth uses old cartoons - or footage of his mum in the garden - to make beautiful records

Slide 24

pixels by patrick jean

Slide 25

logorama   a french cartoon made entirely out of american logos (trailer only)

Slide 26

animating in light DeePeeStudios, Melbourne based group made a stop-motion promo using long-exposures.

Slide 27

ugc star wars   The classic as you've never seen it before - diced into 15 second long cuts, lovingly recreated, submitted, selected and edited together by the crowd in a thousand unimaginable variations : starwarsuncut.com

Slide 28

chrome videos

Slide 29

futureshorts futureshorts : providing a distribution platform for short film makers globally. Like Luis

Slide 30

We now generate and organise more data than we can begin to imagine.  The next problem is how to see it. VIZUAL

Slide 31

photo  mapping Elegant visualizations of cities by flickr geotags (divided into Locals and Tourists)  by Eric Fischer. See more

Slide 32

david mccandless A brilliant visual data-journalist : http://www.informationisbeautiful.net/ Global media scare stories: 

Slide 33

bbc: dimensions Take something simple like relative scale and make it super simple [like Berg did for the BBC]. howbigreally.com

Slide 34

wefeelfine.org A pioneering & ongoing example of data-scraping and visualization. Or, in the words of Jonathan Harris and Sep Kamvar:  "An exploration of human emotion, in six movements" wefeelfine.org

Slide 35

microtyp.org blaubo.com Stas Kulesh portfolio mapping Designers create portfolios using maps

Slide 36

real-time transit  mash-ups Trains in Switzerland Buses in NYC Tubes in London [None of these work as well as they could. Except the Swiss - which is based on (reliable) predictions anyway]

Slide 37

polymaps Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers. polymaps.org stamen.com 

Slide 38

wonderwall amazing navigation: wonderwall

Slide 39

anything involving stamen cabspotting mtv tweettracker graffiti archive crimespotting.org

Slide 40

ART

Slide 41

dreams in high fidelity An artwork created over a decade by thousands of computers around the world running Electric Sheep. Scott Draves classic work is constantly renewed by developments in immersive projection.

Slide 42

commencer une autre mort Digitally altered recordings of staged performances are used to create a striking "revised" scene from Bizet's Carmen.  

Slide 43

remakes remaking is in, and then mashing up remakes of remakes.  man with a movie camera | remake (hitchcock)

Slide 44

greyworld greyworld are a group of artists that create public art, usually in urban spaces, usually with technology. paint tests musica

Slide 45

mark napier potatoland.org pam standing

Slide 46

john gerrard John Gerrard is an Irish artist who creates perfectly recreated digital environments that run in their own space-time - literal alternative realities. johngerrard.net

Slide 47

daniel crooks Daniel Crooks is an Australian artist who digitally manipulates footage to create distortions in time danielcrooks.com

Slide 48

rafael lozano hemmer Vectorial elevation at the Vancouver Olympics. Users could log in around the globe, using maps to create their own personal lighting pattern and then upload and watch as their set went live. bitforms.com || lozano-hemmer.com

Slide 49

time, colour, data Flickr Flow is an creative experiment whose materials are color and time. flickrflow Time Flow is an analytical tool for visualising temporal data. timeflow Fernanda Viégas and Martin Wattenberg are behind both. hint.fm

Slide 50

augmented city Two extraordinary visions of future life in a fully augmented reality from Keiichi Matsuda

Slide 51

tate art map British public document the national art treasures for Tate on a map mash-up artmap

Slide 52

street-view art Bill Guffey, an artist from Kentucky who uses Google Street View to source subjects for his paintings Daily Mail

Slide 53

the art of youtube A biennale of creative video curated by the Guggenheim : play 

Slide 54

  PHYSICAL

Slide 55

lo-tech is cool    tellnoone.co.uk

Slide 56

recoil : projection mapped dance

Slide 57

water-fountain display

Slide 58

interactive dance projection (fun) yesyesno.com/night-lights

Slide 59

mobile interactive projection www.projektil.ch http://vimeo.com/13307183 "Participants were able to use their mobile devices as magic "brushes" to interact with the installation. They could choose between three colors, green, blue and red. Green for growing the plant, blue for feeding the blossoms and red to burn it down."

Slide 60

interactive multi-touch seeper.com

Slide 61

audio-mapped performance A performance piece that streams audio tracks to the individual audience member's surround-sound headsets.  electrichotel.co.uk vimeo.com/11550303

Slide 62

sms slingshot vrurban.org

Slide 63

  LIGHT

Slide 64

ipad 3D light magic Berg & Dentsu make future magic with an ipad and a long exposure

Slide 65

user-text projection a collection of interactive public projections and performance created in 2006 by Paul Notzold  txtualhealing.com mobileactive.org/

Slide 66

projection mapping

Slide 67

outrace Send a 70char message to a light installation in Trafalgar Square. Receive a light-based music video with robot arms writing your message in long exposure motions. http://www.outrace.org

Slide 68

holographic touchscreen obscuradigital.com vimeo.com/14591925

Slide 69

digital video graffiti wall-based video 'painting' in Cannes castroinnovation

Slide 70

the most boring screens are screens...

Slide 71

more more... more

Slide 72

  TECH

Slide 73

print it Printer-motion animations

Slide 74

laser + sound  Scorelight

Slide 75

multi-player reality game using oyster cards chromaroma.com vimeo.com/10017464 "Chromaroma is an online multiplayer game played out as you travel the city with your Oyster card. By using Oyster data we are able to show you your Tube travel, and every journey means you amass points, taking a few steps further along the way to owning London."

Slide 76

eye-tracking software that reacts as you read 

Slide 77

sony 360 3d display

Slide 78

trans-siberian online Travel the length of the trans-siberian railway courtesy of google maps and a webcam with a audio version of dostoyevsky for company: russianrailway

Slide 79

10k.an event apart The challenge? Build a web app in less than 10 kilobytes that inspires the internet.  10K challenge

Slide 80

cool html5 clocks nlug ipad clock The toki woki scroll clock

Slide 81

iButterfly. catch augmented insects. win. "iButterfly" is an iPhone application using AR, motion sensor, and GPS functions to let users see and 'catch' butterflys to win rewards. mobileart.jp

Slide 82

interactive doodles google.com/pacman

Slide 83

mind control  Tan Le's demonstration at TED of a headset that allows you to control an interface using brainwaves

Slide 84

goollery.org A collection of Google-related projects from around the world goollery.org

Slide 85

translation What happens when language is no longer a barrier? *joke

Slide 86

trends (via google) Google trends has predicted the eurovision winner to within a point two years running. google.com/trends

Slide 87

trends (via facebook) FB gives you data. If you look hard enough. fanpageanalytics.com. 

Slide 88

trends (via twitter) zoofs.com shows youtube videos trending on twitter  fflick.com shows movies your friends tweeted

Slide 89

internet of things systems of systems and using all the data we produce wisely from IBM

Slide 90

  POLITICS

Slide 91

crowdsourcing heroism.     Ushahidi.com is a powerful example of the potential of crowdsourced data. NY Times article. Ushahidi.com

Slide 92

country against country  An interactive infographic of the world's top 100 countries on newsweek.com newsweek.com

Slide 93

distorting maps to tell the truth Cartographer Benjamin Hennings collects maps distorted by datasets to look at information in a relative form. viewsoftheworld.net

Slide 94

open-access data journalism The Guardian newspaper has an open strategy to data journalism, scraping public data, using open platforms like manyeyes and trimectric , sharing raw data via google docs, encouraging developers to mash-up and re-use data sets as well as coordinating mass investigations such as the mps expenses making insights available in impossibly short-times. more

Slide 95

  SPORT

Slide 96

nike head2head A stat-to-stat visualiser allowing athletes to compare statistics with local competition, or the best in the world, understand your weaknesses and get advanced tutorials to improve your personal best. head2head (R/GA)

Slide 97

IBM  analyses US Open Data was collected from every aspect of the game in real-time and presented back to the viewer as an visual analysis of 'momentum' creating a separate perspective to 'watch' the game from. US Open Point Stream

Slide 98

twitter-replays Watch how the game panned out in a high-speed replay of trending twitter tags over the course of a game World Cup 2010 Twitter replay

Slide 99

olympic twitter streams Representing the conversation around the Winter Olympics, NBC used twitter to visualise the most discussed stories.  Stamen (again)

Slide 100

  BOOKS

Slide 101

evolving typeface RCA student Jack Gilbey's dynamic typography where the font adapts to contextual changes within the content. rca

Slide 102

stephen fry's book app Stephen Fry and Penguin digital make his latest book into an ipad app that is browsable in completely new ways.

Slide 103

don quixote read by you (...2149 of you) Spanish-speaking bibliophiles are creating the first collaborative audiobook el Quijote by Miguel de Cervantes is being cut up into 2149 10-line sections. Readers request a section (randomly assigned) and have 6 hours to record & upload.  www.youtube.com/elquijote.

Slide 104

spotify choose-your-own-ending Hurts, promote their new album with a short story called 'Don't Let Go' on Spotify read by Anna Friel.  The reader searches for a given code on the site for each new segment - everything ends with a song.  Start the story

Slide 105

understanding shakespeare  understanding-shakespeare.com seeks to visually provide an overview of the entire play by showing its text through a collection of the most frequently used words for each character.  vimeo.com/14098022

Slide 106

mongoliad  Neal Stephenson is leading/writing a serialised 13c historical epic with community-enhancment, wiki-contribution, a subscriber model and multiple writers and then releasing it all on iOS (i.e. as an app).   mongoliad.com

Slide 107

  HISTORY

Slide 108

making oral history digital  historypin.co.uk is an initiative that lets people upload videos, place photos on maps and write their own historical accounts within a Google map

Slide 109

september 11 memorial A site that allows people to overlay video testimonial and footage from 9/11 positioned from their own geographical perspective using streetview  makehistory

Slide 110

maps API = time machine themannahattaproject.org takes you to Manhattan/Mannahatta in 1609

Slide 111

  ADVERTISING

Slide 112

all about social  Old Spice (W&K) used a character from a popular advert to break the fourth wall and have the character interact in real-time shooting ads and responding directly to hundreds of messages over several days, including a marriage proposal. 

Slide 113

smile vending Unilever worked with Sapient Nitro to create an ice cream vending machine that detected your smile and rewarded you with a free ice-cream (and let's you upload your pic to FB) (see also kraft macaroni cheese - less cool)

Slide 114

continual motion Three similar ideas over the course of two world cups. 2006 Nike's joga bonita campaign asked users to send videos keeping the ball in the air. For 2010 Coke had users celebrating the longest goal celebration.  Both are trumped by the Eternal Moonwalk: a Michael Jackson Tribute

Slide 115

tippex Tippex integrated their product into a 'viral' video in an interactive way that captured the imagination.  The product is used to 'correct' the title and allow the user to suggest what should happen next.   Watch

Slide 116

chalkbot Livestrong & Nike promotion with the Tour de France: an automated trailer printing 'chalked' messages from anything texted or tweeted @chalkbot in the tradition of the le tour. livestrong.org/chalkbot 

Slide 117

making it personal  Personalised online video was notably used by the Obama campaign in 2008. Recent examples: Action Aid fundraiser, Pentagrams's Type campaign, Latitude demo, and for public service campaigns encouraging you to get a TV license  and warning about the dangers of online profiles

Slide 118

ask a friend An IKEA's manager used tagging on Facebook to turn his photos into an online showroom  

Slide 119

Creative Lab anything by  UNIQLO Uniqlo / dentsu let users become part of the campaign by personalising their advertising around their own social media stream. utweet  lucky switch  lucky counter  fashion map 

Slide 120

more:: some wondrous sources: @rubbishcorp @berglondon @mediamuesli @bbhlabs @idsgn @contagiousmag @pleaseenjoy @creativesocial @valdean @hellokinsella @brainpicker Curated by: @tomux Short url: bit.ly/creativeinternet embed code: <iframe src="https://docs.google.com/present/embed?id=df7rw7vz_338cz6ngnd6&size=m" frameborder="0" width="555" height="451"></iframe> and there's a feedback form here...

URL: