SlideShare a Scribd company logo
3
Most read
5
Most read
6
Most read
This work is licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-
nc/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Story Programming
Computer Science Concepts
-All programming is an algorithm turned into code. Not all
algorithms become code though.
-Algorithms are the thinking before you code. Where the user thinks what they want to happen and
what order they want it to happen in. Algorithms are written, but pupils can engage in proto
algorithmic activities by talking about what they want to happen.
-Programming is where we turn that algorithmic thinking into something that works on a digital device
Planning Aim Turn a story algorithm into a
multiple scene story program
1, Share the Module Vision
Basically this is where you briefly share that your class
are going to program stories using Scratch Jr.
You need to introduce the hook that you are going to
use. My most recent Y1 & Y2 classes used Fairy tales
and Winnie the Witch as that was their most recent
literacy themes but I am sure you will have even better
hooks.
Explain that you are going to think through great
events from your chosen hook and experiment how to
make Scratch Jr characters speak, hide/show, move,
reset, grow/shrink and change scenes.
Explain that next session armed with these ideas you
will create an algorithmic story planner and then code
their stories the session after.
Learning Path
code-it.co.uk
2, Explore Story
Effects in
Scratch Jr
3, Create Story
Algorithm
4, Turn Story
Algorithm into
Scratch Jr Code
5, Share
Creations
6, Evaluate
Programming
1, Share the
Module Vision
Resources
Tablet Computers, Vision Slides, Algorithmic
planning slides, algorithmic planner x?
2, Explore Story Effects in Scratch Jr
Many children will think that they are starting to
create their story at this point so be sure to ex-
plain that this is a trial run to explore story pro-
gramming. You may even want to focus your cre-
ation on another area.
Add Characters
Can pupils import lots of characters? Give them
time to figure this out themselves and then give
a masterclass for those that need it.
Plus button top
right
Don’t help pupils too quickly as you take a way
their struggle and learning opportunities!
This work is licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-
nc/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
code-it.co.uk
Story Programming Page 2
2, Explore Story Effects Continued
Delete Characters
Can pupils work out how to delete characters that they no
longer want?
Hold finger on the middle of the icon and it will start to
wobble. Then press the red cross to delete.
Rename a Character
To rename the character (sprite/picture) press the
paintbrush on the sprite and then rename in the painting
screen at the top.
Make characters talk when you touch them
Challenge pupils to work out how they can program sprites
to talk when they are touched.
There are other methods to trigger speech but they do
increase the complexity a lot.
Speech Bubble
The length the speech
bubble lasts for increases
as the length of the text
increases.
Record Sound File
Make characters disappear
Challenge pupils to make a sprite
disappear when you touch it and
then reappear.
Make a character flash show hide & repeat
This work is licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-
nc/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
code-it.co.uk
Story Programming Page 3
2, Explore Story Effects Continued
Challenge pupils to
make a character
larger when touched
Challenge them to
make a character
smaller when
touched
Challenge them to
return the character
back to its original
size
Finally can they make a
character walk and then
decrease in size
Add Text
Show pupils how to add text at the top of a scene. Ask them when
they might use this in a story. You might want to use a favourite
picture book to illustrate this.
Touch the ABC icon to bring up
the text editor. Note the AAA
font size editor and the bucket
for colour
Once text is created you can
drag it to where ever you
need it
Can it be easily read?
Does the background help
you to read the text?
Moving from one scene to another
To create a new scene you touch the
plus + icon in the top right of the
program. This creates a blank scene
which the user can change using the
background editor.
Background Editor
This work is licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-
nc/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
code-it.co.uk
Story Programming Page 4
2, Explore Story Effects Continued Creating a button to move onto the next scene
You need to have
added a new scene
Create a new forward
button (see below)
Create code to move the
story on
Use the triangle
tool, line thickness
tool, rotate tool and
fill tool to create a
move the story on
sprite
This work is licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-
nc/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
code-it.co.uk
Story Programming Page 5
3, Create a Story Algorithm
This is the part of the planning process when it is best to move away from the tablets and concentrate on
the story and the effects you want to use. If you skip this process you end up with disjointed unconnect-
ed stories that have lots of effects but little literacy substance.
Explain to your pupils that they are now going to plan a story. You could do this in pairs or plan individu-
ally, my personal favourite involves personal planning with a discussion partner but you know your pupils
best.
Hand out the planning sheet (There are two to choose from and I have left the template so you can adapt
your own) Use the slides to go through the type of planning symbols to use. I found it took 45 minutes
plus to create a good planner. If pupils know that the tablet is there for them to go straight onto when
they have finished they will often try to cut corners so my top tip is save step 4 for another session.
One of the planning slides
This work is licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-
nc/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
code-it.co.uk
Story Programming Page 6
4, Turn story algorithm into Scratch Jr Code
Allow pupils plenty of creation time to turn their story algorithm planners into Scratch Jr code. Lead small
group masterclasses on any aspect that pupils have forgotten from part 2. Explain that it is fine for pupils
to adapt/modify their story but they do need to stick to their overall plan.
5, Share Creations
Get all pupils to place their creations in full screen mode allow pupils plenty of time to try one other per-
sons story. They will notice that once they have finished it is difficult to go back to the start. Challenge
the class to create a start again button that takes you back to the first scene. Allow pupils time to make
this.
6, Evaluate Programs
Now hand out a post it note for every scratch creation. Pupils can evaluate each others work using two
stars and a wish, two things they like and one thing to improve. Insist that all comments are very specific.
Give pupils time to respond to the improvements or there is not much point in doing this.

