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

人機(jī)交互》綜合設(shè)計(jì)報(bào)告設(shè)計(jì)名稱： 人機(jī)交互綜合設(shè)計(jì)選題名稱：基于FrontPage的web界面 社交網(wǎng)頁姓名：李志祥學(xué)號(hào)：200903010044專業(yè)班級(jí)：09級(jí)計(jì)算機(jī)科學(xué)與技術(shù)應(yīng)用班 系（院）：計(jì)算機(jī)科學(xué)與信息工程學(xué)院 設(shè)計(jì)時(shí)間：2012年5月26日 目錄TOC\o"1-5"\h\z\o"CurrentDocument"一、概述 4\o"CurrentDocument"1.1系統(tǒng)設(shè)計(jì)目的 4\o"CurrentDocument"1.2系統(tǒng)設(shè)計(jì)意義 4\o"CurrentDocument"二、需求分析 4\o"CurrentDocument"2.1功能需求 4\o"CurrentDocument"2.1.1登陸功能 42.1.2密碼提醒功能 4\o"CurrentDocument"2.1.3注冊功能 4\o"CurrentDocument"2.1.4上傳下載功能 4\o"CurrentDocument"2.2界面需求 4\o"CurrentDocument"三、總體框架 53.1功能框架 53.2系統(tǒng)實(shí)現(xiàn)框架 5四、對(duì)象建模分析 6\o"CurrentDocument"4.1用戶登陸及身份驗(yàn)證 6\o"CurrentDocument"4.2用戶注冊功能： 7\o"CurrentDocument"4.3意見反饋功能…… 74.3視頻功能…… 84.3圖片功能…… 8\o"CurrentDocument"4.3社區(qū)板塊功能…… 9\o"CurrentDocument"五、 界面概要設(shè)計(jì) 95.1主界面設(shè)計(jì) 95.2登陸界面設(shè)計(jì) 10\o"CurrentDocument"5.3視頻社區(qū)界面設(shè)計(jì) 10\o"CurrentDocument"5.2圖片社區(qū)界面設(shè)計(jì) 10\o"CurrentDocument"5.2社交社區(qū)界面設(shè)計(jì) 11\o"CurrentDocument"六、 視圖的關(guān)聯(lián)設(shè)計(jì) 11\o"CurrentDocument"七、 詳細(xì)設(shè)計(jì) 12\o"CurrentDocument"7.1登陸注冊界面設(shè)計(jì) 127.2視頻社區(qū)界面設(shè)計(jì) 12\o"CurrentDocument"7.2.1觀看視頻 12\o"CurrentDocument"7.2.2上傳視頻 13\o"CurrentDocument"7.2.3下載視頻 13\o"CurrentDocument"7.2.3評(píng)論留言 13\o"CurrentDocument"7.3圖片社區(qū)界面設(shè)計(jì) 13\o"CurrentDocument"7.3.1上傳圖片 13\o"CurrentDocument"7.3.2下載圖片 13\o"CurrentDocument"7.3.3評(píng)論留言 13\o"CurrentDocument"7.3.4建立和瀏覽相冊 13\o"CurrentDocument"7.4社交社區(qū)界面設(shè)計(jì) 13\o"CurrentDocument"7.4.1檢索熱帖 13\o"CurrentDocument"7.4.1發(fā)帖 14\o"CurrentDocument"7.4.1下載資源 14\o"CurrentDocument"7.4.1評(píng)論留言 14\o"CurrentDocument"7.4.1建立社區(qū) 14\o"CurrentDocument"八、總結(jié) 14\o"CurrentDocument"8.1學(xué)習(xí)體會(huì) 14\o"CurrentDocument"8.2存在的不足 14一、概述系統(tǒng)設(shè)計(jì)目的我校學(xué)員眾多，但是大家的了解機(jī)會(huì)不是很多，大家很希望有一個(gè)展示自己，和他人交流的平臺(tái)，所以我建立此網(wǎng)站的目的是提供一個(gè)平臺(tái)，促進(jìn)交友，讓大家互相了解。系統(tǒng)設(shè)計(jì)意義此系統(tǒng)的出現(xiàn)可以給廣大學(xué)員提供方便快捷個(gè)人信息介紹，可以提供想交友的圈子，可以在線共享視頻，互動(dòng)留言。二、需求分析功能需求登陸功能由于系統(tǒng)已經(jīng)對(duì)每名用戶登記在系統(tǒng)之內(nèi)，根據(jù)數(shù)據(jù)庫中的存儲(chǔ)數(shù)據(jù)驗(yàn)證用戶，看是否是合法用戶，如果合法進(jìn)入系統(tǒng)，不合法時(shí)進(jìn)行錯(cuò)誤提示。密碼提醒功能由于用戶對(duì)密碼記憶保持時(shí)間不是很長，有可能忘記密碼，界面提供提示功能，方便用戶聯(lián)想自己的密碼。注冊功能當(dāng)用戶不是合法用戶，用戶需要加入系統(tǒng)中并成為合法用戶，所以界面提供注冊功能。上傳下載功能由于用戶在界面操作時(shí)想將一些資源放在網(wǎng)頁中，也想下載一些功能想讓用戶下載，所以界面提供上傳下載功能。界面需求符合Windows的一貫風(fēng)格，具有易學(xué)易用的特征界面顏色比較深沉界面的風(fēng)格以交互式為主，并加入一些介紹內(nèi)容界面中內(nèi)容積極健康向上，杜絕不合法內(nèi)容三、總體框架

3.1功能框架3.2系統(tǒng)實(shí)現(xiàn)框架

用戶登陸及身份驗(yàn)證F-"輸入用戶名登陸輸入密碼用戶密碼驗(yàn)證密碼提示IF-"輸入用戶名登陸輸入密碼用戶密碼驗(yàn)證密碼提示I用戶名驗(yàn)證 ?用戶注冊功能：當(dāng)用戶不是系統(tǒng)中的用戶時(shí)可以申請(qǐng)注冊，在進(jìn)行登錄，用戶需要填寫用戶名、密碼、郵箱等進(jìn)行注冊意見反饋功能

用戶在體驗(yàn)過網(wǎng)頁后可以將自己的意見進(jìn)行填寫發(fā)表，系統(tǒng)將收集意見進(jìn)行匯總，報(bào)告給管理員。視頻功能.傳視頻登陸成功視頻功能觀看視頻Include-：.傳視頻登陸成功視頻功能觀看視頻Include-：.下載視頻7 ?評(píng)論留言S圖片功能o登陸成功圖片功能■'建立相冊-評(píng)論留言Include ＜下載資源）4.6社區(qū)板塊功能發(fā)帖O登陸成功社區(qū)功能deI”■-檢索熱帖■'建立社區(qū)Include■下載資源Include、 評(píng)論留言丿用戶五、界面概要設(shè)計(jì)5.1主界面設(shè)計(jì)5.2登陸界面設(shè)計(jì)5.3視頻社區(qū)界面設(shè)計(jì)叢站量*i+Ei?i：2i'MiiBjftp?y：imomtii?I_曰m5.4圖片社區(qū)界面設(shè)計(jì)」麗-ufltir砸?OwdxA■?州甜fRmrSEitt力品FJ書11上.J.REfc5.5社交社區(qū)界面設(shè)計(jì)六、視圖的關(guān)聯(lián)設(shè)計(jì)首頁11F注冊M 登錄意見反饋(―1f圖片社區(qū)視頻社區(qū)社交社區(qū)七、詳細(xì)設(shè)計(jì)7.1登陸注冊界面設(shè)計(jì)當(dāng)用戶進(jìn)入網(wǎng)頁后可以實(shí)現(xiàn)瀏覽功能，但要進(jìn)行網(wǎng)頁中的功能操作時(shí)需要進(jìn)行登錄，用戶輸入賬號(hào)和密碼開始登陸，系統(tǒng)進(jìn)行身份驗(yàn)證，如果成功授予用戶界面中的功能，如果不成功,提示錯(cuò)誤，請(qǐng)?jiān)俅蔚顷懟蛘咄顺?。?dāng)用戶不是合法用戶時(shí)可以進(jìn)行注冊，輸入用戶名和密碼后點(diǎn)擊注冊，當(dāng)通過系統(tǒng)的檢測，用戶名和密碼均合法后注冊成功。視頻社區(qū)界面設(shè)計(jì)用戶可以在登陸后進(jìn)入到視頻板塊，該板塊中用戶可以觀看、瀏覽視頻，也可將自己的視頻進(jìn)行上傳或者下載板塊中的視頻資源。觀看視頻當(dāng)用戶進(jìn)入到視頻板塊中后可以觀看網(wǎng)站中的視頻，但需要安裝播放插件才可以觀看。視頻播放的界面采用嵌入式界面，無需打開新的界面。上傳視頻本功能是用戶登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面。當(dāng)用戶上傳視頻時(shí)，系統(tǒng)會(huì)檢測和提示該網(wǎng)頁支持的視頻格式，當(dāng)與該格式匹配時(shí)，進(jìn)行上傳。下載視頻本功能是用戶登錄成功后才能擁有的權(quán)利。用戶可以任意下載網(wǎng)頁中的共享視頻資源。評(píng)論留言本功能是用戶登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面，用戶可以對(duì)視頻資源發(fā)表自己的意見。7.3圖片社區(qū)界面設(shè)計(jì)用戶在登錄后可以進(jìn)行網(wǎng)站內(nèi)部的圖片操作，例如更改自己的頭像，組建自己的相冊，瀏覽別人圖片，下載圖片資源。上傳圖片本功能是用戶登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面。當(dāng)用戶上傳圖片時(shí)，系統(tǒng)會(huì)檢測和提示該網(wǎng)頁支持的圖片格式，當(dāng)與該格式匹配時(shí)，進(jìn)行上傳。下載圖片本功能是用戶登錄成功后才能擁有的權(quán)利。用戶可以任意下載網(wǎng)頁中的共享圖片資源。評(píng)論留言本功能是用戶登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面，用戶可以對(duì)圖片資源發(fā)表自己的意見。建立和瀏覽相冊本功能是用戶登錄成功后才能擁有的權(quán)利。用戶可以根據(jù)自己的喜好和信息建立自己的相冊，也可以去瀏覽查看其他共享相冊。社交社區(qū)界面設(shè)計(jì)用戶登陸后可以根據(jù)自己的喜好建立板塊，可以在板塊中發(fā)表日志，帖子。其他人可以進(jìn)行瀏覽，同時(shí)也可以留言，評(píng)論。也可以下載板塊中的共享資源。檢索熱帖用戶登陸后可以在社交板塊啟用功能，用戶可以根據(jù)需要輸入關(guān)鍵字，搜索出包含關(guān)鍵字的帖子，在進(jìn)行瀏覽。發(fā)帖用戶登陸后可以在社交板塊啟用功能，用戶在自己的社區(qū)可以輸入文字內(nèi)容，例如日志文章等帖子。下載資源本功能是用戶登錄成功后才能擁有的權(quán)利。用戶可以任意下載網(wǎng)頁中的共享資源。評(píng)論留言本功能是用戶登錄成功后才能擁有的權(quán)利。該界面同樣采用的是嵌入式界面，用戶可以對(duì)帖子發(fā)表自己的意見。建立社區(qū)本功能是用戶登錄成功后才能擁有的權(quán)利，用戶可以根據(jù)需要和喜好建立自己的個(gè)人社區(qū)或者公共社區(qū)。八、總結(jié)8.1學(xué)習(xí)體會(huì)通過對(duì)人機(jī)交互的設(shè)計(jì)，發(fā)現(xiàn)在設(shè)計(jì)過程中建立模型，構(gòu)建視圖還是比較繁瑣的，因?yàn)橐紤]到界面中的