1. PROGRAMMING GRAPHICS DrScheme Drawing Tools A Unique Use of Technology for ALGEBRA EDUCATION E XPANDING Y OUR H ORISONS IN MATHEMATICS AND SCIENCE March 23, 2002 Conference For Middle School Girls KAREN NORTH Westside High School Computer Science and Technology Systems Teacher

2. PROGRAMMING GRAPHICS 1. Programming Problems 2. Programmed Graphics 3. Aesthetic Benefits 4. Analytical Experience 5. Personal Attributes 6. Practical Aspects 7. Programming Environment 8. The Future

3. PROGRAMMING GRAPHICS 1. Programming Problems 2. Programmed Graphics 3. Aesthetic Benefits 4. Analytical Experience 5. Personal Attributes 6. Practical Aspects 7. Programming Environment 8. The Future

4.  Students, especially girls, avoid Computer Science  Low algebraic, abstract, critical thinking skills  Limited ability to follow logical rules  Partial attention to details  Implementing solutions before planning and organizing data PROBLEMS

5. PROGRAMMING GRAPHICS 1. Programming Problems 2. Programmed Graphics 3. Aesthetic Benefits 4. Analytical Experience 5. Personal Attributes 6. Practical Aspects 7. Programming Environment 8. The Future

6. PROGRAMMED GRAPHICS

7. A student must want to learn before he can learn. Marcus Quintillion What we have to learn to do, we learn by doing. Aristotle People rarely succeed unless they have fun in what they are doing. Dale Carnegie

8. Instead of judging children, They should be told how to correct Mistakes they make. Piaget Children are restricted because They are always being judged. The solution is to teach Programming. Seymour Papert (LOGO)

9. Knowledge is Answers to questions. Socrates Before you can love it, you have to learn it. Before you can learn it, you have to love it. Which is it?

10. To learn it, teach it. To really learn it, Teach it to a computer. EVERYONE should learn how to design programs. Matthias Felleisen

11. The process of preparing programs is Attractive because it is Economically and Scientifically rewarding, and because it is An aesthetic experience Like composing poetry or music. Donald Knuth

12. LEARNING PICTURE FOR BASIC PROGRAMMING COMMANDS

13. PROGRAMMED GRAPHICS What did you SEE that sparked your interest? What do you REMEMBER from the previous slides?

14. PROGRAMMING GRAPHICS 1. Programming Problems 2. Programmed Graphics 3. Aesthetic Benefits 4. Analytical Experience 5. Personal Attributes 6. Practical Aspects 7. Programming Environment 8. The Future

15. AESTHETIC BENEFITS  Creative and Fun?  Sport that exercises the BRAIN?  Requires thinking differently?  Requires teaching differently?  Different from other applications?

16. PROGRAMMING GRAPHICS 1. Programming Problems 2. Programmed Graphics 3. Aesthetic Benefits 4. Analytical Practice 5. Personal Attributes 6. Practical Aspects 7. Programming Environment 8. The Future

17. ANALYTICAL PRACTICE

19.  Do you see the CONNECTION to Algebra?  Do you think programming can be used as an active approach to PRACTICING ALGEBRA?  Do you see the PATTERNS?

20. PROGRAMMING GRAPHICS 1. Programming Problems 2. Programmed Graphics 3. Aesthetic Benefits 4. Analytical Practice 5. Personal Attributes 6. Practical Aspects 7. Programming Environment 8. The Future

21. PERSONAL ATTRIBUTES  Do you like IMMEDIATE FEEDBACK on your work?  Do you like EMPOWERMENT and to be in control?  Do you like to be judged or do you prefer SELF-EVALUATION?

22. PERSONAL ATTRIBUTES  Can you see your students ANALYZING and LEARNING from their programming mistakes?  Can you see your students EXPLORING and EXPERIMENTING in creating graphics?  Can you see yourself having fun PROGRAMMING GRAPHICS?

23. PROGRAMMING GRAPHICS 1. Programming Problems 2. Programmed Graphics 3. Aesthetic Benefits 4. Analytical Experience 5. Personal Attributes 6. Practical Aspects 7. Programming Environment 8. The Future

24. FREE Download from RICE UNIVERSITY PRACTICAL ASPECTS PHOTOGRAPHERS program photo editors MUSICIANS program synthesizers ACCOUNTANTS program spreadsheets WRITERS program word processors ROBOTICS WEB PAGE DESIGN DESIGN

25. PROGRAMMING GRAPHICS 1. Programming Problems 2. Programmed Graphics 3. Aesthetic Benefits 4. Analytical Experience 5. Personal Attributes 6. Practical Aspects 7. Programming Environment 8. The Future

26. PROGRAMMING ENVIRONMENT DrScheme, like LOGO, is a subset of LISP, a language used for Artificial Intelligence. Limited syntax and rules; main one is ( ). Plan on graph paper then translate to code.

28. 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 Parameters, arguments Function name Data Types

29. PROGRAMMING GRAPHICS 1. Programming Problems 2. Programmed Graphics 3. Aesthetic Benefits 4. Analytical Practice 5. Personal Attributes 6. Practical Aspects 7. Programming Environment  The Future

30. THE FUTURE  What do you see in the future classroom?  Are you excited about adding programming to your curriculum?  Are you ready to learn how to PROGRAM GRAPHICS?

31. CREDITS Graphics by Alief Elsik and Westside High School Students Background graphics created in DrScheme Rice University DrScheme Software TeachScheme! Training Workshops How To Design Programs - Dr. Felleisen Crank City Copyright Free Music