blog ntic de revolunet

Google AppEngine revolutionne le développement web

Durant ces 10 dernières années, Google a révolutionné la recherche, le e-marketing, la cartographie et bien d’autres services à destination des usagers. Depuis quelques temps, Google s’est aussi investit dans l’open source, notamment grâce à code.google.com qui propose de nombreuses librairies open source pour les développeurs, ainsi que des espaces gratuits de gestion de projets a la sourceforge.

Aujourd’hui, Google lance Google AppEngine, un service à destination des développeurs web, qui va leur faciliter grandement le développement d’applications web, en leur permettant de se concentrer sur la partie la plus fun de leur metier : le code lui-même. Et tout cela gratuitement (pour l’instant).

Google AppEngine est en effet un framework qui permet d’écrire très facilement des applications en Python, sans se soucier ni de la base de données, ni de l’hebergement, ni de l’administration système, ni des sauvegardes. Pour ceux qui ne connaissent pas bien Python c’est un langage très haut niveau, très lisible, très logique, et très performant; Google l’utilise à de nombreux niveaux de son architecture et a d’ailleurs embauché son créateur le fameux Guido Von Rossum en 2005. Concrètement, vous définissez vos modèles de données, vos templates graphiques et votre code métier (facon MVC), puis publiez très simplement votre projet directement sur la plate forme Google. Vous avez alors la puissance de Google entre vos doigts, et disposez d’une extraordinaire flexibilité et extensibilité de votre application, le tout de facon 100% transparente. Votre application est hebergée chez Google, et vos données reparties sur de nombreux serveurs à travers le monde ce qui vous garantit une haute disponibilité et de hautes performances quel que soit le volume de vos données et le traffic que vous générez.

Techniquement, Google vous propose un SDK (dispo sur Windows, Mac, Linux) qui vous installe un environnement de développement similaire à la version en ligne de AppEngine . Ce framework est open source et basé sur le célèbre framework web en python Django (Templates, DataModels…), Webob (Modele objet request/response) et sur plusieurs API fournies par Google pour nous faciliter la vie : Datastore API pour la base de données (basé sur la technologie BigTable de Google), Users API pour la gestion des utilisateurs et autres joyeusetés… Bien sûr vous pouvez ajouter toutes les librairies Python que vous souhaitez à votre projet.

Ce service n’est pas destiné aux applications professionnelles car vous êtes trop dépendant de Google et n’avez aucun contrôle sur de nombreux points (notamment la base de données ou les librairies bas niveau disponibles) mais ce service va certainement faciliter le développement de nombreuses applications web, sociales (ou pas), web 2.0 (ou pas). Ma grand mere va peut etre enfin pouvoir coder l’application web de bridge dont elle rève depuis toujours et que je n’ai jamais eu le temps de faire pour son Noël ;)

Le service est encore en beta, pas encore ouvert au quidam pendant une phase de tests de plusieurs mois mais on peut d’ores et deja installer le SDK et tester la plateforme en local pour faire joujou. Et on s’amuse. A terme Google proposera surement à la maniere d’Amazon S3 de la location de ressources si vous avez besoin de plus de ressources que ce qui vous est offert.

Démonstrations videos : http://youtube.com/watch?v=tcbpTQXNwac

Le SDK : http://code.google.com/appengine/downloads.html

La Documentation : http://code.google.com/appengine/docs/

Le groupe de discussion : http://groups.google.com/group/google-appengine?lnk=sg

VLCobject, VLC dans votre page web

Je viens de publier une petite librairie javascript largement inspirée de swfobject et qui vous permet d’intégrer facilement le  plugin VLC dans vos pages WEB. Le plugin est chargé en pur javascript et si l’utilisateur n’a pas de plugin VLC installé, un message lui indiquant un lien de téléchargement lui est indiqué.

Ca s’appelle VLCobject et c’est dispo ici : http://code.revolunet.com/VLCobject/FR

Pour ajouter les boutons Play, Pause, Stop, Volume, Seekbar… regardez du coté de la librairie VLCcontrols

gcomment.com, le widget gratuit pour la gestion de commentaires.

Découvrez le nouveau service lancé par l’equipe de revolunet en version béta !

gcomment.com permet d’insérer une zone de commentaires customisable sur les pages de votre site sans taper la moindre ligne de code.

Echangez avec vos visiteurs ou donnez leur la possibilité de laisser un avis !

Le service est 100% gratuit et l’inscription ouverte à tous. Nous attendons avec impatience vos commentaires et suggestions pour en faire un service ultime !!

check it out ! http://www.gcomment.com

associer un protocole a un script sous windows

Dans une page web, il peut etre assez pratique d’associer un script ou un programme externe quand on clique sur un lien avec un protocole spécifique. Par exemple un lien href avec comme valeur callto:0102030405 pourrait me permettre d’executer le dialer de windows en lui demandant de composer un numéro. C’est très pratique en intranet par exemple.

(Notez que dans le href il y a un zéro de plus en prefixe qui me permettra de composer un numéro externe)

Il nous suffit pour cela d’ajouter au registre une petite clé, qui associera le nom de notre ‘protocole’ à un programme (faites un fichier .reg puis executez le)

dial.vbs est un petit script qui permet de parser les arguments (ici le numéro) et de les envoyez à dial.exe, petit utilitaire permettant de composer un numéro envoyé en premier paramètre, technique inspirée de ce post sur le forum de SugarCRM.

Vous pouvez tout autant passer la main à un script Python ou autre qui fera ce que vous lui avez appris a faire avec les arguments. Attention toutefois, le programme sera éxécuté avec les droits de l’utilisateur actuel donc surement pas admin en entreprise…

Et voila, des qu’un utilisateur clique sur un lien callto, le numéro est composé sur le modem. Branchez donc l’entrée modem de votre telephone a votre PC et c’est parti pour une numérotation automatisée depuis votre page web !

Skype a son callto:0102030405, Wengo son wengo:usernick et maintenant nous avons aussi nos propres handlers… Enjoy

PHPdiapo : diaporama PHP/Javascript

J’ai crée un petit script PHP pour générer des diaporamas facilement dans une page.

Le script scanne un dossier et genere le javascript necessaire au diaporama. On peut en placer plusieurs par page et il suffit d’une seule ligne de code pour générer le diaporama :

infos et sources sur http://dev.revolunet.com/scripts/PHPdiapo, commentaires bienvenus ici même.

enjoy

Passage de 1 à 10 Go pour tous les FTP chez FREE !

Encore une bien bonne nouvelle de la part de Free : toutes les pages persos (Accès gratuit, RTC ou ADSL) peuvent maintenant bénéficier de 10Go d’espace disque !

Comme si un 1Go c’etait pas déjà suffisant ! enfin bon on va pas se plaindre

Je cite : “L’augmentation du quota est immédiatement prise en compte. Vous pourrez donc utiliser cet espace juste après en avoir fait la demande.” (sur l’espace client)

De plus, on a depuis quelques mois droit à PHP 4 ou 5 + MySQL 5 donc de meilleures performances

Et comme on sait que l’on peut créer autant de comptes que l’on veut, cela veut dire qu’on peut vraiment avoir beaucoup beaucoup d’espace ! théoriquement illimité même.

C’est beau, merci

Faites tourner Apache sur votre Nokia série S60

On savait déjà que Nokia avait choisi l’Open Source comme cheval de bataille, déjà en utilisant Symbian comme OS pour ses téléphones, puis en portant le langage Python sur Symbian, ce qui permet à chacun de développer rapidement de petites applis qui utilisent les fonctions des téléphones : Audio/Video/Photo, Calendrier & Contacts, Wifi/Bluetooth/IrDa…

Aujourd’hui, Nokia annonce la sortie d’une version d’Apache pour la plateforme Symbian ! Cela veut dire qu’un simple telephone portable pourra, à l’instar de n’importe quel pc actuel, devenir un des serveurs web d’internet et fournir du contenu dynamique à des internautes, tout en étant mobile.

La partie DNS/Routage IP, qui est assez délicate du fait de la mobilité de ce type de serveur, sera gérée par un système de Firewall et DynDns coté opérateur mobile.

Cette version modifiée d’Apache est Open Source ,vous pouvez donc avoir accès à la source, ce qui promet un logiciel de grande qualité, et une meilleure sécurité à terme. De plus, sera intégré par défaut le fabuleux module mod_python qui permet d’executer du code Python via Apache…

C’est un grand pas en avant pour l’internet mobile !!!

La page du projet mobile web server chez Nokia : http://opensource.nokia.com/projects/mobile-web-server/.

Présentation et historique de l’OS Symbian sur Symbian France

Google SpreadSheets arrive

Google lance un nouveau service web 2.0 très pratique qui va sans doute remplacer excel pour beaucoups. En effet il s’agit de faire des spreedsheets en ligne, et surtout de les partager avec d’autres utilisateurs en les invitant à intervenir sur le fichier.

