TP-1 Programming Education Based on Computer Graphics Animation Yoshiaki Shindo, Hiroshi Matsuda Nippon Institute of Technology,Japan

TP-2 Programming Course Elementary Programming Education Event Driven Programming Education Software Design Education EP Course ED Course SD Course

TP-3 Computer Room Nippon Institute of Technology Constructed by Japan Information Processing Service Co. Ltd. Teacher’s CockpitStudent’s Workstation

TP-4 WinTK-1 EP Course WinTK-2WinTK-3 Graphics Program Training Kit ED Course

TP-5 EP Course 1. Understanding the Control Structure. 2.Understanding the Procedure Call. 3. Understanding the basic Data Structure. ED Course Event-Driven Programming. 1. Event-Driven Programming. 2. File Access Programming. 3. Image Data Processing. 4.User Interface by using the Mouse Operation. Technical Items Technical Items

TP-6 1. Motion of Geometric Animation or Photo stimulate student’s Image scrolling may stimulate student’s Interests and Creative Sense. Interests and Creative Sense. 2 Students want to learn ….. How to program in Window Environment. ( Not in the Old-Fashioned Console mode. ) How to interface with Window system. About Relationship between Actual Application Software and their own programs. 3. Students want to feel Visually the Result of program execution. Interests and Attractiveness

TP-7 GUI Window Framework Window Paint Event Handler Mouse Event Handler GMain( ) /* Entry Point*/ { Coding Area. } Key Event Handler Timer Event Handler WinTK GUI-Frameworks Frameworks provide the Simple Coding Style just like a Console mode.

TP-8 Program Reading Practice 1. Read the C language source codes of the Training Kit Programs. 2. Re-write them according to the instruction by the teacher.( Program Re-write Practice ) 3. Write the Final Work Program in GUI environment on the basis of the frameworks WinTK provides. WinTK provides.

TP-9 Program Re-write Practice At first students read the source code carefully. Teacher shows the Visual Subject on the instruction screen by CG animation. Students have to work hard to modify or extend their program after repeated trial and error. Teacher’s Instruction Screen Student’s Screen

TP-10 Practice1Practice2 Program Re-write Practice Example of WinTK-1 Practice1Practice2 WinTK-3

TP-11 Examples of the Final Work

TP-12 WinTK-4 SD Course Contents 3D Computer Graphics Animation Kit. OpenGL Frameworks. Extended Graphics Library. Interactive modeling tool for 3D-shaped objects 3D-shaped Virtual Animal Library Training Kit programs( 21 Programs ). Aim of a lesson Software Design of Concurrent programming Structure of program modules. Design of user interface items.( menu,etc) Dragon Adventure

TP-13 OpenGL Frameworks Extended CG Library PiasGL4 ( 258 API Functions) Interactive Modeling Tool PiasArtsit2000 Training Kit Programs Window Handler Mouse/Key Handler Timer Handler Virtual Animal Library ( 30s ) WinTK-4 Components SD Course WinTK Frameworks Written by 3D-Script Language

TP-14 Camera WorkWalking through. Body Action Dragon and Castle Concurrent All Process Practice Practice of Concurrent Processes

TP-15 Make a Motion Capture Tool by interactive user interface. Practice of User Interface Design SD Course Apply a Motion Capture Data to the animation of Dragon’s Body Action. Motion Capture File Making of Motion Capture Tool

TP-16 Examples of the Final Work SD Course

TP-17 Ratio of understanding level of Repeat Block by using while and for A questionnaire survey of about 800 students.( in the past 5 years ) Before the Practice After the Practice Well

TP-18 Ratio of understanding level of Conditional Block by using if and else A questionnaire survey of about 800 students.( in the past 5 years ) Before the Practice After the Practice Well

TP-19 Ratio of understanding level of Procedure Call by using function and return A questionnaire survey of about 800 students.( in the past 5 years ) Before the Practice After the Practice Well

TP-20 Ratio of Questionnaire after this Practice Impression of Practice Confidence of Programming Well

TP-21 Graduation Work of Animation Story Cyber Theater “Thumbelina”

TP-22 Conclusions Most of students (85%) want to study by using Graphics Based Window Programming. Visual Subject by CG animation certainly stimulates the student’s Interests and Creative Sense. Although a questionnaire analysis would not be objectively, Our survey of Past 5 years shows that this practice ( Animation Programming ) facilitates the student’s learning and understanding.