Technologies de l internet Date: 26 juillet 2011, 14h30 17h20

Transcription

1 IFT3225-E2011 Examen Final Consignes Technologies de l internet Date: 26 juillet 2011, 14h30 17h20 Philippe Langlais Les calculatrices, téléphones, ordinateurs, etc. ne sont pas autorisés (vous pouvez vous en servir pour regarder l heure, mais vous ne devez pas pitonner dessus) Il y a 4 questions de programmation qui rapportent chacune à peu près le même nombre de points ainsi qu une question de cours qui rapporte moins de points (environ la moitié des points d une question de programmation). Conseil: lisez une question au complet avant d y répondre. 1. Questions de cours (a) Selon Dominic Forest, quand est apparu le terme Web 2.0? Qui l a introduit? Indiquez la caractéristique principale du Web 2.0. (b) Selon Dominic Forest, quel est le pourcentage de la population des internautes qui entretient ou alimente un blog? (c) Expliquez ce qu est le concept de béta-version permanente? (d) Qui a inventé le Web sémantique? Quelle caractéristique principale le distingue du Web normal? (e) Qu est-ce que le Linked Open Data? (f) Que veut dire le namespace foaf? (g) Qu est-ce qu une attaque include? Donnez un exemple. Indiquez comment éviter une telle attaque. 2. Le coin HTML dynamique (a) Écrivez une page HTML qui sera visualisée par votre navigateur comme indiqué dans la figure qui suit 1, de telle manière que: 1) votre page soit valide XHTML 1.0, 2) ne contienne aucun attribut id ou class, 3) ne contienne aucune commande de style. Si vous utilisez une feuille de style CSS, cette feuille doit être compatible CSS 2 (pas CSS 3). 1 La couleur affichée du rectangle à droite du code hexadécimal correspond à ce code, la première colonne indique le nom de la couleur.

