Profesor: Alex Humberto Sánchez Ponce
Nombre del Startup: "From Zero" Nombre del Producto: "Webmasters"
- Jair Velasquez Pizarro (u202218114)
- André Alonso Arroyo Ormeño (u202114714)
- Zaid Valentino Ramirez Contreras (u202218472)
- Samira Jetzabel Alvarez Araguache (u20211A046)
- Joseph Ulysses Llacchua Peralta (u202317002)
19/03/2024
| Version | Fecha | Autor | Descripcion de Modificacion |
|---|---|---|---|
| 0.0 | 25/03/2024 | Grupo 4 | Se crea el documento |
| 1.0 | 03/04/2024 | Grupo 4 | Se crea la rama correspondiente |
| 1.1 | 08/04/2024 | Grupo 4 | Capitulo 1 |
| 1.1 | 08/04/2024 | Grupo 4 | Capitulo 2 |
| 1.1 | 09/04/2024 | Grupo 4 | Capitulo 3 |
| 1.1 | 11/04/2024 | Grupo 4 | Capitulo 4 |
| 1.1 | 12/04/2024 | Grupo 4 | Capitulo 5 |
| 1.2 | 12/04/2024 | Grupo 4 | Capitulo 5 Sprint 2 |
| Criterio Especifico | Acciones Realizadas | Conclusiones |
|---|---|---|
| Participa en equipos multidisciplinarios con eficacia, eficiencia y objetividad, en el marco de un proyecto en soluciones de ingeniería de software. | Zaid Ramirez: TB1: Durante la elaboración del proyecto, pude aprender nuevas tecnologías al implementar de manera colaborativa y desplegar con éxito la Landing Page y el diseño de la aplicación web, cumpliendo con los requisitos del backlog y objetivos del sprint. Aplicamos adecuadamente los lenguajes, frameworks y herramientas recomendados, siguiendo las convenciones de programación y buenas prácticas establecidas. Además, buscamos mejorar continuamente al realizar modificaciones basadas en observaciones y recomendaciones, contribuyendo activamente al éxito de esta fase inicial del proyecto. TP1: En la entrega parcial del proyecto aprední acerca de vue su consumo de apis y la utilización de componentes. De esta forma pude cumplir mis tareas en este segundo sprint, lo que nos permitio desplegar la pagina funcional y a tiempo André Arroyo TB1: Durante la elaboración del proyecto, tuve la oportunidad de profundizar en el Mapeo del Escenario Futuro y el Mapeo de Impacto, aprendiendo cómo estas metodologías pueden alinear efectivamente los objetivos del proyecto con las expectativas de los stakeholders. Esto fue crucial para establecer una base sólida y claridad en los requisitos del proyecto desde el inicio.En la fase de Especificación de Requisitos, aplicamos las técnicas de redacción colaborativa para desarrollar Historias de Usuario y crear un Product Backlog bien definido. Esta etapa fue esencial para garantizar que cada requisito se documentara con precisión y reflejara las necesidades del usuario final. Mediante revisiones iterativas del backlog y objetivos claros en cada sprint, nos aseguramos de que cada funcionalidad propuesta estuviera alineada con los objetivos del proyecto. TP1: Durante la elaboracion del proyecto, apoye en la documentacion y desarrollo del web application, realizando las respectivas correciones que me hacian saber mis compañeros de equipo Samira Alvarez: TB1: Para esta entrega, el trabajo se llevó a cabo de manera cooperativa, involucrando a todos los integrantes en el desarrollo de las tareas del proyecto. Para la realización de las entrevistas fue parte fundamental la participación de cada miembro en la recolección de información clave para definir las funcionalidades de nuestra solución. Asímismo, el uso de Gitflow facilitó un flujo de trabajo eficiente, permitiendo a cada miembro contribuir al desarrollo de la landing page de manera coordinada y fluida. De igual forma, el enfoque de metodologías ágiles Scrum nos permitió documentar de manera precisa el trabajo realizado para esta entrega. TP: Para este avance del trabajo donde se desarrollo de la parte frontend de nuestra aplicación web, hemos seguido un flujo de trabajo definido utilizando Gitflow para gestionar nuestras ramas de código. Esto nos permitió trabajar de manera coordinada en las diferentes partes del proyecto. Además, hemos utilizado un tablero en Trello para mantener un seguimiento del progreso de nuestras tareas, lo que facilitó la colaboración y la comunicación entre el equipo. Joseph Llacchua : **TB1:**Participé en el proyecto como parte de un equipo multidisciplinario con eficacia, eficiencia y objetividad. Durante mi contribución, destacé en la implementación colaborativa y el despliegue exitoso de la Landing Page y el diseño de la aplicación web, cumpliendo con los requisitos del backlog y los objetivos del sprint. Además, demostré habilidad al aplicar los lenguajes, frameworks y herramientas recomendados, siguiendo las convenciones de programación y buenas prácticas establecidas.En la fase inicial del proyecto, demostré mi capacidad para aprender nuevas tecnologías y adaptarme a ellas, contribuyendo activamente al éxito de esta etapa. Mi enfoque metódico y colaborativo fue evidente al realizar modificaciones basadas en observaciones y recomendaciones, buscando constantemente mejorar el producto. TP: Tuve la oportunidad de trabajar en el campo de la investigación y diseño de productos tecnológicos. Durante mi participación en el proyecto, me enfoqué en la fase inicial de investigación, realizando entrevistas y análisis de las mismas para comprender las necesidades y deseos de los usuarios. Además, contribuí al desarrollo de la página de inicio (landing page), asegurándome de que fuera responsive para adaptarse a diferentes dispositivos. También realicé correcciones de componentes para mejorar la usabilidad y la experiencia del usuario. Mi trabajo ayudó a establecer una base sólida para el desarrollo de soluciones centradas en el usuario. Jair Velasquez TB1: Durante el desarrollo del TB1, mi principal aporte fue en la elaboración de diagramas (Diagrama de clases y C4 model) aunque de realizo el planteamiento de estas de forma colaborativa para que hayan multiples ideas en la creación de estas. De igual forma, colabore en el desarrolló del landing page, asi como en secciones de la unidad 5 como el Source Code Management y la configuración del Deploy del landing. De igual forma buscamos constantemente mejoras al momento de realizadas modificaciones de acuerdo a observaciones. TP1: Durante la elaboracion de esta entrega, apoye tanto en la documentacion como el desarrollo de la aplicacion web tanto de forma visual como el apartado logico. |
En este proyecto no solo enriqueció mis habilidades técnicas, sino que también mejoró mi comprensión de metodologías clave como el Mapeo del Escenario Futuro y el Mapeo de Impacto, esenciales para alinear los objetivos del proyecto con las expectativas de los stakeholders. La fase de Especificación de Requisitos fue crucial, permitiéndonos documentar y precisar cada requisito a través de Historias de Usuario y un Product Backlog bien estructurado. Este enfoque colaborativo y metódico no solo garantizó la coherencia entre las funcionalidades y los objetivos del proyecto, sino que también destacó la importancia de la adaptabilidad y el trabajo en equipo en el desarrollo de software. |
| Conoce al menos un sector empresarial o dominio de aplicación de soluciones de software. | Zaid Ramirez: TB1: Durante la elaboración del proyecto, pude identificar problemáticas y aplicar un proceso de UX Design basado en Lean UX. Realizando investigación de UX Research para establecer User Personas, Task Matrix y Journey Maps, integrándolos en el diseño del Landing Page y las Web Apps. Ademas de utilizar las User Stories y principios de diseño para crear propuestas visuales coherentes con nuestros style guideline. TP1: Para la entrega utilizamos vue para elaborar la app, me encargue de la logica del login con la api y la pagina principal para la vista de empresas con su consumo a la api André Arroyo TB1: En nuestro proyecto, utilizamos métodos avanzados de especificación de requisitos para garantizar que el software se ajustara a las necesidades de los usuarios. Empleamos técnicas como el Mapeo del Escenario Futuro, Historias de Usuario y Mapeo de Impacto para definir y priorizar requerimientos esenciales. Asimismo, elaboramos un Product Backlog detallado y configuramos un entorno de desarrollo óptimo, reforzado con convenciones de código rigurosas, para asegurar la calidad y eficacia del software final, cumpliendo con las expectativas y regulaciones del sector. **TP1:**En esta entrega realice la pantalla de postulacion de proyecto de los freelancers, asimismo desarrolle el toolbar para los empresarios y freelancers, asi como el respectivo footer. Por ultimo apoye en la realizacion de la documentacion del sprint 2. Samira Alvarez: TB1: En este avance del trabajo se pudo determinar el estado actual del mercado de plataformas de contratación freelance e identificar las fortalezas y debilidades frente a nuestros competidores, así como las estrategias para destacarnos frente a ellos. De igual forma, se analizó el comportamiento, necesidades y preferencias de los segmentos desarrollador freelance y empresario mediante las entrevistas realizadas. Dicha información fue clave para desarrollar el needfinding de nuestros clientes, donde se usó distintas herramientas de mapeo y la creación de user personas de la aplicación web. TP: Durante este avance del trabajo, hemos desarrollado los componentes que conforman el frontend de nuestra aplicación web, los cuales permiten a los usuarios ingresar a la aplicación, así como observar la cantidad de entregables por proyecto o agregar y editar su información. Joseph Llacchua : TB1: He tenido la oportunidad de trabajar en el sector empresarial de soluciones de software, donde he destacado en áreas como el diseño de experiencia de usuario (UX) y la especificación de requisitos. Durante mi participación en el proyecto, pude identificar problemáticas y aplicar un proceso de UX Design basado en Lean UX. Realicé investigaciones de UX Research para establecer User Personas, Task Matrix y Journey Maps, integrándolos en el diseño del Landing Page y las Web Apps. Además, utilicé las User Stories y principios de diseño para crear propuestas visuales coherentes con nuestros style guidelines. TP: Tuve la oportunidad de trabajar en el campo de la investigación y diseño de productos tecnológicos. Durante mi participación en el proyecto, me enfoqué en la fase inicial de investigación, realizando entrevistas y análisis de las mismas para comprender las necesidades y deseos de los usuarios. Además, contribuí al desarrollo de la página de inicio (landing page), asegurándome de que fuera responsive para adaptarse a diferentes dispositivos. También realicé correcciones de componentes para mejorar la usabilidad y la experiencia del usuario. Mi trabajo ayudó a establecer una base sólida para el desarrollo de soluciones centradas en el usuario. Jair Velasquez : TB1: En el sector empresarial de soluciones de software, he participado en el diseño de experiencia de usuario (UX) y la especificación de requisitos, concentrándome en la creación de diagramas de clases y modelado de C4 con herramientas como Lucidchart. Además, he contribuido en la creación de prototipos para el landing page y la aplicación web utilizando Figma, integrando estos elementos en propuestas visuales coherentes con nuestros lineamientos de estilo. **TP1:**En esta entrega realice la pantalla de buscar desarrollador, tambien la revision de entregables, agregado a esto trabaje en la logica de ingresar al perfil de un desarrollador. |
La combinación de Mapeo del Escenario Futuro, Historias de Usuario, y Mapeo de Impacto nos permitió crear una base sólida que alineó el desarrollo del software con las necesidades y expectativas de los usuarios. El desarrollo de un Product Backlog estructurado, la configuración de un entorno de desarrollo optimizado y la implementación de convenciones de código estrictas aseguraron la calidad y eficiencia del software |
Somos una startup conocida como From Zero, la cual se estableció en 2024 y está compuesta por cinco jóvenes universitarios de la Universidad Peruana de Ciencias Aplicadas. La fundación de esta startup surge de la creciente demanda de las empresas por contar con soluciones digitales de calidad y la necesidad de los desarrolladores freelance en busca de proyectos para desarrollar y generar ingresos. Nuestro enfoque se centra en proporcionar una plataforma web intuitiva y fácil de usar que permita a las empresas publicar proyectos de software y a los desarrolladores freelance postularse para trabajar en ellos. Buscamos satisfacer las necesidades tanto de las empresas, que requieren soluciones digitales a medida, como de los desarrolladores freelance, que buscan oportunidades para aplicar sus conocimientos y obtener ingresos.
Misión:
Nuestra misión es facilitar la conexión entre empresas en busca de soluciones digitales y desarrolladores freelance en busca de oportunidades de trabajo. Nos comprometemos a proporcionar una plataforma transparente y eficiente que promueva la colaboración, la calidad y la innovación en cada proyecto. Estamos dedicados a contribuir al crecimiento y éxito tanto de nuestros usuarios como de nuestra propia empresa.
Visión:
Nuestra visión es convertirnos en el principal recurso para empresas que buscan soluciones digitales y desarrolladores freelance en busca de oportunidades de trabajo en el campo del desarrollo de software. Nos esforzamos por ser reconocidos como líderes en innovación, calidad y eficiencia, siendo la primera opción tanto para empresas en búsqueda de soluciones digitales como para desarrolladores en busca de proyectos emocionantes y lucrativos.
| Miembros del equipo | Codigo Estudiante | Carrera | Conocimientos / Habilidades |
|---|---|---|---|
Ramirez Contreras, Zaid Valentino  |
U202218472 | Ingeniería de software | C++, python, HTML5, CSS3, Javascript, SQL, persistente y amigable |
Velasquez Pizarro, Jair  |
U202218114 | Ingeniería de software | C++, Java, HTML5, CSS3, Tailwind CSS Javascript, SQL. Detallista y proactivo. |
Alvarez Araguache, Samira Jetzabel  |
U20211A046 | Ingeniería de software | C++, HTML5, CSS3, Javascript, SQL. Comunicativa y dinámica |
Llacchua Peralta, Joseph  |
U202317002 | Ingeniería de software | C++, Pyhon, CSS , Html ,Javascript, SQL. Sociable y perseverante |
Arroyo Ormeño, André Alonso  |
U202114714 | Ingeniería de software | C++, Pyhon, CSS , Html ,Javascript, SQL, Vue.js. Responsable y perseverante |
Para entender completamente la solución propuesta, es fundamental analizar a fondo la naturaleza del problema que se va a abordar. Esto implica detallar los aspectos esenciales que nuestra solución debe cubrir y establecer metas y restricciones que nos guíen en su definición. Para facilitar este proceso, empleamos herramientas reconocidas como "Las 5W y 2H" y el "Proceso Lean UX". Estas herramientas nos ayudan a realizar un análisis detallado y a enfocarnos en los aspectos clave para desarrollar una solución efectiva y centrada en el usuario.
What/Qué: El contexto que enfrentan las microempresas peruanas después del COVID-19 fue determinante, llevando a muchas de ellas a iniciar un proceso de transformación digital. Según una investigación de Microsoft (2023), el 95% de las Pymes peruanas aceleraron este proceso. Sin embargo, según Movistar Empresas (2023), el 73% de las Pymes señala enfrentar dificultades en la digitalización de sus negocios.
Why/Por qué: Existen varios factores que contribuyen a estas dificultades en la digitalización de los negocios, principalmente el desconocimiento de las herramientas digitales necesarias.
Who/Quién: Esta problemática afecta a cualquier microempresario o emprendedor independiente mayor de 18 años, especialmente a aquellos con poco conocimiento de las herramientas digitales necesarias para tener una página web propia y virtualizar su empresa. Además, también impacta a los desarrolladores freelance que buscan oportunidades de trabajo en proyectos de software variados y emocionantes.
When/Cuándo: Esta problemática afecta a los microempresarios todos los días, ya que al ser un negocio, no pueden detener su producción, lo que podría aumentar sus deudas. Además, considerando el 95% de aceleración en el proceso de transformación digital para las empresas.
Where/Dónde: El problema está presente en cualquier lugar, ya que en la actualidad estamos rodeados de tecnología. Esto afecta a las Mypes que no están involucradas en el alcance que se puede lograr con herramientas digitales y el retraso que esto puede causar al no darles uso.
How/Cómo: El problema se presenta en la búsqueda de los microempresarios de formas para mejorar sus ventas recurriendo a herramientas digitales. Respecto a las oportunidades que están brindan, se menciona que el 43% de líderes mencionan que la tecnología lleva a aperturar a nuevos mercados y clientes (Microsoft, 2023).
How much/Cuánto: Es importante considerar que el 74.4% del total de empresas en el Perú son microempresas (CIEN, 2023), y que más del 90% de estas empresas consideran que la transformación digital impacta positivamente en su negocio. En cuanto a la inversión en esta transformación, se estima que el 50% de estas empresas asignan menos del 5% de su presupuesto para gastos tecnológicos (EY, 2021).
Hemos observado que muchas microempresas y emprendimientos en Perú enfrentan dificultades para establecer una presencia en línea debido a la falta de conocimientos técnicos para desarrollar un sitio web. Esta carencia se agrava por las deficiencias en la educación digital en el país.
Problema: ¿Cómo podríamos crear una alternativa accesible y profesional para el desarrollo de páginas web dirigidas a propietarios de microempresas y emprendimientos que están en medio de un proceso de crecimiento desafiante?
Hemos observado que existe una comunidad activa de desarrolladores freelance en Perú que buscan constantemente oportunidades de trabajo en proyectos de desarrollo web. Estos desarrolladores valoran la flexibilidad y la variedad de proyectos que pueden abordar como freelancers, pero a menudo enfrentan desafíos para encontrar oportunidades que se ajusten a sus habilidades y preferencias.
Problema: ¿Cómo podríamos crear una opción de empleo para desarrolladores web en nuestra aplicación, dirigida específicamente a desarrolladores freelance con el conocimiento necesario?
- Desarrolladores freelance.
- Microempresas y emprendimientos.
La plataforma impacta positivamente tanto en el trabajo como en la vida de las microempresas y emprendimientos:
- Simplifica el proceso de búsqueda y contratación de servicios digitales, lo que ahorra tiempo y recursos.
- Facilita la conexión con una amplia red de talentosos desarrolladores freelance, permitiendo una selección basada en sus necesidades específicas.
- Proporciona transparencia al permitir comparar precios, servicios y reseñas de otros clientes, facilitando la toma de decisiones informadas.
- Mejora su presencia en línea y les permite llegar a una audiencia más amplia, lo que puede impulsar el crecimiento y las ventas.
Para los desarrolladores freelance, la plataforma también ofrece beneficios significativos:
- Facilita la búsqueda de oportunidades laborales, lo que les permite encontrar proyectos adecuados de manera más eficiente.
- Amplía su alcance al conectarlos con empresas de todo el país, brindándoles acceso a una variedad de proyectos interesantes.
- Les proporciona una plataforma para desarrollar y mejorar sus habilidades, así como para establecer relaciones profesionales con otros desarrolladores en la comunidad.
Problema 1: Falta de certeza acerca de la fiabilidad y calidad de los desarrolladores contratados.
- Solución: Implementar un sistema de evaluación y calificación en nuestra plataforma. Permitir que tanto las empresas como los desarrolladores se califiquen mutuamente proyecto por proyecto proporcionará comentarios valiosos y construirá confianza en la comunidad.
Problema 2: Dificultad para encontrar coincidencias adecuadas.
- Solución: Mejorar la funcionalidad de búsqueda y el algoritmo de emparejamiento. Esto podría incluir opciones para filtrar por habilidades específicas, experiencia previa y ubicación geográfica, asegurando así que las empresas encuentren desarrolladores que se ajusten a sus necesidades.
Problema 3: Retos en la comunicación y la colaboración.
- Solución: Integrar herramientas de comunicación directa en la plataforma para facilitar las interacciones entre empresas y desarrolladores. Además, proporciona funciones como seguimiento de proyectos y gestión de tareas para mejorar la colaboración en línea.
Nuestra plataforma será utilizada por empresas y desarrolladores freelance en cualquier momento y lugar. Las empresas pueden emplearla para encontrar desarrolladores freelance cuando requieran crear o mejorar sus sitios web. Del mismo modo, los desarrolladores freelance pueden emplearla para buscar oportunidades laborales y colaborar con empresas.
Las características más importantes de nuestra aplicación serán las siguientes:
- Facilidad de uso: La aplicación será fácil de usar para microempresas, emprendimientos y desarrolladores freelance de todos los niveles de experiencia.
- Accesibilidad: La aplicación será accesible para microempresas, emprendimientos y desarrolladores freelance de todo el mundo.
- Seguridad: La aplicación protegerá la privacidad y la seguridad de los datos de los usuarios.
Nuestra aplicación debe tener un diseño claro, sencillo y fácil de entender y utilizar. Debe ser visualmente atractiva y fácil de navegar. Además, debería funcionar de manera eficiente y fluida, brindando una experiencia de usuario fluida y placentera.
- Creo que mis usuarios necesitan una plataforma intuitiva y fácil de usar que les permita a las microempresas publicar proyectos de desarrollo web y a los desarrolladores freelance postularse para trabajar en ellos de manera eficiente y transparente.
- Estas necesidades se pueden resolver proporcionando una plataforma tecnológica robusta y segura que facilite la conexión entre empresas y desarrolladores freelance, ofreciendo herramientas de búsqueda y selección efectivas, así como sistemas de comunicación y colaboración integrados.
- Mis clientes iniciales son microempresas y emprendimientos peruanos que buscan soluciones digitales para mejorar su presencia en línea, así como desarrolladores freelance que desean encontrar oportunidades de trabajo en proyectos de desarrollo web.
- El valor #1 que un cliente requiere de mi servicio es la eficiencia en la búsqueda y contratación de tecnologías que sea funcional para el desarrollo de su página web, asegurando que puedan encontrar rápidamente soluciones a medida para sus necesidades, lo que les permitirá ahorrar tiempo y recursos.
- Obtendremos la mayoría de nuestros clientes a través de campañas de marketing digital dirigidas a microempresas y emprendimientos en el mercado peruano, así como mediante la participación en eventos y ferias comerciales relevantes para el sector de desarrollo web.
- Haremos dinero a través de membresías premium para empresas y desarrolladores freelance que les brinden acceso ilimitado a características avanzadas de la plataforma, como herramientas de búsqueda más detalladas, soporte prioritario y la capacidad de publicar y aplicar a un número ilimitado de proyectos.
- Mi competencia principal será otras plataformas similares que conectan a empresas con desarrolladores freelance, así como agencias de desarrollo web establecidas que ofrecen servicios similares en el mercado.
- Los venceremos a través de una experiencia de usuario superior, con una plataforma más fácil de usar y transparente, así como proporcionando un amplio pool de talentosos desarrolladores freelance y garantizando la calidad y eficiencia en cada proyecto.
- Mi mayor riesgo del producto es la falta de adopción por parte de los usuarios debido a la competencia existente en el mercado y la necesidad de construir una base de usuarios sólida desde el principio.
- Resolveremos esto a través de estrategias de marketing efectivas, atención al cliente excepcional y constantes mejoras en la plataforma basadas en retroalimentación de usuarios y análisis de datos para asegurar su relevancia y competitividad en el mercado.
Creemos que al permitir que los desarrolladores creen perfiles y muestren sus trabajos anteriores, los usuarios interesados en obtener una página web podrán tener una visión más clara de sus necesidades. Sabremos que esto es cierto, cuando más del 50% de los usuarios que utilizan la aplicación finalizan proyectos o se ponen en contacto con un desarrollador.
Creemos que nuestra aplicación potenciará las estrategias de marketing digital de diversos emprendimientos. Sabremos que tuvimos éxito, cuando más del 20% de usuarios nuevos conozcan la aplicación por medio de recomendación de otros usuarios.
Creemos que al conectar desarrolladores web con emprendimientos, facilitaremos el proceso de creación de nuevos sitios web o la mejora de sitios web existentes, satisfaciendo sus necesidades específicas. Sabremos que hemos tenido éxito cuando más del 80% de los emprendimientos que se pusieron en contacto con un desarrollador hayan lanzado el nuevo sitio web desarrollado.
Nuestro segmento objetivo está compuesto por dos tipos de usuarios:
Este segmento incluye a pequeñas empresas, startups y emprendedores independientes en el mercado peruano que buscan soluciones digitales centradas en el desarrollo web. Estas empresas necesitan mejorar su presencia en línea a través de la creación de sitios web y otras aplicaciones web personalizadas. Reconocen la importancia de la transformación digital para el éxito de sus negocios, pero carecen de los recursos o conocimientos técnicos para desarrollar estas soluciones internamente.
Este segmento abarca a profesionales independientes especializados en el desarrollo web y otras tecnologías relacionadas. Estos desarrolladores están buscando oportunidades de trabajo específicamente en proyectos de desarrollo web. Valoran la flexibilidad laboral y la posibilidad de trabajar en proyectos desafiantes que les permitan aplicar y mejorar sus habilidades en este campo.
Después de examinar las principales plataformas dedicadas a conectar a empresas con desarrolladores freelance para el desarrollo de soluciones de software, hemos identificado a los principales competidores a los que se enfrenta nuestra startup en este sector. Estos son los siguientes:
- Freelancer: Plataforma en línea donde que conecta a profesionales independientes con proyectos de trabajo remoto propuestos por pequeñas y grandes empresas. Los usuarios pueden buscar y postular a trabajos freelance en áreas de desarrollo de software, diseño gráfico, consultoría, etc. donde pueden establecer su propio horario y tarifas. La plataforma también proporciona a las empresas acceso a una gran base de talento global para contratrar según las necesidades del proyecto.
- Upwork: Plataforma de contratación online que brinda un espacio de comunicación entre empresas y freelancers para colaborar en una variedad de trabajos. De igual forma ofrece una gama de herramientas para la comunicación, gestión y seguridad en los pagos. Además, proporciona servicios de compra de proyectos, asesoramiento empresarial y recursos educativos de diversas áreas.
- Codementor: Plataforma en línea especializada en el aprendizaje y la tutoría dentro del cmapo de la programación. Ofrece diversos recursos educativos para mejorar las habilidades técnicas de sus usuarios. Esto incluye, tutoriales, cursos, libros, etc. También permite a los usuarios conectarse con mentores calificados para sesiones de tutoría personalizadas. Además, facilita la búsqueda y contratación de otros programadores para llevar a cabo proyectos de desarrollo de software.
| Competitive Analysis Landscape | ||||||
|---|---|---|---|---|---|---|
| ¿Por qué llevar a cabo este análisis? | Escriba en el recuadro la pregunta que busca responder o el objetivo de este análisis. | |||||
| Este análisis se realizó para identificar a nuestros competidores y desarrollar estrategias para sobresalir sobre ellos. | ||||||
|
WebMaster
|
Freelancer
|
Upwork
|
Codementor
|
|||
Perfil |
Overview | Plataforma que facilita la conexión entre desarrolladores independientes y pequeñas y medianas empresas que buscan una solución de software. | Plataforma online donde freelancers de distintos rubros ofrecen sus servicios para desarrollar proyectos propuestos por pequeñas y grandes empresas. | Plataforma de contratación online que funciona como un medio de comunicación entre empresas y freelancers para facilitar la contratación para proyectos, así como la compra de trabajos y asesoramiento. | Plataforma en línea que permite conectar desarrolladores con mentorías personalizadas y oportunidades de trabajo freelance. También ofrece recursos educativos para mejorar las habilidades técnicas de sus usuarios. | |
| Ventaja competitiva | Brinda herramientas para seguimiento del progreso de los proyectos, así como la oportunidad de verificar los conocimientos de los freelancers mediante evaluaciones como manera de garantizar un servicio de calidad en la plataforma. | Funciona como un escrow (cuenta de retención), donde el pago por el proyecto es liberado cuando ambas partes se encuentran satisfechas al finalizar el trabajo. Tiene un sistema de evaluaciones para garantizar la calidad y conocimientos de los freelancers | Ofrece oportunidades laborales en distintas industrias y rubros, por lo que tiene una oferta laboral diversificada. Además, proporciona servicios de consultoría con expertos. Tiene herramientas que facilita la comunicación, gestión y seguimiento de proyectos. | Se especializa en el ámbito del desarrollo de software, por lo que sus servicios son más especializados en esta industria. Ofrece sesiones de mentoría personalizadas. | ||
Perfil de Marketing |
Mercado objetivo | PYMEs y emprendimientos que buscan subcontratar a un desarrollador para trabajar en una solución de software y freelancers en busca de una oportunidad de trabajo. | Pequeñas, medianas y grandes empresas que quieran contratar a freelancers para desarrollar sus proyectos. Trabajadores independientes que buscan una oportunidad de trabajo. | Empresas de todos los tamaños que buscan contratar trabajadores independientes para desarrollar proyectos de distintas áreas. Freelancers en busca de una oportunidad de trabajo. | PYMEs y emprendimientos que requieran una solución de software. Desarrolladores en busca de un mentor o una oportunidad de trabajo. | |
| Estrategias de marketing | Publicidad en línea, eventos y asociaciones con organizaciones y empresas de la industria tecnológica. | Testimonios de freelancers y artículos en línea. | Testimonios de usuarios y reseñas. Recursos gratuitos. Patrocinio de eventos. | Contenido educativo gratuito y colaboración con influencers. | ||
Perfil de Producto |
Productos & Servicios | Plataforma de trabajo. | Plataforma de trabajo. Inteligencia artificial. | Plataforma de trabajo freelance. Consultoría. | Servicio de mentoría. Recursos educativos. Plataforma de trabajo. | |
| Precios & Costos | Membresías para freelancers de S/15 ($4 dólares). Membresía para empresas de S/50 ($14 dólares). Tarifa del 15% a los desarrolladores freelance por proyecto. | Membresías para los freelancers de $4.99 dólares por el plan básico, $8.95 dólares por el Plus, $49.00 dólares por el Profesional y $99.00 dólares por el Premium mensualmente. Tarifa del 3% o $3.00 dólares por proyectos por precio fijo para los empleadores. 3% para proyectos por hora. Tarifa del 10% o $5.00 dólares por proyectos por precio fijo para los freelancers. 10% para proyectos por hora. | $20 dólares mensuales por una membresía para freelancers. Tarifa del 5% de los pagos realizados a los trabajadores independientes. $0,15 dólares por cada “connect” que permite publicitar y dar más visibilidad a los trabajos de los freelancers. | Tarifa variante dependiendo de ciertos factores. | ||
| Canales de distribución (Web y/o Móvil) | Página web. | Página web y aplicación móvil. | Página web y aplicación móvil. | Página web y aplicación móvil. | ||
Análisis SWOT |
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 | Sistemas de supervisión y evaluación para garantizar la finalización y calidad de los proyectos. | Amplia reputación en el sector freelance. API propia. | Distintas formas de contratación dependiendo de las necesidades de los empleadores. Proyectos relacionados a distintos campos. | Gran comunidad activa. Enfoque en proyectos de desarrollo de software. | ||
| Debilidades | Bajo número de usuarios por ser una startup emergente. | Tarifas altas para los trabajadores independientes | Dependencia de las calificaciones para los freelancers. | Opciones de servicios limitadas. | ||
| Oportunidades | Introducción de servicios para nichos de mercado como desarrollo de soluciones móviles, IoT, etc. | Ampliar el uso de la inteligencia artificial (IA). | Desarrollo de un programa de afiliación para los trabajadores independientes. | Diversificación de servicios en más áreas del desarrollo de software. | ||
| Amenazas | Alta competencia en el sector. Sin posicionamiento en el mercado. | Incremento de nuevas plataformas en el mercado. Alta competencia en el sector. | Alta competencia en el sector. Problemas relacionados a la ciberseguridad y estafas en la plataforma. | Alta competencia en el sector. Disminución de la calidad del servicio. | ||
Nuestro enfoque principal como startup se basa en las siguientes estrategias y tácticas clave:
| Competidores | ¿Qué se puede hacer para ganarle a la competencia? |
| Competidor 1: Freelancer | Frente a Freelancer, se ofrecen precios de suscripción más accesibles a los desarrolladores, así como tarifas flexibles tanto para las empresas como para los trabajadores independientes, para una mayor accesibilidad y atraer nuevos usuarios a la plataforma. |
| Competidor 2: Upwork | Comparado con Upwork, se adopta un enfoque exclusivo en proyectos de desarrollo de software para tener una oferta más orientada a la industria tecnológica, implicando la inclusión de desarrolladores con conocimientos más especializados y técnicos que atraigan empresas en busca de una solución más compleja y técnica. |
| Competidor 3: Codementor | Con Codementor, se enfatiza la importancia de las distintas herramientas de seguimiento y supervisión disponibles en la plataforma para garantizar el cumplimiento de los contratos y mejorar la satisfacción de nuestros clientes. |
Segmento objetivo: Empresarios o emprendedores
Buen día, soy [Nombre del entrevistador]. En esta ocasión llevaré a cabo una entrevista para la Startup From Zero con el objetivo de recopilar la información necesaria para el desarrollo de nuestra plataforma.
Webmasters es una plataforma diseñada para ayudar a las empresas y emprendimientos que requieran de una solución de software. Conectamos a estos emprendimientos y empresas con desarrolladores freelancers capaces de satisfacer sus necesidades de manera eficaz.
Preguntas generales:
- ¿Cuál es su nombre?
- ¿Cuántos años tienes?
- ¿Dónde resides actualmente?
- ¿Cuál es el nombre de tu empresa o emprendimiento?
Preguntas de indagación:
- ¿Actualmente su empresa/emprendimiento cuenta con presencia digital?
- ¿Considera que a día de hoy es importante que su empresa/emprendimiento tenga presencia en internet? ¿Por qué?
- ¿De qué manera mejorarías la presencial digital de tu negocio?
- ¿Alguna vez su empresa/emprendimiento ha requerido de una solución de software? Si es así, ¿de qué tipo?
- ¿Ha considerado realizar un proyecto de software para mejorar su empresa/emprendimiento? ¿Por qué?
- ¿Qué tan familiarizado está con las plataformas de contratación de desarrolladores freelance?
Preguntas de validación:
- ¿Estaría dispuesto a trabajar con un desarrollador de software para desarrollar una solución de software para su empresa/emprendimiento?
- ¿Considerarías utilizar una plataforma que te conecte con desarrolladores freelance calificados? ¿Por qué?
- ¿Cuáles serían las características más importantes que debería tener la plataforma?
- ¿Qué beneficios esperas de utilizar una plataforma?
- ¿Qué preocupaciones tendrías al utilizar la plataforma para trabajar con desarrolladores freelance?
- ¿Estarías dispuesto a usar o pagar por una plataforma que te ayude a encontrar a un desarrollador adecuado para tu proyecto?
Segmento objetivo: Desarrolladores freelance
Buen día, soy [Nombre del entrevistador]. En esta ocasión llevaré a cabo una entrevista para la Startup From Zero con el objetivo de recopilar la información necesaria para el desarrollo de nuestra plataforma. Webmasters es una plataforma diseñada para ayudar a las empresas y emprendimientos que requieran de una solución de software. Conectamos a estos emprendimientos y empresas con desarrolladores freelancers capaces de satisfacer sus necesidades de manera eficaz.
Preguntas generales:
- ¿Cuál es su nombre?
- ¿Cuántos años tienes?
- ¿Dónde resides actualmente?
- ¿Cuál es tu área de especialidad en el desarrollo de software (móvil, escritorio, web, ciberseguridad, etc.)?
Preguntas de indagación:
- ¿Con qué tecnologías sueles realizar tus proyectos?
- ¿Has tenido experiencia trabajando en proyectos de desarrollo de software?
- ¿Qué tipos de proyectos has realizado?
- ¿Cuáles son los principales problemas con los que te has enfrentado como desarrollador freelance?
- ¿Qué consideras en un proyecto para trabajar en él?
- ¿De qué manera manejas la comunicación con tus clientes a lo largo del desarrollo del trabajo?
- ¿Qué tan familiarizado está con las plataformas de contratación de desarrolladores freelance?
Preguntas de validación:
- ¿Cuáles son las características que consideras importantes dentro de este tipo de plataformas?
- ¿Qué otras características te gustaría ver en dichas plataformas?
- ¿Qué te haría elegir una plataforma de contratación de desarrolladores freelance frente a otras en el mercado?
- ¿Qué beneficios esperas de utilizar una plataforma?
- ¿Cuáles serían tus preocupaciones al momento de trabajar en una plataforma?
- ¿Estarías dispuesto a usar o pagar por una plataforma que te conecte con empresas que buscan desarrolladores freelance?
Segmento empresarios o emprendedores
Entrevista 1
- Entrevistador: Zaid Valentino Ramirez Contreras
- Entrevistado: Maverick Mendoza
- Edad:
- Residencia: Lima - San Miguel
- Enlace del video: https://upcedupe-my.sharepoint.com
Resumen: El entrevistado, Maverick Mendoza, es un estudiante de Ingenieria en Sistemas y dueño del emprendimiento EnchiTacos. Menciona que actualmente la empresa solo maneja Facebook e Instagram con anuncios, por lo que cree que la adquisición de una página web mejoraría la rentabilidad del negocio. También menciona que la parte más importante al implementar una página web es la parte del diseño y la arquitectura. Menciona que le sería conveniente el tener a disposición una plataforma que le facilite el contacto con desarrolladores freelancer para la creación de su página web. Además dice que estaría dispuesto a pagar por el uso de la plataforma si esto significa que podrá elegir al desarrollador que mejor le convenga.
Entrevista 2
- Entrevistador: Jair Velasquez Pizarro
- Entrevistado: Alexandra Ñañez
- Edad: 21
- Residencia: Lima - Comas
- Enlace del video: https://upcedupe-my.sharepoint.com
Resumen: Mi entrevistada, Alexandra Ñañez, es estudiante de la carrera de Administración y Marketing, y es asesora de Marketing en un negocio que brinda el servicio de juegos infantiles, estimulación temprana y alquiler de local para fiestas infantiles. Menciona que actualmente la empresa solo maneja Facebook e Instagram con anuncios, por lo que cree que la adquisición de una página web mejoraría la rentabilidad del negocio. También menciona que la parte más importante al implementar una página web es la parte del diseño y la arquitectura. También recalca que lo principal al momento de contratar un programador para un producto de software es la seguridad, comunicación y pruebas de trabajos anteriores para comprender si su forma de diseño se asemeja a la empresa.
Entrevista 3
- Entrevistador: Joseph Ulysses Llacchua Peralta
- Entrevistado: Mathias Leonardo Vasquez Requejo
- Edad: 20
- Residencia: Lima - San Isidro
- Enlace del video: https://upcedupe-my.sharepoint.com
Resumen: Matías Vázquez, de 20 años, residente en Lima, Perú, es el fundador de "FashionWave", un emprendimiento de moda con presencia digital en redes sociales como Instagram y Facebook. Reconoce la importancia de tener presencia en internet para llegar a un público amplio y mantenerse actualizado. Considera desarrollar un sitio web propio para mejorar la experiencia de compra. Está dispuesto a trabajar con desarrolladores freelance y consideraría usar una plataforma para encontrar talento especializado. Sus preocupaciones incluyen la calidad del trabajo y la seguridad de la información. Estaría dispuesto a pagar por una plataforma que cumpla con sus necesidades.
Segmento desarrolladores freelance
Entrevista 1
- Entrevistador: Samira Jetzabel Alvarez Araguache
- Entrevistado: Alessandro Medina Agnini
- Edad: 20 años
- Residencia: Lima - San Miguel
- Enlace del video: https://upcedupe-my.sharepoint.com
Resumen:
Se entrevistó a Alessandro Medina, un joven de 20 años estudiante de Ciencias de la Computación quien se dedica al trabajo freelance. Alessandro se especializa en el desarrollo web como Front-End, con el uso de HTML5, CSS3, JS, React y Angular. utilizando tecnologías como HTML5, CSS3, JS, React y Angular. Él ha participado en diversos proyectos, principalmente en la creación de landing pages para emprendedores y pequeñas empresas.
Inicialmente,enfrentó dificultades para encontrar proyectos debido a la falta de un portafolio que respaldara sus habilidades y profesionalismo. Asímismo, antes de elegir un proyecto investiga al cliente para evaluar su reputación y toma en cuenta plazo de entrega del trabajo. Una vez aceptado un proyecto, Alessandro comenta que suele mantener una comunicación activa con el empleador a través de reuniones periódicas para recibir retroalimentación.
Menciona que está familiarizado con las plataformas de contratación de desarrolladores freelance y destaca la importancia de personalizar su perfil para resaltar sus habilidades y tener un portafolio asociado. Además, espera encontrar sistemas de pago seguros en estas plataformas. Alessandro menciona que selecciona las plataformas basándose en su reputación y en la facilidad para encontrar proyectos e los que trabajar. Mientras tanto, espera que una plataforma le brinde la oportunidad de conectarse con un público más amplio. Por otro lado, sus preocupaciones a esto gira entorno a la competencia con freelancers establecidos.
Finalmente, consideraría usar una plataforma conecte con empresas que buscan desarrolladores freelance según el modelo de cobro, ya sea por suscripción o por comisiones.
Entrevista 2
- Entrevistador: André Alonso Arroyo Ormeño
- Entrevistado: William Ramos Vicente
- Edad: 20 años
- Residencia: Lima - San Isidro
- Enlace del video: https://upcedupe-my.sharepoint.com
Resumen:
Mi entrevistado es William Ramos Vicente, es desarrollador backend de las plataformas web y ha tenido experiencia desarrollando proyectos tanto para empresas como personales. En caso de usar plataformas que le ayuden a conseguir proyectos remunerados, le gustaría que los proyectos se dividan en especialidades como: frontend, backend, móviles, ciberseguridad entre otros. Asimismo también le gustaría que los proyectos se clasificaran de acuerdo a la cantidad de experiencia, rubros (salud, política, estados, bancos, etc), todo esto acompañado de una sección en el cual se permite ingresar de forma adecuada los datos personales para poder conseguir dicho proyectos. Lo que haría elegir una plataforma que ayude a conseguir proyectos sobre otras, sería la eficacia, la rapidez y la gran cantidad de empresas en la plataforma de tal forma que se logre una gran variedad de proyectos. Lo que espera de la plataforma sería que facilite el proceso de conseguir los proyectos remunerados así como también proyectos que brinden contratación para periodos cortos como largos. Su principal preocupación en estas plataformas sería la ineficacia de conseguir los proyectos, la falta de comunicación en cuanto al rechazo de la solicitud y la falta de feedback en el desarrollo del proyecto. Para finalizar si estaría dispuesto a pagar por este tipo de plataformas siempre y cuando cumplan con las características que menciono anteriormente.
Segmento empresarios o emprendedores:
Se destaca una convergencia de ideas y necesidades comunes entre los emprendedores. Todos reconocen la importancia de ampliar la presencia en línea de sus negocios más allá de las redes sociales, considerando la adquisición de una página web como un paso fundamental para mejorar la rentabilidad y llegar a un público más amplio.
Un punto clave resaltado por cada uno de ellos es la importancia del diseño y la arquitectura de la página web. Esto sugiere que no solo valoran la apariencia visual, sino también la funcionalidad y la experiencia del usuario como componentes esenciales para el éxito en línea. Además, todos muestran disposición para trabajar con desarrolladores freelance, indicando una preferencia por la flexibilidad y la especialización que estos profesionales ofrecen.
Otro aspecto compartido entre los entrevistados es su preocupación por la calidad del trabajo y la seguridad de la información al contratar desarrolladores freelance o utilizar plataformas para encontrar talento. Esta cautela refleja una mentalidad empresarial prudente y enfocada en asegurar resultados satisfactorios y proteger la integridad de sus negocios.
Finalmente, es notable que todos están dispuestos a invertir en soluciones que satisfagan sus necesidades específicas, ya sea en el desarrollo de un sitio web de calidad o en la selección de talento especializado a través de plataformas pagas. Esta disposición a pagar por servicios adecuados demuestra un enfoque estratégico y comprometido hacia el crecimiento y la mejora continua de sus emprendimientos en el entorno digital.
Segmento desarrolladores freelance:
En las entrevistas con Alessandro Medina y William Ramos Vicente, se destaca la importancia crucial de contar con un sólido portafolio y una buena reputación para atraer proyectos de calidad como desarrolladores freelance. Ambos enfatizan la necesidad de mantener una comunicación activa y recibir retroalimentación constante de los empleadores durante los proyectos.
Además, ambos desarrolladores valoran el uso de plataformas de contratación freelance para acceder a una variedad más amplia de oportunidades laborales. William específicamente busca plataformas eficaces que clasifiquen proyectos según especialidades y niveles de experiencia, mientras que Alessandro prefiere plataformas que le permitan conectarse con un público más amplio y que ofrezcan sistemas de pago seguros.
Sus principales preocupaciones incluyen la eficiencia en la selección de proyectos, la comunicación transparente durante todo el proceso y la retroalimentación sobre el progreso del trabajo. En conjunto, estas entrevistas reflejan la importancia de estrategias efectivas de presentación, comunicación clara y selección inteligente de plataformas para maximizar las oportunidades y la satisfacción como desarrolladores freelance.
Segmento empresarios y emprendedores
Segmento desarrolladores freelance
A continuación se pueden apreciar los User Task Matrix de los segmentos objetivos.
| Matriz de tareas | User Persona | |||
|
Empresario y emprendedor Promedio Segmento Objetivo: Empresarios y emprendedores entre 18 años a más |
Desarrollador freelance Promedio Segmento Objetivo: Desarrolladores freelance entre 18 años a más |
|||
| Task | Frequency | Importance | Frequency | Importance |
| Gestionar su tiempo de manera eficiente | High | High | High | High |
| Mantenerse al día con las últimas tendencias y estilos | High | High | Medium | High |
| Gestionar pedidos, ventas y envíos | High | High | Low | Low |
| Optimizar el sitio web para mejorar la experiencia de usuario | Low | Medium | High | High |
| Buscar proyectos de desarrollo de software | Low | Low | High | High |
| Resolver problemas técnicos y encontrar soluciones creativas | Medium | High | High | High |
| Desarrollar soluciones de software | Low | Low | High | High |
A continuación se pueden observar los User Journey Mapping de los segmentos objetivos.
Segmento empresario y emprendedor:
Segmento desarrollador freelance:
A continuación se muestra los Empathy Mapping de los segmentos objetivos.
Segmento empresario y emprendedor:
Segmento desarrollador freelance:
A continuación se precentan los As-Is Scenario de los segmentos objetivos.
Segmento empresario y emprendedor:
Segmento desarrollador freelance:
Enlace de Miro: https://miro.com/app/board/uXjVKWrUG98=/?share_link_id=990115567422
Connection Platform (Plataforma de Conexión): Una plataforma digital que conecta a desarrolladores freelance y a empresas/emprendimientos.
User (Usuario): Persona que utilice la plataforma, ya sea un desarrollador freelance o un empresario/emprendedor.
User Profile (Perfil de Usuario): Un espacio personalizado en la plataforma donde se exponen la experiencia, habilidades y proyectos anteriores.
Project Catalog (Catálogo de Proyectos): Una lista de proyectos de software propuestos por empresas o emprendimientos para ser desarrollados por los freelancers.
Rating System (Sistema de valoración): Un sistema de clasificación donde los usuarios de la plataforma pueden calificar la calidad, profesionalidad y satisfacción del proyecto realizado por un desarrollador freelance.
Work Contract (Contrato de trabajo): Un acuerdo formal entre el desarrollador freelance y la empresa donde se establecen los plazos y la remuneración del proyecto, así como otros términos y condiciones.
Project Management (Gestión de Proyectos): Funcionalidad que permite a los usuarios hacer gestión y seguimiento del progreso del proyecto.
Subscription Model (Modelo de Suscripción): Un plan de pago ofrecido a los desarrolladores freelance y empresas para acceder a las funciones premium a cambio de una tarifa recurrente.
Commission System (Sistema de Comisión): Una estructura de tarifas donde se cobra un porcentaje del valor del proyecto a los desarrolladores freelance.
Registration and Verification (Registro y Verificación): Un proceso de verificación de la autenticidad de la identidad de los usuarios de la plataforma.
Customer Support (Soporte al Cliente): Asistencia técnica y atención al cliente para resolver problemas y responder preguntas relacionadas con la plataforma.
Segmento 1: Empresarios
Escenario principal: Adquirir freelancers para el desarrollo de proyecto de software
Fases: Búsqueda y selección de freelancers, Negociación y acuerdo, Colaboración y seguimiento, Evaluación y cierre.
Segmento 2: Freelancers
Escenario Principal: Adquirir un proyecto cuyo desarrollo sea remunerado
Fases: Búsqueda de proyectos de software en la plataforma, Elección del proyecto y contacto con el jefe del proyecto, Desarrollo del proyecto, Entrega final del proyecto y pago del trabajo.
| Epic / Story ID | Título | Descripción | Criterio de aceptación | Relacionado con (Epic ID) |
|---|---|---|---|---|
| Epic 1: Landing page Como empresario o freelancer Quiero visualizar una página Para saber acerca de la aplicación e ingresar a la aplicación |
||||
| E1-US101 | Barra de navegación en landing page
|
Como usuario quiero una barra de navegación de landing page para tener accesos directos a la información de la aplicación | Escenario 1: El usuario quiere saber cómo funciona la aplicación Dado que el usuario se encuentra en el landing page Y se dirige en la barra de navegación Entonces es dirigido a la sección de cómo funciona el producto. Escenario 2: El usuario quiere saber los testimonios de usuario que utilizaron la aplicación Dado que el usuario se encuentra en el landing page Y se dirige en la barra de navegación Entonces es dirigido a la sección de Testimonios Escenario 3: El usuario quiere hacer preguntas frecuentes de la aplicación Dado que el usuario se encuentra en el landing page Y se dirige en la barra de navegación Entonces es dirigido a la sección de Preguntas Frecuentes. |
1 |
| E1-US102 | Sección hero de landing page | Como usuario quiero visualizar una sección hero en el landing page para tener una idea sobre lo que ofrece la aplicación | Escenario 1: El usuario se encuentra en la sección de hero Dado que el reclutador o postulante se encuentra en el landing page Cuando se encuentra en la sección de hero Entonces visualiza una presentación de la aplicación. |
1 |
| E1-US103 | Sección de producto de landing page | Como usuario quiero visualizar características de la aplicación en el landing page para saber sobre las características que ofrece la aplicación |
Escenario 1: El usuario se encuentra en la sección de características del producto Dado que el usuario se encuentra en el landing page Cuando se encuentra en la sección del producto Entonces visualiza características de la aplicación. |
1 |
| E1-US104 | Sección de testimonios en landing page | Como usuario quiero visualizar testimonios de usuarios que utilizaron la aplicación para saber sobre experiencias reales de usuarios | Escenario 1: El usuario se encuentra en la sección de testimonios Dado que el usuario se encuentra en el landing page Cuando se encuentra en la sección de testimonios Entonces visualiza testimonios de usuario que utilizaron la aplicación. |
1 |
| E1-US105 | Sección de planes en landing page | Como usuario quiero visualizar los planes que ofrece la aplicación para considerar adquirir la membresía | Escenario 1: El usuario se encuentra en la sección de planes Dado que el usuario se encuentra en el landing page Cuando se encuentra en la sección de planes Entonces visualiza los planes que la aplicación ofrece para funciones premium. |
1 |
| E1-US106 | Sección de footer a la aplicación en landing page | Como usuario quiero visualizar la sección de footer para acceder a links de la página | Escenario 1: El usuario se encuentra en la sección de footer en landing page Dado que el usuario se encuentra en el landing page Cuando se encuentra en la sección de footer Entonces visualiza links de navegación. |
1 |
| E1-US107 | Sección para conocer al equipo de trabajo | Como posible cliente, quiero conocer más sobre el equipo que desarrolla la aplicación para adquirir confianza de dicho equipo de trabajo. | Escenario 1:Visualización correcta Dado que el usuario se encuentra en el landing page Cuando seleccione la sección “Sobre Nosotros” en la barra de navegación Entonces se muestra la sección para conocer más sobre el equipo de trabajo. |
1 |
| E1-US108 | Atención al cliente | Como usuario quiero el servicio de atención al cliente para poder reportar fallas en el aplicativo o incumplimiento entre empresario y freelancer | Escenario 1: Reporte de falla del aplicativo Dado que el usuario experimenta una falla en el aplicativo Cuando acceda a la opción “Atención al cliente” y escoja la opción “Falla del aplicativo” Escenario 2: Reporte de incumplimiento del freelancer o empresario Dado que el usuario experimenta un incumplimiento del freelancer o empresario Cuando acceda a la opción “Atención al cliente” y escoja la opción “Incumplimiento” |
1 |
| Epic 2: Autenticación y perfil del usuario Como empresario o freelancer Quiero autenticar y configurar mi perfil del usuario Para ingresar a la aplicación |
||||
| E2-US101 | Registro e inicio de sesión | Como usuario quiero tener en la app un apartado de inicio de sesión para que se guarde mi información | Escenario 1: Usuario ingresa a la aplicación y se encuentra con el inicio de sesión Dado que el usuario ya está en el inicio de sesión Cuando el usuario haga click en registrarse Entonces el sistema le mostrará un apartado donde podrá llenar su información Escenario 2: Usuario se registra Dado que el usuario ya se encuentra en el apartado de registro Cuando el usuario complete todo el formulario de registro Entonces el sistema guardará todos sus datos |
2 |
| E2-US102 | Formulario de login | Como usuario de la página web, quiero ingresar con mi cuenta con la cual me registre para usar las herramientas a mi disposición. | Escenario 1: Iniciar sesión Dado que el usuario se encuentra en el formulario “Login” Cuando ingrese el correo electrónico y contraseña Entonces puede ingresar a la app de manera exitosa |
2 |
| E2-US103 | Recuperación de contraseñas | Como usuario quiero que la aplicación tenga un apartado que me permita recuperar mi contraseña en caso me olvide para ingresar a mi cuenta de usuario | Escenario 1: Usuario recupera su contraseña Dado que el usuario está en la parte de incio en el log in Cuando coloque una contraseña errónea más de 4 veces Entonces la aplicación mostrará un aviso de recuperación de contraseña con el correo brindado anteriormente Escenario 2: Usuario olvidó su contraseña y no puede entrar a su cuenta Dado que el usuario olvida su contraseña y no puede entrar a su cuenta Cuando el usuario entre a su correo y no logre cambiar su contraseña Entonces la aplicación mostrará un mensaje para que se contacte con soporte técnico |
2 |
| Epic 3: Funcionalidades del empresario Como empresario Quiero funcionalidades que me facilite encontrar freelancer Para poder desarrollar mi proyecto de software |
||||
| E3-US101 | Pantalla de inicio empresario | Como empresario quiero visualizar todos los proyectos publicados para poder ver fácilmente el progreso de los mismos | Escenario 1: Visualización de proyectos en la pantalla de inicio Dado que soy empresario Y he iniciado sesion en la aplicación Cuando esté en la pantalla de inicio |
3 |
| E3-US102 | Publicar una solicitud de proyecto de desarrollo web | Como empresario que necesita una página web, quiero utilizar la aplicación para publicar una solicitud de proyecto de desarrollo web para que los freelancer interesados puedan contactarnos. | Escenario 1: Publicar mi solicitud de proyecto web Dado que soy un empresario y he iniciado sesión en la aplicación, Cuando acceda a mi panel de control, debería ver la opción para "Publicar un Proyecto" y seleccione "Publicar un Proyecto", debería completar un formulario que incluye detalles del proyecto, presupuesto, fecha límite y requisitos específicos. Y después de haber completado el formulario y confirmado la publicación, el proyecto debe aparecer en la lista de proyectos disponibles para los desarrolladores web independientes. Entonces, los desarrolladores web interesados en el proyecto deben poder verlo y contactarnos a través de la aplicación. |
3 |
| E3-US103 | Sistema de postulación | Como empresario quiero un sistema de postulación para poder rechazar o aceptar a los freelancer | Escenario 1: Empresario acepta la solicitud Dado que soy un empresario y he recibido una solicitud de postulación Entonces en el proyecto aparecerá el nombre del freelancer aceptado Escenario 2: Empresario rechaza la solicitud Dado que soy un empresario y he recibo una solicitud de postulación Cuando rechace la solicitud Entonces se le notificará al freelancer el rechazo de su solicitud Escenario 3: Obtención de solicitud de postulaciones ilimitados Dado que soy empresario Cuando haya pagado la suscripción premium Entonces mis proyectos publicados o por publicar tendrán solicitud de postulaciones ilimitadas |
3 |
| E3-US104 | Sistema de calificacion de desarrolladores | Como empresario quiero un sistema de calificación para conocer la fiabilidad de los desarrolladores web. | Escenario 1: Visualización de calificaciones Dado que soy un empresario Y he iniciado sesion en la aplicación Cuando esté visualizando la lista de desarrolladores que postularon para mi proyecto debería poder visualizar la calificación promedio que tienen los desarrolladores Entonces, podré conocer la fiabilidad de los desarrolladores Escenario 2: Dar una calificación Dado que soy un empresario premium Y he iniciado sesion en la aplicación Y he desarrollado un proyecto con ayuda de un desarrollador web Cuando finalice el proyecto, la pagina me brindara la opción de dar una calificación Entonces, calificare al desarrollador. |
3 |
| E3-US105 | Visualizar repositorio de un desarrollador | Como empresario premium quiero visualizar una lista con los trabajos realizados por un desarrollador para poder tener una mayor confianza al momento de necesitar contactar con alguno | Escenario 1: Visualizar repositorio de un desarrollador Dado que soy un empresario premium y he iniciado sesion en la aplicación Cuando busque los trabajos desarrollados por los programadores Entonces el usuario ingresará al apartado de desarrollador para visualizar sus trabajos realizados |
3 |
| E3-US106 | Sistema de entregables | Como empresario quiero un sistema de entregables para establecer una fecha límite a la creación de mi proyecto | Escenario 1: Crear entregables Dado que soy un empresario Cuando elija la opción “ + ” Entonces podré crear un entregable con descripción y fecha límite |
3 |
| E3-US107 | Sistema de reclutamiento de freelancers | Como empresario quiero un sistema de reclutamiento para poder enviar solicitud de desarrollo de mi proyecto a los freelancer | Escenario 1: Aceptar solicitud de desarrollo Dado que soy un empresario y he enviado una solicitud de desarrollo Cuando el freelancer haya aceptado mi solicitud Entonces su nombre aparecerá en el proyecto Escenario 2: Rechazar solicitud de desarrollo Dado que soy un empresario y he enviado una solicitud de desarrollo Cuando el freelancer haya rechazado mi solicitud Entonces se me notificará el rechazo |
3 |
| E3-US108 | Visualizar lista de desarrolladores por calificación | Como empresario quiero visualizar una lista con los desarrolladores mejor calificados para ahorrar tiempo de contacto y contratación |
Escenario 1: Busco desarrolladores en el apartado de “Lista de desarrolladores” Dado que se encuentra en la pestaña principal de la aplicación Cuando el usuario ingresa al apartado ”Lista de desarrolladores” Entonces el usuario visualizará la lista de desarrolladores mejor calificados para ser contratados |
3 |
| E3-US109 | Mayor visibilidad de proyecto | Como empresario premium quiero mayor visibilidad en mis proyectos para conseguir más rápido freelancers al proyecto | Escenario 1: Empresario paga suscripción Dado que soy un empresario que ha pagado suscripción premium Cuando publique un proyecto o ya he publicado un proyecto Entonces mis proyectos tendrán mayor visibilidad |
3 |
| E3-US110 | Sistema de verificado para el empresario | Como empresario premium quiero el sistema de verificado para dar mayor fiabilidad y confianza a los freelancer | Escenario 1: Obtención del verificado Dado que soy un empresario Cuando haya pagado la suscripción premium Entonces obtendre el verificado en mi cuenta |
3 |
| E3-US111 | Sistema de navegación del empresario | Como empresario quiero un sistema de navegación para tener accesos directo a la aplicación | Escenario 1: El empresario accede a la pantalla de Explorar Desarrolladores Dado que soy un empresario Cuando presione el botón “Explorar Desarrolladores” Entonces es dirigido a la pantalla de explorar desarrolladores Escenario 2: El empresario accede a la pantalla de Mensajes Dado que soy un empresario Cuando presiono el botón “Mensajes” Entonces es dirigido a la pantalla de mensajes Escenario 3; El empresario accede a la pantalla de inicio Dado que soy un empresario Cuando presione el botón “Inicio” Entonces es dirigido a la pantalla de inicio Escenario 4: El empresario accede a la pantalla publicar proyecto Dado que soy un empresario Cuando presione el botón “publicar del proyecto” Entonces es dirigido a la pantalla de publicar proyecto Escenario 5: El empresario sale de su cuenta a través de la barra de navegación Dado que soy un empresario Cuando presione el botón “salir” Entonces el usuario saldrá de su cuenta |
3 |
| Epic 4: Funcionalidades del freelancer Como freelancer Quiero funcionalidades que me ayuden a encontrar proyectos de software Para recibir una remuneración por el desarrollo |
||||
| E4-US101 | Pantalla de inicio del freelancer | Como freelancer quiero visualizar todos los proyectos que debo de desarrollar para poder tener facilidades en el envío de los avances | Escenario 1: Visualización de proyectos en la pantalla de inicio Dado que soy freelancer Y he iniciado sesion en la aplicación Cuando esté en la pantalla de inicio Entonces podré ver todos los proyectos que debo de desarrollar |
4 |
| E4-US102 | Postularse para Proyectos de Desarrollo Web | Como freelancer, quiero utilizar la aplicación para buscar proyectos de desarrollo web publicados por empresas y postularse a aquellos que se ajusten a mis habilidades y disponibilidad. | Escenario 1: Selección de proyecto web Dado que soy un freelancer y he iniciado sesión en la aplicación Cuando seleccione un proyecto que me interesa y me postule Entonces la empresa que publicó el proyecto debe recibir mi solicitud y revisar mi perfil y experiencia. Escenario 2: Obtener postulaciones ilimitadas Dado que soy freelancer Cuando haya pagado la suscripción premium Entonces obtendré postulaciones ilimitadas en los proyectos |
4 |
| E4-US103 | Sistema de calificación de pago de los proyectos | Como freelancer quiero que la aplicación organice los proyecto en función del más pagado para escoger más rápido el proyecto de software | Escenario 1: El freelancer organiza los proyectos en función del más pagado Dado que el freelancer desea organizar los proyectos de software en función del más pagado, Cuando seleccione la opción “Más pagados” Entonces los proyectos se organizaron del más pagado al menos pagado |
4 |
| E4-US104 | Sistema de notificaciones para la entrega de avance de la página web | Como freelancer quiero que la aplicación me notifique las fechas de entrega de los avances para poder cumplir el proyecto en las fechas establecidas | Escenario 1: El freelancer organiza la fecha de los entregables del proyecto. Dado que el freelancer desea organizar sus fechas de entrega en los avances de la página web Cuando asigne una fecha establecida para un entregable dentro de la aplicación Entonces la aplicación notificará al freelancer con 3 días de anticipación para presentar un avance del proyecto. Escenario 2: El freelancer registra fechas en una aplicación distinta para presentar el proyecto. Dado que el freelancer desea organizar sus fechas de entrega en los avances de la página web Cuando ingrese a una aplicación que no es la nuestra Entonces no será seguro que el desarrollador reciba notificaciones con anticipación para la entrega de sus avances. |
4 |
| E4-US105 | Sistema de postulación de empresarios | Como freelancer quiero un sistema de reclutamiento para poder aceptar o rechazar las invitaciones de desarrollo de los empresarios | Escenario 1: Aceptar la solicitud de desarrollo del proyecto Dado que soy un freelancer y he recibido una solicitud de desarrollo Cuando confirme la solicitud Entonces mi nombre aparecerá en el proyecto del empresario Escenario 2: Rechazar la solicitud de desarrollo Dado que soy un freelancer y he recibido una solicitud de desarrollo Cuando rechace la solicitud Entonces se le notificará al empresario el rechazo de su solicitud |
|
| E4-US106 | Sistema de notificaciones de proyectos recomendados | Como freelancer premium quiero que la aplicación me notifique proyectos de acuerdo a mis habilidades para obtener más rápido un proyecto a desarrollar | Escenario 1: Sistema de recomendación de proyectos . Dado que el freelancer desea tener recomendaciones de proyectos de acuerdo a sus habilidades Cuando en la información de su cuenta rellene la sección de especialidades Entonces la aplicación le notificará proyectos en base a su especialización. |
4 |
| E4-US107 | Mayor visibilidad en postulación de proyectos | Como freelancer premium quiero tener prioridad en la lista de postulación para tener mayor probabilidad de ser aceptado en el desarrollo del proyecto | Escenario 1: Sistema de prioridad en las postulaciones Dado que el freelancer desea tener prioridad en la lista de postulación Cuando pague su suscripción premium Entonces tendrá prioridad en la lista de postulación de desarrollo del proyecto |
4 |
| E4-US108 | Sistema de verificado para los freelancer | Como freelancer premium quiero el sistema de verificado para generar mayor fiabilidad a los empresarios | Escenario 1: Obtención del verificado Dado que soy un freelancer Cuando haya pagado la suscripción premium Entonces obtendre el verificado en mi cuenta |
4 |
| E4-US109 | Sistema de navegación del freelancer | Como freelancer quiero una barra de navegación para tener accesos directos dentro de la aplicación | Escenario 1: El freelancer accede a la pantalla de inicio Dado que soy un freelancer Cuando presione el botón “Inicio” Entonces me llevara a la pantalla de inicio Escenario 2: El freelancer accede a la pantalla de mensajes Dado que soy un freelance Cuando presione el botón “Mensajes” Entonces me llevara a la pantalla de mensajes Escenario 3: El freelancer accede a la pantalla de explorar proyecto Dado que soy freelancer Cuando presione el botón “Explorar Proyectos” Entonces me llevará a la página de Explorar Proyectos Escenario 4: El freelance cierra sesión a partir de la barra de navegación Dado que soy freelancer Cuando presione el botón “Salir” Entonces el freelancer cierra sesión |
4 |
Empresarios
| # Orden | User story ID | Título | Descripción | Story Points (1 / 2 / 3 / 5 / 8) |
|---|---|---|---|---|
| 1 | E1-US101 | Barra de navegación en landing page | Como usuario quiero una barra de navegación de landing page para tener accesos directos a la información de la aplicación | 1 |
| 2 | E1-US102 | Sección hero de landing page | Como usuario quiero visualizar una sección hero en el landing page para tener una idea sobre lo que ofrece la aplicación | 2 |
| 3 | E1-US103 | Sección de producto de landing page | Como usuario quiero visualizar características de la aplicación en el landing page para saber sobre las características que ofrece la aplicación | 2 |
| 4 | E1-US104 | Sección de testimonios en landing page | Como usuario quiero visualizar testimonios de usuarios que utilizaron la aplicación para saber sobre experiencias reales de usuarios | 2 |
| 5 | E1-US105 | Sección de planes en landing page | Como usuario quiero visualizar los planes que ofrece la aplicación para considerar adquirir la membresía | 2 |
| 6 | E1-US106 | Sección de footer a la aplicación en landing page | Como usuario quiero visualizar la sección de footer para acceder a links de la página | 2 |
| 7 | E1-US107 | Sección para conocer al equipo de trabajo | Como posible cliente, quiero conocer más sobre el equipo que desarrolla la aplicación para adquirir confianza de dicho equipo de trabajo. | 2 |
| 8 | E1-US108 | Atención al cliente | Como usuario quiero el servicio de atención al cliente para poder reportar fallas en el aplicativo o incumplimiento entre empresario y freelancer | 3 |
| 9 | E2-US101 | Registro e inicio de sesión | Como usuario quiero tener en la app un apartado de inicio de sesión para que se guarde mi información | 4 |
| 10 | E2-US102 | Formulario de login | Como usuario de la página web, quiero ingresar con mi cuenta con la cual me registre para usar las herramientas a mi disposición. | 3 |
| 11 | E2-US103 | Recuperación de contraseñas | Como usuario quiero que la aplicación tenga un apartado que me permita recuperar mi contraseña en caso me olvide para ingresar a mi cuenta de usuario | 3 |
| 12 | E3-US101 | Pantalla de inicio del empresario | Como empresario quiero visualizar todos los proyectos publicados para poder ver fácilmente el progreso de los mismos | 3 |
| 13 | E4-US101 | Pantalla de inicio del freelancer | Como freelancer quiero visualizar todos los proyectos que debo de desarrollar para poder tener facilidades en el envío de los avances | 3 |
| 14 | E3-US111 | Sistema de navegación del empresario | Como empresario quiero un sistema de navegación para tener accesos directo a la aplicación. | 3 |
| 15 | E4-US109 | Sistema de navegación del freelancer | Como freelancer quiero una barra de navegación para tener accesos directos dentro de la aplicación | 3 |
| 16 | E3-US102 | Publicar una solicitud de proyecto de desarrollo web | Como empresario que necesita una página web, quiero utilizar la aplicación para publicar una solicitud de proyecto de desarrollo web para que los freelancer interesados puedan contactarnos. | 3 |
| 17 | E4-US102 | Postularse para Proyectos de Desarrollo Web | Como freelancer, quiero utilizar la aplicación para buscar proyectos de desarrollo web publicados por empresas y postularse a aquellos que se ajusten a mis habilidades y disponibilidad. | 3 |
| 18 | E3-US103 | Sistema de postulación | Como empresario quiero un sistema de postulación para poder rechazar o aceptar a los freelancer | 5 |
| 19 | E3-US104 | Sistema de calificacion de desarrolladores | Como empresario quiero un sistema de calificación para conocer la fiabilidad de los desarrolladores web. | 5 |
| 20 | E3-US105 | Visualizar repositorio de un desarrollador | Como empresario premium quiero visualizar una lista con los trabajos realizados por un desarrollador para poder tener una mayor confianza al momento de necesitar contactar con alguno | 3 |
| 21 | E4-US103 | Sistema de calificación de pago de los proyectos | Como freelancer quiero que la aplicación organice los proyecto en función del más pagado para escoger más rápido el proyecto de software | 2 |
| 22 | E3-US106 | Sistema de entregables | Como empresario quiero un sistema de entregables para establecer una fecha límite a la creación de mi proyecto | 5 |
| 23 | E4-US104 | Sistema de notificaciones para la entrega de avance de la página web | Como freelancer quiero que la aplicación me notifique las fechas de entrega de los avances para poder cumplir el proyecto en las fechas establecidas | 5 |
| 24 | E3-US107 | Sistema de reclutamiento de freelancers | Como empresario quiero un sistema de reclutamiento para poder enviar solicitud de desarrollo de mi proyecto a los freelancer | 5 |
| 25 | E4-US105 | Sistema de postulación de empresarios | Como freelancer quiero un sistema de reclutamiento para poder aceptar o rechazar las invitaciones de desarrollo de los empresarios | 3 |
| 26 | E3-US108 | Visualizar lista de desarrolladores por calificación | Como empresario quiero visualizar una lista con los desarrolladores mejor calificados para ahorrar tiempo de contacto y contratación |
3 |
| 27 | E4-US106 | Sistema de notificaciones de proyectos recomendados | Como freelancer premium quiero que la aplicación me notifique proyectos de acuerdo a mis habilidades para obtener más rápido un proyecto a desarrollar | 5 |
| 28 | E3-US109 | Mayor visibilidad de proyecto | Como empresario premium quiero mayor visibilidad en mis proyectos para conseguir más rápido freelancers al proyecto | 3 |
| 29 | E4-US107 | Mayor visibilidad en postulación de proyectos | Como freelancer premium quiero tener prioridad en la lista de postulación para tener mayor probabilidad de ser aceptado en el desarrollo del proyecto | 3 |
| 30 | E3-US110 | Sistema de verificado para el empresario | Como empresario premium quiero el sistema de verificado para dar mayor fiabilidad y confianza a los freelancer | 3 |
| 31 | E4-US108 | Sistema de verificado para los freelancer | Como freelancer premium quiero el sistema de verificado para generar mayor fiabilidad a los empresarios | 3 |
Branding
Nuestra marca debe reflejar la esencia de nuestra plataforma, que es la conexión entre desarrolladores web independientes y empresas. Asimismo, la marca debe transmitir confianza, colaboración y creatividad. También, utilizaremos un enfoque moderno y limpio en nuestro diseño, incorporando elementos relacionados con el desarrollo web, como líneas limpias y símbolos de conexión, para representar nuestra especialización. De igual forma, la marca debe evocar la idea de una comunidad unida de profesionales, por lo que los elementos de diseño pueden incluir personas trabajando juntas o elementos que sugieran colaboración.
Typography
La tipografía de nuestra marca debe ser legible. Por lo tanto, utilizaremos Lato como nuestra fuente principal, ya que combina un aspecto profesional con una sensación amigable. Asimismo, es adecuada para una amplia gama de aplicaciones y transmite confianza.
Además, se utilizará Open Sans para resaltar detalles y elementos secundarios, aportando variedad visual sin sacrificar la coherencia.
Colors
Nuestra paleta de colores principales, compuesta por Azul (#0072FF), Gris Claro (#F5F7FA) y Morado Claro (#b864f3). La combinación de estos tres colores en la paleta logra un equilibrio entre un aspecto profesional, la claridad necesaria y un toque de dinamismo. Asimismo, el azul continúa siendo el color primordial que genera una sensación de confianza, mientras que el gris claro y el morado se emplean para garantizar legibilidad y resaltar los elementos importantes.
Por otro lado, los colores secundarios Naranja Suave (#FFA500), Gris Oscuro (#333333) y Fucsia (#FF00FF) se utilizarán con moderación para resaltar elementos importantes en el aplicativo.
Spacing
El espaciado en nuestra interfaz de usuario es esencial para una experiencia ordenada. Estableceremos márgenes y rellenos coherentes para mantener una disposición organizada. Los elementos interactivos, como botones y enlaces, tendrán suficiente espacio para evitar toques accidentales en dispositivos móviles.
Encabezado
En la parte superior izquierda de la portada de WebMaster, encontramos un encabezado limpio y elegante con nuestro logotipo, reflejando la conexión entre desarrolladores web y empresarios. A la derecha del logotipo, se encuentra un menú desplegable que representa las diferentes secciones de la aplicación, lo que permite a los usuarios navegar fácilmente por la plataforma.
Sección de Opiniones de Clientes
Destacamos las opiniones de los clientes en un espacio bien diseñado. Cada testimonio se presenta en un recuadro individual con la foto del cliente (si está disponible) y su nombre. Estos testimonios se organizan en un formato de carrusel o galería deslizante para facilitar su visualización. Además de las fotos y nombres de los clientes, cada testimonio incluye un breve título que describe su experiencia, seguido de un párrafo detallado sobre su historia en la plataforma.
Special Features
La sección "Special Features" se encuentra al final de la página de inicio, justo antes del pie de página. Aunque se encuentra en la parte inferior, su posición permite a los visitantes explorar las características distintivas después de haber tenido una visión general de la plataforma.
Sección de Contacto
La sección de "Contacto" suele estar en la parte inferior de la página, en el pie de página o en un área visible pero discreta. Esto facilita que los visitantes accedan a información de contacto en cualquier momento, especialmente si desean comunicarse con nosotros.
Respecto al inicio de sesión, jerarquía visual de la aplicación, la forma de navegar, y las opciones de la página, se presenta el siguiente diagrama que muestra la organización del sistema.
El sistema de etiquetado consistirá en imágenes acompañadas de descripciones cortas, utilizando una o dos palabras simples y fáciles de entender. Se seguirán prácticas comunes para desarrollar un sistema intuitivo.
Meta & SEO (Search Engine Optimization) Tags: sirven para que la pagina web sea encontrada facilmente es lo que sale al encontrar la pagina en el buscador (se ponen en el <"head">)
- Titulo:
<title>WebMaster - Conectando Empresas y Desarrolladores Freelance</title> - Descripcion:
<meta name="description" content="WebMaster es la plataforma que conecta a empresas en búsqueda de soluciones de software con desarrolladores freelance dispuestos a trabajar en proyectos."> - Palabras Clave:
<meta name="keywords" content="plataforma de contratación, desarrolladores freelance, software a medida, proyectos de desarrollo, conectar empresas con desarrolladores"> - Autores:
<meta name="author" content="Equipo de Desarrollo de WebMaster">
Los sistemas de búsqueda son herramientas informáticas que ayudan al usuario a encontrar información específica de un conjunto de datos. Siendo esto un aspecto fundamental para la experiencia de usuario. Para esto se contarán con 2 sistemas de búsqueda:
- Búsqueda Inicial: Disponible para todos los usuarios, se ofrece una experiencia de búsqueda intuitiva a través de menús desplegables y un navbar accesible. Esto para facilitar encontrar la información deseada sin esfuerzo.
- Búsqueda de empresas o desarrolladores: Según corresponda el segmento. Se contará con un filtrado de búsqueda para que se puedan buscar empresas con proyectos disponibles o revisar perfiles de desarrolladores.
En el landing page, se ubicará una barra de navegación en la parte superior. Y un botón de inicio de sesión para ingresar a la aplicación. Una vez ingresado a la aplicación el usuario tendrá atajos para navegar por la aplicación en la parte superior de la pantalla.
Inicio de Sesión
Inicio
Añadir Proyecto
Cronograma de Entregables
Ver Entregable
Explorar Desarrolladores
Mensajes
Inicio
Explorar Proyectos
Postular a Proyecto
Trabajar en Proyecto
Entregables
Mensajes
Wireflow es como se va a navegar por la pagina
Wireflow Diagrams URL
Inicio de Sesión
Registro
HomePage
ProjectsPage
Deliverables Timeline
Explore Devs
Messages
HomePage
Browse Projects
Apply for Job
Deliverables Timeline
Messages
Support
un flow diagram de como el usuario utilizara la pagina
User Flow Diagrams URL
URL del Prototipo (Hecho en figma)
URL de video de flujos de interaccion
Respecto a las necesidades del producto, se decidió plantear las clases en el siguiente diagrama:
Las clases serán explicadas en el siguiente apartado de forma más específica.
| User | |
|---|---|
| La clase User es la clase donde el usuario brinda su información personal para poder tener acceso a una cuenta en la plataforma | |
| Atributo | Descripción |
| _name: string | es el nombre real del usuario |
| _lastname: string | es el apellido completo del usuario |
| _role: string | es el rol del usuario el cual puede ser freelancer o empresario |
| Métodos | Descripción |
| CreateUser() | Con este método se crea un usuario |
| Cuenta | |
|---|---|
| La clase Cuenta es la clase que representa la cuenta del usuario en la plataforma | |
| Atributo | Descripción |
| _email: string | es el correo electrónico, el cual es necesario para iniciar sesión |
| _password: string | es la contraseña, el cual es necesario para iniciar sesion y brinda seguridad a la cuenta |
| _createdBy:User | Nos permite identificar a nuestros 2 tipos de usuario (empresario o freelancer) |
| _profilePicture: string | Permite a los usuario tener una foto de perfil |
| Métodos | Descripción |
| CloseAccount() | Con este método el usuario podrá cerrar la cuenta |
| ChangePassword() | Con este metodo el usuario podrá cambiar su contraseña |
| ViewInformation() | Con este método el usuario podrá visualizar su información en la aplicación |
| Desarrollador | |
|---|---|
| La clase Desarrollador representa la cuenta de usuario del desarrollador | |
| Atributo | Descripción |
| _country: string | es el país de origen del desarrollador |
| _cellphone: number | es el numero de celular de contacto del desarrollador |
| _email: string | es el email de contacto del desarrollador |
| _projectQuantity: number | es la cantidad de proyectos realizados en la plataforma Webmaster |
| _specialities | Son las tecnologías y lenguajes que domina el desarrollador |
| Métodos | Descripción |
| ApplyProject() | Con este método el freelancer podrá mandar su solicitud de desarrollo en el proyecto |
| SubmitProjects() | Con este método el freelancer podrá enviar los distintos avances de los proyectos |
| DeliverableChange() | Con este método el usuario podrá visualizar su información en la aplicación |
| Empresario | |
|---|---|
| La clase Empresario representa la cuenta de usuario del empresario | |
| Atributo | Descripción |
| _country: string | es el país de origen del desarrollador |
| _businessName: number | es el número de identificación de la empresa |
| _cellphone: number | es el número de celular de contacto del desarrollador |
| _email: string | es el email de contacto del desarrollador |
| _website: string | es el website de la empresa |
| _section: string | es el sector de la empresa |
| Métodos | Descripción |
| PublishProject() | Con este método los empresarios podrán publicar sus proyectos que requieren una solución de software |
| RequestPostChanges() | Con este método los empresarios podrán cambiar la descripción del proyecto hasta que acepten a un freelancer |
| DeletePost() | Con este método los empresarios podrán borrar sus publicaciones |
| Proyecto | |
|---|---|
| La clase proyecto representa los proyectos que estarán presentes en la plataforma. | |
| Atributo | Descripción |
| _businessmanName: string | es el nombre del empresario quien ha creado el proyecto |
| _freelancerName:string | es el nombre del freelancer a cargo del desarrollo del proyecto |
| _description: string | es la descripción del proyecto |
| _projectPayment: number | es la cantidad de dinero que va a recibir el freelancer al finalizar el proyecto |
| Métodos | Descripción |
| UpdateState() | Con este método el proyecto actualizará su estado de acuerdo al avance del desarrollo del proyecto |
| ViewInformation() | Con este metodo se verá la información del proyecto |
| ViewListofDeliverables() | Con este método se verá la lista de entregables enviados y pendientes por desarrollar |
| Plan | |
|---|---|
| La clase plan es la que se encarga de administrar los diversos planes | |
| Atributo | Descripción |
| _startedAt: DateTime | fecha de inicio del plan |
| _finishedAt:DateTime | fecha de finalización del plan |
| Métodos | Descripción |
| ChangePlan() | Con este método se podrá cambiar de plan |
| RenewPlan() | Con este método podrá renovar el plan |
| CancelPlan() | Con este método podrá cancelar el plan |
A continuación, se muestra el modelo físico de la base de datos de la solución.
A continuación, daremos a conocer los productos de software que hemos utilizado para el desarrollo de nuestro proyecto.
Project Management
- Whatsapp: https://web.whatsapp.com/
La plataforma de Whatsapp se empleó para realizar la organización de tareas para el equipo, así como también para poder ayudarnos entre nosotros ante cualquier duda que se tuviera en el trabajo. - Discord: https://discord.com/
La plataforma Discord se empleó para poder realizar las reuniones de forma virtual, en dichas reuniones dábamos un reporte sobre el avance de las tareas que se nos habían asignado así como también se usó para la elaboración de idea de negocio.
Product UX/UI Design
- Miro: https://www.miro.com
La plataforma Miro se empleó para el desarrollo del Lean ux canvas, Análisis de competidores, As-is Scenario mapping, To-be Scenery mapping - Uxpresia: https://uxpressia.com/
La plataforma Uxpresia se empleó para la elaboración del User Persona, Empathy maps, Journey Maps e Impact maps. - Figma: https://www.figma.com/
La plataforma figma se empleó para el desarrollo wireframes y mock up del landing page, y para los wireframes, mock up y prototyping del web applications
Software Development
- Landing Page
Para el desarrollo de nuestro landing page se usará HTML5, CSS y Javascript. - Frontend Web Application
Se ha utilizado a Vue como framework de Javascript. En adición, para la implementación de componentes reutilizables y accesibles se usó PrimeVue como biblioteca de componentes UI.
Software Testing
Para la realización de pruebas de testeo de software que se ha utilizado para el landing page y la aplicación web hemos empleado las herramientas de desarrollador de los siguientes navegadores web: Google Chrome (https://www.google.com/chrome/), Microsoft Edge (https://www.microsoft.com/en-us/edge) y Mozilla Firefox (https://www.mozilla.org/en-US/firefox/browsers/). Asimismo, dichos navegadores cuentan con aplicaciones desktop y móviles las cuales son totalmente gratuitas y por consiguientes accesible para todas las personas.
IDE's de desarrollo
- Webstorm: https://www.jetbrains.com/webstorm/
Webstorm es un IDE enfocado al desarrollo de frontend y posee una gran cantidad de herramientas que pueden agilizar el proceso de desarrollo. Para poder usar Webstorm es necesario tener una licencia
Software Deployment
- Netlify: https://www.netlify.com/
La plataforma Netlify se empleó para el deployment del landing page, para ello fue necesario vincular el repositorio de github con Netlify. De esta manera, Netlify se encargará automáticamente del deploy de la página.
Software Documentation
- Google Drive: https://www.google.com/intl/es-419_pe/drive/
La plataforma Google Drive se empleó para la creación de archivos de documento (Google Docs) y presentación. Se optó por esta plataforma ya que permite el desarrollo colaborativo. - Github: https: https://github.com/
La plataforma Github se empleó para la creación de documentación de nuestro proyecto así como del landing page. Se optó por esta plataforma porque permite el desarrollo colaborativo entre desarrolladores. La evidencia de commits demuestra la participación que ha tenido cada uno de los integrantes en el desarrollo del proyecto. - Structurizr: https://structurizr.com/
La plataforma Structurizr se empleó para la creación de los diagramas C4 de nuestro proyecto, para la elaboración de los diagramas se necesita emplear una sintaxis similar a un lenguaje de programación. - Vertabelo: https://vertabelo.com/
La plataforma Vertabelo es una aplicación web colaborativa la cual ha sido empleada para la elaboración del diseño de base de datos.
-
Repositorios:
- Url del repositorio de GitHub para el Landing Page: URL del Landing Page
- URL del repositorio de GitHub para los Acceptance Tests: URL de los Acceptance Tests
-
Git Flow:
Se aplicará GitFlow utilizando el artículo de Vincent Driessen, “A successful Git branching model”.
A continuación se dará una explicación de cada Branch que se utiliza en el modelo GitFlow.- MASTER: Se utilizara esta rama como la versión estable y lista para producción. Todos los cambios que se fusionan aquí ya se consideran seguros y listos para implementar.
- DEVELOP: Esta rama es donde se trabajarán nuevas características y correcciones de errores. Es la rama principal de desarrollo.
- FEATURE BRANCHES: Son ramas de características para trabajar en nuevas funciones. Cada característica tendrá su propia rama, para que se trabaje de manera aislada, luego se fusiona con la rama DEVELOP.
- RELEASE BRANCHES: Son las ramas de lanzamiento que sirven para preparar una nueva versión del software. Se corrigen errores, pruebas finales y se prepara para fusionarse con MASTER y DEVELOP.
- HOTFIX BRANCHES: Son esenciales cuando ocurren errores en la producción. Se crean directamente desde MASTER, se solucionan los problemas y se fusionan los cambios en las ramas de MASTER y DEVELOP.
-
Commit Conventions
Para el formato de los COMMITS se aplicará lo siguiente:<type>:<description>Donde:- TYPE: Solo pueden ser 3 tipos, sea BREAKING que se relaciona con X, luego FEAT que se relaciona con Y y por último FIX que se relaciona con Z.
HTML: https://www.w3schools.com/html/html5_syntax.asp
Index.html
Es la página por defecto dentro de los directorios de los servidores de cualquier sitio web que se carga siempre que se solicita un dominio y no se especifica el nombre de un archivo en específico. Y en la mayoría de los casos el propio servidor web es el que se encarga de buscar el archivo index.
Convenciones de HTML:
- Se debe declarar el tipo de documento en la primera línea:
<!DOCTYPE html> - Se recomienda usar minúsculas en las etiquetas y estructuras:
<body><p> - Se recomienda cerrar todas las etiquetas y estructuras:
<p>This is a paragraph.</p> - Se recomienda usar minúsculas en los atributos:
<a href="https://www.google.com/html/"> - Se recomienda usar comillas en los valores de atributo:
<table class="striped"> - Se debe especificar el alt, ancho y alto de las imágenes:
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px"> - Se recomienda no usar espacios a la hora de usar el signo “=”:
<link rel="stylesheet" href="styles.css"> - Solo se debe usar líneas en blaco para facilitar la lectura de bloques de códigos grandes o lógicos.
- No se debe omitir el elemento
<title>ya que es vital para el motor de búsqueda, así como también se recomienda que el contenido de los<title>sea preciso y significativo:<title>HTML Style Guide and Coding Conventions</title> - No se recomienda omitir las etiquetas
<html>y<body>ya que puede producir errores en navegadores antiguos y puede bloquear el software DOM y XML. - Se debe usar el atributo lang para declarar el idioma de la página web:
<html lang="en-us"> - Se debe utilizar el atributo meta para una interpretación adecuada e indexación correcta en los motores de búsqueda:
<meta charset="UTF-8">
CSS: https://google.github.io/styleguide/htmlcssguide.html
Style.css
El estilo de cascada (CSS) se puede usar para estilos de texto, por ejemplo, cambiar de color y el tamaño de los encabezados, enlaces, entre otras cosas.
Convenciones de CSS:
- Utilizar el protocolo HTTPS para imágenes y otros archivos multimedia:
@import 'https://fonts.googleapis.com/css?family=Open+Sans'; Todo el código debe estar en minúsculas como nombres de elementos HTML, atributos, valores de atributo, entre otros:color : #e5e5e5; - El nombre de una clase debe transmitir lo que hace de la forma más breve posible ya que de esta manera se apoya la comprensibilidad y eficiencia del código: navegación {} . autor {} Se debe separar los nombres de las clases con un guión (“-”): navegación {} . autor {}
- Se recomienda usar propiedades abreviadas cuando sea posible:
border - top : 0 ; - Se recomienda usar la notación hexadecimal de 3 caracteres en colores que lo permitan:
color : #ebc; - Se recomienda ordenar las declaraciones de propiedades y características en orden alfabético
- Se debe usar un “;” después de cada declaración:
pantalla : bloque ; - Se debe usar un espacio después de los “:” de cada nombre de la propiedad:
font - weight : bold ; - Se debe usar un espacio entre el último sector y la llave “{ “ que comienza el bloque de declaración:. vídeo {.....}
- Se debe usar las comillas simples (‘ ‘) para los atributos y valores de propiedad:
familia de fuentes : ' open sans' , arial , sans - serif ;
Gherkin: https://cucumber.io/docs/gherkin/reference/
<usertStoryID>.featrue :
En este archivo de formato feature estarán las historias de usuario como características de la aplicación. Asimismo se pueden encontrar los criterios de aceptación para las diversas situaciones.
Convenciones de Gherkin:
- Se utiliza la palabra Feature para introducir una descripción de alto nivel de una función de software y agruparlos en escenarios relacionados
- Example o Scenario sirven para plantear una situación
- Se utiliza Given para describir el contexto inicial, When para describir un evento y Then para describir un resultado esperado y And para adicionar información. Given,When,Then y And se usan para describir un escenario
- El carácter “|” sirve para formar una tabla datos, las cuales son útiles para pasar una lista de valores a una definición de paso.
JavaScript: https://google.github.io/styleguide/jsguide.html.
Convenciones de JavaScript:
- Se debe usar Camelcase para los nombres de variables y funciones.
- Se debe usar Pascalcase para los nombres de constructores o clases.
- Se debe usar mayúsculas y guiones bajos para los nombres de la constantes, por ejemplo UPPER_CASE_WITH_UNDERSCORES..
- Se debe usar let y const para definir las variables, var debe evitarse.
- Para los comentarios de una sola línea debe usar “ // ” y para bloques de comentario se debe usar “ /* */ ”. Se debe incluir un punto y coma al final de cada instrucción.
C#: https://learn.microsoft.com/en-us/dotnet/csharp/fundamentals/coding-style/coding-conventions
Convenciones de C#:
- Se debe usar PascalCase para los nombres de clases, tipos y métodos. Por ejemplo: MiClase, MiTipo, MiMetodo().
- Se debe usar CamelCase para los nombres de variables locales y parámetros.Por ejemplo:miVariable, miParametro.
- Se debe usar mayúsculas para los nombres de variables constantes, por ejemplo: MI_CONSTANTE.
- Para los comentarios de una sola línea debe usar “ // ” y para bloques de comentario se debe usar “ /* */ ”.
- Se debe especificar el modo acceso para las clases, métodos y propiedades como lo son: public y private
- Se debe usar “_” para nombres de instancias privadas, por ejemplo: private int _miCampoPrivado.
ASP.NET Core : https://github.com/dotnet/aspnetcore/wiki/Engineering-guidelines#coding-guidelines
Convenciones de ASP.NET Core:
- Se debe usar PascalCase para los nombres de clases y métodos. Por ejemplo: MiClase, MiMetodo().
- Se debe definir los atributos de ruta para definir las rutas del controlador. Por ejemplo: [Route("api/[controller]")].
- Se debe usar verbos HTTP como prefijos en los métodos de acción, así como también se debe especificar el nombre de la acción, por ejemplo:GetUsuario(), PostUsuario().
- Se debe emplear espaciado después de usar comas y operadores .
Vue.js : https://v2.vuejs.org/v2/style-guide/?redirect=true
Convenciones de Vue.js:
- Se debe usar Pascalcase para los nombres de los componentes, por ejemplo: MiComponente.
- Se debe usar kebab-case para los nombres de archivos y eventos personalizados en los componentes, por ejemplo: mi-componente.vue, mi-evento.
- Se debe usar el prefijo “ v- “al usar directivas en las plantillas como: v-if, v-for .
- Se debe usar camelCase para los nombres de método y propiedades en los componentes: miPropiedad, miMetodo.
- Se debe evitar combinar v-if con v-for en un mismo scope.
- Se recomienda usar prefijos para evitar conflictos con los nombres de clases de estilos
En esta sección abordaremos el despliegue de nuestro Landing Page mediante el servicio de Netlify, a continuación se describirán los pasos a seguir
- Nos situamos en el apartado principal como organización
Como organización contamos con un repositorio del landing page, es la cual se estuvo desarrollando la implementación del código. Y este repositorio será el que se vincula a Netlify.
- Luego procedemos a iniciar sesión (o crear una cuenta) en https://www.netlify.com. Una vez ingresemos, buscaremos la sección de sitios y le daremos a la opcion de: “Add new site” y luego a “Import from Git”
- Una vez estemos seleccionando el proveedor de Git, escogeremos Github
- Una vez realizado esto, nos pedirá seleccionar la organización y luego el repositorio donde se realizará el deploy.
- Por último, seleccionaremos el repositorio e indicaremos cual es la branch donde se realizará el deploy y le damos al botón de Deploy.
| Sprint # | Sprint 1 | |||||
|---|---|---|---|---|---|---|
| Sprint Planing Background | ||||||
| Date | 7/3/2024 | |||||
| Time | 19:00 horas (GMT-5) | |||||
| Location | Modalidad remota a través de la plataforma Discord | |||||
| Prepared By | From Zero | |||||
| Attendees (to planning meeting) | Alvarez Araguache, Samira Jetzabel
Arroyo Ormeño, André Alonso Ramirez Contreras, Zaid Valentino Llacchua Peralta Joseph Ulysses Velasquez Pizarro, Jair | |||||
| Sprint 0 Review Summary | Dado que se trata del primer sprint, no hay un review summary de un sprint anterior. | |||||
| Sprint 1 Retrospective Summary | Dado a que nos encontramos en nuestro primer sprint, aun no identifcamos planes de mejora. | |||||
| Sprint Goal & User Stories | ||||||
| Sprint 1 Goal | En este sprint se espera implementar la landing page de la aplicación web y la startup. Al finalizar este sprint, la landing page debe estar desplegada en Netlifly y cualquier usuario debería poder acceder y visualizar la página a través de un link. | |||||
| Sprint 1 Velocity | 8 | |||||
| Sum of Story Points | 8 | |||||
A continuación, se presentan los commits realizados en el repositorio de la landing page en el Github. Link del repositorio en Github: https://github.com/WebMastersUPC/FromZero-LandingPage
| Repository | Branch | Commit Id | Commit Message | Commit Message Body | Commited on (Date) |
|---|---|---|---|---|---|
| FromZero-LandingPage | develop | dc133ed763dbb340689d71fdba623d2bd6db3556 | Initial commit | 07/04/2024 | |
| develop | b4f78db787a4cb34cbf152d7ad84c34f1344eccb | feat: add package name and index basic structure | 07/04/2024 | ||
| develop | b45381f55888acc7ae0c8c0c69851721d909b543 | feat: add src folder and move files into it | 07/04/2024 | ||
| develop | 2f88ac8a71f517bcc669871847b41ee282652a58 | navar y footer | 07/04/2024 | ||
| develop | 47c103e6bc8d84c609c8802dc35a2a09fd6dc4a3 | Merge pull request #1 from WebMastersUPC/feature/navbar-footer | feat: adding navbar and footer | 09/04/2024 | |
| develop | e515fffff4f432852c7255a021ff39df95304000 | feat: add feature and highlighproject html and css | 09/04/2024 | ||
| develop | 7dab03e081b4876a84d2b606c6329e75983289e3 | Merge pull request #2 from WebMastersUPC/feature/feature-highlightedprojects | feat: add feature and highlighproject html, css and images | 09/04/2024 | |
| develop | bdcf22eed2f5e7b219ec090a7aba46100e56663c | feat: adding about us page | 09/04/2024 | ||
| develop | 4894bf138e8efb67588caf3572d1a210e1683e0e | fix: fixing images src | 09/04/2024 | ||
| develop | 60dd220d7b8968ca21ec72a3a2d9c80817088237 | fix: fixing src url | 09/04/2024 | ||
| develop | 008752f6159c6af2562de4ec7aa9e6fb7480601c | feat: added boostrap to landing page | 12/04/2024 | ||
| develop | 23a41a6b53f2ce03e53c81c6726c4ddefd532d65 | fix: fixing seccion hero | 12/04/2024 | ||
| develop | 6c66345e930d52135ffdca0d0d7d5ae209964bd5 | feat: added seccion membresia to landing page | 12/04/2024 | ||
| develop | a235d884b2b64a483e390159a32574ee786e4448 | feat: add 'preguntas frecuentes' section | 13/04/2024 | ||
| develop | 609e9ac7f6f807293e59e78cb2a284f4fe2ee7d8 | feat: add 'testimonios' section | 13/04/2024 | ||
| develop | 3ffe307cff0333002a89ac2ee16ddb75c7c4642b | Merge pull request #3 from WebMastersUPC/feature/testimonios | feat: add 'testimonios' section | 13/04/2024 | |
| develop | 912dc2b83004739df8ffe537ca411a092710cd8a | Merge branch 'develop' into feature/preguntas-frecuentes | 13/04/2024 | ||
| develop | 14f5651b351b10db8deb03a25afe809dfbfb1291 | Merge pull request #5 from WebMastersUPC/feature/preguntas-frecuentes | feat: add 'preguntas frecuentes'section | 13/04/2024 | |
| develop | 501ccdc92076717da4a75dfc71391dbf008011cd | feat: fixing the about page and index.html | 13/04/2024 | ||
| develop | a3a165bffebef413d66f556286592d7ed246c9b5 | feat: replace image | 13/04/2024 |
| Repository | Branch | Commit Id | Commit Message | Commit Message Body | Commited on (Date) |
|---|---|---|---|---|---|
| FromZero-LandingPage | develop | d7ff750fcaa03a18c295698428e1416c17dd2775 | Merge pull request #6 from WebMastersUPC/develop | Develop | 13/04/2024 |
Para esta entrega, el equipo From Zero logró la implementación del landing page, en donde se encontratan secciones con información especifica para conocer mejor a la organización, planeas de pago y proyectos realizados en la página.
Link a la página del landing page: https://main--sitewebmasters.netlify.app
En este sprint los miembros de From Zero completaron de forma satisfactoria las tareas propuestas. El sprint estuvo netamente enfocado con el diseño y desarrollo de la Landing Page, que con el lanzamiento de la página web se confirma que se termino de forma efectiva el Sprint.
Par el actual sprint, se ha desarrollado el landing page. Par su desplique se ha utilizado las siguientes herramientas:
- Git: Sistema de control de versiones que nos ayudó a trabajar en equipo durante todo el desarrollo del landing page.
- GitFlow: Flujo de trabajo que nos ayudó a controlar el avance de cada integrante del equipo en el desarrollo del landing page.
- GitHub: Plataforma que nos ayudó al desarrollo colaborativo del equipo para almacenar las versiones del proyecto.
- Netlify: Plataforma que automatiza webs estáticas que nos permitió alojar y desplegar el landing page.
Evidencias del despliegue en Netlify:
Repositorio vinculado al deploy e la pagina web:
Prueba de lanzamiento en Netlify:
Prueba del landing en un navegador:
El equipo de desarrollo del landing utilizo las ramas para desarrollar cada sección, mejorarlo y actualizarlo, la ventaja de usar estas ramas es que permiten actualizar y luego corroborar que no haya algún error al unirla con la rama master(develop). Ahora se presentará el insight del equipo a través de GitHub:
En el siguiente apartado, se presentará el sprint planning 2, donde se mostrará la planificación e implementación del web application. Asimismo, se mostrarán los avances del proyecto e insights de colaboración a través de Github.
| Sprint # | Sprint 2 |
|---|---|
| Sprint Planning Background | |
| Date | 22 de abril del 2024 |
| Time | X horas (GMT -5) |
| Location | Modalidad remota por Discord |
| Prepared By | From Zero |
| Attendees (to planning meeting) | Todos los miembros del grupo From Zero |
| Sprint n – 1 Review Summary | Se logró implementar el landing page y se desplegó en Netlify |
| Sprint n – 2 Retrospective Summary | En este sprint se planea desarrollar el web application con el framework Vue.js, herramienta la cual ha sido usada y enseñada a lo largo del curso. Además, se conversó sobre la distribución de pantallas del web application que desarrolla cada uno de acuerdo al diseño que se ha implementado anteriormente a través de Figma. Al finalizar este sprint, el web application debe estar desplegado en Netlify y cualquier usuario debería poder acceder y visualizar la página a través del link. |
| Sprint Goal & User Stories | |
| Sprint 2 Velocity | 5 |
| Sum of Story Points | 50 |
En esta sección se muestran los tasks que se realizaron en el presente sprint y se adjunta una captura del tablero y el link en Trello.
| Sprint # | Sprint 2 | ||||||
|---|---|---|---|---|---|---|---|
| USer Story | Work-item / Task | ||||||
| Id | Title | Id | Title | Description | Estimation (Hours) | Assigned To | Status (To-do / in Process / To - Review / (Done) |
E2-US101 | Registro e inicio de sesión | T1 | Interfaz de usuario del inicio de registro de cuentas | Implementar interfaz de los formularios para registro de cuentas tanto para empresario y freelancer. | 4 | Samira Alvarez | Done |
| T2 | Lógica de inicio de sesión con el api | Implementar la lógica para que el usuario pueda ingresar los datos de un usuario existente que le permitirá entrar a la aplicación | 4 | Zaid Ramirez | Done | ||
| E2-US102 | Formulario de login | T3 | Interfaz de usuario del inicio de sesión de cuentas | Implementar interfaz de los formularios para inicio de sesión tanto para empresario y freelancer. | 2 | Samira Alvarez | Done |
| E2-US103 | Recuperación de contraseñas | T4 | Formulario de recuperación de contraseña | Implementar interfaz estática para realizar petición de recuperación de contraseña. | Samira | ToDo | |
| T5 | Formulario de cambio de contraseña | Implementar interfaz estática para realizar el cambio de contraseña | 1 | Samira | Done | ||
| E3-US111 | Sistema de navegación del empresario | T6 | Toolbar de navegacion del empresario | Implementar una interfaz que permitía la navegación dentro del web application para los empresarios | 4 | Andre Arroyo | Done |
| T7 | Responsive toolbar empresario | Implementar un toolbar responsive de empresas | 6 | Andre Arroyo | Done | ||
| E4-US109 | Sistema de navegación del freelancer | T8 | Toolbar de navegación del freelancer | Implementar una interfaz que permita la navegación dentro del web application para los freelancers | 2 | André Arroyo | Done |
| T9 | Responsive toolbar freelancer | Implementar toolbar responsive para los freelancers | 1 | André Arroyo | Done | ||
| E3-US101 | Pantalla de inicio empresario | T10 | Interfaz de perfil de usuario empresario | Implementar interfaz de usuario con datos de la cuenta. | 21 | Zaid Ramirez | Done |
| T11 | Interfaz de edicion del usuario empresario | Implementar botones que permitan editar el perfil del usuario | 6 | Zaid Ramirez | Done | ||
| T12 | Interfaz de Proyectos empresario | Implementar interfaz de los proyectos que ha creado el empresario | 12 | Zaid Ramirez | Done | ||
| T13 | Interfaz de visualización de freelancer en el proyecto | Implementar una opción que permite visualizar a los freelancers que están en proyecto | 14 | Zaid Ramirez | Done | ||
| E3-US102 | Publicar una solicitud de proyecto de desarrollo web | T14 | Formulario Crear Proyecto | Implementar un formulario que nos permita crear un proyecto | 13 | Joseph Llacchua | Done |
| E3-US103 | Sistema de postulación | T15 | Interfaz de aceptar o rechazar postulaciones de | Implementar una interfaz que nos permita aceptar o rechazar las solicitudes de desarrollo de los freelancers | 10 | Joseph Llacchua | Done |
| E3-US106 | Sistema de entregables | T16 | Interfaz de visualizar los entregables creados | Implementar una interfaz que nos permita visualizar los entregables que ha creado anteriormente el empresario | 10 | Samira Alvarez | Done |
| T17 | Formulario crear entregable | Implementar un formulario que nos permita crear los entregables del proyecto | 5 | Samira Alvarez | Done | ||
| E3-US104 | Sistema de calificacion de desarrolladores | T18 | Interfaz de calificación | Implementar una interfaz que nos permite visualizar la calificación del freelancer para conocer su fiabilidad | 4 | Jair Velasquez | Done |
| E4-US101 | Pantalla de inicio del freelancer | T19 | Interfaz de perfil de usuario freelancer | Implementar interfaz de usuario con datos de la cuenta. | 18 | Zaid Ramirez | To-do |
| T20 | Interfaz de edicion del usuario freelancer | Implementar botones que permitan editar el perfil del usuario | 4 | Zaid Ramirez | To-do | ||
| T21 | Interfaz de Proyectos freelancer | Implementar interfaz de los proyectos que desarrolla el freelancer | 8 | Zaid Ramirez | To-do | ||
| E4-US102 | Postularse para Proyectos de Desarrollo Web | T22 | Interfaz postular proyecto | Implementar una interfaz que permita postular a los freelancers a postular a los proyecto de su interés | 10 | André Arroyo | Done |
| E4-US103 | Sistema de calificación de pago de los proyectos | T23 | Interfaz clasificar proyectos por calificación | Implementar una interfaz de clasificar los proyectos de acuerdo al pago al momento de buscar proyectos | 5 | Jair Velasquez | To-Do |
| E4-US104 | Sistema de notificaciones para la entrega de avance de la página web | T24 | Interfaz que notifica la entrega de avance de la página web | Implementar una interfaz que permite notificar la entrega de los avances web | 8 | Jair Velasquez | To-Do |
A continuación, se presentan los commits realizados en el repositorio del web application en Github. Repositorio en Github: https://github.com/WebMastersUPC/webmaster-app
| Repository | Branch | Commit Id | Commit Message | Commit Message body | Committed on (Date) |
|---|---|---|---|---|---|
| WebMastersUPC/Webmaster-app | develop | 77b638a4a6635ff647bb13619fa0310e5432d1b4 | Initial commit | 23/04/2024 | |
| develop | e21bd0aaec071a6fc23a70b4d686f6116f21d839 | Chore: Initial configuration | 23/04/2024 | ||
| develop | 3a39081709d65427b1b691549dd93ada2f4c680f | chore: readme changes | 23/04/2024 | ||
| develop | a43d1c609da662b8fe2523bc330dbbe06dbc6ef9 | feat: adding prime vue and prime flex | 23/04/2024 | ||
| develop | c21daa5309afcfb627552570fa353dd5e5970518 | chore: deleting HelloWorld component | 23/04/2024 | ||
| develop | 19518b774a3ec096ea0ee0248edc10b63b11f0e6 | feat: paginator, developer-card and list | 23/04/2024 | ||
| develop | 1ae90f8032a979b4b828326e6e1a37fc39291e68 | feat: adding background | 23/04/2024 | ||
| develop | 15a2274147198d576b2dc001b032267cd40ffd5f | feat: deliverable, projects model and components | 24/04/2024 | ||
| develop | 4a1ea5d0d4723eb9cefd35b581e2d313dc2dfa2d | feat: creating viewing components for homepage | 24/04/2024 | ||
| develop | bbb926661a92c54f67f1db506d2bd46effcf1274 | feat: resizing cards | 24/04/2024 | ||
| develop | 95629bccf8bcd859fa445a3cf0cd55b4897501e3 | feat: refactoring hover animation | 24/04/2024 | ||
| develop | 9761db89160d2e373496c1f0bbcedad4bef7a6f2 | feat: adding support component | 24/04/2024 | ||
| develop | 5ff77307a0e56774194b6bdc5bd1df6d15e74ce0 | feat: deliverable card test in app.vue | 25/04/2024 | ||
| develop | 311fe7e3563a60f36be2899ec000132e807919f2 | feat: add authentication components | 25/04/2024 | ||
| develop | 026f931dbe47c204bc9b381d59f133fbad336202 | feat: add authentication's style | 25/04/2024 | ||
| develop | 6d55da1104388ae3327cd47e49a326772e8b6277 | feat: adding formatDate and changes on deli-card | 25/04/2024 | ||
| develop | 3a2590262eecdd590ca6405216e385cc306a58f6 | feat: adding confirmationg dialog | 25/04/2024 | ||
| develop | cee454b0bd9641d64664019b20ca6a7099f59fcd | feat: adding file upload | 25/04/2024 | ||
| develop | 4bf65a444f105f5889543f523ba1138250aed860 | feat: add deliverables component list | 26/04/2024 | ||
| develop | bcfbd4b9dfe68e7e44eb415b279d105cb8bad530 | feat: adding project, dev and company entities | 26/04/2024 | ||
| develop | fd103c5beb461ac64c7f3417f517f1be31e70e2a | commit: adding confirmationDialog in the page | 26/04/2024 | ||
| develop | 8f31beb9a6ef195ec841a9cf553c54930bf822fb | feat: adding confirmation-create-deliverable | 27/04/2024 | ||
| develop | c6f3958e9eb1f103b7cdec67e02d0090c2bb4215 | holi | 27/04/2024 | ||
| develop | 41fbd3b289a842e49ffdb78ed3ebdb6013b5c9d2 | holi 2 | 27/04/2024 | ||
| develop | cd659f93b52c2c46486c25f3161ad7f69f398cfe | feat: change styles location | 27/04/2024 | ||
| develop | dd41f7199f7967e8632e9a452779f04d0ecc2fc8 | feat: added project list component | 27/04/2024 | ||
| develop | 947a358c388607c5f6f8546b4d248cce0dace3cb | fix: fixed applicants list vewing problem | 27/04/2024 | ||
| develop | 8f5fbd164738c0e249338fe40c5197bd08a25272 | feat: edit modal and cards style | 27/04/2024 | ||
| develop | 860e065e13836d7ca4321d2f2de8cf6d72d86460 | feat: edit button's style | 27/04/2024 | ||
| develop | e7e40033ace5bfc3f4a26b3e302246d035e9a8eb | feat: creating component project creation | 28/04/2024 | ||
| develop | d55f8a68d93d6d6195be0a1b0e2688f87feac9cf | feat: toolbar-webstorm added | 28/04/2024 | ||
| develop | aca8e2d00b21ba95ed061a7b098408f95913d752 | feat: footer-webstorm added | 28/04/2024 | ||
| develop | 40dd396dd8ae8cf3268c32606d3f94d2b537f243 | feat: postulate-project added | 28/04/2024 | ||
| develop | fc554661f379898cae5dea540eeb03190a06403b | feat: added selection logic | 30/04/2024 | ||
| develop | 56152080b71d7a074544928771675fecc68997ed | feat: add edit mode | 30/04/2024 | ||
| develop | 1c34f85835398880c78891db4296116850205b65 | feat: delete import from app.vue | 30/04/2024 | ||
| develop | 86489fc97375c7870d6e3c3699d604cac5005f5e | feat: delete import from App.vue | 30/04/2024 | ||
| develop | 8b5ddc7d0a0ce3f9f13a9c7cdcd7eb1f1dab8579 | Merge pull request #1 from WebMastersUPC/feature/authentication | 30/04/2024 | ||
| develop | ebeda9687b47961842cd61cba9b1c125c2b19e5f | Merge branch 'develop' into feature/deliverables-schedule | 30/04/2024 | ||
| develop | 946b8b59e06fa9029cb9dd645fecb4d26814ace4 | Merge pull request #2 from WebMastersUPC/feature/deliverables-schedule | 30/04/2024 | ||
| develop | 390114f49f499dc34c65cf70e320a56ca032793c | fix: cleaning app.vue | 30/04/2024 | ||
| develop | 01ee7a8f1009bf1e840c346237cdd63ce73dcc8c | fix: clean app.vue | 30/04/2024 | ||
| develop | c0d3a75189ff7e779cf11a6aeee9faf67189c990 | fix: cleaning App.vue | 30/04/2024 | ||
| develop | 03b3fe102cc53525b9f804e223234542e4f20dc8 | fix: clean app.vue | 30/04/2024 | ||
| develop | f9369146c16da324d49c9775832af389be928df6 | fix: deleting from app.vue | 30/04/2024 | ||
| develop | 69a9806ee08c5defe7cdf5223f829206c641a5f5 | Merge branch 'develop' into feature/search-developer | 30/04/2024 | ||
| develop | 19e06b24657b29571f68c7391bdbc582052ef3e5 | fix: cleaning App.vue | 30/04/2024 | ||
| develop | 7854a8ed4cd6fe236763e4514761b96f8d934a11 | Merge pull request #3 from WebMastersUPC/feature/search-developer | 30/04/2024 | ||
| develop | 51a45bb1b1ac73f0bf060524933c0b8c1c549daa | fix: cleaning App.vue | 30/04/2024 | ||
| develop | 67c0c32e488cc1880d2422f4984c527b1a901573 | fix: cleaning App.vue | 30/04/2024 | ||
| develop | 4ed8a647a546736a724d8c56da2b0ee64b3b169f | Merge branch 'develop' into feature/review-create-deliverables | 30/04/2024 | ||
| develop | 4411264dd2c04a5b12bf09f40bf837b9ed465530 | Merge pull request #4 from WebMastersUPC/feature/review-create-deliverables | 30/04/2024 | ||
| develop | 0a2b388d2a96bdb28faa0bf3a07f5b6938768bae | Merge branch 'develop' into feature/home-page | 30/04/2024 | ||
| develop | 15e18e2e9c37f276939f9a2c7a2bee4c89e7cf26 | Merge pull request #5 from WebMastersUPC/feature/home-page | 30/04/2024 | ||
| develop | ec2077d8d1340bf4e1b0ac7ff2f21142c8b50f92 | Merge branch 'develop' into feature/create-project | 30/04/2024 | ||
| develop | 6ee97ff800fb3ed3757078f476993b100452b7b9 | Merge pull request #6 from WebMastersUPC/feature/create-project | 30/04/2024 | ||
| develop | 79f8ce530d00334322b775fc510bf9815a2bcaef | chore: update primevue version | 30/04/2024 | ||
| develop | c9956f1bab5a12f11ac75adeab4f06a843821b89 | Merge branch 'develop' into feature/message | 30/04/2024 | ||
| develop | ceacac7dcc7726bb467b70b89fff5dd89819411e | Merge pull request #7 from WebMastersUPC/feature/message | 30/04/2024 | ||
| develop | 3fefdcfedb5db6a479f99886db432e2d90b50257 | Merge branch 'develop' into feature/postulate | 30/04/2024 | ||
| develop | 1c1f8bc58fb89ae55166e738b3126f1ef6f15f31 | Merge pull request #8 from WebMastersUPC/feature/postulate | 30/04/2024 | ||
| develop | 6714c96ca19e967cd4a4d517942151a6635fe6c0 | Merge branch 'develop' into feature/support | 30/04/2024 | ||
| develop | d55f97534c3bd5880299ae50a10efe7ef4e66cb7 | Merge pull request #9 from WebMastersUPC/feature/support | 30/04/2024 | ||
| develop | 6446672d5fea9f6d82396ee26d3c263b7be9aa1c | Merge branch 'develop' into feature/toolbar-footer | 30/04/2024 | ||
| develop | 71a7d23b53ab43645a388cee3d6f26a887f724b8 | Merge pull request #10 from WebMastersUPC/feature/toolbar-footer | 30/04/2024 | ||
| feature/api-connection | e1f70646ef6a03668d801ba3ec4b1b54370c31c7 | feat: added login function | 2/05/2024 | ||
| feature/api-connection | 3bd35427a755fe55605561af91b39377043da32b | feat: api conection to company-main-page.component | 3/05/2024 | ||
| feature/api-connection | d2dd9a9ec84d9861fd2c12b90a66577789ddcfae | feat: added api consume to project list | 3/05/2024 | ||
| feature/api-connection | cf04138f002f8e1e2249e2f937dc7e03a3e5315b | feat: routing search-developer | 3/05/2024 | ||
| feature/api-connection | 13c1486a0f21429706a175d31bf856c73202040d | feat: added api consume to project list | 3/05/2024 | ||
| feature/api-connection | 632c6f71f503db82d24afd4f6f693921fe46dfea | feat: adding developer-profile card | 3/05/2024 | ||
| feature/api-connection | b4a85b081c2a3a93d0b28167478af5a7811e0bdc | feat: adding routing for message since developer | 3/05/2024 | ||
| feature/api-connection | bc86923574ef86543fe40be0a80666544e5f1be8 | feat: add routing in authentication | 4/05/2024 | ||
| feature/api-connection | 4a67894cf7a832f9a9f1d6dfd663e1827b0842f4 | feat: add aria labels | 4/05/2024 |
En el alcance del sprint 2 se ha desarrollado únicamente el front-end del web application, por consiguiente, no se evidencia el testing
En esta sección se presentan las capturas de las pantallas más relevantes del web application las cuales se desarrollaron en este sprint. Además, se puede acceder al web application a partir del siguiente link.
Web application deployment: https://webmasterupcapp.netlify.app
El equipo de desarrollo del landing utilizo las ramas para desarrollar cada sección, mejorarlo y actualizarlo, la ventaja de usar estas ramas es que permiten actualizar y luego corroborar que no haya algún error al unirla con la rama master(develop). Ahora se presentará el insight del equipo a través de GitHub:
-
Impacto en el Entorno Digital: La visión de convertirnos en una plataforma de elección para empresas y emprendimientos que buscan destacar en el entorno digital refleja una ambición significativa. Esta aspiración puede ser un motor motivador para nuestro equipo y un objetivo que guíe las decisiones estratégicas a medida que crece la startup.
-
Equipo Multidisciplinario: El hecho de que la startup esté compuesta por nosotros 5 esto le da un enfoque multidisciplinario y fresco. Esto puede ser una ventaja ya que cada miembro del equipo puede aportar perspectivas únicas y habilidades complementarias, enriqueciendo así la oferta de servicio, originalidad y eficacia de este proyecto
-
Identificación de una Necesidad Clara: La startup From Zero ha identificado una necesidad creciente en el mercado, donde las empresas y emprendimientos requieren una presencia en línea sólida para potenciar sus estrategias de marketing digital. Esta identificación precisa de una necesidad puede ser un factor clave para el éxito, ya que abordar una demanda real puede generar un gran interés y participación.
qoomon. (2021, 11 enero). Conventional Commit Messages. Gist.
Recuperado 20 de junio de 2022, de https://gist.github.com/qoomon/5dfcdf8eec66a051ecd85625518cfd13
LeaseIN. (2018). Importancia de contar con un equipo de soporte
técnico. [Entrada en blog]. Recuperado de:
https://leasein.pe/blog/branding-empresarial-importanciasoporte-tecnico/
Gothelf, J., & Seiden, J. (2013).
Lean UX: Applying lean principles to improve user experience. O'Reilly Media.
https://books.google.es/books?hl=es&lr=&id=wLw6EAAAQBAJ&oi=fnd&pg=PT37&dq=Lean+ux&ots=QuMNDmvouC&sig=36AUu53YuLt_4OXBjwdg9RSLr_4#v=onepage&q=Lean%20ux&f=false
Cohn, M. (2004). User stories applied: For agile software development. Addison-Wesley.
https://books.google.es/books?hl=es&lr=&id=SvIwuX4SVigC&oi=fnd&pg=PR13&dq=Cohn,+M.+(2004).+User+stories+applied:+For+agile+software+development.+Addison-Wesley.&ots=VsSb68rUSO&sig=zVJsoYVopnqITrtBXPAIzePb96w#v=onepage&q=Cohn%2C%20M.%20(2004).%20User%20stories%20applied%3A%20For%20agile%20software%20development.%20Addison-Wesley.&f=false
Duckett, J. (2014).
HTML and CSS: Design and build websites. John Wiley & Sons. https://wtf.tw/ref/duckett.pdf
Ambler, S. W. (2004). The object primer: Agile model-driven development with UML 2.0.
Cambridge University Press.
https://www.researchgate.net/publication/235616285_The_object_primer_agile_modeling-driven_development_with_UML_20
Teorey, T. J., Lightstone, S. S., & Nadeau, T. (2011).
Database modeling and design: Logical design (5th ed.). Morgan Kaufmann.
https://eketab2.wordpress.com/wp-content/uploads/2007/09/databasemodelinganddesignlogical-design.pdf
Landing page deployment: https://sitewebmasters.netlify.app
Web Application Prototyping: Link a figma
Control de proyectos Link de Trello: https://trello.com/b/CUnuKXxm/webmasters
Repositorio en Github: https://github.com/WebMastersUPC
Presentación TB1: upc-pre-202401-si730-WX54- FromZero-expo-tb1
Presentación TP: upc-pre-202401-si730-WX54- FromZero-expo-tp