édito

Il y a un an, j'avais un rêve.

Ce rêve c'était de créer un magazine dans
lequel on trouverait ce que je souhaitais lire sur
Joomla! et le web en général.

Ce rêve est devenu réalité ! Et 10 numéros de

Cinnk magazine plus tard, vous tenez en vos
mains le premier numéro édité en version papier.

Pour nous tous, Joomla! est souvent plus

qu'un outil, ce sont également des rencontres,
des partages, des échanges et aussi des amis.
Avec Cinnk magazine, nous souhaitons
contribuer à promouvoir Joomla! et à créer des
liens au sein de de la communauté.

Dans ce numéro spécial, de plus de 100 pages,

vous retrouverez 4 dossiers thématiques dans
lesquels nous avons demandé à des auteurs de
partager avec vous leurs expertises, leurs points
de vue et leurs idées.

10 ans de Joomla!
10 JoomlaDay en France
10 Numéros de Cinnk magazine

Enjoy!
Simon
 sommaire
n nk
Programme JoomlaDay, Paris 2016............... 4

Joomla! en chiffres................. 8

iC zin e
10 sites réalisés avec Joomla!............. 10

Can we be something more together?....... 18

À quoi ressemblera Joomla!

dans 10 ans ?......................... 22
Accessibilité, web et Joomla!............... 66

Créez vos pages

n’a jamais été aussi simple....... 72

Joomlabusiness,
rendez-vous en novembre........ 79

Tour d’horizon
des JUGs francophones......... 84

a
J and Beyond 2016, Interview de Djamel Kherbi
une réunion de famille................ 31 JUG Team Leader............ 92

g
Les 10 tendances à suivre - Spread your Joomla! Love

a
en SEO en 2016........................... 36 - Ok but show me some love first… .............. 96

10 protections de base Le lien de menu,

M
pour sécuriser son site Joomla!........ 41 colonne vertébrale de Joomla!...... 100

Évolution et perspectives Tirer parti du template

de l’ecommerce................. 46 Joomla! par défaut, Protostar................... 102

5 astuces pour un site Joomla! rapide....... 52 Trucs & astuces pour Joomla!............. 108

Web Design vs. UX Design.................. 56 Cinnk magazine

c'est quoi ? c'est qui ?............ 112
Marketing Automation :
une arme de séduction massive............. 62
 Programme JoomlaDay, Paris 2016
Salle plénière Salle d’atelier 1 Salle d’atelier 2 Salle d’atelier 3

8h30 Accueil Accueil Accueil Accueil 8h30

9h Keynote d’ouverture Keynote d’ouverture Keynote d’ouverture Keynote d’ouverture 9h

Templates et surcharges,
9h30 les secrets des concepteurs
Cédric Keiflin / Yann Gomiero
Est-ce que mon site a été hacké ? Boutique en ligne en 5 minutes
Atelier Grand débutant
Est-il propre ? Comment m’en assurer ? avec HikaShop 9h30
Simon Grange / Thierry Tardif
Christophe Avonture Nicolas Claverie

Référencer son site Joomla! AllEvents, gestionnaire

Joomla limité ? Venez rêver éveillé ! Atelier Grand débutant
10h30 État de l’art d’évènements pour Joomla 10h30
Sébastien Lapoux Simon Grange / Thierry Tardif
Thierry Broussegoutte Emmanuel Lecoester

11h20 Pause Pause Pause Pause 11h20

Comment devenir un Testeur de UX Blur : L’utilisateur décide Créez votre site

Atelier Grand débutant
11h40 Joomla ? dans le brouillard avec Page Builder CK 11h40
Simon Grange / Thierry Tardif
Marc Dechèvre Yves Koekkoek Cédric Keiflin

12h30 Pause déjeuner Pause déjeuner Pause déjeuner Pause déjeuner 12h30

Automatiser pour plus d’efficacité : Le RAD dans Joomla

Tout ce que vous voulez savoir
Joomla!, un outil marketing est peut-être déjà là : Atelier Grand débutant
13h40 sur la certification Joomla! 13h40
performant. NextGen Editor et autres solutions Simon Grange / Thierry Tardif
Eric Lamy
Alexandre Derocq / Sylvain Laffont Jean-Marc Bouillé

Utiliser des modèles

Préservez la sécurité de votre site Les formulaires sous Joomla! Atelier Grand débutant
14h40 de conception sous Joomla 14h40
Nicholas K. Dionysopoulos Yann Gomiero Simon Grange / Thierry Tardif
Ludovic Piquemal

15h30 Pause Pause Pause Pause 15h30

Activer les Accelerated Votre template

Accroitre sa visibilité
Mobile Pages de Google VirtueMart 3 : Réussir sa boutique avec le framework Gantry
15h50 avec le protocle Open Graph 15h50
sur votre site Joomla! Valérie Isaksen Charles Van Den Driessche
Emmanuel Danan
Yannick Gaultier Jean-Charles Gautard

16h50 Keynote de fin & remerciements Keynote de fin & remerciements Keynote de fin & remerciements Keynote de fin & remerciements 16h50
Dossier

Joomla! ®
 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Joomla!
en chiffres
+7000
10 Un projet qui a 10 ans
Avec un lancement le 17 août 2005, Joomla!
est un projet qui a aujourd’hui 10 ans.
Extensions
Joomla!, ce sont de nombreuses fonctionnalités
natives, mais c’est également de nombreuses
extensions tierces qui permettent d’étendre

3
(à l’infini ou presque) les fonctionnalités du CMS :
plus de 7 000 extensions référencées sur le JED ;
Près de 3% du web mondial 5 nouvelles extensions ajoutées par jour en
Avec plus de 60 millions de téléchargements, moyenne.

1294
Joomla! représente près de 3% du web mondial.

Disponible en 64 langues 64 Lire, se documenter, apprendre

Pour les utilisateurs qui découvrent Joomla!,

De nombreuses équipes de traduction travaillent
lors de chaque version pour rendre le logiciel
disponible dans 64 langues.
09
pour ceux qui sont déjà aguerris et pour les plus
expérimentés, Joomla! c’est aussi :
• 1294 articles sur le Joomla!
Community Magazine ;

300
Plus de 300 sites gouvernementaux
• 5466 articles dans la documentation officielle 
• plus de 100 livres indépendants écrits
dans de nombreuses langues.
à travers le monde

Plus de 300 sites gouvernementaux à travers le
monde utilisent Joomla!. Pour plus d’information,
consulter le site http://community.joomla.org/
showcase/sites.html
56 groupes de travail (Working Groups)
Le développement, la communication,
la documentation, le support, les tests,
100
Communauté
Joomla!, c’est également (et surtout) une très
grande communauté qui s’entre-aide, se réunit,
discute, partage, etc. : 
• plus de 100 évènements officiels par an à travers
le monde (JoomlaDay, JUGMeeting, Pizza Bugs
and Fun, World conference, J&B, etc.)  ;
• 215 Joomla! User Group enregistrés.

215
la maintenance, etc… En tout, 56 groupes
travaillent sur le projet Joomla!.

56
Le forum officiel de Joomla!
Le forum officiel de Joomla!, qui comporte
une partie francophone, en chiffres c’est :
• 3 017 499 de messages ;
• 724 531 de sujets ;
• 672 268 de membres.

Cinnk Magazine
 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

10 sites Simon Grange

Auteur, blogueur, formateur, fan de Joomla!
et fondateur de Cinnk.

réalisés
avec Joomla!
Joomla! est un CMS d’une grande souplesse, il est
capable de répondre à bien des besoins, que ce soit un
site d’association, un site vitrine de PME, l’intranet d’un
grand compte ou encore un site de vente en ligne.

Extrêmement complet nativement, la disponibilité de

10 nombreuses extensions de qualité proposées par la 11
communauté, nous permet d’étendre ses capacités
pour réaliser des sites performants et efficaces.

Voici une sélection, arbitraire puisque concoctée par la

rédaction de Cinnk magazine, de 10 sites francophones
qui sont le reflet de la diversité des projets qu’il est
possible de réaliser avec Joomla!

Sources :
Wikipédia/toureiffel.paris/notretemps.com/laval-virtual.org/la-belle-electrique.com

Nous ont aidé à écrire cet article :

inetis.ch/octopoos.fr/pulsine.com/stylitek.com
CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

1 3

12 13

2 4

3
1
Un site monumental
Qui ne connait pas la tour Eiffel ? Symbole de la France dans le monde, vitrine de Paris, elle accueille aujourd’hui
près de 7 millions de visiteurs par an (dont environ 75% d’étrangers), ce qui en fait le monument payant le plus
visité au monde. Ce que l’on sait moins, c’est que le site web de cette grande dame (dont l’extension est en
.paris) est motorisé par Joomla!.
4
2 Un site Ecommerce sur mesure
Un site de presse
Notre Temps, magazine des seniors, fondé par la maison d’édition Bayard Presse en 1968, traite de sujets liés
à la retraite, aux droits, à la santé et aux voyages. La version papier est vendue à près d’un million d’exemplaires
et la version web existe depuis 1998. Propulsé aujourd’hui par Joomla!, le site www.notretemps.com comporte
une douzaine de grandes rubriques balayant tous les centres d’intérêt de son lectorat. Il est structuré avec ZOO,
le Content Construction Kit développé par l’équipe YOOtheme.
Un site de grande marque
Peugeot qui appartient au groupe PSA Peugeot Citroën, produit essentiellement des véhicules automobiles pour
particuliers, des utilitaires ainsi que des deux-roues. En 2009, les ventes de l’entreprise se sont élevées à près
de 1,52 million de véhicules automobiles dans le monde, dont 1,12 million en Europe. Le site officiel Peugeot
tourne sous Joomla! et comporte même un com_peugeot, pas encore disponible sur JED ;)
bijouteriegolaz.com est un site de commerce électronique  de 2500 produits sur une base hikashop et sur
maximenu ck. Le moteur de recherche interne s’adapte à la catégorie en variant le critères de recherche.
Par exemple, sur les montres vous avez le choix du mouvement (quartz, manuel, automatique).
Le design du site a été entièrement pensé et réalisé sous Photoshop. Le template personnalisé est basé
sur Boostrap 3. Il est responsive et permet une navigation optimisée sur les smartphones et les tablettes.
Les objectifs de conversions ont été définis avec le client et intégré dans Google Analytics pour un suivis
optimal des conversions.
CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

5 7

14 15

6 8

Un intranet de grande entreprise 7

EDF souhaitait remplacer un processus métier existant basé sur des documents bureautiques traditionnels et Un éditeur d’animés et mangas
des impressions de ces documents à un processus complètement digitalisé accessible depuis n’importe quel Le label Kazé, est reconnu comme ayant fondé le panorama de l’animation japonaise en France tel qu’il est
appareil. La plateforme proposée sous Joomla a été retenu pour sa robustesse, sa haute sécurité et sa flexibilité à aujourd’hui. En presque 20 ans, Kazé a édité de nombreux programmes d’animations japonaises en France et
simuler les flux métier par des interfaces accessibles sans connaissance informatique, ergonomiques et adaptées est resté longtemps l’un des tout derniers éditeurs indépendants en activité dans le domaine de la vidéo et du
à tout support. La gestion des contenus métier est faite directement côté site ainsi que l’édition “inline”. manga en Europe. Véritable galaxie de sites Joomla!, Kazé propose plusieurs boutiques en ligne, une chaine TV,
Les utilisateurs n’accèdent jamais au back-end de Joomla mais seulement aux interfaces métiers qui les et de nombreux blog d’actualités.
concernent. La plateforme est multi-centrales. Chaque groupe d’utilisateur d’une centrale gère son propre
processus métier personnalisé grâce notamment à la flexibilité remarquable des ACL/permissions dans Joomla!.
Cette plateforme assure aujourd’hui une centralisation des données métiers d’EDF ainsi qu’une exactitude, une
complétude et une accessibilité jamais atteinte auparavant. Joomla! et son architecture technique particulèrement
8
saine et aboutie autour du patron modèle-vue-contrôleur a offert un socle remarquable pour cette plateforme EDF.
Un site évènementiel
L’innovation et les nouvelles technologies sont des facteurs primordiaux de réussite pour le développement
6
et la croissance des entreprises, tout secteur confondu. Depuis 1999, Laval Virtual est le salon de référence
Une communauté d’amateur de décoration et d’aménagement de ces évolutions et le leader européen dans les domaine des nouvelles technologies et usages du virtuel.
Crée-ma-maison.com aide et accompagne les internautes dans leur projet de construction, rénovation, Avec plus de 14000 visiteurs en 2015, et une diversification constante des secteurs d’activité représentés :
aménagement et décoration de la maison. Le site crée-ma-maison.com est au coeur du Business Model Industrie, Patrimoine, Santé, Formation, Marketing, Culture, etc. Laval Virtual a choisi Joomla! pour présenter
de la marque via la vente d’espace publicitaire (publi-rédactionnel, affiliation, etc.). Par conséquent, ce site ses activités.
représente un enjeu majeur pour la société. Quelques chiffres : 100 000 sessions / mois, 14000 comptes
sur la communauté, 200 000 adhérents à la newsletter… le tout, sous Joomla !
CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015

16

10

Un site de vente en ligne de proximité

Développée sous Joomla 3 et Hikashop, la boutique en ligne amoisushi.fr est dédiée à la vente de
produits alimentaires japonais. Afin d’offrir une expérience utilisateur maximale et d’améliorer la conversion,
de nombreuses fonctionnalités ont été développées :
- un système de points fidélité basé sur le composant AlphaUserpoint avec déduction des points en produit
cadeaux ou bons de réduction.
- un choix de livraison à domicile avec des minimums de commandes et délais de livraisons variables selon
le code postal du client.
- des opérations « chronomètre » mettant en avant des produits à prix cassés sur une plage horaire ou un
nombre de jours défini.
- des produits offerts selon le montant du panier...
Une optimisation en amont du référencement naturel a permis, très rapidement après la sortie du site,
de voir la visibilité de celui-ci augmenter de manière significative : + 43% en positionnement.

10

Une salle de concert

La Belle Électrique, salle de concert de Grenoble, valorise l’ensemble des musiques amplifiées (du jazz au rock
en passant par le reggae) dans une logique de croisement des esthétiques, des techniques et des technologies.
Le site web propulsé par Joomla! permet de présenter les 80 concerts et la trentaine de soirées à thèmes
programmées par l’association MixLab qui développe ce projet artistique et culturel.
 CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Brian Teeman
Co-fondateur de Joomla!, Brian présente des
conférences lors d'évènements Joomla! et

Can we be
Open Source aux quatre coins du monde.

something more
together?
Alors que je suis assis pour écrire cet article, nous sommes
tous en état de choc à cause des récentes atrocités qui se
sont déroulées en Belgique et à Paris récement.
A chaque fois que je me connecte sur Facebook, je vois un
nouvel ami ou collègue qui vient de se signalé en sécurité
(https://www.facebook.com/help/695378390556779)
18 afin de dire au monde qu’il va bien.
19

J’ai commencé à m’impliquer dans le monde des
logiciels libres et gratuits car je voulais aider à faire
du monde un meilleur endroit. Pour m’assurer que
tout le monde, peu importe le niveau d’éducation,
de richesse ou de capacité technique, puisse tirer
pleinement avantage des nouvelles technologies
du World Wide Web.
Dans le monde où nous vivons, les progrès sont
trop souvent limités à ceux qui vivent, par accident
de naissance, dans un pays de privilèges. Le web a
cette faculté d’être un facilitateur de mixité sociale,
il aide à uniformiser les règles du jeu et réduit les
inégalités. J’ai alors souhaité, et je le souhaite
toujours aujourd’hui, réaliser ma part de travail afin
d’assurer l’égalité des chances pour tout le monde
sur le web. Cela ne représente qu’une toute petite
partie du monde, mais c’est dans cette partie que
je sens que je peux agir et avoir un impact.
Je me souviens d’une des premières grande
catastrophe humaine de l’ère d’Internet – l’ouragan
Katrina (https://en.wikipedia.org/wiki/Hurricane_
Katrina) qui a frappé il y a 10 ans, le 29 août 2005 –
le même mois que la naissance de Joomla!. Il était
difficile d’imaginer la dévastation qu’a causé Katrina
avec 1 245 morts, plus d’un million des personnes
déplacées et 80% de la ville de La Nouvelle-Orléans
submergés.
Aujourd’hui, en 2016, Facebook aurait activé son
système Safety Check et Google aurait publié son
propre système d’alerte publique (https://support.
google.com/publicalerts/?hl=en#1753666
) et nous aurions rapidement été informé(e)s si
nos amis et familles étaient en sécurité. En 2005,
il n’y avait pas de tel système. Tout le monde ne
possédait pas de téléphone mobile – sans parler
d’un mobile avec envoi d’email et connexion web.
Twitter n’avait pas été inventé, Facebook était
encore un réseau pour les amis et collègues
américains et Google était seulement un moteur
de recherche.
Le premier septembre 2005, à 15:02, un pasteur
d’une église locale, Jay Dearman, a posté un
appel (http://forum.joomla.org/viewtopic.
php?f=48&t=3045#p23693) demandant de l’aide.
 CINNK MAGAZINE • MAI 2016
Il souhaitait désespérément fournir un lieu pour
les survivants et les personnes déplacées en
enregistrant leur nom pour que les membres de
chaque famille puissent se retrouver et assurer
qu’ils étaient sains et saufs.
Seulement 22 minutes plus tard, cet appel a reçu
une réponse venant de Suisse par Peter Koch, et 8
heures après, la première fonctionnalité était déjà
en ligne et utilisée.
Au cours de la semaine qui a suivie, plusieurs
bénévoles se sont engagés, et "Katrina Evacuee
Help Center" a été mis en ligne sur http://www.
disastersearch.org (le site n’est aujourd’hui plus en
ligne, mais vous pouvez voir l’archive ici : https://
web.archive.org/web/20050917163710/http://www.
disastersearch.org). Au cours des mois qui ont
suivi, les données d’un demi million de personnes
ont été enregistrées sur le site. Cela a permis
d’aider les familles et amis à se réunir, à trouver un
abris, un emploi et, malheureusement, cela a aussi
permis d’enregistrer l’emplacement des personnes
décédées.
Des développeurs de sites web, des designers,
des rédacteurs et des traducteurs, dont la majorité
sans aucune connexion directe avec quiconque
présent dans la zone sinistrée, se sont réunis pour
20
CINNK MAGAZINE • AOÛT 2015
réaliser le site web. D’autres site web ont été créés,
mais ils ont tous pris leurs données sur le site
Disaster Search qui comportait une API SOAP écrite
spécialement.
Cela a peut-être été la première fois qu’une
opération 100% volontaire et basées sur une
communauté a démontré la puissance du World
Wide Web et de la communauté Open Source.
C’était un groupe de personnes qui ont vu un besoin,
ont réalisé qu’ils avaient des compétences à offrir
et qui ont donné de leur temps libre pour travailler
ensemble pour le plus grand bien.
Alors que je suis assis ici à écrire cet article et à
penser à la fois aux atrocités commises en Belgique
et en France et à la plus grande migration de
réfugiés en Europe vue dans ma vie, je ne peux que
me demander s’il y a quelque chose de plus que je
pourrais faire aujourd’hui.
Le projet de recherche en cas de catastrophe a
montré qu’il n’y a pas besoin de beaucoup de gens
pour qu’il y ait un impact important – il y a juste
besoin d’une bonne idée et d’un peu de temps.
Peut-on se réunir à nouveau en tant que
communauté mondiale et utiliser nos compétences
pour être quelque chose de plus.
Je ne veux pas rester ici et dire à quiconque ce qu’il
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
pourrait ou devrait faire, mais la prochaine fois
que vous serez accompagné(e)s d’amis Joomla!
(au JoomlaDay France ou lors du JandBeyound)
et que vous prenez le temps de boire un verre de
vin ou un café pourquoi ne pas réfléchir à en faire
encore plus. Peut-être créer un site sur lequel les
gens pourraient faire découvrir les coutumes locales
aux nouveaux arrivants. Peut-être un site web sur
lequel les gens de toutes les religions et cultures
pourraient partager et expliquer leurs pratiques et
traditions. Ce ne sont que des idées, il y a tellement
de choses que nous pouvons faire pour rendre le
monde dans lequel nous vivons un meilleur endroit.
Ensemble, nous avons les compétences et les
connaissances pour utiliser le web pour ce qu’il est
de mieux – mettre en relation les gens et le partage
de connaissances.
C’est grâce à cela que nous pouvons éliminer
l’ignorance du monde, et lorsque vous supprimez
l’ignorance vous commencez à éliminer l’intolérance
et la haine.
Faire quelque chose pour les autres est un honneur
et un privilège, non un fardeau.
21
Octopoos est une agence web et un éditeur de logiciels, basé près de Paris.
Nous sommes l’éditeur de SEBLOD®, un kit de construction d’applications et de contenu pour le web.
Nous développons également des sites à haute valeur ajoutée ainsi que des applications en ligne
personnalisées pour des entreprises à travers le monde. Notre objectif est de mettre à disposition
de ces entreprises des applications métiers possédant des interfaces simples d’utilisation.
SITES WEB CRÉÉS AVEC <JOOMLA! + SEBLOD/> :
www.bestpractices-si.fr rus.gepower.com www.liptonicetea.com/fr-FR
www.octopoos.fr
 CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

À quoi ressemblera
Joomla!
dans 10 ans ?
Bon, ok, très bien, Joomla! a aujourd’hui 10 ans, mais à quoi ressemblera
notre CMS dans 10 ans ? Pour répondre à cette question, nous avons
interviewé des membres de la communauté en leur demandant comment
ils voyaient l’avenir de Joomla! en 2025 !

Nous avons contacté Adrien Baborier, Jessica Dunbar, Nicholas

Dionysopoulos, Peter Martin, Radek Suski, Sander Potjer et Viktor Vogel
qui ont eu la gentillesse de se prêter au jeu, nous les en remercions !
22 23

Pour commencer, nous avons demandé à

chacun de se présenter en quelques mots
Adrien Baborier
Adrien, bientôt la trentaine! Fraîchement diplômé
d’une école d’ingénieurs en informatique, j’ai fait
ma première expérience du monde de l’entreprise
à l’étranger avant de finalement m’installer sur Lyon
pour y créer la société Acyba.
Aujourd’hui gérant d’une équipe de 6 personnes
et revendiquant le statut d’entrepreneur, j’ai dû
changer de casquette plusieurs fois, passant ainsi
de l’architecte/développeur au directeur de projets
pour pouvoir faire évoluer la société.
Je suis maintenant bien loin du code - à mon grand
regret - pour me concentrer sur de la gestion de
projets et collaborateurs.
Le ski en hiver et le kitesurf en été sont là pour me
ressourcer ! En inter-saison il n’est pas rare de me
retrouver sur un terrain de tennis, badminton ou
handball. tous les jours pour que leur travail n’ait plus
lieu d’être. C’est beau non ? Malheureusement ils ont
encore de beaux jours devant eux ;-) .
Jessica Dunbar
Merci de m’avoir sollicité pour cette interview !
Je m’appelle Jessica Dunbar, j’habite à Milwaukee
dans le Wisconsin aux USA. J’ai deux enfants qui
occupent une grande partie de mon temps. Lorsque
je ne voyage pas ou que je ne me consacre pas aux
technologies, vous pouvez me voir en train de jouer
au volleyball ou au softball. Je suis une grande fan de
Green Bay Packer (Football Américain). Les Packers
de Green Bay sont semblables à Joomla!, tous deux
sont supportés par une communauté.
Plutôt que d’écrire ce qu’est l’accessibilité,
voyons plutôt ce qu’est le handicap. Le handicap
est intrinsèquement lié aux dépendances à
l’environnement. Prenons l’exemple d’un individu en
fauteuil roulant qui doit accéder à un bureau : s’il n’y
a pas d’escalier, pas de porte, il y arrive bien, voire
plus vite qu’une personne sur ses deux pieds. Vous
êtes aussi probablement handicapé à votre manière
dans votre vie ordinaire, moi la première. Je porte des
lunettes et, sans elles, dans certaines situations je
suis handicapée pour réaliser des tâches courantes.
CINNK MAGAZINE • MAI 2016
Nicholas Dionysopoulos
Bonjour, je suis Nicholas Dionysopoulos.
Je suis ingénieur mécanique de formation, devenu
développeur web professionnel. Je crée des
programmes informatiques depuis que j’ai 11 ans,
cela fait donc 23 ans aujourd’hui. Je viens de Grèce
et habite actuellement prêt de Marathon – oui, le
même Marathon qui a donné le nom à la course
Marathon – avec mon chat, deux guitares et trois
ordinateurs. Outre l’écriture de logiciels, j’aime jouer
de la guitare, lire et regarder des films.
Peter Martin
Je m’appelle Peter Martin. J’habite avec ma femme
et nos 2 enfants (une fille de 7 ans et un petit garçon
de 3 ans) à Nijmegen, une petite ville dans l’est de la
Hollande.
J’ai étudié dans le marketing et la communication
et j’ai travaillé dans différentes entreprises avant
de décider de lancer mon propre business db8.nl.
Le nom db8 représente l’idée que les sites utilisant
une base de données ont des capacités illimitées
(db = database et 8 est une rotation du signe infini)
Depuis 2005 je propose du support Joomla! à
d’autres entreprises et organisations, du support
technique et des formations.
J’aime le partage de connaissances et je fréquente
de nombreux meetings et conférences. Lors de
conférences Joomla!, j’aime faire des présentations
sur des sujets techniques. Dans ma ville j’organise le
24 Open Coffe Nijmegen (un networking mensuel pour
les petites entreprises et les auto-entrepreneurs) et
le Linux Nijmegen (un Groupe d’Utilisateurs Linux qui
organise un événement mensuel).
Mis à part Joomla!, mes autres centres d’intérêts
sont : les logiciels open source, Linux (Debian) PHP,
Rasberry Pi, la musique (je collectionne les vinyles),
le bricolage, les films d’art et les quiz.
Radek Suski
Je suis né en Pologne, mais j’habite en Allemagne
depuis environ 12 ans. J’ai étudié les sciences
informatiques à l’Université de Darmstadt en
Sciences Appliquées. À côté de mon travail quotidien
qui inclus le développement de SobiPro et de ses
applications, je m’occupe de nos serveurs. J’adore
voyager lors des différents évènements Joomla! et
faire du vélo de montagne. Nous avons monté un
groupe de cyclistes, les membres de la communauté
roulent pour la bonne cause. Si vous souhaitez nous
rejoindre, consultez le site http://jcycle.org.
Nous avons également 4 perruches et elles travaillent
avec nous à l’agence. J’aime ces oiseaux !
Il y a environ 1 an, je me suis intéressé de près à
l’apiculture. La situation mondiale des abeilles est
un énorme problème pour l’humanité. En deux
semaines, nous avions nos propres ruches dans
notre arrière cour, et je prends désormais soin d’elles :)
CINNK MAGAZINE • AOÛT 2015
Sander Potjer
Bonjour ! Je m’appelle Sander Potjer (29 ans) et je vis
avec Julianne qui sera bientôt ma femme à Weesp,
en Hollande, une petite ville à côté d’Amsterdam.
A Weesp je pratique l’aviron et nous participons à
plusieurs compétitions tout au long de la saison.
La majorité de ces compétitions se déroulent en
Hollande, mais une fois par an nous concourons à
l’étranger et le mois prochain nous allons à Londres
pour The Great River Race, une course de 21,6 miles
de long avec plus de 300 bateaux sur la Tamise.
Sans mon équipe d’aviron, je n’aurais jamais été
impliqué dans Joomla!.
Viktor Vogel
Pour commencer, j’aimerais remercier Simon pour
sa demande d’interview !
Je m’appelle Viktor Vogel (31 ans) et j’habite en
Allemagne. J’habite avec ma famille à Kehl, c’est
à coté de Strasbourg sur la frontière allemande
(j’entends du français tous les jours mais je ne suis
pas si à l’aise que ça avec cette langue;) ). Avec ma
femme, nous avons une fille de 3 ans. Je suis né
dans l’ancienne Union Soviétique mais j’ai grandi en
Allemagne. Donc l’allemand est ma langue native
mais je parle également russe (et anglais pour mon
travail, évidement).
J’ai étudié les sciences informatiques au KIT de
Karlsrushe et je travaille désormais pour 1&1 Internet
SE en tant que spécialiste Joomla!. Cela me donne
l’opportunité de travailler quotidiennement avec
Joomla! (et d’autres CMS également) et de voyager
dans le monde entier pour rencontrer des gens
qui ont la même passion. J’ai également un projet
personnel Joomla! (les extensions Kubik-Rubik) et
je travaille comme Freelance (pour développer des
applications web).
A côté de mon travail, j’aime passer du temps avec
ma famille et mes amis, lire des livres, faire de bons
repas et partager idées et connaissances avec des
personnes ouvertes d’esprit.
En ce qui concerne Joomla!, je suis dans certains
groupes et équipes officiels. Si cela vous intéresse,
vous pouvez voir la liste sur le Joomla! Volunteers
Portal : http://volunteers.joomla.org/joomlers/viktor-
vogel
Nous avons ensuite demandé à nos
amis comment ils avaient rencontré
Joomla! et s’ils étaient acteurs du projet
A. B. Au cours d’un stage d’école d’ingénieur,
j’ai eu pour mission la mise en place d’un intranet
au sein d’une mairie. La plateforme en question
était Mambo... c’était il y a 11 ans.
J’ai vécu le changement de Mambo à Joomla!
comme une révolution du web et j’ai depuis suivi
l’évolution de Joomla! de très près.
J’ai monté en 2009 une société de développement
d’extensions pour Joomla! : Acyba.
A travers cette société nous soutenons depuis
toujours la communauté Joomla! notamment
avec notre présence physique et financière aux
évènements, en France comme à l’étranger.
A titre plus personnel j’ai été membre du conseil
d’administration de l’afuj pendant un mandat de
3 ans, apportant entre autres ma contribution
à l’organisation d’évènements (notamment le
JoomlaDay de Lyon) ainsi qu’à la gestion des
adhésions des membres de l’association.
Je fais également parti du JoomGroup Lyonnais
avec lequel nous nous réunissons tous les premiers
mardi de chaque mois autour d’une problématique
Joomla!.
Bref, je vis Joomla! et je dors Joomla!.
J.D. J’ai commencé dans le secteur médical.
J’étais embauchée comme infirmière dans un ER et
j’étais en permanence en train de réparer le système
d’email du staff médical de l’hôpital. C’est ce qui
m’a amené à me tourner vers l’administration de
réseaux. J’ai terminé mes études avec un diplôme
en informatique et une formation en ingénierie de
réseaux.
Pour financer mes études je gagnais de l’argent
grâce à Ebay. Avec des recherches compétitives,
des titres soignés, et des descriptions détaillées,
j’ai appris comment optimiser mes produits afin
d’améliorer le prix d’achat final. L’utilisation d’Ebay
est ce qui m’a fait entrer dans le web, l’optimisation
pour le moteurs de recherche, et le marketing.
Pour continuer, j’avais besoin de plus qu’un simple
site statique en HTML et c’est comme cela que j’ai
découvert Joomla!.
Après avoir terminé mon premier projet Joomla!, qui
comportait une version personnalisée de Jcal Pro, je
devais en apprendre plus sur ce CMS. J’ai assisté à
un JoomlaDay à Las Vegas, à la suite de quoi je suis
rentrée chez moi avec des idées plein la tête.
Aujourd’hui, je suis impliquée dans de nombreuses
équipes au sein de la communauté. J’ai commencé
à contribuer en partageant mes connaissances et
intervenant lors de conférences Joomla!. Je suis
membre de notre Production Leadership Team qui
est responsable de la coordination de la production
du CMS Joomla! et du Framework, cela inclus le
code, la documentation et la localisation.
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
N. D. J’ai découvert Joomla! avant qu’il ne
s’appelle Joomla! :) Mon histoire commence en
2004,  je recherchais un CMS pour remplacer
PHPNuke. Comme tout développeur web qui se
respecte j’avais succombé à la folie d’écrire mon
propre CMS. Je me suis vite rendu compte que ce
n’était pas la voie à suivre si je tenais à ma santé
mentale. Comme je recherchais parmi les packs
disponibles pour Linux Mandrake, je suis tombé
sur cette chose appelée “Mambo”. Un nom étrange,
une description intéressante, je l’ai installé et j’ai
commencé à l’utiliser. Je suis instantanément
tombé amoureux. Lorsque le “Big Fork” de 2005 est
arrivé j’ai décidé de rester avec ce fork-sans-nom
parce que l’open source doit être important pour
moi. Le fork a ensuite trouvé ce (?) joli nom, Joomla!
(avec le point d’exclamation final obligatoire) et nous
étions tous heureux.
Environ 1 an après, j’apportais ma première
contribution à la communauté Joomla!, un
composant de sauvegarde appelé JoomlaPack.
Au début il était composé d’un ensemble de scripts
que je développais depuis 2004 pour déplacer mes
sites de mon environnement local vers les serveurs
des clients. Le fait de sauvegarder était simplement
un effet de bord au fait de transférer les sites. C’est
en réalité un utilisateur qui me l’a fait remarqué.
Jusqu’à présent je l’appelais “outil de transfert de
site”. Je n’en attendais pas plus mais les utilisateurs
qui aimaient ce logiciel me donnaient des retours.
Je l’ai donc amélioré en écoutant ces retours et j’ai
recommencé encore et encore. A cette époque je
travaillais le jour comme Ingénieur Mécanique et
à la lueur de la lune comme intégrateur de sites et 25
développeur web. Fin 2009, j’ai décidé de faire le
grand saut, j’ai réalisé les deux semaines de préavis
de mon travail de jour et je suis devenu développeur
web à temps plein. La meilleure décision que j’ai pris
dans ma vie !
Joomla! a été et sera la chose la plus importante
de ma vie. J’ai rencontré des gens fabuleux venant
du monde entier grâce à Joomla!. J’ai construit des
liens d’amitié très fort grâce à Joomla!. Grâce à
Joomla!, j’ai eu (?) de nouvelles perspectives pour
ma vie. Je vis à travers Joomla!. Grâce à Joomla!, je
suis allé dans des endroits où je n’avais pas même
rêvé d’aller. Ma connexion avec Joomla! est forte et
j’essaye de rendre autant que je peux. Faire partie de
la communauté internationale avec des personnes
géniales, qui ne sont pas liées à la volonté et aux
intérêts de grandes entreprises, est le plus beau
cadeau que je n’ai jamais reçu.
P. M. Ma première page personnelle en
1996 était une simple page en HTML que j’avais
développé pendant mes études. Quelques années
plus tard j’ai découvert un artiste nommé Amon
Tobin. J’ai apprécié sa musique et j’ai souhaité
collectionner ses disques. Comme il n’existait pas
de liste complète de ces disques, j’ai compilé une
“liste de disques souhaités” et l’ai mise dans mon
site en HTML. Lorsque j’ai remarqué l’augmentation
de visiteurs j’ai décidé de créer une liste de toute
la discographie de Amon Tobin avec toutes les
informations que je connaissais.
CINNK MAGAZINE • MAI 2016
En 2002 la page HTML était très longue à charger
donc j’ai divisé cette page en deux. Une solution
était de créer une liste interactive, j’ai donc
commencé à apprendre le PHP et le MySQL.
En 2004 j’ai découvert le CMS Mambo, ses réglages
modulaires et sa “puissance de simplicité”. Si vous
programmez une application web PHP/MySQL, vous
devez tout programmer. Si vous utilisez Mambo
comme un framework, vous pouvez utiliser son
interface de base de données et son système de
template. J’ai tellement apprécié que j’ai décidé de
lancer mon propre business de sites web Mambo.
En août 2005 toute l’équipe de développeurs de
Mambo était en désaccord avec l’entreprise qui était
derrière et le projet est parti. Un nouveau projet open
source a débuté et s’appelait Joomla!. Cependant,
il n’y avait pas de documentation. Le forum était
presque vide. Je suis passé sous Joomla! et j’ai
souhaité faire quelque chose en retour pour le CMS
que j’utilisais pour mon business, je souhaitais
également que le projet rencontre du succès, j’ai
donc commencé à aider sur le forum Joomla!, juste
comme un utilisateur régulier qui aidait les autres
utilisateurs.
En 2006, on m’a proposé de devenir Modérateur
sur le forum Joomla!, et un an après de devenir
Modérateur Global. C’est là que l’expérience de la
communauté Joomla! devient encore meilleure :
travailler ensemble, avec des personnes du monde
entier. En 2009 la structure de l’équipe directrice
a été modifiée et j’ai été appelé pour rejoindre la
Community Leadership Team. J’ai été actif jusqu’à
26 cette année lorsque j’ai décidé qu’il était temps pour
moi de faire d’autres choses pour le projet.
En 2013 à la Conférence Européenne Joomla!
JandBeyond à Noordwijkerhout en Hollande j’ai
appris le procédé de test de patchs et ai créé mon
premier patch (PR) pour résoudre un bug dans
Joomla!. Depuis, j’aime écrire des patchs pour
résoudre des bugs. En Hollande je participe à
l’organisation de l’évènement “Joomla Pizza Bugs
& Fun” en apprenant aux utilisateurs de Joomla!
comment ils peuvent aider en testant les patchs.
R. S. Je suis activement impliqué dans le
projet, premièrement en fournissant notre première
extension pour la communauté Joomla! Dès
2006. Nous, Sigrid et moi-même, avons tous deux
assisté à de nombreux JoomlaDays à travers le
monde. J’ai été impliqué dans l’organisation de la
Polish Joomla! Foundation, la PJC Open Source
Foundation, et j’ai été pour quelques temps le
premier président du Foundation Consil. J’ai été
un des organisateurs du premier JoomlaDay en
Pologne en 2012. Plus tard j’ai rejoint, toujours avec
Sigrid, l’équipe Joomla! Media. Courant de l’année
2012, OSM recherchait de nouveaux membres pour
son conseil d’administration. Un ami proche m’a
demandé si j’étais intéressé et s’il pouvait proposer
ma candidature. J’ai donné mon accord et j’ai été
élu en octobre pour être un des directeurs du conseil
de OSM. J’ai servi le conseil pendant environ 2 ans
avant de le quitter l’an passé. Je suis cependant
toujours activement impliqué dans la communauté :
Leader de Joomla ! Event Team.
J’ai été un des initiateurs du JET (Joomla! Events
CINNK MAGAZINE • AOÛT 2015
Traveler) et je suis actuellement leader de cette
équipe. Je fais partie de l’équipe du JED (Joomla!
Extensions Directory)
Depuis 2014 je fais également partie de l’équipe
d’organisation du J and Beyond. Il y a d’autres
tâches et travaux dans lesquels je suis impliqué
mais je pense que la liste est déjà assez longue.
S. P. Mon histoire débute durant l’été 2005.
Après avoir terminé l’école supérieure, j’ai eu un
long été avec énormément de temps libre avant de
débuter mes études d’Architecture. Durant cet été,
j’ai découvert Mambo qui semblait être une façon
très intéressante pour construire des sites web. Je
l’ai utilisé pour reconstruire la page du site web de
mon équipe d’aviron. C’était un site web très simple
et mon jeu a été de gagner de l’expérience dans ce
domaine. Lorsque le site web a été terminé, Mambo
a forqué vers Joomla!. A cette époque je n’avais
aucune idée de ce qu’était un fork, la communauté
ou encore l’open source, mais j’ai simplement suivi
la majorité et j’ai converti le site web en Joomla!.
Doucement, j’ai commencé à construire plus de
sites web, et j’ai été impressionné par Joomla!, la
communauté et l’esprit open source. C’était génial
de voir que les gens s’entraidaient sur les forums
et que tant de personnes, venant de pays et de
cultures différents, contribuaient en même temps,
partageaient compétences et connaissances pour
travailler ensemble sur Joomla!, qui était utilisé par
des millions de sites web. C’est une chose qui me
surprend encore tous les jours.
J’ai commencé à contribuer dans la communauté
locale hollandaise en aidant les utilisateurs sur les
forums et en écrivant des articles. En 2008 nous
avons du forqué la communauté locale et nous
avons lancé www.joomlacommunity.eu. C’est
à partir de là que j’ai commencé à devenir très
impliqué dans la communauté locale, j’ai lancé le
Joomla! User Groupe en Hollande et j’ai participé
à l’organisation des JoomlaDays hollandais.
Aujourd’hui, nous avons 14 différents Joomla! User
Group dans notre petit pays et notre JoomlaDay
annuel accueil plus de 300 personnes. C’est une
communauté très forte et j’apprécie vraiment en
faire partie.
En août 2011, un nouvel épisode de mon histoire
Joomla! a débuté lorsque j’ai été invité à rejoindre
le Joomla! Community Leadership. En rejoignant
le CLT je pouvais utiliser mon expérience avec les
communautés locales à un niveau international.
C’est un gros challenge de travailler avec autant de
personnes de la communauté venant du monde
entier, avec différents fuseaux horaires, différentes
langues et énormément de cultures différentes.
Mais en même temps, j’aime vraiment trouver des
solutions pour communiquer avec les gens venant
de cultures variées, faire avancer les idées pour le
projet Joomla!, apprendre d’autres cultures et me
faire des amis venant des quatre coins du monde.
En attendant, Joomla! est également devenu mon
métier. Une chose que je n’aurais jamais imaginé.
Je suis le développeur de l’extension Joomla! ACL
Manager et co-propriétaire de l’agence de service
Perfet Web Team.
V. V. J’ai débuté en 2003 avec un petit site
personnel. Je ne connaissais pas trop le PHP,
HTML, JavaScript, etc. Dans mon pack office,
j’avais trouvé le programme “Microsoft Frontpage”,
j’ai donc commencé à construire un petit site web
personnel avec ce programme. Je postais des
images drôles et des histoires de mes amis et
moi-même après des soirées qui se terminaient
tard. Lorsque j’ai commencé à étudier l’Ingénierie
Mécanique à l’Université de Karlsruhe (désormais
KIT), j’ai également utilisé ce site web pour
partager certaines idées et solutions de mon
travail personnel. Avec le temps j’ai été fatigué de
mettre à jour le site car je devais toujours travailler
hors-ligne sur mon propre PC et ensuite mettre les
modifications en ligne. C’était une grosse barrière
car je ne pouvais pas mettre le site web à jour
depuis un autre ordinateur. En 2005, un des amis
m’a montré “Mambo” et comment il était simple
de mettre le contenu à jour directement depuis un
navigateur sur n’importe quel ordinateur. J’ai été
vraiment excité ! Au moment où j’ai commencé,
Joomla! 1.0 a été lancé et c’est également là que
mon histoire avec Joomla! a débuté !
Je suis toujours intéressé pour comprendre
comment les choses fonctionnent et j’ai commencé
à regarder dans le code des extensions pour
les comprendre. Je suis devenu actif dans la
communauté allemande et les forums de support.
J’aimais les demandes des utilisateurs qui
souhaitaient modifier de petites choses dans les
extensions existantes et j’essayais de réaliser ces
modifications. J’ai utilisé mon site web pour mettre
à disposition les fichiers modifiés. J’ai également
commencé à proposer des petites extensions
personnelles sous le nom de mon projet “Kubik-
Rubik Joomla! Extensions”. Avec le temps, elles sont
devenues très populaires, j’ai donc créé un site web
pour ce projet (https://joomla-extensions.kubik-
rubik.de/)  sortie de la version en ligne de Joomla! sur Joomla.
en 2009. J’ai reçu de plus en plus de demandes
pour des modifications tarifées, j’ai donc commencé
à cette époque à réaliser de nombreux travaux en
tant que freelance (et je le fais toujours). Joomla!
est aussi probablement la raison pour laquelle j’ai
changé de domaine d’étude. Je me suis orienté vers
les Sciences Informatiques et terminé mes études
avec succès. Après l’obtention de mon diplôme, j’ai
obtenu un super job bien rémunéré offert par 1&1
Internet SE pour être leur Spécialiste Joomla!.
Ma première conférence Joomla! a été le
JoomlaDay de Berlin en 2012. C’était la première
fois que j’ai ressenti l’esprit et la puissance de la
communauté . J’ai également rencontré des gens
géniaux que je connaissais via internet depuis
plusieurs années. Je pense que cela a été le
point décisif pour moi. Je suis tombé réellement
amoureux de Joomla! et de sa communauté.
Aujourd’hui, je me suis rendu à de nombreuses
conférences aux quatre coins du monde et je suis
toujours surpris de voir à quel point les gens et la
communauté sont géniaux. J’aime rencontrer les
gens en personne et passer du temps avec eux, en
particulier si ils sont aussi addicts à Joomla! que je
le suis ! :)
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
Comme Joomla! m’a tellement donné
(personnellement et financièrement), j’ai souhaité
donner davantage et j’ai commencé à passer encore
plus de temps et de connaissances pour contribuer
au projet. J’ai commencé à corriger des bugs sur
JoomlaCode/GitHub et je suis entré dans la Bug
Squad Team. J’essaie toujours de mettre autant
de temps que je peux offrir au projet Joomla!.
Le moment le plus marquant pour moi, bien sûr,
a été l’appel de la Production Leadership Team.
Je souhaite continuer cela pour au moins les 10
prochaines années.
Comme vous voyez, Joomla! est une partie
importante de ma vie ! Il me permet de rencontrer
des gens fabuleux, de rendre de nombreuses
personnes heureuses et de mener une vie excitante.
Pour finir, nous leur avons posé la
question qui tue : « À ton avis, à quoi
ressemblera Joomla! dans 10 ans,
en 2025 ? »
A. B. Dis-moi comment sera le web dans 10 ans
et je te dirais comment Joomla! sera !
Joomla! a su suivre le web ces 10 dernières années,
l’exemple le plus frappant est sans doute le virage
pris très tôt par Joomla dans la compatibilité des
sites sur téléphones portables et tablettes.
Ma vision du web dans 10 ans alors?
J’imagine que tous les sites seront tournés vers 27
l’international, le moindre blog devra être traduit
dans toutes les langues avec donc la nécessité
pour la plateforme d’avoir un système de gestion
multilingue très performant.
On utilisera de plus en plus le cloud et la récente
com est déjà un début pour accompagner ce
changement, on devra pouvoir monter un site en
un clic, avec son propre nom de domaine en ayant
toute flexibilité sur les fonctionnalités ajoutées.
La diversification des supports pour accéder à un
site ne va pas ralentir entrainant la nécessité pour
les sites de supporter toutes ces résolutions.
L’interconnexion entre le site et d’autres services
devra se faire sans effort, j’imagine ainsi la sortie
d’API standardisées de communication et le
développement des web services.
On est déjà impatient, et j’imagine qu’on le sera
encore plus dans 10 ans, j’y vois là à terme une
refonte complète du CMS pour fournir en un temps
record les pages consultées.
La compétition sur le référencement se fera de
plus en plus rude, Joomla! sera optimisé comme
jamais pour fournir le contenu idéal à tout moteur
de recherche avec entre autre l’utilisation complète
des microdatas.
Dans 10 ans, on trouvera Joomla! là où le web sera!
 
CINNK MAGAZINE • MAI 2016
J.D. L’Open Source va continuer à évoluer.
L’ouverture du code source permet aux développeurs
de travailler plus rapidement et leur donne contrôle
et liberté. Les choses simples, comme ne pas avoir
à attendre pour une clé de licence, font de l’open
source un choix facile.
Grâce à l’open source, les développeurs sont
capables de travailler plus rapidement et plus
efficacement, ce qui est bon pour le business. Mais
c’est seulement le début. L’open source a emmené
les CMSs et le développement de logiciel vers un
tout nouveau niveau. Nous pouvons apprendre
davantage lorsque l’information est ouverte et
disponible. Lorsque nous sommes libres de
collaborer, nous réglons des problèmes qu’une
personne ou même une entreprise ne peut pas
régler seule.
A la fin de cette décennie, environ 40 milliards
d’objets seront connectés à internet. Les
smartphones, les maisons intelligentes, les
appareils portables, tout est connecté. Les CMSs
devront supporter plus que le web. Les CMSs vont
commencer à construire des applications mobiles
et à les préformer en nouveaux écrans émergents.
Avec le soutient mobile, social, cloud portable, big
data et le changement constant de tout ce qui
concerne le web, nous aurons des challenges à
relever au niveau de la sécurité. Aujourd’hui nous
disons “mon site web a été piraté”, dans 10 ans ce
sera “mon rice-cooker a été piraté”.
28 N. D. Je ne peux pas répondre à cela en
toute honnêteté. Le World Wide Web que nous
connaissons est âgé de 21 ans, tout juste sorti de
l’adolescence. Notre CMS a donc été présent lors
d’une grande partie de sa vie. Le web a tant changé
à travers toutes ces années ! Mais je peux voir un
modèle émergent. Le web a commencé comme un
média de contenu lourd. Il est rapidement allé vers
une phase kitsch – vous vous souvenez des sites
avec des arcs en ciel et des GIFs animés ? - puis
vers une phase d’impression et il est désormais
retourné vers un contenu lourd... avec une touche.
La touche est le fait que les sites-web ne sont
plus des îles isolées d’informations sur lesquelles
vous ne pouvez vous rendre que via les moteurs
de recherche. Les sites web sont des nœuds
d’informations interconnectés combinant leurs
pièces pour atteindre des fins que nous avions
pensé impossibles.
Le fondement de sa puissance est que les sites
partagent leurs informations à travers ce que
nous appelons “web services”. Joomla! se dirige
déjà dans cette direction. Votre site ne sera plus
une ile isolée, il fera partie de la révolution digitale.
Joomla! sera la première, et probablement la
seule plateforme vraiment ouverte sur le partage
d’informations et d’agrégation, une plateforme qui
ne sera pas liée par les intérêts d’une entreprise et
qui vous respecte, vous, l’utilisateur avant tout.
Mes rêves, espoirs, souhaits et certitudes sont
que Joomla! existera toujours dans 10 ans et sera
toujours un point unique de référence dans le
monde des Logiciel Libres, un témoignage de ce
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
qu’est une communauté internationale dynamique alors quelque chose les remplacera. Mon rêve tellement de personnes géniales et intelligentes.
et de ce qu’elle peut réaliser avec ses seuls moyens. pour Joomla! est que notre super communauté Nous avons traversé de nombreuses choses par le
Que Joomla! vive jusqu’à son nom (Joomla ! Signifie puisse continuer à contribuer en travaillant sur passé qui nous ont rapprochés et liés. J’ai assisté
“tous ensemble” en Swahili) dans la manière la plus “la prochaine génération de CMSs” en général et à de nombreuses conférences et rencontré de
sincère. Nous avons une grande puissance dans arrive avec des concepts géniaux. La structure nombreuses personnes. Certaines sont devenues
l’unité et nous l’utilisons pour faire du monde un organisationnelle de Joomla! permet également de vrais amis. Je ne vois pas Joomla! comme un
endroit meilleur. cela. Il est parfaitement possible d’avoir à la fois le simple système de gestion de contenu. Non, il est
Joomla CMS et “la prochaine génération Joomla!” bien plus ! Je suis le développement de la prochaine
en un seul ensemble. Je n’ai aucune idée de ce que version majeure (Joomla! 4.0) de près et je peux dire
P. M. À coté des pages HTML, votre site sera “la prochaine génération Joomla!” ni à quoi elle que le Joomla! 4 Working Group réalise un travail
Joomla! aura à son bord des services web basés pourra ressembler, mais j’espère que nous pourrons remarquable et progresse continuellement. Nous
hypermedia. Avec de tels services web Joomla! collaborer pour combiner toutes les idées, des plus travaillons dur pour améliorer encore l’expérience
peut servir des données structurées (en JSON ou folles aux plus créatives, dans la publication d’un outil utilisateur et pour rendre l’administration et le
XML) qui peuvent directement être ré-utilisées dans puissant pour les 10 prochaines années et au delà ! système de mise à jour aussi simple que possible.
d’autres sites web ou par des applications (natives) Si vous souhaitez en savoir plus sur ce groupe de
de téléphones portables. Joomla! aura une API que travail, vous pouvez lire cet article : http://developer.
les applications externes (site web/téléphones) V. V. 10 ans, c’est vraiment une longue période, joomla.org/news/620-joomla-4-working- group.
pourront utiliser pour gérer votre site web Joomla!. il est donc difficile de faire des prévisions sur la html (NDLR : l’article a été traduit en français ici)
De plus en plus d’appareils peuvent se connecter à situation dans laquelle sera le logiciel mais si je Merci du temps que vous avez consacré pour lire
internet et forment désormais “Internet of Things regarde les 10 années passées, je suis très confiant cette interview. Je vous souhaite du bon temps avec
(IoT)”. Ils utilisent internet pour anonymement et je pense que l’avenir sera brillant. Avant tout, nous Joomla!. Vous pouvez réaliser tellement de grandes
récupérer les informations venant d’autres sources, avons une communauté mondiale fabuleuse avec choses avec, Just do it !
donner des informations à d’autres sources,
rendre possible la gestion d’objets à travers le
réseau et mettre à jour (automatiquement) leurs
micrologiciels (les logiciels sous leurs formes les
plus petites). Donc votre site Joomla! pourrait
fonctionner comme conteneur de données qui
récupère des données à partir de vos appareils
IdO. Cependant, il y a actuellement pas de langage
ou de protocole pour l’IdO et cela conduira à des
problèmes de confidentialité et de sécurité.
Un projet open source comme Joomla! est
conduit par une communauté. Je crois que la 29
communauté Joomla! permettra d’améliorer
l’expérience utilisateur (UX ) et l’accessibilité de
Joomla!, et d’intégrer dans Joomla! les tendances
technologiques utiles.
R. S. Pour être honnête, je n’en ai aucune idée.
Un homme très visionnaire a dit, il y a quelques
années, lors de la naissance d’internet, que c’était
une chose passagère sans importance pour la
technologie... 10 ans dans la science informatique
est une période très longue. Je ne pense pas que qui
que ce soit puisse dire ce qui va se passer. Je suis
cependant sûr que Joomla! sera toujours là, nous
sommes un projet très flexible et nous trouverons
notre chemin.
S. P. Joomla! en 2025, wow ! Ce n’est pas
une question facile. Je suppose que nombreux
sont ceux qui pensaient que Joomla! ne tiendrait
pas pendant 10 ans. Mon souhait est que la
communauté Joomla! continue le développement
de notre fantastique CMS qui permet à tant de gens
de construire des sites web de qualité de partout à
travers le monde. Joomla! 4 commence à prendre
forme, cela est prometteur. Mais cela concerne
seulement les quelques prochaines années.
Mes perspectives sont que les sites web et
les CMSs vont changer en général. Les CMSs
seront complètement différents dans 10 ans ou
 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

J and Beyond 2016,

une réunion
de famille !
Robert Deutz
Développeur PHP, spécialiste Joomla!, membre
de la PLT, organisateur du JAB, fan de Laravel,
VueJS et d'Apple.

Joomla, c’est un peu une famille nombreuse. En gardant cela à l’esprit,

il va sans dire que JandBeyond peut être considéré comme « LA réunion
de famille » du calendrier des évènements Joomla. Désormais dans sa
septième année, l’édition 2016 du JandBeyond verra la communauté
Joomla! se réunir à Barcelone, la colorée, animée et créative ville
espagnole, située sur la magnifique côte méditerranéenne.
À Barcelone règne la vitalité, une architecture impressionnante, la haute
technologie et un melting pot débordant d’énergie créatrice. Le parallèle
30 avec l’âme de la communauté Joomla! ne pouvait être plus évident. 31
JandBeyond se déroule sur 3 jours et aborde des UX (A day in the life of a UX designer)
thèmes variés à destination des développeurs, des Heather Burns : Mini guichet de TVA et l’avenir du
designers, des concepteurs de site mais également développement web (VAT MOSS and the future of
du monde des affaires. web development)
Le programme propose 55 sessions et ainsi qu’un Kevinjohn Gallagher : Toutes les bonnes choses
après-midi de «non–conférence», une contribution (All Good Things)
de la communauté au cours duquel chaque délégué Brian Teeman : Serait-ce plus simple si nous
est encouragé à contribuer au projet. Cet après- parlions tous anglais ? (Would it be easier if we
midi est appelé «Make it Happen» et ces dernières all spoke English?)
années ont démontré que cet élément clé de la
conférence aide d’une part à l’avancement du Bien entendu, JandBeyond ce n’est pas seulement
Projet, mais permet également d’attirer de nouveaux une conférence de travail, c’est également, aux yeux
bénévoles qui pensaient, avant cette expérience, ne du plus grand nombre, un des évènements les plus
pas être en mesure d’aider le Projet. sympas, grâce notamment à nos «immanquables»
J.O.S.C.A.R.S, prix d’excellence de la communauté,
Le JAB c’est, au fond, une rencontre de participants et J!Factor, notre désormais légendaire télé-crochet.
pour les participants. Ici, les bénévoles s’expriment Nous allons bientôt ouvrir les candidatures pour les
et partagent leurs expériences, acquièrent et J.O.S.C.A.R.S. Si vous souhaitez faire un show lors
partagent de nouvelles connaissances avec les du J!Factor, soumettez votre inscription à l’adresse
autres membres de la communauté. e-mail à jfactor@jandbeyond.org.

En plus des sessions traditionnelles, JandBeyond

est ponctué de keynotes présentées par des
intervenants de renommée, abordant des sujets
généraux d’intérêt pour tous les participants. La
programmation de cette année ne diffère pas :
Zeev Suraski : L’histoire de PHP 7 (The PHP7 Story)
Crystal Harris : L’UX n’est pas un monstre effroyable
(UX is not a Big Scary Monster)
Radek Suski : Be(e) Community
Chiara Aliotta : Une journée de la vie d’un designer
CINNK MAGAZINE • MAI 2016
Billetterie
Grâce au succès du précédent JandBeyond à
Prague, nous sommes parvenus à réduire quelque
peu le prix du billet et le tarif du billet «early bird» est
imbattable, à seulement 219 euros par personne.
Les billets incluent :
- Entrée pour les 3 jours de la conférence,
- Pack de bienvenue et sac de petits cadeaux,
- Déjeuner pour les 3 jours,
- Diner/Evènements sociaux les vendredi et samedi soirs.
Hébergement
Nous avons négocié de très bons tarifs pour le
lieu de cette année, l’hôtel Alimara. Le tarif d’une
chambre double est de seulement 89 euros par nuit,
petit déjeuner compris.
Si vous préférez séjourner en un autre lieu,
nous pouvons vous proposer un large choix
d’hébergements à Barcelone, à des prix imbattables,
que ce soit en palace 5 étoiles comme en
hébergement de type airbnb.
Si vous décidez de séjourner à l’extérieur, pas
d’inquiétude, le lieu de la conférence est bien
desservi par les transports en commun.
32
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
Partenaires
Nous sommes toujours à la recherche de
partenaires, quelque soit le budget, alors si vous
souhaitez présenter votre société à la communauté
Joomla, tout en soutenant un super évènement,
alors veuillez consulter notre page partenaires
ou contactez-nous à l’adresse sponsoring@
jandbeyond.org en nous donnant une idée de vos
possibilités et nous vous recontacterons avec une
proposition.
Nous sommes impatients de vous rencontrer à
Barcelone !
Pour vous inscrire, rendez-vous sur le site
jandbeyond.org
PS : une offre spéciale pour les lecteurs
de Cinnk Magazine !
Nous offrons un coupon de réduction d’une
valeur de 30 euros sur l’achat d’un billet.
Achetez votre billet maintenant en utilisant le
code CINNK (date de validité : 18 avril 2016).
33
Dossier

Expertises
 CINNK MAGAZINE • AOÛT 2015 RUBRIQUE
CINNK MAGAZINE • MAI
ARTICLE DE FOND2016

PUT YOUR Les 10 tendances

MAILS UP! à suivre
Olivier Andrieu
Consultant SEO indépendant dans le domaine
de l’Internet, createur de la societe Abondance
et du site www.abondance.com.

en SEO en 2016
Le SEO (pour Search Engine Optimization ou, en français, référencement
naturel) est une science inexacte qui évolue au gré des modifications
d’algorithme (plus de 1 000 par an) de Google. Aussi, au fil des
jours, il est nécessaire d’effectuer une veille pour s’assurer que nos
connaissances sont toujours d’actualité. Chaque année, de nouveaux
critères de pertinence apparaissent et il est impératif de se tenir au
courant des grandes évolutions du domaine. Alors, pour cette année
2016, quelles sont les grandes tendances à suivre ? En voici 10
(liste bien sûr non exhaustive) qui nous semblent indispensables…
37

1. Compatibilité mobile 3. Temps de chargement des pages

Bien évidemment, le Web actuel est obligatoirement
mobile. Et votre site doit être compatible avec les
smartphones utilisés par plus d’un internaute sur
deux pour interroger le Web. Si Google prend en
compte les 3 façons d’être mobile (responsive
design, dynamic serving et site mobile dédié), il
semblerait que la tendance actuelle est clairement
en faveur du responsive. Cela ne vous permettra pas
d’être réellement mieux classé sur Google mobile
(malgré la communication du moteur à ce niveau),
Major Tom mais vous ferez plaisir à vos visiteurs. Et c’est bien
là l’essentiel !
Extreme delivery offic
er
2. AMP
Google a mis en place depuis le 24 février 2016 le
projet AMP (Accelerated Mobile Pages) qui permet,
comme son nom l’indique, d’accélérer l’affichage
des pages web sur terminaux mobiles. Là encore,
#1 extensions cela ne favorisera pas vos contenus dans leur
classement sur le moteur, mais cela satisfera les
for Joomla! mobinautes qui verront vos pages s’afficher plus
rapidement.
Justement, parlons-en... Encore un critère à mettre
en place pour satisfaire vos visiteurs, mais qui ne
jouera pas dans votre positionnement (une fois de
plus, malgré ce que dit Google). Mais un internaute
part en moyenne au bout de 3 secondes s’il n’a pas
l’information désirée sous les yeux. Autant faire
donc attention à l’expérience utilisateur avant tout !
Un autre point à regarder de près : le TTFB (Time To
First Byte) ou temps de réaction du serveur, qui doit
être en moyenne inférieur à 200 ms.
4. Sécurisation HTTPS
En 2014, Google nous a indiqué que les sites
sécurisés en HTTPS seraient à terme mieux classés
que ceux non sécurisés (HTTP). Pour l’instant, nous
n’avons pas réellement vu de différence, mais il
semble clair qu’à terme, la plupart des sites seront
sécurisés. Donc, si votre site est déjà en ligne et non
sécurisé, pas de panique, vous avez encore un peu
de temps pour envisager la suite. En revanche, si
vous créez un nouveau site, lancez-le directement
en HTTPS, vous vous éviterez une migration pas
toujours si simple que cela d’ici quelques années
(ou mois).
CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

8. Quality Updates 10. Javascript et Ajax

Google effectue depuis quelques mois de nombreux
changements importants de son algorithme de
pertinence, sans réellement communiquer dessus.
Ces changements ont reçu plusieurs noms (Quality
Updates, Phantom...) et restent assez abscons dans
leur mode de fonctionnement. Attention donc à ne
pas être dépendant de Google pour votre trafic (pas
plus de 50% de votre trafic total venant du moteur)
car cela peut rapidement devenir dangereux si vous
êtes victime d’une de ces mises à jour…
9. Moteur de réponse
La notion de «moteur de réponse» est essentielle
pour Google : sur de nombreuses requêtes, il tente
de vous fournir directement la réponse plutôt que
des liens vers des pages web. A vous, comme
pour le Knowledge Graph (qui est d’ailleurs partie
intégrante de cette stratégie) de vérifier qu’un
featured snippet (réponse directe) n’est pas affiché
par Google sur vos requêtes ou, si c’est le cas, de
voir comment en tirer parti…
Google sait aujourd’hui très bien interpréter
le Javascript et a grandement amélioré sa
compréhension de l’Ajax. Donc attention au contenu
visualisé (ou pas) grâce à ces techniques qui ne
sont plus des freins pour le moteur de recherche.
Google demande ainsi à ce que les fichiers JS et
CSS sur un site ne soient pas bloqués par le fichier
robots.txt (ou autre). A vérifier !
Enfin, terminons cette liste avec un bonus : n’oubliez
pas d’insérer dans votre site les fondamentaux du
SEO : balises H1-H6, Title, meta «description», mots
en gras, URL lisible, etc. La majorité des sites créés
en 2016 ont encore de grosses lacunes à ce niveau.
La plus grosse (r)évolution en termes de SEO cette
année serait peut-être de voir ces fondamentaux,
connus depuis des années, enfin intégrés pour obte-
nir une meilleure visibilité sur Google !.
Bien évidemment, le Web actuel est
obligatoirement mobile. Et votre site doit
être compatible avec les smartphones
utilisés par plus d’un internaute sur deux
pour interroger le Web.

38 39

Knowledge Graph pour la requête «nelson mandela»

5. Knowledge Graph du sens : il doit se faire entre deux sites de même

Le Knowledge Graph ou graphe de connaissance
de Google représente la partie «encyclopédique»
affichée à droite de la page de résultats, la plupart
du temps lorsqu’on saisit une «entité nommée»
(nom propre) comme requête.
Les informations viennent de Wikipedia, d’une base
de données rachetée il y a quelques années de cela
(Freebase), des outils Google (Maps, MyBusiness)
ou enfin de sociétés ou organisations partenaires. Si
un Knowledge Graph est affiché sur vos requêtes, il
peut s’avérer intéressant de regarder s’il est possible
d’y apparaître au travers de données ou d’un lien...
6. Netlinking
Bien évidemment, les liens et le PageRank restent
au cœur de l’algorithme de Google, comme depuis
sa naissance. Mais Google est devenu extrêmement
sensible aux liens factices et aux ancres (le texte
cliquable) sur optimisées. Un lien doit donc véhiculer
thématique et l’ancre doit parfaitement décrire le
contenu de la page distante, sans ressembler à
une requête. Attention aux pénalités, sinon, si vous
essayez d’être plus malin que le moteur, l’algorithme
Penguin, qui lutte contre ce type de pratique, ne
vous oubliera pas…
7. Sémantique
L’algorithme de Google est devenu très complexe,
mélangeant savamment réseaux neuronaux,
intelligence artificielle et techniques d’apprentissage
automatique. On n’est plus à l’ère de la bête
répétition de mots clés dans un texte parfois rédigé
uniquement pour les moteurs de recherche. Faites
donc très attention à la richesse sémantique de
vos contenus et utilisez les balises et les données
structurées proposées par le standard Schema.org.
d’y apparaître au travers de données ou d’un lien...
Moteur de réponse
 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

10 protections de
base pour sécuriser
son site Joomla!
La semaine suivant la mise en production du site de notre

Développeur de la solution aeSecure, protection

vitolphiliste amateur, son site était hacké et son hébergeur

et nettoyage de sites web. Co-fondateur du

le met en demeure de cesser l’envoi de spam.
Cette histoire vous semble exagérée ? Elle ne l’est pas,
beaucoup de personnes pensent encore aujourd’hui que

Christophe Avonture
c’est « le » site qui est visé lors d’une attaque et non les
ressources de celui-ci.
C’est la plus grossière et, pourtant, fréquente erreur en

JUG Wallonie.
matière de sécurisation : « cela ne me concerne pas »
se dit le webmaster.
41
En réalité, peu d’attaques sont le fait d’un être virus. En fait, le virus se duplique à de multiples
humain qui tente de pénétrer votre site. Les endroits sur le site pour multiplier ses chances
attaques sont le fait de scripts qui scannent le web d’y rester longtemps et il est souvent multiple :
à la manière d’un moteur de recherche (ce n’est pas l’un pour envoyer des spams, l’autre pour forcer
un employé de Google qui scanne votre site n’est-ce le téléchargement d’un logiciel, d’autres pour faire
pas ?). Ces scripts sont aussi connus sous le nom du black hat SEO, participer à des attaques de déni
de « bots » ; ils utilisent différents moyens pour de service (DDoS), …
trouver votre site dont par exemple la technique
dite « Google Dorks » qui est d’une simplicité
monstrueuse. « — Et toi, comment fais-tu pour
Imaginons une faille dans un composant Joomla! sécuriser ton site Joomla! ?
hypothétique nommé com_collection. Cette faille a — Oh, tu sais, mon site n’est pas
été publiée sur des sites internet tels que des bases intéressant pour des hackeurs, je n’y
de données de hackeurs. Dès ce moment, le site de
parle que de vitolphiluménie. Je ne
notre ami est en grand danger car, bien entendu, ses
URLs ont été indexées par Google et il utilise une
risque donc rien.
ancienne version, non à jour, de com_collection. Tu crois ?
En lançant la recherche paramétrée in-url:index. Oui, bien sûr, j’en suis certain puisqu’il
php?option=com_collection site:.fr le bot va obtenir n’y a rien à y voler et j’ai si peu de
de Google la liste des sites en .fr où l’extension est visiteurs… »
installée ; sites n’ayant pas activé la réécriture des
URLs. Disposant de cette liste, le script va lancer
des requêtes vers le site pour exploiter la faille qui Ok, j’ai bien compris ! Que puis-je faire
a été rapportée. Game over puisque l’extension qui
pour garder les bots à distance ?
s’y trouve n’était pas à jour, la faille a été exploitée, le
virus mis en place et le bot va répertorier votre site
Mauvaise nouvelle : pas grand-chose. Nous l’avons
dans sa base de données Powned puis passer au
vu, les bots sont des scripts qui scannent le web à
site suivant. Tout cela est totalement automatisé.
la recherche de potentielles failles. Lorsqu’il arrive
Et le virus mis en place, que fait-il ? Ici, aussi, une
sur un site sécurisé, il va quand même essayer
fausse croyance est de penser qu’il n’y a qu’un seul
CINNK MAGAZINE • MAI 2016
d’exploiter les failles. Mais, toute la différence est
là, il ne réussira pas. La sécurisation du site est
un mécanisme, constant !, qui va fermer portes et
fenêtres et bloquer toutes tentatives d’infiltrations.
Mécanisme constant car la protection d’hier ne sera
pas suffisante demain.
1. Choisir un hébergeur de qualité
Quelle que soit la sécurisation intrinsèque de votre
site, si l’hébergeur est mauvais, votre site sera une
passoire. Le choix d’un bon hébergeur est crucial !
Un exemple : certains proposent encore des
hébergements sur des antiques PHP 4 (alors que
PHP 7 pointe le bout de son nez). Comparez les
hébergeurs, étudiez les techniques de sécurisation,
de backup, d’isolation qu’ils proposent. Suivent-ils
les versions de PHP en installant systématiquement
la dernière version mineure sur votre site ?
2. Un site par hébergement
Pour limiter les coûts, certaines agences peu
scrupuleuses achètent un hébergement standard à
quelques euros par mois, en espace disque illimité,
et y mettent des dizaines de sites clients. Pour peu
qu’un seul site soit hacké car pas maintenu à jour,
tous les sites sont en danger du fait que le virus du
42
site1 peut aller contaminer tous les sites qui sont
sur le même hébergement. Il est donc impératif
d’avoir des hébergements qui soient isolés les uns
des autres, ce que permet un hébergement distinct.
3. Ne conservez que le strict minimum
Durant la phase de développement du site, vous
serez passé par une phase de test en essayant
plusieurs templates, plusieurs extensions, …
avant de poser votre choix. Il est impératif de
supprimer les extensions, les modules, les plugins
et les templates que vous n’utilisez plus. Ne
vous contentez pas de les dépublier car le code
exécutable (fichiers php) reste sur votre serveur
et donc appelable depuis une URL paramétrée.
Désinstallez, supprimez, nettoyez et plutôt dix fois
qu’une seule. Régulièrement, faites un tour dans
vos extensions et élaguez. Moins vous aurez de
code php sur votre site, moins la « voilure » sera
grande et plus vous passerez au travers d’attaques
qui cibleront tel ou tel composant.
4. Faites un suivi scrupuleux
des versions
Corolaire du point ci-dessus. Mettez à jour Joomla!
dès qu’une nouvelle version paraît et sans tarder si
cette version est une mise-à-jour de sécurité. Vous
CINNK MAGAZINE • AOÛT 2015
pouvez ignorer quelques semaines une version
n’apportant que des nouvelles fonctionnalités
mais vous ne pouvez jamais ignorer une mise à
jour de sécurité comme nous en avons eu fin 2015
par exemple où une faille 0day était largement
exploitée sur le web, faille profitant d’un défaut de
sécurisation de la variable user-agent du navigateur
et d’une faille dans les anciennes versions de PHP
(cfr le choix d’un bon hébergeur).
Faites de même pour chaque extension de votre
site : tenez-vous au courant des évolutions et suivez-
les. Joomla! va très bientôt disposer d’un plugin de
notification par email pour vous informer des mises-
à-jour disponible pour votre site ; songez à l’activer.
5. Gestion des mots de passe
Une seule règle en la matière : un mot de passe
complexe à usage unique. N’utilisez que des mots
du type « ue40#cp6CmSi1$0@fOuK » et faites-
vous un devoir de ne pas le retenir. Utilisez des
coffres forts type LastPass, Dashlane, Keepass, …
Vous n’aurez jamais à les retenir et vous pourrez
respecter la deuxième assertion : un bon mot de
passe est à usage unique. Un mot de passe pour
votre administration, un autre mot de passe pour
l’accès base de données, un troisième pour votre
accès FTP, un quatrième pour l’accès à vos emails,
etc. Ainsi, si un seul est hacké, vous gardez la main
sur les autres fonctionnalités du site.
6. Installez un pare-feu
Un pare-feu est un logiciel qui va se mettre
« devant » votre site et qui va agir comme un
garde à l’entrée mais aussi à la sortie de votre site.
Il va filtrer les accès, regarder les URLs qui sont
envoyées à votre site afin de déterminer si tel accès
est autorisé, si telle URL est dangereuse
Created by Scott Lewis
from the Noun Project
(ex : SQL injections) et dès lors que la requête est
suspicieuse, elle sera bloquée et enregistrée dans
un fichier journal. Selon les pare-feu, vous recevrez
ou pas une alerte par email pour vous informer de
la tentative. Lorsque le pare-feu bloque une URL,
votre CMS n’est même pas accédé, tout se passe
en amont.
Le pare-feu va aussi jouer un rôle à la sortie du
site c’est à dire par exemple interdire l’exécution
de scripts qui sont déjà sur le site mais dans des
dossiers où ils ne sont pas attendus. Ainsi, dans
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
l’hypothèse où un virus aurait réussi à s’introduire
dans le dossier /images, le pare-feu n’en autorisera
pas son appel en URL ; le virus était réduit alors au
silence.
Une fois installé, ne négligez pas de configurer
correctement chaque option du pare-feu selon les
spécificités de votre site.
7. Protégez votre propre ordinateur
Même sous Mac ! Ayez un antivirus à jour et gardez-
vous d’utiliser certains logiciels dont la sécurité est
défaillante, comme le réputé FileZilla qui stocke en
clair les accès FTP dans un fichier xml, préférez par
exemple WinSCP (Windows) ou CyberDuck (Mac) ;
pour n’en citer que deux.
8. Installez une tâche planifiée
Si cela vous est possible, utilisez des tâches
planifiées (cronjob) pour programmer l’exécution
d’un script qui fera un backup de votre base de
données, surveillera les modifications apportées sur
les fichiers, vérifiera une fois par jour les nouveaux
utilisateurs ajoutés, ...
43
9. Utilisez un logiciel de supervision
Il existe différents logiciels dans cette catégorie
dont celui d’un ami : Watchful.li. Un logiciel de super-
vision va vous permettre, depuis une interface web
unique, d’assurer le suivi de l’ensemble de vos sites
Joomla!, de lancer des opérations de maintenance
(backup, mise à jour, …) et même d’être alerté par
emails en cas de problème, comme un changement
dans un fichier critique du site.
10. Backups, backups, backups
En cas de pépin, vous serez heureux de pouvoir
repartir d’un backup propre d’avant le hack ou le
plantage. Faites régulièrement des backups que
vous téléchargerez en local et/ou conserverez sur
un autre hébergeur. Testez le backup de temps à
autre pour garantir qu’il est fonctionnel.
Attention : certains virus ne se manifestent que
plusieurs semaines après avoir infiltré (mais c’est
à vérifier, je n’ai pas trouvé sur internet) votre site.
Conservez donc longtemps vos backups pour être
certain d’en posséder un d’avant le hack.
CINNK MAGAZINE • MAI 2016
44
11. Derniers conseils
• activez le mode de réécriture des URLs (SEF) pour
éviter les URLs index.php?option=com_collection et,
donc, réduire les attaques par Google Dorks ;
• prenez le temps de parcourir toutes les options
de paramétrages de Joomla! et des extensions
que vous utilisez. Par exemple désactivez toujours
les possibilités d’upload dans les composants de
contact si vous ne souhaitez pas permettre de
sauver un fichier sur votre serveur ;
• configurez correctement les droits d’accès (ACLs)
sur votre site selon la technique dite du least
permission ;
• de la même manière, spécifiez des permissions
(chmod) restreintes sur vos fichiers (644) et
dossiers (755), les fichiers ne devant plus être
modifiés pouvant être en lecture-seule (444) ;
• évitez d’avoir un compte nommé « admin ». Pour
les attaques de type brute-force, lorsque le login est
« admin », 50% du travail est déjà fait ;
• mettez le rapport d’erreur de Joomla! sur aucun ;
• Activez la double-authentification à votre site
Joomla (ex. Google Authenticator ou Utilisation
d’une Yubikey) ;
• protégez vos dossiers sensibles (/administrator, /
votre-parefeu, /vos-stats, /vos-secrets, …) par l’ajout
d’un fichier .htpasswd pour ajouter une seconde
protection login/password ;
• désactivez la couche FTP dans la configuration
de Joomla! (si vous l’aviez activé) puisqu’alors vos
données de connexion sont stockées en clair dans
le fichier configuration.php se trouvant à la racine
du site ;
CINNK MAGAZINE • AOÛT 2015
Découvrez le club
des applications SEBLOD
Ce club vous donne accès à un ensemble d’applications
« prêtes à l’emploi » et personnalisables. Grâce à elles,
vous disposerez d’une base de fonctionnalités présentes
sur la majorité des sites internet de vos clients.
STANDARD STANDARD+
6 12
mois mois
1
• veillez à restreindre les permissions de l’utilisateur
• pour votre base de données (ne pas lui donner le
droit de supprimer la dite base par exemple)  ;
• supprimez les fichiers inutiles tels que joomla.xml
à la racine du site
INSTALL.txt, license.txt, README.md…
Nous l’avons vu, la sécurisation d’un site web est le
résultat de bons choix posés (hébergeur, politique
de mots de passe, …), d’actes récurrents (mises-à-
jour, backups, …) et de l’utilisation de quelques outils
tiers. En suivant ces quelques principes, vous allez
fortement réduire le risque de vous retrouver avec
un site qui sera défacé et utilisé pour des attaques
(phishing, DDos, spam, …).
Si vous n’avez pas encore de pare-feu (firewall)
pour protéger votre site, n’hésitez pas à consulter
mon site web https://www.aesecure.com. Vous y
trouverez un outil de protection gratuit ainsi que de
multiples articles traitant de sécurité.
www.seblod.com/apps
 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Évolution
Nicolas Claverie
Développeur d'extensions depuis les débuts
du CMS Joomla!, Nicolas a créé HikaShop
en 2010 et reste le principal développeur

et perspectives
de ce composant E-commerce.

de l’ecommerce
Avec 1462 milliards d’euros générés dans le monde dont 424 milliards
en Europe en 2014 et au-delà des 1 700 milliards en 2015, soit plus
21%, l’e-commerce confirme sa progression en terme de poids dans
l’économie.
Le trio de tête reste inchangé avec le tourisme (32%), l’habillement et
les chaussures (10%), puis viennent les équipements de maison (7%).
Bien sûr, les géants du web se taillent la part du lion. Ainsi, 0.5% des
sites réalisent 70% du chiffre d’affaire annuel. Amazon est en tête
grâce à son statut de pionnier avec par exemple en France 16 832 000
vues par mois, suivent CDiscount, la Fnac, eBay et Voyage-Sncf.com.
47

L’e-commerce a déjà fait beaucoup

parler, et ce n’est certainement pas fini,
tant les chiffres et l’impact sur le système
économique sont impressionnants !
CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

D’abord, la visibilité. Comprendre par là un bon
positionnement dans les moteurs de recherche,
qui est le premier critère souvent indépassable
pour atteindre le succès.
Un seul mot pour cerner l’ensemble de ce concept :
SEO ou optimisation pour les moteurs de recherche
(Search Engine Optimization).
Pour cela de nombreux points techniques doivent
impérativement être remplis par vos futurs sites.
Ces critères varient d’un moteur de recherche à
un autre, mais l’époque fait que Google représente
en Europe et aux Etats-Unis plus de 80% des
recherches. Et dans le reste du monde cette
suprématie n’est remise en cause qu’en Asie,
et encore !
Donc faites le tour du cahier des charges de Google
Boutiques physiques et e-commerce
et implémentez cela à vos sites. Plus de visibilité
entraînera plus de vues, et donc forcément plus
de clients potentiels !
Un point essentiel, à considérer en tant que boutique
en ligne : les Microdatas.
Cette technologie permet, lors des recherches,
non seulement de monter dans le classement
mais aussi d’afficher directement dans la page de
recherche les photos produits, les prix, les notes
clients. De plus, cela permet à vos produits d’être
visibles sur la partie Google Shopping !
Il est donc temps de se demander quels
sont les secrets à connaître pour que
votre site fasse la différence au milieu de
cette nébuleuse concurrentielle.

Mais attention ne faites pas l’erreur de croire que
les clés d’Internet n’appartiennent qu’aux grosses
structures. En effet, nombreuses sont les boutiques
virtuelles qui se lancent.
Ainsi l’augmentation du nombre de sites montre
la prise de conscience de ces débouchés, mais
aussi l’ensemble des domaines qui se tournent
vers l’e-commerce.
Avec 164 200 de sites actifs en 2014, cela
représente 14% de plus que l’année précédente,
parmi lesquels on peut trouver plus récemment :
48 les services à la personne, l’économie collaborative
et même les commerces de proximité.
L’e-commerce permet, pour 58% de ces derniers, de
constater une progression de leur chiffre d’affaire
en boutique. Et attention, il s’agit bien ici de l’impact
de la boutique virtuelle sur la boutique réelle, à ne
pas confondre avec la présence uniquement sur les
réseaux sociaux. Ceci montre donc les bénéfices de
l’e-commerce, voir même sa complémentarité avec
les boutiques réelles.
L’autre répercussion de l’e-commerce dans le réel,
c’est ses 112 000 emplois, sachant que 48% des
sites prévoient des augmentations d’effectifs !
La consommation collaborative confirme sa
progression, avec bien sûr Uber, AirBnB et d’autres
qui démontrent que la demande pour ce type de
services est de plus en plus forte.
On notera aussi la part de marché de l’alimentaire
avec 7%, là encore, en augmentation. Cela s’explique
aisément, car nombreux sont les acteurs à avoir
innové, que ce soit avec le drive pour les magasins
petits ou grands, la livraison des courses ou des
repas directement à la maison, l’alimentation
développe donc son offre pour toucher de nouveaux
clients !
49
Alors avec cette croissance et toutes ces
promesses, quelles évolutions pour demain ?
La tendance montre clairement que les acheteurs
vont de plus en plus se tourner vers le smartphone
et la tablette pour réaliser leurs achats. Ceux-ci ont
augmenté de 60% en 2015 contre 54% en 2014,
après un démarrage en 2012 et 2013 autour des
155%.
Comme d’habitude, les plus grands marchands ont
ouvert la voie, puisque tous disposent déjà d’une
application ou d’une version mobile de leur site.
Les boutiques de téléchargement démocratisent
d’ailleurs l’achat via support mobile que ce soit pour
la musique, les jeux ou les applications diverses.

