Archief voor tag: Umbraco

Umbraco community deelt kennis

De Umbraco community is zeer vriendelijk. Veel packages (uitbreidingen voor Umbraco) zijn gratis en vaak zijn deze ook open source. Hierdoor kwamen Digibiz en Tribal op het idee om meer kennis met elkaar te delen. Elk bedrijf gebruikt zijn eigen technieken om Umbraco websites te ontwikkelen en het leek ons interessant om een meeting te organiseren om deze technieken aan elkaar te presenteren. Daarom hebben we contact gezocht met DUUG (Dutch Umbraco User Group) en zo ontstond het idee om 11 oktober een DUUG meetup te organiseren in de Jamfabriek.

Binnenkomst

Tijdens de binnenkomst kon iedereen een hapje eten en werd er al hevig gediscussieerd over bepaalde Umbraco technieken.

Eten

Welkomstwoord

De meetup begon met een welkomstwoord van Martijn Vervoordeldonk waarin hij vertelt wat Digibiz en Tribal doen en ook wat de samenwerking tussen deze 2 bedrijven (die we zelf de Jamfabriek noemen) betekent. Hij sloot af door nog wat te vertellen over het nieuwe werken en dat we in de Jamfabriek duurzaam willen werken.

DUUG Marthijn

Het Digibiz Framework

Ik heb zelf ook een presentatie gegeven over het Digibiz framework. Dit is de techniek die we als basis gebruiken voor elke website. Eerst toonde ik hoe onze Umbraco omgeving eruit ziet en liet ik verschillende handige zaken en tips zien. Daarna heb ik uitgelegd welke uitbreidingen we gebruiken waardoor we sneller websites kunnen ontwikkelen.

Digibiz Framework

Het Axendo framework

Als volgende ging Ron Brouwer wat vertellen over het Axendo framework. Ron liet vooral een aantal mooie technieken zien waardoor je gegevens in Umbraco kan aanmaken en deze meteen beschikbaar zijn om mee te programmeren. Ook heeft hij laten zien wat voor tools ze gebruiken om een staging (test of acceptance) omgeving eenvoudig te updaten.

Axendo framework

uMadeEasy

Na een korte pauze vertelde Floris Robbemont over een handige tool die hij heeft ontwikkeld. Met uMadeEasy wordt binnen enkele minuten een nieuwe basis Umbraco site gegenereerd gebaseerd op een template. Hierdoor kunnen ontwikkelaars nog sneller beginnen met de daadwerkelijke ontwikkeling. De tool is hier te downloaden.

uMadeEasy

Concorde

Als laatste vertelde Sebastiaan Janssen (die tegenwoordig bij Umbraco werkt) over Concorde. Dit is Umbraco As A Service en "leeft" in de cloud, in Azure welteverstaan. Het is mogelijk om, zonder alle complexiteit van Azure te kennen (of zelfs zonder dat je een lokale ontwikkelomgeving op hoeft te zetten) om Umbraco sites te bouwen die automatisch gehost worden in Azure. 

Concorde

Afsluiting

Na de presentaties was er nog tijd over om een drankje te doen en alles na te bespreken. Ook gaf Richard Soeteman nog een korte demo van zijn nieuwste package SEOChecker.

Seo

Al met al was het een zeer geslaagde avond waar we het nieuwe werken vorm hebben gegeven. Digibiz en Tribal geloven in het delen van kennis en willen dit dan ook graag d.m.v. dit soort initiatieven stimuleren. We willen alle deelnemers, maar met name de presentatoren hartelijk danken voor hun bijdrage. Op naar de volgende meeting!

What is awesome about v4

At the CodeGarden 2012 keynote Niels announced to retire v5. This was quite a shock for me because everyone kept saying how awesome v5 was. I was also pretty enthusiastic about v5 and already became a v5 certified developer and started the development of my first v5 package. I wasted a lot of time on v5 and going back to v4 wasn't how I imagined the start of CodeGarden. I lost my enthusiasm for v4 after the focus on v5. At the last day of CodeGarden there were open space sessions so I suggested a session to get people enthusiastic again for v4.

The open space session:

During the open space session people could talk about all the things they liked about v4, but it was no problem to talk about other v4 or v5 related things as well. The people who gathered weren't only people who used v4, but also some who only used v5 and would like to hear from others what v4 was all about.

