La journée commence par 2 tables rondes, une “annonceurs” et l’autre “agences”.

Plateau 1 : Les enjeux économiques du search marketing pour les “annonceurs”

J’ai pour ma part trouvé peu d’intérêt à cette table ronde, où l’on a appris que les grosses structures avaient au moins 1 spécialiste en SEO, qu’ils essayaient de former les développeurs à leurs problématiques et qu’ils faisaient appel à des consultants externes pour être conseillés… De plus, tous ont été très “langue de bois” sur les problèmes de la presse avec Google, et sur les possibilités de mettre en nofollow leurs articles.

Je prends les paris qu’ils ne le feront pas!  On ne coupe pas la main qui vous donne à manger comme cela J’ai vraiment l’impression que le milieu de la presse a un problème avec Google. Perso, je ne vois pas comment google news peux les cannibaliser, à eux de mettre en place un business model qui tienne la route, et par exemple d’ouvrir leurs archives, et de mieux monétiser leurs contenus.

Plateau 2 : Les modèles d’interventions des agences de search marketing

Ce plateau a été une véritable séance de Pitching en live, où un concours de b… de “mon agence est la meilleure du monde” et on obtient les meilleurs résultats, la preuve, on fait x millions de CA….. nananère

Vous l’avez compris, je n’y ai trouvé aucun intérêt! On a appris que les clients font appels à une agence pour obtenir de conseils (je n’y avais pas pensé..), ou quand ils n’y connaissent rien (Ah bon ?) : pour résumer, on appelle une agence quand on en a besoin En tout cas, bravo a Anji Mail, qui faisait le poisson rouge au milieu des requins, mais qui s’en est bien sorti, bien que je l’ai trouvé un peu agressif dans sa présentation commerciale, mais cela doit faire trop longtemps que je suis en Suisse.
J’irai voir ce que propose CapSeo, bien que je ne crois pas à la viabilité du concept de coopératives pour gérer une société.

Comment optimiser son site pour la recherche géolocalisée

Lors de cette conférence, David Cohen, de la société Companeo, nous a présenté les différentes problématiques pour géolocaliser un site, que cela soit par la langue, ou googleMaps. Il existe encore trop peu de société qui ont renseigné leur page dans le Local Business Center de Google.  C’est gratuit, et cela permet un référencement local optimal.  Il suffit de remplir un formulaire.

J’ai particulièrement apprécié son exemple d’Europcar qui a décidé de mettre en place un annuaire en plusieurs langues pour référencer tous ses points de ventes, et qui a pu baisser de manière drastique son cout d’acquisition.

SEO en 2010 : les approches à privilégier

Philippe Yonnet, DG Adjoint d’Apposition / Isobar, nous a fait une présentation des nouveautés dans les moteurs de recherches, de l’inclusion de la recherche en temps réel dans certains cas, ou encore de la mise en place du QFD par Google, suite à leur impossibilité de présenté du contenu cohérent lors du tsunami. Le résultat de la page de recherche s’adapte donc maintenant à l’actualité, ce qui est très bonne chose. Ou encore, l’inclusion des Tweets lors d’évènements comme un tremblement de terre en californie. A voir aussi dans quelle mesure cela n’est pas fait pour ne pas laisser à twitter le monopole du temps réel…

Il nous a aussi parlé des nouveautés google, pour par exemple proposer un résultat différent pour GM, Generals Motors ou Génétiquement Modifiés, en fonction du contexte de recherche.

WebAnalytics : suivre le trafic issu des moteurs de recherches

Nicolas Guillard, consultant expert web analytics chez Hub’Sales, nous a fait part de l’utilisation souvent simpliste de Google Analytics, où l’on a tendance à juste lire le taux de rebond général. Il nous a parlé de la notion de taux de rebond positif : ce n’est pas parce que quelqu’un quitte directement votre site sur sa landing page qu’il n’a pas trouvé la réponse à ce qu’il cherche. Il reviendra peut-être ou alors a ouvert 8 pages sur 8 sites différents pour comparer des prix et attends de prendre sa décision.

Ensuite, une explication très clair des Funnels de conversions, et des erreurs possible.

