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.
Calculer le plus grand dénominateur commun en PHP
Il m'arrive quelquefois de faire un peu de "soutien scolaire".
Dernièrement j'ai du expliquer comment calculer un PGCD : Plus grand commun diviseur.
On trouvera de nombreux sites sur le net qui expliquent comment procéder.
D'ailleurs on peut trouver de nombreuses videos de bonne qualité qui montrent très clairement comment y arriver.¨
Par exemple sur http://www.youtube.com/watch?v=xhBuT9cb6GE&feature=related
J'ai eu envie de coder cette fonction en PHP afin de vérifier mes calculs ( et aussi pour le fun ;o) pendant que mon élève s'échinait sur quelques PGCD à trouver.
J'ai recherché sur internet pour voir ce qui existait, et j'ai trouvé de nombreux sources.
Mais ce qui m'a vraiment surpris c'est de trouver qu'il y a une fonction php qui propose déja ce calcul !
Il s'agit de gmp_gcd
La fonction gmp_gcd calcule le PGCD (plus grand commun diviseur) de a et b. Le résultat est toujours positif, même si l'un des deux (ou les deux) nombres est négatif.
Cependant je me suis rendu compte que le résultat était "un peu sec" et que ce serait sympa, dans un but pédagogique, que le programme montre les étapes du calcul avant d'afficher le résultat.
Voici le code qui montre le cheminement et ma page de démonstration
--> http://pgcd.ro6gnol.com/
<?php
echo gcd(663,512);
function pgcd($a,$b)
{
echo "<strong>$a : $b ==> ".floor($a / $b)." Reste ".($a % $b)."</strong> <small>(c'est à dire ".floor($a / $b)." X ".$b." + ".($a % $b).")</small><br>";
return ($a % $b) ? gcd($b,$a % $b) : $b;
}
?>
Veille techno web 2
Découvert aujourd'hui quelques sites à bookmarker pour étudier dans une deuxième vie.
La deuxième vie étant celle qui nous permettra de rergarder sérieusement toutes les choses qu'on a pas le temps d'étudier.
Ce qui me gène c'est que j'ai l'impression qu'il faudrait ... une troisième vie 
Commençont par une application que j'attendais depuis longtemps : http://www.chive-project.com/ qui a vocation a remplacer ce bon vieux PhpMyAdmin.
Ensuite allons faire un tour du coté de http://www.sencha.com/ qui maintient l'excellent librairie ExtJs et qui propose de nombreux outils pour le développement web.
Un coup d'oeil sur une "petite" librairie graphique en javascript qui surpend par sa puissance ( intégrée par Sencha ) : http://raphaeljs.com/
Bon à savoir ; le script http://blog.mobileesp.com/ peut nous permettre de savoir si la demande vient d'une tablette ou d'un mobile particulier.
Pour finir, http://elrte.org/fr/ devrait remplacer les éditeurs comme tinyMCE ou fckEditor en utilisant toute la puissance de JQueryUI
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 !!
HTML5 : introduction à l’objet localStorage
L'objet localStorage permet d’enregistrer des données sur le poste client ( comme les cookies ) et le stockage est géré par le navigateur.
Mais localStorage permet d’enregistrer beaucoup plus d’informations que les cookies ( minimum de 5 mega-octets ).
A quoi ça sert ?
La question qui peut faire mal
Aujourd'hui on peut trouver beaucoup d'exemples qui n'ont qu'une valeur de démonstration ( Celle présentée dans cet article en est la parfaite illustration ).
Mais il est encore trop tôt pour trouver de réelles applications pratiques.
Pourtant localstorage sera très pratique dans certains cas d'utilisation.
...
Dans un "mode borne" ( appelé souvent "kiosque" ) , en cas de coupure internet temporaire, il est important que l'utilisateur puisse encore consulter un écran avec des données.
Prenons le cas d'un joueur de tennis qui est au club-house et qui souhaite savoir si le terrain sera disponible dans 30 minutes.
Il consulte le PC du club-house qui est en mode borne mais déconnecté depuis 15mn, et qui fonctionne donc en mode dégradé avec les données en cache.
Autre exemple qui devrait se généraliser rapidement, pour assurer la persistance des informations entrées dans les formulaires de saisie sans traitement par du code spécifique coté serveur !
Ou encore, un système d'inscription sur plusieurs pages sans repasser par le serveur !
Il existe aussi un autre objet, sessionStorage ,qui offre les même fonctionnalités mais dont le stockage disparait avec la fermeture du navigateur ( comme les sessions ).
L’utilisation est très intuitive, il s’agit du mécanisme CLEF -> VALEUR
localStorage.setItem('uneClef', 'uneValeur');
var uneVariable = localStorage.getItem('uneClef');On peut utiliser une syntaxe plus courte, familière aux développeurs PHP
localStorage['uneClef'] = uneValeur;
var uneVariable = localStorage['uneClef'];
Le nettoyage de la base locale peut se faire par l'utilisateur en supprimant simplement le cache du navigateur.
Il ne faut donc pas compter sur cette fonction pour enregistrer des données de façon pérenne.
Voici une video explicative et en fin d'article le code de l'exemple à télécharger.
Et voici le code source --> Code source de la démo à télécharger
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 !
Yii : Mini tuto pour commencer
Suite au billet Yii : Le framework PHP qui monte voici un premier mode opératoire pour commencer avec Yii ( Yes, It Is Yii ).
Nous allons utiliser un petit utilitaire qui permet de créer une arborescence de projet pour utiliser Yii.
Petit problème, cet utilitaire se sert de php.exe, il faut donc qu'il puisse trouver cet exécutable.
Avec l'explorateur de fichier, rechercher le chemin ou se trouve php.exe.
Copier ce chemin dans le presse-papier.
Sous windows, ouvrir une fenêtre DOS ( Démarrer / Programmes / Accessoires / Invite de commandes ).
Taper la commande PATH=%PATH%;chemin de l'executable PHP
Ou chemin de l'executable PHP est le chemin copié précédemment ou se trouve php.exe.
par exemple : PATH=%PATH%;C:\wamp\bin\php\php5.2.5
Creation d'un squelette : se placer sous dos dans le repertoire 'framework'.
Taper Yiic webapp demoDomi
Message de la console :
"Create a Web application under '...\framework\demoDomi?'? [Yes|No]
Taper y
Essayer de lancer dans le navigateur http://localhost/yii-1.1.5.r2654/framework/demoDomi/
Cela affiche erreur à cause d'une protection.
Rechercher le fichier .htaccess dans le repertoire framework
et le renommer en .htaccess_XXX pour le désactiver.
L'explorateur de fichier ne sait pas agir sur des fichiers qui commencent par un point.
Il faut donc passer par l'émulateur DOS.
La commande est ren .htaccess .htaccess_XXX
Rafraichir la page dans le navigateur ; ça doit fonctionner
Conclusion :
Nous avons modifié une variable d'environnement pour faire fonctionner l'utilitaire Yiic.
Attention : cette variable n'est valable que pour la cession DOS.
Si on est amené à répéter de nombreuses fois, on préferera passer par le panneau de configuration, système / avancé / variables d'environnement pour inscrire durablement le fichier dans la base de registre.
Nous avons créé une arborescence pour pouvoir utiliser le framework Yii.
Nous avons renommé un fichier de protection --> juste pour tester , à ne pas faire en environnement de production.
A suivre : Le fameux 'Bonjour monde' dans l'architecture MVC
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 !
Installer Zend sous windows
Après avoir lu une quantité effroyable d'informations plus ou moins exactes permettant d'installer et de configurer Zend Framework sous windows, voici quelques notes récapitulatives pour ZendFramework-1.11.1 et PHP 5.3.0 :
Après avoir téléchargé le framework sur le site de Zend, aller sous dos dans le répertoire bin.
L'idée étant de créer une petite arborescence
Par exemple C:\wamp\www\Tests\ZendFramework-1.11.1\bin
Sour DOS ; zf create project zfDomiProjet ne fonctionne pas ; en effet il faut modifier les variables d'environnement.
Aller dans [ Panneau de configuration / Systeme / Avancé / Variables d'environnement ]
Ajouter au path de windows C:\wamp\bin\php\php5.3.0
( si jamais fait ce genre de manip ; chercher sur Google comment modifier les variables d'environnement pour ne pas fairede bétise ;o)
Attention ; il convient de fermer l'émulation DOS et d'ouvir une nouvelle fenetre DOS qui prendra en compte le nouveau path.
Puis essayer à nouveau zf create project zfDomiProjet
L'arborescence est crée ; pour des raisons d'organisation il est préférable de déplacer cette arborescence ailleurs que dans le répertoire bin.
Via le navigateur, en localhost, aller dans le répertoire ZendFramework-1.11.1/demos/Zend/Gdata pour lancer un fichier php.
Suite à l'erreur affichée [Warning: require_once(Zend/Loader.php) [function.require-once]: failed to open stream:], il convient d'indiquer à php ou trouver les fichier à inclure.
Cela se fait dans le php.ini dans lequel, à la clef include_path :
include_path = ".;C:\wamp\www\Tests\ZendFramework-1.11.1\library"
Ne pas oublier de redémarrer les services de wamp
Essayer par exemple avec demos/Zend/Locale/AllLanguages.php ; tout est ok.
Via le navigateur, rendez-vous ensuite dans le repertoire http://localhost/Tests/zfDomiProjet/ pour constater qu'on ne peut pas voir le répertoire public
Aller sous dos renommer le fichier .htaccess ( pas possible avec l'explorateur de fichier à cause du point devant le nom de fichier ) qui empeche le serveur de page d'afficher le contenu de ce répertoire.
Commande : ren .htaccess .htacces_old
MODIF DU 22/12 : D'après l'excellent tutoriel http://s-jdm.developpez.com/tutoriels/php/traductions/debuter-avec-zend-framework-1-10/ il conviendrait plutôt de mettre les sources dans le répertoire [application].
Le répertoire public étant destiné à stocker les ressources du type css, images etc.
Cette fois le navigateur peut aller dans le repertoire public de zfDomiProject et on affiche fièrement :
Welcome to the Zend Framework!
Comme vu sur certains tutos ; c'est simple ... une fois qu'on y est arrivé ...