I was the one who made notes, but I couldn't write all of it down so here it is as a list:
- UserControls are very easy to use. In your website or as a datatype you can do anything with this.

- /base is also a friendly way to create xml feeds for example.

- All content is visible in the umbraco.config file which is easy if people need help on the forum. The XML Dump package can also be used for this.

- A lot of people can help you with v4.

- There are many useful packages for v4.

- The community only wants to have 1 version and that is v4. The Umbraco ecosystem is growing stronger and larger every day. V5 would be a new ecosystem and that wouldn't work.

- UI improvements have a bigger impact than technical ones. People get more enthusiastic if they see a new drag and drop feature than something like hive :).

- It's better to have some packages in the core. DAMP has a couple of hacks, but if it would be part of the core those hacks can also be fixed properly.

- A lot of features of v5 will be ported back to v4, but will be easier to use. More info after CodeGarden.

- MVC will come back to v4. First for the frontend, but perhaps later also for the backoffice.

- The UX of v4 will also be updated. Perhaps the v4 backoffice UI code will than be changed to MVC.

- The name v5 won't be used anymore so for now we'll have 4.8 etc. Perhaps the UX update will be so big it will be named v6. That is not official yet :).

-  The things you learned for v5 can also be useful for v4. Things like doctypes still work the same.

- Currently the v4 frontend works with xml, but in the future there might be alternatives. For example lucene.

- v4 will become what v5 should have been before it got too complicated, but we'll have to wait some time for that.

- Upgrading in v4 is still hard. People don't upgrade because of that.

- There should be better documentation for upgrading (per version) and it should be easy to find old versions of Umbraco which can be used for upgrading.

- If packages can be updated easier (for example using NuGet) it will also be easier to update Umbraco.

It was a very good open space session. Umbraco v4 will get improved a lot, but will still be easy to use. I was enthusiastic for v5 because a lot of cool features, but now those features will come to v4. Not only will v4 get these features, but the current API's will be improved heavily. So all the things you know about v4 you'll be able to keep using, but a lot of things will also get better. And all of that in only 1 version. The version we're already using. I'm enthusiastic again for v4 :).

Introducing uEasy

Last friday at the Dutch Umbraco Festival 2012 I gave a presentation about uEasy. It's a commercial package for Umbraco 5 and it will add many features to the backoffice. This will make things easier for content editors and developers. Here is a list of the features:

Dual edit:

  • - Edit 2 content nodes in 1 screen
  • - Edit 1 content node and 1 documenttype in 1 screen
  • Copy and translate between content nodes

 

Content reminder / Advanced publishing:

  • - Get a reminder email if content hasn't been update for a while.
  • - Republish content. For example every week or month.

 

Favorite nodes:

  • - The nodes which you use the most are easier to open.
  • - The media you use a lot will also be easier to open.

 

Save options:

  • - If you leave a content page without saving you get a message.

 

Show alias:

  • - When a developer is showing a node he'll get more info like property aliases.

 

Required label:

  • - Get a message if a property is mandatory before saving.

 

Page notifications:

  • - Show additional notifications on a content node. For example if a node has no template.

 

Help description:

  • - Get more info while you open a content node.

 

You can download the powerpoint from my presentation here.

 

uEasy_Image

My experiences with the Umbraco 5 Alpha versions

Installation



Last week I've been playing with the Umbraco 5 Alpha versions. The first thing I tried was getting the Alpha 2 version to work. You can do this by downloading the web application or the complete source.

If you download the web application there a couple of ways to get it started. You can do it by opening it as a website in Visual Studio and run it from there. You can also create a new web application, remove all the files, copy the files from v5 web application and run the project as a web application from within Visual Studio. As a third option you can just add it as a website in IIS and run it.

Because I also wanted to see what's happening under the hood I wanted to run the website with the complete source code. After downloading the complete source you can open Cms.Development.sln in the Source folder. Set Umbraco.Cms.Web.UI as the startup project and build the code in release mode. After this you can simply press F5 and the website is running just like the web application, but you can now debug the complete source. Make sure you have IIS Express installed.

During the installation I selected the SQL CE database. This didn´t require any extra setup and I had my first Umbraco 5 website running in a couple of minutes :).

Property Editors



