长三角学分银行功能演示

预览地址

学习成果上链

学分转换

求职招聘

运行

配环境

本地有 node 和 npm、pnpm 的环境，运行以下指令查看版本

$ node -v
$ npm -v
$ pnpm -v

如果 pnpm -v 报错的话，就手动全局安装一下 pnpm（理解为 npm 的升级版）

$ npm install -g pnpm
$ pnpm -v

跑项目

$ pnpm install
$ pnpm run dev

更新日志

2022-09-25

• 去掉单步运行
• 按照流程图来所有步骤都做一下
• 每一个图标下方都用文字标注图标的意义
• 学习者，长三角学分银行（上海/江苏/浙江/安徽），发证机构
• 用虚线框把区块链框起来
• 每个步骤之间的间隔久一些（3 秒）
• 首页上加个标题：长三角学分银行
• 每个场景上面加一个导航栏，在场景之间切换
• 图标（机构）的颜色可以几个区分
• 学分转换放到第二个，“求职/招聘”放到第三个

2022-09-26

• 步骤的文字会被覆盖，展示不下可以换行
• 图标的布局要调整宽一些
• 步骤里文字的内容也和演示图的一致
• 区块链名称的字体和其它文字一致
• 图标移动的速度慢一些
• 画一个箭头从学习者到学分银行
• “初始化机构之间的转换” 改成 “发起转换请求”
• “苏州市” 改成 “江苏省”
• 根据同一种类型的图标用同一种颜色
• 招聘场景：“招聘人员” 改成 “招聘单位HR”
• 首页：“长三角学分银行应用场景演示“
• 适配分辨率低的场景

2022-09-27

• 宽度和高度缩小一些
• 每一个步骤的轨迹保留，不用消失
• 首页上每个场景的入口全换成按钮，把流程图下掉

2022-09-30

• 对小屏幕进行缩放适配

2022-10-01

• 布局适配手机端

2022-10-06

• 步骤之间的间距动态调整（适配矮屏幕）

2022-10-07

• 每个步骤的文案加上主语
• 求职招聘场景中的学习成果和成果证明做在同一个图标里
• 动画区域中的字体放大

2022-10-08（v 1.0）

• 学习成果上链场景，删除第四步
• 学习成果上链场景，验证证明和学习成果做在一个图标（类似求职招聘）
• 学分转换场景，教育机构的位置往上移动一些
• 将 “上海市教育机构存入学习成果” 改为 “上海市教育机构将学习成果上链“
• 将”链下数据“改成”链下学习记录“
• 通过预言机Oracle发送链下数据，加一个Oracle图标

2022-10-09（v 1.1）

• 移动的图标变成红色
• 步骤之间的时间间隔再延长一些