Web

Windows Azure Toolkit voor Windows 8

Tue, 27 Mar 2012 00:00:00 GMT

Met de Windows Azure Toolkit voor Windows 8 zorg je eenvoudig dat je Metro Style applicatie gebruik kan maken van de kracht van Windows Azure. Windows Azure is een open en flexibel cloudplatform, dat je in staat stelt om snel applicaties te bouwen, te verspreiden en te beheren. Zo’n Azure applicatie kan ook dienen als het online gedeelte van een Windows 8 Metro Style app. Denk bijvoorbeeld aan het opslaan en aanbieden van data die door users binnen de app is aangemaakt. De Windows Azure Toolkit helpt om de koppeling tussen app en Azure zo eenvoudig mogelijk te maken.

Recentelijk is er een nieuwe mijlpaal behaald voor Windows 8: de Consumer Preview, welke ondertussen al door vele enthousiastelingen en ontwikkelaars is gedownload. Ook de Windows Store is sinds de Consumer Preview geopend en te bekijken. Voor ontwikkelaars is dit daarom hét moment om te starten met de ontwikkeling van Metro Style applicaties.

Met de Windows Azure Toolkit is het onder andere mogelijk om Windows Azure in te zetten om te communiceren met Windows Push Notification Services. Hiermee is het mogelijk om zogenaamde “Toasts”, “Tiles” en “Badges” te versturen naar een Windows 8 Metro Style applicatie. Jerry Nixon, developer bij Microsoft, legt op zijn blog het hoe-en-waarom uit, wat betreft push notificaties in combinatie met Azure. En hoe je dit binnen tien minuten op kan zetten, is in deze demonstratievideo van MSDN Channel 9 te zien.

Daarnaast bevat de Windows Azure Toolkit voor Windows 8 het volgende:

Geautomatiseerde installatie: hiermee worden de toolkit en al haar afhankelijkheden direct geïnstalleerd.
Project Templates: zoals de Windows 8 Metro Style app project templates in XAML/C# en HTML5/JavaScript en een C# Windows Azure Project voor Visual Studio 2010.
NuGet Packages: voor pushnotificaties en ACS (Access Control Service) scenarios. Van deze packages is de volledige broncode te vinden in de map “Libraries” van de toolkit.
Samples: deze demonstreren de manieren waarop Metro Style apps de Azure-based ACS en Push Notifications kunnen gebruiken
Documentatie: uitgebreide documentatie met uitleg over de installatie, het aanmaken van een project, voorbeelden en deployment naar Windows Azure.

Aan de slag
Download snel de Windows Azure Toolkit voor Windows 8 en ontdek de mogelijkheden! Om een vliegende start te maken kan je gebruik maken van de video’s, samples en uitleg die worden aangeboden op de projectpagina van de Windows Azure Toolkit.

Leer ontwikkelen en ontwerpen van Metro Style Apps tijdens het Windows 8 Camp

Fri, 23 Mar 2012 00:00:00 GMT

Op 12 en 13 april aanstaande organiseert Microsoft het Windows 8 Developer en User Experience Design Camp. Tijdens dit informele evenement krijg je alles te weten over het ontwerpen en ontwikkelen voor Windows 8 en dan in het bijzonder op het gebied van Metro Style apps. Het programma van dag één zal bestaan uit meerdere interessante presentaties. De volgende dag kan de opgedane kennis in praktijk gebracht worden tijdens diverse hands-on lab sessies. De eerste dag kan gratis bijgewoond worden, voor de hands-on dag wordt een kleine vergoeding gevraagd (99 euro excl. btw).

Developer Camp
Tijdens de presentaties van dag één zal voor het Developer Camp dieper ingegaan worden op wat er precies bedoeld wordt met Metro Style. Ook kom je te weten hoe je kunt zorgen dat de Windows 8 apps die je ontwikkelt zich straks zullen onderscheiden van alle andere apps in de Windows Store. Daarnaast komen de verschillende aspecten van het Windows 8 platform aan bod en hoe dit platform het eenvoudig maakt om apps te ontwikkelen. En tot slot, ook niet onbelangrijk, leer je hoe je de Windows Store in kan zetten om geld te verdienen met je apps.

User Experience Design Camp
Het User Experience Design Camp begint de eerste dag met presentaties over de basisprincipes van een Windows 8 App en de Metro Style Information Architecture. Daarnaast wordt er dieper ingegaan op het Metro Style Design. Tijdens deze sessie komen onderwerpen als branding, gebruikerservaring, inhoud, topografie, style-sheets en opmaak aan de orde. Omdat Windows 8 Metro Style apps op tablets straks veelal door middel van touch bediend zullen worden, maar daarnaast ook gewoon met toetsenbord en muis overweg moeten kunnen, wordt er ook een sessie gewijd aan User Experience Design voor Touch, muis en toetsenbord.

Hands-on labs
Tijdens dag twee kunnen verschillende hands-on labs gevolgd worden. Dit kan onder begeleiding van experts van Microsoft en de community. Ook is het mogelijk om aan je eigen applicatie te werken.

De hands-on labs bevatten onder andere de volgende onderdelen:
ListViews en data binding
Orientation, Snapping, en Sematic Zoom
Lifecycle Management
Settings & Preferences
Media Capture
Push notificaties
Integratie met de Store
Het schrijven van Hybrid HTML & C++ Apps

De voorbereiding

Wil je erbij zijn? Schrijf je dan snel in voor het Windows 8 Camp, want het aantal plaatsen is beperkt. Zorg daarna dat je voor de hands-on dag een laptop of tablet hebt geïnstalleerd met de Windows 8 Consumer Preview. Mocht je de installatie nog moeten doen, houd er dan rekening mee dat je minimaal 30 GB aan schijfruimte beschikbaar hebt. Installeer ook alvast Visual Studio 2011 Beta en download de Windows 8 SDK Samples zodat je er helemaal klaar voor bent!

Web Camp 2012: hands-on event voor en door ontwikkelaars

Thu, 22 Mar 2012 00:00:00 GMT

