Visual Lab Online —— Beta版本发布声明

项目	内容
班级：北航2020春软件工程	博客园班级博客
做业：Beta阶段发布声明	发布声明

目录

• 发布方式、发布地址与运行环境要求
  • 软件主体
  • 浏览器扩展
• Beta版本新功能
  • 登陆注册页
    • 注册时邮箱验证
    • 忘记密码
    • 其余优化
  • 我的中心页
    • 向其余用户分享项目
    • 查看项目分享邀请与确认
    • 草稿模式入口
  • IDE页
    • 外观
    • 调试
    • 上传与下载
    • 以默认代码快速新建文件
  • 草稿模式页
    • 侧边菜单栏
    • 编辑器
    • 运行与输入输出
  • 浏览器插件
• 修复的缺陷
  • 客户端
  • 服务器端
• 已知的问题与限制

发布方式、发布地址与运行环境要求

软件主体

咱们的软件主体做为Web应用在 http://114.116.135.181/ 发布，用户只须要使用主流浏览器访问网站便可。

下面是对运行环境的说明：

• 网站依赖于Cookie来存储登陆信息，请不要阻止Cookie

• 在Safari浏览器中（MacOS / iPadOS）请不要勾选“阻止跨站跟踪”选项，不然网站可能没法正常登陆跳转
  

• 在Firefox浏览器中部分与浏览器快捷键冲突的快捷键可能没法使用，如使用Ctrl + -折叠代码可能会触发页面缩放

• 请保证浏览器及系统版本较新以得到最好的使用体验

浏览器扩展

咱们还为快速使用Visual Lab Online开发了简洁小巧的浏览器扩展（支持Chrome浏览器和微软新版Edge浏览器）。

扩展在GitHub Releases发布，请下载后解压zip文件，获得一个名为vLab-chromeExtension的文件夹。请按照以下步骤安装：

• 打开Chrome浏览器/新Edge浏览器，地址栏输入chrome://extensions/或edge://extensions/；

• 在打开页面中勾选或打开“开发人员模式”，再点击“加载已解压的扩展程序”或“加载解压缩的扩展”，选择刚刚解压出的vLab-chromeExtension文件夹；

• 安装成功后，扩展图标将出如今“已安装的扩展”列表中。

Beta版本新功能

登陆注册页

注册时邮箱验证

为方便用户忘记密码时可以重置帐户密码，咱们在注册时新加入了邮箱验证步骤：

用户须要输入用户名与关联邮箱，输入密码及二次确认密码后，发送验证码到邮箱并填写验证码，验证经过后才可完成注册。

忘记密码

新加入“忘记密码”功能，入口位于主页登陆界面最下方，方便忘记密码的用户将帐户密码重置为新密码：

只需输入注册时填写的用户名和邮箱、输入并确认新密码、进行邮箱验证便可修改密码。

其余优化

• 涉及到用户决定帐户密码时，都加入了重复输入框进行确认，避免用户输入错误致使帐户没法登录。
• 密码框均加入“显示/隐藏”密码按钮，方便用户确认本身的密码是否正确。

我的中心页

向其余用户分享项目

在每一个项目卡片中加入分享按钮，点击能够经过输入用户名的方式向其余用户发送分享邀请。发送分享邀请并被对方接收后，项目将被多人共享。

分享有只读共享和可写共享两种模式，分享者能够选择共享的权限。分享者也能够删除共享的用户。

查看项目分享邀请与确认

在页面右上角加入项目分享邀请与确认功能。当有其余用户向当前用户分享项目时，将在右上角提示。点击打开能够进行处理。

草稿模式入口

在页面右上角加入“草稿模式”入口。

草稿模式能使用户无需建立项目和建立文件、一步快速建立临时代码文件（即“草稿”的含义），并支持交互的运行与输入输出，知足了用户如下的使用场景：

• 忽然想到某个点子须要用程序验证；
• 须要编程解决某个问题，但只须要结果无需保存代码；
• 不肯定某个语法的正确写法，须要开一个临时代码文件进行试验
• ……

对草稿模式的具体描述详见下文。

IDE页

外观

• 重构配色方案，成为“浅色模式”；新引入精心设计的“深色模式”，使夜间写代码更加温馨；加入一键主题切换按钮。
• 重构UI组件，优化交互体验，组件动画更流畅，组件样式更精致。

调试

• 在编辑器中点击行号左侧能够添加/删除断点，并以高亮显示断点行：
  
