丁金萍　李岸芩

摘要：為了建設(shè)有效的人才培養(yǎng)機(jī)制，促進(jìn)畢業(yè)生就業(yè)，校企合作是必由之路，該文通過分析校企合作存在的問題，闡述了采用HTML5技術(shù)搭建的校企合作系統(tǒng)的設(shè)計(jì)思想及功能實(shí)現(xiàn)，從一定程度上解決了校企合作中溝通不善、缺乏選擇機(jī)制的問題。

關(guān)鍵詞：校企合作；系統(tǒng)；HTML5

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2014）04-0740-03

1 目前我國校企合作存在的問題

國務(wù)院在《關(guān)于大力發(fā)展職業(yè)教育的決定》中指出：“職業(yè)教育要改革以學(xué)校和課堂為中心的傳統(tǒng)人才培養(yǎng)模式，大力推行工學(xué)結(jié)合、校企合作的培養(yǎng)模式?！毙Ｆ蠛献骶褪窃跒樯鐣?huì)教育和培訓(xùn)合格的勞動(dòng)者的目標(biāo)下，開展高職院校與企業(yè)、行業(yè)、服務(wù)部門等校外機(jī)構(gòu)之間合作的標(biāo)準(zhǔn)樣式。通過這樣的模式，可以將學(xué)生的理論知識(shí)與實(shí)踐操作相結(jié)合，以提高高職教育的質(zhì)量與未來勞動(dòng)者的素質(zhì)，并且加強(qiáng)企業(yè)部門與高職畢業(yè)生之間的雙向選擇的可能性，解決了兩者間的問題，最終也促進(jìn)社會(huì)的經(jīng)濟(jì)發(fā)展。

校企合作是大中專院校實(shí)現(xiàn)培養(yǎng)高質(zhì)量人才的重要舉措。然而，目前的校企合作現(xiàn)狀卻不盡如意：首先，在網(wǎng)絡(luò)如此發(fā)達(dá)的時(shí)代，企業(yè)與學(xué)校的溝通渠道卻略顯單一，大部分都需要經(jīng)過中間渠道，這樣會(huì)導(dǎo)致雙方因溝通不善而出現(xiàn)信息不對(duì)稱及消息傳遞不及時(shí)的問題。但是如果每一個(gè)項(xiàng)目都需要親力親為地去現(xiàn)場(chǎng)勘查與調(diào)研的話，成本太高，降低了達(dá)成校企合作的效率；其次，學(xué)校和企業(yè)之間缺乏選擇機(jī)制，各方面的物質(zhì)資源和人力資源不能夠找到最對(duì)口的合作項(xiàng)目，往往調(diào)研一番后發(fā)現(xiàn)結(jié)果都不太合適，難以達(dá)成成功的校企合作項(xiàng)目；最后，目前大部分院校和企業(yè)的校企合作信息都是相互獨(dú)立的，僅限于單方面的信息發(fā)布并位于不同的站點(diǎn)上，這些站點(diǎn)沒有交互和溝通的模塊，不利于將不同信息進(jìn)行比較和整合。

鑒于此，通過翻閱大量文獻(xiàn)以及對(duì)部分學(xué)校和企業(yè)的校企合作方式和現(xiàn)狀的調(diào)查，了解不同學(xué)校和企業(yè)達(dá)成校企合作的方式，并梳理出不同校企合作項(xiàng)目的合作類型，搭建在線的校企合作平臺(tái)，為學(xué)校和企業(yè)提供信息發(fā)布和管理的平臺(tái)，將校企合作信息進(jìn)行整合并呈現(xiàn)給用戶，利用網(wǎng)絡(luò)信息的快速傳播的特點(diǎn)，幫助學(xué)校適應(yīng)企業(yè)的需求，迅速對(duì)企業(yè)需求做出反應(yīng) []，達(dá)到統(tǒng)籌校企合作的資源的目的，從而促進(jìn)學(xué)校和企業(yè)間的溝通與交流。

2 本系統(tǒng)的設(shè)計(jì)思想及技術(shù)選擇

2.1 本系統(tǒng)的設(shè)計(jì)思想

系統(tǒng)的設(shè)計(jì)目的在于搭建一個(gè)信息透明的共享平臺(tái)，能讓學(xué)校和企業(yè)雙方通過本平臺(tái)自由地查找和發(fā)布相應(yīng)的資源，并采用HTML5技術(shù)來實(shí)現(xiàn)記錄用戶的使用習(xí)慣、異步加載搜索結(jié)果等功能，最大程度確保系統(tǒng)的可用性，幫助雙方對(duì)自己的校企合作項(xiàng)目進(jìn)行管理，以促進(jìn)雙方達(dá)成合作。本系統(tǒng)的建設(shè)遵循開放性的原則，雙方秉持誠信公開的原則，將各自具有的資源予以一定程度的公開，系統(tǒng)的信息需要學(xué)校和企業(yè)雙方共建共享，才能達(dá)到使用系統(tǒng)的最大好處。

為了滿足不同用戶的需求，本系統(tǒng)主要分為兩個(gè)模塊，分別為查找項(xiàng)目和發(fā)布的項(xiàng)目的用戶使用，系統(tǒng)整體業(yè)務(wù)流程如圖：

系統(tǒng)前臺(tái)主要功能在于對(duì)不同項(xiàng)目進(jìn)行分類索引，并在導(dǎo)航處設(shè)置“找學(xué)?！焙汀罢移髽I(yè)”的兩種搜索按鈕，根據(jù)學(xué)校項(xiàng)目和企業(yè)項(xiàng)目的差別分別設(shè)置篩選條件，通過一定的條件篩選來達(dá)到搜索用戶期望合作的項(xiàng)目，進(jìn)入項(xiàng)目的明細(xì)頁面可以在登陸后使用“一鍵發(fā)送合作意向”和自定義“發(fā)送合作意向”的功能來實(shí)現(xiàn)向項(xiàng)目發(fā)布人發(fā)送意向的功能。