Op woensdag 11 april 2012 zal Web Camp weer plaatsvinden. Tijdens dit gratis event in De Fabrique te Utrecht leer je van deskundigen en ga je via de Hands-on Labs direct aan de slag met de nieuwste webtechnologieën. Op deze Web Camp leer je onder meer hoe je mooie, interactieve en schaalbare websites kunt ontwikkelen met behulp van de webtools en het platform van Microsoft, waaronder ASP.net, MVC3, Razor, HTML5, CSS3, JavaScript, WebMatrix en Visual Studio 2010 Web Express.

Programma
Op de dag zelf zullen Krist van der Mast (Ordina) en Marcel Nieuwpoort (Microsoft) het spits afbijten met de keynote 'Building great websites using Microsoft’s latest tools'. In de middag zijn er verschillende Hands-on Labs waarin deskundigen je verschillende technieken en kennis kunnen bijbrengen. Zo is er een Hands-on Lab over hoe je websites kunt bouwen, zodat deze ook toegankelijk is voor bezoekers met een mogelijke visuele of motorische beperking. Dit Lab wordt gegeven door Jeroen Hulscher, toegankelijkheidsevangelist bij Microsoft.

Hands-on Labs

De verschillende Hands-on Labs staan hieronder vermeld. Wanneer je je inschrijft, kun je kiezen aan welke twee Hands-on Labs je deel wilt nemen.

Hands-on Lab 1: Toegankelijkheid
Jeroen Hulscher, Microsoft
Leer je website toegankelijk bouwen zodat je de 4 miljoen mensen in Nederland met een functiebeperking ook bereikt.

Hands-on Lab 2: HTML5 & IE9
Marcel Nieuwpoort, Microsoft
Maak je website pinnable, om extra traffic te genereren en de gebruikers ervaring te verbeteren. Ook komen HTML5 features aan de orde.

Hands-on Lab 3: Aan de slag met ASP.NET
Kris van der Mast, Ordina
In deze sessie gaan we aan de slag met de Hands-On lab ASP.NET. Leer van elkaar en deel je ervaring bij het bouwen van websites en applicaties.

Hands-on Lab 4: Websites bouwen met WebMatrix
WebMatrix is alles dat je nodig hebt om websites te bouwen op het Windows platform. Ga aan de slag met WebMatrix.

Inschrijven en training kit

Wil je je inschrijven voor Web Camp? Doe dat dan hier. Deelname is gratis. Vergeet niet om vooraf de Web Camp Training Kit te downloaden en te installeren. Kijk hier voor meer informatie over Web Camps.

Windows 8 Consumer Preview nu beschikbaar

Wed, 07 Mar 2012 00:00:00 GMT

Vorige week werd op het Mobile World Congress in Barcelona de Windows 8 Consumer Preview aangekondigd door Microsoft. Naast de al bestaande nieuwe features, zoals touch en de nieuwe Metro style, ligt bij deze nieuwe vooruitblik op Windows 8 de nadruk vooral op contacten en apps. Het verschil met de Developer Preview is dat er een hele hoop veranderingen en verbeteringen zijn doorgevoerd naar aanleiding van wijdverbreide feedback om zo Windows 8 nog beter te maken.

Enorme stappen
Sinds de Developer Preview, die uitkwam in september 2011, zijn er enorme stappen gemaakt en is Windows 8 op elk vlak verbeterd. Onder meer het verbeteren van de gebruikerservaring voor touch, toetsenbord en muis, het verfijnen van het ontwikkelplatform en het finetunen van de kwaliteit en betrouwbaarheid in alle subsystemeen en nieuwe functies zorgen ervoor dat de Consumer Preview een totaalbeeld geeft van de mogelijkheden van Windows 8.

Apps in de Windows Store

In de Consumer Preview (video demo) is voor het eerst plek ingeruimd voor de Windows Store met een 'app preview' (testversie) van nieuwe apps. De Store is geopend om de apps te kunnen testen op het nieuwe besturingssysteem. Een grote verscheidenheid aan apps is op dit moment al beschikbaar om uit te proberen, zonder dat er kosten aan verbonden zijn. De applicaties zullen worden voorzien van updates via de Windows Store.

Het zelf maken van Metro style apps wordt ook gestimuleerd, doordat de apps in verschillende talen geprogrammeerd kunnen worden. Met behulp van Microsoft Visual Studio 11 Express Beta maak je Metro style apps in HTML5, JavaScript, C++, C# of Visual Basic en kun je ze tevens testen in meerdere omgevingen.

Verbinden met de cloud

Windows 8 heeft een naadloze integratie met de content via web services. Wanneer je met een Microsoft-account inlogt, is er de mogelijkheid om alle instellingen over te hevelen tussen verschillende apparaten. Daarnaast kan er dan gebruik worden gemaakt van cloud storage en het communiceren via je e-mail, agenda en contacten. Deze verbinding met de cloud was al te zien bij de Windows Phone, maar wordt dus nog verder geïntegreerd in Windows 8.

Internet Explorer 10

De nieuwe preview van Windows 8 brengt ook een nieuwe Platform Preview van Internet Explorer 10 met zich mee. Internet Explorer 10 Platform Preview 5 ondersteunt HTML5 beter dan zijn voorgangers en ook de prestaties zijn beter. Nieuwe CSS3 en HTML5 mogelijkheden zijn onder andere async, drag and drop, file api, sandbox en CSS3 gradients. Een complete lijst met alle nieuwe en verbeterde features voor IE10 is hier te vinden.

Zelf aan de slag

Wil je zelf aan de slag met de Windows 8 Consumer Preview? Download dan de Windows 8 Preview als setup-bestand of als ISO-bestand. Starten met het ontwikkelen van Windows 8 apps? Download dan hier de tools. Benieuwd naar de laatste ontwikkelingen met betrekking tot het ontwikkelen van Windows 8? Volg de Building Windows 8 blog.

Zelf aan de slag met HTML5

Wed, 29 Feb 2012 00:00:00 GMT

