PL en toute liberté

Tag :

Script

Fil des billets

WikiniMST mobile

Voilà donc, juste avant les fêtes, la version 10.12 du WikiniMST (l'outil de wiki que je développe depuis quelques années déjà).

Dans cette version j'ai ajouté une fonction qui permet de se créer un site optimisé pour les mobiles (petit écran), et ce assez simplement (tout est relatif comme toujours).

La procédure se trouve à cette adresse: http://recitmst.qc.ca/wikinimst/WikiniMSTMobile/v.

Une version pour mobile de cette page se trouve ici: http://m.recitmst.qc.ca/Wikinimstmobile

Ça ne révolutionne rien, juste que ça me simplifie à moi (pour mon travail) la création de contenu accessible pour les mobiles. Une fois le wiki installé et configuré, on peut se créer des pages et des pages de contenu (avec images, liens, documents joints, etc) optimisées pour les petits écrans. Rien à faire, les images se redimensionnent à 300px de large, la détection du mobile est automatique, etc.

Bonne mobilité!

PS: Si vous utilisez SPIP comme gestionnaire de contenu, le plugin iSPIP permet de rendre votre site compatible avec les mobiles. Pour ce qui est de Dotclear (moteur du présent blogue), il y a cette démarche.


Comment détecter des appareils mobiles avec du javascript

Vous voulez que les visiteurs équipés d'un appareil mobile (iPhone, Ipod, Android, etc) puissent choisir la version mobile ou standard de votre site Web? Voici une petite astuce.

Insérer ce code dans la page d'accueil de votre site (entre les deux balises HEAD):

<script type="text/javascript">
(function () {
if(/iPhone|iPod|Android|opera mini|blackberry|palm os|palm|hiptop|avantgo|plucker|xiino
|blazer|elaine|iris|3g_t|windows ce|opera mobi|windows ce; smartphone;|windows ce;
iemobile/i.test(navigator.userAgent)){
var question = confirm("Voulez-vous consulter la version mobile de ce site ?")
if (question){
window.location = "http://adressedelaverisonmobile.com";
}
}
}());
</script>

Pour voir ce que ça donne avec votre mobile, voir ce site. Pour voir le rendu dans votre navigateur, cliquez ici.

Si vous utilisez SPIP somme gestionnaire de contenu, le plugin iSPIP facilite la création du site pour mobile. On peut par la suite rediriger l'utilisateur-mobile selon son choix.

Mise à jour: J'utilise ce script afin d'ajouter un gros bouton rouge dans la page d'accueil qui donne le choix au visiteur de naviguer dans le site normal ou version mobile. L'avantage de ce script php est qu'on ne demande pas au visiteur le choix à chaque fois qu'il visite la page d'accueil.


Le tou de Tou.tv ne veut pas dire pour Tout le monde

Édition du 1er février 16h30: Tou.tv fonctionne maintenant sans aucun problème avec Linux! Le problème a été réglé à la source! Wow! Bravo Radio-Canada! Et merci RC au nom de tous les «linuxiens» canadiens.

Merci @walrus pour l'info.


Édition du 2 février: Il y a des vidéos (ici, ici, ici) qui ne peuvent pas être vu sans le script GreaseMonkey. Pourquoi? Le code n'a peut être pas été réparé partout? À suivre...

En fouillant un peu le code source des pages, la différence entre les vidéos qui ne fonctionnent pas et ceux qui fonctionnent est la ligne suivante:

Fonctionne pas: if (toutv.releaseUrl != '') {

} //

Fonctionne:

if (toutv.releaseUrl != '') { so.addVariable("releaseURL", toutv.getRelease()); }

Donc la fameuse ligne commentée qui posait problème avant hier est maintenant disparue dans quelques pages?!?!?


Et oui, Radio-Canada m'a encore interdit du contenu que je paie avec mes taxes. Le site Tou.tv ne permet pas à un système d'exploitation libre de lire les vidéos de son site.

Bêtise!

Des gens compétents ont trouvé ce qui n'allait pas, car après tout le site est basé sur Flash que Linux supporte; une ligne de code commentée dans la page. Oui oui, un petit // de trop qui me bloque l'accès à ce contenu.

Et bien ces gens compétents ont programmer un petit script qui corrige cette erreur (j'imagine que c'est une erreur). Merci à M. Rodriguez!

Pour moi ça fonctionne avec Ubuntu 9.10, Firefox 3.6 et Greasemonkey 0.8.20091209.4.

Note: ne pas oublier l'étoile dans l'adresse à inclure: http://www.tou.tv/*

Pour les plus audacieux, voir cette page qui explique en détails ce qui se passe.

Il est dommage de devoir trafiquer les pages Web de notre société d'état pour accéder au contenu.


Gobby, quelques tests

Gobby, un outil «texte» de collaboration, est pas mal du tout pour ceux qui comprennent qu'on n'a pas besoin de fonctions de mise en page quand on prépare un texte, ordre du jour, présentation, formation... Pour les autres, utilisez Google Document.

Donc, j'ai testé l'application pendant quelques minutes aujourd'hui, question de voir si ça peut être utile. Oui = ma réponse.

En mode réseau local ça fonctionne très bien, donc ça pourrait être une alternative fort intéressante au clavardage et Google doc quand on veut ne pas trop utiliser la bande passante vers l'Internet.

On peut installer un serveur, Sobby, et se connecter via l'internet. Ça fonctionne bien aussi, sauf pour ceux qui ont un proxy à passer pour se rendre sur Internet. Il faut donc que le serveur Sobby utilise un port comme 443 par exemple (s'il n'est pas déjà utilisé par le https de votre serveur). J'ai donc installé un serveur permanent (port 6522) sur recitmst.qc.ca (avec un mot de passe, si vous désirez essayer avec moi, donnez-moi rendez-vous et je vous donnerai les informations nécessaire pour me rejoindre) et un autre temporaire (que je démarre au besoin) avec le port 443 (pour contourner un peu les proxy).

Il peut être tentant de comparer cet outil avec un wiki ou Google Document par exemple, mais je crois que Gooby répond à d'autres besoins.

Bon ok, voici les + et - de Gooby.

Avantages:

  • très synchrone par rapport à Google document (le wiki n'est pas synchrone), on voit instantanément ce que l'autre écrit;
  • chaque utilisateur a sa couleur, donc on sait qui écrit quoi dans la page;
  • un outil de clavardage est intégré dans la page;
  • mode texte, donc pas de flafla (on fera une mise en page après la composition, méthode de travail efficace);
  • mode réseau local (pas de bande passante Internet, plus rapide) fort impressionnant, on trouve les autres utilisateurs facilement;
  • multi OS.

Désavantages:

  • Mode texte pur seulement, donc rébarbatif pour les adeptes des outils de mise en page en cours de création;
  • pas d'historique du document.

Je laisse la conclusion à Gilles (il m'a autoriser la citation) qui a écrit cette phrase dans un Gobby lors de nos tests:

les outils de travail sont vraiment bien faits. Mais personne ne veut travailler... :-)

Ça se discute, mais il est vrai que nous sommes qu'au début de la collaboration à distance. En tout cas en éducation.


Un projet perso, suite 2

Le début de mon projet a donné cette première suite. Voilà le 3e volet (une trilogie) de mes folies persos du mois de mars 2007.

J'ai encore appris des choses en CSS (je détaillerai le tout sur mon site personnel sous peu, quand j'aurai valider un peu plus le squelette) et sur le &*?%%?$%$ de IE! Mais bon, les défis sont toujours formateurs.

J'ai aussi appris des choses très cool sur SPIP. Comme par exemple qu'il prend en charge (depuis quelques versions déjà) les problèmes d'affichage de la transparence des png sous IE, donc plus besoin de trafiquer les icônes png qui foisonnent dans OpenClipart et dans mes icônes systèmes. SPIP permet de «jouer» avec les images. et de faire des URL propres (comme ceci: http://pierrelachance.net/Squelettes-hasardeux-v-1 ).

Pelleter des nuages, quels beau projet pour le printemps ;o)


