Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Create Organizational Dashboard page #542

Closed
12 of 14 tasks
harishlingam opened this issue May 25, 2020 · 9 comments
Closed
12 of 14 tasks

Create Organizational Dashboard page #542

harishlingam opened this issue May 25, 2020 · 9 comments
Assignees
@efrenmarin45
Labels
Complexity: Medium Feature: Analytics google analytics P-Feature: Dashboard https://hackforla.org/dashboard role: front end Tasks for front end developers size: missing
Milestone
06. Data strategy

Comments

@harishlingam
Copy link
Member

harishlingam commented May 25, 2020 •
edited by Providence-o
Loading

Overview

Create Organizational Dashboard page to house analytics collected from surveys. Initially, the dashboard will house data from the remote onboarding, new member, and project leader surveys, but eventually, expand to include the visualized results from the other surveys in our repertoire.

Instructions to remove the vertical scrollbar have been included below. Please add/remove vertical scrollbar depending on UX considerations.

Action Items

  • Design and populate Google Data Studio dashboard
    • Create dashboard in Google Data Studio
    • Get feedback on dashboard
    • Create dashboard page and insert GDS dashboard via iframe
    • Revise dashboard
    • Refine page UI in Figma
    • Sign off
  • Review feasibility with Kian
  • Review with Design team which of the two designs work best with our current design schema and if we are going to leave off the white band at bottom?
  • Development
    • Implement page design with Iframe from Figma mockups. Note Figma mock up missing while band at bottom. Decision will have already been made to include or not include it.
    • Show version with scroll bar to Bonnie
      • decide to remove scroll bar (creating a lot of white space), or leave.
    • complete page.

Resources/Instructions

Figma https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=811%3A1003

Desktop Embed:

<iframe width="1200" height="1800" src="https://datastudio.google.com/embed/reporting/16J9XI19pQejSDNFvjl_V3ZezJ502rM_a/page/qx6RB" frameborder="0" style="border:0" allowfullscreen></iframe>

Mobile Embed:

<iframe width="350" height="2000" src="https://datastudio.google.com/embed/reporting/1xNlu1xcL5y6jh95lX3xr0zb2FCqD92Gm/page/gIfSB" frameborder="0" style="border:0" allowfullscreen></iframe>

Remove Vertical Scrollbar Instructions:

https://www.sitepoint.com/community/t/removing-vertical-scrollbar-in-iframe/22495

Read More:

https://support.google.com/datastudio/answer/7450249?hl=en
How to export one chart at a time from google sheets (provides html)

Something you probably wont need, but good to have
direct access to google studio page - its what is being embeded

Link to spreadsheet that feeds the website dashboard: https://docs.google.com/spreadsheets/d/1sIhdPzSpMNn7ZwGftiCbgMRtF-84ziJgmr8EjsC_yK8/edit#gid=1185333001
@harishlingam harishlingam added UI Research Tasks for researchers labels May 25, 2020
@harishlingam harishlingam self-assigned this May 25, 2020
@harishlingam harishlingam changed the title Create Organizational Metrics page Create Organizational Metrics dashboard May 25, 2020
@harishlingam harishlingam changed the title Create Organizational Metrics dashboard Create Organizational Dashboard page May 31, 2020
@harishlingam
Copy link
Member Author

  1. Progress - Initial dashboard created with pages for Website Performance and Brigade Analysis. Remaining survey data needs to be integrated.
  2. Blocks - None
  3. Availability - Through 6/3, then exit project.
  4. ETA - 6/3

This was referenced Jun 1, 2020
Closed
Open
@ExperimentsInHonesty ExperimentsInHonesty added role: front end Tasks for front end developers and removed UI Research Tasks for researchers labels Jun 21, 2020
@alexandrastubbs alexandrastubbs added this to the Analytics Tools milestone Jun 25, 2020
@jbubar
Copy link
Member

jbubar commented Jun 29, 2020

Did not make any progress. Had a busy week. I am available for a few hours Thurs and over the weekend. I can get this done by our next meeting on Sunday

@efrenmarin45
Copy link
Member

efrenmarin45 commented Jul 22, 2020 •
edited
Loading

Progress: I was able to implement the web embedding to a new dashboard page. Still need to do a mobile version but should be done before the end of the week 7/26/20.
Blocks: No
Availability: All week
ETA: Friday-Saturday

@efrenmarin45
Copy link
Member

Progress: Web and mobile views have been implemented and are working as intended in reference to the Figma files.
Blocks: No
Availability: All week
ETA: I am done, just need someone to review my PR

@alexandrastubbs
Copy link
Member

alexandrastubbs commented Jul 26, 2020 •
edited
Loading

@efrenmarin45 can you share screenshots of the above by pasting them into this issue?

@efrenmarin45
Copy link
Member

webView

@efrenmarin45
Copy link
Member

mobileView

@efrenmarin45 efrenmarin45 mentioned this issue Jul 26, 2020
Merged
@alexandrastubbs
Copy link
Member

Looks great!!

@alexandrastubbs alexandrastubbs added the Feature: Analytics google analytics label Sep 22, 2020
@alexandrastubbs alexandrastubbs removed this from the Analytics Tools milestone Sep 22, 2020
@harishlingam harishlingam mentioned this issue Jan 31, 2021
Open
2 tasks
@ExperimentsInHonesty ExperimentsInHonesty added this to the 06. Data strategy milestone Dec 8, 2021
@Providence-o Providence-o added the P-Feature: Dashboard https://hackforla.org/dashboard label Feb 13, 2022
@Providence-o Providence-o mentioned this issue Feb 13, 2022
Open
2 tasks
@kellyc9 kellyc9 mentioned this issue Apr 9, 2024
Open
16 tasks
@mayankt153 mayankt153 moved this to New Issue Approval in P: HfLA Dashboards: Project Board Aug 25, 2024
@Samhitha444
Copy link
Member

Samhitha444 commented Sep 12, 2024 •
edited by Eleftherios01
Loading

@Eleftherios01 Eleftherios01 mentioned this issue Oct 6, 2024
Open
5 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@efrenmarin45 efrenmarin45

Labels
Complexity: Medium Feature: Analytics google analytics P-Feature: Dashboard https://hackforla.org/dashboard role: front end Tasks for front end developers size: missing
Projects
P: HfLA Dashboards: Project Board
Status: New Issue Approval
P: HfLA Website: Project Board
Archived in project
Milestone
06. Data strategy
Development

No branches or pull requests
8 participants
@harishlingam @ExperimentsInHonesty @efrenmarin45 @jbubar @alexandrastubbs @Josiah-O @Providence-o @Samhitha444