2018年山東省高職組“HTML5交互融媒體內(nèi)容設(shè)計(jì)與制作”賽項(xiàng)任務(wù)書

第第頁共25頁第一部分競(jìng)賽須知一、競(jìng)賽要求1、按要求完成競(jìng)賽任務(wù)，正確使用計(jì)算機(jī)、手機(jī)等設(shè)備，愛惜賽場(chǎng)器材，嚴(yán)格遵守操作要求；2、競(jìng)賽過程中如有異議，可向現(xiàn)場(chǎng)監(jiān)督或裁判人員反映，不得擾亂賽場(chǎng)秩序；3、嚴(yán)格遵守賽場(chǎng)紀(jì)律，禁止任何作弊行為，尊重賽場(chǎng)工作人員，服從安排。二、職業(yè)素養(yǎng)與安全意識(shí)1、參賽選手組內(nèi)討論應(yīng)盡可能降低音量，禁止大聲喧嚷，未經(jīng)裁判允許，不得站立、走動(dòng)，保證競(jìng)賽現(xiàn)場(chǎng)秩序；2、參賽選手所有操作均應(yīng)符合安全規(guī)范，注意用電安全。三、選手須知1、紙質(zhì)任務(wù)書如出現(xiàn)缺頁、字跡不清等問題，請(qǐng)及時(shí)向裁判舉手示意并要求更換。競(jìng)賽任務(wù)中所使用的非紙質(zhì)資料都已拷貝至U盤中，請(qǐng)自行根據(jù)競(jìng)賽任務(wù)書要求使用；競(jìng)賽提供的所有資料，在競(jìng)賽結(jié)束后均不能帶離考場(chǎng)；2、參賽小組應(yīng)在規(guī)定時(shí)間內(nèi)完成任務(wù)書要求的內(nèi)容，任務(wù)完成后的作品必須按要求提交，作品未按要求提交的，則該任務(wù)不得分；3、競(jìng)賽過程中，選手認(rèn)定設(shè)備或網(wǎng)絡(luò)有故障應(yīng)及時(shí)向裁判提出，競(jìng)賽后再提出的，不予認(rèn)定。如設(shè)備或網(wǎng)絡(luò)經(jīng)測(cè)定完好，屬誤判時(shí)，設(shè)備或網(wǎng)絡(luò)的認(rèn)定時(shí)間計(jì)入競(jìng)賽時(shí)間（扣減該小組競(jìng)賽時(shí)間）；如果設(shè)備或網(wǎng)絡(luò)經(jīng)測(cè)定確有故障，則當(dāng)場(chǎng)更換設(shè)備或維修網(wǎng)絡(luò)，此過程中（設(shè)備或網(wǎng)絡(luò)測(cè)定開始到更換完成）造成的時(shí)間損失，在競(jìng)賽時(shí)間結(jié)束后，酌情對(duì)該小組進(jìn)行等量的時(shí)間延遲補(bǔ)償；4、參賽選手競(jìng)賽過程中，請(qǐng)及時(shí)保存任務(wù)中間成果。因任務(wù)中間成果未及時(shí)保存，遇設(shè)備或網(wǎng)絡(luò)故障導(dǎo)致前續(xù)工作結(jié)果丟失的，將僅對(duì)更換設(shè)備或網(wǎng)絡(luò)造成的時(shí)間損失進(jìn)行等量的時(shí)間延遲補(bǔ)償；5、競(jìng)賽過程中由于人為原因造成設(shè)備損壞，則設(shè)備不予更換，如故意損壞競(jìng)賽設(shè)備的，應(yīng)承擔(dān)相應(yīng)的賠償責(zé)任；6、競(jìng)賽過程中由于自身人為原因造成網(wǎng)絡(luò)中斷，則網(wǎng)絡(luò)修復(fù)的時(shí)間計(jì)入競(jìng)賽時(shí)間（扣減該小組競(jìng)賽時(shí)間）；7、參賽選手提交的作品內(nèi)容中不得出現(xiàn)個(gè)人、團(tuán)隊(duì)及學(xué)校等標(biāo)識(shí)信息，如有發(fā)現(xiàn)則競(jìng)賽成績(jī)記為0分；8、在裁判組宣布競(jìng)賽開始前，選手不得對(duì)任務(wù)書、競(jìng)賽設(shè)備、紙、筆進(jìn)行任何操作，在裁判組宣布競(jìng)賽結(jié)束后，參賽選手必須立即停止對(duì)計(jì)算機(jī)等競(jìng)賽設(shè)備的任何操作；9、檔案袋中提供的三張白紙不得隨意撕毀、標(biāo)記任何團(tuán)隊(duì)信息，競(jìng)賽結(jié)束后須放回檔案袋；10、在裁判組宣布競(jìng)賽結(jié)束后，參賽選手須將原檔案袋中物品放回檔案袋，其他競(jìng)賽設(shè)備放置到初始位置，并按裁判要求順序離場(chǎng)。第二部分競(jìng)賽環(huán)境簡(jiǎn)介一、競(jìng)賽環(huán)境1、硬件環(huán)境（每個(gè)參賽小組）序號(hào)設(shè)備名稱單位數(shù)量備注1手機(jī)部1去掉卡槽、帶耳機(jī)2計(jì)算機(jī)臺(tái)3帶耳機(jī)3工作臺(tái)套3桌、椅2、軟件環(huán)境軟件類型軟件名稱軟件版本說明操作系統(tǒng)Windows64位Win7HTML5內(nèi)容設(shè)計(jì)與制作軟件北測(cè)—HTML5交互融媒體內(nèi)容制作實(shí)訓(xùn)平臺(tái)2017版瀏覽器GoogleChrome瀏覽器2017版網(wǎng)絡(luò)環(huán)境基于以太網(wǎng)技術(shù)的局域網(wǎng)環(huán)境。二、注意事項(xiàng)1、競(jìng)賽開始時(shí)，參賽選手須檢查北測(cè)－HTML5交互融媒體內(nèi)容制作實(shí)訓(xùn)平臺(tái)（下稱“北測(cè)-H5平臺(tái)”）賬號(hào)登錄、使用操作是否正常，如認(rèn)定有故障應(yīng)及時(shí)向裁判提出，競(jìng)賽后再提出的，不予認(rèn)定。如經(jīng)測(cè)定正常，屬誤判時(shí)，則認(rèn)定時(shí)間計(jì)入競(jìng)賽時(shí)間（扣減該小組競(jìng)賽時(shí)間）；如果經(jīng)測(cè)定確有故障，則當(dāng)場(chǎng)修復(fù)，此過程中（測(cè)定開始到修復(fù)完成）造成的時(shí)間損失，在競(jìng)賽時(shí)間結(jié)束后，酌情對(duì)該小組進(jìn)行等量的時(shí)間延遲補(bǔ)償；2、競(jìng)賽過程中，請(qǐng)務(wù)必嚴(yán)格按照任務(wù)書要求對(duì)各競(jìng)賽設(shè)備進(jìn)行操作使用，隨意操作可能會(huì)出現(xiàn)作品不能正常制作、預(yù)覽或提交的情況；3、競(jìng)賽任務(wù)完成后，請(qǐng)務(wù)必不要關(guān)閉任何競(jìng)賽設(shè)備，不要拆卸、移動(dòng)競(jìng)賽設(shè)備的網(wǎng)絡(luò)連接，不要對(duì)文件和設(shè)備進(jìn)行加密。第三部分競(jìng)賽任務(wù)選題背景：中華好詩詞。 古往今來，圣賢先哲、仁人志士都是傳承和弘揚(yáng)中華詩詞文化的典范。2014年教師節(jié)，習(xí)近平總書記提出：我很不贊成把古代經(jīng)典詩詞和散文從課本中去掉，“去中國(guó)化”是很悲哀的。應(yīng)該把這些經(jīng)典嵌在學(xué)生腦子里，成為中華民族文化的基因。開展校園詩教，傳承詩詞文化，是時(shí)代的呼喚，是民族精神的需要，也是弘揚(yáng)社會(huì)主義核心價(jià)值觀的需要。 古詩是中華民族歷史長(zhǎng)河中一顆璀璨的明珠，它凝煉含蓄的語言，深邃的意境，倍受人們喜愛。它以簡(jiǎn)煉形象的語言生動(dòng)地描繪了一幅幅色彩明麗、動(dòng)靜相宜的畫面，創(chuàng)設(shè)了優(yōu)美的意境，讀來朗朗上口，千百年來膾炙人口的古詩在民間廣為流傳眾所周知,古詩由于時(shí)空跨度較大,與學(xué)生的現(xiàn)實(shí)生活、個(gè)人情感體驗(yàn)有一定的距離,所以很難入情入境，與詩人難以產(chǎn)生共鳴，因此古詩教學(xué)一直是小學(xué)閱讀教學(xué)的一大難點(diǎn)，再加之，語文教師對(duì)古詩教學(xué)或重視不夠，或覺得無從下手，使得古詩教學(xué)長(zhǎng)期處于停滯狀態(tài)，僅僅成了試卷上的一個(gè)得分點(diǎn)，古典詩詞是傳統(tǒng)文化的精品，是中華民族精神文化的凝結(jié)體。所以曾經(jīng)有人把中國(guó)傳統(tǒng)文化直接叫做"詩的文化"?？梢哉f，所有古典文明的精華都包容、凝結(jié)在古典詩詞作品里。然而，在西方現(xiàn)代文明影響之下，在"全球化"發(fā)展的今天，中國(guó)的古典文明正面臨著被進(jìn)一步"邊緣化"的危機(jī)。危機(jī)與希望并存，現(xiàn)實(shí)與傳統(tǒng)共在。傳承古典詩詞，弘揚(yáng)傳統(tǒng)文化是我們所有人義不容辭的責(zé)任。備注：任務(wù)一和任務(wù)二是兩個(gè)獨(dú)立的任務(wù)，特此說明！任務(wù)描述任務(wù)一：分鏡圖文腳本設(shè)計(jì)部分1.任務(wù)主題主題：“中華好詩詞”圖文腳本設(shè)計(jì)分析題目并編寫創(chuàng)意說明文檔，利用“中華好詩詞”文件夾所提供的圖片素材元素編寫完整分鏡腳本，使作品起到宣傳“賞中華詩詞、尋文化基因、品生活之美”的作用，展現(xiàn)中國(guó)傳統(tǒng)詩詞文化的淵源、絢爛、魅力。2.任務(wù)內(nèi)容根據(jù)“中華好詩詞”的背景描述，請(qǐng)以“中華好詩詞”為題，設(shè)計(jì)1個(gè)以中國(guó)傳統(tǒng)詩詞文化為主題的H5圖文腳本，且不得抄襲任務(wù)二分鏡圖文腳本相關(guān)內(nèi)容。在北測(cè)－H5平臺(tái)“腳本設(shè)計(jì)”工具內(nèi)的第一頁編寫不少于100字的創(chuàng)意說明，要求創(chuàng)意說明中至少包括“主題分析”、“詳細(xì)描述”的相關(guān)描述。。根據(jù)創(chuàng)意說明，使用U盤“賽題要求\任務(wù)一\腳本設(shè)計(jì)圖片素材\”目錄下的圖片素材，設(shè)計(jì)組合成分鏡圖文腳本，同時(shí)在分鏡腳本中用文字注明動(dòng)畫運(yùn)動(dòng)方式、移動(dòng)交互方式等內(nèi)容。3.任務(wù)要求根據(jù)主題分析和任務(wù)內(nèi)容，編寫策劃H5內(nèi)容設(shè)計(jì)文檔，設(shè)計(jì)文檔要求如下：創(chuàng)意說明要求:1）主題：必須圍繞任務(wù)一素材涉及的圖文與宣傳內(nèi)容進(jìn)行設(shè)計(jì)；2）概述：應(yīng)該闡明作品整體設(shè)計(jì)理念及其宣傳效果與用戶體驗(yàn)等；3）詳細(xì)描述：應(yīng)該包括創(chuàng)意亮點(diǎn)，動(dòng)畫、交互、邏輯等特點(diǎn)以及音效配合等；4）文字表述：清晰、簡(jiǎn)練，不能超出腳本指定的輸入框，不能出現(xiàn)錯(cuò)別字。圖文腳本設(shè)計(jì)要求：1）頁面：圖文腳本頁面應(yīng)包括加載頁、首頁、選擇題頁、結(jié)果頁，頁面數(shù)量不能少于6頁、不能超出10頁；2）頁號(hào)：頁號(hào)順序號(hào)不能標(biāo)錯(cuò)；3）文案：每頁分鏡腳本文案不能超出50個(gè)字，且表達(dá)清晰、緊扣主題、無錯(cuò)別字；4）動(dòng)畫：必須設(shè)計(jì)三種以上的動(dòng)畫類型，圖片、文案的運(yùn)動(dòng)方式描述清楚，無歧義；5）交互邏輯：邏輯關(guān)系及其實(shí)現(xiàn)方式表述完整、正確；4.任務(wù)設(shè)計(jì)根據(jù)“中華好詩詞”的背景描述、需求分析等，使用北測(cè)－H5平臺(tái)“腳本設(shè)計(jì)”工具創(chuàng)建項(xiàng)目、添加素材（U盤已提供）、調(diào)整素材、預(yù)覽作品，最終完成本任務(wù)中“中華好詩詞”任務(wù)書要求的H5圖文腳本設(shè)計(jì)項(xiàng)目，并能在電腦設(shè)備上運(yùn)行。創(chuàng)建內(nèi)容使用北測(cè)－H5平臺(tái)“腳本設(shè)計(jì)”工具創(chuàng)建內(nèi)容，另存并命名為“座位號(hào)-任務(wù)一”（需使用“腳本設(shè)計(jì)”工具自帶的格式）。添加素材按照任務(wù)要求選擇場(chǎng)景、提取文案從提供的圖片素材中添加素材，注意不要遺漏素材。調(diào)整素材對(duì)素材進(jìn)行位置、角度、大小、透明度調(diào)整操作，使其符合編寫需求。預(yù)覽與提交作品參賽選手可使用電腦設(shè)備對(duì)所設(shè)計(jì)的內(nèi)容進(jìn)行預(yù)覽、修改，完成所設(shè)計(jì)內(nèi)容后，將內(nèi)容由“管理賬號(hào)”進(jìn)行提交。任務(wù)二：H5內(nèi)容制作部分1.任務(wù)主題主題：“中華好詩詞”利用北測(cè)-H5平臺(tái)技術(shù)對(duì)中國(guó)傳統(tǒng)詩詞文化做出有力宣傳，源遠(yuǎn)流長(zhǎng)、博大精深的中華民族文化，如同耀眼的星座，光耀了悠悠五千年。其中的許多精華，被代代相傳，價(jià)值歷久而彌新，這就是我們所說的國(guó)學(xué)文化經(jīng)典。它是古老文化的智慧結(jié)晶，是中國(guó)文化和中華精神形成的基本根源，也是我們應(yīng)該生生不息傳遞的瑰寶。2.任務(wù)內(nèi)容根據(jù)提供的“中華好詩詞分鏡腳本”、“中華好詩詞H5作品”及其素材，在北測(cè)－H5平臺(tái)全真制作“中華好詩詞H5作品”所有呈現(xiàn)的內(nèi)容。手機(jī)掃描二維碼可查看“中華好詩詞H5作品”效果：打開手機(jī)照相功能對(duì)準(zhǔn)作品二維碼，點(diǎn)擊手機(jī)屏幕上顯示的“查看二維碼”進(jìn)入掃描結(jié)果界面，點(diǎn)擊訪問網(wǎng)址，選擇手機(jī)上Chrome瀏覽器即可預(yù)覽作品效果。中華好詩詞H5作品3.內(nèi)容制作需求1）分鏡圖文腳本請(qǐng)仔細(xì)分析“中華好詩詞分鏡腳本”，并注意觀察“中華好詩詞H5作品”中的場(chǎng)景、所有素材及交互。“中華好詩詞分鏡腳本”截圖在U盤“賽題要求\任務(wù)二\截圖\”目錄下已提供，分鏡圖文腳本是部分內(nèi)容提示，并非全部?jī)?nèi)容提示，完整的內(nèi)容請(qǐng)參考“中華好詩詞H5作品”，參賽選手需要完成H5作品中所有呈現(xiàn)的內(nèi)容，分鏡圖文腳本詳細(xì)內(nèi)容如下：備注：頁號(hào)描述如：1、2、3……為頁號(hào)；1-1、1-2、1-3……為第1個(gè)頁面的第1個(gè)場(chǎng)景、第2個(gè)場(chǎng)景、第3個(gè)場(chǎng)景……頁號(hào)畫面描述1畫面情節(jié)1.本頁作為加載頁面，即第1個(gè)頁面；2.“詩詞大會(huì)”文字為主要畫面。文案無動(dòng)畫描述1.云彩氣泡在人物右上方由小極大循環(huán)播放；2.桃花花瓣徐徐下落（循環(huán)播放）；3.“詩詞大會(huì)”四個(gè)字依次出現(xiàn)。交互與邏輯動(dòng)畫定格的同時(shí)自動(dòng)跳轉(zhuǎn)到第2頁音樂與音效無頁面切換緩入頁號(hào)畫面描述2-1畫面情節(jié)1.本頁作為首頁畫面，即第2個(gè)頁面；2.使用小游戲的交互形式，將畫面切換到下一個(gè)頁面。文案無動(dòng)畫描述桃花花瓣徐徐下落消失（循環(huán)動(dòng)畫）；小鳥在樹枝上上下晃動(dòng)（循環(huán)動(dòng)畫）；問號(hào)“詩”圖案沿問號(hào)形狀軌跡運(yùn)動(dòng)（循環(huán)動(dòng)畫）；水墨元素緩慢出現(xiàn)。交互與邏輯手指按提示軌跡，將“詩”圖案拖動(dòng)完成軌跡，自動(dòng)切換至第二個(gè)畫面音樂與音效開始播放背景音樂，并且音樂圖標(biāo)顯示在畫面的右上角頁面切換出現(xiàn)頁號(hào)畫面描述2-2畫面情節(jié)1.本頁作為“菜單欄”頁面；2.以人物依次出現(xiàn)的動(dòng)畫展示菜單欄。文案無動(dòng)畫描述1.桃花花瓣徐徐下落消失（循環(huán)動(dòng)畫）；2.小鳥在樹枝上上下晃動(dòng)（循環(huán)動(dòng)畫）；3.人物依次出現(xiàn)，出現(xiàn)方式不同；4.“點(diǎn)擊下面彈窗”緩緩出現(xiàn)；5.菜單最后緩慢出現(xiàn)。交互與邏輯四個(gè)標(biāo)題分別對(duì)應(yīng)此后四個(gè)頁面，點(diǎn)擊標(biāo)題跳轉(zhuǎn)到相應(yīng)的頁音樂與音效繼續(xù)播放背景音樂頁面切換平移（手動(dòng)滑動(dòng)）、出現(xiàn)（點(diǎn)擊標(biāo)題）

