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.

1113 lines
34 KiB

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden 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=10 -V margin-right=10 -V margin-top=10 -V margin-bottom=10
-->
<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<br/> de collaboration.</p>
<a href="https://nextcloud.com">https://nextcloud.com</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
<div class="tag app-pc">Application PC</div>
</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.<br/>
Certains services de Nextcloud vous serons présentés dans la suite du document.
</td>
</tr>
</table>
</div>
</article>
<!-- force le saut de page pour le génération pdf -->
<br/>
<br/>
<br/>
<br/>
<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>
<tr>
<td class="image"><img src="images/ms-outlook.svg" alt="Microsoft Outlook"></td>
<td>Microsoft 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/nextcloud.svg" alt="Nextcloud"></div>
<div>
<h2>Nextcloud Calendar</h2>
<p>Calendar est un module de Nextcloud pour gérer des réunions collectives.<br/>
Ce calendrier peut s'interconnecter avec le calendrier du téléphone.</p>
<a href="https://apps.nextcloud.com/apps/calendar">https://apps.nextcloud.com/apps/calendar</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
</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>
<tr>
<td class="image"><img src="images/waze.png" alt="Waze"></td>
<td>Waze</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<br/>
base de géographiques libre du monde, en utilisant le système GPS et d'autres données<br/>
libres.</p>
<a href="https://www.openstreetmap.org/">https://www.openstreetmap.org</a><br/>
<div class="tag site">Site web</div>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/organic-maps.png" alt="Organic Maps"></div>
<div>
<h2>Organic Maps</h2>
<p>Organic Map est une application de navigation sur Andoid.</p>
<a href="https://organicmaps.app/">https://organicmaps.app</a><br/>
<div class="tag android">Application Android</div>
<div class="tag ios">Application iOS</div>
</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><br/>
<div class="tag app-mobile">Application mobile</div>
</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://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<br/>
en pair à pair, et un média social sur lequel les utilisateurs peuvent envoyer, regarder,<br/>
commenter, évaluer et partager des vidéos en streaming.</p>
<a href="https://www.peertube.fr/">https://www.peertube.fr</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</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>
<tr>
<td class="image"><img src="images/facebook-messenger.svg" alt="Messenger"></td>
<td>Messenger</td>
</tr>
<tr>
<td class="image"><img src="images/telegram.svg" alt="Telegram"></td>
<td>Telegram</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</h2>
<p>Signal est une application gratuite pour Android et iOS, permettant de communiquer (appels<br/>
vocaux et vidéo, messages textes ou médias) de façon chiffrée et sécurisée et dont<br/>
l'objectif est d'assurer un maximum de confidentialité à ses utilisateurs.</p>
<a href="https://www.signal.org/fr/">https://www.signal.org</a><br/>
<div class="tag app-mobile">Application mobile</div>
<div class="tag app-pc">Application PC</div>
</div>
</td>
</tr>
<tr class="alternative">
<td>
<div><img src="images/silence.svg" alt="Silence"></div>
<div>
<h2>Silence</h2>
<p>Silence est un logiciel de chiffrement de SMS et MMS avec dautres utilisateurs de Silence.</p>
<a href="https://silence.im/">https://silence.im</a><br/>
<div class="tag app-mobile">Application mobile</div>
</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><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
<div class="tag app-pc">Application PC</div>
</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><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
</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<br/>
fondation Mozilla et issu du projet Mozilla.</p>
<a href="https://www.thunderbird.net/fr/">https://www.thunderbird.net</a><br/>
<div class="tag app-pc">Application PC</div>
</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><br/>
<div class="tag app-mobile">Application mobile</div>
</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><br/>
<div class="tag server">Serveur</div>
</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>Deck est un module Nextcloud pour organiser des taches à accomplir.</p>
<a href="https://apps.nextcloud.com/apps/deck">https://apps.nextcloud.com/apps/deck</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
</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><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
</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</a><br/>
<div class="tag module">Extention navigateur</div>
</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><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
</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<br/>
dérivés.</p>
<a href="https://f-droid.org/">https://f-droid.org</a><br/>
<div class="tag app-mobile">Application mobile</div>
</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><br/>
<div class="tag app-pc">Application PC</div>
</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><br/>
<div class="tag app-mobile">Application mobile</div>
</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<br/>
naviguer anonymement sur le réseau d'anonymisation Tor.</p>
<a href="https://www.torproject.org/">https://www.torproject.org</a><br/>
<div class="tag app-pc">Application PC</div>
<div class="tag app-mobile">Application mobile</div>
</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><br/>
<div class="tag app-pc">Application PC</div>
</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<br/>
tableur et un outil de présentation.</p>
<a href="https://apps.nextcloud.com/apps/onlyoffice">https://apps.nextcloud.com/apps/onlyoffice</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</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>
LibreOffice est aussi disponible en édition collaborative en ligne avec <a href="https://www.collaboraoffice.com/fr/collabora-online/">Collabora Online</a>. Collabora Online est interconnectable avec Nextcloud tout comme OnlyOffice.
</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><br/>
<div class="tag app-pc">Application PC</div>
</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><br/>
<div class="tag app-pc">Application PC</div>
</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><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</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<br/>
sujet.</p>
<a href="https://apps.nextcloud.com/apps/polls">https://apps.nextcloud.com/apps/polls</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</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><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</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 <br/>
synchronidateur, sans inscription préalable, à la manière de Doodle. Il est basé sur le<br/>
Logiciel Libre OpenSondage, lui-même basé sur le logiciel STUdS.</p>
<a href="https://framadate.org">https://framadate.org</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</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<br/>
formulaires ou questionnaires personnalisés de manière intuitive et rapide.</p>
<a href="https://framaforms.org/">https://framaforms.org</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</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<br/>
AddBlock mais en Logiciel Libre.</p>
<a href="https://github.com/gorhill/uBlock">https://github.com/gorhill/uBlock</a><br/>
<div class="tag module">Extention navigateur</div>
</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<br/>
internet.</p>
<a href="https://www.eff.org/privacybadger">https://www.eff.org/privacybadger</a><br/>
<div class="tag module">Extention navigateur</div>
</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<br/>
visioconférence chiffrée.</p>
<a href="https://meet.jit.si/">https://meet.jit.si</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
<div class="tag app-pc">Application PC</div>
</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<br/>
blanc, l'utilisation d'outils de clavardage publics et privés, le partage d'écran, la voix<br/>
sur IP, des sondages en ligne, ainsi que l'utilisation de documents bureautiques.</p>
<a href="https://bigbluebutton.org/">https://bigbluebutton.org</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</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'<b>alternatives</b> 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>
Si vous souhaitez <b>proteger vos communications</b> de manière sécurisé, nous pouvons vous accompagner sur le chiffrement d'e-mail, sur d'utilisation de VPN, etc.<br/>
N'hésitez pas à nous contacter à : <b>ud44-gt-informatique [à] sympa02 [point] cgt [point] fr</b><br/>
</p>
<br/>
<br/>
<br/>
<p>
Date de la dernière édition: 04/02/2022
</p>
</body>
</html>