Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect...

24
Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design http://blogs.ugidotnet.org/dinoes

Transcript of Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect...

Page 1: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

Una piattaforma per soluzioni service oriented: User Experience 

Dino EspositoSoftware ArchitectManaged Designhttp://blogs.ugidotnet.org/dinoes

Page 2: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

Fatti

L’utente è al centro dei pensieri di tuttiPochi scrivono applicazioni che pongono l’utente realmente al centro

Solo oggi si parla seriamente di user experienceSolo oggi abbiamo Office 2007 che “prova” a cambiare la logica di applicazioni diffuseSolo oggi con AJAX (e affini) si parla di mash-up e di portare “information at your fingertips”

Page 3: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

L’Utente al centro Il modello del futuro: Software + Services

Page 4: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

La piattaforma

“Silverlight”

Windows Presentation FoundationSidebar Gadgets

Microsoft Office

DesignerLook, behavior, brand,e emotional connection

DeveloperFunction, deployment,

data, security

Page 5: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

Visual BasicMFC ASP

Internet ExplorerDHTML

OfficeVBADirectX

Fidelity

Reach

ASP.NETAJAX

EXTENSION

Silverlight

Evoluzione

Page 6: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

WPF: Principi di progettazioneIntegrazione

modello unificato di API per diversi formatinon più GDI/GDI+, DirectShow, Direct 3D APISviluppo per desktop e web

Grafica vettorialePer il motore di composizioneSfrutta la GPU dei moderni PC

Programmazione dichiarativa con XAMLNuovo supporto per i documenti e la stampaCondivisione di documenti tra piattaforme diverse

Page 7: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

WPF: Consumer

Rich, immersive web experiences Online shopping

Kiosk applications Content distribution

Page 8: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

WPF: Enterprise

Data dashboards Visualisation

Custom tools/management apps Real-time reporting

Page 9: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

http://www.otto.de/vistahttp://www.otto.de/vista

Page 10: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

Programmazione dichiarativa e XAML

XAML = Extensible Application Markup XAML = Extensible Application Markup LanguageLanguage

•Usato da WPF per dichiarare ciò che si vuole rappresentare

•Linguaggio di markup per dichiarare oggetti, non solo WPF

•Codice e contenuto sono separati

<Button Width="100"> OK <Button.Background> LightBlue </Button.Background></Button>

XAML

Button b1 = new Button();b1.Content = "OK";b1.Background = new SolidColorBrush(Colors.LightBlue);b1.Width = 100;

C#

Dim b1 As New Buttonb1.Content = "OK"b1.Background = New _ SolidColorBrush(Colors.LightBlue)b1.Width = 100

VB.NET

Page 11: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

Tool Microsoft per Designers e Developers

Programmazione dichiartativa con XAML

Tool di terze parti (Aurora di Mobiform, ZAM 3D - Electric Rain)

Designers creano l’interfaccia

Con XAML + WPF aumentala collaborazione

Developers aggiungono la logica

WPF + XAML

Page 12: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

Visual Studio Tools For OfficeEstende gli Office document

TabTab

GrouGroupp

RibboRibbonn

ContrControlol

Ribbon Customization

Outlook custom form regionsActions Pane

Page 13: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

Add-Add-inin

CoreCoreFeaturesFeatures

Office System 2007Principali Novità per lo sviluppo client

TaskTaskPanePane

RibbonRibbon

Office Office XML FormatXML Format

EsternoEsternoProcessoProcesso

Managed Add-insCustom Task PanesRibbonXOffice Open XML Format

Page 14: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

Supporto in VS 2008

Ribbon Controls

Design Surface

Page 15: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

Fatti

Animazione e grafica 2D vettoriale Supporto AJAX/JavaScript/DOM Media

Industry-standard codecs per videoWMV, WMA, VC-1

XAML parser che riconosce un sottinsieme limitato di WPF

Page 16: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

Silverlight 1.0 : Media Silverlight 1.0 : Media ExperiencesExperiences

QualitàHD video qualityDVD-like interattività e overlays

Sviluppo FlessibileIntegrabile con AJAX framework

esistenti

SMPTE-standard VC-1, WMV and MP3

DeliveryLive Streaming oppure On-Demand

Performance

Page 17: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

http://www.silverlight.nethttp://www.silverlight.net

Page 18: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

Legend

V1.1

Legend

V1.0

XAML

Networking

JSON

RESTPOX

RSS

Data

LINQ XLINQ

DLR

Ruby Python

WPF

Extensible Controls

BCL

Generics Collections

Media

VC1 WMA MP3

Browser Host

MS AJAX Library

DOM Integration

UI Core

Images

Vector Text

Animation

Features

Data Binding

Controls

LayoutEditing

CLR Execution Engine

Deploy

Friction-Free Installer

Auto-Updater

SOAP

Page 19: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

ASP.NET AJAX Extensions

Costruito sulle fondamenta di ASP.NET 2.0 consiste in:

Microsoft AJAX LibraryMicrosoft ASP.NET 2.0 Ajax ExtensionMicrosoft ASP.NET Futures CTPMicrosft AJAX Control Toolkit (codeplex)ASP.NET 3.5

Disponibile per tutti i browser senza installazioneRiduce la latenza del Web Page refresh

Page 20: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

AJAX Application ModelsAJAX Application ModelsServer-centric…Server-centric…

BrowserBrowserBrowserBrowser

PresentationPresentationHTML/CSSHTML/CSS

Microsoft AJAX LibraryMicrosoft AJAX Library

Client Client Application Application

ServicesServices

Component Component and UIand UI

Framework,Framework,ControlsControls

Server ApplicationServer ApplicationServer ApplicationServer Application

PagesPages

ASP.NET AJAX ExtensionsASP.NET AJAX Extensions

Application Application ServicesServices

Page Page Framework,Framework,

Server Server ControlsControls

Input DataInput Data

Updated UI + BehaviorUpdated UI + Behavior

Initial RenderingInitial Rendering (UI + Behavior)(UI + Behavior)

UI BehaviorUI BehaviorManaged CodeManaged Code

App Logic/DataApp Logic/DataManaged CodeAManaged CodeA

Page 21: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .
Page 22: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

AJAX Application ModelsAJAX Application Models… o client-centric… o client-centric

BrowserBrowserBrowserBrowser

PresentationPresentationHTML/CSSHTML/CSS

Microsoft AJAX LibraryMicrosoft AJAX Library

Client Client Application Application

ServicesServices

Component Component and UIand UI

Framework,Framework,ControlsControls

Server ApplicationServer ApplicationServer ApplicationServer Application

PagesPages

ASP.NET AJAX ExtensionsASP.NET AJAX Extensions

Application Application ServicesServices

Page Page Framework,Framework,

Server Server ControlsControls

Input DataInput Data

Initial RenderingInitial Rendering (UI + Behavior)(UI + Behavior)

UI BehaviorUI BehaviorJavascriptJavascript

App Logic/DataApp Logic/DataManaged CodeManaged Code

Web Service Web Service ProxiesProxies

Page 23: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

Conclusioni

La UE deve migliorarePensare la interfaccia utente in modo user-oriented ma anche realizzare applicazioni in modo user-orientedIl back-end è fondamentale ma l’utente è colui che usa l’applicazioneServizi software portano verso una fusione tra desktop e RIATecnologia chiave? Silverlight (che verrà)

Page 24: Una piattaforma per soluzioni service oriented: User Experience Dino Esposito Software Architect Managed Design .

© 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.