1、大學(xué)生應(yīng)用技術(shù)研究介入計(jì)劃大學(xué)生應(yīng)用技術(shù)研究介入計(jì)劃 項(xiàng)項(xiàng) 目目 研研 究究 報(bào)報(bào) 告告 項(xiàng) 目 名 稱：“那一刻”攝影網(wǎng)站 項(xiàng) 目 負(fù)責(zé)人：張文娜 班 級(jí) 全 稱：網(wǎng)站規(guī)劃與開發(fā)技術(shù)專業(yè) 14 班 聯(lián) 系 電 話： 指 導(dǎo) 教 師：陳義輝 申 報(bào) 分 院：信息技術(shù)分院 結(jié) 題 日 期：2014 年 10 月 長(zhǎng)春職業(yè)技術(shù)學(xué)院教務(wù)處印制長(zhǎng)春職業(yè)技術(shù)學(xué)院教務(wù)處印制 20142014 年年 8 8 月月 目 錄 摘 要.1 前 言.1 （一）研究目的.1 （二）研究意義.1 （三）研究背景.1 （四）研究基礎(chǔ).1 （五）技術(shù)支持.1 研究方法及步驟.1 （一）指導(dǎo)思想.1 （二）研究目標(biāo).1 （三

2、）研究?jī)?nèi)容.1 1、需求分析.1 2、可行性分析.1 3、網(wǎng)站結(jié)構(gòu).1 4、功能結(jié)構(gòu)圖.1 5、人員分工.1 6、數(shù)據(jù)庫(kù)設(shè)計(jì).1 7、頁(yè)面設(shè)計(jì)及編碼.1 （四）研究方法.1 （五）研究成果.1 （六）項(xiàng)目創(chuàng)新點(diǎn)與特色.1 項(xiàng)目研究存在的問題.1 參考文獻(xiàn).1 “那一刻”攝影網(wǎng)站建設(shè)研究報(bào)告 大學(xué)生介入計(jì)劃項(xiàng)目“那一刻”攝影網(wǎng)站于 2013 年 10 月經(jīng)過各分院 申報(bào)、專家評(píng)審、教務(wù)處審核、批準(zhǔn)，確定為 2013 年度大學(xué)生應(yīng)用技術(shù)研究介 入計(jì)劃項(xiàng)目，項(xiàng)目批準(zhǔn)編號(hào)為。經(jīng)過一年來(lái)的研究與實(shí)踐，完成了立項(xiàng)項(xiàng)目計(jì) 劃的任務(wù)，在總結(jié)研究成果的基礎(chǔ)上，總結(jié)了如下報(bào)告。 摘 要 隨著時(shí)代的變遷，已滿足基本

3、需求的人們要追求更高的需求領(lǐng)域，這就是 社會(huì)上所說(shuō)的精神領(lǐng)域?，F(xiàn)代的人們?yōu)榱送怀鲎约旱膫€(gè)性，可以付出一定的金 錢去滿足自己的精神需求，如旅游、看電影、攝影等。如今，國(guó)內(nèi)各個(gè)年齡段 的人都被國(guó)外開放的風(fēng)氣所影響，更加喜歡表現(xiàn)自己，尤其是 80、90 后，甚至 于 00 后。本組所創(chuàng)建的項(xiàng)目“那一刻”攝影網(wǎng)站，致力于提供一個(gè)交流攝 影技術(shù)與想法的平臺(tái)，使更多的人來(lái)分享自己的攝影作品，同時(shí)也使對(duì)于有個(gè) 性追求的攝影藝術(shù)工作者來(lái)說(shuō)不再單調(diào)。 而隨著各種專業(yè)非專業(yè)攝影器材的迅速普及，人們已經(jīng)不僅僅為了滿足于 以往拍攝照片自己欣賞的目的，而是希望能和自己更多的朋友或者是陌生人分 享自己的攝影作品，感受自己

