聚校秀平台设计方案

“聚校秀”功能点梳理南京思柏瑞信息科技有限公司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场景统计数据汇总（学校用户） 162.6.3学校开通统计（超级管理员） 173、界面设计 17页面复制页面出来使用新建的方式进行添加，也可使用复制的方式进行添加。选择需要复制的页面，并进行复制即可。复制的页面，复制原页面所有内容，包括图片、背景、文字、动画等所有用户可对复制的页面再进行图片、背景、文字、动画等进行修改调整页面前后调整用户直接拖动页面列表，即可完成页面前后顺序的调整工作。背景背景设置选择背景，为场景页面选择使用的背景；重复选择背景将覆盖前一次选择的背景。背景图背景图库：系统默认提供多个背景图，供用户选择使用我的背景：用户可通过本地上传的方式，选择需要的背景图片上传，丰富背景图库。用户上传的本地图片，需要根据手机展示对图片的要求进行裁剪后才能进行保存。用户上传的图片可进行删除操作用户选择背景时，可自由选择系统背景图库或个人上传的背景图片，效果相同。文本提供页面文本添加功能。文本编辑可自由编辑文本内文字，包括文字字体、大小、粗细、颜色、背景颜色、对其方式、行距的增加或减少可自由移动文本框位置文本框设置文本框编辑完成后，可对文本框进行设置。样式：可对文本框样式进行设置基础样式：可修改文本框背景颜色、文字颜色、透明度；边框样式：包括边框尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转角度阴影样式：大小、模糊程度、颜色、方向动画：可对文本框进行动画设置，展现不同的动画效果可对文本框进行多个动画设置动画方式提供多种不同选择（可参考PPT动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能文本的动画和样式可支持后期自定义添加。插图提供页面添加插图功能。用户选择需要的图片，并进行确定，图片自动添加到该页面上来。图片来源图片库：系统默认提供多个图片供用户选择使用我的图片：用户可通过本地上传的方式将喜爱的图片上传到我的图片库，待需要时进行选择使用；用户也可对图片进行删除操作图片设置用户可动过拖拉改动图片的大小、通过移动改变图片在页面中的位置。样式基础样式：背景颜色、透明度的调整边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转阴影样式：大小、模糊程度、颜色、方向动画：可对图片进行动画设置，展现不同的动画效果可对图片进行多个动画设置动画方式提供多种不同选择（可参考PPT动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能插图的动画和样式可支持后期自定义添加。图集用户可通过图集的添加，实现多个图片的轮播。图集图片来源图片库：系统默认提供多个图片供用户选择使用我的图片：用户可通过本地上传的方式将喜爱的图片上传到我的图片库，待需要时进行选择使用；用户也可对图片进行删除操作用户可选择多个图片制作图集，但最多六张，不可超过图集设置图片选择完成后，需要对图集进行剪裁及动画设置。剪裁：用户可对选中的图片进行裁剪，选择需要的大小进行展示动画设置：图片间切换时间设置图片间切换动画设置（轮播、下落、飞出、百叶窗等）图集设置完成后，点击确定就完成了图集的添加、设置工作。当然，图集设置完成后，也可通过修改的方式重新修改图集的剪裁、动画设置等。图集添加完成后，用户可动过拖拉改动图集的大小、通过移动改变图集在页面中的位置。图集的动画和样式可支持后期自定义添加。形状系统提供多种形状供用户需要时进行添加。包括各类形状、小图标、简体字、甚至常用logo等。形状添加完成后，用户可动过拖拉改动形状的大小、通过移动改变形状在页面中的位置。样式基础样式：背景颜色、形状颜色、透明度的调整、边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转阴影样式：大小、模糊程度、颜色、方向动画：可对图片进行动画设置，展现不同的动画效果可对图片进行多个动画设置动画方式提供多种不同选择（可参考PPT动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能形状的动画和样式可支持后期自定义添加。音乐用户可为场景进行背景音乐的设置。用户通过选择音乐素材，完成背景音乐的添加。音乐素材的组成包括如下形式：音乐库：系统默认提供多种风格的多种音乐，供用户进行挑选；我的音乐：用户可通过本地上传的方式，完成背景音乐的上传，并可进行背景音乐的选择操作视频用户可在页面添加视频。用户通过选择视频素材，完成视频的添加。用户可通过本地上传的方式，完成视频的上传，并可进行视频选择操作。场景不支持大视频的上传播放工作，仅支持小视频的上传工作。表单用户可通过直接添加表单里的组合控件，完成单选、多选、评分、联系人等多种必备组合控件的添加，也为数据搜集整理提供标准模板。联系人当用户需要搜集场景查看人的身份信息时，可使用联系人功能，查看人将自己的信息根据需求填写并提交后，后台就能够统计出这些查看人的信息。可添加多个联系人相关信息输入框各输入框命名（联系人、联系方式、邮箱等）控件颜色选择控件标题命名可添加多个单选项（考虑到手机屏幕的大小，最多可添加8个选项）配置提交按钮控件添加完成后可对控件进行设置。样式：控件添加完成后可对控件进行设置基础样式：背景颜色、文字颜色、透明度的调整边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转阴影样式：大小、模糊程度、颜色、方向动画：可对图片进行动画设置，展现不同的动画效果可对图片进行多个动画设置动画方式提供多种不同选择（可参考PPT动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能控件的动画和样式可支持后期自定义添加。单选单选控件的添加，用户可进行某项调查。系统提供单选控件供用户添加。单选控件颜色选择控件标题命名单选各选项命名可添加多个单选项（考虑到手机屏幕的大小，最多可添加8个选项）配置提交按钮控件添加完成后可对控件进行设置。样式：控件添加完成后可对控件进行设置基础样式：背景颜色、文字颜色、透明度的调整边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转阴影样式：大小、模糊程度、颜色、方向动画：可对图片进行动画设置，展现不同的动画效果可对图片进行多个动画设置动画方式提供多种不同选择（可参考PPT动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能控件的动画和样式可支持后期自定义添加。多选多选控件的添加，同样便于用户进行某项调查。系统提供多选控件供用户添加。多选控件颜色选择控件标题命名多选各选项命名可添加多个选项（考虑到手机屏幕的大小，最多可添加8个选项）配置提交按钮控件添加完成后可对控件进行设置。样式：控件添加完成后可对控件进行设置基础样式：背景颜色、文字颜色、透明度的调整边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转阴影样式：大小、模糊程度、颜色、方向动画：可对图片进行动画设置，展现不同的动画效果可对图片进行多个动画设置动画方式提供多种不同选择（可参考PPT动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能控件的动画和样式可支持后期自定义添加。评分系统提供评分控件供用户添加。评分控件颜色选择控件标题命名评分图标选择配置提交按钮控件添加完成后可对控件进行设置。样式：控件添加完成后可对控件进行设置基础样式：背景颜色、透明度的调整边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转阴影样式：大小、模糊程度、颜色、方向动画：可对图片进行动画设置，展现不同的动画效果可对图片进行多个动画设置动画方式提供多种不同选择（可参考PPT动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能控件的动画和样式可支持后期自定义添加。预览对场景每页进行设计的时候，可对场景效果进行预览。场景保存场景所有页面都设计完成以后，点击保存按钮，就完成了场景的保存工作。场景设置点击场景保存后，需要对场景进行命名、描述等场景命名：为场景进行命名，便于用户在自己的众多场景里进行辨认、也方便受众了解场景的用途或意图场景描述：为场景添加简单的描述，便于受众在浏览场景前就能大概了解场景的具体信息场景封面设置：场景保存后，用户需要给场景设置独立的封面，这样分享给受众的时候，受众能够直观的感受到场景。正常情况下，在用户不特地设置封面时，各场景能有默认封面；如果有特殊需要，用户可为场景设置封面。场景列表场景保存后，用户可在自己的场景列表里查看自己设计的各个场景，列表以场景封面+命名的形式展现；用户可对列表里的场景进行预览、修改、发布操作。场景发布场景保存后，可对场景进行发布操作。场景发布场景发布后，可自动生成“二维码”及“分享地址”，二维码可进行下载操作。用户扫描二维码或打开分享地址，即可查看并使用场景场景发布页面，也可进行预览、修改操纵场景分享场景发布后，用户可根据需要分享到微信、QQ、微博、豆瓣等公众媒体，供大众进行场景查看及使用，起到场景推广目的。用户权限设置超级管理员：负责学校用户账号的开通、删除、修改可分区域查看学校开通账号列表学校用户：可使用翼校秀为学校制作各类宣传场景可查看具有统计功能的场景的数据统计分析浏览次数统计（学校用户）通过该统计，学校用户能够统计出各