Computers 11-12

Keyboarding

• • Go  to https://sd71-taylor.edclub.com/signup/P2ECBBR to create your username and password. 

    • • The easiest option is to use the "Sign-Up with Office 365 option, and then log-in with your student account

      • If you used Typing Club last year, you can sign in and then add the class using the course code  P2ECBBR

• • Once you are logged in, click on "add more activities", select "Typing Jungle", and start your less

• • Once you have created your username and login, you can find the keyboarding course at https://sd71-taylor.edclub.com/

Image Editing

We will learn how to obtain images ethically, and edit them using image-editing software.

• Find an image that you have created yourself, or that has a Creative Commons license that allows for commercial reuse and modification. The following site will help you get started: http://search.creativecommons.org/.

• You can do something similar with Google Images if you apply a filter, a description of how to do this can be found here: https://support.google.com/websearch/answer/29508?hl=en

  • in Google Images, select "Tools"

  • under "Usage Rights", select "Creative Commons License"

  • under "Size", select "Large" if you want only larger images.

  • keep in mind that your computer monitor probably 1920 x 1080 pixels (almost 2000 squares of colour across, over 1000 squares of colour in height).

  • if the image you download is a lot smaller, it won't look very good on your screen.

• Pay attention to what file type you are downloading:

  • .jpeg/jpg, .gif, .png, and .bmp are easy to work with

  • .webp and .jfif can be edited using paint.net, but may need to be converted into a different file type for other programs. You may have accidently downloaded the thumbnail (tiny) version of the image you were after.

  • .html is a webpage, not an image file

You need to modify and edit the picture to create a more interesting image.

• You can use the program Paint.net or another image editor (your choice).

  • If you are using Paint.net for your editing, you may want to read an introduction to the program at http://www.getpaint.net/doc/latest/index.htm (Links to an external site.)

  • Once you become comfortable with how to use Paint.net, you might want to look at the tutorial for using layers found here: http://www.getpaint.net/doc/latest/WorkingWithLayers.html 

Curriculum (options for course)

https://curriculum.gov.bc.ca/curriculum/adst 

Computer Information Systems 11-12 

Computers, hardware, networking, maintaining & building systems, etc.

• 11 https://curriculum.gov.bc.ca/curriculum/adst/11/computer-information-systems 

• 12 https://curriculum.gov.bc.ca/curriculum/adst/12/computer-information-systems 

 Digital Communication 11 

Writing and communicating with digital tools, office applications

• https://curriculum.gov.bc.ca/curriculum/adst/11/digital-communications 

Graphic Production 11/12

Graphic design & production, image development

• 11 https://curriculum.gov.bc.ca/curriculum/adst/11/graphic-production 

• 12 https://curriculum.gov.bc.ca/curriculum/adst/12/graphic-production 

Media Design/Development 11/12 

Can be graphics/images, photography, audio, video, animation

• 11 https://curriculum.gov.bc.ca/curriculum/adst/11/media-design

• 12 https://curriculum.gov.bc.ca/curriculum/adst/12/digital-media-development 

Programming 11/12

Coding, algorithms, problem solving

• 11 https://curriculum.gov.bc.ca/curriculum/adst/11/computer-programming

• 12 https://curriculum.gov.bc.ca/curriculum/adst/12/computer-programming 

Blender Resources

• Intro Video Tutorials (short videos) https://www.youtube.com/watch?v=8XyIYRW_2xk&list=PLa1F2ddGya_-UvuAqHAksYnB0qL9yWDO6&index=3 

• Intro to working in 3D generally: https://www.blenderguru.com/tutorials/blender-beginner-tutorial-series  (first video)

• https://www.blender.org/features/rendering/ 

Coding Resources for setting up Visual Studio Code

• Python

  • Getting started with Python in VS Code

    • (Good intro) https://code.visualdio.com/docs/python/python-tutorial (Please use virtual environments and project folders) 

    • Good step-by-step intro: https://realpython.com/python-development-visual-studio-code/ 

  • How to install packages / use pip :

    • • https://realpython.com/what-is-pip/ (explains what pip is and how it works)

      •  https://packaging.python.org/en/latest/tutorials/installing-packages/  (makes sure use the scripts that match your Operating System)

  • Info for troubleshooting running Python interactively: https://realpython.com/run-python-scripts/ 

  • Info for what the "py -m" means / how it works: https://www.quora.com/What-does-m-mean-in-the-terminal-command-Python-m-pip-install-openpyxl 

  • Install Python Wheels https://realpython.com/python-wheels/ 

  • Download the wheel package you need: https://www.lfd.uci.edu/~gohlke/pythonlibs/ 

