CLaueR - AFUP PHP et Silverlight

Applications PHP et Silverlight Pierre Lagarde blogs.msdn.com/pierlag Christophe Lauer blogs.msdn.com/clauer +

Rich Interactive Applications

Large audience via déploiement Web

Windows, MacOS X, Linux via Moonlight*

IE, Firefox, Safari, Konqueror*

Sandboxing garantit la sécurité

Productif sur design et développement

Capitalisation technique (XAML & .NET)

Meilleur outillage de l’industrie

Design et développement séparés

Exemples d’applications Silverlight 1.0 et Silverlight 2

Compatibilité ascendante de 1.0 vers Silverlight 2

La V2 ajoute .NET à la version V1.0 de Silverlight

Silverlight 2 Silverlight 1.0

Silverlight 1.0 Silverlight 2 Enrichissement de sites existants (Media, Vectoriel, Intéractions) Applications type « RIA » *et* médias riches Animations, Medias, Transformations, Vectoriel, Events, etc… Layout, Contrôles, User Controls, LINQ, DataBinding, Isolated Storage, etc… Développeurs Web et Ajax Aussi et surtout les développeurs d’applications (Web & Windows) Modèle de développement à la Ajax : Javascript, XAML et DOM Modèle de développement full .NET : C#, compilation et DLR, Assemblies Version finalisée, supportée et déployable Version Bêta 1, pas encore Go-Live!

Réaliser un “Hello world” en Silverlight avec JavaScript

Réaliser un Player Vidéo rudimentaire

Zéro Déploiement

Cross Navigateur et Cross plate-forme

Write once, Test once

Tirer parti de la puissance du client

Basé sur un moteur vectoriel graphique 2D

La meilleure résolution pour mon application ?

OK pour les archis multi-tiers et orientées services

Pour les développeurs qui connaissent .NET :

Mêmes outils, mêmes langages

Mêmes développeurs

MacOS X 10.4+

Silverlight 1.0 supporte tous hardwares

Silverlight 2 supporte Mac Intel seulement

Mac entièrement supporté par Microsoft

Distros Linux majeures

Runtime Moonlight implémenté par Mono

Accord de coopération avec Microsoft

Accès à la documentation et aux tests unitaires

Couverture légale des utilisateurs Mono

Accord de collaboration technologique avec Novell

Voici le projet Moonlight :

Moonlight… ou presque ;)

@

Database Layer Integration Layer Business Logic Layer Presentation Layer PHP ASP.NET Service Layer SOAP, JSON, REST, … Client Layer (Browser) HTML Ajax Silverlight

Utiliser des services PHP en Silverlight

Silverlight 2 Bêta 1 étend le networking

HTTP, WS*/SOAP, REST, RSS, JSON

System.Net.Sockets pour les protocole non-HTTP tels que les serveurs de “chat”

Support des requêtes “Cross domain”

crossdomain.xml & clientaccesspolicy.xml

Silverlight looks for two policy files:

Silverlight policy: clientaccesspolicy.xml

Adobe Flash policy: crossdomain.xml

Already used by etc…

All public services that work with Flash – will also work with Silverlight

Les designers et les développeurs sont différents

Developers work from the inside outward

Silverlight 2 Bêta 1

Notepad ?

Pas de SDK requis, tout est du texte

On peut faire mieux…

Silverlight Tools for Visual Studio 2008

Expression Blend 2.5 March Preview (Bêta)

Tout le reste est disponible en ligne

http://www.silverlight.net

Whether you are designing rich standards-based websites, ultimate experiences on the desktop, or managing digital assets and content, Expression professional design tools give you the flexibility and freedom to bring your vision to reality. The professional Web design tool The professional Interactive design tool The professional Graphic design tool The professional Asset Management tool

Visual Studio 2008 Expression Blend Expression Design XAML Designers Look, identité visuelle, marque, et connection émotionnelle Développeurs Fonctions, déploiement, données, sécurité, intégrité Fichiers Projet VS

eXtensible Application Markup Language

Langage déclaratif

Les outils de développement riches produisent du contenu Texte et XML

Les pages Silverlight peuvent être indexées

<Rectangle />

<Ellipse />

<Line />

<Polygon />

<PolyLine />

<Path />

XAML 101

2D, Graphics

Audio, Vidéo et HD

Animations

Texte, Text Input*

