多媒體網站設計開發范例6篇

前言:中文期刊網精心挑選了多媒體網站設計開發范文供你參考和學習,希望我們的參考范文能激發你的文章創作靈感,歡迎閱讀。

多媒體網站設計開發

多媒體網站設計開發范文1

關鍵詞:小型教育網站 Web SQL Server ASP應用程序

國際互聯網(Internet)自上世紀80年代誕生至今,在短短幾十年的時間里已經從美國的發源地分布和推廣應用在全球范圍內,這一發展趨勢吸引了各國在互聯網行業的快速發展,國際互聯網也由此對人們的日常生活起到至關重要的作用,滲透到人類社會的每一個角落。隨著國家經濟與社會的快速發展,在互聯網時代背景下,教育越來越注重創新性教學研究,為培養符合時代要求的高素質人才提供了技術支持。Web服務器在國際互聯網(Internet)的推廣和應用方面起到不可或缺的作用,是訪問Internet的一種最為簡便快捷,也是應用最廣泛的方式,尤其是年輕人的使用頻次,因此,在Web互聯網環境下的創新性教育具有重要的潛力可以發掘,基于Web的小型遠程教育網站在推動現代教育改革方面具有重要的作用。

一、教育網站的特點

1.以多媒體為載體的呈現方式

多媒體教學是現代教學有效利用現代信息科技尤其是Internet的成功體現?,F代教學實踐已經證明多媒體教學在提高學生學習興趣和積極性,改進教學方法,改善教學質量方法具有非常突出的潛力和優勢。

2.交互式技術的應用。眾所周知,教學實踐過程是教師與學生的互動過程,教師需要傳道授業,學生需要學習鞏固,而網絡教學最為突出的特點是有利的實現了教學的交互性。

3.開放與靈活性

以Web為載體的網絡教學為現代教學提供了一個開放性教學,通過超文本的方式將教學內容進行遠程傳播。

二、小型教育網站的功能模塊分析

1.遠程教學系統

遠程教學系統從時空的角度而言,實現了不同地域、不同時間間教學資源的傳播,是基于Internet上的實時的虛擬的集成學習環境的教學模式。從資源共享的角度而言,遠程教學系統最為突出的特點是為師生的教學學習過程提供了一個虛擬的環境,在這一虛擬環境中為教師教學、學生學習提供了最大的教學資源,僅僅以網頁的形式即可實現教學內容的傳播與接受。

2.智能答疑系統

學生學習的過程就是對疑問追求答案的過程,而教師教學過程則是傳播知識,解答疑問并掌握學生學習狀況的過程。智能答疑系統實現了教學過程中,學生疑難問題的匯總,教師答疑過程的集中化和便捷化。通過智能答疑系統教師不僅能夠及時幫助學生掌握知識,解除疑問,而且通過匯總分析及時掌握教學效果和學生的學習掌握情況,有利的提高了教學質量。

3.在線考試系統

基于SQL數據庫和Internet網絡技術的遠程教學系統是一個綜合實時測評系統,在線考試系統實現了教師測評教學效果的智能化,相比于傳統紙質考試而言,在線考試系統實現了出題、應答、批閱以及題庫的集合。

4.教學資料庫

CAI課件充分體現了教師利用現代網絡技術進行教學的過程,一個高質量的的CAI課件可謂是教師的教學經驗與知識和心血的結晶。因為,CAI課件是基于計算機技術將傳統知識數據化的復雜的系統制作。現代教學中,教師也越來越多的應用CAI課件。

5.遠程交流系統

電子公告板也即BBS是遠程交流系統的基礎技術支持,在網絡技術的基礎上,實現了遠程交流系統的信息實時交流和討論的功能。遠程交流系統是一個開放式的信息交流與傳播平臺,學生與學生、學生與老師以及老師之間都可在遠程交流系統中,不受時間、地域等條件的限制進行實時交流和討論。

6.遠程多媒體視音頻點播系統

在信息時代背景下,影音無疑是吸引學生的一大利器。遠程多媒體視音頻點播系統實現了視頻和音頻資料在教學實踐中的實時和遠程點播。遠程多媒體視音頻點播系統是教育網站交互式特點和技術應用的最好體現,實現了教學過程的便捷化,教學內容的可視化,對于知識的傳播和教學效果的提高具有重要的作用。

三、小型教育網站的建設、運行及維護

1.小型教育網站的建設。結合教育網站在遠程教育過程中的模塊,我們不難發現,一個正規的教育網站不僅需要高性能的硬件設備作為載體,同時需要利用現代軟件技術進行Web程序的編寫,SQL Sever數據庫和ASP整合的開發技術的整合,構建基于“Sever-Browser”架構下的設計開發模式。

2.小型教育網站的運行與維護機制建設

小型教育網站在“Sever-Browser”架構下的設計和開發只是網站成功的第一步,而網站的運行和維護機制則是保障學生和教師愿意使用的關鍵。為此,在網站運行和維護機制建設中需要充分發揮師生的主觀能動性。為教師和學生在使用小型教育網站過程中提供人性化服務和后勤保障,吸引和調動教師與學生的使用熱情。同時,引導師生的自律習慣的養成,唯有自律,小型教育網站才能發揮儲存和傳播教學資源,提供教學場所,發揮教學工具的作用,在教學主體之間構建橋梁的作用。

3.其它推廣維護工作,主要就是尋找互換鏈接的對象、信息、Email營銷推廣、回復客戶Email以及網站與用戶的互動應答等,大都需要長期經營。這些工作大多不需要涉及太復雜的專業知識,但需要投入很多精力。對于企業網站維護人員,需要明確工作職責、內容,并長期學習新知,這人屬于時代營銷網站的忠實用戶。

四、結語

