0
Single Page Interface   Domingo Suarez Torres
AgendaWeb Applications ModelsMVCSingle page interface  ChallengesJavaScript Tooling  JQuery, etc  MicroFrameworks
Web Applications ModelsModel 1: direct translation of the original model of pagesand links, where pages are dynamically ge...
MVCArchitectural design patternUI mostlyFrom desktop to web....
Single Page Interface• JavaScript, CSS, HTML tons in the client• Wire the user interaction with JS• Request the server for...
ChallengesBookmarkingSearch Engine Optimization (SEO)Services based on page visitsOccasional need of pop-pup windowsResour...
JavaScript Tooling CoffeeScript Google Dart RedHat Ceylon altJS
MVC clientBackBone: Models, bindingUnderscore: Functional programming (map, select, etc)HandleBars: Templating EngineRequi...
Real life use case Grails application Rewrite the front end with static HTML Deployed April 11th   Decreased bounce rate  ...
Visits
Pages/visit
Bounce rate
Upcoming SlideShare
Loading in...5
×

SGCE 2012 Lightning Talk-Single Page Interface

1,085

Published on

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.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript of "SGCE 2012 Lightning Talk-Single Page Interface"

    1. 1. Single Page Interface Domingo Suarez Torres
    2. 2. AgendaWeb Applications ModelsMVCSingle page interface ChallengesJavaScript Tooling JQuery, etc MicroFrameworks
    3. 3. Web Applications ModelsModel 1: direct translation of the original model of pagesand links, where pages are dynamically generated.Model 2 o MVC: now links are not directly pointing to aconcrete target page, in this case a controller decidewhat the next page is depending on the operationstaken place in page transition.MVC based on components (Model 3?): is thesophisticated version of Model 2 simulating howdesktop applications work
    4. 4. MVCArchitectural design patternUI mostlyFrom desktop to web....
    5. 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 users data
    6. 6. ChallengesBookmarkingSearch Engine Optimization (SEO)Services based on page visitsOccasional need of pop-pup windowsResource caching
    7. 7. JavaScript Tooling CoffeeScript Google Dart RedHat Ceylon altJS
    8. 8. MVC clientBackBone: Models, bindingUnderscore: Functional programming (map, select, etc)HandleBars: Templating EngineRequireJS: Module LoaderPuppet?Jake/NodeJS
    9. 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. 10. Visits
    11. 11. Pages/visit
    12. 12. Bounce rate
    1. A particular slide catching your eye?

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

    ×