移動應用開發賽項競賽試題

（03卷）*4*

ChinaSkills競賽說明一、競賽安排賽卷分模塊A、模塊B、模塊C、模塊D四個部分。模塊編號模塊名稱競賽時間分數備注A需求分析3小時16分第一天上午B初步設計3小時16分第一天下午C功能模塊開發6小時50分第二天全天D測試與交付3小時18分第三天上午合計100分二、競賽主題本賽項面向產業主流技術，對接國際標準，旨在通過融合世界技能大賽的技術標準和規則要求，引領和促進教學改革，提升職業教育的國際化水平；通過完成一個完整的工作過程，使參賽選手、裁判、教師等相關人員，熟悉并掌握世界技能大賽的技術規范和技術標準,檢驗教學質量，達到''以賽促教”“以賽促學"''以賽促改”“以賽促建”的目的。本賽項以智慧城市為背景，重點考查參賽選手在移動應用開發實際工程項目中的綜合分析能力、架構設計能力、編碼能力、文檔編寫能力、數據分析能力、創意創新能力、產品測試和交付能力；展現移動應用開發專業學生技能與風采，使教師和學生更全面的了解崗位需求，提升移動應用開發專業人才培養質量和就業質量。同時培養選手的溝通與交流能力、抗壓能力、6s規范等職業素質；激發學生的求知欲和教師的愛崗敬業的工匠精神，帶動廣大青年學生鉆研技術、苦練技能、走技能成才之路。三、成果物管理平臺移動應用開發賽項提供的成果管理平臺，選手根據分配的賬號登錄系統，把A、B、C、D四個模塊的任務要求提交對應的成果物，裁判基于平臺下載對應選手競賽成果物，進行評判。.用戶登錄圖1成果物管理平臺登錄界面輸入預先發放給參賽選手的賬號和密碼登錄成果物管理平臺，登錄界面見圖1,每個模塊比賽結束后系統進入鎖定狀態，選手無法登錄。.模塊成果物上傳評分系統ooCMW?評分系統ooCMW?KTB4.emmlaawu*1)anwaow(■ffiM)gJWHtMWW??a*?mmm*mMM(W■)?*?exx圖2成果物管理平臺后臺管理界面參賽選手在比賽結束前可以自愿修改重新上傳成果物，比賽結束后系統自動鎖定。參賽選手成果物提交情況將實時同步比賽現場大屏幕。四、競賽注意事項提交的文檔、原型、代碼、App等資源內容中不能填寫與選手相關的信息，如賽位號、姓名和院校。如出現上述標記，本模塊成績按照零分處理。第一天上午模塊A：需求分析一、競賽任務此模塊競賽時間為3小時，分數為16分。（-）競賽主題描述智慧城市智慧養老智慧黨建智慧環保智慧社區精準扶貧智慧服務便民服務等預約養老

等黨建動態

等資源回收

等物業服務

等村情村貌

等時代楷模英雄故事等智慧養老智慧黨建智慧環保智慧社區精準扶貧智慧服務便民服務等預約養老

等黨建動態

等資源回收

等物業服務

等村情村貌