小型教育網站的開發與建設是一項網絡技術的應用,需要各專業人才的共同協調參與,尤其是軟件編程和維護人員對數據庫資源的掌控,教師對CAI課件的制作和分享。小型教育網站的推廣應用是對傳統教學模式一種改革,在信息化時代背景下,小型教育網站不僅能夠實現教學資源的共享,同時也促進了社會創新性的發展,為培養高素質、高質量的人才提供新的途徑。目前,網絡技術的發展為技術人員在Web上開發應用程序,和進行基于“Sever-Browser”架構下的教育網站設計開發模式提供了可能性,也為教學資料庫本身帶來了開放性。

參考文獻

多媒體網站設計開發范文2

【 關鍵詞 】 教育資源網;IA;設計

Design of Educational Resources Website from the Perspective of IA

Gao Chun

(Henan Police College HenanZhengzhou 451000)

【 Abstract 】 This paper describes the current situation and problems of the construction of educational resources in China, and points out the important role of the IA theory to guide the construction of websites.

【 Keywords 】 education resource network;ia;design

1 引言

在教育信息化推動下,我國教育資源網站發展迅速,作為教育資源的重要組成部分,資源網站不僅可以有效促進學習,而且能推進學習的個性化和社會化。因此,各教育機構和高校都紛紛建立起了自己的教育資源站點和遠程教學網站,通過共享學習資源,為學習活動提供必要的資料,對教學活動開展起到很好的促進作用。目前,根據資源網站的組織情況,國內教育資源網站大體可以分為三大類:國家和地方級教育資源網站,分類教育資源網站,學校、企業或個人網站。

雖然我國在教育資源網站建設上取得了很大成績,但由于國內教育信息資源標準化研究太慢,對于資源網建設還沒有一個統一的標準化體系,導致網站建設隨意性較大,存在幾個問題:(1)網站設計花哨,實用價值不大,容易分散學習者注意力;(2)網站頁面信息量大,欄目太多,內容不易查找;(3)頁面層次感、清晰度不夠,部分網站文字模塊過于繁雜,導致信息過載;部分網站圖片使用意義不明,比例設置失衡;(4)為獲取利潤,一些教育機構在網站上掛有太多廣告,容易引起學習者負面情緒;(5)網站缺乏整體規劃,結構松散,沒有一個統一的標準體系。

從以上問題可以看出,現階段我國資源網站的建設,沒能真正站在用戶需求的角度去開發。未來教育信息化的發展應偏向于資源的有效利用上,如何更好地促進學習,做到資源共享,是資源網站設計者們應考慮的問題。

2 IA理論在教育資源網站建設中的重要作用

IA理論即信息構建(Information Architecture),由美國建筑學家R.S.Wurman提出,基本含義是組織信息和設計信息環境、信息空間或信息體系結構,以滿足需求者的信息需求、實現他們與信息交互的目標的一門藝術和科學。它包括調查、分析、設計和執行過程,設計到組織、標識、導航和搜索系統的設計,目的是幫助人們成功地發現和管理信息。

由于互聯網上的信息種類繁多、內容特征多種多樣的多媒體信息,造成信息空間的混論,用戶在其中很容易迷惑和迷失方向。因此,互聯網尤其需要信息構建成為信息化和優化的思想和工具,以幫助用戶在異質的信息空間中管理和獲取信息。隨著網絡的發展,IA理論被引入到網站的設計開發過程中。

網站IA是指借助圖形設計、人機交互圖書館學等理論方法,在用戶需求的基礎上,組織網站信息、設計導航系統、標識系統和搜索系統,幫助用戶方便地查找和應用信息,其核心思想是“讓信息可訪問”和“讓信息可理解”。本文認為,將IA理論應用于資源網站建設有積極作用:(1)獲得和理解信息內容,將信息組織好;(2)優化信息結構;(3)面向用戶傳達信息內容;(4)提供一個清晰的易于信息獲得的界面。作為一門新興的學科,用IA理論指導教育資源網站設計,是一種全新的理念。

3 教育資源網站信息構建設計與分析

教育資源網站作為一個服務性網站,旨在為學習者提供教學資源,對其進行信息構建不僅能使網站的功能、內容和風格上更符合學習者的需求,方便學習者快速獲取信息,而且有助于增強網站的靈活性和可擴展性,為后期維護提供便利。

3.1 網站頁面風格設計

頁面風格設計包括整體形象設計、字體設置和色彩搭配。教育資源網站要立足教育服務和教育文化的理念,不同風格的頁面設計要針對教育內容和學習者類型。色彩和字體的設置也要考慮學習者的喜好,不同專業、不同年齡段的學習者對色彩和字體的喜好都有所不同。

3.2 組織系統設計

組織系統設計是對網站所有信息進行有序分類、合理布局,方便學習者快速的查找定位到所需要的信息。信息組織系統包括信息組織體系和信息組織結構兩個主要方面。信息組織體系也就是組織的維度,分為精確性組織體系和模糊性組織體系。精確性組織體系對信息類別界定比較清晰,方便用戶對信息的查找。模糊性組織體系對信息類別的界定不太清晰,方便用戶對信息進行模糊性檢索。教育資源網站應提供多種信息獲取方式,兩種組織提醒同時使用,精確性組織體系用于顯性內容的瀏覽,模糊組織體系用于相關信息的檢索。組織維度的選擇就是確定組織的上下左右關系,教育資源網站信息組織結構的設計,應以自上而下的樹形結構為主,以自下而上和超文本結構為輔,組織結構在廣度上不超過10項,在深度上不超過5層。

3.3 標識系統設計

標識系統就是標簽系統,負責網站內容的表述,為內容確定標簽、內容或描述。標識系統有五種表現形式,分別為標題型、導航型、上下文鏈接型、索引型和圖形。標識系統的設計不僅可以對頁面起到裝飾作用,還可以引導學習者,使網站更具個性化。設計標識系統應遵循兩個原則:(1)有效的標識系統應明確學習者是誰,為學習者提供什么,怎么用等問題;(2)標識的設計要統一,即版面樣式、設計風格、語法、兩個相同信息內容的標簽等要統一,不可產生歧義。

3.4 導航系統的設計