The first thing I wanted to do was add an extra property editor. The best place to start with was Tim's blog. At the bottom of that post is the source code of the property editor, but that is outdated and didn't work in Alpha 2. I updated the code which you can download here. This has been tested on Alpha 2 and Alpha 3 (web application and complete source) and works fine.

In Tim's blog you can read how you can create a property editor, but it doesn't say where to place these files. After asking on Twitter Matt told me I needed to add it here: "App_Plugins\Packages\Charlimit\lib". The Charlimit and lib folder you need to create yourself. After that you can place Umbraco.Addons.PropertyEditors.dll in the lib folder. The Charlimit property editor won't be visible yet in Umbraco. You first need to restart your application. You can do this by recycling the App Pool or touch the web.config. Now you can create it as a data type, add it to a document type and use it in the content section.

I also tried to create my own Media Picker property editor. I did this by look at "\Source\Libraries\Umbraco.CMS.Web.PropertyEditors\TreeNodePicker" in the source code. I copied all files to my custom property editor, but it wasn't working yet. The views weren't embedded in the bin. Matt told me I needed to set the view build action to Embedded Resource.  After this I had my own Media Picker running in Umbraco. I even could set my own start node by doing this in MediaExamplePicker.cshtml: StartNodeId = new HiveId("content$empty_root$$_p__nhibernate-01$_v__guid$_fbbbb74db9a84ac3addb9f8100b92234").

I tried debugging the embedded view, but that is not possible. It should be possible to not embed the view in the bin and add as file to the package folder (which you can debug), but I haven't succeeded in this yet. This wiki also says it's not supported yet, but I don't know if that's outdated.

If you made some changes to your property editor you need to do 3 steps to updated it in your Umbraco enviroment.
 
   1. Copy bin to lib folder
   2. Delete temporary ASP.net files (to updated embedded views)
   3. Restart application


Feedback



After playing with Umbraco 5 for a couple of days I also had some feedback. I found some bugs which I reported on codeplex or added comment on existing workitems.

Can't display image from Media Picker
Can't delete a property from a document type
Install screen shows up even though install process was already finished

I also looked at what feedback was available at the forum. A very good post was from Morten about Suggestions for improvements of Doc Types. I really hope this will get implemented in Umbraco 5. I also added a post myself: Publish node and all its subpages. I hope that feedback will also be used.

Well this was my first blogpost about Umbraco 5. I hope it was informative.

Tribal China celebrates Digibiz 10th anniversary

Our Chinese colleagues in Shanghai spent an evening karaoke singing, eating and drinking. They managed to bring the Digibiz 10-years logo to both restaurant and bar (and back..).


Of course they also had a party because of the fact Digibiz celebrates its 10th birthday.

P 1000910_499x 333

Het werk van het Waterschap in beeld

De afgelopen jaren is het Waterschap Brabantse Delta in het buitengebied van Baarle-Nassau bezig geweest met het verbeteren van de omstandigheden voor waterafhankelijke natuur en landbouw. Een indrukwekkend project waar meer dan 630.000 m3 grond is verzet om beken, poelen, sloten en vennen aan te leggen of te verleggen. Met als doel om te zorgen dat het watersysteem in dit gebied de natte en droge periodes beter aan kan.

In de periode waarin de landinrichting is gerealiseerd zijn duizenden foto's gemaakt waarbij het verloop van het project goed te volgen is. Daarnaast zijn er vele inrichtingsplannen en kaarten die in detail aangeven wat er is gerealiseerd. Hoe krijg je dan al deze informatie op een leuke en overzichtelijke wijze getoond aan de bewoners van dit gebied? Deze uitdaging is Digibiz samen met Marcel Waijers van het Waterschap Brabantse Delta aangegaan.

Voorwaarde bij deze opdracht was dat Digibiz een applicatie zou bouwen die binnen de site van het waterschap zou draaien. Daarnaast moest het een site worden waar het voor de inwoners van het gebied leuk is om te bekijken wat er als het ware in hun achtertuin is gebeurd. Al in een vroeg stadium is bepaald dat de foto's die gemaakt zijn gedurende de diverse seizoenen een hoofdrol zouden krijgen. Vanaf de grond en vanuit de lucht laten we zien hoe de nieuw ingerichte gebieden eruit zagen voor de maatregelen en hoe zij zich na inrichting ontwikkelden. In de wire-frame fase is er uitgebreid gekeken hoe we dit het beste konden doen. Doordat we hier te maken hadden met enerzijds locaties en anderzijds foto's die horen bij een locatie hebben we gekozen om directe koppelingen te maken met Google Maps en Flickr. Door te profiteren van de sterke punten van zowel Google Maps als Flickr en die te combineren met ons CMS, Umbraco, is een applicatie gemaakt die gebruiksvriendelijk en snel is.

