Category Archives: WWW

Terminologia del web

Vedi il libro di testo da pag. 341


Sistema azienda e Internet


Sistema azienda

  1. Sistema organizzativo
  2. Sistema informativo, le risorse dedicate al trattamento delle informazioni
    1. risorse umane, personale
    2. procedure, comportamenti, …
    3. archivi cartacei: raccolta, elaborazione, distribuzione, … delle informazioni
    4. archivi elettronici: raccolta, elaborazione, distribuzione, … delle informazioni
  3.  Sistema informatico, le risorse aziendali (risorse umane, procedure, attrezzature) dedicate al trattamento automatico delle informazioni tramite tecnologie elettroniche
    1. hardware
    2. software
    3. rete
  4. Rete aziendale

Web

  1. HTTP: siti statici
  2. FTP: trasferimento file
  3. SMTP, POP3: posta elettronica
  4. IRC: chat, messaggistica
  5. VOIP: videochiamate
  6. Web 2.0
    1. Web read/write
    2. l’utente diventa attivo, può aggiungere/modificare informazioni
    3. blog, forum, media sharing, social network, wiki, …
  7. Web 3.0
    1. Web semantico
    2. Le ricerca non sono più per parole chiave ma in linguaggio naturale…
    3. Intelligenza artificiale, Wolfram Alpha, Google, …

Opportunità per l’azienda

  1. Web marketing
  2. E-commerce
  3. Cloud computing
  4. Cloud storage: Google Drive, DropBox, Apple iCloud, Ubuntu One, Microsoft OneDrive,
    1. Maggiore sicurezza, riservatezza?
    2. Condivisione
  5. Remote control, TeamViewer, VPN (Virtual Private Network)
  6. Server farm, data center
  7. Posta elettronica, condivisione documenti, calendari condivisi
  8. CRM (Customer Relantionship Management)
  9. ERP (Enterprise resource planning)

Siti web


Vantaggi

  1. Affidabilità, professionalità, prestigio, …
  2. Visibilità, disponibilità
  3. Commercio elettronico
  4. Costo irrisorio

Sito web statico

  1. browser, web client, web server, URL, HTML, …
  2. pagine difficilmente modificabili per l’amministratore
  3. mancanza di interazione per l’utente

Sito web dinamico

  1. Scripting lato client: Javascript, Ajax, JSON, jQuery, …
  2. Scripting lato server: ASP, JSP, PHP, …
  3. Registrazione, ricerca, e-banking, e-commerce, e-government, …

Ancora…

  1. Contenuti, interazioni, transazioni?
  2. Strumenti tecnici?
  3. Personale – Webmaster, Account manager, Copywriter, Web designer, Web developer, Web marketer
  4. Utenti – Principiante – Web surfer – Esperto
  5. Struttura del sito? Multisequenziale (cronologica, logica, alfabetica) – A griglia – Gerarchica
  6. Pubblicazione? Dominio, Hosting, Housing
  7. Indicizzazione? Web crawler, Ranking, SEO (Search Engine Optimization), Google Search Console
  8. Usabilità, sito responsive
  9. Accessibilità

Valutazione delle caratteristiche?

  1. Architettura: organizzazione, navigazione, …
  2. Comunicazione: chiarezza, coerenza, …
  3. Funzionalità: funzioni disponibili per gli utenti
  4. Contenuti: qualità, aggiornamento, …
  5. Gestione

Realizzazione

  1. Analisi
  2. Web design, Mappa, Layout
  3. Visual design
  4. Sviluppo
  5. Pubblicazione
  6. Gestione

Vedi il libro di testo da pag. 354


  1. HTML, HyperText Markup Language
  2. Ipertesto
  3. Collegamento ipertestuale
  4. HTTP, HyperText Transfer Protocol
  5. WWW, World Wide Web
  6. URL, Uniform Resource Locator
  7. Browser
  8. Tag
  9. Start tag
  10. End tag
  11. Empty tag
  12. Attributo/proprietà
  13. Editor
  14. CSS, Cascading Style Sheet
  15. CMS, Content Management System
  16. WYSIWYG, What You See Is What You Get
  17. Head
  18. Body