導航系統就是信息組織系統的頁面化顯示,其目的是讓學習者能夠知道自己所在的位置,所能獲取到的信息,就像地圖一樣,讓學習者知道自己從哪里來,這里有什么,將要到哪里去。網站導航系統主要有幾種類型:全局導航、局部導航、情景式導航、輔助導航。為滿足不同學習者的學習需求,在教學資源網站的設計中,要綜合使用各種導航。其次導航的位置要符合學習者的習慣,通過調查得知,絕大多數學習者習慣全局導航放在網站頂部,而將局部導航放在網站左邊,這樣的布局使學習者有一種熟悉感。

3.5 檢索系統的設計

教育資源網站內容多、信息量大,檢索系統的設計可使學習者快速直接獲取自己所需要的信息。在設計檢索系統時應注意幾個問題:(1)提供多種檢索方式,為滿足學習者不同的信息需求,應設置全文檢索、作者檢索、圖片檢索、視頻資源檢索等多種檢索方式,方便學習者查詢;(2)檢索界面的設計應提供簡單檢索和復雜檢索兩種方式,提供模糊、精確和二次檢索功能;(3)檢索結果應設置必要的提示,當學習者無法檢索到所需信息,系統應提供相關檢索建議。

參考文獻

[1] 陳洪磊.基于IA的高校門戶網站問題分析與對策[J].情報雜志,2010.12.

[2] 徐瑾.信息構建探析[J].科技進步與對策,2005,22(2):170-171.

[3] 陳建勛.Web信息架構(第三版)[M].北京:電子工業出版社,2008(8).

多媒體網站設計開發范文3

關鍵詞中職教育 信息化教學 詩歌專題設計

在傳統教育觀念長期影響下的語文老師,面對基礎薄弱的中職生,目前大多數職業學校語文課堂中,仍是教師講,學生聽。教學過程中,重傳授輕探究,重結論輕過程,重共性輕差異,重獨立輕合作,重認知輕情感,高耗費低效率等傳統課堂教學固有的弊端依然存在,嚴重制約了學生的發展,也與當今教學改革目標相距甚遠,這樣一來滋長了學生對語文的輕視和厭學情緒。近年來中等職業教育課程改革國家規劃新教材《語文》基礎模塊上冊選編《荷花淀》《致橡樹》《我愿意是急流》《永遠的蝴蝶》《情人的玫瑰綻開在教室里》等歌詠人世至愛真情的文章,一改過去中職語文教材面目陳舊、索然寡味的狀況,注入了新的教學內容。選入愛情題材作品是符合中職學生身心發展需要的,也順應了社會發展的要求,更符合中等職業教育課程改革的理念和精神,愛情觀作為學生人生觀的一個重要組成部分,正確的引導教育不可或缺。

隨著新型教育技術的廣泛采用,傳遞教學內容的途徑已經在發生重大的改變,尤其是電子計算機的普及,確保了學生在多種時空下學習這些內容。他們可以按照教學要求自己制定學習計劃,并且能夠運用計算機進行自我測試和評價。我們借助信息技術拓展教學時空,改變傳統教學以教師為主導的講授教學模式和語文單學科獨立模塊個體作業的教學方式,有效地促進了中職語文教學的發展。在建構主義理論、詩歌鑒賞學習理論的支撐下,我們運用多種信息化手段對古代愛情詩專題進行了設計。

1在信息化教學中詩歌專題系統設計

中職教材中古代詩歌專題課程與信息技術的整合是本專題信息化的核心。本專題是師生學習型多媒體網絡教室下的教學研究課程。詩歌是一種以抒情為主的文學形式,即使是敘事詩,也總是把抒發飽滿濃烈的感情放在一個極為重要的位置;同時又是以愛情題材為主,此時既不能拋開語文學科特點,更不能讓語文課堂變成談情說愛的地方,如何有效適度地進行愛情教育,就應該按照中職語文教學內容和要求,以學生“閱讀各種優秀作品,體會其豐富內涵,加深和拓寬對自然、社會、人生等問題的思考和認識”為出發點。是以先進的思想和認知學習理論為指導,以多媒體計算機網絡為輔助手段,以培養和發展學生多方面能力為宗旨的一種新型教學模式。

1.1分析教學目標。

筆者認為,中職語文教學設計應側重創設符合教學內容要求的情境和提示新舊知識之間聯系的線索,向學生提供較為復雜的真實問題,幫助學生開發或發現這些問題。本專題的教學內容依據職高語文教學大綱的要求選定,教學對象為高中二年級學生,教學時間為4個課時,根據實際情況,教學目標包括以下幾個方面:(1)利用教學網站創設情境,確定學習要點,優化學習內容,培養專題研究意識。(2)利用軟件,引導學生獨立發現問題、分析問題和解決問題,讓學生學會欣賞詩歌,體會詩歌中豐富的情感。(3)通過對愛情詩歌的賞析,培養學生對愛情的正確認識,幫助學生樹立高尚的愛情觀和審美觀。

1.2確定設計思路

根據以上教學目標,確定網站的設計思路:即利用網站創設情境,讓學生學會欣賞詩歌,體會古代愛情詩詞的韻味,培養高尚的愛情觀和審美觀。

我們專題網站設計流程為:網站需求分析一網站功能定位一學習者特征分析一專題內容選取一知識結構體系設計一信息資源選取與整合一學習模塊設計一頁面美工設計。

本專題是師生協商學習型多媒體網絡教室下的教學研究課程,以培養和發展學生多方面能力為宗旨,涉及朗誦教學和賞析教學等諸多層面的一種新型教學模式。通過這一系列合理而完整的設計流程,構建出網站的總體框架。

1.3具體內容

在教學的過程中,我們以中職教材中古代詩歌專題課程與信息技術的整合的理念出發,把網站分為九個模塊(見圖1):

(1)網站首頁。水墨畫配上古箏彈奏的“梅花三弄”,把學習者拉入了詩歌的古典意境,畫面上游動的小魚靈動可愛。左側是九個模塊,一目了然,便于操作,右側是展示內容的平臺,上方是專題的LOGO,也是以水墨山水畫為背景,整個頁面富有古典韻味,體現了現代技術與文學意境的完美結合。

(2)課文學習。這是主體教學課程。老師在使用過程中,可以直接參考并利用“課文學習”模塊中的大量素材。根據三首詩歌內容分成三個部分,配以完整的教學設計以及一些輔的學習資源,每首詩歌的學習分解為“原文譯文”“文學背景”“教學FLASH”“同步練習測試”四塊內容。本模塊是整個網站的基礎,是教學性最突出的部分。其中“同步練習測試”特色在于用VB編程制作并嵌入“課文學習”模塊,實現了人工智能與人機交互。既可作為學生自學時檢查課前預習的工具,也可作為了解課后學習效果的工具。

(3)名家評價。有關愛情詩歌方面的視頻賞析,從名家講評中體會古代愛情詩詞的韻味,加深對古代愛情詩詞的理解,例如百家講壇等。將教育性和趣味性結合,注重詩歌欣賞的深度挖掘和廣度探求。

(4)先睹為快。為滿足老師不同需求,教學中也可直接進入“先睹為快”模塊,利用教學FLASH和觀看與詩歌相關的視頻文件,理清教學思路??刂瓢粹o清楚明了,易操作,易查閱,節省備課時間,提高教學效度。

(5)美圖美看。“美圖美看”包括名人圖片、詩歌故事版畫、劇照等增強學生感性認識。比如與《釵頭鳳》相關的《沈園故事》圖片,從中可以看見隱藏在文章背后的豐富內容,以各種形態直觀呈現給學習者,提高其學習興趣,拓展其知識面。

(6)美文美讀。詩歌朗誦也是詩歌學習的一個重要部分,除了在FLASH中插入以外,另外還專門設置了一個模塊,方便同學和老師們欣賞學習。

(7)擴展閱讀?!皵U展閱讀”讓學生既可以進行愛情詩歌比較閱讀,也可以了解其他經典愛情詩歌作品。還增設友情鏈接,當網站實現動態的時候可以充分利用。這些都大大擴寬學生的知識面,加深對專題的認識。

(8)學習筆記。這一模塊可以讓老師及時了解學生的學習情況,接納反饋意見,這個模塊把學生、老師和電腦三者高效結合起來。學生的信息進入數據庫保存,教師可以留言,網絡用于動態時,學生可以進入數據庫,這樣即便于教師掌握學生的學習情況,又能讓學生得到及r的反饋,實現師生的互動。

(9)留言板塊。使用這個多媒體軟件的學?;蚪處焸€人,在有服務器設備的條件下,只要實現動態網絡即可交互信息,在線師生互動,甚至做到在線實時解答,就像現在網上醫生實施的網絡問診一樣。

網站還非常適合遠程教學和學生自學。本多媒體教學軟件讓學生完全可以在沒有教師的情況下理清思路,達成自學。以《釵頭鳳》為例,原文譯文,背景資料都有呈現,動態的FLASH設置情境增加了趣味性,美文欣賞讓學生體會到詩歌的韻味,感受詩歌中豐富的情感,學會詩歌欣賞的一般方法,實現語文詩歌教學的初衷。

在這個學習型多媒體網絡中實施整個教學活動,它與普通多媒體教室有明顯的區別。首先,學生可以通過網絡進行問題學習,協作學習。其次,學生還可以利用教學軟件在計算機上自主學習,再次,教師可利用網絡的互動功能及時了解學生的學習情況,并能及時接受學生的反饋,給予輔導和調整教學方法。這些都是在普通多媒體教室不能做到的功能。

2本專題多媒體教學軟件制作的特色與關鍵技術

(1)本課件中要求用于多媒體網絡環境下,所以充分利用網絡特性進行設計與制作。特色在于用flash課件代替了以往的PPT課件,用Dreamweaver和Flash相結合制作的多媒體教學軟件兼容性好,嵌入在學習網站當中,是我們嘗試進行多媒體教學革新的新成果。

(2)應用VB編程設計人機交互智能部分,學生可以自由輸入內容,對錯由電腦給出提示,體現了教學軟件良好的交互功能。本課件中要求用于多媒體網絡環境下,所以充分利用網絡特性進行設計與制作。教師在完成課文講解后,開放控制權給學生,讓學生在自己的機器上可以自主學習,另外不明之處可以用筆記本記錄下來,體現了教學軟件良好的交互功能。由于用VB編寫這一部分軟件較容易,且兼容性好,是我們嘗試的一個多媒體編程方向。教師可通過網絡公開分析討論學習者練習中出現的問題,在線學員都可進行討論,并最終解決問題。

(3)由于用Dreamweaver CS3和Flash CS3 Pro制作的多媒體教學軟件兼容性好,使用Flash課件動態效果好,有利于達成情境教學的高效性,這也是我們嘗試的一個多媒體教學新的方向。

多媒體網站設計開發范文4

關鍵詞:電子教室;在線學習;Java

中圖分類號:TP313 文獻標識碼:A 文章編號:1009-3044(2015)29-0015-03

The Design and Implementation of the Electronic Classroom Based on Java

XU Li-hua

(Nanjing Institute of Industry Technology, Nanjing 210023, China)

Abstract:With the popularity of the Internet, the traditional learning mode has become more and more not to meet the students' learning habits, followed by online learning has been the students and teachers welcome. This system mainly serves all the students and teachers in the school, to provide them with a more diversified learning environment. This system is based on Java technology, which can realize the function of online learning, resource sharing, online examination and so on.

Key words: electronic classroom;online learning; Java

1 本系統的研究意義

在傳統的課堂式教學下學習存在著很多的缺點,比如不能隨時隨地掌握學習的主動權。隨著科學技術的不斷提高,計算機科學與技術日漸成熟,計算機應用的普及,計算機已經進入人類社會生活的各個領域,并發揮這越來越重要的作用,越來越多的學員選擇網上在線學習。

在線學習提供最優秀的教育資源傳統授課方式中,真正能享受到最優秀老師付的人只能是少數人,而通過在線學習,學員可以任意選自己感興趣的課程,接受優秀老師所上傳的知識的精華,接受一流的教育。在線學習可以讓學員不收時間和地域的限制,并且可以隨時隨地上網參與學習,而在線學習必須依賴一定的應用軟件為之服務,提供一種類似“網上教室”的虛擬空間,本系統就是基于Java技術設計并開發的,給教師和學生提供在網上進行教學、互動、資源共享等功能的電子教室。

2 系統功能說明

本系統設計與開發分為前臺和后臺。前臺又分為用戶和游客,后臺分為教師和管理員。普通用戶、游客、教師、管理員的具有的功能如表1所示 :

表1 系統框架表

[前臺\&普通用戶\&學習課程、考試、下載/共享資源、收藏課程\&游客\&學習課程\&后臺\&教師\&新增章節、下載共享資源\&管理員\&新增院系、開設課堂、審核資源\&]

游客的主要功能是學習課程。

學生的主要功能是學習課程、考試、下載/共享資源、收藏課程。

教師的主要功能是新增章節、下載/共享資源。

管理員的主要功能是新增院系、開設課程、審核資源。

3 系統設計

3.1 數據庫設計

根據系統的功能分析,進行數據抽象和建模后,進行本系統的數據庫設計。分別是:院系表、課程表、試卷表、試卷問題表、章節表、資源表、用戶表、錯誤試題表,具體信息如表2所示:

3.2 系統開發框架

本系統基于Java B/S架構進行設計開發,遵循MVC模式,嚴格進行了應用系統的三層結構的劃分。

MVC模式是“模型-視圖-控制器”,MVC全名是Model View Controller,是模型(model)-視圖(view)-控制器(controller)的縮寫,一種軟件設計典范,用于組織代碼用一種業務邏輯和數據顯示分離的方法,這個方法的假設前提是如果業務邏輯被聚集到一個部件里面,而且界面和用戶圍繞數據的交互能被改進和個性化定制而不需要重新編寫業務邏輯MVC被獨特地發展起來用于映射傳統的輸入、處理和輸出功能在一個邏輯的圖形化用戶界面的結構中。

在本系統的開發過程中,利用了JSP+Servlet技術,嚴格遵循了MVC模式進行開發,系統的耦合度小。

用Servlet充當控制器,來實現業務功能與對應頁面的控制轉發;

用JSP頁面充當視圖層,來實現業務功能的展示。

用接口和接口實現類分離,配以工廠模式的形式來實現業務邏輯類,充當JavaBean的角色。

4 系統主要功能實現

4.1 個人中心功能

個人中心的功能具有資源推送、我的收藏、我的錯題、修改頭像、修改個性簽名、試卷和課程的推送,實現效果如圖1所示:

4.2 資源共享功能

資源共享功能具有查看資源列表、上傳資源及下載資源功能,效果如圖2所示:

圖2 資源共享頁面

本功能主要代碼如下:

int res_id = Integer.parseInt(request.getParameter("rd"));

int flag = Factory.getResourceDaoInstance().addSum(res_id);

Reource res = Factory.getResourceDaoInstance().getRes(res_id);

SmartUpload su = new SmartUpload();

su.initialize(pageContext);

su.setContentDisposition(null);

su.downloadFile("/upload/file/"+res.getRes_way());

%>

4.3 課程頁面

課程的頁面實現主要有查看課程簡介,查看章節目錄、試卷列表、最熱資源、數據統計,以及收藏課程的功能,效果如圖3所示:

4.4 注冊登錄功能

注冊功能需要用戶把基本信息的必填項全部填寫完畢,如有未填寫則會顯示提示,并且同意協議后方可注冊,注冊成功后系統會自動給你填寫的電子郵箱發個激活郵件,激活后賬號方可使用。

登錄功能是個彈出層,輸入賬號、密碼之后才能登陸,否則會有網頁彈框提示,如果登錄的賬號未注冊或者未激活,也會有相應的提示,效果如圖4所示:

圖4 登錄功能

5 總結

本文介紹了基于Java的電子教室的設計與實現過程,包括需要解決的問題,系統的需求功能分析,系統的功能設計等。

對于在線學習(E-learning)這個課題有很大的前景,隨著互聯網的發展,教育行業在十年前就推廣遠程教育,通過互聯網虛擬教室來實現遠程視頻授課,電子文檔共享,從而讓教師與學生在網絡上形成一種授課與學習的互動。本項目將在以后的工作中進一步優化解決,使之可以真正應用于生產實踐。

參考文獻:

[1] (美).Cay S. Horstmann, Gary Cornell.JAVA 2核心技術.卷I,基礎知識[M].機械工業出版社,2006.

[2] (美).Kevin Mukhar.Java 數據庫應用程序編程指南[M].電子工業出版社. 2002.

[3] 劉俊亮,王清華.JSP Web開發學習實錄(配光盤)(Web程序員成功之路) [M].清華大學出版社,2011.

[4] 李超.CSS網站布局實錄:基于Web標準的網站設計指南[M].2版.科學出版社,2007.

[5] 李剛.瘋狂HTML 5/CSS 3/JavaScript講義(含CD光盤1張) [M].電子工業出版社,2012.

[6] (美)麥卡勞.基于MVC的JavaScript Web富應用開發[M]. 李晶,張散集,譯.電子工業出版社,2012.

[7] 劉義良.多媒體電子網絡教室在實驗教學中應用探討[J].鐵路計算機應用,2010(9).

[8] 蔡海燕,袁曉斌.多媒體電子教室在教學中的應用[J].軟件導刊,2008(10).

[9] 魯明勇,一種新型的教室――互動式多媒體網絡教室[J].教育信息化,2003(5).

[10] 閆麗萍.電子教室的進一步發展和應用.軟件導刊,2012(4).

