Frameworks per WebApplication:
analisi e confronto attraverso lo sviluppo di un
caso di studio
di Claudio Mignanti
Relator...
• Sviluppo Web App: Generazione Chef
• Analisi e uso, in un'applicazione reale, di
diversi framework al fine di valutarli
...
Caratteristiche delle Web Application
Un applicativo sviluppato in un linguaggio supportato
dai browser (generalmente Java...
Motivazioni delle Web Application
● Esperienza utente accattivante
● Sfruttamento della capacità computazionale
dei client...
Architettura Web Application
Pagine composte Server Side Viste renderizzate Client Side
JSP+JSTL
SYMFONY PHP
ASP .NET MVC BackBone
AngularJS
Javascript...
Vantaggi delle web application
1. Interfaccia utente dinamica e fluida,
possibilità di animazione, user feedback
2. Riduzi...
Architettura di Generazione Chef
Tecnologie utilizzate
Backbone.js gives structure
to web applications by
providing models with key-
value binding and cust...
Tecnologie utilizzate
Underscore is a utility-belt
library for JavaScript that
provides a lot of the
functional programmin...
Tecnologie utilizzate
RequireJS is a JavaScript
file and module loader. It is
optimized for in-browser
use, but it can be ...
Interfaccia utente - un esempio
Interfaccia utente - un esempio
Interfaccia utente - un esempio
Interfaccia utente - un esempio
Interfaccia utente - un esempio
Server HTTP JS
DOM
click
API REST
Categoria
JSONObjs
Render
View
Confronto tra framework JS
Pro:
●
Precursore della
categoria
●
Abbondanza di plugin
Contro:
●
Richiede altre librerie
●
No...
Conclusioni
• Lo sviluppo di WebApp è più oneroso rispetto
all'equivalente sito web servito via server
• Le API REST posso...
Upcoming SlideShare
Loading in...5
×

Presentazione tirocinio

248

Published on

WebApp Backbone/AngularJS

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
248
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Presentazione tirocinio

  1. 1. Frameworks per WebApplication: analisi e confronto attraverso lo sviluppo di un caso di studio di Claudio Mignanti Relatore: Ivano Salvo 16 Luglio 2013
  2. 2. • Sviluppo Web App: Generazione Chef • Analisi e uso, in un'applicazione reale, di diversi framework al fine di valutarli • Incremento knowhow tecnologico aziendale Obiettivi lavoro svolto
  3. 3. Caratteristiche delle Web Application Un applicativo sviluppato in un linguaggio supportato dai browser (generalmente Javascript) il quale sfrutta l'abilità del browser di modificare la visualizzazione della pagina al fine di mostrare l'esecuzione dell'applicazione stessa.
  4. 4. Motivazioni delle Web Application ● Esperienza utente accattivante ● Sfruttamento della capacità computazionale dei client Pagine composte Server Side Viste renderizzate Client Side JSP+JSTL SYMFONY PHP ASP .NET MVC BackBone AngularJS Javascript MVC
  5. 5. Architettura Web Application
  6. 6. Pagine composte Server Side Viste renderizzate Client Side JSP+JSTL SYMFONY PHP ASP .NET MVC BackBone AngularJS Javascript MVC Differenze concettuali ● Pagine servite staticamente all'interno di una singola richiesta/risposta HTTP ● Interattività client side con jQuery per la manipolazione del DOM e le chiamate AJAX ● Dati per le view serviti tramite API REST ● Applicativo servito staticamente per tutti i client
  7. 7. Vantaggi delle web application 1. Interfaccia utente dinamica e fluida, possibilità di animazione, user feedback 2. Riduzione carico server 3. Comune interfaccia REST tra l'applicativo web e le applicazioni native mobili
  8. 8. Architettura di Generazione Chef
  9. 9. Tecnologie utilizzate Backbone.js gives structure to web applications by providing models with key- value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
  10. 10. Tecnologie utilizzate Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects. It's the tie to go along with jQuery's tux, and Backbone.js's suspenders.
  11. 11. Tecnologie utilizzate RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code.
  12. 12. Interfaccia utente - un esempio
  13. 13. Interfaccia utente - un esempio
  14. 14. Interfaccia utente - un esempio
  15. 15. Interfaccia utente - un esempio
  16. 16. Interfaccia utente - un esempio Server HTTP JS DOM click API REST Categoria JSONObjs Render View
  17. 17. Confronto tra framework JS Pro: ● Precursore della categoria ● Abbondanza di plugin Contro: ● Richiede altre librerie ● Non è strutturato per grandi progetti Pro: ● Ben ingegnerizzato ● Snello – meno codice ● Robusto e scalabile Contro: ● Curva apprendimento più ripida – maggior astrazione concettuale
  18. 18. Conclusioni • Lo sviluppo di WebApp è più oneroso rispetto all'equivalente sito web servito via server • Le API REST possono essere riusate per dispositivi mobili • Lo sforzo di apprendimento iniziale di Angular è velocemente ripagato dal minor uso di librerie accessorie
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×