November 2011 - posts
Snel je favoriete webpagina’s bezoeken? En dat zonder de browser geopend te hebben? Internet Explorer 9 (in combinatie met Windows 7) biedt de mogelijkheid om websites razendsnel te kunnen bereiken via je taakbalk via zogenoemde pinned sites. Door tabbladen te slepen naar de taakbalk, worden deze er automatisch op vastgepind. De functionaliteiten van de website worden zo doorvertaald naar het menu van het icoon in de taakbalk. Als developer kun je er nu voor zorgen dat de bezoekers van jouw website ook van deze functionaliteit gebruik kunnen maken door het toevoegen van een aantal regels html in de sourcecode. De site pinmywebsite.com maakt het implementeren nu nog makkelijker.
Voorbeelden
Eén van de meest praktische voorbeelden van dit principe is Hotmail. Wanneer je het tabblad naar je taakbalk hebt gesleept, kun je met één klik op de muis naar je Agenda, Postvak IN of Contactpersonen navigeren. Daarnaast kun je ook een e-mail verzenden vanuit het taakbalkmenu. Een andere website die het vastpinnen aanbiedt is Buienradar. Via het snelmenu kom je terecht bij de Weersverwachting vandaag en morgen, Weerfoto’s en het actuele weer. Als laatste voorbeeld laat Facebook zien hoe het gebruik van de functionaliteit in Internet Explorer optimaal benut kan worden. Met één klik op de muis ga je naar Nieuws, Berichten, Evenementen of Vrienden. Zo heb je altijd de veelgebruikte URL’s binnen handbereik.
Stappenplan
Wil je zelf een ‘aan de taakbalk vastgepind menu’ samenstellen voor je website? Via de pagina van Pin My Website kun je eenvoudig een lijst maken met favorieten of meest bekeken pagina’s van je domein. Allereerst vul je algemene informatie, zoals de websitenaam en URL, over de te maken snelkoppeling in en selecteer je een .ico-bestand, welke zal verschijnen in je taakbalk.
Daarna maak je een lijst van URL’s in combinatie met een .ico-bestand (het favicon), om als ‘taken’ in het menu te laten zien. Het maximum hierbij is vijf items. Wanneer deze stap voltooid is kun je er vervolgens voor kiezen om ook dynamische items mee te nemen in het menu. Dit doe je door een RSS-feed als URL in te voeren. Bovendien kun je aanvinken of het icoon in je taakbalk nieuwe items via een badge met getal laat zien.
Als laatste kun je een notificatiebalk aan de bovenkant van je website toevoegen om extra nadruk te leggen op de mogelijkheid dat je de website kunt vastpinnen aan de taakbalk.
Als uitvoer van dit stappenplan genereert de pagina een script welke je in de HTML-code moet plakken zodat je bezoekers de website aan de taakbalk vast kunnen maken.
Zelf aan de slag
Meer informatie over het principe van vastgepinde websites is te lezen op de Beauty of the Web-website. Een demo van het vastpinnen van websites op je taakbalk is hier te vinden. Wil je meteen aan de slag gaan, dan moet je bij Pin My Website zijn om je eigen code te creëren.
Sinds de developer preview van Windows 8 uit is, kunnen ontwikkelaars aan de slag met het ontwikkelen van applicaties voor de nieuwe versie van Windows. Hiervoor waren al verschillende tools voor handen, maar nu zijn er ook hands-on labs beschikbaar. Dit zijn pakketten met instructies waarmee je de verschillende aspecten van het ontwikkelen van applicaties op Windows 8 leert kennen. Op de Hands-On Labs pagina van BuildWindows.com zijn deze pakketten te vinden.
Er worden veel verschillende onderwerpen behandeld op BuildWindows.com, enkele voorbeelden hiervan zijn onderstaand vermeld.
Het bouwen van je eerste Metro Style app met behulp van JavaScript
In dit lab leer je kennis maken met de basics van de Microsoft Visual Studio 11 Express Edition voor de Windows Developer Preview. Je gaat hierbij een simpele Metro Style app ontwikkelen met behulp van JavaScript.
Het integreren van je Metro Style apps in de Windows 8 Shell met behulp van JavaScript
In dit lab begin je met een app die via Flickr naar foto’s zoekt en deze in een lijst plaatst. Op het moment dat je op een foto klikt, zie je details en een kaart met de positie waar de foto is genomen. Je zal leren hoe je zoeksuggesties kan leveren aan de Windows 8 search charm. Deze integratie laat zien hoe de beleving van apps wordt verplaatst, waardoor apps als een echt deel van Windows aan gaan voelen.
De basis van fotobewerking met Direct2D-effecten
Dit lab demonstreert hoe je verschillende bewerkingen op foto’s kunt uitvoeren door middel van Direct2D Image Effects. Er wordt uitgelegd hoe je afbeeldingen in kan laden en tekenen, hoe je standaardeffecten toepast en hoe je zelfgemaakte effecten kan gebruiken om de functionaliteit van de API uit te breiden. Daarnaast zal wordt toegelicht hoe input zoals touch gebruikt kan worden om afbeeldingen te manipuleren.
Meer labs en informatie
Naast de genoemde labs in dit artikel zijn er nog vele andere labs beschikbaar, welke te vinden zijn op de Hands-On Labs pagina van BuildWindows.com. Daarnaast kan je voor meer informatie over ontwikkeling op Windows 8 de Windows Developer Center bezoeken.
Tijdens MIX 11, in april van dit jaar, is Expression Blend 4 geïntroduceerd. Ondertussen is de update in de vorm van Service Pack 1 ook beschikbaar als download. Sinds 19 september j.l. is de Silverlight 5 Release Candidate te downloaden, maar tot nu toe waren alleen de runtime en de tools voor Visual Studio beschikbaar. Met de komst van Expression Blend voor Silverlight 5 Preview is ook de Blend ondersteuning een feit.
Standaard in Expression Blend 4
De Expression Blend Preview for Silverlight 5 is te draaien naast de reguliere Expression Blend 4 installatie. Dit is praktisch, gezien het feit dat met de preview alleen ondersteuning biedt voor Silverlight 5 projecten. Naast normale Silverlight projecten, is het ook mogelijk om Silverlight 5 SketchFlow projecten op te zetten.
Nieuw in Silverlight 5
Omdat ontwikkelen in Silverlight 5 nu voor een groot publiek mogelijk is, hieronder een kort overzicht van enkele nieuwe features die nu toe te passen zijn:
Implicit Data Templates maken het mogelijk om een voorgedefinieerde layout als een template te koppelen aan een data type, dit kan dus ook een eigen klasse zijn. Een toepassing zou kunnen zijn het weergeven van een uitgebreide Twitter timeline waarin álle events die in de API voorkomen hun eigen visuele style hebben.
Met Silverlight 5 is het nu mogelijk om meerdere muiskliks te registreren. Hierbij gaat Silverlight 5 voorbij aan de traditionele enkele- of dubbelklik. Driedubbel klikken? Vijf keer klikken? Stel het aantal zelf in met de ClickCount eigenschap.
Het reeds bestaande MediaElement is erg krachtig, maar niet erg geschikt voor real-time geluidseffecten. Voorheen liepen deze in applicaties achter op events als kliks door de gebruiker. Om dit probleem op te lossen zijn de classes SoundEffect en SoundEffectInstance in het leven geroepen.
Silverlight 5 Native Operating System vensters maken het mogelijk om buiten het canvas van je applicatie te werken en zelfs te communiceren met je besturingssysteem. Bestandsbeheer is vanaf nu mogelijk.
Uiteraard zijn naast deze voorbeelden veel meer features. Deze worden allemaal uitgebreid besproken op de Silverlight website.
Visual Studio in de nabije toekomst
Visual Studio wordt over het algemeen gezien als de belangrijkste ontwikkelingstool voor .NET en daarbij ook Silverlight. Ondanks dat groeit Expression Blend uit tot meer dan slechts een design package. Veel taken die in Visual Studio nog erg arbeidsintensief waren, zijn nu vereenvoudigd te doen in Expression Blend. Met de introductie van Windows 8 zal Expression Blend de belangrijkste design tool voor applicatie ontwikkeling op basis van XAML. Blend zal hierbij fungeren als ‘vertaler’ voor XAML naar andere markup talen, zoals bijvoorbeeld HTML 5.
HTML5 kent vele nieuwe functionaliteiten die de weg vrijmaken voor een onbegrensd en toegankelijk wereldwijd web. Een functionaliteit die daar zeker aan bijdraagt is de ondertiteling voor video’s die door HTML5 ondersteund wordt. De ondertiteling hoeft dus in het vervolg niet meer hardcoded in de video te zitten, maar kan als een laag over de video worden gelegd. Hieronder wordt uiteengezet hoe je video-ondertiteling kunt toepassen in HTML5.
Met behulp van het HTML5 track element kun je een extra bestand toevoegen aan de HTML5 video-tag, welke de dialogen of de acties in de video omschrijven. Een voorbeeld van de code die hierdoor ontstaat:
<video>
<source type="video/mp4" src="video_file" >
<track src="captions_file" label="English captions" kind="captions" srclang="en-us" default >
<track src="descriptions_file" label="English description" kind="descriptions" srclang="en-us" >
</video>
Als eerste wordt de mp4-video aangeroepen, daaronder wordt naar de ondertiteling gelinkt. Optioneel is de laatste verwijzing, deze linkt naar een bestand waarin de acties in de video worden omschreven. De extensies van deze bestanden kunnen variëren, voorbeelden zijn een .xml-bestand of een .srt-bestand.
Prototype
Video-ondertiteling wordt ondersteund door Internet Explorer 10 in de Windows Developer Preview, maar laadt nog niet de ondertiteling in en geeft deze dus ook nog niet weer. Om toch een idee te krijgen van de mogelijkheden van video-ondertiteling, hebben het Internet Explorer- en het TwC Accessibility-team de krachten gebundeld en een prototype gebouwd. Deze applicatie kan zowel de ondertiteling als de beschrijving weergeven in de video én als code ernaast. Daarnaast ondersteunt het prototype zowel TTML-1.0 als WebVTT als ondertitelingstaal. WebVVT ontstond vorig jaar tijdens een W3C-discussie toen er behoefte was aan een simpele ondertitelingstaal. TTML is al een gevestigde standaard op het gebied van video-ondertiteling en wordt ondersteund in Adobe Flash en Microsoft Silverlight.
Veelbelovend
Al met al biedt het HTML5 track element de developer vele mogelijkheden om het web rijker en eenvoudiger te maken voor de gebruiker. Door de verschillende bestanden die aan het video-element gehangen kunnen worden, worden webvideo’s onder meer toegankelijker voor blinden en slechtzienden. Ondanks dat de HTML5 video-ondertiteling op dit moment nog niet volledig ondersteund wordt in browsers, klinkt het voor de toekomst veelbelovend. Tot die tijd moeten we het doen met het prototype.
Nu dat de Mango update voor Windows Phone 7 wereldwijd wordt uitgerold, zijn ook de eerste officiële toestellen in de Nederlandse telecomwinkels te vinden. Het gaat om toestellen van onder andere leveranciers HTC en Nokia. In de meeste gevallen is de Mango update al geïnstalleerd bij aanschaf en wordt er dus direct gebruik gemaakt van de talloze nieuwe features die Mango biedt. Maar niet alleen voor de consument is de Windows Phone interessant, want ook aan de mobile app ontwikkelaar heeft Microsoft gedacht. Met behulp van de gratis ontwikkeltools ontwikkel je snel geavanceerde applicaties in het strakke metro-design van de Windows Phone. Na ontwikkeling plaats je je applicatie in de Marketplace zodat deze, al dan niet tegen betaling, voor alle Windows Phone 7 gebruikers beschikbaar is.
Speciaal voor iedereen die wil starten met het ontwikkelen van applicaties voor de Windows Phone wordt op 29 November, op de High Tech Campus in Eindhoven, het Windows Phone App Event georganiseerd. Op deze dag ontdek je bijvoorbeeld hoe je van start gaat met het bouwen van je applicatie. Maar je ziet ook hoe je de Marketplace kan inzetten om geld te verdienen met je zelf gebouwde app. Daarnaast wordt er dieper ingegaan hoe je de nieuwste Mango features volledig kan benutten bij het ontwikkelen van je applicatie.
Uiteraard zijn ook developers die al ervaring hebben met andere platformen, zoals iPhone en Android, welkom om te kijken of ze hun kennis wellicht kunnen uitbreiden naar Microsoft´s nieuwe mobiele operating system. Zelfs wanneer je momenteel web of desktop applicaties ontwikkelt, kan dit event je interessante inzichten geven.
Benieuwd geworden? Schrijf je dan in!