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.

981 lines
28 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<!-- SPDX-License-Identifier: GFDL-1.3-or-later -->
<html>
<!--
Pour compiler cette source html en pdf, utiliser la commande suivante:
pandoc catalogue_de_services.html -t html5 --css style.css -o catalogue_de_services.pdf -V margin-left=3 -V margin-right=3 -V margin-top=3 -V margin-bottom=3
-->
<head>
<title>CGT - Collectif Informatique du 44</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Catalogue de services par le groupe de travail Informatique</h1>
<p>
<i>Dans un contexte syndical, pourquoi choisir les Logiciels Libres ?</i><br/>
<br/>
Les <b>Logiciels Libres</b> sont les seuls logiciels dont on est absolument certains quils font exactement ce quils disent quils font ! Les logiciels propriétaires transmettent des données à leurs éditeurs, sans que lon sache lesquelles et pour quoi faire !<br/>
<br/>
La caractéristique des licences de Logiciels Libres est de rendre publique la façon dont ils sont conçus. Ceci augmente la possibilité quune utilisation mal intentionnée soit dénoncée.<br/>
<br/>
Notre objectif est de promouvoir le Locigiel Libre afin de fournir aux utilisateurs une <b>connaissance</b> et une capacité de <b>réappropriation de contrôle</b> sur l'outil informatique.
<br/>
Nous vous proposons donc ici une liste de logiciels alternatifs aux logiciels les plus répandus qui sont bien souvent peut recommandable.
<br/>
Ce travail est réalisé par des personnes syndiquées dans le cadre dun groupe de travail informatique CGT de lUD44. Vous avez des questions ? Vous voulez nous rejoindre ? Contactez-nous sur notre liste de diffusion :<br/>
<br/>
<b>ud44-gt-informatique [à] sympa02 [point] cgt [point] fr</b><br/>
<br/>
<i>/!\ Attention, adresse mail à corriger pour lenvoi, elle est modifiée pour éviter le spam. Veuillez noter que cette adresse est publique et que vos messages seront lus par tous les membres du groupe de travail. /!\</i><br/>
</p>
<br/>
<br/>
<br/>
<br/>
<h1>Suite d'outils intégrés</h1>
<!-- ************ Article présentant un type de service **************** -->
<article>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/g-suite.svg" alt="G suite"></td>
<td>G suite</td>
</tr>
<tr>
<td class="image"><img src="images/ms-office.svg" alt="Office 365"></td>
<td>Office 365</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/nextcloud.svg" alt="Nextcloud"></div>
<div>
<h2>Nextcloud</h2>
<p>Nextcloud est un Logiciel Libre de site d'hébergement de fichiers et une plateforme de collaboration.</p>
<a href="https://nextcloud.com">https://nextcloud.com</a>
</div>
</td>
</tr>
</table>
</div>
<div class="note">
&nbsp; <!-- dirty fix for inline block -->
<table class="note">
<tr>
<th>Présision</th>
</tr>
<tr>
<td>
Avoir un suite de logiciel est la meilleur alternative pour s'émanciper des plateformes propiétaires et ainsi avoir accès à un ensemble d'outils sur un unique serveur.
Certains services de Nextcloud vous serons présentés dans la suite du document.
</td>
</tr>
</table>
</div>
</article>
<br/>
<br/>
<br/>
<br/>
<h1>Liste d'outils par thème</h1>
<!-- ************ Article présentant un type de service **************** -->
<article>
<h2>Agendat</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/google-calendar.png" alt="Google calendar"></td>
<td>Google Calendar</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/nextcloud.svg" alt="Nextcloud"></div>
<div>
<h2>Nextcloud Calendar</h2>
<p>Nextcloud est un Logiciel Libre de site d'hébergement de fichiers et une plateforme de collaboration.</p>
<a href="https://apps.nextcloud.com/apps/calendar">https://apps.nextcloud.com/apps/calendar</a>
</div>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Cartographie</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/apple-maps.svg" alt="Apple maps"></td>
<td>Apple maps</td>
</tr>
<tr>
<td class="image"><img src="images/ms-bing.svg" alt="Bing maps"></td>
<td>Bing maps</td>
</tr>
<tr>
<td class="image"><img src="images/google-maps.svg" alt="Google maps"></td>
<td>Google maps</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/openstreetmap.svg" alt="OpenStreetMap"></div>
<div>
<h2>OpenStreetMap</h2>
<p>OpenStreetMap est un projet collaboratif de cartographie en ligne qui vise à constituer une base de<br/>
géographiques libre du monde, en utilisant le système GPS et d'autres données libres.</p>
<a href="https://www.openstreetmap.org/">https://www.openstreetmap.org</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/osmand.svg" alt="OsmAnd"></div>
<div>
<h2>OsmAnd</h2>
<p>OsmAnd est une application de cartographie et de navigation sur Android et iOS.</p>
<a href="https://osmand.net/">https://osmand.net/</a>
</div>
</td>
</tr>
</table>
</div>
<div class="note">
&nbsp; <!-- dirty fix for inline block -->
<table class="note">
<tr>
<th>Présision</th>
</tr>
<tr>
<td>
Il faut savoir qu'il existe de mutiples applications se basant sur openstreepmap qui permettent différentes utilisations. Voici une petite liste utile: <br/>
- <a href="http://umap.openstreetmap.fr/fr/">uMap</a> : Permet de créer une carte personnalisée<br/>
- <a href="https://organicmaps.app/">Organic Map</a> (Téléphone): Navigation<br/>
- <a href="https://brouter.de/brouter-web/">Brouter.de</a> : Pour les trajets de vélo
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Diffuseur de Vidéo</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/google-youtube.svg" alt="Youtube"></td>
<td>Youtube</td>
</tr>
<tr>
<td class="image"><img src="images/facebook-instagram.svg" alt="Instagram"></td>
<td>Instagram</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/peertube.svg" alt="Peertube"></div>
<div>
<h2>Peertube</h2>
<p>PeerTube est un Logiciel Libre d'hébergement de vidéo décentralisé permettant la diffusion en pair à<br/>
pair, et un média social sur lequel les utilisateurs peuvent envoyer, regarder, commenter, évaluer<br/>
et partager des vidéos en streaming.</p>
<a href="https://www.peertube.fr/">https://www.peertube.fr</a>
</div>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Discussions en ligne</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/discord.svg" alt="Discord"></td>
<td>Discord</td>
</tr>
<tr>
<td class="image"><img src="images/slack.png" alt="Slack"></td>
<td>Slack</td>
</tr>
<tr>
<td class="image"><img src="images/whatsapp.svg" alt="Whatsapp"></td>
<td>Whatsapp</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/signal.svg" alt="Signal"></div>
<div>
<h2>Signal (Téléphone)</h2>
<p>Signal est une application gratuite pour Android et iOS, permettant de communiquer (appels vocaux<br/>
et vidéo, messages textes ou médias) de façon chiffrée et sécurisée et dont l'objectif est d'assurer<br/>
un maximum de confidentialité à ses utilisateurs.</p>
<a href="https://www.signal.org/fr/">https://www.signal.org</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/mattermost.svg" alt="Mattermost"></div>
<div>
<h2>Mattermost</h2>
<p>Mattermost est un logiciel et un service de messagerie instantanée libre auto-hébergeable.<br/>
Il est conçu comme un chat interne pour les organisations et les entreprises.</p>
<a href="https://mattermost.com/">https://mattermost.com/</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/nextcloud.svg" alt="Nextcloud Talk"></div>
<div>
<h2>Nextcloud Talk</h2>
<p>Talk est une application de nextcould pour communiquer par chat.<br/>
Une application mobile est aussi disponible</p>
<a href="https://nextcloud.com/talk/">https://nextcloud.com/talk/</a>
</div>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>E-mail</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/google-mail.svg" alt="Gmail"></td>
<td>Gmail</td>
</tr>
<tr>
<td class="image"><img src="images/ms-outlook.svg" alt="Outlook"></td>
<td>Outlook</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/mozilla-thunderbird.svg" alt="Thunderbird"></div>
<div>
<h2>Thunderbird</h2>
<p>Mozilla Thunderbird est un client de messagerie, libre, distribué gratuitement par la fondation<br/>
Mozilla et issu du projet Mozilla.</p>
<a href="https://www.thunderbird.net/fr/">https://www.thunderbird.net</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/k9-mail.png" alt="K9 Mail"></div>
<div>
<h2>K9 Mail</h2>
<p>Application email libre pour Android avec support PGP.</p>
<a href="https://k9mail.app/">https://k9mail.app/</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/sympa.png" alt="Sympa"></div>
<div>
<h2>Sympa</h2>
<p>Sympa est un système de gestion de liste de diffusion d'e-mail.</p>
<a href="https://www.sympa.org/">https://www.sympa.org</a><br/>
<a href="https://sympa02.cgt.fr/sympa">Instance sympa de la CGT</a>
</div>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Gestionnaire de Tâches</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/trello.png" alt="Trello"></td>
<td>Trello</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/nextcloud.svg" alt="Nextcloud Deck"></div>
<div>
<h2>Nextcloud Deck</h2>
<p>Nextcloud est un Logiciel Libre de site d'hébergement de fichiers et une plateforme de collaboration.</p>
<a href="https://apps.nextcloud.com/apps/deck">https://apps.nextcloud.com/apps/deck</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/kanboard.png" alt="Kanboard"></div>
<div>
<h2>Kanboard</h2>
<p>Kanboard est un Logiciel Libre de gestion de projet kanban.</p>
<a href="https://kanboard.org/">https://kanboard.org/</a>
</div>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Lecteur d'actualité</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/google-news.svg" alt="Google News"></td>
<td>Google News</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/metapress.png" alt="Meta-press.es"></div>
<div>
<h2>Meta-press.es</h2>
<p>Meta-press est un moteur de recherche décentralisé et revue de presse automatisée.<br/>
Il est à utiliser comme extention à un navigateur internet.</p>
<a href="https://www.meta-press.es/fr/">https://www.meta-press.es/fr/</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/tt-rss.svg" alt="Tiny Tiny RSS"></div>
<div>
<h2>Tiny Tiny RSS</h2>
<p>Tiny Tiny RSS (ttrss) est un agrégateur de flux RSS et Atom libre sous licence libre.</p>
<a href="http://tt-rss.org/">http://tt-rss.org/</a>
</div>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Magasin d'application</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/google-play.svg" alt="Google Play"></td>
<td>Google Play</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/f-droid.png" alt="F-Droid"></div>
<div>
<h2>F-Droid</h2>
<p>F-Droid est un magasin d'applications libres pour les systèmes dexploitation Android et dérivés</p>
<a href="https://f-droid.org/">https://f-droid.org/</a>
</div>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Navigateur Internet</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/google-chrome.png" alt="Google Chrome"></td>
<td>Google Chrome</td>
</tr>
<tr>
<td class="image"><img src="images/ms-ie.svg" alt="Microsoft Edge"></td>
<td>Microsoft Edge</td>
</tr>
<tr>
<td class="image"><img src="images/apple-safari.svg" alt="Safari"></td>
<td>Safari</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/mozilla-firefox.svg" alt="Firefox"></div>
<div>
<h2>Firefox</h2>
<p>Mozilla Firefox est un navigateur web libre et gratuit.</p>
<a href="https://www.mozilla.org/fr/firefox">https://www.mozilla.org/fr/firefox</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/fennec.svg" alt="Fennec"></div>
<div>
<h2>Fennec</h2>
<p>Fennec est une vesion de Firefox pour Android sans pisteur.</p>
<a href="https://f-droid.org/en/packages/org.mozilla.fennec_fdroid/">https://f-droid.org/en/packages/org.mozilla.fennec_fdroid/</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/tor-browser.svg" alt="Tor Browser"></div>
<div>
<h2>Tor Browser</h2>
<p>Le Tor Browser est un navigateur web libre basé sur Mozilla Firefox ESR qui permet de naviguer<br/>
anonymement sur le réseau d'anonymisation Tor.</p>
<a href="https://www.torproject.org/">https://www.torproject.org</a>
</div>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Outils bureautiques</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/ms-office.svg" alt="Microsoft Office"></td>
<td>Microsoft Office</td>
</tr>
<tr>
<td class="image"><img src="images/google-docs.svg" alt="Google Doc"></td>
<td>Google Doc</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/libreoffice.png" alt="LibreOffice"></div>
<div>
<h2>LibreOffice</h2>
<p>LibreOffice est une suite bureautique libre et gratuite, dérivée du projet OpenOffice.</p>
<a href="https://fr.libreoffice.org/">https://fr.libreoffice.org/</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/nextcloud.svg" alt="OnlyOffice"></div>
<div>
<h2>Nextcloud OnlyOffice</h2>
<p>OnlyOffice est une suite bureautique en ligne libre incluant un traitement de texte, un tableur<br/>
et un outil de présentation.</p>
<a href="https://apps.nextcloud.com/apps/onlyoffice">https://apps.nextcloud.com/apps/onlyoffice</a>
</div>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Outils graphique</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/photoshop.png" alt="Photoshop"></td>
<td>Photoshop</td>
</tr>
<tr>
<td class="image"><img src="images/adobe-indesign.png" alt="Adobe inDesign"></td>
<td>Adobe inDesign</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/gimp.svg" alt="Gimp"></div>
<div>
<h2>Gimp</h2>
<p>Gimp est un outil d'édition et de retouche d'image.</p>
<a href="https://www.gimp.org/">https://www.gimp.org/</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/inkscape.svg" alt="inkscape"></div>
<div>
<h2>inkscape</h2>
<p>Inkscape est un logiciel de dessin vectoriel libre.<br/>
Il gère des fichiers conformes aux standards XML, SVG et CSS du W3C.</p>
<a href="https://inkscape.org/">https://inkscape.org/</a>
</div>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Site web</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/google.svg" alt="Google Site"></td>
<td>Google Site</td>
</tr>
<tr>
<td class="image"><img src="images/blogspot.png" alt="Blogspot"></td>
<td>Blogspot</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/wordpress.png" alt="WordPress"></div>
<div>
<h2>WordPress</h2>
<p>WordPress est un système de gestion de contenues de site internet.</p>
<a href="https://fr.wordpress.org/">https://fr.wordpress.org/</a>
</div>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Sondage ou Formulaire</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/doodle.svg" alt="Doodle"></td>
<td>Doodle</td>
</tr>
<tr>
<td class="image"><img src="images/google.svg" alt="Google Forms"></td>
<td>Google Forms</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/nextcloud.svg" alt="Nextcloud sondage"></div>
<div>
<h2>Nextcloud Polls</h2>
<p>Polls est un module de Nextcloud pour effectuer des sondages pour choisir une date ou un sujet.</p>
<a href="https://apps.nextcloud.com/apps/polls">https://apps.nextcloud.com/apps/polls</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/nextcloud.svg" alt="Nextcloud sondage"></div>
<div>
<h2>Nextcloud Forms</h2>
<p>Forms est un module de Nextcloud pour des questionnaires complexes.</p>
<a href="https://apps.nextcloud.com/apps/forms">https://apps.nextcloud.com/apps/forms</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/framadate.svg" alt="Nextcloud sondage"></div>
<div>
<h2>Framadate</h2>
<p>Framadate est un service en ligne permettant de planifier un rendez-vous, un synchronidateur,<br/>
sans inscription préalable, à la manière de Doodle. Il est basé sur le Logiciel Libre OpenSondage,<br/>
lui-même basé sur le logiciel STUdS.</p>
<a href="https://framadate.org">https://framadate.org</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/framaform.svg" alt="Nextcloud sondage"></div>
<div>
<h2>Framaform</h2>
<p>Framaforms est une alternative de Google Forms, c'est un logiciel pour créer des formulaires ou<br/>
questionnaires personnalisés de manière intuitive et rapide.</p>
<a href="https://framaforms.org/">https://framaforms.org</a>
</div>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Vie Privée</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/addblock.png" alt="AddBlock"></td>
<td>AddBlock</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/ublock-origin.svg" alt="uBlock Origin"></div>
<div>
<h2>uBlock Origin</h2>
<p>uBlock Origin est une extention de navigateur bloquant les publicités à la manière de AddBlock mais<br/>
en Logiciel Libre.</p>
<a href="https://github.com/gorhill/uBlock">https://github.com/gorhill/uBlock</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/privacy-badger.svg" alt="Privacy Badger"></div>
<div>
<h2>Privacy Badger</h2>
<p>Privacy Badger est une extention de navigateur bloquant les pisteurs des différents sites internet.</p>
<a href="https://www.eff.org/privacybadger">https://www.eff.org/privacybadger</a>
</div>
</td>
</tr>
</table>
</div>
<div class="note">
&nbsp; <!-- dirty fix for inline block -->
<table class="note">
<tr>
<th>Présision</th>
</tr>
<tr>
<td>
Pour plus de détails sur la publicité sur internet, nous vous invitons à visiter: <a href="https://bloquelapub.net/">https://bloquelapub.net/</a>
</td>
</tr>
</table>
</div>
</article>
<!-- ************ Article présentant un type de service **************** -->
<article>
<hr>
<h2>Visioconférence</h2>
<div class="avoid">
&nbsp; <!-- dirty fix for inline block -->
<table class="avoid">
<tr>
<th colspan="2">Éviter</th>
</tr>
<tr>
<td class="image"><img src="images/zoom.png" alt="Google calendar"></td>
<td>Zoom</td>
</tr>
<tr>
<td class="image"><img src="images/google-meet.png" alt="Nextcloud"></td>
<td>Meet</td>
</tr>
<tr>
<td class="image"><img src="images/microsoft-teams.png" alt="Nextcloud"></td>
<td>Teams</td>
</tr>
</table>
</div>
<div class="prefered">
&nbsp; <!-- dirty fix for inline block -->
<table class="prefered">
<tr>
<th>Préférer</th>
</tr>
<tr class="alternative">
<td>
<div><img src="images/jitsi.svg" alt="Jitsi"></div>
<div>
<h2>Jitsi meet</h2>
<p>Jitsi est une application libre multiplateforme de messagerie instatanée et de visioconférence chiffrée.</p>
<a href="https://meet.jit.si/">https://meet.jit.si/</a>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/bigbluebutton.svg" alt="BigBlueButton"></div>
<div>
<h2>BigBlueButton</h2>
<p>BigBlueButton est un système de visioconférence développé pour la formation à distance.<br />
Il permet le partage de la voix et de l'image vidéo, de présentations avec ou sans tableau blanc,<br />
l'utilisation d'outils de clavardage publics et privés, le partage d'écran, la voix sur IP,<br />
des sondages en ligne, ainsi que l'utilisation de documents bureautiques.</p>
<a href="https://bigbluebutton.org/">https://bigbluebutton.org/</a>
</div>
</td>
</tr>
</table>
</div>
<div class="note">
&nbsp; <!-- dirty fix for inline block -->
<table class="note">
<tr>
<th>Présision</th>
</tr>
<tr>
<td>
Ces Logiciels Libres peuvent s'installer sur un serveur (ce qu'on appelle une instance). Vous pouvez trouver différentes instances de ces logiciels sur internet.
</td>
</tr>
</table>
</div>
</article>
<br/>
<br/>
<br/>
<br/>
<h1>Pour aller plus loin</h1>
<p>
Si vous souhaitez aller plus loin dans la recherche d'alternatives nous vous conseillons les sites suivants:
<ul>
<li><a href="https://degooglisons-internet.org/fr/">Dégooglisons Internet</a>: L'association framasoft propose un large choix de Logiciels Libres alternatifs et éthiques en remplacement de ceux que nous avons l'habitude d'utiliser.</li>
<li><a href="https://prism-break.org/fr/">Prism-break</a>: Prism-break présente aussi un large catalogue d'alternatives aux logiciels privateurs. Ce document est d'ailleurs beaucoup inspiré de leurs sources.</li>
</ul>
</p>
</body>
</html>