Tecnologie web per il turismo

Tecnologie web per il turismo

Prof. Flaminia Luccio

Programma indicativo del corso

• L'architettura client/server
• Reti e protocolli di rete
• Usabilità e accessibilità dei siti Web
• I linguaggi di marcatura. Gli ipertesti. Il linguaggio HTML
• Utilizzo dei fogli di stile. Il CSS
• Pagine Web statiche e dinamiche: accenno a Javascript
• Esercizi pratici: creazione di pagine Web tramite HTML, CSS, Adobe Dreamweaver (in dubbio). Sviluppare graficamente i siti web

Usabilità e accessibilità

Usabilità -> mantenere la clientela e attrarre le persone, appetibile. Accessibilità -> permettere a tutti gli utenti di usarlo, anziani, sito semplice e intuitivo per tutti.

Pagine Web statiche e dinamiche

HTML – contenuti e CSS si occupa della grafica. Pagina statica -> dove navighi e leggi le informazioni senza nessuna interazione. Dinamica -> linee aree, inserire i dati e il sistema manda una richiesta (base di dati) e controlla se il volo richiesto ha disponibilità o no.

Linguaggio Javascript

Gallerie di immagine.

Il Byte

Linguaggio binario: tutte le informazioni date al calcolatore vengono trasmesse in sequenze 0 e 1. Ogni bit può avere due possibilità: 0 o 1. 1 Byte = 8 bit. Il Byte è l’unità di misura della memoria. Ogni memoria avrà una delle caratteristiche con finalità particolari e diverse.

Diverse grandezze

Capire cosa c’è dentro un calcolatore si può utilizzare la macchina di von Neumann:

• Memoria -> RAM, dischi – memorizzare i dati – mantiene dati e programmi
• Processore -> CPU oggetto che fa i conti, il cervello, è un esecutore capace di interpretare i singoli passi richiesti dai programmi
• Sottosistema di interfaccia o periferiche - permette di comunicare dati e programmi alla macchina e di ottenere i risultati (tastiere e autoparlanti, stampante, schermo, microfono)

Due tipi di memorie -> centrale, di massa. CPU l’unità che esegue i calcoli e che all’interno è divisa in unità di controllo e aritmetico logica. Si collegano attraverso la linea di dati, indirizzi e controllo chiamati “bus”. Interfaccia -> schermo, mouse, modem.

La memoria ROM

La memoria ROM, dall'acronimo inglese di read only memory, è una tipologia di memoria non volatile, usata nei computer e in altri dispositivi elettronici, che permette di scrivere le informazioni da conservare in maniera permanente. Poi abbiamo le memorie secondarie come per esempio l’Hard Drive/hard disk (disco rigido o fisso).

Il processore

È la mente del calcolatore, oggetto che esegue i calcoli e composto da:

• L'unità di controllo (CU) che interpreta le istruzioni da eseguire;
• L'unità aritmetico-logica (ALU) che esegue le operazioni matematiche o logiche (+,-,and,or ...);
• Insieme di registri dove vengono custoditi i dati in fase di elaborazione.

L’unità di controllo contiene le istruzioni e poi c’è Registro dove mettere i dati per fare i conti e unità aritmetico-logico. Il processore il clock e GHz: I vari sotto-passi che compongono l’esecuzione di un'istruzione seguono algoritmi cablati nei circuiti della macchina. L’esecuzione è cioè esiste un segnale di ‘inizio della sotto-operazione’ (detto sincrona, in quanto generato da un riconosciuto da tutti i componenti tick, clock). La frequenza con cui viene inviato il tick è misurata in ‘numero di tick al secondo’ (Hz). Nei computer attuali 4 GHz (giga hertz), ovvero più di 4 al nanosecondo. Processore di 4 GHz, ovvero il processore fa le operazioni in base ad un orologio Hertz (HZ un secondo e GHz quanti calcoli riesce a fare al nanosecondo il calcolatore. Velocità del processore.

Memorie

Cosa vorremmo: una memoria veloce, abbastanza grande da contenere tutti i dati e i programmi che servono, persistente (o cioè capace di mantenere il suo contenuto anche in assenza di alimentazione elettrica), di basso costo. Più memorie in quanto non esiste un’unica memoria che riesce ad essere veloce, grande, persistente, basso costo. Ogni memoria avrà una delle caratteristiche con finalità particolari e diverse. Dentro la memoria si salvano i file, mantenere i dati di tutto quello che facciamo.

Gerarchia di memorie

• RAM o memoria centrale -> memoria più piccola rispetto Hard Disk, veloce, volatile (se spengo il calcolatore i dati si perdono) costo medio alto, memoria non molto grande.
• Disco rigido - memoria grande, persistente, molto capienti e lento.
• Nastri magnetici e CD ROM

Memoria centrale RAM