等時代楷模英雄故事等圖1智慧城市系統架構本次競賽任務，以需求分析為目標，以智慧城市為背景，通過限選主題和固定主題（便民服務）結合的形式，對需求進行理解、分析，并最終以提供的需求分析說明書為模板，編寫一份完整的需求規格說明書。編寫需求規格說明書是為了詳細呈現智慧城市移動App產品需求和系統的功能描述，以進一步定制移動App開發的細節問題，便于與項目開發協調工作，希望能使本軟件開發工作更明確、更具體。（二）功能概述本次競賽分為兩部分任務：第一個任務，按照選定的一個主題方向，進行需求的自定義梳理與規劃，依據給定的需求規格說明書（模板），進行需求規格的逐一描述，編制對應業務流程圖/活動圖、原型草圖、用例圖、類圖、時序圖和對應模塊概要設計。第二個任務，依據給定便民服務主題的需求說明，進行需求分析設計，結合功能需求編制對應業務流程圖/活動圖、原型草圖、類圖、時序圖和對應模塊概要設計。（三）基本要求使用平臺一一模塊A：需求分析一一資源下載一一《需求規格說明書（模板）》進行需求分析文檔編制。二、任務：限選主題分析設計（4分）（-）主題背景如今，城市化進程越來越快，社會發展形態也發生改變，因此，我國提出了創造智慧城市、提高城市管理水平以及提供多元化城市服務的發展戰略。在此背景下人們利用各種先進信息技術，有效整合城市各項配套系統和功能模塊，進一步促進城市朝工業化、信息化、城鎮化方向發展。目前，城市環境保護工作有序開展，但仍然存在環境控制力度不足、污染加劇等諸多問題。所以，本文深入分析了智慧城市背景下的智慧環保體系問題，并提出了合理的智慧環保體系建設策略。在這一背景下，基于各項信息技術將城市各項配套系統與功能模塊進行高度整合、推動了城市信息化、工業化與城鎮化的深度融合。但在城市環境保護層面上仍舊存在污染惡化程度不斷加劇、環境控制力度不足等問題。因此，提出智慧環保系統的功能建設，主要包括以下功能模塊。.環境首頁：展示環境宣傳，快捷功能通道。.垃圾物品展示：讓用戶了解哪些垃圾是屬于可回收垃圾，以便到垃圾回收更好選擇回收類型。.預約上門回收垃圾：選擇需要回收垃圾種類，讓工作人員了解需求。.預約回收垃圾歷史：查詢已經預約過的回收歷史。.信息預留：預約上門信息填寫，讓工作人員上門服務。.附近回收機：查看回收物品的種類、價格。（二）任務要求.基于智慧城市系統架構，以智慧環保為背景，規劃整理智慧環保App需求，設計App功能架構體系圖，并做說明。.在功能架構體系中至少規劃設計6個功能，并編制每個功能模塊對應業務流程圖/活動圖、原型草圖、用例圖、類圖、時序圖和對應模塊概要設計。三、任務：固定主題分析設計（12分）（-）主題背景智慧城市是一個比較大的系統工程，涉及領域眾多，但在終極目標上簡單明確，那就是服務民眾，讓民眾的城市生活更美好。在便民惠民服務中，可以看到醫療、教育、金融、交通等領域成為熱門。搭建智慧城市的便民服務平臺不僅要利用最先進的互聯網線上手段，做好線上渠道，還要利用好傳統的線下渠道，實現多渠道、廣覆蓋。如今提到一站式的服務平臺，首先想到的就是各種移動客戶端,利用線上線下更好的服務大眾。便民服務平臺作為智慧城市在產品層面的一個重要體現，成為一個大眾參與的產品是其發展趨勢和出路。（二）任務要求基于給定便民服務的新聞、門診預約、個人中心等5個功能需求描述，撰寫流程圖/活動圖、用例圖、類圖、時序圖等概要設計。任務1：主頁面功能模塊描述（2分）智慧城市App啟動后，進入主頁面。任務說明：.主頁顯示搜索輸入框，輸入搜索內容后，點擊軟鍵盤“搜索”按鈕，跳轉至搜索結果相關新聞資訊列表頁面。.顯示輪播圖，點擊輪播圖跳轉至對應頁面。.顯示智慧城市各領域推薦應用服務入口，以圖標和名稱為單元宮格方式顯示，手機端每行顯示5個，按照優先級從高到低排序（數值越大優先級越高），共兩行，第2行最后一個顯示“更多服務”，點擊“更多服務”進入對應頁面。每個領域應用入口布局顯示為圓形圖標，圖標下為名稱，點擊圖標可進入對應的領域應用頁面。.顯示熱門主題模塊，手機端每行顯示2個熱門主題，每個主題入口布局為圓角（20dp）矩形圖標，圖標下為標題名稱，多出的標題名稱用省略號顯示，點擊“熱門主題”進入到對應的主題頁面。.顯示新聞專欄，上方標簽頁方式顯示新聞類別，下方顯示新聞列表，列表項包括圖片、新聞標題、新聞內容縮寫（多出的字用省略號顯示）、評論總數、發布時間等信息。.顯示底部導航欄，采用圖標加文字方式顯示，圖標在上，文字在下，共四個圖標分別為首頁、全部服務、新聞、個人中心，點擊標簽進入對應頁面，并顏色標記當前頁面所在導航欄。任務2：個人中心功能模塊描述（2分）在智慧城市App中，點擊底部導航“個人中心”圖標信息，進入個人中心頁面。任務說明：.首先進入個人中心頁面，個人中心頁面顯示用戶頭像、賬戶、個人信息頁面入口、訂單列表頁面入口、修改密碼頁面入口、意見反饋頁面入口，點擊''退出"按鈕可退出登錄。.點擊個人信息跳轉至個人信息頁面，標簽欄顯示本頁面標題，點擊返回圖標可返回到上一頁，點擊修改可保存修改的信息，可修改內容為：頭像、昵稱、性別、聯系電話，注：手機號碼后四位使用*號顯不。.點擊修改密碼可進入修改密碼頁面，標簽欄顯示本頁面標題，點擊返回圖標可返回到上一頁，輸入原密碼與新密碼，點擊“確定”按鈕可保存修改的信息。.點擊訂單列表可跳轉到訂單頁面，標簽欄顯示本頁面標題，點擊返回圖標可返回到上一頁，頁面內容展示所有訂單、訂單分類數據信息，訂單顯示信息有：訂單號、訂單類型、訂單生成日期。點擊訂單可跳轉至對應功能模塊生成訂單的詳情頁面。.點擊意見反饋可跳轉至意見反饋頁面，標簽欄顯示本頁面標題,點擊返回圖標可返回到上一頁，輸入反饋的內容，字數限制在150字以內，點擊提交可提交反饋的意見。任務3：新聞功能模塊描述(2分)在智慧城市App中，點擊底部導航“新聞”圖標信息，進入新聞頁面。任務說明：.新聞頁面包含：輪播圖、新聞分類、新聞列表等內容。輪播圖可跳轉新聞詳情頁面；新聞分類展示各類新聞主題；新聞列表根據最新發布時間排序，列表顯示新聞圖片、新聞名稱、觀看人數、點贊數等。.在新聞列表頁面點擊新聞名稱跳轉到新聞詳情頁面，信息如下:(1)詳情頁面頂部欄顯示新聞名稱，點擊“返回”按鈕，返回上級目錄。(2)新聞詳情內容按照(圖片+文字)的形式進行展示，詳情頁面具有評論和查看評論列表功能，評論列表顯示評論條數以及評論內容，用戶可以對該新聞進行評論。(3)詳情頁面還包括新聞推薦，以列表形式展示1-3篇推薦新聞，顯示新聞名稱、觀看數、圖片等信息。任務4：門診預約功能模塊描述(2分)在智慧城市App主頁面上的各領域應用服務入口或全部服務，點擊“門診預約”圖標信息，進入門診預約頁面。任務說明：.首頁為本市醫院推薦展示圖，頂部欄提供“搜索”和“返回”功能，下方可用列表或矩陣排布的方式展示全市知名醫院圖片、名稱、星級等信息；.點擊首頁展示的醫院圖標，跳轉進入該醫院簡介頁，本頁面頂部欄左側設置“返回”按鈕支持返回上一頁面，頁面布局2/3為醫院幻燈片展示，1/2為醫院簡介的文字，1/3為“預約掛號”功能；.預約掛號的流程：點擊預約掛號一一進入就診人卡片頁面一一點擊已生成就診人卡片/新增就診人創建或完善就診人卡片信息(確認返回上一頁面)一一點擊就診人卡片右側箭頭一一跳轉門診科室分診頁面一一點擊某一科室一一全部可掛號的信息列表一一點擊列表的預約一一顯示預約的掛號信息(預約成功)，以下為相關頁面任務要求。(1)點擊在線掛號進入就診人卡片頁面，上方顯示通過讀取個人中心的用戶信息自動生成的就診人卡片，下方“+”顯示新增就診人的空白卡片，點擊兩個卡片均跳轉到創建就診人卡片頁面。(2)在創建就診人卡片信息頁面完善就診人的全部信息，包含如姓名、性別、身份證號、出生日期、手機號、地址等，重要必填項用*號標注。下方設置“確定”按鈕，支持跳轉到上一級就診人卡片頁面。(3)已生成的就診人卡片右側設置雙箭頭，點擊雙箭頭跳轉到門診科室分診頁面。(4)本頁面為所有可預約掛號科室列表，包含神經內科、心腎內科、呼吸消化科、慢性病科、普外科、骨外科、婦產科、兒科、眼耳鼻喉科、口腔科、皮膚科、急診等。(5)點擊某一科室，跳轉專家/普通可掛號頁面，本頁面標題欄分為專家和普通兩欄，可支持單頁面切換，專家標題欄點擊進去顯示暫無數據，普通標題欄單頁面顯示全部可掛號信息列表，如2020-9-21周一，下午14:00,神經內科，依次排列，并提供預約按鈕。（6）點擊預約按鈕跳轉掛號信息頁面，本頁面展示預約掛號的相關信息卡片，字段信息有，預約科室：神經內科，門診類型：普通號；預約時間：2020-9-21周一下午14：00o頁面下方顯示“預約成功！”的字樣。點擊預約成功返回首頁。任務5：垃圾分類功能模塊描述（2分）在智慧城市App主頁面上的各領域應用服務入口或全部服務，點擊“垃圾分類寶典”圖標信息，進入垃圾分類寶典頁面。任務說明：.進入垃圾分類寶典頁面。頁面左上角顯示返回上一頁按鈕。（1）頂部展示垃圾分類新聞宣傳輪播圖。（2）輪播圖下方兩個長方形導航圖片按鈕，搜索與分類。（3）接下來為4個選項卡。分別為新時尚，黨員在行動，分類達人，社區動態。每個選項卡內，新聞條目按時間降序排列。每條顯示兩行標題文字，多余采用縮略符。標題下面為日期時間。右側為長方形新聞圖片。點擊新聞條目進入詳情頁。詳細頁內顯示標題，發布人，發布時間，正文。（4）新聞正文頁底部可以匿名評論，文本框30字，點擊評論按鈕后發布評論。.點擊搜索長方形導航圖片按鈕導航到搜索頁。頁面左上角顯示返回上一頁按鈕。（1）頂部展示垃圾分類宣傳海報輪播圖。(2)下方為垃圾物品分類搜索框，輸入分類，點擊搜索，結果頁居中顯示分類圖片名稱，下面是分類文字描述。中部顯示4列4行圖片宮格，為該類常見垃圾物品，宮格以圖片和文字進行展示。底部為可回收物投放指導，說明該物品丟棄前的必要環節處理。(3)搜索框下方為熱門搜索，列出最熱門的可回收物品詞匯。.點擊分類導航圖片按鈕跳轉至分類頁。頁面左上角顯示返回上一頁按鈕。(1)上部展示一張垃圾分類宣傳海報，給人以直觀感受。(2)下方為4個正方形不同顏色的分類按鈕，分別為可回收物，有害垃圾，濕垃圾，干垃圾。點擊分類按鈕，進入分類介紹頁，頂部左側為正方形分類圖標，右側為分類說明，分類介紹頁下部為投放要求。(3)分類按鈕下面為4欄常見分類的關鍵詞索引，即每欄4列5行20種常見該類垃圾。點擊常見垃圾關鍵詞，進入詳情頁，頁面左上角顯示返回上一頁按鈕，頂部標題指出該垃圾所屬分類下方為分類介紹，左側為正方形分類圖標，右側為分類說明，分類介紹頁下部為投放要求。任務6:數字圖書館功能模塊描述(2分)在智慧城市App主頁面上的各領域應用服務入口或全部服務，點擊”數字圖書館”圖標信息，進入數字圖書館頁面。任務說明：.進入數字圖書館主頁面，頁面顯示返回上一頁按鈕、標題、圖書館列表。圖書館列表，列表項信息包括圖書館名稱、圖書館具體地址、營業時間和營業狀態，營業中的圖書館將優先展示。點擊列表項，進入圖書館詳情。.進入圖書館詳情頁面，頁面包括圖書館位置圖片和圖書館信息。頁面上方固定顯示圖書館的位置圖片，圖片可縮放。圖書館信息包括圖書館名稱、圖書館具體地址、圖書館介紹、營業時間、營業狀態和評論按鈕。點擊評論按鈕，進入到評論頁面。.進入評論頁面，頁面包括評論列表，寫評論文本框，發表按鈕。評論列表項信息包括評論人名稱、評論內容、點贊數，“點贊”按鈕，點擊“點贊”按鈕可以進行點贊。點贊數高的優先展示。點擊發表按鈕發送已填寫的評論，并在評論列表中顯示。四、成果物提交本模塊競賽結束前，將“需求規格說明書.docx”提交到成果物管理平臺（http：//ip：port/）o需求規格說明書（模板）文件內容中不能撰寫與選手相關的信息，如賽位號、姓名和院校等。如出現上述信息標記，本模塊記零分。注：根據二次加密分配的賬號登錄成果物管理平臺。