頁號(hào)畫面描述3-1畫面情節(jié)1.本頁作為“看詩史”頁面，即第3個(gè)頁面；2.主要展示詩詞歷史上三個(gè)重要的時(shí)代。文案{春秋、戰(zhàn)國(guó)時(shí)期}；中國(guó)古典詩歌最早起源于民歌，勞動(dòng)創(chuàng)造了詩歌；{魏晉南北朝｝；詩人和他在楚歌的基礎(chǔ)上創(chuàng)制的詩體，這就是屈原和楚辭；｛唐宋時(shí)期｝；唐詩是我國(guó)古代詩歌的最高峰。李白、杜甫分別代表了我國(guó)古典詩歌中浪漫主義和現(xiàn)實(shí)主義的最高成就，被譽(yù)為唐詩的“雙子星座”；返回。動(dòng)畫描述長(zhǎng)圖自動(dòng)向左緩慢移動(dòng)；鳥延軌跡飛翔直至消失；進(jìn)入頁面出現(xiàn)左右滑動(dòng)提示，循環(huán)播放兩次之后緩慢消失；描述詩史的三個(gè)模塊依次出現(xiàn)，由春秋戰(zhàn)國(guó)至魏晉南北再到唐詩，船在空中左右微弱晃動(dòng)；白云緩慢移動(dòng)，中間部分兩座山由下到上出現(xiàn)。交互與邏輯1.點(diǎn)擊三個(gè)模塊都可以進(jìn)入詩史視頻介紹界面；2.點(diǎn)擊“返回”即可返回第二頁，即菜單欄（不重新播放，即直接進(jìn)入人物出現(xiàn)動(dòng)畫）；3長(zhǎng)圖自動(dòng)播放的同時(shí)，可左右拖動(dòng)觀看，拖動(dòng)結(jié)束之后，繼續(xù)自動(dòng)播放。音樂與音效繼續(xù)播放背景音樂頁面切換禁止翻頁頁號(hào)畫面描述3-2畫面情節(jié)1.本頁作為“詩史視頻播放”頁面，即第3個(gè)頁面第二個(gè)場(chǎng)景；2.播放視頻來介紹詩的歷史，并伴有文字介紹。文案詩詞；詩詞源遠(yuǎn)流長(zhǎng)，是闡述心靈的文學(xué)藝術(shù)，用用凝練的語言、綿密的章法、充沛的情感以及豐富的意象來高度集中地表現(xiàn)社會(huì)生活和人類精神世界；3.返回。動(dòng)畫描述無交互與邏輯1.點(diǎn)擊下方“返回”按鈕，即可返回第三頁長(zhǎng)圖拖動(dòng)頁，繼續(xù)向左移動(dòng)；2.點(diǎn)擊左上角“返回”，即可返回第二頁菜單欄（不重新播放，即直接進(jìn)入人物出現(xiàn)動(dòng)畫）；3.點(diǎn)擊視頻可切換視頻播放、暫停狀態(tài)。音樂與音效播放視頻的同時(shí)背景音樂暫停。頁面切換出現(xiàn)頁號(hào)畫面描述4畫面情節(jié)1.本頁作為“賞名詩”頁第一個(gè)畫面，即第四個(gè)頁面；2.通過滑動(dòng)，來觀看三首詩。文案返回動(dòng)畫描述1.手指左右滑動(dòng)，提示動(dòng)畫；2.實(shí)現(xiàn)翻頁查看的效果。交互與邏輯1.點(diǎn)擊“返回”即可返回第二頁，即菜單欄（不重新播放，即直接進(jìn)入人物出現(xiàn)動(dòng)畫）；2.左右滑動(dòng)可以查看其他圖片。音樂與音效繼續(xù)播放背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述5-1畫面情節(jié)本頁作為“去答詩”頁第一個(gè)畫面，即第五個(gè)頁面文案1.會(huì)當(dāng)凌絕頂一覽眾山小；2.返回。動(dòng)畫描述右側(cè)兩句詩依次浮入，兩個(gè)按鈕依次移入，“詩詞大會(huì)”上浮進(jìn)入交互與邏輯1.點(diǎn)擊“看規(guī)則”按鈕即可進(jìn)入規(guī)則演示畫面；2.點(diǎn)擊“去答詩”按鈕即可進(jìn)入答題畫面；3.點(diǎn)擊“返回”即可返回第二頁，即菜單欄（不重新播放，即直接進(jìn)入人物出現(xiàn)動(dòng)畫）。音樂與音效繼續(xù)播放背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述5-2畫面情節(jié)1.本頁作為“去答詩”頁面第二個(gè)畫面，即規(guī)則畫面；2.以循環(huán)動(dòng)畫展示如何答題。文案返回動(dòng)畫描述循環(huán)播放“把酒問青天”移入明月幾時(shí)有之后的橫線上（稍作停留）；“我知道了”按鈕在動(dòng)畫播放一次之后緩慢出現(xiàn)。交互與邏輯點(diǎn)擊“我知道了”按鈕之后進(jìn)入答題畫面；點(diǎn)擊“返回”即可返回第二頁，即菜單欄（不重新播放，即直接進(jìn)入人物出現(xiàn)動(dòng)畫）。音樂與音效繼續(xù)播放背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述5-3畫面情節(jié)1.本頁作為“去答詩”第三個(gè)畫面，即答題畫面；2.通過拖拽的方法將正確答案放到指定位置。文案返回動(dòng)畫描述無交互與邏輯1.拖動(dòng)詩詞放入指定位置，“下一題”按鈕出現(xiàn)，點(diǎn)擊“下一題”進(jìn)入下一個(gè)答題畫面；2.在最后一題，拖動(dòng)詩詞放入指定位置，點(diǎn)擊去看分?jǐn)?shù)，進(jìn)入最終結(jié)果展示頁；3.點(diǎn)擊“返回”即可返回第二頁，即菜單欄（不重新播放，即直接進(jìn)入人物出現(xiàn)動(dòng)畫）。音樂與音效繼續(xù)播放背景音樂頁面切換緩入頁號(hào)畫面描述5-3畫面情節(jié)1.本頁作為“去答詩”第三個(gè)畫面，即第一道答詩題；2.通過拖拽的方法將正確答案放到指定位置。文案返回動(dòng)畫描述無交互與邏輯1.拖動(dòng)詩詞放入指定位置，“下一題”按鈕出現(xiàn)，點(diǎn)擊“下一題”進(jìn)入下一個(gè)答題畫面；2.點(diǎn)擊“返回”即可返回第二頁，即菜單欄（不重新播放，即直接進(jìn)入人物出現(xiàn)動(dòng)畫）。音樂與音效繼續(xù)播放背景音樂頁面切換緩入頁號(hào)畫面描述5-4畫面情節(jié)1.本頁作為“去答詩”第四個(gè)畫面，即第二道答詩題；2.通過拖拽的方法將正確答案放到指定位置。文案返回動(dòng)畫描述無交互與邏輯1.拖動(dòng)詩詞放入指定位置，“下一題”按鈕出現(xiàn)，點(diǎn)擊“下一題”進(jìn)入下一個(gè)答題畫面；2.點(diǎn)擊“返回”即可返回第二頁，即菜單欄（不重新播放，即直接進(jìn)入人物出現(xiàn)動(dòng)畫）。音樂與音效繼續(xù)播放背景音樂頁面切換緩入頁號(hào)畫面描述5-5畫面情節(jié)1.本頁作為“去答詩”第五個(gè)畫面，即第三道答詩題；2.通過拖拽的方法將正確答案放到指定位置。文案返回動(dòng)畫描述無交互與邏輯1.拖動(dòng)詩詞放入指定位置，“查看分?jǐn)?shù)”按鈕出現(xiàn)，點(diǎn)擊“查看分?jǐn)?shù)”進(jìn)入分?jǐn)?shù)展示畫面；2.點(diǎn)擊“返回”即可返回第二頁，即菜單欄（不重新播放，即直接進(jìn)入人物出現(xiàn)動(dòng)畫）。音樂與音效繼續(xù)播放背景音樂頁面切換緩入頁號(hào)畫面描述5-6畫面情節(jié)1.本頁作為“去答詩”頁的第六個(gè)畫面，即分?jǐn)?shù)展示界面；2.本頁通過“5-5”答題結(jié)束判斷用戶得分并展示結(jié)果。文案1.共得XX分；2.莫等閑、白了少年頭，空悲切??；3.長(zhǎng)風(fēng)破浪會(huì)有時(shí),只掛云帆濟(jì)滄海。；4.莫大意，須知“山外青山樓外樓,強(qiáng)中自有強(qiáng)中手”；5.返回。動(dòng)畫描述中間分?jǐn)?shù)緩慢出現(xiàn)，之后評(píng)價(jià)語上浮出現(xiàn)交互與邏輯1.通過5-5答題結(jié)束，將分?jǐn)?shù)控制在三個(gè)分?jǐn)?shù)段：<70、=70、=100；2.長(zhǎng)河落日?qǐng)A、舉頭望明月、但聞人語響，為正確答案，分值分別為30、40、30；3.分值<70出現(xiàn)文本“莫等閑、白了少年頭，空悲切！”，=70出現(xiàn)文本“長(zhǎng)風(fēng)破浪會(huì)有時(shí),只掛云帆濟(jì)滄海。”，=100出現(xiàn)文本“莫大意，須知“山外青山樓外樓,強(qiáng)中自有強(qiáng)中手”；4.點(diǎn)擊“返回”即可返回第二頁，即菜單欄（不重新播放，即直接進(jìn)入人物出現(xiàn)動(dòng)畫）。音樂與音效繼續(xù)播放背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述6畫面情節(jié)1.本頁作為“去聽詩”頁的第一個(gè)畫面，即第六個(gè)頁面；2.本頁通過模擬音樂播放器來實(shí)現(xiàn)聽詩。文案卜算子·詠梅；陸游；詠蘭詩；斯蘭；詠菊詩；李紅；詠竹詩；方志敏。動(dòng)畫描述1.圓圈內(nèi)圖片，360°循環(huán)旋轉(zhuǎn)；2.進(jìn)度條跟隨音樂進(jìn)度逐漸變長(zhǎng)；3.豎線（操作桿）跟隨音樂進(jìn)度逐漸向右移動(dòng)；4.手指提示左右滑動(dòng)并循環(huán)運(yùn)動(dòng)。交互與邏輯1.在聽詩第一個(gè)界面向左滑動(dòng)即可進(jìn)入第二個(gè)界面，同時(shí)播放第二首詩歌；2.點(diǎn)擊向左向右按鈕即可切換前一首后一首；3.點(diǎn)擊中間暫停按鈕可以切換音樂播放狀態(tài)，圖標(biāo)也會(huì)發(fā)生改變，音樂暫停狀態(tài)下，中間圖片停止旋轉(zhuǎn)，播放音樂之后繼續(xù)旋轉(zhuǎn)；4.滑動(dòng)操作桿可以調(diào)整音樂播放進(jìn)度；5.點(diǎn)擊“返回”即可返回第二頁，即菜單欄（不重新播放，即直接進(jìn)入人物出現(xiàn)動(dòng)畫）。音樂與音效1.暫停背景音樂；2.切換到對(duì)應(yīng)的畫面分別播放聲音詠梅、詠蘭、詠菊、詠竹。頁面切換出現(xiàn)2018年湖南省高職院?！癏TML5交互融媒體內(nèi)容設(shè)計(jì)與制作”賽項(xiàng)任務(wù)書22/232）H5內(nèi)容制作要求嚴(yán)格按照“中華好詩詞H5作品”預(yù)覽效果及腳本，制作一個(gè)H5內(nèi)容，要求如下：頁數(shù)一致畫面、內(nèi)容及排版一致；動(dòng)畫