Dal web 2.0 alla creazione di un sito internet

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


Dichiarazione d'amore

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 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

• Altri siti dinamici?

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

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??

Dal web 2.0 alla creazione di un sito internet

Technology

Transcript of Dal web 2.0 alla creazione di un sito internet