Integración de XML en páginas Web dinámicas DOM. Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo
|
|
|
- María Soledad de la Fuente Figueroa
- hace 8 años
- Vistas:
Transcripción
1 Integración de XML en páginas Web dinámicas DOM Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo
2 Páginas Web estáticas vs. Dinámicas Motivación: Computación Dinámica Computación Dinámica = Contenido se genera en el momento en que se hace la petición 2 Posibilidades: Cliente vs Servidor Internet Cliente GET Servidor OK <html> <body> Enlace a <a href = otro.html >Otro</a> </body> </html>
3 Computación Dinámica en Servidor Al solicitar ciertas páginas, el servidor genera el contenido Ejemplos: CGI's, Servlets, JSP, ASP, PHP, etc. El proceso es trasparente para el cliente El cliente recibe únicamente código HTML No tiene porqué haber problemas de usabilidad Desventajas La interactividad requiere comunicación entre cliente/servidor Mayor carga de la red y del servidor Desperdicio de las capacidades del cliente
4 Computación dinámica en Cliente Se pueden incluir objetos computacionales que son interpretados por el cliente Varias posibilidades: Applets, Javascript,... Se ejecutan en el entorno que ofrece el navegador DOM ofrece una API que permite acceder/manipular los elementos del documento También se puede acceder a otros elementos (eventos, barra de estado, etc.) Por seguridad no se permite escribir/leer ficheros
5 JavaScript Un poco de historia Netscape 2 (Dic. 1995) incorporó Javascript (diseñado por Brendan Eich) Permite modificar contenido de páginas Web interactivamente JavaScript no tiene nada que ver con Java Se llamaba LiveScript (cambio de nombre por marketing) Microsoft desarrolla JScript Estándar ECMAScript (1997) Problemas compatibilidad Javascript será una implementación de ECMAScript ECMAScript es un lenguaje de scripting basado en objetos No se pretende que sea autosuficiente, se ejecuta empotrado en un visualizador Web (no tiene objetos de E/S) No se realizan comprobaciones estáticas de tipos Sintaxis similar a Java Herencia basada en prototipos (no en clases)
6 Generalidades de Javascript Lenguaje Orientado a Objetos sin clases Sólo se parece a Java en aspectos sintácticos Interpretado Lenguaje sin tipos o dinámico No tiene acceso al disco de la máquina local (por seguridad) Tiene objetos predefinidos Window Location History Document Forms Anchors String Math Date Navigator
7 Generalidades de JavaScript Elementos de JavaScript: Objetos Expresiones Estructuras de control Funciones Arrays Eventos Elementos de una página XHTML pueden causar un evento que ejecutará una acción Esa acción se ejecutará a través de una serie de sentencias JavaScript
8 La Etiqueta <script> Sintaxis <script type="text/javascript"> //instrucciones javascript </script> Dónde se colocan los scripts? En general, dentro de <head>... </head> Si genera una salida, dentro de <body>... </body> Si hace referencia a un elemento XHTML, después de dicho elemento En algunos casos, en los atributos de algunas etiquetas (eventos) en un fichero externo <script type="text/javascript" src="fuente.js"></script>
9 Objetos Predefinidos en Javascript Objetos Predefinidos String: Cada vez que se asigna una cadena de caracteres a una variable, se crea un objeto de la clase String Math: Se usa para efectuar cálculos matemáticos Date: Para el manejo de fechas y horas Array: almacena un conjunto de valores Boolean Objeto Browser (Navegador) Informa sobre el navegador Objeto Document Es el documento HTML y tiene asociados elementos del documento (link, ancla, formulario, ) Objetos definidos por el usuario
10 String: length(): longitud del string replace(): reemplaza un texto por otro ToUpperCase ():pasa a mayúsculas Date: gettime() getfullyear() getday Array sort(): ordena elementos concat(): concatena dos arrays Math Round() Max(), min() Métodos habituales
11 Nombres de Variables Nombres sensibles mayúsculas/minúsculas. Deben comenzar por una letra o guión bajo. No deben coincidir con palabras reservadas Se podrían definir como variables: Nombre _Opción15 mes3 Declaración: Asignándole un valor: x = 42 Con la palabra reservada var : var x O bien ambos: var x = 42
12 Comentarios Igual que en C++ Una línea: // comentario de una línea Varias líneas: /* comentario de varias líneas */
13 While while (condicion){ //código } Bucles Do while do { //código } while (condicion) For for (inicialización; condición; incremento){ //código } For in for (variable in object) { //código }
14 if (condicion){ //código para condición = true } else{ //código para condición = false } Sentencias condicionales switch (expresion){ case etiqueta1: //código si la expresion = label1 break case etiqueta2: //código si la expresion = label2 break default: //código si la expresión no es anteriores } ninguna de las
15 Operadores Aritméticos: +, -, *, /, %, ++, -- Asignación: =, +=, -=, *=, /=, %= Comparación: ==,!=, >, <, >=, <= Lógicos: &&,,!
16 Objetos y propiedades Acceso a propiedades de un objeto: nombreobjeto.nombrepropiedad Las propiedades se definen asignándoles un valor Es posible definir nuevos objetos de dos formas diferentes: Mediante inicialización de objetos Mediante una función constructora y new
17 Funciones Sintaxis function mifuncion(argumento1,argumento2, ) { //Código } Se puede usar la palabra reservada return pero no hay que indicar nada en la declaración de la función Pueden definirse funciones anónimas (Ej. manejadores de eventos)
18 Eventos en Javascript El evento es gestionado por una sección de código en JavaScript (Gestor de Eventos) Declaración de Gestores de Eventos Crear páginas web dinámicas Las acciones son detectadas por JavaScript Ejemplos: Click de ratón Carga de la página Mandar un formulario
19 Gestores de Eventos Evento Ocurre cuando Gestor blur El usuario quita el cursor de un elemento de formulario onblur click El usuario hace click en un link o un elemento de formulario onclick change El usuario cambia el valor de un texto, un área de texto o selecciona un elemento. onchange focus El usuario coloca el cursor en un elemento de formulario. onfocus load El usuario carga una página en el Navegador onload Mouseover El usuario mueve el ratón sobre un link onmouseover Select El usuario selecciona un campo del elemento de un formulario onselect Submit Se envía un formulario onsubmit Unload Se descarga la página onunload
20 Javascript & DHTML DHTML (HTML + CSS + DOM + JavaScript) JavaScript interactúa con los elementos HTML a través del DOM del navegador En 1998, el W3C decide estandarizar DHTML Se observa que la funcionalidad requerida puede servir a otros campos: XML, HTML, SVG, SMIL, etc. DOM (Document Object Model) = Interfaz común para trabajar con objetos de un documento El interfaz se define mediante OMG IDL (Interface Definition Language): es independiente del lenguaje particular Estructura similar a un árbol
21 Especificación DOM DOM = Interfaz independiente de plataforma y lenguaje de programación para acceder y manipular el contenido, el estilo y la estructura de un documento. La norma se define en niveles en lugar de versiones: Niveles 1, 2 y 3
22 DOM Nivel 1 Recomendación en 1998 Contiene 3 partes: DOM Core = Estructura lógica de documentos común a XML y HTML Estructura de árbol: Node, Element, Attr,... Manipulación del árbol: appendchild, removechild,... DOM XML = Características de XML CDATASection, PIs, entityreference,... HTML = Funcionalidad especializada para HTML a.href, form.submit,...
23 Arquitectura de DOM Nivel 1
24 DOM Nivel 2 Finalizado en 2000 (recomendación en 2003) Incluye Espacios de nombres Hojas de estilos (CSS) Sucesos (events) Rangos (rangos de recorrido de un árbol) Recorridos (vista iterador, filtro, etc.)
25 Arquitectura DOM Nivel 2
26 DOM Nivel 3 Finalizado en 2004 Incluye Soporte para XML Base Cargar y almacenar documentos Posibilidad de mezclar varios vocabularios Validación de documentos XPath Nuevos tipos de sucesos
27 Arquitectura de DOM Nivel 3
28 La base de DOM es un árbol de nodos. Elementos básicos de DOM No se especifica cómo tiene que ser la implementación de ese árbol de nodos. Solo tiene que cumplir una interfaz Implementaciones en varios lenguajes: Java, ECMAScript, C, C++, Python, etc.
29 Estructura jerárquica En DOM, un documento XML se representa como un árbol DOM proporciona métodos, clases e interfaces para acceder y manipular el árbol <html> <head> <title>ejemplo</title> </head> <body> <h1>cabecera</h1> <p>un párrafo</p> </body> </html> head title Ejemplo html body h1 p Cabecera Un párrafo
30 Estructura de documentos Elementos <p>un párrafo</p> Element: p Text: Un párrafo
31 Estructura de Documentos Subelementos <p>un párrafo <b>marcado</b> </p> Element: p Text: Un párrafo Element: b Text: marcado
32 Estructura de Documentos Atributos <p ALIGN="right">Un párrafo <b>marcado</b> </p> Element: p Attr: ALIGN Text: Un párrafo Element: b Text: right Text: marcado
33 Modelo de Herencia Principales Interfaces <<Interface>> Node <<Interface>> Element <<Interface>> Attr <<Interface>> Document <<Interface>> CharacterData... <<Interface>> NodeList <<Interface>> CharacterData <<Interface>> NamedNodeMap <<Interface>> CDataSection
34 Nodo Documento El nodo documento representa el documento entero Métodos de búsqueda: documentelement devuelve el elemento raíz getelementbyid devuelve el elemento a partir de un ID getelementsbytagname devuelve los elementos a partir de una etiqueta dada Métodos factoría (para crear nodos) createelement createattribute createcomment createprocessinginstruction...
35 Nodos del árbol El interfaz Node representa nodos del árbol Todos los demás heredan de Node Funcionalidad básica de manipulación del árbol Recorrido: attributes Attrib1... Attrib2... parentnode firstchild childnodes lastchild parentnode item(0) nextsibling item(1) nextsibling item(2) previoussibling previoussibling
36 nodename: DOMString Nombre del nodo (valor de la etiqueta) nodevalue : DOMString Nodos del árbol Campos Genéricos Valor del nodo (si es un elemento, nulo, si es un atributo, valor) attributes: NamedNodeMap Lista de atributos del nodo Los valores dependen del tipo de nodo: NodeName NodeValue attributes Element etiqueta Null NamedNodeMap Attr nombre valor null Document #document null null Text #text contenido del texto null
37 Ejemplo Calcular nº párrafos de un documento <body>texto fuera de párrafo <p>primer parrafo.</p> <p>segundo parrafo.</p> <p>tercer parrafo. </p> </body> var listaparrafos= document.documentelement.getelementsbytagname("p"); window.alert(listaparrafos.length + " parrafos");
38 Lista de nodos El interfaz NodeList indica una lista de nodos Los ítems son accedidos mediante el índice item(0), item(1), etc. length indica el número de ítems Ejemplo de recorrido: for (int i=0; i < listanodos.length; i++) procesa(listanodos[i]);
39 Ejemplo de lista de nodos function listanodos() { var raiz=document.documentelement; var texto="nodos del documento: \n"; for (i=0;i<raiz.childnodes.length;i++) { var n = raiz.childnodes[i]; texto=texto + '***' +n.nodename+' '+n.nodevalue+'\n'; } window.alert(texto); }
40 Manipulación del árbol appendchild añade un hijo insertbefore inserta un hijo antes que otro clonenode devuelve duplicado de nodo actual Argumento booleano (true = subelementos) removechild elimina un hijo replacechild substituye un hijo por otro hasattributes indica si tiene atributos haschildnodes indica si tiene hijos
41 Ejemplo de Manipulación // Clonar primer elemento y ponerlo al final function clona() { var raiz=document.documentelement; var cuerpo=raiz.getelementsbytagname("body")[0]; var texto=cuerpo.firstchild; var textonuevo=texto.clonenode(true); cuerpo.appendchild(textonuevo); }
42 Propiedad innerhtml La propiedad innerhtml permite acceder al contenido HTML de un elemento
43 Ejemplo de manipulación de atributos // Cambiar fuente a Arial y color a Azul function ponarial() { } var raiz=document.documentelement; var cuerpo=raiz.getelementsbytagname("body").item(0); var parrafo2=cuerpo.getelementsbytagname("p").item(1); var fuente=parrafo2.getelementsbytagname("font").item(0); fuente.setattribute("face","arial"); fuente.setattribute("color","blue");
44 AJAX Originalmente: Asynchronous Javascript and XML Acuñado por Jesse James Garrett (2005) XHTML + CSS (DOM) XML Javascript XMLHttpRequest NOTA: Existen otras alternativas para: XML (JSON) Javascript (VBScript)
45 AJAX Objeto XMLHttpRequest Permite realizar peticiones al servidor 2 métodos open: Crea una conexión send: Envía una petición al servidor Los datos recibidos del servidor se accederán a través de: responsexml responsetext
46 AJAX Hay que esperar la respuesta del servidor. Estará disponible en atributo readystate Posibles valores: 0 - No inicializado 1 - Conexión establecida 2 - Petición recibida 3 - Respuesta en proceso 4 - Finalizado El atributo onreadystatechange puede incluir una función que será invocada cuando cambie el valor de readystate
47 Ejemplo AJAX 1.- Crear Objeto XMLHttpRequest Depende del tipo de navegador if (window.xmlhttprequest) { // Firefox, Safari, etc. xhr = new XMLHttpRequest(); } if (window.activexobject) // ActiveX version { xhr = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer } Se creará un objeto por cada petición
48 Ejemplo AJAX 2 - Configurar la espera de respuesta xhr.onreadystatechange = function() { // Código para procesar la respuesta if (xhr.readystate == 4) { // Recibido OK }; if (xhr.status == 200) { respxml = xhr.responsexml; // respxml contendrá los datos XML } } else { // Seguir esperando }
49 Ejemplo AJAX 3 - Realizar la petición xhr.open('get', ' true); xhr.send(null); true = asíncrono Si el método fuese POST, se enviarían los datos
50 Ejemplo AJAX <html> <head> <title>ejemplo AJAX</title> <script language="javascript" type="text/javascript"> </script></head> <body> <a href="#" onclick="ajax('lugares.xml','elemento');"> Ver lugares</a> <div id="elemento"> </div> </body> </html> lugares.xml <lugares> <lugar><nombre>oviedo</nombre></lugar> <lugar><nombre>santander</nombre></lugar> </lugares>
51 Ejemplo AJAX function ajax(url,idobjeto) { if (window.xmlhttprequest) { xhr = new XMLHttpRequest(); } else if (window.activexobject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } xhr.onreadystatechange = function() { if (xhr.readystate == 4) { var objeto = document.getelementbyid(idobjeto); respxml = xhr.responsexml; var lugares = respxml.documentelement.getelementsbytagname("lugar"); for (i=0;i<lugares.length;i++) { var nombre= lugares[i].getelementsbytagname("nombre")[0].firstchild.data; objeto.innerhtml += "<p>nombre: " + nombre + "</p>" ; } } } xhr.open('get',url,true); xhr.send(null); }
52 AJAX Utilización de frameworks permite liberar de manipulación a bajo nivel Ejemplos: Dojo, Rico, Sarissa, etc.
53 Algunas Páginas Interesantes Demos DHTML ( WebFX ( Librerías QuiksMode ( Tutorial sobre JavaScript, DOM, etc. Oculta/visualiza contenidos interactivamente Free Games ( Juegos en JavaScript Librerías de JavaScript (
54 Manipulación interactiva de contenidos Liberación carga del servidor Valoración Ventajas Mayor independencia de conexión (menor ancho banda) Aprovechamiento recursos computacionales del cliente Flexibilidad ilimitada (imaginación...) Aplicaciones Web Utilización de estándares Aplicaciones Consola Compatibilidad
55 Dependencia capacidades del cliente Problemas con Sistemas viejos Características nuevas (no implementadas) Demasiada independencia del servidor Posible pérdida de información (falta de sincronización) Flexibilidad vs. Seguridad Adopción de estándares Necesario chequear soporte de navegadores Existencia de implementaciones no estándar Valoración Problemas
56 Referencias Página con tutoriales de Javascript, DOM, CSS, etc. Definición de DOM Más información sobre DOM Incluye referencia de Javascript
57 Fin de la Presentación
Diseño de sitios Web mediante estándares
Diseño de sitios Web mediante estándares Curso de Verano Julio 2004 Departamento de Informática Universidad de Oviedo Añadir comportamiento a nuestras páginas: DOM Jose Emilio Labra Gayo Departamento de
DREAMWEAVER 2 UNIVERSIDAD TECNOLOGICA DE AGUASCALIENTES
DREAMWEAVER 2 UNIVERSIDAD TECNOLOGICA DE AGUASCALIENTES Presentación José Alberto Rodríguez Castañeda Universidad Tecnológica de Aguascalientes http://ww.betiux.com.mx betordz@gmail.com Temas. 1) Javascript
Í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
LENGUAJES 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
APIs de HTML. Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo
APIs de HTML Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo JavaScript Netscape 2 (1995) incorpora Javascript (Brendan Eich) Manipular páginas Web interactivamente No viene de
Clases y objetos en JavaScript
Clases y objetos en JavaScript Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos JavaScript Nombre original: Mocha LiveScript (1995) Netscape 2.0B3 (diciembre 1995) Lenguaje más estándar
6.1 APIs para XML. APIs para XML (I) ! Uno de los usos más habituales de XML (y menos esperado) es como formato de intercambio de datos.
6.1 APIs para XML APIs para XML (I)! Uno de los usos más habituales de XML (y menos esperado) es como formato de intercambio de datos.! En este caso los documentos XML nunca llegan a visualizarse, sino
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
1 OBJETOS, DOM, JSON
OBJETOS, DOM, JSON 1 2 Objetos http://www.w3schools.com/js/js_obj_intro.asp Se delimitan con llaves. Contienen propiedades. Las propiedades del objeto: pares nombre: valor, separados por comas. var alumno
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...
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
Ingeniería de Sistemas
Ingeniería de Sistemas Desarrollo y Servicios Web Sesión 7 Fernando Barraza A. fbarraza@puj.edu.co Sesión 7 Objetivo: Conocer el lenguaje de programación JavaScript, su estructura y aplicación en el desarrollo
Yusef Hassan Montero Francisco Jesús Martín Fernández. Introducción a DOM. Todos los derechos reservados www.nosolousabilidad.com
Yusef Hassan Montero Francisco Jesús Martín Fernández Introducción a DOM Todos los derechos reservados www.nosolousabilidad.com INTRODUCCIÓN DOM, Document Object Model o Modelo de Objetos de Documento,
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
Laboratorio de Aplicaciones Telemáticas (Curso 2009/2010)
Tecnologías de programación en la Web Laboratorio de Aplicaciones Telemáticas (Curso 2009/2010) Jesús Arias Fisteus & Andrés Marín López jaf, amarin@it.uc3m.es Tecnologías de programación en la Web p.
Carlos Roberto Jaimez González. Programación de Web Dinámico
Carlos Roberto Jaimez González Programación de Web Dinámico Carlos Roberto Jaimez González Programación de Web Dinámico Esta investigación fue dictaminada por pares académicos Clasificación Dewey: 005.13
HTML dinámico: Javascript
Javascript Departamento de Lenguajes escuela técnica superior de ingeniería informática Grupo de Ingeniería a del Software Noviembre 2006 Versión original: Amador Durán y David Benavides (octubre 2005)
Fundamentos de las tecnologías de la información
Fundamentos de las tecnologías de la información la guerra de los formatos Diego Martín 2016 1 Definiciones W3C HTML CSS XML Introducción histórica HTML vs XML JSON XML vs JSON DTDsy XML SCHEMAs Qué formato
Tecnología de Programación
Tecnología de Programación Clase 4 Diego C. Martínez Departamento de Ciencias e Ingeniería de la Computación Universidad Nacional del Sur PHP Clientes y servidores... MiPagina ...
Lo básico de Javascript. ISIS2603 Departamento de Sistemas y Computación Universidad de los Andes
Lo básico de Javascript ISIS2603 Departamento de Sistemas y Computación Universidad de los Andes Javascript Permite extender las capacidades de HTML Se utiliza principalmente del lado del cliente para
JavaScript. Contenidos. Introducción El lenguaje Validación de formularios. Programación en Internet 2005-2006. DLSI - Universidad de Alicante 1
Departamento de Lenguajes y Sistemas Informáticos JavaScript Programación en Internet Curso 2005-2006 Contenidos Introducción El lenguaje Validación de formularios DLSI - Universidad de Alicante 1 Introducción
Introducción a la Web 2.0
Octubre 2006 Contenidos Evolución Características Tecnologías Protocolos básicos HTML y CSS Javascript y DOM XML y Servicios Web AJAX Ejemplos Evolución del Hipertexto 1945 - Vannevar Bush escribe As we
1.1.- Introducción a la Web Vemos una introducción al medio donde se encajan los lenguajes que vamos a tratar: la web.
Sesión 01: Introducción a los lenguajes web COMPUTACION E INFORMATICA WEB DEVELOPPER III Competencias a Conseguir: - Introducción general a la programación web. - Conocer y diferenciar el concepto de páginas
DOM. Document Object Model
1 DOM Document Object Model INTRODUCCIÓN Es un conjunto de utilidades específicamente diseñadas para manipular documentos XML. Por extensión, DOM también se puede utilizar para manipular documentos XHTML
DISEÑO ORGANIZACIONAL. Diseño web avanzado con HTML5 y CSS5
DISEÑO ORGANIZACIONAL Diseño web avanzado con HTML5 y CSS5 PRESENTACIÓN Curso de diseño de páginas web en el que se estudian técnicas avanzadas y novedosas gracias a la aplicación de los estándares web
Introducción al Desarrollo de Aplicaciones Web D R A. M A R I C E L A B R A V O
Introducción al Desarrollo de Aplicaciones Web D R A. M A R I C E L A B R A V O Fundamentos de las aplicaciones Web Página Web Sitio Web Servidor Web Aplicación Web HTTP y HTML Página Web Una página web
Desarrollo Web en Entorno Servidor
Desarrollo Web en Entorno Servidor Tema 1: Introducción 1. Tipos de páginas Web. 2. Instalación del software. (XAMPP) 1 Tipos de páginas Web. Páginas estáticas. Páginas dinámicas. 2 Tipos de páginas Web.
HTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE
HTML HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE Se elaboró un protocolo para soportar e envío de información por la red. HTTP (Hyper Text Transfer Protocol)
Interacción y manejo de documentos XML.
Interacción y manejo de documentos XML. Como último miembro de la familia XML, nos planteamos la tecnología por la cual una aplicación externa, escrita en no importa que lenguaje de programación, puede
Tema 6 Parte III. Frameworks web para dispositivos móviles
Tema 6 Parte III Frameworks web para dispositivos móviles 2 1 Introducción Frameworks web para dispositivos móviles Frameworks web para móviles Frameworks web para móviles 3 Nos permiten desarrollar un
CLASS JAVASCRIPT CLASES? OBJETOS PREDEFINIDOS. WINDOW, OBJETO GLOBAL. NUMBER, MATH, DATE, REGEXP, ERROR. (CU01144E)
APRENDERAPROGRAMAR.COM CLASS JAVASCRIPT CLASES? OBJETOS PREDEFINIDOS. WINDOW, OBJETO GLOBAL. NUMBER, MATH, DATE, REGEXP, ERROR. (CU01144E) Sección: Cursos Categoría: Tutorial básico del programador web:
EXTENSIÓN DE UML PARA APLICACIONES WEB
EXTENSIÓN DE UML PARA APLICACIONES WEB 1. Descripción Esta extensión de UML define un conjunto de estereotipos, valores etiquetados y restricciones que nos permiten modelar aplicaciones web. Los estereotipos
APLICACIONES PARA INTERNET
CUN APLICACIONES PARA INTERNET GUIA 1 Juan Carlos Saavedra Serrato 2014 1. Consulte Cuantos tipos de Lenguajes de programación web existen y reseñe una característica de cada uno de ellos. Los diferentes
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
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
Visualización y Transformaciones en XML
Visualización y Transformaciones en XML 106 Visualización Los archivos XLM pueden ser vistos prácticamente en cualquier browser 107 Visualización Los XML en los web browsers no se despliegan como páginas
FORMACIÓ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
1. Los lenguajes de marcas. - Características de los lenguajes de marcas.
IFCD0110: CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB CÓDIGO ESPECIALIDAD C.P. PRESEN- CIALES TELEFORMA- CIÓN TOTALES TIPO DE FORMACIÓN IFCD0110 CONFECCIÓN Y PUBLICA- CIÓN DE PÁGINAS WEB SI 200 280 480 OBJETIVOS
Tema 1: Introducción a las Aplicaciones Web. Contenidos:
Tema 1: Introducción a las Aplicaciones Web. Contenidos: 1. Esquema de funcionamiento. 1.1. Modelo Cliente/Servidor. 1.1.1. Componentes de un Servidor (WAMP, LAMP). 1.1.2. Navegadores. 1.2. Conceptos.
Bases de Datos. Marta Elena Zorrilla Pantaleón Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN
Bases de Datos Tema 05. Proto-po 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áster en DISEÑO Y DESARROLLO DE PROYECTOS WEB
Máster en DISEÑO Y DESARROLLO DE PROYECTOS WEB OBJETIVOS El máster está compuesto por los módulos de Diseño de páginas Web profesionales y Desarrollo de sitios Web con PHP y Javascript. Al finalizar el
Gestión de eventos y formularios en JavaScript.
TEMA 5 Contenido 1.- El objeto Form.... 1 1.1.- Formas de selección del objeto Form....2 1.2.- El formulario como objeto y contenedor....3 1.3.- Acceso a propiedades y métodos del formulario....4 Propiedad
Introducción Programar es enseñar Iniciación a la programación Finalidad de este libro
Introducción Programar es enseñar Iniciación a la programación Finalidad de este libro 1. Aplicaciones de la programación Paco y sus inmensas hojas de cálculo Irene siente la llamada de Internet El genio
Tema IV. XML V. APIs (DOM & SAX)
Tema IV. XML V. APIs (DOM & SAX) Desarrollo de Aplicaciones para Internet Curso 12 13 Índice 1.Introducción 2.DOM i. Introducción ii. Interfaces y Clases iii.ejemplos 3.SAX i. Introducción ii. Interfaces
DISEÑ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
Tema 3.1: Principios de diseño web accesibles
Tema 3.1: Principios de diseño web accesibles Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid {lmoreno,pmf}@inf.uc3m.es Asignatura Humanidades: Evitando las barreras de accesibilidad en
Sesiones en PHP. Área de Ingeniería Telemática
Sesiones en PHP Contenido Estado de la conexión con el navegador Cookies Sesiones Sesiones en PHP 2 Estado de la conexión con el navegador Cuando el usuario solicita una página que es en verdad un PHP
XAJAX: 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
Índice. HTML HyperText Markup Language. Conceptos básicos. Qué es HTML? Diseño de servicios Web HTML 1
Índice HTML HyperText Markup Language Conceptos básicos Historia y evolución de HTML XHTML vs. HTML HTML dinámico Hojas de estilo (CSS) DOM Diseño de servicios Web 2 DATSI Qué es HTML? Lenguaje de publicación
Curso Especialista Técnico Programador Web
Curso Especialista Técnico Programador Web Total 185 horas Modalidad: presencial, 100% práctico. Descuento al realizar el curso completo. Financiación: pago por cuotas. Bonificable. Bolsa de trabajo. 1.
Roberto Gómez Cárdenas rogomez@itesm.mx http://homepage.cem.itesm.mx/rogomez. Qué es DOM?
DOM y PHP Roberto Gómez Cárdenas rogomez@itesm.mx http://homepage.cem.itesm.mx/rogomez mx/rogomez Lámina 1 Qué es DOM? Document Object Model Especificación de W3C http://www.w3.org/dom/ w3 Mecanismo para
PHP: Interacción con HTML
Francisco J. Martín Mateos Carmen Graciani Diaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Variables En algunas ocasiones es necesario saber si una variable tiene
MAQUETACIÓN WEB. DREAMWEAVER I (30H)
MAQUETACIÓN WEB. DREAMWEAVER I (30H) Diseñar e implementar la estructura de un sitio Web utilizando lenguajes de programación y editores de páginas. INTRODUCCIÓN A DREAMWEAVER Entorno de trabajo Creación
1. Utilizar JavaScript en un documento HTML 3. 2. Tipos de datos y expresiones en JavaScript 9 2.1. Variables... 9 2.2. Expresiones y operadores...
Índice general 1. Utilizar JavaScript en un documento HTML 3 2. Tipos de datos y expresiones en JavaScript 9 2.1. Variables.................................. 9 2.2. Expresiones y operadores.........................
Tutorial Servicios Web
Tutorial Servicios Web 1. Servicios Web con REST Como ya hemos usado SOAP para WebService, podemos afirmar que es bien fácil de diseñar, pero algo complicado de consumir: se necesita toda una API para
Scripting 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
8º Unidad Didáctica PHP. Eduard Lara
8º Unidad Didáctica PHP Eduard Lara 1 ÍNDICE 8.1 Lenguajes de script del servidor PHP 8.2 Sintaxis básica de PHP 8.3 La instrucción include 8.4 Cookies y sesiones 8.5 Bases de datos. Interacción con MySQL
El lenguaje JavaScript. Asignatura: Fonaments Cartografia i SIG Curso: 2006/07 Profesor: Toni Navarrete
El lenguaje JavaScript Asignatura: Fonaments Cartografia i SIG Curso: 2006/07 Profesor: El lenguaje Javascript Pág. 1 1. Introducción JavaScript es un sencillo lenguaje de programación, que presenta una
Programa. 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,
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
MAESTRO DE PHP PHP NIVEL 1
MAESTRO DE PHP MAESTRO DE PHP es el curso más completo diseñado para que aprendas desde 0 hasta poder desarrollar aplicaciones robustas utilizando Frameworks. Incluye los Cursos PHP Nivel 1 y PHP Avanzado
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
ANEXO I I. IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD Denominación: Confección y Publicación de Páginas Web Código: IFCD0110 Familia
ANEXO I I. IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD Denominación: Confección y Publicación de Páginas Web Código: IFCD0110 Familia Profesional: Informática y Comunicaciones. Área Profesional:
Microsoft XML Core Services MSXML
Microsoft XML Core Services MSXML Sergio Luján Mora sergio.lujan@ua.es http://gplsi.dlsi.ua.es/~slujan/ 1 MSXML... 3 Introducción... 3 Objetos del DOM... 5 Objeto XMLDOMDocument... 5 Construcción de un
ATLAS 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
Introduccion al Lenguaje C. Omar Andrés Zapata Mesa Grupo de Fenomenología de Interacciones Fundamentales, (Gfif) Universidad de Antioquia
Introduccion al Lenguaje C Omar Andrés Zapata Mesa Grupo de Fenomenología de Interacciones Fundamentales, (Gfif) Universidad de Antioquia Introducción C es un lenguaje de programación creado en 1972 por
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
JavaScript Básico. Ejemplo. Arreglos en JavaScript Creación de Arreglos. Asignación de valores. var miarray = new Array() var miarray = new Array(10)
1 JavaScript (III) JavaScript Básico Arreglos en JavaScript Creación de Arreglos var miarray = new Array() var miarray = new Array(10) Asignación de valores. miarray[0] = 1 miarray[1] = 0.5 miarray[2]
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
DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA
DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: PROGRAMACIÓN PHP Código: CSTI0091 total: 60 Horas Objetivo General: Crear scripts que diseñen aplicaciones
JavaScript 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
Componentes de presentación
Experto Universitario Java Enterprise Componentes de presentación Sesión 1: Introducción a JSF Índice Framewoks RIA basados en el servidor Características de JSF Facelets Un ejemplo con RichFaces 2 Ventajas
Procesamiento de documentos XML
Procesamiento de documentos XML Documentación Electrónica Soto Montalvo Contenido Introducción Document Object Model Simple API for XML DOM vs. SAX Cómo podemos manipular los documentos XML? SAX (Simple
Certificado de Profesionalidad CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB [Nivel 2]
![Certificado de Profesionalidad CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB [Nivel 2]](/thumbs/29/13637404.jpg "Certificado de Profesionalidad CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB [Nivel 2]")
INFORMÁTICA Y COMUNICACIONES Certificado de Profesionalidad CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB [Nivel 2] Confección y publicación de páginas web Contenidos I IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD
ISTP CIDET COMPUTACION E INFORMATICA ARREGLOS EN JAVA
ARREGLOS EN JAVA I I N T R O D U C C I Ó N En las sesiones anteriores, los datos manejados en los programas han sido datos simples (carácter, entero, reales) En un gran número de problemas es necesario
XML+AS2 XML. Extensible Markup Language. Conocimientos Básicos. Prof: Moisés Mañas Moimacar@esc.upv.es Dpto. Escultura www.upv.es
XML+AS2 XML Extensible Markup Language Conocimientos Básicos Prof: Moisés Mañas Moimacar@esc.upv.es Dpto. Escultura www.upv.es XML es un lenguaje de marcas. Anidado (padres e hijos) y estructurado como
Transformación de documentos : XSLT
Transformación de documentos : XSLT XSL : Lenguaje Extensible de Hojas de Estilo, cuyo objetivo principal es mostrar cómo debería estar estructurado el contenido, cómo debería ser diseñado el contenido
Práctica 2: Diseño Web inicial. XHTML avanzado.
Grado de Información y Documentación Curso 2011-2012 33864-Informática II Práctica 2: Diseño Web inicial. XHTML avanzado. 1. Introducción y objetivos Introducción En esta práctica el alumno tendrá un tema
Fundamentos de la Programación
Fundamentos de la Programación El Software Las operaciones que debe realizar el hardware son especificadas con una lista de instrucciones, llamadas programas o software. Dos grandes grupos de software
APLICACIONES WEB GOOGLE ANAYLITICS
APLICACIONES WEB GOOGLE ANAYLITICS Elena Berti Rebecca Thompson 2º DAW ÍNDICE Qué es una Aplicación Web Consideraciones técnicas Estructura de las Aplicaciones Web Ventajas Inconvenientes Diferencia entre
Imágenes y objetos IMÁGENES
IMÁGENES Y OBJETOS Imágenes y objetos 2 IMÁGENES Uno de los elementos más vistosos e importantes de las páginas web. Su introducción puede explicar de manera más fácil y agradable nuestra información al
Programación con PHP y MySql Instituto CBTech 5/14
Programación con PHP y MySql Instituto CBTech 5/14 Programación con PHP y MySql Instituto CBTech 6/14 Qué es una aplicación web? Una aplicación web es un sistema informático que los usuarios utilizan accediendo
Objetivo: 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
Guía del Curso Analista Programador PHP Javascript
Guía del Curso Analista Programador PHP Javascript Modalidad de realización del curso: Número de Horas: Titulación: Online 180 Horas Diploma acreditativo con las horas del curso OBJETIVOS UML usa técnicas
RECUPERAR DATOS DE UN FORMULARIO HTML USANDO PHP. USO DE $_GET. EJEMPLOS Y EJERCICIOS RESUELTOS. (CU00833B)
APRENDERAPROGRAMAR.COM RECUPERAR DATOS DE UN FORMULARIO HTML USANDO PHP. USO DE $_GET. EJEMPLOS Y EJERCICIOS RESUELTOS. (CU00833B) Sección: Cursos Categoría: Tutorial básico del programador web: PHP desde
Modelado de páginas web
JavaScript (4) 1 de 35 Modelado de páginas web JavaScript es un lenguaje que permite crear lo que se llama DHTML. Este término se refiere a las páginas web que modifican ellas mismas sus propios contenidos
INDICE DEL CURSO APRENDER PROGRAMACIÓN JAVA DESDE CERO. PROGRAMACIÓN ORIENTADA A OBJETOS (CU00601B)
APRENDERAPROGRAMAR.COM INDICE DEL CURSO APRENDER PROGRAMACIÓN JAVA DESDE CERO. PROGRAMACIÓN ORIENTADA A OBJETOS (CU00601B) Sección: Cursos Categoría: Curso Aprender programación Java desde cero Fecha revisión:
TEMA 5. CONTROL DE FLUJO DEL PROGRAMA. Sentencia Instrucción Expresión Operadores + Operandos Sintaxis: Sentencia ;
TEMA 5. CONTROL DE FLUJO DEL PROGRAMA 5.1 Sentencias Una sentencia es una expresión seguida de un punto y coma. Sentencia Instrucción Expresión Operadores + Operandos Sintaxis: Sentencia ; El ; es obligatorio
Su 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
PROGRAMACIÓN PÁGINAS WEB JAVASCRIPT Y PHP
PROGRAMACIÓN PÁGINAS WEB JAVASCRIPT Y PHP OBJETIVOS Estudiar la programación de la parte cliente con JavaScript y la programación de la parte servidor con la tecnología PHP y el servidor de bases de datos
Contenidos del curso Diseño y gestión avanzado de páginas Web. Duración: 150 horas. Contenidos del curso Diseño y gestión avanzado de páginas Web
Contenidos del curso Diseño y gestión avanzado de páginas Web Duración: 150 horas Indice 1. Introducción 1.1. Nociones básicas 1.1.1. HTML 1.1.2. CSS 1.1.3. Ejercicio: HTML+CSS 1.2. Instalación de las
extensible Markup Language (XML)
extensible Markup Language (XML) 1. INTRODUCCIÓN Jennifer Pérez Benedí Departamento de Sistemas Informáticos y Computación Universidad Politécnica de Valencia C/Camino de Vera s/n E-46071 Valencia- España
CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B)
APRENDERAPROGRAMAR.COM CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B) Sección: Cursos Categoría: Tutorial básico del programador web:
Diplomado Java. Descripción. Objetivo. A quien está dirigido. Requisitos. Beneficios
Diplomado Java Descripción El lenguaje de programación Java es uno de los más utilizados hoy en día. Su potencia, simplicidad, funcionalidad y capacidad hacen que este lenguaje sea una de las herramientas
Presentación del Curso Virtual PROGRAMACIÓN WEB PHP CON MYSQL BÁSICO
Presentación del Curso Virtual PROGRAMACIÓN WEB PHP CON MYSQL BÁSICO INNOVATIVA CENTRO DE TRANSFERENCIA Y DESARROLLO TECNOLÓGICO ESPE CECAI Capacitación Virtual La mejor opción para su crecimiento profesional
INDICE Programación Introducción Capitulo 21 BASIC Capitulo 22. COBOL Capitulo 23 DELPHI Capitulo 24. FORTRAN Capitulo 25.
INDICE Programación Introducción 706 Capitulo 21 BASIC 711 Introducción 711 Sintaxis 713 Procedimientos y control de flujo 713 Tipos de datos 714 Disponibilidad y variantes del dialecto 714 Capitulo 22.
Compiladores e Intérpretes Proyecto N 1 Sintaxis de MiniJava Segundo Cuatrimestre de 2015
Departamento de Cs. e Ingeniería de la Computación Universidad Nacional del Sur Compiladores e Intérpretes Proyecto N 1 Sintaxis de MiniJava Segundo Cuatrimestre de 2015 1. Introducción Este documento
Introducción a Visual Studio.Net
Introducción a Visual Studio.Net Visual Studio es un conjunto completo de herramientas de desarrollo para la generación de aplicaciones Web ASP.NET, Servicios Web XML, aplicaciones de escritorio y aplicaciones
EVENTOS (II) : MODELO BÁSICO DE EVENTOS
EVENTOS (II) : MODELO BÁSICO DE EVENTOS TIPOS DE EVENTOS JavaScript es un lenguaje "orientado a eventos", esto quiere decir que está preparado para responder a acciones del navegante, cosas que ocurran
Objetivos 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.