Taller para la determinación de las especificaciones funcionales del software y metodología a

utilizar. GA1-220501092-AA5-EV01

Carlos Mario Chávez Diaz.

Servicio Nacional de aprendizaje SENA

Centro de Comerio y Servicios Regional Tolima

Ficha: 2721497- Análisis y desarrollo de software

Johana Andrea Cañizales Sánchez

11 de junio de 2023
 Resumen

En esta introducción, exploraremos el uso de Moqups como una herramienta de diseño

para crear una web de ajedrez. Moqups es una herramienta en línea que permite crear prototipos
interactivos y diseños para sitios web y aplicaciones móviles. Con Moqups, podrás visualizar y
planificar la estructura de tu sitio web de ajedrez, diseñar elementos como tableros y piezas de
ajedrez, y simular la experiencia de navegación con enlaces interactivos. Su interfaz intuitiva y
herramientas de diseño facilitan la creación de prototipos rápidos y la colaboración en tiempo
real con tu equipo. Personaliza los elementos de diseño, ajusta tamaños y colores, y agrega
anotaciones para clarificar tus ideas. Moqups te brinda una visión clara y previa de cómo será tu
web de ajedrez antes de iniciar el desarrollo real.
 Tabla de Contenidos

Capítulo 1 Introducción e información general...................................................................1

Título 2.............................................................................................................................1
Título 2.............................................................................................................................1
Título 3.........................................................................................................................1
Título 3.........................................................................................................................1
Capítulo 2 Figuras y tablas.................................................................................................2
Título 2.............................................................................................................................2
Título 3.........................................................................................................................2
Título 3.........................................................................................................................2
Capítulo 4 Resultados ........................................................................................................5
Lista de Referencias.............................................................................................................6
Apéndice..............................................................................................................................7
Vita......................................................................................................................................8

Lista de tablas

Figura 1. Formas y descripción de las formas.....................................................................4

 Capítulo 1

Moqups

Paso a paso.

1. Ingrese a la plataforma mediante este enlace y escogí la app que mas me pareció
sencilla de utilizar, en este caso fue Moqpus.

2. Luego ingrese a Moqpus y pase al homepage, ahí entendí que había que hacer un
registro, asi que decidí hacer el proceso de registro.
3. Me pidió una serie de requisitos para loguearme, obviamente me parece un
proceso engorroso asi que para agilizar tiempo, decidí hacerlo con mi cuenta de
Google.
4. Me dirigió a una pagina de cuentas de Google para seleccionar que cuenta iba a
usar, en este caso para evitar SPAM, voy a usar mi cuenta secundaria.

5. Luego de eso pase al área de trabajo, donde creare mi propio prototipo, hay
muchos tipos de prototipo, por propósitos de tiempo y esfuerzo, escogeré la que
dice “Mobile app Wireframe” por que me pareció la mas bonita y la mas sencilla
de utilizar.

6. Al ingresar veo que tiene plantillas ya preestablecidas, lo cual es una buena

noticia pues planeo ahorrar tiempo y esfuerzo en esto. Creo que hice una buena
 elección.

7. Ya que el diseño me pareció interesante, creo que usare esa, simplemente añadire
un logo, un nombre y sección de registro. Primero hare el logo. Busque una
imagen en Google, asi que solo copie la imagen de esta manera
8. Y lo pego asi.

9. Como ya añadi el nombre, y los demás datos me parecen acordes a lo que busco,
pues no busco lago complicado, sino algo similar a cualquier otra app en este
proceso para evitar confusión en los usuarios, me remito a la parte de abajo para
editar algunas cosas. Para cambiar el nombre y los datos solo tuve que dar doble
click sobre el titulo y lo pude editar de esta forma. Es una web muy intuitiva, lo
cual se agradece.

10. Una vez editada mi introducción, procedí a editar la parte de información de

partidas que esta en la parte de abajo, usando simplemente la edición de esta
 forma.

11. Arrastrando la barra inferior note que hay una barra de usuario, asi que procederé
a editar usando los pasos anteriormente mencionados, lo reemplazare con mis
datos.

12. Noto que debajo de esa barra hay una barra personalizable, procederé a agregar
detalles sobre cómo se vería la home page de mi pagina web de Ajedrez. Asi que
procederé a crear en la barra donde dice modelos, creare un rectángulo para poner
 el titulo de mi web de ajedrez.

13. Con Herramientas de copiar y pegar iconos, logre redimensionar y hacer mi titulo
de esta manera

14. EL resto solo ha sido diseño y hacer repetitivamente los procesos anteriores, en
realidad es una web muy sencilla de usar. El link de mi proyecto se puede
encontrar en este enlace.
https://app.moqups.com/W5jP3lNBbBo72pZ6zu8IaeJZC9nYXnn3/view/page/
a880590a1
 Conclusiones

En conclusión, este trabajo realizado sobre la determinación de las

especificaciones funcionales del software y la metodología a utilizar ha permitido
adentrarnos en el uso de la herramienta Moqups para la creación de una web de
ajedrez. Mediante un paso a paso detallado, se ha demostrado la facilidad de uso e
intuitividad de Moqups en la creación de prototipos interactivos y diseños
personalizados. Esta herramienta ofrece opciones preestablecidas, edición de
elementos, y la posibilidad de simular la experiencia de navegación. El proceso de
registro, la selección de plantillas y la personalización de elementos se han
llevado a cabo de manera eficiente y ágil. Moqups se presenta como una valiosa
herramienta para diseñadores y desarrolladores de software en la creación y
visualización de sus proyectos antes de iniciar el desarrollo real.
 Lista de referencias

Moqups. (2023). Creación de una web de ajedrez [Herramienta de diseño]. Recuperado

de
https://app.moqups.com/W5jP3lNBbBo72pZ6zu8IaeJZC9nYXnn3/view/page/
a880590a1