les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… ·...

17
Leswidgets Tabledesmatières Présentationdeswidgets ..................................................................................................... Page2 Gestiondeswidgetsparl'administrateur .................................................................. Page3 Créerunwidget ............................................................................................................................. Page7 AjouterunfluxRSS ............................................................................................................. Page8 AjouterunwidgetdepuisNetvibesouIGoogle .......................................... Page11 Compositiondelapaged'accueil .................................................................................. Page14

Upload: others

Post on 30-Sep-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Les widgets

Table des matières

Présentation des widgets..................................................................................................... Page 2

Gestion des widgets par l'administrateur..................................................................Page 3

Créer un widget............................................................................................................................. Page 7

Ajouter un flux RSS.............................................................................................................Page 8

Ajouter un widget depuis Netvibes ou IGoogle..........................................Page 11

Composition de la page d'accueil ..................................................................................Page 14

Page 2: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Les widgets

Widget est une contraction des mots window et gadget.

• Un widget est un petit outil qui permet d'obtenir des informations (météo, actualité,

dictionnaire, carte routière, pense-bête, traducteur etc.).

• La page d'accueil est personnalisable par tous les utilisateurs cependant l'administrateur

peut proposer un modèle de page par défaut.

• Le comité de pilotage de l'établissement peut choisir quel widget composera la page

d'accueil.

2

Widget afficheur de flux RSS

Widget à télécharger sur IGoogle

ou Netvibes

Page 3: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Gestion des widgets par l'administrateur

L'administrateur du portail ENT peut ajouter, modifier ou supprimer les widgets de la page

d'accueil. Il est important que le choix des widgets se fasse avant la diffusion des comptes

aux utilisateurs. En effet lorsque l'on modifie les widgets de la page d'accueil tous les

utilisateurs sont impactés et leur page d'accueil réinitialisé.

• Se connecter en administrateur sur le portail ENT

• Cliquer sur Interface d'administration

• Puis sur widgets

Sur cet écran apparait tous les widgets

disponibles

Ajouter des widgets à la page d'accueil

3

Page 4: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Il est possible de créer des sous-rubriques pour organiser vos widgets et de définir qui aura

accès à ces rubriques (professeurs, élèves...).

La possibilité de classer les widgets dans le dossier Etablissement est très pertinente, dans

une sous rubrique administration par exemple, autoriser qu'aux membres de l'administration

et les professeurs l'accès à un widget permettant l'édition de documents administratifs, c'est

ce qui a été réalisé au Lycée Bel Air.

4

Page 5: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Tout le monde peut créer un widget, cependant avant de l'utiliser les utilisateurs doivent

attendre la validation du widget par l'administrateur.

Dans l'exemple ci-dessous un utilisateur à ajouter un widget depuis iGoogle. Il ne peut être

utiliser en l'état, l'administrateur doit s'assurer de la provenance du widget, il sera disponible

et opérationnel lorsque l'administrateur l'aura validé.

Un message rappelle les régles de prudence

Dans la fenêtre ci-contre

toutes les informations

concernant le widget sont

recensées. Vous pouvez

modifier le titre, la

description, les

dimensions du widget...

Après vérification des

informations, vous pouvez

cliquer sur "Valider ce

widget" ou "Supprimer" s'il

ne convient pas ou s'il

représente un risque de

sécurité.

Météo

Consultez les prévisions

5

Page 6: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Notre widget "Météo" a été validé il est

maintenant disponible dans la

bibliothèque des widgets, tous les

utilisateurs pourront l'utiliser sur leur

page d'accueil.

Disponibilité du widget validé dans la bibliothèque

A ce stade tous les utilisateurs (ou seulement ceux que vous avez définit) peuvent avoir

accès à ce widget et le rajouter à leur page d'accueil et l'utiliser de suite..

6

Page 7: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Créer un widget

Des widgets il en existe de plusieurs types :

# les afficheurs de flux RSS qui permettent d'afficher les dernières actualités d'un site,

# les notes,

# les bulletins météo,

# les horloges,

# les calendriers,

# ...

Sur la page "Créer un widget" plusieurs choix sont possibles :

• widget basé sur des flux RSS, par exemple un site d'information (Le Monde, Clicanoo...)

• créer son propre widget (pour les développeurs)

• récupérer un widget existant depuis le site Netvibes ou IGoogle,

