Roumazeilles.net

Archive pour le thème 'Créér un site'


Comment installer des fils RSS sur votre bureau

(8 septembre 2007)

Vous voulez avoir immĂ©diatement accĂ©s aux meilleures actualitĂ©s sans mĂŞme ouvrir un site web ? Il y a un moyen simple (seulement six Ă©tapes) Ă  condition de bien vouloir exploiter les fils RSS fournis par la plupart des sites Internet d’information.

Instructibles (via Download Squad).

WordPress 2.3 arrivera le 20 septembre prochain

(5 septembre 2007)

WordPress v2.1WordPress prépare actuellement une nouvelle version de WordPress qui permettra de mieux maîtriser la production de sites web à plusieurs auteurs et enrichira les articles.

Rendez-vous le 20 septembre prochain.

Nouvelle fonctionalité : articles similaires

(31 août 2007)

Vous remarquerez peut-ĂŞtre (ou peut-ĂŞtre pas) l’apparition d’une nouvelle fonctionnalitĂ© sur le site : sur chaque page d’un article individuel, il y a maintenant une petite liste d’articles similaires. Elle devrait vous permettre de parfois dĂ©couvrir des articles proches mais qui sont en rapport avec le sujet initial et pourraient vous intĂ©resser.

Bonne ballade !

Pour les utilisateurs de WordPress, je signale que pour ce rĂ©sultat j’ai mis en oeuvre le plug-in “related_posts” de Wasabi.

Script PHP pour une page 404 aléatoire

(14 juin 2007)

Certains visiteurs m’ont demandĂ© comment je me dĂ©brouillais pour orienter de manière alĂ©atoire vers une larg sĂ©lection de messages 404 page not found comme on le voit sur mon site web.

Donc, sans plus de chichis, voici le script PHP que j’utilise pour assurer cette redirection alĂ©atoire dynamique:

  1.  
  2. <?PHP
  3.         $address_list = array(
  4.                 "/404/404-01.php",
  5.                 "/404/404-02.php",
  6.                 "/404/404-03.php",
  7.                 "/404/404-04.php",
  8.                 "/404/404-05.php",
  9.                 "/404/404-06.php",
  10. /*              "/404/404-07.php",      */
  11.                 "/404/404-08.php",
  12.                 "/404/404-09.php",
  13.                 "/404/404-10.php",
  14.                 "/404/404-11.php",
  15.                 "/404/404-12.php",
  16.                 "/404/404-13.php",
  17.                 "/404/404-14.php",
  18.                 "/404/404-15.php",
  19.                 "/404/404-16.php",
  20.                 "/404/404-17.php",
  21.                 "/404/404-18.php",
  22.                 "/404/404-19.php",
  23.                 "/404/404-20.php",
  24.                 "/404/404-21.php",
  25.                 "/404/404-22.php",
  26.                 "/404/404-23.php",
  27.                 "/404/404-00.php"
  28.         );
  29.         srand((double)microtime()*1000000);
  30.         $randomtopic = rand(0,count($address_list));
  31.         header(‘Location: ‘.$address_list[$randomtopic]);
  32.         exit;
  33. ?>

Vous pouvez le copier et le rĂ©-utiliser sur votre propre site web. C’est offert !

Combattez le SPAM et scannez des livres

(28 mai 2007)

Il est notoirement connu que le cerveau humain a des capacitĂ©s de reconnaissance des formes qui sont bien plus dĂ©veloppĂ©es que ce que sait faire un programme d’ordinateur. Cela explique pourquoi les taux d’Ă©chec des programmes d’OCR (Optical Character Recognition) sont aussi Ă©levĂ©s que 1% (ou parfois 2%) d’erreur, soit un niveau qui impose de fournir une relecture humaine derrière la plupart des scans de documents. Mais quand le document est ancien, de mauvaise qualitĂ© d’impression, dĂ©gradĂ©, les taux d’erreur peuvent ĂŞtre encore plus Ă©levĂ©s et posent des problèmes considĂ©rables quand il s’agit de scanner des milliers de documents comme le font certaines bibliothèques et institutions culturelles.

