Simplify Web Developments

MIX07 Paris : Experience (partie 03)

2007-06-26T10:29:00.001+02:00

Premières impressions sur Expression Studio

La nouvelle suite de Microsoft est le liant qui permet la convergence entre le design et le développement, par l’intermédiaire de XAML. La vraie convergence sera établie avec la sortie prochaine de Orcas, mais la suite offre déjà un ensemble d’applications permettant un design avancé d’applications.

Parmi les 4 outils (Web, Design, Media et Blend), je m'attarderais sur Blend qui permet d'éditer des interfaces avancées en s'appuyant sur XAML (et le subset de WPF pour le rendu).

Au démarrage vous pouvez créer votre projet en sélectionnant le type de langage (cela génère un projet pouvant être ouvert sous Visual Studio).

Vous disposez alors d'un canevas dans lequel vous pouvez dessiner votre interface.

Il est alors facile d'insérer divers éléments, que ce soit des contrôles de Blend ou des ressources exterieures comme des images ou des vidéos.

Ci-dessus un aperçu du fichier XAML généré par Blend.

Ci-dessus un aperçu du rendu généré. Cette fenêtre est affichée par défaut et la vidéo se lance. A noter que grâce au vectoriel les éléments s'adaptent aux dimensions de la fenêtre.

Cette suite est vraiment prometteuse et la sortie d'Orcas devrait renforcer la cohérence de l'ensemble.

MIX07 Paris : Experience (partie 02)

2007-06-26T10:21:00.000+02:00

Une des sessions de l’après-midi était consacrée à des démonstrations de services développés par des français.

A noter qu’un kit sera prochainement mis à disposition sur le site codeplex : Blue Portal. Il s’agit d’un socle pour gérer les flux, les contenus et la distribution autour de 3 briques :

- Starter kit pour les exemples
- Core System
- Plate-forme de services

Démonstrations :

- Virtuoz : cette société développe des ‘agents conversationnels’, autrement dit un opérateur virtuel pour aiguiller les utilisateurs et répondre à leurs questions. En cela le concept se rapproche fortement d’un système expert puisque la base de données s’enrichit des dialogues précédents.

- Criteo : il s’agit d’un moteur de recherche de blogs, basé sur la sémantique. Il a été développé par Winwise. Lien : http://www.criteo.winwise.fr/ (nécessite Silverlight sur le poste).

- Dis moi où : un site dédié aux données utilisateurs en s’appuyant sur des services de géolocalisation. Exemple : consulter la liste des supermarchés de son quartier et accéder aux fiches… Lien : http://www.dismoiou.fr/

Présentation de Popfly :

Lien : http://www.popfly.com/

Il s’agit du nouvel outil de mash-up proposé par Microsoft. Le site propose :
- un éditeur de pages web
- un espace communautaire
- une interface pour le mash-up (agréger des services avec une interface visuelle – par cliquer-glisser)

- Un site recense les différents services web : http://www.mashtable.com/

Le concept est très intéressant et rend accessible même à des ‘amateurs’ la construction de pages sophistiquées utilisant les derniers services du moment. Toutefois, cette première version est peut-être un peu trop orientée loisirs et le modèle économique de Popfly n’est pas clairement établi (certains services sont annoncés gratuits jusqu’à une certaine limite d’accès…). Mais une entreprise pourrait très bien utiliser le concept pour développer un ensemble de services de base (recherche d’un client, d’un contrat, etc.) pour les agréger facilement et mettre en œuvre des applications orientées utilisateurs dans des temps très courts.

MIX07 Paris : Experience (partie 01)

2007-06-22T10:23:00.000+02:00

Etant invité à MIX07 Paris [21 juin 2007] (merci à Jean-Christophe CIMETIERE de Microsoft), voici un petit compte-rendu de la journée. Vu la quantité impressionnante de concepts et produits présenté, mon feedback sera réparti sur plusieurs articles.

