HTML5+svg[2]+css3+ecmascript5+domL2/L3

építsünk egy sokkal szebb webet

Böngésző alapú alkalmazások mindenütt

2 hozzászólás


Én így foglalnám össze a Magyarországi Web Konferencia 2011-en elhangzott, két műegyetemi előadás (JavaScript reneszánsz és a HTML5 fejlesztés Windows Phone Mangora) lényegi üzenetét. Ma már a hagyományos desktop alkalmazások lehetőségei felé közelítenek a böngésző alapúak, és az okos telefonok, valamint az ezekkel rokon tabletek területén is ugyanez a jelenség figyelhető meg.

Saját, JavaScript reneszánsz? Valóban? és PhoneGap: avagy a mobil fejlesztés leghatékonyabb HTML5/JavaScript-ben? című írásaim még ennél is messzebbre mutató következtetésekre jutottak.

Most megjelent a két BME-s előadás felvétele, valamint az új technológiák elsajátítását HTML5 játékfejlesztő versennyel is segítő Microsoft Magyarország részéről Bátorfi Zsolt bevezetője felvételről. Így itt az alkalom, hogy mindezzel azok is megismerkedjenek, akik nem vettek részt a konferencián.

Bevezető

Konferencia megnyitó: Joó Ádám, Weblabor
Előadó: Bátorfi Zsolt, Microsoft Magyarország Kft.

Magyarországi Web Konferencia 2011 -- Microsoft bevezető - Bátorfi Zsolt

Maga a felvétel a devPortal TV megfelelő oldalán jelenik meg és a Microsoft Smooth Streaming technológiáját használja, amely automatikusan alkalmazkodik az aktuálisan éppen rendelkezésre álló sávszélességhez. A felvételek az elérhető legjobb minőségben a kivetett kép alapján készültek, így minden a lehető legjobban élvezhető lesz (hacsak a sávszélesség elégtelensége miatt az aktuális minőség ezt éppen nem teszi lehetővé). Amennyiben az Ön böngészőjében még nincs telepítve a Smooth Streaming-hez szükséges Silverlight plug-in, akkor ezt az első előadás megtekintése előtt a rendszer felkínálja.

Kiegészítő információ:
– Az előadó által többször említett Windows 8-as előadás felvétele ebben a külön bejegyzésben tekinthető meg: A Windows 8 alkalmazási modellje [webfejlesztőknek] (2011. október 27.)
Információ a meghirdetett játékfejlesztő versenyről (2011. október 8.)
Segédlet HTML 5 minijátékok készítéséhez (2011. október 8.)
Minta játékok: KalandKirakósLogikaiLövöldözősRetroSportStratégiaiÜgyességiEgyéb
– A játékfejlesztő verseny határideje: 2011. november 30.
– A versennyel kapcsolatos szakmai kérdéseket a html5jatek@live.com címre várják a html5jatekok.hu fejlesztői.


JavaScript reneszánsz

Előadó: Dávid Zoltán
2004-ben végzett a Műszaki Egyetemen, azóta főleg webes fejlesztésekkel foglalkozik. Érdeklődési köre vállalható részét a web, a gépi tanulás és a küzdősportok háromszöge alkotja. A BME Automatizálási és Alkalmazott Informatika Tanszékén dolgozik, a HTML5–JavaScript kombinációval tavaly esett szerelembe.

Az előadás a JavaScript és a HTML5 együttesének lehetőségeit vizsgálja élő példákon keresztül. Végigmegyünk egy teljesértékű JavaScript-HTML5 alapú alkalmazás felépítésén, és megvizsgáljuk a vele kapcsolatos fejlesztői kihívásokat (canvas-programozás, hang- és képkezelés).

Magyarországi Web Konferencia 2011 -- JavaScript reneszánsz - Dávid Zoltán

Maga a felvétel a devPortal TV megfelelő oldalán jelenik meg és a Microsoft Smooth Streaming technológiáját használja, amely automatikusan alkalmazkodik az aktuálisan éppen rendelkezésre álló sávszélességhez. A felvételek az elérhető legjobb minőségben a kivetett kép alapján készültek, így minden a lehető legjobban élvezhető lesz (hacsak a sávszélesség elégtelensége miatt az aktuális minőség ezt éppen nem teszi lehetővé). Amennyiben az Ön böngészőjében még nincs telepítve a Smooth Streaming-hez szükséges Silverlight plug-in, akkor ezt az első előadás megtekintése előtt a rendszer felkínálja.

Lényegi összegzés: A “web assembly”-je a HTML5-el párosulva, és kifejezetten annak köszönhetően akár 2D-s játékok hatékony fejlesztésére is képes immár. Négy élő példa saját fejlesztésben. Legjobb mindenkinek ezen kipróbálni az új határokat. Ehhez ott az új html5jatekok.hu “homokozó hely” (hosting site), tananyaggal és a 2011. november 30-i határidejű játékfejlesztő versennyel. Hardver gyorsítás esetében (pl. IE9) ez gyakorlatilag nem lassabb, mintha nem HTML5-ben fejlesztenénk. A négy játékból kettőt Script#-ban készítettek, hogy azt is kipróbálják.

Kiegészítő információ:
JavaScript, HTML5 – Windows Phone 7, Windows 8 műegyetemi szemmel (2011. szeptember 23.)
JavaScript reneszánsz? Valóban? (2011. szeptember 28.)
JavaScript keretrendszerek összevetése (2011. március 16.)
Webplatformok Mo-on: JavaScript keretrendszerek kontra tartalomkezelők (CMS-ek) (2011. március 17.)
Script# (C# to JavaScript) tudnivalók (2011. május 29.)
Mit kínál a HTML5 alapú fejlesztés 2011-ben? (2011. április 14.)
Microsoft mondások fejlesztőknek: HTML5 és társai az IE 9-ben (2011. április 14.)
HTML5 konferencia felvételről (2011. május 13.)


HTML5 fejlesztés Windows Phone Mangora

Előadók:
Nagy Dániel: A BME Automatizálási és Alkalmazott Informatika Tanszékén dolgozik, főként felhasználói élménnyel és UI platformokkal foglalkozik. Különösen a WPF, Silverlight és HTML5 alapú felületek iránt érdeklődik.
Fekete Krisztián: A BME Informatikai Karának Automatizálási és Alkalmazott Informatika Tanszékén dolgozik több éve. Szakterülete a webes fejlesztés és a közösségi szolgáltatások. Aktívan érdeklődik a legújabb mobil és webes technológiák iránt.

Napjainkban egyre elterjedtebbek az okostelefonok. Egy weboldal fejlesztése során a fejlesztőnek emiatt arra is gondolnia kell, hogy az általa írt alkalmazás mobil környezetben szintén elérhető legyen. Egy oldal teljes funkcionalitásának mobilképessé tétele azonban nyilvánvaló kompromisszumokkal jár, és alapvetően egy más megközelítést kíván mind a tervezés, mind pedig a fejlesztés szakaszában. A felület felhasználóbaráttá alakítása minden eddiginél hangsúlyosabbá válik, amit a HTML5 nyújtotta lehetőségek nagyban megkönnyítnek. Az előadás során élő példán keresztül mutatjuk be azokat a legalapvetőbb és legfontosabb szempontokat, amelyek egy mobil alapú webes alkalmazás elkészítéséhez feltétlenül szükségesek.

Magyarországi Web Konferencia 2011 -- HTML5 fejlesztés Windows Phone Mangora - Nagy Dániel és Fekete Krisztián

Maga a felvétel a devPortal TV megfelelő oldalán jelenik meg és a Microsoft Smooth Streaming technológiáját használja, amely automatikusan alkalmazkodik az aktuálisan éppen rendelkezésre álló sávszélességhez. A felvételek az elérhető legjobb minőségben a kivetett kép alapján készültek, így minden a lehető legjobban élvezhető lesz (hacsak a sávszélesség elégtelensége miatt az aktuális minőség ezt éppen nem teszi lehetővé). Amennyiben az Ön böngészőjében még nincs telepítve a Smooth Streaming-hez szükséges Silverlight plug-in, akkor ezt az első előadás megtekintése előtt a rendszer felkínálja.

Lényegi összegzés:

A HTML5 révén 2-3 éven belül megvalósul a cross-platform lehetőség a mobilon, sőt versenyképes lesz a JavaScript a natív fejlesztéssel. Mobil környezeti sajátosságok: nincs egér, billentyű, csak két kezünk (ezért jól átgondolt felület és térköz a mezők között)! Ne legyenek nagy képek, nagy űrlapok!

Először tisztázzuk: miért és mit? Azaz tartalom oldali végiggondolás! Másodszor: szabályok betartása. Itt előny, hogy az okostelefonok böngészői modernek. Harmadszor: mobilos JS keretrendszerek használata (pl. jQuery Mobile)!

Már a ViewPort révén elérhető a weblapok kisebb mobil felületekhez való igazítása, ezzel érdemes kezdeni. Ha több kell ott van a CSS Media Query. Használhatjuk a Geolocation-t, szabványos! Local Storage / Session Storage akár 5MB data/URI képek tárolásához, encode-dal beágyazva az oldalba.

Kiegészítő információ:
PhoneGap: avagy a mobil fejlesztés leghatékonyabb HTML5/JavaScript-ben? (2011. október 5.)
Microsoft and jQuery Mobile, PhoneGap [Oct 13, 2011]
The accelerated Adobe strategy for HTML5 et al [Oct 12, 2011]

Qualcomm is very close to getting the HTML5 web apps performance and feature set to rival that of native OS apps [Oct 11, 2011]

– összegzés magyarul: Nokia Lumia (Windows Phone 7) érték kínálat (2011. október 26.)
– detailed information in English: Nokia Lumia (Windows Phone 7) value proposition [Oct 26, 2011]
Nokia-Microsoft általában és fejlesztői szempontból (2011. február 25.)
The high-end Windows Phone 7.5 (Mango) marketing [Sept 4, 2011]
Microsoft Tellme cloud service for WP7 ‘Mango’ and other systems [Aug 6, 2011]
Tackling the Android tide [July 16, 2011]
Fogyasztói mobil alkalmazások (2011. augusztus 10.)

Standards for Web Applications on Mobile — August 2011 current state and roadmap (Dominique Hazaël-Massieux, W3C) PDF Feb’11
Elfogadott CSS 2.1 és komplett teszt csomag (2011. július 1.)
HTML5 Last Call Working Draft dokumentumok a W3C HTML munkacsoportjától (2011. május 27.)
HTML5 mint univerzális platform: van-e alternatívája? (2011. május 23.)
Animációk HTML5-ben (2011. március 23.)
Minőségi webfejlesztés: kezdeményezés és helyzetkép (2011. augusztus 29.)
Néhány MinőségiWeb tanulság (2011. szeptember 8.)

2 hozzászólás

Subscribe to comments with RSS.

  1. […] előadás felvételét, valamint a Microsoft mindhárom előadás előtti bevezetőjét lásd a Böngésző alapú alkalmazások mindenütt (2011. október 27.) című […]

  2. […] […]

    Névtelen

    2011. október 31. hétfő at 07:00


Vélemény, hozzászólás?

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés / Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés / Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés / Módosítás )

Google+ kép

Hozzászólhat a Google+ felhasználói fiók használatával. Kilépés / Módosítás )

Kapcsolódás: %s

%d blogger ezt kedveli: