ProcessOn 思维导图

思维导图是我们在工作和学习中常用的工具,通过思维导图的应用,可以对知识点进行提炼,让你的思维更加的清晰。本篇内容,将为您介绍具有免费使用、支持多人协作、海量导图模板等特点的ProcessOn思维导图。

ProcessOn简介

ProcessOn是一款基于HTML5和JavaScript技术开发而成。操作简单、方便的同时也是一款专业的垂直在线作图工具。ProcessOn目前已经支持流程图、原型设计、软件建模、 以及思维导图等四大领域在线作图。

jquery的思维导图插件 js思维导图组件_思维导图

ProcessOn在教学中该怎么应用呢?

下面,我们来看一个运用在小学语文课程中的案例。

ProcessOn在教学中的应用

思维导图在语文阅读中怎么用?关键词怎么提取?

思维导图在小学语文中的应用分为两支,一是阅读理解,像这段话讲的什么意思,表达什么情感,用什么修饰手法之类;还有一种是写作文。前一种是收缩思维,后一种是发散思维,正好是反向的。

阅读举例:

景色秀丽的庐山,有高峰,有幽谷,有瀑布,有溪流,那变幻无常的云雾,给它增添了几分神秘的色彩。在山上游览,似乎随手就能摸到飘来的云雾。漫步山道,常常会有一种腾云驾雾、飘飘欲仙的感觉。


jquery的思维导图插件 js思维导图组件_javascript思维导图_02

作文举例:


jquery的思维导图插件 js思维导图组件_可编辑_03

如何运用ProcessOn制作思维导图呢?接下来,我们一起看看ProcessOn的使用方法。

ProcessOn的注册与使用

1.注册和登录

PC端推荐使用 Chrome火狐浏览器Safari IE 9 以上版本浏览器访问ProcessOn。目前ProcessOn支持手机号、微信号、QQ号等方式注册账号,如有账号,可直接点击登录。手机可通过小程序“process on”进行登录使用。


jquery的思维导图插件 js思维导图组件_jquery的思维导图插件_04

2.创建思维导图

三种创建方式:自己新建(新建文件夹、新建思维导图)、导入电脑本地文件克隆模板(克隆的文件自动放在我的文件夹里)。目前支持的导入格式有:xmind,mmap,mm,km,txt,opml,pos,vsd,csv,xls,xlsx。还可对文件进行重命名、分享、克隆、复制或移动、下载等操作。


jquery的思维导图插件 js思维导图组件_思维导图_05

jquery的思维导图插件 js思维导图组件_jquery的思维导图插件_06

3.绘制思维导图

选定自己需要的思维导图类型之后,系统会默认新建一个中心主题,双击即可编辑文字;

新建子主题:可以是右击中心主题,然后点击选择【插入子主题】,也可以是选中中心主题后按回车键即可实现新建(一般这种方法比较简单快捷,推荐)。

插入同级主题:可以右击该主题后出现选项框,点击即可插入;也可以选中后按enter实现。

插入子主题:可以右击该主题后出现选项框,点击即可插入;也可以选中后按Tab实现。

插入关联线:点击需要插入关联线的主题,右击弹出选项框,点击【插入关联】,或者在编辑器上部的工具栏中点击连线图标实现。

在中心主题左侧插入子主题:选中中心主题后,按enter即可实现在左侧新建子主题。

主题间的移动:选中需要移动的主题,拖动到需要移动的位置,使其与周围主题产生关联线后再放手即可。

4.编辑思维导图

·右侧编辑栏:节点样式、节点图标、添加备注、插入链接、任务信息、历史版本、快捷键说明。


jquery的思维导图插件 js思维导图组件_可编辑_07

·套用系统样式:点击编辑器内的“魔法棒”(选择主题风格)按钮,可以套用系统提供的十三种风格样式;如果自己不满意,还可以选择【自定义风格】,具体的修改内容如下


jquery的思维导图插件 js思维导图组件_javascript思维导图_08

5.文件管理

·协作:邀请协作可直接添加小组成员,也可以通过输入对方邮箱进行邀请。邀请对象可设置其权限为编辑者或浏览者;“编辑者”意味着对方可以直接编辑内容;“浏览者”只有浏览权限。


jquery的思维导图插件 js思维导图组件_快捷键_09

·分享:发布到ProcessOn平台,可以与其他用户进行学习和交流;(1)生成浏览链接:好友或同事可通过您的浏览链接进行浏览。另外还支持给浏览链接添加密码。(2)嵌入到其他站点:复制生成的代码,可以嵌入第三方网站中。使用此功能的前提是文件已公开。(3)支持生成在线图片。


jquery的思维导图插件 js思维导图组件_思维导图_10

·下载:在我的文件,点击选中想下载的文件。点击菜单--下载——选择下载类型(PNG、PDF、POS)

6.演示功能

演示功能可应用于小组会议、成果展示、项目报告等多种场景。


jquery的思维导图插件 js思维导图组件_快捷键_11

小贴士:思维导图快捷键

增加同级主题 Enter

增加子主题 Tab、Insert

删除主题Delete

字体加粗Ctrl + B

复制Ctrl + C

剪切Ctrl +X

粘贴Ctrl+V

撤销 Ctrl +Z

恢复Ctr +Y

文本换行 Shift + Enter