DOTKN Te se je to Sencha (touch)

  • View
    39

  • Download
    0

Embed Size (px)

DESCRIPTION

DOTKN ĚTe se je to Sencha (touch). Miroslav Juhos. Web JavaScript Ext JS. Martin Pořádek. Web JavaScript ExtJS. Co se dozv íme. Něco málo o sdílení dokumentů Ext J S 4.0 o zelené barvě Co je špatného na čísle 8000 MVC N ěco více o Sencha Touch - PowerPoint PPT Presentation

Text of DOTKN Te se je to Sencha (touch)

Kerio Workspace

DOTKNTe se je to Sencha (touch)1Web JavaScriptExt JSMiroslav Juhos

2Martin PodekWebJavaScriptExtJSCo se dozvmeNco mlo o sdlen dokumentExt JS 4.0o zelen barvCo je patnho na sle 8000MVCNco vce oSencha TouchO strastch webovho vvoje

Take k t zelen barv4Zdrav, klid, pokoj, odpoinek.Roziuje kapilry, sniuje tlakUkliduje a uvolujeVyvolv vnitn vyluovn tlnch tekutin.Nejvhodnj na stny koupelen a lonicZelen barvaNa strnkch renomovanho vrobce barev jsem nalezl tyto informace.Take vzhdu do zelenho svta webovch aplikac.5Webov aplikace hbou svtem

ale uivatel to nevWebov aplikace hbou svtem ale uivatel to nev.Vtina nepotebuje znt rozdl mezi webovou a desktopovou aplikaci a pesto ji pouvaj.

Udlal jsem si mal przkum mezi slabm pohlavm (pochopiteln uivatelkami webovch aplikac) a zjistil jsem toto:

6

Web 2.0 je asi druh rocnik nejake konference

7

Vyznam slova Ajax netu (krome prezdivky naseho kolegy)8

HTML 5 je nejaky programovaci jazyk9Take uzivatel pouvaj webov aplikace, nic nev o jejich architektue, a pesto chtj aby umli to sam co desktopov aplikace. Tak jim to dme10Vezmeme klasick HTML, PHP a trochu Javascriptu a pr nadench vvoj a dostaneme to co jsem dostal ja (kdy jsem nastoupil ped lety do Keria)118000dek kdu v JS v jednom souboruNo tohle je muj problem - to je webova aplikace bez frameworku, bez objektu, bez naznaku architektury, 8000 radek v JS (videli jste to nekdy?). Brr fuj. Nemluv o tom e...12GUISamo domo...Uivatelsk rozhran definujeme sami (bez jakchkoli knihovnch prvk) take obas ovldac prvky vypadaj podle toho jak se vvoj vyspal a jak to ktermu vvoji lo

13Ext JS

Dobe, tohle nm vye framework. Dali jsme dohromady kritria a po ase nm z toho vypadlo ExtJs.14ARCHITEKTURAJak se vvoji vyspJenze ExtJs byla pouze knihovna komponent a prilis nas nenutil se zabyvat architekturou aplikace. A tak bylo (a je) pod obtnj udrovat existujc kd.

Z alternativ een kter se nabzeli (byla jedna) jsme zkusili tuhle:15MVCJene stejn zstalo pr nejasnost16?DOTAZ: kolik z vs implementovalo MVC?

17ModelDOTAZ: co dl model?

je to server?Je to trida na klientovi?18ViewCo dl view, je zbyten se ptt

Sm view delat nejake manipulace s daty? V Ext 3.X se to cast dela.19ControllerDOTAZ: Kde je kruci ten Controller?Jak ho implementovat?20

My jsme se o to pokusili, vypadalo to pkn, jene ns do nj vlastn nic nenutilo a tak jsme po jistm ase nechali architekturu tak trochu vyhnt.21!MVC mus bt soust frameworkuZjitn: My nechceme vymlet jak dlat architekturu, my chceme pst aplikaci, vnovat se nvrhu GUI atd. bylo by fajn kdyby i na tohle byl nejaky framework22

A taky ze jo kdyz vznikla Sencha spojenim jQTouch, ExtJs, a Raphael zaali se objevovat v beta verzch tdy jako Controller a Aplication. A taky se objevily v Sencha Touch. No a tak jsem zaali mt ExtJs o trochu rad.23Sencha Touch

Pouzivame Ext, tme se na verzi 4.0 s MVC a ve chvili kdy jsme potrebovali napsat mobilni aplikaci, volba byla jasna

ExtJs umme a ejhle Sencha Touch se tomu hodn podob. Dokumentace vypad stejn, pouvaj se tam stejn objekty a metody, ili pokud lovk ovld ExtJs sta pobrat pr rozdl a me se pst.

24GUI componentyCarouselNested ListBottom tabs

Kde jsou rozdly? Hlavn ve velikosti hit na kterm tohle utkn hrajeme.

Male pklady za vechny * Carusel slo k vypodn se s malou plochou mobilniho zarizeni* Nested list slouzi k prochazi stromovych struktur* Bottom tabs je zobrazeni tabu s ikonami ktere muzete znaz z iPhone

Bez ceho by to dale neslo

25Touch udlosti

...bez touch udalosti, kter taky ve webovm browseru na desktopu nenajdete.26Co je v Sencha Touch pknhoMVCBuilderGenertor vvojsk dokumentaceSASS & Compass

sass-lang.com compass-style.org(A taky ExtJs 4.0)Samozrejme MVCO buildu se jeste zmini Martin ve svoji casti prezentace.Procesor pro CSS styly, kteremu se bohuzel nemuzeme zde venovat a dal by na dalsi prednasku

27Co je v Sencha Touch oklivhoNapl cesty od Ext JS 3.X k 4.XNelze pout tdy z Ext JS 4.0Nen to knihovna komponent pro ExtJs ale samostan framework

28Jste z toho smutn?

Nebute29RoadmapaSencha TouchSjednocen systmu td s ExtJs 4.0Podporu dalch platforem Andoid, IEPerformace30

Mimochodem Sencha je aj a jist vs nepekvap e zelen.A kdy v ochod zadaj do Google Sencha, a vezmou prvn obrzek pak mon nalenzneze logo javascriptoveho frameworku na sklenici s cajem jako se to povedlo autorovi snimku.

Ale zpt k Sencha Touch31Foto: Ji Helebrant, Damian Morys Foto, jurvetson, sleepychinchilla, Ananta Bhadra Lamichhane, slworking2, maistora, ~dgies, Daniela Hartmann, Daniel James, Lars Kristian Flem, Meg PickardA te Martin pedvede mobilnho klienta Kerio Workspace. Mimochodem, uhodnete jak je produktov barva Kerio Workspace?32

jobs.kerio.cz