Botones HTML remodelados

En enero anunciamos la posibilidad de utilizar Tractis para generar tus propias integraciones de contratación en tu sitio web. El sistema es simple:

  1. Creas una plantilla privada con variables.
  2. En la página del documento de plantilla, en la pestaña Botones activas la funcionalidad.
  3. Copias el código del botón que quieres utilizar y lo pegas en el código fuente de tu sitio web.

Cuando un usuario haga clic en ese botón, automáticamente Tractis genera un contrato y todo lo que necesitas para que el usuario rellene los datos que le faltan al contrato y la posibilidad de firmar.

Ahora mismo, este proceso sigue en pie, pero hemos remodelado varias cosas para ampliar el abanico. Para empezar, tenemos botones nuevos, como podéis ver en los ejemplos:

trac_ban_bg_lrg_w_es trac_ban_bg_lrg_b_es

Además de más botones, hay variedad de color. Suele ocurrir que los botones blancos no se apreciarían bien en páginas de fondo claro, así que hemos utilizado nuestra normativa identidad para generar botones oficiales para sitios de fondo claro. De esta forma tienes los mismos botones, tanto en inglés como en español, disponibles en blanco y negro.

Para más información, pueden ver este tipo de integración y otras que ofrecemos a nuestros clientes para que integren contratación electrónica en su sitio web.

Por Diego Lafuente
Guardado en: Anuncios, Diseño | Sin comentarios » | 29 de Junio de 2009

Firmado, Dios

Difícil imaginar una firma más contundente…

firmado_dios

Por David Blanco
Guardado en: Libros | Sin comentarios » | 22 de Junio de 2009

Vulnerabilidad de Java en Mac OS X al fín solucionada

Numerosos blogs se están haciendo eco de que Apple por fin ha solucionado un problema que afectaba a la máquina virtual de Java en Mac OS X. Este problema permitía potencialmente ejecutar código arbitrario en el sistema donde corriera la VM de Java basándose en ataques sobre una clase concreta del core de Java.

Con un poco más de demora de lo deseable Apple ha procedido a sacar parches para la versión 10.4 y 10.5 que solucionan el problema. Tenéis más detalles sobre el citado problema y los parches de Apple aquí.

Dado que Tractis utiliza la máquina virtual de Java para la detección y utilización de certificados electrónicos, os recomendamos que, si tenéis un ordenador con Mac OS X, instaléis estos parches ya sea vía Software Update o en los enlaces del sitio oficial (10.4 y 10.5).

Por David García
Guardado en: Anuncios | Sin comentarios » | 16 de Junio de 2009

Trent Reznor de NIN habla sobre foros con verificación de identidad

Llevo un tiempo pensando en la posibilidad de empezar un foro público masivo que requiera la verificación real de sus participantes a los efectos de contexto. La idea sería tener un lugar donde puedas discutir de verdad lo que sea y tener una idea de con quien estás conversando. Por ejemplo, si estamos discutiendo técnicas de batería y puedes ver que alguien participando en la discusión es un profesor de batería vs. un niño de 13 años googleando respuestas, tendrías un contexto adecuado en el que tener una discusión potencialmente válida. Si estamos discutiendo la enfermedad EDLC del corazón y un cardiólogo auténtico habla, valoraría su opinión por encima de, digamos, la “opinión” de FredFuckFaceWhateverHisLastFuckingNameIs. ¿Entiendes lo que quiero decir?. En cualquier caso, estamos en un mundo donde las principales redes sociales quieren a todas y cualquier persona con el fin de aumentar sus números de cara a una gran venta y no se preocupan por la calidad de la experiencia.

- “Online communities, etc.” de Trent Reznor (NIN).

Por David Blanco
Guardado en: Frases, Identidad | Sin comentarios » | 11 de Junio de 2009

Ya puedes utilizar Google Chrome en Tractis

googlechromelogo1A partir de hoy ya puedes utilizar Google Chrome en Tractis, tanto para propósitos de autenticación como de firma.

