Web

Web

Windows Server 8: een OS geoptimaliseerd voor de cloud.

De keynote van dag twee van het BUILD event, dat onlangs plaatsvond in Californië, was volledig gericht op de back-end van het Windows Platform. Naast de ontwikkelingen voor Windows Azure en de nieuwe Visual Studio 11 was er aandacht voor Windows Server 8. Omdat Microsoft al jarenlang ervaring heeft met cloud services als Windows Live Hotmail en XBOX Live, is deze ervaring gebruikt bij de ontwikkeling van dit nieuwe server OS. Hierbij staat cloudintegratie centraal.

Inmiddels is de developer preview van Windows Server 8 te downloaden voor MSDN leden. We bekijken daarom een aantal belangrijke nieuwe features.

Verbeterde schaalbaarheid met Hyper-V 3.0
Hyper-V 3.0, de hypervisor waarmee Windows Server 8 is uitgerust, is op het gebied van schaalbaarheid fors verbeterd. Zo kan een virtuele machine nu 32 virtuele processoren aan en is het mogelijk om tot 512GB geheugen aan een virtuele machine toe te kennen. Met het nieuwe formaat voor virtuele harddisks VHDX is het mogelijk een virtuele harddisk tot 16TB te koppelen. Waarbij het uiteraard mogelijk is om meerdere virtuele harddisks te koppelen.

Ook op het gebied van Live Migration zijn er een aantal interessante verbeteringen doorgevoerd. Met Storage Live Migration is het bijvoorbeeld mogelijk om de bestanden van een virtuele server te verplaatsen naar een andere locatie zonder downtime van de virtuele machine. Een andere unieke feature is dat er voor een Live Migration of een Storage Live Migration geen backup opslag nodig is in de vorm van een SAN. Een netwerkkabel tussen de twee locaties is voldoende. Dit is vooral handig voor kleinere bedrijven die vaak niet beschikken over een SAN, maar wel migraties willen uitvoeren. Daarnaast is het nu ook mogelijk om Live Migration uit te voeren tussen verschillende subnets. Ook hierbij blijft de netwerkconnectie met de VM gewoon beschikbaar.

Multiple server beheer met de nieuwe Server Manager en PowerShell
De vernieuwde server manager heeft een metro interface gekregen en is daarbij uitgerust met verschillende live tiles die de status van de verschillende servers weergeven. Eventuele fouten of waarschuwingen zijn zo in één oogopslag te herkennen. Vervolgens is het mogelijk om eenvoudig taken uit te voeren voor meerdere servers tegelijk. Ook ingewikkeldere taken zoals het installeren van server roles en features op meerdere servers is mogelijk. Dit kan met behulp van PowerShell en het nieuwe keyword Workflow. Hiermee worden opdrachten parallel over meerdere servers uitgevoerd waardoor een installatie op twee servers net zoveel tijd in beslag neemt als voor 20 servers.

Zelf aan de slag
Naast bovengenoemde features is er nog veel meer functionaliteit aan Windows Server 8 toegevoegd. We zien hierbij dat er extra veel aandacht is besteed aan het beheer van meerdere servers voor bijvoorbeeld een private cloud. Maar ook hybride scenario’s waarbij data wordt gebruikt uit een public cloud behoren tot de mogelijkheden. Bekijk voor meer informatie over de vernieuwingen in Windows Server 8 de Channel 9 pagina van Build waar onder andere een sessie te vinden is met interessante demo’s en een sessie gewijd aan performance verbetering. MSDN leden hebben daarnaast de mogelijkheid om de developer preview Windows Server 8 uit te proberen. Deze is de downloaden via het MSDN download center.

Posted Wednesday, October 05, 2011 10:01 PM door Ruud van Kessel

ASP.NET 4.5 Developer Preview uitgebracht
ASP.NET 4.5 Developer Preview uitgebracht

Half september is de developer preview van het .NET Framework 4.5 uitgekomen. Voor het vernieuwde framework zijn er veel nieuwe features aanwezig, onder andere op het gebied van Metro style apps, networking, Windows Presentation Foundation, Windows Communication Foundation en Windows Workflow Foundation. Het totaaloverzicht is te zien op de MSDN portal. Ook binnen ASP.NET is er voor veel functionaliteiten ondersteuning toegevoegd, welke onder te verdelen zijn in ASP.NET Core Services en ASP.NET Web Forms. Onderstaand zijn de nieuwe ondersteuningen en verbeteringen terug te vinden.

ASP.NET Core Services

  • Ondersteuning voor het asynchroon lezen en schrijven van HTTP-requests en -responses.
  • Ondersteuning voor het lezen van ongevalideerde request data wanneer request validation is ingeschakeld, waardoor het mogelijk wordt om opmaakregels voor velden of pagina’s door te geven.
  • Ondersteuning voor het WebSockets protocol.
  • Verbeterde afhandeling van client-side scripting door het bundelen en verkleinen (minification) van CSS- en JavaScriptbestanden voor verbeterde paginaprestaties.
  • Ondersteuning voor asynchrone modules en handlers: ondersteuning voor await en async keywords, waardoor het makkelijker wordt om asynchrone HTTP-modules en -handlers te schrijven.
  • Integreerde encodeerroutines van de AntiXSS-library (voorheen een externe library) om bescherming te bieden tegen cross-site scripting (XSS) aanvallen.
  • Verbeterde afhandeling van client-side scripting door het bundelen en verkleinen (minification) van CSS- en JavaScriptbestanden voor verbeterde paginaprestaties.

ASP.NET Web Forms

  • Ondersteuning voor model binders in Web Forms, hiermee is het mogelijk om data controls te verbinden met data-access methoden. ASP.NET zal hierdoor automatisch data van formuliervelden, querystrings, cookies, session state en view state in parameters converteren die gebruikt kunnen worden voor het selecteren of updaten van gegevens in een database. Dit is vergelijkbaar met model binding binnen ASP.NET MVC.
  • Strongly typed binding expressions in data controls.
  • Ondersteuning voor unobtrusive JavaScript in client-side validation scripts.
  • Ondersteuning voor HTML encoded data-binding expressions.
  • Ondersteuning voor content distribution network (CDN) fallback in de ScriptManager-control.
  • Ondersteuning voor HTML5 form types.
  • Verbeterde paginatie in de GridView-control.

