September 2011 - posts - Web

Web

September 2011 - posts

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