Barrejadis - Informatique

Imprimer des plans en grande taille à partir des images Google ou Yahoo

Oaz — Thu, 02 Dec 2010 20:55:00 +0100

Il y a quelques temps, j'avais écrit un plugin firefox (via greasemonkey) pour faire des plans et des images satellite en grande taille. Apparemment, malgré des bugs et une utilisation pas toujours facile, il a servi à beaucoup de monde.

J'essaie désormais de faire un peu mieux avec un embryon d'application en ligne. Ca se passe là : http://azeau.com/bigmaps/.

Ca ne s'appelle plus "Google Big Maps" mais "Big Maps" tout court car les yahoo maps sont désormais de la partie.
L'interface n'est pas des plus conviviales (la partie visible des pages web, c'est pas trop mon truc) mais la fonctionnalité principale est présente : créer une image aussi grande que l'on veut à partir des plans et des images satellites Google et Yahoo. Les seules limites sont la mémoire de la machine utilisée et le débit de de la connexion internet.

Tous les retours sont les bienvenus, en particulier de ceux qui utilisent un navigateur autre que Mozilla Firefox. J'ai rapidement essayé avec Google Chrome mais je n'ai vraiment testé le service qu'avec Firefox. Et pour ceux qui utilisent Firefox, l'extension ScreenGrab est toujours utile pour sauver en tant que fichier l'image obtenue.

Google Big Maps v9

Oaz — Tue, 08 Jun 2010 00:58:00 +0200

Une nouvelle version : google_big_maps_v9.user.js pour rester compatible avec les évolutions de Google Maps.
Pour l'installer, voir les instructions fournies lors de la toute première version.

Google Big Maps v8

Oaz — Sat, 13 Mar 2010 10:02:00 +0100

Google Big Maps v7 ne fonctionne plus. Merci Thomas pour l'info.
Une nouvelle version : google_big_maps_v8.user.js.
Pour l'installer, voir les instructions fournies lors de la toute première version.

Google Big Maps v7

Oaz — Sat, 26 Sep 2009 08:18:00 +0200

Ca devient un thème récurrent de ce blog : après un changement dans Google Maps, mon script pour Firefox qui permet de faire des extractions de cartes ne fonctionnait plus.
Voici donc la version 7 : google_big_maps_v7.user.js.
Pour l'installer, voir les instructions fournies lors de la toute première version.

Google Big Maps v6

Oaz — Fri, 14 Aug 2009 13:00:00 +0200

Mon script pour Firefox qui permet de faire des extractions de cartes à partir de Google Maps ne fonctionnait plus (encore la faute à Google qui avait légèrement modifié les URLs pour accéder aux images).
Devant la pression populaire, j'ai pris le temps de le mettre à jour et voici donc la version 6 : google_big_maps_v6.user.js.
Pour l'installer, voir les instructions fournies lors de la toute première version.

Si vous avez des utilisations intéressantes de ce script, j'aimerais bien en entendre parler, soit ici en commentaire, soit en m'écrivant.

Utiliser l'academie en ligne sans la ligne

Oaz — Fri, 26 Jun 2009 01:16:00 +0200

Le CNED vient de publier la première version de l'académie en ligne avec des révisions pour l'été du CP à la terminale, en attendant d'avoir des cours complets pour la rentrée.

J'ai regardé un peu les exercices interactifs proposés en primaire et je trouve le résultat plutôt bon, au point de vouloir proposer l'activité à quelques élèves que je connais bien.
Le seul point gênant avec cette académie en ligne pour l'été, c'est qu'elle soit, justement, en ligne alors qu'elle gagnerait à pouvoir être utilisée sans connexion internet. L'été, c'est un peu la période des congés...
Heureusement, il y a un moyen pour contourner cette absence de fonctionnalité.

Le but est donc de récupérer le contenu de l'académie en ligne sur un stockage local (disque dur, clef USB, CD, ...)
Le programme joint à ce billet réalise une telle récupération. Il nécessite un interpréteur PHP. L'ensemble des ressources^[1] est copié dans un dossier local à l'endroit où se trouve le programme.
Certaines de ces ressources sont des animations interactives en flash. Quelques unes peuvent être utilisées directement depuis le disque local mais pour un bon fonctionnement, il est préférable d'utiliser un serveur web. Un serveur minimaliste tel que nginx fait l'affaire.

Je me suis interrogé sur la légalité d'un telle copie et je suppose que celle-ci peut entrer dans le cadre d'une copie réservée à l'usage privé du copiste.

Notes

[1] à quelques exceptions près : les cours de langue du secondaire étaient un peu plus compliqué à récupérer, donc ils ne sont pas là

Extension pour dotclear 2 : templateWidget 1.3

Oaz — Sat, 21 Mar 2009 01:55:00 +0100

Pour un développeur de logiciels, il est toujours motivant d'avoir des utilisateurs assidus pour les quelques lignes de code que l'on peut écrire. C'est cette motivation qui m'a fait replonger dans l'extension "templateWidget" pour dotclear 2 pour en sortir une nouvelle version.

Cette extension permet à tous ceux qui savent utiliser des templates de thème dotclear de définir des widgets dynamiques à l'aide d'un simple fichier html. J'avais déjà expliqué le fonctionnement de base dans le billet initial. Je ne vais pas y revenir.

Dans les quelques nouveautés, on trouve :

la possibilité d'accéder à l'identification du visiteur courant et un nouveau widget "bonjour" (que vous pourrez voir en action dans la colonne de gauche de ce blog si vous laissez un commentaire en cochant la case "se souvenir de moi")
une interface d'administration pour sélectionner les widgets actifs. C'était devenu essentiel : il est tellement facile d'ajouter des widgets à coup de fichiers html. Il fallait un moyen pour n'afficher que ceux que l'on veut vraiment utiliser.
des corrections diverses

L'extension est en téléchargement ici : plugin-templateWidget-1.3.zip.

En cas de problème, il suffit de laisser un commentaire ci-dessous.

EDIT 22/03/2009 : suite à quelques problèmes remontés par José sur un hébergement free.fr, voici une version 1.4 : plugin-templateWidget-1.4.zip

Google Big Maps v5

Oaz — Mon, 06 Oct 2008 00:49:00 +0200

Google vient encore de modifier les URLs de ses images Google Map.
Cette version de Google Big Maps devrait résoudre le problème : google_big_maps_v5.user.js. On note qu'il y a de la stabilisation dans l'air : le système de coordonnées est désormais homogène entre les plans et les photos satellites.

Pour plus d'info sur les possibilités offertes par ce script (création d'images de toutes tailles à partir des plans et photos satellites) qui fonctionne sous Mozilla Firefox , voir les billets des versions précédentes.
Pour l'installer, voir le tout premier billet.

Google Big Maps v4

Oaz — Mon, 18 Aug 2008 01:15:00 +0200

Comme précisé dans les commentaires de la version 3, Google a encore fait quelques modifications qui ont nécessité une nouvelle version de ce script.

La version 4 est jointe à ce billet. Elle fonctionne au moins avec maps.google.com et maps.google.fr

J'ai également profité de l'occasion pour créer une section sur ce blog dédiée aux billets concernant Google Big Maps : http://barrejadis.azeau.com/section/Google-Big-Maps.
Comme toutes les sections, celle-ci a un flux RSS dédié pour ceux qui voudraient se tenir au courant des évolutions du script sans être importuné par le reste du blog (qui est par ailleurs très intéressant mais c'est une autre histoire)

simpleWebsite 1.2 pour dotclear 2

Oaz — Fri, 15 Aug 2008 01:52:00 +0200

Voici la toute dernière version du plugin simpleWebsite. Je n'ai pas encore eu le temps de passer ce blog à DC2 version finale (je suis toujours en beta7, honte à moi) mais grace à un patch gentiment fourni par biou, cette version devrait être utilisable sur le tout dernier DC2.

Motivé par l'intérêt toujours présent dont semble bénéficier ce plugin (70 commentaires à ce jour sur le billet de la version 1.1), j'ai profité de cette livraison pour corriger quelques bugs et rajouter une petite amélioration :

il ne devrait plus y avoir de problème avec l'accès aux templates de menu dans l'interface d'administration
il ne devrait plus y avoir de problème avec l'utilisation de array_walk
les templates de menu bénéficient d'un nouveau tag tpl:swEntryIfHierarchyRef qui permet, entre autres, d'avoir un widget de menu épuré. Le menu "local" fourni dans cette version n'affiche que les ascendants et les enfants de la section courante.

Extension pour Dotclear 2 : créer des billet pré-remplis à partir de contenu en ligne

Oaz — Mon, 07 Apr 2008 23:46:00 +0200

Le blogueur lambda se caractérise autant par sa propension à relayer/critiquer/encenser toute information qu'il juge intéressante que par sa tendance à produire beaucoup de contenu avec un minimum d'effort.

Mon extension "Post Maker" pour dotclear vise à rejoindre la panoplie de ce blogueur lambda : elle permet de créer des billets avec un contenu prédéfini dont une partie peut être automatiquement récupérée depuis un flux rss/atom.

Prenons un exemple simple. Notre blogueur lambda souhaite commenter les grands titres de l'actualité. Il va par exemple se baser sur le flux "A la une" du journal "Le Monde".

Dans l'interface de configuration de l'extension, il définit un nouveau type de billet personnalisé "A la une" avec le flux en question :

Le choix "feed-item-list" représente le modèle de mise en page utilisé, en l'occurrence un liste des éléments du flux. C'est un des modèles présents dans l'installation standard de cette extension.

A partir de là, une nouvelle entrée de menu nommée <Nouveau billet "A la une"> est proposée dans le menu d'édition de dotclear :

En cliquant sur cette entrée de menu, un nouveau billet est créé. Son texte initial est basé sur le contenu du flux paramétré :

Le reste, c'est une édition classique de billet.

En couplant l'usage de cette extension à celui d'un lecteur de flux, on peut publier un contenu un peu plus personnalisé. Par exemple, le lecteur de flux Google Reader permet de marquer les articles qui retiennent notre attention et de publier la liste des articles marqués comme un nouveau flux. En utilisant celui-ci avec "Post Maker", on peut écrire rapidement des billets de "revue de web".

J'ai pour ma part déjà un tel flux. Il apparait sur la page d'accueil de mon blog sous l'intitulé "Au fil de mes lectures". Désormais, je vais essayer de publier des billets qui commentent ces lectures. D'où mon intérêt pour écrire une telle extension...

Rentrons maintenant dans la partie un peu plus technique. L'extension fournit par défaut 2 modèles de billet mais il est relativement simple d'en rajouter car le contenu des modèles est dans des fichiers texte.
2 types de fichiers sont utilisés : les ".hentry" et les ".wentry". Les premiers sont des modèles pour les billets composés en xhtml, les seconds sont pour les billets en syntaxe wiki. Le choix du modèle est effectué à partir des préférences de l'utilisateur.

Exemple de fichiers :

Le contenu est du html dans le premier cas, du texte wiki dans le second mais avec quelques balises en plus. Ces balises auront un air familier pour ceux qui connaissent les thèmes dotclear : le même moteur de template est utilisé pour définir les modèles de billet mais avec un jeu de balise entièrement dédié (les balises de thèmes dotclear n'ont aucun sens dans ce contexte).

Pour rajouter des modèles, il suffit de mettre les fichiers adéquats dans le dossier "templates" de l'extension.

La liste des balises disponibles dans la version 1.0 de "Post Maker" :

<tpl:EntryTitle> : block qui définit le titre du billet
<tpl:EntryExcerpt> : block qui définit l'extrait du billet
<tpl:EntryContent> : block qui définit le contenu du billet
{{FeedURL}} : adresse du flux paramétré
{{FeedProperty name="..."}} : propriété du flux.
- Exemple : {{tpl:FeedProperty name="title"}} pour le titre
<tpl:FeedItems> : block de boucle sur les éléments du flux
{{FeedItemProperty name=""}} : propriété de l'élément courant.
- Exemple : {{tpl:FeedItemProperty name="link"}} pour l'URL de l'élément
{{FeedItemDate}} : date de publication de l'élément courant dans le format défini dans les paramètres du blog
{{FeedItemTime}} : heure de publication de l'élément courant dans le format défini dans les paramètres du blog

Bonne utilisation !
Et j'attends bien sûr toutes les remarques utiles à l'amélioration de cette extension !

Google Big Maps reloaded

Oaz — Thu, 03 Apr 2008 23:32:00 +0200

J'appris, grâce à Olivier de "Sourcieux-les-mines" que mon script Greasemonkey qui permet de faire des posters à partir de Google Map ne fonctionnait plus.
Voici donc la nouvelle version de ce script, Google Big Maps v3, qui fonctionnera tant que Google ne changera pas les URLs de ses images.

Toutes les informations utiles sont sur le billet précédent.

Pour rappel, le guide de mise en route :

Installer Firefox (ce qui est certainement déjà fait pour la plupart des lecteurs de cette page)
Installer Greasemonkey
Installer mon script Greasemonkey nommé Google Big Maps v3 qui se trouve ici
Installer éventuellement Screengrab! pour bénéficier de la sauvegarde de la totalité de l'image sous forme d'un fichier .jpg ou .png unique
Aller sur Google Maps

Extension pour Dotclear 2 : créer un widget à l'aide d'un simple fichier template html

Oaz — Sun, 30 Mar 2008 18:29:00 +0200

Les widgets sont une nouveauté de Dotclear 2. Ils permettent de définir facilement le contenu des barres latérales d'un blog. Un petit nombre de widgets sont disponibles dans l'installation de base. D'autres sont rajoutés à travers des extensions.

La principale barrière à la définition de nouveaux widgets est la nécessité de savoir programmer une extension Dotclear en PHP. Cela se justifie pour les nombreux widgets qui réalisent des opérations non triviales. Cependant, un certain nombre d'entre eux se limitent à réaliser un affichage html prédéfini et agrémenté de quelques éléments paramétrables. Cela m'a donné l'idée de réaliser une extension Dotclear 2 qui permet de rajouter des widgets à l'aide d'un simple fichier html de thème dotclear.

Cette extension fonctionne très simplement : elle recherche dans les dossiers de thème tous les fichiers se terminant par ".widget.html" et elle crée un widget à partir de chacun d'entre eux.

Exemple minimaliste de fichier ".widget.html" :

<tpl:WidgetName>Mini</tpl:WidgetName>
Bonjour {{tpl:WidgetText name="nom" title="Entrez votre nom :" default="visiteur"}} !<br/>
Vous &ecirc;tes sur le blog {{tpl:BlogName}}.<br/>

Le <tpl:WidgetName> définit le nom du Widget tel qu'il apparait dans la zone d'administration. Le {tpl:WidgetText} définit un paramètre de type texte pour le widget dont le contenu sera inséré à l'affichage.

A titre d'exemple, deux fichiers widget sont installés en même temps que l'extension. Un pour insérer le code nécessaire à Google Analytics, l'autre pour en faire de même avec PhpMyVisites.

L'insertion de paramètres de type texte est ce qu'il y a de plus simple mais on peut définir d'autres types de paramètres (grande zone de texte, case à cocher, liste de choix) en utilisant les balises appropriées. Voici la liste complète :

{tpl:WidgetText} : paramètre de type texte ou grande zone de texte en rajoutant un attribut type="textarea".
<tpl:WidgetCheckboxIf> : paramètre de type case à cocher. L'attribut value détermine si le contenu du block est affiché. Avec value="1", le contenu est affiché si la case est cochée. Avec value="0", le contenu est affiché si la case n'est pas cochée.
<tpl:WidgetComboIf> : paramètre de type liste de choix. Fonctionnement similaire à <tpl:WidgetCheckboxIf>. L'attribut options définit la liste des choix possibles (séparés par des ":").
{tpl:WidgetCombo} : paramètre de type liste de choix. Fonctionnement similaire à {tpl:WidgetText}. Attribut options identique à celui de <tpl:WidgetComboIf>.

Outre les attributs spécifiques, chaque balise possède les attributs :

name (obligatoire) : nom du paramètre
title (obligatoire) : texte affiché à côté du paramètre dans la zone de définition du widget
default (optionnel) : valeur initiale
order (optionnel) : ordre d'apparition dans la zone de définition du widget

Pour utiliser plusieurs fois le même paramètre dans le fichier html, il n'est pas nécessaire de répéter l'ensemble des attributs. La totalité des attributs obligatoires doivent être présents à la première apparition du paramètre. Par la suite, seul l'attribut "name" nécessite d'être précisé.

Les fichiers "demo.widget.html" et "last.comments.widget.html" fournis avec l'extension démontrent l'éventail de ces possibilités.

D'autres balises facilitent l'écriture de widgets :

<tpl:WidgetDefineBlock> : définit un block html réutilisable. L'attribut "name" identifie le block.
{tpl:WidgetUseBlock} : insère le contenu d'un block réutilisable. L'attribut "name" identifie le block.
<tpl:WidgetPageTypeIf> : conditionne l'affichage d'un block au type de page. L'attribut "type" définit le type de page. Permet, par exemple de n'afficher un widget que sur la page d'accueil.

La méthode préférée pour remonter les problèmes est le gestionnaire de demandes sur Google Code. Concernant les explications sur l'utilisation, je peux répondre en commentaire ici-même ou sur le forum dotclear.
Toute suggestion est la bienvenue.

Demonstration de menu "CSS" pour l'extension dotclear "Simple Website"

Oaz — Wed, 26 Mar 2008 23:28:00 +0100

Le principal avantage du plugin 'simpleWebsite' est de, simultanément, définir au niveau d'un blog une hiérarchie de sections et de fournir des éléments de template dotclear pour parcourir et présenter cette hiérarchie sans vraiment de limite sur la forme.

Par ailleurs, les feuilles de style en cascade, plus connues sous le nom de CSS permettent aujourd'hui d'avoir des affichages évolués sans rajout de code (javascript ou autre). Les menus déroulants en sont un exemple, comme on peut le voir sur cette page.

J'ai donc repris le CSS de cette page pour afficher dynamiquement un menu déroulant comprenant l'ensemble des sections définies sur "simpleWebsite". Voici le résultat pour mon blog :

Voilà donc un menu déroulant facile à inclure sur un blog dotclear.
On notera toutefois que l'affichage dépend du navigateur utilisé. Si, comme moi, vous utilisez Mozilla Firefox, pas de problème. De même avec la plupart des navigateurs respectant les standards du W3C. Finalement, le seul problème réside dans l'utilisation d'Internet Explorer (on s'en serait douté). Il faut au moins avoir la version 7 pour pouvoir profiter de ce menu déroulant.

Voici le texte de template à utiliser pour générer le menu :

<style type="text/css" media="screen">
  @import url({{tpl:BlogThemeURL}}/menu.css);
</style>

<tpl:swDefineBlock name="MenuEntries">
  <li><a href="{{tpl:EntryURL}}">{{tpl:EntryTitle encode_html="1"}}</a>
    <ul>
      <tpl:swMenuLevelEntries>
        {{tpl:swReuseBlock name="MenuEntries"}}
      </tpl:swMenuLevelEntries>
    </ul>
  </li>
</tpl:swDefineBlock>

<div class="skipnav"><a href="#nonav">Aller au contenu</a></div>
<ul id="nav">
  <tpl:swMenuLevelEntries parent_id="home">
    {{tpl:swReuseBlock name="MenuEntries"}}
  </tpl:swMenuLevelEntries>
</ul>
<hr id="nonav">

Le fichier menu.css est celui de l'exemple chez http://denilsonsa.selfip.org/~denilson/.

Certains seront peut-être surpris par la présence du lien invisible <a href="http://barrejadis.azeau.com/post/2008/03/26/#nonav">. Il sert en fait pour les affichages sans feuilles de style tels les navigateurs en mode texte. Dans un tel contexte, le menu est affiché comme une liste, qui peut être très longue et ce lien sert à aller au contenu de la page à la fin de la liste.
Pour s'en convaincre, il suffit de faire afficher la page actuelle à travers un visualisateur Lynx

Un dernier mot, enfin, pour expliquer la présence du menu en plein milieu de ce billet.
En fait, ce billet dispose d'un fichier template personnalisé (simpleWebsite permet cela sur tous les billets, pas seulement sur ceux représentant une section) où le menu est affiché entre l'extrait du billet et son contenu...

Extension "Simple Website" v1.1 pour Dotclear 2

Oaz — Sat, 22 Mar 2008 01:07:00 +0100

Il y a une semaine, je livrais la première mouture d'une extension dotclear permettant de découper un blog en un arbre de sections.

J'ai fait un peu de pub pour cette extension sur le forum dotclear et, sur ce forum tout comme sur mon billet initial, les retours ont été vraiment très positifs. Plusieurs personnes ont essayé d'installer l'extension et j'ai immédiatement eu une liste assez précise de problèmes rencontrés ainsi que quelques suggestions d'amélioration.

La version 1.1 disponible en pièce jointe à ce billet est le résultat des quelques corrections apportées.

J'ai tout d'abord mis à jour la configuration de mon environnement de développement XAMPP avec les recommendations officielles. Il ne devrait donc plus y avoir de problèmes du côté des divers avertissements qui peuvent apparaître en fonction des configurations PHP plus ou moins tolérantes.

J'ai profité de cette nouvelle version pour rajouter ou modifier quelques fonctionnalités :

le widget de navigation dans les sections offre 2 modes :
- visualisation systématique de l'ensemble des sections du blog ("full")
- visualisation limitée à la hiérarchie courante et aux sections collatérales de la hiérarchie ("current")
le menu inclus dans le widget est entièrement personnalisable avec un fichier template. En fait, les 2 modes "full" et "current" correspondent respectivement à 2 fichiers template "full.menu.html" et "current.menu.html" qui en définissent le contenu. Pour améliorer ces affichages (par exemple faire des menus déroulants) il "suffit" d'écrire un fichier template correspondant.

A noter que ces évolution nécessitent d'enlever l'ancien widget et d'en créer un nouveau.

Par ailleurs, plusieurs remarques mentionnaient la difficulté d'installation, en particulier la modification du thème pour profiter des fonctionnalités du plugin. J'ai donc inclus un dossier "goodies" dans le package du plugin. Il contient 2 fichiers prêts à l'emploi à mettre dans le thème utilisé :

"post.html" remplace le fichier du même nom du thème par défaut (il y rajoute le block <tpl:swCustomPostContent>)
"section.html" est un nouveau fichier qui met en forme l'affichage d'une section. Il suffit de le référencer dans le champ "Nom de fichier template" de chaque billet "section".

Pour tout problème avec cette version, laissez un commentaire ci-dessous.

Extension pour Dotclear 2 : site web simple avec menu arborescent

Oaz — Sun, 16 Mar 2008 14:01:00 +0100

Dotclear fournit par défaut 2 fonctions d'organisation des billets, les catégories et les tags. C'est suffisant pour aménager un blog standard mais un peu limité si on veut donner à ce blog une allure de site web structuré en sections et sous-sections.

J'ai donc écrit une extension "Simple Website" qui permet de faire cela. Elle peut être utile pour découper un blog en parties relativement indépendantes (ce qui est fait ici même) ou, plus généralement, pour réaliser rapidement un site web avec dotclear sans avoir besoin de maîtriser un autre CMS.

L'extension "Simple Website" contient :

Une évolution de l'interface d'administration pour définir une arborescence de sections ainsi que la possibilité d'associer une ou plusieurs sections à chaque billet. En pratique, chaque section est un billet qui a été identifié comme tel. Cela permet d'utiliser l'ensemble des fonctions existantes. Une section a ainsi un nom (le titre du billet), un résumé de sa description (l'extrait du billet), une description complète (le corps du billet), la possibilité d'être commentée, d'être rétroliée, etc.
Un ensemble d'éléments de template permettant d'afficher, sur la page d'une section :
- les éléments de la section courante
- l'ensemble des sous-sections
- le chemin hiérarchique permettant d'atteindre la section courante
- l'ensemble des billets (navigable par pages) de la section et des sous-sections
Les flux de billets et de commentaires relatifs à chaque section
Un widget pour naviguer dans l'ensemble des sections
Une page "plan de site" présentant la hiérarchie des sections et leur description

Pour avoir une meilleure vision de cela, le plus simple est de regarder un exemple. Puisque ce blog utilise le plugin en question, il suffit, par exemple, d'aller voir la section regroupant mes réalisations logicielles :

En tête de page, le chemin hiérarchique "Accueil » Informatique » Mes réalisations" permet de se positionner dans l'ensemble du site. Suivent le nom de la section, sa description et les liens vers les flux : fil des billets et fil des commentaires.
Au même niveau, mais sur la partie droite, sont listées les sous-sections avec un résumé de leur description. La suite de la page est occupée par la liste des billets de la section courante et de ses sous-sections sur le même modèle que les catégories ou les tags.

Sur la même page, dans le bandeau de gauche, le widget de navigation est positionné sur la section courante et il permet d'aller vers les sous-sections, vers la hiérarchie parente ainsi que les sections voisines de chaque élément de la hiérarchie.

Le plan de site est accessible à tout moment grace à un lien dans le même widget.

Côté administration, chaque billet dispose d'une section masquable "Site web simple". Si on n'y touche pas, le billet reste un billet standard. Lorsque la section est dépliée, on peut définir :

Sa position dans la hiérarchie : en sélectionnant son parent
Les billets qui y sont rattachés : en définissant un tag de regroupement
La mise en page de la section : en donnant le nom d'un fichier template se trouvant dans le thème
L'URL à présenter pour le flux des billets (utile si on veut gérer les abonnements à travers un système externe type feedburner)

