SlideShare ist ein Scribd-Unternehmen logo
1 von 19
Downloaden Sie, um offline zu lesen
Universidad de Cartagena AJAX y SU APLICACIÓN EN LA GESTION EMPRESARIAL  Marco Aurelio González Reyes Ingeniería de sistemas Grupo de Investigación  E - Soluciones
Contenido AJAX AJAX y SU APLICACIÓN EN LA GESTION EMPRESARIAL Historia La razón de ser de AJAX Características Aplicaciones Web Tradicionales vs. AJAX Librerías y Apis para AJAX Ejemplos Empresariales Universidad de Cartagena Grupo de Investigación  E - Soluciones
Universidad de Cartagena ¿Qué es ajax? Grupo de Investigación  E - Soluciones
AJAXAsynchronousJavaScript and XML  AJAX es un nuevo enfoque de desarrollo web que garantiza una mayor interactividad y usabilidad de portales web. AJAX es un patrón de diseño que propone un nuevo modelo de interacción Web combinando varias tecnologías.
	Es la única plataforma basada en estándares y que no posee dueño. Pero en la actualidad la W3C, organización encargada de los estándares, trabaja en la estandarización formal de la plataforma. Universidad de Cartagena AJAX Grupo de Investigación  E - Soluciones
Universidad de Cartagena AJAX Es una técnica de desarrollo web que genera aplicaciones web interactivas combinando: XHTML y CSS para la presentación de información. DocumentObjectModel (DOM) para visualizar dinámicamente e interactuar con la información presentada. XML, XSLT para intercambiar y manipular datos, JSON y JSON-RPC pueden ser alternativas a XML/XSLT. XMLHttpRequest para recuperar datos asíncronamente Javascript como nexo de unión de todas estas tecnologías Grupo de Investigación  E - Soluciones
AJAX y SU APLICACIÓN EN LA GESTION EMPRESARIAL 	Dinamizando la Experiencia del Usuario: 	Muchos sitios en internet han mejorado su arquitectura implementando AJAX, con el fin de mejorar la experiencia de los usuarios. Esto permite que la interacción con el usuario sea lo mas dinámica posible, es el caso de los bancos y muchos otros portales web, que han creado sitios R.I.A.
AJAX y SU APLICACIÓN EN LA GESTION EMPRESARIAL 	Aplicativos como CMS, ERP, CRM, ORM, Clientes de Correo, entre otros que apoyan las actividades de gestión empresarial, han implementado AJAX atendiendo a requerimientos no funcionales como la usabilidad.
Universidad de Cartagena Historia Hizo su aparición en el 2005, cuando Jesse James Garret  para darle un nombre al conjunto de técnicas al escribir un articulo cito la palabra AJAX. Entre los browsers el primero sobre el cual se incorporo AJAX fue I.E. 5.0, con el objeto XMLHTTP. Grupo de Investigación  E - Soluciones
La razón de ser de AJAX 	Las aplicaciones web proliferan debido a su simplicidad, pero: Ofrecen una menor interactividad y usabilidad en comparación con las aplicaciones desktop. La interacción del usuario con una aplicación web se interrumpe cada vez que se necesita algo del servidor Universidad de Cartagena Grupo de Investigación  E - Soluciones
Universidad de Cartagena Características Las aplicaciones son más interactivas, responden a las interacciones del usuario más rápidamente. Se reduce el tamaño de la información intercambiada, muchas micro-peticiones, pero el flujo de datos global es inferior Grupo de Investigación  E - Soluciones
Se libera de procesamiento a la parte servidora (se realiza en la parte cliente) AJAX actualiza porciones de la página en vez de la página completa Es necesario asegurarse que una aplicación AJAX funciona en todo navegador, lo mismo que en DHTML Universidad de Cartagena Características Grupo de Investigación  E - Soluciones
El desarrollo web con AJAX no es trivial y difícil de hacer debugging Sin embargo, las frameworks que están emergiendo simplifican el desarrollo web basado en AJAX Universidad de Cartagena Características Grupo de Investigación  E - Soluciones
Universidad de Cartagena Aplicaciones WebTradicionales vs. AJAX  Grupo de Investigación  E - Soluciones
Universidad de Cartagena Universidad de Cartagena Aplicaciones WebTradicionales vs. AJAX  	Las aplicaciones web tradicionales: Requieren que el usuario rellene formularios y haga un POST, el servidor web procesa los datos enviados y genera una página web. Mientras el servidor realiza cierto procesamiento, el usuario ha de esperar En ocasiones el HTML de una página a la siguiente varía muy ligeramente. 	AJAX Solamente envía peticiones a los servidores vía HTTP y procesa la información recuperada (únicamente la necesitada) mediante JavaScript. Grupo de Investigación  E - Soluciones Grupo de Investigación  E - Soluciones
Librerías y Apis para AJAX Prototype, JQuery, Scriptaculous Dojo, Dijit, Google Web Toolkit Microsoft AJAX Library SAJAX, XAJAX, PAJAX DWR, JMaki, ICEfaces Universidad de Cartagena Grupo de Investigación  E - Soluciones
Ejemplos Empresariales Universidad de Cartagena Grupo de Investigación  E - Soluciones
Universidad de Cartagena “AJAX el corazón de la WEB 2.0” González, M. A. R. Grupo de Investigación  E - Soluciones
Universidad de Cartagena GRACIAS Grupo de Investigación  E - Soluciones

Weitere ähnliche Inhalte

Andere mochten auch

Yves Doyon homme d’affaires
Yves Doyon homme d’affairesYves Doyon homme d’affaires
Yves Doyon homme d’affairesYves Doyon
 
Mis viejitos...uff prohibido llorar
Mis viejitos...uff prohibido llorarMis viejitos...uff prohibido llorar
Mis viejitos...uff prohibido llorarAlex Granda
 
Derecho inte y otras disc
Derecho inte y otras discDerecho inte y otras disc
Derecho inte y otras discElena Tapias
 
Comunidad y soc internac
Comunidad y soc internacComunidad y soc internac
Comunidad y soc internacElena Tapias
 
(Web semántica y educación)
(Web semántica y educación)(Web semántica y educación)
(Web semántica y educación)Helena1951
 
Communauté onepoint - Stratégie IT & Architecture d'Entreprise
Communauté onepoint - Stratégie IT & Architecture d'EntrepriseCommunauté onepoint - Stratégie IT & Architecture d'Entreprise
Communauté onepoint - Stratégie IT & Architecture d'EntrepriseGroupeONEPOINT
 
Logiciel compte-personnel-prevention-penibilite-dads-dsn
Logiciel compte-personnel-prevention-penibilite-dads-dsnLogiciel compte-personnel-prevention-penibilite-dads-dsn
Logiciel compte-personnel-prevention-penibilite-dads-dsnYann Lucas
 
Présentation1
Présentation1Présentation1
Présentation1hyst3r3s1s
 
Citadel of the orcs
Citadel of the orcsCitadel of the orcs
Citadel of the orcsReefcube
 
WONEJOS. Le droit au vote
WONEJOS. Le droit au voteWONEJOS. Le droit au vote
WONEJOS. Le droit au voteshaulrodriguez
 
La pose d'une fenêtre pvc en rénovation
La pose d'une fenêtre pvc en rénovationLa pose d'une fenêtre pvc en rénovation
La pose d'une fenêtre pvc en rénovationGENICIMO
 
Fête autrement. La fête comme remise en question du quotidien
Fête autrement. La fête comme remise en question du quotidienFête autrement. La fête comme remise en question du quotidien
Fête autrement. La fête comme remise en question du quotidiensegui morgan
 
Raboter avec un rabot electrique
Raboter avec un rabot electriqueRaboter avec un rabot electrique
Raboter avec un rabot electriqueGENICIMO
 
Human Talks Jasmine
Human Talks JasmineHuman Talks Jasmine
Human Talks Jasminemanudwarf
 

Andere mochten auch (20)

Lenguaje objective c
Lenguaje objective cLenguaje objective c
Lenguaje objective c
 
Yves Doyon homme d’affaires
Yves Doyon homme d’affairesYves Doyon homme d’affaires
Yves Doyon homme d’affaires
 
Enquête sur la structure des exploitations agricoles en 2013
Enquête sur la structure des exploitations agricoles en 2013Enquête sur la structure des exploitations agricoles en 2013
Enquête sur la structure des exploitations agricoles en 2013
 
Mis viejitos...uff prohibido llorar
Mis viejitos...uff prohibido llorarMis viejitos...uff prohibido llorar
Mis viejitos...uff prohibido llorar
 
Derecho inte y otras disc
Derecho inte y otras discDerecho inte y otras disc
Derecho inte y otras disc
 
Terra Alta
Terra AltaTerra Alta
Terra Alta
 
Comunidad y soc internac
Comunidad y soc internacComunidad y soc internac
Comunidad y soc internac
 
(Web semántica y educación)
(Web semántica y educación)(Web semántica y educación)
(Web semántica y educación)
 
Communauté onepoint - Stratégie IT & Architecture d'Entreprise
Communauté onepoint - Stratégie IT & Architecture d'EntrepriseCommunauté onepoint - Stratégie IT & Architecture d'Entreprise
Communauté onepoint - Stratégie IT & Architecture d'Entreprise
 
Ciudadanía y poder
Ciudadanía y poderCiudadanía y poder
Ciudadanía y poder
 
Logiciel compte-personnel-prevention-penibilite-dads-dsn
Logiciel compte-personnel-prevention-penibilite-dads-dsnLogiciel compte-personnel-prevention-penibilite-dads-dsn
Logiciel compte-personnel-prevention-penibilite-dads-dsn
 
Présentation1
Présentation1Présentation1
Présentation1
 
Cesar (1)
Cesar (1)Cesar (1)
Cesar (1)
 
Citadel of the orcs
Citadel of the orcsCitadel of the orcs
Citadel of the orcs
 
WONEJOS. Le droit au vote
WONEJOS. Le droit au voteWONEJOS. Le droit au vote
WONEJOS. Le droit au vote
 
La pose d'une fenêtre pvc en rénovation
La pose d'une fenêtre pvc en rénovationLa pose d'une fenêtre pvc en rénovation
La pose d'une fenêtre pvc en rénovation
 
Fête autrement. La fête comme remise en question du quotidien
Fête autrement. La fête comme remise en question du quotidienFête autrement. La fête comme remise en question du quotidien
Fête autrement. La fête comme remise en question du quotidien
 
Dossier de production 2
Dossier de production 2Dossier de production 2
Dossier de production 2
 
Raboter avec un rabot electrique
Raboter avec un rabot electriqueRaboter avec un rabot electrique
Raboter avec un rabot electrique
 
Human Talks Jasmine
Human Talks JasmineHuman Talks Jasmine
Human Talks Jasmine
 

Ähnlich wie AJAX gestión empresarial (20)

Ajax
AjaxAjax
Ajax
 
IntroduccióN Ajax
IntroduccióN AjaxIntroduccióN Ajax
IntroduccióN Ajax
 
AJAX
AJAXAJAX
AJAX
 
Presentacion Monografia
Presentacion MonografiaPresentacion Monografia
Presentacion Monografia
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 
Ajax
AjaxAjax
Ajax
 
Herramientas web "Ajax"
Herramientas web "Ajax"Herramientas web "Ajax"
Herramientas web "Ajax"
 
Taller 3 conexion
Taller 3 conexionTaller 3 conexion
Taller 3 conexion
 
Ajax
AjaxAjax
Ajax
 
Uts Lenguaje Ajax
Uts Lenguaje AjaxUts Lenguaje Ajax
Uts Lenguaje Ajax
 
Uts Lenguaje Ajax
Uts Lenguaje AjaxUts Lenguaje Ajax
Uts Lenguaje Ajax
 
Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009Comparación Web 1.0 y Web 2.0_eproanio2009
Comparación Web 1.0 y Web 2.0_eproanio2009
 
Web20
Web20Web20
Web20
 
AJAX
AJAXAJAX
AJAX
 
Aplicaciones Web
Aplicaciones WebAplicaciones Web
Aplicaciones Web
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Taller Ajax en Asp EXPOASI
Taller Ajax en Asp EXPOASITaller Ajax en Asp EXPOASI
Taller Ajax en Asp EXPOASI
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 
¿Qué es ajax?
¿Qué es ajax?¿Qué es ajax?
¿Qué es ajax?
 

