- Template E-commerce (6)
- Template Joomla (51)
- Template Musique (3)
- Template Internet (10)
- Template Monster (16)
- Template Sport (2)
- Template Communication (7)
- Template Arttistique (11)
- Template Designer (13)
- Template XHTML/CSS (26)
- Template Flash (19)
- Template Entreprise (8)
- Template Jeux (16)
- Template WordPress (48)
- Autres Templates (237)
Qu'est ce que le CMS Joomla ? Un CMS Open Source...
CMS : Content Management System ou Système de Gestion de contenu est un logiciel de conception de site qui permet à l'internaute de mettre à jour le contenu d'un site sans être un expert en informatique, ou un webmaster.
Et, Pourquoi avons-nous choisit Joomla pour développer nos sites CMS?Joomla (ex Mambo Open Source) est reconnu comme l'un des plus simple mais aussi l'un plus puissant Open Source Content Management System (CMS).
- Quels sont les avantages et les caractéristiques d'un CMS tel que Joomla? :
- Un "look" très professionnel
- Vous éditez, et modifiez rapidement le contenu de votre site, depuis n'importe quel ordinateur connecté à internet,
- Votre site internet peut contenir des centaines de page, vous souhaitez ajouter une nouvelle page? Très facile, en moins d'un 1/4 heure vous avez "vous même" ajouter une, deux voire même trois nouvelles pages, le tout sans avoir à payer un Web Designer!.
- Joomla est incroyablement simple et facile d'utilisation, performant et innovateur.
1) Installation d'EasyPhp
Nous vous recommandons d’utiliser Easy PHP comme serveur Web local, car il permet d’avoir à la fois le serveur Web (Apache) et la base de données MySQL qui est nécessaire pour faire tourner Joomla. Vous trouverez avec ce lien la version courante d’Easy Php (http://www.easyphp.org/telechargements.php3). Suivez attentivement l’installation de ce logiciel, afin d’avoir une plate forme correcte pour recevoir Joomla. Maintenant nous allons démarrer EasyPhp. Aller dans Démarrer / Programmes / Easy Php / Easy Php. Vous devez avoir tous les voyants au vert. Sinon reportez vous à l’aide d’Easy Php. (peut être avez-vous un autre serveur Web qui tourne ? IIS par exemple)
Une fois que cette installation est terminée et que les voyants sont au vert, on vérifie donc que le serveur fonctionne, en tapant dans la barre d’adresse :
http://localhost
Nous devrions donc avoir ce résultat :
Ici on voit deux répertoires, mais qui ne concernent absolument pas Joomla.
2)Configuration d'EasyPhp
En ce qui concerne la configuration d’Easy Php, il faut ajouter un paramètre en plus : La libraire GD2 pour le traitement des images. Pour activer cette libraire, il faut aller dans EasyPhp (prêt de l’horloge) Configuration / Extensions Php. Et n’oubliez pas de cocher l’option :
De plus, il est intéressant de d’activer le traitement des guillemets simples et doubles et de l’antislash. Pour cela, il faut éditer le fichier :
$répertoire_installation$\EasyPhp\apache\php.ini, ensuite il faut rechercher :
magic_quotes_gpc et mettre la valeur à On. Enfin, redémarrez Easy Php afin que les modifications soient prises en compte.
En ce qui concerne la base de données, il en faut une pour Joomla. Donc il faut se connecter à phpMyAdmin qui est l’interface du serveur MySQL. Pour cela, taper ceci dans la barre d’adresse : http://localhost/mysql/
Entrez le nom de la base de données (il faut s’en souvenir pour l’installation de joomla) et enfin cliquer sur le button Créer. Une fois la base de données créée on a donc tout l’environnement nécessaire à l’installation et l’utilisation de Joomla.
1) Installation de Joomla
Pour l’installation, il faut d’abord récupérer les dernières sources disponibles (sur www.joomla.fr ou www.joomla.org ) puis les copier dans le répertoire www qui est dans Easy Php. Une fois que les données sont au bon endroit, il faut ensuite retourner dans navigateur Internet et tapez dans la barre d’adresse : http://localhost/
Comme toute à l’heure, on arrive à la page d’Easy Php. Une fois qu’on clique sur le répertoire joomla, voici ce qu’on obtient :
Dans cette page de pré installation, joomla vérifie si la version de Php est la bonne, si les accès en écriture sur certains répertoires sont bons, si la version de joomla est à jour et tant d’autre. Sur la page suivante, on demande de lire la licence GNU/GPL. Une fois cette page passée, on arrive sur la première étape :
Lors du passage de cette étape, on donne les informations nécessaires à la création de la base de données. A savoir sur quel serveur pointé (ici localhost), le nom de l’utilisateur et son mot de passe. Il faut préciser le nom de la base de données (spécifié plus haut dans la création de la base) et enfin un préfixe utile pour reconnaître les tables de joomla entre toutes les autres. (Si vous avez plusieurs bases de données dans votre MySQL). Lors du clique sur suivant, joomla souhaite qu’on lui confirme les informations qu’on a donné, car sinon, il pourra écraser une base de données existante !
Lors de la deuxième étape, joomla nous indique si la création de la base de donnée a bien été exécutée. De plus, on donne le nom du site. Cette variable sera utilisée dans les e-mails, entre autres.
Pour la troisième étape, voici l’écran obtenu :
Dans l’étape trois, joomla nous confirme l’adresse absolue du site web (http://localhost/joomla), le chemin relatif des données du site ($répertoire_install$/EasyPhp/www/). On y précise aussi l’adresse e-mail de l’administrateur du site, et le mot de passe qui va avec.
Enfin pour la dernière étape, joomla nous précise de supprimer le répertoire Installation présent dans le répertoire joomla. Après avoir fait du nettoyage dans joomla, on a enfin ceci qui apparaît :
2) Informations utiles.
Avant tout, pour avoir accès à la console d’administration de joomla, soit vous cliquez sur le lien « administrer » soit vous allez directement à cette adresse :
http://localhost/nom_dossier/administrator/ Ensuite, il faut faire la différence entre certains termes. (Composants et modules).
Qu’est ce qu’un composant, un composant est un ajout qui est auto gérer. C'est-à -dire qu’il a sa propre fenêtre de configuration dans la console d’administration. Afin d’éviter qu’il n’y ait rien au premier lancement de joomla, certains composants sont installés. Celui qui gère les bannières et un autre qui gère les liens. D’autres composants sont bien sur disponibles dans les extensions sur le site de joomla.
Qu’est ce qu’un module, un module est un bloc que l’on retrouve dans la colonne du site (soit à gauche soit à droite). Comme pour les composants, certains modules sont activés dès l’installation de joomla, pour éviter de se retrouver face à du « vide ». Voici à peu près les modules de base :
Les rectangles présentent chacun un module différent. En bleu, le menu principal, en jaune le menu identification, et en vert le sondage.
D’un point de vue de « l’arborescence » ou plutôt de l’ordre des objets dans le site, on a donc avant tout la section, puis la catégorie et enfin les articles. Par exemple, on peut avoir une section qui se nomme FAQ, et les catégories pourraient être : Développement, administration, utilisation. Et enfin dans les articles on pourrait avoir : comment récupérer un OID d’un document, comment appeler un EJB, comment utiliser plusieurs methodServer…
1) Administration et console
Une fois la page d’identification passée, (http://localhost/nom_dossier/administrator/) on se retrouve face à cette belle page qui résume toute l’administration de joomla.
En bleu, on a la barre de menu, qui permet la navigation dans toute l’administration, en vert la barre d’informations vous donnera toutes les informations relatives à votre position dans la console d’administration. La barre d’outils (symbolisée par la zone jaune) permet d’effectuer les différentes actions disponibles sur chaque page. (Publier, sauvegarder, créer…)
Le panneau de contrôle donne lui accès, de façon raccourcis, aux différentes parties de l’administration. Quant aux onglets, ils montrent différentes statistiques sur le site en général.
Voici un descriptif plus approfondi de la barre de menus :

Grâce au lien Accueil, on retourne directement à l’accueil de la console d’administration. Dans la page Site, nous avons accès à la configuration globale de joomla. Cette page permet, de gérer la façon qu’ont les utilisateurs pour se connecter au site, de modifier éventuellement la configuration de la base MySQL (ce qu’il doit se faire en connaissance de causes), de gérer les mails… Cette page site contient aussi la gestion des langues, à savoir en modifiant un fichier dans le site, on peut avoir tout le site traduit (dans la langue de son choix, moyennant une hypothétique traduction). Il y a aussi le gestionnaire des images du site, qui permet de connaître les différentes images ou photos présentes sur le site. Un aperçu est disponible pour vous permettre de voir les différentes modifications que vous avez effectué sans pour autant avoir une autre page Internet sur laquelle serait la page d’accueil de votre site. Enfin il reste le gestionnaire de template (qui permet la gestion des feuilles de style, CSS), la corbeille, et la gestion des utilisateurs. Comme sous Windows, la corbeille sert d’antichambre à la destruction, juste au cas où il faudrait rapatrier vite ce qu’on vient de supprimer. Puis la gestion des utilisateurs, ce qui permet de leurs donner un rôle (auteur, rédacteur, validateur, manager, administrateur)
Une fois que la présentation du menu Site est faite, passons à autre chose. Le menu menu est décomposé en plusieurs sous menu. MainMenu, OtherMenu, TopMenu et UserMenu. Ceux-ci sont les menus de bases, on peut soit en rajouter soit en enlever. Par exemple, MainMenu, concerne le menu principal dans la marge de gauche (News, flux RSS, la FAQ…). Quant au TopMenu, celui-ci est situé tout en haut et correspond à Accueil, Nous contacter, News et Liens. Il en va de même pour les autres Menus.
En ce qui concerne le menu Contenu (content en anglais), c’est ici que vous créez le contenu à proprement parler de votre site. C’est dans cette partie que vous allez créer votre section (FAQ, aide au développement…) puis vos catégories (Développement, administration) et enfin vos articles. Le gestionnaire d’articles statiques permet la création d’articles seuls, sans rattachement à une catégorie.
Dans le menu Composants vous installer ou désinstaller les minis applications de joomla (flux RSS, les bannières, les sondages). Vous pourrez aussi les paramétrer.
Le menu Modules, qui comprend les différents menus, les statistiques, l’image aléatoire, permet la gestion des modules visibles ou non par le visiteur et par l’utilisateur enregistré. On peut aussi y sélectionner la position du module de tel ou tel côté du site. (Gauche, droite, haut et bas).
Le menu Mambot permet d’ajouter ou supprimer et configurer des scripts automatisés pour votre site. (Certaines recherches de mises à jour, les sauts de pages…)
Le menu Installation permet d’installer tous les composants, modules et mambots disponibles. Cette interface regroupe cette fonctionnalité uniquement, à savoir l’installation et la désinstallation.
Le menu Messages est la boîte des messages envoyés à l’intention de l’administrateur du site.
Enfin le menu Système permet de vérifier la version de joomla, le phpInfo, et les permissions sur les différents répertoires dont joomla a besoin pour fonctionner correctement.
Quant aux deux derniers, l’aide et la déconnexion n’ont pas franchement besoin d’être développé.
1) Installation du composant gestion de bibliothèque
Nous allons installer un composant, qui va nous permettre de gérer une bibliothèque. (avec des synchronisations sur amazon) voici le nom du composant : com_booklibrary_v0.2.zip. Tout d’abord, allez dans l’administration du site, puis dans le menu Installation (voir plus haut) On y sélectionne : composants.
Voici ce sur quoi on arrive :
En premier, il faut uploader le fichier zip qui contient le composant. On laisse le répertoire d’installation par défaut. (Celui-ci pointe dans le répertoire www d’EasyPhp, puis dans joomla,) A coté du bouton parcourir il faut cliquer sur installer. Cela permet d’uploader sur le serveur le composant. Vous devriez donc avoir une page qui vous indique « Upload component Success ». Il faut ensuite cliquer sur : continuer.
Nous voici de retour sur la page d’installation et on s’aperçoit que la liste des composants s’est agrandie. On y voit notre « Book Library ». Maintenant que l’installation s’est bien passée, il faut donc pouvoir y avoir accès.
2) Configuration et accès au composant
Une fois que ce composant est installé, c’est bien mais ce n’est pas tout. Il faut maintenant pouvoir aller le configurer mais aussi y permettre l’accès. Pour cela, il faut ouvrir le menu « menu » (voir plus haut). Une fois dans ce menu, choisissez d’éditer le menu : « MainMenu ». Une fois dans ce menu, on y voit la liste impressionnante de liens vers des composants, articles et autres… Dans la barre d’outils, sélectionnez nouveau :
Dans la liste qui apparaît, veuillez sélectionner Composant. Une fois ceci fait, il faut cliquer sur suivant dans la barre d’outils. Voici ce que vous obtenez :
Tout d’abord, donnez un nom au lien qui sera apparent dans l’interface, puis sélectionnez Book Library dans la liste des composants. Choisissez éventuellement un lien parent, son niveau d’accès et si elle sera d’ores et déjà accessible une fois que vous aurez cliqué sur Appliquer puis sauver… Maintenant sur la page d’accueil du site, la bibliothèque se retrouve tout en bas du MainMenu.
Mais ce n’est pas tout de l’avoir installer. Maintenant, il faut créer des nouveaux livres. Pour cela, aller dans le menu composant. Que voit on ? le contenu a été modifié et mis à jour. Voici ce qui est apparu :
Après, il suffit d’ajouter de nouveaux livres, et de gérer tout cela selon vos souhaits…
3) Conclusion
Voici comment installer et configurer son joomla. Il devient donc facile et rapide de faire son propre site web sans y passer trop de temps et surtout sans coder. Quant à toutes les extensions possibles, il faut se rendre sur le site officiel de joomla qui vous permettra d’obtenir toutes les informations nécessaires à ce que vous souhaitez faire. Si jamais, vous ne trouvez pas votre bonheur, vous pouvez toujours remonter les manches et plonger dans le code !









