SlideShare ist ein Scribd-Unternehmen logo
web workers
Alain Horner, 30.04.2013
Kurzvortrag Modul Systemsoftware
Intro
Probleme von Web-Browsern
• UI freeze (~ seit 90er Jahren)
• Komplexe Berechnungen (A.D. 2008)
Die Lösung
• Parallelisierung im Browser
web workers
Was sind web workers?
• Parallelisierung im Browser
• Webstandard – "HTML5"
• Breite Unterstützung
• JavaScript-API
Modell
• Boss-Worker
• Kommunikation:
• Message Passing
• Asynchron (Events)
• Unicast (1:1)
• Kein "shared state"
• Browser erstellt Threads
Boss
ModellModell
Worker
Worker
Worker
API: Worker erstellen
var myWorker = new Worker('worker.js');
API: Nachricht senden
myWorker.postMessage('calculate stuff');
API: Nachricht erhalten
myWorker.addEventListener(
'message',
function (e) {
console.log('Message from worker!');
});
Eine Anwendung
SteganoJS
• Schulprojekt @ZHAW
• Steganographie im Browser
• Text in Bild
• Bild in Bild
• Demo
SteganoJS
• LSB-Verfahren
• Unwichtigstes Bit benutzen
• Beispiel: 0100 verstecken
• 10011010
• 11001101
• 10010100
• 11100100
SteganoJS
• Parallelisierung
LSB-Verfahren
Containerbild und Geheimtext
teilen
Teilbilder zusammenfügen
Teiltext 2 in
Teilbild 2
verstecken
Teiltext 1 in
Teilbild 1
verstecken
Outro
Weiterführende Infos
• http://www.w3.org/TR/workers
• http://adambom.github.io/parallel.js
• https://github.com/elHornair/steganoJS
Danke!

Weitere ähnliche Inhalte

Andere mochten auch

Pres. tematicas final
Pres. tematicas finalPres. tematicas final
Pres. tematicas final
IED_Alfonso_Spath_Spath
 
Aprendizaje electrónico
Aprendizaje electrónicoAprendizaje electrónico
Aprendizaje electrónico
ginna123
 
Tics
TicsTics
Tics
vale_smf
 
