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.