Google Chrome pasa así a forma parte de la lista de navegadores soportados en Tractis:

Te recomendamos darle una oportunidad a Google Chrome. En nuestros tests internos, Chrome es el navegador más rápido en todas las operaciones de autenticación y firma con certificado electrónico (carga de applet, auto-detección de certificados, etc) así como en el tratamiento de páginas que hacen un uso intensivo de javascript.

Por David García
Guardado en: Anuncios, Tractis | Sin comentarios » | 2 de Junio de 2009

Cómo instalar tu DNI electrónico en Mac OS X

es.pngHacer uso del nuevo DNI electrónico (el eID español) aún no es todo lo fácil que sería deseable.

El proceso de instalación difiere ligeramente según el modelo de lector que tengamos y el sistema operativo donde queramos instalarlo. Por ello, abarcar todas las posibles combinaciones de lector y sistema operativo en un único post se antoja complicado.

Una vez dispongamos del lector la cosa no está ni mucho menos solucionada. Todavía queda instalar los controladores del lector y los controladores del propio DNIe. Es probable que podamos librarnos del paso de instalar controladores para nuestro lector si éste viene soportado por defecto en el sistema operativo, pero de instalar los drivers del DNI electrónico, a día de hoy, no hay quien nos salve.

De momento, los usuarios que más dolor nos han proyectado son los Mac-eros. Y es que la instalación en Mac OS X es un poco “tricky”. Para arrojar un poco de luz a este tema he confiscado un Mac con OS X y he realizado todo el proceso necesario para tener el DNI electrónico funcionando. Por suerte, es un proceso que la gente del DNI electrónico ha documentado bastante bien, así que seguiremos sus indicaciones para intentar llegar a buen puerto.

Descripción del entorno de trabajo

campana_chipeteras

Paso 1: Consigue un lector de tarjetas

El primer gran problema es hacerse con un lector de tarjetas inteligentes (o “chipetera”) donde poder utilizar el DNI electrónico. Afortunadamente, este problema cada vez lo es menos. Poco a poco, van apareciendo más lectores en el mercado y a un precio cada vez más competitivo.

Si aún no tienes un lector, mírate nuestras recomendaciones sobre donde conseguirlos.

Paso 2: Instala las librerías de OpenSC y los drivers del DNIe

Este proceso está basado en lo descrito en la documentación de instalación disponible en el portal del DNI electrónico, concretamente en el punto 3 “Instalación y configuración de sistemas Mac OS X“.

El proceso es simple, debemos bajar las librerías de OpenSC y los drivers de DNI electrónico e instalarlos en ese orden:

  1. OpenSC es un conjunto de librerías para el uso de tarjetas inteligentes en ordenadores. Mac OS X ya lleva por defecto un OpenSC, pero éste no funciona demasiado bien con los drivers del DNI electrónico, así que deberemos actualizarlo. Para instalarlo debemos bajar OpenSC para OS X 10.5 o OpenSC para OS X 10.4. Esta librería se instala del mismo modo que una aplicación normal. Ejecutaremos el instalador y seguiremos los pasos que nos vaya planteando hasta que se nos informe de que la librería se ha instalado correctamente.
  2. Drivers DNIe: El siguiente paso es instalar los controladores del DNI electrónico. Para ello, debemos bajarlos de aquí y también instalarlos del mismo modo que OpenSC. Cuando la instalación acabe nos pedirá reiniciar la máquina, así que le seguimos el rollo y reiniciamos.

Paso 3: Comprueba que todo está en orden

Hasta aquí está todo sacado casi de manera literal del manual del DNI electrónico. Ahora viene la parte de comprobar que todo está funcionando correctamente. Un diagnóstico rápido pero no muy fiable, son las luces del lector. Con todo instalado y la tarjeta introducida, la luz del lector LTC31 debería ser verde. Si tu luz es roja o si tu lector solo tiene una luz, conviene realizar un diagnostico mas fiable. Para ello, debes ejecutar desde la consola el comando:


/Library/OpenSC/bin/pkcs15-tool -D

