Voici un descriptif sommaire des services que nous vous offrons :

• Conseil Web
  On croit souvent que le travail d’une agence Web se réduit à l’implémentation technique d’un cahier des charges rédigé par le client. Or les solutions Web sont très diverses et nous pensons que vous devez profiter de notre savoir-faire d’éditeur pour choisir la solution qui convient le mieux à votre budget et à vos objectifs. Il arrive régulièrement que cette solution soit plus simple et moins chère que ce qui a été pensé au départ.
  Nous commençons donc par définir les objectifs Web (Identité Web, cible, message) et les contraintes (Quantité et qualité du contenu, flexibilité, budget, capacité de mise à jour, etc.), puis nous vous aidons dans la rédaction du cahier des charges. Ce travail est primordial ! Il est d’ailleurs rare que nous acceptions des projets qui ne se limite qu’à une implémentation technique.
• Création de sites Internet
  Après la définition des objectifs Web et du cahier des charges, nous vous offrons les services de design, d’intégration et de programmation Web. Nous nous attachons tout particulièrement à livrer un site Internet qui profite des dernières technologies, qui soit valide et qui réponde aux standards et aux recommandation de la W3C.
• Référencement
  Le travail de référencement commence dès la conception du site. Nos sites ont donc souvent un classement acceptable dans les moteurs de recherche uniquement grâce à leur qualité de conception. En plus, nous offrons des services d’amélioration de votre site et d’accompagnement dans la rédaction de votre contenu (fréquence, qualité, mots/phrases clés, etc.) dont dépend principalement votre classement dans les moteurs de recherche.
• Design et identité visuelle
  Un site Web est une publication interactive de contenu. Il vous représente et doit en cela correspondre, sinon améliorer votre image. Nous vous aiderons à mieux définir votre identité visuelle pour maximiser les retombées positives de votre site Internet sur votre projet ou entreprise.
• Intégration dans un système de gestion du contenu
  Les sites Internet statiques sont en voie de disparition. Désormais, la plupart des sites s’appuient sur un système de gestion du contenu (CMS) qui vous permet de mettre à jour facilement votre contenu de manière complètement autonome. Méfiez-vous des agences qui vous offrent des plans de maintenance avec édition du contenu, sans vous permettre de le faire vous-mêmes.
• Audit de sites Internet
  Vous voulez savoir si votre site est bien conçu ? S’il est optimisable ? S’il est bien référencé ?
  Nous vous offrons un service d’audit indépendant dont le résultat est un rapport détaillé des problématiques et des solutions à envisager.
• Notre ouverture à vos idées
  Nous sommes des passionnés du Web. Tous les projets sont intéressants pourvu qu’ils nous mettent au défi et qu’ils fassent appel à notre créativité. N’hésitez pas à nous proposer vos idées, même si elles vous semblent peu étudiées, trop ou pas assez originales.

N’hésitez pas à nous contacter ou laisser des commentaires. C’est toujours un plaisir de vous parler !

Qu’est-ce que c’est ? Une science ?

Depuis l’avènement des moteurs de recherche (rappelez-vous : Altavista, Yahoo puis Google), on a appris que paraître dans les premiers résultats de recherche représentait une valeur ajoutée qui n’a pas de prix. On s’est alors intéressé aux méthodes de classement utilisées par les moteurs de recherche. Et surtout depuis l’apparition de Google, grâce aux nouveaux concepts qu’il a introduit (PageRank, liens externes et internes, etc.), à la [quasi-]transparence qu’il pratique, et aux outils qu’il offre au Webmaster, le référencement est devenue pratiquement une science : Search Engine Optimization ou SEO.

Le référencement est donc le travail réalisé dans le but d’atteindre un meilleur classement dans les moteurs de recherche. On dit qu’un site est bien référencé s’il apparaît dans les premières pages des moteurs de recherche.

Que fait un moteur de recherche ? en bref…

Les moteurs de recherche indexent les sites, c’est-à-dire qu’ils les parcourent, les analysent en cherchant les mots clés les plus utilisés et stockent les résultats dans leurs bases de données. Pour calculer le rang d’un site quand on tape tel ou tel mots/phrases clés, les moteurs de recherches utilisent aussi les liens externes (de l’extérieur vers le site) et internes (à l’intérieur du site). Dans leur analyse, ils prennent aussi en compte des facteurs comme la situation géographie, le thème, la langue, etc., et utilisent des méthodes pour détecter les fraudes (les stratégies mal intentionnées pour monter dans les classements).