Contiene i programmi durante la loro esecuzione e i dati relativi. Il processore legge e scrive nella memoria indicando la locazione (posizione) attraverso un indirizzo binario. L'insieme di tutte le celle indirizzabili si chiama spazio di indirizzamento. Usata per i conti temporanei, è la memoria veloce e quando finisco salvo e tutto viene spostato memorizzato nell’Hard Disk. Funziona con una metodologia “come una cassettiera” in ogni cassetto inseriamo dei dati (sequenze di 0 e 1). Come faccio a trovare questi dati, lo faccio perché ogni riga ha un indirizzo (binario) o che mi dice dove sono le informazioni che mi servono. Indirizzo uguale al cassetto che stiamo aprendo. Indirizzi al loro interno troviamo le informazioni. Attraverso il “bus” linee di comunicazione vengono trasmessi i dati, informazioni.

La memoria centrale si chiama RAM (Random Access Memory) - il tempo di accesso alle righe è uguale. Il termine RAM indica Random Access Memory: è possibile fare un accesso diretto a una cella indipendentemente dall'indirizzo. Velocità, ordine decine di nanosecondi – ancora troppo lenta per i processori attuali (3 o più operazioni elementari al nanosecondo); si usano memorie velocissime e molto piccole realizzate con tecnologia speciale, le memorie cache. Memorie più veloci, altre memorie che si collegano e servono per velocizzare le informazioni.

Struttura di una RAM

Che dimensione ha la RAM? La RAM si può estendere, ci sono “slot” dove inserire nuove schede di memoria. È volatile, cioè conserva i dati solo finché il calcolatore è alimentato. Estendere finché hai spazi negli slot. RAM (tutti i dati) veloce, ma non più veloce si interfaccia con la memoria cache (copia dei dati usati di recente) che si interfaccia con il processore, piccola e molto costosa, molto veloce. Quanti livelli di cache volete? Almeno un livello, ovvero una. I calcolatori attuali hanno tutti 1 o più livelli di cache. Si riesce ad approssimare la velocità della memoria più piccola e le dimensioni della memoria grande a prezzi contenuti.

Memorie secondarie – hard disk

La RAM non è in grado di conservare le informazioni quando il computer è spento, ma i programmi e i dati devono essere conservati su un supporto non volatile (o permanente) quali l’hard disk. Conservare i dati quando spegniamo il calcolatore non volatile o permanente. HD concepito con una serie di dischi ognuno dei quali viene letto tra due testine, più dischi letti in parallelo, tutto mosso da un braccio che gira, tanti dischi letti assieme. La dimensione in Tera. Memoria capiente, grande. Dischi hanno delle tracce che è composta da settori, ovvero pezzi di informazione, la testina gira e legge sequenze di informazioni (0-1). Centri concentrici. Ogni traccia formato da un settore e ogni settore conterrà un’informazione.

Struttura di un settore

Preambolo che permette alla testina di capire che sta iniziando un nuovo settore, fornisce il numero del settore etc. Dove inizia il nuovo settore e che settore è e dati e poi ECC Codice correttori di errore – dati per capire che la lettura si andata bene senza errori. Lento perché devo leggere tutto il disco per trovare l’informazione, devo entrare nella traccia e andare avanti, non c’è un modo diretto per recuperare i dati.

Altre memorie

Principali RAM, cache e Hard Disk. Poi:

• Dischi magnetici (vecchi – dischetti) Floppy -> disco che ruota e viene letto da una testina. La divisione in tracce e settori è detta “formattazione”.
• Nastri magnetici -> l’informazione è memorizzata in piste longitudinali, quindi l’accesso è molto lento (Usati per fare backup e i dati vengono memorizzati in nastri magnetici, dati reperiti lenti, senza urgenza).

Dischi ottici

La lettura delle informazioni viene fatta mediante un raggio laser che riscontra le irregolarità della superficie riflettente. CD – Compact Disk solitamente in sola lettura (CD ROM Read Only Memory) utilizzano i laser per leggere il contenuto di informazioni. Quanti dati 870 MB. DVD Digital Video Disk memorie simili, ma fino a 17 GB di informazione, più grandi. Flash memory usano un’altra tecnologia memoria a semiconduttori, non volatili e riscrivibili – pennetta USB – fotocamere digitali, nei lettori di musica portatili, nei cellulari. RAM, cache e Hard Disk sono le principali, invece tutte le altre memorie sono in più. Sono diverse in natura e costo.

Tecnologie

• Di natura elettronica come per la RAM
• Basate sul magnetismo come per i dischi e nastri magnetici
• Nei dischi ottici, l'informazione si memorizza usando un raggio laser
• Nelle memorie flash ci si basa su transistor a effetto di campo

Dispositivi di input e output

Servono per ricevere dati dal calcolatore o inviarli. Per l'entrata/uscita di dati:

• Input: tastiera, microfono, scanner,...
• Output: video, stampanti, autoparlanti

PC Moderni

Connessione alle periferiche. Fessura per il mouse, tastiera, USB, Seriale A e B connessione tra computer e schermo, e Parallela e serve per attaccare il cavo della stampante (in parallelo possono arrivare tanti dati).

Il bus

Connette tra loro tutti componenti elettronici del calcolatore e trasferisce i dati. Canale di comunicazione.