Parte b. virus y vacunas informáticas (
Parte b. virus y vacunas informáticas (Parte b. virus y vacunas informáticas (
Parte b. virus y vacunas informáticas (
Sarita_Quintero_Quintero
 
Techos verdes
Techos verdesTechos verdes
Techos verdes
Magnoliia Martinez
 
La guanacastequidad
La guanacastequidadLa guanacastequidad
La guanacastequidad
06igte811
 
Persönliche Verantwortung und Haftungsrisiken des CISO / IT-Sicherheitsbeauft...
Persönliche Verantwortung und Haftungsrisiken des CISO / IT-Sicherheitsbeauft...Persönliche Verantwortung und Haftungsrisiken des CISO / IT-Sicherheitsbeauft...
Persönliche Verantwortung und Haftungsrisiken des CISO / IT-Sicherheitsbeauft...
Stephan Schmidt
 
PLAN DE ACCION 2013
PLAN DE ACCION 2013PLAN DE ACCION 2013
PLAN DE ACCION 2013
mariag57
 
Tuberculosis
TuberculosisTuberculosis
Tuberculosis
Ismael Ecos
 
Sociales tema 4
Sociales tema 4Sociales tema 4
Sociales tema 4
cristian4199
 
Lichtverschmutzung im Harz und anderswo
Lichtverschmutzung im Harz und anderswoLichtverschmutzung im Harz und anderswo
Lichtverschmutzung im Harz und anderswo
Sternwarte Sankt Andreasberg
 
Sistema financiero
Sistema financieroSistema financiero
Sistema financiero
MILTON_GARCIAT
 
Pensamientos positivos
Pensamientos positivosPensamientos positivos
Pensamientos positivosercilia38
 
Ideenwettbewerb "konzept m+b" 2012
Ideenwettbewerb "konzept m+b" 2012Ideenwettbewerb "konzept m+b" 2012
Ideenwettbewerb "konzept m+b" 2012
Björn Friedrich
 
Xàbia competencias_5 nov2014-nuevo-definitvo
Xàbia competencias_5 nov2014-nuevo-definitvoXàbia competencias_5 nov2014-nuevo-definitvo
Xàbia competencias_5 nov2014-nuevo-definitvo
Raquel Gómez Paredes
 
Manual presentacioneselec
Manual presentacioneselecManual presentacioneselec
Manual presentacioneselec
brayanulices
 
Plan de i.e jorge eliecer gaitan 2.012
Plan de i.e jorge eliecer gaitan 2.012Plan de i.e jorge eliecer gaitan 2.012
Plan de i.e jorge eliecer gaitan 2.012
Rudy Jesus Perez Buelvas
 
El fuego
El fuegoEl fuego
El fuego
vale_smf
 
Biohort Katalog 2011
Biohort Katalog 2011Biohort Katalog 2011
Biohort Katalog 2011
schmidtambiente
 

Andere mochten auch (20)

Pres. tematicas final
Pres. tematicas finalPres. tematicas final
Pres. tematicas final
 
Aprendizaje electrónico
Aprendizaje electrónicoAprendizaje electrónico
Aprendizaje electrónico
 
Tics
TicsTics
Tics
 
Parte b. virus y vacunas informáticas (
Parte b. virus y vacunas informáticas (Parte b. virus y vacunas informáticas (
Parte b. virus y vacunas informáticas (
 
Techos verdes
Techos verdesTechos verdes
Techos verdes
 
La guanacastequidad
La guanacastequidadLa guanacastequidad
La guanacastequidad
 
Persönliche Verantwortung und Haftungsrisiken des CISO / IT-Sicherheitsbeauft...
Persönliche Verantwortung und Haftungsrisiken des CISO / IT-Sicherheitsbeauft...Persönliche Verantwortung und Haftungsrisiken des CISO / IT-Sicherheitsbeauft...
Persönliche Verantwortung und Haftungsrisiken des CISO / IT-Sicherheitsbeauft...
 
PLAN DE ACCION 2013
PLAN DE ACCION 2013PLAN DE ACCION 2013
PLAN DE ACCION 2013
 
Tuberculosis
TuberculosisTuberculosis
Tuberculosis
 
Sociales tema 4
Sociales tema 4Sociales tema 4
Sociales tema 4
 
Lichtverschmutzung im Harz und anderswo
Lichtverschmutzung im Harz und anderswoLichtverschmutzung im Harz und anderswo
Lichtverschmutzung im Harz und anderswo
 
Sistema financiero
Sistema financieroSistema financiero
Sistema financiero
 
Pensamientos positivos
Pensamientos positivosPensamientos positivos
Pensamientos positivos
 
Ideenwettbewerb "konzept m+b" 2012
Ideenwettbewerb "konzept m+b" 2012Ideenwettbewerb "konzept m+b" 2012
Ideenwettbewerb "konzept m+b" 2012
 
Xàbia competencias_5 nov2014-nuevo-definitvo
Xàbia competencias_5 nov2014-nuevo-definitvoXàbia competencias_5 nov2014-nuevo-definitvo
Xàbia competencias_5 nov2014-nuevo-definitvo
 
Manual presentacioneselec
Manual presentacioneselecManual presentacioneselec
Manual presentacioneselec
 
Presentación1
Presentación1Presentación1
Presentación1
 
Plan de i.e jorge eliecer gaitan 2.012
Plan de i.e jorge eliecer gaitan 2.012Plan de i.e jorge eliecer gaitan 2.012
Plan de i.e jorge eliecer gaitan 2.012
 
El fuego
El fuegoEl fuego
El fuego
 
Biohort Katalog 2011
Biohort Katalog 2011Biohort Katalog 2011
Biohort Katalog 2011
 

Ähnlich wie Web workers

HTML5 und node.js Grundlagen
HTML5 und node.js GrundlagenHTML5 und node.js Grundlagen
HTML5 und node.js GrundlagenMayflower GmbH
 
JavaScript: Von einfachen Scripten zu komplexen Anwendungen
JavaScript: Von einfachen Scripten zu komplexen AnwendungenJavaScript: Von einfachen Scripten zu komplexen Anwendungen
JavaScript: Von einfachen Scripten zu komplexen Anwendungen
molily
 
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Andreas Wissel
 
Ajax in domino web-anwendungen - der nächste schritt
Ajax in domino web-anwendungen - der nächste schrittAjax in domino web-anwendungen - der nächste schritt
Ajax in domino web-anwendungen - der nächste schrittdominion
 
Mobile Webentwicklung mit HTML5
Mobile Webentwicklung mit HTML5Mobile Webentwicklung mit HTML5
Mobile Webentwicklung mit HTML5
kkramhoeft
 
JSF meets JS (2. ed.) - JSF-Komponenten mit JavaScript
JSF meets JS (2. ed.) - JSF-Komponenten mit JavaScriptJSF meets JS (2. ed.) - JSF-Komponenten mit JavaScript
JSF meets JS (2. ed.) - JSF-Komponenten mit JavaScript
OPEN KNOWLEDGE GmbH
 
Android Apps mit Xamarin entwickeln
Android Apps mit Xamarin entwickelnAndroid Apps mit Xamarin entwickeln
Android Apps mit Xamarin entwickeln
André Krämer
 
GWT – Google Web Toolkit in der Praxis
GWT – Google Web Toolkit in der PraxisGWT – Google Web Toolkit in der Praxis
GWT – Google Web Toolkit in der Praxis
Cenarion Information Systems GmbH
 
Javascript auf Client und Server mit node.js - webtech 2010
Javascript auf Client und Server mit node.js - webtech 2010Javascript auf Client und Server mit node.js - webtech 2010
Javascript auf Client und Server mit node.js - webtech 2010
Dirk Ginader
 
Building Enterprise Applications with AngularJS (GDG DevFest Karlsruhe 2014)
Building Enterprise Applications with AngularJS (GDG DevFest Karlsruhe 2014)Building Enterprise Applications with AngularJS (GDG DevFest Karlsruhe 2014)
Building Enterprise Applications with AngularJS (GDG DevFest Karlsruhe 2014)
Christian Janz
 
Web Workers - Das Arbeitstier Browser
Web Workers - Das Arbeitstier BrowserWeb Workers - Das Arbeitstier Browser
Web Workers - Das Arbeitstier BrowserSebastian Bauer
 
Ajax hands on - Refactoring Google Suggest
Ajax hands on - Refactoring Google SuggestAjax hands on - Refactoring Google Suggest
Ajax hands on - Refactoring Google Suggest
Bastian Feder
 
Die Zukunft der Webstandards - Webinale 31.05.2010
Die Zukunft der Webstandards - Webinale 31.05.2010Die Zukunft der Webstandards - Webinale 31.05.2010
Die Zukunft der Webstandards - Webinale 31.05.2010Patrick Lauke
 
MEAN SCS in der Cloud
MEAN SCS in der CloudMEAN SCS in der Cloud
MEAN SCS in der Cloud
Torsten Fink
 
Progressive Web Apps mit Angular
Progressive Web Apps mit AngularProgressive Web Apps mit Angular
Progressive Web Apps mit Angular
Jens Binfet
 
Azure WorkshopPart1 Intro
Azure WorkshopPart1   IntroAzure WorkshopPart1   Intro
Azure WorkshopPart1 Intro
Oliver Michalski
 
Rufen Sie nicht an – wir rufen Sie an! | Server-sent Events und Web-Sockets i...
Rufen Sie nicht an – wir rufen Sie an! | Server-sent Events und Web-Sockets i...Rufen Sie nicht an – wir rufen Sie an! | Server-sent Events und Web-Sockets i...
Rufen Sie nicht an – wir rufen Sie an! | Server-sent Events und Web-Sockets i...
OPEN KNOWLEDGE GmbH
 
Electron.NET: Cross-Platform Desktop Software mit ASP.NET Core
Electron.NET: Cross-Platform Desktop Software mit ASP.NET CoreElectron.NET: Cross-Platform Desktop Software mit ASP.NET Core
Electron.NET: Cross-Platform Desktop Software mit ASP.NET Core
Gregor Biswanger
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Eric Eggert
 

Ähnlich wie Web workers (20)

HTML5 und node.js Grundlagen
HTML5 und node.js GrundlagenHTML5 und node.js Grundlagen
HTML5 und node.js Grundlagen
 
JavaScript: Von einfachen Scripten zu komplexen Anwendungen
JavaScript: Von einfachen Scripten zu komplexen AnwendungenJavaScript: Von einfachen Scripten zu komplexen Anwendungen
JavaScript: Von einfachen Scripten zu komplexen Anwendungen
 
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
 
Ajax in domino web-anwendungen - der nächste schritt
Ajax in domino web-anwendungen - der nächste schrittAjax in domino web-anwendungen - der nächste schritt
Ajax in domino web-anwendungen - der nächste schritt
 
Mobile Webentwicklung mit HTML5
Mobile Webentwicklung mit HTML5Mobile Webentwicklung mit HTML5
Mobile Webentwicklung mit HTML5
 
JSF meets JS (2. ed.) - JSF-Komponenten mit JavaScript
JSF meets JS (2. ed.) - JSF-Komponenten mit JavaScriptJSF meets JS (2. ed.) - JSF-Komponenten mit JavaScript
JSF meets JS (2. ed.) - JSF-Komponenten mit JavaScript
 
Android Apps mit Xamarin entwickeln
Android Apps mit Xamarin entwickelnAndroid Apps mit Xamarin entwickeln
Android Apps mit Xamarin entwickeln
 
GWT – Google Web Toolkit in der Praxis
GWT – Google Web Toolkit in der PraxisGWT – Google Web Toolkit in der Praxis
GWT – Google Web Toolkit in der Praxis
 
Hdc2012 cordova-präsi
Hdc2012 cordova-präsiHdc2012 cordova-präsi
Hdc2012 cordova-präsi
 
Javascript auf Client und Server mit node.js - webtech 2010
Javascript auf Client und Server mit node.js - webtech 2010Javascript auf Client und Server mit node.js - webtech 2010
Javascript auf Client und Server mit node.js - webtech 2010
 
Building Enterprise Applications with AngularJS (GDG DevFest Karlsruhe 2014)
Building Enterprise Applications with AngularJS (GDG DevFest Karlsruhe 2014)Building Enterprise Applications with AngularJS (GDG DevFest Karlsruhe 2014)
Building Enterprise Applications with AngularJS (GDG DevFest Karlsruhe 2014)
 
Web Workers - Das Arbeitstier Browser
Web Workers - Das Arbeitstier BrowserWeb Workers - Das Arbeitstier Browser
Web Workers - Das Arbeitstier Browser
 
Ajax hands on - Refactoring Google Suggest
Ajax hands on - Refactoring Google SuggestAjax hands on - Refactoring Google Suggest
Ajax hands on - Refactoring Google Suggest
 
Die Zukunft der Webstandards - Webinale 31.05.2010
Die Zukunft der Webstandards - Webinale 31.05.2010Die Zukunft der Webstandards - Webinale 31.05.2010
Die Zukunft der Webstandards - Webinale 31.05.2010
 
MEAN SCS in der Cloud
MEAN SCS in der CloudMEAN SCS in der Cloud
MEAN SCS in der Cloud
 
Progressive Web Apps mit Angular
Progressive Web Apps mit AngularProgressive Web Apps mit Angular
Progressive Web Apps mit Angular
 
Azure WorkshopPart1 Intro
Azure WorkshopPart1   IntroAzure WorkshopPart1   Intro
Azure WorkshopPart1 Intro
 
Rufen Sie nicht an – wir rufen Sie an! | Server-sent Events und Web-Sockets i...
Rufen Sie nicht an – wir rufen Sie an! | Server-sent Events und Web-Sockets i...Rufen Sie nicht an – wir rufen Sie an! | Server-sent Events und Web-Sockets i...
Rufen Sie nicht an – wir rufen Sie an! | Server-sent Events und Web-Sockets i...
 
Electron.NET: Cross-Platform Desktop Software mit ASP.NET Core
Electron.NET: Cross-Platform Desktop Software mit ASP.NET CoreElectron.NET: Cross-Platform Desktop Software mit ASP.NET Core
Electron.NET: Cross-Platform Desktop Software mit ASP.NET Core
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)
 

Web workers