Nansenbloggen

Tuple + EPiServer = Fail!

2012-02-07T11:43:00.003+01:00

One of the dll's you need to reference in your project when using code from EPiServer Framework, for example the InitializableModule attribute, is the System.ComponentModel.Composition dll for .NET 2.0. If you do this in a .NET 4.0 project and then try to use Tuple<T1,T2> you will get an error message letting you know that Tuple<T1,T2> is declared in both System.ComponentModel.Composition.dll and mscorlib.dll. This is because System.ComponentModel.Composition declare a struct in the "System" namespace with the same name and function(?) as the new Tuple<T1,T2> struct in .NET 4.0.
To fix this problem you can add an alias to the reference of System.ComponentModel.Composition in your project, this can be done in Visual Stuio by opening the Properties window for the reference and add an alias. It can also be done in the project file with the following code,


<Reference Include="System.ComponentModel.Composition">
  <HintPath>..\Solution Items\References\System.ComponentModel.Composition.dll  <Aliases>episerver</Aliases>
</Reference>

After that we have "Tuple<T1,T2> + EPiServer = Success!"
As we only have the reference to this dll becuase EPiServer Framework uses it this will not have an impact on the function of EPiServer.

EPiServer Commerce Associations

2012-02-07T10:37:00.002+01:00

In the last couple of Commerce projects I have had trouble with associations, when saving them I get an exception. The cause for this error is two missing rows in the commerce database, the table should in a normal installation only contain this two rows and when I have had the problem the table has been empty.
-------------------
INSERT INTO [AssociationType]([AssociationTypeId],[Description]) VALUES('OPTIONAL','Optional');
INSERT INTO [AssociationType]([AssociationTypeId],[Description]) VALUES('REQUIRED','Required');
-------------------

Say hi to the Chicago office

2012-02-01T21:38:00.001+01:00

So guys, as of today I intend to report from the Chicago office, from an "everyday life at the office"-point of view. So here I'll give you the first of a series of pictures and stories from one of our US crews, located at 400N State Street, Chicago:

Showing the office in a panoramic version with Ricardo and the wrath of a hungry Tomas in the center.

EPiServer custom property settings and blowing up the database

2012-01-27T15:42:00.006+01:00

So property settings was added to PTB 2.0, and i decided to play around a bit with it and not just change the tinymce settings due to that being boring as ****. When doing so i stumbled across a.. can we say interesting "feature" of EPiServer.

What you normally do is create a settings class that inherits EPiServer.Core.PropertySettings.PropertySettingsBase (or implement the interface) and add the attributes etc. In this class you have your property settings which are serialized and stored in the dds by episerver. Now this is all fine and dandy for primitives and lists of primitives.

Now what I was doing is making a type restricted page picker, so I needed to store a list of types (ptb page types to be more specific). So ofcourse I started by adding a property:
public List<type> AvailablePageTypes { get; set; }

This will make your entire site crash and the only way to fix it is to enter the database and set the "settingsID" value to NULL for the property you decorated with the settings attribute, and also remove a bunch of lines from the tblBigTable... tables.

Apparently EPiServer has no qualms whatsoever to add invalid data/configuration to the DDS, but when you try to do anything with it the entire site is held hostage by DDS exceptions, fun times.

So when making property settings: Make sure any property you place in the settings class has a public parameterless constructor, or you kill your site. You cant even decorate properties with anything to make them not get serialized by EPiServer, any such things are ignored apparently.

I'm not even gonna start on what you have to do if you want to change the type or remove a property on a setting class (hint: Site doesn't work anymore if you do).

Enable logging for EPiServer Indexing Service

2012-01-26T19:01:00.002+01:00

One of our customer's IT departments came to us with the Windows application event log bloated with errors from EPiServiceIndexingService. The only information available was this:

"EPiServer Indexing Service has problems indexing some of the locations, please consult the log file for details."

But, from what I've understood the log isn't default activated, so go fish. After a quick support-session with EPiServer I was routed to this blog post:

http://world.episerver.com/Blogs/Tobias-Nilsson/Dates/2010/12/Troubleshooting-the-Scheduler/

A post that, amongst other things, explains how to activate the log4net-module for the Indexing service with the following steps:

Put the log4net.dll into the EPiServerIndexingService-folder, under Shared services in your EPiServer
Create the most leight weight config-file possible, see below, and name it: log4net.config. And put it in the same folder. Parameters and configuration to the log-service can be changed at a later state.
Restart the service

Example of log4net.config-file:

<?xml version="1.0" encoding="utf-8" ?>
<log4net>
<appender name="ErrorAppender" type="log4net.Appender.FileAppender" >
<file value="C:\temp\LogServerError.log" />
<appendToFile value="true" />
<layout type="log4net.Layout.PatternLayout">
<conversionPattern value="%d [%t] %l - %m%n" />
</layout>
</appender>
<root>
<level value="ALL" />
<appender-ref ref="ErrorAppender" />
</root>
</log4net>

Rangy guidar dig i mobildjungeln

2012-01-25T08:25:00.004+01:00

Idag lanserar Nansen sajten Rangy.se.

Rangy är både en jämförelsesajt och en återförsäljarportal för mobilabonnemang och mobiltelefoner.

Genom att du själv berättar för Rangy sina samtalsvanor kan sajten räkna fram exakt vilket abonnemang och tilläggspaket som skulle passa just dig. Men det slutar inte där. Rangy är även en återförsäljare av mobiltelefoner och mobilabonnemang.

Rangy är den första tjänsten i Sverige där kunder kan hitta och köpa den kombination av mobiltelefon och abonnemang som är billigast baserat på kundens egna samtalsvanor.

Den största utmaningen i sajten är helt klart beräkningsmotorn för abonnemangsberäkningar. Kombinationer av mobiltelefonerbjudanden, sms paket, surfpaket, rabattsatser mellan operatörer m.m gör beräkningen omfattande och komplex.

Sajten är byggd på Episerver CMS 6 R2 och E-handelsdelen är baserad på Epierver Commerce R2. För att hålla struktur, flexibilitet och överblick är hela beräkningsmotorn baserad på Microsoft Workflow Foundation.

För att få en så bra användarupplevelse som möjligt är hela sajten bygg med Ajax.

Team:

Klas Sabelström, Projektledare
Andreas Oldeskog, Systemutveckling, gränssnitt
Tomas Unestad, Systemarkitekt
Jonas Näslund, E-commerce
Viktor Gars, Systemutveckling
Sussi Zäll, Interaktionsdesign
Martin Lenngren, Gränssnitt

Söderhavet stod för digital identitet.

Visual studio compare and merge goodness

2012-01-20T11:29:00.000+01:00

When doing a diff more complex than a == b using the standard diff/merge tool that comes with visual studio is an experience that no developer should need to go through. I don't think that diff tool has changed since the black Visual SourceSafe days.

But there is a way to make your life so much nicer. I use WinMerge as the diff tool when in visual studio.
Follow this steps if you want to get rid of (some atleast) of the pains of merging code:

1. Download and install WinMerge
2. In Visual Studion go to Tools -> Options -> Source control ->Visual Studio Team Foundation Server and click on the Configure User Tools button.

3. If you don't have the two commands for compare and merge, then add one for each and set the file path to your WinMerge executable, mine is C:\Program Files (x86)\WinMerge\WinMergeU.exe. The extension should be .*
3a. The arguments for compare is /e /x /s /wl /dl %6 /dr %7 %1 %2
3b. and for merge /e /s /x /ub /dl %6 /dr %7 %1 %2 %4

Done!
Now next time you do a merge diff or compare Visual studio will use WinMerge instead.

ICT Expo - starkaste talare lineup'en någonsin?

2012-01-18T18:00:00.001+01:00

Ett tåg och enspårvagn (!) senare anländer jag till ett regnigt Sverigemässan (blygsamt namn)där ICT Expo Internet flyttats till sal 2.

En inte helt mäktig arena med de där 90-talstypiska,likformade, vita aluminiumkonstruktionerna med samma svarta företagslappar uppställda i rutnät.Utställarna är destå roligare. Med Azure-moln, säkerhetstanke i projekt och såvidare så känns det som vår del med webb/content/sociala media står närmare IT-secure ochdrift/lagring än någonsin.

Och vilka talare, det var därför Nansen kastade sigpå X2000 denna arla onsdagsmorgon:

Apple (talarefrån svenska Apple)
Microsoft(talare från svenska delen)
Facebook (talare från svenska delen)
Google (talare från svenska delen)
Spotify
iZettle

Dessutom VD:arfrån stora börsföretag och diverse andra intressanta aktörer. SIME och Webbdagarna, släng er iväggen, typ. Varumärkesmässigt starkaste lineup'en någonsin i Sverige?

Pratade medIDG under lunchen, inte ens de kan förmå svenska Facebook skicka representantertill deras övertecknade och på bara timmar fullbokade Webbdagarna Facebook-seminarium i december.Trots fin adress i centrala Stockholm - men efter några på banan kirrar ICT alltså listan talare här ovanför. Tilldenna sorliga och dystra 90-talsmiljö!

För destackars talarna tvingas köra on-floor presentationer, ni vet samma typ av föredrag som brukarhållas på TV-shopgolvet. Och det i en lokal som både brusar, sorlar och störsav mässans ombyggnation. Det känns helt ovärdigt. Nåväl, några framföranden där röstenkom fram till oss åhörare var:

MediaAnalys som presenterade en kul terminologi kring e-handelsavslut. Efter A/B test förespråkade de "trovärdighetsmarkörer"för bättre konvertering. Med termen menades dels video, (där klipp visat sig haen enorm dragkraft och vunnen stannad tid) men även de klassiska e-handelscetifikaten, betrodda varumärkesbilderna/citatenetc. Dock blev det pannkaka då allt skulle maxas i ett checkoutflöde. Då sjönk de tidigare redan dåliga resultaten med ytterligare -1,29%. Men med ett A/B som dock visade ett heltrensat och vitt checkoutflöde ökade samma siffra istället med 23% bättreavslut!

Åt lunch medBo Dahlbom, professor inom IT på Göteborgs universitet. Han var mycketintresserad av Nansens egna Rangy.se, ett ämne som togs upp då vi pratade om hans kommandeföreläsningsämne. Det var "nästa stora sak inom it". Föredraget hölls senare på onsdagen.

Svaret på Bos ämnesfråga? Det baserades på attvår BNP har gått upp med 500 000% under 800 år. Sverige har gått från detjordbrukssamhälle vi en gång var till en helt global aktör. Och vi måste bli ännumer globala - det kommer ske genom ytterligare konsumtion. Dessutom rörde framtiden såklart allt fler eldrivna prylar och de ständigt annalkandes kineserna. De kommer snart vara överallt på jorden, inte bara i Afrika och på Mallorca.Dessutom kommer japanska robotar dyka upp lite här och var, M2M ger oss "smartastäder" där alla prylar internetkommunicerar med varandra och vi kommer fåvänja oss att kontinenteras många skilda kulturer ständigt kommer mötas och mixas. Google Translate speak funktionaliteten (som finns för Android) kommer ge fungerande "Liftarens guide översättningar i realtid" via vårasmartphones inom kort. Och just det, svaret på frågan då: Det var mångbottnat och rymde bl a att med allt listat ovan krävs, enligt Bo, bra överblickssysten. Detta då vi kommer konsumera så enormt mycketinformation och data. Bo slog även ett slag för videons fortsatta dragkraft (unga föredrar den) tillsammans med logiskt hantering av ET&IT (miljövänlig infrastruktur för ökad nätkonsumtion).

Ex-politikernGabriel Sundqvist på 18 man starka sociala mediafokuserade Pronto berättade innan Bo omåtta drivkrafter för word-of-mouth (vilket de vurmade för). Se dessa i bilden ovan.

Han tog även upp kul information om hur "kraften hos påverkare inomsociala medier" identifieras. Se bilden här intill.

CMS då, det fannsde som snackade EPiServer - men endast en, runt 60+ årig åhörare stannade vid deras dragning. Så intresset måste räknas som underkänt.

Och med tanke på platsen där vi var - så fanns så klart röda byxor på plats!

EPiServer Composer and Commerce, getting global functions to work

2012-01-17T12:44:00.001+01:00

In a default installation of EPiServer with Composer and Commerce the global functions and clipboard of Composer does not work. If you debug Composer you will find the following stack trace in the log file,


2012-01-17 11:57:09,893 ERROR [38] Dropit.Extension.Common.Logger.Error - Dropit.Extension.UI.Edit.CreateContentFunction: Value cannot be null.
Parameter name: page
System.ArgumentNullException: Value cannot be null.
Parameter name: page
   at EPiServer.Business.Commerce.BreadcrumbsFactory.IsProductListingPage(PageData page)
   at EPiServer.Business.Commerce.HttpModules.CatalogNodeModule.RemoveCache(PageData pageData)
   at EPiServer.PageEventHandler.Invoke(Object sender, PageEventArgs e)
   at EPiServer.Core.PageStoreBase.RaisePageEvent(Object key, PageEventArgs eventArgs)
   at EPiServer.DataFactory.Copy(PageReference pageLink, PageReference destinationLink, AccessLevel requiredSourceAccess, AccessLevel requiredDestinationAccess, Boolean publishOnDestination, Boolean allowThreading)
   at Dropit.Extension.Controllers.PageDataManager.CopyContentFunction(ContentFunctionData sourceContentFunctionData, PageReference targetPageLink, PageReference targetShadowPageRef)
   at Dropit.Extension.Core.ContentFunctionData.Copy(PageReference targetPageLink)
   at Dropit.Extension.UI.Edit.CreateContentFunction.Page_Load(Object sender, EventArgs e)

I don’t know why but when Composer copies the page and the create page event is called the page link in the event argument is null and when the argument null the function IsProductListingPage will throw and exception and the creation of the global function will not happen. It’s the same error when you try to use a content function that is placed on the clipboard.

The idea of how to solve this problem was to just inherit CatalogNodeModule and add a null check before the call but as RemoveCache is a private function that did not work. The next approach was to just reimplement the module but then we noticed that the call within the RemoveCache function is internal so that didn’t work either.

After some more reflection of the code I found that the only calls to the BreadcrumbsFactory and its caching (that would be affected by the RemoveCache call) were the Breadcrumb control in the Commerce demo templates, and as we don’t use them in the current project we decided to just remove the RemoveCache call all together and just create a new module with the code that was left. This is the final result and the module we run with,


public class CatalogNodeModule : IHttpModule
{
 public void Init(HttpApplication context)
 {
  InitializationModule.FirstBeginRequest += new EventHandler(this.InitializationModule_FirstBeginRequest);
  context.BeginRequest += new EventHandler(this.BeginRequest);
 }

 private void BeginRequest(object sender, EventArgs e)
 {
  HttpApplication application = (HttpApplication)sender;
  HttpContext context = application.Context;
  if (context.Request.Url.AbsolutePath.ToUpperInvariant().Contains("IMAGE.ASHX") && context.Request.QueryString.AllKeys.Contains("epslanguage"))
  {
   string[] values = context.Request.QueryString.GetValues("epslanguage");
   CatalogContext.MetaDataContext.UseCurrentUICulture = false;
   CatalogContext.MetaDataContext.Language = values[0];
  }
 }

 private void InitializationModule_FirstBeginRequest(object sender, EventArgs e)
 {
  RouteTable.Routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
  RouteTable.Routes.IgnoreRoute("{resource}.aspx/{*pathInfo}");
  RouteTable.Routes.MapRoute("ProductInCartOrWishList", "ProductInCartOrWishList/Edit/{id}", new { controller = "ProductInCartOrWishList", action = "Edit", id = "" });
  RouteTable.Routes.MapRoute("CustomerProperties", "CustomerProperties/Edit/{id}", new { controller = "CustomerProperties", action = "Edit", id = "" });
  RouteTable.Routes.MapRoute("OrdersFrequency", "OrdersFrequency/Edit/{id}", new { controller = "OrdersFrequency", action = "Edit", id = "" });
  RouteTable.Routes.MapRoute("RecentSpent", "RecentSpent/Edit/{id}", new { controller = "RecentSpent", action = "Edit", id = "" });
  RouteTable.Routes.MapRoute("RecentOrders", "RecentOrders/Edit/{id}", new { controller = "RecentOrders", action = "Edit", id = "" });
 }

 public void Dispose()
 {
 }
}

After removing the commerce http module and adding our own both the global functions and clipboard started working in Commerce.

Responsive design

2012-01-16T11:35:00.003+01:00

Just nu sitter jag och anpassar en ny kunds webbplats så att det ska se lika fantastisk ut på både Smart Phone och iPad som den gör på bred skärm. Responsive design alltså, liknande det vi utvecklade för Radiotjänst i slutet av förra året.

Självklart använder vi oss utav Media Queries. Så här kan det se ut:

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* CSS här */
}

Jag känner mig mer och mer frustrerad när jag för femtioelfte gången förminskar webbläsarfönstret för att simulera ungefärlig iPad storlek eftersom designen vägrar omforma sig trots mina Media queries.

Jag vet ju att jag har gjort allting rätt, skolboksexempel, inga slarvfel någonstans…

Till slut kommer Lybeck förbi som en räddande ängel och påpekar att jag naturligtvis inte kan skriva min-device-width om jag inte testar på en faktisk device. Ska man testa provisoriskt som jag gör genom att dra i webbläsarfönstret måste man så klart vaska ordet device och endast skriva min-width och max-width för att det ska fungera.

Men ååååååååååh! Så självklart, så irriterande. Men tack Lybeck!

Responsive Design seminar at Devsum, Cornerstone Developer Summit 2012

2012-01-10T11:10:00.002+01:00

Nansens own AC / AO, Andreas times two, will take their Web Breakfast session about Responsive web Design to this years Cornerstore Developer Summit. Where they're to be lined up next to prominent speakers such as Scott Allen, Tess Ferrandez, Fil Maj, Björn Eriksen, Alan Smith, Steve Sanderson, Eric Lawrence and Dag König.

Nansen is also a partner of Devsum 12, Cornerstone Developer Summit 2012. Don't miss it!

AJAX requests and authentication

2012-01-09T17:19:00.002+01:00

Been scratching my head today over this, I have a site with windowsauthentication and a few ajax wcf service methods.

One method is supposed to be used by a specific user depending on what page its located on, so naturally I just added the following piece of code to my service method:

if(HttpContext.Current.User.Identity.Name == whatever)
{
// Do my stuff
}

This worked fine in IE, and sometimes in chrome, but firefox notoriously refused to send the authentication headers causing Identity.IsAuthenticated to be false all the time, making the user be anonymous for the request.

Turns out all that is needed is to is to set the response status to 401, and the browser will retry the request sending the credentials from the session, this is all obvious, what was difficult to figure out is how you achieve that.

Well you do it like so (note the difference from a regular browser page request where you would just set httpcontext.response.statuscode):

if(!HttpContext.Current.User.Identity.IsAuthenticated)
{
WebOperationContext.Current.OutgoingResponse.StatusCode = System.Net.HttpStatusCode.Unauthorized;
return;
}

Now I can have both unsecured and secured ajax methods in the same service.

Also, im still not sure if this is the correct way of doing things, so if anyone know a better way to achieve the same thing (like some attribute I can decorate my methods with I don’t know about), please let me know!

Nansen radiokorrar för P3 Nyheter

2011-12-23T15:03:00.000+01:00

Miseur Castél från Nansen radiokorrade från Paris när han var på Le Web. SR.se iSidor CMS är inte helt enkelt att länka till, så här kommer klippet på hederliga Youtube.
Missa inte heller snöflingan som Youtube nyss lagt till på de flesta av alla videos.

God jul alla bloggläsare och Nansenfans!

Nansen did Poland

2011-12-23T10:30:00.000+01:00

A week ago both our Stockholm office and our US crew went to Warszawa. Catching up with strategies and ideas for 2012 the Friday, sightseeing and partying the rest of the weekend. Very nice thanks to Nansen and all nice persons within this great company - Merry X-mas and Happy New Year!

Here some photos from our Poland-stay, also available here:

Ansiktslyft för Naturvetarna på Nansen Care Spa

2011-12-22T15:37:00.000+01:00

Fackförbundet Naturvetarna har i samband med en stor innehållsgenomgång av sin webbplats fått en enklare remake av Nansen, en av flera dagarna före doppardagen-deloyer.

Webbplatsen byggdes i samband med att flera mindre fackförbund fusionerade för några år sedan av en annan leverantör. Nansen har numer förvaltningen av denna webbplats och erbjöd i samband med ett flertal mindre önskemål från beställarhåll en "Update pack", i vilken man har behållt det tekniska ramverket rakt av men ändrat designen; centrering, mer luft, annat bildspråk m.m.

Ett projekt som visar på möjligheterna att med relativt enkla medel göra stor förändring. Från Nansen har följande varit inblandade:

David Kästel, strategi och projektledning
Robert Persson, produktionsledning och systemutveckling
Kristoffer Lybeck, design och UX-utveckling

Gamla www.naturvetarna.se - startsidan

Gamla www.naturvetarna.se - undersida

Nya www.naturvetarna.se - startsida

Nya www.naturvetarna.se - undersida

How to use multiple google analytics trackers on the same page

2011-12-21T12:28:00.006+01:00

Today I faced a problem with how to use multiple trackers for Google Analytics on the same page.
"Why would I have to to that?" you may ask.
Well...in this case we needed to track statistics for a global campaign site where both the global marketing departement and the local markets needed to get statistics for the campaign.
The tracking ID's are stored in EPiServer and loaded dynamically of course.

The solution for the problem was not very advanced but not completely obvious.

To set up an asynctracker you start by adding this snippet of code:

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-TRACKING_ID']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

But as you can see, there is only one tracking ID here.
To add one more tracker, one might be tempted to add another _gaq object. But the solutions is actually more simple than that!

var _gaq = _gaq || [];
//first tracker
_gaq.push(['_setAccount', 'UA-TRACKING_ID']);
_gaq.push(['_trackPageview']);
//second tracker
_gaq.push(['othertracker._setAccount', 'UA-OTHER_TRACKING_ID']);
_gaq.push(['othertracker._trackPageview']);

As you can see, it just is a matter of adding another namespace for the new tracker!
It is also possible to do it all in one push(), like below:

_gaq.push(
 ['_setAccount', 'UA-TRACKING_ID'],
 ['_trackPageview'],
 ['othertracker._setAccount', 'UA-OTHER_TRACKING_ID'],
 ['othertracker._trackPageview']
);

More info here:
http://code.google.com/apis/analytics/docs/tracking/asyncUsageGuide.html
http://seo-website-designer.com/Google-Analytics-Tracking-Multiple-Accounts

Lotta och hennes magväska

2011-12-16T20:33:00.001+01:00

Här ser vi en tvättäkta turist med magväska i Polen. Vackert.

LeWeb11' - retrospektiv och motiv

2011-12-15T15:53:00.000+01:00

Intensiva dagar. Intensivt på många sätt. Många appar, mycket folk, mycket investeringsfokus, mycket entprenörssnack, mycket paté och cornichons, mycket leVin, mycket franska, mycket obskyr grå förort till Paris. Mycket och svulstigt helt enkelt.

Men små och få workshops, få handfasta tips och trendspaningar för vår konsultvardag här och nu, små tallrikar, små nespressos, petita fransyskor, smått och gott helt enkelt.

Det jag tar med mig är i alla fall att det inte är enbart Valley-attityden med att slänga ut lite sköna appar och sen se om man kan tjäna pengar. Eller enbart svenskt ingengörstänk, att fnula på en super-duper-produkt i 20 år och sen hoppas att nån vill köpa den fungerar som bärande idé i startups.

Det är kombinationen som är det det bästa. Ta lite av jänkarnas förmåga att paketera och övertyga. Blanda det med Daniel Eks, på Spotify, kloka ord om häftig ingenjörskonst men också synsättet att passion, trivsel och teamuppbyggnad är det absolut viktigaste. Då tror jag man kan komma väldigt långt, oavsett sammanhang.

Råddig registrering. Inget ovanligt.

Kalle Lallefeldt körde lite livescetching på en av sina 25 ipads.

Delar av Nansentruppen - Lotta och Martin

Jenny har bott i Frankrike.

Huvudmässan.

Först på plats!!! Bästa platserna...

Webben är död - länge leve apparna. Forrester ritar med de stora penslarna.

Lite paté någon.

Nansen fick sällis på hotell och fest av gänget från IDG.

Scrumbuss någon?

Komma hem. Säg hej till Ney!

Indiepunkbandet Nansen

Paris by Night - Bastiljonen.

Jesus kvarlevor? (och Martin)

Världens drag.

Undra om vätskekägeln runt loggan är Vodka?

Skum electro-dubstep-duo med masker

Martin E frotterar med journalister

Daniel Ek på Spotify var ytterst konkret och vältalig. Hade en del vettigt att säga också. Kul!

Hur många watt drar han?

Sean Parker var tydligen bakis så de fick skjuta på hans performance.

Summering Le Web 2011

2011-12-09T18:50:00.001+01:00

It's alive

2011-12-08T15:47:00.000+01:00

Webben är död! Länge leve webben. Det tror jag de flesta av de 3300 deltagarna på le web kan skriva under på. Istället för död borde man kanske betrakta webben som en ständigt föränderlig ny...livsform? Efter en lång föreläsning om tankekontrollerade webtjänster och spel har åtminstone jag svårt att se några gränser. Och det är väl det som är så otroligt coolt, att endast fantasin sätter gränserna.

Nansen representerar EPiServer i Frankrike

2011-12-08T14:54:00.001+01:00

Le Web 2011 ur ett EPiServer-perspektiv då. Bakom innehålls- och tjänstebjässarna som Google (Google+ Pages etc.), och Facebook (Facebook Pages etc.) är det ganska skralt.

Teleriks .NET SiteFinity CMS är en av sponsorerna med ett mellanstort bås. De visar upp nya inbyggda analysfunktioner, som liksom Kentico och SiteCores gränssnitt, ser ut att hittat formgivningen hos Google Analytics.
Google Analytics produktchef avtäckte under måndagen nya Google Analytics Social data Hub som kommer ge konverteringsinformation från sociala nätverk, baserat på de nya t.co, fb.me etc. redirigeringstjänsterna som även täcker social nätverksaktivitet i smartphones och ifrån klienter som TweetDeck. De rullar ut dessa nya tjänster som fyra lanseringar i vår och de hoppas detta kommer innebära säkrare annonsinvesteringar för alla kunder.

Microsoft finns på plats och fick under tisdagen bra press från Forrester, som kallade dem för en potentiell spelare för detta decenniums "comeback-kid award". Samma merit som Apple har under bältet från sin resa ifrån början av 00-talet. Något som tagit dem till absoluta toppen idag. Med Metro mobilgränssnittet, alla öppen källkodssatsningar och ompositioneringen generellt kan Microsoft vara på rätt väg, enligt analysföretaget.

SalesForce finns även på plats med workshops och information om det senaste från deras moln.

I övrigt är det mycket tyst från de ledande CMS-aktörerna i USA och Europa.

Nansen representerar EPiServer som tredje största partner. Men EPiServer själva är inte på plats, heller inte SiteCore, OpenText eller någon som pratar WordPress eller Drupal CMS.

De har lämnat scenen åt de mer namnkunniga, B2C-fokuserade jättarna.

Var ska jag hänga?

2011-12-08T14:07:00.005+01:00

Tillsammans med 60 andra länder är vi på besök i Paris på Le Web.
Idag, konferensens andra dag, delar George Colony, Chairman & CEO, Forrester Research, med sig av statements som: The death of the web and approaching a new era in App Internet.
Vad är webben egentligen? - ja, ur ett tekniskt perspektiv "The web is a software architecture we decided to put on the Internet 20 years ago.
Idag vill vi alla vara sociala och att någon kreativ tjänst bjuder in till ett ställe där vi kan hänga med våra likasinnade.
Frågan jag och säkert många med mig ställer sig är, var är bäst att hänga? Vad ska jag välja?
Vi har fått träffa grundarna för Uber - bilresor för alla , Path - din privata dagbok, Flipboard - ditt eget sociala magasin, och de för mig lite mer välkända, Instagram, och Evernote.
Alla med fantastiska tjänster, kreativa och sociala och som får mig att vilja, fota, dela och spara stunder av mitt liv i deras paketering.
Men, hur ska jag hinna…. dela, ladda upp, twittra, ha koll?
Och frågan är vilken av alla appar och tjänster kommer att ligga mig varmt om hjärtat, idag och i morgon?
George Colony, berättar att 86 % av svenskarna använder sig av sociala tjänster och nätverk idag. Sifforna i USA är lika höga. Men hur hinner vi med, vad får stå tillbaka? Ja, amerikanerna har minskat sitt engagemang som volontära, med att gå i kyrkan, skicka vanliga mail för att inte tala om vanlig post. "We have reached a limit of hours to spend". Vi hinner inte med flera tjänster. Mer här http://youtu.be/BiYNs5uPPEE

Så jag tänker. Kanske bättre att bli lite som Karl Lagerfeld (invigningsgäst på Le Web). Han använder sin Ipad som sin Photodagbok. Han gör sina sketcher och sparar sina verk i någon av sina paddor.
Jag tänker, den där Ericson-telefonen jag hade för några år sen, den som behövde en liten penna för att klicka på skärmen. Där hade jag samma enkla typ av ritprogram som Karl använder idag. Min dotter var flitig då, att rita teckningar åt mig, som jag sparade. Just det sparade där och då.
Jag undrar var min gamla Ericson ligger och skräpar och jag önskar att någon där och då fått mig att spara ner 8-åringens digitala konstverk….

Nu åter till entreprenörscenen och facebooks reflektioner

// Lotta

Nansen @ LeWeb 2011 With Fashion! A summary of day 1 + 2

2011-12-08T11:29:00.001+01:00

God morgon

2011-12-08T09:09:00.001+01:00

På franskt vis inleddes dagen med kaffe, croissanter och några killar som gjorde cykelkonster på scenen. Helt vanligt.

Say hello to Google Social Data Hub and Social Analytics