HTML5 begint meer en meer gemeengoed te worden. Het World Wide Web Consortium is er weliswaar sinds 2007 mee bezig, maar met name het afgelopen jaar heeft het gebruik ervan een vogelvlucht genomen. Webbrowsers als Internet Explorer 9 (dat deze maand overigens zijn eerste verjaardag viert) hebben grote delen van de specificatie al geïmplementeerd en ook onder de webdesigners en -developers blijft het gebruik ervan niet beperkt tot de early adaptors.

Ben je zelf als developer nog onbekend met HTML5, dan is er geen reden tot paniek. Veel developers zitten momenteel in de overgangsfase van HTML4 en XHTML1 naar HTML5 en het Internet Explorer Developer Center speelt hier op in. Op deze pagina is een kenniscentrum ingericht voor alles wat met HTML5 te maken heeft.

Maak je site klaar voor HTML5
Voor zowel het bouwen van nieuwe als het onderhouden van een bestaande website zijn er relatief weinig extra werkzaamheden nodig om de stap naar HTML5 te maken. In eenvoudige en direct toepasbare stappen worden de belangrijkste punten hiervoor uiteengezet. Denk hierbij aan het updaten van je doctype, het gebruik van Compat Inspector voor het snel fixen van veelvoorkomende Internet Explorer problemen, toepassing van functionaliteit op basis van functiedetectie in plaats van browserdetectie, en het toepassen van de nieuwe technieken in combinatie met een effectieve fallback methode voor oudere browsers.

Stap-voor-stap tutorials
Daarnaast zijn er handige tutorials verzameld waarin nieuwe technieken en de directe toepassing hiervan worden uitgelegd. Deze tutorials zijn verdeeld over de vier thema’s: Geolocation, Graphics, Media en Offline & Storage. Aan de hand van werkende praktijkvoorbeelden, best practices en how-to’s raak je helemaal up-to-date met de laatste standaarden.

Laat je inspireren
Om de kracht van HTML5 zichtbaar te maken is er ook een showcase van prachtige websites op basis van HTML5 te zien. Speel Pacman in je browser, met doolhoven gebouwd met HTML5 Canvas, lees het Tron stripverhaal met graphics op basis van SVG of bekijk de toepassing van zowel HTML5 en CSS3 op de state-of-art website van The Killers.

Nieuwsgierig geworden?
Wil je HTML5 ook aanleren of je bestaande kennis ervan uitbreiden? Dan is het Internet Explorer Developer Center een aanrader. Klik hier en maak je klaar voor de toekomst van webdevelopment!

Ontwikkeling van Social Games voor Windows Azure

Fri, 24 Feb 2012 00:00:00 GMT

Omdat systemen die draaien op Windows Azure erg eenvoudig te schalen zijn, is Azure ook een zeer geschikt platform voor online game ontwikkelaars. In het geval dat het bezoekersaantal plotseling fors toeneemt, is hier eenvoudig op te anticiperen. Het ontwikkelen van games waarin spelers realtime met elkaar in verbinding staan brengt echter verschillende uitdagingen met zich mee. Zo moet er bijvoorbeeld gedacht worden aan hoe spelers zich kunnen authentiseren en hoe gebruikersprofielen en scores bijgehouden worden. De Windows Azure Toolkit for Social Games helpt je hierbij.

De voornaamste inhoud van de Toolkit for Socials Games zijn de werkende codevoorbeelden. Zo zijn ‘boter, kaas en eieren’ en ‘vier op een rij’ geheel als voorbeeld uitgewerkt. Dit betekent dat de code voor de server- en de clientside beide beschikbaar is en je de functionaliteit lokaal kan testen. Functionaliteit die overigens lang niet alleen voor games handig is maar ook bij de ontwikkeling van tal van andere interactieve applicaties van pas kan komen.

Het lokaal testen van de voorbeelden is erg eenvoudig: na het downloaden van de self-extracting package (of het binnenhalen van de source vanaf de Github repository), is het een kwestie van het setup.exe bestand uitvoeren. Hierna wordt er op een aantal afhankelijkheden getest. Mocht je nog pakketten missen, dan worden deze direct geïnstalleerd door middel van de Web Platform Installer.

In de volgende stap wordt een configuratiebestand ingeladen. Je kunt er voor zorgen dat dit bestand de gegevens bevat voor je Azure omgeving, maar standaard staan de instellingen goed om lokale tests te runnen. Als laatste worden automatisch de benodigde databases aangemaakt. Na het open en uitvoeren van de SocialGames solution in Visual Studio wordt de homepage in de browser getoond. Hierbinnen is het mogelijk om de twee games te spelen of om informatie op te vragen over spelende vrienden, uitslagen of je eigen profiel.

In de voorbeelden zijn twee vormen van authenticatie uitgewerkt, namelijk via je Windows Live ID of Facebook. Ander interessante features die je tegen komt bij het testen van de toolkit zijn het ontvangen van notificaties en het uitnodigen van vrienden door middel van persoonlijke URL.

Zelf aan de slag
Nadat je de games lokaal heb kunnen testen en wellicht hier en daar naar wens hebt kunnen aanpassen, is het natuurlijk tijd om de oplossing naar de cloud te verplaatsen. In de uitgebreide deployment handleiding worden de stappen hiervoor duidelijk weergegeven. Hieruit blijkt dat het grootste gedeelte automatisch gaat door het setup script nogmaals uit te voeren, maar nu met een configuratiebestand dat de gegevens van het Azure account bevat.

Mocht je naast het ontwikkelen van je eigen game ook geïnteresseerd zijn in verbeteren van de Windows Azure Toolkit for Social Games, dan is het mogelijk om jouw bijdrage te leveren via Github. Lees hier meer over in de post die is gewijd aan de release van de Toolkit for Social Games.

Building Windows 8: Voor al je Windows 8 nieuws

Thu, 16 Feb 2012 00:00:00 GMT