• C++

  • Starting with C++ with Visual Studio Code: https://code.visualstudio.com/docs/languages/cpp 

    • Follow through the steps, including installing MinGW

      • https://code.visualstudio.com/docs/cpp/config-mingw 

      • make sure to also do step 4:  install the actual Mingw-w64 toolset 

  • If you are doing this on the school computers, you may need to tweak your settings so that Intellisense and debugging work properly.

• • Running  programs from the terminal in Windows (PowerShell) 

    • https://4sysops.com/archives/use-powershell-to-execute-an-exe/ 

    • https://www.tutorialspoint.com/how-to-start-any-program-using-powershell 

  • Resources for learning C++

    • https://www.freecodecamp.org/news/how-to-learn-the-c-programming-language/#understanding-a-c-program (introduction, list of resources, links to video tutorial series)

    • Intro project (Rock-Paper-Scissors): https://www.codewithrandom.com/2023/05/29/rock-paper-and-scissors-game-c/ 

• C#

  • Getting set up:

    • Starting with C# with Visual Studio Code:  https://code.visualstudio.com/docs/languages/dotnet 

      • you will be following the steps in the  "Create a C# "Hello World" app#" section of the tutorial above

        • install the .net SDK, then restart the computer

        • set up a project folder 

          • • better explanation for these steps can be found here: https://www.tutorialkart.com/c-sharp-tutorial/create-csharp-project-with-visual-studio-code/ 

          • say "yes " to adding required assests as well as installing the C# extension

    • You should now have a working C# Hello World program

• Java

  • https://code.visualstudio.com/docs/java/java-tutorial

    • don't install the coding pack unless Visual Studio Code hasn't been installed on the computer you are using

    • Quick guide to different Java versions: https://dzone.com/articles/a-guide-to-java-versions-and-features 

    • Java Development Kit download (latest JDK) https://adoptium.net/  (you need to have a JDK installed on the computer you are using)

    • Installing the Extension Pack for Java is a good idea

    • Here is a link to a tutorial for "Hello World" in Java to get you started: https://dev.to/realedwintorres/tutorial-visual-studio-code-and-java-icm 

      • • Once you have the extension installed, to set up a new project:

          • View Menu

            • Command Palette

              • Java: Create New Project

    • Editing and creating projects in VS Code:

      • Good overview video: https://www.youtube.com/watch?v=79YpKXnjKeo 

      • https://www.geeksforgeeks.org/number-guessing-game-in-java/ (copy paste the code and then try editing the game)

      • Intro to using importing a class as a package: https://youtu.be/3ybNZM6cP3M?t=197 (audio is not very good)

    • Some possible projects:

      • • import in the source code of a project and try editing it: https://favtutor.com/blogs/java-projects-for-beginners 

        • projects with step-by-step instructions to try out: https://bootcamp.cvn.columbia.edu/blog/java-projects-for-beginners-to-gain-skills/ 

    • Good references:

      •  https://www.w3schools.com/java/default.asp

      • overview of object-oriented programming concepts: https://www.freecodecamp.org/news/object-oriented-programming-concepts-java/ 

    • Video Tutorial of creating Java project with Maven: https://www.youtube.com/watch?v=zlHXH6maOR0 

• HTML/CSS/Javascript

  • overview for getting started can be found here: https://www.codecademy.com/article/visual-studio-code

    • • • set up your project folder

        • open VSCode from that folder

        • create your index.html file

        • enter some html code

        • to see what the page looks like in the browser:

          • • go to the "Run" menu

            • select "Start Debugging"

            • select either "Web App (Chrome)" or "Web App (Edge)"

        • now that you have done this, hitting "F5" will launch a browser with an updated version of your webpage.

        • you can also install an extension to be able to preview your page within Visual Studio Code

        • if you need help getting your css stylesheet getting set up, the "Link to External CSS" section of https://www.w3schools.com/htmL/html_css.asp is useful

  • more info: https://code.visualstudio.com/docs/languages/html 

  • Getting started with JavaScript in VS Code (Hello World): https://www.raresportan.com/javascript-part-two/ 

  • Installing NodeJS:  https://code.visualstudio.com/docs/nodejs/nodejs-tutorial 

  • Using the live server extension: https://www.freecodecamp.org/news/vscode-live-server-auto-refresh-browser/ 

• Git/Version Control

  • Download & install: https://git-scm.com/downloads 

  • Setup https://git-scm.com/book/en/v2/Getting-Started-First-Time-Git-Setup 

  • Integrate with Visual Studio Code https://code.visualstudio.com/docs/editor/versioncontrol

• Live Share Collaboration

  • https://docs.microsoft.com/en-us/visualstudio/liveshare/use/vscode 

Coding Projects for Python

• Create your own grocery list (good explanations, very quick): 

  • https://medium.com/thebit/lists-booleans-user-input-how-to-create-a-grocery-list-in-python-44454eba58df 

• Mad Libs Game (good explanations, pretty quick): https://thecodingpie.com/post/building-a-mad-libs-game-python 