Contrôles*

Layout*

Styles/Templates*

Data Binding*

Networking

HTTP/S et Sockets*

* Nouveau dans Silverlight 2

Support .NET*

C# et VB.NET*

LINQ*

XML APIs*

Generics*

Intégration HTML*

JSON Serializer

Local Storage*

Crypto APIs (AES)*

Threading*

Eléments de UI composables et réutilisables

Silverlight 2 ajoute 20+ contrôles à la toolbox

Silverlight = XAML = UI flexible

Customiser le look d’une application sans altérer son comportement

Styling (Styles) Changements visuels légers sur un Elément (Fonte, Couleur de fond, etc)

Skinning (Control Templates) Remplacer tout l’arbre visuel d’un Elément

Le Databinding renforce la séparation entre la présentation des données et le code-behind “applicatif”

Avec tout object implémentant IEnumerable

Arrays, Lists, Collections

DataTemplates contrôlent la présentation

Binding uni- ou bi-directionnel

Contrôles Silverlight 2 et Binding

La « Board » Melty

Alexandre Malsch

? ? ? ? Pierre Lagarde - Christophe Lauer (Microsoft) Alexandre Malsch (eeple)

Silverlight – Get Started http://silverlight.net/GetStarted Scott Guthrie’s blog – VP for Silverlight and .NET http://weblogs.asp.net/scottgu/ Where to find these slides http://blogs.msdn.com/clauer Moonlight –Silverlight support on Linux http://www.mono-project.com/Moonlight

Language INtegrated Query apporte des capacités de requêtage natives à .NET

Requêter, projeter et filtrer des données issues de multiples sources

Mixé avec le code C#, VB, etc

Silverlight 2 comprend System.LINQ et System.LINQ.Expression

Aller plus loin

Mécanismes de customisation en XAML

Brushes

Solid, gradient, image, video

Transformations

Rotate, scale, skew, translate

Les contrôles utilisateur peuvent exposer des propriétés et évènements “custom”

Extras

Silverlight permet la manipulation du DOM HTML et l’intégration JavaScript

Propose des “managed wrappers” pour le DOM et les éléments JS

Silverlight peut invoquer JS, JS peut invoquer du code managé

Silverlight peut prompter pour accéder à des fichiers locaux

Pas besoin d’upload vers le serveur

Contraintes de sécurité

Fichiers ouverts en mode read-only seulement

Accès en écriture dans le Isolated storage

Au delà de Silverlight

Addressing entities and sets

Presentation options

Entity-set /Bookmarks Single entity /Bookmarks(123) Member access /Bookmarks(123)/Name Link traversal /Bookmarks(123)/Tags Deep access /Bookmarks(123)/Tags('abc')/Name Raw value access /Bookmarks(123)/Names/$value Sorting /Bookmarks?$orderby=Name Filtering /Bookmarks?$filter=Created gt '2007-05-07' Paging /Bookmarks?$top=10&$skip=30 Inline expansion /Bookmarks?$expand=Tags

Create services directly from Visual Studio

Various data sources

Entity Framework

LINQ providers

Model-driven

Structural description in Entity Data Model

Metadata shapes service

Data Access Layer Entity Framework Custom LINQ provider Relational database Other sources Service Runtime Hosting/HTTP listener HTTP IQueryable [+ IUpdatable]

Scales without Limits

S torage and processing scales without restrictions

Businesses pay only for the resources consumed

Application Agility

Simple, flexible data model

REST and SOAP protocols support

Business Ready SLA

Built using robust Microsoft SQL Server technology

SLA for business continuity

Highly available, reliable and secure

Microsoft ® SQL Server ® Data Services (SSDS) is a Web facing data storage and processing utility

Deep Zoom

http://silverlight.live.com Hébergement scalable, “on demand” pour les applications Silverlight

Blend Encoder Remote Silverlight Control & Video Embedded in HTML Local Silverlight Control loads Remote Video Silverlight Application Embedded in HTML as <iframe> Windows HTA Application Silverlight Application Silverlight Video Asset (VC-1) http://silverlight.live.com

Silverlight 1.0 for mobile CTP Q2CY08 Visit http://www.silverlight.net for more details Silverlight 2 for Mobile Q2 CY 09 Silverlight 2 for mobile CTP Q4 CY 08 Silverlight 1.0 for mobile RTW Q4CY 08