人機(jī)交互軟件說明書

1、JIANGSU UNIVERSITY OF TECHNOLOGY人機(jī)交互技術(shù)軟件說明書學(xué)院名稱：計(jì)算機(jī)工程學(xué)院專業(yè)：軟件工程班級：10軟件1W學(xué)號：10144107姓 名: 董 鑫二O三年六月人機(jī)交互軟件說明書引言人機(jī)交互技術(shù)(Huma n-Computer In teract ion Tech niq ues )是指通過計(jì)算機(jī) 輸入、輸出設(shè)備，以有效的方式實(shí)現(xiàn)人與計(jì)算機(jī)對話的技術(shù)。它包括機(jī)器通過輸出或顯示設(shè)備給人提供大量有關(guān)信息及提示請示等，人通過輸入設(shè)備給機(jī)器輸入 有關(guān)信息及提示請示等，人通過設(shè)備給機(jī)器輸入有關(guān)信息，回答問題等。人機(jī)交 互技術(shù)是計(jì)算機(jī)用戶界面設(shè)計(jì)中的重要內(nèi)容。它與認(rèn)知學(xué)、人

2、機(jī)工程學(xué)、心里學(xué)等學(xué)科領(lǐng)域有密切的聯(lián)系。第1頁共16頁人機(jī)交互軟件說明書第1章數(shù)據(jù)庫設(shè)計(jì)1.1基本實(shí)體表序號表名說明1users用戶表，用于存儲用戶編碼，姓，名稱等1.2表設(shè)計(jì)表1-1用戶表字段字段名說明類型是否為空主鍵id用戶編碼int否是firs tn ame姓varchar是否last name名稱varchar是否phone電話號碼varchar是否email電子郵件Varchar是否第2頁共16頁人機(jī)交互軟件說明書第3頁共16頁人機(jī)交互軟件說明書第2章詳細(xì)設(shè)計(jì)2.1 .界面在瀏覽器輸入地址后，會(huì)顯示如下界面。有工具欄，“編輯、增加、刪除”展示信息、三個(gè)選項(xiàng)卡和顯示圖片。UH-AflH

3、密會(huì)一立都是友童的大寂相處的還喬惜釧棒舟甲業(yè)于正S遛工棄讖件衛(wèi)肛泓運(yùn)耳丘丘坤、反P硯wjitAW ti a*. 董鑫的資料#fmmargi n:0;paddi ng:10px 30px;.ftitlefon t-size:14px;fon t-weight:bold;color:#666;paddi ng:5px 0;margi n-bottom:10px;border-bottom:1px solid #ccc;.fitemmargi n-bottom:5px;.fitem labeldisplay:i nli ne-block;width:80px;#ccborder:0px solid;

4、border-color: white;border-collapse:collapse;width:550px;height:150px;thborder:1px solid;backgro un d-color:#E4E4E4;text-alig n:cen ter;tdborder:1px solid;text-alig n:cen ter;.overbackgro un d-color:white;.imgsizewidth:100%;height:1OO%;function showphoto(i ndex)if(in dex=1)$(#photoView).html();else

