SlideShare una empresa de Scribd logo
 
Agenda Web 2.0: La evolución de la web  AJAX: No, no es un club de fútbol Ruby on Rails: La revolución en el desarrollo web Referencias
Web 2.0: La evolución de la web   Aspectos tecnológicos Es una  actitud , no una tecnología Experiencia del usuario  enriquecida Relanza la web como  plataforma Servicios , no software empaquetado
Web 2.0: La evolución de la web   Aspectos tecnológicos Se usa la internet como un gran  repositorio de API's . Posibilidad de construir aplicaciones que combinan decenas de  servicios web reusables .
Web 2.0: La evolución de la web
Web 2.0: La evolución de la web   Tecnologías surgidas Servicios Web / API's Folksonomías / Tags para contenido AJAX RoR: Ruby on Rails RSS
Web 2.0: La evolución de la web   Aspectos sociales Potencia la inteligencia colectiva Los usuarios controlan su propia data El usuario contribuye con el contenido Sistemas basados en la confianza El conocimiento se hace libre..
Web 2.0: La evolución de la web   Aspectos sociales Autoservicio y participación Descentralización radical Funcionabilidades emergentes Usuarios “activos” y no “pasivos”
 
Web 2.0: La evolución de la web   Nuevas Herramientas Flickr / Odeo / Youtube Gmail / Google Maps Blogs y Sindicación de contenidos Bloglines Del.icio.us Y cientos de otros servicios!
Web 2.0: La evolución de la web   Proveedores de Información Amazon API's Google Adsense API Google Maps API Yahoo API Ebay API Flickr API
AJAX:   No, no es un club de fútbol N o es una tecnología, sino la unión de varias tecnologías Acrónimo para  Asynchronous JavaScript  +  XML Cargar y renderizar una página usando XML ( XMLHttpRequest )
AJAX:   No, no es un club de fútbol Adiós al “ click y espera ” Conexiones a  bases de datos  transparentes  para el usuario. Mejoras en la  usabilidad  e  interacción  del usuario con la aplicación web.
AJAX:   No, no es un club de fútbol Enriquece la experiencia del usuario. Acercamiento a las aplicaciones de escritorio. Puede usarse con cualquier tecnología web ( Ruby on rails , PHP, .NET, Java, Coldfusion y otros).
Ruby on rails  La revolución en el desarrollo web
Ruby on rails :  La revolución en el desarrollo web Basado en el lenguaje Ruby. Es de propósito general, Rails es sólo una de las posibilidades web, y aparte hay Ruby/Qt, Ruby/GNOME y otros. La combinación ganadora de la elegancia de SmallTalk, la facilidad de uso y aprendizaje de Python y el pragmatismo de Perl.
Ruby on rails :  La revolución en el desarrollo web Desarrollo web tradicional Separación de conceptos Duplicación de código Por separado, maduro, pero no muy bien integrado MVC de moda últimamente No hay casi nada preparado para la Web 2.0
Ruby on rails :  La revolución en el desarrollo web Nacimiento de RoR David Heinemeier Hansson (Dinamarca) Programaba en PHP Intentó escribir Rails en PHP pero fracasó miserablemente Necesitaba algo más y un amigo le había  nombrado Ruby y...
Ruby on rails :  La revolución en el desarrollo web Los Cinco Pilares de RoR Productividad máxima Sentido estético Herramientas muy bien integradas (todo > partes) Simplicidad, DRY (Don’t Repeat Yourself) ¡Abajo la configuración, arriba las convenciones!
Ruby on rails :  La revolución en el desarrollo web El Patrón de desarrollo MVC Modelo – Vista - Controlador Creación relativamente nueva (1979) De amplia utilización en el desarrollo de aplicaciones web.
Ruby on rails :  La revolución en el desarrollo web MVC: El Modelo Para acceder a los datos Módulo: ActiveRecord Descubre automáticamente las tablas, los campos y las relaciones entre dichas tablas Se puede personalizar y añadir métodos Se crea con  script/generate model alumno
Ruby on rails :  La revolución en el desarrollo web MVC: El Modelo : Ejemplo class Alumno < ActiveRecord::Base has_many :cursos def es_socio not num_socio.nil? end end
Ruby on rails :  La revolución en el desarrollo web MVC: La Vista Para decidir el aspecto Módulo: Embedded Ruby, erb Ruby embebido en HTML Simple, potente Archivos .rhtml en  app/views/controlador
Ruby on rails :  La revolución en el desarrollo web MVC: La Vista : Ejemplo <h1>Curso:  <%=  @curso.titulo %></h1> <p>Seleccione los alumnos a agregar al curso</p> <%  Alumno.find_all (nil, ’nombre’).each do |a|%> <%=  radio_button (’alumno’, ’elegido’, a.id)%> <% end%>
Ruby on rails :  La revolución en el desarrollo web MVC: El Controlador Para controlar las acciones Módulo: ActionPack Bisagra del MVC Clases de Ruby Un método, una acción
Ruby on rails :  La revolución en el desarrollo web MVC: El Controlador Andamios ( scaffold ) para avanzar más rápido Se crean con   script/generate controller alumno
Ruby on rails :  La revolución en el desarrollo web MVC: El Controlador : Ejemplo class CursoController < ApplicationController scaffold  :curso layout ’base’ def nueva_accion render_text &quot;Nueva acción&quot; end end
Ruby on rails :  La revolución en el desarrollo web Otras comodidades generate (genera código) server (servidor simple para desarrollo) console (consola interactiva) runner (ejecuta trozos de Ruby) breakpointer (engancha con puntos de ruptura)
Ruby on rails :  La revolución en el desarrollo web Otras comodidades rakefile (una especie de Makefile pero en Ruby) stats (estadísticas útiles para el desarrollo) doc (genera documentación automáticamente) test (para ejecutar pruebas funcionales) migrate (para migraciones a otras plataformas)
Referencias  http://www.ruby.org.es http://www.rubyonrails.com http://api.rubyonrails.com http://www.ruby-lang.org http://www.codeonrails.com  (proyecto)
Referencias  Gmail ( www.gmail.com ) Flickr ( www.flickr.com ) Odeo ( www.odeo.com ) Youtube ( www.youtube.com ) Bloglines ( www.bloglines.com ) Netvibes ( www.netvibes.com ) Del.icio.us ( http://del.icio.us )
“ Cuestiona todo, porque una duda es el primer paso hacia el conocimiento” Documento licenciado bajo la  GNU Free Documentation License (GFDL) . http://www.gnu.org/ Se autoriza la copia y distribución por cualquier medio, siempre que se realice bajo esta misma licencia, se mencione al autor original y se incluya esta nota.

Más contenido relacionado

PDF
Jose Rojas Desarrollo Rapido de Aplicaciones con RoR
PPTX
Ruby on rails
PDF
7 Gemas de Ruby on Rails que podrían salvarte el dia
KEY
Ruby on rails
PDF
PHP, casos de éxito y comparativas con otros lenguajes
PPTX
Lenguaje JavaScript parte 1
PPTX
Javascript para principiantes -Introducción
Jose Rojas Desarrollo Rapido de Aplicaciones con RoR
Ruby on rails
7 Gemas de Ruby on Rails que podrían salvarte el dia
Ruby on rails
PHP, casos de éxito y comparativas con otros lenguajes
Lenguaje JavaScript parte 1
Javascript para principiantes -Introducción

La actualidad más candente (19)

ODP
JavaScript desde Cero
PDF
Manual programacion-javascript-parte1
DOCX
Alberto romario creo lópez
PDF
Curso programación páginas web con ASP.NET
PPTX
Desarrollo de Aplicaciones Web con ASP.NET MVC5
PPTX
Mariannacastelo
PPTX
javascript
PDF
Presentacion Joomla Phpconference Barcelona 2009
PDF
Análisis del Whitepaper DB4O
PPSX
Mvc + html5 + css3
PPTX
Informática saaid villa
PPTX
PPTX
DREAMWEAVER
PPTX
Definición y función de lenguaje java script
DOCX
Clase 1 aspnet-para-slide share
ODP
Sin título 1
PPTX
Dreamweaver
PPT
Ajax tsis
PDF
Net Beans
JavaScript desde Cero
Manual programacion-javascript-parte1
Alberto romario creo lópez
Curso programación páginas web con ASP.NET
Desarrollo de Aplicaciones Web con ASP.NET MVC5
Mariannacastelo
javascript
Presentacion Joomla Phpconference Barcelona 2009
Análisis del Whitepaper DB4O
Mvc + html5 + css3
Informática saaid villa
DREAMWEAVER
Definición y función de lenguaje java script
Clase 1 aspnet-para-slide share
Sin título 1
Dreamweaver
Ajax tsis
Net Beans
Publicidad

Destacado (8)

PDF
El Poder De Las Redes Deugarte
PPT
Ponencia
PDF
Prevention of Sexual Harrasment
PDF
Modelos De Negocio En El Sl
PDF
Optovue iVue 510k Summary_TN
PPT
DiseñO Web Centrado En El Usuario
PPT
Presentación Blogger 2.0
PPT
Java Es O No Software Libre
El Poder De Las Redes Deugarte
Ponencia
Prevention of Sexual Harrasment
Modelos De Negocio En El Sl
Optovue iVue 510k Summary_TN
DiseñO Web Centrado En El Usuario
Presentación Blogger 2.0
Java Es O No Software Libre
Publicidad

Similar a Joserojas Web 2.0 (20)

PDF
API REST conceptos (Rails-api)
ODP
Presentación rails 3 Santo Tomás Concepción
PPTX
Tecnologias de desarrollo web
ODP
Presentacion Ruby on Rails en Universidad Autónoma 2009
PDF
Programación Reactiva, Javascript Isomorfo y Meteorjs !
PPTX
Ruby on Rails y AngularJS
PPT
Curso ajax
ODP
Desarrollo de Apps Web en Ruby on Rails
PPT
Web 2.0 Presentacion Examen
PPT
0. Antecedentes Asp
PPTX
La importancia del frontend y backend en un proyecto
PPTX
Tecnologías web.pptx
PPTX
Aplicaciones Web SPA con WebAPI y TypeScript
PDF
Google Web Toolkit (GWT) en entornos empresariales
PPT
Diapositiva Web 2.0
ODP
Python para desarrollo web de ultima generación
PPTX
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
PPTX
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
API REST conceptos (Rails-api)
Presentación rails 3 Santo Tomás Concepción
Tecnologias de desarrollo web
Presentacion Ruby on Rails en Universidad Autónoma 2009
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Ruby on Rails y AngularJS
Curso ajax
Desarrollo de Apps Web en Ruby on Rails
Web 2.0 Presentacion Examen
0. Antecedentes Asp
La importancia del frontend y backend en un proyecto
Tecnologías web.pptx
Aplicaciones Web SPA con WebAPI y TypeScript
Google Web Toolkit (GWT) en entornos empresariales
Diapositiva Web 2.0
Python para desarrollo web de ultima generación
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB

Más de Jose Rojas (13)

PDF
Educación 2.0: La educación del futuro
ODP
Linux Para Usuarios Finales
PPT
Diseño Web Centrado En El Usuario
PDF
Software Libre en la Comunidad Universitaria por Jose Rojas
PDF
Tema1 Lenguajes De Programacion
PDF
Presentacion Fundamentos S L I N I A
PDF
S L Y La Brecha Digital Jose Rojas
ODP
Presentacion Fundamentos S L I N I A
PDF
Diseno Web Centrado En El Usuario
PDF
5154 Tema3 Jose Rojas
PPT
5154 - Tema 1
PDF
5154 - Tema 2
ODP
Desarrollo Colaborativo por Jose Rojas
Educación 2.0: La educación del futuro
Linux Para Usuarios Finales
Diseño Web Centrado En El Usuario
Software Libre en la Comunidad Universitaria por Jose Rojas
Tema1 Lenguajes De Programacion
Presentacion Fundamentos S L I N I A
S L Y La Brecha Digital Jose Rojas
Presentacion Fundamentos S L I N I A
Diseno Web Centrado En El Usuario
5154 Tema3 Jose Rojas
5154 - Tema 1
5154 - Tema 2
Desarrollo Colaborativo por Jose Rojas

Joserojas Web 2.0

  • 1.  
  • 2. Agenda Web 2.0: La evolución de la web AJAX: No, no es un club de fútbol Ruby on Rails: La revolución en el desarrollo web Referencias
  • 3. Web 2.0: La evolución de la web Aspectos tecnológicos Es una actitud , no una tecnología Experiencia del usuario enriquecida Relanza la web como plataforma Servicios , no software empaquetado
  • 4. Web 2.0: La evolución de la web Aspectos tecnológicos Se usa la internet como un gran repositorio de API's . Posibilidad de construir aplicaciones que combinan decenas de servicios web reusables .
  • 5. Web 2.0: La evolución de la web
  • 6. Web 2.0: La evolución de la web Tecnologías surgidas Servicios Web / API's Folksonomías / Tags para contenido AJAX RoR: Ruby on Rails RSS
  • 7. Web 2.0: La evolución de la web Aspectos sociales Potencia la inteligencia colectiva Los usuarios controlan su propia data El usuario contribuye con el contenido Sistemas basados en la confianza El conocimiento se hace libre..
  • 8. Web 2.0: La evolución de la web Aspectos sociales Autoservicio y participación Descentralización radical Funcionabilidades emergentes Usuarios “activos” y no “pasivos”
  • 9.  
  • 10. Web 2.0: La evolución de la web Nuevas Herramientas Flickr / Odeo / Youtube Gmail / Google Maps Blogs y Sindicación de contenidos Bloglines Del.icio.us Y cientos de otros servicios!
  • 11. Web 2.0: La evolución de la web Proveedores de Información Amazon API's Google Adsense API Google Maps API Yahoo API Ebay API Flickr API
  • 12. AJAX: No, no es un club de fútbol N o es una tecnología, sino la unión de varias tecnologías Acrónimo para Asynchronous JavaScript + XML Cargar y renderizar una página usando XML ( XMLHttpRequest )
  • 13. AJAX: No, no es un club de fútbol Adiós al “ click y espera ” Conexiones a bases de datos transparentes para el usuario. Mejoras en la usabilidad e interacción del usuario con la aplicación web.
  • 14. AJAX: No, no es un club de fútbol Enriquece la experiencia del usuario. Acercamiento a las aplicaciones de escritorio. Puede usarse con cualquier tecnología web ( Ruby on rails , PHP, .NET, Java, Coldfusion y otros).
  • 15. Ruby on rails La revolución en el desarrollo web
  • 16. Ruby on rails : La revolución en el desarrollo web Basado en el lenguaje Ruby. Es de propósito general, Rails es sólo una de las posibilidades web, y aparte hay Ruby/Qt, Ruby/GNOME y otros. La combinación ganadora de la elegancia de SmallTalk, la facilidad de uso y aprendizaje de Python y el pragmatismo de Perl.
  • 17. Ruby on rails : La revolución en el desarrollo web Desarrollo web tradicional Separación de conceptos Duplicación de código Por separado, maduro, pero no muy bien integrado MVC de moda últimamente No hay casi nada preparado para la Web 2.0
  • 18. Ruby on rails : La revolución en el desarrollo web Nacimiento de RoR David Heinemeier Hansson (Dinamarca) Programaba en PHP Intentó escribir Rails en PHP pero fracasó miserablemente Necesitaba algo más y un amigo le había nombrado Ruby y...
  • 19. Ruby on rails : La revolución en el desarrollo web Los Cinco Pilares de RoR Productividad máxima Sentido estético Herramientas muy bien integradas (todo > partes) Simplicidad, DRY (Don’t Repeat Yourself) ¡Abajo la configuración, arriba las convenciones!
  • 20. Ruby on rails : La revolución en el desarrollo web El Patrón de desarrollo MVC Modelo – Vista - Controlador Creación relativamente nueva (1979) De amplia utilización en el desarrollo de aplicaciones web.
  • 21. Ruby on rails : La revolución en el desarrollo web MVC: El Modelo Para acceder a los datos Módulo: ActiveRecord Descubre automáticamente las tablas, los campos y las relaciones entre dichas tablas Se puede personalizar y añadir métodos Se crea con script/generate model alumno
  • 22. Ruby on rails : La revolución en el desarrollo web MVC: El Modelo : Ejemplo class Alumno < ActiveRecord::Base has_many :cursos def es_socio not num_socio.nil? end end
  • 23. Ruby on rails : La revolución en el desarrollo web MVC: La Vista Para decidir el aspecto Módulo: Embedded Ruby, erb Ruby embebido en HTML Simple, potente Archivos .rhtml en app/views/controlador
  • 24. Ruby on rails : La revolución en el desarrollo web MVC: La Vista : Ejemplo <h1>Curso: <%= @curso.titulo %></h1> <p>Seleccione los alumnos a agregar al curso</p> <% Alumno.find_all (nil, ’nombre’).each do |a|%> <%= radio_button (’alumno’, ’elegido’, a.id)%> <% end%>
  • 25. Ruby on rails : La revolución en el desarrollo web MVC: El Controlador Para controlar las acciones Módulo: ActionPack Bisagra del MVC Clases de Ruby Un método, una acción
  • 26. Ruby on rails : La revolución en el desarrollo web MVC: El Controlador Andamios ( scaffold ) para avanzar más rápido Se crean con script/generate controller alumno
  • 27. Ruby on rails : La revolución en el desarrollo web MVC: El Controlador : Ejemplo class CursoController < ApplicationController scaffold :curso layout ’base’ def nueva_accion render_text &quot;Nueva acción&quot; end end
  • 28. Ruby on rails : La revolución en el desarrollo web Otras comodidades generate (genera código) server (servidor simple para desarrollo) console (consola interactiva) runner (ejecuta trozos de Ruby) breakpointer (engancha con puntos de ruptura)
  • 29. Ruby on rails : La revolución en el desarrollo web Otras comodidades rakefile (una especie de Makefile pero en Ruby) stats (estadísticas útiles para el desarrollo) doc (genera documentación automáticamente) test (para ejecutar pruebas funcionales) migrate (para migraciones a otras plataformas)
  • 30. Referencias http://www.ruby.org.es http://www.rubyonrails.com http://api.rubyonrails.com http://www.ruby-lang.org http://www.codeonrails.com (proyecto)
  • 31. Referencias Gmail ( www.gmail.com ) Flickr ( www.flickr.com ) Odeo ( www.odeo.com ) Youtube ( www.youtube.com ) Bloglines ( www.bloglines.com ) Netvibes ( www.netvibes.com ) Del.icio.us ( http://del.icio.us )
  • 32. “ Cuestiona todo, porque una duda es el primer paso hacia el conocimiento” Documento licenciado bajo la GNU Free Documentation License (GFDL) . http://www.gnu.org/ Se autoriza la copia y distribución por cualquier medio, siempre que se realice bajo esta misma licencia, se mencione al autor original y se incluya esta nota.