An introduction on web workers made for school. German presentation

1. web workers
Alain Horner, 30.04.2013
Kurzvortrag Modul Systemsoftware

2. Intro

3. Probleme von Web-Browsern
• UI freeze (~ seit 90er Jahren)
• Komplexe Berechnungen (A.D. 2008)

4. Die Lösung
• Parallelisierung im Browser

6. web workers

7. Was sind web workers?
• Parallelisierung im Browser
• Webstandard – "HTML5"
• Breite Unterstützung
• JavaScript-API

8. Modell
• Boss-Worker
• Kommunikation:
• Message Passing
• Asynchron (Events)
• Unicast (1:1)
• Kein "shared state"
• Browser erstellt Threads
Boss
ModellModell
Worker
Worker
Worker

9. API: Worker erstellen
var myWorker = new Worker('worker.js');

10. API: Nachricht senden
myWorker.postMessage('calculate stuff');

11. API: Nachricht erhalten
myWorker.addEventListener(
'message',
function (e) {
console.log('Message from worker!');
});

12. Eine Anwendung

13. SteganoJS
• Schulprojekt @ZHAW
• Steganographie im Browser
• Text in Bild
• Bild in Bild
• Demo

14. SteganoJS
• LSB-Verfahren
• Unwichtigstes Bit benutzen
• Beispiel: 0100 verstecken
• 10011010
• 11001101
• 10010100
• 11100100

15. SteganoJS
• Parallelisierung
LSB-Verfahren
Containerbild und Geheimtext
teilen
Teilbilder zusammenfügen
Teiltext 2 in
Teilbild 2
verstecken
Teiltext 1 in
Teilbild 1
verstecken

16. Outro

17. Weiterführende Infos
• http://www.w3.org/TR/workers
• http://adambom.github.io/parallel.js
• https://github.com/elHornair/steganoJS

19. Danke!