《门户实操内容及作业要求》由会员分享，可在线阅读，更多相关《门户实操内容及作业要求（29页珍藏版）》请在金锄头文库上搜索。
1、门户实操内容 V5产品部 门户实操内容 1. 门户的组成及相关概念 2. 门户制作前的准备工作 3. 个性化配置的范围 4. 如何制作登录前门户 5. 如何制作系统主门户 6. 如何制作子门户 7. 如何制作移动门户 8. 如何制作大屏 具体栏目如何配置在4-8 点中根据门户场景做说明 登录前门户 大屏 （特殊门 户） 老徐专属大屏 老向经营大屏 区域冲刺大屏 致远O座大屏 新闻公告 信息公开 第三方系统 统一工作入口 系统主门户子门户 个人空间 单位空间 部门空间 团队空间 费控管理门户 党务建设门户 两学一做（空间） 学习十九大（空间） 预算管理（空间） 费用控制（空间） 一、门户组成及相
2、关概念 1. 门户：页面框架布局 + 视觉风格 + 空间内容的聚合体。 2. 空间：栏目内容呈现样式及呈现内容的聚合体。 3. 门户与空间的关系：每个门户下有多个空间 4. 登录前门户/大屏：一种特殊场景/终端 使用的门户 一、门户组成及相关概念：门户由4部分组成 门户由4部分组成 1.门户外框架布局 2.皮肤风格，包括栏目外框 +图标风格 + 图表风格+ 二级页面组件 1.即有几行内容 2.每行放几个栏目 门户框架布局 门户基础内容 空间栏目布局 空间栏目内容 1.Logo 2.常用操作/设置 3.导航/菜单 1.栏目具体的内容 2.内容呈现的样式 门户框架样式+基础内容 空间区： 栏目样式
3、+栏目内容 一、门户组成及相关概念：什么是门户模板 门户框架布局 门户基础内容 门户模板 门户模板：指定的1个框架布局 + 1套与该布局最匹配的一整套皮肤风格 整体皮肤风格：包括整体配色 +【栏目外框 +图标风格 + 二级页面组件 + 图表风格】，其中后4个还可单独修改。 整体皮肤 图标风格栏目外框 图表风格二级页面组件皮肤 皮肤风格 门户模板 = 框架布局 + 皮肤风格 框架布局 每模板默认对应1套皮肤 系统预置的门户模板示例 一、门户组成及相关概念：什么是栏目布局模板、栏目外框模板 栏目布局模板：多少种行样式，一行有几列 栏目外框模板：栏目有没有边线等 PC移动大屏 多门户多空间 门户引擎
4、 协同应用 业务应用 集成应用 应用服务器/数据库 CTP/CAP/CMP平台 A C E D M 3 微 协 同 门户元素与标准页面模型 框架样式、框架元件、栏目样式元素 一、以上内容基于JSR168标准组成 门户引擎 4大门户 规范 5类门户资源库12套门户模板 196个栏目 76个自定 义元素 组织 权限 内容 权限 门户 权限 门户实操内容 1.门户的组成及相关概念 2.门户制作前的准备工作及主要制作步骤 3.个性化配置的范围 4.如何制作登录前门户 5.如何制作系统主门户 6.如何制作子门户 7.如何制作移动门户 8.如何制作大屏 9.如何进行高阶个性化定义 二、门户制作前的准备工作
5、 以致远这家客户为例，致远的门户实施计划稿 最重要的： 门户给谁看，做什么用，要放 什么内容。 确定：这些内容是做成子门户、 还是做成主门户下的空间 然后才是怎么使用致远的门户 配置工具 二、门户制作主要步骤 1) 明确定位 给谁用 是子门户or 主门户空间 2) 明确要放的内容 以及大致布局（手绘或者 简单用已有栏目样式拼图） 1) 选择模板 配置logo、菜单导航等 2) 基于设计器做详细样式配置 若无专业UI指导，建议采用默认 的配置logo、菜单导航等 1) 选择空间栏目布局 若预置布局不满足，自定义布局 2) 选择具体栏目及样式 可在栏目样式中选择最佳方式 3) 空间授权 空间管理授
6、权 及 使用授 权 3) 门户授权 门户管理授权 门户使用授 权 1. 线下准备 （尤其重要） 2. 门户制作 3. 空间制作 注意：应用权限及内容权限，在平台及具体功能应用中完成，例如：能否看到新闻、某个公告、某个具体表单结果。 这些权限不在门户中做控制。 门户实操内容 1.门户的组成及相关概念 2.门户制作前的准备工作及主要制作步骤 3.个性化配置的范围 4.如何制作登录前门户 5.如何制作系统主门户 6.如何制作子门户 7.如何制作移动门户 8.如何制作大屏 9.如何进行高阶个性化定义 三、门户个性化配置的范围 主子门户设置 大屏设置门户基本信息设置热点内容自定义门户样式模板拿来即用 从
7、门户样式 空间布局 皮肤风格 栏目样式 图表风格 二级页面视觉风格 提供门户设计器，共开放76个热点，实现在线编辑，简单易操作 空间布局随意灵活设置门户报表风格匹配设置二级页面皮肤风格设置门户栏目样式风格设置 三、门户个性化配置的范围 注意点：门户导航设置，可以根据主子门户对应的场景，配置具体的导航/菜单。尤其对于业务子门户的场景实用。 系统主门户 【导航设置方式】的结果示例 子门户 【导航设置方式】的结 果示例 门户实操内容 1.门户的组成及相关概念 2.门户制作前的准备工作及主要制作步骤 3.个性化配置的范围 4.如何制作登录前门户 5.如何制作系统主门户 6.如何制作子门户 7.如何制作
8、移动门户 8.如何制作大屏 9.如何进行高阶个性化定义 四、如何制作登录前门户 1)开启【登录前guest账号】 2)组织机构管理特殊账号管理 2）进行门户及空间设置 3）将协同中的内容授权给【登录前guest账号】 注意要点： 若设置了【登录前门户】，且【登录前门户】为启用状态，则【登录页设置】内容失效， 显示登录前门户信息； 由于登录前门户的访问量较大，为提升访问速度，系统自动为登录前门户设置内容缓存。 登录前门户内容不会实时更新，约存在10分钟的缓冲。 要使得内容在【登录前门户】中呈现，需要对内容进行授权：a. 新闻板块属性选择 【允许外部人员查看】；b.享空间公开范围选择【含外部人员】
9、或【全集团】或【指定 授权给特殊账号】；c.其他应用具体内容（如报表、文件夹、公告等）授权给【登录前 guest账号】 四、如何制作登录前门户 以demo环境上的登录前门户示例，讲解门户及其栏目的配置过程。 涉及以下栏目： 1. 登录栏目 2. 公告栏目新样式 3. 视频栏目 4. 大事记栏目 5. 应用磁贴入口栏目 6. 文档封面用在期刊场景 7. 公示板的使用 8. 配置第三方入口栏目 五、如何制作系统主门户 1)系统预置 2)个人空间、单位空间、集 团空间等 2）门户及空间内容设置 3）添加新的空间 以demo环境上的系统主门户示例，讲解门户及其栏目的配置过程。 涉及以下栏目： 1. 应
10、用磁贴 2. 组合栏目 3. 日程栏目 4. 任务栏目 5. 模板栏目支持分类 6. 文化类栏目的样式改进 7. 流程绩效类栏目 8. 流程知识栏目 9. 配置第三方入口栏目 五、如何制作系统主门户 六、如何制作子门户 1）新建子门户 2）门户及空间内容设置 3）使用授权 以demo环境上的费控、营销、党建门户示例，讲解门户及其栏目的配置过程。 涉及以下栏目： 1. 横幅图片 2. 无流程底表 3. 消息栏目 4. 报表栏目（待报表中心详细演示） 5. 空间布局支持自定义 六、如何制作子门户 七、如何制作移动子门户 1）新建移动门户 2）门户及空间内容设置 3）使用授权 以公司协同上的个人门户
11、、单位门户示例，讲解门户及其栏目的配置过程。 涉及以下栏目： 1. 磁贴栏目 2. 大事记栏目 3. 文化栏目 4. 报表栏目（待报表中心详细演示） 5. 移动门户在手机端的个性化配置 七、如何制作移动门户 八、如何制作大屏 1）新建大屏账号 2）大屏内容设置、 自动刷新周期设置 3）大屏使用授权 4）应用内容授权给 大屏账号 说明: 1.【大屏】能设授权使用的前提：在单位下【特殊账号管理】中设置 【大屏账号】； 2. 要使得内容在【大屏】中呈现，需要对内容进行授权： a. 新闻板块属性选择【允许外部人员查看】 b.享空间公开范围选择【含外部人员】或【全集团】或【指定授权给 特殊账号】 c.其
12、他应用具体内容（如报表、文件夹、公告等）授权给【大屏账号】 以demo环境上3个大屏示例，讲解门户及其栏目的配置过程。 涉及以下栏目： 1. 文档图片栏目 2. 横幅图片栏目的妙用 八、如何制作大屏 模板本地导出导入 代码级修改导入复用 提升客户化定制效率 九、如何进行高阶个性化定义 样式库的导入导出 支持3类样式： 门户整体模板（PC模板、移动模板、大屏模板） 栏目布局模板 栏目外框模板 丰富的与图标库与图片库，支持替换、修改复用 门户图标库图片库 （系统图标、业务图表，直接修改+导入替换） 九、如何进行高阶个性化定义- 资源库的复用与自定义 实际演练作业 1. 制作1个新的栏目布局 2. 制作1个登录前门户： 栏目须包括视频、可公开数据报表、大事记、第三方入口 3. 系统主门户下调整：1）单位空间的栏目内容；2）调整导航呈现方式 4. 制作1个子业务门户： 栏目须包括底表信息、业务待办、业务消息、报表 5. 制作1个大屏：会客大屏 或 营销驾驶舱 6. 制作1个移动门户：单位信息门户
