-->

Maboite.org

Aug 21

Clavier mecanique VS clavier à membrane suite et fin.

Matériel, Utilisabilité 4 commentaires »

Quand je vous disais que les claviers mécaniques permettent de taper plus vite:

Avec clavier mécanique (Das keyboard 3):

51 words
You reached 335 points, so you achieved position 14128 of 141327 on the ranking list
You type 420 characters per minute
You have 51 correct words and
you have 1 wrong words

Avec clavier à membrane :

48 words

Maintenant que vous connaissez la différence entre ces deux types de clavier... vous avez toujours un clavier à membrane ?

\\ tags: ,

Aug 12

WYSIWYG-BINW3CC: soit What You See Is What You Get But Is Not W3C Compliant

Dev, PHP, linux, open-source, planet-libre Aucun commentaire »

Si dans vos interfaces d’administration (backoffice) vous installez des textarea WYSIWYG type Tinymce, Htmlarea, FCEditor vous avez déjà sans doute remarqué qu’il n’était pas toujours facile de garder des pages W3C compliants.
Allez expliquer à vos clients que la propriété ALT est obligatoire dans les balises IMG…

Voici donc une méthode automatisée, bien sympa, certe peu délicate mais tellement efficace : le module php-tidy (php5-tidy).
Attention ce module ne permet pas de réparer les pages qui contiennent des centaines d’erreurs, le code se doit d’être propre au minimum.

Voici un exemple simple:

<?php ob_start() ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
                       <!-- manque le head -->
<body>
<img src="toto.gif "/> <!-- manque le alt -->
<body>                 <!--erreur-->
</html>


<?php
$html = ob_get_clean();
$cfg = array(
'indent' => true,
'output-xhtml' => true,
'wrap' => 80,
'doctype' => 'strict',
'hide-comments' => true,
'accessibility-check' => 3,
'alt-text' => 'no desc for this image'
);
$tidy = new tidy;
$tidy->parseString($html, $cfg, 'utf8');
$tidy->cleanRepair();
?>

<?=$tidy?>

Et voici le resultat de la page :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  <head>
    <title></title>
  </head>
  <body>
    <img src="toto.gif" alt="no desc for this image" />
  </body>
</html>

Ce traitement est bien entendu gourmand et est à utiliser avant la mise en page de page/template/partial.

\\ tags: , , ,

Aug 10

clavier mecanique Vs clavier à membrane et Das keyboard

Matériel, Non classé, Utilisabilité, maBoite 10 commentaires »

Depuis quelques temps, les habitudes des utilisateurs des “postes informatiques” ont changé.

On sait qu’il faut un écran qui ne scintille pas et de bonne qualité pour les yeux.
On sait qu’il faut une bonne chaise et être bien droit pour soigner son dos.

Mais pour le clavier… en général on est pas très regardant et là … c’est une catastrophe.
Votre corps ne quitte pas la chaise, vos yeux ne quittent pas l’écran et vos doigts ne quittent pas le clavier.
Chaise, Écran et Clavier. Voici le trio sur lequel un utilisateur doit investir pour son confort.

Aujourd’hui les claviers à membrane ont la belle vie grâce à leur faible coût mais il fût un temps, les claviers mécaniques étaient très utilisés.

Comme vous le savez, la grande différence entre les claviers mécaniques et les claviers à membrane est que les claviers mécaniques utilisent un micro contacteur avec ressort pour chaque touche alors que les claviers à membrane utilise une couche de silicone pour modifier l’impédance d’ un circuit imprimé.

Voici un petit résumé des avantages et inconvénients des claviers mécaniques et des claviers à membrane :

Avantages des claviers mécaniques :

  • Confort (la force nécessaire pour presser une touche est différente en fonction des touches)
  • Vitesse (la vitesse de retour des touches est plus rapide et constante)
  • Précision (on sait exactement quand la touche est pressée grâce au bruit)
  • Solidité
  • Longévité (quand un touche ne fonctionne plus, on remplace la touche … pas le clavier. Les touches durent environ 20 fois plus longtemps qu’un clavier à membrane)
  • Le layout est standard donc, pas de mauvaises surprises?

Inconvénients des claviers mécaniques :

  • Prix (plus cher à fabriquer et en plus ça devient rare)
  • Bruit (ok ça fait partie du charme mais ça agace vite les voisins de bureau)
  • N’aime pas le café et les boissons sucrées.

