Současný web a technologie Microsoft Michael Juřek Software Architect Microsoft s.r.o.

Prezentace na téma: "Současný web a technologie Microsoft Michael Juřek Software Architect Microsoft s.r.o."— Transkript prezentace:

1 Současný web a technologie Microsoft Michael Juřek Software Architect Microsoft s.r.o.

2 Agenda Úvod – Web 2.0 Trendy ve vytváření webů Pevné základy Budoucnost – připravujeme

3 Web 1.0 – kdo nabídne lepší informace? Poskytovatel obsahu, obchodníci (velkorysí, mocní) Uživatelé (pokorní, vděční)

4 Web 2.0 – kdo lépe uspokojí uživatele? Intermediaries (brokers, networks, search engines) Uživatelé (sebevědomí, tvůrčí, spolupracující) Poskytovatelé obsahu (zmatení, ponížení) Obchodníci (nadšení, lehce zoufalí)

5 Web 2.0 není a je... NENÍ nový, ale JE moderní Buzzword, chcete-li NENÍ změnou technologie, JE změnou formy Cílem je loajální, spokojený, pobavený uživatel Převažuje marketingová složka NENÍ pouze pro prohlížeč, JE směřován na celou škálu zařízení a stylů Prohlížeč, desktop aplikace, mobil, PDA, herní konzola, počítač v autě,... (rozhoduje uživatel) NENÍ Ajax, JE důraz na uživatelskou zkušenost Rozhoduje pohodlí, inovativnost, kreativita

6 Web 2.0 – změna formy Zapojení uživatelů Wikipedia, recenze v online obchodě,... Personalizace Uživatel musí mít pocit, že je to web právě pro něj Klíčovou roli začíná hrát emoční stránka Spolupráce Zapojení uživatelů do komunity zlepšuje jejich vnímání Demokratizace přístupu k trhu Např. billboardy vs. výměnná inzerce Bohatší funkčnost aplikací Uživatelé vyžadují větší komfort, pak jsou spokojenější

7 Agenda Úvod – Web 2.0 Trendy ve vytváření webů Pevné základy Budoucnost – připravujeme

8 Co je AJAX? Asynchronous JavaScript and XML – interakce: Asynchronní požadavek na data ze serveru Zpracování výsledku Aktualizace stránky „Server-centrický“ AJAX Inkrementální obohacení uživatelského rozhraní Víceméně bez psaní JavaScriptu Hlavní část logiky zůstává na serveru „Klient-centrický“ AJAX Využití plného potenciálu JavaScriptu a DHTML Bohatší a interaktivnější uživatelská zkušenost

9 Úvahy o AJAXu... AJAX je pouze jeden ze způsobů interakcí: Nehodí se ve všech situacích Typicky je nutné ho kombinovat s dalšími AJAX je nákladný: Komfort uživatelů je zaplacen komplikacemi při vývoji Ďábel je v prvním A (asynchronní) – ladění je noční můra „Klient-centrický“ je dražší než „server-centrický“ Webová aplikace (i s AJAXem) nebude nikdy tak dobrá jako klientská: Instalace klientských aplikací již není problém jako býval Nepoužívejte AJAX jenom proto, že je to trend: Buďte si vědomi, co získáte a co za to zaplatíte

10 Microsoft Confidential ASP.NET AJAX Technologie pro vytváření AJAX aplikací založených na standardech a fungujících ve všech prohlížečích ASP.NET AJAX Extensions ASP.NET 2.0 AJAX Extensions – pro „server-centrický“ AJAX AJAX Library – JavaScript knihovna pro „klient-centrický“ AJAX ASP.NET AJAX Toolkit Přes 40 ovládacích prvků pro ASP.NET Komunitní projekt, zcela zdarma, otevřený zdrojový kód ASP.NET AJAX Futures Vývojové a inkubační projekty a technologie, které (možná) budou součástí příštích verzí AJAX Extensions

11 Demo Jedna z nejstarších AJAX aplikací Jedna z nejlepších AJAX aplikací

12 RIA – Rich Internet Applications Nasazení prostřednictvím webu Běží na více platformách Jsou spouštěny v bezpečném sandboxu Uživatelská zkušenost za hranicemi (D)HTML Pokročilý model interakce a uživatelského rozhraní Značná část logiky typicky na klientovi: Nutnost produktivního vývojového prostředí

13 Silverlight 1.0 – Microsoft platforma pro RIA 2D Graphics Animations Input (mouse, keyboard, ink) Media (WMV, WMA, MP3) Imaging (JPEG, PNG) Text HTTP Downloader XAML Parser JavaScript DOM

14 Více o Silverlight... Instalace a nasazení Běžné prohlížeče na Windows a Mac (port pro Linux od Novellu) Snadná a bezproblémová instalace (cca 2 MB) Rychlý a snadný vývoj a produkce Kvalitní nástroje – Visual Studio a Expression Studio Integrace s JavaScriptem a AJAX frameworky Mimořádná podpora médií Až do HD kvality (720p) Doručení – streaming nebo progresivní HTTP stažení Video: WMV V7, V8, V9, VC-1 Audio: WMA V7, V8, V9 (standard), MP3

