聚校秀平台设计方案0413V1.0

1、“聚校秀”功能点梳理南京思柏瑞信息科技有限公司2015 年 12 月目录1、 建设背景每年院校招生、迎新期间，都需要携各方努力完成对学校的宣传、推广工作。随着智能手机的普及、网络自媒体的蓬勃发展， 学校宣传推广的方式也逐渐增多。因此，为学校提供一款针对移动互联网营销、可自行DIY 的手机网页制作工具，将会给学校带来很大的方便。用户通过编辑手机网页完成宣传推广场景的制作，并分享到各类社交网络，达到学校宣传、预约报名、会议组织、收集反馈、节日祝福、数据搜集等目的。2、 功能概述2.1 场景创建所有场景页面设计均以编辑手机网页为基础，建议编辑页面以手机屏幕作为背景。2.1.1空白场景创建直接点击场景

2、新建，完成空白场景的创建工作。2.1.2模板场景创建系统提供多套场景模板供用户选择，用户选择某模板， 那么新创建的场景则套用该模板。场景预览用户可在模板列表中选择中意的模板，选择前，可对场景进行预览场景选择用户确认了选择的场景模板后，即可使用该模板进行场景创建场景修改虽然用户套用了场景模板，但是对场景中的文字、图片、背景等可根据需求进行修改、调整2.2 场景编辑设计场景创建完成后，可对场景进行编辑、设计。2.2.1页面添加用户可为场景添加多个页面，并逐一对各个页面进行编辑设计。2.2.1.1空白页面创建直接点击页面添加，完成空白场景的创建工作。2.2.1.2模板页面创建系统为用户提供多个页面模

3、板， 用户可根据自身需要将新建的页面套用该模板。如果重复选择模板页面，将会覆盖前一次选择的模板页面，展示最新选择的模板页面虽然用户套用了页面模板，但是对页面中的文字、图片、背景等也可根据需求进行修改、调整2.2.1.3页面复制页面出来使用新建的方式进行添加，也可使用复制的方式进行添加。选择需要复制的页面，并进行复制即可。复制的页面，复制原页面所有内容，包括图片、背景、文字、动画等所有用户可对复制的页面再进行图片、背景、文字、动画等进行修改调整2.2.1.4页面前后调整用户直接拖动页面列表，即可完成页面前后顺序的调整工作。2.2.2背景2.2.2.1背景设置选择背景，为场景页面选择使用的背景；重

4、复选择背景将覆盖前一次选择的背景。2.2.2.2背景图背景图库：系统默认提供多个背景图，供用户选择使用我的背景：用户可通过本地上传的方式，选择需要的背景图片上传，丰富背景图库。用户上传的本地图片，需要根据手机展示对图片的要求进行裁剪后才能进行保存。用户上传的图片可进行删除操作用户选择背景时， 可自由选择系统背景图库或个人上传的背景图片，效果相同。2.2.3文本提供页面文本添加功能。2.2.3.1文本编辑可自由编辑文本内文字，包括文字字体、大小、粗细、颜色、背景颜色、对其方式、行距的增加或减少可自由移动文本框位置2.2.3.2文本框设置文本框编辑完成后，可对文本框进行设置。样式：可对文本框样式进

5、行设置基础样式：可修改文本框背景颜色、文字颜色、透明度；边框样式：包括边框尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转角度阴影样式：大小、模糊程度、颜色、方向动画：可对文本框进行动画设置，展现不同的动画效果可对文本框进行多个动画设置动画方式提供多种不同选择（可参考PPT 动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能文本的动画和样式可支持后期自定义添加。2.2.4插图提供页面添加插图功能。 用户选择需要的图片， 并进行确定， 图片自动添加到该页面上来。2.2.4.1图片来源图片库：系统默认提供多个图片供用户选择使用我的图片：用户可通过本地上传的方式将喜爱的图片上

6、传到我的图片库，待需要时进行选择使用；用户也可对图片进行删除操作2.2.4.2图片设置用户可动过拖拉改动图片的大小、通过移动改变图片在页面中的位置。样式基础样式：背景颜色、透明度的调整边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转阴影样式：大小、模糊程度、颜色、方向动画：可对图片进行动画设置，展现不同的动画效果可对图片进行多个动画设置动画方式提供多种不同选择（可参考PPT 动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能插图的动画和样式可支持后期自定义添加。2.2.5图集用户可通过图集的添加，实现多个图片的轮播。2.2.5.1图集图片来源图片库：系统默认提

7、供多个图片供用户选择使用我的图片：用户可通过本地上传的方式将喜爱的图片上传到我的图片库，待需要时进行选择使用；用户也可对图片进行删除操作用户可选择多个图片制作图集，但最多六张，不可超过2.2.5.2图集设置图片选择完成后，需要对图集进行剪裁及动画设置。剪裁：用户可对选中的图片进行裁剪，选择需要的大小进行展示动画设置：图片间切换时间设置图片间切换动画设置（轮播、下落、飞出、百叶窗等）图集设置完成后，点击确定就完成了图集的添加、设置工作。当然，图集设置完成后，也可通过修改的方式重新修改图集的剪裁、动画设置等。图集添加完成后，用户可动过拖拉改动图集的大小、通过移动改变图集在页面中的位置。图集的动画和

8、样式可支持后期自定义添加。2.2.6形状系统提供多种形状供用户需要时进行添加。包括各类形状、小图标、简体字、甚至常用 logo 等。形状添加完成后，用户可动过拖拉改动形状的大小、通过移动改变形状在页面中的位置。样式基础样式：背景颜色、形状颜色、透明度的调整、边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转阴影样式：大小、模糊程度、颜色、方向动画：可对图片进行动画设置，展现不同的动画效果可对图片进行多个动画设置动画方式提供多种不同选择（可参考PPT 动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能形状的动画和样式可支持后期自定义添加。2.2.7音乐用户可为场景