Le rajout d'un billet standard dans une section se fait tout simplement en associant à ce billet le tag défini dans la section. On notera que, dans la section "Site web simple", la zone "Nom de fichier template" peut être utilisée sur les billets standards pour leur donner, au cas par cas, une mise en page personnalisée.

Ici se terminent les informations pour une utilisation courante mais la mise en place du plugin au sein d'un blog existant nécessite une étape supplémentaire : l'adaptation du thème d'affichage pour y rajouter le ou les formats d'affichage d'une section.

Un pré-requis écrire les templates relatifs à une utilisation de "Simple Website" est la modification du template "post.html" du thème utilisé. En effet, tous les affichages réalisés par cette extension (sections, plan de site) sont réalisés en prenant "post.html" comme base. Deux modification doivent y être apportées qui ne remettent pas en cause l'affichage des billets standards :

Dans le <head> HTML, les liens vers les flux doivent être adaptés pour permettre l'insertion des flux de section. En pratique, il suffit de remplacer les tpl:BlogFeedURL par des tpl:swMenuFeedURL.
Il faut insérer un block <tpl:swCustomPostContent> autour du contenu de la zone <div id="main">. Ce block permet de, simultanément, conserver l'affichage d'un billet standard ou de le remplacer par le contenu du fichier de template personnalisé de chaque billet lorsqu'un tel fichier est défini dans la boite "Site web simple" du billet.

Il faut ensuite définir au minimum un fichier template pour l'affichage des sections. Ce fichiers ne contient bien évidemment que la partie intérieure à la zone <div id="main">. A titre d'exemple, le fichier "post_menu.html" utilisé sur ce blog est joint à ce billet.

Les éléments de templates utilisables pour mettre en forme les pages de section sont :

Block <tpl:swMenuHierarchyEntries> : c'est un block qui fonctionne comme <tpl:Entries> mais qui itère sur les sections constituant le chemin hiérarchique permettant d'atteindre la section courante.
Block <tpl:swMenuLevelEntries> : c'est également un block qui fonctionne comme <tpl:Entries> mais celui-ci itère sur les sous-sections de la section courante.

L'affichage du plan de site est réalisé à travers un fichier dédié "sitemap.html" qui, lui-aussi, ne contient que la partie de template intérieure à la zone <div id="main">.
Un fichier par défaut est intégré au plugin mais il est tout à fait possible de le rédéfinir dans le thème utilisé. Des éléments de templates additionnels sont nécessaires pour mettre en forme le plan de site :

Valeur tpl:swSitemapURL : c'est l'URL de la page qui affiche le plan de site.
Block <tpl:swDefineBlock name="XXX"> : c'est un élément générique qui définit un block réutilisable en plusieurs endroits. En pratique, il définit une fonction PHP qui affiche le contenu du block.
Valeur tpl:swReuseBlock name="XXX" : c'est le pendant de l'élement précédent. Les blocks définis peuvent être inséré à divers endroits avec cet élément.

