Sep 112023
 

Typing.com

Book covers

    1. Go to “my files”, “shared files”, your class folder
    2. Open Stormbreaker book cover
    3. Use the tools in j2e to copy one of them as accurately as possible.

Decomposition

We will start with the cover background colour and build it up in layers.  Break the problem down – decomposition

1 Cover shape, blocks and colour

  • Trace the shape of the whole book cover with the rectangle tool
  • Do the same for the red bar at the bottom
  • Select each shape and change the colour by using “fill”

2 Text

Continue reading »

Jan 252023
 

Success criteria

  • All information and pictures onto j2e5 page
  • Info and pictures on correct pages
  • Range of information in sections
  • References = list of websites used

Skills

  • Find useful websites
  • Use keywords to find specific information
  • Right-hand click to “copy image” OR drag image to j2e5 tab
  • Hightlight text then Right-hand click to “copy”
  • “Ctrl v” to paste into j2e5
  • Turn pages in j2e5
Jan 062023
 

How to make a page border in j2e5

Success steps

  • log into j2e
  • insert picture
  • select multiple items by dragging
  • click ond drag items to move them
  • use duplicate button

Challenge – once you have made a border like in the video, can you:

  • create a double border using a different picture
  • use the image search in j2e for another image of an old toy

Next steps – create our own pictures in an art program, save and insert them into j2e.

Jan 022023
 
  1. 5 minutes of touch typing
  2. This term’s project big picture
  3. Learning journey
    • Look at boxes
    • Nets
    • Researching box styles
    • creating nets
    • Decorating in 40’s style
    • cutting, scoring and gluing box

1 Look at boxes

  • What makes it interesting?
  • Why is it that shape?
  • How many sides? What shapes?
  • Does it have a lid?
  • How does it open?

2 Explore nets

  • Goto Polypad (one of the Mathigon tools)
  • Drag out some 3d solids and unfold them to see their nets. This only shows one net – there are different nets for the same 3d shapes.
  • Create your own nets by dragging out 2d shapes then selecting and folding to make 3d shapes.
  • Do a Google image search for “3d shapes nets”. Copy and paste useful examples to a j2e5 page.

3 Research WW2 boxes

  • Search for example of boxes from WW2 times
  • Copy and paste useful examples to a j2e5 page

4 Creating nets

  • Decide on a box shape
  • in j2e5, create the net with gluing tabs
  • if in doubt, include a tab – you can always cut it off if you don’t need it
  • Make sure shapes are exactly sized and positioned – very small mistakes will mean your net doesn’t fold up.
  • include your name on the page

5 Create box design – draw shapes, write and style text

  1. Look at your research into 19040s boxes
  2. Write the text for the box
    • company, product name, slogan, information….
    • make it realistic (but you may need to make it up)
  3. Choose fonts and colours
  4. Draw graphics
    • background, stripes, shapes, logo
    • You are designing it, so no Google images

Sucess criteria

  • Name on sheet
  • Save as “P2P…..box” or “S2P….box” or “W2P….box” (Pine/Spruce/Willow to print)
  • Get rid of any spare pages – it should be just one page
  • Accurate box net
  • Gluing tabs
  • Product name and company on most sides
  • Adveritsing slogan
  • Information
  • Logo or simple shapes/colours
  • Fonts and colours chosen carefully
  • Net filled in a colour (unless it is white) – not whole page coloured

6 Cut, score, glue final box

  1. Cut out

Finished?

  • Check success criteria carefully
  • Go to iLearn2 login page
  • Login with code on the whiteboard
  • Work through the unit using Google Slides

2023 Boxes

Sep 122022
 

Typing

Salsibury Book cover 1

  1. Go to “my files”, “shared files”, your class folder
  2. Open Salisbury book cover
  3. Trace the outline and the three blocks using the rectangle tool
  4. Change the outline and fill to be the right colour
  5. Add the text
  6. Get the picture from shared pictures – crop and resize to the right size.
  7. Send it underneath using the layers buttons

Salisbury book covers 2 and 3

  1. Open “Salisbury book cover 2”
  2. Arrange the elemnts to match the book cover.
  3. You will nned to
    1. Crop the image = drag the blue squared on the sides/top/bottom
    2. Resize the image = drag the corner blue squares
    3. Resize the text

Finished? Have a go at Salisbury book cover 3

Salisbury book cover (with the reflection)

  • Go back to the first book cover.
  • Try to search Google images for a good image
  • Or, use the image in shared images in j2e5
  • For the text, use Cool Text
  • In j2e5 stretch the text to the right size by holding the “shift key as you drag.

iLearn2

Internet Research – code on the board.

Sep 072022
 

New year – expectations

Typing

j2launch

  • Shared files – Stormbreaker book cover
  • Copy
    • the book shape
    • Red bar at the bottom
    • Text
    • Match colours
Sep 012022
 

LF: j2e tools

  1. Go to “my files”, “shared files”, your class folder
  2. Open the Salisbury book cover and edit
  3. Use the tools in j2e to copy it as accurately as possible.

Steps:

  1. Trace the shape of the cover.  Do the same for each rectangular block.   Break the problem down – DECOMPOSITION
  2. Finding the picture:  Use 3 OR 4 KEY SEARCH WORDS to find an exact picture match
  3. Copy and paste images from the Google Chrome (or drag onto j2e page)
  4. Choose fonts carefully
  5. Use layers (like a paper collage) = piles of paper tools bottom right
  6. Keep improving…

Useful tools…?

Stormbreaker sphere video:  https://drive.google.com/open?id=17c6qWtFTbxyR4Oob5jG59-uxL6naW2ti

Finished?

Have you copied the book cover exactly?

  • Layout
  • Spacing
  • Colours
  • Pictures
  • Fonts
  • Positioning

Choose a contrasting book cover to copy.

What have you learned about good cover design?

Jun 082022
 

LF3 Choose the style of your website

  • Carefully think about how you want your website to look – each page should have a consistent style
  • Choose
    • 1 or 2 fonts
    • A few colours that go well together
    • A layout that stays roughly the same on each page
    • Standard link buttons
  • ** How can you make your website accessible – easy for all people to read, eg visually impaired, dyslexic…? https://www.searchenginejournal.com/make-website-more-accessible/347450/

https://color.adobe.com/create/color-wheel

LF2 Link pages and to websites

  1. Create a header that will be on each page
  2. Create all of the pages you need by cloning your header page
  3. Rename your pages by clicking the pages icon
  4. Right click each page or click the little arrow and rename each page
  5. Link pages
    1. Create a button – could be a word, image or combination
    2. Select – link
    3. Type “# page name” in the link and then “ok”

How many links did you make today?

LF1 Explore tools and elements

  • What makes a good information website?
  • What interactive elements could we use in j2e5?
  • How can you inspire your audience to do something asa result of viewing your website?
  • Topics
    • People that changed the world
      • charity – Mother Theresa, Malala, Desmond Tutu, World Food Program
      • environment – Greta Thunberg, David Attenborough, Steve Backshaw
      • inventors/scientists – early cars, planes, medicine,
    • Nature
      • Endangered animals, animals
      • Habitats under threat – Amazon Rainforest, Antarctica, Oceans

LF2 Create a site map

  • Start a new j2e5 page
  • Put your main title on the page, eg Siberian Tiger
  • start a new page and title it : Site map
  • Click the pages icon and rename these pages: Home and Site map
  • Make your site map page a mindmap of pages that you will have on your website
  • Save your j2e5 page as eg Siberian Tiger website. (Make sure you use the word website)

Future lessons/ideas

  • Share with QR code flyer
  • Embed content eg Scratch games, JIT5 animation