• Text-based Adenture Game (with good explanations): https://thecodingpie.com/post/make-your-own-text-based-adventure-game-in-python3 

• Rock Paper Scissors: https://web.archive.org/web/20250707000950/https://thehelloworldprogram.com/python/python-game-rock-paper-scissors/ (simpler) or https://realpython.com/python-rock-paper-scissors/ (harder)

• Hangman: https://mardiyyah.medium.com/a-simple-hangman-learnpythonthroughprojects-series-10-fedda58741b 

  • to get the program running, you have to call the game_run function. Add game_run() to the bottom of your script to get Python running the full program.

• Create a sample project that uses ChatGPT (via OpenAI's API)

  • You will need to set up an account with OpenAI

  • Follow this tutorial: https://beta.openai.com/docs/quickstart 

  • You will need to be careful to select your version of Python prior to creating your virtual environment

  • You also may need to tweak the requirement.txt file as mentioned in the GitHub "open issues" https://github.com/openai/openai-quickstart-python/issues 

Graphical Games (Using Pygame to create games with a Graphical User Interface)

• Intro to Pygame Module:

  • https://medium.com/byte-sized-code/the-worlds-most-boring-game-using-pygame-348c6a8f040a  or

  • https://realpython.com/pygame-a-primer/ 

• Snake Game (longer, multiple files)

  • Tutorial: https://medium.com/@robsonsampaio90/snake-game-in-python-with-pygame-291f5206a35e 

  • Detailed Explanation of first part: https://medium.com/byte-sized-code/making-a-simple-snake-game-in-python-part-1-42eb2890f0eb

  • Alternate Tutorial: https://www.edureka.co/blog/snake-game-with-pygame/ 

• Breakout (Pong) (longer, multiple files)

  • Detailed step-step tutorial with code shown: https://www.101computing.net/breakout-tutorial-using-pygame-getting-started/ 

• Another Pong tutorial (video)

  • Video: https://www.youtube.com/watch?v=C6jJg9Zan7w 

  • Link to GitHub repository with scripts: https://github.com/wynand1004/Projects/tree/master/Pong 

  • Link on info for fixing speed of ball: https://www.reddit.com/r/learnpython/comments/jx2egc/pong_with_pygame/ 

Data Recovery

• .mov file recovery http://www.lacolorpros.com/blog/?10195-How-to-Repair-DSLR--MOV-on-Corrupted-SD-Card 

• repair .exFAT file system

  •  https://superuser.com/questions/519513/repairing-a-corrupt-exfat-file-system (using TestDisk)

  • https://www.cgsecurity.org/wiki/TestDisk_Step_By_Step 

• TestDisk Manual (p. 43 for video files) https://www.cgsecurity.org/testdisk.pdf 

PhotoRec

• Overview: https://www.storagereview.com/news/how-to-recover-deleted-files-with-photorec 

• PhotoRec tutorial: https://havecamerawilltravel.com/photographer/photorec-recover-photos-memory-card/ 

• Video fixer:

  • https://superuser.com/questions/519443/recovered-video-files-wont-play 

  •  https://github.com/bookkojot/mp4fixer 

  • https://github.com/bradsk88/mf-mesh-/tree/9bbf7e15d267948529ab795c062e8962395ce0b6 

Some Autodesk Programs (including Maya) can be used for free by students.

• Go to https://www.autodesk.com/education/free-software/featured 

• Pick the program you are interested in

• Create an account using your @learn71.ca email address

• Verify your account

• Download the software

Hardware Information

• Circuit board components: https://www.seeedstudio.com/blog/2019/06/12/12-commonly-used-components-on-pcbs-for-beginners/ 

• How to Identify components on a circuit board: https://www.axcontrol.com/blog/2021/how-to-identify-components-on-printed-circuit-boards/06/07/ 

• Mac Classic II links

  • https://hardwaresecrets.com/how-to-generate-floppy-disks-for-old-macintosh-computers/

  • https://www.classic-computers.org.nz/blog/2011-12-29-disk-from-images-mac.htm 

Converting Raster Images to Vector Images using Adobe Illustrator

• https://www.makeuseof.com/tag/convert-image-vector-illustrator/ (good tutorial, although it may not match what your Illustrator looks like)

• Video tutorial: https://www.youtube.com/watch?v=Ih0lhVLseu4 

Sharing Projects with OneDrive

• In the File Explorer, right-click the folder you'd like to share and select "Share"

• Share the folder with whoever you'll be collaborating with, making the editors

• Tell  the person you have shared the folder with to:

  • Open their email, and accept the Share

  • Open OneDrive online, go to "Shared" on the left side of the screen, and find the newly shared folder

  • Click on the three dots next to folder, and select "Add shortcut to My Files"

  • This will add the shared folder in the Onedrive so it is visible in the File Explorer