基于worklight的企业员工信息查询系统.docx

基于worklight的企业员工信息查询系统.docx

《基于worklight的企业员工信息查询系统.docx》由会员分享，可在线阅读，更多相关《基于worklight的企业员工信息查询系统.docx（37页珍藏版）》请在冰豆网上搜索。

基于worklight的企业员工信息查询系统

硕士学位论文

基于Worklight的企业员工信息查询系统的设计与实现

随着公司规模越来越庞大，员工之间直接的联系变得异常困难。

某公司为了解决员工之间联系难的问题，决定开发企业员工信息查询系统的手机应用程序。

在如今无线通讯日益发展的环境下，结合移动互联网的员工信息查询系统可以为用户提供更方便，更快捷的无线查询服务。

本文围绕上述系统的建设展开讨论，主要包含以下内容:

1）分析与研究基于移动Web技术的手机开发平台Worklight，结合传统的手机开发模式Webapp和Nativeapp的优缺点，研究并使用混合型应用的开发模式，实现员工信息查询系统在多手机平台上的开发。

2）结合公司内部对员工信息查询移动化的需求，开发面向移动手机平台的员工信息查询系统，并将整个应用分为后台服务器和手机客户端两个部分。

3）通过对员工信息查询系统的需求分析与建模，完成员工信息查询系统在移动平台的用户界面设计，然后基于Worklight手机开发平台，结合HTML5，CSS3，Dojo等Web开发技术构建面向手机平台的员工信息查询系统。

通过对企业员工信息查询系统的设计与开发，为移动应用的研究奠定了良好的实践基础，为Web应用和本地应用相结合提供了思路与建议。

关键词：

Worklight，HTML5，移动Web应用，跨平台

Abstract

Asthescaleofcompaniesbecomemoreandmorelarge,it’shardtocontacteachotherbetweenemployees.Acompanyinordertosolvetheproblemofdifficulttocontactbetweenemployees,decidedtodevelopaenterpriseemployeeinformationquerysystemonmobilephoneapplication.Withtherapiddevelopmentofwirelesstechnology,theemployeeinformationquerysysteminconjunctionwiththemobileInternetcanprovideuserswithconvenient,efficientwirelessqueryservice.

Thispaperfocusesontheconstructionofthesystemdiscussion,themainworkincludes:

1）AnalysisandresearchthemobiledevelopmentplatformworklightbasedonthemobileWebtechnology.CombinedwithtraditionalmobiledevelopmentmodelWebappandnativeapp.Researchandusehybridappdevelopmentmodel,toimplementemployeeinformationquerysysteminthemultiplemobileplatforms.

2）Combinedwiththerequirementoftheemployeeinformationquerysystemonthemobileplatform,thesystemisdividedintodataserverandclientapplication.

3）Completetheemployeeinformationquerysystemandgraphicaluserinterfaceoftheclientapplicationbytherequirementanalysisandmodeling.BasedonWorklightplatformandusingHTML5,CSS3andDojotobuildaemployeeinformationquerysystemonthemobileplatform.

IthaslaidagoodfoundationpracticeandprovidedideasandsuggestionsforthecombinationofWebapplicationsandnativeapplication,throughtheemployeesinformationquerysystemdesignanddevelopment.

KeyWords：

Worklight,HTML5,MobileWebApplication,CrossPlatform

图目录

表目录

绪论

课题背景

随着3G时代的飞速到来，人们学习生活的方式不仅仅局限于电脑，手机移动终端在满足日常工作，丰富娱乐生活的同时，更作为一种移动式的上网设备，越来越受到人们的喜爱[1]。

目前，有的公司规模越来越庞大，员工遍布全国，甚至遍布全世界。

因此，员工之间直接的联系变得异常困难，最好的方法就是使用电脑上的聊天工具或者电子邮件进行交流。

但是如果你在外办公，没有电脑在身边，或者没有你要找的同事的电话号码，这样你就无法联系你的同事，这将会是一件非常头疼的事。

如果将公司员工的详细信息存入数据库，然后使用手机应用打开，这样不仅可以查找到员工的各种详细信息，还可以直接用手机拨打电话，发送邮件，非常便捷。

某公司为了解决员工之间联系难的问题，决定开发一个叫企业员工信息查询系统的手机应用程序，此手机应用程序可以帮助我们更快、更及时地联系到我们所要联系的同事。

