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

1、精選優(yōu)質(zhì)文檔-傾情為你奉上人機(jī)交互綜合設(shè)計(jì)報(bào)告設(shè)計(jì)名稱(chēng)： 人機(jī)交互綜合設(shè)計(jì) 選題名稱(chēng)：基于FrontPage的web界面社交網(wǎng)頁(yè)姓 名： 李志祥 學(xué) 號(hào)： 4 專(zhuān)業(yè)班級(jí)： 09級(jí)計(jì)算機(jī)科學(xué)與技術(shù)應(yīng)用班 系 （院）： 計(jì)算機(jī)科學(xué)與信息工程學(xué)院 設(shè)計(jì)時(shí)間： 2012年5月26日 成績(jī)：指導(dǎo)教師評(píng)語(yǔ)： 簽名： 年 月 日 目錄000112222一、概述1.1 系統(tǒng)設(shè)計(jì)目的我校學(xué)員眾多，但是大家的了解機(jī)會(huì)不是很多，大家很希望有一個(gè)展示自己，和他人交流的平臺(tái)，所以我建立此網(wǎng)站的目的是提供一個(gè)平臺(tái)，促進(jìn)交友，讓大家互相了解。 1.2 系統(tǒng)設(shè)計(jì)意義此系統(tǒng)的出現(xiàn)可以給廣大學(xué)員提供方便快捷個(gè)人信息介紹，可以提供

2、想交友的圈子，可以在線(xiàn)共享視頻，互動(dòng)留言。二、需求分析2.1 功能需求2.1.1 登陸功能由于系統(tǒng)已經(jīng)對(duì)每名用戶(hù)登記在系統(tǒng)之內(nèi)，根據(jù)數(shù)據(jù)庫(kù)中的存儲(chǔ)數(shù)據(jù)驗(yàn)證用戶(hù)，看是否是合法用戶(hù)，如果合法進(jìn)入系統(tǒng)，不合法時(shí)進(jìn)行錯(cuò)誤提示。2.1.2 密碼提醒功能由于用戶(hù)對(duì)密碼記憶保持時(shí)間不是很長(zhǎng)，有可能忘記密碼，界面提供提示功能，方便用戶(hù)聯(lián)想自己的密碼。2.1.3注冊(cè)功能 當(dāng)用戶(hù)不是合法用戶(hù)，用戶(hù)需要加入系統(tǒng)中并成為合法用戶(hù)，所以界面提供注冊(cè)功能。2.1.4上傳下載功能 由于用戶(hù)在界面操作時(shí)想將一些資源放在網(wǎng)頁(yè)中，也想下載一些功能想讓用戶(hù)下載，所以界面提供上傳下載功能。2.2 界面需求(1) 符合Windows的