多媒體網站設計開發范文5

關鍵詞:意義建構,任務驅動,網頁設計

1 引言

隨著網絡信息化的飛速發展,網絡應用日趨廣泛和成熟,網站是網絡應用的主要形式,越來越多的企事業單位、政府和個人,通過Internet網站,用于宣傳企業產品,政府法規,展現個人風采;還有電子期刊、網上交易等,網站的應用已經滲透到生活中的各個方面。網頁設計成為了炙手可熱的計算機應用技術。如何提高網頁設計教學效果,培養學生獨立開發網站的能力,是我們在教學工作中要考慮的問題。

2 建構主義理論

建構主義是在認知主義基礎上發展起來的獨特的學習觀,它認為“學習不應該被看成是對于教師授予知識的被動接受,而是學習者以自身已有的知識和經驗為基礎主動的建構活動”。也就是說,學生學習過程是在教師創設的情境下,借助已有的知識和經驗,主動探索,積極交流,從而建立新的認知結構的過程。

建構主義主張學習是學習者主動建構自己知識經驗的過程,是通過新經驗與原有知識經驗的相互作用而不斷充實、豐富和改造自己已有知識經驗的過程。它強調學習的主動性、實踐性、創造性和社會性。

在認識論的基礎上,建構主義提出了學習實質上是一種“意義建構”的獨特觀點。以“建構”觀念取代傳統的學習是一種“反映”的觀念,更能體現學習的本質特征。因為“反映”是從客體的角度來看問題,強調學習作為一種認識所具有的客體性和符合性;而“建構”則強調主體性和選擇性,指出了學習作為一種認識是主體能動選擇、主動建構的過程,其中心在于學生的“學”。

3 網頁設計課程的教學方法研究

3.1 網頁設計課程特點

網頁設計課程基本以傳統的教材結構為主線,主要以Dreamweaver8.0軟件為主干,Flash動畫制作和Fireworks圖像處理為輔助工具,介紹網站開發過程。Dreamweaver8.0是Macromedia公司推出的一款專業網頁制作軟件,它支持所見即所得的可視化操作,使用十分方便。

Dreamweaver網頁設計是一門實踐性很強的技術基礎課,它在要求學生熟練掌握網站開發工具的同時,要求學生發揮創造性思維和創新精神,設計彰顯個性的優秀網站。

3.2 傳統網頁設計教學方法的不足

傳統Dreamweaver網頁設計課程安排與教材結合非常緊密。從常見的網頁元素,到表格與布局、框架、表單、層、CSS樣式表、模板和庫等等,所有操作都是教材中的內容,學生學習和上機操作都很直觀,容易將理論知識和實踐相對應。學生可以通過教師的演示和講解很快的掌握某個網頁元素的使用方法,但是問題在于,學生是學習主體的地位被剝奪。根據以往的教學情況來看,往往存在這樣的問題,就是教師教了哪些知識點,學生就只會哪些知識點:教師做了什么樣的演示,學生就按部就班地只會做相應的操作,知識沒有經過他們思維的二次加工,因此只能處于簡單的記憶、模仿階段,根本不會有創新的意識??墒莿撔乱庾R正是一個好的網站開發者所必備的潛質。沒有了創新,網站就不具備吸引眼球的魅力。

網頁不僅要實現一定的功能,還要體現出美學價值,符合人們的審美習慣。傳統網頁設計教學活動,我們將大部分精力用在了介紹網站開發的流程上,從網站整體規劃,素材的準備、網站的建立,到頁面制作和調試,最后到站點的與維護,而忽視了如何建立一個成功的網站。一個成功的網站大都由制作精美的網頁組成。網頁的布局合理,顏色搭配得當,網頁間的層次清晰,內容別具特色。是其能夠從眾多網站中脫穎而出的重要原因。我們要在課堂上引入相關的行業知識,美術知識,色彩知識和網站策劃知識,并與Flash以及Fireworkers軟件的使用相結合,使我們的學生不僅在技術層面上會建網站,還要能建好的、精美的網站。

3.3 任務驅動教學法在網頁設計課程中的應用

“任務驅動”是一種建立在建構主義教學理論基礎上的教學法。它要求“任務”的目標性和教學情境的創建。使學生帶著真實的任務在探索中學習。在這個過程中,學生還會不斷地獲得成就感,可以更大地激發他們的求知欲望,逐步形成一個感知心智活動的良性循環,從而培養出獨立探索、勇于開拓進取的自學能力。

3.3.1 興趣的培養

興趣對于學生的主動學習非常重要,教學剛開始時,教師可以通過推薦一些富有特色的專題網站和展示一些優秀的網頁作品,激發學生開發網站的興趣,并將該方法始終貫穿整個教學過程,讓學生始終保持對于網站開發的熱情,從而引導他們去思考如何建立網站、設計網頁,并由此確定建設一個完整網站的總體任務。

3.3.2 統籌兼顧,精心設計任務

教師在設計任務時,要從學生實際出發,充分考慮學生現有的知識結構和能力水平,精心設計教學任務及教學情境。激發學生探索問題的興趣,讓學生帶著具體的任務學習,培養學生主動學習的習慣。

任務驅動應用在網頁設計課程中,可以大致分為3個階段:基礎準備、案例分析和項目設計。其中基礎準備階段,主要是引導學生學習書本上的知識,包括Dreamweaver的基本操作,ASP基礎,數據庫基礎等,通過讓學生加強上機練習鞏固基本技能,為網站開發做好技術準備。這一階段教師主要做好理論知識的總結歸納和上機操作的指導。

案例分析階段,教師主要是通過某個網站開發的具體實例,分模塊介紹網頁設計的方法,將大任務逐步細化成小任務,在解決小任務的同時可以將Dreamweaver基本工具的使用貫穿其中。例如,設計用戶登錄/注冊模塊,用到了表單元素和簡單的ASP技術。此階段教師主要是引導學生從需求分析階段開始,逐步完成某一個主題網站的設計。

