Glosario
Vocabulario CRUCE
Cliente
Persona u Organización dueña del producto que estamos diseñando
Ej: Sportline - Yuhmak - Farmacias del Pueblo.
Proyecto
Razón por la que estamos trabajando
Ej: Sitio institucional.
Sitio
Totalidad de las páginas que comparten un dominio en la internet
Tienda
Sitio en el que podemos realizar compras
Página
Unidad, parte de un sitio, con un objetivo específico y URL particular
Contacto (www.sportline.com.ar/contacto)
Landing
Página diseñada específicamente para capturar la respuesta de un visitante, como una venta, una suscripción o una conversión en un formulario. Se utilizan como estrategia de Marketing.
Workshop CRUCE
Espacio para llevar a cabo una actividad o juego entre tod@s los integrantes de CRUCE, con el fin de promover e incentivar la comunicación, relaciones interpersonales, trabajo en equipo y pasar un lindo rato entre tod@s!
El Workshop CRUCE se lleva a cabo el tercer Miércoles de cada mes, a las 9:30hs. Por lo tanto, ese Miércoles la Daily General pasa a ser a las 9:00hs.
Charla CRUCE
Las Charlas CRUCE son charlas internas a nivel equipo de trabajo, en donde la idea es que se exponga una herramienta novedosa, conceptos de interés o últimas tendencias del mercado.
La charla dura entre 45min/1hr y tiene las siguientes características:
- Un formato informal.
- De acuerdo a su temática, está dirigida a determinados equipos de trabajo.
- Asistencia recomendada para equipos de interés.
- Asistencia opcional para el resto de los integrantes de CRUCE.
Beneficios CRUCE
Todos los integrantes de CRUCE podrán acceder al Programa de Beneficios CRUCE | Club. Ingresando a club.e-cruce podrán iniciar sesión con sus DNI, y ya van a poder estar disfrutando de descuentos en las primeras marcas, clases de yoga, meditación, diversos Workshops, y mucho más.
- En Unidades compartidas van a encontrar una carpeta llamada “Programa CRUCE | Club”. Dentro de ella se encuentran:
- Un Doc explicando algunas particularidades del sitio.
- Un archivo PDF en donde está el paso a paso para poder crear el acceso directo en sus celus, tanto en Android como en IOS.
Vocabulario Desarrollo
SEO
Search Engine Optimization - conjunto de estrategias y técnicas de optimización que se hacen en una página web para que aparezca orgánicamente en buscadores de Internet como Google
Ambiente / Environment
Un ambiente es el espacio donde se aloja el sitio que no pertenece a un dominio de la Web, es decir antes del Go Live.
Ejemplo: cruce.myvtex.com
Workspace
Ambiente de desarrollo personal para aplicaciones IO. Siempre llevan un sufijo en las URLs.
Ejemplo: testing—cruce.myvtex.com siendo testing— el sufijo.
- Development: estan pensados para darle al dev la mejor experiencia de desarrollo y debugging posibles; son más lentos ya que cargan contenido extra para dar esos beneficios.
- Production: estan pensados para simular el resultado final que será promovido a producción; son mucho más rápidos que los ambientes dev ya que simulan lo que debería ver el usuario final.
Producción
Es el destino final de una aplicación o página web. En este punto ya debería haber pasado por la etapa de QA para validar que sus funcionalidades sean las adecuadas.
STAGE
Se refiere a un ambiente de tipo producción alojado en myvtex y que comienza por un sufijo.
Ejemplo: stage—cruce.myvtex.com
URL
Link o enlace
VS Code / Visual Studio Code
Visual Studio Code es un editor de código fuente desarrollado por Microsoft para Windows. Es la herramienta principal de los desarrolladores en CRUCE.
Deploy
El nuevo código está habilitado para su uso, ya sea un ambiente de desarrollo, para realizar pruebas o producción.
Repo / Repositorio
Es un espacio donde se almacenan los archivos de un proyecto. En nuestro caso, utilizamos GitLab para alojar los repositorios de los proyectos.
Comandos de Git (los más habituales)
- Commit: Establecer un punto de control en el proceso de desarrollo al cual puedes volver más tarde si es necesario. También se necesita escribir un mensaje corto para explicar qué se ha desarrollado o modificado en el código fuente.
- Pull: Sirve para recibir actualizaciones del repositorio remoto.
- Push: Carga los cambios que han sido confirmados al repositorio remoto.
- Branch: O ramas, permite que varios desarrolladores puedan trabajar en paralelo en el mismo proyecto simultáneamente.
- Merge: Cuando ya se finaliza el proyecto en un branch, y todo funcione correctamente, el último paso es fusionar el branch con su branch padre (dev o master).
Iframe
Es un elemento contenedor embebido (insertado) de una URL que se carga en el sitio actual.
PopUp
Es una ventana emergente que usualmente requiere la interacción del usuario (por ejemplo, mediante un botón o completar un formulario). Puede servir también como notificación.
Tooltip
Es una ventana emergente más sencilla que el popup, meramente informativa, y que normalmente se visualiza al hacer hover sobre un elemento.
Modal
Es un elemento que sirve como contenedor o wrapper (envoltorio) que se muestra por encima de los otros elementos. Por ejemplo, el minicart o el menú hamburguesa en mobile.
API
Abreviatura de Application Programming Interfaces (Interfaz de Programación de Aplicaciones). Se trata de un conjunto de definiciones y protocolos que se utiliza para desarrollar e integrar el software de las aplicaciones, permitiendo la comunicación entre dos aplicaciones de software a través de un conjunto de reglas.
Cache
Los navegadores almacenan información en la memoria caché para que esta solo se tenga que descargar una vez.
Cookies
Son pequeños archivos de texto que se almacenan en el equipo del usuario cuando visita algunos sitios web (no todas las webs utilizan cookies). En estos archivos se almacenan datos sobre el visitante y sobre sus preferencias de navegación.
UTM
Son parámetros de URL normalmente utilizados en contextos de marketing para rastrear el tráfico que llega a las páginas del sitio.
Browser
Explorador, navegador, etc.
Integración
Práctica de conectar y unificar diferentes tipos de partes o subsistemas de software. En nuestro caso, generalmente se busca vincular VTEX con otras aplicaciones (ERP, Transportistas, Chatbots, etc) mediante el uso de APIs.
Chatbox / Bot
Son aplicaciones software que simulan mantener una conversación con una persona al proveer respuestas automáticas, las cuales son previamente establecidas. Algunos utilizan el razonamiento basado en casos (CBR: case base reasoning).
AppKey y AppToken
Estas son credenciales y funcionan como un par de identificación y contraseña. Deben crearse dentro del panel de administración de la tienda.
Bug
Un error de software o simplemente un fallo.
Vocabulario Diseño
Header
La cabecera de la página web. La podemos encontrar en el margen superior. Generalmente se compone del Logo del cliente, un menú, buscador, mi cuenta y carrito.
Footer
Última sección del sitio, es dónde están los legales y los accesos directos a las páginas que componen toda la web.
Top-banner | Top-header
Banner que se coloca en la parte superior de la página, usualmente para anuncios importantes o promociones.
Nav Bar
Barra de navegación que contiene enlaces a las diferentes secciones del sitio.
Tab Bar
Barra que permite navegar entre diferentes secciones mediante pestañas.
Artículo / Card de producto
Tarjeta que contiene la imagen, nombre, precio y otra información relevante de un producto.
Carrusel
Componente que permite desplazar varios elementos (por ejemplo, productos o imágenes) de manera horizontal o vertical.
CTA = Call to Action
Es lo que solemos llamar botón, también se incluyen los links.
Brief / Kick off
“Plan de diseño”.
Proto / Prototipo
Representación preliminar de cómo se verá y funcionará un producto.
Instancia Default
Estado inicial de un elemento antes de cualquier interacción.
Instancia Hover
Estado de un elemento cuando el usuario coloca el cursor sobre él.
Instancia Focus
Estado de un elemento cuando es seleccionado o enfocado mediante teclado o mouse.
Instancia Active
Estado de un elemento cuando está siendo activamente interactuado (por ejemplo, mientras se mantiene presionado un botón).
Instancia Disable/Inactive
Estado de un elemento cuando está desactivado y no puede ser interactuado.
Dropdown
Componente desplegable hacia abajo. En la página de preguntas frecuentes hay un dropdown para cada pregunta.
Cucarda
Sección especial, de descuento o promoción que se posiciona sobre un producto en forma circular, cuadrada o rectangular a modo de llamado de atención.
Ejemplo: “Nuevo” “Últimas unidades” “50% off” “20% de descuento”. Las podemos encontrar en los Artículos (en el carrusel principal de la Home), en la Ficha de Producto.
Input
Campo de entrada de datos en un formulario.
Thumbnail
Miniatura, imagen de portada.
Breadcrumb | Ruta
Navegación jerárquica que muestra la ruta de navegación del usuario dentro del sitio.
Checkbox
Elemento de selección múltiple en formularios.
Switch
Interruptor que permite activar o desactivar una opción.
Slider
Componente que permite ajustar un valor dentro de un rango mediante el deslizamiento de una barra.
Spinner / Charge
Indicador de carga que muestra que una acción está en proceso.
Botón flotante
Botón que se muestra flotando sobre el contenido y que generalmente permite acceder a una acción rápida.
Icono
Imagen pequeña que representa una acción, funcionalidad o contenido.
Logo
Imagen o diseño que representa a una marca o empresa.
Vocabulario VTEX
Catálogo
Organización interna de los productos que ofrece una tienda.
Franco les va a explicar cómo configurar el catálogo previo a pasar a producción.
Departamento
Primer nivel del catálogo, de donde se desprenden las categorías. Todos los productos de una tienda pertenecen a uno.
En Sportline, por mucho tiempo usamos “Hombre”, “Mujer” y “Niños” como departamentos.
Categoría
Segundo nivel de catalogación, que se desprende de un departamento.
Todavía no tenemos productos cargados en esa categoría.
SubCategoría
Tercer nivel de catalogación, que se desprende de una categoría.
SKU
Stock Keeping Unit (Unidad de Venta más Pequeña) Código de referencia. En especial de productos.
Esa colección pueden crearla indicando los SKU de cada producto.
Especificación
Propiedades que se pueden agregar a los SKUs para asignar características específicas a los productos de la tienda. Permiten presentar SKUs más detallados.
Colección
Conjunto de productos con asociación libre.
Queremos armar una colección que incluya los productos más vendidos de 3 categorías distintas.
Vocabulario Ágil
Task
También conocido como tickets, es donde encontraremos las acciones a realizar por las diferentes áreas.
Daily
Reunión diaria en la que los participantes de los squad exponen los avances y los siguientes pasos para lograr un objetivo. No debe superar los 15/30 minutos de duración.
Kick Off
Reunión de inicio de proyecto entre el equipo y el cliente en la que los objetivos son planteados.
Sprint
Es un periodo de tiempo en el que se trabaja para conseguir unos objetivos previamente establecidos. La duración normal es de 15 días.
Retro
Reunión en la que el equipo analizará cómo ha ido el último sprint en cuanto a personas, relaciones, procesos y herramientas, y qué impedimentos han encontrado.
Al finalizar la reunión, el equipo debe haber identificado qué mejoras se implementarán durante el siguiente Sprint.
Review
Reunión en la que el equipo le mostrará los avances del proyecto al cliente. Se hace una reunión de review por sprint planificado.
OKR
Objetivos y Resultados Clave.
KPI
Indicador clave de rendimiento.
ASAP
As Soon As Possible - Lo mas rapido posible.
Project Life Cycle
Compuesto por “Start Phase”, “Carrying Out Phase” y “Closing Phase”.
Alcance
Documento que posee la autorización del proyecto, los requerimientos iniciales y resultados. También se lo conoce como Project Charter.
Plan Baselines
Versión final de todos los planes antes de que el proyecto comience. Contiene el deadline, quality plan, la comunicación del plan, etc.
RAID
Risks (riesgos) + Assumptions (suposiciones) + Issues (problemas) + Dependencies (dependencias)
SOW
Statement Of Work. Descripción detallada de los resultados del proyecto.
Scope Management
Proceso en donde los resultados y beneficios son identificados, definidos y controlados.
WBS
Work Breakdown Structure. Plantea las actividades y subactividades requeridas para el proyecto.
Milestone
Punto en el proyecto en el cual se obtiene el logro de objetivos importantes.
Project Time Schedule
Programación de actividades en un tiempo determinado. Aquí se indica quién realiza cada task, cuándo y durante cuánto tiempo. Se puede ver plasmado en un diagrama Gantt, por ejemplo.
Slack / Float
Cantidad de tiempo extra que una task puede ser trabajada sin que impacte en fecha de entrega del proyecto.
Fast Tracking
Método de aceleración del Project Time Schedule. Se trata sobre realizar tasks rápidamente utilizando recursos adicionales a los planificados en un principio.
Scrum
Metodología ágil de gestión de proyectos que propone principios y procesos para la implementación de los mismos. Tiempo, costos y delegación de tareas (equipo) son fundamentales en tasks y reuniones (meetings). El proyecto realiza sus progresos a través de Sprints. Utilizada principalmente para proyectos de migración e implementación.
Kanban
Metodología ágil de gestión de proyectos que propone principios y procesos para la implementación de los mismos. El proyecto realiza sus progresos a través de ciclos, sin Sprints, es decir sin un tiempo fijo de inicio y fin de las tasks. Utilizada principalmente para proyectos de soporte y evolución.
Scope Creep
Cambios no controlados pero necesarios en el proyecto.
Go Live
Salida a producción del proyecto.