Il y a quelque temps, j'ai commencé à regarder l'utilitaire pandoc pour convertir un fichier en Markdown vers du pdf, html et d'autres formats.
En regardant un peu ce qu'il est possible de faire avec cet utilitaire, j'ai découvert qu'on peut créer des présentations avec reveal.js.

Contrairement à d'autres modèles de présentation, l'avantage principale est de n'avoir besoin que d'un navigateur web pour l'afficher et d'un simple éditeur de texte pour le modifier.
On peut utiliser une présentation en local ou la déposer sur un serveur, qui sera disponible comme n'importe quelle page web.
On retrouve globalement les mêmes fonctions de bases que pour une présentation Impress avec LibreOffice.

Pour autant, je ne pense pas que cela puisse correspondre à tous les besoins de présentations (surtout complexes) mais cela reste très efficace (et conviendra à mes besoins).
On s'efforcera donc de faire une présentation structurée (et c'est pas plus mal). L'avantage dans tout ce qui est simple, c'est de se concentrer sur l'essentiel et de ne pas s'attarder sur le superflu.
Le fond a plus d'importance que la forme d'autant plus qu'une présentation ne doit pas se résumer pas à son support.

La particularité de reveal.js c'est d'avoir une présentation en 2 dimensions, des diapositives qui défilent à l'horizontale avec la possibilité de définir un niveau verticale.

Pour utiliser reveal.js, il faut avoir quelques notions de base en HTML. Il faudra éditer le code pour chaque diapositive. Rien de très difficile mais c'est pas grand public et il est même possible d'utiliser Markdown.

Autre avantage, pouvoir éditer la présentation à plusieurs et avoir une gestion de version avec git par exemple.

On va voir en détail comment créer une présentation avec reveal.js.

Lire une présentation

Plutôt qu'on long discours, on va commencer par découvrir à quoi ressemble reveal.js à travers une démo.
La démo officielle est disponible sur http://lab.hakim.se/reveal-js/ (sinon ici).

Pour faire simple, on retrouve le contenu au centre (le titre, le texte et les images), la navigation est en bas à droite (les triangles bleus) et tout en bas on voit l'état d'avancement de la présentation symbolisé par la ligne bleue (on peut avancer ou reculer en cliquant dessus).

Les raccourcis clavier

→ et ← : déplacement horizontale
↓ et ↑ : déplacement vertical
Echap ou O: aperçu de la présentation
B: mettre en pause la présentation
S: mode présentation
F: mode plein écran (Echap pour sortir du mode plein écran)
?: pour afficher l'aide

Le mode présentation

Le mode présentation permet d'avoir une fenêtre séparée avec les notes et commentaires pour chaque diapositives. On retrouve également un aperçu de la diapositive suivant et un chronomètre pour gérer le temps.

Pour activer le mode présentation, appuyer sur la touche S.
Une nouvelle fenêtre nommée "Slide Notes" s'ouvrira.

Créer une présentation

Il faut commencer par récupérer le modèle de présentation sur le site du projet: https://github.com/hakimel/reveal.js

Une fois récupéré, on décompresse l'archive dans notre dossier de travail. Ensuite, il suffit d'éditer le fichier index.html pour modifier le contenu de la présentation.

On va voir comment créer des diapositives et éditer leur contenu et découvrir quelques éléments de configuration du diaporama (titre, styles, animation, ...).

Créer des diapositives

Pour rappel, un diaporama est composé de plusieurs diapositives (aussi nommées slides en anglais).

On commence par ouvrir le fichier index.html.

Pour créer des diapositives, on se place au bon niveau: .reveal > .slides > section (section correspondant à une diapositive)
Dans notre fichier index.html, on a déjà 2 diapositives présentes: "Slide 1" et "Slide 2".

...

	

		
Slide 1
		
Slide 2
		
	

...

Pour ajouter une nouvelle diapositive, on insère le code au niveau du commentaire:

Diapo 3

Comme je l'ai dit précédemment, la présentation peut se développer sur 2 niveaux (horizontalement et verticalement).
On aura une séquence horizontale (avec les touches → et ← ) et une séquence verticale (↓ et ↑).

Par exemple, pour réaliser une présentation avec 5 diapos :

[A] [B] [E]
    [C]
    [D]

Pour créer des diapos verticales, il faut créer une section qui englobera les autres diapositives.
Pour créer les 5 diapos de l'exemple précédent, il faut insérer le code:

Diapo A

	
Diapo B
	
	
Diapo C
	
Diapo D

Diapo E

La première diapo verticale servira de racine et sera définit dans la séquence horizontal.

On a maintenant créé toutes les diapositives pour notre présentation.
Il nous faut ajouter le contenu correspondant à chacune d'elles.

Ajouter du contenu

On a donc définit la structure du diaporama, il nous reste à ajouter le texte associé aux diapositives.
Éditer une diapo correspond à modifier le contenu à l’intérieur de la balise

...
Contenu à ajouter
...

	
reveal.js
	
Outil de présentation HTML
	
Crée par nIQnutn

Titre de niveau 1
Titre de niveau 2
Titre de niveau 3

un petit paragraphe.

en gras 
en italique
en petit

	
	

		
HTML
		
CSS
		
Javascript
	

	

		
Premier
		
Deuxième
		
Troisième
	

	

		

			

				
.deb
		
.rpm
			
		
		

			

				
Debian
	
Red Hat
			
			

				
Ubuntu
	
Fedora
			
		
	

	
"Ne crains pas d’avancer lentement, crains seulement de t’arrêter." Lao-Tseu

	

		$(document).ready(function() {
		  $('pre code').each(function(i, block) {
		    hljs.highlightBlock(block);
		  });
		});
	

...

    
Arrière plan: rouge

	
Arrière plan: image

	
Arrière plan: image mise à l'échelle

	
Arrière plan: vidéo

	
Arrière plan: vidéo en sourdine

	Gauche
	Droite
	Haut
	Bas

	Précédent
	Suivant

	Diapo 2
	Diapo verticale 4

	Lien vers la diapo suivante

	Lorem Ipsum

Original post of genma.Votez pour ce billet sur Planet Libre.

Mails chiffrés

Le support des domaines perso

Les inconvénients

Original post of dada.Votez pour ce billet sur Planet Libre.

Article arrivé 1er sur Hacker News, 1er sur /r/sysadmin, 2nd sur /r/linux), traduit avec l’accord de son auteur Pēteris Ņikiforovs, il présente la commande htop et les notions de base des composants d’un système GNU/Linux que cette commande affiche.

Voici les différents chapitres déjà publiés :

1. l’uptime
2. la load average (charge moyenne)
3. les processus
4. les processus utilisateur
5. l’état des processus

Aujourd’hui : le temps du processus et la priorité

Temps et priorités des processus

Linux est un système d’exploitation multi-tâches, ce qui signifie que malgré le fait que vous ayez un seul CPU, vous pouvez exécuter plusieurs processus en même temps. Vous pouvez vous connecter à votre serveur via SSH et jeter un oeil à la sortie de htop alors que votre serveur web délivre le contenu de votre blog à vos lecteurs via Internet.

Comment est-ce possible quand un seul CPU ne peut exécuter qu’une instruction à la fois ?

La réponse est dans le temps partagé.

Un processus s’exécute un court instant, ensuite il est suspendu tandis que les autres processus en attente d’exécution s’exécutent tour à tour pendant un moment. La période de temps pendant laquelle un processus s’exécuter est appelé la tranche de temps (ndt : time slice).

La tranche de temps dure habituellement quelques millisecondes donc vous ne la remarquez pas vraiment quand votre système ne subit pas une forte charge. (il serait intéressant d’ailleurs de connaître combien la tranche de temps dure habituellement sous Linux)

