« Web widget » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 27 : Ligne 27 :
=== Utiser des widgets  ===
=== Utiser des widgets  ===


Basically, an end-user has several choices (depending on the technology)
Il existe plusieurs choix.<br>


;Récuperer le code source à insérer du site qui offre le widget Get a widget insertion code from a widget site
;Récupérer le code source à insérer du site qui offre le widget


*Sur ces sites il y a souvent une option "obtenir le code source" qui affichera un bout de code JavaScript à insérer dans une page web,un blog, un webtop, etc. Malheureusement il n'est pas facile de trouver des widgets intéressants aux éducateurs, car la plupart des widgets offrent des contenus spécifiques ou des jeux.
*Sur ces sites il y a souvent une option "obtenir le code source" qui affichera un bout de code JavaScript à insérer dans une page web,un blog, un webtop, etc. Malheureusement il n'est pas facile de trouver des widgets intéressants aux éducateurs, car la plupart des widgets offrent des contenus spécifiques ou des jeux.
Ligne 35 : Ligne 35 :
*Quelques sites ont des boutons qui permettent d'''ajouter'' un widget à votre bureau (e.g. MS Live), votre gestionnaire [[Extensions du bureau|extensions du bureau]] ([[Yahoo widgets]], [[Google desktop]], Dashboard, etc.), votre [[Webtop]] ([[Netvibes]], [[IGoogle]], [[Pageflakes]], etc.), ou votre [[Plateforme sociale]] (MySpace, Blogger, etc.).
*Quelques sites ont des boutons qui permettent d'''ajouter'' un widget à votre bureau (e.g. MS Live), votre gestionnaire [[Extensions du bureau|extensions du bureau]] ([[Yahoo widgets]], [[Google desktop]], Dashboard, etc.), votre [[Webtop]] ([[Netvibes]], [[IGoogle]], [[Pageflakes]], etc.), ou votre [[Plateforme sociale]] (MySpace, Blogger, etc.).


;Utiliser un agrégateur de widgets (mashup maker). Voir [[Webtop]], [[Environnement d'apprentissage personnel]].
;Utiliser un agrégateur de widgets (mashup maker).  
Voir [[Webtop]], [[Environnement d'apprentissage personnel]].


Les [[Plateforme sociale|plateformes sociales]] intègrent de plus en plus l'insertion des services personnalisés et des widgets spécialisés.
Les [[Plateforme sociale|plateformes sociales]] intègrent de plus en plus l'insertion des services personnalisés et des widgets spécialisés.

Version du 10 mai 2009 à 17:50

Cet article est une ébauche à compléter. Une ébauche est une entrée ayant un contenu (très) maigre et qui a donc besoin d'un auteur.

Introduction

Cette article est largement une adaptation de l'article edutechwiki http://edutechwiki.unige.ch/ en anglais.

Un web widget est un bout de code portable qui peut être installé et configuré par un utilisateur dans une simple page HTML ou dans une application comme un Webtop ou encore dans une Plateforme sociale. Autres appellations pour un web widget sont gadget, module, capsule, snippet et flake.(Web widget, Wikipedia, retrieved 19:58, 14 May 2007 (MEST)).

Description et intérêt

Un web widget est un bout de code qui peut être inséré dans un agrégateur de services web (page HTML, webtops, extensions du bureau, plateformes sociales, Environnement d'apprentissage personnel, etc), qui fait un mélange (mashup) des différents service pour en créer un nouveau service.

Architecture et fonctions

Les web widgets sont souvent dépendants d'un serveur qui livre les contenus des services tiers (RSS, Rich internet applications) à travers un API qui permet d'afficher les contenus d'une source dans un autre. Les web widgets sont largement composés du HTML ou XHTML, CSS et JavaScript. Les widgets qui simplement livre des contenus sont très populaires, p. ex. à 19:58, 14 May 2007 (MEST) Google gadgets compte plus de 6000, Widgetbox plus de 10000 et à 17:20, 8 mai 2009 (MEST)Yahoo widgets plus de 4000.

Les web widgets existent souvent comme parti des extension du bureau ou sont convertible d'un web widget à une extension de bureau (avec p. ex. Yahoo Widget Converter.

Ceci offre l'option à l'utilisateur d'utiliser un widget dans l'environnement, la plateforme et le support (ordinateur, appareil mobile, PDA, etc.) qui leur convient. Les widgets sont souvent disponibles

  • à étre insérés dans un Webtop (via des fonctions drag/drop ou en cliquant les options)
  • à étre insérés comme code dans un Webtop ou un blog
  • à étre insérés comme code dans une page HTML

Exemples d'applications et d'utilisation

Utiser des widgets

Il existe plusieurs choix.

Récupérer le code source à insérer du site qui offre le widget
  • Sur ces sites il y a souvent une option "obtenir le code source" qui affichera un bout de code JavaScript à insérer dans une page web,un blog, un webtop, etc. Malheureusement il n'est pas facile de trouver des widgets intéressants aux éducateurs, car la plupart des widgets offrent des contenus spécifiques ou des jeux.
Utiliser un agrégateur de widgets (mashup maker).

Voir Webtop, Environnement d'apprentissage personnel.

Les plateformes sociales intègrent de plus en plus l'insertion des services personnalisés et des widgets spécialisés.

Comment créer son propre widget

Ceci est pour ceux qui ont un peu de connaissances en HTML/XML/JS knowledge. Web Widgets utilisent souvent (mais pas toujours) les langages de programmation Adobe Flash ou JavaScript. Le code source d'un widget en soi et souvent court et connecte à une application de serveur.

Plusieurs services offre des kits de création de widget. Quelques exemples :

  • Widgetbox permet de créer widgets en plusieurs types de contenus (Flash, HTML/JS, Remote, Blog/Feed, ou un Google gadget).
  • Grazr permet de créer un widget lecteur de fils (feed reader widget) personnalisé qui peut être directement
    • publié vers un choix de sites qui intégrent des widgets (Google, Pageflakes, Facebook, Twitter, Netvibes, Window Live)
    • inséré comme code (source généré par le service)
    • partagé par un URL ou même envoyé par mail (inscription au site réquis)

Liens et bibliographie

En Anglais