slides.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. <!-- 2017-06-14 mié 10:51 -->
  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 foto</h2>
  671. <h3></h3>
  672. </hgroup>
  673. <article class="" id="text-6-1">
  674. <p>
  675. Possiamo allegare foto (sia dalla galleria sia dalla fotocamera)
  676. </p>
  677. </article>
  678. </slide>
  679. </slide>
  680. <slide id="sec-6-2" >
  681. <hgroup class="">
  682. <h2 class=" ">Audio</h2>
  683. <h3></h3>
  684. </hgroup>
  685. <article class="" id="text-6-2">
  686. <p>
  687. Possiamo registrare dell'audio, ma per questo è necessario
  688. installare un apposito plugin (1.22€ su Google Play, gratis su
  689. F-Droid)
  690. </p>
  691. </article>
  692. </slide>
  693. </slide>
  694. <slide id="sec-6-3" >
  695. <hgroup class="">
  696. <h2 class=" ">Video</h2>
  697. <h3></h3>
  698. </hgroup>
  699. <article class="" id="text-6-3">
  700. <p>
  701. Conversations (al contrario di Signal) non supporta chiamate audio
  702. né video.
  703. </p>
  704. <p>
  705. È possibile però condividere file di qualsiasi tipo, quindi anche
  706. video, pdf, etc.
  707. </p>
  708. </article>
  709. </slide>
  710. </slide>
  711. </slide>
  712. <slide id="sec-7" class=" segue dark quote nobackground" style="background-image: url(nil)">
  713. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  714. <h2 class=" ">Avvertenze: i rischi e la sicurezza</h2>
  715. <h3></h3>
  716. </hgroup>
  717. <article class="flexbox vleft auto-fadein" id="text-7">
  718. </article>
  719. </slide>
  720. <slide id="sec-7-1" >
  721. <hgroup class="">
  722. <h2 class=" ">Che rischi corriamo se usiamo Conversations?</h2>
  723. <h3></h3>
  724. </hgroup>
  725. <article class="" id="text-7-1">
  726. <p>
  727. Nonostante tutto, ci sono dei rischi a cui ci esponiamo quando
  728. utilizziamo Conversations:
  729. </p>
  730. <ul class="build">
  731. <li>metadati: la lista dei nostri contatti è visibile dal provider che
  732. usiamo
  733. </li>
  734. <li>i provider dei nostri contatti: se parliamo con qualcuno su un altro
  735. server, quest'ultimo potrebbe loggare tutto il possibile
  736. </li>
  737. <li>i messaggi cifrati sono in chiaro sul nostro cellulare: possiamo
  738. perderlo, od essere infettati da un trojan.
  739. </li>
  740. <li>il falso senso di sicurezza
  741. </li>
  742. </ul>
  743. </article>
  744. </slide>
  745. </slide>
  746. <slide id="sec-7-2" >
  747. <hgroup class="">
  748. <h2 class=" ">Che rischi corriamo se usiamo Conversations?</h2>
  749. <h3></h3>
  750. </hgroup>
  751. <article class="" id="text-7-2">
  752. <p>
  753. Le comunicazioni sicure le fanno le persone che comunicano!
  754. </p>
  755. <p>
  756. La tecnologia <span class="underline"><span class="underline">non</span></span> è in grado di garantire l'assoluta privacy. Dobbiamo quindi sforzarci di ricordare
  757. che noi siamo responsabili di tutelare la segretezza delle nostre comunicazioni.
  758. </p>
  759. <p>
  760. Come regola generale, se siamo in dubbio sull'opportunità di scrivere o meno un'informazione,
  761. è meglio evitare di scriverla.
  762. </p>
  763. </article>
  764. </slide>
  765. </slide>
  766. </slide>
  767. <slide id="sec-8" class=" segue dark quote nobackground" style="background-image: url(nil)">
  768. <aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
  769. <h2 class=" ">Extendend track</h2>
  770. <h3></h3>
  771. </hgroup>
  772. <article class="flexbox vleft auto-fadein" id="text-8">
  773. <p>
  774. Configurazioni avanzate e dettagli
  775. </p>
  776. </article>
  777. </slide>
  778. <slide id="sec-8-1" >
  779. <hgroup class="">
  780. <h2 class=" ">Verificare la chiave di un contatto</h2>
  781. <h3></h3>
  782. </hgroup>
  783. <article class="" id="text-8-1">
  784. <p>
  785. Se vogliamo essere veramente sicuri di stare parlando con la
  786. persona giusta, possiamo incontrarci con lei e confrontare le
  787. chiavi OMEMO (o possiamo usare altri canali di comunicazione:
  788. telefono, email cifrate, etc.)
  789. </p>
  790. </article>
  791. </slide>
  792. </slide>
  793. <slide id="sec-8-2" >
  794. <hgroup class="">
  795. <h2 class=" ">Verificare la chiave di un contatto</h2>
  796. <h3></h3>
  797. </hgroup>
  798. <article class="" id="text-8-2">
  799. <div class="figure">
  800. <p><img src="images/fingerprint - check.png" alt="fingerprint - check.png" width="250px" class="float-right" />
  801. </p>
  802. </div>
  803. <p>
  804. Possiamo vedere la fingerpint di OMEMO dal menù "Contact details"
  805. </p>
  806. </article>
  807. </slide>
  808. </slide>
  809. <slide id="sec-8-3" >
  810. <hgroup class="">
  811. <h2 class=" ">Verificare la chiave di un contatto</h2>
  812. <h3></h3>
  813. </hgroup>
  814. <article class="" id="text-8-3">
  815. <div class="figure">
  816. <p><img src="images/fingerprint - ours.png" alt="fingerprint - ours.png" width="250px" class="float-right" />
  817. </p>
  818. </div>
  819. <p>
  820. Mentre la nostra chiave è visibile nel menù "Manage accounts"
  821. </p>
  822. </article>
  823. </slide>
  824. </slide>
  825. <slide id="sec-8-4" >
  826. <hgroup class="">
  827. <h2 class=" ">Configurazione con Hidden Service</h2>
  828. <h3></h3>
  829. </hgroup>
  830. <article class="" id="text-8-4">
  831. <div class="figure">
  832. <p><img src="images/Conversations_4.png" alt="Conversations_4.png" width="250px" class="float-right" />
  833. </p>
  834. </div>
  835. <p>
  836. C'è anche l'opzione di collegarsi via Hidden Service TOR, se
  837. abbiamo l'applicazione <b>Orbot</b> installata.
  838. </p>
  839. <p>
  840. Menu -&gt; Expert Settings -&gt; Connect via Tor e Extended Connection Settings
  841. </p>
  842. </article>
  843. </slide>
  844. </slide>
  845. <slide id="sec-8-5" >
  846. <hgroup class="">
  847. <h2 class=" ">Configurazione con Hidden Service</h2>
  848. <h3></h3>
  849. </hgroup>
  850. <article class="" id="text-8-5">
  851. <div class="figure">
  852. <p><img src="images/Conversations_5.png" alt="Conversations_5.png" width="250px" class="float-right" />
  853. </p>
  854. </div>
  855. <p>
  856. Inseriamo <code>wi7qkxyrdpu5cmvr.onion</code> come <i>Hostname</i> e <code>5222</code> come <i>Port</i>
  857. </p>
  858. </article>
  859. </slide>
  860. </slide>
  861. <slide class="backdrop"></slide>
  862. </slides>
  863. <!--[if IE]>
  864. <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
  865. <script>CFInstall.check({mode: 'overlay'});</script>
  866. <![endif]-->
  867. </body>
  868. </html>