L’edition multi-users est en live, avec un petit système de chat intégré

Insertion et formatage de données, gestion des formules, tris et filtres… les fonctionnalités sont suffisantes pour beaucup de cas.

On peut importer/exporter en excel, csv, html…

Preview & inscriptions ici : http://www.google.com/googlespreadsheets/tour1.html

Enjoy

Plus de détail sur zorgloob

FireFox 2 Alpha 2 Preview

Voici les premiers screenshots de la future release de FireFox, attendue pour Octobre 2006.

Cette version bénéficiera de nombreuses améliorations, cosmetiques et fonctionnelles :

Gestion des Bookmarks et RSS améliorée, recherche multi-moteurs configurable, suggestions de recherche, Correcteur orthographique (+ de 40 langues dispos), meilleure gestion des onglets…

D’ici la, nous aurons droit à de nombreuses mises à jour de la 1.5 mais si vous souhaitez faire l’alpha testeur, c’est ici que ca se passe :

ftp://ftp.mozilla.org/pub/mozilla.org/firefox/releases/bonecho/alpha2/

Google Calendar

Ca y est ! Après plusieurs mois de suspens, Google sort enfin son propre service de calendrier on-line.

Le service est encore en test et assez lent mais ca promet. L’interface est comme d’habitude; simple et intuitive, bien léchée, et avec des raccourcis clavier très pratiques.

Killer features :

• Drag & drop d’events
• Possibilité de créer plusieurs calendriers
• On peut inviter des personnes sur son calendrier et partager des tâches avec d’autres comptes
• On peut lier des emails recus dans gmail à son calendrier !
• Publication RSS du calendrier
• Importation depuis d’autres services web ou logiciels
• API : on va pouvoir connecter nos applications à ce merveilleux calendrier. Specs de l’API ici

La démo est la : http://www.google.com/googlecalendar/tour5.html

Je sens qu’il y aura bientôt un système de todo associé

Encore une fois, il ne suffit que d’un google Account pour accéder au service… là : http://calendar.google.com.

Bug FireFox ?

Voici une étrangeté de FireFox qui m’a bien surprise…

Il semble qu’il y ait un petit souci d’affichage pour ce bout de code HTML :

en effet, vous devez voir apparaitre le tableau hors de la DIV au lieu de à l’interieur… en plus, vous noterez un probleme dans le retour à la ligne après le tableau (vous avez beau faire un nouveau paragraphe, pas moyen de retour en début de ligne…)

et quand on omet

pour le tableau, il est bien affiché à l’interieur de la cellule…

le ‘@align’ de la balise ‘table’ empêcherait donc la table de s’afficher dans la div !!!

Alors, Bug ou spec W3c étrange ?!!##@

Moteur de recherche des applications web 2.0

Voici un site tout simple qui recense les applications Web 2.0.

Un bon moyen pour connaitre l’etat de l’art en la matière et de tester les nouveaux services.

http://www.web2list.com/

Pour chaque appli, gestion des tags et des votes pour un classement à la digg.

Déjà 650 applis web 2.0 recensées

Outils pour webmaster

Voici un site à la digg qui regroupe des outils indispensables aux webmasters :

• Référencement
• Optimisation/ Validation de code
• Previews dans différents browsers
• Generateurs pour mod_rewrite, CSS, formulaires, images ou boutons, Mots de passe, couleurs…
• Tables de références des entités…

Il ya presque tout… et s’il manque quelque chose, ajoutez le !!!

http://www.listible.com/list/online-tools2C-generators2C-checkers

Bien pratique..

ActionScript 3

Macromedia a dévoilé il y a quelques jours les specs d’ActionScript 3, le ‘javascript’ du Flash.

Ce ne sont pas les specs finales, mais on peut déja se rendre compte des nouveautés à venir, par exemple :

• Loader.loadBytes() : permet de charger directement un object binaire dans Flash (image, download…)
• flash.net.Socket : permet d’ouvrir un socket et donc d’utiliser n’importe quel protocole directement (par exemple xmpp ou smpt)

http://livedocs.macromedia.com/specs/actionscript/3/wwhelp/wwhimpl/js/html/wwhelp.htm

Telecharger des gros gros fichiers sous IIS avec Python

Entre les quelques bugs de Python win32com et IIS, on peut se trouver bloquer par des erreurs bidons quant on veut faire telecharger aux utilisateurs de gros fichiers via HTTP (des fichiers pas contenus dans l’arboresence du site, ou protégés).