Requête "samsung galaxy s7"

Le design du site est la première impression,
c’est l’élément qui mettra votre client en condition
d’achat. En effet, un site à la fois esthétique et
en adéquation avec vos produits contribue à
convaincre inconsciemment le client potentiel de
votre professionnalisme, c’est votre vitrine virtuelle
en somme. Et n’oubliez pas, “on a jamais une
seconde chance de faire une bonne impression”.
De nos jours, le “flat” design et le concept du “one
page” semblent être des choix à la fois efficaces et
plébiscités par les utilisateurs. Un design épuré et
sur une seule page est vraiment un plus indéniable
Répartition des achats faits sur Ordinateur, Tablette et Smartphone
pour les clients sur mobiles, sans compter que
votre client ne se perd pas et que cela améliore
votre SEO et l’ergonomie. Donc même si, bien
sûr, ces concepts ne sont pas applicables à tout
contexte commercial, rapprochez-vous en !
L’ergonomie, justement, ne doit pas être confondue
avec le design. Ici, tout doit être fait pour
rendre votre site immédiatement simple donc
compréhensible et aisément navigable pour aller
d’un point A à B, et surtout avec des allers retours
rapides et où que soit le client.
CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015

Un exemple: si le client doit chercher le bouton
“ajouter au panier” ou que les étapes du protocole de
paiement sont trop nombreuses ou contraignantes,
votre taux de transformation du client potentiel vers
une commande sera décevant. De même, plus la
navigation sera complexe ou longue plus l’abandon
en cours d’achat peut survenir, et ce malgré l’envie
de départ du client sur votre site. Ainsi, limiter la
profondeur de l’arbre des catégories de vos produits
(et même de vos articles Joomla!) est fortement
conseillé.
A ce propos, en plus d’avoir en tête ces concepts,
je vous conseille fortement l’utilisation d’outils
dits de tracking, qui vous permettront entre autre
d’analyser le parcours type du client sur votre site,
mais aussi fourniront des statistiques sur les pages
les plus consultées, le nombre de visites. Ainsi, le
cas échéant, vous pourrez opérer des changements
pour augmenter votre taux de transformation.
Un autre point important est de faire en sorte que le
client se sente en sécurité. Pour cela, configurez un
certificat SSL pour votre site, utilisez des extensions
connues, faites les mises à jour pour boucher les
éventuelles failles découvertes, et ajoutez les logos
officiels de vos certificats et autres systèmes de
sécurité sur votre site.
Car la multiplication des sites est aussi une
aubaine pour les escroqueries diverses mettant
éventuellement le client en état de méfiance. Donc
là encore démarquez-vous !
De plus, le choix de la plateforme de paiement peut
50 aussi contribuer à cet objectif, tant par sa simplicité
que par sa bonne connaissance ou réputation
auprès du grande public.
Dans un second temps, pour gagner en retour client,
un bon suivi colis informant le client des étapes
franchies par le colis est un plus indéniable.
De même, proposer à vos clients de voter et de
poster des commentaires pour les produits (ou
vendeurs de votre place de marché) conforte les
nouveaux clients potentiels dans leurs décisions
d’achats mais permet également d’améliorer la
recherche des produits sur le site.
Enfin, autre point important, un numéro de
téléphone, une adresse, voir un module de chat en
ligne finira de rassurer le client quant au sérieux du
marchand.
lui de partager sur les réseaux sociaux une bonne
affaire, invitez-le à commenter et à noter les
produits, etc.
Une fois que le client est revenu, il faut lui donner
l’envie de refaire un tour d’horizon du site, donc
gardez votre site dynamique avec des nouveautés,
changez les produits mis en avant, les coloris
voir la mise en page, soyez au fait des soldes,
des saisonnalités ou des évènements liés à vos
produits. En bref, votre site doit vivre !
Un site trop statique sera de toute façon vite
rattrapé par la concurrence sur internet car “comme
dans la nature, ce qui n’évolue pas meurt”, et ça
les grandes entreprises de l’e-commerce l’ont bien
compris.
Une fois que le succès sera au rendez-vous,
la seconde étape, et pas des moindres, est
l’international !
Evidemment, et ce n’est pas une découverte, les
potentiels de développement de clientèle ne sont
pas sur le vieux continent, les marchés de l’e-
commerce sont comme à chaque fois dans les pays
en développement, le Moyen-Orient notamment,
où la croissance est au-delà des 30%, mais
aussi en Asie qui connaît un nombre exponentiel
d’utilisateurs d’Internet avec aujourd’hui plus d’un
milliard d’internautes.
Seulement, cela ne s’improvise pas, et il convient
de trouver le bon marché où votre offre trouvera
un écho ou mieux, prendra la place d’une offre
insuffisante ou inexistante.
Ensuite, pensez aux coûts de cette nouvelle
direction, comme vos coûts de fonctionnement ou
de logistique. Sont-ils en adéquation avec les prix de
ce nouveau marché ?
L’autre notion à aborder c’est la localisation.
Autrement dit, mettre en place la langue de ces
pays, supporter le paiement avec leurs devises et
même mieux, proposer des numéros de téléphone
locaux, etc.
Renseignez-vous pour trouver les modes de
paiement qui à la fois simplifieront et rassureront
vos futurs clients dans ces pays. Le dernier
point important de cette seconde phase est la
législation du pays quant à l’e-commerce, là seront
abordé les taxes, les législations et les droits des
consommateurs.

Ensuite, il s’agit d’assurer la pérennité de votre site
e-commerce. Il va falloir maintenant fidéliser vos
clients, vous avez des ventes, capitalisez dessus !
Cette partie sera d’autant plus simple, si les
Le futur est donc à l’e-commerce pour tout
et partout, alors que Internet n’a pas fini de
révolutionner nos sociétés. Il est ainsi devenu
primordial d’optimiser son site pour cela. De  es chiffres du e-commerce sur skeelbox.com : http://bit.do/chiffres-cles-monde
L

précédentes se sont fait sans accrocs mais plus
encore, si plusieurs petites attentions ont été
offertes au client : comme évoquer plus haut
le suivi colis, des e-mails pour notifier le client
des différentes étapes de la commande, un
questionnaire satisfaction, et la méthode classique :
les points de fidélité en lien avec des réductions.
Les newsletters sont également un bon moyen
de faire revenir le client sur votre site. Attention
toutefois à la fréquence d’envoi qui ne doit pas être
trop importante et à trouver le bon sujet à aborder
dans celle-ci pour intéresser le client.
Faites également “travailler” votre client. Proposez-
Annexes
plus, même si vous démarrez un petit site d’e-
commerce, il est important de penser à la suite.
Trouver une solution à la fois facile à prendre en
main et permettant de gérer toute la complexité
nécessaire au démarrage, à la mise en avant, et à
l’expansion d’un site e-commerce s’avèrera décisif.
Joomla!, grâce à sa flexibilité et aux nombreux
outils disponibles, vous permettra de vous tourner
vers l’avenir et de négocier ces virages évolutifs et
technologiques en douceur.
Les chiffres clés, PDF à télécharger sur fevad.com : http://bit.do/chiffres-cles
Améliorer son SEO sur webmarketing-com.com : http://bit.do/optimiser-SEO
Joomla! et le reférencement sur codeur.com : http://bit.do/journal-referencement
Joomla! et les Microdata sur magazine.joomla.org : http://bit.do/joomla-microdata
Les moteurs de recherche dans le monde sur abondance.com : http://bit.do/moteurs-recherches
Optimisation performance Joomla sur tophebergeur.com : http://bit.do/performance-joomla
E-commerce en France sur webmarketing-com.com : http://bit.do/e-commerce-francais
Le Drive et son évolution sur fevad.com : http://bit.do/evolution-drive
L’emploi et l’e-commerce sur fevad.com : http://bit.do/e-commerce-monde
Le mobile et l’e-commerce sur skeelbox.com : http://bit.do/mobile-first
et sur comarketing-news.fr : http://bit.do/chiffres-mobile
Améliorer son taux de conversion sur skeelbox.com : http://bit.do/taux-conversion
Animer son site e-commerce sur altics.fr : http://bit.do/animation-website
La stratégie pour l’international sur info-commerce.fr : http://bit.do/e-commerce-international
 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

5 astuces
Simon Kloostra
Webdesigner basé vers Utrecht, spécialisé
dans Joomla! et le SEO.
Auteur de Joomlaseo.com, site web populaire
traitant de l’optimisation de site web Joomla!.

pour un site
Joomla! rapide
Les internautes peuvent rapidement quitter un site web si celui-ci se
charge lentement, et cela vaut aussi pour les sites construits avec
Joomla!. Avec les astuces que nous allons voir dans cet article, vous
pourrez rendre votre site nettement plus rapide. Vos visiteurs passeront
donc plus de temps sur votre site, et ils deviendront plus facilement de
potentiels clients.
Par ailleurs, Google prend en compte la rapidité d’affichage des sites web
dans ses facteurs de classement. En améliorant le temps de chargement
de votre site, vous pourriez donc améliorer son référencement.
Regardons 5 astuces pour que votre site s’affiche plus rapidement.
53
Commencer avec un état des lieux
Avant de commencer les travaux d’optimisation, il Il existe également d’autres outils :
est toujours bon de savoir comment se place votre Pingdom Tools
site. Heureusement, il existe de nombreux outils Google Pagespeed Insights
permettant d’analyser la vitesse de votre site web. Dareboost
Mon outil favori est Gtmetrix (gtmetrix.com).
Il établit deux mesures en utilisant les outils Avant de commencer, assurez-vous d’avoir
PageSpeed et Yslow. Cela vous donne énormément une sauvegarde complète de votre site.
d’informations sur votre site et sur les aspects qui
pourraient être améliorés. Vous connaitrez le temps
de chargement actuel, le nombre de ressources
chargées, le poids de la page, etc.
CINNK MAGAZINE • MAI 2016
Options de cache avec Joomla!
Le cache permet de réutiliser certaines parties de
votre site. Lorsque Joomla! affiche un article, il
envoie les données venant de la base de données
et les transforme en HTML. Lorsque vous activez
le cache, vous réutilisez le HTML pré-généré qui est
déjà présent. L’inconvénient est qu’une modification
apportée à un article pourrait ne pas être visible tout
de suite. Mais cela n’est pas un problème pour une
majorité de site.
Pour activer le cache, rendez-vous dans la
configuration globale de votre site, puis dans
l’onglet Système. Vous trouverez les « paramètres
de cache », le mieux est de choisir le réglage
conservatif.
Ensuite, vous devez regarder le plugin Système -
Cache de page. Ce plugin va vous aider à rendre
votre site encore plus rapide, mais il peut parfois
54 causer des problèmes sur différents éléments
comme les formulaires de contact ou de règlement.
Il fonctionne très bien sur les pages statiques.
Par ailleurs, certains hébergeurs offrent également
des caches du côté du serveur, comme Varnish.
Vous pouvez les utiliser comme une alternative au
cache Joomla!.
Enfin, vous pouvez également mettre en cache les
éléments localement en utilisant une technique
appelée “Leverage browser caching”. Cela vous
permet de ne pas recharger des fichiers images,
CSS et Javascripts qui l’ont déjà été. Pour activer
cela, vous devez ajouter le code suivant à votre
fichier .htaccess (voir fin d'article).
Activer G-Zip
Toujours dans la configuration générale de Joomla!,
rendez-vous dans l’onglet Server puis réglez le
paramètre Compression GZIP sur Oui.
Cela va compresser au format Gzip les données
envoyées par Joomla!.
CINNK MAGAZINE • AOÛT 2015
Réduire la taille de vos images
Réduire la taille de vos images
Les images représentent souvent une partie
importante de n’importe quelle page web, parfois
jusqu’à 70%, vous devez donc les optimiser, et ainsi
gagner en performance. Il existe de nombreuses
manières d’optimiser vos images. Les astuces les
plus importantes sont :
• Chargez vos images dans la taille exacte dont
vous avez besoin. Vous pouvez utiliser des
extensions pour retailler vos images lors de leur
téléchargement. Une solution très simple est le
gestionnaire étendu de l’éditeur JCE pour Joomla!.
• Utilisez la compression sans perte. De
nombreuses images contiennent des données
superflues qui ne sont pas nécessaire pour
l’affichage de l’image. Avec des outils comme
ImageRecycle (www.imagerecycle.com) vous
pouvez supprimer ces données, ce qui représente
souvent 50% du poids de l’image, surtout pour
les fichiers PNG. D’autres outils intéressant sont
Kraken.io et TinyPNG.
• Utilisez la fonctionnalité Lazy-load pour vos
images. Cela peut être réalisé avec le plugin Lazy
Load pour Joomla! :
• (joomla-extensions.kubik-rubik.de/llfj-lazy-load-for-
joomla).
Optimiser vos CSS et Javascript
Après vos images, CSS et Javascript sont la partie
la plus importante (en termes de poids) de vos
pages web. Les Templates mal codés, en particulier,
peuvent être très lourd en Javascript. Le mieux est
bien sûr de choisir des Templates de qualité, mais
même si devez conserver votre Template actuel,
vous pouvez apporter plusieurs optimisations.
En fait, tous les scripts devraient être aussi petits
que possible, et les fichiers aussi petits que possible
(1 gros fichier est préférable à de nombreux petits
fichiers) et chargés de manière asynchrone. Cela
peut paraître très technique, mais heureusement il
existe plusieurs plugins qui vous aideront dans ce
domaine.
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
JCH-Optimize (www.jch-optimize.net ) et Yireo nécessaires. Il y a de nombreuses manières de
Scriptmerge (https://www.yireo.com/software/ travailler ce domaine, voici quelques exemples :
joomla-extensions/scriptmerge ) sont deux • En utilisant l’extension Advanced Module Manager
extensions qui sont excellentes pour cela. Elles sont de NoNumbers, vous pouvez inclure ou exclure
dotées de paramètres permettant de combiner et des modules en fonction du navigateur. Avec cette
de compresser vos fichiers, supprimer les espaces fonctionnalité, vous pourrez exclure une galerie
inutiles, et charger les scripts de manière différée ou lourde des navigateurs mobiles, afin d’améliorer le
asynchrone. Elles proposent également quelques temps de chargement sur ces mobiles.
paramètres plus avancés comme le lazy-load pour • Egalement, sur les mobiles, vous n’avez pas besoin
les images, un support pour le CDN, un support pour d’images de grandes tailles. Avec un site web
les sprites, etc. responsive design, vous pouvez forcer vos images
dans une taille mobile, mais en réalité vous chargez
L’utilisation d’un de ces plugins peut réellement l’image dans son poids réel (et lourd). L’extension XT
améliorer la rapidité de votre site. L’utilisation de Adaptive Images peut vous permettre de travaille
ce type d’extension nécessite que vous vérifiiez ce problème (https://www.extly.com/utilities/xt-
soigneusement que toutes les fonctionnalités de adaptive-images.html).
votre site web fonctionnent correctement après
optimisation.
Conclusion
Penser aux performances sur mobile J’espère qu’avec ces conseils vous pourrez rendre
vos sites beaucoup plus rapides. Assurez-vous
Les performances sur mobiles deviennent de de repasser chaque site au test de GTMetrix et de
plus en plus importantes. Dernièrement, Google comparer les tests avant et après optimisation.
a dit favoriser les sites utilisant le projet AMP N’oubliez pas de vérifier que votre site fonctionne
(Accelerated Mobile Pages). Cela est assez toujours correctement ;)
technique à mettre en place, mais allez voir le
plugin AMP par Weeblr (https://weeblr.com/joomla- Pour aller plus loin dans l’optimisation de vos sites
accelerated- mobile-pages/wbamp ). Joomla!, vous pouvez vous rendre sur cette partie
Cependant, sur un site web “normal”, vous pouvez
de mon site : joomlaseo.com/performance. 55
travailler les performances mobiles. Réfléchissez
sur ce que vous devez réellement charger sur les
mobiles, par rapport aux éléments qui ne sont pas
<IfModule mod_expires.c>
FileETag MTime Size
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css appli-
cation/xml application/xhtml+xml application/rss+xml application/javascript
application/x-javascript
ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/gif "access plus 1 year”
</IfModule>
 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Crystal Harris
Consultante UX passionnée, fondatrice de
lucid-fox.com.
Amoureuse de FOSS. Évangéliste UX dans
Joomla!, et évangéliste Joomla! partout ailleurs.

Web Design
vs. UX Design
“Qu’est-ce que tu fais comme métier ? ”
C’est une question pourtant simple, mais j’ai souvent du mal à y répondre.
Finalement, je réponds « Webdesigner », parce que je ne veux pas prendre
le temps d’expliquer ce à quoi je passe réellement mes journées.
Les gens feignent d’être intéressés, hochent la tête et la conversation
glisse sur autre chose. Mais ce n’est pas cela. Ma réponse est inexacte.
Il serait plus exact de dire je suis designer d’expérience utilisateur – mais
ce serait encore un abus de langage, et j’en parlerais plus tard.
57
Comment sommes-nous arrivés dans un monde où il est compliqué
d’expliquer un métier en quelques mots compréhensibles, même à
des gens du même secteur d’activité ? Et de toute façon, quelle est la
différence entre UX et web design ?

Le design du site n’était pas du tout travaillé, et

