Dans mon cas, mon premier produit est une boîte de réception de fichiers. Je l’ai appelé Files Inbox. Oui c’est très original. Avec ça, vous pouvez recevoir, gérer et partager des fichiers trop volumineux pour une boite mail. Pour le petit tour des fonctionnalités:

• Un système de multi upload public
• La possibilité de créer des archives publiques
• Le zip et téléchargement de plusieurs fichiers d’un coup
• Des notifications emails à chaque nouvel envoi
• Un système de login

Détacher mes revenus de mon temps de travail

En tant que freelance, je me suis vite rendu compte que ma capacité à produire des sites web était limitée. Les semaines sont courtes et pas question de passer nuits et week end au boulot. Ce thème du manque de temps et de la création d’un revenu passif est une question récurrente sur les blogs dédiés au freelance.

L’idée est de vendre un produit plutôt que de vendre un service. L’avantage du produit est qu’une fois qu’il est créé, le fait de vendre 10 unités ou 10000 va me prendre à peu près le même temps.

Les produits à créer peuvent être de plusieurs formes: un bouquin électronique, un blog plein de pubs, des ressources graphiques, … Dans mon cas j’ai choisis de créer des morceaux codes. J’ai d’autre idées de produits qui devraient voir le jour dans les prochaines semaines.

L’idée générale est que Google Analytics permet de récupérer certaines informations (comme le nombre de visites) en fonction de certains filtres. Nous allons utiliser ces filtres et connaître le nombre de visites pour un ensemble pages et sous pages (une sous arborescence entière dans ez publish).

Quel intérêt ? Et bien par exemple, un des sites que j’ai fait propose des portails professionnels. J’ai installé sur leur tableau de bord un compteur de visites par portail pro.

Pour les impatients voilà le zip qui contient le code qui suit ainsi que la classe PHP Google Analytics.

Voici comment ça marche :

<?php

// First you include the GA class
include('extension/plateforme/lib/googleanalytics.class.php');

////////////////////
// EZ PUBLISH PART
///////////////////

// The node id at the top of the subtree you want to measure
$nodeId = XX;

// We get the node
$node = eZContentObjectTreeNode::fetch($nodeId);

// We have to clean the node path to send it to GGA
$path = '/' . $node->urlAlias();
$path = cleanPath($path);

//////////////////////////
// GOOGLE ANALYTICS PART
///////////////////////////

// We have to define start and end dates for GA queries. Here : the last 30 days.
$endTS = time() - (24 * 3600);
$startTS = $endTS - (30 * 24 * 3600);
$startDate = date('Y-m-d', $startTS);
$endDate = date('Y-m-d', $endTS);

// We will need a google account which have access to the google analytics report
$GoogleLogin = 'YOURGOOGLEACCOUNT@gmail.com';
$GooglePass = 'YOURGGPASSWORD';

$ga = new GoogleAnalytics($GoogleLogin,$GooglePass);

// set the date range we want for the report - format is YYYY-MM-DD
$ga->setDateRange($startDate,$endDate);

// We need your site id in GG Analytics
// In the old GG Analytics, you find it in the url of your report. Parameters id.
// eg : https://www.google.com/analytics/reporting/?reset=1&id=30773116&pdr=20111115-20111215
// id : 30773116
$ggAnalyticsSiteId = 'xxxxx';
$ga->setProfile('ga:'.$ggAnalyticsSiteId);

// We get the visit per day
$reportQuery = $ga->getReport(
 array('dimensions'=>urlencode('ga:date,ga:day,ga:month,ga:year'),
 'metrics'=>urlencode('ga:visits'),
 'sort'=>'ga:date',
 'segment'=>urlencode('dynamic::ga:pagePath=~^' . $path . '.*'),
 'v'=>'2.0'
 )
 );

//	here is your information !!
$result = prepareResults($reportRequest);

////////////
// Mini Lib
////////////