Voici un bout code qui permet de realiser cela sans souci grace à deux minis fonctions… (l’ai enlevé les try/catch optionnels)

et voila, le download est maintenant quasi-instantannée

Support CSS des differents navigateurs

Voici un tableau bien utile pour comparer les support des différentes propriétés du CSS entre les navigateurs IE6, FireFox ou Opera.

Le support de chaque attribut, selecteur ou pseudo-classe y est précisé en fonction du browser.

On peut notammant découvrir que de nombreuses propriétés CSS3 sont déja dispos sur beaucoup de navigateurs.

le tableau comparatif : Web browser CSS support, et un guide pratique des selecteurs CSS3 : CSS3 selectors explained.

Librairie AJAX Yahoo

Yahoo surprend tout le monde Open Source aujourd’hui en publiant des biblioethèque de Ajavscript destinées à faire de l’AJAX.

Il s’agit de fonctions cross-browsers pour gérer la fonction XmlHttpRequest, les animations de calques, le drag & drop, et egalement de quelques UI items : Calendrier, Slider, Treeview.

Tout ca releasé sous une license très permissive : la BSD licence ! (peut etre réutilisé dans toutes application même payante en mentionnant le copyright)

Icônes libres de droit

Cette page web recense les sites qui publient des icones libres de droit, sous licence Creative Commons par exemple.

Bien utile pour le design d’interfaces, web ou pas. Il y en a pour tous les goûts. Merci à l’auteur, c’est bien utile

http://www.elaboration.be/index.php/post/icones

Alliance Open Ajax

Avec le développement croissant des applications à base d’Ajax, le consortium ‘Open Ajax’ s’est crée, avec pour but le développement d’outils Open Source pour la promotion de cette nouvelle technique du web. Ce consortium regroupe des géants de l’informatique et d’Internet : Google, IBM, Mozilla, Yahoo, Red Hat, Zend… et d’autres entreprises spécialisées dans les technologies web comme Lazlo Systems.

Ces entreprises vont s’unir pour créer des toolkits (librairies) dans le but de permettre une accéleration du développement de telles applications en etablissant des standards ouverts. On devrait voir apparaitre les premieres librairies courant 2006.

Il etait temps car aujourd’hui, développer en Ajax, c’est faire beaucoup de bricolage en Javascript et jongler entre les interpretations des différents navigateurs.

Les services web sont donc en train d’évoluer vers plus de dynamisme et plus d’interactivité. De plus, la participation au consortium de Lazlo Systems (société spécialisée dans les applications à base de Flash) laisse augurer de nouvelles perspectives au format Flash, qui a un peu perdu son coté dynamique exclusif avec l’arrivée des applications AJAX comme GoogleMaps, Gmail… donc plus d’interactions avec Flash sont à venir.

Comme d’habitude, Microsoft développe dans son coin son propre format (projet Atlas), ce qui ne fera que compliquer la tache des developpeurs qui auront encore une fois de l’adaptation à faire pour garantir la compatibilité de leurs applications.

IE7 : support natif de XMLHTTP (AJAX)

Bonne nouvelle pour les web-developpeurs : IE7 intégrera de facon native une version standard de l’objet XMLHTTP.

Alors qu’il fallait jusqu’a présent utiliser un appel différent en fonction du navigateur, on pourra maintenant se contenter d’un appel unique, ce qui va faciliter à terme le developpement d’applis en AJAX.

Bien heureusement, les appels à l’ancien code ActiveX seront toujours supportés

Fiddler HTTP Debugger

Voici un outil bien pratique pour nous les webdeveloppeurs : un Proxy HTTP. Cet outil permet basiquement d’intercepter et de modifier à la volée les données echangées entre un programme et un serveur; par exemple entre votre navigateur web et le un serveur HTTP.

Il en existe bien d’autres, comme Achilles par exemple, qui est aussi excellent, mais Fiddler permet en plus de recueillir des statistiques, de voir les données en Hexa, de construire et envoyer des requetes personnalisées au serveur, et de créer des règles de filtrage. De plus, il est aussi possible de créer des scripts pour modifier automatiquement les données qui passent, avec, par exemple, des expressions régulières.

Bien sûr, Fiddler dispose de toutes les fonctions d’Achilles : Filtrage, modification des données à la volée, Breakpoints…

C’est un outil redoutable pour débugguer vos applications web et même pour les ‘hacker’…