2 IFT3225-E2011 Final Page 2 (b) Modifiez cette page par programmation javascript (pas de JQuery) de manière à ce qu une fois la page chargée, le nom des couleurs (première colonne) apparaisse dans la couleur correspondante (aquamarine doit donc apparaître dans la couleur #7FFFD4). Bien sûr, aucun code javascript ne doit figurer dans la page HTML et aucun gestionnaire d événement ne doit être enregistré à même la page HTML. Vous pouvez faire usage de la fonction addlistener vue en cours. Vous avez le droit d utiliser seulement les mécanismes de la DOM compatibles W3C (si vous ne savez pas quelle propriété DOM est compatible W3C indiquez le clairement pour chaque propriété utilisée). Vous indiquerez les modifications à apporter à votre page HTML afin de tenir compte du code javascript que vous donnerez. (c) Indiquez l affichage dans votre navigateur produit par l exécution du code suivant: document.write([1,2,3,4,5].join( <br/> ), "<br/>" ); (d) Étendez la classe Array de manière à ce que l appel suivant affiche la moyenne des valeurs de tab (soit 3.2 ici): var tab = [1,2,3,4,6]; document.write(tab.doit( function (x,y) {return x + y;}, 0, function (x) {return x/5;} )); (e) Modifiez l appel précédent de manière à ce que l affichage produise maintenant la concaténation des valeurs du tableau appelant dans le sens inverse de leur apparition dans le tableau. Dans le cas du tableau précédant, l affichage produit doit être: Vous ne devez changer que les... dans l appel qui suit et ne devez pas faire usage des fonctions reverse disponibles en javascript: document.write(tab.doit(...)); 3. Le coin XML Vous devez gérer des instances XML décrivant des séquences d au moins deux expressions arithmétiques (expression). Par définition, une valeur entière est une expression arithmétique. De même, tout opérateur binaire plus, moins, mult et div dont les deux arguments (left et right) sont des expressions arithmétiques est à son tour une expression arithmétique. Le nom d une séquence d expressions (ici exemple) est facultatif. L instance suivante est constitué de deux expressions arithmétiques que l on peut représenter plus classiquement par (12*2)-4 et 10 respectivement:

3 IFT3225-E2011 Final Page 3 <?xml version="1.0" encoding="utf-8"?> <expressions name="exemple"> <expression> <op operator="moins"> <left> <op operator="mult"> <left> <entier>12</entier> </left> <right> <entier>2</entier> </right> </op> </left> <right> <entier>4</entier> </right> </op> </expression> <expression> <entier>10<entier> </expression> </expressions> (a) Donnez un schéma DTD permettant de valider de telles instances XML. (b) Quels sont les éléments de type simple dans ce langage? (c) Donnez un schéma XML (fichier.xsd) permettant de valider de telles instances. Les types utilisés doivent être aussi précis que possible (une valeur entière n est pas une chaîne de caractères, etc.). (d) Écrivez une feuille de style XSLT permettant de transformer une instance de ce langage XML en un fichier (X)HTML qui affiche la valeur de chaque élément entier de l instance. Avec en entrée l instance de l exemple, 12, 2, 4 et 10 seront affichés respectivement. (Vous avez la liberté du format.) (e) Écrivez une feuille de style XSLT permettant de transformer une instance de ce language XML en un fichier (X)HTML qui affiche toutes les expressions sous forme préfixée. Avec en entrée l instance donnée en exemple, moins(mult(12,2),4) et 10 devront être affichés respectivement.(vous avez la liberté du format.) 4. Le coin PHP (a) Que sera affiché par votre navigateur s il reçoit la page HTML résultant du code PHP qui suit? Votre réponse doit indiquer clairement tous les espaces (par ) et retours à la ligne (par ) présents dans la page. Si une erreur se produit lors de l interprétation du code PHP, indiquez le problème et faites comme si l instruction fautive n était pas présente.

4 IFT3225-E2011 Final Page 4 <html> <body> <p>un: <?php $space = " "; for ($j=0; $j<5; $j++) { for ($i=0; $i<10; $i++) echo "$space"; echo a$i$j."\n"; }?> </p> <p>deux: <?php echo "$space"; echo array(1,2,3);?> </p> </body> </html> (b) Écrire un programme formulaire.php qui retourne un formulaire XHTML construit à l aide des paires attributs/valeurs passée via l URL selon les conventions suivantes (voir les exemples): un attribut commençant par la lettre l indique que l on souhaite insérer un élément label dont le texte est la valeur associée à l attribut, un attribut commençant par la lettre n indique que l on souhaite insérer un retour à la ligne (<br/>); la valeur associée est non pertinente, un attribut commençant par la lettre t indique un élément input de type text et la valeur de l attribut lorsque présente indique le texte par défaut devant apparaître dans cet élément input; le nom de l attribut privé de la première lettre (t) constitue le nom de l attribut name à associer à l élément input, un attribut commençant par la lettre s indique un élément input de type submit et la valeur indique le texte affiché dans le bouton associé. On notera que si aucun bouton submit n est spécifié via l URL, alors un bouton sera ajouté par défaut avec le texte SUBMIT. Aussi, si aucun élément input de type text n est spécifié via l URL, votre page doit indiquer que l usage de l URL est invalide. Enfin, vous ferez en sorte que l envoi du formulaire (lors du click d un bouton submit) se fasse par mode GET au programme formulaire.php qui sert donc de générateur et de gestionnaire de formulaire. 2 vous n avez pas à vous soucier des entêtes XHTML 1.0

5 IFT3225-E2011 Final Page 5 L URL suivante: formulaire.php?l1=nom&tnom=langlais&n1&l2=prenom&tprenom= philippe&n2&l3=age&tage&n3&s=envoi retournera une page XHTML affichée par votre navigateur comme ceci: Tandis que celle-ci: formulaire.php?l1=nom&tnom=langlais&l2=prenom&tprenom= philippe&n1&l3=age&tage produira la page: (c) Modifiez ou complétez formulaire.php de manière à ce que lorsque ce programme est sollicité parce qu un formulaire lui a été envoyé, la liste des paires attributs/valeurs rentrées par l utilisateur via le formulaire soit retournée (sous forme HTML) au client (navigateur). Si suite à la première URL donnée en exemple, l utilisateur entre Tremblay dans le champ nom, Michel dans le champ prénom, 55 dans le champ age, puis clique sur le bouton envoi, alors formulaire.php retournerait une page comme celle qui suit (le format d affichage est libre):

6 IFT3225-E2011 Final Page 6 5. Le coin AJAX (a) Quel protocole est utilisé pour effectuer les requêtes AJAX? (b) Quelles sont les étapes impliquées dans la création d une requête AJAX? (c) La requête est-elle initiée côté serveur ou côté client? (d) Considérez l application PHP citation.php qui à chaque fois qu on la demande retourne une citation aléatoire (du texte). Créez une page ajax.html qui contient des éléments span et écrivez un programme javascript ajax.js qui fait en sorte qu à chaque fois que la souris passe sur l un des spans (événement mouseover) de la page HTML à laquelle il s applique, le contenu de cet élément est remplacé par une citation retournée par citation.php. Vous mettrez en place pour cela une requête AJAX à cette URL dont l action en cas de succès est de changer le contenu de l élément span désigné par l événement. (e) Considérez que du côté serveur, il existe un fichier ascii citation.txt de citations dont chaque ligne est une citation. Écrivez le programme citation.php qui retourne une citation choisie aléatoirement parmi ces citations. Vous ne présumerez pas que vous connaissez le nombre de citations disponibles dans le fichier citations.txt. La fonction rand(a,b) en PHP retourne un entier entre a et b inclus. (f) Imaginez maintenant qu un programme côté serveur retourne des expressions au format XML telles que définies à la question 3. Écrivez une fonction qui serait appelée après l exécution réussie d une requête AJAX depuis une page HTML/Javascript à ce programme et dont le but est d ajouter à la fin de la page HTML concernée les valeurs entières présentes dans l instance retournée par le serveur. Vous n avez pas besoin de donner le code de la page HTML, ni de spécifier l enregistrement des gestionnaires de votre page dynamique, ni même de donner le code de la construction de la requête AJAX. Bonne chance