2011-12-08T01:51:00.001+01:00

Today at LeWeb11 in Paris a lot of the participating companies chosed to announce quite some astonishing new features or completely new app versions. Most of those apps were focused on social interaction, e.g. Path, Instagram, Flipboard etc. Nevertheless, our core strategy at Nansen, to help our customers to grow their online business does not come from startup success stories only. But maybe from the people interacting within these networks and tools.

So to be able to measure the impact of these social media channels Google today announced at a workshop, where half of the Nansen Google Certified Analytics Team were present, two new services within the Analytics suite that are to be rolled out the coming 6 to 9 months:
1. Social Analytics
2. Social Data Hub

One of the key topics of this session was the announcement of complete new way of aggeragating and measuring goal conversions on all social platforms, rather than having them isolated in their own data silos. Meaning that you should be able to check your traffic from which specific social media channel the visitors come from, and what they have been discussing in that channel. This was referred to as the "upper funnel effect", if I understood it correctly, due to the fact that some of the buzz and viral nature of the social media spread often happens in the "off site" domain.

The data collection part of this project was called the Data Hub whereas the Analytics part of it dealt with the views and reports that visualises the data in the usual Google Analytics Interface.

This data retrieving is made possible thru a collaboration with the major social media networks, and the use of open standards. Also one has to overcome the fact that most of the referred trafic today comes from handheld devices, and apps within them. Those links just open up new browser windows and are reported as direct traffic. This has been adressed as well, whith specific redirect-pages, implemented on the specific social platform.

So, how can we use this? Well for instance, if you assign a price, or rather a so called dollar value (in Analytics) to each and every of the social media goal conversion one can measure how much you "earn" from specifc channels, and how specifc ambassadors and networks are the most profitable to your business and thus where you should focus your media spend and supervisioning efforts.

As for most of online intelligence one should only mesasure and analyze goals that are real and important for the actual business. So this has to be rolled out and tested in the announced pilot so that it complies to the promised level of accuracy and social network covering. But once it out there, and in the Analytics suite we think that it could be a very helpful and powerful tool.

Stay tuned on: http://www.google.com/analytics/developers/socialhub.html

LeWeb 11, day 1 - summing up

2011-12-08T00:49:00.001+01:00

Paris is always Paris. France is always France. You have - at least - to give them that. The beauty of Paris by night we all can agree upon, just finishing this, the first day of Europe's biggest conference on web innovation and online entrepreneurship, with a fantastic three course dinner close to our adequate hotel, near the Canal St Martin.

It has been quite a ride. French in all aspects. Starting with taxi thru the early commuter traffic, continuing with confused registration personnel, bad logistics and unprepared content governance all over, but the great line up speaks for itself.

First of all Karl Lagerfeld came out as a 78 year old tech junkie, with 4 iphones, several ipads and a bunch of ipods in his chanel bag, which he carried around 24/7.

After this, rather strange opening, a couple of quite evolved startups announced their 2nd generation launches. As for instance Flipboard released their iPhone app. Uber, the US cab substitute, starts its one click driver app service in Paris, etc. etc. Lession learned from pre lunch sessions were the undoubtable fact that "you should never feel completely happy over your project when you release it, than you have worked to much, and probably launched to late". So: innovate, release something, than iterate, analyze, launch, iterate, user check, release iterate... are the never ending components of the process of success.

The keynote, with executive chairman Eric Schmidt from Google came to a very high level of an almost philosophic discussion when the floor were able to interact in a question driven session. Google's grand opening of Paris office, in the presence of Mr Schmidt and the French president, Mr Sarkozy himself, had apparently led to some interesting talks where some of the concluding points were:
1. Competition is good (Hey, the guys is from the US, what could you expect?)
2. Innovation, and thus jobs, comes from a free open, competitive market with good broad band internet connections - rather than high level education.
3. So, governments - don't turn off the Internet! (#hinttotheeuropeanunionthatwantstoregulateafreedomofspeachinfrasctructure)

LeWeb is 2011 all in all, a very "mobile first" driven Internet forum, which is probably the only way of dealing with future internet applications. But we're missing a god set of inspirational down to earth hands on sessions around our daily base situations and business cases in the good old traditional corp web/e-commerce/community sector though. The Google Analytics Social Data Hub Workshop in the end was useful though. Read more about this in our next blog post.

Nous sommes a Paris

2011-12-07T23:54:00.002+01:00

Det här med wifi verkar inte riktigt ha kommit till Frankrike. Inte så välfungerande i alla fall. Det som var tänkt att bli ett långt första inlägg från Le Web, som också kanske borde kallas l'App, får bli ett kort sådant. Ett god natt-inlägg. Det som gjorde starkast intryck på mig under dagen var Eric Smidt, chairman hos Google (med reservation för felstavning) som i ett samtal om politik, transparens och i synnerhet Kina och den arabiska vågen sa: " if you don't like the image in the mirror, don't break the mirror. Change the image". Sant och samtidigt svårt. Men nog väcker det tankar.

Nu somnar Nansen Paris med förhoppning om bättre wifi i morgon. Bonne nuit.

Nya MCPD .NET 4 Web certifieringar

2011-11-25T17:59:00.001+01:00

På Nansen tror vi starkt på kompetensutveckling för att vara kompetitiva, med bland annat konferenser och kurser. Ett sätt att få det på papper är certifieringar. Idag fick vi ytterligare två nya MCPD certifierade utvecklare på Nansen. Robert Linde och Kalle Hoppe. Nu är vi 9 MCPD och 1 Azure certifierade utvecklare. Det tar oss några steg närmare målet, att alla .NET utvecklare ska nå MCPD certifieringsnivå.

Radiotjänst.se äntligen lanserad på riktigt

2011-11-23T15:34:00.004+01:00

Så då kan vi äntligen säga att nya radiotjänst.se är lanserad på riktigt.

Visst, den launchades för en vecka sen men drogs tyvärr med en del infrastrukturproblem vid starten som gjorde att vi inte riktigt vågade slå på stora releasetrumman.

Problemen vi hade var relaterade till en ISA-server som stod som front för webbservrarna och integrationen med den inloggade delen, SSL-certifikat och växling mellan HTTPS och HTTP. Nu är dock dessa problem lösta och alla radiotjänsts kunder skall därmed återigen komma åt att göra sina ärenden som rör TV-licensen.

Vi är riktigt stolta över den här fina sajten som designades av Söderhavet och byggdes av oss på Nansen.

Samarbetet med webbredaktörerna uppe i Kiruna gick riktigt bra och det var kul att jobba med kunder som hade så bra koll på webb och EPiServer!

Tydligen blev dom själva dessutom rätt nöjda med sajten och betyget vi fick höra av webbredaktörerna som ska jobba med innehållet var att

"sidan är väldigt enkel att använda och jättetrevlig att jobba med".

Tackar!

Sajten använder sig av responsive design och anpassar sig därmed efter användarens skärmstorlek så den funkar lika bra på datorn, surfplattan eller på en mobil. För puffhantering så används Nansens egna system Fluid som gör att man kan drag'n'droppa puffar och direkt se hur layouten kommer att se ut.

Vi på Nansen som jobbade med det här projektet var:

Rodolphe Toots (projektledning), Andreas Oldeskog (systemutveckling), Leif Boström.

Från Söderhavet Joacim Broström (design) och Cecilia Hjertzell (strategi & koncept)

Den inloggade delen "Mina sidor" är utvecklad av Applicate.

Läs mer om releasen:

http://www.nansen.se/Om-Nansen/Nyheter/Radiotjanst-nya-webb-byggs-pa-Responsive-Design/

http://www.mkse.com/2011/11/23/responsive-design-pa-episerver-av-nansen-for-radiotjanst/

http://www.mynewsdesk.com/se/pressroom/nansen-episerver-experts/pressrelease/view/nya-radiotjaenst-klarar-sig-utan-app-och-mobilwebb-707613

jQuery 1.7 disabled selector update

2011-11-23T10:34:00.001+01:00

I just reacently uppdated the current project to jQuery 1.7. The main reason for this was to get rid of the "event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future." error, but when running my Jasmine tests I encountered one small but important difference in the new versions way of using selectors with the disabled keyword.
Up to jQuery version 1.6.4 you could write a selector to get all elements that where not disabled like this:
$('#someId input[disabled=false]')
That selector would return a list of all input elements that where not disabled. If you do the same in jQuery version 1.7 you will get an empty array as a result. This corresponds more with how the HTML spec is defined the keyword ether is there or not, it has no other values attached to it. Many browsers have, and still support the erroneous syntax of disabled="disabled" or some times disabled="true".

Another way of doing the same selection, one that is more correct and works in both older and the new 1.7 version is:
$('#someId input:not(disabled)')
This is the preffered and correct way of doing the selection if you still want to get all the elements that are not disabled.

EPiMail user synchronization

2011-11-22T18:24:00.003+01:00

Today I had some problems with synchronization of users from standard sqlmembership provider to the EPiMail user database.

EPiMail has its own tables with users and roles, and when you make a request to your site it synchronizes the user and its current roles to the EPiMail user database.

When I added new roles for my user today I noticed that the user roles wasn’t synchronized to the EPiMail database. After reading the documentation (reflection) I noticed that each time a synchronize is done, EPiMail saves a cookie that says that the user is synchronized. As long as the cookie is there it will not synchronize the user again. After deleting the cookie the users roles where updated. A good thing to know if you wonder why your user changes doesnt replicate to the EPiMail database.

Windows context menu keyboard shortcut

2011-11-17T11:01:00.001+01:00

There are loads of keyboard shortcuts for both windows and visual studio. Knowing them can give you some speed.For some time I’ve had an itch about not being able to bring up the context menu in windws, and today I finally got and found it.It’s not the most obvious or user friendly, it’s Shift + F10. Here is a link for all current windows shortcuts http://support.microsoft.com/kb/126449

ScriptResource.axd 404

2011-11-16T10:34:00.001+01:00

From time to time in different projects you can still get an error when the .NET AJAX framework fails to load it's script files, it can look something like this:

http://mySite.localhost/Page-missing/?404;http://mySite.localhost:80/ScriptResource.axd?d=cX-HxJNNFFwiICal1e9E3Fltyiuue3KJiBAKoFQ2em7CnJSOyiZ3kqEwPAe3s3jFu-pwCNTI4A-GcF4jKuNyshBul05bL4FvWIGJwsE2JnB5FrGfSImgZUrdemyV5ODBNtHvYiUtxb1ZSZunFsb8UDs8Y4Mdu_fdnhJw6VNkv1oIqasV0&t=5c2f384e 404 (Not Found)

Uncaught Error: ASP.NET Ajax client-side framework failed to load.
If you are, then you are probably missing a handler setting in your web.config file
It should look like this in IIS7 (and above)


<add name="ScriptResource" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" preCondition="integratedMode" />

The ScriptResource.axd is used by the Microsoft .NET AJAX framework to render helper scripts for it's UpdatePanel controls.

Innebandyn går som på räls

2011-11-09T14:57:00.008+01:00

Skeppsbron Penguins        10   8   1    1   73 - 41  25
Vinprovningsgruppen        10   7   2    1   82 - 47  23
---------------------------------------------------------
Team Isotop Team            7   4   1    2   43 - 36  13
Concrete IT                 8   3   1    4   52 - 44  10
Grant Thorton Athletics     6   2   0    4   11 - 23   6
---------------------------------------------------------
Babyland                    8   1   0    7   38 - 68   3
KBG                         7   0   1    6   26 - 66   1

Fatta hur bra det går i innebandyn i år!

Inför näst sista omgången så leder Skeppsbron Mighty Penguins serien med 8 vinster, 1 oavgjord och endast 1 förlust! Vi har därmed god chans att för andra gången ta hem seriesegern och återigen vinna en sån där fin pokal som hösten -09. Hoppas den är lika fin som den förra bucklan som ni kan se Ricardo hålla i nedan.

Just nu i huvudet på gränssnittsprogrammeraren

2011-11-04T15:06:00.001+01:00

Sitter och arbetar med gränssnittet för en stor svensk morgontidning och jag känner mig jublande glad över att det numera är fritt fram att omsluta block element med en a-tagg. Detta om man använder html5 doctypen så klart.

Förstår inte alls kritiken jag hört mot detta, att det skulle vara ful kod. Jag tycker det känns hur användbart och snyggt som helst! Tänk startsida på valfri webbplats, ofta finns det så kallade puffar som ska fungera som genvägar djupare in i flödet för användaren. Dessa puffar innehåller vanligtvis en bild, en rubrik, en ingress och kanske en läs mer länk. Art Directorn och Interaktions Designer är rörande överens om att hela rasket ska vara klickbart. Då är det knappast snyggare kod att ha fyra separata a-taggar, (en per html element). Det känns inte heller klockrent att omsluta dem med en div och sen sätta ett click event med Javascript på den diven (imo).

Nej hurra för att man får omsluta block element med en a-tagg säger jag, tack för mig!

Ledningskonferensa sig lite

2011-11-04T08:25:00.002+01:00

Alla behöver ett forum. Projektledare, chefer, teamledare m.m. lämnar nu på morgonen Nacka Strand efter en heldag manglande om baktid och framtid. Nu är vi taggade till tänderna med idéer och inspiration, några lappar, pluppar och GTs senare. 2012, 2013, 2014... here we come.

Strategi

Tidsstyrning

Kunskapsöverföring

Eldsjälar

Noggrannhet

Alla ska med!

Överblick

Ärlighet

Agilitet, rörlighet, flexibelitet

Mobilitet

Tillsammans är vi starkare

Lansering: XL-BYGG får ny kostym

2011-10-26T13:57:00.002+02:00

Nansen och Söderhavet avtäcker idag stolt ett stort släpp: Byggvarukedjan XL-BYGGs nya EPiServer-baserade webb

Det har varit ett spännande projekt med många utmaningar. Inte minst hanteringen av att få kedjans över 100 butiker att kunna samsas om samma informationsstruktur, utan att känna sig alltför låsta. Både ur ett redaktionellt och ett presentationsperspektiv.

Så här såg det ut förut:

F.d. Startsida

F.d. Portalsida

F.d. Undersida

Så här ser det ut nu:

Artikelsida

Soritmentssida

Startsida

Här kan du läsa mer om lanseringen.

Team
Förstudie och koncept:

Erik Lidsheim
Henrik Kraft
Sussi Zäll
Michael Jäderlind

Design och koncept

Jesper Robinell
Petter Eklund

Utveckling

Johan Ahlin
Erik Nilsson
Patrik Bergström

Projektledning:

Caroline Bystedt
Eva Holmström
David Kästel

System.IO.IOException: The file exists

2011-10-25T13:19:00.001+02:00

Yesterday when we where starting up for the morning we discovered that one of our test sites was returning the ever so friendly Yellow Screen of Death with an even friendlier message: "The file exists", Really!
A closer look to the stack trace reviled little more information.

The line reads:
System.IO.Path.GetTempFileName(). I had encountered this error once before. But this time I took the time to digg a little deeper into the problem. I discovered that it has to do with EpiServer Community creating temp files for parts of it's configuration and failing to removing them. In my case they contain the configuration section for EpiServer.Common. but it has stripped out all the contents exept the <providers> and the <supportedTypes> section.