L'affichage du plan de site sans limitation de la profondeur de l'arbre est réalisé par un swDefineBlock/swReuseBlock récursif en bouclant à chaque niveau sur les section via un swMenuLevelEntries (si cette phrase n'est pas assez claire, le mieux est de jeter un coup d'oeil au fichier "sitemap.html" contenu dans l'extension).

Voilà pour la partie plus technique. Toutes les questions, remarques et suggestions sont, bien évidemment, les bienvenues et si jamais quelqu'un utilise cette extension sur son blog ou, encore mieux, pour réaliser un site, ça serait sympa de laisser un petit mot ici même !

Leçon de conception logicielle : la simplicité

Oaz — Tue, 11 Mar 2008 12:12:00 +0100

Chez StuffThatHappens via FredCavazza.

Il ne me manque plus que la barbe

Oaz — Wed, 05 Mar 2008 00:03:00 +0100

Le site My Heritage propose une fonction amusante. En téléchargeant une photo portrait, il recherche dans une base de personnes connues (plutôt dans le monde anglo-saxon) celle qui ressemble le plus au portrait envoyé et il fait un morphing entre les 2 personnes.

J'ai donc essayé avec une photo de moi...
A priori, je ne me trouve pas vraiment de ressemblance avec RMS mais je dois avouer que l'effet du morphing est saisissant.

Scrutin plurinominal proportionnel à la plus forte moyenne

Oaz — Thu, 10 Jan 2008 13:54:00 +0100

Lors des élections pour le collège des adhérents au Conseil National du MoDem, les sièges seront attribués "à la plus forte moyenne". Ceux qui se posent des questions sur ce que cela signifie peuvent consulter l'article wikipedia correspondant. Ils peuvent aussi aller voir du côté du sénateurs dont certains sont élus selon ce principe.

Mais le plus simple, c'est encore d'utiliser le simulateur ci-dessous :

Nombre de sièges à pourvoir :
Nombres de listes :

Listes :

Nom

Suffrages

Nombre de sièges

Moyenne

Total des suffrages : 0

Google Big Maps version 2 : faire soi même un poster géant d'image satellite

Oaz — Tue, 18 Sep 2007 00:04:00 +0200

Il y a quelques jours, j'avais mis à disposition un script Greasemonkey permettant de créer et imprimer un plan Google Maps de grande taille. Voici maintenant la version 2 du même script qui permet de faire la même chose sur les images satellite (et aussi sur le mode mixte plan/satellite pendant qu'on y est).

