生成式人工智能 课件 任务三 应用FittenCode制作随机点名器

任务三项目八

揭秘生成式AI原理与编程应用应用FittenCode制作随机点名器在教学、培训或活动组织过程中，经常需要随机挑选参与者。传统的点名方式可能存在主观性或不够公平，而随机点名器能够确保每个参与者都有相同的被选中机会，提高活动的公平性和趣味性。本任务需要同学们借助FittenCodeAI工具快速实现一个可运行且功能完善的随机点名器应用程序，熟练掌握该工具的高级功能，为今后的软件开发项目奠定基础。【任务情境】【任务分析】本任务是需要借助FittenCode制作随机点名器。首先熟悉FittenCodeAI工具的各项功能，特别是图生代码功能的使用，了解其对任务描述的理解和生成代码的能力。此外，借助FittenCode注释代码和理解代码的功能进一步学习随机点名器的实现逻辑，并且学会利用分享会话的功能与他人进行交流。【任务目标】能简述FittenCode的功能与优势能说明随机点名器的工作原理能使用FittenCode通过图片生成代码能使用FittenCode为代码添加注释与解释代码培养自主学习和创新能力培养信息素养和批判性思维能力目标素质目标知识目标0203011.在VisualStudioCode编辑器中安装FittenCode【任务实施】1.在VisualStudioCode编辑器中安装FittenCode【任务实施】打开Visual

Studio

Code,点击左侧导航栏中的拓展按钮,进入插件市场。1在扩展搜索框中输入“Fittencode”，点击“安装”按钮，开始安装该扩展2安装完毕后，根据提示进行注册登录操作后，打开Fittencode后操作界面​32.利用Fittencode图生代码的功能生成随机点名器【任务实施】在vscode的工作空间创建一个文件夹，命名为“随机点名器”，并创建一个“index.html”文件点击Fittencode界面中的“上传图片”按钮，将图片素材上传到工具中在输入框中输入提示词，例如：“这是一个随机点名器的效果图，请精确分析图片中显示的页面结构，仔细观察图片中元素的样式，分析图片中的交互细节，完成前端页面制作”，等待Fittencode生成相应的代码Fittencode内置了一个浏览器预览画布，当我们生成前端内容时，我们可以直接在对话框中看到预览效果010203042.利用Fittencode图生代码的功能生成随机点名器【任务实施】2.利用Fittencode图生代码的功能生成随机点名器【任务实施】在此案例中，Fittencode生成的代码中，并没有涉及交互，因此我们可以根据需求进一步输入提示词，比如“使用JavaScript实现开始和停止按钮的实际功能”，等待Fittencode帮我们重新生成完整的实例代码以及新的预览效果

确认效果符合要求后，我们可以点击图9-24中的“Copy”或“insert”按钮，将代码复制或插入到文件“index.html”中，保存后右运行到浏览器中进行二次测试。0506选择“FittenCode-查找bug”3.借助Fittencode进一步学习随机点名器的逻辑【任务实施】选择“FittenCode-解释代码”选择“FittenCode-生成注释”选择“FittenCode-生成优化代码”4.分享对话，持续交流【任务实施】Fittencode的对话框是可以进行分享的，这是一个比较有趣的功能，当我们的对话需要分享给他人时，可以点击对话框中的“分享”按钮，打开外部链接后选择“复制分享链接”，将链接发送给他人，与Fittencode的对话依然可以继续。

、通过本节任务的学习，学生应能够熟练安装FittenCode插件，使用其进行图生代码、查错纠错、对代码进行解释与注释。重点掌握FittenCode图生代码的功能和随机点名器的实现逻辑，学会利用FittenCode的各项功能辅助编程学习。难点在于理解和优化随机点名器的代码逻辑，易错点包括对FittenCode功能操作不熟练、生成代码与预期不符时难以排查问题等，需要通过多实践、多交流来提升运用FittenCode开发应用程序的能力。【任务小结】、随着AI技术的不断发展，未来AI编程工具可能会在哪些方面取得突破，对软件开发行业产生怎样的影响？请分组讨论常用AI编程工具的优缺点，并选择一个AI工具，自定主题，合作开发一个软件，并展示所开发的软件。开发的软件质量（50分）：从功能改进、性能提升、用户界面优化、降低成本等方面入手，所开发的软件实用性和易用性。工具对比（30分）：选择至少三种常用的AI编程工具，如GitHubCopilot、MarsCodeAI、通义灵码等，从功能特点、代码生成质量、适用场景、收费模式等方面进行详细对比分析。通过实际操作和案例测试，评估各工具的优缺点，形成对比报告，为开发者选择合适的工具提供参考。结合实际使用体验和技术发展趋势，提出合理的优化建