Y4 How do I link webpages with hyperlinks?

Jan 042017
 
  1. Create and save two pages in j2e5:
    1. Page 1
    2. Page 2
  2. On Page 1 you need
    1. Title:  “Page 1” – make it big!
    2. “Link to page 2”
  3. On Page 2 you need
    1. Title:  “Page 2” – make it big!
    2. “Link to page 1”
  4.  Making the hyperlinks:
    1. Select “link to page 2”
    2. Click “link” on the tool panel
    3. Click “browse…”
    4. Select Page 2
    5. Click “ok”
    6. SAVE
  5. Testing the link
    1. Make sure you have saved
    2. Click “view”
    3. Click on the link
    4. If it doesn’t work, try step 4 again.
  6. Now create the link back to page 1 from page 2
  7. Can you make a button with shapes and text?
  8. Add a link to my blog:  https://st-marks-wilts-sch-uk.j2bloggy.com/MrWs-Computing-Blog/

Christmas Card by Marnie

Dec 172016
 

Marnie created this computer-generated Christmas card using repeat, lists and random commands, following a set of instructions.
(Click on the pop-out button to see her code)

 

Y56 The Great LOGO Christmas Tree Challenge!

Nov 282016
 

LQ How do I debug LOGO code?

  1. Work your way through these files
  2. Open
  3. Debug
  4. Save

Success Steps

  • Read code as a set of instructions – step by step
  • Spot spelling mistakes
  • Edit and play to test changes

LQ How can I decorate a LOGO Christmas tree?

  1. Open this file
  2. Think about what you could add to decorate the tree (bauble, star, bell, present, angel, tinsel….)
  3. For each item, make a procedure, eg
    1. to bauble
    2. instructions for bauble
    3. end
  4. Then use pu setxy pd to position your items on the tree:
    1. pu setxy 100 100 pd bauble
  5. ** For a line of items, you could use repeat, eg
    • repeat 4
    • [
    • bauble
    • pu fd 30 rt 90 fd 40 lt 90 pd
    • ]
  6. *** Include a variable with your procedure  to make it different colours or sizes
    • to bauble :col :size
      • colour :col
      • circle :size
      • fill
    • end
  7. When you “call” bauble, make sure you give it a colour and size, eg
    1. bauble “red  30

Y4 How do use repeat to create a Roman border?

Nov 282016
 

Use this post if you haven’t managed to create your own shape.

  1. Open this j2code file – it is a shape ready in the top left corner.
  2. Save it
  3. To get a row of shapes, put in the bold instructions like this:
    • reset
    • setpensize 4
    • repeat 5
    • [
    • my shape instructions
    • ]
  4. To turn the corner: add a rt 90 on the next line after the ]
  5. To make a square of shapes:
    • We want to repeat the row of shapes and turn, 4 times
    • repeat 4
    • [
    • code for row and turn
    • ]
  6.  Change the repeat in the row code so that it takes up the whole square.
  7. Can you make an inner square?
    1. Copy and paste your code (apart from the reset, setpensize) so you have two copies
    2. Change the second setxy  numbers to -190 190
    3. Change the repeat of the second row so it fits inside the outer square.
  8. What about a third inner square?!

 

Y4 How do I create a Roman border with LOGO?

Nov 232016
 
  1. Log into j2e – j2code – LOGO
  2. Click on Level 3
  3. Start your program with
    • reset
      setpensize 5
  4. Draw a simple pattern on a whiteboard and then create the instructions in LOGO to draw it.
    1. For each instruction you add, test it
    2. Make sure:
      1. the arrow finishes at the original level and across to the right a bit
      2. the arrow is pointing UP at the end of your instructions
  5. ScreenHunter_19 Nov. 21 10.46
  6. Put this above your instructions (to move it to the top corner)
    • pu setxy -240 180 pd
    • Test your code – you might need to change the numbers so that your shape fits on the screen.
  7. Repeat your shape by adding in this:
    • repeat 4
    • [
    • your instructions
    • ]
  8. Edit your code.  Can you:
    1. Make the shape smaller by changing the fd numbers? (** See the bottom of this post for another way to make your shape smaller)
    2. Make more shapes so it takes up the whole length of the screen?
  9. Now put your code inside another repeat to get the four sides of the square:
    1. repeat 4
    2. [
    3. all of your shape code so far including the repeat
    4. rt 90  (to turn the corner)
    5. ]

Success steps:

  • Copy instructions carefully
  • Use fd, lt, rt with a space and a number
  • Press play to run program
  • Make instructions to draw simple shapes including forward, left and right
  • Check instructions carefully for mistakes (bugs)

download (2) download (3) download (4) download (5)

Make your shape smaller:

Put this at the beginning of your code

  • make “scale 2

In your shape code, after every fd number, put this

  • / :scale

so it looks like this:   fd 50 /:scale

Now change the number at the top of the code to change the size.

Y56 How can I program a picture in LOGO?

Nov 172016
 
  • Go to j2launch – j2code – LOGO
  • Start your program with:
    1. reset
    2. setpensize 5
  • CHALLENGE:  Write instructions in LOGO to make this picture.
  • ScreenHunter_15 Nov. 11 08.24
  • Use as many of these commands as possible:
    1. Movement:   fd bk rt lt (with a space then a number)
    2. circle (with a space and a number)
    3. repeat 4 [  …   ]
    4. arc 90 30   – can you work out how this works?  (One number is the size, the other is the angle)
  • Use the code below to move around the page without drawing:
    1. pu setxy 100 100 pd   (The numbers are x y coordinates and the screen goes from -250 to 250)
  • If you have finished the picture, can you add an eyebrow?
  • ScreenHunter_16 Nov. 11 08.29

 

Success steps

  • Use known commands
  • Use left-hand side panel to copy correct commands (syntax)
  • Create a page with several elements
  • Move around the screen using pu setxy …. pd
  • **Learn new commands. eg arc, spiral code
  • Check code and debug

Further challenges…

  1. download (6)
  2. Different shape for the eye (still using repeat)
  3. Add hair by using repeat and doing a zig-zag
    1. Can you make the hair curve?
  4. Make ears using a spiral – open this file, read it carefully and experiment with the code, before copying into your project.

And if you’ve finished that, have a go at these Debugging Challenges and save them in your files.  DO NOT GET/GIVE ANY HELP.

Computing colours:  LOGO

  • Red – copy example code; explore and experiment
  • Orange – test and debug own code
  • Yellow – use repeat
  • Green – use procedures; nested repeats
  • Blue – use variables
  • Purple – create own LOGO project with variable and procedures

Y5 Can you program a picture in LOGO?

Nov 112016
 
  1. Typing,com – 5 minutes
  2. Go to j2launch – j2code – LOGO
  3. Start your program with:
    1. reset
    2. setpensize 5
  4. CHALLENGE:  Write instructions in LOGO to make this picture.
  5. ScreenHunter_15 Nov. 11 08.24
  6. Use as many of these commands as possible:
    1. Movement:   fd bk rt lt (with a space then a number)
    2. circle (with a space and a number)
    3. colour “yellow
    4. fill
    5. repeat 4 [  …   ]
    6. arc 90 30   – can you work out how this works?  (One number is the size, the other is the angle)
  7. Use the code below to move around the page without drawing:
    1. pu setxy 100 100 pd   (The numbers are x y coordinates and the screen goes from -250 to 250)
  8. If you have finished the picture, can you add an eyebrow?
  9. ScreenHunter_16 Nov. 11 08.29

Success steps

  • Use known commands
  • Use left-hand side panel to copy correct commands (syntax)
  • Create a page with several elements
  • Move around the screen using pu setxy …. pd
  • **Learn new commands
  • Check code and debug

Y6 Which LOGO commands can you use?

Nov 102016
 
  1. Typing,com – 5 minutes
  2. Go to j2launch – j2code – LOGO
  3. Start your program with:
    1. reset
    2. setpensize 5
  4. Use as many of these commands as possible:
    1. Movement:   fd bk rt lt (with a space then a number)
    2. circle (with a space and a number)
    3. colour “yellow
    4. fill
    5. repeat 4 [  …   ]
    6. arc 90 30   – can you work out how this works?  (One number is the size, the other is the angle)
  5. Use the code below to move around the page without drawing:
    1. pu setxy 100 100 pd   (The numbers are x y coordinates and the screen goes from -250 to 250)
  6. Are there any other commands you can show that you can use?

Success steps

  • Use known commands
  • Use left-hand side panel to copy correct commands (syntax)
  • Create a page with several elements
  • Move around the screen using pu setxy …. pd
  • **Learn new commands
  • Check code and debug

 

 Older Entries  Newer Entries