Zelf aan de slag
Wil je de nieuwe features uitproberen en de nieuwe mogelijkheden leren kennen? Download dan .NET Framework 4.5 Developer Preview van de Microsoft-website.

Posted Friday, September 30, 2011 10:45 AM door Ruud van Kessel

WebMatrix 2 Beta uitgebracht
WebMatrix 2 Beta uitgebracht

Steeds meer ontwikkelaars ontdekken het gemak van WebMatrix, dé ontwikkeltool om snel en eenvoudig een website op te zetten en vervolgens uit te breiden. Dit kan op basis van een aantal kant-en-klare templates of door het installeren van één van de vele open source applicaties zoals WordPress, Umbracco of Joomla. Onlangs is er een beta uitgekomen van WebMatrix 2, deze preview release laat een aantal zeer interessante nieuwe features zien, die WebMatrix tot een nog completer product maken.

Beheer van een site op een externe server
In de WebMatrix was het mogelijk om een site volledig lokaal te bouwen en deze vanuit WebMatrix naar een server te verhuizen door middel van FTP of WebDeploy. Met WebMatrix 2 is het nu mogelijk om de externe site direct vanuit WebMatrix te beheren. Bij het opstarten van WebMatrix kies je dan voor het openen van een Remote Site waarna je weer de FTP of WebDeploy gegevens invult. De gegevens worden dan geladen in WebMatrix en wijzigingen in de files worden direct online doorgevoerd. Met de run-knop van WebMatrix zie je vervolgens dat je wijzigingen online staan.

Ondersteuning terwijl je typt
Autocomplete is in WebMatrix 2 uitgebreid voor een flink aantal talen. Zo worden er suggesties aangeboden tijdens het typen van HTML5 code en CSS3-elementen en -attributen. Voor kleurattributen is er zelfs een colorpicker beschikbaar, waarmee het ook mogelijk is een kleur te selecteren die zich ergens anders op je scherm bevindt. Fouten in de code worden automatisch onderstreept en de reden wordt weergegeven zodra je hier met je muis over beweegt. Dezelfde functionaliteit is geïmplementeerd voor JavaScript en jQuery code en dit is beschikbaar in zowel losse JavaScript-files als voor scripts die in de HTML worden opgenomen. De functionaliteit voor PHP gaat zelfs nog verder: wanneer je met een muis over een PHP-functie in de code beweegt, dan wordt de belangrijkste documentatie direct weergegeven inclusief een link naar de volledige documentatie op PHP.net.

Applicaties die geïnstalleerd zijn vanuit de Application Gallery kunnen de mogelijkheid bieden om zelfs voor veelgebruikte functies binnen de applicatie autocomplete opties te tonen. Momenteel hebben de makers van WordPress dit al geïmplementeerd.

Eenvoudiger databasebeheer
Het database management gedeelte in WebMatrix 2 heeft een overzichtelijker uiterlijk gekregen. Dit is vooral merkbaar in de designweergave voor een tabel. Alle gegevens zijn nu in één panel te zien en meteen aan te passen. Daarnaast worden de resultaten van SQL-queries die tegelijk worden uitgevoerd nu in aparte tabs weergegeven.

Zelf aan de slag
Naast boven genoemde verbeteringen zijn er nog talloze andere nieuwe features, op deze pagina staan ze allemaal op een rij. Ben je klaar voor het echte werk? Download WebMatrix 2 Beta dan nu met behulp van de Web Platform Installer.

Posted Wednesday, September 28, 2011 6:09 PM door Ruud van Kessel

Terugblik op BUILD
Terugblik op BUILD

Van 13 t/m 16 september vond het evenement BUILD plaats in Anaheim, Californië. Dit nieuwe event stond volledig in het teken van de ontwikkelingen en toekomst van Windows, met name bedoeld voor web- en softwareontwikkelaars.

Tijdens BUILD werd er onder meer vooruitgeblikt op het nieuwe besturingssysteem, Windows 8. De gebruikersinterface van dit besturingssysteem is ontworpen om naadloos samen te werken met een diversiteit aan apparaten en toepassingen. Dit allemaal met behoud van de mogelijkheid om bestaande applicaties te blijven gebruiken. Daarnaast werd op het evenement duidelijk wat de kenmerken zijn van Metro style apps, die zullen draaien binnen de nieuwe touchinterface van Windows 8. Tevens werd er dieper ingegaan op Internet Explorer 10, onder meer wat betreft de nieuwe functies op het gebied van HTML5, JavaScript en CSS3.

Terugkijken

De keynotes en presentaties zijn terug te kijken via Channel 9. Hier staan alle video’s van het event op en kan er gefilterd worden op trefwoord op of spreker. De video’s kunnen ook gedownload worden om offline bekeken te worden. Bovendien wordt er op de Blog Building Windows 8 bijgehouden wat de nieuwste vorderingen zijn wat betreft Windows 8. De nieuwsitems worden gepost door het Windows engineering team.

Posted Thursday, September 22, 2011 4:50 PM door Ruud van Kessel

Augustus release van Windows Azure Tools voor Visual Studio 2010 uitgebracht
Augustus release van Windows Azure Tools voor Visual Studio 2010 uitgebracht

Microsoft Azure biedt een schaalbare oplossing voor het hosten van webapplicaties in de cloud. Dit kunnen PHP en .NET applicaties zijn, die op verschillende manier ontwikkeld en gepubliceerd kunnen worden. Het Microsoft Azure Team heeft echter vorige maand op haar blog de Augustus 2011 Release van de Windows Azure Tools voor Microsoft Visual Studio 2010 aangekondigd. Deze update is met name handig voor de .NET developer die MVC3 applicaties voor Azure wil ontwikkelen. Dit vanwege de nieuwe ASP.NET MVC 3 Web Role Template, waarmee nog eenvoudiger MVC3 applicaties naar de Azure omgeving gepubliceerd kunnen worden.