Tableau de bord SEO, SMART et KPI

Je m’attendais à une réflexion ou idées pour la mise en place de tableau de bord, mais à la place, nous avons eu le droit a une excellent présentation commerciale d’Antoine Gay, de At Internet, anciennement Xiti… Bof…. Je ne vois pas l’intérêt de ce genre de présentation, ou alors, il faudrait mettre un tag “Commercial” sur ces présentations ;-)  Je sais bien que cela ne dois pas être facile de choisir, mais cela m’a fait regretter de ne pas aller voir la séance sur Twitter et le microblogging… Je vais attendre le retour de Nicolas Pittet sur cette conf.

Bilan un peu plus mitigé sur cette seconde journée, mais aucun regrets. Ces 2 jours m’ont permis de prendre conscience de certaines problématiques. Par contre, j’ai été surpris de ne rien entendre sur la publicité dans Facebook, qui prend de plus en plus d’importance et pas tant de SEM que cela.

Un tel évent en Suisse ?

On se faisait la réflexion avec Nicolas Pittet de l’intérêt d’une telle journée en Suisse, vous en pensez quoi ? Que voudriez vous y trouver ? des conseils, des ateliers ?

Rassemblant plus de 300 inscrits pour chaque jour, l’évènement a été, du point de vue de l’organisation, une absolue réussite.
Le lieu, l’Usine, avec ses différentes sites, son bar et sa salle de repas sur place a été des plus agréable.
J’y ai même rencontré le seul autre hélvète, Nicolas Pittet, de l’agence Details.ch avec qui j’ai eu beaucoup de plaisir à discuter

Journée du vendredi:

Lors de l’allocution d’ouverture, Philippe Yonnet nous a présenté l’association et parlé de la certification SEO qu’ils sont en train de mettre en place. 2 sessions aurons lieux en Mars et Avril 2010

Voici les conférences auxquelles j’ai donc assisté :

Duplicate content et Site Clinic

Nathalie Peret, de l’équipe Qualité de Recherche de Google, est venue  d’Irlande pour cette conférence.
Ce qui est surprenant c’est que parmi les spécialistes en SEO, y compris parmi les grandes agences, peu ont de contacts avec des personnes de chez Google.  Donc voir une personne “en vrai” de chez eux avait presque quelque chose de miraculeux

Elle nous a parlé de la problématique de “duplicate content” dans google, en disant que cela n’était pas pénalisant, mais qu’il valait mieux ne pas en avoir. Il existe encore beaucoup de sites avec une url en www.site.com et site.com, pointant vers le même contenu, un simple redirection 302 corrigera cela.

Pour les sites étant obligés d’avoir du contenu dupliqué, il peux être judicieux d’utiliser la balise rel=”canonical”, qui permet d’indiquer à Google le contenu de référence et de ne prendre en compte que celui-ci.

J’ai appris que Google ne se servait pas de la balise langue pour le contenu, mais la déduisait du contenu.

Ensuite, Nathalie Paret a fait une analyse rapide de 5 sites parmi ceux qui lui ont été soumis, et j’ai pu voir que certaines méthodes ont la vie dure, comme des liens illisibles en bas de page, ou une liste de lien sur des mot-clés genre “gagner de l’argent,2 etc… pour mieux positionner un site de jeu, ou des sites avec des pages sans titres uniques ou avec des paramètres à rallonges.

Par contre, lors de l’analyse d’un site de produits, on a remarqué qu’il y avait du “duplicate content” avec le site Shopping.com, ce qui me semble normal, mais pour éviter cela, il faudrait offrir un contenu différent aux sites comparateurs de prix, mais je ne suis pas sure qu’un client fasse 2 contenus différents pour chaque articles de son catalogue…

Pour résumer : faite simple, des url simples et surtout un contenu de QUALITE !!! Optimiser votre contenu pour votre lecteur et pas pour Google, il se débrouillera tout seul

Achat de mots clés pour google AdWords, et optimisation des Landing Pages

