44、BizGuru 1.0：基于移动的数字学习应用的设计与开发

BizGuru 1.0：基于移动的数字学习应用的设计与开发

1. 设计阶段

BizGuru的高保真原型是使用Adobe XD软件制作的。Adobe XD以其出色的用户界面（UI）和用户体验（UX）设计而闻名，它提供了构建移动应用原型的工具，能让从静态模型到交互式原型的转换过程十分流畅。该应用有马来语和英语两个版本，除了音频、视频和文字使用的语言不同外，两个版本的界面设计相似。在这个阶段，还明确了课程目的、课程流程、学习材料以及知识传授策略。

课程流程和学习材料参考了数字营销行业的知名书籍《Digital Marketing for Dummies》。知识传授策略是结合可视化展示和音频，以图2的形式呈现。考虑到目标用户是老年人，他们普遍视力不佳，每个屏幕的设计界面都融入了UX设计原则，以确保他们获得最佳学习体验。

2. 开发阶段

• 编程工具 ：使用Ionic5来构建实际应用。Ionic5具有成本效益高、开发速度快、功能强大的特点，它是开源的，并且使用简单的编程语言，如超文本标记语言（HTML）、JavaScript（JS）和层叠样式表（CSS）。
• 开发平台 ：选择Visual Studio Code（VSC）作为编写和编译BizGuru界面设计和功能代码的平台。在VSC中创建的页面包括：一个使用HTML专注于元素布局和放置的子页面；一个使用CSS专注于设计、装饰和样式的子页面；以及使用JS专注于功能实现的子页面。
• 命令工具 ：使用Windows Powershell进行开发相关的命令操作