丁金萍　李岸芩

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

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

中圖分類號：TP311 文獻標識碼：A 文章編號：1009-3044（2014）04-0740-03

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

國務院在《關于大力發(fā)展職業(yè)教育的決定》中指出：“職業(yè)教育要改革以學校和課堂為中心的傳統(tǒng)人才培養(yǎng)模式，大力推行工學結合、校企合作的培養(yǎng)模式?！毙Ｆ蠛献骶褪窃跒樯鐣逃团嘤柡细竦膭趧诱叩哪繕讼?，開展高職院校與企業(yè)、行業(yè)、服務部門等校外機構之間合作的標準樣式。通過這樣的模式，可以將學生的理論知識與實踐操作相結合，以提高高職教育的質量與未來勞動者的素質，并且加強企業(yè)部門與高職畢業(yè)生之間的雙向選擇的可能性，解決了兩者間的問題，最終也促進社會的經(jīng)濟發(fā)展。

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

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

2 本系統(tǒng)的設計思想及技術選擇

2.1 本系統(tǒng)的設計思想

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

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

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

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

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

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

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

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

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

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

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

4 總結

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

參考文獻：

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

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