<?php
 
/**
 * dualTableDoctrinePager
 * a pager for combining the results of multiple tables
 *
 * @author vibby
 */
class sfMultiDoctrinePager extends sfDoctrinePager
{
  protected $queries = null;
 
  public function setQueries($queries)
  {
    $pagerQueries = array();
    foreach($queries as $key => $query)
    {
      $pagerQueries[$key]['query']  = $query;
      $pagerQueries[$key]['active'] = true;
    }
 
    $this->queries = $pagerQueries;
  }
 
  public function getCountQueries()
  {
    $queries = array();
 
    foreach($this->queries as $key => $query)
    {
      $queries[$key]['query'] = clone $query['query'];
      $queries[$key]['query']
        ->offset(0)
        ->limit(0);
    }
 
    return $queries;
  }
 
  public function init()
  {
    $this->results = null;
 
    $countQueries = $this->getCountQueries();
    $count = 0;
    $counts = array();
 
    // remebering counts for each table
    foreach($countQueries as $countQuery)
    {
      $currentCount = $countQuery['query']->count();
      $counts[] = $currentCount;
      $count += $currentCount;
    }
 
    $this->setNbResults($count);
 
    // reseting queries
    foreach($this->queries as &$query)
    {
      $query['query']
        ->offset(0)
        ->limit(0)
      ;
    }
 
    if (0 == $this->getPage() || 0 == $this->getMaxPerPage() || 0 == $this->getNbResults())
    {
      $this->setLastPage(0);
    }
    else
    {
      $offset = ($this->getPage() - 1) * $this->getMaxPerPage();
 
      $this->setLastPage(ceil($this->getNbResults() / $this->getMaxPerPage()));
 
      	//For every query
      	$iQuery = -1;
      	$totalCount = 0;
        foreach($this->queries as $key => &$query)
        {
        	$iQuery ++;
        	//Is this query a part of the wanted ?
        	echo $counts[$iQuery].' + '.$totalCount.' <= '.$offset.'<br />';
        	echo $totalCount.' > '.$offset.' + '.$this->getMaxPerPage().'<br />';
        	if (
        		($counts[$iQuery] + $totalCount <= $offset)
        	||
        		($totalCount >= ($offset + $this->getMaxPerPage()))
        	)
        	{
        		$query['active'] = false;
        	} else {
        		echo ($offset - $totalCount + 1).' et limite : '.($offset + $this->getMaxPerPage() - $totalCount);
        		$query['active'] = true;
            $query['query']
              ->offset(max(0,$offset - $totalCount))
              ->limit($offset + $this->getMaxPerPage() - $totalCount);
        	}
        	$totalCount += $counts[$iQuery];
        }
 
    }
  }
 
  public function getResults($hydrationMode = null)
  {
    $results = array();
 
    foreach($this->queries as $key => $query)
    {
      if($query['active'])
      {
        $results[] = $query['query']->execute(array(), $hydrationMode);
      }
      else
      {
        $results[] = array();
      }
    }
 
    return $results;
  }
}

Et cela s’appelle comme cela depuis le controller :

	$queries[] = Doctrine::getTable('myTable')->anyQueryCreation();
	$queries[] = Doctrine::getTable('myOtherTable')->anyQueryCreation();
	$queries[] = Doctrine::getTable('myYetAnotherTable')->anyQueryCreation();
 
  	$this->pager= new sfMultiDoctrinePager(
	    'consuleadsAccount',
	    sfConfig::get('app_directory_count_default')
	  );
	  $this->pager->setQueries($queries);
         // $this->pager->setQueries($queries2);
 
 
 
	  $this->pager->setPage($request->getParameter('page',1));
	 // $this->pager->setQueries($queries2);
 
    $this->pager->init();

Enjoy

<?php
/**
 * check if navigation element is active by checking for a request
 * parameter element and return css class
 * @param $conditions
 * @param String $defaultParameterName
 * @param String $cssClass
 * 
 * Usage : test module AND action :
 * nav_active('module/action'); => return the css class if module AND the action names fit.
 * Usage : test many parameters (OR function) :
 * nav_active(array('param1' => 'default','param2' => 'new')); => return the css class if module OR the action names fit.
 * Usage : accept many values for a parameter :
 * nav_active(array('default','job'),'module');  => return the css class if module name fit 'default' OR 'job'.
 * Usage : accept value for many parameters :
 * nav_active('default',array('module','action')); => return the css class if module OR action name fit 'default'.
 * Usage : As a default, module, action and alias are tested :
 * nav_active('default')  => return the css class if module OR action name OR alias fit 'default'.
 */
 
function nav_active($conditions, $defaultParametersName=null, $cssClass="here")
{
 
  $requestParams = sfContext::getInstance()->getRequest()->getParameterHolder()->getAll();
  if (!$defaultParametersName) $defaultParametersName = array('alias','module','action');
 
  if(!is_array($conditions)) {
  	$temp = $conditions;
  	$conditions = array();
    $conditions[] = $temp;
  }
  if(!is_array($defaultParametersName)) {
  	$temp = $defaultParametersName;
  	$defaultParametersName = array();
    $defaultParametersName[] = $temp;
  }
 
//  print_r ($conditions);
 
  foreach($conditions as $parameterName => $values) {
	  	if(!is_array($values)) {
		  	$temp = $values;
		  	$values = array();
		    $values[] = $temp;
		  }
 
  		if(is_numeric($parameterName)) {
  			$parametersName = $defaultParametersName;
  		} else {
  			$parametersName[] = $parameterName;
  		}	
 
	  	foreach($values as $thisValue)
    	{
    		if ($pos = strpos($thisValue,'/')){
			  	if ($requestParams['module'] == substr($thisValue,0,$pos) && $requestParams['action'] == substr($thisValue,$pos+1)) {
						return 'class="'.$cssClass.'"';
			  	}
    		} else {
	  			foreach ($parametersName as $parameterName) {
			  		if (array_key_exists($parameterName,$requestParams)) {
			  			if ($requestParams[$parameterName] == $thisValue) {
								return $cssClass;
			  			}
			  		}
	  			}
	  		}
    	}
	}
 
  return '';
 
}

Ensuite, il suffit de faire appel à cette fonction dans le menu en question, dans la balise de votre choix, par exemple dans le LI :

  ...<li class="<?php echo nav_active('job') ?> "><a href="ici.html" >Lien</a></li>

Cet exemple ajoutera la classe « here » si l’un paramètre « module », « action » ou « alias » a la valeur « job ». D’autres exemples sont visible en début de fonction.

Enjoy

Pour traiter ce problème, j’ai surclassé sfDoctrinePager en sfDoctrineFulfilledPager pour prendre en compte un autre paramètre qui est la requête complémentaire : celle qu’il faudra exécuter pour compléter les résultat.

Et pour la faire luxe, je l’ai rendu compatible avec sa parente. De sorte que si l’on n’entre pas ce paramètre supplémentaire, le résultat sera le même qu’avec sfDoctrinePager. Un point d’amélioration : éviter les cas où la même données pourrait être ressortir dans les deux requêtes.

C’est une demande client que j’ai bien aimé.

Voici ce que cela donne dans sfDoctrineFulfilledPager.class.php :

<?php
 
/**
 * sfDoctrine (completed with extra data) pager class.
 *
 * @author     vibby <vincent.beauvivre@gmail.com-->
 * @version    0
 */
class sfDoctrineFulfilledPager extends sfDoctrinePager
{
  protected
	$queryComplement = null;
 
  public function init()
  {
    $this->resetIterator();
 
    $totalCount = $this->getCountQuery()->count();
    if ($this->getQueryComplement()) $totalCount = $totalCount + $this->getCountComplement();
    $this->setNbResults($totalCount);
 
    $query = $this->getQuery();
    $query
      ->offset(0)
      ->limit(0)
    ;
    if ($this->getQueryComplement()) {
	    $queryComplement = $this->getQueryComplement();
	    $queryComplement
	      ->offset(0)
	      ->limit(0)
	    ;
    }
 
    if (0 == $this->getPage() || 0 == $this->getMaxPerPage() || 0 == $this->getNbResults())
    {
      $this->setLastPage(0);
    }
    else
    {
      $offset = ($this->getPage() - 1) * $this->getMaxPerPage();
 
      $this->setLastPage(ceil($this->getNbResults() / $this->getMaxPerPage()));
 
      $query
        ->offset($offset)
        ->limit($this->getMaxPerPage())
      ;
      if ($this->getQueryComplement() && $this->getPage() == $this->getLastPage()) {
	      $queryComplement
	        ->limit($this->getQueryComplementLimit())
	      ;
      }
    }
  }
 
  protected function retrieveObject($offset)
  {
  	if ($offset <= $this->countQuery) {
	    $queryForRetrieve = clone $this->getQuery();
  	} else {
	    $queryForRetrieve = clone $this->getQueryComplement();
	    $offset = $offset - $this->countQuery;
  	}
    $queryForRetrieve
      ->offset($offset - 1)
      ->limit(1)
    ;
 
    $results = $queryForRetrieve->execute();
 
    return $results[0];
  }
 
  public function getQueryComplementLimit()
  {
  	$val = ($this->getMaxPerPage() - ($this->getCountQuery()->count() % $this->getMaxPerPage()));
  	return $val;
  }
 
  public function getCountComplement()
  {
    $query = clone $this->getQueryComplement();
    $query
      ->offset(0)
      ->limit($this->getQueryComplementLimit())
      ->count()
    ;
 
    return min($query->count(),$this->getQueryComplementLimit());;
  }
 
  public function setQueryComplement($query)
  {
    $this->queryComplement = $query;
  }
 
  public function getQueryComplement()
  {
		return $this->queryComplement->limit($this->getQueryComplementLimit());
  }
 
  public function getResults($hydrationMode = null)
  {
  	$objects = $this->getQuery()->execute(array(), $hydrationMode);
      if ($this->getQueryComplement() && $this->getPage() == $this->getLastPage()) {
  		      $objects->merge($this->getQueryComplement()->execute(array(), $hydrationMode));
      }
  	return  $objects;
  }
 
}

Et voici le code a ajouter dans le controlleur :

$this->pager = new sfDoctrineFulfilledPager(
'JobeetJob',
sfConfig::get('app_jobs_per_page')
);
$this->pager->setQuery(Doctrine::getTable('JobeetJob')->getActiveJobsQuery());
$this->pager->setQueryComplement(Doctrine::getTable('JobeetJob')->getUnactiveJobQuery());
$this->pager->setPage($request->getParameter('page', 1));
$this->pager->init();

Je vous laisse le soin de faire votre propre « getUnactiveJobQuery »

Attention : cette classe n’a pas été testée dans tous les sens, il n’est donc pas exclu que certains cas limites ne fonctionnent pas.

/!\ Attention : Cet article n’est pas vraimenent un tutoriel, il s’agit plutôt de note personelles prises lors du dévelopement d’un projet particulier, afin de pouvoir refaire l’opération sur un autre projet.

Vous ne trouverez pas ici le composant à télécharger tel quel car la version que j’ai fait était basé sur d’anciennes versions de Joomla et Presatashop. Il vous appartient d’adapter ce qui suit à la version en cours.

Aperçu

Quand on connait ces deux solutions open-source, « l’assemblage » semble aboutir à un Frankstein : défiguré et maladroit… Mais en usant d’un bon de bon sens, on arrive à un résultat satisfaisant. La solution que j’ai choisi, c’est l’intégration de Prestashop à l’intérieur de Joomla, comme un simple composant (puis des modules associés). Cela me permet de gérer la mise en page par Joomla, ce qu’il fait bien. Dans ce cas, j’ai gardé indépendant les panneaux d’administration de Prestashop et de Joomla.

D’un manière très empirique j’ai simplement

• Installer un Joomla de base
• Créer un composant vierge com_prestashop (par exemple, en s’aidant de http://www.notwebdesign.com/joomla-component-creator/)
• Installer prestashop dans le dossier du composant, puis vérifier que les deux fonctionnent (indépendamment)
• Créer les fichiers xml et bootstrap du composant dans le dossier components (A télécharger ici)
• Créer un élément de menu vers ce composant (en lien de type exterieur : URL du type index.php?option=com_prestashop)
• Ensuite, tout consiste à essayer de faire fonctionner le composant !

En détails

Autoload

Le premier problème auquel on se heurte, c’est l’autoload : Joomla et Prestashop on chacun le leur. On va donc modifier celui de Joomla (/libraries/loader.php) pour trouver les classes dans prestashop s’il ne les trouve pas ailleurs :

function __autoload($class)
{
if(JLoader::load($class)) {
return true;
}
elseif(!class_exists($class, false)){
$cur_dir=getcwd();
$cur_dir=str_replace("\\administrator","",$cur_dir);
$cur_dir=str_replace("/administrator","",$cur_dir);
if(file_exists($cur_dir.'/components/com_prestashop/classes/'.$class.'.php')){
require_once($cur_dir.'/components/com_prestashop/classes/'.$class.'.php');
return true;
}
}
return false;
}

Et coté Prestashop, on supprime l’autoload, ou mieux, on le conditionne à la pré-existence de la fonction

if(!function_exists('__autoload')){
function __autoload($className)
...
}

A partir de ce moment, vous pouvez essayer de voir ce composant sur le frontend… et suprise ! Ca marche ! (enfin normalement) Mais c’est loin d’être utilisable.

L’intégration visible

Dans ce projet, j’ai tâcher, autant que possible de garder Joomla et Prestashop indépendant l’un de l’autre (avec l’url /joomla/components/com_prestashop pour le Prestashop). C’est pourquoi j’ai beaucoup uttilisé la fonction defined( ‘_JEXEC’ ) qui permet de savoir si on est dans l’exécution de Joomla.

Prestashop utilise l’ingénieux système Smarty pour son moteur de template. Pour pouvoir l’appeller depuis le composant Joomla, il faut le rendre accessible, modifier [joomla]\components\com_prestashop\config\smarty.config.inc.php pour ajouter cette ligne en début de fichier : « global $smarty; ».

Maintenant, on va tâcher de faire apparaitre le site correctement avec ce composant. Pour commencer, il faut détourner le header de Prestashop pour inclure ses appels aux css et js dans Joomla. Pour être pris en compte dans le composant et dans un module Joomla, modifier les deux fichiers \components\com_prestashop\header.php  (après la ligne if(isset($js_files) AND !empty($js_files)) $smarty->assign(‘js_files’, $js_files);,) et \components\com_prestashop\classes\Module.php (au début de la fonction display()) :

if (defined( '_JEXEC' )) {
$document = &JFactory::getDocument();
$document->addCustomTag(Module::hookExec('header'));
 
foreach ($smarty->_tpl_vars['css_files'] as $cssFile => $where) {
$document->addStyleSheet($cssFile);
}
foreach ($smarty->_tpl_vars['js_files'] as $id => $jsFile) {
$document->addScript($jsFile);
}
}

Note : Dans le cas que j’ai réalisé, le mootools inclus dans Joomla a été désactivé au profit de JQuery.

On ne veut pas afficher le header et le footer de Prestashop, il faut conditionner dans \components\com_prestashop\header.php et footer.php les appels aux tpl : ajouter

if (!defined( '_JEXEC' ))

devant

$smarty->display(_PS_THEME_DIR_.'header.tpl');

et

$smarty->display(_PS_THEME_DIR_.'footer.tpl');

A présent, il est temps de faire un grand ménage dans le CSS de Prestashop car il entre en conflit avec celui de Joomla ! Je vous laisse le soin de cette tâche. Pensez surtout a virer les styles « globaux » sur html, body etc.

Gérer URL, liens et rewriting

Dans mon cas, j’ai choisi de fixer les URL de la façon suivante (psp = PrestaShop Page) :

http://[domaine]/[joomla]/index.php?option=com_prestashop&psp=[page_prestashop]&[parametres]

Comme vous le verrez, on utilise de nouvelles constantes lié au nouveau format d’URL. J’ai placé leurs déclarations dans le fichier  [joomla]\components\com_prestashop\config\config.inc.php :

if (defined( '_JEXEC' )) {
define('__PS_BASE_URI_LINK_REWRITE__', '/[joomla]/boutique/');
define('__PS_BASE_URI_LINK__', '/[joomla]/index.php?option=com_prestashop&psp=');
define('__PS_BASE_URI_LINK_SEPARATOR__', '&');
define('__PS_COOKIES_BASE_URI__', '/[joomla]/components/com_prestashop/');
} else {
define('__PS_BASE_URI_LINK_REWRITE__', '/[joomla]/components/com_prestashop/');
define('__PS_BASE_URI_LINK__', '/[joomla]/components/com_prestashop/');
define('__PS_BASE_URI_LINK_SEPARATOR__', '&');
define('__PS_COOKIES_BASE_URI__', '/[joomla]');
}

Par leur nom, vous comprendrez à quoi elle servent. De plus, j’ai prévu les deux cas : hors et dans Joomla. A présent commence le gros boulot : modifier toutes les création de liens et d’URL dans Prestashop.

Il faut modifier « à la dur », tous les liens qui se trouve dans Prestashop :

• Remplacer dans  com_prestashop\classes\Link.php la chaîne .php? par ‘.__PS_BASE_URI_LINK_SEPARATOR__.’
• Remplacer dans  com_prestashop\classes\Link.php la chaîne __PS_BASE_URI__ par __PS_BASE_URI_LINK__

Puis modifier  [joomla]\components\com_prestashop\init.php pour remplacer ces lignes

'base_dir' => _PS_BASE_URL_.__PS_BASE_URI__,
'base_dir_ssl' => $protocol_link.$server_host.__PS_BASE_URI__,

par

'base_dir' => _PS_BASE_URL_.__PS_BASE_URI_LINK__,
'base_dir_ssl' => $protocol_link.$server_host.__PS_BASE_URI_LINK__,

Puis ces lignes

'base_dir' => __PS_BASE_URI__,
'base_dir_ssl' => Tools::getHttpHost(true, true).__PS_BASE_URI__,

par

'base_dir' => __PS_BASE_URI_LINK__,
'base_dir_ssl' => Tools::getHttpHost(true, true).__PS_BASE_URI_LINK__,

Il faut aussi nettoyer toutes les URL écrites directement dans les fichiers TPL : modifier tous les fichiers TPL de prestashop pour remplacer .php? par & puis .php » par « 

Les cookies doivent être définis avec le même chemin que celui de Joomla, modifier le fichier [joomla]\components\com_prestashop\classes\Cookie.php en remplçant cette chaine

$this->_path = trim(__PS_BASE_URI__.$path, '/\\').'/';

par

$this->_path = trim(__PS_COOKIES_BASE_URI__.$path, '/\\').'/';

Un autre lien qui n’a pas été modifié, dans le fichier [joomla]\components\com_prestashop\classes\Cookie.php : remplacer cette chaine :

<a href="{$base_dir_ssl}order.php{if $back}?back={$back}{/if}">

par

<a href="{$base_dir_ssl}order{if $back}&back={$back}{/if}">

Rewriting

Il faut ajouter les règles de redirection vers prestashop dans le htaccess de Joomla (aprèes la partie « Rewrite rules to block out some common exploits« ):
De cette manière, on aura des URL bien propres qui commencent par /boutique pour le liens qui pointent sur Prestashop

RewriteRule   ^modules/mod_(.*)$ modules/mod_$1 [L,E]
RewriteRule   ^modules/(.*)$ /components/com_prestashop/modules/$1
RewriteRule   ^themes/(.*)$ /components/com_prestashop/themes/$1

# URL rewriting rules
RewriteRule ^boutique/([a-z0-9]+)\-([a-z0-9]+)(\-[_a-zA-Z0-9-]*)/([_a-zA-Z0-9-]*)\.jpg$ /components/com_prestashop/img/p/$1-$2$3.jpg [L,E]
RewriteRule ^boutique/([0-9]+)\-([0-9]+)/([_a-zA-Z0-9-]*)\.jpg$ /components/com_prestashop/img/p/$1-$2.jpg [L,E]
RewriteRule ^boutique/([0-9]+)(\-[_a-zA-Z0-9-]*)/([_a-zA-Z0-9-]*)\.jpg$ /components/com_prestashop/img/c/$1$2.jpg [L,E]

RewriteRule ^boutique/lang-([a-z]{2})/([a-zA-Z0-9-]*)/([0-9]+)\-([a-zA-Z0-9-]*)\.html(.*)$ index.php?Itemid=3&option=com_prestashop&psp=product&id_product=$3&isolang=$1$5 [L,E]
RewriteRule ^boutique/lang-([a-z]{2})/([0-9]+)\-([a-zA-Z0-9-]*)\.html(.*)$ index.php?Itemid=3&option=com_prestashop&psp=product&id_product=$2&isolang=$1$4 [L,E]
RewriteRule ^boutique/lang-([a-z]{2})/([0-9]+)\-([a-zA-Z0-9-]*)(.*)$ index.php?Itemid=3&option=com_prestashop&psp=category&id_category=$2&isolang=$1 [QSA,L,E]

RewriteRule ^boutique/([a-zA-Z0-9-]*)/([0-9]+)\-([a-zA-Z0-9-]*)\.html(.*)$ index.php?Itemid=3&option=com_prestashop&psp=product&id_product=$2$4 [L,E]
RewriteRule ^boutique/([0-9]+)\-([a-zA-Z0-9-]*)\.html(.*)$ index.php?Itemid=3&option=com_prestashop&psp=product&id_product=$1$3 [L,E]
RewriteRule ^boutique/([0-9]+)\-([a-zA-Z0-9-]*)(.*)$ index.php?Itemid=3&option=com_prestashop&psp=category&id_category=$1 [QSA,L,E]

RewriteRule ^boutique/content/([0-9]+)\-([a-zA-Z0-9-]*)(.*)$ index.php?Itemid=3&option=com_prestashop&psp=cms&id_cms=$1 [QSA,L,E]
RewriteRule ^boutique/([0-9]+)__([a-zA-Z0-9-]*)(.*)$ index.php?Itemid=3&option=com_prestashop&psp=supplier&id_supplier=$1$3 [QSA,L,E]
RewriteRule ^boutique/([0-9]+)_([a-zA-Z0-9-]*)(.*)$ index.php?Itemid=3&option=com_prestashop&psp=manufacturer&id_manufacturer=$1$3 [QSA,L,E]

RewriteRule ^boutique/lang-([a-z]{2})/(.*)$ index.php?Itemid=3&option=com_prestashop&psp=$2&isolang=$1 [QSA,L,E]
RewriteRule ^boutique/$ index.php?Itemid=3&option=com_prestashop&Itemid=3 [L,E]

A partir de maintenant, Prestashop dans Joomla devrait fonctionner correctement. Par contre, les utilisateurs ne sont pas du tout « liés ». C’est à dire que si vous placez une zone de connexion Joomla, l’utilisateur ne sera pas connecté sur Prestashop, et vice-versa. Pour synchroniser ces compte (création, modification, changement de mot de passe, login, logout …), j’ai recopié (je sais que ce n’est pas bien ) le code de Joomla dans les fonctions de gestion des utilisateurs de Prestashop :

En option : Gestion des utilisateurs

Une chose à penser : Les comptes utilisateurs sont squissés sous Joomla et le seul login possible se fait via Prestashop. Mais quand on se connecte à Prestashop, le composant nous logue simultanément sur Joomla. Cela implique de synchroniser la création et la modification de compte. Autre chose : la durée de session doit être la même dans le deux solutions : dans \components\com_prestashop\classes\Cookie.php pour prestshop et dans l’administration pour Joomla

Design

• Smashing magazine pour l’inspiration
• Font squirrel pour les polices de caractère

Intégration CSS

• CSS reset pour bien partir
• CSS : les compatibilités avec les navigateurs

Javascript

• Syntaxe de base dans les principaux framework JS
• Cufon : toute les polices sur le site (maj + min + numerals + ÉÈÀÊÇéèàùâêîôûëïç,!.;:-’ »?«»’&)
• Inclure les framework javascript correctement depuis l’API Google

Optimisation et amincissement

• Checklist intéressante

1 Choisissez votre sujet

Une bonne soupe se bonifie à chaque ingrédient que l’on ajoute. Pour les photos, c’est l’inverse ! Choisissez clairement un seul sujet, vous centrez l’attention sur lui et donnez ainsi de la force à l’image.

2 Rapprochez-vous

Partez du principe que, sur votre photo, l’importance de chaque élément est rendu par la surface de photo que vous lui dédiez. Si votre sujet occupe 1/4 ou moins de la surface, c’est que vous semblez préférer le second plan

3 Simplifier le fond

Les fonds chargés alourdissent vos photos, en décentrant l’attention. Ils peuvent même dénaturer la perception de votre sujet. A l’extérieur, vous pouvez utiliser le ciel pour obtenir un fond uniforme.

4 Essayez un autre point de vue

On a envie de prendre en photo ce que l’on voit. Quand on est de taille normale, on fait des photos à hauteur normale. En photo comme dans les autres arts, c’est souvent bien de ne pas faire normal ! Alors asseyez-vous ! Allongez-vous ! Sautez ! Montez sur l’échelle ! Vous aurez souvent de bonnes surprises !

5 Décentrez le sujet

Un élément centré peut facilement paraître statique et inerte. En choisissant de décaler l’image, vous pouvez ainsi profiter d’un fond avantageux et donner une dynamique nouvelle à votre image. Cela vous permettra souvent d’éviter un élément secondaire disgracieux

6 Faites des expériences !

Vous avez de l’imagination ? Il est temps de la faire parler ! Prenez le temps de sortir votre appareil spécialement pour « essayer des trucs ». Quelques pistes : Ne faites pas poser votre sujet-surprise, Profitez d’une situation cocasse, Pensez à l’image que personne n’a jamais prise, juste parce que personne n’y a pensé !

7 Concentrez-vous

Avec l’avènement de la photo numérique, tout le monde est ravi de prendre des dizaines de photos : « Comme ça, j’en aurais peut-être une de bonne ! » Ah ! et si, au contraire, on arrêtait de faire n’importe quoi et qu’on se concentrait, rien qu’un moment sur ce qu’on peut voir dans le viseur ! Voila pourquoi j’aime utiliser le bon vieux viseur optique, quitte à avoir le nez collé à l’appareil. Ainsi, je peux me concentrer sur l’image, son cadrage, ces défauts, et comment je pourrais l’améliorer !

8 Variez les sujets

Vous avez surement votre vie, vos enfants, votre jardin, votre petit coin de vie. C’est sympa. Mais les bonnes surprises en photo sont souvent loin de son propre monde. Peut-être parce qu’on porte alors un regard neuf ?

9 Observez la lumière et ses variations

Au final, la photo se résume à cela : une certaine lumière, qui entre dans votre boitier ! Alors observez celle-ci, appréciez ses variations et les situations où elle est toute particulière. Autant que possible, garder votre appareil près de vous pour saisir la surprise qui vous attend au coin de la rue !

10 Oubliez les règles !

Comme souvent, les règles sont faites pour être apprises puis désapprises, mais pas complétement … Osez le fond chargé, la foule, le mouvement .. Quelque soit votre expérience, vous ne pourrez qu’en être enrichi, car observer le monde qui nous entoure, c’est un peu le comprendre.

Pour aller plus loin

• Virusphoto, notamment ce post sympa
• Photo-evasion.com, pour sa partie tuto de retouche d’images sous Gimp

Idées de post à développer : JQuery forms : des petits trucs pour améliorer vos formulaires