手機教學網(wǎng)站的開發(fā)畢業(yè)設(shè)計

1、<p><b>　　摘 要</b></p><p>　　目前，中國有世界上最為龐大的手機用戶群，手機上網(wǎng)也越來越融入到年輕人的生活中，學生是最接近并能享受WAP服務的群體，WAP技術(shù)的發(fā)展將引發(fā)全新的教學模式：移動教學。而教學信息特別是教學網(wǎng)站將逐漸從PC上向更為便捷的手持移動終端上轉(zhuǎn)移。</p><p>　　本文介紹了基于WAP的《微機系統(tǒng)與匯編語言》

2、教學網(wǎng)站的設(shè)計與開發(fā)。整個網(wǎng)站用WML語言實現(xiàn)，用戶以學生為主體，以手機為系統(tǒng)終端。本文的工作主要介紹其實現(xiàn)方式與部分代碼編寫。</p><p>　　整個網(wǎng)站核心部分分教學內(nèi)容和教學測評兩大模塊：教學內(nèi)容為本科目每章節(jié)主要的知識要點的總結(jié)及拓展，教學測評滿足了學生不受時間地點限制方便自己對所學科目認知的測評。另外增加了留言板模塊，方便學生與教師的交流。</p><p>　　手機教學網(wǎng)站以實

3、用簡潔為主，初步實現(xiàn)并滿足移動教學的目的。</p><p>　　關(guān)鍵詞：WAP；WML；移動教學；移動終端</p><p><b>　　Abstract</b></p><p>　　At present, China has the world's most huge mobile phone user group.The mobile

4、 phone also more and more into the young man's life, and students are the most close and can enjoy WAP service group.WAP technology development will trigger a new teaching mode: mobile learning. And teaching informat

5、ion especially teaching website will gradually from PC to more convenient handheld mobile terminal metastasis. </p><p>　　There is primarily introduced a design of the mobile learning website In this paper. T

6、he entire site use WML language implementation, Users take the student as the main body, the use of mobile phones for terminal system. The work of this paper mainly introduces its realization and part of code. </p>

7、<p>　　The entire site core part points the teaching contents and teaching evaluation two big modules :The teaching contents for every section of this course is the main points of the main conclusion and expand kno

8、wledge ,Teaching assessment meet the students from the location in time limit for easy learned their cognitive assessment of subjects. Add another message board module, convenient students and teachers exchanges. </p&

9、gt;<p>　　The moblie learning website with practical concise give priority to, preliminarily accomplished and meet mobile teaching goal. </p><p>　　Keywords: WAP；WML；Mobile learning；Mobile terminal <

10、/p><p><b>　　目 錄</b></p><p><b>　　摘 要I</b></p><p>　　AbstractII</p><p><b>　　目 錄III</b></p><p><b>　　第1章 概述1<

11、;/b></p><p>　　1.1 項目開發(fā)背景1</p><p>　　1.2 移動教學的認識2</p><p>　　1.3 本文工作2</p><p>　　第2章WAP教學網(wǎng)站開發(fā)工具和平臺介紹4</p><p>　　2.1 WAP協(xié)議簡介4</p><p>　　2.2 WM

12、L語言介紹5</p><p>　　2.2.1 WMLScript5</p><p>　　2.2.2 WML文件結(jié)構(gòu)5</p><p>　　2.2.3 WML字符集6</p><p>　　2.3 項目涉及開發(fā)工具介紹7</p><p>　　2.3.1 MyEclipse介紹7</p><p

13、>　　2.3.2 MySQL介紹8</p><p>　　2.3.3 Tomcat介紹8</p><p>　　第3章 WAP教學網(wǎng)站總體設(shè)計10</p><p>　　3.1 項目可行性分析10</p><p>　　3.2 項目所要解決的問題分析10</p><p>　　3.3 網(wǎng)站總體設(shè)計思想及相關(guān)技術(shù)

14、11</p><p>　　3.3.1 網(wǎng)站總體設(shè)計11</p><p>　　3.3.2 涉及相關(guān)技術(shù)及環(huán)境12</p><p>　　第4章 WAP教學網(wǎng)站設(shè)計與實現(xiàn)14</p><p>　　4.1 網(wǎng)站總體設(shè)計流程及功能介紹14</p><p>　　4.1.1 網(wǎng)站總體頁面設(shè)計14</p>&l

15、t;p>　　4.1.2 數(shù)據(jù)流程圖14</p><p>　　4.1.3 WAP頁面的建立15</p><p>　　4.2 數(shù)據(jù)庫設(shè)計16</p><p>　　4.2.1 數(shù)據(jù)庫表介紹16</p><p>　　4.2.2 數(shù)據(jù)庫連接18</p><p>　　4.3 六個主要模塊設(shè)計20</p>

16、;<p>　　4.3.1 導航頁面20</p><p>　　4.3.2 課程介紹22</p><p>　　4.3.3 教學師資22</p><p>　　4.3.4 教學內(nèi)容23</p><p>　　4.3.5 自我檢測24</p><p>　　4.3.6 留言板27</p>&l

17、t;p>　　第5章 總結(jié)與展望30</p><p><b>　　5.1 總結(jié)30</b></p><p><b>　　5.2 展望31</b></p><p><b>　　參考文獻32</b></p><p><b>　　致 謝33</b&g

18、t;</p><p><b>　　概述</b></p><p><b>　　項目開發(fā)背景</b></p><p>　　WAP技術(shù)的發(fā)展及3G的普及使移動教學成為可能，我國手機上網(wǎng)用戶達2.88億，青年學生占據(jù)了很大一部分。在這樣的背景下，移動教育通過將移動通信與教育相結(jié)合，充分運用現(xiàn)代科技發(fā)展的新成果，將會發(fā)揮巨大作用。&

19、lt;/p><p>　　從移動教育系統(tǒng)的構(gòu)成來看，其國際互聯(lián)網(wǎng)和教學服務器是教育資源的主要載體；而手機終端和移動教育網(wǎng)則是連接用戶和互連網(wǎng)的主要媒介，正是這種媒介才使得移動教育系統(tǒng)獨具魅力。同時，隨著移動通信技術(shù)的迅速發(fā)展，移動教育系統(tǒng)將給使用者提供更方便的服務。目前國際上眾多移動廠商已經(jīng)推出三代通信產(chǎn)品。第三代通信產(chǎn)品將趨于成熟。此時，移動通信的速度將大大增強，我們使用手機就可以瀏覽網(wǎng)頁，此時的移動教育系統(tǒng)也會提高

