Mozilla Open Badges Design Workshop ©Patrick McGee 1
Super Learning Week – Year 7 & 8
The Open Badges Presenter
Patrick McGee
Software Engineer
Uclan Alumni
MIT Professional Alumni
2
Mozilla Open Badges Design Workshop ©Patrick McGee
Overview
Open Badges is a great way to learn about
software engineering.
In this workshop we will be:
Designing Open Badges
Creating the data for our Open Badges
Issuing our Open Badges
Mozilla Open Badges Design Workshop ©Patrick McGee
3
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 Phones
Tablets
Or any device that requires a set of instructions to
solve a problem
4
Mozilla Open Badges Design Workshop ©Patrick McGee
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
5
Mozilla Open Badges Design Workshop ©Patrick McGee
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
6
Mozilla Open Badges Design Workshop ©Patrick McGee
There are two worlds today
The real world the world of the internet
7
Mozilla Open Badges Design Workshop ©Patrick McGee
There are two worlds today
The real world the world of the internet
8
Mozilla Open Badges Design Workshop ©Patrick McGee
There are two worlds today
The real world the world of the internet
9
Mozilla Open Badges Design Workshop ©Patrick McGee
Today we will be creating a digital
badge
Lets watch some videos
https://www.youtube.com/watch?v=HgLLq7ybD
tc
https://www.youtube.com/watch?v=Xc4xDgNbl
6Y
10
Mozilla Open Badges Design Workshop ©Patrick McGee
A Mozilla Open Badge
11
Mozilla Open Badges Design Workshop ©Patrick McGee
The ‘baking’ process combines the image and the
data together
The steps needed to create a Open
Badge
Step one: Create a drawing of a badge
Step two: Write down the information about
that badge
Step three: Copy the drawing onto the computer
using Paint
Step four: Save the digital badge
Step five: Transfer the image
Step six: Upload the badge ready for ‘baking’
12
Mozilla Open Badges Design Workshop ©Patrick McGee
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!
13
Mozilla Open Badges Design Workshop ©Patrick McGee
Worksheet link:
PDF: http://1drv.ms/U92QE1
DOC: http://1drv.ms/U92TQg
Timebomb link: http://www.online-stopwatch.com/bomb-countdown/
Different styles of Badges
14
Mozilla Open Badges Design Workshop ©Patrick McGee

More Related Content

PPTX
Mozilla Open Badges Workshop - Super learners Week @ Irlam & Cadishead College
PDF
30 daysofgooglecloud GDSC UIET KUK
PDF
30 Days of Google Cloud
PPTX
PPTX
Research Hacks - UKSG Forum
PDF
Making a screencast for CS308 project setup
PPTX
Lesson two presentation
PPTX
Lesson one presentation
Mozilla Open Badges Workshop - Super learners Week @ Irlam & Cadishead College
30 daysofgooglecloud GDSC UIET KUK
30 Days of Google Cloud
Research Hacks - UKSG Forum
Making a screencast for CS308 project setup
Lesson two presentation
Lesson one presentation

Viewers also liked (20)

PDF
About face 인터렉션 디자인의 본질
PPTX
Website convention
PPTX
Presentation ir
PPTX
Game engine
PDF
Template for cs308 project setup screencast
PPTX
Lesson five presentation
PPTX
Lesson four presentation
PPTX
Capstone design(e-book)
PPTX
Switch statement
PDF
Kakodkar committeereport 05132011
DOC
Lesson five plan
PPTX
Lesson six presentation
PDF
Android and Hard Real Time
PPTX
광주교대 연수 2016
PDF
Arduino by Todd Holoubeck
DOC
신간안내 말하고 듣고 대화하는 Physical computing 아두이노
PDF
03애니메이션s
PDF
SwiftSeminar(Enumerations, Structures, Classes)
PDF
전략적 디자인으로 성장하라
PPTX
#아두이노 초급연수
About face 인터렉션 디자인의 본질
Website convention
Presentation ir
Game engine
Template for cs308 project setup screencast
Lesson five presentation
Lesson four presentation
Capstone design(e-book)
Switch statement
Kakodkar committeereport 05132011
Lesson five plan
Lesson six presentation
Android and Hard Real Time
광주교대 연수 2016
Arduino by Todd Holoubeck
신간안내 말하고 듣고 대화하는 Physical computing 아두이노
03애니메이션s
SwiftSeminar(Enumerations, Structures, Classes)
전략적 디자인으로 성장하라
#아두이노 초급연수
Ad

Similar to Open Badges Super Learners Year-7 & 8 (20)

