Outils pour utilisateurs

Outils du site


joomla:projet

Réalisation du projet sous Joomla!

Travail préalable

Installation de Joomla!

Lors de l'installation de Joomla, décocher l'option donnant un contenu d'exemple pour débuter sur un site vide.

Vous pouvez télécharger Joomla!.

Installation en local

Vous devez disposer d'un serveur apache et d'une base de données mysql. Sous windows installez (au choix) :

Vous devez savoir comment créé une base de données et comment vous y connecter :

  • Serveur (eg: localhost ou localhost:num_port)
  • Login (eg: root)
  • Pass (peut être vide)

Le restant de l'installation est identique à celle vu dans le TP sur l'installation de Joomla.

Installer Joomla! en local est une bonne solution pour faire des tests.

Installation sur un compte

Vous pouvez installer Joomla! sur un de vos compte FTP.

Vous disposer d'une base de données :

  • Login : src2006_votreLogin
  • Pass : ########## celui du début d'année
  • Nom de la base : src2006_votreLogin
  • Serveur : src-mysql

Inutile de créé la base de donnée car elle existe déja (src2006_votreLogin) et vous ne pouvez de pas de toutes façon en créé d'autre.

Vérifier que vous pouvez vous connecter en allant à : http://src.pu-pm.univ-fcomte.fr/phpmyadmin/

  • Nom d'utilisateur : src2006_votreLogin
  • Mot de passe : ########## celui du début d'année
  • Choix du serveur : src-mysql

Vous devez créer un répertoire sur votre FTP avec filezilla et copier dedans le contenu de l'archive de Joomla!.

Le restant de l'installation est identique à celle vu en TP sauf qu'il vous faut fixer des droits sur certain fichier (777). Le programme d'installation de Joomla! le signale (en rouge), utiliser filezilla pour les changer (777).

Disposer d'une installation de Joomla sur un compte FTP est indispensable pour pouvoir travailler à plusieurs (créé des comptes pour chacun) et vous devrez l'avoir fait pour rendre votre projet (sur un compte de SRC ou chez un hébergeur).

Mise en place d'un gabarit (vide)

Télécharger le fichier du TP précédant.

Extraire l'archive est renommer le dossier TP_joomla.

templateDetails.xml

  <?xml version="1.0" encoding="iso-8859-1"?>
  <mosinstall type="template" version="1.0.0">
  	<name>TP_Joomla</name>
  	<creationDate>25/03/2007</creationDate>
  	<author>pracht</author>
  	<copyright>GNU/GPL</copyright>
      <authorEmail>[email protected]</authorEmail>
      <authorUrl>http://src.pu-pm.univ-fcomte.fr/public/profs/pracht</authorUrl>
  	<version>0.1</version>
  	<description>Gabarit vide pour TP</description>
  	<files>
  		<filename>index.php</filename>
  		<filename>template_thumbnail.png</filename>
  	</files>
  	<images>
  		<filename>images/fond.jpg</filename>
  		<filename>images/bare_ronde.gif</filename>
  		<filename>images/button_bg.png</filename>
  		<filename>images/menu.png</filename>
  		</images>
  	<css>
  		<filename>css/template_css.css</filename>
  	</css>
  </mosinstall>

Le personnaliser pour débuter un nouveau gabarit

Les points importants sont :

  • name : le nom du gabarit
  • creationDatedescription : divers renseignement
  • logiquement vous ne devez pas toucher à files
  • images : mettre içi les images utilisées par le gabarit
  • css : au besoin ajouter d'autre css

Placer le dossier renommé dans le dossier templates de votre installation de Joomla!.

Vous pouvez utiliser le nouveau gabarit en allant dans la partie administration : Site / Gestion des templates / Templates du site

Si vous le placer sur une instalation de Joomla! utilisé pour saisir le contenu du site, ne pas le mettre par défaut, juste l'assigner à des pages pour test. Ainsi vous disposez des gabarit par défaut pour saisir confortablement le contenu en attendant que votre gabarit soit utilisable (fini).

Partage des tâches

Vous pouvez (et devez) mener plusieurs tâches en parallèles :

  • finir le graphisme
  • intégrer le graphisme (pas besoin du graphisme final pour commencer à construire le squelette de la page)
  • choisir et tester des extensions
  • construire la navigation
  • saisir le contenu

Faire de préférence le travail de développement (intégration/extension) sur une installation locale de Joomla!.

Utiliser une installation sur un compte (ou vous aurez créé plusieurs utilisateur) pour faire la saisie, utilisez l'habillage par défaut de joomla en attendant la fin des développements.

Réalisation

Gabarit

Suivre la démarche vu dans le TP précédant.

Déterminer les positions

Joomla! gère les éléments afficher en fonction de positions qui sont indiqué pour chaque modules :

Construire le squelette de la page

Vous devez modifier le code du fichier index.php pour qu'il inclue les positions que vous allez utiliser (<?php mosLoadModules('xxxxx',-2);?>) ainsi que le corps du documents (<?php mosMainBody();?>) dans des divisions construisant votre mise en page.

Une bonne solution pour garantir la compatibilité avec tout les navigateur et de recourir à des mise ne pages testé :

Vous pouvez télécharger le fichiers css (reset-fonts-grids.css) : http://developer.yahoo.com/yui/download/
L'ajouter à votre gabarit. Il présente l'avantage de supprimer toutes les marges et mise en forme des éléments, d'homogénéiser la taille de police entre les navigateur et de contenir des règles pour des mise en page standard.

Alors vous pouvez utiliser cet utilitaire (YUI: CSS Grid Builder) pour construire le squelette de la page. Placer le code dans votre fichier index.php, replacer dans les division les codes chargeant les modules.

CSS

N'oublier pas de tester votre code avec différent navigateur. Penser aux problèmes classique : centrage et taille combiner avec padding.

joomla/projet.txt · Dernière modification: 2008/04/24 22:00 (modification externe)