Startup: ApiTechXPrime
Producto: TechXPrime
- Luis Eduardo Lagos Aguilar (u202121975)
- Leonardo Jesús Ferreyra Canaval (u202111363)
- Victor Yordi Diaz Gonzales (U20211C384)
| Versión | Fecha | Autor | Descripción de modificación |
|---|---|---|---|
| Entrega 1 | 06/09/2023 | - Luis Eduardo Lagos Aguilar - Leonardo Jesús Ferreyra Canaval - Victor Yordi Diaz Gonzales - Bruce Andres Cipriano Chumbes |
TB1 Creación y presentación del caso 3 |
| Entrega 2 | 14/10/2023 | - Luis Eduardo Lagos Aguilar - Leonardo Jesús Ferreyra Canaval - Victor Yordi Diaz Gonzales - Bruce Andres Cipriano Chumbes |
TP - Implemntación del frontemd de nuestra aplicación |
| Entrega 3 | 05/11/2023 | - Luis Eduardo Lagos Aguilar - Leonardo Jesús Ferreyra Canaval - Victor Yordi Diaz Gonzales - Bruce Andres Cipriano Chumbes |
TB2 Implementación del Sprint 3 y backend |
| Entrega 4 - TF | 23/11/2023 | - Luis Eduardo Lagos Aguilar - Leonardo Jesús Ferreyra Canaval - Victor Yordi Diaz Gonzales - Bruce Andres Cipriano Chumbes |
Demostración de la aplicación deployada |
URL del repositorio del Project Report:
https://github.com/ApiTechXPrime/ApiTechXPrime-Informe
En este apartado se mostrará el avance que ha tenido el grupo a lo largo del ciclo.
Tb1:
Grafico de barras:
Tp:
Grafico de barras:
Contribuciones:
Network:
Tb2:
Grafico de barras:
Contribuciones:
Network:
Tf:
Grafico de barras:
Contribuciones:
Network:
-
Capítulo V: Product Implementation, Validation & Deployment
- Sprint Planning 2
- Sprint Backlog 2
- Development Evidence for Sprint Review 2
- Testing Suite Evidence for Sprint Review 2
- Execution Evidence for Sprint Review 2
- Services Documentation Evidence for Sprint Review 2
- Software Deployment Evidence for Sprint Review 2
- Team Collaboration Insights during Sprint 2
| Criterio Específico | Acciones Realizadas | Conclusiones |
|---|---|---|
| Comunica oralmente sus ideas y/o resultados con objetividad a público de diferentes especialidades y niveles jerarquicos, en el marco del desarrollo de un proyecto en ingeniería. | Leonardo Jesús Ferreyra Carnaval TB1: Presentación oral ante el equipo del proyecto para explicar avances y resultados de la fase de desarrollo. TP: Implementación del frontend de nuestra pagina. TB2: Implementación y codificación de la aplicación web. TF Comunicación efectiva entre todo el grupo. Victor Yordi Diaz Gonzales TB1: Presentación y comunicacion entre el equipo. TP: Colaboración y participación en equipo para el fornt end. TB2: Codificación del backend con particiapación eficaz entre el equipo. TF Comunicación oral y cooperativa de manera acertiva. Luis Loarte Lagos TB1: Planteamineto de la idea de negocio. TP: Implementación del frontend de nuestra aplicación usando angular. TB2: Codificación y participacion activa para la elaboracion del login de nuestra aplicación. TF coordinación entre todos los integrantes de grupo |
Leonardo Jesús Ferreyra Canaval TB1: Se logró comunicar efectivamente los avances del proyecto a colegas, lo que facilitó la colaboración y el entendimiento entre los miembros del equipo. TP: Se conscluye la cooperación en equipo de manera satisfactoria. TB2: Hemos implmentado de manera coordina el backend de nuestra aplicación TF Se puede concluir que la comunicación en equipo es crucial para prescentación del proyecto. Victor Yordi Diaz Gonzales TB1: Comunicación y cooperacion en equipo para la idea de negocio. TP: Para concluir se menciona que la implementacion de frontend con sus funcionalidades el cual se trabajo de manera cooperativa. TB2: Conclusión de implementación del backend de manera acertiva Se puede conscluuir qye el trabajo cooperativo coordimas en las reuniones usando las herramientas digitales (github, rider, etc) ayudan a buena comunicación grupal. Luis Loarte Lagos TB1: Se concluye que la comunicación es asertiva en equipo para la idea de negocio. TP: Conclusión de manera acertiva del frontend. TB2: Trabajo en equipo de manera participativa para el desarrollo del backend. TF Para concluir, que la participación y las reuniones grupales ayudan a la presentacón del proyevto. |
| Comunica en forma escrita ideas y/o resultados con objetividad a público de diferentes especialidades y niveles jerarquicos, en el marco del desarrollo de un proyecto en ingeniería. | Leonardo Jesús Ferreyra Carnaval TB1: Elaboración de informes técnicos y documentación escrita detallada sobre el progreso y los resultados del proyecto. TP Una comunicación efectiva entre todos los integrantes del grupo para deployar el frontend TB2 Implemntación de backend en conjunto con mis compañeros TF Demostracion y explicación de nuestra aplicación Victor Yordi Diaz Gonzales TB1: Elaboracion del informe grupal. TP Comunicación efectiva entre todos los integrantes del grupo para la implemntación del frontend TB2 Comunicación activa con mis compañeros para la elaboración de backend TF Demostracion y explicación de nuestra aplicación Luis Lagos Loarte TB1: Investigacion exahustiva del proyecto y competidores. |
Leonardo Jesús Ferreyra Canaval TB1: Se proporcionó una documentación clara y objetiva que facilitó la comprensión de los avances del proyecto, lo que contribuyó a una comunicación efectiva. TP: Implemnetacion y diseño de nuestra aplicación TB2: Se concluye que el backend se hizo de manera acertiva TF Se concluye que se alcanzó el objetivo de front y backend de nuestr proyecto Victor Yordi Diaz Gonzales TB1: Se presento las ideas de manera clara y precisa. TP: Implemnetacion del frontend TB2: Se concluye que el backend se hizo muy cooperativa TF Se concluye que como quipo se alcanzó el proyecto deployado y cumpliendo los sprints Luis Loarte Lagos TB1: Implemntacion de ideas claras y concisas para elaboración del proyecto. TP Implementación del front del aplicativo TB2: Se concluye que el,trabajo en equipo para la implementacion del abckend se hizo satisfactoriamente TF Se concluye que el trabajo cooperativo del grupo logró lo esperado. |
Nuestra startup ApiTechXPrime está centrada en aportar una aplicación web de alta calidad como solución al caso de estudio. Empresa conformada por alumnos de la carrera de Ingeniería de software en la universidad peruana de ciencias aplicadas.
La empresa evalúa a los usuarios potenciales para poder comprender sus necesidades y brindar una solución de software adaptada a esas necesidades .Además, se usa la metodología ágil para desarrollar esta solución.
Visión:
La visión de ApiTechXprime es permanecer y competir en el mercado de desarrollo de aplicación web, brindando una solución de alta calidad para usuarios de todo el país.
Misión:
La misión de ApiTecXPrime es brindar nuestra aplicación web a usuarios de Lima siendo esta una permanencia en el mercado.
| Nombre (Rango) | Descripción personal | Habilidades | Conocimiento Tecnico |
Luis Eduardo Lagos Aguilar Gerente de Proyecto | Mi nombre es Luis Lagos y me encuentro en el quinto ciclo de la carrera de ingeniería de software en la universidad peruana de ciencias aplicadas. Mi interés por la carrera nace desde el colegio mediante los cursos de programación básica y mis ganas de fundar una empresa implementando una startup innovadora para todo el sector público. | -Escucha activa -Mejora continua mediante las críticas -Pensamiento Crítico | -Conocimiento básico de Html y CSS -Nivel intermedio de C++ y Python -Manejo básico de SQL |
| Victor Yordi Diaz Gonzales | Mi nombre es Victor Yordi Diaz Gonzales, actualmente estoy estudiando la carrera de Ingeniería de Software en la Universidad de Ciencias Aplicadas. Mi interés por la carrera es que me gusta solucionar problemas de la vida real a través de la programación, facilitando la vida a las personas. | - Trabajo cooperativo. - Aporte innovador de ideas. | - Conocimientos en C++, MySQL, SQL Server, HTML y CSS. |
| Bruce Andres Cipriano Chumbes | Actualmente estudio Ingeniería de Software en UPC (Universidad Peruana de Ciencias Aplicadas). Me gustó la carrera porque siempre quería saber sobre cómo funcionaban las computadoras, teléfonos, todos los aparatos electrónicos. Por esta razón, decidí elegir la carrera de ingeniería de software. | -Pensamiento creativo.
-Trabajo en equipo.
-Actitud positiva. | -Conocimiento en c++ , MySQL, HTML Y CSS |
| Anthony Brahan Loarte Matos | Estoy en el cuarto semestre de la carrera de Ingeniería de Software y siento una profunda pasión por todo lo vinculado a la tecnología, los progresos en este campo y los procedimientos de arquitectura aplicados al desarrollo de software. Además, poseo la capacidad de introducir innovaciones tanto en el diseño como en la ejecución de proyectos. Mi entusiasmo por la ingeniería de software me motiva constantemente a explorar nuevas oportunidades de aprendizaje y desarrollo en esta emocionante disciplina. | -Comunicación acertiva. -Empatia. | -Conocimiento en MySQL, NoSQL, HTML Y CSS. |
| Leonardo Jesús Ferreyra Canaval | Mi nombre es Leonardo Jesús Ferreyra Canaval, y estoy en la carrera de Ingeniería de Software en la Universidad Peruana de Ciencias Aplicadas, donde actualmente me encuentro cursando el sexto ciclo. A lo largo de mis estudios, he desarrollado un profundo interés por resolver problemas complejos mediante el poder de la programación y la tecnología, buscando crear soluciones innovadoras que impacten positivamente en la sociedad. | -Escucha Activa -Constante de Mejora a través de Retroalimentación -Pensamiento Innovador y Creativo | -Conocimientos básicos en HTML, CSS, SQL. -Conocimientos intermedios de C++ y Python. |
La TechXPrime está interesada en desarrollar una aplicación web que conecte a técnicos calificados con usuarios que experimenten problemas con sus dispositivos electrónicos. La aplicación servirá como una plataforma para solicitar servicios técnicos de alta calidad.
Antecedentes:
El problema que TechXPrime busca abordar es la dificultad que algunas personas enfrentan al requerir el servicio de un técnico para reparar sus dispositivos electrónicos. En particular, puede ser complicado encontrar a una persona de confianza y no hay garantía de que las piezas utilizadas sean originales. Esto puede resultar en gastos innecesarios y reparaciones inadecuadas. Asimismo busca resolver este problema al proporcionar una plataforma confiable para conectar a los usuarios con técnicos calificados y garantizar la calidad de los servicios y piezas utilizadas. Además, la plataforma también proporcionará información y seguimiento transparente para aumentar la confianza de los usuarios.
La implementación de TechXPrime se enfocará en el desarrollo de una aplicación web fácil de usar que siga las normativas del UX/UI, la conexión con una base de datos y la programación de las funcionalidades clave.
Finalmente, TechXPrime busca abordar un problema común al proporcionar una plataforma confiable para conectar a los usuarios con servicios técnicos de alta calidad. La implementación de la plataforma requerirá tiempo y recursos, pero tiene el potencial de mejorar significativamente la experiencia del usuario al requerir servicios técnicos.
Problemáticas:
What
¿Cuál es el problema?
Algunas personas presentan dificultades a la hora de requerir el servicio de un técnico ya que se vuelve complicado encontrar a una persona de confianza; además, al finalizar el servicio, no tienen una garantía de que las piezas utilizadas sean originales.
Why
¿Por qué es un problema?
La dificultad a la hora de elegir un servicio de algún técnico es un problema debido a que, no es una persona de confianza y no hay ninguna garantía, se corre el riesgo de que se gaste demás y que el producto no sea reparado de manera correcta, o presente en un futuro inconvenientes por la falta de originalidad en las piezas.
Who
¿Quienes se ven involucrados en el problema?
El problema involucra a cualquier persona que necesite de un servicio técnico y no tenga los conocimientos necesarios para poder hacerle seguimiento a su servicio.
Where
¿Dónde se produce el problema?
El problema se produce a la hora de encontrar un servicio técnico que sea confiable y logre garantizar la solución a su problema por un precio adecuado.
When
¿Cuándo se convierte en un problema?
Se convierte en un problema cuando las personas empiezan a gastar demás por un servicio que no les garantiza una solución adecuada a su problema, además, puede que llegue a generar incluso inconvenientes a futuro.
How
¿Cómo puede ayudar TechXPrime a abordar esta problemática?
TechXPrime ayuda a abordar la problemática al garantizar la confiabilidad de los técnicos y garantizar una solución adecuada junto con las piezas originales del producto. Además, ayuda a proporcionar información entendible para aumentar la confianza en las personas junto con un seguimiento transparente de su servicio.
How much
¿Cuánto costará implementar TechXPrime?
La implementación de TechXPrime costará aproximadamente un tiempo de 4 meses debido al tiempo que dedicaremos a la programación, al diseño del programa para que siga las normativas del UX/UI, conectar la base de datos con el programa, etc.
Problem Statement 1
Con respecto a la atención de clientes para solucionar o arreglar algún equipo tecnológico, se evidencia el incremento de insatisfacción por el servicio, ya sea por la atención, complicaciones para encontrar un técnico de confianza, incomodidad por el mal servicio y/o pérdida de tiempo para desplazarse de un lugar a otro.
¿Cómo podemos hacer que las personas reciban un óptimo y eficaz servicio para solucionar el problema de su equipo tecnológico en un ambiente en el que se sienta seguro y confiado?
Problem Statement 2:
Las personas que desean buscar un técnico de equipos tecnológicos confiable a menudo se enfrentan a la dificultad de encontrar profesionales con la experiencia y la reputación adecuadas.
¿Cómo pueden asegurarse de elegir un técnico confiable y calificado para sus necesidades de reparación?
Problem Statement 3:
En un mercado saturado de opciones de técnicos de equipos tecnológicos, las personas se sienten abrumadas por la falta de transparencia en los precios y la calidad del servicio.
¿Cómo pueden las personas encontrar un técnico confiable que ofrezca precios justos y servicios de alta calidad para sus dispositivos electrónicos?
Problem Statement 4:
Nuestro entorno evidencia que los técnicos cuentan con los técnicos de equipos tecnológicos a menudo enfrentan desafíos para destacarse en un mercado altamente competitivo y demostrar su experiencia a los clientes potenciales.
Hemos observado que un factor crítico que afecta a los técnicos es la seguridad y confianza para atraer nuevos clientes.
¿Cómo pueden los técnicos de equipos tecnológicos promocionar de manera efectiva sus habilidades y servicios para atraer a una clientela confiable y crecer en su negocio?
Business Outcomes
- Crear una plataforma innovadora, intuitiva y óptima que genere ingresos a partir de servicios o soluciones de equipos tecnológicos que desea el cliente.
- Servicio VIP, se realiza a través de una suscripción donde el cliente tendrá una atención preferencial y personalizada para la solución del problema que tenga con su equipo. Además, tendrá un mantenimiento de los software básicos de su equipo (Word, Power Point, Excel, antivirus, etc,).
- Posicionarse en el mercado laboral, como una de las mejores empresas tecnológicas para arreglar y solucionar problemas de equipos tecnológicos.
- Causar interés por las grandes empresas tecnológicas como (Samsung, Apple, etc) para hacer convenios y trabajar de la mano para obtener mantenimiento de sus equipos tecnológicos.
Users
- Personas que desean saber lugares donde se brinde servicios técnicos de confianza y seguridad para poder reparar sus aparatos tecnológicos.
- Técnicos de equipos tecnológicos.
User Outcome & Benefits
Clientes:
- Ahorrar tiempo y dinero para acudir a tiendas físicas o tener que movilizarse a lugares muy lejos..
- Facilidad de Uso: Los clientes encontrarán que la aplicación es fácil de usar, lo que les permitirá solicitar reparaciones de sus equipos tecnológicos de manera rápida y sin complicaciones.
- Acceder a su historial de reparaciones en cualquier momento del día sin la necesidad de contactar con un técnico.
- Llevar un seguimiento en tiempo real de sus reparaciones de su equipo tecnológico.
- Rapidez y eficacia para solucionar y arreglar su equipo tecnológico.
Técnicos:
- Brindar atención personalizada y segura a los clientes.
- Organizar un registro del progreso de reparación del equipo tecnológico, ya sea cargar fotos y notas lo que le ayudará a mantener un registro detallado y proporcionar un información clara al cliente.
- Gestionar inventarios lo que le permitirá administrar eficazmente los inventarios de piezas y componentes, asegurando que siempre tengan piezas necesarias a la mano.
- Contar con acceso rápido a la información del cliente y los detalles del equipo a reparar, lo que facilitará la diagnosis y la reparación efectiva.
Features:
- La aplicación permitirá a los clientes programar citas de reparación en línea de manera conveniente.
- Proporcionar un panel de seguimiento en tiempo real para que tanto los clientes como los técnicos puedan rastrear el estado de las reparaciones.
- Facilitará la comunicación instantánea entre clientes y técnicos, lo que mejorará la claridad y la satisfacción del cliente.
- Ofrecerá opciones de pago en línea seguras y convenientes para los clientes.
- Proporcionará informes y análisis que ayudarán a la empresa a identificar áreas de mejora y tomar decisiones estratégicas.
-
Creemos que la aplicación brindará seguridad a los clientes a la hora de solucionar algún problema técnico con su equipo tecnológico.
- Sabremos que si logramos ganar la confianza del cliente con nuestro trabajo.
- Cuando ya haya visto que el equipo tecnológico quedó en buen estado y utilizable.
-
Creemos que nuestra aplicación brindará confianza el cual se construye a través de resultados consistentes; por lo tanto, cuando vean que sus equipos tecnológicos han sido reparados y optimizados de manera experta, sabrán que pueden contar con nosotros para futuras necesidades
- Sabremos ofrecer soluciones efectivas a los problemas que enfrentan nuestros clientes.
- Cuando confiamos en la capacitación continua de nuestros técnicos y en mantenernos actualizados con las últimas tendencias tecnológicas.
-
Creemos que nuestra aplicación va a resolver problemas técnicos y atención personalizada a los clientes Premium
- Sabremos que pueden surgir algunas dudas pero se podrá resolver sus problemas con la atención que se les brindará
- Cuando observen los resultados de solución y mantenimiento de sus software de su equipo entonces surgirá la posibilidad de obtener recomendaciones positivas.
Business Problem Los técnicos de dispositivos electrónicos carecen de una plataforma eficiente para agilizar su flujo de trabajo, comunicarse con los clientes y acceder a información relevante, lo que provoca retrasos en las reparaciones y una satisfacción del cliente reducida. | Solution Ideas Aplicación web para Técnicos: Desarrollar una aplicación web que los técnicos puedan usar para gestionar sus tareas, comunicarse con los clientes y acceder a documentación técnica. Integración de Base de Conocimientos: Integrar una base de conocimientos completa en la aplicación para proporcionar acceso rápido a guías de resolución de problemas y manuales de reparación.
| Business Outcomes Aumento de la Eficiencia: Los técnicos pueden completar tareas más rápido y reducir el tiempo de reparación. Mejora de la Satisfacción del Cliente: Las actualizaciones en tiempo real y una mejor comunicación conducen a clientes más satisfechos. Reducción de Errores: El acceso a documentación técnica precisa minimiza los errores durante las reparaciones. Información Basada en Datos: Recopilar datos sobre las tendencias de reparación para mejorar la asignación de recursos y la toma de decisiones.
|
Users & Customers Técnicos: Los usuarios principales, responsables de usar la aplicación para gestionar sus tareas y comunicarse con los clientes. Clientes: Clientes que necesitan reparar dispositivos y que se beneficiarán de actualizaciones, reparación de sus equipos tecnológicos en tiempo real y una forma de comunicación efectiva. | User Benefits Eficiencia en Tareas: Los técnicos pueden gestionar tareas de manera eficiente, reduciendo el tiempo de inactividad entre reparaciones. Comunicación Clara: Los clientes reciben actualizaciones en tiempo real, mejorando la transparencia y la satisfacción del cliente. Acceso a la Información: Los técnicos pueden acceder a documentación técnica relevante, reduciendo errores y retrasos. Priorización: Las herramientas de gestión de tareas permiten a los técnicos priorizar reparaciones urgentes de manera efectiva. | |
Solution Ideas Comunicación en Tiempo Real: Implementar una función de chat para que los técnicos y los clientes puedan comunicarse y recibir actualizaciones en tiempo real. Sistema de Gestión de Tareas: Crear un sistema de gestión de tareas que permita a los técnicos rastrear y priorizar sus asignaciones de manera eficiente.
| What's the most important thing we need to learn first? Comprender los puntos problemáticos específicos de los técnicos y los clientes en cuanto a la comunicación, la gestión de tareas y el acceso a la información. Realiza entrevistas o encuestas para identificar los desafíos actuales que enfrentan. | What's the least amount of work we need to do to learn the next most important thing? Crea un prototipo o una versión básica de la aplicación web con un enfoque en el aspecto de la comunicación. Esto te permitirá validar rápidamente si las funciones de comunicación en tiempo real son efectivas y valoradas tanto por los técnicos como por los clientes. |
Nuestro segmento objetivo se divide en dos.
Usuarios:
- Usuarios domésticos: Personas que poseen dispositivos tecnológicos en sus hogares, como computadoras, teléfonos inteligentes, tabletas, impresoras, etc. Estos usuarios pueden necesitar ayuda para resolver problemas técnicos, configurar dispositivos o solucionar errores.
- Personas mayores: Individuos mayores que pueden enfrentar dificultades técnicas y requieren ayuda para configurar y usar sus dispositivos. Una aplicación que brinde un soporte amigable y fácil de entender podría ser especialmente atractiva para este grupo.
- Estudiantes: Estudiantes de todas las edades que utilizan dispositivos tecnológicos para sus estudios. Pueden necesitar asistencia para configurar software educativo, resolver problemas de conectividad o abordar otros problemas técnicos.
- Gamers: Jugadores entusiastas que utilizan equipos tecnológicos para jugar videojuegos. Pueden requerir soporte técnico para optimizar el rendimiento de sus sistemas y solucionar problemas relacionados con el hardware o el software de juego.
Técnicos:
- Técnicos en Computadoras: Profesionales con responsabilidad y comprometidos con su trabajo, entre 20 a 40 años, enfocados en solucionar los equipos tecnológicos de los clientes y estén dispuestos a contribuir al desarrollo y solución de equipo tecnológicos.
- Profesionales independientes: Individuos que trabajan por cuenta propia y dependen de equipos tecnológicos para su trabajo, como diseñadores gráficos, programadores, escritores, etc. Estos profesionales necesitan que sus dispositivos estén en óptimo estado para realizar su labor.
- iFixit: Es una empresa que ayuda a los usuarios al brindarles las herramientas y la información necesaria para realizar reparaciones y mantenimiento en sus dispositivos. A través de su enfoque en la autoreparación y la reducción de residuos electrónico
- TeamViewer: Es una plataforma de software que permite la asistencia remota, el acceso y el control de dispositivos a través de Internet. El objetivo principal de TeamViewer es proporcionar soluciones de conectividad y colaboración en línea para empresas y usuarios individuales.
- Geek Squad: Es una empresa que ofrece servicios de soporte técnico y reparación de dispositivos electrónicos y tecnológicos. Su objetivo principal es proporcionar asistencia experta y soluciones técnicas a los consumidores y las empresas en una variedad de áreas relacionadas con la tecnología
- UbreakiFix: Es una reconocida empresa que ofrece servicios de reparación de dispositivos electrónicos, como teléfonos móviles, tabletas, computadoras portátiles y consolas de juegos. El objetivo principal de uBreakiFix es proporcionar soluciones de reparación confiables y de alta calidad para una variedad de dispositivos tecnológicos. Sus servicios incluyen reparaciones de hardware, reemplazo de pantallas, resolución de problemas de software y mucho más.
- HelloTech: El objetivo principal de esta empresa es brindar servicios de asistencia técnica y soporte para dispositivos tecnológicos y sistemas en el hogar. Cuyo enfoque es ofrecer soluciones técnicas y expertas para ayudar a los usuarios a optimizar y resolver problemas relacionados con la tecnología
- RescueTime: Es reconocida por ayudar a los usuarios a gestionar su tiempo y productividad en dispositivos tecnológicos.
| Competitive Analysis Landscape | |||||
| ¿Por qué llevar a cabo este análisis | |||||
| (En la cabecera colocar por cada competidor nombre y logo) | Startup: TEC  | iFixit  | TeamViewer  | UbreakiFix  | |
| PERFIL | OVERVIEW | Nuestro objetivo principal es revolucionar la industria tecnológica al ofrecer una aplicación líder en el mercado mundial que brinde soluciones de reparación y soporte técnico incomparables para equipos tecnológicos. | El objetivo principal de iFixit es empoderar a los usuarios al brindarles las herramientas y la información necesaria para realizar reparaciones y mantenimiento en sus dispositivos. A través de su enfoque en la autoreparación y la reducción de residuos electrónicos. https://es.ifixit.com/ | El objetivo principal de TeamViewer es proporcionar soluciones de conectividad y colaboración en línea para empresas y usuarios individuales. https://www.teamviewer.com/latam/
| El objetivo principal de uBreakiFix es proporcionar soluciones de reparación confiables y de alta calidad para una variedad de dispositivos tecnológicos. Sus servicios incluyen reparaciones de hardware, reemplazo de pantallas, resolución de problemas de software y mucho más. https://web.facebook.com/ubreakifix/?locale=es_LA&_rdc=1&_rdr
|
| Ventaja competitiva ¿Qué valor ofrece a los clientes? | -Conveniencia: Asistencia directa desde dispositivos, eliminando desplazamientos. - Asistencia Remota: Soluciones en tiempo real a través de conexiones remotas. - Ahorro de Tiempo: Rápida asistencia en línea, sin esperas en tiendas físicas. - Variedad de Servicios: Amplio rango de soluciones de software y hardware. -Profesionales Calificados: Técnicos expertos para calidad garantizada. -Disponibilidad 24/7: Soporte en cualquier momento del día. - Diagnósticos Precisos: Identificación rápida y soluciones adecuadas. Interfaz Amigable: Diseño intuitivo para fácil solicitud y seguimiento. | -Autoreparación: Guías detalladas para que los usuarios reparen sus dispositivos. -Sostenibilidad: Reducción de residuos electrónicos al prolongar la vida útil. -Empoderamiento: Usuarios toman control de sus dispositivos y ahorran dinero. -Educación Técnica: Comprender mejor cómo funcionan los dispositivos. -Responsabilidad: Evalúan reparabilidad de productos y fomentan diseños más sostenibles.
| -Asistencia Remota: Soluciones técnicas a distancia en tiempo real. -Acceso y Control: Posibilidad de acceder y controlar dispositivos remotos. -Conveniencia: Evita desplazamientos físicos para resolver problemas. -Colaboración: Facilita la colaboración en línea y presentaciones. -Seguridad: Conexiones cifradas para proteger la privacidad. -Eficiencia: Ahorra tiempo en la resolución de problemas y configuraciones. -Trabajo Remoto: Permite trabajo a distancia y administración de dispositivos. -Compatibilidad: Funciona en múltiples sistemas operativos y dispositivos.
| –Reparación Profesional: Reparaciones de calidad para dispositivos electrónicos. -Conveniencia: Ubicaciones físicas accesibles para asistencia rápida. -Experiencia Certificada: Técnicos expertos y certificados en reparaciones. -Variedad de Servicios: Reparaciones de hardware y software en diversos dispositivos. -Optimización: Mantenimiento y optimización para un rendimiento óptimo. -Historial de Reparaciones: Registro de intervenciones anteriores para seguimiento. -Confianza: Reparaciones con piezas originales o de calidad equivalente. -Satisfacción del Cliente: Enfocados en brindar experiencias positivas y soluciones efectivas.
| |
PERFIL DE MARKETING |
Mercado Objetivo | Personas o empresas que necesiten soluciones de sus equipos tecnológicos. Asimismo profesionales que amen su trabajo que desean resolver problemas técnicos por sí mismos. | Son aquellos entusiastas de la tecnología, los usuarios que desean resolver problemas técnicos por sí mismos y aquellos preocupados por la sostenibilidad. | Empresas que necesitan soluciones de asistencia remota para el soporte técnico a distancia y la colaboración en equipos. Profesionales que trabajan de forma remota y requieren acceso a sus dispositivos desde cualquier lugar. | Propietarios de dispositivos electrónicos (teléfonos, computadoras, consolas, etc.) que necesitan reparaciones y mantenimiento.. |
| Estrategias de marketing | Nuestro aplicativo está enfocado básicamente en la educación y formación de profesionales en tecnologías. Campañas publicitarias y redes sociales. | Contenido Educativo, SEO y Optimización de Contenido, Participación de la Comunidad, Responsabilidad del Fabricante, Campañas de Conciencia Ambiental, Redes Sociales. | Enfoque en la Versatilidad, Demostraciones y Pruebas Gratuitas, Contenido Educativo, Presencia en Ferias y Eventos. | Ubicaciones Accesibles, Servicio Profesional, Transparencia, Promociones y Descuentos y Presencia en Línea. | |
PERFIL DE PRODUCTO | PERFIL DE PRODUCTO | XPrime está abarcando todo el mercado de equipo tecnológicos como: Teléfonos móviles y smartphones. Computadoras, Tablets y dispositivos electrónicos portátiles, dispositivos del hogar, el trabajo, etc. | Kits de Reparación: Contienen herramientas y piezas necesarias para reparar dispositivos específicos, como baterías, pantallas, etc. Herramientas: Venden herramientas especializadas para desmontar y reparar diferentes dispositivos. Piezas de Repuesto: Ofrecen piezas de repuesto para una variedad de dispositivos, como pantallas, baterías, conectores, etc. | TeamViewer ofrece soluciones de software para asistencia remota, acceso remoto y colaboración en línea. Esto incluye TeamViewer Remote Support, TeamViewer Meeting, TeamViewer IoT. | Teléfonos móviles y smartphones. Computadoras y laptops. Tablets y dispositivos electrónicos portátiles. Consolas de videojuegos. Dispositivos de hogar inteligente. Electrónicos de automóviles, etc. |
| Precios y Costos | Con respecto a una cotización y precios va a variar de acuerdo al tipo y el estado del equipo dañado. | Los precios varían según el tipo de kit, herramienta o pieza de repuesto que se esté adquiriendo. iFixit ofrece una gama de productos a diferentes precios para satisfacer las necesidades de diferentes tipos de usuarios. | TeamViewer ofrece diferentes planes de precios, que varían según las características y el uso previsto. Algunos de los planes pueden incluir: Planes para uso personal y no comercial. | Los precios de las reparaciones pueden variar según el tipo de dispositivo, el tipo de reparación y la región. | |
| Canales de distribución (Web y/o Móvil) | Tiendas en Línea, sitio web, líneas telefónicas y tiendas físicas para mayor atención. | Sitio Web, Tienda en Línea, Contenido en Línea, . Comunidad y Contribución.
| Sitio Web, Aplicación Móvil, Ubicaciones Físicas, Partnerships, Alianzas Empresariales | Sitio Web, Aplicación Móvil, Ubicaciones Físicas, Partnerships, Alianzas Empresariales | |
Canales de distribución (Web y/o Móvil) | Realice esto para su startup y sus competidores Sus fortalezas deberían apoyar sus oportunidades y contribuir a lo que ustedes definen como su posible ventaja competitiva | ||||
| Fortalezas | Capacitación constante a nuestros profesionales de las tecnologías. + Variabilidad de Servicios: Soluciones eficaces a los problemas de algún artefacto que tengan nuestros usuarios para garantizar la confiabilidad y calidad. Precios accesibles para todo público. | Capacita a los usuarios para reparar sus dispositivos. Contribuye a la sostenibilidad y reduce residuos electrónicos. Tiene una base sólida de conocimiento técnico. Fomenta la transparencia en la industria. Cuenta con una comunidad activa y comprometida. | Soluciones de asistencia remota y acceso a dispositivos. Amplia funcionalidad y conveniencia en el trabajo remoto. Conexiones seguras y cifradas para la privacidad. Compatibilidad en múltiples sistemas operativos y dispositivos | Ofrece reparaciones profesionales de dispositivos electrónicos. Ubicaciones físicas accesibles para asistencia rápida. Técnicos expertos y certificados para garantizar la calidad. Amplia gama de servicios para hardware y software. | |
| Debilidades | - Dependencia de Proveedor. - Costos Operativos. - Competencia Local | Requiere cierto nivel de conocimiento técnico por parte de los usuarios. Dependencia de la participación activa de la comunidad. Competencia con servicios profesionales de reparación | Depende de la conectividad a Internet para funcionar. Competencia con otras soluciones de asistencia remota. | Dependencia de la ubicación física para recibir asistencia. Competencia con soluciones de reparación en línea y otras tiendas. | |
| Oportunidades | + Expiación de Servicios. + Alianzas estratégicas. + Demanda Creciente | + Mayor enfoque en la educación técnica de los usuarios. + Colaboración con fabricantes para diseños más sostenibles. + Expansión de servicios relacionados. +Establecimiento de alianzas estratégicas. | Mayor demanda en un entorno de trabajo a distancia en crecimiento. Expansión de servicios y funciones relacionadas. Alianzas con empresas para colaboraciones en el ámbito de la tecnología. | Mayor demanda a medida que crece la dependencia de dispositivos. Expansión de servicios y alcance a nuevas áreas geográficas. Colaboraciones con fabricantes para reparaciones especializadas. | |
| Amenazas | + Cambios en regulaciones de reparación y obsolescencia programada. + Avances tecnológicos que dificultan la reparabilidad. + Competencia emergente en el mercado. | + Cambios en la seguridad cibernética y regulaciones de privacidad. + Aparición de alternativas en el mercado de software similar. | + Cambios en la industria tecnológica y diseño cerrado de dispositivos. + Aparición de competidores en el mercado de reparación. | ||
- Aplicaremos la estrategia de supervisión de los indicadores de desempeño para evaluar el porcentaje de éxito en cada contratación del profesional técnico en tecnologías con el cliente y observar el rendimiento de nuestra aplicación y sugerir cambios para el beneficio del usuario.
- La segunda forma es desarrollar un ataque en cadena,es decir como estamos inmersos en un ámbito tecnológico, no puedes atacar directamente al competidor más potente, pues cuenta con más medios económicos y experiencia más que nosotros y podría ser contraproducente. A raíz de ello debemos ir obteniendo mayor participación e inclusión en el mercado atacando los mercados más pequeños y posicionándonos en ellos.
- La tercera estrategia consiste en implementar una interfaz de búsqueda y delivery de cual pieza del equipo tecnológico que desea el usuario, para esto realizaremos asociaciones con las empresas tecnológicas más conocidas en Perú (Samsung, Apple, etc.). De esta manera le permitimos al usuario obtener la atención de su producto de forma más cómoda y rápida.
Usuario:
Preguntas demográficas:
¿Cual es tu nombre?
¿Qué edad tienes?
¿Tienes una ocupación?
¿De qué distrito resides ?
Preguntas principales:
1.¿En algún momento usted ha acudido a los servicios de un técnico para reparar su aparato electrónico ?¿Qué problema tenía?
2.¿El técnico pudo reparar su aparato electrónico?¿Se sintió satisfecho con la atención que le brindó?
3.¿Ha vuelto a tener el mismo problema con su aparato electrónico u otro fallo distinto? ¿Lo ha vuelto a enviar al mismo técnico?
4.¿Trataste de solucionar el problema por tu propia cuenta?
5. La atención general de los técnicos que ha acudido ¿Fue la que esperaba?
6. ¿Alguna vez el técnico le mencionó que tenía que dejar su equipo por una cierta cantidad de días?¿Cuántos días lo dejó ?¿El técnico cumplió con el tiempo establecido? Si no fue así ¿Cuántos días tuvo que esperar para que le devolvieran su equipo?
7. Por experiencia,¿Cuánto te cuesta reparar tu equipo electrónico? ¿Te parece justo ese precio?
8. ¿Se te ha brindado garantía luego de la reparación de equipo? Si es así,¿Qué tipo de garantía?
9. Por su experiencia,¿Que toma en cuenta a la hora de elegir un técnico?
Preguntas sobre el proyecto:
1.¿Ha escuchado de una aplicación web que brinde los mismos servicios que ofrece nuestro proyecto?
2.¿ Cree que nuestra aplicación solucionara las malas experiencias que ha tenido al acudir los servicios de un técnico ?
3. Al escuchar nuestra aplicación ¿ Qué otras funcionalidades le gustaría ver en nuestra aplicación?
Entrevista Usuario#1:
Nombres y Apellidos del entrevistado: Godofredo
Edad: 20
Captura:
Resumen entrevista:
- ¿Cual es tu nombre?
Soy Godofredo. - ¿Qué edad tienes?
Tengo 20 años.
- ¿Tienes una ocupación?
Soy estudiante. - ¿De qué distrito resides ?
Actualmente resido en San Miguel, Lima, Perú. - ¿En algún momento usted ha acudido a los servicios de un técnico para reparar su aparato electrónico ?¿Qué problema tuvo con su dispositivo?
Si busque un tecnico que me brinde una solución para mi laptop averiada, no prendia la pantalla estaba en negro, sin emitir imagen alguna. - ¿El técnico pudo reparar su dispositivo electrónico?¿Se sintió satisfecho con la atención que le brindó?
No puedo repararlo en el momento, por lo cual me dijo que lo tenía que dejar por unos días, lo cual me negué rotundamente ya que no tenía confianza en dejar mi aparato electrónico. - ¿Ha vuelto a tener el mismo problema con su aparato electrónico u otro fallo distinto? ¿Lo has vuelto a enviar al mismo técnico?
No pude resolver el fallo que presentaba mi laptop, no lo lleve al mismo técnico porque no me inspiraba confianza.
- ¿Trataste de solucionar el problema por tu propia cuenta?
No intenten solucionar el problema ya que carezco de conocimientos para hacerlo.
- Crees que la atención general de los técnicos que has acudido ¿Cumplieron con tus expectativas?
No, porque en las primeras dos ocasiones fueron muy insatisfactorias, - ¿Alguna vez el técnico te mencionó que tenías que dejar tu equipo por una cierta cantidad de días?¿Cuántos días lo dejó ?¿El técnico cumplió con el tiempo establecido? Si no fue así ¿Cuántos días tuvo que esperar para que le devolvieran su equipo?
Si, se me solicitó dejar mi laptop por una semana, lo cual hice caso omiso debido a que eran muchos días de trabajo. - Por experiencia,¿Cuánto te cuesta reparar tu equipo electrónico? ¿Te parece justo ese precio?
Me dieron un diagnóstico acerca de mi laptop y un precio de 70 soles por reparación, lo cual no acepte porque el precio no era adecuado. - ¿Se te ha brindado garantía luego de la reparación de tu equipo? Si es así,¿Qué tipo de garantía?
No me ofrecieron ningún tipo de garantía para la reparación de mi equipo.
- Por su experiencia,¿Que toma en cuenta a la hora de elegir un técnico?
Primero buscaría un técnico certificado académicamente, que tan frecuente son las visitas de clientes, si tiene buenas recomendaciones. Segundo, que pueda ofrecer garantías después de realizar reparaciones de equipos electronicos.
Tecnico:
Preguntas demográficas:
¿Cual es tu nombre?
¿Qué edad tienes?
¿De qué distrito resides?
Preguntas principales:
1.Aproximadamente ¿A Cuántas personas al día le brindas tu servicio?
2. ¿Trabaja solo o con personal de apoyo ? Si es así ¿Cuántos?
3. ¿Ha tenido dificultad a la hora de gestionar su tiempo? ¿Se organiza para poder gestionar su negocio de manera adecuada?
4.¿De qué manera usted gestiona las piezas que recibe para poder reparar los aparatos electrónicos?
5. ¿Cual es el problema que mayormente repara?
6. De todos los problemas que ha solucionado¿ Cuál ha sido el problema más complicado y tedioso que ha solucionado a la hora de brindar sus servicios?
7. ¿De qué manera usted gestiona el tiempo de reparación?
8. ¿Cómo usted maneja los precios de sus servicios ? ¿Es justo el precio que le indica a los clientes?
9. ¿Cuáles son los métodos de pago con los que trabaja ?
10. ¿Qué acciones realiza cuando un cliente no se siente satisfecho por sus servicios?
11. ¿Cómo le garantiza al cliente que su equipo está en buenas manos? ¿Le brinda una garantía?
12. En su opinión ¿Cuáles son los factores para que un técnico pueda ser solicitado más que otro ?
13. En su experiencia como técnico¿ Es rentable ser técnico de aparatos electrónicos ?
Preguntas sobre el proyecto:
1.¿Ha escuchado de una aplicación web que brinde los mismos servicios que ofrece nuestro proyecto?
2.¿ Cree que nuestra aplicación solucionara las malas experiencias que ha tenido al acudir los servicios de un técnico ?
3. Al escuchar nuestra aplicación ¿ Qué otras funcionalidades le gustaría ver en nuestra aplicación?
Entrevista Técnico #1:
Nombres y Apellidos del entrevistado: Joaquín Esteban Meza Ortiz
Edad: 21
Captura:
Resumen entrevista:
- ¿Cual es tu nombre?
Soy Joaquín.
- ¿Qué edad tienes?
Tengo 21 años
- ¿De qué distrito resides?
Resido en el distrito de Miraflores.
- Aproximadamente ¿A Cuántas personas al día le brindas tu servicio?
En promedio, atiendo a unos 6 a 8 clientes por día.
- ¿Trabaja solo o con personal de apoyo? Si es así ¿Cuántos?
Trabajo solo en este momento, pero estoy considerando la posibilidad de contratar a un asistente en el futuro.
- ¿Ha tenido dificultad a la hora de gestionar su tiempo? ¿Se organiza para poder gestionar su negocio de manera adecuada?
Al principio, fue un desafío, pero me he adecuado a mi trabajo y he logrado organizarme de manera adecuada. Sin embargo, sigue siendo un desafío si es que se llegan a juntar demasiados clientes
- ¿De qué manera usted gestiona las piezas que recibe para poder reparar los aparatos electrónicos?
Tengo un sistema de inventario en una hoja de cálculo donde registro las piezas que recibo y las utilizo.
- ¿Cual es el problema que mayormente repara?
Mayormente, reparo problemas de pantallas dañadas, placas madres de PC's y laptops.
- De todos los problemas que ha solucionado, ¿Cuál ha sido el problema más complicado y tedioso que ha solucionado a la hora de brindar sus servicios?
Tuve un caso donde el circuito interno de una computadora portátil estaba dañado. Fue un proceso complicado que tomó varios días, pero finalmente pude resolverlo.
- ¿De qué manera usted gestiona el tiempo de reparación?
Establezco estimaciones de tiempo para cada tipo de reparación y trato de cumplirlas. Si un trabajo lleva más tiempo del previsto, me aseguro de mantener al cliente informado.
- ¿Cómo usted maneja los precios de sus servicios? ¿Es justo el precio que le indica a los clientes?
Mis precios se basan en la complejidad de la reparación y en los costos de las piezas. Siempre intento mantener precios justos y transparentes para mis clientes.
- ¿Cuáles son los métodos de pago con los que trabaja?
Acepto efectivo, transferencias bancarias y pagos con tarjeta de crédito.
- ¿Qué acciones realiza cuando un cliente no se siente satisfecho por sus servicios?
Si un cliente no está satisfecho, primero trato de entender sus preocupaciones. Si es necesario, reevalúo la reparación y, en casos excepcionales, ofrezco reembolsos parciales o soluciones alternativas.
- ¿Cómo le garantiza al cliente que su equipo está en buenas manos? ¿Le brinda una garantía?
Suelo explicar mi experiencia y conocimientos técnicos para generar confianza. Además, ofrezco una garantía limitada en mis reparaciones para tranquilizar a mis clientes.
- En su opinión ¿Cuáles son los factores para que un técnico pueda ser solicitado más que otro?
La calidad y la rapidez de las reparaciones son fundamentales. Además, la transparencia en los precios y la atención al cliente marcan la diferencia.
- En su experiencia como técnico, ¿Es rentable ser técnico de aparatos electrónicos?
Sí, en general es rentable, pero depende de la demanda y la competencia en el mercado. La gestión adecuada de costos y la eficiencia en el trabajo son clave para la rentabilidad.
- ¿Ha escuchado de una aplicación web que brinde los mismos servicios que ofrece nuestro proyecto?
No he escuchado de una aplicación exactamente igual, pero la idea suena interesante y útil.
- ¿Cree que nuestra aplicación solucionará las malas experiencias que ha tenido al acudir a los servicios de un técnico?
Si la aplicación realmente garantiza la calidad y la confianza en los técnicos, definitivamente podría solucionar esas malas experiencias.
- Al escuchar nuestra aplicación, ¿Qué otras funcionalidades le gustaría ver en nuestra aplicación?
Sería genial si la aplicación permitiera a los técnicos y clientes comunicarse directamente, tal vez mediante un chat integrado. También sería útil tener un sistema de calificaciones y reseñas para aumentar la confianza entre ambas partes.
Entrevista Técnico #1:
- Joaquín Esteban Meza Ortiz: Las respuestas del técnico, Joaquín, revelan un enfoque profesional y organizado hacia su negocio de reparación de dispositivos electrónicos. Su capacidad para atender a varios clientes diariamente, su sistema de programación eficiente y la consideración de contratar asistencia indican una sólida gestión de la carga de trabajo. Su habilidad técnica es evidente en la resolución de problemas complejos, como la reparación de circuitos internos. Luis demuestra transparencia en los precios y disposición para resolver problemas de manera amigable. Su interés en la aplicación TechXPrime y la sugerencia de características adicionales resaltan su disposición a adoptar la tecnología y mejorar la experiencia del cliente. En general, su enfoque en la satisfacción del cliente, la adaptación tecnológica y la calidad del servicio lo posiciona como un técnico competente y consciente de las tendencias del mercado.
Identificar Desafíos: Reconocer los problemas que los usuarios enfrentan al lidiar con sus dispositivos tecnológicos, como problemas de software, hardware, seguridad y conectividad.
Tipos de Problemas: Determinar los tipos de problemas técnicos más comunes y problemáticos que los usuarios encuentran en sus dispositivos.
Búsqueda de Soluciones Actuales: Comprender cómo los usuarios actualmente buscan soluciones para sus problemas tecnológicos, ya sea a través de ayuda externa o resolución propia.
Nivel de Confianza: Evaluar la confianza de los usuarios en las soluciones disponibles en el mercado y su percepción de su eficacia y seguridad.
Disposición a Pagar: Identificar cuánto estarían dispuestos a invertir en una solución conveniente y confiable para sus problemas tecnológicos.
Características Deseadas: Identificar las características que los usuarios valoran en una aplicación de soluciones tecnológicas, como asistencia remota, educación técnica y seguimiento de historial.
Momentos de Uso: Reconocer en qué momentos específicos los usuarios necesitarán más una aplicación de soluciones tecnológicas, como situaciones urgentes o durante el trabajo.
Preferencias de Soporte: Comprender si los usuarios prefieren acceder a técnicos profesionales o seguir soluciones paso a paso para la autoreparación, dependiendo del problema.
Formas de Recepción: Identificar las preferencias de los usuarios sobre cómo desean recibir las soluciones, ya sea en línea, en persona, a través de tutoriales, etc.
USUARIO
TECNICO
En esta sección nos centraremos en las tareas que los User Personas familiares de clientes con limitación de disposición por falta de tiempo, representados por Lucas Vargas. Del mismo modo , el segundo User Persona son los profesionales en soluciones de equipos tecnológicos, representados por Mario Salas realizan su excelente labor con el único fin de alcanzar su propósito, teniendo como segmentos objetivos a los clientes con dificultades para trasladarse de un lugar a otro o no encontrar un técnico que le brinde seguridad y confianza.
| Tarea/Cliente | Cliente que necesita ayuda | Cliente que busca información | |
| Registrar un problema | X | ||
| Buscar soluciones | X | X | |
| Ver guías de ayuda | X | X | |
| Comunicarse con soporte | X | ||
| Seguir el progreso de un caso | X | ||
| Proporcionar retroalimentación | X | ||
| Marcar un caso como resuelto | |||
| Acceder a su historial de casos | |||
| User Task Matrix | Mario Salas | ||
| Técnico de Soporte | Usuario Novato | Usuario Experimentado | |
| Registrar un problema | X | ||
| Buscar soluciones | X | X | X |
| Ver guías de ayuda | X | X | X |
| Comunicarse con usuario | X | ||
| Realizar diagnóstico | X | ||
| Enviar actualizaciones | X | ||
| Marcar un caso como resuelto | |||
| Solicitar asistencia avanzada | X | ||
| Proporcionar retroalimentación | X | X | |
| Acceder a historial de casos | X | X | |
Usuario
Tecnico
Usuario
Tecnico
Usuario
Tecnico
Usuario
Tecnico
Se presenta las epics:
| #Orden | Titulo | Description |
Story Points
|
| 1 | Gestionar aplicación como técnico | Como tecnico deseo poder gestionar cada función que me brinda la aplicación web para así poder mejorar mi negocio | EP01 |
| 2 | Gestionar aplicación como cliente | Como cliente deseo poder gestionar cada función que me brinda la aplicación web para así poder encontrar a los mejores técnicos de mi zona | EP02 |
| 3 |
Visualizar un landing page
|
Como usuario desee visualizar un landing page para tener más información del aplicativo y sus creadores. | EP03 |
| 4 | Gestión de seguridad | Como usuario deseo una aplicación segura para poder estar cómodo y no sentirme inseguro por si alguien trata de entrar a mi cuenta. | EP04 |
Acontuniación los user stories:
| User Story ID | Título | Descripción | Criterios de aceptación |
Relacionado con (Epic ID)
|
| US01 | Mantener un Registro de Reparaciones |
Como técnico en TechXPrime, quiero poder mantener un registro detallado de todas las reparaciones realizadas, incluyendo información del cliente, historial de reparación y piezas utilizadas, para llevar un seguimiento preciso de cada trabajo.
|
Escenario N°1 Cando realizó una reparación para un cliente Entonces debo poder registrar información completa del cliente y el equipo reparado Y debo poder adjuntar notas relevantes sobre la reparación realizada
Escenario N°2 Dado que estoy logueado como técnico Cuando se requiere una segunda reparación en el mismo equipo Entonces debo poder acceder al historial de reparación del equipo Y utilizar esa información para diagnosticar y realizar la nueva reparación de manera más efectiva. |
EP01 |
| US02 | Notificar el Progreso de Reparación a los Clientes |
Como técnico en TechXPrime, quiero enviar notificaciones automáticas a los clientes para mantenerlos informados sobre el progreso de sus reparaciones, garantizando una comunicación efectiva y una experiencia de servicio transparente.
|
Escenario N°1 Cuando inició la reparación de un dispositivo Entonces debo tener la opción de enviar una notificación al cliente informando sobre el inicio de la reparación Y el cliente debe recibir la notificación. |
EP01 |
| US03 |
Programación de una página responsive
|
Como usuario, quiero ver la página web que se me brinda en diversos dispositivos móviles
|
Escenario N°1 Abrir la página web desde el celular Dado que soy un usuario Cuando desea ver la página web en otros dispositivos Entonces la página se acoplara al tamaño de mi dispositivo Y de esta manera poder visualizarla desde mi celular |
EP03 |
| US04 | Contenido sobre el startup |
Como usuario, quiero visualizar la información del startup para tener mas confianza en la aplicacion
|
Escenario N°1 Dado que soy un usuario Cuando desea ver la información del startup
Entonces me dirijo a la etiqueta “About us ” Y de esta manera poder visualizarla la información. |
EP03 |
| US05 |
Contenido sobre los beneficios de la aplicación
|
Como usuario, quiero visualizar los beneficios que me brinda la aplicacion |
Escenario N° 1 Dado que soy un usuario
Cuando desea ver la información del startup
Entonces me dirijo a la etiqueta “Services ”
Y de esta manera poder visualizar la información. |
EP03 |
| US06 |
Gestión de Inventarios
|
Como técnico en TechXPrime, quiero tener una funcionalidad de gestión de inventarios en la aplicación para asegurarse de que siempre tengamos las piezas y componentes necesarios disponibles para las reparaciones.
|
Escenario N°1 Cuando necesito realizar una reparación y requiero piezas específicas Entonces puedo verificar la disponibilidad de esas piezas en el inventario a través de la aplicación.
Escenario N°2 Cuando se agotan ciertas piezas en el inventario Entonces puedo registrar la necesidad de reabastecer esas piezas para que el equipo de compras pueda tomar medidas. |
EP01 |
| US07 |
Actualizar el Estado de la Reparación
|
Como técnico en TechXPrime, quiero poder actualizar el estado de una reparación de manera rápida y precisa en la aplicación para mantener informados a los clientes y garantizar una gestión eficiente del flujo de trabajo.
|
Escenario N°1 Dado que soy un técnico de TechXPrime Cuando termino una reparación Entonces puedo marcarla como "completada" en la aplicación Y el cliente recibe una notificación de que su dispositivo está listo para su recolección.
Escenario N°2 Cuando se requiere más tiempo para completar una reparación Entonces puedo actualizar el estado de la reparación como "en proceso" y proporcionar una estimación actualizada del tiempo de finalización. |
EP01 |
| US08 | Seguimiento de Reparación en Tiempo Real |
Como cliente en TechXPrime, deseo tener la posibilidad de realizar un seguimiento en tiempo real del estado de mi reparación, permitiéndole estar informado y actualizado sobre el progreso de mi dispositivo.
|
Escenario N° Seguimiento de Reparación Dado que estoy en la plataforma como cliente con una reparación en proceso
Cuando ingreso a mi perfil de reparación en la aplicación
Entonces debo poder ver el estado actual de mi reparación, como "En diagnóstico", "En reparación", etc.
Y el estado debe actualizarse de manera precisa y oportuna.
Escenario N°2 Dado que mi reparación cambió de estado
Cuando la reparación pasa a un estado nuevo, como "En reparación"
Entonces debo recibir una notificación en la aplicación que indique el cambio de estado y me brinde detalles sobre el progreso. |
EP02 |
| US09 |
Testimonios y Confianza del Usuario
|
Como usuario que visita la landing page, quiero ver testimonios reales de técnicos y clientes satisfechos que hayan utilizado TechXPrime, para construir confianza en la plataforma y sus servicios.
|
Escenario N°1 Dado que estoy explorando la landing page Cuando encuentro una sección de testimonios Entonces debo ver una serie de testimonios auténticos y detallados de técnicos y clientes reales, con fotos y nombres (si es posible), que describan experiencias positivas con TechXPrime.
Escenario N°2 Dado que estoy leyendo un testimonio Cuando veo un enlace a los perfiles de los técnicos o clientes que dejaron los testimonios Entonces debo poder hacer clic en el enlace y ver más detalles sobre el perfil del usuario y las reparaciones que han realizado o solicitado. |
EP03 |
| US10 |
Búsqueda de Técnico Confiable
|
Como cliente en TechXPrime, quiero tener la capacidad de buscar y encontrar un técnico confiable y calificado para reparar mis dispositivos electrónicos, asegurando una experiencia de reparación satisfactoria. |
Escenario N° 1 Dado que estoy en la plataforma como cliente
Cuando ingreso los detalles de mi dispositivo y el tipo de reparación que necesito
Entonces debo obtener una lista de técnicos disponibles con calificaciones y reseñas relevantes
Y puedo elegir un técnico adecuado para mis necesidades.
Escenario N° 2 Dado que he recibido una reparación exitosa
Cuando dejo una calificación y una reseña para el técnico que me atendió
Entonces mi calificación y reseña deben ser visibles para otros clientes interesados en sus servicios. |
EP02 |
| US11 |
Seguimiento de Ganancias y Gastos
|
Como técnico en TechXPrime, quiero tener una herramienta para rastrear mis ganancias y gastos asociados a cada reparación, para evaluar la rentabilidad de mi negocio y tomar decisiones informadas.
|
Escenario N° 1 Dado que estoy logueado como técnico
Cuando completo una reparación y confirmo el costo con el cliente
Entonces debo registrar el monto ganado en la plataforma junto con detalles relevantes
Y la plataforma debe actualizar mis ganancias totales de manera correcta.
Escenario N°2 Dado que estoy logueado como técnico
Cuando compro piezas para una reparación
Entonces debo registrar el costo de las piezas en el sistema, indicando la reparación correspondiente
Y el sistema debe restar el costo de las piezas de mis ganancias totales. |
EP01 |
| U12 |
Gestión de Reparaciones en Proceso
|
Como técnico en TechXPrime, quiero poder gestionar las reparaciones en proceso de manera efectiva para asegurarme de que todas las reparaciones estén en camino y se mantenga la comunicación con los clientes.
|
Escenario N°1
Estado de Reparación Dado que estoy logueado como técnico
Cuando selecciono una reparación en proceso
Entonces debo tener la opción de actualizar su estado, como "En diagnóstico", "En reparación", etc.
Y el estado debe actualizarse de manera correcta en el sistema. |
EP01 |
| US13 |
Adjuntar en favoritos
|
Como usuario deseo un apartado en donde pueda visualizar a mi técnicos favoritos.
|
Escenario N°1 El usuario adjunta un tecnico en favoritos. Given el usuario seleciona la estrella del tecnico para que sera su favorito.
Then se dirige al apartado de favoritos .
And puede selecionarlo desde ahi al tecnio que previamente adjunto como favorito
|
EP02 |
| US14 | Solicitar Reparación de un Equipo Tecnológico |
Como usuario que necesita reparar mi equipo tecnológico, quiero poder solicitar una reparación de manera rápida y sencilla a través de la aplicación de TechXPrime, para que mis dispositivos sean reparados de manera eficiente.
|
scenario N°1 Dado que soy un usuario que necesita una reparación
Cuando abro la aplicación de TechXPrime
Entonces veo una opción clara para "Iniciar Solicitud de Reparación"
Y puedo hacer clic en esa opción.
Escenario N°2 Dado que soy un usuario que necesita una reparación
Cuando inicio una solicitud de reparación
Entonces tengo la opción de adjuntar fotos o documentos relevantes para ayudar en la diagnóstico de la reparación. |
EP02 |
| US15 | Ingresar datos de confirmación de identidad | Como usuario deseo visualizar un apartado donde pueda registrarse e iniciar sesión para así no preocuparme de que alguien pueda entrar a mi cuenta. |
Escenario: Iniciar Sesión con Credenciales Válidas Dado que estoy en la página de inicio de sesión Cuando ingreso mi correo electrónico "usuario@example.com" y mi contraseña "contraseña123" Y hago clic en el botón "Iniciar Sesión" Entonces debo ser redirigido a la página de inicio de mi cuenta Y debo ver un mensaje de bienvenida Y debería tener acceso a mis datos y configuraciones personales.
Dado que estoy en la página de registro Cuando ingreso mi nombre, correo electrónico "nuevo_usuario@example.com" y una contraseña segura Y hago clic en el botón "Registrarse" Entonces debo ser redirigido a la página de inicio de mi cuenta Y debo ver un mensaje de bienvenida que confirme mi registro
Y debería tener acceso a mis datos y configuraciones personales |
EP04 |
| US16 |
Espacio de comunicación con el startup
|
Como usuario, quiero comunicarme con el startup para aclarar dudas o dar opiniones acerca de la aplicación |
Escenario N°1 Contacto y comunicación Dado que soy un usuario
Cuando desea ver un formulario donde pueda ingresar mi opinión
Entonces me dirijo a la etiqueta “Contact us ”
Y de esta manera poder visualizar el formulario |
|
| US17 | Efectos en la página web |
Como usuario, quiero visualizar efectos los cuales sean agradables y atraigan mas mi atención
|
Escenario N°1 Dado que soy un usuario
Cuando desee ver los efectos que brinda la página web
Entonces debo visualizar toda la página web
Y de esta manera poder visualizarla los efectos |
EP03 |
| US18 | Visualizar perfil de tecnico | Como usuario deseo visualizar el perfil del técnico para saber más acerca de él, sus reseñas ,experiencia y precio. |
Escenario: Ver Perfil de un Técnico
Y hay técnicos registrados en el sistema Cuando hago clic en el perfil de un técnico específico Entonces debo ser redirigido a la página de perfil del técnico Y debo ver la información detallada del técnico |
EP02 |
Usuario
Tecnico
| #Order | User Story id | Description | Story Point |
| 1 | US03 | Como usuario, quiero ver la página web que se me brinda en diversos dispositivos móviles | 1 |
| 2 | US04 | Como usuario, quiero visualizar la información del startup para tener mas confianza en la aplicacion | 1 |
| 3 | US17 | Como usuario, quiero visualizar efectos los cuales sean agradables y atraigan mas mi atención | 1 |
| 4 | US09 | Como usuario que visita la landing page, quiero ver testimonios reales de técnicos y clientes satisfechos que hayan utilizado TechXPrime, para construir confianza en la plataforma y sus servicios. | 1 |
| 5 | US05 | Como usuario, quiero visualizar los beneficios que me brinda la aplicacion | 1 |
| 6 | US15 |
Como usuario deseo visualizar un apartado donde pueda registrarse e iniciar sesión para así no preocuparme de que alguien pueda entrar a mi cuenta.
|
2 |
| 7 | US13 | Como usuario deseo un apartado en donde pueda visualizar a mi técnicos favoritos. | 2 |
| 8 | US18 |
Como usuario deseo visualizar el perfil del técnico para saber más acerca de él, sus reseñas ,experiencia y precio.
|
2 |
| 9 | U14 |
Como usuario que necesita reparar mi equipo tecnológico, quiero poder solicitar una reparación de manera rápida y sencilla a través de la aplicación de TechXPrime, para que mis dispositivos sean reparados de manera eficiente.
|
3 |
| 10 | US10 | Como cliente en TechXPrime, quiero tener la capacidad de buscar y encontrar un técnico confiable y calificado para reparar mis dispositivos electrónicos, asegurando una experiencia de reparación satisfactoria. | 5 |
| 11 | US01 |
Mantener un Registro de ReparaComo técnico en TechXPrime, quiero poder mantener un registro detallado de todas las reparaciones realizadas, incluyendo información del cliente, historial de reparación y piezas utilizadas, para llevar un seguimiento preciso de cada trabajo. ciones
|
5 |
| 12 | US06 |
Como técnico en TechXPrime, quiero tener una funcionalidad de gestión de inventarios en la aplicación para asegurarse de que siempre tengamos las piezas y componentes necesarios disponibles para las reparaciones.
|
5 |
| 13 | US15 |
Como usuario deseo visualizar un apartado donde pueda registrarse e iniciar sesión para así no preocuparme de que alguien pueda entrar a mi cuenta.
|
5 |
| 14 | US07 | Como técnico en TechXPrime, quiero poder actualizar el estado de una reparación de manera rápida y precisa en la aplicación para mantener informados a los clientes y garantizar una gestión eficiente del flujo de trabajo. | 5 |
| 15 | US11 | Como técnico en TechXPrime, quiero tener una herramienta para rastrear mis ganancias y gastos asociados a cada reparación, para evaluar la rentabilidad de mi negocio y tomar decisiones informadas. | 8 |
| 16 | US02 | Como técnico en TechXPrime, quiero enviar notificaciones automáticas a los clientes para mantenerlos informados sobre el progreso de sus reparaciones, garantizando una comunicación efectiva y una experiencia de servicio transparente. | 8 |
| 17 | US12 |
Como técnico en TechXPrime, quiero poder gestionar las reparaciones en proceso de manera efectiva para asegurarme de que todas las reparaciones estén en camino y se mantenga la comunicación con los clientes.
|
8 |
| 18 | US08 |
Como cliente en TechXPrime, deseo tener la posibilidad de realizar un seguimiento en tiempo real del estado de mi reparación, permitiéndole estar informado y actualizado sobre el progreso de mi dispositivo.
|
8 |
En esta sección, se presentarán de forma estructurada los estilos y recursos que emplearemos en la creación de nuestra solución.
En esta sección, se presentarán de forma estructurada los estilos y recursos que emplearemos en la creación de nuestra solución.
Brand Overview
En el Perú, la importancia de contar con dispositivos tecnológicos en buen estado es cada vez más evidente, ya sea para fines de estudio, trabajo u otros propósitos. A menudo, el servicio ofrecido a las personas que necesitan reparar sus dispositivos tecnológicos no cumple con las expectativas. Es cierto que no todos los técnicos brindan un servicio deficiente, pero aquellos que son realmente competentes no son ampliamente reconocidos, lo que resulta en una falta de conexión entre los clientes y los técnicos expertos, afectando a ambos grupos.
Nuestra solución, TechXPrime, surge como respuesta a esta desconexión entre los dos segmentos. Nuestro equipo ha desarrollado un producto diseñado para conectar de manera efectiva a clientes y técnicos expertos, permitiendo que ambos logren sus objetivos de manera satisfactoria.
Brand name
El nombre que hemos elegido para nuestra solución es TechXPrime. Esta elección se basa en la observación de la creciente necesidad de las personas de acceder a un servicio técnico de calidad. Los técnicos son quienes proporcionan este servicio relacionado con la "tecnología". Por lo tanto, la combinación de "tecnología" y la entrega de un servicio excepcional, representado por "Prime", son elementos fundamentales de nuestro software. Además, al utilizar el inglés como idioma en el nombre, buscamos comunicar su universalidad y hacerlo más atractivo para los usuarios.
A continuación, se present:a el Logo
Typography
La elección de la fuente tipográfica desempeña un papel importante al dividir los diversos contenidos de nuestras páginas en diferentes niveles. Además, si estas fuentes son amigables y bien diseñadas, pueden atraer visualmente al usuario y servir como guía a lo largo de nuestra interfaz.
En el caso de TechXPrime, nuestro equipo optó por utilizar la fuente Montserrat debido a su legibilidad tanto en la lectura como en la escritura. La tipografía en TechXPrime se estructura en cuatro niveles: encabezados (headings), cuerpo (body), botones (buttons) y enlaces (links).
Colors
Seleccionar los colores adecuados es una parte fundamental del proceso de diseño, ya que los colores elegidos transmiten la esencia de lo que ofrecemos como servicio. En nuestro caso, hemos elegido el azul como color principal y un tono verde azulado como color secundario. Además, hemos definido una paleta de colores adicionales que indicarán al usuario los estados o acciones que ocurren mientras interactúa con nuestra aplicación.
Color Primario Azul:
El color primario que hemos elegido es el azul. El azul se asocia comúnmente con la tecnología y el bienestar, y hemos seleccionado este color para transmitir a los usuarios la naturaleza de nuestra aplicación web. Además, el azul es conocido por generar serenidad y calma en las personas, lo que es coherente con nuestro objetivo de proporcionar una experiencia tranquila y agradable para los usuarios.
Color secundario morado:
Hemos seleccionado el color morado como nuestra elección secundaria debido a su capacidad para transmitir impacto, sabiduría, creatividad y una cierta sensación de magia a los usuarios. Además, este color evoca confianza, lo cual es de suma importancia para la imagen que deseamos proyectar a través de nuestra aplicación.
Color estado : Rojo -(Acción inconclusa o incorrecta)
Hemos asignado el color rojo a la categoría de "estado" en nuestra aplicación, con el propósito de señalar acciones incompletas o incorrectas por parte del usuario. La elección del rojo se basa en la idea de que este color resaltará de inmediato las acciones realizadas de manera errónea, permitiendo al usuario identificarlas de forma rápida y efectiva.
Color estado: Verde (Acción exitosa)
Hemos optado por utilizar el color verde en la categoría de "estado" de nuestra aplicación para indicar acciones exitosas. La elección del verde se basa en la familiaridad del usuario con este color, lo que permitirá que el usuario reconozca de inmediato que la acción ha tenido éxito.
Colos estado: Amarillo (Advertenia de una acción)
Hemos seleccionado el color amarillo para esta categoría de estado con el propósito de advertir al usuario cuando está llevando a cabo una acción que podría tener repercusiones en sus actividades futuras.
Color Estado: Gris (Botón o Acción deshabilitada)
Hemos optado por utilizar el color gris para indicar al usuario que una acción o botón está deshabilitado, ya que requerirá completar otras acciones en el futuro para poder activarlos.
Spacing
Utilizaremos un espacio que sea una cantidad divisible por 8 píxeles para cada componente
Tono de lenguaje de comunicación y lenguaje aplicado
Implementaremos un lenguaje que sea formal, sereno y confiable, al mismo tiempo que transmita entusiasmo. Nuestra intención es reforzar la sensación de paz, tranquilidad y confianza para el usuario, y dejar claro que nuestra aplicación es una herramienta seria y efectiva para abordar sus necesidades y resolver sus problemas.
Vamos a emplear un estilo de comunicación formal, tranquilo y de confianza, al mismo tiempo que incorporaremos un toque de entusiasmo. Nuestro objetivo principal es consolidar en el usuario una sensación de calma, serenidad y seguridad, mientras destacamos que nuestra aplicación es una solución seria y altamente eficaz para satisfacer sus requerimientos y solucionar sus desafíos.
Optaremos por emplear el patrón de diseño en forma de "Z". Esto se debe a nuestra intención de guiar al usuario durante la navegación en nuestra página de inicio y aplicación web. Inicialmente, el usuario comenzará su experiencia viendo nuestro logotipo en la parte superior, antes de dirigirse hacia la derecha para encontrar una serie de opciones disponibles. Luego, el flujo de la página se desplazará verticalmente hacia abajo, permitiendo que el usuario explore el contenido general de nuestra página de inicio y aplicación. Finalmente, al llegar al final de la página, el usuario visualizará información adicional sobre nuestro startup y cómo ponerse en contacto con nosotros, dispuesta horizontalmente en el lado derecho.
Es importante destacar que el diseño incorporará una paleta de colores que resulten atractivos para el usuario, con la intención de evocar sensaciones de tranquilidad, confianza y un fuerte deseo de utilizar nuestra aplicación. Asimismo, los espacios y efectos visuales que se implementarán servirán para comunicar claramente el propósito y contenido de nuestra página de inicio y aplicación web, proporcionando al usuario una comprensión intuitiva de lo que ofrecemos.
En esta sección, vamos a detallar cada sección de nuestro software, adaptándolas a las necesidades de cada grupo de usuarios. Además, estableceremos los elementos de navegación que serán utilizados dentro de nuestra aplicación para facilitar la experiencia del usuario mientras se desplaza por las diferentes áreas de la misma.
A continuación, se describen los formatos visuales que se aplicarán a cada conjunto de información, considerando el público objetivo y la forma en que se organizarán las categorías.
Segmento 1: Personas que deseen el servicio de un buen técnico
Jerarquía:
Lista de Técnicos: Los técnicos se presentarán de manera vertical y ordenada, y los usuarios tendrán la opción de aplicar filtros para personalizar la clasificación según sus preferencias. Esto permitirá que los usuarios elijan al técnico de su elección.
Perfil del Técnico: Los usuarios podrán acceder y examinar el perfil del técnico para obtener información adicional sobre él.
Lista de Favoritos: Los técnicos se mostrarán en un formato vertical y ordenado, y se ofrecerá la capacidad de aplicar filtros para reorganizar la lista, de acuerdo a las preferencias individuales de los usuarios. Esto permitirá a los usuarios encontrar rápidamente al técnico que les ha proporcionado un servicio de alta calidad.
Bandeja de Entrada: Esta bandeja se dividirá en dos partes. En la primera sección, se mostrarán las solicitudes de servicio a los técnicos en un formato ordenado y vertical. En la segunda pestaña dentro de la misma bandeja de entrada, se presentarán las solicitudes que han sido aceptadas.
Secuencial:
Solicitud de Servicio Técnico: Este proceso requiere que el cliente proporcione detalles específicos para solicitar un servicio técnico. Se debe suministrar información como nombre completo, fecha y hora deseada, descripción del fallo del equipo y método de pago.
Calificación y Comentario del Técnico: Al finalizar el servicio con el técnico, los usuarios tendrán la oportunidad de calificar la calidad del servicio y compartir sus experiencias al interactuar con ese técnico.
Matricial:
Seguimiento del Progreso de la Reparación: En esta sección, los usuarios podrán verificar el estado actual de la reparación de su dispositivo, ya sea en las etapas de inicio, proceso o finalización.
Segmento 2: Técnico de Reparación de Celulares
Jerarquía:
Lista de Solicitudes de Reparación: Las solicitudes de los clientes que desean programar una cita con el técnico se presentarán de manera ordenada y vertical. El técnico podrá aplicar filtros según sus preferencias para aceptar las reservas que le resulten más convenientes.
Lista de Tareas: Se mostrarán de manera organizada todas las tareas asignadas por el técnico, cada una de las cuales estará detallada y podrá ser filtrada según las preferencias del técnico.
Secuencial:
Asignación de Tareas: Para asignar una tarea, el técnico debe haber programado previamente una cita con el cliente. Posteriormente, al designar la tarea, podrá detallar los términos acordados con el cliente, así como otros aspectos técnicos relevantes.
Visualización del Inventario: Para acceder al inventario, el técnico deberá dirigirse a su panel de control y seleccionar la sección correspondiente al inventario.
Matricial:
Visualización de Tareas en Progreso: El técnico podrá consultar las tareas que ha asignado, accediendo a los detalles de cada una y verificando el tiempo restante para su realización.
Del mismo modo, existen algunas funciones que se aplican a ambos segmentos:
Jerarquía:
Página de Inicio: La página web estática representa la sección donde los nuevos usuarios podrán encontrar toda la información y ventajas que ofrece nuestra aplicación web, además de conocer más sobre nuestro equipo y otros detalles relevantes. Toda esta información estará organizada y categorizada de manera que los nuevos usuarios se sientan cómodos navegando por ella.
Lista de Comentarios: Los comentarios de los clientes acerca de los servicios prestados por los técnicos se presentan de manera ordenada en el perfil del técnico correspondiente, donde se haya dejado el comentario sobre su servicio.
Matricial:
Menú: Tanto los usuarios como los técnicos tendrán acceso a un menú de opciones que variará según su rol (usuario o técnico). Este menú proporcionará un acceso rápido a las secciones de la aplicación web pertinentes para cada uno de ellos.
En esta sección, el equipo de trabajo presentará las etiquetas que se utilizarán en nuestra página de inicio:
Inicio/Home: Esta sección inicial estará preseleccionada y presentará un banner con una frase representativa. Además, proporcionará una idea principal y un botón que permitirá al usuario ingresar a la aplicación.
Servicios/Service: Esta sección estará dividida por segmentos, mostrando los beneficios específicos que cada uno obtendrá al utilizar la aplicación.
Comentarios/Comments: Aquí se exhibirán los comentarios de las personas que han utilizado nuestra aplicación, ofreciendo opiniones y experiencias.
Contactanos/Contact Us: En esta sección, se proporcionarán nuestros canales de comunicación y se incluirá un formulario a través del cual los usuarios podrán enviar sus comentarios y consultas.
Nosotros/About Us: Los clientes podrán acceder a información sobre el equipo que trabaja en el desarrollo y funcionamiento de la aplicación.
Segmento 1: Usuarios que buscan servicios de técnicos de reparación.
Inicio/Home: La sección de inicio mostrará un resumen general que incluye el estado de reparación del equipo, la lista de técnicos disponibles y la bandeja de entrada. Los detalles específicos se encontrarán en otras secciones a las que el usuario puede acceder.
Progreso de Reparación/Progress: Esta sección proporcionará al usuario información detallada sobre el estado actual de la reparación de su equipo, indicándole cuánto tiempo falta para que pueda recogerlo.
Técnicos/Technical: Aquí, los usuarios encontrarán una lista de técnicos organizados inicialmente por calificación, y tendrán la opción de aplicar filtros según experiencia, calificación y costo. También dispondrán de una barra de búsqueda para encontrar técnicos específicos.
Favoritos/Favorite: En esta sección, los usuarios podrán ver a los técnicos que han marcado como favoritos, lo que facilitará su búsqueda si desean volver a contactarlos en el futuro.
Bandeja de Entrada/Inbox: La bandeja de entrada mostrará todas las solicitudes aceptadas por los técnicos a los que han solicitado servicios.
Segmento 2: Técnicos de Reparación de Celulares
Inicio/Home: La sección de inicio será preseleccionada y mostrará un resumen general que incluye las tareas en curso, el panel de control y las solicitudes de servicio. Los detalles específicos se encontrarán en otras secciones a las que el técnico puede acceder.
Perfil/Profile: En esta sección, el técnico podrá ver su perfil, incluyendo los comentarios que los clientes le han dejado, y tendrá la capacidad de editar su información personal.
Tareas/Task: El técnico podrá generar tareas que servirán como recordatorios para sus servicios pendientes, indicando a quién está brindando servicio, la fecha de finalización y los detalles de la reparación.
Pedidos/Request: Esta sección funcionará como una bandeja de entrada donde el técnico podrá aceptar o rechazar las solicitudes de cita de los clientes.
Panel de Control/Dashboard: En este apartado, el técnico tendrá acceso a dos herramientas de gestión de negocios. Se le proporcionará un inventario de componentes y estadísticas de ingresos mensuales y semanales para facilitar la administración de su negocio.
Esta etiqueta se emplea para indicar la codificación de caracteres utilizada en un documento HTML. Su función es facilitar la interpretación adecuada de caracteres especiales tanto para motores de búsqueda como para navegadores, garantizando una representación precisa del texto en varios idiomas.
Esta etiqueta le indica al navegador que utilice la versión más reciente de Internet Explorer o el modo de emulación Edge para renderizar la página web. Esto contribuye a asegurar la compatibilidad y una representación correcta en navegadores más antiguos de Internet Explorer.
Esta etiqueta es esencial para el diseño web receptivo (responsive design). Específicamente, indica que el ancho del viewport debe ser igual al ancho del dispositivo y que la escala inicial debe ser 1.0, lo que ayuda a optimizar la visualización en dispositivos móviles.
Esta etiqueta "meta" se emplea para definir palabras clave que están relacionadas con el contenido del sitio web.
Esta etiqueta "meta" ofrece una breve sinopsis del contenido de la página web. La descripción meta se presenta en los resultados de búsqueda de Google y otros motores de búsqueda.
La etiqueta "title" se emplea para establecer el título de la página, lo cual es fundamental para el SEO. Este título aparece en la barra de título del navegador y es uno de los aspectos más críticos para el posicionamiento en motores de búsqueda.
En resumen, estas etiquetas y metaetiquetas se utilizan en el sitio web TechXPrime para mejorar la optimización en motores de búsqueda y la experiencia del usuario. Se utilizan para definir la codificación, asegurar la compatibilidad con navegadores, implementar un diseño adaptable, especificar el título de la página, indicar palabras clave y proporcionar una descripción del contenido.
Lista de técnicos disponibles: Esta funcionalidad es fundamental en la aplicación TechXPrime, ya que permite a los usuarios elegir entre los técnicos disponibles para la reparación de sus dispositivos móviles. Inicialmente, los técnicos se presentarán en orden alfabético, pero los usuarios tendrán la capacidad de aplicar varios filtros y ordenarlos por género, ubicación, nombre y otros criterios. Una vez aplicados los filtros, se mostrará una nueva lista con los técnicos que cumplen con los requisitos seleccionados por el usuario.
Lista de reseñas y comentarios de técnicos: En esta sección, los usuarios de TecHelp pueden acceder a reseñas y comentarios dejados por otros clientes sobre los servicios proporcionados por los técnicos. Esto permite a los usuarios tomar decisiones informadas al seleccionar un técnico para la reparación de su dispositivo. Las reseñas y comentarios se presentarán en un formato de lista y contendrán información sobre la satisfacción del cliente, la calidad del trabajo realizado y otros aspectos relevantes. Los usuarios podrán acceder a la información completa de cada reseña y comentario haciendo clic en ellos.
Segmento 2: Técnicos expertos en reparación de dispositivos móviles
Bandeja de entrada de clientes: En esta sección de TecHelp, los técnicos tendrán acceso a un registro completo de todos los clientes que han solicitado servicios de reparación.
Registro de tareas: En esta área, los técnicos podrán llevar un registro de todas las tareas pendientes que tengan asignadas. Estas tareas se organizan por cliente y se completan en tiempo real junto con el cliente, lo que garantiza un seguimiento satisfactorio.
Registro de piezas y componentes: En esta sección, los técnicos podrán registrar todas las piezas y componentes disponibles para las reparaciones, incluyendo detalles como nombre, número de serie (si aplica), cantidad en stock, proveedor y fecha de adquisición.
Control de inventario: TechXPrime proporcionará una vista en tiempo real del inventario actual de piezas y componentes. Los técnicos podrán verificar la cantidad disponible de cada elemento en cualquier momento y recibir notificaciones cuando los niveles de inventario sean bajos, lo que facilitará la gestión de reposición de existencias.
La página de inicio de TechPrime ha sido diseñada con un sistema de navegación intuitivo y eficaz para permitir a los usuarios moverse de manera ágil y segura por todas las secciones de interés. Los encabezados de navegación se sitúan en la parte superior de la página y presentan un menú lateral que facilita la navegación fluida en todo el sitio.
Página de inicio (Home):
En esta sección principal, los usuarios pueden acceder a la página de inicio de TecHelp, donde obtienen una visión general de los servicios ofrecidos y las últimas actualizaciones.
Servicios (Services):
Aquí, los visitantes tienen la oportunidad de explorar de manera detallada los servicios técnicos de reparación de celulares que TecHelp proporciona. Desde reparaciones de pantalla hasta soluciones de software, esta sección ofrece información completa sobre los servicios disponibles.
Comentarios (Comments):
Esta sección está orientada a los técnicos interesados en unirse a la comunidad de TecHelp. Aquellos interesados pueden obtener información sobre cómo registrarse como miembros y aprovechar las oportunidades que la plataforma ofrece.
Acerca de nosotros (About us):
En esta sección, los usuarios pueden acceder a información sobre cada uno de los miembros del equipo detrás del startup TechXPrime.
Contáctanos (Contact us):
Para consultas, soporte técnico o cualquier pregunta relacionada con TechXPrime, los usuarios pueden acceder fácilmente a la sección de contacto. Aquí encontrarán información de contacto y un formulario para enviar sus consultas directamente.
Gracias a estos encabezados de navegación, los usuarios pueden moverse con facilidad por la página de inicio de TechXPrime, accediendo rápidamente a la información que les interesa con solo un clic. Esto garantiza una experiencia de usuario eficiente y satisfactoria en nuestro sitio web.
En este capítulo, se ha trabajado en la creación de wireframes, que son representaciones de bajo nivel en escala de grises que nos brindan una primera impresión de cómo se verá el diseño de la página de inicio.
En este capítulo, se ha avanzado en la creación del mockup, el cual ha sido diseñado utilizando tonos de azul y se han incorporado imágenes relacionadas con lo que se había planteado en los wireframes.
En esta seccion se hablara de los wirframe mas relevantes, se representa en baja calidad y en escalas de grises
https://www.figma.com/file/l4oCJeuS1oesDwycrFzlvO/Aplicacion-WEB?type=design&node-id=821%3A1444&mode=design&t=xNoCykkPb2uQN8HZ-1
Interfaz de registro e iinicio de session: En este apartado se visual Como el usuario se registar e inicia sesion en nuestra aplicacion
Interfaz de comentario: En este apartado se visual Como el usaurio comentaria un servicio
Interfaz de busqueda: En este apartado se visualize la busqueda que haria el usuario al buscar por nombre
Interfaz de Para realizer un cita: El usuario rellenara lo pedido.
Se puede observar todos los wireflow diagrams que se han realizado.
Se adjunta link https://www.figma.com/file/l4oCJeuS1oesDwycrFzlvO/Aplicacion-WEB?type=design&node-id=508%3A838&mode=design&t=xNoCykkPb2uQN8HZ-1
USUARIO:
TECNICO:
En este apartado se mostraran algunos mockups de la aplicación web que se han realidazado:
Se adjunta link https://www.figma.com/file/l4oCJeuS1oesDwycrFzlvO/Aplicacion-WEB?type=design&node-id=766%3A7528&mode=design&t=xNoCykkPb2uQN8HZ-1
En el siguiente apartado, se obeseravaran los user flow diagrams
Se adjunta link, para major visualization: https://overflow.io/s/LBGH933M
Goal: Como usuario deseo registrarse dentro de la aplicación web.
GOAL: Como usuario deseo iniciar session de monera rapida y segura
GOAL: Como tecnico deseo editor mi perfil de monera detallada
GOAL: Como tecnico deseo craer areas nuevas donde pueda adjuntar mi inventario
GOAL: Como tecnico deseo crear un inventario para poder gestionar mis componenetes.
Goal: Como tecnico deseo reviser mi balance de ingress y egresos
En este apartado se muestra el prototipo de cómo será nuestra aplicación web, dividido en dos flow muestra detalladamente todo lo que podrá hacer el usuario cuando ingrese a la aplicación
INVENTARIO: Esta clase representa los PRODUCTOS en el inventario de la plataforma. Cada producto tiene atributos como nombre, descripción, cantidad disponible y precio. El inventario se utiliza para llevar un registro de los productos disponibles para los usuarios y para gestionar el stock.
TÉCNICO: Representa a los TÉCNICOS que brindan servicios en la plataforma. Cada técnico tiene atributos como nombre, especialización, calificaciones y disponibilidad. Los técnicos ofrecen servicios a los usuarios, y esta clase se utiliza para gestionar la información de los técnicos en la plataforma.
FOTO: Representa las FOTOS relacionadas con las sesiones o eventos en la plataforma. Cada foto tiene atributos como título, descripción, fecha de carga y propietario. Las fotos pueden estar asociadas a sesiones, comentarios o eventos en la plataforma, y esta clase se utiliza para almacenar y gestionar estas imágenes.
COMENTARIO: Representa los COMENTARIOS realizados por los usuarios en la plataforma. Cada comentario tiene atributos como contenido, fecha de publicación y autor. Los comentarios se utilizan para que los usuarios expresen sus opiniones y experiencias en la plataforma.
PERSONA COMÚN: Representa a las PERSONAS COMUNES registradas en la plataforma. Cada persona común tiene atributos como nombre, dirección de correo electrónico y contraseña. Estas personas pueden ser usuarios que no sean técnicos ni administradores, y esta clase se utiliza para gestionar sus cuentas y perfiles en la plataforma.
USUARIO: Representa a los USUARIOS que utilizan la plataforma. Cada usuario tiene atributos como nombre de usuario, dirección de correo electrónico y rol (que puede ser técnico o persona común). Los usuarios utilizan la plataforma para acceder a los servicios y funcionalidades disponibles.
CALIFICACIÓN: Representa las CALIFICACIONES otorgadas por los usuarios en la plataforma. Cada calificación tiene atributos como puntuación, comentario relacionado y autor. Las calificaciones se utilizan para evaluar la calidad de los servicios prestados por los técnicos y para proporcionar retroalimentación a la comunidad.
En esta sección se presentan los enlaces a las aplicaciones y productos de software desarrollados a lo largo del ciclo del proyecto utilizando las herramientas y programas utilizados.
-TRELLO
Trello es una herramienta de administración de proyectos que nos permite gestionar nuestras actividades, reuniones y otras tareas de manera efectiva a través de una interfaz que se presenta en forma de tableros.
Puedes acceder a la página de Trello en este enlace: https://trello.com
-Pivotal Tracker
Pivotal Tracker es una herramienta de gestión de proyectos ágiles que se centra en la gestión de la lista de características del producto y mide factores como la velocidad. Es especialmente útil para equipos que colaboran de forma distribuida.
Puedes acceder al sitio web de Pivotal Tracker en este enlace: https://www.pivotaltracker.com
-UXPressia
UXPressia es una plataforma en línea que simplifica la creación de mapas de impacto, perfiles de usuario y otros elementos utilizados en procesos de análisis y mejora de la experiencia del cliente.
Puedes acceder al sitio web de UXPressia en este enlace: https://uxpressia.com
Figma
Figma, por otro lado, es una herramienta que permite crear de forma gratuita diversos conceptos como wireframes, diseños web y aplicaciones. Es especialmente útil para diseñadores y desarrolladores web, ya que ofrece una amplia gama de funcionalidades y recursos.
Puedes acceder al sitio web de Figma en este enlace: https://www.figma.com
-IntellIJ IDEA Ultimate
IntellIJ IDEA Ultimate es un entorno de desarrollo integrado (IDE) diseñado para JavaScript y tecnologías relacionadas. Al igual que otros IDE de JetBrains, mejora significativamente la experiencia de desarrollo al automatizar tareas repetitivas y simplificar la gestión de tareas complejas. Proporciona un conjunto de herramientas altamente útiles y una interfaz intuitiva y accesible.
Puedes acceder al sitio web de WebStorm en el siguiente enlace:
IntellIJ IDEA Ultimate
-Lenguaje Gherkin:
Gherkin es un lenguaje no técnico que se caracteriza por su facilidad de comprensión y puede ser comprendido por cualquier persona. Este lenguaje nos permite describir comportamientos mediante la estructura de pasos "Given, When y Then".
-GitHub Pages:
Para llevar a cabo la publicación de nuestra Landing Page, utilizamos GitHub Pages, una herramienta que ofrece alojamiento gratuito para repositorios públicos.
➢ Repositorios en Github
| Repositorio | Enlace |
| Landing-Page | https://github.com/ApiTechXPrime/LadingPage-ApiTechXPrime.git |
➢ GitFlow
El flujo de trabajo GitFlow se basa en la gestión de dos ramas principales, "master" y "develop", para llevar un registro histórico del proyecto de manera organizada.
- La rama "master" alberga las versiones oficiales del proyecto, mientras que la rama "develop" se encarga de integrar las nuevas funcionalidades a medida que se desarrollan.
- Las nuevas funciones se crean en ramas llamadas "feature", y una vez que están completas, se fusionan con la rama "develop".
- Cuando se acerca la fecha de publicación, se crea una rama llamada "release". Esta rama se utiliza para resolver errores y generar documentación relacionada con la próxima versión. Luego, en el momento del lanzamiento, se fusiona con las ramas "develop" y "master".
- En caso de necesitar correcciones o mantenimiento, se crea la rama "hotfix". Una vez que las correcciones están completas, se fusiona directamente en la rama "master" con una nueva versión y en la rama "develop".
Este enfoque de flujo de trabajo GitFlow proporciona una estructura organizada para el desarrollo y mantenimiento de proyectos, asegurando una gestión eficiente de versiones y correcciones.
Branchs:
- master
- develop
- feature
En esta sección, se describirán las convenciones, directrices, estilos y principios clave que se seguirán al codificar nuestra aplicación. El uso apropiado y el sangrado (indentado) adecuado de las líneas de código son fundamentales para mantener un código limpio y ordenado, lo que facilita la identificación y corrección de posibles errores durante la ejecución. Los lenguajes de programación que se utilizarán en el proyecto incluyen Vue, HTML, CSS y JavaScript. A continuación, detallamos las recomendaciones y reglas básicas que se respetarán en la programación.
Nomenclatura General:
La nomenclatura de las variables, funciones y componentes se basará en un enfoque de nomenclatura descriptiva y significativa. Los nombres de las entidades deben reflejar claramente su función y propósito en el contexto de la aplicación.
Sangría:
El formato y sangrado del código en HTML, CSS y JavaScript seguirán un estándar. Se utilizarán dos espacios para la sangría en lugar de la tecla "Tab", siguiendo la recomendación de W3Schools (s.f).
Esta convención de sangría se aplica de manera consistente en todo el código para mantener la legibilidad y coherencia en el proyecto. El uso de dos espacios ayuda a mantener un diseño limpio y evita problemas de alineación que a veces pueden surgir con el uso de "Tabs". Además, es importante recordar que un código bien sangrado mejora la comprensión y colaboración entre los miembros del equipo de desarrollo, lo que es esencial en proyectos colaborativos.
HTML:
Se seguirán las prácticas recomendadas en HTML, como el uso adecuado de las etiquetas, atributos y la estructura semántica para garantizar una buena accesibilidad y SEO. Se emplearán nombres de clases y atributos significativos y se evitarán los valores duplicados o ambiguos.
CSS:
Para el código CSS, se utilizará una combinación de reglas específicas y una organización estructurada. Se seguirá una metodología de nomenclatura consistente, como BEM (Block Element Modifier) o una convención similar, para facilitar la comprensión y el mantenimiento del código.
JavaScript:
En el código JavaScript, se aplicarán buenas prácticas de programación, como el uso de funciones descriptivas y la modularización del código en módulos o componentes cuando sea apropiado. Además, se evitará el uso de variables globales en la medida de lo posible y se seguirán patrones de diseño, como el patrón módulo o el patrón observador, según corresponda a la arquitectura de la aplicación.
La adhesión a estas convenciones y pautas de estilo ayudará a mantener la consistencia y la calidad del código fuente a lo largo del proyecto, lo que facilitará la colaboración entre los miembros del equipo y mejorará la mantenibilidad y la eficiencia en el desarrollo de la aplicación.
Se optó por desplegar nuestra Landing Page mediante Github Pages, utilizando la rama principal (master) que contiene las versiones estables del código. Esta elección asegura que la Landing Page esté siempre actualizada y refleje la versión más fiable del contenido. Además, Github Pages proporciona una sólida infraestructura de alojamiento web que garantiza una disponibilidad constante para nuestros visitantes.
Enlace de Github Pages: https://apitechxprime.github.io/LadingPage-ApiTechXPrime/
En esta primera iteración, nuestra meta principal fue llevar a cabo la implementación del diseño de nuestra Landing Page utilizando la herramienta WebStorm. Esto implica que al finalizar el Sprint, cada una de las secciones, como Home, Service, Comments, About Us o Contact Us, debe estar completamente finalizada y funcional.
Repositorio: https://github.com/ApiTechXPrime/LadingPage-ApiTechXPrime.git
LandingPage: https://apitechxprime.github.io/LadingPage-ApiTechXPrime/
| Sprint # | Sprint 1 |
| Sprint Planning Background | |
| Date | 2023-09-09 |
| Time | 3:00 PM |
| Location | Discord |
| Prepared By | Luis Lagos |
| Attendees (to planning meeting) | Leonardo Ferreyra, Victor Diaz, Bruce Cipriano, Anthony Loarte |
| Sprint Goal & User Stories | |
| Sprint 1 Goal | Implementar la landing page de nuestra aplicación web TechXPrime, utilizando patrones de UX/UI, para brindar a los visitantes una experiencia atractiva e informativa que los motive a explorar más la plataforma. |
| Sprint 1 Velocity | 25 |
| Sum of Story Points | 23 |
| SPRINT 1 | |||||||
| User Story | Work/Tasks | ||||||
| ID | Title | ID | Title | Description | Estimation | Assigned to | Status(To-do/In-Process/To-review/Done) |
| US04 |
Contenido sobre el startup
|
T1 | Se incluye la información del startup | Se incluye información del startup mediante html | 1h | Luis Lagos | Done |
| T2 | Se incluye el apartado css | Se realiza el diseño gracias al css | 1h | Luis Lagos | Done | ||
| US03 | Programación de una página responsive | T3 | Se programa una pagina responsive | Se desarrolla la pagina responsive con ayuda de javascript | 2h | Leonardo Ferreyra | Done |
| US17 | Contenido sobre los beneficios de la aplicación | T4 | Detallar la información de los beneficios | Mediante el uso de html se implementaron los beneficios | 1h | Bruce Cipriano | Done |
| T5 | Diseñar el apartado de beneficios | Mediante el uso de css se puede diseñar la pagina. | 1h | Bruce Cipriano | Done | ||
| US07 | Efectos en la página web | T6 | Efectos, animación y estética | Mejorar la estética de la Landing Page mediante efectos visuales y animaciones atractivas. | 2h | Anthony Loarte | Done |
| US16 | Espacio de comunicación con el startup | T7 | Contacto y comunicación | Implementar secciones que faciliten el contacto y la comunicación de los visitantes con TechXPrime. | 2h | Victor Diaz | Done |
En este Sprint 1, se ha implementado nuestra landing page con las siguientes ramas y commits.
| Repository | Branch | Commit id | Commit Message | Commit Message Body | Committed on (date) |
https://github.com/ApiTechXPrime/LadingPage-ApiTechXPrime.git | master | 629af1ba32c793cde5badce54143dda876b6f946 | Initial commit | Se creó el proyecto | 09/09/2023 |
| feature | b81087b0de50e111f1f6e25ab7d798a488217dfd | feat(Feature): Include Index | Se agregó el index.html | 09/09/2023 | |
| feature | 9f51e9456674f4974eaa0afa65925b4827cf38bc | feat(Feature): Include Head | Se agregó el head | 09/09/2023 | |
| feature | 46cd4868a0d8e992def99df6b0a88a85e9754783 | feat(Feature): Include Header | Se agregó el header | 09/09/2023 | |
| feature | 144841508c6bc268fc8af6d5a075bb5a816a0a2a | feat(Feature): Include Home | Se agregó el section home | 09/09/2023 | |
| feature | 57d32f2999565d491dea5ae695086e6f1fb05312 | feat(Feature): Include Services | Se agregó el section services | 09/09/2023 | |
| feature | b174e2eac61b5957c03c29f4f1b2dbcf993824b4 | feat(Feature): Include Comments | Se agregó el section comments | 09/09/2023 | |
| feature | 80436ab68cc641928cc99cd5a252c8efaa7ce9c2 | feat(Feature): Include About us | Se agregó el about us | 09/09/2023 | |
| feature | 998e32dac0e9c45a962582ce6a220c440ad3d496 | feat(Feature): Include Contact Us | Se agregó el contact us | 09/09/2023 | |
| feature | 9f01ee15a35c57f9c51cbc61418c0ddd39745a53 | feat(Feature): Include Footer | Se agregó el footer | 09/09/2023 | |
| Styles | 528b411c7f43af84f572676ea2047fdfbc74d891 | feat(Styles): Include Styles | Se agregaron styles | 09/09/2023 | |
| Styles | 320b3149e070525dd5233fb738b447e468797b00 | feat(Styles): Include Responsive Typography | Se agregó responsive typography | 09/09/2023 | |
| Styles | 320b3149e070525dd5233fb738b447e468797b00 | feat(Styles): Include Nav | Se agregó estilos al nav | 09/09/2023 | |
| Styles | 2e06cb0ff2de757d46f510d03b8b6e84b98c3e7d | feat(Styles): Include Menu | Se agregó estilos al menu | 09/09/2023 | |
| Styles | 7fd9b1bf201afbb64101c7a2ebc81acc55b3dde4 | feat(Styles): Include Home | Se agregó estilos al home | 09/09/2023 | |
| Styles | b340cdc0f44a7d06fb00a7948a9942e43be80f4e | feat(Styles): Include Service Section | Se agregó estilos al Services | 09/09/2023 | |
| Styles | 076469ab0515fb4af8b71f5dc1210d36fb5f9bbb | feat(Styles): Include Comments | Se agregó estilos al comments | 09/09/2023 | |
| Styles | 906748b8037c54cf10a720a47d7d3f94a52aaca2 | feat(Styles): Include About Us | Se agregó estilos al about us | 09/09/2023 | |
| Styles | b6eba4eaa8daad0a9f600fa3f1c426f7e6a5c220 | feat(Styles): Include Contact | Se agregó estilos al contact | 09/09/2023 | |
| Styles | a7572b813084afa940c50a75007c9de09988f120 | feat(Styles): Include Footer | Se agregó estilos al footer | 09/09/2023 | |
| Styles | 468b54287569d0aca4c9c2b1579dcc5b358fffab | feat(Styles): Include Breakpoints | Se agregaron los breakpoints | 09/09/2023 | |
| JavaScript | b082566b2b0acc53fd5210aee42f5736c7ab9847 | feat(JavaScript): Include scrollreveal.min.js | Se agregó script para el scrollreveal | 09/09/2023 | |
| JavaScript | 30b3a7bd2b8169a5876173da52ea060debdb191a | feat(JavaScript): Include show menu | Se agregó script para el show menu | 09/09/2023 | |
| JavaScript | 46f29d6626e66b51f1ee6b43af3c523ea7fbe933 | feat(JavaScript): Include remove menu | Se agregó script para el remove menu | 09/09/2023 | |
| develop | 629af1ba32c793cde5badce54143dda876b6f946 | Merge remote-tracking branch 'origin/feature' into develop | Se hizo merge de feature a develop | 09/09/2023 | |
| develop | 91cec166171a33001a3f431505845a2e4b59a0e4 | Merge remote-tracking branch 'origin/Styles' into develop | Se hizo merge de Styles a develop | 09/09/2023 | |
| develop | b0c08844229d37fbbf54f1ac426ca9fb336266d2 | Merge remote-tracking branch 'origin/JavaScript' into develop | Se hizo merge de JavaScript a develop | 09/09/2023 | |
| develop | c2f530ef357e2793bb110ab73b1275c844d88015 | docs(Documents): Organized documents and include img | Se organizó las carpetas y se agregaron las imágenes | 09/09/2023 | |
| master | 3dc8fc1a2539b68b58b3000c8ec8c6476f66ed0b | Merge remote-tracking branch 'origin/develop' into master | Se hizo merge de develop a master | 09/09/2023 |
Para este Sprint 1, solo se desarrolló los features relacionados con el sitio web estático (Landing Page), no se llevó a cabo la implementación de los Web Services.
Al concluir el Sprint 1, se completó la implementación de todas las secciones de nuestra Landing Page, asegurando una visualización impecable. Además, se aplicó un diseño atractivo que dirige la atención del usuario hacia sus diversos elementos. Asimismo, se incorporaron elementos de navegación, como botones estratégicamente ubicados al inicio y al final de la página, para facilitar la transición entre secciones. A continuación, se muestran imágenes que reflejan el progreso logrado.
Es importante destacar que la principal función de la Landing Page es convertir a los visitantes en futuros clientes o usuarios habituales de nuestro servicio, lo cual se logra mediante llamados a la acción (CTA) que los guían hacia la aplicación web.
A continuación, se presentan capturas de pantalla del desarrollo de la Landing Page:
Se presenta el encabezado (Header), en el cual se hallan los botones de navegación Home, Service, Comments, About Us, Contact Us, que permiten a los usuarios moverse hacia la sección que deseen ver.
Ilustración 1: Encabezado (Header), logo y botones de desplazamiento
En la sección Hero, se exhibe una breve descripción y una declaración emblemática de TechXPrime. También se ofrece la oportunidad de comenzar a utilizar el servicio web y se presenta una imagen relacionada con esta temática.
Ilustración 2: Sección Hero
En la sección de servicios, se presenta una combinación de texto e imagen coherente con el propósito de facilitar su visualización.
Ilustración 3: Sección Servicios
En la sección de comentarios, se exhiben tarjetas de información que incluyen testimonios de clientes satisfechos con el servicio proporcionado por TechXPrime.
Ilustración 4: Sección Comentarios
En la sección About Us, compartimos nuestra historia y pasión por la tecnología. Descubre quiénes somos y cómo hemos crecido como equipo, apasionados por brindar servicios técnicos confiables y eficientes.
Ilustración 5: Sección About Us (1)
Ilustración 6: Sección About Us (2)
En la sección contáctanos, te invitamos a comunicarte con nosotros. Descubre cómo puedes ponerte en contacto con nuestro equipo y estamos aquí para responder a tus preguntas y necesidades.
Ilustración 7: Sección Contáctanos
En el footer, encontrarás enlaces a nuestras redes sociales, información de contacto y botones que te permitirán volver a las secciones que desees en la página. Estamos siempre disponibles y cerca de ti.
Ilustración 8: Sección Footer
En el transcurso de este Sprint 1, hemos concebido, programado y puesto en funcionamiento la Landing Page con el propósito de presentar al público nuestra aplicación web, "TechXPrime". Dentro de esta Landing Page, cada integrante del equipo "ApiTechXPrime" ha contribuido al desarrollo de varias secciones distintivas.
| EndPoints | Funciones |
| https://apitechxprime.github.io/LadingPage-ApiTechXPrime/ | Desplegar Landing Page de TechXPrime |
Para el alojamiento de nuestra página web, hemos empleado Github Pages. Esto involucró la creación de un repositorio en Github para gestionar el control de versiones. Luego, en la sección de Configuración, publicamos el proyecto desde la rama principal (master).
Enlace a la landing page desplegada: https://apitechxprime.github.io/LadingPage-ApiTechXPrime/
En esta entrega, nuestra meta primordial consistió en la implementación de la Landing Page. Para llevar a cabo este objetivo, hicimos uso de recursos como Github, Intellij IDEA Ultimate y empleamos tecnologías como HTML, CSS y JavaScript. A continuación, exhibiremos los diagramas de flujo que detallan los commits realizados por cada miembro de nuestro equipo, ApiTechXPrime.
En esta imagen, se evidencia la cantidad de commits por cada integrante del equipo mediante un gráfico de barras.
Esta imagen muestra la cantidad de modificaciones efectuadas en los commits durante el proceso de desarrollo del sitio web estático.
Estos gráficos ilustran la cantidad de veces que nuestro repositorio ha sido clonado, y para cada acción se proporciona la fecha en que ocurrió. Además, se presenta el registro del tráfico de visitantes que ha tenido el repositorio de nuestro equipo.
En esta imagen, se presentan los commits más recientes del repositorio, permitiendo observar los desarrollos específicos realizados en cada uno de ellos, incluyendo las características implementadas en cada commit correspondiente.
En esta segunda iteración, nuestra meta principal fue llevar a cabo la implementación del segundo sprint el cual abarcaba el inicio de sesion, el registro, la interfaz de inicio, la visata de tecnico, la vista de perfil de tecnico y la solicitud de servicio.
Repositorio: https://github.com/ApiTechXPrime/ApiTech-FrontEnd
| Sprint # | Sprint 2 |
| Sprint Planning Background | |
| Date | 2023-09-19 |
| Time | 3:00 PM |
| Location | Discord |
| Prepared By | Luis Lagos |
| Attendees (to planning meeting) | Leonardo Ferreyra, Victor Diaz, Bruce Cipriano, Anthony Loarte |
| Sprint Goal & User Stories | |
| Sprint 2 Goal | Implementar la interfaz del cliente agregando el inicio de sesion, el registro, la visualizacion de home, tecnicos y perfiles de tecnicos. Además de agregar la interfaz para solicitar a un tecnico. |
| Sprint 2 Velocity | 25 |
| Sum of Story Points | 23 |
| SPRINT 2 | |||||||
| User Story | Work/Tasks | ||||||
| ID | Title | ID | Title | Description | Estimation | Assigned to | Status(To-do/In-Process/To-review/Done) |
| US15 |
Como usuario deseo visualizar un apartado donde pueda registrarse e iniciar sesión para así no preocuparme de que alguien pueda entrar a mi cuenta.
|
T1 | Se incluye los componentes de login y register | mediante vue se influyen ambos components | 0.5h | Leonardo Ferreyra | Done |
| T2 | Se realiza el diseño de los componentes | Se realiza el diseño gracias al css y html | 1h | Leonardo Ferreyra | Done | ||
| T3 | Validar datos del registro | Se inyecta una api para validar datos del registro | 1h | Leonardo Ferreyra | |||
| T4 | Realizar el sidebar | Desarrollado con el componente sidebar, css y html | 1,5h | Luis Lagos | Done | ||
| T5 | Realizar interfaz de home | Se desarrollo mediante routes, css, html y componentes la interfaz de hom | 2h | Luis Lagos | Done | ||
| US10 | Como cliente en TechXPrime, quiero tener la capacidad de buscar y encontrar un técnico confiable y calificado para reparar mis dispositivos electrónicos, asegurando una experiencia de reparación satisfactoria. | T1 | Se crea el componente technical | Mediante vue se crea el componente technical | 0.5h | Victor | Done |
| T2 | Se realiza los diseños del componentes | Mediante html y css se realiza el diseño del componente card | 1h | Victor | Done | ||
| T3 | Se usa una base de datos para la búsqueda | Se inyecta una api con información del técnico | 2h | Victor | Done | ||
| US18 |
Como cliente deseo visualizar el perfil del técnico para saber más acerca de él, sus reseñas ,experiencia y precio.
|
T1 | Se crea el componente profile-technical | Mediante el uso de vue se crea el componente | 0.5h | Bruce Cipriano | Done |
| T2 | Diseñar el apartado del perfil del tecnico | Mediante el uso de css se puede diseñar la pagina. | 1h | Bruce Cipriano | Done | ||
| T3 | Extraccion de datos de tecnico | Se inyeta una api para traer todo la información de los tecnicos | 2h | Bruce Cipriano | Done | ||
En este Sprint 2, se ha implementado nuestro sprint 2 con las siguientes ramas y commits.
| Repository | Branch | Commit id | Commit Message | Commit Message Body | Committed on (date) |
|
|
master | ea00e5b | Initial commit | Se creó el proyecto | 28/09/2023 |
| feature/login | 18135f69977d16a3f8055658613f4a1f3c50ad44 | feat(login): Initial Commit | Initial Commit | 28/09/2023 | |
| feature/login | 3cddc34ecc82e360907deb5f9a7aeaa96112fe34 | chore(login): Clean project | Clean project | 28/09/2023 | |
| feature/login | e6daf37a11df2085605cf124d74e76605f166be0 | chore(login): Install dependencies | Install dependencies | 28/09/2023 | |
| feature/login | 8d57b6daf0a0493c50d0a501c3e0211b22765f12 | feat(login) Agregando login | Agregando login | 29/09/2023 | |
| feature/login | 062c7f5cb7148db5a7ecb58968f53330a50ab650 | chore(login) Limpiando login | Limpiando login | 29/09/2023 | |
| feature/login | d0404152b0ccd2d2ca2cef05e87977aded11e8e0 | chore(login): Agregando mensaje para usuarios sin cuenta | Agregando mensaje para usuarios sin cuenta | 29/09/2023 | |
| feature/login | 9f2bcb88a9f8f0fad788a26b8b65d8417dd51ddb | chore(login) Agregando rutas de login | Agregando rutas de login | 29/09/2023 | |
| feature/login | 05941ead698d2e9df2d4a8c3e6fdba2e7f70d191 | chore(login): Quitando data que no se usa | Quitando data que no se usa | 29/09/2023 | |
| feature/login | 2078b9f80e1b7fb42204235c2083c2f43beac65c | chore(login) Agregando estilo al password | Agregando estilo al password | 29/09/2023 | |
| feature/register | 37a42df48152542e7ed436ced90e086827ef2be3 | feat(register) Agregando componente register | Agregando componente register | 29/09/2023 | |
| feature/register | 8d9a4bcdf7a3128da85759b7f80b100dc01e1a30 | feat(register) Agregando el servicio register | Agregando el servicio register | 29/09/2023 | |
| feature/register | 9c47d273aa8bb4f7aab9d4dfcb8f640ffe61f285 | feat(register) Importando componentes de PrimeVue |
Importando componentes de PrimeVue
|
29/09/2023 | |
| feature/register | 8b9da1eec435972e6dfc1cd79a0a67fc98dba019 | feat(register) Agregando rutas para register | Agregando rutas para register | 29/09/2023 | |
| feature/sidebar | 2746e3b99aa1b53b8aa1373adc2f44286a16ce1c | chore (sidebar): Initial commit | Initial commit | 29/09/2023 | |
| feature/sidebar | bec6ab7dc087f4b2111b5ce70aacbad42efcd686 | feat (sidebar): Added sidebar | Added sidebar | 29/09/2023 | |
| feature/home | 8139abda36d9b68ab6134a256255bfcefab90137 | feat (home): Added cards | Added cards | 29/09/2023 | |
| feature/home | 2933e2eca1b1fd1ac4b4beafd651d04e5f8141f4 | feat (home): Added css of cards | Added css of cards | 29/09/2023 | |
| feature/home | 5a044799e774d873d1de5e4797c8569fc927ac12 | feat (home): Added routes of cards | Added routes of cards | 29/09/2023 | |
| feature/requestservice | eaa8e1b9b3f916a520a1410caccf477d895070a6 | feat (request): Added component request | Added component request | 29/09/2023 | |
| feature/requestservice | 9b269d2a9f1e8b9c8a77d0a9789b0b1fcc95ea1b | feat (request): Added request | Added request | 29/09/2023 | |
| feature/return | 0b1d4503ba76cec312a56dfe3404dba29883041b | feat(return): Add technical | Add technical | 29/09/2023 |
Para este Sprint 2, solo se desarrolló los features relacionados con el frontend de la aplicacion web.
Al concluir el Sprint 2, se completó la implementación de todas las secciones del registro y la solicitud del request asegurando una visualización impecable. Además, se aplicó un diseño atractivo que dirige la atención del usuario hacia sus diversos elementos.
A continuación, se presentan capturas de pantalla del desarrollo de la aplicacion web:
-
Se presentea el login como la primera vista que visualizara el usaurio.
-
-
Al no contar con un usuario dentro de la aplicacion web, se registra para luego volver al login e iniciar sesion.
-
Al iniciar sesion el usuario visuliza el home con un menu horizontal el cual lo podra dirigar al apartado tecnicos.
-
El usuario visualiza todos los tecnicos disponibles y puede buscar por nombre
-
El usuario selecciona uno y visauliza su perfil completo
-
El usuario le da click a solicitar servicio y visualiza el formulario
Para el alojamiento de nuestra aplicacion web, hemos empleado netlify. Esto involucró la creación de un repositorio en Github para gestionar el control de versiones. Luego, en la sección de Configuración, publicamos el proyecto desde la rama principal (master).
Enlace de la aplicacion web desplegada: https://apitechxprime.netlify.app/
En el transcurso de este Sprint 2, hemos concebido, programado y puesto en funcionamiento las funciones previamente mencionadas con el propósito de presentar el primer diseño a un cliente de la aplicación que un futuro podria usar.
| Enpoint | Funcion |
|---|---|
| https://apitechxprime.netlify.app/ | Despliegue de la aplicacion web |
| https://my-json-server.typicode.com/ApiTechXPrime/dataApiTech | API |
En este apartado se visualizara la contribucion que tuvo cada parte del equipo a lo largo del sprint 2.
En esta entrega, nuestra meta primordial consistió en la implementación del sprint 2. Para llevar a cabo este objetivo, hicimos uso de recursos como Github, Webstorm y empleamos tecnologías como HTML, CSS , JavaScript y comoponentes del webstorm. A continuación, exhibiremos los diagramas de flujo que detallan los commits realizados por cada miembro de nuestro equipo, ApiTechXPrime.
En esta imagen, se evidencia la cantidad de commits por cada integrante del equipo mediante un gráfico de barras.
Esta imagen muestra la cantidad de modificaciones efectuadas en los commits durante el proceso de desarrollo de la aplicacion web.
En esta imagen, se presentan los commits más recientes del repositorio, permitiendo observar los desarrollos específicos realizados en cada uno de ellos, incluyendo las características implementadas en cada commit correspondiente.
En esta tercera iteración, nuestra meta principal fue llevar a cabo la implementación del tercer sprint el cual abarcaba el back-end.
| Sprint # | Sprint 3 |
| Sprint Planning Background | |
| Date | 2023-11-04 |
| Time | 2:00 PM |
| Location | Reunion grupal por Discord |
| Prepared By | Victor Yordi Diaz Gonzales |
| Attendees (to planning meeting) | Leonardo Ferreyra, Luis Lagos, Bruce Cipriano |
Sprint Review Summary | En el anterior sprint se ha centrado en en el desarrollo del frontend a un 60%. Se obtuvo como resultado y codificación y despliegue en su totalidad tales como: la interfaz del cliente agregando el inicio de sesion, el registro, la visualizacion de home, tecnicos y perfiles de tecnicos. Además de agregar la interfaz para solicitar a un tecnico. El feeback dado al sprint anterior fue la falta del spring planning 2, y la coordinacion de equipo. |
| Sprint 2 Retrospective Summary | Opinion Grupal: - Mejor implementacion de los sprints - Respetar las partes de entregas internas(codificación e informe) de cada integrante del equipo. - Corregir posibles erroes y beedback. |
| Sprint Goal & User Stories | |
| Sprint 3 Goal | El objetivo del sprint es la implementación del backend |
| Sprint 3 Velocity | El tiempo de desarrollo e implemntación de este sprint es de 30 horas. Para esto se considera los siguientes auaser Stories con sus Story Point escogidos: A. US09 Busqueda de Tecnico Confiable SP:6 B. US11 Seguimiento de Gnacias y Gastos SP:7 C. US12 Gestión de Reparaciones en Proceso SP:8 D. US18 Visualizar Perfil de técnico SP:5 |
| Sprint # | SPRINT 3 | ||||||
|---|---|---|---|---|---|---|---|
| User Story | Work-item/Tasks | ||||||
| ID | Title | ID | Title | Description | Estimation(Horas) | Assigned to | Status |
| ID | US09 Búsqueda de Técnico Confiable | TA01 | Implementación de filtros y búsqueda | Desarrollar filtros avanzados para búsqueda de técnicos confiables | 10 | Bruce | Done |
| TA02 | Diseño del componente de resultados | Crear componente de presentación de resultados de búsqueda | 8 | Victor | Done | ||
| TA03 | Conexión con la API de técnico | Integración de la API de técnicos confiables | 12 | Luis | Done | ||
| ID | US12 Gestión de Reparaciones en Proceso | TA01 | Implementación de estados de reparación | Crear y gestionar estados de reparaciones en proceso | 10 | Victor | Done |
| TA02 | Creación de informes de reparaciones | Generar informes de reparaciones en proceso | 15 | Bruss | Done | ||
| TA03 | Implementación de notificaciones | Desarrollar sistema de notificaciones para reparaciones | 8 | Leonardo | Done | ||
| ID | US18 Visualizar Inbox de técnico | TA01 | Diseño de interfaz del Inbox | Crear interfaz para visualizar Inbox de técnico | 5 | Bruce | Done |
| TA02 | Implementación de funcionalidad del Inbox | Programar funcionalidad de Inbox de técnico | 7 | Luis | Done | ||
| TA03 | Testeo y depuración del Inbox | Realizar pruebas exhaustivas y corregir errores del Inbox | 5 | Victor | Done | ||
| ID | US15 Ingresar datos de confirmación de identidad | TA01 | Diseño y estructura del formulario | Crear la estructura y el diseño del formulario de ingreso de datos | 6 | Bruce | Done |
| TA02 | Implementación de lógica de confirmación | Programar la lógica para confirmar datos de identidad | 8 | Victor | Done | ||
| TA03 | Integración con API de verificación | Conectar y probar con la API de verificación de identidad | 7 | Bruss | Done | ||
| ID | US11 Seguimiento de Ganancias y Gastos | TA01 | Diseño del panel de seguimiento | Crear diseño del panel de control para seguimiento | 7 | Luis | Done |
| TA02 | Implementación de gráficos | Desarrollar gráficos interactivos de seguimiento | 9 | Leonardo | Done | ||
| TA03 | Integración de APIs de finanzas | Conectar y probar APIs de finanzas para seguimiento | 10 | Bruce | Done | ||
En este Sprint 3, se ha implementado nuestro sprint 3 con las siguientes ramas y commits.
| Repository | Branch | Commit id | Commit Message | Commit Message Body | Committed on (date) |
|
|
Feature/technical | c6dd61dc9977d16a3f8055658613f4a1f3c50ad44 | feat: add components | --- | 05/11/2023 |
| feature/dashboard | 18135f69977d16a3f8055658613f4a1f3c50ad44 | Merge branch 'developer' into feature/dashboard | --- | 05/11/2023 | |
| development | 6cddc34ecc82e360907deb5f9a7aeaa96112fe34 | chore(development) Modificando estructura | Clean project | 05/11/2023 | |
| feature/login | 8d57b6daf0a0493c50d0a501c3e0211b22765f12 | feat(login) Agregando login | Agregando login | 29/09/2023 | |
| feature/login | 062c7f5cb7148db5a7ecb58968f53330a50ab650 | chore(login) Limpiando login | Limpiando login | 29/09/2023 | |
| feature/register | 37a42df48152542e7ed436ced90e086827ef2be3 | feat(register) Agregando componente register | Agregando componente register | 29/09/2023 | |
| feature/register | 8d9a4bcdf7a3128da85759b7f80b100dc01e1a30 | feat(register) Agregando el servicio register | Agregando el servicio register | 29/09/2023 | |
| feature/register | 9c47d273aa8bb4f7aab9d4dfcb8f640ffe61f285 | feat(register) Importando componentes de PrimeVue |
Importando componentes de PrimeVue
|
29/09/2023 | |
| feature/register | 8b9da1eec435972e6dfc1cd79a0a67fc98dba019 | feat(register) Agregando rutas para register | Agregando rutas para register | 29/09/2023 | |
| feature/home | 8139abda36d9b68ab6134a256255bfcefab90137 | feat (home): Added cards | Added cards | 29/09/2023 | |
| feature/home | 5a044799e774d873d1de5e4797c8569fc927ac12 | feat (home): Added routes of cards | Added routes of cards | 29/09/2023 | |
| feature/requestservice | eaa8e1b9b3f916a520a1410caccf477d895070a6 | feat (request): Added component request | Added component request | 29/09/2023 | |
| feature/requestservice | 9b269d2a9f1e8b9c8a77d0a9789b0b1fcc95ea1b | feat (request): Added request | Added request | 29/09/2023 | |
| feature/return | 0b1d4503ba76cec312a56dfe3404dba29883041b | feat(return): Add technical | Add technical | 29/09/2023 |
- Evidencias del frontend
| Repository | Branch | Commit id | Commit Message | Commit Message Body | Committed on (date) |
|
|
main | e7478de578f3414c466e88eadfa850a8bf8569ec | Initial Commit |
|
05/11/2023 |
| feature/security | 685dab07d160dd6ebd008829b0b4a205f94155de | feat(security): model user created |
|
05/11/2023 | |
| feature/security | c989bbb18e8c6ccd7af902c77bea77af7f6d6aae | feat(security): aggregate services of user. |
|
05/11/2023 | |
| feature/security | 4f86f69b3a68ac393efa8e51788cb4141b4643e4 | feat(security): aggregate mapping. |
|
05/11/2023 | |
| feature/security | a2270d938fb97a99e4a57352bf70feac03ebb42f | feat(security): aggregate repository of user |
|
05/11/2023 | |
| feature/security | 032f918816f9f061448198fc047b1e2f57dcebc8 | feat(security): aggregate service interface of user |
|
05/11/2023 | |
| feature/security | 55b83a059d1f27a4e4bea799fc2e6924e40f415d | feat(security): aggregate context. |
|
05/11/2023 | |
| feature/security | fae6062b4fc06c788ccad97bddec720ba1b357bf | feat(security)= aggregate base and user repository. |
|
05/11/2023 | |
| feature/security | 132be331a9a5720706aacb6d9619df3e92ac9d42 | feat(security): aggregate user repository. |
|
05/11/2023 | |
| feature/security | e367667f86cee166e9b8994af27999ad0882cca0 | feat(security): aggregate user service. |
|
05/11/2023 | |
| feature/security | 1aeb1c5440eefcb3c4355da240b6636f6e542d99 | feat(security): update user service. |
|
05/11/2023 | |
| feature/analytics | 2801fa71ed1b887a68a3037bcbf75f3ff63c473b | feat(analytic) Agregando Modelo |
|
05/11/2023 | |
| feature/analytics | bafc23f79b90e4481a61134373d23a0ad22e007b | feat(analytic) Clase modelada |
|
05/11/2023 | |
| feature/analytics | c43c794de39a391674d77ae1e8e78d18cc73bbd5 | feat(analytic) Agregando respuesta base |
|
05/11/2023 | |
| feature/analytics | 5bc7a0b9b01f1602853cd38bd34424f17b31b594 | feat(analytic) Agregando respuesta de analytic |
|
05/11/2023 | |
| feature/analytics | ba1748d77656553f92478a74f25b10f1bbf59fff | feat(analytic) Agregando interfaz del servicio analytic |
|
05/11/2023 | |
| feature/analytics | f57fbca3ef1fbbd12effe4b1b4b22ab0a9d0a81d | feat(analytic) Agregando recurso analytic |
|
05/11/2023 | |
| feature/analytics | 5f25370277e4940a500d246a8687ae94aba2553b | feat(analytic) Agregando mapeo de resource y model |
|
05/11/2023 | |
| feature/analytics | fcf40ebb234be16d83ead293816dd3361207216b | feat(analytics) Agregando controlador |
|
05/11/2023 | |
| feature/analytics | 674b68663eb49d1ed7f7cfccb588702cc7c26a01 | feat(analytics) Agregando extensión a String |
|
05/11/2023 | |
| feature/security | fcf40ebb234be16d83ead293816dd3361207216b | feat(security): update program.cs |
|
05/11/2023 | |
| feature/security | 674b68663eb49d1ed7f7cfccb588702cc7c26a01 | feat(security):update |
|
05/11/2023 | |
| feature/analytics | 7e27f55870166f811d23518efe42e562d8f098b5 | feat(analytics) Agregando extensiones |
|
05/11/2023 | |
| feature/analytics | 09e291a66d8423999f16f79b0933acad0cbf4371 | feat(analytics) Agregando interfaces de repositorios |
|
05/11/2023 | |
| feature/analytics | 9e2ceeb35555132c8c6c3e728a3befcae0d24260 | feat(analytics) Agregando AppDbContext |
|
05/11/2023 | |
| feature/analytics | 7ecccafdb024b475dbd87d12caf8cf2dc4cc26cf | feat(analytics) Agregando repositorio base |
|
05/11/2023 | |
| feature/analytics | e9df0c76c0c81b806b81e20e177a532d931a3908 | feat(analytics) Implementando la clase UnitOfWork |
|
05/11/2023 | |
| feature/analytics | 71466c01c882bc52a00f3092b27b0a90276b10d9 | feat(analytics) Implementando el repositorio analytics |
|
05/11/2023 | |
| feature/analytics | d6b5dfad255eb8e889aa42a3c6c40b11b15b9a00 | feat(analytics) Agregando el servicio de analytic |
|
05/11/2023 | |
| feature/analytics | 3a991152aabbd6cb133c27b1c174a65d1cdf6bb5 | feat(analytics) Agregando controlador mes-analytics |
|
05/11/2023 |
Al concluir el Sprint 3, se completó la implementación de todas las secciones del registro y la solicitud del request asegurando una visualización impecable. Además, un tollbar con diferentes secciones.
A continuación, se presentan capturas de pantalla del desarrollo de la aplicacion web:
- Se presentea el login como la primera vista que visualizara el usaurio.
- Al no contar con un usuario dentro de la aplicacion web, se registra para luego volver al login e iniciar sesion.
- Al iniciar sesion el usuario visuliza el home con un menu horizontal el cual lo podra dirigar al apartado tecnicos.
- En la sección de Profile se podrá visualizar el perfil del tecnico que se ha logueado.
- Se podrá editar y añadir los datos que sean importantes
- En la sección de task se podra hacer un crus de las tareas asigandas o las que esten pendientes
- En la sección de dashboard hay algunas funcionalidades donde se podrá visulizar el progreso del trabajo que has realizado cada semana
- Te permite crear un invertario para ver el progreso semanal
- Se completa algunos campos necesarios como component, amount y price. Tambien se podrá añadir mas inventarios y veras el progreso de cada uno de ellos.
- En la sección Petition se visualiza los mensajes que vas a resibir para hacer el trabajo
- Por último tienes el botón de cerrar sesión
En el tercer sprint se desarrolló el 40% del BackEnd; sin embargo, todavía no está implementado, pero se ha desplegado localmente.
Por esta razon aún se continua utilizando una Fake Api.
En esta sección se resumirá los procesos que fueron realizados para el despliegue local. Se utilizó MySQL Workbench, se configuró una nueva conexión para poder comprobar la creación de las tablas
Utilizamos un user root con su password root.
Finalmente se crea la base de datos junto con las tablas implementadas.
| # | Problema | Escala de Severidad | Heurística/Problema volado(a) |
| 1 | Hay reiteración de codigo | 2 | Usability: Estándares |
| 2 | Implementación de un delete | 3 | Usability: Control |
| 3 | El dashboard no muestra la información consistente | 3 | Información architecture |
| 4 | Se repite algunas funciones y paginas | 2 | Usability: Standares |
En esta ultima iteración, nuestra meta principal fue llevar a cabo la implementación del cuarto sprint el cual abarca la integración del backend con el frontend.
Sprint Goal & User Stories
| Sprint # | Sprint 4 |
| Sprint Planning Background | |
| Date | 2023-11-15 |
| Time | 2:00 PM |
| Location | Reunion grupal por Discord |
| Prepared By | Victor Yordi Diaz Gonzales |
| Attendees (to planning meeting) | Leonardo Ferreyra y Luis Lagos |
Sprint Review Summary |
En el anterior sprint se ha centrado en en el desarrollo del backend a un 60% y frontend al 100%. Se obtuvo como resultado y codificación y despliegue en su totalidad tales como: la interfaz del cliente agregando el inicio de sesion, el registro, la visualizacion de home, tecnicos y perfiles de tecnicos. Además de agregar la interfaz ver y solicitar a un tecnico en el backend. El feeback dado al sprint anterior fue la falta de videos , y la coordinacion de equipo. |
| Sprint 2 Retrospective Summary |
Opinion Grupal: -Tomar en cuanto el tiempo. |
| Sprint Goal & User Stories | |
| Sprint 3 Goal |
El objetivo del sprint es culimar y desplegar la aplicación web |
| Sprint 3 Velocity |
30 |
| Sum of story points | 28 |
En esta sección se visualizara a lista de tareas que se realizaran en este sprint, el tiempo estimado y quien se encarga de cada tarea.
| Sprint # | SPRINT 4 | ||||||
|---|---|---|---|---|---|---|---|
| User Story | Work-item/Tasks | ||||||
| ID | Title | ID | Title | Description | Estimation(Horas) | Assigned to | Status |
| ID | US07 Actualizar el Estado de la Reparación | TA01 | Implementación de filtros | Desarrollar filtros avanzados para búsqueda | 3 | Luis | Done |
| TA02 | Diseño del componente resuelto | Crear componente de presentación de resultados de búsqueda | 3 | Leonardo | Done | ||
| TA03 | Conexión con la API | Integración de la API | 3 | Victor | Done | ||
| ID | US08 Seguimiento de Reparación | TA01 | Imlementacion de actualizaciones en datos de reparación | Desarrolloo de el ts y html del componente | 4 | Luis | Done |
| TA02 | Diseño del componente | Actualización de componentes | 3 | Victor | Done | ||
| TA03 | Integración con la base de datos | Integración por una API la base de datos | 3 | Leonardo | Done | ||
| ID | US01 Mantener un Registro de Reparaciones | TA01 | Implementacion de una lista de registros | Se genera una lista de registrtos debido al buen uso de componentes | 3 | Leonardo | Done |
| TA02 | Realizar los metodos crud de update y delelte en ese lista de registros | Se implementan distintos metodos crud | 3 | Luis | Done | ||
| TA03 | integracion con el backend | Mediatne una api se integra vue con la base de datos | 3 | Victor | Done | ||
En este Sprint 4, se ha implementado nuestro sprint 3 con las siguientes ramas y commits.
Backend:
| Repository | Branch | Commit id | Commit Message | Commit Message Body | Committed on (date) |
|
|
Feature/analitycs | 37997ada3f05672ba539a80e4c628fd93a353a01 | feat(tasking) Agregando CRUD de orders | --- | 23/11/2023 |
| Feature/analitycs | 8d749f8c26345919e6e1e809f5e1cf8abaa9d655 | chore(tasking) Agregando .gitignore | --- | 23/11/2023 | |
| Feature/analitycs | 092f5180667e0ca29d6791d411a0ddb0efb202bc | Merging | --- | 23/11/2023 | |
| Feature/analitycs | a5b6debc4e827d1584fe98592f410f5abdc2c082 | chore(analytics) Agregando gitignore | --- | 23/11/2023 | |
| feature/tasking | 37997ada3f05672ba539a80e4c628fd93a353a01 | feat(tasking) Agregando CRUD de orders |
--- |
23//11/2023 |
Frontend:
| Repository | Branch | Commit id | Commit Message | Commit Message Body | Committed on (date) |
|
|
main | e7478de578f3414c466e88eadfa850a8bf8569ec | Initial Commit |
|
05/11/2023 |
| developer | 8637c1d66e229b3cacc62a320d5c7b0bd662ebe9 | feat(tecnical):created |
|
23/11/2023 | |
| developer | 0a099f75580f45ad1ab145dfdff2f7d40b8f2bd4 | feat(request): add request |
|
23/11/2023 | |
| developer | 57b7577d1520c189bf0c7d136ad5d0c898d189fc | feat(request): add routes to sidenav |
|
23/11/2023 | |
| developer | 5c6b54788f83690bc59529b145b0e742a475a13d | faet(development) Agregando home para cliente y tecnico |
|
24/11/2023 | |
| developer | 6e092a8229b5bdf0d2832667ee6fb04a7ff6783b | feat(technical): add lis of technical |
|
24/11/2023 | |
| developer | 6e092a8229b5bdf0d2832667ee6fb04a7ff6783b | feat(technical): add lis of technical |
|
24/11/2023 | |
| developer | 8ab9f8566978ea775afe0ae4654c772111d08e75 | feat(technical): add list of technical |
|
24/11/2023 |
Como usuario nuevo me aparece la page login para poder acceder a la aplicacion web:
El usuario se puede registar como cliente o tecnico.
Si se registra como cliente e inicia sesion su home sera el siguiente:
El cliente puede ver los distintos tecnicos registrados.
El cliente puede ver su perfil y solicitar su servicio.
Si el cliente ya ha sido agendado y el tecnico en cuestion le genera una orden el cliente puede ver la orden generada.
Como tecnico al iniciar sesion me aparece este home:
En la seccion perfil vera su perfil actualizado.
Puede darle al boton edit profile para poder editar su perfil.
En la seccion task podra generar, actulizar y eliminar ordenes.
En la seccion de dashboard el tecnico puede visualizar las ganancias semanales y su inventario.
El tecnico siempre puede agregar nuevo inventario.
El tecnico tiene una seccion petition donde puede visualizar todas las solicitudes realizadas.
En el cuarto sprint, hemos diseñado, programado y puesto en funcionamiento la aplicación web. En esta pagina encontrarás varias secciones creadas por el equipo ApiTechXPrime, cada una a cargo de un miembro del grupo.
| End Point | Funciociones |
|---|---|
| https://apitechxprime.netlify.app/ | Despliegue del Frontend de TechXPrime |
| https://apitechxprime.zeabur.app/swagger/index.html | Despliegue del Backend de TechXPrime |
| https://apitechxprime.github.io/LadingPage-ApiTechXPrime/ | Despliegue del Landing page de TechXPrime |
Para poder entrar a la aplicacion web como cliente y tecnico:
Usuario Cliente de Prueba:
Email: andreahuancasyo@gmail.com Contraseña: 123456789
Usuario Técnico de Prueba
Email: user1@gmail.com Contraseña: 1111
Advertencia netlify no deja recargar la pagina ya que siempre saldra
Si lo regarcar puede volver al login dandole a "Back to our site" o eliminado el "/login" en el url
Si vuelve a recargar la pagina dos veces solo podra volver al login borron "/login" en el url.
Ingresamos al Railway y creamos nuestra base de datos en MySql.
Configuramos la información que nos brindó Railway en nuestro backend.
Se le agrega un archivo docker, para poder desplegar el backend.
Se crea una cuenta en Zeabur y se despliega mediante github el backend.
Se agrega una ruta customizada.
Se visualiza desplegado el backend.
Se mostrara la colaboración que hubo en el backend.
Graficos de barras:
Contribuciones:
Network:
Se mostrara la colaboración que hubo en el frontend.
Graficos de barras:
Contribuciones:
Network:
En el siguiente enlace se presenta al equipo que ofrece la aplicación
En el siguiente enlace se muestra el servicio que ofrece la aplicación
Esta combinación de Vue y .Asp Net Core (C#) nos permite ofrecer un producto que satisface las necesidades de nuestros usuarios de manera eficiente y confiable, garantizando la seguridad de los datos y una comunicación efectiva entre el frontend y el backend. En resumen, hemos logrado crear una aplicación integral que está lista para competir en el mercado de reparación de tecnología, brindando una experiencia amigable y segura a nuestros clientes. La implementación del backend se benefició de las clases y metodologías aprendidas en el proceso de desarrollo, respaldadas por un plan detallado que incluyó Sprint Backlog y Spring Planning. La arquitectura basada en ASP.NET Core C# garantiza la seguridad de los datos y una comunicación efectiva entre el frontend y el backend.
Los resultados muestran que Apitech emerge como una solución altamente competitiva en el mercado de reparación de tecnología, destacándose por su enfoque integral que combina una interfaz amigable con una eficiente funcionalidad técnica. Su capacidad para satisfacer las necesidades de los técnicos especializados y ofrecer una experiencia segura y eficaz para los usuarios finales lo posiciona como una opción preferencial en este sector altamente demandado. Además, su combinación de tecnologías modernas no solo optimiza la eficiencia operativa, sino que también consolida su reputación como una solución confiable y completa en el mercado de servicios de reparación tecnológica.
Video de exposicion del trabajo final: https://upcedupe-my.sharepoint.com/:v:/g/personal/u20211c384_upc_edu_pe/EVIDcLA1v61OoTQk59KG7z8BPZGR71YgU3IFLZmnQDkesQ?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0RpcmVjdCJ9fQ&e=HMkO6G