Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
60 commits
Select commit Hold shift + click to select a range
7bc8fcb
pruebas
CAMIANAIS Jun 15, 2023
2ad681d
seguimos probando
CAMIANAIS Jun 15, 2023
aa6463d
Merge pull request #1 from CAMIANAIS/feature-branch
GracielaFaz Jun 15, 2023
293360a
seguimos con pruebas
GracielaFaz Jun 15, 2023
083b9d0
prueba final del inicio
CAMIANAIS Jun 15, 2023
5f19273
ayudaaa
CAMIANAIS Jun 15, 2023
a838f3d
Merge pull request #1 from GracielaFaz/main
CAMIANAIS Jun 15, 2023
59e59b4
Merge pull request #2 from CAMIANAIS/main
GracielaFaz Jun 15, 2023
a7a3bb6
ya merito merito
CAMIANAIS Jun 15, 2023
7361365
Merge pull request #3 from CAMIANAIS/feature-branch
CAMIANAIS Jun 15, 2023
9daef48
html sin importacion data
CAMIANAIS Jun 21, 2023
7e32f31
Merge pull request #4 from CAMIANAIS/feature-branch
CAMIANAIS Jun 21, 2023
4d18995
html, css, y data
CAMIANAIS Jun 21, 2023
d1410e0
Merge pull request #5 from CAMIANAIS/feature-branch
CAMIANAIS Jun 21, 2023
b4c86cf
Cambios en base al html semántico
GracielaFaz Jun 21, 2023
e174512
Cambios CSS
GracielaFaz Jun 21, 2023
d0ffe3e
implementando elementos article y div en main.js
CAMIANAIS Jun 22, 2023
1dca5cd
cambio css y main.js
CAMIANAIS Jun 23, 2023
a378a6a
Merge pull request #6 from CAMIANAIS/feature-branch
CAMIANAIS Jun 23, 2023
dcc0463
Primer historia de usuario lista
GracielaFaz Jun 23, 2023
169f3c3
Create jekyll-gh-pages.yml
GracielaFaz Jun 26, 2023
145e48a
incluye filtro de ordenamiento
CAMIANAIS Jun 26, 2023
27ae8e1
Merge pull request #7 from CAMIANAIS/feature-branch
CAMIANAIS Jun 26, 2023
6883506
con función ordenado funcional
CAMIANAIS Jun 27, 2023
798eeca
Merge pull request #8 from CAMIANAIS/feature-branch
CAMIANAIS Jun 27, 2023
42165ce
Funcion sortBy
GracielaFaz Jun 27, 2023
b554433
Funcion sortBy terminada
GracielaFaz Jun 28, 2023
dbdc85a
Cambios pequeños en css
GracielaFaz Jun 28, 2023
d505b55
README
GracielaFaz Jun 28, 2023
612b40b
Test unitario para la funcion SortBy
GracielaFaz Jun 29, 2023
ca04588
Cambios para responisve design y para el filtro por director
GracielaFaz Jul 3, 2023
4283603
incluye primer filtro
CAMIANAIS Jul 3, 2023
a219f9d
Merge pull request #9 from CAMIANAIS/feature-branch
CAMIANAIS Jul 3, 2023
4842f6d
avance de read me
CAMIANAIS Jul 4, 2023
ffde53e
Merge pull request #10 from CAMIANAIS/feature-branch
CAMIANAIS Jul 4, 2023
5cfcc60
CSS a filtros
GracielaFaz Jul 4, 2023
a9baf1b
Merge branch 'main' of github.com:GracielaFaz/DEV009-data-lovers
GracielaFaz Jul 4, 2023
d4f53d5
Funcion sortByYear sin terminar
GracielaFaz Jul 4, 2023
76746b2
Funcion sortByYear terminada, de logica en cascada a logica tipo flex…
GracielaFaz Jul 4, 2023
3f01eb9
incluye test hasta la tercera hisotria y funcion de calculo agregado
CAMIANAIS Jul 6, 2023
8b1c630
Merge pull request #11 from CAMIANAIS/feature-branch
CAMIANAIS Jul 6, 2023
1d4e4b9
Cambios en CSS
GracielaFaz Jul 7, 2023
855a9ca
Merge branch 'main' of github.com:GracielaFaz/DEV009-data-lovers
GracielaFaz Jul 7, 2023
8ca112b
CSS y funcion de calculo agregado con porcentaje listo
GracielaFaz Jul 7, 2023
3810506
incluye pruebas unitarias de getCount y getPercentage, actualizacion …
CAMIANAIS Jul 10, 2023
d50f68f
Merge pull request #12 from CAMIANAIS/feature-branch
CAMIANAIS Jul 10, 2023
6c2c596
readme completo
CAMIANAIS Jul 10, 2023
3dbbde0
read me completo
CAMIANAIS Jul 10, 2023
1a0eb15
Inicio de CSS responsive
GracielaFaz Jul 10, 2023
353f7a0
Merge branch 'main' of github.com:GracielaFaz/DEV009-data-lovers
GracielaFaz Jul 10, 2023
ebb1bfb
Responsive para mobil casi listo
GracielaFaz Jul 10, 2023
f0f78fe
Merge remote-tracking branch 'upstream/main' into feature-branch
CAMIANAIS Jul 10, 2023
3c1d6bb
función para abrir el menu en mobil
GracielaFaz Jul 10, 2023
670fc74
readme completo
CAMIANAIS Jul 10, 2023
833d536
Merge pull request #13 from CAMIANAIS/feature-branch
CAMIANAIS Jul 10, 2023
d2d093b
Version con media queries para mobil y responisve para tablet
GracielaFaz Jul 11, 2023
41d1b96
Versión final
GracielaFaz Jul 11, 2023
3eab9d2
Arreglos en Readme y eliminación de data no usada
GracielaFaz Jul 12, 2023
f3d8faa
Versión final 2.0
GracielaFaz Jul 12, 2023
7c2ba23
Tests unitarios refactorizados
GracielaFaz Jul 13, 2023
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
51 changes: 51 additions & 0 deletions .github/workflows/jekyll-gh-pages.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
# Sample workflow for building and deploying a Jekyll site to GitHub Pages
name: Deploy Jekyll with GitHub Pages dependencies preinstalled

