creative technology

creative technology

[] readme new(s) masterclass workshop(s) CA1 CA2 CA3 CA4 CA5 project(s) NM1 NM2 NM3 NM4 NM5 resource(s) _

/ .

print / present / list / cycle(s)

material-art(s)

art(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-ca1(s)

CA1

lesson material(s)

We may expect that our first year students already have some degree of media literacy, at least as it concerns using the tools and the facilities, such as socila networks a la Hyves.

we create identity -- media in context

canonical example(s) -- interactive video / portal(s)
(online) reference material(s) -- instruction(s) / teamwork software
challenging target(s) -- www.youtube.com / www.symbaloo.com/nl / create-media.blogspot.com / www.scrapblog.com

The online references should suffice for enabling the students to fullfill their assignments. However, when neceesay, the references will be augmented by explicit instruction material(s).

viewing(s)

Apart from the regular meetings and lectures it seems worthwhile to have a number of viewings, where selected videos or documentaries are shown. In addiotion to the famous edgcodes documentary, about film editing, and technological innovations in digital video editing, the following selection of video lectures and examples may considered:

inspiration(s) -- video(s)

learning(s) -- next generation
dream(s) -- last lecture
architecture(s) -- the architecture of the unfamiliar
application(s) -- hello world
(dis)order(s) -- everything is miscellaneous
game(s) -- games for change
presentation(s) -- how to (not) use powerpoint / five ways to speak
campaign(s) -- what political campaigns can teach business
politic(s) -- privacy matters
rip(s) -- a remix manifesto
idea(s) -- change the world through game design
clip(s) -- submit your clip

Such viewings may provide a preparation for the later creative explorations, and may also serve to create a honors track in developing a creative technology game.

material-ca3(s)

CA3

lesson material(s)

The material that will actually be relevant during the course, will to a large extent depend on the actual topics chosen and the context of application, for example a regional festival, or a contribution to interactive theatre production(s).

have fun and play -- installation(s)

canonical example(s) -- art(s) / quote(s)
(online) reference material(s) -- visual design / game development
challenging target(s) -- multimedia theatre / VJ! / festival(s)

Very likely, the notion of urban space(s) will play a role, one way or another, where urban space must be understood as any space outside the private space of the home where interaction between people is one of the denominated functions of that space, be it a meeting room in a health-care institution, a market place for regional goods, or the dance floor in a late night disco. The challenge here, obviously, it to develop applications that conform with the primary function(s) of such spaces, using technology that available, affordable and sufficently robust to be deployed in such a context.

material-ca4(s)

CA4

lesson material(s)

The material that will actually be relevant during the course, will to a large extent depend on the actual topics chosen and the context of application, that is the nature and size of the space(s) in which screen(s) are deployed.

ambient srceen(s) -- installation(s)

canonical example(s) -- art(s)
(online) reference material(s) -- visual design
challenging target(s) -- smart technology

In this creative application, notion(s) of public and personal space(s) will somehow play a role. The challenge here is not only to find appropriate visual design9s), in accordance with the size of the screen and its position in space, but ultimately to endow the screens with some intelligence, so that content is adaptive to context and (possibly) users or viewers.

material-ca5(s)

CA5

lesson material(s)

The material that will actually be relevant during the course, will to a large extent depend on the actual topics chosen and the context of application, that is whether the focus in on logistic(s) in transport or urban game(s).

hybrid world(s) -- installation(s)

canonical example(s) -- smart technology
(online) reference material(s) -- configuration(s)
challenging target(s) -- game(s)

In this creative application, urban space(s) will, again, somehow play a role. The challenge here is, while using serious technology yet to find (sufficiently) playful applications demonstrating the potential of these technologies to, with a reference to creative application CA2, improve our living and working tomorrow.

material-critical(s)