Un petit projet perso... suite

Je poursuis mon petit projet en ce samedi matin où je joue au docteur.

Mes photos préférées, où sont-elles? Un peu partout. Bon... ok... un peu de regroupement...

J'utilise le même script que pour mon portfolio et je crée Mes photos préférées.

Le principe d'affichage est le même: hasard. Le «look» aussi. Lire la FAQ pour des détails.

Donc, deux petits trucs personnels qui m'aident à me retrouver un peu. En plus, je trouve ça beau! Moi qui n'a pas de talent...

Édition: J'utilise ce script pour les effets de visionnement des photos.


Un petit projet perso

Semaine de relâche oblige, il faut que je décroche de mon travail. Un peu au moins. Bon, je suis allé marcher un peu (il fait frette). On ne peut pas sortir dehors, ma plus petite est malade :o( J'ai aussi commencé à lire «Le nom de la rose». Jouer à la barbie? Hum... je passe mon tour.

Je ne sais pas trop pourquoi, mais j'aimerais bien créer une page web à la mitaine (code en html et php), en souvenir du bon vieux temps, car il fait dire que depuis les CMS, je ne fais plus vraiment de ce genre de construction. Ok, une page web, mais que mettre dedans? C'est beau coder mais il faudrait que ça serve un peu au moins.

Un mail... de Martin... il veut comprendre un peu mieux la folksonomie sur Del.icio.us... les nuages de mots-clés... Ho! Nuage! Ben oui, faire un nuage... c'est beau un nuage! Ouais... j'ai déjà mon nuage de liens web sur del.icio.us:

HAAAAAAAAARRRRRRRRRRRRGGGGGGGGGGG!!!!! C'est pas drôle de ne pas trouv... OK je l'ai! Mon portfolio sous forme de nuage... Oui oui, mes textes/outils/sites dont je suis le plus fier... Yesssssssss... on code.

1) Où j'inscris mes liens? Fichier texte/xml ou dans un BDD? Je choisi BDD car il sera toujours temps de faire un fichier xml par la suite (à partir de la BDD).

2) Esthétique de la page? Je cherche sur http://www.oswd.org/ pour m'inspirer. Plus je vois des CSS, moins je veux de couleurs ou flafla. OK, page blanche, dépouillée. Ça part fort! Quoi que une liste ordinaire de liens sur une page blanche... ouach... MON NUAGE!

3) Pour créer un nuage avec mes liens (et descriptions) je dois positionner mes éléments. Ho! Comment faire? Positionner chaque éléments à la dure... ça donne quelque chose de fixe... hum... non, je ne veux pas de fixe... le hasard peut-il s'occuper de la mise en page? On essai.

4) OK, ça se positionne au hasard... il y a des liens qui se superposent... pas grave! Le hasard c'est bien (voir la FAQ pour savoir pourquoi ;o) )

5) Les couleurs, les polices, etc. Je veux quelque chose de sobre, «neat» comme dirait M. Tremblay, que je n'ai pas vu depuis trop longtemps :o(

6) La FAQ, je dois expliquer le pourquoi de mes choix. Au cas où quelqu'un irait voir la page.

7) 16h... on ferme... Première version de mon portfolio en nuage. J'aime bien.

À suivre...


Itheora, à essayer

Vu sur Framasoft, ce lecteur en ligne de vidéo OGG Theora, est ma prochaine TIC à tester.

À suivre...


En route vers Cyberfolio 2.0

Cyberfolio, un portfolio numérique sous licence GPL, est un outil que j'utilise dans mon travail depuis plusieurs années. C'est un outil très complet qui évolue lentement mais sûrement. Faut avouer que l'équipe de développeurs est plutôt petite ;o)

La version 2.0 rc1 est disponible sur le site officiel du Cyberfolio. Signe que l'outil fait son chemin, un trou de sécurité a été découvert par un programmeur indépendant et rapporté ici. Nous avons publié un «patch» pour corriger ce trou ici.

Est-ce important de corriger ce trou de sécurité (comme toutes les autres applications php ayant des trous de sécurité découverts) pour les administrateurs d'un Cyberfolio? Oui. Une personne connaissant (ça peut se trouver) votre installation peut exploiter cette faille et faire de mauvaises choses. Donc mettre à jour SVP.

La version 2.0 rc2 est proche. Il nous reste des tests à faire avant de fournir l'archive sur le site officiel. On s'approche d'une version très complète et intéressante.


Mon blogue boggué

À force de jouer dans le code pour bloquer le SPAM j'ai réussi à boguer la zone commentaire :o( Donc si vous avez posté un commentaire (les pisteurs étaient ok) depuis quelques jours, ils sont perdus quelque part sur les fils du web. Désolé, je promet de ne plus être le responsable d'un tel bogue.

En passant, Spamclear fait un execellent travail pour les spams. Je vous le recommande.


Du code à nettoyer

Dans le but de faire un fil RSS des situations d'apprentissage et d'évaluation dans le Cyberfolio, j'ai dû trouver un moyen (merci de ton aide Ben) de retirer un caractère Windows que le web n'aime pas. Le «'» (\x92) à la win. Non il n'est pas aimé du web ce fameux petit symbole qui semble sans danger. Et pourtant...