本系統(tǒng)面向的用戶主要是學(xué)校和企業(yè)的相關(guān)人員，兩種角色的權(quán)限大致相同，在進(jìn)行了身份驗(yàn)證之后均可以發(fā)布校企合作項(xiàng)目、管理各自的主頁上的新聞動(dòng)態(tài)以及相關(guān)的聯(lián)系信息，在功能的設(shè)置均可對(duì)信息進(jìn)行新增、刪除、修改等操作，但是發(fā)布的所有信息需要通過身份認(rèn)證或管理員的審核才能以網(wǎng)頁的形式展示出來，各自的功能說明如圖2：

2.2 系統(tǒng)技術(shù)選擇

系統(tǒng)采用Browser/Server架構(gòu)，其優(yōu)點(diǎn)在于可以在任何聯(lián)網(wǎng)的計(jì)算機(jī)上訪問本系統(tǒng)，而不需要安裝任何軟件。在系統(tǒng)前端主要采用最新的HTML5的技術(shù)來實(shí)現(xiàn)，該文談到的HTML5是廣義的HTML5，包含CSS3以及jQuery技術(shù)的總和，狹義的HTML5是網(wǎng)頁超文本標(biāo)記語言HTML的第四個(gè)版本的增強(qiáng)版本，相比HTML4來說HTML5有很大的改進(jìn)，比如：更多的描述性標(biāo)記、采用CSS3實(shí)現(xiàn)的更精美的頁面以及更強(qiáng)大的表單等 []，雖然W3C組織還未正式發(fā)布HTML5的推薦版本，但是其聲稱“HTML5是開放的Web網(wǎng)絡(luò)平臺(tái)的奠基石?！边@里正是基于系統(tǒng)在未來十年的可用性的考慮，決定采用HTML5作為基礎(chǔ)的技術(shù)，服務(wù)器端采用是微軟公司SQL SERVER以及C#.NET進(jìn)行數(shù)據(jù)的操作和管理，為了保證整個(gè)系統(tǒng)的數(shù)據(jù)一致性及完整性，對(duì)數(shù)據(jù)庫的處理編寫了部分的觸發(fā)器。

3 采用HTML5的系統(tǒng)功能實(shí)現(xiàn)

3.1 采用LocalStorage實(shí)現(xiàn)記住用戶名的功能

HTML5采用LocalStorage實(shí)現(xiàn)數(shù)據(jù)在客戶端的本地存儲(chǔ)，相比Cookies具有容量大、永久存儲(chǔ)、數(shù)據(jù)操作方便等特點(diǎn)，另外，本地?cái)?shù)據(jù)只有當(dāng)前的地址域能夠讀取，確保數(shù)據(jù)的安全性。HTML5的本地存儲(chǔ)適用于存取僅用戶關(guān)心的內(nèi)容，如：界面風(fēng)格、菜單的折疊與展開、是否記錄用戶名以及下次登錄等，這一類數(shù)據(jù)不需要存儲(chǔ)到遠(yuǎn)端服務(wù)器中，可以大大節(jié)省與服務(wù)器的通信消耗。系統(tǒng)采用LocalStorage API實(shí)現(xiàn)了記錄用戶登錄名以及對(duì)后臺(tái)系統(tǒng)的使用習(xí)慣的功能，數(shù)據(jù)存儲(chǔ)的格式采用的是“鍵值對(duì)”的方式進(jìn)行存儲(chǔ)，然而，針對(duì)IE6等低版本瀏覽器不支持HTML5本地存儲(chǔ)，為了確保系統(tǒng)的可用性，系統(tǒng)準(zhǔn)備了Cookies的后退方案，采用jQuery的代碼實(shí)現(xiàn)如下：

3.2 采用jQuery Ajax實(shí)現(xiàn)異步搜索

通過結(jié)合jQuery Ajax 與Aspx的COM組件的數(shù)據(jù)讀取功能實(shí)現(xiàn)搜索的異步加載功能，使用HTML5表單進(jìn)行前臺(tái)的搜索條件設(shè)置，通過讀取用戶的搜索條件與關(guān)鍵詞后異步加載搜索結(jié)果，系統(tǒng)可以在不刷新頁面的前提下讀取搜索結(jié)果并呈現(xiàn)給用戶，代碼實(shí)現(xiàn)如下：

4 總結(jié)

本系統(tǒng)在采用了最先進(jìn)的HTML5的技術(shù)進(jìn)行搭建，使用HTML5的最新功能實(shí)現(xiàn)了記錄用戶使用習(xí)慣以及無刷新的搜索等功能，在確保了系統(tǒng)的可用性及良好的交互性的同時(shí)，為學(xué)校和企業(yè)之間進(jìn)行合作搭建了一個(gè)良好的在線篩選和溝通平臺(tái)，可以有效促使雙方達(dá)成合作，促進(jìn)了校企合作資源的統(tǒng)籌和規(guī)劃。

參考文獻(xiàn)：

[1] Hogan B P. HTML5和CSS3實(shí)例教程[M]. 李杰，譯. 北京：人民郵電出版社，2012.

[2] 張志強(qiáng). 校企合作存在的問題與對(duì)策研究[J]. 中國職業(yè)技術(shù)教育，2012（4）：62-66.