Début de la mise en forme.

This commit is contained in:
Juliette Cougnoux 2017-06-19 19:20:27 +02:00
parent f39519ac38
commit f90d21ac58
13 changed files with 8185 additions and 610 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 622 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 842 KiB

View file

@ -1,124 +1,176 @@
<!doctype html> <!doctype html>
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Formation Evolix : intro Unix / Linux / Logiciels Libres</title> <title>Formation Evolix : intro Unix / Linux / Logiciels Libres</title>
<meta name="description" content="A framework for easily creating beautiful presentations using HTML"> <meta name="description" content="A framework for easily creating beautiful presentations using HTML">
<meta name="author" content="Hakim El Hattab"> <meta name="author" content="Hakim El Hattab">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="../css/reveal.css"> <link rel="stylesheet" href="../css/reveal.css">
<link rel="stylesheet" href="../css/theme/beige.css" id="theme"> <link rel="stylesheet" href="../css/theme/beige.css" id="theme">
<!-- Theme used for syntax highlighting of code --> <!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="../lib/css/zenburn.css"> <link rel="stylesheet" href="../lib/css/zenburn.css">
<!-- Printing and PDF exports --> <!-- Printing and PDF exports -->
<script> <script>
var link = document.createElement( 'link' ); var link = document.createElement('link');
link.rel = 'stylesheet'; link.rel = 'stylesheet';
link.type = 'text/css'; link.type = 'text/css';
link.href = window.location.search.match( ../print-pdf/gi ) ? '../css/print/pdf.css' : '../css/print/paper.css'; link.href = window.location.search.match(.. / print - pdf / gi) ? '../css/print/pdf.css' : '../css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link ); document.getElementsByTagName('head')[0].appendChild(link);
</script> </script>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="../lib/js/html5shiv.js"></script> <script src="../lib/js/html5shiv.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body> <body>
<div class="reveal"> <div class="reveal">
<!-- Any section element inside of this container is displayed as a slide --> <!-- Any section element inside of this container is displayed as a slide -->
<div class="slides"> <div class="slides">
<section> <section>
<h1>Formation Evolix</h1> <h1>Formation Evolix</h1>
<h3>intro Unix / Linux / Logiciels Libres</h3> <h3>intro Unix / Linux / Logiciels Libres</h3>
</section> </section>
<section> <section>
<h2>UNIX</h2> <h2>UNIX</h2>
<ul> <ul style="max-width:55%;float:left">
<li>UNICS (UNiplexed Information and Computing Service) : BELL, AT&T (1969)</li> <li>UNICS (UNiplexed Information and Computing Service) : BELL, AT&T (1969)</li>
<li>Ken Thompson</li> <li>Ken Thompson</li>
<li>Dennis Ritchie</li> <li>Dennis Ritchie</li>
</ul> </ul>
<img src="" border="0"> <figure style="max-width:40%;float:left; margin: 0 0 2% 0;">
<p>Aujourd'hui, on compte une grande quantité d'OS dérivés d'UNIX: <img style="margin:0 0 0 1%;width:100%;" src="../imagesEvoFormation2017/Ken_Thompson_(sitting)_and_Dennis_Ritchie_at_PDP-11_(2876612463).jpg" border="0">
AIX, Solaris, HP-UX, ... et plus récement Mac OS X</p> <figcaption>Ken Thompson (assis) et Dennis Ritchie</figcaption>
</section> </figure>
<p>Aujourd'hui, on compte une grande quantité d'OS dérivés d'UNIX: AIX, Solaris, HP-UX, ... et plus récement Mac OS X</p>
</section>
<section> <section>
<h2>Le début des Logiciels Libres</h2> <h2>Le début des Logiciels Libres</h2>
</section> <ul>
<figure style="max-width:40%;float:left; margin: 0 0 2% 0;">
<img style="max-width:250px;" src="../imagesEvoFormation2017/Richard_Stallman.jpg" border="0">
<img style="max-width:250px;background-color:white;" src="../imagesEvoFormation2017/gnu.png" border="0">
</figure>
<li>1982 : Création Free Software Fundation (FSF) par Richard Stallmann (MIT)</li>
<section> <li>1984 : Lancement du projet GNU [objectif : système dexploitation libre compatible Unix.] </li>
<h2>Les licences</h2> <li>1985 : la Free Software Fundation (FSF)</li>
<img src="../category.fr.png" border="0"> </ul>
</section> </section>
<section> <section>
<h2>Logiciels Libres : les 4 libertés</h2> <h2>Les licences</h2>
<ul> <img style="background-color:white;max-width:100%;" src="../imagesEvoFormation2017/category.fr.png" border="0">
<li>Exécuter le programme, pour tous les usages</li> </section>
<li>Étudier et adapter à vos besoins un programme</li>
<li>Redistribuer des copies, “aider votre voisin”</li>
<li>Améliorer et publier vos améliorations, pour en faire profiter tout le monde</li>
</ul>
</section>
<section> <section>
<h2>Open Source : les 10 libertés</h2> <h2>Logiciels Libres</h2>
</section> <h3>Les 4 libertés</h3>
<ul>
<li>Exécuter le programme, pour tous les usages</li>
<li>Étudier et adapter à vos besoins un programme</li>
<li>Redistribuer des copies, “aider votre voisin”</li>
<li>Améliorer et publier vos améliorations, pour en faire profiter tout le monde</li>
</ul>
</section>
<section> <section>
<h2>open source VS Open Source</h2> <h2>Open Source</h2>
</section> <h3>Les 10 libertés</h3>
<ul>
<li>Distribution libre (pas de coût)</li>
<li>Code source accessible</li>
<li>Travaux dérivés (permis et sous même licence)</li>
<li>Intégrité du code source de l'auteur</li>
<li>Aucune discrimination envers les personnes ou les groupes</li>
</ul>
</section>
<section> <section>
<h2></h2> <h2>Open Source</h2>
</section> <h3>Les 10 libertés (suite)</h3>
<ul>
<li>Aucune discrimination envers un champ d'application</li>
<li>Distribution de la licence (pas de contrat de non divulgation)</li>
<li>Licence non spécifique un produit</li>
<li>Licence non restrictive envers d'autres produits</li>
<li>Licence neutre technologiquement</li>
</ul>
</section>
</div> <section>
<p style="font-size:1.77em;">open source VS Open Source</p>
</section>
<section>
<h2></h2>
</section>
</div> </div>
<script src="../lib/js/head.min.js"></script> </div>
<script src="../js/reveal.js"></script>
<script> <script src="../lib/js/head.min.js"></script>
<script src="../js/reveal.js"></script>
// More info https://github.com/hakimel/reveal.js#configuration <script>
Reveal.initialize({ // More info https://github.com/hakimel/reveal.js#configuration
controls: true, Reveal.initialize({
progress: true, controls: true,
history: true, progress: true,
center: true, history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom transition: 'slide', // none/fade/slide/convex/concave/zoom
// More info https://github.com/hakimel/reveal.js#dependencies // More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [ dependencies: [{
{ src: '../lib/js/classList.js', condition: function() { return !document.body.classList; } }, src: '../lib/js/classList.js',
{ src: '../plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, condition: function() {
{ src: '../plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, return !document.body.classList;
{ src: '../plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }, }
{ src: '../plugin/zoom-js/zoom.js', async: true }, }, {
{ src: '../plugin/notes/notes.js', async: true } src: '../plugin/markdown/marked.js',
] condition: function() {
}); return !!document.querySelector('[data-markdown]');
}
}, {
src: '../plugin/markdown/markdown.js',
condition: function() {
return !!document.querySelector('[data-markdown]');
}
}, {
src: '../plugin/highlight/highlight.js',
async: true,
callback: function() {
hljs.initHighlightingOnLoad();
}
}, {
src: '../plugin/zoom-js/zoom.js',
async: true
}, {
src: '../plugin/notes/notes.js',
async: true
}]
});
</script>
</script> </body>
</body>
</html> </html>

