Création de sites : rencontre n°6 - 27 avril 2010

Le compte rendu de la rencontre du 27 avril établi par Remo a été diffusé à tous par le canal du "google group" (1ère PJ) On y trouvera également (2ème PJ) l'ébauche de cahier des charges établi par le groupe de travail des associations (GTAO)

Création de sites : rencontre n°5 - 13 avril 2010

1) XHTML: Feuilles de style: présentation du langage css sur un exemple de page web contenant des balises div pour définir des blocs avec identifiants pour la mise en forme de la page. Ce lien permet d'en savoir plus sur l'application de cette technique.
Il est convenu de se limiter pour cette année à cet aperçu rapide du code html et proposer éventuellement pour 2011 un cours xhtml complet dans la mesure où certains participants de cet atelier sont intéressés. A ce jour, il est en effet souhaitable de consacrer la totalité du temps restant à l'apprentissage de Joomla.

2) Joomla!
- Création d'une section, puis d'une catégorie dans la section, puis d'un article. Création d'un lien vers cet article dans l'un des menus.
- Remplacement du logo en plaçant une image dans le dossier du template utilisé, puis changer le nom du fichier dans la css du même template (ligne #logo).
- Remplacement d'une bannière (image publicitaire)

3) prochaines séances: les 27 avril, 11 mai, 25 mai, suite à définir d'un commun accord.
Nous convenons d'interrompre l'exploration un peu aléatoire de Joomla! en laissant à chacun le soin de faire ses propres découvertes sur son site d'essais personnel.
Les quelques séances à venir seraient consacrées à la création d'un site, le thème retenu étant "le portail des associations d'Orgerus". Un groupe de travail des associations intéressées et de la commission municipale a déjà élaboré un cahier des charges sur ce sujet.
Nous proposons que Remo et Bernard qui ont participé à ce travail présentent ce projet de conception d'ensemble et que nous nous donnions à partir de là des objectifs à court terme pour une première ébauche du site. Des fonctionnalités complémentaires seront introduites ensuite à mesure du développement.

Création de sites : rencontre n°4 - 30 mars 2010

1) Les bases du langage HTML: ont été présentées sur un exemple les fonctionnalités suivantes:
- le code source minimal d'une page (avant la balise html) qui précise la version de HTML utilisée et les codes linguistiques,
- le contenu de la balise head
- les images
- les liens
- les listes
- le XHTML: différence avec le HTML
On trouvera sur les tutoriels suivants, en complément de ceux indiqués dans le dernier compte-rendu, les tutoriels correspondants:
- balises images
- balises liens
- balises listes
- imprimer une page web (support utilitaire)
En préparation: un tuto consacré au code source minimal et à la balise head.
Les autres liens vers les tutoriels en ligne indiqué dans le précédent CR restent valables.
Bibliographie: un excellent livre à conseiller: Réussir son site web avec HTML et CSS de Mathieu Nebra (EYROLLES)

2) Joomla! A noter que le point d'exclamation (je viens de le découvrir!) fait partie du nom de ce CMS.
Après les déplacements de modules (module "Recherche" dans le "top", passer un des menus à droite, par exemple) qui nous ont appris à jongler avec les fonctions de l'administration de Joomla!, nous avons abordé de nouvelles extensions comme par exemple de nouveaux templates et une galerie de photos comme phoca_gallery_images à partir du site joomlafrance

3) Prochaine séance mardi 13 avril
- XHTML: les feuilles de style: le langage css présenté sur un exemple
- Joomla! (sous réserve de l'accord d'Antonio) : Les sections et les catégories, création d'un nouveau lien dans le menu, introduction d'une nouvelle image dans une bannière ou le logo...

Création de sites: rencontre n°3 - 16 mars 2010