De ASP.NET MVC 3 Web Role Template in Visual Studio
Na het installeren van de nieuwe Azure tools is deze nieuwe role automatisch beschikbaar wanneer je in Visual Studio 2010 een Windows Azure Project aanmaakt als nieuw cloud project. In dit project is vervolgens SQL Azure ondersteund en worden automatisch alle MVC 3 assemblies meegenomen wanneer je publiceert naar Azure. De applicatie is meteen lokaal te testen door middel van de Azure Compute en Storage Emulator, die automatisch wordt opgestart bij het debuggen. Wanneer je een Azure account hebt, dan kun je je applicatie ook direct in de cloud zetten door een package te genereren en deze te uploaden in de Azure portal. Mark Berryman is Senior Developer bij Microsoft en heeft een stap voor stap tutorial op zijn weblog gezet voor dit proces.

Overige nieuwe features
Met de nieuwe Azure Tools, die overigens eenvoudig via de Web Platform Installer te downloaden en te installeren zijn, heb je verder de mogelijkheid om performance issues te detecteren van applicaties die draaien binnen Azure. Ook zijn er verbeteringen doorgevoerd wat betreft de validatie van de packages. Je zult bijvoorbeeld een melding ontvangen wanneer je een assembly vergeten bent toe te voegen in je package of als je nog een connectiestring hebt staan die verwijst naar een lokale Azure Storage. En wanneer je voor één Azure project verschillende configuratie eigenschappen wilt instellen, dan is dit met de nieuwe Azure Tools per publicatieomgeving te regelen. Bijvoorbeeld voor het instellen van een aparte storage voor het lokale testen en één voor live in de cloud.

Windows Azure Platform Training Kit
Ook de Windows Azure Platform Training Kit heeft een update gekregen. Dus voor alle laatste demo’s, voorbeelden, presentaties en video’s download deze training kit.

Posted Wednesday, September 07, 2011 2:00 PM door Ruud van Kessel

Visual Studio LightSwitch officieel uitgebracht
Visual Studio LightSwitch officieel uitgebracht

Microsoft heeft LightSwitch afgelopen juli officieel gereleased. Met dit onderdeel van de Visual Studio-familie is het mogelijk om heel snel en eenvoudig bedrijfsapplicaties te ontwikkelen voor desktop- en webomgevingen.

Waarom LightSwitch?
Aangezien er binnen bedrijven vaak met grote hoeveelheden data wordt gewerkt, bestaat ook vaak de behoefte om deze data te beheren. Met LightSwitch is het mogelijk om binnen korte tijd een bedrijfsapplicatie te realiseren met alle belangrijke basisfunctionaliteiten, zoals het manipuleren van en het zoeken naar gegevens.

In het verleden werden veel bedrijfsapplicaties ontwikkeld in Microsoft Access. Hierbij werden, op basis van een gevulde database, formulieren ontwikkeld, al dan niet met behulp van VBA (Visual Basic for Applications). Formulieren waren naar wens te ontwerpen, maar de ontwikkeling van de functionaliteiten was tijdrovend en gevoelig voor fouten. Met Visual Studio LightSwitch worden standaardfunctionaliteiten van een bedrijfsapplicatie direct volledig uitgewerkt en is het mogelijk om deze functionaliteiten zelf uit te breiden.

Het door LightSwitch opgezette systeem is gebaseerd op het .NET Framework in Visual Basic of Visual C#. Doordat er geen nieuwe technische kennis vereist is, behoud je volledige controle over je bedrijfsapplicatie en bijbehorende sourcecode.

Aan de slag!
Met Visual Studio LightSwitch wordt het mogelijk om binnen no-time een bedrijfsapplicatie in elkaar te zetten. Download LightSwitch daarom nu en probeer het zelf. Wil je een snelcursus om een goede start te maken met Visual Studio LightSwitch? Bekijk dan deze interessante serie tutorials.

Posted Thursday, September 01, 2011 6:30 PM door Ruud van Kessel

Expression Web 4 Service Pack 2

13 juli j.l. heeft Microsoft haar visuele web editor Expression Web een grondige update gegeven in de vorm van Service Pack 2. Met name op het gebied van workspace configuratie en code editing zijn enkele belangrijke verbeteringen doorgevoerd. Een overzicht van alle nieuwe features:

Zet de interface naar je hand
Het is in Expression Web nu mogelijk om gebruik te maken van zogenoemde custom workspaces. Dit maakt het mogelijk om de interface naar je eigen hand te zetten, zodat je je meestgebruikte functies een prominente plek kunt geven. Deze zijn op te slaan en zelfs te delen met medegebruikers. Uiteraard zijn de standaard gedefinieerde workspaces zoals Designer, Developer en Reporting ook nog steeds beschikbaar.

Preview thumbnails
Aan het Folder List paneel is een header toegevoegd. Hierin wordt nuttige informatie van het geselecteerde bestand weergegeven. Zo wordt het zoeken naar de juiste afbeelding in je images folder een stuk eenvoudiger, door een preview. Ook wordt de bestandsgrootte en de afmeting in pixels weergegeven. De twee meestgebruikte acties wat betreft images, een <img> tag invoegen en een CSS-verwijzing genereren, zitten onder twee knoppen bij de preview. Hetzelfde geldt voor CSS files, waarbij je met één klik een @import en een <link> kan creëren. Met een geselecteerd JavaScript bestand komt de functie <script> beschikbaar.

Code snippets
Naast een opgefriste Folder List paneel is er ook een nieuw paneel geïntroduceerd: Snippets. Developers kunnen hier eenvoudig (fragmenten van) code opslaan, in een overzichtelijke hiërarchische structuur. De bijbehorende zoekbalk filtert in real-time, één klik of één enter voegt de code al in je document. Om de (beginnende) ontwikkelaar op weg te helpen zitten er standaard al tientallen bruikbare snippets in verschillende programmeertalen in.