20、到新的水平。</p><p>　　目前很多手機都能支持瀏覽器訪問網(wǎng)站。但由于目前通信速度較低，其在教學上應用尚未成熟，目前的類似產(chǎn)品并沒有取得成功。但隨著中國3G通信協(xié)議的推出，移動教育在方便性以及服務質(zhì)量上都將會發(fā)生空前變化：教學活動將不受時間、空間和地域的限制，并將得到高質(zhì)量的保證。</p><p>　　開發(fā)基于手機的教育軟件。由于很多微機軟件是基于微機屏幕的，因而在移植到手機上時，都

21、要對于顯示程序進行適當?shù)男薷摹＝逃浖彩且苿咏虒W發(fā)展的大趨勢。</p><p>　　從上面的分析可以看出，未來不同形式的移動教育各具特點。移動教育是移動通信、網(wǎng)絡技術(shù)與當代教育有機結(jié)合的結(jié)果，也是現(xiàn)代教育技術(shù)的前沿成果，其推廣和發(fā)展必將引起教育技術(shù)和手段的巨大變化。通過研究和實驗，我認為移動教育在當前的技術(shù)條件下是可行的，利用手機可完成許多教學活動，其操作不受時間、空間和地域的限制，其應用前景非常巨大。而手機教

22、學網(wǎng)站在移動教學中將起到核心的作用，它將是學生與老師交流的核心平臺。</p><p><b>　　移動教學的認識</b></p><p>　　移動教學中手機教學網(wǎng)站的建設(shè)能使學生更為方便獲取課程信息及進行自我評測。簡單的講：移動教學是指在手持設(shè)備幫助下的能夠在任何時間、任何地點通過手機教學網(wǎng)站開展教學。在基于WAP 技術(shù)教學網(wǎng)站的移動式教學系統(tǒng)中，WAP手機教學網(wǎng)站充

23、當著教學信息的組織者和加工者，并作為移動教學的信息中心，發(fā)揮著教學平臺的作用。教師通過這個教學網(wǎng)站，更為方便與及時地將一系列的知識要點及教學方法傳播給學生。</p><p>　　在這個過程中：WAP 是連接學生手機與互聯(lián)網(wǎng)的無線通信協(xié)議，WAP 終端（即手機）是在無線網(wǎng)絡中運行的。WAP教學網(wǎng)站是在一個WAP網(wǎng)站服務器上運行的，服務器和WAP終端分別位于有線和無線兩種網(wǎng)絡中。WAP網(wǎng)絡結(jié)構(gòu)由WAP 網(wǎng)關(guān)、WAP客

24、戶端和WAP內(nèi)容服務器三部分組成。在連接無線WAP終端與有線網(wǎng)絡時，WAP網(wǎng)關(guān)起著協(xié)議的“翻譯”作用，是聯(lián)系移動通信網(wǎng)與萬維網(wǎng)的橋梁，它一方面將WAP 客戶端的請求編碼成Internet可識別的信號，發(fā)送給服務器端，另一方面將服務器端的信號解碼成WAP 客戶端所能識別的信號，發(fā)送給WAP客戶端。WAP 內(nèi)容服務器存儲著大量的信息。提供WAP終端用戶來訪問、查詢、瀏覽等。</p><p>　　手機教學網(wǎng)站即使學生通

25、過WAP無線通信技術(shù)瀏覽開發(fā)者預先制定在線的教學資源到教學的目的。使學生能在任何時間、地點，根據(jù)自己的自身情況有效的進行學習計劃，節(jié)省教學資源，方便教學。 </p><p><b>　　本文工作</b></p><p>　　在本文中，我們主要研究手機教學網(wǎng)站建站方法及使用的主要語言介紹，大致理解并在設(shè)計中運用這些方法。手機教學網(wǎng)站因為終端限制要求簡潔，明了。滿足在不同

26、地點，時間下進行學習。我們利用MyEclipse8.5和JSP的框架，來開發(fā)手機教學網(wǎng)站。</p><p>　　本論文總共分為五個章節(jié)：第一章的“概述”，用于介紹本項目研究相關(guān)的理論知識以及論文相關(guān)的信息。第二章的“WAP網(wǎng)站相關(guān)技術(shù)介紹”，主要介紹網(wǎng)站設(shè)計過程中涉及到的環(huán)境，工具及語言。第三章的“WAP教學網(wǎng)站功能與需求分析”，主要是教學網(wǎng)站本身的總體介紹。第四章的“WAP教學網(wǎng)站設(shè)計與實現(xiàn)”，這將著重介紹網(wǎng)站

27、的各個功能模塊的設(shè)計及運用，以及各個模塊所對應的功能，其中將對關(guān)鍵技術(shù)進行相關(guān)介紹，這也是本文的重點。第五章的“總結(jié)與展望”，主要介紹在畢業(yè)設(shè)計過程所遇到的一些問題的總結(jié)，以對移動教學應用前景的展望。</p><p>　　下面第二章主要介紹網(wǎng)站設(shè)計過程中涉及到的環(huán)境，工具及語言。</p><p>　　WAP教學網(wǎng)站開發(fā)工具和平臺介紹</p><p><b>

28、;　　WAP協(xié)議簡介</b></p><p>　　手機教學網(wǎng)站的核心是WAP，WAP是Wireless Application Protocol(無線應用協(xié)議)的英文縮寫，是專為移動終端上網(wǎng)而產(chǎn)生的協(xié)議, WAP 不是單一的協(xié)議而是一組分層的協(xié)議簇。這就很容易聯(lián)想到技術(shù)已成熟的Internet 網(wǎng)絡協(xié)議，確實WAP 和互聯(lián)網(wǎng)上的萬維網(wǎng)有很大的關(guān)聯(lián)性，WAP 技術(shù)正是五聯(lián)網(wǎng)和無線通信的技術(shù)延伸?；谶@兩

