Art 114: Interactive Media and Design

Spring 2026 | Harrisburg Area Community College

Instructor: Rich Hauck, MPS

Syllabus

Credit Hours: 3
CRN: 39576-01
Section: R02
Prerequisites: ART 140, 145, and 149 with a grade of C or better
Co-requisites: ART 146
Campus: Harrisburg
Meeting time: Mondays and Wednesdays 5:30pm to 7:50pm
Meeting location: Online over Zoom
Division: Communication, Humanities and Arts
Class Day & Time: Mondays and Wednesdays 5:30pm – 7:50pm
Office Hours: 7:50pm - 8:50pm Mondays and Wednesdays or by appointment
Meeting Location: Online over Zoom
Email: rdhauck@hacc.edu

Catalog Description

Increases students’ knowledge for web and interactive media. This course integrates web standards and utilizes media queries to develop responsive website designs. Web fonts and file management are also explored. Students are required to develop a final online portfolio. A course fee is required. Enrollment is restricted to students in the Graphic and Interactive Design AAS program. Prerequisites: ART 140, 145 and 149 with grades of C or higher; Co-requisite: ART 146.

Learning Outcomes

Upon successful completion of the course the student will be able to:

  • Apply design concepts and principles learned in prior design classes
  • Describe the impact of interactive media on current culture and the marketplace
  • Produce an effective interactive resume and portfolio
  • Demonstrate knowledge of web technology and its effect on responsive website designs
  • Demonstrate knowledge of scripting languages and their inclusion into websites for utilization of additional interactivity

Planned Sequence of Instruction

  • Learn how to use CSS to create responsive website designs that resize for desktop, tablets, and mobile devices
  • Gain a better understanding of typography for the web, from its value in search engine optimization to how web fonts can be used in design
  • Become familiar with CSS transitions and animations and how they can assist in design
  • Understand the process of domain registration, website hosting, and uploading and managing the files of a website on a server via FTP
  • Discover how to augment websites with third party widgets and social media tools
  • Learn how to integrate interactive components with JavaScript to improve design and usability
  • Learn how to best search, troubleshoot, and implement using online resources

Textbook and Materials

Supply List:

Reading assignments will be provided in class and published on D2L.

GitHub is not required for this course, but I would recommend continuing to use it, as well as installing the VS Code Copilot plugin.

Equipment and Technology Requirements

HACC Technology Loan program allows students to borrow computers and other equipment necessary for classes. We are allowing students in this class to borrow iMacs and keep it for the entire semester. You must complete and submit the form at: https://libguides.hacc.edu/pcloan/about if interested. HACC Learning Commons will make arrangements for you to pick up the iMac during one of HACC's Technology Pickup days.

Assignments

The total possible points score in this course is 1,000 and is broken down as follows:

Assignment Type Points
Stock Trading App Project 180
Social Media Prototype Project 200
News Website Project 220
Portfolio Website Project 240
Hello World Exercise 10
PHP File Includes Exercise 10
Forms and Variables Exercise 10
Conditional Statements, Arrays, and Loops Exercise 10
Functions and Event Handling Exercise 10
Astro Static Site Exercise 10
CSS Animation Exercise 10
Local WordPress Site Exercise 10
CSS Gallery Layout with Modal Exercise 10
API Integration Exercise 10
Class attendance and participation - 60
TOTAL: 1,000

Grading Procedures

  • Research, sketches and wireframes
  • Design, revisions, creativity
  • Meeting development requirements
  • Participation
  • Attendance

All projects and assignments are due on the assigned deadline, at the beginning of class. For each class period an assignment is late its value will be dropped by one letter grade.

A (Superior work with consistent advancement) = 100 - 90 pt
B (above average which fulfills the requirements) = 89 - 80 pt
C (average work which fulfills minimum requirements) = 79 - 70 pt
D (below average passing grade, poor work) = 69 - 60 pt
F (Unacceptable work, failure) = 59 - 0 pt

