web 2.0 à la microsoft - w3l€¦ · asp.net ajax 1.0 asp.net 2.0 ajax erweiterung (server) ajax...

1

Web 2.0 à la Microsoft

Neuigkeiten aus der .Net-Welt - ein Überblick

W3L AGinfo@W3L.de

2007

2

Inhaltsverzeichnis

Was ist Web 2.0?

Zusammenhänge Microsoft

ASP.NET AJAX

Silverlight

zurück

3

Was ist Web 2.0? - Paradigma

Beteiligung statt Verbreitungdas Web wird „schreibbar“Nutzer können sich in Blogs und personalisierten Web-Seiten, eigene Seiten und Anwendungen „zusammenbasteln“

Google Maps + Flickr + Nachrichtenticker + ...Mashups

Blogs, Foren

Web 2.0 ist datengetriebenUser Generated Content

4

Was ist Web 2.0? - Paradigma

Geschäftsprozesse werden vollständig über das Web abgewickelt

das Web dient als Kommunikationsplattform

Soziale Software (social software)Pflege und Aufbau von Netzwerken

Nutzung kollektiver Intelligenz

5

Was ist Web 2.0? - Technisch

Dynamische interaktive Inhalte statt statischer HTML-SeitenDienste statt Desktop

Softwareauslieferung als Dienstkeine Paket-Software zur Installation

Skriptsprachen als „Klebeband“ Software-Lebenszyklus

eine Instanz die ständig verbessert wirdKontinuierliche Veröffentlichung neuer Features„veröffentliche früh und oft“

Echtzeitbeobachtung des Nutzerverhaltens Nutzer als Mitentwicklerständiger Beta-Status

6

Was ist Web 2.0? - Technisch

Konsequenzen?

Lightweight Programming Models (LPMs)ermöglichen lose gekoppelte SystemeServiceorientierte Architekturen (SOA)

Web-Services (SOAP, XML) JavaScript APIs

Barrieren zur Wiederverwendung extrem geringInnovation durch Zusammenbau

Rich Internet Applications (RIA)

7

Rich Internet Applications (RIA)

RIAs - „reiche“ GUI-Bibliotheken ermöglichen komfortable Web-Anwendungen

JavaScript, Java Applets, Flash, ActiveX-ControlsAber: Notwendigkeit zur Standardisierung

Asynchronous Javascript And XML (AJAX)XHTML und CSSdynamisches (clientseitiges!) Anzeigen und Interaktivität mittels DOM-ZugriffenDatenaustausch mittels XML und XSLTasynchrone Datenabfrage mit Hilfe von XMLHttpRequest

8

Web 2.0 – Technischer Überblick

DatenhaltungEinfacher Datenbankzugriff

Integration von Zugriffen in Programmiersprachen„Schmales“ Fachkonzept/GeschäftslogikService Layer

Web Servicesstandardisierte DatenlieferantenSever-seitige Entkopplung, Client-seitige Kopplung (problematisch)

BenutzungsoberflächeJavaScript als „leichtgewichtige“ Kopplungs- und Präsentationstechnikleichtgewichtige Laufzeitumgebungen für den Client

Dort wo JavaScript nicht ausreicht: Flash, Applets, ActiveX-Controls

9

Web 2.0 – Architektur

Datenquellen (Web-)Dienste

Datenzugriff/Datenabstraktion

Fachkonzept/Geschäftslogik

Dienste

Benutzungsoberfläche/PräsentationsschichtRIA, (X)HTML, CSS, XML, XSLTDynamische Web-Seiten, AJAX

Web Services, AJAX Integration

Workflows, Ad hoc Workflow

OR-Mapping, LINQ,APIs

Sicherheit, Skalierbarkeit

10

Inhaltsverzeichnis

Was ist Web 2.0?

Zusammenhänge Microsoft

ASP.NET AJAX

Silverlight

zurück

11

Web 2.0 à la Microsoft? - Überblick

Datenzugriff/DatenabstraktionLanguage Integrated Queries (LINQ)

GeschäftslogikWindows Workflow Foundation (WF)

Dienste ASP.NetWindows Communication Foundation (WCF)

Programmiermodell zur Unterstützung von SOA

Benutzungsoberfläche/PräsentationsschichtASP.Net AJAX, Silverlight

12

Web 2.0 – Architektur

Datenquellen (Web-)Dienste

Datenzugriff/Datenabstraktion

Fachkonzept/Geschäftslogik

Dienste

Benutzungsoberfläche/Präsentationsschicht

ASP.NET

Windows Workflow Foundation

Language Integrated Queries (LINQ)

Sicherheit, Skalierbarkeit

Silverlight, ASP.NET AJAX

WindowsCardspace

13

Inhaltsverzeichnis

Was ist Web 2.0?

Zusammenhänge Microsoft

ASP.NET AJAX

Silverlight

zurück

14

ASP.NET AJAX

Zunächst unter dem Codenamen „Atlas“ im Januar 2007 erschienen

kein Bestandteil des .NET Frameworks 3.0 (erschienen November 2006)

Integriert sich nahtlos in ASP.NET einfache Erweiterung von ASP.NET-Seitenarbeitet mit Server-Controls zusammeneinfacher Zugriff auf Web-Services„browserunabhängig“

