Comment booster sa veille techno ?
Une bonne veille techno passe par quelques sites de références qu'il faut visiter régulièrement.
Sur ces sites, il ne faut pas uniquement surveiller les derniers articles, mais aussi les "sites copains" du webmaster et jeter un coup œil alerte sur les sites des commentateurs éventuels.
Mais pour avoir encore plus de sources d'informations, il existe un service qui va analyser le contenu d'un site et vous proposer une liste de sites "équivalents".
Avec http://www.similarsitesearch.com/ on peut obtenir une liste de sites qui sont dans un domaine connexe à un autre site.

Voila qui donne un sacré "coup de boost" à la veille techno !
Par exemple, avec une recherche sur "la ferme du web", sur lequel je me fais un devoir d'aller régulièrement, j'ai pu débusquer quelques liens intéressants:
http://www.queness.com/ avec des ressources web2 sympa ( par exemple http://www.queness.com/post/10476/jquery-textexttags-autocomplete-ajax-support-for-input-field )
J'ai trouvé comment créer des quizz avec Ajax et XML grâce à http://www.w3avenue.com/
J'ai retrouvé avec plaisir http://css4design.com/ que j'avais perdu de vue
http://www.denbagus.net/ m'a donné le gout d'y revenir de temps en temps
J'ai sauvegardé un article du site learningjquery.com sur les événements.
http://apycom.com/ m'a fait découvrir de superbes menus.
J'ai également décidé ( qu'un jour ;o) je me mettrai sérieusement à étudier les exceptions en PHP.
http://blog.creativityden.com m'a donné ( un peu ;o) à réfléchir au désign.
HTML5 c'est le moment ou tout le monde en parle et ou personne n'en fait. Comme je ne veux pas rater le virage, j'aimerai bien commencer à ...commencer à m'y mettre, et j'ai pu visionner une vidéo alléchante sur le sujet via http://www.developpez.com/html5 et continuer avec http://www.html5-css3.fr/
et d'autre bricoles que je n'ai pas jugé utile de rapporter dans ma besace chronophage.
Dans la même veine que similarsitesearch http://whoislike.it/index.php propose également des sites connexes, mais dans un spectre un peu plus large.
Première veille techno 2012
Il arrive souvent quelquefois que les recruteurs posent des questions délicates.
Par exemple "quels journaux lisez vous ?".
Aujourd'hui ce serait plutôt "Quels sont les sites que vous visitez fréquemment ?".
Un jour, peut-être, une rubrique "Veille techno" sera-t-elle incontournable dans un CV..
Aussi voici un site à faire figurer impérativement : http://www.indexel.net
Coté techno web, la ferme du web est incontournable.
Coté entreprenariat, le defunt simpleentrepreneur contient encore beaucoup de ressources intéressantes, sinon allez faire un tour du coté de http://www.enviedentreprendre.com .
Pour continuer du coté des recommandations du jour , connaissez-vous le plus petit PC du monde ( 99€ ! ) :
http://geekdefrance.fr/2011/12/19/cubox-un-micro-pc-arm-a-99e/
Un hébergeur associatif de qualité : http://www.web4all.fr/?pg=presentation_de_l_association_web4all
Et pour finir une étonnante construction open-source de maison !! : http://www.wikihouse.cc
( Pour le fun, je ne résiste pas à citer une étonnante compilation de vidéos sur http://www.francesoir.fr/actualite/insolite/compilation-des-videos-plus-regardees-en-2011-169835.html )
Bonne année en image avec gmail
Il n'est pas possible de mettre une image dans le corps d' un mail gmail.
C'est pourtant plus joli d'envoyer ses voeux de bonne année avec une belle image ...
Voici 2 astuces qui permettent de le faire :
Importer l'image en question dans Google Documents, selectionner l'image à partir de Google Documents puis revenir dans le corps du mail et faire "click droit / copier".
Encore plus simple, aller dans les paramètres de la messagerie, cliquer sur le lien Labos puis "Labos / Insertion d'images de Kent T" afin de pouvoir bénficier d'un nouvel outil d'insertion d'image lors de la création d'un nouveau mail ( voir image plus loin ).
Comment échanger 2 noeuds en Javascript
Peut-être ai-je mal cherché, mais je n'ai pas trouvé comment échanger 2 noeuds en Javascript.
Même avec "swap nodes" pour étendre ma recherche sur des sites anglais, rien d'évident.
Aussi je me suis lancé pour faire cette fonction javascript.
Jusqu'au jour ou un commentaire dira : "Si tu avais regardé dans la librairie 'machin' il y a déja la fonction 'trucmuche' alors pourquoi réinventer la roue banane !".:-)
Voici le source HTML qui sert de base de test.
Il y a trois div. Le premier div et le troisième contiennent d'autre noeuds, pour montrer que la fonction déplace réellement le noeud, et donc avec tous ses enfants si nécessaire.

Principe de fonctionnement :
Faire une copie ( clone ) des noeuds à échanger
Modifier leur id pour les injecter au bon endroit sans conflit d'id.
Supprimer les originaux.
Remettre les id des originaux dans les copies
Voici le code javascript :
<script>
function swapNode(element1, element2)
{
if(typeof element1=="string"){element1=document.getElementById(element1);};
if(typeof element2=="string"){element2=document.getElementById(element2);};
if(!element1 || !element2){return null;};
var clone1=element1.cloneNode(true); var clone2=element2.cloneNode(true);
old_id1= element1.id;
old_id2= element2.id;
var parent1=element1.parentNode; var parent2=element1.parentNode;
parent1.insertBefore(clone2,element1);
parent2.insertBefore(clone1,element2);
parent1.removeChild(element1); parent2.removeChild(element2);
element1.id = old_id1;
element2.id = old_id2;
}
</script>
Viva l’Open-data !
llustration CC FlickR opensourceway via http://www.co-lab.fr/tag/open-data/
Les administrations utilisent des données collectées et les gèrent grâce aux impôts.
Ces données ne sont pas accessibles au 'grand public' ; et pourtant c'est bien avec l'argent public que cet 'or gris' prospère.
Alors ne serait-il pas juste que ces données soit accessibles ?
L'idée commence petit à petit à faire son chemin.
Au dela du simple bon sens, des enjeux liés à la transparence et à la démocratie sont liées au concept de l'Open-Data.
L'administration tient à son opacité historique, mais les lignes commencent à bouger.
Quelques villes mettent à disposition leurs base de données.
Soit en téléchargement soit via une API ( par exemple pour connaitre les stations Vélib à Paris ).
Pour en savoir plus, rendez-vous sur http://fr.wikipedia.org/wiki/Open_data et http://www.europecreative.eu/2011/09/01/la-france-va-bientot-entrer-dans-lere-de-lopen-data/
Au dela des administrations, toutes les associations de type loi 1901 ou les entités qui fonctionnent avec l'argent public devraient mettrent à disposition leurs données.
Par exemple, la Féderation Française de Tennis garde jalousement beaucoup d'informations qui pourraient être utilisées avec profit pour créer des statistiques intéressantes.
Du coup elle offre des outils informatique d'un autre age pour la gestion des clubs alors qu'il existe une foultitude de développeurs passionnés qui prendraient leurs pieds pour proposer des applications sympathiques.
Pour le principe, j'ai eu envie d'utiliser ces données 'ouvertes'.
En allant sur le le site http://opendata.paris.fr/opendata/jsp/site/Portal.jsp j'ai récupéré la liste des prénoms attribués au enfants nés à Paris entre 2004 et 2010.
Il y a longtemps que je vais trainer sur le site http://www.lafermeduweb.net/ pour y admirer les ressources 'web2' en me promettant d'en utiliser un jours quelques unes.
Et l'idée à germé : Pourquoi ne pas essayer de faire un site uniquement en assemblant des ressources ?
Je suis allé cherché un template HTML5, quelques scripts pour agrémenter le client et il ne restait plus qu'à faire quelques requêtes SQL.

J'avais estimé le temps de développement à 2 jours mais il m'a fallu un jour de plus pour la création de la base de données.
En effet, les données sont fournies sous la forme de fichiers CSV et il a fallu faire quelques moulinettes en PHP pour alimenter une base MySql avec le moteur InnoDB
Pour ceux qui sont intéressés je fourni la base ici : prenoms-db
Le site est visible sur http://prenoms-paris.ro6gnol.com/
Il y aurait beaucoup de chose à faire dessus, mais l'idée était juste de faire quelque chose rapidement en assemblant des morceaux.
Et VIVA L'OPEN DATA !!
La veille techno du jour …
Voici quelques articles que je me suis promis de relire plus attentivement alors que je sais très bien que je n'aurais jamais le temps de le faire.
Le Javascript va t-il détrôner les autres langages web nous parle de remplacer notre langage préféré coté serveur par le javascript.
Mais j'ai sans dout lu un peu trop vite. Pour ma part, je suis effectivement partisan coté serveur de ne faire strictement que ce qui est nécessaire et de laisser le poste client mettre en musique les données envoyées; mais je ne suis pas certain que ce soit dans l'esprit de la techno node.js. De tout façon il faut que je regarde LINQ, NoSql, ASP.NET MVC3, Symfony etc. donc j'en ai un peu ras la casquette.
En quelles langues traduire un site me plait beaucoup car c'est une décision stratégique très importante.
J'aurai dit Anglais, Espagnol, Chinois. Mais j'aurai raté les Japonais qui sont en troisième position.
Voila une information très utile.
10 conseils pour attirer les trolls m'a fait sourire et nous montre que le web est aussi une vaste cour de récréation ( dans le sens 'beurk' du terme ).
Les Faux cils pour voiture en Chine est une idée bien sympathique.
Il reste à inventer des faux cils qu'on ne puisse pas voler et je me lance dans ce business ;o)
Commande payée : et après ? Ne laissez pas vos clients dans une impasse est intéressant car au dela du conseil c'est toute la démarche qu'il faut considérer.
Un client ( un utilisateur ) ce n'est pas un numéro. Il ne faut pas hésiter à (se) le répéter dans l'univers dématérialisé de la toile.
Les 96 API et services Google
En cherchant des infos sur la petite API bien sympathique https://chart.googleapis.com je suis tombé sur la liste de tous les services proposés par Google.
Très impressionant.
A découvrir sur http://code.google.com/intl/fr-BE/more/table/
Comment nettoyer un PC infecté par des virus
Il fallait bien que ça arrive un jour, un ami m'a demandé de nettoyer son PC infecté par un virus.
Il y a bien des années que je n'ai pas été confronté à ce genre de problème.
Bien que n'ayant pas d'antivirus, je n'ai pas de souci.
Je consulte mes mails en ligne et n'ouvre aucune pièce jointe qui ne vienne pas d'une source sure.
Je télécharge des programmes uniquement depuis des sites "de confiance".
Mais mon ami ignore tout cela. Pas facile de lui expliquer qu'un mail peut afficher le nom d'un ami alors que le véritable expéditeur est yarg324@pluki.ru
Avant d'aller le voir, j'ai cherché un antivirus qui pourrait être lancé depuis un disque de boot.
En effet, je me suis dit que si son PC était vraiment infecté, si j'installais un programme celui-ci pourrait être contaminé immédiatement.
Heureusement le site de l'éditeur antivirus Avira propose un "live-cd" sur lequel l'ordinateur redémarre avec un lancement automatique de l'antivirus : A prendre sur http://www.avira.com/en/support-download-avira-antivir-rescue-system ( voir aussi http://www.delaseb.fr/2010/05/26/solutions-live-cd-antivirus-gratuit-kaspersky-avira/ ).
L'utilitaire détecta une dizaine de saloperies.
Après reboot, je me suis aperçu que tous les icônes du bureau étaient grisés.
Restait-il encore un virus, un malware, un spyware ?
Les scan étant assez long, j'emmenais le PC de mon ami chez moi pour une longue séance de nettoyage.
Je commençais par vider tous les fichiers inutiles grace à CCleaner.
Ensuite, j'installais un "antimalware puissant : Malwarebytes qu'on pourra télécharger en toute confiance sur le site http://www.01net.com/telecharger/windows/Securite/anti-spam/fiches/44096.html
Bien m'en a pris car il éradica encore 2 chevaux de troie et un spyware.
Enfin, je passais un petit outil inconnu, mais assez efficace, de chez Microsoft himself, appelé outil de suppression des logiciels malveillants à prendre sur
http://www.microsoft.com/downloads/fr-fr/details.aspx?FamilyID=ad724ae0-e72d-4f54-9ab3-75b8eb148356
Tout semblait ok.
Pour finir, je virai Avast qui n'avait servi à rien et j'installais l'antivirus Avira et lui demandai de faire un scan complet.
Tout était effectivement ok.
Sauf les icônes du bureau qui restaient désespérements grisés et le menu Démarrer qui restait vide.
Rien dans les différents forums à ce sujet.
Puis soudain, l'idée : Aller voir dans l'explorateur de fichiers ou étaient stockés ces raccourcis.
Bingo : en faisant click-droit / propriétés j'ai pu voir que l'attribut "caché" était coché.
Je décochais le tout et hop, tout était rentré dans l'ordre.
Temps total : environ 2 heures en présentiel et 24h de scan en tout genre.
Belle bataille !
Utilitaires gratuits
Pour effectuer mes sauvegardes, jusqu'à présent, je n'hésitais pas à copier-coller des arborescences de fichiers.
Mais la quantité de fichiers est devenu tellement importante que le temps de copie est devenu pénalisant.
Heureux possesseur d'un disque externe d'une capacité d' un tera octets, j'ai donc entrepris de chercher un utilitaire - gratuit - permettant de synchroniser des repertoires entre mon disque dur et mon unité externe.
J'ai eu la chance de trouver "FreeFileSync" ( http://sourceforge.net/projects/freefilesync/ ) qui fait son job parfaitement.
En cherchant cet utilitaire j'ai trouvé une mine d'utilitaires de qualité sur http://www.portablefreeware.com/ .
Sur ce site j'ai remarqué un utilitaire pour voir les ports utilisés par la machine, pour scanner les processus en mémoire, pour récupérer les vidéos mise en cache par les navigateurs ainsi que les incontournables foxit reader, ccleaner, everest, notepad++ etc.
Comme l'url l'indique ces utilitaires ont le grand avantage de ne pas s'installer sur la machine et donc de ne pas "pourrir" la base de registre ( En effet, même après désinstallation complète beaucoup de clefs inutiles restent dans la base de registre ).
Donc pour les désinstaller il suffit donc ... de les supprimer.
Facile et propre.
Yii : Le framework PHP qui monte
Yii ( Yes It Is ) est un Framework Php
Il existe de ( trop ) nombreux Frameworks :
http://fr.wikipedia.org/wiki/Liste_de_frameworks_PHP ( Les + connus : Zend | Symfony | CakePhp | Prado | Codeigniter )
Mais Yii va certainement se faire une belle place, car il possède plusieurs atouts de taille :
- Full PHP5
- Veut promouvoir un code respectueux des normes
- DRY = Do not Repeat Yourself ( = éviter la redondance de code )
- Le concepteur du framework PRADO ( Primé par la communauté ) fait partie de l'équipe de conception.
- Tout récent ( 2008 ) : veut tirer profit du meilleur des frameworks
- PRADO / Ruby on Rails / Jquery / Symfony / Joomla
Au niveau des fonctionnalités de Yii on peut trouver
* L'incontournable Model-View-Controller (MVC)
* Une couche d’abstraction aux bases de données * Génération de formulaires et validation automatique coté client et serveur
* L'intégration d’AJAX avec utilisation de jQuery
* La Gestion de l’authentification
* Des possibilités de ‘Skinning’ et gestion de ‘themes’ pour les interfaces clients
* La génération assistée pour les Web services
* La nécessaire internationalization (I18N) and localization (L10N)
* Une bonne gestion de la mise en cache
* La gestion des erreurs
* Possibilité de génération automatique de code
* Respect des normes XHTML HTML
* De nombreuses extensions …
( Voir http://www.yiiframework.com/features )
La communauté Française est toute jeune et donc assez réduite.
Demain je fournirai un mode opératoire pour faire ses premiers pas avec Yii.
Enfin le site web officiel de Yii est très bien fait et mérite le détour, même si on a pas l'intention de l'utiliser !