PDF
Jisc designing open badges day dec 2014
PPTX
19th Annual SEDA Conference - Open Badges Workshop
PPT
Pirate patchfinal
PDF
Badges book
PDF
Open Badges Engagement
PDF
Doug Belshaw - Open badges and learning
PPTX
Introduction to Digital Badges
PPTX
WEA Cymru Erasmus Badge Design Workshop
PDF
Mozilla Open Badges
PDF
Mozilla Open Badges
PPTX
Create your own open badges
PPTX
Badges, Badgers, Mushrooms, and a Snake
PDF
What is an open badging system and how to implement it
PDF
Mozilla Open Badges 201
PPTX
Open badges and Badge the UK
PDF
Re-imagining credentials with Mozilla Open Badges - an Open Badges design wor...
PPTX
Badge Design Day for charities, employers and learning programmes 19th March 14
PPTX
MM6 Exploring potential of open badges Mallinson
PDF
Open Badges Belgium, a new Open Knowledge Working Group to give value to badg...
PDF
Open Badges & DigitalMe Badge Conference presentation PLE 2013 Berlin
Jisc designing open badges day dec 2014
19th Annual SEDA Conference - Open Badges Workshop
Pirate patchfinal
Badges book
Open Badges Engagement
Doug Belshaw - Open badges and learning
Introduction to Digital Badges
WEA Cymru Erasmus Badge Design Workshop
Mozilla Open Badges
Mozilla Open Badges
Create your own open badges
Badges, Badgers, Mushrooms, and a Snake
What is an open badging system and how to implement it
Mozilla Open Badges 201
Open badges and Badge the UK
Re-imagining credentials with Mozilla Open Badges - an Open Badges design wor...
Badge Design Day for charities, employers and learning programmes 19th March 14
MM6 Exploring potential of open badges Mallinson
Open Badges Belgium, a new Open Knowledge Working Group to give value to badg...
Open Badges & DigitalMe Badge Conference presentation PLE 2013 Berlin
Ad

More from Patrick John McGee (19)

PDF
Hyperlocal news
PPTX
Else if statements
PPTX
IPAD sessions
PPTX
PPTX
Web of Things at Liverpool MakeFest
PPTX
Lesson 10 digital and analogue signals
PPTX
Lesson 9 compression - Audio
PPTX
Lesson 8 Encryption
PPTX
Lesson 3 teacher version
PPTX
Operating online lesson 2
PPTX
Creating a comic in Scratch v1.4 for Year 7
PPTX
Regulations and Legislation for E-Commerce in the UK
PPTX
Introduction to scratch programming
PPTX
Do a Bit and achieve a lot!
PPTX
Mozilla Open Badges and Digital Inclusion
PPTX
Volunteer Centre BWF Mozilla Open Badges Initial Information Sessions
PPTX
The Volunteer Centre Blackpool, Wyre and Fylde Volunteer Passport Development
PPTX
Open Badges
PPTX
News Media Affiliate Business Model
Hyperlocal news
Else if statements
IPAD sessions
Web of Things at Liverpool MakeFest
Lesson 10 digital and analogue signals
Lesson 9 compression - Audio
Lesson 8 Encryption
Lesson 3 teacher version
Operating online lesson 2
Creating a comic in Scratch v1.4 for Year 7
Regulations and Legislation for E-Commerce in the UK
Introduction to scratch programming
Do a Bit and achieve a lot!
Mozilla Open Badges and Digital Inclusion
Volunteer Centre BWF Mozilla Open Badges Initial Information Sessions
The Volunteer Centre Blackpool, Wyre and Fylde Volunteer Passport Development
Open Badges
News Media Affiliate Business Model

Recently uploaded (20)