"I" (Upon recommendation of the student and with the approval of the instructor, the "I" (incomplete) grade may be applied. The "I" grade shows that coursework is incomplete and must be completed within eight weeks of the ensuing fall or spring semester. On the recommendation of the instructor and subject to the division administrator's approval, the eight-week period may be extended. An incomplete grade is computed as an F in the student's cumulative grade point average when not completed within the allotted period.

Incomplete Grade Policy

A grade of Incomplete (I) may be assigned when a student is not able to complete the course requirements due to extenuating circumstances. The Incomplete grade will be assigned only after a conference with the instructor and his/her determination of a serious need. The “I” becomes an “F” if the work is not completed before 8 weeks into the following semester. The grade of incomplete is only granted if a student has a serious, documented health problem that precludes completing the required work.

Make-up Work

For each class period a project is late its value will be dropped by one letter grade.

Excluding the final project, one major project may be resubmitted during the course of the semester. Projects eligible for resubmission must have been turned in on time and earned a grade of "C" or lower. Resubmission project must be turned in, with instructor’s consultation within two weeks from the date the project was first graded and handed back to the students. Resubmissions must be accompanied with the original project in order to be graded. This does not guarantee that the earned grade will be adjusted to a higher grade. Resubmission will not be accepted during the last week of classes. Make-up is not allowed for class exercises.

Attendance and Withdrawal

Students are expected to attend every class and remain in class for the duration of the session. Failure to attend class or arriving late may impact your ability to achieve course objectives, which could affect your course grade. An absence, excused or unexcused, does not relieve a student of any course requirement. Regular class attendance is a student’s obligation, as is a responsibility for all the work of class meetings. Please arrive to class on time.

Excessive absences are when unexcused absences or the failure to participate in academic activities exceed 15% of the total class hours that will take place throughout the semester and when the absences preclude the possibility of the student attaining the stated learning outcomes for the course.

If a student meets the requirements for excessive absences, on the 3rd absence, the instructor will drop the student from the course with a grade of “W” unless academic dishonesty was documented. An excused absence is an absence that occurred for reasons that were: a) beyond the student’s control to prevent, and b) significant enough to reasonably prohibit attendance in class. For an absence to be considered excused, the student must contact the instructor and provide evidence supporting the excuse for the absence. The following are examples of excused absences (with required documentation):

  • Illness - medical documentation required indicating that you cannot return to classes (note from doctor, emergency room verification, etc.)
  • Funeral for immediate family and grandparents– funeral program, obituary notice
  • Jury Duty – must bring in documentation of jury service or jury summons form.
  • Mandatory Court Appearance – must bring in a copy of court papers clearly stating date of appearance.
  • Military Service
  • Auto Accident - documentation required

An unexcused absence is an absence that is not excused. The following are examples of unexcused absences:

  • Other School related events
  • Childcare
  • Auto Problems
  • Work-related Obligations
  • Illness (ie: common cold, flu) without doctor's excuse
  • Elective surgeries
  • Incarceration

Attendance will be taken at the start of each class. If you arrive late, it’s your responsibility to let me know that you’re in class. Otherwise you will be marked absent. (A total of two late arrival or early leave markings will count as one absence).

For specific refund dates, use this link: https://www.hacc.edu/Students/RegisterOnlineGuide/add-and-drop-deadlines.cfm

Remote Classroom

Unless otherwise stated in class, handouts will be posted to D2L.

You will also be submitting your assignments by publishing them to your website. Assignments should be uploaded to your site before the start of class on the assignment’s due date, as this will ensure files have uploaded in time for a critique.

When possible, students should participate in screen sharing, as this helps to ensure participation and attendance. If Internet performance is a factor or if you need to step away from your desk, etc., feel free to turn off your webcam.

Unless speaking, please mute your microphone (unless it’s a discussion!). There may be times in class where you will be asked to present your work via screenshare and/or participate in exercises while on Zoom. If you have any technical concerns please don’t hesitate to reach out to me.

Use of your webcam is not required by highly encouraged. Learning is a social activity. Remote learning can be challenging because it creates a barrier to the social element of our experience. One way for us to build community and social connection in the remote setting is to engage our cameras during our class meeting times. Student engagement dramatically affects student success. We’ll take more time to discuss our community norms for our work together, but in the meantime, if you have concerns about privacy issues in your learning space, consider using a Zoom background (the one you created last semester) or placing a piece of fabric behind you. If you have other concerns about turning your camera on, please reach out to me. Your success is my top priority, and I want to be certain that you have the tools that support your learning.
Engaging our cameras are especially important during critiques and class presentations. During critiques we are not only listening to your words and critiquing your artwork; but are assessing your presentation skills. Seeing you will encourage real conversations and interaction with the instructor and your peers. In fact, visual connection builds trust and confidence and can minimize misunderstandings and confusions.