第一天下午模塊B：初步設計一、競賽任務此模塊競賽時間為3小時，分數為16分。（一）競賽主題隨著第五代移動通信技術（5G）高速發展，推動新一代信息技術與各個行業的融合發展，“智慧城市”這一概念隨著城市化進程的快速發展應運而生。智慧城市是指利用新一代信息技術，以整合、系統的方式管理城市運行體系，讓城市中各個功能彼此協調運作，為城市中的企業提供優質的發展空間，為市民提供更高的生活品質，讓城市成為適合人全面發展的城市，涵蓋了智慧服務、智慧養老、智慧黨建、智慧環保、智慧社區、精準扶貧、時代楷模等數十個場景。智慧城市智慧服務

■■

便民服務

等智慧養老預約養老

等智慧黨建黨建動態

等智慧環保資源回收

等智慧社區物業服務

等精準扶貧村情村貌

等時代楷模智慧服務

■■

便民服務

等智慧養老預約養老

等智慧黨建黨建動態

等智慧環保資源回收

等智慧社區物業服務

等精準扶貧村情村貌

等時代楷模英雄故事等圖1智慧城市系統架構（二）基本要求.使用AdobeXD或者Sketch軟件，參照模塊功能要求，進行該功能模塊的頁面原型設計，制作頁面原型參閱iOS、谷歌的MaterialDesign設計規范。.畫板尺寸為750PxX1334px,狀態欄高度40px,標題欄高度為88px,標簽欄高度為98pxo.原型繪制畫板大小尺寸及各部分內容區尺寸參考。畫布大小750X1334Px標簽欄高度98Px標簽欄高度98Px狀態欄高度40Px標題欄高度88Px圖2尺寸參考圖.當內容超出高度區域時，設置滾動區域來顯示內容。.畫板要對齊，界面版式布局合理、美觀，內容完整；同樣功能請復用樣式，避免一種功能、兩種樣式的情況。.原型要有交互設計內容，用戶體驗良好。檢查存在的漏洞，防止出現異常流程和內容狀態。7?頁面所需數據，詳見API接口文檔，利用Postman工具獲取。API接口文檔和部分素材詳見平臺一一模塊B：初步設計一一資源下載一一01設計素材。二、任務：限選主題功能初步設計（4分）（一）主題背景如今，城市化進程越來越快，社會發展形態也發生改變，因此，我國提出了創造智慧城市、提高城市管理水平以及提供多元化城市服務的發展戰略。在此背景下人們利用各種先進信息技術，有效整合城市各項配套系統和功能模塊，進一步促進城市朝工業化、信息化、城鎮化方向發展。目前，城市環境保護工作有序開展，但仍然存在環境控制力度不足、污染加劇等諸多問題。所以，本文深入分析了智慧城市背景下的智慧環保體系問題，并提出了合理的智慧環保體系建設策略。在這一背景下，基于各項信息技術將城市各項配套系統與功能模塊進行高度整合、推動了城市信息化、工業化與城鎮化的深度融合。但在城市環境保護層面上仍舊存在污染惡化程度不斷加劇、環境控制力度不足等問題。因此，提出智慧環保系統的功能建設，主要包括以下功能模塊。.環境首頁：展示環境宣傳，快捷功能通道。.垃圾物品展示：讓用戶了解哪些垃圾是屬于可回收垃圾，以便到垃圾回收更好選擇回收類型。.預約上門回收垃圾：選擇需要回收垃圾種類，讓工作人員了解需求。.預約回收垃圾歷史：查詢已經預約過的回收歷史。.信息預留：預約上門信息填寫，讓工作人員上門服務。.附近回收機：查看回收物品的種類、價格。（二）任務要求.基于智慧城市系統架構，以智慧環保為背景，規劃整理智慧環保App需求，在功能架構體系中至少規劃設計6個功能，并自主繪制智慧環保App初步設計原型。.利用AdobeXD或者Sketch軟件，新建“初步設計—限選主題.xd”文件，繪制智慧環保App頁面原型，每個功能至少一個畫板。.畫板之間具有交互功能體現。.頁面設計美觀大方，符合人體工學操作邏輯。三、任務：固定主題功能初步設計（12分）（一）任務要求.基于智慧城市系統中的便民服務功能需求描述，設計智慧服務App進行初步設計。.利用AdobeXD/Sketch軟件,新建“初步設計—固定主題.xd”文件，繪制便民服務給定的功能頁面原型，每個功能至少一個畫板。.畫板之間具有交互功能體現。.頁面設計美觀大方，符合人體工學操作邏輯。（二）任務說明任務1：繪制“主頁面”模塊界面原型（2分）智慧城市App啟動后，進入App主頁面（主頁），彰顯智慧城市風采，打造智慧型服務大廳，科技賦能，創新智能，打造視、聽、觸體驗俱佳的業務服務大廳，同時提供多種智慧城市解決方案。任務說明：.主頁顯示搜索輸入框，輸入搜索內容后，點擊軟鍵盤“搜索”按鈕，跳轉至搜索結果相關新聞資訊列表頁面。.顯示輪播圖，點擊輪播圖跳轉至對應頁面。注：輪播圖資源通過服務器API接口獲取。.顯示智慧城市各領域應用服務入口，以圖標和名稱為單元宮格方式顯示，手機端每行顯示5個，共兩行，第2行最后一個顯示“更多服務"，點擊''更多服務”進入對應頁面。每個領域應用入口布局顯示為圓形圖標，圖標下為名稱，點擊圖標可進入對應的領域應用頁面。.顯示熱門主題模塊，手機端每行顯示2個熱門主題，每個主題入口布局為圓角（20dp）矩形圖標，圖標下為標題名稱，多出的標題名稱字用省略號顯示，點擊“熱門主題”進入到對應的主題頁面。.顯示新聞專欄，上方標簽頁方式顯示新聞類別，下方顯示新聞列表，列表項包括圖片、新聞標題、新聞內容縮寫（多出的字用省略號顯示）、評論總數、發布時間等信息。.顯示底部導航欄，采用圖標加文字方式顯示，圖標在上，文字在下，共四個圖標分別為首頁、全部服務、新聞、個人中心，點擊標簽進入對應頁面，并顏色標記當前頁面所在導航欄。任務2：繪制“個人中心”模塊界面原型（2分）在智慧城市App中，點擊底部導航“個人中心”圖標信息，進入個人中心頁面。任務說明：.首先進入個人中心頁面，個人中心頁面顯示用戶頭像、賬戶、個人信息頁面入口、訂單列表頁面入口、修改密碼頁面入口、意見反饋頁面入口，點擊“退出”按鈕可退出登錄。.點擊個人信息跳轉至個人信息頁面，標簽欄顯示本頁面標題，點擊返回圖標可返回到上一頁，點擊修改可保存修改的信息，可修改內容為：頭像、昵稱、性別、聯系電話，注：手機號碼后四位使用*號顯示。.點擊修改密碼可進入修改密碼頁面，標簽欄顯示本頁面標題，點擊返回圖標可返回到上一頁，輸入原密碼與新密碼，點擊“確定”按鈕可保存修改的信息。.點擊訂單列表可跳轉到訂單頁面，標簽欄顯示本頁面標題，點擊返回圖標可返回到上一頁，頁面內容展示所有訂單、訂單分類數據信息，訂單顯示信息有：訂單號、訂單類型、訂單生成日期。點擊訂單可跳轉至對應功能模塊生成訂單的詳情頁面。.點擊意見反饋可跳轉至意見反饋頁面，標簽欄顯示本頁面標題,點擊返回圖標可返回到上一頁，輸入反饋的內容，字數限制在150字以內，點擊提交可提交反饋的意見。任務3：繪制''新聞”模塊界面原型（2分）在智慧城市App中，點擊底部導航“新聞”圖標信息，進入新聞頁面。任務說明：.列表頁面包含：輪播圖、新聞分類、新聞列表等內容。輪播圖可跳轉新聞詳情頁面；新聞分類展示各類新聞主題；新聞列表根據最新發布時間排序，列表顯示新聞圖片、新聞名稱、觀看人數、點贊數等;.在新聞列表頁面點擊新聞名稱跳轉到新聞詳情頁面，信息如下:（1）詳情頁面頂部欄顯示新聞名稱，點擊返回按鈕，返回上級目錄。（2）新聞詳情內容按照（圖片+文字）的形式進行展示，詳情頁面具有評論和查看評論列表功能，評論列表顯示評論條數以及評論內容，用戶可以對該新聞進行評論。（3）詳情頁面還包括新聞推薦，以列表形式展示1-3篇推薦新聞，顯示新聞名稱、觀看數、圖片等信息。任務4：繪制“門診預約”模塊界面原型（2分）在智慧城市App主頁面上的各領域應用服務入口或全部服務，點擊“門診預約”圖標信息，進入門診預約頁面。任務說明：.首頁為本市醫院推薦展示圖，頂部欄提供“搜索”和“返回”功能，下方可用列表或矩陣排布的方式展示全市知名醫院圖片、名稱、星級等信息；.點擊首頁展示的醫院圖標，跳轉進入該醫院簡介頁，本頁面頂部欄左側設置“返回”按鈕支持返回上一頁面，頁面布局2/3為醫院幻燈片展示，1/2為醫院簡介的文字，1/3為“預約掛號”功能；.預約掛號的流程：點擊預約掛號一一進入就診人卡片頁面一一點擊已生成就診人卡片/新增就診人一一創建或完善就診人卡片信息（確認返回上一頁面）一一點擊就診人卡片右側箭頭一一跳轉門診科室分診頁面一一點擊某一科室一一全部可掛號的信息列表一一點擊列表的預約一一顯示預約的掛號信息(預約成功)，以下為相關頁面任務要求。(1)點擊在線掛號進入就診人卡片頁面，上方顯示通過讀取個人中心的用戶信息自動生成的就診人卡片，下方“+”顯示新增就診人的空白卡片，點擊兩個卡片均跳轉到創建就診人卡片頁面。(2)在創建就診人卡片信息頁面完善就診人的全部信息，包含如姓名、性別、身份證號、出生日期、手機號、地址等，重要必填項用*號標注。下方設置“確定”按鈕，支持跳轉到上一級就診人卡片頁面。(3)已生成的就診人卡片右側設置雙箭頭，點擊雙箭頭跳轉到門診科室分診頁面。(4)本頁面為所有可預約掛號科室列表，包含神經內科、心腎內科、呼吸消化科、慢性病科、普外科、骨外科、婦產科、兒科、眼耳鼻喉科、口腔科、皮膚科、急診等。(5)點擊某一科室，跳轉專家/普通可掛號頁面，本頁面標題欄分為專家和普通兩欄，可支持單頁面切換，專家標題欄點擊進去顯示暫無數據，普通標題欄單頁面顯示全部可掛號信息列表，如2020-9-21周一，下午14:00,神經內科，依次排列，并提供預約按鈕。(6)點擊預約按鈕跳轉掛號信息頁面，本頁面展示預約掛號的相關信息卡片，字段信息有，預約科室：神經內科，門診類型：普通號；預約時間：2020-9-21周一下午14:00。頁面下方顯示“預約成功！”的字樣。點擊預約成功返回首頁。任務5：繪制“青年驛站”模塊界面原型(2分)在智慧城市App主頁面上的各領域應用服務入口或全部服務，點擊“青年驛站”圖標信息，進入青年驛站頁面。任務說明：L進入青年驛站頁面，頁面左上角顯示返回上一頁按鈕。(1)上部展示一張青年驛站照片，在該圖片下方對青年驛站做簡單的文字概述。(2)中部顯示3列宮格，分別為各區標志性建筑，點擊方格進入后為該區人才政策頁。(3)下部為青年驛站列表。列表項第一行左側方形該青年驛站正方形照片，右側為青年驛站名稱。青年驛站名稱下方要顯示剩余床位數，分男女兩項。床位數下方顯示該驛站所在詳細地址，單行過長要折行。點擊第一行進入該驛站詳情頁。第二行為可以上下收縮的站點介紹，點擊前顯示站點介紹按鈕，點擊后向下展示該驛站詳情，再次點擊收縮。.進入驛站詳情頁頁面，頁面左上角顯示返回上一頁按鈕。(1)頂端展示7張該驛站輪播照片，下方為該驛站地址，地址過長需換行，地址下面顯示該驛站聯系電話和提示辦理入住時間段,入住時間下方顯示男女顯示剩余床位數。(2)下部為驛站詳細介紹，文本分為4部分：驛站簡介、房間配置、周邊配套和特色服務。.從各區人才政策導航宮格按鈕進入人才頁，頁面左上角顯示返回上一頁按鈕。(1)區人才政策頁上方為該區標志性建筑圖片，圖片下方為該區簡介，簡介下方為該區人才政策文件列表，按發布時間順序從新到舊，每條分為兩行，一行標題，一行日期。(2)政策列表條目點擊進入后為內容頁，信息包括標題、日期、內容和發布者。任務6：繪制”數字圖書館”模塊界面原型(2分)在智慧城市App主頁面上的各領域應用服務入口或全部服務，點擊”數字圖書館”圖標信息，進入數字圖書館頁面。任務說明：.進入數字圖書館主頁面，頁面顯示返回上一頁按鈕、標題、圖書館列表。圖書館列表，列表項信息包括圖書館名稱、圖書館具體地址、營業時間和營業狀態，營業中的圖書館將優先展示。點擊列表項，進入圖書館詳情。.進入圖書館詳情頁面，頁面包括圖書館位置圖片和圖書館信息。頁面上方固定顯示圖書館的位置圖片，圖片可縮放。圖書館信息包括圖書館名稱、圖書館具體地址、圖書館介紹、營業時間、營業狀態和評論按鈕。點擊評論按鈕，進入到評論頁面。.進入評論頁面，頁面包括評論列表，寫評論文本框，發表按鈕。評論列表項信息包括評論人名稱、評論內容、點贊數，“點贊”按鈕，點擊“點贊”按鈕可以進行點贊。點贊數高的優先展示。點擊發表按鈕發送已填寫的評論，并在評論列表中顯示。四、成果物提交本模塊競賽結束前，將“初步設計.rar”文件提交到成果物管理平臺（http:〃ip：port/）,壓縮包內包括：初步設計—限選主題.xd和初步設計一固定主題.xd。注：根據二次加密分配的賬號登錄成果物管理平臺。第二天全天第二天全天模塊c:功能模塊開發一、競賽任務此模塊競賽時間為6小時，分數為50分。（一）競賽主題隨著第五代移動通信技術（5G）高速發展，推動新一代信息技術與各個行業的融合發展，“智慧城市”這一概念隨著城市化進程的快速發展應運而生。智慧城市是指利用新一代信息技術，以整合、系統的方式管理城市運行體系，讓城市中各個功能彼此協調運作，為城市中的企業提供優質的發展空間，為市民提供更高的生活品質，讓城市成為適合人全面發展的城市，涵蓋了智慧服務、智慧養老、智慧黨建、智慧環保、智慧社區、精準扶貧、時代楷模等數十個場景。智慧城市智慧服務■■便民服務等智慧城市智慧服務■■便民服務等圖1智慧城市系統架構（二）基本要求AppUI尺寸自動適配開發電腦中提供的模擬器UI（iOS適配iPhone"模擬器）以及提供的手持手機設備或模擬器UL競賽結束前，選手將“模塊C：功能模塊開發”的成果物，其中包括Android項目發布文件（SmartCity.apk）或iOS項目代碼（SmartCity.zip）提交到平臺服務器。Android：在裁判計算機上，下載項目發布文件SmartCity.apk,安裝到模擬器或真機上進行評判。iOS：在裁判計算機上，下載項目代碼，Xcode打開編譯運行到iPhone"模擬器上進行評判。二、任務（一）任務1：應用架構設計（2分）設計智慧城市App,利用移動開發工具（AndroidStudio/Xcode）創建SmartCity項目或HbuilderX打開項目，項目App顯示智慧城市名稱，實現項目的基本框架設計，并封裝App與服務器通訊模塊。（二）任務2：引導頁面實現（2分）當第一次打開智慧城市App時，首先顯示引導頁。通過引導頁提前告知用戶產品功能、特點等信息，極大地提高用戶體驗。再次進入App將不顯示引導頁面。任務說明：.利用U盤中提供的5張引導頁面圖片，設計引導頁面。.引導頁面下方顯示5個小圓圈標識，提示用戶當前引導頁面位置。.進入最后引導頁。（1）顯示“網絡設置”按鈕，點擊彈出服務器IP地址（如0）和端口（如8080）設置對話框，并實現服務器IP地址和端口的保存和修改功能。（2）顯示“進入主頁”按鈕，點擊進入主頁面。（三）任務3：應用主頁面實現（4分）進入App主頁面（主頁），彰顯智慧城市風采，打造智慧型服務大廳，科技賦能，創新智能，打造視、聽、觸體驗俱佳的業務服務大廳，同時供應多種智慧城市解決方案。任務說明：.主頁顯示搜索輸入框，輸入搜索內容后，點擊軟鍵盤“搜索”按鈕，跳轉至搜索結果相關新聞資訊列表頁面。.顯示輪播圖，點擊輪播圖跳轉至對應頁面。注：輪播圖資源通過服務器API接口獲取。.顯示智慧城市各領域應用服務入口，以圖標和名稱為單元宮格方式顯示，手機端每行顯示5個，按照優先級從高到低排序（數值越大優先級越高），共兩行，第2行最后一個顯示“更多服務”，點擊“更多服務”進入全部服務頁面。每個領域應用入口布局顯示為圓形圖標+名稱布局，點擊圖標可進入對應的領域應用頁面。.顯示熱門主題模塊，手機端每行顯示2個熱門主題，每個主題入口布局為圓角（20dp）矩形圖標，圖標下為標題名稱，多出的標題名稱字用省略號顯示，點擊“熱門主題”進入對應的主題頁面。.顯示新聞專欄，上方標簽頁方式顯示新聞類別，下方顯示新聞列表，列表項包括圖片、新聞標題、新聞內容縮寫（多出的字用省略號顯示）、評論總數、發布時間等信息。.顯示底部導航欄，采用圖標加文字方式顯示，圖標在上，文字在下，共五個圖標分別為首頁、全部服務、中國智造、新聞、個人中心，點擊標簽進入對應頁面，并顏色標記當前頁面所在導航欄。注：主頁數據詳見API接口文檔。(四)任務4：找房子查詢功能實現(6分)在智慧城市App主頁面上的各領域應用服務入口或全部服務，點擊“找房子”圖標信息，進入找房子頁面。任務說明：找房子功能主要包括主頁和信息詳情兩個頁面，點擊上方導航欄“返回”按鈕返回智慧城市主頁面。.主頁面，頁面包括頂部導航欄目、搜索、功能分類和房源展示板塊。具有返回按鈕，點擊返回按鈕可以返回智慧城市主頁面。下方搜索在頁面搜索框下面顯示4大分類按鈕，分別為：二手、租房、樓盤、中介，并圖文顯示。(1)頁面頂部具有返回按鈕，點擊返回按鈕返回智慧城市主頁。(2)搜索，根據房源名稱模糊查詢，結果列表顯示在房源展示區。(3)功能分類，搜索下面顯示四大分類，分別為：二手、租房、樓盤、中介，并圖文顯示。點擊四大分類按鈕，房源展示區更新該分類相應的房源信息并在頁面下方以列表的形式展示，列表項每一房源均顯示圖片、所在小區或商圈名稱、房源面積以及價格、房源簡介等內容。(4)房源展示分類欄目下方，展示默認最新發布的房源列表信息，列表頁每一房源均顯示房源圖片、房源面積以及價格、房源簡介等內容。.信息詳情頁，點擊房源列表中的某個房源，進入到房源詳情頁面。詳情頁面分別展示房源圖片、房源名稱、建筑面積、房源單價、房源類型、房源介紹等信息。底部展示主頁按鈕，點擊“主頁”，返回找房主主頁。注：數據詳見API接口文檔。（五）任務5：個人中心功能實現（4分）在智慧城市App中，點擊底部導航''個人中心”圖標信息，進入個人中心頁面。任務說明：.首先進入個人中心頁面，個人中心頁面顯示用戶頭像、賬戶、個人信息頁面入口、訂單列表頁面入口、修改密碼頁面入口、意見反饋頁面入口，點擊退出按鈕可退出登錄。.點擊個人信息跳轉至個人信息頁面，標簽欄顯示本頁面標題,點擊返回圖標可返回到上一頁，點擊修改可保存修改的信息，可修改內容為：頭像、昵稱、性別、聯系電話，注：手機號碼后四位使用*號顯示。.點擊修改密碼可進入修改密碼頁面，標簽欄顯示本頁面標題,點擊返回圖標可返回到上一頁，輸入原密碼與新密碼，點擊確定按鈕可保存修改的信息。.點擊訂單列表可跳轉到訂單頁面，標簽欄顯示本頁面標題，點擊返回圖標可返回到上一頁，頁面內容展示所有訂單、訂單分類數據信息，訂單顯示信息有：訂單號、訂單類型、訂單生成日期。點擊訂單可跳轉至對應功能模塊生成訂單的詳情頁面。.點擊意見反饋可跳轉至意見反饋頁面，標簽欄顯示本頁面標題,點擊返回圖標可返回到上一頁，輸入反饋的內容，字數限制在150字以內，點擊提交可提交反饋的意見。注：數據詳見API接口文檔。（六）任務6：青年驛站功能實現（7分）在智慧城市App主頁面上的各領域應用服務入口或全部服務，點擊“青年驛站”圖標信息，進入青年驛站頁面。任務說明：L進入青年驛站頁面，頁面左上角顯示返回上一頁按鈕。（1）上部展示一張青年驛站照片，在該圖片下方對青年驛站做簡單的文字概述。（2）中部顯示3列宮格，分別為各區標志性建筑，點擊方格進入后為該區人才政策頁。（3）下部為青年驛站列表。列表項第一行左側方形該青年驛站正方形照片，右側為青年驛站名稱。青年驛站名稱下方要顯示剩余床位數，分男女兩項。床位數下方顯示該驛站所在詳細地址，單行過長要折行。點擊第一行進入該驛站詳情頁。第二行為可以上下收縮的站點介紹，點擊前顯示站點介紹按鈕，點擊后向下展示該驛站詳情，再次點擊收縮。.進入驛站詳情頁頁面，頁面左上角顯示返回上一頁按鈕。（1）頂端展示7張該驛站輪播照片，下方為該驛站地址，地址過長需換行，地址下面顯示該驛站聯系電話和提示辦理入住時間段，入住時間下方顯示男女顯示剩余床位數。(2)下部為驛站詳細介紹，文本分為4部分：驛站簡介、房間配置、周邊配套和特色服務。.從各區人才政策導航宮格按鈕進入人才頁，頁面左上角顯示返回上一頁按鈕。(1)區人才政策頁上方為該區標志性建筑圖片，圖片下方為該區簡介，簡介下方為該區人才政策文件列表，按發布時間順序從新到10,每條分為兩行，一行標題，一行日期。(2)政策列表條目點擊進入后為內容頁，信息包括標題、日期、內容和發布者。注：數據詳見API接口文檔。(七)任務7：政府服務熱線功能實現(7分)在智慧城市App主頁面上的各領域應用服務入口或全部服務，點擊“政府服務熱線”圖標信息，進入政府服務熱線頁面。任務說明：.進入政府服務熱線主頁面，頁面顯示返回上一頁按鈕、廣告輪播圖、市民訴求分類、我的訴求。(1)廣告輪播圖：每隔3秒自動切換廣告圖。(2)市民訴求分類：以圖標和名稱為單元宮格方式顯示，手機端每行顯示4個，按照優先級由高到低排序，共兩行，左右滑動可切換顯示類目。每個類目入口布局顯示為圓形圖標和名稱布局，點擊最后一個“其他訴求”圖標，進入新建訴求頁；點擊其他圖標可進入對應分類的訴求列表頁面。（3）我的訴求：列表顯示我的訴求，列表項信息包括標題、承辦單位、提交時間和處理狀態，未完結訴求優先頂部顯示。.進入訴求列表頁面，頁面包括訴求列表、發布訴求按鈕，列表項信息包括標題、承辦單位、提交時間和處理狀態，點擊列表項，跳轉至訴求詳情頁，點擊發布訴求按鈕，跳轉至新建訴求頁。訴求詳情頁包括標題、訴求內容、圖片、承辦單位、提交時間、反饋處理狀態和處理結果。.新建訴求頁，頁面內容包括標題、訴求內容、圖片、承辦單位、反饋手機號和發布按鈕；若是點擊其他訴求分類進入的新建訴求頁,頂部還要顯示訴求分類下拉框，可以更改訴求分類；點擊提交按鈕完成發布。注：接口數據詳見API接口文檔。（A）任務8：中國智造板塊實現（18分）在智慧城市App主頁面底部導航欄中，點擊“中國智造”圖標信息，進入中國智造頁面。任務說明：中國是世界第一制造大國，按照聯合國工業發展組織的數據，中國22個制造業大類行業的增加值均居世界前列，其中紡織、服裝、皮革、基本金屬等產業增加值占世界的比重超過30虬在聯合國全部19大類制造業行業中，中國有18個大類超越美國成為世界第一。盡管中國制造業增加值占世界比重在不斷加大，但與發達國家相比，制造業發展水平相對較低。目前，中國在鋼鐵、銅、水泥、化肥、化纖、發電量、造船、汽車、計算機、筆記本電腦、打印機、電視機、空調、洗衣機等數百種制造業產品的產量居世界第一位，但這些產業技術密集度不高，屬于中低度技術密集型。在高端芯片、電子制造、消費電子、工業軟件、高端數控機床等領域自給率嚴重不足。我國需要突破自主核心技術、關鍵共性技術、精密工藝技術、測試控制技術等研制瓶頸，打破發達國家對我國工業制造的限制和制約,實現中國制造在高端領域的重點突破。而智能制造能對現有制造業進行提升，包括縮短開發周期、降低成本、提升效率等；此外，智能制造將會推動制造業發展出全新的制造模式，包括柔性制造、生物制造、綠色制造、分形制造等。智能制造已成為全球制造業競爭的戰略制高點。通過為中國智造提供信息資源共享整合，可以極大的促進行業發展。主要包括以下功能模塊：.首頁推薦：輪播圖展示近期展會宣傳海報。推薦廠商，包括廠商文字介紹，視頻宣傳片。推薦產品與解決方案，包括圖文介紹，視頻演示。.廠商列表：廠商分類，廠商文字介紹，視頻宣傳片。廠商業界新聞，合作動態。.產品列表：產品與解決方案分類，產品與解決方案圖文介紹，視頻演示。.展會活動：包括最新展會活動發布，展會信息，參展報名。過往展會圖文與視頻記錄。.廠商招聘：包括廠商發布招聘需求，校企合作動態，校企合作科研轉化成果典型案例圖文介紹，視頻宣傳片。.廠商入駐：廠商填寫入駐申請信息表，供運營人員線下聯系廠商。根據上述說明，自行設計功能頁面，無API接口，素材可參閱競賽管理平臺右側資源下載區。三、成果物提交本模塊競賽結束前，將“成果物.rar”提交到成果物管理平臺（http：//ip：port/）上，如利用Android平臺開發，壓縮包內包括：SmartCity.apk；如利用iOS平臺開發，壓縮包內包括：SmartCityX程文件夾。Android：在裁判計算機上，下載項目發布文件SmartCity.apk,安裝到模擬器或真機上進行評判。iOS平臺：在裁判計算機上，下載項目代碼SmartCity.rar,編譯運行到iPhonell模擬器上進行評判。注：根據二次加密分配的賬號登錄成果物管理平臺。第三天上午模塊D:測試與交付一、競賽任務此模塊競賽時間為3小時，分數為18分。（一）待測系統描述智慧城市智慧養老智慧黨建智慧環保智慧社區精準扶貧智慧服務便民服務等預約養老

等黨建動態

等資源回收

等物業服務

等村情村貌

等時代楷模英雄故事等智慧養老智慧黨建智慧環保智慧社區精準扶貧智慧服務便民服務等預約養老

等黨建動態

等資源回收

等物業服務

等村情村貌

等時代楷模英雄故事等圖1智慧城市系統架構隨著第五代移動通信技術（5G）高速發展，推動新一代信息技術與各個行業的融合發展，“智慧城市”這一概念隨著城市化進程的快速發展應運而生。智慧城市是指利用新一代信息技術，以整合、系統的方