Training Technology Subcommittee

Phoenix Feb 2004

Airbus Smart Graphic in SVGAirbus Smart Graphic in SVG

Jean-Louis BravoJean-Louis BravoAIRBUSAIRBUS

Training Technology Subcommittee

Phoenix Feb 2004

S.M.G. recapS.M.G. recap Smg1 (1997)Smg1 (1997)

Static setting (properties, states,…)Static setting (properties, states,…) External configurationExternal configuration Integration in PowerPoint, I.E., AtlasIntegration in PowerPoint, I.E., Atlas

Smg2 (2000)Smg2 (2000) Interactive (mechanism)Interactive (mechanism) Scriptable (automation, events, methods, …)Scriptable (automation, events, methods, …) Internet compliant (http & ftp)Internet compliant (http & ftp)

Training Technology Subcommittee

Phoenix Feb 2004

Smg3 (2003) prerequisitesSmg3 (2003) prerequisites Vector sizable graphicsVector sizable graphics

Standard formatsStandard formats

ScriptableScriptable

SMG2 philosophy (states/animations/interactions)SMG2 philosophy (states/animations/interactions)

Based on COTS (editor & viewer)Based on COTS (editor & viewer)

Platform independentPlatform independent

Training Technology Subcommittee

Phoenix Feb 2004

Why SVG?Why SVG? W3C recommendationW3C recommendation

XML based (easy to transform)XML based (easy to transform) SVG 1.1 (01-2003)SVG 1.1 (01-2003) Data everlastingnessData everlastingness

Reusing our illustrationsReusing our illustrations Use both by Training & Technical DataUse both by Training & Technical Data A380 O.I.S. (On board Information System) within F.C.O.M.A380 O.I.S. (On board Information System) within F.C.O.M.

Multiple information sourcesMultiple information sources Cockpit panels made by graphic editorCockpit panels made by graphic editor Complex instruments (e.g. PFD/ND/ECAM) exported from Design Complex instruments (e.g. PFD/ND/ECAM) exported from Design

Office tools.Office tools.

Training Technology Subcommittee

Phoenix Feb 2004

graphic.SVG

.PCB

.BMPAirbusSmg2.PCB

Pcb2svgconverters

COTS

Application

Data file

Properties& Setting

.CFG

.XML

SMG viewer(Html, ppt, Atlas)

Adobe SVG OCX

.SVG

.PNGClipboard

Smg3 ArchitectureSmg3 Architecture

XSLTfilters

XSLTfilters

D.O.XML export

AdobeIllustrator 10

AI-XSLTfilter

Training Technology Subcommittee

Phoenix Feb 2004

PCD(smg1) to XML extractPCD(smg1) to XML extract PCD to XMLPCD to XML

@ENGINE_1 ENUM OFF$ OFF

IMAGE U700101.bmp,46,0,MAGENTA

$ ONIMAGE U700102.bmp,46,0,MAGENTA

<property name=ÉNGINE_1’ type=‘enum’ id=‘1’ default=ÓFF’><state name=‘ON’>

<image file=‘U7200102.bmp’ x=’46’ y=‘0’ color=‘FF00FF’></state><state name=‘OFF’>

<image file=‘U7200101.bmp’ x=’46’ y=‘0’ color=‘FF00FF’></state>

</property>

Training Technology Subcommittee

Phoenix Feb 2004

XML to SVG(smg3) extractXML to SVG(smg3) extract XML to SVGXML to SVG

<property name=ÉNGINE_1’ type=‘enum’ id=‘1’ default=ÓFF’><state name=‘ON’>

<image file=‘U7200102.bmp’ x=’46’ y=‘0’ color=‘FF00FF’></state><state name=‘OFF’>

<image file=‘U7200101.bmp’ x=’46’ y=‘0’ color=‘FF00FF’></state>

</property>

<g id=“PENGINE_1”><g id=“P1__OFF”><image x=“46” y=“0” width=“55” height=“121” xlink:href=“U700101.PNG” /></g><g id=“P1__ON”><image x=“46” y=“0” width=“55” height=“121” xlink:href=“U700102.PNG” /></g></g>

Training Technology Subcommittee

Phoenix Feb 2004

SMG Properties

state

property

rep, opt

rep

SVG animations

show textrotate

rep, opt

movecolor

User interactions

click rotator

rep, opt

lever increment

S.M.G.

S

M

G

D

T

D

Training Technology Subcommittee

Phoenix Feb 2004