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.528 Aufrufe

Veröffentlicht am

An introduction on web workers made for school. German presentation

0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

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

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.528
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2
Aktionen
Geteilt
0
Downloads
1
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

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!

×