Par ailleurs, le problème du SPAM sur Internet est considĂ©rable : des programmes essayent Ă  tout prix de se faire passer pour des ĂŞtres humains afin d’insĂ©rer de la publicitĂ© partout oĂą un utilisateur peut Ă©crire (dans les messages d’un forum, dans les commentaires d’un blog, etc.) Depuis quelques temps, il est devenu courant qu’un ĂŞtre humain doivent s’identifier comme humain par sa capacitĂ© Ă  reconnaĂ®tre un mot plus ou moins bien Ă©crit/dessinĂ©. ThĂ©oriquement, c’est un test de Turing efficace qui permet de diffĂ©rencier un humain d’une machine. En pratique, les compĂ©tences d’un programme automatique sont tout de mĂŞme devenues telles que le SPAM rĂ©-apparaĂ®t doucement dans les environnements mĂŞme protĂ©gĂ©s par ce qu’on appelle les CAPTCHA (ces images qu’il s’agit de lire et de recopier pour pouvoir ĂŞtre autorisĂ© Ă  une action).

Le problème est ainsi posé : créer des CAPTCHA vraiment très difficiles à reconnaître par programme et, simultanment, utiliser des êtres humains pour scanner des documents très difficiles à lire par les programmes.

La solution : reCAPTCHA.

reCAPTCHA - example/exemple

Il s’agit de fournir un service de type CAPTCHA Ă  des milliers de blogueurs et de gestionnaires de forum (WordPress, phpBB, etc.) Les utilisateurs sont invitĂ©s Ă  reconnaĂ®tre deux mots particulièrement difficiles Ă  reconnaĂ®tre visuellement (les programmes d’OCR professionnel y ont Ă©chouĂ© lors de scan tentĂ©s par Carnegie Mellon University). L’utilisateur doit les reconnaĂ®tre tous les deux. L’un sert Ă  vĂ©rifier si c’est bien un utilisateur humain, l’autre Ă  donner la traduction OCR qui enrichira la base de CAPTCHA pour le futur et qui amĂ©liorera le scan d’un document en cours de traitement par Carnegie Mellon. C’est le double effet K… : lutte contre les spammeurs et mise Ă  disposition de millions d’ĂŞtre humains pour amĂ©liorer le scan de milliers de documents anciens (sans mĂŞme recourir Ă  l’esclavage de masse).

Example de scan difficile à reconnaître :

Exemple de scan difficile (reCAPTCHA)

Une particularitĂ© des logiciels professionnels d’OCR est qu’ils sont presque toujours capables de signaler quand leur reconnaissance est impossible ou de très mauvaise qualitĂ© (grande incertitude).

Alternatives “Open source” et gratuites

(10 mai 2007)

Depuis le temps que je parle d’OpenOffice comme alternative Ă  Microsoft Office il est apparu que mes lecteurs voulaient aussi connaĂ®tre mes propositions en termes de remplacement d’autres logiciels pour PC (tournant sous MS-Windows pour le moment).

Voici mes idĂ©es sur les “Alternatives Open source aux logiciels pour PC” :

Download/télécharger Commentaire
Firefox (de Mozilla) Remplaçant pour Internet Explorer, avec une extension facile par le système des plug-ins gratuits.
Opera Remplaçant pour Internet Explorer, avec un chargement plus rapide, une navigation par onglets depuis longtemps et la possibilité de passer ses ordres en faisant de petits mouvements avec la souris (très pratique).
OpenOffice Parfait remplaçant de MS-Office.
Pegasus mail Remplacement d’Outlook et Outlook Express ; très attentif Ă  la sĂ©curitĂ© et très puissant (parfois un peu moins facile Ă  utiliser Ă  cause de la profusion des fonctionalitĂ©s). Existe avec des extensions pour de nombreuses langues, dont le français et l’allemand.
Thunderbird (de Mozilla) Remplacement d’Outlook et Outlook Express, avec bien plus de fonctionalitĂ©s (y compris un filtrage du SPAM qui utilise les excellentes techniques statistiques de l’algorithme de Bayes).
N|vu Pour remplacer Adobe DreamWeaver ou GoLive! ou FrontPage dans la quasi-totalitĂ© des applications de gestion d’un site web.
CD Burner XP Pro Pour tout graver (CD et DVD) sans avoir Ă  utiliser Nero ou EasyCD Pro.