Ensuite, j’ai suivi 2 sessions (adwords & landing pages) avec Benoit Martin, Directeur Technique SEM chez Isobar.
Nous n’avons pas pu finir la session avant le repas, mais une séance de rattrapage l’après midi a permis de tout voir.

Le thème était l’achat de mots clés pour google AdWords, et l’optimisation des Landing Pages.

J’ai particulièrement apprécié sa méthode pour chercher des mots clés, en se basant sur l’arborescence du site, et ne descendant à chaque niveau et calquer ses campagnes sur la structure de son site.

On obtient une structure sur 4 niveaux :

1. Expression génériques, qui représente l’activité de votre site (horlogerie, voyage, …)
2. Expression associé à la marque, votre marque en particulier
3. mots clés produits, vos références produits, ou des mots clés spécifique à vos produits
4. Long tail, les mots clés vous apportant du trafic récurrent.

Ensuite, lors de la session sur l’optimisation des Landing Pages, je m’attendais à retrouver des conseils sur les formulaires, les call to action, etc… mais il a été question de l’optimisation par rapport au QS (Quality Score) de Google, qui conseille de retrouver les mots clés utilisés dans l’url, le titre er le contenu, logique mais encore faut-il le vérifier à chaque fois.

Si la première séance était donc très intéressante, la seconde l’était en revanche moins car je m’attendais à une approche marketing et non technique.

L’influence des performances des sites sur le SEO

Cette conférence, présentée par Alain Gouret, directeur du Développement chez IP Label , a plus été une présentation commerciale de leurs solutions qu’une conférence. Même si l’on sait maintenant que Google va ajouter le temps de chargement de la page dans le calcul de son index, mettre en place une telle solution n’est pas à la portée de toute les bourses. Leur produit permet de mesurer le temps de chargement des site de différents endroits du globe, pour un monitoring complet. C’est vrai que je me demande comment sont chargées mes pages en Colombie, mais serais-ce la solution idéale… De plus, on ne connait pas le prix de cette solution, décu je suis

Un tableau de bord référencement sans notion de positionnement

Cette conférence était une réflexion d’Olivier Andrieu, Consultant et éditeur du site Abondance, sur le future de la mesure des sites internet, Avec les nouvelles options de google comme la prise en compte de notre historique pour l’affichage des résultats de recherche, du temps réel ou bientôt la prise en compte des réseaux sociaux pour vous proposer un résultat de recherche prenant en compte les recherches de vos amis, chaque internaute aura un résultat de recherche personnalisé. Quid du positionnement par rapport à un mot-clés?!…

Je pense pour ma part, que nous aurons toujours besoins d’un métric “neutre”, pour avoir une idée de ce positionnement, et si celui-ci est correct, il n’y a pas de raison qu’il ne le soit pas dans la personnalisation des résultats.

Ensuite, Olivier nous a présenté son concept de “Long Tail” appliqué aux mots clés de recherche, vraiment très intéressant. Les spécialistes en SEO ou les responsables de sites ont tendance à se concentrer sur les mots clefs qui génèrent le plus de traffic.  Paradoxalement, c’est dans ceux qui génèrent le moins de visites (parfois une seule visite) que se cache une richesse inexploitée : la longue traine. Hors celle-ci est celle qui sur l’ensemble génère le plus traffic et surtout le traffic le plus qualifié.

J’ai hâte de tester cela avec nos site pour vérifier sa théorie, je vous en ferai par dans un prochain article.

Voilà pour cette première journée, qui hormis une présentation commerciale, était très intéressante de mon point de vue. Je n’ai pas pu rester pour les tables rondes sur le métier de référenceurs, mais les échos que j’en ai eu ont été très positifs, Il me tarde de les voir en vidéos.

Pour ma part, je me souviens de la keynote d’il y a 3 ans, où a été présenté l’iphone pour la première fois, et la révolution que cela a entrainée. Sommes nous à l’aube d’une autre révolution ? Je l’espère, et attends avec impatience de découvrir ce qui va nous être présenté.

Je pari sur une tablette, avec webcam intégré, 3G, un Kindle sauce Apple, mais communiquant. Le compagnon parfait de mon ordinateur.

En souvenir, l’image que je retiens de la keynote 2007, que vous pouvez retrouver ici : http://www.apple.com/quicktime/qtv/mwsf07/

Plus que quelques jours à attendre….

De plus, au fur et à mesure de l’utilisation de ce service, vous accumulez des points, pour obtenir des “badges”, matérialisant ainsi votre progression ou vos habitudes. De plus, ce service est intégré à Twitter et Facebook.

Ce services connait actuellement une croissance de 400% par semaine, et a déjà monétisé son audience, notamment en permettant à des marques des publicités ciblées sur la position des utilisateurs.

Comment tester ce service ?

Pour le tester, rien de plus simple :

1. Créer un compte chez foursquare
2. Installé une application iPhone, Android ou Palm Pre.

Et en Suisse ?

Encore peu d’utilisateur en Suisse, mais je prends le pari que cela ne vas pas durer. Vous en pensez quoi ? Déjà testé ?

Ce n’est pas une surprise pour nous qui ait obtenu cette certification haut la main, compte tenu de son expertise reconnue dans la communauté Typo3. Cette certification est par ailleurs une excellente nouvelle pour ce CMSqui se professionnalise.

C’est le seul CMS qui fasse l’objet d’une telle communauté et maintenant d’une certification.

Vous pouvez consulter la liste des personnes certifiées ici.

C’est une certification de plus que nous accrochons à notre tableau, révélatrice de notre stratégie d’expertise et de formation permanente.

La solution existe : le Zend_Layout.

Pour cet exemple, j’ai préparé un fichier Zip, contenant un template html. Je me suis inspiré du site www.alsacreations.com, qui vous propose plusieurs modèles prêts à l’emploi. Vous pouvez accéder à tous les templates d’alsacréations sur cette page : http://www.alsacreations.com/static/gabarits/liste.html.

Le fichier Zip que je vous ai préparé et que vous pouvez télécharger ici, contient donc un fichier phtml, et 2 fichiers CSS.

1. Mise en place des fichiers :

Dans le répertoire public, créer un répertoire css et y déposer les 2 fichiers Css.

Dans le répertoire application, créer le répertoire layouts et scripts. copier le fichier layout.phtml.

Par défaut, le Zend_Layout utilisera ce fichier pour rendre nos vues.

2. Configurer le Zend_Layout

Ajouter le code suivant dans application/configs/application.ini :

resources.layout.layoutPath = APPLICATION_PATH . "/layouts/scripts"
resources.view[] =
resources.view.encoding = "UTF-8"

Dans le fichier template, vous trouverez ce code :

    content; ?>

Cela permet de rendre le contenu de notre vue à cette endroit.

3. Modifier notre fichier de vue

Nous pouvons maintenant supprimer de ce fichier (application/views/scripts/index/index.phtml) tout le code html de la page, et ne garder que ceci :

url(array('controller'=>'articles', 'action' =>'detail', 'id'=>$row->art_id ));
?>

entries AS $row) {
$lien = $this->url(array('controller'=>'articles', 'action' => 'detail', 'id'=>$row->art_id ));
?>

art_titre; ?>

art_date; ?> 

art_chapeau ?>

entries AS $row) {
$lien = $this->url(array('controller'=>'articles', 'action' => 'detail', 'id'=>$row->art_id ));
?>

art_titre; ?>

art_date; ?> 

art_chapeau ?>

<?php

foreach($this->entries AS $row) {

$lien = $this->url(array(‘controller’=>‘articles’, ‘action’ => ‘detail’, ‘id’=>$row->art_id ));
?>
<div class=”article”>
<h2><a href=”<?= $lien; ?>“><?= $row->art_titre; ?></a></h2>

<span class=”date”><?= $row->art_date; ?> </span>

<p class=”chapeau”><?= $row->art_chapeau ?> </p>
</div>
<?php
}
?>

Il faut faire la même chose pour le fichier de détail (application/views/scripts/articles/detail.phtml) :

<div class=”article_detail”>

<h1><?= $this->data->art_titre; ?></h1>

<span class=”date”><?= $this->data->art_date; ?> </span>
<p class=”chapeau”><?= $this->data->art_chapeau ?> </p>
<p class=”corps”><?= $this->data->art_contenu ?> </p>
</div>

4. Rendons ces menus dynamiques

Dans le template, vous pouvez trouver ce code :

<div id=”navigation”>
<?= $this->action(‘index’, ‘menu’); ?>
<?= $this->action(‘categories’, ‘menu’); ?>

</div>

Comme ces menus sont amenés à être modifié et dynamique pour les catégories, nous allons utiliser un controleur menu et 2 actions : index et categories.

Exécuter ces commandes à la racine du blog, en ligne de commande :

zf create controller menu
zf create action categories menu

zf create controller menu
zf create action categories menu

Pour cette exemple, nous allons laisser du code html dans ces 2 vues, mais nous les modifierons plus tard pour les rendre dynamique, notamment pour afficher la liste des catégories.

Dans /application/views/scripts/menu/index.phtml, ajoutez ce code :

<ul>

<li><a href=”/”>Accueil</a></li>

<li><a href=”/auteurs/”>Auteurs</a></li>

<li><a href=”/historique/”>Historique</a></li>

</ul>

et dans /application/views/scripts/menu/categories.phtml :

<h3>Catégories</h3>


<ul>


	<li><a href="/categorie/1/">Catégorie 1</a></li>


	<li><a href="/categorie/2/">Catégorie 2</a></li>


	<li><a href="/categorie/3/">Catégorie 3</a></li>


	<li><a href="/categorie/4/">Catégorie 4</a></li>


	<li><a href="/categorie/5/">Catégorie 5</a></li>


</ul>

5. Résultat

Retournons maintenant sur notre page index, et observons le résultat :

c’est quand même plus sympa, non ?

A voir ou revoir :

• Article 1 : Mise en place et Zend_Tool
• Article 2 : La base de données

Pour mettre en place notre blog, nous allons commencé par créer 4 tables :

Table “Articles”
Un article sera composé d’un titre, d’un chapeau, du texte en lui-même, la date, l’auteur et un flag indiquant que l’article est en ligne.

Table “Categories”
Cette table contient le nom de la catégorie, et un nom d’url propre. La catégorie “Zend FrameWork” aura l’url zend_framework.

Table “Auteurs”
le nom, le prénom, l’email de l’auteur, ainsi qu’un champ url pour avoir des url propre.

Table “Commentaires”
Les commentaires à nos articles, avec le nom, l’email, le commentaire en lui même, la date et un champ de validation pour permettre la modération de nos commentaires

Voici le schéma de notre base de données. Celle ci est volontairement simplifiée, mais suffisamment complète pour voir les différents aspects du Framework.

Je vous laisse mettre votre propre contenu pour vos tests. Voici un fichier pour créer cette base, et aussi mettre du contenu pour commencer. Le fichier sql.

Maintenant que notre base est mise en place, avec du contenu pour faire nos premiers tests, il est temps de passer au choses sérieuses : l’affichage de nos articles.

1- Configuration de l’accès MySql

Editer votre fichier application/configs/application.ini

Après la ligne : resources.frontController.controllerDirectory = APPLICATION_PATH “/controllers”

Ajouter le code suivant :

[php]
// Connexion a la base de donnees
resources.db.adapter = "pdo_mysql"
resources.db.params.host = "localhost"
resources.db.params.username = "root"
resources.db.params.password = "password"
resources.db.params.dbname = "blog"
resources.db.params.driver_options.1002 = "SET NAMES utf8"
resources.db.isDefaultTableAdapter = true
[/php]

Cela va indiquer au Zend FrameWork que nous allons nous connecter à la base “blog” avec le user “root”, via une connexion “PDO”.

resources.db.params.driver_options.1002 = "SET NAMES utf8"

Cette ligne va nous permettre de gérer correctement le contenu Utf8.

La dernière ligne nous permet d’indiquer qu’il s’agit de notre adaptateur par défaut. Comme nous n’avons qu’une seule base de données, cela nous éviteras de spécifier le connecteur.

2 – Autoloader

Dans le fichier Bootstrap.php, il faut configurer notre autoloader, pour que ZendFrameWork trouve nos classes tout seul.

Ajouter la méthode _initAutoload() comme cela :

<?php


class Bootstrap extends Zend_Application_Bootstrap_Bootstrap


{


	protected function _initAutoload()


    {


    	$autoloader = new Zend_Application_Module_Autoloader(array(


            'namespace' => '',


            'basePath'  => dirname(__FILE__),


        ));


        return $autoloader;


    }


}

3 – Db Oject pour Articles

Afin d’accéder à nos contenus, nous allons créer des classes qui vont étendre le Zend_Db_Table_Abstract. Cet objet nous permet d’accéder facilement à notre table en nous fournissant des méthodes standards pour effectuer des recherches ou update.

La première classe sera la classe Articles.

Dans le répertoires models/DbTable ( créer le répertoire s’il n’existe pas), nous créons la classe Articles.php

Le contenu de cette classe :

<?php


/**


 * This is the DbTable class for the artices table.


 */


class Model_DbTable_Articles extends Zend_Db_Table_Abstract


{


    /** Table name */


    protected $_name    = 'articles';


    protected $_primary = 'art_id';


}

Comme vous pouvez le constater, cette classe est très simple. On définit simplement le nom de la table et le nom de notre clé primaire.

4 – Afficher la liste des articles

Il est temps d’afficher la liste de nos articles sur notre page d’acceuil.

La première chose à faire est de modifier notre controller “indexController.php”

public function indexAction()


    {


        // action body


       	$articles = new Model_DbTable_Articles();


 		$this->view->entries = $articles->fetchAll(


 										$articles->select()


 										->where('art_en_ligne = ?', '1')


                                        ->order('art_date DESC')


                                        ->limit(10, 0));


    }

Nous indiquons ici que nous recherchons les articles en ligne, par date de publication. J’ai pris ici la méthode préconisé dans la documentation, en utilisant l’objet “select”.

Il nous reste plus qu’à mettre en forme cette affichage dans le fichier application/views/scripts/index/index.phtml. Ce fichier est notre Vue, le V du MVC. Remplacer le contenu de ce fichier par :

<style>


h2


    {


	    color: #91BE3F;


    		margin: 20px 0 10px 0;


    }


	h2 a


	    {


	        color: #91BE3F;


	}


    div.article


    {


        color: #000;


        width:  600px;


        border-bottom: 1px solid #444444;


    }


	span.date {


	   color: #000;


		font-size: 12px;


	}


</style>


<div id="welcome">


    <h1>Bienvenue sur notre Blog</h1>


</div>


<?php


foreach($this->entries AS $row) {


?>


	<div class="article">


		<h2><?= $row->art_titre; ?></h2>


		<span class="date"><?= $row->art_date; ?> </span>


		<p class="chapeau"><?= $row->art_chapeau ?> </p>


	</div>


<?php


}


?>

Nous pouvons maintenant voir notre résultat en rafraichissant notre navigateur :

Simple non ?

5 – Faire un lien sur le détail d’un article.

Nous n’allons pas nous arrêter en aussi bon chemin, nous allons faire un lien sur le titre de nos articles pour afficher le détail de celui ci.

Dans notre boucle d’affichage, ajoutons un lien sur le controller articles et sur l’action detail, en passant le parametre id, contenant l’id de l’article à afficher.

foreach($this->entries AS $row) {


	$lien =  $this->url(array('controller'=>'articles', 'action' => 'detail', 'id'=>$row->art_id ));


?>


	<div class="article">


		<h2><a href="<?= $lien; ?>"><?= $row->art_titre; ?></a></h2>


		<span class="date"><?= $row->art_date; ?> </span>


		<p class="chapeau"><?= $row->art_chapeau ?> </p>


	</div>


<?php


}

6 – Afficher le detail de l’article

Dans le controlleur : /application/controllers/ArticlesControllers, nous ajoutons ceci à la méthode “detailAction”, afin de rechercher le detail d’un article en ligne :

public function detailAction()


    {


       // Id of the Farm


        $articleId = $this->getRequest()->getParam('id');


        if ($articleId != '') {


        	$articles = new Model_DbTable_Articles();


 			$this->view->data = $articles->fetchRow(


 										$articles->select()


 										->where('art_en_ligne = ?', '1')


 										->where('art_id = ?', $articleId)


										);


        } else {


            $articleId->view->data = null;


        }


    }

et dans le fichier application/views/scripts/articles/detail.phtml :

<style>


    h1


    {


        color: #91BE3F;


    	margin: 20px 0 10px 0;


    }


    div.article_detail


    {


        color: #000;


        width:  600px;


        border-bottom: 1px solid #444444;


    }


    p.chapeau {


    	font-style: italic;


	}


	span.date {


	    color: #000;


	    font-size: 12px;


	}


</style>


<div class="article_detail">


	<h1><?= $this->data->art_titre; ?></h1>


	<span class="date"><?= $this->data->art_date; ?> </span>


	<p class="chapeau"><?= $this->data->art_chapeau ?> </p>


	<p class="corps"><?= $this->data->art_contenu ?> </p>


</div>

Si nous cliquons sur le titre de notre article, nous nous retrouvons maintenant sur le détail de l’article.

La suite…

Dans le prochain article, nous allons voir les points suivants :

• La mise en forme avec le Zend Layout
• Les liaisons entre nos tables, via le ZendDb
• Les formulaires
• La gestion des droits avec les ACLs pour la partie administration.
• Personnaliser et mettre en place le routing des urls.

N’hésitez pas à me dire si vous voulez aborder certains points en particulier.

A voir ou revoir :

• Article 1 : Mise en place et Zend_Tool
• Article 3 : Zend_Layout et template

Pour cette série d’article, je vais prendre comme exemple la création d’un blog. Il ne s’agit pas de concurrencer WordPress ou dotclear, ce blog aura des fonctionnalités simples, comme l’affichage des articles, l’affichage par catégorie d’article et par auteur.

Configuration

Je pars du principe que votre Zend Server est correctement installé. Le répertoire d’installtion est /usr/local/zend.

Création d’un lien symbolique sur le script zf.sh

sudo ln -s /usr/local/zend/share/ZendFramework/bin/zf.sh /usr/bin/zf

Création d’un projet

Dans un premier temps, il faut se placer dans le répertoire destination. Dans mon cas, je me suis positionné dans mon répertoire Sites, à savoir /Users/jean/Sites

zf create project blog

Nous retrouvons l’architecture sandard du Zend Framework, avec 3 répertoires principaux : application, library et public.

public

Ce répertoire est le répertoire de départ de notre site. Il contient uniquement le fichier index.php et .htaccess. C’est ici que nous ajouterons nos fichiers css, javascript et images.

library

Ce répertoire contiendra vos classes et éventuellement le répertoire du Zend Framework s’il n’est pas configuré dans votre include_path.

application

C’est le coeur de notre application. Il est composé d’un fichier Bootstrap.php et de 4 répertoires : vos controlleurs (controllers), vos modèles (models), vos vues (views) et le répertoire de configuration (configs).

Configuration du serveur Apache

Pour faire fonctionner le site, il faut créer un virtual host dans notre serveur Apache, pour pointer sur notre répertoire public ajouter cela dans le fichier : /usr/local/zend/apache2/conf/extra/httpd-vhosts.conf

<virtualhost *:80> DocumentRoot /Users/jean/Sites/blog/public ServerName blog </virtualhost>

ainsi que cette ligne dans votre fichier /etc/hosts

127.0.0.1 blog

redémarrage du serveur apache :

sudo /usr/local/zend/bin/apachectl restart

ouvrir la page http://blog/ dans votre navigateur, et vous devez voir cette page : Félicitation, votre projet est correctement configuré.

Création de nos contrôleurs

Pour cette exemple, je vais mette en place 2 contrôleurs : articles, pour l’affichage des articles, avec un affichage par auteur et catégorie, ainsi que auteurs, pour afficher la liste des auteurs et la page détail de l’auteur.

Contrôleur articles

Nous allons créer les actions suivantes, sauf l’action index, qui est créée directement avec le contrôleur :

• index : affichage des derniers articles, juste le teaser
• categorie: pour l’affichage des articles pour une catégorie
• auteur: affichage des articles pour un auteur
• detail: affichage de l’article complet

Voici les commandes pour créér ce contrôleur, ainsi que les actions correspondantes :

zf create controller articles zf create action categorie articles zf create action auteur articles zf create action detail articles

Contrôleur auteurs

Il ne contient que les actions index et detail.

zf create controller auteurs zf create action detail auteurs

Comme on peut le voir dans l’image ci dessous, les controlleurs et vues sont automatiquement générés.

Test

Nous allons maintenant vérifier que tout cela fonctionne, en testant les urls suivantes :

• http://blog/articles
• http://blog/articles/detail
• http://blog/articles/categorie
• http://blog/articles/auteur
• http://blog/auteurs
• http://blog/auteurs/detail

La suite

Pour l’instant, ces pages ne contiennent pas grand chose, mais nous allons rapidement y remédier.

Dans le prochain billet, nous allons mettre en place la base de données, l’utilisation de DbTable et mettre en place l’affichage de ces données.

A voir ou revoir :

• Article 2 : La base de données
• Article 3 : Zend_Layout et template

Php5 est inclus dans Leopard, mais ses fonctionnalités ne sont pas complètes. Par exemple, si vous avez besoin de certaines librairies, comme la librairie graphique GD2 ou encore les connexions PDO, il faut en passer par une recompilation, ce qui n’est pas le plus simple.

Zend nous propose maintenant un serveur d’applications Web, le Zend Server. Il existe en 2 versions, une version gratuite, le Zend Server Community Edition et une version payante, le Zend Server.

1. Installation

Pour mettre en place cet environnement de développement, il faut commencer par downloader la version 4.0.2 du Zend Server. Pour cela, rendez vous sur le site de Zend : http://www.zend.com/fr/products/server/downloads

Ensuite, il suffit de suivre la procédure d’installation. Par défaut, l’installation sera faite dans : /usr/local/zend/.

Par rapport aux anciennes versions, le Zend Server est maintenant installé avec un serveur MySql et phpMyAdmin. On se retrouve avec un environnement prêt à l’usage.

2. Administration du Zend Server

Lors du premier accès à l’interface d’administration, qui se trouve à l’url http://localhost:10081/, un mot de passe devra être défini. C’est via cette interface, que vous allez contrôler votre installation Php. Cette interface est composé de plusieurs onglets, dont 2 principaux :

L’onglet Monitor

Cet onglet vous donne accès au Dashboard, dans lequel vous pourrez retrouver les liens sur PhpMyAdmin par exemple. On a aussi un accès au phpinfo et aux différents logs.

L’Onglet Server Setup.

a. Extension

Le sous menu Extensions va nous permettre de configurer les extensions Php, simplement en indiquant que l’on désire activer ou non une extension.

b. Directives

Le sous menu Directives permet l’édition des directives. Oublier les modifications en ligne de commande de votre fichier php.ini, l’édition de ces valeurs se fait simplement via l’interface.

c. Debugger

Le sous menu Debugger permet de configurer le debugger pour les clients Zend Studio.

Un bouton en bas de la page va permettre le redémarrage de Php directement depuis cette interface.

3. Partie FrontEnd

On accède via http://localhost:10088/ au site par défaut. On se retrouve alors avec un PHP configuré avec Pdo et GD2 parfaitement opérationnel. De plus, le Zend Framework se trouve lui aussi installé, dans sa version 1.8.0.

Pour garder la même configuration que mon environnement actuel, j’ai créé des Vhosts pointant sur mon répertoire Sites. Il est aussi possible d’utiliser le port 80, en désactivant le partage web de Mac. il suffit de changer les numéros de port dans les fichiers de configuration d’Apache.

Conclusion

Après les galères de la recompilation de Php, j’avoue ne plus pouvoir me passer de ce Zend server. Il m’apporte un confort d’installation remarquable.

Mon mac se retrouve maintenant avec un environnement de développement parfaitement opérationnel, pour mes développement Zend Framework.