Closed Bug 1030883 Opened 10 years ago Closed 10 years ago

Update "make your own" page to include great sample teaching kits

Categories

(Webmaker Graveyard :: Teaching Kits / Curriculum, defect)

Product:
Webmaker Graveyard
Component:
Teaching Kits / Curriculum
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

(Not tracked)

Status:
RESOLVED FIXED

People

(Reporter: matt, Assigned: akirose)

References

Details

(Whiteboard: [design] [july25])

Attachments

(1 file)

https://github.com/mozilla/webmaker.org/pull/865
48 bytes, text/x-github-pull-request
kate
: review+
Details | Review 
* GOAL: provide some context and inspiring examples for users on the "make your own teaching kit" page
https://webmaker.org/make-your-own

* We now have 3 - 5 exemplary new kits with great content and design. Let's show them off, and provide them as a way for users to more easily grasp the use and value

* While we're at it, we can brush up the copy on that page a bit as well.
* What we'll do:

1) Add a gallery of four teaching kits. Documented here with links provided by Kat.
2) Shorten the explanaroty image. (see mock-up)
3) Update the copy. 

It's all here in this mock-up:
https://dl.dropboxusercontent.com/spa/6c38yp3crbxni5b/5x_zs0k5.png
Whiteboard: [design] [july11]
Depends on: 1030893
Copy:

Make your own teaching kit
<strong>Create your own guide for teaching coding, web literacy or digital skills.</strong> Then share it with our global community.

...or remix someone else’s
Get inspired by examples like these. ([More]) 

"More" will links to a search page that displays all teaching kits and activities, sorted by likes: 
https://webmaker.org/en-US/search/?type=tags&q=teach-kit,teach-activity&sortByField=likes
(note: this link is presently a 404. Cade is working on that in Bug 1030893)
Copy:

Make your own teaching kit
<strong>Create your own guide for teaching coding, web literacy or digital skills.</strong> Then share it with our global community.

...or remix someone else’s
Get inspired by examples like these. ([More]) 

"More" will links to a search page that displays all teaching kits and activities, sorted by likes: 
https://webmaker.org/en-US/search/?type=tags&q=teach-kit,teach-activity&sortByField=likes
(note: this link is presently a 404. Cade is working on that in Bug 1030893)
No longer depends on: 1030893
(sorry -- mistakenly submitted that comment twice)
Depends on: 1030893
Summary: Update "make your own" page to include great sample kits → Update "make your own" page to include great sample teaching kits
* Kat: this is based off of your original mock-up. + conversation with Claw yesterday.
* Kat: can you please provide the links for the four teaching kits you want displayed on this page?
Flags: needinfo?(kat)
Kits: 

Title: Mobile Design Teaching Kit
URL: https://jess.makes.org/thimble/MTMyMzM2ODQ0OA==/mobile-design-kit
Author: Jess Klein, Bobby Richter, Kat Braybrooke

Title: Urban Storytelling Teaching Kit
URL: https://urbanstorytellers.makes.org/thimble/MzY3OTE5MTA0/urban-storytelling-a-how-to-guide-start-here
Author: Andi Argast, Michelle Gay

Title: Lo-Fi No-Fi Teaching Kit
URL: https://keyboardkat.makes.org/thimble/LTIxMDA3NTY0ODA=/lofi-nofi-teaching-kit
Author: Kat Braybrooke, Karen Smith, Julia Vallera, Jess Klein, Chad Sansing

Title: Hack Your Notebook Day Teaching Kit
URL: https://chadsansing.makes.org/thimble/MzM0MDM2OTky/hack-your-notebook-day-teaching-kit
Author: Jen Dick, Jie Qi, David Cole, and Chad Sansing


Note that as per my original Github issue http://is.gd/3JmPaL for this mock-up, I also suggest we conglomerate the following URLs to make the user journey more clear: 



I also suggest we redirect https://webmaker.org/teach-templates (linked to from main /Explore page, currently goes to a 404 link) AND https://webmaker.org/teach

to

https://webmaker.org/make-your-own