EDIT 16/04/2008 : une nouvelle version est disponible ici.

EDIT 08/12/2010 : Une toute application en ligne est disponible : http://azeau.com/bigmaps.

Petit manuel d'utilisateur rapide.

Sur la page Google Maps, 3 boutons sont rajoutés :

le bouton de gauche permet de sélectionner le coin haut-gauche du plan ou de l'image satellite à réaliser. Il suffit de choisir son niveau de zoom et de se déplacer dans la fenêtre jusqu'à ce que le coin haut-gauche de la vue soit positionné sur le coin haut-gauche souhaité. A ce moment là, un click sur le bouton enregistre la position.
le bouton de droite permet de faire la même chose avec le coin bas-droit.
le bouton central ouvre une nouvelle fenêtre permettant de finaliser l'image.

La fenêtre de finalisation présente un bandeau de contrôle :

Au dessous de ce bandeau est affichée la totalité de l'image capturée.
Le bandeau de controle permet :

à l'aide des divers boutons '+' et '-', de définir le cadrage exact de l'image souhaitée
à l'aide du sélecteur de zoom (100%, 50%, 25%, etc.) de visualiser l'image dans son ensemble pour dégrossir le cadrage puis de visualiser les détails pour affiner

Lorsque le cadrage souhaité est obtenu, le bouton représentant un rectangle fait disparaitre le panneau de contrôle afin de ne conserver que l'image. Il est impossible de faire réapparaitre le panneau (il faut prendre garde à bien avoir choisi son niveau de zoom avant de le faire disparaitre).

Voilà, c'est à peu près tout. Il ne reste plus qu'à imprimer l'image obtenue.
Suggestion bienvenues comme d'habitude.

Pour rappel le guide de mise en route :

Installer Firefox (ce qui est certainement déjà fait pour la plupart des lecteurs de cette page)
Installer Greasemonkey
Installer mon script Greasemonkey nommé Google Big Maps v2 qui se trouve ici
Installer éventuellement Screengrab! pour bénéficier de la sauvegarde de la totalité de l'image sous forme d'un fichier .jpg ou .png unique
Aller sur Google Maps