本论文对员工信息查询系统进行了研究，对整个系统的需求、设计和实现进行分析和介绍。

对企业员工信息查询系统的研究主要有以下意义：

1）增加移动应用的开发理论基础，促进移动应用的发展。

目前市面上的移动应用程序越来越多，开发方式也多种多样，但是由于技术方便的局限性和成熟性，移动应用的开发还需要很长一段时间发展才能日趋成熟。

2）使用一种全新的开发方式（本地应用和Web应用相结合的方式），做到一次开发多平台适用，大大减少了开发周期，减少开发成本。

3）大大推动了企业对现代移动互联网的了解，手机成为员工办公的一种工具也将变成以后的一种趋势，移动互联网也将把人类的工作、生活带入一个新的世纪。

本论文通过对企业员工信息查询系统的设计与开发，为移动应用的研究奠定了良好的实践基础，为Web应用和本地应用相结合提供了思路与建议。

目前，对于Web应用和本地应用相结合的开发技术尚不成熟，因此，该研究对于混合式应用的发展具有一定的现实意义和指导意义[2]。

移动应用发展现状

如今，移动应用正蓬勃发展，我们已经步入了通过动动手指就能捕获信息的移动互联网时代[3]。

目前，移动应用开发主要有三种模式：

源生应用（NativeApp），Web应用（WebApp）和混合式应用（HybridApp）[4]。

NativeApp主要使用平台特定的开发语言来实现应用。

它位于平台层上方，就像C/S模式。

基于各移动平台开发的手机应用程序,向下访问和兼容的能力会相对好一些，可以支持离线消息推送，本地资源访问，摄像拨号功能的调取等一系列手机本地功能。

但是由于各平台开发语言的差异化，App的开发成本要高很多，维持多个版本的更新升级比较麻烦，用户的安装门槛也比较高。

WebApp是web应用程序的一种，就像B/S模式，主要是使用HTML5技术，如Javascript、CSS，并能够在文本浏览器中运行。

开发者们可以通过互联网或者移动互联网发布自己的WebApp程序[5]。

NativeApp的优点是：

1.提供最佳的用户体验；2.最优质的用户界面，最华丽的交互，针对不同平台提供不同体验；3.可节省带宽成本，并访问本地资源。

WebApp的优点是：

1.开发成本低；2.适配多种移动设备；3.跨平台和终端；4.迭代更新容易；5.无需安装成本[6]。

但是它们的缺点同样明显，NativeApp最大的缺点就是移植到不同的手机平台十分麻烦，需要同时开发多个多个手机应用程序用在不同的平台上。

而WebApp最大的缺点就是调用本地文件能力很弱，无法让用户体验到这是一个手机应用程序。

HybridApp是指介于这两者之间的应用程序,就像C/S,B/S混合模式，它虽然看上去是一个NativeApp，但只有一个UIWebView，里面访问的是一个WebApp，就好像一个网页封装了一个手机应用的外壳，这样看起来就更像一个手机应用而不是Web应用[7]。

HybridApp特别适用于那些在Web端已经存在的，并想移植到手机上的应用程序，使开发更简便。

它集合了NativeApp和WebApp的优点，开发人员可以在不懂得Java或者ObjectC的情况下开发Android和iPhone应用程序，基本上可以做到一次开发，多个平台适用。

并且可以很好地调用手机本地的api，使用手机自带的相机，GPS，本地联系人等相关功能，提供最好的用户体验[8]。

目前由于移动Web技术，HTML5等各项技术还不成熟，HybridApp仍然处于初期的研究阶段。

论文研究内容与目标

本文针对NativeApp和WebApp各自存在的不足，采用Hybrid开发方式，结合Worklight手机开发平台，使用DojoMobile框架来模拟手机源生程序，并使用PhoneGap调用手机本地相关功能，开发手机应用软件。

本论文主要包括以下几个目标：

1）分析与研究基于移动Web技术的手机开发平台Worklight，结合传统的手机开发模式Webapp和Nativeapp的优缺点，研究并使用混合型应用的开发模式，实现员工信息查询系统在多手机平台上的开发。

