1. Using Programming to Create Graphics TATN / TCEA February 7, 2006
Programming Graphics
Using Programming to
Create Graphics
TATN / TCEA
February 7, 2006
Karen North, Westside High School
Houston ISD, Houston, Texas
Multimedia Teacher

2. Pre-AP CS Vertical Team…
Programming Graphics
Pre-AP CS Vertical Team…
KAREN NORTH
Technology Systems Teacher, Westside High School
Certified in Math, CS, Business, Campus Technologist, MTT
Experience teaching Algebra, Geometry, pre-AP CS, AP CS, Business
PAMELA OSSORIO
Technology Teacher, Rice Middle School
Certified in Grades 1-8 Math, BBA Finance
Experience teaching Tech Applications, Yearbook, Robotics
I have used programming for 15 years in the classroom, starting with the Apple IIE, Basic and Logo mathematics classes. -
Anyone remember that?

3. WHY Multimedia? Introduce Student to Programming through the Arts
Introduce Student to the field of Computer Science
Build CS domain knowledge skills:
Algebraic Computation
Data Analysis and Problem Solving Design
Attention to Details
Motivation to Work Ethically and Perseverance
While around 66% of the Art AP testers are female. To increase the enrollment of females in CS one of our solutions is to introduce girls to programming through the arts. And, at the same time improve the domain knowledge skills necessary for success in CS for all students
And as you can see from the list, all AP areas need practice in critical / creative thinking.Besides, all the things that CS teaches are required all subjects and TEKS objectives
If girls are never exposed to programming, how can they ever know if they like it? We have found girls are attracted to the aesthetics of a programming language that is easy to code and debug. There are other programming languages that could be used. But, we find DrScheme an easy to use IDE. The error messages made for beginners motivate discovering solutions.

4. LESSON OVERVIEW Programming Graphics Programming Environment - IDE
Use drawing tools of a line, rectangle, and circle
Design object on graph paper
Plot key positions of the object
Study the relationship of one point to another
Step-by-step write the code that creates the picture
Building a vertical-team in computer science can include many curriculum areas and many tools. We are sharing one of our tools - programming graphics. We have received a $10,000 grant to research our methods and hope to increase our team with you.
Programming used to be taught in Middle School. That gave students some experience before coming to High School. Now I have to spend 1 semester getting students ready to learn computer science.
We would like to see that preparation start in MS.
Besides, all the things that CS teaches are used in all subjects and enhance pre-AP and G/T objectives. And, what we are using is free unlike other effective software that is being used.

5. PROGRAMMING ENVIRONMENT IS EASY AND FREE
DrScheme, like LOGO, is a subset of LISP.
All languages have VERBS (actions ..) and
NOUNS (.. what is used in the action)
Algebra uses variable letters to represent data;
Programs are formulated with WORDS.
Commands and error messages set for a BEGINNER.
Limited syntax and rules
PIXEL based - can code exact location.
Pamela show her lessons. Explains she does hers as a guided lesson with all students. I do mine as an independent study module.
I show mine.
Girls are not afraid of technology, they are turned off by competitive nature of programming C++ and game emphasis.
Girls like the aesthetics of programming.

7. FUNCTIONS AND PATTERNS
Programming Graphics
FUNCTIONS AND PATTERNS
The rectangle uses arguments for
position of the corner
the horizontal length
the height, and
the color.
The circle uses parameters for
the center point
the radius, and

9. DrSCHEME DRAWING TOOLS
start : number number -> void
(start )
draw-solid-disk: posn number color -> true
(draw-solid-disk (make-posn 50 50) 40 ‘red)
draw-circle: posn number color > true
draw-solid-rect: posn number number color -> true
draw-solid-line: posn posn color > true
predefined colors: ‘white ‘yellow ‘red ‘blue ‘green ‘black
Function name
Parameters, arguments
Data Types
Function name is the ACTION
Parameters are the data matching the expected data type in the contract.

10. DrSCHEME DRAWING LESSONS
Lesson are FREE and online to support “funding” of public education at
Graphic Link - Used in Web Mastering
TechSys Link - Used as a module in Technology Systems Magnet Program I.T. Unit. These are the lessons you will see in the video.
Algebra Link - Used in algebra I in a Houston A+ Challenge research project.
Function name is the ACTION
Parameters are the data matching the expected data type in the contract.

11. Balloon Learning Lesson
Since most students prefer study in the humanities, we using that interest to encourage study in the math/science/tech fields. Communicating with the computer is a study of a language with vocabulary and syntax connections.

12. Balloon Learning Lesson
Since most students prefer study in the humanities, we using that interest to encourage study in the math/science/tech fields. Communicating with the computer is a study of a language with vocabulary and syntax connections.

13. Balloon Learning Lesson
Since most students prefer study in the humanities, we using that interest to encourage study in the math/science/tech fields. Communicating with the computer is a study of a language with vocabulary and syntax connections.

14. Balloon Learning Lesson
Since most students prefer study in the humanities, we using that interest to encourage study in the math/science/tech fields. Communicating with the computer is a study of a language with vocabulary and syntax connections.

15. AESTHETIC BENEFITS Creative and Fun...
Sport that exercises the BRAIN and builds dendrites - connections…
Requires thinking differently...
Requires teaching differently...
Different from other applications...
This is just the very beginning of a design recipe used to help students solve problems. The graphics you will see in this video are examples that help students look for patterns to create variable function. This process is also used in the teaching of algebra, which starts in the primary grades with arithmetic. Students discover creative thinking through programming graphics.

16. THE FUTURE What do you see in the 21st century classroom?
Are you excited about adding programming GRAPHICS to your curriculum?
To learn more come to the Technology Village tomorrow 1-3 for hands-on lessons.

17. CREDITS Graphics by Alief Elsik, Westside High School
and Rice Middle School Students
Background graphics created in DrScheme
Rice University DrScheme Software
TeachScheme! Training Workshops
How To Design Programs - Dr. Felleisen
I have used programming for 15 years in the classroom, starting with the Apple IIE, Basic and Logo mathematics classes. -
Anyone remember that?
Who knows how to program?
What languages?
Anyone now use programming with their students?
To do what?

19. Technology Village 1:00 – 3:00
Using Programming to Create Graphics
Technology Village 1:00 – 3:00
Individual Lessons and Questions
Karen North, Westside High School
Houston ISD, Houston, Texas
I have used programming for 15 years in the classroom, starting with the Apple IIE, Basic and Logo mathematics classes. -
Anyone remember that?
Who knows how to program?
What languages?
Anyone now use programming with their students?
To do what?