![\"ONE](\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/11\/onemillionthtower_b.jpg\")
<\/a>Copyright © ONE MILLIONth TOWER<\/em><\/p>\nOn peut souvent reprocher aux webdocumentaires un d\u00e9s\u00e9quilibre entre le fond et la forme. D\u00e9s\u00e9quilibre qui oscille entre deux \u00e9cueils que l’on pourrait ainsi r\u00e9sumer : d’un c\u00f4t\u00e9 une surabondance de contenus coupl\u00e9e \u00e0 une interactivit\u00e9 quasi-inexistante, de l’autre un objet truff\u00e9 d’effets “Ouah” mais doubl\u00e9e d’un contenu fam\u00e9lique. Eh bien, le moins que l’on puisse dire c’est que cette derni\u00e8re production, qui nous vient du Canada, “ONE MILLIONth TOWER” de Katerina Cizek, Mike Robbins + friends \u00e9chappe \u00e0 ces deux \u00e9cueils. Mieux, ce webdocumentaire r\u00e9ussit une prouesse technologique hors-norme faite en HTML5, sur laquelle nous reviendrons plus loin dans l’article et cette prouesse technologique se marie admirablement bien avec le point de vue d\u00e9velopp\u00e9 par les auteurs.<\/p>\n
Des tours et des hommes<\/h4>\n
Le propos est simple, l’urbanisation croissante de l’humanit\u00e9, a produit des monstruosit\u00e9s architecturales, des tours dans d’immenses cit\u00e9s dortoirs, que l’on est bien en peine de r\u00e9habiliter. De ce constat accablant, “ONE MILLIONth TOWER” fait une proposition simple : pourquoi les habitants eux-m\u00eames de ces ensembles ne sont-ils pas consult\u00e9s pour se r\u00e9approprier cet espace urbain afin de proposer des solutions et des am\u00e9liorations. C’est tout le propos du webdoc qui nous plonge dans une douce utopie o\u00f9 par la magie de la collaboration entre des architectes, les habitants et les concepteurs du projet fleurissent au propre comme au figur\u00e9 ici des jardins, l\u00e0 un espace de jeu…<\/p>\n
C’est une mani\u00e8re tout \u00e0 fait innovante et cr\u00e9ative d’aborder des probl\u00e9matiques qui touchent globalement tous les grands centres urbains. L’exp\u00e9rience est men\u00e9e dans le grand Toronto, mais elle pourrait \u00eatre tout \u00e0 fait men\u00e9e ailleurs. <\/p>\n
En effet, toutes ces tours construites sur le m\u00eame mod\u00e8le produisent g\u00e9n\u00e9ralement les m\u00eames effets, souvent d\u00e9sastreux en terme d’urbanisme : absence de centralit\u00e9 (en gros pas de centre-ville), impossibilit\u00e9 de d\u00e9crypter les relations urbaines, continuit\u00e9 monotone du b\u00e2ti \u00e0 l’image d’une cit\u00e9 sovi\u00e9tique. En clair personne ne sait dans ces ensembles \u00e0 quel moment on est dans une rue, o\u00f9 commence et o\u00f9 finit l’espace social. On y retrouve les m\u00eames travers qui nuisent consid\u00e9rablement \u00e0 la vie des habitants : la monumentalit\u00e9 des b\u00e2timents, une r\u00e9p\u00e9tition des formes architecturales, l’absence de mixit\u00e9 typologique au niveau des b\u00e2ties comme disent les urbanistes et de repaires g\u00e9ographiques produit cette sensation d’habiter au milieu d’un “no man’s land” o\u00f9 les tours semblent pos\u00e9s sans consid\u00e9ration pour les habitants et leur vie sociale.<\/p>\n
Ajouter \u00e0 cela : la paup\u00e9risation de ces quartiers, l’inexistence de transports, de commerces et\/ou d’\u00e9quipements et on obtient une image fid\u00e8le d’une situation explosive et d\u00e9grad\u00e9e propre \u00e0 ces ensembles \u00e0 travers le monde.<\/p>\n
Plus proche de nous, l’approche de ce webdoc n’est pas sans rappeler celle de l’architecte Patrick Bouchain qui affirme dans de nombreuses interviews qu’il faut construire ensemble pour habiter ensemble. Cette d\u00e9marche passe selon lui par une \u00e9coute de la demande des habitants. CQFD.<\/p>\n
![\"\"](\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/11\/onemillionthtower_b_bf-300x225.jpg\")
<\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\nAu-del\u00e0 des enseignements urbanistiques \u00e0 retenir de ce webdoc, nous y voyons aussi chez 3WDOC, deux enseignements technologiques majeurs pour l’avenir du HTML5. Quels sont-ils ?<\/p>\n
Un vent mauvais pour AIR<\/h4>\n
L’un des enseignements d\u00e9passe largement le cadre m\u00eame de ce webdoc, l’autre est intimement li\u00e9 \u00e0 la r\u00e9alisation de cet “interactive documentary experiment” comme le nomme leurs auteurs.<\/p>\n
- \n
- L’arr\u00eat du support de Flash sur mobile au b\u00e9n\u00e9fice de HTML5 :<\/b> On ne va pas \u00e9piloguer sur la disparition annonc\u00e9e de la technologie Flash. Disparition ent\u00e9rin\u00e9e par Adobe lui-m\u00eame, qui ainsi va pouvoir mieux se concentrer sur une exploitation en SAAS de sa gamme de logiciels. Le web bruisse de l’annonce faite par Adobe de ne plus assurer le support de Flash Player pour les navigateurs disponibles sur mobiles. L’anath\u00e8me de feu Steve Jobs semble continuer de faire des ravages.<\/li>\n
- Le duo gagnant HTML5 + WebGL dans l’animation et l’interaction :<\/b> Ce webdoc ONE MILLIONth TOWER montre enfin que la combinaison HTML5 WebGL grignote le pr\u00e9 carr\u00e9 de de la technologie Adobe \u00e0 savoir les effets de pointe graphiques et interactifs que jusqu’\u00e0 pr\u00e9sent seule la technologie d’Adobe \u00e9tait en mesure d’op\u00e9rer. A ce titre, on vous invite \u00e0 d\u00e9couvrir d’autres exp\u00e9riences men\u00e9es en HTML5 + WebGL tel que le bluffant ROME (www.ro.me<\/a>) <\/li>\n<\/ol>\n
La pr\u00e9sentation du projet ONE MILLIONth TOWER <\/b><\/p>\n
\n
ABOUT ONE MILLIONth TOWER <\/p>\n
The highrise re-imagined.<\/p>\n
One Millionth Tower re-imagines a universal thread of our global urban fabric \u2014 the dilapidated highrise neighbourhood. More than one billion of us live in vertical homes, most of which are falling into disrepair. Highrise residents, together with architects, re-envision their vertical neighbourhood, and animators and web programmers bring their sketches to life in this documentary for the contemporary web browser.<\/p>\n
The result of this unique collaboration is a lush visual story unfolding in a 3D virtual environment. Visitors explore how participatory urban design can transform spaces, places and minds.<\/p>\n
One Millionth Tower is \u201chyper-local\u201d documentary. It’s hyper-local because it\u2019s grounded in a particular community \u2014 a highrise on Kipling Avenue in suburban Toronto, Canada \u2014 where the HIGHRISE team has worked with residents for over two years. The project is a concrete result of a community collaboration between residents, architects, documentarians and animators to re-imagine the particular spaces around these particular highrises.<\/p>\n
Yet it’s hyper-lobal, because so many of the hallmark problems that these residents face are found in highrise communities around the globe: deteriorating buildings; physical and cultural separation from the downtown core; poor access to social services and commerce; poor public transit and long-distance commutes, resulting in a reliance on cars and long travel times; little or no community play space for children; as well as no community space and fabric between the residential buildings themselves. One Millionth Tower suggests these problems can be solved \u2014 it just takes some imagination.<\/p>\n
Additional Features include:<\/p>\n
a behind-the-scenes documentary about the collaborative process
\na short documentary featuring international examples of tower revitalization
\na short documentary exploring the open technology used to create the project
\nand a spectacular interactive feature that takes you to highrise neighbourhoods in more than 200 countries in the world, thanks to Google Streetview and satellite imagery. It’s based on our own original research to find and understand highrise communities around the globe.
\nOne Millionth Tower is a story with global implications about how, with the power of imagination, we can transform the urban and virtual spaces that belong to all of us.<\/p>\nOne Millionth Tower is one of the world’s first HTML5\/webGL documentaries.<\/p>\n<\/blockquote>\n
Toronto, Canada<\/b>
\n
\n[geo_mashup_map height=”235″ width=”600″ map_type=”G_HYBRID_MAP” zoom=”15″ add_overview_control=”true” add_map_type_control=”true”]
\n<\/p>\nPour aller plus loin<\/h2>\n
- \n
- Le webdocumentaire NFB – One Millionth Tower
http:\/\/highrise.nfb.ca\/onemillionthtower\/<\/a><\/li>\n- Popcorn.js | The HTML5 Media Framework
http:\/\/popcornjs.org\/<\/a><\/li>\n- Quelques exp\u00e9riences WebGL
http:\/\/www.chromeexperiments.com\/webgl<\/a><\/li>\n- La tentative de Mike Robbins de Helios Design Labs (http:\/\/www.heliozilla.com\/), un des concepteurs \u00e0 l’origine de ONE MILLIONth TOWER
http:\/\/www.chromeexperiments.com\/detail\/highrise-one-millionth-tower\/?f=webgl<\/a><\/li>\n- La page wikipedia de Patrick Bouchain
http:\/\/fr.wikipedia.org\/wiki\/Patrick_Bouchain<\/a><\/li>\n- Construire autrement avec Patrick Bouchain
http:\/\/www.metropolitiques.eu\/Construire-autrement-avec-Patrick.html<\/a><\/li>\n- No Flash? No problem
http:\/\/www.zdnet.com\/news\/no-flash-no-problem\/6329650<\/a><\/li>\n- Google Swiffy, o\u00f9 quand Google vient \u00e0 la rescousse d’Adobe.
http:\/\/www.google.com\/doubleclick\/studio\/swiffy\/<\/a><\/li>\n- ROME “3 Dreams of Black”, a new an interactive film by Chris Milk. With music from the album “Rome” by Danger Mouse, Daniele Luppi, featuring Jack White and Norah Jones.
http:\/\/www.ro.me\/tech\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"ONE MILLIONth TOWER, l’\u00e9tonnant dernier webdoc m\u00ealant HTML5 et WebGL de Katerina Cizek, Mike Robbins + friends<\/p>\n","protected":false},"author":1,"featured_media":9744,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"ONE MILLIONth TOWER combine HTML5 et WebGL pour r\u00e9inventer l\u2019urbanisme via un webdoc interactif et riche en contenu. D\u00e9couvrez les outils et r\u00e9sultats.","bf_ai_og_title":"ONE MILLIONth TOWER: L\u2019urbanisme r\u00e9invent\u00e9","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3436,3451],"tags":[299,804,372,256,2216,2214,2185,1376,1447,807,1047,1049,2263,2274],"class_list":["post-6146","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-storytelling-webdocs","category-web-design-front-end","tag-adobe","tag-canada","tag-chrome","tag-flash","tag-framework","tag-google","tag-html5","tag-nfb","tag-one-millionth-tower","tag-onf","tag-popcorn","tag-toronto","tag-webdoc","tag-webgl"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-1B8","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/11\/onemillionthtower_b_bf.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/6146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=6146"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/6146\/revisions"}],"predecessor-version":[{"id":9745,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/6146\/revisions\/9745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/9744"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=6146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=6146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=6146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Popcorn.js | The HTML5 Media Framework
- Le duo gagnant HTML5 + WebGL dans l’animation et l’interaction :<\/b> Ce webdoc ONE MILLIONth TOWER montre enfin que la combinaison HTML5 WebGL grignote le pr\u00e9 carr\u00e9 de de la technologie Adobe \u00e0 savoir les effets de pointe graphiques et interactifs que jusqu’\u00e0 pr\u00e9sent seule la technologie d’Adobe \u00e9tait en mesure d’op\u00e9rer. A ce titre, on vous invite \u00e0 d\u00e9couvrir d’autres exp\u00e9riences men\u00e9es en HTML5 + WebGL tel que le bluffant ROME (www.ro.me<\/a>) <\/li>\n<\/ol>\n