Skip to content
This repository was archived by the owner on Jul 11, 2026. It is now read-only.
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
99 commits
Select commit Hold shift + click to select a range
4ba9af1
probando git
MonicaCofre Jan 20, 2022
05be850
Merge pull request #1 from MonicaCofre/main
arosasvenegas Jan 20, 2022
a70b326
empezando html
MonicaCofre Jan 21, 2022
250aa84
Merge pull request #2 from MonicaCofre/main
arosasvenegas Jan 21, 2022
4f3c6cd
probando probando
arosasvenegas Jan 22, 2022
8c97185
probrando arreglar error con este archivo
arosasvenegas Jan 22, 2022
9c18650
reparar logo, ahora si aparece y le ajuste tamaño en css. resubi el l…
arosasvenegas Jan 22, 2022
2cf1261
ajuste de tamaño de logo
arosasvenegas Jan 22, 2022
7f3e7dc
Imagen logo
arosasvenegas Jan 24, 2022
b139311
codigo de barra/menu
arosasvenegas Jan 24, 2022
736696a
estilo de barra/menu
arosasvenegas Jan 24, 2022
8bb18f0
eliminar caprta img
arosasvenegas Jan 24, 2022
730cead
Eliminando carpeta img parte 2
arosasvenegas Jan 24, 2022
43f887d
puse un margin-top en .menu li a, para poner un espacio entre imagene…
arosasvenegas Jan 24, 2022
0226771
centre el pie de pagina
arosasvenegas Jan 24, 2022
bae697b
se añade class a pie de pagina
arosasvenegas Jan 24, 2022
3f92cb4
se agrega scroll a li de menu desplegable
arosasvenegas Jan 25, 2022
d8b193b
se agrega scroll a li de menu desplegable
arosasvenegas Jan 25, 2022
48fab84
tomando datos desde data
MonicaCofre Jan 27, 2022
7e30a21
Merge pull request #3 from MonicaCofre/main
arosasvenegas Jan 27, 2022
32c3d9e
push porque movi el div root
arosasvenegas Jan 27, 2022
5e58ef8
no se que estoy agregando xD pero la consola dice que falta agregar u…
arosasvenegas Jan 27, 2022
c9f109d
Merge branch 'main' of https://github.com/arosasvenegas/SCL019-data-l…
arosasvenegas Jan 27, 2022
0c965ff
se borra un .root en css
arosasvenegas Jan 27, 2022
8e7bd4f
cambio de estilo a root y cell
arosasvenegas Jan 27, 2022
7421f09
cambio de font family, se me olvido :3
arosasvenegas Jan 27, 2022
361792c
puse anchor en filtro mujeres medallistas
arosasvenegas Jan 31, 2022
b807981
cambie xs por athletes
arosasvenegas Jan 31, 2022
c210244
agregando funciones
arosasvenegas Feb 1, 2022
192333c
agregando funciones
arosasvenegas Feb 1, 2022
3ca28f1
cambio de li por select
arosasvenegas Feb 1, 2022
41801fb
cambio de li a select
arosasvenegas Feb 1, 2022
26e96ad
filtro por genero
arosasvenegas Feb 1, 2022
b35fdef
cambio en las eqtiquetas li
arosasvenegas Feb 1, 2022
871a3fe
cambio en main, filtro funciona correcto
arosasvenegas Feb 1, 2022
b965a70
comentarios en JS y arreglos en CSS
MonicaCofre Feb 2, 2022
8379900
Merge pull request #4 from MonicaCofre/main
arosasvenegas Feb 2, 2022
fd6ec69
se arreglan etiquetas mal escritas
arosasvenegas Feb 3, 2022
6b40897
se dejan en comentario las console.log
arosasvenegas Feb 3, 2022
40f5a89
arreglo de test, test corriendo :)
arosasvenegas Feb 3, 2022
f128688
cambio de imagen slider
arosasvenegas Feb 3, 2022
c107630
cambio en titulo
arosasvenegas Feb 3, 2022
e7301ed
se agrega funcion filtro por deportes
arosasvenegas Feb 3, 2022
335b182
se agrega funcion filtrado por deporte
arosasvenegas Feb 3, 2022
2633e9d
se agrega test por deporte, test aprobado
arosasvenegas Feb 3, 2022
c9c1056
Fitro y test por paises oki y algunas mod. en html
MonicaCofre Feb 4, 2022
515c085
botones ordenar e info tarjetas
MonicaCofre Feb 4, 2022
9a82ad7
Merge pull request #5 from MonicaCofre/main
arosasvenegas Feb 4, 2022
95f5398
funcion a-z z-a
arosasvenegas Feb 7, 2022
7180885
cambio de boton por select y se agrega un p2
arosasvenegas Feb 7, 2022
d4df81f
funcion a-z z-a
arosasvenegas Feb 7, 2022
8ddab2a
estilo a select
arosasvenegas Feb 7, 2022
9500694
test ordenarAZ, ajustes en divs de tarjetas
MonicaCofre Feb 8, 2022
9da2091
Merge pull request #6 from MonicaCofre/main
arosasvenegas Feb 8, 2022
2fe13be
filtros juntos
MonicaCofre Feb 9, 2022
7ae491f
Merge pull request #7 from MonicaCofre/main
arosasvenegas Feb 9, 2022
7e5c6f5
pequeños cambios OH :)
MonicaCofre Feb 9, 2022
09e4ef1
Merge pull request #8 from MonicaCofre/main
arosasvenegas Feb 9, 2022
a9d7551
iconos por genero
arosasvenegas Feb 9, 2022
616adb4
icono mujeres
arosasvenegas Feb 9, 2022
161744e
cambio color de titulo
arosasvenegas Feb 9, 2022
d5b5a79
probando insertar imagenes
arosasvenegas Feb 9, 2022
56316f9
Cambio a tamaño de slider
MonicaCofre Feb 10, 2022
a5c021d
Merge pull request #9 from MonicaCofre/main
arosasvenegas Feb 10, 2022
c9e38f7
agrega viewport para web responsiva
arosasvenegas Feb 10, 2022
99440f1
se modifican filtros
arosasvenegas Feb 10, 2022
552a79a
se elimina barra buscadora
arosasvenegas Feb 10, 2022
647b091
se modifican filtros
arosasvenegas Feb 10, 2022
0db40da
en proceso responsive tablet
MonicaCofre Feb 11, 2022
aaa84bb
responsive a Tablet 768px
MonicaCofre Feb 11, 2022
bfc9eea
Merge pull request #10 from MonicaCofre/main
arosasvenegas Feb 11, 2022
e31771e
se agrega etiqueta de imagen
arosasvenegas Feb 12, 2022
7d2bad6
se agregan imagenes para los atletas
arosasvenegas Feb 12, 2022
898321e
se agrega estilo para imagenes, en px, porque en em no se mantiene el…
arosasvenegas Feb 12, 2022
f6c553a
se agrega boton
arosasvenegas Feb 14, 2022
9c97e22
funcionalidad de boton
arosasvenegas Feb 14, 2022
0a72c6f
estetica de boton
arosasvenegas Feb 14, 2022
014712e
responsive
MonicaCofre Feb 15, 2022
cff899b
Merge pull request #11 from MonicaCofre/main
arosasvenegas Feb 15, 2022
e3a2878
Merge branch 'main' of https://github.com/arosasvenegas/SCL019-data-l…
arosasvenegas Feb 15, 2022
740eb7b
se elimina fila de mas, que daba error
arosasvenegas Feb 15, 2022
eebef25
responsive
MonicaCofre Feb 15, 2022
1f77edf
responsive
MonicaCofre Feb 15, 2022
31a1d37
Merge pull request #12 from MonicaCofre/main
arosasvenegas Feb 15, 2022
0641dcc
comenzando readme
MonicaCofre Feb 16, 2022
56ed6b7
comenzando readme
MonicaCofre Feb 16, 2022
53c4486
Readme enlaces
MonicaCofre Feb 16, 2022
27fc82c
imagenes redme
MonicaCofre Feb 16, 2022
d497bc3
img
MonicaCofre Feb 16, 2022
8d088f6
img
MonicaCofre Feb 16, 2022
48e8bde
Merge pull request #13 from MonicaCofre/main
arosasvenegas Feb 16, 2022
c142ae4
imagenes readme
MonicaCofre Feb 17, 2022
924ae61
Merge pull request #14 from MonicaCofre/main
arosasvenegas Feb 17, 2022
60d0ddf
png
MonicaCofre Feb 17, 2022
2c6c1d8
Merge pull request #15 from MonicaCofre/main
arosasvenegas Feb 17, 2022
428d67b
img1
MonicaCofre Feb 17, 2022
3fa039c
Merge pull request #16 from MonicaCofre/main
arosasvenegas Feb 17, 2022
82ea779
ajuste de espacio entre selects filtros y eliminacion de borde negro
arosasvenegas Feb 17, 2022
cc6f1f9
Update README.md
arosasvenegas May 19, 2022
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
625 changes: 69 additions & 556 deletions README.md