1) Notions internet: les bases du langage HTML (Gérard):
On retrouvera les principales notions présentées sur les tutoriels suivants qui, à la demande de l'auteur, ne sont pas publiés sur le site RIO:
- HTML: règles et conseils
- Ecrire une page HTML
- Balises de structure de page
- Balises de mise en forme de textes
- Balises de création et de mise en forme de tableaux
Les autres tutos seront communiqués au fur et à mesure.
Autres liens qui constituent autant de tutoriels HTML en ligne:
Le site du zéro que nous recommandons particulièrement
Un tutoriel HTML
Developpez.com pour les développeurs, où l'on trouve "tout"...

2) Découverte de JOOMLA (animation Antonio et Roger):
L'installation de Joomla sur un serveur local a été reprise pour les personnes qui n'avaient pu participer à la séance du 16 février.
Les fonctionnalités suivantes sont explorées (dans l'espace "administration" du site d'essais créé par chaque participant):
- création d'un article hors catégorie
- affichage de cet article ou non en page d'accueil
- publier/dépublier un article
- activation/désactivation des articles (onglet contenu/gestion des articles)
- ajout d'un élément dans le menu, par ex le "top menu" (onglet menu/top menu)
- ajout d'un utilisateur et définition de son statut (onglet site/gestion des utilisateurs)
On retrouvera toutes ces fonctions dans le support joomla pour les nuls ou dans la rubrique d'aide de Joomla.

Une astuce des développeurs pour saisir un texte de taille variable sans signification par simple copier-coller: voir "lorem ipsum" très utile pour faire des essais.

Il est demandé à chacun pour les prochaines séances d'utiliser toujours les mêmes machines (portable personnel ou PC du réseau RIO), afin de consacrer le temps disponible à la découverte du logiciel.

3) Prochaine séance mardi 30 mars - Ordre du jour:
- 1ère partie: suite HTML: les liens, les images, les listes, le contenu de la balise "head", le XHTML et l'introduction aux feuilles de style.
- 2ème partie: suite Joomla: les catégories et sections, les modules, les extensions, les plugins. Introduction aux templates.

Il serait intéressant et constructif de profiter de ces rencontres et de les enrichir pour que les participants signalent au groupe et commentent leurs expériences nouvelles, les difficultés et bugs rencontrés, même en dehors des sujets principaux de cet atelier.

Création de sites: rencontre n°2 - 16 février 2010

1) Notions de base internet

Exposé de Noël sur l'architecture des réseaux et le modèle TCP/IP. On trouvera sur le site frameip.com le développement des notions présentées ainsi que l'évolution historique d'internet. A signaler également le site "commentcamarche" qui décrit avec clarté les notions essentielles.

2) Joomla

Cet outil de création de sites a été proposé par Antonio et Roger comme étant à la fois puissant et simple à mettre en oeuvre. Il est a priori analogue à Spip que plusieurs d'entre nous ont déjà pratiqué et qui sera étudié ultérieurement par comparaison.

Cette première séance est consacrée au téléchargement. On trouvera sur le site RIO le tutoriel d'installation établi par Roger.

A noter parmi les qualités importantes de ce type d'outil de création de sites la possibilité de développer son application "en local" sur un serveur installé avec base de données MySql sur le propre disque dur de l'utilisateur avant de le transférer en ligne. Pour ce faire, nous avons choisi WampServer comme logiciel, on aurait pu choisir EasyPhp qui remplit exactement les mêmes fonctions.

3) Prochaine séance le mardi 16 mars: découverte des principales fonctionnalités de Joomla sous la conduite d'Antonio avec des exemples fictifs dans un premier temps. Une application sera développée en commun lors des séances suivantes: le choix du thème du site des associations d'Orgerus est confirmé. La création de templates (squelettes) fera aussi l'objet des séances ultérieures.

NB: Pour les participants qui travaillent sur un PC du local RIO, il est possible d'enregistrer la totalité de l'application sur une clé et de poursuivre s'ils le souhaitent sur leur propre matériel à domicile.

Création de sites: rencontre n°1 - 2 février 2010

1) Présentation générale, programme: Cet atelier ayant pour thème la création de sites Internet a réuni 13 personnes pour cette première rencontre. La fiche-programme présentée sur le site RIO résume les orientations proposées au départ. S'agissant d'un atelier, il est clair que ce schéma est susceptible d'évoluer en fonction des souhaits des participants et des résultats obtenus dans cette démarche de groupe. La formule du blog permet à chaque membre d'apporter un commentaire sur un message, les souhaits et suggestions pouvant faire l'objet d'un échange en réunion et, le cas échéant, d'infléchir le déroulement du programme; Nous nous efforcerons de concilier la nécessité d'avancer et de "garder un cap" admis par la majorité des participants avec une grande ouverture aux avis émis par chacun. Vous devrez vous inscrire sur ce blog (sous votre prénom ou un pseudo) pour écrire un commentaire. Ce mode de communication est préférable à un mail pour les remarques et avis d'intérêt général. Une liste des e-mails sera communiquée par ailleurs aux participants.

2) Présentation des participants: Chacun se présente et indique quels sont ses projets personnels de création de sites: sites d'associations, sites personnels (photos...), sites de généalogie personnalisés, projets plus lointains
.
3) Déroulement des séances: Les niveaux de connaissances et d'expérience informatiques des participants étant divers, on adopte, pour le moment, l'organisation suivante:
- première partie désignée "culture générale informatique" est proposée à chaque rencontre (30 à 45 minutes). Présentation faite, soit par Noël, soit par l'un des participants et sera de préférence "participative". Un tutoriel sera, en principe, diffusé sur le site RIO dans la catégorie "internet" pour servir d'aide mémoire. Le premier tutoriel y est intégré sous le titre: Notions de base pour Internet. Seuls les chapitres relatifs à la codification binaire et au début des protocolesont été présentés (Gérard) lors de cette première séance .
- la seconde partie de chaque rencontre (1h15 à 1h30) sera consacrée aux outils de création de sites proprement dits. La connaissance des langages de base (HTML, JavaScrpt, CSS, Php, MySql...) devant être abordée dans le thème "culture générale" lors des prochaines séances, il semble préférable d'entrer directement dans le vif du sujet en découvrant sur des exercices d'application pratique un outil "élaboré" de création de sites (outils ne nécessitant pas la connaissance des langages de base, tenue à jour par des personnes ayant une connaissance élémentaire de l'informatique)
Dans cet esprit, ont été cités SPIP, Joomla et Drupal.
SPIP a déjà fait l'objet d'applications à RIO: voir le site de la Mairie d'Orgerus qui est opérationnel et donne entère satisfaction (créé par Noël, actualisation fréquente par la Mairie). Certaines difficultés ont été rencontrées (Roger) dans la création de site de l'ALO (Association des Loisirs d'Orgerus).
Joomla a déja été utilisé avec succès par Antonio qui a accepté de participer à notre atelier et de nous initier à cet outil.

4) Premier contact avec Joomla: Présentation par Antonio de sites réalisés avec différents (squelettes) et de l'ébauche du site ALO par Roger. Il est proposé de découvrir Joomla en groupe en développant, sous la conduite d'Antonio, un projet simple choisi d'un commun accord. Thème proposé par Joël Cateau et Remo Musa: le portail des associations d'Orgerus: un site où en plus des informations permanentes (déjà présentes sur le site de la Mairie) seraient planifiées les activités et évènements des associations pour permettre une meilleure coordination. Il a été demandé à Joël et Remo de construire une ébauche de cahier des charges pour la prochaine rencontre.
Il est conseillé à chaque participant de télécharger si possible Joomla avant cette rencontre ainsi que le package de simulation de serveur permettant de travailler en local: Easy Php, ou XAMPP ou WampServeur, la découverte de ce dernier semblant intéressante. Chacun pourra travailler en séance avec un PC du kocal RIO (en XP ou en Vista) ou avec son portable s'il le souhaite (connexion possible en Wifi sur la 9box de RIO)

5) Prochaines rencontres prévues: mardi 16 février, mardi 16 mars 2010.

Merci de signaler en commentaire d'éventuelles omissions ou précisions à apporter à ce CR