Microsoft User Experience Blog
Silverlight Adoptie en Gebruik

Sl_v_rgb Op de Microsoft PDC09 (Professional Developer Conference) in Los Angeles is naast het vrijkomen van de beta van Silverlight 4 ook meer inzicht gegeven in de huidige stand van zaken rond het gebruik van Silverlight. Wereldwijd is Silverlight geinstalleerd op ongeveer 45% van de computers. Sommige landen in Europa, waarbij Nederland hierin voorop loopt, is de adoptie al meer dan 60%.

We hebben op dit moment al meer dan 350 partners in 35 landen die deel uit maken van het Silverlight Partner Initiative. Meer informatie over dit programma is te vinden op de Microsoft Silverlight Partner pagina.

Steeds meer applicaties maken gebruik van Silverlight. Dat geldt ook voor steeds meer Microsoft applicaties. Denk hierbij aan Office 2010, Sharepoint Server 2010, Bing toolbar, Bing Visual Search, Bing Maps, Bing Videos, Microsoft Security Esentials, Windows Live, Xbox website, Zune website en meer dan 400 Microsoft websites wereldwijd.

Dus voor iedereen die nog twijfelt … Silverlight is (bijna) overal. Gebruiken dus!

PDC Nieuws: Silverlight 4 Beta uitgekomen

sl4bloglogo Vandaag is op de Microsoft PDC (Professional Developer Conference) in Los Angeles de beta van Silverlight 4 beschikbaar gekomen. De ontwikkelsnelheid van de UX platformen van Microsoft is bijna ongekend. Je vraagt je bijna af … zit er wel wat in? Nou en of! Het wordt steeds eenvoudiger en leuker om zeer interactieve RIA’s te ontwikkelen op basis van Silverlight. Hieronder informatie voor line-of-business ontwikkeling, rijkere ervaringen en out-of-browser.

Mogelijkheden voor line-of-business applicaties

Print Ondersteuning was al veel gevraagd. Met de nieuwe versie wordt het eenvoudig om te printen naar een virtuele print-view, zodat er een optimale opmaak kan worden verzorgd om te printen.

Nieuwe controls zijn weer toegevoegd aan de vaste set aan controls in Silverlight. Een in het oog springend control is het RichTextArea control, waarmee rich text editing in Silverlight wordt mogelijk gemaakt. Uiteraard is de complete set van controls volledig customizable en skinnable.

De .NET CLR is aangepast waardoor het nu mogelijk is om gecompileerde code zowel op Windows als in de Silverlight omgeving te draaien, zonder dat hercompileren nodig is. Uiteraard moet er wel alleen gebruikt zijn gemaakt van .NET libraries die binnen Silverlight beschikbaar zijn.

Het Managed Extensibility Framework biedt een nieuwe, simpele manier om een Silverlight applicatie modulair op te bouwen. Hierdoor hoeft een gebruiker niet te wachten tot een complete applicatie is gedownload en opgestart. Een kleine start applicatie kan genoeg zijn voor de eerste verzoeken, waarna delen van de applicatie worden overgehaald wanneer dat nodig is.

Windows Communication Foundation ondersteuning is uitgebreid zodat applicaties eenvoudig een verscheidenheid aan data en servers kan gebruiken in de communicatie.

Visual Studio 2010 krijgt uitgebreide en verbeterde ondersteuning voor Silverlight. Denk hierbij aan een design view die ook goed gebruikt kan worden (is er nu alleen voor WPF en kan niet alles …). Maar ook uitgebreide ondersteuning voor de property windows die je gewend bent voor andere client platformen, gebruik van controls, themes, databinding, enzovoort.

Rijkere ervaringen

Verbeterde animatie in snelheid en mogelijkheden. Hierdoor kunnen visual designers en interaction designers nog meer rijkheid bereiken door nuttig gebruik van animaties.

Verbeterde performance. De performance van Silverlight is al erg goed. Toch is Silverlight 4 toch ongeveer 200% sneller gemaakt ten opzicht van Silverlight 3. Hierdoor kunnen applicaties meer rekenkracht gebruiken, maar vooral ook sneller opstarten.