5、if(in dex=2)$(#photoView).html(img src=./ else if(in dex=3)$(#photoView).html(img src=./else if(in dex=4)$(#photoView).html(img src=./else if(in dex=5)$(#photoView).html(img src=./else$(#photoView).html(img src=./母親.jpgclass=imgsize);姐姐.jpgclass=imgsize);姐夫.jpgclass=imgsize);我.jpgclass=imgsize);外甥女.

6、jpgclass=imgsize);var url;function n ewUser()$(#dlg).dialog(ope n).dialog(setTitle,New User);$(#fm).form(clear);url = save_user.php：function editUser()var row = $(#dg).datagrid(getSelected);if (row)$(#dlg).dialog(ope n).dialog(setTitle,Edit User);$(#fm).form(load,row);urlupdate_user.php?id=+row.id+

7、&first name=+row.firs tn ame+&l ast name=+row .l ast name+&phone =+row.ph on e+&email=+row.email; function saveUser()$(#fm).form(submit, url: url, on Submit: fun cti on()retur n $(this).form(validate);, success: function( result)var result = eval(+result+);if (result.success)$(#dlg).dialog(close);/

8、close the dialog$(#dg).datagrid(reload);/ reload the user data else $.messager.show( title: Error, msg: result.msg););function removeUser()you sure you want to remove thisvar row = $(#dg).datagrid(getSelected); if (row)$.messager.c on firm(C on firm,Areuser?,fu ncti on(r)if (r)$.post(remove_user.php

9、,id:row.id,fu nction( result)if (result.success)$(#dg).datagrid(reload); / reload the user data else $.messager.show( / show error messagetitle: Error, msg: result.msg);,jso n););董鑫 的 資料class=easyui-li nkbutt onclass=easyui-li nkbutt onahref=#data-opti on s=ic on Cls:ic on-edit,pla in:true編輯 ahref=#

10、data-options=iconCls:icon-add,plain:true增力口 ahref=#class=easyui-li nkbutt ondata-options=iconCls:icon-remove,plain:true刪除 23歲，身高173cm，籍貫江蘇南通.2014年將畢業(yè)于江蘇理工學(xué)院軟件工程專業(yè).愛好有乒乓球、玩游戲.做事沉穩(wěn)，但也不缺乏創(chuàng)新思維.平時(shí)待人真誠，與人為善.人生格言：機(jī)會(huì)只留給有準(zhǔn)備的人，有備無患.宿舍成員：陳高峰、陳浩、陳鵬、單洋洋、丁巍、董鑫.和諧友愛的宿舍兄弟、不多說. 永遠(yuǎn)的好兄弟。家里有父親、母親、姐姐、姐夫、外甥女和我.父親是個(gè)漁民，母親是

11、普通的農(nóng)民.姐夫是搞建筑的，姐姐還是個(gè)無業(yè)游民，正在考會(huì)計(jì)證.外甥兩歲了，剛剛學(xué)會(huì)說話 .徐芷涵.宿舍一直都是友愛的，大家相處的還不錯(cuò).第7頁共16頁人機(jī)交互軟件說明書陳咼峰：團(tuán)支部書記，喜歡吹牛，但是能說會(huì)道人際交際關(guān)系很好陳浩：治保委員，精通電腦，但對其他東西都沒興趣陳鵬：體育委員，班草，有很多女性朋友單洋洋：學(xué)習(xí)委員，學(xué)習(xí)認(rèn)真、為人忠厚老實(shí) 丁?。簩κ烊烁皇斓娜硕裕耆莾蓚€(gè)不同的人重鑫：旦傳委員，喜歡宅、玩游戲，不喜歡外出走動(dòng) 編號 姓名 關(guān)系 居住地 01董輝群 父親 南通如東02繆建云 母親 南通如東03董容容 姐姐 江蘇南京第8頁共16頁人機(jī)交互軟件說明書04 徐偉 姐夫 江

12、蘇南京 05 董鑫 本人 江蘇常州 06徐芷涵外甥女南通如東 First NameLast NamePho neEmail on Click=removeUser()Remove UserNew UserEdit Usera href=#class=easyui-li nkbutt onicon Cls=ic on-removeplai n=trueplai n=trueplai n=trueUser In formati onFirst Name:Last Name:Ph on e:Email:SaveCa ncel第10頁共16頁人機(jī)交互軟件說明書第11頁共16頁人機(jī)交互軟件說明書23操作

13、選擇“ 61乙206”7*- 由 苣建儀網(wǎng)站仃 也網(wǎng)靈快SIS 宿舍咸員育弁drri mm1罪庭慮員貫軒1恨號關(guān)賂居隹堆01ffiSS02mm03董咨苔蛆俎工蘇南京Q405董蠢iA遷蘇常州06徐芷詡外州女囪遵測 aib Jj 14選擇“家庭簡介”第#頁共16頁人機(jī)交互軟件說明書應(yīng) 至聞貿(mào)堪-Windows Inltmel Explorer | 色 Http/lcMblhQdflfigKinBi TilltBl j2Qfl富里有址親母親姐II *俎夫、外城和拒靈親呈$甑民，母辛足普迪的世民好蜀兩串T，R1陽壇詛話.十人冢醫(yī)廐乗割$昭H”r 於Edi 1 UiA-t|jC Fbbib軒宦 UftF

14、li-iI NairL-tsi K-ui4FShouBho.il和 ee1:winLE3454546新2亞45啊嗣.cm2餉毗i眄崗孰q&i嶼6167656010Ir 4Pnt 1of 】b . t-|OHiEpLLiuc 12 of 2 L ttns0 Internet |煤護(hù)廉式-選擇“聯(lián)系方式”律 gMHAWIS - MndMH. l.-w-nri T鼻xtr電 j Il 3rllTir|： 1第#頁共16頁人機(jī)交互軟件說明書Ln, tBPWM-AflHGI2Dt *lh Tlil*號方itErt*wii l*Mr4 T(r LLbEC la*irtrOTr*34U44M4EJ G ti

15、ipliyini： 1.IniEl SWfi: gffi軋 T .興 iKJS 凹編輯用戶“ dongqing”，將“ phone”和“ Email”作改變編輯效果吧 EKi密科-WfldomhjjkxeirjQh. ”t lnp . .localhMtd-ir-jorr-T俎百IEffior-it ran : it mw B hmhm *卍d?W4ft - 0 -* FJBPl- iSlij - IADl IB“第#頁共16頁人機(jī)交互軟件說明書Ln, tBPWHUtWghHpV.yl tirdKoiidtinpdnX刪除用戶“ dongqing”刪除效果第15頁共16頁人機(jī)交互軟件說明書第1

16、6頁共16頁人機(jī)交互軟件說明書總 ZTr?且* Anoowi iJTimvi Lxakr*|u_., A*fl -寸丿.f_ -I. Imf - 曲 El p T Bl- 丁畫M - UUQl 爭*iiimrRia TiWTA-itHABAMFbiiiVBWHKi!*LlruriL Fmthjplbiraij I eW33I第#頁共16頁人機(jī)交互軟件說明書24數(shù)據(jù)庫相關(guān)的代碼conn, php s I: Si：awf ss*t ($_POST tows ) ? intal (f_POST r rowsr J J t 10 _ $o-f are = ($口3巳亡一 1) *$row5 ;$z i

17、e-snl = array ();include corm php; WSdlQuscy (frsst iucms: Z/諂 査屈 頁墉碼$rs = nysqLqLaerir (select count (*) from, u-sers*) ;j$z ov = rayjsql*! ch= row;$zefL|l oal = $row0;S-rsi = nysql_qpj#ryt*+usrs limit off set, Sro*s- :$11en y Q :while= rayqlobject ($rs)ar i ay_pus-h ($i emj3 $row);5result rows*J =

18、 Jitems:remove user.php第17頁共16頁人機(jī)交互軟件說明書|3ff il-ftnBflLC = j_EEQUE5T|ifirtri3ji.e，;- J_3Z)L?EJT I 1gphorw = J_REQLE5T phone 5(nail = fiEtfUErr efflail:rem ve_user,ph p |朋_|拆分應(yīng)設(shè)計(jì) 標(biāo)越舐乂 e直色id = intval (*_REQUEST ?id? J).include ? coroiphp :Isol * delete from users vherei/XBi1.Ft JrBEult = Stnys ql_query ($sql);if (Jresuilt) echo jcin_encode (array f success =true);)else echo jsqil_encode (arr