Hypercrx:开源项目不只有Star

大家好,我们是Hypercrx战队,非常荣幸获得了首届Microsoft Edge浏览器开拓者大赛的一等奖!我是队长唐烨男(中),位于我左侧的是宁志成,右侧的是林以任,我们都来自华东师范大学数据科学与工程学院。我们的口号是:“热爱数据,热爱开源,追求效率!”

在这里插入图片描述

作品介绍

我们的插件作品是Hypercrx(发音为“Hai-puh CRX”)。在后疫情时代,线上协作在日常生产中发挥着越来越大的作用。开源作为线上协作的典范模式,其在软件行业的地位也愈显突出。对于GitHub上千千万万的开源项目,您还在通过Star数来判断它们的发展情况吗?快试试Hypercrx吧!

所有GitHub用户都能试试我们的插件。Hypercrx基于X-lab开放实验室提供的GitHub全域日志分析数据,实现了若干个交互式图表组件并将它们嵌入到GitHub页面中,使用户足不出GitHub就能探索发现他们所关心的价值。

如下图所示,Hypercrx目前主要在GitHub的两个页面插入了图表组件:个人页面和仓库页面。用户在安装插件后访问相应页面即可体验我们的图表组件。
在这里插入图片描述
在仓库页面,我们嵌入了项目协作网络图、项目开发者协作网络图、项目活跃度和影响力趋势图;在个人页面,我们嵌入了开发者协作网络图、开发者活跃仓库网络图、开发者活跃度和影响力趋势图。下面的动图展示了这些图表的交互性:
在这里插入图片描述
每个图表的具体含义请见Hypercrx仓库中的 README。

技术创新

Hypercrx在数据、呈现形式和开发流程上都有创新之处。

数据创新

Hypercrx的所有数据来自X-lab开放实验室下的OpenDigger项目。指标体系是OpenDigger标签类目清单中的重要组成部分,目前主要包括仓库和开发者的活跃度、影响力、和价值网络等,这些落地指标已经有多个应用场景。我们认为这些指标非常有价值,比单一的“以Star论英雄”好太多了,故Hypercrx依托OpenDigger的产出数据来构建应用。

在这里插入图片描述
呈现形式创新

Hypercrx借助Extension ContentScript的能力,直接在GitHub UI中嵌入所有的图表组件,并且我们抽取了GitHub原生样式,使Hypercrx与GitHub浑然一体。

此外,Hypercrx支持Dark和Light两套主题,中文和英文两种语言,这些设置默认跟随系统,但也能在我们提供的Options Page中手动设置。我们还利用微软Fluent UI的TeachingBubble控件对新用户进行提示引导,使用户能在最短的时间内上手使用。
在这里插入图片描述

开发流程创新

由于Hypercrx重度依赖ContentScript,而在开发中,ContentScript的更新必须手动重载插件后再重载页面才能生效,耗时耗力。为了解决这个不便之处,我们基于DevServer热更新的原理和插件通信API,使得Webpack每次成功增量编译后,插件的Backgroud会收到DevServer的通知自动重载,并通知相关页面重载,这大大优化了开发体验。

我们还利用Edge Add-on的发布API,在GitHub仓库中配置了一个Workflow,于是只要鼠标一点就能一键发布最新的版本到Edge商店等待审核,再也不用手动发布了!

可以看到,Hypercrx不仅对用户友好,对开发者也很友好,我们有信心能长期维护此项目,让它越来越好!

运营迭代

Hypercrx的运营迭代全部发生在GitHub上。如下图所示,我们通过Issues来收集问题和需求,并将Issues放到合适的迭代计划中。开发者通过写代码提PR来解决一个个Issues,一旦迭代计划中的Issues都被解决,我们就可以发布新版本到商店。如此循环。
在这里插入图片描述
从9月21日起,Hypercrx社区还会在每周三中午进行公开的线上双周例会,欢迎大家来参加!

参赛感想

浏览器是我们每天都离不开的工具,GitHub又是程序员经常访问的平台。浏览器插件具有打通GitHub UI和OpenDigger指标体系的潜力,使插件用户在GitHub内就能享受一体化的社区数据洞察体验,我们做到了!

感谢Microsoft Edge开拓者大赛组委会举办了这样一场丰富多彩的赛事,给大家一个发挥想象力和行动力的舞台!感谢孜孜不倦、热情热心的大赛小助手们,你们给了我有史以来最棒的参赛体验!感谢Hypercrx社区所有的贡献者,这份荣誉共属于你们!

参赛感想

浏览器是我们每天都离不开的工具,GitHub又是程序员经常访问的平台。浏览器插件具有打通GitHub UI和OpenDigger指标体系的潜力,使插件用户在GitHub内就能享受一体化的社区数据洞察体验,我们做到了!

感谢Microsoft Edge开拓者大赛组委会举办了这样一场丰富多彩的赛事,给大家一个发挥想象力和行动力的舞台!感谢孜孜不倦、热情热心的大赛小助手们,你们给了我有史以来最棒的参赛体验!感谢Hypercrx社区所有的贡献者,这份荣誉共属于你们!

关于X-lab

在Hypercrx战队中,唐烨男和宁志成是X-lab开放实验室的正式成员。

X-lab开放实验室定位为一个开源研究与创新的开放群体,是一群由来自国内外著名高校、创业公司、部分互联网与IT企业的专家学者与工程师所构成,聚焦于开源软件产业开放式创新的共同体。专业背景包括计算机科学、软件工程、数据科学、工商管理学、社会学、经济学等跨学科领域,长期思考并实践开源战略、开源测量学、开源数字生态系统等主题。目前已在包括开源治理标准制定、开源社区行为度量与分析、开源社区流程自动化、开源全域数据治理与洞察等方面做出了较有影响力的工作。

X-lab开放实验室在GitHub平台上全面开展他们的工作,欢迎大家关注和参与:https://github.com/X-lab2017

  • 8
    点赞
  • 13
    收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:代码科技 设计师:Amelia_0503 返回首页
评论 2
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值