CH.08 / AI FOUNDATIONS
MODULE 08 / PRACTICE

AI 实操:
从“会用”
到“用好”

把模型、代码、数据和 API 连接成能够解决真实问题的工作流。

会提问只是开始,能完成任务才是 AI 实操的目标。

CH.08 / TOOL MAP
01 // LANDSCAPE

先认识
工具地形

任务
目标

通用对话

DeepSeek Kimi 文心 通义 豆包 智谱

AI 编程

Trae

让自然语言进入开发流程

数据分析

把表格、指标与图表串成可解释的结论

API 应用

让模型能力进入自己的网页或程序

工具不是越多越好,而是要和任务的输入、输出相匹配。

CH.08 / MATCH
02 // ROUTER

不同问题,走不同路

我现在
要完成什么?

先想清楚任务,再挑工具。

写代码
读长文档
做数据分析
写文案 / 问答
DeepSeekTrae
Kimi
通义智谱文心豆包

先定义任务边界,工具选择才不会变成无目的的“试一试”。

CH.08 / FIRST DIALOGUE
03 // ASK · CHECK · FOLLOW UP

第一次对话,如何越问越准?

原始 PROMPT

请用通俗易懂的语言,向一个非技术背景的人解释什么是“大语言模型”。

用生活中的比喻不超过 300 字列出 3 个实际应用场景
CURRENT SESSION 首轮回答后先检查
是否符合预期?哪个部分让你觉得“有用”?
FOLLOW-UP
“能再举一个医疗领域的应用例子吗?”
模型沿用当前会话上下文继续回答
回答不满意?把反馈送回同一轮对话↻ 重新生成+ 补充更多要求

当前会话会保留上下文:先检查,再追问;不满意就重新生成或补充要求。

CH.08 / AI CODING
04 // BUILD

AI 编程:把想法变成代码

// 说清楚目标

> 做一个待办清单

> 支持添加、完成、删除

> 页面能在手机上使用

AI 正在生成组件

1自然语言描述功能
2生成后阅读与运行代码
3继续追问、修复与迭代

AI 编程不是替你放弃思考,而是把“描述—验证—修改”变得更快。

CH.08 / TRAE
05 // DEV LOOP

以待办清单练习
开发闭环

页面结构
输入框、列表、操作区
交互逻辑
添加、完成、删除
视觉样式
层级、留白、响应式
测试改进
运行、发现问题、再迭代

一个小项目的价值,在于完整走一遍从需求到可用页面的过程。

CH.08 / DATA
06 // ANALYZE

数据分析:让表格说话

sales.csv日期 品类 / 单价 销量 / 收入 地区 / 支付方式
先检查字段、缺失值和统计口径。
从图表提炼有数据依据的业务洞察。

可靠分析不是直接要结论,而是让每个结论都能回到数据里核对。

CH.08 / VISUALIZE
07 // CHARTS

一张图,回答一个问题

趋势

时间变化,适合折线图

构成

占比关系,适合饼图或环图

比较

类别高低,适合柱状图

先想让读者比较什么,再选图;图表是解释,不是装饰。

CH.08 / API
08 // CONNECT

API:把模型装进
自己的应用

用户输入问题
应用带着 API Key 发起请求
大模型返回回答,页面呈现结果
RESPONSE → 页面呈现 → 用户继续提问

API 把一次聊天升级为可复用的能力,但密钥与调用成本必须被管理。

CH.08 / ENGINEER
09 // DELIVER

从演示到交付,还差哪些步骤?

明确功能 01
设计数据与提示词 02
实现界面与接口 03
测试、记录与迭代 04

能运行只是起点;可解释、可维护、可复盘,才接近真正的应用。

CH.08 / RECAP
RECAP // 03 POINTS

把 AI 用好,记住
这三件事

任务匹配

工具选择从任务、输入和交付物开始。

过程验证

代码、数据和答案都要运行、核对、修改。

工程意识

把一次性结果变成能持续使用的流程。

