Single Substitution graphic

'

Caveat: You need to have Template Editor permissions. It may be sensible when naming new hooks, new templates or new template sets to add "TRAINING" as part of the name, to differentiate your work from ''live'' production work. Do consider any ''Delete'' actions carefully - is it your work you are deleting?

Single Substitution Graphic

An example of the completed graphic:

Prerequisites

Prior to beginning this article, the user should be familiar with selecting a schema and creating hooks. Also to have completed the following articles:

• Scoreline graphic Part 1
  

• Scoreline graphic Part 2
  

• Scoreline graphic Part 3
  

• Scoreline graphic Part 4
  

• Scoreline graphic Part 5
  

You should also have the 'Scorelines' image set.

Requirements

The requirements from the user side are to be able to simply choose from a drop-down list, a point during the timeline of the match to create a graphic for. The list of options should include:

• An abbreviation of the team
  

• The time of the substitution (indicating if in extra-time)
  

• The name of the player being taken off
  

• The name of the player going on
  

The data being made available to the scene should also include the Uniform (Shirt) Number of the players

Creating the Hooks

Using Ignition Post Win Client as a Template Editor

1. Select the main tab DATA
   

2. Select the sub-tab SCHEMAS & HOOKS
   

3. Below SCHEMAS:
   

1. Data Provider: XMLTeam
   

2. Target: Production
   

3. Schema: soccer event-report
   

4. Sample Data: Southampton v Leicester City
   

4. Create a parent hook to the below node:
   

1. sports-content.sports-event.event-actions.event-actions-soccer.action-soccer-substitution
   

2. Rename: 'Single Substitution'
   

5. Create sub-hooks to the following nodes:
   

1. action-soccer-substitution.minutes-elapsed
   

2. action-soccer-substitution.period-value
   

6. Click 'Add Composite Hook'
   

1. Rename: mepvsat
   

2. Add the following component hooks:
   

3. Minutes Elapsed
   

4. Period Value
   

5. Add '_' (i.e. underscore) in the 'Format' field
   

6. Change the sub-tab to Lookups
   

7. Click within the Lookup field and select: 'mepvsat' and select: Description'
   

7. Ensure 'Single Substitution' is selected, create sub-hook to the following node:
   

1. action-soccer-substitution.person-original-idref
   

2. Rename: OFF

3. Set 'Reference' to 'All Players' and click 'Create Hooks'
   

8. Ensure 'Single Substitution' is selected, create sub-hook to the following node:
   

1. action-soccer-substitution.person-replacing-idref
   

2. Rename: ON
   

3. Set 'Reference' to 'All Players' and click 'Create Hooks'
   

9. Ensure 'Single Substitution' is selected, create sub-hook to the following node:
   

1. action-soccer-substitution.team-idref
   

2. Rename: Image

3. Add the following Transform Step:
   

4. Skip 'N' Chars, setting N to: 15
   

10. Ensure 'Single Substitution' is selected, create sub-hook to the following node:
    

1. action-soccer-substitution.team-idref
   

2. Set 'Reference' to 'All Teams' and click 'Create Hooks'
   

11. Click 'Add Composite Hook'
    

1. Rename: Selector
   

2. Add the following component hooks:
   

3. Single Substitution.Team Idref.Full Team Abbr
   

4. mepvsat
   

5. Single Substitution.OFF.Last
   

6. Single Substitution.ON.Last
   

7. Change the 'Composite Mode' to: Format String

8. Enter the following in 'Format': {0}-{1}-OFF:{2}-ON:{3}
   

1. Minutes Elapsed (Ascending & numerical)
   

Adding a scene

1. Select the main tab TEMPLATES
   

2. Ensure the template set 'TRAINING Match' is selected (above 'Search Templates')
   

3. Click 'Add new Template to TRAINING Match'
   

4. Rename: 'Single Substitution'
   

5. Click the 'Select' button adjacent to 'Scene'
   

Note you have a pane to the right-hand side:

BROWSE SCENES

With:

Renderer Domain
Graphics Hub


And a list of your available scenes below 'Search'

1. Ensure 'Renderer Domain: Viz
   

2. Ensure Graphics Hub: Post --- (Or the name of what is pointing at your available Viz Scenes)
   

3. Type the following into the 'Search' bar: MOTD_E_S_L3_SUB1T
   


NOTE - You may get more than one option of where a scene is available



4. Select and expand: BBC-SPORT/SCENE/FOOTBALL/MOTD/IDONIX/2017/2017
   

5. Find the above scene
   

1. Click 'Refresh Thumbnail and Scene Controls'
   

2. Click 'Click button to make this the current main scene'
   

1. Rename the Label: 'Match'
   

2. Select the Schema: 'soccer event-report'
   

1. Choose the 'Schedule Condition Hooks.Event Name Abbr' hook
   

2. Click the greyed out 'title' on the control -- it turns 'green'
   

1. Set the 'List Hook' as: 'Single Substitution'
   

2. Change Label to: 'Selector'.
   

3. Change 'Id (Value)' to: 'Index'
   

4. Change 'Display' to: 'Selector'
   

5. Click the greyed out 'title' on the control -- it turns 'green'
   

1. Bind: Image 0003 LOGO
   

2. Data Selector = Selector
   

3. Hook = 'Single Substitution.Image'
   

4. Image Set = 'Scorelines'
   

5. Set a default image if you wish
   

N.B. When you bind a Viz Control to a template control the template control will automatically be renamed to the Viz Control - but it's always good practice to give it a more meaningful name.

Here is an image of the template controls so far, before you move on to 'Data List' template controls:

In 'TEMPLATES' and the 'CONTROLS' Tab, with the 'Single Substitution' template highlighted:

1. Using the 'Data List' button create x4 new controls
   

1. Change the 'List Size' = 3
   

Taking each of the four new template controls, in turn, bind a Viz Control as follows:

• Text 100 HS1_OFF_NUM
  

• Text 101 HS1_OFF_NAME
  

• Text 200 HS1_ON_NUM
  

• Text 201 HS1_ON_NAME
  

You will note the x3 similar Viz Controls were automatically allocated within the template control and the four controls took on the name of the Viz Control.

You now need to give each of the four template controls a hook.

1. HS1_OFF_NUM
   

1. Change the Data Selector to: Selector
   

2. Change Hook to: 'Single Substitution.OFF.Uniform Number
   

2. HS1_OFF_NAME
   

1. Change the Data Selector to: Selector
   

2. Change Hook to: 'Single Substitution.OFF.Last
   

3. HS1_ON_NUM
   

1. Change the Data Selector to: Selector
   

2. Change Hook to: 'Single Substitution.ON.Uniform Number
   

4. HS1_ON_NAME
   

1. Change the Data Selector to: Selector
   

2. Change Hook to: 'Single Substitution.ON.Last
   

This scene is designed to show multiple substitutions for a home or away team. You now need to give this scene an instruction, so it only shows one substitution. The substitution being made using the selector to make a selection from the occurrences during the match.

1. Add a 'Fixed Value' control
   

1. Bind to: Integer 6000 NUMBER_OF_SUBS
   

2. Set the Value field to: 1
   

Using the Web Client to view your new template. Remember to Login as a Template Editor, as the template is not yet published.

Using the Southampton v Leicester City sample data.

The selector dropdown will be populated with the following:

• LEI-67'-OFF:Iheanacho-ON:Albrighton
  

• SOT-69'-OFF:Ings-ON:Austin
  

• LEI-78'-OFF:Maddison-ON:Ghezzal
  

• SOT-79'-OFF:Elyounoussi-ON:Romeu Vidal
  

• SOT-86'-OFF:Long-ON:Armstrong
  

• LEI-88'-OFF:Gray-ON:Okazaki
  

As you can see, you can select from any point in the match.

1. Select:
   

1. LEI-88'-OFF:Gray-ON:Okazaki

You have now generated the same graphic shown as an example at the beginning of this tutorial.

Now you are ready to do the tutorial to produce a Home or Away Substitution graphic, available at the link below:

Home or Away Substitutions graphic

If you have not already done it, you could try the tutorial to produce a Formation graphic, available at the link below:

Formation graphic for Football

Or the tutorial to produce a Yellow Red Card graphic, available at the link below:

Yellow and Red Card graphics