Developing websites with Umbraco CMS

Transcription

1 Developing websites with Umbraco CMS.... MATTHEW BRUMPTON... SENIOR SYSTEMS AND APPLICATIONS DEVELOPER UNIVERSITY OF ESSEX... DevCon1 12 APRIL 2013

2 Overview of today s talk UK Data Archive and the UK Data Service What is Umbraco? Our Umbraco websites Developing content The Back Office Key concepts Developing functionality Visual Studio Reusable components Responsive design Demo The Back Office Creating a page Testing responsive design Questions

3 The UK Data Archive and the UK Data Service Based at the University of Essex since 1967 Curator of the largest collection of digital data in the social sciences and humanities in the UK See data-archive.ac.uk for more details Makes these available via the new UK Data Service UK Data Service also provides value-added services for UK Census data, government surveys and beyond UK Data Service includes Universities of Essex, Manchester (Mimas, CCSR), Leeds, Southampton, Edinburgh (Edina) and University College London See ukdataservice.ac.uk for more details

4 What is Umbraco? Open source CMS.NET Web Application written in C# and SQL 10+ years old with a large active community Over 110,000 active installations Current version is 6.1 Full MVC support Benefits: Built on Microsoft technologies Large community 55,000+ registered users and developers Active release cycle (Major release every 2-3 months) User friendly management interface (The Back Office) API for developers No licencing costs (Paid support if required) Easy to setup - (IIS), Visual Studio (NuGet) Challenges: Open source (Version 5) Investment to up-skill

5 Our Umbraco websites UK Data Archive Site launched 2011 Version 4.3 XSLT / User Controls Rural Economy and Land Use Programme Site launched 2012 Version User Controls UK Data Service Site launched pages Version 4.11 MVC Views / MacroScripts (Partial Views)

6 Developing content Back Office The Back Office Management interface Uses both file system and SQL We use it to manage Content Site structure Media Third party plugins (Courier and Concierge) Users 35 Content authors 5 Content approvers 4 Web masters Administrator Content workflow

7 Developing content - Key concepts Content tree consists of nodes (pages) Templates Document Types

8 Developing functionality Visual Studio Why use Visual Studio 2010 SVN CIT Sandboxed environment IntelliSense How to start Create a web application Install using NuGet Develop C# HTML CSS JavaScript Database (one at a time)

9 Developing functionality Reusable Components Third party libraries JQuery - Client programing / Async data access BootStrap - Responsive Design HTML5 BoilerPlate - HTML Modenizr - HTML5 feature detection SolrNet - Solr interface MS Enterprise Library - Logging and service calls LitJSON - Parsing JSON web services Razor Generator - Creates MVC views in a.dll Custom Libraries (dll s) UKDA.Utilities.Library - Data access UKDA.Search.Library - Solr access UKDA.MVC.Library - MVC Models, Views and Controllers Web Services (SOAP / REST) Data Logging

10 Developing functionality Responsive design Supports a wide range of browsers and devices Twitter Bootstrap - Grid system and responsive design Modernizer - Feature detection How to test: Firefox responsive view Opera Mobile emulator Warning! Responsive design only hides content Dedicated mobile pages required to reduce load

11 Demo The Back Office Creating a page Responsive view

12 Thanks for listening Any Questions?

13 CONTACT UNIVERSIY OF ESSEX WIVENHOE PARK COLCHESTER ESSEX CO4 3SQ T +44 (0) E mbrump@data-archive.ac.uk W data-archive.ac.uk