Webcam en Microfoon ondersteuning is nu ook toegevoegd aan Silverlight 4. Ook dit is een veel gevraagde feature. Hierdoor kan Silverlight nu eenvoudig gebruikt worden in ruimere toepassingen voor user generated content, enzovoort. Het is ook mogelijk om locale video en audio te capturen en daarna bijvoorbeeld te versturen of te bewerken.

Multi-touch ondersteuning in Silverlight 4 maakt het mogelijk dat multi-touch schermen ook binnen de browser nuttig gebruikt kunnen worden.

Copy en paste ondersteuning zorgt er nu voor dat een Silverlight applicatie eenvoudig data uit de omgeving kan ontvangen door het standaard gebruik van de muis door drag-and-drop. Ook dit verhoogt het gebruiksgemak voor veel gebruikers.

Content protectie voor H.264 (video) in combinatie met PlayReady is nu ook ondersteund. Daardoor kan deze standaard ook beveiligd worden.

Out of Browser

Er zijn nu twee mogelijkheden voor out-of-browser applicaties: sandboxed en trusted. Sandboxed is zoals Silverlight applicaties standaard binnen de security context van de browser draaien. Maar het is nu ook mogelijk om extra ‘trust’ aan een Silverlight applicatie te geven, zodat die meer rechten krijgt waaronder file access.

Sandboxed applicaties

In deze mode is het nu ook mogelijk om HTML content binnen een Silverlight applicatie te embedden. Hierdoor wordt het bijvoorbeeld mogelijk om web e-mails binnen de Silverlight app te tonen en gebruiken.

Maar ook is het nu mogelijk om pop-up notificaties te geven, zodat het een meer geintegreerde applicatie wordt binnen de omgeving van de gebruiker.

Offline DRM wordt door Silverlight 4 ondersteund. Hierdoor kan beschermde content op basis van PlayReady offline worden genomen.

Trusted applicaties

Lokale bestanden kunnen door de applicatie gebruikt worden. De bestanden kunnen uit de persoonlijke folders komen (My Documents, My Videos, My Music, My Pictures of vergelijkbare folders in andere OS-en).

USB toegang kan gegeven worden, waardoor de Silverlight applicatie bijvoorbeeld een card reader kan gebruiken.

Desktop applications kunnen benaderd worden zodat informatie uitgewisseld kan worden. Denk hierbij bijvoorbeeld aan het gebruik van Microsoft Office producten.

Keyboard ondersteuning in fullscreen out-of-browser is uitgebreid. Er is bijvoorbeeld een virtueel keyboard wat gebruikt kan worden voor een kiosk oplossing.

Downloads

