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) https://wiki.mozilla.org/webapi

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> https://developer.mozilla.org/es/docs/canvas_tutorial

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,... https://github.com/bebraw/jswiki/wiki/game-engines (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 https:// Este truco también sirve para capturar una imagen estática Ejemplo: capturar foto desde la webcam enviándola a canvas Tutorial: https://developer.mozilla.org/en-us/docs/webrtc/ 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 https://talky.io/

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://www.loquesea.com') 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Í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

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

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

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

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

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

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

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

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

Desarrollo de Apps Multiplataforma para Dispositivos Móviles. Phonegap - Cordova. Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.

Desarrollo de Apps Multiplataforma para Dispositivos Móviles. Phonegap - Cordova. Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr. Desarrollo de Apps Multiplataforma para Dispositivos Móviles Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Phonegap Materiales! Materiales en la web Texto, presentaciones

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

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

CIF-GPS GUÍA DE USUARIO

CIF-GPS GUÍA DE USUARIO CIF-GPS GUÍA DE USUARIO Secciones 1. VENTAJAS DE CIF-GPS 2. INSTALAR CIF-GPS 3. FUNCIONAMIENTO DE LA APLICACIÓN. 3.1 Visión general y conceptos 3.2 Entrar en CIF-GPS. 3.3 Ventana Principal. 3.4 Menús contextuales

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

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

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

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

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

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

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

Anexo A. Manual de usuario de la agenda de vialidad (versión móvil)

Anexo A. Manual de usuario de la agenda de vialidad (versión móvil) Anexo A. Manual de usuario de la agenda de vialidad (versión móvil) En este primer anexo se presenta el manual de usuario elaborado con el fin de detallar el funcionamiento y las posibilidades de la aplicación

Más detalles

CIF-GPS GUÍA DE USUARIO

CIF-GPS GUÍA DE USUARIO mensja CIF-GPS GUÍA DE USUARIO Secciones 1. VENTAJAS DE CIF-GPS 2. INSTALAR CIF-GPS 3. FUNCIONAMIENTO DE LA APLICACIÓN. 3.1 Visión general y conceptos 3.2 Entrar en CIF-GPS. 3.3 Ventana Principal. 3.4

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

GUÍA DE USUARIO DE GPS TRACKER UTILITY (MU-201S1)

GUÍA DE USUARIO DE GPS TRACKER UTILITY (MU-201S1) GUÍA DE USUARIO DE GPS TRACKER UTILITY (MU-201S1) USER SETTINGS User Settings Username : Nombre que identifica al dispositivo en los mensajes SMS. Por defecto el nombre es MU201S1. Pin Code : Código PIN

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

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

software: la Web 2.0 y el computo móvil

software: la Web 2.0 y el computo móvil La nueva generación del software: la Web 2.0 y el computo móvil www.migfel.com Dr www.migfel.com 1 Miguel Félix Mata Rivera Agenda Introducción. La Web 1.0 y la Web 2.0. Ejemplos de MASHUP S. La Neogeografía

Más detalles

Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo

Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo... 1 1. Los ejes alrededor de un diseño interactivo... 2 2. Los problemas de Adobe Flash...

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

HTML5 es el nuevo estándar de HTML. La versión anterior HTML 4.01 apareció en. entonces.

HTML5 es el nuevo estándar de HTML. La versión anterior HTML 4.01 apareció en. entonces. HTML5 Que es HTML5? HTML5 es el nuevo estándar de HTML La versión anterior HTML 4.01 apareció en 1999. El web ha cambiado mucho desde entonces. HTML5 todavía esta en desarrollo, pero muchos browsers ya

Más detalles

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL MF0491_3: PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE. (IFCD0210: DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB) 180 HORAS PRESENCIALES Nº DE EXPEDIENTE: FC/2013/0064 ACCION 141 GRUPO 1 ACCIÓN FORMATIVA FINANCIADA

Más detalles

This Guide is available in English at www.killermobile.com. TRacer - App Espía para Teléfonos Móviles, desarrollada por Killer Mobile

