TD5 Web2 2022 - 2023

Etablissement : ISET-Charguia Département : Technologies de l’Informatique
Matière : Développement Web et Multimédia 2 Enseignante : A. TRIKI

Classe : TI 101 & TI 106 Année Universitaire : 2022 – 2023
TD n° 5 : Accès aux données Serveur
Exercice 1 :
L’ISET de Charguia souhaite disposer d’un outil permettant d’identifier les copiages entre les
travaux remis par les étudiants.
Pour cela, il est demandé de développer l’interface suivante où l’enseignant introduit 2
chaînes dans les zones de texte text1 et text2 puis clique sur le bouton Calculer pour afficher
le pourcentage de similarité entre les 2 textes.
text1
text2
divResult
Figure 1: Interface de la page "Similarite.html"

Soit l’API “Text Similarity Calculator1”qui offre l’URL de base suivante (à partir de laquelle
il est possible d’accéder à une ressource) :
https://text-similarity-calculator.p.rapidapi.com/stringcalculator.php
Sachant que l’API définit :
✓ 2 paramètres d’entête pour l’authentification :
Clé Valeur
X-RapidAPI-Key' 255c99d668mshb475ec51acca46ap1353d0jsnf59640bae26c
X-RapidAPI-Host' text-similarity-calculator.p.rapidapi.com
✓ 2 paramètres de requête obligatoires : ftext et stext permettant respectivement de

définir le 1er et le 2ème texte à comparer.
Travail demandé :
1. Donnez l’endpoint fourni par cette API en s’appuyant sur la spécification donnée
2. Où sont définis les paramètres d’entête ?
3. On considère que le corps de la réponse http fournit l’objet suivant :
1
La documentation de cette API est fournie sur https://rapidapi.com/medel/api/text-similarity-calculator
TD n°5 Développement Web et Multimédia2 1

Figure 2: Aperçu de l'affichage du corps de la réponse à la requête http dans la fenêtre console
4. Ecrire une fonction javascript calculerSimilarite() qui récupère à partir de l’API le
pourcentage de similarité des 2 chaînes introduites dans text1 et text2 at affiche dans
une division divResult le pourcentage de similarité selon le format indiqué en figure 1.
5. Compléter la page « Similarite.html » qui utilise cette API et qui répond à la
spécification donnée
1 <body>
2 <h1>Calculateur de similarité de texte</h1>
3 <label>Texte 1 :</label>
4
<textarea id="text1" rows="2" cols="30"></textarea> <br>
5
<label>Texte 2 :</label>
6
7 <textarea id="text2" rows="2" cols="30"></textarea> <br>
8 <button>Calculer</button> <br>
9 <div id="result"></div>
10 </body>
Exercice 2 :
On souhaite développer une page permettant de rechercher des auteurs et le nombre de leurs
livres comme le montre la figure 3.
Figure 3: Aperçu de l'interface "auteurs.html"
L’utilisateur introduit dans la zone de texte le nom de l’auteur. En cliquant sur le bouton
« Rechercher », l’identifiant et le nom de tous les auteurs s’affiche. Un clic sur un list item
affiche dans une boîte de dialogue le nombre de livres de l’auteur en question.

Soit l’API de OpenLibrary 2qui offre les 2 endpoints suivants :
GET https://openlibrary.org/search/authors.json?q={nomAuteur}
Exemple :
GET https://openlibrary.org/search/authors.json?q=mahfoudh donne
Figure 4: Aperçu de l’affichage du corps de la réponse à la requête http dans la fenêtre console
GET https://openlibrary.org/authors/{IdentifiantAuteur}/works.json
Exemple :
GET https://openlibrary.org/authors/OL10660850A/works.json donne
Figure 5: Aperçu de l'affichage du corps de la requête dans la fenêtre console
Travail demandé :
1. Ecrire une fonction javascript chercherAuteurs() qui affiche dans une liste non
numérotée l’identifiant et le nom complet des auteurs dont le nom a été introduit dans
la zone de texte
2. Ecrire une fonction javascript nbLivres() qui affiche dans une boîte de dialogue le
nombre de livres d’un auteur ayant un identifiant bien spécifique.
N.B :
On considère que le code html est donné comme suit :
<h1>Recherche d'auteurs</h1>
<label>Nom de l'auteur :</label>
<input type="text" id="nomAuteur">
<input type="button" onclick="chercherAuteurs()" value="Rechercher"> <br>
<ul id="listAuteurs"></ul>
2
La documentation de cette API est fournie sur : https://openlibrary.org/dev/docs/api/authors

TD5 Web2 2022 - 2023

Transféré par

Droits d'auteur :

Formats disponibles

TD5 Web2 2022 - 2023

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

TD5 Web2 2022 - 2023

Transféré par

Droits d'auteur :

Formats disponibles

Etablissement : ISET-Charguia Département : Technologies de l’Informatique

Matière : Développement Web et Multimédia 2 Enseignante : A. TRIKI

TD n° 5 : Accès aux données Serveur

Figure 1: Interface de la page "Similarite.html"

✓ 2 paramètres de requête obligatoires : ftext et stext permettant respectivement de

TD n°5 Développement Web et Multimédia2 1

Figure 3: Aperçu de l'interface "auteurs.html"

TD n°5 Développement Web et Multimédia2 2

Figure 5: Aperçu de l'affichage du corps de la requête dans la fenêtre console

TD n°5 Développement Web et Multimédia2 3

Vous aimerez peut-être aussi