pkcs15-tool es una herramienta que proporciona OpenSC y que permite, entre otras cosas, mostrar el estado de los lectores y de las tarjetas inteligentes conectadas en el sistema. La opción -D insta a esta utilidad a volcar toda la información de los dispositivos conectados. Antes de ejecutar el comando asegúrate de que el lector esta conectado, que la tarjeta está insertada y que has instalado las librerías OpenSC y Drivers DNIe que tocan para tu sistema operativo.

El resultado de ejecutar este comando nos dará pistas sobre si todo funciona o hay algún tipo de problema con la instalación. Si todo va bien el resultado debería ser algo parecido a esto:


my-mac:bin user$ ./pkcs15-tool -D
PKCS#15 Card [DNI electrónico]:
Version        : 1
Serial number  : 063AA3BA682276
Manufacturer ID: DGP-FNMT
Flags          : Login required, PRN generation

PIN [PIN1]
Com. Flags: 0x3
ID        : 01
Flags     : [0x211], case-sensitive, initialized, integrity-protected
Length    : min_len:4, max_len:16, stored_len:16
Pad char  : 0x00
Reference : 1
Type      : ascii-numeric
Path      : 3f00

Private RSA Key [KprivAutenticacion]
Com. Flags  : 3
Usage       : [0xC], sign, signRecover
Access Flags: [0x1D], sensitive, alwaysSensitive, neverExtract, local
ModLength   : 2048
Key ref     : 1
Native      : yes
Path        : 3f003f110101
Auth ID     : 01
ID          : 4130363341413342413638323237363230303830323131313531303536

(...)

Hemos cortado el mensaje porque es muy largo. Puedes ver el mensaje completo aquí. Verás que una serie de mensajes de error avisando de un Security status not satisfied aparecen numerosas veces. No hay de que preocuparse, éstos mensajes son “normales”. Si tu resultado no se parece al mensaje anterior y/o  tienes algún mensaje de error tipo : No Readers found o No cards found entonces es que hay algo que no termina de ir bien en la instalación.

Si todo ha salido según lo descrito en el apartado anterior, ya puedes utilizar  tu DNI electrónico en Tractis. Podrás autenticarte en la plataforma usando un mecanismo mucho más robusto que el usuario/contraseña y firmar contratos con las máximas garantías de validez legal. Además, el DNIe te abre la puerta a un número creciente de aplicaciones que hacen uso de él, como banca segura en línea y trámites con la administración (consulta de datos fiscales, vida laboral, puntos del carnet de conducir, padrón, declaración de la renta, etc).

One more thing… Instalando los certificados en Firefox

Firefox tiene su propio sistema de gestión de certificados, completamente independiente del que dispone el sistema operativo. Por esta razón, una vez que tu sistema esté preparado para utilizar tu DNI electrónico, también deberás decirle a Firefox que puede hacer uso del DNIe.

Los drivers del DNI electrónico incluyen una página html que “mágicamente” (utilizando javascript) añaden los certificados de tu DNIe al repositorio de Firefox. Para acceder a esta página solo tienes que abrir desde tu navegador la ruta local

/Library/OpenSC/Share/web/instala_modulo.htm

…y seguir los pasos que te indiquen hasta recibir la confirmación de que los certificados se añadieron de manera satisfactoria.

Este último paso NO es necesario para utilizar tu DNIe en Tractis pero sí que es recomendable para aquellos usuarios que quieran utilizar Firefox y su DNIe en otros portales.

Conclusiones

A día de hoy, instalar un DNI electrónico en Mac OS X no es todo lo fácil que cabría esperar de un dispositivo destinado a ser de uso universal. Aún estamos ante una tecnología nueva (fuera de los cículos más tecnológicos)  y es normal que ciertos pasos aún no sean todo lo fáciles e intuitivos que nos gustaría. Por suerte, la gente del DNI electrónico proporciona buenas guías que arrojan mucha luz en el proceso de instalación.

Este post es nuestro granito de arena para favorecer el uso de esta tecnología tan potente entre los usuarios de Mac. Esperamos que os sea útil.

