Le site ScriptSrc.net vous propose de récupérer la bonne ligne de code à insérer dans vos pages pour les principales librairies JavaScript et le tout en un seul clic. La plupart des scripts sont appelés sur les serveurs de Google (ce qui permet d’optimiser le temps de chargement) et sont bien évidemment proposés dans leur toute dernière version.

Les librairies disponibles sont :

• jQuery
• jQuery User Interface
• Chrome Frame
• swfObject
• MooTools
• YUI
• Ext JS
• Prototype
• Dojo
• Script.aculo.us

Vous n’allez pas vous servir de ScriptSrc.net tous les jours, je vous l’accorde. Mais j’ai beaucoup aimé sa mise en oeuvre très simple et efficace et l’idée de base.

Je découvre avec plaisir le travail de Luke Wroblewski, spécialiste en ergonomie et design d’applications. Parmi ces différents travaux, Luke a consolidé de nombreuses recherches sur les interactions tactiles (Touch Gesture) qui gagnent peu à peu notre quotidien via les smartphones et autres tablettes. Il a ainsi rédigé un guide complet sur toutes les actions tactiles possibles en essayant de normaliser les noms donnés à ces gestes (en anglais) : Tap, Drag, Flip, Press and Tap, etc.

Au delà de ce guide complet que vous trouverez ci-dessous, Luke a mis en ligne également plusieurs ressources sur le sujet comme :

• les tailles optimales pour les zones de clic
• les différents diagrammes sur les actions tactiles
• les parts de marché du tactile dans l’industrie

A noter également que tous les schémas et illustrations sont disponibles en version EPS, OmniGraffle ou encore Visio (super pratique pour les mockups !) sur cette page.

Le guide de référence des interactions tactiles

via

→ Découvrir le turorial

Depuis plusieurs mois déjà, les services web qui « décollent » sont rapidement confrontés à des problématiques de tenu de charges. Rançon du succès, coup médiatique ou simple pic de charge, il n’est pas toujours évident de maintenir une plate-forme Up & Running tout en assurant des développements en parallèle et une communication agressive sur un service web. De plus en plus de services web choisissent également de diffuser leur contenu ou services via des API ouvertes en incitant les développeurs à les utiliser. Dès lors, les problèmatiques de tenue charge deviennent doubles : ne pas dégrader sa propre plate-forme tout en assurant une qualité de service minimum pour l’ensemble des utilisateurs des autres services construit sur ces API.

Faire preuve de transparence

Beaucoup ont alors choisi de jouer à fond la carte de la transparence, d’assumer complètement ces problématiques de tenus charges et voire même de communiquer autour. Pour cela, on retrouve de plus en plus souvent des « pages de statut » (Status Page) qui informent les utilisateurs mais aussi les développeurs de l’état en temps réel du service web, des API ou des fonctionnalités mises à disposition. Simple blog minimaliste ou véritable tableau de bord, ces pages trouvent un intérêt doubles pour les startup ou services web qui les mettent en place. D’une part, ils trouvent ainsi un moyen de communiquer facilement et de manière contrôler en cas de « crise » à gérer. Ils maîtrisent ainsi complètement le message à faire passer et peuvent aisément répondre à des buzz négatifs. D’autre part, c’est également le moyen d’être complètement transparent avec ses utilisateurs, qui a avoué ses faiblesses…

Ne pas tomber dans l’erreur de l’autruche

D’autres, en revanche, résistent ou ne mettent en place ce genre de pages pour leur utilisateurs. Comme je le disais, que cela soit par peur de montrer ses faiblesses ou de diffuser un statut négatif, certains sites web préfèrent jouer le jeu de l’autruche et résoudre tant bien que mal sans communiquer autour. Malheureusement, le résultat est alors souvent bien pire avec un ressentit des utilisateurs ou de la communauté de développeurs mauvais ou dégradés lorsque ce genre de problèmes se reproduit encore et encore…

Ne pas négliger sa communauté non plus

Lorsque vous construisez un site web qui propose des services à ses utilisateurs ou qui expose des API à une communauté de développeurs, il est essentiel de faire preuve de transparence et de rester pro-actif dans la gestion des problèmes. D’un côté, la communauté se sent soutenue, trouve le moyen de comprendre ce qui se passe sur leur propre service qui est impacté et d’un autre côté, le service web mis en défaut communique simplement à un unique endroit et peut se concentre à résoudre le problème en question plus que de perdre du temps à communiquer autour. Gérer une crise est avant tout affaire de communication !

Les 7 règles à respecter pour construire une page de statut de ses services

Je reprends et traduis ici un très bon article trouvé sur le très bon TransparentUptime.com :

1. Vous devez afficher le statut en temps réel de chacun de vos services
2. Les informations doivent être à jour et correctes
3. Votre page de statut doit être facilement identifiable et trouvable par vos utilisateurs
4. En cas de problème, vous devez mettre à jour en temps réel le statut de l’incident
5. Mettez en place un historique
6. Prévoyez la possibilité de notifier vos utilisateurs d’un problème : Twitter, flux RSS ou email par exemples
7. Soyez précis dans la manière dont vous récupérez ces informations

Utilisez une solution Open Source pour créer votre page

Il existe aujourd’hui plusieurs produits vous facilitant la vie pour mettre en place une Status Page ou un tableau de bord pour vos services. Le plus connu et complet est certainement StashBoard. Cette solution Open Source vous fournit plusieurs outils pour se brancher à votre système pour monitorer et communiquer sur votre qualité de service et vos incidents éventuels. Autant se servir de ces outils et ne pas réinventer la roue…

Quelques exemples de Status Page

Finissons ce petit article par quelques exemples illustrés de pages de status assez célèbres.

Google

Google a assez longtemps avant de mettre en place une page de statut pour ces différents services. Celle-ci se présente sous la forme d’un tableau de bord et est accessible publiquement : http://www.google.com/appsstatus.

Status Page de Google

Twitter

Twitter a été par le passé très souvent confronté à des problèmes de charge et a donc souvent dû gérer des crises par rapport aux très nombreux utilisateurs de ces API. Sa page de statut est un Hub de communication très important pour la société et se présente sous la forme d’un blog minimaliste : http://status.twitter.com/.

Blog de statut de Twitter

Amazon

Tout le monde ne le sait pas mais Amazon propose de très nombreux services web pour les éditeurs et développeurs. Ces services sont là encore monitorés et présentés dasn un tableau de bord : http://status.aws.amazon.com/.

Tableau de bord de statut des services d'Amazon

Seesmic

Dans la même lignée que Twitter, Seesmic propose lui aussi un blog minimaliste pour communiquer sur la qualité de son service : http://status.seesmic.com/.

Mini-Blog de Seesmic

LiveJournal

LiveJournal, plate-forme de blogs, joue la carte de l’humour en confiant la communication sur le statut de son service à une chèvre Ninja ! Visible  là : http://status.livejournal.org/.

La chèvre ninja de LiveJournal !

Pourquoi ne pas aller encore plus loin !

Pour terminer, je finirai en citant l’exemple de la société CultureCode qui produit l’excellent outil de gestion de tâches Things. Cette société va encore plus loin dans l’utilisation et la communication de son quotidien en mettant en ligne une page listant les projets sur lesquels ils travaillent, qui y travaillent et quel est le statut à date de chacun des sujets. Au delà d’un design original, cette page pousse donc encore plus loin le concept pour le plus grand plaisir des fans de la société : http://culturedcode.com/status/.

CultureCode communique sur l'avancement de ses projets en interne

]]> http://aysoon.fr/startup-avez-vous-creer-votre-status-page-dashboard/feed 1 http://aysoon.fr/lun-des-robots-txt-les-plus-originaux-au-monde http://aysoon.fr/lun-des-robots-txt-les-plus-originaux-au-monde#comments Wed, 28 Jul 2010 19:45:09 +0000 Frédéric Cozic http://aysoon.fr/?p=42153 Pour ceux qui ne connaissent pas l’existence et le principe du fichier « robots.txt », sachez qu’il s’agit d’un simple fichier texte très fréquemment utilisé par les éditeurs de sites Internet pour indiquer aux moteurs de recherche ce qu’ils ont le droit d’indéxer (de référencer) et ce qu’ils doivent ignorer. Pratique pour cacher une nouvelle version ou empêcher le référencement de certaines zones privées.

Bon les geeks ou éditeurs de sites web apprécieront certainement plus la blague que les non initiés mais je ne pouvais pas m’empêcher de bloguer le fichier robots.txt qui actuellement utilisé par le célèbre site de musique en ligne Last.fm :

User-Agent: *

Disallow: /music?
Disallow: /widgets/radio?
Disallow: /show_ads.php

Disallow: /affiliate/
Disallow: /affiliate_redirect.php
Disallow: /affiliate_sendto.php
Disallow: /affiliatelink.php
Disallow: /campaignlink.php
Disallow: /delivery.php

Disallow: /music/+noredirect/

Disallow: /harming/humans
Disallow: /ignoring/human/orders
Disallow: /harm/to/self

Allow: /

C’est bien vrai qu’aujourd’hui il existe de plus en plus d’acronymes pour définir tous les éléments, process ou technologies dans ce milieu : B2B, BPO, CRM, EDM, etc. Cette carte est une très bonne initiative pour en comprendre le détail et les liens éventuels qui peuvent exister entre certains.

Sur cette carte, tout est regroupé selon quelques principes :

• Les lignes de métro constituent autant de sujets à adresser pour maîtriser l’évolution des SI des entreprises et administrations ;
• L’affectation des acronymes aux lignes introduit un premier niveau de compréhension du contenu ;
• Chacune des stations représente une solution, méthode ou technologie a priori pertinente à considérer, pour aborder un sujet donné.

Bref je vous invite à découvrir avec curiosité cette carte/présentation et la partager à ceux que ça peut intéresser : le PDF en taille réelle . Merci à Patrick Mahu pour me l’avoir partagé.

L’auteur, interactive designer et freelance de métier, nous propose ainsi tout un ensemble d’exemples concrets en AIR mais aussi des tutoriaux, de l’actualité et quelques ressources pratiques pour les développeurs. Le site est bien fait et met surtout en avant les différents applications AIR invitant les lecteurs à les notes ou à les commenter.

Deux applications ont particulièrement attiré mon attention :

• Finetune qui est un player audio en développement depuis les premières release de AIR et qui commence vraiment à proposer une expérience intéressant aux utilisateurs.
• WebKut qui est une application pour faire des captures d’écran très facilement avec des possibilités de ne captures que certaines parties de l’écran

Ce catalogue d’applications en ligne me fait beaucoup penser au catalogue d’applications en Flex lancé par Adobe il y a quelques mois. Dommage que comme celui-ci, freshAIRapps.com ne soit pas réalisé lui-même dans une technologie riche.

Bref ce site est une belle idée à suivre pour tout ceux qui s’intéressent aux technologies riches et plus particulièrement à AIR.

Grâce à la générosité de Yahoo, vous pouvez accéder via le site Yahoo Developper Network à une importante quantité de solutions clé en main et gratuites à pleins de problèmes fréquents en programmation. Mieux que cela, Yahoo vous apporte des extraits de code source en Ajax via Design Pattern Library ( drag and drop, requete htmlsans mise à jour de la page, transistions sympas)… Bref une vraie mine d’or où l’on peut apprendre beaucoup et gratuitement…

A noter que l’on trouve également de l’aide dans d’autres langages comme le PHP, le .NET ou même encore le très à la mode Ruby