1 / 34

UI kompositio

#tdweb. UI kompositio. Lenard Gunda / Fujitsu Finland Oy. @ LenardG Lenard.Gunda@fi.fujitsu.com. Esittely. Lenard Gunda Arkkitehti Fujitsu Finland Oy Blog: http://rebuildall.umbraworks.net Twitter: lenardg Email: lenard.gunda@fi.fujitsu.com. Teknologiat. HTML 5 CSS 3

lobo
Download Presentation

UI kompositio

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

  3. Teknologiat • HTML 5 • CSS 3 • Javascript • Web Forms • MVC

  4. Sovellustenrakenne Käyttöliittymä Logiikka Tietovarasto

  5. Komponenttienkommunikointi Käyttöliittymä Web Sevice Logiikka Web Sevice Logiikka Tietovarasto Logiikka Tietovarasto Tietovarasto

  6. Ulkoisetja legacy järjestelmät Integraatio palvelu (broker, biztalk, tms) Käyttöliittymä Logiikka Tietovarasto Web Sevice Web Sevice Logiikka Logiikka Tietovarasto Tietovarasto

  7. Ongelmia

  8. Ongelma - Monimutkaisuus

  9. Ongelma - Monimutkaisuus Vahvat liitokset Ulkonäkö Kehitys ja ylläpito

  10. Ongelma – Vastausten hitaus (Käyttökokemus)

  11. Ongelma – Vastausten hitaus (Käyttökokemus) Vastauksen kesto Asynkrooniset kutsut Virhetilanteet

  12. Ongelmia - Suorituskyky

  13. Ongelmia - Suorituskyky Käyttämätön teho työasemissa Javascript moottorien kehitys Työasemien nettiyhteydet

  14. Mitä voimme tehdä?

  15. Mitämuutoksiatämätarkoittaa? Käyttöliittymä Web Sevice Logiikka Web Sevice Logiikka Tietovarasto Logiikka Tietovarasto Tietovarasto

  16. Tietosisältö <?xml [{json: “”}]

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

  18. Tietolähteet <?xml [{json: “”}]

  19. Tietosisältö <?xml [{json: “”}]

  20. #tdarc Hajautettujen järjestelmien arkkitehtuuriratkaisuja pe 09:00 – Mikko Hytti, Fujitsu Tietolähteidentoteutukset Käyttöliittymä Logiikka Tietovarasto REST Sevice WCF Service HTML5 UI Logiikka Logiikka Logiikka Tietovarasto Tietovarasto Tietovarasto

  21. Crosssite pyynnöt Access-Control-Allow-Origin: * Lisätietoja http://www.w3.org/TR/access-control/

  22. Tietoturva!

  23. Tietoturva! Ohjelmakoodikäyttöliittymällä Autentikointi käyttöliittymässä ja komponenteissa Parametrien välitys komponenteille

  24. Tietoturva Selain REST Sevice Käyttöliittymä WCF Service HTML5 UI Logiikka Logiikka Logiikka Logiikka Tietovarasto Tietovarasto Tietovarasto Tietovarasto

  25. Demo projekti Web sivu WCF Kategoriat Ostoskori REST/JSON Tuotetiedot HTML5 Varastosaldo

  26. Demo 1: REST / MVC

  27. Demo 2: HTML5

  28. Demo 3: WCF service

  29. #tdarc Hajautettujen järjestelmien arkkitehtuuriratkaisuja pe 09:00 – Mikko Hytti, Fujitsu SOA? Service Käyttöliittymä Logiikka Tietovarasto Service Service Service REST Sevice Web Sevice HTML5 UI Logiikka Logiikka Logiikka Tietovarasto Tietovarasto Tietovarasto

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

  31. Demot ja esitys • Demot ja esitys • www.techdays.fi • Blog: http://rebuildall.umbraworks.net

  32. KYSYMYKSIÄ?

  33. KIITOKSIA

More Related