Hyperpaysages

Démonstration et documentation technique.

Accueil > Documentation > Publication web. > Les règles de publication propres au modèle Hyperpaysages.

Les règles de publication propres au modèle Hyperpaysages.

mardi 20 septembre 2016, par Robert

Prérequis :
Pour le rédacteur :
- avoir lu Le guide du rédacteur.
- Disposer d’un panoramique de 360°, hauteur 200 pixels, résolution 72 dpi.
- Disposer du fichier .map (contenant le code de la carte cliquable).
- Disposer d’un éditeur de texte (ne transformant pas le texte !)
Pour l’administrateur : avoir lu Le guide de l’administrateur.

 Editeur de texte

L’éditeur de texte doit être en « texte brut [1] ». Le texte brut (plain text) représente seulement les caractères contenus, sans leur apparence. Ainsi par exemple les remplacements de caractères tel que remplacer "" par « » ou oe par œ ou encore ae par æ …, les corrections orthographiques ou typographiques et toutes autres modifications automatiques du texte sont proscrits.

Linux

En général, les distributions Linux dispose d’au moins un éditeur de texte brut et installé avec la distribution. (Gedit dans l’environnement Gnome, par exemple).

Retour au début de la FAQ

Mac OSX

- TextEdit : Il faut désactiver les options RTF (Rich Text Format). Pour ce faire, ouvrez « Préférences » > « Nouveau document », puis :

  • « Format » > cochez « Format Texte »
  • « Options » > Décochez toutes les options

- Smultron. La version gratuite est une ancienne version qui n’est plus maintenue, mais est largement suffisante à nos besoins (Attention, Il semble que Mac os High Sierra n’accepte pas smultron).
- Bracket, mais je n’ai pas testé.

Retour au début de la FAQ

Windows

Notepad est topr rudimentaire. Une alternative acceptable est le logiciel libre Notepad++

Retour au début de la FAQ

 1. Pour le rédacteur

 Les panoramiques et leur article :


- Ils vont dans la rubrique qui débute par 1. Quelque chose où en général, « Quelque chose » ressemblera à « Panoramiques »
- Téléversez l’image du panoramique via l’interface privée. Les mini-panoramiques seront créés automatiquement avec les règles suivantes : 1 et 1 seul mini-panoramique par article, dans la rubrique 1. Quelque chose ; le titre de l’image doit impérativement commencer par 1. Titre de l’image (attention, on écrit bien : 1PointEspaceTitre de l’image).

Le rôle de ces 1PointEspaceTitre de l’image et 1PointEspaceTitre rubrique panoramiques est juste de permettre à la page d’accueil d’afficher une liste de mini-panoramiques. Les 1PointEspace sont masqués dans l’espace public.

 Le code du panoramique

Procédure

Ce script vous permet de générer automatiquement le code du panoramique à partir de celui de Gimp. Sur votre site, si l’administrateur l’a installé, cet utilitaire se trouvera à l’url http://<adresse_de_votre_site>/utils

Ouvrez votre fichier de « carte cliquable » (normalement nom_panoramique.map, voir Préparation du panoramique pour la publication.) dans votre éditeur de texte (voir ci-dessus).

- Copiez / collez le texte du fichier .map dans le champ "Gimp image map code" du formulaire.
- Indiquez le nom de l’image le champ "Panoramic file name" (comme expliqué dans le bas du formulaire).
- Mettez éventuellement un titre dans le champ (optionnel) "Panoramic title"
- Et enfin, cliquez sur le bouton "Build Spip code".

En réponse, vous obtenez un code à copier et à coller "tel quel" dans l’article spip dans l’espace privé.

Exemple

Avec un fichier .map comme celui ci-dessous :

       <img src="nom_image.jpg" width="3384" height="200" usemap="#map" />

       <map name="map">
           <!-- #$-:Image map file created by GIMP Image Map plug-in -->
           <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
           <!-- #$-:Please do not edit lines starting with "#$" -->
           <!-- #$VERSION:2.3 -->
           <!-- #$AUTHOR:Robert -->
           <area shape="rect" coords="2523,20,2976,144" alt="Lien vers une image interne." href="IMG/jpg/rien.jpg" />
           <area shape="rect" coords="1960,77,2072,139" alt="Lien vers un site externe." href="http://www.hyperpaysages.be/" />
           <area shape="rect" coords="373,89,924,156" alt="Lien vers un article interne." href="spip.php?article2" />
       </map>

on obtiendra le code final suivant à copier / coller directement dans l’article où s’affichera le panoramique :

