第七届CCF开源创新大赛在国家自然科学基金委信息科学部的指导下,由中国计算机学会(CCF)主办,长沙理工大学、CCF 开源发展委员会联合承办。大赛面向国家“十四五”开源生态发展战略布局,聚焦“卡脖子”软件领域以及人工智能、大数据、芯片设计、物联网等前沿技术领域的开源软件,旨在为国内开源社区提供展示、交流、合作的平台,激发开源创新活力,培养开源实践人才,助力开源生态建设的高质量发展。
OpenTiny 此次参与 CCF 开源创新大赛,旨在让开发者基于组件库或低代码引擎进行应用生态开发。通过 TinyVue 组件库实现更多功能模块,帮助开发者高效开发Web应用。或通过使用 TinyEngine 低代码引擎,开发出创新性的低代码相关应用或生态产品,推动低代码产品生态建设。
报名链接: https://www.gitlink.org.cn/competitions/track1_openTiny?login=pcqxgftw6&websiteName=educoder
赛事介绍
1、项目介绍
OpenTiny 是一套企业级 Web 前端开发解决方案,提供跨端、跨框架、跨版本的 TinyVue 组件库,包含基于 Angular+TypeScript 的 TinyNG 组件库,拥有灵活扩展的低代码引擎 TinyEngine,具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具,可帮助开发者高效开发 Web 应用。
- 项目官网:https://opentiny.design
- 项目仓库:
https://gitlink.org.cn/opentiny/tiny-engine
https://gitlink.org.cn/opentiny/tiny-vue
2、赛题设计目的
(1)旨在让开发者基于组件库或低代码引擎进行应用生态开发。通过 TinyVue 组件库实现更多功能模块,帮助开发者高效开发Web应用。或通过使用 TinyEngine 低代码引擎,开发出创新性的低代码相关应用或生态产品,推动低代码产品生态建设。
(2)帮助参赛选手结识开源界小伙伴和技术大牛,通过实际参与前端项目编程比赛,积累丰富前端项目实践经验,从而提升项目开发技能,为职业发展积累人脉。
3、赛题说明
本赛事围绕OpenTiny开源项目设计赛题,共包括2个基础任务和4个进阶任务,参赛团队可以选择完成1个或多个任务,最终将根据完成的任务数量、质量等综合评选。
基础任务:
任务1. TinyVue 支持深色主题,支持多种不同系统的皮肤适配。
详见赛事项目 issue:https://gitlink.org.cn/opentiny/tiny-vue/issues/1
任务2. TinyEngine 支持使用外部的图标资源库,实现图标的配置、画布展示、出码预览等能力。
详见赛事项目 issue:https://gitlink.org.cn/opentiny/tiny-engine/issues/1
进阶任务:
任务1. 基于 TinyVue 的 renderless 设计架构,扩展 Svelte 组件库,丰富组件库生态。
详见赛事项目 issue:https://gitlink.org.cn/opentiny/tiny-vue/issues/2
任务2. 实现 BPMN 流程设计器组件,用于绘制和设计业务流程图。
详见赛事项目 issue:https://gitlink.org.cn/opentiny/tiny-vue/issues/3
任务3. 基于TinyEngine 实现系统架构图、流程图编排类型设计器。
详见赛事项目 issue:https://gitlink.org.cn/opentiny/tiny-engine/issues/2
任务4. TinyEngine DSL 出码对接 codesandbox 实现应用预览。
详见赛事项目issue:https://gitlink.org.cn/opentiny/tiny-engine/issues/3
奖项激励
本项赛事设置一等奖、二等奖、三等奖以及优胜奖若干。(同一队伍在本赛题内不可重复获奖,以最高任务成绩为准)
报名方式
步骤一:赛事报名
报名须知:
(1)参赛对象:高校教师、学生,企业从业人员,自由职业者均可报名参赛
(2)组队方式:参赛队伍由1名导师(可选)和不超过5名成员组成,可以跨校组队
(3)截止时间:报名通道9月20日关闭
报名步骤:
在官网报名页面点击右上角“立即报名”按钮,进入报名页面,填写报名信息,报名参赛。报名一般流程如下:
(1)创建战队:点击“创建战队”,填写战队名称,添加指导老师和队员,即可完成战队创建。
(2)加入战队:点击“加入战队”,填入邀请码,即可加入已有战队。注意:每名学生在每项赛事中只能参与1个战队,但可以参加多个不同的赛事,每名老师可以担任多个参赛小组的指导老师。
(3)战队编辑:战队创建者可以在报名列表中对自己创建的战队进行编辑和修改,包括组员的添加、删除,指导老师的添加,战队名称的修改等。
步骤二: 作品提交
本项赛事共设计6个赛题,参赛团队要求完成1个或多个,最终评奖将依据完成的赛题数量和质量等进行综合评选。
赛事作品须按要求在 GitLink 平台对应项目中进行提交方为有效作品并被纳入最终的评审,本赛事对应 OpenTiny 项目地址:
https://gitlink.org.cn/opentiny/tiny-engine
https://gitlink.org.cn/opentiny/tiny-vue
根据赛事参赛任务的不同,作品提交方式大体分为以下几类:
(1)为开源项目提交代码贡献类任务:进入 GitLink 平台中的该项目A,复刻(Fork)该项目到个人名下创建该项目副本B,将战队成员加入到项目B并在项目B中进行协同开发,然后将代码贡献以合并请求(PR)方式提交到项目A中。
(2)为开源项目提交缺陷报告/特征需求以及相应功能实现报告类任务: 进入 GitLink 平台中的该项目A,复刻(Fork)该项目到个人名下创建该项目副本B,将战队成员加入到项目B,在项目B的疑修(Issue)板块提交发现的缺陷或者特征需求、缺陷修复/功能实现报告。
(3)提交基于开源项目开发创新应用类任务:进入 GitLink 平台中的该项目A,复刻(Fork)该项目到个人名下创建该项目副本B,将战队成员加入到项目B,在项目B中创建一个名为“plugins”分支,在此分支中完成创新应用开发,然后将代码贡献以合并请求(PR)方式提交到项目A中。
参赛指南
TinyVue 组件库项目参考资料:
- 【文章】TinyVue 贡献指南:https://github.com/opentiny/tiny-vue/blob/dev/CONTRIBUTING.zh-CN.md
- 【文章】原来 TinyVue 组件库跨框架(Vue2、Vue3、React、Solid)是这样实现的?https://mp.weixin.qq.com/s/c9n6yBceTDwIMGKBgkbO2g
- 【文章】6个实例带你解读 TinyVue 组件库https://mp.weixin.qq.com/s/BnGnyzako2aTich2XJJAKQ
- 【文章】快速入门 TinyVue 组件库一键换肤!get“多主题适配”技能https://juejin.cn/post/7379264969069264905
- 【视频】TinyVue 实现一套代码同时支持 Vue2 和 Vue3 的原理:https://www.bilibili.com/video/BV1QP411y7cD/
- 【视频】OpenTiny 黑科技:重写组件逻辑和模板替换:https://www.bilibili.com/video/BV1th4y187Xh/
TinyEngine 低代码引擎项目参考资料:
- 【文章】TinyEngine贡献指南:https://github.com/opentiny/tiny-engine/blob/develop/CONTRIBUTING.zh-CN.md
- 【文章】低代码引擎 TinyEngine 正式开源!!!https://juejin.cn/post/7280926568854667299
- 【文章】使用 TinyEngine 低代码引擎实现三方物料集成https://juejin.cn/post/7376197082204930057
- 【文章】使用手册 https://opentiny.design/tiny-engine#/help-center/course/engine
- 【视频】TinyEngine 直播答疑:https://www.bilibili.com/video/BV16j411e7y2/
社群答疑:
添加微信小助手:opentiny-official(备注CCF开源大赛)拉你进大赛技术交流群
直播宣讲:
待定
联系方式:
- 微信小助手:opentiny-official
- 邮箱:opentiny@huawei.com
关于OpenTiny
OpenTiny 是一套企业级 Web 前端开发解决方案,提供跨端、跨框架、跨版本的 TinyVue 组件库,包含基于 Angular+TypeScript 的 TinyNG 组件库,拥有灵活扩展的低代码引擎 TinyEngine,具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具,可帮助开发者高效开发 Web 应用。
欢迎加入 OpenTiny 开源社区。添加微信小助手:opentiny-official 一起参与交流前端技术~
OpenTiny 官网:https://opentiny.design/
OpenTiny 代码仓库:https://github.com/opentiny/
TinyVue 源码:https://github.com/opentiny/tiny-vue
TinyEngine 源码: https://github.com/opentiny/tiny-engine
欢迎进入代码仓库 Star🌟TinyEngine、TinyVue、TinyNG、TinyCLI~ 如果你也想要共建,可以进入代码仓库,找到 good first issue标签,一起参与开源贡献~