高职院校基于AppCan平台的移动互联教学研究

◆侯宪忠

（营口职业技术学院 辽宁 115000）

高职院校基于AppCan平台的移动互联教学研究

◆侯宪忠

（营口职业技术学院 辽宁 115000）

随着移动互联网技术的发展，在各高职院校中计算机相关专业的课程中都加入了移动互联软件开发的课程。这些课程对于学生的编程基础要求较高，在基础知识部分学习过程中掉队的学生较多。本文就基于AppCan移动平台进行移动互联应用开发代替原生开发教学进行了研究和探讨。

AppCan；Ajax；JSON

0 引言

本文利用了AppCan平台来代替原生的安卓与IOS开发课程,使课程难度降低并且可以更快速的完成移动互联应用的开发。

1 技术简介

Hybrid混合应用开发是指同时采用网页语言与程序语言进行混合应用开发，由AppCan所开发出的移动应用已经非常接近原生的移动应用，但与Web应用还是有区别的。在开发的过程中大量使用了HTML与JavaScript语言，这就意味着这种开发模式大大的降低了技术难度、开发周期与开发成本，同时也大大的降低了使用者的门槛。Hybrid混合应用开发兼具了Native App与Web App两者的诸多优点。

AppCan的个人版是免费的，不会增加任何的使用成本与教学成本。其编码主要使用的语言有HTML5、CSS3与JavaScript，还需要任意一种Web编程语言。使用其内置的AppCan IDE集成开发工具、在线编译系统以及云端打包器等，AppCan可以快速生成Android、iOS、Windows Phone平台上的本地App。

图1 生成过程

HTML5与CSS3对于高职学生是可以掌握的，即使掌握的不全面也会有大量的资料或例子可以查阅。AppCan的界面部分就是由HTML5与CSS3完成的。因此界面的设计较原生的安卓界面设计要容易的多。AppCan的IDE中集成了很多免费的界面模板，这些模板同时也为界面的设计提供了相当多的参考。学生也可使用DreamWeaver等设计工具自行设计界面。

JavaScript对于AppCan开发来说起着承前启后作用。它可以通过Ajax技术将数据打包发送给服务器端，也可以将服务器端的处理结果解析后，将数据放置到页面的相应位置上。AppCan封装了相当多的函数供界面开发使用。由于是国产平台，所有其SDK文档也是中文的，这对于英文水平有限的高职学生而言方便多了。AppCan中常用的功能模块如下：

1.1 本地存储LocStorage

在HTML5中的Web 存储形式有以下两种：sessionStorage与localStorage。无论哪种方式都是以键值对的形式存储数据信息的。AppCan对于HTML5的Web Storage进行了再封装故直接使用AppCan所提供的函数就可以方便的进行本地存储。

1.2 窗口模块Window与浮动窗口模块Frame

窗口的作用是用来实现应用中多窗口机制的最基本单元，它的作用与原生安卓中的Activity一样。但要比原生安卓中的Activity使用起来方便快捷很多。在一个主窗口之中可以有任意多个浮动窗口Frame，也就是说浮动窗口是在主窗口的内部的。当主窗被关闭的时候，这个主窗口内部所有浮动窗口也会自动关闭。

1.3 网络请求Request

该请求的核心技术为Ajax技术，AppCan对其进行更深层次的封装。它以Ajax的形式发送请求，由服务端接收这个请求，之后服务端将处理得到json数据发送回请求页，请求页中由JavaScript对Json进行解析。

1.4 Listview列表组件

列表组件是根据AppCan 布局框架对数据列表进行封装的JS对象，通过css样式的配合，可以快速完成列表控件的开发。其数据都是由Json类型数据提供。

1.5 Slider图片轮播组件与Tab选项卡组件

两个组件都是根据AppCan 布局框架对图片轮播与Tab选项卡所封装的JS对象，通过css样式的配合，可以相就功能界面的开发。

2 AppCan平台的教学优势

对于原有已经成型的教师团队调整非常小，AppCan中每一个技术环节都是原有课程体系中的一部分，如HTML，Css，JavaScript，Web编程等。原有师资配备可以直接保留，原HTML、Css部分的课程体系不变，只是在页面设计的时候要按照后机分辨率进行调整。JavaScript与JQuery的教学需在原有基础上加强，有针对性的对AppCan包提供的常用函数与写法进行强化。Web编程方面相对来说有了一定的简化，因为所有的视图页面不需要任何的HTML内容，它们所需要的仅是将数据处理成的JSON。

2.1 AppCan平台的技术前提

虽然AppCan的技术难度比原生的安卓、IOS开发低，但是学好这门技术也是需要一定的技术前提的，只不过这些技术前提与学生之前学过的技术差别不大，更容易掌握而以。AppCan界面的搭建都是由html完成的，在AppCan开发中，所谓的界面其实就是常见的html页面。HTML如果没有Css样式去修饰很难保证统一的页面风格。HTML、CSS、JavaScript三者的关系非常紧密。如果说页面是一间房子，那么其中的HTML元素就如同砖、木、土、钢、水泥、沙子等各种材料，CSS就如同让房子看起来像怎样的设计规范或者图纸，JavaScript就是用来调整用CSS规范建成的房子的各个已经就位的元素，让它们能够灵活地移动或变化，比如控制一扇门的开与关，把窗帘从一边移动另一边等等。Web开发技术对AppCan来说只是执行业务操作并对界面以JSON的形式提供数据，它是整个技术前提中相对较为复杂的一块，它除了Web操作方面还要对数据库、SQL语句等有一定的了解才可以，但该技术通常是软件专业必备的课程。

2.2 课程与就业

在当今高度竞争的环境下，各中小软件企业都会对企业的技术方向有所调整，在软件企业的一个项目团队中，很难找到同时具备安卓与IOS两种开发能力的员工。而AppCan的特点决定了它是可以跨平台使用的，移动端开发大大的降低了开发技术难度，AppCan的开发人员同样可以大大降低软件企业的开发成本。高职的学生掌握AppCan开发技术对于他们的实习及就业的帮助是非常大的。同时AppCan的学习过程中，有一些必备的技术前提，这些技术同样可以成为学生实习及就业的砝码，所以实习与就业还可以辐射出一些其它岗位，如前台美工，Web应用开发等。

3 总结

AppCan使用简单，学生只需要在掌握Web前台页面设计的同时，再掌握一门Web开发语言即可，如Jsp、PHP等。Web开发语言这一块并不需要掌握的太深，因为这些Web开发语言所涉及的页面没有任何Html标记元素，只是将服务器端处理的结果以json的数据形式响应，而后由JavaScript将这个JSON解析出的数据放置到AppCan页面的相应位置。原理简单，降低了开发的门槛，节约了大量的开成本，同时对于高职学生的教学课程体系有着承上启下的作用。学生易掌握，教师易备课，企业易用，无论从哪个角度来看，该项技术都非常适合在高职院校推广。