15 Demo SilverLight Showcase http://www.silverlight.net/showcase

16 „Míchanice“ (mashup) Jídlo (stránka) smíchané z více různých zdrojů. K tomu budete potřebovat: 1.Hrnec (platformu) Vaše aplikace Popfly platforma 2.Ingredience (služby) Vaše služby Microsoft Live služby Služby kohokoliv jiného

17 Popfly Demokratizace vývoje – mashup dokáže vytvořit i nevývojář (neříkáme, že každý ) Snadné vytváření stránek, fragmentů, gadgetů,... Sociální aspekt – snadné spojení s online komunitou neprofesionálních vývojářů sdílejících svoje projekty Sdílení – hotových míchanic na libovolném blogu, na jakékoliv stránce (IFRAME), ve Vista Sidebar,...

18 Nástroje a součásti Popfly Popfly Creator Vytváření mashupů interaktivním vizuálním propojováním předpřipravených bloků Vytváření stránek z Možnost modifikace HTML, JavaScriptu, CSS,... Popfly Explorer Add-in do Visual Studia Express (vše zdarma) pro vytváření vlastních bloků (pouze pro pokročilé) Popfly Space Online komunita tvůrců Popfly bloků a stránek

19 Windows Live Sada integrovaných služeb a platforma pro vývoj WebDAV SOAP REST HTTP/SO AP LiveSearch Live ID REST LiveContacts VirtualEarth Silverlight Streaming SpacesPhoto

20 Microsoft Confidential Windows Live – obchodní model Volné využití Individuální smluvní podmínky Hranice 1M unikátních uživatelů za měsíc Velikost audience (UU) Další služby/SLA/placená podpora – dostupné každému Komerční i nekomerční použití Počet webů

21 Demo ???TBD PopFly, Live, SilverLight Streaming

22 OBA – Office Business Applications Prostředí intranetu a internetu je jiné Řada aplikací je potřeba, ale vývoj není ekonomicky únosný Vývojář je příliš, nutnost většího zapojení pokročilých uživatelů „nevývojářů“ Častá práce s dokumenty – nutnost jejich zapojení. Windows SharePoint Services 2.0: Platforma pro tvorbu intranetových řešení – nad ASP.NET Doplněk zdarma k Windows Serveru Jednoduché aplikace lze vytvořit pouhou úpravou šablon, webů, seznamů,... Bohatá funkčnost – verzované úložiště dat, vyhledávání, workflow, personalizace, správa oprávnění,... Integrace a spolupráce s aplikacemi Office

23 Agenda Úvod – Web 2.0 Trendy ve vytváření webů Pevné základy Budoucnost – připravujeme

24 Produktivita – Visual Studio 2008 a HTML Nový návrhář HTML 100%ní WYSIWYG Stejný jako v produktu Expression Web Některé nové možnosti: Okamžité přepínání mezi pohledy HTML a vzhled Split view designer Podpora zřetězených šablon (nested master page) Umožňuje lepší spolupráci mezi vývojářem a designérem: Vynucuje korektní práci s CSS styly Vizuální návrh CSS

25 Produktivita – Visual Studio 2008 a AJAX IntelliSense pro JavaScript Pomáhá při psaní klientského JavaScriptu Podpora v editoru pro JS knihovnu v ASP.NET AJAX IntelliSense pro volání JSON web služeb z klienta Kontrola syntaxe JavaScriptu již při buildu Ladění a profilování JavaScriptu Snazší ovládání Body přerušení v ASPX stránkách anebo v JavaScript fragmentech v prohlížeči Nové možnosti vizualizace proměnných Podpora pro extendery v ASP.NET AJAX Snadné připojení a nastavení vlastností

26 Demo Ladění JavaScriptu pro ASP.NET stránku Ladění JavaScriptu pro PHP stránku

