creative technology

creative technology

[] readme new(s) workshop(s) project(s) CA1 CA2 CA3 CA4 CA5 course(s) interactive visualization / serious games resource(s) _

/ .

NM2

course description -- nm2: interactive visualization

The course description(s) are taken from the accreditation report Creative Technology (version 2.0).

The course will address the development of rich media applications using current web-based media technology, with a special focus on animation and interactive visualization(s) of dynamic complex systems. The platform used will be Adobe flex / as3.

Recommeded literature: Foundation Actionscript 3.0 Animation: Making Things Move! by Keith Peters

Online reference(s):

livedocs.adobe.com/flex/3

prerequisites:

CA1, CS1, NM1, MA1

goal(s) & attainment target(s)

During the course students are expected to learn the skills to create moderately complex media applications.

After following the course, students are expected to have

awareness of issues in information visualisation
familiarity with XML-based data and program configuration
fluency in scripting (actionscript) and the use of lfex.
full literacy in developing simple physics based animations

Students are expected to have an explorative attitude, and will be stimulated in developing aesthetically interesting animations and dynamical visualisations.

place in curriculum:

NM2 is meant to be an intermediate course, required for both ST and NM students. The course will enable students to apply their knowledge of dynamic systems and mathematics in a (media-rich) context, as a preparation for more advanced projects in virtual enbironments and game development. In relation to DE-courses, the focus of NM-courses Is primarily on technical issues and programmatic authoring.

application area & motivating example(s)

Physics based animation is an effective means of visualizing complex information structurs. Effective information visualization morever depends on intuitive ways of interaction to support exploration. Interactive information visualization is increasingly being used in web 2.0 applications, for giving access to huge amounts of user-contributed data such as blogs and video.

teaching method(s)

The course will be organized around lectures in which both technical and conceptual issues, related to animation and visualization, are dealt with. The assignments will consist of a series of basic exercises and a final exercise In which the students are required to develop a moderately complex dynamic web application.

Regular feedback will be given in classroom sessions where students present their work as well as via online comments or email. Grading will be based on basic assignments, the final assignment project with documentation, as well as an essay in which a topic of choice, either technical or in relation to issues of animation and information visualisation, is discussed in more depth.

special facilities:

computer lab & presentation facilities, installation of flex 3 SDK.

[] readme new(s) workshop(s) project(s) CA1 CA2 CA3 CA4 CA5 course(s) interactive visualization / serious games resource(s) _

/ .

NM2

course description -- nm2: interactive visualization

contents

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('form-nm2.html#slide-'); } document.write('form-nm2-intro'); if (!slidemode) document.write('.html');document.write('>');

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('form-nm2.html#slide-'); } document.write('form-nm2-intro-x'); if (!slidemode) document.write('.html');document.write('>');

prerequisites:

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('form-nm2.html#slide-'); } document.write('form-nm2-pre'); if (!slidemode) document.write('.html');document.write('>');

goal(s) & attainment target(s)

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('form-nm2.html#slide-'); } document.write('form-nm2-goal'); if (!slidemode) document.write('.html');document.write('>');

place in curriculum:

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('form-nm2.html#slide-'); } document.write('form-nm2-place'); if (!slidemode) document.write('.html');document.write('>');

application area & motivating example(s)

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('form-nm2.html#slide-'); } document.write('form-nm2-area'); if (!slidemode) document.write('.html');document.write('>');

teaching method(s)

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('form-nm2.html#slide-'); } document.write('form-nm2-method'); if (!slidemode) document.write('.html');document.write('>');

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('form-nm2.html#slide-'); } document.write('form-nm2-method-x'); if (!slidemode) document.write('.html');document.write('>');

special facilities:

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('form-nm2.html#slide-'); } document.write('form-nm2-facility'); if (!slidemode) document.write('.html');document.write('>');