课程基本情况
依据《智慧课程建设标准》，本课程基于 66aiLesson 平台开展 AI 辅助内容生成、在线学习、作业展示与模拟考试，形成「师-生-机-环」共同体。
课程教学团队
课程负责人许炎骏，教学团队共 4 人，覆盖课程设计、基础理论、布局规范与智能终端 UI 模块。
素质 · 能力 · 知识 目标体系
基于智慧课程「五要素」建设，梳理课程目标与毕业要求指标点关系。
素质目标
能力目标
知识目标
课程目标（OBE）
知识图谱
章节顺序以「UI设计课程概述」开篇，按单元/主题梳理知识点，构建包含、顺序、跨章关联与章节先导四类关系；默认展示全部章节的关联网络，可切换列表视图（数据源：去重后的 UI设计 课程 JSON + 在线题库）。
章节资源概览
问题图谱
三层问题架构：疑难复杂问题 → 组合问题 → 基本问题，引导学生高阶思维与项目实践。
第一层级 · 疑难复杂问题
第二层级 · 组合问题
第三层级 · 基本问题
AI 知识库与问答库
Pollinations 大模型生文/生图；在线题库 AI 修题；AI 助教问答样例（≥20 条，持续扩充）。
数字资源建设
- 7 个教学章节 AI 讲解 HTML + 配图关键词
- 131 道去重习题（单选/多选/填空/判断/连线/简答）
- 模拟考试预设 + 服务端智能判分（模糊匹配/部分得分）
- 作业 Web 包上传 + 作品展示互评
AI 问答样例
学习任务设计（共 22 项）
7章节讲解学习 + 7章节习题练习 + 5次平时交互实践作业 + 模拟考试练习 + 2项比赛参赛投稿
课程特色工具 · 理论与实践衔接脚手架
两个模块是理论环节与实践环节衔接的工具脚手架，拉平滑学习曲线，使艺术生学习编程与完成 Web 交互实践。
两项均为本课程自建、具备独创性与通用潜力的应用软件；平时 3 次实践作业均通过这两个工具完成，并经比赛获奖验证了对学生设计质量的实际提升作用。
课程作业展示
本课程 Web 交互作业通过 66aiLesson 作业系统提交与展示，支持在线预览、班级互评与作品画廊浏览。
学生获奖成果
| 编号 | 作品名称 | 学生 | 院校 | 作品链接 |
|---|
智慧课程标准对照
| 指标项 | 标准要求 | 建设情况 | 状态 |
|---|
教学运行数据
结合服务端 SQLite 学习记录、考试记录与本地课程导出数据可视化展示。
教学视频资源
12 个 B 站录制教程，总时长约 523 分钟，涵盖 AI 教育应用、可视化编程、Web 交互、Web3D、全景与 ComfyUI 等内容。
打开视频教程播放页