Blocks是一个在线可视化节点编辑器，它简化了在Internet计算机上构建去中心化应用程序(dapp)的学习曲线。
下面是如何构建Blocks的故事，用户可以用它做什么，以及Blocks计划从这里走向何方。
智能合约是一种直接运行在区块链或类似P2P网络上的软件。这通常与以太坊区块链及其“Web 3.0”dapp有关，其中一些app在2018年初获得了病式新闻报道，如CryptoKitties。
OpenSea是一款极受欢迎的 dapp，月 NFT 交易量超过 15.4 亿美元
对于现实世界的应用程序来说，dapp正变得越来越实用。虽然以太坊网络确认每笔交易至少需要5分钟，但最近的一个名为Internet Computer (IC) 的竞争对手可以在大约 1-2 秒内处理请求。对于去中心化软件的未来，这是一个很有希望的迹象，在所有区块链生态系统中，已经有数百个dapp使用了IC技术栈。
软件工程的基本目标是定义清晰的、易于理解的业务逻辑来解决给定的问题。我们通过创建抽象层来做到这一点，相当于说“做一个花生酱三明治”，而不是“拿两片面包，把它们放在桌子上，打开一罐花生酱”，等等。这些高级的描述使得重用、组合、记录和测试软件变得更加容易。
Tether CTO：Tether没有接触过Silvergate:金色财经报道，在涉及陷入困境的美国银行Silvergate的重要公告之后，至少有两家加密货币公司今天在社交媒体上宣布了这一消息对它们的影响。该银行与贷款人FTX有联系，现在正面临越来越多的资本外逃财团和监管机构的审查。
与美元挂钩并由\"100%由Tether储备支持\"的稳定币Tether，今天在Twitter上宣布它与加州银行没有任何风险敞口。根据Tether的首席技术官（CTO）Paolo Ardoino的说法，该稳定币没有接触过Silvergate。[2023/3/3 12:39:49]
在Blocks编辑器中已经实现的一些简单的加密功能
可视化编辑器通常用于连接以传统编程语言编写的高级模块。这些环境使非技术用户能够理解程序的逻辑，同时还可以作为强大的学习工具和底层代码库的参考点。
特别是在区块链dapp开发领域，每一行代码都必须仔细检查可能存在的漏洞。任何一个错误或疏忽都可能给项目带来灾难，这使图形编辑器在发现安全问题和鼓励更好的代码封装方面非常实用。
去年，在用户体验(UX)设计课上对视觉编辑器进行了实验，我学到了一些意想不到的东西：dapp或智能合约开发几乎没有相同的编码风格。快速搜索一下浏览器，你会发现有一个简单的拖放编辑器，叫做EtherScripter，还有废弃的登陆页面，比如SmartChain和HyperLedger Composer，很明显，这些项目目前都不能用于构建和部署真实世界的智能合约。
然而，这显然引起了市场的兴趣。2018年，Erik Marks写了一篇Medium文章，名为《图形智能合约编辑器的案例》(The Case for graphics Smart Contract Editors)，他在文中呼吁开发者尝试解决基于视觉流编辑器的用户体验问题。例如，Erik强调了一个几乎普遍存在的问题，即“对于技术用户来说，它们不如文本方便，而对于非技术用户来说，它们很难被理解。”我个人经历过这两种问题，并很快意识到极短的用户反馈循环将是一个新的可视智能合同编辑器成功的关键。
ShapeShift 创始人：没有一个从事加密货币的人喜欢 CBDC:金色财经报道，ShapeShift 创始人 Erik Voorhees在接受采访时表示，没有一个从事加密货币的人喜欢 CBDC。没有一个了解加密货币价值的人会喜欢 CBDC。人们需要意识到法定货币已经是数字化的。所以美元已经是一种数字货币，欧元已经是一种数字货币，转向 CBDC 有点有趣，因为我们已经拥有了。如果有的话，它比当前的银行系统“甚至更糟”，因为CBDC 将“对所有使用它的人具有更大的监视能力”。毕竟，这就是区块链的吸引力：透明、公开、所有交易都在链链上追踪。（Decrypt）[2022/2/13 9:48:34]
为了最大限度地创造一些对用户友好的东西，我进行了一个生成式研究，由来自学术、专业和非技术背景的六个人组成。在每次采访中，我都要求参与者探索Motoko Playground (Motoko智能合约的在线代码沙箱)和Unreal Engine Blueprint，一种流行的可视化节点编辑器，在必要时只给出最少的指示。
通过Motoko Playground部署的示例智能合约
UE4 蓝图中Blocks编辑器的概念验证模拟
虽然每个人对这些应用程序的理解都略有不同，但我被许多参与者意想不到、和非常具体的反馈所吸引。例如，虽然我没有注意到或介意Motoko Playground上的工具栏是不可调整大小的，但一些用户提到这对他们来说是一个主要问题。最终，我找到了共同点：他们使用的是屏幕空间相对有限的笔记本电脑。
动态 | StackOverflow调查报告：80%的组织目前没有使用区块链:据cointelegraph报道，开发者社区网站StackOverflow对近9万名开发者进行了调查，4月9日公布的结果显示，80%的组织目前没有使用区块链。此外，12.7%的组织将区块链用于非货币应用程序；4%用于加密货币相关应用程序，2.1%接受加密作为支付，1.3%正在实现自己的加密货币。StackOverflow还声称，印度的开发人员最有可能说他们的组织正在使用区块链技术。[2019/4/11]
这些见解让我真正体会到作为软件工程过程一部分的用户体验研究的力量。特别是在开发一个非常非传统的用户界面时，我很惊讶地发现，从简单地询问几个人20分钟的时间中，我学到了多少东西。
以下是我们所学到的总结:
说到视觉编辑器，形式就是功能。键盘快捷键和符合人体工程学的设计决定了工作流程的成败，类似于基于文本的 IDE。
自然语言比代码语法和标识符更容易被理解。
人们总是想要更多的例子！应该提供最常见的用例，作为模板。
实时反馈/评估循环对于探索性学习至关重要。
在这个过程中，Blocks获得了25,000美元的DFINITY开发赠款。
以下是我们早期的应用路线图:
以下是我们与UE4 Blueprint、Motoko Playground和Remix IDE的beta版特性的比较:
声音 | 江卓尔：区块链没有共识只有需求:江卓尔今日在微信群表示：区块链没有共识，区块链只有需求，然后通过去中心化在满足需求的同时，避免被杀死。想要有共识，想要抱团，是人思想，是人性脆弱性的表现。如果说想通过共识来防止分裂，那在逻辑上是行不通的。一个去中心化的东西，怎么可能产生全员（大部分）一致的共识呢？包括有些人认为这波币价大跌，是由于BCH硬分叉导致，也是典型的认知错误。比特币牛市是因为比特币有用，区块链创造了新的经济自由，而比特币熊市是因为牛市涨太多了，泡沫太大。[2018/12/20]
我们还使用了以下的HMW问题来进一步细化计划中的功能列表:
我们如何帮助软件工程社区关于中心化和非中心化应用程序之间的权衡?
我们如何让dapp开发对非区块链开发者来说更平易近人?
我们该如何减少Solidity或Motoko等智能合同语言的学习曲线?
由于目前的开源可视化流程编辑器库文档和维护都非常少，所以我花了几天时间研究各种替代方法，以找到最适合这个项目的方法。
Node-RED — 被一个类似的废弃项目使用；非常固执己见的
React Flow — 美丽的流程图库React；类似于Node-RED的用例
LiteGraph — 奇妙的内置小工具；作为一个数据流编辑器而不是AST生成器
Rete—受欢迎和相对不受束缚；功能强大，但需要自定义钩子和配置
Flume— 一个更新、更闪亮、更加流行的Rete.js替代品；缺少一些重要的特性，比如自定义样式
声音 | 比尔·米勒：除了BTC和ETH大部分虚拟货币没有价值:美国著名投资人比尔·米勒表示虚拟货币几乎没有价值，但对比特币投资表示，“如果能正确投资，就会很有趣”。米勒预测称，比特币市场与过去相比趋于稳定，日常生活中会发生暴涨和暴跌等也消失了，因此更多资金会流入这个系统。他还表示，比特币与黄金有相似的特征，此外也有作为结算系统和流通性较高的货币被全世界中央银行视为一种资产的可能性，这些因素将可能导致比特币市场进一步扩大。[2018/7/30]
我们最终决定使用Rete.js生态系统，从而形成了当前的技术堆栈:
GitHub— 问题跟踪，项目管理，托管，CI
Husky — Git提交/推送钩子
Webpack — 构建系统
Jest — 测试库
ESLint , lint-staged — 代码风格执行
React— 渲染框架
Bootstrap — 风格约定
Sass，样式化组件—对Bootstrap的补充
Feather — 干净，简约的图标
Rete — 节点和连接渲染逻辑
Monaco — 语法突出显示的代码编辑器
WebAssembly — 静态智能合约验证
I互联网计算机的可视化低代码环境将减少最初的学习曲线，并使生态系统对新开发人员更容易接近。
为了在实现上取得进展，我们开始同时地设计和开发。为了让用户了解这个项目在过去几个月里的发展情况，下面是一些以前版本的编辑器的截图:
Blocks编辑器的一个非常非常早期的原型
Nate创建的早期中保真模型?
当我专注于编辑器工作流、编译器功能和区块实现时，Nate贡献了主题、图形和项目的登录页面。由于功能和用户体验对于可视化编辑器都是至关重要的，因此我们的技术专长最终为这个项目带来了高效率。
一个使用带有可选鲜艳边框的深色主题的简单示例
使用受 UE4 启发的灰色主题的稍微复杂一点的示例?
从To-Do List示例生成的Motoko源代码
我们的第一轮用户测试比我想象的要有用得多。在这一点上，应用是基于Unreal Engine Blueprint，所以我们希望用户有类似的期望和反应。相反，我们最终发现了一些问题和解决方案，这些问题和解决方案允许我们推动我们的用户体验超越大多数可视化节点编辑器的现状。
首先，尽管编辑器包含基于类型的智能区块建议，但大多数用户并没有意识到这是如何工作的，而是痛苦地在全局放置菜单中搜索每个区块。与我们的直觉相反，通过移除这个全局菜单并强迫用户使用我们的上下文建议，我们成功地提高了用户的学习速度和整体生产力。
类型套接字的上下文块建议
我们的许多alpha测试人员都没有使用可视化节点编辑器的经验。虽然来自 Blender 或 Unreal Engine 的颜色编码输入/输出套接字连接是有意义的，但一些用户无法理解哪些套接字相互兼容。底层类型系统加剧了这种混乱，其中一些颜色在特定方向上相互兼容。我们发现，通过在拖拽连接时添加清晰的视觉指示，用户可以很容易地理解哪些套接字是兼容的，而不需要理解颜色或连接规则。这是用户体验的一个范式转变，需要被其他视觉编辑器采用。
添加新连接时，兼容的套接字会变大。
Blocks编辑器还包括提供关于按钮、节点和类型套接字的信息的工具提示。与类似的可视化编程环境相比，这是一个巨大的改进，一些用户建议我们应该添加一个“学习模式”，它在应用程序的工具提示中包含更多的细节。随着时间的推移，我们打算扩展这个概念，以便任何人都可以在不引用外部文档的情况下使用Blocks。
解释功能的工具提示
该编辑器的代数类型系统、透明的代码生成和方便的工作流使用户能够设计出规模远远超过任何其他流行的可视化编程环境的智能合约。
我们用于创建简单“Hello World”智能合约的交互式教程
这个项目的主要技术障碍是当前基于浏览器的可视化编辑器库生态系统的状态。虽然使用Rete.js进行快速原型制作很有帮助，但我们经常会遇到一些缺点，比如缺少控件定制和缺少undo/redo历史记录等功能。从这个经验来看，我建议未来的基于浏览器的可视化编辑器从Rete.js的自定义分支开始，以保持对应用程序功能的完全控制。
我的总体个人目标是提高在线可视化编程环境的标准。虽然Blocks界面将使学习Motoko更容易，并利用Internet Computer进行智能合约开发，但我希望我们的一些UX发现最终也会在未来几年内进入主流节点编辑器。
接下来的几个月，Blocks的目标。
一键部署。我们不是将生成的代码复制/粘贴到Motoko Playground这样的运行时环境中，而是打算创建一个端到端工作流，用户可以直接从编辑器中资助和部署智能合约。
实时评估。在学习一门新的编程语言时，立即对表达式求值的能力是一种改变游戏规则的能力。我们打算让它尽可能容易地运行和测试用户的项目在区块编辑器。
更多的互动教程。我们的目标是让那些没有软件开发背景的人也能访问智能合约开发。在扩展我们当前的教程系统的基础上，我们希望编辑器将成为区块链和去中心化软件开发的通用学习资源。
Source：https://levelup.gitconnected.com/how-we-created-blocks-an-online-drag-and-drop-smart-contract-editor-fe23eff4d933
郑重声明： 本文版权归原作者所有， 转载文章仅为传播更多信息之目的， 如作者信息标记有误， 请第一时间联系我们修改或删除， 多谢。