\documentclass[a4paper, 12pt]{article}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage[french]{babel}
\usepackage{graphicx}
\usepackage{titlesec}
\usepackage{listings}
\usepackage{color}
\usepackage{multicol}
\usepackage{lastpage}
\usepackage{textcomp}
\usepackage{listingsutf8}
\usepackage{float}
\usepackage[french]{babel}
\usepackage[a4paper, left=20mm, right=20mm]{geometry}

\setlength{\parindent}{0in}
\titlespacing\section{0pt}{6pt plus 2pt minus 2pt}{6pt plus 2pt minus 2pt}
\titlespacing\subsection{0pt}{6pt plus 2pt minus 2pt}{6pt plus 2pt minus 2pt}

\definecolor{dkgreen}{rgb}{0,0.6,0}
\definecolor{gray}{rgb}{0.5,0.5,0.5}
\definecolor{mauve}{rgb}{0.58,0,0.82}

\lstset{frame=none,
  language=HTML,
  aboveskip=0mm,
  belowskip=3mm,
  showstringspaces=false,
  columns=flexible,
  basicstyle={\small\ttfamily},
  numbers=left,
  numberstyle=\tiny\color{gray},
  keywordstyle=\color{blue},
  commentstyle=\color{dkgreen},
  stringstyle=\color{mauve},
  breaklines=true,
  breakatwhitespace=true,
  tabsize=3,
  morekeywords={assert,xs:schema,xs:element,xs:complexType,xs:sequence,xs:attribute},
  deletekeywords={label},
  upquote=true,
  inputencoding=utf8/latin1,
  literate=%
                {é}{{\'e}}{1}%
                {è}{{\`e}}{1}%
                {à}{{\`a}}{1}%
                {ç}{{\c{c}}}{1}%
                {œ}{{\oe}}{1}%
                {ù}{{\`u}}{1}%
                {É}{{\'E}}{1}%
                {È}{{\`E}}{1}%
                {À}{{\`A}}{1}%
                {Ç}{{\c{C}}}{1}%
                {Œ}{{\OE}}{1}%
                {Ê}{{\^E}}{1}%
                {ê}{{\^e}}{1}%
                {î}{{\^i}}{1}%
                {ô}{{\^o}}{1}%
                {û}{{\^u}}{1}%
                {ë}{{\¨{e}}}1
                {û}{{\^{u}}}1
                {â}{{\^{a}}}1
                {Â}{{\^{A}}}1
                {Î}{{\^{I}}}1
}

\title{\vspace{-4,0cm}%
\includegraphics[width=\textwidth]{logo.jpg}~
\\[1cm]
Système d'information\\
TP 02 : XSL Tranformation\\
I-2a}
\author{
    Chassot Laurent \\ laurent.chassot@edu.hefr.ch
    \and
    Victor Bernet \\ victor.bernet@edu.hefr.ch
}
\begin{document}
\maketitle

\section{Introduction}
Le but de ce travail est de reprendre le XML réalisé au premier TP et de générer à partir de celui-ci, un fichier HTML avec l'utilisation de la technologie XSL.
\section{Rendu final du fichier HTML}
\begin{figure}[H]
    \centering
    \includegraphics[width=\textwidth]{rendu.png}
    \caption{Le fichier HTML généré}
\end{figure}
\section{Etapes}
Nous avons commencé par créer des templates pour structurer chacune des donneés. Par exemple, nous avons les templates "Articles" - "Article" ou "Adresses" - "Adresse".  Ensuite, nous avons formaté l'ensemble du document avec entre autre l'utilisation d'un tableau.
\section{Placement des informations}
Le placement de données dans des balises se fait avec:
\begin{lstlisting}
<xsl:value-of select="@id"/>
\end{lstlisting}
Cependant, notez que si les texte est à placer dans un attribut, on utilise des accolades, comme par exemple, avec une image:
\begin{lstlisting}
<img src='{img}'></img>
\end{lstlisting}
\section{Difficultés rencontrées}
Les adresses (livraison et paiement) se trouvant dans des sections différentes, un template appelant les deux adresses spécialement est réalisé. Celui-ci est ensuite appelé via un call-template.
\begin{lstlisting}
<xsl:template name="adresses">
    <div>
        <div style="width: 50%; float:left; text-align:center;">
            <u>Adresse de livraison:</u>
            <br/>
            <xsl:apply-templates select="//livraison/adresse"/>
        </div>
        <div style="width: 50%; float:right; text-align:center;">
            <u>Adresse de paiement:</u>
            <br/>
            <xsl:apply-templates select="//paiement/adresse"/>
        </div>
    </div>
</xsl:template>
\end{lstlisting}
L'appel se fait donc avec:
\begin{lstlisting}
<xsl:call-template name="adresses"/>
\end{lstlisting}
\section{Styles}
Afin de rendre le rendu un minimum "beau" (ou magnifique pour 1972) et bien formaté, quelques attributs "style" sont présents.
\section{Conclusion}
En conclusion, faire ce genre de fichier pour un exercice est vraiment un travail ennuyant. Le temps nécessaire à mettre en page ensuite est aussi très long.\\
Si le travail serait à refaire, nous pensons que faire un seul template avec des "value-of" dedans serait bien plus simple. Bien sûr dans certains cas, utiliser des templates est bien utile mais si on ne fait que ça (comme ici), on est contraint de respecter strictement la hiérarchie du document XML.
\end{document}