function prepareResults($results)
{
 // We make an array to get the total visits for the period + the detailed array for each day
 $preparedArray = array();
 $totalVisites = 0;
 foreach($results as $res)
 {
 $resDate = $res['ga:year'] . '-' . $res['ga:month'] . '-' . $res['ga:day'];
 $resTS = strtotime($resDate);
 $preparedArray[] = array( $resTS . '000', $res['ga:visits'] );
 $totalVisits = $totalVisits + $res['ga:visits'];

 }

 $results = array();
 $results['json'] = json_encode($preparedArray);
 $results['total'] = $totalVisits;

 return  $results;
}

function cleanPath($path)
{
 // Cleaning path to be able to search the path via a regex
 // NB we miss the \
 $trans = array(
 "#" => "\#",
 "!" => "\!",
 "^" => "\^",
 "$" => "\$",
 "(" => "\(",
 ")" => "\)",
 "[" => "\[",
 "]" => "\]",
 "{" => "\{",
 "}" => "\}",
 "?" => "\?",
 "+" => "\+",
 "*" => "\*",
 "." => "\.",
 "|" => "\|"
 );
 $path = strtr($path, $trans);
 return $path;
}

?>

La principale faiblesse de cette technique est que si le chemin du noeud parent change alors les stats sont faussées. Mais vous avouerez que ça n’arrive pas si souvent.

Petite couverture : j’ai testé ça sur un eZ Publish 4.1. Pas de raison que ça ne marche pas sur les versions suivantes mais enfin, on ne sait jamais …

Télécharger le code et la classe PHP / Download the script and the PHP class

 <div itemscope itemtype="http://schema.org/Movie">   <h1 itemprop="name">Avatar</h1>   <div itemprop="director" itemscope itemtype="http://schema.org/Person">   Director: <span itemprop="name">James Cameron</span> (born <span itemprop="birthDate">August 16, 1954</span>)   </div>   <span itemprop="genre">Science fiction</span>   <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a> </div> 

Les 3 moteurs ont convenu d’une énorme liste de 267 types d’info. En voici quelques uns classiques et généraux :

• Movie
• Recipe
• Event
• LocalBusiness

Et quelques uns plus pointus :

• Cemetery
• Volcano
• RecyclingCenter

Qu’est ce qu’on a à y gagner nous ? Et bien il y a des chances que nos sites apparaissent de manière customisée dans les résultats de recherche. Par exemple, voici comment peut apparaître un évènement utilisant le bon microformat. A noter que Google propose un outil de prévisualisation de rich snippets. Pratique pour voir à quoi pourrait ressembler votre page dans ses résultats. En gros Google et Bing galèrent un peu et nous demandent de faire une partie du taff. Pourquoi pas. On ne peut pas d’un côté saluer que les deux gros se mettent d’accord et d’un autre côté se plaindre qu’il y a un peu plus de boulout.

• Le désormais classique “Indignez-vous” de Stéphane Hessel que je vous ne présente pas.
• Une intervention de Michel Serres dans Ce soir ou jamais. Il parle des énormes changements que connaissent la société et l’humain depuis un peu moins de 100 ans. Il écarte le champ trop restreint de l’économie et des nouvelles technologies. Il nous parle d’agriculture, d’exode rural, de médecine. Intéressant pour remettre à leur place Internet et les nouvelles technos qui nous occupent tellement la tête. L’idée que je retient est que le monde de demain est toujours imprévisible. Que de nouvelles formes d’organisations, de pouvoir émergent de manière discrètes et que parmi toutes ces initiatives certaines deviendront à terme la culture dominante.
• Toujours Michel Serres donnant une conférence ayant pour sujet : Les nouvelles technologies : révolution culturelle et cognitive. Il compare les trois révolutions de l’information que sont l’écriture, l’impression et les TIC. Il explique que ces révolutions sont bien plus puissantes que l’invention du moteur ou d’autres avancées technos.
• Un article d’OWNI à propos du Do It Yourself contenant énormément de vidéos et d’exemples de réalisations. L’article s’appelle : “La prochaine révolution, faites la vous même” et est écrit par Jean Marc Manach. Il met en lumière le fait que l’esprit open source et crowd sourcing du web est peu à peu en train de se diffuser au monde matériel. Si vous voulez voir des centaines d’exemples de réalisations je vous le conseille.