unterstützt alle (gebräuchlichen) Browser: Internet Explorer, MozillaFirefox, Apple Safari

15

ASP.NET AJAX

ASP.NET AJAX 1.0ASP.NET 2.0 AJAX Erweiterung (Server)AJAX Client Script Library (Client)

ASP.NET AJAX FuturesErweiterungen der ASP.NET AJAX Plattform

u.a. XML-Script zur Client-seitigen Datenbindungnicht rechtzeitig fertig gestellt

ASP.NET AJAX Control ToolkitSammlung von Client-seitigen SteuerelementenEntwicklung durch eine Community

16

ASP.NET AJAX - Architektur

17

ASP.NET AJAX Client Architektur

Core Servicesvollständiges Typensystem für JavaScriptKlassen und Interfaces, Vererbung, virtuelle und abstrakte Operationen

NetworkingAufruf von Web Services über generierte Service Proxiesunterstützt XML und JavaScript Object Notation (JSON) Serialisierungvon Objekten

Browser Compatibilityu.a. einheitliches Event Handling

18

ASP.NET Server Architektur

Sammlung von Klassen und ASP.NET Server Controlsbeeinflussen das Event-Handlinggenerieren Service Proxies für den ClientSerialisierung (XML, JSON)

Zentrale ControlsScriptManager

partielle Seitenerzeugung und UpdatesMehrsprachigkeitWeb Service Proxies

UpdatePanelAJAX „Plug & Play“

Timerzeitgesteuerte postbacks

19

ASP.NET AJAX – Beispiel ScriptManager

Anwendung zeigt Spruch des Tages anWeb Service liefert Sprüche

20

ASP.NET AJAX – Beispiel ScriptManager

Einbindung des Web Service über den ScriptManager

21

ASP.NET AJAX – Beispiel ScriptManager

Aufruf des Web Services

22

ASP.NET AJAX – Beispiel UpdatePanel

UpdatePanelunterstützt das Anlegen von separat aktualisierbaren Regionen einer ASP.Net-Seitevorhandene Seiten können einfach umgestellt werdenServer Roundtrips werden asynchronüber Trigger können andere Controls einen postback auslösen

23

ASP.NET AJAX – Beispiel UpdatePanel

Trigger anlegen

24

Inhaltsverzeichnis

Was ist Web 2.0?

Zusammenhänge Microsoft

ASP.NET AJAX

Silverlight

zurück

25

Silverlight

Aktuelle Version 1.0Codename WPF/E (Windows Presentation Foundation/Everywhere)geplant: Silverlight 1.1

Plugins für unterschiedliche BrowserIE, Firefox, Safari

BetriebssystemeWindows, Mac OS, Linux Version geplant (Moonlight; Mono Projekt)

26

Silverlight

WPFSteuerelemente komplett VektorbasiertSilverlight nutzt Subset von WPF: 2D-Verktor-Formen, Bitmaps, Text, Multimediainhalte

Spezifikation der GUI-Struktur in XAML (Extensible Application Markup Language)

Beschreibung der Oberflächenelemente

Implementierung der Anwendungslogik in JavaScriptEventhandlerZugriff auf Oberflächenelemente

27

Silverlight

WerkzeugeVisual Studio 2005 und Expression Blend

arbeitet nahtlos mit Visual Studio zusammenDesigner nutzt Expression (Blend)Anwendungsentwickler nutzt Visual Studio

Problem VerbreitungsgradFlash Verbreitungsgrad 95 %

Silverlight 1.1.Net-Klassen übernehmen Funktion von JavaScriptzusätzlich steht eine Dynamic Language Runtime für Skriptsprachen zur VerfügungAufruf von managed code aus JavaScript möglich

28

Literatur

ASP.NET AJAXwww.asp.net/ajaxLeisegang C., Mintert S., Spanneberg B.: Die Nullnummern; fünf serverseitige Ajax-Frameworks; iX 9/2006; S. 66 ff. Schwichtenberg H.: Web 2.0 Microsoft will nichts verpassen und veröffentlicht AJAX Tools

SilverlightDownling R., Müller J.: Streifen am Webhorizont; iX 7/2007; S. 52 ff.

Zusammenhängendes Fallbeispiel ASP.NET AJAX, WF, WCF, WPF

www.dinnernow.net

29

Vielen Dank für Ihre Aufmerksamkeit!

In Zusammenarbeit mit der Fachhochschule Dortmund bieten wir

zwei Online-Studiengänge B.Sc. Web- und MedieninformatikB.Sc. Wirtschaftsinformatik

und 7 Weiterbildungen im IT-Bereich an.

W3L-AkademieInhouse-Schulungen

Wir bieten Inhouse-Schulungen und Beratung durch unsere IT-Experten und –Berater.

SchulungsthemenSoftwarearchitektur (OOD)

Requirements Engineering (OOA)

Nebenläufige & verteilte

Programmierung

Gerne konzipieren wir auch eine individuelle Schulung zu Ihren Fragestellungen.

Flexibel online lernen und studieren!

Sprechen Sie uns an!Tel. 0231/61 804-0, info@W3L.de

Besuchen Sie unsere Akademie!http://Akademie.W3L.de