De overzichtskaart toont vier deelgebieden: Chaamse beken, Ulicoten Noord, de Bremer en het Merkske. Per deelgebied kun je direct doorklikken naar de water- en natuurlocaties die onder handen zijn genomen. Per locatie zie je niet alleen vele foto's, maar ook een inrichtingskaart. Deze kaart is de visuele weergave van de water- en natuurdoelen die op de betreffende locaties zijn gerealiseerd. Daarnaast zijn er natuurlijk ook mogelijkheden om de pagina(s) te delen via diverse social media.

Tijdens de ontdekdag 'Het Nieuwe Buiten van de Baronie' op zondag 22 mei zijn de werkzaamheden in het gebied feestelijk afgerond en is de website officieel gelanceerd. Via de webpagina Landinrichting Baarle-Nassau in beeld kun je deze transformatie van het landschap bekijken en aanvullende informatie daarover lezen of downloaden.

Kingspan Unidek: online marketing in de bouw

De afgelopen maanden zijn we bij - en met - Kingspan Unidek aan de slag gegaan met een complete online marketing strategie. Het eerste concrete resultaat (middel) hiervan is de nieuwe corporate website: www.kingspanunidek.nl. De oude site was sterk verouderd en niet zoekmachinevriendelijk. Deze nieuwe site heeft een frisse nieuwe stijl en is ontwikkeld in Umbraco, een open source content management systeem. De site is daardoor in basis uitermate zoekmachinevriendelijk. De producten van Kingspan Unidek zijn nu direct in de site ondergebracht en zijn eenvoudig door henzelf te beheren. Op deze manier is men voor het gebruik en het beheer van de (product)content niet meer afhankelijk van derden.

Foamboard 08_Kingspan

De eerste stap in het proces naar de nieuwe corporate website was een zogenaamde zoekmachine marketing (SEM) nulmeting. Daarin hebben we onder ander de oude website geanalyseerd op het gebied van vindbaarheid. Deze gegevens hebben we meegenomen in een online marketing plan, waarin de (online) verbeterpunten en mogelijkheden uitgebreid beschreven zijn. De komende maanden gaan we hier verder mee aan de slag, waarbij ook zoekmachine optimalisatie (SEO), zoekmachine adverteren (SEA) en linkbuilding zal worden ingezet. Op deze manier kunnen we de conversie op de nieuwe site direct sterk verbeteren. Daarnaast wordt de website uitgebreid met doelgroepgerichte toepassingen, zoals een productconfigurator, een renovatiesysteem en referentieprojecten die worden ondersteund met webvideo's. Kortom, de online marketing van deze markleider is pas net begonnen.

Over Kingspan Unidek
Kingspan Unidek is leverancier van innovatieve oplossingen voor snel en efficiënt bouwen en isoleren. Deze oplossingen leveren een actieve bijdrage aan energiebesparing en optimalisatie van het wooncomfort. Dankzij de voortdurende aandacht voor milieueffecten tijdens productontwikkeling, productie en recycling zijn de isolatieoplossingen bovendien duurzaam. De onderneming, opgericht in 1969 en voorheen bekend als Unidek B.V., telt ruim 260 medewerkers.

We danken Joyce, Eric en Carlijn (Back to Back) voor de fijne samenwerking. Op naar de volgende online marketing milestones!

Lees de referentie over dit project op onze site

Webshop voor Eurofysica

Enkele maanden geleden hebben we een webshop voor Eurofysica gemaakt. Deze blogpost beschrijft de specifieke werkzaamheden die we voor deze klant hebben verricht. En, dat is nog belangrijker, wat de resultaten zijn van deze webwinkel. En die (online) marketing successen delen we natuurlijk graag. Zodat we voor jou ook zo'n toepassing - of iets anders - kunnen ontwikkelen.

Ipad_eurofysica

