Your SlideShare is downloading. ×
SGCE 2012 Lightning Talk-Single Page Interface
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

SGCE 2012 Lightning Talk-Single Page Interface

1,064
views

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 …

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,064
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript

    • 1. Single Page Interface Domingo Suarez Torres
    • 2. AgendaWeb Applications ModelsMVCSingle page interface ChallengesJavaScript Tooling JQuery, etc MicroFrameworks
    • 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. MVCArchitectural design patternUI mostlyFrom 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 users data
    • 6. ChallengesBookmarkingSearch Engine Optimization (SEO)Services based on page visitsOccasional need of pop-pup windowsResource caching
    • 7. JavaScript Tooling CoffeeScript Google Dart RedHat Ceylon altJS
    • 8. MVC clientBackBone: Models, bindingUnderscore: Functional programming (map, select, etc)HandleBars: Templating EngineRequireJS: Module LoaderPuppet?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

    ×