ICT Computer Programming 11 / 12

Welcome to Computer Programming 

11 /12 course web site!

This web site portal will be used extensively in this course in order to provide students with clear assignment and project details / helpful 

links and instructive tutorials. In addition to this web site, I will also be sharing digital course textbooks and project files via my cloud portal office 365 and One note. This course is intended to provide students with a comprehensive grounding in computer programming fundamentals. 

In addition, we will be gaining a broader perspective of the field of Computer Science including aspects of computation thinking, study of algorithms, develop a timeline of key computer technologies, languages and software.  In addition, we will also be creating programs that will be used to run on several output devices; Microbit processors and Lego robotic devices. 

Course syllabus (see attachment section at the bottom of this page) 

Please complete this short course survey 

Block Three access code:

Grade site: schoology 

Please select sign up tab as a student and type in the access code below!

MN2G2-6ZX23 

Final Course week: 

• Complete ALL outstanding course work - if work is not completed then you will be "invited in" for extra catch up blocks next week. 

• Complete work in Java Netbeans IDE and Python fundamentals  

• (*) note: there will most likely be a part B added to assignment 11 - depending on how Part A goes?

We would like to welcome to our final class a representative from SFU's engineering and tech program!  

# 11 - Python Part II - Grade 12's - 1 - 7 exercises from textbook

Part A

In this next segment you will be learning, in very specific terms, how to create quality Python applications. Please use this page link  for the specific practice coding lessons. (*) Note: once you get past assignment number 8 you will need to locate the PDF version for lessons 9 through to 20 - go to Student resources / computer programming 11 / 12 / Learn Python the hard way PDF - scroll down to coding lesson number 9 to continue)

As far as where you enter in your code you can use Atom  / Eclipse IDE (reference guide)  OR 

