8th grade

Check this page weekly to ensure that you have everything ready for your next computer class. This will help you get the most out of the coursework and also to be prepared to get your work done in class on time.

 

TypingWeb log in. Click on log in at the top right. Enter your username (first letter of your first name, your last name and your library number) and password Library number and 000)

New: Please log into your gmail accounts to access Google Classroom;

 

211: Your classroom code is 4zki7pn

212: Your classroom code is kxo2o77

213: Your classroom code is t4umfzl

I will be communicating with you via this method.


September 15, 2021 (week 4)
Week 2: Research (3 weeks):


You will be logging on as either student1 (room 211), student2 (room 212) or student3 (room 213) while working on your imovie project. 

Student will research their topic and record the information into a shared google drive document. Go to googlemail.com to log into your account. You will be shown how to access Google Drive and create/share a document. You will share this document with your partner so that you may both research. You work on the same document collaboratively.

Each students is responsible for 2 pages of research along with 2 citations created in Bibme.org. I ask that you try to use different sources and find different information on your topic. 

Sources will be cited using bibme.org and added at the end of the document. Students may write their researched information in bulleted format (complete sentences not needed). You should have at least two full pages of notes on your topic (no larger than font 12!). Make sure you have enough to write a 2 minute script. Each partner is responsible for two source and two pages of summaries within the same google document. I ask that you each select a different font color for your research so I can give you credit accordingly. You must write your research topic at the top of the page. Student's names will be written above their individual research so that I know who researched which article.

Once you are done with your research, you will share the document with me. I will show you how to share your document with me by selecting my name after you click on share. I will correct it and make any comments on it. You will see any of my comments or changes when you log on the following week.

To use bibme.org:

Click on ‘I only want to create citations’ at top left. 

Select ‘MLA’ 

Select ‘website’ in blue bar at top of page

Copy and paste the web address of the website into the box. Click on search website. Select the correct website result and click on ‘select’. Click on ‘Final Step’. Fill in any additional information you may have from the website including electronically published date (this is the most recent date the website was updated). Click on ‘Create Citation’. Copy and paste your citation into your worksheet. 

You may edit your citation if you need to correct any information.

October 13, 2021 (week 7)
iMovie, Storyboarding, Writing of script (3 weeks)

Students need to find 4 good quality pictures and save them to their imovie folders with full size image quality.

We will now start writing the script. They will open a google drive document and share the document with their partner. They will import their first picture and write the script for that picture below it. They will insert a page break and repeat the process with the second and third pictures and related script.

November 8, 2021 (week 10)
While videoing projects (3 weeks)


Step 2 (week 2):

Students will type a New Year's letter to their relatives/friends. The letter will be a synopsis about their last year and possibly include information about events they are looking forward to in 2017. Students will follow the format of the sample letter attached in Google Classroom. They will leave the salutation part empty as this is where we will be adding a mail merge.

Letter requirements:

The letter needs to have an introductory paragraph. This can me just a few sentences to introduce yourself to your recipient. The letter needs to have 3 body paragraphs long with at least 7 sentences per paragraph. You need to add a closing paragraph. This is where you can wish your recipient a Happy New Year. Don’t forget to add your full name at the end. Your letter needs to fit on one page. We can work with the font size to fulfill this requirement. You also need to change the font style, possibly font size, font color, and center the letter to make good use of your entire space.
 

Insert border:
 

Students will download a border and insert it into their letter. They will google this under images, select 'view image' and drag it to their desktop. They will need to drag it into their letter. This does need to be formatted for 'behind text' and possible 'send to back'. If it is a corner border, they can edit copy and edit paste it once they have formatted the original one.
 

***At this point you will highlight the entire document and space it so it fills the page (format, paragraph, line spacing -either 1.5 or double). You also need to ensure your words are not in your border. You can change your left and right margins by either dragging it in your document or going to format, document and changing it to under left and right margin to fit your needs.***
 

December 1, 2021 (week 12)
iMovie Project, Part 3
(4 weeks)

You will be logging on as either student1 (room 211), student2 (room 212) or student3 (room 213) while working on your imovie project.

Finish videoing uploading/downloading, airdropping pictures, viewing instructional videos

To upload video recording: 

Find your video on your iPad in your camera roll. Select it. Click on the rectangular icon (upload icon) with the arrow on top. There will be a list of ways to upload or share your video. Select 'more'. Turn on Google drive and click on done in the top right. Now select Google Drive and click on upload. It will take about 5 minutes for your video to upload into Drive.