29、者的關(guān)聯(lián)性，WAP 的體系架構(gòu)與萬維網(wǎng)架構(gòu)是相似的，都是基于客戶端-服務器模式，但是在萬維網(wǎng)架構(gòu)基礎(chǔ)上增加了WAP 網(wǎng)關(guān)。WAP 的體系架構(gòu)如下圖2.1所示：</p><p>　　圖2.1 WAP體系結(jié)構(gòu)</p><p>　　WAP使得那些持有小型無線設(shè)備諸如可瀏覽Internet的移動電話和PDA等的用戶也能實現(xiàn)移動上網(wǎng)以獲取信息。WAP顧及到了那些設(shè)備所受的限制并考慮到了這些用戶對于靈

30、活性的要求。 手持式WAP設(shè)備的局限性 WAP設(shè)備與PC相比： 低分辨率的小顯示屏 輸入裝置容量有限，重要的是沒有提供定點裝置 低功率CPU，內(nèi)存較少及能量較不穩(wěn)定 網(wǎng)絡帶寬較窄且連接較不穩(wěn)定 WAP帶來的靈活性 與HTML-C相比，WAP標準沒有規(guī)定WAP設(shè)備應為何種形態(tài)。這對設(shè)備制造商極為有利，可使其能夠生產(chǎn)出各種不同類型的設(shè)備以滿足不同需要。在不久的將來，市場對WAP設(shè)備的要求會以瀏覽器的顯示屏尺寸、輸入裝置及內(nèi)存大小等不同為根據(jù)

31、，從而促使WAP設(shè)備在新技術(shù)及解決方案上得以發(fā)展進步?！　?lt;/p><p>　　通過使用移動電話連上互聯(lián)網(wǎng)不久將成為一種標準，而WAP就是實現(xiàn)這一標準的技術(shù)工具。如今，移動電話上網(wǎng)數(shù)量的增長速度要比PC上網(wǎng)數(shù)量的增長速度更快。這也就意味著不久以后，大多數(shù)新的移動電話都將配有WAP瀏覽器。 持有WAP設(shè)備的無線用戶可得到通過互聯(lián)網(wǎng)提供的相關(guān)服務，網(wǎng)絡頁面的編制采用HTML格式。 屆時對許多甚而是絕大多數(shù)用戶而言，W

32、AP設(shè)備將成為其獲取這些服務的常用工具。 </p><p><b>　　WML語言介紹</b></p><p>　　WML(Wireless Markup Language - 無線標記語言)。它是一種從HTML繼承而來的標記語言，但是WML基于XML，因此它較HTML更嚴格。 </p><p>　　WML 被用來創(chuàng)建可顯示在WAP瀏覽器中的頁

33、面。用WML編寫的頁面被稱為DECKS。DECKS是作為一套CARDS被構(gòu)造的。 這種描述語言同我們常聽說的HTML語言同出一家，都屬于XML語言這一大家族。WML的語法跟XML一樣，WML是XML的子集。 </p><p>　　HTML語言寫出的內(nèi)容，我們可以在我們的PC機上用IE等瀏覽器進行閱讀，而WML語言寫出的文件則是專門用來在手機等的一些無線終端顯示屏上顯示，供人們閱讀的，并且同樣也可以向使用者提供人機

34、交互界面，接受使用者輸入的查詢等信息，然后向使用者返回他所想要獲得的最終信息。 </p><p><b>　　WMLScript</b></p><p>　　WMLScript是一個輕量級的腳本程序語言。它增強了標準瀏覽的應用，使WML動了起來，支持多個高級的用戶界面（UI）行為，使客戶端智能化，方便對設(shè)備及其外圍的訪問，減少了到起源服務器的往返</p>

35、<p>　　WMLScript是基于JavaScript（WWW腳本語言）的一個子集。它對JavaScript進行了擴展，并形成了一個標準，為WML的Decks增加了程序邏輯。WMLScript為窄帶設(shè)備上的應用而對JavaScript進行了優(yōu)化，并集成到WML中。</p><p><b>　　WML文件結(jié)構(gòu)</b></p><p>　　WML的頁面通常叫

36、做桌面（DECK），由一組互相鏈接的卡片（CARD）組成。當移動電話訪問一個WML頁面的時候，頁面的所有CARD都會從WAP服務器下載到設(shè)備里。CARD之間的切換由電話內(nèi)置的計算機處理，不需要再到服務器上取信息了。CARD里可以包含文本、標記、鏈接、輸入控制、任務（TASK）、圖像等等。CARD之間可以互相鏈接?！　?lt;/p><p>　　文檔的實體包含在<wml>...</wml>標記中，

37、文檔里每個CARD又包含在<card>...</card>標記中，然后實際的文字段落則包含在...標記中。簡單例子：　　</p><p>　　<?xml version="1.0"?>　　</p><p>　　<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"

38、;　　</p><p>　　"http://www.wapforum.org/DTD/wml_1.1.xml">　　</p><p><b>　　<wml>　　</b></p><p>　　<card title="HELLO">　　</p><p>

39、　　<p>HELLO WAP!</p>　　</p><p><b>　　</card>　　</b></p><p><b>　　</wml>　　</b></p><p>　　顯示結(jié)果如下：　　　</p><p>　　HELLO WAP!　　</p

40、><p>　　這個簡單的WML程序由一個CARD組成，該CARD的標記為HELLO，功能是在手機的顯示屏上顯示一句話“HELLO WAP!”。</p><p><b>　　WML字符集</b></p><p>　　WML是XML的子集，繼承了XML的字符集設(shè)置。WML文檔缺省的字符集是UTF-8。要顯示中文，有兩種辦法。最簡單的辦法就是在文檔頭使用

41、encoding，即把第一行改為：<?xml version="1.0" encoding="gb2312"?>，目前第2種方法更普遍：不改變字符集設(shè)置，但是在寫中文的時候采用UNICODE代表中文字符，如：　　</p><p>　　<b>通訊錄</b>　　</p><p><b>　　代表：</b

42、></p><p><b>　　通訊錄 </b></p><p>　　WML元素：標記（Tag）和屬性　　</p><p>　　WML的主要內(nèi)容是文本，由于標記會降低與手持設(shè)備的通訊速度，所以WML標準里僅僅使用了很少一部分。用于表格和圖像的的標記幾乎都被排除了。與XML一樣，在WML語言中，所有元素都放在符號"<&quo

