1. art and entertainment
2. visual art and design
3. design

HENDRIK SPECK
HOCHSCHULE KAISERSLAUTERN. STANDORT ZWEIBRUECKEN. DEPARTMENT OF
COMPUTER SCIENCES / DIGITAL MEDIA * AMERIKASTRASSE 1, 66482 ZWEIBRÜCKEN,
GERMANY * TEL: +49 631 3724 5360 * FAX +49 631 3724 5313 * HTTP://WWW.HS-KL.DE
COURSE DESCRIPTION – MEDIA DESIGN / HYPER MEDIA DESIGN
This course will provide a solid introduction into media design and hyper media design, including color, color theory,
typography, multi media, and corporate identity design. The class will teach how to devise and develop basic multi media projects; understand and apply color theory, use fonts, type and typography, and create basic Web pages using Hyper Text Markup Language (HTML). The course will cover the basic HTML framework, font, type, and text formatting,
images and graphics, as well as different color and perception models. Students will focus on design and aesthetic considerations but special attention will be devoted to readability, usability, coding syntax and implementation methods.
Students will apply the lessons from the class, and create and design several multi media projects, homepages, and
portfolios. Projects assigned include a resume, a personal portfolio, logos, self created fonts, the application of type,
corporate identities, hypermedia projects, and marketing campaigns.
COURSE OBJECTIVES
After completing this course, students will have learned the basic HTML syntax and attributes that will allow them to
create basic Web pages and format text, images and other media to make it Web-ready. The class will also develop the
analytic and aesthetic skills of the student and enable the participant to deconstruct, analyze, understand, and
(re)produce multimedia and hypermedia works and projects.
The students will be able to embed images, text, and other media in Web pages and create hyperlinks to other pages,
graphics, and miscellaneous Internet services (including FTP, telnet, newsgroups, etc.). Students will design, edit and
implement basic and nested page structures, tables, image maps and basic navigation systems. The participants will understand the fundamentals color theory and apply design criteria, color, as well as type and typography on several multimedia projects.
The students will publish their work and personal portfolios and not only demonstrate their creative, aesthetic, and
analytic skills during several exercises and assignments, but also exhibit the level proficiency and media literacy. In addition, all students will gain familiarity with the Internet and find additional, valuable reference and software materials
online.
APPOINTMENTS
Every student is encouraged and invited to use the following office hours to address personal problems and discuss the
assignments or course topics. Additional appointments and consultations can be scheduled with the Teaching Assistant.
.....................................................................................................................................................................................................................
Office hours: ............................................................................................... Wednesday 11:45AM – 13:15PM or by appointment
Room: ............................................................................................................................................................................................ O 017
Teaching assistant: ........................................................................................................................................................... Sonja Krauß
Room: ........................................................................................................................................................................................... O 016
Phone: ................................................................................................................................................................... +49 631 3724 5348
COURSE FORMAT
The class will consist of a mix of lecture, workshop, discussion, online participation and in-class "critique" sessions
with other students and potential users. Students are required to prepare a small set of readings for class and discussion.
An additional reading list will be provided to help students explore problems they encounter as they work on their projects. Throughout the entire course, students and participants will iteratively critique each other’s assignments, works,
programs and designs.
PREREQUISITES
Familiarity with the Internet
SCHEDULE
Week 1
Introduction/ Prerequisites/ Instructor/ Resources/ Projects ..................................................................................
Design, Pattern, Composition, Color, Type, Sound, Animation .................................................................................
Composition, Formats, Proportions ................................................................................................................................
.................................................................................................................................................................................................
THINKING * CONSULTING * WRITING * SPEAKING * INVESTING
[email protected]
First Assignment. Resume Due for Presentation (Print Version) at Week 2 and Registration of/Application
for Domain Name. It is assumed that the résumé’s objective will be a job application and this decision will
influence the content, structure, and form of the document. ......................................................................................
Resource. European Centre for the Development of Vocational Training (Centre Européen pour le Développement de la
Formation Professionnelle). European Curriculum Vitae. ................................. http://cedefop.eu.int/transparency/
Resource. European Commission. Employment and Social Affairs Directorate-General. .......................................................
............................................................................................................................................. http://ec.europa.eu/social/
Resource. EURES (European Employment Services). ........................................... http://www.eurescv-search.com/
(All students are required to register and use a personal domain following the format of:
www.firstnamelastname.tld. The choice of the top-level domain is up to the student. The domain will provide the basis for the online resume, portfolio, and other assignments of the student. Emails and submitted
assignments will only be accepted from this particular domain/email address.) ......................................................
Required. DIN A4/8.5”x11” size printouts of the resumes have to be submitted in English, in a visually appealing form. The document has to follow international standards, norms, and regulations. (See above.) .........
Resource. WhoIsReport. Domain Name and WhoIs Search. ............................................... http://www.whois.sc/
Resource. SpeedNames. ............................................................................................... http://www.speednames.com/
Resource. DailyChanges. Domain Server and ISP Report. ................................... http://www.dailychanges.com/
Resource. Namezero. US Provider. ............................................................................... http://www.namezero.com/
Resource. Godaddy. US Provider. ................................................................................... http://www.godaddy.com/
Resource. Powweb. US Provider. ..................................................................................... http://www.powweb.com/
Resource. Strato. EU Provider. ................................................................................................ http://www.strato.de/
Resource. EinsundEins. EU Provider. ......................................................................... http://www.einsundeins.de/
Resource. Schlund und Partner. EU Provider. ..................................................................... http://www.schlund.de/
Presentation Assignment. Each student is required to deliver a personal presentation. It is the responsibility
of each student to propose and confirm the topic of the presentation with the instructor. The presentations
have to reflect the curriculum of the next classes. Each presentation should be around 15 minutes, supported by appropriate media and accompanied by a one-page handout following the DIN A4/8.5”x11” template
provided by the instructor. Examples might include certain programming or design technologies (CSS,
XML, PHP, Flash), or a specific color (Red, Yellow, Blue, Orange, Green, Purple, White, or Black), focusing
on color history, social, cultural and religious usage and effects, fashion, politics. Other topics might discuss
a specific font (Times, Times New Roman, Arial, Helvetica, Futura, Garamond, Courier, Antiqua, Tahoma,
Sütterlin, Cyrillic, Kanji, or Verdana), including font history, creator, usage, specifics, and attributes etc. .........
Required. Presentation. Handout. ....................................................................................................................................
Example. Kahlau, Matthias. Font Family Garamond. 2002. ............................................................................................
Week 2
HTML and WWW: Internet, World Wide Web and HTML .......................................................................................
.................................................................................................................................................................................................
Internet/ History/ WWW/ Email/ Newsgroups/ FTP/ TCP IP .............................................................................
HTML Document Structure / Basic Elements / Structural Defintion / Font Formatting / Divider ..................
RGB Color System / HTML Colors ................................................................................................................................
WWW World Wide Web/ Domain Name System DNS/ Uniform Resource Locator URL ................................
HTML Hyperlinks / HTML Images / Image Formats
HTML Lists / Tables / Frames .......................................................................................................................................
HTML5 / New Features / Doctype / Elements ...........................................................................................................
.................................................................................................................................................................................................
Reading. Duckett, Jon. HTML & CSS. Design and Build Websites, First Edition. .........................................................
Reading. Niederst Robbins, Jennifer. HTML5 Pocket Reference, Fifth Edition...............................................................
Reading. Holzschlag, Molly E. Special Edition Using HTML 4. .....................................................................................
Reading. Charuhas, Christopher G. HTML and JavaScript for Visual Learners. ...........................................................
Reading. Flanders, Vincent. Web Pages that Suck. .............................................................................................................
Book. Siegel, David. Creating Killer Web Sites. ..................................................................................................................
Book. Niederst Robbins, Jennifer. Learning Web Design: A Beginner's Guide.................................................................
Book. Niederst Robbins, Jennifer. Web Design in a Nutshell, Third Edition. ..................................................................
Book. Spiekermann, Erik and E.M. Ginger. Stop Stealing Sheep & Find Out How Type Works. .................................
.................................................................................................................................................................................................
Resource. W3C. Standardization Committee for the WWW. ................................................... http://www.w2.org
Resource. SelfHTML. Wiki for HTML/CSS Content Creation. ........... http://wiki.selfhtml.org/wiki/Startseite
Resource. W3Schools. Tutorials and Examples. ......................................................... http://www.w3schools.com/
Resource. W3C Validator. ..................................................................................................... http://validator.w3.org/
Resource. findmebyIP. Browser Support of HTML5/CSS3 Elements ........ http://www.findmebyip.com/litmus
Resource. RGB-to-Hex Conversion. ..................................................http://www.javascripter.net/faq/rgbtohex.htm
Resource. Kuler. Adobe..................................................................................................https://www.kuler.adobe.com
Resource. HTML5 Boilerplate. Front-end Template for Web Pages. ............... http://www.html5boilerplate.com
Resource. Netmechanic. Page Validator, Optimizer. .............................................. http://www.netmechanic.com/
Resource. Way Back Machine. ......................................................................... http://www.archive.org/index.html/
Resource. HTML Pretty Print. .................................................................... http://selfpromotion.com/prettyprint.t
.................................................................................................................................................................................................
First Assignment. Resume Due for Presentation (Print Version) .................................................................................
Second Assignment. Online Resume Due for Presentation (Online Version) .............................................................
Prepare a HTML version of the resume and upload the complete code to your domain at Week 3. All
HTML code has to be created by using Wordpad/Notepad only – the usage of HTML editors, Wysiwyg
programs, or converters is forbidden in this class and will result in a lower grade. Please validate the code
with one of the resources given above. ...........................................................................................................................
Required. Registered Domain Name, Resume online, URL/Domain submitted to the teaching assistant. ........
Week 3
HTML and WWW: Organizing and Formatting of Text .............................................................................................
.................................................................................................................................................................................................
Cascading Style Sheets (CSS) / Syntax ............................................................................................................................
CSS3 / New Modules / Examples / Browser Support .................................................................................................
Web Layout / Container / White Space ..........................................................................................................................
Screen Resolution / Viewport / Browser Size ................................................................................................................
Layout Types / Fixed / Liquid / Elastic / Responsive .................................................................................................
Webdesign for Mobile Devices / Statistics ......................................................................................................................
Mobile Webdesign / Normal View / Own App / Mobile ..........................................................................................
Responsive Design / Basic Rules / Media Queries / Testing ......................................................................................
.................................................................................................................................................................................................
Resource. World Wide Web Consortium. .................................................................................... http://www.w3c.org/
Resource. SelfHTML. Wiki for HTML/CSS Content Creation. ........... http://wiki.selfhtml.org/wiki/Startseite
Resource. W3Schools. Tutorials and Examples. ......................................................... http://www.w3schools.com/
Resource. CSS3.info. Blog, News and Tutorials........................................................................ http://www.css3.info
Resource. Web Standards Project. WASP: Fighting for Standards. ........... http://www.webstandards.org/about/
Resource. Mobilizer. Preview Tool for mobile Development. ............... http://www.springbox.com/mobilizer/
Resource. iPhoney. iPhone Web Simulator. ............................................. http://www.marketcircle.com/iphoney/
Resource. MobiReady. Testing Tool for Evaluation mobile-readiness. .........................................................................
..................................................................................................... http://www.ready.mobi/launch.jsp?locale=en_EN
Resource. W3C MobileOK Checker. Testing Tool des W3C for mobile Usage. http://validator.w3.org/mobile/
Resource. iPadPeek. For Testing Websites for iPhone and iPad. ........................................ http://ipadpeek.com/
Resource. MobileTest. Mobile Testing for different Devices. ................................................http://mobiletest.me/
Reading. Rochmis, Jon. “Wired News: A Site for Your Eyes.” Wired News. October 11, 2002 .............................
.................................................................................................................................................................................................
Second Assignment. Resume Due for Presentation (Online Version). ........................................................................
Third Assignment. Online Portfolio Due for Review with Instructor at Week 4 .........................................................
Based on the resume, expand your online presentation and create a personal portfolio. Research, identify,
and realize a structure and form to represent yourself. Create several interlinked pages that include pictures.
Required. Upload of Portfolio. .........................................................................................................................................
Week 4
HTML and WWW: Usability, Cross Platform Compatibility and Performance ......................................................
.................................................................................................................................................................................................
Usability: Definition / Jakob Nielsen ..............................................................................................................................
Web Usability / 40 Web Design Recommendations .....................................................................................................
Website Update Concordia University ............................................................................................................................
Cross Platform Compatibility: Target Group / Social Group / Country / Device and Media .............................
Screen Resolution / Statistics.............................................................................................................................................
Screen Paradigms of Android / Meta Guideline / Terms and Concepts / Range of Screens / Density .............
Steam. Primary Display Resolution. Survey. ....................................................................................................................
Browser and Plugins / Cross Compatibility / Testing .................................................................................................
Bandwidth Considerations / Data Transfer Rates / Broadband Subscriptions / Media Usage .............................
Platform UI Paradigms ......................................................................................................................................................
Search Engine Optimization: Search Engine Coverage / Guidelines / What a Search Engine may (not) see
Page Optimization / Site Optimization ..........................................................................................................................
Performance Optimitzation: Website Performance / Test Criteria / Just Ping / Website Speed Test
Page Performance Test ......................................................................................................................................................
.................................................................................................................................................................................................
Resource. Webpagetest. Test your Website Performance. ............................................ http://www.webpagetest.org
Resource. Just Ping. Free online ping. ........................................................................................ http://just-ping.com/
Resource. Nibbler. .............................................................................................................. http://nibbler.silktide.com/
Resource. browsers.evolt.org (Browser Archive) ................................................................ http://browsers.evolt.org/
Resource. Nielsen, David. Killer Websites. .................................................................... http://www.killersites.com/
Resource. Nielsen, Jakob. useit.com ........................................................................................ http://www.useit.com/
Resource. Nielsen, Jakob. The Alertbox: Current Issues in Web Usability ............ http://www.useit.com/alertbox/
Resource. Usability Testing and Human Factors Resource. ............................... http://www.cre8pc.com/ui_adv.html
Resource. Yale University. Web Style Guide. .................. http://info.med.yale.edu/caim/manual/contents.html
Resource. Wichita State University. Usability News. .... http://psychology.wichita.edu/surl/usability_news.html
Resource. Section508. ...................................................................................................... http://www.section508.gov/
Resource. Department of Justice. Section 508. ................................ http://www.usdoj.gov/crt/508/508home.html
Resource. Web Accessibility Initiative (WAI). .................................................................... http://www.w3.org/WAI/
Resource. Usable Net. Website Testing Systems. ........................................................ http://www.usablenet.com/
Resource. Usability.Gov. U.S. Department of Health and Human Services. ............ http://www.usability.gov/
Resource. HCI Bibliography. Human-Computer Interaction Resources. ................................ http://www.hcibib.org/
Resource. ACM/SIGCHI. ACM Special Interest Group on Computer-Human Interaction. ..............................................
........................................................................................................................................... http://www.acm.org/sigchi/
Resource. Usability News. Usability and Web Design. ........................................... http://www.usabilitynews.com/
Resource. W3C. Web Accessibility Initiative (WAI). ........................................................ http://www.w3.org/WAI/
Resource. W3C. Resource Description Framework (RDF). ................................................ http://www.w3.org/RDF/
Resource. Checky. Plug-in for Mozilla based Browser. ............................................... http://checky.mozdev.org/
Resource. Uzilla. Software Suite for Web Usability Testing. ............................................ http://www.uzilla.net/
Resource. Updsdell, Chuck. Browser News. ......................... http://www.upsdell.com/BrowserNews/index.htm
Resource. CSS Cascading Style Sheet Optimizer. ................................ http://flumpcakes.co.uk/css/optimiser/
.................................................................................................................................................................................................
Reading. Screen Paradigms of Android. ..................................................................................................................................
..................................................................... http://developer.android.com/guide/practices/screens_support.html
Reading. Steam. Hardware and Software Survey. February 2013 .............http://store.steampowered.com/hwsurvey
.................................................................................................................................................................................................
Book. Krug, Steve. Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition. Aug 28, 2005. .
Book. Nielsen, Jakob. Designing Web Usability : The Practice of Simplicity. December 1999. ........................................
Book. Rosenfeld, Louis, and Peter Morville. Information Architecture for the World Wide Web: Designing Large-Scale
Web Sites, 3rd Edition. December 4, 2006. .........................................................................................................................
Book. Goto, Kelly and Emily Cotler. Web ReDesign: Workflow that Works, 2nd Edition. Dec 20, 2004. ...................
Book. Wodtke, Christina. Information Architecture: Blueprints for the Web, 2nd Edition. Feb 1, 2009. ...........................
Book. Cooper, Alan. About Face: The Essentials of User Interface Design. August 11, 1995. .........................................
Book. Cooper, Alan. The Inmates Are Running the Asylum: Why High Tech Products Drive Us Crazy and How To Restore The Sanity. Mar 5, 2004. ..............................................................................................................................................
Book. Mullet, Kevin and Darrell Sano. Designing Visual Interfaces: Communication Oriented Techniques. December
5, 1994. .................................................................................................................................................................................
Book. Rubin, Jeffrey. Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests. John Wiley &
Sons. May 12, 2008 ..............................................................................................................................................................
Book. Dumas, Joseph S., and Janice C. Redish. A Practical Guide to Usability Testing. Intellect. October 1, 1999 .
.................................................................................................................................................................................................
Remark: Further Usability and Accessibility information can be found in the appropriate categories of the
Open Directory Project at:: ...............................................................................................................................................
................................ http://dmoz.org/Computers/Internet/Web_Design_and_Development/Web_Usability/
................................... http://dmoz.org/Computers/Internet/Web_Design_and_Development/Accessibility/
.................................................................................................................................................................................................
Third Assignment. Portfolio Due for Presentation ...........................................................................................................
Fourth Assignment. Color Wheel Due for Review with Instructor at Week 6 ............................................................
Create a Color Wheel with a diameter of 18 centimeters, an outer ring consisting of 12 colors/sections, a
center in 50% neutral Grey, with 4 steps in between. It is recommended to prepare the assignment based on
several color samples. Each color sample shall consist of only one opaque color. .................................................
Example. Thiele, Frédéric Philipp. Color Wheel. Handmade and Digital. 2002 ..............................................................
Resource. Interactive Color Wheel. ...................................................... http://rocq.home.att.net/SIHwheel.html
Week 5
Color Theory ........................................................................................................................................................................
.................................................................................................................................................................................................
Introduction/ Meaning of Color/ History .....................................................................................................................
Newton / Goethe / Runge / Munsell / Itten ...............................................................................................................
Color Wheel / Primary Colors/ Secondary Colors/ Related Colors/ Complementary Colors ............................
Vocabulary of Color ...........................................................................................................................................................
Color Systems: CMYK/RGB/HLS/LAB ......................................................................................................................
RAL / Pantone/ HKS/ Additive and Subtractive/ Color profiles ............................................................................
Color Depth and File Size .................................................................................................................................................
Perception/ Light/ Eye/ Spectrum/ Color Sensibility/ Color Blindness ................................................................
.................................................................................................................................................................................................
Fourth Assignment. Color Wheel Review ...........................................................................................................................
Week 6
Color Theory / Perception of Color and Beauty ............................................................................................................
.................................................................................................................................................................................................
Usage of Color / Favoured and unpopular Color male and female ............................................................................
Fashion/ Environment/ Culture/ Religion/ Politics/ Flags ......................................................................................
Cold/ Warm/ Neutral Colors ...........................................................................................................................................
DuPont Automotive Color Popularity Report ................................................................................................................
Color Associations / Connotations / Practical Examples ...........................................................................................
Color Schemes / Guidelines .............................................................................................................................................
Perception of Culture, Skin Color and Beauty ................................................................................................................
What is Beauty? / Influences for Perception of Beauty ................................................................................................
.................................................................................................................................................................................................
Resource. Color Scheme Designer. Tool for creating color combinations. ......................................................................
............................................................................................................................ http://www.colorschemedesigner.com
Resource. Kuler. Adobe. ................................................................................................ http://www.kuler.adobe.com
Resource. ColorLovers. ................................................................................................... http://www.colourlovers.com
.................................................................................................................................................................................................
Book. Küppers, Harald. Grundgesetz der Farbenlehre. ........................................................................................................
Book. Kandinsky, Wassily. Punkt und Linie zur Fläche. ....................................................................................................
Book. Itten, Johannes. The Color Star. ..............................................................................................................................
Book. Goethe, Johann Wolfgang von. Farbenlehre. ........................................................................................................
Book. Long, Jim and Joy Turner Luke. The New Munsell Student Color Set. .................................................................
Resource. Virtual Colour Museum. 59 Colour Theories. ......................................... http://www.colorsystem.com/
Resource. Color Matters. Perception, Psychology, and Culture. .......................... http://www.colormatters.com/
Resource. Mundi Design. Principles of Design. .......... http://www.mundidesign.com/presentation/index2.html
.................................................................................................................................................................................................
Fourth Assignment. Color Wheel Due for Presentation .................................................................................................
Fifth Assignment. Color Exercise Due for Presentation at Week 7 ..............................................................................
Explore the effects of color on perception and feelings. Prepare an abstract interpretation of one of the following topics based on colors. (Topics: Salty, Sweet, Spicy, Bitter, Warm, Cold, Dry, Wet, Happy, Sad, Lonely, Young, Old, Mighty, Weak, Cheap, Expensive, Stormy, Calm, Nice, Ugly, Close, Far, Deep, Flat, Dirty,
Clean, Slow, Fast). The topics will be assigned during the class. The exercise is a team project of two students. .....................................................................................................................................................................................
Required. Color Exercise DIN A3/11”x17”. .................................................................................................................
Week 7
Typography: Logo Design .................................................................................................................................................
.................................................................................................................................................................................................
Basics of Logos / Different Types of Logos / Figurative Marks / Word Marks / Combination of Both /
Sign Marks .............................................................................................................................................................................
Trademark Policy ................................................................................................................................................................
Criteria of Logo Design .....................................................................................................................................................
Logo of Letters / Examples ..............................................................................................................................................
Design Evolution / Logo Design Process. Mozilla Thunderbird. Logo History. .....................................................
Eastern Typography ...........................................................................................................................................................
.................................................................................................................................................................................................
Resource. Fontshop. (Commercial Fonts) ..................................................................... http://www.fontshop.com/
Resource. Linotype. (Commercial Fonts) ......................................................................... http://www.linotype.com/
Resource. Monotype. (Commercial Fonts) ....................................................................http://www.monotype.com/
Resource. Fontexplorer. (Font Identification) .......................................................... http://www.fontexplorer.com/
Resource. Fontfile. (Free fonts) ...........................................................................................http://www.fontfile.com/
Resource. Fontface. (Free fonts) ........................................................................................ http://www.fontface.com/
Resource. Free Fonts. (Free fonts) ..................................................................................... http://www.free-fonts.com/
.................................................................................................................................................................................................
Book. Maxbauer, Andreas; Maxbauer, Regina. Praxishandbuch Gestaltungsraster. .........................................................
.................................................................................................................................................................................................
Fifth Assignment. Color Exercise Due for Presentation. ................................................................................................
Sixth Assignment. Logo Due for Review with Instructor at Week 8 ...........................................................................
Develop, based on your own initials, a typographic sign/or icon that you wish to be identified with, and upload and include the results in your online portfolio. ...................................................................................................
Required. Uploaded PostScript version of assignment and DIN A4/8.5”x11” printouts of the logo in different sizes (diameter 18 cm, 6 cm and 1cm). .....................................................................................................................
Week 8
Font, Type, and Typography .............................................................................................................................................
.................................................................................................................................................................................................
Introduction / Typography Definition / Writing System of the World .....................................................................
History / Egyptian Hieroglyph / Evolution of Armenian Alphabet .........................................................................
Definitions / Serifs / The Vocabulary of Typography .................................................................................................
Letter spacing / Kerning / Tracking / Relative Size of Type ......................................................................................
Font Identification / Classification of Types DIN 16518 / Panose System ..............................................................
Typography for the Web / PostScript / TrueType / 9 Type Rules for Web ............................................................
Type and Typefaces in the Twentieth Century ..............................................................................................................
Typography in Newspapers ...............................................................................................................................................
Kinetic Typography / Definition / Vimeo Channel .....................................................................................................
15 Kinetic Typography Pieces Based on Popular Films / Best of Students ..............................................................
.................................................................................................................................................................................................
Resource. Ellen Lupton. Thinking with Type. .................. http://www.papress.com/thinkingwithtype/index.htm
Resource. Linotype. Font Finder. ...............................................................................http://linotype.com/de/catalog
Resource. MyFonts. What The Font? ........................................................ http://www.myfonts.com/WhatTheFont
Resource. Google Web Fonts................................................................................... http://www.google.com/webfonts
Resource. FontSquirrel. .............................................................................................................. http://fontsquirrel.com
Resource. TypeTester......................................................................................................................... http://typetester.org
Resource. abc typography. Typography Museum ............................................... http://abc.planet-typography.com/
Resource. Typographi.ca. .................................................................................................... http://www.typographi.ca/
Resource. FontLab. Font Editor ............................................................................................ http://www.pyrus.com/
Resource. Schopp, Jürgen F. Blätter und Tipps zur Typografie. ............. http://www.uta.fi/~trjusc/typoblatt.htm
.................................................................................................................................................................................................
Book. Spiekermann, Erik and E. M. Ginger. Stop Stealing Sheep & Find Out How Type Works. ...............................
Book. Bringhurst, Robert. The Elements of Typographic Style. ..........................................................................................
Book. Weingart, Wolfgang. Wolfgang Weingart: My Way to Typography. .........................................................................
Book. Fisk, Robert. The Great War for Civilisation. ..........................................................................................................
Book. Blackwell, Lewis. Twentieth-Century Type. ..............................................................................................................
.................................................................................................................................................................................................
Sixth Assignment. Logo Due for Presentation. ...............................................................................................................
Seventh Assignment. Animation Due for Presentation at Week 10 .............................................................................
Develop an animation that combines color, typography, and design and adds the elements of time, speed,
and movement. Technologies can include but are not limited to: animated GIF’s, Flash or ShockWave animations, and short video clips. .........................................................................................................................................
Required. Printout of storyboard DIN A4/8.5”x11” size and uploaded animation on Youtube. ........................
Week 9
Animation .............................................................................................................................................................................
.................................................................................................................................................................................................
Animation History / Thaumatrope / Roget / Flip Book / Eadweard Muybridge ...................................................
Animation Examples in History .......................................................................................................................................
Traditional Animation / Disney / Cartoons of the 30’s and 40’s / Stop Motion .....................................................
Computer Generated Imagery / Computer Animation ...............................................................................................
Flash Animation / Flash vs. HTML5 ..............................................................................................................................
Video Games Animation ...................................................................................................................................................
.................................................................................................................................................................................................
Seventh Assignment. Animation Review ..........................................................................................................................
Week 10
Animation: Examples .........................................................................................................................................................
.................................................................................................................................................................................................
Big Brother State – David Scharf .....................................................................................................................................
Google Epic 2015 ...............................................................................................................................................................
Master Plan – Ozan Halici & Jürgen Mayer ...................................................................................................................
Casino Royale. James Bond 007 .......................................................................................................................................
Quantum of Solace. James Bond 007 ...............................................................................................................................
Skyfall. James Bond 007 ......................................................................................................................................................
The Kingdom ......................................................................................................................................................................
.................................................................................................................................................................................................
Resource. DivXNetworks, Inc. (DivX) .................................................................................... http://www.divx.com/
Resource. AtomFilms. ..................................................................................................... http://www.atomfilms.com/
Resource. Flash Award. Flash Competition. ............................................................ http://www.flash-award.com/
Resource. Bashing Bin Laden. .................................. http://webworst.about.com/library/weekly/aa101801a.htm
Resource. Take Back The Media. ....................................... http://www.takebackthemedia.com/bushnonazi.html
Resource. Animation. Gulf War 2 - World War 2.5 ....... http://www.idleworm.com/nws/2002/11/iraq2.shtml
Resource. Newgrounds. ................................................................................................ http://www.newgrounds.com/
Resource. Animation. Osama Bin Laden Flash. ............. http://www.newgrounds.com/collections/osama.html
Resource. Animation. Slap the evil dictator. ...................................... http://www.urban75.com/Action/jiang.html
Movie. Reggio, Godfrey. Koyaanisqatsi.. Life Out of Balance. (1983). .............................................................................
Movie. Reggio, Godfrey. Powaqqatsi.. Life in Transformation. (1988). ............................................................................
.................................................................................................................................................................................................
Seventh Assignment. Animation Due for Presentation. .................................................................................................
Final Assignment. Corporate Identity, Marketing Campaign, or Theme. First Sketches Due for Review with Instructor at Week 11. ............................................................................................................................................................
Develop, design, and realize a Corporate Identity, marketing campaign or Open Source theme for one of the
following topics. Please consider and revise several versions of your assignment. The final project is teamwork of two students, who will also present their results in a formal defense. Depending on the project (CI,
marketing campaign or theme) it is necessary to include and consider several norms, formats or standards
that might describe: size, width, height, length, bandwidth, resolution, color spectrum, technology, and other
attributes. It is required that the final assignments as well as the presentation take these norms into consideration. ......................................................................................................................................................................................
Required. Uploaded assignment in different versions and formats (project dependent) – minimum 8 different versions/ Printout and presentation DIN A2/17”x22” / Uploaded research, design and marketing concept (minimum 5 pages) describing and summarizing your decisions. ......................................................................
(Topic Proposals: Pro Open Source, Pro Encryption, Pro Education, Pro Free Speech, Pro Democracy, Anti Racism, Anti Fascism, Against Censorship, Anti DCMA, Pro Palestine, Against Anti Semitism, Against
Sweatshops, Pro Distance Learning, Pro Bundeswehr, Pro University, Pro Country Germany/USA, Anti
Nuclear Energy.) .................................................................................................................................................................
Resource. Mozilla Themes. .............................................................................. http://mozilla.org/themes/download
Week 11
CI, Branding, and Marketing ..............................................................................................................................................
.................................................................................................................................................................................................
Definition / Check List.......................................................................................................................................................
Logo/ Letterhead/ Business Card/ Package Design/ Corporate Font .....................................................................
Postcards/ CD Inserts/ CD Tray Liners/ Brochures/ Booklets/ Newsletters/ Posters .......................................
Shirts/ T-shirts/ Hats/ Baseball Caps/ Beach Hats/ Visors/ Mugs/ Stamps/ Mouse pads/ Pens ....................
Japanese Trademarks and Logotypes ................................................................................................................................
Corporate Identity Manual / Style Guide / Content ....................................................................................................
Banner Advertising / Definition ......................................................................................................................................
PopUp/ PopUnder/ Banner and Buttons/ Full Size Banner/ Skyscraper/ Web Commercials and Interstitials ........................................................................................................................................................................................
10 Tips for Creating an effective Banner Ad Campaign ...............................................................................................
IAB Standards and Guidelines ..........................................................................................................................................
.................................................................................................................................................................................................
Resource. Best Brands of the World. ..................................................................... http://www.brandsoftheworld.com
Resource. DesignTagebuch. ............................... http://www.designtagebuch.de/wiki/corporate-design-manuals/
Resource. Corporate Identity Portal. ....................................................................... http://ci-portal.de/styleguides/
Resource. Interactive Advertising Bureau. Banner. http://www.iab.net/iab_banner_standards/bannersource.html
Resource. Interactive Advertising Bureau. RichMedia. .............. http://www.iab.net/rich_content/guidelines.html
Resource. AdBizStandards. .................................................................................... http://www.adbizstandards.com/
Resource. Banner Ad Museum. ............................ http://www.banneradmuseum.com/Galleries/richmedia.html
Resource. International Standard Paper Sizes. ............................ http://www.cl.cam.ac.uk/~mgk25/iso-paper.html
Resource. Advertising Age. ..................................................................................................... http://www.adage.com/
Resource. AdBusters. ......................................................................................................... http://www.adbusters.org/
Resource. Adflip. Printed Advertisements. ........................................................................ http://www.adflip.com/
Resource. AdCritic. (Subscription Required.) ................................................................. http://www.adcritic.com/
Resource. Adbusters. Culture Jammers Headquarters. ........................................................... http://adbusters.org/
Resource. Das Goldene Pixel. Competition. ....................................... http://www.online-weckt-emotionen.de/
Example. Theory Cards. Philosopher Trading Cards. ............................................. http://www.theorycards.org.uk/
Example. IPO/ISP Monopoly. Project Proposal ..........................................................................................................
.................................................................................................................................................................................................
Final Assignment. Corporate Identity, Marketing Campaign, or Theme. Review First Draft/ Sketches. ........................
Week 12
Data Ethics, Aesthetics and Politics ................................................................................................................................
.................................................................................................................................................................................................
Final Assignment. Corporate Identity, Marketing Campaign, or Theme. Final Review. .....................................................
Week 13
Final Assignment. Corporate Identity, Marketing Campaign, or Theme. Submission. .......................................................
Week 16
Final Presentation ...............................................................................................................................................................
Course Conclusion and Evaluation ..................................................................................................................................
REQUIRED READINGS
Reading for the class will follow the schedule and will be assigned from the list of required textbooks, handouts and
online Resource. Each student is responsible for obtaining a copy of the handouts and coursepaks, which will also be
handed out as early as possible prior to the date the reading is to be completed. All preparation, research and reading,
including articles, online resources, references, and case studies, has to be completed before coming to the class on the
assigned date.
The purpose of the relatively large number of books is to ensure that graduates of the program have a solid basic library of text references and resources to draw from as they work in this field in the future.
The books and handouts currently required for the class are listed below in alphabetical order by the author's last
name. This list is accurate as of this date, but the instructor can and does change individual titles occasionally based on
the publication of new work or the unavailability of a given title.
A complete and up-to-date list of titles, authors, and editions will be available two weeks before the first day of classes. It is recommended to place orders as soon as possible after that, to ensure that students will be ready to participate
in the course. Books and other course materials can be ordered from our Online Bookstore. Alternatively, books can be
purchased elsewhere; CoursePaks (handout materials), however, are available only from the Online Bookstore.
Please note that courses may be cancelled for low enrollment. We recommend that you inquire about book refund
policies before you place your orders.
Duckett, Jon. HTML&CSS. Design and Build Websites, First Edition. Wiley. November 8, 2011, 512 pages, Paperback,
ISBN: 1118008189, Available:
http://www.amazon.de/gp/reader/1118008189/
or
http://www.amazon.com/gp/reader/1118008189/
Niederst Robbins, Jennifer. HTML5 Pocket Reference, Fifth Edition. O’Reilly Media. August 8, 2013. 184 pages, Paperback,
ISBN: 1449363350, Available:
http://www.amazon.de/gp/reader/1449363350/
or
http://www.amazon.com/gp/reader/1449363350/
Niederst Robbins, Jennifer. Web Design in a Nutshell, Second Edition. O'Reilly Media. März 7, 2006, 796 pages, Paperback,
ISBN: 0596009879, Available:
http://www.amazon.de/Nutshell-Reference-Completely-standardscompliance/dp/0596009879/ref=sr_1_4?ie=UTF8&qid=1363791413&sr=8-4
or
http://www.amazon.com/Nutshell-Reference-Completely-standardscompliance/dp/0596009879/ref=sr_1_4?ie=UTF8&qid=1363791413&sr=8-4
Spiekermann, Erik and E. M. Ginger. Stop Stealing Sheep & Find Out How Type Works (2nd Edition). Adobe Press. July 8,
2002, 208 pages, 2nd edition, Paperback, ISBN: 0201703394, Available:
http://www.amazon.de/exec/obidos/ASIN/0201703394/egs0f
http://www.amazon.com/exec/obidos/ASIN/0201703394/egs
Kandinsky, Wassily. Punkt und Linie zu Fläche, (8th Edition). Benteli. 1986, 209 pages, 8th Edition, Paperback,
ISBN: 3716501824, Available:
http://www.amazon.de/Fl%C3%A4che-Beitrag-Analyse-malerischenElemente/dp/3716501824/ref=sr_1_1?ie=UTF8&qid=1374757674&sr=8-1&keywords=3716501824
or
http://www.amazon.com/Fl%C3%A4che-Beitrag-Analyse-malerischenElemente/dp/3716501824/ref=sr_1_1?ie=UTF8&qid=1374757733&sr=8-1&keywords=3716501824
Küppers, Harald. Grundgesetz der Farbenlehre. Dumont Buchverlag. July 16, 2004, 232 pages, Paperback,
ISBN: 3832110577, Available:
http://www.amazon.de/Das-Grundgesetz-Farbenlehre-HaraldK%C3%BCppers/dp/3832110577/ref=sr_1_1?ie=UTF8&qid=1374757793&sr=8-1&keywords=3832110577
or
http://www.amazon.com/Das-Grundgesetz-Farbenlehre-HaraldK%C3%BCppers/dp/3832110577/ref=sr_1_1?ie=UTF8&qid=1374757873&sr=8-1&keywords=3832110577
Maxbauer, Andreas; Maxbauer, Regina. Praxisbuch Gestaltungsraster. Schmidt, Mainz. October 2002, 238 pages, 2nd Edition, Hardcover, ISBN: 3874395715, Available:
http://www.amazon.de/Praxishandbuch-Gestaltungsraster-Effizientes-Arbeitentypografischen/dp/3874395715/ref=sr_1_1?ie=UTF8&qid=1374757938&sr=8-1&keywords=3874395715
or
http://www.amazon.com/Praxishandbuch-Gestaltungsraster-Regina-MaxbauerAndreas/dp/3874395715/ref=sr_1_1?ie=UTF8&qid=1374758038&sr=8-1&keywords=3874395715
The information presented in this document does not represent an offer to buy or sell anything; it is intended for educational purposes only. Although it is advisable to use the aforementioned material for reading assignments and class
studies, there are other publishers, editions and sources that might serve the same purpose.
COURSE PACK MATERIALS, HANDOUTS, AND RECOMMENDED READINGS
Bringhurst, Robert. The Elements of Typographic Style.
Hartley & Marks. 2004, 352 pages, 3rd edition,
Paperback, ISBN: 0881792063, Available:
http://amzn.com/0881792063
Duckett, Jon. HTML&CSS. Design and Build Websites,
First Edition. Wiley. November 8, 2011, 512 pages, Paperback, ISBN: 1118008189,
Available:
http://www.amazon.de/dp/1118008189
or http://amzn.com/1118008189
Dumas, Joseph S., and Janice C. Redish. A Practical
Guide to Usability Testing. Intellect. October 31,
1999, 416 pages, Paperback, Revised edition,
ISBN: 1841500208, Available:
http://www.amazon.de/exec/obidos/ASIN/184
1500208/egs0f or
http://www.amazon.com/exec/obidos/ASIN/1
841500208/egs
Flanders, Vincent and Dean Peters. Son of Web Pages
That Suck: Learn Good Design by Looking at Bad Design. Sybex. April 5, 2002, Bk&Cd-Rom edition,
ISBN: 0782140203, Available:
http://www.amazon.de/exec/obidos/ASIN/078
2140203/egs0f or
http://www.amazon.com/exec/obidos/ASIN/0
782140203/egs
Flanders, Vincent and Michael Willis. Web Pages That
Suck: Learn Good Design by Looking at Bad Design.
Sybex. March 1998, 1st edition, ISBN:
078212187X, Available:
http://www.amazon.de/exec/obidos/ASIN/078
212187X/egs0f or
http://www.amazon.com/exec/obidos/ASIN/0
78212187X/egs or
http://www.webpagesthatsuck.com/
Goethe, Johann Wolfgang Von. Theory of Colours. MIT
Press. March 15 1970, 485 pages, ISBN:
0262570211, Available:
http://www.amazon.com/exec/obidos/ASIN/0
262570211/egs
Itten, Johannes and Johannes Atten. Design and Form:
The Basic Course at the Bauhaus and Later, Revised
Edition. John Wiley & Sons. December 1, 1975,
136 pages, Paperback, Revised edition, ISBN:
0471289302, Available:
http://www.amazon.com/exec/obidos/ASIN/0
471289302/egs
Itten, Johannes. The Color Star. John Wiley & Sons.
October 1 1986, Paperback, ISBN: 0471289310,
Available:
http://www.amazon.com/exec/obidos/ASIN/0
471289310/egs
Itten, Johannes and Faber Birren. The Elements of Color.
John Wiley & Sons. January 31 1970, 96 pages,
Hardcover, ISBN: 0471289299, Available:
http://www.amazon.com/exec/obidos/ASIN/0
471289299/egs
Kandinsky, Wassily, and M. T. Sadler (Designer). Concerning the Spiritual in Art. Dover Pubns. June
1977, 57 pages, Paperback, ISBN: 0486234118,
Available:
http://www.amazon.com/exec/obidos/ASIN/0
486234118/egs
Kandinsky, Wassily. Punkt und Linie zu Fläche, Benteli.
1986, 209 pages, 8th Edition, Paperback,
ISBN: 3716501824, Available:
http://www.amazon.de/dp/3716501824
Klein, Naomi. No Logo: Taking Aim at the Brand Bullies.
Picador. January 2000, 528 pages, Hardcover,
ISBN: 0312203438, Available:
http://www.amazon.com/exec/obidos/ASIN/0
312203438/egs
Küppers, Harald. Grundgesetz der Farbenlehre. Dumont
Buchverlag. July 16, 2004, 232 pages, Paperback,
ISBN: 3832110577, Available:
http://www.amazon.de/dp/3832110577
Long, Jim and Joy Turner Luke. The New Munsell Student Color Set. Fairchild Pubns. April 2001, 2nd
Ring edition, Hardcover, ISBN: 1563672006,
Available:
http://www.amazon.com/exec/obidos/ASIN/1
563672006/egs
Lynch Patrick J. and Sarah Horton. Web Style Guide:
Basic Design Principles for Creating Web Sites. Yale
University Press. March 2002, 176 pages, 2nd edition, Paperback, ISBN: 0300088981, 2nd edition,
Available at:
http://info.med.yale.edu/caim/manual/contents
.html or
http://www.amazon.com/exec/obidos/ASIN/0
300088981/egs
Maxbauer, Andreas; Maxbauer, Regina. Praxisbuch Gestaltungsraster. Schmidt, Mainz. October 2002, 238
pages, 2nd Edition, Hardcover, ISBN:
3874395715, Available:
http://www.amazon.de/dp/3874395715
Münz, Stefan and Wolfgang Nefzger. HTML 4.0
Handbuch. HTML, JavaScript, DHTML, Perl. Gebundene Ausgabe - Franzis Verlag. 1999, 992 Seiten, 3rd edition, ISBN: 3772375146, Available:
http://www.amazon.de/exec/obidos/ASIN/377
2375146/egs0f or
http://www.amazon.com/exec/obidos/ASIN/3
772375146/egs/
Niederst Robbins, Jennifer. HTML5 Pocket Reference,
Fifth Edition. O’Reilly Media, August 8, 2013, 184
pages, Paperback, ISBN: 1449363350, Available:
http://www.amazon.de/dp/1449363350
or http://amzn.com/1449363350
Niederst Robbins, Jennifer. Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web
Graphics. O'Reilly Media, September 7, 2012, 619
pages, Paperback, ISBN: 1449319270, Available:
http://www.amazon.de/dp/1449319270
or http://amzn.com/1449319270
Niederst Robbins, Jennifer. Web Design in a Nutshell,
Second Edition. O'Reilly & Associates. October 15,
2001, 640 pages, 2nd edition, Paperback, ISBN:
0596001967, Available:
http://www.amazon.de/exec/obidos/ASIN/059
6001967/egs0f or
http://www.amazon.com/exec/obidos/ASIN/0
596001967/egs/
Nielsen, Jacob and Marie Tahir. Homepage Usability: 50
Websites Deconstructed. New Riders Publishing.
November 5, 2001, 1st edition, ISBN:
073571102X, Available:
http://www.amazon.de/exec/obidos/ASIN/073
571102X/egs0f or
http://www.amazon.com/exec/obidos/ASIN/0
73571102X/egs
Nielsen, Jacob. Designing Web Usability: The Practice of
Simplicity. New Riders Publishing. December
1999, 1st edition, ISBN: 156205810X, Available:
http://www.amazon.de/exec/obidos/ASIN/156
205810X/egs0f or
http://www.amazon.com/exec/obidos/ASIN/1
56205810X/egs
Rand, Paul. Paul Rand: A Designer's Art. Yale Univ
Press. December 2000, 242 pages, Paperback,
ISBN: 0300082827, Available:
http://www.amazon.com/exec/obidos/ASIN/0
300082827/egs
Rochmis, Jon. “ Wired News: A Site for Your Eyes.”
Wired News. October 11, 2002, Available:
http://www.wired.com/news/culture/0,1284,55
675-2,00.html
Rubin, Jeffrey. Handbook of Usability Testing: How to
Plan, Design, and Conduct Effective Tests. John Wiley
& Sons. April 15, 1994, 1 edition, 352 pages, Paperback, ISBN: 0471594032, Available:
http://www.amazon.de/exec/obidos/ASIN/047
1594032/egs0f or
http://www.amazon.com/exec/obidos/ASIN/0
471594032/egs
Siegel, David. Creating Killer Web Sites. Hayden Books,
September 18 1997, 320 pages, 2nd edition, Paperback, ISBN: 1568304331, Available:
http://www.amazon.de/exec/obidos/ASIN/156
8304331/egs0f or
http://www.amazon.com/exec/obidos/ASIN/1
568304331/egs
Siegel, David. Secrets of Successful Web Sites: Project Management on the World Wide Web. Hayden Books. July 31, 1997, 320 pages, 1st edition, Paperback,
ISBN: 1568303823, Available:
http://www.amazon.de/exec/obidos/ASIN/156
8303823/egs0f or
http://www.amazon.com/exec/obidos/ASIN/1
568303823/egs
Spiekermann, Erik and E. M. Ginger. Stop Stealing
Sheep & Find Out How Type Works (2nd Edition).
Adobe Press. July 8 2002, 208 pages, 2nd edition,
Paperback, ISBN: 0201703394, Available:
http://www.amazon.com/exec/obidos/ASIN/0
201703394/egs
Weingart, Wolfgang. Wolfgang Weingart: My Way to Typography. Lars Muller Publishers. 2001, 520 pages,
Hardcover, ISBN: 390704486X, Available:
http://www.amazon.com/exec/obidos/ASIN/3
90704486X/egs
Williams, Robin, David Rohr and John Tollett. Robin
Williams Design Workshop. Peachpit Press. October
20, 2000, 1st edition, ISBN: 0201700883, Available:
http://www.amazon.de/exec/obidos/ASIN/020
1700883/egs0f or
http://www.amazon.com/exec/obidos/ASIN/0
201700883/egs
Williams, Robin, David Rohr and John Tollett. Robin
Williams Web Design Workshop. Peachpit Press. July
25, 2001, 1st edition, ISBN: 0201748673, Available:
http://www.amazon.de/exec/obidos/ASIN/020
1748673/egs0f or
http://www.amazon.com/exec/obidos/ASIN/0
201748673/egs
ONLINE READINGS AND TUTORIALS
Charuhas, Christopher G. HTML and Javascript for Visual Learners. Visibooks, LLC. April 2001, Available:
http://goo.gl/DSfky
Holzschlag, Molly E. Special Edition Using HTML 4. Macmillan U S A. December 1999, 1109pp., 6th ed., Paperback,
ISBN: 0789722674, Available: http://www.amazon.com/Special-Edition-Using-HTML-6th/dp/0789722674
Lynch Patrick J. and Sarah Horton. Web Style Guide: Basic Design Principles for Creating Web Sites. Yale University Press.
March 2002, 176 pages, 2nd edition, Paperback, ISBN: 0300088981, 2nd edition, Available at:
http://info.med.yale.edu/caim/manual/contents.html
Münz, Stefan. SELFHTML : Version 8.1.2. January 1 2007, Available: http://de.selfhtml.org/
Flanders, Vincent. Web Pages that Suck. Available: http://www.webpagesthatsuck.com/
ATTENDANCE
The lectures introduce a great deal of material that is not covered in the readings. Lectures are essential for passing
the course; therefore students are required to attend every class meeting and to arrive on time. More than two absences
will result in the loss of 10 percentage points from the final grade. More than three absences from lecture or two absences from section without prior consultation with the instructor will result in a failing grade for the class.
In any case, students are responsible for all work assigned at each class period and any assignments lose at least 5%
for each calendar day that they are late. Absence from class must be excused in advance, with an expectation of a written submission of the material of the day. Any unexcused absences may substantially harm class partition grade.
ASSIGNMENTS
Because it is essential for the course to learn and evaluate methods, solutions, ideas, and programs designed by class
participants, all research, preparations, readings, and assignments must be completed on time. All students will create
weblogs, in addition to the regular course work and class projects. Students are expected to submit all assignments
completed on the due dates indicated on the class schedule. Late assignments will only be accepted at the sole discretion
of the instructor up to one week after the due date. Handouts of presentations have to be prepared and distributed to all
students prior to the presentation. In fairness to students who complete their assignments on time, late assignments can
be assessed the loss of one grade. After the one-week grace period, late assignments will not be accepted.
It is required, that all assignments and presentations have to be created without proprietary software or methods.
Students are expected to use Open Source solutions and other open and documented standards. Open Office, the
Open Source Office Suite (Writer - Word Processing and document layout program, Calc – a spreadsheet program,
Draw – a drawing and painting application, and Impress – a software for multimedia presentations) should fulfill most
of the requirements. Open Office is certified by the Open Source Initiative and can be downloaded at:
http://www.openoffice.org/.
In addition to placing all written assignments in a designated box that will be set out outside the office until 4:00
P.M. on the day they are due; all assignments are to be submitted via Email to the teaching assistants. Assignment shall
fulfill the standard formal requirements and not be left in the classroom, the professor or teaching assistants (TA's) office or mailbox. In order to avoid peer collusion and deter plagiarism, all assignments may be verified with a plagiarism
prevention system. Every student must register to register for the online classroom and the necessary Web Resource.
There will be projects, exercises, assignments and a final exam/ presentation for the class. All projects will follow the
spirit of the academic and open source community, the GPL license in particular. Each group project will be documented through project and product documentation that clearly detail the contributions and efforts of each team member.
The documentation will serve two purposes: it will explain, demonstrate and promote the product and it will be an integral part of the final grade for each student. (The product documentation should follow the documented Corporate
Identity CI or Graphical User Interface GUI/Theme.) All written assignments will be prepared in English, based on
templates provided to the class, following the style guides of the Modern Language Association http://www.mla.org/
and including a current student portrait measuring 100 pixel x 140 pixel.
ONLINE PARTICIPATION
Participation in asynchronous, online discussions and other course activities is mandatory. This course will require
significant weekly participation in the online environment. Students are required to submit each week two questions to
the bulletin board/online classroom on each reading assignment, topic, problem or section. These questions will form
the basis for class discussion. Each student will then select two questions from another student and respond to that
question in the online classroom. All students are required to read, evaluate and grade the answers of their peers in the
bulletin board.
Students must do assigned readings and participate in discussions and collaborations. Students must participate in
critiques of projects, providing feedback about other students' work. Students who are having apparent difficulties in
the course will be asked to arrange to meet with the instructor.
OUT OF CLASS OPTIONAL PROJECTS
All students are encouraged to develop and propose an optional assignment. Each project, worth up to 5 points, may
be used to improve your grade. A written report must be submitted at the final presentation of each optional project.
Examples of optional projects can include but are not limited to: researching of a particular area of education, preparation of class materials and handouts, and/or maintaining a weekly electronic discussion. A maximum of 2 optional projects may be submitted.
MIDTERM EXAM
The Midterm Exam or project presentation is a requirement of the course. Missing the exam or presentation without
a valid excuse will result in a failing grade for the entire course. To be considered valid, a written and verifiable excuse
must be proffered prior to the presentation or exam that is to be missed, if at all possible. Because these criteria are necessary, and not sufficient, we reserve the right to deem an excuse meeting the above criteria invalid. Shall a student have
a valid excuse we reserve the right to decide to give a written make-up, to give an oral make-up exam, to assign a special
project or to put extra weight on the assignments, class participation and final exam or presentation.
FINAL EXAM/PRESENTATION
The Final Exam is a certification-style exam consisting of several sections, including multiple choice, fill-in-the-blank,
drawings, short answer, and short essay questions to demonstrate mastery of the material covered. The questions are
based on material covered in the class as well as on the learning objectives for each topic.
GRADING POLICY
The grading criteria for the class will be as follows: ..........................................................................................................................
Description: .......................................................................................................................................... . Percent ... USA GPA .... D
Superior, outstanding or striking work reflecting substantial effort ................................... 95 -100.00% ... A ... 4.00 .... 1.0
......................................................................................................................................................... 90 - . 94.99% ... A- . 3.70 .... 1.3
......................................................................................................................................................... 85 - . 89.99% ... B+ 3.30 .... 1.7
Adequate work fully meeting that expected of a graduate student ..................................... 80 - . 84.99% ... B .... 3.00 .... 2.0
......................................................................................................................................................... 75 - . 79.99% ... B- .. 2.70 ..... 2.3
......................................................................................................................................................... 70 - 74.99% .... C+ 2.30 .... 2.7
Weak but still marginally satisfactory work, that would benefit from increased effort .... 65 - . 69.99% ... C ... 2.00 .... 3.0
......................................................................................................................................................... 60 - . 64.99% ... C- ... 1.70 .... 3.3
......................................................................................................................................................... 55 - . 69.99% ... D+ 1.30 .... 3.7
Substandard work not meeting reasonable expectations or course objectives. ................. 50 - . 54.99% ... D .. 1.00 .... 4.0
Failed or unsatisfactory work ...................................................................................................... 0 - . 59.99% ... F ........ 0 .... 5.0
(USA – letter grading system of the United States, GPA – United States grade point average, D – European university
grading system.)
Final Course Grade Calculation: ...........................................................................................................................................................
Presentations and Exercises ..........................................................................................................................................................20%
Online Participation ........................................................................................................................................................................20%
Exams, Problem Sets, Assignments ..............................................................................................................................................20%
Final Exam and Team Project .......................................................................................................................................................20%
Class Participation ...........................................................................................................................................................................20%
Grades will depend largely on level of effort, with class contribution, participation and attendance influencing borderline decisions.
All requests for regrades must be submitted in writing within one week of the exam being handed back, graded, or posted on the bulletin board.
ACADEMIC INTEGRITY
Students are expected to maintain high standards of ethical conduct and academic integrity. Cheating and plagiarism
in any form are unacceptable and will result in a grade reduction and possibly grounds for a failing grade. Students are
responsible for adhering to the ethical policies and the policies for responsible computing, which can be found online at
the following location: http://www.informatik.fh-kl.de/dm/organisation/po_aktuell_text.html
All students are expected and encouraged to discuss topics and questions raised by this course. Students shall also
identify appropriate resources, authorities and projects, Open Source projects in particular, that will help them preparing
their assignments. Ideas or material incorporated from outside sources or another student however, must be documented appropriately. Similarly, in the case of group work and Open Source projects, the bounds of what was contributed by
whom or from which source, should be explicitly and clearly delineated in the final individual reports. Any material
quoted or paraphrased from other sources must be fully identified, including secondary and original sources according
to the MLA (Modern Language Association) style guides. (The latest version of the MLA Style Manual, the standard
guide for graduate students, teachers, and scholars, can be found online at the following location:
http://www.mla.org/.)
COURSE ACCESS
Each student will have access to the course resources during the semester, generally for a period of 6 months from
the day of enrollment in the course. Please read our Courseware and Groupware License for more details.
NOTES
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
.....................................................................................................................................................................................................................
REMARK
© Hendrik Speck 2015. Schedule and syllabus are subject to change without notice. We cannot be held responsible for
errors or omissions. ClassesMediaDesign.doc Created on 19.03.13 13:24/ Last printed 31.03.15 20:51