Nous avons alors trouvé sur le site de php (http://ca.php.net/) une fonction portant un mom très intéressant ;o)

function demicrosoftize($str) {
return strtr($str,
"\x82\x83\x84\x85\x86\x87\x89\x8a" .
"\x8b\x8c\x8e\x91\x92\x93\x94\x95" .
"\x96\x97\x98\x99\x9a\x9b\x9c\x9e\x9f",
"'f\".**^\xa6<\xbc\xb4''" .
"\"\"---~ \xa8>\xbd\xb8\xbe");
}

Rien de personnel Bill ;o)


WikiNiMST, un projet qui m'allume

La version 6.06 du WikiNiMST est publiée depuis quelques jours. Je maintien de projet depuis quelques années mais la présente année fut très fertile en nouveautés dans notre outil de wiki. Les ajouts réalisés font en sorte que le WikiNiMST reste un wiki mais boosté. À la base un wiki est un outil de contruction de texte. Mais là le WikiNiMST est devenu un outil de partage et de coconstruction très intéressant (enfin je crois). Nous l'utilisons pour DocMST, un environnement de partage en MST.

Un des éléments qui me motivent est l'interaction avec des utilisateurs du WikiNiMST. Certains d'entre eux viennent sur notre installation et laissent des questions, commentaires, suggestions, etc. Certaines suggestions furent implantées très rapidement dans l'outil, et ce dans le but de répondre davantage aux besoins en éducation.

Le wiki reste par contre l'enfant pauvre des gestionnaires de contenu en éducation (selon mes observations). J'ai émis une hypothèse sur le pourquoi en répondant au billet de Françaois Guité ici. Je devrai valider le tout en discutant avec des collègues l'année prochaine par contre.


Préparation de mon blogue pour les vacances

