【正文】 3]。新西蘭延續(xù)了“普遍存在的，無所不在”系統(tǒng)設(shè)計理念，將系統(tǒng)設(shè)計成為基于大眾的、面向用戶的信息系統(tǒng)。使用對象的廣泛性、面向用戶以及獨創(chuàng)性成為了信息系統(tǒng)設(shè)計的三原則。這種設(shè)計理念可以讓殘障學(xué)生都可以通過網(wǎng)絡(luò)資源進行溝通[4]。韓國的學(xué)校教務(wù)管理信息系統(tǒng)主要有三方面成就：系統(tǒng)需求研究合理，每項教務(wù)管理功能都選擇使用信息化的方式來實現(xiàn)，學(xué)生可以通過電子化的途徑獲得想要的任何信息；系統(tǒng)設(shè)計選擇面向客戶需求的設(shè)計理念，而放棄了以往系統(tǒng)設(shè)計以部門組織結(jié)構(gòu)為系統(tǒng)設(shè)計的主體的原則；對于因為殘疾或生病導(dǎo)致的不方便上網(wǎng)的用戶，建立自助服務(wù)機制，由義工組織負(fù)責(zé)為他們提供必要的服務(wù)。法國在設(shè)計學(xué)校教務(wù)管理系統(tǒng)的過程中突出體現(xiàn)了“數(shù)字時代的人本主義”的思想。突出體現(xiàn)在以下三個方面：其一，將寬帶、數(shù)字多媒體、INTERNET網(wǎng)絡(luò)、通訊設(shè)備有機的整合在一起；其二，確保系統(tǒng)與用戶間的溝通不受時間和空間的限制；其三，系統(tǒng)集成的智能化使信息更加便利。（2）就國外學(xué)校教務(wù)管理信息系統(tǒng)發(fā)展過程來說，學(xué)校教務(wù)管理信息系統(tǒng)主要歷經(jīng)五個階段。以簡單用于信息發(fā)布為特點的第一階段。學(xué)校通過網(wǎng)站發(fā)布與自身有關(guān)的各種信息（這些信息多為靜態(tài)的），例如，學(xué)校各項工作流程、教學(xué)管理流程、校規(guī)校紀(jì)、法律條文等；第二階段的主要特點是能夠?qū)崿F(xiàn)簡單的交流功能。在第一階段的基礎(chǔ)上，學(xué)校通過對學(xué)生提供特定形式的技術(shù)支持來實現(xiàn)有關(guān)方面的單向交流；第三階段是以雙向交流為特點的。雙向交流是指學(xué)校和學(xué)生間通過系統(tǒng)建立雙向的聯(lián)系。學(xué)校通過信息系統(tǒng)向?qū)W生征求廣泛的意見和建議。學(xué)生通過信息系統(tǒng)向?qū)W校反應(yīng)實際的情況并實現(xiàn)教學(xué)管理的功能；第四階段也成為教務(wù)信息化管理階段。這個階段的主要特點是通過電子辦公的方式實現(xiàn)學(xué)校的各項政務(wù)辦理過程；第五階段，資源整合階段。目前教務(wù)信息化管理信息化系統(tǒng)的建設(shè)的最新進展就是要實現(xiàn)通過信息化系統(tǒng)將各種資源整合在一起。據(jù)2012年全球信息工業(yè)協(xié)會的一項統(tǒng)計報告顯示，目前能夠?qū)崿F(xiàn)資源整合階段的國家還很少，只有小部分達到了第四階段，大部分還處于前三階段。目前國外發(fā)達國家的學(xué)校教學(xué)管理信息化水平已經(jīng)非常高了，他們的教務(wù)管理系統(tǒng)一般都擁有較為完備的網(wǎng)絡(luò)環(huán)境、先進的管理模式、高度的教學(xué)信息化水平等。據(jù)統(tǒng)計，美國四千多所公立和私立學(xué)校中，全部配備了自己的教務(wù)管理系統(tǒng)。新西蘭學(xué)校教務(wù)管理系統(tǒng)的普及率也達到了百分之百。歐洲各國學(xué)校的教務(wù)系統(tǒng)的普及率也超過了99%。（3）從國外國外對教務(wù)管理系統(tǒng)的研究來說，目前國外對學(xué)校教務(wù)管理信息系統(tǒng)研究的文獻非常多。例如，特里肯（Turkmen）于2011年發(fā)表了《Information system design for educational management》一文，文中指出信息系統(tǒng)與教務(wù)管理系統(tǒng)的融合方式、其中包括整體架構(gòu)的設(shè)計、數(shù)據(jù)庫的設(shè)計、業(yè)務(wù)系統(tǒng)的實現(xiàn)等。斯坦福大學(xué)的賽菲爾德（Seinfeld）教授、杰佛瑞（Jeffrey I）博士以及來自新西蘭的塔卡奇（Takashi）博士在國外教育方面的核心期刊“Education for Sustainable Development”上共同發(fā)表的《The challenge of transdisciplinarily》[5]。文章中將教學(xué)信息化、教育辦公自動化、學(xué)習(xí)網(wǎng)絡(luò)化等有效地融合在了一起。筆者在分析和借鑒國內(nèi)外有關(guān)教育、教學(xué)和教務(wù)信息管理系統(tǒng)的成果的基礎(chǔ)上，完成了本文的主要工作。 國內(nèi)研究及應(yīng)用現(xiàn)狀 國內(nèi)教務(wù)管理信息系統(tǒng)的研究與應(yīng)用現(xiàn)狀從教務(wù)管理信息系統(tǒng)的發(fā)展上來說，我國教務(wù)管理系統(tǒng)的發(fā)展要落后于國外，但是，近年來，我國充分利用了后發(fā)優(yōu)勢學(xué)校教務(wù)管理系統(tǒng)的發(fā)展非常迅速，很多學(xué)校自主開發(fā)的教務(wù)管理系統(tǒng)已經(jīng)接近甚至超過了國際先進水準(zhǔn)。例如，清華大學(xué)開發(fā)的“泰山教務(wù)管理系統(tǒng)”不僅綜合了教務(wù)管理系統(tǒng)的所有功能，而且還增加了辦公自動化功能。又例如，人民大學(xué)在我國最早開發(fā)了教務(wù)管理系統(tǒng)，至2012年完成了第四次升級，由最初的C/S模式的只能進行學(xué)籍管理和視頻管理的小系統(tǒng)升級到現(xiàn)在的集教務(wù)排課模塊、學(xué)籍管理、視頻管理模塊、學(xué)生管理模塊、學(xué)生選課模塊、考試管理模塊、教師管理模塊、畢業(yè)管理模塊、教學(xué)資源管理模塊于一體的，基于B/S與C/S混合架構(gòu)的，、功能強大的教務(wù)管理信息系統(tǒng)。此外，還有“西安交通大學(xué)教務(wù)信息管理系統(tǒng)”、“北京師范大學(xué)教務(wù)管理系統(tǒng)”、“國防科技大學(xué)教務(wù)管理系統(tǒng)”等優(yōu)秀的信息化教務(wù)管理系統(tǒng)。隨著科學(xué)技術(shù)的進步，網(wǎng)絡(luò)時代的開始，現(xiàn)代學(xué)校面臨著學(xué)生數(shù)量大及教學(xué)任務(wù)重的問題。具體表現(xiàn)在：教師安排課時數(shù)量有限與學(xué)生選課需求課時量較大的矛盾；教室資源的緊缺導(dǎo)致的排課難的問題；期末集中考試導(dǎo)致的考試安排緊張的問題；學(xué)籍信息的查詢和保存問題；教學(xué)計劃的安排問題；學(xué)生自主選課與分流問題等等。這些問題給學(xué)校的正常教學(xué)工作改革帶來了挑戰(zhàn)的同時，也對學(xué)校相對落后的教學(xué)管理現(xiàn)代化改革給予了改革的機遇。這對于改變我國學(xué)校人工管理為主、管理水平不高、管理效率地下的現(xiàn)狀有著積極的促進作用。學(xué)生不能及時得到自己的相關(guān)信息及科目的視頻。但近些年來學(xué)校教務(wù)管理有了很大的發(fā)展。從教務(wù)管理信息化的研究上來說，目前我國系統(tǒng)開發(fā)企業(yè)和學(xué)者都非常重視對教務(wù)管理系統(tǒng)的開發(fā)與研究。在中國知網(wǎng)、萬方數(shù)據(jù)庫、百度上可以查到的相關(guān)文獻都非常多。以2013年2月份的相關(guān)文獻搜索情況為例，中國知網(wǎng)可以搜索到的相關(guān)文獻有1250多條，萬方數(shù)據(jù)庫中可以搜索到的相關(guān)文獻有500多篇，百度上命中的文獻有12000多篇。如下表11所示。表11 有關(guān)教務(wù)管理信息系統(tǒng)的文獻篇數(shù)統(tǒng)計文獻數(shù)據(jù)庫關(guān)鍵詞教務(wù)管理系統(tǒng)移動教務(wù)管理中國知網(wǎng)6250篇3250篇萬方數(shù)據(jù)庫12700多篇11700多篇百度文獻112000多篇113200多篇目前我國學(xué)者對教務(wù)信息系統(tǒng)的研究主要集中在以下幾個方面：其一，重點研究系統(tǒng)架構(gòu)的設(shè)計。例如，2010年，徐萍在他的碩士論文《學(xué)校教務(wù)管理系統(tǒng)的設(shè)計與實現(xiàn)》中，提出了教務(wù)管理總體框架的SOA設(shè)計。文章的優(yōu)點是對系統(tǒng)架構(gòu)做了較為合理的設(shè)計，但是C/S模式設(shè)計的缺點也很突出：系統(tǒng)不易移植，系統(tǒng)不易更新?lián)Q代，界面缺乏人性化設(shè)計等。又例如，武曉春、王曉明在《基于C/S和B/S模式的教務(wù)管理信息系統(tǒng)的設(shè)計與實現(xiàn)》[6]中提出了綜合C/S和B/S結(jié)構(gòu)的優(yōu)點，進行混合結(jié)構(gòu)的設(shè)計。文章的思路獲得了廣泛認(rèn)可，但是文章只是探討了混合設(shè)計的可行性，并沒有真正的提出具體的設(shè)計。而管嶺在《基于B／S結(jié)構(gòu)的教務(wù)管理信息系統(tǒng)設(shè)計與實現(xiàn)》[7]一文中則采用B／S結(jié)構(gòu)設(shè)計和實現(xiàn)了教學(xué)管理信息系統(tǒng)，對考試自動排考的實現(xiàn)進行了重點介紹。其二，以研究系統(tǒng)安全為主要目標(biāo)。隨著我國中小學(xué)以及學(xué)校陸續(xù)開發(fā)出來的教務(wù)管理系統(tǒng)越來越多，但是系統(tǒng)安全一直都沒有得到有效的保障，因此出現(xiàn)了很多研究系統(tǒng)安全的文獻。例如，朱俊峰、賈禮遠于2009年發(fā)表的論文《基于C/S架構(gòu)的教務(wù)管理系統(tǒng)安全策略探析》[8]。文中詳細分析了C/S架構(gòu)存在的重大安全隱患，并根據(jù)MD5算法，優(yōu)化了系統(tǒng)的身份認(rèn)證問題，并在全面分析現(xiàn)有安全機制的基礎(chǔ)上，對數(shù)據(jù)備份、系統(tǒng)二次開發(fā)、系統(tǒng)架構(gòu)優(yōu)化等進行了研究。其三，以研究系統(tǒng)集成為主要方向。如何將系統(tǒng)模塊化、集成化、使系統(tǒng)擁有較好的可移植性、可擴展性、實用性是目前教務(wù)管理系統(tǒng)研究的又一個重要方向。例如，武曉春、王曉明的《基于校園網(wǎng)的教務(wù)管理信息系統(tǒng)》[9]中指出如何將蘭州交通大學(xué)的教務(wù)管理系統(tǒng)集成為一個有機的整體，既要保證各個模塊間的相對獨立和數(shù)據(jù)傳輸?shù)陌踩?，又能保證系統(tǒng)的整體性。由于辦學(xué)模式、管理制度的差異以及中職學(xué)院特有的一些特點，普通高校的MIS并不完全適合中職學(xué)校的實際需求，《B／S模式高職學(xué)生管理系統(tǒng)研究與設(shè)計》（劉振華 著）[10]一文中專門為高職院校設(shè)計了B/S模式的MIS更具參考意義。同時，我參考了袁小艷[11]、喻翔瑋[12]對于教務(wù)管理系統(tǒng)設(shè)計的真知灼見。 國內(nèi)移動教務(wù)管理信息系統(tǒng)的研究與應(yīng)用現(xiàn)狀在我國對移動教務(wù)管理系統(tǒng)研究比較有代表性的文獻有很多。其中，梁律（2012）[13]在《3G背景下移動教學(xué)信息服務(wù)平臺的設(shè)計與實現(xiàn)》中指出學(xué)校教務(wù)管理系統(tǒng)主要存在的問題在于：首先，基于C/S或者B/S架構(gòu)的傳統(tǒng)教務(wù)信息系統(tǒng)無法實現(xiàn)隨身教務(wù)管理的功能；其次，傳統(tǒng)教務(wù)管理系統(tǒng)因無法實現(xiàn)隨時隨地地對教職工或課程進行投票，導(dǎo)致學(xué)生投票棄權(quán)的現(xiàn)象較為普遍；第三，傳統(tǒng)的教務(wù)管理系統(tǒng)信息更新較慢?；谝陨蠁栴}本文在原有的B/S架構(gòu)下的教務(wù)管理系統(tǒng)的基礎(chǔ)上，提出了建設(shè)基于HTML5技術(shù)和CSS3技術(shù)整合的晉江職校教務(wù)管理系統(tǒng)。許飛在其論文《基于 J2ME, J2EE, WAP 的移動終端教務(wù)管理信息系統(tǒng)的設(shè)計與實現(xiàn)》[14]中指出，教務(wù)管理系統(tǒng)隨著我國信息化建設(shè)的浪潮成為每個學(xué)校都在建設(shè)的系統(tǒng)，它的好處是：其一，方便了學(xué)籍管理；其二，讓教務(wù)排課變得容易了；其三，讓學(xué)生選課更加輕松；其四，讓考試管理更加規(guī)范，其五，讓視頻管理更加合理；其六，有利于教材管理的透明化；其七，減少了視頻統(tǒng)計、課表安排、教室安排等人為錯誤等等。這些優(yōu)點使得教務(wù)管理系統(tǒng)變得越來越受追捧。開發(fā)一款優(yōu)秀的教務(wù)管理系統(tǒng)對于節(jié)約人力資源、提升物力資源的使用率、精簡財力資源的支出、提高教務(wù)管理水平、精簡管理流程、優(yōu)化管理結(jié)構(gòu)、提升教學(xué)管理效果有著非常重大的意義。 國內(nèi)HTML5及CSS3應(yīng)用現(xiàn)狀HTML5是HTML下一個主要的修訂版本，現(xiàn)在仍處于發(fā)展階段。目標(biāo)是取代1999年所制定的HTML ，以期能在網(wǎng)際網(wǎng)路應(yīng)用迅速發(fā)展的時候，使網(wǎng)路標(biāo)準(zhǔn)達到符合當(dāng)代的網(wǎng)路需求。在手持設(shè)備高速發(fā)展的當(dāng)下，網(wǎng)頁設(shè)計者和開發(fā)者都在孜孜不倦地追求使用HTML5來開發(fā)新一代的產(chǎn)品。[15]CSS即層疊樣式表（Cascading Stylesheet）。 在網(wǎng)頁制作時采用CSS技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。 只要對相應(yīng)的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。[16]CSS3是CSS技術(shù)的升級版本，對于 有很多的修改和補充。CSS3語言開發(fā)是朝著模塊化發(fā)展的。以前的規(guī)范作為一個模塊實在是太龐大而且比較復(fù)雜，所以，把它分解為一些小的模塊，更多新的模塊也被加入進來。這些模塊包括： 盒子模型、列表模塊、超鏈接方式 、語言模塊 、背景和邊框 、文字特效 、多欄布局等。使用 HTML5 和 CSS3 可以更容易創(chuàng)造視覺上充滿吸引力的網(wǎng)頁效果，不容置疑HTML5 和CSS3 是 Web 網(wǎng)站開發(fā)技術(shù)的趨勢。目前也有很多學(xué)者將HTML5和CSS3在WAP平臺上進行開發(fā)。用戶可以通過租用WAP服務(wù)器的方式將自己的公司業(yè)務(wù)接入移動信息業(yè)務(wù)中，通過WAP管理平臺進行二次開發(fā)，開發(fā)出自己的數(shù)據(jù)處理平臺，對信息的發(fā)布，收集，整合方面具有非常方便的應(yīng)用?；贖TML5和CSS3技術(shù)的移動教務(wù)管理系統(tǒng)，用來發(fā)布教務(wù)信息，收集教學(xué)評價意見等等非常方便，十分適合流動性大、不經(jīng)常在電腦前面的師生的使用。同時，可以直接使用移動設(shè)備展示HTML5頁面，通過鏈接到用戶的手機上，作為整合教務(wù)管理系統(tǒng)的工作流的粘合劑，方便教務(wù)管理業(yè)務(wù)工作流中的各種用戶對系統(tǒng)的快速接入，并保證接入的安全性。 本文的研究內(nèi)容 課題來源本文以福建省晉江職業(yè)中專學(xué)校的“基于CSS3和HTML5技術(shù)的教務(wù)管理系統(tǒng)”的設(shè)計與實現(xiàn)為課題來源。針對當(dāng)前基于移動終端的教務(wù)管理系統(tǒng)的設(shè)計沒有直接參考標(biāo)準(zhǔn)的問題，提出了符合學(xué)校移動教務(wù)管理系統(tǒng)的移動信息化設(shè)計方案，并構(gòu)建了符合晉江職校自身特色的移動教務(wù)管理平臺。在上述項目中，本文作者有幸參與到了項目的具體設(shè)計與實施的部分過程，對系統(tǒng)的設(shè)計與實現(xiàn)有了一個較為全面的認(rèn)識。本文作者主要接觸的工作包括：教務(wù)管理系統(tǒng)的需求分析、系統(tǒng)數(shù)據(jù)庫設(shè)計、CSS3接口編程等方面的內(nèi)容。 本文創(chuàng)新點本文的主要創(chuàng)新點包括三個方面：第一，本文基于HTML5移動互聯(lián)技術(shù)與移動CSS3代理服務(wù)器技術(shù)的全方位立體式個人教務(wù)活動助理式訪問接口技術(shù)；第二，適應(yīng)中職生個性化管理需求的教務(wù)管理系統(tǒng)內(nèi)容設(shè)計；第三，針對晉江職校教學(xué)實踐活動特點的全過程服務(wù)的教務(wù)管理系統(tǒng)設(shè)計。 論文的結(jié)構(gòu)本文由六章內(nèi)容組成，其中：第一章介紹了本文的研究背景，對所需要解決的問題進行了概述，討論了移動教務(wù)管理信息系統(tǒng)的研究意義與重要性，介紹了移動教務(wù)管理系統(tǒng)的國內(nèi)外研究和發(fā)展現(xiàn)狀，闡述了論文的主要內(nèi)容以及本人的主要工作。第二章闡述的是本文所涉及到的開發(fā)方法及相關(guān)技術(shù)，包括： HTML5技術(shù)與CSS3等。第三章是本文的核心內(nèi)容之一，針對系統(tǒng)的業(yè)務(wù)需求、功能需求、數(shù)據(jù)需求和非功能需求等進行了詳細分析，給出了主要的業(yè)務(wù)流程圖和數(shù)據(jù)流圖，并利用數(shù)據(jù)字典進行了詳細的描述，同時進行了功能數(shù)據(jù)分析。第四章是本文的重點，在進行了系統(tǒng)總體設(shè)計的基礎(chǔ)上，采用功能結(jié)構(gòu)圖、核心處理流程圖等對系統(tǒng)的子模塊進行了功能性詳細設(shè)計，同時通過實體ER圖和數(shù)據(jù)庫表結(jié)構(gòu)對數(shù)據(jù)庫進行了詳細設(shè)計。第五章是本文的實現(xiàn)部分，在進行了系統(tǒng)總體設(shè)計的基礎(chǔ)上，對本文涉及到的部分功能模塊進行了實現(xiàn)展示，包括圖片展示和代碼展示兩種形式。第六章對基于HTML5技術(shù)與CSS3技術(shù)整合的晉江職校隨身教務(wù)管理系統(tǒng)的設(shè)計中產(chǎn)生的問題與不足進行了歸納和總結(jié)并對進一步的工作進行了展望。71第2章 相關(guān)工具與技術(shù)概述第2章 相關(guān)工具與技術(shù)概述 移動WEB開發(fā)技術(shù)移動WEB開發(fā)必須考慮到顯示屏幕的限制、移動客戶端電池續(xù)航能力的限制、移動端輸入功能的限制、客戶端CPU計算性能的限制、移動設(shè)備內(nèi)存容量的限制、移動端帶寬的限制等。 移動WEB與桌面WEB開發(fā)環(huán)境對比由于移動設(shè)備（手機、ipad等）的內(nèi)存、屏幕大小、CPU性能、帶寬等各方面性能都較臺式機和筆記本電腦有著明顯的差距，因此在設(shè)計移動教務(wù)管理系統(tǒng)之前必須對移動設(shè)備的特性有一個全面地了解。表21 固定上網(wǎng)設(shè)備與移動設(shè)備主要WEB性能對比表固定設(shè)備移動設(shè)備平均會話時間屏幕尺寸1218寸帶寬范圍0Kbps1000Mbps0kbps56KBPS是否支持JS支持不支持是否支持COOKIE是部分支持主要標(biāo)記語