Ne demandez pas une alternative à PhotoShop. Je ne considère pas que cela est disponible actuellement (Adobe a vraiment un très bon produit).

Voir aussi le site prĂ©sentĂ© ici il y a quelques semaines : Le projet “Equivalent Linux” qui concerne plus spĂ©cifiquement les alternatives qui fonctionnent sous GNU/Linux (souvent les mĂŞmes que pour Windows, mais pas toujours).

Expérience : Mobile Roumazeilles.net

(5 mai 2007)

Je viens d’installer un plugin pour WordPress qui rend Roumazeilles.net navigable avec un tĂ©lĂ©phone mobile (WordPress Mobile). Si vous voulez essayer et me signaler les problèmes, merci d’avance.

Afficher du code dans WordPress

(21 avril 2007)

WordPress v2.1Quand, comme moi, on souhaite inclure des morceaux de code dans un article WordPress, cela devient vite une sĂ©rieuse galère. En fait WP n’a pas vraiment prĂ©vu ce cas et il se pose une quantitĂ© de problèmes plus ou moins graves. Ceux que j’ai rencontrĂ©s jusqu’ici :

  • Les <?php disparaissent (sauf acrobaties manuelles)
  • Un certain nombre de caractères ne s’affichent pas (ou mal)
  • La prĂ©sentation est assez pitoyable quand on utilise que <code>

J’ai donc recherchĂ© un plug-in (presque tout dans WordPress se fait par l’ajout de ces merveilleux petits bouts de logiciel qui peuvent se rajouter facilement Ă  la configuration de base) qui soit adaptĂ© Ă  cette tâche, facile Ă  installer (et je ne tiens pas Ă  faire une maintenance intensive pour cette fonctionnalitĂ©), facile Ă  utiliser.

Voici donc un rĂ©sumĂ© de ceux que j’ai regardĂ© et de mon opinion les concernant.
(more…)

Vos favicon’s faciles

(12 avril 2007)

Les favicon’s sont ces petites icones que vous placez Ă  la racine de votre site web. Elle s’affichent sous Internet Explorer Ă  cĂ´tĂ© du nom du site dans la liste des favoris, sous Opera et Firefox sur la barre d’adresse Ă  cĂ´tĂ© du site que vous visitez.

Exemple de favicon sous Opera

Quand vous voulez produire la favicon de votre site web, vous ne voulez sans doute pas perdre un temps considĂ©rable Ă  cette petite tâche. J’ai choisi un petit utilitaire freeware (gratuit) qui prend un simple graphique et le transforme en une petite icone (il vous indique mĂŞme les bons choix pour faire une favicon de la bonne taille et avec le bon nombre de couleurs) :

Adsen Favicon

Simple et de bon goĂ»t. LimitĂ© Ă  une seule tâche, mais il la fait bien. Exactement ce qu’il fallait dans un cas pareil.

YAPB beta : un photoblog en WordPress

(19 mars 2007)

Je n’ai pas pu encore l’Ă©valuer formellement, mais sur le papier, YAPB est un plugin qui permet de constituer un photoblog très facilement en s’appuyant sur WordPress (la taille des imagettes est configurable, les thèmes de WordPress restent utilisables, mais pas de gallerie).

La règle : une image, un titre, une description.

A prendre en considération. A télécharger.

Pourquoi s’identifier ?

(9 février 2007)

