门户实操内容及作业要求

1、门户实操内容,V5产品部,门户实操内容,门户的组成及相关概念 门户制作前的准备工作 个性化配置的范围 如何制作登录前门户 如何制作系统主门户 如何制作子门户 如何制作移动门户 如何制作大屏 如何进行高阶个性化定义,一、门户组成及相关概念,门户：页面框架布局 + 视觉风格 + 空间内容的聚合体。 空间：栏目内容呈现样式及呈现内容的聚合体。 门户与空间的关系：每个门户下有多个空间 登录前门户/大屏：一种特殊场景/终端 使用的门户,一、门户组成及相关概念：门户由4部分组成,门户由4部分组成,门户外框架布局 皮肤风格，包括栏目外框 +图标风格 + 图表风格+ 二级页面组件,即有几行内容 每行放几个栏目

2、,门户框架布局,门户基础内容,空间栏目布局,空间栏目内容,Logo 常用操作/设置 导航/菜单,栏目具体的内容 内容呈现的样式,门户框架样式+基础内容,空间区： 栏目样式+栏目内容,一、门户组成及相关概念：什么是门户模板,门户框架布局,门户基础内容,门户模板,门户模板：指定的1个框架布局 + 1套与该布局最匹配的一整套皮肤风格 整体皮肤风格：包括整体配色 +【栏目外框 +图标风格 + 二级页面组件 + 图表风格】，其中后4个还可单独修改。,系统预置的门户模板示例,一、门户组成及相关概念：什么是栏目布局模板、栏目外框模板,栏目布局模板：多少种行样式，一行有几列,栏目外框模板：栏目有没有边线等,多

3、门户多空间,门户引擎,协同应用 业务应用 集成应用,应用服务器/数据库,CTP/CAP/CMP平台,M3 微协同,门户元素与标准页面模型 框架样式、框架元件、栏目样式元素,一、以上内容基于JSR168标准组成 门户引擎,4大门户规范,5类门户资源库,12套门户模板,196个栏目,76个自定义元素,组织权限,内容权限,门户权限,门户实操内容,门户的组成及相关概念 门户制作前的准备工作及主要制作步骤 个性化配置的范围 如何制作登录前门户 如何制作系统主门户 如何制作子门户 如何制作移动门户 如何制作大屏 如何进行高阶个性化定义,二、门户制作前的准备工作,以致远这家客户为例，致远的门户实施计划稿,最

4、重要的： 门户给谁看，做什么用，要放什么内容。 确定：这些内容是做成子门户、还是做成主门户下的空间 然后才是怎么使用致远的门户配置工具,二、门户制作主要步骤,1) 明确定位 给谁用 是子门户or 主门户空间,2) 明确要放的内容 以及大致布局（手绘或者简单用已有栏目样式拼图）,1) 选择模板 配置logo、菜单导航等,2) 基于设计器做详细样式配置 若无专业UI指导，建议采用默认的 配置logo、菜单导航等,1) 选择空间栏目布局 若预置布局不满足，自定义布局,2) 选择具体栏目及样式 可在栏目样式中选择最佳方式,3) 空间授权 空间管理授权 及 使用授权,3) 门户授权 门户管理授权 门户使

5、用授权,1. 线下准备 （尤其重要）,2. 门户制作,3. 空间制作,注意：应用权限及内容权限，在平台及具体功能应用中完成，例如：能否看到新闻、某个公告、某个具体表单结果。这些权限不在门户中做控制。,门户实操内容,门户的组成及相关概念 门户制作前的准备工作及主要制作步骤 个性化配置的范围 如何制作登录前门户 如何制作系统主门户 如何制作子门户 如何制作移动门户 如何制作大屏 如何进行高阶个性化定义,三、门户个性化配置的范围,主子门户设置 大屏设置,门户基本信息设置,热点内容自定义,门户样式模板拿来即用,从门户样式 空间布局 皮肤风格 栏目样式 图表风格 二级页面视觉风格 提供门户设计器，共开放

6、76个热点，实现在线编辑，简单易操作,空间布局随意灵活设置,门户报表风格匹配设置,二级页面皮肤风格设置,门户栏目样式风格设置,三、门户个性化配置的范围,注意点：门户导航设置，可以根据主子门户对应的场景，配置具体的导航/菜单。尤其对于业务子门户的场景实用。,系统主门户 【导航设置方式】的结果示例,子门户 【导航设置方式】的结果示例,门户实操内容,门户的组成及相关概念 门户制作前的准备工作及主要制作步骤 个性化配置的范围 如何制作登录前门户 如何制作系统主门户 如何制作子门户 如何制作移动门户 如何制作大屏 如何进行高阶个性化定义,四、如何制作登录前门户,开启【登录前guest账号】 组织机构管理

7、特殊账号管理,2）进行门户及空间设置,3）将协同中的内容授权给【登录前guest账号】,注意要点： 若设置了【登录前门户】，且【登录前门户】为启用状态，则【登录页设置】内容失效，显示登录前门户信息； 由于登录前门户的访问量较大，为提升访问速度，系统自动为登录前门户设置内容缓存。登录前门户内容不会实时更新，约存在10分钟的缓冲。 要使得内容在【登录前门户】中呈现，需要对内容进行授权：a. 新闻板块属性选择【允许外部人员查看】；b.享空间公开范围选择【含外部人员】或【全集团】或【指定授权给特殊账号】；c.其他应用具体内容（如报表、文件夹、公告等）授权给【登录前guest账号】,四、如何制作登录前门

8、户,以demo环境上的登录前门户示例，讲解门户及其栏目的配置过程。 涉及以下栏目：,登录栏目 公告栏目新样式 视频栏目 大事记栏目 应用磁贴入口栏目 文档封面用在期刊场景 公示板的使用 配置第三方入口栏目,五、如何制作系统主门户,系统预置 个人空间、单位空间、集团空间等,2）门户及空间内容设置,3）添加新的空间,以demo环境上的系统主门户示例，讲解门户及其栏目的配置过程。 涉及以下栏目：,应用磁贴 组合栏目 日程栏目 任务栏目 模板栏目支持分类 文化类栏目的样式改进 流程绩效类栏目 流程知识栏目 配置第三方入口栏目,五、如何制作系统主门户,六、如何制作子门户,1）新建子门户,2）门户及空间内

9、容设置,3）使用授权,以demo环境上的费控、营销、党建门户示例，讲解门户及其栏目的配置过程。 涉及以下栏目：,横幅图片 无流程底表 消息栏目 报表栏目（待报表中心详细演示） 空间布局支持自定义,六、如何制作子门户,七、如何制作移动子门户,1）新建移动门户,2）门户及空间内容设置,3）使用授权,以公司协同上的个人门户、单位门户示例，讲解门户及其栏目的配置过程。 涉及以下栏目：,磁贴栏目 大事记栏目 文化栏目 报表栏目（待报表中心详细演示） 移动门户在手机端的个性化配置,七、如何制作移动门户,八、如何制作大屏,1）新建大屏账号,2）大屏内容设置、自动刷新周期设置,3）大屏使用授权,4）应用内容授

10、权给大屏账号,说明: 1.【大屏】能设授权使用的前提：在单位下【特殊账号管理】中设置【大屏账号】； 2. 要使得内容在【大屏】中呈现，需要对内容进行授权： a. 新闻板块属性选择【允许外部人员查看】 b.享空间公开范围选择【含外部人员】或【全集团】或【指定授权给特殊账号】 c.其他应用具体内容（如报表、文件夹、公告等）授权给【大屏账号】,以demo环境上3个大屏示例，讲解门户及其栏目的配置过程。 涉及以下栏目：,文档图片栏目 横幅图片栏目的妙用,八、如何制作大屏,模板本地导出导入 代码级修改导入复用 提升客户化定制效率,九、如何进行高阶个性化定义 样式库的导入导出,支持3类样式： 门户整体模板（PC模板、移动模板、大屏模板） 栏目布局模板 栏目外框模板,丰富的与图标库与图片库，支持替换、修改复用,门户图标库图片库 （系统图标、业务图表，直接修改+导入替换）,九、如何进行高阶个性化定义- 资源库的复