Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
web workersAlain Horner, 30.04.2013Kurzvortrag 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 erst...
API: Worker erstellenvar myWorker = new Worker(worker.js);
API: Nachricht sendenmyWorker.postMessage(calculate stuff);
API: Nachricht erhaltenmyWorker.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• ParallelisierungLSB-VerfahrenContainerbild und GeheimtextteilenTeilbilder zusammenfügenTeiltext 2 inTeilbild 2v...
Outro
Weiterführende Infos• http://www.w3.org/TR/workers• http://adambom.github.io/parallel.js• https://github.com/elHornair/ste...
Danke!
Web workers
Web workers
Nächste SlideShare
Wird geladen in …5
×

Web workers

1.563 Aufrufe

Veröffentlicht am

An introduction on web workers made for school. German presentation

  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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!

×