Galactron.org

Utilisation du plugin image-map des départements

clem — 2010-06-22T22:32:08Z

Le plugin image-map des departements propose un modèle departements permettant d'afficher une carte de France des départements "réactive", c'est à dire avec un lien sur chacun d'eux.
C'est un exemple "type" d'utilisation d'un modèle avec des paramètres dans un article.

Exemple : faire un lien vers la page de météo des départements

Le modèle departements associés aux paramètres suivants :

|mono=1|redim=1,2|lien_param=dpt_id|lien_page=http://pleinchamps.fr/meteo/meteoDept.aspx>

permet d'afficher :

la carte en couleur unie
de faire un lien automatique sur la page de la météo d'un département dans le site pleinchamps.fr avec le numero du departement passé en valeur du paramètre dpt_id
d'avoir une carte 20% plus grosse que la carte fournie par défaut (taille x 1,2)

La documentation officielle de ce plugin avec tous les paramètres possibles détaillés : http://www.spip-contrib.net/Plugin-...

Champsaur 2010

Nanou — 2010-06-04T20:48:37Z

- Bidules et machins

Contact

clem — 2010-05-06T19:39:29Z

Pour contacter Galactron (problèmes d'hébergement ou autres...), utilisez le formulaire ci-dessous. - Bidules et machins / contact

Andalousie Mai 2010

Nanou — 2010-05-05T19:58:25Z

Une petite escapade andalouse après la fin de la saison 2009-2010... - Bidules et machins

Un utilitaire pour crypter les passes SPIP 2.1

clem — 2010-05-02T14:58:01Z

- Tutoriels et utilitaires

Tutoriel : enregistrer et configurer un domaine sur Google Apps pour gérer les mails

clem — 2010-03-19T11:38:55Z

But :

Vous possédez un nom de domaine (mon-domaine.org pour la suite de ce tuto) et vous souhaitez pouvoir utiliser des comptes mails de la forme toto@mon-domaine.org sans être dépendant de votre hébergeur de site web (son webmail est nul, vous risquez de changer d'hébergement, il ne propose pas d'accès POP ou IMAP, l'espace disque accordé est ridicule...).
Google vous propose une solution via un compte "GoogleApps" : vos mails seront gérés par les serveurs de gmail et vous disposerez de toutes les fonctionnalités / caractéristiques d'un compte @gmail tout en ayant uen adresse @mon-domaine.org.
Le tutoriel suivant indique le pas à pas nécessaire pour mettre en oeuvre cette solution.

Prérequis :

être le propriétaire du nom de domaine et disposer d'un hébergement qui vous laisse la possibilité de modifier les DNS de votre domaine

Enregistrement du domaine :

Déclarer le domaine (ici mon-domaine.org) sur l'interface de google apps « basique » : http://www.google.com/a/cpanel/domain/new

Remplir les données d'identification de l'admin et de la structure

Créer le premier compte (ici admin@mon-domaine.org)

On accède alors à l'interface d'administration du domaine :

Confirmer la propriété du domaine :

on utilisera la méthode la plus simple qui consiste à déposer un fichier HTML (googlehostedservice.html) à la racine du site. On aura soin de vérifier que le lien http://mon-domaine.org/googlehostedservice.html est effectivement opérationel et qu'en cliquant dessus il affiche le contenu indiqué (googleffffffffb50ac4e4 dans cet exemple)

Démarrage des services mails

Activer la messagerie :

ici vient l'étape la plus technique puisqu'elle nécessite de modifier les enregistrements DNS MX (ceux concernant les mails) de votre domaine. Sur cette page le menu déroulant « Instructions pour » permet de sélectionner votre fournisseur de nom de domaine et indique la procédure et la syntaxe exacte des enregistrements DNS à renseigner.

Créer les comptes utilisateurs

via l'onglet « Utilisateurs et groupes » > « Créer un nouvel utilisateur ». Pour définir le mot de passe plutôt que d'utiliser un passe temporaire qui sera redéfini lors de la première connexion, cliquer sur « Définir le mot de passe ».

Utilisation de la messagerie

Pour un accès webmail :

les utilisateurs peuvent alors se connecter via : http://mail.google.com/a/mon-domaine.org .
L'interface est celle de gmail, voir l'aide en ligne pour toute question sur son fonctionnement.

Utilisation d'un client de mail

Il faut se connecter au webmail au moins une fois et passer dans l'interface de gestion des paramètres et activer l'utilisation de POP / IMAP : « Paramètres » > « Téléchargement POP/IMAP » Les liens « Instructions de configuration » amènent sur les pages d'aide de gmail qui donnent les paramétrages à utiliser pour votre client de mail (POP ou IMAP).

Résumé des paramètres serveurs de mail de google

Paramètres serveurs POP / SMTP / IMAP
Serveur de courrier entrant (POP3) SSL nécessaire	pop.gmail.com Connexion SSL : Oui Port : 995
Serveur de courrier sortant (SMTP) TLS nécessaire	smtp.gmail.com(utiliser l'authentification) Utiliser l'authentification : Oui Connexion STARTTLS : Oui (appelée SSL par certains clients) Port : 465 ou 587
Serveur de courrier entrant (IMAP) SSL nécessaire	imap.gmail.com Connexion SSL : Oui Port : 993
Nom du compte	votre nom d'utilisateur Gmail ('@gmail.com' compris)
Adresse e-mail	votre adresse e-mail Gmail complète (nomutilisateur@gmail.com)
Mot de passe	votre mot de passe Gmail

Using the dreamencounter's SPIP

clem — 2009-06-10T12:02:09Z

Quick management of all content:

To manage the whole content of the site, use the 'Entire Site' page.This page enables you to reorganize the hierarchy of sections and articles with a simple icons'Drag'n drop ' followed by a validation of the changes (a' Modify ' button appears once icon is droped)
Warning: this feature requires the good use of the icon of the article or section as an element to enter but also as an element on which file!

Using configuration's interface

Generals administrators can configure different settings via the configuration interface accessible via the private interface ((Configuration> CFG> Median's Template)). The configuration allows you to define both the colors that some texts or groups of keywords "technical" (not to be displayed in public pages).

Using keywords:

The keywords of the site (menu ' Site edit '> ' Keywords ') are used for 2 types of features:

Either it can manage the configuration items of the site: we refer to ' technical keywords '. So that they are not visible in the public pages it is necessary tick the relevant groups in the block definition of groups of words of the key technical interface configuration. This document details the specific functions associated with each technical keyword.
Or they can involve an element (article or section) to cross-cutting theme of the site. In this case they will be visible in the list of suggested keywords on different pages of the site to be used in a thematic content of the site in addition to navigation by sections.

Keyword _invisible_:

all of the articles or items associated with the keyword '_invisible_' will not appear on the public pages.
For the sections there are 'legacy' that is, articles and sub-sections in a topic with '_invisible_' will also be non-visible

The top banner of all pages

if there is an image ' site's logo ' (see box 'THIS SITE'S LOGO' in the 'Configuration': http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=configuration ) it will be used as the banner of every top pages of the site. (the picture is cropped so as not to exceed 860px wide)
if the site's logo is not defined, a 'typographic image ' is created from the name of the site defined in the' Configuration ' (field ' Your site's name ').
The font, text color, font size and the maximum width before new line, are defined in the file /squelettes/in-entete.html line 10:
... image_typo = Bookosb.ttf (font size = 28, color = 005C49, width = 800)
size = font size in points
color = use hexadecimal code without the initial #
width = maximum width in pixels before new line
You can use a different font from Bookosb.ttf by placing the .Ttf file in the folder /squelettes/polices (warning! To avoid the copyright issue, the police must be a free one ... A great choice is available on http://dafont.com)
the top banner is linked to the home page of the site but this could be change by using the field ' Explanatory texte ' of the ' top_logo_url ' keyword.

Configuration of the home page

The article displayed on the top of the page is configured via the plugin aa (menu ' Site edit '> ' article accueil ': http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=cfg&cfg=aa ). This article may (should!) have the keyword '_invisible_' to not appear elsewhere in the list of articles.
on the right side you can display a small slideshow (cf http://median-web.eu). The photos displayed are drawn randomly from among those associated with articles with the keyword 'photos_sommaire'
under the summary article are displayed 4 articles with their logo: These articles are chosen according to the following algorithm:
The 4 articles with the keyword 'bloc_sommaire' with the smallest numbers as a prefix of their titles ( '1. the title of first', '2. the title of the second »...)
if there is no 4 articles with the keyword 'bloc_sommaire' + a number, complete with the articles with the most latest keyword
if there is no 4 articles with this keyword complete with the latest articles published
The foot page can show the thematic keywords used in a 'tag-cloud' (the more the word is used the more it appears big). The title of this tag cloud can be changed as it ties to the text of the keyword 'tags_cloud_title'
At the left of the tag cloud it is possible to display a block 'Contact' which shows the description of the keyword of the 'Contact ' block. The display is made as follows:
Keyword Title : Description of the keyword
The details are displayed in the order defined by the numbers prefixed by the name of the keyword ( ' 1. Tel', ' 2. Fax ', ...)
If you do not want to display the 'Contact' block you just have to rename the key word ' Coordonnees '

Sections display:

By default the section displays the list of sub-sections and articles below its potential description (see http://wedreambusiness.newethicalbusiness.net/-Press- ).
if a section has only one article, it will be displayed directly when you visit the section (see ( http://wedreambusiness.newethicalbusiness.net/-About- )
It is possible to use an article of the section to do the presentation of this section by associating the keyword ' edito_rubrique ' with the defined article: see http://wedreambusiness.newethicalbusiness.net/-Invitation- using the 'Invitation' article as a presentation (http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=articles&id_article=12 )

Articles display:

Articles are displayed regardless of the visitor but it is possible to restrict access to identified visitors (see link ' Sign in ' in the banner footer) by involving the keyword ' restricted_access ' in an article. The ' restricted_explanation ' keyword contains within its field ' Explanatory text ' this text will be used to introduce the access restriction.If we add in the keyword ' form_account_creation ' in this article, unidentified visitors will be offered a 'Visitor' account creation : cf http://wedreambusiness.newethicalbusiness.net/Propose-your-answers , use the link ' Log out ' of the banner footer to test the restriction of access and the form of account creation). The ' Explanatory text ' field of this keyword contains the introducing text of the creation of an account form.

Configure the account form :

Configure the form of new account creation using ' Configuration ' > ' CFG '> ' Inscription 2 '.It includes 3 mandatory information: ' Signature ' ' E-mail ' ' Login '. Other information can be added or removed at the discretion of the administrator. Each field can be made mandatory and / or modified by the user by checking the boxes.

Using the forms: general information

The tool's form is accessible via ' Site edit '> ' Forms and polls '. (http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=forms_tous ). It creates forms that will be integrated into the articles. To see the possibilities of creating a form see ' The form's title ' in the' Edit ' mode http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=forms_edit&id_form=1

it is possible to manage the layout of the form using fields ' New question block ', each of them generates a new fieldset that includes the following questions.
once created, a form can be incorporated in the text or in the description of an article or section by inserting the code where XX represents the number of the form. See http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=articles_edit&id_article=18 giving http://wedreambusiness.newethicalbusiness.net/Propose-your-answers .
If you want that only registered users respond just add the keyword 'r estricted access ' to the article which contains the form (see previous paragraph).
The answers to a form of type ' poll ' are presented in the article that includes the form if the configuration of the latter allows to see the responses on the public part of the site (see option ' Form Type ' in the ' Properties ' of the forms edit interface).
Each form has a results consultation interface in the private part: ' Site edit '> ' Forms and polls '> button ' display '. In this interface you can then publish or reject answer: move the mouse on the orange icon at the top line of the reply and select ' published reply ' (or 'Reply deleted') in the mini-menu that appears.

Using the forms to publish responses as articles on the site

For forms that are not polls, responses can be processed into articles: ' Site edit '> ' Forms and polls ' > button ' Export in an article ' Automatically the article is generated with the questions and answers included in the text. The form configuration may then be adapted so that the created article specifically formats the answers : to do so, use the ' Encapsulate the field in the HTML code ' fields.

' Properties ' part of the form : the 'Encapsulate the field in the HTML code' field enables you to put the number of the section in which the articles generated from the responses of this form will be placed. For instance with ' 16 ' in this field, the form ' Your dreams & business ' publishes its answers under the form of an article in the section No. 16 ie http://wedreambusiness.newethicalbusiness.net/-Answers-
in the ' Fields ' part of the form's interface, if a field has ' no_title ' in its ' Encapsulate the field in the HTML code ', the answer will be published in the text without any title above.
the field that includes ' title_article ' in its 'Encapsulate …' field will be used to make the title of the article
a field with ' no_publication ' will not be published in the article generated from the answer.

Edit CSS sheets of the site

All template files (i.e. ' squelette ' in SPIP's language) which configure the pages and their styles are stored in the folder /squelettes of the site. The CSS sheets are :

habillage.css that defines the general styles
perso.css that defines the specific styles
sometimes the cloud.css and jqueryslidemenu.css sheets may be used too

A very usefull tool to find which style's definition is used for an element in the page. To test modifications use the Firefox add-on 'Firebug': http://getfirebug.com/ . Use it without moderation!

Utiliser le SPIP dreamencounter

clem — 2009-06-10T10:44:21Z

Gestion rapide de l'ensemble des contenus :

Pour gérer l'ensemble des contenus du site, utilisez la page « Entire site »
Cette page permet de réorganiser l'arborescence des rubriques et articles par un simple « Drag'n drop » des icones suivi d'une validation des modifications (un bouton « Modify » apparaît une fois l'icône déposée)
Attention, cette fonctionnalité nécessite de bien utiliser l'icone de l'article ou de la rubrique comme élément à saisir mais aussi comme élément sur lesquel déposer !

Utilisation de l'interface de configuration

Les administrateurs généraux du site peuvent configurer différents paramètres via l'interface de configuration accessible dans l'interface privée via Configuration > CFG > Squelette Median. La configuration permet de définir aussi bien les couleurs utilisées que certains textes ou les groupes de mots clés "techniques" (à ne pas afficher dans les pages publiques).

Utilisation des mots clés :

Les mots clés du site (menu « Site edit » > « Keywords ») sont utilisés pour 2 types de fonctionnalités :

soit ils permettent de gérer des éléments de configuration du site : on parlera de « mots clés techniques ». Afin qu'ils ne soient pas visibles dans les pages publiques il est nécessaire cocher les groupes correspondants dans le bloc Définition des groupes de mots clé techniques de l'interface de configuration. Ce document détaillera les fonctions spécifiques associées aux différents mots clés techniques.
soit ils permettent d'associer un élément (article ou rubrique) à un thème transversal du site. Dans ce cas ils seront visibles dans la liste des mots clés proposée sur les différentes pages du site afin de permettre une navigation thématique dans les contenus du site en plus de la navigation par rubriques

Mot clé « _invisible_ » :

Tous les articles ou rubriques associés avec le mot clé « _invisible_ » ne seront pas affichés dans les pages publiques. Pour les rubriques il y a « héritage » c'est à dire que les articles et les sous-rubriques contenues dans une rubrique avec « _invisible_ » seront également non-visibles

Le bandeau de sommet de toute les pages

si il existe une image « logo de site » (cf boite « THIS SITE'S LOGO » dans la page « Configuration » : http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=configuration ) elle est utilisée pour faire le bandeau du sommet de toutes les pages du site. (l'image sera retaillée pour ne pas dépasser 860px de largeur)
si le logo de site n'est pas défini, une « image typographique » est créée à partir du nom du site défini dans la page « Configuration » (champ « Your site's name »). La police, la couleur,du texte, la taille de la police et la largeur maximum avant retour ligne utilisées sont définies dans le fichier /squelettes/in-entete.html ligne 10 :
...image_typopolice=Bookosb.ttf,taille=28,couleur=005C49,largeur=800
taille = font size en points
couleur = utiliser le code hexadécimal des couleurs sans le # initial
largeur = largeur maximum en pixel avant retour à la ligne
Il est possible d'utilise une autre police que Bookosb.ttf en plaçant son fichier .ttf dans le dossier /squelettes/polices (attention ! Pour éviter les problème de copyright, la police choisie doit être libre de droits... Un grand choix est disponible sur http://dafont.com)
le logo de sommet de page comporte un lien sur la page d'accueil du site mais la destination du lien peut être configurée via le champ le 2ème champ du bloc Réglages divers de la page de configuration.

Configuration de la page d'accueil

l'article qui est affiché en début de page d'accueil se configure via le plugin aa (menu « Site edit » > « article accueil » : http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=cfg&cfg=aa ). Cet article peut (doit !) avoir le mot clé « _invisible_ » pour ne pas apparaître par ailleurs dans les listes d'articles.
sur le côté droit on peut faire afficher un petit diaporama (cf http://median-web.eu). Les photos affichées sont tirées aléatoirement parmi celles associées aux articles ayant le mot clé « photos_sommaire »
sous l'article sommaire sont affichées 4 articles avec leur logo : ces articles sont choisit selon l'algorithme suivant :
les 4 articles ayant le mot clé « bloc_sommaire » ayant les numéros les plus petits comme préfixe de leur titre (« 1. le titre du premier », « 2. le titre du deuxième »...)
si il n'existe pas 4 articles avec le mot clé « bloc_sommaire » + un numéro, on complète avec les articles ayant le mot clé les plus récents
si il n'existe pas 4 articles avec ce mot clé on complète avec les derniers articles publiés
le bas de page permet de faire apparaître les mots clés thématiques utilisés sous forme d'un « tag-cloud » (plus le mot est utilisé plus il est gros). Le titre de ce tag cloud est modifiable puisqu'il correspond au texte du mot clé « tags_cloud_title »
à gauche du tag cloud il est possible de faire apparaître un bloc « Contact » qui affiche les descriptifs des mots clés du groupe « Coordonnees ». L'affichage est fait de la façon suivante :
Titre du mot clé : description du mot clé
Les coordonnées sont affichées dans l'ordre défini par les numéros en préfixe du nom du mot clé (« 1. Tel », « 2. Fax »...).
Si on ne souhaite pas afficher le bloc « Contact » il suffit de renommer le groupe de mot clés « Coordonnees »

Affichage des rubriques :

par défaut la rubrique affiche la liste de ses sous-rubriques et articles en dessous de son éventuel descriptif (cf http://wedreambusiness.newethicalbusiness.net/-Press- ).
si une rubrique ne comporte qu'un seul article, celui ci sera directement affiché lorsque l'on visite la rubrique (cf http://wedreambusiness.newethicalbusiness.net/-About- )
Il est possible d'utiliser un article de la rubrique pour faire le texte présentation de celle-ci en associant le mot clé « edito_rubrique » à l'article choisi : voir http://wedreambusiness.newethicalbusiness.net/-Invitation- qui utilise l'article « Invitation » comme article de présentation (http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=articles&id_article=12 )

Affichage des articles :

Par défaut les articles sont affichés quel que soit le visiteur mais il est possible de restreindre l'accès aux visiteurs identifiés (cf lien « Sign in » dans le bandeau de pied de page) en associant le mot clé « restricted_access » à un article. Le mot clé « restricted_explanation » contient dans son champ « Explanatory text » le texte qui sera utilisé pour présenter la restriction d'accès.Si on ajoute en plus le mot clé « form_account_creation » à cet article, les visiteurs non-identifiés se verront proposer un formulaire de création de compte « Visiteur » : cf http://wedreambusiness.newethicalbusiness.net/Propose-your-answers , utilisez le lien « Log out » du bandeau de pied de page pour tester la restriction d'accès et le formulaire de création de compte). Le champ « Explanatory text » de ce mot clé contient le texte de pésentation du formulaire de création du compte.

Configurer le formulaire de création de compte :

Le formulaire de création des nouvreaux comptes se configure par « Configuration » > « CFG » > « Inscription 2 ». Il comporte 3 informations obligatoires : « Signature » « E-mail » « Login ». Les autres informations peuvent êtres ajoutées ou enlevées à la convenance de l'administrateur du site. Chaque champ peut être rendu obligatoire et/ou modifiable par l'utilisateur en cochant les cases correspondantes.

Utiliser les formulaires : généralités

L'outil de formulaire est accessible via « Site edit » > « Forms and polls » (http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=forms_tous ). Il permet de créer des formulaires qui seront intégrables dans les articles. Pour voir les possibilités de création d'un formulaire consulter le formulaire « The form's title » en mode « Edit » : http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=forms_edit&id_form=1

il est possible de gérer la mise en page du formulaire en utilisant les champs de type « New question block » ; chacun d'eux génère un nouveau cadre qui englobe les questions qui suivent.
une fois créé un formulaire peut être intégré dans le texte ou le descriptif d'un article ou d'une rubrique par insertion du code ou XX représente le numéro du formulaire. Voir par exemple http://wedreambusiness.newethicalbusiness.net/ecrire/?exec=articles_edit&id_article=18 qui donne http://wedreambusiness.newethicalbusiness.net/Propose-your-answers . Si l'on souhaite que seuls les utilisateurs identifiés puissent répondre il suffit d'ajouter le mot clé « restricted access » à l'article qui contient le formulaire (cf paragraphe précédent).
Les réponses à un formulaire de type « Sondage » sont présentées dans l'article qui inclut le formulaire si la configuration de celui-ci autorise la consultation des réponses dans la partie publique (cf choix « Form type » dans la partie « Properties » de l'interface d'édition des formulaires).
Chaque formulaire dispose d'une interface de consultation des résultats dans la partie privée : « Site edit » > « Forms and polls » > bouton « display ». Dans cette interface on peut alors publier ou rejetter la réponse : passer la souris sur l'icone orange en tête de ligne de la réponse et sélectioner « published reply » (ou « Reply deleted ») dans le mini-menu qui apparaît.

Utiliser les formulaires pour publier les réponses comme articles du site

Pour les formulaires qui ne sont pas des sondages, les réponses peuvent être transformés en articles : « Site edit » > « Forms and polls » > bouton « Export in an article ». Un article est automatiquement généré avec les questions et les réponses dans le texte.La configuration du formulaire peut être alors adaptée pour que l'article créé formate les réponses de façon spécifique : pour cela on utilise les champs « Encapsulate the field in the HTML code ».

partie « Properties » du formulaire : le champ « Encapsulate the field in the HTML code » permet de placer le numéro de la rubrique dans laquelle les articles générés à partir des réponses de ce formulaire seront placées. Par exemple avec « 16 » dans ce champ, le formulaire « Your dreams & business » publie ses réponses sous forme d'article dans la rubrique n°16 i.e. http://wedreambusiness.newethicalbusiness.net/-Answers-
dans la partie « Fields » de l'interface des formulaires, si un champ comporte « no_title » dans son « Encapsulate the field in the HTML code », la réponse sera publiée dans le texte sans être précédée par le titre
le champ du formulaire qui comporte « title_article » dans son « Encapsulate... » sera utilisé pour faire le titre de l'article
un champ avec « no_publication » ne sera pas publié dans l'article généré à partir de la réponse.

Modifier les feuilles de style du site :

Tous les fichiers de template (i.e. « squelette » en langage SPIP) qui configurent l'organisation des pages et leur style sont stockés dans le dossier /squelettes du site. Les feuilles de styles utilisées sont :

habillage.css qui défini surtout les styles généraux
perso.css qui défini les styles spéciques
ponctuellement les feuilles de styles nuage.css et jqueryslidemenu.css interviennent également.

Pour trouver quelles sont les rêgles de styles qui formatent un élément dans une page et tester des modification, un outils extrèment pratique est l'extension Firebug de Firefox : http://getfirebug.com/ A utiliser sans modération !