CORSO ECDL BASE - MODULO 1 - COMPUTER ESSENTIALS - RAPPRESENTAZIONE dei DATI - RAPPRESENTAZIONE dei CARATTERI - CARATTERISTICHE delle IMMAGINI DIGITALI - SISTEMA BINARIO - SISTEMA DECIMALE - bit - BYTE - CODICE ASCII - TABELLA UNICODE - SISTEMA ESADECIMALE - IMMAGINI BITMAP - IMMAGINI RASTER - IMMAGINI VETTORIALI - PIXEL - RGB - COMPRESSIONE LOSSLESS - COMPRESSIONE LOSSY - LINGUAGGIO NATURALE - LINGUAGGIO MACCHINA

1. 1A Cura di Enzo Exposyto, Gen 2018
Modulo 1
(Computer Essentials)

2. 2
A Cura di Enzo Exposyto, Gen 2018
Modulo 1 – Un Po’ di Teoria
Rappresentazione dei Dati
Rappresentazione dei Caratteri
Caratteristiche delle Immagini Digitali

3. RAPPRESENTAZIONE
dei
DATI
3A Cura di Enzo Exposyto, Gen 2018

4. Rappresentazione dei dati
 SISTEMA BINARIO: cenni – 1
PREMESSA TEORICA:
la corrente elettrica,
che alimenta i dispositivi del computer,
può dare luogo SOLO a 2 STATI:
NON c’è corrente -> SPENTO
c’è corrente -> ACCESO
UN TERZO STATO NON È DATO:
TERTIUM NON DATUR 4A Cura di Enzo Exposyto, Gen 2018

5. Rappresentazione dei dati
 SISTEMA BINARIO : cenni - 2
Se associamo a spento il numero 0
e ad acceso il numero 1:
SPENTO -> 0
ACCESO -> 1
otteniamo un sistema per contare,
il SISTEMA BINARIO,
basato SOLO su 0 e 1.
5A Cura di Enzo Exposyto, Gen 2018

6. Rappresentazione dei dati
 SISTEMA BINARIO : cenni - 3
Noi, però, siamo abituati a usare le dita delle mani
per contare.
Disponendo di 10 dita,
associamo a ogni dito 10 numeri diversi:
lo zero compare col 10° dito,
ma, evidentemente, è anch’esso
un numero di base come gli altri nove.
Con essi abbiamo ottenuto il SISTEMA DECIMALE,
basato su dieci numeri: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
6
A Cura di Enzo Exposyto, Gen 2018

7. Rappresentazione dei dati
 SISTEMA BINARIO : cenni - 4
Problema ...
Si tratta di due LINGUE diverse:
come tradurre e capire?
Come passare
dal linguaggio umano (‘decimale’)
al linguaggio macchina (‘binario’)
e viceversa?
7A Cura di Enzo Exposyto, Gen 2018

8. Rappresentazione dei dati
 SISTEMA BINARIO : cenni – 5
Creiamo i numeri nel SISTEMA BINARIO:
• Dec Bin
• 0 ------> 0
• 1 ------> 1
• 2 ------> 10
• 3 ------> 11
• 4 ------> 100
• 5 ------> 101
• 6 ------> 110
• 7 ------> 111
• 8 ------> 1000
8
A Cura di Enzo Exposyto, Gen 2018

9. Rappresentazione dei dati
 SISTEMA BINARIO : cenni – 6
Creiamo i numeri nel sistema binario:
• Dec Bin
• 9 ------> 1001
• 10 ------> 1010
• 11 ------> 1011
• 12 ------> 1100
• 13 ------> 1101
• 14 ------> 1110
• 15 ------> 1111
• 16 ------> 10000 9
A Cura di Enzo Exposyto, Gen 2018

10. RAPPRESENTAZIONE
dei
CARATTERI
in FORMA BINARIA
10A Cura di Enzo Exposyto, Gen 2018

11. Rappresentare i caratteri in forma binaria.
Definire le nozioni di bit e di Byte
 I Caratteri nel Binario: cenni – 1
bit: binary digit
(digitus: dito -> contare con 2 dita)
0  1° bit
1  2° bit
0 oppure 1  bit
Spento o Acceso  bit
11A Cura di Enzo Exposyto, Gen 2018

12. Rappresentare i caratteri in forma binaria.
Definire le nozioni di bit e di Byte
 I Caratteri nel Binario: cenni – 2
Mettiamo in fila 8 bit e ricaviamo i numeri da 0 a 255 (256 = 28 numeri):
•  0
•  1
•  2
• ...  ...
•  255
0 0 0 0 0 0 0 0
0 0 0 0 0 0 0 1
0 0 0 0 0 0 1 0
1 1 1 1 1 1 1 1
12A Cura di Enzo Exposyto, Gen 2018

13. Rappresentare i caratteri in forma binaria.
Definire le nozioni di bit e di Byte
 I Caratteri nel Binario: cenni – 3
• Con 2 bit e 8 celle ottengo:
28 = 2x2x2x2x2x2x2x2 = 256 numeri binari.
Ognuno di essi forma un Byte.
• 8 bit  1 Byte
• 1 Byte ≈ 1 Carattere
• 8 bit  1 Carattere
13A Cura di Enzo Exposyto, Gen 2018

14. Rappresentare i caratteri in forma binaria.
Definire le nozioni di bit e di Byte
 I Caratteri nel Binario: cenni – 4a
• CODICE ASCII = codice, valido per il mondo occidentale,
costituito da 128 caratteri: Tabella ASCII STANDARD
• Da 129 a 256 caratteri: Tabella ASCII ESTESA (Più Versioni)
• ASCII (AS KEY) = American
Standard
Code
for
Information
Interchange
14
A Cura di Enzo Exposyto, Gen 2018

15. Rappresentare i caratteri in forma binaria.
Definire le nozioni di bit e di Byte
 I Caratteri nel Binario: cenni – 4b
• CODICE ASCII
• In base a questo codice,
a ognuno dei primi 256 numeri
del sistema binario
è associato un carattere:
• Lo spazio vuoto è associato a 00100000 ( 32 )
• …
• il 256° carattere è associato a 11111111 ( 255 )
15
A Cura di Enzo Exposyto, Gen 2018

16. Rappresentare i caratteri in forma binaria.
Definire le nozioni di bit e di Byte
 I Caratteri nel Binario: cenni – 5
 I caratteri sono visibili nelle vecchie versioni degli
ELABORATORI di TESTI premendo ALT + NUMERO
• I primi 32 byte della tabella sono riservati per
segnali di controllo e funzioni varie
• ALT + 32  Spazio vuoto
• ALT + 33  !
• …
• ALT + 64  @
• ALT + 97  a
16A Cura di Enzo Exposyto, Gen 2018

17. Rappresentare i caratteri in forma binaria.
Definire le nozioni di bit e di Byte
 I Caratteri nel Binario: cenni – 6
Nelle nuove versioni di Word
 Inserisci Simbolo
 Scegliere il carattere
 Sotto ogni carattere selezionato, a destra, appare il
relativo codice ASCII (decimale) e VICEVERSA.
ESEMPIO:
scegliendo “@”
appare il codice 64 ASCII (decimale)
VICEVERSA
digitando 64 ASCII (decimale)
è selezionato “@”
17A Cura di Enzo Exposyto, Gen 2018

18. Rappresentare i caratteri in forma binaria.
Definire le nozioni di bit e di Byte
 I Caratteri nel Binario: cenni – 7
18
A Cura di Enzo Exposyto, Gen 2018

19. Rappresentare i caratteri in forma binaria.
Definire le nozioni di bit e di Byte
 I Caratteri nel Binario: cenni – 8
 ESEMPIO: Come il Computer ‘Scrive’ OGGI PIOVE
COD ASCII  LETTERA
01001111  O
01000111  G
01000111  G
01001001  I
00100000  (Vuoto)
01010000  P
01001001  I
01001111  O
01010110  V
01000101  E
01001111010001110100011101001001001000000101000001001001010011110101011001000101
O G G I vuoto P I O V E
19A Cura di Enzo Exposyto, Gen 2018

20. Rappresentare i caratteri in forma binaria.
Definire le nozioni di bit e di Byte
OLTRE LA TABELLA ASCII:
Una tabella di caratteri più recente è la
TABELLA UNICODE
Inizialmente, poteva rappresentare 216 = 65.536 caratteri
e, quindi, parte dei caratteri delle diverse lingue
della popolazione del pianeta.
Ora, lo standard Unicode prevede una codifica fino 21 bit:
221 = 2.097.152 caratteri
e, probabilmente, i caratteri delle diverse lingue
della popolazione del pianeta.
Alla base della Tabella Unicode vi è il Sistema Esadecimale
20
A Cura di Enzo Exposyto, Gen 2018

21. Sistemi di numerazione
decimale ed esadecimale
 Sistema ESADECIMALE: cenni – 1
DEC 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
HEX 0 1 2 3 4 5 6 7 8 9 A B C D E F 10
DEC 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
HEX 11 12 13 14 15 16 17 18 19 1A 1B 1C 1D 1E 1F 20
21
A Cura di Enzo Exposyto, Gen 2018

22. CARATTERISTICHE
delle
IMMAGINI
DIGITALI
22A Cura di Enzo Exposyto, Gen 2018

23. Caratteristiche di una immagine digitale
• >Anche le immagini sono rappresentate con
insiemi di bit
• >2 Categorie:
Immagini BITMAP o RASTER
Immagini VETTORIALI
23A Cura di Enzo Exposyto, Gen 2018

24. Caratteristiche di una immagine digitale
• >Immagini BITMAP o RASTER
Le immagini sono descritte da un numero finito, griglia,
di elementi puntiformi rettangolari detti
pixel (picture element),
opportunamente colorati.
24A Cura di Enzo Exposyto, Gen 2018

25. Caratteristiche di una immagine digitale
• >Immagini BITMAP o RASTER
Più bit x pixel (BPP) più colore: 1 bit  21 = 2 colori (b/n)
8 bit  28 = 256 colori
...
24 bit224= 16+mln colori
Colori Primari: Red, Green, Blue (RGB)
Con 24 bit  224= 16+mln colori
 256 Tonalità Red x 256 Tonalità Green x 256 Tonalità Blue
25A Cura di Enzo Exposyto, Gen 2018

26. Caratteristiche di una immagine digitale
• >Immagini BITMAP o RASTER
Formati non compressi : *.bmp, *.raw
Con compressione lossless: *.gif (256 col), *.png, *.tiff, *.tga
Con compressione lossy : *.gif (256+ col),*.jpeg
26A Cura di Enzo Exposyto, Gen 2018

27. Caratteristiche di una immagine digitale
• >Compressione senza perdita di dati - LossLess:
con la decompressione, si recupera il file originario
(adatta a testi, programmi, alcune immagini, ...)
• >Compressione con perdita di dati - Lossy:
Si ottiene un nuovo file, di dimensioni + ridotte,
diverso dall’originario.
E’ adatta a immagini (es. JPEG), file audio (es. MP3), ...
Con perdita di dettagli e di ‘peso’ del file
27A Cura di Enzo Exposyto, Gen 2018

28. Caratteristiche di una immagine digitale
• >Immagini VETTORIALI
L’immagine è descritta mediante un insieme di punti,
linee, curve e poligoni, dette primitive geometriche,
espresse da formule matematiche.
Alle primitive possono essere attribuiti colori e sfumature.
Tale categoria di immagini è ottenuta da particolari
programmi di grafica, con generazione di file *.svg
e *.svgz (*.svg compresso):
• Adobe Illustrator, Macromedia FreeHand, Corel Draw
• Xara Xtreme, Inkscape (open source), iDraw
28A Cura di Enzo Exposyto, Gen 2018

29. LINGUAGGIO NATURALE
e
LINGUAGGIO DIGITALE
29A Cura di Enzo Exposyto, Gen 2018

30. Differenza tra linguaggio naturale
e linguaggi di programmazione
• >Il Linguaggio Naturale Serve a Far Comunicare gli
Uomini tra Loro.
• >Come Comunicare con un Computer che usa il
Sistema Binario e il Linguaggio Macchina?
• >In Informatica, un Linguaggio di Programmazione
è un Linguaggio Formale Usato per Dare Istruzioni
a un Automa, Tipicamente un Computer.
• >Come Dare Istruzioni al Computer?
30A Cura di Enzo Exposyto, Gen 2018

31. Differenza tra linguaggio naturale
e linguaggi di programmazione
• >Con un Linguaggio di Programmazione,
che ha Lessico-Vocabolario, Sintassi e Semantica Propri,
si Codificano le Istruzioni nel Programma Sorgente.
• >Il Programma-Codice Sorgente Diventa, poi, un
Programma Eseguibile dal Computer (generalmente
*.exe), con la ‘Traduzione’ in ‘Linguaggio Macchina’,
- o con un Programma Interprete
- o con un Programma Compilatore
• >Oltre Duemila (WikiPedia) i Linguaggi di Programmazione:
Elenco Linguaggi x Classi Elenco Cronologico Linguaggi31
A Cura di Enzo Exposyto, Gen 2018