Seconda parte del mio intervento all'incontro Siti web istituzionali.
Messina, 28 aprile 2011.
Argomenti: porte aperte sul web, CMS open source per la scuola
Seconda parte del mio intervento all'incontro Siti web istituzionali.
Messina, 28 aprile 2011.
Argomenti: porte aperte sul web, CMS open source per la scuola
Introduzione ai sistemi di Content Management System (CMS)Antonio Musarra
Un Content Management System, in acronimo CMS, letteralmente "sistema di gestione dei contenuti", è uno strumento software installato su un server web studiato per facilitare la gestione dei contenuti di siti web, svincolando l'amministratore da conoscenze tecniche di programmazione.
L'ambiente di lavoro del futuro: un'analisi del coworking - TesiGiulia S
Tesi di laurea triennale in Psicologia a Torino, ambito Psicologia del Lavoro.
Analizzando le specificità delle generazioni che condividono gli ambienti, le motivazioni economiche alla base della riorganizzazione degli spazi di lavoro e le possibilità offerte dalla tecnologia mobile e distribuita si giungerà a considerare il co-working come l'evoluzione naturale degli uffici. Si fornirà poi una panoramica sull'evoluzione dell'economia, in un ottica anch'essa collaborativa, basata sui servizi invece che sui prodotti.
Slides dalle lezioni del corso di Strumenti e applicazioni del Web per il corso di laurea magistrale in Teoria e tecnologia della comunicazione - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 18 marzo 2015
Introduction to Blazor and WebAssembly in Christmas sauce. In this session we will see how to create a small demonstration application to send Christmas greetings.
Slides delle lezioni del corso di Strumenti e applicazioni Web per il corso di laurea magistrale in teoria e tecnologia della comunicazione - Università di Milano Bicocca (prof.R.Polillo) - Lezione del 20 marzo 2014
In questa sessione faremo una panoramica a 360 gradi su Blazor, la nuovissima tecnologia Microsoft nata da una (geniale :-) idea di Steve Sanderson per lo sviluppo di applicazioni Web client basate su WebAssembly.
Nell'introduzione parlemermo brevemente di WebAssembly, spiegando di cosa si tratta e del perché questa tecnologia abbia tutte le premesse per portare uno dei più grandi "disruptive changes" nel modo di sviluppare applicazioni Web client. Passeremo poi a Blazor esaminandone prima gli aspetti architetturali e procedendo con un behind the scenes per svelare in che modo avviene la "magia" dell'interazione con il browser. Verranno poi presentate le feature che questa tecnologia offre (template project su VS, components, layouts, binding, dependency injection, hosting) sia attraverso slides che, di pari passo, con delle demo di un'applicazione funzionante realizzata in Blazor. Vedremo poi quali sono le problematiche legate a performance, deployment e distribuzione parlando delle possibili future ottimizzazioni. Infine chiuderemo con un confronto tra Blazor e i maggiori framework ora in uso per lo sviluppo di applicazioni Web client (Angular, Vue, Knockout, ecc.) e con alcune considerazioni sull'impatto che Blazor e tecnologie simili potrebbe avere a cascata per lo sviluppo Web futuro, in una sorta di "butterfly effect" nel mondo Web client.
In questa sessione andremo in dettaglio sul come poter migliorare le nostre applicazioni ASP.NET dal punto delle vista delle performance: Come capire dove interventire? Cosa possiamo migliorare? A cosa dobbiamo prestare attenzione? E nel caso di un'applicazione esistente, dove possiamo intervenire per migliorarla ulteriormente?
Lezione WordPress Università degli Studi di Milano: Installazione e Gestionealessandro gasparotto
Slide della lezione di WordPress fatta presso l'Università degli Studi di Milano. Nelle slide viene presentato WordPress, le potenzialità, l'installazione in locale e remoto e l'intera gestione del sistema. La guida è stata sviluppata e destinata ad utenti alla prime armi con questo potente strumento.
1. Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di Strumenti e applicazioni del Web
7. Le applicazioni Web e i CMS
Giuseppe Vizzari
Edizione 2015-16
2. Queste slide
Queste slide fanno parte del corso “Strumenti e applicazioni del Web”. Il sito del
corso, con il materiale completo, si trova in
strumentiapplicazioniweb.wordpress.com. Data la rapida evoluzione della rete, il
corso viene aggiornato ogni anno.
Il presente materiale è pubblicato con licenza Creative Commons
“Attribuzione - Non commerciale - Condividi allo stesso modo – 3.0”
(http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it ):
La licenza non si estende alle immagini provenienti da altre fonti e alle
screen shot, i cui diritti restano in capo ai rispettivi proprietari, che, ove
possibile, sono stati indicati. L'autore si scusa per eventuali omissioni, e resta
a disposizione per correggerle.
3. Applicazioni Web
• Oltre che "navigare", l'utente deve poter "interagire" con un sito,
fornendo dei dati che il sito elaborerà fornendo le risposte
opportune
• Nell’impostazione del Web 2.0 l’idea è che l’utente deve poter
contribuire o addirittura costruire un sito web
• Non solo "Web site" ma "Web application"
3
4. Applicazioni Web: script client-side
4
HTTP
internet
Browser
Web
server
HTML con script
client-side
HTML con programmi
client-side
Esecutore dei
programmi client-side
Esempi:
• Javascript (script interpretati) con librerie DOM
• Applet Java (codice precompilato interpretato da
JVM (Java Virtual Machine)
• Ajax (rende asincrona l'interazione col server)
AJAX Engine
5. Programmazione lato client
• JavaScript (creato da Netscape, 1995)
Semplice linguaggio di scripting, inserito nel codice HTML e (standardizzato
da ECMA col nome di ECMAScript)
Interpretato da una Javascript Engine
• DOM (Document Object Model)
Librerie di funzioni associate a Javascript, per la manipolazione delle pagine e
degli elementi dell'interfaccia del browser
• Applet Java (Java: linguaggio a oggetti creato da Sun, 1995)
Programmi già compilati in codice intermedio ("bytecode"), che viene eseguito
da una Java Virtual Machine.
Devono essere inviati dal server, e quindi per motivi di sicurezza non hanno
accesso al file system del client (Sandbox).
• AJAX (Asynchronous JavaScript and XML)
Un gruppo di tecnologie e metodi che rendono asincrone la gestione della
interazione con l'utente e il dialogo con il web server
5
6. Applicazioni Web: script client-side
6
HTTP
internet
Browser
Web
server
HTML con script
client-side
Esecutore dei
programmi client-side
Sandbox: in questo contesto, si intende un meccanismo
per mantenere separati gli script dalle risorse del client
(memoria, memoria persistente). Non è detto che i diversi
esecutori di script client-side siano davvero efficaci in
questo senso… sistemi open source danno maggiore
affidabilità (trasparenza)
AJAX Engine
9. Applicazioni Web: script server-side
(pagine dinamiche)
9
HTTP
internet
Browser
Web
server
HTML con programmi
server- e client-side
HTML con script
client-side
Esempi:
• script PHP (Personal Home Page Tools)
• script JSP (Java Server Pages)
• Servlet Java
• …
Codice generato
server-side
Esecutore di
programmi server-side
Codice server-side
10. La trasmissione dei dati di input
10
HTTP
Web
server
HTML
HTTP e HTML forniscono degli strumenti per richiedere dati
all'utente e trasmetterli al Web server
GET (URL)
1
HTML
PUT
2
Nome:
OK
3
5
GET URL', Nome=mario
4
Scrive "Mario"
e preme OK
6
Elaborazione dati e
produzione / invio di
una nuova pagina
12. AJAX (Asynchronous JavaScript and
XML)
12Da leggere: http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications
13. Architetture a più livelli ("multi-tier")
13
HTTP
internet
Browser
Web
server HTML con script
client-side
Pagine generate
dinamicamente
Application
server
db
server
Data base
14. Come “installare” un sito Web?
14
HTTP
internet
Browser
Web
server
Pagine
web
Editor
HTTP
FTP
HTML
Es.:
Dreamweaver
Una soluzione elementare
19. CMS: tipologie
19
Codice proprietario Codice aperto
(open source)
Codice
preinstallato
(server di
terza parte)
Codice da
installare
(necessità di
un server)
“Online site builders”
Es.:
blogger (Google)
Weebly, Webs,
Ning, Socialgo, …
Es.:
www.wordpress.com
….
Es.:
wordpress
Joomla
drupal
(ne esistono, ma
sono molto meno
interessanti…
esempio: il sito di
Ateneo)
20. CMS: tipologie
20
Codice proprietario Codice aperto
(open source)
Codice
preinstallato
(server di
terza parte)
Codice da
installare
(necessità di
un server)
“Online site builders”
Es.:
blogger (Google)
Weebly, Webs,
Ning, Socialgo, …
Es.:
www.wordpress.com
….
Es.:
wordpress
Joomla
drupal
(ne esistono, ma
sono molto meno
interessanti…)
Domanda legittima, anzi,
quasi obbligatoria…
come si collocano i
cosidetti Wiki in questo
schema?
Ne riparleremo…
21. Online site builders
• Applicazioni proprietarie che permettono di costruire e
pubblicare siti web interamente on-line, senza necessità
di programmazione
• Il sito può essere personalizzato in vari modi: scelta del
tema grafico, uso di widget, … A volte si può
personalizzare il codice o modificare i CSS
• Quasi sempre a pagamento (canone mensile), a volte
servizi di base gratuiti
• Esempi:
Per blog: www.blogger.com (di Google, gratuito), …
Per siti: www.weebly.com, www.webs.com, …
Per social networks: www.ning.com, www.socialgo.com,
…
21
22. CMS open source
•Si deve scaricare il software e installarlo su un
server (proprio o di un provider)
•Si rivolgono a utenti più esperti, e sono più
flessibili
•Esempi:
• WordPress (www.wordpress.org)
Molto semplice da usare, molto ricco di plugin pronti all’uso.
Esiste anche una versione online semplificata:
www.wordpress.com (funzionalmente limitata, molto diffusa:
http://en.wordpress.com/stats/ )
• Joomla (www.joomla.org)
Più complesso
• Drupal (www.drupal.org)
Più complesso
R.Polillo -
Marzo
2015
22
23. WordPress
•Il CMS open source più diffuso
•Nato per realizzare blog nel 2003 sulla base di
un precedente sistema del 2001, ora permette
di realizzare anche siti molto sofisticati
•Grande community che ne sviluppa
l'ecosistema
•Facile da usare, può essere personalizzato
anche in modo molto sofisticato (HTML, PHP,
MySQL)
•http://en.wikipedia.org/wiki/WordPress
23
30. Esempi realizzati con WordPress
Versione .com:
•https://strumentiapplicazioniweb.wordpress.com/
•http://www.corsow.wordpress.com
Versione scaricabile:
•http://www.rpolillo.it
•http://www.stylenest.co.uk
•http://mosaic-consulting.com
30