Wireframes

• To see the login/ sign up wireframes go here: https://github.com/mozilla/CSOL-site/wiki/Sign--In-and-Notifications-Workflow

Landing: (www.chicagosummeroflearning.org)

Learn: (www.chicagosummeroflearning.org/learn)

Learn - detail (www.chicagosummeroflearning.org/learn/{activitynamedetail}

Badges: (www.chicagosummeroflearning.org/badges)

Badges- detail: 1)For badges that pertain to organizations

_2) For badges that are for on-line self-paced activities,

3) For STEAM badges that are awarded automagically

Badge-Apply

On click of Apply Button

Detail of how the page looks when you have uploaded your photos/video. Confirmation Message with other badge suggestions

Badges- evidence: ![Badges-evidence] (https://f.cloud.github.com/assets/1945209/426022/2b05dfa4-adbe-11e2-888a-f1049f75e7bc.png)

** Badges- claim:** (www.chicagosummeroflearning.org/badges/claim)

Badges - event claim: (www.chicagosummeroflearning.org/badges/claim/{eventname})

Challenges: (www.chicagosummeroflearning.org/challenges)

My Dashboard (learner): (www.chicagosummeroflearning.org/dashboard)

**My Dashboard (> 13 learner) : ** (www.chicagosummeroflearning.org/dashboard)

My Dashboard-details (learner): 1) WHEN YOU CLICK THE "AWARDED" BADGE Detail(on click) When you click on the delete button

2)WHEN YOU CLICK THE "IN QUEUE" BADGE Detail(on click)

3)WHEN YOU CLICK THE "REVIEWED" BADGE

Detail(on click) When you click the edit button for the images When you click the edit button for the text _4)WHEN YOU CLICK THE "FAVORITED" BADGE this takes you to the Badge Detail Page as designed on above (Depending on the kind of badge you have favorited)

** My Dashboard (guardian) **

Detail(on click)

If guardian selects Remove:

If guardian selects "Don't Approve":

If guardian selects "Approve":

Criteria and Evidence URLs

About (www.chicagosummeroflearning.org/about)

Terms of Use (www.chicagosummeroflearning.org/tou)

VPAT (www.chicagosummeroflearning.org/vpat)

Privacy (www.chicagosummeroflearning.org/privacy)