More Related Content

PDF
Coding Basics with Scratch
PDF
Scratchjr 1
PDF
Scratch Animation
PPT
Scratch Lesson 3 - Interactivity
PPTX
Scratch Programming
PPTX
Lecture 1.pptx
PPT
Scratch Lesson 2 – Paint Editor
PPT
Scratch for Data Logging and Graphing
Coding Basics with Scratch
Scratchjr 1
Scratch Animation
Scratch Lesson 3 - Interactivity
Scratch Programming
Lecture 1.pptx
Scratch Lesson 2 – Paint Editor
Scratch for Data Logging and Graphing

What's hot (20)

PPT
Scratch for intermediates course
PPT
Intro To Scratch
PPTX
PPT
Introduction to Scratch Programming
PPTX
Scratch: Programming for everyone
PPT
Scratch Project
PPTX
Scratch Lesson 1
PDF
scratch course-part1-2023.pdf
PPT
Scratch Lesson 1 – Basics
PPTX
Bee bot presentation 02-2013
PPTX
Programming in scratch
PPT
Mini Scratch Unit
PPTX
Scratch Basics
PPTX
Lesson 1: Scratch Computer Programming
PPTX
Computer Coding with Scratch: Lesson 2_primaryschoollessons
PPTX
Scratch Lesson 6
PPTX
Scratch Lesson 2
PDF
scratch-3-tutorial.pdf
PPTX
Scratch programming introduction to game creation
PPT
Powerpoint exercise
Scratch for intermediates course
Intro To Scratch
Introduction to Scratch Programming
Scratch: Programming for everyone
Scratch Project
Scratch Lesson 1
scratch course-part1-2023.pdf
Scratch Lesson 1 – Basics
Bee bot presentation 02-2013
Programming in scratch
Mini Scratch Unit
Scratch Basics
Lesson 1: Scratch Computer Programming
Computer Coding with Scratch: Lesson 2_primaryschoollessons
Scratch Lesson 6
Scratch Lesson 2
scratch-3-tutorial.pdf
Scratch programming introduction to game creation
Powerpoint exercise
Ad

Similar to Scratch jr 3-code-it-storyks1scratchjunior (20)

