24| 0
|
[教程] 【AI2+AI】时代的智慧:历史人物导师app |
<h1>【AI2+AI】时代的智慧:历史人物导师app</h1> <p>想象一下,只需轻触手机,就可接触到历史上这些伟大的老师,并从他们的人生经历和智慧中受益。 可以向他们提出任何想问的问题,并得到真实的答案。你会问什么? 想知道什么?有了 GenAI(译注:生成式人工智能),这些情景成为了可能。本项目将构建一个App来实现这样的梦想。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/12/1213dc5260afa4a5eff36ea07cb20232.png" alt="" /></p> <h2>一、完成设置工作</h2> <h3>1. 访问官网了解设置</h3> <p>如果需要开始使用和设置 App Inventor,请访问设置 App Inventor 官方页面 https://appinventor.mit.edu/explore/ai2/setup。</p> <h3>2. 新用户界面 Neo</h3> <ul> <li>在这个项目中,我们将使用名为“Neo”的新 App Inventor 用户界面。要进行设置,请转到“设置”菜单并选择“User Interface Settings”:<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/08/081871a0c57b9197ad13ee86bd7c3dda.png" alt="" /></li> <li>出现以下对话框时,选择“Neo”选项(选择右边的布局并单击“确定”):<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/e7/e7afee85e5717e41d040a5ced5960bd7.png" alt="" /><br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/97/97b83970ed938ecc7c4a48e26b023135.png" alt="" /></li> </ul> <h3>3. 使用 Gemini 或获取 自己的 OpenAI API 密钥</h3> <ul> <li>本项目默认使用 Google 的 Gemini LLM 为 ChatBot 组件提供支持。如果不想对此做修改,则可以忽略后面的步骤。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/2f/2fccfd76744ca1749a17577b73febb44.png" alt="" /></li> <li>如果希望使用 OpenAI 的 ChatGPT,则需要获取自己的 OpenAI API 密钥才能使用 ChatBot 组件。截至撰写本教程时,OpenAI 允许 13 岁及以上的用户创建自己的 OpenAI 帐户并生成自己的 OpenAI API 密钥。前 3 个月会获得 5 美元的免费额度。3 个月后,任何未使用的额度都会过期。一旦免费额度用完,需要成为使用信用卡的付费客户。按照以下步骤创建 的 OpenAI 帐户并获取 的 OpenAI API 密钥。</li> <li>按照以下步骤创建 的 OpenAI 帐户并获取 的 OpenAI API 密钥。 <ul> <li> <ol> <li>转到 https://openai.com/</li> </ol> </li> <li> <ol start="2"> <li>单击右上角的登录按钮,然后单击注册选项。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/28/2822732d45da3eb743f47e86d8f96405.png" alt="" /></li> </ol> </li> <li> <ol start="3"> <li>输入电子邮件并选择密码来创建帐户。 也可以使用 Google、Microsoft 和 Apple 帐户注册。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/8d/8d940c857f92433be2340c0bda52dd42.png" alt="" /></li> </ol> </li> <li> <ol start="4"> <li>需要在注册过程中验证你的电子邮件和电话号码。</li> </ol> </li> <li> <ol start="5"> <li>要获取个人 OpenAI API 密钥,请转到 https://platform.openai.com/account/api-keys</li> </ol> </li> <li> <ol start="6"> <li>单击 API 密钥选项卡和创建新密钥按钮。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/ea/eae2feda1c7ce027592f7580a290c6b4.png" alt="" /></li> </ol> </li> <li> <ol start="7"> <li>如果你愿意,可以为密钥命名。此步骤是可选的。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/1e/1e88563545084dc307432968b137694c.png" alt="" /></li> </ol> </li> <li> <ol start="8"> <li>将你的 API 密钥复制并保存在计算机上安全的地方。 在执行项目时将需要它。</li> </ol> </li> <li> <ol start="9"> <li>本项目需要将你的 OpenAI API 密钥复制粘贴到 <strong>ChatBot</strong> 属性 <em>ApiKey</em> 中。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/5a/5a7bcb724e8fe8628c92c70ee493a847.png" alt="" /></li> </ol> </li> </ul> </li> </ul> <h3>4. 更新 AI伴侣</h3> <p>将 AI伴侣 升级至 2.73 或更高版本。</p> <h2>二、制作App</h2> <h3>1. 项目背景</h3> <ul> <li>1985 年,史蒂夫·乔布斯分享了一个愿景,即开发一种 AI 工具,该工具可以捕捉亚里士多德等历史人物的“潜在世界观”,并以该人物的身份回答学生的问题。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/f1/f1bac562cebe541d11cfad8ad47e679d.png" alt="" /><br/> YouTube 视频地址 https://www.youtube.com/watch?v=iosUmVdobnM</li> <li>令人惊讶的是,在短短 40 年内,ChatGPT 等生成式 AI 工具就做到了这一点。在这个项目中, 将学习如何创建一个由 GenAI 驱动的App,该App允许 向历史人物提问并获得答案和建议。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/7c/7c93f2451637dcc5d086c6b959f6b894.png" alt="" /></li> </ul> <h3>2. 用户界面 (UI)</h3> <ul> <li>在此项目中,用户界面 (UI) 已为 创建。研究下图,该图显示了每个组件在 UI 中的使用方式。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/ed/ed1f1053ddaa01cb4f4b9d8e0141237a.png" alt="" /></li> <li>在这些组件中, 可能最不熟悉 <strong>Spinner</strong>(下拉框),它提供了一个菜单,用户可以从中选择一个选项。在这里,<strong>下拉框</strong> 中包含了一系列著名人物 — <em>苏格拉底、亚里士多德、马可·奥勒留、孔子、佛陀、甘地、特蕾莎修女、阿尔伯特·爱因斯坦、西格蒙德·弗洛伊德、弗吉尼亚·伍尔夫、玛雅·安吉洛、露丝·巴德·金斯伯格、奥普拉·温弗瑞、巴拉克·奥巴马</em>。( 可以随意用 喜欢的个人英雄替换这些人物!如果 这样做,请务必在媒体中添加人物的图像文件。)<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/0a/0ac1b191ef9eb950070f297416778a53.png" alt="" /></li> </ul> <h3>3. 初始代码</h3> <ul> <li>切换到逻辑设计界面,查看App模板中已有的代码块。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/9e/9e3b150ef296a25d0d3f122e6de58314.png" alt="" /></li> <li>留意名为 <em>photoList</em> 的变量,该变量已初始化为包含历史人物图像文件名的列表。如果添加了自己的个性化人物,确保列表元素也同步更新。<em>photoList</em> 中的顺序必须与 <strong>Spinner下拉框</strong> 的 <em>ElementsFromString</em> 属性中的顺序完全一致<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/d9/d9cfb379334c22e25de94f7c1f34779a.png" alt="" /></li> <li>现在需要编写以下事件处理程序块:<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/4a/4a97d83c9d14fc37afe46848085cd7dd.png" alt="" /></li> </ul> <h4>1). Speak按钮</h4> <ul> <li>单击Speak按钮时,会调用 <strong>SpeechRecognizer(语音识别器)</strong> 来获取语音识别的文本。 <ul> <li>解决方案<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/c5/c5450778487ca4e708cef6ccf70c36fd.png" alt="" /><br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/55/55e40a609c1565de866674d320790348.png" alt="" /></li> </ul> </li> <li>当 <strong>SpeechRecognizer(语音识别器)</strong> 识别完成,将返回结果放到 QuestionTextBox.Text 中 <ul> <li>解决方案<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/c1/c19cb0c21fef9268b19f6548a8a39a16.png" alt="" /><br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/39/395d6c84c13a5e3cd1297c8631520026.png" alt="" /></li> </ul> </li> </ul> <h4>2). Get Advice 按钮</h4> <p>当点击 Get Advice 按钮时:</p> <ul> <li>启动通知程序,告知用户应用正在生成回答</li> <li>创建提示,例如:“*** 是 [被选中的人物]。根据你对 [选中的人物] 的个性和生活经历的了解,回答问题并清晰简洁地给出建议,就好像这个人物本人会回答或给出建议一样。不要瞎编,要真实回答。以该人物的举止和风格聊天。可以先从说明是哪个人物并提供一些背景信息开始。***”</li> <li>让 <strong>ChatBot</strong> 将用户的问题连同上述提示词一起发送给 LLM(译注:大型语言模型Large Language Model)。 <ul> <li>解决方案<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/b4/b40098b682525f6b78d3f7aabe600574.png" alt="" /><br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/c2/c27b88ea420fd2f13f0639d63888dfe0.png" alt="" /></li> </ul> </li> <li>当 ChatBot 返回响应时,关闭通知程序并将此响应粘贴到相应的文本框中。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/93/93cd2f5732a15cd571f77a0a894150c7.png" alt="" /><br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/4d/4db54ef1576e7881d1081c868568f487.png" alt="" /></li> </ul> <h3>3). 下拉框选项选择</h3> <p>当用户从 <strong>下拉框</strong> 菜单中选择历史人物选项时:</p> <ul> <li>清除 <strong>ResponseTextBox.Text</strong> 文本内容</li> <li>重置 <strong>ChatBot</strong> 对话</li> <li><strong>Image.Picture</strong> 设置为存储在photoList变量中新选择的人物头像<br/> <strong>注意</strong>:默认情况下不会清除QuestionTextBox.Text,以防用户想向不同历史人物询问相同的问题。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/9c/9c0343bda480511836030e9c8488a0b2.png" alt="" /><br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/03/034f8f49e0c6c71686da099b7918cc71.png" alt="" /></li> </ul> <h3>4). Clear按钮</h3> <p>单击“Clear”按钮时,清除如下图两个文本框的内容。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/f1/f1b9355a636fa58a23e7267e91b0f71d.png" alt="" /><br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/2c/2c9d874bc4e9e66406acaaeb66e44b45.png" alt="" /></p> <h3>8. 测试</h3> <p>扫描移动设备上的AI伴侣上生成二维码来测试App。<br/> <img src="https://oss-liuchengtu.hudunsoft.com/userimg/b8/b8e5e3ffcca87a08290451abefa65cf5.png" alt="" /></p> <p>选择不同的历史人物,提出问题,寻求建议。在你看来,这个App在体现你所选择的人物的生活经历和行为举止方面是否令人信服?</p> <p>恭喜你创建了一个GenAI应用程序,实现了史蒂夫·乔布斯从1985年开始的愿景,让你能够访问时代的智慧。</p> |
© 2013-2025 Comsenz Inc. Powered by Discuz! X3.4 Licensed