Badiste passionné que je suis, je souhaitais quand même faire la promotion d’une nouvelle boutique orientée à 100% pour le badminton :

Coup Gagnant Badminton

Au programme :

Tout le minimum qu’une boutique de badminton puisse proposer, à savoir en gros :

• Volants plume et volants plastique
  
• Grips et surgrips spécialement pour le badminton (dont les meilleurs gammes de chez Karakal, la référence dans le genre pour ceux qui connaissent ils me comprendront.. ^^)
  
• Raquettes de badminton
• Bagagerie (Thermobags, sac à dos et sac de sports classiques en général)
• Chaussettes de badminton (Quelques modèles vraiment chouettes et originales)
• Bobines et cordages (Les classiques BG65 ou Nanogy95 de Yonex ont un prix assez sympa un peu sous la moyenne)
• Textiles (pour hommes et pour femmes bien entendu :)). Ca va du tee-shirt classique, polo, short, jupe (ou jupette comme vous préférez ^^), et autre survêtements comme les pantalons jogging, pantacourts, le tout en version capri ou classique.
• Et enfin les chaussures de badminton bien sûr. (Je connaissais pas Apacs, mais il faut avouer que dans ce domaine ils font des produits de qualité digne des plus grandes marques, le tout à prix vraiment discount.)

Boutique propulsée le 1er janvier 2010 !

C’est pour cela que certains pourront penser que ça manque un peu de variété au niveau des produits, car pour le moment les marques se limitent à Apacs, Karakal, Yonex, et Space Arrow (S.Arrow) pour les volants plume.

Quand aux volants plume, Coup Gagnant est distributeur/revendeur EXCLUSIF des volants S.Arrow en France.

J’ai eu l’occasion de tester ses volants pour la première fois il y a 2 ans.
Le Gold 01 mérite une bonne attention dans la gamme S.Arrow et le Gold 03 est intéressant pour l’entrainement.
Pour ma part, le Gold 01 est un volant que j’ai définitivement adopté et avec lequel je joue tout le temps ! (Entrainement la semaine et compétition le week-end pour dire).
Sa qualité de vol est remarquable, sa vitesse en 78 est pile poil comme il faut, ce qu’il fais qu’il n’a jamais besoin d’être cassé en début de match ! (Ca j’aime :)).
Enfin, il est vraiment solide !!!

L’argument de poids en fait je dirais que c’est le prix : 13€ le tube. Cela fais 2 années consécutives que je joue avec les volants plume S.Arrow et jamais eu de soucis avec en tournois, au contraire. Je les ai peut être trouvé un peu fragile cet hiver pendant notre dernier interclub, mais il faut dire que la salle n’étais pas bien chauffée et ce fut une véritable hécatombe dans la salle pour toutes les marques et modèles de volants plume.

Certes le Gold 01 de S.Arrow n’est pas encore homologué par la FFBA, mais la procédure est en cours pour une homologation « Standard » et je doute qu’il sera refusé.
L’équipe de Coup Gagnant ne manquera pas de tenir au courant les visiteurs sur la page d’accueil de la boutique quand ce sera ok.

Un futur proche…

Pour en revenir à la boutique, bien entendu ce n’est que le début, et une panoplie de projets en interne se cumulent en liste d’attente :

• Travailler avec d’autres marques telles que Babolat, Wilson et Forza, et surtout dans l’ensemble de s’enrichir de nouveaux produits pour apporter le meilleur, le tout en contrôlant éternellement les prix pratiqués sur la toile afin de rester soit le moins cher, soit le plus compétitif possible.
• Création d’un blog avec de belles surprises à la clé (initiations vidéos (jeu et entrainement physique), tests de raquettes en vidéo, actualité interne de l’entreprise, …)
• Interface à venir pour consulter son classement via les données de la base de donnée officielle de la Fédération Française de Badminton (FFBBA), j’ai nommé Poona, mais en façon plus complète et intuitive, à la façon de Badnuke ou DataBad…
• Interface de gestion de tournoi qui aura plus pour but en premier lieu de recentrer les tournois dans (et autour) du Languedoc-Roussillon (là où se trouve le siège social de Coup Gagnant), étant donné que des sites tels que Badidonk ou Badiste.fr le font déja bien au niveau National.