Universele commentaarregels
Eén van de meestgebruikte handelingen die ontwikkelaars moeten doen, lijkt vreemdgenoeg in geen enkele editor een functie te hebben. Het gaat hierbij om het omzetten en terugzetten van commentaarregels. Veel ontwikkelaars gebruiken deze truc om regels code te testen of inline in het document op te slaan voor toekomstig hergebruik. Het feit dat iedere programmeertaal haar eigen ‘grammatica-regels’ hanteert om commentaarregels te maken, maakt dit wat lastiger. Daarom zijn er in SP2 twee nieuwe knoppen opgenomen in de werkbalk, te weten Comment en Uncomment. Deze knoppen detecteren eerst de programmeertaal waarin de gebruiker werkt, waarna de juiste grammatica wordt toegepast.

Interactieve snapshots
Sinds Expression Web 3 zit het Snapshot paneel geïntegreerd in de editor. Hiermee kan de ontwikkelaar zijn of haar documenten previewen in iedere versie van Internet Explorer (en Firefox 3). Deze functie is met name erg handig voor het bouwen en testen van de opmaak, maar ongeschikt om interactiviteit (gedrag bij mouse-over e.d.) te testen. De komst van een interactieve modus maakt dit wel mogelijk. Ook deze is beschikbaar in alle Internet Explorer versies en Firefox 3.

Aan de slag
Het Expression Web service pack is hier te downloaden. Daarnaast is hij opgenomen in de Microsoft Update. Het betreft overigens een zogenoemde cumulatieve update, wat betekent dat hij kan worden geïnstalleerd op zowel Expression Web 4 als Expression Web 4 Service Pack 1.

Posted Thursday, September 01, 2011 10:00 AM door Rick Wissing

Terugblik J And beyond

In het eerste weekend van afgelopen mei vond de J And Beyond conferentie plaats in de Rolduc abdijkerk in Kerkrade. Van vrijdag tot en met zondag kwamen maar liefst 228 mensen uit 35 verschillende landen voor dit evenement bijeen. Vrijwel alle aanwezigen waren core developer members, extension developers en leden van Open Source Matters. Samen namen zij deel aan verschillende workshops, lezingen en discussies over uiteenlopende onderwerpen als SEO voor Joomla, Joomla in combinatie met eCommerce, native web apps en de Cloud.

Ook Microsoft was op dit evenement aanwezig, enerzijds als Gold sponsor, anderzijds als vertegenwoordiger van enkele workshops. Deze werden gepresenteerd door Jas Sandhu, Interoperabiliteit Evangelist bij Microsoft in San Fransisco.

Sandhu bevond zich in een goed gezelschap, want naast hem waren er ook sprekers als Brian Teeman (oprichter Joomla), Ryan Ozimek (president Open Source Matters) en Louis Landry (Core Developer bij zowel Joomla als eBay).

IE6 R.I.P. - send flowers
Eén van de presentaties door Sandhu draaide om de migratie naar een moderne browser. Een belangrijke stap is hierbij het afscheid nemen van Internet Explorer 6, het is duidelijk dat deze browser steeds minder gebruikt wordt, waardoor developers zich op modernere browsers kunnen richten. Verder ging hij dieper in op de eisen die van een moderne browser verwacht mogen worden. Welke features en standaarden zijn er tegenwoordig beschikbaar en welke updates mogen we verwachten met betrekking tot bijvoorbeeld HTML5?

Daarnaast gaf Sandhu inzicht in zijn werk voor IE9 en het IE10 Platform Previews. Hierbij gunde hij de toehoorders een kijkje in de keuken van Microsoft’s HTML5 lab, welke als doelstelling heeft een beter en meer interoperabel web te creëren. Wil je de volledige presentatie bekijken, klik dan hier.

Microsoft and the Joomla community
Tijdens deze presentatie ging Sandhu de discussie aan over de rol van Microsoft binnen de open source community. Microsoft’s werkzaamheden met betrekking tot Joomla op het Web Platform werden uiteengezet. Hierbij werd uitgelegd op welke manier Microsoft ernaar streeft om Joomla voor meer gebruikers toegankelijk te maken op zowel Windows, IIS, als WebMatrix. Ook licht Sandhu het werk rond multi-database ondersteuning toe. Wil je de volledige presentatie bekijken, klik dan hier.

Naast deze lezingen was Microsoft met diverse stands aanwezig, wat veel geïnteresseerden trok. Veelvuldig werd de discussie aangegaan, vooral over de rol die Microsoft met het Web Platform kan vervullen voor Joomla gebruikers. Met name de toenemende support van Microsoft’s kant werd hierbij geprezen.

Na drie dagen vol kennisuitwisseling, discussies en inspiratie keerden de aanwezigen tevreden huiswaarts. Daarbij zijn alle workshops op video opgenomen en gepost op het J And Beyond Vimeo kanaal. Deze is hier te bekijken.

Posted Tuesday, August 30, 2011 11:00 AM door Rick Wissing

IE9 sneltoetsen
IE9 sneltoetsen

Het browsen met de nieuwste versie van Internet Explorer, IE9, kan met een aantal sneltoetsen versneld en vergemakkelijkt worden. In IE9 zijn een aantal nieuwe functies toegevoegd, naast de oude vertrouwde sneltoetsen. Zo kan er met door twee toetsen (Control + T) een nieuw tabblad geopend worden en door Control en + in te drukken, wordt de lettergrootte op een website vergroot. Er zijn een heel aantal bruikbare sneltoetsen beschikbaar, sommige zijn misschien wat minder bekend, maar desondanks niet minder nuttig. Hieronder volgt een overzicht van de hotkeys voor Internet Explorer 9.

