Siti web, Portali, Rich Internet Application: tendenze e controtendenze

Milano, 19-21 ottobre 2011 - Fieramilanocity

1

Diego La Monica – Web Solution Developer – http://diegolamonica.infoIWA Italy – http://www.iwa.it

Siti Web Portali e Rich Internet Applications

Tendenze e controtendenze

http://diegolamonica.info/

http://www.iwa.it/

Milano, 1921 ottobre 2011 Fieramilanocity

2


Cos’è IWA?

IWA/HWG è un’Associazione professionale no profit

riconosciuta leader mondiale nella fornitura dei principi e

delle certificazioni di formazione per i professionisti della

Rete Internet; è presente in 100 paesi, con 130 sedi

ufficiali in rappresentanza di più di 200.000 associati.

La sua missione:

• Fornire programmi formativi di qualità;

• Fornire agli associati supporto e collaborazione a

livello regionale, nazionale e internazionale, nonché

un marchio di affiliazione riconosciuto a livello

mondiale;

• Promuovere i principi universali di etica e di pratica

professionale per tutti i professionisti della Rete

Internet;

• Fornire supporto per la definizione e lo studio di

normative nei Paesi in cui è presente

Network: http://www.iwa.it http://www.itlists.org http://blog.iwa.ithttp://webaccessibile.org http://skillprofiles.eu

Partecipazioni internazionali

Partecipazioni nazionali


http://www.iwa.it/


3


Perché IWA?

• Fare rete tra professionisti– Scambiarsi informazioni / esperienze– Condividere buone pratiche di lavoro

• Apprendere– Consultare documentazione condivisa– Discutere con gli altri soci– Partecipare ad eventi formativi / informativi

• Divulgare– Effetto “ebola”: condividere la conoscenza – Proporsi come discenti per seminari e corsi


http://www.iwa.it/


4


Chi sono

Diego La Monica

Web Solution Developer

✔ Membro del Consiglio Direttivo di IWA Italy✔ Coordinatore area Tecnica di IWA Italy✔ Membro del Protocols and Formats Working