you can use this browser based coding site (note: you will have to screen shot and paste it to MS word after you run each exercise UNLESS you want to sign up for an account. If you do you can save the exercises into the member page area (remember NEVER give personal information out and use a 'valid dummy email account if possible'. 

Part B 

? if there is time

# 11 Python Introduction - Part II Grade 11's - "interactive textbook"

Section A - Python programming conventions 

Please read through the first TWO chapters of this "interactive textbook". It is suggested that you answer all the multiple choice and select "run" to see an example of each concept as you proceed through this introduction. You are asked to submit a single page outlining TEN key points from each of the first two chapters only. In other words, if you have to explain to a friend what chapter 1 was about in specific terms you would be able to articulate 10 of the most essential components.

Section B 

? if there is time 

# 10 Introduction to Python Based Programming (both grade 11 / 12's)

In this last course segment, you will be learning some of the fundamentals of Python based programming. 

Part I - Introduction: Why learn Python? - Create an "info-graphic"

In this introductory assignment you are asked to create a detailed "info-graphic" (info-graphic explained )

that summarizes the following: 

The history of Python as a programming language / 5 specific applications of Python / what are the major differences between Java and Python. 

Articles to read: 

• Why learn Python? 

• Learn Python

Feel free to search for your own related articles and materials. 

To make an info-graphic you may accomplish this one of two ways: 

1) go to MS Publisher / in the search field at the top type in "info-graphic" which will take to a template web site. Choose one that you like and then download it to the program. 

OR 

Use a info-graphic maker site Here is a link to many different types! 

A good info-graphic web site maker

Part II - Introduction to coding with Python

Please work through these introductory lessons (Just work on the first THREE SECTIONS) - IF TIME COME AFTER YOU FINISH THE REST - THEN COME BACK AND COMPLETE THE REST!

# 8 and # 9 - Grade 12's only finish Java the Hard way 1 - 20 AND Java introduction 

using Greenfoot (hand it part one exercises 1 - 20 by this FRIDAY)

Part I - Learn Java the Hard way 1 - 20 

Grade 12's (continue working your way through "learn Java the Hard way Pdf textbook)  Complete exercises 1 - 20 - you do NOT need to do the ALICE exercises. 

Part II Greenfoot introduction 

Please follow this link to work through a game version approach to Java fundamentals. 

Please complete (six intro lessons ) Part I and Part II (the "little crab")

On Line PDF textbook for using Java with Green foot (Please use this as a reference guide for the first collection of tutorials - we'll most likely only get through the first 3 or 4 chapters) 

# 8 Alice - Java animation Part II (grade 11's)  

In this follow up course segment, we will be going deeper into ALICE to learn more about how to how to structure animations so that they work in concert with one another. 

Please complete the following: 

Control Structures "do together"

Introduction to Events in ALICE

# 7 - ALICE - JAVA animation Part II (grade 11 course students only) - Please put ALL in one folder for # 7 (due: Jan 11th)

In this next segment of the course, you will be moving away from the strictly text based JAVA coding used in the introduction. 

Although we don't want to forget any of the concepts introduced in the coding introduction, we are going to come at JAVA based coding from another perspective - "drag and drop" tile created animations. This follow's the swirl approach to teaching JAVA based coding that we outlined in class. 

Part I - Introduce yourself to the software and create your very first "scene" (headphones recommended) 

Please watch at least FOUR of the "how to videos" to learn about the structure of ALICE - 

Create your first "Alice in Wonderland" scene in Alice 

Please follow this PDF link for more information

Part II - Create your first ALICE based program - "Houston we have a Problem"...

In this next segment, you are asked to now create a Robot scene using ALICE 

Please follow these detailed instructions which show you how to get started! 

You may modify this project to make it your own, however it is suggested you follow 

the general step by step approach! 

Part III - Designing a Procedural Method 

In the third segment you will be creating a procedural Method. 

Procedural method in JAVA explained 

"...A method in object-oriented programming (OOP) is a procedure associated with a message and an object. An object is mostly made up of data and behavior, which form the interface that an object presents to the outside world. Data is represented as properties of the object and behavior as methods. For example, a Window object would have methods such as open and close, while its state (whether it is opened or closed) would be a property..."

Step by step guide in ALICE to create one. 

Java resource guide

# 7 - Grade 12 students ONLY (Please be sure you complete (1 - 16) 

Please continue with the full PDF textbook as you will continue to round out your understanding of the basic 

program architecture. 

Please locate the FULL textbook in student resources / computer programming 11 / 12 / "Learn Java the Hard way full resource"

dd

# 6 - Java Programming fundamentals (Grade 11's) - Due Jan 10th

In this next segment of the course we will be learning about the fundamental aspects of Java based coding. We will be approaching Java from a collection of vantage points in order to learn the basics of this essential programming language. In other words, many themes, vocabulary and programming conventions will appear numerous times so please don't stress if you don't grasp it all the first time round. I like to call this method of programming instruction the "swirl" method; circling around the same concepts with a gradually faster rotation as you gain skills and insights. 

This unit will proceed in the following format: 

Part I - Basic JAVA coding introduction 

Part II - A collection of  SEVEN basic subprograms that you will code in a text based format (using Net-beans or notepad) - see scanned documents. 

Part III - Grade 11's will be working with Alice to create a series of Java connected animations whereas the Grade 12's will be working with a more advanced coding unit (depending on the skill level) 

Part I A - Basic introductory skills with JAVA (Thurs. Dec 21st)

First Java scripting introduction - Using this time tested approach in Code Academy complete ONLY the first intro modules here. This introduction covers some of the KEY terms and methods for creating executable programs. Please pay attention to the way that Java code is entered as this will prove essential later in the unit. 

Part I B - Cheat Sheet (Thurs. Dec 21st)

If you're done this early, then start creating your own coding "cheat sheet" as a way of keeping track of the key ways that Java works. For example, what naming conventions do you use when saving a Java file? What is a method / a class / a compiler etc...

Why Java? 

Basic syntax / part II (Objects / classes / variables / strings....) - please be sure you have a good understanding of the information on this particular page for your quiz next TUESDAY.  

(*) Note: there will be a quiz on some aspects of the above links shortly. More details to follow.  

Part II - Creating a collection of introductory programs using Net beans IDE (Thurs. Dec 21 th) 

In this next introductory segment you will be learning how to create some basic text based programs using the compiler Net Beans. 

Section A

Please follow these steps in order to create your very first executable Java program using NETBEANS:  "Hello World" . 

Section B

Now that you have completed this, you will turn to creating a portfolio of introductory text based executable programs using the same input format as the first demo (Hello world).

These intro activities can be found in: 

Student resources / Computer programming 11 / 12 / Learn Java the Hard Way 

OR 

PDF attachment "Learn Java the Hard Way.pdf"  (bottom of this page) 

There are a collection of EIGHT intro text based programs to create that cover the essential basics of Java coding (also find assignment at the bottom of this page in attachment section as a PDF)

# 5 - Scratch - (4) Video games in total- Introduction to drag and drop coding 

December 6th - Wednesday - video game day - you must have a game or you will get "o".  

In our next course segment, we will be exploring the world of "drag and drop" programming, first pioneered by computer scientists at the Massachusetts institute of technology (MIT). This fun approach to coding allows you to learn real programming while eliminating syntax coding errors that cause many students to give up on computer science. By simply dragging and dropping the puzzle pieces together you create a series of commands for the "sprites" to execute. These commands can actually be quite sophisticated. 

This approach to coding has now been widely adopted and we will incorporate some of this approach into our upcoming unit on JAVA. 

We will explore the drag and drop approach within the context of video game design!  

Please click on this link to go to the instruction and lesson sequence page! 

Have fun! 

Please hand in each of the projects into the drop box folders under the student resources area "R: / ". 

As a culmination to this unit, you are asked to create a game of your own. The class will be both playing and rating this game based upon a collection of criteria (we'll review this beforehand). 

# 4 FTP file transfer / hosting your project using a free web hosting service

To Host your newly minted web site for free please go to link below and select:

000webhost 

Other "free" hosting sites are located on this link. However, I have not tested any of these other than "000WEBHOST".

(*) Note: you do not need to provide any personal information. If you need to use an email account I would suggest creating a "dummy account" for this purpose as I'm sure you don't want any spam mail! 

free web hosting link

Example of a folder set up with corresponding links 

Please set up your files this way (home page MUST BE titled index.html)

When you have successfully uploaded your project to the web, then please review it and then copy and paste the URL into the link here

Assignment # 3 - Create your own web site

A modern text editor - install Brackets

Part I - create your web site structure

In this first segment you will be doing the following: 

• Create a project folder 

• Create an HTML file (index.html) - with the basic structure elements copy and pasted

• Create a CSS style sheet (stylesheet.css) - with a basic structure copy and pasted

• Decide on a web site project idea - what is your site going to be about?  

• Decide on a layout for web site and colour scheme

• Add in a navigation bar (either an "inline" style tag" or you can parse it out between .html /  .css and possibly .js (see examples) 

In our next course segment, we will start scripting our own web site. Although the focus of your site is on the coding piece, we also need to pay attention tolayout design AND generating interesting and insightful content. At the conclusion of this unit, your web sites will be "live" out on the web so please no personal information or phone numbers. As well, this web site will be your web programming "calling card" so try to make it as incredible as possible.

Web site criteria

need a home page (index.html) AND four correctly linked sub pages accessible from a navigation bar

Your pages should be coded in HTML (.html) AND also use a separate CSS style sheet (.css) - please reference this from the html header section 

each page should have a navigation bar / at least one image / effective fonts and colour scheme / a table / playable video / some sort of interactive features.

Suggested subjects of your site: a restaurant / a fashion or photography site / a sports related web site / travel destinations / inspirational quotes or poetry / trends in technology / an area of computer science such as Artificial intelligence or driver-less car technology. (Please no gaming web sites for this project). 

Please read these sections before you actually start coding: CSS introduction / CSS syntax explained / 3 types of CSS style sheets

Step one

Open up a text editor (programs / accessories / notepad) OR Brackets (installation in the lab pending) 

Create a folder titled web site project (store ALL your project assets in here) 

Create a notepad page titled "index.html" (please note that you MUST change the file type manually from .txt to .html) See this example

Create a notepad file titled "my CSS style sheet.css HERE ARE INSTRUCTIONS ABOUT HOW TO LINK AND REFERENCE A CSS PAGE TO HTML

(*) Grade 12's Also please set up a page titled .js (for Java scripts) 

HTML colour code chart  

Part II - Build out the project content and functionality

Step two 

Read through the following links to begin:

• The essentials of good web design and structure

• HTML essential building blocks listed by code type

• How to code a HTML and CSS site / Important information related to containers and layouts

• A wrapper

• Using tables to space out elements such as a collection of hypertext links!

Step three

Copy and past the HTML page structure and then create an interesting navigation bar. You may script your own or else choose one off of these links. (Please select the navigation bar code from this link and paste it into your text editor OR Try these beautiful navigation bar designs that have great response - more advanced (*) Note: you must have a .html / .css and .js files in order to fully enjoy the full responsive qualities of these navigation bars. 

Next, I suggest that you write SOME original 

site content and then perhaps copy and paste some from the web (copied content should comprise no more than 20 % of your site. (please be sure to provide credit to the original content creator if possible) If needed you might add a separate page for relevant 3rd party web sites and content. You may include pictures and videos and whatever else is both interesting and relevant to your web site. 

Step four

Once you have set up your web site structure (html / css / js / navigation bar) AND you have added a link in the header section indicating that the web site browser should be looking for an external style sheet  e.g.. <link rel="stylesheet" type="text/css" href="styles.css">

Step five 

Now you will start constructing your web site. 

Make 4 copies (or the number of sub pages of your html page) and then rename them to match the title given then on the navigation bar  Then be sure to reference them per the example below.