on:
# Runs on pushes targeting the default branch
push:
branches: ["main"]

# Allows you to run this workflow manually from the Actions tab
workflow_dispatch:

# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
permissions:
contents: read
pages: write
id-token: write

# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
concurrency:
group: "pages"
cancel-in-progress: false

jobs:
# Build job
build:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v3
- name: Setup Pages
uses: actions/configure-pages@v3
- name: Build with Jekyll
uses: actions/jekyll-build-pages@v1
with:
source: ./src
destination: ./_site
- name: Upload artifact
uses: actions/upload-pages-artifact@v1

# Deployment job
deploy:
environment:
name: github-pages
url: ${{ steps.deployment.outputs.page_url }}
runs-on: ubuntu-latest
needs: build
steps:
- name: Deploy to GitHub Pages
id: deployment
uses: actions/deploy-pages@v2
89 changes: 89 additions & 0 deletions README-data lovers.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
# Data Lovers

## Índice

* [1. Preámbulo](#1-preámbulo)
* [2. Resumen del proyecto](#2-resumen-del-proyecto)
* [3. Herramientas](#3-herramientas)
* [4. Historias de usuario](#4-historias-de-usuario)
* [5. Prototipos](#5-prototipos)
* [6. Resultado](#6-resultado)

***

## 1. Preámbulo

El objetivo del proyecto fue crear una pagina web para visualizar un conjunto de datos segun la necesidad del usuario. En esta pagina se puede visualizar, filtrar, ordenar y tener información de conteo y porcentaje sobre la data de las peliculas de Studio Ghibli para mostrar información aun mas relevante para los usuarios.

## 2. Resumen del proyecto

Como bien mencionamos, la tematica elegida fue Studio Ghibli y para saber qué y como tuvimos que tener un estudio de usuario, en el que descubrimos los siguientes datos:

1.- Los principlaes usuarios del producto son personas

2.- Los objetivos de los usuarios en relacion con el producto son saber cuantas y cuales son las peliculas lanzadas por Studio Ghibli, su fecha de lanzamiento, director, sinopsis y el score dado a cada una.

3.-Los usuarios utilizarían nuestro producto para consultar las peliculas creadas,


## 3. Herramientas

Los lenguajes utilizados fueron HTML semántico, CSS y JavaScript Vanilla. Se crearon e implementaron test unitarios y se utilizo flexbox y media querys.

## 4. Historias de Usuario

#### Historia de usabilidad 1
![user story 1](src/img/UserStory1.jpg)
#### Historia de usabilidad 2
![user story 2](src/img/UserStory2.jpg)
#### Historia de usabilidad 3
![user story 3](src/img/UserStory3.jpg)
#### Historia de usabilidad 4
![user story 4](src/img/UserStory4.jpg)
## 5. Prototipos
Trabajamos en la elaboración de un prototipo a papel , luego uno de alta fidelidad el cual fue evaluado por nuestras compañeras de las cuañes recibimos feedback para posteriormente y después d eaplicar las sugerencias , volver a solicitarles ayuda en el test de usabilidad.

#### Prototipo de baja fidelidad
![user story 1](src/img/prototipopapel.jpg)

#### Prototipos de alta fidelidad
![prototipo alta 1](src/img/prototipoaltaversion1.jpg)

Prototipo dinámico: [prototipo dinamico](https://www.figma.com/file/Za2IZjJeFvbyY29Qm8RnY7/DL---Prototipo-alta-2?type=design&mode=design&t=SW1ZTLeklR9Bb0Pm-0)

#### Listado de problemas de usabilidad detectados

Hicimos test de usabilidad recibiendo como feedback los siguiente.
Usuario 1 : No encontro el boton de ordenar, deberia haber un boton para resetear la busqueda, no deberian ocultarse los filtros, si habia posibilidad de que viera un pop up al darle click a una pelicula o a la imagen o que diera mas informacion(hacker edition),

Uusario 2: No encontró botón de ordenado, demoró 1 minuto , hacerlo más vistoso o ponerlo del lado de los filtros, botón de reset ,

Se llegó a las siguientes conclusiones:

1.Hacer ORDER vistoso o de lado izquierdo.
2.Boton de limpiar información (filtros y de ordenado).
3.Considerar hacer una lista desplegable para que solo elijan 1 filtro.
4.El checkbox para el hacker edition si había tiempo.
Por lo que el prototipo de alta fidelidad se modifico de la siguiente manera.
![prototitpo alta 2](src/img/prototipoaltav2.jpg)

Se realizo también la versión mobile, considerando una lista desplegable donde se puedan seleccionar los filtros y el orderby.
![mobile 1](src/img/versionmobile.jpg)

![mobile 2](src/img/mobilev2.jpg)

Usamos para el diseño de ambos protipos [Figma](https://www.figma.com/)


### Pruebas unitarias

Nuestro proyecta cuenta con test para las funciones encargadas de _procesar_,
_filtrar_ y _ordenar_ la data, así como _calcular_ estadísticas.

Las _pruebas unitarias_ tienen una cobertura del 70% de _statements_
(_sentencias_), _functions_ (_funciones_), _lines_ (_líneas_), y _branches_
(_ramas_) del archivo `src/data.js` que contiene nuestras funciones.

## 6. Resultado
![result 1](src/img/Result1.jpg)
![result 2](src/img/Result2.jpg)
Loading