Sneltoets Functie
Alt Geeft de menubalk weer. In Internet Explorer 9 is deze functie erg handing, omdat de meeste interface elementen verborgen zijn.
Alt + C Opent de menubalk voor Favorieten, RSS Feeds en Browsergeschiedenis.
Alt + X Opent de werkbalk in de rechter bovenhoek van het browservenster.
Control + J Opent de Internet Explorer Download Manager.
Control + L De focus gaat hierbij naar de adresbalk met de huidige URL geselecteerd. Dit maakt het gemakkelijk om snel een nieuw adres of het huidige adres te kopiëren.
Control + Shift + L Navigeert naar het webadres dat is opgeslagen op het klembord. (N.B. Wanneer een tekstregel op het klembord is geplaatst en deze functie wordt aangeroepen, wordt automatisch naar de tekstregel gezocht met de als standaard geselecteerde zoekmachine.)
Control + Shift + Delete Verwijdert de browserhistorie.
Control + S Slaat de huidige pagina op voor het offline bekijken ervan.
Alt + Home Opent de als standaard ingestelde homepagina.
Control + D Opent het ‘Voeg toe aan Favorieten’-scherm voor de huidige pagina.
Control + T Opent een nieuw tabblad.
Control + Shift + T Opent het laatst gesloten tabblad.
Control + W Sluit het huidige tabblad.
Control + K Dupliceert het huidige tabblad.
Control + N Opent een nieuw Internet Explorer browservenster.
Control + + Zoomt in.
Control + - Zoomt uit.
Control + Tab Navigeert tussen verschillende tabbladen (van links naar rechts).
Control + Shift + Tab Navigeert tussen verschillende tabbladen (van rechts naar links).
Control + 9 Switcht naar het laatste tabblad.
Control + Alt + F4 Sluit alle overige tabbladen.
Alt + Rechts (pijltje) Navigeert vooruit door de huidige browsergeschiedenis.
Alt + Links (pijltje) Navigeert achteruit door de huidige browsergeschiedenis.
F12 Opent de tools voor ontwikkelaars.
F11 Schakelt de modus ‘Volledig scherm’ aan en uit.
F5 Ververst de huidige pagina.
Control + F5 Ververst de huidige pagina en de browsercache voor de pagina wordt geleegd.
Control + Shift + P Opent een nieuw browservenster met InPrivate-navigatie aan.

Sommige van bovenstaande functies komen van pas tijdens het alledaagse browsen, andere zijn specifiek voor developers ontwikkeld. Voor een aantal van deze hotkeys heb je Internet Explorer 9 nodig. Deze browser kun je hier te downloaden waarna je direct de sneltoetsen kunt gebruiken.

Posted Thursday, August 25, 2011 11:00 AM door Ruud van Kessel

MMP Content Manager nu beschikbaar
MMP Content Manager nu beschikbaar

Tijdens MIX11, afgelopen februari in Las Vegas, kwam de introductie en aankondiging van Microsoft Media Platform Content Manager. Nu zijn we een aantal maanden verder en is de releaseversie (versie 1.0) van MMP Content Manager beschikbaar, een op SharePoint 2010 gebaseerd video management systeem. Met de MMP Content Manager is het eenvoudig om livestreams te beheren. Daarnaast is het programma ook uitermate geschikt voor het transcoderen, beheren, bewerken en publiceren van video’s en de aansturing van advertenties of reclameblokken in en om de video heen.

SharePoint 2010
De MMP Content Manager maakt deel uit van het Microsoft Media Platform (MMP) en werkt samen met andere media producten binnen dit platform, zoals Silverlight, IIS Media Services, Expression Encoder en de MMP Video Editor. De MMP Content Manager is open source en gebaseerd op SharePoint 2010, welke wordt gebruikt voor de opslag van de metadata en voor ondersteuning van de workflow. Een project kan worden aangemaakt binnen de SharePoint webomgeving, waarna daarin alle content voor dat project beheerd kan worden. Op het dashboard is alles eenvoudig terug te vinden. Binnen de omgeving wordt er gebruik gemaakt van een standaard mediaplayer, welke op Silverlight gebaseerd is, zodat previews van de gemaakte content mogelijk zijn. Het is daarnaast ook mogelijk om een eigen mediaplayer toe te voegen.

Video assets en Smooth Streaming
Met de MMP Content Manager is het mogelijk om video assets te beheren. Er kunnen verschillende metadata aan toegevoegd worden, voorbeelden hiervan zijn: titel, beschrijving, maar ook Twitter hashtags of gerelateerde documenten. Omdat het normaal gesproken om grote hoeveelheden data gaat, staat de video zelf niet in SharePoint, maar is het slechts een verwijzing naar de daadwerkelijke locatie op een externe mediaserver. Videobestanden die in een bepaalde ‘Watch Folder’ op de media server worden gezet, kunnen automatisch worden omgezet naar Smooth Streaming content door middel van de IIS Transform Manager. Smooth Streaming zorgt ervoor dat de aangeboden kwaliteit van de stream bepaald wordt door de bandbreedte die op dat moment voor de kijker beschikbaar is. Daarna biedt de MMP Content Manager de nieuwe assets aan in de ‘Assets Library’. Er kunnen ‘Roles’ en ‘Workflows’ worden ingesteld zoals dat bekend is binnen SharePoint. Hiermee kan het bewerken en goedkeuren van assets in goede banen worden geleid.

Behalve het toevoegen en bewerken van metadata van bestaande video’s is het ook mogelijk om een live-uitzending te starten vanuit de MMP Content Manager. Allereerst wordt aangegeven vanaf welke encoder de data binnenkomt. Er kunnen namelijk meerdere encoders geconfigureerd zijn die ieder verschillende video’s encoderen en uitsturen. Vervolgens kan met de druk op de startknop automatisch een publishing point worden aangemaakt en gestart. Wanneer vervolgens wordt bevestigd dat de uitzending On-Air kan, wordt er een XML-bestand gepushed naar de player bij de client, die er voor zorgt dat de video ook daadwerkelijk wordt afgespeeld.

