Ejercicios con Velneo


([N3] pacosatu) #1

Hola.
Comparto con la comunidad algunos ejercicios que he ido construyendo en mis prácticas de aprendizaje de Velneo.

Entretener al Usuario en los procesos 3P.
Ejecutar procesos en 3P con la posibilidad de entretener al Usuario durante el progreso de ejecución.
Búsqueda incremental en una Rejilla de registros.
Búsqueda incremental en una Rejilla a partir del texto introducido en una caja de texto.
Superponer imágenes transparentes usando VByteArray.
Guardar y gestionar imágenes sin pérdida de calidad.

  • Calendarios SVG. Una alternativa desconocida a los calendarios QML o Javascript.
    Descubre la potencia de SVG construyendo calendarios dinámicos usando el API SVG de HTML5.
  • Planos SVG. Otra alternativa a QML para la gestión de salones.
    Potente librería SVG.JS para la gestión de dibujos vectoriales en el Visor HTML.
    Estoy a la espera de que salga QML 2.0 para comparar prestaciones.
  • Selector de Color CSS
    Selecciona un color CSS con una utilidad realizada integramente con Velneo nativo.
  • Drag and Drop.
    Arrastra elementos de una Rejilla a otra guardando el resultado.
  • Imprimir HighCharts. La herramienta definitiva de gráficos con Velneo.
    Descubre cómo guardar e imprimir los gráficos creados con HighCharts y todo offline.
  • Editor de código HTML.
    Ejemplo de uso de la librería javascript AceEditor que añade al Visor HTML las capacidades de un editor.

Tened en cuenta que son prácticas de código y no está para nada optimizado, pero espero que os sirvan a los no iniciados y a todos para coger ideas. No es una aplicación multiplataforma, solo funciona correctamente en Windows y en pantallas de alta resolución.

A través de la Ayuda contextual Ctrl+F1 en cada formulario podéis acceder a una pequeña descripción y al código principal.
No hay ficheros vin ni tampoco doy soporte sobre el código. Cualquier duda sobre cómo está implementado algún aspecto concreto la resuelvo como siempre a través del foro.

El acceso directo a la aplicación es: vatp://pruebas:pruebas@v7cloud6.velneo.com:8894/0PS_Varios_iapp

Por supuesto iré añadiendo nuevos ejercicios que considere interesantes.
Disfruta de la experiencia.

Saludos
Paco Satué


Más ejercicios con CSS
([N4] apinna.winmotor) #2

Hola Paco,

sólo agradecerte mucho la aportación. Hace tiempo que estábamos planteándonos implementar algún sistema para gestionar más agilmente los objetos texto enriquecidos y hemos encontrado aquí justo lo que necesitábamos.

Muchísimas gracias y esperamos sacarle todo el jugo al resto de componentes.


([N1] angelcastillo) #3

Buenas Paco,

hoy he estado viendo tus ejercicios, son fantasticos. Algunos como usar la API de google map la puse yo hace un año por mi cuenta en funcionamiento. Pero ahora estoy probando tu editor de texto que me parece super completo y quiero probar a implementarlo en un formulario.

Te querría preguntar una cosa, estoy teniendo problemas de que no para de refrescarse el contenido en el visor HTML que uso con la configuración ‘Contenido=Texto Html’. Cada vez que cambio de foco fuera del visor me recarga el contenido del visor y pierdo lo hecho, tanto texto escrito como el formato que le de, por lo que no puedo guardar nada. Bueno incluso lo que ya hay no consigo guardarlo.

No se si puedes ayudarme. Gracias.


([N3] pacosatu) #4

Hola angelcastillo.

Mira el siguiente hilo donde se explica este efecto indeseado de los automatismos de Velneo.

Saludos
Paco Satué


([N1] Juan) #5

Genial! gracias por compratir. Ya hare mi aporte pronto.


([N1] mvilalta) #6

¿Como se puede acceder?
yo no lo consigo
saludos.


([N1] angelcastillo) #7

[quote quote=46751]Hola angelcastillo.

Mira el siguiente hilo donde se explica este efecto indeseado de los automatismos de Velneo.

Saludos
Paco Satué

[/quote]

Paco como siempre muchas gracias, eres un gran aportador de este foro.

Y disculpa que no te haya respondido antes.


([N1] mvilalta) #8

No quisiera ser pesado pero no se como acceder a tus ejercicios seh
no se si a traves del vcliente o vdev y no se que usuario clave poner
gracias y saludos.


([N2] AyudaVelneo) #9

Hola:

Para acceder con vClient según la cadena puesta por Paco vatp://pruebas:pruebas@v7cloud6.velneo.com:8894/0PS_Varios_iapp

El vServer al que te tienes que conectar es: http://v7cloud6.velneo.com:8894
El usuario es pruebas
La password es pruebas

La cadena es para crear un acceso directo y que al usuario no le pida nada.

UN saludo


([N1] mvilalta) #10