Avantages des claviers à membrane :

  • Silencieux (quoique)
  • Prix (on en trouve à 10 euros…)
  • Submersible (le plastique c’est fantastique)

Inconvénients des claviers à membrane :

  • Longévité (quelques mois max)
  • Vitesse (faible vitesse de retour de la touche, donc saisie moins rapide)

Et là normalement vous vous demandez “pourquoi ne pas utiliser un clavier mécanique”. Et La réponse est : le prix.

J’ai presque toujours travaillé sur des claviers mécanique, IBM (l’excellent modèle M, photo ci-contre), keytronic ou Cherry ; mais dernièrement j’ai acheté un PC chez Dell lequel n’a aucun port PS2 et sur lequel mon clavier mécanique avec un adaptateur PS2->USB n’était pas reconnu. J’ai donc travaillé avec un clavier à membrane quelques mois.

Nostalgique de mon ancien clavier et n’ayant pas envi de le bidouiller j’ai recherché sur le net des claviers mécaniques mais ils se font de plus en plus rare, et en plus de plus en plus cher.

Après pas mal de recherche, je me suis laissé tenté par “Das Keyboard III (3) Ultimate”, un clavier mécanique un peu élaboré qui à plusieurs particularités :

  • Un design très sobre et soigné.
  • Différentes pression des touches en fonction de leurs emplacements : les touches les plus proches de vous sont plus dures, les touches les plus pressées alternativement sont de pressions différentes, les touches pressées avec l’index et le majeur sont dures (voir image)

  • Un mini hub usb (détail sympa)
  • En vrac, un câble de 2 mètres, des gommes antidérapantes dignes de ce nom et un clavier bien rigide.
  • dernier détail…pas d’inscription sur les touches (la version FR n’existe pas avec les inscriptions)

Le voici en image :

Un layout légèrement différent de mon ancien clavier à membrane font que pour l’instant je n’arrive pas à faire mieux au test que j’ai fait précédemment , je posterais un billet un peu plus tard après une petite période d’adaptation.

Au final, ce clavier donne de très bonnes sensations lors de la saisie, le keymap est bien standard, la course n’est pas trop longue, le bruit est … bien présent :) Juste deux bémols : Le prix (100-130 euros) et sur mon clavier j’ai l’impression qu’un touche grince, dernier point à éclaircir.

Suite du test du clavier dans un prochain post.

Dernière petite chose, vous savez surement pourquoi nos claviers sont AZERTY, QWERTY ou QWERTZ ?
Pour rappel, cette disposition est héritée des premières machines à écrire, les lettres les plus utilisées alternativement (en anglais) sont placés aux extrêmes coins du clavier afin que les balais des machines à écrire ne se croisent pas.
140 années plus tard, nous utilisons toujours la même disposition alors qu’elle n’est plus du tout la plus adaptée. Pourquoi ? parce que les utilisateurs ne veulent pas apprendre une nouvelle disposition.
Certain ont essayé de créer et même d’imposer de nouveau layout pour plus de rapidité et de confort, le plus connu étant celui de Dvorak.

Alors vous attendez quoi pour changer de clavier ?

\\ tags: , , , ,

Aug 07

chroot pour limiter les commandes bash d’un utilisateur ssh (jails).

le monde des memos, linux, open-source, planet-libre Aucun commentaire »

Un serveur dédié c’est bien mais ça coûte cher.
La plupart du temps, je propose à mes clients de l’hébergement mutualisé avec accès FTP, en général tout le monde connait et sait utiliser un client FTP mais les mises à jour avec ce protocole sont fastidieuses.

Heureusement, certains clients utilisent parfois de bons outils : les outils de gestion de version (svn, cvs …).
Voici un petit script que j’utilise pour donner un accès ssh à un utilisateur sur un serveur mutualisé en toute sécurité.
Il pourra ainsi se logguer sur la machine, effectuer les quelques commandes que je lui ai mis à
disposition (cd, cat, chmod, chown, cp, grep, gunzip, gzip mkdir, more, mv, rm, tar, svn et vi)
Avec ces commandes il peut mettre à jour son site tout seul (site de production ou de préproduction).
Afin qu’il ne puisse absolument pas voir les fichiers des autres clients, son compte est “emprisonné” dans ce qu’on appelle un chroot. Un utilisateur chrooté est un utilisateur auquel on a redéfini la racine (/). En plaçant la racine dans le répertoire de l’utilisateur, il ne peut pas voir les fichiers qui se trouvent au dessus.