4、的生活，交流攝影技術(shù)與想法?，F(xiàn)金最有效的方 式莫過于把自己的攝影作品上傳到互聯(lián)網(wǎng)上去。 前 言 （一）研究目的 本項(xiàng)目意在為更多的人提供一個(gè)交流攝影技術(shù)與想法的平臺(tái)，使更多的人 來(lái)分享自己的攝影作品，同時(shí)也使對(duì)于有個(gè)性追求的攝影藝術(shù)工作者來(lái)說(shuō)不再 單調(diào)。 （二）研究意義 人稱攝影是文明的手印，我很同意這個(gè)比喻。攝影的發(fā)明是人類近代文明 的一大進(jìn)步，現(xiàn)在攝影是再平民化不過的了，相機(jī)走入每個(gè)平常的家庭，閑暇 之余或出去游玩時(shí)拍幾張照片做個(gè)留念是再平常不過的事了。進(jìn)一步來(lái)說(shuō)，就 是拍拍山川秀美的景色給人予美的享受；結(jié)婚了拍一組美美的婚紗照做個(gè)永久 的紀(jì)念；為了留住青春留住美麗拍一拍人像攝影，這么看來(lái)

5、，攝影好像是一個(gè) 很輕松愜意的事情了?？墒怯袝r(shí)，你看到一些照片時(shí)，就好像心頭被什么東西 狠狠地?fù)糁校强床灰姷孽r血無(wú)情地流淌著，使你忍不住地捂住胸口呻吟。那 時(shí)，你并沒有感到一絲的愉悅，而是感到有著一份沉重深深地壓向你。 攝影是真實(shí)瞬間的定格，它的這個(gè)特性就注定和其它的藝術(shù)有著本質(zhì)的不 同。攝影是一瞬決定了永久。攝影的魅力在于它的真實(shí)，在于它瞬間，在于照 片中所含的普遍性的意義，而真正的普通性的意義就是能打動(dòng)人心的那一份真 誠(chéng)、那一份善良、那一份心痛、那一份共鳴、那一份美麗、那一份感動(dòng)。照片 背后的故事，瞬間以后的思考。 如果你能用相機(jī)去尋找那個(gè)普遍性的意義，那你就是一個(gè)攝影師。無(wú)論你 是用著

6、是什么型號(hào)的相機(jī)，無(wú)論你是拍得有沒有藝術(shù)性和觀賞性。只要你的心 去尋找了，你就是一個(gè)攝影師。 （三）研究背景 現(xiàn)今中國(guó)得攝影技術(shù)各方面還沒有健全，大部分國(guó)內(nèi)攝影師羽毛尚未豐， 這樣被投入一個(gè)國(guó)際化的市場(chǎng)，造成了整個(gè)國(guó)內(nèi)攝影行業(yè)的無(wú)序惡性競(jìng)爭(zhēng)。但 是，真正的國(guó)際化市場(chǎng)首要的是注意品質(zhì)，現(xiàn)在中國(guó)國(guó)內(nèi)攝影師應(yīng)該潛心于自 我的完善和提高，使自己有更強(qiáng)的實(shí)力來(lái)跟國(guó)際競(jìng)爭(zhēng)對(duì)手同臺(tái)較量。而現(xiàn)在我 國(guó)也有越來(lái)越多的高等院校對(duì)攝影的專業(yè)教育給予了足夠的重視，在教學(xué)培養(yǎng) 時(shí)期就為學(xué)員提供能與國(guó)際接軌的專業(yè)設(shè)備的實(shí)踐操作，行業(yè)內(nèi)大量的國(guó)外最 新技術(shù)和觀念的動(dòng)態(tài)資料，以及廣泛的國(guó)際交流。勢(shì)必使中國(guó)的攝影逐步縮小 與國(guó)

