《聚校秀平台设计方案0413V1.0》由会员分享，可在线阅读，更多相关《聚校秀平台设计方案0413V1.0（18页珍藏版）》请在金锄头文库上搜索。
1、“聚校秀”功能点梳理*思柏瑞信息科技*2015年12月目录1、建设背景32、功能概述32.1 场景创建32.1.1 空白场景创建32.1.2 模板场景创建32.2 场景编辑设计42.2.1 页面添加42.2.2 背景52.2.3 文本62.2.4 插图72.2.5 图集82.2.6 形状92.2.7 音乐92.2.8 视频102.2.9 表单102.2.10 预览142.3 场景保存142.3.1 场景设置142.3.2 场景列表152.4 场景发布152.4.1 场景发布152.4.2 场景分享152.5 用户权限设置152.6 统计分析162.6.1 浏览次数统计（学校用户）162.6.2
2、 场景统计数据汇总（学校用户）162.6.3 学校开通统计（超级管理员）173、界面设计171、 建设背景每年院校招生、迎新期间，都需要携各方努力完成对学校的宣传、推广工作。随着智能手机的普及、网络自媒体的蓬勃发展，学校宣传推广的方式也逐渐增多。因此，为学校提供一款针对移动互联网营销、可自行DIY的手机网页制作工具，将会给学校带来很大的方便。用户通过编辑手机网页完成宣传推广场景的制作，并分享到各类社交网络，达到学校宣传、预约报名、会议组织、收集反馈、节日祝福、数据搜集等目的。2、 功能概述2.1 场景创建所有场景页面设计均以编辑手机网页为基础，建议编辑页面以手机屏幕作为背景。2.1.1 空白场
3、景创建直接点击场景新建，完成空白场景的创建工作。2.1.2 模板场景创建系统提供多套场景模板供用户选择，用户选择某模板，那么新创建的场景则套用该模板。u 场景预览用户可在模板列表中选择中意的模板，选择前，可对场景进行预览u 场景选择用户确认了选择的场景模板后，即可使用该模板进行场景创建u 场景修改虽然用户套用了场景模板，但是对场景中的文字、图片、背景等可根据需求进行修改、调整2.2 场景编辑设计场景创建完成后，可对场景进行编辑、设计。2.2.1 页面添加用户可为场景添加多个页面，并逐一对各个页面进行编辑设计。2.2.1.1 空白页面创建直接点击页面添加，完成空白场景的创建工作。2.2.1.2
4、模板页面创建系统为用户提供多个页面模板，用户可根据自身需要将新建的页面套用该模板。u 如果重复选择模板页面，将会覆盖前一次选择的模板页面，展示最新选择的模板页面u 虽然用户套用了页面模板，但是对页面中的文字、图片、背景等也可根据需求进行修改、调整2.2.1.3 页面复制页面出来使用新建的方式进行添加，也可使用复制的方式进行添加。选择需要复制的页面，并进行复制即可。u 复制的页面，复制原页面所有内容，包括图片、背景、文字、动画等所有u 用户可对复制的页面再进行图片、背景、文字、动画等进行修改调整2.2.1.4 页面前后调整用户直接拖动页面列表，即可完成页面前后顺序的调整工作。2.2.2 背景2.
5、2.2.1 背景设置选择背景，为场景页面选择使用的背景；重复选择背景将覆盖前一次选择的背景。2.2.2.2 背景图u 背景图库：系统默认提供多个背景图，供用户选择使用u 我的背景：用户可通过本地上传的方式，选择需要的背景图片上传，丰富背景图库。 用户上传的本地图片，需要根据手机展示对图片的要求进行裁剪后才能进行保存。 用户上传的图片可进行删除操作用户选择背景时，可自由选择系统背景图库或个人上传的背景图片，效果相同。2.2.3 文本提供页面文本添加功能。2.2.3.1 文本编辑u 可自由编辑文本内文字，包括文字字体、大小、粗细、颜色、背景颜色、对其方式、行距的增加或减少u 可自由移动文本框位置2
6、.2.3.2 文本框设置文本框编辑完成后，可对文本框进行设置。u 样式：可对文本框样式进行设置 基础样式：可修改文本框背景颜色、文字颜色、透明度； 边框样式：包括边框尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转角度 阴影样式：大小、模糊程度、颜色、方向u 动画：可对文本框进行动画设置，展现不同的动画效果 可对文本框进行多个动画设置 动画方式提供多种不同选择（可参考PPT动画样式） 动画时间设置、延迟动画时间设置 动画设置提供预览功能u 文本的动画和样式可支持后期自定义添加。2.2.4 插图提供页面添加插图功能。用户选择需要的图片，并进行确定，图片自动添加到该页面上来。2.2.
7、4.1 图片来源u 图片库：系统默认提供多个图片供用户选择使用u 我的图片：用户可通过本地上传的方式将喜爱的图片上传到我的图片库，待需要时进行选择使用；用户也可对图片进行删除操作2.2.4.2 图片设置用户可动过拖拉改动图片的大小、通过移动改变图片在页面中的位置。u 样式 基础样式：背景颜色、透明度的调整 边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转 阴影样式：大小、模糊程度、颜色、方向u 动画：可对图片进行动画设置，展现不同的动画效果 可对图片进行多个动画设置 动画方式提供多种不同选择（可参考PPT动画样式） 动画时间设置、延迟动画时间设置 动画设置提供预览功能u
8、 插图的动画和样式可支持后期自定义添加。2.2.5 图集用户可通过图集的添加，实现多个图片的轮播。2.2.5.1 图集图片来源u 图片库：系统默认提供多个图片供用户选择使用u 我的图片：用户可通过本地上传的方式将喜爱的图片上传到我的图片库，待需要时进行选择使用；用户也可对图片进行删除操作u 用户可选择多个图片制作图集，但最多六X，不可超过2.2.5.2 图集设置图片选择完成后，需要对图集进行剪裁及动画设置。u 剪裁：用户可对选中的图片进行裁剪，选择需要的大小进行展示u 动画设置： 图片间切换时间设置 图片间切换动画设置（轮播、下落、飞出、百叶窗等）图集设置完成后，点击确定就完成了图集的添加、设
9、置工作。当然，图集设置完成后，也可通过修改的方式重新修改图集的剪裁、动画设置等。u 图集添加完成后，用户可动过拖拉改动图集的大小、通过移动改变图集在页面中的位置。u 图集的动画和样式可支持后期自定义添加。2.2.6 形状系统提供多种形状供用户需要时进行添加。包括各类形状、小图标、简体字、甚至常用logo等。u 形状添加完成后，用户可动过拖拉改动形状的大小、通过移动改变形状在页面中的位置。u 样式 基础样式：背景颜色、形状颜色、透明度的调整、 边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转 阴影样式：大小、模糊程度、颜色、方向u 动画：可对图片进行动画设置，展现不同的动
10、画效果 可对图片进行多个动画设置 动画方式提供多种不同选择（可参考PPT动画样式） 动画时间设置、延迟动画时间设置 动画设置提供预览功能u 形状的动画和样式可支持后期自定义添加。2.2.7 音乐用户可为场景进行背景音乐的设置。用户通过选择音乐素材，完成背景音乐的添加。音乐素材的组成包括如下形式：u 音乐库：系统默认提供多种风格的多种音乐，供用户进行挑选；u 我的音乐：用户可通过本地上传的方式，完成背景音乐的上传，并可进行背景音乐的选择操作2.2.8 视频用户可在页面添加视频。用户通过选择视频素材，完成视频的添加。用户可通过本地上传的方式，完成视频的上传，并可进行视频选择操作。场景不支持大视频的
11、上传播放工作，仅支持小视频的上传工作。2.2.9 表单用户可通过直接添加表单里的组合控件，完成单选、多选、评分、联系人等多种必备组合控件的添加，也为数据搜集整理提供标准模板。2.2.9.1 联系人当用户需要搜集场景查看人的身份信息时，可使用联系人功能，查看人将自己的信息根据需求填写并提交后，后台就能够统计出这些查看人的信息。u 可添加多个联系人相关信息输入框u 各输入框命名（联系人、联系方式、等）u 控件颜色选择u 控件标题命名u 可添加多个单选项（考虑到手机屏幕的大小，最多可添加8个选项）u 配置提交按钮控件添加完成后可对控件进行设置。u 样式：控件添加完成后可对控件进行设置 基础样式：背景
12、颜色、文字颜色、透明度的调整 边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转 阴影样式：大小、模糊程度、颜色、方向u 动画：可对图片进行动画设置，展现不同的动画效果 可对图片进行多个动画设置 动画方式提供多种不同选择（可参考PPT动画样式） 动画时间设置、延迟动画时间设置 动画设置提供预览功能u 控件的动画和样式可支持后期自定义添加。2.2.9.2 单选单选控件的添加，用户可进行某项调查。系统提供单选控件供用户添加。u 单选控件颜色选择u 控件标题命名u 单选各选项命名u 可添加多个单选项（考虑到手机屏幕的大小，最多可添加8个选项）u 配置提交按钮控件添加完成后可对控
13、件进行设置。u 样式：控件添加完成后可对控件进行设置 基础样式：背景颜色、文字颜色、透明度的调整 边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转 阴影样式：大小、模糊程度、颜色、方向u 动画：可对图片进行动画设置，展现不同的动画效果 可对图片进行多个动画设置 动画方式提供多种不同选择（可参考PPT动画样式） 动画时间设置、延迟动画时间设置 动画设置提供预览功能u 控件的动画和样式可支持后期自定义添加。2.2.9.3 多选多选控件的添加，同样便于用户进行某项调查。系统提供多选控件供用户添加。u 多选控件颜色选择u 控件标题命名u 多选各选项命名u 可添加多个选项（考虑到
14、手机屏幕的大小，最多可添加8个选项）u 配置提交按钮控件添加完成后可对控件进行设置。u 样式：控件添加完成后可对控件进行设置 基础样式：背景颜色、文字颜色、透明度的调整 边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转 阴影样式：大小、模糊程度、颜色、方向u 动画：可对图片进行动画设置，展现不同的动画效果 可对图片进行多个动画设置 动画方式提供多种不同选择（可参考PPT动画样式） 动画时间设置、延迟动画时间设置 动画设置提供预览功能u 控件的动画和样式可支持后期自定义添加。2.2.9.4 评分系统提供评分控件供用户添加。u 评分控件颜色选择u 控件标题命名u 评分图标选择u 配置提交按钮控件添加完成后可对控件进行设置。u 样式：控件添加完成后可对控件进行设置 基础样式：背景颜色、透明度的调整 边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转 阴影样式：大小、模糊程度、颜色、方向u 动画：可对图片进行动画设置，展现不同的动画效果 可对图片进行多个动画设置 动画方式提供多种不同选择（可参考PPT动画样式） 动画时间设置、延迟动画时间设置 动画设置提供预览功能u 控件的动画和样式可支持后期自定义添加。2.2.10 预览对场景每页进行设计的时候，可对场景效果进行预览。2
