第47屆世界技能大賽江蘇省選拔賽網(wǎng)站設(shè)計與開發(fā)項目技術(shù)工作文件

第47屆世界技能大賽江蘇省選拔賽網(wǎng)站設(shè)計與開發(fā)項目技術(shù)工作文件第47屆世賽江蘇省選拔賽組委會技術(shù)工作組2022年7月目錄一、技術(shù)描述 32（一）項目概要 32（二）基本知識與能力要求 33二、試題與評判標(biāo)準(zhǔn) 34（一）試題（樣題） 34（二）試題具體內(nèi)容 34（三）評判標(biāo)準(zhǔn) 35三、競賽細(xì)則 36四、競賽場地、設(shè)施設(shè)備等安排 37（一）賽場規(guī)格要求 37（二）場地布局要求 38（三）基礎(chǔ)設(shè)施清單 38五、安全、健康要求 38（一）賽場人員安全要求 38（二）場地設(shè)備安全要求

39（三）疫情防控要求 40一、技術(shù)描述（一）項目概要網(wǎng)站設(shè)計與開發(fā)項目指根據(jù)項目需求設(shè)計制作站點，實現(xiàn)能在各種終端上使用的頁面、交互效果以及后端功能（或游戲）的競賽項目。選手不但要能熟練使用圖形設(shè)計工具制作設(shè)計稿，熟練運用HTML5及CSS3，按設(shè)計稿實現(xiàn)頁面，完成各種前端交互效果，還應(yīng)能獨立使用Javascript制作前端應(yīng)用，例如：前端游戲、前端管理工具、前端交互性展示以及完成后端應(yīng)用功能的開發(fā)等。此外，選手應(yīng)能處理好代碼編寫過程中發(fā)生的異常，最終的作品也需要妥善處理常用瀏覽器以及軟硬件之間的兼容性。在實際工作中，網(wǎng)頁設(shè)計者要能理解網(wǎng)頁制作的技術(shù)和藝術(shù)價值。技術(shù)的運用是為了實現(xiàn)功能，幫助網(wǎng)站經(jīng)營者更好更高效地工作（自動化）。網(wǎng)站的顏色、字體、圖形以及布局則需要富有創(chuàng)意。用戶界面要確保具有良好的可用性。網(wǎng)站制作者也必須理解項目工作、內(nèi)容制作和網(wǎng)站管理的基礎(chǔ)知識。（二）基本知識與能力要求本競賽是對網(wǎng)站設(shè)計與開發(fā)技能的展示和評估。主要測試各網(wǎng)站設(shè)計與實施技能在操作層面的能力。參賽選手要按照賽題中規(guī)定的標(biāo)準(zhǔn)（或要求）展示其網(wǎng)站設(shè)計及開發(fā)技能。參賽選手必須掌握本項目的理論知識，但是在本次競賽中理論知識不單獨列為考核項目。本次競賽選手應(yīng)具備的能力如下：部分類別1頁面重構(gòu)個人需要知道和理解：萬維網(wǎng)聯(lián)盟（W3C）的HTML和CSS標(biāo)準(zhǔn)定位和布局方法可用性和交互設(shè)計瀏覽器兼容性如何在需要的地方嵌入集成動畫、音頻和視頻理論個人應(yīng)能夠：創(chuàng)建符合并能通過W3C標(biāo)準(zhǔn)驗證的代碼（HTML5,CSS3）為各種設(shè)備和屏幕分辨率創(chuàng)建可訪問和可用的網(wǎng)站使用CSS或其他外部文件修改網(wǎng)站的外觀使用CSS預(yù)處理/后處理器使用CSS開發(fā)動畫和與用戶界面的交互實操2前端開發(fā)個人需要知道和理解：JavaScript如何使用JavaScript來集成庫、框架和其他系統(tǒng)或功能使用JavaScript前置/后置處理器和任務(wù)運行工作流理論個人應(yīng)能夠：創(chuàng)建網(wǎng)站的動畫和交互功能，幫助解釋頁面內(nèi)容和增加視覺吸引力創(chuàng)建和更新JavaScript代碼，增強網(wǎng)站功能性，可用性和美觀使用JavaScript來操作數(shù)據(jù)和自定義媒體創(chuàng)建模塊化和可重用的JavaScript代碼使用JavaScript操作圖形元素實操3后端開發(fā)個人需要知道和理解：面向?qū)ο蟮腜HP如何使用MySQL來設(shè)計和實現(xiàn)數(shù)據(jù)庫FTP服務(wù)器與客戶端的關(guān)聯(lián)以及軟件包如何管理服務(wù)器和客戶端系統(tǒng)之間的數(shù)據(jù)交換軟件設(shè)計模式（如.MVC）網(wǎng)頁應(yīng)用程序的安全性理論個人應(yīng)能夠：使用編程技能來操作數(shù)據(jù)，包括本地儲存、數(shù)據(jù)庫和前后端通訊創(chuàng)建或維護數(shù)據(jù)庫以支持系統(tǒng)需求創(chuàng)建易讀、可維護、可重用的后端代碼模塊實操二、試題與評判標(biāo)準(zhǔn)（一）試題（樣題）本次比賽共二個模塊，在一天內(nèi)完成，分別針對頁面重構(gòu)、前端功能開發(fā)和后端編碼及數(shù)據(jù)庫等技術(shù)進(jìn)行考核。模塊編號模塊名稱競賽時間min分?jǐn)?shù)評價分測量分合計A前端開發(fā)150153550B后端開發(fā)120104050總計2702575100（二）試題具體內(nèi)容模塊A：選手將使用提供的有限素材，按照賽題要求使用JavaScript、JQuery等技術(shù)進(jìn)行一款射擊類游戲的制作。完成所有游戲界面的重構(gòu)，且游戲邏輯能夠按照賽題的要求制作完成。所有功能均使用前端腳本技術(shù)完成，游戲排行和其他部分?jǐn)?shù)據(jù)由本地存儲保存。模塊B：客戶想在他的網(wǎng)站上建立一個簡單的在線游戲。選手將獲得前端模板和素材，需要在服務(wù)器端上使用純手工生成的php代碼，將游戲邏輯和功能集成到前端模板上。使用恰當(dāng)?shù)那昂蠖送ㄓ嵓夹g(shù)并將游戲數(shù)據(jù)保存到數(shù)據(jù)庫中。（三）評判標(biāo)準(zhǔn)1.評分規(guī)則：本項目采用事后結(jié)果評分，不設(shè)競速分，當(dāng)天下午完成上午競賽部分的評分，下午競賽部分評分在當(dāng)天晚上進(jìn)行，當(dāng)日必須完成所有模塊評分和統(tǒng)分工作。選手的最終完成作品直接保存在比賽機本地服務(wù)器規(guī)定文件夾中，完成一個模塊后需更換到另一組工位繼續(xù)下一個模塊。評分時由裁判在選手機上直接經(jīng)行操作和打分。由評分裁判復(fù)核后交登分員錄入系統(tǒng)，再根據(jù)系統(tǒng)操作流程進(jìn)行二次復(fù)核，匯總分?jǐn)?shù)由所有裁判簽字確認(rèn)，最終匯總結(jié)果由全體裁判簽字確認(rèn)。如遇到總分相同情況，則根據(jù)B模塊得分高低進(jìn)行認(rèn)定。2.評價分：評價分（Judgement）打分方式：3名裁判為一組，各自單獨評分，計算出平均權(quán)重分，除以3后再乘以該子項的分值計算出實際得分。裁判相互間分差必須小于等于1分，否則需要給出確切理由并在小組長或裁判長的監(jiān)督下進(jìn)行調(diào)分。權(quán)重表如下：權(quán)重分值要求描述0分各方面均低于行業(yè)標(biāo)準(zhǔn)，包括“未做嘗試”1分達(dá)到行業(yè)標(biāo)準(zhǔn)2分達(dá)到行業(yè)標(biāo)準(zhǔn)，且某些方面超過標(biāo)準(zhǔn)3分達(dá)到行業(yè)期待的優(yōu)秀水平例如：權(quán)重分值要求描述0分更改現(xiàn)有CSS代碼極度困難，CSS代碼沒有組織結(jié)構(gòu)。HTML沒有格式化1分更改現(xiàn)有CSS代碼較為困難，較難以定位需要的內(nèi)容。HTML有基本格式2分更改現(xiàn)有CSS代碼比較容易，很方便就能定位需要的內(nèi)容。HTML格式良好3分在2分基礎(chǔ)上，CSS還應(yīng)用了一定的代碼分組技術(shù)并至少包含5條以上有用的注釋3.測量分：測量分（Measurement）打分方式：按模塊設(shè)置若干個評分組，每組由3名及以上裁判構(gòu)成。每個組所有裁判一起商議，在對該選手在該項中的實際得分達(dá)成一致后最終只給出一個分值。測量分評分準(zhǔn)則樣例表：類型示例最高分值正確分值不正確分值滿分或零分網(wǎng)站地圖動態(tài)鏈接至菜單0.500.500從滿分中扣除CSS代碼能通過驗證（每種錯誤扣0.5分）2.002.000～1.5從零分開始加CSS代碼有注釋(0.5分)XHTML代碼有注釋(0.5分)1.01.00～0.5三、競賽細(xì)則選手應(yīng)遵守比賽相關(guān)規(guī)則，服從裁判長的賽事管理。此外，還應(yīng)遵守以下特別規(guī)定：1. 存在以下情況者，裁判長有權(quán)取消該模塊成績：a) 在提交的作品中帶有選派單位、選手個人或相關(guān)組織機構(gòu)的標(biāo)記b) 攜帶任何有記錄內(nèi)容的紙張等用品到工位上c) 競賽時間截止時不聽從裁判結(jié)束比賽口令，繼續(xù)操作電腦2. 存在以下情況者，裁判長有權(quán)取消該選手比賽成績：a) 考生在比賽過程中將禁止使用的設(shè)備帶到工位上b) 在比賽中存在有違誠信道德的事件，經(jīng)當(dāng)值裁判記錄并提交裁判長確認(rèn)3. 如果發(fā)生非本人因素引起的軟硬件故障且無法立即解決的，裁判將予以記錄并根據(jù)處理所花費的時間給予補時。4. 如選手在比賽中存在技術(shù)問題的爭議，以本技術(shù)說明與賽題規(guī)定為準(zhǔn)，文件中未涉及的情況由裁判組決定。四、競賽場地、設(shè)施設(shè)備等安排（一）賽場規(guī)格要求每一個名選手均配備以下設(shè)備（套）序號設(shè)備名稱型號單位數(shù)量1開發(fā)用主機臺式臺12顯示器FullHD臺13鍵盤美式個14鼠標(biāo)三鍵光電個1選手比賽用主機配置：硬件型號參數(shù)CPUIntelCorei52.5GHz以上內(nèi)存DDR48GB硬盤SATAHDD提供不少于50GB的可用臨時硬盤空間選手主機與本地服務(wù)器相連，不連接英特網(wǎng)，并按照下表標(biāo)準(zhǔn)安裝相關(guān)軟件：附表：臺式機軟件環(huán)境類別名稱版本備注操作系統(tǒng)Windows10Windows10

