creative technology

creative technology

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

/ .

NM1

course description -- nm1: web technology

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

content(s)

The course presents elementary web technology, primarily focussed on the use of HTML, XML, CSS, and Javascript, needed for authoring dynamic web pages.. Recommended literature: JavaScript: The Definitive Guide by David Flanagan

Online reference(s):

www.w3schools.com/

prerequisite(s):

CS1 -- computer & network architecture(s)

goal(s) & attainment target(s)

The course aims at providing

awareness of web 2.0 business model(s)
familiarity the complex computational infrastructure provided by the web platform
fluency with (X)HTML, CSS styling, javascript and forms
full literacy with authoring dynamic web pages

Students are expected to have a sufficient degree of curiosity, and will be stimulated to develop their skills in the actual production of playful dynamic web pages.

place in curriculum:

NM1 is an introductory course for all students. It is relevant to NM2 (interactive visualization), for publishing the results of CA-projects, as well as for the creation of individual portfolio(s).. In relation to DE-courses, the focus of NM-courses Is primarily on technical issues and programmatic authoring.

application area & motivating example(s)

Dynamic web technology is used in a variety of ways, for example in simple online games, advertisement, and online shopping sites. Another interesting domain is web art, from which students may get inspiration for more advanced applications..

teaching method(s)

The course will be organised around lectures, which will introduce basic examples and which will provide an in-depth explanation of the technologies. 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 the business model of the web or its societal impact, is discussed in more depth.

special facilities:

computer lab & presentation facilities

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

/ .

NM1

course description -- nm1: web technology

content(s)

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

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

prerequisite(s):

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('form-nm1.html#slide-'); } document.write('form-nm1-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-nm1.html#slide-'); } document.write('form-nm1-goal'); if (!slidemode) document.write('.html');document.write('>');

place in curriculum:

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('form-nm1.html#slide-'); } document.write('form-nm1-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-nm1.html#slide-'); } document.write('form-nm1-area'); if (!slidemode) document.write('.html');document.write('>');

teaching method(s)

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

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

special facilities:

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