【正文】 最后 以靜態(tài)網頁制作、 JSP 動態(tài)網頁設計、 CSS 樣 式應用 、 Photoshop 圖像處理、 UML 語言及對網站的總體布局設計為基礎，開發(fā)了教學內容、學習指南、課程設計 及教研資源 等 學習 版塊。 本課題就是以網絡信息技術為支撐平臺，開發(fā)嵌入式系統(tǒng)課程學習網站，構筑 教學與 網絡相結合的教師教學新模式和學生學習新方式。 work teaching。網絡與教育的結合，將會徹底改變傳統(tǒng)的教育思 想、觀念、內容、方法，改變傳統(tǒng)的人才培養(yǎng)模式。 未來的教育技術必將是以信息技術為基礎的教育技術 ， 信息技術在教育中的應用是教育技術的重要組成部分，信息技術的發(fā)展，必將引起教育技術學科領域的重大變化。 通過給學習者提供包括網上學習導航、答疑、檢索、討論、作業(yè)、在線自測等手段，提高 嵌入式系統(tǒng)課程 學習者的學習效果；通過提供內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 方便的網絡課程構建工具，加強網絡課程的交互性和協作性，提高網絡課程的建設質量；通過提供多種最能體現網絡特色的學習策略，打破傳統(tǒng)單一的傳授式學習模式，便于教師進行教學設計。在人機、機機交互 的 基礎 上，實現師生、生生及師師之間的交互作用。學生可以更自由地 安排學習過程，盡可能地實現學習自主化。 從嵌入式系統(tǒng)網絡教學 課程的特點來看， 它 與一般的多媒體教學軟件不同，它是學習者利用網絡進行遠程學習的 平臺 ，是通過網絡 表現的 該門 學科的教學內容和實施的教學活動。而網絡課程借助于網絡這個平臺，充分運用了網絡技術，表現出方 便多樣的交互形式，這也是其目前得到蓬勃發(fā)展的原因之一。 網絡課程在表現形式上具有多媒體特點，充分利用了各種表現形式來調動學生的各種感官，激發(fā)學生的學習興趣，這個特點也就要求我們在開發(fā)的過程中一定要遵循多媒體原則，綜合考慮多種媒體因素，注意各媒體的組合，以達到最佳的表現效果。 另外，網絡課程的時效性特點要求其在后期維護方面要簡單易用，不至于其更新只能由專業(yè)的開發(fā)人員才能夠實現，這樣才能滿足內容的及時更新，使教師和一般的管理員都能夠輕易 地 實現新內容的更新。 三層分布式應用體系結構 的設計 根據 嵌入式系統(tǒng)課程 網絡教學平臺的總體要求和設計原則， 以及滿足用戶對業(yè)務邏輯可定制和可管理的個性化 的 需求， 確定了平臺的 三層應用體系結構圖 ， 如 圖 。 在 表示層中包含系統(tǒng)的顯示邏輯，它的任務是由 Web 瀏覽器向網絡上的某一 Web服務器提出服務請求， Web 服務器對用戶身份進行驗證后用 HTTP 協議把所需的主頁傳送給客戶端，客戶機接受傳來的主頁文件，并把它顯示在 Web 瀏覽器上。 此層也是上下兩層的紐帶，它建立實際的數據庫連接，這一層通常以動態(tài)鏈接庫的形式存在并注冊到服務器的注冊表 (Registry)中，它與客戶端通訊的接口符合某一特定的組件標準 (如 EJB、 COM， CORBA)，可以用任何支持這種標準的工具開發(fā)?；?Web 的應用是這種現象的最好證明，基于 Web 的網絡教學平臺的引入，不但會提高教師授課的工作效率，更能引入全新的教學模式。 這種結構不僅把客戶機從沉重的負擔和不斷對其提高的性能的要求中解放出來，也把技術維護人員從繁重的維護升級工作中解脫出來。前面五個要素與教師群體和學習者之間的關系 見 圖 ： 圖 網絡教學環(huán)境各要素間的關系 教學支撐平臺是實現網絡課程教學的基礎，它包括各種網絡硬件設備、系統(tǒng)軟件與應用軟件和保障網絡正常運行的輔助人員群體，為網絡教學的實現提供了必要的物質基礎和交互性的學習環(huán)境。 考核評估系統(tǒng)是實現教學效果評價的重要組成部分，可以對學習者學習成果進行評價并對其學習進程提出參考意見。 根據“嵌入式系統(tǒng)課程”自身的特點，設計了八大模塊，依次如下： 嵌 入 式 系 統(tǒng) 課 程 網 絡 教 學 平 臺首 頁教 學 成 果教 學 內 容畢 業(yè) 設 計在 線 考 試課 程 設 計學 習 指 南教 研 資 源 圖 嵌入式系統(tǒng) 課程 網絡教學平臺總體結構圖 一 、 首頁 1. 八大模塊的熱鏈接 、教學成果視頻展示 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 二 、 教學內容 ⑴ 教學師資 ⑴ 教學大綱 ⑴ 上機平臺 ⑴ 實驗平臺 ⑵ 教學條件 ⑵ 教學課件 ⑵ 上機內容 ⑵ 實驗內容 三 、 學習指南 ⑴ 教師 ⑵ 學生 四 、 在線考試 1．在線測試 2. 考試系統(tǒng) 五 、 課程設計 3. 歷年設計一覽 六 、 畢業(yè)設計 2. 設計 平臺 3. 歷年設計一覽 七 、 教研資源 八 、 教學成果 網絡 教學平臺功能需求 注冊功能 要求參加嵌入式系統(tǒng)課程的學生必須注冊信息，注冊信息必須有學生的身份識別信息，包括學號，院系，班級，電子郵件，聯系電話等。同時，提供學生注冊功能，注冊后需經教師的認證和許可，方可進入教學平臺。 信息發(fā)布功能 發(fā)布的信息應使所有瀏覽該網站的人都可看到，發(fā)布信息的用戶有： ① 超級管理員：發(fā)布針對全專業(yè)學生的公告； ② 任課教師：發(fā)布課程相關信息，如：調課信息；作業(yè)提交時間；上機安排；實驗安排；考試方式、地點安排等；課程設計相關信息；畢業(yè)設計相關信 息； ③ 上嵌入式系統(tǒng)課程的各班班長：通知班上同學各種消息； ④ 上嵌入式系統(tǒng)課程的各班學委：通知與同學各科學習相關的消息。 教學平臺后臺安全維護與管理 后臺系統(tǒng)擁有強大的后臺管理功能，支持整個系統(tǒng)各個環(huán)節(jié)的后臺管理、操作以及后臺控制。 2) 系統(tǒng)數據備份與恢復 提供系統(tǒng)數據庫的備份與恢復功能。 4) 管理員權限與信息管理 提供管理員創(chuàng)建，管理員權限設置，管理員信息查詢與管理功能。系統(tǒng)功能框圖如圖 所 示。教師可以實現課程添加、修改，將課件上傳等功能，而學生可以瀏覽教學大綱，教學計劃，教學參考資料，教學課件等內容，也可以下載這些資料，通過此平臺學生可以自主預復習，把傳統(tǒng)的學習過程變得更加方便靈活。學生除了可以參加網上測試外，還可查詢測試結果。 后臺管理系統(tǒng) 系統(tǒng)分為人員管理、課程管理、作業(yè)管理、考試管理和討論交流管理。 (3) 考試管理 :試題添加、修改、審核和刪除。 A) 利用 Myeclipse 開發(fā) JSP、 JavaBeans 等 Myeclipse 已成為當今開發(fā)者首選的 Java IDE 開發(fā)環(huán)境。由于 Myeclipse 具有開放性、可擴展性、遵循標準等特點，使得用 Myeclipse 開發(fā)符合 J2EE 標準的電子商務應用、分發(fā) Inter/Intra 分布式的關鍵性企業(yè)級應用、建立互聯數據庫、設計數據驅動的動態(tài)網頁應用以及開發(fā) Servlets、 JSP 異常快捷，從而加速產品推向市場的周期。不論是在系統(tǒng)需求階段，還是在對象的分析與設計、軟件的實現與測試階段，它都提供了清晰的 UML 表達方法和完善的工具，方便建立起相應的軟件模型。利用可重用的組件 (Java Bents\EJB),加快了總體開發(fā)速度，并提高了系統(tǒng)質量，采用標識簡化頁面編程，降低了開發(fā)人員的難度。XML 除了可以使用標記與屬性來描述數據的意 義之外，另外還提供了可用來描述文件結構的 DTD 與 XML Schema。實現連接池名字與其實例之間的映射 。 獲獎情況、教學成果視頻展示 消息的發(fā)布 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 登錄用戶可以隨時進行用戶注冊信息維護 注冊界面 用戶輸入注冊信息 用戶提交注冊信息 用戶重填注冊信息 用戶可以隨時刷新附加驗證碼 登錄界面 提供登錄信息輸入 提供登錄信息提交 提供登錄信息重填 提供附加驗證碼的刷新 用戶信息自維護 界面 直接提供用戶注冊信息注銷 提供用戶注冊信息修改 用戶課程信息的查詢 教學內容 課程簡介 理論教學 上機教學 實驗教學 學習指南 理論講授知識的重點、難點講解 理論知識、上機、實驗中容易出現的問題、解決方案、注意事項 教師發(fā)布作業(yè)，和學生提交作業(yè) 學習論壇 在線考試 在線測試 在線考試 用戶信息修改界面 提供用戶注冊信息修改輸入。 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） 第五章 教學平臺 技術 模塊 的實現 用戶 登陸模塊 //獲取驗證碼路徑 script type=text/javascript function getNewImg(){ var img = (addcodeimg)。 對驗證碼進行驗證 var addcode = (addcode)[0].value。 //若果驗證成功返回結果 sendPostRequest(,paraString,processLogin)。 = data。39。 //驗證碼圖片的寬度。 //驗證碼字符個數 private int codeCount=4。 char[] codeSequence = { 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。 }。 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） //將配置的信息轉換成數值 try { if(strWidth!=null amp。amp。 ()!=0) { codeCount=(strCodeCount)。 } protected void service(HttpServletRequest req, HttpServletResponse resp) 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） throws ServletException, { //定義圖像 buffer BufferedImage buffImg = new BufferedImage( width, height,)。 (0, 0, width, height)。 (font)。 //隨機產生 160 條干擾線，使圖象中的認證碼不易被其它程序探測到。 i++) { int x = (width)。 (x, y, x + xl, y + yl)。 //隨機產生 codeCount 數字的驗證碼。 String strRand = (codeSequence[(36)])。 blue = (255)。 //將產生的四個隨機數組合在一起。 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） (validateCode, ())。 (EXPires, 0)。 (buffImg, jpeg, sos)。本設計的在線編輯主要用于留言板的留言和對 發(fā)布的信息內容格式進行編輯。然后通過 可以獲取 iframe 里面的 html代碼，這個就是關鍵。 var sel = ()。 過濾成安全的 HTML 代碼： function h($text){ $text = trim($text)。,39。/\?|\?/39。 //完全過濾 js $text = preg_replace(39。,$text)。 39。,39。|39。 //過濾換行符 $text = preg_replace(39。,$text)。[br]39。,39。/(hr|img|input|area|isindex)( [^\[\]]*)/i39。 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） //過濾多余 html $text= preg_replace(39。,$text)。 } while(preg_match(39。/([az]+)[^\[\]]*[^]*\/\1/i39。]39。[39。)([^\2=\[\]]+)\2([^\[\]]*\])/i39。|39。)[^\[\]]*\]/i39。 } //轉換其它所有不合法的 $text = str_replace(39。,$text)。39。,39。[39。 $text = str_replace(39。,$text)。39。,39。 } javascript function HtmlFilter(html){ html = (/script.*?\/script[\s]*/ig, 39。 39。)。 html = (/[\/]?form.*?/ig, 39。[^\39。) 。 $1=39。)。 height: 200px。trtdiframe ID=Upload name=Upload src=?fid=207 frameBorder=0 marginHeight=0 marginWidth=0 scrolling=No style=width: 100%。 } // /script tr 內蒙古科技大學畢業(yè)設計 說明書（畢業(yè) 論文 ） script type=t