43、t; 和 ">"中，并且包含一個開始標志、一個結(jié)束標志和一個內(nèi)容標志，或者使用自身結(jié)束的控制標記。就象這樣：　　</p><p>　　<tag>內(nèi)容</tag> 例如：Hello World!　　</p><p><b>　　或　　</b></p><p>　　<tag/> 例如：　

44、　</p><p>　　和 <go href="#done"/>　　</p><p>　　WML同樣支持在標志中標出屬性。屬性是標志的附加信息，與元素的內(nèi)容不一樣，它并不在屏幕上顯示出來。屬性通常在元素的開始標志后指定。如上面最后一個例子。　　</p><p>　　由于WML是XML的一種應用，因此所有的WML標記和屬性都是大小寫敏感

45、的（<wml>跟<WML>完全不同），而且所有的標記都必須正確地結(jié)束。WML要求屬性的值必須放在雙引號或單引號內(nèi)。單引號可放在屬性標志內(nèi)或雙引號內(nèi)。字符亦可作為屬性的值。</p><p>　　項目涉及開發(fā)工具介紹</p><p>　　MyEclipse介紹</p><p>　　MyEclipse是一個十分優(yōu)秀的用于開發(fā)Java, J2EE的E

46、clipse插件集合，MyEclipse的功能非常強大，支持也十分廣泛，尤其是對各種開元產(chǎn)品的支持十分不錯。利用它我們可以在數(shù)據(jù)庫和JavaEE的開發(fā)、發(fā)布，以及應用程序服務器的整合方面極大的提高工作效率。它是功能豐富的JavaEE集成開發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測試和發(fā)布功能，完整支持HTML, Struts, JSP, CSS, Javascript, SQL, Hibernate。 </p><p>

47、　　在結(jié)構(gòu)上，MyEclipse的特征可以被分為7類：JavaEE模型、 WEB開發(fā)工具、EJB開發(fā)工具、應用程序服務器的連接器、JavaEE項目部署服務、數(shù)據(jù)庫服務和MyEclipse整合幫助。對于以上每一種功能上的類別，在Eclipse中都有相應的功能部件，并通過一系列的插件來實現(xiàn)它們。MyEclipse結(jié)構(gòu)上的這種模塊化，可以讓我們在不影響其他模塊的情況下，對任一模塊進行單獨的擴展和升級?！　?lt;/p><p&g

48、t;　　簡單而言，MyEclipse是Eclipse的插件，也是一款功能強大的JavaEE集成開發(fā)環(huán)境，支持代碼編寫、配置、測試以及除錯。</p><p><b>　　MySQL介紹</b></p><p>　　MySQL是一個小型關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，開發(fā)者為瑞典MySQL AB公司。在2008年1月16號被Sun公司收購。而2009年,SUN又被Oracle收購。

49、目前MySQL被廣泛地應用在Internet上的中小型網(wǎng)站中。由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫。 </p><p>　　與其他的大型數(shù)據(jù)庫例如Oracle、DB2、SQL Server等相比，MySQL自有它的不足之處，如規(guī)模小、功能有限（MySQL Cluster的功能和效率都相對比較差）等，但是對于一般的個人使

50、用者和中小型企業(yè)來說，MySQL提供的功能已經(jīng)綽綽有余，而且由于MySQL是開放源碼軟件，因此可以大大降低總體擁有成本?！　?lt;/p><p>　　目前Internet上流行的網(wǎng)站構(gòu)架方式是LAMP（Linux+Apache+MySQL+PHP），即使用Linux作為操作系統(tǒng)，Apache作為Web服務器，MySQL作為數(shù)據(jù)庫，PHP作為服務器端腳本解釋器。由于這四個軟件都是免費或開放源碼軟件（FLOSS)，因此使

51、用這種方式不用花一分錢（除開人工成本）就可以建立起一個穩(wěn)定、免費的網(wǎng)站系統(tǒng)。 </p><p><b>　　Tomcat介紹</b></p><p>　　Tomcat是由Apache、Sun 和其他一些公司及個人共同開發(fā)而成一個輕量級應用服務器。由于有了Sun 的參與和支持，最新的Servlet 和JSP 規(guī)范總是能在Tomcat 中得到體現(xiàn)，Tomcat 5 支持最

52、新的Servlet 2.4 和JSP 2.0 規(guī)范。因為Tomcat 技術(shù)先進、性能穩(wěn)定，而且免費，因而深受Java 愛好者的喜愛并得到了部分軟件開發(fā)商的認可，成為目前比較流行的Web 應用服務器。</p><p>　　Tomcat運行時占用的系統(tǒng)資源小，擴展性好，支持負載平衡與郵件服務等開發(fā)應用系統(tǒng)常用的功能；而且它還在不斷的改進和完善中，任何一個感興趣的程序員都可以更改它或在其中加入新的功能?！　?lt;/p

53、><p>　　Tomcat 在中小型系統(tǒng)和并發(fā)訪問用戶不是很多的場合下被普遍使用，是開發(fā)和調(diào)試JSP 程序的首選。對于一個初學者來說，可以這樣認為，當在一臺機器上配置好Apache 服務器，可利用它響應對HTML 頁面的訪問請求。實際上Tomcat 部分是Apache 服務器的擴展，但它是獨立運行的，所以當你運行tomcat 時，它實際上作為一個與Apache 獨立的進程單獨運行的?！　?lt;/p><

54、;p>　　當配置正確時，Apache 為HTML頁面服務，而Tomcat 實際上運行JSP 頁面和Servlet。另外，Tomcat和IIS、Apache等Web服務器一樣，具有處理HTML頁面的功能，另外它還是一個Servlet和JSP容器，獨立的Servlet容器是Tomcat的默認模式。不過，Tomcat處理靜態(tài)HTML的能力不如Apache服務器。</p><p>　　WAP教學網(wǎng)站總體設(shè)計<

55、/p><p>　　一個好的教學網(wǎng)站的開發(fā)，需要經(jīng)過需求分析、總體設(shè)計、編碼實現(xiàn)、測試發(fā)布等等環(huán)節(jié)，在這一章節(jié)中會介紹總體的設(shè)計內(nèi)容。首先進行項目的可行性分析。</p><p><b>　　項目可行性分析</b></p><p>　　基于WAP(Wireless Application Protocol)教育站點的建設(shè)是目前移動學習研究領(lǐng)域中的重要方

56、面。WAP教育站點與普通WAP站點相比在技術(shù)上并沒有太大的區(qū)別，不同之處在于應用的目的和面向的對象。</p><p>　　把教學內(nèi)容放于手機網(wǎng)站上也能夠迎合這些青年人的口味，使他們能夠?qū)σ苿訉W習保持持久的興趣，方便不受時間地點限制展開學習。同時技術(shù)上，隨著移動網(wǎng)絡的不斷優(yōu)化和手機終端的升級，WAP網(wǎng)站也會越來越與WEB網(wǎng)站靠攏，更多的功能將得到實現(xiàn)。</p><p>　　因此，一個移動教學

57、網(wǎng)站的出現(xiàn)有其極大的必要性，方便學生在任何時間任何地點的學習，自我檢測與知識交流。隨著現(xiàn)在移動通信技術(shù)的高速發(fā)展，移動通信設(shè)備硬件條件的完善，使手機的使用范圍不再局限于通信，也為移動教學網(wǎng)站提供了硬件平臺。WAP網(wǎng)站的功能也越來越強大，完全可以開發(fā)基于WAP的教學網(wǎng)站，并實現(xiàn)所需的功能。</p><p>　　項目所要解決的問題分析</p><p>　　WAP不同于WEB，在手機網(wǎng)站設(shè)計過程

58、中，主要有以下幾個問題：</p><p>　　網(wǎng)站的媒體素材選擇：WAP網(wǎng)站雖支持文本、圖形、圖像、動畫、聲音、視頻等媒體信息，但是在手機教學網(wǎng)站中，要有條件選擇。一方面，由于數(shù)據(jù)傳輸速率的限制，WAP網(wǎng)站中不能使用容量過大的媒體信息；另一方面，由于終端設(shè)備顯示屏幕尺寸的限制，不易使用超過正常瀏覽范圍的大尺寸圖像、字體等素材。所以在設(shè)計WAP教學網(wǎng)站的時候，要考慮所需要運用的素材是否能夠在WAP網(wǎng)站上面讓大部分使

59、用者正常的使用，這里采用較為主流的320*240分辨率。</p><p>　?。?）網(wǎng)站的功能模塊的構(gòu)建：在PCWEB的教學網(wǎng)站之中，我們可以采用在線交流、留言板等功能模塊實現(xiàn)網(wǎng)絡教學。但是在WAP教學網(wǎng)站中，限于傳輸速率和屏幕的大小，一些功能模塊的功能將會被弱化，甚至不能使用。比如說實時視頻教學、音頻教學、遠程協(xié)助，在WAP 教學網(wǎng)站中是無法實現(xiàn)的。所以我們主要選用了知識要點及自我評測2個模塊。</p&g

60、t;<p>　?。?）頁面導航：在一個傳統(tǒng)的教學網(wǎng)站之中，導航可以在頁面的隨意部分，基本上只要符合設(shè)計者的思想，任何導航策略都是被認可的。但是在WAP 教學網(wǎng)站當中，限于屏幕的尺寸，一些導航策略是不被提倡的。WAP 終端每屏顯示的內(nèi)容是比較小的，如果導航頁面做得較長，是及不方便瀏覽者使用的。所以教學網(wǎng)站導航的精簡與醒目非常重要，即打開導航頁面，就能夠清楚的進入自己需要的頁面。</p><p>　　（

61、4）頁面設(shè)計與布局的分析：在WAP 網(wǎng)站上，對頁面的優(yōu)化設(shè)計和布局非常重要。每個WAP 網(wǎng)頁呈現(xiàn)的內(nèi)容盡可能少，但又不要頻繁的翻頁，每個頁面中都要做好導航菜單。布局上盡量以導航、內(nèi)容、導航的模式進行設(shè)計。比如一個頁面的內(nèi)容被閱覽到最下端，發(fā)現(xiàn)下方?jīng)]有導航菜單，又不得不滾屏到最上方去轉(zhuǎn)換到其他的頁面，這種缺陷在手機教學網(wǎng)站上應該予以避免。</p><p>　　網(wǎng)站總體設(shè)計思想及相關(guān)技術(shù)</p><

62、;p><b>　　網(wǎng)站總體設(shè)計</b></p><p>　　根據(jù)教學內(nèi)容的要求及WAP網(wǎng)站的特點，分析得出如下的網(wǎng)站總體的結(jié)構(gòu)圖以及對各個功能模塊的介紹，如下圖3.1是系統(tǒng)的總體框架圖：</p><p>　　以下是我對本網(wǎng)站的設(shè)計和實現(xiàn)作簡單的介紹：</p><p>　　框架圖中藍色底為核心模塊。從總體上考慮，網(wǎng)站應該實現(xiàn)下列功能：<

63、;/p><p><b>　　1、課程介紹：</b></p><p>　　對《微機系統(tǒng)與匯編語言》課程進行簡單的介紹，包括課程內(nèi)容目的等，使學生對該科目有大致的理解。</p><p><b>　　2、教學師資:</b></p><p>　　《微機系統(tǒng)與匯編語言》該課程的任課老師進行介紹，可按情況公布任課老

64、</p><p>　　師郵箱，電話等聯(lián)系方式，方便師生離線交流。</p><p>　　圖3.1系統(tǒng)的總體框架圖 </p><p><b>　　3、教學內(nèi)容：</b></p><p>　　包含總共八章單元的知識要點，每單元獨立成一頁，學生可根據(jù)教學進度選擇。</p><p><b>　

65、　4、自我檢測：</b></p><p>　　分為綜合檢測、檢測一、檢測二、檢測三和檢測四五部分。題目要求每次都在測試范圍內(nèi)隨機變化，內(nèi)容為選擇題模式，提交后可給出測試所得分數(shù)。所有題目均存放于數(shù)據(jù)庫中，可定期更新。</p><p><b>　　5、留言板</b></p><p>　　可在網(wǎng)站上進行留言，比如建議或為明白的課程問題，