Présentation :
Selon Sanjay PARTHASARATHY (Corporate Vice-President MS), l'important aujourd'hui est d'avoir une meilleure expérience utilisateur. En effet, l'EXPERIENCE a été le fil conducteur de la conférence, c'est-à-dire les interactions avec les utilisateurs afin de les placer au centre des applications, et surtout de leur offrir des interfaces pouvant susciter leur intérêt.

Il a ensuite présenté le très attendu Silverlight (qui se présente comme un plugin à installer sur le poste), qui permet d'offrir une "Rich Media Experience" à travers : la vidéo HD, l'intégration d'AJAX et le Live Streaming. Au niveau technique, on retiendra le caractère 'cross-brower' de Silverlight, la gestion des couches (overlay) et une intégration complète de la CLR. A noter que les graphismes sont issus d'un pan entier de WPF (subset).

De façon transverse, les échanges de flux, le design et le packaging des applications de demain ont un point commun : XAML.

Avis personnel :
La nouvelle orientation de Microsoft dans l'interactivité avec les utilisateurs, les interfaces très ergonomiques et une convergence du monde des graphistes vers celui des développeurs augure d'un vrai renouvellement de notre façon d'aborder le web. Certes, les démonstrations étaient plutôt orientés 'loisirs' (vidéo HD, chat, services de géolocalisation...) mais il suffit juste d'imaginer les applications adaptées à l'entreprise... En fait, (presque) tout repose sur notre propre créativité !

Les premiers bénéficiaires devraient être les sites de e-commerce et vidéo on demand, car cette génération d'applis web (que l'on pourrait qualifier sans exagérer de Web 3.0) met de suite un énorme coup de vieux aux sites actuels...

Enfin, un peu de chauvinisme pour signaler les initiatives des entreprises françaises qui ont présentées leurs retours d'expérience sur Silverlight : les démonstrations étaient globalement d'un excellent niveau et les temps de développements annoncés très faibles ! (quelques jours/homme...).

Les produits :
EXPRESSION Studio

Microsoft a mis en avant sa volonté de concurrencer le leader ADOBE dans le domaine des applications alliant contenu riche et design avec sa nouvelle suite : EXPRESSION Studio, qui s'appuie sur le framework 3.0 (et sera pleinement transverse à ORCAS).

