Author Archives: admin

Google – Doodle

Il logo ufficiale di Google viene cambiato spesso con un disegno che rende omaggio a

  • persone famose
  • avvenimenti importanti

italian_elections_2013-1223006-hp

Vedi


Sono molto originali i loghi animati (da aggiornare)


Loghi interattivi (da aggiornare)!

Google – Novità!

La concorrenza aguzza l’ingegno… e i servizi offerti aumentano ogni giorno

  • mappe
  • traduttore
  • meteo, calcolatrice, conversioni, disegno di funzioni…

E in futuro?

  • Scrivere in linguaggio naturale?
    • Il computational knowledge engine Wolfram Alpha risponde già a domande di matematica, statistica, fisica, astronomia, chimica, medicina, …
    • Google ci prova…
  • Fare le domande direttamente a voce?
    • Google ha implementato questa funzione nel 2013…

Sorprese!


Di tanto in tanto il motore di ricerca restituisce qualcosa di originale…

Google – Opzioni di ricerca

Opzioni per la casella di input: prova ognuna della ricerche suggerite e controlla il numero di pagine ottenute

Una parola
Le pagine appaiono ordinate secondo l’importanza assegnata dal motore di ricerca
Più parole
Appaiono per prime le pagine con le due parole più vicine
Una frase
La sequenza di parole, una frase, racchiusa tra ” (doppi apici) viene cercata esattamente, o quasi.
Con operatori
Nelle ricerche si possono utilizzare degli operatori

  • & AND (cerca le due parole, di default…)
  • | OR (una parola oppure l’altra, le pagine aumentano)
  • (esclusa la parola successiva, le pagine diminuiscono)
  • * (riempimento automatico con qualsiasi parola)
Un dominio
La ricerca può essere ristretta alle risorse di un sito (dominio) specificato
Un tipo di file
La ricerca può essere ristretta ai file con una certa estensione: pdf, doc, rtf, xls, ppt, …

Puoi combinare diverse opzioni e ottenere pochi risultati mirati: Punteggiatura, simboli e operatori nella ricerca


Ricerca avanzata


Se accedi alla pagina Ricerca avanzata di Google potrai utilizzare queste e altre possibilità di ricerca (Lingua, Data, Paese, …) compilando un modulo:

advanced_search

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
  3. Sistema informatico, le risorse aziendali (risorse umane, procedure, attrezzature) dedicate al trattamento automatico delle informazioni tramite
    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
    1. Cloud storage: Google Drive, DropBox, Apple iCloud, Ubuntu One, Microsoft OneDrive,
      1. Maggiore sicurezza, riservatezza?
      2. Condivisione
    2. Remote control, TeamViewer, VPN (Virtual Private Network)
    3. Server farm, data center
    4. Posta elettronica, condivisione documenti, calendari condivisi
    5. CRM (Customer Relantionship Management)
    6. 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. SublimeText, editor
  26. SVG, client side
  27. VRML, plug-in
  28. WikkaWiki, CMS
  29. WordPress, CMS
  30. XAMPP, suite di applicazioni
  31. XHTML, client side
  32. XML, standard

Attributi comuni

Alcuni attributi possono essere utilizzati all’interno di tag diversi.

Valori
class “testo” Nome della classe per il foglio di stile
dir
  • “ltr”
  • “rtl”
Direzione del testo
hidden “hidden” Elemento nascosto (non visibile)
id “testo” Tutti gli elementi con id possono essere manipolati tramite
lang “testo” Lingua…
name “nome” Un elemento con nome può essere manipolato tramite
style Specifiche di stile
tabindex “numero” L’ordine nella sequenza di navigazione con il tasto TAB
title “testo” Il suggerimento (tooltip) che appare al passaggio del mouso sull’elemento

Attributi comuni

Alcuni attributi possono essere utilizzati all’interno di tag diversi.
Alcuni attributi comuni sono specifici dei moduli.

Valori Nel tag
autofocus “autofocus” L’elemento riceve il fuoco quando la pagina viene caricata
class “testo” Nome della classe per il foglio di stile
disabled “disabled”
  • BUTTON
  • FIELDESET
  • INPUT
  • OPTGROUP
  • OPTION
  • SELECT
  • TEXTAREA
Il campo disabilitato non viene inviato, non permette l’accesso al valore per copia, incolla, modifica
form “testo” Specifica a quale form appartiene il campo
formaction URL
  • INPUT
Per un pulsante “submit” è possibile specificare un’URL diverso da quello del form
id “testo” Tutti gli elementi con id possono essere manipolati tramite
readonly “readonly”

 

  • INPUT
  • TEXTAREA
Il valore può essere copiato ma non può essere modificato
style Specifiche di stile
tabindex “numero” L’ordine nella sequenza di navigazione con il tasto TAB