Succesvolle webshop voor Eurofysica | www.eurofysica.nl

Uitdaging: 'Verhoog het aantal verkopen en verlaag de kosten per verkoop in onze webshop'. Dat was de eerste vraag die gesteld werd door Eurofysica. Eurofysica heeft een zeer uitgebreid aanbod van (leer)middelen voor alle lagen van het onderwijs. Zij ontwikkelt dit aanbod zelf met als doel de meest ideale omgeving voor kennisoverdracht te creëren.  Eurofysica levert in heel Nederland aan onderwijstellingen  en exporteert ook binnen de EU naar verschillende dealers en groothandelaren.

Oplossing: Digibiz heeft allereerst samen met Eurofysica een uitgebreide analyse van de gebruikersdoelgroep gemaakt. Met een aanbod van bijna 20.000 artikelen is een goed opgebouwde webshop qua informatiestructuur een must. Er moest een afnemersbehoefte georiënteerd aanbod ontstaan. Tijdens dit vooronderzoek is ook gekeken naar de andere marktpartijen. Tevens moet men met zo'n groot aanbod het beheer efficiënt houden. Daarom werd een koppeling bedacht tussen Unit-4/agresso Wholesale, het ERP systeem van Eurofysica, en Umbraco, ons CMS. Er is een interface gerealiseerd die meer dan alleen productgegevens ophaalt. Gegevens van gebruikers (debiteuren) en hun eigen prijsstaffels worden bijvoorbeeld ook uitgewisseld. Zo wordt het aanbod nog meer op maat aangeboden aan vaste klanten. Er zijn mogelijkheden voor klanten om wensenlijsten vast te leggen en offerteaanvragen te plaatsen. Ook orders worden volledig geautomatiseerd verwerkt en geïntegreerd met UNIT 4. Dit heeft enorm veel dubbel werk bespaard en dus tijd opgeleverd. Alleen accorderen is nog nodig. Ook wordt binnen de Umbraco interface extra informatie, die niet in UNIT 4 beschikbaar is, toegevoegd aan producten. Dat zijn bijvoorbeeld plaatjes, video's en documenten.

Resultaat: Een goed lopende webshop die veel werk bespaart voor Eurofysica. Daarmee is Eurofysica klaar voor verdere investeringen in marketing en ontwikkeling. Het is een platform geworden dat snel en efficiënt uitgebreid kan worden en dat men volledig zelf kan beheren. Bestaande klanten van Eurofysica zijn erg tevreden over het gebruik van de nieuwe webshop.

Bezoek www.eurofysica.nl!

2de invalshoek voor website p2

Op 25 januari is de nieuwe website van p2 gelanceerd. p2 helpt organisaties bij unieke en complexe managementvraagstukken. BVH heeft hiervoor een nieuwe strategie opgezet. Waarbij de 2de invalshoek van projecten centraal staat. Voor de online doorvertaling is Digibiz ingeschakeld, al jaren de online partner van p2. Een vooruitstrevende partij met een onconventionele aanpak verdient een vernieuwende website waarbij mensen en projecten centraal staan. Met veel plezier heeft Digibiz in 2 maanden deze prachtige website van idee t/m realisatie afgerond.

p2taart.jpg

Lancering nieuwe website Reeleezee

Eind 2010 heeft Digibiz - in samenwerking met Page71 en ArtForm - de nieuwe website van Reeleezee geconcept, ontwikkeld en gelanceerd. Aansluitend op de nieuwe beleving en nog hogere kwaliteit van het online boekhoudpakket ontstond er een behoefte om ook de (online) communicatie van Reeleezee naar een hoger niveau te brengen.

Reeleezee.nl is opgezet om duidelijke informatie te verschaffen. En - door het gebruik van video - de toegevoegde waarde en het gemak van Reeleezee over te brengen. Zo wordt de site de komende periode steeds verder uitgebreid met videoreferenties en videouitleg van de online boekhouding. Daarnaast kan de bezoeker direct uitproberen hoe de applicatie werkt door middel van een demo.

Het gebruik van de site zelf zal continu gemonitord worden om deze steeds beter af te stemmen op de behoeften van de bezoekers. Digibiz helpt Reeleezee hiermee. Om zo een belangrijke stap te zetten in het verder optimaliseren van haar online marketing.