Irascian Ltd

Interesting Finds: 2008.06.12

Thu, 12 Jun 2008 00:41:50 GMT

Web

.NET

Other

Set a Validator's Display to 'None' for the ValidatorCalloutExtender

Wed, 11 Jun 2008 21:56:00 GMT

If you look at Figure 15-1 in ASP.NET 3.5 For Dummies , you'll notice that there's an almost-hidden question mark (?) behind the AJAX Control Kit's ValidatorCallout control. The arrow in the picture points to the mistake (bug) in the book. At the time I took the screenshot , I couldn't figure out how to get rid of the underlying validator's error message text. I left the question mark with the intention of getting back to it but I never did. I figured out the problem by the time I shipped the book...(read more)

Performance Tip: Return Only Necessary Columns Using LINQ

Wed, 11 Jun 2008 03:30:37 GMT

I was running into an issue where one of my webmethods was taking a large amount of time to return a small set (5-10 objects). I was using LINQ to SQL. I noticed that the LINQ to SQL query was returning all of the rows. After looking into the table a bit further, I noticed that the table included some columns with a larger type (old text column, image column, etc). So, I decided to modify my select to contain just the columns I needed. It improved my response time from roughly 8 seconds to 250 milliseconds. Here's a sample select statement:

From t In db.News _
Where t.NewsID = NewsID _
Select New With {.Title = t.Title, .Abstract = t.Abstract, .DatePublished = t.DatePublished)

Instead of enumerating these items as type NewsPosting, I had to build a list of type Object or create a new custom type. For my purpose, a Generic.List(Of Object) worked just fine.

Silverlight 2 Beta2 Release

Wed, 11 Jun 2008 06:02:00 GMT

Silverlight 2 Beta2 is vandaag op de markt gelanceerd. Je kunt de toolondersteuning voor Silverlight 2 beta1, Visual Studio en Expression Blend hier downloaden.

Aan de Beta2 zijn heel wat functies toegevoegd (meer details hieronder). Toch is het nog steeds een download van 4.6MB, met een downloadtijd van minder dan 10 seconden. Software van het .NET framework of andere software is niet nodig om ermee te kunnen werken. Ook werken alle functies cross-browser op Mac en Windows pc's en zullen ze via de Moonlight 2 release ook ondersteund worden op Linux.

Silverlight 2 beta2 ondersteunt een go-live licentie waarmee je kan starten met commerciele applicaties in Silverlight 2. Er zullen enkele API veranderingen plaatsvinden tussen Beta2 en de uiteindelijke release, waardoor je erop moet voorbereid zijn dat de applicaties die je hebt gecre�erd met de Beta2 geupdate moeten worden wanneer de finale versie uitkomt. Maar we denken dat deze veranderingen eenvoudig en relatief gemakkelijk zullen zijn, en dat je gerust kunt beginnen plannen en cre�eren.

Je kunt Silverlight Beta2 applicaties bouwen met de VS2008 Tools voor Silverlight en Expression Blend 2.5 June Previeuw. Je kunt beide hier downloaden. De VS2008 Tools voor de Silverlight download werkt met zowel VS 2008 als de recente VS 2008 SP1 beta release.

Verbeteringen aan UI en Control

Silverlight 2 Beta2 bevat een hoop verbeteringen in de UI en Control:

Meer ingebouwde Controls

Beta1 bevatte slechts enkele ingebouwde controls in de core Silverlight setup. De meeste algemene controls (Button, ListBox, Slider, enz) waren ondergebracht in gescheiden assemblies die je moest samenbrengen in je applicatie (waardoor de applicatie download dus langer duurde). Beta 2 installeert nu meer dan 30 van de algemene controls als onderdeel van de core Silverlight 2 download. Dit wil zeggen dat je Silverlight 2 applicaties kunt bouwen die core controls van kleiner dan 3kb gebruiken. Het resultaat is een kleine Silverlight applicatie met een zeer snelle opstarttijd.

Naast de core controls in de basisinstallatie van de Silverlight 2 setup, brengen we deze week ook higher-level controls uit die ge�mplementeerd zijn in aparte assemblies, die je kan verwerken in je applicatie en waarnaar je kan refereren. Deze controls zoals de DataGrid (meer details bij de nieuwe Beta2 functies beneden) , Calendar (nu met meerdere dagen selectie en blackout data ondersteuning in Beta2), en de TabPanel control (nieuw in Beta2).

Op het einde van de rit verwachten we meer dan 100 controls voor Silverlight.

Ondersteuning voor de bewerking van Control Template

E�n van de krachtigste functies in het WPF en Silverlight programming model is de mogelijkheid om de look en feel van de controls helemaal te veranderen. Zo kunnen ontwikkelaars en ontwerpers de UI van de controls bewerken op subtiele of ingrijpende wijze, en het laat ook een enorme flexibliteit toe.Ik behandelde deze materie enigzins hier in mijn vorige Silverlight Control Templating blog.

De Expression Blend 2.5 June Preview van deze week bevat ontwerpondersteuning in om control templates te bewerken. Dit maakt het ons gemakkelijk om een snelle aanpassing te doen aan het uitzicht van elke control zonder naar de XAML broncode te moeten gaan.

Om de control template editing in actie te zien, sleep je gewoon de twee slider controls naar je Expression Blend design surface :

Het kan voorkomen dat we de slider head in de standaard Slider control template te groot en te breed vinden voor onze applicatie. Om de control editing template te gebruiken om dit te veranderen, klikken we met de rechtermuisknop op een van de sliders en selecteren we het "Edit Control Parts" context menu item. We kiezen vervolgens om een 'new control template' aan te maken voor onze slider (en we beginnen vanaf nul). Een andere optie is een kopie bewerken van de ingebouwde control template (en starten vanaf daar om het te bewerken):

Nadat we gekozen hebben om een kopie van de bestaande control template te bewerken, zal Blend ons vragen om een herbruikbare style source te cre�ren en een naam te geven waarin we onze control template zullen definieren. We kunnen het een naam geven en dan verkiezen we dat onze stijl wordt opgeslagen op applicatieniveau (in de App.xaml) of in onze huidige page/usercontrol :

Wanneer we "ok" klikken, zullen we ons in de template editing mode bevinden van onze Slider control. We kunnen elk onderliggend element veranderen, uitrekken of toevoegen/verwijderen in de control van de Slider template. Let hieronder op hoe we in de template editing mode kunnen zien hoe we elk onderliggend element kunnen selecteren in de control van de Slider template (ze zijn in het rood omcirkeld hieronder in de "object" window)

Om onze sliderhead smaller te maken, kunnen we het "HorizontalThumb" element selecteren in de control template en de breedte aanpassen (ofwel grafisch of via de property grid):

We kunnen dan de breadcrumb navigatie bar gebruiken, bovenaan de designer surface, om terug naar onze pagina te navigeren en dus om de control template wijzigingen te zien. :

Let op dat rechts enkel ��n van de slider control de nieuwe Style recource gebruikt met de control template die wij definieerden.

Om dezelfde style resource toe te voegen aan de andere slider control, kunnen we hem selecteren via rechtermuisklik, en dan klikken op "Apply Resource" context menu om onze "ScottSlider" style eraan toe te voegen :

Eens we dit gedaan hebben zullen beide sliders refereren naar dezelfde style :

De veranderen die we maken in de "ScottSlider" style worden automatisch toegepast op beide controls.

Let op dat alle controls in Silverlight 2 control templates ondersteunen. Ze ondersteunen ook de bovenstaande bewerkingen in Expression Blend.

Ondersteuning voor Visual State Manager (VSM)

Control templates in Silverlight en WPF ondersteunen zowel de "look" van een control, als de "feel" van een control. Met "feel" bedoel ik zijn interactieve gevoeligheidsveranderingen. Bijvoorbeeld : hoe ziet hij eruit als je erop klikt, als het gefocused is of net de focus verliest, in ingedrukte toestand, als iets erin geselecteerd is enz ... . Soms wil je animaties starten wanneer er interactie is tussen de control en de gebruiker.

E�n van de nieuwe dingen die we introduceren met Silverlight 2 beta2 is een "Visual State Manager" (VSM) functie waarmee je gemakkelijker interactieve control templates kan maken. VSM introduceert twee basis concepten die je voordeel kunnen bieden in een control template : "Visual States" en "State Transitions". Bijvoorbeeld, een control zoals een Button definieert meerdere visuele statussen voor zichzelf - "Normal", "MouseOver", "Pressed", "Disabled", "Focused", "Unfocused". In de template editing mode in Blend kunnen de ontwerpers nu de looks in elke staat aanpassen, alsook de overgang wanneer je de control doet veranderen van de ene staat in de andere.

Wat tof is aan dit model is dat ontwerpers helemaal geen code hoeven te schrijven, ze moeten geen manuele animatie storyboards schrijven en moeten het object model niet verstaan om productief te zijn. Dit maakt het leerproces voor het maken van interactieve control templates heel gemakkelijk, en in elk geval kan een bestaande grafisch ontwerper heel gemakkelijk werken aan Silverlight projecten. Later dit jaar zullen we de Visual State Manager (VSM) ondersteuning toevoegen tot WPF, waardoor je dezelfde methodes kan toepassen op Windows applicaties en templates kan delen tussen WPF en Silverlight Projecten.

Om een voorbeeld te zien van deze actie, voegen we een Button control toe op onze design surface :

We kunnen dan rechts klikken op de button en zijn control template bewerken. In plaats van te beginnen met de bestaande standaard control template (zoals we hebben gedaan in het slider voorbeeld hierboven), cre�ren we nu een lege control template:

Blend zal ons de naam vragen van de Style resource die we willen cre�ren. We noemen het "ScottButton" en we klikken op ok. Hierdoor zal de designer in control editing mode omgezet worden voor de button en starten met een lege control template:

Wat je vooral moet opmerken in het bovenstaande is het nieuwe "States" venster in Blend. Daarin zullen we alle beschikbare "Visual States" te zien krijgen die de Button control vertoont. Hierboven is de "Base" state of status geselecteerd, waardoor we de gebruikelijke visuele tree van onze Button control template kunnen defini�ren.

We kunnen daarna enkele vectori�le elementen toevoegen aan onze base status (basisstatus), die het uitzicht van een gepersonaliseerde button definieert zoals hieronder. We zouden de ingebouwde tool voor vectorieel tekenen kunnen gebruiken dat ondersteund wordt door Blend om deze afbeeldingen te maken. Een andere mogelijkheid is Expression Design of Adobe Illustrator gebruiken om vectori�le elementen te cre�ren en het finale resultaat implementeren in Blend. Hieronder voegen we 4 "Path" elementen toe aan onze control template, een ronde achtergrond ("background" genaamd), een drop shadow ("shadow" genoemd), een 40% transparantie "shine" dat een gloei-effect toevoegt bovenaan en een dat de standaard inner content definieer (in dit geval een afbeelding van een huis):