Tout ça me donnerait presque envie d’abandonner le web. Presque

Michel Serres dans Ce Soir Ou Jamais

Cliquer ici pour voir la vidéo.

Conference de Michel Serres

• Full ajax
• Interface originale (la page About, l’accueil du Blog entre autres)
• Tout en HTML
• Gros travail graphique aussi bien photo que typo
• Un discours clair, ni pompeux ni trop sérieux
• Une vraie ambiance

Fait relativement rare : leur site est de meilleure qualité que leurs projets clients. Loin de moi l’idée de dire que les sites qu’ils livrent sont mauvais, au contraire ils sont bons et originaux. On sent tout de même qu’ils se sont particulièrement investi dans leur propre site et qu’il a été fait avec amour. A visiter donc.

- Tu sais ce que qu’un sprite en CSS ?
- Bah ouai facile, c’est une image qui en combine plusieurs et qui sert à économiser quelques requêtes et gagner un peu en vitesse.
- Ouai je suis d’accord mais regarde ce que Google a fait avec un peu de js, un peu de css et un gros gros sprite ! Eat this !

Cliquer ici pour voir la vidéo.

Pour info Google a utilisé 154 div et à peu près autant d’images dans le sprite. Du beau boulot. Bon il s’agit plus d’une petite démo technique (comment souvent avec les Doodles) qu’un vrai exemple d’usage. Mais on peut sûrement trouver à cela des utilisations sympas.

UPDATE : voilà le gars qui a fait l’animation : Ryan Woodward

• Il y aurait aujourd’hui plus de 10 milliards d’appareils connecté au net (plus que d’êtres humains !!)
• L’application iphone d’ebay est le premier vendeur mobile aux US (faudrait que je la décortique pour voir)
• Mixi est un des principaux réseau social au Japon (jamais vu, vous connaissez ?)
• L’ipad est utilisé essentiellement le soir à l’heure d’aller se coucher
• …

Bref, il finit de me convaincre que le web mobile est maintenant bien présent. Luke Wroblewski enchaîne ensuite sur l’usage des plateformes sociales pour votre site. Il y passe rapidement sur l’utilisation de Facebook Connect par Quora qui vous permet de trouver tout de suite les questions qui vous intéresseront. Il explique également l’avantage de lever l’anonymat sur les plateformes de commentaires. L’utilisation de Facebook Comments aurait notamment l’effet d’un gros Troll Slayer. Bref, on voit de près ou de loin de nombreux sujets dans cette vidéo :

• Le web mobile en général
• Le commerce électronique mobile
• De nouveaux layout CSS permettant d’adapter vos/vos sites à différentes résolutions
• De rapides notions d’ergonomies
• La possibilité d’accéder aux différents capteurs des smartphones via les browsers mobiles
• Une rapide description de la réalité augmentée
• La tendance de l’ensemble des sites à se “socialiser”

Un programme chargé pour un freelance web. A ces différents sujets à surveiller je rajouterai

• La “pas encore mais bientôt” généralisation de la 3D dans les sites web.
• La “gamification” des usages.
• Les canvas d’HTML5 qui à mon avis vont nous donner un paquet de boulot dans les prochaines années.
• L’accès web/internet sur de nouveaux supports : télé, voiture, maison, …

Bref tout ce qui nous attend donne le tournis. Et je doute qu’une seule personne puisse assimiler rapidement tous ces changements à venir. A la fois flippant et enthousiasmant non ?