• 在左侧的“构建设置”面板中新增“调试”按钮，点击跳转到调试面板并运行调试器进程：
  
• 在左侧新增“调试程序”面板，点击 (Re)Start、Continue、Step Over、Step Into、Step Out、Stop能控制程序的执行过程，正如其余IDE同样。
  当程序运行到断点或程序运行完一个Step后，点击“Local Variables”能在控制台打印出当前程序块全部局部变量及其值，方便调试。
  
• 在调试过程当中，底部的“调试控制台”中将显示代码的执行位置、局部变量的值等信息：
  

上传与下载

在上传与下载面板中，咱们进行了以下优化和功能新增：

• 合并上传导入面板与下载导出面板；
• 优化上传文件功能，支持同时上传多个文件；
• 增长上传文件夹功能，能上传某文件夹及其子文件树中的所有文件；
• 增长从GitHub导入功能，用户填入GitHub仓库地址后能经过clone的方式导入GitHub仓库。

同时，咱们也在右键菜单中增长了对选中的文件和文件夹进行下载（该文件）/上传（到此处）的功能。

以默认代码快速新建文件

在文件树中右键菜单新增“使用默认代码新建”选项。点击能够建立以下的默认代码文件，使得用户能够快速上手，免去没必要要的工做：

草稿模式页

侧边菜单栏

咱们将IDE模式下的顶部菜单栏移植到了左边，使用户仍然能得到大部分功能的良好体验。

编辑器

新建草稿时，将默认代码填入编辑器，使用户能够理解书写其主要逻辑，不浪费用户一点时间。

同时为效率考虑，草稿模式的编辑器取消了完整的语言服务，但仍提供了语言关键字自动补全和已输入单词（token）的自动补全，同时IDE模式下的“代码片断”功能获得了保留，仍然保障了编程效率。

运行与输入输出

咱们仍然提供了运行与交互式输入输出功能。

点击运行按钮将在Output框中提示“please send your input”，用户在Input框中键入待输入的内容（支持换行），点击“提交输入”便可得到实时的输出反馈。

浏览器插件

咱们为用户能快速、随时随地使用草稿模式，开发了Chrome/Edge浏览器插件做为快速入口，界面以下：

• 点击选择器能够选择新建一个Python语言草稿仍是一个C++语言草稿
• 点击“新建随笔代码”按钮将在新标签页跳转到草稿模式页面中

修复的缺陷

客户端

• 将部分资源使用CDN加载，优化了页面的打开速度
• 修复了只读项目存在修改可能的bug
• 修复了删除文件再建立同名文件，文件内容从新出现的bug
• 修复了文件未打开时debug出错的bug
• 修复了菜单栏外观样式不居中、不对齐等bug
• 修复了Terminal的最下一行被边框覆盖的bug（见Alpha发布声明——问题与限制）
• 修复了右键菜单和下拉菜单没法彻底展开、存在滚动条的bug（见Alpha发布声明——问题与限制）
• 修复了右键菜单点击无响应的bug（见Alpha发布声明——问题与限制）
• 增长了对隐藏文件的过滤（见Alpha发布声明——问题与限制）
• 增长了对Terminal的主题调整（见Alpha发布声明——问题与限制）
• 修复了Terminal中还没有提交的命令与新运行命令冲突的bug（见Alpha发布声明——问题与限制）
• 修复了Terminal中的折行问题（见Alpha发布声明——问题与限制）

服务器端

• 使用gzip压缩大部分资源，优化了页面的打开速度
• 将文件转储到第三方存储提供商，大幅下降了磁盘占用压力
• 借助文件转储优化，将docker容器的生命周期优化为“即用即焚”，大幅下降了内存占用压力，并发支持更佳

已知的问题与限制

• 继承自Alpha版本
  • 语言服务不稳定，请避免引用过多没必要要的头文件
  • 每一个Notebook有必定的内存使用限制，请不要进行过度操做
  • 在Firefox浏览器中，部分与浏览器快捷键冲突的快捷键可能没法使用
  • 在Safari浏览器中，预览定义/预览引用的预览框可能没法正常显示
  • 在编辑器的下端右键可能会致使布局出错
  • 文件管理器中的粘贴操做将会覆盖重名文件，暂不支持 "duplicate"操做
• Beta版本的新问题与限制
  • C++项目可能没法进行调试（GDB进程启动可能出现异常）
  • 在使用高峰期间部分请求可能失败（通常刷新便可恢复正常）