Gracias me faltaba el usuario/passw
la cadenas que me lo han permitidos son:
vatp://pruebas:pruebas@v7cloud6.velneo.com:8894/0PS_Varios_iapp
pruebas
pruebas


([N3] pacosatu) #11

Hola.

Información completa sobre los Accesos directos a aplicaciones Velneo:

https://velneo.es/info_v7_719_es/velneo_vclient/funcionalidades_especificas/accesos_directos_y_vrl/

Recordad también que ahora las URL’s de acceso al cloud se han simplificado: v7cloud6.velneo.com --> c6.velneo.com

Saludos
Paco Satué


([N4] ofsantana) #12

Hola Paco.
Viendo tus ejemplos, me gustó mucho el diseño visual de las rejillas. Esto lo hiciste con un CSS? Si es así, lo podrías compartir? Muchas gracias.

Saludos.


([N3] pacosatu) #13

Hola ofsantana.

El CSS de las Rejillas es el siguiente:


/* Rejilla */ 
QTableView Frame { 
         border: 0px; background-color: PowderBlue
}
QTableView {
	selection-color: black;
	selection-background-color: PowderBlue;
	column-background-color: #FFF;
	column-color: #757575;
	alternate-background-color: WhiteSmoke;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: Silver;
	background: White;
        /* outline: none; */
} 
QTableView:focus {
	border-width: 2px;
	border-style: solid;
	border-color: #A7C6EE; 
}

/* Rejilla - Cabecera */ 
QHeaderView::section:horizontal {
	/* stop 0 = es la parte superior     stop 1 = es la parte inferior */
	background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #EBEBEB, stop:1 #C6CCD1);
	color: #3A424A;
	padding-left: 4px;
	padding-right: 4px;
	border: 0px;
	margin: 1px;
	min-width: 50px;
	max-width: 150px;
	min-height: 13px;
	max-height: 13px;
	/* font-weight: bold; */
}

Saludos
Paco Satué


([N4] ofsantana) #14

Excelente Paco, muchas gracias.

Saludos.


([N3] pacosatu) #15

Hola.

La llegada inminente de QML 2.0 al Framework de Velneo abrirá nuevas posibilidades a nuestras aplicaciones.

Si estás empezando con QML y quieres probar en tiempo de ejecución tus propios códigos QML, he añadido un Editor y probador de código QML, de momento QML 1.1.
Funciona igual que el Editor de HTML.

Los ejemplos que están con fondo rojo están probados y los puedes modificar para ejecutarlos pero no se pueden guardar.
Puedes Añadir tu propio código de ejemplo y guardarlo o eliminarlo.

Es un editor de QML para ejemplos sencillos. El código se carga de forma Asíncrona y puede dar problemas con componentes remotos o muy complejos.
El probador del QML es un formulario sin Origen, así que de momento no se pueden usar Listas de Velneo.

Recordad, el acceso directo a los ejercicios es: vatp://pruebas:pruebas@v7cloud6.velneo.com:8894/0PS_Varios_iapp

Saludos y buen aprendizaje
Paco Satué


([N4] Infortic) #16

Genial Paco


([N2] pacovte) #17

Me refiero al editor QML.
Gracias Paco. Como siempre aportando al foro.
Creo que es fundamental para trabajar con QML. La alternativa es la manida PRUEBA y ERROR: Escribe una línea de código, guarda, ejecuta y vuelta otra vez. No se te ocurra probar muchas líneas porque si hay un error… como tampoco hay depurador, ni soporte…
Del siglo pasado, vamos.
Desconozco si lo que has desarrollado es muy complicado pero, ¿lo es tanto que la plataforma no puede facilitarlo, además del editorTxt?
¿Piensas liberar/publicar el código para poderlo usar localmente?

Saludos y gracias, de nuevo.


([N3] pacosatu) #18

Hola pacovte.

Estoy de acuerdo que la implementación que ha hecho Velneo de QML es muy pobre. Ya hace unos cuantos años se integraron las Listas de Velneo con QML mediante un formulario y allí quedó todo. No ha habido ninguna progresión.
En cuanto a los editores/depuradores de código, yo ya he tirado la toalla. No espero mucho más en este aspecto.

No publico el código royecto, pero sí que redacto un documento de ayuda sobre el ejercicio y adjunto el código más importante.
La idea es ver lo que se puede hacer con Velneo y que cada uno lo programe a su manera.

En este caso, hay poco mérito de Velneo. El editor está montado sobre ACE Editor en javascript y el Visor HTML y un formulario QML (sin origen) para cargar y ejecutar de forma dinámica el código QML.

Voy a completar la ayuda para que tengas más información de cómo está hecho.

Saludos
Paco Satué


([N2] arm) #19

Saludos como puedo hacer al vin de Búsqueda incremental en una Rejilla a partir del texto introducido en una caja de texto.
me pude ayudar gracias


([N2] arm) #20

Paco Satué me puede ayudar con el vin de Búsqueda incremental en una Rejilla a partir del texto introducido en una caja de texto.

gracias Armando