移动互联网在高职顶岗实习管理中的应用与研究

韩雪飞

（浙江邮电职业技术学院，浙江绍兴 312016）

1 背景

顶岗实习是高职教学过程中的重要环节，是学生毕业综合实践的核心组成部分，也是全面考察和检验教学效果、培养提升学生职业素质和职业能力的重要手段。对高职顶岗实习环节的有效管理是提升顶岗实习效果，规范顶岗实习过程的重要保障，近年来国内高职院校都逐步在顶岗实习管理中采用了网络管理平台，有效提升了顶岗实习环节的管理水平和管理效果。

目前，基于传统互联网环境的顶岗实习网络管理平台已经在高职顶岗实习管理中发挥了重要作用，受到师生和学校相关部门的欢迎，但在实际应用中我们也发现，由于很多学生在顶岗实习期间，其实习工作岗位和住宿地点缺少计算机及互联网使用条件，要使用现有的顶岗实习网络管理平台是比较困难的。

移动互联网的发展和学生中智能手机的普及，使开发一个基于移动互联网环境的高职顶岗实习管理系统学生客户端，方便学生在智能手机等移动终端上使用顶岗实习管理系统成为可能，也将较好解决这个难题。

移动互联网是移动通信技术和互联网技术融合发展的产物，简单而言就是利用移动通信的方式访问和构建互联网。目前普遍采用的是在智能手机等移动终端上通过3G、4G、Wi-Fi等通信手段连接和访问移动互联网上。传统互联网其面向的终端对象主要是普通计算机，而移动互联网则主要服务于智能手机等移动终端，因为智能手机等移动终端受限与屏幕、性能、外设等因素，传统的互联网应用很大程度上无法在其上正常使用。

移动互联网应用是根据移动互联网的特点和其上运行的终端的特点专门设计和开发的，具有界面简洁、适合触摸操作、传输数据流量小、终端平台适应能力强的诸多优点，是一种轻量级的应用。目前在信息传播、生活娱乐、电子商务、教育培训等领域得到广泛应用。

2 关键技术分析

2.1 移动互联网Web应用开发需要处理的关键问题

1）移动互联网带宽问题：移动互联网带宽相对比较小，即便是3G、4G、Wi-Fi环境下，网络的带宽依然不能和一般的有线宽带相提并论，而且往往速率的波动比较大，加上3G、4G流量资费较高，因此必须要控制应用运行时对带宽的需求，尽量减少与服务器不必要的网络数据传输。

2）移动终端设备与应用之间的适配问题：移动终端设备为便于携带，设备体积都不会很大，以最常用的手机为例，主流屏幕普遍在4-5英寸左右，虽然随着显示面板技术的提高，屏幕的分辨率目前720p、1080i已经比较多，可以在4-5英寸的屏幕上显示和电脑上一样多的内容，但是小屏幕高分辨率的问题也十分明显，显示内容非常小，看起来累，手指触摸点击操作困难，误操作率成倍提高。因此必须要让系统在屏幕上尽量只显示必要的内容，文字的大小、触摸操作点击区都要足够大，输入文本框、按钮、下拉列表这些与用户交互的对象尽量设计的方便用户点击或者选择，同时能够用选择解决的，就不要让用户去自己输入，超链接要尽量做成按钮的形式，以增大点击区域，此外要控制页面的缩放及在苹果IOS系统设备上的显示效果。

2.2 解决方法

1）Web页面HTML代码Meta元素中加入针对移动设备的控制代码，提高应用的设备显示匹配性。首先是设置viewport视口，viewport是一个虚拟的窗口，可以定其大小和缩放功能，这里将Web页面以原始大小显示，同时禁止用户缩放页面，代码如下：。其次是在苹果IOS系统中启用对Web App程序的支持，代码为：。

2）Web应用界面布局采用DIV+CSS3，使交互界面更为美观友好。DIV+CSS布局来设计页面具有加载速度快、结构清晰、代码简洁等诸多优点，CSS3是CSS目前的最新版本，可以让web页面呈现更加出色的效果，比如边框圆角、阴影、背景色渐变过渡等，目前移动设备已经普遍支持CSS3技术，采用CSS3除了可让页面更加美观外，还可以使页面上的表单控件呈现形态较好的符合手指触摸操作的要求。

3）将Web应用使用的各种图片采用CSSSprites方式进行内嵌。CSSSprites是一种把Web页面中需要的所有背景图片通过base64编码以源代码的形式直接写在CSS文件中，也就是说图片以文本的方式加载，这种方式可以减少浏览器http请求数量，提高背景图片的加载速度，当CSS文件加载完后，嵌入到CSS文件中的图片也同步加载完成。如下所示为将一张user.png背景图片以base64编码形式插入CSS样式代码中：

#txtUserName{background:url(data:image/png;base64,图片的base64编码)no-repeat 5px center;}

4）Web应用的数据交互采用Ajax技术。Ajax即“Asynchronous JavaScript And XML”（异步 JavaScript和XML），是一种创建交互式网页应用的网页开发技术。采用这种技术，页面可以以异步的方式与服务器端进行数据交换，在页面局部内容更新时无需下载整个页面，只需下载更新部分的数据，因此可以大幅降低与服务器端的数据交换量。如下所示为采用jQuery（一个轻量级JavaScript库）Ajax异步方式实现登陆验证。

$.ajax({

url:'ChkLogin.ashx',dataType:'html',type:'post',data:param,

error:function(XMLHttpRequest,textStatus,errorThrown){

alert(errorThrown);},

success:function(data){

if(data=="1"){location.href="Index.aspx";}

else if(data=="2")$("#errorinfo").html("登录失败！");

else if(data=="3")$("#errorinfo").html("用户名或密码错误！");

else if(data=="4")$("#errorinfo").html("账号已被禁用！");

else if(data=="5")$("#errorinfo").html("验证码错误！");

else$("#errorinfo").html("验证发生错误！");}});

5）对Web应用的CSS代码、JS代码进行压缩处理。通过CSS和JS代码压缩工具对CSS代码和JS代码进行压缩可以基本去除代码中的换行、多余空格、大幅度缩短变量的长度等，因此可以十分显著的减少CSS代码文件和JS代码文件的大小，提高页面加载速度，减少数据传输量。

3 实际案例

本文采用Asp.Net+CSS3+Ajax+SQL Server技术，根据高职顶岗实习管理的需求，开发实现了一个适应移动互联网环境的高职综合实践（顶岗实习）管理系统学生客户端。系统以SQL Server2008为数据库，Web服务器端运行Windows2008+II7+Asp.Net，智能手机等移动终端通过移动互联网访问服务器端的Web应用，系统架构如图1所示。

图1 系统架构图

该客户端主要功能包括内部邮件收发、通知公告和新闻浏览查阅、顶岗实习报告撰写、师生联系记录管理、个人信息查阅修改、密码修改等，客户端实现效果如图2、图3所示。

图2 客户端登陆界面

图3 实习周报界面

4 结束语

本文提出并实现了一个基于移动互联网的高职综合实践（顶岗实习）管理系统学生客户端，该客户端交互界面友好，可在基于IOS、Android、Windows等操作系统的各类移动终端设备上访问，系统传输数据量小、访问便捷，能较好的满足了学生校外顶岗实习期间的应用需求。

[1]唐俊开.HTML5移动Web开发指南[M].北京：电子工业出版社，2012.48-60.

[2]Matthew MacDonald,Adam Freeman,Mario Szpuszta.ASP.NET4高级程序设计（第4版）[M].博思工作室，译.北京：人民邮电出版社，2011.

[3]王秀萍.支持移动终端的顶岗实习平台设计与实现[J].福建电脑，2011（10）:131-132.