AI Use Policy

AI tools may be used in class to support brainstorming, developing skills, and for research. These tools, however, are not a replacement for your own creativity, design process, or critical thinking. If you use AI, you must be ready to disclose which tools you used and how they contributed towards your end product. Excessive reliance on AI (e.g., submitting work created primarily by AI) will be considered a violation of academic integrity.

In short--AI is a tool, not the designer. Use it responsibly, transparently, and in ways that strengthen your design process.

Academic Dishonesty

Academic honesty is one of the fundamental principles upon which the College was founded and upon which it must operate to continue to perform its most important function. Students are expected to be honest in all of their academic endeavors. The College views academic dishonesty as a serious breach of conduct. Depending upon the nature and severity of the dishonest act, the faculty and the College may discipline a student for verifiable acts of dishonesty occurring in or out of the classroom. In short “Academic dishonesty is defined as an intentional act of deception in which a student seeks to claim credit for the work or effort of another person, or uses unauthorized material or fabricated information in any academic work.” It includes, but is not limited to:

  • Cheating - giving or receiving answers on assigned material; using materials or aids forbidden by the instructor, unauthorized possession of examination
  • Plagiarism - offering someone else’s work, words, or ideas as one’s own or using material from another source without acknowledgement.
  • Interference - interfering without permission with the work of another student either by obtaining, changing, or destroying the work of another student
  • Buying or selling of term papers, homework, examinations, laboratory assignments, computer programs, etc.
  • Falsifying of one’s own or another’s records
  • Knowingly assisting someone who engages in above activities.

Plagiarism and cheating are unacceptable and will result in a zero for class. Plagiarism in the visual arts is unauthorized copying or reproduction of any photograph or work of art or design created by another individual with the intent to represent it as your own work.

Plagiarized work is a recognizable interpretation of the original work.

Other penalties for students found to have committed academic dishonesty include, but may not be limited to, the following:

  • Lowering of a grade or failure for a particular assignment.
  • Lowering of a grade, failure, and/or dismissal from the course.
  • Disciplinary probation-may include a limitation on credits, mandatory repeat of a course.
  • Suspension from a curriculum.
  • Suspension from the College

Academic Dishonesty will be documented in the student's file. If the student drops the course and has engaged in academic dishonesty, the instructor will request the grade be an “F.” Most contemporary artwork is copyrighted. A typed name or signature defines copyright. Artwork on websites is copyrighted. When in doubt, don't use it. Draw from you own photo reference, from life, and from your imagination. All artwork should be original! If still in doubt about how to use visual reference, do not hesitate to ask your instructor for help.

Mental Health Counseling Services

Starting in Fall 2019 and continuing this semester HACC has entered into a contract with Mazzitti & Sullivan EAP Services to provide mental health counseling services to our students. Mazzitti & Sullivan has over 3,000 providers nationwide who are able to assist individuals in need of mental health or drug/alcohol counseling. Sessions may be face-to-face, by telephone, or through a secure online platform. Interested students are encouraged to contact Mazzitti & Sullivan EAP Services at 1-800-543-5080 or through its website, www.mseap.com.
https://www.hacc.edu/Students/AdvisingCounseling/CounselingContacts/wellness-resources.cfm

HACC's Consultation, Advocacy, Referrals and Empowerment (CARE) Center
https://www.hacc.edu/Students/CARECenter/index.cfm

Diversity and Inclusion

We must treat every individual with respect. We are diverse in many ways, and this diversity is fundamental to building and maintaining an equitable and inclusive campus community. Diversity can refer to multiple ways that we identify ourselves, including but not limited to race, color, national origin, language, sex, disability, age, sexual orientation, gender identity, religion, creed, ancestry, belief, veteran status, or genetic information. Each of these diverse identities, along with many others not mentioned here, shape the perspectives our students, faculty, and staff bring to our campus. We, at HACC, will work to promote diversity, equity and inclusion not only because diversity fuels excellence and innovation, but because we want to pursue justice. We acknowledge our imperfections while we also fully commit to the work, inside and outside of our classrooms, of building and sustaining a campus community that increasingly embraces these core values.