AJAX gestión empresarial

  • 1. Universidad de Cartagena AJAX y SU APLICACIÓN EN LA GESTION EMPRESARIAL Marco Aurelio González Reyes Ingeniería de sistemas Grupo de Investigación E - Soluciones
  • 2. Contenido AJAX AJAX y SU APLICACIÓN EN LA GESTION EMPRESARIAL Historia La razón de ser de AJAX Características Aplicaciones Web Tradicionales vs. AJAX Librerías y Apis para AJAX Ejemplos Empresariales Universidad de Cartagena Grupo de Investigación E - Soluciones
  • 3. Universidad de Cartagena ¿Qué es ajax? Grupo de Investigación E - Soluciones
  • 4. AJAXAsynchronousJavaScript and XML AJAX es un nuevo enfoque de desarrollo web que garantiza una mayor interactividad y usabilidad de portales web. AJAX es un patrón de diseño que propone un nuevo modelo de interacción Web combinando varias tecnologías.
  • 5. Es la única plataforma basada en estándares y que no posee dueño. Pero en la actualidad la W3C, organización encargada de los estándares, trabaja en la estandarización formal de la plataforma. Universidad de Cartagena AJAX Grupo de Investigación E - Soluciones
  • 6. Universidad de Cartagena AJAX Es una técnica de desarrollo web que genera aplicaciones web interactivas combinando: XHTML y CSS para la presentación de información. DocumentObjectModel (DOM) para visualizar dinámicamente e interactuar con la información presentada. XML, XSLT para intercambiar y manipular datos, JSON y JSON-RPC pueden ser alternativas a XML/XSLT. XMLHttpRequest para recuperar datos asíncronamente Javascript como nexo de unión de todas estas tecnologías Grupo de Investigación E - Soluciones
  • 7. AJAX y SU APLICACIÓN EN LA GESTION EMPRESARIAL Dinamizando la Experiencia del Usuario: Muchos sitios en internet han mejorado su arquitectura implementando AJAX, con el fin de mejorar la experiencia de los usuarios. Esto permite que la interacción con el usuario sea lo mas dinámica posible, es el caso de los bancos y muchos otros portales web, que han creado sitios R.I.A.
  • 8. AJAX y SU APLICACIÓN EN LA GESTION EMPRESARIAL Aplicativos como CMS, ERP, CRM, ORM, Clientes de Correo, entre otros que apoyan las actividades de gestión empresarial, han implementado AJAX atendiendo a requerimientos no funcionales como la usabilidad.
  • 9. Universidad de Cartagena Historia Hizo su aparición en el 2005, cuando Jesse James Garret para darle un nombre al conjunto de técnicas al escribir un articulo cito la palabra AJAX. Entre los browsers el primero sobre el cual se incorporo AJAX fue I.E. 5.0, con el objeto XMLHTTP. Grupo de Investigación E - Soluciones
  • 10. La razón de ser de AJAX Las aplicaciones web proliferan debido a su simplicidad, pero: Ofrecen una menor interactividad y usabilidad en comparación con las aplicaciones desktop. La interacción del usuario con una aplicación web se interrumpe cada vez que se necesita algo del servidor Universidad de Cartagena Grupo de Investigación E - Soluciones
  • 11. Universidad de Cartagena Características Las aplicaciones son más interactivas, responden a las interacciones del usuario más rápidamente. Se reduce el tamaño de la información intercambiada, muchas micro-peticiones, pero el flujo de datos global es inferior Grupo de Investigación E - Soluciones
  • 12. Se libera de procesamiento a la parte servidora (se realiza en la parte cliente) AJAX actualiza porciones de la página en vez de la página completa Es necesario asegurarse que una aplicación AJAX funciona en todo navegador, lo mismo que en DHTML Universidad de Cartagena Características Grupo de Investigación E - Soluciones
  • 13. El desarrollo web con AJAX no es trivial y difícil de hacer debugging Sin embargo, las frameworks que están emergiendo simplifican el desarrollo web basado en AJAX Universidad de Cartagena Características Grupo de Investigación E - Soluciones
  • 14. Universidad de Cartagena Aplicaciones WebTradicionales vs. AJAX Grupo de Investigación E - Soluciones
  • 15. Universidad de Cartagena Universidad de Cartagena Aplicaciones WebTradicionales vs. AJAX Las aplicaciones web tradicionales: Requieren que el usuario rellene formularios y haga un POST, el servidor web procesa los datos enviados y genera una página web. Mientras el servidor realiza cierto procesamiento, el usuario ha de esperar En ocasiones el HTML de una página a la siguiente varía muy ligeramente. AJAX Solamente envía peticiones a los servidores vía HTTP y procesa la información recuperada (únicamente la necesitada) mediante JavaScript. Grupo de Investigación E - Soluciones Grupo de Investigación E - Soluciones
  • 16. Librerías y Apis para AJAX Prototype, JQuery, Scriptaculous Dojo, Dijit, Google Web Toolkit Microsoft AJAX Library SAJAX, XAJAX, PAJAX DWR, JMaki, ICEfaces Universidad de Cartagena Grupo de Investigación E - Soluciones
  • 17. Ejemplos Empresariales Universidad de Cartagena Grupo de Investigación E - Soluciones
  • 18. Universidad de Cartagena “AJAX el corazón de la WEB 2.0” González, M. A. R. Grupo de Investigación E - Soluciones
  • 19. Universidad de Cartagena GRACIAS Grupo de Investigación E - Soluciones