66、均可留下向老師反映。同學之間亦可互相交流。</p><p><b>　　涉及相關(guān)技術(shù)及環(huán)境</b></p><p>　　這次的開發(fā)主要是基于MyEclipe8.5的WEB開發(fā)工具，基于JSP架構(gòu)。本項目所涉及WMLScript是基于JavaScript的一個子集。</p><p>　　JSP技術(shù)使用Java編程語言編寫類XML的tags和scr

67、iptlets，來封裝產(chǎn)生動態(tài)網(wǎng)頁的處理邏輯。網(wǎng)頁還能通過tags和scriptlets訪問存在于服務端的資源的應用邏輯。JSP將網(wǎng)頁邏輯與網(wǎng)頁設(shè)計和顯示分離，支持可重用的基于組件的設(shè)計，使基于Web的應用程序的開發(fā)變得迅速和容易。　　</p><p>　　Web服務器在遇到訪問JSP網(wǎng)頁的請求時，首先執(zhí)行其中的程序段，然后將執(zhí)行結(jié)果連同JSP文件中的HTML代碼一起返回給客戶。插入的Java程序段可以操作數(shù)據(jù)庫

68、、重新定向網(wǎng)頁等，以實現(xiàn)建立動態(tài)網(wǎng)頁所需要的功能。　　</p><p>　　JSP與Java Servlet一樣，是在服務器端執(zhí)行的，通常返回給客戶端的就是一個HTML文本，因此客戶端只要有瀏覽器就能瀏覽。</p><p>　　JSP頁面由HTML代碼和嵌入其中的Java代碼所組成。服務器在頁面被客戶端請求以后對這些Java代碼進行處理，然后將生成的HTML頁面返回給客戶端的瀏覽器。Jav

69、a Servlet 是JSP的技術(shù)基礎(chǔ)，而且大型的Web應用程序的開發(fā)需要Java Servlet和JSP配合才能完成。</p><p>　　JSP具備了Java技術(shù)的簡單易用，完全的面向?qū)ο?，具有平臺無關(guān)性且安全可靠，主要面向因特網(wǎng)的所有特點。自JSP推出后，眾多大公司都支持JSP技術(shù)的服務器，如IBM、Oracle、Bea公司等，所以JSP迅速成為商業(yè)應用的服務器端語言。JSP可用一種簡單易懂的等式表示為：H

70、TML+Java=JSP。 </p><p>　　項目的運行環(huán)境可以分為2大類：硬件環(huán)境和軟件環(huán)境。</p><p>　　我們使用 Opera瀏覽器來完成模擬器端的測試，他對WML有良好的兼容性。硬件環(huán)境則是按照MyEclipe8.5的硬件配置基本要求。</p><p>　　數(shù)據(jù)庫：MySQL5.0。</p><p>　　服務器：Tomcat

71、6.X。</p><p>　　WAP教學網(wǎng)站設(shè)計與實現(xiàn)</p><p>　　以上大致介紹了教學網(wǎng)站總的分布結(jié)構(gòu)，下面就著重介紹各個功能模塊，以及各個功能模塊的實現(xiàn)過程，方法的介紹，并且將部分關(guān)鍵的代碼也做了介紹。</p><p>　　網(wǎng)站總體設(shè)計流程及功能介紹</p><p><b>　　網(wǎng)站總體頁面設(shè)計</b><

72、/p><p>　　網(wǎng)站的總體流程如圖4.1所示，網(wǎng)站的結(jié)構(gòu)大體如下：在打開網(wǎng)站之后，進入首頁導航頁，在這里有五個頁面可以選擇：課程介紹、教學師資、教學內(nèi)容、自我檢測、留言板，之后進入個頁面內(nèi)容。</p><p>　　圖4.1 網(wǎng)站總體頁面設(shè)計</p><p><b>　　數(shù)據(jù)流程圖</b></p><p>　　數(shù)據(jù)流程圖包括

73、兩部分自我檢測檢測數(shù)據(jù)流部分和留言板部分，如圖4.2和圖 4.3所示，本系統(tǒng)的數(shù)據(jù)由網(wǎng)站建設(shè)者管理。包括題庫的更新，正確答案的變更，留言板數(shù)據(jù)的刪除、查找與導出?？梢詫Ω鱾€模塊的數(shù)據(jù)進行操作。</p><p><b>　　測試部分：</b></p><p>　　圖 4.2 數(shù)據(jù)流程圖1</p><p><b>　　留言板部分：<

74、/b></p><p>　　圖 4.3數(shù)據(jù)流程圖2</p><p><b>　　WAP頁面的建立</b></p><p>　　我們在MyEclipe8.5的WEB開發(fā)工具中建立JSP項目作為WAP頁面開發(fā)，鑒于WEB網(wǎng)站與WAP的區(qū)別，每張網(wǎng)頁的總體頁面代碼設(shè)計如下：</p><p>　　<?xml vers

75、ion="1.0" encoding="utf-8"?></p><p>　　<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"></p>

76、;<p>　　<html xmlns="http://www.w3.org/1999/xhtml"></p><p><b>　　<head></b></p><p>　　<style type= "text/css "> </p><p><b&g

77、t;　　</style></b></p><p>　　<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/></p><p>　　<meta na

78、me="MobileOptimized" content="240"/></p><p>　　<meta http-equiv="Cache-Control" content="max-age=0"/></p><p>　　<meta name="showLogo"

79、content="true" /></p><p>　　<title>首頁</title></p><p><b>　　</head></b></p><p><b>　　<body> </b></p><p>　　<t

80、able boder="" width="240" height="320" bgColor=""></p><p><b>　　</table></b></p><p><b>　　</body> </b></p><

81、;p><b>　　</html> </b></p><p>　　在遵循WAP協(xié)議的情況下，以普遍的手機屏幕為標準，我們將得到一寬為240高為320的頁面，寬度固定不變，長度將隨內(nèi)容的變化而變化，因為手機終端的特殊性，長度控制在2倍長度，即640以內(nèi)，以減少下拉和翻頁。</p><p><b>　　數(shù)據(jù)庫設(shè)計</b></p&

