Conférence à l'Atelier du Web Tourangeau le jeudi 24 Novembre 2008 ayant pour sujet "Créer et gérer facilement votre site Internet avec Joomla!" présentée par Claude BUENO.
Tutoriel : Apprendre à configurer et gérer un serveur Web sous Windows Server...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence Novembre 2008
1. Claude BUENO [ www.claudebueno.com ]
Créer un site Internet sans
programmation avec Joomla!
Joomla!, logiciel de gestion de contenu en mode open source,
permet de réaliser un site Internet de qualité professionnelle
via une interface de gestion et de mise à jour simple à utiliser.
Conférence Atelier du Web Tourangeau - 24 Novembre 2008
2. Claude BUENO [ www.claudebueno.com ]
POUR METTRE EN PLACE UN SITE INTERNET, PLUSIEURS SOLUTIONS :
TOUT CRÉER DE A À Z
UTILISER DES SERVICES EN LIGNE
METTRE EN PLACE UN SYSTÈME DE GESTION DE CONTENU
DEUX PHILOSOPHIES :
LES LOGICIELS PROPRIÉTAIRES
L'OPEN SOURCE
PRÉSENTATION DES SYSTÈMES DE GESTION DE CONTENU OPEN SOURCE
Créer un site Internet sans
programmation avec Joomla
3. Claude BUENO [ www.claudebueno.com ]
C.M.S. : CONTENT MANAGEMENT SYSTEM
→ SYSTÈME DE GESTION DE CONTENU
« EST UNE FAMILLE DE LOGICIELS DESTINÉS À LA CONCEPTION ET À LA MISE À JOUR DYNAMIQUE DE SITE WEB OU D'APPLICATION
MULTIMÉDIA. » WIKIPEDIA
QUI PERMET DE :
PUBLIER DYNAMIQUEMENT DU CONTENU SUR INTERNET
SÉPARER LE CONTENU DE SA MISE EN FORME
ACTUALISER LE CONTENU GRÂCE À UNE INTERFACE D'ADMINISTRATION
GÉRER LA PUBLICATION DE PLUSIEURS CONTRIBUTEURS
ORGANISER L'INFORMATION (CYCLE DE VIE)
D'EXPLOITER UN OUTIL ÉVOLUTIF ET MODULABLE
Créer un site Internet sans
programmation avec Joomla
4. Claude BUENO [ www.claudebueno.com ]
L'OPEN SOURCE PERMET :
D'ADAPTER L'OUTIL À SES BESOINS (FONCTIONNELS OU GRAPHIQUES),
DE BÉNÉFICIER DE L'AIDE D'UNE COMMUNAUTÉ DYNAMIQUE,
UN GAGE DE PÉRENNITÉ (LIBRE DISPOSITION DES SOURCES),
DE FAIRE DES ÉCONOMIES (DÉVELOPPEMENT ET LICENCES),
DE S'APPUYER SUR UNE INFRASTRUCTURE OPEN SOURCE.
Créer un site Internet sans
programmation avec Joomla
5. Claude BUENO [ www.claudebueno.com ]
LE CMS SIMPLIFIE LA PUBLICATION DE CONTENUS ET IL EXISTE AU
MOINS DEUX NIVEAUX D'UTILISATEURS :
CONTRIBUTEUR : GÈRE LE CONTENU
pages ou articles
rubriques ou catégories
insertion de médias
WEBMASTER : ADMINISTRE
gère les composants
les comptes contributeur
les aspects graphiques
Webmaster
Contributeur
Internaute
CMS
Créer un site Internet sans
programmation avec Joomla
6. Claude BUENO [ www.claudebueno.com ]
LA MODULARITÉ D'UN GESTIONNAIRE DE CONTENUS PEUT ÊTRE UTILISÉ POUR CRÉER UN BLOG,
UN SITE VITRINE, UN SITE COMMUNAUTAIRE, UN SITE E-COMMERCE,...
L'INTERFACE D'ADMINISTRATION EST AUSSI SIMPLE À UTILISER QU'UN TRAITEMENT DE TEXTE
CLASSIQUE :
Créer un site Internet sans
programmation avec Joomla
7. Claude BUENO [ www.claudebueno.com ]
LES COMPOSANTS VIENNENT AJOUTER DES FONCTIONS AU CMS DE BASE.
ILS SONT DÉVELOPPÉS ET MIS À DISPOSITION DE LA COMMUNAUTÉ.
ET COUVRE DES PÉRIMÈTRES TRÈS LARGES :
COMMUNICATION : BLOG, FORUM, NEWSLETTER,…
COMMERCE : E-SHOP, PETITES ANNONCES, PUBLICITÉ, ...
COMMUNAUTÉ : GESTION DE MEMBRES, NETWORKING…
DIVERS : LANGUES, SÉCURITÉ, VIDÉOS, GALERIE PHOTOS,...
Créer un site Internet sans
programmation avec Joomla
8. Claude BUENO [ www.claudebueno.com ]
LA SÉPARATION ENTRE L'ASPECT GRAPHIQUE ET LE
CONTENU DU SITE PERMET À UN GRAPHISTE DE CRÉER LE
DESIGN SANS SE PRÉOCCUPÉ DU CONTENU.
SA CONCEPTION PEUT SE FAIRE DE MANIÈRE CLASSIQUE ET
S’EST LORS DE SON CODAGE QUE SERONT INSÉRÉS LES
« BOUTS DE CODES INFORMATIQUES » QUI SERONT UTILISÉS
PAR LE CMS.
RÉALISATION AUX NORMES DE LA W3C.
Pages publiées
Mise en forme
Template
Contenus
Créer un site Internet sans
programmation avec Joomla
9. Claude BUENO [ www.claudebueno.com ]
ATELIER :
CRÉER UN SITE INTERNET GRÂCE À JOOMLA VERSION 1.5
PRÉ-REQUIS :
DISPOSER D’UN SERVEUR APACHE (EN LOCAL OU CHEZ UN HÉBERGEUR)
SUPPORTANT PHP (LANGAGE) ET MYSQL (BASE DE DONNÉES).
VOUS POUVEZ CONSULTER LE TUTORIEL POUR DISPOSER D’UN SERVEUR EN LOCAL :
HTTP://WWW.ITSYSTEM.FR/BLOG/INSTALLER-UN-SERVEUR-WEB-SUR-SON-PC/
Créer un site Internet sans
programmation avec Joomla
10. Claude BUENO [ www.claudebueno.com ]
LES ÉTAPES :
1. TÉLÉCHARGER JOOMLA
2. TRANSFÉRER LES FICHIERS SUR LE SERVEUR
3. CONFIGURER JOOMLA – SCRIPT D’INSTALLATION
4. VISUALISER LE SITE INTERNET
PS : NOUS ALLONS RÉALISER CETTE INSTALLATION EN LOCAL EN UTILISANT UN SERVEUR SITUÉ SUR
LE PC. UNE FOIS QUE CE DERNIER SERA DÉMARRÉ, L’ADRESSE DE NOTRE SERVEUR SERA
HTTP://LOCALHOST/
A PARTIR DU NAVIGATEUR, VOUS POUVEZ Y ACCÉDER EN PASSANT PAR W:
Créer un site Internet sans
programmation avec Joomla
11. Claude BUENO [ www.claudebueno.com ]
1 - TÉLÉCHARGER JOOMLA
SE RENDRE SUR LE SITE DE JOOMLA FRANCE : HTTP://WWW.JOOMLA.FR/
CLIQUER SUR LE BOUTON VERT POUR TÉLÉCHARGER LA DERNIÈRE VERSION DE JOOMLA
EN FRANÇAIS.
NOUS ALLONS COPIER LE FICHIER JOOMLA_1.5.8-STABLE-FULL_PACKAGE-FRENCH.ZIP SUR LE
BUREAU. PUIS LE DÉCOMPRESSER POUR OBTENIR TOUS LES FICHIERS QUI SERONT
UTILES À LA MISE EN PLACE DE VOTRE SITE JOOMLA.
Créer un site Internet sans
programmation avec Joomla
12. Claude BUENO [ www.claudebueno.com ]
2 - TRANSFÉRER LES FICHIERS SUR LE SERVEUR
DÉPLACER TOUS LES FICHIERS OBTENUS DANS LE DOSSIER WWW POUR OBTENIR CETTE
ARBORESCENCE SUIVANTE :
Créer un site Internet sans
programmation avec Joomla
13. Claude BUENO [ www.claudebueno.com ]
2 - TRANSFÉRER LES FICHIERS SUR LE SERVEUR
DANS LE CAS D’UN SERVEUR EN LIGNE (CHEZ UN HÉBERGEUR PAR EXEMPLE), NOUS UTILISERONS
UN CLIENT FTP POUR DÉPOSER LES FICHIER CHEZ L’HÉBERGEUR. POUR CELA NOUS AVONS BESOIN
D’UN LOGICIEL SPÉCIFIQUE :
JE VOUS RECOMMANDE L’EXCELLENT FILEZILLA, UN CLIENT FTP OPEN SOURCE
HTTP://WWW.CLUBIC.COM/TELECHARGER-FICHE11141-FILEZILLA.HTML
NOUS AURONS BESOIN D’INFORMATIONS QUI VOUS SERONT COMMUNIQUÉES PAR VOTRE
HÉBERGEUR :
ADRESSE DU SERVEUR, APPELÉ HOST OU HÔTE : EX : LOCALHOST EN LOCAL
UTILISATEUR : EX : ROOT EN LOCAL
MOT DE PASSE : VIDE EN LOCAL
PORT : TRÈS SOUVENT = 21
Créer un site Internet sans
programmation avec Joomla
14. Claude BUENO [ www.claudebueno.com ]
Joomla
3 - CONFIGURER JOOMLA
ALLER À CETTE ADRESSE POUR LANCER LE SCRIPT D’INSTALLATION DE
JOOMLA.
TOUT EST AUTOMATISÉ. AINSI, IL EST FACILE DE METTRE EN PLACE UN
SITE JOOMLA DE BASE SANS AVOIR À RENTRER DANS LE CODE
INFORMATIQUE. IL SUFFIT DE RÉPONDRE À QUELQUES QUESTIONS.
CHOIX DE LA LANGUE
AFFICHAGE DE L’ENVIRONNEMENT
AFFICHAGE DE LA LICENCE
CONFIGURATION DE LA BASE DE DONNÉES
CONFIGURATION FTP (EN LOCAL, LAISSER VIDE)
NOM DU SITE ET INSTALLATION D’EXEMPLE DE CONTENU (NON OBLIGATOIRE)
SUPPRIMER LE DOSSIER INSTALLATION
15. Claude BUENO [ www.claudebueno.com ]
4 - VISUALISER LE SITE INTERNET
UNE FOIS LE PARAMÉTRAGE DU SITE EFFECTUÉ, VOUS AVEZ UN SITE DE BASE INSTALLÉ ET
FONCTIONNEL. VOUS POUVEZ ALLER DIRECTEMENT DANS L’INTERFACE D’ADMINISTRATION
(UTILISATEUR : ADMIN ET LE MOT DE PASSE QUE VOUS AVEZ PRÉCÉDEMMENT DÉFINI) OU
VISUALISER LE SITE :
Créer un site Internet sans
programmation avec Joomla
16. Claude BUENO [ www.claudebueno.com ]
VOILÀ, VOUS DISPOSER D’UN SITE INTERNET ENTIÈREMENT FONCTIONNEL
DISPOSANT D’UNE INTERFACE D’ADMINISTRATION PERMETTANT D’AJOUTER DU
CONTENU, DES FONCTIONNALITÉS ET DE MODIFIER LA CHARTE GRAPHIQUE EN
QUELQUES CLICS.
TOUT SE PASSE DANS CETTE PARTIE D’ADMINISTRATION DU SITE ET VOUS
N’AUREZ PAS BESOIN DE MODIFIER LA MOINDRE LIGNE DE CODE
INFORMATIQUE POUR PERSONNALISER VOTRE SITE SUIVANT VOS SOUHAITS.
MAINTENANT À VOUS DE JOUER !
Créer un site Internet sans
programmation avec Joomla
17. Claude BUENO [ www.claudebueno.com ]
Claude BUENO
CHEF DE PROJET WEB ET E-COMMERCE
MOB : 06 68 99 91 62
TWITTER : @CLAUDEBUENO