altri screenshot per la prima chat e la conferenza

This commit is contained in:
lucha 2017-06-10 23:50:28 +02:00
parent c5511826d1
commit a20c9d269b
18 changed files with 422 additions and 65 deletions

0
images/Conversations_8.png Executable file → Normal file
View file

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 40 KiB

0
images/Conversations_9.png Executable file → Normal file
View file

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

BIN
images/schermata bianca.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

View file

@ -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,7 +550,95 @@ 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>
Adesso possiamo mandare il primo messaggio, che <b>non</b> sarà mandato
cifrato, ma in chiaro.
</p>
<p>
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>
</article>
</slide>
</slide>
<slide id="sec-4-4" >
<hgroup class="">
<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>
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>
</article>
</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>
@ -545,23 +653,8 @@ venga trasmesso, e viene decodificato solo una volta che arriva al
destinatario.
</p>
</article>
</slide>
</slide>
<slide id="sec-4-4" >
<hgroup class="">
<h2 class=" ">Verificare la chiave di un contatto</h2>
<h3></h3>
</hgroup>
<article class="" id="text-4-4">
<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.)
Notiamo il lucchetto chiuso ed la "spunta" di sicurezza vicino al messaggio!
</p>
@ -571,6 +664,7 @@ telefono, email cifrate, etc.)
</slide>
</slide>
<slide id="sec-5" class=" segue dark quote nobackground" style="background-image: url(nil)">
<aside class="gdbar right bottom"><img src="images/conversations_logo.png"></aside><hgroup class="">
@ -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,18 @@ 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">
<p>
Purtroppo per fare una chat di gruppo cifrata, è necessario che
tutti i partecipanti abbiano fatto una chat individuale con tutti
gli altri
<div class="figure">
<p><img src="images/conference - create.png" alt="conference - create.png" width="250px" class="float-right" />
</p>
</div>
<p>
Questo serve per inizializzare il sistema di cifratura
</p>
<p>
Non è molto comodo e facilmente crea confusione, ma una volta
iniziate le chat di gruppo funzionano abbastanza bene
Poi possiamo scegliere il nome
</p>
@ -638,6 +732,109 @@ iniziate le chat di gruppo funzionano abbastanza bene
</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 (dato che la cifratura viene fatta individualmente per
ogni singolo partecipante)
</p>
<p>
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>
Una volta fatto ciò, è possibile selezionare l'opzione
relativa
</p>
</article>
</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=" ">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-1">
<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" />

View file

@ -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