OpenTeams

Desafío

El director de tecnología de OpenTeams se dirigió al equipo de Redwerk con la idea de crear un sitio web al estilo de Linkedin para celebrar las contribuciones de código abierto de diversos tipos, incluidas las que no son de código.

Parte del código ya se había escrito para el proyecto, pero era bastante básico y sólo cubría una funcionalidad limitada. También tuvimos que refactorizar el código existente. 

El reto consistía en que OpenTeams tenía una visión de la plataforma, pero faltaban especificaciones claras.

Así que nos pusimos de acuerdo para empezar:

• Refactorización del código
• Preparación de la integración continua (CI) para el proceso de desarrollo y despliegue
• Ayuda en el diseño gráfico para mejorar el aspecto actual del proyecto

Otro de los retos fue ofrecer la posibilidad de implicar a usuarios no registrados. Si los usuarios existentes quieren enviar una solicitud de contribución, nominar a alguien o expresar su gratitud a un contribuyente no registrado, todo lo que tienen que hacer es proporcionar la dirección de correo electrónico del usuario no registrado. El usuario no registrado recibirá una oferta para registrarse y crear un proyecto utilizando un token único, que vinculará la cuenta recién creada al proyecto mencionado una vez completado el registro. Este tipo de funcionalidad requería una lógica bastante compleja en la implementación.

Solución

Nuestro equipo realizó una refactorización completa del código, estableció un proceso CI/CD, propuso nuevas tecnologías, ofreciendo un paquete de Vue.js + Nuxt.js para el front-end, que nos permite renderizar rápidamente las páginas y acelerar al máximo la indexación para tareas SEO. Por lo tanto, la refactorización tanto para el back-end como para el front-end y el rediseño es de lo que partimos.

Ya habíamos proporcionado soluciones de refactorización anteriormente, así que teníamos la experiencia suficiente para encargarnos del proyecto. A partir de una propuesta de rediseño, investigamos cómo debería funcionar esta red, que pretendía ser el Linkedin de los contribuidores de código abierto, y qué nuevas formas de presentar las cosas y las interacciones pueden ser viables. Nuestras sugerencias fueron bien recibidas, y así es como OpenTeams encontró su nueva representación visual.

OpenTeams tiene su sede en Austin, Texas, por lo que todos los procesos y la comunicación se llevaron a cabo a distancia. Desarrollamos una interacción productiva, por lo que contribuimos juntos a un proceso creativo de planificación, diseño, desarrollo y prueba de nuevos cambios. Nuestra comunicación fluida nos permitió desplegar actualizaciones de producción cada semana. Y, casi siempre, las actualizaciones eran bastante significativas, como añadir nuevas funciones o características.

Desarrollo

Empezamos a desarrollar la plataforma casi desde cero, cubriendo el ciclo completo de desarrollo. Con un rediseño completo y una sólida refactorización del código, nuestro equipo construyó los cimientos del sistema estable y actualizado.

Las siguientes son algunas de las principales características del producto que implementamos:

• Declaraciones de contribución: una función que permite mostrar una contribución de cualquier tipo a un proyecto de código abierto. También hemos hecho posible añadir contribuciones a los proyectos que aún no se han añadido a la plataforma OpenTeams, proporcionando opciones ilimitadas de elección a los usuarios.
• Nominaciones: una función que sugiere a los usuarios que se nominen unos a otros para realizar contribuciones de código abierto.
• Debates: ofrece a los usuarios la oportunidad de plantear un tema sobre una nueva idea de funcionalidad o un problema de usabilidad en un determinado proyecto de código abierto. La estructura anidada permite enviar comentarios al tema de debate o respuestas a un comentario concreto en un hilo.
• Iniciativas – adecuado para los usuarios que tienen un tipo diferente de propuestas relacionadas con sus proyectos u organizaciones y que pretenden encontrar esfuerzos financiables para ponerlas en práctica. El editor multifuncional para añadir una iniciativa permite no sólo dar formato al texto, sino también añadir anotaciones de sondeo a la descripción, incitando a los usuarios a interactuar con el texto.
• Notificaciones: diseñadas para mantener a los usuarios comprometidos e interesados en pasar más tiempo en la plataforma. Esta función utiliza WebSockets, por lo que el usuario recibe notificaciones instantáneas sobre los eventos relacionados con su perfil. Estos eventos incluyen nuevos seguidores, actualizaciones del estado de las solicitudes de contribución (recibidas, aprobadas, rechazadas), obtención de una nominación, actualizaciones de los debates, invitaciones a formar parte de una organización.
• Noticias: hasta ahora, nuestra favorita entre las funciones presentadas. Diseñadas con un estilo similar al de las notificaciones, las noticias de los usuarios son una colección de actualizaciones relacionadas con los proyectos y organizaciones que gestionan. Cada vez que el proyecto de un usuario recibe una contribución o una solicitud de uso, el feed se actualiza con el evento correspondiente. Es fácil personalizar el feed, ya que existe un filtro para ello. También hemos añadido la posibilidad de añadir publicaciones personales directamente desde la vista de noticias y ver las publicaciones de los usuarios a los que se sigue.

Diseño

Se confió en Redwerk para trabajar en el concepto de diseño del proyecto, y nos aseguramos de realizar una investigación inicial sobre las plataformas con ideas y objetivos similares. Con nuestra experiencia y comprensión de las necesidades de los usuarios y las tendencias modernas, nos propusimos implementar un diseño intuitivo y fácil de usar, sin complejidades innecesarias. Con la estructura de bloques y los componentes reutilizables, sentamos las bases no sólo para las necesidades actuales, sino también para las funciones previstas en la hoja de ruta. Esa arquitectura nos ayudó a ofrecer actualizaciones periódicas sin problemas.