Javascript, parte VI. APIs de HTML5. Algunos ejemplos

Save this PDF as:
 WORD  PNG  TXT  JPG

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Javascript, parte VI. APIs de HTML5. Algunos ejemplos"

Transcripción

1 Javascript, parte VI APIs de HTML5 Algunos ejemplos

2 1 Introducción APIs de HTML5 2

3 Por qué lo llaman HTML cuando quieren decir Javascript? 3 La parte más interesante de HTML5 son los APIs Javascript, más que el HTML en sí Los nuevos APIs abren la puerta a cosas hasta ahora imposibles en la web (sin usar plugins) Gráficos 2D/3D Acceso al hardware: micrófono/cámara, GPS, estado de la batería,... Conectividad bidireccional en tiempo real... Además de los estándares (W3C), otras organizaciones desarrollan nuevos APIs (p.ej. Mozilla)

4 2 Gráficos APIs de HTML5 4

5 Gráficos 2D: Canvas 5 Canvas: zona rectangular en la que se puede dibujar en 2D a base de primitivas geométricas sencillas (líneas, arcos, curvas de Bézier, rectángulos,...) <canvas id="canvas" width="150" height="150"> </canvas> <script> var canvas = document.getelementbyid("canvas") var ctx = canvas.getcontext("2d"); ctx.fillstyle = "rgb(200,0,0)"; ctx.fillrect (10, 10, 55, 50); ctx.fillstyle = "rgba(0, 0, 200, 0.5)"; ctx.fillrect (30, 30, 55, 50); </script>

6 Gráficos 2D: Canvas (II) 6 También se pueden dibujar imágenes, hacer transformaciones 2D (rotación, escalado, traslación,...),... function draw() { var ctx = document.getelementbyid('canvas').getcontext('2d'); var img = new Image(); img.src = 'images/rhino.jpg'; img.onload = function(){ for (i=0;i<4;i++){ for (j=0;j<3;j++){ ctx.drawimage(img,j*50,i*38,50,38); } } } } images/rhino.jpg Canvas resultante

7 Gráficos 2D: Canvas (y III) 7 En resumen, las primitivas de dibujo son de muy bajo nivel, aunque hay numerosas librerías de terceros que facilitan la tarea de hacer por ejemplo gráficos de tipo estadístico, animaciones y juegos Genéricas: Kinetic.js, Fabric.js, Easel.js, Paper.js,... Listado de algunas librerías que usan Canvas Para juegos: Jaws, Cocos2D, Akihabara,... (atención, no todos usan canvas)

8 3 Acceso al dispositivo APIs de HTML5 8

9 Device APIs 9 APIs que permiten el acceso a ciertas características del hardware o del entorno Hay un grupo de trabajo del W3C: Algunos ejemplos: Battery Status API Media Capture and Streams (hay un API y una extensión del <input type= file >) Vibration API Algunos no están directamente relacionados con el hardware: Web Intents (compartir datos con otras apps) GPS: Geolocation (no está técnicamente incluído en el DAP)

10 Media Capture API 10 Acceder a cámara/micrófono es sencillo: getusermedia Por ahora hay que usar un prefijo en la implementación: webkitgetusermedia, mozgetusermedia,... <video id="mivideo" autoplay></video> HTML //en la realidad habrá que poner webkitgetusermedia, etc navigator.getusermedia({video: true, audio: true}, function(stream) { var video = document.getelementbyid('mivideo'); video.src = window.url.createobjecturl(stream); }, function(error) { console.log(error);} ); Javascript

11 Guardar video/foto 11 En principio también debería ser sencillo, a través de los métodos record() y stop() del stream... pero el soporte en los navegadores actuales es casi inexistente La solución compatible más extendida consiste en copiar el video frame a frame en un canvas oculto y guardarlo desde allí (por ejemplo Este truco también sirve para capturar una imagen estática Ejemplo: capturar foto desde la webcam enviándola a canvas Tutorial: Taking_webcam_photos Demo: Y luego cómo se sube al servidor?: con AJAX: questions/ /how-to-save-a-html5-canvas-as-image-on-a-server

12 Web RTC 12 El API anterior es parte de un estándar denominado Web RTC (Real Time Communication), que permite la comunicación audio/ video punto a punto entre navegadores Demo en

13 Geolocalización Geolocalización 13 Nos permite averiguar la posición geográfica del usuario (lat, lon) Hay métodos más precisos (GPS) y menos (a partir de la dirección IP o usando la red GSM) El método exacto por el que se está calculando la posición es transparente al desarrollador Javascript Lo único que nos da el API son las coordenadas. Necesitaremos algún servicio adicional dsi queremos dibujar un mapa con la posición, etc. (p.ej. Google Maps) Este API no funciona en Explorer 8 y anteriores. Se pueden usar librerías alternativas, como Google Gears (funciona, pero el API es distinto)

14 Ejemplo simple Geolocalización 14 Sin chequeo de errores ni opciones de localización navigator.geolocation.getcurrentposition() obtiene la posición: pero no la devuelve directamente. Hay que pasarle el nombre de una función que hará de callback (recibirá la posición en un parámetro) La posición recibida es un objeto con dos campos: coords (con info como latitud, longitud, etc) y timestamp Antes de obtener la posición el navegador va a pedir permiso al usuario. Si no se concede, el callback no se ejecuta navigator.geolocation.getcurrentposition(mostrarposicion); function mostrarposicion(pos) { alert("estás en (" + pos.coords.latitude + "," + pos.coords.longitude +")"); }

15 Gestión de errores Geolocalización 15 Se le puede pasar un segundo argumento a getcurrentposition: una función que se llamará si se ha producido algún error Por ejemplo el usuario no ha dado permiso, o no hay dispositivos de localización La función recibe un argumento que es un objeto con dos campos. El más interesante es code, un código de error: 1:permiso denegado, 2:No se puede calcular la posición, 3:Timeout, 0:Error desconocido navigator.geolocation.getcurrentposition(mostrarposicion, vererror); function mostrarposicion(pos) {... } function vererror(error) { if (error.code == 1) alert( No has dado permiso para ver tu posición ) }

16 Opciones de localización Geolocalización 16 Tercer parámetro (opcional) de getcurrentposition: objeto con tres campos: enablehighaccuracy (booleano): indica si queremos una localización de precisión (p.ej. GPS) o nos basta con una aproximada (p.ej. usando la red de móvil) timeout (nº en milisegundos) tiempo que estamos dispuestos a esperar que el dispositivo nos dé una posición. Pasado este tiempo se generará un error de timeout maximumage (nº en milisegundos) si el dispositivo tiene en cache una posición con una antigüedad inferior a esta, nos vale, no es necesario que calcule la actual. //queremos alta precisión //pero nos vale con la posición de hace un minuto navigator.geolocation.getcurrentposition(mostrarposicion, vererror, {enablehighaccuracy: true, maximumage:60000});

17 4 Conectividad APIs de HTML5 17

18 WebSockets 18 Con AJAX se pueden hacer peticiones con Javascript en cualquier momento Pero la iniciativa debe partir del cliente La única forma de comprobar si hay novedades en el servidor es el polling a intervalos regulares WebSockets: conectividad bidireccional en tiempo real El cliente puede solicitar algo al servidor en cualquier momento, pero también este notificarle algo en cualquier momento Perfecto para juegos online, chats,... Websockets es un protocolo específico, no va sobre HTTP. Así que necesitamos también una implementación de WebSockets en el lado del servidor.

19 API de Websockets en el navegador 19 Abrir un WebSocket var connection = new WebSocket('ws:// Enviar un mensaje al servidor //Enviar una cadena connection.send('hola servidor'); //Enviar un archivo como datos binarios //Suponemos que en el HTML hay un <input type= file id= archivo > var file = document.getelementbyid( archivo ).files[0]; connection.send(file); Recibir datos del servidor: onopen, onerror, onmessage connection.onmessage = function(mensaje) { console.log('el servidor dice: ' + mensaje.data); };

20 Referencias 20 Libros (en accediendo desde la red de la UA) The modern Web Peter Gasston, No Starch, 2013 Learn HTML5 by creating fun games, Rodrigo Silveira, Packt, 2013 Webs: HTML5Rocks.com

Parte III: AJAX y REST

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

Más detalles

THEATER LOCATION. iphone Application

THEATER LOCATION. iphone Application THEATER LOCATION iphone Application INDICE Diseño... 1 ios... 4 Gestor de Contenidos... 9 Presupuesto... 11 DISEÑO» MAPA DE LOCALIZACIONES Indicador de localización. 12:30 Botón de intercambio de vista

Más detalles

Javascript parte II: AJAX

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

Más detalles

Juan Ramón Pérez Pérez

Juan 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 detalles

Introducción al desarrollo para plataformas móviles con Phonegap

Introducción al desarrollo para plataformas móviles con Phonegap Introducción al desarrollo para plataformas móviles con Phonegap Si queremos desarrollar aplicaciones para móviles, qué herramienta conviene utilizar y para qué plataforma móvil? Las aplicaciones Android

Más detalles

MANUAL DE USO DE LAS ESTADÍSTICAS GENERADAS POR WEBALIZER

MANUAL DE USO DE LAS ESTADÍSTICAS GENERADAS POR WEBALIZER MANUAL DE USO DE LAS ESTADÍSTICAS GENERADAS POR WEBALIZER Conceptos preliminares Acceso Archivos Páginas Visitas KBytes (de datos) Páginas de entrada y de salida Código de respuesta (HTML) Página Principal

Más detalles

2. Nuevas etiquetas de HTML5 y etiquetas que desaparecen

2. Nuevas etiquetas de HTML5 y etiquetas que desaparecen CURSO DE HTML5 1. Historia de HTML Potencial de HTML5 Principales novedades de HTML5 Elementos necesarios para trabajar con HTML5 Editor Navegador 2. Nuevas etiquetas de HTML5 y etiquetas que desaparecen

Más detalles

Arquitecturas Distribuidas 09/10

Arquitecturas Distribuidas 09/10 Tema 4. VI La Web en la actualidad d Arquitecturas Distribuidas 09/10 1 VI. La Web en la actualidad 1. Aplicaciones Web 2. Arquitectura en 3 capas de las aplicaciones web 3. Pero, qué es una aplicación

Más detalles

JavaScript en HTML 5

JavaScript en HTML 5 JavaScript en HTML 5 HTML5 puede ser imaginado como un edificio soportado por tres grandes columnas: HTML, CSS y JavaScript. Ya hemos estudiado los elementos incorporados en HTML y las nuevas propiedades

Más detalles

TEMA 3 A: INTRODUCCIÓN AL DOM

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

Más detalles

Los API JavaScript de HTML5 Integre la potencia de HTML5 en sus aplicaciones Web

Los API JavaScript de HTML5 Integre la potencia de HTML5 en sus aplicaciones Web Presentación 1. Html5 9 2. Los API JavaScript de Html5 de este libro 10 3. Los futuros API JavaScript 15 4. Los requisitos previos 17 5. Los navegadores de nuestro estudio 17 6. Las herramientas para nuestro

Más detalles

Taller de Introducción

Taller de Introducción Taller de Introducción Titulo del curso Taller de introducción a HTML 5 Resumen del curso La evolución de los estándar de la web, nos ha llevado al nuevo estándar del consorcio W3C, HTML 5, en caso de

Más detalles

Resumen de la Tesina. Autor: Adrià Batet López. Tutor: Víctor Pascual Ayats

Resumen de la Tesina. Autor: Adrià Batet López. Tutor: Víctor Pascual Ayats Inventario y geolocalización de las actividades comerciales en las plantas bajas de los edificios de L Hospitalet de Llobregat. Aplicación web de recursos para el ciudadano. Resumen de la Tesina. Autor:

Más detalles

POPCORN.JS: GOOGLE MAPS

POPCORN.JS: GOOGLE MAPS POPCORN.JS: GOOGLE MAPS Juanma Rueda Gallo Producción y dirección Multimedia 4º CAV - UVIC Índice Introducción...3 Google Maps...4 Ejemplo del código...5 Ejemplos...7 Introducción Para entrar en materia

Más detalles

Unidad 7: Sindicación de Contenidos (RSS) JJ Taboada León IES San Sebastián, Departamento de Informática LENGUAJE DE MARCAS Y SGI Curso 2011 / 2012

Unidad 7: Sindicación de Contenidos (RSS) JJ Taboada León IES San Sebastián, Departamento de Informática LENGUAJE DE MARCAS Y SGI Curso 2011 / 2012 Unidad 7: Sindicación de Contenidos (RSS) JJ Taboada León IES San Sebastián, Departamento de Informática LENGUAJE DE MARCAS Y SGI Curso 2011 / 2012 Guíon del tema CONTENIDOS Qué es la sindicación de contenidos?

Más detalles

Botón de Pago Instapago versión 1.1 TECNOLOGÍA INSTAPAGO C.A. www.instapago.com

Botón de Pago Instapago versión 1.1 TECNOLOGÍA INSTAPAGO C.A. www.instapago.com Botón de Pago Instapago versión 1.1 TECNOLOGÍA INSTAPAGO C.A. www.instapago.com Histórico de Cambios Fecha Ver. Autor Descripción 06/06/2014 1.0 Enyert Viñas Creación del Documento 06/10/2014 1.1 Alex

Más detalles

Desarrollo de aplicaciones web para móviles

Desarrollo de aplicaciones web para móviles Tema 5 Desarrollo de aplicaciones web para móviles Texto Parte III: APIs de HTML5 para móviles HTML5 en móviles APIs de HTML5 para móviles 2 Tabla de compatibilidad de APIs de HTML5 para móviles: mobilehtml5.org

Más detalles

JavaScript toma su sintaxis de los lenguajes de programación más conocidos, fundamentalmente C/C++, aunque también algo de Pascal.

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

Más detalles

Uso de Comet (Reverse AJAX) en los SIG. Prototipo de SIG colaborativo.

Uso de Comet (Reverse AJAX) en los SIG. Prototipo de SIG colaborativo. II JORNADAS DE SIG LIBRE Uso de Comet (Reverse AJAX) en los SIG. Prototipo de SIG colaborativo. Diego Gómez Deck (1), Manuel de la Calle Alonso (2),Vidal Toboso 2) y Raquel Martínez (1) (1) Consultar.

Más detalles

Índice. Capítulo 1. Documentos HTML5... 1

Índice. Capítulo 1. Documentos HTML5... 1 Índice Capítulo 1. Documentos HTML5... 1 1.1 Componentes básicos... 1 1.2 Estructura global... 2 ... 2 ... 2 ... 3 ... 4 ... 5 ... 6 ... 7 1.3 Estructura

Más detalles

Internet y Correo Electrónico. Isaac Bolea

Internet y Correo Electrónico. Isaac Bolea Internet y Correo Electrónico Isaac Bolea Presentación Isaac Bolea. isaac.bolea@sephorzaragoza.es En Twitter: @ibolea Blog: isaacbolea.com Presentación del curso Módulo I. Introducción a Internet. Navegadores

Más detalles

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso.

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso. 4.4. ENLAZAR UN ARCHIVO O UNA PÁGINA WEB 4.4.1. Características El contenido de un curso no sólo se limita a los creados mediante los editores de Moodle, puesto que este tipo de recursos permite enlazar

Más detalles

Curso de HTML5 y CSS3

Curso de HTML5 y CSS3 Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 1 1 Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 2 2 HTML sin duda, definió

Más detalles

Alertas geolocalizadas (Geotriggers) con ArGIS y Android

Alertas geolocalizadas (Geotriggers) con ArGIS y Android Alertas geolocalizadas (Geotriggers) con ArGIS y Android Raúl Jiménez Ortega raul.jimenez@esri.es Carlos Henche Gómez carlos.henche@esri.es Objetivos y expectativas para hoy Como en 1h no da para ver todo

Más detalles

Monitor de Estadísticas de IDECanarias

Monitor de Estadísticas de IDECanarias Monitor de Estadísticas de IDECanarias Deepak P. Daswani 1, J. J. Rodrigo 1 y J. Rosales 2 1 Depto. de Ingeniería GRAFCAN. Cartográfica de Canarias, S.A C/ Panamá 34, Naves 8 y 9 Santa Cruz de Tenerife

Más detalles

8 de mayo de 2008. www.cartomur.com

8 de mayo de 2008. www.cartomur.com Guia de Usuario Visor Cartomur 8 de mayo de 2008 www.cartomur.com Guía de usuario 2 Índice 1.- Introducción... 3 2.- Visión general del navegador... 3 3.- Barra de herramientas... 4 4.- Panel de opciones...

Más detalles

Servicio de Mapas. Portal Inteligente Medellín Documentación de la Arquitectura de Software

Servicio de Mapas. Portal Inteligente Medellín Documentación de la Arquitectura de Software Servicio de Mapas Portal Inteligente Medellín Documentación de la Arquitectura de Software Juan G. Lalinde-Pulido Claudia M. Zea Luis F. Londoño Nicolás Hock Sergio A. Monsalve Departamento de Informática

Más detalles

Su uso conlleva una serie de ventajas y desventajas propias del uso de estas herramientas.

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

Más detalles

APIs de HTML5 para dispositivos móviles

APIs de HTML5 para dispositivos móviles Tema 6 Parte II APIs de HTML5 para dispositivos móviles Texto Javascript para móviles 2 1 Introducción: por qué lo llaman HTML5... Desarrollo de aplicaciones web móviles...cuando quieren decir Javascript?

Más detalles

Creación de páginas Web FrontPage

Creación de páginas Web FrontPage Creación de páginas Web FrontPage 1.- Introducción Las páginas web están basadas en lo que se llama el hipertexto. En el hipertexto no hace falta seguir el documento de forma lineal, sino que se establecen

Más detalles

Unidad 4. Principios básicos de internet

Unidad 4. Principios básicos de internet Unidad 4. Principios básicos de internet En esta unidad aprenderás: El concepto de internet Cuál es la estructura de internet Qué tipos de conexiones a internet existen, sus características y los elementos

Más detalles

Ubuntu Server 12.10 HOW TO : SQUID. EN ESTE SE REALIZA LO SIGUIENTE: En este how to se le va a enseñar como instalar servidor proxi Squid.

Ubuntu Server 12.10 HOW TO : SQUID. EN ESTE SE REALIZA LO SIGUIENTE: En este how to se le va a enseñar como instalar servidor proxi Squid. Ubuntu Server 12.10 HOW TO : SQUID EN ESTE SE REALIZA LO SIGUIENTE: En este how to se le va a enseñar como instalar servidor proxi Squid. Qué es un proxy? Un proxy es un programa o dispositivo que realiza

Más detalles

La guía de la programación HTML5, CSS y JavaScript con Visual Studio

La guía de la programación HTML5, CSS y JavaScript con Visual Studio Tabla de contenidos INTRODUCCIÓN... 5 AGRADECIMIENTOS...6 TABLA DE CONTENIDOS... 7 CAPÍTULO 01 HTML 5: LAS TECNOLOGÍAS Y SU IMPLICACIÓN EN EL DESARROLLO...17 EL ESTADO ACTUAL DEL ESTÁNDAR... 18 ESPECIFICACIONES

Más detalles

HTML5: Canvas Un lienzo en la Web. Miguel Angel Cumpa Ascuña

HTML5: Canvas Un lienzo en la Web. Miguel Angel Cumpa Ascuña HTML5: Canvas Un lienzo en la Web Miguel Angel Cumpa Ascuña 3D, Graphics & Effects Objetivo Objetivo de la sesión Presentar y describir las características de canvas Citar los antecedentes que derivaron

Más detalles

Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web

Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web La Web 1. Qué es la Web? 7 1.1 Lado servidor: HTTP, FTP, lenguajes, SQL 7 1.2 Lado cliente: HTML, CSS, JavaScript 10 2. Los lenguajes y su utilidad 10 2.1 HTML 10 2.2 CSS 14 2.3 JavaScript 17 2.4 Ejemplo

Más detalles

JavaScript,, AJAX y otras tecnologías web. Área de Ingeniería Telemática

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

Más detalles

SOFTWARE CONTROL PARENTAL

SOFTWARE CONTROL PARENTAL SOFTWARE CONTROL PARENTAL ORDENADOR PERSONAL WINDOWS Activity Monitor es una herramienta para vigilar el uso que hacen del PC empleados, estudiantes, niños, etc, de forma remota. Esta vigilancia se puede

Más detalles

Manual de uso de la plataforma para monitores. CENTRO DE APOYO TECNOLÓGICO A EMPRENDEDORES -bilib

Manual de uso de la plataforma para monitores. CENTRO DE APOYO TECNOLÓGICO A EMPRENDEDORES -bilib Manual de uso de la plataforma para monitores CENTRO DE APOYO TECNOLÓGICO A EMPRENDEDORES -bilib [Manual de uso de la plataforma para monitores] 1. Licencia Autor del documento: Centro de Apoyo Tecnológico

Más detalles

Tecnologías De La Información Y Comunicación I. Firewall Y Proxy. Integrantes: Héctor Duran. Katherine Zumelzu

Tecnologías De La Información Y Comunicación I. Firewall Y Proxy. Integrantes: Héctor Duran. Katherine Zumelzu Firewall Y Proxy Integrantes: Héctor Duran Katherine Zumelzu Fecha: 15/04/2015 Índice Qué es un firewall?... 3 Tipos de Firewall... 4 -Nivel de aplicación de Pasarela:... 4 -Circuito a nivel de Pasarela:...

Más detalles

Modelos de gestión de contenidos

Modelos de gestión de contenidos NTSI Gestión de contenidos multimedia en sitios Web Objetivo: Proporcionar al alumno conceptos básicos sobre gestión de contenidos multimedia en sitios web de modo que conozca y diferencie las capacidades

Más detalles

Paso 1 de 10. Paso 2 de 10. Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación

Paso 1 de 10. Paso 2 de 10. Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación Paso 1 de 10 Una vez que hemos creado una película Flash, sea una animación, un juego, un recurso educativo, etc., el último paso

Más detalles

Programación Hipermedia I

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

Más detalles

CREIX AMB INTERNET. Desarrollo Aplicaciones para la plataforma Facebook

CREIX AMB INTERNET. Desarrollo Aplicaciones para la plataforma Facebook CREIX AMB INTERNET Desarrollo Aplicaciones para la plataforma Facebook 2 1. Introducción. 1.1. El propósito de la plataforma Facebook Facebook se creó como una versión en línea de los "Facebooks" de las

Más detalles

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. 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 detalles

9/6/2009 SIGRID AYUDA CLIENTE WEB SIGRID. Documento de consulta para resolución de dudas surgidas con el cliente SIGRID

9/6/2009 SIGRID AYUDA CLIENTE WEB SIGRID. Documento de consulta para resolución de dudas surgidas con el cliente SIGRID 9/6/2009 SIGRID AYUDA CLIENTE WEB SIGRID Documento de consulta para resolución de dudas surgidas con el cliente SIGRID Ayuda cliente web SIGRID INDICE INDICE...2 Introdución... 3 Visión general del navegador...

Más detalles

Aprovechamiento del Hardware de los Dispositivos Móviles para la Construcción de Nuevas Aplicaciones. Contexto

Aprovechamiento del Hardware de los Dispositivos Móviles para la Construcción de Nuevas Aplicaciones. Contexto Aprovechamiento del Hardware de los Dispositivos Móviles para la Construcción de Nuevas Aplicaciones Rocío Andrea Rodríguez 1,2, Pablo Martín Vera 1,2, María Roxana Martínez 1, Luís Verbel de La Cruz 1

Más detalles

Manual de HTML5 en español. Manual de HTML5 en español. Alejandro Castillo Cantón. Alejandro Castillo www.theproc.es

Manual de HTML5 en español. Manual de HTML5 en español. Alejandro Castillo Cantón. Alejandro Castillo www.theproc.es Manual de HTML5 en español Alejandro Castillo Cantón www.theproc.es Primera Parte El HTML5 (HyperText Markup Language, versión 5) es la quinta revisión del lenguaje de programación básico de la World Wide

Más detalles

INSERTAR UNA GALERÍA DE FOTOS REALIZADA EN UNA WEB EXTERNA COMO SLIDE EN UNA PÁGINA O SECCIÓN DE LA WEB

INSERTAR UNA GALERÍA DE FOTOS REALIZADA EN UNA WEB EXTERNA COMO SLIDE EN UNA PÁGINA O SECCIÓN DE LA WEB INSERTAR UNA GALERÍA DE FOTOS REALIZADA EN UNA WEB EXTERNA COMO SLIDE EN UNA PÁGINA O SECCIÓN DE LA WEB IMPORTANTE: Siempre que dependemos de una página externa a nuestra web estamos expuestos a tener

Más detalles

Herramientas Tecnológicas de Productividad

Herramientas Tecnológicas de Productividad Herramientas Tecnológicas de Productividad 1 Sesión No. 12 Comunicación y colaboración online Objetivo: Al término de la sesión, el alumno utilizará herramientas de comunicación y colaboración en línea.

Más detalles

Capa de Aplicación (Parte 2 de 2)

Capa de Aplicación (Parte 2 de 2) Capa de Aplicación (Parte 2 de 2) Redes de Computadoras HTTP (Hypertext Transfer Protocol) 1 Qué es Internet? Internet conecta a un conjunto de redes usando protocolos estándar Protocolos de enrutamiento,

Más detalles

MÓDULO: SERVICIOS E RED. Nombre: Curso: 2º SMR (9-6-2011) [Examen Final Junio]

MÓDULO: SERVICIOS E RED. Nombre: Curso: 2º SMR (9-6-2011) [Examen Final Junio] MÓDULO: SERVICIOS E RED Nombre: Curso: 2º SMR (9-6-2011) [Examen Final Junio] PARTE 1: Responde las siguientes preguntas tipo TEST. Solo hay una respuesta correcta. Dos respuestas incorrectas anulan una

Más detalles

a Far Cry? Objetivos tecnológicos HTML5 for everything? TIC per l Educació #TICxE 100% browser compatibility? No! Canvas no está soportado por IE<9!

a Far Cry? Objetivos tecnológicos HTML5 for everything? TIC per l Educació #TICxE 100% browser compatibility? No! Canvas no está soportado por IE<9! a Far Cry? Máster Universitario en Ingeniería Informática, Universitat de les Illes Balears TIC per l Educació #TICxE Desgraciadamente. NO @IsaacLera isaac.lera@uib.es http://acsic.uib.es/isaaclera/ O

Más detalles

Para este caso vamos a suponer que son los siguientes:

Para este caso vamos a suponer que son los siguientes: 1.-La primera práctica va a consistir en configurar manualmente los parámetros de red y conseguir la conexión de la tarjeta de red ethernet de un equipo de sobremesa a la red de una clase. El administrador

Más detalles

TOMO II. Línea de Investigación. Redes y Sistema Operativo. Nombre del egresado. Antonio Nicolás Rodríguez Andrade.

TOMO II. Línea de Investigación. Redes y Sistema Operativo. Nombre del egresado. Antonio Nicolás Rodríguez Andrade. TOMO II Línea de Investigación Redes y Sistema Operativo Nombre del egresado Antonio Nicolás Rodríguez Andrade Nombre del Tema Evaluación de la plataforma Android para dispositivos móviles Número de Proyecto

Más detalles

Sage CRM. Sage CRM 7.3 Guía de Mobile

Sage CRM. Sage CRM 7.3 Guía de Mobile Sage CRM Sage CRM 7.3 Guía de Mobile Copyright 2014 Sage Technologies Limited, editor de este trabajo. Todos los derechos reservados. Quedan prohibidos la copia, el fotocopiado, la reproducción, la traducción,

Más detalles

Prácticas de Programación Multimedia.

Prácticas de Programación Multimedia. Prácticas de Programación Multimedia. Las prácticas de la asignatura Programación Multimedia van a consistir en el diseño de un sitio web con distintos contenidos multimedia sobre el que se irán añadiendo

Más detalles

Movistar T_Conecta Información exclusiva para la fuerza de ventas de Telefónica México

Movistar T_Conecta Información exclusiva para la fuerza de ventas de Telefónica México Qué es Movistar T_Conecta? Es la nueva alternativa que ofrece Movistar a sus clientes de Prepago y Planes de Renta Mensual (incluye Pagamenos 1 y 2), para acceder a servicios de valor agregado que ocupan

Más detalles

PUBLICAR EN LA RED. Ponente: Javier Paricio Rodríguez

PUBLICAR EN LA RED. Ponente: Javier Paricio Rodríguez PUBLICAR COSTE MEDIO DE DISTRIBUCION EQUIPO FORMATO PUBLICAR COSTE MEDIO DE DISTRIBUCION EQUIPO FORMATO PUBLICAR COSTE MEDIO DE DISTRIBUCION EQUIPO FORMATO PUBLICAR COSTE MEDIO DE DISTRIBUCION EQUIPO FORMATO

Más detalles

HTML5 y V. Studio 2012. Sitios y aplicaciones Web con los nuevos estándares HTML5, CSS 3 y Javascript 5 manejados desde Visual Studio 2012

HTML5 y V. Studio 2012. Sitios y aplicaciones Web con los nuevos estándares HTML5, CSS 3 y Javascript 5 manejados desde Visual Studio 2012 Duración El curso tendrá una duración de 40 horas Modalidad Presencial, L - J (18:30 21:30) del 15-01-2013 al 06-02-2013 Precio 480 euros Objetivos Conocer las nuevas etiquetas HTML del estándar y sus

Más detalles

APPS PARA LA LOGISTICA. Qué es realmente una app? En qué se diferencia de otras soluciones web?

APPS PARA LA LOGISTICA. Qué es realmente una app? En qué se diferencia de otras soluciones web? APPS PARA LA LOGISTICA Qué es realmente una app? En qué se diferencia de otras soluciones web? astanapm a Project Management Company www.astana.es Octubre 2014 Contexto histórico Algunas cifras Webs vs

Más detalles

Modo básico de funcionamiento del módulo Velneo vmodapache V7

Modo básico de funcionamiento del módulo Velneo vmodapache V7 Página 1 de 8 Qué es Velneo vmodapache V7? Se trata del módulo Apache para soluciones web. Es un módulo web del servidor Web Apache que permite servir vía web diversos objetos de instancias de un proyecto

Más detalles

Configuración de DNS seguros

Configuración de DNS seguros Configuración de DNS seguros para la navegación de niños por Internet El otro día os contaba del secuestro de los DNS de Google, y qué son los DNS. Para hacer un resumen rápido: son como las páginas amarillas

Más detalles

Objetivos y Temario CURSO DESARROLLO DE APLICACIONES EN LA NUBE PARA DISPOSITIVOS MOVILES OBJETIVOS

Objetivos y Temario CURSO DESARROLLO DE APLICACIONES EN LA NUBE PARA DISPOSITIVOS MOVILES OBJETIVOS Objetivos y Temario CURSO DESARROLLO DE APLICACIONES EN LA NUBE PARA DISPOSITIVOS MOVILES OBJETIVOS Este curso desarrollo aplicaciones en la nube para móviles se ha desarrollado como una guía para aprender

Más detalles

Anexo IV Configuración del Entorno de Desarrollo. Guía de puntos de interés de la Ciudad de Madrid

Anexo IV Configuración del Entorno de Desarrollo. Guía de puntos de interés de la Ciudad de Madrid Anexo IV Configuración del Entorno de Desarrollo Guía de puntos de interés de la Ciudad de Madrid 1. Índice Anexo IV Configuración del Entorno de Desarrollo... 1 1. Índice... 2 2. Entorno de Desarrollo...

Más detalles

Ejercicio: Mensajes Alert, Confirm y Prompt

Ejercicio: Mensajes Alert, Confirm y Prompt Ejercicio: Mensajes Alert, Confirm y Prompt Utilizando Javascript podemos crear tres diferentes tipos de mensajes emergentes que se pueden usar para mostrar información, obtener confirmación u obtener

Más detalles

Curso PUDE. Desarrollo de Aplicaciones Móviles en Android

Curso PUDE. Desarrollo de Aplicaciones Móviles en Android Curso PUDE A. Descripción En este ejercicio, introduciremos cómo funcionan los servicios de localización en Android y explicaremos cómo conseguir que la API de Android nos indique nuestra posición GPS.

Más detalles

Desarrollo y servicios web

Desarrollo y servicios web Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2014-2 2 Sesión 3. Arquitectura web básica parte 2 Qué haremos hoy? 3 1. La era post pc 2. Nombres de dominio 3. URL 4.HTTP( GET / POST) La era post-pc

Más detalles

MANUAL CONFIGURACIÓN P2P EZVIZ HIKVISION

MANUAL CONFIGURACIÓN P2P EZVIZ HIKVISION MANUAL CONFIGURACIÓN P2P EZVIZ HIKVISION pág. 1 Tabla de Contenido Pag. 1. Introducción. 03 2. Configuración Dispositivo. 03 2.1. Configuración DVR. 03 2.2. Configuración Cámara IP. 04 3. Registro y Configuración

Más detalles

AYUDA CLIENTE WEB HTTP://MADRID.SIGRID.ES. Documento de consulta para resolución de dudas surgidas con el cliente web http://sigrid.madrid.

AYUDA CLIENTE WEB HTTP://MADRID.SIGRID.ES. Documento de consulta para resolución de dudas surgidas con el cliente web http://sigrid.madrid. AYUDA CLIENTE WEB HTTP://MADRID.SIGRID.ES Documento de consulta para resolución de dudas surgidas con el cliente web http://sigrid.madrid.es INDICE 1. Antecedentes... 3 2. Introducción al servidor y visor...

Más detalles

Global Tracker Assistant Manual App GTA Android

Global Tracker Assistant Manual App GTA Android Global Tracker Assistant Manual App GTA Android Global Tracker Assistant es una aplicación de gestión de flotas y geolocalización móvil Además de vehículos y localizadores portátiles, GTA puede rastrear

Más detalles

Capítulo III. Navin UDLAP: Un Servicio de Orientación para

Capítulo III. Navin UDLAP: Un Servicio de Orientación para Capítulo III. Navin UDLAP: Un Servicio de Orientación para dispositivos móviles Navin es un Servicio Basado en Localización que ofrece un sistema de orientación para obtener rutas en base a la localización

Más detalles

TUTORIAL Para hacer películas con Huayra Motion

TUTORIAL Para hacer películas con Huayra Motion TUTORIAL Para hacer películas con Huayra Motion » Introducción: Huayra Motion es un programa que te permite crear películas y cortos animados con la netbook usando la técnica de stop motion de manera sencilla

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios.

DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios. DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios. SUBSECTOR: Informática y Comunicación. Nombre del Módulo: Creación de páginas Webs Código: CSTI0168 total: 60 horas Objetivo General:

Más detalles

Manual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4

Manual 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 detalles

5. Composer: Publicar sus páginas en la web

5. Composer: Publicar sus páginas en la web 5. Composer: Publicar sus páginas en la web Si nuestras páginas existen únicamente en el disco duro local, sólo nosotros podremos navegar por ellas, pero nadie más podrá hacerlo. Composer nos permite publicarlas

Más detalles

Qué necesito saber para tener mi sitio web en Internet?

Qué necesito saber para tener mi sitio web en Internet? Qué necesito saber para tener mi sitio web en Internet? Introducción Antes es importante tener en cuenta que Es importante considerar lo siguiente: Definir claramente tu actividad en Internet Establecer

Más detalles

GESTOR DE DESCARGAS. Índice de contenido

GESTOR DE DESCARGAS. Índice de contenido GESTOR DE DESCARGAS Índice de contenido 1. Qué es DocumentosOnLine.net?...2 2. Qué es el Gestor de Descargas?...3 3.Instalación / Configuración...5 4.Descarga de Documentos...9 5.Búsqueda / Consulta de

Más detalles

Desarrollo y servicios web

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

Más detalles

Curso XHTML/HTML/HTML5

Curso XHTML/HTML/HTML5 Curso XHTML/HTML/HTML5 Curso XHTML/HTML/HTML5 Servidores Web y FTP Desde el inicio del curso hemos estado creando documentos HTML en las máquinas locales. Introduciremos ahora el concepto de los Servidores

Más detalles

2.- Utilizar el administrador de contenidos, para modificar el contenido de cualquier página o producto.

2.- Utilizar el administrador de contenidos, para modificar el contenido de cualquier página o producto. Manual básico de administración de CMS Para poder utilizar este manual básico, es necesario estar ingresados al sistema como miembro administrador, utilizando un nombre de usuario y contraseña validos.

Más detalles

Módulo II Unidad Didáctica 2

Módulo II Unidad Didáctica 2 Módulo II Unidad Didáctica 2 Introducción Una vez que el sitio está desarrollado y hemos cumplido con todas las etapas para su diseño es necesario incorporar algunos conceptos que nos permitan comprender

Más detalles

INFORMATICA VISUAL BASIC 2008 GRAFICACIÓN I

INFORMATICA VISUAL BASIC 2008 GRAFICACIÓN I GRAFICACIÓN I GDI+: Interfaz Avanzado de Diseño de Gráficos Crea gráficos, dibujar texto y manipular imágenes gráficas como si fueran objetos GDI+ es una interfaz de programación de aplicaciones (API)

Más detalles

Animalandia. Manual de instalación. (Actualizado: Sept-2015) Fernando Lisón Martín

Animalandia. Manual de instalación. (Actualizado: Sept-2015) Fernando Lisón Martín Animalandia Manual de instalación (Actualizado: Sept-2015) Fernando Lisón Martín Índice 1.- Requisitos previos...3 Instalación de paquetes...3 Configuración de apache...4 Configuración de php...4 Preparación

Más detalles

PRACTICA CAPITULO 2 MODULO 1 PROTOCOLOS Y LA FUNCIONALIDAD DE LA CAPA DE APLICACIÓN

PRACTICA CAPITULO 2 MODULO 1 PROTOCOLOS Y LA FUNCIONALIDAD DE LA CAPA DE APLICACIÓN PRACTICA CAPITULO 2 MODULO 1 PROTOCOLOS Y LA FUNCIONALIDAD DE LA CAPA DE APLICACIÓN Los protocolos de capa de aplicación de TCP/IP más conocidos son aquellos que proporcionan intercambio de la información

Más detalles

Normat_P V.2.0 RED IP DE TELEFÓNICA DE ESPAÑA GUÍA DE USUARIO DE LA FUNCIONALIDAD DE PROXY-CACHÉ

Normat_P V.2.0 RED IP DE TELEFÓNICA DE ESPAÑA GUÍA DE USUARIO DE LA FUNCIONALIDAD DE PROXY-CACHÉ Normat_P V.2.0 RED IP DE TELEFÓNICA DE ESPAÑA GUÍA DE USUARIO DE LA FUNCIONALIDAD DE PROXY-CACHÉ RED IP DE TELEFÓNICA DE ESPAÑA: GUÍA DE USUARIO DE LA FUNCIO- NALIDAD DE PROXY-CACHÉ ÍNDICE 1. INTRODUCCIÓN...

Más detalles

Arquitectura de Software con websocket para aplicaciones web multiplataforma

Arquitectura de Software con websocket para aplicaciones web multiplataforma Arquitectura de Software con websocket para aplicaciones web multiplataforma Luis Vivas, Horacio Muñoz Abbate, Mauro Cambarieri, Nicolás García Martínez, Marcelo Petroff Laboratorio de Informática Aplicada

Más detalles

QUE ES UN SERVIDOR DNS POR: ING-ESP PEDRO ALBERTO ARIAS QUINTERO. Este Es un documento donde se comentan algunos aspectos de un servidor DNS

QUE ES UN SERVIDOR DNS POR: ING-ESP PEDRO ALBERTO ARIAS QUINTERO. Este Es un documento donde se comentan algunos aspectos de un servidor DNS QUE ES UN SERVIDOR DNS POR: ING-ESP PEDRO ALBERTO ARIAS QUINTERO Este Es un documento donde se comentan algunos aspectos de un servidor DNS SERVIDOR DNS Que tareas realizan, como funcionan y que importancia

Más detalles

Proceso de cifrado. La fortaleza de los algoritmos es que son públicos, es decir, se conocen todas las transformaciones que se aplican al documento

Proceso 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 detalles

> Temario Curso de Diseño Web <

> Temario Curso de Diseño Web < le ayuda a crear hermosos diseños para sitios web y aplicaciones móviles en un instante, sin necesidad de programación. Brinda imágenes vectoriales y de mapa de bits, maquetas, gráficos 3D, y contenido

Más detalles

Instalar y configurar W3 Total Cache

Instalar y configurar W3 Total Cache Instalar y configurar W3 Total Cache en WordPress Cardenal Gardoki, 1 48008 BILBAO (Vizcaya) Teléfono: 902 012 199 www.hostalia.com La velocidad de carga de una web influye mucho a la hora de mejorar el

Más detalles

Proyecto final de curso. Android: Fundamentos de Programación. ( julio-noviembre 2014)

Proyecto final de curso. Android: Fundamentos de Programación. ( julio-noviembre 2014) Proyecto final de curso Android: Fundamentos de Programación ( julio-noviembre 2014) Nombre de la aplicación: DemoRestaurante Autor: Andrés Argudo, Iván Qué hace la aplicación: Versión para Android de

Más detalles

QUÉ ES UN SERVIDOR Y CUÁLES SON LOS PRINCIPALES TIPOS DE SERVIDORES? (PROXY, DNS, WEB, FTP, SMTP, ETC.) (DV00408A)

QUÉ ES UN SERVIDOR Y CUÁLES SON LOS PRINCIPALES TIPOS DE SERVIDORES? (PROXY, DNS, WEB, FTP, SMTP, ETC.) (DV00408A) APRENDERAPROGRAMAR.COM QUÉ ES UN SERVIDOR Y CUÁLES SON LOS PRINCIPALES TIPOS DE SERVIDORES? (PROXY, DNS, WEB, FTP, SMTP, ETC.) (DV00408A) Sección: Divulgación Categoría: Herramientas Informáticas Fecha

Más detalles

Manual CMS Mobincube

Manual 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 detalles

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII

GUÍ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 detalles

Aplicación para Dispositivos Móviles Android para el Registro, Visualización e Intercambio de Etiquetas Geolocalizadas

Aplicación para Dispositivos Móviles Android para el Registro, Visualización e Intercambio de Etiquetas Geolocalizadas Aplicación para Dispositivos Móviles Android para el Registro, Visualización e Intercambio de Etiquetas Geolocalizadas Alumno: Abel Pérez Crespillo Tutor: Víctor Carceler Hontoria Objetivos del proyecto

Más detalles

Parte IIIb: Seguridad en APIs REST

Parte IIIb: Seguridad en APIs REST Tema 3: Javascript Parte IIIb: Seguridad en APIs REST Texto http://www.flickr.com/photos/kosmar/62381076 Autentificación y autorización Autentificación basada en tokens Seguridad en APIs REST Token de

Más detalles

Ejemplos básicos de webmathematica para profesores

Ejemplos 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 detalles

Parte 3 - Consultas SQL + Servicios Web + Índices

Parte 3 - Consultas SQL + Servicios Web + Índices Parte 3 - Consultas SQL + Servicios Web + Índices 12450 Estructuras de Datos y de la Información 2 Prácticas Laboratorio - Curso 2008-2009 3.1 Consultas SQL: Ernesto Arroyo Jesús Bisbal Philippe Roussel

Más detalles