Diferencia entre revisiones de «Widget:PiX»

De Casiopea
Sin resumen de edición
 
(No se muestran 6 ediciones intermedias del mismo usuario)
Línea 6: Línea 6:
===Instrucciones===
===Instrucciones===


Desde la aplicación, debes seleccionar la opción '''Embed PiX'''. El díalogo emergente te proporcionará un código para incrustar un iframe. De este código ''sólo debes extraer la porción de datos'', lo que viene a continuación de:<br><code><nowiki>http://eadpucv.github.io/pix/pages/app-embed/#!/import/</nowiki></code><br>y definiéndolo como la variable ''data'' del widget:
Desde la aplicación, debes seleccionar la opción '''Embed PiX'''. El díalogo emergente te proporcionará un código para incrustar un iframe. De este código ''sólo debes extraer la porción de datos'', lo que viene a continuación de:
 
<code><nowiki>https://eadpucv.github.io/pix/pages/app-embed/#!/import/</nowiki></code>
 
y definiéndolo como la variable ''data'' del widget:
 
{{#widget:PiX
|data=eyJ0aXRsZSI6IlBpWCBjcmVhdGlvbiBUdXRvcmlhbCIsImxheW91dCI6ImlwIiwiZGVzY3JpcHRpb24iOiJIb3cgdG8gY3JlYXRlIGEgUGlYIGZyb20gc2NyYXRjaCIsInNjb3JlcyI6W1t7InN0ZXBfdGl0bGUiOiJQaVggV2VicGFnZSIsInVzZXIiOiJwaXgtdGhpbmsgICBJIHdhbnQgdG8gdHJ5IHRoaXMgUGlYIHRoaW5nLi4uXG4iLCJkaWFsb2d1ZSI6InBpeC1wYWdlICAgbGV0J3MgY2hlY2sgUGlYIHdlYnNpdGUiLCJzeXN0ZW0iOiJwaXgtZGF0YWJhc2UgICBwdWxsIHdlYnBhZ2UiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6IiAgICIsImRpYWxvZ3VlIjoicGl4LWJ1dHRvbiAgIGNsaWNrIEFQUCBidXR0b24iLCJzeXN0ZW0iOiIgICAiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiUGlYIEFwcCIsInVzZXIiOiJwaXgtc21pbGluZyAgIGhlcmUgSSBjYW4gd29yayEiLCJkaWFsb2d1ZSI6InBpeC1lZGl0ICAgbmFtZSBzY29yZSBhbmQgYWRkIGRlc2NyaXB0aW9uIiwic3lzdGVtIjoiICAgIiwibm90ZSI6IiJ9LHsic3RlcF90aXRsZSI6IiIsInVzZXIiOiIgICAiLCJkaWFsb2d1ZSI6InBpeC1lZGl0ICAgwqB0eXBlIFwicGl4LVwiIG9uIGEgc29jcmUgY2VsbCIsInN5c3RlbSI6IiAgICIsIm5vdGUiOiIifSx7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoicGl4LXN1cnByaXNlZCAgIGFtYXppbmchIiwiZGlhbG9ndWUiOiJwaXgtYXV0b2NvbXBsZXRlICAgYXV0b2NvbXBsZXRlIHdpdGggb3RoZXIgb3B0aW9ucyIsInN5c3RlbSI6InBpeC11cGRhdGUgICB0aGUgc3lzdGVtIHRyYW5zZm9ybXMgYW5kIGZvcm1hdHMgdGhlIGlucHV0XG4iLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6InBpeC1oYXBweSAgIHRoaXMgaXMgZ3JlYXQhIiwiZGlhbG9ndWUiOiJwaXgtaW5wdXQgICBwcmVzcyAnVEFCJyB0byBhZHZhbmNlIGluIHRoZSBzZXF1ZW5jZVxuIiwic3lzdGVtIjoiICAgIiwibm90ZSI6IiJ9LHsic3RlcF90aXRsZSI6IiIsInVzZXIiOiJwaXgtdGhpbmsgICBJIHdhbnQgdG8gc2F2ZSB0aGlzIHdvcmshIiwiZGlhbG9ndWUiOiJwaXgtZG93biAgIHNlbGVjdCBcImRvd25sb2FkIEpTT05cIiBmcm9tIHRvb2xiYXIiLCJzeXN0ZW0iOiJwaXgtcHJvY2VzcyAgICIsIm5vdGUiOiIifSx7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoiICAgIiwiZGlhbG9ndWUiOiIgICAiLCJzeXN0ZW0iOiJwaXgtcHJvY2VzcyAgIGdlbmVyYXRlIGFuZCBkb3dubG9hZCBKU09OIiwibm90ZSI6IiJ9XV19
}}


<pre><nowiki>
<pre><nowiki>
Línea 25: Línea 33:


</noinclude>
</noinclude>
 