項目設計,可以作為課程結束之際的一種考察手段,布置學生一個大作業,讓學生設計開發一個網站。由于網頁設計是一種主觀性很強的工作,每個學生的想法都不一樣,因此,作業主題不限,讓每個學生都可以盡情發揮,當然,網站要做到主題鮮明,風格統一。通過這樣的方式,可以讓學生更好地掌握網站設計制作的流程,培養綜合運用知識的能力。

3.3.3 培養學生團隊協作意識

團結協作是一切事業成功的基礎,個人和集體只有依靠團結的力量,才能把個人的愿望和團隊的目標結合起來,產生1+1>2的效果。在網頁設計課程的教學中,教師需要設計一些相對比較復雜的任務,讓學生分組討論共同完成。這樣不僅鍛煉了學生的能力,而且培養了學生之間的團結協作精神。

3.3.4 加強指導,客觀評價

任何一個任務提出之后,不要急于講解,而是先要讓學生對提出的任務進行思考,分析和提問。問題提出后,教師不要直接告訴學生應該如何去解決,而應該給予適當的提示和引導,指引學生找到解決問題的線索。讓學生結合自己所學知識去解決問題,或者通過書本和網絡探索學習新的知識,這樣學生的能力才能不斷提高。

對于學生設計的網頁作品,可以通過多媒體教學環境進行交流展示,每個人都參與討論評價,對于優秀作品中的關鍵步驟可以大家共享,從而達到共同提高的目的。

多媒體網站設計開發范文6

【關鍵詞】高職 網絡程序設計 網絡課程 設計

【中圖分類號】G【文獻標識碼】A

【文章編號】0450-9889(2013)10C-0073-03

在當今的信息化時代,學生的學習方式已從傳統的基于課堂教學模式轉變為通過多種途徑獲得知識,其中網絡教育因其突破了時間與空間的限制,能夠培養學生在傳統課堂中難以實現的自主學習和探究學習的能力而成為高職教學中一個重要的研究課題。網絡課程克服了傳統課堂教學模式的不足,成為現代信息化教育發展的新趨勢。

隨著網絡技術的發展,程序設計的重點已從傳統的桌面程序設計轉向網絡程序設計。為適應信息技術的發展需求,近年來,網絡程序設計已經成為各高職院校計算機相關專業的必修課程。其主要任務是使學生掌握Web網站的基本概念、基本原理和開發的基本方法,通過講授目前流行的Web開發技術及數據庫訪問技術,培養學生從Web程序設計開發、網站建設、設計到實現的實踐動手能力,能夠在老師的指導下完成一個具有實際意義的小型Web應用系統的開發。本文擬以網絡程序設計課程為例,對網絡課程設計進行探討。

一、網絡課程設計理念

以職業能力培養為核心,以實踐教學為主線,打破以知識傳授為主要特征的傳統學科課程模式和以職業工作過程為導向的行動課程模式,轉變為以注重培養學生解決實際問題為中心,構建課程體系,遵循由淺入深、循序漸進的原則,著眼于弱化網絡程序設計的難點,強調學生動手開發能力的培養,探討“任務驅動+案例教學”的教學模式在網絡程序設計課程中的應用。

針對網絡程序設計課程內容抽象、難于理解、學習困難的特點,為降低學生的學習復雜度,提高學生的實踐動手能力,新授課程采用任務驅動教學法組織教學,理論知識教學以任務驅動為單元,以“必須”、“夠用”為度,突出實踐,加強應用性和針對性,讓學生在完成任務中掌握知識,帶動知識、概念和技能的學習。

對綜合課的教學,圍繞教學目標和內容的需要,采用典型案例組織學生進行學習、研究、鍛煉。典型的小型Web應用系統案例包括留言板、BBS論壇、聊天室、新聞公告系統、文件上傳系統、在線購物、網上書店等。利用案例創設一個良好的寬松的教學實踐情景,把真實的典型問題展現在學生面前,讓他們設身處地地去思考、分析、討論,從而激發學生的學習興趣,培養學生創造能力及分析、解決問題的能力。教師可通過采用案例教學法,引導學生對學過的知識加以概括性整理和深化,以形成新的認知結構,逐步遞進,最終使學生形成綜合網絡程序設計的應用能力。

本課程所有的理論教學、課程實驗、綜合實訓,都采用“任務驅動+案例教學”的教學模式進行設計。

二、網絡課程的具體設計

(一)導航設計

網絡課程信息量大,涵蓋媒體素材多樣,包含文本、圖形、課件、音頻、視頻、動畫等多種形式素材,內部信息之間的關系也較復雜。因此,除在信息結構上要合理設計外,對信息的導航策略要求也十分高。要求導航設計要清晰、明確、簡單,符合學生認知心理,否則,學生容易迷失方向?;趯Ш揭笄逦鷾蚀_這一網站設計思路,將網絡程序設計課程網站所有資源進行合理的分類,整個網絡由“課程教學實施方案”和“課程網絡學習平臺”兩大部分組成。

“課程教學實施方案”是站在教師的角度,向學生全面介紹整個課程的實施方案,讓學生了解課程的教學安排,以便制訂具有個性化的學習計劃,界面設計如圖1所示。

“課程教學實施方案”界面主要包含5個欄目:一是課程簡介,包含課程簡介,師資隊伍兩個二級欄目;二是教學大綱,包含課程教學大綱,綜合實訓大綱兩個二級欄目;三是課程特色,包含課程特色,發表文章兩個二級欄目;四是教學條件,包含校內實訓基地,校外實訓基地兩個二級欄目;五是教學手段,包含教學方法,教學模式兩個二級欄目。單擊“進入”按鈕可鏈接到“課程網絡學習平臺”。

“課程網絡學習平臺”是站在學生自主學習的角度,向學生提供可通過因特網自主進行學習的完整的網絡課程,界面設計如圖2所示。

