ࡱ > ڬ bjbj `S a a 8 6 4 j! o R ^" \ ' X ( ( ( ( {1 t 3 < o !o !o !o !o !o !o , r u Mo +5 ( ( +5 +5 Mo 8 ( ( bo 8 8 8 +5 j ( ( o 8 +5 o 8 8 g X i 8 L /i $ o xo 0 o Si l Tv 8 Tv H i 8 i L +5 +5 +5 Mo Mo 8 +5 +5 +5 o Tv +5 +5 +5 +5 +5 +5 +5 +5 +5 :
Abeille section cyclotourisme
Rueil Malmaison
Spcification Site Internet
Mai 2018
Intitul Page
TOC \o "1-2" 1. Crdit PAGEREF _Toc387066821 \h 2
2. Spcification technique du site Internet (le "Site") PAGEREF _Toc387066822 \h 2
2.1. Principes gnraux PAGEREF _Toc387066823 \h 2
2.2. Informations disponibles sur le Site PAGEREF _Toc387066824 \h 4
2.3. Interfaces PAGEREF _Toc387066825 \h 6
3. Architecture du Site PAGEREF _Toc387066826 \h 8
3.1. Organisation fonctionnelle du Site PAGEREF _Toc387066827 \h 8
3.2. Architecture du Site PAGEREF _Toc387066828 \h 9
3.3. Structure dtaille au niveau du dossier matre du Site actuel PAGEREF _Toc387066829 \h 9
3.4. Sauvegardes PAGEREF _Toc387066830 \h 10
3.5. Structure dtaille au niveau du dossier matre du Site futur PAGEREF _Toc387066831 \h 10
3.6. Structure dtaille au niveau du serveur PAGEREF _Toc387066832 \h 10
3.7. En premier niveau, on trouve: PAGEREF _Toc387066833 \h 10
3.8. Chacun des sous dossiers contient, de la mme faon: PAGEREF _Toc387066834 \h 11
3.9. Convergence PAGEREF _Toc387066835 \h 11
4. Choix de l'hbergement PAGEREF _Toc387066836 \h 11
4.1. Hebergeur du nom de domaine PAGEREF _Toc387066837 \h 12
4.2. Hbergeur du Site PAGEREF _Toc387066838 \h 12
4.3. Hebergeur du mail PAGEREF _Toc387066839 \h 13
4.4. Certificat d'authenticit (https) PAGEREF _Toc387066840 \h 13
4.5. Distributeur de contenu PAGEREF _Toc387066841 \h 14
4.6. Accs aux robots des moteurs de recherche PAGEREF _Toc387066842 \h 14
4.7. Balises minimales de la page d'index PAGEREF _Toc387066843 \h 14
4.8. Balises minimales des autres pages: PAGEREF _Toc387066844 \h 14
4.9. Sceaux du webmestre Abeille PAGEREF _Toc387066845 \h 14
4.10. Rpertoires partags PAGEREF _Toc387066846 \h 14
5. Dfinition de la feuille de style PAGEREF _Toc387066847 \h 15
5.1. Style PAGEREF _Toc387066848 \h 15
5.2. Thme Wordpress PAGEREF _Toc387066849 \h 15
5.3. Standard HTML PAGEREF _Toc387066850 \h 15
6. Construction et entretien du Site PAGEREF _Toc387066851 \h 16
6.1. Responsables ditoriaux PAGEREF _Toc387066852 \h 16
6.2. Crateurs de contenu PAGEREF _Toc387066853 \h 16
6.3. Metteurs en pages PAGEREF _Toc387066854 \h 16
6.4. Mise en ligne (Webmestre ou gestionnaire chez l'hbergeur) PAGEREF _Toc387066855 \h 17
7. Transition vers le nouveau Site PAGEREF _Toc387066856 \h 17
7.1. Webmestres PAGEREF _Toc387066857 \h 17
7.2. Sites ancien et nouveau : Sous-domaines PAGEREF _Toc387066858 \h 18
7.3. Processus de transition PAGEREF _Toc387066859 \h 18
Crdit
Cette spcification a initialement t ralise par Christian, et a bien aid pendant les plus de 18 annes qu'elle a tenu la route virtuellement sans changement.
Spcification technique du site Internet (le "Site")
Principes gnraux
Objectifs du Site
L'objectif principal du Site est de faire connatre le club des fins de recrutement des membres potentiels, de prfrence Rueillois ou de la rgion :
Nophytes,
Cyclotouristes indpendants.
Le Site ne doit pas conduire recruter des membres qui ne soient pas dans l'esprit du club.
Un autre objectif du Site est de faire connatre le club et ses activits ouvertes tous aux autres clubs de la rgion et, ainsi, de faciliter et populariser ses organisations.
Un autre objectif du Site est de conserver des formulaires pour impression, essentiellement par des membres de l'Abeille, et, plus gnralement, de faciliter la conservation et transmission des outils utiliss par les bnvoles actuels entre les mains de leurs successeurs.
Un dernier objectif du Site est de permettre aux membres du club (nouveaux, actuels ou anciens) qui sont connects l'Internet de consulter ces informations et de les imprimer s'ils le souhaitent.
Contraintes
Accs ouvert. L'accs doit en tre ouvert tous. A ce titre, le codage utilis doit permettre une consultation :
Ouverte tout navigateur internet,
Tournant sur tout systme d'exploitation,
Sans exiger le langage de programmation Javascript (ou Java, ou Flash, ou autre, qui sont des sources de vulnrabilit connues), ou en l'utilisant avec dgradation efficace pour ceux qui, pour des raisons de scurit, dsactivent Javascript, Java ou Flash,
Sans exiger la possession d'outils logiciels propritaires et payants tels que la suite Office de Microsoft,
Possible avec ou sans images,
Possible sur petit cran d'une tablette ou d'un tlphone mobile.
Non-exclusion. Le Site ne doit pas tre cause d'exclusion au sein du club: ne pas exclure, en particulier:
Ceux qui n'ont pas d'accs internet;
Ceux qui n'ont pas achet la suite Office de Microsoft;
Ceux qui n'ont pas d'imprimante;
Ceux qui n'impriment que simple face sur format A4;
Ceux qui n'ont pas d'appareil GPS (Garmin ou autre) sur leur vlo;
Etc.
Non-exclusivit. Il ne doit donc en rien se substituer la table des runions mensuelles Abeille, o sont dposs des documents pour les Abeilles qui le souhaitent. Les informations proposes sur le Site sont donc celles connues par les membres du club l'aide des canaux d'information traditionnels (auxquels le Site ne se substitue en rien et sans en garantir le caractre complet), donc diffuses aprs leur communication normale. Ces informations sont :
Permanentes connues par les membres du club,
Annonces aux runions du lundi, et envoyes par courrier aux adhrents absents ces runions.
Bon march. Le Site ne doit pas coter trop d'argent au club. En particulier, les points suivants sont gratuits :
Sa construction (ralise par des crateurs bnvoles),
Les outils ncessaires (fournis par des bnvoles),
Sa mise jour (effectue par des administrateurs bnvoles),
Sa scurisation https par certificat d'une autorit indpendante (gratuit),
Sa diffusion et sa protection anti-DoS par un diffuseur de contenu (gratuit),
Ses outils de mail (gratuits),
Hbergement et dfense de son nom de domaine contre le vol (payant),
Son hbergement sur les serveurs partags et scuriss d'un hbergeur, sous forme d'une ou plusieurs base traditionnelle, PHP, Wordpress, Joomla, Drupal ou autre sans pour autant hypothquer la proprit par l'Abeille cyclotourisme de ses donnes et de son nom de domaine "abeille-cyclotourisme.fr" (payant),
Sa gestion par un ou plusieurs gestionnnaires (gratuit),
Son rfrencement sur des sites tiers (gratuit).
Initialement. sa cration, son hbergement et son nom de domaine taient ceux d'un prestataire internet. Le club acceptait de la publicit et acceptait de ne pas tre propritaire de ses propres informations. C'est maintenant termin.
Pleine proprit. Le nom de domaine utilis et le contenu du Site sont maintenant la proprit pleine et entire de l'Abeille Cyclotourisme. Ils sont aussi libres de toutes contraintes, sans publicit apparente ni cache, conformment la charte internet de la FFCT.
Textes. Les textes crits servant la communication interne au club sont placs sur le Site avec le minimum de travaux d'adaptation supplmentaires, sauf pour des textes manuscrits l'origine. Les formats .docx, .xlsx, .pptx, propritaires (et accs payant), sont proscrits du Site internet et remplacs par leur version .doc, .xls et .ppt, lisibles par des logiciels du domaine public. Toutefois, du au fait qu'un texte html doit tre vu par des crans de largeur variable bien que imprims sur du papier A4 (ou autre), le format populaire Word (.doc) est toujours converti en html pour publication. minima, un texte ancien scann est converti en .pdf, qui n'assure pas, ou mal, une navigation fluide. On y accde alors par d'autres pages du Site assurant la navigation.
Photos. Le site nouveau, plus que l'ancien, fera plein usage de photographies, souvent en pleine largeur. Ceci est rendu possible par l'acclration des dbits internet depuis vingt ans.
Langue. La langue du Site est le franais, et aucune traduction n'en est faite.
Informations disponibles sur le Site
Consultations d'informations gnrales
Les informations gnrales sont des renseignements sur le club, les orientations du club, la vie du club connues par tous les membres du club. Elles sont :
Les objectifs du club (plaquette publicitaire du club),
La composition du bureau,
-Rserv un ventuel site priv accs rserv aux adhrents- (informations prives). la liste des membres du club avec les adresses email, le numro FFCT, un ventuel trombinoscope comme Croissy,
[Rserv un ventuelle portion "Dirigeants" (le bureau)], (?),
Le rapport moral et d'activit de l'anne passe,
Les informations gnrales sur le club, comme la composition des membres : moyennes d'ges, proportion femmes / hommes,
Les rponses des questions frquemment poses (foire aux questions),
Les informations concernant les cotisations et assurances.
Liens du club avec des sites extrieurs
Les liens du club avec des sites extrieurs (voir REF _Ref386893610 \r \h 2.3.1).
Organisations du club ouvertes tous
Manifestations du club ouvertes tous et aux autres clubs (avec description dtaille des manifestations et tous autres moyens visant augmenter la participation) :
Marche de la Malmaison,
Randonnes de la Malmaison.
Ces pages sont, pour promouvoir leur accessibilit, ouvertes toute indexation par les moteurs de recherche (voir REF _Ref387060267 \r \h 4.6).
Organisations du club rserves aux membres
Dtails des programmes proposs par l'organisateur pour les week-ends, les semaines, les voyages,
Il doit tre clairement indiqu que ces dernires activits sont rserves aux seuls membres du club.
Programmes des activits du club
Parcours types : propositions d'itinraires au dpart de Rueil Malmaison :
Avec kilomtrages indiqus,
Pour les sorties du club en rgion parisienne ou pour des sorties libres.
Programme gnral de l'anne et ses mises jour ventuelles.
Programme du trimestre venir :
Mercredis, jeudis, samedis, dimanches, week-ends, Vlofourchettes, semaines, voyages, brevets, cyclo montagnards, marches,
Dtail des activits avec indication des lieux et heures de rendez-vous.
Ces programmes sont fournis afin de donner un aperu des activits du club et d'aider les adeptes du zro papier (mais sans exclure ceux qui n'ont pas d'imprimante la maison).
Faits marquants et comptes rendus des activits du club
Textes des comptes rendus sans toutefois demander d'interrompre la tenue du classeur des compte-rendus imprims.
Photos numrises souvenirs des manifestations et des organisations, avec tlchargement possible.
Archivage des anciens programmes, afin de capitaliser l'historique des activits. Cela aide dans le choix des futures organisations.
Annonces du club
Annonces concernant la vie et les organisations du club, comme par exemples :
Carnet du club,
Recherche de participants pour rentabiliser des organisations effectif cible rduit, qui ne sont pas au programme,
Recherche de coquipiers pour faire une randonne, effectif cible rduit, qui ne soit pas au programme,
Vente d'un vlo,
Notice d'utilisation
Depuis que le premier formulaire en ligne a t mis en place, le club et ses dirigeants sont directement exposs toutes formes de recours de tiers devant les tribunaux. Pour permettre de mieux les protger, une notice, au contenu essentiellement juridique, est accessible depuis le pied de page de toutes les pages du Site.
Interfaces
Renvois vers d'autres sites
Le renvoi vers d'autres sites est possible partir d'une page rserve, elle-mme accessible partir de la page d'accueil et ouverte, par rciprocit, toute indexation par les moteurs de recherche (voir REF _Ref387060267 \r \h 4.6). Il se fait au moyen de liens externes, ouvrant une nouvelle fentre ou un nouvel onglet du navigateur. Le premier de ces liens pointe vers le site de Vlo-Voyages, une organisation Abeille, le second vers celui de la FFCT et le troisime vers celui de la ville de Rueil Malmaison.
Le renvoi peut-tre en particulier utilis pour :
Nos participations des organisations extrieures,
Des complments d'informations diverses sur le cyclotourisme en gnral, et la technique en particulier.
On respecte le droit des tiers ne pas subir de liens (on leur demande toujours licence) ainsi que la rciprocit des liens de la Charte de la FFCT.
Le renvoi n'est pas utilis pour (charte de la FFCT) :
Des sites commerciaux (marchands de cycle , )
Tout site qui n'est pas en relation et dans l'thique du club.
Le renvoi peut aussi conduire des sites:
Personnels;
Spcialiss photos (le Site peut porter des photos, mais n'interdit en rien l'usage de sites spcialiss photos);
Spcialiss films (n'alourdissons pas le Site de films).
En bref, on utilise le renvoi pour ne surtout pas rinventer l'eau chaude ou s'approprier la connaissance d'un autre, mais on vite, par des renvois inappropris, de faire tomber les visiteurs dans des traquenards commerciaux.
Chemins d'accs au Site du club
L'accs au Site se fait soit par la connaissance de son adresse complte ou de son nom de domaine, soit par recherche base sur des mots cls.
Pour une recherche par mots cls, l'adresse la plus efficace est : "Abeille Cyclo" ou (plus long) "Abeille Cyclotourisme".
Le Site peut aussi tre trouv par les mots cl : abeille cyclotourisme, vlo, bicyclette, marche, abeille section cyclotourisme, l'abeille, Rueil Malmaison, cyclotourisme, cyclo-cyclote, cycliste, randonneur, randonne, touriste, petite reine, FFCT, et toute combinaisons de ces mots.
L'adresse du Site est fournie des sites choisis pour renvoi vers lui :
Exemples : Vlo-Voyages, FFCT, Coreg IDF, Codep, Abeille mre, Autres sections Abeille, ville de Rueil, OMS, Rueil vlo, Fdrations amies, clubs amis
Rsum d'activit. Le Site comporte aussi le rsum dactivit suivant, en 1024 caractres ou moins, rsum dactivit qui apparat lors des recherches par mots cls avec des moteurs du type Xquick, DuckDuckGo, Google, Bing, Altavista, Yahoo, etc. :
"Club affili la FFCT. Balades conviviales vlo: initiation, sorties du dimanche matin, marches en hiver, brevets cyclotouristes, randonnes bicyclette".
Ligne de base. Le cyclotourisme, un art de vivre, ou toute autre phrase qui sera donne le moment venu par la Prsidente (avec laide de tous).
Ces mots cls ne pointent que vers la page daccueil, qui est la seule donner ce rsum dactivit.
Performances de l'Interface Homme Machine
Pour tre attractif, l'accs toute page doit tre infrieur 20 secondes pour toute machine dote d'un accs internet de 1 Mb/s (20 Mb, soit 2,5 Mo maximum par page).
On vitera les cartes, les graphes, les photos scanns, (des objets lourds ralentissant le chargement) en pages principales.
Diffusion de mails (par exemple de compte-rendus)
Membres. Les membres du club qui ont fourni une adresse Internet pour leur demande de licence FFCT reoivent les courriers envoys aux adhrents sous forme de mails, au lieu du courrier traditionnel.
Mails. Les mails doivent tre lgers et indiquer uniquement que des informations nouvelles sont disponibles sur le Site. Les compte-rendus ne doivent pas dupliquer ce qui figure dj sur le Site. Ils donneront les liens vers les pages web concernes. Pour ne pas saturer les boites mail des destinataires, les photos ne doivent pas tre transmises par mail (mais par Dropbox, par lien de tlchargement ou tout autre moyen quivalent).
Adresses de redirection des dirigeants. (Non encore en place). Cration d'adresses de redirection du type HYPERLINK "mailto:president@abeille-cyclotourisme.fr" president@abeille-cyclotourisme.fr permettant tout tiers, une fois cette adresse rendue publique, d'crire cette adresse. Le message correspondant est alors redirig automatiquement, au niveau du serveur mail, vers l'adresse mail relle du titulaire de la fonction (qui rpond alors depuis son propre mail et sous sa propre identit). Ces adresses de redirection seraient gres par le webmestre, administrateur du compte Abeille-cyclotourisme.fr chez l'hbergeur de mail.
Mode prfrentiel: Adresse de redirection. Les intresss n'ont alors pas la charged de grer la boite mail, n'en ont pas le mot de passe et ne peuvent pas utiliser cette adresse pour envoyer des messages.
Mode alternatif: Adresse complte. Les intresss ont le mot de passe de l'adrresse et peuvent accder cette boite mail en webmail ou sur leur propre client mail. Ils peuvent donc envoyer et recevoir des messages. Leur utilisation de la boite cesse ds lors qu'ils n'occupent plus la fonction correspondante.
Mails de redirection. (Non encore en place). Mail de redirection toutes les Abeilles. La liste des membres du club connects l'Internet y est gre par les administrateurs. Tout mail envoy, dans ce cadre, par un des membres du club connects l'Internet (ou seulement par les membres du bureau) est automatiquement envoy tous.
Liste de messagerie. (Non encore en place). Un moyen possible est la cration d'une liste de messagerie rserv aux membres du club. Chacun s'abonne (ou pas, son choix) la liste, la liste est gre et exclusive aux membres de l'Abeille, tout mail adress par un abonn est automatiquement rpercut sur tous les abonns.
Architecture du Site
Organisation fonctionnelle du Site
Le Site comprend une page d'accueil, six pages principales (en comptant la page d'accueil) et des pages secondaires.
Les pages principales et leurs contenus sont :
Pages principalesContenus dcrits au Priodicit indicative de la mise jourAccueil REF _Ref386894956 \r \h 2.2.1 et REF _Ref386893610 \r \h 2.3.1AnneOrganisations REF _Ref386895013 \r \h 2.2.2 et REF _Ref386895028 \r \h 2.2.3AnneProgrammes REF _Ref386895044 \r \h 2.2.4 et REF _Ref386895063 \r \h 2.2.5Trimestre (sauf parcours permanents)Souvenirs REF _Ref386895080 \r \h 2.2.6TrimestreAnnonces REF _Ref386895098 \r \h 2.2.7TrimestrePratiqueRserveAu cas par casOn a prvu un onglet supplmentaire pour une page principale de rserve. Cette page s'appelle "Pratique" et renvoie sur des pages secondaires contenant:
Bonnes adresses,
Imprims,
Liens,
Tlchargements,
Notices.
Toute page principale peut-tre accde directement partir de n'importe quelle page du Site.
Sauf lien direct spcifique (et sauf ventuels menus droulants non existants ce jour), toute page secondaire ne peut-tre accde qu'en passant par sa page principale. Le site futur by-passera cette contrainte.
Appellations des pages principales du Site telles quelles figurent en haut des fentres correspondantes:
Accueil Bienvenue lAbeille de Rueil Malmaison, section cyclotourisme
Organisations Organisations du club ouvertes tous
Programmes Programmes internes du club
Souvenirs Album de souvenirs du club
Annonces Petites annonces du club
Pratique Informations pratiques
En bas de la fentre du navigateur, les informations suivantes figurent quand la souris survole (Javascript activ) le bouton correspondant:
Accueil Retour la premire page
Organisations Accs aux organisations du club ouvertes tous
Programmes Accs aux programmes internes du club
Souvenirs Accs lalbum de souvenirs du club
Annonces Accs aux petites annonces du club
Pratique Accs aux informations pratiques
Architecture du Site
Voir le Site tel qu'il est. < HYPERLINK "https://www.abeille-cyclotourisme.fr" https://www.abeille-cyclotourisme.fr/> vaut mieux qu'un long discours.
Structure dtaille au niveau du dossier matre du Site actuel
Dans l'ordinateur principal du webmestre,
Un rpertoire dnomm "abeille-cyclotourisme.fr"
Ce premier rpertoire est le dossier principal dont tout le reste dpend.
Un second rpertoire dnomm "ABEILLE-CYCLOTOURISME.FR"
Ce second rpertoire contient une copie synchronise du rpertoire principal, dvermine et compile (optimise pour la vitesse).
Sauvegardes
Chacun de ces deux rpertoires est sauvegard sur quatre disques de sauvegarde spars:
Toutes les heures sur deux disques de sauvegardes fonctionnant en alternance (sauvegarde diffrentielle),
Toutes les nuits sur deux disques de sauvegardes clones fonctionnant en alternance semaine/dimanche.
Le rpertoire optimis est synchronis la demande sur le serveur matre de l'hbergeur du Site.
Le rpertoire de l'hbergeur du Site est sauvegard automatiquement et synchronis sur les sites miroirs (Paris, Europe, USA, Japon) du distributeur de contenu.
Structure dtaille au niveau du dossier matre du Site futur
Le dossier matre d'un site Wordpress est situ et sauvegard chez l'hbergeur du Site. Il n'y a plus l de sauvagarde locale possible car c'est chez l'hbergeur que se font les mises jour.
Structure dtaille au niveau du serveur
La structure dtaille au niveau du serveur est conue pour permettre une tanchit relative entre les diffrents onglets de premier niveau, afin de faciliter la rpartition entre plusieurs rdacteurs des charges de cration/mise jour, mise en page, finition des fichiers, voire chargement sur le Site (impossible sur le Site actuel).
Toutefois, l'hbergeur du Site fonctionne avec la rgle trs simple un "Domaine" = un rpertoire = un "Gestionnaire". Un "Gestionnaire" = un identifiant et un mot de passe. Si on veut attribuer un sous-rpertoire un autre Gestionnaire, on interdit alors de facto l'accs ce sous-rpertoire au Gestionnalre principal du Site, ce qui est, pratiquement, invivable.
Pour un site Wordpress, les rgles sont celles dcrites par Wordpress et gres par l'hbergeur du Site. Il est possible, sans certitude, que ces rgles soient moins contraignantes que ce qui figure ici.
En premier niveau, on trouve:
La page index.htm servant de cl de vote au Site.
Un dossier images contenant une fois pour toutes les images reprises dans tout ou partie des pages du Site (donc en particulier dans les en-ttes, les "bullets Abeilles" et les bas de pages), et les images spcifiques du contenu, de l'en-tte et du bas de page du dossier Accueil.
La feuille principale de styles du Site, dnomme styles.css" ainsi que des feuilles de styles additionnelles pour des cas particuliers.
Chaque page y accde par le lien (dans son en-tte) :
. Et l'quivalent pour les feuilles de style additionnelles.
Autant de sous-dossiers que le Site comporte donglets de 1er niveau sauf Accueil. Ces dossiers sont dnomms (sans majuscules et sans accents) exactement comme les onglets correspondants, soit : organisations, "programmes, "souvenirs, "annonces, "pratique.
Toutes les pages de longlet Accueil, avec le mme nom de fichier que le sous-onglet concern sans majuscule, soit ce jour: index.htm, membres.html, rapport.html, cotisations.html, questions.html et toute page complmentaire.
Nota. on crit lextension prfrentiellement .html, mais .htm est aussi possible, sauf pour la page daccueil qui se dnomme obligatoirement index.htm pour compatibilit avec tous types de serveurs d'hbergement.
Chacun des sous dossiers contient, de la mme faon:
Sa page cl de vote (ex: organisations.html).
Son dossier dimages spcifiques images, qui contient toutes les images appels par les pages de ce sous-dossier, lexception unique des images qui figurent dans les en-ttes, les "bullets Abeille" et les bas de pages.
Son dossier de photos spcifiques sil y a lieu photos, qui contient toutes les photos appeles par les pages de ce sous-dossier, suffixes du millsime pour les souvenirs.
Chacune des pages de ses sous-onglets, dnomme du nom de longlet concern sans majuscules, sans accents et en remplaant les espaces par des underscores (ex: marche_de_la_malmaison.html).
Et toutes les autres pages secondaires appeles par ces pages.
Convergence
Tout ce qui prcde vise simplifier la convergence entre des noms de fichier crits sous Windows ou macOS et des noms de fichiers lus sous Linux, langage dominant des serveurs web (l'hbergeur actuel du Site utilise Debian Linux). Pour ce faire, proscrire les caractres systme des diffrents OS, bien diffrencer, pour Linux, les caractres accentus de ceux qui ne le sont pas en dpit du fait que Windows et macOS ne font pas la diffrence.
Choix de l'hbergement
Les solutions types envisages pour le Site actuel sont rsumes et compares dans le tableau suivant.
SOLUTIONSCREATION MODIFICATIONPUBLICITE EN LECTUREAUTRES CRITERESCritresCondition d'accs Facilit RapiditGnePrennitHbergement par un membreModification lie un membrePas de pubPrennit lie un membre.org, .fr, autre Adresse plus courteDossier des statuts du club dposerFdration80 KF/an + mises jour 40 KF/an.Avec contratAbonnement pour accs,
Modification immdiatePas de publicitContenu proprit de l'AbeilleSans contratPas d'abonnement supplmentaire
modification immdiate PublicitContenu proprit de l'hbergeurHebergeur du nom de domaine
Le nom de domaine (abeille-cyclotourisme.fr), proprit de l'Abeille, est hberg chez l'hbergeur de noms de domaine Bookmyname, en France, log sur un serveur situ en France. (< HYPERLINK "https://www.bookmyname.com" https://www.bookmyname.com/>). Il est protg par les lois franaises sur les noms de domaine en .fr, et est de ce fait bien plus robuste contre les pirates (tentatives de vol, dtournement, etc.) que les .com et autres domaines Nord-Amricains.
Hbergeur du Site
Le Site est hberg sparment du nom de domaine, pour mnager toutes les options de dmnagement de l'Abeille (son nom de domaine, son Site) sans devenir htages d'un ventuel hbergeur unique.
Le choix retenu pour lhbergement initial du club a t LibertySurf, puis Alice. Tous deux gratuits, propritaires des donnes et financs par la publicit. C'est maintenant Dreamhost (< HYPERLINK "https://dreamhost.com" https://dreamhost.com/>), en Californie du sud, un site payant jouissant d'une rputation longue et irrprochable de btisseur de l'internet. Il est actuellement log dans une ferme cologique en Californie sur un serveur virtuel partag dnomm Denio.
Adresse web:
On peut crer sans surcot, chez Dreamhost, autant de gestionnaires (webmestres) qu'on le souhaite. Les donnes sont attaches aux gestionnaires qui en sont propritaires. On affecte alors des domaines ou plutt des sous-domaines ces gestionnaires, et on libre le domaine principal.
On peut crer sans surcot, chez Dreamhost, autant de sous-domaines qu'on veut. Exemple:
Site initial, ou ancien:
< HYPERLINK "https://2000.abeille-cyclotourisme.fr/" https://2000.abeille-cyclotourisme.fr/>
Site futur:
HYPERLINK "https://2020.abeille-cyclotourisme.fr/" https://2020.abeille-cyclotourisme.fr/
Site courant:
HYPERLINK "https://2020.abeille-cyclotourisme.fr/" https://www.abeille-cyclotourisme.fr/
Le Site exploit tant toujours mis en miroir dans HYPERLINK "http://www.abeille-cyclotourisme.fr" www.abeille-cyclotourisme.fr, le moment venu, le Site ancien paraitra avec son sous-domaine 2000 (sans www). Le prsent descriptif est approximatif, la ralit est plus complexe.
Pour que le certificat de LetsEncrypt et la diffusion Cloudflare fonctionnent, la contrainte respecter chez Dreamhost est qu'on ait un niveau de sous-domaine, et un seul (donc "www." ou "2000.", ou autre), mais pas deux niveaux, soit pas de HYPERLINK "http://www.2020.abeille-cyclotourisme.fr" www.2020.abeille-cyclotourisme.fr ni zero niveau, soit pas de "abeille-cyclotourisme.fr".
Hebergeur du mail
Google hberge le mail du domaine "abeille-cyclotourisme.fr" (on peut bnficier d'un portefeuille de mail par domaine ou sous-domaine), le tout gr par Google sous couvert de Dreamhost (< HYPERLINK "https://accounts.google.com" https://accounts.google.com/>). Pour chaque portefeuille de mail d'un sous-domaine, le mail Google permet en thorie de crer jusqu' 50 adresses du type HYPERLINK "mailto:admin@abeille-cyclotourisme.fr" admin@abeille-cyclotourisme.fr, HYPERLINK "mailto:president@abeille-cyclotourisme.fr" president@abeille-cyclotourisme.fr ou HYPERLINK "mailto:webmestre@abeille-cyclotourisme.fr" webmestre@abeille-cyclotourisme.fr, ou quivalent. Le tout est gr par l'administrateur (par admin).
Adresse mail du Site:
Tous les messages transmis cette adresse sont routs vers la messagerie de la Prsidente, copie au secrtaire avec le mot cl Abeille dans len-tte du message.
Autres adresses:
< HYPERLINK "mailto:admin@abeille-cyclotourisme.fr" admin@abeille-cyclotourisme.fr>. Administrateur du mail.
HYPERLINK "mailto:webmestre@abeille-cyclotourisme.fr" webmestre@abeille-cyclotourisme.fr. Webmestre.
< HYPERLINK "mailto:tresorier@abeille-cyclotourisme.fr" tresorier@abeille-cyclotourisme.fr>. Trsorier.
D'autres adresses fonctionnelles peuvent tre cres, et ce exclusivement pour les dirigeants, nommes par la fonction occupe et non par le nom de l'intress (voir REF _Ref387061746 \r \h 2.3.4).
Certificat d'authenticit (https)
Le certificat d'authenticit du Site est un certificat gratuit fourni par LetsEncrypt (< HYPERLINK "https://letsencrypt.org" https://letsencrypt.org/>), sous couvert de Dreamhost. Le Site est donc accessible en mode crypt de bout en bout sous le protocole scuris https, ce qui scurise les visiteurs du Site.
Distributeur de contenu
Le contenu du Site est distribu partout dans le monde proximit immdiat de ses visiteurs et protg des attaques en dni de service par Cloudflare (< HYPERLINK "https://www.cloudflare.com" https://www.cloudflare.com/>), sous couvert de Dreamhost. Le serveur miroir de Cloudflare le plus proche des visiteurs est situ Paris. Accs par https uniquement. Cet accs est ultra-rapide et toujours disponible.
L'accs http non scuris, toujours tolr, n'est pas relay par Cloudflare et est plus lent.
Accs aux robots des moteurs de recherche
Sauf la page d'accueil, les pages des organisations ouvertes tous et la page de liens (et quelques autres, de compte-rendus publics), les pages du Site sont codes pour refuser tout rfrencement par les robots des moteurs de recherche, afin de ne pas exploser le Site et de canaliser les accs sur quelques pages choisies.
Balises minimales de la page d'index
Balises minimales des autres pages:
Sceaux du webmestre Abeille
Lensemble des paramtres de connexions (dont les mots de passe) et de la configuration actuelle est rassembl dans un rpertoire partag strictement confidentiel et disponible uniquement auprs de la Prsidente et du webmestre du Site. On y trouve de quoi reprendre la main sur le Site en tout cas de disparition du webmestre.
Rpertoires partags
Pour des besoins spcifiques, et souvent pour pallier l'absence de Site privatif ou de facults Blog, des rpertoires partags sont disponibles sur Dropbox (< HYPERLINK "https://www.dropbox.com" https://www.dropbox.com/>), grs par le webmestre.
On aurait pu (et on a expriment) mettre en place des rpertoires WebDAV (un grand standard du web) chez l'hbergeur. MacOS y accde nativement, mais Windows y est particulirement hostile sans raison lgitime connue. Dropbox est le plus populaire des hbergeurs commerciaux ayant russi donner un accs WebDAV efficace et tolr par Microsoft des clients sous Windows et a de ce fait t retenu ds sa cration.
Dfinition de la feuille de style
Style
Le style adopt ici rpond aux exigences suivantes:
Pas de cadres. Page uniques sans cadres pour simplifier les impressions, mises en pages et crations de liens externes pointant vers des pages du Site.
Minimisation des images de fond. Fonds jaune uni sans images pour acclrer les chargements.Couleur retenue jaune paille trs clair ref #ffffcc. Du fait de l'acclration de l'internet depuis 20 ans, ce choix peut changer pour le site futur.
Boutons slectionns en vert fonc (#99ff99).
Boutons non slectionns en vert clair (#33cc33).
Textes des boutons non souligns et en vert fonc (#006600).
Largeur relative. Les pages sont toutes, sauf exceptions voulues (cartes) dimensionnes en largeur 100% et non en points, pour sadapter (se mouler) toutes les situations de consultation possibles.
Mouler une image dans un ocan de texte. Pour se reprsenter ce que "se mouler" veut dire, imaginer que les images sont des solides tandis que les textes sont des liquides.
Les polices essentielles retenues pour les styles du Site sont "arial", "geneva", "verdana", "sans-serif".
La couleur de caractres par dfaut est un vert trs fonc ne contenant pas de bleu: #003300.Elle fait partie de la feuille de styles.
Thme Wordpress
Sur un site robotis de type Wordpress ou Joomla, le premier choix concerne le thme, qui contient l'architecture gnrale du Site et sa ou ses feuille de style prmche et le second choix concerne la personnalisation du thme. Voici quelques thmes wordpress avant toute personnalisation:
< HYPERLINK "https://www.creativebloq.com/web-design/free-wordpress-themes-712429" https://www.creativebloq.com/web-design/free-wordpress-themes-712429>
Standard HTML
Fond. Les pages du Site sont crites en HTML4 du World wide Web Consortium (W3C) sans Javascript.
Forme. La forme (prsentation, mise en page) est cale presque entirement par des feuilles de style en cascade CSS2. De nombreuses balises en dur existent nanmoins sur les pages du site actuel, comme par exemple les tableaux dans lesquels s'insrent les bandeaux de liens.
Langage de script. Des scripts Javascript 1.1 (voire ECMAScript suivant norme) sont parfois utiliss pour faciliter la navigation (ex: "accs au mois en cours") ou la cration de fentre popup, mais toujours avec dgradation propre si Javascript est dsactiv dans le navigateur web du visiteur. Le langage Javascript constitue en effet, du fait de certaines des possibilits qu'il offre, une faille de scurit importante et certains le dsactivent. Le Site tolre une telle dsactivation sans dgradation inacceptable de ses performances.
Validation. La rfrence de validation du langage utilis est le robot de validation du W3C:
Construction et entretien du Site
Responsables ditoriaux
Chaque onglet est plac sous la responsabilit dun responsable ditorial qui rassemble lensemble et dcide de sa publication (papier en runion club et digital sur le Site).
Crateurs de contenu
Les crateurs de contenu peuvent utiliser les outils de leur choix (y compris le crayon, la gomme et la colle ou tout moyen bureautique comme le mail ou le texto).
Metteurs en pages
Les metteurs en page du Site (qui reprennent sil y a lieu les fichiers sources des crateurs de contenu ou qui crent en direct) utilisent des diteurs html simples du type SeaMonkey (une manation de Firefox), ou des diteurs de texte performants de type BBEdit pour crer les fichiers sans en-ttes des pages incluant les liens.Ils utilisent aussi des convertisseurs dimages simples (du type Photoshop mais en plus lger, tels que ImageConverter et GIMP sous Windows ou Graphic Converter sous mac OS, voire Debabelizer) pour retravailler (convertir au standard voulu, baisser la rsolution 72 x 72 dpi, ajuster les dimensions aux dimensions voulues en points, optimiser le poids, crer transparence et entrelacement, retoucher, etc.) les images et les illustrations associes.Pour ne pas alourdir les pages, les diteurs les plus simples, ne stylant pas les textes, sont recommands. Les convertisseurs HTML de la suite Office sont fortement dconseills du fait du gros travail de nettoyage des styles et formatages ncessaire derrire eux.
En particulier, les metteurs en page des contenus des pages du Site actuel travaillent: (1) hors en-ttes et hors bas de pages, (2) sans styler leurs textes ou paragraphes, (3) en considrant que toutes leurs pages sont au mme niveau darborescence (ce qui simplifie la cration des liens internes), et (4) en considrant que :
Toutes les images ncessaires sont mettre dans un dossier local images (ce qui simplifie la cration des liens correspondants).
Les photos sont prfixes pour se ranger en groupes alphabtiques, et sont mettre dans un dossier local dnomm "photos_xxxx" o xxxx est le millsime.
En pratique, on utilise pour crer des pages "offline" des "Cubes Horadrim", qui sont des dossiers contenant une arborescence identique celle du Site actuel rel pour prserver les liens relatifs. Ils contiennent une copie suffisante du Site actuel rel avec la partie pertinente de son arborescence (notamment la feuille de style, qui est la racine) pour le travail faire.
Les metteurs en page du Site actuel ne mettent pas en ligne (voir REF _Ref387066376 \r \h 3.5).
Mise en ligne (Webmestre ou gestionnaire chez l'hbergeur)
Le webmestre Abeille (qui reprend les fichiers des metteurs en page) fait comme il veut pour (1) ajouter les en-ttes et les liens associs, (2) valider lexactitude et la conformit de lensemble du code HTML la norme W3C retenue, (3) supprimer tous les styles et formatages ventuellement contenus (par erreur) dans les fichiers reus, (4) sauvegarder ces fichiers en local avant optimisation, (5) purer alors le code de tout le gras rsiduel (du temps perdu au tlchargement) ou les appels serveur inutiles et de tous les codes inutiles, espaces et fins de lignes pour atteindre les objectifs de vitesse viss et sauvegarder les pages ainsi optimises en mode local chez lui, (6) charger ces pages optimises et les images correspondantes leur place sur le Site et (7) vrifier ensuite le fonctionnement de tous les liens sur le Site lui-mme.
Transition vers le nouveau Site
Ce chapitre vise donner une premre perspective sur la manire dont sera conduite la transition de l'ancien Site vers le nouveau Site, tout en prservant l'accs au Site oprationnel en cours avant et aprs migration, et sur l'archivage du Site ancien aprs migration.
Webmestres
Il faudra un nouveau webmestre pour accompagner cette transition et prendre la main sur le nouveau Site ds sa cration. Sans ordre, c'est le dsordre et, en informatique, le dsordre est meurtrier.
L'ancien webmestre aura pour nom chez l'hbergeur "webmestre_2000".
Le nouveau webmestre aura pour nom chez l'hbergeur "webmestre_2020".
Les rpertoires du Site seront, chez l'hbergeur de Site, proprit de leurs webmestres respectifs. L'un d'entre eux, administrateur du domaine abeille-cyclotourisme.fr, grera les affectations de domaines et sous-domaines aux webmestres. Ceci fait, ces webmestres contrleront, respectivement les accs au Site ancien et au Site nouveau.
Sites ancien et nouveau : Sous-domaines
Le Site Abeille est actuellement contenu dans le rpertoire du domaine "abeille-cyclotourisme.fr" du webmestre "abeille_cyclotourisme". Ce qui est une impasse et doit tre corrig par le premier dmnagement.
terme,
2000.abeille-cyclotourisme.fr hbergera, aprs le premier dmnagement, le Site actuel, confi au webmestre "webmestre_2000" ;
2020.abeille-cyclotourisme.fr hbergera le Site futur, confi au webmestre "webmestre_2020" ;
HYPERLINK "http://www.abeille-cyclotourisme.fr" www.abeille-cyclotourisme.fr sera l'adresse, ternelle, du Site en cours (actuel, futur ou futur du futur).
Processus de transition
Premier dmnagement. Tout d'abord, le Site actuel sera dmnag ou re-cr du domaine "abeille-cyclotourisme.fr" affect au gestionnaire "abeille_cyclotourisme" o il rside actuellement vers le domaine "2000.abeille-cyclotourisme.fr" affect au futur gestionnaire "webmestre_2000".
Le domaine "abeille-cyclotourisme.fr (prfix de "www"), sous le contrle de "webmestre_2000", sera alors mis en miroir de "2000.abeille-cyclotourisme.fr" (en gros, car la ralit sera plus complexe) pour permettre au site actuel de continuer apparatre son adresse "www.abeille-cyclotourisme.fr/".
Construction hors ligne du Site futur. Le Site futur sera construit, hors ligne, dans le domaine "2020.abeille-cyclotourisme.fr" affect "webmestre_2020".
Mise en ligne du Site futur. Quand le Site futur deviendra oprationnel, on cessera de faire voluer le Site actuel et le domaine "abeille-cyclotourisme.fr" (prfix de "www"), affect "webmestre_2020", sera (en gros) mis en miroir de "2020.abeille-cyclotourisme.fr" (au lieu de "2000.abeille-cyclotourisme.fr").
Accs prenne HYPERLINK "http://www.abeille-cyclotourisme.fr" www.abeille-cyclotourisme.fr. On accdera alors au Site en cours l'adresse HYPERLINK "http://www.abeille-cyclotourisme.fr" www.abeille-cyclotourisme.fr (ou abeille-cyclotourisme.fr), comme avant, et au Site ancien l'adresse 2000.abeille-cyclotourisme.fr, ce qui sera une nouveaut.
20 ans aprs. On pourra faire la mme opration de reconstruction d'un Site tout neuf, si on le souhaite, vingt ans aprs.
_____
DATE \* MERGEFORMAT 04/05/2018 JPS
PAGE
FILENAME \* MERGEFORMAT 2018-05_specification_site_internet_abeille_mai_2018_v0e.doc Page PAGE \* MERGEFORMAT 1 de NUMPAGES \* MERGEFORMAT 18
/ 2 3 K N S T \ g i m n o p ~ ÿǷynyjyy_yjy j} ht7 Uhv j ht7 Uj ht7 Uht7 $h!,0 ht7 OJ PJ QJ mH nH tH hSA- ht7 OJ QJ h V OJ QJ j h V OJ QJ Uh0N OJ QJ h
E h!x h0N h!x h0N 5CJ,
hW[ 5CJ,
h[2 5CJ,
h 5CJ,
h1 5CJ,
h0N 5CJ,
hZ~ 5CJ, % / K T n o 9 3
m
g U .
p#
-
#
# p@P ! 8 gd $ <