Pierre Lachance . Net

Squelettes hasardeux, v 0.1

Pierre Lachance — 2007-03-14T23:19:44Z

Vous être présentement sur un site web généré par SPIP avec mon nouveau squelette : Hasardeux.

Comme vous remarquez, la mise en page est aléatoire. Si vous rechargez la page, les éléments de la page changeront de position (sauf le titre du site et les notes au bas de la page).

Pourquoi ce type d'interface ? Pour le plaisir, pour le « look » et pour être un peu hors-norme (pas de positions définies, pas de colonne, pas de menu lourd...).

Suite à mon portfolio et à mes photos préférées (deux petits projets personnels), un ami m'a demandé de pouvoir faire de même avec un de ses projets. Voulant rendre la chose le plus simple possible, je me suis donc mis dans la création du présent squelette pour SPIP.

Les sources du squelette seront disponibles sous peu, il me reste de la validation à faire (surtout pour IE [1] qui devient de plus en plus un cauchemar pour moi quand je travaille avec les CSS) pour les différentes résolutions (le site est extraordinaire sous ma résolution de 1600x1200 ;o) et sous Firefox et Safari. Surtout la page de photos.), etc.

Navigation sur le site

Le titre du site est un lien vers la page d'accueil.
Sur la page d'accueil, les mots-clés associés aux textes sont affichés. En passant sur l'un d'eux, une description apparait. En cliquant sur un mot-clé on se rend sur une page où tous les articles avec ce mot-clé seront affichés [2]. Il y a également, en plus des mots-clés, le titre des trois derniers articles publiés. Les articles sont identifiés par un >> devant le titre.
Dans la page d'un article on a la zone de texte, le nom de l'auteur, la date de publication et le logo de l'article qui seront positionnés au hasard. En passant la souris sur la zone de texte, les couleurs deviennent plus vives pour faciliter la lecture et les autres éléments de la page sont relégués sous la zone (sous Firefox et Safari seulement [3]
La zone texte contient le titre, les mots-clés associés au texte, le texte, les documents joints, les notes, le PS et les commentaires.
On peut laisser un commentaire sur un texte en cliquant sur le petit carré contenant « !? » à droite de la zone de texte. En cliquant sur le « X » on revient à la page d'accueil.
On peut faire une recherche sur le site en cliquant sur « Recherche » au bas de la page. Les articles contenant le terme recherché seront positionnés au hasard.

À noter que les brèves et les rubriques ne sont pas pris en compte par le squelette. Pourquoi ? Le type de site (nuage) est plus adéquat avec les mots-clés que les rubriques (on peut associer plus d'un mot-clé par texte) et les brèves n'ont pas vraiment d'utilité (selon moi) dans un site de ce type.

Voilà donc les principales fonctionnalités de la version 0.1 de mon squelette Hasardeux.

[1] IE 6 ne réagit pas de ma même manière que IE7. Que dire des versions précédentes ?

[2] Si le nombre d'articles est supérieur à 15, un petit menu « pagination » apparait en haut à droite.

[3] Je vais essayer de voir ce qui est possible de faire pour IE. Bien que ce ne soit pas une priorité pour moi. Si quelqu'un sait comment je pourrais faire, les conseils sont les bienvenues.

Projet météo (RÉCIT MST)

Pierre Lachance — 2007-03-14T22:30:27Z

Dans mon travail, il y a des projets plus porteurs que d'autres. Le projet météo est un de ceux-là. Ce projet a été initié par les animateurs locaux du RÉCIT de la région de Montréal.
Le squelette SPIP utilisé est en développement, mais on peut déjà voir les diverses fonctionnalités de l'outil.
Plusieurs stations météo seront déployées dans les prochains mois, ce qui apportera bien des données à traiter.
Un projet à (...) - Pédagogie / Science et technologie, Pédagogie

Squelette PierreLachance_Xolson

Pierre Lachance — 2005-11-22T18:18:06Z

Voilà, après avoir reçu le OK de l'auteur du thème Xolson, j'ai finalisé le squelette que j'ai nommé PierreLachance_Xolson.

Pour en savoir plus et pour le télécharger.

Merci encore M. Falsam :-)

Mise à jour du 24 nov 05 : Le squelette n'est pas OK sous IE:o( Mais sous un vrai navigateur c'est très bien ;o) Je vais essayer de l'améliorer.

Mise à jour 1h après la dernière : Bon, le menu d'icônes (qui était très beau :-( ) a été remplacé par un menu plus standard. Donc IE sous Mac et Win$ voit la même chose que sous Firefox et Safari.

WikiNiMST, des ajouts

Pierre Lachance — 2005-11-18T13:59:56Z

Au cours des dernières semaines j'ai ajouté quelques éléments dans le WikiNiMST.

Je ne suis pas un amoureux des présentations (à la ppt) linéaires, mais j'avoue que pour certains besoins ça peut être intéressant. M. Eric Meyer a créé en utilisant la puissance des CSS un outil intéressant du nom de S5. J'ai donc exploité la souplesse de WikiNi pour lui intégrer S5. Voici ce que ça donne. On a 5 styles de disponibles.

Ensuite, une personne ayant laissé un commentaire sur le WikiNiMST voulait avoir la possibilité (pour de longue page) de placer des ancres dans une page. Voilà que c'est fait.

Dans les prochaines semaines je tenterai d'appliquer le style Xolson au WikiNIMST afin d'avoir un blogue, un SPIP et un wiki avec la même interface. Vive les CSS !

WikiniMST aux couleurs de PierreLachance.net

Pierre Lachance — 2004-11-07T18:15:44Z

Suite à mes changements de « look » de mon site principal, j'ai travaillé sur les feuilles de style de WikiniMST afin de lui donner un aspect semblable [1].

Pour appliquer le style à une installation de WikiniMST, copier les fichiers (de l'archive ci-dessous) dans la racine [2] et les images de fond dans le répertoire images.

Voilà. Il est possible qu'il y ait des petits trucs à modifier [3] mais ça devrait ressembler au mien.

Attention : Le WikiNiMST n'est pas conforme au W3C :o(, je travaillerai sur ce problème sous peu.

Mise à jour du 8 nov. 2004 Le WikiNiMST installé ici est maintenant valide XHTML 1.0 Transitional !

Il faut donc respecter certains règles lors de la création du contenu des page, comme par exemple ne pas faire ceci : ===**Allo en gras===** (on ne place pas dans le bon ordre les codes).

Vive le W3C !

[1] Grâce à la puissance des CSS, cela n'a pris que quelques minutes ! Vive les CSS !

[2] sauvegarder les fichiers existants pour revenir en arrière.

[3] Entre autre dans le fichier /actions/header.php qui est codé en partie à la dur.

Squelette PierreLachance.netv2

Pierre Lachance — 2004-11-07T14:59:00Z

Après quelques heures de travail, voici donc la version 2 de mon squelette personnel. Il reprend la même structure de mot-clé (album et agenda fonctionnent en date du 7 nov 04) que la première version.

Le squelette est conforme au W3C HTML 4.01 et au W3C CSS [1]. Par contre, si des images ont été traitées par SPIP (<imgx|center>) il y a des erreurs [2]. Ne voulant pas jouer dans le coeur de SPIP, ça restera comme ça jusqu'à ce que SPIP lui-même devienne conforme.

La structure est très semblable à mes derniers squelettes (en fait je pars toujours de mon dernier pour le faire évoluer), soit PierreLachance.net et RÉCIT MST. Sauf que j'ai épuré le code de tous les <font size...> et du tableau [3] qui contrôlait la disposition des éléments dans les pages. De plus, chaque <img src..> a un élément « alt=description » (car le HTML 4.01 le demande).

Afin d'homogénéiser mon site avec mon carnet (Blog), je me suis inspiré du thème de GrimOWeb (un thème de DotClear) pour l'esthétique. [4].

Vous pouvez télécharger le squelette à cette adresse :http://recitmst.qc.ca/spip/. La licence est incluse (GPL bien sûr) dans le fichier compressé.

[1] Cliquez surles icônes au bas de la page.

[2] Pour voir un exemple

[3] Il reste encore des tableaux dans certaines page, comme par exemple pour l'affichage des forums.

[4] Prochain défi, mon wiki ;o)

Air frais + feuilles colorées = automne

Pierre Lachance — 2004-10-02T22:09:58Z

L'automne, ma saison préférée. Voici de la couleur pour le oueb !

Vacances 2004, déjà fini :o(

Pierre Lachance — 2004-09-02T13:28:16Z

Le temps est bel et bien relatif ! Les vacances passent beaucoup plus rapidement que les semaines de travail. Quoi que, lorsqu'on aime ce qu'on fait, accélère aussi les choses ;o)

Camping en famille aidant, j'ai vécu de très belles vacances. Mais là, je dois reprendre le rythme de croisière dans mon emploi. Ce que j'ai vite fait car avec un CampTIC comme première semaine de travail en 2004-2005, ça démarre en lion !

J'aborde cette nouvelle année scolaire avec plusieurs projets et beaucoup d'énergie et d'enthousiasme car on sent que les choses (intégration des TIC dans l'apprentissage) avance. Pas aussi rapidement qu'on l'aimerait, mais ça avance.

Magalie commence sa première année ! Déjà. Elle est très heureuse et elle semble beaucoup aimé son enseignante. C'est un bon début.

Découverte en ce début septembre, le carnet de mon ami Gilles G. Jobin.

Ottawa, une très belle ville. J'y suis pour PIRS (Programme d'indicateurs du rendement scolaire) afin de participer à la validation d'un test pascanadien en sciences. Comme quoi n'importe qui a droit de parole ;o)

À+

Squelette PierreLachance.net

Pierre Lachance — 2004-06-25T20:03:58Z

SPIP (Sytème de publication internet public) est l'outil que j'utilise pour le présent site.

Un des avantages de SPIP est qu'on l'on peut personaliser l'interface du site à l'aide d'un « squelette ». Le squelette de mon site peut être télécharger à l'adresse suivante : http://recitmst.qc.ca/spip/.

Projet Gutenberg

Pierre Lachance — 2004-06-14T14:14:48Z

Le web contient de plus en plus d'informations. Mais certains projets ressortent du lot. Comme par exemple Wikipedia (une encyclopédie libre) et le projet Gutenberg.

Des oeuvres littéraires du domaine public (peuvent être distribué sans problème de copyright) sont disponibles. Donc, on peut télécharger des oeuvres comme « Le Tour du Monde en 80 Jours » ou encore « Voyage de J. Cartier au Canada.

On ne peut plus dire qu'il est coûteux de lire ;o)