1 / 22

Programming Education Based on

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.

dillian
Download Presentation

Programming Education Based on

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 Education Based on Computer Graphics Animation Yoshiaki Shindo, Hiroshi Matsuda • Nippon Institute of Technology,Japan

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

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

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

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

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

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

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

  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

  10. Example of Practice1 Practice2 Practice1 Practice2 Program Re-write Practice WinTK-1 WinTK-3

  11. Examples of the Final Work

  12. 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)

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

  14. Dragon and Castle Camera Work Walking through. Body Action Concurrent All Process Practice Practice Practice Practice of Concurrent Processes

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

  16. SD Course Examples of the Final Work

  17. 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 )

  18. 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 )

  19. 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 )

  20. Ratio of Questionnaire after this Practice Confidence of Programming Impression ofPractice Well

  21. Graduation Work of Animation Story Cyber Theater “Thumbelina”

  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.

More Related