Los web workers permiten ejecutar scripts de JavaScript de forma asíncrona y en segundo plano para realizar tareas pesadas sin bloquear la interfaz de usuario. Se clasifican en workers dedicados, vinculados a la página que los creó, y workers compartidos que pueden ser inicializados desde cualquier página. Son útiles para descargas, procesamiento de imágenes o manipulación de grandes cantidades de datos, y permiten comunicación entre el worker y el hilo principal a través de mensajes.
Introducción:Los objetivos de Desarrollo Sostenible
WebWorkers-Aplicación paralela JavaScript
1. 1
Instituto Tecnológico de Parral
Aplicación Web Worker
Beatriz Ivonne Davila Garcia – 10410169
Paulina Montes Seañez - 10410165
2. 2
Agenda:
Antes de los web worker.
Web worker.
Marco conceptual.
¿Cómo funciona?.
¿Cómo se clasifican?.
Worker dedicados.
Worker compartidos.
Características.
Métodos.
Utilidad y beneficios.
Ejemplos.
Conclusiones.
Actividad.
Bibliografía
8. 8
Web Workers Dedicados:
Estos están vinculados con el origen del
script que los creó. Por ejemplo si en
esta pagina se crea un worker
dedicado, solo los script incluidos en
esta pagina podrán acceder a ese
worker.
9. 9
Web Worker compartidos:
A diferencia de el anterior podemos inicializar un
worker desde cualquier pagina ajena a la que
utilicen.
10. 10
Características:
Ejecutan un subproceso independiente de la
interfaz de usuario.
Son útiles para la descarga de tareas complejas o
de larga ejecución.
La interfaz de comunicación Web Workers
también permite marco de errores
11. 11
Para saber si la aplicación Web Workers es soportada por
el navegador se utiliza la siguiente función:
var webworkers_support = !!window.Worker;
O bien:
• if(typeof(Worker)!==”undefined”)
{
// Tu navegador soporta Web Worker
• // Codigo a ejecutar
}
else
{
//Tu navegador soporta no Web Worker
• }
12. 12
• También están soportados en IE 10, Firefox
(desde la versión 3.6), Safari (desde la 4.0),
Chrome y Opera 11.
13. 13
Si la aplicación web Workers no es soportada por
el navegador, en particular tendrá que acabar
con ejecutar su código con un hilo principal en
Java Script y trato con los retrasos que pueda
provocar.
14. 14
Tiempos de espera e intervalos:
SetTimeOut
SetInterval
ClearTimeOut
ClearInterval
15. 15
Gestión de errores
Message.-Un mensaje de error legible para el ojo
humano.
Filename.- El nombre del archivo de script en el
que se produjo el error.
Lineno.-El número de línea del archivo de script
en el que se produjo el error
worker.onerror = function (evt) {
alert(evt.data); }
17. 17
Utilidad y beneficios:
Son útiles para la descarga de tareas complejas.
Puede generar otros trabajadores, también
eliminarlos y la instancia de los mismos.
Procesamiento de imágenes
Análisis de Texto
Accesos simultáneos a BD
Manipulación de grandes cantidades de datos
18. 18
Cómo crear un web worker:
worker var = new Worker(‘ejemplo.js');
worker.postMessage("Información para el
worker");
worker.onmessage = function (evt) {
// evt.data es el valor devuelto por el Worker
alert(evt.data);
}
24. 24
• De manera general podemos decir que esta API es un
elemento indispensable en aplicaciones que requieran
un mayor consumo de recursos, además de brindar una
forma mas sencilla de trabajar a la par los archivos
script.
• Contratiempos. No se presentaron.
• Dificultad de la actividad - tiempo. No hubo dificultades
grandes durante la elaboración ni en el tiempo
proporcionado para la entrega del trabajo.
25. 25
Actividad.- Web Workers
• Objetivo: Conocer el funcionamiento de los
trabajadores web, mediante el desarrollo de una
aplicación.
• Elaborar una página web que guarde su
“Nombre – No Control” en un archivo .js y
posteriormente se imprima mediante un archivo
html.
• Formato individual, archivo comprimido