7、外先進(jìn)國(guó)家的差距，包括技術(shù)和觀念的更新，從而真正走向世界。 互聯(lián)網(wǎng)的開放性使得技術(shù)門檻變的非常低，很多人開始青睞這種成本低、 效果獨(dú)特的電子招牌，攝影者們擁有一個(gè)個(gè)人作品站點(diǎn)也越來(lái)越成為一種趨勢(shì)， 并且有人也通過建立個(gè)人攝影圖片網(wǎng)站間接或直接地贏得了經(jīng)濟(jì)收益，實(shí)現(xiàn)了 自己在此方面的人生價(jià)值。起初很多人都是選擇免費(fèi)的空間，比如新浪博客、 POCO 攝影社區(qū)、博客大巴等，雖然它們是免費(fèi)開放的，任何人都可以去注冊(cè)和 上傳作品，但是對(duì)于有個(gè)性追求的攝影藝術(shù)工作者來(lái)說(shuō)，其單調(diào)和不可修改成 了最大的遺憾，所以建設(shè)一個(gè)自己的個(gè)性網(wǎng)站就變成了一個(gè)迫切的內(nèi)在需求。 （四）研究基礎(chǔ) 項(xiàng)目組的成員都來(lái)自信息分院網(wǎng)站

8、規(guī)劃與開發(fā)技術(shù)專業(yè)，項(xiàng)目組成員大部 分都是藍(lán)星工作室成員，有一定的業(yè)務(wù)水平和自學(xué)能力，同工作室指導(dǎo)老師開 發(fā)了幾個(gè)小的項(xiàng)目，有一定的項(xiàng)目開發(fā)經(jīng)驗(yàn)。 項(xiàng)目組成員先后學(xué)習(xí)了頁(yè)面效果圖制作 、 網(wǎng)頁(yè)設(shè)計(jì)與制作 、 動(dòng)態(tài)網(wǎng) 頁(yè)制作 、 小型網(wǎng)站開發(fā)和企業(yè)級(jí)網(wǎng)站開發(fā)等課程，掌握了 HTML、JS、PHP、C#、SQL Server、ASP.net 等相關(guān)技術(shù)，具備項(xiàng)目綜合開發(fā)能 力。 （五）技術(shù)支持 （1）Photoshop 圖形處理設(shè)計(jì)效果圖； （2）DIV+CSS 進(jìn)行頁(yè)面布局和編輯； （3）HTML、JavaScript、C#、ASP.net 進(jìn)行網(wǎng)站模塊代碼開發(fā)； （4）SQL Server 構(gòu)

9、建數(shù)據(jù)庫(kù)； （5）Windows2008 搭建 Web 服務(wù)器。 研究方法及步驟 （一）指導(dǎo)思想 高等職業(yè)教育以服務(wù)為宗旨，以就業(yè)為導(dǎo)向，走產(chǎn)學(xué)研結(jié)合的發(fā)展道路。 本次項(xiàng)目的開發(fā)旨在培養(yǎng)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生實(shí)踐動(dòng)手能力，積累項(xiàng)目 開發(fā)經(jīng)驗(yàn)，為鞏固學(xué)生所學(xué)專業(yè)知識(shí)和提升學(xué)生自主學(xué)習(xí)能力打下堅(jiān)實(shí)基礎(chǔ)。 （二）研究目標(biāo) 完成項(xiàng)目的整體設(shè)計(jì)及開發(fā)，實(shí)現(xiàn)頁(yè)面之間的跳轉(zhuǎn)，且鏈接正常通暢。網(wǎng) 站的功能完善，分為瀏覽者、會(huì)員、以及管理員，根據(jù)自身身份的不同能夠?qū)?現(xiàn)不同的功能。 瀏覽者：瀏覽站內(nèi)圖片、文章； 會(huì)員：瀏覽圖片、文章，發(fā)布圖片、文章，在論壇中進(jìn)行交流； 管理員：查看站內(nèi)圖片、文章、論壇言論，審

10、核會(huì)員發(fā)布的素材，并對(duì)網(wǎng) 站內(nèi)容進(jìn)行管理。 （三）研究?jī)?nèi)容 1 1、需求分析、需求分析 隨著社會(huì)的飛速發(fā)展，人們的生活水平在不斷提高，攝影器材由舊時(shí)的 “王榭堂前燕，飛入尋常百姓家” ，而攝影這種專門的技術(shù)由原來(lái)的工作、商業(yè) 需要變成了大眾生活中的一種普通的娛樂方式。面對(duì)越來(lái)越多的攝影愛好者， 對(duì)器材認(rèn)知、攝影技巧、圖像處理等種種問題已經(jīng)成為人們追求高質(zhì)量攝影的 障礙，在這種大勢(shì)所趨的形式下， 那一刻攝影網(wǎng)應(yīng)運(yùn)而生。 2 2、可行性分析、可行性分析 建設(shè)“那一刻攝影網(wǎng)站”不僅能夠蔥粉融會(huì)自己所學(xué)的知識(shí)，還能夠了解 企業(yè)開發(fā)流程，為以后工作打下基礎(chǔ)。因此建設(shè)網(wǎng)站與自身方面可行。 通過走訪詢問得知

11、，學(xué)校有很多的老師愛好攝影，而且也有很多同學(xué)想成 立攝影社團(tuán)，而攝影也能夠讓老師在工作之余多一樣放松自己身心的方式，并 且也能夠記錄下你的生活中每個(gè)值得收藏回憶的瞬間；同時(shí)也能夠游山玩水， 挎著相機(jī)，搜索每個(gè)美麗的景色；同時(shí)呢也可以增加師生之間的感情，也可以 讓長(zhǎng)時(shí)間不鍛煉的同學(xué)們有一個(gè)好理由鍛煉自己、還可以交到許多的朋友，為 自己的未來(lái)增添更多的機(jī)會(huì)。攝影的好處在于：尋覓、感知、發(fā)現(xiàn)、觀察、取 舍 可以更好的鍛煉同學(xué)們，一種角度去觀察整個(gè)世界，攝影的樂趣是在于 身心的愉悅，在于被攝景物與心智的共鳴。 3 3、網(wǎng)站結(jié)構(gòu)、網(wǎng)站結(jié)構(gòu) 網(wǎng)站欄目主要包括：首頁(yè)、活動(dòng)、旅游、婚紗、兒童、拍客、藝人、器材

12、、 論壇等九個(gè)頻道，采用統(tǒng)一的樣式格式，整體結(jié)構(gòu)圖如圖 2 所示。 4 4、功能結(jié)構(gòu)圖、功能結(jié)構(gòu)圖 在網(wǎng)站內(nèi)具備的功能分為瀏覽者和管理員兩部分： 瀏覽者：瀏覽圖片、文章，發(fā)布圖片、文章，在論壇中進(jìn)行交流； 管理員：查看站內(nèi)圖片、文章、論壇言論，審核會(huì)員發(fā)布的素材，并對(duì)網(wǎng) 站內(nèi)容進(jìn)行管理。 5 5、人員分工、人員分工 姓名角色工作描述 高迪系統(tǒng)分析員 負(fù)責(zé)項(xiàng)目的前期分析、策劃、項(xiàng)目開發(fā)進(jìn)度的跟蹤、項(xiàng) 目質(zhì)量的檢查 姓名角色工作描述 任宇航網(wǎng)頁(yè)設(shè)計(jì)師負(fù)責(zé)網(wǎng)頁(yè)風(fēng)格的確定、網(wǎng)頁(yè)圖片的設(shè)計(jì) 王楠楠 網(wǎng)頁(yè)設(shè)計(jì)師負(fù)責(zé)網(wǎng)頁(yè)風(fēng)格的確定、網(wǎng)頁(yè)圖片的設(shè)計(jì) 張文娜 程序員負(fù)責(zé)系統(tǒng)編碼 張麗靜程序員負(fù)責(zé)系統(tǒng)編碼 6 6

13、、數(shù)據(jù)庫(kù)設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì) （1）管理員數(shù)據(jù)表 tb_admin 數(shù)據(jù)庫(kù)根據(jù)現(xiàn)有滿足功能需求的同時(shí)也考慮數(shù)據(jù)庫(kù)的簡(jiǎn)單容易管理性上， 管理員的的數(shù)據(jù)庫(kù)字段設(shè)計(jì)相對(duì)簡(jiǎn)單，節(jié)省了空間，減少了很多后臺(tái)代碼不必 要的操作，是系統(tǒng)更快捷迅速。 （2）文章數(shù)據(jù)表 tb_art 文章數(shù)據(jù)表包含：編號(hào)字段 id、文章標(biāo)題字段 title、文章作者字段 author、文章類型字段 type、文章內(nèi)容字段 content、發(fā)布時(shí)間字段 Datetime。 （3）圖片數(shù)據(jù)表 tb_pic 圖片數(shù)據(jù)表包含：編號(hào)字段 id、圖片標(biāo)題字段 title、圖片作者字段 who、圖片類型字段 type、圖片內(nèi)容字段 content

14、、發(fā)布時(shí)間字段 Datetime。 （4）回復(fù)數(shù)據(jù)表 回復(fù)數(shù)據(jù)表包含：編號(hào)字段 id、回復(fù)序號(hào) pid_replyid、回復(fù)人字段 who、回復(fù)內(nèi)容字段 content、發(fā)布時(shí)間字段 Datetime。 （5）會(huì)員信息數(shù)據(jù)表 會(huì)員信息數(shù)據(jù)表包含：編號(hào)字段 id、用戶名字段 ussername、密碼字段 password、電話號(hào)碼字段 phone、家庭住址 address、注冊(cè)時(shí)間字段 Datetime。 7 7、頁(yè)面設(shè)計(jì)及編碼、頁(yè)面設(shè)計(jì)及編碼 攝影屬于科技產(chǎn)品，而且一名優(yōu)秀的攝影師應(yīng)該沉著冷靜，因此網(wǎng)站以具 有科技感、象征冷靜的藍(lán)色為主題。網(wǎng)站布局簡(jiǎn)單明了，給人以簡(jiǎn)潔大方之感。 各個(gè)頁(yè)面采用統(tǒng)

15、一的版式，瀏覽起來(lái)和諧統(tǒng)一。 （1）登錄頁(yè)面 管理員登錄。管理員登陸板塊設(shè)置：管理員姓名、管理員密碼、以及驗(yàn)證 碼。管理員輸入賬戶、密碼和驗(yàn)證碼后，分別進(jìn)行 JS 空值和驗(yàn)證碼匹配驗(yàn)證， 通過后進(jìn)入數(shù)據(jù)庫(kù)匹配驗(yàn)證，如果合法則進(jìn)入后臺(tái)管理界面，否則視為非法用 戶。 （2）會(huì)員登錄 注冊(cè)成為會(huì)員后，享有會(huì)員的權(quán)限。 （3）會(huì)員注冊(cè)頁(yè)面 會(huì)員注冊(cè)頁(yè)面通過 Microsoft Visual Studio 2008 軟件中的數(shù)據(jù)驗(yàn)證空間 進(jìn)行驗(yàn)證：用戶名應(yīng)用 RequiredFieldValidator 非空驗(yàn)證控件，密碼應(yīng)用 RequiredFieldValidator 非空驗(yàn)證控件，確認(rèn)密碼使用 C

16、ompareValidator 進(jìn) 行與密碼的比較驗(yàn)證，電話號(hào)碼與電子郵箱應(yīng)用 RegularExpressionValidator 進(jìn)行正則表達(dá)式驗(yàn)證判斷格式是否合法。單擊注冊(cè)按鈕后操作成功或失敗將以 對(duì)窗口形式彈出。 （4）網(wǎng)站主頁(yè) 網(wǎng)站的頁(yè)面分為兩部分：一是不變的左側(cè)：包含會(huì)員登錄板塊、文章發(fā)布 與圖片上傳板塊、最新文章板塊、最新圖片板塊。二是改變的右側(cè)：根據(jù)瀏覽 者訪問的信息展現(xiàn)不同的內(nèi)容，例如文章。 （5）網(wǎng)站頻道頁(yè) 網(wǎng)站的頻道頁(yè)以活動(dòng)頁(yè)為例，頁(yè)面中包含圖片預(yù)覽，圖片下面是圖片的標(biāo) 題。頁(yè)面清晰，能夠清楚的了解的圖片。圖片以倒敘的發(fā)布方式排列，即將最 新的圖片放在最前面。 （6）文章

17、頁(yè) 文章頁(yè)面除了文章內(nèi)容以外，還包括上一篇文章、下一篇文章鏈接、前五 篇文章推薦、后五篇文章推薦等鏈接。加入這些鏈接不僅能夠方便瀏覽者訪問 網(wǎng)站，而且能夠增加網(wǎng)站的點(diǎn)擊數(shù)量，提高網(wǎng)站的關(guān)鍵詞排名。 （7）文章發(fā)布 文章發(fā)布頁(yè)面包括文章標(biāo)題、作者、文章類型、文章內(nèi)容等。當(dāng)完成編輯 后，單擊確認(rèn)發(fā)布按鈕后操作成功或失敗將以對(duì)窗口形式彈出，能夠有效的增 加發(fā)布者的感官。 （8）圖片上傳 文章發(fā)布頁(yè)面包括文章標(biāo)題、作者、文章類型、文章內(nèi)容等。當(dāng)完成編輯 后，單擊確認(rèn)發(fā)布按鈕后操作成功或失敗將以對(duì)窗口形式彈出，能夠有效的增 加發(fā)布者的感官。 （四）研究方法 1、調(diào)研法：向該類的網(wǎng)站進(jìn)行調(diào)研，我們走訪于學(xué)

18、院、輔導(dǎo)員和學(xué)生之間， 向他們征集想法意見，將他們的意見分析整合，作為我們項(xiàng)目研究的目標(biāo)。 2、討論法：向有開發(fā)網(wǎng)站經(jīng)驗(yàn)者學(xué)習(xí)，與他們進(jìn)行討論，詢問他們?cè)谄渌?項(xiàng)目開發(fā)過程中遇到的問題，解決方法，如何最大限度的利用現(xiàn)有資源，做到 物盡其用。 3、測(cè)試法：在項(xiàng)目進(jìn)行中不斷的進(jìn)行，模仿瀏覽者訪問的真實(shí)情況，盡量 將網(wǎng)站做到完善。以訪問者的角度瀏覽網(wǎng)頁(yè)，給訪問者更好的感受，盡量做到 盡善盡美。 （五）研究成果 在分院領(lǐng)導(dǎo)及指導(dǎo)教師的大力支持和全體項(xiàng)目組成員的共同努力下，項(xiàng)目 組成員經(jīng)過一年的不斷研究、探索和實(shí)踐，完成了目標(biāo)，達(dá)到了預(yù)期成果。那 一刻”攝影網(wǎng)建設(shè)完成，網(wǎng)站形式美觀，內(nèi)容豐富，功能完善；實(shí)現(xiàn)了對(duì)攝影 作品動(dòng)態(tài)、可視化管理。 1、項(xiàng)目研究總結(jié)報(bào)告。 2、 “那一刻”攝影網(wǎng)站。 （六）項(xiàng)目創(chuàng)新點(diǎn)與特色 1、基于 B/S 模式開發(fā)，以 C#+ASP.NET 技術(shù)為主體，安裝方便、操作簡(jiǎn)單。 2、界面樣式選取藍(lán)色為主色調(diào)，科技感、冷靜，界面風(fēng)格統(tǒng)一、主題鮮明。 3、采用 DIV+CSS 進(jìn)行頁(yè)面布局，形式與內(nèi)容分類，便于搜索引擎檢索。 項(xiàng)目研究存在的問題 在該網(wǎng)站設(shè)計(jì)初期是比較輕松的，大家集思廣益，從多種角度進(jìn)行構(gòu)思， 包括界面的設(shè)計(jì)，功能的設(shè)計(jì)，權(quán)限的劃分，以及網(wǎng)站誕生的意義，但是在實(shí) 施過程中發(fā)現(xiàn)有些想法雖然創(chuàng)新但是