Opmerking: we hadden ook een afbeelding kunnen importeren, maar als we gebruik maken van vector�ele elementen, krijgen we de flexibiliteit om de button in een latere fase te verkleinen/uittrekken/transformeren zodat we een crips look en feel behouden bij elke resolutie of verkleining (het is vooral handig in Silverlight mobile scenario's, waarin de schermresolutie kan vari�ren). We zullen ook gemakkelijk een vectorieel element veranderen of er animatie aan toevoegen.

Als we klaar zijn met de ontwerpfase van onze basisstatus hierboven, kunnen drukken op F5 om onze applicatie uit te voeren in de browser:

Zoals je hierboven kan zijn, ziet onze Button er nu veel aantrekkelijker uit. Ondanks deze nieuwe look, wekt de button nog steeds dezelfde focus, click en hover acties op zoals voorheen. Een ontwikkelaar die de buttons gebruikt moet de code dus niet veranderen als hij wil werken met een button die werd vormgegeven met onze nieuwe control template.

Een nadeel van onze nieuwe button control template, is dat het niet interactief is. Dit betekent dat ik geen visuele feedback krijg als de button de focus krijgt of verliest, als je erover gaat met de muis of niet. Ik krijg ook geen mooie depress/bounce-back animatie als ik erop klik.

Om interactiviteit toe te voegen aan onze button, keren we terug naar Blend en werken we terug in de control template van de button. Daarnet voegden we vectoriele grafische elementen toe aan de basisstatus van onze button control. Hierdoor konden we de standaard visuele look definieren van alle visuele statussen van onze button. We kunnen nu teruggaan en elke afzonderlijke visuele statut van de button personaliseren.

Bijvoorbeeld, om een mouse-over actie te implementeren voor onze button, kunnen we de "MouseOver" status in het "States" venster selecteren om dan de look van de button te cre�ren als het zich in die status bevindt. Hieronder heb ik het "shine" vectorieel element geselecteerd in onze control template en heb ik de Opacity eigenschap aangepast in de property grid zodat de button iets visueler is in de MouseOver status. Merk op hoe blend automatisch het "Shine" element highlight met een rode stip en daarna de Opacity eigenschap plaatst in ons objectvenster. Hierdoor kan je gemakkelijk alle veranderingen opvolgen die we hebben gemaakt tussen de "Base" status en de "MouseOver" status in onze control template:

We kunnen vervolgens de "Pressed" status selecteren in ons "States" venster en personaliseren hoe een button er moet uitzien als er op geklikt wordt. We zullen twee aanpassingen doen in de "Base" status. De eerste aanpassing is het "Shine" element zichtbaar maken (zoals in de MouseOver status). De tweede aanpassing zal de inhoud van de button control lichtjes een offset effect geven, terwijl het shadowelement op zijn plaats blijft. . HIerdoor zal de button eruitzien alsof ze niet ingedrukt is en zal het mooi contrasteren met de basis visual:

We kunnen de offset verandering implementeren in de achtergrond, de inhoud en de shine elementen door ze te selecteren in de designer en dan een offset render transform erop toepassen in de property browser:

En als we nu onze applicatie uitvoeren in de browser, dan zullen we zien dat onze button nu interactieve visuele feedback geeft als ze gebruikt wordt. Hieronder zie je de "normale" look van onze button:

Het gloeieffect zoals hieronder krijg je door met de muis over de button te gaan:

Door op de button te klikken zal ze 'ontklikken' en de shadow verbergen (het zal in de oorspronkelijke staat teruggeplaats worden als de muisklik stopt):

Merk op dat we geen code of XAML hebben moeten schrijven om de look en feel van onze Button te veranderen. De nieuwe Visual State Manager functie heeft de bewegingen tussen de visual states automatisch voor ons afgehandeld.

Silverlight bouwt voert een transitie Storyboard dynamisch voor je uit als je je van visual state naar visual state begeeft (en zo verkrijg je een vloeiende animatie tussen de twee states). Je hoeft hiervoor geen code te schrijven (opmerking: je hebt wel nog steeds de mogelijkheid om een een gepersonaliseerde Storyboard transitie toe te voegen als je dit wil, maar in de meeste gevallen is de automatische Storyboard transitie voldoende).

Een functie waarvan je kan profiteren met de automatische transitie in Silverlight, is de mogelijkheid om de duur van een visual state transitie te personaliseren. Je kan dit doen door te klikken op de pijl aan de linkerkant van een van visual state en een regel op te stellen die bepaald hoelang de transitie animatie zou mogen duren wanneer je van een visual state naar een andere gaat.

Bijvoorbeeld, we zouden kunnen aanduiden dat de transitie van "Normal" naar "MouseOver" 2 seconden mag duren, door de onderstaande regel toe te voegen:

We kunnen deze regel dan zo configureren dat de transitie tussen Normal-> MouseOver slechts twee seconden mag duren:

We kunnen dan klikken op de "MouseOver" state en een regel instellen waarmee aangeduid wordt dat de transitie van Mouseover -> 4 seconden mag duren:

Als we nu de applicatie opnieuw uitvoeren, dan zien we dat de animatietransitie voor MouseOver scenario's trager verloopt, waardoor onze applicatie er wat meer afgewerkt uitziet. We hebben niet een lijn code moeten schrijven om dit allemaal mogelijk te maken. Alle controls die uitgebracht zijn met Silverlight 2 zullen ingebouwde support bevatten voor Control Template en Visual State Manager personalisatie zoals hierboven.

Om meer te leren over de nieuwe Visual State Manager en Control Template Editing functies, bekijk dan zeker hier and hier de tutorials en de videos hier, hier, en hier.

TextBox

Beta2 bevat belangrijke verbeteringen aan de ingebouwde TextBox editing control. Ook Text scrolling met text-wrap, multi-line text selecties, document navigation keys, en copy/paste met het klembord worden nu ook ondersteund.

Beta2 bevat nu ook IME niveau 3 input ondersteuning (met onder andere candidate window selection) voor niet-Westerse charactersets:

Input Ondersteuning

Beta2 biedt ook toetsenbord ondersteuning in Fullscreen modus (pijltjes, tab, enter, home, end, pageup/down, space). Opmerking: volledige input ondersteuning is niet toegelaten om paswoord spoofing scenario's te vermijden.

Beta2 biedt ook nieuwe APIs om inking en stylus te ondersteuning.

UI Automatisatie and Toegankelijkheid

Beta2 voegt UI Automatieframework ondersteuning toe aan Silverlight. Met UI Automatie (of UIA) kunnen beeldschermlezers en andere assitieve tools componenten identificeren die allemaal samen je Silverlight 2 applicatie vormen. Ze kunnen met deze combinatie ook in interactie treden.

Beta2 gebruikt het UIA framework en voegt UIA gedragingen toe aan een initi�le set van Silverlight controls. Met de finale release van Silverlight 2, zullen alle controls UIA gedragingen bevatten die gebaseerd zijn op UIA. We zullen ook ondersteuning toevoegen voor hoge-contrast scenario's. Met deze functies zul toegankelijke, sectie 58 compatibele applicaties kunnen bouwen. Deze UIA ondersteuning zal je ook in staat stellen om automatische UI testing te doen van applicaties.

Animatie and Graphic Systeem

Beta2 voegt ondersteuning toe om animatie toe te voegen aan gepersonaliseerde dependency properties. Ondersteuning voor objectanimatie (animating structs) wordt nu ook ondersteund. Beta2 ondersteunt eveneens de mogelijkheid om Storyboards in code te cre�ren die delen van de render tree kunnen animeren zonder dat ze eraan moeten worden toegevoegd (hierdoor kan je animaties helemaal in de code onderbrengen). Per frame zal er animatie callback worden toegevoegd in de finale release.

Beta2 bevat een nieuwe Visual Tree Helper static class dat geavanceerde inspectie API's van de visual tree. Het biedt functies, zoals de mogelijkheid om de children van een element te nummeren en de ancestor/parent krijgen van een gegeven referentie element. Deze API's werken met elk UIElement die je eraan toevoegt.

DeepZoom

Beta2 ondersteunt nu een XML gebaseerd manifestbestand voor DeepZoom collecties. Beta2 voegt ook uitbreidbare MultiScaleTileSource ondersteuning voor DeepZoom.

WPF Compatibiliteit

Silverlight Beta2 bevat een hoop herstellingen/veranderingen om de API compatibiliteit tussen Silverlight en WPF te verbeteren (opmerking: de finale release van Silverlight zal bijkomend compatibiliteitswerk bevatten). We zullen ook enkele nieuwe API's toevoegen die we zullen introduceren in Silverlight to WPF in .NET 3.5 SP1 deze zomer.

Deze inspanningen, in combinatie met de VSM ondersteuning die we later dit jaar zullen toevoegen aan WPF, zullen je in staat stellen om code te hergebruiken door browser en desktop applicaties heen.

Media verbeteringen

Silverlight 2 Beta2 bevatten significant werk wat Media betreft.

Adaptive Streaming

Beta2 voegt ondersteuning toe voor "adaptive streaming". Hiermee kan je media encoderen tegen meerdere bit-rates. Dan kan je met een Silverlightapplicatie dynamisch switchen tussen hen afhankelijk van het netwerp en de CPU condities.

Hierdoor worden veel rijkere media-ervaringen voor de eindgebruiker mogelijk. Het wordt zo immers mogelijk dat contentproviders zowel lower-end als higher-end bitrate versies van een video bieden. Silverlight kan dan de meest optimale versie kiezen, gebaseerd op de hardware en netwerkcapaciteit van de eindgebruiker. Als de machine- of netwerkcondities veranderen terwijl de gebruiker de video bekijkt, dan kan Silverlight automatisch overschakelen naar een meer gepaste bitrate zonder buffering of haperingen.

De ondersteuning voor adaptive streaming van Silverlight is uitbreidbaar. Hierdoor kan iedereen zijn eigen logica inpluggen om te bepalen vanwaar de media content komt en welke bitrate er zou moeten worden gebruikt. Dit betekent dat elke CDN of medialeverancier gemakkelijk zijn systeem kan integreren in Silverlight en zo video's kan leveren van superhoge kwaliteit.

Content bescherming

Beta2 bevat DRM contentbescherming, en ondersteunt Windows DRM en PlayReady DRM. Beide werken cross-browser en cross-platform.

Server Side Playlists

Beta2 voegt ondersteuning toe voor serverside playlists (voorgaande releases ondersteunden enkel clientside playlists).

Verbeteringen voor netwerken

Silverlight 2 Beta2 bevat een hoop werk op gebied van netwerken:

Cross-domein Sockets

Met Beta2 is cross-domein netwerkondersteuning mogelijk. Hiervoor wordt zowel HTTP als Sockets gebruikt (wat betekent dat je applicaties andere sites kan aanspreken dan de deze waarvan de applicatie was gedownload).

Silverlight zal het bestaan van een XML policy bestand controleren op target servers, dat aanduid of cross-domein netwerktoegang toegelaten is. Silverlight ondersteunt een nieuw XML policy bestand dat we hebben ontwikkeld, alsook Flash policy bestanden (wat betekent dat bestaande sites die openstaan voor Flash aangeroepen kunnen worden vanuit Silverlight zonder bijkomende inspanningen).

Background Thread Netwerken

Beta2 laat nu toe dat Silverlightapplicaties netwerkverzoeken over background threads kunnen starten, alsook netwerkantwoorden over background threads behandelen. Hierdoor zijn een hele reeks krachtige scenario's mogelijk en kan je vermijden dat de browser's UI thread geblokkeerd wordt terwijl je zowel HTTP als Socket communicatie doet.

Duplex Communication (Server Push)

Beta2 maakt ondersteuning mogelijk om duplex communicatie kanalen op te zetten met een WCF service op een server. Hierdoor kan je hele mooie programmeermodellen maken waarmee servers boodschappen kunnen "pushen" naar Silverlight clients zonder dat de ontwikkelaar handmatig de servers moet bedienen om veranderingen door te voeren. Dit programmeermodel is zeer nuttig in een brede waaier aan scenario's, zoals instant messaging/chatapplicaties en monitoring/update applicaties zoals stock tickers en traderapplicaties.

Web Services

Beta2 maakt belangrijke verbeteringen voor interop met SOAP gebaseerde webservices. Web service proxy class end-point URLs kunnen nu geconfigureerd worden zonder applicaties te moeten recompileren. Visual studio heeft nu een nieuwe "Silverlight-enabled WCF Service" project item template, dat je kan toevoegen aan ASP.NET webprojecten om services te publiceren naar clients.

REST en ADO.NET Data Services

Silverlight bevat ondersteuning om te kunnen werken met REST gebaseerde webservices.

Beta2 voegt ondersteuning toe om ADO.NET Data Services aan te roepen en te "consumeren" (voorheen bekend met codenaam: "Astoria"). ADO.NET Data Services zullen worden uitgebracht als onderdeel van .NET 3.5 SP1 en maakt publiceren mogelijk van data eindpunten in een ASP.NET webproject, die consumeerbaar zijn vanaf elke client door gebruik te maken van REST URI's. Silverlight Beta2 bevat nu ook ADO.NET Data Service clientondersteuning, waardoor je deze services gemakkelijk kan aanroepen (en als je dit wil ook LINQ expressies gebruiken in SIlverlight om externe REST queries ernaar te verwijzen).

JSON

Silverlight ondersteunt het aanroepen van JSON-gebaseerde services op het web.

Beta2 bevat nu LINQ to JSON ondersteuning, waardoor je gemakkelijk JSON resultaten naar .NET objecten kunt queryen, filteren en mappen in een Silverlightapplicatie. Dit maakt het heel gemakkelijk om AJAX eindpunten en services die gepubliceerd zijn op het werk aan te roepen en ermee te werken.

Data verbeteringen

Silverlight 2 Beta2 bevat een hoop werk op gebied van dataspace:

DataGrid

Beta2 voegt een aantal nieuwe functies toe aan de DataGrid control, zoals ondermeer:

Auto-sizing ondersteuning voor kolommen en rijen
Sorteren van kolommen (met ondersteuning voor zowel sortering voor ��n kolom als voor meerdere kolommen)
Ondersteuning voor herordenen van kolommen door eindgebruikers (ze kunnen kolommen slepen en verplaatsen om de volgorde te herordenen)
Ondersteuning voor "frozen' kolommen (waardoor je kan vermijden dat een bepaalde kolom gepersonaliseerd wordt)
Prestatie en bugherstellingen

DataBinding

Beta2 voegt meer core data-binding functies toe en betere validatie ondersteuning, zoals ondermeer:

Per-binding Validatie en BindingValidationError event handler ondersteuning voor controls (waardoor je input validatie kan doen met TwoWay bindings)
Ondersteuning voor binding expressies voor attached properties
Rijkere binding waardeconversie ondersteuning (met ook waardeconversie fallback ondersteuning)

Ge�soleerd opslaan

Met silverlight kunnen applicaties data lokaal op een client opslaan (via de functie "Isolated Storage"). Applicties kunnen gebruikers vragen om hen groottepermissies toe te kennen voor dit opslaan (bijvoorbeeld: een gebruiker kan een e-mailprogramma 50MB lokale opslagruimte toekennen).

Beta2 vermeerdert de standaard lokale opslagruimte die wordt geboden door Silverlightapplicaties tot een grootte van 1MB. Beta2 biedt nu ook betere eindgebruikerondersteuning voor het beheer van per-site opslagpermissies, alsook de mogelijkheid om gemakkelijk de lokale opslagruimte van een applicatie aan te roepen of te verwijderen. Management UI om dit te beheren, kan nu door een eindgebruiker worden opgevraagd door de rechtermuisklik op een Silverlightapplicatie en de "Silverlight Configuration" menu optie te kiezen.

De compatibiliteit met Silverlight 1.0 en Silverlight 2 Beta 1 begrijpen

Silverlight 2 Beta2 is compatibel met applicaties die doelen op Silverlight 1.0.

Silverlight 2 Beta2 zal geen applicaties uitvoeren die doelen op Silverlight 2 Beta1, omdat we een aantal API veranderingen hebben doorgevoerd tussen de twee beta's voor de nieuwe functies die zijn toegevoegd aan Silverlight 2. Browsers waarop Silverlight 2 Beta1 ge�nstalleerd is, bezoeken een site die een Silverlight Beta2 applicatie host, zal gevraagd worden te upgraden naar de nieuwere beta van Silverlight. Eens ze dit gedaan hebben, zullen ze geen Beta1 applicaties kunnen uitvoeren als ze Beta2 niet de�nstalleren. Dit betekent dat als je een sample hebt gepubliceerd op het web die gebouwd werd met Beta1, je waarschijnlijk zal moeten updaten naar Beta2.

We hebben hier een document gepubliceerd waarin de veranderingen tussen Beta 1 en Beta 2 in detail te lezen zijn. Ik beveel jullie ook aan What Changed in Silverlight 2 Beta2 van Shawn Wildermuth te lezen en de Upgrading your Silverlight 2 Projects to Beta2 posts voor meer details over enkele van de veranderingen tussen Beta1 en Beta2.

Samenvatting

Om meer te leren over Silverlight 2 en om de Beta2 release te downloaden, neem dan een kijkje op http://www.silverlight.net en http://expression.microsoft.com websites. We zullen artikels posten, alsook tutorials, video's en meer over beide websites in de komende dagen en weken. Ik zal ook enkele tutorials posten op mijn blog.

ALs je ze nog niet hebt gelezen, dan kan ik ook mijn vorige blog posts First Look at Silverlight 2 en First Look at Expression Blend with Silverlight 2 aanbevelen, die ik enkele maanden terug heb geschreven toen Beta1 uitkwam, omdat ze een goed overzicht bieden van het Silverlight programmeermodel en hoe erop te doelen met zowel Visual Studio 2008 en Expression Blend.

Hopelijk kunnen jullie hiermee aan de slag,

Scott

Creating a Native Win32 Splash Screen

Wed, 11 Jun 2008 07:37:00 GMT

Splash screens are all the rage. They're cool, they're fun, and they can be a pain to program right.

I though I would share a native Win32 splash solution with you on this rainy night in June (well, it is June here and it is raining from where I am, YMMV). This is slightly different from your typical splash screen as it's done using the Win32 API calls and it's fired off before the .NET Forms engine even gets started. As a result it's quick and snappy and doesn't intrude on your normal WinForms programming.

First off, let's look at how we're going to invoke it. Here's the Program class that will call our normal splash screen:

   1: [STAThread]

   2: private static void Main()

   3: {

   4:     SplashWindow.Current.Image = new Bitmap(typeof(Form1), "splash.jpg");

   5:     SplashWindow.Current.ShowShadow = true;

   6:     SplashWindow.Current.MinimumDuration = 3000;

   7:     SplashWindow.Current.Show();

8:

   9:     Application.EnableVisualStyles();

  10:     Application.SetCompatibleTextRenderingDefault(false);

  11:     Application.Run(new Form1());

  12: }

Note that it's the first thing called (even before we do Application calls or create the main form). We're launching it using a JPG image but any embedded or external resource file will do (JPEG, PNG, BMP, etc.). There are a couple of options we turn on here like showing a shadow (if the OS supports it) and setting a duration.

The duration is the minimum number of milliseconds to display the splash screen for. For example you can set this to 5000 (5 seconds) and no matter how much or how little your app is doing, the splash screen will stay around for at least this long. This is handy to keep it up even though your app may find a burst of speed and be ready before you know it.

Now that we've launched the splash screen, we just go about our normal business and at the right time launch the main window and tell the splash screen to go away. We'll do this in our Main form class by overriding the OnActivate event:

protected override void OnActivated(EventArgs e)
{
    base.OnActivated(e);
    if (_firstActivated)
    {
        _firstActivated = false;
        SplashWindow.Current.Hide(this);
    }
}

The call here to SplashWindow.Current.Hide passes in the Form derived class of our window. The SplashWindow will keep a reference to this Form object so later in the splash thread it can invoke Activate on the Form class to pop it up after destroying itself. The "_firstActivated" variable is just a boolean set on the Form class and set to true at creation. This prevents us from hiding the splash screen if the main form is activated more than once (can happen).

And that's it for using the SplashWindow. Simple huh? Here's our splash in action over top of our important business application (another Bil Simser UI Special):

Splash Window:

Main Window with Splash in Front:

Ready to work!

One of the other options you can do with this class is to provide it a custom event handler. This is called during the WM_PAINT event and will allow you to get a copy of the Graphics object that the SplashWindow owns (the surface holding the bitmap image you provide) and a Rectangle class of the boundaries of the splash window. This is really handy for doing fancy stuff to your splash screen without having to fuss around with the image itself.

For example here's the call to our SplashWindow again but using a custom handler:

   1: [STAThread]

   2: private static void Main()

   3: {

   4:     SplashWindow.Current.Image = new Bitmap(typeof(Form1), "splash.jpg");

   5:     SplashWindow.Current.ShowShadow = true;

   6:     SplashWindow.Current.MinimumDuration = 3000;

   7:     SplashWindow.Current.SetCustomizer(CustomEventHandler);

   8:     SplashWindow.Current.Show();

9:

  10:     Application.EnableVisualStyles();

  11:     Application.SetCompatibleTextRenderingDefault(false);

  12:     Application.Run(new Form1());

  13: }

And here's the custom handler. This simply uses the GDI+ function of drawing a string on the Graphics surface. You could use this to display version information from your app, progress messages, etc. without having to build a form and adding labels to it.

   1: private static void CustomEventHandler(SplashScreenSurface surface)

   2: {

   3:     Graphics graphics = surface.Graphics;

   4:     Rectangle bounds = surface.Bounds;

5:

   6:     graphics.DrawString("Welcome to the Application!",

   7:                         new Font("Impact", 32),

   8:                         new SolidBrush(Color.Red),

   9:                         new PointF(bounds.Left + 20, bounds.Top + 150));

  10: }

And here's the result:

Of course this is pretty simplistic. I would love to see some creative geniuses out there do something cool with this. Since your have the Graphics object (already loaded with the splash screen image) and the GDI+ at your disposal, the sky is the limit. Let me know what you come up with.

Like I said, this is simple and easy. A few lines of code in your main program to launch it, one line to hide it, and the initialization is just providing it an image to display. All of the code is available for download below in source and binary form. You can just add the SplashLib.dll to your projects and go. Or feel free to enhance it, the code is released under the Creative Commons Attribution-Share Alike 3.0 Unported License. You can share and adapt it (even in commercial work) but please give back to the community.

One side note, .NET doesn't provide an interface to winuser.h and other Win32 headers so the structures and constants that are needed by SplashWindow to work are in the class. If you're a ReSharper junkie you'll notice that R# complains that the file has a lot of dead code. Don't for the love of all that is holy remove the unused structure members as the SplashWindow will fall down and go boom.

Of course there's room for improvement so feel free to send me your changes or enhancements!

SplashLib Source Files
SplashLib Binary Files

Enjoy!

The Power is released - ReSharper 4.0

Wed, 11 Jun 2008 08:54:00 GMT

It has been quite a while, i wrote something usefull here. Main reason is, that i simply dont find time to write blog. I try it, but there is allways something to do. But, this is worth for breaking the stride.

ReSharper 4.0 Release Version is out. JetBrains developed a great product. They waited quite a while, to released new power to the marked. Guess, mainly because they really tested the software to be perfect in use for new .NET frameworks.

It nice to see, my Visual Studio sidebar is not red anymore.

The functionality is listed here (on the fly error analysis, removing code redundancies and more). Shortly, i will write about increasing productivity with ReSharper in Visual Studio. So, stay tuned.

Till then, try it, use it, love it.

Download link

Sortie d'ASP.NET MVC Preview 3

Wed, 11 Jun 2008 09:45:31 GMT

Le mardi 27 Mai est sorti la Preview 3 du framework MVC d'ASP.NET. Scott Guthrie avait parlé, le mois dernier, d'une version interne chez Microsoft qui incluait pas mal de fonctionnalités de cette preview. Cette version contient néanmoins des fonctionnalités que celle du mois dernier n'avait pas dont quelques améliorations et perfectionnement en plus des outils pour Visual Studio 2008.

Vous pouvez télécharger un installeur pour la Preview 3 du framework MVCd'ASP.NET ici. Vous pouvez également télécharger les codes sources ainsi que le framework de test unitaires ici.

Contrôleur de méthode d'action

La Preview 3 du framework MVC ASP.NET comprend les modifications du contrôleurs qui avaient été discutées et vues dans les sources de la version d'Avril. Il y a tout de même eu quelques ajustement.

Vous pouvez continuer à écrire des méthodes du contrôleur qui retournent "void" et qui encapsule toute la logique de l'action. Par exemple :

Qui rendra le HTML suivant quand on l'exécute :

La Preview 3 supporte maintenant une approche où vous retournerez un objet "ActionResult" qui permet d'indiquer le résultat de l'action et d'effectuer un traitement en rapport. Cela va permettre de rendre les tests beaucoup plus facile à réaliser. Cela va aussi permettre d'avoir une composition plus propre et d'avoir un contrôle sur l'exécution.

Par exemple, nous pourrions utiliser LINQ to SQL avec notre méthode "Browse" pour récupérer une liste d'objet "Product" de notre base de données et indiquer que nous voulons une vue pour les afficher. Le code suivant passera trois "ViewData" à la vue :

Title (string)
CategoryName (string)
Une liste de "Product" (liste typée)

Un des avantages d'utiliser l'ActionResult ci-dessus est que cela rend la création d'un test du contrôleur vraiment simple. Ci-dessous un test qui vérifie la comportement de notre méthode "Browse" :

Nous pouvons donc créer une vue dans le répertoire \Views\Products pour afficher la réponse en utilisant le "ViewData" qui a été initialisé au-dessus :

Lorsqu'on se rend sur /Products/Browse/Beverages, on obtient maintenant le résultat suivant (les utilisations de ViewData sont entourées en rouge) :

Notez qu'en plus de "ViewResult" (pour indiquer qu'une vue doit être affichée), la Preview 3 du framework MVC d'ASP.NET permet de retourner un "JsonResult" (pour des scénarios de sérialisation JSON AJAX), un "ContentResult" (pour le contenu sans vue) ou encore HttpRedirect et RedirectToAction/Route.

