人機(jī)交互課程設(shè)計(jì)

1、人機(jī)交互綜合設(shè)計(jì)報(bào)告設(shè)計(jì)名稱： 人機(jī)交互綜合設(shè)計(jì) 選題名稱：基于FrontPage的web界面社交網(wǎng)頁姓 名： 李志祥 學(xué) 號： 4 專業(yè)班級： 09級計(jì)算機(jī)科學(xué)與技術(shù)應(yīng)用班 系 （院）： 計(jì)算機(jī)科學(xué)與信息工程學(xué)院 設(shè)計(jì)時間： 2012年5月26日 成績：指導(dǎo)教師評語： 簽名： 年 月 日 目錄一、概述41.1 系統(tǒng)設(shè)計(jì)目的41.2 系統(tǒng)設(shè)計(jì)意義4二、需求分析42.1 功能需求42.1.1 登陸功能42.1.2 密碼提醒功能42.1.3注冊功能 42.1.4上傳下載功能 42.2 界面需求4三、總體框架53.1 功能框架53.2 系統(tǒng)實(shí)現(xiàn)框架5四、對象建模分析64.1 用戶登陸及身份驗(yàn)證64.

2、2用戶注冊功能：74.3意見反饋功能74.3視頻功能84.3圖片功能84.3社區(qū)板塊功能9五、界面概要設(shè)計(jì)95.1 主界面設(shè)計(jì)95.2 登陸界面設(shè)計(jì)105.3視頻社區(qū)界面設(shè)計(jì)105.2圖片社區(qū)界面設(shè)計(jì)105.2社交社區(qū)界面設(shè)計(jì)11六、視圖的關(guān)聯(lián)設(shè)計(jì)11七、詳細(xì)設(shè)計(jì)127.1登陸注冊界面設(shè)計(jì)127.2視頻社區(qū)界面設(shè)計(jì)127.2.1觀看視頻127.2.2上傳視頻137.2.3下載視頻137.2.3 評論留言137.3圖片社區(qū)界面設(shè)計(jì)137.3.1上傳圖片137.3.2下載圖片137.3.3評論留言137.3.4建立和瀏覽相冊137.4社交社區(qū)界面設(shè)計(jì)137.4.1檢索熱帖137.4.1發(fā)帖147.

3、4.1下載資源147.4.1評論留言147.4.1建立社區(qū)14八、總結(jié)148.1 學(xué)習(xí)體會148.2 存在的不足14一、概述1.1 系統(tǒng)設(shè)計(jì)目的我校學(xué)員眾多，但是大家的了解機(jī)會不是很多，大家很希望有一個展示自己，和他人交流的平臺，所以我建立此網(wǎng)站的目的是提供一個平臺，促進(jìn)交友，讓大家互相了解。 1.2 系統(tǒng)設(shè)計(jì)意義此系統(tǒng)的出現(xiàn)可以給廣大學(xué)員提供方便快捷個人信息介紹，可以提供想交友的圈子，可以在線共享視頻，互動留言。二、需求分析2.1 功能需求2.1.1 登陸功能由于系統(tǒng)已經(jīng)對每名用戶登記在系統(tǒng)之內(nèi)，根據(jù)數(shù)據(jù)庫中的存儲數(shù)據(jù)驗(yàn)證用戶，看是否是合法用戶，如果合法進(jìn)入系統(tǒng)，不合法時進(jìn)行錯誤提示。2.1

4、.2 密碼提醒功能由于用戶對密碼記憶保持時間不是很長，有可能忘記密碼，界面提供提示功能，方便用戶聯(lián)想自己的密碼。2.1.3注冊功能 當(dāng)用戶不是合法用戶，用戶需要加入系統(tǒng)中并成為合法用戶，所以界面提供注冊功能。2.1.4上傳下載功能 由于用戶在界面操作時想將一些資源放在網(wǎng)頁中，也想下載一些功能想讓用戶下載，所以界面提供上傳下載功能。2.2 界面需求(1) 符合Windows的一貫風(fēng)格，具有易學(xué)易用的特征(2) 界面顏色比較深沉(3) 界面的風(fēng)格以交互式為主，并加入一些介紹內(nèi)容(4) 界面中內(nèi)容積極健康向上，杜絕不合法內(nèi)容三、總體框架3.1 功能框架 3.2 系統(tǒng)實(shí)現(xiàn)框架四、對象建模分析4.1 用