L’histoire du design sur le web
c’était tout à fait approprié. Le but du web étant
strictement utilitaire, les technologies utilisées
Au commencement…
l’étaient toutes autant. Même si vous aviez voulu
Pour trouver la réponse, remontons le temps de
introduire des éléments visuels, vos possibilités
quelques années vers les années 90. (26 ans pour
étaient assez limitées. En fait, la balise <img> ne
être exact – je sais ça ne me rajeunit pas non plus)
sera introduite que trois plus tard en 1993.
Le CERN vient juste de lancer le premier site internet
et le premier serveur public. Nommé « Projet
Le premier serveur – on peut encore lire
WWW », il fournit aux visiteurs des informations
techniques, sur la façon de lancer son propre site
l’étiquette manuscrite « Cette machine est
web, des informations sur d’autres projets W3, et un serveur. NE PAS L’ETEINDRE !! » .
plus encore.
Dans leurs propres termes :
La même année, le navigateur Mosaic est sorti, et
“Le WorldWideWeb (W3) est une initiative de
le World Wide Web gagnant en popularité, les gens
recherche d’information hypermédia étendue visant
commencèrent à l’utiliser pour faire toutes sortes
à donner un accès universel à un grand univers de
de choses, y compris des achats en ligne, des
documents. »
bannières de pubs et, oui, même des rencontres !
Ou, exprimé plus simplement, c’était un outil pour
trouver de l’information ; une bibliothèque des temps
Puis, en l’espace de quelques années, l’objet
modernes au bout de nos doigts.
de l’autoroute de l’information s’est élargi de la
simple interconnexion entre individus à beaucoup,
beaucoup plus que cela.
CINNK MAGAZINE • MAI 2016
(Par Coolcaesar at the English language Wikipedia, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=395096)
58
Les tables à la rescousse !
Aves les navigateurs supportant enfin les images, il
semblait qu’un web beau et utile était juste à portée
de main. Sauf, que… cela n’a pas été le cas.
Enter the <table>. You remember those, right?
Arrivèrent les <table>. Vous vous en rappelez n’est-
ce pas ?
Faute d’une solution plus efficace, et pour répondre
aux besoins des clients et satisfaire les designers,
les développeurs ont utilisé un élément html conçu
pour l'organisation de valeurs et l'on détourné de
son but initial. Cela a marché et pendant une longue
période "le tranchage" des designs fut la norme.
Après tout, les seules choses limitatives dans une
Il était clair que pour être efficace, les gens
et les entreprises ont dû faire preuve de
créativité et ont dû se démarquer.
conception complexe étaient d’une part l’intelligence
du développeur et d’autre part le fait de savoir
comment les tables seraient imbriquées les unes
dans les autres. La norme CSS 1.0 a été introduite
en 1996, et bien qu'elle aie essentiellement inclus
des propriétés pour les polices et les couleurs,
chaque petite avancée fut utile.
Avec ces outils, la créativité fut florissante, et des
pépites comme le site SpaceJam sont nées.
CINNK MAGAZINE • AOÛT 2015
Il est encore en ligne ! (Visitez le ici http://www.warnerbros.com/archive/spacejam/movie/jam.htm)
Les gens en voulurent plus, ils désireraient
des choses nouvelles, des choses
différentes - alors la technologie s'est
développé pour les leur fournir.
Flash et les âges sombres
Flash est sorti fin 1996, et un an plus tard tous les
navigateurs modernes le supportaient. Au départ
le but de Flash était assez simple – il permettait
à l’utilisateur de jouer des sons et de créer des
animations simple. Finalement, il a évolué au point
de supporter la vidéo, les interactions avancées
et les développeurs ont été capables de réaliser
des sites entiers uniquement à l’aide de Flash et
l’actionscript. Comparé à ce qui était disponible
à cette époque, c’était (et cela reste) un outil très
puissant. Mais comme on dit, un grand pouvoir
implique de grandes responsabilités.
Il ne fallut pas longtemps avant que tous les
designers « cool » n’utilisent Flash pour tout, et
parfois juste pour le plaisir de la démo. Comme trop
souvent, cependant, cette technologie nouvelle et
cool a été malmenée au détriment de l'expérience
de l’utilisateur. Les sites en Flash lourds mettaient
des siècles à charger, et bien que les effets visuels
soient magnifiques, c'était un mauvais compromis
pour la plupart des utilisateurs qui voulaient juste
obtenir quelque chose.
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
59
comment les tables seraient imbriquées les unes “…à ce jour, la plupart des exemples d’astuces et de
dans les autres. La norme CSS 1.0 a été introduite hacks CSS ont été réalisées par des développeurs.
en 1996, et bien qu'elle aie essentiellement inclus Les designers ont encore à y imprimer leur marque.
des propriétés pour les polices et les couleurs, Cela doit changer. »
chaque petite avancée fut utile.
Pour beaucoup de designers, y compris moi-même,
Avec ces outils, la créativité fut florissante, et des ce fut une source d’inspiration et un excellent
pépites comme le site SpaceJam sont nées. outil d’apprentissage. Alors que les sites en Flash
mangeurs de bande passante restaient populaires,
sortaient de plus en plus de beaux sites statiques,
construits à base de CSS et mettant le contenu
au premier plan. Doucement, les sites en CSS ont
gagné, car
L’illumination CSS les utilisateurs commencèrent à montrer
Pour encourager les concepteurs et les
leur préférence pour les sites se chargeant
développeurs à construire davantage de sites en rapidement et qui leur offraient une
utilisant les CSS, et « faire comprendre ce que c’est meilleure expérience.
tous ces trucs en CSS », CSS Zen Garden est né en
2003.
Comme le site original le déclarait :
“Il y est clairement nécessaire pour les CSS d’être
prises au sérieux par les artistes graphiques.
Le Jardin Zen a pour but d’exalter, d’inspirer et
d’encourager la participation. Pour commencer,
regardez quelques-uns des designs existants dans
la liste. En cliquant sur n‘importe lequel, cela va
charger la feuille de styles correspondante dans
cette même page. Le code reste le même, la seule
chose qui a changé est le fichier CSS externe. Oui,
vraiment.
CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Bien que ce ne soit pas toujours intentionnel, on

Pourquoi s’en soucier?
peut voir qu’avec le temps l’expérience utilisateur
à évoluée – et finalement des pans entiers de
Avez-vous lu ce que j’ai dit plus haut ? Par la
technologies ont été abandonnées et de nouvelles
puissance collective de millions d'utilisateurs, des
se sont développées en faveur de l’expérience.
technologies entières ont disparu. A quand remonte
Telle est la puissance de l’utilisateur.
votre dernière visite d’un site en Flash ?
A l'origine, cet article visait à expliquer la différence
Bien que ce soit sur une échelle beaucoup plus
entre web design et UX design. Cependant, il est
grande, le coût d’une mauvaise UX est beaucoup
rapidement devenu évident que ce serait comme
plus élevé que l'investissement nécessaire pour
essayer d'expliquer la différence entre une goutte
en créer une bonne. Si vous avez déjà entendu
d'eau et une flaque d'eau – le web design est
l’expression « les gens votent avec leur portefeuille »,
juste une petite partie de ce qui se passe dans
et bien une des façons de le faire passe par leurs
l'expérience d'un utilisateur.
habitudes de navigation. Une bonne expérience
utilisateur fait que les utilisateurs reviennent.
Aujourd’hui, quand on dit web design, la plupart des
gens font référence à l’aspect conception visuelle
D’une manière plus générale, fournir une bonne
d’un site web. Un terme plus « moderne » serait UI
expérience utilisateur est en partie le reflet de votre
design ou design d’interface utilisateur – les rôles
honnêteté. Cela peut sembler idiot, mais votre site
sont similaires. Cependant un web designer avait
web génère des expériences émotionnelles pour les
l’habitude de penser à bien plus que juste le look
gens. Comment voulez-vous qu’ils se sentent quand
and feel.
ils quittent votre site ?
En fait, beaucoup de choses qu’un UX designer fait
maintenant correspondent à ce qu’aurait fait un
web designer il y a 10 ou 15 ans. Avec l’expérience
et le temps, ces processus ont été affinés avec des
choses comme :
L’UX est là pour longtemps
Le site CSS Zen Garden original, en novembre 2003. • les personas (des personnes semi-fictives,
façonnées à travers des recherches et des À mesure que nous nous éloignons de dispositifs
interviews d’utilisateurs réels, qui nous aident à impersonnels comme nos ordinateurs et que nous

60 La révolution mobile
Avec l’introduction de téléphones capables de
naviguer sans limites sur le web (c’est de toi que je
parle Iphone), les choses commencèrent à bouger
rapidement. Le matériel et les logiciels évoluèrent
rapidement, surpassant leurs prédécesseurs, avec
l’avènement du spécifique mobile… non attendez...
basé sur des grilles, non attendez… responsive
design, et les tendances vont et viennent au fil des
saisons.
Attendez… c’est encore ce qui est en train de se
passer.
C’est le monde dans lequel nous vivons
actuellement.
Avec la technologie à notre disposition
aujourd’hui, les designers sont libres
de tirer parti des tendances et des idées
actuelles pour créer des sites web (et des
web apps, et des applications natives, et
plus encore) qui répondent le mieux aux
besoins de leurs clients et des utilisateurs.
C’est fantastique.
Mais alors, pourquoi un tel maelstrom de titres dans
nos métiers ? Nous avions des Web designer et des
graphistes ; nous avons maintenant des UI Designer,
UI Developer, Visual Designer, Interaction Designer
et UX Designer
Ah, tiens cette phrase à nouveau – UX Design.
Comment s’y retrouver dans tout cela ?
Designer l’expérience utilisateur
Bien que l’intitulé du job soit relativement nouveau,
le fait de porter attention à l’expérience utilisateur ne
l’est pas, lui. (Après tout, pour qui faisons-nous donc
ces sites internet ?).
Jetez un coup d’œil à la première moitié de cet
article. Certaines parties sont mises en valeurs dans
chacune des sections, et une fois les points reliés
nous obtenons :
Il était clair que pour être efficace, les
gens et les entreprises ont dû faire preuve
de créativité et ont dû se démarquer. Les
gens en voulurent plus, ils désireraient
des choses nouvelles, des choses
différentes - alors la technologie s'est
développée pour les leur fournir. Comme
trop souvent, cependant, cette technologie
nouvelle et cool a été malmenée au
détriment de l'expérience de l’utilisateur.
C’était un mauvais compromis pour la
plupart des utilisateurs qui voulaient juste
obtenir quelque chose. Les utilisateurs
commencèrent à montrer leur préférence
pour les sites se chargeant rapidement et
qui leur offraient une meilleure expérience.
Avec la technologie à notre disposition
aujourd’hui, les designers sont libres
de tirer parti des tendances et des idées
actuelles pour créer des sites web (et des
web app, et des applications natives, et
plus encore) qui répondent le mieux aux
besoins de leurs clients et des utilisateurs.
identifier et à se rappeler à qui est destiné le site en
cours de construction) ;
• les flux utilisateur (workflows idéals suivant
lesquels nos utilisateurs accomplissent une action
ou naviguent dans un site)  ;
• prototypage (création d'une version de test simple
de notre produit pour mettre nos hypothèses à
l’épreuve)  ;
• et beaucoup, beaucoup plus, en fonction du client
et du projet.
Bien qu’une partie soit purement visuelle, la majeure
partie de l’UX design se concentre sur la recherche,
les données, les tests et l'analyse - ce qui explique
pourquoi j'insiste sur le fait qu’UX "design" est
trompeur.
Après tout, l'expérience d'un utilisateur est une
réaction à un produit fini - et nous n’avons pas le
contrôle absolu sur leurs réactions.
Toutefois, nous avons un certain contrôle sur les
facteurs qui l'influencent, et c'est ce sur quoi nous
nous concentrons comme consultants UX.
allons vers des expériences plus intégrées (comme
l’internet des objets, et l’intelligence artificielle) le 61
web design peut devenir sans objet.
L’expérience utilisateur non.
Quand la technologie change, les processus
spécifiques que nous utilisons peuvent évoluer –
mais l’étude de ceux qui l’utilise et comment les
servir au mieux a toujours été importante et le sera
toujours.
Lors de votre prochain projet de site web, je vous
encourage à parler avec vos utilisateurs. Cela fait
sens au niveau business, ça aide à préparer le futur
et c’est tout simplement la bonne chose à faire.
La prochaine fois qu’on vous demandera ce que
vous faites, vous pourrez dire “Je conçois des
expériences utilisateurs » et en être fier !
Sources :
http://info.cern.ch/hypertext/WWW/TheProject.html
http://www.evolutionoftheweb.com/
http://www.pewinternet.org/2014/03/11/world-
wide-web-timeline/
http://mezzoblue.com/archives/2003/05/07/
css_zen_gard
 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Marketing
L’équipe Acyba
Une équipe dynamique avec un but commun…
Créer de remarquables composants avec des
idées originales.

Automation : une arme

de séduction massive
Le marketing automation est un devenu le sujet à la mode chez les
marketeurs. Définit comme une des nouvelles façons de communiquer et
de prendre contact avec vos cibles, il a pour réputation d’être complexe et
uniquement à la portée de grandes entreprises. En réalité, la plupart d’entre
vous ont déjà commencé à intégrer le marketing automation dans leurs
actions quotidiennes sans forcément le savoir. C’est peut-être votre cas !

Du charme à la conquête au grès des prochaines actions (téléchargement,

63
inscription à une newsletter, etc.), on lui demande
plus d’informations comme d’abord le nom de son
Avant d’aller plus loin, une petite piqure de rappel
entreprise et par la suite sa fonction. 
quant à ses fondamentaux semble nécessaire.
Il s’agit d’une pratique qui permet d’allier les
- Le marketing nurturing : l’amour ça se cultive !
problématiques marketing (se faire connaître, faire
Pour que la relation avec le contact se concrétise et
passer un message, positionner une marque ou une
perdure, il est nécessaire de le nourrir d’informations
entreprise, générer des leads1) aux problématiques
tout au long du processus, du 1er contact à la prise
commerciales (qualifier les leads, finaliser des
de décision finale. Une fois le lead devenu client,
ventes, générer du CA, provoquer de la récurrence,
il ne faut pas non plus l’oublier. En effet, pour le
etc.). Ses deux principaux objectifs sont d’attirer
fidéliser, il faut continuer à lui apporter des contenus
du trafic autour des contenus afin de récupérer des
intéressants pour rester présent dans son esprit
contacts et d’automatiser des campagnes pour
et être considéré comme une aide essentielle à sa
identifier les meilleurs leads.
prise de décision. 
C’est en réalité une vraie mine d’informations et de
bénéfices qui s’articulent autour de 3 mécaniques
marketing :

- Le lead scoring : qualifier pour mieux transformer

! A chaque action d’un contact (téléchargement,
participation à un webinar, action sur les réseaux
sociaux, etc.) un certain nombre de points va lui être
attribué. Une fois que le palier de point définit est
atteint, cela signifie que le contact est «chaud». Une
campagne spécifique va alors lui être envoyée et/ou
les informations vont remonter dans un CRM pour
une prise de contact commerciale directe.  et performant en imbriquant plusieurs modules les
-  Le progressive profiling : tout vient à point à
qui sait attendre ! Afin d’éviter une approche
trop intrusive qui risque de faire fuir le contact,
la récolte de ses informations doit se faire pas à
pas. On récupère en premier lieu son email, puis
Pour un flirt avec Joomla!
En parlant d’amour, notre CMS préféré Joomla! et
son écosystème riche en extensions profession-
nelles peut vous permettre d’entreprendre facile-
ment une démarche de marketing automation. En
effet, vous pouvez vous construire un outil complet
uns aux autres. Ainsi, il vous est possible de lancer
simplement des scénarios automatiques directe-
ment à partir de votre interface Joomla!. Pour les
profils avancés, des extensions plus pointues, spé-
cialement dédiées au marketing automation, sont
également disponibles.
CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Afin de mettre en place une démarche de premier ni-

veau, des extensions comme AcyMailing et AcySMS
ont la capacité de s’intégrer avec des modules de
type e-commerce, événementiel et communautaire.
Elles vous permettent d’utiliser l’ensemble des datas
récoltées via votre site internet et de déclencher des
communications en fonction des actions de vos
contacts.
Pour rentrer en phase de séduction et mettre tous
les atouts de votre côté, voici quelques exemples
qui peuvent être lancés pour booster vos ventes et
maximiser votre ROI :

- Charmez vos contacts pour conclure ! Program-

mez des emails automatiques lorsqu’une com-
mande n’est pas confirmée ou qu’un panier est
abandonné. Bien souvent l’acheteur oublie de valider
et il apprécie de recevoir un rappel pour lui indiquer
que son achat n’est pas achevé. Il arrive parfois que
le prix soit un frein à la conclusion de la vente. Pour
pallier à ça, générez des codes promos directement
dans ces emails pour finir de convaincre l’acheteur.

- Montrez leur qu’ils sont importants et que vous

pensez à eux ! Après la participation à un évène-
ment ou pour une date déterminée (anniversaire,
date d’inscription, évènement saisonnier…), rien de
tel qu’un email pour les remercier, les féliciter et les
fidéliser ! A vous de trouver un axe différenciant pour
vous démarquer de vos concurrents et leur appor-
64 ter une réelle valeur ajoutée. Un cadeau, une offre
spéciale ou une proposition privilégiée placeront
65
vos clients au cœur de votre stratégie et ils vous le
rendront bien !

- N’abandonnez pas vos utilisateurs et ne perdez

pas le contact ! Pensez à programmer un message
automatique aux personnes qui ne se sont pas
connectées ou n’ont pas acheté depuis X jours. C’est
ici l’occasion de présenter les nouveautés, récolter
des avis sur l’expérience utilisateur ou encore de
proposer un code promo pour relancer le contact.

Vous l’aurez compris, passez en mode Casanova

pour multiplier les conquêtes en pensant marketing
automation ! L’important est de bien connaître le par-
cours d’achat et les habitudes de vos visiteurs pour
identifier des scénarios appropriés et combler leurs
attentes. Ne négligez pas l’importance du marketing
dans votre business. En plus de vous faire gagner
du temps, il vous permet d’optimiser vos résultats
tout en humanisant vos relations !

1 Lead : prospect qualifié, à propos duquel on possède

les informations nécessaires pour le transformer en
client. Source : Mercator - Lendrevi, Lévi
 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

et de la coordination de l’équipe d’intégrateurs,

Chargée des développements Joomla!
Accessibilité,

Ariane Andurand

webmaster de C3rb.
web et Joomla!
L’accessibilité n’est pas une grande marmite où l’on tomberait dedans
petit. Pire, les formations actuelles en multimédia n’en parlent toujours
pas assez. Mais au détour d’un AO (appel d’offre) ou d’une rencontre
il se peut que nous soyons alertés sur ce sujet et que l’on s’y intéresse…
ou pas. La plupart du temps les réponses apportées dans les cahiers
des AO restent de belles promesses commerciales non suivies d’actions
réelles lors de la production dudit site.

Personnellement ma dose de potion magique
je l’ai prise en 2011 grâce à la formation Expert
Accessibilité en Évaluation de l’association
BrailleNet (braillenet.org). Lors de cette formation je
n’ai pas rencontré des Accessibilix mais des experts
passionnés. De cette période j’évoque également
à chaque fois ma rencontre avec Sylvie Duchâteau
utilisatrice d’une plage braille et Jaws qui à l’époque
nous a démontré par A+B que pour elle c’était
mission impossible d’acheter un produit sur le site
de la Fnac.
Suite à cette formation, j’entre dans le Groupe de
Travail Accessiweb nourrie d’une liste d’échanges
emails où l’on trouve réponses à nos questions sous
la bienveillance de personnes bien plus expertes
que soi dans chacun des domaines. J’y côtoie des
passionnés dont des experts en audit qui œuvrent
tous les jours pour que leur travail n’ait plus lieu
d’être. C’est beau non ? Malheureusement ils ont
encore de beaux jours devant eux ;-) .
Diffuser largement auprès de tous les webmasters,
contributeurs et développeurs les notions
d’accessibilité est un travail de longue haleine.
En 2015 j’ai franchi le pas en présentant au
Joomla!Day Nice une conférence sur l’accessibilité
en général et particulièrement avec Joomla!.
A ma grande surprise, très peu de personnes
connaissaient les règles en vigueur actuellement
en France, et pourtant cela intéresse beaucoup de
passionnés du CMS Joomla!.
67
Ne sachant pas votre niveau et votre degré de
connaissance sur l’accessibilité numérique
je vais tout d’abord vous présenter ce qu’est
l’accessibilité numérique, puis le cadre légal et
réglementaire pour les sites publics en France,
ce que je sais de l’accessibilité de Joomla!, et les
informations sur deux Templates dits accessibles
pour Joomla!3.X.
L’accessibilité c’est quoi ?
Plutôt que d’écrire ce qu’est l’accessibilité,
voyons plutôt ce qu’est le handicap. Le handicap
est intrinsèquement lié aux dépendances à
l’environnement. Prenons l’exemple d’un individu
en fauteuil roulant qui doit accéder à un bureau :
s’il n’y a pas d’escalier, pas de porte, il y arrive bien,
voire plus vite qu’une personne sur ses deux pieds.
Vous êtes aussi probablement handicapé à votre
manière dans votre vie ordinaire, moi la première.
Je porte des lunettes et, sans elles, dans certaines
situations je suis handicapée pour réaliser des
tâches courantes.
Bref, l’accessibilité numérique (#a11y sur les
réseaux) c’est pour les -handicapés- personnes en
situation de handicap.
Nous ne sommes pas tous égaux dans nos utilisations.
Nous n’avons pas tous les mêmes outils.
Nous n’avons pas tous la même culture.
CINNK MAGAZINE • MAI 2016
68
Le but de l’accessibilité est de mettre tout le monde
sur un même pied d’égalité.
Pour permettre le développement de l’accessibilité
à travers ces composants, le W3C a créé des
recommandations à travers le projet Web
Accessibility Initiative (WAI) créé en 1996. Bientôt
20 ans… Et heureusement des passionnés qui ont
encore toutes leurs dents pour faire appliquer ces
règles et faire reculer les barrières.
Le travail du W3C et de la WAI (web accessibility
initiative en 1996 ) a été considérable, puisqu’il
a produit des recommandations d’accessibilité
couvrant les critères à respecter par :
• les contenus Web : WCAG ( 2008 - 2.0 ),
• les outils de production de contenu : ATAG. Les
lignes de conduite les plus à jour pour les logiciels
d’édition de HTML, les éditeurs de page ou logiciel
de publication de site Web créant le code HTML,
sont les Authoring Tools Accessibility Guidelines
dans leur version 1.0, datant de février 2000. En tant
que CMS, Joomla! est donc tenu de les respecter,
• les outils de consultation : UUAG. Afin de tirer
le meilleur parti des sites Web accessibles, il est
CINNK MAGAZINE • AOÛT 2015
essentiel que les outils de consultation de ces sites
(logiciels de lecture, navigateurs web, terminaux
mobiles...) soient eux-mêmes utilisables par des
personnes handicapées,
• et plus récemment les interfaces riches: ARIA.
L’essor des services et applications en ligne
reposant sur l’utilisation croissante de technologies
hybrides telles que JavaScript, AJAX et SVG,
l’élaboration par la WAI de l’Accessible Rich Internet
Applications Suite (ARIA) vise à mettre en place
le cadre normatif nécessaire à l’accessibilité des
applications Web dynamiques.
Au sujet des outils de consultation, saviez-vous que
la plupart d’entre nous a un lecteur d’écran dans sa
poche ?
En 1993 naissait JAWS, le logiciel pour Windows,
et depuis bien du chemin a été parcouru. C’est en
2005 avec l’intégration de Voice Over sous MAC que
les lecteurs d’écran se démocratisent. En 2009 son
apparition dans l’Iphone a continué cette diffusion.
Pour Apple cet outil a été un vecteur de vente
important car ni Narrator pour Windows, ni TalkBack
pour Android n’arrivait à la cheville de VoiceOver.
En 20 ans des progrès considérables ont été faits
grâce notamment à la diffusion des standards,
des bonnes pratiques mais également grâce aux
outils à disposition liés à l’évolution des pratiques
de code (je pense notamment aux compilateurs
CSS. Une variable non accessible peut être
corrigée rapidement : les frameworks) et c’est très
certainement la culture même de l’accessibilité qui
se diffuse et permet à tout un chacun de prendre
conscience des enjeux du respect des normes.
Le SEO et le mobile ont contribué à cette évolution.
On peut dire que ça c’est un des avantages
collatéraux de la raison initiale “proposer des
sites accessibles aux personnes handicapées”.
Voir à ce sujet le très bon billet “ le vrai bénéfice
de l’accessibilité” d’Olivier Nourry sur son blog
“Accessiblog”.
Le cadre légal en France
En France, l’association BrailleNet sert de relais à la
Web Accessibility Initiative. Elle mène des actions
d’information, de formation, de législation et de
certification.
Du coté des sites, en 10 ans, nous avons atteint
le chiffre “mirobolant” de 3% des sites publics
ayant publié une attestation de conformité. Cette
déclaration est exigée par la loi… Etude de mars
2014 “ce que les sites web nous disent de leur
accessibilité” - étude Braillenet/UPMC .
Accessiweb a désormais formé plus de 500 experts
et le référentiel d’État (le RGAA daté de 2009) a subi
une cure de jouvence. Le nouveau référentiel RGAA
3 a été officialisé par un décret d’application le 2 mai
dernier.
La DISIC (une sorte de DSI interministérielle)
annonce un grand plan de communication pour faire
connaître l’accessibilité. Une volonté nouvelle est de
mettre en place un label en parallèle pour inciter à
“tendre” vers l’accessibilité (le label e-accessible). De
quoi encourager les décideurs à faire auditer un site.
Désormais l’amélioration continue sera donc prônée,
les déclarations et les efforts dans l’amélioration
continue d’un site seront mis en avant.
L’accessibilité avec Joomla! ?
Si on se penche sur les “gros sites” on observe à
peu près le respect de nombreux critères, mais la
difficulté est pour les sites associatifs, les mairies,
etc. Alors qu’au quotidien ce sont ces sites-là qu’une
personne utilise, qu’elle soit handicapée ou non lors
de sa consultation.
Joomla! permet de créer rapidement un site
internet mais le choix du Template utilisé et les
pratiques éditoriales doivent respecter au mieux les
standards. La vigilance est de mise car sur le web
tout le monde est contributeur.
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
Joomla! permet de créer rapidement un site
internet mais le choix du Template utilisé et les
pratiques éditoriales doivent respecter au mieux
les standards. La vigilance est de mise car sur le
web tout le monde est contributeur.
Historiquement les initiatives pour apporter de
l’accessibilité au CMS joomla! étaient individuelles.
Grâce à la conceptrice allemande des Template
“Beez” Angie Radtke, un Template était proposé
en version Joomla!1.5 et réédité en Joomla!2.5. Il
s’agissait d’un Template front incluant l’accessibilité.
Aujourd’hui avec la version 3 de Joomla! les
Templates “beez” ont disparu du pack par défaut.
Deux initiatives individuelles ont été recensées,
celle de C3RB Informatique et celle de Francesco
Zaniol. Ces initiatives ont donné naissance à deux
Templates : Zong et RGAAC3rb.
Dans les prochaines versions, la core team de
Joomla! prévoit l’intégration d’un nouveau Template
pour l’interface d’administration afin de remplacer
les deux Templates existants à l’heure actuelle.
La prise en compte de l’accessibilité se fera donc
également côté administration, ce qui est essentiel
pour un CMS. Ce nouveau Template devra à la fois
être adaptatif et favoriser l’accessibilité. L’objectif est
de proposer un design unique, robuste et convivial. 
Le système de bug tracker sur GitHub mis en place
par les développeurs de Joomla! permet de faire
remonter tout problème d’a11y du CMS (voir un
exemple de remontées : issues.joomla.org/tracker/
joomla-cms/6467
69
Présentation des deux initiatives
de template Accessible sous Joomla!3
Il existe certainement d’autres initiatives
individuelles mais j’ai pu en recenser deux qui
méritent que l’on s’y attarde.
Zhong Template
Franscesco commença à développer son Template
au cours de sa thèse à l’université. Il a fait de son
travail un Template disponible. 
Tous les Templates proposés par Francesco sont
basés sur le Framework Zhong ayant pour but de
proposer une base solide d’accessibilité pour la
construction de modèles. Ce Framework a pour
ambition de réunir à la fois l’élégance du design,
les bonnes pratiques et l’accessibilité pour le
développement front-end. 
Les composantes d’accessibilité sont basées sur les
normes WCAG 2.0 (pour en savoir plus http://www.
accessibletemplate.com/zhong/features). Le code
basé sur l’utilisation d’éléments compressés (CSS,
HTML et minification du JS, sur une base JavaScript
performante) est donc performant, il inclut
également un code PHP modulaire et l’utilisation
de SASS pour dissocier le style du cœur et celui du
thème.
 CINNK MAGAZINE • MAI 2016
Le Zhong Framework permet également de modifier
profondément les couleurs et les styles de chaque
élément tout en proposant par-dessus le marché
des petits plus comme les icônes sociales, les
boutons, un design responsive, le choix de sa
Google font importée, le paramétrage de son code
Google Analytics, la compatibilité avec Bootstrap. Le
Template dispose d’un guide complet d’installation.
Pour le moment le Zhong Framework est
compatible avec Joomla 2.5 et Joomla 3.x,
cependant il est prévu de porter la compatibilité de
celui-ci vers d’autres plateformes comme Drupal et
Wordpress.
Une version gratuite du Template peut être
téléchargée ici :
accessibletemplate.com/zhong/free-download
RGAAC3rb Template
Conscient de la force de la communauté Joomla!
et favorisant toujours l’expérience et la réflexion de
la communauté d’utilisateurs, C3rb Informatique a
décidé de mettre à disposition de tous un Template
Joomla!3.X conforme aux normes d’accessibilité en
vigueur. 
Au sujet du Template, sont intégrées des balises
pour l’implémentation ARIA, et certaines vues du
core de Joomla! sont mises à disposition dans le
Template pour améliorer l’accessibilité du code
d’origine. Les équipes de C3RB soumettent des
issues au fur et à mesure à la Core Team sur le
GitHub de Joomla!. Un plugin a été développé pour
70 gérer les conflits liés à l’intégration de Bootstrap
3 (Plugin plg_system_rgaac3rb). Le choix s’est
porté sur Bootstrap car il prend en compte les
développements du Paypal Accessible Plugin
par exemple. RGAAC3rb est fourni avec des
dépendances à jour et maintenables via GRUNT.
Il est mis gratuitement à disposition de tous à
l’adresse suivante, http://c3rb.org/jd15fr .
Hormis ces deux Templates qui ne représentent
qu’une partie de la mise en conformité d’un site, un
travail global est nécessaire dans le cœur de notre
CMS pour le rendre accessible.
CINNK MAGAZINE • AOÛT 2015
Ce qu’il faut garder à l’esprit, si nous voulons
travailler pour une meilleure accessibilité de notre
CMS préféré, ce qu’il faudrait dans l’idéal :
CRÉEZ RAPIDEMENT & EN TOUTE SIMPLICITÉ
VOS PROPRES TEMPLATES RESPONSIVES JOOMLA!®
• mieux prendre en compte, dans la documentation
disponible du CMS, les recommandations liées
à l’accessibilité (note sur les composants, sujets
sur les forums, documentation…) et des éditeurs
WYSIWYG par défaut,
• former à l’accessibilité nos contributeurs, voire
limiter leur accès à certaines fonctionnalités dans
les éditeurs pour éviter les erreurs liées aux éditeurs
trop complets,
• implémenter dans l’administration des articles et
dans l’éditeur une méthode de vérification du code
d’entrée et de sortie. Il est bien plus facile de déceler
l’erreur au moment où elle est créée qu’après le
résultat final, c’est un travail de titan de retrouver
l’erreur initiale générant un conflit.
À noter le 25 juin 2015 : le thème du dernier
séminaire GTA était «l’accessibilité des CMS». J’ai
été contactée pour y présenter Joomla! et c’est par
l’intermédiaire d’un de mes collègues que Joomla! GAIN DE TEMPS
a défendu son accessibilité dans l’atelier : 4 CMS
sur le grill, Wordpress, Drupal, SPIP et Joomla!. Voir
le compte rendu d’Edouard (happyculture.coop/
PEU DE CONNAISSANCES TECHNIQUES
blog/21eme-seminaire-technique-accessiweb).
UN CODE SOURCE GÉNÉRÉ SIMPLE
Pour conclure il ne faut pas oublier que
l’accessibilité est un processus continu (voir capture
ci-dessous). Au fil du temps, un site même réalisé et
pensé  « accessible » va se dégrader. Il est d’ailleurs WWW.TEMPLATE-CREATOR.COM
préférable de parler de contenus accessibles plutôt
que de sites accessibles.
Vous, contributeur, webdesigner, intégrateur et
ce que vous produisez, n’êtes qu’un maillon de la
chaîne qui lie le contenu à l’utilisateur final. Plus vos
connaissances seront solides et plus cette chaîne
sera fiable et chacun y gagnera.
Pour ceux qui voudraient aller plus loin, de
nombreux écrits sur le web, des conférences et
des publications papiers existent, il suffit de s’y
intéresser. Pour ma part, si cet article rencontre du
succès je serai ravie de proposer de temps à autre
des focus sur une problématique d’accessibilité.
20 EXTENSIONS POUR CONSTRUIRE
& AMÉLIORER VOTRE SITE JOOMLA!®
EXTENSIONS ET TUTORIELS JOOMLA!
W WW .JOOM LACK.FR
CINNK MAGAZINE • MAI 2016
Créez vos pages
n’a jamais été
aussi simple
Page Builder CK est un outil qui se présente comme un éditeur de
contenu. La différence ici c’est qu’on peut créer des structures complexes
avec des lignes et des colonnes et du contenu spécifique (images, icones,
sliders, accordéons, onglets, …) en quelques minutes sans connaissances
en codage.
Cet outil s’adresse aux débutants qui veulent créer
72 leur site sans connaissances particulières, mais
aussi aux professionnels qui désirent augmenter
leur productivité en créant du contenu de qualité
très rapidement. De plus le contenu peut ensuite
être facilement édité et manipulé par l’utilisateur
final sans formation lourde.
Comment ça marche ?
Vous créez une nouvelle page qui sera vierge et ne
contient qu’une ligne. Dans cette ligne vous pouvez
glisser-déposer n’importe quel élément qui se trouve
dans le menu de gauche.
CINNK MAGAZINE • AOÛT 2015
Cédric Keiflin
Développeur passionné de Joomla!
Fondateur du site Joomlack.com
On peut créer des colonnes d’un simple clic sur le
bouton « + » et sélectionner parmi les options de
largeurs prédéfinies.
Dans chaque colonne on ajoute alors l’élément que
l’on veut.
Les éléments présents par défaut dans l’interface
sont :
- texte : pour écrire un texte avec un éditeur de texte
classique ;
- icone : sélection d’une icone parmi la librairie Font
Awesome qui compte plusieurs centaines d’icones
disponibles en 1 clic ;
-icone et texte : permet d’avoir directement une
icone suivie d’un titre et d’une zone de texte ;
- image : pour ajouter une image dans votre page,
il suffit de glisser- déposer l’image de votre
ordinateur dans la zone pour qu’elle soit
automatiquement uploadée sur votre site ;
- séparateur : pour créer une séparation horizontale
entre vos éléments ;
- message : affiche un message pour attirer
l’attention du lecteur ;
- onglets horizontaux : pour afficher votre contenu
dans des onglets et gagner de la place ;
- accordéons : pour afficher votre contenu dans des
accordéons et gagner de la place ;
- module : pour charger n’importe quel module du
site, et si besoin en créer un à la volée directement
dans l’interface ;
- vidéo : vous permet d’afficher des vidéos
responsive, que ce soit des vidéos hébergées
sur votre site, ou des vidéos hébergées sur des
plateformes comme Youtube ;
- audio : lecteur audio pour offrir la possibilité au
visiteur de jouer un morceau.
En plus des éléments par défaut vous pouvez
obtenir des éléments supplémentaires en installant
l’extension Page Builder CK Params qui est un
complément payant. Cette extension ajoute
de nombreuses fonctionnalités très utiles pour
l’utilisation de Page Builder CK.
Voici la liste des éléments supplémentaires
disponibles actuellement (cette liste étant destinée
à évoluer avec le temps et les demandes des
utilisateurs) :
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
- cartes Google ;
- sliders d’images ;
- témoignages ;
- nombres animés ;
- boutons (avec action au clic) ;
- formulaires de contact ;
- tables (de la simple table, à la table de prix évoluée).
D’autres éléments viendront étoffer cette liste
pour vous permettre d’aller toujours plus loin plus
facilement dans la création de votre contenu.
Edition des styles
Chaque ligne, chaque bloc et chaque élément de la
page peut être stylé indépendamment. En cliquant
sur le bouton « CSS » vous ouvrez une fenêtre
d’édition qui vous permet de définir l’allure de
l’élément :
- couleur de fond, dégradé, image de fond ;
- couleur du texte, gras italique et autres options,
taille, police d’écriture, sélection d’une police
Google ;
- marges internes et marges externes sur toutes les
faces indépendamment ;
- coins arrondis, bordures sur chaque face ;
- ombre ;
- CSS personnalisés pour ajouter n’importe quelle
règle à l’élément courant et laisser parler votre
imagination ;
- vidéo d’arrière-plan.
73
CINNK MAGAZINE • MAI 2016
Animations
Vous pouvez ajouter des animations à n’importe
quelle ligne ainsi qu’à n’importe quelle colonne :
Fondu ; mouvement ; rotation ; zoom ; vous avez le
choix de les combiner et de leur durée. L’animation
se déclenchera alors lorsque le visiteur fera défiler la
page et qu’il arrivera au niveau de la zone à animer.
La baguette magique
74 La baguette magique
Grâce à Page Builder CK Params on peut utiliser la
baguette magique, mais à quoi sert-elle ?
Cette petite icone renferme une possibilité de design
très intéressante car elle vous affiche un panneau
dans lequel vous n’avez qu’à cliquer pour affecter un
design prédéfini à votre élément. Près d’une
CINNK MAGAZINE • AOÛT 2015
Des styles prédéfinis mais pas que ! En effet cette
baguette magique vous donne également accès
à un panneau dans lequel vous pouvez gérer vos
propres styles !
Grâce à cette interface vous pouvez :
- enregistrer un style que vous venez de créer sur
un élément ;
- voir la liste des styles que vous avez enregistrez
avec une prévisualisation du rendu ;
- éditer directement le style et le mettre à jour ;
- supprimer les styles que vous ne voulez plus ;
Petite astuce : ces styles personnalisés sont stockés
dans des fichiers, vous pouvez donc les récupérer,
les partager, et les utiliser sur d’autres sites !
Intégration dans les articles
et ailleurs… partout en fait !
Le bouton de l’éditeur
Vous pouvez créer des pages, mais pas
uniquement. Page Builder CK vous permet d’insérer
le contenu d’une page dans un article, mais aussi
partout où vous avez accès à un éditeur de texte
avec les boutons additionnels.
Page Builder CK est livré avec un bouton éditeur qui
s’intègre dans l’éditeur avec les autres boutons.
Grâce à ce bouton vous pouvez charger n’importe
quelle page n’importe où, mais aussi charger
plusieurs pages, en gros vous faites comme vous
voulez !
Le bouton détecte automatiquement les tags de
page que vous avez déjà insérés et vous propose de
les éditer directement dans une fenêtre popup. Vous
pouvez aussi créer des pages à la volée de la même
manière si vous n’avez pas encore créé la page que
vous voulez appeler.
Intégration directe comme éditeur
d’article
Au-dessus de l’article vous avez un autre bouton qui
vous propose de basculer sur Page Builder CK. Alors
là, si vous l’acceptez votre mission sera d’éditer
votre article directement avec l’interface de Page
Builder CK !
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
Une fois l’interface activée elle sera
automatiquement reconnue lors de l’édition de cet
article. Pas besoin de créer des pages avant de
créer les articles, tout se fait au même endroit. Le
contenu est directement stocké dans votre article.
Profitez pleinement des catégories, des tags, des
options de publication et toutes les options natives
de Joomla! et des articles tout en profitant de la
75
puissance et de la simplicité de Page Builder CK.
Sauvegarde automatique
Page Builder CK pense à votre bien-être et
sauvegarde automatiquement jusqu’à 5 versions
de vos pages. Vous pouvez les restaurer
instantanément depuis l’interface d’édition de la
page.
Ne perdez plus vos modifications, et revenez en
arrière si vous rencontrez un souci, c’est un gage de
sécurité.
Info : si vous utilisez l’édition directe dans les
articles il faut activer l’historique natif des articles
pour créer des sauvegardes, c’est alors Joomla! qui
le fera pour vous.
Module Page Builder CK
Créer des pages et des articles c’est bien mais le
contenu d’une page de site ne s’arrête pas à ça.
C’est pour cela que Page Builder CK est livré avec
un module spécifique qui vous permet de profiter de
l’interface pour créer vos modules.
Vous pouvez le publier où vous voulez, créer autant
de modules que vous voulez.
CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Au programme, des blocs de présentations

Appel de page existante – Modèles ?
classiques, des présentations de personnes, des
zones de contacts, des tables de prix, et sûrement
Modèle or not Modèle, telle est la question. De quoi
d’autres à venir encore !
on parle ? Tout simplement d’une option de Page
D’ailleurs si vous voulez proposer vos créations pour
Builder CK qui vous permet d’appeler une page
les partager avec les autres utilisateurs, n’hésitez
existante, mais directement dans la page que vous
pas à me contacter !
être en train de créer.
Ici on parle donc bien de modèle, des pages que
En espérant vous offrir un meilleur environnement
vous créez avec des styles et contenus que vous
créatif pour vos sites web. Joomla!, tous ensembles.
pouvez ensuite réutiliser à l’infini dans toutes les
Cédric KEIFLIN
autres pages en un seul clic.
http://www.joomlack.fr
http://www.template-creator.com

76

Demandez à charger une page et l’interface vous

affiche la liste des pages existantes, il suffit alors
de la sélectionner pour l’intégrer dans votre page
en cours. En haut, ou en remplacement de la page
complète, c’est vous qui choisissez.

À venir bientôt …
La fonctionnalité en cours de développement est
une librairie en ligne qui vous affiche une liste de
modèles que vous pouvez insérer dans votre page
en un clic.
La librairie fonctionnera avec une API hébergée sur
JoomlaCK qui enverra les informations sur votre
site pour afficher les modèles.
La librairie sera mise à jour directement sur
JoomlaCK sans intervention de votre part et
l’utilisation de modèles se fera en un clic de la
même manière que l’insertion de vos propres pages.
 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Cyril Thibout
Passionné de technologies et d'informatique,
créateur de Pulsar Informatique et membre du
Conseil d'Administration de l'AFUJ.

Joomlabusiness
rendez-vous
en novembre
Joomla! a fêté ses 10 ans en 2015. Depuis 10 ans l’AFUJ organise la
journée JoomlaDAY qui est essentiellement tournée vers la communauté
des utilisateurs de Joomla!. Mais malgré la montée en puissance de
ce CMS phare qui gagne des prix chaque année aucune manifestation
n’était organisée pour promouvoir Joomla! Au-delà du cercle de ses
utilisateurs existants.

Pourquoi organiser une journée pour
les professionnels autour de Joomla! ?
Initialement prévu pour 2015 cette manifestation
nouvelle a été reportée pour des raisons
d’organisation en 2016.
Il ne s’agit pas d’y venir défendre ou présenter telle
ou telle extension, le discours est nettement moins
technique qu’un JoomlaDay. Ici on parle beaucoup
plus de projet et la technologie n’est qu’un moyen
pour réaliser ces projets.
Le public est aussi différent. Nous nous adressons à
un public très différent de la communauté Joomla!
mais plutôt à ceux qui ne connaissent pas, voire
même auraient un avis négatif sur Joomla!. Nous
voulons aller chercher ceux qui nous aiment le
moins et leur expliquer comment Joomla!, qui a
beaucoup évolué ces dernières années, peut les
aider dans la gestion de leur business.
Conçu et organisé par l’AFUJ avec le concours de
nombreuses sociétés, le JoomlaBusiness a pour
vocation de présenter au plus grand nombre le
fabuleux potentiel du CMS open source Joomla! et
l’incroyable vitalité des acteurs professionnels de
Joomla!. Cette première édition sera marquée par
de nombreux temps forts, avec des prises de parole
d’experts, des conférences et des tables rondes
orientées sur les grandes tendances et enjeux des
sites et applications web comme la production et
la gestion de site/application, le digital marketing,
le cloud, le big data, l’interopérabilité, la mobilité,
la gestion documentaire. Le JoomlaBusiness est
une occasion unique d’échange et de partage
entre les acteurs majeurs de la gestion de contenu
79
sous Joomla! et les décideurs des entreprises et
organisations françaises.
Vers qui est organisée cette journée
JoomlaBusiness ?
Partant de ce constat, l’AFUJ a décidé de
montrer aux DSI, chefs de projets et à tous les
professionnels du web qui ne connaissent pas
encore Joomla! comment Joomla! peut les aider
dans la conception et la réalisation d’outils web
métiers professionnels au-delà de simples sites
web. Il ne s’agit donc pas d’une manifestation
tournée vers les développeurs mais nettement plus
vers les décideurs.
Comment s’organise cette journée
JoomlaBusiness ?
L’enjeu est clairement de rassembler en une journée
les acteurs français principaux de Joomla! pour
expliquer et démontrer au travers de conférences
et d’expositions comment, avec Joomla!, ils ont
pu répondre aux problématiques d’interopérabilité,
mobilité, marketing, e-commerce, productivité ou
encore de sécurité.
CINNK MAGAZINE • MAI 2016
80
Le JoomlaBusiness aura lieu à Paris
sur l’espace du mas de plus de 800m2
• Un hall d’accueil.
• Un espace d’exposition et de rencontres de 390 m2
• Une grande salle de 250 places.
• Deux salles de 50 places.
Les thèmes du JoomlaBusiness
Conçu et organisé par l’AFUJ avec le concours de
nombreuses sociétés, le JoomlaBusiness, organisé
le 10 novembre 2016 à la Maison des Associations
à Paris, a pour vocation de présenter au plus
grand nombre le fabuleux potentiel du CMS open
source Joomla! et l’incroyable vitalité des acteurs
professionnels de Joomla!. Cette première édition
sera marquée par de nombreux temps forts, avec
des prises de parole d’experts, des conférences et
des tables rondes orientées vers des applications
métiers traitant de l’un ou des thèmes généraux
ci-après :
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
81
• Chaine de production et méthodologie. Cloud (auto-scaling) et Big Data
Nous recherchons des conférenciers !
• Sécurité & Performance. Hébergement à la demande.
• Interopérabilité. Hébergement selon trafic temps réel (auto-scaling).
Voici quelques pistes possibles pour entrer dans les
• Digital Marketing. Enregistrement et recherche big data, nosql…
thèmes proposées :
• Cloud (auto-scaling) + Big Data.
Chaîne de production
• Méthodologie (Agilité, réutilisabilité, infrastructure
Les sessions doivent être orientées vers des
de développement…).
applications métiers traitant d’un ou plusieurs Intéressé ? Contactez-nous !
• Framework.
thèmes généraux ci-dessus et mises en œuvre sur
• Rentabilité (coût d’un projet Joomla!).
des sites ou extranet ou intranet. Si l’aventure de présenter une ou deux sessions de
• Ressources nécessaires.
Par exemple, elles peuvent porter sur des systèmes 45 minutes environ selon les thèmes sélectionnés
Securité & Performance
de gestion électronique de document (GED), gestion vous intéresse, faites-nous parvenir ici un titre et
• Audit ?
de planning, CRM, système de crowdfunding, un résumé court afin que nous puissions évaluer
• Les SGBD compatibles.
signature électronique de contrat, solutions de avec vous de la pertinence du sujet par rapport à
• Architecture.
recherche, site e-commerce BtoB ou BtoC…, avec l’événement !
Interopérabilité
le plus souvent une dimension mobile. Il ne s’agit En espérant pouvoir vous compter parmi nos
• Interconnexion et solutions de convergence
pas de promouvoir telle ou telle extension Joomla! intervenants, nous nous tenons à votre disposition
avec Joomla!
ou telle agence mais de montrer que Joomla! est la pour tout complément d’information.
• Multi sites, web services, passerelles.
réponse aux enjeux et problématiques des DSI L’équipe du JoomlaBusiness
Digital Marketing
et Chefs de Projets. Contact : Cyril Thibout
• SEO : Search Engine Optimization.
(programme@joomlabusiness.fr)
• SEA : Search Engine Advertising.
• SEM : Search Engine Marketing.
• SMO : Social Media Optimization.
• Retour sur Investissement.
Dossier

Commu-
nauté
 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Tour d’horizon
des JUGs
francophones
Vous connaissez surement le slogan «Joomla! a un cœur battant :
sa communauté» ! Depuis quelque temps, des groupes d’utilisateurs
Joomla! français se sont déclarés en tant que Joomla! User Group,
rejoignant ainsi les JUGs francophones déjà existants. Cinnk Magazine
est allé à la rencontre de ces groupes algériens, belges et français, et leur
a posé quelques questions. Une manière de prendre le pouls de cette
communauté qui, on peut vous le dire, confirme bien ce slogan !
85

passionnés, variés, bienveillants… les membres qui le

Pouvez-vous présenter votre JUG en
quelques mots
Cédric pour le JUG Strasbourg
Nous sommes une petite équipe locale en Alsace
qui essaie de regrouper ceux de la région, mais aussi
d’ailleurs. On se retrouve régulièrement avec nos
voisins Suisses par exemple. Les rencontres sont
plutôt cool, il y a tous les niveaux et des personnes
de tous horizons.
Céline pour le JUG Toulouse
Un groupe avait été créé sur Toulouse par Pierre
Sempé en 2008. En perte de vitesse à son départ de
Toulouse, il s’est reconstitué suite au JoomlaDay de
Strasbourg en 2012 avec la volonté d’organiser le
JoomlaDay suivant à Toulouse. Défi relevé. Quelques
réunions mensuelles ont suivi mais le groupe
s’est essoufflé avec les impératifs professionnels
de chacun. À l’occasion du lancement des Jugs
en France, l’AFUJ m’a contacté pour savoir si
un Jug Toulousain serait envisageable. Nick a
bien voulu me suivre dans l’aventure et m’aide à
organiser des rencontres à la Cantine dont il est
le régisseur. Le groupe v 3.0 est enthousiasmant :
composent sont à l’image de cette communauté que
j’aime retrouver lors des JoomlaDays.
Christophe pour le JUG Wallonie
Le JUG Wallonie est né fin 2011 avec pour but de
rassembler les joomleurs francophones belges.
L’appellation “JUG Wallonie” (nom de la région
francophone de Belgique) et non, “JUG Bruxelles”
p.ex., permet cette identification linguistique (la
capitale étant une région bilingue).
En outre, la Belgique francophone n’étant pas très
grande (d’où qu’on soit, en une heure de voiture
on a quitté le pays !), cela n’avait pas de sens de
positionner la JUG sur une ville précise.
Djamel pour le JUG Alger
Le JUG Alger a reçu l’aval de la communauté Joomla!
en mars 2013, la première réunion s’est tenue en avril
2013, depuis nous nous réunissons tous les trois
mois.
CINNK MAGAZINE • MAI 2016
Eric pour le JUG Bordeaux
Le JUG de Bordeaux a été créé en 2007 par
des passionnés bordelais comme Xavier Reiss,
Yannick Gauthier ou Clarisse Taffard. Je les ai
personnellement rejoints en fin d’année 2007 et
nous n’étions à l’époque qu’une poignée. Basé sur
le principe des joomapéros, nous avons évolué
en 2008 vers des présentations de composants,
des ateliers référencement ou aide en direct et
le joomgroupe bordelais a commencé à croître
régulièrement.
Depuis cet été le joomgroupe bordelais est devenu
le JUG Bordeaux, cela nous permet d’être visible sur
le site officiel de joomla.org et donne également de
la visibilité sur l’action communautaire française et
francophone (je n’oublie pas nos amis belges !).
Georges pour le JUG Nice
Ce groupe a démarré ses activités en 2009 à
l’initiative de Thierry Broussegoutte. Au début nous
avions un peu de mal à conforter notre position,
n’ayant pas de lieu de réunion fixe, et puis nous
avons trouvé le Museaav, place Garibaldi, et cela
nous a permis de fidéliser le groupe.
Jean-Charles pour le JUG Paris
Le JUG Paris s’organise par l’intermédiaire du forum
Joomla.fr où le plus régulièrement possible et dans
un lieu différent à chaque fois, nos participants se
réunissent autour d’une thématique précise propre
au CMS Joomla!.
86 Karim pour le JUG Algeria
Notre JUG, s’appelle JUGALGERIA, c’est un
rassemblement d’utilisateurs de Joomla! à travers
le territoire national qui réunit les amateurs comme
les professionnels de Joomla. Nous œuvrons à
travers plusieurs événements et aussi sur les
réseaux sociaux en général pour la vulgarisation de
Joomla!
Nicolas pour le JUG Lyon
Le JUG Lyonnais a été créé suite au JoomlaDay
Lyon de 2011. Après l’événement, nous avons pris
contact avec les personnes locales et ainsi initié nos
rencontres entre Joomlers lyonnais.
Pierre pour le JUG Tarbes
Le JUG Tarbes est un groupe créé en Janvier 2016
par Dominique Emendi et Pierre Sempé. Ce groupe
est une excellente occasion de rencontrer des
développeurs Joomla! expérimentés qui peuvent
répondre aux questions que vous pourriez avoir
à propos de Joomla!, du développement Web, du
référencement, des médias sociaux et une multitude
d’autres disciplines. Du débutant à l’expert, nous
sommes tous ici pour partager, apprendre et
s’entraider.
Simon pour le JUG Grenoble
Nous étions quelques-uns à nous réunir autour
d’un verre et de Joomla! depuis plus d’un an, et
nous avons souhaité «officialiser» le JUG Grenoble
récemment, il y a quelques mois au retour du
JoomlaDay de Nice.
CINNK MAGAZINE • AOÛT 2015
Vinod pour le JUG Marseille
Notre Joomla! User Group est tout nouveau, et
c’est suite à une envie forte de faire des rencontres
ouvertes, de contribuer à la communauté,
d’échanger nos savoir-faire, et de retrouver les
joomlers de la région que nous avons monté ce JUG
début septembre. J’ai trouvé ça génial qu’on ait la
possibilité d’organiser des rencontres via un Joomla!
User Group local ! J’ai la chance aussi que Marc
Studer, membre du CA de l’AFUJ, se soit joint à moi
dans cette aventure, vu qu’il vient de s’installer à Aix-
en-Provence. À deux, on essaie d’agrandir et de faire
vivre notre groupe pour réunir les passionnés de
Joomla!.
De combien de membres est constitué
votre JUG, et quels sont leurs profils ?
Cédric pour le JUG Strasbourg
Le JUG est officiellement composé de 2 personnes
pour le gérer, car c’est un prérequis pour le
formulaire de community.joomla.org. La deuxième
personne qui gère le JUG Strasbourg avec moi
est Patrick Kohl, connu pour ses développements
Virtuemart. Mais il y a aussi Roland Leicher qui
habite dans le sud de l’Alsace et qui nous file de
bons coups de main pour l’organisation. On est
toujours ouverts aux esprits participatifs :)
Côté membres, c’est assez variable à vrai dire. Il
m’est arrivé à plusieurs reprises de croiser des
personnes une seule fois, tandis que d’autres sont
là depuis le début en 2008 : Alain, Gilloux, et moi si
je ne me trompe pas. On est régulièrement entre 5
et 6 personnes mais on s’est aussi retrouvés à 15
une fois ! Le profil des participants ? il n’y en a pas !
Tout le monde peut venir, il n’y a pas de prérequis,
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
on trouve par exemple Alain qui est suisse et qui
a une entreprise dans la création d’escaliers et
qui fait son site vitrine tout seul, ou Gilloux plutôt
orienté e-commerce. On trouve des personnes qui
font des sites, et il y a moi qui développe quelques
extensions. Ça va du débutant aux personnes plus
expérimentées.
Céline pour le JUG Toulouse
Difficile à dire. Il y a un noyau de 6 ou 7 réguliers
et une 12aine qui viennent plus ou moins
régulièrement. À chaque rencontre il y a de
nouvelles têtes, les profils sont variés. Certains
sont tout débutants et viennent découvrir, d’autres
comme moi connaissent Joomla! depuis 10 ans et
ont connu d’autres CMS. Certains ne jurent que par
Joomla! et d’autres zappent d’un CMS à un autre…
Nous sommes quelques webdesigners et 2 ou 3
développeurs.
Christophe pour le JUG Wallonie
Question difficile car cela varie selon nos
évènements. Dans le noyau, nous sommes une
petite dizaine. Cette équipe est celle qui permet au
JUG de fonctionner, de communiquer, de gérer le
site du JUG (www.jugwallonie.be), etc.
Lors d’évènements comme nos “Rencontres autour
de Joomla!”, nous pouvons être plus de soixante (64
inscrits lors de notre rencontre de septembre 2015,
malheureusement annulée en dernière minute suite
à un problème logistique dans le propriétaire de la
salle super-équipée qui devait nous accueillir).
87
Nos membres ont un profil qu’on retrouve dans
la communauté : le webmaster passionné
(photo, scooter, …), les enseignants, du personnel
administratif en charge du site de leur société
/ mairie et, aussi, des professionnels qui
développent des sites pour des clients ainsi que des
développeurs. Nous touchons aussi des débutants
qui viennent pour nos conférences et/ou journées
de formation “Grands Débutants”.
Des Français du Nord nous font aussi l’honneur de
leur présence.
Djamel pour le JUG Alger
À vrai dire il n’y a pas de membres fixes, mais plutôt
des participants qui assistent à nos réunions.
Ceux-ci proviennent de divers horizons, ça va du
simple curieux au webmaster, la culture et l’esprit
communautaire n’est pas encore très ancré en
Algérie, mais j’espère que ça changera avec le
temps.
Eric pour le JUG Bordeaux
Il est difficile de dire combien nous sommes
exactement car depuis 8 ans beaucoup sont
venus nous voir, parfois une fois, parfois très
régulièrement. Nous avons eu des Joomapéros où
étaient présentes plus de quarante personnes, suivis
d’un joomapéro où nous n’étions que quelques-
uns. Si je devais donner un chiffre global, je pense
que nous dépassons la centaine en cumulé et une
trentaine de membres réguliers.
CINNK MAGAZINE • MAI 2016
Georges pour le JUG Nice
C’est très fluctuant, on dira un noyau dur d’une
dizaine de membres qui peut s’étendre à une
vingtaine, parfois, sur des ordres du jour plus
racoleurs. Depuis 2 ans, le groupe est en 2 pôles, un
à Nice et un à Cannes, cela permet une meilleure
prise en compte des efforts de participation de
chacun vis à vis des distances.
Les profils sont très divers, des amateurs débutants
qui veulent découvrir, des amateurs du monde
associatif qui gèrent déjà un site et qui veulent être
plus compétents, des pros qui vivent de joomla!, qui
animent plus souvent qu’ils ne viennent chercher
de l’info. Des designers qui ont besoin de mieux
comprendre la dynamique joomla! pour leur création
graphique. On a eu des personnes provenant de
sociétés, mais c’est plus difficile de cerner leurs
recherches ;-) .
Eric pour le JUG Bordeaux
Il est difficile de dire combien nous sommes
exactement car depuis 8 ans beaucoup sont
venus nous voir, parfois une fois, parfois très
régulièrement. Nous avons eu des Joomapéros où
étaient présentes plus de quarante personnes, suivis
d’un joomapéro où nous n’étions que quelques-
uns. Si je devais donner un chiffre global, je pense
que nous dépassons la centaine en cumulé et une
trentaine de membres réguliers.
Jean-Charles pour le JUG Paris
Bien qu’il existe un certain nombre d’utilisateurs
88 réguliers, nous accueillons des nouveaux venus
à chaque réunion. Une vingtaine de personnes
se réunissent à chaque rencontre et tous types
de profils se côtoient avec majoritairement des
débutants et des professionnels.
C’est l’occasion pour certains d’apprendre et
de découvrir le potentiel d’un CMS maintes fois
récompensé, et de se lancer sur des bases solides
grâce aux conseils d’utilisateurs expérimentés
présents.
C’est aussi l’occasion pour les plus experts d’entre
nous de démocratiser le CMS Joomla et de récolter
des retours d’expérience très enrichissants quant
aux usages qui sont faits de ce CMS.
Karim pour le JUG Algeria
Le nombre officiel du bureau est de 15 personnes,
ce sont les membres qui se sont réunis pour
constituer ce Jug, mais il y a aussi les membres des
pages Facebook, du forum et des personnes qui
assistent à tous nos évènements qui dépassent les
2000 personnes.
Les profils n’ont pas une particularité spéciale, car
nous acceptons toute personne ayant envie de
connaître Joomla ou de se perfectionner.
Nicolas pour le JUG Lyon
Il y a plus d’une cinquantaine de personnes
membres du JUG. Tous les types de profils sont
représentés au sein de notre JUG. Nous avons
des développeurs, des professionnels du web qui
utilisent Joomla au quotidien, des webdesigners,
des débutants qui viennent découvrir Joomla, des
CINNK MAGAZINE • AOÛT 2015
amateurs qui ont leur site sous Joomla, etc. Bien
sûr, vu que nos réunions sont mensuelles, tout le
monde ne peut pas venir à chaque fois. Cela tourne
donc pas mal avec une moyenne de 15 personnes à
chaque rencontre.
Pierre pour le JUG Tarbes
Nous ne pouvons pas définir le nombre exact des
membres qui fréquentent le JUG Tarbes. Nous
avons organisé notre première réunion Mercredi 6
janvier 2016, 6 personnes étaient présente avec des
profils divers et variés : un jeune développeur de 21
ans étudiant à l’IUT de Tarbes, un graphiste print, un
webmaster du 1er RHP (Régiment des Hussards
Parachutiste), une débutante passionnée par le web,
et un journaliste photographe.
Simon pour le JUG Grenoble
Nous sommes actuellement une petite dizaine
à nous réunir, nous venons d’horizons différents,
du professionnel qui travaille avec Joomla!
(webdesigner, webmaster ou développeur), à
l’amateur, de débutant à confirmé. Ce qui est génial,
c’est cette diversité de profils, parce que chacun
peut apprendre de l’autre.
Vinod pour le JUG Marseille
Nous sommes actuellement 5 membres, vu que l’on
démarre notre groupe. Parmi les membres, nous
avons 2 développeurs/professionnels, 2 utilisateurs
amateurs, 1 membre professionnel.
À quelle fréquence
vous réunissez-vous ?
Cedric pour le JUG Strasbourg
La formule actuelle de nos rencontres se présente
sous la forme d’une journée avec repas du midi. On
organise cela le dimanche car c’est le jour où tout le
monde est disponible. On se retrouve à chaque fois
dans un autre endroit, chacun accueille à son tour
chez lui, sans obligation bien sûr. La fréquence de
nos rencontres est d’environ tous les 3-4 mois en
fonction des disponibilités de chacun. Le prochain
Joomapéro organisé par le JUG Strasbourg se
tiendra à Erstein le 13 décembre.
On passe une journée ensemble de 10h à 17h en
moyenne, avec une bonne bouffe le midi. :)
On essaie aussi de se regrouper pour faire du
covoiturage, cela permet de ne pas faire la route
tout seul. J’ai d’ailleurs dans l’idée de mettre en
place une petite carte pour localiser les membres
afin de mieux gérer tout cela.
Céline pour le JUG Toulouse
Une fois par mois à La Cantine Toulouse. Nous
avons choisi le second lundi de chaque mois, en
fin de journée autour d’un verre et quelques chips.
Rien n’est figé dans le marbre, on pourra envisager
d’autres formats.
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
Christophe pour le JUG Wallonie chaque année aux Journées du Logiciel Libre,
En général, nous réussissons à nous réunir trois afin de présenter Joomla! avec généralement
à quatre fois par an, le samedi de 9h00 à 18h00. une conférence puis un atelier «Premiers pas».
Nos dernières rencontres ont pu se faire dans un Enfin, nous avons également participé à plusieurs
centre de formations TIC, ce qui nous permettait de journées Pizza Bugs & Fun.
consacrer une journée entière “autour de Joomla!”
(en parallèle, des conférences et la formation). Pierre pour le JUG Tarbes
Nous essayons de nous réunir trimestriellement
Djamel pour le JUG Alger afin de mieux s’organiser et avoir des contenus de
Actuellement nous nous réunissons tous les trois qualité. Ces réunions s’organisent sous la forme
mois, généralement le week-end. Ça se passe d’after work à partir de 19 heures, principalement le
l’après-midi dans un café ou bien dans une salle mercredi.
quand il s’agit de réunion thématique de type
workshop. Simon pour le JUG Grenoble
Actuellement, nous nous réunissons tous les
Eric pour le JUG Bordeaux deuxièmes mardi du mois dans un café du centre-
Nous nous réunissons tous les mois, de septembre ville. Ce qui est super pour se rencontrer autour d’un
à juillet et cela depuis 2007, joli non ? :) Le format verre, mais reste tout de même perfectible pour
est toujours celui de l’after work, généralement de développer des ateliers ou des présentations. Nous
18h30 à 21h. sommes donc en recherche d’un lieu plus adapté !
Certains d’entre nous se rendent également au
Georges pour le JUG Nice JoomlaDay chaque année.
En général une fois par mois, le plus souvent en
fin de journée. Rarement des journées ou alors à Vinod pour le JUG Marseille
l’occasion de manifestations plus ouvertes (Journée C’est plutôt after work. Nous nous retrouvons une
du logiciel libre à Sophia Antipolis). Quelques fois fois par mois, car vu l’emploi du temps de chacun,
aussi des BBQ ou apéro chez l’un ou l’autre. ce ne sera pas possible de faire plus pour l’instant.
Notre objectif est de se retrouver au moins 2/3
Jean-Charles pour le JUG Paris heures à partir de 18h30 ou 19h30, sur une
La fréquence des réunions est très variable et discussion ouverte, ou sur des thèmes organisés.
peut dépendre de l’actualité Joomla. Celles-ci se Cela peut être les discussions liées à une difficulté
déroulent sous la forme d’after work sur Paris, technique, un savoir-faire Joomla!, les extensions, la
souvent le Vendredi, offrant la possibilité à chacun
d’y venir même après le travail.
sécurité Joomla, la sécurité hébergement...
Notre dernier JApéro a eu lieu le 14 octobre, vous 89
trouverez toutes les infos sur notre site.
Karim pour le JUG Algeria
Nous organisons chaque année un joomladay avec
des conférences, ateliers et concours, mais aussi
on se rencontre dans des sorties qu’on a appelé les
joomkahwa et ça n’a pas de fréquence exacte, car
on l’organise à chaque fois qu’on le peut. Chaque
premier janvier, on organise un joomlaltitude
où nous profitons de la nouvelle année pour discuter
de joomla! et se revoir, car le but primaire de nos
rencontres, c’est de mettre des voix et des visages
sur les pseudos avec qui on discute pendant des
mois sur Facebook ou autre !
Nicolas pour le JUG Lyon
Nous nous réunissons une fois tous les mois,
le premier mardi soir de chaque mois, à partir
de 19h. Nous participons également quasiment
Avec notre gamme de produits SIGB et
Portail Orphée, votre médiathèque est équipée
du CMS le plus performant du marché !
Retrouvez-nous sur : c3rb.org
CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Eric pour le JUG Bordeaux

