Avant de pouvoir vraiment apprendre à créer des widgets, il est préférable d’identifier le type de widget que vous essayez réellement de créer. Le terme «widget» couvre une grande variété d’applications, mais la définition de base est une application qui peut être installée et exploitée sur une page Web, sans autre compilation de code. Issue de la technique des bannières publicitaires, les widgets sont devenus plus populaires en raison à la fois de leur nature interactive et de la facilité avec laquelle ils peuvent se propager viralement.
Les widgets se trouvent dans de nombreuses grandes entreprises, telles que Microsoft, Yahoo et Apple. Les producteurs indépendants créent également des widgets pour diverses plateformes de réseaux sociaux telles que WordPress, Myspace et Facebook.
Apprendre à créer des widgets
Au début de la création de widgets, il fallait connaître plusieurs outils de codage différents, notamment DHTML, Javascript, PHP ou Flash. Aujourd’hui, vous pouvez toujours les créer vous-même à l’aide d’outils Web 2.0 tels que AJAX.
Développer les compétences nécessaires
Développer des connaissances sur les programmes de création graphique est également une bonne idée si vous souhaitez créer des interfaces utilisateur graphiques intéressantes et utiles. Les normes de l’industrie telles que Photoshop, Illustrator et Fireworks sont toutes utiles. Cela peut sembler un niveau de compétence décourageant à acquérir, et il est vrai que les meilleurs widgets sont créés à partir de zéro par des équipes, pas des individus. Il existe des sociétés qui travaillent exclusivement à la création de widgets, tels que Sprout, MuseStorm et Konfabulator (qui a ensuite été racheté par Yahoo).
Ordinateur Apple et widgets
L’ordinateur Apple a intégré des widgets dans l’ensemble du système d’exploitation de Tiger et Leopard, et afin d’encourager le développement, il a publié un kit de développement logiciel (SDK) ainsi que des tutoriels pour créer des widgets. Ces widgets nécessitent certaines connaissances en codage et ont un marché limité en raison de la plus petite part de marché d’Apple, mais de nombreuses compétences et techniques requises pour créer un widget sont utiles pour en créer d’autres. Les développeurs expérimentés ont généralement très peu de difficulté à porter du code d’une plateforme à une autre.
Apple divise également les widgets en trois catégories qui décrivent le développement de tous les widgets:
- Widgets accessoires – Totalement autonomes, ils ne nécessitent pas de connexion Internet ni aucune autre application sur l’ordinateur. Une horloge est un exemple de ce type de widget.
- Widgets d’application – Ces widgets utilisent une autre application, comme un carnet d’adresses ou un calendrier, pour une source et fournissent généralement des informations dans une interface simple.
- Widgets d’information – Conçus pour collecter des données sur Internet, ceux-ci afficheront les cours des actions, les meilleures listes de musique ou d’autres éléments du Web. Ces widgets ne fonctionneront pas sauf s’il existe une connexion active de l’ordinateur à Internet.
Des moyens plus simples de créer des widgets
Plusieurs des plus grandes entreprises, en particulier Microsoft et Yahoo, ont également créé des environnements de développement en ligne entiers, ce qui facilite la création de widgets sans aucun codage nécessaire. Au lieu de cela, les utilisateurs reçoivent des interfaces graphiques sur le Web avec des outils configurables, ainsi que des leçons sur la création de widgets.
Popfly de Microsoft
L’environnement « Popfly » de Microsoft en est un bon exemple et, d’une certaine manière, l’environnement mis en place pour aider à apprendre à créer des widgets est un gros widget en lui-même. Le site fournit non seulement les outils et les didacticiels pour créer le widget, mais il donne également de nombreux exemples d’autres widgets créés par les utilisateurs. Certains exemples incluent des jeux, des applications professionnelles et des widgets spécifiques à un emplacement tels que « Seattle Traffic Widget ».
Applications Widget Web 2.0
Beaucoup de ces widgets s’appuient sur les applications Web 2.0 qui sont devenues omniprésentes sur de nombreux ordinateurs de bureau, tels que Google Maps ou Twitter. Pour le widget de trafic de Seattle mentionné ci-dessus, par exemple, une combinaison de Google Maps, Flickr et les techniques de syndication RSS sont combinées dans l’environnement Popfly pour créer le widget, qui peut être monté dans une page Web ou utilisé de manière autonome dans le Environnement de widget Windows ou Macintosh.
Mots finaux
La création d’un widget est assez simple en termes de code lui-même. Tout le monde peut le faire. Par conséquent, la partie la plus importante sera de déterminer ce que fera votre widget et comment le présenter. Cela l’aidera à se démarquer des milliers disponibles et à assurer le succès de votre propre widget.
.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !