A slide deck covering the foundational topics of the module — HCI principles, GitHub version control, Figma, AI tools, development environment setup, and team collaboration — used by instructors to deliver or structure lecture content.
Topics
This module covers 6 topics. Open a topic to see its subtopics.
Module Content
30 items.
-
-
The consolidated module reading that strings together all six lesson sections in order, opening with HCI as an interdisciplinary field drawing on computer science, cognitive psychology, design, sociology, and ergonomics, and serving as the single continuous text learners work through for the whole module.
-
A lesson section introducing Human-Computer Interaction as an interdisciplinary field, contrasting the engineering question 'does the system work?' with the HCI question of whether it serves human needs, used to build shared vocabulary and mental models before tooling begins.
-
A lesson section on version control with Git and GitHub, explaining how projects accumulate untracked change and how commits, history, and a shared remote let teams answer who changed what, when, and why — read before students set up the course project repository.
-
A lesson section on Figma as the team's shared space for ideation, screen design, interactive prototyping, feedback collection, and developer handoff, guiding students in setting up and using their design file for the course project.
-
A lesson section surveying AI tools across the design and development workflow — sketching layouts, generating boilerplate code, writing tests, and reviewing work — with guidance on using them responsibly and effectively in HCI projects.
-
A lesson section on preparing a verified development environment, covering the code editor, Git tooling, authentication credentials, shared folder structure, and a tested connection to the remote GitHub repository, used as a setup checklist by each team member.
-
A lesson section on team collaboration and project kickoff, establishing member roles, working norms, accountability, and the operational infrastructure a team agrees on before writing production code.
-
A standalone (duplicate) page of the HCI introduction lesson, defining the field, its contributing disciplines, and the shift from 'does it work?' to 'does it serve people?', usable as an individual reading item.
-
A standalone (duplicate) page of the GitHub version control lesson, covering why uncontrolled change breaks teams and how commit history and remote repositories restore traceability, assignable on its own.
-
A standalone (duplicate) page of the Figma lesson on collaborative design, prototyping, feedback, and handoff from concept to working interface, usable as an individual reading item.
-
A standalone (duplicate) page of the AI tools lesson describing how AI now participates in layout sketching, code generation, testing, and review within HCI and development workflows.
-
A standalone (duplicate) page of the development environment setup lesson detailing editor, version control, credentials, folder structure, and verified GitHub connectivity as prerequisites to project work.
-
A standalone (duplicate) page of the team collaboration and kickoff lesson on agreeing roles, norms, and accountability to establish the team's social and operational foundation at project start.
-
A foundational reading that defines Human-Computer Interaction, introduces core design principles, and establishes the field's shared vocabulary around users, goals, limits, and context, which learners study first to frame all later topics in the course.
-
A tutorial explaining version control concepts and the distinction between Git and GitHub, covering repositories, change tracking, rollbacks, and collaboration features like issues, pull requests, and code review, used by learners to set up and manage their project repository.
-
A guide to Figma as the course's primary design tool, walking through creating an education team workspace, sketching UI screens, linking them into clickable prototypes, and handing off specifications to developers for the semester project.
-
A survey of where generative AI tools fit into design and development workflows — brainstorming interface concepts, drafting wireframes and copy, generating code and tests, and summarizing user research — used by learners to apply AI responsibly in their project work.
-
A step-by-step setup guide for the semester toolchain, including installing a code editor, configuring Git, creating a GitHub repository, and using GitHub Codespaces as a cloud alternative, which learners follow before beginning any build work.
-
A practical guide to deliberate team formation covering role assignment, writing a team charter, and bounding the course project to a realistic scope, used by student teams during project kickoff.
-
A consolidated module overview that compiles all Module 1 topics — HCI fundamentals, GitHub version control, Figma, AI tools, environment setup, and team kickoff — into a single reference document for review or printing.
-
A reading that introduces the field of HCI, explaining its interdisciplinary nature and core concepts such as usability, accessibility, feedback, and User-Centered Design, for learners to build foundational theoretical knowledge.
-
A reading that explains version control concepts and practical use of GitHub — including branching, committing, and collaboration workflows — enabling learners to manage project code safely as a team.
-
A reading that introduces Figma as a collaborative design tool, covering its interface, real-time collaboration features, and how designers and developers can use it together during the UI/UX design process.
-
A reading that surveys AI-powered tools used in HCI and software development — such as code assistants and design aids — helping learners understand how to integrate AI into their design and development workflows.
-
A reading that guides learners through setting up a consistent local development environment, covering editors, configurations, and conventions needed before beginning collaborative project work.
-
A reading focused on launching a team software project successfully, covering role assignment, working agreements, communication practices, and aligning the team around shared project goals at kickoff.
-
A duplicate of the Team Collaboration and Project Kickoff reading, covering the same content on establishing roles, working agreements, and project kickoff practices for collaborative software development.
-
This video provides an overview of the CEN 3722 course, likely covering course expectations, structure, and key topics related to Human-Computer Interaction. It serves as an orientation resource to help students understand what the course entails and how it is organized. The video is produced by Daytona State College's instructional resources team.
-
A group project kickoff assignment where student teams form, set up their shared tools (GitHub repository, Figma workspace, and a collaborative document), and submit initial project planning materials to establish their working environment for the course project.