AJAX. Desarrollo de Aplicaciones Distribuidas
|
|
- Rosa María Acosta Poblete
- hace 8 años
- Vistas:
Transcripción
1 AJAX Desarrollo de Aplicaciones Distribuidas
2 Contenido Introducción Desarrollo XMLHttpRequest Envío de datos Procesamiento de datos JSON Algunas técnicas en AJAX Referencias 2
3 AJAX - Introducción AJAX es un acrónimo de Asynchronous JavaScript + XML (JavaScript asíncrono + XML) Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se unen de formas nuevas y sorprendentes. Las tecnologías que forman AJAX son: XHTML y CSS, para crear una presentación basada en estándares. DOM, para la interacción y manipulación dinámica de la presentación. XML y JSON, para el intercambio de información. XMLHttpRequest, para el intercambio asíncrono de información. JavaScript, para unir todas las demás tecnologías. 3
4 AJAX 4
5 AJAX En las aplicaciones web tradicionales, las acciones del usuario en la página desencadenan peticiones al servidor. El servidor procesa la petición y devuelve una nueva página HTML al navegador del usuario. Peticiones continuas al servidor requieren esperar a que se recargue la página con los cambios solicitados. AJAX mejora la interacción del usuario evitando las recargas constantes de la página El intercambio de información con el servidor se produce en un segundo plano. 5
6 AJAX 6
7 AJAX AJAX eliminan la recarga constante de páginas mediante creación de un elemento intermedio entre el usuario y el servidor El usuario ya no se encuentra con una ventana del navegador vacía esperando la respuesta del servidor. Las peticiones HTTP al servidor se sustituyen por peticiones JavaScript que se realizan de forma asíncrona al elemento encargado de AJAX. Se evitan recargas de página o largas esperas por la respuesta del servidor. 7
8 8
9 AJAX - Desarrollo Contexto Introducido en nuevo desarrollo de Exchange 2000 (pobre cliente web OWA Outlook Web Access ) Desarrollo de XMLHTTP. Inclusión en la versión de Internet Explorer 5 (librería MSXML) 9
10 Ejemplo Hola Mundo : La petición HTTP y la descarga de los contenidos del archivo (mensaje hola mundo) se realizan sin necesidad de recargar la página. AJAX <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " xhtml1/dtd/xhtml1-transitional.dtd"> <html> <head> <title>hola Mundo con AJAX</title> <script type="text/javascript"> function descargaarchivo() { // Obtener la instancia del objeto XMLHttpRequest if(window.xmlhttprequest) { peticion_http = new XMLHttpRequest(); else if(window.activexobject) { peticion_http = new ActiveXObject("Microsoft.XMLHTTP"); // Preparar la funcion de respuesta peticion_http.onreadystatechange = muestracontenido; // Realizar peticion HTTP peticion_http.open('get', ' true); peticion_http.send(null); function muestracontenido() { if(peticion_http.readystate == 4) { if(peticion_http.status == 200) { alert(peticion_http.responsetext); window.onload = descargaarchivo; </script> </head> <body></body> </html> 10
11 AJAX Cuatro bloques: instanciar el objeto XMLHttpRequest peticion_http = new XMLHttpRequest(); preparar la función de respuesta peticion_http.onreadystatechange = muestracontenido; onreadystatechange = cuando reciba la respuesta del servidor, se ejecuta manejador del evento. realizar la petición al servidor peticion_http.open('get', ' true); peticion_http.send(null); ejecutar la función de respuesta muestracontenido() comprueba que se ha recibido respuesta válida del servidor (propiedad readystate) 11
12 AJAX - XMLHttpRequest Propiedades de XMLHttpRequest 12
13 AJAX Propiedad readystate 13
14 AJAX Métodos de XMLHttpRequest 14
15 AJAX open (string metodo, string URL [,boolean asincrono, string usuario, string password]); Por defecto, las peticiones realizadas son asíncronas send (contenido) contenido indica la información que se va a enviar al servidor junto con la petición HTTP (una cadena de texto, un array de bytes o un objeto XML DOM) 15
16 AJAX Envío de datos <form> <label for="fecha_nacimiento">fecha de nacimiento:</label> <input Ejemplo type="text" de interacción id="fecha_nacimiento" con el name="fecha_nacimiento" servidor /> <br/> <label for="codigo_postal">codigo postal:</label> <input type="text" id="codigo_postal" name="codigo_postal" /> <br/> <label for="telefono">telefono:</label> <input type="text" id="telefono" name="telefono" /> <br/> <input type="button" value="validar datos" /> </form> <div id="respuesta"></div> 16
17 var READY_STATE_COMPLETE=4; var peticion_http = null; function inicializa_xhr() { return new XMLHttpRequest(); function crea_query_string() { var fecha = document.getelementbyid("fecha_nacimiento"); var cp = document.getelementbyid("codigo_postal"); var telefono = document.getelementbyid("telefono"); return "fecha_nacimiento=" + encodeuricomponent(fecha.value) + "&codigo_postal=" + encodeuricomponent(cp.value) + "&telefono=" + encodeuricomponent(telefono.value) + "&nocache=" + Math.random(); function valida() { peticion_http = inicializa_xhr(); if(peticion_http) { peticion_http.onreadystatechange = procesarespuesta; peticion_http.open("post", " true); peticion_http.setrequestheader("content-type", "application/x-www-form-urlencoded"); var query_string = crea_query_string(); peticion_http.send(query_string); function procesarespuesta() { if(peticion_http.readystate == READY_STATE_COMPLETE) { if(peticion_http.status == 200) { document.getelementbyid("respuesta").innerhtml = peticion_http.responsetext; Desarrollo de Aplicaciones 17 Distribuidas
18 AJAX peticion_http.setrequestheader("content-type", "application/x-www-formurlencoded"); si no se establece la cabecera Content-Type correcta, el servidor descarta todos los datos enviados mediante el método POST. para enviar parámetros mediante el método POST, es obligatorio incluir la cabecera Content-Type peticion_http.send(query_string); se encarga de enviar los parámetros al servidor (cadena de texto, documento XML, ) parámetros se envían en forma de cadena de texto con las variables y sus valores concatenados mediante el símbolo & encodeuricomponent() en query_string es imprescindible para evitar problemas con algunos caracteres especiales. 18
19 AJAX Procesamiento de datos XMLHttpRequest también permite la recepción de respuestas de servidor en formato XML. petición_http.responsexml Procesamiento mediante métodos DOM de manejo de documentos XML/HTML <respuesta> <mensaje>...</mensaje> <parametros> <telefono>...</telefono> <codigo_postal>...</codigo_postal> <fecha_nacimiento>...</fecha_nacimiento> </parametros> </respuesta> 19
20 AJAX function procesarespuesta() { if(peticion_http.readystate == READY_STATE_COMPLETE) { if(peticion_http.status Procesamiento == 200) { de la respuesta var documento_xml = peticion_http.responsexml; var root = documento_xml.getelementsbytagname("respuesta")[0]; var mensajes = root.getelementsbytagname("mensaje")[0]; var mensaje = mensajes.firstchild.nodevalue; var parametros = root.getelementsbytagname("parametros")[0]; var telefono = parametros.getelementsbytagname("telefono")[0].firstchild.nodevalue; var fecha_nacimiento = parametros.getelementsbytagname("fecha_nacimiento")[0].firstchild.nodevalue; var codigo_postal = parametros.getelementsbytagname("codigo_postal") [0].firstChild.nodeValue; + document.getelementbyid("respuesta").innerhtml = mensaje + "<br/>" + "Fecha nacimiento = " + fecha_nacimiento + "<br/>" + "Codigo postal = " + codigo_postal "<br/>" + "Telefono = " + telefono; 20
21 AJAX - JSON JSON (JavaScript Object Notation) Formato mucho más compacto y ligero que XML, usado para el intercambio de información Fácil de procesar por el navegador Tipo MIME oficial es application/json Representa estructuras de datos (arrays) y objetos (arrays asociativos) en forma de texto 21
22 JSON var modulos = new Array(); modulos[0] = "Lector RSS"; modulos[1] = "Gestor "; modulos[2] = "Agenda"; modulos[3] = "Buscador"; modulos[4] = "Enlaces"; var modulos = ["Lector RSS", "Gestor ", "Agenda", "Buscador", "Enlaces"]; var modulos = new Array(); modulos.titulos = new Array(); modulos.titulos['rss'] = "Lector RSS"; modulos.titulos[' '] ="Gestor de "; modulos.titulos['agenda'] = "Agenda"; var modulos = new Array(); modulos.titulos = new Array(); modulos.titulos.rss = "Lector RSS"; modulos.titulos. ="Gestor de "; modulos.titulos.agenda = "Agenda"; var modulos = new Array(); modulos.titulos = {rss: "Lector RSS", "Gestor de ", agenda: "Agenda"; 22
23 JSON La notación JSON para los arrays asociativos se compone de tres partes: 1. Los contenidos del array asociativo se encierran entre llaves ({ y ) 2. Los elementos del array se separan mediante una coma (,) 3. La clave y el valor de cada elemento se separan mediante dos puntos (:) Si la clave no contiene espacios en blanco, es posible prescindir de las comillas 23
24 JSON var modulo = new Object(); modulo.titulo = "Lector RSS"; modulo.objetoinicial = new Object(); modulo.objetoinicial.estado = 1; modulo.objetoinicial.publico = 0; modulo.objetoinicial.nombre = "Modulo_RSS"; modulo.objetoinicial.datos = new Object(); var modulo = { titulo : "Lector RSS", objetoinicial : { estado : 1, publico : 0, nombre : "Modulo RSS", datos : { ; 24
25 <respuesta> <mensaje>...</mensaje> <parametros> <telefono>...</telefono> <codigo_postal>...</codigo_postal> <fecha_nacimiento>...</fecha_nacimiento> </parametros> </respuesta> { mensaje: "...", parametros: {telefono: "...", codigo_postal: "...", fecha_nacimiento: "..." function procesarespuesta() { if(http_request.readystate == READY_STATE_COMPLETE) { if(http_request.status == 200) { var respuesta_json = http_request.responsetext; var objeto_json = eval("("+respuesta_json+")"); var mensaje = objeto_json.mensaje; var telefono = objeto_json.parametros.telefono; var fecha_nacimiento = objeto_json.parametros.fecha_nacimiento; var codigo_postal = objeto_json.parametros.codigo_postal; document.getelementbyid("respuesta").innerhtml = mensaje + "<br>" + "Fecha nacimiento = " + fecha_nacimiento + "<br>" + "Codigo postal = " + codigo_postal + "<br>" + "Telefono = " + telefono; 25
26 AJAX Se debe transformar la cadena de texto en un objeto JSON. Función eval(), se añaden paréntesis al principio y al final para realizar la evaluación de forma correcta var objeto_json = eval("("+respuesta_json+")"); Permite acceder a sus métodos y propiedades mediante la notación de puntos tradicional var fecha_nacimiento = objeto_json.parametros.fecha_nacimiento; Es posible el envío de los parámetros en formato JSON No es tarea sencilla (librerías JSON) 26
27 Algunas técnicas en AJAX Listas desplegables encadenadas Cuando se selecciona un elemento de la primera lista desplegable, se cargan en la segunda lista unos valores que dependen del valor seleccionado en la primera lista Autocompletar Al usuario se le presenta un cuadro de texto simple en el que puede introducir la información. A medida que el usuario escribe, la aplicación muestra en un desplegable los valores que coinciden con la entrada actual. 27
28 AJAX Listas desplegables encadenadas Los valores de la primera lista se incluyen en la página y cuando se selecciona un valor, se realiza una consulta al servidor para obtener los valores de la otra lista. 28
29 AJAX Autocompletar Combinar un cuadro de texto y una lista desplegable en AJAX. Cuando el usuario escribe en el cuadro de texto, la aplicación solicita al servidor los términos relacionados con lo escrito. Cuando la aplicación recibe la respuesta, la muestra a modo de ayuda para autocompletar. 29
30 Referencias Documentos de referencia: Introducción a AJAX, Javier Eguíluz Pérez ( <fuente transparencias> AJAX, Manual imprescindible, 2008, Javier Mellado Domínguez, ANAYA Profesional AJAX, Nicholas C. Zakas, Jeremy McPeak y Joe Fawcett, 2006, ANAYA Ajax in Action, Dave Crane, Eric Pascarello, Darren James, 2005, Manning 30
AJAX. Desarrollo de Aplicaciones en Entornos Web Curso 2016/2017
AJAX Desarrollo de Aplicaciones en Entornos Web Curso 2016/2017 Contenido! Concepto básicos de una aplicación web " Protocolo HTTP! AJAX! Ajax Petición: XMLHttpRequest! Ajax Respuesta : procesamiento de
Más detallesAJAX. 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
Más detallesClase 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
Más detallesParte 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
Más detallesJavascript 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
Más detallesA j ax. XHTML/CSS JavaScript/DOM XML PHP/ASP.NET/JSP-XML
A j ax Ajax: Son las siglas Asynchronous JavaScript And XML; no es un lenguaje exactamente, es una técnica de desarrollo web para crear aplicaciones interactivas mediante la combinación varias tecnologías:
Más detallesDESARROLLO 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
Más detallesJavaScript,, 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
Más detallesJavaScript 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
Más detallesWeb 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
Más detallesClase. 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...
Más detallesTEMA 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
Más detallesJuan Ramón Pérez Pérez
Juan Ramón Pérez Pérez El API de Google Maps te permite incrustar Google Maps en tus propias páginas web mediante JavaScript. El API proporciona: Utilidades para manipular los mapas Añadir contenido al
Más detallesEjercicios de AJAX y REST
Índice 1 AJAX (1 punto)... 2 2 Servicios REST (1.5 puntos)... 3 3 Gestión de errores en servicios REST (0.5 puntos)...5 1. AJAX (1 punto) Vamos a cambiar la búsqueda de usuarios para que funcione mediante
Más detallesSu uso conlleva una serie de ventajas y desventajas propias del uso de estas herramientas.
LIBRERÍAS DE JAVASCRIPT (FRAMEWORKS) Un framework es una estructura de software compuesta de partes personalizables e intercambiables para el desarrollo de una aplicación. Se puede considerar también como
Más detallesACTIONSCRIPT (AS) Proyectos II. Audiovisuales. Dpto. Escultura. UPV. [sintaxis elemental]
ACTIONSCRIPT (AS) Proyectos II. Audiovisuales. Dpto. Escultura. UPV. [sintaxis elemental] Action script es el lenguaje de programación que lleva incorporado el software de creación multimedia Macromedia
Más detallesXHTML 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
Más detallesScripting en el cliente: Javascript. Tecnologías Web
Scripting en el cliente: Javascript Tecnologías Web Motivación Por qué usar JavaScript? Permite crear efectos atractivos visualmente Permite crear sitios WEB que se visualicen de la misma manera en distintos
Más detallesJavaScript como Orientación a Objetos
Gustavo Lacoste (gustavo@lacosox.org) October 2012 Resumen El objetivo de las siguientes notas es generar una estructura en JavaScript que nos permita reutilizar de manera limpia las funciones creadas
Más detallesTEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA
TEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA AREA DEL TEMA: INGENIERÍA DE SOFTWARE OBJETIVO GENERAL Desarrollar aplicaciones web utilizando
Más detallesProgramació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
Más detallesTEMA 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.-
Más detallesACCESO AL SERVIDOR EXCHANGE MEDIANTE OWA
ACCESO AL SERVIDOR EXCHANGE MEDIANTE OWA El Acceso al correo a través de OWA (Outlook Web Access) es una herramienta que permite a los usuarios consultar sus mensajes en una interfaz Web a través de un
Más detallesProgramació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
Más detallesDESARROLLO 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
Más detallesCurso PHP Módulo 1 R-Luis
Lenguaje PHP Introducción Archivos HTML y PHP: Crear un archivo php es tan sencillo como cambiarle la extensión a un archivo html, por ejemplo podemos pasar de index.html a index.php sin ningún inconveniente.
Más detallesRESUMEN INFORMATIVO PROGRAMACIÓN DIDÁCTICA CURSO 2013/2014
RESUMEN INFORMATIVO PROGRAMACIÓN DIDÁCTICA CURSO 2013/2014 FAMILIA PROFESIONAL: INFORMATICA Y COMUNICACIONES MATERIA: 28. DESARROLLO WEB EN ENTORNO SERVIDOR CURSO: 2º DE CFGS DESARROLLO DE APLICACIONES
Más detallesUn poco de culturilla...1 Crear un servicio Web...1 Usar servicios web...6
Servicios web Índice de contenido Un poco de culturilla...1 Crear un servicio Web...1 Usar servicios web...6 Un poco de culturilla La alta conectividad entre ordenadores ha sido una meta desde que comenzó
Más detallesLENGUAJES DE PROGRAMACIÓN 4 MÓDULOS. 56 Horas
LENGUAJES DE PROGRAMACIÓN 4 MÓDULOS. 56 Horas HTML, XHTML Y CSS K008 10 horas Obtener un conocimiento base sobre las tecnologías usadas en la creación de páginas web. Conocer la estructura y comandos básicos
Más detallesPROGRAMACIÓN PÁGINAS WEB CON PHP
PROGRAMACIÓN PÁGINAS WEB CON PHP Curso de desarrollo de aplicaciones web. Para ello se estudia la programación de la parte cliente con JavaScript y la programación de la parte servidor con la tecnología
Más detallesDWR: 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
Más detallesFORMACIÓN ESPECIALIZADA EN HERRAMIENTAS Y LENGUAJES DE PROGRAMACIÓN WEB
HERRAMIENTAS Y LENGUAJES DE PROGRAMACIÓN WEB La consolidación de los medios online como soporte principal de comunicación, así como la coyuntura económica, que relega a los soportes publicitarios convencionales
Más detallesATLAS MANUAL DE USUARIO COMPONENTE CODIGO DE BARRAS
ATLAS MANUAL DE USUARIO COMPONENTE CODIGO DE BARRAS Versión 1.3 Área de Aplicaciones Especiales y Arquitectura de Software 8 Hoja de Control Título Documento de Referencia Responsable Manual de Usuario
Más detallesMANUAL TÉCNICO WEB SERVICE PROTOCOLO SOAP
MANUAL TÉCNICO WEB SERVICE PROTOCOLO SOAP ÍNDICE Contenido SERVICIO WEB SOAP... 3 ACCESO A CONSUMIR SERVICIO WEB... 4 EJECUCIÓN DE FUNCIONES... 4 FUNCIÓN SET_SMS... 5 FUNCIÓN SET_SMS_MULTIPLE... 6 FUNCIÓN
Más detallesTema 4: Diseño e Implementación de la Capa Web
Tema 4: Diseño e Implementación de la Capa Web Índice 4.1 Tutorial de Servlets y JSPs 4.2 Tutorial de Tapestry 4.3 Caso de Estudio: Diseño e Implementación de la Capa Web de MiniBank 4.4 Caso de estudio:
Más detallesCurso librerias Web 2.0. Aplicaciones Web Serv Inf UA JSON
JSON JSON... 1 1) DEFINICIÓN... 1 LITERALES DE MATRIZ... 1 LITERALES DE OBJETO... 2 SINTAXIS DE JSON... 3 2) CODIFICAR Y DECODIFICAR JSON... 4 MOOTOOLS: Json... 4 JSON.encode(objeto)... 4 JSON.decode(string,
Más detallesManual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4
Manual del Sistema de XML Whois de Neubox Versión 9.12.4 1 Índice Sección Página I. Introducción........ 3 II. Contenido del paquete............ 4 III. Instalación y uso....... 5 1. Cómo comprobar la plantilla......
Más detallesManual CMS Mobincube
Manual CMS Mobincube CMS Mobincube Qué es? El CMS (Sistema de Gestión de Contenidos) es un completo website que permite la creación y actualización de contenido remoto. De esta forma, una vez creada una
Más detallesProceso de cifrado. La fortaleza de los algoritmos es que son públicos, es decir, se conocen todas las transformaciones que se aplican al documento
Qué es AT-Encrypt nos permitirá dotar de contraseña a cualquier documento o carpeta. Este documento o carpeta sólo será legible por aquel que conozca la contraseña El funcionamiento del cifrado (o encriptación)
Más detallesLa plantilla propone aprovechar esta estructura en común y sólo modificar el contenido del área del documento que sea diferente.
PLANTILLAS EN PHP El concepto de plantilla, es un criterio del desarrollo web que propone optimizar la cantidad de documentos HTML que se usan en el desarrollo de un sitio web. A lo largo de la navegación
Más detallesGUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII
GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples
Más detallesProgramación Web Tema 3.3 AJAX. Miguel Ángel Manso Emerson Castañeda Ramón Alcarria ETSI en Topografía, Geodesia y Cartografía - UPM
Programación Web Tema 3.3 AJAX Miguel Ángel Manso Emerson Castañeda Ramón Alcarria ETSI en Topografía, Geodesia y Cartografía - UPM Introducción (I) AJAX aparece por primera vez en el artículo de Jesse
Más detallesXAJAX: una librería de AJAX para PHP (parte 1)
XAJAX: una librería de AJAX para PHP (parte 1) AJAX es el acrónimo de Asynchronous Javascript And XML o Javascript y XML asíncronos dicho en nuestro idioma. Se trata de una combinación de tecnologías que
Más detallesTIPOS DE VARIABLES EN PHP. DECLARACIÓN Y ASIGNACIÓN. LA INSTRUCCIÓN ECHO PARA INSERTAR TEXTO O CÓDIGO. (CU00816B)
APRENDERAPROGRAMAR.COM TIPOS DE VARIABLES EN PHP. DECLARACIÓN Y ASIGNACIÓN. LA INSTRUCCIÓN ECHO PARA INSERTAR TEXTO O CÓDIGO. (CU00816B) Sección: Cursos Categoría: Tutorial básico del programador web:
Más detallesGenerador de Proxy remoto JavaScript.
Generador de Proxy remoto JavaScript. 1. Introducción: La aplicación genera un proxy JavaScript a partir de un servicio web de.net con extensión.asmx, tomado como entrada. Automatizando de esta manera
Más detallesCURSO DE PROGRAMACIÓN WEB EJERCICIOS PHP
CURSO DE PROGRAMACIÓN WEB EJERCICIOS PHP Tabla de contenido Ejercicio 1... 3 Ejercicio 2... 4 Ejercicio 3... 4 Ejercicio 4... 5 Ejercicio 5... 5 Ejercicio 6... 6 Ejercicio 7... 7 Ejercicio 8... 8 Ejercicio
Más detallesPrograma. Conceptos básicos: variables, valores y objetos predefinidos, operadores, etc. etc. Callbacks, eval(), etc.
Programa Programa 1. Introducción. Repaso HTML-CSS. Orientaciones Generales. 2. Javascript: Qué es? Dónde se ejecuta? Cómo se ejecuta? Conceptos básicos: variables, valores y objetos predefinidos, operadores,
Más detallesObtener status de un mensaje... 3
Servicios WEB Tabla de contenido Servicios WEB de MasMensajes... 3 Push simple de mensaje usando métodos GET y POST... 3 HTTP METODO GET... 3 Push simple de mensaje usando métodos GET y POST obteniendo
Más detallesAplicaciones seguras con ClaseSeguridad
Aplicaciones seguras con ClaseSeguridad Índice de contenido Por que ClaseSeguridad?...1 Referenciar ClaseSeguridad...1 Declaración y creación...1 Evitar inyección de SQL...1 Eliminar etiquetas...3 Evitar
Más detallesManual SSO Avant2. www.avant2.es soporte@avant2.es Última revisión: 02/05/2013. Copyright Codeoscopic S.A.
Manual SSO Avant2 www.avant2.es soporte@avant2.es Última revisión: 02/05/2013 Copyright Codeoscopic S.A. Este documento es propiedad y copyright de Codeoscopic SA, y su contenido es confidencial. Este
Más detalles2- Formularios y JavaScript Course: Developing web- based applica=ons
2- Formularios y JavaScript Course: Developing web- based applica=ons Cris*na Puente, Rafael Palacios 2010- 1 Creación de formularios Formularios Un formulario HTML es una sección de un documento que contiene
Más detallesObtener status de un mensaje... 2
1 Tabla de contenido Servicios WEB de MasMensajes (Manual para departamento de TI)... 2 Push simple de mensaje usando métodos GET y POST... 2 HTTP METODO GET... 2 Push simple de mensaje usando métodos
Más detallesTutorial Internet Explorer 5.5
Tutorial Internet Explorer 5.5 Introducción Los navegadores como Netscape Communicator o Internet Explorer son sistemas hipermedia diseñados para recuperar información distribuida sobre la red Internet
Más detallesTUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIÓN DE CAMPOS EN FORMULARIOS HTML:
TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIÓN DE CAMPOS EN FORMULARIOS HTML Página 1 de 6 TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIÓN DE CAMPOS EN FORMULARIOS
Más detallesÁLAMO SOFTWARE PARA GESTIÓN INMOBILIARIA
ÁLAMO SOFTWARE PARA GESTIÓN INMOBILIARIA Características Técnicas Soporte Servidor Apache (EasyPHP 5.3) Lenguajes utilizados PHP 5 JavaScript (framework jquery) HTML CSS Base de datos PostgreSQL 8.3 Características
Más detallesMANUAL ECOMMERCE 2.0
MANUAL ECOMMERCE 2.0 1.- INTRODUCCIÓN Nuevas características añadidas al módulo: - Gestión de atributos de productos. - Gestión de cupones - Mejoras en métodos de envío - Descuentos a nivel de productos,
Más detallesObjetivos y Temario CURSO PROGRAMACION JAVASCRIPT Y JQUERY
Objetivos y Temario CURSO PROGRAMACION JAVASCRIPT Y JQUERY OBJETIVOS JavaScript es un lenguaje de programación para interactuar con los navegadores, que proporciona a los sitios Web dinamismo e inmediatez.
Más detallesCursos de Extensión Universitaria UNIVERSIDAD DE OVIEDO. Servicios Web (II)
Fernández Acebal acebal@ieee.org OOTLab PROGRAMACIÓN ORIENTADA A OBJETOS CON C# EN LA PLATAFORMA.NET (II) Dpto. de Informática Lab - Laboratorio de Tecnologías Orientadas a Objetos www.ootlab.uniovi.es
Más detallesKaldeera Advanced Forms 2009 Guía del usuario
Kaldeera Advanced Forms 2009 Guía del usuario Indice Usando Kaldeera Advanced Forms 2009... 3 Accediendo a la página de configuración... 3 Activando o desactivando la funcionalidad de Kaldeera Advanced
Más detallesManual de USO de la Aplicación. Pasarela SMS
Manual de USO de la Aplicación Pasarela SMS 1. Acceso a la Aplicación Una vez ha ejecutado la aplicación le aparecerá una ventana como la siguiente: Si está registrado sólo deberá incluir su email y Clave,
Más detallesTECNOLOGÍAS ASOCIADAS A LAS APLICACIONES WEB
TECNOLOGÍAS ASOCIADAS A LAS APLICACIONES WEB Existen varios tipos de tecnologías para los Servidores Web, estas tecnologías se pueden dividir en 4 grupos principales que son: Tecnologías al lado del cliente
Más detallesTEMA 9 CREACIÓN DE PÁGINAS WEB
TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio
Más detallesIntroducción al desarrollo web (idesweb)
Introducción al desarrollo web (idesweb) Práctica 8: PHP 2 (cookies y sesiones) 1. Objetivos Conocer el concepto de cookie y sus posibles usos. Aprender a utilizar las cookies con PHP. Conocer el concepto
Más detallesEjemplos básicos de webmathematica para profesores
Ejemplos básicos de webmathematica para profesores Cualquier cálculo hecho dentro Mathematica puede ser realizado usando webmathematica con dos limitaciones significativas. Primero, al usar webmathematica,
Más detalles4. 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
Más detallesDesarrollo 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
Más detallesEUROPIO ENGINE LAB: FORMULARIOS WEB Y TABLAS HTML EN SOLO
20 EUROPIO ENGINE LAB: FORMULARIOS WEB Y TABLAS HTML EN SOLO UNOS POCOS PASOS HACE APENAS MENOS DE UN MES, LANCÉ UNA NUEVA VERSIÓN ESTABLE DE EUROPIO ENGINE: LA 3.2.5. ESTO ME MOTIVÓ A TERMINAR DOS COMPLEMENTOS
Más detallesTareas sobre ASP. Las cookies son incluidas por un script CGI (servidor) en la cabecera de un paquete http de respuesta al cliente.
Tareas sobre ASP Igarki San Millán Rodríguez Garbiñe López Estívariz Carmen Rodríguez Vázquez Sara Eguiluz Sáez de Urturi Relación entre HTTP y cookies: Las cookies complementan el protocolo HTTP en la
Más detallesJavaScript toma su sintaxis de los lenguajes de programación más conocidos, fundamentalmente C/C++, aunque también algo de Pascal.
1 JavaScript 1.1 Qué es JavaScript? JavaScript es un lenguaje interpretado. Es idóneo para trabajar en Web, ya que son los navegadores que utilizamos los que interpretan (y por tanto ejecutan) los programas
Más detallesCurso Online de Diseño Web avanzado con HTML5 y CSS3
Curso Online de Diseño Web avanzado con HTML5 y CSS3 Presentación : El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico al punto de casi sustituirlo en algunas propuestas
Más detallesTema 1 HTTP y aplicaciones web
Tema 1 HTTP y aplicaciones web Indice 1. HTTP para sitios web estáticos 2. HTTP básico para aplicaciones web 3. Aplicaciones AJAX 4. APIs REST 1.1. HTTP para sitios web estáticos Petición/respuesta HTTP
Más detallesATLAS MANUAL DE USUARIO ARBOL ACCESIBLE
ATLAS MANUAL DE USUARIO ARBOL ACCESIBLE Versión 1.3 Área de Aplicaciones Especiales y Arquitectura de Software Hoja de Control Título Documento de Referencia Responsable Manual de Usuario del NORMATIVA
Más detallesCurso de Diseño web. Juan Carlos Hernández Pérez juancarhdezperez@gmail.com
Curso de Diseño web Juan Carlos Hernández Pérez juancarhdezperez@gmail.com 1 Tema 1 Introducción al lenguaje HTML 2 Introducción a HTML (I/II) HTML es un lenguaje para publicar textos en Web HTML te permite
Más detallesDISEÑO WEB (I y II) CONTENIDO TEMÁTICO
DISEÑO WEB (I y II) CONTENIDO TEMÁTICO 1. Historia de internet 2. Introducción a las aplicaciones web 3. Estructura de un sitio web 4. Accesibilidad web a. Normas de accesibilidad del World Wide Web Consortium
Más detallesIntroducción a PHP. * No es necesario declarar previamente las variables.
Introducción a PHP La programación de sitios web cada día está más orientada al desarrollo de páginas dinámicas y aplicaciones, o sea sitios donde el usuario pueda interactuar con la web. Dentro de los
Más detallesFSx-Connector Guía rápida del Módulo pcron (Tareas Programadas) Créditos
Este documento es una Guía resumida del Módulo pcron (Tareas Programadas), que es una extensión del Conector FSx-Connector entre FactuSol y una Tienda en Internet basada en PrestaShop. Vea también: www.factusol-prestashop.es.
Más detallesXPERTO EN DISEÑO DE PÁGINAS WEB
Curso ICA de: EXPERTO EN DISEÑO DE PÁGINAS WEB Módulo 1: Program. cliente: JavaScript Estudia el lenguaje JavaScript para crear guiones o scripts que se incluyen en las páginas web y que son ejecutados
Más detallesAPLICATECA. didimo Marketing. Manual de usuario. By DIDIMO Servicios Móviles. www.telefonica.es
APLICATECA didimo Marketing Manual de usuario. By DIDIMO Servicios Móviles www.telefonica.es APLICATECA INDICE INDICE... 2 1 QUÉ ES DIDIMO MARKETING?... 3 2 MENÚ PRINCIPAL... 4 2.1 CAMPAÑAS... 4 2.1.1
Más detallesFormularios HTML. Elementos de Programación y Lógica
Formularios HTML Elementos de Programación y Lógica Formularios HTML es un lenguaje de marcado cuyo propósito principal consiste en estructurar los contenidos de los documentos y páginas web. Sin embargo,
Más detallesProgramación páginas web. Servidor (PHP)
Programación páginas web. Servidor (PHP) Curso de desarrollo de aplicaciones web. Para ello se estudia la programación de la parte servidor con la tecnología PHP y el servidor de bases de datos MySQL.
Más detallesAyuda básica relativa al interfaz web
Ayuda básica relativa al interfaz web El webmail es un cliente de correo que nos permite visualizar los mensajes de nuestras cuentas de email a través de una página web, pudiendo acceder desde cualquier
Más detallesPHP Básico. PHP para principiantes
PHP Básico PHP para principiantes Copyright (c) 2006 Guillermo Valdez Lozano. E-mail: guivaloz(en)gmail.com http://www.movimientolibre.com Se otorga permiso para copiar, distribuir y/o modificar este documento
Más detallesManual de uso del Taglib de Template Saga
1 Manual de uso del Taglib de Template Saga www.sagasoluciones.com info@sagasoluciones.com C/ Salado 11 Local 10. 41010 Sevilla T. + 34 954 45 72 75 F. + 34 954 45 75 72 CONTROL DEL DOCUMENTO Realizado
Más detallesPHP. Introducción (1) Introducción (3) Introducción (2) PHP 1
Introducción (1) Personal Home Page Qué es? Acrónimo de : Hypertext Preprocessor. Lenguaje interpretado de alto nivel que permite desarrollar fácilmente páginas dinámicas. Similar a los lenguajes C y Perl.
Más detallesFormularios 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
Más detallesBases de Datos. Marta Elena Zorrilla Pantaleón. Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN
Bases de Datos Tema 05. Prototipo de una aplicación de base de datos Marta Elena Zorrilla Pantaleón Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN Este tema se publica bajo Licencia:
Más detallesMi propuesta consiste en crear un portal Web que contemple las siguientes funcionalidades:
Propósito del prototipo: Mi propuesta consiste en crear un portal Web que contemple las siguientes funcionalidades: 1º. Mostrar noticias y eventos propios del grupo de personas que administren la Web.
Más detallesBANNERS CÍCLICOS CON JAVASCRIPT
BANNERS CÍCLICOS CON JAVASCRIPT ÍNDICE 1. INTRODUCCIÓN. 2. BANNERS CÍCLICOS. 2.1.BANNER CÍCLICO. 2.2.BANNERS CÍCLICOS CON CAMBIO DE COLOR DEL FONDO DE LA PÁGINA. 2.3.AÑADIR VÍNCULOS A LOS BANNERS CÍCLICOS.
Más detallesCuadernillo de Autoaprendizaje Correo Electrónico Microsoft Outlook Express
Qué es Outlook Express? Cuadernillo de Autoaprendizaje Correo Electrónico Microsoft Outlook Express Outlook Express es uno de los mejores programas para administrar correo electrónico, muy utilizado en
Más detallesUF1304 Elaboración de plantillas y formularios
UF1304 Elaboración de plantillas y formularios Tema 1. Formularios en la construcción de páginas web Tema 2. Plantillas en la construcción de páginas web OBJETIVOS: - Confeccionar plantillas para las páginas
Más detallesObjetivo: Introducción conceptual y aplicación básica de los lenguajes del lado del servidor.
Sesión 03: Lenguajes web del servidor Competencias a Conseguir: - Conocer el entorno de trabajo a nivel de servidores web. - Instalación del localhost (Servidor Local). - Repaso general de PHP y ejercicios
Más detallesCómo optimizar HTML? Optimización y depuración del código. 1. Limpieza del código
Cómo optimizar HTML? Optimización y depuración del código 1. Limpieza del código Se pueden eliminar automáticamente etiquetas vacías, combinar etiquetas font anidadas y en general mejorar códigos HTML
Más detallesGuía de uso del correo electrónico mediante Internet
Guía de uso del correo electrónico mediante Internet OWA es el acrónimo de Outlook Web App (de Application) o simplemente dispositivo de Outlook para Internet. OWA es un servicio con el que Usted puede
Más detallesESOFT 3 Nice Screen Scraper: A simple scraper
ESOFT 3 Nice Screen Scraper: A simple scraper Héctor López Sacanell hlopez1@alumnes.udl.cat 3 de diciembre de 2009 1. Introducción El objetivo de esta segunda entrega es la de crear una primera versión
Más detallesIntegración de GeoGebra en unidades de aprendizaje
Integración de GeoGebra en unidades de aprendizaje Marín Trechera, Luis Miguel 1 Gámez Mellado, Antonio 1 Resumen Las posibilidades didácticas de GeoGebra revelan todo su potencial al integrarse en unidades
Más detallesCÓMO CREAR UNA PÁGINA WEB
CÓMO CREAR UNA PÁGINA WEB v.2 Índice 1 Introducción 3 2. Diseño gráfico 3 3. El Lenguaje HTML 3 4. Alojamiento y publicación 5 5. Promoción 8 6. Otras utilidades 9 6.1 Estadísticas 9 6.2 Contadores y Formularios
Más detallesChristian 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
Más detallesSEGUNDA PARTE: DOM y jquery
SEGUNDA PARTE: DOM y jquery 1. Conoce a jquery jquery jquery: Una librería javascript MUY popular Colección de utilidades y herramientas Para manipular los elementos de la página - Contenido - Atributos
Más detallesGLOSARIO. Arquitectura: Funcionamiento, estructura y diseño de una plataforma de desarrollo.
GLOSARIO Actor: Un actor es un usuario del sistema. Esto incluye usuarios humanos y otros sistemas computacionales. Un actor usa un Caso de Uso para ejecutar una porción de trabajo de valor para el negocio.
Más detallesLas pruebas unitarias se crean en una carpeta raíz del symfony: Test/Unit/EjemploTest.php
Pruebas Unitarias Las pruebas unitarias realizadas para la aplicación Courier UCAB fueron desarrolladas para probar las reglas del negocio del sistema; las cuales consisten en las pruebas de los métodos
Más detalles