Science infuse ? - NON !

Des spécialistes ont vu le jour, des livres ont été écrits, des sites Internet spécialisés ont été mis en ligne. Tout cela contribue à confirmer la croyance de la complexité de la chose. Il y aurait des bons référenceurs et des mauvais. Et comme peu de clients comprennent les mécanismes utilisés, et comme le référencement dépend aussi du contenu (qui est la responsabilité du client), ils n’ont le choix que de faire confiance à leurs prestataires, et souvent d’en payer le prix.

Personnellement, il m’est arrivé de produire des sites qui se sont bien classés sans fournir d’effort pour le référencement. Comme il m’est arrivé de fournir un gros effort pour peu de résultats. Ca n’a jamais été le fruit du hasard, car les principes sont simples et faciles à appliquer.

Les principes

• L’honnêteté
  Un site doit traiter de son contenu, être construit pour l’internaute et non pour les moteurs de recherche, et ne doit pas essayer d’appliquer des stratégies détournées pour bien être référencé (il risque d’être banni). C’est comme dans la vie, l’honnêteté finit toujours par payer. Je dis toujours à mes clients : vous voulez vous payer la tête de Google ?
• La simplicité pour aller à l’essentiel
  Quand on est simple, on va à l’essentiel. Les moteurs de recherche se concentrent sur les mots/phrases clés, il vaut mieux se concentrer sur quelques mots/phrases clés que de vouloir répondre à tout et s’éparpiller. Répondez à ces questions en termes simples : Qui êtes-vous ? Qui est votre cible ? Quel est votre message ?
• La qualité
  Un site mal conçu est mal référencé. Avant tout il doit être valide et suivre les recommandations de la W3C (XHTML et CSS). C’est crucial ! Renseignez-vous auprès de votre prestataire ou écrivez-moi et je vous dirai comment vous assurez que le travail est bien fait.
• Structurez votre contenu
  Un site internet est une publication interactive, il est nécessaire que le contenu soit bien présenté pour être accessible par vos internautes. Faites-vous aider par votre prestataire, il n’est pas là que pour accomplir les tâches techniques dont vous ne possédez pas le savoir-faire, il est censé vous aider à vous organiser. C’est aussi un savoir-faire qu’il doit vous apporter.
• Faites-vous des amis
  Le référencement dépend, entre autres choses, des liens externes (dans d’autres sites que le vôtre) qui pointent vers votre site. Si vous abordez le problème comme pour socialiser dans la vie, vous vous ferez des amis qui ont envie de parler de vous. Echangez avec eux des liens, proposez leur du contenu qui les intéresse, entretenez vos relations.
• Ne faites pas de bêtise
  Je vous le répète, le référencement obéit à des règles simples, mais il ne faut pas faire quelques erreurs techniques. Assurez-vous que votre prestataire n’a pas utilisé que du Flash ou trop d’images alors que les moteurs ne comprennent que le texte ; qu’il n’a pas trop mélangé le contenu et le style ; qu’il a bien définit les titres et le nom des pages ; qu’il n’a pas surchargé les META. Si vous avez peur ou n’avez pas confiance. Faites auditer votre site : contactez-moi.
• Le travail continu
  Votre site doit être actif. Il doit présenter du contenu nouveau. Vous allez multiplier les pages et les liens, répéter les mots/phrases clés qui vous indentifient, avoir plus de chance de vous faire des amis. Vous aussi vous pouvez en parler dans des blogs, des forums, des commentaires, etc.
• La patience
  Le référencement prend du temps, autant pour être indéxé par les moteurs de recherche (que votre site soit parcouru et intégré dans leurs bases de données), que parce qu’il faut que les autres en parlent. Soyez patient.

Conclusion

Un ami m’a dit un jour : Je connais quelqu’un qui te met en première place de Google pour 100.000 DH ! Tu veux que je te le présente ? J’ai répondu : S’il ne t’avait dit que 10.000 tu l’aurais cru ?

J’ai voulu cet article non technique pour tenter de démystifier le sujet du référencement. J’espère qu’il vous sera utile. N’hésitez pas à laisser des commentaires ou à me contacter !