Large diffs are not rendered by default.

129 changes: 129 additions & 0 deletions README_DataLovers.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
# Data Lovers

## Índice

* [1. Definición](#1-definición)
* [2. Investigacion UX](#2-investigacion-ux)
* [3. Historias de Usuarios](#3-historias-de-usuarios)
* [4. Testeos](#4-testeos)
* [5. Feedback](#5-feedback)



***

## 1. Definición

Nuestro proyecto es diseñar y realizar una web donde se puedan manipular los datos de los atletas medallistas, entendiendo que puedan visualizar y manipular la informacion de los JJOO Rio 2016, informacion esencial de este evento mundial.

El objetivo de nuestra página es que los usuarios puedan ordenar alfabeticamente y filtrar por genero, deporte o pais de los atletas medallistas de este evento.
Para ello utilizamos un interfaz amigable y entendible para cualquier persona, ademas que sea responsive adaptable a distintos dispositivos.



## 2. Investigacion UX

Para la investigacion de usuarios nosotras nos basamos en la informacion recopilada mediante un cuestionario de google, el cual compartimos en RRSS.
El resultado de es el siguiente:


![image-Grafico-edad](src/imagenes/Grafico_edad.png)


"Nuestros usuarios son adulto joven, ya que el rango etario fluctúa entre los 26 a 35 años como nos muestra el gráfico."


## 3. Historias de Usuarios

Mediante el cuestionario utilizado pudimos extraer que:


![image-Grafico-info](src/imagenes/Grafico_info.png)

Los usuarios de nuestra web no conocen información de los JJOO río 2016.
Para resolver este primer paso es que entendemos que nuestra página debe ser sencilla y precisa con la información relevante.
Para trabajar en esta interfaz extrajimos la base de datos que trae el proyecto y con ellos hemos creado funciones y variables que podamos utilizar y mostrar de forma clara para nuestros usuarios, hemos trabajado con JS y realizamos los test para comprobar el correcto funcionamiento del código.



Empezamos realizando un slaider con imagenes y una breve informacion general que los usuarios desean conocer.
Nos basamos en el siguiente grafico para mostrar datos:


![image-Grafico-H-Usuarios](src/imagenes/Grafico_H_Usuarios.png)


INFO SLIDER
* Países participantes.
Como usuario, quiero ver los países que participaron, para conocimiento general y ver si su país de origen participó en los JJOO.

* Cantidad de mujeres que participaron.
Como usuario, quiero conocer la cantidad o % de mujeres que participan en JJOO, para saber si hemos evolucionado la participación femenina.

* Cantidad de deportes y disciplinas que se realizaro.


Luego nos centramos en las siguientes Historias a desarrollar:

* Historia 1 utilizando filter
Como usuario, quiero separar los atletas segun su género.
Para informarnos y conocer cómo ha evolucionado su participación segun sexo.
FILTRO donde aparecerá una división por género y desde ahí saldrá la información de los atletas que ganaron medallas.


* Historia 2
"cuántos deportes son y cuales son sus disciplinas".
Como usuario, quiero filtrar por deportes que participaron.
Para buscar por deporte favorito y poder ver a los atletasparticipantes.


* Historia 3
"Que paises ganaron medallas".
"Atletas que participaron por país".
Como usuario, quiero poder ver a los atletas que participaron por país
Para buscar por país que ganó y obtener la informacion de los atletas y tipos de medallas que ganaron.


***

Dentro de la interfaz utilizada decidimos emplear tarjetas que nos muestre la informacion de cada atleta.
"Información de los deportistas (nombre, país deporte y medalla)".
Como usuario, quiero conocer información más detallada de cada atleta, para conocer mejor de acuerdo a sus datos básicos.



#### Prototipo de baja fidelidad

Prototipo de baja fidelidad

![image-baja-fidelidad](src/imagenes/prototipo_data_lovers.png)


![image-baja-fidelidad-2](src/imagenes/Prototipo_data_lovers2.png)


Prototipo de alta fidelidad

![image-alta-fidelidad-2](src/imagenes/Figma_DL.png)


## 4. Testeos

Durante este proyecto realizamos los tests correspondiente a las funciones que empleamos, todos nuestros test pasaron sin problemas.



## 5. Feedback

En los sprint de nuestro proyecto en varias oportunidades tuvimos feedback de nuestras compañeras, los que hemos tomado para mejorar tanto lo visual como su funcionalidad.
En estas instancias pudimos testear la funcionalidad de nustra pagina y como la reciben los usuarios, para ir mejorandola en caso de que sea necesario, cada comentario lo revisamos e implementamos.










Loading