DIGM520

Advanced Interactivity I. This course focuses on the development of interactive media across a variety of platforms. Human-Computer interaction and layout are discussed along with implementations on mobile and PC based platforms. Dynamically created web content and integration with databases, as a server-side component, will also be covered. Specific content will vary based on current technological developments.

INSTRUCTORS:
* Jervis Thompson: EMAIL | CALENDAR

Course Purpose:
This course builds on the foundation knowledge learned in DIGM-505: Foundations of Design and Interactivity, and integrates advanced interaction methods and client-server implementations..

Sections: Sections: 001

Syllabus

COMMUNICATION

Any and all course email too instructor(s) must be sent from student drexel email account with “digm520” somewhere in the meaningful subject area. (i.e. subject = “digm520: Help with CSS3”). Students must keep a copy of all email correspondence for their records.

MIDTERM:

None.

FINAL:

Students will build a responsive, CMS (content management system) web site to house their portfolio and/or final thesis media. Students will balance the issues of monitor resolutions, bandwidth, typography, color scheme, design, graphics, forms, and readability. This web site will be viewable on devices as small as smart phones, and on devices as large as 60″ HDTVs. This web site will be engaging and pleasing to the eye as determined by the class professor. Required media include text, approved color scheme, graphics (portfilio, gallery, or slide show), student created videos and/or animations. Optional media include Audio, Maps (extra credit).

GRADING:
  • Class attendance & participation
    • Late -1
    • 1st absence .. No penalty
    • 2nd absence .. -1 letter grade
    • 3rd absence .. “F”
  • 40% Homework (functionality, content, creativity)
  • 60% Final (functionality, content, creativity) [20, 20, 20]
FINAL GRADE SCALE:
  • 100% or above = A+
  • 95% to 99% = A
  • 90% to 94% = A-
  • 88% to 89% = B+
  • 83% to 87% = B
  • 80% to 82% = B-
  • 78% to 79% = C+
  • 73% to 77% = C
  • 70% to 72% = C-
  • 68% to 69% = D+
  • 65% to 67% = D
  • 64% or below = F
EQUIPMENT

Most if not all of these books are available online at http://www.library.drexel.edu/ Search for book title.

ACADEMIC HONESTY POLICY:

Drexel University is committed to a learning environment that embraces academic honesty. Faculty, students, and administrators share responsibility for maintaining this environment of academic honesty and integrity, accepting individual responsibility for all actions, personal and academic. Each member of our community is expected to read, understand, and uphold the values identified and described in our “Academic Polices, Procedures and Regulations” as written in the official student handbook. Instances of academic dishonesty, such as cheating and plagiarism, will be dealt with appropriately.

AMERICANS WITH DISABILITIES ACT:

In compliance with Section 504 of the Rehabilitation Act of 1973, the Americans with Disabilities Act of 1990, and applicable federal and state laws, Drexel University ensures people with disabilities will have an equal opportunity to participate in its programs and activities. Members and guests of the Drexel community who have a disability need to register with the Office of Disability Services (ODS), if requesting auxiliary aids, accommodations, and services to participate in Drexel University’s programs. All requests for reasonable and appropriate auxiliary aids, academic adjustments, and services will be considered on a case-by-case basis and in a timely fashion.

Office of Disability Services

3201 Arch Street, Suite 210

Philadelphia, PA 19104

Phone: 215.895.1401

TTY: 215.895.2299 (Reserved for those who are deaf or hard of hearing)

Fax: 215.895.1402

E-mail: disability@drexel.edu

ACKNOWLEDGING CONDITIONS AND OBLIGATIONS IN SYLLABUS:

The syllabus is a contract between the instructor and the student. It is very important that each student has read and understood all of the materials, assignments and due dates on the syllabus. The student acknowledges receipt of this syllabus and the information herein contained by continuing to attend classes and turn in assignments.

This syllabus is intended as a guideline. The instructor reserves the right to change from it in interest of responding to individual class need.

Week 01: Sep 24-26

Lecture:

Welcome – Introductions

  • Who are you? (name)
  • Your number 1 hobby is?
  • Where are you from?
  • Why are you in this masters program?
  • Ten years from you plan being where in your career?
  • Show us your web presence
Topics:

Why should web sites evolve over time?

Student http server prep

  • domainname.com/digm520/

Site of the Week

Week 02: Oct 01-03

Lecture:

What web site design/layout works best for your content.

Topics:
Homework 01:
  • Due before midnight the night before next class:
    • Read HTML & CSS – design and build websites by Jon Duckett (YES the entire book.)
    • Regarding your reading assignment, bring with you to class a single (8.5″ by 11″) sheet of paper. This single sheet of paper will have three MEANINGFUL questions from the reading assignment, the answer to each question and the page number and/or “location” the information came from. At the top of the page you will write your full name and drexel email prefix (i.e. jwt005). All information must be legible. These questions will be used next class for an extra credit game. If you do not meet the listed requirements, you will NOT be eligible to participate in said game.
    • Submit via email to your instructor, subject: “digm520hwk01s###jwt23” [replace ### with your class section number, replace jwt23 with your drexel email account prefix]:
      • URL to your generic content HTML5 pages (Text and Tags ONLY!).
      • URL to your color schema (Color swatch, hex values, and at least three sample web site links)
      • URL to your “digm520” WordPress web site
        • Default theme, one post (in meaninful category and/or tags), one page.

Week 03: Oct 08-10

Notice:
  • No class this Tuesday
  • Senior Project Presentations. URBN Center – DIGM screening room 09:30am – 12:20pm!
  • Professor available for meetings upon request. CALENDAR NOTE: Minimum 24 hours notice required to schedule a meeting.