Après avoir installé la dernière version de Firefox, Firefox 3, j’ai remarqué que le back-end (la partie administration appellée aussi BE) de mes installations Typo3 ne fonctionnait plus correctement.

Dès qu’on clique sur un des modules de la colonne de gauche, celle-ci disparaît. Celà serait dû à la nouvelle gestion des frames plus sécuritaires dans Firefox 3. Plus précisément, l’héritage des character sets, qui était appliqué entre frame parent et enfant ne l’est plus que si le parent et l’enfant sont chargés à partir du même serveur.

Ceci dit, j’avoue que je reste sceptique. Si c’est vraiment la cause, une installation Typo3 devrait fonctionner correctement en local, à part si Firefox détermine l’origine d’une frame à partir de critères autres que le nom du domaine.

Solution

Marc Neuhaus a développé une extension qui règle le problème le temps qu’une nouvelle version de Typo3 voie le jour.

Firefix3 backend bug fix

Il suffit de l’importer à travers le manager d’extension, de l’installer, de se déconnecter puis de se reconnecter pour résoudre le problème.

Après de multiples recherches, ce que j’ai trouvé de meilleur, pour sa flexibilité, sa simplicité et surtout sa documentation (en anglais) est JW Image Rotator. Il est Open Source et libre d’utilisation pour usage non commercial.

JW Image Rotator permet d’afficher les images contenues dans une playlist en XML au format RSS, XSPF ou ASX et d’appliquer une multitude de transitions entre elles. Il permet d’utiliser des images de type JPG, GIF et PNG, possède une variété de flashvars qui modifient le comportement du Flash, et une large API en javascript pour la communication entre le monde extérieur et le SWF. De plus, des modules pour différents CMS ont été développés pour faciliter l’installation.

Téléchargement

Page de téléchargement du JW Image Rotator…

Notez qu’il n’est pas obligatoire d’inscrire son adresse e-mail avant de cliquer sur le boutton Download JW Image Rotator. Mais il faut cocher la case d’acceptation de la license d’utilisation.

Un fois téléchargé et décompressé, le dossier imagerotator contient un fichier README.HTML que je vous conseille de lire. Il contient un exemple d’installation et un début de documentation.

Installation

L’installation de JW Image Rotator est relativement facile. La difficulté réside seulement dans la définition des chemins d’accès pour le SWF, le XML et les images.

On peut choisir plusieurs types d’intégration du SWF dans la page (Voir Embedding Flash). La technique la plus simple est d’utiliser une balise <embed> :

<embed
  src="imagerotator/imagerotator.swf"
  width="470"
  height="160"
  allowscriptaccess="always"
  flashvars="file=imagerotator/imagerotator.xml
    &transition=blocks"
/>

Cette technique a fonctionné en local, mais avec le même code et la même structure de fichiers, elle a buggé sur mon serveur et sur Internet Explorer. De plus, elle ne permet pas l’utilisation de l’API Javascript.

Une autre technique fournie avec le JW Image Rotator consiste à utiliser un script en Javascript qui intègre le SWF pour vous :

1. D’abord, définissez un DIV vide pour l’accueil du SWF

   <div id="container"></div>

2. Ensuite, insérez la librairie Javascript

   <script type="text/javascript"
     src="imagerotator/swfobject.js"></script>

3. Enfin, insérez ce code pour créer le SWF

   <script type="text/javascript">
     var s1 = new SWFObject("imagerotator/imagerotator.swf",
       "rotator","400","200","7");
     s1.addVariable("file","imagerotator/madrid.xml");
     s1.addVariable("width","400");
     s1.addVariable("height","200");
     s1.addVariable("shownavigation","false");
     s1.addVariable("transition","fade");
     s1.write("container");
   /script>

Dans cet exemple, tous les fichiers se trouvent dans le même dossier appelé imagerotator, vous devez adapter l’exemple à votre structure de dossiers. ATTENTION : tous les chemins doivent être relatifs à la page contenant le SWF. Vous pouvez utiliser un chemin absolu en cas de besoin : http://votre-domaine.com/imagerotator/…

Le XML

Un exemple est fourni avec le téléchargement : madrid.xml. Les formats possibles sont listés dans cette page du site de JW Image Rotator.