PPTX
Amdahl’s law is explained in the above power point presentations
PPTX
Fundamentals of Mechanical Engineering.pptx
PDF
Improvement effect of pyrolyzed agro-food biochar on the properties of.pdf
PDF
PREDICTION OF DIABETES FROM ELECTRONIC HEALTH RECORDS
PDF
null (2) bgfbg bfgb bfgb fbfg bfbgf b.pdf
PDF
ChapteR012372321DFGDSFGDFGDFSGDFGDFGDFGSDFGDFGFD
PPTX
introduction to high performance computing
PPTX
Feature types and data preprocessing steps
PPTX
Current and future trends in Computer Vision.pptx
PPTX
Management Information system : MIS-e-Business Systems.pptx
PDF
BIO-INSPIRED ARCHITECTURE FOR PARSIMONIOUS CONVERSATIONAL INTELLIGENCE : THE ...
PDF
Human-AI Collaboration: Balancing Agentic AI and Autonomy in Hybrid Systems
PPT
INTRODUCTION -Data Warehousing and Mining-M.Tech- VTU.ppt
PDF
Level 2 – IBM Data and AI Fundamentals (1)_v1.1.PDF
PPTX
ASME PCC-02 TRAINING -DESKTOP-NLE5HNP.pptx
PDF
737-MAX_SRG.pdf student reference guides
PDF
SMART SIGNAL TIMING FOR URBAN INTERSECTIONS USING REAL-TIME VEHICLE DETECTI...
PDF
Categorization of Factors Affecting Classification Algorithms Selection
PPTX
Module 8- Technological and Communication Skills.pptx
PDF
Accra-Kumasi Expressway - Prefeasibility Report Volume 1 of 7.11.2018.pdf
Amdahl’s law is explained in the above power point presentations
Fundamentals of Mechanical Engineering.pptx
Improvement effect of pyrolyzed agro-food biochar on the properties of.pdf
PREDICTION OF DIABETES FROM ELECTRONIC HEALTH RECORDS
null (2) bgfbg bfgb bfgb fbfg bfbgf b.pdf
ChapteR012372321DFGDSFGDFGDFSGDFGDFGDFGSDFGDFGFD
introduction to high performance computing
Feature types and data preprocessing steps
Current and future trends in Computer Vision.pptx
Management Information system : MIS-e-Business Systems.pptx
BIO-INSPIRED ARCHITECTURE FOR PARSIMONIOUS CONVERSATIONAL INTELLIGENCE : THE ...
Human-AI Collaboration: Balancing Agentic AI and Autonomy in Hybrid Systems
INTRODUCTION -Data Warehousing and Mining-M.Tech- VTU.ppt
Level 2 – IBM Data and AI Fundamentals (1)_v1.1.PDF
ASME PCC-02 TRAINING -DESKTOP-NLE5HNP.pptx
737-MAX_SRG.pdf student reference guides
SMART SIGNAL TIMING FOR URBAN INTERSECTIONS USING REAL-TIME VEHICLE DETECTI...
Categorization of Factors Affecting Classification Algorithms Selection
Module 8- Technological and Communication Skills.pptx
Accra-Kumasi Expressway - Prefeasibility Report Volume 1 of 7.11.2018.pdf

Open Badges Super Learners Year-7 & 8

  • 1. Mozilla Open Badges Design Workshop ©Patrick McGee 1 Super Learning Week – Year 7 & 8
  • 2. The Open Badges Presenter Patrick McGee Software Engineer Uclan Alumni MIT Professional Alumni 2 Mozilla Open Badges Design Workshop ©Patrick McGee
  • 3. Overview Open Badges is a great way to learn about software engineering. In this workshop we will be: Designing Open Badges Creating the data for our Open Badges Issuing our Open Badges Mozilla Open Badges Design Workshop ©Patrick McGee 3
  • 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 Phones Tablets Or any device that requires a set of instructions to solve a problem 4 Mozilla Open Badges Design Workshop ©Patrick McGee
  • 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 5 Mozilla Open Badges Design Workshop ©Patrick McGee
  • 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 6 Mozilla Open Badges Design Workshop ©Patrick McGee
  • 7. There are two worlds today The real world the world of the internet 7 Mozilla Open Badges Design Workshop ©Patrick McGee
  • 8. There are two worlds today The real world the world of the internet 8 Mozilla Open Badges Design Workshop ©Patrick McGee
  • 9. There are two worlds today The real world the world of the internet 9 Mozilla Open Badges Design Workshop ©Patrick McGee
  • 10. Today we will be creating a digital badge Lets watch some videos https://www.youtube.com/watch?v=HgLLq7ybD tc https://www.youtube.com/watch?v=Xc4xDgNbl 6Y 10 Mozilla Open Badges Design Workshop ©Patrick McGee
  • 11. A Mozilla Open Badge 11 Mozilla Open Badges Design Workshop ©Patrick McGee The ‘baking’ process combines the image and the data together
  • 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 badge Step three: Copy the drawing onto the computer using Paint Step four: Save the digital badge Step five: Transfer the image Step six: Upload the badge ready for ‘baking’ 12 Mozilla Open Badges Design Workshop ©Patrick McGee
  • 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! 13 Mozilla Open Badges Design Workshop ©Patrick McGee Worksheet link: PDF: http://1drv.ms/U92QE1 DOC: http://1drv.ms/U92TQg Timebomb link: http://www.online-stopwatch.com/bomb-countdown/
  • 14. Different styles of Badges 14 Mozilla Open Badges Design Workshop ©Patrick McGee