9、进行背景音乐的设置。用户通过选择音乐素材， 完成背景音乐的添加。音乐素材的组成包括如下形式：音乐库：系统默认提供多种风格的多种音乐，供用户进行挑选；我的音乐：用户可通过本地上传的方式，完成背景音乐的上传，并可进行背景音乐的选择操作2.2.8视频用户可在页面添加视频。 用户通过选择视频素材， 完成视频的添加。 用户可通过本地上传的方式，完成视频的上传，并可进行视频选择操作。场景不支持大视频的上传播放工作，仅支持小视频的上传工作。2.2.9表单用户可通过直接添加表单里的组合控件，完成单选、多选、评分、联系人等多种必备组合控件的添加，也为数据搜集整理提供标准模板。2.2.9.1联系人当用户需要搜集场

10、景查看人的身份信息时，可使用联系人功能， 查看人将自己的信息根据需求填写并提交后，后台就能够统计出这些查看人的信息。可添加多个联系人相关信息输入框各输入框命名（联系人、联系方式、邮箱等）控件颜色选择控件标题命名可添加多个单选项（考虑到手机屏幕的大小，最多可添加8 个选项）配置提交按钮控件添加完成后可对控件进行设置。样式：控件添加完成后可对控件进行设置基础样式：背景颜色、文字颜色、透明度的调整边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转阴影样式：大小、模糊程度、颜色、方向动画：可对图片进行动画设置，展现不同的动画效果可对图片进行多个动画设置动画方式提供多种不同选择（可

11、参考PPT 动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能控件的动画和样式可支持后期自定义添加。2.2.9.2单选单选控件的添加，用户可进行某项调查。系统提供单选控件供用户添加。单选控件颜色选择控件标题命名单选各选项命名可添加多个单选项（考虑到手机屏幕的大小，最多可添加8 个选项）配置提交按钮控件添加完成后可对控件进行设置。样式：控件添加完成后可对控件进行设置基础样式：背景颜色、文字颜色、透明度的调整边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转阴影样式：大小、模糊程度、颜色、方向动画：可对图片进行动画设置，展现不同的动画效果可对图片进行多个动画设置动画

12、方式提供多种不同选择（可参考PPT 动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能控件的动画和样式可支持后期自定义添加。2.2.9.3多选多选控件的添加，同样便于用户进行某项调查。系统提供多选控件供用户添加。多选控件颜色选择控件标题命名多选各选项命名可添加多个选项（考虑到手机屏幕的大小，最多可添加8 个选项）配置提交按钮控件添加完成后可对控件进行设置。样式：控件添加完成后可对控件进行设置基础样式：背景颜色、文字颜色、透明度的调整边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转阴影样式：大小、模糊程度、颜色、方向动画：可对图片进行动画设置，展现不同的动画效果

13、可对图片进行多个动画设置动画方式提供多种不同选择（可参考PPT 动画样式）动画时间设置、延迟动画时间设置动画设置提供预览功能控件的动画和样式可支持后期自定义添加。2.2.9.4评分系统提供评分控件供用户添加。评分控件颜色选择控件标题命名评分图标选择配置提交按钮控件添加完成后可对控件进行设置。样式：控件添加完成后可对控件进行设置基础样式：背景颜色、透明度的调整边框样式：尺寸、弧度、样式（直线、破折线、点状线、双划线等）、颜色、旋转阴影样式：大小、模糊程度、颜色、方向动画：可对图片进行动画设置，展现不同的动画效果可对图片进行多个动画设置动画方式提供多种不同选择（可参考PPT 动画样式）动画时间设置

14、、延迟动画时间设置动画设置提供预览功能控件的动画和样式可支持后期自定义添加。2.2.10预览对场景每页进行设计的时候，可对场景效果进行预览。2.3 场景保存场景所有页面都设计完成以后，点击保存按钮，就完成了场景的保存工作。2.3.1场景设置点击场景保存后，需要对场景进行命名、描述等场景命名：为场景进行命名，便于用户在自己的众多场景里进行辨认、也方便受众了解场景的用途或意图场景描述：为场景添加简单的描述，便于受众在浏览场景前就能大概了解场景的具体信息场景封面设置：场景保存后，用户需要给场景设置独立的封面，这样分享给受众的时候，受众能够直观的感受到场景。正常情况下，在用户不特地设置封面时，各场景能

15、有默认封面；如果有特殊需要，用户可为场景设置封面。2.3.2场景列表场景保存后，用户可在自己的场景列表里查看自己设计的各个场景，列表以场景封面 + 命名的形式展现；用户可对列表里的场景进行预览、修改、发布操作。2.4 场景发布场景保存后，可对场景进行发布操作。2.4.1场景发布场景发布后，可自动生成“二维码”及“分享地址 ”，二维码可进行下载操作。用户扫描二维码或打开分享地址，即可查看并使用场景场景发布页面，也可进行预览、修改操纵2.4.2场景分享场景发布后，用户可根据需要分享到微信、QQ 、微博、豆瓣等公众媒体，供大众进行场景查看及使用，起到场景推广目的。2.5 用户权限设置超级管理员：负责学校用户账号的开通、删除、修改可分区域查看学校开通账号列表学校用户：可使用翼校秀为学校制作各类宣传场景可查看具有统计功能的场景的数据2.6 统计分析2.6.1浏览次数统计（学校用户）通过该统