« 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 2 : Ligne 2 :


== Introduction  ==
== Introduction  ==
Cette article est largement une adaptation de l'article edutechwiki [[en:Web widget and mashup]] 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 appelations pour un web widget sont ''gadget'', ''module'', ''capsule'', ''snippet'' et ''flake''.([http://en.wikipedia.org/wiki/Web_widget Web widget], Wikipedia, retrieved 19:58, 14 May 2007 (MEST)).  
Cette article est largement une adaptation de l'article edutechwiki [http://edutechwiki.unige.ch/Web_widget_and_mashup 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''.([http://en.wikipedia.org/wiki/Web_widget Web widget], Wikipedia, retrieved 19:58, 14 May 2007 (MEST)).  


== Description et intérêt  ==
== Description et intérêt  ==
Ligne 24 : Ligne 25 :
== Exemples d'applications et d'utilisation  ==
== Exemples d'applications et d'utilisation  ==


=== Utiser des widgets ===
=== Utiser des widgets ===


=== How to use widgets ===
Basically, an end-user has several choices (depending on the technology)


Basically, an end-user has several choices (depending on the technology)
#Récuperer le code source à insérer du site qui offre le widget Get a widget insertion code from a widget site


# Récuperer le code source à insérer du site qui offre le widget Get a widget insertion code from a widget site
*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 On these sites, there is at least "get the code" button that will display some short JavaScript code which you then can insert into a web page, a blog, a webtop, etc. Unfortunately it's not so easy to find widgets of interest to educators, since the most popular widgets focus on specific information or games ...
*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.).


* Some of these web site have "add to" buttons, that will directly import a widget your desktop (e.g. MS Live), your [[webtop]] (Netvibes, iGoogle, Pageflakes, etc.), your social website (MySpace, Blogger, etc.).


* To quickly build your own good looking home page, use a generator, then insert JavaScript code. E.g. [http://www.web20generator.com web 2.0 generator] (note: this site was meant to be a bit of a joke, but it does generate nice looking pages ...)
#2 Utiliser un aggrégateur de widgets (mashup maker). Voir [[webtop]], [[environnement d'apprentissage personnel]].


; (2) Use a mashup maker, i.e. a service that supports assembly of widgets
Les [[Plateforme sociale |plateformes sociales]] intègrent de plus en plus l'insertion des services personnalisés et des widgets spécialisés.
Webtops and similar software provide users with a larger set of widgets from which they then can compose an "Ajax start page". See:
* See [[webtop]], which usually are mashup-up tools for individual use. Also read about [[personal learning environment]]s that includes a story on how to build such a thing with a webtop.
* An increasing amount of [[social software]] services are configurable with extra widgets.
* Mashup tools for organizations (e.g. a teacher) that will allow you to create an half-baked environment for a group of people (e.g. learners). Without testing (!), [[User:Daniel K. Schneider|Daniel K. Schneider]] believes that [http://services.alphaworks.ibm.com/qedwiki/ QEDWiki] from IBM might be a good contender. "Enterprise mashups" ought to be more powerful, e.g include a safe data repository.


; (3) Use browser, application or OS-dependent widgets
* Modern desktop applications like web browsers or desktops themselves also allow users to insert widgets that interact with the Internet. Typical examples are:
* [http://en.wikipedia.org/wiki/Yahoo%21_Widget_Engine Yahoo! Widget Engine]
* [http://en.wikipedia.org/wiki/Google_Desktop Google Desktop]
* [http://en.wikipedia.org/wiki/KlipFolio KlipFolio]


=== How to create widgets easily ===
=== Comment créer son propre widget  ===


This is for people with a little HTML/XML/JS knowledge. Web Widgets often but not always use Adobe Flash or JavaScript programming languages. The widget code itself is usually small and connects to some server application.
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.


* Some services have widget creation kits for a certain number of widgets. E.g. iGoogle allows you to create photos, "daily me", you tube channel, personal list...
*Plusieurs services offre des kits créateur de widget. E.g. [http://www.widgetbox.com/create/create_widget.jsp Widgetbox] permet de créer widgets en plusieurs types de contenus (Flash, HTYML/JS, Remote, Blog/Feed, ou un Google gadget)


* Services like [http://www.dapper.net/] dapper that allow you grab "any content from the web". Requires some technical skills.
*Services like [http://www.dapper.net/] dapper that allow you grab "any content from the web". Requires some technical skills.


=== Mashup software for developers ===
=== Mashup software for developers ===


According to [http://www.artima.com/weblogs/viewpost.jsp?thread=205160 Eric Armstrong], to create a mashup, you need:
According to [http://www.artima.com/weblogs/viewpost.jsp?thread=205160 Eric Armstrong], to create a mashup, you need:  
* Web page GUI components and a GUI Builder (likely an [[AJAX]] tool).
* A communication mechanism, e.g. REST
* Data formats, e.g. [[microformat]]s, [[RSS]], [[JSON]]
* One or more data sources you can access
* Optionally, a data repository you can interact with


Programmers may use published APIs (see for example the list in [http://www.webmashup.com/ Webmashup.com]). To build the mashup itself, developers may use a so-called [[AJAX]] development kit, but recently '''mashup development kits''' came into existence (see links below). Some of these are relatively simple to use others less it seems. I.e. it seems to me that there is some grey zone between mashup builders meant for end-users, for web designers in organizations, for people with some [[scripting language|scripting]] knowledge and for "real programmers".
*Web page GUI components and a GUI Builder (likely an [[AJAX]] tool).  
*A communication mechanism, e.g. REST
*Data formats, e.g. [[Microformat]]s, [[RSS]], [[JSON]]  
*One or more data sources you can access
*Optionally, a data repository you can interact with


To program webservices plus associated libraries/widgets is another issue.
Programmers may use published APIs (see for example the list in [http://www.webmashup.com/ Webmashup.com]). To build the mashup itself, developers may use a so-called [[AJAX]] development kit, but recently '''mashup development kits''' came into existence (see links below). Some of these are relatively simple to use others less it seems. I.e. it seems to me that there is some grey zone between mashup builders meant for end-users, for web designers in organizations, for people with some [[Scripting language|scripting]] knowledge and for "real programmers".  


To program webservices plus associated libraries/widgets is another issue.


<br>


== Liens et bibliographie  ==
== Liens et bibliographie  ==
Ligne 80 : Ligne 72 :
*[[:en:Web widget|Web widget]] (Edutechwiki)
*[[:en:Web widget|Web widget]] (Edutechwiki)


[[Category:Atelier_webmaster_web_2.0]]
[[Category:Atelier_webmaster_web_2.0]] [[en:Web widget and mashup|en:Web widget and mashup]]

Version du 10 mai 2009 à 18:10

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

Basically, an end-user has several choices (depending on the technology)

  1. Récuperer le code source à insérer du site qui offre le widget Get a widget insertion code from a widget site
  • 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.


  1. 2 Utiliser un aggré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 créateur de widget. E.g. Widgetbox permet de créer widgets en plusieurs types de contenus (Flash, HTYML/JS, Remote, Blog/Feed, ou un Google gadget)
  • Services like [1] dapper that allow you grab "any content from the web". Requires some technical skills.

Mashup software for developers

According to Eric Armstrong, to create a mashup, you need:

  • Web page GUI components and a GUI Builder (likely an AJAX tool).
  • A communication mechanism, e.g. REST
  • Data formats, e.g. Microformats, RSS, JSON
  • One or more data sources you can access
  • Optionally, a data repository you can interact with

Programmers may use published APIs (see for example the list in Webmashup.com). To build the mashup itself, developers may use a so-called AJAX development kit, but recently mashup development kits came into existence (see links below). Some of these are relatively simple to use others less it seems. I.e. it seems to me that there is some grey zone between mashup builders meant for end-users, for web designers in organizations, for people with some scripting knowledge and for "real programmers".

To program webservices plus associated libraries/widgets is another issue.


Liens et bibliographie

En Anglais
Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=Web_widget&oldid=10371 »