Python Lesson 1

L/O: To understand and be able to use basic Python Syntax

Starter - 10 minutes

Kahoot - how much do you know now?
Use a memorable name...we will try again another day!

Main - 45 minutes

RED TASK

• Create a Folder in Sites/Computer Science called Python Training
• Open a new file in IDLE to start coding...
• Log into your email and take a look at your Google Classroom at your first assignment

AMBER TASK

• From the Start menu select ALL PROGRAMS > ICT & BUSINESS > IDLE (Python GUI)
• For each new program created you have to start a new Python file by clicking File > New
• Save each program you make in your new Python Training folder

GREEN TASK

• Follow the steps in the tutorial below to understand how to use the print function

 

EXT TASK

• Create your own programs that output your favourite food/sports/films. Remember to save each as a new file.
• Sign up to Codecademy.com
• Can you research how you will be able to allow the user to input some information?

Plenary

• What did you create this lesson?
• What function did you use?
• What does it do?
• Have you learnt anything new?
• Did you get any errors?

10M3 COVER 11/5/16

L/O - To be able to work out the sums in order to complete the pixel art!

Starter

You are going to create some pixel art today. But first you must work out the sums to find out which colours need to be drawn!

Choose a character to start with and take a sheet:

• Kirby
• Princess Leia
• Sonic the Hedgehog
• Super Mario

Main

RED TASK

Complete one character

AMBER TASK

Complete two characters

GREEN TASK

Complete three characters

EXT TASK

Create you own character for someone else to colour in! **you need to work out the maths first!

Plenary

Swap characters and give feedback

10M3 COVER

L/O - To develop your web authoring skills through a discussion regarding 'top exam tips'

Starter

Jot down 10 top tips you would give someone taking the ICT web exam this week

Main 

Your Task 1:

Design a top tips poster in Adobe InDesign, Microsoft Publisher, Adobe Photoshop or paper

Here are my tips:

