SGCE 2012 Lightning Talk-Single Page Interface
Download as KEY, PDF0 likes1,348 views
The document discusses the concept of single page interfaces in web applications, focusing on various models such as direct translation, MVC, and component-based MVC. It highlights challenges including bookmarking and SEO, and mentions JavaScript tooling and libraries like Backbone and Handlebars. A real-life case is presented where a Grails application was rewritten to improve website performance metrics significantly.
SGCE 2012 Lightning Talk-Single Page Interface
- 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