AI 实操的核心能力,是把问题拆清楚,再把结果验明白。

CH.08 / PRACTICE 01
SOURCE PRACTICE 01

题目 1:
AI 工具选型与知识问答(100 分)

综合实操 / SOURCE 01 DeepSeekKimi
展开项目说明与评分说明

以下 5 道综合项目题,要求你综合运用本章所学的全部技能,完成一个端到端的 AI 应用任务。建议按顺序完成,每道题都是对前面知识的综合运用。

评分说明:每题满分 100 分,总计 500 分。60 分以下为不合格,60-79 分为合格,80-89 分为良好,90 分以上为优秀。

任务描述:

你是一家科技公司的实习生产品经理,需要为团队调研"数字孪生技术在智慧城市中的应用"这一课题。请使用 AI 工具完成以下工作:

  1. 使用至少 2 个不同的 AI 工具(如 DeepSeek + Kimi)分别查询同一问题
  2. 对比两个工具的回答质量,从准确性、完整性、可读性、引用来源四个维度评估
  3. 将两个回答整合成一份 500 字左右的调研摘要
展开操作步骤提示
  1. 分别在 DeepSeek 和 Kimi 中输入相同的 Prompt:
    "请介绍数字孪生技术在智慧城市中的主要应用场景,每个场景请用一句话说明,并列出至少 3 个实际案例。"
  2. 记录两个工具的回答
  3. 设计一个对比表格,填入评估结果
  4. 结合两个回答的优点,撰写最终摘要
评分标准:
评分项 满分 评分细则
工具使用规范性 20 分 正确使用至少 2 个工具,Prompt 清晰有效
对比分析质量 30 分 四个维度评估客观、有具体例证
对比表格设计 20 分 表格结构清晰,信息完整
调研摘要质量 30 分 语言精炼,要点突出,无冗余信息

参考答案要点:

  • 数字孪生在智慧城市的主要应用场景包括:交通管理(实时路况模拟与优化)、能源管理(电网运行状态监测)、城市规划(方案模拟与评估)、应急管理(灾害模拟与预案演练)、环境监测(空气质量预测)
  • 实际案例:雄安新区数字孪生城市、杭州城市大脑、深圳智慧交通系统
  • 工具对比:DeepSeek 在逻辑结构上更清晰,Kimi 在案例丰富度上更优

选型报告要写出“为什么”,而不是只列出工具名称。

CH.08 / PRACTICE 02
SOURCE PRACTICE 02

题目 2:AI 辅助编程——
创建个人博客页面(100 分)

综合实操 / SOURCE 02 Trae

任务描述:

使用 Trae 从零创建一个个人技术博客主页,要求完整、美观、可运行。

展开完整任务要求与操作步骤

功能要求:

  1. 页面结构:顶部导航栏 + 文章列表区 + 侧边栏(个人简介 + 标签云)+ 页脚
  2. 至少包含 5 篇模拟博客文章(标题 + 摘要 + 日期)
  3. 点击文章标题可以展开/收起全文
  4. 侧边栏显示"关于我"简介和技能标签
  5. 响应式设计:在手机和电脑上都能正常显示
  6. 美观的配色方案(推荐使用柔和色调)

操作步骤提示:

  1. 在 Trae 中新建项目 my-blog
  2. 设计详细的 Prompt,分步让 AI 生成代码
  3. 第一步:生成基础 HTML 结构
  4. 第二步:添加 CSS 样式
  5. 第三步:添加 JavaScript 交互逻辑
  6. 第四步:优化移动端适配
  7. 在浏览器中预览并调试
评分标准:
评分项 满分 评分细则
功能完整性 30 分 所有要求功能均实现,无 bug
代码质量 20 分 代码结构清晰,有适当注释
界面美观度 20 分 配色协调,布局合理,视觉舒适
响应式设计 15 分 手机端和桌面端均能正常显示
创新与细节 15 分 额外添加了动画、交互或其他亮点

参考答案要点:

  • 使用 HTML5 语义标签(<header>, <main>, <aside>, <footer>
  • CSS 使用 Flexbox 或 Grid 布局实现响应式
  • JavaScript 使用事件委托处理文章展开/收起
  • 配色方案推荐:主色 #2c3e50(深蓝灰),辅色 #3498db(亮蓝),背景 #f5f7fa(浅灰)
  • 媒体查询断点:768px(平板)、480px(手机)

页面能展示不等于完成,交互、结构和不同屏幕下的可读性都要验收。

CH.08 / PRACTICE 03
SOURCE PRACTICE 03

题目 3:AI 数据分析——
电商销售洞察报告(100 分)

综合实操 / SOURCE 03 AI 数据分析

任务描述:

你是一家电商公司的数据分析实习生,需要完成一份月度销售分析报告,用于向运营团队汇报。

展开完整任务要求与操作步骤

数据要求:

  1. 使用 AI 工具生成一份模拟数据(至少 50 行),包含以下字段:
    • 订单日期、商品名称、商品类别、单价、销量、销售额、客户地区、支付方式
    • 数据需要包含至少 3 个商品类别、5 个不同地区

分析要求:

  1. 数据清洗与概览(总销售额、总订单数、平均客单价)
  2. 按商品类别统计销售额排名
  3. 按地区统计销售额和订单量
  4. 找出畅销商品 TOP 5 和滞销商品 BOTTOM 5
  5. 分析支付方式分布
  6. 生成至少 3 张可视化图表(柱状图、饼图、折线图各一)
  7. 撰写分析结论(至少 3 条业务建议)

操作步骤提示:

  1. 使用 DeepSeek 生成模拟数据,保存为 CSV 文件
  2. 使用通义千问上传数据并进行分析
  3. 如果通义千问图表生成不理想,使用智谱清言的代码解释器
  4. 也可以让 AI 生成 Python 代码(matplotlib/seaborn),在本地运行生成图表
  5. 汇总所有分析结果,撰写最终报告
评分标准:
评分项 满分 评分细则
数据质量 15 分 数据完整、合理,覆盖要求字段和类别
分析深度 30 分 所有分析项均完成,有数据支撑
图表质量 25 分 图表类型正确、标注清晰、美观
业务建议 20 分 建议具体、可落地、有数据依据
报告结构 10 分 结构清晰,逻辑连贯

参考答案要点:

  • 数据应包含手机、电脑、平板等类别,覆盖华东、华南、华北等地区
  • 核心发现通常包括:手机类产品销售额占比最高、华东地区贡献最大、微信支付占比超过 50%
  • 业务建议示例:加大华东地区营销投入、对滞销产品进行促销清仓、优化移动端支付体验
  • 图表建议:柱状图(类别销售额对比)、饼图(支付方式占比)、折线图(日销售趋势)

分析报告的每一条建议,都应能追溯到数据和图表中的证据。

CH.08 / PRACTICE 04
SOURCE PRACTICE 04

题目 4:AI API 应用开发——
智能英语作文批改助手(100 分)

综合实操 / SOURCE 04 DeepSeek API

任务描述:

开发一个智能英语作文批改助手,通过调用 DeepSeek API 实现。用户可以输入英文作文,AI 会从语法、词汇、结构、内容四个维度进行评分和反馈。

展开完整任务要求与操作步骤

功能要求:

  1. 用户输入英文作文(至少 100 词)
  2. AI 从以下维度评分(每项 1-10 分):
    • 语法准确性(Grammar)
    • 词汇丰富度(Vocabulary)
    • 结构逻辑性(Structure)
    • 内容完整性(Content)
    • 给出总分和总体评价
    • 指出 3-5 处具体错误并给出修改建议
    • 提供一篇修改后的范文

技术实现要求:

  1. 使用 Python 编写,调用 DeepSeek API
  2. 或使用 Trae 创建 Web 界面版本
  3. Prompt 设计要专业、结构化
  4. 输出格式美观、易读

操作步骤提示:

  1. 设计 System Prompt(系统提示词),定义 AI 的角色和评分标准
  2. 编写 Python 代码,调用 API 进行作文批改
  3. 测试多篇不同水平的作文,验证评分合理性
  4. 优化 Prompt,提高反馈质量
  5. (可选)用 Trae 创建 Web 界面
评分标准:
评分项满分评分细则
功能完整性25 分所有评分维度均实现,反馈全面
Prompt 设计25 分系统提示词结构清晰,任务定义明确
评分准确性20 分对不同水平作文的评分合理、有区分度
反馈质量20 分错误指出准确,修改建议有效
代码质量10 分代码结构清晰,有错误处理

参考答案要点:

  • System Prompt 设计示例:
    你是一位专业的英语写作导师。请对用户提交的英文作文进行批改,按以下格式输出:
    ## 评分
    - 语法准确性:X/10
    - 词汇丰富度:X/10
    - 结构逻辑性:X/10
    - 内容完整性:X/10
    - 总分:X/40
    ## 具体错误与修改建议
    1. [原文] ... → [建议] ... (说明原因)
    ...
    ## 修改后范文
    ...
  • 评分应有区分度:优秀作文 35+,中等作文 25-30,基础薄弱 20 以下
  • 反馈应具体,避免"写得好"或"需要改进"等模糊评价

把评价维度写进提示词,才能让“批改”从泛泛评论变成结构化反馈。

CH.08 / PRACTICE 05
SOURCE PRACTICE 05

题目 5:综合项目——
"AI 学习助手"Web 应用(100 分)

综合实操 / SOURCE 05 课程大作业

任务描述:

综合运用本章所学全部技能,开发一个完整的 "AI 学习助手"Web 应用。这是本课程的结业项目,需要体现你的综合能力。

展开完整任务要求与操作步骤

功能要求:

  1. 知识问答模块:用户可以提问任何知识类问题,AI 给出回答
  2. 文档总结模块:用户粘贴长文本,AI 自动生成摘要和要点
  3. 学习计划生成模块:用户输入学习目标和时间,AI 生成学习计划
  4. 数据可视化模块:用户可以上传 CSV 数据,查看分析图表(此功能可简化实现)
  5. 界面美观,模块切换流畅,有适当的加载动画

技术实现要求:

  1. 前端使用 HTML + CSS + JavaScript(可用 Trae 辅助开发)
  2. 后端 API 调用 DeepSeek(或通义千问)
  3. 可以做成纯前端 + API 直连的架构(简化版)
  4. 代码结构清晰,有适当的注释

操作步骤提示:

  1. 先用 Trae 创建整体页面框架(导航栏 + 四个模块区域)
  2. 逐个实现各模块功能,每完成一个模块就测试验证
  3. 编写统一的 API 调用函数,各模块复用
  4. 添加 CSS 样式和动画效果
  5. 进行完整的端到端测试
  6. 撰写项目说明文档(README)
评分标准:
评分项满分评分细则
功能完整性30 分四个模块均实现,功能正常运行
代码架构20 分模块化设计,代码复用性好,注释清晰
界面设计20 分美观、协调、有设计感
用户体验15 分操作流畅,有加载状态,错误处理完善
项目文档15 分有使用说明,有技术选型说明

参考答案要点:

  • 项目结构建议:
    ai-study-assistant/
    ├── index.html  # 主页面
    ├── css/
    │   └── style.css  # 样式文件
    ├── js/
    │   ├── app.js  # 主逻辑
    │   ├── api.js  # API 调用封装
    │   └── modules/  # 各模块逻辑
    │       ├── qa.js  # 问答模块
    │       ├── summary.js  # 总结模块
    │       ├── plan.js  # 计划模块
    │       └── chart.js  # 图表模块
    └── README.md  # 项目说明
  • API 调用统一封装,方便切换不同的 AI 服务
  • 使用 localStorage 保存对话历史
  • 添加 rate limiting 防止 API 调用过于频繁

综合项目的目标,是把一次模型调用组织成真正能帮助学习的产品体验。