SlideShare una empresa de Scribd logo
UNIDAD 3
AJAX
Presenta:
Dávila García Beatriz Ivonne – 10410169
Escárcega Enriquez Jesús Javier – 10410567
Ingeniería en Sistemas Computacionales
1
jueves, 8 de mayo
de 2014
 Objetivo de la actividad.
Realizar una actividad para comprender la exposición del
primer acercamiento a AJAX.
 Agenda
13. Mostrar un gif animado mientras se envían y reciben los
datos del servidor.
14. Paginación con AJAX.
15. Controlador de tipo select.
2
jueves, 8 de mayo
de 2014
Mostrar un gif animado mientras se envían y
reciben los datos del servidor.
 Hasta ahora mientras se actualiza la página
mostramos un texto: 'Procesando...', es muy común
utilizar un gif animado que represente tal
operación.
3
jueves, 8 de mayo
de 2014
Mostrar un gif animado mientras se envían y
reciben los datos del servidor.
 Haremos una serie de páginas que nos permitan enviar los
datos cargados en un formulario al servidor en forma
asincrónica y mostraremos un gif animado mientras dura el
envío de datos. El formulario solicitará que ingrese el nombre
y sus comentarios.
4
jueves, 8 de mayo
de 2014
Código HTML
5
jueves, 8 de mayo
de 2014
Código JavaScript
6
jueves, 8 de mayo
de 2014
JavaScript
7
jueves, 8 de mayo
de 2014
JavaScript
8
jueves, 8 de mayo
de 2014
PHP
9
jueves, 8 de mayo
de 2014
13. Ejemplo mostrar gif animado
10
jueves, 8 de mayo
de 2014
14. Paginación con AJAX
 Un lugar donde puede ayudar el uso de AJAX es en la
paginación de datos mientras otro recurso en la página se
está ejecutando. Confeccionaremos una página que muestre
un video e inmediatamente en la parte inferior mostraremos
los comentarios del video paginados.
 Sin utilizar AJAX estamos obligados a recargar completamente
la página lo que haría imposible ver el video y recorrer los
comentarios en forma completa (considerando que solo parte
de los comentarios están en la página)
11
jueves, 8 de mayo
de 2014
14. Ejemplo Paginación con AJAX
 Simulador (Cuando presiona el botón "ejecutar el programa"
se graban todos los cuadros de texto y se ejecuta el primero
de la lista mostrando en una página el resultado.)
 Confeccionar una página que muestre un video e
inmediatamente en la parte inferior mostrar los comentarios
del video paginados. Actualizar los datos de cada página en
forma asíncrona.
12
jueves, 8 de mayo
de 2014
Código HTML
13
jueves, 8 de mayo
de 2014
Código Javascript
14
jueves, 8 de mayo
de 2014
Código PHP
15
jueves, 8 de mayo
de 2014
Código PHP
16
jueves, 8 de mayo
de 2014
Código PHP
17
jueves, 8 de mayo
de 2014
Código PHP
18
jueves, 8 de mayo
de 2014
14. Ejemplo Paginación con AJAX
19
jueves, 8 de mayo
de 2014
15.Cargar un control de tipo Select
 Confeccionaremos un problema que contenga dos controles