Cela devrait expliquer pourquoi la moyenne de la charge est un nombre moyen de processus en cours d’exécution. Si vous n’avez qu’un cœur et que la moyenne de charge est de 1.0, le CPU a été utilisé à 100%. Si la moyenne de charge est plus grande que 1.0, cela signifie que que le nombre de processus en attente d’exécution est plus grand que celui que le processus peut exécuter, donc vous pourriez ressentir des lenteurs et des retards. Si la charge est plus petite que 1.0, cela signifie que le CPU est parfois en sommeil et qu’il ne fait rien.

Cela devrait également vous donner un indice de pourquoi de temps en temps la durée d’exécution d’un processus qui s’est exécuté pendant 10 secondes est plus grande ou plus petite qu’exactement 10 secondes.

Gentillesse et priorité d’un processus

Quand vous avez plus de tâches à exécuter que le nombre disponible de cœurs de CPU, vous devez d’une façon ou de l’autre décider quelle tâche sera la suivante à être exécutée et laquelle continuera d’attendre. C’est la tâche dont est responsable l’ordonnanceur (ndt : scheduler).

L’ordonnanceur du noyau Linux est responsable de quel devra être le prochain processus à prendre dans une file d’attente et cela dépend de l’algorithme de l’ordonnanceur utilisé par le noyau.

Vous ne pouvez généralement pas influer sur l’ordonnanceur mais vous pouvez lui faire savoir quels processus sont les plus importants pour vous et l’ordonnanceur peut prendre ce paramètre en compte.

La gentillesse (NI) est la priorité en espace utilisateur des processus, allant de -20 qui est la plus haute priorité à 19 qui est la plus basse. Cela peut être perturbant mais vous pouvez penser qu’un gentil processus cède la place à un processus moins gentil. Donc plus gentil est le processus, plus il cède sa place.

Des informations que j’ai réunies en lisant StackOverflow et d’autres sites, augmenter le niveau de gentillesse 1 devrait faire qu’un processus cède sa place de 10% de temps CPU à un autre processus.

La priorité (PRI) est en espace noyau la priorité utilisé par le noyau Linux. Les priorités vont de 0 à 139 et les valeurs de 0 à 99 sont pour le temps-réel et de 100 à 139 pour les utilisateurs.

Vous pouvez changer la gentillesse et le noyau le prend en compte mais vous ne pouvez pas changer la priorité.

La relation entre la valeur de la gentillesse et la priorité est :

PR = 20 + NI

Donc la valeur PR = 20 + (-20 to +19) est de 0 à 39 qui le fait correspondre aux valeurs entre 100 et 139.

Vous pouvez fixer la gentillesse d’un processus avant de le lancer.

nice -n niceness program

Changer la gentillesse d’un programme qui s’exécute déjà se fait avec renice.

renice -n niceness -p PID

Voici ce que la couleur de l’utilisation CPU signifie :

Bleu : processus de basse priorité (nice > 0)
Vert : processus de priorité normale
Rouge : processus noyau

Plus d’informations à http://askubuntu.com/questions/656771/process-niceness-vs-priority

J’espère que ces différentes parties sur les processus vous auront aidé à mieux comprendre le fonctionnement des processus. Nous continuerons dans un prochain article avec la mémoire.

Original post of Carl Chenet.Votez pour ce billet sur Planet Libre.

Je n’en parle pas beaucoup, mais je suis un grand féru de musique et, bien que je ne sois pas un connaisseur technique dans le domaine, j’apprécie énormément la découverte de nouveaux groupes et de nouveaux genres. Je vais régulièrement sur le site de Jamendo, qui présente un paquet d’artistes très hétérogènes, le tout sous écoute libre pour un usage personnel. Pour changer un peu du thème de l’informatique je me suis dit que j’allais faire un premier pack des derniers groupes que j’ai écouté sur le site.

Pour chaque artiste, groupe, ou album le titre est un lien vers l’une des musiques qui lui est lié.

Original post of Ilphrin.Votez pour ce billet sur Planet Libre.