Topic outline

  • S U I C A
    Creation of educational interactive computer animation

  • Module 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