Si vous jetez un oeil au menu qui est Ă  la gauche de cette page, vous allez remarquer la prĂ©sence de liens qui vous permettent de vous inscrire (Inscription) ou de vous connecter (Connection/Login). Ces liens vous donnent accĂ©s aux fonctions personalisĂ©es quand vous visitez le site Roumazeilles.net. C’est un simple processus en deux Ă©tapes :

  1. Enregistrez-vous, pour nous indiquer votre pseudo et que nous sachions comment vous reconnaître
  2. Identifiez-vous quand vous visitez le site

Mais quels sont les avantages pour vous ? Il y en a plusieurs.

Une fois identifiĂ©, vous avez un accĂ©s direct Ă  l’envoi de rĂ©ponses ou de commentaires pour chacun des articles. Sans plus d’effort, vous pouvez aider les autres lecteurs avec votre propre expĂ©rience Ă  propos de ce que vous lisez sur le site. Il suffit de cliquer sur le lien de “rĂ©ponse” ou de “commentaire” qui apparaĂ®t en bas de chaque article. Si vous ĂŞtes identifiĂ© et que vous lisez la page d’un article, vous trouverez directement la boite de saisie pour entrer votre commentaire.

Une fois identifiĂ©, vous avez un accĂ©s privilĂ©giĂ© Ă  l’administration du site web (Admin du site). Une possibilitĂ© qui vous est offerte est alors de rĂ©diger vous-mĂŞme un article. Il sera soumis Ă  approbation et pourrait alors se retrouver sur la page d’accueil du site, comme cela a dĂ©jĂ  Ă©tĂ© le cas pour d’autres. Dans ce cas, votre nom ou votre pseudo apparaĂ®tra jsute sous le titre de l’article.

Ne vous inquiĂ©tez pas d’avoir Ă  fournir des informations personnelles. Nous n’avons besoin que de donnĂ©es très rĂ©duites. La seule information vraiment obligatoire est le nom d’utilisateur (ou pseudo) que vous pouvez choisir librement et une adresse email qui ne sera pas montrĂ©e aux visiteurs. Si vous indiquez une adresse de site web, elle sera associĂ©e Ă  votre nom d’utilisateur chaque fois que possible (n’est-ce pas lĂ  une jolie petite occasion de faire un peu de pub Ă  votre site ou votre blog ?) Vous recevrez un mot de passe pour protĂ©ger votre droit d’accĂ©s, que vous pourrez modifier ultĂ©rieurement Ă  votre goĂ»t.

Résumé des actions possibles (accessibles depuis le menu ci-contre)

  • Inscription pour vous enregistrer (et choisir votre pseudo)
  • Connexion pour vous identifier avec votre pseudo et votre mot de passe
  • DĂ©connexion pour quitter le site
  • Admin. du site pour soumettre un nouvel article ou modifier votre compte

CSS : combiner des styles

(6 février 2007)

Les CSS (Cascading Style Sheets) sont un moyen très puissant pour appliquer des styles Ă  une page HTML. Cela prĂ©sente l’avantage de rassembler toutes les dĂ©clarations de styles en un seul endroit qui peut facilement ĂŞtre situĂ© hors des pages HTML. NĂ©anmoins, mes premiers efforts dans cette direction se sont rapidement traduits par la crĂ©ation de nombreux styles très similaires les uns aux autres.

Par exemple, j’Ă©crivais :

  1. p {
  2.         margin:0px 10px 5px 10px;
  3.         font-size:13px;
  4.         font-family: Arial, Helv, Helvetica, Geneva, sans-serif;
  5.         color: #000000
  6. }
  7. pre {
  8.         margin:0px 10px 10px 10px;
  9.         font-size:13px;
  10.         color: #000000
  11. }
  12. ol {
  13.         font-size:13px;
  14.         font-family: Arial, Helv, Helvetica, Geneva, sans-serif;
  15.         color: #000000;
  16. }
  17. ul {
  18.         font-size:13px;
  19.         font-family: Arial, Helv, Helvetica, Geneva, sans-serif;
  20.         color: #000000;
  21. }