Cette suite est composée de quatre environnements (détaillés dans un prochain article) :
- Expression Web (design de sites web conformes aux standards)
- Expression Blend (conception d'applications riches)
- Expression Media (gestion du contenu multimédia)
- Expression Design (orienté graphisme vectoriel)

Parmi ces produits, la puissance de Blend m'a fait forte impression lors des démonstrations.

Les démonstrations Silverlight (retours d'expérience de sociétés françaises - session du matin) :

- Eurosport (présenté par Dick LANTIM) : une console sous forme de widget, qui combine vidéos et news en direct.

- Family show : une gestion d'arbre généalogique servant vraiment d'exemple à WPF.
Lien : http://ww.vertigo.com/familyshow.aspx

- Meetic : le site de rencontres offrira prochainement un messenger customisé (avec la possibilité d'appliquer des skins) et des fonctions de chat.

- Arpège : une gestion très visuelle d'une crèche (avec les fiches des enfants, les stocks en parallèle...). Une des démonstrations les plus solides.

- Reader kit : ce kit libre de droits offre une nouvelle façon de lire les articles sur internet et se rapproche plus de notre manière de lire les articles papiers, en tirant pleinement parti du vectoriel. Le New York Times et bientôt Le Monde l'utilisent.

- Yacast : une démo des possibilités vidéos de Silverlight.
Lien : http://www.yacast.fr/zapet

- Top banana : démo de playlist.

Dans de prochains articles :
- Retours sur la session ' Développez et optimisez vos sevices '
- Impressions sur Popfly
- Test de Expression Studio
- Photos de MIX07

Microsoft MIX07 Paris

2007-06-12T14:30:00.000+02:00

Microsoft est décidément sur le devant de la scène en cette période ! Entre Windows server 2008, Orcas, Silverlight et le nouveau Popfly on ne voit qu'eux !

Lien :

http://blogs.msdn.com/mixfr/default.aspx

Etant invité, j'attends avec impatience les démos de silverlight et de popfly, qui annoncent une nouvelle génération d'applications web, et une approche complètement nouvelle dans les développements.

Je tâcherais de vous faire un compte-rendu au plus tôt !

Microsoft lance Silverlight

2007-05-11T14:47:00.000+02:00

Microsoft lance Silverlight :

http://www.microsoft.com/silverlight/default.aspx

Cette API repose notamment sur XAML et .Net 3.0 (autrement il faut posséder au minimum un environnement Windows XP SP2). Les démos sont prometteuses et ça reste un produit à suivre.

Google Analytics nouvelle version

2007-05-11T14:34:00.000+02:00

Hier (10/05/2007), Google a mis en place des améliorations sur son outil d'audience Analytics.

La version précédente était déjà d'un excellent niveau, mais là on atteint des sommets en termes de présentation, avec des graphiques générés en flash et un aspect '2D' d'une grande lisibilité.

La concurrence a du retard à rattrapper !

Exemple :

Charts (xml + swf)

2007-02-08T14:51:00.000+01:00

Il existe aujourd'hui de nombreuses solutions pour générer des graphiques en flash à partir de données xml. Au vu de la présence du player flash sur les PC (98% des PC dans le monde ont au moins une version du player), cela apparaît comme un choix moins risqué que de générer des graphiques en svg (bien que le plug-in svg dépende aussi d'Adobe !).

L'une des plus efficaces d'entre elles est Fusion Charts, de Infosoft Global :

http://www.infosoftglobal.com/FusionCharts/

La version 3 améliore considérablement le rendu des graphiques qui ont un air de 'vista' :

Vitaligne (suite / part 2)

2007-01-22T11:11:00.000+01:00

Résumé

Pour rappel, vitaligne est un site d'e-commerce développé en IronPython à l'aide du framework Leebellul. Cet article propose le code du handler (la seule partie 'aspx') et le modèle de publication.

Handler :

Publication :
A partir d'une version locale de l'application, le contenu est publié vers un serveur IIS où un cache est généré. La base cache contient l'application et possède la même structure que la base locale.

Fabien Le Hoan.

Créer son blog et le personnaliser

2007-01-12T11:19:00.000+01:00

Après avoir découvert le site Lulu (http://www.lulu.com) qui permet de publier ses livres, j'ai testé le concept avec un ouvrage dédié à la création de blog et de personnalisation sous Blogger.

Le livre est disponible sous :

http://stores.lulu.com/f_lehoan

Pour commander l'ouvrage :

Résumé de l'ouvrage :

Aujourd’hui les français se passionnent pour le phénomène ‘blog’, que ce soit pour présenter son CV, son quartier, son association ou même dans un cadre professionnel.

Les blogs sont l’évolution des ‘pages personnelles’ qui ont fleuri dans la seconde moitié des années 90. Cette évolution permet aujourd’hui d’aboutir à un meilleur niveau de présentation et plus d’interactivité avec les visiteurs.

Parmi tous les sites permettant de créer son blog, ‘Blogger’ (de Google ) se démarque par sa gratuité, sa convivialité, son absence de publicité et son interface qui permet de personnaliser ses pages. L’autre ajout majeur de ‘Blogger’ est son interaction avec d’autres applications gratuites comme Picasa (de Google) pour publier vos photos en un clic ou Analytics (encore Google !) pour voir les statistiques de consultation de votre blog.

Cet ouvrage a pour but d’apprendre à créer rapidement son blog sous Blogger, à le personnaliser pour lui donner un look unique, et à se servir de la palette d’outils gratuits compatibles pour publier ses photos, connaître ses visiteurs et leur donner la possibilité d’être avertis de vos nouveaux articles.

Fabien Le Hoan.

Visual Studio Team System

2007-01-12T11:15:00.000+01:00

Visual Studio Team System

Cet article est un résumé des principales fonctions offertes par la dernière version de Visual Studio, la Team System, qui permet de centraliser différents outils nécessaires au développement.

Elle est décomposée en 4 déclinaisons :
- Architect, pour construire les schémas logiques des applications (Distributed System) et vérifier la compatibilité lors des déploiements (Logical DataCenter),
- - Developper, la version la plus proche du Visual Studio classique, mais qui intègre des fonctionnalités pour les tests unitaires,
- Tester, pour effectuer des tests web, des tests de montée en charge et des analyses dynamiques du code,
- DB pro, pour les administrateurs BDD.

La version Team suite regroupe les 3 premières versions (la version DB Pro est disponible en version Release mais elle est téléchargeable gratuitement sur la MSDN si l’on possède la version Team Suite).

A ces versions il faut ajouter Team Server Foundation (TFS), pour la partie serveur. TFS permet de faire du contrôle de source (anciennement Visual Source Safe), de gérer des portails pour les projets (en s’appuyant sur Sharepoint Services), de faire du reporting (avec Reporting Services, associé à SQL Server 2005 – qui est fourni en version développement), de gérer des work items (tâches), ou même de mettre à jour des plannings (MS Project 2003).

Dans cet environnement il est ainsi facile par exemple de paramétrer les règles de validation du code, d’assigner des tâches à des développeurs, de générer des rapports de test, de gérer des branches (pour du versionning ou des développements en parallèle) ou même de ‘mettre sur étagère’ son code (shelving).

Des outils annexes viennent améliorer certains aspects comme TFS Admin Tool pour administrer simultanément les droits sur TFS, WSS et Reporting Services ou Fiddler pour avoir une gestion plus fine des tests web.

A noter que le service pack 1 de Visual Studio et TFS est disponible (depuis le 15/12/06).

En savoir plus :

Des webcasts réalisés par Microsoft et Winwise permettent d’avoir une démonstration des concepts évoqués dans cet article (

http://www.microsoft.com).

Le site dédié aux projets de Microsoft, Codeplex, propose quelques téléchargements de plugs-ins et de power toys pour TFS (http://www.codeplex.com).

Vitaligne, a 99.99% IronPython website

2006-12-01T17:15:00.000+01:00

Abstract

Vitaligne (http://www.vitaligne.com) is a new e-business site build with 99.99 % IronPython scripts. It was made with the LeeBeLLuL framework. This article presents in a first part the structure of the application. The second part (next article) will present the administration interface (designed with Infopath 2003) and the components used (and the 0.01 % of ‘non-IronPython’ code !). Note that the database used is SQLite.

Résumé

Vitaligne est un nouveau site e-commerce contenant 99,99 % de scripts écrits en IronPython. Ce site a été réalisé avec le frameworl LeeBeLLuL. Cet article présente l’architecture de l’application de façon généraliste. La seconde partie abordera plus en détail l’administration du site (réalisée avec Infopath 2003) et les composants utilisés (ainsi que les 0.01 % de code ‘non-IronPython’). La base utilisée est SQLite.

Introduction

Le site propose des produits, gérés dans des formulaires (sous forme d’application RIA) où l’on associe des descriptions, des catégories, des associations avec d’autres produits, etc.

Aperçu d’un formulaire produit :

A ces formulaires sont associés des services (REST) et des templates de présentation (html + css).
Le site est actuellement hébergé dans un environnement windows server 2003 mais pourrait par exemple facilement êre migré sur Mono. En effet l’intégralité des scripts est en IronPython.

Aperçu de l’architecture (schéma simplifié) :

L’utilisateur se connecte à une page qui fait appel à un handler vers le moteur de l’application. Ce moteur accède de son côté à l’application et aux données !

Mon prochain article rentrera plus dans le détail du processus.

Fabien Le Hoan.

Introduction à Ruby on Rails

2006-11-30T11:45:00.000+01:00

Abstract

This post summarizes the main advantages of the RoR framework, and presents some differences with the LeeBeLLuL framework (described in my first post on this blog). For memory, LeeBeLLuL is a RIA framework based on rapid developpement applications, in iteratives cycles and involving final users from the beginning. Off course this type of framework is 'Web 2.0 ready' and include Ajax functions and scripting language (IronPython).

Résumé

Cet article résume les principaux avantages du framework RoR, ses limitations actuelles au niveau français et un comparatif avec le framework LeeBeLLuL (présenté dans mon premier article).

Introduction

RoR est la combinaison orientée applications web du langage Ruby et du framework open source Rails. Ruby est un pur langage de scripting orienté objet apparu au Japon au début des années 1990. Rails est un framework dans le but d’accroître la productivité des développements d’applications web tout en respectant le modèle MVC (Model View Controller) dans sa totalité.

Il existe aujourd’hui de très bon supports pour aborder RoR :
http://mordeletj.free.fr/RoR/synthese_RoR.pdf (une excellente synthèse en français)
http://www.railsfrance.org (le portail français de RoR)
http://www.rubyonrails.org/ (la bible RoR, d’où vous pourrez accéder à de très bons tutoriaux dont les fameux ‘Rolling with Ruby on Rails’ et ‘Four days on Rails’).

Avantages principaux

- Framework MVC (en natif)
- Open source
- Moins de code (= moins de maintenance).
- ‘Scaffolding’ (échaffaudage) : le framework permet d’effectuer un ensemble d’opérations CRUD (Create, Retrieve, Update, Delete) en une fois, pour éventuellement les compléter par la suite.
- Support des principales BDD .
- Adressage des URLs.
- Intégration des tests unitaires (génération d’actions et de composants testables).
- Mapping automatique (apport très important en terme de réduction de code !!).
- Règles de validation intégrées.
- Gestion des tempates (pour les vues).
- Intégration d’AJAX (bibliothèque Prototype pour l’instant).
- Fiabilité éprouvée (mise en place sur des sites à fort traffic aux Etats-Unis).

Quelques inconvénients (au niveau hexagonal) …

- L’hébergement (pas d’hébergeur français).
- Framework ‘jeune’ (manque de recul pour une DSI).
- Implantation laborieuse en France (très peu de SSII vendent du ‘RoR’).

Références

La référence incontournable de RoR est bien entendu 37signals, qui propose 5 applications développées avec RoR :

http://www.37signals.com

Mais d’autres sociétés commencent à s’implanter, à l’image de new bamboo :

http://new-bamboo.co.uk/

Quelques différences avec le framework LeeBeLLuL

La première différence se situe au niveau du langage de scripting : Ruby pour RoR et IronPython pour LeeBeLLuL. A noter qu’IronPython a été retenu par Microsoft et Ruby par IBM (.Net vs Java bis ?).

Au niveau de l’utilisation, ces 2 frameworks sont bien entendus RAD et MVC, mais la principale différence (et sans aborder les détails techniques) est qu’une application RoR se construit d’après le modèle de données et une application LeeBeLLuL se construit par l’IHM.

Les deux approches sont excellentes et in fine l’esprit ‘agile’ est respecté mais LeeBeLLuL me semble plus accessible, car la seule partie ‘technique’ de l’application est limité au codage des services (les données xml découlent directement de l’IHM).

Fabien Le Hoan.

Les différentes solutions web

2006-11-28T14:11:00.000+01:00

Les trois principales familles de solutions web sont aujourd'hui :

- Client léger

- RIA (Rich Internet Application)

- Client lourd

Chacune possède des avantages et des inconvénients. Leur choix dépend avant tout de la population visée. Par exemple dans un contexte strictement interne avec un parc informatique homogène, le client lourd peut tout à fait convenir. Pour des applications ouvertes à tous profils, il est préférable de limiter l'adhérence au poste de travail en optant pour du client léger. Quant aux RIA, elles peuvent être employées dans tous les cas de figure.

Ci-dessous un résumé des avantages et inconvénients selon quatre critères :

Au final, l'approche RIA est un bon compromis entre contraintes de déploiement et fonctionnalités. Au niveau du déploiement l'installation est limitée aux composants de présentation (par exemple le framework 2.0 dans le cadre d'applications utilisant des winforms).

LeeBeLLuL, un framework innovant

2006-11-27T12:11:00.001+01:00

Cet article propose une vue générale d’un framework associant performance et simplicité : LeeBeLLuL. Il sera complété ultérieurement par des exemples d’utilisation et de réalisation.

Bâtir une application avec une architecture MVC est aujourd’hui la norme. Toutefois les pré-requis sont considérables sur les plate-formes actuelles :

- Au niveau des ressources humaines il est fréquent d’avoir des collaborateurs dédiés aux IHM, aux couches métier et aux couches d’accès aux données. Ce sont des postes à haute technicité du fait de la multitude de langages et de frameworks à maîtriser.
- Au niveau de la couche logicielle, il est nécessaire d’acquérir des suites coûteuses, que soit au niveau des serveurs ou des postes de développement (pour .Net).
- Au niveau des sources du projet, on constate une multiplication du nombre de fichiers en fonction du nombre d’écrans utilisateurs. Il en résulte directement une charge de maintenance et de tests supplémentaires.
- Au niveau de la productivité des développements, le fait de compiler systématiquement sur des environnements gourmands en CPU ralentit chaque opération.

Ces critères ne sont pas neutres sur le budget informatique, particulièrement pour des petites entreprises ou des PME.

Le framework LeeBeLLuL prend le contre-pied des points précédents en misant sur une approche ‘Model Driven’. Ce concept repose sur la réusabilité des écrans et des services. En effet, la phase de design consomme habituellement une charge importante sur un projet, ainsi que l’enchaînement des écrans à prévoir. Quant aux traitements, ils reposent sur une multitude de classes. LeeBeLLuL propose de centraliser les données sur des IHM en xml et xsl, et de leur associer directement des services développés en scripting (avec IronPython), le tout dans un même environnement.

Type d’applications concernées :
- Informatique de gestion (approche formulaire)
- Sites ‘dynamiques’ (e-commerce, etc.)

Applications ‘Form Driven’

Pour les applications internes aux entreprises, où la saisie de données est importante, il est important de centraliser les données, d’une part afin de conserver le contexte utilisateur, d’autre part afin d’éviter l’utilisation abusive d’écrans qui nuit à la navigation.

LeeBeLLuL offre pour ce type d’applications la souplesse d’Infopath pour le design (Infopath 2003 – composant de MS Office 2003). En effet, l’interface d’Infopath est similaire à celle de Word, à la nuance près qu’il est possible d’insérer des zones extensibles. Une présentation plus détaillée de l’utilisation d’Infopath dans le framework LeeBeLLuL sera faite dans un article ultérieurement.

Il en résulte que les fichiers générés (les données en xml et les styles en xsl) sont intégrés directement dans l’application. L’étape suivante consiste à développer les services de traitement, et à les associer aux données. Ce type d'application, associé à l'utilisation de winforms du Framework 2.0 de Microsoft, est de type RIA (Rich Internet Application).

Les services se décomposent deux étapes : un service est appellé par un événement et il est définit par un script. L’appel utilise le protocole REST et le script est écrit en IronPython. Quant aux données, des connecteurs sont disponibles pour une large gamme de SGBD (SQL Server, Oracle, MySQL, SQLite…).

Sites ‘dynamiques’

Un prochain article illustrera les développements de sites dynamiques avec le framework.

---------------------------------------------------------------------------------

Avantages :

- Gain de temps sur la partie IHM
- (Beaucoup) Moins de code métier à développer
- Centralisation des données
- Fonctionnement offline/online
- Facile à déployer.

Références : le site de LeeBeLLuL est actuellement en cours de construction.