This Guide is available in English at www.killermobile.com. TRacer - App Espía para Teléfonos Móviles, desarrollada por Killer Mobile This Guide is available in English at www.killermobile.com TRacer - App Espía para Teléfonos Móviles, desarrollada por Killer Mobile Killer Mobile Software LLC no será responsable y no acepta responsabilidad

Más detalles

Curso de Android con Java

Curso de Android con Java Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 1 Este es un tiempo único para el mundo de los celulares, en particular de los Smartphones. Este tipo de dispositivos

Más detalles

Aplicaciones Web modernas basadas en estándares abiertos. Huibert Aalbers Senior Certified Software IT Architect

Aplicaciones Web modernas basadas en estándares abiertos. Huibert Aalbers Senior Certified Software IT Architect Aplicaciones Web modernas basadas en estándares abiertos Huibert Aalbers Senior Certified Software IT Architect IT Insight podcast Este podcast pertenece a la serie IT Insight Pueden suscribirse al podcast

Más detalles

Soluciones de Cartografía, GIS y Teledetección www.tycgis.com CURSO DE CREACIÓN DE APLICACIONES API DE JAVASCRIPT Y ARCGIS SERVER

Soluciones de Cartografía, GIS y Teledetección www.tycgis.com CURSO DE CREACIÓN DE APLICACIONES API DE JAVASCRIPT Y ARCGIS SERVER CURSO DE CREACIÓN DE APLICACIONES API DE JAVASCRIPT Y ARCGIS SERVER MODALIDAD PRESENCIAL Profesionales formando a Profesionales 2015 formacion@tycgis.com Calle Rodríguez San Pedro 13, 3ª Planta, Oficina

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

AJAX. Asynchronous JavaScript And Xml

AJAX. Asynchronous JavaScript And Xml 1 AJAX Asynchronous JavaScript And Xml INTRODUCCIÓN (I) Ajax no es una tecnología en sí mismo. En realidad se trata de varias tecnologías independientes que se unen: XHTML y CSS, para crear una presentación

Más detalles

1.- REDES E INTERNET TIPOS DE REDES COMUNICACIÓN POR INTERNET PROTOCOLO IP PROTOCOLO TCP

1.- REDES E INTERNET TIPOS DE REDES COMUNICACIÓN POR INTERNET PROTOCOLO IP PROTOCOLO TCP 1.- REDES E INTERNET TIPOS DE REDES LAN (Local Area Network). Enlazan ordenadores dentro de un área limitada: un departamento, una oficina, un edificio, etc La forma más sencilla para crear una LAN es

Más detalles

Desarrollo de sitios web basados en JavaScript y HTML5 con Visual Studio 2012

Desarrollo de sitios web basados en JavaScript y HTML5 con Visual Studio 2012 Desarrollo de sitios web basados en JavaScript y HTML5 con Visual Studio 2012 Servicios Profesionales de Formación Danysoft 21/01/2013 Valor añadido Danysoft www.danysoft.com 1 Servicios Profesionales

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

En el servidor Proxy se creara una regla de acceso donde se prohibe la entrada a páginas relacionadas con sexo, pornografía, etc.

En el servidor Proxy se creara una regla de acceso donde se prohibe la entrada a páginas relacionadas con sexo, pornografía, etc. Instalación y Configuración de un servidor Proxy con En esta práctica se pretende instalar y configurar un servidor Proxy en Linux con Squid y un cortafuegos GuFW en el servidor Ubuntu. La administración

Más detalles

ACADEMIA DDW TEMARIO

ACADEMIA DDW TEMARIO ACADEMIA DDW TEMARIO Diseño Web / Maquetación / Semántica / SEO / JavaScript / HTML5 / CSS3 Introducción Definición de HTML Diferencias entre versiones HTML Maquetación Semántica DOM, Debugger y Navegadores

Más detalles

Sistemas GPS con Kronos