5、戶登陸及身份驗(yàn)證4.2 用戶注冊功能：當(dāng)用戶不是系統(tǒng)中的用戶時可以申請注冊，在進(jìn)行登錄，用戶需要填寫用戶名、密碼、郵箱等進(jìn)行注冊4.3 意見反饋功能 用戶在體驗(yàn)過網(wǎng)頁后可以將自己的意見進(jìn)行填寫發(fā)表，系統(tǒng)將收集意見進(jìn)行匯總，報(bào)告給管理員。4.4 視頻功能4.5 圖片功能 4.6 社區(qū)板塊功能 五、界面概要設(shè)計(jì)5.1 主界面設(shè)計(jì)5.2 登陸界面設(shè)計(jì)5.3 視頻社區(qū)界面設(shè)計(jì)5.4 圖片社區(qū)界面設(shè)計(jì)5.5 社交社區(qū)界面設(shè)計(jì)六、視圖的關(guān)聯(lián)設(shè)計(jì)七、詳細(xì)設(shè)計(jì)7.1 登陸注冊界面設(shè)計(jì) 當(dāng)用戶進(jìn)入網(wǎng)頁后可以實(shí)現(xiàn)瀏覽功能，但要進(jìn)行網(wǎng)頁中的功能操作時需要進(jìn)行登錄，用戶輸入賬號和密碼開始登陸，系統(tǒng)進(jìn)行身份驗(yàn)證，如果成

6、功授予用戶界面中的功能，如果不成功，提示錯誤，請?jiān)俅蔚顷懟蛘咄顺?。?dāng)用戶不是合法用戶時可以進(jìn)行注冊，輸入用戶名和密碼后點(diǎn)擊注冊，當(dāng)通過系統(tǒng)的檢測，用戶名和密碼均合法后注冊成功。7.2視頻社區(qū)界面設(shè)計(jì)用戶可以在登陸后進(jìn)入到視頻板塊，該板塊中用戶可以觀看、瀏覽視頻，也可將自己的視頻進(jìn)行上傳或者下載板塊中的視頻資源。7.2.1觀看視頻 當(dāng)用戶進(jìn)入到視頻板塊中后可以觀看網(wǎng)站中的視頻，但需要安裝播放插件才可以觀看。視頻播放的界面采用嵌入式界面，無需打開新的界面。7.2.2上傳視頻 本功能是用戶登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面。當(dāng)用戶上傳視頻時，系統(tǒng)會檢測和提示該網(wǎng)頁支持的視頻格式，

7、當(dāng)與該格式匹配時，進(jìn)行上傳。7.2.3下載視頻本功能是用戶登錄成功后才能擁有的權(quán)利。用戶可以任意下載網(wǎng)頁中的共享視頻資源。7.2.4評論留言 本功能是用戶登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面，用戶可以對視頻資源發(fā)表自己的意見。7.3圖片社區(qū)界面設(shè)計(jì)用戶在登錄后可以進(jìn)行網(wǎng)站內(nèi)部的圖片操作，例如更改自己的頭像，組建自己的相冊，瀏覽別人圖片，下載圖片資源。7.3.1上傳圖片本功能是用戶登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面。當(dāng)用戶上傳圖片時，系統(tǒng)會檢測和提示該網(wǎng)頁支持的圖片格式，當(dāng)與該格式匹配時，進(jìn)行上傳。7.3.2下載圖片本功能是用戶登錄成功后才能擁有的權(quán)利。用戶

8、可以任意下載網(wǎng)頁中的共享圖片資源。7.3.3評論留言 本功能是用戶登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面，用戶可以對圖片資源發(fā)表自己的意見。7.3.4建立和瀏覽相冊 本功能是用戶登錄成功后才能擁有的權(quán)利。用戶可以根據(jù)自己的喜好和信息建立自己的相冊，也可以去瀏覽查看其他共享相冊。7.4社交社區(qū)界面設(shè)計(jì)用戶登陸后可以根據(jù)自己的喜好建立板塊，可以在板塊中發(fā)表日志，帖子。其他人可以進(jìn)行瀏覽，同時也可以留言，評論。也可以下載板塊中的共享資源。7.4.1檢索熱帖 用戶登陸后可以在社交板塊啟用功能，用戶可以根據(jù)需要輸入關(guān)鍵字，搜索出包含關(guān)鍵字的帖子，在進(jìn)行瀏覽。7.4.2發(fā)帖 用戶登陸后可以

9、在社交板塊啟用功能，用戶在自己的社區(qū)可以輸入文字內(nèi)容，例如日志文章等帖子。7.4.3下載資源本功能是用戶登錄成功后才能擁有的權(quán)利。用戶可以任意下載網(wǎng)頁中的共享資源。7.4.4評論留言 本功能是用戶登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面，用戶可以對帖子發(fā)表自己的意見。7.4.5建立社區(qū)本功能是用戶登錄成功后才能擁有的權(quán)利，用戶可以根據(jù)需要和喜好建立自己的個人社區(qū)或者公共社區(qū)。八、總結(jié)8.1 學(xué)習(xí)體會通過對人機(jī)交互的設(shè)計(jì)，發(fā)現(xiàn)在設(shè)計(jì)過程中建立模型，構(gòu)建視圖還是比較繁瑣的，因?yàn)橐紤]到界面中的各方面功能。在設(shè)計(jì)過程中，將在課堂中的一些知識也得到了實(shí)踐，深刻的體會到在網(wǎng)頁設(shè)計(jì)中。例如合理的布局，合理的色彩搭配都是很重要的。在深入實(shí)驗(yàn)的過程中發(fā)現(xiàn)人機(jī)交互界面的在現(xiàn)實(shí)應(yīng)用中很重要。在這過程中我深刻的學(xué)習(xí)和掌