slides.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. <!-- 2017-06-15 jue 15:46 -->
  6. <meta charset="utf-8" />
  7. <meta htto-equiv="X-UA-Compatible" content="chrome=1" />
  8. <meta name="generator" content="Org-mode with org-ioslide" />
  9. <meta name="author" content="lucha, nullpointer, i-330" />
  10. <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">-->
  11. <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
  12. <!--This one seems to work all the time, but really small on ipad-->
  13. <!--<meta name="viewport" content="initial-scale=0.4">-->
  14. <meta name="apple-mobile-web-app-capable" content="yes" />
  15. <link rel="stylesheet" media="all" href="theme/css/default.css" />
  16. <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="theme/css/phone.css" />
  17. <link rel="stylesheet" media="all" href="theme/css/small-icon.css" />
  18. <base target="_blank"> <!-- This amazingness opens all links in a new tab. -->
  19. <script data-main="js/slides" src="js/require-1.0.8.min.js"></script>
  20. <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
  21. </head>
  22. <body style="opacity: 0">
  23. <slides class="layout-widescreen">
  24. <slide class="title-slide segue nobackground">
  25. <aside class="gdbar"><img src="images/conversations_logo.png"></aside>
  26. <!-- The content of this hgroup is replaced programmatically through the slide_config.json. -->
  27. <hgroup class="auto-fadein">
  28. <h1 data-config-title><!-- populated from slide_config.json --></h1>
  29. <h2 data-config-subtitle><!-- populated from slide_config.json --></h2>
  30. <p data-config-presenter><!-- populated from slide_config.json --></p>
  31. </hgroup>
  32. </slide>
  33. <slide id="sec-1" class=" segue dark quote nobackground" style="background-image: url(nil)">
  34. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  35. <h2 class=" ">Che cos'è Conversations</h2>
  36. <h3></h3>
  37. </hgroup>
  38. <article class="flexbox vleft auto-fadein" id="text-1">
  39. </article>
  40. </slide>
  41. <slide id="sec-1-1" >
  42. <hgroup class="">
  43. <h2 class=" ">Che cos'è Conversations?</h2>
  44. <h3></h3>
  45. </hgroup>
  46. <article class="" id="text-1-1">
  47. <p>
  48. Conversations<sup>1</sup> è una applicazione (app) open source (GPLv3) Android (4.0+) per chattare.
  49. </p>
  50. <p>
  51. A differenza di altre app (WhatsApp, Messegner, ma anche Signal), <span class="underline"><span class="underline">non</span></span> è
  52. legata ad un servizio centralizzato.
  53. </p>
  54. <p>
  55. Invece, si basa su un protocollo <b><b>federato</b></b> chiamato XMPP (Jabber
  56. per gli amici).
  57. </p>
  58. <p>
  59. Inoltre, ci permette di <b><b>cifrare</b></b> le nostre conversazioni, così come di fare
  60. chat di gruppo cifrate.
  61. </p>
  62. <footer class="source">
  63. <p class="footpara">1.
  64. <a href="https://conversations.im">https://conversations.im</a>
  65. </p>
  66. </footer>
  67. </article>
  68. </slide>
  69. </slide>
  70. <slide id="sec-1-2" >
  71. <hgroup class="">
  72. <h2 class=" ">XMPP: un protocollo federato</h2>
  73. <h3></h3>
  74. </hgroup>
  75. <article class="" id="text-1-2">
  76. <p>
  77. Cosa vuol dire che XMPP è un protocollo federato?
  78. </p>
  79. <p>
  80. Pensiamo alle email: ognugno di noi ha un email con un diverso
  81. provider (autistici, riseup, google, poliziadistato.it).
  82. </p>
  83. <p>
  84. Se vogliamo mandare un'email a qualcuno che usa, per esempio, riseup.net,
  85. <span class="underline"><span class="underline">non</span></span> è necessario avere noi stessi una casella di riseup! Possiamo usare la
  86. nostra email di autistici.
  87. </p>
  88. <p>
  89. Il server di autistici parlará con il server di riseup e gli consegnerà la
  90. nostra email. Allo stesso modo chi ha ricevuto la posta potrà risponderci.
  91. </p>
  92. <p>
  93. Questo non è il caso di Facebook Messenger (per esempio): se voglio mandare un
  94. messaggio ad una mia amica su Messenger, dovró per forza registrarmi su
  95. Facebook.
  96. </p>
  97. </article>
  98. </slide>
  99. </slide>
  100. <slide id="sec-1-3" >
  101. <hgroup class="">
  102. <h2 class=" ">Conversations e i server autogestiti</h2>
  103. <h3></h3>
  104. </hgroup>
  105. <article class="" id="text-1-3">
  106. <p>
  107. Questo vuol dire che possiamo utilizzare Conversations con il nostro provider
  108. alternativo che più ci aggrada.
  109. </p>
  110. <p>
  111. Noi oggi parleremo di Autistici/Inventati ma ognuno può scegliere il suo
  112. preferito: il bello di una rete federata è che non ci dobbiamo tutti fidare di
  113. uno stesso gestore.
  114. </p>
  115. <p>
  116. Se vogliamo, possiamo anche installarci un server in casa ed essere i provider
  117. di noi stessi!
  118. </p>
  119. </article>
  120. </slide>
  121. </slide>
  122. <slide id="sec-1-4" >
  123. <hgroup class="">
  124. <h2 class=" ">Conversations.im</h2>
  125. <h3></h3>
  126. </hgroup>
  127. <article class="" id="text-1-4">
  128. <blockquote>
  129. <p>
  130. Conversations isn’t trying to replace current commercial
  131. messengers.
  132. </p>
  133. <p>
  134. It will simply outlive them.
  135. </p>
  136. <p>
  137. <span class='float-right'>&#x2013; Daniel "inputmice" Gultsch</span><br />
  138. </p>
  139. </blockquote>
  140. <article class="flexbox vcenter">
  141. <div class="figure">
  142. <p><img src="images/conversations.im.png" alt="conversations.im.png" width="700px" />
  143. </p>
  144. </div>
  145. </article>
  146. </article>
  147. </slide>
  148. </slide>
  149. <slide id="sec-1-5" >
  150. <hgroup class="">
  151. <h2 class=" ">Ok, mi hai convinto, dove devo firmare?</h2>
  152. <h3></h3>
  153. </hgroup>
  154. <article class="" id="text-1-5">
  155. <p>
  156. Quello che vedremo adesso è
  157. </p>
  158. <ol>
  159. <li>Come installare Conversations
  160. </li>
  161. <li>Come configurare il proprio utente
  162. </li>
  163. <li>Aggiungere i contatti e chattare
  164. </li>
  165. <li>Fare una chat cifrata di gruppo
  166. </li>
  167. <li>foto, audio, video
  168. </li>
  169. <li>I rischi che corriamo usando Conversations
  170. </li>
  171. </ol>
  172. </article>
  173. </slide>
  174. </slide>
  175. </slide>
  176. <slide id="sec-2" class=" segue dark quote nobackground" style="background-image: url(nil)">
  177. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  178. <h2 class=" ">Installare Conversations</h2>
  179. <h3></h3>
  180. </hgroup>
  181. <article class="flexbox vleft auto-fadein" id="text-2">
  182. </article>
  183. </slide>
  184. <slide id="sec-2-1" >
  185. <hgroup class="">
  186. <h2 class=" ">Come installare conversations</h2>
  187. <h3></h3>
  188. </hgroup>
  189. <article class="" id="text-2-1">
  190. <p>
  191. Dobbiamo avere uno smartphone con Android versione 4.0 o successive
  192. </p>
  193. <p>
  194. Abbiamo due opzioni per installare Conversations
  195. </p>
  196. <ol>
  197. <li>via Google Play
  198. </li>
  199. <li>via F-Droid
  200. </li>
  201. </ol>
  202. </article>
  203. </slide>
  204. </slide>
  205. <slide id="sec-2-2" >
  206. <hgroup class="">
  207. <h2 class=" ">Google Play</h2>
  208. <h3></h3>
  209. </hgroup>
  210. <article class="" id="text-2-2">
  211. <div class="figure">
  212. <p><img src="images/gplay.png" alt="gplay.png" class="float-right" width="250px" />
  213. </p>
  214. </div>
  215. <p>
  216. Google Play è comodo (è già installato di default) ma dobbiamo avere
  217. un account di Google per usarlo
  218. </p>
  219. <p>
  220. Anche se Conversations è open source, su Google Play è in vendita per
  221. una modica somma (2.39€)
  222. </p>
  223. <p>
  224. In questo modo si sostiene lo sviluppo di Conversations<sup>1</sup>
  225. </p>
  226. <footer class="source">
  227. <p class="footpara">1.
  228. Daniel Gultsch sviluppa Conversations a tempo pieno.
  229. </p>
  230. </footer>
  231. </article>
  232. </slide>
  233. </slide>
  234. <slide id="sec-2-3" >
  235. <hgroup class="">
  236. <h2 class=" ">F-Droid</h2>
  237. <h3></h3>
  238. </hgroup>
  239. <article class="" id="text-2-3">
  240. <p>
  241. F-Droid è un repository alternativo a Google Play, dove troviamo solo
  242. programmi open source
  243. </p>
  244. <p>
  245. Conversations è disponibile gratuitamente (ma ricordiamoci di fare una
  246. donazione, se possiamo, per sostenerne lo sviluppo!)
  247. </p>
  248. <p>
  249. Per utilizzare F-Droid, dobbiamo prima dire al nostro cellulare di
  250. accettare app non provenienti da Google Play
  251. </p>
  252. </article>
  253. </slide>
  254. </slide>
  255. <slide id="sec-2-4" >
  256. <hgroup class="">
  257. <h2 class=" ">Impostazioni</h2>
  258. <h3></h3>
  259. </hgroup>
  260. <article class="" id="text-2-4">
  261. <div class="figure">
  262. <p><img src="images/android-external-app.png" alt="android-external-app.png" width="450px" class="float-left" />
  263. </p>
  264. </div>
  265. <div class="figure">
  266. <p><img src="images/android-alert.png" alt="android-alert.png" width="450px" class="float-right" />
  267. </p>
  268. </div>
  269. </article>
  270. </slide>
  271. </slide>
  272. <slide id="sec-2-5" >
  273. <hgroup class="">
  274. <h2 class=" ">Installare F-Droid</h2>
  275. <h3></h3>
  276. </hgroup>
  277. <article class="" id="text-2-5">
  278. <p>
  279. A questo punto possiamo installare F-Droid da <a href="https://f-droid.org">https://f-droid.org</a>
  280. </p>
  281. <article class="flexbox vcenter">
  282. <div class="figure">
  283. <p><img src="images/f-droid.png" alt="f-droid.png" width="700px" />
  284. </p>
  285. </div>
  286. </article>
  287. </article>
  288. </slide>
  289. </slide>
  290. <slide id="sec-2-6" >
  291. <hgroup class="">
  292. <h2 class=" ">Installare Conversations da F-Droid</h2>
  293. <h3></h3>
  294. </hgroup>
  295. <article class="" id="text-2-6">
  296. <div class="figure">
  297. <p><img src="images/f-droid-conversations.png" alt="f-droid-conversations.png" width="250px" class="float-right" />
  298. </p>
  299. </div>
  300. <p>
  301. Apriamo la app di F-Droid e da lì possiamo trovare ed installare Conversations
  302. </p>
  303. </article>
  304. </slide>
  305. </slide>
  306. </slide>
  307. <slide id="sec-3" class=" segue dark quote nobackground" style="background-image: url(nil)">
  308. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  309. <h2 class=" ">Configurare il proprio utente</h2>
  310. <h3></h3>
  311. </hgroup>
  312. <article class="flexbox vleft auto-fadein" id="text-3">
  313. </article>
  314. </slide>
  315. <slide id="sec-3-1" >
  316. <hgroup class="">
  317. <h2 class=" ">Configurazione Base</h2>
  318. <h3></h3>
  319. </hgroup>
  320. <article class="" id="text-3-1">
  321. <p>
  322. <img src="images/Conversations_1.png" alt="Conversations_1.png" width="250px" class="float-right" />
  323. Una volta installato Conversations, la prima schermata che vedremo
  324. sarà questa.
  325. </p>
  326. <p>
  327. "Create account" ci permetterà di creare un account del tipo
  328. <i>nomeutente@conversations.im</i> per 8€/anno (+ 6 mesi gratuiti).
  329. </p>
  330. <p>
  331. Per utilizzare invece un account che già abbiamo (ad esempio una mail di autistici), sceglieremo "Use
  332. my own provider".
  333. </p>
  334. </article>
  335. </slide>
  336. </slide>
  337. <slide id="sec-3-2" >
  338. <hgroup class="">
  339. <h2 class=" ">Configurazione Base</h2>
  340. <h3></h3>
  341. </hgroup>
  342. <article class="" id="text-3-2">
  343. <div class="figure">
  344. <p><img src="images/Conversations_2.png" alt="Conversations_2.png" width="250px" class="float-right" />
  345. </p>
  346. </div>
  347. <p>
  348. Qui inseriremo il nostro utente <code>nomeutente@autistici.org</code> e la
  349. nostra password.
  350. </p>
  351. <p>
  352. (Se siamo preoccupati di lasciare la password sul cellulare,
  353. Autistici ha l'opzione di usare OTP e password specifiche per applicazioni)
  354. </p>
  355. </article>
  356. </slide>
  357. </slide>
  358. <slide id="sec-3-3" >
  359. <hgroup class="">
  360. <h2 class=" ">Configurazione Base</h2>
  361. <h3></h3>
  362. </hgroup>
  363. <article class="" id="text-3-3">
  364. <div class="figure">
  365. <p><img src="images/configurazione%20utente%20-%20avatar.png" alt="configurazione%20utente%20-%20avatar.png" width="250px" class="float-right" />
  366. </p>
  367. </div>
  368. <p>
  369. Se è la prima volta che utilizziamo Conversations, possiamo
  370. scegliere l'icona del nostro avatar
  371. </p>
  372. </article>
  373. </slide>
  374. </slide>
  375. </slide>
  376. <slide id="sec-4" class=" segue dark quote nobackground" style="background-image: url(nil)">
  377. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  378. <h2 class=" ">La prima chat: aggiungere un contatto</h2>
  379. <h3></h3>
  380. </hgroup>
  381. <article class="flexbox vleft auto-fadein" id="text-4">
  382. </article>
  383. </slide>
  384. <slide id="sec-4-1" >
  385. <hgroup class="">
  386. <h2 class=" ">Aggiungere un contatto</h2>
  387. <h3></h3>
  388. </hgroup>
  389. <article class="" id="text-4-1">
  390. <div class="figure">
  391. <p><img src="images/schermata bianca.png" alt="schermata bianca.png" width="250px" class="float-right" />
  392. </p>
  393. </div>
  394. <p>
  395. Possiamo aggiungere un contatto alla nostra lista usando il tasto
  396. "+" che appare in alto a destra (se è la prima volta, verrà
  397. selezionato in automatico), e poi il tasto "+(sagoma di persona)"
  398. </p>
  399. </article>
  400. </slide>
  401. </slide>
  402. <slide id="sec-4-2" >
  403. <hgroup class="">
  404. <h2 class=" ">Aggiungere un contatto</h2>
  405. <h3></h3>
  406. </hgroup>
  407. <article class="" id="text-4-2">
  408. <div class="figure">
  409. <p><img src="images/first chat - add contact.png" alt="first chat - add contact.png" width="250px" class="float-right" />
  410. </p>
  411. </div>
  412. <p>
  413. I contatti su Conversations sono identificati dal loro indirizzo
  414. XMMP, che di solito è uguale all'indirizzo email
  415. </p>
  416. <p>
  417. Per esempio, <code>lucha@paranoici.org</code> è il <span class="underline">Jabber ID</span>
  418. </p>
  419. </article>
  420. </slide>
  421. </slide>
  422. <slide id="sec-4-3" >
  423. <hgroup class="">
  424. <h2 class=" ">La prima chat cifrata</h2>
  425. <h3></h3>
  426. </hgroup>
  427. <article class="" id="text-4-3">
  428. <div class="figure">
  429. <p><img src="images/first chat - unencrypted.png" alt="first chat - unencrypted.png" width="250px" class="float-right" />
  430. </p>
  431. </div>
  432. <p>
  433. Adesso possiamo mandare il primo messaggio, che <b>non</b> sarà mandato
  434. cifrato, ma in chiaro.
  435. </p>
  436. <p>
  437. Possiamo controllare lo stato della cifratura cliccando sul
  438. lucchetto (che è aperto ad indicare che la conversazione non è cifrata)
  439. </p>
  440. <p>
  441. Abbiamo varie opzioni a nostra disposizione per la cifratura: ma
  442. quella che vedremo oggi (e che è consigliata) è <code>OMEMO</code>
  443. </p>
  444. </article>
  445. </slide>
  446. </slide>
  447. <slide id="sec-4-4" >
  448. <hgroup class="">
  449. <h2 class=" ">La prima chat cifrata</h2>
  450. <h3></h3>
  451. </hgroup>
  452. <article class="" id="text-4-4">
  453. <p>
  454. Cos'è OMEMO?
  455. (e perchè è consigliato?)
  456. </p>
  457. <ul class="build">
  458. <li>permette la cifratura di messaggi tra più persone
  459. </li>
  460. <li>permette la cifratura di messaggi anche se uno qualsiasi di questi utenti è offline
  461. </li>
  462. <li>permette la cifratura di messaggi sincronizzati su diversi dispositivi
  463. </li>
  464. </ul>
  465. </article>
  466. </slide>
  467. </slide>
  468. <slide id="sec-4-5" >
  469. <hgroup class="">
  470. <h2 class=" ">La prima chat cifrata</h2>
  471. <h3></h3>
  472. </hgroup>
  473. <article class="" id="text-4-5">
  474. <div class="figure">
  475. <p><img src="images/first chat - first message.png" alt="first chat - first message.png" width="250px" class="float-right" />
  476. </p>
  477. </div>
  478. <p>
  479. Per abilitare OMEMO, il nostro contatto dovrà per prima cosa
  480. accettare di conversare con noi
  481. </p>
  482. <p>
  483. Questa operazione è necessaria solo la prima volta che comunichiamo
  484. con una persona: poi non sarà necessario ripeterla
  485. </p>
  486. </article>
  487. </slide>
  488. </slide>
  489. <slide id="sec-4-6" >
  490. <hgroup class="">
  491. <h2 class=" ">La prima chat cifrata</h2>
  492. <h3></h3>
  493. </hgroup>
  494. <article class="" id="text-4-6">
  495. <div class="figure">
  496. <p><img src="images/first chat - encryption.png" alt="first chat - encryption.png" width="250px" class="float-right" />
  497. </p>
  498. </div>
  499. <p>
  500. Quando il nostro contatto avrà accettato la nostra richiesta di
  501. comunicare, ci apparirà come possibilità l'opzione OMEMO
  502. </p>
  503. <p>
  504. Una volta selezionata, i nostri messaggi saranno cifrati!
  505. </p>
  506. </article>
  507. </slide>
  508. </slide>
  509. <slide id="sec-4-7" >
  510. <hgroup class="">
  511. <h2 class=" ">La prima chat cifrata</h2>
  512. <h3></h3>
  513. </hgroup>
  514. <article class="" id="text-4-7">
  515. <div class="figure">
  516. <p><img src="images/first chat - encrpted message.png" alt="first chat - encrpted message.png" width="250px" class="float-right" />
  517. </p>
  518. </div>
  519. <p>
  520. Ora la nostra conversazione sarà cifrata: il nostro provider XMMP
  521. non potrà leggere i nostri messaggi!
  522. </p>
  523. <p>
  524. La cifratura avviene sul nostro cellulare, prima che il messaggio
  525. venga trasmesso, e viene decodificato solo una volta che arriva al
  526. destinatario.
  527. </p>
  528. <p>
  529. Notiamo il lucchetto chiuso ed la "spunta" di sicurezza vicino al messaggio!
  530. </p>
  531. </article>
  532. </slide>
  533. </slide>
  534. </slide>
  535. <slide id="sec-5" class=" segue dark quote nobackground" style="background-image: url(nil)">
  536. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  537. <h2 class=" ">Le chat di gruppo</h2>
  538. <h3></h3>
  539. </hgroup>
  540. <article class="flexbox vleft auto-fadein" id="text-5">
  541. </article>
  542. </slide>
  543. <slide id="sec-5-1" >
  544. <hgroup class="">
  545. <h2 class=" ">I gruppi</h2>
  546. <h3></h3>
  547. </hgroup>
  548. <article class="" id="text-5-1">
  549. <div class="figure">
  550. <p><img src="images/schermata bianca.png" alt="schermata bianca.png" width="250px" class="float-right" />
  551. </p>
  552. </div>
  553. <p>
  554. Conversations supporta chat tra più persone, e possiamo anche farle
  555. cifrate!
  556. </p>
  557. <p>
  558. Per iniziare una chat di gruppo, selezioniamo lo stesso tasto "+"
  559. che abbiamo usato per agiungere un contatto, ma selezioniamo la
  560. scheda "conferences" e clicchiamo sul tasto "+(sagoma di tante persone)"
  561. </p>
  562. <p>
  563. Selezioniamo "Create conference"
  564. </p>
  565. </article>
  566. </slide>
  567. </slide>
  568. <slide id="sec-5-2" >
  569. <hgroup class="">
  570. <h2 class=" ">I gruppi</h2>
  571. <h3></h3>
  572. </hgroup>
  573. <article class="" id="text-5-2">
  574. <div class="figure">
  575. <p><img src="images/conference - create.png" alt="conference - create.png" width="250px" class="float-right" />
  576. </p>
  577. </div>
  578. <p>
  579. Poi possiamo scegliere il nome
  580. </p>
  581. </article>
  582. </slide>
  583. </slide>
  584. <slide id="sec-5-3" >
  585. <hgroup class="">
  586. <h2 class=" ">I gruppi</h2>
  587. <h3></h3>
  588. </hgroup>
  589. <article class="" id="text-5-3">
  590. <div class="figure">
  591. <p><img src="images/conference - participants.png" alt="conference - participants.png" width="250px" class="float-right" />
  592. </p>
  593. </div>
  594. <p>
  595. Ed i partecipanti
  596. </p>
  597. </article>
  598. </slide>
  599. </slide>
  600. <slide id="sec-5-4" >
  601. <hgroup class="">
  602. <h2 class=" ">I gruppi cifrati</h2>
  603. <h3></h3>
  604. </hgroup>
  605. <article class="" id="text-5-4">
  606. <div class="figure">
  607. <p><img src="images/conference - unencrypted.png" alt="conference - unencrypted.png" width="250px" class="float-right" />
  608. </p>
  609. </div>
  610. <p>
  611. Come nel caso della chat singola, all'inizio non potremo scegliere
  612. l'opzione OMEMO per la cifratura
  613. </p>
  614. <p>
  615. Purtroppo per abilitare una chat di gruppo cifrata, è necessario che
  616. tutti i partecipanti abbiano prima aperto una chat individuale con ogni altro singolo
  617. partecipante e abbiano abilitato la cifratura OMEMO con questo
  618. </p>
  619. <p>
  620. Non è molto comodo e facilmente crea confusione, ma una volta
  621. iniziate le chat di gruppo funzionano relativamente bene
  622. </p>
  623. </article>
  624. </slide>
  625. </slide>
  626. <slide id="sec-5-5" >
  627. <hgroup class="">
  628. <h2 class=" ">I gruppi cifrati</h2>
  629. <h3></h3>
  630. </hgroup>
  631. <article class="" id="text-5-5">
  632. <div class="figure">
  633. <p><img src="images/conference - encrypted.png" alt="conference - encrypted.png" width="250px" class="float-right" />
  634. </p>
  635. </div>
  636. <p>
  637. Una volta fatto ciò, è possibile selezionare l'opzione
  638. relativa
  639. </p>
  640. </article>
  641. </slide>
  642. </slide>
  643. <slide id="sec-5-6" >
  644. <hgroup class="">
  645. <h2 class=" ">I gruppi cifrati</h2>
  646. <h3></h3>
  647. </hgroup>
  648. <article class="" id="text-5-6">
  649. <div class="figure">
  650. <p><img src="images/conference - encrypted message.png" alt="conference - encrypted message.png" width="250px" class="float-right" />
  651. </p>
  652. </div>
  653. <p>
  654. E voilà, anche il gruppo è cifrato!
  655. </p>
  656. </article>
  657. </slide>
  658. </slide>
  659. </slide>
  660. <slide id="sec-6" class=" segue dark quote nobackground" style="background-image: url(nil)">
  661. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  662. <h2 class=" ">Foto, audio, video</h2>
  663. <h3></h3>
  664. </hgroup>
  665. <article class="flexbox vleft auto-fadein" id="text-6">
  666. </article>
  667. </slide>
  668. <slide id="sec-6-1" >
  669. <hgroup class="">
  670. <h2 class=" ">Allegare file multimediali</h2>
  671. <h3></h3>
  672. </hgroup>
  673. <article class="" id="text-6-1">
  674. <div class="figure">
  675. <p><img src="images/Conversations - invio multimedia.png" alt="Conversations - invio multimedia.png" width="250px" class="float-right" />
  676. </p>
  677. </div>
  678. <p>
  679. Possiamo allegare diversi tipi di file multimediali selezionando il menu a tendina in alto a destra
  680. e scegliendo il formato che ci interessa
  681. </p>
  682. </article>
  683. </slide>
  684. </slide>
  685. <slide id="sec-6-2" >
  686. <hgroup class="">
  687. <h2 class=" ">Foto</h2>
  688. <h3></h3>
  689. </hgroup>
  690. <article class="" id="text-6-2">
  691. <div class="figure">
  692. <p><img src="images/Conversations - .png" alt="Conversations - .png" width="250px" class="float-right" />
  693. </p>
  694. </div>
  695. <p>
  696. Se scegliamo di inviare una foto, l'applicazione aprirà la nostra fotocamera.
  697. Una volta scattata la foto, selezioniamo il segno di spunta per inviarla
  698. </p>
  699. </article>
  700. </slide>
  701. </slide>
  702. <slide id="sec-6-3" >
  703. <hgroup class="">
  704. <h2 class=" ">Foto</h2>
  705. <h3></h3>
  706. </hgroup>
  707. <article class="" id="text-6-3">
  708. <div class="figure">
  709. <p><img src="images/Conversations - invio foto.png" alt="Conversations - invio foto.png" width="250px" class="float-right" />
  710. </p>
  711. </div>
  712. <p>
  713. Anche i contenuti multimediali saranno ricevuti cifrati, ma saranno comunque disponibili sul dispositivo
  714. a meno che non vengano cancellati manualmente
  715. </p>
  716. </article>
  717. </slide>
  718. </slide>
  719. <slide id="sec-6-4" >
  720. <hgroup class="">
  721. <h2 class=" ">Audio</h2>
  722. <h3></h3>
  723. </hgroup>
  724. <article class="" id="text-6-4">
  725. <div class="figure">
  726. <p><img src="images/Conversations - invio audio.png" alt="Conversations - invio audio.png" width="250px" class="float-right" />
  727. </p>
  728. </div>
  729. <p>
  730. Possiamo registrare file audio, ma per questo potrebbe essere necessario
  731. installare una applicazione che registra l'audio.
  732. </p>
  733. <p>
  734. Esiste anche un apposito plugin (1.22€ su Google Play, gratis su
  735. F-Droid)
  736. </p>
  737. </article>
  738. </slide>
  739. </slide>
  740. <slide id="sec-6-5" >
  741. <hgroup class="">
  742. <h2 class=" ">Audio</h2>
  743. <h3></h3>
  744. </hgroup>
  745. <article class="" id="text-6-5">
  746. <div class="figure">
  747. <p><img src="images/Conversations - file audio.png" alt="Conversations - file audio.png" width="250px" class="float-right" />
  748. </p>
  749. </div>
  750. <p>
  751. Anche in questo caso, i file saranno conservati sul dispositivo all'interno
  752. della cartella Conversations e sono da eliminare manualmente
  753. </p>
  754. </article>
  755. </slide>
  756. </slide>
  757. <slide id="sec-6-6" >
  758. <hgroup class="">
  759. <h2 class=" ">Video</h2>
  760. <h3></h3>
  761. </hgroup>
  762. <article class="" id="text-6-6">
  763. <p>
  764. Conversations (al contrario di Signal) non supporta chiamate audio
  765. né video.
  766. </p>
  767. <p>
  768. È possibile però condividere file di qualsiasi tipo, quindi anche
  769. video, pdf, etc.
  770. </p>
  771. </article>
  772. </slide>
  773. </slide>
  774. </slide>
  775. <slide id="sec-7" class=" segue dark quote nobackground" style="background-image: url(nil)">
  776. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  777. <h2 class=" ">Controindicazioni ed effetti collaterali</h2>
  778. <h3></h3>
  779. </hgroup>
  780. <article class="smaller" id="text-7">
  781. <p>
  782. leggere attentamente il foglietto illustrativo
  783. </p>
  784. </article>
  785. </slide>
  786. <slide id="sec-7-1" >
  787. <hgroup class="">
  788. <h2 class=" ">Cosa abbiamo notato testando l'app con MSAck</h2>
  789. <h3></h3>
  790. </hgroup>
  791. <article class="" id="text-7-1">
  792. <ul class="build">
  793. <li>la sincronizzazione su diversi dispositivi non funziona ancora in maniera ottimale:
  794. chi utilizza conversations e gajim (su pc) non sempre riceve i messaggi su entrambe le piattaforme
  795. e spesso deve ricostruire le conversazioni attraverso i vari dispostivi.
  796. </li>
  797. </ul>
  798. </article>
  799. </slide>
  800. </slide>
  801. <slide id="sec-7-2" >
  802. <hgroup class="">
  803. <h2 class=" ">Cosa abbiamo notato testando l'app con MSAck</h2>
  804. <h3></h3>
  805. </hgroup>
  806. <article class="" id="text-7-2">
  807. <p>
  808. la chat di gruppo presenta alcuni problemi:
  809. </p>
  810. <ul class="build">
  811. <li>non è possibile visualizzare l'ultimo messaggio letto e bisona quindi recuperarlo manualmente
  812. </li>
  813. <li>criptare l'intera conversazione può essere un lavoro particolarmente tedioso
  814. </li>
  815. <li>non è possibile tenere chat di gruppo se tutti i partecipanti non si "conoscono"
  816. </li>
  817. <li>se un solo partecipante cambia telefono o reinstalla l'applicazione, ogni singolo utente deve
  818. nuovamente accettare la nuova chiave di questo partecipante
  819. </li>
  820. <li>è possibile aggiungere nuovi contatti solo manualmente!
  821. questo significa che bisogna recuperare manualmente i dati relativi all'account che desidero aggiungere
  822. </li>
  823. </ul>
  824. </article>
  825. </slide>
  826. </slide>
  827. <slide id="sec-7-3" >
  828. <hgroup class="">
  829. <h2 class=" ">Che rischi corriamo se usiamo Conversations?</h2>
  830. <h3></h3>
  831. </hgroup>
  832. <article class="" id="text-7-3">
  833. <p>
  834. Nonostante tutto, ci sono dei rischi a cui ci esponiamo quando
  835. utilizziamo Conversations:
  836. </p>
  837. <ul class="build">
  838. <li>metadati: la lista dei nostri contatti è visibile al provider che
  839. usiamo
  840. </li>
  841. <li>i provider dei nostri contatti: se parliamo con qualcuno su un altro
  842. server, quest'ultimo potrebbe loggare tutto il possibile
  843. </li>
  844. <li>i messaggi cifrati sono in chiaro sul nostro cellulare: possiamo
  845. perderlo, od essere infettati da un trojan.
  846. </li>
  847. <li>il falso senso di sicurezza
  848. </li>
  849. </ul>
  850. </article>
  851. </slide>
  852. </slide>
  853. <slide id="sec-7-4" >
  854. <hgroup class="">
  855. <h2 class=" ">Che rischi corriamo se usiamo Conversations?</h2>
  856. <h3></h3>
  857. </hgroup>
  858. <article class="" id="text-7-4">
  859. <p>
  860. Le comunicazioni sicure le fanno le persone che comunicano!
  861. </p>
  862. <p>
  863. La tecnologia <span class="underline"><span class="underline">non</span></span> è in grado di garantire l'assoluta privacy. Dobbiamo quindi sforzarci di ricordare
  864. che noi siamo responsabili di tutelare la segretezza delle nostre comunicazioni.
  865. </p>
  866. <p>
  867. Come regola generale, se siamo in dubbio sull'opportunità di scrivere o meno un'informazione,
  868. è meglio evitare di scriverla.
  869. </p>
  870. </article>
  871. </slide>
  872. </slide>
  873. </slide>
  874. <slide id="sec-8" class=" segue dark quote nobackground" style="background-image: url(nil)">
  875. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  876. <h2 class=" ">Extendend track</h2>
  877. <h3></h3>
  878. </hgroup>
  879. <article class="flexbox vleft auto-fadein" id="text-8">
  880. <p>
  881. Configurazioni avanzate e dettagli
  882. </p>
  883. </article>
  884. </slide>
  885. <slide id="sec-8-1" >
  886. <hgroup class="">
  887. <h2 class=" ">Verificare la chiave di un contatto</h2>
  888. <h3></h3>
  889. </hgroup>
  890. <article class="" id="text-8-1">
  891. <p>
  892. Se vogliamo essere veramente sicuri di stare parlando con la
  893. persona giusta, possiamo incontrarci con lei e confrontare le
  894. chiavi OMEMO (o possiamo usare altri canali di comunicazione:
  895. telefono, email cifrate, etc.)
  896. </p>
  897. </article>
  898. </slide>
  899. </slide>
  900. <slide id="sec-8-2" >
  901. <hgroup class="">
  902. <h2 class=" ">Verificare la chiave di un contatto</h2>
  903. <h3></h3>
  904. </hgroup>
  905. <article class="" id="text-8-2">
  906. <div class="figure">
  907. <p><img src="images/fingerprint - check.png" alt="fingerprint - check.png" width="250px" class="float-right" />
  908. </p>
  909. </div>
  910. <p>
  911. Possiamo vedere la fingerpint di OMEMO dal menù "Contact details"
  912. </p>
  913. </article>
  914. </slide>
  915. </slide>
  916. <slide id="sec-8-3" >
  917. <hgroup class="">
  918. <h2 class=" ">Verificare la chiave di un contatto</h2>
  919. <h3></h3>
  920. </hgroup>
  921. <article class="" id="text-8-3">
  922. <div class="figure">
  923. <p><img src="images/fingerprint - ours.png" alt="fingerprint - ours.png" width="250px" class="float-right" />
  924. </p>
  925. </div>
  926. <p>
  927. Mentre la nostra chiave è visibile nel menù "Manage accounts"
  928. </p>
  929. </article>
  930. </slide>
  931. </slide>
  932. <slide id="sec-8-4" >
  933. <hgroup class="">
  934. <h2 class=" ">Configurazione con Hidden Service</h2>
  935. <h3></h3>
  936. </hgroup>
  937. <article class="" id="text-8-4">
  938. <div class="figure">
  939. <p><img src="images/Conversations_4.png" alt="Conversations_4.png" width="250px" class="float-right" />
  940. </p>
  941. </div>
  942. <p>
  943. C'è anche l'opzione di collegarsi via Hidden Service TOR, se
  944. abbiamo l'applicazione <b>Orbot</b> installata.
  945. </p>
  946. <p>
  947. Menu -&gt; Expert Settings -&gt; Connect via Tor e Extended Connection Settings
  948. </p>
  949. </article>
  950. </slide>
  951. </slide>
  952. <slide id="sec-8-5" >
  953. <hgroup class="">
  954. <h2 class=" ">Configurazione con Hidden Service</h2>
  955. <h3></h3>
  956. </hgroup>
  957. <article class="" id="text-8-5">
  958. <div class="figure">
  959. <p><img src="images/Conversations_5.png" alt="Conversations_5.png" width="250px" class="float-right" />
  960. </p>
  961. </div>
  962. <p>
  963. Inseriamo <code>wi7qkxyrdpu5cmvr.onion</code> come <i>Hostname</i> e <code>5222</code> come <i>Port</i>
  964. </p>
  965. </article>
  966. </slide>
  967. </slide>
  968. <slide class="backdrop"></slide>
  969. </slides>
  970. <!--[if IE]>
  971. <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
  972. <script>CFInstall.check({mode: 'overlay'});</script>
  973. <![endif]-->
  974. </body>
  975. </html>