Embedded Files
INTENTION
INTENTION
The intention of this unit is to provide an introduction to the fundamentals of computer programming, as well as being introduced to PowerPoint.
IMPLEMENTATION
IMPLEMENTATION
Students create an emoji, Implementing their ideas designing on PowerPoint before moving onto JavaScript.
IMPACT
IMPACT
The impact of this unit will be measured by the end of unit assessment where students show their programming, designs and completed emoji.
Unit Learning Objectives
Emerging
Emerging
To understand how to build up basic shapes to create an emoji using online software.
Thriving
Thriving
To understand how to build up more advanced shapes, including text and lines to create an emoji using online software.
Flourishing
Flourishing
To understand how to use additional Javascript to make your emoji interactive.
Links, example Emojis and help videos
Some examples of emojis to get you started. Its important to not just copy these, but using these if you need to help support your learning.
Example Code Snippets
Your interactive emoji is make up of lots of simple shapes which can be overlapped to create patterns and change these shapes.
Setting up a paper size
<svg height="600" width="600">
</svg>
Pologons (Squares, Rectangle)
<polygon points="0,0 600,0 600,600 0,600" fill="#D1C4E9"/>
This has a set of 4 co-ordinates which are the four corners of your pologon.
The code at the end #xxxxxx is the colour of that shape.
Pologons (Triangles)
<polygon points="300,10 200,125 400,125" fill="#512DA8" />
This has a set of 3 co-codinates which are the 3 corners of your triangle.
The code at the end #xxxxxx is the colour of that shape.
Circles
<circle cx="300" cy="300" r="200" fill="black"/>
cx and cy are your co-orginates for the centre of the circle and r is your radius.
Eclipse
<ellipse cx="300" cy="350" rx="55" ry="30" fill="black" />
cx and cy are your co-ordinates for the centre of the exlipse and rx and ry are your two radiuses to form the shape.
Lines
<line x1="133" x2="133" y1="370" y2="350" stroke-width="8" stroke="#7CB342" stroke-linecap="round"/>
Text
<text x="105" y="45" fill="#AB47BC" font-family="arial black" font-size="35"> TEXT GOES HERE </text>
x and y are your co-ordinates for where your text is, fill is the colour, font-family is the actual font, and font-size is the size of the text.
Assessment Criteria
Emerging
Emerging
Produced a design using PowerPoint, shapes and colour.
Attempted a final design with limited detail.
Attempted an evaluation with some reflection.
A basic emoji produced with some shapes and colour.
Rising
Rising
Produced two designs with more than one shape with some feedback,
A detailed final design with a range of shapes, with some feedback.
An evaluation reflecting on how to further improve ideas.
An emoji completed, which includes more than one shape, with colour and detail.
Mastering
Mastering
Produced 2 different design ideas with a range of shapes, including detailed feedback.
A detailed final design, taking feedback from ideas and adding detailed feedback.
A detailed evaluation with reflection from peers included, clear ideas how to improve.
An emoji completed with some extra coding including, to add either interaction or special detail.
Future Career Opportunities
Computer Programmer
Computer Programmer
Average UK Salary £57,000
Skills
Programming
Team work
Working to a deadline
Website Designer
Website Designer
Experienced salary £25,000 - £35,000
Skills
Creating ideas
Communication with clients
Working to a deadline
Graphics Designer
Graphics Designer
Average UK Salary £24,000
Skills
Communication with clients
Team work
Working to a deadline
Page updated
Google Sites
Report abuse