Skip to main content
All CollectionsViz SocialVizrt IntegrationsViz Trio
Integrating Flowics atom feed with Viz Trio
Integrating Flowics atom feed with Viz Trio
Updated over a week ago

Using Viz Trio and Flowics Atom feed you can build an integration to display your social media posts in your Vizrt graphics. This integration gives you the possibility to preview from Viz Trio the messages added in a Flowics collection.

Requirements

To get started, you'll need to ensure that you have the following installed:

  • Flowics Middleware 6.0.x or higher

  • Vizrt Trio 3.2.6

If you don't already have the Middleware installed, you can learn how to download and install its latest version by clicking here or upgrading a previous version by clicking here.

It is important that the .bin file to run the middleware is run as "Run as administrator"

Setting up a web service

Once you have the necessary software installed, you'll need to set up a web service since Viz TRIO cannot read XML files that are hosted locally. To do this, follow these steps:

  1. Go to the webapp folder in the Middleware (usually located at: C:\Flowics\middleware-cli-6.1\webapp)

  2. Create a subfolder within the webapp and name it "data". This is where the Middleware will write the atom files and host downloaded media.

  3. Go to the conf folder in the Middleware and add the following two lines in the configuration file (usually located at: C:\Flowics\middleware-cli-6.1\conf\middleware.properties)

    webapp.authz.type=mock

    webapp.cors.allowedOrigins=*

Middleware configuration

To access the Middleware configuration, on the TOP menu in Flowics, click on SETTINGS and then choose Middlewares (if you don't have it listed then contact our support team at support@flowics.com)

Within the Middleware configuration, you need to:

  1. Type as Shared Folder Path the path of the folder previously created within the webapp.

  2. The Integration mode must be File.


Creating a Collection Middleware Source

(1) From the home Project look for the Broadcast Middleware Soucers card and click on +.

(2) From the catalog of Middleware Sources choose the Collection. If it is not available please contact support.

Setting up a Collection Middleware Source

To set up a Collection Middleware Source, you must:

  1. Pick a collection. If you don't have one created go to the Content Inbox to create a new collection and feed it with social content. Learn more here.

  2. Go to the Integration tab > Pick the Middleware > click on the Checkmark to connect this Middleware Source with the Middleware

  3. In File Type select: atom

  4. Add a file name to identify the atom file locally stored. Remember to keep the extension .atom

.atom file

It is a document format based on the XML format and allows searching for updates to content published on a website.

To see the content that is being stored in the .atom file, open your browser and type the following:

localhost:9090/data/

In that URL you can get the data written and downloaded by the Middleware on the web server.

This is the data that will be integrated with Viz TRIO.


Viz Trio

Before you bind the data from the .atom to the Trio element, in your Vizrt scene you must add a prefix to the fields. To learn more about it, here.

Within Viz Trio the first step is:

  1. Import scene previously configured.

  2. Initialize scene.

To configure the trio template:

  1. Double-click on the scene.

  2. In the Editing Template Basic we select the option to link from the atom feed and paste the Atom feed URL.

  3. Configure the section for the author -> Author Name.

  4. Configure the section for the content -> Content.

  5. Configure the section for the thumbnail -> Thumbnail.

  6. Configure the section for the image -> Link image

  7. Configure the section for the contributor -> Summary.

  8. Save the template.

The Atom feed URL can be obtained from the web browser.

To select the post that we want to show in your graphic you must:

  1. Select the newly created template.

  2. Choose the post, now you will see a preview of the posts added to your collection in Flowics.

  3. Save as.

  4. Once saved, the post will appear in your Page List section and is ready to be displayed.


Did this answer your question?