Voici une image (horrible) mais qui symbolise très bien le fonctionnement:

(image provenant de sun.com)

Dans le nouveau répertoire racine, on recrée l’arborescence (soit à la main, soit avec un bootstrap par exemple le package debootstrap).

Notez que la création d’un chroot avec debootstrap permet d’avoir une distrib complète en quelques secondes. Ce qui est intéressant également avec cette méthode c’est qu’on peut installer des distributions complètement différentes de celle installée initialement.
Encore mieux que le debootstrap, les serveurs virtuels permettent une meilleur gestion de la partie matérielle.

Revenons à notre simple chroot, voici le script inspiré d’autres trouvés sur le net à droite à gauche datant de quelques années mais qui ne fonctionnaient pas, notamment la gestion des bibliothèques dynamique et des commandes à autoriser.

#!/bin/bash
if [ "$#" != 1 ];
then
  echo "Usage : $0 "
  exit 255;
fi

# list of available commands
cmd="/bin/bash /bin/cat /bin/chmod /bin/chown /bin/cp /bin/grep \
        /bin/gunzip /bin/gzip /bin/ls /bin/mkdir /bin/more /bin/mv /bin/rm /bin/tar \
        /usr/bin/svn /usr/bin/vi"

USER=$1
GROUP=chroot
groupadd "${GROUP}" > /dev/null 2>&1
useradd -c "JailsUser" -d "/home/chroot/${USER}/" -g "${GROUP}" -s "/bin/chroot" "${USER}"

echo "#!/bin/bash\nexec -c /usr/sbin/chroot /home/chroot/\$USER /bin/bash" > /bin/chroot
chmod 555 /bin/chroot

echo "User Password"
passwd "${USER}" > /dev/null

mkdir -p /home/chroot/${USER}/bin/ /home/chroot/${USER}/lib/ /home/chroot/${USER}/dev/
cd /home/chroot/
chmod -R 700 ${USER}

for i in $cmd
  do
    cp -R $i /home/chroot/${USER}/bin/
    # TODO : improve with a simple sed
    sudo ldd $i  | grep '/' | cut -d ">" -f2 \
      | cut -d "(" -f1  \
      | sed -e "s/[\t ]//g" \
      | sed -e "s/^/sudo cp /" \
      | sed -e "s/$/ \/home\/chroot\/${USER}\/lib\//" | bash
  done;
# for using /dev/null
mknod /home/chroot/${USER}/dev/null c 1 3 -m 666
chown -R "${USER}:${GROUP}" /home/chroot/${USER}
chmod u+s /usr/sbin/chroot
echo "User \"${USER}\" created and in jails !"
\\ tags: , , ,

Création entreprise d'électricité (en étant électricien ou pas)

Créer son entreprise n'est pas facile, je sais de quoi je parle. Alors crée son entreprise en électricité en étant électricien doit être, je suppose, le même combat. Des tonnes de formulaires à remplir, des semaines d'attente de papier en tout genre. Si vous voulez créer une entreprise en électricité, voici déjà comment devenir électricien.

Antigraffiti et hydrogommage

La société HTP Antigraffiti est basée à Paris dans la 18ème arrondissement. Cette société de nettoyage de graffiti(s) et de rénovation propose de l'hydrogommage et bien d'autres techniques pour mettre fin aux graffitiis. Cette société intervient dans tout la France, voici son site internet si vous chercher une entreprise de nettoyage de graffiti

Moteur de recherche RSS

Moteur de rechercher RSS

Vous cherchez un plombier pour une fuite ou des travaux de plomberie ?

Voici un nouveau site, un plombier.com rempli d'informations sur les plombier qui vous permet d'en savoir un peu plus sur les devis de plombier ou sur les différents types de factures.

Vous y trouverez aussi plein d'informtion sur les formations pour devenir plombier.

Vous cherchez un éléctricien ?

Encore un nouveau site, un electricien.com rempli d'informations sur les électricien, des infos pour devenir électricien.