【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>