I motori di ricerca

Alcuni siti (Wikipedia:Motore_di_ricercaBingGoogle) forniscono un servizio gratuito di ricerca delle risorse presenti nel web a partire da poche parole chiave.


Quale scegliere?

La competizione tra motori di ricerca è molto selettiva…

  • Quasi tutti i motori di ricerca del passato sono stati chiusi: Altavista, Arianna, Ask, Virgilio, …
  • Alcuni siti offrono il motore di ricerca ma in realtà utilizzano il servizio fornito da Bing o Google.
  • Alcuni motori di ricerca sono in realtà metamotori: elaborano i risultati ottenuti da altri motori di ricerca.

Come funziona?

Le parole inserite nella casella di ricerca diventano l’input di un programma che consulta un archivio e produce in output un elenco ordinato di siti web.

Come tutto funziona, nei particolari, è un segreto industriale ma…

  1. Un software specializzato (bot, crawler, spider, robot) scandaglia continuamente il web
    • comincia con siti inseriti manualmente oppure segnalati dagli utenti
    • decide se catalogare o scartare i contenuti
    • segue i link che incontra nelle pagine e ricomincia
  2. I dati raccolti diventano copie cache e dati per l’archivio
  3. Ogni pagina catalogata riceve un certo punteggio che dipende da
    • nome del dominio
    • titolo della pagina
    • numero di parole significative presenti
    • numero di pagine che contengono un collegamento a essa
    • numero di visitatori
    • data di creazione o aggiornamento
    • ???
  4. Il punteggio della pagina determina la posizione alla quale apparirà nei risultati
  5. La posizione dipende anche dalle sponsorizzazioni???

Dimensione dei file e velocità della rete


Multipli binari


Consulta: http://it.wikipedia.org/wiki/Prefissi_per_multipli_binari

Osserva

  • 1 K = 103 = 1000
  • 1 Ki = 210 = 1024
  • 1 K = 103 = 1000 < 1024 = 210 = 1 Ki
  • I prefissi per multipli binari sono diventati standard IEEE ma non hanno avuto fortuna
  • Si usano K, M, G, … con il doppio significato… 
  • Esercitati con le conversioni di bit

Velocità della rete


Quando si parla di velocità della rete si utilizzano unità di misura anomale per gli informatici

Osserva

  • si fa riferimento ai bit (b) piuttosto che ai byte (B)
  • i multipli K, M, G fanno riferimento alle tradizionali potenze di 10 (piuttosto che alle potenze di 2)

Qual è la velocità effettiva della rete?

  1. 56 kappa = ??? bit/s
    • 56 Kbps = 56·1.000 bit/s = 56.000 bit/s
    • 56 Kbps = 23·7·23·53 bit/s = 26·53·7 bit/s
  2. 4 mega = ??? bit/s
    • 4 Mbps = 4·1.000.000 bit/s = ??? bit/s
    • 4 Mbps = 22·26·56 bit/s = ??? bit/s
  3. 1 giga = ??? bit/s
    • 1 Gbps = ??? bit/s
    • 1 Gbps = ??? bit/s

I produttori di memorie di massa e i provider utilizzano l’equivoco per offrire prodotti con prestazioni inferiori alle attese.

  • Una memoria di massa da 1 giga contiene 8.589.934.592 di bit oppure 8.000.000.000 oppure 1.000.000.000?
  • Una rete a 1 mega trasmette 8.388.608 bit al secondo oppure  8.000.000 oppure  1.000.000 ?

Tempi di attesa


Quanti secondi sono necessari per scaricare un file, di una certa dimensione, avendo accesso alla rete con una certa velocità?

Il tempo di attesa si ottiene come rapporto tra la dimensione del file e la velocità della rete.
I valori nella tabella sono arrotondati all’intero più vicino.


Esercizi


Segui i passi

  • converti le grandezze in bit e bit/s
  • fattorizza il numeratore e il denominatore
  • semplifica il più possibile…
  • se il risultato è almeno 60 secondi… (consulta: Conversioni di secondi)

Quanto tempo per un file di 1 MB con la rete a 128 Kbps?

  • Numeratore
    • M = 220
    • B = 8 bit = 23 bit
  • Denominatore
    • 128 = 27
    • Kbps = 1.000 bit/s
    • 1.000 = 103 = 23·53
  • \frac{1 \ MB}{128 \ Kbps}=\frac{2^{20}\cdot2^3 \ bit}{2^7\cdot2^3\cdot 5^3 \ \frac{bit}{s}}=\frac{2^{13}}{5^3}s = \frac{8192}{125}s=65,536 s \approx 66 s
  • 66 s = (1·60+6) secondi = 1 minuto e 6 secondi

Quanto tempo per 8 video da 16 MB con la rete a 1 Mbps?

  • Numeratore
  • Denominatore
    • Mbps = 1.000.000 bit/s
    • 1.000.000 = 106 = 26·56
  • \frac{8\cdot 16\ MB}{1\ Mbps}=\frac{2^{3}\cdot2^{4}\cdot2^{20}\cdot2^3 \ bit}{2^6\cdot 5^6 \ \frac{bit}{s}} = …
  • ???

Quanto tempo per 100 file da 50 mega con la rete a 4 mega?

  • \frac{100\cdot 50\ MB}{4\ Mbps}=\frac{2^{2}\cdot 5^2 \cdot 2\cdot 5^2\cdot 2^{20}\cdot2^3 \ bit}{2^2\cdot 2^6\cdot 5^6 \ \frac{bit}{s}} = \frac{2^{18}}{5^2}s = …  ≈ 10.486 secondi
  • 10.486 secondi = (174·60+46) secondi = 174 minuti e 46 secondi
  • 174 minuti = (2·60+54) minuti = 2 ore e 54 minuti
  • 10.486 secondi = 2 ore, 54 minuti e 46 secondi

  1. Quanto tempo per 10 foto da 100 kappa (100 KB) con la rete a un mega (1 Mbps)?
  2. Quanto tempo per un film in alta definizione di circa 5 giga con la rete a 5 mega?
  3. Quanto tempo per un file da un giga con la rete a un kappa?

Quale connessione?

Le offerte di connessione presentano alcune insidie…

Costi

  1. Spese di attivazione
  2. Canone mensile
  3. Costo di recesso
  4. Tariffe a tempo/volume/consumo
  5. Chiamate urbane/interurbane/internazionali/cellulari/numeri speciali
  6. Servizi extra

Velocità di navigazione

  1. Le velocità dichiarate sono ottimistiche
  2. La velocità massima potrebbe non essere disponibile nella tua città o quartiere
  3. La velocità di upload è diversa dalla velocità di download
  4. Banda minima garantita?
  5. Il P2P è limitato?

Router/modem/chiavetta

  1. Gratuito, ma funziona soltanto con…
  2. Con canone mensile di … €
  3. Considera che un router base costa meno di 30 €
  4. Tariffe

A tempo / a consumo

  1. Aumenta al massimo la cache del browser
  2. Utilizza un client di posta in locale
  3. Collegati nelle ore di minore traffico.

Strumenti software

