URBASIS Sismologie urbaine : évaluation de la vulnérabilité et des dommages sismiques par méthodes innovantes Appel dʼoffre ANR-RISKNAT 2009 Rédacteurs: Paul-Annick Davoine - LIG Version: octobre 2014 Référence projet: ANR-09-RISK-009 Référence document: Milestone M1 - notice dʼutilisation de lʼapplication web ISIBAT- Online
INTRODUCTION... 2 INTERFACES... 3 HOME PAGE... 3 EXPLORER PAGE... 3 PUBLICATION PAGE... 4 MANAGE DATA PAGE ET MANAGE USER PAGE... 5 DROIT D ACCES... 6 CONNEXION... 7 FONCTIONNALITES... 8 DECLINAISON DES FONCTIONNALITES... 8 DETAIL DES FONCTIONNALITES... 8 1. PREMIERE VISITE... 8 2. S ENREGISTRER... 8 3. S AUTHENTIFIER... 9 4. SE DECONNECTER... 9 5. CHANGER LE MOT DE PASSE... 10 6. TELECHARGER UNE ETUDE... 10 7. SOUMETTRE UNE ETUDE... 11 8. PUBLIER UNE ETUDE... 12 9. SUPPRIMER UNE ETUDE... 13 10. EXPLORER UNE ETUDE... 13 "
INTRODUCTION Ce document est destiné aux futurs utilisateurs de l application Web «IsibatOnline», outil informatique créé par l équipe de recherche STeamer 1 du Laboratoire d Informatique de Grenoble (LIG). Fruit du projet «ANR Urbasis» 2 et composante du système «Isibat», son objectif est de répondre au besoin de stocker, traiter, visualiser et diffuser les données collectées sur les bâtiments. Le guide commence par une présentation générale des différentes interfaces proposées par l application. Il continue avec l explication des droits d accès et de la méthode de connexion, puis se termine par l exposition des fonctionnalités de l application «IsibatOnline». Une vidéo de cinq minutes est mise à votre disposition afin de compléter cette documentation. Comme nous considérons que les lecteurs de ce guide ont déjà pris connaissance des notions essentielles (telles que : bâtiment, vulnérabilité, dommage) employées par l application, leurs définitions ne sont pas explicitées dans le présent document. L application exige son utilisateur d avoir certaines notions en anglais car les expressions employées sont présentées par cette langue. " $%&'(&)*$+'%,-./0&(+-)'.,12-)('%,-13'4'+%'5,.,%63(7.%,(&4,''1481-9.&4:&)&+);<&1%'%,-1= # >&+)-?&%@ABCD)5'<,<E&<%.F714&<+)-?&%<4&)&GH&)GH&4,),:;<+')$0&'(&)3&1G-7)<4&);'.,<'%,-1=I-G'.,<;<7).'G-));.'%,-1 &1%)&.'J7.1;)'5,.,%;+H6<,K7&4&<5L%,(&1%<&%.&),<K7&<,<(,K7&3<-1-5?&G%,2G-1<,<%&MN4;J&.-++&)&%N%&<%&)71-7%,..-:,G,&. +&)(&%%'1%4F&O+.-,%&)&%4&)&+);<&1%&).&<,12-)('%,-1<G-..&G%;&<.-)<4F71,1J&1%',)&<,<(,K7&&%4F',4&)N.':&<%,-1&%N.'+),<& 4&4;G,<,-1&1('%,P)&4&J7.1;)'5,.,%;<,<(,K7&=Q #
INTERFACES L application offre plusieurs interfaces graphiques (considérées comme des pages ) au service des utilisateurs : «Home» (page d accueil), «Explore» (page d exploration), «Publication» (page de publication), «Manage Data» page de gestion de données, et «Manage User», page de gestion des utilisateurs. Page Home La figure 1 propose un aperçu de la page Home. Elle permet de visualiser rapidement l ensemble des données recensées sut tous les continents. En outre, elle est accessible à tous les utilisateurs, c est-à-dire aux visiteurs, contributeurs et administrateurs. Page Explorer I,:7)&"*MS-(&Q+':& La figure 2 présente une vue de la page Explorer" qui propose des fonctions de traitement et de manipulation des données. L accès à cette page est restreint aux contributeurs et à l administrateur. R
Page Publication Figure 2 : Explorer page La figure 3 propose un aperçu de la page Publication. Cette page est réservée à l administrateur ; elle sert à publier et dissimuler les données collectées. Figure 3 : Publication page T
Pages Manage Data et Manage User Les figures 4 et 5 présentent respectivement les pages Manage Data et Manage User. Leur accessibilité est strictement réservée à l administrateur. Figure 4 : Manage Data page Figure 5 : Manage User page U
DROIT D ACCES L accès aux différentes fonctionnalités de l application est déterminé par les droits d utilisateurs. Chaque type d utilisateur a un niveau de droit spécifique lui permettant d accéder à une partie ou à la totalité des fonctionnalités proposées par l application : / l utilisateur non enregistré peut s inscrire et consulter la page d accueil ; / l utilisateur enregistré (ou contributeur) est autorisé à accéder à la page d exploration et à toutes les fonctionnalités qui lui sont liées. Il peut également faire une demande d enregistrement pour une autre personne et changer son mot de passe à tout moment. / l administrateur possède le droit d accès à toutes les fonctionnalités de l application. Un utilisateur enregistré peut faire une demande auprès de l administrateur pour obtenir un rôle d administrateur. V
L adresse (URL) de l application est : CONNEXION http://urbasis.ujf-grenoble.fr/isibatonline/. La saisie de cette adresse permet d afficher la page d accueil de l application. L accès aux différentes interfaces et à leurs fonctionnalités nécessite au préalable une authentification avec : / un identifiant (que vous êtes libre de choisir lors de votre enregistrement) / un mot de passe attribué par l application L authentification échoue si l un de ces deux éléments est erroné. Dans ce cas-là, un message d erreur s affiche et demande d effectuer une nouvelle saisie des identifiants. Lors de votre première connexion, votre navigateur vous proposera de mémoriser votre login et votre mot de passe. Si vous acceptez, vous n aurez plus besoin de les saisir pour vos connexions ultérieures. Figure 6 : Proposition de mémoriser les identifiants W
FONCTIONNALITÉS L application «IsibatOnline» propose nombreuses fonctionnalités pour assurer le traitement et la gestion des données. Déclinaison des fonctionnalités La figure 7 détaille les différents éléments des onglets proposés dans la menue barre de l application. Menu «User» / >-:Y7% / C&:,<%&) / ZH'1:&['<<9-)4 Menu «Data» / \-91.-'4 / D+.-'4 Menu «Map» / S-(& / ]O+.-)&) Menu «Admin» 3 / [75.,G'%,-1^ / _'1':&\'%'^ / _'1':&D<&)^ Figure 7 : Détail des Menus Détail des fonctionnalités 1. Première Visite Après la saisie de l adresse (URL) de l application, vous arrivez à la page d accueil. Pour visualiser la carte, il faut cliquer sur le bouton. 2. S enregistrer Sur la page d accueil, cliquez sur le menu «User» et puis «Register» : une boîte de dialogue s affiche (figure 8). Après avoir rempli les champs Login (l identifiant que vous aurez choisi) et email, cliquez sur le bouton OK pour terminer le processus. La boîte se ferme automatiquement. R >&<2-1G%,-11'.,%;<.,;&<NG&%%&)75),K7&<-1%<%),G%&(&1%);<&)J;&<N.F'4(,1,<%)'%&7)4&.F'++.,G'%,-1=]..&<<-1%,14,K7;&<+')71 '<%;),<K7&= X
Figure 8 : Boîte de dialogue d enregistrement Un premier mail de confirmation (figure 9) est envoyé à l adresse que vous avez indiquée pour vous informer que votre demande d enregistrement est prise en compte. Un second mail d activation (figure 10) vous demande de valider votre enregistrement et vous attribue votre mot de passe par défaut. Figure 9 : Exemple Mail de confirmation Figure 10 : Exemple Mail d activation 3. S authentifier Après la réception du mail d activation, vous pouvez vous authentifier. En haut à droite de la page d accueil, vous retrouvez les champs intitulés «username» et «Password» dans lesquels vous devez saisir votre login et votre mot de passe. Pour cette première connexion, vous devez utiliser le mot de passe par défaut. Cliquez ensuite sur le bouton «Login». 4. Se déconnecter Pour vous déconnecter de l application, il suffit d aller sur le menu «User» et cliquez sur l élément «LogOut». `
5. Changer le mot de passe Après l authentification, vous pouvez personnaliser votre mot de passe en cliquant sur l élément «Change Password» situé dans le menu «User». L application affiche une boîte de dialogue et vous devez saisir deux fois votre nouveau mot de passe (figure 11) : cliquez ensuite sur «OK» pour valider le changement. Figure 11 : Boîte de dialogue Change Password 6. Télécharger une étude (contributeur et administrateur) Entant que l utilisateur enregistré (contributeur et administrateur), vous pouvez consulter et gérer les études recensées par l application. Si vous souhaitez télécharger une étude qui vous intéresse, allez sur le menu «Data» (voir figure 7), et sélectionnez «Download» (figure 12). Une nouvelle fenêtre s ouvre. Parmi la liste des études existantes, sélectionnez l étude choisie. Les données de l étude sont ensuite visibles dans la carte ; deux modes de téléchargement des données sont disponibles (en bas à droite de la fenêtre) : / «IPHONE» : télécharger les données de l étude en format.xml / «CSV» : télécharger les données de l étude en format.csv Figure 12 : Fenêtre «Download» "a
Quel que soit le mode sélectionné, une nouvelle boîte de dialogue apparaît (figure 13): cliquez sur «Save File» pour sauvegarder le ficher ou sur «Cancel» pour annuler cette action. Figure 13 : Download - suite 7. Soumettre une étude (contributeur et administrateur??) Pour soumettre une étude (l application n accepte que le format.zip) cliquez sur l élément «Upload», situé juste en dessous de l élément «DownLoad». En suivant les indications de la boîte de dialogue (figure 14), vous devez d abord sélectionner le fichier que vous souhaitez poster. Cliquez sur le bouton «Browse» pour ouvrir une fenêtre dans laquelle vous précisez le répertoire dans lequel se situe votre étude. Enfin, sélectionnez-la et cliquez sur le bouton «Send». Figure 14 : Exemple «Upload» L application commence la transmission des données. Un message d information s affiche à la fin de cette étape ; cliquez alors sur le bouton «Close» pour terminer le processus. Attention : une étude soumise n est pas visible automatiquement. Avant toute manipulation, elle doit être validée et publiée par l administrateur. ""
8. Publier une étude * (administrateur) Si vous êtes administrateur, allez sur la rubrique «Admin» et sélectionnez «Publication». Parmi la liste des études disponibles, sélectionnez celle que vous désirez publier. Les données de cette étude sont visibles dans le tableau et dans la carte (figure 15). Figure 15 : Capture d écrant publication - 1 Vous pouvez sélectionner une donnée par un simple clic sur une entrée du tableau ou sur un point de la carte. La donnée sélectionnée sera surlignée (figure 16). Figure 16 : Capture d écran publication - 2 Sous le tableau, vous disposez de quatre boutons (de gauche à droite) qui correspondent aux fonctions suivantes : Publier une donnée spécialement sélectionnée Dissimuler une donnée spécialement sélectionnée Publier toutes les données de l étude "#
Dissimuler toutes les données de l étude Une donnée/étude publiée sera présentée par la couleur verte et celle non publié reste en couleur rouge (figure 17). Figure 17 Capture d écran : données publiées et masquées 9. Supprimer une étude (administrateur) Toujours dans la rubrique «Admin», cliquez sur l élément «Manage Data» puis dirigez-vous vers la page «Manage Data» (voir la figure 4). Sélectionnez l étude vous souhaitez supprimer puis cliquez sur le bouton «Delete». 10. Explorer une étude (contributeur et administrateur) Dans le menu «Map», choisir l élément «Explorer». La page d exploration s affiche alors : elle permet aux utilisateurs de réaliser nombreuses actions liées à la manipulation des données. Consulter une étude Sélectionner une étude dans la liste des études disponibles, les données de l étude sont affichées dans le panneau nommé «Features» ainsi que la carte interactive. Vous pouvez aussi affiner votre choix en précisant un paramètre particulier (figure 18). Dans le panneau «Features», vous disposez de quatre tableaux : - le tableau «ALL» liste toutes les données d une étude sélectionnée ; "R
- le tableau «VISIBLE» affiche la liste des données visibles au sein du BBox (rectangle englobant) qui encadre la carte interactive ; - le tableau «SELECTED» donne la liste des données sélectionnées ; - le tableau «ZONE» dresse la liste des polygones enregistrés (voir la fonctionnalité : créer une zone) Figure 18 : Capture d écran Consulter une étude Sélectionner des données L application propose trois modes de sélection : Sélection singulière C est le mode de sélection par défaut. Vous pouvez choisir une donnée en cliquant sur une ligne du tableau ou sur un point de la carte (figure 19). La donnée sélectionnée est ensuite mise en évidence sur ces deux supports. Figure 19 : Exemple Sélection singulière "T
Sélection multiple Pour basculer en mode de sélection multiple, il faut aller dans l onglet «Selection» et puis cocher «AddToSelection». Vous pouvez désormais sélectionner plusieurs données sur la carte (et non depuis le tableau) en cliquant successivement sur les points souhaités (figure 20). La liste des données sélectionnées est affichée dans le tableau «Selected». Figure 20 : Exemple Sélection multiple Sélection à partir de la légende Un clic sur un item de la légende située à droite de la carte interactive vous permet de sélectionner l ensemble des données dont la valeur correspond à celle que représente l item choisi (figure 21). Figure 21 : Exemple Sélection depuis la légende Exporter des données Les données affichées dans les tableaux peuvent être exportées si vous cliquez sur le bouton «EXPORT». Une boîte de dialogue s affiche et vous propose d exporter les données "U
sous forme.csv. Manipuler les zones Pour créer un polygone sur la carte interactive, allez sur l onglet «CREATE ZONE», où un «Draw Panel» (figure 22) est à votre disposition. Par exemple, si vous désirez dessiner un rectangle, cliquez sur le bouton «DrawBox» puis allez sur la carte pour tracer votre rectangle. Figure 22 : Draw Panel Créer une zone rectangulaire Si vous souhaitez créer un rectangle (figure 23 et 24): - cliquez sur le bouton «DrawBox» - allez sur la carte et placez votre souris à l une des extrémités du secteur que vous voulez sélectionner, puis en appuyant sur touche gauche de la souris, tirez pour former le rectangle. Lorsque celui-ci couvre l ensemble de la zone que vous souhaitez sélectionner, vous pouvez lâcher votre souris. - une boîte de dialogue apparaît, et vous demande de nommer le rectangle. - après la saisie, il faut absolument sauvegarder la forme en cliquant sur le bouton «SAVE». Le nom du rectangle est alors affiché dans le tableau «ZONES» du panneau «FEATURES». Figure 23 : Créer un rectangle - 1 "V
Figure 24 : Créer un rectangle - 2 Remarques : les fonctions liées aux boutons «CANCEL», «UNDO», «REDO» ne sont pas applicables au rectangle créé. Créer une zone polygonale Si vous souhaitez créer un polygone (figure 25 et 26): - cliquez sur le bouton «DrawPolygon» - allez sur la carte et cliquez à l endroit souhaité pour placer le premier point, puis cliquez pour créer autant de sommets voulus afin de tracer les contours de votre polygone. - pour votre dernier point qui termine le polygone, effectuez un double-clic : une boîte de dialogue s affiche pour que vous puissiez nommer le polygone. - après la saisie, il faut absolument sauvegarder en cliquant sur le bouton «SAVE». - le nom du polygone va être affiché dans le tableau «ZONES» du panneau «FEATURES». Figure 25 : Créer un polygone - 1 "W
Figure 26 : Créer un polygone - 2 Remarque : les fonctions liées aux boutons «CANCEL», «UNDO» et «REDO» (figure 22) sont disponibles pour la création de polygone avant qu il ne soit enregistré. Cliquez sur l un de ces boutons pour lancer la fonction souhaitée. Modifier une zone Une zone créée (qu il s agisse d un rectangle ou d un polygone) peut être modifiée après son enregistrement (figure 27 et 28). Pour ce faire, cliquez d abord sur le bouton «MODIFY», puis cliquez, sur la carte, sur la zone que vous souhaitez modifier. Les sommets de la zone sont alors entourés par des petits cercles de couleur claire. Sélectionnez un cercle et tirez-le en maintenant la souris pour changer la forme. Après la modification, pensez à sauvegarder la zone modifiée. Attention : cette fonction reste en cours de développement et son application peut entraîner des dysfonctionnements dans les autres fonctionnalités. Si cette situation se présente, fermez la session en cours puis reconnectez-vous avec vos identifiants. Figure 27 : Modifier une zone - 1 "X
Figure 28 : Modifier une zone - 2 Sélectionner une zone Les zones créées et sauvegardées sont visibles sur la carte et dans le tableau «ZONES» du panneau «FEATURES» (figure 29 et 30). Vous pouvez sélectionner une zone depuis le tableau ou en cliquant sur la carte. La zone sélectionnée sera entourée par une ligne rouge. Les données englobées par la zone seront également sélectionnées et visibles dans le tableau «SELECTED» du panneau «FEATURES». Figure 29 : Sélectionner une zone - 1 Supprimer une zone Figure 30 : Sélectionner une zone - 2 Cette manipulation se réalise rapidement : "`
- choisir la zone à supprimer soit sur la carte soit dans le tableau «ZONES» - cliquer sur le bouton «DELETE» Créer un diagramme L application offre la possibilité de créer un diagramme à partir des données recensées. Cliquez sur le bouton «ADD CHART» pour accéder à la boîte de dialogue (figure 31). Figure 31 : Boîte de dialogue créer un diagramme La création de diagramme suit les étapes suivantes : - nommer le diagramme (champ 1) ; - sélectionner la source de données concernée (champ 2) : All correspond aux données du tableau «ALL» du panneau «FEATURES» Visible correspond aux données du tableau «VISIBLE» qui affiche la liste des données sur l étendue visible de la carte Selection correspond aux données du tableau «SELECTED» Filter permet d aller vers un champ «Filter» (champ 3) dans lequel vous pouvez affiner votre sélection en précisant certains critères ; - Identifier un critère prédéfini dans le champ 4 qui sert à la création de la légende ; - Préciser le style de diagramme à créer : Pie : diagramme camembert Bar : diagramme en bâtons Radar : diagramme radar - terminer la création en cliquant sur le bouton «Create» ou l annuler en choisissant «Cancel». #a
Pour illustrer cette fonctionnalité, en voici un exemple : La configuration (figure 32 et 33) ci-dessous permet de créer un diagramme intitulé Exemple qui présentera le niveau de vulnérabilité des bâtiments (champ 4). Les données seront filtrées sur la variable «Date of construction» et nous appliquerons un second filtre afin de ne conserver que les données des bâtiments construits entre 1945 et 1970 (champ 3). Le style de diagramme choisi est le radar. Figure 32 : Exemple créer un diagramme - 1 Figure 33 : Exemple créer un diagramme -2 Gérer les utilisateurs Le droit de gestion des utilisateurs est réservé à l administrateur. Si vous avez cette fonction, allez dans le menu «Admin» et sélectionnez «Manage User». La liste des utilisateurs enregistrés s affiche avec leur statut et la description de leurs droits (figure 34). #"
Figure 34 : Capture d écran liste des utilisateurs - La colonne 1 précise l état d activation du compte : deactivate account signifie que le compte d utilisateur est actuellement désactivé, et activate account signifie que le compte est actuellement activé. Pour changer l état du compte, il suffit de cliquer sur le bouton. - La colonne 2 est destinée aux contributeurs (utilisateurs enregistrés qui ne possèdent pas le droit d administrateur). Ce type d utilisateur n a pas automatiquement accès à l une ou à la totalité des études disponibles dans l application. Pour accorder l accès d une étude à un utilisateur, l administrateur doit : Cliquer sur le bouton «Grant access to studies» pour faire apparaître une boîte de dialogue (figure 35). Sélectionner une étude Confirmer la décision en cliquant sur le bouton «Grant Access» - La colonne 3 montre le statut actuel des utilisateurs. Si le bouton contient l expression «Downgrade To basic», il signifie que l utilisateur a pour statut actuel «Administrateur». Un clic sur le bouton retire le droit d administrateur de cet utilisateur. En revanche, si l expression est «Upgrade To admin», cela implique que l utilisateur a un statut de «Contributeur» ; il peut être désigné comme «Administrateur» par un clic sur le bouton correspondant. ##
Figure 35 : Capture d écran Grant access to studies #R