2）结合公司内部对员工信息查询系统移动化的需求，基于C/S架构实现面向移动手机平台的员工信息查询系统，将系统分为后台服务器和前端客户端两个部分。

3）通过对员工信息查询系统的需求分析与建模，完成员工信息查询系统在移动平台的用户界面设计，然后基于Worklight手机开发平台，结合HTML5，CSS3，Dojo等Web开发技术构建面向手机平台的员工信息查询系统。

论文组织结构

本文一共分为六章，具体的组织结构如下：

第一章是绪论，主要阐述了企业员工信息查询系统的背景，分析了当前移动应用的发展，总结了论文研究的内容和目标。

第二章是关键技术综述，对企业员工信息查询系统开发过程中使用的关键技术进行了深入的研究，包括HTML5标准、PhoneGap框架、Dojo框架以及Worklight手机开发平台。

第三章是系统需求分析，概要地描述员工信息查询系统的目标，功能需求以及非功能需求，总结系统的核心功能模块，为系统设计打下基础。

第四章是系统的设计，分析员工信息查询系统的整体架构以及各个子模块的设计，描述各个子模块的具体实现。

第五章是系统的实现和运行，主要描述员工信息查询系统的开发环境搭建，同时描述了应用各个页面的实现方式，并展示了在Android系统上各个模块的运行效果。

第六章是总结和展望，主要对论文主要工作进行总结，并对员工信息查询系统的未来发展进行展望。

本章小结

本章内容主要讨论了论文的研究背景，接着分析了目前移动应用的发展现状，最后介绍了研究内容和目标以及组织结构。

关键技术综述

毋容置疑，当今移动互联网应用的主角仍然是基于客户端模式的应用，其开创者AppStore仍然处于行业类始祖的地位。

但是，现在以HTML5为代表的下一代应用技术标准已经日趋成熟，Web应用在移动设备上正重新崛起。

目前以HTML5为代表的下一代应用技术为Web应用的蓬勃发展奠定了基础，使用HTML5与CSS3建立Web应用是现阶段最好的解决方案，也是Web应用的发展趋势。

面对这一趋势，员工信息查询系统将使用HTML5、Dojo以及CSS3实现Web应用，同时结合Worklight手机开发平台和PhoneGap框架，建立面向多平台的原生应用。

本章将着重介绍HTML5、PhoneGap框架、Dojo框架和Worklight手机开发平台等技术。

HTML5标准

HTML5概述

HTML（HyperTextMarkupLanguage）是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言[9]。

旧的HTML版本是10年之前制定的，在表达和应用上已经很难满足开发人员和使用者的需求。

为了适应这快速发展的Web技术以及不断提出的Web应用需求，HTML5应运而生[10]。

HTML5作为下一代HTML语言，相对于HTML4引入了一些新的元素和属性，如语义化的标签、音频和视频的直接支持、矢量绘图、客户端存储数据、交互式文档等。

这些新的特性，可以更好地提高可用性和改进用户的友好体验，并通过使用更多的媒体元素，可以很好的替代FLASH和Silverlight。

由于市面上的大多浏览器都具备支持HTML5的能力，所以它具有很好的跨平台性，基于这个特点，它将大量应用于移动应用程序和游戏中[11]。

HTML5特性

1）支持视频播放功能：

Flash之所以流行的原因之一在于它能够播放视频。

而HTML5具备更强大的视频功能，随时可以控制暂停、播放、开始。

它强大的功能体系完全可以与YouTube以及其它的Flash网站相媲美。

2）支持音频的播放/录音功能：

目前您们在播放/录制音频的时候可能需要用到Flash、Quicktime或者Java，而这也是HTML5的功能之一。

3）应用程序：

HTML5允许Web页面运行应用，就像一般的应用那样独立运行。

4）支持丰富的2D图片：

HTML5内嵌了所有复杂的二维图片类型。

同目前网站加载图片的方式相比，它的运行速度要快得多。

5）支持即时通讯功能：

在HTML5中内置了基于Websockets的即时通讯功能，一旦两个用户之间启动了这个功能，就可以保持顺畅的交流。

6）实时流：

WebSockets将允许任何Web页面设计人员轻松地添加实时数据流（从股票市场价格到上网报告），实时数据流除了要求HTML程序员的能力外，还需要更复杂的编程技能[12]。

HTML5优势

1）使搜索引擎更加容易抓去和索引。

对于一些网站，特别是那些严重依赖于FLASH的网站HTML5是一个大福音。

如果你有一个都是FLASH的站点，你就一定会看到切换到HTML5的好处。

首先，搜索引擎的蜘蛛将能够抓去你的站点和索引你的内容。

所有嵌入到动画中的内容将全部可以被搜索引擎读取。

在搜索引擎优化的基本理论中，这一方面将会驱动你的网站获得更多的右击流量。

2）提供更多的功能，提高用户的友好体验。

使用HTML5的另一个好处就是它可以增加更多的功能。

对于HTML5的功能性问题，我们可以从全球几个主流站点对它的青睐就可以看出。

社交网络大亨Facebook已经推出他们期待已久的基于HTML5的iPad应用平台，潘多拉最近也推出他们基于HTML5的音乐播放器的新版本。

游戏平台Zynga最近也在推出了三款新的在移动设备浏览器上运行的基于HTML5的游戏等等。

每天都有不断的基于HTML5的网站和HTML5特性的网站被推出。

保持站点处于新技术的前沿，也可以很好的提高用户的友好体验。

3）可用性的提高，提高用户的友好体验。

最后我们可以从可用性的角度上看，HTML5可以更好的促进用户于网站间的互动情况。

多媒体网站可以获得更多的改进，特别是在移动平台上的应用，使用HTML5可以提供更多高质量的视频和音频流。

PhoneGap框架

一个app经常会考虑多个手机移动平台的支持，因为单一的平台很难保证覆盖整个用户群体。

从长远的角度看，由于不同用户使用不同的手机平台，用户群的数量和持续的活跃性往往不能保证。

从开发的角度看，因为各个移动平台之间的开发技术是完全不同的。

如果这个应用对于多平台支持，那么就就意味着这个项目需要组建不同的手机开发团队进行开发。

开发一个的手机应用，需要根据不同的手机移动平台使用不同的开发语言，比如苹果的iOS和谷歌的Android，一个是使用ObjectC，一个是使用Java，两者几乎是无法完全融合的[13]。

作为一种新型的开发嫁接层，PhoneGap跨平台开发应用框架应运而生。

它可以将原生应用和Web应用进行整合，将Web应用进行一个包装，将其包装成一个原生应用，并可以使用Javascipt调用手机本地的api，提高用户体验。

PhoneGap概述

PhoneGap是一个开源的开发框架，使用HTML，CSS和JavaScript来构建跨平台的的移动应用程序。

PhoneGap框架简化了移动设备本身提供的大量API，为开发者另辟蹊径，提供了一系列丰富、简洁基于Javascript的API，开发人员只要会编写Javascript函数就能利用PhoneGap来调用各种手机本地功能，包括GPS，传感器，本地联系人，声音和振动等，从而制作出可以在不同平台运行的手机应用程序[14]。

PhoneGap可以识别移动终端之间的平台差异，将它们封装在一起，在Web端和移动终端之间的通信搭起一座桥梁。

开发者只要会使用Javascript这一脚本语言，就能开发不同平台下的手机应用程序，从而大大减少了开发手机应用程序的时间和成本。

PhoneGap目前已实现对iOS，Android，Symbian，WindowsPhone，Blackberry等市面上绝大部分手机平台的封装，开发者可以通过PhoneGap在这些平台上开发和发布自己的应用程序。

PhoneGap工作原理

PhoneGap的主要功能是其跨平台性。

跨平台的有两个不能避免的问题:

首先,要解决两个平台之间兼容性的问题,就必须跨越每个开发语言的界限。

第二是满足手机应用与平台API之间实现无差别的交互和调用。

为了解决平台兼容性，PhoneGap应用的开发运用了HTML，Javascript，CSS等技术。

对于这些成熟的Web开发技术，只要移动平台支持浏览器，就能在它上面运行由PhoneGap打包的手机应用程序[15]。

其实，PhoneGap就像一座加工app的机器，它接受用户使用的HTML，JS，CSS技术，通过不同的移动平台API，生产出不同平台上的应用。

整个流程可以使用下图2.1来表示：

图2.1PhoneGap编制原理[14]

其次，实现与各平台的API无差别的交互和调用。