When looking into why we get the exception MSDN has some information for us. Under remarks we can read

This method creates a temporary file with a .TMP file extension.The GetTempFileName method will raise an IOException if it is used to create more than 65535 files without deleting previous temporary files.The GetTempFileName method will raise an IOException if no unique temporary file name is available. To resolve this error, delete all unneeded temporary files.

The 65535 number comes from the hex FFFF, so if you look in the C:\WINDOWS\TEMP folder you will probably find a file called tmpFFFF.tmp. You can remove all those files and you'l have a running site.

En helt vanlig dag på Nansen

2011-10-24T12:20:00.000+02:00

08.30 Flitens lampa lyser i A-Team. Bartek, Johan H och Gio!

08.50 Is it a bird? Is it a plane? NO! It's The Rudde!

08.55 Robert "Funny Dialect" Persson anländer.

08.59 Jenny och Rudde kör hårt, går igenom projektekonomi.

09.00 Robert L i telefonmöte.

09.01 Teamledarlasse tillika cyklist och skönsjungare David K anländer!

09.02 Premiumfrukost som vanligt på Nansen/Söderhavet.

09.09 Snabb Fifa 12-match och frukost, det gäller att vara effektiv!

09.32 Andreas kollar morgonens Twitter-flöde. Vi noterar också intresse för orangutanger.

09.33 Helt vanligt möte. Orangutang, Henrik, Martin E.

11.00 Robert L i telefon.

11.01 Kalle & Christer håller ställningarna på Nansen-kontorets västligaste arbetsplatser.

11.59 Hugo och Fredrik fixar Rangy-prylar!

12.35 Tomas är i molnet! Nycertad på Windows Azure.

13.05 Robert L i telefon.

14.46 Fredagsgodis! Robert A och David hugger in.

14.47 #ORDER!! Micke, Henrik & David diggar läget.

15.02 Fossball med Söderhavet!

15.05 2 vs 2 i Fifa 12!

16.02 Tomas kör Windows Workflow Foundation-dragning!

17.22 Deloy! Stör ej :-)

Removing The F5 Shortcut Key In Visual Studio

2011-10-24T10:39:00.001+02:00

Ever hit the F5 key in Visual Studio, launching the slow debug mode, when you thought you already switched to the web browser?

Yes, I thought so.

This is confusing!

But - no more!

You just need to remove the shortcut key mapping to F5 in Visual Studio. Here's how:

Go to Tools->Options->Environment and choose Keyboard.
Write Debug.Start in the "Show commands containing:" text field.
Press Remove and then OK.
Done!

Here's the visual on how to do it:

No more freak F5 mapping in Visual Studio :-)

Deploy på g

2011-10-21T18:42:00.001+02:00

Stör ej, deploy på gång!

Två veckor, fyra nya EPiServer releaser

2011-10-21T14:32:00.001+02:00

Den som väntar på något gott… Under förra veckan och denna har Nansen släppt tre webbplatser och ett socialt intranät.

Jag har haft förmånen att vara delaktiga i dem alla. Först ut var juristbyran.com – med familjejuridik för alla, bra där är testet 'hur skyddad är din familj', särskilt för oss som befinner oss i moderna familjesituationer. Näst på tur stod ITS Nordic, en helt fantastiskt sajt som på ett mjukt och organiskt sätt berättar om ett tekniskt utbud, särskilt kul med nya samarbetet tillsammans med IK Stockholm.

Och denna vecka började i måndags med en efterlängtad lansering för Jensen Educations nya webb. Bra veckor.

/ Lotta

Javascript error in Episerver CMS 5/R2

2011-10-21T14:27:00.011+02:00

I noticed an error in the XHTML-editor. When adding a picture in the editor and try to see the image properties I get a javascript error.

SCRIPT5007: Unable to get value of the property 'specified': object is null or undefined
HyperlinkImageProperties.js, line 262 character 4

To solve this problem, navigate to the folder EPiServer\CMS\ 5.2.375.7\application\util\Editor\javascript

Open HyperlinkImageProperties.js and edit the following things:

First change is at line 262: if(!widthAttr.specified)
Change it to: if(widthAttr == null)
Second change is at line 282: if(!heightAttr.specified)
Change it to: if(heightAttr == null)

Then open HyperlinkProperties.js and edit these lines:

First change is at line 292: if(!widthAttr.specified)
Change it to: if(widthAttr == null)
Second change is at line 316: if(!heightAttr.specified)
Change it to: if(heightAttr == null)

Ny medarbetare på Nansen?

2011-10-14T16:28:00.004+02:00

Idag efter ett möte så hittar jag den här snubben som sitter och ockuperar min plats! Måste vara en nyanställd tänker jag. Min hörnplats som jag har slagits så hårt för att få. Där sitter han och lirar ukelele helt oberört precis som om ingenting har hänt. Jag menar, om man är ny på ett jobb så tar man väl lite soft i början och känner av atmosfären och de andra personerna, så att man sen tillslut hittar sin egen plats i hierarkin? Gör man inte så? I det här fallet så brister det lite i respekten faktiskt. Dessutom låter ukelelen fruktansvärt falskt!

Small world

2011-10-13T18:20:00.001+02:00

Sitter tillbakalutat och lyssnar på Adria Richards på Web 2.0 Expo i New York. Hon talar om "The Pluses and Minuses of Google+". Mitt i hennes presentation sätter jag nästan Starbuckskaffet i vrångstrupen eftersom hon slänger upp denna slide på projektorduken!

Nansen Team Cyclops on the run

2011-10-13T16:37:00.003+02:00

Håll i hatten gott folk, för ikväll ska Nansens Team Cyclops ut och valla fåren ute på stan!

Om allt slutar väl så kommer förhoppningsvis Andreas Oldeskog (aka saerdna, aka älgkalven, aka codingbug aka babybjörn) kunna släntra hem nångång sent imorrn bitti ut till trakterna ute vid Arlanda utan vare sig skrapsår i ansiktet eller att hans släkt ska behöva ringa de lokala myndigheterna för att ta reda på vart han befinner sig.

bara så ni vet...

Discussing Design: The Art of Critique

2011-10-12T23:15:00.002+02:00

Kaffemuggen värmer upp vänsternäven samtidigt som Adam Connor, (Design Director från Mad*Pow) och Aaron Irizarry (UX-Designer från PixelFish) fångar min uppmärksamhet uppe på scenen. De inleder med bilden på Simon Cowell som ni kan se här ovan och jag måste säga att den fungerar rätt bra som utropstecken och startpistol.

Adam och Aaron har båda lång erfarenhet av kritik, både att få kritik och att dela ut kritik. Men som de själva säger, kritik är en färdighet som du bara blir bättre på genom övning. Kritik handlar om att bli en bättre kommunikatör.

Dock ska man vara noga med att aldrig ge kritik av fel skäl. De tar exemplet med besserwissern de själva mött så många gånger som "know 4 buzz words that he wants to use". Att ge kritik med fel avsikt är bara själviskt. Som givare av kritik är det viktigt att tänka på:

Håll inne med din initiala reaktion, den sk magkänslan. Samla dina första intryck, processa dem innan du luftar dem.
Anta ingenting.
Fråga mycket, visa intresse. Att ge rätt typ av kritik kräver ödmjukhet.
Bjud inte in dig själv att ge kritik, ge bara kritik om du blivit tillfrågad.

Som mottagare av kritik måste man komma ihåg att:

Mål är våra bundsförvanter.
Kom ihåg syftet med kritiken, det handlar om förbättringar inte bedömningar.
Var beredd att försvara varje tanke.
Ställ motfrågor, det leder till följande. Antingen inser kritikern att detta är en personlig åsikt eller såtvingar det kritikern att förtydliga sig så pass att kritiken blir nyttig feedback.

Kom ihåg att alltid undvika problemlösning och designbeslut under dessa kritikmöten. Kritiken ska upp på bordet ja, men lösningar ska aldrig tas fram i detta skede.

Web 2.0 Expo: You've successfully attracted a Twitter following: Now what?

2011-10-12T15:40:00.004+02:00

Victoria Harres på Newswire (@RPNewswire) delade med sig av sina erfarenheter kring att jobba professionellt med Twitter. Victora började twittra för fyra år sedan för Newswire som idag har ca 50 000 followers. Idag är de fem personer som administrerar kontot och ansvarar för att olika delar av företagets twitterinformation.

Hon anser att Twitter för dem är en av de viktigaste kanalerna i deras PR. Kampanjer och liknade är bara punktinsatser medan Twitter är mycket mer fundamentalt.

Hon ger några värdefulla tips kring företagsboggande:

Grotta inte ner dig i diskussioner med främlingar. Ta reda på vem du diskuterar med. Det finns många som bara jävlas med dig.
Twitter gör relationen personlig och det är bra. Var inte för formell.
Använd alltid en signatur i Tweeten så läsarna vet vem som skriver bakom företaget tex ^ks. Speciellt viktigt om det är flera personer bakom kontot.
Använd en snabb guide/mall för att se om det du ska skriva är rätt för kanalen och rätt för företaget.
Kolla emellanåt på ditt konto utan att vara inlogga för att få en lite mer objektiv bild över hur du uppfattas utifrån.
Läs in dig på dina followers emellanåt så du lär känna deras profil. Du måste veta vem du skriver till. Det lär dig förstå mediet. Tänk på att din läsargrupp kan förändras över tiden.

Ett lite intressant spår hon tog upp var krisplaner. Eftersom kanalen är så snabb kan små saker på oerhört kort tid blåsa upp. Man måste ha planer för hur små och stora saker ska hanteras. Att vara tidigt ute och ge information om tex små driftstörningar av webbplatsen kan ge några få läsare att omnämnda företagets goda vilja och ge en otroligt positiv kickback. Är man sen eller ovaksam är det oerhört svårt att lappa ihop skadan.

Facebook, Linked In och Twitter är inte samma media och man bör inte publicera samma nyheter.

Victoria uppfattar Facebook som en mer privat mjukare kanal. Linked In som mer kostym och Twitter är mer mitt emellan.

Nansen på Web2.0 Expo i New York - Dag 2

2011-10-12T02:06:00.007+02:00

Vaknar upp kollar på klockan som är 6 på morgonen, måste somna om för att kunna ställa om dygnet. Gör så och vaknar strax efter åtta. Då visar det sig att Klas redan är ute och springer i Central Park och Martin duschat och allt. Min tröst är att jag vet att det är jag som kommer vara piggast ikväll.

Gårdagen slutade som sagt uppe på terrassen där de firade någons födelsedag. Vi drog i oss varsin GT Lasse innan vi gick ner och la oss.

Nu var det dag två och man kände sig relativt pigg och utvilad för att gå ut och göra stan. Martin som är lite mer gangster än oss andra hade bestämt sig för att åka till Brooklyn och härja runt, medan jag och Klasse stannade kvar på trygga Manhattan.

Vi två strosade ner genom kvarteren och dök in i en och annan affär. Eftersom vi var i närheten av Ground Zero tänkte vi kolla in minnesmonumentet. Men då hörde vi plötsligt hög musik och möttes av 100tals människor. Det var Wall Street aktivisterna som hade byggt upp sitt läger där. Det rådde rena rama festival stämningen där och man blev helt varm i kroppen när vi minglade loss med majarökande hippies, reportrar och musikanter. De hade byggt upp ett stort lägger med eget mediacenter, bespisning och sovsäckar å tältsängar i massor.

När vi till slut slet oss där ifrån till vårt egentliga mål, minnesmonumentet så visade sig det att man behövde ha biljett och tjafs så vi hoppade det och drog ner till Battery Park och blickade ut mot Frihetsgudinnan.

28 grader varmt och svetten rann, vi bestämde vi oss för att dra upp till Broadway för välförtjänt lunch. Efter några timmar där drog vi oss tillbaks till hotellet och möte upp Brooklyn Martin.

På kvällen var det på med skjorta, kavaj och hoppa i de bästa discoskorna. Vi hade bokat bort på STK som ligger i Meatpacking District som enligt utsago skulle servera Manhattans bästa kött. Väl där i den super coola miljön kände vi att detta kommer bli en riktigt bra kväll.

In med drinkar, vin och kött och vår resa till fylla och mättnad hade börjat.

Vi njöt av allt och hade riktigt jäkla trevligt ihop. Efter några timmar tog vi in notan och anmälde Oldeskog i deras kundregister. Vi betalade och klev ut på gatan för att kolla upp ännu en rekommendation. Det skulle tydligen finnas en grym terrass någonstans i närheten. Men vi han knappt ut genom dörren inan vi stötte ihop med en härlig uteliggare som berättade länge och väl hur jävla gay hela detta område var på söndagar. Vi surrade en bra stund men efter fem dollar och en cigg senare kunde vi röra oss vidare. Hur farligt kan det vara tänkte vi, inte farligare än Patricia en söndagskväll.

När vi tillslut kom upp på terrassen så drog det till ännu mera i diskotarmen. Martin var redan i riktigt bra form efter att i stort sätt dragit i sig en flaska vin själv. På sant Nansen maner så beställde vi in GT lassar i mängder och satan vad starka de var.

När klockan började närma sig 00:30 så kände jag att vi behövde gå vidare, så jag tog ett snack med värdinnan till VIP terrassen och sen var det bara hämta grabbarna och beblanda oss med det fina folket och framförallt skönare soffor under bar himmel.

Klockan började bli mycket och dagen efter skulle vi upp med

tuppen och registrera oss på konferensen. Så Klas tog ett moget beslut och sa att vi borde växla ner från GT till öl vilket vi också gjorde. Vi satt länge och njöt och såg ut över skylinen, men allt kul har ju tyvärr ett slut så allt försent hoppade vi in i en taxi och tog oss till hotellet. Innan vi kom in i rummet så hann vi bekanta oss med några japaner i hissen som jag tror tyckte vi var helt galna. Sen var det inte mer än att hoppa ner i sängen, vi visste ju att klockan skulle ringa allt för snart.

Check in med Foursquare web 2.0 Exp NYC

2011-10-12T01:29:00.006+02:00

Adrian Parker RadioShack (Amerikans elektronikkedja) med, Eric Freidman Foursquare pratar om hur deras samarbete har fungerat och vilka erfarenheter som de samlat på sig med arbetet med Foursquare specials.
Konceptet handlar i princip om att användaren checkar in via Foursquare i butiken och får 10% rabatt.
Det här är ett ganska intressant område att följa där vi i Sverige inte har kommit så långt ännu.

Några punkter från dragningen:

Foursquare har en dashboard för sina partner som gör det lätt att skapa kampanjer kring incheckning.
Alla återförsäljare som vill använda Foursquare specials måste genomgå en godkännande process.
Lösningen kräver ingen utvecklingsinsatts.
Det finns en del olika lösningar för företag för tex gruppincheckningar, tidsbaserade incheckningar mm.
Bara återförsäljare kan skapa affärer (inte produktleverantörer/tillverkare). En manager har ägandekapet av kontot och hanterar alla.

I den kundkrets som använder Foursquare specials har försäljningen ökat med 3,5 gånger.
Använda tex Foursqare som marknadsföringskanal tajtar till dialogen med kunden och bygger relation. Som försäljare måste man dock hantera detta och vara beredd på att svara upp till kritik och frågor i Sociala medier.

Det är ytterst viktigt att all personal i butikerna förstår konceptet. Foursquare tog lärdom av detta och har byggt upp ett system för att bl.a. skriva ut enkla beskrivningar och lathund för butiksanställda.
Hälften av RadioShacks försäljning är mobila enhet och många av deras kunder har en naturlig koppling till den mobila världen.
jag och Lybeck har redan utnyttjat konceptet och Checkat in på hotellet och inkasserat en gratis öl i hotellbaren.

Upgrading from jQuery 1.4 to jQuery 1.6

2011-10-11T22:01:00.000+02:00

The jQuery team have done a god work in keeping the new versions of the framework backwards compatible. But when we upgraded one of our applications that heavily depends on jQuery we found two breaking changes that affected big parts of the application.

attr() VS prop()

From the documentation:

"The .prop() method gets the property value for only the first element in the matched set. It returns undefined for the value of a property that has not been set, or if the matched set has no elements. To get the value for each element individually, use a looping construct such as jQuery's .each() or .map() method.
The difference between attributes and properties can be important in specific situations. Before jQuery 1.6, the .attr() method sometimes took property values into account when retrieving some attributes, which could cause inconsistent behavior. As of jQuery 1.6, the .prop() method provides a way to explicitly retrieve property values, while .attr() retrieves attributes."

For example, in jQuery 1.4 you could do this

if ($("#radioButton1").attr("checked", "checked")){
    doStuff();
}
and

if ($("#radioButton1").attr("checked", "")){
    doSomeOtherStuff();
}

when running that code in jQuery 1.4 you could get true or false depending if the checked value wasn't there. That's because if the attr() function doesn't find the checked attribute it returns an empty string. In jQuery 1.6 the attr() function will retrieve the content attribute, which doesn't change when the value is toggled between checked and unchecked, thus always returning true.

The new way of checking if a checbox or radio button is selected is with this code.

if ($("#radioButton1").prop("checked")){
    doStuff();
}

or 

if ($("#radioButton1").is(":checked")){
    doStuff();
}

This is also the best cross-browser way of checking for boolean DOM values.
I'll end with a heads up from the jQuery documentation:

In Internet Explorer prior to version 9, using .prop() to set a DOM element property to anything other than a simple primitive value (number, string, or boolean) can cause memory leaks if the property is not removed (using .removeProp()) before the DOM element is removed from the document. To safely set values on DOM objects without memory leaks, use .data().

HTML(5) Now

2011-10-11T19:31:00.004+02:00

På scen, Tantek Çelik som jag upplevt nästan som enrockstjärna ända sedan han uppfann sin berömda box model hack. Är det 10 årsedan redan? Idag pratar han om HTML5 inför ett fullpackat (lite luft tack) rum påWeb2.0Expo.

HTML5 är som så mycket annat på webben just nu "an evolving draft in progress". Men lika lite som Denise Jacobs tycker vi ska avvakta med att använda CSS3 tycker Tantek att vi ska vara blyga inför HTML5. Man kan aldrig bromsa sig ur en uppförsbacke. Tantek delar in HTML5 i tre kategorier:

Practical now
Rougly useable
Worthy of web applications experiments

I den första och i mitt tycke mest intressanta kategorien just nu hittar vi taggar som article, header, footer, aside, audio, video och något oväntat kanske Geolocation API som numera äntligen stöds av Internet Explorer 9, (välkomna in i matchen). Dock får du inte glömma att alltid komplettera med hjälpverktyg som HTML5 Shiv och Modernizr när du jobbar i framkanten för vad som är möjligt.

Mobile first med Luke Wroblewski Web 2.0 Exp

2011-10-11T17:31:00.007+02:00

Luke Wroblewski pratade om vikten av mobile first design. Förvisso inget nytt koncept men trotts det händer det fortfarande inte. Han drog fram en del viktig fakta för att påvisa allvaret.

Mer eller mindre samtliga stora aktörer som Google, Facebook mm ser mobilen som sin primära platform. Goole designar numer alla nya tjänster för mobilen förts.

Luke skulle gärna vilja defiera om konceptet av persondator till att vara mobilen. Den är ju avsevärt mer personlig än en dator.

Användningen av mobila tjänster börjar redan skifta in i nästa fas där tex Twitter ser 16% av sina användare faktisk skapar sina konton genom mobilen. Mobilen är alltså inte längre ett komplement till datorn utan snarare första och i vissa fall enda valet.

Luke dog även en hel del exempel på hur informationen måste koncentreras och fokuseras pga den lilla skärmen. Men inte bara av den anledningen utan även för att mobilanvändaren är mycket mer distraherad i sitt användande. Han beskrev det som "En mobilanvändare har ett öga och ett finger, det andra är upptaget med omgivningen".

Men mobil design behöver nödvändigtvis inte banta innehållet utan vi måste bara göra UX-designen mer smart...och det finns mängder av möjligheter. Vi kan vrida, dra swipa osv. Det behövs inte ha knappar och förklarande texter. Vi har en helt nytt sett med verktyg att utforska för att lösa interaktionsproblemen. Användaren kommer hitta dessa funktioner där de är logiska.

Buttons are a Hack: The New Rules of Designing for Touch

2011-10-11T17:17:00.002+02:00

Lyssnar på Josh Clark, en kompromisslös interaktionsdesigner som anser att antingen ska interaktionen med en applikation kännas intuitiveller så har den inget existensberättigande. I naturen finns inga instruktioner, och alla vet att handböcker, bruksanvisningar, manualer och liknade är fruktansvärt tråkiga och sövande.

Clark hatar små knappar lika mycket som en gränssnittsutvecklare hatar Internet Explorer 6 och han är en riktigt vasscitatmaskin. ”When removing the cursor, the pointer, allthat’s left are you and the device” och ”Ihate the iPad´s back button with the heat of a million suns” är två reflektioner som jaggladeligen tar med mig härifrån.

Riktigt trevlig, rolig och tankeväckandeföreläsning. Web2.0Expo har helt klart växlat upp ett par snäpp från igår. Clark avslutar med orden "Go out and make something amazing" och det är precis vad man vill göra just nu. Mersmak var ordet!

CSS3: Ripe & Ready to Respond

2011-10-11T16:11:00.000+02:00

Andra dagen på Web 2.0 Expo. Sitter och lyssnar på Denise Jacobs som pratar om CSS3 och varför det är "Da bomb" och "Aaawesome" och absolut något man borde börja använda nu direkt istället för att sitta på händerna och vänta på mer heltäckande browser stöd. Inget nytt där, men alltid bra att få det bekräftat av någon som vet vad hon talar om. Denise är en rolig, inspirerande talare som ser till att alla i publiken är på tårna. Men det är tyvärr inte mycket nytt man får lära sig, nivån är rätt låg. Hälften av publiken räcker upp handen på frågan "Who hasen't heard of Modernizr?"

Föreläsningen blir som en enda lång dragning med länktips, och Denise har fler länkar än juveleraren på 47th Street. Så föreläsningen känns ungefär som att hon bara går igenom sitt Deliciouskonto inför publik. Hade varit bättre om hon lagt all tid på ett av de många, många, många länktips hon nu bara rabblar. Kanske en hel timme om Modernizr eller varför inte Boilerplate nästa gång?

Designing for Tablet Experiences

2011-10-10T16:30:00.005+02:00

Vi har precis avslutat en kul work shop på Web 2.0 Expo. Dagens och hela konferensens första pass var Designing for Tablet Experiences och handlade om app design för iPads och liknande devices. Dragningen hölls av Henrik Olsen från Hot Studio Inc. Han verkar erfaren och duktig men är inte super karismatisk.

Jag, Klas och Kristoffer bestämmer oss för att skissera fram en iPad app med arbetsnamnet Arty, den personliga museum guiden. Vi tänker oss att den ska skänka besökaren en extra dimension när denna botaniserar runt på museet. Beväpnade med papper, penna och post-its tar vi först fram en User Scenario Storyboard för att sedan fylla på med features, funktionalitet och innehåll. Kul uppgift som gav mersmak, skulle hemskt gärna göra något liknande i skarpt läge. Hej på er Fotografiska!

Avslutningsvis, dagens tips från Klas. Han hälsar - ha aldrig telefonen i bröstfickan samtidigt som du lutar dig över toaletten. Han har provat och det blev inte helt lyckat.

Nansen på Web2.0 Expo i New York - Dag 1

2011-10-10T13:20:00.008+02:00

En trio av Nansen utvecklare har bestämt sig för att åka på fyra dagars konferensen Web 2.0 Expo som denna gång går av stapeln i det stora äpplet. För att kunna förena nytta med nöje så tar vi några extra dagar för att maxa resan med shopping och fest.

Det började med att vi tidigt möttes med tomma resväskor (som vid hemresan ska vara fyllda) vid Arlanda Express och begav oss ut mot Andreas land (Arlanda).

Redan när vi steg på planet kände vi att denna resa kommer att bli premium, vi var inbokade i Economy extra vilket innebär gott om benutrymme, fotstöd, elutag och en massa mat, godis och glass. Det första vi fick var en goodiebag som fick Martin att gå i taket. Anledningen var att han stressat runt på flygplatsen för att köpa en tandborste och förstås så innehöll denna påse bland annat en prima tandborste, 35 kronor åt skogen.

Efter ca 8 timmar, några filmer och något kilo tyngre så kliver vi av på Newark Airport.

Vi tar oss från New Jersey med en riktigt skojfrisk taxichaufför, som jobbar hårt för att maxa sin dricks. Skämt efter skämt som får oss alla i taxin att skratta högljutt .

Hela resan har hittills gott som en dans, nu håller vi bara tummarna att Roger Smith Hotel ska hålla måttet. Taxin bromsar in på 501 Lexington Ave (47:e gatan) utan för ett hotell med halvsliten entré med Roger Smith loggan. Vi kliver ur och dricksar vår nyfunna vän.

När vi kliver in på hotellet ser det ändå rätt sjyst ut där inne, och när vi får vårt rum på 15:e våningen av 16 så känns allt lugnt igen.

Vi beger oss snabbt ut på stan för att suga in atmosfären, vi blickar upp på det höga husen och bara njuter. Vi beger oss till Apple store som ligger uppe vid Central Park. Utan för är det ett stort folkhav som står och blickar ut över Steve Jobs minnesplats. Mängder med post-it lappar med budskap och hyllningar och äpplen i mängder. Ändå är nog det som sticker ut mest en halvnaken och mycket konstiga kvinna (bag lady?). Vi glider in i butiken och trängs med typ 1000 andra köper hörlurar och flyr.

Klockan är typ 15:52 när vi lämnar butiken vilket motsvarar 21:52 svensktid och gäspningarna börjar ge sig till känna. För att tanka i oss lite energi så sätter vi oss på Brasserie Ruhlmann vid Rockafeller Center och tar in varsin biff och en stor stark.

Med vår ny vunna erergi tar vi oss ner till turistfällan Times square och åker upp i den snurrande baren The View. Personligen ville jag beställa en manhattan på manhattan men den fanns inte i sortimentet. Vi snurrar ett kvartsvarv sen är drinken slut och vi drar vidare.

Lill Hugo på Rangy hade gett oss ett tips om att dra till pier 66, och det gjorde vi och kände direkt att killen hade koll. Vi möttes av en skön style och satt ute i t-shirt med skylinen fram för oss och njöt av våran jättestora kanna med öl. Helikoptrar flög över våra huvuden och det vi tänkte var att New York är the place to be and Nansen the place to work.

När vi kände att Martin var i Zoombie mode så bestämde vi oss för att röra oss tillbaks till hotellet. Vi nattad Mr Lenngren (Småbarns förälder) och jag och Klas begav oss en trappa upp till terrassen på vårt hotell.

Sen citerar jag Latin Kings ”Resten av historien den får ni Gissa”.

Cliffhanger delux…

Hälsningar från NY!!!

Tabellen innebandykorpen

2011-10-10T11:18:00.008+02:00

God förmiddag peeps!

Jag vill bara att ni ska få veta hur läget är i innebandyserien. Så, för att ni ska slippa gå omkring och vara oroliga och ovetandes så kan jag tala om att vi toppar tabellen.

Så.

Bra..

                                                          
Skeppsbron Penguins        4    4    0    0  31 - 13  12
Vinprovningsgruppen        4    3    0    1  28 - 13   9
--------------------------------------------------------
Grant Thorton Athletics    3    2    0    1  11 -  8   6
Babyland                   2    1    0    1  11 - 12   3
Concrete IT                4    1    0    3  16 - 18   3
--------------------------------------------------------
Team Isotop Team           1    0    0    1   0 -  5   0
KBG                        4    0    0    4  15 - 43   0

Release: ITS Nordic

2011-10-06T14:52:00.004+02:00

Det är hektiska veckor här på Nansen. Ibland känns det som att vi spottar ur oss minst en sajt i veckan här från stockholmskontoret.

Idag släppte vi itsnordic.se som är en EPiServer CMS 6 R2. Design är framtagen av IK Stockholm som är våra grannar här på drottningatan 92. (De sitter faktisk så nära oss att vi kan surfa på vårt eget WiFi när vi är på möten hos dom).

Mer info om detta projekt kommer snart dyka upp under nyheter på www.nansen.se.

Beställare: Staffan Ybring, ITS Nordic

Projektledning: Charlotta Lorentz, Pernilla Ihse (IK Stockholm)

Design: Olof Uhlin (IK Stockholm)

Frontend: Chryzstof "Lybeckeffekten" Lübeckius

Backend: Rodolphe Toots, Robert Persson

Kuriosa: det blev en rätt kul URL på våra utvecklingsmaskiner: http://its.local

Setting up Google Analytics for intranet sites

2011-10-05T15:00:00.001+02:00

More and more websites are using Google Analytics since the services provides valuable insights to site traffic, marketing effectiveness, user conversions and the fact that it is free of charge and easy to set up.

Last day while trying to set up Google Analytics for a customer on a their intranet site, we detected that no statistics were sent to Google Analytics for the users that were using Internet Explorer, luckily this was quickly detected since IE is the prominent browser in the customer organization.

In the case of this particular intranet site(and most other intranet sites for that matter), the customers can simply navigate to the site without explicitly typing the domain name of the site, e.g. http://intranetsite, since the site is a member of the local domain.

This browser specific problem is apparently caused because of a cookie restriction in IE for hosts-addresses that does not contain a fully qualified domain name(FQDN).

The Google Analytics documentation states the requirement that all sites must use a FQDN, in order to successfully register statistics. However for our customer this was not an option, also both Firefox and Chrome where able to successfully register statistics without using a FQDN.

The solution to this browser specific problem is to explicitly set the domain name to 'none' in the Google Analytics tracking script:

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXX-1']);
_gaq.push(['_setDomainName', 'none']); //explicitly set the domain name to 'none'
_gaq.push(['_trackPageview']);

