Programación Web Avanzada: AJAX y Google Maps
|
|
|
- María Dolores Blázquez Ortega
- hace 6 años
- Vistas:
Transcripción
1 Programación Web Avanzada: AJAX y Google Maps Universidad de Colima México AJAX Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos DLSI - Universidad de Alicante 1
2 Índice (1) Dos ejemplos tradicionales i Introducción Definición y conceptos Cómo funciona Ventajas y desventajas Elobjeto XMLHttpRequest Ciclo de vida de una transferencia con XMLHttpRequest Índice (2) Ejemplos (1 y 2) Envío de datos GET/POST Transformación a AJAX Formato de datos XML Formato de datos JSON Bibliografía DLSI - Universidad de Alicante 2
3 Dos ejemplos tradicionales EJERCICIO Página web que muestra titulares de noticias que se actualizan cada 10 segundos <html> <head> <title>titulares del día</title> <meta http-equiv="refresh" content="10" /> </head> <body> <h1>titulares del día</h1> <?php // Genera de forma aleatoria entre 1 y 10 noticias $n = rand(1, 10); for($i = 1; $i <= $n; $i++) { echo "<h2>noticia $i</h2>\n"; // Repite de forma aleatoria la cadena "Bla, bla, bla." entre 1 y 5 veces echo "<p>". str_repeat("bla, bla, bla.", rand(1, 5)). "</p>\n";?> </body> </html> DLSI - Universidad de Alicante 3
4 Dos ejemplos tradicionales EJERCICIO Página web que muestra dos listas desplegables (<select>) en cascada: Inicialmente, la segunda lista está vacía o no aparece Al seleccionar un valor en la primera lista desplegable, se recarga la página con datos en la segunda lista DLSI - Universidad de Alicante 4
5 DLSI - Universidad de Alicante 5
6 <html> <head><title>listas desplegables en cascada</title></head> <body> <form action="" method="post"> <p> Familia: <select name="familia" onchange="submit()"> <option value="">selecciona una familia</option> <option value="1">ordenador</option> <option value="2">vídeo</option> <option value="3">celular</option> </select> <?php // Código que genera la segunda lista con los productos?> </p> </form> </body> </html> DLSI - Universidad de Alicante 6
7 Dos ejemplos tradicionales <?php // Productos para cada familia $productos[1] = "<option>hp</option><option>dell</option>"; $productos[2] = "<option>sony</option><option>panasonic</option>"; $productos[3] = "<option>motorola</option><option>samsung</option>"; // Detecta si ha habido envío de datos if(isset($_post["familia"])) { echo '<select name="producto">'; echo $productos[$_post["familia"]]; echo '</select>';?> Introducción Arquitectura cliente servidor El cliente solicita un servicio y el servidor lo provee. La parte de cliente solo tiene la lógica de presentación y en algunos casos un mínimo de lógica de negocio. SERVIDOR CLIENTE Protocolo de comunicación DLSI - Universidad de Alicante 7
8 Introducción Aplicaciones en entorno web: Basada en la arquitectura cliente servidor Cada interacción del usuario genera una transacción contra el servidor. En algunos casos, según las características de la aplicación, el interfaz (una página HTML) puede generar demasiadas peticiones. Problemas: Esperas del cliente Errores en la transmisión Introducción Asynchronous Javascript And XML XML y JavaScript asíncronos No es una nueva tecnología, sino un conjunto de tecnologías, el uso de las cuales permite una nueva filosofía de desarrollo de aplicaciones web. Combinación de HTML/XHTML, CSS, JavaScript, DOM, XML, XSLT, HTTP. Todas ellas son estándares abiertos, tecnologías implantadas, difundidas y conocidas en Internet. DLSI - Universidad de Alicante 8
9 Introducción El primer uso público de este término fue hecho por Jesse James Garrett en su artículo de febrero 2005 Ajax: A New Approach to Web Applications. ves/ php p Introducción Q é Aj? Qué aporta Ajax? Interacción diferente con el servidor: Anticipo de transferencias con el servidor para disponer de los datos más rápidamente (interacción en segundo plano, background). Permitir al usuario poder hacer otras cosas en el cliente mientras una transferencia está en curso (interacción asíncrona). Nueva filosofía: La aplicación web se apoya más en el cliente, al cual se le dota de más lógica de negocio. Se consigue una interacción en el cliente similar a las aplicaciones tradicionales de escritorio. DLSI - Universidad de Alicante 9
10 Introducción Y qué aporta XML? Es el formato en el que se transmiten los datos el servidor y el cliente. Pero no es el único formato, existe completa libertad. Usado en todos los sitios web modernos: Google Docs Google Maps Gmail... Definición y conceptos La filosofía que se presenta con Ajax es: Cargar y mostrar una página, para luego mantenerse en esa misma página mientras código de script realiza peticiones al servidor en segundo plano (background), para obtener los dt datos que son usados para actualizar la página sólo mostrando u ocultando porciones de la misma. DLSI - Universidad de Alicante 10
11 Definición y conceptos Tecnologías usadas con Ajax: HTML/XHTML: Presentación del contenido. DOM: Interacción en el cliente. JavaScript: Lenguaje empleado para programar el motor Ajax. Recoger la interacción del usuario (eventos). Para realizar la comunicación con el servidor. Para cambiar el contenido de la pantalla tll del cliente. Se aporta un nuevo enfoque al desarrollo de aplicaciones web. Funcionamiento similar a las aplicaciones de escritorio. Cambio del concepto de programación clásico. Reducción del tráfico que generan las aplicaciones web en cuanto al número y tamaño de las transacciones. Cómo funciona Se introduce una nueva capa entre el cliente y el servidor, llamada Motor Ajax Se usa un objeto del DOM llamado XMLHttpRequest Por medio de este objeto se realiza la comunicación con el servidor Permite obtener información del servidor y actualizar la interfaz de usuario La respuesta que se obtiene del servidor puede estar en varios formatos: Texto plano HTML XML JSON DLSI - Universidad de Alicante 11
12 Cómo funciona La mayor parte del tráfico se da al iniciar la comunicación. Durante la interacción del usuario se envía la mínima cantidad de información posible para agilizar la aplicación. La página no espera la respuesta del servidor. Se generan transacciones Se generan transacciones asíncronas mientras la aplicación continua funcionando. DLSI - Universidad de Alicante 12
13 Ventajas Transacciones asíncronas, el usuario no tiene que esperar después de una petición. Menor cantidad de información. Tecnologías basadas en estándares abiertos. Significa una aproximación a las aplicaciones tradicionales en cuanto a interactividad y velocidad de respuesta. Desventajas Puede aumentar el número de peticiones contra el servidor. Existen incompatibilidades entre navegadores. El objeto XMLHttpRequest no se invoca de la misma forma en los navegadores. Pérdida de control de navegación. Los botones atrás y adelante del navegador dejan de funcionar. No se puede crear un favorito (marcador) a una página, porque siempre es la misma página. DLSI - Universidad de Alicante 13
14 XMLHttpRequest Permite la comunicación asíncrona con el servidor. Es un API que se puede utilizar desde JavaScript, Jscript, VBScript y otros lenguajes de script Permite crear canales de comunicación independientes del navegador. La comunicación se realiza mediante HTTP. En proceso de estandarización por el W3C: The XMLHttpRequest Object W3C Working Draft 19 November 2009: XMLHttpRequest El objeto XMLHttpRequest fue originalmente desarrollado por Microsoft. La implementación de Microsoft se llama XMLHTTP y es un objeto ActiveX. Difiere ligeramente de los estándares publicados. Ha estado disponible desde Internet Explorer 5.0 via JScript y VBScript. DLSI - Universidad de Alicante 14
15 XMLHttpRequest El proyecto Mozilla incluyó la primera implementación nativa compatible de XMLHttpRequest en Mozilla 1.0 en Esta implementación fue seguida posteriormente por Apple desde Safari 1.2, Konqueror, Opera Software desde Opera 8.0 e icab desde 3.0b352. XMLHttpRequest Métodos: abort() getallresponseheaders() getresponseheader(etiqueta) open(metodo, url, asincrona, usuario, password): Métodos: GET, POST, HEAD, POST o DELETE. send(contenido) setrequestheader(etiqueta, valor) DLSI - Universidad de Alicante 15
16 XMLHttpRequest Propiedades: dd onreadystatechange: Asignación de manejador al evento de cambio de estado. readystate: Estado de la conexión (sólo lectura). 0: no inicializada 1: cargando 2: cargada 3: interactiva 4: completada responsetext: La respuesta en forma de texto plano. responsexml: La respuesta en formato XML. status: Código de respuesta del servidor. Códigos HTTP. 200: Transacción completada con éxito. statustext: Mensaje asociado a la respuesta. Ciclo de vida de una transferencia con XMLHttpRequest 1. Se crea el objeto XMLHttpRequest 2. Se le asigna un manejador del evento de cambio de estado 3. Se envía la petición en función de la interacción del usuario 4. Al recibir un cambio de estado, se gestiona la respuesta. 5. Si la respuesta es correcta, se obtienen los datos y se muestran al cliente. Se debe vincular a algún objeto de la página, la invocación de la petición al servidor, ya sea mediante un click, un link o cualquier otro evento. DLSI - Universidad de Alicante 16
17 Creación del objeto XMLHttpRequest Segun el navegador se crea de dos formas: Internet Explorer: peticion = new ActiveXObject("Microsoft.XMLHTTP"); Otros navegadores: peticion = new XMLHttpRequest(); Código fuente independiente del navegador if (window.xmlhttprequest) peticion = new XMLHttpRequest(); else if(window.activexobject) peticion = new ActiveXObject("Microsoft.XMLHTTP"); else { alert("su navegador no soporta AJAX"); return; Creación del objeto XMLHttpRequest Otra forma, mediante excepciones: try { peticion = new ActiveXObject("Msxml2.XMLHTTP"); catch (e) { try { peticion = new ActiveXObject("Microsoft.XMLHTTP"); catch (ee) { try { y peticion = new XMLHttpRequest(); catch(eee) { alert("su navegador no soporta AJAX"); return; DLSI - Universidad de Alicante 17
18 Asignar un manejador Se debe asignar una función que se invoque cuando cambie el estado del objeto XMLHttpRequest, es decir, cuando el servidor responda a nuestra petición: peticion.onreadystatechange = nombredelafuncion; Esta función la invoca automáticamente el navegador. Importante: Sin paréntesis (), solo el nombre. Enviar la petición Se debe especificar el tipo de petición, la URL que deseamos invocar y si la transacción es asíncrona o no. Una conexión síncrona (false), bloquea el navegador hasta que se obtiene la respuesta Una conexión asíncrona (true, el valor por defecto), se ejecuta en segundo plano La URL tiene que ser del dlmismo dominio i que la página ái actual peticion.open('get',' true); Después se envían los datos con la función send: peticion.send(parámetros de la petición o null); DLSI - Universidad de Alicante 18
19 Gestión de la respuesta El manejador se invoca al recibir un cambio de estado de la transacción. 0: no inicializada 1: cargando 2: cargada 3: interactiva 4: completada Fragmento de código del manejador: if (peticion.readystate == 4) { //fin if (peticion.status==200) { // todo OK //procesaríamos la petición else { // Todavía no está... Tratamiento de los datos La respuesta puede estar en varios formatos: texto plano, HTML, XML, etc. La propiedad responsetext nos da acceso al texto plano de la misma: peticion.responsetext Si es XML, con la propiedad iddresponsexml obtenemos un objeto de tipo XMLDocument DLSI - Universidad de Alicante 19
20 Ejemplo <script type="text/javascript"> function ajaxfunction() { var xmlhttp; if (window.xmlhttprequest) xmlhttp = new XMLHttpRequest(); else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.onreadystatechange=function() { if(xmlhttp.readystate == 4 && xmlhttp.status == 200) { document.myform.time.value += xmlhttp.responsetext + "\n"; xmlhttp.open("get","time.php",true); xmlhttp.send(null); </script> Ejemplo <script type="text/javascript"> function ajaxfunction() { var xmlhttp; if (window.xmlhttprequest) xmlhttp = new XMLHttpRequest(); else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); Crear el objeto XMLHttpRequest xmlhttp.onreadystatechange=function() { if(xmlhttp.readystate == 4 && xmlhttp.status == 200) { document.myform.time.value += xmlhttp.responsetext + "\n"; xmlhttp.open("get","time.php",true); xmlhttp.send(null); </script> DLSI - Universidad de Alicante 20
21 Ejemplo <script type="text/javascript"> function ajaxfunction() { var xmlhttp; if (window.xmlhttprequest) xmlhttp = new XMLHttpRequest(); else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); Asignar una función para el cambio de estado xmlhttp.onreadystatechange=function() { if(xmlhttp.readystate == 4 && xmlhttp.status == 200) { document.myform.time.value += xmlhttp.responsetext + "\n"; xmlhttp.open("get","time.php",true); xmlhttp.send(null); </script> Ejemplo <script type="text/javascript"> function ajaxfunction() { var xmlhttp; if (window.xmlhttprequest) xmlhttp = new XMLHttpRequest(); else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.onreadystatechange=function() { if(xmlhttp.readystate == 4 && xmlhttp.status == 200) { document.myform.time.value += xmlhttp.responsetext + "\n"; Enviar la petición al servidor xmlhttp.open("get","time.php",true); xmlhttp.send(null); </script> DLSI - Universidad de Alicante 21
22 Ejemplo <script type="text/javascript"> function ajaxfunction() { var xmlhttp; if (window.xmlhttprequest) xmlhttp = new XMLHttpRequest(); else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); Cuando se produzca un cambio, manejar la respuesta xmlhttp.onreadystatechange=function() { if(xmlhttp.readystate == 4 && xmlhttp.status == 200) { document.myform.time.value += xmlhttp.responsetext + "\n"; xmlhttp.open("get","time.php",true); xmlhttp.send(null); </script> Ejemplo <script type="text/javascript"> function ajaxfunction() { var xmlhttp; if (window.xmlhttprequest) xmlhttp = new XMLHttpRequest(); else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); Cuando sea una respuesta correcta, procesar el resultado y mostrar xmlhttp.onreadystatechange=function() { if(xmlhttp.readystate == 4 && xmlhttp.status == 200) { document.myform.time.value += xmlhttp.responsetext + "\n"; xmlhttp.open("get","time.php",true); xmlhttp.send(null); </script> DLSI - Universidad de Alicante 22
23 Ejemplo (1) Una página web con un botón Al pulsar el botón, mediante AJAX se llama a un fichero PHP El fichero PHP devuelve la hora en el servidor En el cliente se muestra el resultado devuelto con una ventana de aviso Ejemplo (1): código HTML <html> <head> <title>"hola mundo" en AJAX</title> <script src="holamundo.js" type="text/javascript"></script> </head> <body> <p> <input type="button" onclick="holamundo()" value="hola mundo" /> </p> </body> </html> DLSI - Universidad de Alicante 23
24 Ejemplo (1): funciones JavaScript function ajaxobj() { try { _ajaxobj = new ActiveXObject("Msxml2.XMLHTTP"); catch (e) { try { _ajaxobj = new ActiveXObject("Microsoft.XMLHTTP"); catch (ee) { _ajaxobj = false; if (!_ajaxobj && typeof XMLHttpRequest!='undefined') _ajaxobj = new XMLHttpRequest(); return _ajaxobj; Ejemplo (1): funciones JavaScript function holamundo() { ajax = ajaxobj(); ajax.onreadystatechange=function() { if (ajax.readystate==4 && ajax.status == 200) { alert(ajax.responsetext); ajax.open("get", "holamundo.php", true); ajax.send(null); DLSI - Universidad de Alicante 24
25 Ejemplo (1): fichero PHP <?php // Fichero holamundo.php echo "Hola, son las ". date("h:i:s");?> EJERCICIO Ejemplo (1) Mostrar un mensaje (o una imagen en movimiento) mientras se espera la respuesta del servidor Mostrar un área de texto donde se vayan almacenando las respuestas recibidas DLSI - Universidad de Alicante 25
26 Ejemplo (1) Añadir a la página un área de texto: <textarea id="mensajes" cols="40" rows="10"></textarea> Añadir a la página web una imagen (GIF animado) inicialmente oculto: <img id="imgloading" src="loading.gif" alt="" style="display: none;" /> DLSI - Universidad de Alicante 26
27 Ejemplo (1) function holamundo() { ajax = ajaxobj(); ajax.onreadystatechange=function() { if (ajax.readystate==4 && ajax.status == 200) { document.getelementbyid("mensajes").value += ajax.responsetext + "\n"; document.getelementbyid("imgloading").style.display = "none"; else document.getelementbyid("imgloading").style.display = "block"; ajax.open("get", "holamundo.php", true); ajax.send(null); Ejemplo (1) Preloaders: Free AJAX animated loading gif s DLSI - Universidad de Alicante 27
28 Ejemplo (2) Diseño de una página web con un listado de poblaciones. En función de la población que se seleccione, se mostrará un listado de calles de la misma. Las calles se solicitarán al servidor por medio de una petición asíncrona (AJAX), accediendo a un fichero XML con las calles de la población (un fichero por población). DLSI - Universidad de Alicante 28
29 Ejemplo (2): fichero de datos <?xml version="1.0"?> <callejero> <poblacion>benimagrell</poblacion> <calle tipo="avenida">del pais valencia</calle> <calle tipo="calle">alacant</calle> <calle tipo="calle">sant vicent</calle> <calle tipo="calle">del tordo</calle> <calle tipo="calle">del pulpo</calle> <calle tipo="plaza">del plaza ayuntamiento</calle> <calle tipo="plaza">nova del ravalet</calle> </callejero> DLSI - Universidad de Alicante 29
30 Ejemplo (2): funciones en JavaScript function finvoca(purl) { if (window.xmlhttprequest) { opeticion = new XMLHttpRequest(); else if (window.activexobject) { opeticion = new ActiveXObject("Microsoft.XMLHTTP"); if (opeticion) { opeticion.onreadystatechange = fgestionpeticion; opeticion.open('get', purl, true); opeticion.send(null); Ejemplo (2): funciones en JavaScript f ti fg ti P ti i () { function fgestionpeticion() { if (opeticion.readystate==4) { if (opeticion.status==200) { //alert(opeticion.responsetext); fprocesadatos(opeticion.responsexml); else { alert("error en la petición de datos al servidor!\nerror: "+opeticion.status); DLSI - Universidad de Alicante 30
31 Ejemplo (2): funciones en JavaScript function fprocesadatos(pdoc) { ocapa = document.getelementbyid("calles"); //Nombre de la población: opoblacion = pdoc.getelementsbytagname("poblacion").item(0); shtml = "<h1>" + opoblacion.text + "</h1>"; // Lista de calles: // [continúa el código] Ejemplo (2): funciones en JavaScript // Lista de calles: shtml = shtml + "<br><ul>"; ocalles = pdoc.getelementsbytagname("calle"); for (var i = 0; i < ocalles.length; i++) { // Ponemos el tipo de vía y el nombre: shtml = shtml + "<li>" + ocalles.item(i).getattribute("tipo") + " " + ocalles.item(i).text text + "</li>"; shtml = shtml + "</ul>"; ocapa.innerhtml = shtml; DLSI - Universidad de Alicante 31
32 Ejemplo (2): código HTML <body> <div id="poblaciones"> <ul> <li><a href="javascript:finvoca('benimagrell.xml');">ben imagrell</a></li> <li><a href="javascript:finvoca('mutxamel.xml');">mutxam el</a></li> <li><a href="javascript:finvoca('villena.xml');">villena </a></li> </div> <hr> <div id="calles"> </div> </body> Envío de datos GET/POST GET: En la URL en el método open() encodeuricomponent() códifica los datos para que se puedan enviar en la URL mediante get var idfamilia = var idfamilia = document.getelementbyid("familia").value; xmlhttp.open("get","productos.php?familia=" + encodeuricomponent(idfamilia), true); DLSI - Universidad de Alicante 32
33 Envío de datos GET/POST POST: var idfamilia = document.getelementbyid("familia").value; var parameters = "familia=" + encodeuricomponent(idfamilia); xmlhttp.open("post","productos.php", true); xmlhttp.setrequestheader("content-type", "application/xwww-form-urlencoded"); xmlhttp.setrequestheader("content-length", parameters.length); xmlhttp.setrequestheader("connection", "close"); xmlhttp.send(parameters); Transformación a AJAX Separar la lógica del cliente y del servidor HTML JavaScript Motor AJAX Cliente PHP Servidor BD DLSI - Universidad de Alicante 33
34 Transformación a AJAX EJERCICIO Página web que muestra titulares de noticias que se actualizan cada 10 segundos Transformación a AJAX EJERCICIO Página web que muestra dos listas desplegables (<select>) en cascada: Inicialmente, la segunda lista está vacía o no aparece Al seleccionar un valor en la primera lista desplegable, se recarga la página con datos en la segunda lista DLSI - Universidad de Alicante 34
35 Formato de datos XML Con la propiedad responsexml obtenemos un objeto de tipo XMLDocument Emplear funciones y propiedades del DOM para recorrereldocumento el Formato de datos XML Cd Cada nodo posee un conjunto de propiedades que lo relacionan con sus familiares : childnodes firstchild lastchild parentnode nextsibling prevsibling DLSI - Universidad de Alicante 35
36 Formato de datos XML getelementbyid( elementid ) Útil para recuperar un elemento concreto var element = document.getelementbyid( mytable ) getelementsbytagname( tagname ): Útil para recuperar un cojunto de elementos de un mismo tipo var images = document.getelementsbytagname( img ) El valor especial "*" representa todas las etiquetas getattribute( attrname ): var element = document.getelementbyid( mytable ). getattribute( width ); Formato de datos XML xmldoc = xmlhttp.responsexml; x = xmldoc.documentelement.childnodes; for (i=0 ; i < x.length; i++) { document.write("nodename: " + x[i].nodename); document.write(" (nodetype: " + x[i].nodetype + ")<br />"); DLSI - Universidad de Alicante 36
37 Formato de datos XML En el servidor, al devolver un documento XML se tiene que indicar el tipo MIME adecuado: <?php header("content-type: text/xml"); // O también header("content-type: application/xml");?> Formato de datos JSON JSON(JavaScript Object Notation) es un formato de intercambio de datos ligero basado en texto JSON Specification RFC 4627: org/html/rfc4627 JSON Validator: DLSI - Universidad de Alicante 37
38 Formato de datos JSON Se emplea para la serialización de datos estructurados: Arrays: La lista de valores encerrados entre corchetes y separados por comas Objetos: Los pares propiedad/valor encerrados entre llaves y separados por comas La propiedad se separa del valor por dos puntos En ambos casos, las propiedades y valores de tipo cadena encerrados entre comillas dobles Formato de datos JSON Ejemplo de arrays: [1, 2, 3, 4, 5] ["Alicante", "Castellón", "Valencia"] DLSI - Universidad de Alicante 38
39 Formato de datos JSON Ejemplo de objetos: {"nombre": "Sergio", "apellidos": "Luján Mora" {"posicion": {"x": 10, "y": 20 Formato de datos JSON Ejemplo: {"menu": { "id": "file", "value": "File", "popup": { "menuitem": [ {"value": "New", "onclick": "CreateDoc()", { value : New, onclick : CreateDoc(), {"value": "Open", "onclick": "OpenDoc()", {"value": "Close", "onclick": "CloseDoc()" ] DLSI - Universidad de Alicante 39
40 Formato de datos JSON Ejemplo: { "Image": { "Width": 800, "Height": 600, "Title": "View from 15th Floor", "Thumbnail": { "Url": " "Height": 125, "Width": "100" Formato de datos JSON Los datos enviados en formato JSON se reciben a través de la propiedad responsetext Para reconstruir el array u objeto, se emplea eval(): var json_datos = xmlhttp.responsetext; miobjeto = eval('(' + json_datos + ')'); DLSI - Universidad de Alicante 40
41 Bibliografía AJAX (Wikipedia): Ajax: A New Approach to Web Applications: AJAX un nuevo acercamiento a aplicaciones web (traducción del anterior): un nuevoacercamiento a aplicaciones web.php Hola mundo en Ajax: Introducción a Ajax: DLSI - Universidad de Alicante 41
DESARROLLO WEB EN ENTORNO CLIENTE
DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 7: Utilización de Mecanismos de Comunicación Asíncrona Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández
Aplicaciones Ricas en Internet. Unidad 1. AJAX. Apuntes AJAX
Aplicaciones Ricas en Internet. Unidad 1. AJAX Apuntes AJAX Es la única de las plataformas basada en estándares y que no posee dueño. Ajax es la sigla de asynchronous JavaScript And XML (JavaScript asincrónico
JavaScript: Introducción
JavaScript y AJAX http://www.it.uc3m.es/pedmume/ JavaScript: Introducción Tecnología del cliente. Se ejecuta en los navegadores, que además de HTML, casi todos interpretan este lenguaje. Se interpreta
Clase 4. Ajax XML. XML Ajax definición Breve explicación de como funciona el HTTP XMLHttpRequest. El XML se creó para que cumpliera varios objetivos.
Clase 4 Ajax XML Ajax definición Breve explicación de como funciona el HTTP XMLHttpRequest XML El XML se creó para que cumpliera varios objetivos. Que fuera idéntico a la hora de servir, recibir y procesar
Programación Web Avanzada: AJAX y Google Maps
Programación Web Avanzada: AJAX y Google Maps Universidad de Colima México Soporte de AJAX en PHP Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos DLSI - Universidad de Alicante 1 Introducción
AJAX. Asynchronous JavaScript And Xml
1 AJAX Asynchronous JavaScript And Xml INTRODUCCIÓN (I) Ajax no es una tecnología en sí mismo. En realidad se trata de varias tecnologías independientes que se unen: XHTML y CSS, para crear una presentación
XHTML DINAMICO AVANZADO (AJAX Y DOM)
XHTML DINAMICO AVANZADO (AJAX Y DOM) AJAX Conceptos y fundamentos básicos Patrones de Ajax Ejemplos prácticos. Librerías estándares Bibliografía Ajax in Practice Visual Quickstart Guide CSS, DHTML, and
Javascript parte II: AJAX
Tema 3 Javascript parte II: AJAX Texto http://www.flickr.com/photos/kosmar/62381076 Asynchronous JavaScript and XML. O cómo hacer peticiones al servidor desde Javascript AJAX (Asynchronous JavaScript And
Aplicaciones Web. Aplicaciones Distribuidas
Aplicaciones Web Aplicaciones Distribuidas Contenido La Web. Sitios Web vs. Aplicaciones Web. HTTP. HTML. Sesiones. Tecnologías facilitadoras. HTML Dinámico. JavaScript. 2 La Web Petición http://www.um.es/index.html
JavaScript,, AJAX y otras tecnologías web. Área de Ingeniería Telemática
JavaScript,, AJAX y otras tecnologías Contenidos JavaScript AJAX Flash 2 JavaScript Lenguaje interpretado como PHP, pero se ejecuta en cliente no en servidor Sintaxis semejante a la del lenguaje Java y
AJAX. Desarrollo de Aplicaciones Distribuidas
AJAX Desarrollo de Aplicaciones Distribuidas Contenido Introducción Desarrollo XMLHttpRequest Envío de datos Procesamiento de datos JSON Algunas técnicas en AJAX Referencias 2 AJAX - Introducción AJAX
TEMA 7. Contenido - - 1 - -
TEMA 7 Contenido 1.- Introducción a AJAX.... 2 1.1.- Requerimientos previos...3 1.2.- Comunicación asíncrona....4 1.3.- El API XMLHttpRequest....5 1.3.1.- Creación del objeto XMLHttpRequest.... 6 1.3.2.-
Capítulo III. Fundamentos de AJAX
Capítulo III. Fundamentos de AJAX Con la creación del Internet se buscó la forma para crear un lenguaje que sirviera como estándar para poder construir páginas y poder compartir información con los demás
Introducción a AJAX. Eduardo Ostertag Jenkins, Ph.D. OBCOM INGENIERIA S.A. (Chile)
Introducción a AJAX Eduardo Ostertag Jenkins, Ph.D. OBCOM INGENIERIA S.A. (Chile) Eduardo.Ostertag@obcom.cl Temario Introducción a AJAX Arquitectura y tecnologías HTML + CSS JavaScript DOM XMLHttpRequest
Ingeniería de Sistemas
Ingeniería de Sistemas Desarrollo y Servicios Web Sesión 8 Fernando Barraza A. fbarraza@javerianacali.edu.co Sesión 8 Objetivo: Brindar al estudiante los conocimientos teóricos y prácticos alrededor de
Clase. geniería de la Computación. Departamento de Ciencias e Ing. Diego C. Martínez - DCIC-UNS
Ingeniería de Ap plicaciones Web Clase 10 Diego C. Martínez Departamento de Ciencias e Ing geniería de la Computación Universidad Nacional del Sur AJAX AJAX es un término familiar en otros conte extos...
Introducción al desarrollo web (idesweb) - 3 a ed.
Introducción al desarrollo web (idesweb) - 3 a ed. Práctica 7: JavaScript, Modelo de Objetos de Documento y cookies 1. Objetivos Aprender a manejar el DOM de una página web para manipular su contenido.
El programa en JavaScript debe ir encerrado entre la marca script e inicializada la propiedad type con la cadena text/javascript:
Javascript Qué es JavaScript? Es un lenguaje de scripting (Código interno en las páginas HTML) necesario para los elaboradores de sitios Web, mediante el cual se puede hacer que las páginas sean activas
Parte III: AJAX y REST
Tema 3: Javascript Parte III: AJAX y REST Texto http://www.flickr.com/photos/kosmar/62381076 Cómo hacer peticiones al servidor desde Javascript, usando el estilo REST AJAX 2 Asynchronous Javascript And
TEMA 3 A: INTRODUCCIÓN AL DOM
TEMA 3 A: INTRODUCCIÓN AL DOM 1.- Qué es el DOM?... 2 1.1.- DOM y JavaScript... 2 1.3.- Cómo se accede al DOM?... 3 2. Instalar una consola... 4 3. Averiguar la versión DOM de Explorer... 5 4.- El DOM
Tutorial de enlace entre Formulario Web y Servicio Web REST. Programación en Internet
Tutorial de enlace entre Formulario Web y Servicio Web REST Programación en Internet Angel Manuel Gamaza Domínguez José Miguel Otte Sainz-Aguirre Grado en Ingeniería Informática 20 de septiembre de 2016
LA EVOLUCIÓN DE JAVASCRIPT
LA EVOLUCIÓN DE JAVASCRIPT { "JavaScript": { "aunar": "CORPORACIÓN UNIVERSITARIA AUTÓNOMA DE NARIÑO", "evento": "Maquinarte-2017", "desc-evento": "VII Muestra de Proyectos de Ingeniería", "fecha": "26-04-2017",
Arquitecturas Distribuidas. TEMA 3. Tecnologías de la web dinámica
Arquitecturas Distribuidas TEMA 3. Tecnologías de la web dinámica Contenido del tema III I. Procesado de información en el servidor. Tipos de peticiones. CGI II. Cookies III. PHP IV. Lenguajes de script
Ajax en Java EE. alvaro.sanchez@salenda.es. 2007, Grupo Salenda, S.L.
Ajax en Java EE Álvaro Sánchez-Mariscal alvaro.sanchez@salenda.es 2007, Grupo Salenda, S.L. Quiénes somos? Sobre Salenda. Misión: ser un referente en España en tecnología Java. Líneas de negocio: Formación.
Manejo de eventos en JavaScript WEB-TECHNOLOGIES
Manejo de eventos en JavaScript JUAN CARLOS CONDE RAMÍREZ WEB-TECHNOLOGIES Objetivos Entender el uso de Formularios y Eventos con JavaScript. Visualizar la importancia de delegar el manejo de eventos al
Desarrollo y servicios web
Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2016-1 2 Sesión 10-11-PHP, Método GET POST- Qué haremos hoy? Historia Sintaxis 1. PHP Tipos de datos Operadores 2. Tipos de solicitudes HTTP Get Post
XHTML DINAMICO AVANZADO (AJAX Y DOM)
XHTML DINAMICO AVANZADO (AJAX Y DOM) AJAX Librerías estándares Ejemplos prácticos. Bibliografía Ajax in Practice Visual Quickstart Guide CSS, DHTML, and Ajax, Fourth Edition DHTML Utopia. Modern Web Design
escuela técnica superior de ingeniería informática
Versión original: Pablo Fernández (noviembre 2006) Actualización: P. Fernandez. Cambios menores en animaciones (Noviembre 2009) Tiempo: 2h escuela técnica superior de ingeniería informática HTML dinámico:
Node.JS Raspberry Pi (RPi) 2015/05/08 Juan V. Capella
Node.JS Raspberry Pi (RPi) 2015/05/08 Juan V. Capella Contenido Objetivo Introducción Operadores Tipos de datos Funciones Networking armpower.blogs.upv.es 2 Objetivo Aprender a instalar Node.js Conocer
Desarrollo de Aplicaciones Web con PHP. Javier Enciso
Desarrollo de Aplicaciones Web con PHP Javier Enciso Agenda Hojas de Estilos Qué es CSS? Para qué sirve? Cómo funciona? Ejemplos Validación de Formularios Fundamentos de JavaScript Utilización de JavaScript
4. CODIFICACIÓN. Previo a la codificación además de instalar las respectivas herramientas es. importante tenerlas bien configuradas.
4. CODIFICACIÓN 4.1 Instalación Previo a la codificación además de instalar las respectivas herramientas es importante tenerlas bien configuradas. Instalamos Lenguaje de programación Java TM 2 Platform
Web Service: Consulta de Arribo de Ómnibus Manual de referencia
Web Service: Consulta de Arribo de Ómnibus Manual de referencia Versión API: 0.5 (beta) Última revisión: 27 de agosto de 2014 Carlos Gabriel Vergara Departamento de Sistemas Subsecretaría de Informática
DESARROLLO WEB EN ENTORNO CLIENTE
DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 1: Selección de arquitecturas y herramientas de programación Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández
Índice INTRODUCCIÓN...11 CAPÍTULO 1. SELECCIÓN DE ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIÓN...13
Índice INTRODUCCIÓN...11 CAPÍTULO 1. SELECCIÓN DE ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIÓN...13 1.1 Evolución Y CARACTERísticas de LOS navegadores Web...14 1.2 ARQUITECTURA de ejecución...17 1.3 Lenguajes
AJAX. Programa de Estudio.
AJAX Programa de Estudio AJAX Aprende a desarrollar aplicaciones ágiles, construyendo páginas con la capacidad de establecer comunicaciones asincrónicas con el Servidor Web. Utiliza el potencial de jquery
Desarrollo de Aplicaciones Web con AJAX Huibert Aalbers Senior Certified Software IT Architect
Desarrollo de Aplicaciones Web con AJAX Huibert Aalbers Senior Certified Software IT Architect IT Insight podcast Este podcast pertenece a la serie IT Insight Pueden suscribirse al podcast a través de
Introducción a JSON JUAN CARLOS CONDE RAMÍREZ WEB-TECHNOLOGIES
Introducción a JSON JUAN CARLOS CONDE RAMÍREZ WEB-TECHNOLOGIES Objetivos Conocer el origen, la utilidad y las bases sintácticas que dieron lugar a JSON. Entender las diferencias de notación entre XML y
Formularios HTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014
Formularios HTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Declaración de un formulario Elemento clave para el desarrollo de aplicaciones
Curso PHP Advanced and Ajax
Curso PHP Advanced and Ajax 2012 Unidad VI Formato de Datos y Tipos 2012 Sockets 2012 Definición Definición 1: Socket designa un concepto abstracto por el cual dos programas (posiblemente situados en computadoras
AJAX: EJEMPLO BÁSICO CÓDIGO OBJETO XMLHTTPREQUEST Y RECUPERAR DATOS DESDE ARCHIVO (CU01206F)
APRENDERAPROGRAMAR.COM AJAX: EJEMPLO BÁSICO CÓDIGO OBJETO XMLHTTPREQUEST Y RECUPERAR DATOS DESDE ARCHIVO (CU01206F) Sección: Cursos Categoría: Tutorial básico del programador web: Ajax desde cero Fecha
Integración de XML en páginas Web dinámicas DOM. Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo
Integración de XML en páginas Web dinámicas DOM Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo Páginas Web estáticas vs. Dinámicas Motivación: Computación Dinámica Computación
Presentación y objetivos
Programación de Java Programación Web Presentación y objetivos JavaScript es un lenguaje de programación que se utiliza para realizar acciones dentro del ámbito de una página Web. Se trata de una programación
Formularios en HTML 09/02/2015. Escuela Técnica Superior de Ingeniería Informática Departamento de Lenguajes y Sistemas Informáticos
09/02/2015 Grupo de Ingeniería del Software y Bases de Datos Universidad de Sevilla febrero 2014 Qué es un formulario? Febrero Introducción a la Ingeniería del Software y a los Sistemas de Información
Introducción al desarrollo web (idesweb)
Introducción al desarrollo web (idesweb) Práctica 5: JavaScript: expresiones regulares y el Modelo de Objetos de Documento 1. Objetivos Aprender a manejar el DOM de una página web para manipular su contenido.
AJAX: ¾Cómo funciona?
AJAX: ¾Cómo funciona? Facultad de Ciencias de la Computación Juan Carlos Conde R. Web Technologies Contenido 1 Introducción 2 Comparación 3 Diagramas de Tiempo 4 Ventajas y Desventajas 5 Alternativas 1
Formularios en HTML. Grupo de Ingeniería del Software. Departamento de Lenguajes y Sistemas Informáticos. October 11
Versión original: Amador Durán Toro (noviembre 2004) Última revisión: Pablo Fernández Montes (octubre 2009); Pequeño cambio en plantilla. Tiempo: 2h escuela técnica superior de ingeniería informática Departamento
Programa Saiotek 2006 SMARTLAB. Entorno de Trabajo Inteligente Colaborativo y Programable
Programa Saiotek 2006 SMARTLAB Entorno de Trabajo Inteligente Colaborativo y Programable Manual del Programador de Gadgets correspondientes a Servicios Avanzados en SmartLab Manual del Programador de
Versión: 01. Fecha: 01/04/2013. Código: F004-P006-GFPI GUÍA DE APRENDIZAJE Nº 1 1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE
SERVICIO NACIONAL DE APRENDIZAJE SENA GUÍA DE APRENDIZAJE SISTEMA INTEGRADO DE GESTIÓN Proceso Gestión de la Formación Profesional Integral Procedimiento Ejecución de la Formación Profesional Integral
Acceso a los elementos HTML
Acceso a los elementos HTML DOM 1 Acceso a elementos HTML Mediante JavaScriptes posible accesaren lectura y escritura los elementos de una página HTML. Es posible, por ejemplo: Cambiarla propiedadsrcde
Curso librerias Web 2.0. Aplicaciones Web Serv Inf UA AJAX
AJAX AJAX... 1 5.- AJAX (Request.js)... 1 Creando un objeto Ajax... 2 Opciones: Data... 2 evalscripts... 3 evalresponse... 3 Eventos... 3 Métodos... 4 Extras...4 Elemento_formulario.set( send,{opciones}).send()...
Introducción a JavaScript y DOM DISERTANTE ING. RASJIDO, JOSE ALBERTO
Introducción a JavaScript y DOM DISERTANTE ING. RASJIDO, JOSE ALBERTO Agenda 2 Introducción a JavaScript Introducción a DOM Referencias Introducción a JavaScript 3 Qué es JavaScript? JavaScript es un lenguaje
Extensiones. Guillermo López Mozilla Hispano
Extensiones Guillermo López Mozilla Hispano Extensiones Qué son? Programilla para extender el comportamiento/visualización de cualquier programa Mozilla Usan la misma tecnología que las aplicaciones Mozilla
DOM. Mediante JavaScript es posible accesar en lectura y
Acceso a los elementos XHTML DOM 1 Acceso a elementos HTML Mediante JavaScript es posible accesar en lectura y escritura los elementos de una página ái HTML. Es posible,,por ejemplo: Cambiar la la propiedad
Desarrollo y servicios web
Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2014-2 Sesión 4. 2 Qué haremos hoy? 3 1. GET/POST 2. Cookies 3.Sesiones Herramientas análisis HTTP Firebug plug-in for Firefox A must have for Web
ANEXO A. FRAMEWORK SARA
ANEXO A. FRAMEWORK SARA Universidad Distrital Francisco José de Caldas 1 1. COMPONENTES SARA se compone de bloques, y cada bloque contiene: Carpeta css: contiene los archivos que le dan estilo al bloque
Acceso a datos desde PHP (avanzado) Múltiples submits a PHP, control, gestión de errores, visualización, jquery, datatables, AJAX
Acceso a datos desde PHP (avanzado) Múltiples submits a PHP, control, gestión de errores, visualización, jquery, datatables, AJAX Vista general Hemos visto lanzar una acción de un formulario a PHP Nos
Tema 3, parte 4. Javascript: el DOM (Modelo de Objetos del. Documento) Texto. http://www.flickr.com/photos/jm3/3620744443
http://www.flickr.com/photos/jm3/3620744443 Tema 3, parte 4 Javascript: el DOM (Modelo de Objetos del Texto Documento) Texto Javascript parte 4 El DOM 1. El árbol DOM Conceptos básicos sobre el API DOM
Características de JavaScript
Características de JavaScript Qué es JavaScript? o Lenguaje de programación interpretado utilizado fundamentalmente para dotar de comportamiento dinámico a las páginas web. o Cualquier navegador web actual
En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea
HTML completo Pregunta 1 En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea Solución: El atributo tabindex Pregunta 2 El elemento de HTML que se emplea para definir
Ingeniería Web. Navegadores Web. Fernando Barraza A.
Ingeniería Web Navegadores Web Fernando Barraza A. fbarraza@javerianacali.edu.co Que es un navegador Un navegador, navegador red o navegador web (del inglés, web browser) es una aplicación de software
Diseño Web Avanzado con HTML5 y CSS3
Diseño Web Avanzado con HTML5 y CSS3 METODOLOGÍA DE LOS CURSOS Cursos interactivos sobre materias especializadas en los que el alumno avanza de forma guiada bajo una concepción learning by doing (aprender
Curso ONLINE de Javascript, jquery y Angular2_. Duración: 50 sesiones aprox. (150 horas lectivas)
Curso ONLINE de Javascript, jquery y Angular2_ Duración: 50 sesiones aprox. (150 horas lectivas) CURSO ONLINE DE Javascript, Jquery y Angular 2_ En el módulo de Javascript, JQuery y Angular 2 entrarás
Christian Busquiel Sanz Diego Morillo Arroyo Alicia Rodríguez Carrión José Romero Huertas
Ajax Christian Busquiel Sanz Diego Morillo Arroyo Alicia Rodríguez Carrión José Romero Huertas Departamento de Ingeniería Telemática Universidad Carlos III de Madrid Contenido Introducción Descripción
CGI Son las siglas de las palabras "Common Gateway Interface", es decir, "Interfaz Común de Pasarela". Esto es, la tecnología CGI está compuesta por
PHP PHP puede realizar cualquier tarea que pueda hacerse con un script CGI, los más conocidos para este lenguaje son las interfaces gráficas para páginas web o formularios que requieren de un intérprete
Temario Programación Web para Web
Temario Programación Web para Web 1 Introducción al HTML 1 Qué es una página web? T 2 Qué es HTML? T 3 Porqué aprender HTML T 4 Base del lenguaje: las etiquetas HTML V 5 Estructura de un documento HTML
Generador de páginas WEB FrontPage2002 (2 de 2)
1 Generador de páginas WEB FrontPage2002 (2 de 2) Departament d Informàtica de Sistemes i Computadors 1 Contenido Tablas, Marcos, Formularios Elementos interactivos y multimedia Plantillas Vistas, barra
Curso de Programación en PHP Nivel I
Curso de Programación en PHP Nivel I Facultad de Ciencia y Tecnología Oro Verde - 2012 Capítulo 2: Programación Web Algo de HTML Definición de Formularios Componentes de los Formularios Métodos de Envío
Web Service: Consulta de Sistema de Turnos Manual de referencia
Web Service: Consulta de Sistema de Turnos Manual de referencia Versión API: 0.1 (beta) Última revisión: 5 de Junio de 2015 Carlos Gabriel Vergara Departamento de Sistemas Subsecretaría de Informática
Manual de AJAX. Las entrañas de AJAX. Basado en el PFC, AJAX, Fundamentos y Aplicaciones. Escrito : Juan Mariano Fuentes Dirigido: Sergio Gálvez Rojas
Manual de AJAX Las entrañas de AJAX Basado en el PFC, AJAX, Fundamentos y Aplicaciones. Escrito : Juan Mariano Fuentes Dirigido: Sergio Gálvez Rojas 2ªEd 2009 Índice Introducción... 5 La Base de la Web
IF ELSE, IF ELSE IF JAVASCRIPT. CONDICIONALES DEL FLUJO O ESTRUCTURAS DE DECISIÓN. EJEMPLOS. EJERCICIOS. (CU01119E)
APRENDERAPROGRAMAR.COM IF ELSE, IF ELSE IF JAVASCRIPT. CONDICIONALES DEL FLUJO O ESTRUCTURAS DE DECISIÓN. EJEMPLOS. EJERCICIOS. (CU01119E) Sección: Cursos Categoría: Tutorial básico del programador web:
Unidad 1.- Fundamentos de sitios web. El lenguaje HTML. Desarrollo de aplicaciones Web. Felipe LC
Unidad 1.- Fundamentos de sitios web. El lenguaje HTML Desarrollo de aplicaciones Web. Felipe LC La actividad #1 En qué consistió la actividad 1? Qué conceptos aprendimos? Demos algunos ejemplos. Qué aprendimos
Computación distribuida sobre Ruby on Rails
Computación distribuida sobre Ruby on Rails I Conferencia Rails Hispana Madrid, Noviembre 2006 JJ Merelo Dpto ATC, UGR Juan Lupión sobrerailes.com Computación distribuida Rails, AJAX y JSON Prueba de concepto:
Aplicaciones Web Mg. Abril Saire Peralta
FORMULARIOS EN HTML Los formularios son interfaces interactivas que permiten a los usuarios interactuar con la página WEB a través del ingreso o captura de datos de los visitantes. A través de los formularios
JavaScript. Rogelio Ferreira Escutia
JavaScript Rogelio Ferreira Escutia Características JavaScript es un lenguaje de scripting basado en Objetos, utilizado para acceder a objetos en aplicaciones. Es utilizado, principalmente, integrado en
HTML, PHP y bases de datos
HTML, PHP y bases de datos Estrella Pulido Cañabate HTML Estructura de un documento HTML Zen and Tumbolia The Zen monk Bassui wrote a letter to one of his disciples
Modelo de objetos de documento
Departamento de Lenguajes y Sistemas Informáticos Modelo de objetos de documento Programación en Internet Curso 2007-2008 Índice Introducción DOM Cómo acceder a un formulario BOM DLSI - Universidad de
Índice. Programación en Internet Curso 2009-2010. Introducción El DOM en PHP. Programación en Internet 2009-2010. DLSI - Universidad de Alicante 1
Departamento de Lenguajes y Sistemas Informáticos PHP y XML Programación en Internet Curso 2009-2010 Introducción El DOM en PHP Índice DLSI - Universidad de Alicante 1 Introducción Cómo se trabaja con
Ajax Fácil con CakePHP
Ajax Fácil con CakePHP El ideal del desarrollo web Separación Contenido Presentación Comportamiento (Behaviour) Contenido: (X)HTML (extensible) HyperText Markup Language Estándares Web Estándares Web 3
Programación del Navegador
Programación del Navegador Andrés Pastorini TRIA Tecnólogo Informático Objetivo Seguir profundizando en los conceptos y las tecnologías involucradas en el desarrollo de aplicaciones web. Repaso Qué es
Pasarela para envíos de faxes a través de interfaz HTTPS
Pasarela para envíos de faxes a través de interfaz HTTPS La pasarela para envío de faxes a través de interfaz HTTPS permite el envío de faxes M2M (De maquina a maquina) a traves de la ruta https://appsnetelipcom/
HTML completo. Pregunta 1: Pregunta 2: Pregunta 3: Pregunta 4:
HTML completo Pregunta 1: En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea a) El atributo tab b) El atributo tabindex c) El atributo alt d) No se puede Pregunta
Programación Hipermedia I
Programación Hipermedia I Práctica 5: JavaScript 1. Objetivos Aprender el lenguaje de programación JavaScript. Aprender a manejar el DOM de una página web para acceder a su contenido. Aprender a validar
Tomar información por pantalla con JavaScript
Tomar información por pantalla con JavaScript Para lograr interactividad con nuestros usuarios, es necesario reaccionar a sus acciones o permitir que estos ingresen información para que sea manipulada,
Curso de PHP. Acceso a bases de datos MySQL en PHP
Curso de PHP Acceso a bases de datos MySQL en PHP Bases de datos en la Web Esquema básico de un sitio web soportado por bases de datos: Lenguaje SQL SQL (Structured Query Language) es el lenguaje que se
Desarrollo y servicios web
Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2015-1 Qué vimos la clase pasada? 1. Fin tutorial HTML 2. Nombres de dominio 3. URLs 3 Sesión 4. Método GET - POST Qué haremos hoy? 1. Tipos de solicitudes
Los formularios irán delimitados por las etiquetas <FORM> y </FORM>, la cual tiene dos parámetros:
Formularios en HTML Los formularios nos sirven para solicitar información al usuario y procesarla. El formulario se compondrá de diferentes componentes como campos de texto, botones de opción, listas desplegables,...
Enviando parámetros al servidor
Enviando parámetros al servidor El objetivo de este capítulo es aprender y ver las distintas posibilidades que tenemos de enviar parámetros al servidor para ejecutar una accion. Existen muchas técnicas,
NUEVAS ETIQUETAS HTML 5
NUEVAS S HTML 5 Se muestra a continuación el listado completo de las etiquetas indicando las nuevas HTML 5, las mismas se agrupan en base a su funcionalidad dentro del documento html. Establece
Tema 4: Aplicaciones web en dispositivos móviles. 4.4 Service Workers
Tema 4: Aplicaciones web en dispositivos móviles 4.4 Service Workers Service Workers Scripts que se ejecutan en segundo plano, independientemente de la página original Pueden detectar ciertos eventos interesantes
Introducción a AJAX y visión global de la práctica
Introducción a AJAX y visión global de la práctica Modelo de aplicaciones Web clásico (1) La mayor parte de las interacciones del usuario causan una petición HTTP al servidor Web El servidor Web procesa
Hello World Ajax! con Eclipse
Hello World Ajax! con Eclipse Arrancamos Eclipse. Creamos un proyecto nuevo (File->New->Project). Seleccionamos un proyecto de tipo 'web->dinamic web project'. Asignamos un nombre a nuestro proyecto, elegimos
2. Acción: El atributo action de la etiqueta <form> es el URL del script PHP que procesa los datos de entrada del formulario.
UNIDAD CERO Crear formularios en HTML. La creación de formularios en html es muy importante en el desarrollo de aplicaciones web dinámicas, tomando en cuenta que estos son los encargados (formularios)
Ajax. Asynchronous JavaScript And XML No es un lenguaje de programación Varias tecnologías unidas de manera muy potente:
Ajax Asynchronous JavaScript And XML No es un lenguaje de programación Varias tecnologías unidas de manera muy potente: XHTML y CSS (presentación basada en estándares) DOM (visualización dinámica e interacción)
Ajax: Un Nuevo acercamiento a las Aplicaciones Web
Ajax: Un Nuevo acercamiento a las Aplicaciones Web.: Jesse James Garrett - 2005-06-11 AJAX parece ser la palabra de moda en el mundo del desarrollo de aplicaciones Web, AJAX no es una tecnología, sino
UNIDAD 1 GENERALIDADES HTML
UNIDAD 1 GENERALIDADES HTML GENERALIDADES HTML5 Una página web es un archivo con texto en el que se insertan diferentes etiquetas HTML, para que ese contenido pueda ser interpretado por el navegador web.
DWR: Easy Ajax for Java
DWR: Easy Ajax for Java Juan Fernández Rodríguez uo67775@uniovi.es Resumen. En este artículo describiremos brevemente que es Ajax de que tecnologías se compone y como funciona, haremos un breve resumen
JavaScript III. JavaScript, la POO y el DOM
JavaScript III JavaScript, la POO y el DOM Tablas HTML Crear una tabla es una tarea tediosa, por la gran cantidad de nodos de tipo elemento y de tipo texto que se deben crear dentro del DOM. DOM para HTML
PRACTICA CSS - DHTML JQUERY. -Definir en un archivo de hoja de estilo externa.css estas dos clases:
PRACTICA CSS - DHTML JQUERY 1- CSS -Definir en un archivo de hoja de estilo externa.css estas dos clases:.subrayado { color:#00aa00; text-decoration:underline; }.tachado { color:#00aa00; text-decoration:line-through;
Manual de AJAX. Las entrañas de AJAX. Basado en el PFC, AJAX, Fundamentos y Aplicaciones. Escrito : Juan Mariano Fuentes Dirigido: Sergio Gálvez Rojas
Manual de AJAX Las entrañas de AJAX Basado en el PFC, AJAX, Fundamentos y Aplicaciones. Escrito : Juan Mariano Fuentes Dirigido: Sergio Gálvez Rojas 2ªEd 2009 Índice Introducción... 5 La Base de la Web