Devoir 4: Le cours de cuisine de Sébastien

🔥🛩Consignes 🛩🔥

SVP lisez-les bien, comme si vous étiez pilote du vol IFT1005. Les chatons ronronnent car ils n'ont pas eu peur du tout durant le dernier devoir!

Où écrire le devoir?

Utilisez le code de Code pour la remise du devoir 4 à la section ci-dessus pour les fichiers intitules devoir4.xml et styleDev4.xsl (vous pouvez utiliser toujours un éditeur de texte à part et les coller après sur nano)

Une fois que vous aurez fini, les fichiers doivent se retrouver dans le même dossier que où se trouvent vos devoir 1, devoir 2, etc. Ils devraient donc être accessibles (pas d'erreur forbidden ni not found) aux adresses:


xxxxxxxxxx
https://www-ens.iro.umontreal.ca/~votreusername/ift1005/tp0/devoir4.xml


xxxxxxxxxx
https://www-ens.iro.umontreal.ca/~votreusername/ift1005/tp0/styleDev4.xsl

(ce qui implique que vous devez vous connecter sur arcade pour le deposer)

Notez que l'adresse complete de cet emplacement sur ssh avec la commande pwd est


xxxxxxxxxx
/home/www-ens/votreusername/public_html/ift1005/tp0/

Code pour la remise de devoir 4

Si vos fichiers xml et xsl ne contiennent pas tout ce qui est écrit ici, rien de moins, l'avion s'écrase.

**Assurez-vous d'écrire votre code où ça dit 

Comme dans le devoir 2, ça se peut que l'affichage soit bizarre - si c'est le cas, c'est correct, laissez-le comme ça, tant que ça contienne tout ce qu'il faut et qu'il marche selon le lien de validation donné dans la page de la demo 4.

N'oubliez pas de valider que ça marche dans le lien de validation de la démo 4 que j'ai mis.

devoir4.xml


x
<?xml version="1.0" encoding="UTF-8"?> 
<?xml-stylesheet href="styleDev4.xsl" type="text/xsl"?>
<!-- votre code ici -->

styleDev4.xsl


x
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:str="http://xsltsl.org/string" version="1.0">
  <xsl:output method="html"/>
  <xsl:template match="/">
    <html>
      <head>
        <title>Devoir 4</title>
        <style>
          // si jamais vous voulez rajouter des styles css,
          // mettez les ici (PAS NECESSAIRE)
        </style>
      </head>
      <body>
        <!-- votre code ici -->
      </body>
    </html>
  </xsl:template>
</xsl:stylesheet>

Remise

Votre devoir est considéré remis dès qu'il est visible sous le lien indiqué ci-dessus. Vous n'avez rien d'autre à faire une fois que ceci s'affiche.

La date limite pour que votre site s'affiche correctement est le mardi 8 février, 23h59. Tout minidevoir remis après cette date recevra la note "0".

Partie 1: La recette XML

Si vous êtes perdu.e, lisez la démo 4 et re-regardez la vidéo au besoin, et si vous avez encore de questions, venez les poser sur discord :)

Le devoir sera un peu plus difficile que les devoirs précédents, mais il est faisable!

Trouvez une recette sur internet (n'importe quel site) et répliquez-la sur une hiérarchie XML, dans devoir4.xml

Vous êtes laissé.e à decider quelles valises vous dévriez créer pour l'organiser, mais des exemples de valises qui pourraient être utiles seraient peut-être <recette>, <ingrédient>, etc.

Regardez vraiment les exemples de la demo 4 qui vous aideront grandement.

Partie 2: Rajoutons du style à notre recette

Utilisez du XSL pour "convertir" votre XML en HTML, dans styleDev4.xsl

L'on vous invite à utiliser des select et des foreach, au besoin, tels que décrits dans la démo 4 :)

https://w3schools.com/xml/xsl_intro.asp <-- pourrait aider aussi