時間:2022-05-06 04:37:11
序論:在您撰寫網站畢業設計論文時,參考他人的優秀作品可以開闊視野,小編為您整理的1篇范文,希望這些建議能夠激發您的創作熱情,引導您走向新的創作高度。
摘要:“網站設計與維護”是一門實踐性和實用性都很強的課程,針對中等職業學校非計算機專業學生的特點,設計一個關于內容管理系統CMS的課程教學內容,分析CMS的原理和特點,采用案例教學法讓學生快速掌握各種網站建站的設計方法。
關鍵詞:網站設計與維護;CMS;課程教學;教學法;模板設計;網站建設
1 概述
《網站設計與維護》課程是中等職業學校計算機、電子商務等相關專業的一門專業課程,也是其他專業的普及型選修課程,是近年來計算機專業領域發展最快和應用最廣泛的課程之一,當今社會急需培養掌握計算機網頁設計、面向不同應用層次的專業人才。因此,學生對這門課程教學的要求越來越高。面對眾多的網頁設計技術和課程,如何為學生開設好這門課程,需要我們積極思考。為了培養能高效、快速地進行企事業單位網站以及電子商務網站的建設的人才,根據非計算機類專業學生的特點,結合本校的實際,設計一個關于內容管理系統(CMS)的《網站設計與維護》課程教學內容,采用案例教學法、任務驅動教學法讓學生快速掌握各種建設網站的方法。
2 CMS的特點和選型
2.1 CMS的概念
CMS是Content Management System的縮寫,意為“內容管理系統”。CMS主要是以信息共享為目的,位于WEB前端(Web服務器)和后端辦公系統或流程(內容創作、編輯)之間,面向海量信息處理,集信息數字化、分布存儲、管理、查詢、傳播為一體的管理平臺。內容的創作人員、編輯人員、人員使用內容管理系統來提交、修改、審批、內容。這里指的“內容”可能包括文字、表格、圖片、數據庫中的數據甚至視頻等一切需要到Internet、Intranet以及Extranet網站的信息。
目前主流的CMS概念,是以文章系統為核心,包含內容模型自定義、內容采集加工、內容評論、內容檢索、公告管理、廣告管理、調查管理、留言管理、用戶管理等各種通用功能模塊,面向各種內容管理需要的網絡平臺。
2.2 CMS的選型
把CMS作為教學內容,至少要注意系統類型和架構、系統功能、視覺外觀、內容管理、開源維護等五個重點。
基于ASP+ACCESS技術架構的內容管理系統采用結構化的功能設計和界面布局設計,可分為核心系統(core)、組件(component)、模塊(module)、界面模板(template)等部分,系統結構分為數據層、應用層和表現層,這種架構具有易于理解、方便操作的特點。
網站模板與網站程序完全分離是目前主流CMS的設計理念,模板是用來控制前臺網頁顯示界面的布局和字體、圖片樣式及形式的,使得表現和內容分離。只要設計不同的模板,即可實現不同的網站界面風格,讓學生達到快速建站的目的。
作為開發型產品的源代碼是最寶貴的學習范例,無論是初學者還是開發人員,都可以從開源CMS范例的源代碼中進行系統學習、掌握和探討商業軟件的設計、編碼規范等知識。通過以開源CMS軟件的源程序為范例來講解各種設計模式、編程技巧等知識,能夠很好促進學生對學習源代碼的興趣。
開源的CMS比較多,如DedeCMS、PHPCMS、PHP168、EmpireCMS、Joomla、JeeCMS、SiteServerCMS、FoosunCMS、SiteWeaverCMS、KesionCMS、JoekoeCMS等,作為教學的示范,以簡單、實用、方便、高效為原則,我們根據實際情況選擇一款優秀ASP+ACCESS技術架構的開源CMS作為教學演示工具。
3 教學內容設計
3.1 CMS的基礎教學
《網站設計與維護》課程的學習主要有三個過程:設計過程、制作過程、內容管理過程。其中設計過程要求熟悉軟件工程學及各種相關技術,了解整個軟件設計流程,并具備相關的分析問題能力和策劃能力。制作過程要求具備頁面布局及相關的美工知識,動態代碼的編程知識及數據管理應用的數據庫知識。內容管理過程要求熟悉信息內容的采集、整理、編輯、審核、等過程。
教學內容遵循學生學習認知的過程,科學合理地選擇教學內容,幫助學生建立正確的建站思想和方法,在理論和實訓中都要體現一個網站設計的理念。
網站設計的基礎知識必須掌握。包括Dreamweaver、Flash和Fireworks軟件的使用,Photoshop基本操作,認識HTML標準語言中的Head、Table、Tr、Td等標簽及屬性設置,CSS、Javascript、VBScript、ASP代碼示例,網站框架設計和網站首頁基本布局設計的方法,網頁配色方法,IIS的安裝和配置,域名與虛擬主機服務器知識,網站安全知識。
3.2 利用現有網站進行快速模板設計
通用CMS網站系統主要有三大模塊:文章、軟件和圖片,一般每個模塊的模板目錄結構都由源程序、Images圖片文件夾、JS文件夾、Skin風格文件夾、UploadFiles上傳文件夾組成,這三個模塊相對獨立,可以生成多個模塊欄目,每個模塊欄目都有自己的模板。
系統的模板設計功能從使用靈活、操作方便的角度出發,利用現有網站進行快速模板仿制和設計并不是讓學生去剽竊他人作品,而是通過深入地熟悉了解他人的模板制作技巧和風格,以及設計思路而制作出自己的特色風格模板,提高自己的模板制作水平。
仿制模板的制作思路:
1) 打開要仿制的網頁查看源代碼屬性,通過“另存為”保存網頁全部文件。
2) 用Dreamweaver網頁編輯器編輯網頁文件,刪除標題列表的文字信息,合并標題列表信息的單元格,將需要顯示相關內容的地方修改或插入相應的的標簽。
3) 修改文件夾名稱,修改圖片路徑。
4) 進入CMS網站后臺,把Dreamweaver里修改好的代碼復制到對應網頁模板選項中,并加以調整。
一些通用CMS網站系統的后臺模板管理功能中具有代碼編輯器和可視化編輯器,可以利用這些編輯器直接對模板進行修改、整理和保存。
3.3 模板的制作
模板制作是《網站設計與維護》課程教學的重點和難點,在模板制作之前,學生需要掌握基本的網頁設計與HTML代碼知識。如果要獨立設計一個網站,還要掌握一些圖像設計處理軟件,如Photoshop、Fireworks等。
模版設計與制作的流程:
1) 在制作模板前,先在Photoshop、Fireworks等設計軟件中制作網頁效果圖。然后利用這些軟件的導出成Web格式文件功能,將效果圖輸出成Web文件和圖片文件夾。
2) 在Dreamweaver等網頁設計軟件中修改Web文件,將需要顯示相關內容的地方修改或插入相應的的標簽。
3) 將圖片文件夾上傳至網站的目錄中,同時添加或修改相關類型的網頁模板,將Web文件的源代碼拷入模板中并保存。將添加或修改的模板設置成默認模板。刷新前臺頁面即可看到新模板的效果。
3.4 CMS的管理與操作
CMS網站系統的模版設計和制作完成,說明網站已經有了自己的前臺風格界面,就可以開始為網站添加信息內容。信息內容是CMS的靈魂,優秀的原創內容是一個網站的核心競爭力。
CMS的管理劃分得比較明確:基本設置、日志統計、廣告管理、友情鏈接、留言和公告管理、頻道管理、數據庫管理、模板風格管理、用戶管理、文章管理等。在各種管理功能中,通過指導學生操作和使用每一項功能,完成信息采集、整理、分類、審核、和管理的全過程,掌握網絡編輯的工作流程,與職業銜接。
3.5 CMS的與應用
CMS網站系統不僅是課堂教學的工具,而且有著廣泛的實際應用。讓學生申請由學校信息中心提供的免費二級域名和虛擬主機,也可以指導學生申請互聯網上的域名和虛擬主機,通過域名和虛擬主機的申請、注冊、管理,讓學生掌握域名和網站服務器的相關知識。有了域名和虛擬主機,就可以讓學生對網站程序進行上傳、調試和維護,同時講解百度收錄、搜索引擎優化(SEO)及推廣、日后的更新維護等知識,讓學生明白一個網站的生命周期過程,使學生更加珍惜自己所設計制作的網站。
學生通過對CMS的學習和應用,可以隨時方便地提交需要的信息而無須掌握復雜的技術,使得網站的架設與管理變得輕松。
4 教學的方法
為了激發學生的學習興趣,提高學生的主觀能動性,要想使學生能夠對所學的知識融會貫通,對所學的技術靈活運用,要想在較短時間內提高學生的動手能力,必須采用行之有效的教學方法并加強實踐環節。
課程的前期,主要采用案例教學法根據教學目標和內容的需要,采用案例組織學生進行學習、研究、鍛煉。案例教學可激發學生學習的興趣,增強學生在課堂上的參與感,幫助學生加深理解所學的基礎知識,從而提高教學質量。
課程的中期,主要采用任務驅動教學法把模板設計的教學內容設計成一個或多個具體的任務,以完成一個個具體的任務為線索,把教學內容巧妙地隱含在每個任務之中并引導學生完成任務,學生通過完成一個個具體的任務掌握教學內容。采用任務驅動教學法,能讓學生樂于學習、主動學習、創造性地學習。
課程的后期,主要采用項目教學法通過實施一個完整的網站項目并在項目的具體實踐過程中“寓教于學”,具體做法是將一個完整的網站項目交給學生獨立完成,讓學生在教師的引導下獨自完成信息收集、方案設計、方案實施以及項目最終評價等整個過程。項目教學法在課堂教學中把理論與實踐教學有機地結合起來,有助于充分發掘學生的創造潛能,提高學生解決實際問題的綜合能力。
5 課程的考核方式
《網站設計與維護》是一門實踐性較強的課程,開設該門課程的主要目的是使學生具備使用CMS建設和維護網站的綜合能力,因此采用傳統的筆試考核模式不能真實地反映學生的學習情況,要想衡量學生學習這門課程的好壞,需將考試重點轉移到對學生的實際技能方面的考核上。
設立與本門課程相關的模板設計大賽或網站應用設計大賽,是一種對學生綜合技能評價的有效方式。大賽為學生創造一個相互學習與交流的機會,搭建一個展示與宣傳自我的舞臺,讓更多的學生在了解和體驗CMS網站管理系統的諸多特性與強大功能基礎上,熟悉和掌握網頁模板的設計方法與操作技巧,以創作出更多、更好、更美的網頁模板,充分展現獨具個性魅力的特色網站,促進網絡事業的蓬勃發展。大賽重點審評學生對以下幾個項目的能力:頁面美術設計、網頁語言的掌握程度、對CMS的模板設計能力、創新能力、創意能力等,鼓勵有中國元素的民族風格的原創設計作品和富有商業氣息、能營造消費購物氛圍、時尚感強的商務設計作品。通過指導學生學習、設計,使用CMS制作指定主題的網站或自由設計的網站,提升學生對網站建設的愛好和興趣,創造良好的學習氛圍。
對于學生成績的評定,采取平時考查和實踐考核兩種方式,技能大賽成績作為總評成績加分的參考。平時成績占30%,平時成績根據學生的到課表現、上交作業、上機實習情況產生;實踐成績占70%,實踐成績根據期末學生所制作的作品情況產生。這種考核方式注重實踐操作和應用開發能力的培養,有利于提高學生的學習積極性和主動性。
6 結束語
在教學過程中,只有從學生感興趣的角度出發,提供“簡單、易懂、實用”的課程,才能讓學生對該門課程感興趣,讓學生從枯燥、乏味的認知活動中解脫出來。對課堂理論教學、實踐教學和課程考核方式等方面進行探索和改革,能使學生從被動學習轉變為主動學習,提高其實踐操作技能,拓展其知識面,并發展成為活潑有趣的學習過程。
將CMS引入《網站設計與維護》課程的教學中,及時地調整課程教學內容,采取行之有效的多樣化的教學方法和手段,注重對學生實踐技能的考核,實現了教學內容與行業技術同步發展,提高了教學質量,按社會需求培養應用型人才,收到良好的教學效果。
摘要:《動態網站設計與開發》是計算機專業一門重要的專業必修課,該文結合高職教育的教學目標,從培養學生實踐技能的角度出發,探索在工學結合模式下,如何更好地完成教學內容,以達到培養高級應用型人才的培養目標。
關鍵詞:工學結合;教學改革;項目課程
高職院校是教學、服務類的院校,以服務為宗旨,以就業為導向,以能力為本位作為辦學方針,實行工學結合、校企合作的教學模式。
然而現實中,高職院校的校內實訓基地存在著缺乏職場化的實戰環境,難以培養學生的實際崗位能力;校外實訓基地又不能被很好的掌控,為教學服務,學生往往成為廉價或者免費的勞動力,從事的崗位工作往往和實際教學相脫節。這些都制約了高等職業教育特色的體現,也成為深化改革的“瓶頸”。
1 課程介紹
《動態網站設計與開發》是計算機專業必修課之一。該課程的教學目標就是培養學生獨立設計與開發動態網站的能力。在國內,很多高職院校都開設了類似課程,并且把它作為了計算機專業的主干課程。然而,現在網站方向畢業生的就業情況卻是畢業生找不到企業,而企業又找不到合適的人才,出現該問題的直接原因就是學生的網站建設能力不能滿足用人單位的要求,所以我們必須認真探討一下這門課程應如何教學的問題。
2 進行基于“工學結合”教學改革的必要性
經過幾年來的實踐,證明了《動態網站設計與開發》的“以案例開發為支撐,學生為主體,教師輔導、講練相結合,小組協作完成”的課程理念與課程的性質和特色是十分契合的。雖然幾年來《動態網站設計與開發》課程采用這樣的教學模式應用取得一定的成效,但受實踐條件限制,影響了學生的參與度和積極性。具體表現有如下幾點:
1) 缺少實際的開發項目
因為,長期以來沒有與企業有較多的業務往來,也沒有較多實踐機會接觸企業網站,不了解他們的實際需求,因此在教學過程中主要的實踐手段是虛擬開發,即虛構一個某某公司網站,以自己的主觀意見代替企業的客觀需要來完成需求分析,開發相應網站。這樣,往往造成開發出來的網站無法滿足企業需要的問題,并沒有真正的可利用價值。
2) 缺少測試的環境
網站項目開發完成后需要有實際的運作平臺來測試才能保證網站的正常運作,并能發現其中的問題和不足,但目前,在項目開發完成后只能進行簡單的錯誤測試,以專業人員的操作去檢測網站,往往不能考慮到普通用戶的需求,造成測試結果存在較大的偏差。
因此,研究基于工學結合的《動態網站設計與開發》課程教學模式的應用,對于解決目前人才培養中存在的問題具有重要的現實意義,對于促進課程教學質量的提升無疑具有重要的意義。通過基于工學結合的《動態網站設計與開發》課程教學模式的應用研究,我們不僅可以實現了課程資源的優化整合,提高學生自主學習積極性,開展學生互動的效果評價,并實現教學模式在其他課程的推廣應用。
3 基于“工學結合”模式的教學實施過程
本方案充分利用學校和校辦旅行社的教育環境和資源,把以課堂教學為主的學校教育和直接獲取實際經驗的校外工作有機結合,貫穿于學生的培養過程之中。
3.1 多元化課程教學團隊建設
教師是實現課程改革的關鍵。首先,課程開發和教學實施主體由“教育專家主導”轉變為“社會需求主導”,即由企業、行業技術人員和學院教師組成,在課程開發和教學實踐的不同環節中三部分人員發揮各自特長:
1) 企業、行業技術人員
工作任務:提出網頁設計職業(崗位)或職業群(崗位群)包含的工作項目,以及完成這些項目需要的步驟。聘請部分企業、行業專家擔任兼職教師,完成部分教學任務。
2) 職業教育課程研究人員
工作任務:指導團隊對企業、行業技術人員提出的工作任務或項目進行分析,從而完成課程內容體系的構建分析。負責對改革過程的監控和組織改革效果評價。
3) 學院教師
工作任務:在職教課程研究人員引領下以工作分析為基礎,按照工作任務模塊對課程體系、課程內容進行轉換,構建以工作體系為基礎的課程內容模塊化結構體系。承擔主要教學實施工作。
在團隊中,專兼職教師互為導師,取長補短。專職教師在兼職教師的幫助下提高工程實踐能力;兼職教師在專職教師的指導下提升教學水平,形成了互補型的教學團隊建設機制。
3.2 模塊化項目教學模式
本課程構建了以“旅行社網站開發過程”為導向的模塊化的課程結構。如圖2所示。
本課程整個模塊以典型的網站項目為核心,將一個真實旅行社網站分解到各個教學單元,強化知識點和技能點的訓練,各個教學單元獨立起點、前后相關、有序疊加,最后整合成一個完整的項目。在教學中采取多級項目教學,重視項目的完成,并實施情景導入、葫蘆藤式的任務驅動、學做合一、小組協作學習等教學方法。
3.3 網絡輔助教學模式
在整個教學過程中遵循“開放、自主、靈活、互動”的原則,即以網絡環境為支撐,學生為主體,教師助導、講練相結合,小組協作學習為補充。其基本框架如圖3所示。
該教學模式包括學生自主學習、教師導學示范操作,小組專題協作學習和評價四個環節。
3.4 多元教學評價方式
由于采用了全新的教學模式,因此教學評價也應該改變以往“平時成績+期末考試”成績的評價方式,根據本課程的特點進行教學評價, 同時考核學生的知識、技能和態度等幾個方面:
1) 考核學生項目團隊的項目完成效果,主要考核內容是學生的網站設計方案書、建成的網站及運行維護效果,占40%;
2) 各個項目組及成員分別陳述自己在項目團隊中的工作及實際效果,占20%;
3) 期末考試,主要是網站開發綜合知識,占20%;
4) 平時學習態度,如出勤率、工作責任、團隊配合、自評及他評等,占20%。
4 教學改革成效
在教學改革的實踐中,為了更好地配合教學過程以及完善了實習內容,編寫了完整的實習指導書。通過對教學過程的改革探索,極大地提高了學生的學習積極性,對解決學生的厭學問題很有幫助,學生的學習成績和動手能力都有很大提高,得到實習單位和用人單位的好評。
摘要:分析高校院系資料室網站建設現狀與必要性,探討高校資料室采取科學有效的方法,運用先進合理的技術進行個性化的網站建設、網頁設計,使資料室充分利用自身的特點發揮在信息化建設中的作用。
關鍵詞:院系資料室;網站建設;網頁設計;個性化
高校院系資料室網站要設置成信息資源共建、共知、共享系統聯盟門戶,營造一個與國際接軌的信息網絡環境,凸現專業個性,成為專業師生教學、科研信息查詢和檢索的綠色通道。
1 高校院系資料室網站的現狀與問題
網絡時代,高校圖書館網站建設業已普及,并進行參考咨詢、信息推送服務等特色服務。校圖書館面向全校各個專業服務,信息資源大而全,專業信息資源的精深層度欠佳,很難滿足教師在教學科研中,尤其是教師的重點學科、科研項目申報與完成中信息資源的需要。與圖書館相比較,院系資料室信息資源專業性強、與本院系所開專業課程密切相關,是本院系師生教學科研的重要依托,是教師教學科研的重要支撐。資料室利用現有信息手段和精深的專業性信息資源,建立院系資料室網絡信息資源網站,為專業教師和學生開設個性化定題服務和專業學科知識導航等特色欄目,可以彌補校圖書館網站專業性之不足,是對學校圖書館信息服務的彌補,其服務內涵比圖書館更具優勢。資料室網站是在網絡環境下的自我展示窗口,是院系資料室將自身的傳統業務在時間上和空間上的延伸和拓展。
資料室網站建設是一項長期細致的工作,需要有一整套運行機制和管理機制,資料室網站的建設才能夠有條不紊的進行。院系資料室作為專業師生最直接的信息資料來源地,雖資源有限但專業強,需要與學校圖書館資源共建共享,更需要利用學院網站空間資源整合網絡信息資源使之變成自己的資源,節省經費開支,最終實現“不求所有, 但求所用”的夙愿。資料室網站建設很少,或參差不齊,出現的問題很多。如:領導缺少建設網站意識,網站定位不明確,館員技術匱乏和信息素質水平有限等問題,使得院系資料室在網絡參考咨詢及面向本院系師生的信息推送服務等方面受到嚴重限制。為此,首先,院系資料室必須得到院系領導及校圖書館的大力支持,樹立信息意識;其次,利用院系資料室的館員優勢的專業特性,在實踐中注重結合網站技術和知識,使之形成專業技術和業務水平較高的骨干力量;第三,是要采用科學、有效的方法、運用先進合理的技術,凸現高校院系資料室網站設計的專業個性。
2 高校院系資料室網站建設的個性設計
院系資料室網站的建設是按照一定的檢索方式,實現將所需要的信息及獲取信息時的有序下載。需要分四個步驟進行:一是總體規劃,二是網頁設計,三是站點,四是站點維護。
2.1 總體規劃
總體規劃設計是至關重要的一部分,良好的總體設計能起到事半功倍的作用。
2.1.1 理念定位
院系資料室網站和校圖書館網站一樣,既不同于娛樂性網站,也不同于新聞性網站,更不同于一般商業企業網站。但也不同于圖書館網站,應著重體現院系資料室專業性特色及直接面向專業師生特點,所包含的信息資源專業性強的突出的特色,不可面面俱到。資料室網站設計要有明確的目的,面對院系師生的資料信息服務是其核心內容,信息資源和受眾的需求是其主要業務,重點及特色欄目為專業學科導航及重點學科建設的信息定題跟蹤,為師生提供學習及科研的及時信息推送服務。在結構上必須內容充實、結構合理、特點突出、美觀實用、簡潔明了。 學科導航要清晰、細致、準確, 以適應院系教學科研的師生及其相關信息需求的專業人群。
2.1.2 欄目設置
明確了網站的定位和內容后,需要進行網頁內容的設計時,應按照師生用戶的訪問習慣有序地展開,使師生用戶很方便地定位網站的所有內容,力求突出院系自身專業性強的特色,做好教學與科研服務,使之成為資料室信息資源的大本營。在欄目設置中,專業學科導航、參考咨詢服務、信息推送、重點項目跟蹤服務及教師科研個性化服務是院系資料室網站的重點與特色欄目,其它欄目的可以參考圖書館的一般欄目設立。
1) 資料室介紹欄目。主要介紹資料室機構設置、人員構成、歷史沿革、室藏主要文獻資源、特色文獻資源、藏書量、室藏分布等,這是資料室網站的必備欄目。
2) 個性化服務欄目。隨著Intemet 的發展,作為院系的主要群體――教學科研人員越來越不滿足于圖書館咨詢館員僅告知所需信息的可能方向,而更需要針對查詢問題給出確切的信息解答,或直接提供最切題的事實或數據型信息。這種對文獻中所包含知識點的索取, 反映出用戶正從文獻需求轉向知識需求;許多用戶在求助于咨詢館員之前,已具有相當多信息量,他們需要咨詢館員幫助剔除重復和價值不大的多余信息,提供與自己的需要最相關的內容。欄目內容要極具針對性,以實用、適用為前提的個性化目標,緊緊圍繞專業的特點、內容,根據用戶個體需要的“量身訂制”的信息。
3) 定題服務欄目。開展專題服務,并結合教學與科研,進行課題跟蹤和定題服務工作,利用網絡不斷更新的信息管理,針對既定服務對象所研究的課題,檢索相關的文獻信息,并及時推送給用戶。網絡使傳統的定題服務具有主動活躍的動態信息服務功能,院系資料室依靠其專業特色網站開展定題服務則更具優勢,可以為重點學科建設、重點科研項目,以及專家學者個人等開展專門的定題跟蹤服務。
4) 專業學科導航欄目。院系教師在教學、科研及重點學科建設、課題申報與完成,所需的信息資源專業性較強,需要了解本學科最新動向和發展水平。欄目可以結合各院系的專業特點,利用搜索引擎進行網上搜集,并對其資源信息進行評估論證,從中精選出符合要求的網址信息,按中、外文資源分類, 采用主題樹與數據庫相結合的方式進行組織,并以動態鏈接的形式為用戶提供一個友好的界面。可設置一些學術專業性較強的鏈接、重點和權威數據庫鏈接,如Web of Science、Scifinder、Elsevier SDOL、John Wiley、Springer Link、EI Village等。
5) 資源檢索欄目。包括光盤數據庫、本地鏡像數據庫、網絡數據庫及自身數據庫檢索。目前各高校圖書館均有一些已經購買的數據庫資源,如中國期刊全文數據庫、萬方數據庫、超量數字圖書館、書生之家等以及適合本校專業特點的專題數據庫,還有一些具有本校特色的自建數據庫,這些數據庫均通過資料室網站做出相應的鏈接提供給本院(系)師生使用。
6) 讀者服務欄目。包括文獻預約、文獻續借、館際互借、服務介紹、定題服務、書刊薦購、推薦圖書、新書通報及導讀、投稿指南、課題咨詢、學科館員等更多的服務內容。注意強調為科研和教學服務的欄目,為重點學科建設、重點科研項目、科研管理等開展專門的參考咨詢服務。開展定題跟蹤服務,針對既定服務對象所研究的課題,檢索相關的文獻信息,并及時推送給用戶。
7) 讀者論壇欄目。包括用戶滿意度調查、聯系我們、讀者留言、互動園地、各種申請等。在網頁上設置留言板和電子信箱, 以便與讀者進行交流, 接受用戶的反饋意見和建議。此法可以幫助資料室不斷改進服務工作, 提高服務質量。
8) 參考咨詢服務欄目。包括常見問題( FAQ) 、《中國法》介紹、網上查詢(電子郵件、實時在線咨詢) 、核心期刊介紹、參考工具書、課題咨詢、用戶教育(新生教育、培訓講座、《文獻檢索》教學) 、科技查新、信息咨詢的形式及內容等。利用電子郵箱或手機短信為用戶提供教師科研不同專業方向的定題跟蹤服務,信息推送服務,CALIS重點學科網絡資源導航和網絡參考咨詢服務。
9) 公共信息服務檢索欄目。包括常用鏈接,如英漢辭典、天氣預報、火車飛機班次查詢,設置了這些常用鏈接可以提高回頭客,提高點擊率。
2.1.3 特色數據
院系資料室一般都收藏自己院系的博碩士學位論文,將論文數據制作成反映自身館藏特色和服務特色的學位論文數據庫, 方便用戶在資料室的網站上, 瀏覽、檢索、查看院系專業學位論文, 起到學位論文推薦利用與資源共享的作用。
2.2 網頁設計
網頁的實現,即網頁設計,是對站點的整體結構作進一步的調整。
2.2.1 軟件選擇
目前流行的網頁設計制作軟件很多,版本更新很快, Dreamwaver作為網頁編輯工具,是一個 “所見即所得”的可視化網站開發工具,帶有站點管理功能,可方便地設計和管理多個站點,它的與眾不同之處是支持最新的DHTML和CSS,Dreamweaver UltraDev更支持 Asp,Jsp。ASP(Active Server Pages ) 是Microsoft公司推出的一種Web服務器端開發技術,利用它可以產生和運行動態的、交互的、高性能的Web服務應用程序,是新一代的動態網頁開發方案。
圖像編輯工具可選Fireworks軟件或Photoshop軟件,設計、制作、編輯網絡圖像,使圖片起到美化的作用。
Flash軟件是制作動畫的軟件,主要適用于網絡傳輸的矢量動畫,使網頁更加活潑生動。
Dreamweaver 與 Flash 、Firework 并稱為 Adobe Macromedia 的網頁制作三劍客,用于資料室網頁設計制作,會得心應手。
2.2.2 個性設計
網站的信息內容是靠網頁來實現展示的,網頁的藝術設計,是技術與藝術的結合,內容與形式的統一。要想設計出優秀的資料室網頁,必然網頁設計服務于資料室網站的信息服務的主題,使網頁從形式上獲得良好的誘導力, 鮮明地突出訴求主題, 具體可以通過對網頁的空間層次、主從關系、視覺秩序及彼此間的邏輯性的把握運用來達到。
資料室網站的內容欄目不是簡單的堆砌,關鍵和特色內容擺在顯著位置,還要采用動畫閃爍吸引用戶的注意力。內容設計應充分體現自己的風格,注重版面設計的簡潔美觀,盡可能展現自身的優勢,以方便不同用戶的使用要求為目標,體現資料室的工作流程和網絡環境下新的服務模式。
資料室網站的導航與鏈接也是很重要的。讀者除了瀏覽資料室網站首頁內容,還將進一步了解深層次的內容,需要通過網頁中的各個鏈接來訪問站點中的深層次的網頁。所以應該設計出站內的導航結構,確定好站點網頁之間的鏈接關系,層層展開,逐步推進,使讀者進得去,出得來,有條不紊,輕松瀏覽。另外,學科導航等站外資源的鏈接也是很重要的,同樣也要做到鏈接準確,不要有死鏈接,最好是在新窗口打開,這樣不會覆蓋本站點的頁面,以方便回來。
2.3 站點
制作好的網站,需要,通過上傳功能,將整個網站放入特定的網絡服務器中,別人才能在網絡上瀏覽到制作的網頁內容,站點的一般有以下三種方式:虛擬主機方式、主機托管方式和專線方式,這三種方式花費大,需要比較掌握專業技術的人員管理。基于院系網站數據信息量不是很大,可以直接掛靠存放在學?;驅W院網站的網絡空間,這樣既解決了經費困難,又便于管理,也很安全。
2.4 站點維護
資料室網站的宣傳與維護是網站建設的后續保障工作,沒有持之以恒地更新和維護, 網站很快就會失去品牌效應和存在的意義。網站建設不易,要想使其富有頑強的生命力,就要用心管理和經營,不斷地增添,更新讀者所需要的信息資源,因此,資料室必須非常重視本室網站的日常宣傳和維護工作。
網站的更新維護包括技術和內容兩個方面。技術維護主要解決網絡不暢通、鏈接失敗、病毒和黑客入侵等技術問題以保證網站正常運行,網站還要進行備份,以加強網站的安全性,不斷引進新的技術,更新軟件,開發使用新的技術,不斷提高館員的網站建設和網頁制作技能;在內容方面,不斷充實其豐富網站動態內容,不斷地給瀏覽者最新、最即時的資料,隨時向教學科研和廣大讀者傳達網站的特點,數據庫的特色,信息服務的范圍等以吸引讀者點擊瀏覽,這樣才能賦予資料室網站無窮的生命力;另外,加強宣傳,多做友情鏈接,與學校圖書館合作、資源共享共建。更新讀者所需要的信息資源,擴大信息服務的范圍,吸引讀者點擊瀏覽,提高網站的生命力。
3 結束語
高校院系資料室網站的建設, 是一個不斷更新、改進的過程,只有不斷地推出更好更新的版本,才能保證資料室網站具有旺盛的生命力,才能將高度有序化的信息資源提供給廣大師生,才能為老師、研究生、本科生等用戶提供高效、及時、準確、個性化的信息服務,以滿足教學科研的需要,使資料室的信息服務工作再上新臺階。
摘要:為了方便廣大的學生通過網絡來學習VC++,我們考慮開發VC++的在線教學系統。基于ASP+Dreamweaver+WINDOWS2000開發的VC++語言在線教學系統,主要提供網上的教學平臺,者可以通過該系統,以提供教程為主來進行知識的傳播,以在線討論和在線閱讀的方式提供網絡教學服務。訪問者可以通過該系統提供的大量資源完成自學,進行自我測驗,及其利用在線討論功能與其他VC++語言愛好者進行交流,以達到共同進步的目的。
關鍵詞:ASP;網頁;留言版
1 概述
隨著多媒體技術和網絡通信技術的發展,基于Internet的計算機網絡教學作為一種全新的教學手段,越來越受到人們的關注。計算機網絡教學是指利用多媒體技術和網絡通信技術,在網絡環境下開展的教學活動。它有著傳統教學模式所無可比擬的優點,它創造了一種全新的教學模式,打破了傳統教學模式在時間、空間上的限制,采用了先進的教學手段和教學方法,大大提高了教學效率和教學效果,使教學活動上了一個新臺階。
在網絡教學環境中,教師和學生在地理位置上的分離,使得教學無法圍繞教師為中心來展開,而必須以學生為中心,學生已經成為教學過程中的主題,所有的教學資源都必須圍繞學生學習來進行優化配置,教師不在是知識的唯一源泉,最大的知識源泉是網絡,教師的任務是指導學生如何獲取信息,幫助學生解決學習過程中的問題,并幫助學生形成一套有效的學習方法和解決問題的方法。學生的地位也應該由原來的被動接受者轉變為主動參與者,學生應該成為知識的探究者和意義建構的主體,學生的頭腦不再被看作是一個需要填滿的容器,而是一支需要點燃的火把。網絡學習環境不再是教師講解的輔助工具,而變為幫助學生探索發現學習用的認知工具。網絡教學應該圍繞如何促進學生的自主學習,促進學生思維的深度和廣度發展,組織學生的自主學習活動來展開。這些內容構成了支撐網絡教育教學觀念的基石。
網絡教學是通過網絡表現的某門學科的教學內容及實施的教學活動的總和,它包括兩個組成部分:按一定的教學目標。教學策略組織起來的教學內容和網絡教學支撐環境,其中網絡教學支撐環境特指支持網絡教學的軟件工具。教學資源以及在網絡教學平臺上實施的教學活動。
網絡教學設計是教師在網上教學前的準備工作,教師需要把課程編寫成網頁的形式并進行一系列的備課。在網絡教學中,所以教學活動都是以學生為中心,特別強調在學習過程中發揮學生的主動性、積極性,相應的課程與教學設計主要圍繞“教學內容”、“自主學習策略”、和“學習環境”三個方面進行。一是教學的前提與條件,二是整個教學設計的核心通過各種學習策略激發學生去主動建構知識的意義(誘發學習的內因);三則是為學生主動建構創造必要的環境和條件(提供學習的外因)。由于網上教學與傳統教學有很大區別,教師的地位發生了明顯的改變,教師由原來的知識的傳授者、灌輸者轉變成學生主動建構意義的幫助者、促進者,因此教師的在線教學設計也發生很大變化。
網絡教學有以下的原則:
1)直觀性――針對多媒體計算機獨特的圖像顯示技術,課件制作需要圖像清晰,文本、動畫連貫,色彩逼真,有豐富的表現力和感染力,符合學生的認知規律,激發學生的學習熱情的興趣,力求形成圖,文,聲,像并茂的多媒體教學系統。
2)交互性――優秀的多媒體課件要有非常友好的人機交互界面。因此,制作課件時,要設計出新穎便捷的交互界面,或者播放按鈕,必要時還要有操作提示和防錯功能,以增強課件的可控性和可移植性。
3)輔助性――學生是教學過程的主體,教師是引導者,而課件則是教師課堂教學的輔助工具。因此,課件不能占據整個課堂,要與傳統教學手段(如講授法,談話法,討論法,板書,投影等)有機結合起來,共同完成教學任務。
2 網站軟硬件環境建設
2.1 網絡服務方式的選擇
1)Web服務器
在網絡上提供資源并對這些資源進行管理的計算機叫服務器。WWW服務器(WWW Server)通常也叫Web服務器(Web Server)。WWW服務軟件與WWW瀏覽器是配合使用的。WWW服務器安裝Web Server軟件,用于存貯和管理主頁Home Page,提供WWW服務。客戶機安裝WWW瀏覽器軟件(WWW Browse)、主頁制作軟件、電子郵件軟件等。
2)虛擬主機
網絡站點的建設可以分為兩種,一種是自己建立網站,一種是外購整體網絡服務。外購整體網絡服務又分兩種形式:虛擬主機與服務器托管。
虛擬主機是使用特殊的軟硬件技術,把一臺完整的真實主機的硬盤空間分成若干份,每一個被分割的硬盤稱為一臺虛擬主機。虛擬主機都具有獨立的域名和IP地址,但共享真實主機的CPU、RAM、操作系統、應用軟件等。虛擬主機之間完全獨立。
采用虛擬主機方式建立電子商務網站具有投資小,建立速度快,安全可靠,無須軟硬件配置及投資,無須擁有技術支持等特點。
選擇虛擬主機主要考慮以下幾點服務內容:存儲空間;電子郵件;網頁制作;IP地址;文件傳輸(FTP);時間;速度。
3)服務器托管
服務器托管是指用戶將自己的獨立服務器寄放在因特網服務商的機房,即租用ISP機架位置,日常系統維護由因特網服務商提供,用戶可以獨立進行主機內部的系統維護及數據的更新。這方式特別適用于有大量數據需要通過因特網進行傳遞,以及大量信息需要的單位。
從另一個角度講,選擇服務器托管,用戶可以獲得一個很高的控制權限,能夠決定服務質量和其他一些重要的問題,可以隨時監視系統資源的使用情況。在系統資源緊張,出現瓶頸的時候,可以馬上根據具體情況對服務器進行升級。服務器托管不僅能夠解決足夠多的訪問量和數據庫查詢,還能為企業節約數目可觀的維護費用。
相對于虛擬主機,服務器托管具有以下特點:靈活;穩定;安全;快捷。
主機托管服務選擇時應考慮以下因素:可靠性因素;安全因素;功能需求因素。
4)獨立服務器
獨立服務器是指用戶的服務器從因特網接入到維護管理完全由自己操作。企業自己建立服務器主要考慮的內容有硬件、系統平臺、接入方式、防火墻、數據庫、人員配備等。
2.2 網絡數據庫的選擇
1)網絡數據庫的概念與作用
網絡數據庫(network database)是在網絡上運行的數據庫。網絡數據庫中的數據之間的關系不是一一對應的,可能存在著一對多的關系,這種關系也不是只有一種路徑的涵蓋關系,而可能會有多種路徑或從屬的關系。網絡數據庫數據存儲量大、修改方便,能夠進行動態數據組合,是為電子商務網站提供交互式服務的主要手段。
2)網絡數據庫的選擇
選擇數據庫管理系統時應從以下幾個方面予以考慮:易用性;分布性;并發性;數據完整性;可移植性;安全性;容錯性。
3 網站內容建設
3.1 域名申請
域名可以定義為:“由人、企業或組織申請的網站使用的因特網標識,并對提供服務或產品的品質進行承諾和提供信息交換或交易的虛擬地址”。域名的命名必須審慎從事。在確定教學網站域名的命名時,應考慮以下幾個方面:
1)符合規范。
2)短小精悍。
3)容易記憶。
4)不容易與其他域名混淆。
5)盡量避免文化沖突。
3.2 相關資料的收集
網站建設初期應有明確的指導方針,對信息的收集和整理工作作出統籌規劃。為Web準備信息的工作通常需要多人來完成。許多網站設立文本管理員、Web管理員、內容管理員和其它職務,以流水線方式完成信息的收集、轉換、和維護等工作。
3.3 網站主頁和頁面的特色設計
如何把握網站的整體風格,使網站呈現的形式能很好地為內容服務,是一個需要反復思考的問題。
1)依據內容確定網頁風格
無論是什么類型的網站,必然有它的主題內容,網站的風格必須與它的主題相符合,同時還應考慮到瀏覽人群的性格特征。教學類的網站比較多的采用簡明大方、溫暖親切的風格。
2)合理安排網頁內容元素的位置
網頁內容元素的位置安排也就是對網頁的排版。一個網站往往由各個網頁組成,而每個網頁又由一些元素組成。對這些網頁內容元素進行合理的排版設計目標是使每一網頁都能重點突出、層次分明、錯落有致、井井有條。
在主頁中應有制作小組或單位的標志物,能讓瀏覽者一眼就能判別出是誰的主頁。網站的所有內容都能在主頁中找到其鏈接。網頁的設計應以醒目為上,一目了然為本。
3)網站網頁色彩的運用
網頁的色彩要為主題內容服務,一個網站應該而且只能有一種主色調。由于色彩富于感情性,因此會對瀏覽者產生一定的心理效應。
除了主色調之外,一個網站的顏色一般最多不宜超過5種(不包括圖片的顏色)。除了顏色的心理效應之外,在進行網頁設計時還應注意的是顏色的可讀性,要確保挑選的顏色在通用顏色調色板中存在,同時確保瀏覽者在閱讀時不會感到吃力。
4)網頁中圖片的運用
在網頁中插入圖片可以令網頁生色不少,但圖片也不能用得太多,以免讓人覺得累贅,而且影響網頁的下載速度。所以網站中的圖片既要美觀、符合網站的內容,又要少而精,放在最需要的地方,起到畫龍點睛的效果,增加網站的吸引力。
注意在保證質量的前提下要盡可能地減少圖片的大小。這里的“大小”不是指尺寸的大小,而是指字節數的大小。圖片減肥有利于下載速度的提高。
網頁中合理的運用動畫會使網頁更加增添生氣。常見的動畫格式有GIF動畫和Flash動畫。同樣,動畫圖片在一個網站中也不宜出現太多。
5)網頁中的背景音樂
多媒體的應用對網頁的多姿多彩起了相當重要的作用,在個人網站中,應用背景音樂的網站較多。但對于一般教育類網站的主頁來說,背景音樂建議少用。
3.4 網站設計基礎語言
1)HTML語言
HTML(HyperText Markup Language,超文本標注語言)是WWW上的專用語言。HTML文件是簡單的純文本文件(全ASCII文件),其主要特征是在文本中有HTML標注符。HTML語言的優點是標注簡單明了,功能強大。HTML語言也有一定的局限。
2)XML語言
XML(eXtensible Markup Language,可擴展置標語言)是SGML(Standard Generalized Markup Language)的優化子集,是國際組織W3C(World Wide Web Consortium)為適應WWW的應用,將SGML標準進行簡化形成的標記語言,形式上類似于HTML。XML作為一種可用來制定具體應用語言的元語言,既具有強大的描述能力,又具有適合網絡應用的簡潔性。
相對于HTML,XML具有以下特點:
① 可擴展性。
② 靈活性。
③ 自描述性。
④ 簡明性。
3)Java 與JavaScript 語言
Java語言是由SunMicrosystems公司于1995年推出的程序設計語言。Java語言吸收了smalltalk語言和C++語言的優點,并增加了其他特性,Java與與平臺無關,可用來創建安全的、可移植的、面向對象的、多線程的和交互式的程序。
Java程序有兩種形式:獨立運行程序和Java Applet。
JavaScript 是一種介于Java與HTML之間、基于對象的編程語言。它無須編譯,是一種比Java簡單得多的描述性語言。
3.5 網頁制作常用工具
想要制作出一個美觀、實用的主頁,必須使用專業的主頁編輯軟件。
1)入門工具
微軟公司的Word 2000和網景公司的Netscape,不過,它們不能完全實現“所見即所得”。
2)提高工具
微軟的Frontpage 2000和美國MACROMEDIA公司開發的Dreamweaver。它們能實現“所見即所得”。Dreamweaver4.0 版本包括了所有用于創建專業化網站的功能。
3)專業工具
Adobe Photoshop是目前最流行的平面圖形設計軟件之一。Fireworks是一個強大的網頁圖形設計工具。Flash是一種交互式矢量多媒體技術。
4 具體實現過程
我們的C++教學網站包括首頁、信息區、留言版三部分。我所負責的是信息區的建設,包括在線學習,在線測試兩部分。
在線學習是把C++課程的全部內容分成十一章,所有授課的教程都做成HTML頁面存放在服務器中,通過powerpoint課件形式在網上展現,瀏覽者可以通過點擊鏈接進行任意的瀏覽。
在線測試系統的構思:如果是一般來訪者的身份只能進行在線學習,如果是擁有學號的學生則可以在線考試并提交給機器評分。
5 在線學習課件編寫
5.1 課件編寫要求
因為課件不僅包含了將要在計算機上顯示的大量的教學信息,更重要的是如何通過計算機為學生構建一個良好的學習環境,使學生在與這樣的環境的互動中,促進學習的發生.這就要求課件提供的教學信息以及這些教學信息的展示和交互過程應能較好的體現一定的學習理論,應能充分發揮計算機的優勢。課件編寫應遵循如下基本原則:
1)明確教學目的和各教學單元的教學目標;
2)根據教學目標,使用的教學內容應準確無誤;
3)根據教學目標和教學內容,選擇適當的教學方法(CAI模式)和傳遞教學信息的媒體。
4)學習理論的應用。無論采用什么樣的模式,都必須注意學習理論的應用,以提高軟件的教學效果。
5)應考慮計算機的輸出和顯示能力。
6)使用的格式應該規范。課件可以使用不同的格式,但必須規范,而且便于對腳本各項內容的表達,這些內容包括:
① 顯示信息。指屏幕上將要顯示的教學信息,反饋信息和操作信息。
② 注釋信息。說明顯示信息呈現的時間、位置和條件以及連接要求。
③ 邏輯編號。顯示信息常常是以屏幕為單位來表述的,為了說明它們之間的連接關系,每一個顯示單位應有一個邏輯編號,以便說明連接時使用。
④ 媒體、交互信息和“熱字”的表示。為了清楚地表示教學信息中使用的不同媒體(文字、聲音、圖形或圖象等)、教學信息中的“熱字”以及交互過程中呈現的各種信息,腳本中常用不同的符號表示它們。
6 測試系統程序實現
測試系統的程序結構包括以下幾個部分:
1)TEST.MDB:考試系統的數據庫文件(Access2000/XP格式)。
2)Login.asp:考試系統的登錄界面。
3)Test.asp:考試系統的考試界面。
4)Score.asp:考試系統的評分界面。
在線測試系統的設計與開發,它所要實現的主要功能是在線考試和客觀題的自動評分,實現了教師學生之間面對面的交流,使學生的學習、教師的工作不再受時間、空間的限制。它主要是有用戶登錄、在線測試和評分系統幾個部分組成。
7 測試系統代碼說明
首先進入的是登錄程序,其界面如圖1所示。
登錄程序主要用于密碼的驗證,檢查登錄的用戶是否在考試系統的用戶表中,如果在而且還沒有參加過本科目的考試則可以進入考試。
如果考生還沒有參加考試,轉到test.asp文件,利用Request.QueryString將瀏覽器地址欄的參數全部讀取并傳遞到test.asp。
考題有單選題和多選題,所有試題都是從該科目的題庫中讀取的,利用語句“〈INPUT Type= “Hidden ”Name=”Lesson” Value=>”將考生的信息保存起來,當考生提交表單時,信息同時被提交。
當用戶提交時,系統會調用Score.asp文件來對考生進行自動判分,并考生的考試信息顯示出來,如圖2所示。
如果考生按“返回”按扭再重新答卷的話,系統會顯示考過的信息。
8 小結
信息技術的迅猛發展對現代遠程教育的開展起到了極大的促進作用,設計和開發優質的網絡課程是當今遠程教育中面臨的一個重大課題?!禫isual C++程序設計》網絡課程就是為適應學習者利用網絡進行遠程學習而設計的。該網絡課程與傳統的課程內容不同,它作為現代遠程教育的重要教學資源,充分利用優質教學資源,為信息技術和網絡技術的發展提供技術支持,創造輕松、活潑、自主的學習環境,提高教學質量和教學效益。另外,網絡課程的設計也不可能一步到位,需要在網絡課程的運行過程中,不斷收集教師和學生的反饋意見,以及實際的教學數據,根據這些數據再對網絡課程的設計做進一步修訂。
摘要:針對當前一些實現信息無障礙網站存在的問題,該文設計了一個網站設計架構,利用Web日志挖掘技術提取用戶興趣和訪問優先序列,采取網站頁面信息動態填充至網站主頁通用框架模塊中,實現智能化、個性化無障礙訪問。
關鍵詞:Web日志挖掘;信息無障礙;網站設計
隨著信息技術和網絡技術的不斷發展,互聯網給現代人們獲取信息帶來極大的便利,成為人們工作生活中非常重要的組成部分。信息無障礙即萬維網對任何人士(包括殘障人士)都是可訪問、可用的,殘障人士能感覺、理解和操縱Web,與Web 互動。如何借助先進的技術,消除數字鴻溝,為殘疾人提供有效的輔助手段,使他們能和健全人一樣無障礙地獲取網上信息,得到世界各國政府和組織越來越多的重視。
1 信息無障礙網站存在的問題
很多部分實現了信息無障礙的網站,用戶每次訪問時,網站語音都得從頭到尾的播報網站內容,對于該用戶曾經訪問過本網站中部分頁面內容,系統不能自動過濾掉這些已經閱讀的內容,或者跳過這些已閱讀信息,而是依然按照布局順序重復播報。這對于閱讀障礙的用戶來說非常浪費時間和精力。避免重復瀏覽或者播報網站信息,將用戶曾經閱讀過的內容過濾掉,將沒有閱讀過的最新的感興趣的網頁內容優先播報給閱讀障礙用戶,提供智能化、個性化信息服務,是信息無障礙網站設計應該重視的問題。
2 Web日志挖掘
Web日志文件是在Web服務器上每隔一定的時間產生的記錄文件,其內容包括訪問用戶的IP地址,訪問時間、訪問的頁面、頁面的大小、瀏覽器類型、響應狀態等等。Web日志挖掘是對用戶訪問Web時服務器方留下的訪問記錄進行挖掘,得到用戶的訪問模式和訪問興趣。通過對Web站點的日志記錄進行預處理,將日志數據組織成傳統的數據挖掘方法能夠處理的事務數據形式,然后利用傳統的數據挖掘方法進行處理。
Web日志預處理過程:
1) 數據收集:從服務器端數據、客戶端數據、服務器端進行。
2) 數據凈化:刪除Web日志文件中不是由用戶請求,而是由瀏覽器自動“請求”產生的訪問記錄。具體包括圖片和音頻文件、樣式文件和腳本文件、不是GET的HTTP方法、彈出式廣告的記錄等。
3) 用戶識別:可以通過IP地址和、嵌入SessionID、cookie、軟件等方法實現用戶的識別,但由于本地緩存、公司防火墻和服務器的存在,要識別出每一個用戶變得很復雜??梢圆捎靡恍﹩l式規則去識別不同用戶,將IP地址,類型以及引用頁面結合起來識別一個用戶,也可以通過注冊用戶,依賴用戶的合作是最好的解決辦法。
4) 會話識別:用戶在規定時間內對服務器的一次有效訪問,通過其連續請求的頁面,可以獲得其在網站中的訪問行為和瀏覽興趣,有4種識別會話的模型:頁面類型模型(page type model),參引長度模型(reference length model),最大前向參引模型(maximal forword reference model)和時間窗口模型(time window model)。最常采用的是時間窗口模型,以用戶訪問時間作為劃分會話的分界,一般間隔時間取30min。
5) 路徑補充:用戶有時瀏覽的頁面,是從本地緩存和服務器中調用的,不會向Web服務器發送請求,也就不會記錄日志,而這些請求可能對后續挖掘的實施有重要作用,缺少這些頁面記錄可能會使挖掘結果不是很準確。為了能更精確的挖掘用戶的行為模式,有必要把這些缺失的路徑補充上去即路徑補充。如果當前請求的頁與用戶上一次請求的頁之間沒有超文本鏈接,那么用戶很可能使用了瀏覽器上的“BACK"按鈕調用緩存在本機中的頁面。如果用戶的歷史訪問記錄有多個頁面都包含與當前請求頁的鏈接,則將請求時間最接近的Web頁的頁面作為當前請求的來源。
3 基于Web日志挖掘的網站設計
3.1 網站設計架構
網站為每位存在訪問障礙的用戶建立網站訪問記錄數據庫,用戶訪問網站頁面,產生Web日志文件,通過對Web站點日志文件進行數據凈化、用戶識別、會話識別,將有用數據存入事務數據庫,對該用戶訪問過的頁面進行相應標記,再對事務數據庫進行傳統的數據挖掘,分析出該用戶比較感興趣的信息類型,為該用戶對網站所有類型信息構造優先顯示頁面類型序列表和對每類信息未訪問頁面、已訪問頁面分別構造優先序列表,當該用戶再次訪問網站時利用離線分析所得的優先序列表和網站文件映射數據庫將網頁鏈接按照用戶興趣高低動態填充到網站導航框架,這樣用戶最感興趣類型的網頁鏈接總是弄夠最先看到、聽到,從而達到優先訪問的目的。
網站設計框架如圖1。
3.2 網站導航
網站導航是根據信息無障礙網站結構布局設計標準所設計的網站通用布局框架,除了包括信息無障礙要求的導航磚,通用切換等功能,還將頁面設計成由幾個通用的布局框架模塊組成,每個框架模塊將顯示網站上某一種類型的網頁信息鏈接,具體網頁鏈接內容則根據序列表先后順序動態填充。網站所包含的信息類型可以有很多,但在網站導航中只列出用戶最感興趣的幾種類型的網頁鏈接,隨著用戶興趣的改變,其他類型的網頁鏈接將動態的填充到相應級別的框架模塊中。
3.3 興趣提取
根據用戶瀏覽的歷史訪問記錄(內容信息和行為信息)、訪問時間和訪問頻率等來分析計算用戶興趣度,用戶的興趣一般集中于某一個主題或者多個主題,系統在通過聚類進行分析將用戶瀏覽的歷史頁面集自動地分成n個聚簇(n是聚類中聚類中心的數目),每一聚簇的頁面集體現了用戶的某類興趣,構造形成用戶的興趣類。再利用用戶的隱式信息學習提取用戶興趣集,建立樹狀的用戶興趣模型。
3.4 序列模式
序列模式挖掘是對關聯規則挖掘的進一步推廣,它挖掘出序列數據庫中項集之間的時序關聯規則。關聯規則強調的是兩個項之間的關聯,序列模式則加強調兩者之間的先后次序。這里我們將挖掘出兩種序列表:類型序列表和頁面序列表。類型序列表是通過對歷史訪問記錄進行挖掘統計出來的網站每種類型信息訪問優先等級,是一組有序項集對應表;頁面序列表則是以類型挖掘權值和更新時間2個指標得出的頁面訪問有序集對應表??梢圆捎没贏pfiori算法的改進算法進行挖掘得到上述兩種序列表。
3.5 序列-頁面映射
根據挖掘得到的序列模式對網站的靜態頁面文件進行一一映射,按照興趣高低和文件序列先后動態的填充如網站導航模塊框架中。
4 結束語
該文所提出對Web日志文件挖掘提取用戶的興趣類和訪問類型和頁面優先序列,重構站點頁面之間的鏈接關系,動態顯示網頁信息的設計框架,以適應有障礙用戶的訪問興趣習慣為主要目標,在一定程度上可以避免反復無用的頁面瀏覽和語音播報所造成的對存在訪問障礙用戶產生的困擾和時間精力的浪費,提高了訪問效率,為消除信息鴻溝,真正做到信息人人共享發揮積極的作用。
摘要:隨著信息化社會的快速發展,查看網站成為人們日常生活獲取信息的一種最基本手段。那么一個好的網站設計理念,直接影響到這個站點能否受到用戶的歡迎。作為一個網站的設計者,最重要的一點是要有好的設計理念,一些好的設計理念能給這個網站帶來靈感、帶來生命,沒有設計理念的網站是不成功。該文結合自身網站設計的的經驗,談談網站設計理念的相關運用。
關鍵詞:網站;設計理念;網頁設計
網站同其他出版物,如報紙、雜志等在設計上有許多共同之處,也要遵循一些設計的理念,不同之處在于網頁的非所見即所得特性和交互性。因此,熟悉一些設計的基本理念,再對網頁的特性作一些考慮,便不難設計出美觀大方的網站來。一般來說,網站設計所需遵循的理念有:
1 突出網站的標志
網站的標志是網站特色和內涵的集中體現,它的作用在于傳遞網站的定位和經營理念、同時便于人們識別。一個重點突出的網站標志,一個極具視覺沖擊力的網站標志,會直接影響到客戶對網站的判斷,特別是網站在以日后進行推廣時,優秀網站標志會吸引來更多的訪問者。
2 符合簡約、美觀原則
有的網站頁面設計得非常的漂亮,就跟雜志的封面一樣吸引人的眼球。網頁有不同于紙質媒體的特點,不能簡單的照搬雜志的做法,它以滿足人們的實用需求為目標,它比雜志封面更單純、清晰和精確。因而真正吸引用戶繼續進行瀏覽的是主頁內容,這些內容必須對讀者有足夠的吸引力。保持簡潔的常用做法是使用一個醒目的標題,這個標題常常采用圖形來表示,但圖形同樣要求簡潔。另一種保持簡潔的做法是限制所用的字體和顏色的數目。頁面上所有的元素都應當有明確的含義和用途,不要試圖用無關的圖片把頁面裝點起來,對于初學者來說容易犯的一個錯誤是把頁面搞的花俏,一個網頁用很多種的顏色,文字的字體與顏色設計的亂七八糟,最終不能讓別人明白他到底要表達的是什么內容,突出是什么主題和意念。
3 注重色彩搭配
色彩本身是沒有任何的含義,但有時候色彩確實可以在不知不覺間影響人的心情,左右人的情緒。不同的顏色會給瀏覽不同的心理感受。每種色彩在飽和度、透明度上略微變化就會產生不同的感覺。在設計頁面時應盡量避免選擇使頁面難以閱讀的背景顏色,頁面內容的色彩應該與背景的顏色協調。一些主頁最常見問題是使用彩色文本與紫色背景,這種頁面可視效果很差,還有一些頁面采用黑色的文本與黑色的背景,讓瀏覽者根本無法進行瀏覽。總體來說,一般每個網站使用的顏色不超過三種,太多的顏色會讓人眼花繚亂。主調色要用于網站的標志、標題、主菜單和主色塊,給人以整體統一的感覺。至于其它色彩,也可以使用,但只能作為點綴和襯托,絕不能喧賓奪主。
4 精心組織網站內容
瀏覽者之所以訪問你的網站,大多是因為你的網站內容而來。如果站點內容太普通,不專業,而且又長時不更新,那么瀏覽者就不會再有興趣訪問你的站點。因而,在設計一個網頁時,所的材料必須要經過精心組織,如按邏輯、按時間順序或按地理位置進行組織,并且這種內容組織應當易于理解。當材料組織好以后,接下來就是在網頁布置文本、圖片、動畫等相關網頁內容,目的是引導瀏覽者在頁內瀏覽。應該控制頁面上元素的放置順序和它們相互之間的空隙。通常人們喜歡從左到右,從上到下進行閱讀,他們的眼睛首先看到是頁面的左上角,然后逐漸往下看。因而,在組織內容時可以把希望瀏覽者最先看到的內容放在頁面的左上角和頁面頂部。比如:網站的標志、導航條等。
5 合理的版面設計
網頁作為一種版面,有文字、圖片、動畫等。文字有大有小,還有標題和正文之分,圖片也有大有小,而且有橫豎之別。圖片和文字都需要同時展示給瀏覽者,不能簡單地羅列在一起,這樣往往會使用內容雜亂無章。因此必須根據內容的需要,將這些圖片和文字按照一定的次序進行合理的編排和布局,使它們組成一個有機的整體展現給訪問者。網頁布局大致可分為國字型、拐角型、標題正文型、左右框架型、上下型、框架型和海報型。一般在設計首頁時采用800*600像素,這種大小在一般的瀏覽器上就只有一屏。網頁布局的重心和位置之間的對比關系也很重要,一般用黃金分割率(0.618),也可以用用類似中國古代的一種九宮格。這種九宮格是把一個長方形等分為九格,在這個九宮格的中間就會產生四個交叉點,這四個交叉點就是視覺的中心點。有很多初學者喜歡把重要的東西放在頁面的中心,以吸引瀏覽者的目光,殊不知正中心屬于盲點區,也就是人們的視覺經常會忽視正中心的東西。
6 靈活運用CSS樣式
調用CSS樣式的方法很多,可以單擊鼠標右鍵選擇自定義樣式來調用樣式,也可以在狀欄中的元素列表上單擊右鍵來調用樣式。雖然不同的方法達的效果看似一樣,但實際在html代碼則完全不同。比如用自定義樣式來調用樣式,在網頁代碼就產生一個span標簽,這樣的標簽一多就會使文件的容量顯得很大,在同等網速下,打開的網頁會顯得很慢,所以我們應盡量使用狀態欄中的元素來調用樣式。
7 能夠適應不同瀏覽器及不同的分辨率
應該站在訪問者的角度,考慮網頁中各種的因素。如果用不同的瀏覽器和不同的分辨率來訪問你的站點,結果網站雜亂無章、毫無次序,瀏覽者就不會再訪問你的站點了。因此在編寫一個主頁后,要事先將其放到各種操作系統,各種瀏覽器中去調試,檢測是否會出現一些問題。
8 網頁元素不能用中文名稱
網頁制作后,通常會給網頁起一個具有代表意義的名稱。一來使人一看文件名就知道文件所包含的內容,二來能夠方便各個超級鏈接之間的相互調用。瀏覽器對中文名支持不太好,經常會有頁面調用不正確現象發生,因此盡量采用英文作為網頁元素的命名。
9 為圖像鏈接增加動態效果
有時我們為了達到一種酷的效果,當鼠標移動到某個圖片上時能有動感產生。使用Dreamweaver可以很容易實現這種效果。設計時,我們首先需要準備兩幅圖像,第一幅是原始圖像,第二幅是鼠標移動上去后的圖像,也可以增加對圖片的描述和超鏈接。當圖片如果打不開的情況下,可以讓文字來代替圖片,也可以實現超鏈接。
10 網頁有良好的對比度
對比是強調突出某些內容的最有效方法之一,好的對比對度使內容易于辨認和接受。對比一般是使用顏色的對比,如內容提要和正文使用不同顏色的字體,內容提要使用藍色,而正文采用黑色;也可以使用大的標題,形成面積的對比;還可以使用圖像對比,題頭的圖像明確的向瀏覽者傳達本頁的主題,這里同樣需要注意的是鏈接的色彩。還有一種實現的對比方法是使用字體變化。在文字排版中,可以使用斜體和黑體突出關鍵內容,但不能用得太多,否則就得不到應用的效果。
11 結束語
隨著網頁技術的不斷發展,人們對網站會提出更多的要求,使網站的設計理念會變得越來越明確。好的網站設計理念能把整個網站相關網頁元素有效的組織與通信結合起來,從而使網站主題鮮明突出,要點明確,以簡單明確的語言和畫面體現站點的主題。調動一切手段充分表現網站的個性和情趣,體現出網站的閃光點。
摘要:本文從多年網頁設計經驗和教學入手,提出高校藝術設計專業所學習的網站設計應更注重網站前臺美工設計,更多地從視覺角度和瀏覽者的感受入手,使不同性質的網站按照不同的風格和創意進行處理,版面的編排和細節的處理需符合客戶心理以及審美訴求,通過大量的欣賞、分析、模仿、創造和項目式教學,使學生在審美體驗、規劃布局、動手能力、細節處理和交流談判等方面均達到較高水準。淡化后臺程序技術,使術業有專攻,為社會培養出符合市場需求的藝術設計人才。
關鍵詞:藝術設計 網頁設計 教學 思考
一、引導學生如何與不同審美需求和設計訴求的客戶溝通
設計師會接觸到形形色色的客戶,設計師要重點考慮主要負責人的意見和要求,主要負責人往往決定著你的設計稿能否通過,但也不可忽視與其他辦事人員的良好關系。
二、通過賞析使學生了解不同網頁的布局框架
了解了客戶對于網站的訴求之后,接下來要確定的就是網站的框架結構和內容。這需要教師通過研究大量優秀的網站設計作品,分析出不同性質的網站其結構框架的不同之處。比如:門戶類網站、政府類網站、企業類網站、行業類網站、商業類網站、教育類網站、娛樂類網站、個人類網站、BBS以及論壇類網站等。這個工作比較精細,需要花較多時間與同學一起討論。不同的網站所選取的框架結構和內容都帶有側重性。比如本人設計的塔里木大學人文學院的網站,將其定位為:高校教育類網站??v向結構分為首頁、二級頁面、三級頁面等。橫向結構首先確定網站的二級菜單,經過反復與客戶溝通,最終確定如下:首頁、學院概況、教學管理、院系設置、學科專業、科學研究、對口支援、學生工作、人才培養、黨的建設、下載中心、重點課程這十二個二級菜單。設計師在確定菜單內容時,可以借鑒其他高校的網站和本學院具體實情與特色二者相結合的原則,二級菜單就很容易確定了。這一步也需要與客戶進行反復溝通和確認,一旦確定后客戶則不能隨意更改,增加設計師的工作量。三級菜單也是如此,此處就不再贅述。設計師應在A4紙上畫好結構圖,也就是一級、二級和三級的相互關系圖,以便于客戶看得清晰而提出修改意見。
三、幫助學生整體構思,選定網頁風格和色調
內容確定后,設計師需要獨自思考,首先要考慮網站的風格及主色調。色彩在視覺表現中具有迅速訴諸感覺的作用,它與公眾的生理和心理反應密切相關。公眾對網站的第一印象往往通過色彩而得到。設計師要明確色彩定位,考慮顧客所在行業的個性特征和行業形象色。
例如:紅色具有極強的表現力,是火焰、熱烈、華麗、喜慶的象征。用它可以來設計一些婚禮策劃公司、鮮花店或商場店鋪類網站。黃色使人感到溫暖和明媚,是充實、幸福的象征。它介于紅色、橘色和綠色之間,由于高明度給人一種跳躍的力量,而且在中國的傳統文化中還代表皇權??梢院头凵钆鋪碓O計婦嬰類網站。綠色給人生機勃勃和大自然的寧靜感覺,有一種平和親切氣息,也是青春、健康、樂觀的象征,可以用它來設計學校、綠植、旅游類網站。而紫色通常給人神秘、獨特、與眾不同和華貴之感,所謂紫氣東來、紫帶金腰都是尊嚴、高貴的意思。用它可以設計女性服裝、家居床品等網站。
四、幫助學生在設計中選用合適的素材
素材的選用對整個網站設計來說非常關鍵,有關資料統計顯示,從20世紀50年代至90年代,攝影占平面設計的比重日益增加,設計家稱現在的攝影與平面設計是“蜜月時代”。學生需要清楚獲取素材的渠道和辦法,并且通^日積月累逐漸形成自己的素材庫,以方便設計之需。而確定主題和風格后如何選取適合的素材呢?
想要體現出一個網站的人文氣質,設計師需要在腦海中搜索,比如:書法、篆刻、水墨元素、木簡、牛皮紙、書卷、壁畫、雕塑、石刻、秦磚漢瓦、陶罐、中國象棋、臉譜、算盤、古箏、唐三彩、景泰藍、青銅器、刺繡、皮影、剪紙,等等,從這么多體現中國文化的元素中,再重點加入體現塔里木大學人文學院網站的教育性、地域性元素,比如新疆洞窟壁畫、出土絹畫、胡楊、沙漠、駱駝、絲綢之路,還有經典人文代表人物的畫像等元素。經過反復斟酌后,筆者選用人文初祖軒轅黃帝像的漢代畫像磚和古代陶器上的漁獵農桑等圖案來襯底,使網站在咖啡色的基礎上鋪就一層人文與歷史的久遠感覺;在網站頭部選用水墨暈染與古代車馬和新疆特有的胡楊剪影,襯著古代書法大師的作品;菜單欄選用胡楊木質,體現出厚樸的韻味;中間具體的內容底色選擇淡黃,四周襯著牛皮封皮,體現出書卷氣息;運用咖啡與淺黃相近色搭配的原則,使設計體現出一種和諧之美。
五、幫助學生在項目制中舉一反三,融會貫通,提高成功率
蘇霍姆林斯基說:“請記住,成功的歡樂是一種巨大的情緒力量,它可以促進兒童好好學習的愿望。請你注意無論如何不要使這種內在的力量消失,缺少這種力量,教育上的任何巧妙措施都是無濟于事的。”教師需注意多使用項目負責制,使學生置身真實的設計環境之中,通過給定主題-思考難題-完成作品的過程,學生會收獲到成功的快樂,從而有效地提高教學效果。在很多高校,藝術設計專業所授的網站設計很容易朝向后臺程序方向的偏差,藝術設計類人才應強化視覺美的創造,淡化后臺程序技術,使術業有專攻,才能培養出符合市場需求的設計人才。
【摘 要】本文從架構設計、購物流程設計以及界面視覺設計對現有購物網站界面設計與用戶體驗進行分析,并從以上三個方面對云向南微商城展開設計。
【關鍵詞】微商城;設計
隨著新媒體網絡科技的快速發展,人們越來越喜愛網上購物,而顧客對網上購物的訴求也從最初的單純追求低價格上升到追求完美、個性化、甚至與線下購物趨同的購物體驗。
一、現有購物網站界面及購物流程設計分析
對現有購物網站的用戶體驗分析從網站的架構設計、購物流程設計、界面視覺設計三個方面展開。
良倉是一個主推設計精良的商品,面向具有一定消費能力并追求高品質生活的消費人群的網站。良倉的整體架構分為三級頁面,首頁、商品分類頁與購買頁。在商品分類中,良倉的分類是比較細致的,良倉的首頁有一些專題推薦,推薦的內容往往是與節日、季節相關。而良倉的一級分類除了商品之外,還有雜志,分享和達人分類,在雜志的分類下有一些分享新鮮事物的文章,分享的內容包括時尚、文化、數碼等。在這其中還有一個清單分類,類似于淘寶的特色專題,而兩者相比較良倉的清單命名更具文化性。個人認為這個清單的實用性還是較高的,現代人每天的生活都很疲憊,整天處于一個壓力大的環境中,沒有耐心去看復雜的事物,很多人更愿意去看整理歸納好的物品。
良倉的購物流程設計首先是消費者選定商品,可選擇購買顏色與數量,選定商品后可選擇立即購買或是加入購物車,選擇購買后進入確認訂單頁面,此頁面為購買信息界面;提交訂單后出現選擇付款方式頁面,確認付款后系統自動轉換到第三方網站進行付款完成交易。就購物體驗及服務來說,良倉在整個網站上只有一個在線客服及客服電話,而淘寶每一個店鋪都配有客服,在看了一些市場調研后,發現良倉的售后做得很不全面,無法直接在訂單中追蹤物流去向,也沒有消息發送到消費者的手機上告知訂單進程,因此很多消費者認為淘寶購物體驗比良倉更好。
良倉整體的界面風格是以簡潔為主,整個界面的版塊都是在框架中,使界面顯得很規矩,整體的大色調采用了黑白灰三色,而為了使版面不會太過于無趣,在廣告和促銷的版塊又使用了彩色純色背景,色彩的飽和度并不高,與整個畫面的黑白灰三色搭配起來顯得很雅致。界面的內容則主要是以圖片為主,整個界面除了廣告和促銷圖片上的文字再無其他多余的文字,商品詳情與價格則在移動到商品上時才顯現。網站界面并沒有太突出的圖標,都是網站常見的一些圖標,但值得注意的是商品圖片右下角出現的促銷與活動圖標,設計都是由良倉logo演變而來。
整體來說,良倉整個的界面還是充滿了設計感,精致又不沉悶,很符合網站的定位。
二、云向南微商城設計思路
云向南微商城是一個主打云南本地特色食品及進口食品的購物網站。市場定位是面向中等收入水平并且對生活品質有一定追求的人群,應根據市場定位及消費者喜好來進行網站架構設計分析。網站的大體設計風格理念與良倉相似。
在架構設計上,云向南微商城的大體構架也分為三級頁面,首頁除去放登陸、注冊、廣告、推薦商品此類網站基本的版塊之外,還增加了吸引消費者購買的促銷版塊與更好地幫助消費者挑選的特色專題版塊,通過市場調研結果,專題與促銷版塊能有效地提高消費者的購買欲。首頁的搜索框應放在顯眼易見的地方。二級界面則包含商品詳細分類、推薦商品以及符合條件商品篩選與商品按條件排序。符合條件商品篩選功能是在購買時可將該類別下所有的商品按照價格、品牌、作用等條件來進行篩選,能幫助消費者更快地找到想要的商品,而推薦商品則是網站根據用戶所瀏覽商品來給用戶推薦同類商品。三級界面則是商品詳情與購買頁。此外還應在網站每個界面都提供在線客服的小窗,使消費者在購物出現問題時隨時都能與網站溝通。
許多人選擇在網上購物除了品種豐富,性價比高等因素外,很大一部分原因是網上購物的方便快捷以及良好的售后服務,因此購物流程這個環節對于消費者的購物體驗來說是至關重要的。大致的購買流程與其他購物網站相似,要注意的是在消費者的整個消費過程中,客服以及售后服務顯得尤為重要,網站應該有24小時在線客服為消費者答疑。
根據云向南網站的定位,整體設計風格以簡潔精致為主,網站的所有元素統一在版塊中使版面整齊。但整個網站的設計如果太過規矩又會顯得太沉悶,使消費者沒有購買欲望,因此在設計時要考慮到如何使界面簡潔精致又不至于單調無趣。在排版方式上,可設計版塊的大小變化給整個畫面增加節奏感。在色彩的選擇上,整個網站的主色調搭配“云向南”logo的主色調來使用,商品圖片可統一用深色灰色系或原木底來著重突出商品并增加商品的品|感,但食物類商品應使用白色來搭配。單是用黑白灰色系出現在整個版面中會使版面顯得單調無趣,設計可以從廣告條與促銷版塊的色彩入手,通過網站品牌理念整理出一組色彩,將其運用在廣告條的背景中。整個版面要在保持完整性的同時盡可能少地出現元素,使版面給人以精致的感覺,因此商品信息設計在鼠標移動到圖片后出現。圖標設計應使用線條纖細的圖標,纖細的線條往往給人現代,精致的感覺。
摘要:在當前大數據火熱的背景下,研究者都在思考如何應用大數據解決實際問題。文章在理解大數據思維下,設計了以數碼產品價格預測、產品基本搜索功能和產品詳情模塊為主要功能的數碼產品價格預測網站,其中重點介紹了如何實現數碼產品價格預測功能。該功能的實現主要是利用分布式網絡爬蟲技術獲取各大知名網站的數碼產品價格,并利用模型對數碼產品的價格走勢進行預測。
關鍵詞:價格預測;分布式網絡爬蟲;數碼產品網站;大數據;數學建模
1概述
據《中國互聯網絡發展狀況統計報告》顯示,截至2016年6月,我國網絡購物用戶規模達到4.48億,可見通過網上獲取信息的人很多。在互聯網+和大數據時代下,IT行業逐步成為人們熱議的焦點,其發展也得到愈來愈多的人關注。而目前國內的IT類資訊網站大多沒有預測產品價格這個功能,本文將著重研究價格預測的實現功能的實現。
2網站設計與開發的可行性與適應性分析
2.1從技術角度看
開發一個基于大數據的分析的數碼產品價格預測網站需要大量的數據做支撐,這些數據可以通過各大電商平臺進行獲取。各大電商平臺往往會將這些數據按照一定的格式展現在網站上,我們可以通過分布式數據爬蟲技術將這些數據實時采集。數據爬蟲是一種非常流行的數據采集程序,目前互聯網上擁有大量的爬蟲框架供我們使用,我們只需編寫簡單的代碼便可以開始獲取數據。當擁有海量數據后我們可以對各個商品進行建模,基于hadoop框架進行分布式運算,設計相關預測算法對數碼產品價格進行分析并預測出價格的未來走勢。
2.2從資源角度看
對于數碼產品,互聯網可以提供各種各樣的信息,比如各大手機生產企業會在他們的網站上數碼產品的配置信息、評測信息等。在網站建立的初期我們可以從這些網站獲取大量的數據來填充我們的數據庫。對于部分具有版權的數據,我們將采用外鏈的方式將原網站提供給用戶瀏覽,這樣可以節約開發資源,并讓網站專注于價格預測的實現。
2.3從商業價值角度看
一個可以有效預測價格變化的網站是比較有市場前景的,目前互聯網上充斥著各種各樣的歷史價格查看網站,但是大多沒有可以對價格進行預測的網站。如果我們可以成功的預測價格走勢,我們就可以引導消費,幫助消費者省錢,這也便是網站最大的商業價值。
3網站概述
網站以用戶需求為出發點,利用網絡爬蟲、PHP、HTML5、JAVASCRIPT、MYSQL等技術設計開發。在網站里可以查詢到參數、評測、價格和圖片等關于數碼產品的詳細信息。網站的功能包括數碼產品價格預測(預測到某款數碼產品在未來一段時間內的價格)、信息查詢(含有數碼產品名稱、各項參數、各角度拍攝圖片等信息)、價格對比(及參數對比、圖片對比和綜合對比)等,目的是為人們提供一個簡單易操作、具有現實意義的數碼產品信息查詢平臺。網站技術框架如下圖所示:
4網站設計
4.1網站主要功能設計
4.1.1產品價格預測模塊設計
產品降價預測模塊是網站的重點功能。用戶可以通過網站查詢某個產品的基本信息,并且能夠得知該產品的歷史價格走勢和該產品在未來一段時間的價格走勢,這對于比較注重價格的用戶來說,便可以綜合各類信息和自身需求,更加理性和有計劃地選擇性價比較高的產品。
網站利用分布式爬蟲采集互聯網各大平臺的IT產品價格數據,形成一個較全面的價格走勢圖,再通過對產品價格進行建模,從建模結果中得到IT產品在未來一段時間的價格走勢。需要說明的是,因為價格容易受到社會、經濟條件以及國際等多種因素的影響,所以預測的價格走勢會有一定的波動。另外,對于不同時期的價格預測也不同,短期內影響因素主要是數碼產品的市場供應,一般采用指數平滑法。這種方法預測主要是靠歷史價格數據逐步往后推導預測價格。對于較長時間,則采用二次指數平滑法較好,因為對于一些時間序列變化可能存在線性的趨勢,這種方法的好處在于能減少預測值的滯后性。如果數據的變化受季節影響,預測方法應當采用溫特線性季節性指數平滑較好,因為這個預測方法是根據季節的變化來進行價格預測,這樣預測的價格更為準確。
4.1.2產品基本搜索功能設計
產品的搜索功能也是網站的基本功能之一。產品的搜索功能不僅僅只是簡單的產品搜索,它是一個包括商品搜索、查看熱門產品、查看最新產品、今日推薦等多模塊組合成的一個大模塊。用戶通過這些搜索信息并結合自己需求,可以理性謹慎地對產品進行對比選購。換言之,產品搜索模塊將完成對商品的導購功能。
4.1.3產品詳情模塊設計
產品詳情頁面包括很多內容,其子頁面也非常多。其中包括:概覽頁面、具體參數頁面、報價頁面、點評頁面、圖片頁面以及競品對比頁面等等,每一個頁面的功能都不同,設計時將合理安排功能的布局,以方便用戶獲取自己所需要的資料。
4.2價格的采集與預測
4.2.1分布式網絡爬蟲
實現價格預測的前提是有大量的歷史價格數據,所以W站利用分布式網絡爬蟲技術從各大網站采集數據,爬蟲主要由兩個模塊組成:
爬蟲引擎:分布式運行且完成下載網站頁面內容,并將數據存入數據庫的工作。
數據清洗:將下載下來的價格信息進行清洗處理,剔除無效信息和冗余信息。
分布式爬蟲技術實現需要對于特定的網頁編寫用于分析其網站源碼和獲取信息的腳本代碼,數據或許后再通過數據清洗去除掉不必要的數據信息,最后把需要的數據存放到數據庫中保存。
4.2.2預測價格
在比較多種預測方法后,我們發現時間序列法較適合預測數碼產品的價格。時間序列即是某些序列按照時間的先后順序排列而成的一種特殊序列。若利用這組數列,應用數理統計方法加以處理,以解決實際問題,則稱為時間序列分析法。時間序列分析是以時間序列為研究對象,分析序列的本質波動,探究其真實規律的一種定量分析法。在實際中,通常被用于預測未來現象或指標的波動情況。由于數據量龐大、涉及的商品較多,為了提高計算速度,預測模型需要構架在Hadoop等分布式平臺之上。
5網站的開發
5.1數據爬蟲程序
開發一個數據爬蟲,需要用到scrapy框架,該框架是基于python語言編寫的,用python語言開發程序最大的特點那就是簡單易讀。Scrapy框架非常的簡單易用只需編寫爬蟲規則就可以開始高效獲取數據,并且該框架是可分布式運行,速度可控,支持JavaScript,非常適合用來采集各大網站的數碼產品數據,最重要的是該框架是免費而且開源的,故運用scrapy框架進行開發滿足網站需要的爬蟲系統。
5.2價格數據分析系統
對于海量的數據傳統程序沒辦法很好的處理,傳統的win-dows系統也很難有效的承載。故我們選用hadoop生態體系進行數據分析,該程序可以高可靠的運行在多臺電腦上。為了程序可以長期穩定地運行,我們選擇在linux上進行數據分析,這樣的好處是系統穩定性強,硬件資源可以高效利用。
5.3網站搭建
和大多數網站一樣,本網站采用BS(Browser/Server)架構,該架構具備以下幾個特點:客戶端電腦負荷大大簡化、系統維護和升級成本低、同時也降低了用戶的總體成本。
我們運用HTML、CSS、JavaScript開發網站前臺頁面,用PHP開發網站后臺,MySQL作為后臺數據庫。網站運行在Linux系統下的Apache軟件下,網站的所有軟件均為免費軟件,實現成本較低,也符合當下流行趨勢。
6結束語
本網站是在大數據背景下建立的數碼產品價格預測網站,著重在實現產品價格預測功能、提供報價資訊等內容。網站依托互聯網數據建立,以滿足消費者對價格預測和導購需求,未來還將繼續完善研究工作,通過大數據分析提供個性化產品推薦、提供對數碼生產企業的大數據服務、提供對消費者的購買預測功能。
摘要:隨著近年來互聯網+概念的提出,互聯網應用的發展達到了一個新的高潮。越來越多的傳統行業試圖通過互聯網平臺創造新的發展生態。其中移動互聯網的占有量更是逐年攀升,為了滿足不同移動終端的顯示尺寸,響應式的頁面布局應運而生。該文利用bootstrap工具設計響應式校園二手商品交易商城的前端。
關鍵詞:Bootsrap;前端設計;校園二手商品交易商城
移動互聯網是采用移動無線通信方式通過智能移動終端獲取業務和服務的,而移動終端則包括了智能手機、電子書、平板電腦等。近年來,隨著移動通信和智能移動終端的發展,更多的客戶會選擇移動互聯網這樣隨時隨地可以上網的方式,移動互聯經濟也隨之高速發展。而傳統的網頁制作方式大多只適用于PC端的瀏覽器,在智能終端多尺寸的顯示屏上的瀏覽效果卻不盡如人意。
1響應式web設計的趨勢
響應式Web的設計注重的是實現一個網站能兼容多個終端,通過媒體查詢、彈性視覺媒體、流動布局的結合,實現兼容性網站創建,一個網站能夠滿足不同客戶端用戶需要。響應式Web設計能使客戶端適應用戶設備環境,智能化地適應大眾的需要。
相對于傳統網頁設計方式,響應式網頁設計能夠為不同終端的客戶提供更好的瀏覽體驗,帶來更多的經濟效益;同時響應式網頁設計也能夠減少網站開發和維護成本,對于搜索引擎優化也更加友好。因此,越來越多的前端開發工程師選擇響應式布局設計網頁。
2 Bootstrap的優勢
Bootstrap是由Twitter的設計師Mark Otto和Jacob Thornton合作開發的一款簡潔、直觀的用于前端開發的開源工具包。Bootstrap是基于HTMl5和CSS3開發的,它在jQuery的基礎上進行了更為個性化和人性化的完善,形成一套自己獨有的網站風格,并兼容大部分iQuery插件。
1)Bootstrap是響應式布局的。能夠根據用戶的終端設備進行自適應調整,提高用戶的瀏覽體驗度。
2)Bootstrap是移動設備優先的。從Bootstrap3開始,針對移動設備的樣式融合進了框架的每個角落。更適應移動互聯網快速發展的今天。
3)Bootstrap是易于學習的。只要具備HTML和CSS基礎知識,就能夠快速上手,對于高職院校的學生能夠快速掌握基本技術,搭建一個極具設計感的完整網站。
4)Bootstrap含有豐富的組件。Bootstrap有豐富的HTML組件和JS組件,并且代碼簡潔,可以在其基礎之上個性化定制開發。
3利用Bootstrap工具現校園二手商品交易商城頁面
引入bootstrap框架,利用其布局容器、導航欄、表單、按鈕、柵格系統、標簽、響應式工具以及輪播插件,完成校園二手商品交易商城頁面的制作。
4結束語
Bootstrap是一個開源框架,提供CSS布局組件和javascript組件,對于高職院校的學生更容易掌握,從校園二手商品交易商城的開發到后期維護階段都可以讓學生參與進來,也是增加學生的實踐機會。