Blog

Orchard Harvest 2012 Sessions : Day 2

Wed, 26 Sep 2012 11:41:14 GMT

Voici les résumés de quelques sessions qui se sont déroulées le Dimanche 9 Septembre 2012, lors du 2ème jour de la conférence Orchard Harvest.

Case Study - Media Garden

11:00 am - 11:45 am : Pete Hurst

Pete nous a fait une démonstration d’un site utilisant le module Media Garden :http://orchardmediagarden.codeplex.com/

Il gère grâce à celui-ci différents type de médias (Vidéos, Audio, Images) et des fonctionnalités comme le redimensionnement de vignettes ou le streaming de vidéos.

Projections

14:00 am - 14:45 am : Bertrand Leroy (@bleroy)

Bertrand nous a fait des démonstrations du module de Projector qui donne la possibilité de faire des requêtes sur les éléments de contenus, d’y appliquer des filtres sur les données et de les afficher avec une certaine disposition (layout).

Il a ainsi expliqué les notions de liaisons (Bindings) qui permet d’ajouter des propriétés de pièces et des champs existants à celles déjà existantes afin d’enrichir la liste de filtres à disposition.

Certains layouts proposent aussi de paramétrer une liste de propriétés avec des options spécifiques qui agissent sur leur rendu.au moment de l’affichage.

Cette personnalisation des propriétés passe parfois par l’utilisation des tokens qui vous aident à formater les chaînes affichées et à faire appel à des sorte de balises, similaires aux short codes qu’on retrouve dans WordPress.

Search engine optimization

3:00 pm - 3:45 pm : Zoltán Lehóczky (Orchard Project Hungary)

Zoltán nous a donné quelques conseils concernant la SEO (optimisation du référencement pour les moteurs de recherche).

Il rappelle que pour mesurer le traffic, il est toujours intéressant d’insérer un script d’Analytics ainsi que les metas qui permettent à des services comme Web Master Tools d’analyser les visites sur le site.

La structure des contenus a également un impact sur les moteurs de recherche.

La configuration d’un fichier Robots.txt aide à spécifier la façon de parcourir les pages du site.

Des urls conviviales (obtenus à l’aide du module Autoroute) peuvent aussi améliorer le référencement.

Un fichier .sitemap permettra quant à lui d’indiquer au moteur d’exploration quelles urls il doit parcourir en priorité et y revenir régulièrement.

Enfin, les balises méta de Keywords et de Description restent encore le meilleur moyen de paramétrer les informations à afficher dans les résultats de recherche.

Quelques démos ont ainsi été présentées pour montrer le fonctionnement du module OneStop.SEO qui permet de gérer facilement ces balises. Il devrait être mis à disposition prochainement dans la galerie de modules Orchard.

Migrating a website to Orchard

4:00 pm - 4:30 pm : Benedek Farkas (@FarkasBenedek)

Benedek a présenté la façon de migrer un site WordPress vers Orchard, qu’il s’agisse de l’import des articles existants ou de la création d’un thème Orchard à partir d’un thème WordPress.

Une des solutions d’import est d’ude passer par le format BlogML. Pour cela, vous pouvez vous aider de l’outil WPBlogML (http://wpblogml.codeplex.com/). Il vous permettra d’exporter des portions ou la totalité des posts de votre blog WordPress.

Il vous suffit ensuite d’utiliser le module Orchard Import Export Module for external schemas de Nicholas Mayne (@NicholasMayne) pour importer les posts.

Il est également possible d’adapter des thèmes WordPress afin d’obtenir un design similaire dans Orchard.

Un exemple de thème migré vers Orchard est celui de TheJournalist, adapté par Sébastien Ros et Lucian E. Marin.

Ces sessions étaient donc très intéressantes et sur des sujets très variés associés à des fonctionnalités disponibles dans Orchard, ce qui montre bien l'étendue des possibilités de ce CMS.

Si vous avez des questions, n’héistez pas à poster un commentaire.

Orchard Harvest 2012 : Performance

Fri, 21 Sep 2012 12:09:00 GMT

Dimanche 9 Septembre, 11:45 am - 12:30 pm

Speaker : Sébastien Ros (@sebastienros)

Cette session avait pour objectif de présenter les fonctionnalités liées à l’amélioration des performances d’un site Orchard.

Performances d’un site

Il faut tout d’abord bien comprendre que l’utilisation moyenne d’un site (en nombre de visites et de pages) peut être très différente en fonction des pics d’utilisation qui peuvent intervenir à certaines périodes (et qu’ils soient prévus ou inattendus).

C’est pourquoi il faut que votre environnement soit élastique et puisse s’adapter à ce genre de baisses ou de montées d’activité du site.

L’indicateur principal sur lequel se base le visiteur pour déterminer si la navigation dans un site est performante, est le temps moyen de chargement des pages (et plus particulièrement le temps de chargement ressenti).

Scalabilité d’un site

La scalabilité est justement le terme qui désigne la capacité de votre site à s’adapter à une augmentation du flux de visiteurs.

Pour présenter les choses simplement, il y a 2 façons dont la charge peut être supportée :

La charge serveur (verticale) : on fait évoluer le serveur pour supporter la montée en charge (Mémoire, CPU, …).
Le nombre de serveurs (horizontale) : on ajoute des serveurs (ex : ferme de serveurs, cloud computing) pour répartir la charge.

L’augmentation de la charge a des impacts à plusieurs points clés :

L’utilisation de la mémoire et du processeur: le processus qui exécute le site web est mis à contribution en fonction du nombre d’appels de pages.

La base de données : Les requêtes vers les tables permettent de récupérer les contenus stockées, les paramètres du site ou les définitions des types de contenus.

Un élément important à ne pas négliger concerne le temps de démarrage du site (après un redémarrage par exemple, voulu ou non). Sur ce point, un des atouts d’Orchard est de proposer un module Warmup qui fait en sorte de stocker des versions des pages importantes (qu”on spécifie), ce qui permet de les afficher plus rapidement lors d’un redémarrage.

Mesures des performances

Il existe de nombreux outils qui peuvent vous aider à mesurer les performances :

Visual Studio performance Tools
Mini profiler : un module qui vous liste les temps d’appels de chauqe méthode.
Web Capacity Analysis Tool (WCAT) : un outil simple pour faire des requêtes Http (Voir Orchard.Profile et le fichier Go.cmd)

Un test encore plus basique est d’utiliser l’outil de développement Web de votre navigateur qui fournit souvent un onglet pour afficher le temps de chargement de chaque fichier. En regardant les résultats renvoyés, on peut déterminer quelles ressources prennent le plus de temps en fonction de leur taille ou de leur délai de livraison. Il distingue aussi parfois le temps de chargement ressenti (zone rouge pour montrer à partir de quelle moment la page est consultable).

Pour une navigation agréable dans le site, il est conseiloé que ce temps de chargement de page ressenti ne soit pas supérieur à 600 ms.

Il existe des services similaires en ligne, comme gtmetrix qui utilise les recommandations de YSlow ou Page Speed pour analyser les pages de votre site et vous conseiller des améliorations. C’est d’autant plus important quand on sait que les moteurs de recherche peuvent aussi prendre en compte ce temps de chargement dans le référencement et donc le positionnement du site dans les résultats de recherche.

Amélioration des performances

Les développeurs Orchard essaient toujours de garder à l’esprit que de bonnes performances sont un pré-requis important dans l’utilisation d’un CMS.

C’est pourquoi ils essaient continuellement d’améliorer ces performances là où c’est nécessaire ou de proposer des fonctionnalités qui permettent d’accélérer la consultation des pages ou la charge du serveur.

Cela passe parfois par des optimisations de requêtes en base de données (ex : utilisation de GetMany(), …).

La notion de mise en cache (Caching) est aussi un élément central pour diminuer le nombre de requêtes.

Il existe plusieurs niveaux et mécanismes de cache :

Application Caching : En implémentant ICacheManager, on a ensuite la possibilité d’utiliser la classe Signal pour gérer des objets en cache.
Static Caching : avec le module Contrib.Cache, il est assez simple d’activer et de mettre en mémoire des éléments de contenus.
Reverse proxy caching : avec IIS, Application Request Routing (ARR) qui améliore les performances pour distribuer du contenu ou des ressources statiques

Comme vous le voyez, l’amélioration des performances peut se faire à plusieurs niveaux. Un site performant et qui supporte les montées en charge peut faire la différence dans la manière dont les visiteurs l’adoptent et le parcourent.

Si vous avez des questions concernant Orchard et les performances, n’hésitez pas à poster un commentaire.

Orchard Harvest 2012 : Theming

Wed, 19 Sep 2012 12:20:00 GMT

Dimanche 9 Septembre, 10:00 am - 10:45 am

Speaker : Sébastien Ros (@sebastienros)

Cette session avait pour objectif de présenter les bases de la création de thèmes pour Orchard.

Successful web sites = Design + Content + Performance

Le premier principe a avoir à l’esprit est qu’un site efficace repose sur 3 ingrédients :

Un Design convivial et ergonomique.
Des Contenus pertinents et bien structurés.
Des Performances qui permettent de supporter la charge des visites.

La philosophie de développement dans Orchard est d’essayer de respecter le plus possible ces prérogatives, notamment lorsqu’il s’agit de la gestion des thèmes et de l’interface utilisateur.

Des captures d’écran de sites existants nous ont rappelé à quel point une interface graphique inadaptée (couleurs criardes, surcharge des contenus, gifs animés, …) peut desservir le contenu du site.

Plusieurs sites se sont ainsi déjà lancés dans la création de thèmes Orchard, parmi lesquels :

Bind Tuning (qui a été un des premiers à proposer des thèmes personnalisés pour Orchard)
Orchard Prime (qui a réalisé le design du site http://harvest.orchardproject.net/)

Thèmes Orchard

Parmi les avantages des thèmes développés pour Orchard, on peut voir qu’ils sont :

Tailored (adaptés sur mesure aux contenus)
Framework based (reposent sur une plateforme solide)
Platform oriented (utilisent de nombreux outils et aides pour personnaliser au mieux le design)

Pour rappel, un thème se compose des éléments suivants :

Un fichier Manifest qui décrit ses informations globales.
Des ressources graphiques (css, images, scripts)
Un fichier placement.info qui spécifie le positionnement des shapes.

Il peut également hériter d’un thème parent pour bénéficier des éléments de base, tout en permettant de le personnaliser.

Shape tracing

Concernant les aides à la personnalisation, le module de ‘Shape Tracing’ active une fenêtre en base des pages similaire à l’outil de développement Web de votre navigateur (ex : Firebug) et vous permet de sélectionner les éléments dans la hiérarchie des contenus, qu’il s’agisse de zones, de listes de contenus ou même de pièces ou de champs.

Il est très utile pour comprendre le fonctionnement des Shapes et la façon dont sont reliés les modèles de données et leur templates d’affichages.

Shapes

La définition d’une shape est la suivante :

A dynamic object which carries a hierarchy of data representing what will be rendered on the targeted medium

Une traduction simpliste pourrait être : Un objet dynamic (au sens C# du terme) qui transporte une hiérarchie de données représentant ce qui sera affiché sur le média cible.

Durant le reste de la présentation, des exemples de code ont ensuite été mis en oeuvre afin d’expliquer le fonctionnement des Shapes dans les Views et les différentes façons de les afficher et de tirer parti des nombreuses classes et méthodes d’aide à l’affichage des shapes.

Il y aurait beaucoup de choses à expliquer à propos des Shapes. ça fera peut-être l’ojet d’un futur article.

Les choix que vous faîtes en choisissant un thème graphique pour votre site sont très importants pour sa réussite.
La création de thèmes dans un CMS doit être à la fois flexible et performante.

Dans Orchard, ils vous permettent de réaliser des designs très avancés et de les personnaliser de manière simple et efficace.

Si vous avez des questions sur les thèmes dans Orchard, n’hésitez pas à poster un commentaire.

Orchard Harvest 2012 : Managing a community

Tue, 18 Sep 2012 11:50:00 GMT

Dimanche 9 Septembre, 9:00 am - 9:45 am, Speakers : Erik Shultz (@erikoutercurve) - Arra Derderian (@arraderderian)

Outercurve Foundation

Erik Shultz, Developer advocate chez Outercurve, nous a présenté la mission de cette fondation qui se trouve derrière de nombreux projets open source comme CodePlex. Il a également parlé de la Free Software Foundationdon’t le but est de promouvoir les logiciels libres ainsi que des exemples de Corporate Projects comme MySql.

Il en a profité pour rappeler les rôles que peuvent avoir les contrivbuteurs dans ce genre de projets :

Utilisateurs
Contributeurs
Committers
Project Leaders

Erik a rédigé un résumé des sessions auxquelles il a assisté pendant la conférence : http://www.outercurve.org/Blogs/EntryId/64/Orchard-Harvest-Eric-Schultz.

Boston Orchard User Group

Arra Derderian est à l’origine du groupe utilisateur Orchard de Boston : http://orchardcmsboston.org/.

Il nous a détaillé la façon don’t ils organisent des meetings réguliers. Ils utilisent notamment le site MeetUp : http://www.meetup.com/Boston-Orchard-CMS-User-Group/.

Le modèle Open Source et les communautés d’utilisateurs et de développeurs sont 2 moteurs importants de l’évolution d’Orchard.

Orchard Harvest 2012 : Sessions Day 1

Mon, 17 Sep 2012 12:16:00 GMT

Voici un résumé des autres sessions qui ont eu lieu le premier jour de la conférence Orchard Havrest 2012, le Samedi 8 Septembre.

Module development

2 pm - 3:30 pm, Speaker : Sipke Schoorstra (@sfmskywalker)

Sipke, membre du comité de pilotage d’Orchard, nous a fait un tour d’horizon des différentes API utilisables par les développeurs pour créer leurs modules.

Il s’agissait donc essentiellement d’exemple de code pour implémenter des fonctionnalités comme un formulaire de contact, des notifications ou des filters.

Localization

3:45 pm - 4:30 pm, Speaker : Piotr Szmyd (@pszmyd, Proligence)

Piotr, un autre membre du comité Orchard, nous a présenté les multiples façons de localiser un site Orchard.

Il a expliqué les différences entre la localisation (traduire des ressources) et l’internationnalisation (appliquer une culture à un site) et le fonctionnement du Localizer (et du mot clé T(“…”) qu’on utilise dans les views et les classes).

La gestion de toutes les cultures existantes et des ressources localisées pour Orchard peuvent être récupérées (et administrées) depuis le site http://orchardproject.net/localize.

Plusieurs modules peuvent vous aider à gérer vos contenus localisées et les langues de votre site :

Q42.DbTranslations
Orchard.CulturePicker
Vitus.Localization

Enfin, il nous a donné un exemple de chargement de la culture en récupérant la langue par défaut du navigateur en se basant sur l’attribut ‘Accept-Language’.

Panel

5 pm - 5:45 pm, Intervenants : Sébastien Ros, Bertrand Le Roy, Sipke Schoorstra, Piotr Szmyd

Pour terminer la journée, les membres du comité présents ont répondu à des questions ouvertes de la part participants dans la salle :

Comment Orchard a démarré ?
Comment bien commencer avec Orchard ?
Peut-on facilement construire une Business Line Application ?
Est-ce qu’il existe une fonctionnalité similaire aux short codes de WordPress ?
Peut-on vraiment construire un site Orchard à l’aide de Web Matrix ?
Quels sont les mécanismes de Cache utilisables ?
Est-ce que le module Multi-tenants est une bonne réponse pour gérer des sites multi-clients ?

Ces questions mériteraient à elles seules un article chacune. Si vous aussi vous avez des questions, n’hésitez pas à laisser un commentaire.

Bref, il est toujours intéressant d’assister à des sessions présentées par les développeurs qui utilisent au quotidien et font évoluer en permanence la plateforme Orchard.

Orchard Harvest 2012 Sessions : Ecommerce

Sun, 16 Sep 2012 16:59:00 GMT

Samedi 8 Septembre, 11h – 11h45.

Speakers : Bertrand Le Roy (@bleroy, Director of creativity Nwazet), Brett Morrison (@morrisonbrett, CIO de OneStop Internet)

Nwazet

Bertrand Le Roy nous a donné un aperçu des différentes solutions possibles pour mettre en place un site Ecommerce avec Orchard :

Google Checkout
Amazon
Square
Magelia
Nwazet commerce

La partie la plus simple est celle du panier mais ensuite, c’est là que les choses se compliquent, lorsqu’on commence à devoir implémenter les paiements, les expéditions, les stocks et toutes les régles métiers car aucun site Ecommerce ne se ressemble et il y a toujours des scénarios différents à implémenter.

Il nous a exposé le cas concret de son site Nwazet qui commercialise du open hardware et software en proposant une multitude de modules et de kits qui vous permettent de créer votre propre ‘micro ordinateur‘. Avec Orchard, il est ainsi possible de faire évoluer ces produits en les regroupants dans des bundles ou en ajoutant des galleries d’images.

OneStop

Brett Morrison nous a quant à lui parlé de la façon dont ils utilisent Orchard depuis maintenant 2 ans et comment ils ont fait le choix de ce CMS depuis le tout début afin de s’en servir pour leurs sites Web Frontaux, tout en gardant un catalogue, une prise de commande et une administration Ecommerce en WebForms, grâce à des répertoires virtuels et un mécanisme de redirections.

Ils ont aussi fait appel à de nombreux développeurs Orchard talentueux, dont certains membres du comité de pilotage pour réaliser des modules et ainsi répondre aux demandes des clients. Dans sa volonté de participer à l’évolution d’Orchard, certains de ces modules vont d’ailleurs bientôt être mis à disposition pour toute la communauté, via la galerie de module Orchard.

Bref, on voit que des sites web existants utilisent déjà Orchard en tant que solution pour leur Front Ecommerce.

De nombreux scénarios sont encore à implémenter mais Orchard et ses modules Ecommerce se positionne comme une alternative viable pour ce genre de sites.

Si vous avez des questions, n’hésitez pas à laisser un commentaire.

Orchard Harvest 2012 Sessions : The future of Orchard

Sat, 15 Sep 2012 18:14:00 GMT

Samedi 8 Septembre, 10h – 10h45.

Speaker : Sébastien Ros.

L’objectif de cette session était d’avoir un aperçu des futures fonctionnalités implémentées dans les prochaines versions d’Orchard.

Fonctionnalités les plus attendues

Un moyen simple de voir les fonctionnalités les plus demandées est de parcourir le site http://orchard.uservoice.comsur lequel on peut proposer des idées et voter pour celles qu’on souhaite en priorité.

Voici donc de possibles axes de développements pour des modules qui sont encore à réaliser :

Workflow : Mécanisme de validation et d’état : Draft => Review => Published
Deploiement : Gérer la synchronisation des contenus entre les différents environnement : Développement, Recette / Staging, Production.
Layers : ‘Placed Content Part’ pour plus facilement disposer des éléments dans une page.
Calendar / Events : ‘Event Part’ avec une date de début et de fin, ‘Projection Layout’ pour afficher les dates et évènements dans un calendrier (Mois, Semaine, Jour, …)
Shapes : ‘Code editor’ pour rendre les shapes un peu plus dynamiques et éditables.

Contributions des développeurs

Sébastien en a profité pour rappeler les étapes qui mène à la création de modules :

Discussion : Dans le forum, les réseaux sociaux ou par mail pour faire part d’une idée.
Design : Pour définir les grandes lignes et l’objectif du module
Implémentation : pour le développement

Il a ainsi donné des exemples de contributions très concluantes qui ont conduit au développement de modules comme Autoroute (Gestion des urls dynamiques) ou Content items permissions avec l’aide de personnes se trouvant à l’autre bout du monde (Angleterre, Nouvelle Zélande, …)

Démos de modules

Dans le même genre d’idées, un module Scheduler a récemment était publié sur la galerie : http://gallery.orchardproject.net/List/Modules/Orchard.Module.Orchard.Scheduler/1.5.4

Il permet de planifier des actions en utilisant le moteur de Rules (Règles qui réagissent à des évènements) et TaskLease (exécution de tâches en arrière plan).

Gestion des médias

Une des grandes évolutions attendues à partir de la version 1.7 (la 1.6 n’étant essentiellement qu’une mise à jour de librairies importantes comme ASP.NET MVC 4, Web API, NHibernate 3.3 ainsi que des corrections de bugs) sera la nouvelle gestion des médias.

Un des développements en cours s’appelle le Media Processing qui va permettre d’appliquer des filtres sur des images.

Voici des exemples de filtres qui peuvent être regroupés dans des Profiles (= série de filtres identifiée par un nom) :

Thumbnail : Resize, Crop = redimensionner une image
Image Format : changer le format de l’image source
CDN : faire pointer vers un Content Delivery Network

Les filtres à disposition sont de plus extensibles et peuvent être développés depuis d’autres modules pour enrichir les existants.

Des évolutions viseront également à améliorer les performances et la gestion des contenus (versionning, …).

Document databases

Orchard permet déjà de stocker ses données dans des bases Sql Server, Sql Compact et bientôt MySql.

Une réflexion est évoquée en parallèle afin de permettre de supporter des bases NoSql qui seraient très appropriées pour indexer les types de contenus présents dans Orchard.

Etant donné que des moteurs comme MongoDb (Non transactionnel) ou RavenDb (payant) ne s’avèrent pas être des alternatives qui répondent à toutes les attentes, une des pistes serait d’utiliser YesSql, un moteur de base de données documentaire pouvant se servir de n’importe quelle base de données relationnelle.

Bref, il y a encore de futures fonctionnalités très intéressantes à développer pour Orchard.
N’hésitez pas à rejoindre le projet Orchard et à participer pour contribuer à son évolution.

Orchard Harvest 2012 : Keynote

Sat, 08 Sep 2012 23:03:00 GMT

Ce week end (8 et 9 Septembre 2012), j’ai eu la chance de participer à la première conférence organisée autour d’Orchard, le CMS .NET Open Source communautaire : Orchard Harvest 2012

La conférence s’est déroulée à Santa Monica en Californie à l’hôtel Double Trees Hilton.

Voici un aperçu des thèmes qui ont été abordés lors du keynote :

Speakers : Bertrand Le Roy (Nwazet), Sébastien Ros (Microsoft), Ylan Kunstler (OneStop)

Remerciements aux sponsors : Microsoft, OuterCurve, OneStop, Nwazet

Quelques chiffres pour comprendre ce que Orchard représente aujourd’hui :

12 releases depuis 0.1 jusqu'à 1.5.1
425 modules et thèmes
2,500,000 downloads
2000 bugs fermés
50 000 messages sur le forum, 650 questions sur Stackoverflow
8 pays avec des communautés

Quelques sites qui utilisent Orchard :

Amc theatres
Spyoptic
Qualnomics
ShowOrchard : lancé aujourd’hui

Annonce de contributions de plusieurs modules pour la galerie de la part de OneStop.

Fonctionnalités qui seront implémentées dans Orchard pour la prochaine version 1.6 :

Amélioration des performances
Visual Studio 2012
Support de base de données MySql
ASP.NET MVC 4 et WebApi
Database caching

Démos de futures modules et fonctionnalités (1.x) :

SysCache

MiniProfiler

WebAPI

Console CodeGen module
Custom ApiController

Orchard Project Fr

Tue, 13 Mar 2012 17:06:41 GMT

A propos du projet Orchard

Orchard est un projet gratuit, open source, communautaire dont le but est de délivrer des applications et des composants réutilisables sur la platforme ASP.NET.

Visiter le site dédié à la communauté Orchard francophone : orchardproject.fr

Hello world

Tue, 01 Feb 2011 11:52:26 GMT

Je m'appelle Antoine Griffard.

Je suis développeur .NET, je développe des applications avec la technologie Microsoft .NET et principalement des sites web avec le Framework ASP.NET.

Je travaille pour la société Wygwam, un bureau d'expertise technologique spécialisée dans le conseil, le développement et la formation.

J'ai décidé d'ouvrir ce site afin de partager mes compétences, mes intérêts et mes passions.