Web workers

1,550 views

Published on

An introduction on web workers made for school. German presentation

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,550
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web workers

  1. 1. web workersAlain Horner, 30.04.2013Kurzvortrag Modul Systemsoftware
  2. 2. Intro
  3. 3. Probleme von Web-Browsern• UI freeze (~ seit 90er Jahren)• Komplexe Berechnungen (A.D. 2008)
  4. 4. Die Lösung• Parallelisierung im Browser
  5. 5. web workers
  6. 6. Was sind web workers?• Parallelisierung im Browser• Webstandard – "HTML5"• Breite Unterstützung• JavaScript-API
  7. 7. Modell• Boss-Worker• Kommunikation:• Message Passing• Asynchron (Events)• Unicast (1:1)• Kein "shared state"• Browser erstellt ThreadsBossModellModellWorkerWorkerWorker
  8. 8. API: Worker erstellenvar myWorker = new Worker(worker.js);
  9. 9. API: Nachricht sendenmyWorker.postMessage(calculate stuff);
  10. 10. API: Nachricht erhaltenmyWorker.addEventListener(message,function (e) {console.log(Message from worker!);});
  11. 11. Eine Anwendung
  12. 12. SteganoJS• Schulprojekt @ZHAW• Steganographie im Browser• Text in Bild• Bild in Bild• Demo
  13. 13. SteganoJS• LSB-Verfahren• Unwichtigstes Bit benutzen• Beispiel: 0100 verstecken• 10011010• 11001101• 10010100• 11100100
  14. 14. SteganoJS• ParallelisierungLSB-VerfahrenContainerbild und GeheimtextteilenTeilbilder zusammenfügenTeiltext 2 inTeilbild 2versteckenTeiltext 1 inTeilbild 1verstecken
  15. 15. Outro
  16. 16. Weiterführende Infos• http://www.w3.org/TR/workers• http://adambom.github.io/parallel.js• https://github.com/elHornair/steganoJS
  17. 17. Danke!

×