Desarrollo de interfaz en múltiples pantallas. Paso a usar AI

Para familiarizarse con el prototipo del sistema, necesita al menos 2 navegadores (o 2 computadoras).

Abra el formulario desde el repositorio en modo de edición. En otro navegador (en otra computadora, tableta, teléfono inteligente), abra el mismo formulario en el modo de vista ( mostrar ). Al editar el formulario, todos los cambios se mostrarán en tiempo real en todos los dispositivos conectados.

Para conectarse, seleccione cualquier número del 1 al 9999 y recuérdelo. Este será su nombre de usuario y contraseña en todos los dispositivos. Si su formulario comienza a cambiar sin su participación, alguien está usando el mismo número que usted. Cerrar sesión (Cerrar sesión) e iniciar sesión con un número diferente.

Ir al repositorio de formularios



Como funciona


En el modo de edición, verá rectángulos que puede mover. Cada elemento tiene un tipo y propiedades. Al realizar cambios, los datos de todos los elementos se envían al servidor a través de websocket. El servidor convierte los elementos en diccionarios de Python y los envía a través de websocket a su segundo navegador como una cadena JSON. En el segundo navegador, el diccionario anterior se convierte en un objeto que se convierte en componentes React. En un artículo anterior, describí esto en detalle.
Tal es el doble transportador.

Una matriz de conexiones websocket se almacena en el diccionario Python, la clave consiste en un formulario uuid y un inicio de sesión del usuario. Esto le permite evaluar simultáneamente el resultado en múltiples pantallas.

Usando el botón "Imprimir", puede ver los resultados de la conversión en forma de diccionario e incluso generar una página html. Cuando hace clic en el botón "Imprimir", se intenta guardar el formulario. En la versión del sitio, el registro está bloqueado, así que haga clic en el botón hasta que realice cambios.

Los formularios 13, 14, 15 se hacen en Owl y se guardan con el botón "Imprimir". Puedes verlos en los enlaces: 13 , 14 , 15 .

El repositorio es un repositorio basado en documentos donde cada formulario tiene un uuid único y cualquier número de campos (1 tabla de 5 columnas en Sqlite3, algo así como MongoDB). Al guardar, el valor anterior del campo se transfiere al historial, se crea un nuevo registro para el nuevo valor en la tabla. Esto hace posible volver a versiones anteriores del formulario. Tal máquina del tiempo.

Lo más interesante es la inserción de los componentes de Python. Traté de contactar a Dasha (tienen cientos de espacios en blanco de Python), recibí una carta de ellos: "Te escribiremos o te llamaremos", pero no fueron al sitio.

La forma consta de elementos. Está previsto crear y administrar sus propiedades utilizando AI y entrada de voz:

“Alice, Maroussia, mueve la casilla 14 y haz que el fondo sea más divertido. Y aumentar la fuente ".

En esta versión, en lugar de AI, puede usar IP (inteligencia de subordinados), así como SSI (su propia inteligencia). En el último caso, los comandos se pueden dar mentalmente.

Alexey Nosikov

Source: https://habr.com/ru/post/450898/


All Articles