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

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?

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.

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.

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.

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

DrSCHEME DRAWING TOOLS start : number number -> void (start 640 480) 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.

DrSCHEME DRAWING LESSONS Lesson are FREE and online to support “funding” of public education at www.knorth.info: 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.

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.

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.

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.

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.

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.

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.

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 WWW.HTDP.ORG 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?

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 knorth@houstonisd.org www.knorth.info 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?