27 Produktivita – Visual Studio 2008 a LINQ DBASE (80. léta) – datový přístup USE empl LIST ALL fname, lname, salary FOR Supervises > 0 Práce s daty v OOP – krok vpřed? SqlCommand cmd = new SqlCommand( @"SELECT fname, lname, salary FROM Empl WHERE supervises > @p0" ); cmd.Parameters.AddWithValue("@po", 0); SqlConnection c = new SqlConnection(…); c.Open(); DataReader people = c.Execute(cmd); while (people.Read()) { string fname = (string) people[“fname”]; string lname = (string) people[“lname”]; double salary = (double) people[“salary”]; } dr.Close(); LINQ – datový přístup pro OOP using (NWContext nw = new NWContext(connectString) { var result = from e in nw.Empl where e.Supervises > 0 select new {e.FirstName, e.LastName, e.Salary} }

28 Kvalita – Visual Studio 2008 Test Edition Testy jednotek Kód testující funkci jiného kódu Integrované měření pokrytí kódu testy Funkční testy web aplikací (web testy) Důležité zejména pro údržbu aplikací Nahrání uživatelské interakce na úrovni HTTP a její opakování se zapnutými kontrolními mechanismy Podpora i pro AJAX a pop-up okna Zátěžové testy Multi-threadové provádění web testů s měřením výkonnnostních charakteristik a bohatou analýzou Nejen pro ASP.NET

29 Demo Vytvoření a spuštění funkčního testu Vytvoření a spuštění zátěžového testu

30 Team Foundation Server Integrovaná platforma pro spolupráci na projektech softwarového vývoje. Správa změn: Verzování Seznamy pracovních položek Automatický build Týmová komunikace Reporty

31 Demo Oprava chyby v týmu

32 Bezpečnost Chyby v prvních 6 měsících od uvedení

33 IIS7 – architektura Classic Mode Integrated Mode

34 IIS 7 – pro ASP.NET vývojáře Více možností pro ASP.NET runtime ASP.NET služby a moduly mohou zpracovávat libovolný požadavek na IIS Pomocí ASP.NET tříd lze rozšiřovat funkčnost IIS Integrovaná konfigurace ASP.NET a IIS Jednotné místo pro nastavení (web.config) Jednotná konzole pro správu Jednotný objektový model pro programovou konfiguraci

35 Důsledek – jednoduché vytvoření farmy App Web.config Farma bezstavových webových serverů Sdílená konfigurace, obsah, kód,...

36 Demo Rozšiřitelnost IIS 7: Nahrazení DirectoryListing modulu Vytvoření vlastního modulu

37 IIS 7 – pro PHP a další vývojáře Škálovatelné hostování PHP na Windows platformě Vývoj i provoz na stejném, dobře spravovatelném OS Výkonnost FastCGI srovnatelná s alternativami: Nejen pro PHP, pro vše co užívá CGI (PHP, Ruby, PERL,...) CGI procesy jsou využívány pro více požadavků Optimalizace na vysokou výkonnost a spolehlivost (až 25x rychlejší než klasické CGI na Windows) Testováno s PHP 5.2.1, ale dobře funguje i PHP 4.x PHP a.NET framework – zajímavé styčné body Míchání.NET částí s existujícími PHP částmi Využití knihovny.NET tříd z PHP kódu

38 IIS 7 – pro všechny Flexibilní a rozšiřitelná architektura umožňuje prakticky neomezenou modifikaci funkce Rychlá cache v rámci kernelu pro veškerý dynamický obsah FTP/SSL pro bezpečné publikování Snadná vzdálená administrace s možností delegace Ideální pro média: Bit Rate Throttling – na základě metadat média Windows Media Services – skutečný streaming Stejný web server v klientském i serverovém OS

39 Agenda Úvod – Web 2.0 Trendy ve vytváření webů Pevné základy Budoucnost – připravujeme

40 Host Tomáš Petříček Microsoft MVP

41 Silverlight 1.1 2D Graphics Animations Input (mouse, keyboard, ink) Media (WMV, WMA, MP3) Imaging (JPEG, PNG) Text HTTP Downloader XAML Parser JavaScript DOM CLR DLR Controls Layout Editing SOAP, WCF, RSS, REST XMLReader / XMLWriter LINQ DRM

42 SilverLight 1.1 a.NET FX – ideální spojení Součástí SilverLight 1.1 bude podmnožina.NET frameworku ~ 4 MB velikost Vysoce produktivní vývoj Libovolný.NET jazyk Poslední jazykové inovace (např. LINQ) Nástroje – Visual Studio a/nebo Expression Studio Interoperabilita, přenositelnost Internet Explorer, Firefox, Safari Windows, Mac OS, Unix/Linux (řešení Novell) Libovolný web server Rychlá a snadná instalace

43 ASP.NET „Futures“ knihovna První náhled na připravované technologie Budou uvolňovány během roku 2008 ASP.NET ovládací prvky pro podporu SilverLight a Snadné začlenění médií/XAML bez nutnosti psát HTML značky anebo JavaScript (stačí uvést cestu) Dynamic Data Controls Dynamické generování stránek na základě datového modelu (LINQ to SQL) Modifikace výchozího zobrazení v C#, Visual Basic,... Jazykové inovace (viz dále) Další prvky:,,...

44 Jazykové inovace Nenutíme vás k žádné změně Snažíme se rozšířit spektrum.NET jazyků o nové alternativy, které jsou v některých skupinách populární Dynamické jazyky Využívají nový Dynamic Language Runtime Generování a kompilace tříd za běhu IronPython, managed JScript a VBScript, IronRuby,... Scénáře použití: SilverLight, ASP.NET stránky Funkcionální jazyky Lambda výrazy v.NET 3.5 jsou také funkcionální prvek F# bude součást platformy, podpora ve Visual Studiu

45 Demo Webový framework v F#

46 Závěrem Současná sada technologií odpovídá trendům ve vývoji webových aplikací IIS 7 na Windows Serveru 2008 nabízí stabilní, ověřenou, bezpečnou a výkonnou platformu Microsoft má kompletní sadu produktů pro individuální i týmovou produktivitu webového vývoje Zajímavé inovace připravované pro nejbližší budoucnost

47 © 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.