CN112286502A - 一种基于触控操作的多窗口内容混排和高效协作的ui架构 - Google Patents
一种基于触控操作的多窗口内容混排和高效协作的ui架构 Download PDFInfo
- Publication number
- CN112286502A CN112286502A CN202011146783.6A CN202011146783A CN112286502A CN 112286502 A CN112286502 A CN 112286502A CN 202011146783 A CN202011146783 A CN 202011146783A CN 112286502 A CN112286502 A CN 112286502A
- Authority
- CN
- China
- Prior art keywords
- touch
- documents
- content
- windows
- pictures
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 230000004931 aggregating effect Effects 0.000 claims abstract description 6
- 230000002452 interceptive effect Effects 0.000 claims abstract description 6
- 238000012545 processing Methods 0.000 claims abstract description 4
- 238000000034 method Methods 0.000 claims description 8
- 238000013461 design Methods 0.000 description 10
- 238000010586 diagram Methods 0.000 description 9
- 238000005516 engineering process Methods 0.000 description 3
- 238000007667 floating Methods 0.000 description 3
- 239000003086 colorant Substances 0.000 description 2
- 238000010420 art technique Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010835 comparative analysis Methods 0.000 description 1
- 238000007418 data mining Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000009977 dual effect Effects 0.000 description 1
- 230000014759 maintenance of location Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 238000003032 molecular docking Methods 0.000 description 1
- 238000013386 optimize process Methods 0.000 description 1
- 238000012549 training Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
一种基于触控操作的多窗口内容混排和高效协作的UI架构，其特征是在触控屏上，实现有线/无线显示信号、窗口、视频、图片、文档的多内容自动混合排列与高效协作：第一步，首先构建基础服务，聚合多种内容来源，包括有线采集信号、无线投屏画面、电脑桌面/程序窗口、视频、图片和文档；第二步，在触控屏上创建触控交互程序，链接到基础服务，对系统中的各种程序窗口、信号、文档进行显示和控制；第三步，统一UI操作界面，在一个界面上通过对触控/手势的支持，高效处理多内容混排、多应用协作和分享；本发明可以统一多内容显示和操作在一个界面下，减少各应用窗口频繁切换，效率低下的问题，提高了应用场景的便利性，也显著降低应用系统成本等的优点。
Description
技术领域
本发明涉及一种计算机技术，尤其是一种计算机显示技术，具体地说是一种基于触控操作的多窗口内容混排和高效协作的UI架构，它实现了多内容混合排列、高效协作的UI架构，在一个界面上，利用触控和手势，优化内容排列和协作流程，并能在双屏环境下展现内容。
背景技术
目前，随着数字化时代的到来以及软硬件技术的发展，各行各业都在积极拥抱无纸化办公，面对越来越多的数据，围绕效率提升，在资料分享、数据挖掘、团队协作方面越来越受到企事业领导部门的重视。在日常办公中，最为聚焦的是各种会议场景的开会效率，近年来，通过在会议室系统建设和投入，通过硬件设备升级，在这方面有了一些解决方法，但硬件堆砌的方案依然存在以下缺点：
一、多人会议时，基于PC的数据分享需要不停切换电脑画面到显示设备上。信号切换和对接影响效率，硬件故障也时有发生；
二、讨论型会议需要同时展现更多数据做对比分析，这些数据的来源也比较分散，无法同时展现这些数据。
三、会议过程的纪要、会议结果留存、分享依然停留在比较原始的阶段。
发明内容
本发明的目的是针对现有的UI界面不能在协作会议／教育培训场景时实现多种数据资料的频繁分享，无法将不同应用、不同类型的数据集中显示和分享需要来回切换，进而造成使用不便的问题，提供一种基于触控操作的多窗口内容混排和高效协作的UI架构。
本发明的技术方案是:
一种基于触控操作的多窗口内容混排和高效协作的UI架构，其特征是在触控屏上，实现有线/无线显示信号、窗口、视频、图片、文档的多内容自动混合排列与高效协作：
第一步，首先构建基础服务，聚合多种内容来源，包括有线采集信号、无线投屏画面、电脑桌面/程序窗口、视频、图片和文档（PDF、Office）；
第二步，在触控屏上创建触控交互程序，链接到基础服务，对系统中的各种程序窗口、信号、文档进行显示和控制；
第三步，统一UI操作界面，在一个界面上通过对触控/手势的支持，高效处理多内容混排、多应用协作和分享。
具体包括以下步骤：
第一步，首先构建基础服务，聚合多种内容来源，包括有线采集信号、无线投屏画面、电脑桌面/程序窗口、浏览器窗口、视频、图片和文档（PDF、Office）；
第二步，基础服务根据策略，自动接收／打开各种信号，并以统一的接口通知到上层应用程序；
第三步，上层触控交互程序，链接到基础服务，对接入系统中的各种程序窗口、信号、文档进行显示和控制；
第四步，在统一的UI操作界面上，通过对触控/手势的支持，高效处理多内容混排、多应用协作和分享；
第五步，设计轻量白板和批注工具，随时批注、随时白板书写，记录会议过程并可扫描分享给参与者；
本发明的有益效果是：
在统一的UI操作界面上，对多种信号／投屏窗口／视频／文档／浏览器窗口进行混合排列显示和控制，并能根据用户／设备类型进行分类切换。其基于触控和手势的操作方式，特别符合用户对大屏的操作习惯，在统一的操作界面上，再结合白板、批注和截屏小工具，以及优化的过程动画，给用户流畅、高效的操作体验。
附图说明
图1是本发明的UI界面示意图之一。
图2是本发明的UI界面示意图之二。
图3是本发明的触控手势切换示意图。
图4是本发明的自动布局排列示意图。
图5是本发明超时自动隐藏后的界面示意图。
图6是本发明选择显示界面示意图。
图7是本发明点击+号后系统功能按钮示意图。
图8是本发明的双屏显示UI架构示意图。
具体实施方式
下面结合具体的UI设计示意图对本发明作进一步的说明。
如图1-8所示。
一种基于触控操作的多窗口内容混排和高效协作的UI架构，在触控屏上，实现有线/无线显示信号、窗口、视频、图片、文档的多内容自动混合排列与高效协作：
第一步，首先构建基础服务，聚合多种内容来源，包括有线采集信号、无线投屏画面、电脑桌面/程序窗口、视频、图片和文档（PDF、Office）；
第二步，在触控屏上创建触控交互程序，链接到基础服务，对系统中的各种程序窗口、信号、文档进行显示和控制；
第三步，统一UI操作界面，在一个界面上通过对触控/手势的支持，高效处理多内容混排、多应用协作和分享。
本发明UI设计提供两种界面：
一是启动时的界面，当程序启动时或者屏幕上没有任何窗口内容时（等待３０秒后自动切换）或者重新开启一次新的会议时的界面，界面提供基本信息和快捷入口。UI设计示意图如图1。
启动页面提供了当前会议室的一些基本信息，包括当前会议室的预约信息，同时提供了最常用的应用入口，包括浏览器、书写白板和视频会议程序。右侧的二维码用于微信小程序／手机APP扫描接入当前会议设备。
在启动页面快捷入口启动程序或者在空白处点击，就会自动进入主操作界面。
二是主操作界面，是主要工作界面，所有的信号/文件窗口的操作都在这个界面下完成。界面的UI设计如图2所示。
主界面整体布局包括顶部、中间和底部三块内容，辅助布局包含左侧浮动边栏面板（隐式）：
1. 顶部可显示产品LOGO，会议室名称、PIN码信息以及当前时间。
2. 中间部分为多窗口显示区域，用于显示信号/窗口/文档内容。显示区域提供自动布局功能，可根据数量自动排列窗口。
3. 底部区域为功能区，包括分享人、功能（+）和设置，可点击相应的按钮展开相应的功能面板。
4. 左侧浮动面板缺省不可见，可从左侧边缘滑动呼出，左侧浮动面板用于显示当前隐藏的窗口。
主界面支持鼠标和触控手势操作，下面就触控手势作进一步描述：
如图3所示，基于手势，可实现窗口的位置交换、隐藏、关闭、全屏/退出全屏等操作；也可以划出隐藏区，展开功能区操作；全屏对象会覆盖整个屏幕，在全屏模式下支持对画面手势缩放和旋转操作。
关于自动布局的设计，考虑触控屏幕的宽高比，针对每一路信号做如图4所示的排列设计。
考虑到性能问题，设计时允许最多20路的窗口显示，超过20路的窗口将自动隐藏。可通过划出隐藏区，拖拽缩略图对象进行交换。
处在显示区域中的对象，设计上以不同的颜色来区分不同的分享人，每个窗口的左上角显示内容信息，可点击选择窗口，选择后底部自动出现控制条（随窗口类型的不同而不同），如果不进行操作，过5秒后自行隐藏，如图5所示。
在屏幕底部功能区域，点击“分享人”按钮，可以列出当前有哪些人分享了内容，分享人的信息包括名称和设备类型图标并用不同的颜色描边。可根据分享人来快速切换窗口，包括全部关闭、全部隐藏、全部显示以及仅显示当前分享人窗口，如图6所示。
点击“+”功能按钮，出现系统功能按钮，如图7所示
本发明将常用的工具和应用集成到统一的UI下，减少多应用之间的频繁切换。
在单屏UI设计的基础上，针对更多内容的展现和双屏需求，本UI设计方法也给出了一份对等双屏设计的方案。
两块屏既相互独立，也可以交互使用，丰富了使用场景，如图8所示。
1. 在多窗口形态下，每块屏根据窗口数量的不同，呈现不同的窗口布局。屏上的窗口可以相互甩动进行位置的交换；
2. 在多窗口+全屏形态下，一块屏是多窗口显示，另外一块是全屏显示，随时可以把小窗口甩到全屏屏幕上进行放大显示；
3. 在多窗口+白板形态下，可以方便的进行书写和讨论；
4. 双全屏形态，可以对比内容进行讲解。
本发明未涉及部分与现有技术相同或可采用现有技术加以实现。
Claims (2)
1.一种基于触控操作的多窗口内容混排和高效协作的UI架构，其特征是在触控屏上，实现有线/无线显示信号、窗口、视频、图片、文档的多内容自动混合排列与高效协作：
第一步，首先构建基础服务，聚合多种内容来源，包括有线采集信号、无线投屏画面、电脑桌面/程序窗口、视频、图片和文档；
第二步，在触控屏上创建触控交互程序，链接到基础服务，对系统中的各种程序窗口、信号、文档进行显示和控制；
第三步，统一UI操作界面，在一个界面上通过对触控/手势的支持，高效处理多内容混排、多应用协作和分享。
2.根据权利要求1所述的方法，其特征是它包括以下步骤：
第一步，首先构建基础服务，聚合多种内容来源，包括有线采集信号、无线投屏画面、电脑桌面/程序窗口、浏览器窗口、视频、图片和文档；
第二步，基础服务根据策略，自动接收／打开各种信号，并以统一的接口通知到上层应用程序；
第三步，上层触控交互程序，链接到基础服务，对接入系统中的各种程序窗口、信号、文档进行显示和控制；
第四步，在统一的UI操作界面上，通过对触控/手势的支持，高效处理多内容混排、多应用协作和分享；
第五步，设计轻量白板和批注工具，随时批注、随时白板书写，记录会议过程并扫描分享给参与者。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011146783.6A CN112286502A (zh) | 2020-10-23 | 2020-10-23 | 一种基于触控操作的多窗口内容混排和高效协作的ui架构 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011146783.6A CN112286502A (zh) | 2020-10-23 | 2020-10-23 | 一种基于触控操作的多窗口内容混排和高效协作的ui架构 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112286502A true CN112286502A (zh) | 2021-01-29 |
Family
ID=74423748
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011146783.6A Pending CN112286502A (zh) | 2020-10-23 | 2020-10-23 | 一种基于触控操作的多窗口内容混排和高效协作的ui架构 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112286502A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115145512A (zh) * | 2021-03-30 | 2022-10-04 | 成都海普迪科技有限公司 | 一种基于多视窗的智慧教学方法及系统 |
| CN115145512B (zh) * | 2021-03-30 | 2024-10-29 | 成都海普迪科技有限公司 | 一种基于多视窗的智慧教学方法及系统 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108932144A (zh) * | 2018-06-11 | 2018-12-04 | 广州视源电子科技股份有限公司 | 显示界面控制方法、装置、设备及存储介质 |
| CN110908552A (zh) * | 2019-10-11 | 2020-03-24 | 广州视源电子科技股份有限公司 | 多窗口操作控制方法、装置、设备及存储介质 |
| CN111580714A (zh) * | 2020-04-27 | 2020-08-25 | 广州视源电子科技股份有限公司 | 智能交互平板的页面编辑方法、装置、设备和存储介质 |
| CN306011429S (zh) * | 2020-08-25 |
-
2020
- 2020-10-23 CN CN202011146783.6A patent/CN112286502A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN306011429S (zh) * | 2020-08-25 | |||
| CN108932144A (zh) * | 2018-06-11 | 2018-12-04 | 广州视源电子科技股份有限公司 | 显示界面控制方法、装置、设备及存储介质 |
| CN110908552A (zh) * | 2019-10-11 | 2020-03-24 | 广州视源电子科技股份有限公司 | 多窗口操作控制方法、装置、设备及存储介质 |
| CN111580714A (zh) * | 2020-04-27 | 2020-08-25 | 广州视源电子科技股份有限公司 | 智能交互平板的页面编辑方法、装置、设备和存储介质 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115145512A (zh) * | 2021-03-30 | 2022-10-04 | 成都海普迪科技有限公司 | 一种基于多视窗的智慧教学方法及系统 |
| CN115145512B (zh) * | 2021-03-30 | 2024-10-29 | 成都海普迪科技有限公司 | 一种基于多视窗的智慧教学方法及系统 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9983773B2 (en) | Information processing apparatus, control method for use therein, and computer program | |
| RU2391700C2 (ru) | Пространства совместной работы | |
| Haller et al. | The nice discussion room: Integrating paper and digital media to support co-located group meetings | |
| CN101192131B (zh) | 处理桌面背景的方法、装置及操作系统桌面的界面系统 | |
| Ashdown et al. | Escritoire: A personal projected display | |
| US20090037827A1 (en) | Video conferencing system and method | |
| US20110307800A1 (en) | Methodology for Creating an Easy-To-Use Conference Room System Controller | |
| US20130198653A1 (en) | Method of displaying input during a collaboration session and interactive board employing same | |
| US20110004839A1 (en) | User-customized computer display method | |
| Gumienny et al. | Tele-board: Enabling efficient collaboration in digital design spaces | |
| US20180357032A1 (en) | System, apparatus, and method for facilitating and perpetuating a collaborative ideation session | |
| US20120198334A1 (en) | Methods and systems for image sharing in a collaborative work space | |
| CN104238949A (zh) | 一种分屏显示方法和装置 | |
| CN1293784A (zh) | 合作动态视频注释的设备和方法 | |
| DE202007019581U1 (de) | Tragbare elektronische Vorrichtung für Fotoverwaltung | |
| JP2001136504A (ja) | 情報入出力システム及び情報入出力方法 | |
| US10990344B2 (en) | Information processing apparatus, information processing system, and information processing method | |
| US20130127745A1 (en) | Method for Multiple Touch Control Virtual Objects and System thereof | |
| Klemmer et al. | Integrating physical and digital interactions on walls for fluid design collaboration | |
| CN112256177A (zh) | 一种小触控屏和大显示屏协同实现高效协作的系统架构 | |
| CN112765500A (zh) | 信息搜索方法及装置 | |
| Liao et al. | Shared interactive video for teleconferencing | |
| CN112286502A (zh) | 一种基于触控操作的多窗口内容混排和高效协作的ui架构 | |
| US10904026B2 (en) | Information processing apparatus, information processing system, and information processing method | |
| JP2014238667A (ja) | 情報端末、情報処理プログラム、情報処理システム、及び情報処理方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210129 |
|
| RJ01 | Rejection of invention patent application after publication |