OneSpan Sign Developer: Personalización e integración del diseñador - Parte 2

Duo Liang, 27 de Febrero de 2019

En el primera parte de esta serie de blogs, cubrimos cómo generar una sesión de Designer mediante programación, recorrimos los componentes potenciales en la página y enumeramos algunas ventajas para usar esta solución durante la integración. Este primer blog proporciona conocimientos básicos sobre personalización e integración con Designer Session.

En la segunda parte, nos centraremos en cómo guardar su configuración personalizada como diferentes perfiles de diseñador. Además de eso, también hablaremos sobre cómo agregar un banner a su página de Designer y mostraremos algunos ejemplos de cómo puede adaptarse a su flujo de trabajo.

Perfil del diseñador

En OneSpan Sign, puede definir la configuración de personalización de cada diseñador como un perfil.

Esto es extremadamente útil cuando su flujo de trabajo requiere más de una página de diseñador en cada escenario, y cada página de diseñador requiere configuraciones diferentes. Por ejemplo, para los usuarios administradores que requieren un control total del paquete y las plantillas, puede usar la configuración predeterminada. Luego, para sus revisores, puede proporcionarles un perfil de diseñador con privilegios restringidos. En este escenario, no podrían editar documentos, pero tendrían una manera clara y fácil de navegar a través de todos los documentos.

Puede guardar varios perfiles de diseñador en su cuenta contactando a nuestro Soporte técnico con su nombre de perfil y descripciones de su personalización.

Después de guardar un perfil en su cuenta, cree su URL de sesión de diseñador para llamar a un perfil específico como se muestra a continuación:

{instance_url} / auth? senderAuthenticationToken = {senderToken} & target = {instance_url} / a / transacción / {packageId} / designer? profile = {profileName}

La siguiente imagen ilustra la diferencia entre un perfil de Designer con la configuración predeterminada y uno con privilegios restringidos. Llamé al segundo perfil "minimalista".2-27-1

Banner de diseñador

Además de los componentes configurables mencionados en parte uno, también tiene la opción de agregar un banner en la parte superior de la página contactando a nuestro equipo de apoyo .

La imagen a continuación muestra cómo podría aparecer esto.2-27-2

Además del logotipo de su empresa, también puede agregar instrucciones a sus usuarios finales para guiarlos a través de los pasos que desea que sigan. Mostrar al usuario el flujo de trabajo esperado simplifica la integración, especialmente cuando hay personalizaciones especiales para el perfil del Diseñador.

Página receptiva

La nueva experiencia de Designer está diseñada para ser receptiva y optimizar la experiencia del usuario para pantallas con diferentes resoluciones y diferentes dispositivos.

La imagen a continuación muestra el ancho posible de su pantalla junto con el contenido correspondiente (Desktop Designer) disponible:2-27-3

Las dos primeras imágenes de las páginas del Diseñador son perfectas para el diseño de documentos, mientras que el último Diseñador proporciona una interfaz de usuario simplificada y limpia para los revisores de documentos.

Tenga en cuenta que como la imagen mínima del documento es 794 * 1028 px, se sugiere que el ancho de su iFrame sea superior a 800 px para evitar el desplazamiento del horizonte.

A través de este blog, hemos recorrido el perfil del diseñador, el banner del diseñador y la experiencia del diseñador con diferentes anchos de pantalla. Cada uno ayudará a que su página y aplicación Designer se adapten mejor a diferentes escenarios.

En el tercer blog de esta serie, le presentaremos algunos proyectos de demostración que muestran cómo desarrollar con una página de diseñador en un desarrollo real.

Si tiene alguna pregunta sobre este blog o cualquier otra cosa relacionada con la integración de OneSpan Sign en su aplicación, visite el Foros de la comunidad de desarrolladores . ¡Sus comentarios nos importan!

Comunidad de desarrolladores de OneSpan Sign

Comunidad de desarrolladores de OneSpan Sign

¡Únase a la comunidad de desarrolladores de OneSpan Sign! Foros, blogs, documentación, descargas de SDK y más.

Únete hoy