82、gt;<p>　　我們用到的數(shù)據(jù)庫為MySQL5.0，在這一節(jié)中我們將對數(shù)據(jù)庫表的設(shè)計和與系統(tǒng)的連接做一簡單的介紹。</p><p><b>　　數(shù)據(jù)庫表介紹</b></p><p>　　對于數(shù)據(jù)庫，本次開發(fā)選用MySQL5.0，輔以Navicat Lite for MySQL的GUI，Navicat是一個強大的MySQL數(shù)據(jù)庫管理和開發(fā)工具，為開發(fā)者提

83、供了一套強大的足夠尖端的工具，并使用了極好的圖形用戶界面（GUI），可以用一種安全和更為容易的方式快速和容易地創(chuàng)建、組織、存取和共享信息。 </p><p>　　用戶可完全控制 MySQL 數(shù)據(jù)庫和顯示不同的管理資料，包括一個多功能的圖形化管理用戶和訪問權(quán)限的管理工具，方便將數(shù)據(jù)從一個數(shù)據(jù)庫移轉(zhuǎn)到另一個數(shù)據(jù)庫中（Local to Remote、Remote to Remote、Remote to Local），進

84、行檔案備份。 Navicat 支援 Unicode，以及本地或遙距 MySQL 伺服器多連線，用戶可瀏覽數(shù)據(jù)庫、建立和刪除數(shù)據(jù)庫、編輯數(shù)據(jù)、建立或執(zhí)行 SQL queries、管理用戶權(quán)限（安全設(shè)定）、將數(shù)據(jù)庫備份/復原、匯入/匯出數(shù)據(jù)（支援 CSV, TXT, DBF 和 XML 檔案種類）等。 </p><p>　　我們用Navicat首次登陸系統(tǒng)，如圖 4.4所示：</p><p>

85、<b>　　圖4.4 表設(shè)計</b></p><p>　　數(shù)據(jù)庫中我們建立了2個數(shù)據(jù)庫，test和lyb，分別對應測試模塊和留言板模塊。表設(shè)計如下圖所示：</p><p>　　圖4.5 test表</p><p>　　表中id對應題目編號為主鍵，zhang對應題目章節(jié)，在隨機抽取題目的時候會用到。timu即所用到的測試用題，abcd為4個選項，

86、字符集設(shè)為utf8。Ture為正確答案，從abcd根據(jù)題目任選其一。</p><p><b>　　圖4.6 lyb表</b></p><p>　　表中id對應留言編號為主鍵，auther對應留言者姓名，text即留言內(nèi)容，字符集設(shè)為utf8。Data為留言日期。</p><p><b>　　數(shù)據(jù)庫連接</b></p&

87、gt;<p>　　下載并在所建立工程中導入mysql-connector-java-5.1.7-bin.jar，并配置Mysql數(shù)據(jù)庫，如下圖4.7：</p><p>　　圖4.7 Mysql數(shù)據(jù)庫配置</p><p>　　數(shù)據(jù)庫中表已經(jīng)建立，我們新建一個MySQL.jsp來測試數(shù)據(jù)庫的連接。</p><p>　　MySQL.jsp代碼如下：</

88、p><p>　　<%@ page contentType="text/html;charset=utf-8"%></p><p>　　<%@ page import="java.sql.*"%></p><p><b>　　<%</b></p><p>　

89、　String sql = "select * from test where zhang = 1 || zhang = 2 ORDER BY RAND() LIMIT 5";</p><p>　　// 連接字符串，格式： "jdbc:數(shù)據(jù)庫驅(qū)動名稱://數(shù)據(jù)庫服務器ip/數(shù)據(jù)庫名稱?user=用戶名&password=密碼&使用Unicode=布爾值&字符

90、編碼=編碼"</p><p>　　String url = "jdbc:mysql://localhost/test?user=root&useUnicode=true&characterEncoding=8859_1";</p><p>　　String username = "root";</p><

91、p>　　String password = "";</p><p>　　Class.forName("org.gjt.mm.mysql.Driver").newInstance();</p><p>　　Connection conn = DriverManager.getConnection(url, username, password);

92、 </p><p>　　Statement stmt = conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE, ResultSet.CONCUR_UPDATABLE);</p><p>　　ResultSet rs = stmt.executeQuery(sql);</p><p>　　while(rs.n

93、ext()) { %> </p><p>　　題目：<%=rs.getString(3) %><br /> </p><p>　　選項：<%=rs.getString(5) %><br /></p><p><b>　　<% }</b></p><p>　　rs

94、.close();</p><p>　　stmt.close();</p><p>　　conn.close();</p><p><b>　　%></b></p><p><b>　　</body></b></p><p><b>　　</

95、html></b></p><p>　　此測試用例即從test表中讀出zhang為1或2的5道題目并顯示選項，顯示得到如下結(jié)果：</p><p><b>　　題目：第2章第4題</b></p><p><b>　　選項:a</b></p><p><b>　　題目：第2章

96、第5題</b></p><p><b>　　選項:a</b></p><p><b>　　題目：第2章第1題</b></p><p><b>　　選項:a</b></p><p><b>　　題目：第1章第2題</b></p>&

97、lt;p><b>　　選項:a</b></p><p><b>　　題目：第1章第5題</b></p><p><b>　　選項:a</b></p><p>　　測試連接成功，數(shù)據(jù)庫連接完畢。下面將對網(wǎng)站六個模塊進行必要的介紹。</p><p><b>　　六個

98、主要模塊設(shè)計</b></p><p><b>　　導航頁面</b></p><p>　　網(wǎng)站導航頁面如圖4.8所示：</p><p><b>　　圖4.8 首頁</b></p><p>　　導航頁面將作為這個網(wǎng)站的導航中心，所有的內(nèi)容和集成將在這里集中體現(xiàn)，為了操作方便，我們把3級頁面的

99、連接也放于首頁之下，便于跳轉(zhuǎn)。下面對少部分控件與代碼進行介紹。</p><p>　　首頁及各個頁面標頭圖片插入：</p><p>　　<img alt="" src="imges/11.jpg" width="240" height="40"></p><p>　　定義尺寸為

100、240*40。</p><p><b>　　標題背景框： </b></p><p>　　<th bgcolor="#0080ff" style="color: #FFFFFF" align="left"></p><p>　　下面對各個連接進行簡單介紹</p>