Sistemas GPS con Kronos Latinoamérica Sistemas GPS con Kronos Además del monitoreo de cualquier tipo de alarma usando cualquier medio de comunicación, Kronos tiene la capacidad de recibir, procesar y almacenar señales de posición

Más detalles

Índice. Introducción... 21 1. Documentos HTML5... 25. 1.1 Componentes básicos... 25. 1.2 Una breve introducción a HTML... 25

Índice. Introducción... 21 1. Documentos HTML5... 25. 1.1 Componentes básicos... 25. 1.2 Una breve introducción a HTML... 25 Índice Introducción......................................... 21 1. Documentos HTML5.................................. 25 1.1 Componentes básicos................................ 25 1.2 Una breve introducción

Más detalles

Demo - DataSnap y Nube

Demo - DataSnap y Nube Demo - DataSnap y Nube Agenda Introducción a RAD Cloud DBExpress Nueva API de la Nube Qué hay de nuevo en DataSnap? info@danysoft.com 1 API de la Nube info@danysoft.com 2 Qué es la API de la Nube? Una

Más detalles

INTRODUCCIÓN. Dado a que internamente la computadora trabaja con datos en binario, texto, imágenes y sonidos deben traducirse a este formato.

INTRODUCCIÓN. Dado a que internamente la computadora trabaja con datos en binario, texto, imágenes y sonidos deben traducirse a este formato. INTRODUCCIÓN La comunicación consta de lenguaje, imágenes y sonido. Las computadoras prefieren el tratamiento de la información en binario. Nosotros la del lenguaje natural. INTRODUCCIÓN Antes, el procesamiento

Más detalles

Realidad Aumentada para smartphones

Realidad Aumentada para smartphones Realidad Aumentada para smartphones AR Browsers Objetivo Explorar los últimos desarrollos en tecnología de Realidad Aumentada para crear nuevas experiencias Unos años atrás, Realidad Aumentada era una

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

Capítulo II. Desarrollo de Servicios Basados en Localización

Capítulo II. Desarrollo de Servicios Basados en Localización Capítulo II. Desarrollo de Servicios Basados en Localización En este capítulo presentará los Servicios Basados en Localización. Estos servicios son un conjunto de herramientas que proporcionan servicios

Más detalles

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras

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

POLITICA DE PRIVACIDAD

POLITICA DE PRIVACIDAD POLITICA DE PRIVACIDAD 1. Qué regula esta Política de Privacidad? Esta Política de Privacidad tiene por objeto informar al usuario que se descarga la aplicación sobre quiénes somos, qué tipo de datos personales

Más detalles

Teoría: Tratamiento de gráficos. Objetivos

Teoría: Tratamiento de gráficos. Objetivos Teoría: Tratamiento de gráficos 1 - Objetivos Aprender a tratar gráficos desde PHP. Objetivos Conocer y saber aplicar las principales funciones de la librería GD para incorporar gráficos e imágenes dentro

Más detalles

Agile Media Player Experiencias ricas de Comunicación Digital

Agile Media Player Experiencias ricas de Comunicación Digital Product datasheet Agile Media Player Experiencias ricas de Comunicación Digital Dar el siguiente paso en tu estrategia online es mejor con Agile Rambla Catalunya 33, 3º 1ª 08007 Barcelona Calle Montalbán

Más detalles

Tabla de contenido. 1. Certificado Android Developer... 4. 1.1. Introducción a la programación para la plataforma Android... 4. Objetivos Clave...

Tabla de contenido. 1. Certificado Android Developer... 4. 1.1. Introducción a la programación para la plataforma Android... 4. Objetivos Clave... Tabla de contenido 1. Certificado Android Developer.... 4 1.1. Introducción a la programación para la plataforma Android.... 4... 4... 4... 4... 4 1.2. Certificado Programador Jr. para Android... 5...

Más detalles

Experto en Diseño Web Para Dispositivos Móviles con HTML5 + CSS3 + JavaScript