Por David García
Guardado en: Firma digital, Tecnología, eID | Sin comentarios » | 29 de Mayo de 2009

Tractis incorpora todos los perfiles de certificados de Firmaprofesional

es.pngFirmaprofesional es una de las Autoridades de Certificación pioneras en España (se constituyó en 2001).  Desde el principio ha tenido un claro enfoque y especialización en la prestación de servicios y emisión de certificados a profesionales, sus colegios y colectivos, así como a las empresas y sus empleados. Cientos de miles de profesionales utilizan sus certificados.

Hasta ahora, solo soportabamos uno de los varios tipos de certificados que Firmaprofesional emite. A partir de hoy, los soportamos todos. Si dispones de cualquiera de los siguientes certificados de Firmaprofesional, ya puedes utilizar Tractis:

  • Certificados de Colegiado en Tarjeta
  • Certificados de Colegiado en Fichero.
  • Certificados de Persona Vinculada en Tarjeta.
  • Certificados de Persona Vinculada en Fichero.
  • Certificados de Persona Jurídica en Tarjeta.
  • Certificados de Persona Jurídica en Fichero

Nuestro objetivo es integrarnos con todas las Autoridades de Certificación a nivel mundial. Si representas a una Autoridad de Certificación y te gustaría que tus certificados puedan ser utilizados en Tractis, escríbenos un email.

Por David Blanco
Guardado en: Anuncios, Firma digital, Tractis | Sin comentarios » | 28 de Mayo de 2009

Nueva interfaz de Tractis

¡Buenas noticias para todos! Desde hoy podéis utilizar la nueva interfaz de Tractis.com. A lo largo de estos meses, estuvimos trabajando duro para estudiar los problemas y las mejores soluciones. Así que, con las cosas claras, en un mes hicimos posible este nuevo lavado de cara y replanteamiento de algunas funciones. Como ya hemos hablado de lo que vendría en varias entradas del blog, nos limitaremos a comentar superficialmente los detalles más jugosos de la nueva interfaz:

Listados

Nuestro nuevo Tablero se ve así:

tablero

La sección de contratos, con su listado mejorado en el cual puedes ver los contratos firmados, bloqueados y borradores, ¡todo a un clic!. Las pestañas sirven para filtrar tipos de contratos según su estado y es uno de los nuevos elementos que agregamos a nuestro sistema de interfaz para organizar más información por documento y sección.

home-contratos

Las novedades de los listados:

  1. Aumento notable de ítems por vista. De 10 a 25 ítems.
  2. Información más relevante.
  3. Sistema de tickets, para diferenciar estados.
  4. Nuevo sistema de favoritos (ahora son una estrella al principio del listado).
  5. Pestañas de filtrado rápido según el estado de cada ítem.

Vista de un documento

Cuando abras tu primer contrato o plantilla, notarás grandes cambios. Para empezar, implementamos pestañas, nuevos botones y menús de usuario. En esta captura podrás ver un documento de ejemplo:

documento

Las novedades de los documentos:

  1. Nuevo diseño de hoja de documento.
  2. Hemos retirado los botones de la parte inferior y los hemos acomodado en la parte superior del menú de acciones.
  3. Nuevo sistema para informar al usuario de sus posibilidades con el documento.
  4. Organización con pestañas para editar, configurar alertas y otras opciones.
  5. Nuevos menús de información, participantes, versiones.
  6. Mejor redistribución y aprovechamiento de los espacios.
  7. Menos código, páginas más rápidas.
  8. Información de los firmantes en la página del contrato y no fuera como lo hacíamos antes.
  9. Los equipos de participantes van en módulos separados para mejor identificación.

Formularios

Ya hablamos de los formularios en el blog y quería mostrarles el nuevo look de los mismos, por ejemplo, para crear un contrato:

crear-contrato

O bien el formulario de preferencias de usuario:

preferencias

Las nuevas mejoras de los formularios:

  1. Mejor aprovechamiento de espacios.
  2. Normalización de cientos de etiquetas.
  3. Mejora en estilos de elementos: campos de texto, listas, botones.
  4. Nuevos separadores.

El nuevo esquema aprovecha mejor el espacio dando más cabida a otro tipo de elementos de diseño que incorporamos como los separadores. Con los separadores podemos organizar varias mini-secciones de configuración e información en documentos y formularios. Como comentario final hemos normalizado todos los elementos de formulario para que tengan el mejor aspecto posible.

Ventanas modales

Como les venía comentando, las ventanas modales también han recibido un buen lavado de cara, ya habíamos comentado en un post esto, pero ahora dejan de ser unos bloques oscuros de información para tener una estructura más organizada y diferenciada, con botones de acciones normalizados a lo largo de todo el sitio. La información está actualizada y para los que venían usando la aplicación no tendrán problemas en reconocer dónde están las cosas. Una muestra de ello:

firma-es

Las mejoras que podéis encontrar son:

  1. Barra de títulos activas según el estado: de color verde y rojo cuando hay errores.
  2. Nueva alerta dentro de la ventana modal para mejorar la legibilidad de posibles errores.
  3. Normalización de botones y acciones.
  4. Menos código y mejor semántica de estructuras.
  5. Hace un mejor uso de los nuevos estilos de formularios.

Mejoras generales de la aplicación

Como hay cientos de mejoras en general, enumeraré las más importantes y visibles a lo largo de la aplicación:

  1. Alertas:
    1. Nueva estructura y estilo.
    2. Mejora de los faldones informativos para los visitantes de Google y para las peticiones de información.
  2. El spinner está rediseñado, para que ofrezca información sobre el proceso que se está realizando. ¡Adiós al spinner viejo de la versión beta!
  3. Reducción notoria del código HTML y CSS:
    1. Las páginas ahora pesan menos y requieren de menos procesamiento en ordenadores, hace un mejor uso de los recursos.
    2. Todas las estructuras han sido revisadas y mejoradas para asegurar el uso correcto y evolutivo de la aplicación.
    3. Menos hojas de estilos y menos cantidades de clases y IDs.
  4. Se han eliminado muchas imágenes en el sitio ganando así mucha velocidad de carga de páginas.
  5. Textos:
    1. Corrección de muchos textos explicativos para mejorar la lectura general de la aplicación.
    2. Nuevos artículos en la sección de ayuda.
    3. Mejora general de denominaciones en las etiquetas de los formularios.

Y como siempre, esto no se queda aquí. Nuestra filosofía, como siempre, es la de seguir mejorando la aplicación como habéis comprobado a lo largo de 2 años no hemos dado respiro. Porque nos gusta y porque nuestra tarea es la de tener y mantener la que es la mejor plataforma web que permite negociar, gestionar y firmar contratos 100% online y con plena validez legal en el mundo offline.

Vuestros comentarios, tanto mediante la opción de Feedback de la aplicación como por el blog son más que bienvenidos.

Por Diego Lafuente
Guardado en: Anuncios, Diseño | Sin comentarios » | 27 de Mayo de 2009

Interfaces para mantenerse en el flujo

En resumen, las interfaces que están dirigidas a mejorar la habilidad del usuario para permanecer en el flujo no deberían infravalorar la importancia de la velocidad para apoyar la creatividad, calidad y diversión. Cada vez que hay una interrupción, literal o conceptual, que se interpone en el camino de los usuarios concentrándose en sus tareas, se pierde el flujo. Las interfaces lentas, las cuales defino como aquellas que que se interponen en el camino de usuarios que realizan acciones tan rápido como las piensan, son problemáticas.

- “Interfaces for Staying in the Flow” de Benjamin B. Bederson.

Por David Blanco
Guardado en: Diseño, Frases | Sin comentarios » | 26 de Mayo de 2009

Super Novedad

Seguimos a la caza de ideas para nuestra nueva estrategia de marketing:

Super Novedad

Por David Blanco
Guardado en: Pranks | Sin comentarios » | 23 de Mayo de 2009