Que faites-vous lors de vos réunions ? qui sont contre les changements effectués depuis la nous avons déjà eu l’occasion d’organiser des
Avec une première partie présentation de version 1. présentations sur Joomla! et ses extensions.
composant ou atelier, et une seconde partie où Nous faisons en sorte que tout le monde connaisse
Cédric pour le JUG Strasbourg
chacun partage ce qu’il a amené : boissons (nous tout le monde et ainsi créer des partenariats, Vinod pour le JUG Marseille
Alors oui on boit, d’ailleurs on commence par ça ! lol
sommes sur Bordeaux...), gâteaux, charcuterie, proposer des services entre participants et aussi Pour l’instant, nous discutons sur les thèmes
avec un bon café :)
fruits, etc... parler du programme du prochain joomladay. mentionnés juste avant. Mais on essayera
Il nous est déjà arrivé de faire des présentations,
Le dernier joomapéro de la saison est celui de d’organiser certaines présentations via un ordinateur
surtout lorsqu’il y a de la demande, mais
juillet, généralement fait en début de mois et sur les Nicolas pour le JUG Lyon portable. Nous n’avons pas la possibilité d’utiliser un
généralement c’est discussion ouverte. Chacun peut
magnifiques berges de Bordeaux rives droite. C’est Les réunions commencent généralement autour vidéo projecteur, vu que le Joomla! User Group de
exposer ce qu’il fait et partager avec les autres, mais
pendant ce joompique-nique que chaque membre d’un (plusieurs même) verres avec quelqu’un Marseille se réunit dans un Pub. Si nous avons plus
aussi poser ses problèmes pour y trouver de l’aide.
souhaite aux autres de bonnes vacances d’été, présentant quelque chose. de membres à l’avenir, nous envisagerons de nous
Le meilleur moment est généralement celui où on
reviens sur les moments fort de la saison passée Nous nous réunissons soit dans un bar de la ville et réunir dans un espace-coworking de Marseille.
commence l’apéro... ;)
et propose de nouveaux thèmes pour la rentrée de dans ce cas, on paye les consos au bar en partant,
Comme tu l’as compris, on est assez ouverts et on
septembre.. soit dans les locaux de Acyba et Hikari Software.
essaie de s’adapter à la demande du moment, et
aussi au nombre de participants. Et là, chacun ramène à boire et à manger, et nous
Georges pour le JUG Nice partageons le tout ensemble. Créer votre JUG ?
On fait de tout, avec des thèmes assez précis, des Les présentations durent généralement 1h ou 2h.
Céline pour le JUG Toulouse
préparations de tutos divers, des démos. Et bien Elles vont de la présentation d’une extension en
En général chacun apporte à boire ou à manger pour Vous êtes utilisateurs de Joomla! et il n’existe pas
sûr de la discussion sur des sujets du moment. Une particulier/framework de template, de comparaison
l’apéritif. Après un tour de table, une thématique de JUG à proximité de chez vous ? Vous pouvez
grande part est donnée à l’aide sur des problèmes d’extension/framework de templates, de la
est abordée : Gantry, SEO, etc. Cette thématique créer le vôtre ! Cela est très simple. Sur le Joomla!
précis rencontrés par des débutants ou des avertis présentation des nouvelles fonctionnalités de
est décidée d’une fois sur l’autre et, si quelqu’un le Community Portal, vous retrouverez un formulaire
plus exigeants. On boit aussi (modéré toujours) et Joomla, des trucs & astuces autour de Joomla, de
souhaite, il peut préparer une petite présentation. vous permettant de créer votre JUG.
on grignote des petites choses, tout cela apporté sujets plus généraux genre le SEO ou la sécurité
Sinon, ce sont des échanges libres. Les discussions
par chacun. des serveurs, etc. Certaines fois, nous faisons aussi
sont passionnées mais toujours dans la bonne Si vous rencontrez des problèmes, ou si vous avez
humeur. Les sujets sortent même parfois du cadre des séances «docteur joomla!» où nous essayons des questions, vous pouvez contacter Eric Lamy qui
Jean-Charles pour le JUG Paris de nous entraider sur des problèmes auxquels nous
du web ! Une rencontre a même été faite avec les fait partie de l’équipe Joomla! Users Groups Team.
Un sondage regroupant un certain nombre de faisons face.
utilisateurs de SPIP. L’ambiance et les échanges ont
thématiques est proposé aux futurs participants, Bien sûr, il est très fréquent que nous restions à
été tellement bons et agréables qu’on renouvellera
afin de définir le sujet de la prochaine réunion. Une discuter ensemble suite à la présentation. Voir que
ça. Et pourquoi pas avec les utilisateurs de Drupal,
fois validé, la date et l’heure sont confirmées et nous quelqu’un lance un défi au babyfoot :)
Wordpress ou autres… Une liste de thématiques a
préparons la thématique sous forme d’exposé PPT
déjà été proposée pour les mois à venir.
afin d’animer les débats et travailler sur un support Pierre pour le JUG Tarbes
90 Christophe pour le JUG Wallonie
Lors des dernières rencontres, nous avions
concret.
Plus qu’une formation, ces réunions permettent
Pendant notre première réunion, Mercredi 6 janvier
2016, nous avons organisé une vidéo-conférence
91
de faire découvrir concrètement aux débutants sur la découverte d’aeSecure avec la participation
carrément deux sessions parallèles : un cours pour
l’usage qu’il est fait (en fonction de la thématique) de Christophe Avonture le développeur du logiciel
les Grands Débutants (toute la journée) et des
et permettent aux professionnels d’échanger sur les et ancien développeur d’AllEvents un gestionnaire
conférences (en principe au nombre de quatre). Lors
méthodologies de travail. d’évènements pour Joomla!. Pour la deuxième
de ces journées, nous étions en séance plénière à
Les débats s’enrichissent également de sujets réunion, prévue au mois de mai, il sera question de
trois moments : le matin pour l’ouverture, durant le
connexes à la thématique définie et notamment de faire une install party dans un lieu très populaire à
repas de midi et comme clôture en fin de journée.
sujets sur l’usage du CMS Joomla dans le monde, Tarbes. Ce lieu est pour le moment tenu secret.
Avant de se quitter, nous organisons nos “forums en
sur son évolution et sur les opportunités qu’il offre.
live” c’est-à-dire que tout un chacun est libre de venir
Toujours dans la bonne humeur, chacun est libre Simon pour le JUG Grenoble
poser ses questions, de demander l’aide du groupe
d’apporter de quoi boire ou manger dans le but de Comme on le disait, c’est d’abord un moment
pour surmonter un problème avec son site. Bref, ce
joindre l’utile à l’agréable et de garder de l’énergie convivial, où l’on peut discuter, échanger nos
qu’on appelle dans le jargon un “Docteur Joomla!”.
pour rester concentré :-D expériences et avis, que ce soit sur Joomla!, ses
Notre défi, aujourd’hui, est de retrouver un tel lieu
Enfin, c’est aussi l’occasion pour chacun de faire extensions, mais aussi le référencement ou encore
de rencontre. Suite à notre annulation forcée de la
des rencontres, d’intégrer un groupe d’utilisateurs les structures d’entreprises.
rencontre de septembre 2015, nous allons réaliser
Joomla et parfois de saisir des opportunités de Bien que le lieu ne soit pas super adapté,
un inventaire des lieux que nos membres nous ont
travail.
proposés afin de redémarrer au plus vite : en effet,
les membres du “noyau” comme les participants
Karim pour le JUG Algeria
sont impatients de se retrouver prochainement
Pour les joomladay, c’est des conférences et
autour de notre sujet de conversation préféré !
ateliers, mais pour les autres rencontres, c’est une
occasion de revoir notre politique d’organisation, de
Djamel pour le JUG Alger
voir les membres afin de connaitre leurs critiques et
Ça discute beaucoup, pas mal d’échanges et
suggestions, afin d’aller de l’avant et de continuer à
d’exposés, et beaucoup de questions de la part
faire notre possible pour un résultat optimal.
des débutants. Les réunions se terminent par une
Nous discutons aussi de Joomla! et des nouvelles
collation, notre prochaine réunion se tiendra le 12
versions, avec les avis de ceux qui sont pour et ceux
décembre prochain.
 CINNK MAGAZINE • MAI 2016