Once it has finished uploading, you will need to download it onto your desktop and finally insert it into iMovie. This video will need to be shared with your partner. Select it in your google drive (on your computer), click on the share icon in the top right (the one with the + sign and the icon of a person), type your partner's email address and click on done. The movie will be shared in your partner's shared drive.

Next, you will both have to download it to the desktop of your computer. Click on the download icon and select 'save', NOT open with Quick Time. Let it finish downloading completely before opening it to view it. We do not want to corrupt the file. Put the video into your iMovie folder where the pictures are too.

Create an iMovie folder. I'm okay with you leaving this on your desktop.

We will airdrop the pictures you used in your storyboarding to each other. Turn on your WiFi on your desktop. Open a finder window and click on airdrop in the left navigation bar. Make sure you are visible by 'everyone' - this is in blue at the bottom of the window. Your partner's computer number should appear in the finder window if he/she also is on airdrop (and wifi is on). Drag the required pictures onto his/her computer icon. Your partner will have to click on accept when the files appear. Click on download in your navigation bar and your picture will be there. Put it into your iMovie folder. 


Creation of iMovie

Open iMovie from your application folder if it is not in your dock. It is the Purple Star icon. Drag it into your dock so that it is easier to access consecutive classes.

Click on file (main tool bar) and new movie. Do not select a theme, name your project, and click on 'OK'. You may also select new movie by clicking on the + icon on your project screen. (FYI: to select a theme, you would click on 'window' in the main tool bar and select theme).
The top portion of your iMovie is called the event. It is also the project you titled it as. The bottom portion of your iMovie is called the timeline. The window in the top right is your preview window.

Click on 'import' in the event part of your project and find your video clip. In top of the window, click on the bar and name your video (event). You may also import by clicking on the downward facing arrow in the top left of your iMovie screen. Do not forget to name the file. This will import into your 'event' at the left.

Here is a short video on how to green screen: https://www.youtube.com/watch?v=oPse7KKE1s4

You can start editing your video by playing it (use the space bar to start and stop the video), selecting parts to keep and parts to delete. Work one ‘scene’ at a time. You will use the 'I' and 'O' keys to bracket each scene. Once you’ve selected the first clip of your video, click on ‘mark’ in your main tool bar and select 'favorite', which will show a green line in your event. You will select 'reject' for the parts that you need to edit out, these will show as red line in your event. This will mark your clip so that you know what you need to insert into the picture in your timeline. You will also mark each scene with a 'mini' reject. This will allow you to drag each portion of your video into the correct scene.

Drag your first picture into the timeline (bottom of screen). You will have to adjust the length of the pictures so they are slightly longer than your video clips. You do this by dragging it. You may want to adjust your ‘setting’ in the middle on the right so that you can view your entire work. Select either Ken Burns, fit or crop to adjust your picture as needed. Remember to click on the check mark at the right to accept any changes you have made. 

You will drag your first video clip (first scene) into the timeline above the first picture. Click on 'adjust' to open up the toolbox (color balance, color correction, wrapping, volume, noise reduction equalizer, adjust speed of clip, add to project, video audio effect, and clip in motion) if you are using version less than 10.1. Otherwise the toolbar will already be open. If you change anything, you must click on the check mark on the right side of the toolbar to save your changes.

To Crop Video:

If you need to crop your video because you need to cut out the sides, click on the video and select 'crop' in the tool bar at the top right. You must click the blue check mark to accept changes.
 
With the video selected, select the blue square icon in the toolbar. It defaults to 'cutaway'. Click on it and select the 'green/blue screen' option. You should also adjust the 'softness' tool at this point. It is usually in the center of the bar.

I would wait to make any adjustments to the clip until the pictures have been inserted and you see the results of the layering.

Repeat with all the pictures and your video clips (scenes). You will need 4 scenes as in your storyboarding.

Settings
You may use the setting scroll bar (middle right below the preview window) to adjust the zoom of your timeline.

Ken Burns Effect (required on 2 slides)
I'd also like you to use the 'Ken Burns' effect on at least two of your pictures. It is found under the 'crop tool' in your tool bar on the right above the preview window. This option either zooms out or zooms in on the still giving a 'moving' effect. You must click on the check mark on the right side of the toolbar to save your changes.