–> Fiddler : http://www.fiddlertool.com/fiddler/

Internet Explorer 7 Beta

Ca y est, “Internet Explorer 7 Beta” est dispo en telechargement chez Microsoft.

http://www.microsoft.com/windows/IE/ie7/ie7betaredirect.mspx

les onglets sont la…

ATTENTION : L’installation remplace votre IE 6 actuel

IE vs FireFox : 1-0

Bon, le site choisi pour le match est un peu mal foutu; ok. Mais si vous le naviguez avec FireFox, votre PC est foutu, alors que sous IE ca marche très bien… Et, ok, c’est un des seuls sites ou c’est FireFox qui est plus lent…

C’est le nouveau site de Eurosport.Fr qui est navigable sous IE uniquement.

Pourquoi ca lag autant sou FireFox ? Surement à cause d’un moteur JavaScript très gourmand et donc très lent …

Que les foudres de l’Open Source s’abattent sur moi !!!

CSS Cheat Sheet

Voici une reference CSS bien utile pour nous les developpeurs Web.

C’est un ‘poster’ A4 qui reprend les principaux selecteurs et propriétés des CSS de manière compacte et bien organisée. D’un coup d’oeil, vous pouvez retrouver la propriété que vous cherchez ou en trouver une encore plus adaptée.

A agrafer au mur d’urgence : http://www.ilovejackdaniels.com/css/css-cheat-sheet/

Le CSS c’est bien, mais pour que ce soit efficace, il faut utiliser les selecteurs intelligemment

Les applications ‘web 2.0′ les plus populaires

Ce site propose une liste actualisée des applications web 2.0 les plus populaires

L’idée de “web 2.0″ regroupe les sites webs technologiquement innovants (à base d’AJAX) mais aussi les nouveaux concepts de sites collaboratifs qui eux n’utilisent pas forcement AJAX

On retrouve donc sur cette page GoogleMaps, GMail, des applications de Calendrier (en attendant que calendar.google.com soit terminé), des applications de TodoLists, des applications de partages d’informations…

http://virtualkarma.blogspot.com/2006/01/complete-list-of-web-20-applications.html

Tester son site dans différents browsers / résolutions via une page web

Ce site propose de tester a quoi ressemble un site dans différents navigateurs via une page web.Vous n’avez donc pas à installer ces différents logiciels.

C’est rapide et bien pratique. On peut aussi choisir une résolution de test…

Vous pouvez donc voir facilement a quoi ressemble votre site sous Lynx sans shell a portée de main

http://www.scapture.com/

Il n’y a pas de IE car ca tourne sous un linux

Utiliser les CSS pour definir les fonctions javascript

Coder HTML + Javascript + CSS c’est bien mais celui devient ingérable a long terme sur les gros projets. (tout est melangé : la presentation, le code, le contenu)

voici une petite bibliotheque javascript qui nous donne une nouvelle facon d’affecter du javascript à des objets : via les CSS. C’est pas bète du tout !

De cette facon, on va pouvoir séparer tout le javascript du HTML et ainsi avoir une meilleure séparation contenu/presentation/code et une meilleure lisibilité.

Par exemple, en utilisant les selecteurs CSS on va pouvoir affecter des fonctions sur par exemple le rollover de tel ou tel objet.

c’est ici : http://bennolan.com/behaviour/

idées à murir

Table des entités HTML

quand on developpe pour le web, on a souvent besoin d’un accès rapide a diverses tables de references;

Celle ci reference les correspondances entre caractères speciaux, entités HTML, codes ASCII et Unicode, et codes claviers (ALT + XXX)

bien utile pour coder du HTML, XSL… pour différents encodages… ou faire des conversions

HTML Character Entities

Fin d’Internet Explorer sous MAC

C’est officiel, Microsoft annonce l’abandon des mises à jour pour Internet Explorer version MAC pour le 31 Decembre 2005.

Déjà , MAC etait limité à IE 5.2 depuis bien longtemps, mais on esperait avoir un jour la 6 quand meme !

Microsoft conseille même aux utilisateurs la migration vers Safari… Perso je conseillerai de passer directement à Firefox

Voila une grande porte ouverte à Firefox !! etonnant de la part de Bill

définition du web 2.0

Nos amis de xmlfr.org ont écrit un article de demysthification du web 2.0. On nous y explique ce qu’est le web 2.0, ses tendances et les techniques employées.

Web 2.0 : mythe et réalité sur xmlfr.org.