Elenco in ordine alfabetico gli strumenti software e i linguaggi di programmazione per il web che ho utilizzato/sperimentato (o che intendo approfondire…)

  1. Ajax, client side
  2. ASP (Microsoft), server side
  3. ASP-Nuke, CMS
  4. Canvas, client side
  5. CMSimple, CMS
  6. Coppermine, CMS
  7. CSS, client side
  8. DHTML, client side
  9. Dreamweaver (Macromedia),web editor
  10. Flash (Macromedia), plug-in e IDE
  11. Frontpage (Microsoft), web editor
  12. HTML, client side
  13. Java Applet (Sun Microsystem), plug-in
  14. Javascript, client side
  15. Joomla, CMS
  16. KompoZer, IDE
  17. MathML, client side
  18. MediaWiki, CMS di Wikipedia
  19. p5.js, linguaggio/libreria client side
  20. Paper.js, linguaggio/libreria client side
  21. PHP, server side
  22. PHP-Nuke, CMS
  23. Processing
  24. Silverlight (Microsoft), plug-in
  25. SVG, client side
  26. VRML, plug-in
  27. WikkaWiki, CMS
  28. WordPress, CMS
  29. XAMPP, suite di applicazioni
  30. XHTML, client side
  31. XML, standard

Skype

 

Interfaccia

  • A: Profilo
  • B: Altro
    Impostazioni | Guida e commenti | Disconnetti
  • Cerca su Skype
  • Utilizza tastierino
    Ricerca tramite numero di telefono
  • C: Chat
  • D: Chiamate: …
  • E: Contatti: …
  • F: Notifiche: …
  • G: Ora / Tutte : …
  • H: Chat: …

Profilo

  1. (Sotto il nome) Comunica ai tuoi amici cosa stai facendo
  2. (Pulsante) Disponibile / Non disturbare / Invisibile
    Pallino verde | Pallino rosso | Niente
  3. Condividi profilo
    Fornisce un collegamento rapido (URL) per essere chiamati facilmente
  4. Skype verso telefoni
    Chiede di pagare per effettuare telefonate “tradizionali”

Profilo

  1. Connesso come
  2. Nome Skype
  3. (LINK) Numero Skype
  4. (LINK) Compleanno

Altro

  1. Impostazioni
  2. Guida e feedback
  3. (LINK) Scarica Skype per dispositivi mobili
  4. Disconnetti

Impostazioni

  • Account e profilo
  • Generali
  • Audio e video
  •  Chiamate
  • Messaggistica
  • Notifiche
  •  Contatti
  • Guida e feedback

Impostazioni > Account e profilo

Quasi come Profilo


Impostazioni > Messaggistica

  • Visualizza le emoticon grandi
  • Invia conferma di lettura
  • Esporta cronologia chat

Ora / Tutte

Modalità di visualizzazione

  1. Chat: Ora/Non lette | Standard|Compatta | Nascondi/Mostra i preferiti
  2. Chiamate:
  3. Contatti: …
  4. Notifiche: Tutte/Menzioni/Reazioni | Segna tutti come già letti | Impostazioni notifiche

  1. Effettuare una chiamata
  2. Rispondere a una chiamata
  3. Se ricevo chiamate indesiderate?

Effettuare una chiamata

  1. Seleziona una persona o un gruppo tra i Contatti
  2. Scegli Chiamata vocale oppure Videochiamata
  3. Seleziona nuovi contatti per passare a una chiamata di gruppo
  4. Per terminare la chiamata

Rispondere a una chiamata

Viene visualizzata in alto una “striscia” di notifica della chiamata in arrivo

  1. rispondi con una chiamata vocale
  2. rispondi con una videochiamata
  3. se non vuoi rispondere termina la chiamata
  4. puoi attivare la segreteria
  5. puoi impostare l’inoltro di chiamata.

Se ricevo chiamate indesiderate?

Puoi modificare le impostazioni per permettere solamente ai tuoi contatti di chiamarti:

  • Impostazioni > Chiamata > Consenti solo chiamate dai contatti su questo dispositivo
  • Se qualcuno che non è nei contatti ti chiama, Skype mostrerà una sua chiamata persa.

  

Elementi > Presentazione

Token

  • <mi> identificatore
  • <mn> numero
  • <mo> operatore, separatore, …
  • <mtext> testo
  • <mspace/> spazio
  • <ms> stringa
  • <mglyph> per utilizzare caratteri non standard