Notification and Acknowledgement of student rights under Title IX of the Education Amendments of 1972, Americans with Disabilities Act as Amended (ADAAA), Sections 504/508 of the Rehabilitation Act of 1973, The Pennsylvania Human Relations Act (“PHRAct”) and The Pennsylvania Fair Educational Opportunities Act (“PFEOAct”)
It is the policy of HACC, Central Pennsylvania’s Community College, in full accordance with the law, not to discriminate in employment, student admissions, student access and/or student services on the basis of race, color, religion, age, political affiliation or belief, gender, national origin, ancestry, disability, place of birth, General Education Development Certification (GED), marital status, sexual orientation, gender identity or expression, veteran status, genetic history/information, or any legally protected classification. HACC recognizes its responsibility to promote the principles of equal opportunity for employment, student admissions, and student services taking active stepsto recruit minorities and women.
HACC is committed to creating a safe learning environment for all members of our community, free from gender and sex-based discrimination, including sexual harassment, domestic and dating violence, sexual assault, and stalking, including those who are pregnant and/or parenting, or recovery from childbirth, miscarriage, abortion with Title IX of the Education Amendments of 1972.
Please note that College Policy 870 designates all employees as non-confidential and responsible employees who must report all disclosures of sex or gender-based discrimination or violence to the HACC Title IX Coordinator. The Title IX Coordinator or designated staff will reach out to provide resources, support, and information after receiving a report, but community members are not required to respond to such outreach. Reported information will remain private.
For more information regarding the College’s Title IX procedures, reporting, or support measures, please visit
https://www.hacc.edu/CampusLife/EngagementandRetention/EngagementandRetentionPolicies/title-ix.cfm.
The Student Access Services Department, ensures that no qualified student is denied access to, participation in, or the benefits of any College program or activity due to disability, pregnancy, or related conditions. Students with disabilities will not face discrimination while participating in College programs or activities.
In compliance with the Americans with Disabilities Act as Amended (ADAAA), Sections 504/508 of the Rehabilitation Act of 1973, and Title IX of the Education Amendments of 1972, the College provides equal access and protections for all students. Title IX specifically protects students who are pregnant or parenting and may require medical leave or academic accommodations related to pregnancy, childbirth, miscarriage, abortion, or recovery. The College also complies with the Pennsylvania Human Relations Act (PHRAct) and the Pennsylvania Fair Educational Opportunities Act (PFEOAct). For additional information about these laws and rights please visit: https://www.hacc.edu/Students/AcademicSupport/StudentAccessServices/Forms-and-Links.cfm

Whether students had an IEP in high school or not, they may be eligible for accommodations. Student Access Services encourage students who feel they may benefit from accommodations to contact us to learn more and review our webpage at: https://www.hacc.edu/Students/AcademicSupport/StudentAccessServices/index.cfm
Students can self-referral or referral by a caring employee for ADA or Title IX Pregnancy and Parenting can be done by completing this form:
https://hacc-accommodate.symplicity.com/public_accommodation/ https://www.hacc.edu/Students/DisabilityServices/index.cfm
Title IX Coordinator
Armenta Hinton, VP for Student and Campus Life and Title IX Coordinator
Ted Lick Administration Building, 112E
aehinton@hacc.edu
cido@hacc.edu  
717-780-2312
Deputy Title IX Coordinator for Accessibility, Allied Health and Nursing
Vicki Van Hise, AVP for Holistic Support and Engagement
Phone: (717) 358-2972, Email:vlvanhis@hacc.edu
Deputy Title IX Coordinator for Students
Dr. Courtney Allen, Director, Community Standards and Student Engagement
Phone: (717) 780-3279, Email:caallen@hacc.edu
Student Access Coordinators:

HACC—Gettysburg Campus: Erin Rose, Coordinator, Student Access
G127B
Phone: 717-339-3533, Email: elrose@hacc.edu

HACC—Lebanon & Harrisburg Campus: Deborah Bybee, Coordinator, Student Access
Harrisburg Campus, Cooper 133
HawkNest HACC’s Lebanon Campus at Lebanon Valley College, Bishop Library lower floor.
Phone: 717-270-6333 Email: dabybee@hacc.edu

HACC—Lancaster Campus, Martin Sica, Coordinator, Student Access Services
RM 221D
Phone: 717-358- 2273, Email: masica@hacc.edu

HACC—York Campus,David Banks, Administrator for Student Access & Holistic Support

Phone: 717-780-1108, Email: dlbanks5@hacc.edu