1. Highlight / under line the 20 requirements in the paper
2. When creating a new template remember the '2/6/11' rule.... Blank Template 2 / HTML 6 / 2 column left liquid 11
3. Think about audience / purpose for every decision
4. 6 marks in evaluation = make 6 different points
5. Should only have one template file (in templates sub-folder)
6. Web pages must be HTML files.
7. No marks for ASP pages :-(

Your Task 2:

1. Read through the how to guide at: goo.gl/620crB 
2. Watch the video tutorials at: goo.gl/5GJqNm

Plenary

Share your tips and posters with others - eRefs and Epic Wall!!

Web Exam: Top tips poster

L/O - To develop your web authoring skills through a discussion regarding 'top exam tips'

Starter

In pairs, discuss 10 top tips you would give someone taking the ICT web exam next week

Main 

Design a top tips poster in Adobe InDesign, Microsoft Publisher or Adobe Photoshop
Here are my tips:

1. Highlight / under line the 20 requirements in the paper
2. When creating a new template remember the '2/6/11' rule.... Blank Template 2 / HTML 6 / 2 column left liquid 11
3. Think about audience / purpose for every decision
4. 6 marks in evaluation = make 6 different points
5. Should only have one template file (in templates sub-folder)
6. Web pages must be HTML files.
7. No marks for ASP pages :-(

Plenary

Share your tips and posters with others - eRefs and Epic Wall!!

Top Tips

L/O: To be able to work on an exam paper in preparation for your web exam

OUTCOME: You will have worked your way through the exam and feel more confident

Starter - 10 minutes

1. Create a new folder and call it 'Final Practise'
2. Open Adobe Dreamweaver
3. Manage your sites!! 'Sites - Manage Sites' and choose the Final Practise folder and click ' Select' (DO NOT select any other folder!!)
4. Create a new template and 5 pages from it
5. Work through the RAG tasks below!

Main - 50 minutes

RED TASK

Put some images inside the folder

How to crop an image in Photoshop:

AMBER TASK
How to change the size of an image in Dreamweaver:

How to position an image/text wrap in Dreamweaver:

GREEN TASK 

Put some video inside the folder

How to embed a video in Dreamweaver:
Click on your chosen page in the design view and go to 'Insert --> Media --> Plugin'

 Choose movie.mov

 Click on the video in your design view and change the size to be a 4:3 ratio i.e. 400x300

 Click on 'Parameters

 Add the 'autoplay' parameter and make it 'false'

Extension Task

Complete an evaluation of your microsite using the EVALUATION.doc (6 marks)

Grubalicious: Lesson 3 of 3

To develop web development skills using a past paper

Starter

1. Open Adobe Dreamweaver
2. Manage your SITES to your DA201_1601_ASSETS - Final folder inside your Grubalicious folder
3. Open your template.dwt from last lesson

Main

RED

Read through the exam paper you have been again
Create the website following the specifications listed in the exam paper

AMBER

If you weren't here last lesson: 
Create the banner in suitable software and save in a suitable format 

GREEN

Follow the guidance below to practice your skills if you need to:

How to Guide:

How to Video Playlist:

Plenary

Review your progress against the mark scheme in the Assets folder and set yourself two targets for improvement next lesson

Grubalicious: 20 marks!

L/O To apply your web development skills to the Grubalicious past paper

Starter

Read the exam paper thoroughly and in groups, find the 20 marks available under the categories on the worksheet and write them down

Main

RED TASK
Make sure that your template is complete:
Width to 100%
Banner with:
Logo
A suitable image
Colour scheme
Editable Region
3 buttons in the colours asked for
Footer with:
Smaller version of logo
email address with link
Twitter and face book logos with links

AMBER TASK
Create the 5 pages that you need for the Escapades Website
Home
About Us
Activities Page
Tree Tops Escapades Page
Junior Escapades Page

GREEN TASK
Use the INFO word document to add suitable information to each page
Read the exam paper to see which ASSETS must be used:
BROCHURE.png as a rollover on the activities page
SCHOOL_TRIPS.png in box on the About Us page
HOW_TO_FIND_US.bmp on the About Us page
VIDEO.avi on the homepage
Use the ASSETS folder to another other suitable images to each page that you want to include

EXTENSION TASK
Open the evaluation word doc and write an evaluation of your Escapades website

Plenary

Open your homepage.html in Chrome - does it work?

Web Exam: Grubalicious Lesson 2

To develop web development skills using a past paper

Starter

1. Open Adobe Dreamweaver
2. Manage your SITES to your Grubalicious folder
3. Open your template.dwt from last lesson

Main

RED

Read through the exam paper you have been again
Create the website following the specifications listed in the exam paper

AMBER

If you weren't here last lesson: 
Create the banner in suitable software and save in a suitable format 

GREEN

Follow the guidance below to practice your skills if you need to:

How to Guide:

How to Video Playlist:

Plenary

Review your progress against the mark scheme in the Assets folder and set yourself two targets for improvement next lesson

Web Exam: Grubalicious Lesson 1

To develop web development skills using a past paper

Intro

How did you do in the mock exam? Where did you lose marks?

Starter

1. Create a folder in SITES called Grubalicious
2. Download the resources you will need to the past paper by clicking here
3. Extract the resources to SITES > Grubalicious

Main

Over the next three lessons you will be following a practice web exam paper

RED

Read through the exam paper you have been given before you start

AMBER

Create the banner in suitable software and save in a suitable format

GREEN

Create the website following the specifications listed in the exam paper

You can follow the guidance below to practice your skills if you need to:

How to Guide:

How to Video Playlist:

Plenary

Review your progress against the mark scheme in the Assets folder and set yourself two targets for improvement next lesson

Cover for 10mIs3

L/O - To develop your knowledge of coding and learn how to code

OUTCOME - You will work your way through the different coding activities

RED

Go to studio.code.org/s/frozen and work your way through as many levels as you can

AMBER

Go to www.codecombat.com and work your way through as many levels as possible (log into your Wildern email and sign in with Google+)

GREEN

Go to code.org/starwars and work your way through as many levels as possible

Last lesson before your web exam!!

L/O - To continue to develop an understanding of the web exam - To evaluate your website design

OUTCOME: You will complete the evaluation for the practice exam for 4 Toonz Radio this lesson

Computing Focus Week Starter

Starter - 5 minutes

1. Read through the 4Toonz Radio exam paper again (HERE as well as the paper copy in the drawer) - what do you need to do today?? Write yourself a list if this helps!
2. Manage your sites - YOU MUST DO THIS FIRST!!!
3. Take another look at the example website
4. Lastly, take look at the paper copy of the Exam Guide (or if you prefer, use the digital copy HERE)

Main - 50 minutes

RED TASK

You should have these already but CHECK!!:

1. Manage Sites
2. Open your template and make sure that the width is set to 100%
3. Edit the template colour scheme to match the brief
4. Ensure that you have a navigation bar and that the template is saved as a template
5. Create a suitable banner using appropriate software (make it 1024 x 250 pixels)
6. Add the banner to your page -100% width
7. Create the pages you will need from your template
8. Link your pages together using the required structure
9. Read the exam and add the required content to your pages
10. Take a look at the example website and see if you have missed anything required

AMBER TASK

Complete the evaluation (inside your ASSETS folder called evaluation.doc). Try to write at least THREE paragraphs!

GREEN TASK

Have a go at marking your own work

Plenary - 5 minutes

Test your website
Does it work as expected?
What do you need to do next?

Mock Mock Exam L3 of 3

L/O - To continue to develop an understanding of the web exam - To evaluate your website design 

OUTCOME: You will complete the evaluation for the practice exam for 4 Toonz Radio this lesson

Starter - 5 minutes

1. Read through the 4Toonz Radio exam paper again (HERE as well as the paper copy in the drawer) - what do you need to do today?? Write yourself a list if this helps!
2. Manage your sites - YOU MUST DO THIS FIRST!!!
3. Take another look at the example website
4. Lastly, take look at the paper copy of the Exam Guide (or if you prefer, use the digital copy HERE)

Main - 50 minutes

RED TASK

You should have these already but CHECK!!:

1. Manage Sites
2. Open your template and make sure that the width is set to 100%
3. Edit the template colour scheme to match the brief
4. Ensure that you have a navigation bar and that the template is saved as a template
5. Create a suitable banner using appropriate software (make it 1024 x 250 pixels)
6. Add the banner to your page -100% width
7. Create the pages you will need from your template
8. Link your pages together using the required structure
9. Read the exam and add the required content to your pages
10. Take a look at the example website and see if you have missed anything required

AMBER TASK

Complete the evaluation (inside your ASSETS folder called evaluation.doc). Try to write at least THREE paragraphs!

GREEN TASK

Have a go at marking your own work

Plenary - 5 minutes

Test your website
Does it work as expected?
What do you need to do next?

Mock Mock Exam: L1 of 3

L/O - To develop your knowledge of the mock web exam

Number Day Starter

See Powerpoint

Starter

Read the exam paper - what is it asking you to do? Plan your website!

Main

1. Open your Wildern email
2. Go to your 10m3 Google Classroom
3. Download the 4Toonz Radio folder
4. Extract the files into your Sites folder
5. Open Adobe Dreamweaver and manage your sites to this folder
6. Take the exam!

Plenary 

How did you do?

eSafety

L/O - To develop your understanding of eSafety

Starter

Watch the video HERE

Main

Complete the survey HERE

Create a poem - the top 3 receive shopping vouchers! Use Word, Photoshop or storybird.com

Plenary 

Showcase!

Developing Web Products - Build Your Own Revision Website 6

L/O - To learn how to create and link pages from a template in Dreamweaver; adding content to these pages

Starter

Test your website
Open your homepage in Chrome or Internet Explorer
Does it all work correctly? Do you need to change / fix anything?

Complete the skills confidence checklist (collect one from your cover teacher)

Main

RED TASK - Creating a roll-over image

Save these two images into your Exam Revision Website Images folder as Rollover1 and Rollover2:

Open your 'How to insert an image' page in Adobe Dreamweaver
Have a go at inserting the two images you've saved as roll-over images


AMBER TASK - Add more images
Add more images to your HTML pages!
Add explanations and *screenshots* to the first two pages of your website:

• How to make a template
• How to make pages from template

Make sure any images that you use are saved in the IMAGES folder as PNG or JPEG

**use the snipping tool to make these easily!!**

GREEN TASK - Add More Content

Add email links/links to websites. Use these videos to help:

EXT

Learn some HTML HERE

Plenary

Test your website
Open your homepage in Chrome or Internet Explorer
Does it all work correctly? Do you need to change / fix anything?

Complete the skills confidence checklist

Developing Web Products - Build Your Own Revision Website 5

L/O - To learn how to create and link pages from a template in Dreamweaver; adding content to these pages

Starter

Thunk:

Could a computer program ever write a book that makes you cry?

Main

RED TASK - Create Pages from Your Template

Create the following pages from your template
Homepage
How to Make a Template
How to Make pages from a template
How to Insert an Image
How to Make a Link
How to Change the Screen Resolution
How to Embed Media
Visual Accessibility
Helpful Websites
Make sure that you save each page with a suitable filename
Create a link to each of your pages in the navigation bar


AMBER TASK - Add images
Add explanations and *screenshots* to the first two pages of your website
How to make a template
How to make pages from template
Make sure any images that you use are saved in the IMAGES folder as PNG or JPEG

**use the snipping tool to make these easily!!**

GREEN TASK - Add Content

Use these videos to help:

Plenary

Test your website
Open your homepage in Chrome or Internet Explorer
Does it all work correctly? Do you need to change / fix anything?

Complete the skills confidence checklist

Developing Web Products - Build Your Own Revision Website 4

L/O - To learn how to create and link pages from a template in Dreamweaver; adding content to these pages

Starter

Thunk:

Is a computer more intelligent than the person who designed and built it???
https://www.youtube.com/watch?v=WFR3lOm_xhE

Main

RED TASK - Create Pages from Your Template

Create the following pages from your template
Homepage
How to Make a Template
How to Make pages from a template
How to Insert an Image
How to Make a Link
How to Change the Screen Resolution
How to Embed Media
Visual Accessibility
Helpful Websites
Make sure that you save each page with a suitable filename
Create a link to each of your pages in the navigation bar


AMBER TASK - Add images
Add explanations and *screenshots* to the first two pages of your website
How to make a template
How to make pages from template
Make sure any images that you use are saved in the IMAGES folder as PNG or JPEG

**use the snipping tool to make these easily!!**

GREEN TASK - Add Content

Use these videos to help:

Plenary

Test your website
Open your homepage in Chrome or Internet Explorer
Does it all work correctly? Do you need to change / fix anything?

Complete the skills confidence checklist

Developing Web Products - Build Your Own Revision Website 3

L/O - To learn how to create and link pages from a template in Dreamweaver; adding content to these pages

Starter

Thunk:

If a self-driving car crashes, who is to blame???

Take a look at the examplar website below and HERE

Main

RED TASK - Create Pages from Your Template

Create the following pages from your template
Homepage
How to Make a Template
How to Make pages from a template
How to Insert an Image
How to Make a Link
How to Change the Screen Resolution
How to Embed Media
Visual Accessibility
Helpful Websites
Make sure that you save each page with a suitable


AMBER TASK - Link Your Pages

Create a link to each of your pages in the navigation bar


GREEN TASK - Begin To Add Content

Add explanations and *screenshots* to the first two pages of your website
How to make a template
How to make pages from template
Make sure any images that you use are saved in the IMAGES folder as PNG or JPEG

**use the snipping tool to make these easily!!**

Plenary

Test your website
Open your homepage in Chrome or Internet Explorer
Does it all work correctly? Do you need to change / fix anything?

Complete the skills confidence checklist

Cover for 10M3

L/O - To develop your understanding of input, output and storage devices

Starter

Complete the crossword (the teacher will give you the answers at the end for your to Green Pen Mark each other's)

Main

RED

Complete the 'What kind of device am I' worksheet

AMBER

Complete the 'Identify these devices/Input or Output' worksheet

GREEN

Using plain paper, create a poster informing me about input, output and storage devices. The best THREE will receive eRefs!

Plenary 

Green Pen Mark your work