Diferencias

Muestra las diferencias entre dos versiones de la página.

--- wiki:paraview:paraview [2025/12/30 15:58]
srgualpa creado
+++ wiki:paraview:paraview [2025/12/30 18:37] (actual)
srgualpa
@@ Línea 1: / Línea 1: @@
-ParaView
+<CSS>
+ /*-------------------------------------   CSS  ----------------------------------------------*/
+/* Estilo para el texto paresido consola  */
+.shell-body {
+  margin: 0;
+  padding: 5px;
+  list-style: none;
+  background:    #141414;  /* #eeffcc; amarillo*/
+  color: #45D40C;
+   font: 1.0em 'Andale Mono', Consolas, 'Courier New';
+  line-height: 1.0em;
+  -webkit-border-bottom-right-radius: 3px;
+  -webkit-border-bottom-left-radius: 3px;
+  -moz-border-radius-bottomright: 3px;
+  -moz-border-radius-bottomleft: 3px;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+                border: 1px solid blue;
+            border-radius: 4px;
+}
+.shell-body li {
+  word-wrap: break-word;
+  position: relative;
+  padding: 0 0 0 15px;
+}
+.recuadro{
+    border: 1px solid #d3d3d3;
+     border-radius: 1px;
+        padding:0.2em 16px;
+      margin-top:16px;
+    margin-bottom:16px;
+}
+ .recuadroCodeVerde{
+    border: 1px solid #d3d3d3;
+     border-radius: 1px;
+        padding:0.2em 16px;
+      margin-top:16px;
+    margin-bottom:16px;
+        color:green;
+     background-color:#ddffdd ;
+}
+ .recuadroCodeAzul{
+    border: 1px solid #d3d3d3;
+     border-radius: 1px;
+        padding:0.2em 16px;
+      margin-top:16px;
+    margin-bottom:16px;
+            color:blue;
+            background-color:#ddffff ;
+}
+body {font-family: Arial;}
+/* Style the tab */
+.tab {
+    overflow: hidden;
+    border: 1px solid #ccc;
+    background-color: #f1f1f1;
+}
+/* Style the buttons inside the tab */
+.tab button {
+    background-color: inherit;
+    float: left;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    padding: 14px 16px;
+    transition: 0.3s;
+    font-size: 17px;
+ }
+/* Change background color of buttons on hover */
+.tab button:hover {
+    background-color: #ddd;
+}
+/* Create an active/current tablink class */
+.tab button.active {
+    background-color: green /*#ccc;*/
+}
+.tablinks.active   {
+    color: green /*#ccc;*/
+}
+/* Style the tab content */
+.tabcontent {
+    display: none;
+    padding: 6px 12px;
+    border: 1px solid #ccc;
+    border-top: none;
+ }
+.botonPanel {
+    background-color: #eee;
+    color:   blue;
+    cursor: pointer;
+    padding: 18px;
+    width: 100%;
+    border: none;
+    text-align: left;
+    outline: none;
+    font-size: 15px;
+    transition: 0.4s;
+ }
+.active, .botonPanel:hover {
+    background-color: #ccc;
+}
+.panel {
+    padding: 0 18px;
+    display: none;
+    background-color: white;
+    overflow: hidden;
+}
+.ul1 {
+    list-style-type: none;
+    padding: 0;
+    border: 1px solid #ddd;
+}
+.ul1 .li1 {
+    padding: 8px 16px;
+    border-bottom: 1px solid #ddd;
+}
+.ul1 .li1:last-child {
+    border-bottom: none;
+}
+.textoNoImportante{
+}
+.consolaResaltadaconsolaResaltada {
+    background-color: #eeffcc;
+        color:   blue;
+}
+/* FIN Estilo para el texto paracido consola*/
+.tips{
+    color:#795548 ;
+    background-color:#ffffcc ;
+    padding:0.2em 16px;
+    border: 2px solid #ffff33;
+    border-radius: 15px;
+    margin-top:16px;
+    margin-bottom:16px;
+}
+/*  -----------------------------  texto oculto en la lista -------------------   */
+.textoVisible {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;*/
+}
+.textoVisible .textoOculto {
+    visibility: hidden;
+    width: 550px;
+    background-color: black;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px 0;
+    position: absolute;
+    z-index: 1;
+    top: 150%;
+    left: 30%;
+    margin-left: -60px;
+}
+.textoVisible .textoOculto::after {
+    content: "";
+    position: absolute;
+    bottom: 100%;
+    left: 40%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: transparent transparent black transparent;
+}
+.textoVisible .textoOculto2 {
+    visibility: hidden;
+    width: 550px;
+    background-color: black;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px 0;
+    position: absolute;
+    z-index: 1;
+    top: 150%;
+    left: -70%;
+    margin-left: -20px;
+}
+.textoVisible .textoOculto2::after {
+    content: "";
+    position: absolute;
+    bottom: 100%;
+    left: 40%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: transparent transparent black transparent;
+}
+.textoVisible:hover .textoOculto2 {
+    visibility: visible;
+}
+.subrayadoVerde{
+    text-decoration-color: green;
+}
+.subrayadoAzul{
+    text-decoration-color: blue;
+}
+.textoVisible:hover .textoOculto {
+    visibility: visible;
+}
+.tipsAmarillo{
+    color:#795548 ;
+    background-color:#ffffcc ;
+    padding:0.3em 16px;
+    border: 2px solid #ffff33;
+    border-radius: 15px;
+    margin-top:16px;
+    margin-bottom:1px;
+}
+.tipsVerde{
+    color:green;
+    background-color:#ddffdd ;
+    padding:0.3em 16px;
+    border: 2px solid green;
+    border-radius: 15px;
+    margin-top:16px;
+    margin-bottom:1px;
+}
+.tipsAzul{
+    color:green;
+    background-color:#ddffff ;
+    padding:0.3em 16px;
+    border: 2px solid #607d8b;
+    border-radius: 15px;
+    margin-top:16px;
+    margin-bottom:1px;
+}
+.tipsRojo{
+    color:green;
+    background-color:#ffdddd ;
+    padding:0.3em 16px;
+    border: 2px solid red;
+    border-radius: 15px;
+    margin-top:16px;
+    margin-bottom:1px;
+}
+/*------------------------------------FIN CSS---------------------------------------------*/
+.lista1{
+    color:black;
+}
+</CSS>
+======ParaView======
+Pagina oficial Paraview: [[https://www.paraview.org/download//|Download]]
+**Visualización de grandes volúmenes de datos más sencilla con ParaView
+**
+ParaView es el motor de visualización de posprocesamiento de código abierto líder a nivel mundial. Se integra con herramientas y flujos de trabajo existentes, permitiendo crear visualizaciones para analizar datos de forma rápida y eficiente. Gracias a su interfaz de usuario abierta, flexible e intuitiva, es posible analizar conjuntos de datos extremadamente grandes de manera interactiva en 3D o mediante programación, utilizando el procesamiento por lotes de ParaView.
+ParaView 6.0.1 se encuentra instalado en los servidores Sersic y Mirta. Para utilizar los recursos de estos servidores de alto rendimiento, ParaView permite conectarse desde una PC local. Para ello, es necesario tener ParaView instalado en la PC y seguir los pasos que se indican a continuación:
+<HTML>
+<ul class="shell-body">
+         <li style="color:greenyellow"> > ssh -XY tu_usuario@sersic</li>
+         <li style="color:greenyellow"> > </li>
+         <li style="color:greenyellow">[tu_usuario@milan01 ~]$ module load paraview</li>
+         <li style="color:greenyellow"> > </li>
+          <li style="color:greenyellow">[tu_usuario@milan01 ~]$ pvserver --server-port=11112 --verbosity=3</li>
+</ul>
+<br>
+</HTML>
+El shell debería mostrar el siguiente mensaje:
+<HTML>
+<ul class="shell-body">
+         <li style="color:greenyellow">(uptime) [thread name/id ]  file:line     v| </li>
+<li style="color:greenyellow">(0.154s) [pvserver    ]   loguru.cpp:602      1| arguments: .../bin/pvserver-real --server-port=11111 --verbosity=3</li>
+<li style="color:greenyellow">(0.154s) [pvserver    ]   loguru.cpp:605      1| Current dir: /home/tu_usuario</li>
+<li style="color:greenyellow">(0.154s) [pvserver    ]   loguru.cpp:607      1| stderr verbosity: 3</li>
+<li style="color:greenyellow">(0.154s) [pvserver    ]   loguru.cpp:608      1| -----------------------------------</li>
+<li style="color:greenyellow">Waiting for client...</li>
+<li style="color:greenyellow">Connection URL: cs://milan01:11111</li>
+<li style="color:greenyellow">Accepting connection(s): milan01:11111</li>
+</ul>
+<br>
+</HTML>
+En este punto, el servidor queda a la espera de la conexión desde el cliente.
+Desde la PC local, ejecutar el programa ParaView, que se utilizará como cliente. Luego, ir al menú “File” y seleccionar la opción “Connect…”.
+{{:wiki:paraview:paraview_tutorial.png?400|}}
+En la ventana emergente, seleccionar “Add Server”. La configuración de los servidores debe ser la siguiente:
+========Para Sersic========
+{{:wiki:paraview:paraview_config_sersic.png?400|}}
+Presionar el botón "Configure"
+========Para Mirta========
+{{:wiki:paraview:paraview_config_mirta.png?400|}}
+Presionar el botón "Configure"
+Finalmente, establecer la conexión presionando el botón “Connect”.
+{{:wiki:paraview:paraview_tutorial_connect_aux_2.png?400|}}