slides.html 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. <!-- 2017-06-10 sáb 23:49 -->
  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 garantire 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, 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. <div class="figure">
  454. <p><img src="images/first chat - first message.png" alt="first chat - first message.png" width="250px" class="float-right" />
  455. </p>
  456. </div>
  457. <p>
  458. Per abilitare OMEMO, il nostro contatto dovrà per prima cosa
  459. accettare di conversare con noi
  460. </p>
  461. <p>
  462. Questa operazione è necessaria solo la prima volta che comunichiamo
  463. con una persona: poi non sarà necessario ripeterla
  464. </p>
  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 - encryption.png" alt="first chat - encryption.png" width="250px" class="float-right" />
  476. </p>
  477. </div>
  478. <p>
  479. Quando il nostro contatto avrà accettato la nostra richiesta di
  480. comunicare, ci apparirà come possibilità l'opzione OMEMO
  481. </p>
  482. <p>
  483. Una volta selezionata, i nostri messaggi saranno cifrati!
  484. </p>
  485. </article>
  486. </slide>
  487. </slide>
  488. <slide id="sec-4-6" >
  489. <hgroup class="">
  490. <h2 class=" ">La prima chat cifrata</h2>
  491. <h3></h3>
  492. </hgroup>
  493. <article class="" id="text-4-6">
  494. <div class="figure">
  495. <p><img src="images/first chat - encrpted message.png" alt="first chat - encrpted message.png" width="250px" class="float-right" />
  496. </p>
  497. </div>
  498. <p>
  499. Ora la nostra conversazione sarà cifrata: il nostro provider XMMP
  500. non potrà leggere i nostri messaggi!
  501. </p>
  502. <p>
  503. La cifratura avviene sul nostro cellulare, prima che il messaggio
  504. venga trasmesso, e viene decodificato solo una volta che arriva al
  505. destinatario.
  506. </p>
  507. <p>
  508. Notiamo il lucchetto chiuso ed la "spunta" di sicurezza vicino al messaggio!
  509. </p>
  510. </article>
  511. </slide>
  512. </slide>
  513. </slide>
  514. <slide id="sec-5" class=" segue dark quote nobackground" style="background-image: url(nil)">
  515. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  516. <h2 class=" ">Le chat di gruppo</h2>
  517. <h3></h3>
  518. </hgroup>
  519. <article class="flexbox vleft auto-fadein" id="text-5">
  520. </article>
  521. </slide>
  522. <slide id="sec-5-1" >
  523. <hgroup class="">
  524. <h2 class=" ">I gruppi</h2>
  525. <h3></h3>
  526. </hgroup>
  527. <article class="" id="text-5-1">
  528. <div class="figure">
  529. <p><img src="images/schermata bianca.png" alt="schermata bianca.png" width="250px" class="float-right" />
  530. </p>
  531. </div>
  532. <p>
  533. Conversations supporta chat tra più persone, e possiamo anche farle
  534. cifrate!
  535. </p>
  536. <p>
  537. Per iniziare una chat di gruppo, selezioniamo lo stesso tasto "+"
  538. che abbiamo usato per agiungere un contatto, ma selezioniamo la
  539. scheda "conferences" e clicchiamo sul tasto "+(sagoma di tante persone)"
  540. </p>
  541. <p>
  542. Selezioniamo "Create conference"
  543. </p>
  544. </article>
  545. </slide>
  546. </slide>
  547. <slide id="sec-5-2" >
  548. <hgroup class="">
  549. <h2 class=" ">I gruppi</h2>
  550. <h3></h3>
  551. </hgroup>
  552. <article class="" id="text-5-2">
  553. <div class="figure">
  554. <p><img src="images/conference - create.png" alt="conference - create.png" width="250px" class="float-right" />
  555. </p>
  556. </div>
  557. <p>
  558. Poi possiamo scegliere il nome
  559. </p>
  560. </article>
  561. </slide>
  562. </slide>
  563. <slide id="sec-5-3" >
  564. <hgroup class="">
  565. <h2 class=" ">I gruppi</h2>
  566. <h3></h3>
  567. </hgroup>
  568. <article class="" id="text-5-3">
  569. <div class="figure">
  570. <p><img src="images/conference - participants.png" alt="conference - participants.png" width="250px" class="float-right" />
  571. </p>
  572. </div>
  573. <p>
  574. Ed i partecipanti
  575. </p>
  576. </article>
  577. </slide>
  578. </slide>
  579. <slide id="sec-5-4" >
  580. <hgroup class="">
  581. <h2 class=" ">I gruppi cifrati</h2>
  582. <h3></h3>
  583. </hgroup>
  584. <article class="" id="text-5-4">
  585. <div class="figure">
  586. <p><img src="images/conference - unencrypted.png" alt="conference - unencrypted.png" width="250px" class="float-right" />
  587. </p>
  588. </div>
  589. <p>
  590. Come nel caso della chat singola, all'inizio non potremmo scegliere
  591. l'opzione OMEMO per la cifratura
  592. </p>
  593. <p>
  594. Purtroppo per fare una chat di gruppo cifrata, è necessario che
  595. tutti i partecipanti abbiano fatto una chat individuale con tutti
  596. gli altri (dato che la cifratura viene fatta individualmente per
  597. ogni singolo partecipante)
  598. </p>
  599. <p>
  600. Non è molto comodo e facilmente crea confusione, ma una volta
  601. iniziate le chat di gruppo funzionano relativamente bene
  602. </p>
  603. </article>
  604. </slide>
  605. </slide>
  606. <slide id="sec-5-5" >
  607. <hgroup class="">
  608. <h2 class=" ">I gruppi cifrati</h2>
  609. <h3></h3>
  610. </hgroup>
  611. <article class="" id="text-5-5">
  612. <div class="figure">
  613. <p><img src="images/conference - encrypted.png" alt="conference - encrypted.png" width="250px" class="float-right" />
  614. </p>
  615. </div>
  616. <p>
  617. Una volta fatto ciò, è possibile selezionare l'opzione
  618. relativa
  619. </p>
  620. </article>
  621. </slide>
  622. </slide>
  623. <slide id="sec-5-6" >
  624. <hgroup class="">
  625. <h2 class=" ">I gruppi cifrati</h2>
  626. <h3></h3>
  627. </hgroup>
  628. <article class="" id="text-5-6">
  629. <div class="figure">
  630. <p><img src="images/conference - encrypted message.png" alt="conference - encrypted message.png" width="250px" class="float-right" />
  631. </p>
  632. </div>
  633. <p>
  634. E voilà, anche il gruppo è cifrato!
  635. </p>
  636. </article>
  637. </slide>
  638. </slide>
  639. </slide>
  640. <slide id="sec-6" class=" segue dark quote nobackground" style="background-image: url(nil)">
  641. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  642. <h2 class=" ">Foto, audio, video(?)</h2>
  643. <h3></h3>
  644. </hgroup>
  645. <article class="flexbox vleft auto-fadein" id="text-6">
  646. </article>
  647. </slide>
  648. <slide id="sec-6-1" >
  649. <hgroup class="">
  650. <h2 class=" ">Allegare foto</h2>
  651. <h3></h3>
  652. </hgroup>
  653. <article class="" id="text-6-1">
  654. <p>
  655. Possiamo allegare foto (sia dalla galleria sia dalla fotocamera)
  656. </p>
  657. </article>
  658. </slide>
  659. </slide>
  660. <slide id="sec-6-2" >
  661. <hgroup class="">
  662. <h2 class=" ">Audio</h2>
  663. <h3></h3>
  664. </hgroup>
  665. <article class="" id="text-6-2">
  666. <p>
  667. Possiamo registrare dell'audio, ma per questo è necessario
  668. installare un apposito plugin (1.22€ su Google Play, gratis su
  669. F-Droid)
  670. </p>
  671. </article>
  672. </slide>
  673. </slide>
  674. <slide id="sec-6-3" >
  675. <hgroup class="">
  676. <h2 class=" ">Video</h2>
  677. <h3></h3>
  678. </hgroup>
  679. <article class="" id="text-6-3">
  680. <p>
  681. Conversations (al contrario di Signal) non supporta chiamate audio
  682. né video.
  683. </p>
  684. <p>
  685. È possibile però condividere file di qualsiasi tipo, quindi anche
  686. video, pdf, etc.
  687. </p>
  688. </article>
  689. </slide>
  690. </slide>
  691. </slide>
  692. <slide id="sec-7" class=" segue dark quote nobackground" style="background-image: url(nil)">
  693. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  694. <h2 class=" ">Avvertenze: i rischi e la sicurezza</h2>
  695. <h3></h3>
  696. </hgroup>
  697. <article class="flexbox vleft auto-fadein" id="text-7">
  698. </article>
  699. </slide>
  700. <slide id="sec-7-1" >
  701. <hgroup class="">
  702. <h2 class=" ">Che rischi corriamo se usiamo Conversations?</h2>
  703. <h3></h3>
  704. </hgroup>
  705. <article class="" id="text-7-1">
  706. <p>
  707. Nonostante tutto, ci sono dei rischi a cui ci esponiamo quando
  708. utilizziamo Conversations:
  709. </p>
  710. <ul class="build">
  711. <li>metadati: la lista dei nostri contatti è visibile dal provider che
  712. usiamo
  713. </li>
  714. <li>i provider dei nostri contatti: se parliamo con qualcuno su un altro
  715. server, quest'ultimo potrebbe loggare tutto il possibile
  716. </li>
  717. <li>i messaggi cifrati sono in chiaro sul nostro cellulare: possiamo
  718. perderlo, od essere infettati da un trojan.
  719. </li>
  720. <li>il falso senso di sicurezza
  721. </li>
  722. </ul>
  723. </article>
  724. </slide>
  725. </slide>
  726. </slide>
  727. <slide id="sec-8" class=" segue dark quote nobackground" style="background-image: url(nil)">
  728. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  729. <h2 class=" ">Extendend track</h2>
  730. <h3></h3>
  731. </hgroup>
  732. <article class="flexbox vleft auto-fadein" id="text-8">
  733. <p>
  734. Configurazioni avanzate e dettagli
  735. </p>
  736. </article>
  737. </slide>
  738. <slide id="sec-8-1" >
  739. <hgroup class="">
  740. <h2 class=" ">Verificare la chiave di un contatto</h2>
  741. <h3></h3>
  742. </hgroup>
  743. <article class="" id="text-8-1">
  744. <p>
  745. Se vogliamo essere veramente sicuri di stare parlando con la
  746. persona giusta, possiamo incontrarci con lei e confrontare le
  747. chiavi OMEMO (o possiamo usare altri canali di comunicazione:
  748. telefono, email cifrate, etc.)
  749. </p>
  750. </article>
  751. </slide>
  752. </slide>
  753. <slide id="sec-8-2" >
  754. <hgroup class="">
  755. <h2 class=" ">Verificare la chiave di un contatto</h2>
  756. <h3></h3>
  757. </hgroup>
  758. <article class="" id="text-8-2">
  759. <div class="figure">
  760. <p><img src="images/fingerprint - check.png" alt="fingerprint - check.png" width="250px" class="float-right" />
  761. </p>
  762. </div>
  763. <p>
  764. Possiamo vedere la fingerpint di OMEMO dal menù "Contact details"
  765. </p>
  766. </article>
  767. </slide>
  768. </slide>
  769. <slide id="sec-8-3" >
  770. <hgroup class="">
  771. <h2 class=" ">Verificare la chiave di un contatto</h2>
  772. <h3></h3>
  773. </hgroup>
  774. <article class="" id="text-8-3">
  775. <div class="figure">
  776. <p><img src="images/fingerprint - ours.png" alt="fingerprint - ours.png" width="250px" class="float-right" />
  777. </p>
  778. </div>
  779. <p>
  780. Mentre la nostra chiave è visibile nel menù "Manage accounts"
  781. </p>
  782. </article>
  783. </slide>
  784. </slide>
  785. <slide id="sec-8-4" >
  786. <hgroup class="">
  787. <h2 class=" ">Configurazione con Hidden Service</h2>
  788. <h3></h3>
  789. </hgroup>
  790. <article class="" id="text-8-4">
  791. <div class="figure">
  792. <p><img src="images/Conversations_4.png" alt="Conversations_4.png" width="250px" class="float-right" />
  793. </p>
  794. </div>
  795. <p>
  796. C'è anche l'opzione di collegarsi via Hidden Service TOR, se
  797. abbiamo l'applicazione <b>Orbot</b> installata.
  798. </p>
  799. <p>
  800. Menu -&gt; Expert Settings -&gt; Connect via Tor e Extended Connection Settings
  801. </p>
  802. </article>
  803. </slide>
  804. </slide>
  805. <slide id="sec-8-5" >
  806. <hgroup class="">
  807. <h2 class=" ">Configurazione con Hidden Service</h2>
  808. <h3></h3>
  809. </hgroup>
  810. <article class="" id="text-8-5">
  811. <div class="figure">
  812. <p><img src="images/Conversations_5.png" alt="Conversations_5.png" width="250px" class="float-right" />
  813. </p>
  814. </div>
  815. <p>
  816. Inseriamo <code>wi7qkxyrdpu5cmvr.onion</code> come <i>Hostname</i> e <code>5222</code> come <i>Port</i>
  817. </p>
  818. </article>
  819. </slide>
  820. </slide>
  821. <slide class="backdrop"></slide>
  822. </slides>
  823. <!--[if IE]>
  824. <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
  825. <script>CFInstall.check({mode: 'overlay'});</script>
  826. <![endif]-->
  827. </body>
  828. </html>