開發(fā)工具AdobePhotoshopCC2019orupper

AdobeIllustratorCC2019orupper

AdobeXDCC2019orupper

XAMPP7.2orupper

瀏覽器MicrosoftEdge44orupper

FirefoxDeveloperEditionV75orupper

ChromeV80orupper

輔助軟件MSOffice2016orupper

7-Zip19.00(x64)orupper

Filezilla3.5orupper

Editplus5.0orupper

PHPStorm2019orupper

Sublime3.2.2

WinRAR

前端框架jQuery3.5orupper

（二）場地布局要求提供規(guī)格（長度、寬度）清晰的布局圖。例如：1. 選手操作臺臺面尺寸為1米*0.6米以上2.選手座位空間不小于3平方米3.場地總面積不小于100平方米，兩場考試設(shè)備間距5米以上4.選手工位數(shù)量20個以上（備4工位）5.評分機6臺以上（三）基礎(chǔ)設(shè)施清單賽場提供統(tǒng)一的標(biāo)準(zhǔn)美式鍵盤和3鍵光電鼠標(biāo)，選手無需自帶設(shè)備工具。（一）賽場人員安全要求現(xiàn)場裁判、選手、工作人員在競賽期間應(yīng)該遵守組委會和執(zhí)委會的安全規(guī)定和要求。參賽選手進(jìn)入競賽場地后，須聽從并尊重裁判人員的管理，文明參賽。參賽選手必須在確保人身安全和設(shè)備安全的前提下開始競賽，發(fā)現(xiàn)或發(fā)生有關(guān)安全問題，應(yīng)立即向裁判報告。嚴(yán)格注意賽場用電安全，非賽場管理人員未經(jīng)允許，不能隨意拉接電源以及拔插設(shè)備。