Layout

  • <mrow> gruppo
  • <mfrac> frazione di 2 espressioni
  • <msqrt> radice quadrata senza indice
  • <mroot> radicale con indice
  • <mstyle> stile
  • <merror> …
  • <mpadded> …
  • <mphantom> contenuto invisibile
  • <mfenced> coppia di delimitatori
  • <menclose> …

  • <msub> …
  • <msup> …
  • <msubsup> …
  • <munder> …
  • <mover> …
  • <munderover> …
  • <mmultiscripts> …

Tabella

  • <mtable> …
  • <mtr> …
  • <mtd> …
  • <maligngroup/> …
  • <malignmark/> …
  • <mlabeledtr/> …

Azione

  • <maction> …

Accesso universale

Accesso universale ai contenuti web

  1. Legge 9 gennaio 2004, n. 4
    Disposizioni per favorire l’accesso dei soggetti disabili agli strumenti informatici
  2. Accessibile
    Osservatorio sull’accessibilità dei servizi erogati dalle pubbliche amministrazioni tramite Web
  3. Webaccessibile
    Webaccessibile.org ha la missione di rendere chiaro e trasparente l’obiettivo di accesso universale di Internet
  4. WCAG 2.0
    Linee guida per l’accessibilità dei contenuti Web
  5. Markup Validation Service
    This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.

PSTN

Public Switched Telephone Network

  • Commutata
  • Gerarchica
    • Local loop
    • Settori, distretti, compartimenti
    • Centrale: urbana, di settore, di distretto, di compartimento, nazionale
    • Topologia: a stella, a reticolo completo
    • Mezzi di trasmissione: doppino, …, fibre ottiche

Commutazione

  • Ricerca del percorso
  • Commutazione di circuito
  • Commutazione di pacchetto
  • Tariffe: tempo, distanza, traffico dati
  • Connessione

PCM

  • Pulse Code Modulation
  • Digitalizzazione
  • Codec
  • Campione
  • Banda: 4 KHz
  • Frequenza di campionamento: 8 KHz
  • Campioni: 8 (7) bit
  • Trasmissione: 64 Kbps

Multiplexing

Canali Multiplexing
Analogici FDM Frequency Division Multiplexing
Digitali TDM Time Division Multiplexing

Autorità e agenzie

  • ITU, International Telecommunication Union
  • CCITT
    Comité Consultatif International pour le Téléphone et les Télécommunications
    Consultative Committee on International Telephone and Telegraphy

    • ITU-R, radiocomunicazioni
    • ITU-T, telecomunicazioni
    • ITU-D, sviluppo
  • ISO, isos, uguale
    International Organization of Standardization
    International Standards Organization
    Organisation internationale de normalisation
  • ANSI, American National Standards Institute
  • IEEE, Institute of Electrical and Electronics Engineers
  • IEC, International Electrotechnical Commission
    Commission Electrotechnique Internationale
  • DIN, Deutsches Institut für Normung
  • ARPA, Advanced Research Projects Agency
    • DARPA, Defence Advanced Research Project Agency
  • NSF, National Science Foundation
    • NSFNET, National Science Foundation Network
  • NIC, Network Information Center

Europa

  • ETSI, European Telecommunications Standards Institute
  • CERN, Conseil Européen pour la Recherche Nucléaire
    Comitato Europeo per le Ricerche Nucleari

Italia

  • UNI, Ente Nazionale Italiano di Unificazione
    • UNINFO, reti di computer
  • NIC, …

Standard per Internet

  • IS, Internet Society (1992)
  • IAB, Internet Architecture Board, Internet Activities Board
  • IETF, Internet Engineering Task Force
  • IRTF, Internet Research Task Force

RFC

  • Request For Comment
  • Stadi
    • Proposed standard
    • Draft standard
    • Standard Internet
    • Historical protocol
  • Classificazione
    • Required
    • Recommended