PhoneGap针对不同平台的内置浏览器做了扩展和封装，使内置浏览器变成可访问设备本地API的强大浏览器，使手机应用程序和移动平台更好地结合，提高用户体验[16]。

参照下面图2.2，一个成熟的PhoenGap技术客户端运行状态如下：

应用运行在WebView组件上—>通过PhoneGap在各平台的扩展—>最终访问设备本地资源[4]。

图2.2PhoneGap与移动平台交互图

Dojo框架

前面提到，一个手机Web应用开发通常需要两样东西，PhoneGap可以作为原生应用平台和网页界面的嫁接层，但是还需要一些组件来模拟手机用户界面，Dojo是一个很好的选择。

它不仅有Dojomobile包来模拟手机源生组件，而且有丰富的方法来处理HTML和JSEvent，实现各种各样的动画效果，使我们可以更方便地进行Ajax交互。

Dojo概述

Dojo是一个用JavaScript语言实现的开源DHTML工具包。

它主要由三大模块组成：

Core、Dijit、DojoX。

它强调的理念是写的少，做的多。

其独特的事件绑定机制、DOM操作方式都是其他Javascript库无法比拟的。

Dojo会让你更容易使web页面具有动态能力，或在任何稳健的支持javascript语言的环境中发挥作用[17]。

Dojo有许多优点，总结下主要有以下几点：

1）利用Dojo提供的组件，你可以提升你的web应用程序可用性、交互能力以及功能上的提高。

2）可以更容易的建立互动的用户界面。

同时Dojo提供小巧的动态处理工具。

3）利用它的低级API和可兼容的代码，能够写出轻便的、单一风格（复杂）的JavaScript代码。

4）通过Dojo提供的工具，你可以为你的代码写命令行式的单元测试代码。

5）Dojo的扩展包能够使你自己的代码更容易维护，耦合性更低。

6）Dojo是开源的Javascript框架，任何人都可以自由地使用[18]。

DojoMobile框架

DojoMobile框架是一套移动终端的Web应用开发框架，是Dojo的一个子项目。

DojoMobile主要面向手持设备上的Web富客服端应用开发，提供了iPhone和android两套主题，通过Javascript和CSS的协调，使得基于iPhone或者Android的Web应用具有手机本地应用的外观和效果，而同时也给了开发者更多的主导权。

DojoMobile开发框架有这么几个特点：

1）轻量级，DojoMobile框架在压缩之后仅有100k，在同类js框架中算是体积相当小的，对移动设备来说十分合适。

2）大量使用CSS3实现iPhone和Android本地程序的特效，动画效果流畅。

3）跨浏览器平台，dojomobile同时也支持非webkit内核的手机浏览器，使用dojo自带的dojo.animateProperty与dojox.gfx模拟特效[19]。

Worklight手机开发平台

虽然PhoneGap和Dojo已经可以满足编写一个简单的手机应用程序，但是它们对后台的支持明显不够，我们需要一个强大的平台把这几个技术整个到一起，Worklight就是一个很好的选择。

Worklight概述

Worklight是一个用于开发管理企业手机App的平台。

App用HTML5，CSS和Javascript写成，之后被扩展成本地移动设备上的（iOS，Android，RIM和WindowsPhone）应用程序。

开发者还能把一些流行的Javascript构架如jQueryMobile，Sencha和DojoMobile整合到Worklight中。

而且App的本地运行时也能用本地代码来编写和修改。

Worklight为企业提供了众多的功能，例如开发环境，后端集成，PlusDeployment，运行时和App生命周期管理，也包括分析和资源调配功能。

这个平台有一个只可供评估使用的免费版本。

WorklightHybridApp（本地应用和Web应用相结合的应用程序）被封装在可修改的运行时壳里，这个壳包括一个本地设备API和Javascript之间的转换通道，以及运行时库。

Worklight应用了一个“质量可以保证”的PhoneGap库的子库，来获得使用本地功能的权限[20]。

Worklight组成及开发流程

Worklight手机开发平台主要包含了4个部分：

WorklightStudio：

是一个基于Eclipse的集成开发环境，使开发人员能够在其中执行完成一个全面的运营应用程序开发所需的全部编码和集成任务。

它支持开发丰富的多平台应用，能够满足各大企业的独特需求。

WorklightServer：

它是一个