18 avril 2008
Affaire Fuzz vs Olivier Martinez : Eric Dupin fait appel !
C'est officiel depuis 2 heures maintenant : Eric Dupin interjette appel du jugement rendu en référé le 26 mars dernier.
A noter en lisant entre les lignes de ce billet : le soutien du "député à l'origine de la LCEN" (Jean Dionis du Séjour, rapporteur de la loi à l'Assemblée Nationale ?).
Cet appel n'est pas sans risques (financiers, jurisprudentiels, personnels, etc...) ainsi que l'évoque très simplement et justement Eric Dupin. Je tiens ici à saluer son courage.
Plusieurs commentateurs du blog ont d'ores et déjà proposé un soutien financier via une idée de commercialisation de tee-shirt. Je vous tiendrais au courant à l'occasion pour ceux qui souhaiterait apporter une pierre à l'édifice.
J'avertis aussi mes lecteurs que je ne bloguerai pas la semaine qui vient : je pars en vacances !
15 avril 2008
CSS : Vérifier l'accessibilité de votre site pour les déficients visuels : 1re approche
Une personne ayant un handicap visuel peut accéder à internet via différents outils permettant de pallier à son handicap. Lorsque vous concevez un site, ayez toujours à l'esprit dans l'écriture du code que ce type d'internaute "voit" votre site avec les yeux d'un "spider" (tel googlebot).
Pour débuter je vous propose de lire cet article de l'INJA, "L'ergonomie des interfaces à l'usage des publics déficients visuels" : http://www.inja.fr/inja/htmgen/SimHTMLGen.asp?STYLE=2&URL=%2Fpages-infos%2Fpages%2Finformations_generales%2Factualites%2Farchives%2F2003%2Fdefi_informatique%2F12ernu.xhtml
Il vous faut donc vous assurer en premier lieu d'une compatibilité maximum avec les standards du W3C. Et surtout, veillez respecter à la lettre la valeur "sémantique" et hierarchique des balises ! Ensuite, il vous faudra vous assurez que les couleurs utilisées présentent un contraste suffisant pour être correctement distinguées par un déficient visuel. Enfin sachez que les déficient visuels n'ont souvent pas de souris à leur disposition, oubliez donc l'utilisation d'événements javascript impliquant la souris (onMouseOut, etc.)
D'autre recommandations peuvent être utiles, tels que :
- ne jamais utiliser de taille de police fixe (en px par exemple)
- mettre en place des accesskey dans les formulaires, etc.
Si vous souhaitez établir un diagnostic de l'accessibilité de votre site pour les personnes ayant un handicap visuel, voici une liste d'outils permettant de travailler dans ce sens. Ne sont mentionnés ci-dessous que les outils disponibles en ligne (il en existe d'autres à télécharger gratuitement ou pas).
- Service Ocawa :
Il semble le plus connu des site de test d'accessibilité en langue française. Attention toutefois : le nombre d'audits par mois est limité...
http://www.ocawa.com
- Le validateur d'accessibilité de l'APINC (Association pour un internet non commercial) :
http://validateur-accessibilite.apinc.org/
- Enfin pour finir, les extensions de Firefox :
Web Developpeur Toolbar : https://addons.mozilla.org/fr/firefox/addon/60
Firefox Accessibility Extension : http://firefox.cita.uiuc.edu/index.php
14 avril 2008
Créer un sondage en PHP avec Dreamweaver – 3e partie
Nous allons parfaire l’affichage de nos résultats et réaliser un graphique en barre.
Créez dans Photoshop une image de taille 10 x 20 px contenant une couleur à votre convenance (plutôt unie ou alors avec un dégradé dans le sens de la hauteur).
Insérez cette image juste avant le calcul des pourcentages dans le tableau. Attribuez à cette image un alignement vertical en milieu abolu. Cette image a pour attribut une largeur donné automatiquement par Dreamweaver et qui correspond à 10px. Nous allons ajuster la largeur par défaut proportionnellement aux résultats du sondage. Pour cela dans l’attribut d’image insérez le bout de code suivant :
<img src="images/img-sondage.gif" width="<?php echo round(100 * $row_RS_reponse2['compteur'] / $row_RS_resultats['total'], 0); ?>" height="20" align="absmiddle" />
(Notez le 0 à la place du 2 dans l’arrondi car les largeurs des images sont des entiers).
Prévisualisez, vous devez maintenant obtenir quelque chose qui ressemble à ceci :
Vous pouvez aussi si vous le désirez afficher un graphique en camembert. Pour cela reportez-vous à l’extension correspondante dont j’ai déjà parlée dans ce blog.
Nous verrons dans un prochain billet comment conditionner l’affichage au vote et empêcher un internaute de voter plusieurs fois.
11 avril 2008
Abonnez-vous à Dreamgratuit !
Je vous propose depuis aujourd'hui de vous abonnez à ce blog via les widgets RSS proposés par Feedburner ou par des alertes e-mail à chaque nouveau billet publié !
Comment faire ?
- Pour intégrer en 2 clics mon fil RSS à iGoogle, Mon Yahoo, Netvibes, etc... cliquez sur le lien de syndication FeedBurner puis cliquez sur l'icone correspondant à votre choix.
- Mieux encore, vous souhaitez être alerté par mail de la publication de tout nouveau billet sur ce site ? Pas de problème, abonnez-vous aux alertes mail que j'ai mises en place via le service FeedBurner dédié.
Où se trouvent ces merveilles ? Sur la page d'accueil, en bas dans la colonne de droite. Et bientôt sur toutes les pages du site.
Merci à tous de votre fidélité à ce blog !
09 avril 2008
Tutorials vidéo ADDT - Adobe Dreamweaver Developer Toolbox
Voici des tutoriaux vidéo à propos d'une extension qui n'est certes pas gratuite, mais qui néanmoins se signale par sa qualité et plus encore par le fait qu'il sont en français. Oui, vous avez bien lu en français !
Pour ceux qui l'ignorent, ADDT (Adobe Dreamweaver Developer Toolbox) est un ensemble de fonctionnalités qui constituaient autrefois la fameuse Kollection Pro (PHP / MySQL uniquement). Cette "mega" extension a été rachetée par Adobe à Interakt il y a plusieurs mois et est maintenant vendue au prix de 299$.
Je l'avoue, je ne suis pas un fan absolu de ce "bundle" de comportements serveur dont beaucoup sont redondants avec ceux délivrés en standard dans l'application (bien que le code généré soit totalement différent). Et je m'interroge aussi sur la stratégie commerciale d'Adobe avec ce produit. Faut-il y voir un retour à l'antique scission Dreamweaver / Ultradev (Ultra Dev étant le produit Dreamweaver à destination des développeurs) ? Les versions futures de Dreamweaver comporteront-elles des avancées en matière de confort de développement ?
En attendant de connaitre les réponses à ces questions, les possesseurs de ADDT pourront se réjouir avec ces tutoriaux vidéos (au format Quicktime) du site BEtrainded :
- Kollektion, c'est quoi - Présentation et installation
- Lister les Enregistrements d'une BDD
- Bâtir un formulaire d'insertion/de modification
- Validation du contenu d'un formulaire d'insertion
(Il existe aussi sur la page de BEtrained d'autres tutorials tels que "Installer et gérer un site Internet Local avec Dreamweaver" et "Interfacer une page PHP avec une table MySQL")
06 avril 2008
Après l'affaire Olivier Martinez, les Editions Thélès ?
Alors que le différend qui oppose Olivier Martinez à une trentaine de site web est à peine close, voici que le landernau du Web 2.0 est de nouveau agité par un nouvel épisode de la guerre des liens...
De quoi s'agit-il ?
Tapez dans "Google" la requête "Editions Théles", que voyez vous en 3e résultat du moteur ? Le site internet de Marc Autret qui a publié un avis sur cette maison d'édition sur son site.
"Et alors ?" me direz-vous... C'est bien là que le bât blesse. Alors que la maison d'édition ne goûte pas l'avis de Marc Autret sur ses pratiques contractuelles vis à vis des auteurs, elle n'a rien trouvé de mieux que de le taxer de parasitisme indexatoire (ou spamdexing) pour tenter de neutraliser un lien pour le moins dérangeant dans sa politique commerciale !
Olivier Andrieu a reproduit sur son blog l'inénarable lettre envoyée par l'avocat des editions Thales à MArc Autret dont on comprend bien que sous couvert de soit disant spamdexing, c'est la liberté d'expression de Marc Autret qui tente d'être remise en cause. Car que reproche-t-on à l'auteur de la page incriminée ? On ne peut évidemment pas remettre en cause son droit à informer du contenu des contrats proposés par la maison d'édition Thelès aux auteurs qui auraient besoin de payer pour être imprimé. Non, ce qu'on lui reproche, c'est d'être aussi visible sur le web !!! Et par la même d'utiliser, à mauvais droit, le nom de cette maison d'édition dans son article ce qui lui confèrerait un bon positionnement sur le moteur (ce qui est faux pour partie, son positionnement provenant de techniques utilisées en standard sur son site et nullement spécifiquement pour cet article).
Ainsi donc, Marc Autret devrait écrire une page web sans nommer la dite maison ou le moins possible. En tout cas faire en sorte que l'on ne sache pas sur la toile qu'il a écrit un article informant des contrats de la dite maison d'édition.
L'incroyable publicité donné par internet à l'opinion de gens sans moyens financiers ou de communication plus traditionnels est décidemment LA révolution du 21e siècle...
03 avril 2008
Créer un sondage en PHP avec Dreamweaver – 2e partie
Nous allons dans cette deuxième partie du tutorial "Créer un sondage en PHP avec Dreamweaver" afficher les résultats du sondage. Pour cela nous allons créer un jeu d’enregistrement que nous allons paramétrer la fenêtre comme suit :
Ouvrez maintenant la fenêtre en mode code et modifiez la ligne :
$query_RS_resultats = "SELECT * FROM tb_sondage";
comme suit :
$query_RS_resultats = "SELECT SUM(compteur) as total FROM tb_sondage";
Insérez maintenant une balise <p> après votre formulaire et tapez : « Résultats sur votes ». Ouvrez le panneau de liaison, déplier le jeu d’enregistrement « RS_resultats » et faites cliquer-glisser l’item « total » entre les mots « sur » et « vote ». Centrer le texte dans la page.
Vous devez maintenant obtenir cette ligne de code :
<p align="center">Résultats sur <?php echo $row_RS_resultats['total']; ?> votes</p>
Nota : j’ai bien conscience que la façon de procéder ci-dessous n’est pas très « propre » et quant à moi je code « a mano » cette partie. La méthode indiquée ici évite aux néophites de coder…
Pour pouvoir appliquer sur la même page le comportement région répétées à un jeu d’enregistrement, nous allons malheureusement être obligé de refaire un jeu d’enregistrement équivalent à RS_reponse. Nous l’appellerons RS_response2.
Créer maintenant un tableau de 2 colonnes et 2 lignes. Données des titres aux colonnes et mettez en forme votre tableau selon vos désirs. Ouvrez le panneau de liaison et faites cliquez les items « libelle », « compteur » et « total » comme ci-dessous :
Afficher maintenant votre page en mode code. Appliquez le comportement région répétées à au <tr> comportant les résultats sur le jeu d’enregistrement RS_reponse2. Afficher la page en mode code et transformez la ligne suivante :
<td><?php echo $row_RS_reponse2['compteur']; ?><?php echo $row_RS_resultats['total']; ?></td>
Comme suit :
<td><?php echo round(100 * $row_RS_reponse2['compteur'] / $row_RS_resultats['total'], 2); ?> %</td>
Explication : pour connaître les pourcentages pour chaque réponse il faut diviser le nombre de vote pour chaque réponse par le nombre total de vote et multiplier par cent. La fonction PHP round() permet d’arrondir le résultat (ici paramétrée à 2 chiffres après la virgule).
Vous pouvez vérifiez que les résultats de votre sondage apparaissent correctement dans la page si vous avez au moins voté une fois.
Nous verrons dans une 3e partie comment afficher les résultats uniquement après le vote ainsi que restreindre la possibilité de voter à une seule fois.
(La 1re partie de ce tutorial est disponible ici : http://dreamgratuit.canalblog.com/archives/2008/03/31/8520180.html)