Scheda madre

Unica e si inserisce negli slot, si mette la RAM e serie di connettori e memoria cache, CPU. Tutti gli oggetti si trovano nella scheda madre.

Sistemi operativi

Windows, Mac, Linux e non è più a livello hardware, ma software. Sistema operativi -> gestore che gestisce le applicazioni, che coordina le operazioni. Linux -> Freeware e gratuito tutte le applicazioni sono gratis e open source e chi crea rende pubblico il codice sorgente, che può essere quindi modificato. Difficile da usare. Windows, MAC. Sistemi operativi per Smartphone per Android di Google, iOS Apple, RIM Blackberry, Windows Phone.

Quali sono le funzioni di un SO?

• Esegue applicazioni: carica il programma binario prodotto della compilazione (e residente su disco) nella RAM, cede il processore all’applicazione da eseguire.
• Facilita l’accesso ai dispositivi di I/O: interagisce con le periferiche facendosi carico di tutti i dettagli fisici (es. modem, reti, video...) mette a disposizione operazioni di lettura/scrittura ad alto livello che possono essere usate senza conoscere i dettagli tecnici della periferica.

Archivia dati e programmi

• Mette a disposizione dell’utente una visione astratta della memoria secondaria (il file system basato sulle astrazioni: file/archivi e folder/cartelle).
• Gestisce la realizzazione di queste astrazioni sul supporto fisico (disco) gestendo tutti i dettagli legati alla lettura/scrittura dei settori.

Gestisce le risorse

• Ripartisce le risorse disponibili fra le varie applicazioni (processore, RAM, periferiche).
• Evita che ci siano malfunzionamenti dovuti all’uso contemporaneo di risorse. ES: un word processor e un Web browser che inviano contemporaneamente dati alla stampante provocano una stampa erronea.
• Ottimizza le prestazioni scegliendo delle politiche che permettano di sfruttare al meglio tutte le parti del calcolatore.

Gestisce i malfunzionamenti del sistema

• Rileva e gestisce situazioni anomale. ES: se il disco ha un settore difettoso, il SO può trasportare automaticamente le informazioni residenti su quel settore da un’altra parte.
• ES: se un’applicazione cerca di effettuare un'operazione non permessa (come leggere i dati di un’altra applicazione) può bloccare l’applicazione segnalando all’utente la situazione erronea.

I SO sono sistemi complessi che non sempre riescono a fare correttamente tutto quello che dovrebbero...

Le applicazioni - editori

Principali programmi operative sono: Microsoft Word, Eudora, MySQL, Excel, Netscape, Internet Explorer, Outlook Express, gcc, PowerPoint, Photoshop, Gimp, ecc. Che useremo noi NON WORD in quanto editor “what you see is what you get” realizzato con programmi detti word processor (Es. MSWord). Noi useremo altri editor per fare una parola in grassetto, ma usare dei simboli particolari. <b>Mare</b> la parola all’interno sarà scritta in grassetto. Si utilizzano programmi detti editor.

I linguaggi per la formattazione sono detti linguaggi di markup (es. HTML, LaTeX). LaTeX editor dove la grafica è molto meglio di Word, ma devi scrivere tu i comandi (se corsivo, grassetto).

Formati di scambio

Esistono numerosi formati standard di scambio fra Word processor diversi che permettono di usare lo stesso file con applicazioni diverse. Text only: si memorizzano solo i caratteri alfabetici, senza tener conto della formattazione grafica. Text only con markup: esistono comandi appositi (tag) che marcano il testo dando informazioni sul testo e opzioni di formattazione (es. HTML). PostScript: la forma finale del documento è direttamente stampabile oppure è visualizzabile sullo schermo ma difficilmente modificabile.

PDF

Il Portable Document Format, comunemente abbreviato PDF, è un formato di file basato su un linguaggio di descrizione di pagina sviluppato da Adobe Systems nel 1993 per rappresentare documenti in modo indipendente dall'hardware e dal software utilizzati per generarli o per visualizzarli. Un file PDF può descrivere documenti che contengono testo e/o immagini a qualsiasi risoluzione. Pronto per la stampa.

L'RTF (Rich Text Format) è un metodo per codificare testo e grafica studiato per semplificare il trasferimento di informazioni tra le applicazioni. L'RTF non diffonde i VIRUS delle macro di Microsoft Word. L'RTF è un programma che può essere letto da vari programmi e piattaforme indipendentemente dalla versione. Scambiare file. Formato di scambio Google Documents, Forms.

Per rendere evidente all’esterno il formato dell’organizzazione interna di un file, si usa aggiungere al nome del file quella che si chiama estensione.

• pippo.txt
• pippo.doc
• pippo.rtf
• pippo.html

Salvare in HTML (file.html) in modo tale che il sistema operativo capisca che quella pagina sia in HTML. Foglio di stile.css. Suffisso HTML associare il suffisso corretto. Attenzione! L’uso delle estensioni è solo una convenzione. Ciò significa che: si può modificare manualmente l’estensione, ma ciò non cambierà l’organizzazione interna.