Cada día se desarrollan tecnologías que aprovechan mejor las capacidades de los navegadores, el soporte para HTML 5 y CSS 3 mejora cada día y se pueden encontrar librerías JavaScript que ofrecen soporte para lo mas moderno u ofrecen un fallback para funcionar en navegadores anticuados. Los usuarios cada vez sufren mas el fenomeno de la inmediatez, si el sitio web tarde en contestar se desesperan y se cierran el tab, perdemos al usuario. Por eso es importante que un sitio sea muy rápido y que ofrezca la información que el usuario busca. En esta charla hablare de como hemos empezado a adoptar Single Page Interface y de los retos que esto significa, como Bookmarking, SEO y otros. Así como de las librerías JavaScript (microframeworks) que evaluamos y que finalmente terminamos usando.

1. Single Page Interface
Domingo Suarez Torres

2. Agenda
Web Applications Models
MVC
Single page interface
Challenges
JavaScript Tooling
JQuery, etc
MicroFrameworks

3. Web Applications Models
Model 1: direct translation of the original model of pages
and links, where pages are dynamically generated.
Model 2 o MVC: now links are not directly pointing to a
concrete target page, in this case a controller decide
what the next page is depending on the operations
taken place in page transition.
MVC based on components (Model 3?): is the
sophisticated version of Model 2 simulating how
desktop applications work

4. MVC
Architectural design pattern
UI mostly
From desktop to web....

5. Single Page Interface
• JavaScript, CSS, HTML tons in the client
• Wire the user interaction with JS
• Request the server for data with JSON/XML
• Send to the server user's data

6. Challenges
Bookmarking
Search Engine Optimization (SEO)
Services based on page visits
Occasional need of pop-pup windows
Resource caching

7. JavaScript Tooling
CoffeeScript
Google Dart
RedHat Ceylon
altJS

8. MVC client
BackBone: Models, binding
Underscore: Functional programming (map, select, etc)
HandleBars: Templating Engine
RequireJS: Module Loader
Puppet?
Jake/NodeJS

9. Real life use case
Grails application
Rewrite the front end with static HTML
Deployed April 11th
Decreased bounce rate
Increased page views per visit
Increased user’s visit time
Increased web site speed load

10. Visits

11. Pages/visit

12. Bounce rate