<includeonly><iframe src="https://eadpucv.github.io/pix/pages/app-embed/#!/import/<!--{$data|escape:'urlpathinfo'}-->" width="100%" height="<!--{$height|escape:'html'|default:'650'}-->" style='border:0 solid white !important; box-shadow:none !important'></iframe></includeonly>
</noinclude>
<includeonly><iframe src="http://eadpucv.github.io/pix/pages/app-embed/#!/import/<!--{$data|escape:'urlpathinfo'}-->" width="100%" height="<!--{$height|escape:'html'|default:'650'}-->" style='border:0 solid white !important; box-shadow:none !important'></iframe></includeonly>
<noinclude>
<noinclude>
[[Category:Widgets]]
[[Category:Widgets]]
</noinclude>
</noinclude>

Revisión actual - 12:20 5 sep 2019

PiX es la abreviación de Partituras de intera(X)cción.

Este Widget te permite incrustar una PiX creada desde la aplicación en línea.

Instrucciones

Desde la aplicación, debes seleccionar la opción Embed PiX. El díalogo emergente te proporcionará un código para incrustar un iframe. De este código sólo debes extraer la porción de datos, lo que viene a continuación de:

https://eadpucv.github.io/pix/pages/app-embed/#!/import/

y definiéndolo como la variable data del widget:

{{#widget:PiX
|data=eyJ0aXRsZSI6IlBpWCBjcmVhdGlvbiBUdXRvcmlhbCIsImxheW91dCI6ImlwIiwiZGVzY3JpcHRpb24iOiJIb3cgdG8gY3JlYXRlIGEgUGlYIGZyb20gc2NyYXRjaCIsInNjb3JlcyI6W1t7InN0ZXBfdGl0bGUiOiJQaVggV2VicGFnZSIsInVzZXIiOiJwaXgtdGhpbmsgICBJIHdhbnQgdG8gdHJ5IHRoaXMgUGlYIHRoaW5nLi4uXG4iLCJkaWFsb2d1ZSI6InBpeC1wYWdlICAgbGV0J3MgY2hlY2sgUGlYIHdlYnNpdGUiLCJzeXN0ZW0iOiJwaXgtZGF0YWJhc2UgICBwdWxsIHdlYnBhZ2UiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6IiAgICIsImRpYWxvZ3VlIjoicGl4LWJ1dHRvbiAgIGNsaWNrIEFQUCBidXR0b24iLCJzeXN0ZW0iOiIgICAiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiUGlYIEFwcCIsInVzZXIiOiJwaXgtc21pbGluZyAgIGhlcmUgSSBjYW4gd29yayEiLCJkaWFsb2d1ZSI6InBpeC1lZGl0ICAgbmFtZSBzY29yZSBhbmQgYWRkIGRlc2NyaXB0aW9uIiwic3lzdGVtIjoiICAgIiwibm90ZSI6IiJ9LHsic3RlcF90aXRsZSI6IiIsInVzZXIiOiIgICAiLCJkaWFsb2d1ZSI6InBpeC1lZGl0ICAgwqB0eXBlIFwicGl4LVwiIG9uIGEgc29jcmUgY2VsbCIsInN5c3RlbSI6IiAgICIsIm5vdGUiOiIifSx7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoicGl4LXN1cnByaXNlZCAgIGFtYXppbmchIiwiZGlhbG9ndWUiOiJwaXgtYXV0b2NvbXBsZXRlICAgYXV0b2NvbXBsZXRlIHdpdGggb3RoZXIgb3B0aW9ucyIsInN5c3RlbSI6InBpeC11cGRhdGUgICB0aGUgc3lzdGVtIHRyYW5zZm9ybXMgYW5kIGZvcm1hdHMgdGhlIGlucHV0XG4iLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6InBpeC1oYXBweSAgIHRoaXMgaXMgZ3JlYXQhIiwiZGlhbG9ndWUiOiJwaXgtaW5wdXQgICBwcmVzcyAnVEFCJyB0byBhZHZhbmNlIGluIHRoZSBzZXF1ZW5jZVxuIiwic3lzdGVtIjoiICAgIiwibm90ZSI6IiJ9LHsic3RlcF90aXRsZSI6IiIsInVzZXIiOiJwaXgtdGhpbmsgICBJIHdhbnQgdG8gc2F2ZSB0aGlzIHdvcmshIiwiZGlhbG9ndWUiOiJwaXgtZG93biAgIHNlbGVjdCBcImRvd25sb2FkIEpTT05cIiBmcm9tIHRvb2xiYXIiLCJzeXN0ZW0iOiJwaXgtcHJvY2VzcyAgICIsIm5vdGUiOiIifSx7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoiICAgIiwiZGlhbG9ndWUiOiIgICAiLCJzeXN0ZW0iOiJwaXgtcHJvY2VzcyAgIGdlbmVyYXRlIGFuZCBkb3dubG9hZCBKU09OIiwibm90ZSI6IiJ9XV19
}}

Altura

De forma predeterminada se considera una partitura "normal" PiX de 3 capas con la altura predeterminada de 650 pixeles. Para el caso de un Service Blueprint de 5 filas se debe establecer el parámetro height (altura):

{{#widget:PiX
|data = ble
|height = 1000
}}