critical(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-de7(s)

lesson material(s)

digital content creation tools -- content, form, style, dynamics

canonical example(s) --
(online) reference material(s) --
challenging target(s) --

material-design(s)

design(s) -- collect(s) / list(s) / cycle(s)

theme(s) -- design
ideo(s) -- design
ground(s) -- design
pervasive(s) -- design
critical(s) -- design
game(s) -- design
slogan(s) -- design

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-digital(s)

digital(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-flow(s)

flow(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-game(s)

game(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-ground(s)

ground(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-hack(s)

hack(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-ideo(s)

ideo(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-interact(s)

interact(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-math(s)

math(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-music(s)

music(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-network(s)

network(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-nm1(s)

NM1

lesson material(s)

Although there are many good books available, the is also a wealth of material online, which should suffice for a first introductory course.

web technology -- content, form, style, dynamics

canonical example(s) -- game / calculator / slogan(s) / lookat(s)
(online) reference material(s) -- standard(s) / javascript / www.w3schools.com / kit(s)
challenging target(s) -- heart(s) / labs.google.com (edu / code)

In the course, we will take an example-based approach to learning, that is by showing a selection of examples that demonstrate essential features of web-technology. A dissection, or discussion of these examples will help the students in understanding the most salient features.

material-nm2(s)

NM2

lesson material(s)

Apart from the highly recommended book Visualizing Data by Ben Fry, all material(s) will be online, including a (large) number of examples, as well as reference material, and challenging targets, that examples that may serve as a target for students' accomplishments.

interactive visualization -- authoring

canonical example(s) -- animation / draw / www.processing.org
(online) reference material(s) -- resource(s) / adobe live docs: actionscript / flex
challenging target(s) -- labs.adobe.com / flash art / sample(s) / www.processing.org

During the course this list will be extended, and dependent on circumstances, particular aspects of interactive visualization will be emphasized, in particular visualization techniques that use physics-based animations as a means of conveying relationships between data, examples of which are given in the onlune resources below.

material-nm3(s)

NM3

lesson material(s)

Most of the material(s) that are currently available are related to the flex/as3 technologies that we used for our ximpel interactive video platform.

web 2.0 mashup(s) -- inspiration(s)

canonical example(s) -- flex / ximpel
(online) reference material(s) -- adobe live docs / flex
challenging target(s) -- labs.adobe.com

Apart from the technical material, we also wish to refer to a number of inspirational application(s), which are developed usinga variety of technologies.

inspiration(s) -- (serious) mashups

we feel fine -- www.wefeelfine.org
universe -- universe.daylife.com
twitter -- twittervision.com
flickr -- flickrvision.com
newsbreaker -- www.newsbreakergame.com
collage -- www.francisshanahan.com/collage/bezos/bezos_b.aspx

These inspirations can be taken by the students as a starting point for developing the mashups, prereably in a game context, using their technology of choice.

material-nm4(s)

NM4

lesson material(s)

The course virtual environments is (partially) based on my course multimedia authoring which uses, apart from flex/as3 extensions for 3D, VRML/X3D.

virtual environments -- web3D/VR

canonical example(s) -- vr
(online) reference material(s) -- resource(s)
challenging target(s) -- demo(s)

Obviously, the material for this course needs to be extended with, among others, material related to augmented reality, dependent on the role such technologies might play in our creative technology curriculum.

material-nm5(s)

NM5

lesson material(s)

Part of the lesson material will consist of literature treating the game development process, game interaction patterns, and issues concerning (cinematic) narrative(s) and game mechanics.

game development -- criteria

canonical example(s) -- wack'em / code(s)
(online) reference material(s) -- game development / resource(s) / help(s)
challenging target(s) -- rethoric(s) of chabge / resource(s) / inspire(s)

For the case studies, students will be invited to bring in material, including actual games as well as related information, such as game community sites.

material-pervasive(s)

pervasive(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-play(s)

play(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-program(s)

program(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-question(s)

question(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-reflect(s)

reflect(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-science(s)

science(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-screen(s)

screen(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-slogan(s)

slogan(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-social(s)

social(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-theme(s)

theme(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-urban(s)

urban(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

material-visual(s)

visual(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

[] readme new(s) masterclass workshop(s) CA1 CA2 CA3 CA4 CA5 project(s) NM1 NM2 NM3 NM4 NM5 resource(s) _

/ .

material-art(s)

art(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-art'); if (!slidemode) document.write('.html');document.write('>');

material-ca1(s)

lesson material(s)

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('ca1-material'); if (!slidemode) document.write('.html');document.write('>');

viewing(s)

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('ca1-inspire-viwing'); if (!slidemode) document.write('.html');document.write('>');

material-ca3(s)

lesson material(s)

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('vr-material'); if (!slidemode) document.write('.html');document.write('>');

material-ca4(s)

lesson material(s)

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('ca4-material'); if (!slidemode) document.write('.html');document.write('>');

material-ca5(s)

lesson material(s)

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('ca5-material'); if (!slidemode) document.write('.html');document.write('>');

material-critical(s)

critical(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-critical'); if (!slidemode) document.write('.html');document.write('>');

material-de7(s)

lesson material(s)

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('de7-material'); if (!slidemode) document.write('.html');document.write('>');

material-design(s)

design(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-design'); if (!slidemode) document.write('.html');document.write('>');

material-digital(s)

digital(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-digital'); if (!slidemode) document.write('.html');document.write('>');

material-flow(s)

flow(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-flow'); if (!slidemode) document.write('.html');document.write('>');

material-game(s)

game(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-game'); if (!slidemode) document.write('.html');document.write('>');

material-ground(s)

ground(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-ground'); if (!slidemode) document.write('.html');document.write('>');

material-hack(s)

hack(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-hack'); if (!slidemode) document.write('.html');document.write('>');

material-ideo(s)

ideo(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-ideo'); if (!slidemode) document.write('.html');document.write('>');

material-interact(s)

interact(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-interact'); if (!slidemode) document.write('.html');document.write('>');

material-math(s)

math(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-math'); if (!slidemode) document.write('.html');document.write('>');

material-music(s)

music(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-music'); if (!slidemode) document.write('.html');document.write('>');

material-network(s)

network(s) -- collect(s) / list(s) / cycle(s)

.. / machine(s) / art(s) / change(s) / human(s) / reading(s) / material(s) / _ / .

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('material-network'); if (!slidemode) document.write('.html');document.write('>');

material-nm1(s)

lesson material(s)

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('nm1-material'); if (!slidemode) document.write('.html');document.write('>');

material-nm2(s)

lesson material(s)

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('web-material'); if (!slidemode) document.write('.html');document.write('>');

material-nm3(s)

lesson material(s)

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('nm3-material'); if (!slidemode) document.write('.html');document.write('>');

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('collect-material.html#slide-'); } document.write('nm3-material-inspire'); if (!slidemode) document.write('.html');document.write('>');

material-nm4(s)