Watson Studio project restriction for collaborators

When we create a Watson Studio project, we should pay attention on the collaborator restriction! We cannot change it later.

This is just a blog post about a common pitfall for new Watson Studio users , when they are creating a new Watson Studio project.

The step five in the documentation of the project creation tells us about restrict who can be a collaborator for our project. This configuration has a huge impact for our user access management later, by just checking this small box.

watson-studio-restiction

Step five says:  Select the Restrict who can be a collaborator check box to restrict collaborators to members of your organization or integrate with a catalog. The check box is selected by default if you are a member of a catalog. You can’t change this setting after you create the project.

This is not the end of the world, we can easily create new projects, and configure them. Even I would say, this is a good opportunity to get familiar with the user management of IBM Cloud anyway.

Continue reading

State management, modal dialog and simple spinner in VUE

This blog post is about how to use state managementspinner with conditions, and modal dialogs when saving data in VUE. How these works, we will explore along an implementation in the #BlueCloudMirror project. Maybe this can save you some time, if you plan to do the same.

Let’s start with my motivation, we want to improve our #BlueCloudMirror game UI. If you saved your scores data in the previous version, you were routed back to start game page. You received no information, if storing your data was successful in the highscores list.

In the new UI you can see the saving progress and you get confirmation when your data is saved, as you can see in the gif below.

blue-cloud-mirror-save

To understand how this works in VUE, we need to touch the following topics:

We will use the Results.vue and State.ts source code files from the #BlueCloudMirror github project, to see how it works in the #BlueCloudMirror  game.

Continue reading

How to create an interactive YouTube Video selection in VUE

In this blog post I want to share my observations during my implementation of an interactive YouTube Video selection in VUE. Maybe this can save you some time, if you plan to do the same.

Let’s start with my motivation, it came from the improvements of the #BlueCloudMirror game UI. We decided to provide the #BlueCloudMirror users a recorded YouTube LiveStream of us. This video provides an awesome overview of our  major technologies.

The video takes approximately 50 minutes. This is a long time to watch, so we want to provide the user a new interactive architecture page, as you can see below. A user should have the ability to select the topic he is interested in. To do this, we needed the position selection for the YouTube video. In the gif you can see the result.

vue-youtube-selection

Topics of this blog post:

  • How to define dynamic values in a VUE template
  • How to configure autostart for YouTube videos
  • How to avoid SAMEORI problem with the YouTube video

Continue reading