Mon blogue (Dotclear) ne laisse plus passer de spam (ou presque) depuis quelques semaines grâce à Spamplemousse (qui ne travaille presque plus), SpamClear (qui est franchement puissant), Spamtimeout (qui n'est pas aussi efficace que prévu) et un fichier .htaccess quio bloque quelqeus IP spammeuses (ce fichier n'est pas très efficace car les spammeurs changent d'IP régulièrement).

Un internaute m'a laissé ici une adresse où trouver une autre solution (3 en fait pour les commentaires) anti-spam: Lien. J'ai appliqué ces méthodes aujourd'hui, reste à voir les résultats.

Les forums de ce lien m'ont fait découvrir une autre solution pour les pisteurs. Ça semble assez intéressant pour que je l'ajoute à mes armes.

Me voilà donc avec 5 outils (je ne compte pas le fichier htaccess car je ne le tiens plus à jour) pour diminuer le temps de gestion des spams. Le temps d'installation de ces 5 outils peut prendre environ 30 min. Mais le temps de suppression des spams peut être de plusieurs minutes par semaine. Donc je crois que ça vaut la peine. De plus, je ne veux pas que les spammeurs gagnent.

À suivre...


Samedi matin pluvieux

Je ne dois pas écouter/lire les bons météorologues car ils annonçaient du beau temps pour la fin de semaine :o(

Je dois être sur des listes de spammeurs professionnels car je suis attaqué de toutes part: courriel et blogue. Je n'abandonnerai pas ma gang de fatiquant.

Un autre utilisateur pense comme moi: Ubuntu n'est pas pour les débutants.

Le quotidien «Le Soleil» a changé de format il y a quelques temps. Suis-je le seul à le trouver plus vide que jamais?

Il faut que je lise ce petit livre au plus vite. Je dois participer au projet de Gilles.

Pour des raisons de mise à jour, j'ai découvert cet outil de forum: FUDforum. La migration de phpBB vers FUDforum s'effectue grâce à un script. Pas aussi simple qu'on pourrait le croire mais ça marche. Donc le TROU phpBB sera mis à la poubelle sous peu.

Il y a un projet très intéressant et stimulant dans l'air. S'il se concrétise (ce qui devrait se faire dans les prochaines semaines) mon but, changer le monde, avancera encore un peu plus.

SPIP est un outil que j'apprends à aimer de plus en plus. Sa souplesse et sa puissance en font un atout quand on fait mon travail. Les mises à jour se passe toujours très bien (dans mon cas), et ce même si la version à mettre à jour est très ancienne. On peut assez facilement créer de nouveau petits outils pour répondre à ses besoins. Comme par exemple un script pour forcer la mise à jour des sites syndiqués que je publierai sous peu sur SPIP-RÉCIT.

À plus...


Retour sur le spam blogual

J'ai écrit ceci il y a trois semaines à propos du spam sur mon blogue. Depuis j'ai donc installé SpamClear et un fichier .htaccess contenant une liste d'IP spammeuses (j'ai ajouté cette adresse dans mon menu de droite de mon blogue). Cette page est éditable par tous, donc si vous avez des IP spammeuses qui ne sont pas dans la liste, vous pouvez les ajouter. Ensemble nous vainquerons les spammeurs.

Donc avec Spamplemousse, Spamclear et ce fichier .htaccess il ne passe presque (il y en a eu 1 qui n'était pas bien méchant par contre) plus de spam sur mon blogue. J'espère que ça va continuer dans ce sens.

Je développe/supporte l'application WikiNiMST dans le cadre de mes fonctions d'animateur RÉCIT. Cette application est de plus en plus utilisée, donc les spammeurs s'y attaquent depuis peu. J'ai donc inséré un captcha (une question à répondre avant de pouvoir poster son commentaire) qui ralenti l'ardeur des robots spammeurs. Mais comme ce ne sont pas tous des robots qui spamment, je teste en ce moment un anti-spam par mots interdits (la liste de b2evolution, près de 4500 mots/adresses). Si ça fonctionne bien je publierai cette option dans la version 6.06 de WikiNiMST.

Pour ma part je ne veux pas laisser gagner les spammeurs, c'est-à-dire fermer mes commentaires/trackbacks car ces fonctions sont pour moi le coeur de nos connections. Alors si nous, les connecteurs, mettons un peu de temps pour «combattre», la somme de nos combats fera la différence et on pourra continuer nos connections.


Outil et contenu

Deux projets ont pris beaucoup de mon temps depuis le début février: WikiNiMST et Doc MST. J'espère que ça pourra aider d'autres personnes.

Outil J'ai réalisé que WikiNiMST a beaucoup de potentiel pour pouvoir créer un site qui offre une souplesse suffisante pour répondre à une multitude de besoins (pas tous quand même). J'ai utilisé la modularité de WikiNi (la base de WikiNiMST) dans le but de transformer le wiki en «environnement de co-construction et de partage». Voir cette nouvelle pour consulter les modifications réalisées.

Contenu Un outil en soi n'est rien. Seules ses utilisations dans un contexte d'apprentissage donne du sens à l'application. Une équipe d'éducateurs a donné du sens à l'outil en créant Doc MST, une communauté virtuelle d'intérêt et de partage dans le Domaine de la Mathématique, de la Science et Technologie. Dans ce projet l'outil (WikiNiMST) sert à soutenir des personnes désirant intégrer les TIC dans l'apprentissage des élèves.

Pour en savoir plus sur le projet.

Vous êtes intéressé par le domaine de la MST? Vous avez de la documentation à partager/valider/construire? Inscrivez-vous dans Doc MST.


Jus de bras sur mon blogue

Suite à une attaque de spammeurs sur mon blogue, j'ai installé un «antispam» afin de m'éviter d'autres problèmes comme ceux d'hier.

Après avoir testé Spamplemousse, j'ai plutôt opté pour ce hack. Il est moins puissant mais il fonctionne mieux (pour moi) que Spamplemousse qui envoie un message à chaque (j'ai pas réussi à poster un commentaire sans que je doive le filtrer) commentaire/trackback pour être validé ou non par le gestionnaire du blogue. Je ne veux pas filtrer à la main les commentaires/trackbacks.

Donc l'antispam en production sur mon blogue vérifie avant de poster un commentaire s'il ne contient pas d'adresses/mots non désirés. Ma liste des adresses/mots est ici.

Cette aventure m'a fait apprendre sur les antispam (il y a des bons côtés à tout) pour les blogues. Je crois que b2evolution a une longueur d'avance sur Dotclear à ce sujet. B2 va chercher sa liste de mots/adresses sur un serveur central et ainsi possède des centaines de sites (qui ont probablement essayé de spammer une installation de b2evolution quelque part). Ensemble on est plus puissant que seul.

J'ai aussi installé ce plugin sur Dotclear, il permet de supprimer des commentaires en lot.