Topic outline
S U I C A
Creation of educational interactive computer animationModule I. Base technologies
Lesson №1. Introduction
Introduction to the course – content, technologies, expectations, requirements, evaluation.
Lesson №2. HTML5
HTML5 – what, why and how, text formatting, base tags, links, tables.
Lesson №3. CSS rules
CSS rules – cascading styles, rules, selectors.
Lesson №4. CSS styles
CSS styles – colours, sizes, fonts, styling texts, blocks, borders.
Lesson №5. JavaScript
JavaScript – general syntax, variables, functions for numbers, using in HTML, strings, arrays, simple objects, cycles.
Lesson №6. DOM
DOM – programming access to elements in an HTML page, finding elements, changing properties, processing events.
Test №1
Module II. Graphical objects
Lesson №7. Graphics and geometry
Graphics and geometry – types of dimensions. Cartesian, polar and spherical coordinate systems. Basic problems, cases and solutions.
Lesson №8. Library Suica
Library Suica – Introduction to WebGL and Suica. Creating a graphical window and setting its background colour. Using RGB colours. Visualizing the coordinate system and activating automatic orbiting.
Lesson №9. Points and lines
Point and lines – Vector and functions for vectors. Graphical objects point, line, ray and segment. Properties and examples.
Lesson №10. Squares and cubes
Squares and cubes – Squares, rectangles, cubes and cuboids. General properties and example programs. Orientation in space, properties spin, focus and origin.
Lesson №11. Circles and spheres
Circles and spheres – circle, ellipse, sphere and spheroid - properties and examples. Cylinder, cone, cylindroid, conoid, prism and pyramid - properties and examples.
Lesson №12. User objects
User objects – objects and styles, ways of creating objects, anonymous and named objects. Functions custom and sameAs. Group objects. Clipping planes.
Test №2
Module III. Animation and interactivity
Lesson №13. Animation
Animation – general principles. Motion along a straight line and a segment. Motion with velocity vector and with linear combination.
Lesson №14. Circular motion
Circular motion – motion on a circle, ellipse and arc. Motion on the surface of a cylinder, sphere and ... cube.
Lesson №15. Interactivity
Interactivity – working with the mouse. Mouse events. Interactive drawing. Interactive sketching.
Lesson №16. View point
View point – elements and their role. Motion of the view point. Following a moving object.
Lesson №17. Dragging objects
Dragging objects – following an object. Hard and soft link. Object selection. Implementation of drag-and-drop. Interactive scene rotation and scaling.
Lesson №18. Bound drag and drop
Bound drag and drop – dragging object with restricted positions. Dragging on a line, segment, circle. Dragging non-coordinate values.
Test №3
Module IV. User interface
Lesson №19. User interface
Entering data. Text fields. Interactive controls. Checkboxes. Radiobuttons. Password fields. Selecting colours, dates and ranges.
Lesson №20. Geometric visualization
Representing geometrical objects: coordinate systems with grids, segments with end points, vectors with arrows, sphere, cylinder, cone, torus.
Lesson №21. Textures
Introduction to textures. Loading textures. Seamless textures. Using textures. Multiple texture. Other properties.
Lesson №22. Effects and selected topics
Multiple graphical elements. Text over graphics. Full-screen graphics. Background music and sound effects. Selected topics.
Lesson №23. Software for users with special needs
Users with special needs. Criteria for software development. Accessibility. Motor, vision, audio and learning problems.
Lesson №24. Course projects
Evaluation. Project. Criteria. Frequently made errors.
Test №4
Module V. Educational software
Lesson №25. Example project in Geometry
Example project "Right triangle". Project demonstration. Comments on project design and implementation. Covering evaluation criteria.
Lesson №26. Example project in Physics
Example project "Ballistic canon". Project demonstration. Comments on project design and implementation. Covering evaluation criteria.
Lesson №27. Example project in Biology
Example project "DNA games". Project demonstration. Comments on project design and implementation. Covering evaluation criteria.
Course projects