Tijdens Build kondigde Microsoft haar nieuwe besturingssysteem aan: Windows 8. Vanaf dat moment konden ontwikkelaars de Developer Preview van dit nieuwe OS alvast uitproberen. De Developer Preview was vooral bedoeld om softwareontwikkelaars een beeld te geven van wat zij kunnen verwachten van Windows 8. Daarnaast bood deze eerste testversie de mogelijkheid om alvast de eerste Windows 8 Metro Style Apps te ontwikkelen, met behulp van de meegeleverde development tools.

Ondertussen heeft de bouw aan dit nieuwe besturingssysteem echter niet stil gelegen, met een nieuwe mijlpaal als gevolg: 29 februari zal namelijk de Consumer Preview van Windows 8 gelanceerd worden. Dit zal gebeuren tijdens het Mobile World Congress dat plaats vindt in Barcelona. De Consumer Preview wordt de eerste versie van Windows 8 die door het grote publiek te testen is.

Dat de ontwikkelingen van Windows 8 de afgelopen maanden in volle gang zijn geweest, was al langer te volgen op de blog “Building Windows 8”. Dit is de blog van het Windows 8 engineering team waar zij met enige regelmaat hun bevindingen bij het ontwikkelen en testen van Windows 8 met de buitenwereld delen. Deze bevindingen gaan van het optimaliseren van de user experience tot het testen van hardware. Zo is het interessant om te zien welke keuzes er zijn gemaakt bij het ontwikkelen van de user interface voor het beheren van mobiele connecties, zoals 3G. Onverwachte kosten worden bijvoorbeeld voorkomen door het datagebruik eenvoudig inzichtelijk te maken.

De artikelen op Building Windows 8 gaan diep in op de zaken en geven echt een kijk in de keuken van de Windows 8 engineers. In verschillende video’s demonstreren zij persoonlijk de meest interessante features. Zo hoort deze video bij het recente artikel over Windows 8 met support voor ARM processoren. Deze Windows on ARM (WOA) versie van Windows 8 zal bestaan naast de bekende x86/64 versie, maar is speciaal bedoeld voor mobiele apparaten zoals tablets. Uit het artikel blijkt dat WOA weliswaar geoptimaliseerd is voor de ARM processor architectuur, maar dat de functionaliteit nauwelijks verschilt met de versie voor x86/64 processoren. Daarnaast zijn Metro Style Apps voor WOA gewoon te ontwikkelen in C, C++, C#, VB of JavaScript en zullen ze op de normale wijze via de Windows Store verspreid worden.

Voeg Building Windows 8 dus toe aan je RSS reader en blijf op de hoogte van de laatste Windows 8 ontwikkelingen!

Framerate Fest 2012

Thu, 16 Feb 2012 00:00:00 GMT

Framerate Fest 2012 is van start! Hét evenement waarbij developers worden uitgedaagd om hun eigen frame te bouwen in HTML5. De winnaar van deze wedstrijd kan naast zijn prijs rekenen op veel publieke aandacht. Door middel van het Framerate Fest wordt tevens de hardwareversnelling van Internet Explorer 9 getoond. Dankzij deze hardwareversnelling krijgen developers de kans om de grenzen van HTML5 te verleggen.

Dit jaar is er een extra uitdaging: bouw een klein, maar interessant spelelement in je frame. Het gaat dit jaar dus niet alleen om de mooie effecten, maar ook om de originaliteit en de uitvoering van jouw mini-game. Daarnaast heeft Framerate Fest 2012 dit jaar de primeur om jou als developer kennis te laten maken met Kinect in combinatie met HTML5. Laat je bezoekers, door het gebruik deze techniek, op een geheel nieuwe manier met je frame interacteren.

Drie levels
Dit jaar is er een extra ronde aan de wedstrijd toegevoegd, het totaal bestaat nu uit drie “levels”. Tussen 15 februari en 23 maart vindt het eerste level plaats. Dit is het moment voor developers om zich, eventueel met een mededeveloper, te registreren om een frame te mogen bouwen. Is je frame gereed? Upload hem dan en ontvang zoveel mogelijk Twitter en Facebook stemmen. Iedere share, tweet en retweet is een stem op je frame. Tevens kan er gestemd worden op de website van Framerate Fest.

Het tweede level vindt plaats tussen 29 maart en 26 april. Wanneer jouw frame is verkozen tot winnaar in level 1, kan je een teamcaptain kiezen. Hij zal zijn ideale team samenstellen om een superframe te maken uit jouw frame. Jij zal uiteraard ook deelnemen in dit team. Iedere teamcaptain leidt twee teams. Ieder team heeft drie weken om een superframe te maken. Op deze frames zal vervolgens weer online gestemd worden en deze stemmen tellen mee voor de eindscore.

Het laatste level zal begin mei plaatsvinden. Dit is het grote moment: de superframes van zes teams worden tentoongesteld en de bijbehorende teams zullen hun werk presenteren. Op dat moment wordt ook de technologie, om een connectie te maken tussen Internet Explorer 9 en de Kinect, ingezet om de spellen te testen. Iedereen – deelnemers, Microsoft medewerkers, bloggers en de pers – zullen live hun stem uitbrengen op de superframes. Deze stemmen zullen in combinatie met de online votes de winnaar van het Framerate Fest 2012 bepalen. De winnaar zal op het event bekend gemaakt worden door Gamekings-presentator Boris van de Ven.

Wat valt er te winnen?
Wanneer je Framerate Fest wint, ben je officieel de eerste die een HTML5 game in Internet Explorer 9 in combinatie met Kinect-technologie heeft ontwikkeld. Daarnaast levert het winnen veel publiciteit op en is de opgedane kennis goed toepasbaar voor toekomstige projecten. Tijdens het event ontmoet je veel interessante mensen en bedrijven om aan je netwerk toe te voegen. En last but not least, je wint een Xbox 360 met Kinect!

Voel je de uitdaging? Ga dan snel naar de website van Framerate Fest 2012 en schrijf je in!

Cut the Rope: Van smartphone naar IE9!

Fri, 10 Feb 2012 00:00:00 GMT

Gamedevelopment specifiek voor smartphones is nog een relatief jong ambacht, maar toch zijn er al enkele ‘klassiekers’ op te noemen. Angry Birds, Doodle Jump en Plants vs. Zombies zijn een paar bekende namen, maar Cut the Rope hoort ook zeker in dit rijtje thuis. De app is intussen al meer dan 60 miljoen keer gedownload en daarmee één van de meest succesvolle games voor de smartphone.

Om de game voor een groter publiek toegankelijk te maken, is het Microsoft Internet Explorer-team een samenwerking aangegaan met ZeptoLab, de makers van de game, en de HTML5-specialisten van Pixel Lab. Doel was om de game om te zetten naar een HTML5-versie, zodat iedereen met de laatste versie van Internet Explorer het kan spelen. Daarnaast is het een prachtige showcase voor alles wat HTML5 te bieden heeft: canvas-rendered graphics, browsergebaseerde audio en video, CSS3 styling en embedding van WOFF-fonts.

Van Objective-C naar JavaScript
Omdat de originele game een iOS app is, is deze geschreven in Objective-C. Om de overstap naar de webbrowser te maken, is de game omgezet naar JavaScript. Dat de game erg complex is, blijkt wel uit het aantal regels code: maar liefst 15.000 (exclusief libraries!). Dit zit hem vooral in de physics, animatie en de engine om de vectoren te tekenen. Om de unieke physics, bewegingen en het algehele gevoel van de game te houden, is besloten om de IE-versie als ‘port’ te benaderen, in plaats van een complete herschrijving.

In het verleden stond JavaScript bekend als een trage programmeertaal. Dit was vroeger inderdaad het geval, maar tegenwoordig zijn de JavaScript-engines sterk geoptimaliseerd. Mede door features als just-in-time compilatie kan JavaScript op bijna de native snelheid worden uitgevoerd. Dit is nodig om de soepele game-ervaring van het origineel te behouden.

Naast het porten van de code is ook het omzetten van de grafische engine een belangrijk aandachtspunt geweest. Origineel is gebruik gebmaakt van de OpenGL graphics code, voor HTML5 moet uiteraard de Canvas API worden gebruikt. Canvas lijkt te zijn gemaakt voor dit soort toepassingen, het is een uitermate lichtgewicht en snel renderplatform. Met name in browsers waarbij de API gebruik maakt van hardwareversnelling (zoals Internet Explorer 9) is dit een groot voordeel.

Op sommige gebieden biedt de Canvas API zelfs méér functionaliteit dan OpenGL in het origineel. Een voorbeeld daarvan is het anti-alias tekenen van de touwtjes. Om dit in OpenGL te bereiken is een touwtje opgebouwd uit meerdere kleine driehoekjes (polygonen), die aan elkaar gekoppeld zijn. De randen van de cirkels faden naar buiten toe naar volledige transparantie, zodat ze er uitgezoomd vloeiend uitzien. Erg omslachtig, en het gebruik van de line-functie in de Canvas API maakt dit in één handeling overbodig. De canvas anti-aliast het geheel en klaar is kees!

Tools
Pixel Labs was verantwoordelijk voor de code die deze game laat werken. Deze is grotendeels geschreven in Visual Web Developer 2010. Denis Morozov, director development bij Pixel Labs, is erg te spreken over de stabiliteit van deze editor, en geeft aan dat met name de auto-aanvulling voor JavaScript en CSS grote timesavers zijn geweest. Citaat? Het testen werd gedaan in Internet Explorer 9 op Windows 7. Soms werd ook getest in andere (webkit-gebaseerde) browsers, maar alle grote browsers zijn erg consistent in hun HTML5-implementatie. Hierdoor was vrijwel alles wat was getest voor IE9 ook ‘gewoon’ operationeel in andere browsers.

Let’s play!
Nieuwsgierig geworden naar de game? Deze is gratis te spelen op www.cuttherope.ie. Have fun!

Kom naar GeekNight en laat de geek in jou los!

Wed, 08 Feb 2012 00:00:00 GMT

Het leukste gratis tech-event van het van het jaar komt eraan! Zet 16 februari alvast maar in je agenda, want dan is het GeekNight tijdens de Techdays event en dat mag je natuurlijk niet missen! GeekNight is de ‘place to be’ voor slimmeriken als jij, waar je kunt leren én proberen. Met meer dan 20 korte sessies over o.a. HTML5, flitsende Windows demo’s en alles wat programmeren zo leuk maakt! Nieuwe gadgets zijn er ook volop, zoals de Nokia Lumia, nieuwe spellen met de Xbox Kinect en ook krijg je een kijkje in het heelal met World Wide Telescope & Kinect. Laat je verrassen door de wereld van robotics aangestuurd door software.

Een bijzonder onderdeel van GeekNight is de Appathon. Wil jij strijden om de titel ‘maker van de beste mobile app in 1 dag’? Wil je jouw skills vergelijken met Android, iOS en Windows Phone ontwikkelaars of ben je gewoon heel erg competitief ingesteld wanneer het om ontwikkelen gaat? Dan is de Appathon jouw kans!

Doe mee aan de GeekNight Appathon in samenwerking met Appsterdam en Microsoft en schrijf je nu met een team in. Ontwikkel gezamenlijk binnen 1 dag de beste applicatie op het mobiele platform van jouw keuze en laat deze beoordelen door een vakkundige jury. Schrijf je nu in.

Kijk hier voor de Voorwaarden voor deelname. De trotse winnaars krijgen een zeer mooie prijs beschikbaar gesteld door sponsor van Appathon Intel!

Download ook de gratis TechDays app. Hierop kun je alle GeekNight sessies zoeken, alle sprekers vinden en de precieze locatie gegevens vinden.

GeekNight vindt plaats op 16 februari in het World Forum in Den Haag. Mis het niet en laat de geek in jou los!

Help je website migreren naar IE10 met Compat Inspector

Thu, 02 Feb 2012 00:00:00 GMT

Met de laatste release van Windows 8 Developer Preview kwam ook de laatste versie van Internet Explorer 10, Platform Preview 4 genaamd. Wanneer Internet Explorer 10 definitief wordt uitgerold is nog niet bekend, maar zeker is dat het met de lancering van Windows 8 gepaard gaat. Om je website voor te bereiden op de veranderingen van Internet Explorer 10 is er een handig script ontwikkeld, Compat Inspector genaamd, dat je meldingen geeft over interacties die problemen kunnen opleveren in IE10.

Hoe werkt Compat Inspector?
Compat Inspector is een JavaScript-tool dat je website analyseert op mogelijke problemen van interactie die in eerdere versies voorkwamen. Het script doet dit terwijl de website draait en geeft hiervan een notificatieoverzicht in de rechterbovenhoek van de pagina. Wanneer je op het overzicht klikt, krijg je een nieuwe pagina waarin de problemen staan vermeld en in welke categorie deze valt.

Iedere melding wordt namelijk ingedeeld in één van de drie categorieën; rood staat voor een groot probleem, geel voor een klein probleem en blauw is een algemene opmerking. Wat handig is, is dat er ook meteen een oplossing voor het probleem wordt weergegeven. Dat helpt enorm in de snelheid voor het oplossen van het probleem. Het script zorgt er tevens door dat je niet door alle code of documentatie heen hoeft te gaan op zoek naar dat ene punt. Alle aandachtspunten worden verzameld op één plek.

Zelf aan de slag
Wil je Compat Inspector gaan gebruiken? Voeg dan onderstaand script toe aan alle pagina's die je wil gaan testen. Let wel op: het script dient als eerste te worden aangeroepen, zet het dus helemaal bovenaan de pagina, vóór de andere scripts.

Na plaatsing van het script verschijnt er rechtsboven op de pagina het eerder genoemde notificatieoverzicht, zoals hieronder te zien is. Op deze pagina is er één groot probleem gedetecteerd en zijn er vier kleinere issues. Er zijn geen algemene opmerkingen. Door op het overzicht te klikken kom je bij de meldingen terecht.

Compat Inspector kun je ook automatiseren door het in debugger Fiddler neer te zetten. Daardoor wordt het notificatieoverzicht bij ieder ingeladen pagina weergegeven. Het enige wat je hoeft te doen is dit script aan Fiddler Script toe te voegen. Vervolgens kun je de Compat Inspector in- en uitschakelen via 'Rules' in het menu.

Meer informatie
Als je de Compat Inspector uit wil proberen, ga dan naar de Compat Inspector Test Drive. Voor uitgebreide documentatie over hoe Compat Inspector te gebruiken is er een gebruikershandleiding opgesteld.

SIENN, specialist in online weboplossingen

Wed, 21 Dec 2011 00:00:00 GMT

Volledig werken in de cloud, dat is wat SIENN doet met behulp van Windows Azure. Het bedrijf wil graag in de toekomst een global partnership met Microsoft bereiken op het gebied van Windows Azure applicaties.

SIENN is gespecialiseerd in de ontwikkeling en implementatie op het gebied van online weboplossingen in de cloud. Daarbij richten zij zich op een breed scala van gebruikers en toepassingen.

Eigen online platform
SIENN bestaat vanaf 2009 en is van origine een Zwitsers bedrijf. De SIENN groep bestaat uit 70 medewerkers, waarvan 20 werknemers actief zijn in de Benelux. Het bedrijf heeft distributiekanalen in onder meer de Verenigde Staten, Duitsland, Oostenrijk, Zwitserland en Oost-Europa. SIENN Nederland is distributeur van het eigen online platform SIENN® voor de Benelux. Het online platform van SIENN wordt aangedreven door de techniek van Windows Azure en baseert zich bij alle oplossingen op dit platform.

Wijdverspreide activiteiten
De activeiten van SIENN zijn wijdverspreid. Naast het ontwikkelen van online business applicaties, zoals formulierapplicaties, mobiele applicaties en Zoekmachineoptimalisatie (SEO) legt het bedrijf zich ook toe op webpresentaties. Gebieden als E-business, e-commerce en e-portal behoren daarbij tot hun specialiteiten. Als laatste ligt bij de backoffice systems de focus op Microsoft Sharepoint en de connectiviteit met Microsoft Dynamics. Daarbij hoort ook het realiseren van dataconnectiviteit met SAP. De organisatie baseert zich bij alle oplossingen op het eigen online platform: SIENN®.

Voordelen Windows Azure
SIENN heeft bewust gekozen om Windows Azure te omarmen. De techniek van Windows Azure zorgt voor een ‘easy deployment’ van applicaties en een snellere Time to Market voor SIENN. Doordat de onderneming zich richt op een breed scala van gebruikers en toepassingen, is een dynamisch platform zeer gewenst. Windows Azure past hier perfect bij, omdat Azure volledig en zeer goed schaalbaar is. Daarnaast is Azure een globale oplossing en worden de kosten betaald naar gebruik.

Voor de toekomst ziet SIENN een grote rol weggelegd voor Windows Azure. Het platform is volgens het bedrijf dé business cloud oplossing en dient als vervanger voor alle Windows georiënteerde hosting.

Wil je ontdekken wat Windows Azure voor jouw organisatie kan betekenen? Bezoek de website.

Bezoek de website van SIENN.

Windows 8: het testen van de touch interface

Mon, 19 Dec 2011 00:00:00 GMT

Het nieuwe besturingssysteem van Microsoft, Windows 8, komt volgend jaar uit. Onlangs werd al de Developers Preview uitgebracht om developers kennis te laten maken met het besturingssysteem en de bijbehorende nieuwe functionaliteit. Voordat Windows 8 in de winkels ligt, is het aan een lange reeks testen onderworpen. Vooral de vernieuwende touch interface zal onder de loep genomen moeten worden om op alle systemen goed te kunnen functioneren. Grant George, corporate vice-president van Windows testing, en Jeff Piira, test manager van het Human Interaction in Programming-team, leggen onder meer uit waar ze allemaal op letten bij het testen van touch interface aspecten.

Natuurlijke ervaring
Vooropgesteld, iedere touch interface heeft zijn eigen uitdagingen om te tackelen en te perfectioneren. Voor de eindgebruiker is het van belang dat de interactie met de touch interface soepel, toegankelijk en als een natuurlijke ervaring verloopt. Dit natuurlijke gevoel is dan ook één van de prioriteiten waar veel aandacht aan is besteed bij het testen van Windows 8. Een ander aspect van de veranderingen in Windows 8 is hoe de touch ervaring benaderd is. In een vroeg stadium werd besloten dat de gebruikerservaringen niet alleen specifiek voor touch werd ontworpen, maar ook geoptimaliseerd.

Definitie goede touch ervaring
Een goede touch ervaring is onontbeerlijk. Wanneer het systeem niet goed reageert op je interactie, werkt dat een goede gebruikerservaring alleen maar tegen. Maar wat is een goede definitie van touch ervaring? Daarbij moet gelet worden op de volgende punten:

Het scherm moet voor de gebruiker voelen alsof het vastgeplakt zit aan zijn vinger.
Touch visualisatie is direct en onmiddellijk.
De user interface is eenvoudig en naadloos te bedienen.
Op het scherm typen is snel, efficiënt en responsive.
Touch applicatie ervaringen zijn consistent. Het gebruik van deze applicaties is altijd hetzelfde, ongeacht op welke device deze draait.

Testsystemen
Grant en Piira gebruiken tijdens het testen van Windows 8 een breed scala aan systemen. Een lijst van alle apparaten in het testlab is hier te vinden. Er zijn een aantal nieuwere Windows 7 systemen die veelgebruikt worden om het nieuwe besturingssysteem op te testen, te weten:

HP Elitebook 2740p and 2760p convertible
ASUS EP121 tablet
Dell Inspiron Duo convertible
Lenovo x201, x220t convertible
3M M2256PW 22” display

De kwaliteit van de touch interface wordt niet alleen bepaald door het touchscreen en haar relatie tot de gebruiker. Bij het testen van de systemen wordt er ook gelet op zaken als de stevigheid van de omlijsting, de rekenkracht van de CPU en de krasbestendigheid van de bovenste laag van het scherm. Deze kunnen namelijk allemaal invloed hebben op de Windows 8 touch ervaring.

Zelf aan de slag
Wil je zelf gaan testen met de touch interface van Windows 8? Download dan hier de Developers Preview van Windows 8. Testen kan met een touchscreen of een touchapparaat.

Techdays 2012. What's next. Now.

Tue, 13 Dec 2011 00:00:00 GMT

Een poos geleden werd het al aangekondigd: Techdays 2012 zit er weer aan te komen! Van 15 t/m 17 februari 2012 zal het World Forum in Den Haag de place to be zijn voor IT-professionals, software developers en iedereen met een passie voor technologie. Behalve interactieve sessies, verzorgd door meer dan dertig sprekers, kunnen bezoekers ook dit jaar wederom power-trainingen volgen, vragen stellen in de ask-the-expert-area en vindt het (vrij toegankelijke) GeekNight plaats.

IT-professionals
Woensdag 15 februari is gericht op IT-professionals. Zij komen hier onder andere meer te weten over een solide, schaalbare infrastructuur in de cloud. Dit kan voor zowel private, public of hybride modellen gelden. Hierbij zijn beheer en security uiteraard belangrijke thema’s.

Eén van de sessie onderwerpen deze dag is Hyper-V, verzorgd door Bryon Surace, senior Program manager van Microsoft. Hyper-V is de nieuwe servervirtualisatietechnologie van Microsoft waarmee de virtualisatie van meerdere Windows- en niet-Windows-besturingssystemen op één server mogelijk is. Ook wordt de kracht van x86-64 systemen in Hyper-V optimaal benut. Surace zal van 16:30 tot 17:45 uur een sessie houden over schaalbaarheid van Windows 8 Hyper-V. Klik hier voor meer info.

Eveneens op 15 februari om 16:30 uur vindt in een andere zaal een sessie geleid door Walter Eikenboom plaats. Eikenboom is als Principal consultant werkzaam bij INOVATIV, en zal tijdens deze sessie dieper ingaan op System Center 2012. Deze zakelijke oplossing biedt bijvoorbeeld de mogelijkheid om bedrijfsdektops te beheren. Denk hierbij aan het installeren van software-updates en het configureren van beveiligingssoftware. Operations Manager 2012 wordt naast Operations Manager 2007 R2 gelegd, wijzigingen worden besproken en oplossingen voor de beperkingen uit 2007 R2 worden geboden. Klik hier voor meer informatie.

Developers
Donderdag 16 februari en vrijdag 17 februari richt zich op developers. Wat moet je weten om als hardware en software developer succesvol te zijn? Aan bod komen dynamische applicatie ontwikkeling voor de cloud, web en phone. Applicatie ontwikkeling voor Windows 8 en Windows Phone worden besproken, maar ook Visual Studio 11 en cloud development met Windows Azure komen aan bod.

Tarek Madkour zal een sessie leiden waarbij het bouwen van Windows 8 Metro style apps centraal staat. De hierbij gebruikte technologie is C++, waar Madkour als Microsoft Visual C++ program manager ruime kennis voor aan boord heeft. De volledige ontwikkeling van een app komt in deze sessie aan bod, van idee tot publicatie op de marketplace. Klik hier voor meer informatie.

Wade Wegner is een Technical Evangelist op het gebied van Windows Azure. In één van zijn sessies zal hij dieper ingaan op het gebruik van Windows Azure in combinatie met Windows Phone, iOS, Android en Windows 8. Zijn schaalbare web apps mogelijk in Windows Azure? En hoe zit het met het opslaan van data in de cloud? Dit alles zal in duidelijke demo’s door Wegner worden toegelicht. Ook veelvoorkomende drempels als authenticatie, datastorage en notificaties op meerdere devices komen hierbij aan bod. Klik hier voor meer informatie.

GeekNight
Tussen alle sessies door is er ook ruimte voor ontspanning. Daarom wordt ook dit jaar weer de GeekNight georganiseerd, op donderdagavond 16 februari. In een informele setting kunnen bezoekers kennis maken met de leuke, verrassende, inspirerende en soms vreemde kanten van informatietechnologie en applicatie development. De focus ligt deze avond op plezier en de toegang is gratis.

Aanmelden
Er zijn nog steeds tickets voor TechDays 2012 beschikbaar, variërend van € 299 voor een dagkaart tot € 611,50 voor een totaalpakket van drie dagen plus diner en GeekNight. Aanmelden kan via de website van TechDays 2012.

Windows 8 Metro Style app development

Sun, 11 Dec 2011 00:00:00 GMT

Van 15 tot en met 17 november 2011 vond de Microsoft Windows 8 Partner Workshop plaats in Amsterdam. Bij deze workshop waren developers uit heel Europa aanwezig. De workshop werd gehouden door Juergen Schwertl (Program Manager) en Maarten van de Bospoort (Principal Consultant) van Microsoft. Zij lichtten de aspecten van het nieuwe Windows-platform uit en toonden de nieuwe ontwikkelmogelijkheden. De deelnemers van de workshop konden vervolgens experimenteren met deze nieuwe mogelijkheden door middel van verschillende Hands-On Labs.

Tijdens de workshop kwam onder andere de Metro Style User Experience aan bod. Zo werd het gehele principe van de Metro Style toegelicht met haar vernieuwende eigenschappen, zoals contracts, views, scaling, roaming, tiles en notifications. Door middel van contracts kan een applicatie gemakkelijk geïntegreerd worden binnen het zoek- en deelmechanisme van Windows 8. Verschillende views, zoals de portrait- en snapview zorgen ervoor dat de content van apps ook op tablets en andere apparaten altijd optimaal getoond worden. Daarnaast zijn nieuwe principes toegelicht, zoals ‘touch-first design’ en het nuttig gebruik maken van animaties binnen de user interface.

Gescheiden omgeving
Binnen Windows 8 is er sprake van een gescheiden omgeving: de Metro Style omgeving en de desktopomgeving. Binnen de desktopomgeving zullen alle applicaties blijven functioneren die op de vorige Windows-versie ook functioneerden. Deze applicaties draaien op de Win32-API. Binnen de Metro Style omgeving zullen applicaties draaien op de WinRT-API.

In de Metro Style omgeving is het mogelijk om applicaties te ontwikkelen in C++ of C#/VB in combinatie met XAML. Het is daarnaast echter ook mogelijk om applicaties te ontwikkelen in JavaScript met HTML/CSS. Binnen de Metro Style omgeving kunnen beide combinaties de Windows RunTime API aanspreken, waardoor complete applicaties in beide talen geschreven kunnen worden. In de desktopomgeving is dit niet mogelijk en blijft HTML/JavaScript gebonden aan Internet Explorer, C/C++ aan Win32 en C#/VB aan .NET & SilverLight.

Windows Style apps zijn eenvoudig te stylen door middel van CSS of XAML. Daarnaast zijn animaties gemakkelijk te implementeren in je app. Met behulp van Microsoft Blend kan je je applicatie moeiteloos stylen en is het mogelijk om direct het resultaat te bekijken. Daarnaast zijn er veel controls en views standaard aanwezig voor gebruik.

Binnen je app heb je gemakkelijk toegang tot media, sensoren en locatiegegevens. Het opnemen van bijvoorbeeld een video is in twee regels code te realiseren: je geeft het OS het signaal dat je een video wilt opnemen en vervolgens krijgt een asynchrone functie de videostream terug. Het OS handelt dus zelf de opnameprocedure af.

Binnen Metro Style is het de bedoeling dat applicaties zo soepel mogelijk draaien. Door de touch interface zijn vertragingen in applicaties veel beter te merken. Om deze reden is het de bedoeling om iedere handeling die langer duurt dan 50 milliseconden asynchroon af te handelen, dit is gemakkelijk te doen door middel van de nieuwe Asyncen Await keywords. Synchrone code die de user interface blokkeren behoren hiermee tot het verleden.

Process Lifecycle Management
Hoe de applicatie door Windows wordt behandeld is ook veranderd in Metro Style, zo draait een app niet meer de volledige tijd, zoals nu het geval is. Een app wordt op de achtergrond opgeschort op het moment dat deze niet meer wordt gebruikt, de applicatie krijgt hier een notificatie van. Vervolgens heeft de applicatie vijf seconden om zijn huidige staat op te slaan. Wanneer de gebruiker de applicatie weer wenst te gebruiken, wordt deze uit de suspendmodus gehaald. Als er veel applicaties openstaan en het werkgeheugen dreigt op te raken, zorgt een speciaal algoritme binnen Windows ervoor dat de suspended applicatie die de meeste resources gebruikt wordt afgesloten. Er zijn uitzonderingen op de suspendstatus, bijvoorbeeld voor het afspelen van media: muziek kan op de achtergrond doorspelen.

Roaming
Metro Style apps kunnen roaming toepassen via het Windows Live-profiel van een gebruiker. Op deze manier kan een persoon inloggen op iedere Windows 8 computer en ter plekke zijn apps gebruiken met zijn eigen instellingen. Developers kunnen de instellingen van hun applicatie opslaan in een ruimte van 30 kB, die vervolgens aan het online live profiel gekoppeld wordt. Bij opslag van gegevens van een applicatie wordt onderscheid gemaakt tussen de opslag van instellingen en het opslaan van bestanden zelf.

Windows Store
Alle apps binnen Windows 8 zijn beschikbaar via de Windows Store. Ontwikkelaars hebben binnen de Store de mogelijkheid om hun applicatie op verschillende manieren aan de gebruiker aan te bieden. Een optie is bijvoorbeeld de eenmalige aankoop, eventueel in combinatie met één of meerdere proefversies. Ook kan je denken aan tijdsaankopen, zoals een maandelijks bedrag. Ontwikkelaars krijgen zelfs de mogelijkheid om het gebruik van functionaliteiten aan te bieden. Een applicatie is gekoppeld aan een Windows Live ID en zal op verschillende computers bruikbaar zijn door middel van roaming.

Voor meer informatie over het ontwikkelen van apps kan je terecht op de Windows Dev Center for Metro Style apps.