CatDV Server 7.0 ships with two standard web interfaces:

  1. The CatDV Web Client – is a rich Internet application that aims to provide an experience similar to using the desktop client – but in a web browser. It provides some customisation options, such as changing the logo it displays in its banner bar, and customising the tabs that are displayed based on the production group defined details panels.  However the overall look and feel and the functionality provided are fixed.
  2. The CatDV Web 2 Interface – is a modern, simple to use web interface based on open HTML5/CSS3/JavaScript technologies and communicates with CatDV Server using the CatDV REST API. It supports extensive customisation of the look and feel through customisable themes and, if this does not provide sufficient customisability, the full source code is included allowing a completely bespoke solution to be created.

Customising the Web 2 Interface

CatDV Server 7.1 introduces a new mechanism to customise the Web 2 interface using the new Web Workspaces feature. Web Workspaces allow you to customise not only the look and feel of the interface (re-skinning) but also to customise which features of the web interface are available to different users and also to customise various aspects of the interface’s behaviour.

For details about setting up and configuring Web Workspace click here.

Building a Custom Web Interface

If your customisation requirements go beyond what can be achieved using themes then you may want to consider building a completely bespoke web interface tailored to your specific requirements. CatDV provides two distinct technologies for constructing web applications, that are typically used together:

  1. CatDV JSP Tag Library – Java Server Pages (JSP) is a server-side web technology that uses an extended form of HTML, that makes use of custom HTML tags and the ability to embed Java code directly into the HTML page. CatDV ships with a JSP Tag Library that allow CatDV Server data, including catalog, clips and metadata,  to be emitted directly into the HTML page on the server. The look and feel of the resultant web site is completely under the control of the web designer.
  2. AJAX /REST API – to create a modern, interactive web interface it is often desirable to update the contents of the current page directly, rather than navigating to another page or completely re-rendering the current page. AJAX is a technology provided by all modern web browsers to make calls to the server from JavaScript, and update the contents of the current page based on the results. CatDV provides an extensive REST API that can be called from JavaScript to implement an AJAX web interface. For more information see REST API.

The CatDV Web 2 interface uses both these technologies in its implementation.

Sample Code

The easiest way to create a custom web interface to CatDV Server is to base it on one of the web samples that ships with CatDV.  The web samples are shipped in a file called ‘websamples.war’ in the installation directory. By default the CatDV home page has a link to the sample applications a the bottom of the page, so if you navigate to that you will see the unmodified web sample home page.

To deploy these files (ready for subsequent modification)  you should copy the ‘websample.war’ file to another directory outside the CatDV Server installation folder (this avoids it being overwritten next time you upgrade CatDV Server). If you rename the file to ‘’ you will be able to unpack it using the built-in archiving tools on either Windows or Mac OS. If you then update the Document Root setting of the built-in web server using the CatDV Server Control Panel (in the Setup Wizard, Web Server tab) then the web server will serve the web files from their new location.

Any changes made to the copied sample files will be visible immediately via the CatDV Server web server, so it is easy to make gradual modifications to create the look that you require.