Hier zijn de benodigde links naar downloads van de runtime en de tools

  • Visual Studio 2010 Beta 2 of Visual Web Developer Express 2010 Beta 2 (eigen keuze)
  • Silverlight Tools for Visual Studio 2010
  • Expression Blend for .NET 4 Preview – voor bewerken van Silverlight 4 en WPF 4 applicaties
  • WCF RIA Services (.NET RIA Services) (Dit zit al bij de Silverlight Tools for Silverlight 4)
  • Silverlight 4 SDK CHM (offline documentatie) – ook online beschikbaar
  • Nieuwe Silverlight Toolkit voor Silverlight 4
  • Developer runtimes: Windows en Mac 
  • Silverlight 4 SDK only – niet nodig als de tools geinstalleerd zijn
  • Silverlight Media Framework – een nieuwe open source media pleyer framework
  • Aanrader - “Handboek Silverlight 3” van Antoni Dol

    Handboek Silverlight 3 antoni dol Als opvolger van zijn succesvolle boek “Handboek XAML” heeft Antoni Dol een tijdje geleden zijn nieuwe boek “Handboek Silverlight 3” uitgebracht. Dus wil je meer met Silverlight doen en een handig Nederlands naslagwerk hebben, dan is dit het perfecte boek.

    Het boek besteedt aandacht aan het ontwerpen (onder andere met SketchFlow in Blend 3), het maken van een Silverlight applicatie en het online brengen. Daarbij komen zaken als XAML, Deep Zoom, zoekmachineoptimalisatie, aangepaste installatie en meer aan bod.

    Kijk op Antoni’s blog voor meer informatie over het boek. Dit boek is uitgegeven door Van Duuren Media en is verkrijgbaar op het internet (bv. Bol.com) en bij boekhandels.

    Showcase – Nederland Leest met Surface

    Nederland Leest is een landelijke campagne waarbij een bepaald boek centraal staat. Voor 2009 is dat het boek Oeroeg van Hella S. Haasse. Dit jaar is als onderdeel van die campagne Surface ingezet. Onwijs heeft een applicatie ontwikkeld om mensen op een speelse manier met Hella Haasse en het boek Oeroeg bekend te maken. De applicatie geeft visueel informatie en neemt je mee terug in de tijd.

    Met het ontwerpen van de applicatie is er goed nagedacht over de specifieke eigenschappen van Surface. Informatie wordt steeds een beetje gedraaid, zodat aan alle kanten van de tafel informatie goed zichtbaar is. Uiteraard kunnen onderdelen beter worden bekeken door ze te vergroten en naar je toe te slepen.

    Hieronder wat foto’s genomen door Edith Zuiderent van Onwijs tijdens de presentatie van de start van de campagne. Van links naar rechts Yvonne Keuls, Willem Nijholt en Philip Freriks bezig met de Surface applicatie van Onwijs.

    Surface_Onwijs_NLleest (14)_v2 Surface_Onwijs_NLleest (15)_v2 Surface_Onwijs_NLleest (9)_v2

    De applicatie is te zien in 20 bibliotheken in Nederland, waaronder de Openbare Bibliotheek Den Haag. Nederland Leest loopt tot 20 november 2009. Op www.oeroeg.nl is te zien hoe de applicatie er uit ziet (jammer genoeg nog niet in Silverlight :)).

    Showcase – Surface in Bibliotheek Rotterdam

    De eerste publiek toegankelijke Microsoft Surface unit is een feit. Vrijdag 16 oktober is in de Bibliotheek Rotterdam Surface geintroduceerd met een nieuwsspel. Het spel haalt zijn vragen en antwoorden bij RTL Nieuws, zodat ze steeds veranderen en altijd up-to-date zijn. De tafel werd in gebruik genomen door Antoin Peeters (RTL Nieuws), Cornelis Krul (Bibliotheek Rotterdam) en Dhr. Reussink (Bibliotheek Rotterdam).

    IMG_3689 IMG_3669

    Dit spel is de uitkomst van een project dat gestart was met een innovatie-prijs die vorig jaar was gewonnen. De bibliotheek Rotterdam is gaan samenwerken de bibliotheken van Den Haag, Delft en Huizen-Laren-Blaricum. Doel was om iets nieuws te brengen in de bibliotheek waarbij mensen bij elkaar worden gebracht en er ook kennis overgedragen kan worden. Daarnaast was er ook een doel om bezoekers met nieuwe technologieen in aanraking te brengen. Dat is gedaan door het gebruik van Microsoft Surface.

    Het nieuwsspel is gemaakt door Mirabeau die goed hebben nagedacht over 360 graden toegang, meerdere mensen tegelijk en vooral visuele aspecten. Het is naar mijn mening een erg mooi spel geworden wat nog verslavend is ook. En dan leer je er nog iets van ook!

    Mirabeau heeft een kort artikel geschreven over dit project op hun eigen website. Op RTV Rijnmond is een item geweest over deze nieuwe toepassing (scroll naar 5:15 in dit nieuws item). En natuurlijk is er ook informatie gegeven op de website van de Bibliotheek Rotterdam.

    Op naar de volgende publieke Surface toepassing!

    Surface bij Wannahaves op RTL7 en op het web

    Maandag 12 oktober 2009 om 23:00 was het dan eindelijk zo ver: mijn televisie debuut. Bij het programma Wannahaves op RTL 7 was een interview met mij te zien over Surface, waarbij Susanne Dijksterhuis de uitleg kreeg. Een herhaling wordt uitgezonden op zaterdag 17:30 op RTL7. Uiteraard is het item ook op RTL Gemist en op de Wannahaves website te zien (ja, de link doet het weer).

    Wannahaves

    Microsoft Web Platform Installer 2.0 uitgekomen

    Vandaag is op PICNIC09 bekend gemaakt dat Microsoft Web Platform Installer 2.0 beschikbaar is gekomen. Dit is een tool die je op een zeer eenvoudige manier helpt om een standaard Windows Server om te toveren tot een Web Server met applicaties. De tool neemt de installatie en configuratie voor zijn rekening.

    Web Platform Installer is niet alleen handig voor IIS en dergelijke, maar biedt ook kant en klare Web Apps zoals mojoPortal, WordPress, nopCommerce, SugarCRM, Moodle, DotNetNuke, ResourceBlender.NET, Gallery, Umbraco en meer. En uiteraard is het allemaal gratis. Klik op de button hieronder om Web Platform Installer te installeren.

    btn-free-webpi

    Gratis ondersteuning voor nieuwe web professionals met Microsoft WebsiteSpark

    Vandaag is op PICNIC een nieuw wereldwijd programma bekend gemaakt door Scott Guthrie: Microsoft WebsiteSpark. Dit is een programma voor webdesign bedrijven van 10 werknemers of minder. Het programma biedt Microsoft software zoals Windows Web Server, SQL Server, Visual Studio en Expression Studio gratis aan voor een periode van drie jaar. Bovendien krijg je ook een aantal gratis support calls en korting op hosting bij een aantal Nederlandse hosting partners.

    Voor meer informatie, kijk op http://www.microsoft.com/web/websitespark/. Je mag me natuurlijk ook mailen als je er niet uitkomt.

    Er is overigens een soortgelijk programma voor startups, genaamd BizSpark. Meer informatie daarover is te vinden op http://www.microsoftstartupzone.com/pages/home.aspx

    PICNIC’09 – Not your ordinary Microsoft

    Dit jaar staan we voor het eerst op PICNIC. We zijn een van de sponsoren en hebben een grote stand. Op 5 locaties over het terrein staat Microsoft Surface in een picnic-tafel. Op de stand staan er 2 van, maar daarnaast laten we ook Photosynth, Silverlight en Deep Zoom en de Expression producten zien. Ook kan je Xbox-en of internetten onder onze Twitter-tree. Of je kan een foto laten maken die je vervolgens met Expression Design in een achtergrond kan plaatsen. Als je meer wilt weten van Expression Blend of Web kan je ook een lab volgen. Kortom, genoeg te doen. En we krijgen steeds hele positieve reacties. Om een impressie te krijgen, hieronder een Photosynth compositie van PICNIC en onze stand

    Koefnoen 2009 met elektronische tover tafel (= Surface) succes!

    Zaterdag 12 september is de eerste opname en uitzending geweest van Koefnoen. Ik was zelf bij de voorbereiding, repetitie en opnames aanwezig en heb dubbele lol gehad :) Zoals ik eerder had vermeld wordt Microsoft Surface gebruikt in dit nieuwe seizoen.

    De basis is dat afbeeldingen en filmpjes op Surface worden getoond. Er zijn verschillende sets die door middel van tags worden gewisseld. In de eerste uitzending hadden de acteurs deze tags op hun handen geplakt. Zij legden de hand op Surface zodat hun gegevens getoond werden. Surface werd overigens door Feitje voorgesteld als de elektronische tover tafel.

    koefnoen-5   koefnoen-9

    Een stukje uit de laatste aflevering van dit seizoen met onder andere Bassie:

    Een gebruikersvriendelijk Silverlight installatie aanbieden

    Het is geweldig om te zien dat er steeds meer Silverlight toegepast wordt voor allerlei doelen. Vooral voor media is het steeds meer in gebruik. En gelukkig zijn er daardoor steeds meer mensen die Silverlight geinstalleerd hebben.

    Maar wat nu als de gebruiker geen Silverlight heeft? Als de standaard Silverlight.js javascript file wordt gebruikt zoals Blend of Visual Studio die genereert, wordt er het standaard “Install Microsoft Silverlight” logo getoond:

    InstallSilverlightDe ervaring leert echter dat gebruikers dit beangstigend vinden of niet begrijpen. Ze hadden immers op een link geklikt om naar bepaalde content te gaan? En waarom zouden ze iets wat ze niet hebben eigenlijk installeren? En wat is dat Silverlight eigenlijk?

    Om dit voor de gebruiker goed op te lossen moet toch wat meer worden uitgelegd. Waarom Microsoft dit niet gelijk doet? Wij kunnen niet een uitleg geven die voor iedereen de lading dekt. Bovendien wil je in de meeste gevallen een uiting laten zien die bij de look-and-feel van de website past.

    Waar het op neerkomt is dat je de standaard afbeelding zoals hierboven is getoond vervangt door een afbeelding met tekst die uitlegt wat de gebruiker moet doen en waarom. Soms kan het gepast zijn die alleen op de plek van de Silverlight applicatie te doen, maar soms kan het ook gepast zijn om een zogenaamde page gate te maken die de hele pagina beslaat. Ook hierbij moet er weer goed over de beste beleving voor de gebruiker worden nagedacht. Hieronder twee voorbeelden hoe het opgelost kan worden:

    InstallSilverlight-Magister InstallSilverlight-AmstelGoldRace

    Dit kan zowel worden opgelost als de Silverlight applicatie door middel van Javascript functies uit de Silverlight.js wordt geladen, als dat de OBJECT-tag wordt gebruikt.

    Heb je een mooi plaatje, maar dan? Het is niet zo’n goed idee om allen maar naar www.microsoft.com/silverlight te verwijzen en de gebruiker aan zijn lot over te laten om daar de installatie te doen. De gebruiker is daarmee namelijk direct van je eigen website verdwenen, en dat wil je niet. Het is beter om direct naar de juiste link te verwijzen die de installatie start. Hierdoor blijft de gebruiker op de website terwijl Silverlight wordt geinstalleerd. Bovendien is in de meeste gevallen een eenvoudige refresh van de pagina vereist om de website vervolgens met Silverlight te zien.

    Maar hoe zit het dan bijvoorbeeld op Windows met die hele reeks aan schermen die de gebruiker nog door moet? “Wil je dit uitvoeren of installeren?”, “Vertrouw je dit programma wel”? en dan nog het blauwe Installeer Silverlight scherm. De eerste twee zijn het gevolg van de beveiligingsmaatregelen in Windows die helaas steeds meer noodzakelijk is geworden. Het blauwe Silverlight scherm komt daar nog tussendoor omdat de gebruiker daar geattendeerd wordt op het feit dat Silverlight standaard automatisch een update ontvangt als er een nieuwe versie of patch is. Dat is nu eenmaal een wettelijk vereiste. Dus daar is helaas niets aan te doen.

    Hieronder een aantal links naar artikelen die uitleggen hoe je zelf in je eigen website de installatie kan verwerken. Hier staat ook een whitepaper vermeldt die het uitlegt. Het whitepaper is geschreven voor Silverlight 2, maar werkt zeker nog steeds met Silverlight 3. Binnenkort wordt dit whitepaper geupdate.

    Microsoft Silverlight Installation Experience White Paper and Sample Code

    How to: Add Silverlight to a Web Page by Using HTML (aanbevolen manier)

    How to: Add Silverlight to a Web Page by Using JavaScript

    Silverlight.js Reference

    Heb je zelf websites die Silverlight gebruiken en heb je hier nog nooit naar gekeken? Het is meestal eenvoudig te testen door de plugin tijdelijk op Disabled te zetten en dan naar de pagina te gaan (In Internet Explorer onder Tools, Manage Add-ons). Daarna kan je de plugin weer op dezelfde manier op Enabled zetten. Kom je websites van anderen tegen met Silverlight die dit niet hebben aangepast? Verwijs hen dan eens naar deze artikelen. Zo kunnen we elkaar helpen om de ervaring voor de gebruiker steeds prettiger te maken.

    Showcase – Surface bij Koefnoen

    Een paar maanden geleden is er een pilot opname gemaakt voor het nieuwe seizoen van Koefnoen. In deze pilot wilden de makers van Koefnoen, Paul Groot en Owen Schumacher, kijken of Surface ingezet kon worden. Surface is daarvoor ingebouwd in een presentatiedesk, waarbij de presentator Surface gebruikte om foto’s te selecteren en te vergroten en verkleinen. Hieronder een foto van de pilotopname.

    SNC00047

    In het komende seizoen krijgt het gebruik van Surface vervolg! Kijk vanaf 12 september elke week op zaterdagavond om 21:30 naar Nederland 1 (herhaling elke donderdagavond 23:10 op Nederland 3) en zie hoe Surface als ondersteuning biedt voor Koefnoen. Kijk voor meer informatie over Koefnoen op www.koefnoen.nl.

    Showcase – Microsoft Tag ingezet voor OV-chipkaart in Amsterdam

    Sparked heeft in samenwerking met MINIBar voor een campagne van het GVB Microsoft Tag ingezet. Door het gebruik van visuele tags kunnen reizigers reisinformatie of uitleg over de OV-chipkaart op hun telefoon krijgen. Het wordt ingezet om mensen te informeren en entertainment te bieden. Door per halte een unieke tag te hebben is het mogelijk locatie-speficieke informatie te bieden. Er is nu een pilot gestart die loopt tot september. Dan wordt gekeken of het verder wordt ingezet. Er zijn tags gebruikt die visueel zijn aangepast zodat het GVB logo goed zichtbaar is. Er is in de eerste dagen ook een promotieteam ingezet die reizigers rond het centraal station op de tag attendeert.

    MSTag-GVB-1 MSTag-GVB-2 MSTag-GVB-4

    Verwijzingen naar deze actie voor het GVB zijn te vinden op Emerce, Dutch Cowboys en de Sparked blog.

    MSTag-GVB-0 Microsoft Tag is een oplossing waarbij er een reader op een mobiele telefoon wordt geinstalleerd. Er is ondersteuning voor een hele reeks aan telefoons. De reader is te verkrijgen op http://gettag.mobi. Als daarna de reader wordt opgestart en de camera op een tag wordt gericht wordt de in de tag gedifinieerde actie uitgevoerd. Er wordt dan bijvoorbeeld een webpagina geopend. Microsoft Tag bevindt zich nu nog in de beta-fase, en onderscheidt zich van andere QR-technieken doordat de tags in kleur kunnen zijn. Daarbij is het zelfs mogelijk de tag grafisch vorm te geven, zoals ook voor het GVB is gedaan.

    Informatie over Microsoft Tag is te vinden op www.microsoft.com/tag.

    Silverlight en SEO (Search Engine Optimization)

    image Als je een applicatie met Silverlight gaat maken wil je waarschijnlijk ook dat die applicatie of gegevens gevonden kunnen worden via zoekmachines zoals Bing, Google, enzovoort.

    De user interface van Silverlight wordt standaard gedefinieerd in XAML, wat staat voor eXtensible Application Markup Language, en wat uiteindelijk een XML schema is. In principe kan deze content eenvoudig geindexeerd worden door zoekmachines, maar de XAML extentie wordt niet altijd meegenomen. Daarbij komt dat sinds Silverlight 2 een applicatie wordt ingepakt in een .XAP bestand. Dit is een zip-bestand wat de applicatie-onderdelen bevat.

    Er zijn een aantal eenvoudige technieken om ervoor te zorgen dat de juiste data beschikbaar wordt gesteld die door alle zoekmachines gevonden kunnen worden. Maar het gaat nog verder dan alleen maar gevonden worden. Je wil ook dat iemand door de gevonden link direct bij de juiste content terecht komt in plaats van de standaard ingang van de applicatie, ook wel deep-linking genoemd.

    Er is een demo applicatie die de werking laat zien met Silverlight. Zoek maar eens op http://www.google.com/search?hl=en&q=+Silverlight+Store+Wireless+Keyboard+7000 en klik op de gevonden link. Je komt dan terecht op de productpagina in een Silverlight applicatie. De source van deze applicatie is te vinden op MSDN http://code.msdn.microsoft.com/Release/ProjectReleases.aspx?ProjectName=RiaServices&ReleaseId=2390.

    Een aantal blogposts die op de details ingaan zijn onder andere:

    Showcase – 4-daagse TV met Silverlight

    De 4-daagse is dit jaar weer te volgen met een Silverlight applicatie. Dit jaar zijn de functionaliteiten uitgebreid waardoor er meer beeldmateriaal is. Zo kan je het parcour volgen en natuurlijk de aankomst. Vandaag is het wel een triest beeld … veel regen. De link www.4daagse.tv

    image

    Meer posts Volgende pagina »

    Zoek

    Go

    Dit weblog

    Nieuws

    Selecteren