Group istituito dal W3C in rappresentanza di IWA/HWG (http://www.w3.org/WAI/intro/aria)

✔ Membro del Web Skill Profile Working Group (http:://skillprofiles.eu)

✔ Autore del framework javascript JAST✔ Autore del Framework ALPHA

http://diegolamonica.infohttp://wili.diegolamonica.info http://cleanx.diegolamonica.infohttp://jastegg.ithttp://github.com/diegolamonica/ALPHA/


http://www.iwa.it/

http://www.w3.org/WAI/intro/aria

http://www.iwa.it/


http://wili.diegolamonica.info/

http://cleanx.diegolamonica.info/

http://cleanx.diegolamonica.info/

http://jastegg.it/

http://github.com/diegolamonica/ALPHA/

Perchèsei cosìserio?


6


Breve definizione di World Wide Web (WWW)

Il World Wide Web [...], è un insieme vastissimo

di contenuti (multimediali e non) e servizi che

possono essere resi

disponibili a/da

chiunque abbia a

disposizione una connessione

ad Internet.


http://www.iwa.it/


7


Cenni evolutivi

• La comunicazione– Corrispondenza postale– Email– News ticker– Feed RSS

• I contenuti– Standard di condivisione– Pagina di presentazione– Sito web– Sistemi per la gestione

dei contenuti

HTML XMLXHTMLSGML

SVG HTML5


http://www.iwa.it/


8


Cos’è stato il Web ad oggi?

Il Web è una fonte

inesauribile di informazioni

• Riviste on-line / Testate giornalistiche

• Mailing list• Newsgroup• Siti tematici• Wiki• Blog• Social Network

emailXHTML

WSDL RSS


http://www.iwa.it/


9


Gli strumenti?

✔ Rich Internet Application✔ Editor WYSIWYG✔ Sistemi per la gestione di contenuti✔ Piattaforme ad-hoc


http://www.iwa.it/

Sai qual'èil bello delCaos?

È che èequo!


11


Definizioni - Sito web

È un insieme di pagine web correlate, ovvero una struttura ipertestuale di documenti che risiede, tramite hosting, su un web server [...]

http://it.wikipedia.org/wiki/Sito_web


http://www.iwa.it/

http://it.wikipedia.org/wiki/Sito_web


12


Definizioni - Portale

È un sito web che costituisce un punto di partenza, una porta di ingresso, ad un gruppo consistente di risorse di Internet o di una intranet. […] I migliori portali consentono ai loro utenti di personalizzare alcune loro prestazioni.

http://it.wikipedia.org/wiki/Portale_web


http://www.iwa.it/

http://it.wikipedia.org/wiki/Portale_web


13


Definizioni - Social Network

Una rete sociale (in inglese social network) consiste di un qualsiasi gruppo di persone connesse tra loro da diversi legami sociali, che vanno dalla conoscenza casuale, ai rapporti di lavoro, ai vincoli familiari. Le reti sociali sono spesso usate come base di studi interculturali in sociologia e in antropologia.

http://it.wikipedia.org/wiki/Rete_sociale


http://www.iwa.it/

http://it.wikipedia.org/wiki/Rete_sociale


14


Definizioni: Rich Internet Applications

Sono applicazioni web che possiedono le caratteristiche

e le funzionalità delle applicazioni desktop, senza però

necessitare dell'installazione sul disco fisso.

http://it.wikipedia.org/wiki/Rich_Internet_application


http://www.iwa.it/

http://it.wikipedia.org/wiki/Rich_Internet_application


15


Siti web – Portali – Social Network

• Il target di utenze non è ben definito: chiunque può

visitare un sito Web;

• Per garantire un ottimo risultato bisognerebbe pensare

e testare il prodotto con qualsiasi tecnologia;

• Le esigenze si evolvono e non sono sempre ben

definite sin dall’inizio.


http://www.iwa.it/


16


Utilizzo di CMS (Content Management System)

• Pro:

– Sono economici

– Tempo di sviluppo ridotto

• Contro:

– Compatibilità (future) customizzazioni incerto

– La sicurezza dipende dal team di sviluppo


http://www.iwa.it/


17


Soluzioni ad-hoc?

• Pro:

– Analisi accurata della soluzione

– Migliori performance

– Maggiore sicurezza

• Contro:

– Hanno un costo elevato

– Si è talvolta vincolati all’autore della soluzione


http://www.iwa.it/


18


Usare CMS con personalizzazioni forti?

• Pro:

– Totale rimodellazione della

piattaforma alle proprie esigenze

• Contro:

– Costo particolarmente elevato

– Si è vincolati all'autore della soluzione

– Potenziali instabilità del sistema

– Impossibile aggiornare alle nuove versioni


http://www.iwa.it/

...vedi ionon sonoun mostro...sono soloin anticiposul percorso


20


La scelta migliore?

• CMS con piccole personalizzazioni per le Pubbliche Ammministrazioni e per aziende medio piccole.

• Soluzioni ad-hoc per le aziende medio grandi.

Ogni realtà è a se, in dipendenza del problema da affrontare si seguirà una strada.


http://www.iwa.it/


21


Rich Internet Applications (RIA)

• Sulle intranet:– Si conosce da subito il target– Si ha conoscenza del (set ridotto di) tecnologia da

supportare– Si conoscono le esigenze

• Su internet:– Il target non è necessariamente definito– Si conoscono le esigenze,– Bisogna sviluppare per la maggior parte dei browser


http://www.iwa.it/


22


Architettura di un applicazione classica


http://www.iwa.it/


23


Cosa sono i Framework

Sono le fondamenta dell’edilizia del software

Lo scopo di un framework è di risparmiare allo sviluppatore la

riscrittura di codice già steso in precedenza per compiti simili.

Questa circostanza si è presentata sempre più spesso man mano che

le interfacce utente sono diventate sempre più complesse, o più in

generale man mano che è aumentata la quantità di

software con funzionalità secondarie simili.


http://www.iwa.it/


24


Applicazione basata su Framework


http://www.iwa.it/


25


Framework che lavorano nel browser

✔ jQuery, MooTools

✔ Prototype (alla base di script.aculo.us)

✔ JAST

✔ Yui, AxsJS

✔ ExtJS


http://www.iwa.it/


26


Framework che lavorano sul server

• Zend Framework

• Struts

• Springs

• .NET Framework

• ALPHA Framework


http://www.iwa.it/


27


Framework che lavorano in modalità ibrida

• Ruby On Rails

• Microsoft .NET Framework

• Cake PHP, Code Igniter

• ALPHA Framework


http://www.iwa.it/


28


Quanto mi costa?

Lo scopo di un framework è di risparmiare allo sviluppatore la

riscrittura di codice già steso in precedenza per compiti simili.

Questa circostanza si è presentata sempre più spesso man mano

che le interfacce utente sono diventate sempre più complesse, o

più in generale man mano che è aumentata la quantità di

software con funzionalità secondarie simili.

Il costo è determinato dalla complessità dellefunzioni accessorie e della Business Logic


http://www.iwa.it/


29


Suggerimenti per la progettazione di RIA

• Non inventare mai la ruota

• Esiste già un prodotto utile ai nostri scopi?

• Non esiste la perfezione assoluta

• È più economico utilizzare un framework


http://www.iwa.it/

Se seibravo a fare una cosa, mai farla Gratis!


31


Trend Content Management System

http://www.google.com/trends?q=wordpress%2C+joomla%2C+drupal%2C+plone&ctab=0&geo=all&date=all&sort=0

Wordpress 14 – Joomla 13,2 – Drupal 4 – Plone 1


http://www.iwa.it/

http://www.google.com/trends?q=wordpress%2C+joomla%2C+drupal%2C+plone&ctab=0&geo=all&date=all&sort=0


32


Trend Framework Javascript

jQuery 60 – YUI 20 – MooTools 4 – JAST 1

http://www.google.com/trends?q=jquery%2C+mootools%2C+yui%2C+JAST&ctab=0&geo=all&date=all&sort=3


http://www.iwa.it/

http://www.google.com/trends?q=jquery%2C+mootools%2C+yui%2C+JAST&ctab=0%E2%89%A5o=all&date=all&sort=3


33


Trend Framework lato server e ibridiZend Framework 103 – RoR 68 – Code Igniter 1 – CakePHP 38

http://www.google.com/trends?q=zend%2C+Ruby+on+Rails%2C+Code+Igniter%2C+CakePHP&ctab=0&geo=all&date=all&sort=2


http://www.iwa.it/

http://www.google.com/trends?q=zend%2C+Ruby+on+Rails%2C+Code+Igniter%2C+CakePHP&ctab=0&geo=all&date=all&sort=2


34


Qual'è quindi la scelta migliore?

• Dipende

–dalle esigenze e dalla volontà del cliente

–dalle specifiche di progetto e requisiti

applicativi

–dalle proprie competenze


http://www.iwa.it/

Diego La Monica

web: http://diegolamonica.info

email: [email protected]

skype: diego.la.monica

mobile: +39 3337235382


Technology

Siti web, Portali, Rich Internet Application: tendenze e controtendenze