mise a jour CM1

CM1/CM1.md

@@ -0,0 +1,129 @@
+---
+title: "Projets, CM1"
+date: 2016-05-18
+---
+
+# Introduction
+
+## Motivation du module Projets
+
+- réaliser un « vrai » logiciel est souvent complexe voire compliqué
+- il existe de nombreuses méthodologies et nombreux outils
+- mais pas de miracle
+- objectif du module : réaliser un logiciel pas complètement trivial en utilisant quelques méthodes et outils classiques
+
+## Organisation du module
+
+- du 8 au 24 juin 2016 à temps plein
+- présence **OBLIGATOIRE** : 9h-12h + 13h-16h
+(en salle de cours pour les CM, en salles machines le reste du temps)
+- à réaliser : cahier des charges, livrables, rapport, soutenance
+- informations : [https://www-lisic.univ-littoral.fr/~dehos](https://www-lisic.univ-littoral.fr/~dehos)
+
+## Objectifs de la gestion de projet
+
+- faire aboutir le projet
+- respecter les fonctionnalités demandées, les délais, les coûts
+- prévoir les problèmes possibles, détecter les problèmes réels
+
+## Étapes d’un projet
+
+- analyse du besoin, spécification
+- conception, développement, validation, documentation
+- livraison, déploiement, maintenance
+
+$\rightarrow$ déroulement unitaire ou itératif
+
+
+# Premières étapes d'un projet informatique
+
+## Analyse du besoin
+
+- objectif :
+    - savoir ce que veut exactement le client
+    - voir si c’est faisable
+- outils :
+    - discussion
+    - étude de l’existant
+    - maquette, prototype...
+
+## Spécification
+
+- définition précise du résultat attendu
+- « contrat » entre le client et le prestataire (cahier des charges)
+
+## Gestion des risques
+
+- objectif : prévoir les problèmes possibles et savoir les gérer
+- identifier les risques :
+    - type (complexité, incertitude)
+    - domaine (cible, projet)
+- prévoir les risques :
+    - impact, probabilité d’apparition
+    - prévention, correction
+- suivre les risques : les détecter quand ils se produisent
+- choix d’une stratégie de développement :
+    - unitaire si le projet est simple et certain
+    - itératif si complexe ou incertain
+
+## Planification
+
+- objectif : prévoir le déroulement, le vérifier, adapter si besoin
+- organiser le projet : étapes, durées, dépendances, ressources (PERT)
+- planifier : affectation réelle des dates et ressources (Gantt)
+- suivre : comparer prévu/réel, détecter les problèmes, actions correctrices
+
+
+# Cahier des charges
+
+## Motivation
+
+- formalise la demande, décrit ce que le prestataire doit fournir au client à la fin du projet
+- « contrat » entre le client et le prestataire
+- doit être précis et exhaustif
+- et si possible clair et concis...
+
+$\rightarrow$ voir l’[exemple fourni](https://gogs.univ-littoral.fr/jdehos/cours_projets_l3/src/master/template_cdc)
+
+## Contenu
+
+- fiche de renseignements
+- description du besoin
+- spécifications
+- annexes
+
+## Fiche de renseignements
+
+- nom et objet du projet
+- noms du client et du prestataire
+- dates de début et de fin du projet
+
+## Description du besoin
+
+- objectif : présenter la demande
+- contenu : contexte, besoins, priorités
+- forme : texte
+
+## Spécifications
+
+- objectif : formaliser les livrables/fonctionnalités demandés
+- contenu : caractéristiques précises et exhaustives
+- forme : listes
+
+## Annexes
+
+- maquettes
+- formats de fichiers, protocoles de communication
+- diagrammes de cas d’utilisation
+- planning prévisionnel
+- ...
+
+
+# Travail à réaliser
+
+## Dans la semaine
+
+- rédiger un cahier des charges **validé par le « client »**
+
+
+

Makefile

@@ -0,0 +1,26 @@
+
+all: tmp/index.html tmp/index_slides.html tmp/CM1.html tmp/CM1_slides.html
+	mkdir -p tmp
+	cp www/template.css www/slidy.css www/slidy.js tmp
+
+tmp/before.html: www/before.md
+	pandoc -o $@ $<
+
+tmp/index.html: www/index.md tmp/before.html 
+	pandoc --template www/template.html --css template.css --toc --toc-depth 1 --include-before tmp/before.html -s -o $@ $<
+
+tmp/index_slides.html: www/index.md tmp/before.html 
+	pandoc --css slidy.css --template www/template_slidy.html --toc --toc-depth 1 -t slidy -s -o $@ $<
+
+tmp/CM1.html: CM1/CM1.md tmp/before.html 
+	pandoc --template www/template.html --css template.css --toc --toc-depth 1 --include-before tmp/before.html -s -o $@ $<
+
+tmp/CM1_slides.html: CM1/CM1.md tmp/before.html 
+	pandoc --css slidy.css --template www/template_slidy.html --toc --toc-depth 1 -t slidy -s -o $@ $<
+
+publish:
+	scp tmp/* yangra.univ-littoral.fr:public-html/enseignements/L3Info_Projets/
+
+clean:
+	rm -rf tmp
+

oldCM1/L3Info_Projets_CM1.tex

@@ -1,105 +0,0 @@
-\documentclass[10pt]{beamer}
-\usepackage{fontspec}
-\usepackage[frenchb]{babel}
-\usepackage{wasysym}
-\usepackage{graphicx}
-\usepackage{hyperref}
-\usepackage[export]{adjustbox}
-\usepackage{minted}
-\usepackage{multicol}
-
-\usepackage{tikz}
-%\usetikzlibrary{shapes}
-%\usetikzlibrary{calc}
-% red, green, blue, cyan , magenta, yellow, black, gray, darkgray, lightgray, brown, lime, olive, orange, pink, purple, teal, violet and white.
-
-%----------------------------------------------------------------------
-
-\usecolortheme[RGB={200,50,150}]{structure}
-\usetheme{Madrid} 
-\setbeamersize{text margin left=1cm, text margin right=1cm} 
-\useoutertheme{umbcfootline} 
-\setfootline{\insertshortauthor \hfill \insertshorttitle \hfill \insertframenumber/\inserttotalframenumber} 
-
-\setcounter{tocdepth}{1}
-
-\AtBeginSection[] {
-  \begin{frame}{\large Sommaire}
-    \tableofcontents[currentsection]
-    \addtocounter{framenumber}{-1}
-  \end{frame}
-} 
-
-\title{ULCO-L3Info-Projets-CM1}
-
-\author[A. Lewandowski, E. Ramat, J. Dehos]{Arnaud Lewandowski, Eric Ramat, Julien Dehos}
-
-\institute{Université du Littoral Côte d'Opale}
-
-%----------------------------------------------------------------------
-
-\begin{document}
-
-\begin{frame}
-  \maketitle
-\end{frame}
-
-\begin{frame}{\large Sommaire}
-  \tableofcontents
-\end{frame}
-
-%----------------------------------------------------------------------
-
-\input{section_introduction}
-
-\input{section_premieres_etapes}
-
-\input{section_cahier_des_charges}
-
-%----------------------------------------------------------------------
-
-\section{Travail à réaliser}
-
-\begin{frame}{\large \insertsection}
-  \begin{center}
-    \begin{block}{Travail à réaliser dans la semaine}
-        \begin{itemize}
-            \item rédiger un cahier des charges \textbf{validé par le "client"} 
-        \end{itemize}
-    \end{block} 
-  \end{center}
-\end{frame}
-
-\begin{frame}{\large \insertsection}
-  \begin{center}
-      \begin{block}{Travail à réaliser \textbf{ce matin absolument}}
-        \begin{itemize}
-            \item pour chaque groupe des \textbf{thèmes 1 et 3}, envoyer un mail indiquant les nom/prénom/mail de chaque étudiant du groupe et le numéro du thème à \url{dehos@lisic.univ-littoral.fr}
-        \end{itemize}
-    \end{block} 
-  \end{center}
-\end{frame}
-
-\begin{frame}{\large \insertsection}
-  \begin{center}
-      \begin{block}{Travail à réaliser \textbf{là tout de suite maintenant}}
-        \begin{itemize}
-            \item répartition des étudiants dans les thèmes
-        \end{itemize}
-    \end{block} 
-  \end{center}
-\end{frame}
-
-
-\begin{frame}
-  \begin{center}
-  Fin du CM1
-  \end{center}
-\end{frame}
-
-%----------------------------------------------------------------------
-
-\end{document}
-
-%----------------------------------------------------------------------
-

oldCM1/Makefile

@@ -1,7 +0,0 @@
-
-all: 
-	xelatex -shell-escape L3Info_Projets_CM1.tex
-
-clean:
-	rm *.aux *.log *.out *.nav *.toc *.pyg *.snm *.vrb
-

oldCM1/beamerinnerthemeumbcboxes.sty

@@ -1,63 +0,0 @@
-\ProvidesPackage{beamerinnerthemeumbcboxes}[2004/12/20 v1.0 for beamer 3.01]
-
-% Here we define two new environments, displaybox and onlinebox,
-% draw fancy boxes around text and equations.
-% 
-% Usage:
-%
-% \documentclass{beamer}
-% \usetheme{umbc4}
-% \useinnertheme{umbcboxes}
-% \setbeamercolor{umbcboxes}{bg=violet!15,fg=black}
-% ...
-% \begin{displaybox}{5cm}
-% \[ a^2 + b^2 = c^2 \]
-% \end{displaybox}
-% ...
-% This is an \begin{onlinebox}{24mm} online box.\end{onlinebox}
-% 
-% Rouben Rostamian <rostamian@umbc.edu>
-
-\mode<presentation>
-
-% The default box color.  The user is expected to override this.
-\setbeamercolor{umbcboxes}{bg=structure!15!normal text.bg,fg=black}
-
-% \newenvironment{displaybox}[1]{
-% \begin{columns}\begin{column}{#1}
-% \begin{beamerboxesrounded}[lower=umbcboxes,shadow=true]{}}
-% {\end{beamerboxesrounded}\end{column}\end{columns}}
-% 
-% \newenvironment{onlinebox}[1]{
-% \newbox\@mybox
-% \setbox\@mybox\hbox\bgroup\begin{minipage}{#1}
-% \begin{beamerboxesrounded}[lower=umbcboxes,shadow=true]{}%
-%   \centering\vspace{-2pt}}
-% {\end{beamerboxesrounded}\end{minipage}\egroup%
-%   \hspace{0.0em}\raisebox{1pt}{\usebox\@mybox}\hspace{0.5em}}
-
-\newenvironment{displaybox}[1]
-{
-  \centerline\bgroup\hfill
-  \begin{beamerboxesrounded}[lower=umbcboxes,shadow=true,width=#1]{}
-}
-{
-  \end{beamerboxesrounded}\hfill\egroup
-}
-
-\newenvironment{onlinebox}[1]
-{
-  \newbox\@mybox
-  \newdimen\@myboxht
-  \setbox\@mybox\hbox\bgroup%
-    \begin{beamerboxesrounded}[lower=umbcboxes,shadow=true,width=#1]{}
-  \centering
-}
-{
-  \end{beamerboxesrounded}\egroup
-  \@myboxht\ht\@mybox
-  \raisebox{-0.25\@myboxht}{\usebox\@mybox}\hspace{2pt}
-}
-
-\mode<all>
-

oldCM1/beamerinnerthemeumbctribullets.sty

@@ -1,69 +0,0 @@
-\ProvidesPackage{beamerinnerthemeumbctribullets}[2004/12/14 v1.0 for beamer 3.01]
-
-% Beamer inner theme
-% Set enumi, enumii, enumiii markers to triangles with shadows
-% 
-% Usage:
-%
-%    \useinnertheme{umbctribullets}
-% 
-% The color of the triangles may be changed with the command:
-% 
-%    \umbctribulletscolors{colori}{colorii}{coloriii}
-%
-% For example:
-% 
-%    \umbctribulletscolors{structure!60!bg}{structure!60!bg}{red}
-%    
-% 
-% Rouben Rostamian <rostamian@umbc.edu>
-
-
-\mode<presentation>
-
-% added 2007-05-05
-\usepackage{pgfcomp-version-0-65}
-
-% Draws a right-pointing triangle in color #1.
-\newcommand{\umbc@filledTriangle}[1]{%
-  \pgfmoveto{\pgfxy(0,-1)}
-  \pgflineto{\pgfxy(0,1)}
-  \pgflineto{\pgfxy(1,0)}
-  \pgfclosepath
-  \color{#1}
-  \pgffill}
-
-% Draws three overlapping triangles to achieve a shadow effect.
-% The non-shadow trangle is drawn in color #1.
-\newcommand{\umbc@tribullets}[1]{{       % two braces to localize \pgfsetxvec
-  \pgfsetxvec{\pgfpoint{0.75ex}{0pt}}   % x-scale
-  \pgfsetyvec{\pgfpoint{0pt}{0.75ex}}   % y-scale
-  \begin{pgfpicture}{-0.1ex}{-0.6ex}{1.2ex}{-0.6ex}  % clipping
-    \pgftranslateto{\pgfxy(0.15,-.30)}
-    \pgftranslateto{\pgfxy(-0.05,.10)}\umbc@filledTriangle{black!20!bg}
-    \pgftranslateto{\pgfxy(-0.05,.10)}\umbc@filledTriangle{black!75!bg}
-    \pgftranslateto{\pgfxy(-0.05,.10)}\umbc@filledTriangle{#1}
-  \end{pgfpicture}}}
-
-% hook to let user change the tribullets colors for enumi, enumii, enumiii
-\newcommand{\umbctribulletscolors}[3]{%
-  \def\umbc@tribulletscoli{#1}
-  \def\umbc@tribulletscolii{#2}
-  \def\umbc@tribulletscoliii{#3}
-}
-
-% set default colors for enumi, enumii, enumiii
-\umbctribulletscolors{red}{blue}{orange!40!yellow}
-
-\defbeamertemplate{itemize item}{umbctribullets}{%
-  \umbc@tribullets{\umbc@tribulletscoli}}
-
-\defbeamertemplate{itemize subitem}{umbctribullets}{%
-  \small\umbc@tribullets{\umbc@tribulletscolii}}
-
-\defbeamertemplate{itemize subsubitem}{umbctribullets}{
-  \footnotesize\umbc@tribullets{\umbc@tribulletscoliii}}
-
-\setbeamertemplate{items}[umbctribullets]
-
-\mode<all>

oldCM1/beamerouterthemeumbcfootline.sty

@@ -1,37 +0,0 @@
-\ProvidesPackage{beamerouterthemeumbcfootline}[2004/11/27 v1.0 for beamer 3.01]
-
-% A Beamer outer theme to put footlines on slides
-% 
-% The user can override the default contents of the footline
-% through the command \setfootline{whatever}
-% 
-% Rouben Rostamian <rostamian@umbc.edu>
-
-\mode<presentation>
-
-% the default contents of footline
-\newcommand{\umbc@footline}{%
-  \insertshortauthor, \insertshortinstitute
-  \hfill
-  \insertshorttitle
-  \ifx\insertsubtitle\@empty\else, \insertshortsubtitle\fi
-  \hfill
-  \insertframenumber/\inserttotalframenumber}
-
-% color definition as in beamerouterthemeinfolines.sty
-\setbeamercolor{umbc@ftcolor}{parent=palette secondary}
-
-\setbeamertemplate{footline}{%
-  \usebeamerfont{structure}
-  \begin{beamercolorbox}[wd=\paperwidth,ht=2.25ex,dp=1ex]{umbc@ftcolor}%
-    \Tiny\hspace*{4mm}\umbc@footline\hspace{4mm}
-  \end{beamercolorbox}}
-
-% The user can override the default \umbc@footline by \setfootline{whatever}
-\newcommand{\setfootline}[1]{\renewcommand{\umbc@footline}{#1}}
-
-% don't show navigation buttons
-\setbeamertemplate{navigation symbols}{}
-
-\mode<all>
-

oldCM1/beamerthemeumbc2.sty

@@ -1,28 +0,0 @@
-\ProvidesPackage{beamerthemeumbc2}[2004/12/19 v1.0 for beamer 3.01]
-
-% A slightly modified version of the Classic theme (beamer 2.21) and
-% and the Singapore theme (beamer 3.01).
-% 
-% Usage:
-% 
-% \documentclass{beamer}
-% \usetheme{umbc2}
-% ...
-% Rouben Rostamian <rostamian@umbc.edu>
-
-\mode<presentation>
-
-% vertical shading for header
-\setbeamercolor{section in head/foot}{use=structure,bg=structure.fg!25!bg}
-\AtBeginDocument{%
-  {\usebeamercolor{section in head/foot}}
-  \pgfdeclareverticalshading{beamer@headfade}{\paperwidth}{%
-    color(0cm)=(bg); color(1.5cm)=(section in head/foot.bg) }
-  \setbeamercolor{section in head/foot}{bg=}
-}
-\addtoheadtemplate{\pgfuseshading{beamer@headfade}\vskip-1.5cm}{}
-
-\setbeamertemplate{items}[ball]   % 3-D balls for itemize/enumerate
-\useoutertheme{umbcfootline}
-
-\mode<all>

oldCM1/section_cahier_des_charges.tex

@@ -1,68 +0,0 @@
-
-\section{Cahier des charges}
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Motivation}
-    \begin{itemize}
-        \item formalise la demande, décrit ce que le prestataire doit fournir au client à la fin du projet
-        \item "contrat" entre le client et le prestataire
-        \item doit être précis et exhaustif
-        \item et si possible clair et concis…
-        \item [$\rightarrow$] voir l'exemple sur la page web du module
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-\begin{frame}{\large \insertsection}
-    \begin{block}{Contenu}
-    \begin{itemize}
-    \item fiche de renseignements
-    \item description du besoin
-    \item spécifications
-    \item annexes
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Fiche de renseignements}
-    \begin{itemize}
-    \item nom et objet du projet
-    \item noms du client et du prestataire
-    \item dates de début et de fin du projet
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Description du besoin}
-    \begin{itemize}
-    \item objectif : présenter la demande
-    \item contenu : contexte, besoins, priorités 
-    \item forme : texte 
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Spécifications}
-    \begin{itemize}
-    \item objectif : formaliser les livrables/fonctionnalités demandés
-    \item contenu : caractéristiques précises et exhaustives
-    \item forme : listes  
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Annexes}
-    \begin{itemize}
-    \item maquettes
-    \item formats de fichiers, protocoles de communication
-    \item diagrammes de cas d'utilisation
-    \item planning prévisionnel
-    \item …
-    \end{itemize}
-  \end{block} 
-\end{frame}
-

oldCM1/section_introduction.tex

@@ -1,48 +0,0 @@
-
-\section{Introduction}
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Motivation du module Projets}
-    \begin{itemize}
-      \item réaliser un "vrai" logiciel est souvent complexe voire compliqué
-      \item il existe de nombreuses méthodologies et nombreux outils
-      \item mais pas de miracle
-      \item objectif du module : réaliser un logiciel pas complètement trivial en utilisant quelques méthodes et outils classiques
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Organisation du module}
-    \begin{itemize}
-            \item du 1\ier~au 19 juin 2015 à temps plein
-            \item présence \textbf{OBLIGATOIRE} : 9h-12h + 13h-16h (en salle de cours pour les CM, en salles machines le reste du temps)
-            \item à réaliser : cahier des charges, livrables, rapport, soutenance
-            \item informations : \url{www-lisic.univ-littoral.fr/~dehos}
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Objectifs de la gestion de projet}
-    \begin{itemize}
-    \item faire aboutir le projet
-    \item respecter les fonctionnalités demandées, les délais, les coûts
-    \item prévoir les problèmes possibles, détecter les problèmes réels
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Étapes d'un projet}
-    \begin{itemize}
-    \item analyse du besoin, spécification
-    \item conception, développement, validation, documentation
-    \item livraison, déploiement, maintenance
-    \item[$\rightarrow$] déroulement unitaire ou itératif
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-

oldCM1/section_premieres_etapes.tex

@@ -1,68 +0,0 @@
-\section{Premières étapes d'un projet informatique}
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Analyse du besoin}
-    \begin{itemize}
-    \item objectif : 
-        \begin{itemize}
-        \item savoir ce que veut exactement le client
-        \item voir si c'est faisable
-        \end{itemize}
-    \item outils :
-        \begin{itemize}
-        \item discussion
-        \item étude de l'existant
-        \item maquette, prototype…
-        \end{itemize}
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Spécification}
-    \begin{itemize}
-    \item définition \textbf{précise} du résultat attendu
-    \item "contrat" entre le client et le prestataire (cahier des charges)
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Gestion des risques}
-    \begin{itemize}
-    \item objectif : prévoir les problèmes possibles et savoir les gérer
-    \item identifier les risques :
-        \begin{itemize}
-        \item type (complexité, incertitude)
-        \item domaine (cible, projet)
-        \end{itemize}
-    \item prévoir les risques :
-        \begin{itemize}
-        \item impact, probabilité d'apparition
-        \item prévention, correction 
-        \end{itemize}
-    \item suivre les risques : les détecter quand ils se produisent
-    \item [$\rightarrow$] choix d'une stratégie de développement :
-        \begin{itemize}
-        \item unitaire si le projet est simple et certain
-        \item itératif si complexe ou incertain
-        \end{itemize}
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-\begin{frame}{\large \insertsection}
-  \begin{block}{Planification}
-    \begin{itemize}
-    \item objectif : prévoir le déroulement, le vérifier, adapter si besoin
-    \item organiser le projet : étapes, durées, dépendances, ressources (PERT)
-    \item planifier : affectation réelle des dates et ressources (Gantt)
-    \item suivre : comparer prévu/réel, détecter les problèmes, actions correctrices
-    \end{itemize}
-  \end{block} 
-\end{frame}
-
-

publish.sh

@@ -1,48 +0,0 @@
-#!/bin/sh
-
-if [ -z $MAKE ]
-then
-    MAKE=make
-fi
-
-ROOT=`pwd`
-FILES=""
-
-# CM
-CMS=`find . -name "CM*" -type d -prune`
-for cm in $CMS
-do
-    cd $ROOT/$cm
-    $MAKE 
-    touch *.tex # force recompiling (latex toc)
-    $MAKE 
-    FILES="$FILES $cm/`ls *.pdf`"
-done
-cd $ROOT
-
-# TP
-TPS=`find . -name "template_*" -type d -prune`
-for tp in $TPS
-do
-    # pdf
-    cd $ROOT/$tp
-    $MAKE 
-    touch *.tex # force recompiling (latex toc)
-    $MAKE 
-    $MAKE clean
-    FILES="$FILES $tp/`ls *.pdf`"
-    # code
-    cd $ROOT
-    tar zcf ${tp}.tar.gz ${tp}
-    FILES="$FILES ${tp}.tar.gz"
-done
-cd $ROOT
-
-# www
-$MAKE -C www
-FILES=" $FILES ./www/index.html "
-
-# upload files
-echo $FILES
-scp $FILES yangra.univ-littoral.fr:public-html/enseignements/L3Info_Projets/
-

www/Makefile

@@ -1,18 +0,0 @@
-HTML_FILES = index.html index_slides.html
-
-all: $(HTML_FILES)
-	mkdir -p ../tmp/
-	cp $(HTML_FILES) template.css slidy.css slidy.js ../tmp
-
-before.html: before.md
-	pandoc -o $@ $<
-
-index.html: index.md before.html 
-	pandoc --template template.html --css template.css --toc --toc-depth 1 --include-before before.html -s -o $@ $<
-
-index_slides.html: index.md before.html 
-	pandoc --css slidy.css --template template_slidy.html --toc --toc-depth 1 -t slidy -s -o $@ $<
-
-clean:
-	rm -f $(HTML_FILES) before.html
-

www/before.md

@@ -1,2 +1,4 @@
 - [Présentation](index.html) 
 - [Présentation (slides)](index_slides.html)
+- [CM1](CM1.html) 
+- [CM1 (slides)](CM1_slides.html)