Teaching is how one puts their skills to the ultimate test.
I approach my classrooms as a sandbox for becoming a better learner myself.

insert course description.

Course Learning Outcomes

  • LO1 Introduction to HTML5 / CSS.
  • LO2 Understand the role of copyright, remix culture, and the social graph.
  • LO3 Use free, open-source, and demo software to expand software literacy.
  • LO4 Practice critical thinking skills to address digital art and network cultures.
  • LO5 Use Adobe Photoshop and Illustrator to generate rasterized and vector images for web and print.
  • LO6 Practice writing skills to articulate the meaning and importance of digital art and networked cultures.
  • LO7 Develop a working understanding of software culture, open-source, and emergent social media
    with an emphasis on digital publics in the 21st century.

STUDENT WORK

Assignment 01 — Remix Culture
Photoshop Collage Copyright & Fair Use Remix Ethics

The first major Photoshop assignment, paired with a session on the ethics of remixing. Before touching the software, we spent time discussing how digital artists navigate existing imagery — copyright, fair use, attribution, and what it means to remix responsibly as someone entering the field. Students then built collages from found and appropriated sources, putting those questions into practice. The results reflect a wide range of instincts, aesthetics, and first encounters with both the tool and the conversation around it.

Assignment 02 — Logo Design
Illustrator Vector Typography Brand Identity Mark-Making

Students designed original logos for a fictional brand or personal identity of their choosing. The assignment introduced vector thinking, typographic hierarchy, and the fundamentals of mark-making in Illustrator. Students submitted multiple iterations — final marks shown here range from wordmarks to abstract symbols, reflecting each student's individual direction and design instincts.

Assignment 03 — Moodboard
Photoshop Visual Research Color Theory Art Direction Composition

Students built visual research boards to establish the aesthetic direction of their ongoing brand project. The moodboard assignment asked students to synthesize reference imagery, color, texture, and type into a single cohesive composition — translating instinct into a communicable visual language. Each board reflects an early-stage design thinking process and serves as a foundation for all subsequent work.

Assignment 04 — Animated GIF
Photoshop Frame Animation Timeline Motion Loop

Students produced looping animated GIFs using Photoshop's timeline and frame animation tools. The assignment focused on timing, rhythm, and the expressive potential of the loop as a format — from subtle motion to full scene animation. GIFs were designed to function as standalone pieces and as shareable digital objects.

Assignment 05 — Pixel Art
Photoshop Pixel Art Color Palette Constraint Design

Working within a strict 500×500 pixel canvas and a limited color palette, students created original pixel art compositions in Photoshop. The constraint-based format pushed students to think about economy of mark — every pixel deliberate. Subject matter was open, and the results range from character design to abstract pattern to personal iconography.

Assignment 06 — Prompt Swap
AI Generation Illustrator Vectorization Authorship Prompt Writing

Students wrote image prompts for each other, then used AI image generation tools to interpret and respond to the prompts they received. The resulting images were then brought into Illustrator for vectorization and refinement. The assignment raised questions about authorship, intent, and the gap between language and image — and what it means to make something from someone else's words.

ART 103 is an upper-level course at San José State University focused on building real-time visual systems through TouchDesigner. The course was developed from the ground up as a project-based framework that combines technical training, visual development, and collaborative production. It introduces students to system-based thinking and guides them through the full lifecycle of creating and presenting interactive media work.



Course Learning Outcomes

  • LO1Create professional-level work that demonstrates both conceptual clarity and technical execution.
  • LO2Design and build real-time visual systems using node-based programming (TouchDesigner).
  • LO3Work collaboratively to plan, organize, and execute complex projects.
  • LO4Develop and manage production pipelines from concept to installation.
  • LO5Install, present, and troubleshoot work in a public-facing setting.
  • LO6Design exhibitions with consideration of audience, interaction, and space.
  • LO7Communicate ideas through documentation, critique, and visual presentation tools.

Course Structure (16-Week Progression)

※ Progress in Increments
※ Bite-sized Projects Motivating Reward System
※ Proactive Participation within Weekly Activities


The first half of the semester focuses on foundational thinking and tool fluency. Students are introduced to TouchDesigner, a node-based visual programming environment where processes are built by connecting operators into real-time pipelines rather than writing traditional code.

is placed on flowchart thinking, cause-and-effect relationships, and understanding how data moves through systems. Students work through guided tutorials using pre-built components provided through my GitHub, allowing them to follow step-by-step while learning individual operators and workflows.

Assignments during this phase include structured exercises and small projects such as motion graphics, system-based experiments, and procedural builds. Students are encouraged to explore, experiment, adapt, and pivot as they develop technical confidence.

Project Development + Team-Based Pipeline

The second half of the semester shifts into collaborative production. Students form teams and move from concept to execution, building interactive and projection-based systems from scratch. Each team develops its own internal structure, defining roles, pipelines, and production workflows. This includes system design, asset creation, interaction logic, and real-time performance considerations. The course emphasizes the full project lifecycle: ideation, prototyping, iteration, troubleshooting, installation, and final presentation.

Exhibition + Installation Training

The course culminates in a public exhibition where all projects are installed and presented. Students are responsible not only for their digital systems, but also for physical setup, fabrication, and spatial design.

Additional deliverables support the exhibition, including logos, posters, documentation, user interaction guides, and presentation materials.

Students gain hands-on experience in installation, projection mapping, troubleshooting in real environments, and exhibit curation.



Projects + Documentation

In Spring 2026, the course culminated in the System x3 Exhibit at the Jo Farb Hernandez Gallery, at San Jose State University.
System x3 is the results of 3 fully realized interactive installations,
With 3 unique concepts and approaches,
Developed by 3 student teams,
Managed and curated by Mona Farrokhi.

Click here to view more about System x3 Exhibit
Student Work:
Assignment 1 — Motion Mashup
Motion Video Editing Remix
Assignment 2 — Feedback Looping
TouchDesigner Feedback Loops Real-time Systems Generative Visuals
Assignment 3 — Clock
TouchDesigner Time-based Systems Generative Visuals Real-time