Videobestanden groeperen voor reclameblokken
Live video wil je in veel situaties afwisselen met al eerder gemaakte opnamen. Bijvoorbeeld het bekijken van een herhaling van een sportwedstrijd of het invoegen van een reclameblok. Met de MMP Content Manager kun je verschillende videobestanden alvast groeperen tot een reclameblok met verschillende lengtes. Wanneer je in je live-uitzending een pauze van bijvoorbeeld 5 minuten verwacht, zoek je vervolgens het reclameblok op met ongeveer die lengte. Deze kan dan direct worden ingestart, ook al loopt de livestream. De stream zal op de achtergrond doorgaan, maar de geselecteerde commercials zullen in de player worden getoond. Wanneer het reclameblok is afgelopen, zal automatisch de stream weer te zien zijn.

Al met al herbergt de MMP Content Manager vele features die erg nuttig zijn bij het maken en beheren van video’s. De benodigde documentatie is te vinden op de downloadpagina van de MMP Content Manager, evenals het installatiebestand zelf en de systeemeisen.

Posted Tuesday, August 23, 2011 10:17 AM door Ruud van Kessel

Laat je deze zomer inspireren met MSDN: Web development
Laat je deze zomer inspireren met MSDN: Web development

De trouwe lezers van deze weblog zal het niet ontgaan zijn dat we laatst hebben geïnformeerd over de zomeracties van TechNet en MSDN. Nu de zon zich in de maand juli weinig heeft laten zien zijn er nog meer interessante thema’s waarmee je als developer de zomer toch kunt doorkomen. De onderwerpen zijn ingedeeld in tijdsloten van een half uur, een halve dag of een gehele dag. Je beslist zelf hoeveel tijd je aan een thema wilt besteden. Dit keer staat het thema ‘Web Development’ in de spotlight, welke hieronder zal worden behandeld. Voor het totaaloverzicht van MSDN thema’s klik je hier.

MSDN: Web Development
Een van de belangrijke taken als developer is het vormgeven van de gebruikers-experience. Het is hierbij essentieel om altijd up-to-date te blijven wat betreft de nieuwste mogelijkheden en ontwikkelingen. Enkele producten en diensten die kunnen bijdragen aan het optimaliseren van de webervaring worden onder de aandacht gebracht, zoals Internet Explorer 9, het vastpinnen van websites met Windows 7, de mogelijkheden van HTML 5, WebMatrix en Windows Azure.

Ik heb een half uur
Heb je een half uur van je tijd beschikbaar? In 30 minuten kun je ervaren hoe Internet Explorer 9 de webervaring naar een hoger niveau kan tillen, mede dankzij hardware-versnelde graphics en HTML 5. Bekijk ook de mogelijkheden van websites vastpinnen aan de Windows 7 taakbalk in Internet Explorer 9.

Ik heb een halve dag
Ben je al een stapje verder en wil je meer uit de ontwikkelingen halen? De Internet Explorer Test Drive geeft webontwikkelaars een kijkje in de keuken van de nieuwste Internet Explorer 9 functionaliteit. Of neem een diepe duik in de wereld van HTML 5. Leer over Canvas-concepten en wat de toekomst van HTML 5 te bieden heeft. Een geweldig initiatief is de wijze hoe het beeldverhaal van de film Tron:Legacy met gebruikmaking van HTML 5 Canvas op spectaculaire wijze tot leven komt.

Ik heb een hele dag
WebMatrix en Windows Azure voor PHP bieden beide genoeg stof om een dag of meer mee te vullen. Met WebMatrix, de nieuwe gratis webontwikkelingstool van Microsoft, kun je eenvoudiger dan ooit websites creëren, bewerken en publiceren. Heb je meer dan een dag beschikbaar en ben je benieuwd hoe je je PHP code binnen het Azure platform kan draaien? Ga dan aan de slag met Windows Azure SDK voor PHP-developers. Daarnaast geven experts Josh Holmes en Peter Laudati praktische instructies over Easy Setup for PHP on Azure Development, Performance Metrics, Role Management en New SDK and Sample Kits.

Dus niet getreurd als er weer een flinke regenbui neervalt boven Nederland. Maar benut de tijd binnenshuis en schroef je kennis over web development nog verder op.

Posted Monday, August 15, 2011 2:00 PM door Martijn Nooij

Zet je website voorop met pinning
Zet je website voorop met pinning

IE9 Site Pinning voor Windows 7 maakt het mogelijk om je website op een plek te zetten waar bijna alle gebruikers hun applicaties openen, de taakbalk. Met een kleine inspanning vergroot je de toegankelijkheid van je website en krijg je meetbaar meer bezoekers én blijven bezoekers langer op je site. Veel Nederlandse sites, waaronder Martkplaats, Tweakers, Hardware.info, MSN, Hotmail en Buienradar maken daarom al gebruik van deze functionaliteit.

BuildMyPinnedSite.com bevat een kort en duidelijk stappenplan om op je website eenvoudig en snel pinning mogelijk te maken. Het stappenplan bestaat uit zeven stappen met codevoorbeelden en handige tools om je te helpen. Je doorloopt hiermee snel het proces en je maakt optimaal gebruik van alle mogelijkheden van pinning.

Jumplist van hardware.info

Jumplists
In een jumplist zijn koppelingen te plaatsen naar belangrijke plaatsen op je website, dit wordt een statische jumplist genoemd. Het is echter ook mogelijk om een dynamische jumplist toe te voegen, waarmee je aan de gebruiker bijvoorbeeld de meest interessante items van dat moment kan tonen.

Veel websites maken al gebruik van pinning, je kan zelf pinning testen op bijvoorbeeld Hardware.info. Sleep simpelweg de browsertab naar je taakbalk. Hardware.info zorgt er door middel van de jumplist voor dat gebruikers de website en haar belangrijke onderdelen snel kunnen bereiken. In de afbeelding hiernaast is een afbeelding van deze jumplist te zien.

Hotmail notificatie in de taakbalk

