Computer Programming 11 - Fall / Winter 2024
Welcome to the Course Programming 11
Instructor: T Linburg
Email contact info: telinburg@sd43.bc.ca
In this class we will be learning a range of programming languages, make computer games and create your own programs using the skills you learn in the class. In addition, we will be honing our technical problem solving skills and delving into various fields of computer and data science. The intention of this course is to provide a well rounded introduction to programming and the various topics that surround this. We will work mainly on our own but there will be many opportunities for both collaboration and connection with peers. Great programmers are as comfortable working and managing a team as they are as sole practitioners. It is key that you learn while having fun at the same time!
Drop Box - Programming 11 - Block 3 (spreadsheet only)
Drop Box - Programming 11 - Block 4 (spreadsheet only)
Create a one Drive share link - create an 'on line' spreadsheet for sharing course assignments
Create and Share links in ONE drive - A 'how to' guide
Example - T Linburg - (using Google Sheets - but you could use your Microsoft version of Excel)
T Linburg - grade and assessment link spreadsheet (adjust the share permissions to allow Mr. Linburg to edit)
Instructions:
Download an excel version
Rename the file "Last Name / First Name" - Course - Block
Drop this spreadsheet into the hand in box and then add in One Drive Share links as you complete course assignments.
It is YOUR responsibility to keep this spreadsheet updated as you complete assignments
How to access your course assignment "assessment / marks / feedback - through the My Ed BC Portal.
1. Open your computer and open an internet explorer (Google Chrome, FireFox, Microsoft Edge, Opera etc)
2. Type into the Uniform Resource Locator the website address: https://myeducation.gov.bc.ca/aspen/logon.do
3. On the page, log into your myed bc account using the account and password the school proved you. If you have forgotten your password, go to the school office to obtain a password recovery.
4. When you log onto your myed bc page, you will be able to locate your report card via a PDF file named Learning Update on the bottom right of your page.
5. Click on the top most file to get your latest report card. (If your computer is slow, it might take up to 10 seconds to download the file, so don’t panic and close the window)
6. Go to your downloads folder, (Ctrl + J on chrome) and click on the PDF file you just downloaded to view your report card.
Module # 4 - Create a Modern Web Site Major Development Project - Due:
You will now have the opportunity to create and write an entire web site from the ground up. We move from skill practice to skill implementation. Happy coding and have fun! :) (project development time - approx. 3 weeks.
Remember that being an IT developer requires not only good coding ability but also great time management skills and a sense of curiosity. After all, you will spend most of your time on what DOES NOT work rather than what DOES work.
Please read this link FIRST before you begin. It offers some useful tips on how to manage a large project while also focusing on what matters most. Good luck and happy coding...
Part I - Building your Web Site
Module # 3 - Web Design - aesthetic features / end user features
Presentation to classmates - October 4th 2024 - NO redos - you must be prepared
Exploring the best in Web Site Design
Now that we have developed some understanding of web site structure and the underlying HTML and CSS coding that creates web content, we will now turn our attention to another key aspect; design. What makes web site design stand out? How does design and site content interact in order to improve the end user experience?
What makes web site design memorable and engaging to your audience (read / respond section)
PowerPoint - "show and tell"
You will now be using our good friend PowerPoint to showcase the top 5 websites that you can find. Please consider your choices based on both a technical and design perspective. (*)Note: DO NOT USE ANY OF THE SITES LISTED BELOW AS YOUR 'TOP 5'. Please search on-line for your own inspiration!
PLEASE FOCUS ON DESIGN QUALITY NOT JUST ITS UTILITY. In other words, you tube and google are very useful but they don't indcate cutting edge design.
For each of the five finalists...
Please right click on the mouse and select "view source code" to look at how the web site was constructed. Based on your basic knowledge, offer one key insight into the coding structure (page structure, specific code function, key site feature - if possible use the "snag it tool" to screenshot the relevant section of code.
On each of the 5 slides include the following:
A heading
the URL of the web site (be sure it connects)
several clearly written bullets explaining why this site is so great (please be specific and clear and refer to the design articles if possible) - vague descriptions like..."the site is colourful" is not a helpful description.
ONE aspect of how this site is coded. For example, there is a parallax scrolling feature added to the site as inline style tag
Here are a few fascinating sites that do indeed stretch the imagination. However, these are intended for illustrative purposes only. In many cases, these sites often raise the question...is more better?
Sites for Reference ONLY - do NOT use any of these in YOUR presentation! :)
FeedMusic web site / The Bear and his Scar / On the grid / Lordz Make Me Pulse (story telling) / Mr. Doob / The boat story / Google Quick draw / Edsey Art / Change Gout / Noni / Gimez / Edita's casting / Four Seasons Hydra / Braverinwilt
Related Resources
Websites with dynamic colour schemes / CSS Zen Garden
Great Example of Parallax scrolling features / Your scroll wheel can take you on quite an adventure !
Module # 2 Introduction to HTML and CSS coding structures (coding practice structures) Due: October 2nd 2024
Part One - Structured HTML and CSS practice with Code Academy (# 3 )
In order to give us all a common foundational structure with HTML and CSS, we will be completing a series of practice modules using
Sign up for an account and then begin to work on the following:
introductory modules of HTML 5 - complete all the "free" sections
introductory chapters of CSS3 (Cascade Style sheets) 1 - 4 ONLY, the rest is NOT required.
When you have completed a section please "Print Screen" and then CTRL V in MS word (or use the snipping tool). At the end of the modules, submit a WORD document with the screen shots as proof that you have completed all the sections. Please include your individual account info.
Part Two - W3 for schools familiarizing yourself with a 'definitive' web design resource (do not submit - for information only)
Please do the following TWO exercises from this resource (W3schools - an essential resource you that will be VERY helpful when we code our web sites!)
Extra Resources and Help Guides
Module # 1 Introduction to Computer Science and hardware and networks Due:
(# 1 spreadsheet)
Assignment # 1
To get the correct URL to display on your spreadsheet follow this Link:
Pictochart share a presentation
How does a computer actually work; as programmers we should know? Make an Infographic (read / synthesize / report)
Please read this introduction which is a comprehensive look at how computers work!
Sign up for an account here:
Infographic Maker site (account sign up required) - be sure to set your permissions to 'public view' :)
I would strongly suggest....reading articles, reflecting and then writing your brief remarks from your mind and then fact checking after.
(This will help you to connect with the information and share it in a way that you understand it)
Instructions:
Please summarize the following links in an infographic format. Note that we are trying to provide a mere "snapshot" of how a computer works from both the hardware and software side of things.
Discuss these four topics (starting links - find additional yourself)- No direct copying - you must cite all links you referenced in a links page at the end of your assignment
What is hardware and what is software? How does a software program work? execute and initialize)
Binary code system (how are characters translated into numerical code and how the binary system works) How Binary and Math relate (extra explanation for the Math types :) ) another link that discusses digital to binary - Binary is based on 'on and off' - which is base two - Two great videos that explain binary computing - binary # 1 , binary # 2
The different levels and types of programming languages / another fascinating look at programming languages and structures
How does a CPU work ? How does a computer store memory? What is RAM and how does it work?
Our goal is always to take the complex and make it simple and easily understood
Clear, crisp and accurate!
Criteria
Provide us with a clear summary of the concepts mentioned above. You are strongly suggested to express your own ideas on the topics (even if they are not as well written as you'd like) as copy and paste = no learning. As well, please include a few diagrams or images that would enhance your presentation. Please include at least FIVE RELEVANT graphics or diagrams that help to explain your written work!
Resource section
How a computer works / Binary Code
Video Links
How a CPU is created - incredible!
How a transistor works - the foundation of modern tech
Assignment # 2 Introduction to Internet and the World Wide Web Due:
Instructions (Entry # 2 spreadsheet)
Please write a response to the following question?
How are the world wide web and the internet related and how does information from your web browser or your phone travel from one place to another? What else must be in place for the Internet to work from end to end (In other words, describe the hardware and steps involved)?
The history of the web / How data moves across the internet (info graphic) / How do data packets work? /
An excellent "deep dive" into how the internet works (infographic included - excellent resource!)
Watch this video on the history of the Internet - BBC clip (4 min 44 seconds)
look at what drives the internet today (5 min 27 sec) - a Google data centre The backbone of the modern internet! - Wow!
How the internet works today fiber optics (43 min) - the incredible networked world
A "log" of the first Internet message ever - it was actually written as "lo"...before the system crashed!
Now We have 'Starlink' Internet Network adding connectivity to rural locations. This is the next 'internet connectivity' revolution!
How Starlink works! (video) / Backgrounder to the Starlink Network