#tdweb UI kompositio Lenard Gunda / Fujitsu Finland #tdweb.

Esitys aiheesta: "#tdweb UI kompositio Lenard Gunda / Fujitsu Finland #tdweb."— Esityksen transkriptio:

1 #tdweb UI kompositio Lenard Gunda / Fujitsu Finland Oy @LenardG Lenard.Gunda@fi.fujitsu.com #tdweb

2 Esittely Lenard Gunda – Arkkitehti – Fujitsu Finland Oy Blog: http://rebuildall.umbraworks.nethttp://rebuildall.umbraworks.net Twitter: lenardg Email: lenard.gunda@fi.fujitsu.comlenard.gunda@fi.fujitsu.com

3 #tdweb

4 Teknologiat HTML 5 CSS 3 Javascript Web Forms MVC

5 #tdweb Sovellusten rakenne Käyttöliittymä LogiikkaLogiikka TietovarastoTietovarasto

6 #tdweb Komponenttien kommunikointi Käyttöliittymä LogiikkaLogiikka TietovarastoTietovarasto Web Sevice LogiikkaLogiikka TietovarastoTietovarasto LogiikkaLogiikka TietovarastoTietovarasto

7 #tdweb Ulkoiset ja legacy järjestelmät Käyttöliittymä LogiikkaLogiikka TietovarastoTietovarasto Web Sevice LogiikkaLogiikka TietovarastoTietovarasto LogiikkaLogiikka TietovarastoTietovarasto Integraatio palvelu (broker, biztalk, tms)

8 #tdweb Ongelmia

9 Ongelma - Monimutkaisuus

10 #tdweb Ongelma - Monimutkaisuus Vahvat liitokset Ulkonäkö Kehitys ja ylläpito

11 #tdweb Ongelma – Vastausten hitaus (Käyttökokemus)

12 #tdweb Ongelma – Vastausten hitaus (Käyttökokemus) Vastauksen kesto Asynkrooniset kutsut Virhetilanteet

13 #tdweb Ongelmia - Suorituskyky

14 #tdweb Ongelmia - Suorituskyky Käyttämätön teho työasemissa Javascript moottorien kehitys Työasemien nettiyhteydet

15 #tdweb Mitä voimme tehdä?

16 #tdweb Mitä muutoksia tämä tarkoittaa? Käyttöliittymä LogiikkaLogiikka TietovarastoTietovarasto Web Sevice LogiikkaLogiikka TietovarastoTietovarasto LogiikkaLogiikka TietovarastoTietovarasto

17 #tdweb Tietosisältö <?xml [{json: “”}]

18 #tdweb Tietosisältö <?xml [{json: “”}]

19 #tdweb Tietolähteet <?xml [{json: “”}]

20 #tdweb Tietosisältö <?xml [{json: “”}]

21 #tdweb Tietolähteiden toteutukset Käyttöliittymä LogiikkaLogiikka TietovarastoTietovarasto WCF Service LogiikkaLogiikka TietovarastoTietovarasto REST Sevice LogiikkaLogiikka TietovarastoTietovarasto HTML5 UI LogiikkaLogiikka TietovarastoTietovarasto #tdarc Hajautettujen järjestelmien arkkitehtuuriratkaisuja pe 09:00 – Mikko Hytti, Fujitsu

22 #tdweb Cross site pyynnöt Access-Control-Allow-Origin: * Lisätietoja http://www.w3.org/TR/access-control/ Lisätietoja http://www.w3.org/TR/access-control/

23 #tdweb Tietoturva!

24 Tietoturva! Ohjelmakoodi käyttöliittymällä Autentikointi käyttöliittymässä ja komponenteissa Parametrien välitys komponenteille

25 #tdweb SelainSelain Tietoturva Käyttöliittymä LogiikkaLogiikka TietovarastoTietovarasto WCF Service LogiikkaLogiikka TietovarastoTietovarasto REST Sevice LogiikkaLogiikka TietovarastoTietovarasto HTML5 UI LogiikkaLogiikka TietovarastoTietovarasto

26 #tdweb Demo projekti Web sivu KategoriatKategoriat TuotetiedotTuotetiedot VarastosaldoVarastosaldo OstoskoriOstoskori WCFWCF REST/JSONREST/JSON HTML5HTML5

27 #tdweb DEMO Demo 1: REST / MVC

28 #tdweb DEMO Demo 2: HTML5

29 #tdweb DEMO Demo 3: WCF service

30 #tdweb Käyttöliittymä LogiikkaLogiikka TietovarastoTietovarasto Web Sevice LogiikkaLogiikka TietovarastoTietovarasto REST Sevice LogiikkaLogiikka TietovarastoTietovarasto HTML5 UI LogiikkaLogiikka TietovarastoTietovarasto SOA? ServiceServiceServiceServiceServiceService ServiceService #tdarc Hajautettujen järjestelmien arkkitehtuuriratkaisuja pe 09:00 – Mikko Hytti, Fujitsu

31 #tdweb Data binding, templating Knockout javascript kirjasto – http://knockoutjs.com/ http://knockoutjs.com/ – http://msdn.microsoft.com/en- us/magazine/hh781029.aspx  http://bit.ly/xYfE79 http://msdn.microsoft.com/en- us/magazine/hh781029.aspx jQuery template – http://api.jquery.com/jQuery.template/ http://api.jquery.com/jQuery.template/

32 #tdweb Demot ja esitys – www.techdays.fi www.techdays.fi Blog: http://rebuildall.umbraworks.nethttp://rebuildall.umbraworks.net

33 #tdweb KYSYMYKSIÄ?

34 KIITOKSIA