Notificaties
Een andere mogelijkheid van pinning, is notificeren. Door middel van het icoon in de taakbalk is het mogelijk om gebruikers te notificeren op het moment dat zij een nieuwe statusupdate of een nieuw e-mailbericht ontvangen. Dat laatste heeft Windows Live Hotmail toegepast. Aan de hand van het icoon in de startbalk, kan de gebruiker zien of er nieuwe e-mails binnen zijn gekomen.

Facebook en Twitter buttons in de pinned site van buildmypinnedsite.com

Thumbnail preview buttons
Door middel van pinning is het zelfs mogelijk om functionaliteit van je website via de taakbalk beschikbaar te maken voor de bezoekers. De functies van je website zijn te gebruiken via knoppen die te zien zijn op het moment dat een gebruiker met de muis over je icoon heen gaat in de taakbalk. Hierbij wordt tevens een preview getoond van je website, zoals je bij ieder programma in de taakbalk gewend bent.

De afbeelding hiernaast laat zien dat BuildMyPinnedSite.com een Twitter- en Facebook-icoon heeft toegevoegd. Hierdoor kan een gebruiker snel naar de social media kanalen van deze website navigeren. Maar is ook mogelijk om met deze knoppen bijvoorbeeld een muziekstream op de website te starten of te pauzeren.

Ben je benieuwd naar de mogelijkheden van pinning en wil je deze graag toevoegen aan je website? Surf dan voor alle informatie naar BuildMyPinnedSite.com.

Posted Thursday, July 21, 2011 6:16 PM door Ruud van Kessel

Windows Live functionaliteit in je website met Messenger Connect
Windows Live functionaliteit in je website met Messenger Connect

Messenger Connect geeft webdevelopers de mogelijkheid om vanaf hun website het Windows Live profiel van hun bezoekers te benaderen. Op een eenvoudige manier is zo een site persoonlijker te maken voor de bezoeker. Zo krijgen gebruikers de mogelijkheid om vanaf een website hun Windows Live status te wijzigen met bijvoorbeeld een activiteit die op dat moment op de site wordt gedaan. Wanneer bezoekers van je site foto’s of video’s kunnen uploaden, dan kan je ze met Messenger Connect de mogelijkheid geven deze bestanden direct te laden vanaf hun Skydrive, de online opslagdienst van Microsoft. Tevens kunnen gebruikers hun Windows Live ID gebruiken om zich te registreren of in te loggen op een website die gebruik maakt van Messenger Connect.

Om het voor webdevelopers zo eenvoudig mogelijk te maken om Microsoft Connect te integreren in hun website, voldoet de API aan de volgende punten:

  1. De integratie is mogelijk door middel van enkele regels JavaScript.
  2. De API is vergelijkbaar met die van andere populaire platformen, er hoeft dus geen nieuwe techniek geleerd te worden.
  3. De API is compatible met API’s van andere platformen.

Waarom Messenger Connect?
Messenger Connect richt zich op de volgende drie belangrijkste scenario's:

  1. Identiteit: Maandelijks zijn er meer dan 500 miljoen Windows Live ID's in gebruik. Met Messenger Connect wordt het voor bezoekers mogelijk om dit Windows Live ID te gebruiken om te registreren of in te loggen op je site.
  2. Sociale verspreiding: Met Messenger Connect kunnen bezoekers gemakkelijk delen met hun vrienden wat zij aan het doen zijn op jouw website.
  3. Real-time delen van ervaringen: Gebruikers willen graag in realtime ervaringen uitwisselen: zien wie van hun vrienden ook op een website zijn en chatten met anderen zonder de website te verlaten. Met Messenger Connect kunnen bezoekers op jouw website live chatten met hun vrienden en zelfs met andere bezoekers die op de site aanwezig zijn.

Hoe is Messenger Connect te integreren op je website?
Door middel van de JavaScript API is Messenger Connect gemakkelijk te integreren op je website. Daarnaast zijn ook functionaliteiten zoals het doen van status updates en het ophalen foto’s en video’s via een REST API te bereiken.

Op Windows Live is een interactieve SDK te vinden, waar de functionaliteiten van de Messenger Connect API ontdekt kunnen worden. Op deze website zijn de functionaliteiten uitgewerkt met codevoorbeelden en is het tevens mogelijk om iedere functionaliteit ter plekke te testen. Deze interactieve SDK is te vinden op http://isdk.dev.live.com. De volledige documentatie van Messenger Connect is te vinden op MSDN.

Toepassingen
Op de website van Windows Live is een Messenger Connect Showcase te vinden. In deze showcase worden verschillende voorbeeldwebsites getoond die gebruik maken van Messenger Connect. Zo wordt er een voorbeeld gegeven van een site van een reisbureau die de mogelijkheid geeft om reistijden direct toe te voegen aan de Hotmail Calendar. Een ander voorbeeld is een social network site, waar Messenger Connect gebruikt wordt om vrienden te vinden aan de hand van de Windows Live Contacts. Meer voorbeelden zijn te vinden in de showcase op http://www.connectdemos.com.

Posted Wednesday, July 20, 2011 10:23 AM door Ruud van Kessel

De inspirerende zomer van TechNet en MSDN
De inspirerende zomer van TechNet en MSDN

De zomer is voor veel mensen een mooie tijd om er eens lekker tussen uit te gaan of om gewoon even bij te komen van al dat harde werken. Maar na een aantal dagen van totale rust, komt toch vaak die drang om iets nuttigs te doen: eindelijk eens die garage opruimen of de achterstallige klusjes doen in huis. Maar speciaal om alle developers en IT professionals te helpen met het opvullen van hun loze uurtjes brengen de teams van TechNet en MSDN een aantal interessante thema’s onder de aandacht. Voor ieder thema wordt een uitgebreide lijst met informatie en trainingen samengesteld. Deze zijn onderverdeeld in drie tijdslots: je kunt kiezen uit een half uur, een halve dag, of een dag. TechNet begint de zomer met informatie over cloud computing en het thema van MSDN is de Client User Experience. Het totaaloverzicht met cloud computing trainingen vind je hier, op de trainingen van MSDN gaan we hieronder dieper in.

MSDN: Client User Experience
Omdat je als developer bezig bent met het vormgeven van de Client User Experience heeft het MSDN team alle benodigde informatie op een rijtje gezet om omgevingen zoals Silverlight, Expression Blend en Sketchflow volledig onder de knie te krijgen. Maar ook vrij nieuwe vormen van user experiences, zoals de Kinect of de Microsoft Surface krijgen de aandacht.

Ik heb een half uur
In een half uur tijd kun je bijvoorbeeld al één van de 80 afleveringen van Silverlight TV bekijken, waarin steeds één onderwerp wordt uitgelicht. Wil je snel meer weten over prototyping dan zijn de korte SketchFlow training video’s een goede keuze. Weer heel iets anders zijn de video’s van de Kinect for Windows SDK Quickstarts, waarmee je vanaf de basis leert om applicaties voor de Kinect te ontwikkelen.

Ik heb een halve dag
Ben je al bekend met Flash en wil je jezelf nu Silverlight eigen maken? Besteed dan een halve dag op de site van Project Rosetta met tools en tutorials om snel applicaties te maken met behulp van Expression Blend. Ook voor de Microsoft Surface is het mogelijk om applicaties te ontwikkelen, binnen een halve dag beschik je over de basiskennis met deze trainingen.

Ik heb een hele dag
Heb je nu een hele dag beschikbaar? Neem dan een kijkje op .toolbox, een trainingsite de helemaal gericht is op Silverlight en Expression. Voor beginnelingen en experts zijn hier trainingen te vinden en na het succesvol afronden hiervan zie je de score terug in je profiel. Als je voorziet dat je meerdere dagen vrij kan maken voor een training dan is de 5 daagse training voor Expression Blend een aanrader. Na dag vijf bouw je zelf de meest innovatieve user interfaces. Uiteraard heb je de mogelijkheid om zelf de dagen te verdelen.

Zorg dus voor wifi op de hotelkamer en bekijk hier het totaaloverzicht met alle informatie en trainingen op een rij.

Fijne zomer!

Posted Wednesday, July 13, 2011 11:20 AM door Ruud van Kessel

FrameRate Fest: De winnaars zijn bekend!
FrameRate Fest: De uitslag

Afgelopen januari ging het FrameRate Fest van start, een platform voor webdesigners en developers om hun kennis en vaardigheden over HTML5 aan de wereld te tonen. In een vlak van 300px breed en 300px hoog konden zij zich zowel technisch als visueel volledig uitleven, in de vorm van bijvoorbeeld een videogame of animatie. Microsoft schreef deze wedstrijd uit om haar betrokkenheid aan de HTML5 standaard te tonen en de voordelen van Internet Explorer 9 met hardwareversnelling te laten zien. Daarnaast is het natuurlijk een mooie showcase van de mogelijkheden van HTML5.

Uit de inzendingen zijn vier winnende frames gekozen. De makers van deze frames zijn beloond met de FrameRate Fest Award wat een 3D print is van hun creatie. Daarnaast ontvingen zij allen een Xbox 360 pakket met Kinect. De jury bestond uit vertegenwoordigers van een aantal vooraanstaande websites: Jort Schutte van Achtung, Patrick de Laive van The Next Web en Timan Rebel van MobyPicture.

Amazing Maze
Amazing Maze is de één van de winnende frames. Deze doolhofgame is gemaakt door Mike Tuitel en Paul Orzino. Aan de hand van de pijltjestoetsen kan de gebruiker een doolhof oplossen. Het jury oordeel van Jort Schutte: “Met Amazing Maze laten de makers zien dat een klein frame je niet hoeft te beperken in speelruimte. Het frame is interactief, voelt groots aan en is leuk om mee te spelen. Ik vond het nog best een klus om de maze op te lossen.” De Amazing Maze is hier te spelen.

Chopper
Een andere frame die in de prijzen viel was Chopper. In deze creatie van Giel Berkers moet de gebruiker een helicopter door een grillig landschap vliegen om zo munten te verzamelen. Daarnaast mag deze natuurlijk niet crashen. Jurylid Rebel: “Leuk en moeilijk spel. Ziet er op het eerste gezicht niet heel spannend uit maar de delay in de gameplay maakt het tof en uitdagend om lang mee te spelen” Chopper is hier te spelen.

Triangularity
Anders dan de twee andere winnende frames maakt Triangularity van maker Michel Ypma geen gebruik van een spelelement. Het laat zich nog het best omschrijven als een interactieve animatie. Aan de hand van kliks en muisbewegingen van de gebruiker ontvouwen zich kleurige waaiers, die het hele frame vullen. Rebel: “De enige in de top 3 zonder spelelement, maar wel met een betoverend effect. Het doet me denken aan de lichteffecten van vroeger, met dansende lichtstralen. Erg leuk gemaakt.” Triangularity is hier te bekijken.

Meer zien?
Naast deze drie winnaars zijn er eervolle vermeldingen voor de frames Drops van Lieven Eulaers en Corbatris van Xavier Vermeiren. Ook zij laten met hun frames zien dat animatie en interactie prima kunnen worden gecombineerd in HTML5. De publieksprijs gaat naar Remco van der Brink. Zijn creatie Rainbow Ride maakt gebruik van hetzelfde principe als Triangularity, animatie op basis van gebruikersinput.

Wil je de overige frames ook bekijken? Ga dan naar www.frameratefest.com. Je kunt de frames het beste in Internet Explorer 9 bekijken. Deze maakt namelijk gebruik van een unieke hardwareversnelling, waardoor de framerate ongekend hoog is. De animaties en games verlopen hierdoor vloeiender dan ooit!

Posted Wednesday, July 13, 2011 11:00 AM door Rick Wissing

Meer posts « Voorgaande pagina - Volgende pagina »