index.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <title>reveal.js</title>
  7. <link rel="stylesheet" href="dist/reset.css">
  8. <link rel="stylesheet" href="dist/reveal.css">
  9. <link rel="stylesheet" href="dist/theme/night.css" id="theme">
  10. <!-- Theme used for syntax highlighted code -->
  11. <link rel="stylesheet" href="plugin/highlight/monokai.css" id="highlight-theme">
  12. <style>
  13. .row {
  14. display: flex;
  15. flex-direction: row;
  16. flex-wrap: wrap;
  17. width: 100%;
  18. }
  19. .column {
  20. display: flex;
  21. flex-direction: column;
  22. flex-basis: 100%;
  23. flex: 1;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div class="reveal">
  29. <div class="slides">
  30. <section>
  31. <h2>Mattermost</h2>
  32. <span>È un software open-source per la collaborazione in un ambiente "chat-like".</span>
  33. <img data-src="imgs/mm-devices.png" style="width: 60%; height: 60%">
  34. <span>https://mattermost.com/</span>
  35. </section>
  36. <section>
  37. <h3>Non solo "chat"...</h3>
  38. <div class='row'>
  39. <div class="column">
  40. <img data-src="imgs/MattermostUserList.png">
  41. </div>
  42. <div class="column" style="font-size: 70%">
  43. <ul>
  44. <li>Accessibile da browser e app Android/IOS.</li>
  45. <li>Messaggi sincroni e asincroni.</li>
  46. <li>Storico delle conversazioni.</li>
  47. <li>Notifiche su desktop e smartphone.</li>
  48. <li>Condivisione documenti e immagini.</li>
  49. <li>Gestione dei thread dei messaggi.</li>
  50. <li>Messaggi diretti e canali privati.</li>
  51. <li>Canali tematici privati, pubblici o temporanei.</li>
  52. <li>Supporto per i gruppi di lavoro.</li>
  53. <li>Ma soprattutto INTEGRAZIONE...</li>
  54. </ul>
  55. </div>
  56. </div>
  57. </section>
  58. <section>
  59. <h2>Integrazione</h2>
  60. <span>Un unico luogo per accedere a altri servizi con un click.</span>
  61. <div>
  62. <ul>
  63. <li>Ricezione email e notifiche.</li>
  64. <li>Servizi di video call e didattica a distanza (Jitsi, Big Blue Botton, Zoom, etc.).</li>
  65. <li>Servizi cloud (Google calendar, Discord, Outlook, etc.).</li>
  66. <li>Autenticazione.</li>
  67. </ul>
  68. </div>
  69. </section>
  70. <section data-markdown>
  71. <textarea data-template>
  72. |Pro e contro|si|no|
  73. |-|-|-|
  74. |tradotto in italiano?|sì| |
  75. |funziona offline?||no|
  76. |app per lo smarpthone?|sì||
  77. |ha una comunità ampia? >=1000pp|sì| |
  78. |è in sviluppo stabile?|sì||
  79. |interoperabile con altri software/formati?|sì||
  80. |interoperabile su win e mac?|sì||
  81. |personalizzabile?|sì||
  82. </textarea>
  83. </section>
  84. </div>
  85. </div>
  86. <script src="dist/reveal.js"></script>
  87. <script src="plugin/notes/notes.js"></script>
  88. <script src="plugin/markdown/markdown.js"></script>
  89. <script src="plugin/highlight/highlight.js"></script>
  90. <script>
  91. // More info about initialization & config:
  92. // - https://revealjs.com/initialization/
  93. // - https://revealjs.com/config/
  94. Reveal.initialize({
  95. hash: true,
  96. // Learn about plugins: https://revealjs.com/plugins/
  97. plugins: [RevealMarkdown, RevealHighlight, RevealNotes]
  98. });
  99. </script>
  100. </body>
  101. </html>