991293 - Integrate Super Mentor badge with user profiles

Status: RESOLVED FIXED

(Webmaker Graveyard :: webmaker.org, defect)

Description

[Cassie McDaniel [:cassiemc]]

We want to integrate badges earned with Webmaker Profiles. The initial badge for this will be Super Mentor badge and will be displayed up top next to the user description and contact info.

Post mvp there will be a tabbed subsection called "Badges" that lists all badges a user has earned, including Web Lit badges – that implementation will happen in bug 991292

Gavin, given that the MVP functionality is designed in the new profile, what else do you need to move this forward? (FYI, we're aiming for the deadline to have this fully integrated by All-Hands, April 25)

Comment 1

[Cassie McDaniel [:cassiemc]]

Attachment: https://redpen.io/8oscyw - Badges profile flow

This is an initial stab at how you might able to apply for a badge from Profile. Feedback very welcome on Redpen.

I'm looking to answer a couple questions here –

Could this "apply for a badge" page section load in above the other Profile content when you click apply a badge? If so, could this method be employed in various parts of the site, for example from /explore or /mentor, or does it make sense to take you to a separate section of the site for the application process? Gavin, I'm looking to you here as I'm not sure how (and whether) you'd want to architect this within the profile app.

As far as badge criteria fields, I've tried to take from the applicable fields on BadgeKit. We might want to reveal more data - like tags - when displaying badges (perhaps this is more relevant for a future Badges section as opposed to here, on Profile). Might also want a different view for when we only have a single badge to display as will be the case in the very beginning.

More work to do, but happy to start getting input. Feel free to flag whoever needs to see this, if I've missed anyone.

Comment 2

[Michelle Thorne]

Comment on attachment 8401864 [details]
https://redpen.io/8oscyw - Badges profile flow

Beautiful! 

Left some comments and ideas in Redpen. Feels like we're close -- thanks for the great work.

Comment 3

[[:dajbelshaw] Doug Belshaw]

This looks great, have added some comments on Redpen.

Just wanted to flag that we might want to do some testing when we move beyond Super Mentors as the badges *we* think people might want to display as the big badge next to their name might not be the one(s) they want to. :-)

Comment 4

[Gavin Suntop [:gvn]]

Comment on attachment 8401864 [details]
https://redpen.io/8oscyw - Badges profile flow

Looking good: still would like to see alternate modal treatments as indicated in Redpen.

Comment 5

[Matt Thompson (@OpenMatt :OpenMatt)]

* I believe we decided today that this is no longer in scope for MVP
* Cassie can you confirm? And if so? remove MVP from whiteboard?

Comment 6

[Cassie McDaniel [:cassiemc]]

Confirmed and changed to r2.

Comment 7

[Emily Goligoski]

I realized my earlier feedback in Redpen wasn't captured when their site went down, but they're reposted. Thanks Cassie!

Comment 8

[Brett Gaylor [:brett]]

Comment on attachment 8401864 [details]
https://redpen.io/8oscyw - Badges profile flow

Left comments in Redpen.

Comment 9

[Emily Goligoski]

Kate, do you mind providing an update on what is needed to integrate this within profiles? Appreciate you sharing it during All Hands demos!

Comment 10

[Gavin Suntop [:gvn]]

Attachment: https://github.com/mozilla/webmaker-profile-2/pull/15

Still needs a little styling love, but functionally working.

Comment 11

[inactivate account for kate]

Comment on attachment 8423488 [details] [review]
https://github.com/mozilla/webmaker-profile-2/pull/15

Just a few nit-picky style things but this generally looks good

Comment 12

[Michelle Thorne]

Comment on attachment 8401864 [details]
https://redpen.io/8oscyw - Badges profile flow

Clearing bug queues. This is obviously good! ^-^