background preloader

Développement Web

Facebook Twitter

Présentation des méthodes agiles et Scrum. In this part, we will give an example of application of the Scrum method as it is implemented on some projects in companies.

Présentation des méthodes agiles et Scrum

Of course, that present such rituals may vary from a company or organization to another (or even from one project to another in some large firms) and are not necessarily all relating to the Scrum method although often implemented in an agile context (this is including the case of the approach of the "Test Driven Development" that we present later). The different stages of the initialization of an iteration (or sprint) are animated and under the responsibility of the scrum master. D3.js - Data-Driven Documents.

Christopheviau. Intro Data-Driven Documents, or D3 for short, is a new visualization library to build visualizations in SVG.


But in my opinion, it's also the best javascript multipurpose SVG library when it comes to animation, interaction and above all for binding data to graphics. The community is very responsive, source code is very clean and the API is well written. There is not a lot of tutorials to learn D3 yet. But they are very good introductions and you can find plenty of examples packaged with the source code or hidden in forums. Simple example. Gallery · mbostock/d3 Wiki. Wiki ▸ Gallery Welcome to the D3 gallery!

Gallery · mbostock/d3 Wiki

More examples are available on If you want to share an example and don't have your own hosting, consider using Gist and Les 20 meilleurs outils de datavisualisation au banc d’essai. Que vous soyez absolument novice ou codeur amateur, il existe aujourd’hui sur le web une impressionnante palette d’outils (presque) gratuits pour réaliser des datavisualisations.

Les 20 meilleurs outils de datavisualisation au banc d’essai

Banc d’essai. Note : j’ai volontairement éliminé les outils (a) entièrement payants (b) trop moches pour être utilisés dans des rédactions (c) en Flash. Ce billet n’est consacré qu’aux outils de “visualisation”, et non de scraping ou de traitement des données (un autre billet suivra bientôt). ↑1 » Pour les novices/pressés : le clé-en-mains Ces outils gratuits ou freemium permettent de générer des graphiques ultra-rapidement en copiant-collant des données d’un tableur. Le meilleur – Datawrapper : Simple d’utilisation, sobre, rapide, Datawrapper est tout à fait satisfaisant pour la plupart des visualisations courantes. Les + : la possibilité de personnaliser les couleurs, de mettre en évidence une série, la navigation par onglets entre les différentes séries. Bluefish Editor : Features.

Bluefish Features.

Bluefish Editor : Features

How to make a 3D sphere with HTML5 Canvas - by Guido D'Albore. By Guido D'Albore (May 13th, 2011) “I’m far away but my idea of happiness remains the same” One of the most interesting news is the introduction of the HTML5 Canvas element.

How to make a 3D sphere with HTML5 Canvas - by Guido D'Albore

Originally introduced by Apple in its engine Webkit, the canvas allow us to draw 2D (and 3D) in a specific region of HTML with JavaScript programming language. The canvas element is defined as follows: <canvas id = "sphere3d" width = "100" height = "100" > Text to alert visitors that the Canvas is not supported by your browser. Where width and height are respectively the area of the canvas. In JavaScript, to obtain the rendering context (Rendering Context) you should do this:

Google Sphere. Author: Mr. Location: London, England Description: Once again your beloved searcher gets hijacked. This time forming a sphere. Mouse over the page and type the term you're looking for on the search box. Now, if you want to get geeky... During the development of my previous experiments I found out about the -webkit-transfom style that allowed us to rotate dom elements. If you have ever done anything with 3D you probably know that scaling is the only thing you need to give the illusion of 3D on a 2D surface. For the magic touch it just needed some smooth animations which is where jstween comes in. Take a look at the code and feel free to play with it :) Technology: threedoob, jstween, google api Launch Experiment.

Canvas sphere. Making a 3D Engine in jQuery. In the previous post “3D tag cloud” I received quite a few requests for different shapes besides the ring. The problem is how the tag cloud was created it doesn’t lend itself to different shapes very well. So this post will show how to create a 3D engine in jQuery / JavaScript for those more exciting shapes.

What We’re Building We’re going to create a 3D engine that will allow us to create shapes simply by creating an array of points. This engine will have a Camera, a Scene and an Object. Display Object The Display Object is more or less a way to give each object a set of properties and methods. Here is the JavaScript Class: If this seems a little foreign to you, you might want to check out the post Object Oriented Programming with JavaScript. Make 3d/2d Points These functions basically create objects, one meant for 3d (x,y,z) and one meant for 2d(x,y,depth). Initialization The init function assigns a variable to the container passed in. Camera Here is the Camera Class: Object 3D. Sphere.js (javascript spherical image effect) <form name="lst" id="lst" method="post" action=".. sphere.js 1.3 allows you to add a spherical picture effect to images on your webpages (alternatively: slided.js or filmed.js).

sphere.js (javascript spherical image effect)

It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.CVI-lab: Get a fast impression of the effects and their illustration qualities.