Download - Open Badges Super Learners Year-7 & 8
![Page 1: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/1.jpg)
1Mozilla Open Badges Design Workshop ©Patrick McGee
Super Learning Week – Year 7 & 8
![Page 2: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/2.jpg)
2
The Open Badges Presenter
Patrick McGeeSoftware Engineer
Uclan AlumniMIT Professional Alumni
Mozilla Open Badges Design Workshop ©Patrick McGee
![Page 3: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/3.jpg)
3
Overview
Open Badges is a great way to learn about software engineering.
In this workshop we will be:Designing Open BadgesCreating the data for our Open BadgesIssuing our Open Badges
Mozilla Open Badges Design Workshop ©Patrick McGee
![Page 4: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/4.jpg)
4
Software Engineer
Software Engineers create programs that computers can understand in order to perform a task to solve a problem.
These computers might be:Laptops Mobile PhonesTabletsOr any device that requires a set of instructions to solve a problem
Mozilla Open Badges Design Workshop ©Patrick McGee
![Page 5: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/5.jpg)
5
What is a Badge?
There are many types of badges and here are a few examples
A badge helps identify a person or to indicate membership of an organization or support for a cause
Mozilla Open Badges Design Workshop ©Patrick McGee
![Page 6: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/6.jpg)
6
Badges for awards and fun things
There are badges made for awards to show a particular skill
Badges can be used as Decoration... Take a look at The pearly king and queen
Mozilla Open Badges Design Workshop ©Patrick McGee
![Page 7: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/7.jpg)
7
There are two worlds today
The real world the world of the internet
Mozilla Open Badges Design Workshop ©Patrick McGee
![Page 8: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/8.jpg)
8
There are two worlds today
The real world the world of the internet
Mozilla Open Badges Design Workshop ©Patrick McGee
![Page 9: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/9.jpg)
9
There are two worlds today
The real world the world of the internet
Mozilla Open Badges Design Workshop ©Patrick McGee
![Page 10: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/10.jpg)
10
Today we will be creating a digital badge
Lets watch some videos
https://www.youtube.com/watch?v=HgLLq7ybDtc
https://www.youtube.com/watch?v=Xc4xDgNbl6Y
Mozilla Open Badges Design Workshop ©Patrick McGee
![Page 11: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/11.jpg)
11
A Mozilla Open Badge
Mozilla Open Badges Design Workshop ©Patrick McGee
The ‘baking’ process combines the image and the data together
![Page 12: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/12.jpg)
12
The steps needed to create a Open Badge
Step one: Create a drawing of a badge Step two: Write down the information about that badgeStep three: Copy the drawing onto the computer using PaintStep four: Save the digital badgeStep five: Transfer the imageStep six: Upload the badge ready for ‘baking’
Mozilla Open Badges Design Workshop ©Patrick McGee
![Page 13: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/13.jpg)
13
So lets start creating an open badge
Before we start to write any computer code, we first need a plan!
Paper Prototypes allows us to experiment and test our ideas!
Mozilla Open Badges Design Workshop ©Patrick McGee
Worksheet link: PDF: http://1drv.ms/U92QE1DOC: http://1drv.ms/U92TQg
Timebomb link: http://www.online-stopwatch.com/bomb-countdown/
![Page 14: Open Badges Super Learners Year-7 & 8](https://reader035.vdocument.in/reader035/viewer/2022062616/54902cdab47959af158b4b0a/html5/thumbnails/14.jpg)
14
Different styles of Badges
Mozilla Open Badges Design Workshop ©Patrick McGee