Többszálúság a böngészőben, avagy merjünk-e Javascriptben programot írni? Farkas Máté Budapest.js meetup 2010.04.14.

Slides:



Advertisements
Hasonló előadás
HÁLÓZATOK.
Advertisements

4. alkalom – Hálózat Kezelés
Flex: csak rugalmasan! Kiss-Tóth Marcell Magyarországi Web Konferencia március 18.
Az Internet adta lehetőségek
1 Internet. 2 WWW  World Wide Web  Hivatkozásokkal összekötött hipermédia dokumentumok rendszere  Dokumentumok -> Weboldalak  A weboldalak hipertext.
SZENT ISTVÁN EGYETEM GAZDASÁG- ÉS TÁRSADALOMTUDOMÁNYI KAR AUTO- SZŰRŐ FEJLESZTÉSE TÁBLÁZAT ALAPÚ JELENTÉSEK UTÓLAGOS, BÖNGÉSZŐN BELÜLI TOVÁBB- FELDOLGOZÁSÁRA.
INTERNET Tudatos Internet-felhasználó képzés Szolnok
Internet Felépítése, működése.
Egy kisvállakozás dinamikus weboldalának fejlesztése: tervezés, problémák, megoldások Szilágyi Gábor.
Social Networking alkalmazás fejlesztése ASP.NET 3.5-tel Árvai Zoltán Consultant, Trainer Számalk Oktatóközpont.
 A Gmail a Google ingyenes webmail, POP3 és IMAP szolgáltatása.Googlewebmail POP3IMAP  Bevezetésekor az 1 gigabyte-os tárhelyével lényegesen.
Hálózati szolgáltatások Készítette: Rummel Szabolcs
2010/2011.Huszár István1. dia Weboldalak tervezése II. (X)HTML.
Az előd – IIS 6 2 Forrás: Secunia, Forrás: Netcraft, August 2007 Web Server Survey Elterjedtség.
Domain tesztelés bemutatása PHP tesztelés
HÁLÓZATOK.
A web és működése A Világháló három szabványra épül:
Böngészők Internet Explorer Mozilla Firefox
Ember László Irfanview, GIMP, OpenOffice, VLC, FreeCommander, Firefox, Thunderbird, Mplayer, Safari, Opera.
WEBOLDALFEJLESZTÉS
HTML elemek Linkek, táblázatok és képek Forrás, amelyből össze lett állítva a prezentáció szövege és képei:
XML alapok 2. XML hibaellenőrzés XML a böngészőkben XML parser
 Az Apache webszervernek semmi köze az Apache indiánokhoz, akik az Egyesült Államok dél-nyugati részén élõ õslakók. A név egy szójáték: "a patchy server”,
Felső tagozatosok programozás oktatása
Böngésző programok (Böngészés).
Közösségi portálok használata
WEB MES (webes gyártásirányító rendszer)
Közösségi oldalak használata
PHP I. Alapok. Mi a PHP? PHP Hypertext Preprocessor Szkriptnyelv –Egyszerű, gyors fejlesztés –Nincs fordítás (csak értelmező) Alkalmazási lehetőségek:
Internet ismeretek.
Web Application for Resource Planning
Orovecz János Tartalomjegyzék  Az Ajax története  HTTP-kérések és válaszok  XMLHttp-kérések  Egyéb Ajax technika  XML.
2010/2011.Huszár István1. dia Weboldalak tervezése I. ALAPOK.
JavaScript a gyakorlatban. 1.Gyakorlat Mi a JavaScript?  A JavaScript nem Java! JavaScript futtatása JavaScript beillesztése XHTML-be Változók kezelése.
XHTML 1. óra. Miért térjünk át HTML-ről XHTML- re? HTML-szabványban tartalom és forma összemosódott HTML 4.0 szabványban stíluslapok használatát javasolták.
Korpásné Szűcs Melinda web-referens DEENK Korpásné Szűcs Melinda web-referens DEENK.
Weblapkészítési tudnivalók Pék Ágnes © Hogyan lehet weboldalt létrehozni? Lehet kész sablonokat használni Lehet önállóan előállítani.
Weblapkészítési tudnivalók Pék Ágnes © Hogyan lehet weboldalt létrehozni? Lehet kész sablonokat használni Lehet önállóan előállítani.
Előadóról Név: Zumpf Tamás
Készítette: Gocsál Ákos, Gocsál Klára, Fehér Péter 1 A program megvalósulását az Apertus Közalapítvány támogatta. Internet az oktatásban – taneszközök.
Számítógép-kezelői tanfolyam VFMK
WEB 2.0. Amiről szó lesz… Web átalakulóban, a WEB 2.0 –Újszerű weboldalak… –Első a tartalom! –A felhasználók hatalomátvétele?! –A Web mint platform –
Weboldal tervezés programozó szemmel. Alapok Minden webcím www. –tal kezdődikMinden webcím www. –tal kezdődik Webböngésző = Internet ExplorerWebböngésző.
Mobilra optimalizált webáruházak, avagy felkészülés az új évtizedre Zajdó Csaba.
Érdekességek. Tudod-e? Mit jelent a „www”? A) Wild Windows Wave B) World Wide Web C) Wide World Web.
Web Architecture. Development of Computing Architectures Monolithic mainframe programming Client Server Real Client Server Web Programming.
Szoftver Program – utasítás sorozat, amelyet a számítógép végre tud hajtani. Operációs rendszer – programcsomag, amely kapcsolatot teremt a felhasználó.
Komoróczy Tamás 1 Java programozási nyelv A nyelv alapjai.
Illés Zoltán ELTE Informatikai Kar
Az Internet alkalmazásai
Varga Viktor – G36ECF 1/5 Vendéglátói szoftverek sajátosságai Varga Viktor.
Térképes Alkalmazásfejlesztés Firefox OS rendszeren.
Hogyan készítheti el egy laikus egy nap alatt az INFOÉRA konferencia programlistázó és értékelő mobilalkalmazását? Menyhárt László Gábor Zamárdi,
Violet nails Készítette: Csőke Vivien. Bevezetés Téma: Violet nails - műkörömkészítő weblapjának elkészítése A weboldal elérhető az alábbi címen: violetnails.atw.hu.
14. Szóbeli középszintű informatika tétel:
Ez az én művem: Papercraft
Webfejlesztés, Internet Explorer 10 Komjáthy Szabolcs
A számítógép (computer)
Illés Zoltán ELTE Informatikai Kar
A böngészőprogram használata. A böngészők értelmezik a html nyelvet, a javascript kódokat és a php kódokat is. Majd ezeket lefuttatja, és azok alapján.
Bevezetés az informatikába 11. előadás Internet. Egyetlen nagy egységes elveken működő világhálózat hálózatok összekapcsolása nagy világhálóvá csomagkapcsolt.
Budapest szeptember 28.. A webes alkalmazás a CD főkönyvtárában lévő index.html nevű fájllal indítható el.
Előadássorozat a Független Pedagógiai Intézetben fupi.hu Az internet: miért, hogyan? 2 / 10. Csada Péter Csada Bt. cspc.hu.
Digitális írástudás fejlesztése korhatár nélkül, okoseszközökön június 25.
A web története és statisztikái. World Wide Web előtti internet, internet előtti hiperszöveg.
Szoftver Program – a számítógép számára érthető utasítássor Operációs rendszer – Programcsomag. Kapcsolatot teremt a felhasználó és a számítógép között.
1 A Twitter és a Facebook API Szolgáltatások és Alkalmazások Ujvárosi Szabolcs 2010.
A HTML alapjai Az internet és a web.
Internet és kommunikáció
Ismerkedjünk az Internettel!
Előadás másolata:

Többszálúság a böngészőben, avagy merjünk-e Javascriptben programot írni? Farkas Máté Budapest.js meetup

A Javascript nem erre való!

A Javascript ütemező működése

A legnagyobb hátrány: • Amíg Javascriptben számítást végzünk, semmi más nem történhet a böngészőben • Kivétel jelenleg: Opera • És majd a Webkit 2 alapú böngészők

A megoldás: Web Worker • A Google Gears-féle WorkerPool szabványosítása, a HTML 5 része • A Worker egy teljesen különálló folyamatként dolgozik, csak a létrehozójával tud kommunikálni, és vele is csak üzenet küldéssel

index.html hello.js

Használati előnyök • A böngésző „lefagyasztása nélkül” tudunk hosszabb számításokat végezni • Kihasználhatóak a több magos processzorok • demo

Többszálú teljesítmény

Böngésző támogatás • Chrome: minden worker új process • Safari: minden worker új szál • Firefox: nem string értékek küldése/fogadása is lehet • Opera: nem támogatja • Internet Explorer: nem támogatja

PHP 5.2: 5,26 sec A Javascript lassú.

Perl 5.10: 3,26 sec

Google Chrome 5: ??? sec

Google Chrome 5: 0,05 sec

Egy másik teszt

Böngésző támogatás 2 • A HTML 5 Worker nem kompatíbilis a Gears-féle WorkerPool-lal • Volt több próbálkozás szimulálni ezt a viselkedést (jsworker, ie-web- worker), de egyik sem kielégítő

emulatedWorker.js • Elég ezt betölteni, és a Worker API-t használó Javascript futni fog minden böngészőben… • … de ettől nem lesz többszálú… • … és komolyabb adatszerkezetek- nél bonyolult az üzengetés

objectWorker.js • Egy intuitív absztrakció a Workerek használatához • (Típusjelzéssel ellátott) objektumok küldése/fogadása • Eljárás hívás

Az objectWorker használata

A worker.js

Bonyolult? – Nem, sőt!

Na és az Internet Explorer?

Összefoglalás • Kis odafigyeléssel ma már írhatunk programot Javascriptben • Weboldalak esetén egyszerűen küldhetjük háttérbe a számítási feladatokat • Worker-képes böngészővel teher- mentesíthető a szerverünk

Köszönöm a figyelmet! Farkas Máté Budapest.js meetup

Forráskódok, források • HTML 5 Web Workers workers/current-work/ workers/current-work/ • Mozilla MDC • _More_Powerful_JavaScript_World/ _More_Powerful_JavaScript_World/ • • Forráskódok: • objectWorker és emulatedWorker: