自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 Sapphire开发日志

日志集合

2024-06-24 03:16:32 374

原创 Sapphire开发日志(九)——界面开发5:我的数据集界面

“我的数据集”界面是用户管理和浏览自己相关数据集的重要平台。该界面提供了数据集的筛选功能,用户可以根据不同的状态(我认领的、进行中的、我发布的)来查看数据集。本文将详细介绍该界面的布局、实现过程,以及开发中的重难点和关键之处。

2024-06-24 03:11:40 276

原创 Sapphire开发日志(八)——界面开发4:创意工坊开发与完善

创意工坊界面是用户进行数据集浏览、搜索和创建的重要平台。之前,我们已经设计并实现了创意工坊的原型界面,但尚未接入实际的数据接口。在后续接入数据、实际测试地过程中,我们也遇到了一些问题,比如相似代码过多、过于冗杂等。通过封装 `MyDataSet` 组件,我们解决了这些问题。本文将详细介绍创意工坊界面的布局和功能实现。

2024-06-24 03:10:28 759

原创 Sapphire开发日志(七)——界面开发3:dataset组件封装

在Sapphire项目的开发过程中,我们发现多个界面(如创意工坊、我的数据集等)都需要展示数据集的信息。为了提高代码的复用率和维护性,我们决定封装一个通用的组件来展示数据集信息。这个组件不仅展示数据集的基本信息(如名字、概述等),还根据用户的不同状态(是否为发布者、是否认领任务)动态显示不同的操作按钮(如认领、发布、编辑等)

2024-06-24 03:08:58 356

原创 Sapphire开发日志(十四)——界面开发8:工作台界面开发与完善

在Sapphire数据标注平台中,工作台界面是整个系统的核心功能。它不仅是用户进行数据标注的主要场所,还集成了数据管理、模型推理和结果展示等多项功能。本文将详细介绍工作台界面的开发与完善过程,并结合之前的推理数据封装与控制功能,分析其实现细节。通过对工作台界面的开发与完善,我们实现了一个功能齐全、用户友好的数据标注平台。工作台界面集成了任务信息展示、工具栏、图片展示区、结果栏和图片切换等多项功能,为用户提供了高效的标注体验。未来,我们将继续优化该界面,并引入更多智能化的标注工具,以进一步提升用户的工作效率。

2024-06-24 02:58:24 525

原创 Sapphire开发日志(十一)——界面开发7:推理数据封装与控制

这个函数根据蒙版信息计算抠图区域,蒙版中为0的区域是没有被框选的,如果不是0,说明是被抠出的部分,那就加入到新的canvas中去。切换图片时,只要切换image和embedding即可,通过useEffect来监听这两者的变化,当他们发生变化时,我们会清空所有数据,然后将新图片交由模型进行推理。根据用户习惯,在这里滚动滚轮,理论上应该会横向滚动才对,所以我们添加一个监听器,监听这个位置的滚轮状态,组织默认行为,使用js修改当前容器的y轴。使用同样的方法,我们添加一个全部任务的展示栏,用于展示全局的任务。

2024-06-24 02:55:43 625

原创 Sapphire开发日志(十)——界面开发6:任务集详情界面

通过对任务集详情界面的开发和完善,我们实现了一个功能齐全、布局合理的用户界面。通过使用Timeline和DayHeatmap等组件,我们解决了时间线和日历热力图的展示问题,提升了用户的交互体验。

2024-06-24 02:52:04 253

原创 Sapphire数据标注平台——开发日志(十一)

关于开发页面的介绍。

2024-06-24 00:25:40 109

原创 Sapphire数据标注平台——开发日志(九)

随着深度学习和其他人工智能技术的发展,数据标注不再局限于人工操作。现代技术使得数据标注过程可以通过算法自动完成,大幅提高了效率和准确性。例如,AI预标注技术可以在语音转写项目中自动完成语音识别和文字转写的预处理操作,之后只需人工进行少量校对。此外,质量控制也逐渐由人工审核转向AI质检,通过算法评估标注结果的准确性。

2024-06-05 20:24:40 89

原创 Sapphire开发日志(十三)——技术重难点3:在开发中解析 NPY 文件并转换为 Tensor 的实践

通过手动解析文件头部并提取数据部分,我们成功地实现了解析 NPY 文件并将其转换为 Tensor。希望这篇博客能对遇到类似问题的开发者有所帮助。

2024-05-31 02:37:45 614

原创 Sapphire开发日志(六)——技术重难点1:React Query 的封装与在项目中的接入

React Query 是一个用于管理服务器状态的库,它简化了数据获取、缓存、同步和更新的过程。通过封装 React Query,我们可以更好地在项目中进行数据管理,提高代码的可维护性和可复用性。

2024-05-31 02:17:00 225

原创 Sapphire开发日志(十二)——技术重难点2:用 ONNX-Runtime-Web 运行 ONNX 推理的封装与使用

ONNX Runtime Web 是一个高性能的推理引擎,支持在浏览器中运行 ONNX 模型。通过封装 ONNX Runtime Web,可以简化前端项目中模型推理的集成过程,提高代码的可维护性和可复用性。

2024-05-31 02:13:20 234

原创 Sapphire开发日志(五)——界面开发2:创意工坊原型界面

我本周的工作是完成了系统平台的创意工坊部分。是一个专门的区域,让用户分享关于数据标注任务的创意、经验和解决方案。个性化账号:用户可以通过积分兑换系统,定制个性化账号信息、个人背景和边框装饰等,从而增强其在平台上的个性化展示和参与动力。界面设计:设计直观友好的界面,让用户可以轻松浏览、搜索和参与创意工坊中的内容和讨论。

2024-05-30 19:53:40 488

原创 Sapphire开发日志(四)——界面开发1:个人中心原型界面

本周,我的重点工作是实现前端中的个人界面。

2024-05-30 19:49:26 324

原创 Sapphire开发日志(三)——系统设计与技术验证3:前端技术验证

首先对于用户输入侧的数据捕获进行验证。由于框选可以视为捕获down和up时的不同坐标,所以与点击使用的技术相同,这里只对点击进行验证。

2024-05-30 19:45:55 127

原创 Sapphire开发日志(二)——系统设计与技术验证2:搭建前端架构

前端整体采用react + mui构建,异步状态管理使用react-query。对于全局与部分全局状态,使用context进行共享。使用react-router进行路由。

2024-05-30 19:43:07 330

原创 Sapphire开发日志(一)——系统设计与技术验证1:确定技术路线

本系统采取重前端轻后端的实现框架,由于模型大小较小,所以可以使用浏览器提供的onnx运行时进行推理。在模型推理交给前端的前提下,前端的核心需求如下模型推理用户多种输入捕获推理结果展现与格式化。

2024-05-30 19:40:31 220

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除