《WEB程序設計》課程設計教學大綱

WEB程序設計課程設計CourseDesignofWEBProgramming課程設計基本信息課程設計環(huán)節(jié)代碼：110817適用專業(yè)：信息與計算科學課程性質(zhì)：專業(yè)必修開課單位：數(shù)學與數(shù)據(jù)科學學院課程設計周數(shù)：1學分：1先修課程與環(huán)節(jié)：數(shù)據(jù)庫原理、軟件工程、Java程序設計、數(shù)據(jù)結構課程設計目的和任務使學生系統(tǒng)掌握WEB程序設計的過程、技術框架、設計方法和實現(xiàn)技術。(1)熟悉HTML5的基本語法與操作；(2)掌握CSS層疊樣式表的選擇器格式、網(wǎng)站的基本布局方式；(3)掌握JavaScript的基本語法，學習如何操作DOM對象，理解jQuery的編程方法；(4)掌握PHP動態(tài)編程語言，熟練PHP訪問MySQL數(shù)據(jù)庫的操作；(5)熟練AJAX技術，掌握JSON格式的使用方法，學會jQuery操作AJAX;(6)了解Bootstrap與Vue.js等常見前端框架的開發(fā)過程。(7)了解國內(nèi)WEB程序設計技術的相關發(fā)展。設計題目分兩種，一種老師指定題目，要求盡量按老師描述的需求完成；另一種則是自擬題目，或從老師給的參考題目中選擇，選擇的題目需要有一定工作量；課程設計的網(wǎng)站要求掛在云平臺上，或者是網(wǎng)絡上提供的免費空間，課程報告須提供該鏈接；部分題目可分若干子平臺，如某學生管理系統(tǒng)，可分學生端與教師端，可由兩個同學分別完成；嚴禁抄襲，作0分處理；15周前，同學們要把題目發(fā)給老師，當某種題目報的太多，則需要分流；17周前，同學們須把數(shù)據(jù)庫設計發(fā)給老師檢查。課程設計方式1.電子版文件命名為“學號_姓名_課程設計題目.doc”，如“201821314202_張三_博客網(wǎng)站系統(tǒng).doc”.論文報告模板參照附件下載，需嚴格按照論文格式要求撰寫。2.論文正文篇幅在12頁以上，核心代碼不超過2頁！3.文檔繪圖采用Visio、EA、Rational等專業(yè)軟件，不要采用word，數(shù)據(jù)庫ER圖盡量采用ERWin或者PowerDesigner的ConceptualDataModel來完成。（其中PowerDesigner可以實現(xiàn)ER圖轉(zhuǎn)數(shù)據(jù)庫物理圖，再轉(zhuǎn)數(shù)據(jù)庫SQL，ERWin則具有協(xié)作設計功能）4.課程設計請按軟件工程的過程撰寫，系統(tǒng)描述，需求分析，系統(tǒng)分析，詳細設計與實現(xiàn)等。重點描述好概要設計部分，目標在于其他程序員通過概要設計部分可以實現(xiàn)出與你要求一致的網(wǎng)站。5.一人一題，題目可自擬，題目重復，老師只給第一提交該題目的學生成績。6.可以多人合作一個題目，但必須分別承擔不同的模塊，有明確的分工，每人上交不同的文檔，7.所做網(wǎng)站最好發(fā)布到阿里云、騰訊云、百度開發(fā)中心或新浪云平臺，未發(fā)布的一般不超過70分。（可能上傳文件功能受限，但不影響評分）網(wǎng)站網(wǎng)址附在論文第一頁下部，包括登陸賬號與密碼。8.最后需同時遞交電子版與紙質(zhì)版，電子版需等老師審核無誤后方打印紙質(zhì)版。課程設計指導方法與要求1、同學仔細閱讀《WEB課程設計》課程設計方案，認真主動完成課設的要求。有問題及時主動通過各種方式與教師聯(lián)系溝通。2、 同學要發(fā)揮自主學習的能力，善于查找資料，充分利用上機時間，安排好課設的時間計劃，并在課設過程中不斷檢測自己的計劃完成情況。3、課程設計周，首先檢查個人檢查的數(shù)據(jù)庫與網(wǎng)站設計大綱，其中1、2班安排在每天上午9:00，3、4班安排在每天下午3:00，請調(diào)用PowerDesigner等數(shù)據(jù)庫設計工具在實驗室講解給老師看。4、可以以組為單位共同合作完成課程設計，每組人員不得超過2人。每個組員的課程設計成績=組成績*該生在組內(nèi)的權重。（每組學生權重之和等于該組學生數(shù)）5、每天必須記錄工作日志，包括工作時間，工作地點，工作分工，工作內(nèi)容，工作進展，收獲與問題等。本日志作為最終上交作業(yè)的不可缺少部分。6、成績根據(jù)網(wǎng)站設計效果和紙介質(zhì)報告文檔確定，學生并可申請答辯，網(wǎng)站需發(fā)布在Sina云平臺、百度云平臺、阿里云或者微信云等，需要文檔包括題目、實施計劃、系統(tǒng)設計、模塊結構、數(shù)據(jù)庫結構、功能詳解、源程序（詳細的注釋）、經(jīng)驗和教訓、工作日志、參考書籍和網(wǎng)址等。7、網(wǎng)站可以采用PHP、JSP、ASP.NET等語言開發(fā)，盡量嘗試使用新的技術，如EJB、JSF、JPA、jQuery、HTML5、CSS3、Bootstrap、Vue.js、AngulaJs等。8、上機成果檢查按隨機提問方式，文檔在設計周最后一天6：30前交。課程設計內(nèi)容和時間安排（一）問題分析和數(shù)據(jù)庫設計（1天）確定具體的課程設計題目前，在A413實驗室進行的資料查詢工作，根據(jù)自己的興趣選擇一個課程設計的方式，然后查詢和整理該設計需要的技術資料，以確定課程設計的具體內(nèi)容，并尋找相關網(wǎng)站素材。（二）針對題目進行具體課程設計（3天）每天到實驗室進行具體的課程設計，設計網(wǎng)站首頁設計，整體框架設計，詳細代碼設計等等。（三）撰寫課程設計報告和答辯（1天）在前面工作的基礎上，按照老師的要求，進行課程設計報告的撰寫和整理工作，然后進行部分答辯，最后統(tǒng)一提交課程設計報告。課程設計基本要求（一）問題分析、數(shù)據(jù)庫設計與服務器環(huán)境搭建1、要求(1)掌握問題分析的方法，以無歧義的陳述說明程序設計的任務；(2)了解老師每個課程設計題目的要求與實現(xiàn)，使用Visio或ER設計用例圖；(3)掌握使用PowerDesigner設計數(shù)據(jù)庫，根據(jù)用例圖與數(shù)據(jù)設計ER圖與數(shù)據(jù)庫物理圖；(4)針對網(wǎng)站系統(tǒng)進行需求分析與功能分析；(5)服務器或云平臺開發(fā)環(huán)境的搭建；(5)遵守機房使用規(guī)章和各項安全規(guī)定。2、重點、難點重點：以無歧義的陳述說明程序設計的任務難點：對問題作透徹分析，避免出現(xiàn)需求分析錯誤，掌握PowerDesigner設計數(shù)據(jù)庫ER圖，掌握ER圖轉(zhuǎn)物理圖的有效方法，掌握系統(tǒng)需求分析的設計，掌握服務器與云平臺的搭建。3、說明本階段是解決“做什么”的問題，就是要全面地理解設計題目的各項要求，并準確地表達所接受的用戶需求，能夠理順數(shù)據(jù)庫設計。（二）針對題目進行具體課程設計1、要求(1)根據(jù)自己的選題，明確系統(tǒng)模塊功能，設計網(wǎng)站總體框架，設計恰當?shù)腃SS樣式與總體網(wǎng)站布局，選取適當?shù)木W(wǎng)頁素材；(2)編寫封裝數(shù)據(jù)庫訪問的程序代碼；(3)編寫前端動態(tài)腳本JavaScript，提高用戶交互性；(4)編寫服務器后臺動態(tài)處理代碼，完善系統(tǒng)實現(xiàn)功能；(5)完成各個功能的主界面布局與具體邏輯代碼編寫，完善網(wǎng)站功能代碼的分離。(6)課程設計報告正文篇幅在12頁以上，核心代碼不超過2頁！2、重點、難點重點：準確完成課程設計網(wǎng)站的編碼任務；難點：對需求問題作透徹分析，準確反映相應的網(wǎng)頁布局設計，設計好邏輯代碼的封裝與重用，用戶交互性的良好設計。3、說明：本階段是解決“怎么做”的問題，就是把需求分析得到的用例圖轉(zhuǎn)換為軟件結構。通過設計相應的網(wǎng)站，樣式，數(shù)據(jù)庫，代碼完成相應的課程設計任務。（三）撰寫課程設計報告和答辯1、要求(1)內(nèi)容按要求完成，格式正確，字數(shù)達到要求；(2)設計網(wǎng)站需發(fā)布在云平臺，或者是網(wǎng)絡上提供的免費空間；(3)答辯學生制作答辯演示文檔。2、重點、難點