PPT
Math Integration
PDF
Drupal Camp Accessibility Presentation 2013
KEY
Matrix PD - Create IT A
PPTX
Blogging for Business 101
PPTX
Chunking and storyboarding
PDF
Digital Kits in a Web 2.0 World
PPTX
User stories applied ch4
PPTX
Google Drawing
PPT
Computers Instructional Tools
PDF
AI as an assistant in our everyday work, Salto 5.12.24
PPTX
Edu 653 be a habitat superhero lesson plan
PDF
Tools and Resources for Transition from Libraries to Wider Community Use Cent...
PPT
Beyond Usability
DOCX
ICT teaching and learning framework updates by john mc lear
PDF
Design Process | Tool 02: Scenario - Tool 03: Wireframe
DOCX
Portfolio version 1
PPTX
Integrating iPad
PPTX
Major Studio Final Presentation: Delirium Control
PDF
Digital social story
PPT
Ites Scratch Software Review
Math Integration
Drupal Camp Accessibility Presentation 2013
Matrix PD - Create IT A
Blogging for Business 101
Chunking and storyboarding
Digital Kits in a Web 2.0 World
User stories applied ch4
Google Drawing
Computers Instructional Tools
AI as an assistant in our everyday work, Salto 5.12.24
Edu 653 be a habitat superhero lesson plan
Tools and Resources for Transition from Libraries to Wider Community Use Cent...
Beyond Usability
ICT teaching and learning framework updates by john mc lear
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Portfolio version 1
Integrating iPad
Major Studio Final Presentation: Delirium Control
Digital social story
Ites Scratch Software Review
Ad

More from Fajar Baskoro (20)

PPTX
Pengembangan Basis Data untuk Web Application.pptx
PPTX
Presentasi untuk video Pitch Deck Vlog Pervekt SMK 2025.pptx
PPTX
Sosialisasi Program Digital Skills Unicef 2025.pptx
PDF
DIGITAL SKILLS PROGRAMME 2025 - VERSI HZ.pdf
PDF
Digital Skills - 2025 - Dinas - Green Marketplace.pdf
PDF
Pemrograman Mobile menggunakan kotlin2.pdf
PPTX
Membangun Kewirausahan Sosial Program Double Track.pptx
PPTX
Membangun Kemandirian DTMandiri-2025.pptx
PDF
Panduan Entry Nilai Rapor untuk Operator SD_MI 2025.pptx (1).pdf
PDF
JADWAL SISTEM PENERIMAAN MURID BARU 2025.pdf
PPTX
Seleksi Penerimaan Murid Baru 2025.pptx
PPTX
Pengembangan Program Dual Track 2025-2.pptx
PPTX
Pengembangan Program Dual Track 2025-1.pptx
PDF
PETUNJUK PELAKSANAAN TEKNIS FESV RAMADHAN 2025.pdf
PPTX
Pengembangan Entrepreneur Vokasi Melalui PERFECT SMK-Society 50 .pptx
PPTX
PERFECT SMK 6 - Strategi Pelaksanaan.pptx
PPTX
Program Dual Track Kalimantan Timur 2025.pptx
PDF
Contoh Proposal konveksi untuk Program Magang Kewirausahaan.pdf
PPTX
Pengembangan Program Digital Skills - 2025.pptx
PPTX
PPT-Proyek Magang Kewirausahaan Double Track.pptx
Pengembangan Basis Data untuk Web Application.pptx
Presentasi untuk video Pitch Deck Vlog Pervekt SMK 2025.pptx
Sosialisasi Program Digital Skills Unicef 2025.pptx
DIGITAL SKILLS PROGRAMME 2025 - VERSI HZ.pdf
Digital Skills - 2025 - Dinas - Green Marketplace.pdf
Pemrograman Mobile menggunakan kotlin2.pdf
Membangun Kewirausahan Sosial Program Double Track.pptx
Membangun Kemandirian DTMandiri-2025.pptx
Panduan Entry Nilai Rapor untuk Operator SD_MI 2025.pptx (1).pdf
JADWAL SISTEM PENERIMAAN MURID BARU 2025.pdf
Seleksi Penerimaan Murid Baru 2025.pptx
Pengembangan Program Dual Track 2025-2.pptx
Pengembangan Program Dual Track 2025-1.pptx
PETUNJUK PELAKSANAAN TEKNIS FESV RAMADHAN 2025.pdf
Pengembangan Entrepreneur Vokasi Melalui PERFECT SMK-Society 50 .pptx
PERFECT SMK 6 - Strategi Pelaksanaan.pptx
Program Dual Track Kalimantan Timur 2025.pptx
Contoh Proposal konveksi untuk Program Magang Kewirausahaan.pdf
Pengembangan Program Digital Skills - 2025.pptx
PPT-Proyek Magang Kewirausahaan Double Track.pptx

Recently uploaded (20)

PDF
Upgrade and Innovation Strategies for SAP ERP Customers
PDF
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
PDF
How Creative Agencies Leverage Project Management Software.pdf
PDF
top salesforce developer skills in 2025.pdf
PPTX
Operating system designcfffgfgggggggvggggggggg
PDF
Adobe Illustrator 28.6 Crack My Vision of Vector Design
PDF
Internet Downloader Manager (IDM) Crack 6.42 Build 42 Updates Latest 2025
PDF
Understanding Forklifts - TECH EHS Solution
PDF
Odoo Companies in India – Driving Business Transformation.pdf
PPTX
Oracle E-Business Suite: A Comprehensive Guide for Modern Enterprises
PPTX
VVF-Customer-Presentation2025-Ver1.9.pptx
PDF
Nekopoi APK 2025 free lastest update
PDF
Softaken Excel to vCard Converter Software.pdf
PDF
T3DD25 TYPO3 Content Blocks - Deep Dive by André Kraus
PPTX
Essential Infomation Tech presentation.pptx
PDF
How to Migrate SBCGlobal Email to Yahoo Easily
PDF
PTS Company Brochure 2025 (1).pdf.......
PDF
EN-Survey-Report-SAP-LeanIX-EA-Insights-2025.pdf
PPTX
L1 - Introduction to python Backend.pptx
PDF
Raksha Bandhan Grocery Pricing Trends in India 2025.pdf
Upgrade and Innovation Strategies for SAP ERP Customers
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
How Creative Agencies Leverage Project Management Software.pdf
top salesforce developer skills in 2025.pdf
Operating system designcfffgfgggggggvggggggggg
Adobe Illustrator 28.6 Crack My Vision of Vector Design
Internet Downloader Manager (IDM) Crack 6.42 Build 42 Updates Latest 2025
Understanding Forklifts - TECH EHS Solution
Odoo Companies in India – Driving Business Transformation.pdf
Oracle E-Business Suite: A Comprehensive Guide for Modern Enterprises
VVF-Customer-Presentation2025-Ver1.9.pptx
Nekopoi APK 2025 free lastest update
Softaken Excel to vCard Converter Software.pdf
T3DD25 TYPO3 Content Blocks - Deep Dive by André Kraus
Essential Infomation Tech presentation.pptx
How to Migrate SBCGlobal Email to Yahoo Easily
PTS Company Brochure 2025 (1).pdf.......
EN-Survey-Report-SAP-LeanIX-EA-Insights-2025.pdf
L1 - Introduction to python Backend.pptx
Raksha Bandhan Grocery Pricing Trends in India 2025.pdf