Voila, je vous invite à découvrir cette nouvelle boutique qui, connaissant la personne qui est aux commandes (Hildenfinck Adrien), s’avère devenir un projet très ambitieux et pleins de surprises ! :w00t:

Visiter la boutique Coup Gagnant

Il n’est pas nouveau mais étant devenu accroc de ce service en ligne, je ne pouvais m’empêcher de créer un billet à son sujet..

TinEye est un puissant moteur de recherche d’images inversé. Vous devez simplement lui soumettre une image ou son URL, et il se chargera de trouver dans son immense base de donnée les documents où elle se trouve, que ce soit sur le Web ou dans des documents papier (journaux ou magazines).

La base de donnée est immense et s’agrandis chaque jour. A titre d’exemple, au moment ou j’écris ce billet en ce 17 mai 2009, la base propose 1,05 milliard d’images contre 487 millions à la même date l’année dernière !

TinEye vous retournera la liste des sites où se trouvent l’image en question, en vous proposant d’effectuer différents tris de résultats, soit par image la plus pertinente/ressemblante, ou soit par la taille de l’image (de la plus grande à la plus petite image trouvée par exemple).

L’algorythme de TinEye est puissant et contrairement à ce que l’on pourrait croire, il n’y a pas d’analyse du contenu de l’image ou autre reconnaissance faciale. En fait il se base sur l’analyse des pixels d’une image afin d’identifier une images et ses caractéristiques, ce qui permet au moteur de retrouver des images malgré le fait qu’elles aient été fortement redimensionnées ou altérées au niveau des couleurs.

En somme, le moteur TinEye est continuellement à la recherche de nouvelles images, et crée une signature numérique pour chacune de ses trouvailles avant de l’ajouter dans la base de données afin de finalement simplement comparer la signature de votre image à celles inclues déja dans la base.

A noter que TinEye s’intéresse également aux vidéos, et qu’il ne sera pas étonnant de voir fleurir un service dans le même genre très bientôt !

Enfin, je vais terminer ce billet en précisant qu’il existe un plugin pour Firefox ainsi qu’un plugin pour Internet Explorer, qui vous permettront de rechercher des images similaires en faisant un simple clic droit sur une image et de sélectionner « Search Image on TinEye » via le menu contextuel de votre navigateur préféré

Liens :

• Tester TinEye (site officiel)
• Installer le plugin pour Firefox
• Installer le plugin pour Internet Explorer

Aujourd’hui encore beaucoup de sites web ne se prennent pas la peine d’agrémenter visuellement leurs présentations d’images, illustrations, et autres galeries.
Je comprends que éditer chaque image une par une via Photoshop peut fatiguer à la longue, alors pour gagner du temps nous allons automatiser cela à l’aide du CSS.

Voici donc pour commencer 5 différentes façons simples d’ajouter un peu de saveur à vos images en les rendant plus attrayantes :

Un effet d’ombre portée

DEMO EN LIGNE
HTML

<img class="shadow" src="sample.jpg" alt="" />

CSS

img.shadow {
	background: url(shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}

Un effet de double bordure

DEMO EN LIGNE
HTML

<img class="double-border" src="sample.jpg" alt="" />

CSS

img.double-border {
	border: 5px solid #ddd;
	padding: 5px; /*Inner border size*/
	background: #fff; /*Inner border color*/
}

Un effet de cadre

DEMO EN LIGNE
HTML

<div class="frame-block">
	<span>&nbsp;</span>
	<img src="sample.jpg" alt="" />
</div>

CSS

.frame-block {
	position: relative;
	display: block;
	height:335px;
	width: 575px;
}
.frame-block span {
	background: url(frame.png) no-repeat center top;
	height:335px;
	width: 575px;
	display: block;
	position: absolute;
}

Un effet Watermark sur l’image

DEMO EN LIGNE
HTML

<div class="transp-block">
	<img class="transparent" src="sample.jpg" alt="" />
</div>

CSS

.transp-block {
	background: #000 url(watermark.jpg) no-repeat;
	width: 575px;
	height: 335px;
}
img.transparent {
	filter:alpha(opacity=75);
	opacity:.75;
}

Une description sur l’image (caption)

DEMO EN LIGNE
HTML

<div class="img-desc">
	<img src="sample.jpg" alt="" />
	<cite>Salone del mobile Milano, April 2008 - Peeta</cite>
</div>

CSS

.img-desc {
	position: relative;
	display: block;
	height:335px;
	width: 575px;
}
.img-desc cite {
	background: #111;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 555px;
	padding: 10px;
	border-top: 1px solid #999;
}

Merci à SohTanaka pour l’astuce

Je dirais qu’un slider est tout simplement un sélectionneur de valeurs qui vous permet donc de sélectionner une fourchette de valeurs afin de créer par exemple un filtre, comme par exemple pour choisir un prix minimum et prix maximum dans une boutique en ligne.

L’avantage de SelectToUISlider (anciennement connu sous le nom de Accessible Slider) proposé par Filament Group est que si le JavaScript ou le CSS n’est pas activé chez l’internaute, le slider s’occupera d’afficher les listes déroulantes quand même afin de sélectionner une valeur !

DEMO EN LIGNE

Pas grand chose à faire, comme tout plugin jQuery qui se respecte, il vous suffira de lire la doc afin de consulter les différentes options et paramètres qu’il propose, et il s’occupera tout seul comme un grand de convertir votre ou vos listes déroulantes en slider.

Fonctionnalités :

Contrairement aux autres sliders il n’est pas limité à sélectionner uniquement des valeurs de date, il gère également les données suivantes :

• les chaines de caractères (ex: « très lent », « lent », « rapide », « très rapide »)
• les dates
• les chiffres

Cette nouvelle version est basée sur jQuery UI, mais propose de nouvelles options :

• labels (Number, nombre de labels à afficher : par défaut à 3)
• tooltip (Boolean, affiche ou non les infos-bulles : par défaut à True)
• tooltipSrc (Specific String, source du texte de l’info-bulle venant de la liste déroulante. Les valeurs disponibles sont « value » ou « text » : par défaut à « text ».
• labelSrc (Specific String, source du texte du label venant de la liste déroulante. Les valeurs disponibles sont « value » ou « text » : par défaut à « value ».
• sliderOptions (Object, accepte les options du slider jQuery UI de base)

A noter que cette nouvelle version gère également le support ARIA du W3C.

Enfin, vous pouvez naturellement personnaliser à souhait votre slider grâce au puissant générateur de thèmes jQuery UI ThemeRoller.

TELECHARGER

ou bien (si le lien est cassé)

TELECHARGER

Liens :

• Page officielle du slider SelectToUISlider
• Démo 1 (Basique, permet de sélectionner 5 options)
• Démo 2 (Permet de sélectionner une fourchette de dates)

Il existe plusieurs concepts du même genre, mais ColoRotate sort du lot en vous offrant la possibilité de faire des combinaisons de couleurs sous un nouvel angle et donc d’avoir une prise en main qui vous permet de mieux imaginer ce que vous souhaitez pour vos travaux de design..

ColoRotate, l'outil palettes de couleurs en 3D

La base est identique aux autres : vous choisissez les couleurs principales et pouvez modifier la teinte, le contraste, la luminosité, le mélange, la nuance, etc…
Lorsque votre palette vous plais enfin, vous pouvez la sauvegarder et également l’exporter au format ASE (Adobe Swatch Exchange).

Le site possède également une partie communautaire où vous pourrez donc échanger ou vous inspirer des palettes des autres utilisateurs

Visiter le site officiel.

Cliquez ici pour voir la vidéo

Ça vibre sec ils sont à fond, c’est eux les nouvelles stars

Le concept consiste à transformer le panoramique circulaire en 360° grâce à l’effet « coordonnée polaire » de Adobe Photoshop.

Je vous propose environ 400 exemples des plus beaux dans le genre trouvés sur la toile (n’hésitez pas à consulter le premier lien que je propose en fin d’article pour visualiser encore plus de belles perles dans le genre) :

Liens annexes :

• World’s best photo of panorama and polar (Une banque énorme de diaporamas et photos polaires)
• Tutoriel 1 : Create your very own planet! (anglais)
• Tutoriel 2 : How to Create Your Own Planets Using Your Panorama (anglais)
• Tutoriel 3 : Makin a planet out of a panorama picture (anglais)
• Tutoriel 4 : Créez vos petits mondes (ou comment faire une projection stéréographique) (français)
• Tutoriel 5 : Tutoriel sur l’effet planète (français)
• Tutoriel 6 : Créer un effet planète sur Photoshop (français)

MERCI !

Belgique | 2002 | Fiction | 8 mn

Scénario : Christine Rabette
Image : Antoine Bellem / Son Pierre Mertens
Montage : Pia Dumont
Interprétation : Jan Hammenecker, Luc Brumagne, Anne Fournier, Muriel Bersy
Production : Artemis Productions, Bruxelles, Belgique

Une grande ville de nos jours. Un drôle de personnage prend le tram et réinvente à sa façon le transport en commun.

A méditer :

Bodhisattva

Le terme sanskrit bodhisattva (être : sattva /d’éveil : bodhi) signifie « celui dont l’aspiration héroïque est d’atteindre l’éveil ».
Il appartient au vocabulaire religieux du bouddhisme et désigne des personnes qui, ayant acquis l’état de bouddha, refusent le nirvâna par compassion pour se réincarner et venir en aide aux autres.

La vidéo :

Cliquez ici pour voir la vidéo

Si vous me dites que vous n’avez pas rigolé, je ne vous croirais pas

Je vous propose deux scripts sympathiques qui ont retenu mon attention :

Auto-Generating Photo Gallery

Auto-Generating Photo Gallery

Ce script PHP génère une galerie de vos photos avec un effet FancyBox.

DEMO EN LIGNE

Il vous faut par contre créer les miniatures en ajoutant un suffixe, exemple : Image: 023.jpg et Miniature: 023-thumb.jpg, à placer dans le même dossier que les images originales.

TELECHARGER

ou bien (si le site officiel est down)

TELECHARGER

SimpleViewer

SimpleViewer

Ce script vous propose différents rendus Flash assez agréables et possède pas mal d’atouts :

• Chargement intelligent des images
• Navigation intuitive des images
• Léger (17 ko)
• Interface customisable (autant le cosmétique que le redimensionnement par rapport au navigateur)
• Compatible Windows, Mac, Linux et tous navigateurs qui possède au minimum FLash8
• Contrôle la version du plugin installé chez l’internaute et propose de mettre à jour si besoin
• Gestion internationale des polices
• Navigation au clavier (Flèches directionnelles, Début/Fin, Page Up/Down)
• Navigation à la molette de la souris
• Possibilité de faire clic droit sur une image pour l’ouvrir dans une nouvelle page et ainsi la sauvegarder sur son PC
• Gratuit

Démos en ligne du script et site officiel :

• Démo en haute résolution (Taille 100% et sans légende)
• Démo en basse résolution (Taille 100% avec légende et fond d’écran)
• Démo petit format (Dans une balise html classique)
• Site officiel

TELECHARGER

ou bien (si le site officiel est down)

TELECHARGER

Conclusion :

Il ne va pas sans dire que ces solutions ne sont pas entièrement automatisées, mais avec un peu de jugeotte et de connaissances PHP, il est facilement possible d’automatiser le tout (gestion miniatures pour le premier script, edition dynamique du XML pour le second script, etc…)

Exemple 1 : Pour notre premier script Auto-Generating Photo Gallery, Andy (merci à lui) propose ce petit script pour la gestion des miniatures que voici :

On définis les 3 fonctions :

function createThumb_square($source,$dest) {
$thumb_size = 100;
$size = getimagesize($source);
$width = $size[0];
$height = $size[1];
 
if($width> $height) {
$x = ceil(($width - $height) / 2 );
$width = $height;
} elseif($height> $width) {
$y = ceil(($height - $width) / 2);
$height = $width;
}
 
$new_im = ImageCreatetruecolor($thumb_size,$thumb_size);
$im = imagecreatefromjpeg($source);
imagecopyresampled($new_im,$im,0,0,$x,$y,$thumb_size,$thumb_size,$width,$height);
imagejpeg($new_im,$dest,100);
}
 
function createThumbName($file,$pic_format,$thumb_mask)
{
 
$pic_name_length = strlen($file);
 
$pic_name_length = $pic_name_length - strlen($pic_format);
 
$pic_name = substr($file, 0, $pic_name_length);
 
$pic_name_thumb = $pic_name.$thumb_mask.$pic_format;
return $pic_name_thumb;
}
 
function fileExists($dir, $file)
{
if ($handle = opendir($dir)) {
 
while (false !== ($file_name = readdir($handle))) {
if($file_name == $file){
return true;
}
}
return false;
}
}

Puis on rajoute dans notre script index.php :

/* step one: read directory, make array of files */
if ($handle = opendir($image_dir)) {
while (false !== ($file = readdir($handle)))
{
if ($file != ‘.’ && $file != ‘..’)
{
$file_thumb = createThumbName($file,$pic_format,$thumb_mask);
if(strstr($file,’-thumb’))
{
$files[] = $file;
}elseif (!fileExists($image_dir,$file_thumb))
{
echo ‘reingelaufen’;
// echo ‘neuer Thumbname ist:’.” “.$file_thumb;
createThumb_square($image_dir.$file,$image_dir.$file_thumb);
}
 
}
}
closedir($handle);
}

Exemple 2 : AlivePixel qui ont crée un chouette dossier spécifique à SimpleViewer, vous expliquent comment automatiser les tâches suivantes : génération automatique des miniatures et des commentaires photo, ainsi que l’édition dynamique du XML (tout bonnement remplacé par un script PHP qui le génère à la volée)

Enfin, si le coeur vous en dis et pour être automatisé à 100%, rien ne vous empêche de créer un module de gestion d’upload pour envoyer vos images en masse, il existe un script vraiment sympa dans le genre : FancyUpload

Enjoy !

Règle n° 1 : Ne pas redimensionner vos images dans le navigateur internet !

Cependant, il arrive pour certains rares cas qu’on ne puisse pas appliquer cette règle… Je vous fais donc part d’un petit trick CSS existant depuis pas mal de temps mais que je découvre à peine, qui permet à IE de redimensionner proprement vos images de votre page web.

(A noter que cette astuce ne fonctionne qu’avec des .jpg et des .gif non transparents.)

La première image est l’originale (360px x 130px) et la même pour les deux images dessous, mais redimensionnée (250px x 90px).

Comparatif avec ou sans le fix sous IE7

Code du fix CSS pour IE7

img { -ms-interpolation-mode:bicubic; }

Il existe apparemment une astuce pour IE6 qui n’a malheureusement pas fonctionné pour moi :

Code du fix CSS pour IE6

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/chemin/vers/votre/image.jpg', sizingMethod='scale');

Eyesis Data Grid Control en action

Quelques fonctionnalités de la classe :

• Filtrage et recherche dans les colonnes
• Sélections multiples
• Support des bases de données MySQL
• Support de l’Ajax
• Pagination automatique
• Gestion d’un grand nombre de données
• Capacité à afficher des images
• Cacher / Afficher des colonnes
• Ajout d’une couche ajax possible
• Style CSS personnalisable
• Possibilité d’ajouter des contrôles (Ajouter, éditer, supprimer, …)
• Colonnes spécifiques (%, €, $, …)
• PHP5 uniquement
• Testé et approuvé avec Firefox 2 et 3, IE 6 et IE 7, Chrome, Safari 3, et Opera 9
• Etc …

Exemple d’intégration :

Pour vous montrer la facilité et le gain de temps que vous procurera cette classe, voici un exemple d’intégration à partir de votre table MySQL :

<?php
// file: ex1.php
require 'class.eyemysqladap.inc.php';
require 'class.eyedatagrid.inc.php';
 
// Load the database adapter
$db = new EyeMySQLAdap('localhost', 'root', '', 'people');
 
$dg = new EyeDataGrid($db); // Load the datagrid class
// Fetch all rows and columns from the `people` table
$dg->setQuery("*", "people");
 
// Print the table
$dg->printTable();
?>

Voila ! Avec 6 lignes de code, vous vous connectez à la base de donnée, en indiquant simplement la table où les données seront extraites et vous définissez votre requête. Tout le reste est automatisé : grille de données, headers des colonnes, pagination, etc… Facile non ? ^^

Eyesis Data Grid Control v1.1

TELECHARGER

ou bien

TELECHARGER

Liens annexes :

• Site officiel de Eyesis Data Grid Control
• Démo en ligne avec toutes les fonctionnalités de la classe

Equivalents :

Il existe plusieurs autres datagrid dans le genre comme par exemple celui du framework Ext JS (mais plus lourd).
Réellement comparable de par sa facilité à moderniser rapidement vos interfaces en les dynamisant un peu plus, je dirais qu’il y a surtout le datagrid Flexigrid que je vous conseille également de tester/comparer. Pour ma part ma préférence va pour Eyesis Data Grid Control.

SchemaBank : Modélisation de bases de données SQL

C’est un service relativement complet dans le genre et assez époustouflant développé à l’aide du fameux framework Ext JS.
Il est en outre facile à prendre en main car très intuitif grâce à l’utilisation bien pensée de l’Ajax et du Drag & Drop.

Ce service propose de nombreuses fonctionnalités :

• Création de tables (colonnes, contraintes, attributs)
• Affichage des relations identifiées et non-identifiées sur une même table
• Génération graphique de la modélisation SQL
• Reverse engineering : A partir d’une source SQL, création du modèle visuel
• MySQL et PostgreSQL sont supportés
• Versioning
• Comparaisons entre deux versions, …
• Mode collaboratif : Partage du modèle avec d’autres membres, gestion accès, …

Cette application est compatible la plupart des navigateurs web les plus récents :

Point négatif mais compréhensible, le service est gratuit mais limité à 1 projet pour 2 membres et 50 versions maxi.
Pour une version full débridée comptez entre 39$ et 129$ par mois selon la version choisie.

Liens annexes :

• Site officiel de SchemaBank
• Démo en ligne de SchemaBank

Dans la même catégorie que Firebug (HTML/JS), PHP Quick Profiler est une console de debug et log pour PHP.

PHP Quick Profiler : Console de debug & log PHP

PHP Quick Profiler développé par Ryan Campbell, vous permet d’analyser les performances de vos applications PHP afin de vous afficher :

• Le temps de chargement de vos pages
• Les requêtes SQL exécutées
• La mémoire utilisée et restante
• Les fichiers inclus accompagnés de leur poids et nombre

L’interface est vraiment chouette et intuitive, malheureusement pour effectuer vos tests il faudra un petit peu adapter votre code, ce n’est pas une solution magique qui marche instantanément. Elle sera néanmoins efficace pour optimiser et debugguer vos applis PHP

TELECHARGER

ou bien (si le site officiel est down)

TELECHARGER

Liens annexes :

Site officiel de PHP Quick Profiler
Démo en ligne (pour effectuer différents tests)

FullCalendar est un plugin jQuery qui vous permettra de créer un calendrier complet pour vos applications et sites web.

FullCalendar : Un calendrier complet via jQuery

Ce plugin consiste « simplement » à créer le visuel du calendrier et charger les évènements à afficher (en Ajax).
Entièrement paramétrable, il est possible également de gérer des actions sur les évènements du calendrier via un clic ou un drag & drop.

Malheureusement pour le moment il est impossible de modifier directement des évènements ou même leur titre, mais sa force réside dans quelques extensions disponibles, comme par exemple celle qui permet d’associer le flux calendrier de vos Google Calendar (Google Agenda) afin de les afficher directement sur vos applications web.

Pour ma part je vais étudier le sujet pour pouvoir le connecter à une base de donnée MySQL.
Je ne manquerais pas de vous tenir au courant ici même de l’évolution de ce chouette (et encore jeune)  plugin !

Lien annexes :

• Site officiel de FullCalendar
• Page officielle Google Code de FullCalendar (pour les reports de bug, questions/réponses, changelog, …)

API Google Analytics

Selon le blog officiel, Google Analytics viens tout juste de lancer son API (attendue depuis 3 ans). Les développeurs vont pouvoir exporter des données via l’interface de programmation, ainsi que développer des applications où les internautes pourront consulter leurs statistiques avec de nouvelles représentations le tout via des supports différents.

Selon Google, toutes les données qui nous sont accessibles via Google Analytics le sont également avec l’API, en lecture seule bien entendu. Comme par exemple pour les API de Google Calendar, Google Agenda, Finance ou Webmaster Tools (Outils pour Webmasters), celle-ci hérite du format générique GData (Google Data) et donc vous sera très familière si vous avez déja titillées les autres ^^. Enfin, à noter que à condition d’être connecté à son compte, les requêtes peuvent être effectuées directement en GET HTTP.

Quelques exemples déja en ligne sont visibles via cette page, sur laquelle on y trouve déja une application pour consulter ses statistiques depuis son téléphone portable.

Enfin, Analyseweb.fr le forum de la communauté francophone des web analytics possède bien entendu une section dédiée à Google Analytics, sur laquelle vous trouverez des personnes sympathiques comme Julien Coquet vous proposant des premières ébauches PHP comme celle-ci qui vous permet de récupérer le nombre de visites sur une période données grâce à la librairie Zend :

<?php
include_once ("zend/library/Zend/Loader.php"); //chemin vers la librairie Zend
Zend_Loader::registerAutoload();
 
$username = "votreadresse.gmail@gmail.com";
$password = "votre_mot_de_passe_GA";
 
 
 
$metric = array(
	"id" 	=> "ga:visits",
	"name"	=> "Visits"
);
 
$profileID = array(
	"12345678" => "analyseweb.fr"
 
);
// cet array contient les ID des différents profils que vous voulez traiter
 
$client = Zend_Gdata_ClientLogin::getHttpClient($username, $password, "analytics");
$token = $client->getClientLoginToken();
// le token vous sert à interroger l'API, vous vous en servirez ultérieurement
 
foreach ($profileID as $key=>$value){
	print "\nProcessing: $value\n";
	$client ->setHeaders( "Authorization: GoogleLogin auth=".$token );
	$client ->setUri("https://www.google.com/analytics/feeds/data?start-date=2009-03-01&end-date=2009-03-30&metrics=".$metric["id"]."&max-results=100&prettyprint=true&ids=ga:".$key); // on envoie la bonne requete, ici les visites
	$r = $client ->request(Zend_Http_Client::GET);
	//On récupère un flux XML
	$xmlBody = $r->getBody();
 
	print_r($xmlBody); // petit output du flux XML de retour
 
	$xmlBody = @str_replace('dxp:','',$xmlBody); // on fait un peu de nettoyage dans le nom des balises du flux
	$parser = @simplexml_load_string($xmlBody);
	print $metric["name"] ." : " .$parser->entry->metric['value']; // on affiche les valeurs qui vont bien
}
?>

Je pense que nous allons voir fleurir très bientôt de chouettes applis basées sur cette API, comme pouvoir consulter ses statistiques depuis son bureau, ou via son mobile avec Google Android. Pourquoi pas un plugin WordPress à coupler avec Wassup ?! Gniark

Résumé des liens :

• Site officiel
• Documentation officielle
• Blog officiel
• Traduction complète sur Goopilation de l’article du blog officiel
• Exemples d’applications via le Google Code Labs

Cliquez ici pour voir la vidéo

A remporté le prix 2006 du meilleur court métrage au Festival Apéro Short’z à Paris

En guise d’inspiration pour ceux qui voudraient tenter l’expérience ou pour les plus curieux, je vous propose une sélection des 100 plus belles photos OOB (Out Of Bounds). N’hésitez pas à me faire part de vos découvertes sympathiques en matière d’OOB que je mettrais à la suite !

100 photos OOB (Out Of Bounds)

Liens annexes :

• Le tutoriel le plus connu : OOB Tutorials
• Nombreux autres tutoriels OOB via Google

Voyons si les politiques qui gèrent nos lois sur le numérique savent de quoi ils parlent :

La question de Christian Paul :

Les dispositifs de sécurisation des ordinateurs sont à l’opposée des dispositifs que peut tolérer et accepter le logiciel libre. Ou bien vous considérez que le logiciel libre ça n’a pas d’importance, que vous décrétez l’indifférence nationale contre le logiciel libre, ou bien vous nous dites comment c’est compatible.

La réponse de Madame Albanel :

Sur les logiciels… sur l’affaire des logiciels libres, évidemment les logiciels libres, quand on achète, évidemment des logiciels, par exemple le pack Microsoft (ça c’est pas du logiciel libre) : Word, Excel, Powerpoint, il y a évidemment des pare-feux, je viens de le dire, il y a des logiciels de sécurisation. Mais sur les logiciels libres vous pouvez également avoir des pare-feux, qui d’ailleurs, mais évidemment. Par exemple, nous au ministère, nous avons un logiciel libre, qui s’appelle Open Office et il y a effectivement un logiciel de sécurisation qui empêche en effet le ministère à la Culture d’avoir accès, bien sûr, et les éditeurs de logiciels libres fournissent des pare-feux, et fournissent même des pare-feux gratuits. Donc cet argument est sans fondement. Voilà ce que je voulais dire.

Cliquez ici pour voir la vidéo

Bravo Christine. Ne change rien. Et dire que elle qui est à la tête de la loi Hadopi qui vient d’être votée….
Ça fait peur !

Lien annexe:

Description du pare-feu via Wikipédia.

Je vous présente une jeune et dynamique entreprise agathoise : L’Orchidée.
Ils n’hésiteront pas à traiter vos différentes demandes personnelles pour divers petits travaux ainsi que les livraisons de terre et gravier.

Tous leurs devis sont gratuits, et je vous garantis une qualité de travail irréprochable

Exemples de services :

• Élagage et traitement des arbres
• Placage gazon
• Pose et maintenance d’arrosage automatique
• Bassins
• Débroussaillage et ramassage des végétaux

Contact :

M. Durban
L’Orchidée Service
3 rue du Professeur Chastelain
34300 – Agde.

Site internet :

www.agde-entretien-jardin.com

Villa Castanea : Location gîte en Ardèche

Nous y avons effectué de très belles randonnées pédestres ainsi que d’autres activités telles que : canyoning, accrobranche, saut à l’élastique, canoe-kayak, via ferrata, baignade dans les rivières, sympa aussi pour les amateurs de pêche à la truite, du ski (pistes à peine à 1h du gîte : Mont Gerbier, les Estables, Mezilhac…)

Vous pourrez y déguster les produits du terroir comme la caillette, les différents plats à base de chataigne, le bon fromage de chèvre…

La villa vous propose une vue panoramique sur la vallée du Sandron, vous pourrez aller vous détendre aux thermes de Vals les bains et celles de Neyrac les bains avec leurs vertus d’eaux férigineuses ainsi que découvrir la jolie ville d’Aubenas qui sont seulement à quelques kilomètres.

Bienvenus sont également les motards, les amateurs de VTT et tous ceux qui recherchent un repos bien mérité.

Une bonne adresse pour tous ceux qui sont à la recherche pour les vacances ou week-ends d’un gîte à louer en Ardèche ou bien des locations de chambres d’hôtes

Site internet :

www.villa-gite-ardeche.com