so that make-your-own is the canonical place for both teaching kit templates, and 4 "best of show" kits :) Matt, does this make sense? Let me know if not.
Flags: needinfo?(kat) → needinfo?(matt)
(Here's second part again, without duplication): 

Redirect https://webmaker.org/teach-templates (linked to from main /Explore page, currently goes to a 404 link) AND https://webmaker.org/teach

to

https://webmaker.org/make-your-own , so that make-your-own is the canonical place for both teaching kit templates, and 4 "best of show" kits.
* Kat: let's file the re-direct issues separately. And just use this ticket for updating the page. It's simpler.
Flags: needinfo?(matt)
* Aki: could you maybe take this one at some point in the next sprint? Let me know if you have questions about it.
Assignee: nobody → aki
Flags: needinfo?(aki)
Sounds good to me.
Status: NEW → ASSIGNED
Flags: needinfo?(aki)
* Aki: all good on this one?
Flags: needinfo?(aki)
:thumbs_up:
In progress
Flags: needinfo?(aki)
(In reply to Kat Braybrooke [:codekat] from comment #7)
The "Hack Your Notebook Day Teaching Kit" is published privately, so we'll have to pick another.
Flags: needinfo?(kat)
Blocks: 1036763
@aki chad (the publisher) is a good friend of ours, and i think also currently on our payroll, but he's on holiday at the moment. will ask him to republish once he's back in a week or so!
Flags: needinfo?(kat)
... while we're waiting for Chad's, let's use this one instead: 

url: https://laura.makes.org/thimble/privacy-and-security-teaching-kit
description: This kit provides a set of hands-on learning activities that help facilitators teach concepts about online security and privacy.
authors: Laura Hilliger, Dumitru Gherman, Emma Irwin, Ben Moskowitz, Atul Varma, Alina Hua,
Stacy Martin, Matthew Willse, and Shane Caraveo
We will get Chad's when we can, his father died suddenly late last week, we can use Kat's in meantime
Blocks: 1037757
Comment on attachment 8454846 [details] [review]
https://github.com/mozilla/webmaker.org/pull/865

This PR needs some help with nav, but since it won't change the nav issue that already exists on prod, I'm just opening another bug for that.

https://bugzilla.mozilla.org/show_bug.cgi?id=1037757
Attachment #8454846 - Flags: review?(kate)
Whiteboard: [design] [july11] → [design] [july25]
Blocks: 1038389
Blocks: 1038390
Commits pushed to master at https://github.com/mozilla/webmaker.org

https://github.com/mozilla/webmaker.org/commit/ab7f8a08a44c3d801efa3c5e377557d68592013e
Fixes Bug 1030883 - Update "make your own" page to include great sample teaching kits

https://github.com/mozilla/webmaker.org/commit/7ec96ddf416c16a54e473945c8bc93dbcfcf2ec7
Merge pull request #865 from gesa/1030883/make-your-own

Bug 1030883 - Update "make your own" page to include great sample teaching kits
Status: ASSIGNED → RESOLVED
Closed: 10 years ago
Resolution: --- → FIXED
Quick copy editing note: Love how the page is looking, but would be great to make a small copy edit. 

On https://webmaker.org/en-US/make-your-own , add an exclamation point (or a full stop, if preferred) to "or, remix someone else's"

[At the moment, looks unfinished without it! Other than that though, great! Also, is there a repo for this page that I can edit in JSON when the exemplary kits need to be switched out?]
Flags: needinfo?(aki)
Kat: I'm on landing pages full-time for at least the next two weeks, but you can totes do this!
https://github.com/mozilla/webmaker.org/blob/master/locale/en_US/explore.json#L251

Currently the kits can be swapped out by switching the IDs here: https://github.com/mozilla/webmaker.org/blob/master/public/views/make-your-own.html#L71-L78
Flags: needinfo?(aki)
Awesome, thanks for this Aki!

Have opened up a new bug to handle these edits: https://bugzilla.mozilla.org/show_bug.cgi?id=1039002 

:)
Two edits made, both now in other bug. Moving there from now on:

EDIT #1: Update explore.json https://github.com/mozilla/webmaker.org/pull/879
EDIT #2: Update make-your-own.html https://github.com/mozilla/webmaker.org/pull/880
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: