220 likes | 386 Views
Programming Education Based on. Computer Graphics Animation. Yoshiaki Shindo, Hiroshi Matsuda. Nippon Institute of Technology, Japan. Programming Course. EP Course. Elementary Programming Education. ED Course. Event Driven Programming Education. SD Course. Software Design Education.
E N D
Programming Education Based on Computer Graphics Animation Yoshiaki Shindo, Hiroshi Matsuda • Nippon Institute of Technology,Japan
Programming Course EP Course Elementary Programming Education ED Course Event Driven Programming Education SD Course Software Design Education
Computer Room Student’s Workstation Teacher’s Cockpit Nippon Institute of Technology Constructed by Japan Information Processing Service Co. Ltd.
Graphics Program Training Kit WinTK-1 EP Course ED Course ED Course WinTK-2 WinTK-3
Technical Items • EP Course • 1. Understanding the Control Structure.2.Understanding the Procedure Call. • . Understanding the basic Data Structure. • ED Course • 1.Event-Driven Programming. • 2. File Access Programming. • 3.Image Data Processing. • 4.User Interface by using the Mouse Operation.
Interests and Attractiveness • . Motion of Geometric Animation or Photo • Image scrolling may stimulate student’s • Interests and Creative Sense. • 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. • . Students want to feel Visually the Result of • program execution.
WinTK GUI-Frameworks GUI Window Framework Window Paint Event Handler GMain( ) /* Entry Point*/ { Coding Area. } Mouse Event Handler Key Event Handler Timer Event Handler Frameworks provide the Simple Coding Style just like a Console mode.
Program Reading Practice • . Read the C language source codes of the Training Kit Programs. • . Re-write them according to the instruction by the teacher.( Program Re-write Practice) • . Write the Final Work Program in GUI environment on the basis of the frameworks • WinTK provides.
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
Example of Practice1 Practice2 Practice1 Practice2 Program Re-write Practice WinTK-1 WinTK-3
SD Course WinTK-4 Dragon Adventure Contents Aim of a lesson 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 ). Software Design of Concurrent programming Structure of program modules. Design of user interface items.( menu,etc)
SD Course WinTK-4 Components WinTK Frameworks Extended CG Library PiasGL4 ( 258 API Functions) OpenGLFrameworks Training Kit Programs Window Handler Mouse/Key Handler Timer Handler Virtual Animal Library ( 30s ) Interactive Modeling Tool PiasArtsit2000 Written by 3D-Script Language
Dragon and Castle Camera Work Walking through. Body Action Concurrent All Process Practice Practice Practice Practice of Concurrent Processes
SD Course Practice of User Interface Design Making of Motion Capture Tool Make a Motion Capture Tool by interactive user interface. Apply a Motion Capture Data to the animation of Dragon’s Body Action. Motion Capture File
SD Course Examples of the Final Work
Well Well Ratio of understanding level of Repeat Block by usingwhile and for Before the Practice After the Practice A questionnaire survey ofabout 800 students.( in the past 5 years )
Well Well Ratio of understanding level of Conditional Block by usingif and else Before the Practice After the Practice A questionnaire survey ofabout 800 students.( in the past 5 years )
Well Well Ratio of understanding level of Procedure Call by usingfunction and return Before the Practice After the Practice A questionnaire survey ofabout 800 students.( in the past 5 years )
Ratio of Questionnaire after this Practice Confidence of Programming Impression ofPractice Well
Graduation Work of Animation Story Cyber Theater “Thumbelina”
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.