Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web workers

1,571 views

Published on

An introduction on web workers made for school. German presentation

  • Be the first to comment

  • Be the first to like this

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!

×