Title/Credit Slide (1 title, 1 credit required)
You will need to add two title slides, one for the beginning (title) and one at the end for the credits. These options are to the top left of the event. You can hover over each optional title to view the animation. Drag it into your timeline when you've decided upon which one to use. Click on the tool box options to add text and adjust font, color, size, centering...

You must click on the check mark on the right side of the toolbar to save your changes.

Transitions (5 required)
You will also be responsible for adding transitions between the title, each picture and the credit slide. These options are to the top left of the event. Drag it into your timeline between the pictures when you've decided upon which one to use. You can adjust the length of each transition as needed by double clicking on it in the timeline. The transition control appears and you can type in the number of seconds you would like. You may either click on 'apply', ‘apply to all’, or click on 'return' to accept the change. Remember, you can use the space bar to start and stop the video to view it.

Sound Effects (2 required)

I would also like you to add in 2 different sound effects. These options are to the left of the event. Click on the arrow on the left to listen to the sound. Be aware that it can be shortened as needed. Drag it into your timeline when you've decided upon which one to use right under your pictures or title slide. You will see the bar with the 'note' symbol. You can adjust the length of each sound as needed. Remember, you can use the space bar to start and stop the video to view it.

Here is a link to additional tutorials for adding the different effects to your iMovie:
https://www.youtube.com/watch?v=UviYzKGFm4g

- 1:50 - 8:00: Themes, start (I) & stop (O) marks on video
- 12:00 13:20: volume adjustment
- 13:30 - 14:10: fade audio
- 14:30 - 15:00: iPhoto, Ken Burns
- 15:50 17:40, 18:35 - 18:50: audio imports, fade music
- 19:00 - 20:35: transitions
- 22:55 - 23:25: backgrounds (title slides), use with text
- 23:35 - 26:52 (skip white balance) 27:30 -29:50: editing for skin tone balance and color correction
- 29:50 - 32:45: crop: fill, fit, Ken Burns
- 33:20 - 33:45: noise reduction and equalizer
- 34:45 - 35:34: special effects
- 35:50 - 36:25, 36:40 38:55: audio effects and voice over
- 39:05 - 41:20: titles
- 44:35 - 46:05: Share, use 'file'

Final week for iMovie projects will be your computer class concluding on February 5, 2020. You will let me know once your projects are complete and I will log onto your computer to grade it. (we will confirm you computer numbers when you inform me you are ready for grading).

January 19, 2022 (week 16)
New Year's Letter, Mail merge project (3 weeks)


Step 1 (week 1)
 

Student will start this project by creating an excel spreadsheet.
 

Format Spreadsheet:

They will format their document first by clicking on file, and page set up. Under 'page' they will select landscape and fit to one page. Under header/footer, they will add a title, their name and room number. Finally, under 'sheets' they will select gridlines.

You will also set it up for wrap text. Click on the triangle in the upper left hand corner (between column A and row 1). This selects the entire spreadsheet. Click on format in the main tool bar, cells, alignment, and check the box for wrap text.

Set filters:

Students will now insert their categories in row 1. Cell A1 will contain Title, B1: First Name, C1: Last Name, D1: Address, E1: city, F1: State, and finally G1: zip code. They will insert the 10 addresses they brought in.

They will select the entire row 1, click on Data (in the main tool bar) and click on filter.

Alphabetize:

They will have to alphabetize the data by the last name by selecting the entire sheet (click on the triangle symbol in the top left at the top of the sheet). They will click on data, sort, last name ascending, add a category (+ bottom left corner of window) and select first name ascending.

Please save your project as 'your name + address book' to your 8th grade folder. You need this copy for the mail merge. You will drag this project into the 'turn-in' folder on your desktop so that I can grade it.

Step 2 (week 2): (WROTE letter while videoing)

Students will type a New Year's letter to their relatives/friends. The letter will be a synopsis about their last year and possibly include information about events they are looking forward to in 2017. Students will follow the format of the sample letter found below under related files. They will leave the salutation part empty as this is where we will be adding a mail merge.

Letter requirements:

The letter needs to have an introductory paragraph. This can me just a few sentences to introduce yourself to your recipient. The letter needs to have 3 body paragraphs long with at least 7 sentences per paragraph. You need to add a closing paragraph. This is where you can wish your recipient a Happy New Year. Don’t forget to add your full name at the end. Your letter needs to fit on one page. We can work with the font size to fulfill this requirement. You also need to change the font style, possibly font size, font color, and center the letter to make good use of your entire space.