Experto en Diseño Web Para Dispositivos Móviles con HTML5 + CSS3 + JavaScript Modalidad: Distancia Duración: 80 h Experto en Diseño Web Para Dispositivos Móviles con HTML5 + CSS3 + JavaScript Objetivo: El término HTML hace referencia al lenguaje de marcado predominante para la elaboración

Más detalles

Desarrollo de App responsive con ArcGIS API for javascript, Html5 y CSS3 REUNIÓN DE USUARIOS SIGSA ESRI 2015

Desarrollo de App responsive con ArcGIS API for javascript, Html5 y CSS3 REUNIÓN DE USUARIOS SIGSA ESRI 2015 Desarrollo de App responsive con ArcGIS API for javascript, Html5 y CSS3 REUNIÓN DE USUARIOS SIGSA ESRI 2015 Qué es La Api de Arcgis JavaScript? Es un conjunto de reglas( código ) y especificaciones preestablecidas

Más detalles

ArcGIS Online Nueva plataforma en la nube. Tomás Donda

ArcGIS Online Nueva plataforma en la nube. Tomás Donda ArcGIS Online Nueva plataforma en la nube Tomás Donda ArcGIS es un Sistema Completo Administrando y trabajando con información geográfica Online Server Desktop Dispositivos Móbiles Contenido Mobile Web

Más detalles

Manual del uso del DVR por internet

Manual del uso del DVR por internet Manual del uso del DVR por internet Prefacio Para poder entrar al DVR de manera remota se debe configurar el DVR en 2 fases, La primera fase es el servidor. Este proceso suele variar dependiendo de la

Más detalles

ArcGIS Online y la Información Geográfica en la Web Mapas Inteligentes para Todos

ArcGIS Online y la Información Geográfica en la Web Mapas Inteligentes para Todos ArcGIS Online y la Información Geográfica en la Web Mapas Inteligentes para Todos Ernesto Carreras, MS GIS Coordinador de Ventas William Hernández Representante de Ventas Geographic Mapping Technologies,

Más detalles

Internet 1. QUÉ ES INTERNET? Curso de Alfabetización Digital Básica Guadalinfo Cenes de la Vega

Internet 1. QUÉ ES INTERNET? Curso de Alfabetización Digital Básica Guadalinfo Cenes de la Vega 1. QUÉ ES INTERNET? Internet Internet está por todas partes. Está constituida por computadoras repartidas por todo el mundo y conectadas entre sí, llamadas servidores. Para entrar en Internet, tendrá que

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

> 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

1. Realtime Stats. 2. Management. 2.1 Resumen. Te muestra en tiempo real cómo se encuentra tu estación de radio:

1. Realtime Stats. 2. Management. 2.1 Resumen. Te muestra en tiempo real cómo se encuentra tu estación de radio: 1. Realtime Stats. Te muestra en tiempo real cómo se encuentra tu estación de radio: La cantidad de oyentes que están disfrutanto de tu transmisión. Estado del servidor. Estado de la fuente. Fuente Conectada.

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

Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT

Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT Código: 1095 Familia Profesional: Desarrollo y diseño web Acreditación: Formación reconocida a través de vías no formales Modalidad:

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

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

Lic. Mariano Pistone Front-end developer +54-261-155015062 Mendoza Argentina

Lic. Mariano Pistone Front-end developer +54-261-155015062 Mendoza Argentina Te apasiona el diseño/desarrollo web y no sabés por dónde empezar? Entonces este curso es para vos, pues está pensado para personas que no se quedan quietas, que tienen ganas de superarse y de enfrentar

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

14.1 Configuración de las propiedades del documento

14.1 Configuración de las propiedades del documento Capítulo 14 Publicación 14.1 Configuración de las propiedades del documento V amos a abrir la película natura.fla guardada en la carpeta Curso Flash/ejemplos. No es necesario guardar los cambios producidos

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

XHTML DINAMICO AVANZADO (AJAX Y DOM)

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

Más detalles

Guía Google Analytics

Guía Google Analytics Domotua Marketing Online Guía Google Analytics Domotua Marketing Online 2014 Aumenta el número de clientes Aumenta la reputación de tu marca Te ayudamos a aprovecha Internet al 100% www.domotuamarketingonline.com

Más detalles

e.hotspot Network Manager Es hora de maximizar la potencia de su red WiFi

e.hotspot Network Manager Es hora de maximizar la potencia de su red WiFi e.hotspot Network Manager Es hora de maximizar la potencia de su red WiFi RESULTADO PARA SUS CLIENTES SICE SMS Station (SMSS) Slide 2 Que es e.hotspot Network Manager Hardware En formato escritorio y/o

Más detalles

J&E Factory Integración Comercial

J&E Factory Integración Comercial J&E Factory Integración Comercial J&E Factory Integración Comercial Índice 1. Certificado Android Developer....4 1.1. Introducción a la programación para la plataforma Android....4 Objetivos Clave....

Más detalles

Confección y publicación de páginas Web

Confección y publicación de páginas Web 2014 Confección y publicación de páginas Web Docente: Manuel Fernández Catalán 0 ÍNDICE 1 Presentación... 2 2 Objetivos... 2 3 Tecnología... 2 4 Metodología y evaluación... 3 5 Material didáctico... 3

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.Presentación general 2. Presentación del curso 3. Conceptos introductorios e ingeniería web 4. Arquitectura web

Más detalles

huellasolar OPENPLATFORM (guía de usuario V1.0) 1. QUÉ ES LA PLATAFORMA ABIERTA DE HUELLASOLAR? 2 3. CUENTAS GRATUITAS Y CUENTAS BUSINESS 2

huellasolar OPENPLATFORM (guía de usuario V1.0) 1. QUÉ ES LA PLATAFORMA ABIERTA DE HUELLASOLAR? 2 3. CUENTAS GRATUITAS Y CUENTAS BUSINESS 2 huellasolar OPENPLATFORM (guía de usuario V1.0) 1. QUÉ ES LA PLATAFORMA ABIERTA DE HUELLASOLAR? 2 3. CUENTAS GRATUITAS Y CUENTAS BUSINESS 2 CUENTAS GRATUITAS 2 CUENTAS BUSINESS 2 4. DANDO FORMATO A LOS

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

Aspectos prácticos de Internet

Aspectos prácticos de Internet Aspectos prácticos de Internet Tema 6 Web y buscadores Introducción Conceptos Básicos HTML HTTP URL DNS Servidores web Caches y proxies Web 2.0 Buscadores Introducción Nació en 1990- Tim Berners-Lee Documentos

Más detalles

Desarrollo de Aplicaciones móviles para Android y IOS

Desarrollo de Aplicaciones móviles para Android y IOS Desarrollo de Aplicaciones móviles para Android y IOS Desarrollo de Aplicaciones móviles para Android y IOS Los cursos para desarrollar aplicaciones sólo para Android o sólo para ios son cosa del pasado.

Más detalles

Sistema en Terreno SmartPhone Android

Sistema en Terreno SmartPhone Android Sistema en Terreno SmartPhone Android INTRODUCCION Sin lugar a dudas, los Smartphones y las Tablets Android se están convirtiendo en un aliado indispensable de nuestro trabajo cotidiano, ya que estos dispositivos

Más detalles

Gráficos 3D X3DOM - WEBGL

Gráficos 3D X3DOM - WEBGL Gráficos 3D X3DOM - WEBGL Programación Multimedia. G.I.M. Francisco Grimaldo, Inmaculada Coma 1 Índice Información 3D en la Web Tecnologías para gráficos 3D Web X3D X3DOM WEBGL: Web Graphics Library Referencias

Más detalles

Novedades ebd versión 3.2

Novedades ebd versión 3.2 Novedades ebd versión 3.2 En este documento se detallan los cambios más importantes realizados en la versión 3.2 de ebd. Además de estas modificaciones, se han implementado mejoras de rendimiento y corregido

Más detalles