Week 04: Oct 15-17

Lecture:

CMS – Content Management System.

Topics:
  • Homework review.
  • Reading assignment review.
  • WordPress Dashboard.
    • Organizing your content within a CMS.
    • Page vs Post.
    • Categories – Tags.
    • Parent – Template – Order.
    • Collecting end-user feedback.
Homework 02:
  • Due before midnight the night before next class:
    • Read Mobile First by Luke Wroblewski (YES the entire book.)
    • Regarding your reading assignment, bring with you to class a single (8.5″ by 11″) sheet of paper. This single sheet of paper will have three MEANINGFUL questions from the reading assignment, the answer to each question and the page number and/or “location” the information came from. At the top of the page you will write your full name and drexel email prefix (i.e. jwt005). All information must be legible. These questions will be used next class for an extra credit game. If you do not meet the listed requirements, you will NOT be eligible to participate in said game.
    • Submit via email to your instructor, subject: “digm520hwk02s###jwt23” [replace ### with your class section number, replace jwt23 with your drexel email account prefix]:
      • URL to your “digm520” WordPress web site:
        • Default theme
        • Modify the default theme header image and text to match your color schema
        • Customize “Main” and “Secondary” Widget Areas
        • At least TWO posts in your “Thesis” category
        • Add “Thesis” category to your custom menu
        • Add THREE more posts (in meaninful categories and/or tags), ALL pages, ZERO images
        • Have at least THREE responsive themes installed in your dashboard for class review

Week 05: Oct 22-24

Convocation 2013

Todays class canceled due to 2013 Convocation Communally

Week 06: Oct 29 - Oct 31

Lecture:

Order of approach.

Topics:
  • Homework review.
  • Reading assignment review.
  • CMS functionality
    • Dashboard
    • Widgets
    • Plugins
    • style.css [Child Themes]
    • PHP
    • MySQL
Homework 03:
  • Due before midnight the night before next class:
    • Read Responsive Web Design by Ethan Marcotte (YES the entire book.)
    • Regarding your reading assignment, bring with you to class a single (8.5″ by 11″) sheet of paper. This single sheet of paper will have three MEANINGFUL questions from the reading assignment, the answer to each question and the page number and/or “location” the information came from. At the top of the page you will write your full name and drexel email prefix (i.e. jwt005). All information must be legible. These questions will be used next class for an extra credit game. If you do not meet the listed requirements, you will NOT be eligible to participate in said game.
    • Submit via email to your instructor, subject: “digm520hwk03s###jwt23” [replace ### with your class section number, replace jwt23 with your drexel email account prefix]:
      • URL to your “digm520” WordPress web site:
        • NON – Default theme
        • Modify theme images, color and text to match your color schema
        • Customize “Main” and “Secondary” Widget Areas
        • At least FOUR posts in your “Thesis” category
        • At least SEVEN posts (in meaninful categories and/or tags, not “Thesis”), ZERO images
        • Transfer (“resume”, “bio”, “contact”) from Homework 01 HTML5 content text PAGES into WP pages, ZERO images

Week 07: Nov 05-07

Lecture:

Researching and testing out the “correct” theme for your WP/CMS content.

Topics:
  • Homework review
  • How does your theme handle:
    • Posts
    • Pages
    • Sidebar – Widgets
    • Images – Gallery – Portfolio
    • Video – Animation
    • Sound
Homework 04:
  • Due before midnight the night before next class:
    • Submit via email to your instructor, subject: “digm520hwk04s###jwt23” [replace ### with your class section number, replace jwt23 with your drexel email account prefix]
    • URL to your “digm520” WordPress web site
    • Update/correct your custom theme based on professor classroom feedback

Week 08: Nov 12-14

Lecture:

Optimizing graphic media for your WP/CMS Theme.

Topics:
  • Desktop
  • Mobile
  • Crop or Shrink?
  • Images – Gallery – Portfolio – Slideshows
  • Captions
Homework 05:
  • Due before midnight the night before next class:
    • Submit via email to your instructor, subject: “digm520hwk05s###jwt23” [replace ### with your class section number, replace jwt23 with your drexel email account prefix]
    • URL to your “digm520” WordPress web site
    • Update/correct your finalized theme
      • Modify theme color schema to match your own
      • ALL post, ALL pages, ALL images
      • At least one Gallery, Portfilio, or Slideshow with at least 5 images and captions
      • Add a functional contact page/form [Contact Form 7]

Week 09: Nov 19-21

Lecture:

Optimizing other media for your WP/CMS Theme.

Topics:
  • Homework review
  • Animations
  • Video
  • Audio
  • Forms
  • Games
  • Customizing footer.php

Week 10: Nov 26-28

Topics:
  • Homework review
  • Class Lab

Week 11: Dec 03-05

Lecture:

Final Project Review.

Topics:

Last chance to get faculty/client feedback and assistance!

Final Project:
  • Due before noon (12:00 pm) Friday Dec 13th:
    • Submit via email to your instructor, subject: “digm520-finalproject-s###-jwt23” [replace ### with your class section number, replace jwt23 with your drexel email account prefix]:
      • URL to your “digm520” WordPress web site
      • Bullet list of any extra credit features with DIRECT link to said features i.e. “google language translator”
      • URL to download your zipped “wp-content” folder i.e. “jwt23-wp-content.zip” (replace “jwt23” with your drexel email prefix)
      • URL to download your zipped non-password protected MySQL database i.e. “jwt23-database.zip” (replace “jwt23” with your drexel email prefix)
      • How to Back Up Your WordPress Site, or
      • Use the following WordPress Backup plugin