如選手發(fā)生緊急的身體狀況，由賽場管理人員進(jìn)行緊急處理。除非有集體性意外事件，否則本次比賽沒有補時和重賽。（二）場地設(shè)備安全要求

場地設(shè)備安全要求包括設(shè)施設(shè)備安全操作要求、賽場消防安全要求、安全標(biāo)識張貼要求、設(shè)備安全操作規(guī)程。1．設(shè)施設(shè)備安全操作要求（1）禁止選手及所有參加賽事的人員攜帶任何有毒有害物品進(jìn)入競賽現(xiàn)場。（2）承辦單位應(yīng)設(shè)置專門的安全防衛(wèi)組，負(fù)責(zé)競賽期間健康和安全事務(wù)。主要包括檢查競賽場地、與會人員居住地、車輛交通及其周圍環(huán)境的安全防衛(wèi)；制定緊急應(yīng)對方案；監(jiān)督與會人員食品安全與衛(wèi)生；分析和處理安全突發(fā)事件等工作。（3）賽場須配備相應(yīng)醫(yī)療人員和急救人員，并備有相應(yīng)急救設(shè)施。2．賽場消防安全要求（1）消防設(shè)施、器材和消防安全標(biāo)志全都在位且功能完整。（2）消防安全重點部位人員正常在崗工作。3．安全標(biāo)識張貼要求安全出口、疏散通道保證暢通，安全疏散指示標(biāo)志、應(yīng)急照明完好無損，競賽場地安全疏散通道禁止被占用。（三）疫情防控要求根據(jù)國家及當(dāng)?shù)匾咔榉揽氐南嚓P(guān)規(guī)定，做好賽前集中技術(shù)工