Interview de
Djamel Kherbi
JUG Team Leader
Le premier mars 2016, Joomla.org annonçait la nomination
de Djamel Kherbi comme JUG team Leader.
Nous avons souhaité en savoir un peu plus sur Djamel et sur le rôle qu’il
allait avoir dans cette équipe qui gère les JUGs (Joomla! User Groups)
à travers le monde.
92 Bonjour Djamel, peux-tu te présenter
pour nos lecteurs ?
Je suis un passionné d’informatique et du web,
ingénieur du son de formation et réalisateur radio,
j’ai toujours côtoyé les machines et le monde
du numérique. En radio l’informatique a fait son
apparition à la fin des années 80, avec le boom
du web au début des années 90. J’ai découvert
l’encodage audio et le streaming ce qui m’a amené
à m’intéresser aux sites web et aux contenus
multimédia, les débuts des années 2000 marquent
un tournant pour moi avec la découverte du logiciel
libre IceCast et la création de ma première web
radio dédiée au Rap Algérien.
Joomla! et toi, c’est quoi votre histoire ?
L’aventure démarre en 2002 avec un projet de web
radio thématique dédiée à la musique Brésilienne.
À l’époque, je travaillais encore sur des pages
HTML statiques avec l’éditeur Front Page, la partie
dynamique de l’éditeur gérée avec l’extension
serveur de Front Page qui  prenait en charge un
compteur de visite. La gestion très basique des
formulaires avec des fonctionnalités CGI/POST
avait ses limites, pas pratique du tout, on se rend
compte assez rapidement des limites techniques
et des problèmes liés à la sécurité. En faisant des
CINNK MAGAZINE • AOÛT 2015
Djamel Kherbi
Joomla! aficionado, web master au pole
multimédia de la radio Algérienne, réalisateur
radio, organisateur du JUG Alger, Leader de
l'équipe Joomla! User Group.
recherches sur le web je tombe sur Mambo presque
par hasard, c’est le coup de foudre.
A l’époque j’utilisais un serveur local EasyPhp (le
doyen des serveurs en local host), je me suis très
vite rendu compte que j’avais entre les mains un
outil de création très puissant et d’une facilité et
d’une souplesse incroyables. Avec la fin du projet
Mambo en 2005, je découvrais  la première version
Joomla!.  Je n’ai pas accroché tout de suite, ce n’est
qu’en 2011 avec la sortie de la version  2.0 (1.6)
que je me suis replongé dedans, et là j’ai découvert
une communauté incroyable que j’ai commencé à
suivre. Joomla! m’a  permis de faire des rencontres
et de lier des amitiés, notamment avec la rencontre
de plusieurs membres de la communauté lors de
mon premier JAB (-> définition de JAB ?) en mai
2015 à Prague. Juste après le JAB  je postule pour
intégrer l’équipe des JUGs en tant volontaire.
Tu viens d’être nommé groupe Leader de
la JUG TEAM, en quoi consiste ce travail ?
J’ai rejoint la JUG TEAM en août 2015. Celle - ci
est responsable du maintien de l’annuaire des
groupes d’utilisateurs Joomla! répartis sur les
cinq continents de la planète. Nous recevons des
inscriptions que nous vérifions et selon certains
critères bien définis nous validons le JUG. Mais
ce travail va bien au-delà  de la vérification de
l’annuaire, il y a aussi tout un travail de support et
d’aide  pour encourager les utilisateurs du CMS
Joomla!, pour qu’ils s’organisent en JUGs dans leurs
villes. Nous sommes une équipe multinationale
de 12 personnes, c’est un vrai travail d’équipe. Ma
première tâche est d’assurer une coordination entre
les membres de l’équipe et de répartir les tâches.
J’assure aussi  la liaison avec notre CLT (Community
Leadership Team).
Pour toi, c’est quoi l’enjeu des Joomla!
Users Groupe dans le projet Joomla! ?
Les Joomla! Users groupe est un maillon essentiel
dans le projet Joomla!, la communauté est
composée de volontaires qui contribuent au projet
dans divers domaines. Ça va du codeur jusqu’au
designer et au marketing ainsi qu’aux groupes
de traduction, tous sont bénévoles et donnent de
leurs temps au projet Joomla!. Les JUGs font la
Gagnez du temps sur
vos maintenances Joomla!
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
promotion de Joomla! en organisant des réunions
et des ateliers, cela permet tout d’abord à des
personnes de se rencontrer en dehors du web et
ensuite de partager une passion commune pour
Joomla!. Il y a tout un networking qui se crée
autour de la communauté, pas mal de volontaires
proviennent des JUGs et apportent leur contribution
au projet Joomla!.
Je voudrais remercier Jennifer Gress qui fait
un travail formidable au sein de l’équipe, sans
oublier les membres de l’équipe qui apportent
beaucoup. J’ai aussi une pensée particulière pour
Jean-Marie Simonet qui a beaucoup fait pour
l’internationalisation de Joomla!.   
• Backups
• Mise à jour à distance
• Audit de sécurité
• Infos d’extensions
• Status du serveur
• Rapport PDF
Essai gratuit
durant 30 jours !
https://watchful.li
Le tableau de bord
du webmaster
CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015
Certification
L'historique
L’idée de la certification n’est pas nouvelle, nous en
parlions déjà lors du JoomlaDay de Toulouse avec
Radek Suski, Brian Teeman et Alice Grevet. Les
premiers écrits officiels datent de 2012-2013 avec
les articles de Helvecio da Silva sur le blog joomla.
Joomla!
org, celui de Brian Teeman ou le slideshare de Sarah
Eric Lamy Watz, plus récemment.
Acteur du web depuis pas mal d'années, j'ai Cette idée germait également dans les JUGs
découvert Joomla! en 2006 ; un CMS ouvert (Joomla! User Groups), et l’AFUJ (Association
et doté d'une communauté incroyable.
Francophone des Utilisateurs de Joomla!) a eu sa
part de discussions à ce sujet.
Un des événements Joomla! de cette année 2016 sera très certainement
le lancement de la certification. Pourquoi ? Parce que les enjeux qui se Les enjeux
cachent derrière cette certification sont considérables. Nous allons voir
Ils sont multiples, mais nous pourrions les résumer
ici pourquoi. Nous verrons aussi quelles sont les modalités pour passer ainsi : par définition tout logiciel libre est ouvert
cette certification : qui peut la passer ou la faire passer, quelle est sa et n'importe qui peut s'approprier les sources et
en faire ce qu'il veut, sous réserve du respect des
portée, à qui s'adresse-t-elle, est-ce nécessaire et pourquoi... licences Creative Commons. Là-dessus pas de
soucis ni de remise en cause.
Mais s'il est possible pour tous d'utiliser le logiciel,
nous ne sommes pas tous égaux sur notre manière
de l'utiliser, sur les compétences que nous avons, ni
sur les probables résultats obtenus.
La certification permettrait de normaliser les acteurs
en donnant un niveau de compétence et ainsi
92
d'assurer la confiance entre le commanditaire et le
prestataire.
À qui s'adresse la certification ?
En théorie, à tout le monde !
En effet, il est possible pour tout un chacun de
passer la certification, à partir du moment où
la personne se présente et paie son inscription
à l'examen. Seules les personnes morales sont
exclues de la certification, ceci pour éviter qu'une
entreprise fasse passer la certification à un de
ses employés et ensuite profite de la certification
y compris si la personne ne fait plus partie de
l'entreprise.
L'idée de la certification est, je le rappelle, de normer
des pratiques sur une personne, pas de labelliser
une entreprise.
Quel type de certification et quelle durée ?
Il y aura trois types de certifications : administrateur,
développeur et template, la dernière arrivant plus
tard car les jeux de questions ne sont pas encore
tout à fait prêts.
Quel que soit la certification que vous passerez, elle
sera valable uniquement pour la version de Joomla
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
pour laquelle vous l'avez passée. Par exemple en
ce moment, nous sommes sur les versions 3.x
de Joomla, la certification sera donc valable pour
toutes les versions de Joomla 3.x. Si une nouvelle
version majeure devait sortir, la version 4, une
nouvelle certification sera mise en place.
Qui fait passer la certification ?
Open Source Matters, OSM pour les habitués,
a décidé de s'associer à des Joomla Learning
Partners, les JLPs. Ces JLPs sont des entreprises,
des Joomla User Group (JUG) ayant fait la demande
auprès d'OSM pour devenir centre d'examen. Les
JUGs organisant les JoomlaDay seront également
habilités à faire passer la certification.
Où passer la certification ?
Plusieurs possibilités s'offrent à vous :
• Dans les Joomla Learning Partners dont la liste
officielle sera disponible sur le site officiel
• Auprès des JUGs lors de sessions mises en place
spécialement pour cela
• Pendant les JoomlaDay où là aussi le JUG
organisateur proposera une session dédiée au
95
passage de cette certification.
Sera-t-il possible de préparer la
certification ?
Sur le site officiel certification.joomla.org seront
déposés des documents. Nous travaillons
actuellement sur un guide en étape par étape.
Autres questions…
Il y a encore beaucoup de questions que vous
pouvez vous poser sur la certification Joomla!
et tant mieux car cela signifie que son intérêt est
réel. Pendant les prochains JoomlaDay, dont celui
de Paris, des présentations seront faites par des
membres de la Certification Marketing Team.
N'hésitez donc pas à vous rendre dans un des
rendez-vous de la communauté pour pouvoir poser
vos propres questions.
Le site officiel certification.joomla.org est également
une source à suivre, nous mettrons dessus un
maximum de documentation et je me ferai un plaisir
de vous les traduire !
Bonne certification à tous et à bientôt !
 CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

"- Spread
J’ai fait une confidence lors du Cinnk Tank de
«  Less is more »
Grenoble pour me présenter aux membres de la
communauté présents ce jour là « Je m’appelle
Ma conviction est que la survie de Joomla! n’est
Sylvain et j’ai dézingué Joomla! pendant 10 ans ».
pas corrélée à une surenchère technique ou
technologique mais bien à sa capacité à mettre
Le trait, volontairement provocateur, avait le mérite
ses utilisateurs actuels et futurs au centre de sa
de mettre en lumière ce que tout le monde dans la

your
stratégie.
salle s’accordait à penser : Joomla! régresse. Après
des années d’ascèse même les aficionados ont
Il suffit de lire l‘argument clé de la nouvelle version
gouté au fruit défendu : ils testent des alternatives et
3.5 de Joomla! « Toujours plus »*  au détriment
certains y prennent goût.
d’un «Toujours mieux » pour mesurer le chemin à
parcourir.

C’est un changement culturel qui ne peut s’opérer

Joomla!
Comme un inspecteur des impôts qui
passe du côté de l’optimisation fiscale
J’ai rejoint Acyba depuis quelques mois pour
épauler Adrien, son fondateur, dans la mise en place
d’une stratégie marketing/communication. Après
avoir fondé et dirigé mon agence digitale pendant
que si la communauté est déterminée à attirer
de nouveaux membres au regard neuf dont la
principale qualité serait de ne pas savoir écrire
une ligne de code (!) : marketeur, rédacteur,
concepteur,  community manager, UX designer, etc.
Avant de demander à ses utilisateurs de diffuser

Love
16 ans, le défi proposé avait tout pour me plaire leur amour, Joomla! doit apprendre à tous les
: assurer le développement de deux extensions connaitre pour les aimer et à le leur montrer jour
dépendantes d’une plate-forme que j’ai déconseillée après jour.
pendant 10 ans.
Le challenge est de taille, mais toutes les personnes D’accord / pas d’accord ?
que j’ai rencontrées, Adrien le premier, m’ont @sylvainlaffont
convaincu et conforté dans mon choix : il y a

- Ok but
du talent et de la passion dans la communauté English version https://medium.com/@

96 Joomla!.
Force est de constater que ce talent, constitué de
sylvainlaffont
97
compétences techniques et technologiques, n’est * Source : https://www.joomla.org/3/fr/
malheureusement plus suffisant pour affronter
les défis du marché du digital publishing. Les web-
makers et web-publishers doivent être écoutés,
compris, conquis et fidélisés. 

show me
some love
first…"  Sylvain Laffont
Nouvel arrivant dans la communauté Joomla!,
Sylvain est un expert en stratégie web et en
marketing.
Dossier

Tutoriels
 CINNK MAGAZINE • MAI 2016
Le lien de menu,
colonne
vertébrale
de Joomla!
S’il y a quelque chose de central dans Joomla!, c’est bien le lien de menu !
Pour mieux en comprendre l’importance, voici une petite infographie qui
retrace très schématiquement ce qui se passe lors de l’appel d’un article
dans Joomla! [Pour simplifier, nous avons évacué la gestion des langues
100 et autres petits (hum, hum) détails…].
L’appel du contenu
Celui-ci est loin de suivre un azimut brutal, il va
glaner sur son chemin les différents éléments qui
vont constituer la page. Car comme vous le savez,
les pages de votre site n’existent pas en tant que
telles, mais se constituent lors de leur convocation.
Si j’appelle la page actualités de mon site par le
bais d’un lien de menu de type blog de catégorie
paramétré pour afficher un article en pleine largeur
et deux intros affichées par date, ce sont les trois
derniers articles qui vont s’afficher sur la page.
Mais si je n’ai que deux articles disponibles, la page
n’affichera que deux articles. Miracle du CMS qui
construit les pages en fonction de ma requête et de
ce qui peut y répondre !
CINNK MAGAZINE • AOÛT 2015
Christian Bardin
Consultant SEO indépendant dans le domaine
de l’Internet, createur de la societe Abondance
et du site www.abondance.com.
Un appel, plusieurs possibilités
On peut dégager trois cas de figure :
- Il existe un lien de menu ;
- Il existe un lien de menu apparenté ;
- Il n’existe pas de lien de menu.
Dans le cas A, l’appel a lieu directement par un lien
de menu et nous avons donc le fameux « ItemId »,
c’est-à-dire l’identifiant numérique unique du lien de
menu dans la base de données. Joomla! va donc
aller chercher ce qui est assigné à ce lien de menu :
template ; modules…
Dans le cas B, l’appel est fait par un « lire la suite »
par exemple. N’ayant pas d’ItemId au départ de
l’appel, Joomla! va aller chercher s’il existe un lien de
menu dans la base de données vers l’article appelé,
ou même un lien vers la catégorie de l’article.
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
Comme il y a un lien de menu « actualités » qui
mène vers cette catégorie, Joomla! va donc aller
chercher ce qui est assigné à ce lien de menu que
j’appellerai apparenté : template, modules…
Dans le cas C, nous n’avons ni lien de menu au
départ, ni lien de menu apparenté. Que va donc
faire Joomla! ? La réponse est simple : il va se servir
de l’ItemId origine de la page où le clic a eu lieu !
Joomla! va donc afficher l’article dans la mise en
page qui est celle de la page de l’appel.
Cela explique pourquoi mon joli module de slider,
qui est assigné uniquement en page d’accueil, est
encore là quand on a cliqué sur le « lire la suite »
d’un article lui aussi en page d’accueil.
Cet article et sa catégorie ne sont pas desservis par
un autre lien de menu : Joomla! reste dans la mise
en page existante lors du clic.
En route vers le rendu de la page
101
Le clic a lieu depuis : A - un lien de menu, B - un lire
la suite avec un lien de menu apparenté ou C- une
liste d’articles. 
- On requête la base de données ;
- On récupère le template assignée à l’ItemId ;
- On extrait les positions de publications de module
dudit template ;
- On récupère les modules publiés, avec vérification
des droits sur cet ItemId ;
- On récupère le contenu de l’article, avec vérification
des droits de lecture ;
- Et on affiche la page telle qu’elle doit être.
Comment pallier à ce souci ? C’est tout simple,
en créant un lien de menu vers la catégorie dans
un autre menu que le menu principal, menu qui
d’ailleurs peut ne pas être affiché et ne servir qu’à
gérer les assignations de modules et de templates.
 CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015
Je vais m’adresser ici à un débutant confirmé avec
Tirer parti du
quelques connaissances CSS. La distribution que
nous allons utiliser est celle disponible en français
sur joomla.fr
template Joomla!
Préliminaires
On va d’abord régler ce qui est possible par
l’interface d’administration.
par défaut,
Extensions ->Templates : Styles, puis dans le menu
Ghazal de gauche, cliquer sur Templates.
Module et compose sur github, modère avec En cherchant Protostar Détails et fichiers, on arrive
excès sur le forum francophone. Aime aussi sur Templates : Personnaliser, cliquer sur Copier le
valser avec le JavaScript tout en gardant à l'oeil template, on lui donne un nom, proto2.
Protostar
les cascades des CSS En retournant sur Styles dans le gestionnaire de
template, on vérifie que le 2e template a bien été
créé.
C’est à partir de celui-ci que nous allons travailler.
Comme Protostar se trouve dans la distribution
de base de Joomla, il est écrasé à chaque mise
à jour. Cette manip évite de voir disparaitre les
modifications apportées.
Nous allons explorer Protostar, le template distribué dans le package Précision
En cas d’erreurs sur l’index.php de proto2,
joomla!. C'est un terrain d'exploration très intéressant car il est équipé de
vous pourrez toujours récupérer l’index.php
toutes les fonctionnalités de base d'un template joomla, y compris son du template original Protostar.
interface adaptée à tous les formats (mobile, tablette, etc ...). En effet, il
102 a été conçu pour que l'utilisateur débutant du CMS puisse publier un site
correct sans trop de compétences PHP, CSS, JavaScript tout en offrant
Premiers réglages
au débutant "confirmé" des pistes sur le développement de templates.
On retourne sur Template : Styles -> proto2
Dans Templates : Modifier le style -> Paramètres
avancés, on choisit Fluid Layout, Google Font for
Headings, Oui
Explications
L’option Fluid Layout permet au template
de s’adapter à la largeur d’écran. On va
utiliser les «web fonts» ou polices pour le
web mises à disposition gratuitement par
Google. Cette police s’appliquera aux titres.
Open Sans est la plus courante.
Astuce n°1
Ajouter une feuille CSS
Extensions ->Templates : Styles, puis dans le menu
de gauche, cliquer sur Templates.
Chercher proto2 Détails et fichiers, on arrive sur
Templates : Personnaliser, cliquer sur index.php.
A partir de là, on peut faire quelques modifications
sur la poutre maitresse d’un template Joomla! que
représente son index.php
±ligne 43, en dessous de la ligne
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
$doc->addStyleSheet($this->baseurl . ‘/tem-
plates/’ . $this->template . ‘/css/template.
css’);
ajouter la ligne
$doc->addStyleSheet($this->baseurl . ‘/tem-
plates/’ . $this->template . ‘/css/custom.css’);
Enregistrer.
Puis cliquer sur Nouveau Fichier, une fenêtre modale
apparait, cliquer sur css, dans Type de chier,
sélectionner css,
Nom du chier, custom
Créer
Explications
Créer un fichier custom.css permet
d’ajouter toutes les modification des
styles CSS voulues sans toucher le fichier
template.css. Le principal intérêt est
d’éviter d’avoir à rechercher et modifier les
styles dans l’énorme fichier template.css.
Sans compter les erreurs potentielles et les
oublis. On peut créer autant de fichiers css
additionnels que nécessaire.
Astuce n°2
Utiliser correctement les polices Google
103
On retourne sur index.php par la méthode décrite
plus haut. ±ligne 87, remplacer
<link href=’//fonts.googleapis.com/
css?family=<?php echo $this->params-
>get(‘googleFont- Name’); ?>’ rel=’stylesheet’
type=’text/css’ />
Par
<link href=’//fonts.googleapis.
com/css?family=<?php echo $this-
>params->get(‘googleFont- Name’);
?>:300,400,600,700,900’ rel=’stylesheet’
type=’text/css’ />
Enregistrer
Explications
Avec CSS3, "bold" disparaît progressivement
au profit de "font-weight", qui permet d'affiner
l'affichage des polices. 300,400,600,700,900
indique une progression de l'affichage de
moins gras à plus gras.
Pour afficher des titres en gras, la série des
balises h1, h2, etc.., par exemple :
Dans custom.css, ajouter :
h1, h2, h2 a, h3, .item-page h2 {font-weight:
700;}
Tester.
 CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Puis, ± ligne 177, remplacer :

