1
Template for Proposed New College of Arts and Letters Course
(Please use this MS Word form to submit both original and revised proposals. Revised proposals
must use “track changes” or a different color font to show emendations.)
Revision: 12/09/09
Course Title: HMU/HAR 240 Introduction to Web Media for the Arts
Program: DOTA Core
Proposed Course # or Level: FR/SO HMU/HAR240
JR/SR
Catalog Description: Introduction to Web Media for the Arts will examine current internet
technologies, web portal developments and their application to the Arts. Through the
implementation of basic principles of PHP, MySQL, html, javascript and other web tools,
students will learn to not only incorporate media content representing their particular
interest in the arts but also implement authentication and Ecommerce tools,
customize, embed and implement external web content, explore creative and alternative
blog usages and explore the next generation cloud environment. Class discussions will
include creative aesthetic and ethical issues surrounding the implementation of popups, redirects, ecommerce, collaborative environments and code reuse. Upon the
conclusion of the course, students will have produce a fully functional website that will
serve as a portal for their creative expression as well as demonstrate a creative critical
awareness.
Goals applicable to this course: Include all that apply:





Gain a thorough understanding of the relation and implementation of internet
technologies in the arts
Incorporate media content representing the students particular interest in the arts
Create team development skills.
Develop customized, student specific web portal as a public presentation of their art
form
Understand rudimentary best practices for working on web based projects
Outcomes:




Promote ethical responsibility and awareness of the societal impact of one’s future
profession.
Promote a fuller understanding of the traditional humanities and social sciences can be
obtained through the study of science and/or technology.
Increase awareness of cultures and societies other than one’s own.
Improve writing and/or public speaking skills.
2


Increase one’s love of learning for its own sake.
Develop leadership and team skills.
Prerequisites: Intro to Technology and the Arts
Cross-listing:
HMU240, HAR240 — show cross-listed course number(s)
Percentages for: HW 20% Class work 10%
Other
Credits:
3 credits
Enrollment:
Course’s Objective:
Mid-term 20% Final
(specify both percent and kind of work)
Projects 40%
Quizzes 10%
Other NB only 3-credit courses may count as Humanities credit
Only for Dept. Majors
Not for Dept. Majors
Create a website using fundamental web tools.
Textbook(s) or References (List required and recommended texts including publisher and year in
standard format such as MLA, APA, etc.):

Morrison, Michael. “Head First Javascript”. O’Reilly Media, Inc.: 2008Beighley, Lynn
Morrison, Michael. “Head First PHP and MySQL.” O’Reilly Media, Inc.: 2008
Watrall, Ethan. “Head First Web Design.” O’Reilly Media, Inc.: 2009
The following will be compiled as courseware:

Berners-Lee, T.; Hendler, J.; and Lassila, O. 2001 "The Semantic Web" Scientific
American 284: 34-43

Leeson, Peter T., Coyne, Christopher J. The Economics of Computer Hacking Journal of
Law, Economics and Policy 1(2) 2005: 511-532.

Berendt, B., Gunther, O., and Spiekermann, S. “Privacy in E-Commerce: Stated
Preferences vs.

Actual Behavior” Communications of the ACM (48:4), April 2005, pp. 101-106.

Haefliger, S.; von Krogh, G.; Spaeth, S. "Code reuse in open source software" Advance,
pp. 1-14

David M. Berry, Giles Moss, The Libre Manifesto (2005)
3

Schwartz, Paul M., Lee, Ronald D., & Rubinstein, Ira. (2008). Data Mining and Internet
Profiling: Emerging Regulatory and Technological Approaches. UC Berkeley: Berkeley
Center for Law and Technology. Retrieved from:
http://www.escholarship.org/uc/item/2zn4z6q4
Mode of Delivery
Class meetings
Studio
On-line
Modules
Other
Program/Department Ownership: DOTA
When first offered: F2010
Sample Syllabus: Use form on next page. This syllabus should be sufficiently detailed to allow
the CAL Curriculum Committee to understand and discuss the scope of the course, its aims and
assignments. The Committee understands that this syllabus is a sample of how a course might be
organized, not a commitment to always offer the course exactly as described every time. Note
that a syllabus is not merely a listing of topics nor a restatement of the catalog description.
Department Point of Contact: Andy Brick/Brian Moriarty
Date of first meeting proposed
Date approved by individual school and/or department curriculum committee:
.
Sample Syllabus:
Topic(s)
Week 1
Week 2
Class exercises
(Optional)
Ch. 1 Head First:
Preliminary
Implement two
PHP and MySQL
Concepts: Basic
web pages (one
(Introductory HTML public, one
Website Design,
Authentication and and PHP)
private) using
Security
html and basic
Berners-Lee,
T.;
Tools: HTML, CSS,
CSS syntax
Hendler, J.; and
SSL
Lassila, O. 2001 "The What is the
Semantic Web"
definition of a
Scientific American 'good' website
284: 34-43
design?
Introduction to ECommerce, using
PHP and MySQL
Reading(s)
Ch. 2 Head First:
PHP and MySQL
(Using MySQL)
Leeson, Peter T.,
HW
Implement a two
pages website
using basic
authentication,
HTML and CSS
principles,
complete CH. 1
exercises (pgs. 29,
35)
Find two websites
that illustrate
good/bad design
principles for class
discussion.
Explore the
Install MySQL,
infrastructure
create a basic 2+
elements behind page website
web shopping cart implementing a
software systems shopping cart
4
Coyne, Christopher J.
The Economics of
What are the
Computer Hacking critical design
Journal of Law,
principles in
Economics and
implementing an
Policy 1(2) 2005:
e-commerce
511-532.
website? What
are technical and
contractual
requirements to
consider when
selling art items
on websites such
as Etsy?
Ch. 3 Head First:
Work with more
PHP and MySQL
advanced
(Using your own
shopping cart
data)
concepts
(Administration,
Configuration,
Adding and
Removing items,
Checkout)
Week 3
Introduction to ECommerce, using
PHP and MySQL
Week 4
Using web content Ch. 1 Head First:
Javascript
and having your
(Introduction to
customer interact
Javascript), Ch. 4
with your site
Tools: MySQL, PHP, Head First: PHP and
MySQL (Practical
Javascript,
applications for PHP
Photoshop
and MySQL)
Berendt, B., Gunther,
O., and Spiekermann,
S. “Privacy in ECommerce: Stated
Preferences vs.
Actual Behavior”
Communications of
the ACM (48:4),
April 2005, pp. 101106.
Week 5
Site Design
Concepts: Why
should the web
user buy from
your site?
(product
information,
presentation)
using PHP and
MySQL, complete
Ch. 2 exercises
(pgs. 67, 81)
Extend 2+ page
website from
previous week to
include multiple
products and
checking
inventory, Ch. 3
exercises (pgs.
117, 130, 137, 147,
151)
Introduce images
(using photos,
personal content)
and infrastructure
elements for a 3+
product line for
your website,
allow users to
check inventory
(include more
detailed
information than
previous week
about products
Online tutorials for Review and
Embed contextual
Implementation of
external web content embedding content on demonstration of informational
5
Tools: PHP, Ajax,
RSS, Widgets and
Gadgets
Week 6
your website
standards for
content on your
including third
website (videos
David M. Berry,
party embedded from YouTube,
Giles Moss, The
content
maps, weather
Libre Manifesto
(best/worst
data, etc.)
(2005)
practices)
Implementation of Ch. 12 Head First: Ethics and best Extend embedded
practices for using content to assist in
external web content PHP and MySQL
(Interfacing with the third party
selling your
Tools: PHP, Ajax,
RSS, Widgets and world), Online RSS content. What is products, use RSS
tutorials
acceptable use? feeds.
Gadgets
Haefliger, S.; von
Krogh, G.; Spaeth, S.
"Code reuse in open
source software"
Advance, pp. 1-14
Week 7
Customizing your
website: Intro to
Javascript
Tools: PHP,
Javascript
Week 8
Customizing your
What are the
Define examples
advantages/disadv of the use of
antages of
copyright,
copyright law?
copyleft, creative
How about
commons and
Creative
GPL. Be prepared
Commons, GPL, to discuss the
Copyleft?
functional utility of
each.
Ch. 2 and Ch. 7 Head Demonstrations of Introduce
First: Javascript
acquiring user
interactivity to
(Storing data, Forms data, storing data your website
and Validation)
and using the data (buttons,
for other
movement, forms);
Schwartz, Paul M., functional
Ch. 2 and Ch. 7
Lee, Ronald D., &
purposes
exercises (pgs. 36,
Rubinstein, Ira.
41, 59, 67, 291,
(2008). Data Mining
297, 305, 307, 311,
and Internet Profiling:
331, 337)
Emerging Regulatory
and Technological
Approaches. UC
Berkeley: Berkeley
Center for Law and
Technology.
Retrieved from:
http://www.escholars
hip.org/uc/item/2zn4z
6q4
Ch. 3 Head First:
The importance Extend your
6
Javascript (Exploring
website: More
Javascript and PHP the client)
Tools: Javascript,
PHP, HTML/CSS
of customized
interfaces and
how they effect
user experience.
website to allow
custom user
experience using
Javascript; Ch. 3
exercises (pgs. 95,
103, 107, 113,
127)
How are web
designers
implementing
customized
Find a web
websites with the template online
increasing
and implement a
prevalence of web basic javascript
templates?
customization.
Week 9 Creating a market: Embedding
Techniques in
Embed and
wordpress tutorial,
having your
customize blog
Blogs, Twitter,
AdSense tutorial
content noticed software, twitter
AdSense and
once it becomes status and use
related technologies
publicly available AdSense on your
Tools: Blogging
website
software
What is effective
advertising?
Brief 1-2 page
essay on the
evolution of web
advertising
methodologies.
Week 10 Creating project
Getting Started
Overview of the Create a proposal
tutorial at
benefits of project for final project
prototypes using
www.processing.org prototyping,
using Processing
Processing
tutorial of using and Processing.js
Tools: Processing,
Processing
Processing.js
How does an
artist approach
project planning?
How is this the
same (or
different) from
standard project
management
practices?
Week 11 More on Processing Coordinate System More depth
concerning usage
and Processing.js and Shapes, Color
and Objects tutorials of Processing and
at
Processing.js;
www.processing.org critique of final
project proposals
Based on
feedback, create
formal proposal for
final project
7
Week 12 Working with
Online Google Wave How do wikis
tutorials
and collaborative
others: Wikis,
environments
Google Wave and
‘work’? What is
the implementation
the infrastructure
of collaborative
underneath the
environments
functionality?
Week 13 Wikis, Waves and
the implementation
of collaborative
environments
NA
Week 14 Final Project
Presentation
NA
Consider how your
project could be
enhanced and/or
extended using
collaborative
environments and
write 1-2 page
summary; provide
Identification and progress report on
discussion on next final project
generation tools.
A review of
Complete final
successfully
project
implemented
websites using
principles and
techniques
learned in class.
Review of final Final Website due
websites
Please submit this information electronically to the your program director, who will forward it to
Ed Foster and the CAL CC requesting the proposal be added to the CAL CC Committee agenda.
Please allow at least 2 months for approval: there will be a first meeting to introduce and discuss
the proposal, and a second meeting to consider for approval. Stakeholders must be available to
the Committee during meetings discussing proposals.