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

SGCE 2012 Lightning Talk-Single Page Interface

on

  • 1,294 views

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.

Statistics

Views

Total Views
1,294
Slideshare-icon Views on SlideShare
1,262
Embed Views
32

Actions

Likes
0
Downloads
7
Comments
0

3 Embeds 32

http://lanyrd.com 18
http://sg.com.mx 11
http://archive.sg.com.mx 3

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

SGCE 2012 Lightning Talk-Single Page Interface SGCE 2012 Lightning Talk-Single Page Interface Presentation Transcript

  • 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 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
  • 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 data with JSON/XML• Send to the server users data
  • ChallengesBookmarkingSearch Engine Optimization (SEO)Services based on page visitsOccasional need of pop-pup windowsResource caching
  • JavaScript Tooling CoffeeScript Google Dart RedHat Ceylon altJS
  • MVC clientBackBone: Models, bindingUnderscore: Functional programming (map, select, etc)HandleBars: Templating EngineRequireJS: Module LoaderPuppet?Jake/NodeJS
  • 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
  • Visits
  • Pages/visit
  • Bounce rate