CategoríaHerramientas

Si eres diseñador o desarrollador web seguro que has utilizado la herramienta de Google para testear si tu diseño es compatible con los dispositivos móviles. Sí, me refiero a la que tienes disponible en https://search.google.com/search-console/mobile-friendly.

Con esta herramienta introduces la URL de la web que quieres testear y, tras ejecutar un pequeño análisis nos informa del nivel de optimización para dispositivos móviles y nos ofrece un informe sobre posibles problemas de usabilidad de dicha versión.

Ahora Google ha ido un poco más lejos y publica una API para acceder a este servicio, lo que permitirá utilizarlo de forma automatizada o como parte de otras herramientas o plugins e integrarlo en pruebas y test automatizados. La tenéis disponible en https://developers.google.com/webmaster-tools/search-console-api/ o, si queréis ir directamente a la documentación REST https://developers.google.com/webmaster-tools/search-console-api/reference/rest/v1/urlTestingTools.mobileFriendlyTest/run

Ya lo has integrado en tus tests, cuéntanos cómo en los comentarios.

Diagramas UML online

Desde mi punto de vista, para los desarrolladores, un gráfico vale más que mil líneas de código y es que yo, casi no puedo pensar sin un papel y un lápiz. La gran mayoría de mis análisis o diseños de flujos, estructuras de datos o interfaces de usuario comienzan con un gráfico que me permite ordenar mis pensamientos y, al mismo tiempo, sirven como herramienta central al contar la idea a jefes, compañeros o clientes.

Gráficos para ayudarnos en el análisis o en la documentación de software hay de muchos tipos y herramientas para crearlas probablemente más y, aunque como os decía yo prefiero el papel y el lápiz para iniciar el proceso, hay un momento en el que debemos introducir esos gráficos en un documento listo para presentar.

Normalmente utilizamos programas especializados en el tema como Visio, más vinculados a la programación como Rational Rose o integradas en nuestros entornos de desarrollo, como Eclipse o Visual Studio, pero cuando se trata de una primera idea, un borrador o un gráfico muy simple, me queda la idea de que es como matar moscas a cañonazos.

¿A dónde quiero llegar con todo esto?

Hoy en concreto a los gráficos de secuencia de UML y a una herramienta online http://www.websequencediagrams.com

Desde esta web, podemos crear fácilmente un diagrama de secuencias, pero escribiendo líneas de texto con la descripción del gráfico. Esto puede sonar complicado e incluso retorcido, pero he de deciros que yo, personalmente, le encuentro muchas ventajas a poder escribir en texto plano.

Lo primero que se me ocurre es que, desde que descubrí Markdown, se ha convertido en la principal herramienta de escritura, aunque luego acabe generando un archivo en formatos más habituales para todos como puede ser un documento de Word, de Writer o un PDF. En este sentido, en algunos editores online, existe la posibilidad de escribir directamente el código del gráfico y será generado al tiempo que el resto del documento. Un ejemplo es StackEdit que permite incluir gráficos de secuencia o diagramas de flujo. Si no, siempre podemos enlazar la imagen generada directamente en WebSequenceDiagrams.

Por otro lado, un archivo de texto es fácil de incluir en nuestro sistema de control de versiones y nos permitirá ver la «evolución» del gráfico, que además podrá ser generado con diferentes estilos, cambiando el estilo de todos los gráficos a la vez.

Por último, a veces resulta de utilidad no depender de un programa instalado en una máquina, aunque sé que esto puede ser discutible, debate demasiado largo para este artículo.

Por ejemplo, este código

title Ejemplo de saludo

Tony->Tú: Hola ¿Qué tal estás?
Note right of Tú: Te lo piensas un momento
Tú-->Tony: Bien gracias!

Generaría gráficos como éstos, dependiendo del estilo elegido:

websequencediagrams.com - napkin

websequencediagrams.com - magazine

websequencediagrams.com - plain

¿No lo veis útil?

A %d blogueros les gusta esto: