Esittely latautuu. Ole hyvä ja odota

Esittely latautuu. Ole hyvä ja odota

Jouni Heikniemi Offbeat Solutions 18.1.2012 MODERNI WEB-KEHITYS ASP.NETILLÄ.

Samankaltaiset esitykset


Esitys aiheesta: "Jouni Heikniemi Offbeat Solutions 18.1.2012 MODERNI WEB-KEHITYS ASP.NETILLÄ."— Esityksen transkriptio:

1 Jouni Heikniemi Offbeat Solutions 18.1.2012 MODERNI WEB-KEHITYS ASP.NETILLÄ

2 AGENDA ASP.NET-kehittäjät, webin osaajat Kenelle? Modernien web-tekniikoiden eri osa-alueiden palvelintoteutusta Sisältö? Niksejä, linkkejä, yleiskäsitys toteutustavoista Mitä jää käteen?

3 ASP.NET <asp:SqlDataSource ID="MyDataSource1" runat="server" ConnectionString="Server=YourServer;uid=YourUID;pwd=YourPWD;database=YourDB" ProviderName="System.Data.SqlClient" SelectCommand="SELECT ID, Name FROM Customer"> <asp:GridView id="MyGridView" DataSourceID="MyDataSource1" AllowSorting="True" AllowPaging="True" Runat="Server"/> <input type="submit" name="ctl00$body$ctl00$navigation$ctl00$buttonFormSubmit" value="Hae" id="ctl00_body_ctl00_navigation_ctl00_buttonFormSubmit" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPZCgpWFN5c3RlbS5H...” />

4 ASP.NET 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 1.0 1.12.03.54.0 4.5

5 ASP.NET 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 1.0 1.12.03.54.0 4.5 ASP.NET MVC 1.0 2.0 3.0 4.0

6 ASP.NET MVC Perussiisti toteutus Model-View-Controller –mallista Erittäin hyvin laajennettavissa Lähdekoodi saatavilla

7 HTML5, CSS3

8 Öö, se HTML:hän menee sinne clientille? Mitä siellä serverillä nyt oikein tarvitaan?

9

10

11 MODERNIZR JavaScript-kirjasto Saatavilla NuGetilla... Tai www.modernizr.com Mahdollistaa HTML5- ja CSS3-ominaisuuksien tuen tunnistamisen tehokkaasti Sekä CSS:ssä että JavaScriptissä Mahdollistaa puuttuvien ominaisuuksien korvaamisen muilla ratkaisuilla

12 DATANKÄSITTELY

13 DEMO: JSON-RAJAPINTA

14 DEMO: ODATA

15 ODATA REST-pohjainen tietolähde, jossa monipuolinen kyselykieli www.odata.org Serveripää.NET-ympäristössä WCF Data Services Helpoiten edmx:stä tai omista olioista Muille alustoille omia implementaatioitaan Client-pää JavaScriptissä helposti ihan vain JSONilla SDK:t saatavilla useimmille merkittäville alustoille

16 WEBSOCKETIT

17 REAALIAIKAINEN KOMMUNIKOINTI

18 PERINTEINEN POLLAUSTEKNIIKKA Latenssi!

19 ”LONG POLLING”

20 WEBSOCKETS GET /ws HTTP/1.1 Upgrade: websocket Connection: Upgrade HTTP/1.1 101 Switching Protocols Upgrade: websocket Connection: Upgrade HTTP/1.1 101 Switching Protocols Upgrade: websocket Connection: Upgrade

21 WEBSOCKETS

22 WEBSOCKETS – STANDARDOINNIN TILA RFC 6455 W3C API

23 WEBSOCKETS - SELAINTUKI caniuse.com + Flash 10!

24 WEBSOCKETIT MICROSOFT-ALUSTALLA IIS 8 Windows 8 WCF 4.5 ASP.NET 4.5 IE 10 tai muu hyvin uusi selain Oma rajapinta

25 ... VAI VIELÄ VÄHÄN KORKEAMMALLA TASOLLA? IIS 8 Windows 8 WCF 4.5 ASP.NET 4.5 IE 10 tai muu hyvin uusi selain vanhempikin käy Oma rajapinta SignalR SignalR / JS WebSockets WebSockets / long polling

26 WEBSOCKETS-YHTEENVETO Uusi, standardi kommunikaatiotapa webin yli Nopea Käyttää http/https-yhteyksiä Ei tietoliikenteellisesti täysin ongelmaton, mutta pieksee perussocketit 6-0 Microsoftin palvelinpäässä kolme toteutusarkkitehtuuria: WCF (matalamman tai korkeamman tason) ASP.NET (matalamman tai korkeamman tason) SignalR (kaikkein korkeimman tason)

27 WEBIN UUSI AIKA?

28 Microsoft on avautunut. Avaudu nyt sinäkin.

29 OPETTELE... JavaScript-ohjelmointi DOM jQuery Tiedon välittäminen (JSON, OData) HTTP Avoimen lähdekoodin projektien käyttö: GitHub, CodePlex, NuGet ym.

30 KIITOS! jouni@offbeat.fi www.heikniemi.net/hardcoded @jouniheikniemi


Lataa ppt "Jouni Heikniemi Offbeat Solutions 18.1.2012 MODERNI WEB-KEHITYS ASP.NETILLÄ."

Samankaltaiset esitykset


Iklan oleh Google