<html><div id="panoramique">
       <div id="boussole"></div>
       <div id="viseur">{°|°}</div>

       <img src="IMG/jpg/nom_image.jpg" class="advancedpanorama" width="3384" height="200" usemap="nom_ma_map" alt="Titre du panorama" />

       <map id="map" name="nom_ma_map">

           <area shape="rect" coords="2523,20,2976,144" alt="Lien vers une image interne" href="IMG/jpg/rien.jpg" class="mediabox" />
           <area shape="rect" coords="1960,77,2072,139" alt="Lien vers un site externe." href="http://www.hyperpaysages.be/" />
           <area shape="rect" coords="373,89,924,156" alt="Lien vers un article interne." href="spip.php?article2" />
       </map>

</div></html>

Le panoramique s’affichera à l’endroit où est collé le code.

 Point de départ et Nord compas

Vous pouvez choisir le pixel du panoramique qui servira de point de départ et celui qui indique le nord magnétique ou géographique suivant votre choix. Il s’agit bien évidement d’un pixel pris sur la largeur.

Cette action peut se faire en entrant 0, 1 ou 3 paramètres dans le champ « Sur-titre » de l’article (champ juste au dessus du champ « Titre »).
Les 3 paramètres possibles (dans l’ordre) :
- 1 : Le pixel de départ
- 2 : 0 ou 1. 0 = cacher le cap, 1 = montrer le cap
- 3 : Le pixel du nord (n’a de sens que si le 2ème paramètre = 1, bien sur).

Les paramètres sont séparés par des virgules.
- Si vous n’entrez aucun paramètre, le pixel de départ est 0 et le cap n’est pas affiché.
- si vous n’entrez que le 1er paramètre, seul le pixel de départ sera pris en compte.

Exemples :
- 200,1,500 : Le pixel de départ est 200, on montre le cap, le pixel indiquant le nord est 500.
- 300 : le pixel de départ est 300, le cap n’est pas affiché.

 Les articles internes liés aux panoramiques

Normalement, vous les avez déjà créés, avec leur titres seulement. Et toujours normalement, dans une sous-rubrique de la rubrique « Articles » attachée à votre projet, par exemple « Projet1 ».

C’est le moment de terminer la publication du projet en les complétant !

 2. Pour l’administrateur.

 Avant utilisation du site par les rédacteurs :

préparez l’espace de travail des utilisateurs :
- Créer une rubrique qui débute par 1. Quelque chose où en général, « Quelque chose » ressemblera à « Panoramiques ». Attention : 1PointEspaceQuelque chose, par exemple 1PointEspacePanoramiques.
- Créer une rubrique - par exemple « Articles », et dans cette rubrique une sous-rubrique « Projet1 », « Projet2 », etc. par projet qui seront hébergés sur le site.

 En cours de travail :

Soyez attentifs aux demandes de publication des rédacteurs (Articles « proposés à l’évaluation »).
« Afin de faciliter le suivi de l’activité éditoriale du site, SPIP peut faire parvenir par mail, par exemple à une mailing-list des rédacteurs, l’annonce des demandes de publication et des validations d’articles. »
Vous pouvez configurer cela via les onglets « Configuration » > « Interactivité » sous les titres « Notifications » > « Envoi de mails automatique ».

 Quand vous voulez :


- Créer une rubrique « 0. Quelque chose ». Cette rubrique n’apparaîtra pas dans la hiérarchie, mais elle pourra contenir :

  • - un article contenant les licence sous la(les)quelle(s) vous placez votre site.
  • - un article qui passera à la « une », c.-à-d. sur la page d’accueil.
    La syntaxe pour écrire ces articles est simple : [tag] Titre de l’article.
    Où [tag] = [licence] pour la licence et [une] pour la Une. Attention à la casse : [licence] (et pas [LiCence]) ou [une] (et pas [Une]). C’est le dernier article en date qui prime dans chaque cas.

[1Les traitements de texte (type « office ») ou RTF (Rich Text Fromat) sont à exclure !

Un message, un commentaire ?

modération a priori

Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Hyperpaysages est un concept imaginé et développé par l'Institut d'Eco-Pédagogie et le Laboratoire de Méthodologie de la Géographie de l'ULg.
Site web créé par Robert Sebille.

Sous réserve contraire d’une annotation dans un article ou un hyperpaysage,
Licence Creative Commons les articles et médias de la rubrique « Documentation » sont sous licence Creative Commons Attribution - Non Commercial - Partage à l’identique 4.0 International,
Licence Creative Commons le reste du site est sous licence Creative Commons Attribution - Non Commercial - Pas de modifications 4.0 International.
Tous les liens vers des tierces parties réfèrent aux licences accordées par ces tierces parties.