Insert border:

Students will download a border and insert it into their letter. They will google this under images, select 'view image' and drag it to their desktop. They will need to drag it into their letter. This does need to be formatted for 'behind text' and possible 'send to back'. If it is a corner border, they can edit copy and edit paste it once they have formatted the original one.

***At this point you will highlight the entire document and space it so it fills the page (format, paragraph, line spacing -either 1.5 or double). You also need to ensure your words are not in your border. You can change your left and right margins by either dragging it in your document or going to format, document and changing it to under left and right margin to fit your needs.***

 

Mail Merge salutation:

Students will click in the correct part of their document where they would like to mail merge their data from the address book.

1. They will click on 'mailings' found in their ribbon.
 

2. They will need to click on 'start mail merge' (in the elements gallery), and select letter.

3. Continuing in the 'elements gallery', you will click on 'Select Recipients' and 'Use an existing list', and find and select your address book.

They will need to click on 'Saint Albert' on the left side of their window, click on their name when it appears in the following column, select documents, select 8th grade folder and select their address book and click on 'open'. A window will pop up concerning security, click on 'OK'. Another window will open called 'Open Workbook' (should be sheet 1 and entire worksheet), click on 'OK'.

4. Filter recipients - not needed 

5. Once again, continuing in the 'elements gallery', you will click on 'Insert Merge Field' Drag title into the desired area, space once, drag first_name, insert one space, and finally, drag last_name and insert a coma or colon. 

6. You may click on Preview Results to view the merged data.

7. You must complete the merge in order to print. To complete the merge to printer, continue in the 'elements gallery', you will click on 'Finish and Merge', and select 'print documents'. You may print from the print window that pops up.

Step 3 (week 3):

Students will use the Mail Merge Manager to create labels from their excel spreadsheet. You will need to open a new Word Document.

1. They will click on 'mailings' found in their ribbon.

2. They will need to click on 'select mail merge' (in the elements gallery), and select labels. Select 'Avery US Letter’ #5160, as your label option.

3. Continuing in the 'elements gallery', you will click on 'Select Recipients and 'Use and existing list,' and find and select your address book. A window will pop up concerning security, click on 'OK'. Another window will open called 'Open Workbook' (should be sheet 1 and entire worksheet), click on 'OK'.

4. Under 'Insert Merge Field'  and start by inserting 'title', space once, 'first_name', insert one space, and finally, 'last_name'. Now return and insert 'address'. Return one more time and insert 'City', Comma, one space, 'State', two spaces, and finally 'zip code'.

5. Click on 'Update Labels' 

6. You may click on Preview Results to view the merged data.

7. Please highlight all your data and change the font style, font color and center your text.

8. You must complete the merge in order to print. To complete the Merge to printer, continue in the 'elements gallery', you will click on 'Finish and Merge', and select 'print documents'. You may print from the print window that pops up.

February 14 (week 19)
Computer Science Discover (CSD) Unit 2 - Web Development

Login: https://studio.code.org/sections/SYBPZG

Lesson 1 & 2:

You will be given a worksheet to complete together with a partner

Lesson 3: Intro to HTML

Now we will move to the code.org website. You will start with lesson 3

  • HTML - <html></html>

  • Doctype - <!DOCTYPE>

  • Paragraph - <p></p>

  • Body - <body></body>

  • Head - <head></head>
     

Lesson 4: Headings This lesson will introduce to to heading (h1, h2, h3, h4, h5, h6)

  • Heading - <h1></h1

h1 biggest
h2 bigger
h3 big
h4 medium
h5 small
h6 smallest

 

Lesson 5: please skip lesson 5. We have spent a great deal of time on Digital Citizenship and your Digital Footprint. Think back to the NS teens videos in 7th grade.

 

Lesson 6: Lists (unordered lists <ul>, ordered lists <ol> and <li>)

  • Unordered List - <ul></ul>

  • List Item - <li></li>

  • Ordered List - <ol></ol>


Example of unordered list:

<ul>

       <li>Red</li>
      <li>Green</li>
      <li>Yellow</li>
      <li>Purple</li>
</ul>

Looks like this:

  • Red

  • Green

  • Yellow

  • Purple


Example of ordered list:

<ol>
      <li>Red</li>
      <li>Green</li>
      <li>Yellow</li>
      <li>Purple</li>
</ol>

Looks like this:

  1. Red

  2. Green

  3. Yellow

  4. Purple


Lesson 7: Intellectual Property and Images (<img/>). You must watch the youtube video called 'Creative Commons Video'

In order to tell the browser which file to use, extra information, called an attribute, is added to the image tag inside the brackets. The attribute src stands for source and tells the name of the image, and the attribute alt describes the image.

<img src="dog.jpg" alt= "My Dog"/>

 

  1. Create an image tag using the abbreviation img. This is considered a self-closing tag, since it doesn't need to wrap text as many other tags do. The / right before the ending > is optional, but helps remind us that this tag doesn't need a closing tag.

  2. The src attribute is short for source. This tells the tag which image to load. In this case, the page will look for an image with the filename dog.jpg in the same directory as the page. Image file names include extensions that tell the computer which type of image they are working with. Common extensions are .jpg, .jpeg, and .png. Make sure to put quotation marks around your image filename.

  3. The alt attribute is short for alternative text. While you won't see this text on your web page, it provides a backup in case your image doesn't download properly or for visually impaired users. In this example, if your browser failed to load the image you would see.

  4. When you come to the 5th section in this lesson

    1. please find the picture of your animal first and download it

    2. rename it as you would like it on your project

    3. you will upload your image

    4. next write your code

    5. click on 'refresh and save'

    6. if you don't see your code, remember you need to click on index.html in the left margin

 

Lesson 8: Clean Code and Debugging

  • Bug - Part of a program that does not work correctly.

  • Comment - A comment is a programmer-readable note in the source code of a computer program.

  • Debugging - Finding and fixing problems in your algorithm or program.

  • Indentation - The placement of text farther to the right, or left, to separate it from surrounding text which helps to convey the program's structure.

  • Whitespace - Whitespace refers to any character that shows up as a blank space on the screen, such as a space, a tab, or a new line. Whitespace helps separate different parts of the document to make it easier to read.

  • Comment - <!-- -->
     

  • Whitespace,

  • Indentation is the placement of text farther to the right, or left, to separate it from surrounding text. Indentation helps to convey the program's structure. In HTML, elements that are inside other elements are usually indented.

    • Correct:​

    • ​<body>

      • <h1>Here's my list</h1>

      • <ol>

        • <li>Item 1</li>

        • <li>Item 2</li>

      • </ol>

    • </body>

    • Incorrect:​

    • ​<body><h1>Here's my list</h1><ol><li>Item 1</li><li>Item 2</li></ol></body>

 

Lesson 9: Project - Multi-Page Websites

  • Hyperlink - A link from a HTML file to another location or file, typically activated by clicking on a highlighted word or image on the screen.

  • Hyperlink - <a></a>

  • Hyperlink Code

 

 

 

 

 

 

 

Lesson 10: Styling Text with CSS

  • Vocabulary

  • CSS - CSS stands for Cascading Style Sheets. CSS allows each HTML element to be styled according to certain set of rules.

  • CSS Selector - Specifies the part of the code which the style should be applied to.
     

  • Introduced Code

  • Color - color: value;

  • Text Align - text-align: value;

  • Text Decoration - text-decoration: value;

  • Font Family - font-family:value;

  • Font Size - font-size:value;

 

CSS Style:

 

 

 

 

 

 

 

 

 

 

CSS Rule-sets

CSS rule-sets consist of two main parts: the selector and the rules.

Selector

The selectors can be any part of the web page you want to style. One way you can identify parts of the web page is using the names of the element type. Selecting an element type will make all elements of that type have the given styling. The selector name for HTML element types is the name of the tag with the brackets removed. In the below example the selector is h1 and it will style all the h1 elements with the rules inside the curly braces ({ }).

Rules

The rules describe how the elements identified by the selector should change. Each rule consists of a property name and a value, separated by a colon (:). The property name describes what the rule is about, such as color or size, and the value how the property should change. For example, the rule-set below will make all the h1 headers on the page have blue text that is underlined.

h1{

     color:blue;

     text-decoration: underline;

}

The punctuation in the rule-set is very important, because that's the way the computer knows where each rule starts and stops.

Sample Text Properties:

p {

     color: maroon;

     text-align: center;

     text-decoration: underline;

     font-family: fantasy;

     font-size: 20px;

}

 

 

 

 

 

 

Lesson 11:

Lesson 12:

Lesson 13:

Lesson 14:

Updated: September 2, 2021


Hyperlink Code.png
CSS Style.png