The IBM Watson Content Hub Trial and Standard editions include features that help you create your own website, including a sample site that is created and stored in Watson Content Hub (WCH). To get a free Trial version or to upgrade to the Standard edition, go to the IBM Marketplace.

A Watson Content Hub website consists of two pieces:

  1. Site application – This application is an Angular web application that is hosted on the CDN provided with Watson Content Hub. The site application is customized by a web developer/designer working with HTML, CSS, and JavaScript. The source for the site application is managed by the web developer typically by using a source code management system, such as GitHub. The site application uses an SDK library that provides optimized access to WCH by using REST services.
  2. Site content – This content includes the site/storefront page structure, content and images, the content model, and the choices for layouts and styles for the site or storefront. The site content is created and managed by non-developers in the Hub user interface.

The Oslo sample (website)

Oslo is a ficitious home furnishing design site that you can modify to fit your needs. It contains the out-of-box content types, layouts, pages, and content. The pages and content are managed by content composers in the WCH UI. The content composers can edit the site pages, navigation tree, and content. They can also create new pages, author new content, and define new content types and page types. The modified site can then be reviewed, approved, and published from the WCH UI.

The site appearance is handled by the templates and styles that are managed by a developer. The visual appearance of site pages and content items is controlled by the layouts that are defined for the related content types. Layouts are created and customized by the front-end developer who works with the site application. They are assigned to pages and content in the WCH UI. Each layout uses an Angular component to render the page or content by using HTML, CSS, and JavaScript. Each layout also has a thumbnail image to help in selecting layouts.

Note: When IBM provides updates to the Oslo sample, you must download and install the sample manually from the Download starter site widget on the WCH home page UI again.

You can install and update the Oslo sample by following this tutorial: Adding and updating your Oslo sample.

For the full Oslo roadmap, use the following tutorial: Oslo Roadmap.

4 comments on"Developing your own website"

  1. Hi team.
    >if the sample website does not display or was not installed, you can install it by downloading the WCH Sites single page application content from IBM Collaboration Solutions Catalog.
    I could successfully download it, but how can I install it on WCH?( menu/operation)

  2. Hi Ishida,
    The https://github.com/ibm-wch/wch-site-application contains the source files for the sample website. You must download the source files to customize the sample website. Please see more details on Customization above.

  3. Michael Burati November 03, 2017

    I’m glad you were able to resolve the issue. For additional questions, posting them in the Watson Content Hub developer forum (as opposed to a comment on the documentation) at the link below will get your question in front of WCH experts more quickly, and hopefully a quicker turnaround on answers. Please tag questions on that forum with “WCH” and “Watson Content Hub” so that they are seen by WCH experts monitoring that general developerworks forum, and you may also subscribe to notification for those tags, so that you are updated when additional questions and answers are tagged.

    I hope that information helps,
    ..Mike Burati
    IBM Watson Content Hub and Digital Experience Tooling
    https://developer.ibm.com/answers/smart-spaces/301/watson-content-hub.html

Join The Discussion

Your email address will not be published. Required fields are marked *