101、<p><b>　　課程介紹：</b></p><p>　　<a href="kechengjieshao.jsp">課程介紹</a></p><p>　　定義連接至課程教學kechengjieshao.jsp頁面。</p><p><b>　　教學資源:</b>&l

102、t;/p><p>　　<a href="teacher.jsp">教學師資</a></p><p>　　定義連接至教學師資teacher.jsp頁面。</p><p><b>　　留言板：</b></p><p>　　<a href="liuyanban.jsp&q

103、uot;>留言版</a></p><p>　　定義連接至留言板liuyanban.jsp頁面。</p><p>　　在課程教學標題下總共有八章的教學內(nèi)容與八個教學板面一一對應，具體如下如：</p><p>　　<a href="di1zhang.jsp">第一章</a></p><p&

104、gt;　　<a href="di2zhang.jsp">第二章</a></p><p>　　<a href="di3zhang.jsp">第三章</a></p><p>　　<a href="di4zhang.jsp">第四章</a></p>&

105、lt;p>　　<a href="di5zhang.jsp">第五章</a></p><p>　　<a href="di6zhang.jsp">第六章</a></p><p>　　<a href="di7zhang.jsp">第七章</a></p&g

106、t;<p>　　<a href="di8zhang.jsp">第八章</a></p><p>　　在自我測試標題下分2部分，同一欄中的綜合測試與中正文部分設(shè)置4個按鈕，對應4個單元測試：</p><p><b>　　綜合測試：</b></p><p>　　<a href="

107、;Test.jsp">綜合檢測</a></p><p>　　定義連接至綜合測試Test.jsp頁面。</p><p><b>　　按鈕Test1：</b></p><p>　　<input type="submit" onclick="window.location.href=(&

108、#39;Test1.jsp')" name="Submit" value="test1"></p><p>　　定義連接至綜合測試Test1.jsp頁面。其他將不再重復介紹。</p><p>　　由于手機屏幕的特殊性，我們對每個頁面做了一個返回頂部的動作，減少學生在使用過程中的下拉或上拉動作。</p><p

109、>　　首先在body中加入標簽：</p><p>　　<a name="top" id="top"></p><p>　　然后對返回頂部做連接動作：</p><p>　　<a href="#top" target="_self">返回頂部</a>

110、</p><p><b>　　課程介紹</b></p><p>　　課程介紹如圖4.9所示：</p><p>　　圖4.9 課程介紹頁面</p><p>　　在課程介紹頁面中主要是對《微機系統(tǒng)與匯編語言》進行簡單的介紹，使學生對課程進行一個簡單的了解。頁面中插入了2張圖片：</p><p>　　&

111、lt;img alt="" src="imges/book123.gif" /> </p><p>　　<img alt="" src="imges/book13.gif" /></p><p>　　為了視覺效果和閱讀的清晰，加入了一條作為分隔的圖片：</p><p>

112、　　<img alt="" src="imges/fg.gif" /></p><p>　　同時對首頁進行了連接，跳回總的導航欄。</p><p><b>　　教學師資</b></p><p>　　教學師資如圖4.10所示：</p><p>　　圖4.10 教學師資頁面

113、</p><p>　　在教學頁面中主要是對《微機系統(tǒng)與匯編語言》的任課教師介紹，使該課程的任課老師進行介紹，可按情況公布任課老師郵箱，電話等聯(lián)系方式，方便師生離線交流。頁面中插入了1張圖片：</p><p>　　<img height="45" width="45" alt="" src="imges/teache

114、r.gif" /></p><p>　　設(shè)定了尺寸為45*45。</p><p>　　同樣為了視覺效果和閱讀的清晰，在每個老師之間用分隔圖片分開代碼不在重復，同時也對首頁進行了連接，方便跳回總導航欄。</p><p><b>　　教學內(nèi)容</b></p><p>　　教學內(nèi)容一共有八章，我們選取其中一章第

115、二章進行簡單介紹，如圖4.11：</p><p>　　教學內(nèi)容包含總共八章單元的知識要點，每單元獨立成一頁，學生可根據(jù)教學進度選擇。</p><p>　　在每一頁面中均對首頁進行了連接，同時因為教學內(nèi)容頁面較長，在頁面末位假如了返回頂部的動作，方便學生跳轉(zhuǎn)并返回首頁導航頁面。</p><p>　　圖4.11 教學內(nèi)容第二章頁面</p><p>

116、;　　正文部分同樣加入了分隔圖片，便于閱讀方便。</p><p>　　技術(shù)方面同于課程介紹和教學師資頁面，這里不在重復。下面我們將對自我檢測部分做詳細的介紹。</p><p><b>　　自我檢測</b></p><p>　　自我檢測分兩部分綜合檢測與單元檢測，區(qū)別在于題目選取的范圍不同，我們在這里選取Test1即單元測試一頁面，作為例子進行介

117、紹，如圖4.12：</p><p>　　單元測試為選擇題形式，初步定于5題，每題分鐘為20分，下面我們將對改測試系統(tǒng)分部分進行介紹。</p><p>　　1、從數(shù)據(jù)庫中讀取題目：</p><p>　　String sql = "select * from test where zhang = 1 || zhang = 2 ORDER BY RAND()

118、LIMIT 5";</p><p>　　單元測試一為從數(shù)據(jù)庫章節(jié)一二中的10道題目進行隨機抽取5題進行測試。</p><p><b>　　2、題目的排列：</b></p><p>　　題目：<%=rs.getString(3) %><br /></p><p><b>　　選項

119、：<br /></b></p><p>　　圖4.12 單元測試一頁面 </p><p>　　<INPUT TYPE="radio" name="a<%=String.valueOf(i)%>" value="<%=rs.getString(5) %>"/>

120、<%=rs.getString(5) %><br /></p><p>　　<INPUT TYPE="radio" name="a<%=String.valueOf(i)%>" value="<%=rs.getString(6) %>"/><%=rs.getString(6) %>

121、<br /></p><p>　　<INPUT TYPE="radio" name="a<%=String.valueOf(i)%>" value="<%=rs.getString(7) %>" /><%=rs.getString(7) %><br /></p>&l

122、t;p>　　<INPUT TYPE="radio" name="a<%=String.valueOf(i)%>" value="<%=rs.getString(8) %>"/><%=rs.getString(8) %><br /></p><p>　　<input type=&qu