L'approche ActionResult est extensible (permet de créer votre propre type de retour) et vous verrez apparaître d'autres types de retour dans les prochaines versions.

Amélioration des méthodes d'aide HTML

Les méthodes d'aides à la manipulation du HTML ont été mise à jour dans la Preview 3 du Framework ASP.NET MVC. En plus de quelques bugs qui ont été corrigés, il y a de nouvelles fonctionnalités assez utiles.

Lookup automatique

Dans les précédentes version de la preview, vous deviez toujours explicitement passer une valeur pour l'afficher à l'aide des Helper HTML. Par exemple, vous procédiez comme ceci :

Vous pouvez toujours procéder de cette manière mais vous avez maintenant la possibilité de simplifier l'écriture :

Les HTML Helper vont maintenant directement rechercher dans le ViewData ou dans le Model avec la clef "ProductName" pour trouver la valeur.

SelectList et MultiSelectList ViewModels

Les nouvelles classe SelectList et MultiSelectList ont été inclues pour faciliter la création de dropdownlist ou multi-listbox HTML (avec la gestion de l'élement courant etc.). Une approche qui peut être utilisée pour générer des formulaires de façon plus propre. Vous devez, pour cela, déclarer le nouvel objet et le passer dans le ViewData pour l'afficher dans la vue.

Par exemple, ci-dessous, nous allons créer un objet SelectList avec une liste d'identifiants de catégories provenant d'une base de données. Nous indiquons que nous utiliserons "CategoryID" pour la valeur et "CategoryName" pour le texte qui sera affiché. On défini également l'ID par défaut :

Dans notre vue, nous n'avons besoin que d'utiliser le code suivant pour afficher notre "drop-downlist" avec le SelectList que nous avons déclarer dans notre ViewData :

A l'exécution, cela rendra :

Les scénarios de validation ne sont pas encore inclut avec nos HTML Helpers (vous devez écrire votre propre code pour la validation) mais cela sera inclut prochainement pour rendre la créations de pages d'éditions plus facile.

Vous devriez voir également apparaître des méthodes d'aides pour ASP.NET Ajax pour faciliter l'intégration d'Ajax dans ASP.NET MVC.

Amélioration de l'URL Rooting

La Preview 3 d'ASP.NET MVC inclue un grand nombre d'améliorations concernant le système de routage. C'est l'une des fonctionnalités les plus essensielles lorsqu'on parle de modèle MVC, c'est pour cette raison que nous mettons un focus dessus depuis les premières versions. Notre nouveau moteur de routage sera délivré avec la SP1 du .NET 3.5 cet été et supportera le Web Forms et les requêtes MVC. ASP.NET MVC contiendra également sa propre version de la librairie. Vous pourrez donc l'utiliser sur des systèmes qui n'ont pas le SP1.

Voici une série d'amélioration de la Preview 3 :

Les méthodes Helpers MapRoute() et IgnoreRoute()

On retrouve dans ASP.NET MVC les nouvelles méthodes d'aide "MapRoute" et "IgnoreRoute" qui peuvent être utiliser pour facilité l'enregistrement de règle de routage. MapRoute() permet d'ajouter des règles de routage à la collection de Routes très facilement. IgnoreRoute() permet d'indiquer au système de routage d'arrêter de traiter certain pattern d'URL (par exemple les handler axd, les ressources ASP.NET qui sont utilisées pour fournir du JavaScript, des images etc.).

Ci-dessous un exemple de démonstration dans la méthode RegisterRoutes du Global.asax :

La méthode MapRoutes() est surchargée et prend deux, trois ou quatre paramètres (le nom de la règle, la syntaxe de l'URL, le paramètre de l'URL par défaut, et les paramètre d'URL optionnels).

Vous pouvez appeler MapRoute() autant de fois que vous le voulez pour enregistrer plusieurs règles de routages dans le système. Par exemple, en plus des conventions par défaut, vous pouvez ajouter des règles nommée comme ci-dessous :

On peut explicitement indiquer que vous voulez générer un lien qui utilise cette règles dans votre vue. Par exemple, nous pourrions utiliser Html.RouteLink de la manière suivante en passant la catégorie "food" comme paramètre à notre contrôleur :

Ce vue affichera donc un lien qui respecte la règles de routage que nous lui avons passée avec la catégorie et affichera le code HTML suivant :

Nous pouvons également utiliser Url.RouteUrl(routeName, values) si vous voulons juste récupérer une URL correspondant à une règle nommée (sans avoir les balises <a> etc.)

De plus, nous pourrions appeler la méthode RedirectToRoute(routeName, values) dans notre contrôleur si nous voulions rediriger l'utilisateur en utilisant une règle d'URL désignée par "routeName".

Plus de fonctionnalité pour le routage

La Preview 3 d'ASP.NET MVC supporte également toute une série de nouvelles fonctionnalités. Vous pouvez maintenant inclure les caractère "-", ".", "," ,";" comme part de votre URL.

Par exemple, utiliser "-" dans l'URL pour facilité le parsing de la langue et de la localisation :

Cela passera les paramètres appropriés correspondant à la langue, à la localisation et à la catégorie au contrôleur.

Règle	Exemple	Paramètres reçus
{language}-{locale}/products/browse/{category}	/en-us/products/browse/food	language=en, locale=us, category=food
	/en-uk/products/browse/food	language=en, locale=uk, category=food

Vous pouvez également utiliser le "." pour les extensions de fichiers pour savoir quel rendu vous devez afficher (hml, xml, etc.) :

La catégorie et le format seront passé au contrôleur (ProductController.Browse).

Règle	Exemple	Paramètres reçus
products/browse/{category}.{format}	/products/browse/food.xml	category=food, format=xml
	/products/browse/food.html	category=food, format=html

La Preview 3 d'ASP.NET MVC supporte également les URL avec du contenu :

Cela passera un paramètre "contentURL" dans notre méthode de contrôleur WikiController.DisplayPage.

Règle	Exemple	Paramètres reçus
Wiki/Pages/{*contentUrl}	/Wiki/Pages/People/Scott	contentUrl="People/Scott"
	/Wiki/Pages/Countries/UK	contentUrl="Countries/UK"

Ceci est assez utile lorsque vous créez des blogs, cms ou encore des Wiki.

Résumé

La Preview 3 inclue une lot de nouvelles fonctionnalités et de remaniement. Nous commençons à voir juste à propos du routage des URL et du modèle de programmation des contrôleurs. Nous sentons que ces choses commencent à être bien. Dans la prochaine version vous verrez apparaître plus d'amélioration dans ce qui concerne les vues (html helpers, règles de validation, etc.), Ajax, sous contrôleurs, système de login, authentification, autorisations d'accès, le cache et le scaffolding des données.

J'espère que cela aide,

Loïc Bar - Article basé sur celui de Scott Guthrie.

Visual Web Developer 2008 Express supporte ASP.NET MVC

Wed, 11 Jun 2008 10:32:51 GMT

Je viens juste de publier un poste sur la Preview 3 du framework ASP.NET MVC et j'ai oublié de signaler quelque chose de tout même important à propos de cette version : elle est compatible aussi bien avec Visual Studio 2008 qu'avec Visual Web Developer 2008 Express (version gratuite).

La version SP1 de Visual Web Developer Express supporte maintenant aussi bien les projets de création de librairies que les projets web (avant, elle ne supportait que les projets web). Cet ajout est très utile lorsque vous voulez utiliser ASP.NET MVC ou encore Silverlight. Si vous installez la version SP1 Béta de Visual Web Developer Express vous pouvez commencer directement avec la Preview 3 D'ASP.NET MVC.

Important : ASP.NET MVC Preview 3 ne requière pas la SP1 d'installé si vous utilisez Visual Studio 2008. Cette version fonctionnera aussi bien avec Visual Studio 2008 qu'avec VS 2008 SP1.

Vous pouvez en apprendre plus sur le support d'ASP.NET MVC Preview 3 dans VWD Express sur le blog de la "VS Web Tool team" ici. Si vous vous rendez sur le lien, vous trouverez également un lien de téléchargement d'un projet de Test d'ASP.NET MVC qui supporte NUnit. Vous pourrez évidemment utiliser ce projet sur Visual Studio 2008 ou sur Viual Web Developer Express 2008.

J'espère que cela pourra vous aider,

Loïc Bar - Article basé sur celui de Scott Guthrie.

What Future Update are you looking forward to most?

Wed, 11 Jun 2008 11:00:45 GMT

There are so many updates coming in the near future, I'd love to hear which one you are most excited about. I'll give a brief list here, but feel free to include other things also if you are so inclined. ASP.NET Dynamic Data ASP.NET MVC Read More......(read more)

Two Loosely Coupled Code - Part 2

Wed, 11 Jun 2008 16:15:40 GMT

In the

I raised the question of "Too loosely coupled design". There's a lot to discuss about it, and I am not going more time on it, except showing one more sample that IMHO shows the benefits and outcomes of the principle being applies, or consequences of not doing so.

Table 1

namespace Local.ADL.Home
{
  public class HomePresenter : IPresenter
  {
    private readonly IHomeModel model;
    private readonly IHomeView view;

    public HomePresenter(IHomeView view): 
                        this(view, new HomeModel()){}

    public HomePresenter(IHomeView view, IHomeModel model)
    {
      this.view = view;
      this.model = model;
    }

    public void Initialize()
    {
      view.Load += View_OnLoad;
    }

    private void View_OnLoad(object sender, EventArgs e)
    {
      if (!view.IsPostBack)
      {
        view.AssignInitialData(model.IsUserMemberOfPlanAOrPlanB(),
                model.CanShowSomething());
      }
    }
  }
}

.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; }

Table 2

namespace Local.ADL.Home
{
  public class HomeModel : IHomeModel
  {
    public bool IsUserMemberOfPlanAOrPlanB()
    {
      return UserSession.IsPlanAorB;
    }

    public bool CanShowSomething()
    {
      return UserSession.ShouldSeeSomething;
    }
  }
}

Q: Can HomePresenter be tested based on the code in Table 1?

A: Yes. It has a parameterized constructor that accepts all dependencies for HomePresenter as contracts (interfaces) without knowing or carrying who are the real components that implement those contracts. Loosely coupled code, where we depend upon abstraction and not concrete implementation.

Q: Does HomePresenter is loosely coupled at run-time?

A: No. It has a direct dependency on HomeModel class. This is a tight coupling, meaning that anywhere in the code we used this type of coupling, we made HomeModel "visible" for HomePresenter, i.e. we violated the principle of depending upon abstraction and not concrete implementation. What would be a solution? Dependency Injection Principle with a standard container (lets call it DependencyResolver). Using this simple principle would change the code to be something similar to the code in Table 3. Now HomePresenter is loosely coupled to the implementer of the IHomeModel contract. Some configuration file / startup code will determine who is the actual implementer at run-time. Testing is still possible.

Table 3

namespace Local.ADL.Home
{
  public class HomePresenter : IPresenter
  {
    private readonly IHomeModel model;
    private readonly IHomeView view;

    public HomePresenter(IHomeView view): 
       this(view, DependencyResolver.GetImplementerOf(IHomeModel)){}

    public HomePresenter(IHomeView view, IHomeModel model)
    {
      this.view = view;
      this.model = model;
    }

    // ...

Q: Can HomeModel be tested based on the code in Table 2?

A: No. It is tightly coupled to the UserSession, which in its' case is a static class and cannot be mocked / faked / taken out as a component that is not required to be tested at this moment.

To solve it:

UserSession has to be implementer of a contract, lets call it IUserSession
The implementer of IUserSession has to be supplied / injected as a dependency during construction time either directly or through container, similar to the example in HomePresenter code in Table 3

A new way to Upgrade DotNetNuke

Wed, 11 Jun 2008 17:25:00 GMT

If you've ever had me as an instructor for a DotNetNuke class , or heard me present at a user group or conference you've likely heard me say that I always use the DotNetNuke Install package when performing upgrades on my DNN sites. I rarely use the Upgrade package, the main reason for this WAS that the upgrade package came without a web.config file being defined. The ease of the upgrade package was that you could just extract it directly over your existing site and things would upgrade, the problem...(read more)

Creating Captcha Images Using The GD Library

Wed, 11 Jun 2008 18:16:00 GMT

I have found a random PHP script for creating captcha images using the GD Library and I've converted it to C# as promised in my previous blog post. I learned something new on this project. The first color in a new image will be the background color but only if the image is not using TrueColor.

I have to admit that this is just an idle exercise. I have no real need for this. I waste a lot of time on idle exercises, although sometimes previous research is useful later on. I think I need to be more focused on billable client work and creative work. One of the major pitfalls of intellect is that a very intelligent person is inclined to waste considerable time on pointless intellectual exercises, i.e abstractions. I think this is a trap that many IT professionals fall into because it is easy to get lost in technical details that serve no purpose. For example, how often do you find yourself struggling to install something on Linux which you are never going to use?

I have a list of some other idle exercises I was considering but I should probably focus on something else:

Querying Index Server catalog using ASP.NET, maybe using LINQ. Like, why bother?
Querying Active Directory using ASP.NET with LINQ. What for?
Write an ASP.NET page using COBOL. This might be worthwhile if only to horrify other developers.

   1: <%@ WebHandler Language="C#" Class="CaptchaImages" %>

2:

   3: /*

   4: * File: CaptchaImages.ashx

   5: * Author: Simon Jarvis

   6: * Copyright: 2006 Simon Jarvis

   7: * Date: 03/08/06

   8: * Updated: 07/02/07

   9: * Requirements: PHP 4/5 with GD and FreeType libraries

  10: * Link: http://www.white-hat-web-design.co.uk/articles/php-captcha.php

  11: *

  12: * This program is free software; you can redistribute it and/or

  13: * modify it under the terms of the GNU General Public License

  14: * as published by the Free Software Foundation; either version 2

  15: * of the License, or (at your option) any later version.

  16: *

  17: * This program is distributed in the hope that it will be useful,

  18: * but WITHOUT ANY WARRANTY; without even the implied warranty of

  19: * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

  20: * GNU General Public License for more details:

  21: * http://www.gnu.org/licenses/gpl.html

  22: *

  23:  * C# Version for ASP.NET

  24:  * Author: Robert S. Robbins

  25:  * Modified: 06/10/08

  26:  * Requirements: ASP.NET 2.0 with GD-Sharp

  27: */

28:

  29: using System;

  30: using System.Web;

  31: using System.Diagnostics;

  32: using System.Collections;

  33: using System.IO;

  34: using System.Drawing;

  35: using Ntx.GD;

36:

  37: public class CaptchaImages : IHttpHandler {

38:

  39:     private string font_file = @"C:\\WINDOWS\\Fonts\\bauhs93.ttf";

  40:     private string font_name = "Bauhaus 93";

  41:     private string mime_type = "image/jpeg";

  42:     private bool transparent_background = true;

43:

  44:     public void ProcessRequest (HttpContext context) {

  45:         // create trace listener file for debugging purposes

  46:         System.IO.Stream objFile = System.IO.File.Create(@"C:\Inetpub\wwwroot\study\App_Data\trace2.txt");

  47:         TextWriterTraceListener objTextListener = new TextWriterTraceListener(objFile);

  48:         Trace.Listeners.Add(objTextListener);

  49:         Trace.AutoFlush = true;

50:

  51:         GD image = CaptchaSecurityImage(120, 40, 6);

52:

  53:         /* output captcha image to browser */

  54:         context.Response.ContentType = mime_type;

  55:         MemoryStream ms = new MemoryStream();

  56:         image.Save(GD.FileType.Jpeg, ms);

  57:         byte[] binary = ms.ToArray();

  58:         context.Response.BinaryWrite(binary);

  59:         context.Response.Flush();

60:

  61:         Trace.Close();

  62:         Trace.Flush();

  63:     }

64:

  65:     /// <summary>

  66:     /// Generates a random code with the specified number of characters.

  67:     /// </summary>

  68:     /// <param name="characters">The number of characters to generate.</param>

  69:     /// <returns>A random code.</returns>

  70:     public string generateCode(int characters)

  71:     {

  72:         /* list all possible characters, similar looking characters and vowels have been removed */

  73:         string possible = "23456789bcdfghjkmnpqrstvwxyz";

  74:         string code = "";

  75:         int i = 0;

  76:         Random random = new Random();

  77:         while (i < characters)

  78:         {

  79:             int intRandomNumber = random.Next(0, possible.Length);

  80:             Trace.WriteLine(intRandomNumber.ToString(), "intRandomNumber");

  81:             code += possible.Substring(intRandomNumber, 1);

  82:             i++;

  83:         }

  84:         return code;

  85:     }

86:

  87:     public GD CaptchaSecurityImage(int width, int height, int characters)

  88:     {

  89:         string code = generateCode(characters);

  90:         /* font size will be 75% of the image height */

  91:         int font_size = Convert.ToInt32(height * 0.75);

  92:         // This is the equivalent of calling ImageCreate

  93:         GD image = new GD(width, height, false);

  94:         /* set the colours */

  95:         /* The first color in a new image should be the background color

  96:          * but it requires trueColor to be set to false*/

  97:         GDColor background_color = image.ColorAllocate(255, 255, 255);

  98:         GDColor text_color = image.ColorAllocate(20, 40, 100);

  99:         GDColor noise_color = image.ColorAllocate(100, 120, 180);

 100:         Random random = new Random();

 101:         /* generate random dots in background */

 102:         for (int i = 0; i < (width * height) / 3; i++)

 103:         {

 104:             int intRandomNumberX = random.Next(0, width);

 105:             int intRandomNumberY = random.Next(0, height);

 106:             image.FilledEllipse(intRandomNumberX, intRandomNumberY, 2, 2, noise_color);

 107:         }

 108:         /* generate random lines in background */

 109:         for (int i = 0; i < (width * height) / 150; i++)

 110:         {

 111:             int intRandomNumberX = random.Next(0, width);

 112:             int intRandomNumberY = random.Next(0, height);

 113:             int intRandomNumberX2 = random.Next(0, width);

 114:             int intRandomNumberY2 = random.Next(0, height);

 115:             image.Line(intRandomNumberX, intRandomNumberY, intRandomNumberX2, intRandomNumberY2, noise_color);

 116:         }

 117:         /* create textbox and add text */

 118:         int[] textbox = ImageTTFBBox(font_name, font_size, code);

 119:         // bounding rectangle

 120:         ArrayList br = new ArrayList();

 121:         br.Add(new Ntx.GD.Point(0, 0));

 122:         br.Add(new Ntx.GD.Point(textbox[0], 0));

 123:         br.Add(new Ntx.GD.Point(textbox[0], textbox[1]));

 124:         br.Add(new Ntx.GD.Point(0, textbox[1]));

 125:         /* font size will be 75% of the image height */

 126:         font_size = Convert.ToInt32(textbox[1] * 0.75);

 127:         // This is the equivalent of calling ImageTTFText

 128:         string result = image.StringFT(br, text_color, font_file, font_size, 0, 0, font_size, code, true);

 129:         Trace.WriteLine(result, "result");

 130:

 131:         // set transparency

 132:         if (transparent_background)

 133:         {

 134:             image.ColorTransparent(background_color);

 135:         }

 136:

 137:         return image;

 138:     }

 139:

 140:     /// <summary>

 141:     /// Give the bounding box of a text using TrueType fonts

 142:     /// </summary>

 143:     /// <param name="font">The name of a TTF font.</param>

 144:     /// <param name="size">The size of the font.</param>

 145:     /// <param name="text">The text to be displayed using the font.</param>

 146:     /// <returns>An integer array containing the height and width.</returns>

 147:     /// <remarks>Not exactly the same as the original function, but the best we can do.</remarks>

 148:     public int[] ImageTTFBBox(string font, int size, string text)

 149:     {

 150:         Bitmap objBmpImage = new Bitmap(1, 1);

 151:

 152:         int intWidth = 0;

 153:         int intHeight = 0;

 154:

 155:         System.Drawing.Font objFont = new System.Drawing.Font(font, size, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Pixel);

 156:

 157:         // Create a graphics object to measure the text's width and height.

 158:         Graphics objGraphics = Graphics.FromImage(objBmpImage);

 159:

 160:         // Determine the bitmap size.

 161:         /* Need to multiply the width by 2.0.

 162:          * This is an ugly hack.

 163:          * The System.Drawing width will not match the GD Library drawing width.

 164:          */

 165:         intWidth = Convert.ToInt32(objGraphics.MeasureString(text, objFont).Width * 2.0);

 166:         intHeight = Convert.ToInt32(objGraphics.MeasureString(text, objFont).Height);

 167:         Trace.WriteLine(intWidth.ToString(), "intWidth");

 168:         Trace.WriteLine(intHeight.ToString(), "intHeight");

 169:         int[] box = { intWidth, intHeight };

 170:         return box;

 171:     }

 172:

 173:     public bool IsReusable {

 174:         get {

 175:             return false;

 176:         }

 177:     }

 178:

 179: }

VC++ CRT vs OS CRT

Sat, 31 May 2008 22:09:00 GMT

Read this excellent blog post about how to link the OS CRT (C Runtime Library) instead of the ever changing VC++ CRT.

Unit testing vs. Integration Testing : The Restaurant Analogy

Sat, 31 May 2008 20:12:31 GMT

Here's an analogy I came up with to explain the difference between unit tests and integration tests.

Imagine going to a restaurant with a bunch of your friends. there are some couples there as well as singles. At the end of the meal, it is time to pay. Unit testing is like giving a separate bill to each couple or single. Each person knows only what they needs to pay as well as tip, but do not care what anyone else had, or what the total meal amount is. as long as they pay what they need, they can go home peacefully.

Integration testing is like giving one big check to the group, with everyone having to calculate on their own how much they need to pay. sometimes everyone things they are good, but in the end the total amount may be too high or too low. There is a lot of interaction going on to decide who pays for what and who has already paid.

�Sab�a que. puede accede la barra de herramienatas desde una ventana del IDE?

Sat, 31 May 2008 18:25:00 GMT

Probablemente se ha dado cuenta que dentro de ciertas ventanas, como el Explorador de soluciones (Solution Explorer), no puede acceder la barra de herramientas utilizando las Teclas de direcci�n o Tab. Para acceder la barra de herramientas de este tipo de ventana utilizando el acceso directo del teclado, debe marcar May�s + Alt (Shift + Alt) en esta orden. Alt+ May�s (Alt + Shift) no funcionar�.

Contenido sindicado de Sara Ford's Weblog

Traducci�n autorizada por Sara Ford.

How to make 20% of your time?

Sat, 31 May 2008 19:12:59 GMT

I heard once that a company allows for their employees to use 20% of their time to work on whatever project they like!

Well that is definitely true in kindergarten they give you a lot of time to use it on whatever project you want and everybody will be very supportive :).

However when it comes to an actual organization it is very hard to see employees not aligned with their company objectives or just coming up with ideas that make no sense. It is not even healthy for an organization to have very super smart guys and that's it. Even I think in my own opinion there should be a mix of very smart and average smart people in order to be successful or else you will have team members quarreling on who has the smartest idea :), and I guess I am one of those average smart guys.

Anyway that's not the point, but the idea is you don't need to work at a company just because they let you do what you want for 20% of the time, because at Microsoft actually I do that and still do my job. Well I don't use 20% of my time doing projects that doesn't align with my team vision, but at least I find something that would be a win for my organization and a win for me.

Microsoft is one huge diverse organization, where each team has his own unique culture but at the same time they inherit some from the great culture of the whole company. I love the fact that you are the owner of your destiny at the company and you can shape your own future if you have the passion to do so.

So How can you save 20% of your time? Well first you need to organize your time very well and this is a key to making sure you have 20% of your time to use at projects that fuels your aspirations in technology.

1. First start by planning your week.

Every Monday I come to office and first thing I do is to create a Task in Outlook and I basically like to call it by week number "21/2008" and there I categorize the work I need to do. Well I put everything even the stuff I want to research and explore. I sometimes find no time to do all that stuff so I make sure I plan for the highest priority work first.

2. Make sure you actually look at your weekly plan every day

The key to successfully acting on a plan is to monitor it. Everyday open your weekly plan, update it with information and make sure you work on the items you have identified. Well sometimes I was just wondering at my office after long day of meetings and asking my self what should be doing? Well then I open my weekly plan :)

It really helps out to have this kind of planning during the week, just a simple task in outlook that you can look at every day to make sure you're on the right track.

3. Make a reminder at the end of the week and measure your performance.

At the end of each week this task has a reminder. I take a look at my week and see what I have or haven't achieved, and start planning the next week if possible. Sometimes I find my self swamped with work that I couldn't deliver so I make sure that doesn't happen the week after. Continuously learning from your weekly plans really excels your ability to accurately plan and estimate your abilities to complete your work.

4. Submit your weekly report if you have to.

Usually I like to have a weekly report even if my manager didn't ask for it. Oops I actually forgot mine this week:).

Having those weekly reports really helps when you go out to your review and say hmmm what have I actually done during the year :). It also helps to provide visibility at what you have been working on.

5. Measure how successful you were on achieving your plans at the end of the year.

Well I actually have a task in outlook called FY08, which I measure against the full year. I then say have I done what I was planning for my self in FY08? well it is really so rewarding when you find that you have achieved all your objectives and even more because you planned to do so.

The planning process of my time helped me actually save 20% of my time and sometimes more to work on projects that would benefit me and my organization. I can't say it was 100% perfect, cause sometimes I investigated technologies that weren't even related to my work, but lets say I still enjoyed it, and it pays off later.

So it doesn't need to be stated in the company employee handbook that you can use 20% of your time on anything, you can actually make it happen at Microsoft just with the right set of time planning activities and definitely a manager who understands.

Socket Server? do it with Windows Live Messenger Library

Sat, 31 May 2008 17:31:48 GMT

I met Jose from Cynergy Systems when I was in Sydney and now there is a video of one of his demos out.

He basically built his own socket server to push the coordinates of the mouse in a Deep Zoom image to another machine, using Windows Live Messenger Library he could have used our infrastructure to do this (and chats about that option w/ the Delicate Genius)

He talks about it ~ 7 mins in.

Jose has also been working on some secret stuff and it should be out some time soonish - i'll release the video I shot with him when it comes out - click on the frame below to his warning.