View file

@ -1,63 +1,63 @@
<!doctype html> <!doctype html>
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Formation Evolix : Linux et distributions</title> <title>Formation Evolix : Linux et distributions</title>
<meta name="description" content="A framework for easily creating beautiful presentations using HTML"> <meta name="description" content="A framework for easily creating beautiful presentations using HTML">
<meta name="author" content="Hakim El Hattab"> <meta name="author" content="Hakim El Hattab">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="../css/reveal.css"> <link rel="stylesheet" href="../css/reveal.css">
<link rel="stylesheet" href="../css/theme/beige.css" id="theme"> <link rel="stylesheet" href="../css/theme/beige.css" id="theme">
<!-- Theme used for syntax highlighting of code --> <!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="../lib/css/zenburn.css"> <link rel="stylesheet" href="../lib/css/zenburn.css">
<!-- Printing and PDF exports --> <!-- Printing and PDF exports -->
<script> <script>
var link = document.createElement( 'link' ); var link = document.createElement('link');
link.rel = 'stylesheet'; link.rel = 'stylesheet';
link.type = 'text/css'; link.type = 'text/css';
link.href = window.location.search.match( ../print-pdf/gi ) ? '../css/print/pdf.css' : '../css/print/paper.css'; link.href = window.location.search.match(.. / print - pdf / gi) ? '../css/print/pdf.css' : '../css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link ); document.getElementsByTagName('head')[0].appendChild(link);
</script> </script>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="../lib/js/html5shiv.js"></script> <script src="../lib/js/html5shiv.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body> <body>
<div class="reveal"> <div class="reveal">
<!-- Any section element inside of this container is displayed as a slide --> <!-- Any section element inside of this container is displayed as a slide -->
<div class="slides"> <div class="slides">
<section> <section>
<h1>Formation Evolix</h1> <h1>Formation Evolix</h1>
<h3>Linux et distributions</h3> <h3>Linux et distributions</h3>
</section> </section>
<section> <section>
<h2>Historique</h2> <h2>Historique</h2>
<ul> <img src="../imagesEvoFormation2017/linus_torvalds.jpg" border="0">
<li>1991 : Lancement du projet Linux par Linus Torvalds, coordination par Internet</li> <ul>
<li>1993 : Fiabilité de Linux déjà à la hauteur des Unix commerciaux</li> <li>1991 : Lancement du projet Linux par Linus Torvalds, coordination par Internet</li>
<li>1994 : Reconnaissance de Linux par les membres du projet GNU et entraide</li> <li>1993 : Fiabilité de Linux déjà à la hauteur des Unix commerciaux</li>
</ul> <li>1994 : Reconnaissance de Linux par les membres du projet GNU et entraide</li>
<img src="" border="0"> </ul>
</section> </section>
<section> <section>
<pre> <pre style="background-color:white;box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);">
Newsgroups: comp.os.minix Newsgroups: comp.os.minix
Date: 25 Aug 91 20:57:08 GMT Date: 25 Aug 91 20:57:08 GMT
Subject: What would you like to see most in minix? Subject: What would you like to see most in minix?
@ -83,197 +83,297 @@ PS. Yes - it's free of any minix code, and it has a multi-threaded fs.
It is NOT protable (uses 386 task switching etc), and it probably never It is NOT protable (uses 386 task switching etc), and it probably never
will support anything other than AT-harddisks, as that's all I have :-(. will support anything other than AT-harddisks, as that's all I have :-(.
</pre> </pre>
</section> </section>
<section> <section>
<h2>Versions</h2> <h2>Versions</h2>
<ul> <ul>
<li>mars 1994 : version 1.0</li> <li>Mars 1994 : version 1.0</li>
<li>juillet 1996 : version 2.0</li> <li>Juillet 1996 : version 2.0</li>
<li>janvier 1999 : version 2.2</li> <li>Janvier 1999 : version 2.2</li>
<li>janvier 2001 : version 2.4</li> <li>Janvier 2001 : version 2.4</li>
<li>décembre 2003 : version 2.6</li> <li>Décembre 2003 : version 2.6</li>
<li>juillet 2011 : version 3.0</li> <li>Juillet 2011 : version 3.0</li>
<li>avril 2015 : version 4.0</li> <li>Avril 2015 : version 4.0</li>
<li>aujourd'hui : 4.11</li> <li>Aujourd'hui : 4.11</li>
</ul> </ul>
</section> </section>
<section> <section>
<h2>Linux, juste un noyau</h2> <h2>Linux, juste un noyau…</h2>
interface de programmation pour utiliser le matériel (clavier, écran, disque) <ul>
multi-taches et multi-utilisateurs <li>Interface de programmation pour utiliser le matériel (clavier, écran, disque)</li>
gestion du CPU, pile réseau, filesystems <li>Multi-taches et multi-utilisateurs</li>
monolitique + modulaire VS micro-noyau (Mach, Hurd) <li>gestion du CPU, pile réseau, filesystems</li>
</section> <li>Monolitique + modulaire VS micro-noyau (Mach, Hurd)</li>
</ul>
</section>
<section> <section>
<h2>TP</h2> <h2>Démo</h2>
wget https://git.kernel.org/torvalds/t/linux-4.12-rc5.tar.gz <pre>
tar xvf linux-4.12-rc5.tar.gz <code>
cd linux-4.12-rc5 $ wget https://git.kernel.org/torvalds/t/linux-4.12-rc5.tar.gz
apt install libqt4-dev $ tar xvf linux-4.12-rc5.tar.gz
make xconfig $ cd linux-4.12-rc5
</section> # apt install libqt4-dev
$ make xconfig
</code>
</pre>
</section>
<section> <section>
<h2>Un noyau de système d'exploitation</h2> <h2>…Un noyau de système d'exploitation</h2>
ce ne sont pas des commandes <ul>
ce ne sont pas des fichiers <li>Ce ne sont pas des commandes</li>
ça ne s'utilise pas tout seul <li>Ce ne sont pas des fichiers</li>
il faut ajouter des logiciels (outils, services, etc.) <li>Ça ne s'utilise pas tout seul</li>
ne fait pas partie de Linux : cron, passwd, login, tar, mount, libc, coreutils <li>Il faut ajouter des logiciels (outils, services, etc.)</li>
</section> <li>Ne fait pas partie de Linux : cron, passwd, login, tar, mount, libc, coreutils</li>
</ul>
</section>
<section> <section>
<h2>GNU/Linux</h2> <h2>Outils GNU</h2>
<p>Outils GNU :</p> <ul>
<ul> <li>GCC : compilateur</li>
<li>GCC : compilateur</li> <li>glibc : librairie C (printf,malloc,open,etc.)</li>
<li>glibc : librairie C (printf,malloc,open,etc.)</li> <li>Bash : shell</li>
<li>Bash : shell</li> <li>GRUB : boot loader</li>
<li>GRUB : boot loader</li> <li>coreutils : ls, cat, chmod, du, su, etc.</li>
<li>coreutils : ls, cat, chmod, du, su, etc.</li> </ul>
</ul> <p>Autres outils : OpenSSH, sudo, Vim, systemd</p>
<p>Autres outils : OpenSSH, sudo, Vim, systemd</p> </section>
</section>
<section> <section>
<h2></h2> <h2></h2>
</section> </section>
<section> <section>
<h2>Distributions GNU/Linux</h2> <h2>Distributions</h2>
<ul> <ul>
<li>Red Hat</li> <li>Red Hat</li>
<li>CentOS</li> <li>CentOS</li>
<li>Debian</li> <li>Debian</li>
<li>Ubuntu</li> <li>Ubuntu</li>
</ul> </ul>
</section> </section>
<section> <section>
<h2>Organisation des fichiers</h2> <h2>Organisation des fichiers</h2> Norme FHS
Norme FHS </section>
</section>
<section> <section>
<h2>Red Hat</h2> <h2>Red Hat</h2>
- Entreprise fondée en 1993 : <h3>Carte d'identité</h3>
- Siège social à Raleigh (USA) <ul>
- Cotée en bourse, CA de 2500 M$ <li>Fondation : 1993</li>
- bureaux à travers le monde <li>Siège social : Raleigh</li>
- 10000 employés <li>CA : 2500 M$</li>
<li>Nombre d'employés : 10000</li>
</ul>
</section>
- Quatre centres de support dans le monde : <section>
Amerique, Europe, Asie, Pacifique <h2>Red Hat</h2>
<h3>Carte d'identité (suite)</h3>
<ul>
<li>Cotée en bourse</li>
<li>Des bureaux dans le monde entier</li>
<li>4 centres de support : Amérique, Asie, Europe, Pacifique</li>
<li>Un des plus gros contributeurs à la communauté du Libre</li>
</ul>
</section>
- Un des plus gros contributeurs à la communauté du Libre <section>
</section> <h2>Red Hat</h2>
<h3>Équipe</h3>
<ul>
<li>Des développeurs du noyau Linux</li>
<li>Des mainteneurs de GCC</li>
<li>Des développeurs d'Apache</li>
</ul>
</section>
<section> <section>
<h2>Red Hat</h2> <h2>Red Hat</h2>
- Équipe : <h3>Versions</h3>
parmi les développeurs, <ul>
développeurs du noyau Linux <li>Redhat version 9 : plus supportée</li>
mainteneurs de GCC <li>Red Hat Entreprise/Advanced Server : obsolète</li>
développeurs d'Apache <li>Redhat Desktop</li>
- Les versions : <li>Redhat Entreprise Linux 7 (RHEL)</li>
­ Redhat version 9, plus supportée </ul>
­ Red Hat Entreprise/Advanced Server, obsolète </section>
­ Redhat Desktop
­ Redhat Entreprise Linux 7 (RHEL)
- Dérivés : Fedora et CentOS
- Ansible, OpenStack, JBOSS, etc.
</section>
<section> <section>
<h2>Red Hat</h2> <h2>Red Hat</h2>
Système de packages RPM : <h3>Dérivés</h3>
­ installation facile et rapide (pas de compilation) <ul>
­ gestion des dépendances <li>Fedora</li>
­ notoriété et abondance de dépôts RPM <li>CentOS</li>
­ bénéficie d'améliorations constantes </ul>
Voir www.rpm.org </section>
</section>
<section> <section>
<h2>CentOS</h2> <h2>Red Hat</h2>
Community enterprise Operating System <h3>Autres produits</h3>
utilisation uniquement des sources de RH <ul>
donc binary compatible avec RH <li>Ansible</li>
CentOS 7 <li>OpenStack</li>
</section> <li>JBOSS</li>
</ul>
</section>
<section> <section>
<h2>Debian</h2> <h2>Red Hat</h2>
Spécificités : <h3>Caractéristiques</h3>
- Lancement par Ian Murdock en août 1993 <ul>
- Basé sur un contrat social <li>Système de packages RPM :</li>
- DFSG - Debian Free Software Guidelines <li>Installation facile et rapide (pas de compilation)</li>
- Plusieurs milliers de développeurs Debian <li>Gestion des dépendances</li>
ldapsearch -x -h db.debian.org -b dc=debian,dc=org | grep ^uid: | wc -l <li>Notoriété et abondance de dépôts RPM</li>
2080 <li>Bénéficie d'améliorations constantes</li>
- Des dizaines de milliers de paquets “sources” </ul>
grep-dctrl -P '' -c /var/lib/apt/lists/*jessie*Sources <p>
21019 Voir www.rpm.org
- Debian 7 : sortie en 2013, support jusqu'en 2016 (support LTS jusqu'en 2018) </p>
- Debian 8 : sortie en 2015, support jusqu'en 2018 (support LTS jusqu'en 2020) </section>
- Debian 9 : sortie en 2017, support jusqu'en 2020 (support LTS jusqu'en 2022)
</section>
<section> <section>
<h2>Ubuntu</h2> <h2>CentOS</h2>
Créé par Mark Shuttleworth, ancien-développeur Debian, <h3>Carte d'identité</h3>
multi-millionnaire après avoir revendu l'entreprise Thawte <ul>
Développé par l'entreprise Canonical crée en 2004 <li>Fondation : 2004</li>
Basée sur Debian <li>Fondateur : Lance Davis</li>
Versions LTS publiées tous les 2 ans (support 5 ans) <li>Community enterprise Operating System</li>
Versions publiées tous les 6 mois avec support limité <li>Utilisation uniquement des sources de RH</li>
- version 16.04 LTS (Xenial Xerus59) publiée en avril 2016 <li>Binary compatible avec RH</li>
- version 17.04 (Zesty Zapus) publiée en avril 2017 <li>Version : CentOS 7</li>
</section> </ul>
</section>
<section> <section>
<h2></h2> <h2>Debian</h2>
<ul> <h3>Carte d'identité</h3>
<li></li> <ul>
<li></li> <li>Fondation : 1993</li>
</ul> <li>Fondateur : Ian Murdock</li>
<p></p> <li>Basé sur un contrat social</li>
<img src="" border="0"> <li>DFSG - Debian Free Software Guidelines</li>
</section> </ul>
</section>
</div> <section>
<h2>Debian</h2>
<h3>Carte d'identité (suite)</h3>
<ul>
<li>Plusieurs milliers de développeurs Debian
<pre><code>
ldapsearch -x -h db.debian.org -b dc=debian,dc=org | grep ^uid: | wc -l
2080
</code></pre>
</li>
<li>Des dizaines de milliers de paquets “sources”
<pre><code>
grep-dctrl -P '' -c /var/lib/apt/lists/*jessie*Sources
21019
</code></pre>
</li>
</ul>
</section>
<section>
<h2>Debian</h2>
<h3>Versions</h3>
<ul>
<li>Debian 7 (2013) : support jusqu'en 2016 (support LTS jusqu'en 2018)</li>
<li>Debian 8 (2015): support jusqu'en 2018 (support LTS jusqu'en 2020)</li>
<li>Debian 9 (2017): support jusqu'en 2020 (support LTS jusqu'en 2022)</li>
</ul>
</section>
<section>
<h2>Ubuntu</h2>
<h3>Carte d'identité</h3>
<ul>
<li>Fondation : 2004</li>
<li>Fondateur : Mark Shuttleworth</li>
<li>Entreprise : Canonical</li>
<li>Basée sur Debian</li>
</ul>
</section>
<section>
<h2>Ubuntu</h2>
<h3>Versions</h3>
<ul>
<li>Versions LTS : tous les 2 ans (support 5 ans)</li>
<li>Versions : tous les 6 mois avec support limité</li>
<li>Version 16.04 LTS (Xenial Xerus59) : avril 2016</li>
<li>Version 17.04 (Zesty Zapus) : avril 2017</li>
</ul>
</section>
<section>
<h2></h2>
<ul>
<li></li>
<li></li>
</ul>
<p></p>
<img src="" border="0">
</section>
</div> </div>
<script src="../lib/js/head.min.js"></script> </div>
<script src="../js/reveal.js"></script>
<script> <script src="../lib/js/head.min.js"></script>
<script src="../js/reveal.js"></script>
// More info https://github.com/hakimel/reveal.js#configuration <script>
Reveal.initialize({ // More info https://github.com/hakimel/reveal.js#configuration
controls: true, Reveal.initialize({
progress: true, controls: true,
history: true, progress: true,
center: true, history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom transition: 'slide', // none/fade/slide/convex/concave/zoom
// More info https://github.com/hakimel/reveal.js#dependencies // More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [ dependencies: [{
{ src: '../lib/js/classList.js', condition: function() { return !document.body.classList; } }, src: '../lib/js/classList.js',
{ src: '../plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, condition: function() {
{ src: '../plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, return !document.body.classList;
{ src: '../plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }, }
{ src: '../plugin/zoom-js/zoom.js', async: true }, }, {
{ src: '../plugin/notes/notes.js', async: true } src: '../plugin/markdown/marked.js',
] condition: function() {
}); return !!document.querySelector('[data-markdown]');
}
}, {
src: '../plugin/markdown/markdown.js',
condition: function() {
return !!document.querySelector('[data-markdown]');
}
}, {
src: '../plugin/highlight/highlight.js',
async: true,
callback: function() {
hljs.initHighlightingOnLoad();
}
}, {
src: '../plugin/zoom-js/zoom.js',
async: true
}, {
src: '../plugin/notes/notes.js',
async: true
}]
});
</script>
</script> </body>
</body>
</html> </html>

View file

@ -1,204 +1,259 @@
<!doctype html> <!doctype html>
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Formation Evolix : installation Linux</title> <title>Formation Evolix : installation Linux</title>
<meta name="description" content="A framework for easily creating beautiful presentations using HTML"> <meta name="description" content="A framework for easily creating beautiful presentations using HTML">
<meta name="author" content="Hakim El Hattab"> <meta name="author" content="Hakim El Hattab">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="../css/reveal.css"> <link rel="stylesheet" href="../css/reveal.css">
<link rel="stylesheet" href="../css/theme/beige.css" id="theme"> <link rel="stylesheet" href="../css/theme/beige.css" id="theme">
<!-- Theme used for syntax highlighting of code --> <!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="../lib/css/zenburn.css"> <link rel="stylesheet" href="../lib/css/zenburn.css">
<!-- Printing and PDF exports --> <!-- Printing and PDF exports -->
<script> <script>
var link = document.createElement( 'link' ); var link = document.createElement('link');
link.rel = 'stylesheet'; link.rel = 'stylesheet';
link.type = 'text/css'; link.type = 'text/css';
link.href = window.location.search.match( ../print-pdf/gi ) ? '../css/print/pdf.css' : '../css/print/paper.css'; link.href = window.location.search.match(.. / print - pdf / gi) ? '../css/print/pdf.css' : '../css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link ); document.getElementsByTagName('head')[0].appendChild(link);
</script> </script>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="../lib/js/html5shiv.js"></script> <script src="../lib/js/html5shiv.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body> <body>
<div class="reveal"> <div class="reveal">
<!-- Any section element inside of this container is displayed as a slide --> <!-- Any section element inside of this container is displayed as a slide -->
<div class="slides"> <div class="slides">
<section> <section>
<h1>Formation Evolix</h1> <h1>Formation Evolix</h1>
<h3>installation Linux</h3> <h3>installation Linux</h3>
</section> </section>
<section> <section>
<h2>Méthode d'installation</h2> <h2>Méthode d'installation</h2>
<li>par CD/ROM ou clé USB (machine physique ou virtuelle)</li> <ul>
<li>par le réseau, via boot PXE+DHCP+TFTP</li> <li>CD/ROM ou clé USB (machine physique ou virtuelle)</li>
<li>Image préinstallée par un hébergeur</li> <li>Réseau, via boot PXE+DHCP+TFTP</li>
<li>Conteneur minimal (LXC/Docker)</li> <li>Image préinstallée par un hébergeur</li>
</section> <li>Conteneur minimal (LXC/Docker)</li>
</ul>
</section>
<section> <section>
<h2>Compatibilité du matériel</h2> <h2>Compatibilité du matériel</h2>
enjeu principal : carte réseau et controleur disque/RAID <ul>
test avec Live-CD <li>Enjeu principal : carte réseau et controleur disque/RAID</li>
Compatibilité du matériel <li>Test avec Live-CD</li>
lspci -n sur http://kmuto.jp/debian/hcl/ plus à jour :( <li>Compatibilité du matériel</li>
Listes de diffusion <li><tt>lspci -n</tt> sur http://kmuto.jp/debian/hcl/ plus à jour :(</li>
Recherche Google avec “site:lists.debian.org/debian-boot” <li>Listes de diffusion</li>
</section> <li>Recherche Google avec "site:lists.debian.org/debian-boot"</li>
</ul>
</section>
<section> <section>
<h2>Choix pour un serveur</h2> <h2>Choix pour un serveur</h2>
carte réseau : 1G ou 10G ? <ul>
CPU Intel Xeon : fréquence ? nombre de cores ? https://www.cpubenchmark.net/ <li>Carte réseau : 1G ou 10G ?</li>
Quantité de mémoire <li>CPU Intel Xeon : fréquence ? nombre de cores ? https://www.cpubenchmark.net/</li>
Importance du stockage : <li>Quantité de mémoire</li>
local ou distant (NFS, iSCSI) <li>Importance du stockage :</li>
Type : SATA, SAS, SSD ? <li>Local ou distant (NFS, iSCSI)</li>
Performance lecture/écriture : Mo/s, IOPS <li>Type : SATA, SAS, SSD ?</li>
Gestion du cache <li>Performance lecture/écriture : Mo/s, IOPS</li>
</section> <li>Gestion du cache</li>
</ul>
</section>
<section> <section>
<h2>Focus sur le RAID</h2> <h2>Focus sur le RAID</h2>
RAID0 <ul>
RAID1 <li>RAID0</li>
RAID5 <li>RAID1</li>
RAID6 <li>RAID5</li>
RAID10 <li>RAID6</li>
RAID hardware ou logiciel <li>RAID10</li>
</section> <li>RAID hardware ou logiciel</li>
</ul>
</section>
<section> <section>
<h2>Focus sur le stockage</h2> <h2>Focus sur le stockage</h2> parted
parted </section>
</section> <section>
<h2>Partitionnement</h2>
<ul>
<li>Partitionnement DOS limité à 2,2 T</li>
<li>Partitionnement GPT</li>
<li>Outils : fdisk, cfdisk, sfdisk, parted</li>
<li>/boot / /var /usr /tmp 2xswap /srv /home</li>
<li>systèmes de fichiers : ext3/ext4, reiserfs, xfs, btrfs</li>
</ul>
</section>
<section> <section>
<h2>Partitionnement</h2> <h2>Focus sur RAID logiciel</h2>
Partitionnement DOS limité à 2,2 T </section>
Partitionnement GPT
Outils : fdisk, cfdisk, sfdisk, parted
/boot / /var /usr /tmp 2xswap /srv /home
systèmes de fichiers : ext3/ext4, reiserfs, xfs, btrfs
</section>
<section> <section>
<h2>Focus sur RAID logiciel</h2> <h2>Focus sur LVM</h2>
</section> </section>
<section> <section>
<h2>Focus sur LVM</h2> <h2>Réseau</h2>
</section> <ul>
<li>Fichiers de paramètres : <br> Fichiers spécifiques /etc/resolv.conf, /etc/hosts
</li>
<li> Configuration dynamique DHCP (Dynamic Host Configuration Protocol) : <br> Paramètres réseau sont automatiquement mis en place.
</li>
<li>Configuration statique : <br> Configuration manuelle des fichiers
</li>
<li>Outils réseaux : <br> (ifconfig, ping, route, ip, netstat, traceroute...)
</li>
</ul>
</section>
<section> <section>
<h2>Réseau</h2> <h2>Installation de logiciels</h2>
Fichiers de paramètres : <ul>
Fichiers spécifiques /etc/resolv.conf, /etc/hosts <li>Méthode classique de compilation des sources</li>
<li>Utilisation du système de packages</li>
</ul>
<p>
Les packages sont des binaires précompilés qui sont prêts à être installés de façon simple et rapide. <br> Les dépendances sont gérées, ainsi que la mise à jour et la suppression des packages déjà installés (varie selon les distributions).
</p>
</section>
Configuration dynamique DHCP <section>
(Dynamic Host Configuration Protocol) <h2>TP</h2>
Paramètres réseau sont automatiquement mis en place. <h3>Installation Debian GNU/Linux</h3>
</section>
Configuration statique <section>
Configuration manuelle des fichiers <h2>Versions actuelles</h2>
<ul>
<li>Debian GNU/Linux « Sid » = <em>unstable</em></li>
<li>Debian GNU/Linux 10 (« Buster ») = <em>testing</em></li>
<li>Debian GNU/Linux 9 (« Stretch ») = <em>stable</em></li>
<li>Debian GNU/Linux 8 (« Jessie ») = <em>oldstable</em></li>
<li>Debian GNU/Linux 7 (« Wheezy ») = <em>oldoldstable</em></li>
</ul>
</section>
Outils réseaux <section>
(ifconfig, ping, route, ip, netstat, traceroute...) <h2>Versions (suite)</h2>
</section> <ul>
<li>Debian GNU/Linux 6 (« Squeeze »)</li>
<li>Debian GNU/Linux 5 (« Lenny »)</li>
<li>Debian GNU/Linux 4 (« Etch »)</li>
<li>Debian GNU/Linux 3.1 (« Sarge »)</li>
<li>Debian GNU/Linux 3.0 (« Woody »)</li>
<li>Debian GNU/Linux 2.2 (« Potato »)</li>
<li>Debian GNU/Linux 2.1 (« Slink »)</li>
<li>Debian GNU/Linux 2.0 (« Hamm »)</li>
<li>Debian GNU/Linux 1.1 (« Buzz »)</li>
</ul>
</section>
<section>
<h2></h2>
<ul>
<li>Boot sur CD/DVD ou USB</li>
<li>Choix de la langue : anglais (en_US.UTF8)</li>
<li>Réglage du clavier</li>
<li>Réseau</li>
<li>Partitionnement</li>
<li>Choix des miroirs</li>
<li>Mot de passe</li>
<li>Choix de packages</li>
<li>Installation GRUB</li>
</ul>
</section>
<section> <section>
<h2>Installation de logiciels</h2> <h2>console de debug à l'installation</h2>
- Méthode classique de compilation des sources. <pre>
- Utilisation du système de packages <code>
# lspci | grep Eth
# ip addr show
# dmesg | grep sd
# cat /proc/cpuinfo
</code>
</pre>
</section>
Les packages sont des binaires précompilés qui sont prêts à être installés de façon simple et rapide. Les dépendances sont gérées, ainsi que la mise à jour et la suppression des packages déjà installés (varie selon les distributions). <section>
</section> <h2>Focus sur Vim</h2>
<ul>
<section> <pre>
<h2>TP : installation Debian GNU/Linux</h2> <code>
</section>
<section>
<h2>Choix de la version</h2>
Debian GNU/Linux « Sid » : actuelle version unstable
Debian GNU/Linux 10 (« Buster ») : actuelle version testing
Debian GNU/Linux 9 (« Stretch ») : actuelle version stable
Debian GNU/Linux 8 (« Jessie ») : actuelle version oldstable
Debian GNU/Linux 7 (« Wheezy ») : actuelle version oldoldstable
Debian GNU/Linux 6 (« Squeeze »)
Debian GNU/Linux 5 (« Lenny »)
Debian GNU/Linux 4 (« Etch »)
Debian GNU/Linux 3.1 (« Sarge »)
Debian GNU/Linux 3.0 (« Woody »)
Debian GNU/Linux 2.2 (« Potato »)
Debian GNU/Linux 2.1 (« Slink »)
Debian GNU/Linux 2.0 (« Hamm »)
</section>
<section>
<h2></h2>
boot sur CD/DVD ou USB
choix de la langue : anglais (en_US.UTF8)
réglage du clavier
réseau
partitionnement
choix des miroirs
mot de passe
choix de packages
installation GRUB
</section>
<section>
<h2>console de debug à l'installation</h2>
lspci | grep Eth
ip addr show
dmesg | grep sd
cat /proc/cpuinfo
</section>
<section>
<h2>Focus sur Vim</h2>
# apt install vim # apt install vim
# select-editor # select-editor
# update-alternatives --config editor
# vi /etc/vim/vimrc # vi /etc/vim/vimrc
let g:skip_defaults_vim = 1 let g:skip_defaults_vim = 1
# vi ~/.vimrc # vi ~/.vimrc
"musthave </code>
</pre>
</ul>
</section>
<section>
<h2>Incontournables</h2>
<ul>
<pre>
<code>
syntax on syntax on
set background=dark set background=dark
set nocompatible set nocompatible
"dev </code>
</pre>
</ul>
</section>
<section>
<h2>Pour les devs</h2>
<ul>
<pre>
<code>
set expandtab set expandtab
set shiftwidth=4 set shiftwidth=4
set softtabstop=4 set softtabstop=4
set tabstop=4 set tabstop=4
</section> </code>
</pre>
</ul>
</section>
<section>
<h2>Vim basics</h2>
<section>
<h2>Vim basics</h2>
<pre style="width:50%; margin: 0 auto;">
Mode "commandes" <-> Mode "insertion" Mode "commandes" <-> Mode "insertion"
[Échap] <-> i [Échap] <-> i
</pre>
</section>
<section>
<h2>Vim basics</h2>
<pre style="width:70%; margin: 0 auto;">
Mode "commandes" Mode "commandes"
---------------- ----------------
@ -215,95 +270,129 @@ x supprimer (ou couper) le caractère courant
p coller après le curseur p coller après le curseur
P coller avant le curseur P coller avant le curseur
v mode visuel pour couper ou copier facilement v mode visuel pour couper ou copier facilement
rX remplace le caractère courant par X rX remplace le caractère courant par X
u annule la dernière commande u annule la dernière commande
Ctrl+r restaure la dernière commande Ctrl+r restaure la dernière commande
</pre>
</section>
Passer en mode insertion <section>
<h2>Vim basics</h2>
<pre style="width:65%; margin: 0 auto;">
Passer en mode insertion
------------------------ ------------------------
i passer en mode insert avant le curseur i passer en mode insert avant le curseur
a passer en mode insert après le curseur a passer en mode insert après le curseur
I passer en mode insert au début de la ligne I passer en mode insert au début de la ligne
A passer en mode insert à la fin de la ligne A passer en mode insert à la fin de la ligne
o sauter une ligne et passer en mode insert o sauter une ligne et passer en mode insert
</section> </pre>
</section>
<section> <section>
<pre>
<code>
# apt install locales # apt install locales
$ LANG=fr_FR.UTF8 /usr/bin/vimtutor $ LANG=fr_FR.UTF8 /usr/bin/vimtutor
</section> </code>
</pre>
</section>
<section> <section>
<h2>Focus sur dpkg / APT</h2> <h2>Gestion des paquets dans Debian</h2>
- Utilitaire principal : dpkg <h3>dpkg et APT</h3>
dpkg -l </section>
dpkg --unpack
dpkg --configure
dpkg -i
dpkg -r
dpkg -P
dpkg -L
dpkg -S
dpkg -s
dpkg-reconfigure
- Gestion avancée de paquets : APT <section>
(Advanced Package Tool) <h3>dpkg</h3>
Dépendances, mises à jour, conflits [Packages.gz] <h4>gestion bas-niveau (manipulation directe des paquets)</h4>
</section> <pre>
<code>
$ dpkg -l
# dpkg --unpack
# dpkg --configure
# dpkg -i
# dpkg -r
# dpkg -P
$ dpkg -L
$ dpkg -S
$ dpkg -s
# dpkg-reconfigure
</code>
</pre>
</section>
<section> <section>
- Sources de paquets : /etc/apt/sources.list <h3>APT</h3>
netselect / apt-cdrom / apt-config <h4>gestion avancée (dépendances, mises à jour, conflits…)</h4>
<pre>
Sources de paquets : /etc/apt/sources.list
<code>
# netselect / apt-cdrom / apt-config
</code>
Interface pour APT : apt, apt-cache, apt-get, aptitude
<code>
# apt update
# apt upgrade
# apt install paquet
# apt remove paquet
# apt purge paquet
$ apt-cache show / search / -n search / depends / rdepends / policy
</code>
</pre>
</section>
- Interface pour APT : apt, apt-cache, apt-get, aptitude <section>
apt update <pre>
apt upgrade Autres commandes :
apt install paquet <code>
apt remove paquet # apt -s install
apt purge paquet $ apt-file
apt-cache show / search / -n search / depends / rdepends / policy $ apt-show-versions
etc. # apt-listchanges
</section> # apt clean/autoclean
# apt upgrade/full-upgrade
$ apt changelog
$ rmadison
# apt-get check
$ apt source
# apt build-dep
$ debuild -us -uc
</code>
</pre>
</section>
<section> <section>
apt -s install <pre>
apt-file <code>
apt-show-versions
apt-listchanges
apt clean/autoclean
apt upgrade/full-upgrade
apt changelog
rmadison
apt-get check
apt source
apt build-dep
debuild -us -uc
</section>
<section>
# vim /etc/apt/sources.list # vim /etc/apt/sources.list
</code>
deb http://mirror.evolix.org/debian/ stretch main deb http://mirror.evolix.org/debian/ stretch main
deb http://security.debian.org/ stretch/updates main deb http://security.debian.org/ stretch/updates main
deb http://mirror.evolix.org/debian/ stretch-updates main deb http://mirror.evolix.org/debian/ stretch-updates main
deb http://mirror.evolix.org/debian/ stretch main deb http://mirror.evolix.org/debian/ stretch main
</section> </pre>
</section>
<section> <section>
<pre>
<code>
# dpkg-reconfigure -plow debconf # dpkg-reconfigure -plow debconf
# vim /etc/apt/apt.conf.d/99custom # vim /etc/apt/apt.conf.d/99custom
</code>
APT::Install-Recommends "false"; APT::Install-Recommends "false";
APT::Install-Suggests "false"; APT::Install-Suggests "false";
DPkg::Pre-Invoke { "mount -oremount,exec /tmp && mount -oremount,rw /usr || true"; };" DPkg::Pre-Invoke { "mount -oremount,exec /tmp && mount -oremount,rw /usr || true"; };"
DPkg::Post-Invoke { "mount -oremount /tmp && mount -oremount /usr || true"; };" DPkg::Post-Invoke { "mount -oremount /tmp && mount -oremount /usr || true"; };"
</section> </pre>
</section>
<section> <section>
<pre>
<code>
# vim /etc/fstab # vim /etc/fstab
</code>
/dev/sda2 / ext4 defaults,errors=remount-ro 0 1 /dev/sda2 / ext4 defaults,errors=remount-ro 0 1
/dev/sda1 /boot ext4 defaults 0 2 /dev/sda1 /boot ext4 defaults 0 2
/dev/sda3 /var ext4 defaults 0 2 /dev/sda3 /var ext4 defaults 0 2
@ -313,92 +402,128 @@ DPkg::Post-Invoke { "mount -oremount /tmp && mount -oremount /usr || true"; };"
/dev/sda8 none swap sw 0 0 /dev/sda8 none swap sw 0 0
/dev/sda9 /home ext4 defaults,noexec,nosuid,nodev 0 2 /dev/sda9 /home ext4 defaults,noexec,nosuid,nodev 0 2
tmpfs /var/tmp tmpfs defaults,noexec,nosuid,nodev 0 2 tmpfs /var/tmp tmpfs defaults,noexec,nosuid,nodev 0 2
</section> </pre>
</section>
<section> <section>
<pre>
On installe Postfix : On installe Postfix :
<code>
# apt install postfix # apt install postfix
</code>
On renvoie tous les alias vers root : On renvoie tous les alias vers root :
<code>
# getent passwd | cut -d":" -f1 | sed "s/$/: root/" > /etc/aliases # getent passwd | cut -d":" -f1 | sed "s/$/: root/" > /etc/aliases
# vim /etc/aliases # vim /etc/aliases
# newaliases # newaliases
</section> </code>
</pre>
</section>
<section> <section>
<pre>
Installons les outils de base : Installons les outils de base :
<code>
# apt install ssh less mailx sudo munin htop iotop iftop # apt install ssh less mailx sudo munin htop iotop iftop
</section> </code>
</pre>
<section> </section>
Mesure des performances disque
<section>
<pre>
Mesure des performances disque :
<code>
# time dd if=/dev/zero of=/home/32gb bs=1024k count=32768 # time dd if=/dev/zero of=/home/32gb bs=1024k count=32768
# time dd if=/home/32gb of=/dev/null bs=1024k count=32768 # time dd if=/home/32gb of=/dev/null bs=1024k count=32768
# time rm /home/32gb # time rm /home/32gb
# apt install postgresql-contrib # apt install postgresql-contrib
# /usr/lib/postgresql/9.6/bin/pg_test_fsync # /usr/lib/postgresql/9.6/bin/pg_test_fsync
</section> </code>
</pre>
<section> </section>
Mesure des performances réseau
<section>
<pre>
Mesure des performances réseau :
<code>
# apt install iperf mtr-tiny # apt install iperf mtr-tiny
$ ping -4 google.fr $ ping -4 google.fr
$ mtr -4 google.fr $ mtr -4 google.fr
$ iperf -c debit.k-net.fr $ iperf -c debit.k-net.fr
</section> </code>
</pre>
</section>
<section> <section>
<h2>Comment choisir sa version de Linux ?</h2> <h2>Comment choisir sa version de Linux ?</h2>
<ul> <ul>
<li>Versions logiciels fixes : Apache / PHP / MySQL / etc.</li> <li>Versions logiciels fixes : Apache / PHP / MySQL / etc.</li>
<li>Version nue / panel (cpanel, plesk)</li> <li>Version nue / panel (cpanel, plesk)</li>
<li>apt-get / yum install</li> <li>apt-get / yum install</li>
</ul> </ul>
</section> </section>
<section> <section>
<h2>Récapitulatif</h2> <h2>Récapitulatif</h2>
Choix matériel <ul>
Choix version de Linux <li>Choix matériel</li>
Premières optimisations <li>Choix version de Linux</li>
Validation des performances <li>Premières optimisations</li>
</section> <li>Validation des performances</li>
</ul>
</div> </section>
</div> </div>
<script src="../lib/js/head.min.js"></script> </div>
<script src="../js/reveal.js"></script>
<script> <script src="../lib/js/head.min.js"></script>
<script src="../js/reveal.js"></script>
// More info https://github.com/hakimel/reveal.js#configuration <script>
Reveal.initialize({ // More info https://github.com/hakimel/reveal.js#configuration
controls: true, Reveal.initialize({
progress: true, controls: true,
history: true, progress: true,
center: true, history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom transition: 'slide', // none/fade/slide/convex/concave/zoom
// More info https://github.com/hakimel/reveal.js#dependencies // More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [ dependencies: [{
{ src: '../lib/js/classList.js', condition: function() { return !document.body.classList; } }, src: '../lib/js/classList.js',
{ src: '../plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, condition: function() {
{ src: '../plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, return !document.body.classList;
{ src: '../plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }, }
{ src: '../plugin/zoom-js/zoom.js', async: true }, }, {
{ src: '../plugin/notes/notes.js', async: true } src: '../plugin/markdown/marked.js',
] condition: function() {
}); return !!document.querySelector('[data-markdown]');
}
}, {
src: '../plugin/markdown/markdown.js',
condition: function() {
return !!document.querySelector('[data-markdown]');
}
}, {
src: '../plugin/highlight/highlight.js',
async: true,
callback: function() {
hljs.initHighlightingOnLoad();
}
}, {
src: '../plugin/zoom-js/zoom.js',
async: true
}, {
src: '../plugin/notes/notes.js',
async: true
}]
});
</script>
</script> </body>
</body>
</html> </html>

View file

@ -3,7 +3,7 @@
* http://lab.hakim.se/reveal-js * http://lab.hakim.se/reveal-js
* MIT licensed * MIT licensed
* *
* Copyright (C) 2017 Hakim El Hattab, http://hakim.se * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
*/ */
/********************************************* /*********************************************
* RESET STYLES * RESET STYLES
@ -32,6 +32,9 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i
.reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section { .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
display: block; } display: block; }
.reveal figcaption {
font-size: 0.30em; }
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
@ -47,6 +50,12 @@ body {
background-color: #fff; background-color: #fff;
color: #000; } color: #000; }
html body {
background:url("../imagesEvoFormation2017/visuelSlidesEvolix.svg");
background-position:center;
background-size: cover;
background-repeat: no-repeat;
}
/********************************************* /*********************************************
* VIEW FRAGMENTS * VIEW FRAGMENTS
*********************************************/ *********************************************/
@ -323,7 +332,6 @@ body {
bottom: 0; bottom: 0;
left: 0; left: 0;
margin: auto; margin: auto;
pointer-events: none;
overflow: visible; overflow: visible;
z-index: 1; z-index: 1;
text-align: center; text-align: center;
@ -341,7 +349,6 @@ body {
position: absolute; position: absolute;
width: 100%; width: 100%;
padding: 20px 0px; padding: 20px 0px;
pointer-events: auto;
z-index: 10; z-index: 10;
-webkit-transform-style: flat; -webkit-transform-style: flat;
transform-style: flat; transform-style: flat;
@ -376,12 +383,6 @@ body {
z-index: 11; z-index: 11;
opacity: 1; } opacity: 1; }
.reveal .slides > section:empty,
.reveal .slides > section > section:empty,
.reveal .slides > section[data-background-interactive],
.reveal .slides > section > section[data-background-interactive] {
pointer-events: none; }
.reveal.center, .reveal.center,
.reveal.center .slides, .reveal.center .slides,
.reveal.center .slides section { .reveal.center .slides section {
@ -597,10 +598,6 @@ body {
/********************************************* /*********************************************
* CUBE TRANSITION * CUBE TRANSITION
*
* WARNING:
* this is deprecated and will be removed in a
* future version.
*********************************************/ *********************************************/
.reveal.cube .slides { .reveal.cube .slides {
-webkit-perspective: 1300px; -webkit-perspective: 1300px;
@ -676,10 +673,6 @@ body {
/********************************************* /*********************************************
* PAGE TRANSITION * PAGE TRANSITION
*
* WARNING:
* this is deprecated and will be removed in a
* future version.
*********************************************/ *********************************************/
.reveal.page .slides { .reveal.page .slides {
-webkit-perspective-origin: 0% 50%; -webkit-perspective-origin: 0% 50%;
@ -855,7 +848,6 @@ body {
height: 100%; height: 100%;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
overflow: hidden;
background-color: transparent; background-color: transparent;
background-position: 50% 50%; background-position: 50% 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -868,8 +860,7 @@ body {
.reveal .slide-background.present { .reveal .slide-background.present {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible; }
z-index: 2; }
.print-pdf .reveal .slide-background { .print-pdf .reveal .slide-background {
opacity: 1 !important; opacity: 1 !important;
@ -883,13 +874,7 @@ body {
max-width: none; max-width: none;
max-height: none; max-height: none;
top: 0; top: 0;
left: 0; left: 0; }
-o-object-fit: cover;
object-fit: cover; }
.reveal .slide-background[data-background-size="contain"] video {
-o-object-fit: contain;
object-fit: contain; }
/* Immediate transition style */ /* Immediate transition style */
.reveal[data-background-transition=none] > .backgrounds .slide-background, .reveal[data-background-transition=none] > .backgrounds .slide-background,
@ -1061,8 +1046,6 @@ body {
visibility: visible; visibility: visible;
outline: 10px solid rgba(150, 150, 150, 0.1); outline: 10px solid rgba(150, 150, 150, 0.1);
outline-offset: 10px; } outline-offset: 10px; }
.reveal.overview .backgrounds .slide-background.stack {
overflow: visible; }
.reveal.overview .slides section, .reveal.overview .slides section,
.reveal.overview-deactivating .slides section { .reveal.overview-deactivating .slides section {
@ -1074,6 +1057,10 @@ body {
-webkit-transition: none; -webkit-transition: none;
transition: none; } transition: none; }
.reveal.overview-animated .slides {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease; }
/********************************************* /*********************************************
* RTL SUPPORT * RTL SUPPORT
*********************************************/ *********************************************/

View file

@ -22,7 +22,7 @@ body {
font-family: "Lato", sans-serif; font-family: "Lato", sans-serif;
font-size: 40px; font-size: 40px;
font-weight: normal; font-weight: normal;
color: #333; } color: #363736; }
::selection { ::selection {
color: #fff; color: #fff;
@ -49,7 +49,7 @@ body {
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #333; color: #363736;
font-family: "League Gothic", Impact, sans-serif; font-family: "League Gothic", Impact, sans-serif;
font-weight: normal; font-weight: normal;
line-height: 1.2; line-height: 1.2;
@ -62,13 +62,13 @@ body {
font-size: 3.77em; } font-size: 3.77em; }
.reveal h2 { .reveal h2 {
font-size: 2.11em; } font-size: 1.77em; }
.reveal h3 { .reveal h3 {
font-size: 1.55em; } font-size: 1.30em; }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: 0.7em; }
.reveal h1 { .reveal h1 {
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); } text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
@ -150,14 +150,14 @@ body {
.reveal pre { .reveal pre {
display: block; display: block;
position: relative; position: relative;
width: 90%; /*width: 90%;*/
margin: 20px auto; margin: 20px auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: monospace;
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); } }
.reveal code { .reveal code {
font-family: monospace; } font-family: monospace; }
@ -214,7 +214,7 @@ body {
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #8b743d; color: #87cbe7;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease; -webkit-transition: color .15s ease;
-moz-transition: color .15s ease; -moz-transition: color .15s ease;
@ -235,8 +235,9 @@ body {
.reveal section img { .reveal section img {
margin: 15px 0px; margin: 15px 0px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
border: 4px solid #333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.95);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } max-width:400px;
}
.reveal section img.plain { .reveal section img.plain {
border: 0; border: 0;
@ -249,7 +250,7 @@ body {
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
border-color: #8b743d; border-color: #87cbe7;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/********************************************* /*********************************************
@ -257,31 +258,31 @@ body {
*********************************************/ *********************************************/
.reveal .controls .navigate-left, .reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled { .reveal .controls .navigate-left.enabled {
border-right-color: #8b743d; } border-right-color: #2c596e; }
.reveal .controls .navigate-right, .reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled { .reveal .controls .navigate-right.enabled {
border-left-color: #8b743d; } border-left-color: #2c596e; }
.reveal .controls .navigate-up, .reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled { .reveal .controls .navigate-up.enabled {
border-bottom-color: #8b743d; } border-bottom-color: #2c596e; }
.reveal .controls .navigate-down, .reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled { .reveal .controls .navigate-down.enabled {
border-top-color: #8b743d; } border-top-color: #2c596e; }
.reveal .controls .navigate-left.enabled:hover { .reveal .controls .navigate-left.enabled:hover {
border-right-color: #c0a86e; } border-right-color: #87cbe7; }
.reveal .controls .navigate-right.enabled:hover { .reveal .controls .navigate-right.enabled:hover {
border-left-color: #c0a86e; } border-left-color: #87cbe7; }
.reveal .controls .navigate-up.enabled:hover { .reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #c0a86e; } border-bottom-color: #87cbe7; }
.reveal .controls .navigate-down.enabled:hover { .reveal .controls .navigate-down.enabled:hover {
border-top-color: #c0a86e; } border-top-color: #87cbe7; }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
@ -290,7 +291,7 @@ body {
background: rgba(0, 0, 0, 0.2); } background: rgba(0, 0, 0, 0.2); }
.reveal .progress span { .reveal .progress span {
background: #8b743d; background: #87cbe7;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

View file

@ -9,8 +9,9 @@ based on dark.css by Ivan Sagalaev
display: block; display: block;
overflow-x: auto; overflow-x: auto;
padding: 0.5em; padding: 0.5em;
background: #3f3f3f; background: #363736;
color: #dcdcdc; color: #dcdcdc;
padding:15px !important;
} }
.hljs-keyword, .hljs-keyword,