Gratuito

Link de inscripción: www.mckinsey.com/forward 

código de referencia 25IC203133

485 k suscriptores

95.1 k suscriptores

•Procesos e ITTOs de la Gestión del alcance 

•Línea base del alcance 

•Gestión del cronograma 

•Línea base del cronograma 

No es muy constante en vídeos pero tiene análisis interesantes

Antes de participar, por favor lean los siguientes puntos importantes sobre el uso de la información.

acepta estos términos y condiciones.

Usted autoriza que sus datos sean vistos por sus compañeros y por mí, dentro del contexto de este curso.

Recuerde que, como titular de sus datos, tiene derecho a conocer, actualizar, rectificar o suprimir la información que comparta aquí cuando lo desee.

Este contenido es para su uso exclusivamente académico y está protegido por derechos de autor.

Si utilizan información de estos documentos para sus trabajos o estudios, por favor recuerden siempre dar los créditos correspondientes.

GRACIAS

6.47 K suscriptores

13.6 k suscriptores

5.43 K suscriptores

La app debe incluir:

Inicio:

Banner principal con imágenes de productos destacados.

Frase inspiradora sobre decoración personalizada en 3D.

Botón de llamada a la acción: “Explorar productos”.

Categorías principales de productos:

Decoración para el hogar: figuras decorativas, jarrones, portarretratos, lámparas.

Organización y estilo: organizadores, porta llaves, soportes, cajas.

Arte y diseño personalizado: esculturas, letras en 3D, réplicas exclusivas.

Decoración temática: geek/gamer, infantil, minimalista, festiva.

Edición personalizada: opción para que el cliente suba su idea, nombre o logo.

Sección de personalización:

Un módulo interactivo donde el cliente pueda solicitar piezas a medida, cargar imágenes o escribir texto para personalizar su producto.

Sección “Sobre nosotros”:

Breve historia, motivación del proyecto y beneficios de elegirnos.

Carrito de compras y checkout sencillo:

Métodos de pago integrados (tarjeta, PSE, PayPal, etc.).

Opciones de envío nacional.

Blog o Inspiración:

Artículos con ideas de decoración, tendencias en diseño 3D y tips para el hogar.

Contacto y servicio al cliente:

Formulario de contacto.

WhatsApp integrado.

Horarios de atención.

Estilo visual:

Minimalista, moderno, con imágenes de alta calidad.

Paleta de colores suaves (blanco, gris, acentos en un color vibrante como azul o naranja).

Íconos y botones claros para guiar al usuario.

Objetivo principal:

Transmitir exclusividad, personalización y accesibilidad, motivando al cliente a explorar, inspirarse y comprar fácilmente artículos de decoración impresos en 3D

Objetivo: Crear una aplicación web interactiva de una sola página que sirva como un panel de control proactivo para la gestión y cumplimiento normativo en clínicas y consultorios del sistema de salud colombiano. La aplicación debe ser una herramienta visualmente intuitiva que alerte, analice y guíe al usuario.

Descripción de la Aplicación:

La aplicación presentará un dashboard con datos simulados y secciones interactivas. El usuario podrá monitorear el estado de su práctica, recibir alertas sobre tareas de cumplimiento pendientes y visualizar métricas clave para la optimización de sus operaciones. El objetivo es ofrecer una visión integral y centralizada para aliviar las cargas administrativas.

Funcionalidad Requerida:

1. Panel de Control (Dashboard) Interactivo:

   • La página debe tener un diseño de dashboard, con un área principal para visualizar métricas.

   • Incluir al menos cuatro tarjetas (cards) que muestren métricas clave simuladas:

     • Pacientes Atendidos (mensual): Un número que simule el total de pacientes.

     • Porcentaje de Cumplimiento: Un valor porcentual que muestre la adherencia a la normativa.

     • Ingresos Proyectados: Un valor monetario simulado.

     • Alertas de Cumplimiento: Un número que indique la cantidad de alertas activas.

   • El usuario debe poder hacer clic en las tarjetas para ver más detalles en una vista modal o en la misma página.

2. Sección de Alertas y Tareas Pendientes:

   • Una sección dedicada que liste las alertas de cumplimiento normativo (simuladas, como "Renovación de Registro Único de Prestadores de Servicios de Salud (RUPS)" o "Actualización del Protocolo de Bioseguridad").

   • Cada alerta debe incluir el nombre de la tarea, una fecha límite simulada y un estado (ej: "Pendiente", "Atrasada").

   • Al hacer clic en una alerta, la aplicación debe mostrar una breve descripción de la norma relevante y un plan de acción para resolver la tarea.

3. Visualización de Datos (Charts):

   • Incluir al menos dos gráficos dinámicos utilizando Chart.js para visualizar datos simulados.

   • Gráfico de Ingresos: Un gráfico de barras o de línea que muestre los ingresos proyectados y reales de los últimos 6 meses.

   • Gráfico de Pacientes vs. Citas: Un gráfico que compare el número de pacientes atendidos con el número de citas agendadas por mes.

   • Los gráficos deben ser interactivos al pasar el mouse por encima (tooltips).

4. Análisis de Procesos y Recomendaciones:

   • Una sección de "Recomendaciones de Optimización" que, de manera simulada, ofrezca sugerencias basadas en los datos del dashboard. Por ejemplo, "Mejorar el proceso de agendamiento para reducir el tiempo de espera del paciente".

Diseño y Estética:

• La aplicación debe ser funcional y profesional.

• Utilizar Tailwind CSS para un diseño responsivo, adaptándose a móviles y escritorios.

• Mantener una paleta de colores limpia y moderna, con un fondo claro y colores de acento que destaquen las métricas y las alertas.

• Los contenedores y elementos de la interfaz deben tener bordes redondeados y sombras para una apariencia pulida.

Requisitos Técnicos:

• El código debe estar en un único archivo index.html.

• Todo el HTML, CSS (mediante clases de Tailwind) y JavaScript debe estar en este archivo.

• El código JavaScript debe ser autocontenido y gestionar la carga de datos, la interactividad de los gráficos y la visualización de las alertas y recomendaciones.

• Los datos simulados (métricas, alertas, etc.) deben estar almacenados en una estructura de datos JavaScript (por ejemplo, objetos y arrays).

Actualizar la aplicación para que me relacione el peso de las gallinas y me genere una estadística semanal de cantidad de huevos por gallina y en total

agregar a la APP un dato de las 4 gallinas que menos están poniendo huevos

actualizar una sección donde se pueda escribir la cantidad de gallinas que tengo actualmente. Adicional una sección donde escriba cuantos huevos necesito y la APP me diga en cuanto tiempo puedo completar los huevos según estadísticas de la semana

Objetivo Principal: Crear una aplicación web interactiva de una sola página (SPA) que traduzca el contenido de un informe o concepto complejo en una experiencia intuitiva, visual y fácil de consumir. La aplicación debe permitir a los usuarios explorar, interactuar y comprender la información clave de forma dinámica. El objetivo principal es la comprensión del usuario y la facilidad de navegación a través de una arquitectura de información bien diseñada. La estructura de la aplicación no tiene por qué ser un espejo del informe original, sino que debe ser el diseño más lógico y amigable para el usuario.

Requisitos Técnicos:

• Estructura: Un solo archivo HTML. Utilizar Tailwind CSS a través de CDN para un diseño responsive.

• Librerías de Código: Solo JavaScript puro para la lógica de interacción y manipulación del DOM. Usar librerías como Chart.js para gráficos o Plotly.js para gráficos avanzados (solo Canvas/WebGL, sin SVG).

• Elementos Gráficos: No se permiten imágenes (.png, .jpg, etc.) ni gráficos SVG. Utilizar HTML/CSS con Tailwind, caracteres Unicode (emoji), o Canvas para los elementos visuales.

Requisitos de Diseño y Estilo:

• Diseño Profesional: La interfaz debe ser limpia, profesional y visualmente atractiva. La paleta de colores debe ser minimalista, basada en tonos neutros con acentos sutiles.

• Layout Responsive: La aplicación debe ser completamente funcional y verse bien en cualquier dispositivo (móvil, tableta, escritorio). No debe haber desplazamiento horizontal.

• Interactividad: La aplicación debe tener elementos que fomenten la interacción (clics, arrastrar y soltar, cambios de estado).

• Claridad de la Información: Todos los elementos (texto, gráficos) deben tener etiquetas claras y contexto para asegurar que el usuario entienda qué está viendo y por qué es importante.

Proceso de Creación (Interno):

1. Análisis: Analizar a fondo el concepto principal (en este caso, la transformación digital) para identificar los puntos clave, los desafíos y los beneficios que se deben comunicar.

2. Arquitectura de Información: Diseñar la estructura más efectiva para la aplicación. Por ejemplo, en lugar de un informe, un juego de decisiones, un simulador o un visualizador interactivo.

3. Selección de Interacciones: Para cada concepto clave, elegir la mejor forma de presentarlo. Por ejemplo, un proceso se muestra con un diagrama de flujo, una relación se muestra con una visualización de nodos interconectados y una decisión se convierte en un juego.

4. Implementación:

   • Construir la estructura HTML con Tailwind CSS según el diseño planeado.

   • Escribir el JavaScript puro para manejar la lógica del juego, las interacciones y los estados.

   • Poblar la aplicación con el contenido del concepto, asegurándose de que cada elemento tenga un contexto claro.

   • Asegurar que la experiencia sea fluida y visualmente atractiva.

Este es el esqueleto de instrucciones que uso para transformar una idea en una aplicación web interactiva.

Con aprecio,

Luz Angela