Category Archives: 815Computers

815 Coding

If you take a moment and create or sign in to an account, you can save your progress so you won’t have to start over again next time you practice.

If you have not done so already, please Join our class: https://studio.code.org/join/BJSJTY
(you may have created your own account already. If you have forgotten how to log in, please contact Mr. Robson via email or on social media and he can look it up for you)

If you’ve already joined, you can SIGN IN here

If you prefer to pick your own path, go here: https://code.org/student/middle-high

Many more cool options here (Minecraft, Star Wars, sports, Flappy Bird, etc.) https://hourofcode.com/ca/learn

OR you can try it out at Code Combat (a bit more challenging): https://codecombat.com/students?_cc=PinkSpellBath

OR you can try it out at CodeHS (a bit more challenging): https://codehs.com/go/E6BF1

You may also like:

Coding with Grasshopper: A great program available in browsers or as a free app on iOS and Android.

If you have a computer with a keyboard, please spend some time learning to type!

Typing Club – learn how to type with guided lessons. Very valuable practice. Unfortunately only really useful on a computer/laptop keyboard. Sign-in is the SAME as your computer user name and password! All students are registered already and simply need to sign in.

Online Learning Access

Your first priority this week is to work through the packages of printed materials that were made available last week.

If you missed it, lost it, or need another one for any reason, you can find those here

Teachers are moving to adding instruction and assignments online. To access those, sign in to OneDrive the same way you would for Computer Literacy and look in the Shared area, just like you would to hand in work for me.

If you need any help, feel free to email Mr. Robson ( misterjrobson at gmail.com)

Contact info for GWMS staff can be found here

You may also send me a message on social media if you need help. Find me just about anywhere under the user name @misterjrobson

Instructions:


Go HERE

Your sign in is the same as your computer (first initial dot last name) but you ADD @sjasd.ca on the end

ex: g.waters@sjasd.ca

Click Next

On the next page you will put your password in. Your password is: first three letters of your first name (capital on the first one) first three letters of your last name three numbers

ex: Geowat190

If you are using your own computer or account, you may wish to stay signed in to avoid having to log in every time

If you are on a SHARED computer, you should probably click No (although you shouldn’t really be sharing a computer these days if you can avoid it…)

When you first log in, you will see a section called My Files. These are files that only you can see unless you know how to share them

To see information from teachers and give teachers your work, click Shared on the left hand side

Here you will see a number of files and folders that have been shared with you (these are being updated, changed, and added to regularly, so check here every day!)

Some folders are just information for you to pick up, like this French Resources folder. You go there to get information that will help you do your work

You will see some folders with a subject name and your name on them. These are your personal folders where you may go to hand in or do work. Anything in that folder can be seen by your teacher.

You may also see a number of class notebooks. Explore these to find information and assignments from many teachers. Work completed in that notebook will be visible by your teacher (no need to hand it in)

Sign Modification Project

In order to do a good job of this project, you will need to review the Photoshop Selection Tools post. Those tools will be essential if you are going to do a good job of this, because every sign is a little different, so these instructions will not tell you how to do this step-by-step!

For this assignment, you will take a photograph of a sign and modify it to remove elements and add in new elements that look realistic. PLEASE USE ONE OF THE PHOTOS I HAVE PROVIDED. If you want to use something else, you MUST DISCUSS IT WITH ME FIRST.

Click this link to choose one of these signs, please

It is possible that you MIGHT find something useful on Unsplash. If you want to look there, you can, but you NEED TO SHOW ME YOUR SIGN FIRST. I will tell you whether it’ll work or not. https://unsplash.com/s/photos/sign

Your job is to match new text and elements to whatever is on the original sign.

Some tips:

You can use Photoshop one of two ways:

QUICKLY or WELL

Guess which one I want… If you’re doing this quickly and get it done in a few minutes, it’s going to look terrible and I’m going to ask you to do it again. This project should take some serious time and effort. You’re going to mess things up and redo or fix them. It’s part of doing a good job.

You do not need to create a new file. Just open the sign image in Photoshop and…

ALWAYS make a copy of the original sign before you start. You should have a layer at the bottom or turned off with the untouched image of the sign!

If it’s obvious that you changed your sign, you did not do a good job. If it’s easy to tell what you changed, you did not do a good job. If you did not do a good job, you will have to go back and try again.

Start by CAREFULLY removing elements to replace. Please DO NOT REPLACE EVERYTHING! Your job is to match new elements with what is already there, so don’t get rid of everything!

When it comes time to add new text, make sure that it is a font that looks the same and is EXACTLY the same colour, and the same size as what was on the sign originally

As always, when your project is complete you need to hand it in to your OneDrive shared folder AND post the project on your Edublogs site!

Examples:

Previous student examples:

 

 

Celebration of the Arts Poster 2020

This year’s Celebration of the Arts is coming up in May, and we need your help to spread the word about this great event! We’d like you to create a poster on Photoshop Elements informing people about the event and getting them interested in attending.

You will make this using the same steps as the GWMS Poster assignment. Look back at those instructions for help with how to do this.

Your poster should be set up the same size as the GWMS poster you did previously:

17 inches high x 11 inches wide

or

11 inches high x 17 inches wide

Or, if you think you can do a really great job of designing something beautiful and exciting, try a bigger size if you want:

24 inches high x 18 inches wide (or 18 inches high x 24 inches wide)

Here are some examples of a few of the better posters last year (click them to see them bigger):

REMEMBER: the information in the posters above is for LAST YEAR. DON’T COPY IT.

This year the Art Show details are:

**********************************

GWMS Celebration of the Arts
May 14, 2020
6:30-8:30pm
Doors open at 6pm

visual art, band, drama, a movie premiere, and Dance.

Cost:
$5 per child (5 years old and under free)
$10 per adult
*$25 per family ($30 at the door)
*(max. 5 people; 2 adults, 3 children)

Payments can be made through School Cash On-line on our school website or here: http://bit.ly/gwmspayments

or tickets can be purchased by cash or cheque at our school office

**********************************

Any images used need to be high quality, and copyright free/creative commons. Use one of these sites:

https://unsplash.com/

https://www.pexels.com/

http://compfight.com/

Or, even better, ask to borrow a camera and take a picture of some artwork, dancers, or the school!

Microsoft Word Menu/Price List

Now that you’ve demonstrated a mastery of some important and impressive skills in Microsoft Word, it’s time to put those skills to work to design an amazing, useful document of your own!

You’ll design a restaurant menu, business price list, or some creative way of demonstrating your knowledge.

Here’s my example. Yours does not have to be exactly the same (and it SHOULD NOT BE):

Displaying the invisible characters, it looks like this:

You can make up your own store/business or create a menu for a restaurant using this format. Have fun and be creative, but you MUST INCLUDE:

  • Text formatting (font, colour, size, alignment)
  • Pictures (behind text and square or tight)
  • Text box(es) (including borders and shading)
  • Hyperlink(s)
  • TABS TABLE! (I set tabs to line up my artist (left), title (center), and price (right) – yours can have more/different columns, but you NEED TO SET TABS somewhere)
  • Bonus for more tricks & tools that you used in the previous assignment, so add in more of the things that you’ve learned!

Word Skills part 3: Tables

Two more sections to go! The first one is pretty easy (you’ve done it before!)

First, position your cursor wherever you want your table to go

Make sure you’re on the Insert tab/menu, and click on the Table box. Your table should be 4 x 4

Type or copy and paste to put your headings in your table. You can do it two different ways:

Most common:

but if you want to be a little different, this works too:

Then just go fill it in. You don’t really need to ask 3 people. Feel free to just make up answers and put those in (I did!)

The table is a bit hard to read unless you make the headings stand out from the data. Highlight those headings

And then use the paint bucket to shade those boxes in

and center the text inside of the cells

That looks MUCH better:

 

SETTING TAB STOPS

This is another way of making a table that can be much more effective and useful. It also tends to look pretty good if you do it right. It is new and kind of difficult the first time, but I’ll show you exactly what to do.

Something that really helps when you’re working on this section is to turn on the button that shows you all of the characters in your document that are normally invisible, like spaces, every time you hit enter, and every time you hit tab.

Normally, when you’re typing out information for this type of table (as you will do in your next assignment… hint hint…), you would type an entry then press tab, type the next bit of information, then press tab again, and so on. I’ve inserted the tilde character ~ to show you where the tabs should go

So the first thing we need to do is get rid of those tildes and put the tabs in. Luckily, there’s an easy way to do it all at once.

Make sure you’re on the Home tab

Over on the right, you’ll look for the button that says Replace

You want to search for and replace all of the tildes, so that goes in the top box where it says Find what:

You want to Replace with: the tab character. If you just press the tab key in the box, it exits out of the box, so that doesn’t work. There are two ways to do this instead:

Down at the bottom of the box, you can click More >>

then 

and look for Tab character

OR

You can type in (or copy from here…) ^t

Your box will look like this:

Then you want to Replace All

If you have that Show/Hide button on, your paragraph will look like this: (the arrows represent the tab character

Without that button on, it looks like this:

Hopefully, you still have your Ruler showing, because you’re really going to need it

Right now, those tabs are stopping all over the place, so the paragraph is a big mess. but we can tell the Tab key to stop in specific spots to line things up properly.

Look at the very top of the ruler on the left-hand side of your page. You’ll see a little character that might look like an L (although it could be something else…)

that little L represents a Left tab stop. It will line things up on their left-hand side. The first step is to go and set 5 of these stops on the ruler. Yours DO NOT have to be in the exact same spot as mine, because we will end up moving them later anyway

The first one goes really close to the margin. Go and click on the top ruler somewhere between the margin and 1. 

the next one should go somewhere around 5

the third one put around 11 or so

I’ll put the third one around 18

The last one should go right near the right-hand side of the margin

Now we need to change some of those stops to line up in different ways. In order to do this, on the Home tab/menu, right below where you’d add borders or shading, in the Paragraph section, click the little box with a diagonal downward-facing arrow:

That opens this box:

Down in the bottom left corner, there’s a Tabs… button. Press it:

That will show you a list of the stops that are currently set and will allow you to move, change, or delete them

I have given you instructions explaining which types of stops I want. The first one is called Decimal. It’s good if you are working with numbers, because they will always be lined up along the decimal point

I have the first one set at .5 cm. (yours might be slightly different) Whatever your first one is, make sure it’s selected (click on it if not)

Down in the Alignment section, you can choose where that stop lines up. Click Decimal

Then move on to the second one and select it. Mine is at 5 cm

This one should be lined up on the left

My third one is at 11 cm. It should be Center aligned

My third one is at 17.75 cm. It should also be Center

My last one is at 24.75 and it needs to be Right aligned

NOTE: if your stops get really messed up or you end up with too many or something is wrong, you can always Clear a stop by choosing it and clicking Clear

If you need to start all over again, just click Clear All

Once you’ve set your stops like mine, things should actually look pretty good already. The table of information is now lined up and organized

I don’t really like how my last two columns are so close together

I’m going to go up to my ruler, find the second last one, and move it over to the left.

NOTE: you have to be very careful clicking right on the ruler. If you click right on the little symbol, it’ll work fine. If you click close to the symbol, it’ll add a new stop and will cause problems. Make sure you only have 5 at all times. If you add one by mistake, you can go back into the Tabs box and clear it OR just carefully pull it down off the ruler.

I started here:

And moved it here.

Now I have a decent amount of space between the last two columns

I find my second and third stops a little too close as well

So I’ll move that second one over to the left a tiny bit.

Start:

Finish:

That looks much better to me

Now my list of stops looks like this (again, yours might be slightly different)

When I turn on that Show all characters button

The table now looks like this:

NOTE: Sometimes things won’t be lined up still. Occasionally when you’re typing in your information, you’ll accidentally get two Tabs inserted where there should only be one, and things will not line up properly

If that’s the case, you need to remove one of those Tabs to make things line up

The final step is to take the headings for the table and make them stand out from the data below so that it’s easier to read and understand.

Highlight the top row

and change the colour, make it bold, underline it, or somehow change the look so that it’s obviously different from the data below. I’ll make mine Bold (Ctrl + B) and Underline it (Ctrl + U)

 

Take a minute to scroll through your document and make sure that everything is done and everything looks good. Move things around or make changes if you need to.

Once you’re done, SAVE your work. CLOSE the file. Follow the steps to DROP OFF.

My finished document looks like this: wordskills

Word Skills part 2

PAGE LAYOUT

Switch to the Layout tab/menu

Change the Orientation to Landscape

Change the Margins to Narrow

Normally you should set your margins and orientation BEFORE you start a document because things will move around after you make that change. Scroll up through your document and see if anything looks bad now.

My shape moved over into the margin, which doesn’t look good, so I should move it.

 

INDENTS

For this section, you really want to make sure that you can see the rulers at the top of your page. Usually they’re on automatically, but you can check by going into the View menu/tab

Make sure that Ruler is turned on

There are 3 ways to indent a paragraph. To choose your paragraph to indent, you DO NOT need to highlight just put your cursor in there anywhere

There are 3 different points on the left-hand side of the ruler at the margin. There is a triangle pointing down, a triangle pointing up, and a little rectangle on the bottom.

The most common type of indent is just to move the first line over and leave the rest alone. You can accomplish this by moving the downward-facing triangle or just going to the start of a paragraph and pushing the Tab key. You don’t have to demonstrate that for this assignment.

 

To indent the entire paragraph, use the rectangle at the bottom and slide it to the right on the ruler.

That will move the entire paragraph over

 

Again, put your cursor in the paragraph you want to indent

And this time, grab the upward facing triangle. NOTE: the three pieces are VERY close together. I find the Hanging Indent to be the most difficult because you have to precisely position your cursor to grab that pointer.

Click right on that upward triangle and move it over. The downward facing triangle should stay where it is.

This will leave the first line alone and move all other lines over.

 

HYPERLINKS

To insert a Hyperlink, you’ll need to go on the Internet and find the website that you wish to link to. For the first one, you need to find the St. James Collegiate website

At the top of the screen is the address of the site. Click it and it should turn blue (click and drag across to highlight if not)

COPY that (right click OR Ctrl + C)

Go back to your document. You need to highlight the text that you want to attach the link to.

The easy way to add a link is to press Ctrl + K. You may also go into the Insert tab/menu

and click Link

click in the Address box

and Paste in the address you copied (right click OR Ctrl + V)

Once you press OK, you’ll see that the text  turned blue and has a line under it. If you click on that text, it should take you to the website.

Do the same thing for George Waters and Mister Robson.

 

WORD ART

There are two ways of doing this, and your preference depends on what you want to do with the word art.

Method 1: highlight the text

On the Home tab in the area where you changed the font & size, you’ll find a blue block letter A. Click that and you can choose one of the pre-made styles or you can play with the different options below

If you use that method, your text is just like any other text, except it’ll be a bit fancier.

Another way of doing this allows you to move the text around like a picture.

To do this, you will want to highlight the block of text and CUT (Ctrl + X) it

Switch to the Insert tab/menu

Over where you made your text box, you’ll find a Word Art button

That’ll give you many of the same options as you saw in method 1. Choose one and it’ll create a text box for you in that style.

Paste your text into that box, and now you can move it around like any other text box or picture, which allows you to do more with it

IMAGES

Go to Google Images and search for a musician or band (or actor or character or whatever) that you really like.

Below the search box, click Tools

To find the best quality images, click on Size and choose Large

Optional: If you chose a cartoon character or animal or logo of some kind, you may wish to find one that has a transparent background. To do this, click on Color and choose Transparent

Once you find an image that you would like to use, click on it and you will see a preview on the right. Right click on that and choose Save Image As (or Save Picture As)

If you’re using Firefox or Chrome, you may be asked where you want to save the file. If you don’t necessarily need it after today, you can go ahead and save it in Downloads. If you want to use it again sometime, you can save it in your Documents folder.

   

While you’re on the Google Image results, you need to click on the link to visit the site where the picture originates because I want a link to the picture’s source

Underneath the photo on the right, you will see the title of the site where it comes from, and it will be a link that you will click on

Go to that site and copy the address, just like you did when you were adding Hyperlinks before

Moving back to your document, you need to be on the Insert tab/menu and choose Pictures

Go find the photo (probably in Downloads)

   

And insert it 

If you’ve chosen a large, high quality photo, you may wish to resize it. Click on the photo and you will see little bubbles around it. Grab a corner bubble and bring it in to make it smaller (NOTE: NEVER try to stretch a photo this way!)

Now you need to Insert a Link, just like you did on text earlier

If you hover your cursor over top of the image, you should now see the address of the page in a little box. NOTE: that link/address should NOT say Google anywhere in it. Google just shows you where to get the photo, no photos are actually housed by Google

 

PHOTO LAYOUT AND TEXT WRAPPING

Now you need to change how that photo sits on your page and what happens to the text near it.

To do that, click on the picture to select it and you should see this little box near the top right corner:

To position text around the photo, choose either Tight (this looks neat with a transparent background, say around a logo or animal) or Square

Now you’ll see the text wrap around the image

You will insert another photo in the background of your page

This time, change the position to be Behind Text

The photo will probably make your text really hard to read, so it’s important to fade it out

When you click on the image, you’ll see the Picture Tools/Format tab/menu

There you will find Color options

Hover your mouse over any of the options and it will show you its name. You want the one that looks really faded (Washout)

Which will make it much easier to read the text on your page

Now on to Step 3!

Microsoft Word Skills

A lot of this you should be able to do on your own, because you learned most of it last year. A lot of the tools are very similar to ones that you’ve used in Excel and PowerPoint as well. Some of this is brand new, so you may need to follow some directions to complete the assignment. Feel free to go through the whole document and see how much you can do before you start looking at the directions, just make sure that you do every part before handing this in (including the last part, which is the most important and most challenging)

download this file

Your finished file will be a Word document (.docx) but will look something like this: wordskills_SAMPLE

Start by saving your file into your OneDrive folder

You’ll know that it’s saved properly when AutoSave is on

TEXT FORMATTING

In order to make a change to specific text, you need to highlight it. Go line by line (or if you want to get fancy and do one block with all of the attributes at once, go for it)

OR Ctrl + B

OR Ctrl + U

Note: you can do different styles of underlining with the little triangle/hidden menu

OR Ctrl + I

In the end, the first section might look something kind of like this:

 

TEXT ALIGNMENT/JUSTIFICATION:

Note: You DO NOT have to HIGHLIGHT the text to change the justification of a paragraph, just make sure that your cursor is inside of that paragraph when you change how it is aligned

Your properly aligned text might look like this:

 

BORDERS & SHADING:

Again, you DO NOT have to HIGHLIGHT the text in order to add borders & shading.

You can add simple borders with this button: 

OR

At the bottom of that box, you can open more options to further customize your borders & shading (recommended!)

Pay attention to the three tabs across the top. You’ll need to use them all. Also make sure that for the first part, you Apply to: Paragraph

For SHADING, DO NOT USE THE STUPID HIGHLIGHTER! IT IS STUPID!

You can add simple shading with the paint bucket:

 

TEXT BOXES:

 Switch to the Insert tab/menu at the top of your screen

A Simple Text Box is fine (although feel free to play around and choose something a bit fancier if you like)

Delete the text that is in the box. It’ll be highlighted already:

You can click on the edge/border of the box and drag it to move it around on your page:

Highlight the paragraph you want to put in the box

Use the scissors OR right click OR Ctrl + X to CUT

Click inside the text box to place your cursor:

And PASTE (Ctrl + V or right click or the clipboard button)

To change the look of the text box, click on the border around it to select it

Once again you can use a simple border or open Borders and Shading

You have many more options if you open the Borders and Shading box

The shading could also be simple or fancier

The text box now looks a lot more interesting

 

PAGE BORDER & SHAPES

For this one, you need to open that Borders and Shading box and choose the Page Border tab at the top

For this one, you can choose a simple border just like you did for the paragraph and text box…

OR…

You can add some goofy art to the border around your page. You can change the size and colour of the “art”

WARNING: Those “art” borders look really cheesy. I would NEVER really recommend using almost every option available there because it looks really terrible, but just to try it out, have some fun here.

Whatever you choose, you can apply it to the Whole Document or just a section of your document

Now I have small blue musical notes around my page

We used shapes last year to make your trading card, so hopefully you remember those, but just in case:

Switch to the Insert tab/menu

Click on Shapes to choose a shape

Choose whatever you want

And then click and drag on your page to draw the shape

To change the look of the shape (you always should!) click on it to select it

At the top of the screen a new tab/menu will pop up

You want to change the Shape Fill and the Shape Outline

Mine now look like this:

 

PAGE BREAK

A Page Break is just a command that tells the document that everything to follow should be on a separate page. You might be tempted to just want to hit enter a few times to move everything down, but when changes occur to your document overall or above, that space becomes incorrect. The Page Break makes sure that no matter what, a new page will start at that point always.

Put your cursor wherever you want the break to occur

On the Insert menu/tab, choose Page Break

to be continued in Step 2

Tell the World about #myGWMS

We’re looking to show off the great people, programs, opportunities, and just the all-around fun that happens here at George Waters. If you’ve got something that you love about our school or something that we should brag about, here’s your chance! Share your idea and you could end up in a video, on social media, in a poster, or even on a button or t-shirt!

The Hour of Code 2019

This week is Computer Science Education Week, and there’s a huge worldwide activity going on this week called The Hour of Code, where millions of people will learn how fun and easy it can be to learn to write computer code. Whether you’re trying to build or fix your own website, animate your designs, write an app for your phone or tablet, or just see what you can teach computers to do, learning code is really important and fun. You have no idea how much you’re capable of doing right now, until you try.

These skills will help make you part of a growing workforce of people who require computer science skills. These skills are becoming more important in almost every area of society, and sadly, there aren’t nearly enough people with those skills to fill important positions. By increasing your skills, you give yourself a far greater chance of landing a good job in the future, and unlock worlds of new possibilities now.

If you take a moment and create an account, you can save your progress so you won’t have to

Please Join our class:  https://studio.code.org/join/BJSJTY

If you prefer to pick your own path, go here: https://code.org/student/middle-high

Many more cool options here (Minecraft, Star Wars, sports, Flappy Bird, etc.) https://hourofcode.com/ca/learn

OR you can try it out at Code Combat (a bit more challenging):  https://codecombat.com/students?_cc=PinkSpellBath

OR you can try it out at CodeHS (a bit more challenging):  https://codehs.com/go/E6BF1