3、一貫風(fēng)格，具有易學(xué)易用的特征(2) 界面顏色比較深沉(3) 界面的風(fēng)格以交互式為主，并加入一些介紹內(nèi)容(4) 界面中內(nèi)容積極健康向上，杜絕不合法內(nèi)容三、總體框架3.1 功能框架 3.2 系統(tǒng)實(shí)現(xiàn)框架四、對(duì)象建模分析4.1 用戶(hù)登陸及身份驗(yàn)證4.2 用戶(hù)注冊(cè)功能：當(dāng)用戶(hù)不是系統(tǒng)中的用戶(hù)時(shí)可以申請(qǐng)注冊(cè)，在進(jìn)行登錄，用戶(hù)需要填寫(xiě)用戶(hù)名、密碼、郵箱等進(jìn)行注冊(cè)4.3 意見(jiàn)反饋功能 用戶(hù)在體驗(yàn)過(guò)網(wǎng)頁(yè)后可以將自己的意見(jiàn)進(jìn)行填寫(xiě)發(fā)表，系統(tǒng)將收集意見(jiàn)進(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

4、 圖片社區(qū)界面設(shè)計(jì)5.5 社交社區(qū)界面設(shè)計(jì)六、視圖的關(guān)聯(lián)設(shè)計(jì)七、詳細(xì)設(shè)計(jì)7.1 登陸注冊(cè)界面設(shè)計(jì) 當(dāng)用戶(hù)進(jìn)入網(wǎng)頁(yè)后可以實(shí)現(xiàn)瀏覽功能，但要進(jìn)行網(wǎng)頁(yè)中的功能操作時(shí)需要進(jìn)行登錄，用戶(hù)輸入賬號(hào)和密碼開(kāi)始登陸，系統(tǒng)進(jìn)行身份驗(yàn)證，如果成功授予用戶(hù)界面中的功能，如果不成功，提示錯(cuò)誤，請(qǐng)?jiān)俅蔚顷懟蛘咄顺?。?dāng)用戶(hù)不是合法用戶(hù)時(shí)可以進(jìn)行注冊(cè)，輸入用戶(hù)名和密碼后點(diǎn)擊注冊(cè)，當(dāng)通過(guò)系統(tǒng)的檢測(cè)，用戶(hù)名和密碼均合法后注冊(cè)成功。7.2視頻社區(qū)界面設(shè)計(jì)用戶(hù)可以在登陸后進(jìn)入到視頻板塊，該板塊中用戶(hù)可以觀(guān)看、瀏覽視頻，也可將自己的視頻進(jìn)行上傳或者下載板塊中的視頻資源。7.2.1觀(guān)看視頻 當(dāng)用戶(hù)進(jìn)入到視頻板塊中后可以觀(guān)看網(wǎng)站中的視頻

5、，但需要安裝播放插件才可以觀(guān)看。視頻播放的界面采用嵌入式界面，無(wú)需打開(kāi)新的界面。7.2.2上傳視頻 本功能是用戶(hù)登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面。當(dāng)用戶(hù)上傳視頻時(shí)，系統(tǒng)會(huì)檢測(cè)和提示該網(wǎng)頁(yè)支持的視頻格式，當(dāng)與該格式匹配時(shí)，進(jìn)行上傳。7.2.3下載視頻本功能是用戶(hù)登錄成功后才能擁有的權(quán)利。用戶(hù)可以任意下載網(wǎng)頁(yè)中的共享視頻資源。7.2.4評(píng)論留言 本功能是用戶(hù)登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面，用戶(hù)可以對(duì)視頻資源發(fā)表自己的意見(jiàn)。7.3圖片社區(qū)界面設(shè)計(jì)用戶(hù)在登錄后可以進(jìn)行網(wǎng)站內(nèi)部的圖片操作，例如更改自己的頭像，組建自己的相冊(cè)，瀏覽別人圖片，下載圖片資源。7.3

6、.1上傳圖片本功能是用戶(hù)登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面。當(dāng)用戶(hù)上傳圖片時(shí)，系統(tǒng)會(huì)檢測(cè)和提示該網(wǎng)頁(yè)支持的圖片格式，當(dāng)與該格式匹配時(shí)，進(jìn)行上傳。7.3.2下載圖片本功能是用戶(hù)登錄成功后才能擁有的權(quán)利。用戶(hù)可以任意下載網(wǎng)頁(yè)中的共享圖片資源。7.3.3評(píng)論留言 本功能是用戶(hù)登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面，用戶(hù)可以對(duì)圖片資源發(fā)表自己的意見(jiàn)。7.3.4建立和瀏覽相冊(cè) 本功能是用戶(hù)登錄成功后才能擁有的權(quán)利。用戶(hù)可以根據(jù)自己的喜好和信息建立自己的相冊(cè)，也可以去瀏覽查看其他共享相冊(cè)。7.4社交社區(qū)界面設(shè)計(jì)用戶(hù)登陸后可以根據(jù)自己的喜好建立板塊，可以在板塊中發(fā)表日志，

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