dal web 2.0 alla creazione di un sito internet
DESCRIPTION
TRANSCRIPT
Santamaria [email protected], 12 Luglio 2009Http://www.centroperleattivitaassistiteconglianimali.it
Http://www.bloggerman.it
Dal web alla creazione di un sito internet
Internet
Cosa è internet?
Internet
Velocità di informazione
Tempo reale
Immediatezza
Socialità
Confronto
Libertà
Internet
Internet è una rete di computer mondiale ad accesso pubblico attualmente rappresentante anche uno dei principali mezzi di comunicazione di massa.
Internet
Internet
Approccio con Internet:
Voglia di crederci, cambiare l'approccio e buonsenso
Internet
Approccio con Internet:
Dichiarazione d'amore
Internet
Approccio con Internet:
Essere connesso in un solo momento in tanti luoghi diversi
Internet
• Velocità di informazioni
• Immediatezza
• …in tempo reale
Internet
• Cambiamento vita quotidiana
• Linguaggio• Oggetti
scomparsi• Nuovi oggetti
Quali?
INTERNET oggi nel mondo
Media Sociale
Internet oggi in Italia
• Cosa pensiamo se diciamo… INTERNET??
Internet oggi in Italia
• Internet è il bene e il male
• Quale è la differenza tra l’Iraq e l’Italia??
• In Italia le persone fanno notizia di internet in tv
Internet il caso Obama
• Barack Obama
• “Internet è la chiave per una ripresa economica”
• Quali sono state le sue strategie??
Internet
Internet non è un panificio
Statistica (codiceinternet.it)6000 intervistati27,1% visita 3-4 siti per sessione
Ringraziamenti
INTERNET DIPENDE SOLO DA NOI!!
Grazie!!
Internet
Alcuni dati • 2008 siamo 600 milioni di utenti
http://www.gandalf.it/dati/dati1.htm
Internet
Alcuni dati
http://www.gandalf.it/dati/dati1.htm
Internet
Alcuni dati
http://www.gandalf.it/dati/dati1.htm
Internet
Alcuni dati
http://www.gandalf.it/dati/dati1.htm
Internet
Alcuni datihttp://www.gandalf.it/dati/dati3.htm
Internet
Alcuni datihttp://www.gandalf.it/dati/dati3.htm
WEB 1.0
La nascita del Web risale al 6 agosto 1991, giorno in cui Berners-Lee mise on-line su Internet il primo sito web.
Web 1.0
World Wide Web (nome di origine inglese), conosciuto come grande ragnatela mondiale, è un insieme vastissimo di contenuti multimediali, e di servizi, di Internet, contenuti e servizi che possono essere resi disponibili dagli stessi utenti di Internet.
WEB 1.0
COSA E' IL WEB??• Spazio virtuale• Elettronico• Digitale• Contenuti
multimediali
WEB 1.0
• Sito web statico
WEB 2.0
Siti dinamici
WEB 2.0
WEB 2.0
WEB 2.0
WEB 2.0
WEB 2.0
WEB 2.0
• Altri siti dinamici?
WEB 2.0
WEB 2.0
Web 2.0
Non è un sitoNon è un marchioNon è un prodottoE' una nuova visione di InternetInteragireCondividere
WEB 2.0
DEFINIZIONE
Si riferisce alle tecnologie che permettono ai dati di diventare indipendenti dalla persona che li produce
WEB 2.0
Non vuol dire derubare una informazione, ma condividerla.
Questo perchè da una maniera di continuità e non di stallo.
WEB 2.0
WEB 2.0
Open Source
Lascia una risorsa aperta e può essere modificata, cambiata, remixata, non perdendo mai l'identità.
WEB 2.0
Cosa fornisce?Self Service e
partecipazioneDecentralizzazione
radicaleComportamento
emergenteEconomicità nel creare
Siti Internet
Categorie• Siti personali• Siti aziendali• Siti di commercio elettronico• Siti di comunità• Siti di download• Siti di forum• Siti di motori di ricerca• Siti ludici
Siti internet
• Sito Personale
E' condotto da individui o piccoli gruppi di persone (come una famiglia) e contiene informazioni prevalentemente autobiografiche o focalizzate sui propri interessi personali (ad es. il blog)
Siti internet
• Sito Aziendale
Creato per promuovere la propria azienda o un servizio (Es. Blog)
Siti internet
• Sito Commercio
(o "e-commerce") - specializzato nella vendita di beni e/o servizi via internet
Siti internet
• Sito Comunità
un sito in cui un insieme di persone sono interessate ad un determinato argomento e possono comunicare fra loro, per esempio tramite chat o forum, formando una comunità virtuale.
Siti internet
• Sito Download
ampie raccolte di link per scaricare software (dimostrativi di videogiochi, immagini, ecc.)
Siti internet
• Sito Forum
luogo in cui discutere tramite la pubblicazione e la lettura di messaggi, organizzati per discussioni (thread) e messaggi (post)
Siti internet
• sito informativo
con contenuti tesi a informare l'utente, ma non strettamente per scopi commerciali
Siti internet
• motore di ricerca
registra i contenuti degli altri siti e li rende disponibili per la ricerca
Siti internet
• database
un sito il cui utilizzo principale è di ricercare e mostrare il contenuto di uno specifico database
Siti internet
• sito ludico
un sito che è in sé un gioco oppure serve da arena per permettere a più persone di giocare
Siti internet
• link farm
siti creati unicamente per proporre collegamenti verso altri siti (spesso in cambio di canoni in denaro)
Siti internet
• Sito portale
un sito web che ha assunto dimensioni tali da costituire un punto di partenza, una porta di ingresso ad un gruppo consistente di risorse per gli utenti del web con un argomento generalizzato o specifico
Linguaggio
• Il linguaggio più diffuso con cui i siti web sono costruiti è l'HTML (Hyper Text Markup Language)
• L'HTML viene interpretato da particolari software chiamati web browser: tra i più celebri si annoverano Firefox e Internet Explorer.
Linguaggio
• Per la costruzione di siti web dinamici in grado di estrapolare dati da database, inviare email, gestire informazioni, ecc., i linguaggi di scripting più diffusi sono PHP e ASP.
• WebEditor per WebMaster con meno esperienza
Aspetti giuridici
• Diritti e doveri• Condizioni di utilizzo• Privacy• Copyright Diritto d'autore• Pornografia
Aspetti giuridici
Creative Commons
http://creativecommons.org
Accesso Pagine Web
• Nome di dominio• Nome della pagina• Internet Protocol (IP)• Home Page• Radice• Sottocartelle• Hosting• Web Server• Hard disk
Figure professionali
• Web Master
• Information architect
• Content manager
• Web designer
• Programmatore o sviluppatore
Figure professionali
WebMarketing
Resposabile SEO (search engine optimization)
Sistemista
PROGETTARE SITO
• Strategia di programmazione sito
• (Business) Idea chiara• Obiettivi
PROGRAMMAZIONE CONTENUTO
• ServiziGRAFICA TECNOLOGIA INTERNET
PROGETTARE SITO
• Strategia di programmazione sito
• BUDGET Iniziale• Attrezzatura• Collaudo
PROGETTARE SITO
• IDEA CHIARA • Brain Storming del Nome del sito
• Scegliere Suffisso sito
PROGETTARE SITO
• Obiettivi• Cosa si aspettano da te• Quali contenuti di qualità• Focalizzare i contenuti• Descrivere con
l'esperienza• Semplice e leggibile• Costante nel pubblicare• Programma i tuoi post• Non essere noioso!!
PROGETTARE SITO
• Servizi• Progetta almeno due
pagineHome PageSingola Pagina (AREA)
PROGETTARE SITO
• Home PageMasthead
Parte alta della Pagina• Marchio• Slogan• Non troppo grande o
decorata
PROGETTARE SITO
• Home PageContenuti
Parte centrale Pagina• Layout a 2 o 3 colonne• Allineamento a sinistra• Navigazione di Link• Elementi visivi• Link Aree esterne• Tag• Pubblicità (tipo adsense)
PROGETTARE SITO
• Home PageFooter
Parte bassa Pagina• Informazioni legali• Logo licenza• Link Aree
News PopolariNews CliccateNews Archivio
PROGETTARE SITO
Consiglio:• Usa template già pronti• Usare sempre sfondo chiaro con caratteri
scuri• Per i Font usa i più comuni (problema
browser)• No font fighetti o accattivanti• No font decorativi
• http://www.smashingmagazine.com
• http://www.bloggerman.it
• http://www.centroperleattivitaassistiteconglianimali.it/
PROGETTARE SITO
• Le immagini • Imparare a capire dove piazzarle
• Essere coerente• Selezione con un unico stile• Se prese da altri date il
giusto credito
PROGETTARE SITO
• Le immagini • Dove trovare delle belle immagini?
http://search.creativecommons.org
http://www.flickr.com
http://images.google.it
PROGETTARE SITO
• Le immagini • Oppure dove?
www.morguefile.com www.openphoto.com www.imageafter.com
PROGETTARE SITO
• Strumenti E se non conosco l'HTML?
Web Editor
http://www.adobe.com/it/downloads/
http://www.namo.com/
Lo trovate con Office
PROGETTARE SITO
• StrumentiE se non so usare il programma?• Utilizzare siti internet che
creano un sito web in pochi minuti.
• Registrarsi = Inserire le informazioni personali per utilizzare il servizio
• Nessun costo• Appoggio a portali
PROGETTARE SITO
• OnlineWww. viviti.com• Registrazione• Scelta template• Aggiungere pagine• Trascinare contenuti• Modificare
impostazioni• Crea news• Aggiungi foto, video,
musica, widgets, ecc.
PROGETTARE SITO
• Onlinehttp://it.jimdo.com/• Registrazione• Offre 500 mb.• Feed RSS• Piano tariffario PRO
5€ al mese• Inserimento News,
immagini, testo, video
PROGETTARE SITO
• Badget InizialeDove comprare il sito?• Provider
Aruba.it
Seguire offerte!!
Il nostro sito in Nuke!!
PROGETTARE SITO
• Badget InizialeDove comprare il sito?• Sistema intermedio è
Nuke.
arubaNuke preinstallato5 email da 100 MB/cadDominio di secondo livelloSpazio disco illimitato50 MB di Spazio MS-SQL
20 Euro + Iva all'anno
PROGETTARE SITO
• AttrezzaturaOltre il sito?• Videocamera • Macchina fotografica
digitale• Penna USB
• NetBook• Smartphone• Blocchetto appunti
PROGETTARE SITO
• Collaudo Finito il sito si prova a confrontarlo con i vari browser attraverso siti specifici.
https://browserlab.adobe.com/index.html#
ETICA WEB
5 modi per essere gentili
• Citare sempre le fonti• Rispettare il diritto
d'autore• Non lasciare commenti di
spam• Rendersi rintracciabili• Essere gentili
ETICA WEB
3 errori da non commettere mai
• Postare in modo irregolare
• Mancare d'originalità• Cancellare commenti
negativi
WEB WIDGETS
• Micro applicazioni che propongono contenuti digitali condivisibili semplicemente copiando o incollando un codice.
• Uso immediato• Copre un raggio di funzioni• Relazione con l'utente• Linfa per il tuo blog
ALTRE STRATEGIE
• Come aumentare la notorietà del sito o blog
• Trova le persone• Scopri le opinioni• Lascia commenti su
Internet• Mostra chi fa parte della
tua organizzazione• Aggiornati sempre• Usa più strumenti
possibili
PANORAMICA SITI
PANORAMICA SITI
PANORAMICA SITI
PANORAMICA SITI
PANORAMICA SITI
PANORAMICA SITI
PANORAMICA SITI
PANORAMICA SITI
PANORAMICA SITI
PANORAMICA SITI
ALTRE STRATEGIE
• Citazioni
finali• Internet non è al passo con i
tempi, ma con il futuro • Il computer non è una
macchina intelligente che aiuta le persone stupide, anzi è una macchina stupida che funziona solo nelle mani delle persone intelligenti. (Umberto Eco)
ALTRE STRATEGIE
• Citazioni
finali
GRAZIE!!
• Esercitazione • Browser Web• Creazione Sito Internet
Blogspot• Siti web da conoscere• Condivisione codice
materiale• Social Network• Domande?? Risposte??