szjuliet 发表于 2025-3-26 14:18:35

【AI2+AI】时代的智慧:历史人物导师app

本帖最后由 szjuliet 于 2025-3-31 23:15 编辑


【AI2+AI】时代的智慧:历史人物导师app
https://www.bilibili.com/video/BV1XNZHYwEsn/?vd_source=e6dbdd8adfafa0f3995896f2cadb42af想象一下,只需轻触手机,就可接触到历史上这些伟大的老师,并从他们的人生经历和智慧中受益。 可以向他们提出任何想问的问题,并得到真实的答案。你会问什么? 想知道什么?有了 GenAI(译注:生成式人工智能),这些情景成为了可能。本项目将构建一个App来实现这样的梦想。


一、完成设置工作1. 访问官网了解设置
如果需要开始使用和设置 App Inventor,请访问设置 App Inventor 官方页面 https://appinventor.mit.edu/explore/ai2/setup。2. 新用户界面 Neo

[*]在这个项目中,我们将使用名为“Neo”的新 App Inventor 用户界面。要进行设置,请转到“设置”菜单并选择“User Interface Settings”:
https://oss-liuchengtu.hudunsoft.com/userimg/08/081871a0c57b9197ad13ee86bd7c3dda.png
[*]出现以下对话框时,选择“Neo”选项(选择右边的布局并单击“确定”):
https://oss-liuchengtu.hudunsoft.com/userimg/e7/e7afee85e5717e41d040a5ced5960bd7.png
https://oss-liuchengtu.hudunsoft.com/userimg/97/97b83970ed938ecc7c4a48e26b023135.png
3. 使用 Gemini 或获取 自己的 OpenAI API 密钥

[*]本项目默认使用 Google 的 Gemini LLM 为 ChatBot 组件提供支持。如果不想对此做修改,则可以忽略后面的步骤。
https://oss-liuchengtu.hudunsoft.com/userimg/2f/2fccfd76744ca1749a17577b73febb44.png
* 如果希望使用 OpenAI 的 ChatGPT,则需要获取自己的 OpenAI API 密钥才能使用 ChatBot 组件。截至撰写本教程时,OpenAI 允许 13 岁及以上的用户创建自己的 OpenAI 帐户并生成自己的 OpenAI API 密钥。前 3 个月会获得 5 美元的免费额度。3 个月后,任何未使用的额度都会过期。一旦免费额度用完,需要成为使用信用卡的付费客户。按照以下步骤创建 的 OpenAI 帐户并获取 的 OpenAI API 密钥。
* 按照以下步骤创建 的 OpenAI 帐户并获取 的 OpenAI API 密钥。
* 转到 https://openai.com/
* 单击右上角的登录按钮,然后单击注册选项。
https://oss-liuchengtu.hudunsoft.com/userimg/28/2822732d45da3eb743f47e86d8f96405.png
* 输入电子邮件并选择密码来创建帐户。 也可以使用 Google、Microsoft 和 Apple 帐户注册。
https://oss-liuchengtu.hudunsoft.com/userimg/8d/8d940c857f92433be2340c0bda52dd42.png*需要在注册过程中验证你的电子邮件和电话号码。
*要获取个人 OpenAI API 密钥,请转到 https://platform.openai.com/account/api-keys
*单击 API 密钥选项卡和创建新密钥按钮。
https://oss-liuchengtu.hudunsoft.com/userimg/ea/eae2feda1c7ce027592f7580a290c6b4.png* 如果你愿意,可以为密钥命名。此步骤是可选的。https://oss-liuchengtu.hudunsoft.com/userimg/1e/1e88563545084dc307432968b137694c.png* 将你的 API 密钥复制并保存在计算机上安全的地方。 在执行项目时将需要它。
* 本项目需要将你的 OpenAI API 密钥复制粘贴到 ChatBot 属性ApiKey中。
https://oss-liuchengtu.hudunsoft.com/userimg/5a/5a7bcb724e8fe8628c92c70ee493a847.png
4. 更新 AI伴侣将 AI伴侣 升级至 2.73 或更高版本。
二、制作App
1. 项目背景

[*]1985 年,史蒂夫·乔布斯分享了一个愿景,即开发一种 AI 工具,该工具可以捕捉亚里士多德等历史人物的“潜在世界观”,并以该人物的身份回答学生的问题。

YouTube 视频地址 https://www.youtube.com/watch?v=iosUmVdobnM
[*]令人惊讶的是,在短短 40 年内,ChatGPT 等生成式 AI 工具就做到了这一点。在这个项目中, 将学习如何创建一个由 GenAI 驱动的App,该App允许 向历史人物提问并获得答案和建议。

2. 用户界面 (UI)

[*]在此项目中,用户界面 (UI) 已为 创建。研究下图,该图显示了每个组件在 UI 中的使用方式。
https://oss-liuchengtu.hudunsoft.com/userimg/ed/ed1f1053ddaa01cb4f4b9d8e0141237a.png\
[*]在这些组件中, 可能最不熟悉 Spinner(下拉框),它提供了一个菜单,用户可以从中选择一个选项。在这里,下拉框 中包含了一系列著名人物 — 苏格拉底、亚里士多德、马可·奥勒留、孔子、佛陀、甘地、特蕾莎修女、阿尔伯特·爱因斯坦、西格蒙德·弗洛伊德、弗吉尼亚·伍尔夫、玛雅·安吉洛、露丝·巴德·金斯伯格、奥普拉·温弗瑞、巴拉克·奥巴马。( 可以随意用 喜欢的个人英雄替换这些人物!如果 这样做,请务必在媒体中添加人物的图像文件。)
https://oss-liuchengtu.hudunsoft.com/userimg/0a/0ac1b191ef9eb950070f297416778a53.png
3. 初始代码

[*]切换到逻辑设计界面,查看App模板中已有的代码块。
https://oss-liuchengtu.hudunsoft.com/userimg/9e/9e3b150ef296a25d0d3f122e6de58314.png
[*]留意名为 photoList 的变量,该变量已初始化为包含历史人物图像文件名的列表。如果添加了自己的个性化人物,确保列表元素也同步更新。photoList 中的顺序必须与 Spinner下拉框 的 ElementsFromString 属性中的顺序完全一致
https://oss-liuchengtu.hudunsoft.com/userimg/d9/d9cfb379334c22e25de94f7c1f34779a.png
[*]现在需要编写以下事件处理程序块:
https://oss-liuchengtu.hudunsoft.com/userimg/4a/4a97d83c9d14fc37afe46848085cd7dd.png
1). Speak按钮

[*]单击Speak按钮时,会调用 SpeechRecognizer(语音识别器) 来获取语音识别的文本。

[*]解决方案
https://oss-liuchengtu.hudunsoft.com/userimg/c5/c5450778487ca4e708cef6ccf70c36fd.png
https://oss-liuchengtu.hudunsoft.com/userimg/55/55e40a609c1565de866674d320790348.png
[*]当 SpeechRecognizer(语音识别器) 识别完成,将返回结果放到 QuestionTextBox.Text 中

[*]解决方案
https://oss-liuchengtu.hudunsoft.com/userimg/c1/c19cb0c21fef9268b19f6548a8a39a16.png
https://oss-liuchengtu.hudunsoft.com/userimg/39/395d6c84c13a5e3cd1297c8631520026.png
2). Get Advice 按钮
当点击 Get Advice 按钮时:**启动通知程序,告知用户应用正在生成回答* 创建提示,例如:“*** 是 [被选中的人物]。根据你对 [选中的人物] 的个性和生活经历的了解,回答问题并清晰简洁地给出建议,就好像这个人物本人会回答或给出建议一样。不要瞎编,要真实回答。以该人物的举止和风格聊天。可以先从说明是哪个人物并提供一些背景信息开始。***”* 让 ChatBot 将用户的问题连同上述提示词一起发送给 LLM(译注:大型语言模型Large Language Model)。   * 解决方案
https://oss-liuchengtu.hudunsoft.com/userimg/b4/b40098b682525f6b78d3f7aabe600574.png
https://oss-liuchengtu.hudunsoft.com/userimg/c2/c27b88ea420fd2f13f0639d63888dfe0.png
* 当 ChatBot 返回响应时,关闭通知程序并将此响应粘贴到相应的文本框中。
https://oss-liuchengtu.hudunsoft.com/userimg/93/93cd2f5732a15cd571f77a0a894150c7.png
https://oss-liuchengtu.hudunsoft.com/userimg/4d/4db54ef1576e7881d1081c868568f487.png3). 下拉框选项选择
当用户从 下拉框 菜单中选择历史人物选项时:** 清除 ResponseTextBox.Text 文本内容* 重置 ChatBot 对话* Image.Picture 设置为存储在photoList变量中新选择的人物头像* 注意:默认情况下不会清除QuestionTextBox.Text,以防用户想向不同历史人物询问相同的问题。

https://oss-liuchengtu.hudunsoft.com/userimg/9c/9c0343bda480511836030e9c8488a0b2.png
https://oss-liuchengtu.hudunsoft.com/userimg/03/034f8f49e0c6c71686da099b7918cc71.png
4). Clear按钮
单击“Clear”按钮时,清除如下图两个文本框的内容。
https://oss-liuchengtu.hudunsoft.com/userimg/f1/f1b9355a636fa58a23e7267e91b0f71d.png
https://oss-liuchengtu.hudunsoft.com/userimg/2c/2c9d874bc4e9e66406acaaeb66e44b45.png8. 测试
扫描移动设备上的AI伴侣上生成二维码来测试App。
https://oss-liuchengtu.hudunsoft.com/userimg/b8/b8e5e3ffcca87a08290451abefa65cf5.png
选择不同的历史人物,提出问题,寻求建议。在你看来,这个App在体现你所选择的人物的生活经历和行为举止方面是否令人信服?恭喜你创建了一个GenAI应用程序,实现了史蒂夫·乔布斯从1985年开始的愿景,让你能够访问时代的智慧。https://mc.dfrobot.com.cn/source/plugin/zhanmishu_markdown/template/editor/images/upload.svg 附件:HistoricalAdvisorApp_Starter.zip

AppInventor, 人工智能, Chatbot
页: [1]
查看完整版本: 【AI2+AI】时代的智慧:历史人物导师app