340 likes | 518 Views
#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
E N D
#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 • Javascript • Web Forms • MVC
Sovellustenrakenne Käyttöliittymä Logiikka Tietovarasto
Komponenttienkommunikointi Käyttöliittymä Web Sevice Logiikka Web Sevice Logiikka Tietovarasto Logiikka Tietovarasto Tietovarasto
Ulkoisetja legacy järjestelmät Integraatio palvelu (broker, biztalk, tms) Käyttöliittymä Logiikka Tietovarasto Web Sevice Web Sevice Logiikka Logiikka Tietovarasto Tietovarasto
Ongelma - Monimutkaisuus Vahvat liitokset Ulkonäkö Kehitys ja ylläpito
Ongelma – Vastausten hitaus (Käyttökokemus) Vastauksen kesto Asynkrooniset kutsut Virhetilanteet
Ongelmia - Suorituskyky Käyttämätön teho työasemissa Javascript moottorien kehitys Työasemien nettiyhteydet
Mitämuutoksiatämätarkoittaa? Käyttöliittymä Web Sevice Logiikka Web Sevice Logiikka Tietovarasto Logiikka Tietovarasto Tietovarasto
Tietosisältö <?xml [{json: “”}]
Tietosisältö <?xml [{json: “”}]
Tietolähteet <?xml [{json: “”}]
Tietosisältö <?xml [{json: “”}]
#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
Crosssite pyynnöt Access-Control-Allow-Origin: * Lisätietoja http://www.w3.org/TR/access-control/
Tietoturva! Ohjelmakoodikäyttöliittymällä Autentikointi käyttöliittymässä ja komponenteissa Parametrien välitys komponenteille
Tietoturva Selain REST Sevice Käyttöliittymä WCF Service HTML5 UI Logiikka Logiikka Logiikka Logiikka Tietovarasto Tietovarasto Tietovarasto Tietovarasto
Demo projekti Web sivu WCF Kategoriat Ostoskori REST/JSON Tuotetiedot HTML5 Varastosaldo
#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
Data binding, templating • Knockout javascript kirjasto • http://knockoutjs.com/ • http://msdn.microsoft.com/en-us/magazine/hh781029.aspxhttp://bit.ly/xYfE79 • jQuerytemplate • http://api.jquery.com/jQuery.template/
Demot ja esitys • Demot ja esitys • www.techdays.fi • Blog: http://rebuildall.umbraworks.net