<?xml version="1.0" encoding="utf-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
  <trackList>
    <track>
      <title>Grass by Night</title>
      <creator>Jeroen Wijering</creator>
      <location>imagerotator/image1.jpg</location>
      <info>http://www.jeroenwijering.com</info>
    </track>
    [...autres tracks...]
  </trackList>
</playlist>

Une image est contenue dans un enregistrement <track> qui contient aussi d’autres informations concernant l’image. Ces informations peuvent être affichées dans le Flash pour la navigation, la recherche…

Notez qu’un script serveur (en php, aspx …) peut être généré sur le serveur et remplacer le fichier XML. A condition bien sûr que le format généré corresponde.

ATTENTION : Là aussi, le chemin d’accès des images est la page contenant le SWF.

flashvars

Les flashvars sont les données envoyées au SWF à partir du <embed>. Un liste exaustive des flashvars possibles sont listées sur le site du JW Image Rotator.

Grâce au flashvars on peut choisir le fichier XML, le type de fondu, l’affichage ou non de la navigation…

Intéraction avec le Javascript

Le SWF du JW Image Rotator peut communiquer avec le monde extérieur grâce à une API en Javascript. Notez que pour des raisons de sécurité, cela n’est possible qu’avec la version 8+ du plugin Flash et que sur votre serveur en ligne (pas en local).

Toute la documentation requise se trouve sur le site.

Une de mes très vieilles connaissances fait un usage très avancé de Typo3. Il possède un journal et son portail, et doit pouvoir réagir à l’actualité très rapidement. Pour cela, le système de gestion de son site doit lui donner les moyens de modifier presque instantanément un emplacement sur n’importe quelle page, à partir de données diverses. Il trouvait qu’avec Typo3, la tâche était trop complexe, et prenait trop de temps.

Il s’est donc mis à chercher une solution dans d’autres CMS comme Drupal, qui parraît plus facile d’accès et plus rapide à implémenter, et m’a demandé conseil étant donné que j’avais eu la chance de piloter la réalisation de son site.

Ma réponse

J’ai regardé les comparatifs entre Drupal et Typo3. Ce qu’on en dit correspond à peu prêt à l’idée que je m’en faisais. Les 2 systèmes ayant atteint une maturité suffisante, et puisqu’il existe une grande communauté et une grande variété de modules, la robustesse et la flexibilité des 2 CMS n’est plus à prouver.

Pour moi, il reste donc 2 critères à évaluer :

1. L’objectif du site
   Je compare Drupal a une meilleure implémentation de Joomla!. Il a été conçu avant tout pour faciliter le développement d’un site avec CMS. Il est facile d’accès (autant pour le développeur que pour l’éditeur), et on peut jouer avec le code plus facilement qu’avec Joomla! qui est un peu plus bordélique. Il est parfait pour des agences de créations de sites Internet parce qu’il leur permet d’offrir très facilement une valeur ajoutée supplémentaire à leurs clients (l’édition du site et les fonctionnalités d’interaction usuelles).
   Typo3 par contre, n’a pas été conçu dans le sens de la facilité d’accès. La learning curve est bien plus longue parce qu’il veut offrir le plus de flexibilité possible en respectant au maximum les principes de programmation : séparation de la présentation du contenu, indépendance des modules… En plus, il offre des fonctionnalités avancées comme le workflow et le versioning très robustes, qui répondent aux besoins d’organisations complexes. Il permet aussi de minimiser l’édition du HTML grâce à Templavoilà, ce qui, dans un site complexe devient absolument ingérable. Le mélange du HTML et des balises propres au CMS rend le contrôle et la maintenance très difficile, j’ai essayé !
   
2. L’incertitude dans le changement de technologie
   Maintenant que ça fait 1 an et demi au moins que vous travaillez avec Typo3, vous avez largement passé le cap difficile de la learning curve. Il est dangereux de passer à une autre technologie, pas parce que vous n’y arriverez pas, mais parce qu’il faudra intégrer quelque chose de nouveau, dont vous ne connaissez pas le temps d’apprentissage, ni l’adaptabilité à la complexité de vos processus. En gros, vous risquez d’y perdre beaucoup de temps, pour un résultat incertain et une économie d’échelle qui tardera à venir.
   En plus, vous allez jongler avec plusieurs plateformes, et donc réduire votre capacité à maintenir vos systèmes. Vous risquez de tomber dans d’autres problématiques liées à la scalabilité de Drupal.

Que faire ?

Il faut surtout être sûr d’utiliser Typo3 à son max. J’ai réfléchi au problème que vous m’avez expliqué brièvement : la capacité à réagir à l’actualité en créant des nouvelles présentations de contenu. Ce qu’il est conseillé de faire, et ce que font la plupart des développeurs, ce n’est plus de penser Typo3 comme une plateforme qui permet d’inclure des extensions toutes faites ou de les adapter. Il faut créer les extensions qui correspondent à ses propres processus, avec un esprit de réutilisabilité. Typo3 est le réceptacle idéal pour ça.

Par exemple, créer une extension qui permette de choisir le contenu des tables à utiliser, la template, le CSS et le What to display (liste, single, top…), et ne laisserait donc au développeurs qu’a créer la template et le CSS à chaque fois qu’il veut un nouveau format de contenu.

Au pire, on peut toujours créer du code php qui fait une requête à la base de données pour formater et afficher un contenu quelconque, et créer une extension bidon qui l’appelle pour l’intégrer dans une page.

N’hésitez pas à faire vos commentaires…

putty

putty est un client Telnet/SSH qui permet de se connecter sur le serveur de son hébergeur directement à travers une fenêtre de commande UNIX. Votre hébergeur pourrait avoir désactivé l’accès SSH, auquel cas, demandez lui de vous l’activer. Pour moi, un bon hébergeur devrait comprendre la nécessité d’un tel outil, et vous indiquer l’URL et le port sur lequel vous pouvez vous connecter.

FileZilla

FileZilla est un client FTP Open Source léger.

7zip

7zip est un utilitaire d’archivage (compression/décompression) de fichiers sous Windows. Il permet de compresser sous les formats les plus utilisés : ZIP, GZIP, BZIP2 et TAR en plus de son propre type 7z. Il permet de décompresser les archives de type : RAR, CAB, ISO, ARJ, LZH, CHM, MSI, WIM, Z, CPIO, RPM, DEB et NSIS.

Procédure d’upload rapide

Dans la plupart des cas, j’utilise FileZilla pour uploader mes fichiers sur le serveur. Mais quand il s’agit d’envoyer tout un site, spécialement s’il est question d’un CMS qui peut contenir des milliers de fichiers, le upload peut être très lent (la vitesse de upload dépend du nombre de connexions que doit ouvrir le client FTP et non de la bande passante).

Pour cela, il est préférable de compresser le répertoire de votre site, le uploader, puis le décompresser sur votre serveur.

1. Compression : Certains hébergeur (comme le mien) ne supportent la commande unzip. Par contre, on peut utiliser le serveur pour décompresser les fichiers tar.gz. Faites attention au répertoire à compresser, pensez d’avance au répertoire de décompression.
   Utiliser 7zip. Compresser d’abord en TAR, puis recompresser le TAR en Gzip.
2. Upload : Utiliser FileZilla pour uploader l’archive .tar.gz dans le bon répertoire de votre serveur. Là où vous souhaitez qu’il soit décompressé.
3. Décompression : tar xvfz <archive>.tar.gz

Commandes fréquentes

Carte de référence UNIX/LINUX (en anglais)

Aide mémoire de l’Université Laval au Québec

• ls : lister les fichiers et dossiers d’un répertoire

  ls -l (affiche une liste avec plus d'infos)

• cd : changer de répertoire (.. est le répertoire parent). En général les fichiers du site sont présents dans /home/user/www
• mv : déplacer un dossier ou un fichier. Utilisé aussi pour renommer. Si le nom du dossier de destination existe, déplace la source, sinon, la renomme.

  mv -f source destination (pour forcer l'overwrite)

• rm : supprime un fichier ou un répertoire.

  rm -r dossier (récursive)

• vi : éditer un document avec VIM
  Carte de référence VIM
• chmod : changer les permissions d’accès aux fichiers et dossiers

  chmod -R 777 dossier (permettre l'écriture, la lecture et l'exécution d'un dossier récursivement. A utiliser pour les répertoire de uploads, de cache ou temporaires)

• chown : changer le propriétaire d’un fichier ou d’un répertoire

  chown -R nom:group répertoire (récursivement pour un répertoire)

  Voir la remarque sur les permissions serveur Web plus bas.

Remarques

Permissions serveur Web

Si votre site Internet possède des fonctionnalités de upload, et qu’il crée donc des fichiers sur votre serveur, ces fichiers auront pour propriétaire (owner) non pas votre utilisateur, mais nobody. En fait, ce n’est vous qui avez crée ces fichiers comme vous l’auriez fait en FTP ou en SSH, mais c’est le processus du serveur Web (Apache ou autre).

Ainsi, en vous connectant en SSH ou en FTP, si vous souhaitez modifier ou supprimer ces fichiers, vous risquez d’obtenir une erreur indiquant une opération non permise.

En essayant de faire un chown sur ces fichiers, nous obtiendrez encore une erreur :

chown: changing ownership of 'fichier': Opération non permise

Solutions possibles

1. Utiliser le serveur Web (donc votre site Internet) pour modifier les fichiers en questions. Vous pouvez écrire un programme, utiliser un CMS ou installer Quixplorer (un gestionnaire de fichiers en ligne).
2. Demander à votre hébergeur d’exécuter cette commande sur votre répertoire wwww, réinitialisant le propritaire de tous les dossiers et fichiers créés par le processus serveur Web.

   chown -R votre_user:votre_groupe /home/votre_user/www

Voir l’article Réalisation : Cabinet Bassamat et associée

« Malheureusement au Maroc il existe énormément de charlatans dans la création de sites internet et peu de sociétés peuvent véritablement se targuer d’être des professionnels dans le domaine.

L’exception est WebLab, en la personne de Wahid Lahlou, qui adopte une démarche totalement différente et un investissement dans le projet quasi-exclusif. Ainsi, cela fut un réel plaisir de collaborer avec lui dans ce projet.

Pour mener à bien ce type d’initiative, le créateur d’un site internet se doit de bien définir les besoins de son client, ainsi Mr Wahid Lahlou a subi dans notre cas une véritable immersion dans la vie d’un cabinet d’avocat et s’est placé à tour de rôle dans la peau d’un internaute à la recherche d’information juridique marocaine, et d’un administrateur du site.

De plus, ce site a nécessité l’utilisation de technologies nouvelles, telle que le CMS Typo3 et pour pouvoir opérer une passation en douceur avec les futurs administrateurs du site, Mr Lahlou a donc fait montre de beaucoup de patience, agrémentant la formation de tutoriels simples et faciles à la compréhension.

WebLab se distingue enfin par le respect des délais prévus, qualité qui se fait rare dans le domaine.

Merci encore ! »

ZINEB LARAQUI - Avocat - Cabinet Bassamat www.cabinetbassamat.com

Choix technologique

Un système de gestion du contenu (CMS pour Content Management System) est la solution qui s’impose pour ce type de sites. La choix de programmer à la source (en php ou en .Net) a très vite été abandonnée sachant la disponibilité des CMS et la maturité de développement des projets libres (Open Source).

Tout de même, il fallait faire le choix du CMS approprié. Les critères principaux dans ce choix étaient la flexibilité et la robustesse. Entre Joomla!, CMS Made Simple, et TYPO3, nous avons opté pour TYPO3. Les deux autres offrent une solution acceptable, mais privilégient la facilité de développement à la robustesse et à la flexibilité.

Par contre, TYPO3 est difficile d’accès pour le développeur et peut représenter quelques difficultés d’apprentissage pour l’éditeur. Mais vu que j’en avais une bonne connaissance (ayant participé au développement de plusieurs sites dont www.aufaitmaroc.com), et que mon client était prêt au défi et possédait une bonne culture Internet, nous n’avons pas eu de difficultés à nous entendre.

Implémentation agile

Après cette étude, nous avons pu nous lancer dans l’implémentation technique sans difficultés. Mais l’essentiel était que mon client et nous étions en constante communication. Il savait exactement à quelle étape de développement nous étions et pouvait à tout moment intervenir avec de nouvelles idées ou pour corriger des fonctionnalités en cours de développement. Pour cela, un site test a été mis en place sur le serveur de WebLab.

Aussi, nous avons, à chaque étape, fourni à notre client une documentation des procédures à suivre pour la mise à jour, et que nous avons rassemblé dans un document final livré avec le site.

Conclusion

La réalisation du site Internet du Cabinet Bassamat et associée représente pour nous une très grande fierté. D’abord parce qu’il nous a permis de travailler avec un client prestigieux et exigeant, qui est aussi fier que nous de son site. Ensuite, tout au long du développement du site, nous avons appliqué des méthodes agiles de développement axées sur l’interaction constante et la définition précises des mini-étapes à réaliser. Des méthodes qui devaient donner leurs preuve et qui se distinguent de la manière traditionnelle de la rédaction du cahier des charges avnt de passer à l”implémentation. Enfin, il n’y a pas une citation qui concerne le Cabinet Bassamat et associée dans la presse et qui ne fasse allusion à leur nouveau site Internet.

Parmi les résultats significatifs, je vous invite à taper “cabinet d’avocats maroc” sur Google, le site du Cabinet est en première place ! Suivre ce lien…

Mais tout cela n’aurait pas été possible si la relation client-prestataire n’avait pas été aussi bonne, et surtout si le Cabinet, après la livraison de sont site ne continuait pas, fidèle à son image de professionalisme, à alimenter le site avec un contenu toujours à jour. Je leur réitère nos remerciements.

Témoignage de Zineb Laraqui du Cabinet Bassamat…

Je voudrais d’abord remercier toutes les personnes qui nous ont fait confiance au sein du Cabinet Bassamat, et tout spécialement Zineb Laraqui. Nous avons pu établir une collaboration transparente, fluide et constructive, qui est un exemple à suivre pour une excellente relation client-prestataire.

Zineb Laraqui a eu l’amabilité de nous témoigner sa satisfaction : suivre le lien…

Site réalisé

www.cabinetbassamat.com

Point de départ

Le Cabinet Bassamat possédait un site Internet entièrement en Flash. En raison des limites de Flash en ce qui concerne la mise à jour, le référencement et la flexibilité (principalement la capacité à ajouter des fonctionnalités supplémentaires), le Cabinet Bassamat a choisi de procéder à une réfection totale.

Objectif

L’objectif du Cabinet était de mettre en place un portail s’adressant autant à la communauté des juristes, qu’aux internautes intéressés par le domaine juridique (étudiants, clients, investisseurs, etc.). A travers son site, le Cabinet met en application sa volonté de partage et son souhait de contribuer à l’amélioration du domaine juridique marocain. Le site devait ainsi permettre l’accès à des ressources diverses que l’éditeur du site pourrait mettre à jour régulièrement et au besoin.

En plus, le site devait posséder des fonctionnalités d’interaction avec les internautes comme l’inscription à la Newsletter, les formulaires de contact ou de dépôt des candidatures. Voici une liste des fonctionnalités qui devaient être implémentées :

• Mise à jour du contenu texte et image de toutes les pages;
• Bibliothèque des dernières éditions de livres juridiques;
• Actualités juridiques classées par catégorie;
• Liste de liens utiles;
• Accès à des documents juridiques (codes et lois) mis à diposition de l’internaute, classés par catégorie;
• Gestion des inscriptions à la Newsletter pour un envoi au besoin;
• Formulaire de contact;
• Soumission d’une candidature
• Bannières en Flash d’images du Cabinet et des partenaires.

De multiples challenges

La réalisation d’un site Internet doit répondre à des exigences multiples bien au-delà de la simple réalisation technique. La première exigence est qu’il ne trahisse pas (qu’il améliore même) l’image de son propriétaire. Il nous a donc fallu définir les besoins avant tout à partir de cette exigence :

• Un design moderne qui puisse mettre en valeur la personnalité du Cabinet. En quelques mots le design et la mise en page devaient refléter le caractère sérieux, organisé, professionnel, rigoureux, accès sur la collaboration, réactif et disponible du Cabinet Bassamat et associée;
• Faciliter l’accès aux informations pour les internautes;
• Faciliter la mise à jour du site par l’éditeur.

Design et mise en page

Avant de parvenir au design et à la mise en page actuels, nous avons étudiés plusieurs possibilités intégrant des changements au niveau de la navigation, des couleurs, et de la mise en place des éléments de contenu. En général, nous avons proposé au Cabinet 3 à 4 possibilités par élément, avant d’entamer, pour chacun d’eux, une discussion commune qui aboutissait à une décision approuvée par le Cabinet et par nous. Cette façon de procéder nous permet tous de ne passer à l’étape suivante qu’en étant convaincus de la validité de notre travail, et d’ainsi créer une atmosphère d’approbation générale.

Si la recherche au niveau du design a été un travail difficile en raison des exigences citées plus haut, l’organisation du contenu l’était autant car il devait permettre une navigation claire, allant de soi. D’autant plus que le design et la mise en page (et donc l’organisation du contenu) doivent être cohérents l’un l’autre.

Voici les décisions qui ont été prises

• Séparer le contenu en 3 catégories et faire en sorte que la navigation reproduise cette séparation :

1. Les ressources : Bibliothèque, documents des codes et lois, liens utiles et accès à la jurisprudence
2. Le contenu de présentation du Cabinet, de dépôts des candidatures et du formulaire de contact
3. Les actualités

• Une navigation permanente et mise en valeur d’accès à toutes les ressources seraient placée dans la colonne de gauche, à l’endroit le plus en vue après la navigation pricipale
• La page d’accueil devaient reprendre les ressources les plus récentes pour donner une idées générale du contenu du site, et pour intéresser l’internaute à visiter les autres pages (teasers)
• Les colonnes droite et gauche statiques allaient reprendre les dernières actualités, le login et l’inscription à la Newsletter

Lire la suite…

Bonjour,

J’espère que vous vous portez à merveille en ce jour.

Je tenais tout d’abord à remercier Wahid Lahlou pour la qualité et la justesse de son article.

J’ai effectivement été amenée à collaborer avec WebLab pour répondre à un besoin technologique et stratégique dans le cadre du développement de mon activité principale : la naturopathie. Comme l’a très pertinemment expliqué Wahid, je me suis longuement posée la question suivante : comment me positionner face à mes “clients/ consultants” potentiels ?

Dois-je me faire connaître en tant que Salma Sentissi, praticien de santé naturopathe ? Ou alors, dois-je me conformer quelque part aux règles du monde du travail, à savoir mettre en avant l’aspect Corporate/ Entreprise (Hygianat Conseil étant le nom de ma SARL) ?

Et c’est là que l’accompagnement et les conseils prodigués par WebLab (et notamment Mr Lahlou) m’ont été d’un éclairage précieux puisqu’en posant les questions adéquates et en faisant miroir quelque part de mes interrogations, on a pu définir ensemble une stratégie de communication.

Résultat des courses : il était primordial dans un premier temps de faire connaître Salma Sentissi en tant que naturopathe, pour plusieurs raisons :

1. C’est un métier totalement nouveau au Maroc (mais prometteur)
2. Salma Sentissi doit se faire connaître en tant que naturopathe
3. On se souvient plus facilement du nom d’une personne physique que d’un nom de SARL, souvent peu évocateur…même si Hygianat Conseil (pour info) fait référence à Hygia (déesse Grecque de l’hygiène de vie) et Nat (pour Naturopathie) mais bon ce n’est pas toujours facile à retenir
4. L’objectif est que des termes comme naturopathe, naturopathie, hygiène de vie…vous interpellent de plus en plus !

Ainsi, le choix de l’information à véhiculer et de l’interactivité que je souhaite mettre en place avec les personnes qui s’intéressent de près ou de loin à la naturopathie ont été des éléments clés pour justifier l’outil technologique à mettre en place par la suite.

C’est ainsi qu’est né : www.salma-sentissi.com, grâce notamment à l’écoute de mes besoins, à la maîtrise technologique et au professionnalisme de WebLab et de son créateur Wahid Lahlou.

Les images avant-après de l’article parlent d’elles mêmes et je vous laisse apprécier le résultat en naviguant à votre guise sur http://www.salma-sentissi.com

En tout cas, je vous recommande vivement WebLab, qui propose une solution intégrée, de l’idée émergeante à la réalisation de votre site web, en passant par un accompagnement de qualité, fort appréciable pour répondre au mieux à vos besoins.

Excellente continuation à toutes et à tous.

Cordialement,

Salma SENTISSI
Naturopathement vôtre !
http://www.salma-sentissi.com