You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
 
 

75 lines
4.8 KiB

<!DOCTYPE html>
<html>
<head>
<title>Portail des pads collaboratifs - Picasoft</title>
<script src="trianglify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta charset="utf8" />
</head>
<body>
<header>
<img src="logo_picasoft_white.svg" alt="Logo de Picasoft" /><!--
--><ul>
<a href="https://md.pad.test.picasoft.net/"><li>CodiMD</li></a>
<a href="https://week.pad.picasoft.net/"><li>EtherPad</li></a>
<a href="whiteboard.html"><li>WhiteBoard</li></a>
</ul><!--
--><ul>
<a href="https://picasoft.net/co/cgu.html"><li>CGU</li></a>
<a href="mailto:picasoft@assos.utc.fr"><li>Contact</li></a>
</ul>
</header>
<div id="content">
<h1>Portail des pads collaboratifs</h1>
<p>
Nous vous proposons plusieurs outils de pads collaboratifs pouvant correspondre à vos besoins. Du simple néophite en informatique à l'expert en MarkDown et en LaTeX, chacun y trouvera son bonheur. Vous trouverez ci-dessous un petit guide afin de choisir quel outil est adapté à vos besoins. Vous pouvez aussi trouver un petit guide pour débuter avec la syntaxe MarkDown.
</p>
<div class="cards">
<div class="card">
<a href="https://md.pad.test.picasoft.net/">CodiMD</a>
<img src="codimd.png" alt="CodiMD screenshot" />
</div>
<div class="card">
<a href="https://week.pad.picasoft.net/">EtherPad</a>
<img src="etherpad.png" alt="EtherPad screenshot" />
</div>
<div class="card">
<a href="whiteboard.html">WhiteBoard</a>
<img src="whiteboard.png" alt="WhitheBoard screenshot" />
</div>
</div>
<h2>Quel outil est adapté à mes besoins ?</h2>
<h3>Je souhaite faire une simple prise de notes seul·e ou avec des ami·e·s, rapidement et sans inscription</h3>
<p>
Dans ce cas la mise en forme m'importe peu, ce que je veux c'est pouvoir utiliser un espace d'échange où chacun peut contribuer et placer ses idées. Nous vous conseillons alors une instance EtherPad. Ce logiciel est intuitif et simple à prendre en main, aucune inscription n'est requise et c'est rapide. Il s'uffit d'entrer un nom pour votre Pad et de partager l'addresse à vos ami·e·s. Vous avez accès à un historique des modifications et votre Pad sera sauvegardé pendant un an après les dernières modifications. Cependant les capacités de mise en forme sont réduites au strict nécessaire.<br>
<span style="font-style: italic;">Exemples :</span> Notes de cours, brouillon avant de rédiger un rapport, partager des informations et des liens.
</p>
<h3>Je souhaite rédiger en collaboration un compte-rendu ou une documentation</h3>
<p>
J'ai besoin d'une mise en forme plus avancée et de fonctionnalités supplémentaires (tableaux, formules mathématiques, diagrammes, ...). J'ai toujours besoin de collaborer avec mes camarades mais nous sommes moins pressé·e·s et nous pouvons nous inscrire sur le service afin de faciliter la collaboration. Nous vous conseillons CodiMD. Ce logiciel permet d'accéder à une mise en forme avancée à l'aide d'une syntaxe MarkDown complétée de plusieurs fonctionnalités comme LaTeX pour des formules ou la possobilité de faire des diagramme (<a href="https://pad.rhizome-fai.net/features">liste complète des fonctionnalités</a>). L'inscription n'est pas obligatoire mais elle est tout de même recommandée. On peut mettre le pad en lecture-seule et accéder à un mode de publication.<br>
<span style="font-style: italic;">Exemples :</span> Compte-rendu de réunion, documentation d'un projet, tutoriel.
</p>
<h3>Je souhaite partager un tableau blanc afin de dessiner "à la main"</h3>
<p>
J'ai besoin de povoir dessiner sur une "feuille" avec des fonctions telles qu'un crayon, une règle, un compas, ... Il faut me tourner vers un outil comme WhiteBoard. Pas besoin de s'inscrire, il suffit de passer l'URL et de dessiner. Attention il n'y a pas de lecture-seule et pas de sauvegarde, pensez à exporter si besoin.<br>
<span style="font-style: italic;">Exemples :</span> Tableau de TD/Cours, brouillon de maths.
</p>
<script>
// Create Trianglify pattern - feel free to use whatever settings here
// **NOTE: Must export as svg with namespace included ".svg({ includeNamespace: true })"
var pattern = Trianglify({
height: window.innerHeight,
width: window.innerWidth,
}).svg({ includeNamespace: true });
// Take Trianglify SVG pattern and serialize it into XML string
var patternString = new XMLSerializer().serializeToString(pattern);
// URL encode the pattern and set into the proper format for SVG background
var patternMin = 'url("data:image/svg+xml,' + encodeURIComponent(patternString) + '")';
document.body.style.backgroundImage = patternMin;
</script>
</div>
</body>
</html>