HONORS Project: Enhancing Sales App using Thunkable荣誉项目：使用 Thunkable 提升销售应用

预计所需时间：1小时30分钟

前提条件

在开始这个荣誉项目之前，请确保您已完成 最终项目：从手绘图像创建 Thunkable UI，因为它将作为进一步增强销售应用的基础。

引言

在这个荣誉项目中，你的任务是增强使用 Thunkable 创建的销售应用程序的功能，作为最终项目的一部分。

当前的销售应用程序有四个类别：零售、酒店、教育和技术，客户仅为零售类别添加。

在这个项目中，你将增强销售应用程序在剩余三个类别（酒店、教育和技术）中的功能，并为每个类别添加更多客户。

重要提示： 请记得通过为每个任务创建一个文件夹来组织你的工作，将所有所需的截图保存在各自的文件夹中，并将每个文件夹单独压缩以便提交。你应该有两个名为 Task4.zip 和 Task5.zip 的压缩文件。

由于任务 1、2、3 和 6 只需上传一张截图，而任务 7 需要 Thunkable 生成的销售应用程序链接，因此你可以在提交时直接在响应字段中上传或分享相同的内容。

使用 Thunkable 设计销售应用的屏幕。

请参考最终项目：Thunkable 实验室中的 练习 2：为销售应用创建主页 以获取指导。

任务 1 - 为所有四个类别添加客户：零售、酒店、教育、技术

1. 为酒店、教育和技术类别添加四个您选择的客户，类似于您为零售类别添加客户的方式。
2. 截取显示每个类别屏幕上客户名称的所有四个屏幕的截图，并保存为 Task1.png 或 Task1.jpg

请注意，您可以在组件树中拖动和排列屏幕，以一次捕获所有四个类别的截图。

任务 2：为每个类别添加一位客户的详细信息：零售、酒店、教育、技术

1. 为四个类别中的每个类别添加客户详细信息（客户姓名、联系方式、电子邮件、地址和收入）。
2. 捕获显示每个类别客户详细信息屏幕的截图，并保存为 Task2.png 或 Task2.jpg。

任务 3：使用代码块在屏幕之间添加交互

1. 验证您在 Thunkable 项目中成功创建了所有 9 个屏幕。组件树应该列出所有 9 个屏幕。
2. 要使用代码块在所有新屏幕之间添加交互，请参考 练习 5：使用代码块进行交互

捕捉显示您已在 Thunkable 中创建所有 9 个屏幕的屏幕截图，并将其保存为 Task3.png 或 Task3.jpg。

任务 4：为客户界面添加交互功能的代码块

1. 在 Thunkable 中为所有四个类别的所有客户界面实现交互功能的代码块。有关如何完成此任务的指导，请参考最终项目中的 Thunkable 实验室。
2. 为了确认导航，启动网页预览，并依次点击主页上的每个类别按钮。此操作应将您引导到该类别对应的客户界面。
3. 要捕获屏幕截图，请通过选择 返回编辑 按钮停止网页预览，然后从左上角访问 代码块 面板。捕获每个显示交互代码块的屏幕截图，并按照以下指定名称保存它们。
4. "retail-customer.png" 或 "retail-customer.jpg"。
5. "hotel-customer.png" 或 "hotel-customer.jpg"。
6. "education-customer.png" 或 "education-customer.jpg"。
7. "technology-customer.png" 或 "technology-customer.jpg"。

注意：完成后，将这些屏幕截图保存在 Task4 文件夹中，并将该文件夹压缩为 Task4.zip。Task4.zip 文件应包含总共 4 张屏幕截图。

任务 5：为客户详情屏幕添加交互使用代码块

1. 在 Thunkable 中使用代码块为四个类别的所有客户详情屏幕实现交互。如需帮助，请参阅最终项目的 Thunkable 实验室。
2. 为了验证导航，启动网页预览并依次检查每个类别的第一个客户。这个过程应该将您导航到该类别的相应客户详情屏幕。
3. 要捕获屏幕截图，请停止网页预览，然后从左上角访问 Blocks 面板。捕获每个显示交互代码块的屏幕截图，并按以下指定名称保存它们。
4. "retail-customer-details.png" 或 "retail-customer-details.jpg"。
5. "hotel-customer-details.png" 或 "hotel-customer-details.jpg"。
6. "education-customer-details.png" 或 "education-customer-details.jpg"。
7. "technology-customer-details.png" 或 "technology-customer-details.jpg"。

注意：完成后，将这些屏幕截图保存在 Task5 文件夹中，并将该文件夹压缩为 Task5.zip。Task5.zip 文件应包含总共 4 个屏幕截图。

任务 6：验证销售应用程序在网页预览模式下所有屏幕中的“主页”和“返回”按钮的交互

1. 在此任务中，您将启用所有屏幕中 Home 和 Back 按钮的交互。
2. 请参考 Thunkable Lab 以了解如何添加交互。
3. 检查每个类别的客户详细信息屏幕和客户详细信息屏幕中 Home 和 Back 按钮是否具有交互。

注意：请截取一张截图，显示所有 8 个包含“主页”和“返回”按钮及其交互的屏幕，并将其命名为 Task6.png 或 Task6.jpg。

任务 7：分享 Thunkable 销售应用的网页预览链接

请提供 Thunkable 销售应用的网页预览链接。您可能需要参考 最终项目：从手绘图像生成 Thunkable UI 实验的最后部分，以了解如何生成此链接。

注意：如果您希望为每个类别添加多个客户的详细信息，可以在您的 Thunkable 项目中添加和设计屏幕，并使用代码块启用交互性。

摘要

恭喜你完成了荣誉项目！
你通过扩展酒店、教育和技术类别的功能，增强了销售应用程序，并为每个类别添加了更多客户。

作者(s)

Rajashree Patil

修改日志