<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Enough+EN101+2020" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Enough+EN101+2020+type@vertical+block@5ce6a6073c984b6b8e5cc5927e141f28" data-request-token="3cfccdbc605a11eea8540242ac120005" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Enough+EN101+2020+type@video+block@efdb50f08bcd44d3a73d1343d211afae">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:Enough+EN101+2020" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:Enough+EN101+2020+type@video+block@efdb50f08bcd44d3a73d1343d211afae" data-request-token="3cfccdbc605a11eea8540242ac120005" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Introduction à Mattermost</h3>
<div
id="video_efdb50f08bcd44d3a73d1343d211afae"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": null, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "http://openedx.enough.community", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:Enough+EN101+2020/xblock/block-v1:Enough+EN101+2020+type@video+block@efdb50f08bcd44d3a73d1343d211afae/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:Enough+EN101+2020/xblock/block-v1:Enough+EN101+2020+type@video+block@efdb50f08bcd44d3a73d1343d211afae/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": ["https://video.colibris-outilslibres.org/download/videos/a41b33e5-f424-480c-a92d-d4089c058c79-720.mp4"], "speed": null, "start": 0.0, "streams": "", "transcriptAvailableTranslationsUrl": "/courses/course-v1:Enough+EN101+2020/xblock/block-v1:Enough+EN101+2020+type@video+block@efdb50f08bcd44d3a73d1343d211afae/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:Enough+EN101+2020/xblock/block-v1:Enough+EN101+2020+type@video+block@efdb50f08bcd44d3a73d1343d211afae/handler/transcript/translation/__lang__", "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "ytTestTimeout": 1500}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="efdb50f08bcd44d3a73d1343d211afae"></div>
<h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Your browser does not support this video format. Try using a different browser.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Enough+EN101+2020" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Enough+EN101+2020+type@vertical+block@f7de7ce589bb4a0aab7ea6b0bba2fa0a" data-request-token="3cfccdbc605a11eea8540242ac120005" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Enough+EN101+2020+type@html+block@829c60bfb5e1438cab5ef54e87846b90">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Enough+EN101+2020" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Enough+EN101+2020+type@html+block@829c60bfb5e1438cab5ef54e87846b90" data-request-token="3cfccdbc605a11eea8540242ac120005" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="/assets/courseware/v1/3cab3d73958021033f5817273b06d16e/asset-v1:Enough+EN101+2020+type@asset+block/mattermost.png" alt="Mattermost" width="1058" height="680" /></p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Enough+EN101+2020" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Enough+EN101+2020+type@vertical+block@cc97e4b1394d4bb49c5586e1b202f196" data-request-token="3cfccdbc605a11eea8540242ac120005" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Enough+EN101+2020+type@html+block@f4d9f1d27caa4246b9a85871a3a9712d">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Enough+EN101+2020" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Enough+EN101+2020+type@html+block@f4d9f1d27caa4246b9a85871a3a9712d" data-request-token="3cfccdbc605a11eea8540242ac120005" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Cet outil servant de messagerie instantanée, les notifications ne sont pas censées être très utiles. Toutefois, comme nous sommes tous et toutes actifs à des moments différents, elles peuvent être utiles pour ne pas rater les infos importantes.</p>
<p></p>
<p><em><strong>Pour rappel</strong> : pour générer une notif pour quelqu’un pour un message publié <strong>dans un groupe</strong>, il faut le <strong>taguer nominativement (@+nom)</strong> ou intégrer <strong><span class="mention">@all</span></strong> à votre message si vous voulez notifier tous les membres du groupe. Les <strong>messages privés</strong> génèrent des notifications tout seuls.<br /> Vous pouvez toutefois modifier cela et recevoir des notifications pour tout en suivant les étapes ci-dessous et en allant dans « Notifications de bureau ».</em></p>
<p></p>
<p>Pour activer les notifications :</p>
<p>allez dans le <strong>menu hamburger à droite de votre profil</strong> puis <strong>Paramètres du compte</strong>.</p>
<p><img src="/assets/courseware/v1/3485a7162e6168b7a3d547d1f10f982f/asset-v1:Enough+EN101+2020+type@asset+block/im0.png" /></p>
<p>allez dans l’onglet <strong>Notifications</strong> puis <strong>Notifications par e-mail</strong> et <strong>cochez l’option que vous souhaitez</strong>.<br /> <em>Immédiatement = vous recevrez des notifs en temps réel (1 message = 1 notif)</em><br /> <em>Toutes les 15mn ou toutes les heures = vous recevrez des notifs groupées.</em><br /> <strong>Note</strong> : vous ne recevrez des notifs que lorsque vous n’êtes <strong>pas</strong> connecté à Mattermost ou que votre statut est « absent ».</p>
<p><img src="/assets/courseware/v1/d5663479a9eae6d392acc541f3488d61/asset-v1:Enough+EN101+2020+type@asset+block/im1.png" /></p>
<p><strong>NOTE</strong> : pensez à vérifier que vous avez bien coché « Seulement pour les mentions et messages personnels » ou « Pour toute activité » selon ce que vous voulez dans <strong>Notification de bureau</strong>, juste au-dessus.</p>
<p><img src="/assets/courseware/v1/df87136c3743dc5c89993c132f6fbb3b/asset-v1:Enough+EN101+2020+type@asset+block/im2.png" /></p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Enough+EN101+2020" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Enough+EN101+2020+type@vertical+block@47790168d7eb4dea81024b53a400923b" data-request-token="3cfccdbc605a11eea8540242ac120005" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Enough+EN101+2020+type@html+block@843f331b17c549c0b20d329bef028ca1">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Enough+EN101+2020" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Enough+EN101+2020+type@html+block@843f331b17c549c0b20d329bef028ca1" data-request-token="3cfccdbc605a11eea8540242ac120005" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Mode d'emploi pour installer un thème à dominante rouge au lieu de bleue.</p>
<p></p>
<ol>
<li>
<p>Cliquez sur le menu hamburger en haut à droite de votre profil puis sur <strong>« Account settings » ou « Paramètres du compte »</strong><br /> <img src="/assets/courseware/v1/64ebad074ba78f86d31d939a9fdf2c60/asset-v1:Enough+EN101+2020+type@asset+block/color0.png" /></p>
</li>
<li>
<p>Une fois dans le menu Paramètres, <strong>allez dans l’onglet « Display » ou « Affichage »</strong></p>
</li>
</ol>
<p>→ <em>Au passage, profitez-en pour mettre Mattermost en français tout en bas de ce menu « Display » > Language > Edit > Français > Save</em></p>
<p>→ <em>Vous pouvez aussi modifier votre horloge (« Clock ») et mettre l’horloge 24 heures applicable à la France</em></p>
<ol start="3">
<li>
<p>Cliquez sur <strong>« Thème »</strong> (ou sur Modifier, à côté de Thème : c’est pareil)</p>
</li>
<li>
<p>Cochez <strong>« Thème personnalisé »</strong><br /> <img src="/assets/courseware/v1/a3440323e8cd9135be46b667488e4825/asset-v1:Enough+EN101+2020+type@asset+block/color1.png" /></p>
</li>
<li>
<p><strong>Copiez-collez le code ci-dessus (remis ci-dessous) dans la boîte prévue à cet effet</strong> (qui contient déjà un code commençant par {« sidebarBg »:…) à la place du code présent.<br /> <img src="/assets/courseware/v1/b2fd3057a6a1167cf110cd2184ef87a1/asset-v1:Enough+EN101+2020+type@asset+block/color2.png" /></p>
</li>
</ol>
<p>Sélectionnez tout (normalement, la sélection totale se fait automatiquement quand vous cliquez sur le code) puis collez le nouveau code à la place (Clic droit > Copier)</p>
<p><em>ou plus direct</em> : après avoir copié le code ci-dessous (Sélection > Clic droit > Copier ou Sélection > CTRL C), positionnez votre curseur dans cette boîte et faites CTRL A puis CTRL V</p>
<blockquote>
<p><strong>Code à copier :</strong></p>
<p>{« sidebarBg »:"<span class="hashtag">#EDEDED</span>",« sidebarText »:"<span class="hashtag">#000000</span>",« sidebarUnreadText »:"<span class="hashtag">#F93F26</span>",« sidebarTextHoverBg »:"<span class="hashtag">#C3C3C3</span>",« sidebarTextActiveBorder »:"<span class="hashtag">#c3c3c3</span>",« sidebarTextActiveColor »:"<span class="hashtag">#000000</span>",« sidebarHeaderBg »:"<span class="hashtag">#ee3711</span>",« sidebarHeaderTextColor »:"<span class="hashtag">#ffffff</span>",« onlineIndicator »:"<span class="hashtag">#06d6a0</span>",« awayIndicator »:"<span class="hashtag">#ffbc42</span>",« dndIndicator »:"<span class="hashtag">#f74343</span>",« mentionBg »:"<span class="hashtag">#ffffff</span>",« mentionBj »:"<span class="hashtag">#ffffff</span>",« mentionColor »:"<span class="hashtag">#F93F26</span>",« centerChannelBg »:"<span class="hashtag">#ffffff</span>",« centerChannelColor »:"<span class="hashtag">#000000</span>",« newMessageSeparator »:"<span class="hashtag">#F93F26</span>",« linkColor »:"<span class="hashtag">#F93F26</span>",« buttonBg »:"<span class="hashtag">#F93F26</span>",« buttonColor »:"<span class="hashtag">#ffffff</span>",« errorTextColor »:"<span class="hashtag">#fd5960</span>",« mentionHighlightBg »:"<span class="hashtag">#ededed</span>",« mentionHighlightLink »:"<span class="hashtag">#F93F26</span>",« codeTheme »:« github »}</p>
</blockquote>
<ol start="6">
<li>Cliquez sur <strong>« Enregistrer »</strong></li>
</ol>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>