de tipo select. En el primero almacenaremos una lista de
carreras de estudio ("Analista de
Sistemas","Telecomunicaciones" y "WebMaster")
 Cuando se seleccione una carrera enviaremos una petición al
servidor para que retorne todas las materias que tiene esa
carrera y procederemos a la carga del segundo select.
20
jueves, 8 de mayo
de 2014
15. Ejemplo
 Simulador (Cuando presiona el botón "ejecutar el programa"
se graban todos los cuadros de texto y se ejecuta el primero
de la lista mostrando en una página el resultado.)
 Confeccionaremos un problema que contenga dos controles
de tipo select. En el primero almacenar una lista de carreras
de estudio ("Analista de Sistemas","Telecomunicaciones" y
"WebMaster") y en el segundo los nombres de las materias de
la carrera seleccionada. Rescatar los datos del servidor en el
momento que se selecciona una carrera.
21
jueves, 8 de mayo
de 2014
Código HTML
22
jueves, 8 de mayo
de 2014
Código Javascript
23
jueves, 8 de mayo
de 2014
Código Javascript
24
jueves, 8 de mayo
de 2014
Código PHP
25
jueves, 8 de mayo
de 2014
Cargar un control de Tipo Select
26
jueves, 8 de mayo
de 2014
 Contratiempos presentados al realizar la actividad.
Se desconocía del funcionamiento exacto de algunas
funciones y métodos.
 Opinión acerca de la dificultad de la actividad y el tiempo y
formato de entrega.
Consideramos ambas cosas adecuadas.
 Tiempo aproximado de realización (en horas).
El tiempo aproximado para realizar la actividad fue de 8 horas
aproximadamente.
27
jueves, 8 de mayo
de 2014
 Ajax es una herramienta bastante útil que viene a
revolucionar la interacción que se tiene con las
aplicaciones web pues gracias a esto se evita
perder tiempo en espera de respuesta de alguna
búsqueda o simplemente se puede continuar
trabajando aún y cuando se haya solicitado alguna
petición al servidor.
28
jueves, 8 de mayo
de 2014
29
Gracias por su
Atención!
jueves, 8 de mayo
de 2014

Más contenido relacionado

Destacado

Les FevribéBéS Et Leur Famille Finale
Les FevribéBéS Et Leur Famille FinaleLes FevribéBéS Et Leur Famille Finale
Les FevribéBéS Et Leur Famille Finaledreamtim35
 
Université d'été
Université d'étéUniversité d'été
Université d'étébasileniane
 
La rue nous appartient
La rue nous appartientLa rue nous appartient
La rue nous appartientmarkeambard
 
Stanley kubrick
Stanley kubrickStanley kubrick
Stanley kubrick
frizzole
 
Importance de l interdiction du riba
Importance de l interdiction du ribaImportance de l interdiction du riba
Importance de l interdiction du ribauuploadpdf
 
Tratamirnto del iam ruben y alex
Tratamirnto del iam ruben y alexTratamirnto del iam ruben y alex
Tratamirnto del iam ruben y alex
Ruben Aparicio
 
Actividad 3 analizando un objeto tecnologico cotidiano
Actividad 3 analizando un objeto tecnologico cotidianoActividad 3 analizando un objeto tecnologico cotidiano
Actividad 3 analizando un objeto tecnologico cotidiano
Maria Garcia
 
Maltrato animal
Maltrato animalMaltrato animal
Maltrato animal
Adony Odette
 
l'ecole des cancres
l'ecole des cancresl'ecole des cancres
l'ecole des cancres
fouadsimba
 
Journée de ressourcement
Journée de ressourcementJournée de ressourcement
Journée de ressourcementLouise Boisvert
 
Reunion Des Groupes Le 17 Mai
Reunion Des Groupes Le 17 MaiReunion Des Groupes Le 17 Mai
Reunion Des Groupes Le 17 Mai
cedric39
 
Modeste Zoubabela Message Au Peuple[1]
Modeste Zoubabela Message Au Peuple[1]Modeste Zoubabela Message Au Peuple[1]
Modeste Zoubabela Message Au Peuple[1]guestb6a6099
 
Compte rendu mission US Big Data - Data Analytics CCI Paris et Pôle Systematic
Compte rendu mission US Big Data - Data Analytics CCI Paris et Pôle SystematicCompte rendu mission US Big Data - Data Analytics CCI Paris et Pôle Systematic
Compte rendu mission US Big Data - Data Analytics CCI Paris et Pôle Systematic
Matthias Fille
 
Séminaire Les Humanités numériques (9/1/2013) : Le circuit de la thèse
Séminaire Les Humanités numériques (9/1/2013) : Le circuit de la thèseSéminaire Les Humanités numériques (9/1/2013) : Le circuit de la thèse
Séminaire Les Humanités numériques (9/1/2013) : Le circuit de la thèse
SCD Paris-Sorbonne
 
Se motiver à travailler n°4
Se motiver à travailler n°4Se motiver à travailler n°4
Se motiver à travailler n°4
Helene Weber
 
48503 FêTe Du ChrysanthéMe
48503 FêTe Du ChrysanthéMe48503 FêTe Du ChrysanthéMe
48503 FêTe Du ChrysanthéMeTania Montandon
 

Destacado (20)

07 balafon mars 2012
07 balafon mars 201207 balafon mars 2012
07 balafon mars 2012
 
Les FevribéBéS Et Leur Famille Finale
Les FevribéBéS Et Leur Famille FinaleLes FevribéBéS Et Leur Famille Finale
Les FevribéBéS Et Leur Famille Finale
 
Université d'été
Université d'étéUniversité d'été
Université d'été
 
La rue nous appartient
La rue nous appartientLa rue nous appartient
La rue nous appartient
 
Jrg 20 avril 2010
Jrg 20 avril 2010Jrg 20 avril 2010
Jrg 20 avril 2010
 
Chiots
ChiotsChiots
Chiots
 
Stanley kubrick
Stanley kubrickStanley kubrick
Stanley kubrick
 
Importance de l interdiction du riba
Importance de l interdiction du ribaImportance de l interdiction du riba
Importance de l interdiction du riba
 
Tratamirnto del iam ruben y alex
Tratamirnto del iam ruben y alexTratamirnto del iam ruben y alex
Tratamirnto del iam ruben y alex
 
Actividad 3 analizando un objeto tecnologico cotidiano
Actividad 3 analizando un objeto tecnologico cotidianoActividad 3 analizando un objeto tecnologico cotidiano
Actividad 3 analizando un objeto tecnologico cotidiano
 
Maltrato animal
Maltrato animalMaltrato animal
Maltrato animal
 
l'ecole des cancres
l'ecole des cancresl'ecole des cancres
l'ecole des cancres
 
Journée de ressourcement
Journée de ressourcementJournée de ressourcement
Journée de ressourcement
 
Reunion Des Groupes Le 17 Mai
Reunion Des Groupes Le 17 MaiReunion Des Groupes Le 17 Mai
Reunion Des Groupes Le 17 Mai
 
Modeste Zoubabela Message Au Peuple[1]
Modeste Zoubabela Message Au Peuple[1]Modeste Zoubabela Message Au Peuple[1]
Modeste Zoubabela Message Au Peuple[1]
 
Compte rendu mission US Big Data - Data Analytics CCI Paris et Pôle Systematic
Compte rendu mission US Big Data - Data Analytics CCI Paris et Pôle SystematicCompte rendu mission US Big Data - Data Analytics CCI Paris et Pôle Systematic
Compte rendu mission US Big Data - Data Analytics CCI Paris et Pôle Systematic
 
Informatique
InformatiqueInformatique
Informatique
 
Séminaire Les Humanités numériques (9/1/2013) : Le circuit de la thèse
Séminaire Les Humanités numériques (9/1/2013) : Le circuit de la thèseSéminaire Les Humanités numériques (9/1/2013) : Le circuit de la thèse
Séminaire Les Humanités numériques (9/1/2013) : Le circuit de la thèse
 
Se motiver à travailler n°4
Se motiver à travailler n°4Se motiver à travailler n°4
Se motiver à travailler n°4
 
48503 FêTe Du ChrysanthéMe
48503 FêTe Du ChrysanthéMe48503 FêTe Du ChrysanthéMe
48503 FêTe Du ChrysanthéMe
 

Similar a Tecnologia AJAX

AJAX EN CURSO PHP
AJAX EN CURSO PHPAJAX EN CURSO PHP
AJAX EN CURSO PHP
Gustavo Salazar Loor
 
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control ToolkitDesarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
pabloesp
 
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicasASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
Víctor Acosta Santivañez
 
Asp.net
Asp.netAsp.net
Asp.net
Jin SinCara
 
Web matrix session 3
Web matrix session 3Web matrix session 3
Web matrix session 3
Gonzalo C.
 
expo
expoexpo
expo
alguerrap
 
Clase 5 AJAX - Desarrollo de aplicaciones móviles
Clase 5  AJAX - Desarrollo de aplicaciones móvilesClase 5  AJAX - Desarrollo de aplicaciones móviles
Clase 5 AJAX - Desarrollo de aplicaciones móviles
Christian Cabrera
 
Ajax
AjaxAjax
Ajax
jeci666h
 
Práctica 1 instalacion del servidor web
Práctica 1   instalacion del servidor webPráctica 1   instalacion del servidor web
Práctica 1 instalacion del servidor web
Juan Anaya
 
Instalacion adobe dream weaver
Instalacion adobe dream weaverInstalacion adobe dream weaver
Instalacion adobe dream weaver
Luis Viteri
 
[Ae3.1] – exposiciones ajax
[Ae3.1] – exposiciones ajax[Ae3.1] – exposiciones ajax
[Ae3.1] – exposiciones ajax
Jesus Vargas
 
Barcelona Workshop 2008
Barcelona Workshop 2008Barcelona Workshop 2008
Barcelona Workshop 2008
Mitusin
 
ProjectZero
ProjectZeroProjectZero
ProjectZero
Gabriel Gasparolo
 
Como hacer sus sitios web más usables con Internet Explorer 9 y 10
Como hacer sus sitios web más usables con Internet Explorer 9 y 10Como hacer sus sitios web más usables con Internet Explorer 9 y 10
Como hacer sus sitios web más usables con Internet Explorer 9 y 10
Juan Carlos Ruiz Pacheco
 
Reportes En J Developer Parte 1 Y 2
Reportes En J Developer   Parte 1 Y 2Reportes En J Developer   Parte 1 Y 2
Reportes En J Developer Parte 1 Y 2
Steven Gomez
 
Dar lab1819
Dar lab1819Dar lab1819
Aplicaciones Web con Spring Boot
Aplicaciones Web con Spring BootAplicaciones Web con Spring Boot
Aplicaciones Web con Spring Boot
Carlos E. Salazar
 
Ajax
AjaxAjax
deSymfony 2013 - Creando aplicaciones web desde otro ángulo con Symfony y A...
deSymfony 2013 -  Creando aplicaciones web desde otro ángulo con Symfony y A...deSymfony 2013 -  Creando aplicaciones web desde otro ángulo con Symfony y A...
deSymfony 2013 - Creando aplicaciones web desde otro ángulo con Symfony y A...
Pablo Godel
 
Introducción a las aplicaciones web con java
Introducción a las aplicaciones web con javaIntroducción a las aplicaciones web con java
Introducción a las aplicaciones web con java
Pedro Arteaga
 

Similar a Tecnologia AJAX (20)

AJAX EN CURSO PHP
AJAX EN CURSO PHPAJAX EN CURSO PHP
AJAX EN CURSO PHP
 
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control ToolkitDesarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
 
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicasASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
 
Asp.net
Asp.netAsp.net
Asp.net
 
Web matrix session 3
Web matrix session 3Web matrix session 3
Web matrix session 3
 
expo
expoexpo
expo
 
Clase 5 AJAX - Desarrollo de aplicaciones móviles
Clase 5  AJAX - Desarrollo de aplicaciones móvilesClase 5  AJAX - Desarrollo de aplicaciones móviles
Clase 5 AJAX - Desarrollo de aplicaciones móviles
 
Ajax
AjaxAjax
Ajax
 
Práctica 1 instalacion del servidor web
Práctica 1   instalacion del servidor webPráctica 1   instalacion del servidor web
Práctica 1 instalacion del servidor web
 
Instalacion adobe dream weaver
Instalacion adobe dream weaverInstalacion adobe dream weaver
Instalacion adobe dream weaver
 
[Ae3.1] – exposiciones ajax
[Ae3.1] – exposiciones ajax[Ae3.1] – exposiciones ajax
[Ae3.1] – exposiciones ajax
 
Barcelona Workshop 2008
Barcelona Workshop 2008Barcelona Workshop 2008
Barcelona Workshop 2008
 
ProjectZero
ProjectZeroProjectZero
ProjectZero
 
Como hacer sus sitios web más usables con Internet Explorer 9 y 10
Como hacer sus sitios web más usables con Internet Explorer 9 y 10Como hacer sus sitios web más usables con Internet Explorer 9 y 10
Como hacer sus sitios web más usables con Internet Explorer 9 y 10
 
Reportes En J Developer Parte 1 Y 2
Reportes En J Developer   Parte 1 Y 2Reportes En J Developer   Parte 1 Y 2
Reportes En J Developer Parte 1 Y 2
 
Dar lab1819
Dar lab1819Dar lab1819
Dar lab1819
 
Aplicaciones Web con Spring Boot
Aplicaciones Web con Spring BootAplicaciones Web con Spring Boot
Aplicaciones Web con Spring Boot
 
Ajax
AjaxAjax
Ajax
 
deSymfony 2013 - Creando aplicaciones web desde otro ángulo con Symfony y A...
deSymfony 2013 -  Creando aplicaciones web desde otro ángulo con Symfony y A...deSymfony 2013 -  Creando aplicaciones web desde otro ángulo con Symfony y A...
deSymfony 2013 - Creando aplicaciones web desde otro ángulo con Symfony y A...
 
Introducción a las aplicaciones web con java
Introducción a las aplicaciones web con javaIntroducción a las aplicaciones web con java
Introducción a las aplicaciones web con java
 

Último

Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
giampierdiaz5
 
CURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdf
CURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdfCURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdf
CURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdf
LagsSolucSoporteTecn
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
YashiraPaye
 
El uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptxEl uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptx
jgvanessa23
 
Plantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptxPlantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptx
edwinedsonsuyo
 
Herramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientasHerramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientas
yessicacarrillo16
 
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
codesiret
 
Uso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptxUso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptx
231485414
 
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANOREVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
gisellearanguren1
 
Catalogo General Rubi 2024 Amado Salvador Distribuidor Oficial Valencia
Catalogo General Rubi 2024 Amado Salvador Distribuidor Oficial ValenciaCatalogo General Rubi 2024 Amado Salvador Distribuidor Oficial Valencia
Catalogo General Rubi 2024 Amado Salvador Distribuidor Oficial Valencia
AMADO SALVADOR
 
El uso de las TIC's en la vida cotidiana
El uso de las TIC's en la vida cotidianaEl uso de las TIC's en la vida cotidiana
El uso de las TIC's en la vida cotidiana
231458066
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
renzocruz180310
 
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajasSlideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
AdrianaRengifo14
 
Second Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro TapiaSecond Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro Tapia
al050121024
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
larapalaciosmonzon28
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
larapalaciosmonzon28
 
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptxLA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
pauca1501alvar
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
larapalaciosmonzon28
 
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
AbrahamCastillo42
 
El uso de las TIC por Cecilia Pozos S..pptx
El uso de las TIC  por Cecilia Pozos S..pptxEl uso de las TIC  por Cecilia Pozos S..pptx
El uso de las TIC por Cecilia Pozos S..pptx
cecypozos703
 

Último (20)

Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
 
CURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdf
CURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdfCURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdf
CURSO CAMARAS DE SEGURIDAD 2023 FINAL .pdf
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
 
El uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptxEl uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptx
 
Plantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptxPlantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptx
 
Herramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientasHerramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientas
 
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
 
Uso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptxUso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptx
 
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANOREVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
 
Catalogo General Rubi 2024 Amado Salvador Distribuidor Oficial Valencia
Catalogo General Rubi 2024 Amado Salvador Distribuidor Oficial ValenciaCatalogo General Rubi 2024 Amado Salvador Distribuidor Oficial Valencia
Catalogo General Rubi 2024 Amado Salvador Distribuidor Oficial Valencia
 
El uso de las TIC's en la vida cotidiana
El uso de las TIC's en la vida cotidianaEl uso de las TIC's en la vida cotidiana
El uso de las TIC's en la vida cotidiana
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
 
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajasSlideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
 
Second Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro TapiaSecond Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro Tapia
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
 
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptxLA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
 
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
 
El uso de las TIC por Cecilia Pozos S..pptx
El uso de las TIC  por Cecilia Pozos S..pptxEl uso de las TIC  por Cecilia Pozos S..pptx
El uso de las TIC por Cecilia Pozos S..pptx
 

Tecnologia AJAX

  • 1. UNIDAD 3 AJAX Presenta: Dávila García Beatriz Ivonne – 10410169 Escárcega Enriquez Jesús Javier – 10410567 Ingeniería en Sistemas Computacionales 1 jueves, 8 de mayo de 2014
  • 2.  Objetivo de la actividad. Realizar una actividad para comprender la exposición del primer acercamiento a AJAX.  Agenda 13. Mostrar un gif animado mientras se envían y reciben los datos del servidor. 14. Paginación con AJAX. 15. Controlador de tipo select. 2 jueves, 8 de mayo de 2014
  • 3. Mostrar un gif animado mientras se envían y reciben los datos del servidor.  Hasta ahora mientras se actualiza la página mostramos un texto: 'Procesando...', es muy común utilizar un gif animado que represente tal operación. 3 jueves, 8 de mayo de 2014
  • 4. Mostrar un gif animado mientras se envían y reciben los datos del servidor.  Haremos una serie de páginas que nos permitan enviar los datos cargados en un formulario al servidor en forma asincrónica y mostraremos un gif animado mientras dura el envío de datos. El formulario solicitará que ingrese el nombre y sus comentarios. 4 jueves, 8 de mayo de 2014
  • 5. Código HTML 5 jueves, 8 de mayo de 2014
  • 9. PHP 9 jueves, 8 de mayo de 2014
  • 10. 13. Ejemplo mostrar gif animado 10 jueves, 8 de mayo de 2014
  • 11. 14. Paginación con AJAX  Un lugar donde puede ayudar el uso de AJAX es en la paginación de datos mientras otro recurso en la página se está ejecutando. Confeccionaremos una página que muestre un video e inmediatamente en la parte inferior mostraremos los comentarios del video paginados.  Sin utilizar AJAX estamos obligados a recargar completamente la página lo que haría imposible ver el video y recorrer los comentarios en forma completa (considerando que solo parte de los comentarios están en la página) 11 jueves, 8 de mayo de 2014
  • 12. 14. Ejemplo Paginación con AJAX  Simulador (Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado.)  Confeccionar una página que muestre un video e inmediatamente en la parte inferior mostrar los comentarios del video paginados. Actualizar los datos de cada página en forma asíncrona. 12 jueves, 8 de mayo de 2014
  • 13. Código HTML 13 jueves, 8 de mayo de 2014
  • 15. Código PHP 15 jueves, 8 de mayo de 2014
  • 16. Código PHP 16 jueves, 8 de mayo de 2014
  • 17. Código PHP 17 jueves, 8 de mayo de 2014
  • 18. Código PHP 18 jueves, 8 de mayo de 2014
  • 19. 14. Ejemplo Paginación con AJAX 19 jueves, 8 de mayo de 2014
  • 20. 15.Cargar un control de tipo Select  Confeccionaremos un problema que contenga dos controles de tipo select. En el primero almacenaremos una lista de carreras de estudio ("Analista de Sistemas","Telecomunicaciones" y "WebMaster")  Cuando se seleccione una carrera enviaremos una petición al servidor para que retorne todas las materias que tiene esa carrera y procederemos a la carga del segundo select. 20 jueves, 8 de mayo de 2014
  • 21. 15. Ejemplo  Simulador (Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado.)  Confeccionaremos un problema que contenga dos controles de tipo select. En el primero almacenar una lista de carreras de estudio ("Analista de Sistemas","Telecomunicaciones" y "WebMaster") y en el segundo los nombres de las materias de la carrera seleccionada. Rescatar los datos del servidor en el momento que se selecciona una carrera. 21 jueves, 8 de mayo de 2014
  • 22. Código HTML 22 jueves, 8 de mayo de 2014
  • 25. Código PHP 25 jueves, 8 de mayo de 2014
  • 26. Cargar un control de Tipo Select 26 jueves, 8 de mayo de 2014
  • 27.  Contratiempos presentados al realizar la actividad. Se desconocía del funcionamiento exacto de algunas funciones y métodos.  Opinión acerca de la dificultad de la actividad y el tiempo y formato de entrega. Consideramos ambas cosas adecuadas.  Tiempo aproximado de realización (en horas). El tiempo aproximado para realizar la actividad fue de 8 horas aproximadamente. 27 jueves, 8 de mayo de 2014
  • 28.  Ajax es una herramienta bastante útil que viene a revolucionar la interacción que se tiene con las aplicaciones web pues gracias a esto se evita perder tiempo en espera de respuesta de alguna búsqueda o simplemente se puede continuar trabajando aún y cuando se haya solicitado alguna petición al servidor. 28 jueves, 8 de mayo de 2014