“課程網絡學習平臺”界面包含9個欄目:一是電子教案,包含網絡程序設計課程所有教案;二是電子課件,包含網絡程序設計課程所有課件及所有案例分析課件;三是教學錄像,包含網絡程序設計課程所有教學錄像,在每章的教學錄像中瀏覽者可隨意控制要播放的錄像內容;四是實訓教程,包含網絡程序設計課程的實驗教程和綜合實訓教程,共有12個實驗和4個典型案例分析,所有實驗和案例都可在線演示;五是技術專題,提供該學科當今的一些研究成果,以及配合教學內容的一些資料,有利于學生進行擴展學習;六是教學資源,提供一些網站制作素材,供學生們在制作網站時使用;七是在線測試,包含對本課程的教學內容的自測題目及其自動評判系統,輸入用戶名和密碼,即可進入在線測試模塊,在“在線測試”模塊中,選擇要測試的教學內容,即可進行自測和自評;八是師生論壇,提供一個師生互動的平臺,包含對本課程常見問題的討論及其解答,輸入公共賬號和密碼即可登錄該論壇,亦可注冊新用戶后,再登錄,九是動畫演示,包含所有原創動畫,通過Flas演示來講解課程中的重點和難點內容。

(二)論壇設計

為便于師生討論和教師答疑,建立“師生論壇”作為交互討論平臺。教師固定時間和學生同時在線,就可以實時回答學生的提問,如果教師不在線,學生還可以留下問題與同學進行交流,也方便教師上線后回答。

“師生論壇”包含用戶注冊、用戶登錄、發表新帖、回復帖子、瀏覽帖子、用戶信息等功能模塊,系統功能結構如圖3所示。

“師生論壇”是一個典型的網絡應用系統,為方便論壇的維護和擴展,需為不同用戶分配不同的權限。注冊學生屬于普通用戶,普通用戶可以發表帖子、回復帖子、瀏覽帖子、瀏覽整個論壇信息;任課教師具有管理員權限,管理員可以對整個論壇信息進行全面管理,系統工作流程如圖4所示。

(三)在線測試設計

為了考查學生對本課程知識的掌握情況,實現考試功能與教育評估和教育管理功能的高度結合,使考務工作自動化,設計了一個在線測試模塊。在線測試包含對本課程的教學內容的自測題目及其自動評判系統,在在線測試模塊中,學生可以評價其自主學習的效果,為教師提供教學分析的依據。

根據網絡考試的特點,將在線測試系統分為前臺和后臺兩個模塊進行設計。前臺主要用于考生注冊、登錄、在線考試、查詢成績、退出系統。學生注冊并登錄后,即可選擇考試內容進行在線測試。前臺功能結構如圖5所示。后臺主要用于管理員對管理員信息、考生信息、考題信息、考生成績信息等進行管理。教師或管理員登錄后,即可進入后臺對所有考試信息進行管理。后臺功能結構如圖6所示。

“在線測試”是一種以互聯網為基礎的考試模式。這種模式,為學習者創造了一種新的考試環境,使學生可以隨時隨地通過網絡進行考試。學生通過學號注冊成功后,輸入自己的學號和密碼登錄進入前臺,按步驟依次進行選題和答題,答題完畢后系統會自動評分,并給出考試成績,解決了在考試后等待考試分數通知的問題。管理員或教師使用自己的用戶名和密碼登錄后,可進入后臺,對考生信息、考試信息、管理員信息、考試題目等,進行添加、修改、刪除等管理,系統工作流程如圖7所示。

三、網絡課程設計的優點

上述網絡課程設計存在如下優點:

其一,網站制作技術多樣化。網絡課程的前臺采用Dreamweaver+Flash+Photoshop作為開發工具,后臺采用ASP+Access進行設計,所有頁面采用CSS+XHTML進行布局,界面設計新穎合理,教學目標清晰,定位準確,欄目設置合理,導航方便。

其二,教學錄像瀏覽方便。在網絡課程中,瀏覽者可隨意控制要播放的教學錄像內容。教學錄像窗口采用框架結構布局,由三個區域組成,左上角是視頻音頻播放區,可任意調整視頻窗口的大小,適應學生個性化的瀏覽要求。左下角是文字索引區,可隨意選擇需要播放的章節內容或知識點。右邊是屏幕流播放區,播放教師計算機的屏幕內容。

其三,實驗教程可實現在線演示。利用網絡程序設計具有操作性強和可再現性的特點,借助現代教育技術,設計“實驗教程在線演示”功能,使學生能夠很直觀地感知程序的運行結果,提高學生運用程序設計知識解決實際編程問題的能力,降低學生的學習難度,提高學習效果和效率。

其四,動畫演示形象直觀。對于教學中的重點、難點和教學手段難以表達的教學內容,通過動畫演示欄目,利用多媒體技術豐富的表現力,幫助學生掌握重點,突破難點。

其五,師生論壇交互友好。論壇給師生提供一個交流的平臺,為網絡的互動提供便利。通過論壇,師生得以更方便地交流,更便捷地發表自己的觀點,學習者可以從中獲得自己想要的信息,實現網絡資源共享。

其六,在線測試題庫豐富。在線測試系統建立了覆蓋所有知識點的題庫,方便學習者自主測驗、及時得到反饋信息,從而有計劃、有步驟,系統地調整學習進度,使網上學習更有效。與此同時,教師(管理員)可以通過系統對學生的信息進行分析統計,有針對性地為學生提供指導。

以上網絡課程設計在實踐教學中取得了很好的應用效果,在配合課堂教學,提高教學質量和學生自學能力方面,發揮了重要的作用。在今后的網絡課程教學中,還應以學生發展為目的,合理開發、利用各種課程資源,實現課程資源的多樣整合,促進學生全面發展。

【參考文獻】

[1]呂懷婉.優質網絡課程資源開發與設計[J].西安電力高等??茖W校學報,2012(2)

[2]劉占東.高等院校網絡課程建設初探[J].職業技術,2012(6)

【基金項目】2011年新世紀廣西高等教育教改工程項目(2011JGB193)

亚洲精品一二三区-久久