【文章內(nèi)容簡(jiǎn)介】 言HTML/XHTMLWML/XHTMLMPWEB標(biāo)準(zhǔn)有固定的標(biāo)準(zhǔn)無(wú)固定標(biāo)準(zhǔn)是否支持AJAX支持不支持主要代表瀏覽器IEIE360瀏覽器、火狐瀏覽器等UC瀏覽器 無(wú)線標(biāo)記語(yǔ)言WML當(dāng)前移動(dòng)WEB的標(biāo)記語(yǔ)言主要包括：WML（Wireless Markup Language，無(wú)線標(biāo)記語(yǔ)言）、XHTML、HTML、XHTMLMP（移動(dòng)配置文件）等。WAP的早期版本的頁(yè)面語(yǔ)言是WML，WML是一種純粹的頁(yè)面標(biāo)記語(yǔ)言，它是一種從HTML繼承而來(lái)基于XML的標(biāo)記語(yǔ)言，代碼的編寫(xiě)結(jié)構(gòu)比HTML嚴(yán)格。但WML只支持顯示文本和圖片信息，界面比較簡(jiǎn)單，由功能單一的文本，鏈接和圖片組成。為利于W3C開(kāi)發(fā)的標(biāo)準(zhǔn)，WAP ，在功能，性能，安全，傳輸方面比早期WAP 。[17] [18]WAP ，支持背景音樂(lè)等等。由于特殊的物理環(huán)境，WML語(yǔ)言不包含其他腳本語(yǔ)言所包含的花哨功能，因此對(duì)內(nèi)存和CPU的要求相對(duì)很低，通過(guò)手機(jī)內(nèi)置或應(yīng)用安裝的手機(jī)瀏覽器可以直接瀏覽WAP網(wǎng)站，目前市面上絕大多數(shù)手機(jī)都支持GPRS上網(wǎng)功能，可以瀏覽所有的WAP ，也有相當(dāng)一部分低端手機(jī)，不支持WAP 。 設(shè)備數(shù)據(jù)庫(kù)設(shè)備數(shù)據(jù)庫(kù)建立的主要目的是防止移動(dòng)設(shè)備瀏覽器在接收請(qǐng)求時(shí)發(fā)生缺少請(qǐng)求頭甚至請(qǐng)求頭發(fā)生錯(cuò)誤的現(xiàn)象。設(shè)備數(shù)據(jù)庫(kù)的特征包括：其一，通常會(huì)是一組XML格式的文件；其二，主要通過(guò)移動(dòng)設(shè)備自帶的API進(jìn)行移動(dòng)瀏覽器的通信；其三，通過(guò)移動(dòng)設(shè)備的唯一標(biāo)識(shí)符來(lái)查找出移動(dòng)設(shè)備。目前市面上的主要設(shè)備數(shù)據(jù)庫(kù)包括WURFL設(shè)備數(shù)據(jù)庫(kù)和Device Atlas設(shè)備數(shù)據(jù)庫(kù)。第一章 WAP服務(wù)器WAP(Wireless Application Protocol)即無(wú)線應(yīng)用協(xié)議，是一個(gè)開(kāi)放式標(biāo)準(zhǔn)協(xié)議，利用它可以把網(wǎng)絡(luò)上的信息傳送到移動(dòng)電話或其他無(wú)線通訊終端上。用戶可以通過(guò)租用WAP服務(wù)器的方式將自己的公司業(yè)務(wù)接入移動(dòng)信息業(yè)務(wù)中，通過(guò)WAP管理平臺(tái)進(jìn)行二次開(kāi)發(fā)，開(kāi)發(fā)出自己的數(shù)據(jù)處理平臺(tái)，對(duì)信息的發(fā)布、收集、整合方面具有非常方便的應(yīng)用。[19]不過(guò)運(yùn)營(yíng)商一般會(huì)給wap服務(wù)提供位于其內(nèi)網(wǎng)的服務(wù)器，這樣手機(jī)用戶可以不收取流量費(fèi)用，速度也更快?？紤]到學(xué)生用的手機(jī)運(yùn)營(yíng)商不同，可能需要學(xué)校租借多家運(yùn)營(yíng)商的服務(wù)器。 HTML5移動(dòng)數(shù)據(jù)交換協(xié)議在開(kāi)發(fā)的過(guò)程中，針對(duì)手機(jī)用戶設(shè)計(jì)專(zhuān)門(mén)的HTML5頁(yè)面接口，使用戶能夠通過(guò)手機(jī)訪問(wèn)該教務(wù)管理系統(tǒng)，進(jìn)行選課，查詢，申辦業(yè)務(wù)等等操作，從而更加方便對(duì)該系統(tǒng)的利用。圖21 HTML5網(wǎng)絡(luò)架構(gòu)圖從圖21可以看出，WAP網(wǎng)關(guān)的主要作用就是通過(guò)實(shí)現(xiàn)HTML5協(xié)議與TCP/IP協(xié)議間的轉(zhuǎn)化將無(wú)線網(wǎng)絡(luò)和桌面網(wǎng)絡(luò)聯(lián)合在一起。表22 WAP網(wǎng)關(guān)的功能特征功能編碼和譯碼協(xié)議轉(zhuǎn)化WAP網(wǎng)關(guān)二進(jìn)制形式完成從WSP到HTTP的轉(zhuǎn)化傳統(tǒng)因特網(wǎng)文本形式無(wú)法實(shí)現(xiàn)與移動(dòng)設(shè)備的協(xié)議轉(zhuǎn)化HTML5的協(xié)議分層主要包括五層，具體描述如表22所示：表22 HTML5協(xié)議棧應(yīng)用層會(huì)話層事務(wù)層安全層傳輸層簡(jiǎn)寫(xiě)WAEWSPWTPWTLSWDP全稱(chēng)Wireless Application EnvironmentWireless Session ProtocolWireless Transaction ProtocolWireless Transport Layer SecurityWireless Datagram Protocol存在目的方便編寫(xiě)可以適應(yīng)各種承載網(wǎng)絡(luò)的應(yīng)用向WAE提供兩個(gè)接口實(shí)現(xiàn)不可靠的單向傳輸、可靠的單向傳輸和可靠的雙向傳輸優(yōu)化了低速帶寬傳送數(shù)據(jù)運(yùn)行環(huán)境WSPWTP在數(shù)據(jù)服務(wù)上運(yùn)行WDP實(shí)現(xiàn)的功能開(kāi)發(fā)出各種基于HTML5技術(shù)的應(yīng)用向WAE提供面向連接的接口和面向無(wú)連接的接口提供了一個(gè)簡(jiǎn)化的面向傳輸?shù)膮f(xié)議為應(yīng)用之間的通信提供安全的鏈接移動(dòng)設(shè)備展示和接收消息應(yīng)用的技術(shù)包含了WML語(yǔ)言、WMLScript語(yǔ)言、WTA和Push協(xié)議的基礎(chǔ)是SSL,移動(dòng)WEB系統(tǒng)與傳統(tǒng)因特網(wǎng)的B/S模式的系統(tǒng)設(shè)計(jì)還存在著一定的不同，主要表現(xiàn)在使用的設(shè)備方面的不同。表23說(shuō)明了主流移動(dòng)設(shè)備對(duì)HTML5的支持特征。表23 市場(chǎng)主流移動(dòng)設(shè)備對(duì)HTML5的支持特征表高端智能機(jī)中端智能機(jī)普通功能機(jī)典型設(shè)備Iphone5/iphone4s/ipad/htc/SAMSUNGNokia n79/索愛(ài) 18i聯(lián)想n17屏幕大小大屏幕，，是否支持重力自適應(yīng)是是一般不支持是否支持cookie和post是是不支持文本超鏈接識(shí)別是否支持HTML5是是是 移動(dòng)系統(tǒng)開(kāi)發(fā)相關(guān)技術(shù) HTML5簡(jiǎn)介HTML5 標(biāo)準(zhǔn)的發(fā)布必將給互聯(lián)網(wǎng)的發(fā)展帶來(lái)一個(gè)新的高潮，這是因?yàn)?HTML5標(biāo)準(zhǔn)將賦予瀏覽器更多的功能，使得瀏覽器能夠不通過(guò)插件就能夠?qū)崿F(xiàn)目前已經(jīng)存在的功能和現(xiàn)在還不存在的功能，通過(guò) HTML5 瀏覽器不需要插件就能夠?qū)崿F(xiàn)位置跟蹤、本地存儲(chǔ)、離線應(yīng)用、視頻音頻的播放以及通信功能。它將把互聯(lián)網(wǎng)帶向一個(gè)新的時(shí)代，使得基于互聯(lián)網(wǎng)的應(yīng)用更加方便、高效和安全?，F(xiàn)今的 Web 應(yīng)用依靠單純的 HTML 已經(jīng)很難滿足用戶的需求， 不支持音頻、視頻和動(dòng)畫(huà)，要想在 Web 應(yīng)用中實(shí)現(xiàn)這些功能就必須安裝特定的插件，正是因?yàn)椴寮拇嬖诤褪褂貌攀沟?Web 應(yīng)用如此豐富多彩，讓人耳目一新。但是插件的存在也帶來(lái)了一些問(wèn)題，插件本身就是一個(gè)應(yīng)用程序，這些應(yīng)用程序是對(duì)所有人開(kāi)放的，這一方面使得插件有更多的應(yīng)用，另一方面也使得插件的開(kāi)發(fā)變得混亂不堪。HTML5 與 HTML4 最大的區(qū)別主要有兩個(gè)方面，第一個(gè)就是強(qiáng)化了 Web 頁(yè)面的表現(xiàn)能力，以往要使用 Web 頁(yè)面來(lái)播放視頻、音頻和動(dòng)畫(huà)瀏覽器需要安裝各種各樣的瀏覽器插件，但是 HTML5 標(biāo)準(zhǔn)中，瀏覽器原生的對(duì)這些多媒體表現(xiàn)進(jìn)行了支持。第二個(gè)就是豐富的 API 可供調(diào)用，包括本地緩存、離線應(yīng)用、地理信息和通信等等。HTML5 中新引入的特性主要有：新的元素和結(jié)構(gòu)：以往構(gòu)建一個(gè) HTML 頁(yè)面的時(shí)候，在頁(yè)面的最頂部要寫(xiě)明文檔類(lèi)型?，F(xiàn)在構(gòu)建一個(gè) HTML5 的頁(yè)面不再需要這么復(fù)雜了，只需要!DOCTYPE html就可以標(biāo)示這是一個(gè)HTML5的頁(yè)面了。同時(shí)HTML5中增加了一些新的語(yǔ)義元素，它是在對(duì)現(xiàn)有的網(wǎng)頁(yè)的總結(jié)和分析基礎(chǔ)上提出的，這些語(yǔ)義化元素能夠使得頁(yè)面開(kāi)發(fā)人員在設(shè)計(jì)頁(yè)面的時(shí)候更加的方便和簡(jiǎn)潔，同時(shí)也能夠使得搜索引擎在建立索引的時(shí)候，充分利用這些結(jié)構(gòu)化的語(yǔ)義元素的優(yōu)勢(shì)。表單HTML中的表單就是Web頁(yè)面中數(shù)據(jù)的集合體，通常由一個(gè)個(gè)的Web控件組成，表單擔(dān)當(dāng)了客戶端瀏覽器和 Web 服務(wù)器之間數(shù)據(jù)傳輸?shù)囊粋€(gè)載體。在現(xiàn)有的HTML4 標(biāo)準(zhǔn)中，表單對(duì)于 Web 應(yīng)用來(lái)說(shuō)只是一個(gè)數(shù)據(jù)的收集和組織的功能，但是在新的 HTML5 中，表單不僅僅是一個(gè)數(shù)據(jù)收集的載體，同時(shí)它添加了許多新的功能與特性，這些包括輸入的合法性驗(yàn)證，表單內(nèi)容格式的驗(yàn)證還有表單錯(cuò)誤的異常處理等等。之前的 Web 應(yīng)用對(duì)用戶的輸入都是首先通過(guò)前臺(tái)的 Javascript來(lái)進(jìn)行輸入的合法性驗(yàn)證，然后后臺(tái)服務(wù)器再對(duì)客戶端提交的數(shù)據(jù)進(jìn)行驗(yàn)證。[20] 而HTML5 中新的控件如表 22 所示，通過(guò)使用這些控件，瀏覽器可以自己對(duì)用戶的數(shù)據(jù)進(jìn)行判斷，假如用戶輸入錯(cuò)誤，瀏覽器還會(huì)給出錯(cuò)誤提示，而不需要開(kāi)發(fā)人員在客戶端使用 Javascript 對(duì)用戶的輸入進(jìn)行驗(yàn)證。多媒體HTML5 提供了一個(gè)新的開(kāi)放的標(biāo)準(zhǔn)用于在 Web 應(yīng)用中使用多媒體，標(biāo)準(zhǔn)中包括了視頻、音頻、動(dòng)畫(huà)以及操作這些對(duì)象的 API。在此之前，要在 Web 應(yīng)用中添加視頻資源，瀏覽器需要安裝第三方的插件，同時(shí)這些視頻數(shù)據(jù)一般都是鎖定的，用戶無(wú)法對(duì)這些視頻數(shù)據(jù)進(jìn)行操作，HTML5中的video元素支持原生的視頻數(shù)據(jù)，而且這些數(shù)據(jù)對(duì)用戶來(lái)說(shuō)是自由的，就像 Web 上的圖片一樣，你可以對(duì) Web 上的視頻數(shù)據(jù)進(jìn)行任意的操作。數(shù)據(jù)存儲(chǔ)現(xiàn)在的 Web 程序?qū)τ跀?shù)據(jù)的存儲(chǔ)有兩種方式，一種是通過(guò)本地的 cookies，另外一種是將客戶端的數(shù)據(jù)直接存儲(chǔ)到服務(wù)器上面去。HTML5 支持兩種新的存儲(chǔ)方式，一種是 Web Storage, 另外一種是 Web SQL Databases， Web Storage 就是一個(gè)加強(qiáng)版的 cookies，但是 HTML4 中的 cookies 的數(shù)據(jù)在每次服務(wù)器請(qǐng)求的時(shí)候都會(huì)隨著請(qǐng)求移動(dòng)設(shè)備展示過(guò)去，這極大影響了網(wǎng)絡(luò)帶寬和程序效率。通過(guò) HTML5 的本地存儲(chǔ)功能，開(kāi)發(fā)人員能夠在客戶端存儲(chǔ)更多的數(shù)據(jù)并且不會(huì)對(duì)系統(tǒng)的性能造成影響。 B/S開(kāi)發(fā)模式簡(jiǎn)介下面對(duì)移動(dòng)教務(wù)管理系統(tǒng)所采用的B/S開(kāi)發(fā)模式介紹如下：B/S模式通常采用PC服務(wù)器或高性能的PC作為服務(wù)器，對(duì)于大型系統(tǒng)還有可能選用工作站或小型機(jī)作為服務(wù)器。對(duì)于小型管理信息系統(tǒng)一般會(huì)采用開(kāi)源的MYSQL作為數(shù)據(jù)庫(kù)，對(duì)于中型和大型的系統(tǒng)一般會(huì)選用性能比較穩(wěn)定并發(fā)性好的Oracle或SQL Server作為數(shù)據(jù)庫(kù)，少數(shù)情況下系統(tǒng)開(kāi)發(fā)還會(huì)選用Excel、Sybase、Informix等非主流數(shù)據(jù)庫(kù)。本文中針對(duì)移動(dòng)教務(wù)管理系統(tǒng)的實(shí)際需求選用的是戴爾7410E作為器，以及SQL Server作為數(shù)據(jù)庫(kù)。B/S結(jié)構(gòu)的特點(diǎn)主要有：特點(diǎn)一，針對(duì)小范圍的網(wǎng)絡(luò)環(huán)境進(jìn)行的專(zhuān)網(wǎng)建設(shè)。B/S模式的管理信息系統(tǒng)—般建立在專(zhuān)用的網(wǎng)絡(luò)上。針對(duì)大范圍的網(wǎng)絡(luò)環(huán)境一般選用專(zhuān)門(mén)服務(wù)器來(lái)傳輸局域網(wǎng)之間的數(shù)據(jù)和數(shù)據(jù)交換服務(wù)；特點(diǎn)二，用戶群的針對(duì)性。基于B/S模式開(kāi)發(fā)的管理信息系統(tǒng)一般是針對(duì)對(duì)固定的用戶群的。因此這種信息管理系統(tǒng)對(duì)信息安全具有較高的控制能力；并且，國(guó)內(nèi)外現(xiàn)有的大多數(shù)高度機(jī)密的管理信息系統(tǒng)均采用B/S模式進(jìn)行開(kāi)發(fā)和設(shè)計(jì)；特點(diǎn)三，流程控制性強(qiáng)?；贐/S模式的管理信息系統(tǒng)一般都是基于角色開(kāi)發(fā)，不同的角色賦予不同的權(quán)限；特點(diǎn)四，系統(tǒng)運(yùn)行速度一般是次要決定因素；特點(diǎn)五，操作系統(tǒng)無(wú)關(guān)性?；贐/S模式開(kāi)發(fā)的系統(tǒng)可以同時(shí)為多種操作系統(tǒng)用戶使用，無(wú)須考慮用戶所使用的操作系統(tǒng)。系統(tǒng)數(shù)據(jù)庫(kù)一般是通過(guò)Web Server來(lái)實(shí)現(xiàn)數(shù)據(jù)交互功能。 小結(jié)本章重點(diǎn)介紹了移動(dòng)WEB系統(tǒng)開(kāi)發(fā)所需的工具與技術(shù)，其中包括：移動(dòng)WEB開(kāi)發(fā)技術(shù)和移動(dòng)系統(tǒng)開(kāi)發(fā)相關(guān)技術(shù)。第3章 需求分析第3章 需求分析當(dāng)前學(xué)校教務(wù)管理系統(tǒng)主要存在的問(wèn)題包括：其一，基于C/S或者B/S架構(gòu)的傳統(tǒng)教務(wù)信息系統(tǒng)無(wú)法實(shí)現(xiàn)隨身教務(wù)管理的功能；其二，傳統(tǒng)教務(wù)管理系統(tǒng)因無(wú)法實(shí)現(xiàn)隨時(shí)隨地地對(duì)教職工或課程進(jìn)行投票，導(dǎo)致學(xué)生投票棄權(quán)的現(xiàn)象較為普遍；其三，傳統(tǒng)的教務(wù)管理系統(tǒng)信息更新較慢?；谝陨蠁?wèn)題本文在原有的B/S架構(gòu)下的教務(wù)管理系統(tǒng)的基礎(chǔ)上，提出了基于HTML5技術(shù)和CSS3技術(shù)整合的晉江職校教務(wù)管理系統(tǒng)。本章重點(diǎn)對(duì)以上問(wèn)題進(jìn)行系統(tǒng)需求分析。 業(yè)務(wù)需求 業(yè)務(wù)描述其一，能夠?qū)崿F(xiàn)晉江職校移動(dòng)教務(wù)管理系統(tǒng)的教務(wù)基本功能，即：教學(xué)資源管理功能的設(shè)計(jì)與實(shí)現(xiàn)，學(xué)籍管理功能的設(shè)計(jì)與實(shí)現(xiàn)，教學(xué)計(jì)劃管理功能的設(shè)計(jì)與實(shí)現(xiàn)，開(kāi)課和排課管理功能的設(shè)計(jì)與實(shí)現(xiàn)；選課管理功能的設(shè)計(jì)與實(shí)現(xiàn)，考試管理功能的設(shè)與實(shí)現(xiàn)，視頻管理功能的設(shè)計(jì)與實(shí)現(xiàn)，教師管理功能的設(shè)計(jì)與實(shí)現(xiàn)，教材管理功能的設(shè)計(jì)與實(shí)現(xiàn)，畢業(yè)管理功能的設(shè)計(jì)與實(shí)現(xiàn)，畢業(yè)管理功能的設(shè)計(jì)與實(shí)現(xiàn)以及系統(tǒng)的業(yè)務(wù)流程分析功能的設(shè)計(jì)與實(shí)現(xiàn)。其二，實(shí)現(xiàn)對(duì)晉江職校移動(dòng)教務(wù)管理系統(tǒng)的使用過(guò)程中所有數(shù)據(jù)的管理。其三，具有配套的系統(tǒng)后臺(tái)管理維護(hù)功能，能夠?qū)虅?wù)管理信息、學(xué)生信息、教職工信息、系統(tǒng)日志等信息進(jìn)行管理與維護(hù)，并能夠進(jìn)行對(duì)應(yīng)的權(quán)限管理。其四，響應(yīng)速度合理，安全性較高。其五，系統(tǒng)運(yùn)行穩(wěn)定，并且應(yīng)易于維護(hù)。 主要業(yè)務(wù)流程圖系統(tǒng)的主要工作流程是：第一步，用戶通過(guò)移動(dòng)終端進(jìn)入登陸首頁(yè)；第二步，用戶通過(guò)移動(dòng)終端選擇鍵盤(pán)輸入或觸摸屏輸入選擇自己的用戶類(lèi)別。用戶類(lèi)別包括：學(xué)生用戶、教職工用戶和管理員用戶三類(lèi)；第三步，WEB數(shù)據(jù)流通過(guò)WAP服務(wù)器向系統(tǒng)發(fā)出連接請(qǐng)求。服務(wù)器對(duì)收到的請(qǐng)求進(jìn)行認(rèn)證，如果符合要求則響應(yīng)客戶端服務(wù)，如果不合法返回輸入界面；第四步，用戶通過(guò)認(rèn)證后獲取相應(yīng)的服務(wù)。圖31 系統(tǒng)安全認(rèn)證流程圖 功能需求功能(function)是刻畫(huà)系統(tǒng)行為、特別是系統(tǒng)與環(huán)境關(guān)系的重要概念。用戶需求(User Requirement)描述了待開(kāi)發(fā)的軟件必須完成的任務(wù)。功能需求(Functional Requirement)定義了必須實(shí)現(xiàn)的軟件功能，使得用戶通過(guò)這些功能完成他們的任務(wù)，從而滿足業(yè)務(wù)需要。 角色分析以下從移動(dòng)教務(wù)管理系統(tǒng)的實(shí)際需求分析，系統(tǒng)涉及到以下角色：表 31 角色表角色職責(zé)或功能教務(wù)管理人員系統(tǒng)主要參與者，負(fù)責(zé)全校的日常維護(hù)與信息上傳等學(xué)生系統(tǒng)主要參與者，系統(tǒng)各項(xiàng)任務(wù)的使用者教師系統(tǒng)主要參與者 系統(tǒng)超級(jí)管理員管理和維護(hù)整個(gè)系統(tǒng)的用戶組織結(jié)構(gòu)，負(fù)責(zé)對(duì)用戶、角色、用戶級(jí)別的增、刪、改、查等管理。 業(yè)務(wù)功能在設(shè)計(jì)移動(dòng)WEB用戶的認(rèn)證過(guò)程中必須考慮移動(dòng)設(shè)備的具體情況，具體如下表32所示：表32 業(yè)務(wù)功能要求智能手機(jī)普通功能機(jī)特點(diǎn)支持cookie不支持cookie輸入方式觸摸屏輸入和鍵盤(pán)輸入相結(jié)合鍵盤(pán)輸入顯示大小縱向三屏橫向一屏縱向兩屏橫向一屏是否支持XHMTL支持只支持WML視頻點(diǎn)播模塊主要的需求是采用最新的HTML5和CSS3技術(shù)結(jié)合ASP程序開(kāi)發(fā)技巧實(shí)現(xiàn)如下功能：其一，集中的精品教學(xué)視頻展示、教學(xué)視頻展示(教學(xué)錄象或教學(xué)預(yù)告)、多功能廳多媒體教學(xué)預(yù)告片展示等等。其二，視頻點(diǎn)播模塊要求視頻格式采用MP4或者OGG媒體流格式。其三，視頻點(diǎn)播模塊要求系統(tǒng)播放的視頻擁有界面可塑、強(qiáng)大的可控性、體積小的特點(diǎn)。其四，視頻點(diǎn)播模塊要求視頻格式要求系統(tǒng)擁有管理視頻數(shù)據(jù)庫(kù),如添加、刪除、修