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

építsünk egy sokkal szebb webet

Keresztfejlesztés mobilra a 2012-es Web Konferencián

leave a comment »


Mivel jómagam egy PhoneGap: avagy a mobil fejlesztés leghatékonyabb HTML5/JavaScript-ben? [HTML5+svg[2]+css3+ecmascript5+domL2/L3 blog, 2011. október 5.] bejegyzés formájában igen alaposan körbejártam a tavalyi web konferenciához kapcsolódóan ezt a témát (majd követtem is más bejegyzésekben: Microsoft and jQuery Mobile, PhoneGap, PhoneGap 1.2 és Cordova (alapmotor az Apache-től) és PhoneGap (szolgáltatásokkal bővített Adobe disztribúció)), nos ezért az erre vonatkozó előadások érdekeltek igazán. Mennyire tárták fel mások ezt a témakört? Mennyire vezették be hazánkban ezt a fejlesztői gyakorlatba, és mik a tapasztalatok?

Két előadás volt erről a témáról:
Mobil webalkalmazások, Bártházi András, Prezi: … a HTML5 idevágó lehetőségei, trendek, a számos előny mellett a felróható hátrányok, a telefonok natív lehetőségeinek elérése szabványos webalkalmazásból, mit hiányolnak … ~370 fős hallgatóság
Cross Platform mobil app fejlesztés HTML5 JavaScript alapokon (letölthető PDF prezentáció), Kromesch Sándor, fejlesztési vezető, eRise Hungary: … a különböző mobil cross platform megoldások (HTML5, JavaScript alapokon) és a különböző platformokon létező HTML5 CSS különbségek … ~270 fős hallgatóság

 

Az alábbi információs grafika egyike volt a Bártházi András által használtaknak, ennek átböngészése szinte javarészét elmondja annak, ami a legfrissebb, általános információ erre a témakörre vonatkozóan (ide kattintással lehet kinagyításhoz jutni):

IDC Next Level of Mobile Web 
További információ:
IDC Highlights Key Milestones in Mobile HTML5 Development Update [press release, May 10, 2012]
[Infographic] Taking HTML5 to the Next Level for Mobile  [ReadWriteWeb, May 15, 2012]
 
Ehhez képest itt annyit érdemes még megemlíteni a Bártházi András által mondottakból, hogy:
– a videó lejátszásnál még mindig nincs megegyezés a codec-ben, sőt a Google az általa jóval korábban megvásárolt Google VP8 Video Codec, WebM technológiát (On2) nyomja, a Chrome böngészőben már nem is támogatva a H.264-et
– (megjegyezném, bár Bártházi András még csak ebben a hónapban kezdett a Prizinél dolgozni mégis) őt kérdezték, hogy vajon HTML5 irányba tart-e a prezi: diplomatikus válaszként azt hallhattuk, hogy “mindannyian tudjuk, hogy HTML5 a jövő” és “van natív iPad Prezi változat”, valamint “keres a cég multiplatform fejlesztőt”
 
Ez pedig Kromesch Sándor előadásának összefoglaló grafikai ábrázolása (a nyitó és a záró dián):

imagevagyis:
1. CROSS PLATFORM VS NATIVE kérdés kitárgyalása
– Sebesség: Android 2..3.6-on még 2,5:1-hez
– Fejlesztési idő: példaként 4 fő kontra 3×3 fő
– Karbantartás: ld. a diát, jobb a cross-platform
– User interface: a dizájnerek a natívot nem szeretik
szempontokból.
2. CROSS PLATFORM FEJLESZTÉS ismertetése
– Lehetőségek: számtalan
– HTML5 alapokon való működés
– HTML5 alapú rendszerek
vonatkozásában.
végezetül:
3. PHONEGAP
– Történet
– Architektúra
API-k
4. ESZKÖZÖK A FEJLESZTÉSHEZ
– jQuery, jQuery mobile: előnyök és hátrányok
– Sebesség: jQuery helyett inkább zepto.js, mely kb 90%-os kompatibilitással bír
– Alkalmazás layout: melyhez a backbone.js-t ajánlják (ő a logo a fenti összefoglaló ábrázoláson)
– Több felbontás kezelése: itt a less.js-ről esik szó
5. DEBUG-OLÁS
– Console log: a logcat, amit az Androidhoz lehet használni (bár nagyon alapeszköz, CSS design-nál kevés)
– jsconsole: jsconsole.com
WeinreWeb Inspector Remote: mint a jsconsole-nál is jobb, bár elég gyakran elhal, a PhoneGap debug eszköze
Ripple – HTML5 mobile emulator: ha az on-line szolgáltatások nem elegendőek, a mobil szolgáltatások teszteléséhez lett kitalálva
6. TAPASZTALATOK
– Alkalmazás layout
– Rögzített fejléc és lábléc
– Design
– CSS trükkök
– Events

Amit azután ekként foglalt össze az előadó:

   Native    HTML5
  • Erősen sebesség függő alkalmazás
  • Komplex alkalmazások (Office)
  • Játékok
  • Egy, max két platformos appok
  • Appra fordítható erőforrások mennyisége nem szempont (Facebook)
  • Cél az egységes kinézet minél több platformon
  • Minél több platformon működő app
  • Erősen API orientált app
  • Startup, pilot appok
  • Szűkösek az appra szánt erőforrások
  • Szoros a határidő

Mindez nagyjából jól kifejezi a gyakorlati előrehaladást itt Magyarországon. Kromesch Sándor korrekt előadása alapján elmondható, hogy legalább egy hazai szakmai műhely gyakorlatban is jól elsajátította ezt a stratégiailag fontos témakört.

Bízhatunk tehát a HTML5 alapú mobil keresztfejlesztések elterjedésében, itt Magyarországon is.  

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: