webfejlesztés , internet explorer 10
DESCRIPTION
Webfejlesztés , Internet Explorer 10. Komjáthy Szabolcs ksz @ matroit.com. Tartalom. Webfejlesztés Orcharddal Weblapkészítés egyszerűen Mi az a CMS? Publikáljuk weblapunk! Internet Explorer 9-10 Tartalom a középpontban A sebesség mindenek előtt Kapcsolat az operációs rendszerrel. - PowerPoint PPT PresentationTRANSCRIPT
![Page 2: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/2.jpg)
Tartalom
• Webfejlesztés Orcharddal– Weblapkészítés egyszerűen– Mi az a CMS?– Publikáljuk weblapunk!
• Internet Explorer 9-10– Tartalom a középpontban– A sebesség mindenek előtt– Kapcsolat az operációs rendszerrel
![Page 3: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/3.jpg)
Webfejlesztés Orcharddal
• Egy programozó születése…– Minél korábban meg kell adni a lehetőséget a
tanulásra!– HTML példák, (anno Pascal, Delphi)– C, C++, C#
• Lassan válik látványossá a fejlődés
![Page 4: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/4.jpg)
Webfejlesztés Orcharddal
• Látványos és korszerű eszközök• WebMatrix• Orchard• Könnyen publikálható eredmény
![Page 5: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/5.jpg)
Mi az a CMS?• Content Management System• Olyan rendszer, amely alapvetően nem
strukturált adatok, dokumentumok...– megjelenítését– tárolását
• ... segíti strukturált környezetben• Azaz tartalom a középpontban• Miért ez kell?
– .NET C# alapú, MVC architektúra
![Page 6: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/6.jpg)
Webfejlesztés Orcharddal
• Admin felület
![Page 7: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/7.jpg)
Webfejlesztés Orcharddal
• Fejlesztés
![Page 8: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/8.jpg)
Webfejlesztés Orcharddal
• Végeredmény
![Page 9: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/9.jpg)
Hogy kerül ki a netre?• http://webmatrixtarhely.com/• Ingyenes tárhely és webszerver• Regisztráció után levelet kapunk a
beállításokról• 1 kattintás a közzététel
![Page 10: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/10.jpg)
Miért jó?• Fejlesztési ismeret nélkül is lehet saját
weblapunk• Ingyenes• A továbbfejlesztése egyszerű• Modulok fejlesztése viszont mély
ismereteket igényel– Komoly szaktudást ad
![Page 11: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/11.jpg)
Internet Explorer 9-10• A 9-es az aktuális verzió
– A 10-es még csak preview• Tartalom a középpontban
![Page 12: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/12.jpg)
A sebesség mindenek előtt• Erős HTML 5 támogatás
– A webes alkalmazások új generációja• Pl. http://100konyv.alexandra.hu/ie9/index.html#cat3
• GPU gyorsítás– GPU vs CPU: TFLOP vs GFLOP
• JavaScript motor (Chakra) külön szálon, magon fut, ha lehet
• Leveszi a terhet a CPU válláról
![Page 13: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/13.jpg)
Kapcsolat az operációs rendszerrel
• A Windows 7 – Vista közös interfészére épít– Az XP nem elég
• DE!– Emiatt gyorsabb (GPU)– A weblapok „települhetnek” a számítógépre
![Page 14: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/14.jpg)
Összehasonlítás
• DEMO• http://ie.microsoft.com/testdrive/• http://ie.microsoft.com/testdrive/
Performance/Galactic/Default.html
![Page 15: Webfejlesztés , Internet Explorer 10](https://reader035.vdocuments.mx/reader035/viewer/2022070502/56814d47550346895dba6bf0/html5/thumbnails/15.jpg)
Összefoglalás• Webes fejlesztés, publikálás …
– 1 telepítéssel (Orchard)– 1 regisztrációval (webmatrixtarhely.com)
• Böngészésre használjuk Internet Explorert!– Gyors– HTML 5 szabványok implementálásában
vezető szerep– Kényelmi szolgáltatások az operációs
rendszerrel együttműködve