Je cherchais Ă  amĂ©liorer et Ă  optimiser tout cela. J’ai dĂ» m’y reprendre Ă  plusieurs fois avant d’arriver Ă  une solution satisfaisante. La première Ă©tape a Ă©tĂ© presque Ă©vidente, parce qu’elle est dĂ©crite Ă  peu près dans tous les tutoriaux et tous les livres sur CSS : on peut grouper dans une dĂ©claration unique tous les styles identiques (comme ul et ol, dans mon exemple), menant Ă  la prĂ©sentation suivante :

  1. p {
  2.         margin:0px 10px 5px 10px;
  3.         font-size:13px;
  4.         font-family: Arial, Helv, Helvetica, Geneva, sans-serif;
  5.         color: #000000
  6. }
  7. pre {
  8.         margin:0px 10px 10px 10px;
  9.         font-size:13px;
  10.         font-family: Courier, "Courier New", monospace;
  11.         color: #000000
  12. }
  13. ul, ol {
  14.         font-size:13px;
  15.         font-family: Arial, Helv, Helvetica, Geneva, sans-serif;
  16.         color: #000000;
  17. }

Pas forcément extraordinaire, mais ça réduit bien le niveau de redondance.

A partir de lĂ , je me suis retrouvĂ© un peu dans le noir pour regrouper des styles qui ne sont pas exactement identiques mais dont on voit bien qu’ils se ressemblent. Le dĂ©clencheur a Ă©tĂ© de comprendre qu’un style peut ĂŞtre dĂ©fini en plusieurs dĂ©clarations sĂ©parĂ©es (et complĂ©mentaires), comme ci-après :

  1. p {
  2.         margin:0px 10px 5px 10px;
  3.         font-family: Arial, Helv, Helvetica, Geneva, sans-serif;
  4. }
  5. p {
  6.         font-size:13px;
  7.         color: #000000
  8. }
  9. pre {
  10.         margin:0px 10px 10px 10px;
  11.         font-family: Courier, "Courier New", monospace;
  12. }
  13. pre {
  14.         font-size:13px;
  15.         color: #000000
  16. }

En vedette :

A partir de là, la démarche était devenue claire pour des styles presque identiques : il faut grouper les parties identiques et garder le reste séparé. Dans notre exemple, cela donne alors :

  1. p, pre {
  2.         font-size:13px;
  3.         color: #000000
  4. }
  5. p {
  6.         margin:0px 10px 5px 10px;
  7.         font-family: Arial, Helv, Helvetica, Geneva, sans-serif;
  8. }
  9. pre {
  10.         margin:0px 10px 10px 10px;
  11.         font-family: Courier, "Courier New", monospace;
  12. }
La feuille de CSS de base de mon site est librement accessible en suivant le lien : roumazeillesv5.css

Le code final de mon example est alors devenu :

  1. p, pre, ul, ol {
  2.         font-size:13px;
  3.         color: #000000
  4. }
  5. p {
  6.         margin:0px 10px 5px 10px;
  7.         font-family: Arial, Helv, Helvetica, Geneva, sans-serif;
  8. }
  9. ul, ol {
  10.         font-family: Arial, Helv, Helvetica, Geneva, sans-serif;
  11. }
  12. pre {
  13.         margin:0px 10px 10px 10px;
  14.         font-family: Courier, "Courier New", monospace;
  15. }

15 lignes au lieu de 21, presque plus aucune redondance (aucune en dehors de ce qui est restĂ© pour la lisibilitĂ©). Cette approche a menĂ© Ă  des simplifications drastiques dans mes feuilles de style. J’espère que cela pourra aussi vous ĂŞtre utile.


http://www.roumazeilles.net/

Copyright (c) 1999-2008 - Yves Roumazeilles (tous droits réservés)

Dernière mise à jour : 23-nov-08

Recherche fournie par Google.com
Roumazeilles.net
Roumazeilles.net