Browse Source

altri screenshot per la prima chat e la conferenza

lucha 6 years ago
parent
commit
a20c9d269b

+ 0 - 0
images/Conversations_8.png


+ 0 - 0
images/Conversations_9.png


BIN
images/conference - create.png


BIN
images/conference - encrypted message.png


BIN
images/conference - encrypted.png


BIN
images/conference - participants.png


BIN
images/conference - unencrypted.png


BIN
images/configurazione utente - avatar.png


BIN
images/fingerprint - check.png


BIN
images/fingerprint - ours.png


BIN
images/first chat - add contact.png


BIN
images/first chat - encrpted message.png


BIN
images/first chat - encryption.png


BIN
images/first chat - first message.png


BIN
images/first chat - unencrypted.png


BIN
images/schermata bianca.png


+ 296 - 35
slides.html

@@ -2,7 +2,7 @@
 <html>
 <head>
 <title></title>
-<!-- 2017-06-10 sáb 16:55 -->
+<!-- 2017-06-10 sáb 23:49 -->
 <meta  charset="utf-8" />
 <meta  htto-equiv="X-UA-Compatible" content="chrome=1" />
 <meta  name="generator" content="Org-mode with org-ioslide" />
@@ -455,7 +455,29 @@ Autistici ha l'opzione di usare OTP e password specifiche per applicazioni)
 </slide>
 
 </slide>
+<slide id="sec-3-3"  >
+<hgroup class="">
+       <h2 class=" ">Configurazione Base</h2>
+       <h3></h3>
+       </hgroup>
+<article class="" id="text-3-3">
+
+<div class="figure">
+<p><img src="images/configurazione%20utente%20-%20avatar.png" alt="configurazione%20utente%20-%20avatar.png" width="250px" class="float-right" />
+</p>
+</div>
+
+<p>
+Se è la prima volta che utilizziamo Conversations, possiamo
+scegliere l'icona del nostro avatar
+</p>
+
+
+</article>
+
+</slide>
 
+</slide>
 
 </slide>
 <slide id="sec-4" class=" segue dark quote nobackground" style="background-image: url(nil)">
@@ -475,18 +497,16 @@ Autistici ha l'opzione di usare OTP e password specifiche per applicazioni)
        <h3></h3>
        </hgroup>
 <article class="" id="text-4-1">
-<p>
-I contatti su Conversations sono identificati dal loro indirizzo
-XMMP, che di solito è uguale all'indirizzo email
-</p>
 
-<p>
-Per esempio, <code>lucha@paranoici.org</code> è il <span class="underline">Jabber ID</span>
+<div class="figure">
+<p><img src="images/schermata bianca.png" alt="schermata bianca.png" width="250px" class="float-right" />
 </p>
+</div>
 
 <p>
 Possiamo aggiungere un contatto alla nostra lista usando il tasto
-"+" che appare in alto a destra,  e poi il tasto "+(sagoma di persona)"
+"+" che appare in alto a destra (se è la prima volta, verrà
+selezionato in automatico), e poi il tasto "+(sagoma di persona)"
 </p>
 
 
@@ -497,23 +517,23 @@ Possiamo aggiungere un contatto alla nostra lista usando il tasto
 </slide>
 <slide id="sec-4-2"  >
 <hgroup class="">
-       <h2 class=" ">La prima chat cifrata</h2>
+       <h2 class=" ">Aggiungere un contatto</h2>
        <h3></h3>
        </hgroup>
 <article class="" id="text-4-2">
 
 <div class="figure">
-<p><img src="images/Conversations_8.png" alt="Conversations_8.png" width="250px" class="float-right" />
+<p><img src="images/first chat - add contact.png" alt="first chat - add contact.png" width="250px" class="float-right" />
 </p>
 </div>
 
 <p>
-Adesso possiamo chattare con il nostro nuovo contatto
+I contatti su Conversations sono identificati dal loro indirizzo
+XMMP, che di solito è uguale all'indirizzo email
 </p>
 
 <p>
-Per abilitare le cifratura, selezioniamo il lucchetto presente in
-alto a destra, e scegliamo <code>OMEMO</code>
+Per esempio, <code>lucha@paranoici.org</code> è il <span class="underline">Jabber ID</span>
 </p>
 
 
@@ -530,19 +550,23 @@ alto a destra, e scegliamo <code>OMEMO</code>
 <article class="" id="text-4-3">
 
 <div class="figure">
-<p><img src="images/Conversations_9.png" alt="Conversations_9.png" width="250px" class="float-right" />
+<p><img src="images/first chat - unencrypted.png" alt="first chat - unencrypted.png" width="250px" class="float-right" />
 </p>
 </div>
 
 <p>
-Ora la nostra conversazione sarà cifrata: il nostro provider XMMP
-non potrà leggere i nostri messaggi!
+Adesso possiamo mandare il primo messaggio, che <b>non</b> sarà mandato
+cifrato, ma in chiaro.
 </p>
 
 <p>
-La cifratura avviene sul nostro cellulare, prima che il messaggio
-venga trasmesso, e viene decodificato solo una volta che arriva al
-destinatario.
+Possiamo controllare lo stato della cifratura cliccando sul
+lucchetto (che è aperto ad indicare che la conversazione non è cifrata)
+</p>
+
+<p>
+Abbiamo varie opzioni a nostra disposizione per la cifratura: ma
+quella che vedremo oggi (e che è consigliata) è <code>OMEMO</code>
 </p>
 
 
@@ -553,15 +577,24 @@ destinatario.
 </slide>
 <slide id="sec-4-4"  >
 <hgroup class="">
-       <h2 class=" ">Verificare la chiave di un contatto</h2>
+       <h2 class=" ">La prima chat cifrata</h2>
        <h3></h3>
        </hgroup>
 <article class="" id="text-4-4">
+
+<div class="figure">
+<p><img src="images/first chat - first message.png" alt="first chat - first message.png" width="250px" class="float-right" />
+</p>
+</div>
+
 <p>
-Se vogliamo essere veramente sicuri di stare parlando con la
-persona giusta, possiamo incontrarci con lei e confrontare le
-chiavi OMEMO (o possiamo usare altri canali di comunicazione:
-telefono, email cifrate, etc.)
+Per abilitare OMEMO, il nostro contatto dovrà per prima cosa
+accettare di conversare con noi
+</p>
+
+<p>
+Questa operazione è necessaria solo la prima volta che comunichiamo
+con una persona: poi non sarà necessario ripeterla
 </p>
 
 
@@ -570,6 +603,67 @@ telefono, email cifrate, etc.)
 </slide>
 
 </slide>
+<slide id="sec-4-5"  >
+<hgroup class="">
+       <h2 class=" ">La prima chat cifrata</h2>
+       <h3></h3>
+       </hgroup>
+<article class="" id="text-4-5">
+
+<div class="figure">
+<p><img src="images/first chat - encryption.png" alt="first chat - encryption.png" width="250px" class="float-right" />
+</p>
+</div>
+
+<p>
+Quando il nostro contatto avrà accettato la nostra richiesta di
+comunicare, ci apparirà come possibilità l'opzione OMEMO
+</p>
+
+<p>
+Una volta selezionata, i nostri messaggi saranno cifrati!
+</p>
+
+
+</article>
+
+</slide>
+
+</slide>
+<slide id="sec-4-6"  >
+<hgroup class="">
+       <h2 class=" ">La prima chat cifrata</h2>
+       <h3></h3>
+       </hgroup>
+<article class="" id="text-4-6">
+
+<div class="figure">
+<p><img src="images/first chat - encrpted message.png" alt="first chat - encrpted message.png" width="250px" class="float-right" />
+</p>
+</div>
+
+<p>
+Ora la nostra conversazione sarà cifrata: il nostro provider XMMP
+non potrà leggere i nostri messaggi!
+</p>
+
+<p>
+La cifratura avviene sul nostro cellulare, prima che il messaggio
+venga trasmesso, e viene decodificato solo una volta che arriva al
+destinatario.
+</p>
+
+<p>
+Notiamo il lucchetto chiuso ed la "spunta" di sicurezza vicino al messaggio!
+</p>
+
+
+</article>
+
+</slide>
+
+</slide>
+
 
 </slide>
 <slide id="sec-5" class=" segue dark quote nobackground" style="background-image: url(nil)">
@@ -589,6 +683,12 @@ telefono, email cifrate, etc.)
        <h3></h3>
        </hgroup>
 <article class="" id="text-5-1">
+
+<div class="figure">
+<p><img src="images/schermata bianca.png" alt="schermata bianca.png" width="250px" class="float-right" />
+</p>
+</div>
+
 <p>
 Conversations supporta chat tra più persone, e possiamo anche farle
 cifrate!
@@ -601,8 +701,7 @@ scheda "conferences" e clicchiamo sul tasto "+(sagoma di tante persone)"
 </p>
 
 <p>
-Selezioniamo "Create conference" e poi possiamo scegliere i
-partecipanti
+Selezioniamo "Create conference"
 </p>
 
 
@@ -613,23 +712,98 @@ partecipanti
 </slide>
 <slide id="sec-5-2"  >
 <hgroup class="">
-       <h2 class=" ">I gruppi cifrati</h2>
+       <h2 class=" ">I gruppi</h2>
        <h3></h3>
        </hgroup>
 <article class="" id="text-5-2">
+
+<div class="figure">
+<p><img src="images/conference - create.png" alt="conference - create.png" width="250px" class="float-right" />
+</p>
+</div>
+
+<p>
+Poi possiamo scegliere il nome
+</p>
+
+
+</article>
+
+</slide>
+
+</slide>
+<slide id="sec-5-3"  >
+<hgroup class="">
+       <h2 class=" ">I gruppi</h2>
+       <h3></h3>
+       </hgroup>
+<article class="" id="text-5-3">
+
+<div class="figure">
+<p><img src="images/conference - participants.png" alt="conference - participants.png" width="250px" class="float-right" />
+</p>
+</div>
+
+<p>
+Ed i partecipanti
+</p>
+
+
+</article>
+
+</slide>
+
+</slide>
+<slide id="sec-5-4"  >
+<hgroup class="">
+       <h2 class=" ">I gruppi cifrati</h2>
+       <h3></h3>
+       </hgroup>
+<article class="" id="text-5-4">
+
+<div class="figure">
+<p><img src="images/conference - unencrypted.png" alt="conference - unencrypted.png" width="250px" class="float-right" />
+</p>
+</div>
+
+<p>
+Come nel caso della chat singola, all'inizio non potremmo scegliere
+l'opzione OMEMO per la cifratura
+</p>
+
 <p>
 Purtroppo per fare una chat di gruppo cifrata, è necessario che
 tutti i partecipanti abbiano fatto una chat individuale con tutti
-gli altri
+gli altri (dato che la cifratura viene fatta individualmente per
+ogni singolo partecipante)
 </p>
 
 <p>
-Questo serve per inizializzare il sistema di cifratura
+Non è molto comodo e facilmente crea confusione, ma una volta
+iniziate le chat di gruppo funzionano relativamente bene
 </p>
 
+
+</article>
+
+</slide>
+
+</slide>
+<slide id="sec-5-5"  >
+<hgroup class="">
+       <h2 class=" ">I gruppi cifrati</h2>
+       <h3></h3>
+       </hgroup>
+<article class="" id="text-5-5">
+
+<div class="figure">
+<p><img src="images/conference - encrypted.png" alt="conference - encrypted.png" width="250px" class="float-right" />
+</p>
+</div>
+
 <p>
-Non è molto comodo e facilmente crea confusione, ma una volta
-iniziate le chat di gruppo funzionano abbastanza bene
+Una volta fatto ciò, è possibile selezionare l'opzione
+relativa
 </p>
 
 
@@ -638,6 +812,29 @@ iniziate le chat di gruppo funzionano abbastanza bene
 </slide>
 
 </slide>
+<slide id="sec-5-6"  >
+<hgroup class="">
+       <h2 class=" ">I gruppi cifrati</h2>
+       <h3></h3>
+       </hgroup>
+<article class="" id="text-5-6">
+
+<div class="figure">
+<p><img src="images/conference - encrypted message.png" alt="conference - encrypted message.png" width="250px" class="float-right" />
+</p>
+</div>
+
+<p>
+E voilà, anche il gruppo è cifrato!
+</p>
+
+
+</article>
+
+</slide>
+
+</slide>
+
 
 </slide>
 <slide id="sec-6" class=" segue dark quote nobackground" style="background-image: url(nil)">
@@ -738,7 +935,7 @@ usiamo
 server, quest'ultimo potrebbe loggare tutto il possibile
 </li>
 <li>i messaggi cifrati sono in chiaro sul nostro cellulare: possiamo
-perderlo, od essere infettati da un trojan
+perderlo, od essere infettati da un trojan.
 </li>
 <li>il falso senso di sicurezza
 </li>
@@ -764,13 +961,77 @@ Configurazioni avanzate e dettagli
 
 
 </article>
+
 </slide>
 <slide id="sec-8-1"  >
 <hgroup class="">
-       <h2 class=" ">Configurazione con Hidden Service</h2>
+       <h2 class=" ">Verificare la chiave di un contatto</h2>
        <h3></h3>
        </hgroup>
 <article class="" id="text-8-1">
+<p>
+Se vogliamo essere veramente sicuri di stare parlando con la
+persona giusta, possiamo incontrarci con lei e confrontare le
+chiavi OMEMO (o possiamo usare altri canali di comunicazione:
+telefono, email cifrate, etc.)
+</p>
+
+
+</article>
+
+</slide>
+
+</slide>
+<slide id="sec-8-2"  >
+<hgroup class="">
+       <h2 class=" ">Verificare la chiave di un contatto</h2>
+       <h3></h3>
+       </hgroup>
+<article class="" id="text-8-2">
+
+<div class="figure">
+<p><img src="images/fingerprint - check.png" alt="fingerprint - check.png" width="250px" class="float-right" />
+</p>
+</div>
+
+<p>
+Possiamo vedere la fingerpint di OMEMO dal menù "Contact details"
+</p>
+
+
+</article>
+
+</slide>
+
+</slide>
+<slide id="sec-8-3"  >
+<hgroup class="">
+       <h2 class=" ">Verificare la chiave di un contatto</h2>
+       <h3></h3>
+       </hgroup>
+<article class="" id="text-8-3">
+
+<div class="figure">
+<p><img src="images/fingerprint - ours.png" alt="fingerprint - ours.png" width="250px" class="float-right" />
+</p>
+</div>
+
+<p>
+Mentre la nostra chiave è visibile nel menù "Manage accounts"
+</p>
+
+
+</article>
+
+</slide>
+
+</slide>
+<slide id="sec-8-4"  >
+<hgroup class="">
+       <h2 class=" ">Configurazione con Hidden Service</h2>
+       <h3></h3>
+       </hgroup>
+<article class="" id="text-8-4">
 
 <div class="figure">
 <p><img src="images/Conversations_4.png" alt="Conversations_4.png" width="250px" class="float-right" />
@@ -792,12 +1053,12 @@ Menu -&gt; Expert Settings -&gt; Connect via Tor e Extended Connection Settings
 </slide>
 
 </slide>
-<slide id="sec-8-2"  >
+<slide id="sec-8-5"  >
 <hgroup class="">
        <h2 class=" ">Configurazione con Hidden Service</h2>
        <h3></h3>
        </hgroup>
-<article class="" id="text-8-2">
+<article class="" id="text-8-5">
 
 <div class="figure">
 <p><img src="images/Conversations_5.png" alt="Conversations_5.png" width="250px" class="float-right" />

+ 114 - 18
slides.org

@@ -186,6 +186,13 @@ A questo punto possiamo installare F-Droid da https://f-droid.org
    (Se siamo preoccupati di lasciare la password sul cellulare,
    Autistici ha l'opzione di usare OTP e password specifiche per applicazioni)
 
+** Configurazione Base
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/configurazione%20utente%20-%20avatar.png]]
+
+   Se è la prima volta che utilizziamo Conversations, possiamo
+   scegliere l'icona del nostro avatar
 
 * La prima chat: aggiungere un contatto
   :PROPERTIES:
@@ -195,29 +202,63 @@ A questo punto possiamo installare F-Droid da https://f-droid.org
   :END:
 
 ** Aggiungere un contatto
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/schermata bianca.png]]
+
+   Possiamo aggiungere un contatto alla nostra lista usando il tasto
+   "+" che appare in alto a destra (se è la prima volta, verrà
+   selezionato in automatico), e poi il tasto "+(sagoma di persona)"
+
+** Aggiungere un contatto
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/first chat - add contact.png]]
 
    I contatti su Conversations sono identificati dal loro indirizzo
    XMMP, che di solito è uguale all'indirizzo email
 
    Per esempio, =lucha@paranoici.org= è il _Jabber ID_
 
-   Possiamo aggiungere un contatto alla nostra lista usando il tasto
-   "+" che appare in alto a destra,  e poi il tasto "+(sagoma di persona)"
+** La prima chat cifrata
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/first chat - unencrypted.png]]
+
+   Adesso possiamo mandare il primo messaggio, che *non* sarà mandato
+   cifrato, ma in chiaro.
+
+   Possiamo controllare lo stato della cifratura cliccando sul
+   lucchetto (che è aperto ad indicare che la conversazione non è cifrata)
+
+   Abbiamo varie opzioni a nostra disposizione per la cifratura: ma
+   quella che vedremo oggi (e che è consigliata) è =OMEMO=
 
 ** La prima chat cifrata
    #+ATTR_HTML: :class float-right
    #+ATTR_HTML: :width 250px
-   [[file:images/Conversations_8.png]]
+   [[file:images/first chat - first message.png]]
 
-   Adesso possiamo chattare con il nostro nuovo contatto
+   Per abilitare OMEMO, il nostro contatto dovrà per prima cosa
+   accettare di conversare con noi
 
-   Per abilitare le cifratura, selezioniamo il lucchetto presente in
-   alto a destra, e scegliamo =OMEMO=
+   Questa operazione è necessaria solo la prima volta che comunichiamo
+   con una persona: poi non sarà necessario ripeterla
 
 ** La prima chat cifrata
    #+ATTR_HTML: :class float-right
    #+ATTR_HTML: :width 250px
-   [[file:images/Conversations_9.png]]
+   [[file:images/first chat - encryption.png]]
+
+   Quando il nostro contatto avrà accettato la nostra richiesta di
+   comunicare, ci apparirà come possibilità l'opzione OMEMO
+
+   Una volta selezionata, i nostri messaggi saranno cifrati!
+
+** La prima chat cifrata
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/first chat - encrpted message.png]]
 
    Ora la nostra conversazione sarà cifrata: il nostro provider XMMP
    non potrà leggere i nostri messaggi!
@@ -226,12 +267,8 @@ A questo punto possiamo installare F-Droid da https://f-droid.org
    venga trasmesso, e viene decodificato solo una volta che arriva al
    destinatario.
 
-** Verificare la chiave di un contatto
+   Notiamo il lucchetto chiuso ed la "spunta" di sicurezza vicino al messaggio!
 
-   Se vogliamo essere veramente sicuri di stare parlando con la
-   persona giusta, possiamo incontrarci con lei e confrontare le
-   chiavi OMEMO (o possiamo usare altri canali di comunicazione:
-   telefono, email cifrate, etc.)
 
 * Le chat di gruppo
   :PROPERTIES:
@@ -241,6 +278,10 @@ A questo punto possiamo installare F-Droid da https://f-droid.org
   :END:
 
 ** I gruppi
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/schermata bianca.png]]
+
    Conversations supporta chat tra più persone, e possiamo anche farle
    cifrate!
 
@@ -248,19 +289,53 @@ A questo punto possiamo installare F-Droid da https://f-droid.org
    che abbiamo usato per agiungere un contatto, ma selezioniamo la
    scheda "conferences" e clicchiamo sul tasto "+(sagoma di tante persone)"
 
-   Selezioniamo "Create conference" e poi possiamo scegliere i
-   partecipanti
+   Selezioniamo "Create conference"
+
+** I gruppi
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/conference - create.png]]
+
+   Poi possiamo scegliere il nome
+
+** I gruppi
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/conference - participants.png]]
+
+   Ed i partecipanti
 
 ** I gruppi cifrati
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/conference - unencrypted.png]]
+
+   Come nel caso della chat singola, all'inizio non potremmo scegliere
+   l'opzione OMEMO per la cifratura
 
    Purtroppo per fare una chat di gruppo cifrata, è necessario che
    tutti i partecipanti abbiano fatto una chat individuale con tutti
-   gli altri
-
-   Questo serve per inizializzare il sistema di cifratura
+   gli altri (dato che la cifratura viene fatta individualmente per
+   ogni singolo partecipante)
 
    Non è molto comodo e facilmente crea confusione, ma una volta
-   iniziate le chat di gruppo funzionano abbastanza bene
+   iniziate le chat di gruppo funzionano relativamente bene
+
+** I gruppi cifrati
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/conference - encrypted.png]]
+
+   Una volta fatto ciò, è possibile selezionare l'opzione
+   relativa
+
+** I gruppi cifrati
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/conference - encrypted message.png]]
+
+   E voilà, anche il gruppo è cifrato!
+
 
 * Foto, audio, video(?)
   :PROPERTIES:
@@ -312,6 +387,27 @@ utilizziamo Conversations:
   :ARTICLE:  flexbox vleft auto-fadein
   :END:
   Configurazioni avanzate e dettagli
+
+** Verificare la chiave di un contatto
+   Se vogliamo essere veramente sicuri di stare parlando con la
+   persona giusta, possiamo incontrarci con lei e confrontare le
+   chiavi OMEMO (o possiamo usare altri canali di comunicazione:
+   telefono, email cifrate, etc.)
+
+** Verificare la chiave di un contatto
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/fingerprint - check.png]]
+
+   Possiamo vedere la fingerpint di OMEMO dal menù "Contact details"
+
+** Verificare la chiave di un contatto
+   #+ATTR_HTML: :class float-right
+   #+ATTR_HTML: :width 250px
+   [[file:images/fingerprint - ours.png]]
+
+   Mentre la nostra chiave è visibile nel menù "Manage accounts"
+
 ** Configurazione con Hidden Service
    #+ATTR_HTML: :class float-right
    #+ATTR_HTML: :width 250px