I. 概況
a. 作為 "網(wǎng)絡(luò)技術(shù)與無障礙環(huán)境 "課程的配套項(xiàng)目
a. 作為網(wǎng)絡(luò)技術(shù)與無障礙環(huán)境課程的配套項(xiàng)目,正在實(shí)施一個(gè)學(xué)生控制面板,旨在創(chuàng)建一個(gè)
約會(huì)/課程表/LV/新聞等。
b. 該應(yīng)用程序?qū)⑨槍?duì)移動(dòng)設(shè)備進(jìn)行優(yōu)化。
請(qǐng)使用自己的智能手機(jī)、平板電腦或模擬器(如 fierfox,Chrome 瀏覽器插件)。
c. 該項(xiàng)目1-2人完成。
i. 與學(xué)位課程中的小組成員無關(guān)
d. 規(guī)范賦予您一定的設(shè)計(jì)和實(shí)施
實(shí)施自由。應(yīng)映射以下基本特征
映射:
i. 使用 Bootstrap 的響應(yīng)式 HTML5 界面
并通過自己的樣式表進(jìn)行擴(kuò)展
ii. 攔截 JavaScript 事件(在移動(dòng)設(shè)備上)
iii. 單個(gè)功能作為小部件管理
(可顯示/隱藏、停用/激活):
1. 顯示日期和時(shí)間
2. 記錄和管理待辦事項(xiàng)
3. 顯示和管理(LV)約會(huì)
4. 額外功能: 搜索
同事/講師的聯(lián)系信息
5. 照片庫
6. 自選附加小工具(天氣、計(jì)算器、貨幣轉(zhuǎn)換器 )、
計(jì)算器、貨幣轉(zhuǎn)換器 ....)
iv. 通過 AJAX 從 XML/JSON/CSV 文件加載數(shù)據(jù)
v. 根據(jù)可用性優(yōu)化頁面
vi. 分析/測試并實(shí)現(xiàn)無障礙訪問
e. 項(xiàng)目的實(shí)現(xiàn)將涵蓋本學(xué)期的所有課程內(nèi)容
的所有課程內(nèi)容:
i. HTML5
ii. CSS3
iii. Bootstrap
iv. JavaScript 和 JavaScript 庫
v. RESTful WebServices 和 JSON
vi. 可用性/可訪問性
f. 確保應(yīng)用程序內(nèi)流程的一致性
II 項(xiàng)目結(jié)構(gòu)和基本布局
a. 創(chuàng)建一個(gè)索引頁,作為應(yīng)用程序的起始頁。
您的應(yīng)用程序的起始頁。
b. 應(yīng)用程序的項(xiàng)目結(jié)構(gòu)應(yīng)明確劃分各組成部分。
結(jié)構(gòu)示例: