基于HTML5技術的就業信息服務APP的設計與實現

宋麗萍 韋建國

摘要：隨著移動互聯網的快速發展和移動智能設備的普及，基于HTML5技術的移動Web應用也大量涌現，HTML5所具有的跨平臺、跨終端的特性，使其將成為移動互聯網未來的發展趨勢。該文從高校畢業生就業信息服務工作的實際需要出發，為方便畢業生及時掌握用人單位信息，促進學生就業，利用Html5技術設計了一個學生就業信息管理APP，從學生就業信息管理APP的設計原則，提出了基于HTML5的系統架構和功能設計。該APP可及時發布國家的相關就業政策、各用人單位的需求信息及公布招聘會、就業資訊等。

關鍵詞：HTML5；跨平臺；就業信息；APP

中圖分類號：TP311 文獻標識碼：A 文章編號：1009-3044（2018）04-0046-02

近年來隨著高職教育的興起，高職院校的畢業生就業形勢也越來越嚴峻，各高校也都相繼成立了獨立的就業與創業指導服務中心，旨在為大學生就業提供幫助和指導，隨著互聯網技術的發展，就業指導服務中心的很多工作也都需要借助于網絡信息平臺來實現。高校就業指導工作的一端是學校就業指導部門，另一端是學生的手機。因此高校就業信息服務平臺也面臨著大數據時代所帶來的各種挑戰，隨著移動智能設備的普及，如何讓學生隨時隨地的利用移動智能設備了解就業信息，更簡單更快捷的從網上獲取一些用人單位信息？如何讓學生就業部門從大量繁雜的就業數據中獲取有效的信息？提升工作效率，是個值得探討的問題[1]，本文嘗試著利用HTML5技術設計實現了一個學生就業信息服務APP。以期這個APP能更好的推動學生就業工作的開展。

1 HTML5技術

作為下一代Web標準，HTML5 致力于為互聯網開發者搭建更加便捷、開放的溝通平臺。HTML5是唯一一個通配PC、Mac、iPhone、iPad、Android等主流平臺的跨平臺語言。因為HTML5這種跨平臺的便利，開發一次，即可部署不同的移動應用設備[2]。

HTML5是基于HTML語言的第五次修訂，它是由萬維網聯盟于2014年10月制定并修改完成的最新的HTML，實際上，HTML5不單指HTML技術，它還包括CSS樣式和JavaScript腳本語言。大多數HTML5的應用與層疊樣式表（CSS）相集成， JavaScript負責瀏覽器的交互行為，如果瀏覽器沒有事件響應，就沒有行為交互，這將在很大程度上影響用戶體驗。相對于瀏覽器而言，HTML5可以提供更豐富的客戶端應用，這樣可以大大的減少瀏覽器對插件的依賴性[3]。

2 HTML5的主要特性

相比較于以前的版本，HTML5具有許多新穎的特性。對于終端用戶，HTML5可以使用戶無需下載或安裝任何的插件，就可以聆聽音樂、欣賞視頻、體驗游戲等各方面的需求；同時HTML5具有更好的設備兼容性，攝像頭等一些設備可以直接與視頻、影音等關聯；另外HTML5技術還可以支持手機端的應用切換。具體特性如圖1所示：

3 就業信息管理APP需求分析

近幾年來，高職院校畢業生的就業形勢也不容樂觀，學校的就業工作也面臨很多挑戰，如何提高高職院校每年畢業生的就業率，為畢業生和用人單位提供更好的、更準確的就業、創業信息服務，是目前高校就業指導中心面臨的一項難題，利用網絡發布相關就業及擇業、創業信息能夠有效地幫助建立畢業生和用人單位之間的聯系，將用人單位的招聘信息及相關就業、創業政策、就業法律防控知識等有效的傳遞給畢業生。同時也可以利用網絡向社會宣傳我校的畢業生情況及專業設置情況等，幫助用人單位更好的了解我校的每年畢業生情況，以能夠實現成功招聘。另外我校學生處還可以通過后臺管理匯總來我校招聘的企業信息，及時向畢業生發布，針對用人單位提出的要求，學生處可以有針對性的收集并反饋給各教學院系，使學校能夠更加充分的了解企業需求，及時調整專業設置和各專業人才培養方案，每位畢業生也要能通過網絡提交個人基本信息及就業信息，及時收集畢業生的反饋意見，方便統計匯總，以更好的建立學生與企業之間的溝通與交流。

4 就業信息服務APP設計

4.1 功能設計

通過對高校就業信息管理平臺的需求分析，將此就業信息服務平臺設計成前臺展示和后臺管理。前臺主要幫助學校就業部門發布用人單位招聘信息、就業政策、通知公告等。后臺根據用戶權限設計相應的功能模塊，主要用于學校管理員進行內容發布管理和用戶管理。依此確立就業信息服務APP需要具備以下幾個特點：學生可以憑學號登錄平臺，學校在后臺進行管理，以保證信息的安全，更方便的實現就業數據信息統計，為數據挖掘提供數據來源；在原有高校就業服務平臺基礎上，利用HTML5所具有的跨平臺的特性來實現。主發布平臺的界面設計要簡潔美觀，信息要更新及時，同時平臺安全要有保障。其功能結構如圖2所示。

4.2 前端頁面設計

就業信息服務APP的設計是為了滿足學生與用人單位需求的一個平臺，作為學校信息化建設的典型應用。平臺以HTML5設計為出發點，所有頁面符合HTML5規范要求，通過CSS和Java Script對元素和操作進行定義[4]。其APP前端部分展示效果設計如圖3、圖4所示：

根據設計學生可以使用學號登錄進入學校的就業信息服務平臺，查詢就業及招聘信息，以及就業資訊、就業政策等，同時也可以發布個人簡歷等，學校就業部門可以對有就業指導需求的學生指導其就業。學校也可以為企業提供符合企業需求的畢業生材料，為企業招聘提供合適的畢業生資源，建立企業和學校就業溝通平臺，同時學校也可以通過問卷調查了解學生的就業、擇業意向，為學生推薦合適的就業單位，也為來校招聘的企業提供第一份資料，實現學生與企業的對接。

5 就業信息服務APP的關鍵技術與實現

本APP主要應用HTML5技術，采用WeX5開發實現，WeX5是一款開源免費的快速H5 APP開發工具，前端采用HTML5+CSS3+JS標準，使用AMD規范的RequireJS、Bootstrap、jQuery等技術，同時對移動端開發做了極致優化，效率極高。支持多種類型的后端，包括Java、PHP和.NET等，同時也支持云API。本平臺中所使用到的關鍵技術如下：

5.1 表單技術

根據設計學生可以使用學號和密碼登錄進入此平臺，在此使用了HTML5的表單技術實現了用戶登錄頁面和問卷調查，其用戶登陸頁面關鍵代碼如下：

5.2 視頻播放技術

在本平臺中，學校為了更好的讓學生了解國家的相關就業、創業新政策以及就業法律防控方面的內容，采用了視頻播放技術，而在 HTML5 中， Video元素可以用來實現視頻播放。關鍵代碼如下：

6 結束語

本文通過對就業信息服務APP進行需求分析、功能設計、HTML5新技術的應用等，設計了跨平臺的基于 HTML5 高校就業信息服務APP，該APP的設計思想主要來源于移動智能設備的普及，達到了預期的使用目標，為我校的就業工作提供了很大便利，通過此平臺畢業生可以及時獲取最新的招聘信息，用人單位也可以找到所需要的專業人才，實現了畢業生與企業的雙贏，大大提高了我校就業指導工作的效率。該就業信息平臺的設計和應用，為我校的就業信息管理工作提供了一個有力的工具，具有很大的實用性和可推廣性。

參考文獻：

[1] 李敏艷，高建波. 大數據時代基于就業網絡信息服務平臺的大學生就業指導研究[J]. 江西科技師范大學學報，2016（3）：92-96.

[2] 馬科.HTML5 APP商業開發實戰教程[M].北京：高等教育出版社，2016：2-6.

[3] 臺雯. HTML5在Web前端開發中的應用研究[J]. 天津職業院校聯合學報，2016（8）：70-73.

[4] 高少琛.基于HTML5的內容發布管理系統的研究與實現[J].軟件產業與工程，2016（2）：43-46.

[5] 舒遠仲，黃文強，梅夢喆.基于HTML5跨平臺高校就業信息服務系統的設計與實現[J].計算機時代，2016（3）：93-96.

[6] 侯小麗.基于HTML5的Web APP的購物網站設計[J] .太原學院學報，2017（2）：56-59.

[7] 汪梅，湯書昆，陳敬宇.基于HTML5的宣紙文化網站設計研究[J].包裝工程，2016（8）：143-147.

[8] 李穎.基于響應式設計的Web App界面布局研究[J] . 安慶師范大學學報：自然科學版，2017（3）：62-67.

[9] 吳巍.基于 HTML5 民辦高校教務管理系統的設計與實現[J].吉林工程技術師范學院學報，2016（8）：89-90.

[10] 劉洋.基于WEB結構學生就業信息平臺的設計與實現[J]. 自動化與儀器儀表，2016（6）：146-148.

[11] 王睿.淺談HTML5的技術優勢[J].遼寧師專學報，2017（1）：40-41.

[12] 紀娟，李華，王洪海.等.一體化移動學習APP的設計與實現[J].安徽電子信息職業技術學院學報，2017（4）：27-32.