Processing, seizième et dernier cours décembre 14th, 2008 Posted in Processing Dernier article consacré à Processing pour l’instant, ou plutôt, c’est le dernier sur ce blog, tout cela prendra une autre forme, peut-être plus adaptée, dans quelques semaines. N’hésitez pas à me faire part de vos observations ou de vos questions en commentaire à ces articles, c’est ce qui me permettra de les améliorer et c’est ce qui justifie ce mode de publications. Nous avons vu comment dessiner des choses sur l’écran et comment réaliser des animations, interactives ou pas. Lorsque l’on sauvegarde un programme réalisé avec Processing, celui-ci s’enregistre sur le disque sous la forme d’un fichier dont l’extension est .pde (pour processing development environnement ). L’applet Java Une applet Java est un fichier lisible dans un navigateur web équipé du plug-in Java. Notez pour l’anecdote que le schéma statistique présenté ci-dessus a été réalisé avec Processing ( cliquez sur ce lien pour voir le code source ). L’application indépendante
Performance audiovisuelle et pratique du VJing Ce livre aborde les pratiques artistiques placées sous la dénomination de "performance audiovisuelle" ou de "VJing", à travers le prisme de la culture, des logiciels et matériels libres qui concourent à leur réalisation. Il débute par un propos introductif où il s'agit de replacer ces pratiques dans un contexte historique et dans leur écosystème actuel, illustré par des projets artistiques que l'on peut associer à cette dénomination. Ce livre propose également une approche concrète de ces pratiques, en apportant des ressources cognitives, logicielles et matérielles aux artistes et curieux souhaitant s'intéresser au versant libre d'une pratique qu'ils exercent peut-être déjà. Nous avons décidé de débuter par la préparation et le choix des médias et sources utilisés. Dans une seconde section, sont abordés le traitement et la manipulation des sources, les possibilités de mélange des images, l'application d'effets, le contrôle de lecture et la composition de l'image.
Trayvon Martin et ses soeurs | CHRONIK D'UN NÈGRE INVERTI Voilà plus d’une semaine que Georges Zimmerman, meurtrier de Trayvon Martin, a été acquitté. Aujourd’hui, malgré un soutien total aux mobilisations réclamant que justice lui soit rendue, je ne peux m’empêcher d’être amer quant à la problématique plus générale des (non) mobilisations autour des victimes noires du système judiciaire américain. Le fait qu’il y a plus d’hommes noirs incarcérés que de femmes noires (ce qui correspond au fait qu’il y a plus d’hommes incarcérés que de femmes, quels qu’ils soient), et que les hommes noirs sont disproportionnellement concernés par les violences policières ou meurtres d’un quidam qui "a senti qu’il devait se défendre", ne doit pas justifier ce manque de visibilité des femmes noires sur ces sujets. Autrement dit, elles sont sûrement moins touchées, mais ne même pas prêter attention à elles quand de telles choses leur arrive, c’est une 2e violence. La légitime défense à géométrie variable L’indignation circonstancielle L’indignation limitée Conclusion
12 libs JS front que j’utilise tout le temps Je suis comme vous, je reviens toujours à une petite boîte à outils essentielle, qui m’accompagne de projet en projet, chaque outil ayant maintes fois prouvé sa valeur. C’est notamment le cas pour les petites bibliothèques web front en JavaScript. Je me suis dit que ça pouvait vous intéresser de savoir lesquelles j’utilise. jQuery (ou Zepto) Évidemment. En revanche, jQuery reste un gros mammouth en raison de ses nombreuses évolutions d’API… et de la compatibilité oldIE. Quand Underscore est apparu (encore un super projet de Jérémy Ashkenas), les « Prototypistes » qui refusaient de passer à jQuery faute d’outils algorithmiques potables ont trouvé de quoi compenser, et ont pu sauter le pas. Ça ne pèse que 54Ko (9.1Ko gzippé), l’API est compatible avec celle de jQuery (en gros, sauf cas de figure bien pointu, tu n’auras pas une ligne de ton code à changer), et ça défonce grave. Underscore Petites démos vite fait à l’arrache : Moment (et Moments-Away) Sauf que. Micro-démo de rien du tout : Select2
Python: création de cartes dynamiques Google Maps avec Google Charts (kml) Pour créer les graphiques avec Python, nous avons utilisé jusqu'à présent matplotlib mais il y a énormément d'autres possibilités (pypi.python.org/pypi). Parmi celles-ci, il y en a qui utilisent des services web dynamiques comme Google Chart. Le blog.thematicmapping.org/2008/04/using-google-charts-with-kml.html montre comment utiliser Google Chart dans un fichier kml pour fournir des cartes dynamiques. Cette particularité est exploitée par Luis Apiolaza qui illustre sur son site comment le faire avec Python. C'est cette démarche que nous allons analyser (apiolaza.net/code/dynamic-maps-python.html). Google Charts Créé en 2007, Google Charts est une API qui renvoie une image au format PNG à partir d'une URL simple avec une série de paramètres. exemple: chart.apis.google.com/chart En tant qu'API REST, les données sont envoyées directement dans l'URL dont la longueur est limitée par le GET (2k). chart.apis.google.com/chart <?
Design Process | Generative Design The cloud brings together the possibility of massive computational resources and connectivity in an unprecedented scale across a wide range of business, educational and entertainment activities. Are the Architects ready for the cloud? The answer is ” No”. But, will they get there? But what will design be in the cloud ? I believe that the cloud will initially be used in the same way that computers were used to replace existing PC based practices. Design will be – as in nature Nature in itself is a massive computational environment that has evolved over billions of years. Design as it is now Before we consider the lofty heights that clouds can take us to, let’s review where we are with CAD now. The codification and comodification of CAD Most CAD packages now handle the drudgery of 3D manipulation fairly well. What the clouds mean for generative design? It is like asking what gasoline means for your car?
Lettre d'une pigiste perdue dans l'enfer syrien Ce texte sur son expérience syrienne a été publié le 1er juillet 2013, sur le site de la 'Columbia Journalism Review', par Francesca Borri, journaliste indépendante italienne, par ailleurs auteur d'un livre sur le Kosovo et d'un autre sur les rapports entre Israéliens et Palestiniens intitulé 'Quelqu'un avec qui parler' (Manifestolibri, 2010). Il a suscité de très nombreuses réactions, auxquelles Francesca Borri a elle-même répondu sur le site du 'Guardian'. Il nous a semblé qu'il méritait d'être traduit en français. Il m’a finalement écrit. Le même jour, dans la soirée, j’ai retrouvé le camp rebelle où je vivais, au beau milieu de cet enfer qui s’appelle Alep, et dans la poussière et la faim et la peur, j’ai espéré trouver un ami, un mot compatissant, un geste tendre. Du reporter freelance, les gens gardent l’image romantique d’un journaliste qui a préféré la liberté de traiter les sujets qui lui plaisent à la certitude d’un salaire régulier. Et puis, bien sûr, je suis une femme.
yrezgui/AngularJS-Learning Open Data, le partage de données reste toujours associé à un risque Crédit D.R. Une étude menée par la société de conseil Bluenove fait le point sur l'ouverture des données tant du côté public que privé, offreurs que consommateurs de données. Le principe des données ouvertes est surtout connu pour son utilisation dans le secteur public pour offrir de l'information gratuitement (journal officiel, données géographiques, etc.) qui pourra le cas échéant servir à des entreprises pour créer des services. Ce cabinet a réalisé une étude baptisée Open Data : quels enjeux et opportunités pour l'entreprise ? Le livre blanc qui intègre cette étude est préfacé par Carlo Ratti, du M.I.T., qui rapproche le mouvement de l'Open Data et la problématique du Big Data. L'Open Data connu mais méconnu Selon l'étude Bluenove, 47% des répondants connaissent le concept d'Open Data. L'ouverture des données publiques est lancée et le portail Data.gouv.fr offrira bientôt un accès unifié et très libre aux données publiques. Partager par obligation ou par intérêt
Design - procedural architecture and design Renault Ross Lovegrove concept announced, debuts April 8th to explore new design languages. personal Statement: Finally after more than a year in development Renault officially announced Studio Lovegroves collaboration on a design concept. i have spent plenty of midnight oil with the intend to push a lot of the procedure driven design i not the [...] Artemide NEW NATURE – generative design: New nature describes a vertical column that is composed of one highly informed polymer module. This single module evolves through moving, rotating and intersecting into a generative design structure which harnesses and projects light. The emerging design plays with fluid geometries to define a new light condition in space, [...] Artemide BOTANIC RAIN: Botanic rain uses an advanced crystal polymer to refract and reflect light through a leaf module that is suspended to create a highly optical curtain wall system.
Je t’accueille, tu m’accueilles, il t’accueille – Surtout, ne venez pas comme vous êtes | Toi ici là, moi ici là Gérard veut refaire sa pièce d’identité. Il se déplace à la mairie, on lui dit que c’est en préfecture de police maintenant. Il va au commissariat, c’est pas là du tout, monsieur, c’est en pré-fec-tu-re de police, voyons. Et de toute façon il faut prendre rendez-vous sur internet Monsieur. Sur quoi? Sur internet. Mina veut s’inscrire à Pôle Emploi. Jamel est admis à l’hôpital psychiatrique (voir ici pour l’histoire). Fouad veut ouvrir son contrat EDF, il vient d’emménager dans son nouveau logement. Jisvar se présente dans un centre d’hébergement où il a finalement obtenu une place. Michel aimerait changer de Centre médico-psychologique (CMP), pour qu’il puisse aller voir le psychiatre qui lui prescrit son traitement sans traverser toute la ville. Et aussi… Marcin, qui fait le 115 des dizaines de fois avant d’avoir quelqu’un au bout du fil, puis avant d’avoir une place pour une nuit peut-être. Je crois que je suis d’accord.
JavaScript Quick Start | Processing.js Processing.js Quick Start - JavaScript Developer Edition Introduction This quick start guide is written from the standpoint of a JavaScript developer. Index For the Impatient If you're in a rush, here's what you need to know: Processing.js converts Processing code to JavaScript and runs it in the browser, using <canvas> for a drawing surface. 1 <script src="processing-1.3.6.min.js"></script>2 <canvas data-processing-sources="hello-web.pde"></canvas> Load your web page, and it will parse, translate, and run your sketch in the browser. Why Processing.js? What is Processing? The Processing language was originally created at MIT as part of the Media lab and Aesthetics and Computation group. What does Processing bring to the web? Processing has a large and vibrant community, who are good at creating 2D and 3D graphics, visualizing data sets, audio, video, etc. By porting the Processing language to the web, both the Processing and web communities benefit. How much work is it to learn Processing? 1 <!
20 Fresh JavaScript Data Visualization Libraries There are plenty of JavaScript libraries out there for rendering your otherwise plain and boring numerical data into beautiful, interactive, and informative visualizations. The beauty of using JavaScript for data visualization is that, if created correctly, your data will be highly accessible (usually via HTML tables). A long time ago (2008), I wrote about JavaScript solutions for graphing and charting data and this article revisits the topic with twenty more JavaScript libraries that you can use to bring your data to life. 1. Highcharts is one of the most promising JavaScript charting libraries to hit the scene recently, with its large array of features including seven charting types (line, pie, and bar among them), the ability to zoom in and out of charts, and tooltips for offering more information about data points. 2. gRaphaël gRaphaël is a charting library based on Raphaël, a vector graphics drawing JavaScript library. 3. 4. jQuery Visualize Plugin 5. moochart 6. 7. dygraphs 8. 9. 10.
22 Générateurs en ligne pour créer des nuages de mots-clés Définition du Nuage de mots-clés Le Nuage de mots-clés est l’un des outils de navigation du Web 2.0. En se référent à l’article Nuage de mots-clés de WikiPédia : Le nuage de mots-clés (plus rarement nuage de mots-clefs ou nuage de tags ; tag cloud, word cloud ou keyword cloud en anglais) est une représentation visuelle des mots-clefs (tags) les plus utilisés sur un site web. Les Nuages de mots-clés dans le site CMS-SPIP Dans le site CMS-SPIP les nuages de mots-clés sont également traités dans les rubriques : dans lesquelles vous trouverez de nombreux articles traitant des Nuages de mots-clés et de thèmes connexes tel que l’article : Ne pas confondre les mots-clés, les mots indexés par le moteur de recherche, les mots recherchés par l’internaute et les étiquettes affichées dans les Tag Clouds Cela concerne divers types de Nuages de mots-clés, en 2D et 3D interactif-dynamique, et pour certains intégrés au CMS SPIP sous la forme de plugins. Mots-clés de SARKA dont l’article :