« Les Mercredis du développement » Gestion de la navigation avancée Présenté par Nicolas Sorel MVP Fondateur du réseau CodeS-SourceS http://blogs.developpeur.org/Nix/ Cyril Durand MVS Etudiant, Admin et dev CodeS-SourceS http://blogs.developpeur.org/Cyril/ « Les Mercredis du développement » Gestion de la navigation avancée Level 200

+ 400 000 pages générées ( visites + moteur ) (Sans compter l’AJAX) CodeS-SourceS c’est : 18 sites 70 000 visiteurs quotidien 250 000 pages vues par jour + 400 000 pages générées ( visites + moteur ) (Sans compter l’AJAX) Beaucoup de pages envoyés, et sur chacune des pages il y a le menu d’où la nécessité d’avoir un menu ultra léger

Retour d’expérience Conception du menu CodeS-SourceS

Le menu de CodeS-SourceS devait être Simple d’utilisation LEGER !!! Compatible avec tous les navigateurs actuels Multi Niveaux ( 3 niveaux minimum ) Accessible pour les moteurs (Google … ) Facilement « skinable » Ca tombe bien .net 2 a en natif un control menu, on va l’utiliser mais on va vite se rendre compte qu’il ne convient pas du fait de sa lourdeur

demo Première Démo Différence entre les menus On montre la page ancien.aspx et nouveau.aspx qui correspondent respectivement à la version Ms du menu et la version CS du menu (via la dérivation de menu de Ms)

Soit environ 85 % de réduction Ou 25 Go d’économie par jour Taille du menu .net 2 : ≈ 73 ko Taille du menu CS : ≈ 10 ko Soit environ 85 % de réduction Ou 25 Go d’économie par jour Bilan sur les différentes versions. Avec 400 000 pages générés journalier, le surplus vaut 20Go de données inutiles !!!

demo Deuxième Démo Le menu coté client J’explique rapidement le html, puis j’explique le CSS de bases, pourquoi on doit rajouter du JavaScript pour IE, je montre une version joli du menu et aussi une version horizontal du menu.

Géré par un seul fichier XML Coté serveur Géré par un seul fichier XML Gestion du cache du menu (18 sites x 4 status) Menu géré de façon simple et rapide avec une application Faudrait que t’expliques que pour l’instant tu bosses avec des repeater / dataset & co, mais qu’il y a une version (non finalisé (je l’annoncerais sur mon blog quand ce sera fait)) qui est en cours de préparation

demo Troisième Démo Le menu coté serveur Dans la démo, tu montres comment fonctionne le menu, qu’il n’y a rien de compliqué, qu’on a dériver du menu ms récupérer son designer, et on écrit le rendu en surchargeant le render. Si tu veux je peux le faire ca.

Bilan Le menu fourni dans ASP.NET 2 est pratique et « passe-partout » mais n’était pas adapté aux besoin de CodeS-SourceS. Principalement parce qu’il génère trop de HTML. Il a donc fallut bosser un peu  Nous avons dérivé ce menu pour le rendre plus léger.

Des Questions ?

Ressources Tutoriaux sur le menu : http://www.aspfr.com/tutorial.aspx?ID=147 http://www.graphfr.com/code.aspx?id=32090 Une version ajax en .net1 est aussi dispo sur : http://www.aspfr.com/code.aspx?ID=34117