Scratch jr 3-code-it-storyks1scratchjunior

  • 1. This work is licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by- nc/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Story Programming Computer Science Concepts -All programming is an algorithm turned into code. Not all algorithms become code though. -Algorithms are the thinking before you code. Where the user thinks what they want to happen and what order they want it to happen in. Algorithms are written, but pupils can engage in proto algorithmic activities by talking about what they want to happen. -Programming is where we turn that algorithmic thinking into something that works on a digital device Planning Aim Turn a story algorithm into a multiple scene story program 1, Share the Module Vision Basically this is where you briefly share that your class are going to program stories using Scratch Jr. You need to introduce the hook that you are going to use. My most recent Y1 & Y2 classes used Fairy tales and Winnie the Witch as that was their most recent literacy themes but I am sure you will have even better hooks. Explain that you are going to think through great events from your chosen hook and experiment how to make Scratch Jr characters speak, hide/show, move, reset, grow/shrink and change scenes. Explain that next session armed with these ideas you will create an algorithmic story planner and then code their stories the session after. Learning Path code-it.co.uk 2, Explore Story Effects in Scratch Jr 3, Create Story Algorithm 4, Turn Story Algorithm into Scratch Jr Code 5, Share Creations 6, Evaluate Programming 1, Share the Module Vision Resources Tablet Computers, Vision Slides, Algorithmic planning slides, algorithmic planner x? 2, Explore Story Effects in Scratch Jr Many children will think that they are starting to create their story at this point so be sure to ex- plain that this is a trial run to explore story pro- gramming. You may even want to focus your cre- ation on another area. Add Characters Can pupils import lots of characters? Give them time to figure this out themselves and then give a masterclass for those that need it. Plus button top right Don’t help pupils too quickly as you take a way their struggle and learning opportunities!
  • 2. This work is licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by- nc/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. code-it.co.uk Story Programming Page 2 2, Explore Story Effects Continued Delete Characters Can pupils work out how to delete characters that they no longer want? Hold finger on the middle of the icon and it will start to wobble. Then press the red cross to delete. Rename a Character To rename the character (sprite/picture) press the paintbrush on the sprite and then rename in the painting screen at the top. Make characters talk when you touch them Challenge pupils to work out how they can program sprites to talk when they are touched. There are other methods to trigger speech but they do increase the complexity a lot. Speech Bubble The length the speech bubble lasts for increases as the length of the text increases. Record Sound File Make characters disappear Challenge pupils to make a sprite disappear when you touch it and then reappear. Make a character flash show hide & repeat
  • 3. This work is licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by- nc/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. code-it.co.uk Story Programming Page 3 2, Explore Story Effects Continued Challenge pupils to make a character larger when touched Challenge them to make a character smaller when touched Challenge them to return the character back to its original size Finally can they make a character walk and then decrease in size Add Text Show pupils how to add text at the top of a scene. Ask them when they might use this in a story. You might want to use a favourite picture book to illustrate this. Touch the ABC icon to bring up the text editor. Note the AAA font size editor and the bucket for colour Once text is created you can drag it to where ever you need it Can it be easily read? Does the background help you to read the text? Moving from one scene to another To create a new scene you touch the plus + icon in the top right of the program. This creates a blank scene which the user can change using the background editor. Background Editor
  • 4. This work is licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by- nc/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. code-it.co.uk Story Programming Page 4 2, Explore Story Effects Continued Creating a button to move onto the next scene You need to have added a new scene Create a new forward button (see below) Create code to move the story on Use the triangle tool, line thickness tool, rotate tool and fill tool to create a move the story on sprite
  • 5. This work is licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by- nc/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. code-it.co.uk Story Programming Page 5 3, Create a Story Algorithm This is the part of the planning process when it is best to move away from the tablets and concentrate on the story and the effects you want to use. If you skip this process you end up with disjointed unconnect- ed stories that have lots of effects but little literacy substance. Explain to your pupils that they are now going to plan a story. You could do this in pairs or plan individu- ally, my personal favourite involves personal planning with a discussion partner but you know your pupils best. Hand out the planning sheet (There are two to choose from and I have left the template so you can adapt your own) Use the slides to go through the type of planning symbols to use. I found it took 45 minutes plus to create a good planner. If pupils know that the tablet is there for them to go straight onto when they have finished they will often try to cut corners so my top tip is save step 4 for another session. One of the planning slides
  • 6. This work is licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by- nc/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. code-it.co.uk Story Programming Page 6 4, Turn story algorithm into Scratch Jr Code Allow pupils plenty of creation time to turn their story algorithm planners into Scratch Jr code. Lead small group masterclasses on any aspect that pupils have forgotten from part 2. Explain that it is fine for pupils to adapt/modify their story but they do need to stick to their overall plan. 5, Share Creations Get all pupils to place their creations in full screen mode allow pupils plenty of time to try one other per- sons story. They will notice that once they have finished it is difficult to go back to the start. Challenge the class to create a start again button that takes you back to the first scene. Allow pupils time to make this. 6, Evaluate Programs Now hand out a post it note for every scratch creation. Pupils can evaluate each others work using two stars and a wish, two things they like and one thing to improve. Insist that all comments are very specific. Give pupils time to respond to the improvements or there is not much point in doing this.