Bootstrap modal ajax successtrabajos
...electrónico y contraseña. Validación de campos para garantizar la integridad de los datos ingresados. Integración con Firebase Authentication para el registro seguro de nuevos usuarios. Página Principal: Accesible después de iniciar sesión que muestra: el nombre del usuario. La ubicación GPS del usuario, si está disponible. Tecnologías: Angular: para el desarrollo del frontend de la aplicación. Bootstrap: para la UI. Firebase: para la gestión de usuarios, autenticación y hosting de la app. Requisitos Adicionales: La aplicación debe ser responsive y compatible con diferentes dispositivos y tamaños de pantalla. Proporcionar instrucciones claras para la configuración y ...
...approach to pest control in agriculture, combining scientifically proven methods with a commitment to sustainability and environmental respect. Additionally, we will differentiate ourselves by offering personalized services and exceptional customer care, as well as a constant pursuit of innovation and continuous improvement in our processes and solutions. The convincing arguments supporting the success of our business include the growing awareness of the importance of food security and agricultural sustainability in India, as well as the high demand for effective and sustainable solutions from farmers. Furthermore, our comprehensive market development and expansion strategy will enable us to establish ourselves as market leaders, delivering high-quality services and reaching the...
Somos un software que ayuda a equipos de venta a vender más. Necesitamos una persona que pueda ayudarnos en nuestra start up a dar seguimiento al uso que vienen dando los clientes al producto, completando un dashboard viendo que funcionalidades usan, cuanto lo usan, etc. De esta manera nos reporte el estado de cada cuenta y a su vez se comunique con los clientes para activar funcionalidades que no están usando. Tambien, atender el chat de soporte, responder dudas. Y crear artículos de ayuda para nuestra base de conocimiento, así los clientes ganan más autonomía.
En un sitio web de PHP las ventanas modales no se están mostrando en Safari, en el resto de navegadores si, se requiere reparar este problema
...posible gestión de notificaciones y la gestión de sustituciones en caso de que un profesor responsable de la clase no pueda hacerlo. También ofrezco documentación sobre la plataforma. En ese pdf se explica minuciosamente cada parte del portal minuciosamente. Las tecnologías y lenguajes usadas: - Backend: Spring Boot, Java, Maven, Lombok, base de datos mySQL. - Frontend: React, Javascript, CSS, Bootstrap, HTML. Nota: Las implementaciones con google requieren una cuenta en Google Cloud para el uso de las APIs de este servicio....
Estoy en búsqueda de un hábil desarrollador de PHP para crear una plataforma de tickets de soporte técnico. El proyecto está dividido en varias tareas, y el pago se...tareas, y el pago se realizará por tarea completada según el precio establecido. Requisitos Clave: Seguimiento del estado de los tickets. Asignación automática de tickets a técnicos. El freelancer ideal para este proyecto tendrá experiencia previa en el desarrollo de sistemas similares y un profundo conocimiento de PHP. Frameworks: Valoramos la experiencia en frameworks como Laravel, JavaScript y Ajax, que potenciarán el desarrollo de la aplicación. Herramientas de Base de Datos: Es fundamental contar con experiencia en el uso de herr...
Presupuesto 15 dolares Descripción: Cambiar elementos de un formulario web, llamar por ajax al backedn para recibir una url de respuesta y abrirla en una nueva pestaña.
Tengo un módulo sencillo que almacena los números de serie todo el funcionamiento está bien solo la parte donde se agrega la serie que es un botón que sale en cada producto de la orden de venta "pedido" no se abre el modal de fancybox para agregar la serie...
Se requiere contratar a un freelance de desarrollo front-end para implementar y mejorar las referencias de diseño existentes, a fin de elevar la calidad visual y la experiencia de usuario de un sitio web construido con Django, con pocas páginas. El objetivo es brindar una experiencia atra...usuario en flujos clave: Analizar y optimizar la experiencia de usuario en los flujos clave de la aplicación, como el registro, test y perfil, basándose en las referencias de diseño y realizando mejoras adicionales según sea necesario. Integración de bibliotecas y frameworks front-end: Evaluar e implementar, si es necesario, la integración de bibliotecas y frameworks front-end populares, como Bootstrap, Material UI o React, para agilizar el...
...similar (). Entiendo que una de las mejores opciones para un desarrollo como este seria usando Flask y Python, ya que Flask proporciona un fuerte apoyo a las características de seguridad, lo que le permite construir una aplicación segura. Frontend: HTML, CSS y JavaScript se utilizarán para el frontend para crear la interfaz de usuario. Se puede utilizar frameworks como Bootstrap para un diseño responsive y una mejor experiencia de usuario. Backend: Flask se encargará de la lógica backend de la aplicación, incluyendo el procesamiento de las entradas del usuario, el almacenamiento de datos en la base de datos, la generación de costos basados en las selecciones del usuario, y el manejo de los pagos. Base de datos: Utilizar una ...
...principio de la frase "He leido la propuesta y tengo interés en ella" ENGLISH VERSION Title: European Toll Station Geographic Data Collection Project with Sample File Included Description: We are seeking a professional or team skilled in geographic data collection for a project aimed at identifying and recording the geolocation coordinates of toll stations across various European countries. The success of this project hinges on the accuracy and reliability of the data collected, which will be crucial for optimizing the routes for overland freight transport. Project Objectives: Toll Station Identification: Locate all toll stations in the assigned countries. Geographic Coordinates Registration: Document the precise coordinates of each station. Classification by...
¡Estamos en la búsqueda de un/a talentoso/a freelancer con experiencia en desarrollo web utilizando Flask y Bootstrap (con preferencia en Twisted) para un proyecto de integración con fiveserver que promete mucha emoción! ? Si tienes habilidades en el framework Twisted, ¡eso es una ventaja adicional que valoramos! ? El proyecto implica la creación de un sitio web que consumirá los endpoints proporcionados por fiveserver () para funciones como monitoreo, gestión de lobbies y usuarios. ¡Esperamos tu propuesta para colaborar juntos/as en este desafiante proyecto! Aquí te detallamos qué páginas queremos incluir: Página de inicio: ¡Diseño y contenido completamente libre para captar ...
...la web de consulta datos de una elecciones, está previsto que esta web tenga un alto número de visitas en el momento que se sepan los resultados, por lo que tiene que poder soportar un alto volumen de tráfico concurrente. La aplicación web creo está bastante optimizada. No es pesada, no se realiza consultas a ninguna Base de Datos. Los datos se obtienen de ficheros JSON de pequeño tamaño, usando AJAX. Hago uso de caché de ficheros. Por tanto lo que necesito especialmente es una auditoría/consultoría de la configuración y prestaciones actuales del servidor, con propuestas de mejoras y batería de pruebas, de cara a garantizar que pueda soportar el tráfico previsto el día D. En concret...
los datos ya estan en la db en formato JSON, solo que el componente no me esta quedando como quiero, trabajo sencillo... Laravel Php 7.4 Mysql github API JSON BOOTSTRAP Hay mas trabajo/colaboraciones en el proyecto, siempre hay lugar para gente capas y responsable.
...para mantener sus licencias actualizadas en Sanidad e Industria. Necesito un colaborador autonomo/freelance con amplios conocimientos en PHP nativo, preferiblemente de la zona noroeste de Madrid, que me ayude principalmente con la parte Front (Diseño de paneles, diálogos emergentes y páginas del aplicativo, y el dinamismo conversacional), y con conocimientos de MySql, Javascript, Jquery y Bootstrap, y Git para colaborar en remoto. Busco un perfil proactivo, muy valorable la creatividad y buen gusto en el diseño con html5/css3. Es un proyecto de larga duración, y la colaboración se llevaría a cabo de forma remota, estimando en horas productivas los objetivos a conseguir, quincenal o mensualmente. Si bien, sería nece...
In English In my motivational video project, I am dedicated to creating content that pushes you to exceed your limits and gives you the tools necessary to unleash your maximum potential. From inspiring speeches from iconic figures to inspiring success stories and practical tips for maintaining a positive mindset, we aim to be your source of energy and motivation on the journey to success and personal fulfillment. En Español En mi proyecto de videos motivacionales, me dedico a crear contenido que te impulse a superar tus límites y te brinde las herramientas necesarias para desatar tu máximo potencial. Desde discursos inspiradores de figuras icónicas hasta historias de éxito inspiradoras y consejos prácticos para mantener una mentalida...
desarrollo del front end de una app web que administra empleados de un estudio contable. Incluye vistas para listar,buscar,crear, editar y eliminar empleados de la bd. Con función ajax incluida
desarrollo del front end de una app web que administra empleados de un estudio contable. Incluye vistas para listar,buscar,crear, editar y eliminar empleados de la bd. Con función ajax incluida
...proyectos por horas. ✔️ Conocimientos avanzados de SEO (Ponemos a disposición nuestra suite de herramientas). ✔️ Persona creativa, organizada y motivada para el puesto. ✔️ Jornadas laborales diarias de 5-8 horas. Se valorará positivamente que tenga conocimientos en: ✔️ Gestores de contenidos a nivel avanzado (Prestashop, Wordpress, Shopify, etc...). ✔️ Diseño web o programación (HTML, CSS, Bootstrap, PHP, Javascript, etc...). ✔️ Herramientas SEO (Demostrable). Al candidato/a elegida, se realizará una entrevista previa para conocer realmente sus conocimientos. Comenzar la propuesta con "Soy tu candidato/a", para asegurarnos de que has leído la propuesta hasta el final, descartando todas aquellas personas que comenten en otro ...
Necesito rediseñar las pantallas principales para autenticación de mi sitio, quiero un diseño simple, moderno y profesional. El diseño actual está basado en Bootstrap con la siguiente plantilla: Las paginas que se rediseñaran son: Login Registro Restablecer la contraseña Para el entregable necesito las páginas en HTML basadas en la plantilla, no compartiré mi sitio actual.
...Lanzamientos - etc. Iremos planificando las actividades por paso. Comenzaremos por email marketing. Es importante que la persona conozca a fondo herramientas de email marketing y pueda trabajar con la base de clientes de Hubspot, además de resolver la redacción del contenido y el diseño gráfico. Además debe tener la capacidad para trabajar de la mano con nuestro equipo de Producto, Venta y Customer Success para lo que se definirán reuniones específicas de trabajo mensuales. Dado el carácter del trabajo (para SAAS B2B) es importante que la persona tenga la capacidad de situarse en el "negocio" y entender los casos de uso de la herramienta, de manera de desarrollar contenido relevante y a veces técnico. E...
Buscamos un experto en desarrollo de JavaScript y canvas para crear los siguientes plugins JavaScript: 1) diagrama de Gantt interactivo, con bloques anidados (dependencias), en cascada (subniveles), con posibilidad de mover bloques y modificar su ancho. Para tener una idea de lo que busco sería algo como esto: (dependencias), en cascada (subniveles), con posibilidad de mover bloques y modificar su ancho. Para tener una idea de lo que busco sería algo como esto: 2) plugin de tablas similar a DataTable, pero que tenga filtros en cabecera por campo, orden por campo y la posibilidad de añadir y modificar los registros de la tabla en la misma tabla. El css será en bootstrap 5 y os pasaríamos un figma con cada control.
Se requiere resolver un par de cosas en una tienda en línea para finalizarla y quede en total funcionalidad. El desarrollo está hecho con Laravel / Bootstrap / Livewire / Jquery, y el paquete laravel shopping cart (Darryldecode), es necesario que la persona conozca todo lo anterior.
...trabajo: Estamos buscando un/a Programador/a web altamente capacitado/a para unirse a nuestro equipo. El/la candidato/a seleccionado/a será responsable de desarrollar y mantener aplicaciones web de alta calidad utilizando tecnologías como Vue, Bootstrap, jQuery, AngularJS, SASS, Gulp, Backbone.js, React, Laravel y Node.js. Interés principal: Generar el mayor número de accesos a la web e impresiones. Retorno: Monetizar la web a través de la publicidad captada. Requisitos: • Experiencia demostrable en el desarrollo de aplicaciones web utilizando Vue, Bootstrap, jQuery, AngularJS, SASS, Gulp, Backbone.js, React, Laravel y Node.js. • Sólidos conocimientos en HTML, CSS y JavaScript. • Capacidad para resolver problemas de ...
...Importantly, we are committed to following rigorous development standards to ensure the security and efficiency of the system. Platform Reference: We have taken inspiration from successful platforms to model our own, incorporating valuable insights and key features from Dropi and Rocketfy. Badges and Rewards: We implemented an achievement system that rewards users for their participation and success on the platform, incentivizing collaboration and mutual growth. I leave a link to a video for you to reference the development of the platform, as it will be very similar to what is shown in the video: (It is recommended to start watching at the 11:20 minute mark) Server: It is important to clarify
Se requiere la realización de una página web de viajes con lo siguiente: Utilizando esta plantilla: Adaptación de Diseño Gráfico y configuración de las vistas. Colocar fotografias y contenido. Vincular algunos productos turisticos mediante API Agregar Paquetes Turisticos Fotografías y Vídeos de Stock El Contenido te lo entregamos Conexión con WhatsApp Conexión con Redes Sociales Conexión con CRM Hubspot Configuración de Idiomas y Multimoneda.
CREAR UNA WEB EN BOOTSTRAP O SIMILAR. FUNCIONALIDADS SIMPLES PARA COMPRA Y VENTA DE COLECCIONABLES. WEB SIMILAR A CARDMARKET. LA FUNCIONALIDAD PRINCIPAL ES QUE LOS VENDEDORES NO PUEDEN CREAR ELLOS PRODUCTOS, DESDE EL ADMIN SE CREAN PRODUCTOS Y LOS VENDEDORES PUEDEN AÑADIR OFERTAS PERO DENTRO DE UN PRODUCTO YA CREADO. DEBE PERMITIR LA COMPRA Y LA VENTA. REFERENCIA: SIN DISEÑO, EL DISEÑO BASE DE BOOTSTRAP.
son unos trabajos de una materia diseño de paginas web ! ahí subí los pdf , los archivos con los ejercicios los tengo aparte ya que no me deja subirlos acá.
Desarrollo de páginas web comerciales de producto con tecnología Bootstrap y Webpack (esto último para poder generar la misma página en otros idiomas. Uso de Javascript y CSS para personalización del UX/UI. Uso de PHP para formularios de contacto. Uso de tecnología recaptcha para protección de los formularios. Puedes ver el resultado de páginas creadas aquí: Github de uno de los últimos proyectos: La base ya está creada. Se trata de aprovechar esta base para hacer nuevas páginas a partir de un prototipo suministrado en Adobe XD como este: Trabajo en equipo con el diseñador (prototipo) y el maquetador (encargado de incluir
...programación y la creación de soluciones web efectivas, ¡este trabajo es para ti! Resumen del Proyecto: Tengo una landing page en Angular con botones que actualmente no tienen funcionalidad. Necesito integrar un modal que recolecte el nombre y correo del usuario y los envíe a un API. Una vez que el API regrese una respuesta exitosa, el usuario será redirigido a un formulario que incluye preguntas sobre ventas, compras, gastos y el tipo de inversión. Cuando el usuario envía el formulario, se deben enviar los datos al API junto con el ID (asociado al nombre y correo capturados en el modal). Después, el usuario será redirigido a una página que muestra una estimación de costos y ofrece la posibilida...
Requiero realizar un sistema web para poder administrar Olt Huawei, Zte, V-Sol, Wolk, Cdata, Tplink y FiberHome mediante el cual pueda - Autorizar y Desautorizar ONUS - Obtener estado de la OLT (puertos pon, uplink, etc) - Acceso remoto a ONUS - Corte de Iptv - etc De preferencia lenguajes de programación PHP JavaScript Ajax mysql
...paginas 2) total preguntas 3) total Usuarios 4) total preguntas echos 5) categorias 6) ultimas preguntas añadidas -------------------------------------------------------------------------------------------- MODULO DE CONFIGURACION 1) activo o desactivo 2) nombre empresa 3) direccion 4) ciudad 5) departamento 6) pais 7) telefono 8) celular 9) email 10) iva 11) logo 12) horarios (aqui va salir un modal con los horarios de apertura de cada dia con boton activo o desactivo) -------------------------------------------------------------------------------------------- MODULO USUARIOS .- CREA 1) poner un boton activo o desactivo 2) nombre 3) apellido 4) N° documento 5) data da nacimiento 6) direccion 7) ciudad 8) provincia 9) email 10) password 11) Nivel (aqui va sacar de ...
Se cuenta con formulario WEB de reserva de habitacion en u...Habitación Doble. Precio 60.000 CLP por noche. (60.000 x ?? noche) - Habitación Triple. Precio 90.000 CLP por noche. (90.000 x ?? noche) - Habitación Deluxe. Precio 120.000 CLP por noche. (120.000 x ?? noche) donde noche = fecha de salida menos la fecha de entrada 4) El formulario NO puede hacer SUBMIT al presionar el Botón "Enviar" sino que debe levantar una MODAL con todos datos incluyendo el precio total (punto 3) por noches. Esta modal deberá tener un Boton de nombre "Reservar" que ahora SI ejecutará el submit del formulario. 5) Se deben considerar la pagina de destino del formulario, una secuencia (formulario) debe terminar con los datos mostrados...
...incluirá una rejilla con fotografías que al hacer clic permitirá abrir una ventana modal con información detallada acerca de los modelos de neumáticos disponibles. Certificaciones de Calidad y Ventajas: Esta sección presentará información básica sobre las certificaciones de calidad, las ventajas de la marca y una invitación para contactar a la empresa para compras de alto volumen. Además, se incluirá un mapa de Google para indicar la ubicación de la empresa y facilitar la compra al menudeo. Contacto: En esta sección se incorporará un formulario de contacto y datos de contacto para que los visitantes puedan comunicarse con nosotros. Requerimientos Técnicos: El sitio ...
...en Prestashop (Corrección de bugs, modificación del core/theme/módulos, migración de datos, actualización de versiones, etc...). ✔️ Disponibilidad horario en nuestra franja horaria (07:00am a 15:00pm hora España). ✔️ Predisposición para trabajar por horas sueltas (Aunque también para presupuestos cerrados). ✔️ Amplios conocimientos en lenguajes de programación PHP, Javascript, SQL, Ajax, Jquery, HTML, Bootstrap, CSS. ### SE VALORARÁ (OPCIONAL) ### ✔️ Que tenga conocimientos en otros gestores, tales como Wordpress o Shopify. ✔️ Que tenga conocimientos extras en algunos de los servicios que ofrecemos (Diseño gráfico, posicionamiento SEO, publicidad en Google Adwords/Social Ads). En principi...
Necesitamos un desarrollador para realizar mejoras en sistema realizado en PHP con el framework Yii. El proyecto requiere una persona con amplia experiencia en el framework Yii2 y un nivel de conocimiento avanzado en PHP8, JavaScript, AJAX y jQuery. Los candidatos deben tener conocimientos en MYSQL, manejo de repositorios de código fuente y control de versiones con GIT. La duración del proyecto es de 6 meses. Se valorará positivamente la posibilidad de mantener reuniones presenciales esporádicas en Madrid.
...Full Stack para un contrato exclusivo con nosotros: REQUISITOS: * Pregrado en ciencias de cómputo y/o áreas de informática y estudios en lenguajes para desarrollo de páginas web. * Necesitamos que la persona pueda hablar y escribir en español * 3 años de experiencia en cargo relacionados Conocimientos y habilidades con: * GIT para el desarrollo web * Diseño web responsive (Dreamweaver, Muse, Bootstrap y afines) * Lenguajes de programación (HTML, CSS, JavaScript, Python, PHP) * Base de datos para consultas bajo SQL * Framework y Librería (React con NEXT & con ) * Testing con JavaScript * Nociones de integración web con APIs * Conocimiento de sistemas de gestión de contenidos (CMS) como Word...
Necesito diseñador UI/UX de habla ESPAÑOL, con excelentes habilidades en: - Angular 14.x.x, - Bootstrap 5.x - TypeScript Por favor no escribir sino habla español y no maneja una o mas de las habilidades requeridas.
Necesito programador Wordpress con experiencia comprobable, para hacer plugins/themes DESDE 0 en Wordpress, tiene que dominar php, mysql, ajax, jquery, javascript, tambien el Core de Worpress y Woocommerce, tiene que ser puntual en los tiempos de entrega ya que yo puedo esperar pero el cliente NO!. Se dara proyectos seguidos debido a la falta de personal y el trabajo excesivo que me llega. Se le hara una entrevista para hacerle preguntas tecnicas y una pequeña prueba.
1. Actualizar la plantilla 2. Solución de problemas de adaptación a dispositivos móviles (que los clientes no tengan que bajar tanto para agregar los productos al carrito, que tarde menos en cargar, que actualice sin refrescar) 3. Solucionar problemas de Caché o Ajax. 4. Revisión de otros problemas desde el administrador. 5. Cambio del tipo de letra de la página web por la que usamos en Instagram.
El proyecto es un generador de codigos de barra, actualmente solo genera una sola etiqueta por vez, hay que modificar un pedazo de codigo ajax para que tome una matriz de datos. Es un proyecto simple por eso queremos que este pronto en un par de horas. adjunto un archivo con el codigo.
Sitio Web informativo de una tienda de ropa con 5 paginas hechas con HTML5 CSS3 SASS BOOTSTRAP
...estados de la solicitud enviada En el caso de que sea una solicitud para pase de nota atrasada o evaluación atrasada, la solicitud debe llegarle al docente dueño de la asignatura, y el docente debe poder registrar la nota correspondiente en concordancia con lo descrito debe haber 3 roles de usuario (solicitante, secretaria, docente). El sistema debe estar armado en arquitectura MVC, POO, AJAX, usar Bootstrap y armar una base de datos para cargarla en XAMPP. Usar PHP y tambien HTML...
Necesitamos un programador PHP que maneje bootstrap y Wordpress para realizar unos cambios en un sitio web que se encuentra en producción. Actualmente el sitio está construido en lenguaje PHP y algunas partes del sitio son administrables a través de WordPress. Se requiere dejar administrable algunas partes del sitio y que el sitio en general sea responsivo.
necesito este sitio web que sea construido en HTML5, CSS3, JS y Bootstrap y que sea funcional con el botón de agregar tareas
Tengo un diseño ya realizado en figma y necesito pasarlo a Html. En total son 6 pantallas. Las pantallas tienen animaciones de texto, slider tipo swiperjs Necesito un código limpio y bien estructurado. Se pueden usar frameword en css pero bien optimizados para google page speed (bootstrap, tailwind o bien mejor css module). Es imprescindible que el proyecto terminado al pasarlo por tenga unos ratios aceptables de entre el 90 y el 95% en todos los campos. Es decir hay que cuidar los detalles y corregir lo que marca google.
Tengo un diseño ya realizado en figma y necesito pasarlo a Html. En total son 4 pantallas. La web se montaría sin usar frameword de css tipo bootstrap, necesito un código limpio y a medida usando grid y flex para la construcción de las páginas y su adaptación a móviles. Si creen que es necesario usar un frameword para la mejor adaptación de la web a todos los dispositivos lo podríamos comentar y ver cual se puede adaptar mejor, pero bootstrasp no es una opción. Es imprescindible que el proyecto terminado al pasarlo por tenga unos ratios aceptables de entre el 85 y el 90 en todos los campos. Es decir hay que cuidar los detalles y corregir lo que marca google. Si disponéis de algún ejemplo interesan...
...Web. La APP debe incluir en la configuracion una opcion donde se permita especificar la URL del Backend. El Frontend debe incluir: Login, ABM Clientes, AMB de Pedidos, Consulta de Lista de Precios. El Backend ya esta hecho, aqui puede consultarse la documentacion: En lo posible usar lenguajes de FrontEnd, Angular, NodeJS, VueJS, JQuery, Ajax, etc. La plantilla HTML será proporcionada. ...
Buenos días, Necesito que alguien me haga la maquetación y diseño en CSS para una aplicación web que estoy realizando. Se trata de una pantalla de TV, por lo que el diseño deberá ir ajustado a pantallas grandes, donde se mostrara un frame abajo con un texto, el logotipo en la parte superior izquierda, y luego una ventana principal donde irán apareciendo una seria de mensajes...alguien me haga la maquetación y diseño en CSS para una aplicación web que estoy realizando. Se trata de una pantalla de TV, por lo que el diseño deberá ir ajustado a pantallas grandes, donde se mostrara un frame abajo con un texto, el logotipo en la parte superior izquierda, y luego una ventana principal donde irán aparecie...
...consultada en un archivo CSV/JSON/PDF * Descripción del proyecto: Escribir el código para vista, controlador y ruta usando Laravel 10 para consultar vía API la data en un período de tiempo definido, mostrarla en una tabla y descargar la tabla a un archivo JSON,XML,CSV,TXT,SQL,WORD,EXCEL,PNG,PDF * Requisitos Técnicos: El desarrollador debe tener experiencia en API REST, PHP, Laravel, jQuery plugins, Bootstrap 5, HTML, CSS. Necesitamos una vista final como lo que se muestra en la imagen adjunta...