(function () {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

After this minor update all major browsers were successfully able to register statistics for the site using both the FQDN version and the shorter version of the site address.

This teqnique is also useful for setting up Google Analytics on a site that runs on your local computer, perhaps during development or maybe just to play around with Google Analytics.

Ny stabil seger för pingvinerna

2011-10-05T12:37:00.003+02:00

Igår var det game night och ny runda i innebandykorpen. Skeppsbron Mighty Penguins skulle spela match mot först Vinprovningsgruppen och därefter Concrete IT.

Vi hade perfekt uppställning med 6 pers. 2 fulla treor är perfekt för då byter man rakt av varje byte. Det börjar lite konstigt med att vi inte får någon domare till vår första matchen mot Vinprovningsgruppen. Det spelas 3 matcher samtidigt i serien, men ikväll fanns bara en domare på plats. Med tanke på att det kan vara lite smågriningt i korpen ibland så var vi lite lätt oroliga först. Men vi bestämde oss för att tuta och köra ändå. Matchen blev en rätt svängig historia där vi initialt tog ledningen och det såg rätt stabilt ut. Sen tappade vi dock in ett gäng snabba och slarviga mål och helt plötsligt ledde motståndarna. När det återstod ca 3 minuter så tog vi oss dock i kragen och dunkade in 3 mål på mindre än 1 minut. Därmed var saken klar. Vi retades lite med motståndarna genom att hålla bollen inom laget sista 2 minuterna.

Kvällens andra match blev dock WO (ja, återigen!). Så inte mycket att rapportera därifrån. Vi hittade dock ett annat lag som var där lite tidigt och frågade om de ville spela lite för skojs skull, vilket de ville. så vi körde en 20 minuter bara för skojs skull utan att räkna mål. Bästa sättet att spela småmålsinnebandy om ni frågar mig.

Adobe acquires both Typekit and Phonegap

2011-10-03T19:40:00.000+02:00

Adobes is on a shopping spree and acquires HTML5 and JavaScript Platform Phonegap as well as Web Font platform Typekit. This is very interesting news and hopefully means that Adobe can put in even more hours in both of these platform. I also hope that this means Adobe will offer all of their fonts through TypeKit.

Links
http://www.businesswire.com/news/home/20111003006357/en/Adobe-Acquires-Web-Typography-Innovator-Typekit

http://www.marketwatch.com/story/adobe-announces-agreement-to-acquire-nitobi-creator-of-phonegap-2011-10-03

Fredagsdeloy

2011-09-30T16:10:00.003+02:00

Att de(p)loya på en fredag är ju livsfarligt. Det vet alla i den här branschen.

För en hård snubbe som DataPata så är detta dock inget hinder, utan han deloyar på ändå.

Soundtrack för denna deloy kan hittas här: Chamillionaire – Ridin' Dirty (feat. Chamillionaire)

Release: Absolut Blank

2011-09-30T13:28:00.003+02:00

Tidigare i veckan så smyglanserades Absolut Vodkas nya kampanj "Absolut Blank".

Kampanjen är framtagen av Great Works och Teenage Engineering. Vi på Nansen har stått för backendkodning i EPiServer.

Förutom en webbsajt (http://www.absolut.com/blank/) så består kampanjen även av en iPhoneapp. Appen låter användare använda telefonens kamera för att generera konstverk genom att "mata den" med mönster och färger. Detta konstverk laddas sedan upp till ett galleri på absolut.com/blank.

Ladda ner appen på itunes!

Mer info:

http://resume.se/nyheter/2011/09/29/absoluts-nya-konst-kampanj/

Giovanni, vår egen omslagspojke

2011-09-30T13:18:00.005+02:00

TGIF! Här på Nansen så badar vi i medieljuset idag.

Vår egna Gio är i med i papperstidningen och även näteditionen av Computer Sweden.

I skrivande stund så dyker Giovannis nuna upp som första artikel när man surfar in på IDG.se.

Tyvärr så har den nyvunna berömmelsen stigit honom lite åt huvudet och han snurrar i princip runt i omloppsbana runt jorden som en jäkla satellit. Vi funderar som bäst på vilka åtgärder som bäst passar för att plocka ner honom på jorden igen. Alla tips emottages tacksamt

Ping & Pong is no more

2011-09-28T17:40:00.005+02:00

Katastrof!

Vår favoritrestaurang/matställe byter tydligen namn!

Stället som fram tills precis nyss hette Ping byter skylt och nu står det "Sushi & Dumplings" istället för Ping!

Vadan detta? Ping som är en bakficka till Pong och som därmed bildade den coolaste namncombon i Sverige tappar ju all coolness iochmed detta.

Frågan är om en bojkott är på sin plats...

Dock så har Ping (eller vad de numera heter) en rad attribut som gör dom väldigt attraktiva för oss här på Nansen (och även söderhavet):

1) avståndet: det är typ 23 meter från vår port så man kan gå dit i tofflor.

2) de säljer jävligt sjyssta matlådor till ett oslagbart pris.

Detta gör ju att man troligen även i fortsättningen kommer gå dit och göra sina matinköp. Dvs om de inte även ändrar detta superba koncept. Men då är det faktiskt definitivt bojkott!

Nansen levererar ett molnbaserat filhanterings- och rapportgeneringssystem för en stor svensk organisation

2011-09-22T14:00:00.003+02:00

Systemet som syftar till att effektivisera och underlätta det dagliga arbetet för dess användare lanserades i dagarna och ger användare säker och molnbaserad åtkomst till ett personligt och rättighetsstyrt filsystem.
Via en webbläsare kan användarna ladda upp och hantera multipla filer från varsom i världen, vilket eliminerar eliminerar behovet av VPN-uppkoppling och enhetsmappning.

Webbapplikationen tillåter även att användarna utifrån en enkel eller komplex batchbaserad sökning kan ta fram verksamhetscentrala rapporter i Excel, vilka har stöd för sortering och filtrering samt ett anpassningsbart utseende.

Webbapplikationen som till hög grad är AJAX-driven och interaktiv är utvecklad i .NET 4 och använder kontrollbiblioteket Telerik RadControls for ASP.NET AJAX.

Fixing EPiServer's context menu bug in Google Chrome

2011-09-22T08:30:00.000+02:00

As all of you using Google Chrome on an EPiServer website, know that the right click menu isn't opening correctly in your browser. The problem appears when you have scrolled down on a page and try to open the context menu - the menu will open at the top of the page as if you had not scrolled the page.

After having to endure this bug for a long time and knowing it would take a while for EPiServer to release a new version that fixes it - I chose to try and fix it myself, figuring it would only be a small fix.

Later, after a bit of investigation, I landed in the contextmenu.js file located in C:\Program Files (x86)\EPiServer\CMS\6.1.379.0\Application\Util\javascript. The problem lied in the _ScrollPosition method where it is calling win.document.documentElement.scrollLeft. This property always returns zero in Google Chrome. To solve this we can use the win.document.body.scrollLeft property instead which returns the correct value. Using the OR ( || ) operator we can make the browser choose the property that returns a value other than zero.

The final method will look like this after fixing the bug (green is the changed code):

ContextMenu.prototype._ScrollPosition = function(win)
{
    var scrollX = 0;
    var scrollY = 0;
    if (!this._IsCrossSite(win.top) && win.top.document.documentElement.scrollTop != null)
    {
        scrollX = win.document.documentElement.scrollLeft || win.document.body.scrollLeft;
        scrollY = win.document.documentElement.scrollTop || win.document.body.scrollTop;
    }
    else if (win.pageYOffset != null)
    {
        scrollX = win.pageXOffset;
        scrollY = win.pageYOffset;
    }  
    
    return [scrollX, scrollY];
}

Modifiying EPiServer's files might break the support and is at your own risk. I have however not found any problems with it so far.

If you want to include this for all editors of your site you can add the following code in your MasterPage which will replace the EPiServer-method with the bug-fixed one:

protected override void OnLoad(EventArgs e)
{
    base.OnLoad(e);

    if (Request.IsAuthenticated && CurrentPage.QueryDistinctAccess(AccessLevel.Publish))
        EPiServer.ClientScript.ScriptManager.Current.AddEventListener("window", "load", "function(){ContextMenu.prototype._ScrollPosition=function(win){var scrollX=0;var scrollY=0;if(!this._IsCrossSite(win.top)&&win.top.document.documentElement.scrollTop!=null){scrollX=win.document.documentElement.scrollLeft||win.document.body.scrollLeft;scrollY=win.document.documentElement.scrollTop||win.document.body.scrollTop}else if(win.pageYOffset!=null){scrollX=win.pageXOffset;scrollY=win.pageYOffset}return[scrollX,scrollY]}}");
}

Let me know if you find any problems with it!

Innebandyn igång igen

2011-09-21T15:00:00.002+02:00

Äntligen är innebandysäsongen igång!

Det innebär att vårt korplag (som vi kör tillsammans med Attollo och Söderhavet) nu har klarat av säsongens premiärmatch. Vi vann enkelt vår första match med 12-6 (tror jag det blev).

Noterbart var att motståndarna tyvärr inte hade några avbytare.

Och när det återstod ca 8 minuter kvar så gick klubban av för en av dem, men jag lånade snällt ut en klubba så att de kunde fortsätta spela. Självklart ställer man upp, jag kommer ju alltid kittad med ca 3 klubbar i klubbväskan.

Varje omgång spelar man 2 matcher, men den här kvällen så hade dock motståndarna i den andra matchen valt att lämna walk over, vilket innebar en femnoll-vinst för oss.

Även om detta innebar enkla poäng för oss så var det ändå lite trist att inte få spela matchen. Vi hade ju laddat sen i maj för detta!

Anonymous identification in webfarm scenarios

2011-09-21T14:45:00.003+02:00

One of our customers has anonymous identification enabled for their website and stores some vital information in the resulting cookie. As we tested our latest deploy, which included separating the website over several different servers and subdomains, we noticed that the cookie information was not retained as you navigated between the subdomains.

The cookie was set at subdomain 1 and kept as long as you stayed on that subdomain, but the moment you switched over to another subdomain the cookie was overwritten.

The explanation turned out to be extremely simple. As we had a couple of new machines installed their machine-key configurations differed slightly. You need to make sure that each server share the same value for validationKey and decryptionKey as these values are used to encrypt and decrypt the cookie. You can read more on the topic here

Routing does not work on a fresh IIS 7 installation

2011-09-21T13:42:00.000+02:00

In a project I am working on we make use of the Routing feature in ASP.NET to get friendly URL for a page. This has been working great on the dev machine in IIS 7 but when deploying it to a new Windows Server machine with IIS 7 the routing part did not work at all, so something was different between the two environments.

The solution was as simple as installing the HTTP Redirection module in IIS.

Open the Server Manager.
Choose Web Server (IIS) and scroll down to Role Services.
Click Add Role Services and click the checkbox next to HTTP Redirection.
Click Next and Install, and you are done!

Historien om en felstavning

2011-09-21T10:53:00.000+02:00

Vi har slutat prata om produktionssättning, leverans och - gud förbjude - deploy. Allt sedan dagen då vår kund gjorde oss uppmärksamma på ett stavfel i ett mejl, "deploy" blev nämligen "deloy", genom att snabbt replikera med en google-bildsök på ordet "deloy", som var en stickad mössa - så har alla leveranser kallats deloyer. Denna s.k. deloy-hatt har sedan förföljt oss till den grad att Jonas valde att sy upp en riktig deloy-hatt. Tack Jonas och Linus för alla dina upptåg. We likes you!

/Team Burton

Customize EPi Commerce Order listing

2011-09-20T15:19:00.009+02:00

In a current project using EPi Commerce we ran into an issue in Commerce Admin. It was very hard to get a good overview of placed orders. This due to the ID column in commerce manager displaying OrderGroupId instead of the generated TrackingNumber communicated to the customers.

This is updated with EPi Commerce R2 / EFC 5.2 but we haven't had the possibility to upgrade yet.

View in EPi Commerce / EFC 5.1

View in EPi Commerce R2 / EFC 5.2

If a customer contacts the merchant with a query about a specific order, the Order listing in the first release of EPi Commerce / EFC 5.1 don’t display the Order no. given to the customer.

And the search don’t allow search on the property called “TrackingNumber” either. We needed to solve this issue quickly, waiting for all that comes with upgrading to a new version wasn’t an option.

Commerce manager keeps it’s controls and configurations related to the manager UI in a folder located by default in:

C:\Program Files (x86)\Mediachase\eCommerceFramework\5.1\[YourSiteName]

Configuration for the Order lists are kept in the following file.

C:\Program Files (x86)\Mediachase\eCommerceFramework\5.1\[YourSiteName]\Shared\Apps\Order\Order.config

In this file you can add columns you wish to list, as long as they are on the PurchaseOrder Object.

The view tag in the config file contains the columns listed in the view

   89:  <View id="Orders-List" … >

To add a new column just insert. The line below adds a new column displaying Order Creation date. (Property “Created”)

The Order Id is displayed using a link template control which is located in

C:\Program Files (x86)\Mediachase\eCommerceFramework\5.1\AvalancheCMS\Shared\Apps\Order\GridTemplates\OrderLinkTemplate.ascx

To stop using the internal object Id of the order and instead display the generated order number for the purchase order we just need to update the following in the OrderLinkTemplate.ascx:

From:

   6:      Text='<%# EcfListView.GetDataCellValue(DataBinder.Eval(DataBinder.GetDataItem(Container),"OrderGroupId")) %>'>

To:

   6:  Text='<%# GetViewName().Equals("PurchaseOrder") ? EcfListView.GetDataCellValue(DataBinder.Eval(DataBinder.GetDataItem(Container),"TrackingNumber")) : EcfListView.GetDataCellValue(DataBinder.Eval(DataBinder.GetDataItem(Container),"OrderGroupId")) %>'>

Adding the Creation date and modifying the LinkTemplate to show TrackingNumber instead of OrderGroupId will make the listing look like this:

So if you are not running your site on EPi Commerce R2 yet this might ease the process of identifying orders in Commerce Manager until you upgrade.

Finding the right web process to debug

2011-09-20T13:28:00.006+02:00

I've always found it a bit annoying when I am using "Attach to process" to debug my code and see something like this:

Which w3wp.exe should I attach to? Ah, why not attach to all of them, even though you know it's not necessary.

Recently a wise man showed me a trick to find out which web process I should attach to just by adding a command as an external tool.

In Visual Studio, just go to Tools -> External Tools and then press "Add".

For the 'Title' you can choose what ever you want to call your External Tool, I chose to call it "Find web process".

For the 'Command', just paste this: %windir%\system32\inetsrv\appcmd.exe and for the 'Arguments' you should use "list wp". Make sure you check "Use output window" and then just click "OK".

Now you can use your newly created command from the menu bar under "Tools" and the result will be shown in the output window. To make it even easier you can add a keyboard shortcut to it too, more about that here.

The appcmd application is part of IIS7. It's a fully featured command line interface to IIS so everything (probably) you can do through the IIS Manager UI you can do through appcmd. You can find more information about appcmd here.

Nansen goes Hammarby Hill XC

2011-09-19T08:58:00.001+02:00

I lördags var det dags för Nansen Team XC att göra tävlingspremiär på Hammarby Hill XC. Förväntningarna var på topp och psykkriget var intensivt sista veckan. Dom två cyklisterna såg påtagligt nervösa ut innan start, trots att det var "flickklassen", alltså ett varv av tre som huvudklassen kör, som skulle köras.

Starten går upp för Hammarbybacken och som den hängivne supporter jag är så hade jag tagit mig upp till toppen för att hejja på våra tävlande. Först upp av dom kom Viktor som såg stark ut och cyklade hela vägen upp.

Nån minut senare såg jag Andreas komma en bit ner i backen, gående!

I efterhand så har det bortförklarats med materialfel...

Både Viktor och Andreas hade sagt att dom hade 1:15 som mål för dom 20km och efter 1:10 så tog jag plats vid upploppet och började vänta. efter drygt 1:17 så dyker Viktor upp och går i mål som segrare i Nansenteamet.

Sen började en alltför lång väntan på Andreas. Vi hann spekulera i både trasig cykel och dödskrasher innan han till slut dök upp på tiden 1:31:48.

Andreas höll en lång utläggning om både växelproblem, krashade och medvetlösa tjejer och egna kramper som förklaring till sitt mindre lyckade resultat.

Här ser vi Viktor som nöjd vinnare och Andreas som besviken förlorare.

Efterspelet...
På kvällen när det skulle kollas resultat så upptäcks det att Viktor inte har fullföljt sitt lopp och står som "Brutit". Just nu är det oklart om han får det resultat han själv hävdar att han ska ha, nämligen en 41a plats på 1:17:nånting eller om han förblir som brutit i resultatlistan. Andras slutade på en 67e plats på 1:31:48 av totalt 74 fullföljande. Vinnaren körde på 54 minuter.

Diligentias nya projektwebbar lanserade

2011-09-16T08:59:00.004+02:00

Idag lanseras Diligentias nya projektwebbar, i första skedet för Sveavägen 44 och Masthusen. Nansen har byggt en plattform baserad på EPiServer CMS 6R2 Enterprise som låter Diligentia snabbt och enkelt skapa upp webbar när nya projekt drar igång.

Beställare: Jonathan Brun, Diligentia

Projektledning: Charlotta Lorentz

Design: Silver

Frontend: Giovanni Vivanco

Backend: Bartek Tatkowski

Resolving The AJAX Related "Sys is not defined" error

2011-09-15T14:02:00.000+02:00

We have a customer website which recently started to get ASP.NET AJAX related JavaScript errors. Looking at Firebug, it reported things like:

"ASP.NET Ajax client-side framework failed to load."
"Sys is not defined"

After some fiddling around with Web.Config handlers and initialization of the ScriptManager, and with no luck, we turned the focus to IIS. After all, these kind of errors might have to do with version problems we thought. And we were right!

A simple switch from .NET Framework v2.0 to v4.0 for the App pool solved it.

Lesson learned: make sure you use the correct .NET version for your website.

Implement a SettingsPageType in EPiServer

2011-09-15T11:05:00.000+02:00

There are loads of different opinions about this matter. Even here at Nansen we haven't reached consensus. This is strictly my personal opinion.

Here's why I think you should use a separate page type for global site settings.

Do not bloat the start page with non start page related properties.
DO NOT BLOAT THE START PAGE WITH NON START PAGE RELATED PROPERTIES.

The only downside is I have to contradict myself to implement this. You still need to add one property to your start page. A page reference property for pointing out the settings page, so you can easily reach it from code.

For easy code access to your settings I suggest that you add this code snippet in your page template base class, page type base class or your master page base class:

private SettingsPageType _settings;
public SettingsPageType Settings
{
    get
    {
        if (_settings == null)
        {
            var startPage = DataFactory.Instance.GetPage(PageReference.StartPage) as StartPageType;
            if (startPage == null || startPage.SettingsPage == null)
            {
                throw new ApplicationException(
                    "Settings page not configured. The website will not work until it has been configured.");
            }
            _settings = startPage.SettingsPage;
        }
        return _settings;
    }
}

A small downside is that there will be an extra request to the EPiServer page cache. But I'm convinced it will not affect the performance of your website.

A typical example of using site settings is that the editor wants the website logo to be replaceable. So in my SettingsPageType I add a property for this purpose:

[PageTypeProperty(Type = typeof(PropertyImageUrl),
    EditCaption = "Website logo",
    HelpText = "The website logo, visible on all pages on the website.",
    UniqueValuePerLanguage = false,
    SortOrder = 10)]
public virtual string SiteLogo { get; set; }

Then in your master page you set the image source to <%= Settings.SiteLogo %> or manage it in code behind.

From an editors point of view it's confusing to see global site settings mixed with the content of the start page. There's a risk that they'll be confused and that they might change something unintentionally.

The coolest and most convincing argument is that you can add this neat page type icon to your SettingsPageType:

Nansen and Familjebostäder - Facebook Specialists!

2011-09-14T15:55:00.001+02:00

Nansen front end developer Mr.Lybeck could hereby titulate himself Facebook Specialist (please login to LinkedIN for the full seach results).

His Facebook Pages assignment with our client Familjebostäder has led to a new Facebook Page for Familjebostäder Lindhagsskrapan.

Lindhagsskrapan is Swedens highest, recently produced rental housing. A opening ceremony is held on September 24:th. There will also be a "staircase race". Take a look and become a fan!

Disclaimer: No one at Nansen would never, never ever titulate themself something like social media expert.

Summering från Windows 8 keynote på BUILD-konferens

2011-09-13T23:17:00.001+02:00

Microsoft har precis avslutat sin keynote på BUILD konferensen och jag och några kollegor på Nansen har följt den med chips och läsk. Efteråt höll vi alla med om att Windows 8 kommer bli ett grymt operativsystem och vi väntar med iver att få prova den.

Det första man möts av i det nya operativsystemet är en oerhört snabb uppstart. Microsoft har döpt det till Fast Boot och det är en kombination av hibernate och en vanlig boot, vilket ger starttider på mellan 5 till 10 sekunder, beroende på datorn.

När väl systemet är igång syns det nya Metro-gränssnittet, som ser riktigt bra ut och är anpassat för touchskärm. Kul att Microsoft äntligen förstår att utseende är viktigt. Metro-gränssnittet består av en mängd rutor, där varje ruta är ett program. Dessa program kan man utveckla i en mängd olika språk, allt från HTML5 och JavaScript till C# och C++. Mångfalden av utvecklingsspråk för plattformen är i sig inte unikt. Det smarta är att alla språken har tillgång och går mot samma API i botten vilket ger utvecklarna möjlighet att skapa kraftfulla program även i HTML, som vanligtvis har ett avskalat light-API.

En rolig ny funktion är den nya låsskärmen där man skapar ett mönster av klick på en bakgrundsbild för att låsa upp datorn. Till exempel om din bakgrundsbild föreställer en bil kan mönstret vara att klicka på båda helljusen och backspegeln för att låsa upp datorn. Smidigt för en tablet men kanske inte det bästa för en dator med tangentbord. Det går fortfarande att använda lösenord om man vill det.

För er som är oroliga att ni måste köpa en ny dator med touchskärm för att använda hela operativsystemet kan vara lugna - det gamla gränssnittet i Windows kommer fortfarande att vara kvar och kan öppnas genom att trycka på Windows-tangenten. Metro-gränssnittet går även utmärkt att användas med mus.

Flera intressanta funktioner visades under presentationen. Några av dessa var följande:

Ny Task Manager som är fullproppad med nyttig information på ett visuellt sätt.
Nytt sätt att tömma datorn på inställningar kallat "Refresh your PC". Smidigt om du ska låta en kompis låna datorn en längre tid eller bara vill få en fräsch dator.
Efter en nystart av datorn kan du skapa en återställningspunkt som du kan gå tillbaka till när din dator börja kännas seg.
Taskbaren sträcker sig nu över flera skärmar och visar bara de aktiva programen för respektive skärm.
Metro-gränssnittet kommer gå att navigera även med tangentbord för de som gillar sånt.
Datorinställningar, personaliseringar, teman, webbläsarinställningar (IE) kommer att synkas mot det stora molnet i Windows Live Sync, vilket betyder att du kommer komma igång ännu snabbare vid ny dator.
Microsofts program kommer vara anpassade för det nya gränssnittet Metro, som t.ex. Outlook.

En bit kvar tills Windows 8 är lanserat.

Frågan är om det nya Metro-gränssnittet kommer gå samma öde som Windows Media Center. Antagligen kommer det klara sig bättre då det är väldigt användbart för de nya tablets som kommer - och det är dessutom väldigt snyggt.

Mot slutet av keynoten berättade talaren att alla 5000 besökare kommer få en tablet med docka och Windows 8 installerat. I den sekunden kändes det väldigt surt att vi inte var där. Humöret gick raskt upp igen när han berättade att kl. 03:00 GMT i natt kommer alla få möjlighet att ladda ner Windows 8 och testa själva.

Specifikation för tablet som alla konferensdeltagare fick. Avund.

Ladda ner Windows 8 på http://dev.windows.com (efter kl 03:00 GMT. 14 september).

Lunchschack

2011-09-13T13:01:00.003+02:00

På kontoret har vi PS3, Nintendo Wii, Sega megadrive, Xbox och ett foosballspel. Men det räcker tydligen inte, för nu är det tydligen schack som gäller. Här ser vi de tre glada grabbarna Christer, David och Robban som vässar bulorna för att kunna göra det smartaste draget.

Google Music Beta now on iOS

2011-09-09T08:46:00.002+02:00

First Blogger, now Google Music Beta... Google is attempting to push more and more of their services to the iPhone/iPad [dominant?] user base.

Digital Trends explains that "Google's Music service is now accessible on iOS devices through the safari browser, and not through an official iOS app."

Blogger Finally Releases an iPhone App

2011-09-09T08:04:00.001+02:00

Interesting news about Blogger on Mashable today!

"Google has finally launched an iOS app for Blogger, giving the blog network’s millions of users a simple way to write, manage and publish posts from their iPhones."

http://mashable.com/2011/09/08/blogger-iphone-app/

I for one is really looking forward to see the overhaul on Blogger, it's way due...

Happy Friday everyone!

Ordning på torpet...

2011-09-07T16:11:00.007+02:00

...husse är tillbaka. Nu har hösten sannerligen startat och med den wordfeud-kampen, och alla projekt såklart.

Team Burton har delat upp världen mellan sig och på tapeten står GoKart, matlag, bastuflotte, bärtz, och sjukt massa jobb och lanseringar såklart.

Därav behovet av en Wall of Fame:

Team Burton Collector's Editition (inkluderar även "absent friends")

Så, andra Team på Nansen och alla andra, Hösten 2011, bring it on!!!

Pulse - an Android alternative to Flipboard

2011-09-07T10:05:00.002+02:00

I like my Android phone, I'm not actually in love with it, but I like it very much.

I dont hate iPhone (or iOS) but i think its a really strange and mostly stupid platform disguised in pretty clothing.

But there are times when I look in awe on the iOS devices, and the reason is always some cool iOS specific app that catught my attention. One of those apps that once made me consider buying an iPad (actually I had my trigger finger on the "buy" button, but never clicked) is Flipboard. Flipboard is a truly wonderful app that aggregates content from a number of sources like Twitter, Wired or anything else of your choice and displays the content in a really really slick way with images and text arranged like you were reading some fancy fashion magazine.

For real, I'm still thinking about buying an iPad only because of Flipboard, but meanwhile I have been looking for an alternative to my Android phone.

And look no more! Now I have found an alternative - Pulse.

Although far from being as good looking as Flipboard, it seems to do its job fine and I have (for the time being) eased my urge for buying in iPad..

You can download Pulse from Android market here: https://market.android.com/details?id=com.alphonso.pulse or scan this barcode below:

Meta field limit in EPiServer Commerce

2011-09-06T11:06:00.007+02:00

In a EPiServer Commerce project i'm working on we have catalog entries with a good amount of custom meta fields. When we did a new release to stage last week and added one more meta field we got the following error back from .NET on one entry,


Must declare the scalar variable "@ShortDe".
Transaction count after EXECUTE indicates that a COMMIT or ROLLBACK TRANSACTION statement is missing. Previous count = 1, current count = 0.
The ROLLBACK TRANSACTION request has no corresponding BEGIN TRANSACTION

and this error message on another entry,


Must declare the scalar variable "@".
Transaction count after EXECUTE indicates that a COMMIT or ROLLBACK TRANSACTION statement is missing. Previous count = 1, current count = 0.
The ROLLBACK TRANSACTION request has no corresponding BEGIN TRANSACTION

We had apperantly reched an internal limit in EPiServer Commerce on the number of meta fields you could add to an meta class, or rather the total length of the names of all meta fields added to an meta class. After some reflection of the code and searching in the database we found the stored procedure that was responsible for the error, "mdpsp_sys_CreateMetaClassProcedure", in there we found a long list of variables declared to be "NVARCHAR(4000)", this were responsible for truncating our field list. The fix we did was to change this from NVARCHAR(4000) to VARCHAR(MAX) (e.g. VARCHAR(8000)). This will give us some more room to add new meta fields.


...
DECLARE @OPEN_SYMMETRIC_KEY varchar(MAX)
DECLARE @CLOSE_SYMMETRIC_KEY varchar(MAX)

SET @OPEN_SYMMETRIC_KEY = ''
SET @CLOSE_SYMMETRIC_KEY = ''

DECLARE @MetaClassFieldList varchar(MAX)
DECLARE @MetaClassFieldList_E varchar(MAX)
DECLARE @MetaClassFieldListWithAt varchar(MAX)
DECLARE @MetaClassFieldListSet varchar(MAX)
DECLARE @MetaClassFieldListInsert varchar(MAX)

DECLARE @MetaClassFieldList_L varchar(MAX)
DECLARE @MetaClassFieldListSet_L1 varchar(MAX)
DECLARE @MetaClassFieldListSet_L2 varchar(MAX)
DECLARE @MetaClassFieldList_LI varchar(MAX)
DECLARE @MetaClassFieldListInsert_L1 varchar(MAX)
DECLARE @MetaClassFieldListInsert_L2 varchar(MAX)
...

This bug is present in all current versions of EPiServer Commerce up to 1.1 R2 SP1.

A Clear Example of The Dont Repeat Yourself Principle

2011-09-06T10:51:00.008+02:00

The DRY principle is something all developers most often than not want to achieve. Don't Repeat Yourself. Meaning you shouldn't repeat code.

In a recent project, we created a simple, custom XML feed returning a couple of nodes with image meta data.

To build custom XML feeds, XmlDocument is very common to use in the .NET world. Adding nodes can be done using XmlNode.

The code we had looked like this:

// ...
XmlNode imgNode = doc.CreateElement("LatestImage");

XmlNode imgCountry = doc.CreateElement("Country");
imgCountry.InnerText = LocationHandler.GetLocationAlias(img.GeoTag.Country.LocationID, "sv").Country;

XmlNode imgLocation = doc.CreateElement("Location");
imgLocation.InnerText = LocationHandler.GetLocationAlias(img.GeoTag.LocationID, "sv").Name;

XmlNode imgDate = doc.CreateElement("Date");
imgDate.InnerText = img.UploadDate.ToString();

// ....

imgNode.AppendChild(imgCountry);
imgNode.AppendChild(imgLocation);
imgNode.AppendChild(imgDate);

// ...

It does the job, but not good enough. A lot of XmlNodes created manually. By adding a simple method and utilizing it instead, it will be much easier.

The clever method:

private XmlNode AddNode(string nodeName, string nodeValue, XmlDocument doc, XmlNode parentNode)
{
XmlNode node = doc.CreateElement(nodeName);
 node.InnerText = nodeValue;

 parentNode.AppendChild(node);

return node;
}

And this is how we use the AddNode method to add new nodes:

AddNode("Location", LocationHandler.GetLocationAlias(img.GeoTag.LocationID, "sv").Name, doc, imgNode);

Much, much better. Utilizing the AddNode method, we reduced the actual code with almost 50 % (from 21 rows to 11).

A clear example of implementing the DRY principle.

Note: It's also clever to use XDocument instead of XmlDocument to create XML files, but that's for another time!

EPiServer Commerce på svenska

2011-09-06T10:25:00.004+02:00

Igår satt jag och installerade EPiServer Commerce för ett nytt projekt. Projektet kommer vara en svensk site och alltså, på svenska. Som default så finns inte svenska som val när man skapar en katalog i Commerce så man får skapa det själv. Detta görs under Systeminställningar -> Ordlistor -> Språk. När man lägger till ett språk i Commerce så måste man ange språkkoden som sv-SE, att bara vilja använda sv tillåts inte.

Detta skapar dock en del problem. I EPiServer så är det just sv som är språkkoden för svenska. Detta resulterar i att, förutsatt att du har installerat CatalogPageProvider, sidträdet kraschar.
Lösningen på problemet är att skapa ett nytt språk i EPiServer som är sv-SE och använda det. Då laddar sidträdet som det ska.

The new Nansen logo vectorized in CSS3

2011-09-02T08:30:00.006+02:00

In January this year (2011), W3C announced its new logo for the HTML5 standard (the superman logo) which created a lot of buzz among web developers in the community. Being a logo for HTML5, a lot of people joked that it should have been created in the same technique it stands for, HTML. It didn't take long before someone helped W3C do the job right.

I'm not sure who did it first, but one of them was Darcy Clarke, and it's pretty amazingly alike the real logo. Go have a look at his CSS/HTML version of the HTML5 logo.

As you probably have noticed, we have released our shiny new website a while ago, and with it came a new logo (*hint*). This got me remembering the HTML5 logo, and I felt it was my duty to try and do the same with the Nansen logo.

Luckily it's quite simple and really only consists of a circle and three rectangles. The most difficult part was to align the different elements correctly to form the N-letter. Have a look at the result below.

Think you can improve on the code? Go ahead and do it, and when your done, come join us at Nansen [swedish].

Open in new window

A Week in the life of Nansen iPhone, daily updates at InternetWorld

2011-08-31T15:05:00.002+02:00

Next week Nansen Team iPhone / Android will talk Cocoa Touch, Android, Native vs. Mobileweb, EPiServer Mobile Pack, App Store Submission Process Checklists and much more through daily reports from the Swedish office.

Will be available on a daily basis throughout week 36 at IDG InternetWorld iw.se and in October /November issue of the InternetWorld magazine!

Nansen and EPiServer Award Winner Fastighetsbyrån tops IDG InternetWorld

2011-08-23T15:33:00.006+02:00

Nansens expertice within web and especially EPiServer CMS 6 intranets once again covers Swedens largest web/IT news site IDG InternetWorld.

This time our favorite realtor Fastighetsbyrån talks Nansen, EPiServer intranets and the EPiServer Innovation Award they recently recieved for our work together. Don't miss it!

Fastighetsbyråns recent work with Nansen was recenly also noticed by WebbSverige.

Resdagboken valde EPiServer Solr av Nansen

2011-08-22T09:38:00.003+02:00

Resdagboken har tillsammans med Nansen lanserat ett omfattande SEO optimeringsarbete samt bytt ut egna sökmotorn på Resdagboken.se.

SEO-arbetet inkluderar optimering av bl a 17 miljoner bilder och 2 miljoner dagboksinlägg.

Sökmotorn har uppdaterats till EPiServer plug-in Solr Lucene.

Nansen sköter även den löpande teknikutvecklingen för Resdagboken.

Resdagboken har 300 000 medlemmar som tillsammans skapar 150 000-200 000 dagboksinlägg per år samt läggs upp över en miljon bilder årligen. Communityn ägs av Schibsted Tillväxtmedier AB.

Frosunda.se - Vägen till personligt stöd

2011-08-19T08:54:00.005+02:00

Frosunda.se

Före

Efter

Frösunda är det ledande privata bolaget inom vård, omsorg och stöd till personer med funktionsnedsättning. Bolaget består av 6000 medarbetare som dagligen kommer i kontakt med tiotusentals medborgare med funktionsnedsättning och barn och ungdomar med psykosocial problematik.

Allt Frösundas personal dagligen assisterar med skulle även förmedlas digitalt. Frösundas nya webbplats måste andas förståelse och tydlighet.

Teamet hos Nansen löste detta för besökare och redaktörer genom att:

• Skapa "Anpassa webbplatsen", ett val på samtliga sidor där besökare ställer in eget teckensnitt, radavstånd, textstorlek och kontrast.
• Tydliga målgruppsanpassningar och snabbval till alla Frösundas verksamheter.
• Välja webbplatsfunktioner och script som effektiviserar och tillgängliggör, ej bara står för animerad design eller trend.
• Bygga med full tillgänglighetsanpassaning, god hänsyn till de skärmupplösningar och enheter besökare kommer till webbplatsen med.

Teamet tänkte även långsiktigt genom att stödja redaktörernas arbete idag och framöver med:

• Ett specialdesignat redigeringsgränssnitt med tydliga ikoner för dagliga sysslor på webben.

• Skala ned användargränssnittets original gränssnitt för tydlighet.
• Etablerade webbplatskomponenter, väldokumenterade och enkla att handhava för redaktörerna.
• Välja den, sett till 24-timmarsmyndigehetens hårda tillgänglighetskrav, ledande publiceringsplattformen EPiServer CMS 6 R2.
Nansen integrerade även Facebook Pages med både statusuppderingar från Frösundas Page samt alla Frösundas ambassadörer.

Is the free EPiServer MobilePack for You?

2011-08-15T10:33:00.002+02:00

The add-on for EPiServer CMS 6 R2 is out for international users, and it's free and open source.

The new add-on allows current EPiServer customers to create a mobile version of their site using existing content. The add-on will be part of the standard installation with future versions of the platform.

While discussing a mobile / smart phone approach based upon native or web application it's equally important to discuss generated, semi-generated or manually / template based mobile content for external and web sites.

Current status and ambition situation dictates what's best for your organization.

Facebook E-commerce with EPiServer CMS 6

2011-08-15T10:25:00.003+02:00

EPiServer has released yet another video demoing Facebook E-commerce "F-commerce" based upon integraded EPiServer CMS 6 R2 and EPiServer Commerce GUI controls.

EPiServer demonstrated the same features for the Nansen US team and our visiting Nansen Sweden delegation during EPiServer USA North American Partner Summit 2011 in June.

If you're interested in learning more about Facebook E-commerce with EPiServer CMS 6 give us a call!

Solr Search - Some Tips And Pointers

2011-06-21T21:52:00.018+02:00

We've recently launched a huge project where we implemented Solr as the search platform. Even though Solr is quite easy to get started with, we've got a few tips and pointers to make life with Solr easier for you!

Know your configuration files

We had some initial trouble with the Solr configuration files, normally located under C:/solr/conf. The most important configuration files are solrconfig.xml and schema.xml.

In schema.xml, make sure the fields matches those you've defined in your application.
The config files are case sensitive! Make sure you spell copyField, multiValued etc correctly.
If you don't need elevation and have problems with configuration, try turning off the elevate.xml handler by uncommenting the appropriate lines in solrconfig.xml.

Improve performance by customizing solrconfig.xml

Solrconfig.xml holds a lot of fun stuff. Here you can setup Solr to improve the performance. If your hardware is up for it, that is.

Here are a few elements to get your started:

mergeFactor decides what size your index segments should have, thus either improving indexing or searching.
ramBufferSizeMB sets the amount of RAM available for Solr, before documents are flushed.
autoWarmCount may be used to pre-populate data from the search index.

Here's a great wiki page on Solr and performance, for further reading and available configuration options.

Use an absolutely unique key

You should define a unique key that will always be unique for a specific item in your Solr index. Either you assign this unique key an auto generated GUID, or you use Solr's built in UniqueKey field.

In schema.config, add the Solr UUID type:

<fieldType name="uuid" class="solr.UUIDField" indexed="true" />

Also add a field of the UUID type:

<field name="uid" type="uuid" indexed="true" stored="true"
default="NEW" />

Finally, point out the field as the unique key:

<uniqueKey>uid</uniqueKey>

Summary

This was just some quick tips and pointers to get you more comfortable with Solr. More specifics on the project launch to come!

Lansering av Sveriges charmigaste hem

2011-06-16T16:47:00.004+02:00

Idag lanserade vi Fastighetsbyråns nya kampanjsajt http://www.sverigescharmigastehem.se/

En sida där alla kan vara med och tävla med 1-5 bilder på sin bostad. Vinnaren kan sedan stolt titulera sig ägare av Sveriges charmigaste hem.

Sajten är till skillnad från många av våra andra släpp inte byggd på EPiServer, utan baseras helt på Microsoft ASP.NET MVC 3 och Razor. Detta i kombination med ADO.NET Entity Framework 4.1 och en hel del JQuery har resulterat i en sajt med mycket ajaxfunktionalitet och en stor mängd integrationer mot diverse sociala medier. Bl.a. har vi inloggning via facebook, möjlighet att dela youtube-filmer och twitterflöden.

Vår systerbyrå Söderhavet har stått för designen och vi riktar ett stort tack för ett (återigen) mycket lyckat samarbete!

Projektgruppen från Nansens sida bestod av:

Projektledning och backend: Robert Linde

Frontend: Nansens senaste stjärnskott Giovanni Vivanco

Design och koncept: Mats Forsell(Söderhavet) och Anna Sandqvist(Söderhavet)

Mutiple brands in EPiServer Commerce

2011-06-13T23:24:00.008+02:00

In EPiServer Commerce you map your products to a product template and your product listings to a product listing template this are then used to connect Commerce with EPiServer in the "CatalogPageProvider", all this is fine until you for example add a new catalog to Commerce that needs a different template then the default catalog.
This is what happened to us in our project when we added a new site with different design and product catalog into the EPiServer Commerce installation. To solve this problem we extended EPiServers CatalogPageProvider and did our own implementation of the function "GetPageType" that delivered different templates based on the catalog id of the page.

Here is our implementation of the GetPageType function,


public class AvalancheCatalogPageProvider : CatalogPageProvider
{
 protected override string GetPageType(string key)
 {
  var store = new CommerceSiteMappingStore();
  var dictionary = SplitKey(key);

  int catalogId;
  CommerceSiteMapping mapping;
  if (int.TryParse(dictionary["CatalogId"], out catalogId) && (mapping = store.Find(catalogId)) != null)
  {
   var nodeType = (NodeType)Enum.Parse(typeof(NodeType), dictionary["NodeType"]);
   switch (nodeType)
   {
    case NodeType.CatalogEntry:
     return mapping.CatalogEntryPageType.Name;
    case NodeType.CatalogNode:
     return mapping.CatalogNodePageType.Name;
   }
   return mapping.FallbackPageType.Name;
  }
  return base.GetPageType(key);
 }

 private static IDictionary SplitKey(string key)
 {
  Dictionary dictionary = new Dictionary();
  string[] strArray = MappedPPDB.SplitKey(key);
  dictionary.Add("NodeId", strArray[0]);
  dictionary.Add("CatalogName", strArray[1]);
  dictionary.Add("ParentNodeId", strArray[2]);
  dictionary.Add("CatalogId", strArray[3]);
  dictionary.Add("NodeType", strArray[4]);
  dictionary.Add("ID", strArray[5]);
  dictionary.Add("ParentNodeCode", strArray[6]);
  return dictionary;
 }
}

The differences between this implementation and EPiServers is that we return different page types based on the catalog id of the page that is loading.
The mappings are saved in the dynamic data store and editable via a gui plugin in EPiServer, if we can't find a mapping that is configured in our tool we call EPiServers default implementation to let it handle the request.

As I said this is the solution for our project and the needs we had were each catalog is represented by only one page type.

A short summary of NDC 2011

2011-06-10T18:34:00.002+02:00

For the last few days, 7 developers from Nansen Stockholm were attending the Norwegian Developers Conference in Oslo, Norway. The 3 days were jam-packed with great and inspirational talks covering a wide array of topics and technologies.

When selecting which talks to attend, I made a conscious choice of avoiding talks that seemed code-heavy as well as talks that seemed to cover to narrow of a field. Instead, I opted for talks that talked more of "why" instead of "how". I did this because in my experience, techy talks are usually much better when viewed on a computer so one can pause and reflect and digest what was being presented.

I started of with a talk by Robert C. Martin, also known as Uncle Bob and author of books like Clean Code and the newly released Clean Coder. He gave a magnificent talk about how programming languages have progressed through several paradigm shift and how we may have seen all types of languages that are going to exist. Given that, what would the final programming language look like? According to Uncle Bob - probably something like Clojure!

Next up were two talks about F# and functional programming from Amanda Laucher. Just like Uncle Bob, she believed that the future of computer programming lays in functional programming that is stateless and hence easily parallellizable.

Jon Skeet ended the day with Async 101, which is the new way to handle concurency in C# (5.0?). A bit tricky and not as elegant as the functional approach, but still much neater than todays solutions.

Day 2 started of with a double session from Stuart Sierra who gave us a very solid training in the basics and not-so-basics of Clojure. I took a real shine to this language and considering it runs on both the CLR and JVM I'm definatly going to check it out more.

Uncle Bob was up next, this time talking about monads in Clojure. This talk was great, Uncle Bob did a great job of explaining this incredibly dense topic in a straight-forward manner, but at the end of this session my brain was leaking out through my ears. What I took away from the talk was that monads can be used to allow functions that operate on a certain type to accept and completely different type (note: I could be completely wrong :)).

I had a great conference even if I wish I could fork() at times to go and see several sessions at once. Luckily all session were recorded and should be released on the NDC site soon!

Roadmap for Episerver

2011-06-09T23:12:00.002+02:00

At the last session of the 2011 North American Episerver Partner Summit (#episummit11) Bob Egner of Episerver presented a very interesting Product Roadmap.

The roadmap is for partner eyes only, but the strategy is based around a few points

Multi channel
Personalized content
Empower Content Contributors
Measure and Optimize
Development and Operational Enviroments

My take on this is that Episerver is really moving forward from being "just a cms" to a much more competent and comprehensive partner. All in all it the Episerver future looks fun and exciting!