Astuce n°3 Deux modifications supplémentaires à index.php --> Créer ou transférer un nouveau fichier
Utiliser la règle d'or de l'affichage <?php if ($this- 1er modif - Lors de mises à jour vers les versions --> Type de fichier : Sélectionner un type de fichier :
&gt;countModules(‘position-7’)) : ?> 3.4.x, des styles CSS ont été ajoutés dans index. PHP
en 2/3 -1/3 <div id=»aside» class=»span3» php. Comme nous voulons avoir la maitrise de --> Nom du fichier : uikit
l’affichage, je conseille de supprimer aussi ces --> IMPORTANT - cliquer sur le dossier mod_menu à
Le template Protostar n’a visiblement pas été créé Par
par des graphistes, dont la première préoccupation styles. gauche
est d’assurer l’équilibre d’un visuel, ou le déséquilibre <?php if ($this- --> Créer
&gt;countModules(‘position-7’)) : ?> /* Ouvrir le fichier uikit.php présent dans le dossier /
d’ailleurs, mais calculé. .navbar-inner, .nav-list > .active > a,
<div id=»aside» class=»span4»> mod_menu/.
La règle des 2/3-1/3 permet de présenter un .nav-list > .active > a:hover, .dro-
affichage équilibré, à la fois du point de vue de pdown-menu li > Copier le contenu du fichier uikit.php précédemment
l’ordinateur de bureau et de ceux des mobiles/ a:hover, .dropdown-menu .active > a, téléchargé. Le coller dans uikit.php.
tablettes. .dropdown-menu .active > a:hover, .nav-
Les développeurs de Bootstrap respectent cette pills > .active > a, .nav-pills > .ac- 3 - ajouter les fichiers du framework UIKit JS et
Astuce n°4 tive > a:hover,
règle en divisant l’espace en 12 parties. CSS nécessaires
Nous allons donc rééquilibrer Protostar en
Créer un menu alternatif à celui de .btn-primary
Télécharger les fichiers UIKit (https://
{
accordant moins d’espace à la colonne de gauche, BOOTSTRAP avec UIKIT background: <?php echo $this->params- dl.dropboxusercontent.com/u/32803028/cinnk/
celle des articles, et un peu plus d’espace à celle de >get(‘templateColor’); ?>; uikit.zip). Dézipper.
droite, la colonne des modules. Folcomedia a proposé un tuto sur la possibilité de } .navbar-inner Placer le dossier /uikit/ dans le dossier /media/.
Dans index.php, ± ligne 49, remplacer : construire un menu différent du menu d’origine { Retourner sur le fichier uikit.php - Extensions-
en s’aidant du framework UIKit, développé par -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, >Templates->Templates (au-dessous de Styles)-
// Adjusting content width Yootheme. .25), inset 0 -1px 0 rgba(0, 0, 0, .1),
>proto2->html->mod_menu->uikit.php
if ($this->countModules(‘position-7’) && Son intérêt réside dans l’implémentation, en mode inset 0 30px
$this->countModules(‘position-8’)) 10px rgba(0, 0, 0, .2); ± ligne 16, ajouter les appels aux fichiers JS et CSS :
responsive, d’un menu en sidebar, sur la gauche,
{ -webkit-box-shadow: 0 1px 3px rgba(0, 0, defined(‘_JEXEC’) or die;
uniquement sur tablettes et mobiles.
$span = «span6»; 0, .25), inset 0 -1px 0 rgba(0, 0, 0, JHtml::_(‘stylesheet’, ‘uikit/uikit.
} Je me base sur ce tuto pour cette astuce n°4. .1), inset 0 almost- at.min.css’, false, true);
elseif ($this- Télécharger le fichier uikit.php ou copier le fichier à 30px 10px rgba(0, 0, 0, .2); JHtml::_(‘script’, ‘uikit/uikit.min.js’,
>countModules(‘position-7’) && !$this- partir du site de Folcomedia. box-shadow: 0 1px 3px rgba(0, 0, 0, false, true);
>countModules(‘position-8’)) https://www.folcomedia.fr/blog/12-web-design/70- .25), inset 0 -1px 0 rgba(0, 0, 0, .1),
{ menu-joomla-responsive-avec-uikit.html inset 0 30px 10px C’est presque fini, juste un petit ajustement à faire
$span = «span9»; Conserver ce fichier. rgba(0, 0, 0, .2); sur les CSS, à placer à la fin de custom. css :
} } */ .uk-nav .uk-nav-sub {padding: 5px 0 5px
elseif (!$this- 45px;}
1 - préparer index.php
>countModules(‘position-7’) && $this- ± ligne 109 à 121
104 105
Depuis l’avant-dernière version de Joomla, la modi /* MEDIA QUERIES */
>countModules(‘position-8’)) @media (max-width: 768px) {
cation apportée à l’emplacement du menu ne 2e modif - Pour simplifier la démo, je rajoute un
{ .uk-navbar-toggle-link{display:
$span = «span9»; convient pas à cette méthode. appel à la font Font-Awesome, en dessous de l’appel
inline-block;padding-top: 3%}
} else { On va donc adapter index.php. ± ligne 144, à la police Google : }
$span = «span12»; } remplacer : <link href=’//fonts.googleapis.
com/css?family=<?php echo $this- Tester.
Par <?php if ($this- >params->get(‘googleFont- Name’); Si tout va bien, le site affiche un menu en sidebar
>countModules(‘position-1’)) : ?> <nav ?>:300,400,600,700,900’ rel=’stylesheet’ sur tablettes et mobiles.
// Adjusting content width class=»navigation» role=»navigation»> type=’text/css’ />
if ($this->countModules(‘position-7’) && <div class=»navbar pull-left»> <link href=»//maxcdn.bootstrapcdn.com/
$this->countModules(‘position-8’)) <a class=»btn btn-navbar collapsed» font-awesome/4.2.0/css/font-awesome.min.
{ data-toggle=»collapse» data-target=». css» rel=»stylesheet»>
$span = «span7»; nav-collapse»> Astuce n°5
<span class=»icon-bar»></span> <span 2 - préparer mod_menu pour une substitution
}
class=»icon-bar»></span> <span Créer un affichage alternatif aux articles,
elseif ($this- Extensions ->Templates : Styles, puis dans le menu
>countModules(‘position-7’) && !$this- class=»icon-bar»></span>
de gauche, cliquer sur Templates. Chercher proto2 catégorie en mode blog, articles en
</a> </div>
>countModules(‘position-8’))
<div class=»nav-collapse»> Détails et fichiers, vedette
{ on arrive sur Templates : Personnaliser,
$span = «span8»; <jdoc:include type=»modules»
name=»position-1» style=»none» /> cliquer sur Créer des substitutions, Il existe plusieurs solutions pour afficher des
}
elseif (!$this- </div> chercher mod_menu dans la liste, cliquer, articles, une catégorie, des articles en vedette, avec
>countModules(‘position-7’) && $this- </nav> le message suivant s’affiche : un layout différent de celui imposé par le template.
>countModules(‘position-8’)) <?php endif; ?> Message Ma proposition est assez simple à appliquer mais
{ Substitution créée dans /templates/proto2/html/ un peu délicate à mettre en place. Deux points
$span = «span8»; Par : importants sont à prendre en considération.
mod_menu
} else { Comme la méthode joue sur une manipulation du
<?php if ($this- Substitution créée avec succès.
$span = «span12»; }
>countModules(‘position-1’)) : ?> <nav lien de menu, le module Fil de navigation (mod_
class=»navigation» role=»navigation»> La création des fichiers et dossiers nécessaires breadcrumb) ne retrouve pas ses petits, donc exit le
<jdoc:include type=»modules»
au processus de substitution de mod_ menu étant Fil de navigation.
name=»position-1» style=»none» /> </nav>
<?php endif; ?> réalisé, nous retournons dans l’onglet Editeur. J’ai préparé les fichiers nécessaires à ce tuto, à
Etape suivante - Attention de respecter télécharger sur http://url.cinnk.com/66.
l’enchainement de la méthode : cliquer sur Nouveau Ces fichiers ont été prélevés dans le dossier /com_
fichier content/ et renommés. Dézipper.
 CINNK MAGAZINE • MAI 2016
Placer les fichiers du dossier /article/ dans le
dossier /templates/proto2/html/com_ content/
article
Placer les fichiers du dossier /category/ dans le
dossier /templates/proto2/html/com_ content/
category
Placer les fichiers du dossier /featured/ dans le
dossier /templates/proto2/html/com_ content/
featured
1 - on modifie les fichiers .xml.
Cette action va permettre de repérer l’offre
alternative dans le menu déroulant.
* fichier monarticle.xml
dans /templates/proto2/html/com_content/article
± ligne 3, remplacer :
<layout title=»com_content_article_
view_default_title» option=»com_content_
article_ view_default_option»>
par :
<layout title=»Mon article» option=»Mon
article»>
* fichier macat.xml
dans /templates/proto2/html/com_content/
category
± ligne 3, remplacer :
<layout title=»COM_CONTENT_CATEGORY_
VIEW_BLOG_TITLE» option=»COM_CONTENT_
CATEGORY_VIEW_BLOG_OPTION»>
106 par :
<layout title=»Ma cat&eacute;gorie»
option=»Ma cat&eacute;gorie»>
* fichier envedette.xml
dans /templates/proto-2/html/com_content/
featured/envedette.xml
± ligne 3, remplacer :
<layout title=»COM_CONTENT_FEATU-
RED_VIEW_DEFAULT_TITLE» option=»COM_
CONTENT_FEATURED_VIEW_DEFAULT_OPTION»>
par
<layout title=»En vedette» option=»En
vedette»>
2 - création d’un lien de menu vers un affichage
alternatif
Après ces petites opérations, rien de plus facile que
de créer un lien de menu vers l’affichage alternatif.
Dans le gestionnaire de menu, Nouveau, puis, en
cliquant sur Sélection dans Type de lien de Menu,
on voit apparaitre une fenêtre en modal,
avec les liens vers « En vedette », « Ma catégorie »,
« Mon article ».
Ensuite, si l’on a choisi « En vedette », la sélection
s’affiche correctement.
Notez la structure particulière de l’URL :
index.php?option=com_content&view=featur
ed&layout=proto2:envedette
comparée à celle d’un lien de menu principal
CINNK MAGAZINE • AOÛT 2015
(vers Accueil) :
index.php?option=com_
content&view=featured
Pour sélectionner d'autres catégories, aller sur
Affichage, puis sélectionner les catégories.
Remarque :
ces affichages alternatifs via un lien de menu
particulier se comportent chacun comme des
entités indépendantes. Par exemple, les articles
appartenant à une catégorie alternative n’héritent
pas de ses styles CSS.
Même opération pour les affichages alternatifs
d’articles ou de catégorie.
À partir de là, votre imagination vous permettra de
jouer sur les CSS, éventuellement le JavaScript ou le
PHP, avec une bonne connaissance de l’API Joomla.
Cadeau
Sur envedette.php dans /templates/proto2/html/
com_content/featured/envedette.php,
± ligne 61, remplacer :
<div class=»item column-<?php echo $row-
count;?>
<?php echo $item->state == 0 ? ‘ system-
unpublished’ : null; ?> span<?php echo
round((12
/ $this->columns));?>»
itemprop=»blogPost» itemscope
itemtype=»http://schema.org/BlogPos-
ting»>
par :
<div class=»item column-<?php echo $row-
count .» cat-$item->category_alias»; ?>
<?php echo $item->state == 0 ? ‘ system-
unpublished’ : null; ?> span<?php echo
round((12 /
$this->columns));?>»
itemprop=»blogPost» itemscope
itemtype=»http://schema.org/BlogPos-
ting»>
ou par :
<div class=»item column-<?php echo $row-
count .» cat-$item->catid»; ?>
<?php echo $item->state == 0 ? ‘ system-
unpublished’ : null; ?> span<?php echo
round((12
/ $this->columns));?>»
itemprop=»blogPost» itemscope
itemtype=»http://schema.org/BlogPos-
ting»>
Dans le premier cas, on récupère l’alias de la
catégorie à laquelle appartient l’article. Dans le
second, on récupère l’ID de la catégorie à laquelle
appartient l’article.
Dans les deux cas, l’information est insérée dans
la class CSS .item de chacun des articles en af
chage En vedette. Ce qui permet un «styling» af né
de chacun des articles en af chage En vedette, plus
précisément l’introduction.
Voila, c’est fini.
Enjoy.
 CINNK MAGAZINE • MAI 2016
Trucs
& astuces
Marc participe régulièrement aux ligting talks. Ce sont des
sessions aucours desquelles les intervenants présentent
des astuces sur Joomla!, cela en 5 minutes.
Marc à nous a proposé de mettre par écrit ses présentations
puis de les publier sur Cinnk afin d'en faire profiter la
communauté.
En voici une sélection.
108 Comment permettre à des utilisateurs
de ne voir qu’une partie de l’interface
d’Administration ?
Dans certains cas, on souhaite que certains
utilisateurs aient accès à l'administration, sans pour
autant leur permettre de tout voir et/ou de tout faire
(autrement dit, sans en faire des "super users").
Cela est très facile à mettre en place :
1. Permettre tout d'abord au groupe auquel
appartient l’utilisateur la « connexion à
l’administration » (éventuellement, créer un groupe
ad hoc)
Ensuite, pour chaque fonctionnalité que l'on
souhaite autoriser (exemple ici : gestion des
modules), sélectionner le groupe de l’utilisateur et «
autoriser » l’ « accès à l’administration »
Pour plus d'informations sur la gestion des droits et
CINNK MAGAZINE • AOÛT 2015
Marc Dechèvre
Sa carrière le destinait à autre chose, mais en
2008 Marc découvre Joomla lorsqu’il part vivre
en Afrique. Sur place, il commence à développer
bénévolement des sites et de retour au pays, il
décide assez rapidement d’en faire son métier.
accès de Joomla!, vous pouvez consulter le chapitre
gestion des utilisateurs de Joomla 3 Le livre pour
tous ainsi que le tutoriel sur les ACL de Joomla! qui
est une traduction de la documentation officielle de
Joomla!.
http://url.cinnk.com/67
http://url.cinnk.com/68
Comment insérer des modules Facebook,
Twitter, Paypal à votre site Joomla! sans
avoir recours à des extensions tierces ?
Nul besoin en effet d’installer une extension tierce
pour pouvoir afficher des modules de réseaux
sociaux ou autres, car cela présente trois avantages :
- Cela va aussi vite de créer un module « Contenu
personnalisé » (mod_custom) et d’y coller le code
- Cela évite d’alourdir le site avec des extensions
tierces
- Et surtout cela évite les questions de maintenance
et de failles éventuelles de ces extensions
Mais comment procéder pour trouver le code
HTML à insérer ? Il suffit de connaître les pages
où aller générer et copier le code voulu, en général
directement depuis le site du service concerné.
Voici les plus fréquents :
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
Facebook Illustration
https://developers.facebook.com/docs/plugins/
page-plugin L’éditeur : les logos sont simplement disposés dans
une liste à puces. Il est donc très facile d'ajouter / de
Twitter supprimer / de déplacer un logo...
https://dev.twitter.com/web/overview
https://about.twitter.com/resources/buttons
Paypal
https://developer.paypal.com/docs/classic/paypal-
payments-standard/ht_pps-donateButton/
https://www.paypal.com/us/webapps/mpp/get-
started/donate-button
Google Maps
https://developers.google.com/maps/
documentation/embed/start
https://developers.google.com/maps/
documentation/embed/guide#api_key
Tripadvisor
https://www.tripadvisor.fr/Widgets
Le résultat sur le site : les logos bien alignés, le cas
échéant grisés, …
Afficher les logos de manière facile,
flexible et fluide sur votre site web
Comment afficher les logos de ses partenaires, de
ses clients etc de manière facile, flexible et fluide
(responsive) ?
Que ce soit en bas de page ou sur une page
109
spéciale, il est en effet fréquent de devoir présenter
une série de logos.
Pour avoir une certaine maîtrise sur le résultat
final, certains ont recours à un logiciel de retouche
d’images pour réaliser une composition reprenant
tous les logos. Lourd, chronophage et pas très
évolutif.
D'autres fois, les utilisateurs créent un tableau pour
pouvoir y disposer les logos. Sur grand écran, cela
peut faire illusion, mais sur smartphone par exemple
un tel tableau va typiquement poser des problèmes
d'affichage (débordement, ...).
La solution la plus facile, flexible et fluide ?
Créer une "simple" liste à puces (bullet points), lui
attribuer une classe... et définir cette classe dans
votre fichier CSS.
Une image par élément de la liste à puces, et le tour
est joué !
Créé pour ceux qui construisent le web !
8 125
Années Extensions
d’innovation disponibles www.seblod.com
 CINNK MAGAZINE • MAI 2016
Vidéos YouTube et Vimeo
automatiquement responsives sur votre
site Joomla!
Parmi les nombreux Trucs & Astuces sur Joomla!
de Cinnk se trouve un article qui explique la manière
communément utilisée pour rendre une vidéo
YouTube ou Viméo responsive :
http://url.cinnk.com/6a
En fait, cette technique peut être bien entendu
utilisée pour rendre n'importe quel iFrame
responsive, qu'il s'agisse d'une vidéo ou d'un autre
lecteur (audio, flipping book, ...).
Rappelons ici brièvement comment on procède :
on entoure l'iFrame d'une DIV à laquelle on attribue
une classe
cette classe est définie dans le fichier css de votre
site (souvent custom.css)
Dans le HTML de l’article ou du module :
<div class="video-responsive">
<!– copier-coller le code depuis
YouTube -->
<iframewidth="560" height="349"
src="http://www.youtube.com/embed/Dh1U-
da6l5Og"></iframe>
110 </div>
Dans le CSS du site :
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.video-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} du site, par exemple via l'outil PHPMyAdmin mis à
Cette solution fonctionne certes très bien, mais elle
oblige d'ajouter manuellement dans le HTML cette
fameuse DIV autour de l'iFrame...
Si les vidéos à insérer dans le site sont nombreuses
et/ou si l'utilisateur final n'est pas trop à l'aise avec
le HTML et/ou si on est paresseux/efficace, il est
possible d'automatiser cela très facilement !
Voici concrètement comment procéder :
- Installer le plugin ReReplacer de NoNumber
https://www.nonumber.nl/extensions/rereplacer
- Dans Composants > NoNumber ReReplacer
cliquer sur Nouveau
- Mettre l'option "Expressions régulières" sur Oui
CINNK MAGAZINE • AOÛT 2015
- Mettre l'- option "Utilise le transformateur newline"
sur Non
- Dans le champ Remplacer, indiquer
<iframe(.*)src="(.*)(youtube|vimeo)
(.*)"(.*)<\/iframe>
- Dans le champ Remplacer, indiquer
<div class="video-responsive">$0</div>
Dorénavant, ce qui devait être fait manuellement
pour chaque vidéo se fait automatiquement à la
volée...
Aller plus loin
Comme on peut le voir à partir de cet exemple,
les Expressions Régulières (RegEx) sont un
outil très puissant, notamment pour faire des
recherches/remplacements. Si vous souhaitez
mieux comprendre comment cela fonctionne et
-éventuellement- adapter le ReGex à vos besoins,
vous pouvez repartir du présent exemple grâce à
l'outil suivant : https://regex101.com/r/gM2hZ8/2
Comment remettre à 0 le nombre de clics
des articles Joomla!
Vous l'avez déjà remarqué, Joomla indique pour
chaque article le nombre d'affichages depuis sa
création. Ce n'est évidemment pas un outil aussi
développé qu'un Google Analytics par exemple, mais
ça permet malgré tout d'avoir une certaine vue sur
la popularité respective des différents articles... et
surtout cela peut être exploité, par exemple si vous
affichez un module reprenant les X articles les plus
populaires.
Pour différentes raisons, on peut vouloir remettre à
0 le nombre de clics de tous les articles.
Pour peu que vous ayez accès à la base de données
disposition par votre hébergeur (ou sur votre serveur
local), exécutez la requête suivante :
update prefix_content set hits = 0
où prefix_ doit être bien entendu adapté selon le
préfixe réelle des tables du site dans la base de
données.
Et vous voici avec un site comme neuf (ou plutôt,
"remis à zéro") !
Comment avoir plus de champs
Utilisateurs
Vous avez envie d’avoir quelques champs en plus
lors de la création des comptes Utilisateurs, tels que
adresse, téléphone, …
Des classiques, certes, mais absents par défaut.
Si votre besoin est limité (et qu’il ne s’agit donc pas
de créer une communauté avec des fonctionnalités
etc), il y a une solution toute simple : le noyau de
Joomla embarque un plugin qu’il suffit d’activer pour
disposer d’une série de champs complémentaires !
Voici comment procéder
Activer le plugin "Utilisateur - Profil" :
Choisir ensuite les champs que l'on souhaite activer :
CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016
Aller plus loin
Vous avez besoin de champs qui ne sont pas prévus
dans cette liste ?
Une solution pragmatique : changer le libellé d'un
champ grâce à la substitution de langues…
Pour ce faire, suivre ce tutoriel :
http://url.cinnk.com/6b
JCE : autoriser les iFrames, les scripts etc
Par défaut, JCE "nettoie" une série de balises qu'il
considère comme non désirable. Et effectivement,
on ne souhaite pas forcément qu'un utilisateur
lambda puisse insérer du contenu sophistiqué tels
que des iFrames ou des scripts, qui pourraient être
malveillants.
Mais néanmoins, on souhaite parfois pouvoir insérer
de tels éléments. Comment faire ?
Le site de JCE est très complet et il y a fort à parier
que la réponse précise à votre besoin s'y trouve
déjà. Quelques exemples :
Vous voulez insérer un iFrame dans un article mais
JCE l’efface lors de la sauvegarde ?
https://www.joomlacontenteditor.net/support/faq/
item/iframe-removed-on-saving
Vous voulez insérer du javascript, des onclick,
111
onmouseover etc, mais JCE les efface lors de la
sauvegarde ?
https://www.joomlacontenteditor.net/support/faq/
item/scripts-removed-on-saving
 CINNK MAGAZINE • MAI 2016 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • AOÛT 2015 CINNK MAGAZINE • MAI 2016

Cinnk magazine
Les contributeurs réguliers
Gaëlle Berguin iconographe et illustratrice de talent
Elizabeth alias Petite Fée auteure et secrétaire de rédaction

c'est quoi ?
Jean François Goude auteur et vulgarisateur de code
Christophe Avonture auteur et chasseur de virus
Ghazal auteure et amie de JavaScript et de CSS
Serge Billon auteur et testeur extensif d’extensions
Stéphane Bourdouriou auteur et partenaire de la première heure

c'est qui ?
Claire Bost secrétaire de rédaction et traductrice émérite
Julien Mehl secrétaire de rédaction et traqueur de coquilles
Yann Gomiero auteur et chroniqueur de news

Depuis de juillet 2015, une équipe de passionnés de Joomla! et du web a
décidé de réaliser un magazine mensuel diffusé sur le site cinnk.com.
Son but est de contribuer au rayonnement de Joomla!, et aussi d’essayer
d’aller plus loin dans la construction de l’internet que nous aimons :
collaboratif et synonyme de partage.
Cinnk magazine est le fruit du travail et de l’implication de nombreuses
personnes : des auteurs, des traducteurs, des correcteurs, des graphistes,
des annonceurs et aussi des abonnés !
112
Les partenaires
Acyba / aeSecure / Aide-joomla.com / AFUJ / C3RB / DJExtensions /
Emmanuelle Huguenin / Hikashop / Joomlack / Petite fée / Pulsine /
Octopoos / SiteGround / Template Monster / Watchfull
Ont participé
Adrien Baborier / Alice Flavigny / Ariane Anduran / Arvind Chauhan
/ Bertrand et Isabelle Pascal / Brian Teeman / Cedric Keiflin /
Crystal Harris / Christophe Avonture / Cyril Thibout / David Arnaud
/ David Naudon / Djamel Kherbi / Emmanuel Lecoester / Eric
Lamy / Félicia Machet / Flavie Soreau / Georges Beyna / Ghazal /
Helvecio da Silva / Jean-Charles Gautard / Jean-François Goude
/ Jessica Dunbar / Karim Embareck / Lomart / Marc Dechèvre /
Nicholas Dionysopoulos / Nicolas Claverie / Nicolas Lemarinier 113
/ Olivier Andrieu / Peter Martin / Pierre-André Vullioud / Radek
Suski / Robert Deutz / Sander Potjer / Saurabh Shah / Simon
Kloostra / Sylvain Laffont / Viktor Vogel / Vinod Sarode

Les fondateurs Simon Grange

La rencontre avec le CMS, alors qu’il réside en
Irlande, donne une inflexion radicale à sa trajectoire
professionnelle : ce sera Joomla!
Créateur de Cinnk et auteur de plusieurs livres sur
Joomla!, Simon est un véritable amoureux de ce
CMS. Ses activités au sein de la galaxie Joomla! se
répartissent entre la modération de forums, l’écriture de
tutoriels, de livres et l’organisation d’évènements.

Christian Bardin
Webdesigner, Christian est un adepte de Joomla! depuis
un moment déjà, qui aime concevoir des sites et des
interfaces, de la maquette à l'intégration.
Mais ce qui le caractérise avant tout, c’est sa curiosité, et
le magazine lui permet de l’épancher à loisir.

Vincent Velasco
Graphiste, Vincent privilégie souvent un travail sur le
texte et la lettre en tant que signe qui fait sens, plutôt
qu’une approche illustrative ou figurative. juin 2016
Sa rencontre avec Simon lui donne envie de collaborer à paraître
au magazine en tant que directeur artistique.
Rédacteur en chef
Simon Grange

Rédacteur en chef adjoint

Christian Bardin

Maquette et couverture
Vincent Velasco

Secrétaires de rédaction
Élizabeth von Bramsch
Julien Mehl SÉCURISATION, OPTIMISATION & NETTOYAGE DE VOS SITES WEB
Ilustration et iconographie
Gaëlle Berguin

Traduction
Claire Bost

Merci Ledjam radio pour le soutient moral

Contact
cinnk@cinnk.com

Édité par Cinnk

16, rue Thiers - 38 000 Grenoble
Imprimé à 200 exemplaires par Grafi

Toute reproduction même partielle des textes,

photographies, dessins publiés dans Cinnk Magazine
et sur le site internet cinnk.com est interdite.

aeSecure est une solution logicielle en php qui offre une couche
de protection supplémentaire à votre site web

www.aesecure.com
Cinnk is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla!® name and logo is used under a
limited license granted by Open Source Matters the trademark holder in the United States and other countries.
www.cinnk.com/magazine