【正文】 50時(shí)間不允許空Sectionfloat50部門不允許空Staffint50員工不允許空Typeint50打卡類型不允許空Checkadressvarchar10簽到地址不允許空二、登陸模塊設(shè)計(jì)登錄模塊 功能：本模塊主要用于對(duì)用戶身份進(jìn)行鑒別。用戶通過表單提供用戶名、密碼信息，系統(tǒng)根據(jù)用戶提供的登錄信息對(duì)用戶進(jìn)行身份查詢鑒別。如果身份合法，則將用戶導(dǎo)向系統(tǒng)的主頁面并記錄用戶的相關(guān)信息，留待以后的系統(tǒng)頁面使用。 輸入：用戶名、密碼、驗(yàn)證碼。 （1）輸入用戶的登錄信息。在頁面提供的表單出輸入用戶的用戶名、密碼信息和驗(yàn)證碼，點(diǎn)擊“登錄”按鈕提交表單信息到身份驗(yàn)證頁面?；螯c(diǎn)擊“重填”按鈕，重新輸入。 （2）從users表單獲取輸入數(shù)據(jù)。當(dāng)用戶單擊“登錄”按鈕后，登錄信息由form表單提交進(jìn)行處理。 （3）用戶身份進(jìn)行驗(yàn)證。連接數(shù)據(jù)庫，打開用戶數(shù)據(jù)表users，檢驗(yàn)用戶登錄信息。以輸入數(shù)據(jù)“用戶名”為查詢條件創(chuàng)建數(shù)據(jù)集查看輸入用戶名是否存在。如果存在，繼續(xù)檢驗(yàn)輸入的密碼是否正確。密碼和用戶名都正確，則進(jìn)入辦公管理系統(tǒng)主頁面；如果用戶名不存在或密碼不正確或驗(yàn)證碼不正確，則給出登錄失敗的提示框，并返回首頁重新登錄。第三節(jié) 員工角色模塊 員工登錄該考勤系統(tǒng)后，分別有WEB考勤、個(gè)人信息、考勤記錄、公告等功能。一、員工登錄二、WEB考勤 員工確認(rèn)后點(diǎn)擊簽到界面：三、個(gè)人信息四、考勤記錄 五、公告通知第四節(jié) 管理員角色模塊管理員登錄系統(tǒng)可以對(duì)系統(tǒng)進(jìn)行管理，主要的功能有考勤管理、通知公告、人事管理、系統(tǒng)設(shè)置。 登錄界面：一、考勤管理 考勤管理模塊中有考勤查詢、周報(bào)表、月報(bào)表的查看。其中考勤查詢可以分部門查詢。 考勤總體查詢： 分部門查詢： 周報(bào)表，其中可以選擇查詢的周期： 考勤月報(bào)表：二、通知公告 公告通知分為公告列表和添加公告兩個(gè)模塊：其中公告列表是顯示現(xiàn)有的公告，添加公告可以編輯添加公告。管理員可以對(duì)公告進(jìn)行管理，有新建公告、編輯公告、刪除公告。三、人事管理 人事管理模塊可以對(duì)部門和員工分別管理。 部門管理： 員工管理：四、系統(tǒng)設(shè)置系統(tǒng)設(shè)置主要是為考勤設(shè)置上班和下班時(shí)間。第五章 系統(tǒng)維護(hù)和改進(jìn) 第一節(jié) 系統(tǒng)測試系統(tǒng)測試是將已經(jīng)確認(rèn)的軟件、計(jì)算機(jī)硬件、外設(shè)、網(wǎng)絡(luò)等其他元素結(jié)合在一起，進(jìn)行信息系統(tǒng)的各種組裝測試和確認(rèn)測試，其目的是通過與系統(tǒng)的需求相比較，發(fā)現(xiàn)所開發(fā)的系統(tǒng)與用戶需求不符或矛盾的地方，從而提出更加完善的方案。它的的任務(wù)是盡可能徹底地檢查出程序中的錯(cuò)誤，提高軟件系統(tǒng)的可靠性，其目的是檢驗(yàn)系統(tǒng)做得怎樣？。這階段又可分為三個(gè)步驟：模塊測試，測試每個(gè)模塊的程序是否有錯(cuò)誤；組裝測試，測試模塊之間的接口是否正確；確認(rèn)測試，測試整個(gè)軟件系統(tǒng)是否滿足用戶功能和性能的要求。該階段結(jié)束應(yīng)交付測試報(bào)告，說明測試數(shù)據(jù)的選擇，測試用例以及測試結(jié)果是否符合預(yù)期結(jié)果。測試發(fā)現(xiàn)問題之后要經(jīng)過調(diào)試找出錯(cuò)誤原因和位置，然后進(jìn)行改正。是基于系統(tǒng)整體需求說明書的黑盒類測試，應(yīng)覆蓋系統(tǒng)所有聯(lián)合的部件。系統(tǒng)測試是針對(duì)整個(gè)產(chǎn)品系統(tǒng)進(jìn)行的測試，目的是驗(yàn)證系統(tǒng)是否滿足了需求規(guī)格的定義，找出與需求規(guī)格不相符合或與之矛盾的地方。系統(tǒng)測試的對(duì)象不僅僅包括需要測試的產(chǎn)品系統(tǒng)的軟件，還要包含軟件所依賴的硬件、外設(shè)甚至包括某些數(shù)據(jù)、某些支持軟件及其接口等。因此，必須將系統(tǒng)中的軟件與各種依賴的資源結(jié)合起來，在系統(tǒng)實(shí)際運(yùn)行環(huán)境下來進(jìn)行測試。由于系統(tǒng)測試的目的是驗(yàn)證最終軟件系統(tǒng)滿足產(chǎn) 品需求并且遵循系統(tǒng)設(shè)計(jì)，所以當(dāng)產(chǎn)品需求和系統(tǒng)設(shè)計(jì)文檔完成之后，系統(tǒng)測試小組就可以提前開始制定測試計(jì)劃和設(shè)計(jì)測試用例，而不必等到“實(shí)現(xiàn)與測試”階段結(jié)束。這樣可以提高系統(tǒng)測試的效率。一、舉例測試測試用戶登陸是否成功：打開電子數(shù)碼相冊(cè)系統(tǒng)，在“用戶名”里填入admin，“密碼”框里我們填入admin作為用戶登錄密碼。填寫完成點(diǎn)擊“確定”按鈕，將會(huì)出現(xiàn)操作程序頁面，即該用戶已經(jīng)登陸成功了。再運(yùn)行程序，會(huì)有提示頁面出現(xiàn)：程序已經(jīng)運(yùn)行，不能再次裝載！ 測試其他用戶是否能夠登錄：打開管理系統(tǒng)登錄頁面，輸入任意密碼，點(diǎn)擊“登錄”按鈕。將出現(xiàn)密碼出錯(cuò)提示頁面。然后點(diǎn)“確定”返回系統(tǒng)登錄頁面。測試編輯功能是否成功：編輯功能：在登錄成功之后，即可進(jìn)入相應(yīng)的管理頁面，即可以修改和刪除相片的信息資料，最后保存。 用戶退出系統(tǒng)的測試：在管理操作已全部完成，需要退出程序的時(shí)候，在系統(tǒng)頁面“系統(tǒng)設(shè)置”下拉菜單的有一個(gè)“退出系統(tǒng)”的選項(xiàng)，點(diǎn)擊之后便可退出。也可以點(diǎn)“關(guān)閉”退出。測試密碼更改：在管理者登錄的情況下，在程序中打開系統(tǒng)管理，即可查看相關(guān)信息并且可以添加新的賬戶信息、刪除或者更改賬戶狀態(tài)。經(jīng)過以上各項(xiàng)的測試，證明本系統(tǒng)完全可以正常運(yùn)行，至此測試成功！二、測試項(xiàng)目在系統(tǒng)開發(fā)過程中采用了多種措施保證軟件質(zhì)量，但是實(shí)際開發(fā)過程中還是不可避免地會(huì)產(chǎn)生差錯(cuò)，系統(tǒng)中通?？赡茈[藏著錯(cuò)誤和缺陷，不經(jīng)周密測試的系統(tǒng)投入運(yùn)行，將會(huì)造成難以想象的后果，因此系統(tǒng)測試是系統(tǒng)開發(fā)過程中為保證軟件質(zhì)量必須進(jìn)行的工作。大量統(tǒng)計(jì)資料表明，系統(tǒng)測試的工作量往往占系統(tǒng)開發(fā)總工作量的40%以上。因此，我們必須重視測試工作。由于程序中隱藏的缺陷只在特定的環(huán)境下才有可靠顯露，系統(tǒng)缺陷通常是由于對(duì)某些特定情況考慮不周造成的。因此測試不是為了表明程序正確；成功的測試也不是沒有發(fā)現(xiàn)錯(cuò)誤的測試。有意義的軟件測試應(yīng)該是從“破壞”軟件系統(tǒng)的角度出發(fā)，精心設(shè)計(jì)最有可以暴露程序系統(tǒng)缺陷的測試方案。因此軟件測試的目標(biāo)應(yīng)該是以盡可能少的代價(jià)和時(shí)間找出軟件系統(tǒng)中潛在的錯(cuò)誤和缺陷。從產(chǎn)品角度看，測試計(jì)劃中的測試項(xiàng)目包括軟件結(jié)構(gòu)中的分系統(tǒng)層、子系統(tǒng)層、功能模塊層、程序模塊層中的各類模塊，從測試本身看，分為單元測試，組合測試，確認(rèn)測試等。測試對(duì)象是隨不同階段而異的，最基本、最初的測試是單元測試，后面的組合測試、確認(rèn)測試都是以被測過的模塊作為測試對(duì)象的。單元測試：單元測試也稱模塊測試或程序測試，單元測試是對(duì)每個(gè)模塊單獨(dú)進(jìn)行的，驗(yàn)證模塊接口與設(shè)計(jì)說明書是否一致，對(duì)模塊的所有主要處理路徑進(jìn)行測試且與預(yù)期的結(jié)構(gòu)進(jìn)行對(duì)照，還要對(duì)所有錯(cuò)誤處理路徑進(jìn)行測試。對(duì)源碼進(jìn)行審查，對(duì)照設(shè)計(jì)說明書，表態(tài)地檢查源程序是否符合功能的邏輯要求，是進(jìn)行單元測試前的重要工作工。單元測試一般是由程序員完成，也稱程序調(diào)試。組合測試組合測試也稱集成測試或子系統(tǒng)測試，通常采用自頂向下測試和自底向上測試兩種測試方法。組合測試的對(duì)象是指已經(jīng)通過單元測試的模塊，不是對(duì)零散模塊進(jìn)行單個(gè)測試，而是用系統(tǒng)化的方法裝配和測試軟件系統(tǒng)，是一個(gè)嚴(yán)格的過程，必須認(rèn)真地進(jìn)行，其計(jì)劃的產(chǎn)生和單元模塊測試的完成日期要協(xié)調(diào)起來，這種測試應(yīng)在系統(tǒng)目標(biāo)機(jī)上進(jìn)行，造成系統(tǒng)應(yīng)用的環(huán)境條件，除了開發(fā)部分項(xiàng)目負(fù)責(zé)人參加以外，還應(yīng)該有相應(yīng)系統(tǒng)的用戶參加，給評(píng)審員進(jìn)行演示。確認(rèn)測試確認(rèn)測試是對(duì)通過組合測試的軟件進(jìn)行的，這些軟件已經(jīng)存于系統(tǒng)目標(biāo)設(shè)備的介質(zhì)上，確認(rèn)測試的目的是表明軟件是可以工作的，并且符合“軟件需求說明書”中規(guī)定的全部功能和性能要求。確認(rèn)測試是按照這些要求定出的“確認(rèn)測試計(jì)劃”進(jìn)行的。測試工作是由一個(gè)獨(dú)立的組織進(jìn)行，而且測試要從用戶的角度出發(fā)。系統(tǒng)測試系統(tǒng)測試是對(duì)整體性能的測試，主要解決各子系統(tǒng)之間的數(shù)據(jù)通信和數(shù)據(jù)共享問題以及檢測系統(tǒng)是否達(dá)到用戶的實(shí)際要求，系統(tǒng)測試的依據(jù)是系統(tǒng)分析報(bào)告。系統(tǒng)測試應(yīng)在系統(tǒng)的整個(gè)范圍內(nèi)進(jìn)行，這種測試不只對(duì)軟件進(jìn)行，而是對(duì)構(gòu)成系統(tǒng)的硬、軟件一起進(jìn)行。系統(tǒng)測試與建構(gòu)同時(shí)進(jìn)行或略慢。系統(tǒng)測試需要確認(rèn)從頭到尾的功能正常才算完成，應(yīng)當(dāng)盡量避免系統(tǒng)測試延到項(xiàng)目末尾進(jìn)行。用戶驗(yàn)收測試在系統(tǒng)測試完成后，進(jìn)行用戶的驗(yàn)收測試，它是用戶在實(shí)際應(yīng)用環(huán)境中所進(jìn)行的真實(shí)數(shù)據(jù)測試。在具體的測試中，一般應(yīng)遵循以下原則：由程序設(shè)計(jì)者之外的人進(jìn)行測試；測試用例應(yīng)由兩部分組成：輸入數(shù)據(jù)和預(yù)期輸出結(jié)果；應(yīng)選用不合理的輸入數(shù)據(jù)與非法輸入測試；不僅要檢驗(yàn)程序是否實(shí)現(xiàn)預(yù)期功能，還應(yīng)檢查程序是否做了不應(yīng)該做的工作；集中測試容易出錯(cuò)的程序模塊；對(duì)程序修改以后，必須重新進(jìn)行測試。三、項(xiàng)目測試方法一般來說，對(duì)程序測試有兩種測試方法：如果已經(jīng)知道了軟件系統(tǒng)應(yīng)具有的功能，可通過測試來對(duì)每個(gè)功能是否都能正常使用；如果知道程序的內(nèi)部工作過程，可以通過測試來檢測程序內(nèi)部是否按照規(guī)格說明書的規(guī)定正常進(jìn)行。前一種方法稱為黑盒測試，后一種方法稱為白盒子測試。黑盒測試又稱為功能測試，白盒子測試又稱為結(jié)構(gòu)測試。經(jīng)過幾個(gè)月的畢業(yè)設(shè)計(jì)，因?yàn)闀r(shí)間的關(guān)系，沒有完全按照上述的測試方法進(jìn)行系統(tǒng)的測試，但經(jīng)過一些簡單的步驟的測試，證明本系統(tǒng)具有相當(dāng)程序的穩(wěn)定性。四、系統(tǒng)優(yōu)勢功能實(shí)用：以相冊(cè)信息管理要解決的實(shí)際問題為目標(biāo)，設(shè)計(jì)開發(fā)了各個(gè)實(shí)用的功能，可以完全滿足各項(xiàng)服務(wù)。 使用簡單：軟件界面簡潔、使用方便，只要會(huì)操作電腦，就會(huì)操作軟件，可以方便操作。投資回報(bào)率高：可以有效地實(shí)現(xiàn)考勤信息化管理，帶來間接的經(jīng)濟(jì)效益和工作效率。結(jié) 論 通過本課題對(duì)基于HTML5技術(shù)的研究和實(shí)踐，完成了一個(gè)純粹由WEB技術(shù)中開放的HTML5技術(shù)標(biāo)準(zhǔn)和Javascript語言實(shí)現(xiàn)的實(shí)時(shí)性考勤系統(tǒng)。這充分的說明了下一代互聯(lián)網(wǎng)標(biāo)準(zhǔn)HTML5的強(qiáng)大能力，并且直接通過瀏覽器打開的應(yīng)用具有非常好的用戶體驗(yàn)和較高的客戶端安全性，這是其他的技術(shù)所不具備的優(yōu)勢。 在課題的研究和實(shí)踐中遇到了資料不足，技術(shù)API總是修改等諸多的問題，但是也正是通過互聯(lián)網(wǎng)，秉承著互聯(lián)網(wǎng)中開放、分享、共同成長的精神，和網(wǎng)上有著同樣愛好的技術(shù)人員交流和學(xué)習(xí)，困難都被成功的解決，可見互聯(lián)網(wǎng)的意義和價(jià)值。而用來構(gòu)建下一代互聯(lián)網(wǎng)的技術(shù)又是這么的強(qiáng)大，所以未來的互聯(lián)網(wǎng)將會(huì)發(fā)展的更為強(qiáng)大，能夠帶給人們更多意想不到的體驗(yàn)。 目前各大瀏覽器廠商也加大研發(fā)力度，全部發(fā)力于HTML5?？吹搅薎phone和Ipad上的Safrai瀏覽器、看到了Operamobile瀏覽器，我看到了HTML5未來在移動(dòng)客戶端的前景和發(fā)展，未來的互聯(lián)網(wǎng)不僅僅是屬于PC的，而是屬于所有用戶的。這些用戶可能用平板電腦、可能是Android手機(jī)的用戶、可能是Iphone的用戶或者是某種現(xiàn)在還沒有的設(shè)備的用戶，但是可以肯定他們都將會(huì)更好的接入互聯(lián)網(wǎng)，更方便快捷的訪問互聯(lián)網(wǎng)中的信息，加之IPv6的全面使用，互聯(lián)網(wǎng)基礎(chǔ)架構(gòu)層以實(shí)現(xiàn)了技術(shù)的改造和遷移。而客戶端的HTML5正是用來解決應(yīng)用層技術(shù)架構(gòu)的問題，技術(shù)的發(fā)展推動(dòng)著模式的創(chuàng)新，而不斷的創(chuàng)新又不斷的孕育出新的技術(shù)，這樣的良性的循環(huán)在互聯(lián)網(wǎng)這個(gè)前沿、高科技并且產(chǎn)品迭代速度快的行業(yè)中尤其突出。 致 謝謹(jǐn)向所有關(guān)心、支持與幫助我的老師、同學(xué)、親人和朋友們表示最誠摯的謝意！參考文獻(xiàn)[1] 柳伯斯，阿伯斯，[M].北京：人民郵電出版社，2011.[2] 羅森,[M].北京：機(jī)械工業(yè)出版社，2011.[3] [M].北京：機(jī)械工業(yè)出版社，2011.[4] [M].北京：機(jī)械工業(yè)出版社，2011.[5] (第2版)[M].北京：人民郵電出版社，2010.[6] (第五版)[M].北京：機(jī)械工業(yè)出版社，2007.[7] [M].北京：清華大學(xué)出版社，2008.[8] [M].北京：電子工業(yè)出版社，2010.[9] [M].北京：電子工業(yè)出版社，2010.[10] [M].北京：電子工業(yè)出版社，2009.[11] 哈梅斯,[M].北京：人民郵電出版社，2009. [12] ,[M].2010.[13] :DesigningRichInternetApplications[M].2011. [14] :DevelopwithTomorrow39。sStandardsToday[M].2010.[15] :UpandRunning[M].2010. [16] :ForGamesandEntertainment[M].2010.附 錄一、關(guān)鍵代碼： Geolocation API 的調(diào)用以及顯示在地圖上關(guān)鍵代碼： script type=text/javascript ///顯示時(shí)間 function show() { var curTime = new Date()。 (showcurrenttime).innerHTML = ()。 setTimeout(show(), 1000) } ///Html5 Geolocation取得定位信息 function loadGeolocation() { if () { //(support).innerHTML = 您的瀏覽器支持定位功能！。 (function (glc) { //調(diào)用成功！ (%= %).value = 。 (%= %).value = 。 (%= %).value = 。 (%= %).value = 。 (%= %).value = 。