聚校秀平臺設(shè)計方案

“聚校秀”功能點梳理南京思柏瑞信息科技有限公司2015年12月目錄1、 建設(shè)背景 32、 功能概述 32.1場景創(chuàng)建 32.1.1空白場景創(chuàng)建 32.1.2模板場景創(chuàng)建 32.2場景編輯設(shè)計 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預(yù)覽 142.3場景保存 142.3.1場景設(shè)置 142.3.2場景列表 152.4場景發(fā)布 152.4.1場景發(fā)布 152.4.2場景分享 152.5用戶權(quán)限設(shè)置 152.6統(tǒng)計分析 162.6.1瀏覽次數(shù)統(tǒng)計（學(xué)校用戶） 162.6.2場景統(tǒng)計數(shù)據(jù)匯總（學(xué)校用戶） 162.6.3學(xué)校開通統(tǒng)計（超級管理員） 173、界面設(shè)計 17頁面復(fù)制頁面出來使用新建的方式進行添加，也可使用復(fù)制的方式進行添加。選擇需要復(fù)制的頁面，并進行復(fù)制即可。復(fù)制的頁面，復(fù)制原頁面所有內(nèi)容，包括圖片、背景、文字、動畫等所有用戶可對復(fù)制的頁面再進行圖片、背景、文字、動畫等進行修改調(diào)整頁面前后調(diào)整用戶直接拖動頁面列表，即可完成頁面前后順序的調(diào)整工作。背景背景設(shè)置選擇背景，為場景頁面選擇使用的背景；重復(fù)選擇背景將覆蓋前一次選擇的背景。背景圖背景圖庫：系統(tǒng)默認(rèn)提供多個背景圖，供用戶選擇使用我的背景：用戶可通過本地上傳的方式，選擇需要的背景圖片上傳，豐富背景圖庫。用戶上傳的本地圖片，需要根據(jù)手機展示對圖片的要求進行裁剪后才能進行保存。用戶上傳的圖片可進行刪除操作用戶選擇背景時，可自由選擇系統(tǒng)背景圖庫或個人上傳的背景圖片，效果相同。文本提供頁面文本添加功能。文本編輯可自由編輯文本內(nèi)文字，包括文字字體、大小、粗細、顏色、背景顏色、對其方式、行距的增加或減少可自由移動文本框位置文本框設(shè)置文本框編輯完成后，可對文本框進行設(shè)置。樣式：可對文本框樣式進行設(shè)置基礎(chǔ)樣式：可修改文本框背景顏色、文字顏色、透明度；邊框樣式：包括邊框尺寸、弧度、樣式（直線、破折線、點狀線、雙劃線等）、顏色、旋轉(zhuǎn)角度陰影樣式：大小、模糊程度、顏色、方向動畫：可對文本框進行動畫設(shè)置，展現(xiàn)不同的動畫效果可對文本框進行多個動畫設(shè)置動畫方式提供多種不同選擇（可參考PPT動畫樣式）動畫時間設(shè)置、延遲動畫時間設(shè)置動畫設(shè)置提供預(yù)覽功能文本的動畫和樣式可支持后期自定義添加。插圖提供頁面添加插圖功能。用戶選擇需要的圖片，并進行確定，圖片自動添加到該頁面上來。圖片來源圖片庫：系統(tǒng)默認(rèn)提供多個圖片供用戶選擇使用我的圖片：用戶可通過本地上傳的方式將喜愛的圖片上傳到我的圖片庫，待需要時進行選擇使用；用戶也可對圖片進行刪除操作圖片設(shè)置用戶可動過拖拉改動圖片的大小、通過移動改變圖片在頁面中的位置。樣式基礎(chǔ)樣式：背景顏色、透明度的調(diào)整邊框樣式：尺寸、弧度、樣式（直線、破折線、點狀線、雙劃線等）、顏色、旋轉(zhuǎn)陰影樣式：大小、模糊程度、顏色、方向動畫：可對圖片進行動畫設(shè)置，展現(xiàn)不同的動畫效果可對圖片進行多個動畫設(shè)置動畫方式提供多種不同選擇（可參考PPT動畫樣式）動畫時間設(shè)置、延遲動畫時間設(shè)置動畫設(shè)置提供預(yù)覽功能插圖的動畫和樣式可支持后期自定義添加。圖集用戶可通過圖集的添加，實現(xiàn)多個圖片的輪播。圖集圖片來源圖片庫：系統(tǒng)默認(rèn)提供多個圖片供用戶選擇使用我的圖片：用戶可通過本地上傳的方式將喜愛的圖片上傳到我的圖片庫，待需要時進行選擇使用；用戶也可對圖片進行刪除操作用戶可選擇多個圖片制作圖集，但最多六張，不可超過圖集設(shè)置圖片選擇完成后，需要對圖集進行剪裁及動畫設(shè)置。剪裁：用戶可對選中的圖片進行裁剪，選擇需要的大小進行展示動畫設(shè)置：圖片間切換時間設(shè)置圖片間切換動畫設(shè)置（輪播、下落、飛出、百葉窗等）圖集設(shè)置完成后，點擊確定就完成了圖集的添加、設(shè)置工作。當(dāng)然，圖集設(shè)置完成后，也可通過修改的方式重新修改圖集的剪裁、動畫設(shè)置等。圖集添加完成后，用戶可動過拖拉改動圖集的大小、通過移動改變圖集在頁面中的位置。圖集的動畫和樣式可支持后期自定義添加。形狀系統(tǒng)提供多種形狀供用戶需要時進行添加。包括各類形狀、小圖標(biāo)、簡體字、甚至常用logo等。形狀添加完成后，用戶可動過拖拉改動形狀的大小、通過移動改變形狀在頁面中的位置。樣式基礎(chǔ)樣式：背景顏色、形狀顏色、透明度的調(diào)整、邊框樣式：尺寸、弧度、樣式（直線、破折線、點狀線、雙劃線等）、顏色、旋轉(zhuǎn)陰影樣式：大小、模糊程度、顏色、方向動畫：可對圖片進行動畫設(shè)置，展現(xiàn)不同的動畫效果可對圖片進行多個動畫設(shè)置動畫方式提供多種不同選擇（可參考PPT動畫樣式）動畫時間設(shè)置、延遲動畫時間設(shè)置動畫設(shè)置提供預(yù)覽功能形狀的動畫和樣式可支持后期自定義添加。音樂用戶可為場景進行背景音樂的設(shè)置。用戶通過選擇音樂素材，完成背景音樂的添加。音樂素材的組成包括如下形式：音樂庫：系統(tǒng)默認(rèn)提供多種風(fēng)格的多種音樂，供用戶進行挑選；我的音樂：用戶可通過本地上傳的方式，完成背景音樂的上傳，并可進行背景音樂的選擇操作視頻用戶可在頁面添加視頻。用戶通過選擇視頻素材，完成視頻的添加。用戶可通過本地上傳的方式，完成視頻的上傳，并可進行視頻選擇操作。場景不支持大視頻的上傳播放工作，僅支持小視頻的上傳工作。表單用戶可通過直接添加表單里的組合控件，完成單選、多選、評分、聯(lián)系人等多種必備組合控件的添加，也為數(shù)據(jù)搜集整理提供標(biāo)準(zhǔn)模板。聯(lián)系人當(dāng)用戶需要搜集場景查看人的身份信息時，可使用聯(lián)系人功能，查看人將自己的信息根據(jù)需求填寫并提交后，后臺就能夠統(tǒng)計出這些查看人的信息?？商砑佣鄠€聯(lián)系人相關(guān)信息輸入框各輸入框命名（聯(lián)系人、聯(lián)系方式、郵箱等）控件顏色選擇控件標(biāo)題命名可添加多個單選項（考慮到手機屏幕的大小，最多可添加8個選項）配置提交按鈕控件添加完成后可對控件進行設(shè)置。樣式：控件添加完成后可對控件進行設(shè)置基礎(chǔ)樣式：背景顏色、文字顏色、透明度的調(diào)整邊框樣式：尺寸、弧度、樣式（直線、破折線、點狀線、雙劃線等）、顏色、旋轉(zhuǎn)陰影樣式：大小、模糊程度、顏色、方向動畫：可對圖片進行動畫設(shè)置，展現(xiàn)不同的動畫效果可對圖片進行多個動畫設(shè)置動畫方式提供多種不同選擇（可參考PPT動畫樣式）動畫時間設(shè)置、延遲動畫時間設(shè)置動畫設(shè)置提供預(yù)覽功能控件的動畫和樣式可支持后期自定義添加。單選單選控件的添加，用戶可進行某項調(diào)查。系統(tǒng)提供單選控件供用戶添加。單選控件顏色選擇控件標(biāo)題命名單選各選項命名可添加多個單選項（考慮到手機屏幕的大小，最多可添加8個選項）配置提交按鈕控件添加完成后可對控件進行設(shè)置。樣式：控件添加完成后可對控件進行設(shè)置基礎(chǔ)樣式：背景顏色、文字顏色、透明度的調(diào)整邊框樣式：尺寸、弧度、樣式（直線、破折線、點狀線、雙劃線等）、顏色、旋轉(zhuǎn)陰影樣式：大小、模糊程度、顏色、方向動畫：可對圖片進行動畫設(shè)置，展現(xiàn)不同的動畫效果可對圖片進行多個動畫設(shè)置動畫方式提供多種不同選擇（可參考PPT動畫樣式）動畫時間設(shè)置、延遲動畫時間設(shè)置動畫設(shè)置提供預(yù)覽功能控件的動畫和樣式可支持后期自定義添加。多選多選控件的添加，同樣便于用戶進行某項調(diào)查。系統(tǒng)提供多選控件供用戶添加。多選控件顏色選擇控件標(biāo)題命名多選各選項命名可添加多個選項（考慮到手機屏幕的大小，最多可添加8個選項）配置提交按鈕控件添加完成后可對控件進行設(shè)置。樣式：控件添加完成后可對控件進行設(shè)置基礎(chǔ)樣式：背景顏色、文字顏色、透明度的調(diào)整邊框樣式：尺寸、弧度、樣式（直線、破折線、點狀線、雙劃線等）、顏色、旋轉(zhuǎn)陰影樣式：大小、模糊程度、顏色、方向動畫：可對圖片進行動畫設(shè)置，展現(xiàn)不同的動畫效果可對圖片進行多個動畫設(shè)置動畫方式提供多種不同選擇（可參考PPT動畫樣式）動畫時間設(shè)置、延遲動畫時間設(shè)置動畫設(shè)置提供預(yù)覽功能控件的動畫和樣式可支持后期自定義添加。評分系統(tǒng)提供評分控件供用戶添加。評分控件顏色選擇控件標(biāo)題命名評分圖標(biāo)選擇配置提交按鈕控件添加完成后可對控件進行設(shè)置。樣式：控件添加完成后可對控件進行設(shè)置基礎(chǔ)樣式：背景顏色、透明度的調(diào)整邊框樣式：尺寸、弧度、樣式（直線、破折線、點狀線、雙劃線等）、顏色、旋轉(zhuǎn)陰影樣式：大小、模糊程度、顏色、方向動畫：可對圖片進行動畫設(shè)置，展現(xiàn)不同的動畫效果可對圖片進行多個動畫設(shè)置動畫方式提供多種不同選擇（可參考PPT動畫樣式）動畫時間設(shè)置、延遲動畫時間設(shè)置動畫設(shè)置提供預(yù)覽功能控件的動畫和樣式可支持后期自定義添加。預(yù)覽對場景每頁進行設(shè)計的時候，可對場景效果進行預(yù)覽。場景保存場景所有頁面都設(shè)計完成以后，點擊保存按鈕，就完成了場景的保存工作。場景設(shè)置點擊場景保存后，需要對場景進行命名、描述等場景命名：為場景進行命名，便于用戶在自己的眾多場景里進行辨認(rèn)、也方便受眾了解場景的用途或意圖場景描述：為場景添加簡單的描述，便于受眾在瀏覽場景前就能大概了解場景的具體信息場景封面設(shè)置：場景保存后，用戶需要給場景設(shè)置獨立的封面，這樣分享給受眾的時候，受眾能夠直觀的感受到場景。正常情況下，在用戶不特地設(shè)置封面時，各場景能有默認(rèn)封面；如果有特殊需要，用戶可為場景設(shè)置封面。場景列表場景保存后，用戶可在自己的場景列表里查看自己設(shè)計的各個場景，列表以場景封面+命名的形式展現(xiàn)；用戶可對列表里的場景進行預(yù)覽、修改、發(fā)布操作。場景發(fā)布場景保存后，可對場景進行發(fā)布操作。場景發(fā)布場景發(fā)布后，可自動生成“二維碼”及“分享地址”，二維碼可進行下載操作。用戶掃描二維碼或打開分享地址，即可查看并使用場景場景發(fā)布頁面，也可進行預(yù)覽、修改操縱場景分享場景發(fā)布后，用戶可根據(jù)需要分享到微信、QQ、微博、豆瓣等公眾媒體，供大眾進行場景查看及使用，起到場景推廣目的。用戶權(quán)限設(shè)置超級管理員：負責(zé)學(xué)校用戶賬號的開通、刪除、修改可分區(qū)域查看學(xué)校開通賬號列表學(xué)校用戶：可使用翼校秀為學(xué)校制作各類宣傳場景可查看具有統(tǒng)計功能的場景的數(shù)據(jù)統(tǒng)計分析瀏覽次數(shù)統(tǒng)計（學(xué)校用戶）通過該統(tǒng)計，學(xué)校用戶能夠統(tǒng)計出各