• télécharger un widget créé avec l'API d'Envole (pour les développeurs)

7

Page 8: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Ajouter un flux RSS

1 - Cliquer sur Ajouter un flux RSS

2 - Indiquer l'URL du flux RSS

3 - Configuration du widget

8

Page 9: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

4 - Choix de la catégorie dans laquelle vous souhaitez ajouter le widget

5 - Personnaliser votre widget avec une icône (facultatif)

9

Page 10: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

6 - Test et affichage de votre widget

7 - Enregistrement et attente validation par l'administrateur

Le widget de flux RSS a été créé, l'administrateur doit le valider avant qu'il puisse être

utiliser. Lorsqu'il sera validé le widget apparaitra dans la liste de widgets disponibles.

Pour ajouter un widget depuis Netvibes, suivez la même

procédure que pour IGoogle

10

Page 11: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Ajouter un widget depuis Netvibes ou IGoogle

1 - Cliquer sur le lien

1 - Choisir le fournisseur de widget

2 - Création du widget

• Vous avez l'adresse du widget : coller la dans le champ comme indiqué ci dessous

• Vous n'avez pas l'adresse du widget dans ce cas cliquer sur l'adresse pour avoir accès à la

bibliothèque de IGoogle.

11

Page 12: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Prenons par exemple le calendrier de Google.

Copier l'adresse URL de la page comme dans l'exemple ci-après, coller l'adresse dans le

formulaire puis cliquer sur "Etape suivante"

Configuration du widget

Choisir la catégorie dans laquelle ajouter le widget calendrier

12

Page 13: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Choisir une icône personnalisée (facultatif)

Test du widget

Attente validation du widget par l'administrateur pour être visible dans la liste des widgets.

Penser à vérifier régulièrement la présence de widget en attente de validation.

13

Page 14: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Composition de la page d'accueil

• Se connecter en administrateur sur le portail ENT

• Cliquer sur Interface d'administration

• Puis sur pages

Rappel :

• ajouter un seul onglet (site

établissement par exemple)

• préférer les items de bureau

Le nom de la page

La description de la page

Il est préférable de constituer la page d'accueil avant la distribution des comptes

aux utilisateurs pour ne pas à avoir à remplacer la page existante au risque de

venir "écraser" la personnalisation des pages utilisateurs.

Utiliser cette option s'il s'agit d'une mise à jour.

14

Page 15: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Il est possible d'affecter une icône à la page d'accueil

La composition de la page d'accueil se fait de manière fluide et intuitive, l'objectif est d'avoir

une page d'accueil qui tienne compte des préconisations du comité de pilotage.

Ajouter, modifier, déplacer ou supprimer les widgets, composez votre page en toute simplicité.

15

Page 16: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Gestion des widgets par l'utilisateur

Ajouter des widgets à la page d'accueil

• Cliquer sur le lien "Ajouter des widgets"

• La fenêtre ci contre s'affiche à gauche de la fenêtre

• Développer la bibliothéque de widgets en cliquant sur "V"

• Cliquer sur l'une des rubriques

Pour afficher le widget sur votre page

d'accueil, il suffit de maintenir le bouton

gauche de la souris sur l'en-tête du

widget, le déplacer vers la page d'accueil,

attendre qu'un cadre rouge apparaisse

sur la vignette de la page d'accueil et

vous relachez le bouton de la souris.

16

Page 17: Les widgets - ac-reunion.frinfometice.ac-reunion.fr/wordpress/wp-content/uploads/2011/04/wid… · Il est possible d'affecter une icône à la page d'accueil La composition de la

Modifier les widgets de la page d'accueil

Il est possible de configurer chaque widget, modifier la couleur, modifier l'affichage...

Pour modifier les paramétres d'un widget, il suffit de survoler l'en-tête du widget avec la

souris.

Il est possible pour ce widget :

• De modifier la couleur de la barre

• De définir le nombre d'article à afficher

• Lors d'un clic sur un article, ouvrir dans la

même page ou un nouvel onglet...

• D'afficher les articles sous forme de liste,

détaillé ou journal

Supprimer les widgets de la page d'accueil

Il est possible de supprimer un widget de votre page d'accueil, il ne sera cependant pas

supprimer de l'ENT vous pourrez de nouveau l'ajouter à votre page d'accueil.

17