html: create dynamed documentation files

- Creates the HTML files for the Dynamed documentation. The page should
  be linked from the "ressources transversales" page.
- Creates a minimal README file to start the project

Co-Authored-by: iGor milhit <igor.milhit@unige.ch>
bloc-horaire-places-dispo
iGor milhit 2022-11-18 09:25:13 +01:00
commit 990042a443
Signed by: igor
GPG Key ID: 5785C84B21C88AE6
2 changed files with 118 additions and 0 deletions

13
README.md 100644
View File

@ -0,0 +1,13 @@
---
title: README du projet portail
date: 2022-11-18T09-20-23+01:00
id: 20221118T092037
tags: [cmu, portail web, documentation]
---
## Description
Ce projet a pour objectif de documenter mes méthodes d'édition du portail de
médecine clinique du site de la bibliothèque de l'UNIGE. Il contient également
des fichiers HTML lorsque je crée un bloc HTML dans concrete5 plutôt qu'un bloc
de type contenu.

View File

@ -0,0 +1,105 @@
<article class="articleDyn">
<p>
La base de donnée <a dir="ltr" type="html/text" hreflang="English" lang="en" href="https://www.dynamed.com" title="Base de donnée Dynamed">Dynamed</a> peut être consultée soit&nbsp;:
</p>
<p>
<ul>
<li>sur le <a dir="ltr" type="html/text" href="#web" hreflang="français" lang="fr" title="Procédure adaptée au site Web">site Web</a>, plus pratique avec un ordinateur de bureau ou portable,</li>
<li>au moyen de l'<a dir="ltr" type="html/text" href="#app" hreflang="français" lang="fr" title="Procédure adaptée à l'appication mobile">application mobile</a>, afin d'y accéder rapidement de partout.</li>
</ul>
</p>
<h3><a name="web"></a>Site Web</h3>
<h4><a name="no-account"></a>Accès sans compte Dynamed</h4>
<p>
Si vous êtes connecté-e au sein du réseau de l'UNIGE, sur le poste de votre bureau où via le <a dir="ltr" type="html/text" hreflang="français" lang="fr" href="https://plone.unige.ch/distic/pub/reseau/wifi-unige" title="Documentation de l'usage du réseau WiFi de l'UNIGE">WiFi «&nbsp;unige&nbsp;»</a> avec un ordinateur portable, il suffit de charger la page <a dir="ltr" type="html/text" hreflang="English" lang="en" href="https://www.dynamed.com" title="Base de donnée Dynamed">Dynamed</a> afin d'en consulter le contenu.
</p>
<p>
En dehors du réseau de l'UNIGE, vous pouvez soit&nbsp;:
</p>
<p>
<ul>
<li>vous identifier à l'aide d'OpenAthens,</li>
<li>utiliser le VPN.</li>
</ul>
</p>
<p>
<a name="openathens"></a>
Les informations utiles pour l'identification avec OpenAthens sont disponibles sur la page <a dir="ltr" type="html/text" hreflang="français" lang="fr" title="Marche à suivre pour OpenAthens" href="https://www.unige.ch/biblio/fr/infos/equipement/internet#openathens"><em>Accéder aux ressources en ligne</em></a>. <strong>Pour les membres des HUG</strong>, l'activation préalable de «&nbsp;SESAME&nbsp;», l'outil d'accès à distance des HUG est nécessaire (voir la marche à suivre dans l'Intranet des HUG). C'est en effet avec vos identifiants SESAME que vous devez remplir le formulaire de connexion.
</p>
<p>
Pour le VPN, veuillez consulter la <a dir="ltr" type="html/text" hreflang="français" lang="fr" title="Marche à suivre pour le VPN" href="https://plone.unige.ch/distic/pub/reseau/doc-vpn">documentation</a>. <strong>Pour les membres des HUG</strong>, il existe une <a dir="ltr" type="html/text" hreflang="français" lang="fr" title="Marche à suivre pour le VPN pour les membres des HUG" href="https://www.unige.ch/biblio/fr/infos/sites/cmu/vpn-pour-membres-hug-acces-pour-recherches-medicales/">documentation spécifique</a>.
</p>
<h4><a name="account"></a>Création d'un compte Dynamed</h4>
<p>
La création d'un compte personnel Dynamed n'est pas nécessaire pour consulter la base de données. Mais il donne accès à des fonctionnalités supplémentaires, par exemple la configuration d'alertes pour être averti lors qu'un contenu est mis à jour. Pour la création du compte, il faut accéder au site web par l'une des méthodes indiquées ci-dessus (réseau UNIGE, OpenAthens, VPN) et cliquer sur <em>Create account</em>. Une fois le compte créé, vous pouvez l'utiliser pour accéder au contenu depuis n'importe quel poste informatique ou réseau et retrouver vos paramètres et alertes.
</p>
<div class="figDyn">
<figure>
<img alt="Mise en évidence du bouton Create Account sur le site Dynamed" src="https://www.unige.ch/biblio/files/9616/6868/9938/dynamed-web-create-account.jpg"/>
<figcaption>Où trouver le bouton pour se créer un compte sur Dynamed</figcaption>
</figure>
</div>
<h3><a name="app"></a>Application mobile</h3>
<p>Pour l'application mobile, il faut bien entendu d'abord l'installer&nbsp;:
<div class="qrcodes">
<figure>
<img alt="Code QR du lien vers l'application sur l'Apple Store" src="https://www.unige.ch/biblio/files/2616/6869/2734/apple-store-qr-code-optimized.svg">
<figcaption><a href="https://apps.apple.com/us/app/dynamed/id986105980">Télécharger l'application sur l'Apple Store</a></figcaption>
</figure>
<figure>
<img alt="Code QR du lien vers l'application sur le Google Play Store" src="https://www.unige.ch/biblio/files/3416/6869/3202/google-store-qr-code-optimized.svg">
<figcaption><a href="https://play.google.com/store/apps/details?id=com.ebsco.dmp">Télécharger l'application sur le Google Play Store</a></figcaption>
</figure>
</div>
</p>
<p>
Après avoir lancé l'application, il faut s'identifier, soit avec le compte créé à <a dir="ltr" type="html/text" href="#account" hreflang="français" lang="fr" title="Création d'un compte Dynamed">l'étape précédente</a>, soit en passant par OpenAthens. Pour se connecter avec son compte, d'abord choisir <em>Sign In</em>, puis entrer ses identifiants.
</p>
<div class="figDyn">
<figure>
<img alt="Écran de connexion avec le bouton Sign In entouré en rouge" src="https://www.unige.ch/biblio/files/3616/6869/6100/dynamed-app-sign-in.jpg">
<figcaption>Choisir Sign In</figcaption>
</figure>
</div>
<p>
Pour utiliser OpenAthens, après avoir sélectionné <em>Sign In</em>, cliquez sur<em>OpenAthens</em>, puis choisir son institution (UNIGE ou HUG) et entrer ses identifiants (ISIs ou SESAME, selon les cas). Pour le détail de l'usage d'OpenAthens, <a dir="ltr" type="html/text" hreflang="français" lang="fr" href="#openathens">voir plus haut.</a>
</p>
<div class="figDyn">
<figure>
<img alt="Écran d'identification avec le lien OpenAthens entouré en rouge" src="https://www.unige.ch/biblio/files/3816/6869/6132/dynamed-app-openathens.jpg">
<figcaption>Choisir OpenAthens</figcaption>
</figure>
</div>
<style>
.articleDyn {
margin-top: .5em;
}
.qrcodes {
display: flex;
justify-content: center;
}
.qrcodes figure {
display: flex;
flex-direction: column;
justify-content: center;
}
.qrcodes img {
max-height: 10em;
}
.figDyn {
display: flex
}
.figDyn figure {
border: 1px solid #d80669;
border-radius: 5px;
margin: 1em auto;
}
.figDyn img {
border-radius: 5px;
}
.figDyn figcaption {
text-align: center;
padding: .5em 0;
}
</style>
</article>