1 / 19

Programming Graphics

Programming Graphics. Using Programming to Create Graphics TATN / TCEA February 7, 2006 Karen North, Westside High School Houston ISD, Houston, Texas Multimedia Teacher. Programming Graphics. Pre-AP CS Vertical Team… KAREN NORTH Technology Systems Teacher, Westside High School

elizabethjose
Download Presentation

Programming Graphics

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. 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

  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

  4. Programming Graphics LESSON OVERVIEW 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

  5. PROGRAMMING ENVIRONMENTIS 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.

  6. 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 the color.

  7. DrSCHEME DRAWING TOOLS start : number number -> void (start640 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 Parameters, arguments Function name Data Types

  8. 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.

  9. Balloon Learning Lesson

  10. Balloon Learning Lesson

  11. Balloon Learning Lesson

  12. Balloon Learning Lesson

  13. AESTHETIC BENEFITS • Creative and Fun... • Sport that exercises the BRAIN and builds dendrites - connections… • Requires thinking differently... • Requires teaching differently... • Different from other applications...

  14. 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.

  15. 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

  16. 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

More Related