智能交互式触摸查询展示系统 ——智能交互式触摸查询展示系统

　　一、概述

　　中国移动通信集团自从成立以来，一直以客户为中心，全面提供差异化服务。移动公司根据客户的细分需求适时推出各种新业务，针对全球通客户推出了“手机上网”，“随E行”，“群英网”等服务;针对年轻客户推出“手机游戏”，“彩铃”等娱乐性很强的业务;针对大众客户提供了“亲情号码”等优惠实在的服务。

　　随着计算机和多媒体技术的不断发展，传统的媒体传播方式发生了根本的变化，移动公司在经营和服务的过程中管理着大量的文字、图象、视频、语音等信息，这些信息广泛转播于企业内部、厂商、经销商和客户之间。通常，最新的业务、资费、活动和技术都是以DM单的形式发放给客户或者供客户自由取阅。目前，这种传统的媒体传播方式已和企业的飞速发展格格不入。在企业的经济效益高速增长和服务项目不断翻新的同时，以多媒体技术为理念，通过多媒体软件技术、网络技术、与现代管理学相结合，建立一套技术先进、功能强大的智能化多媒体展示系统成为我们和广大客户共同关心的课题，同时这也是我们技术研究和项目实施的方向。

　　多媒体是一种将文字与漂亮的图片、生动的二、三维动画、优美的音乐、影视视频、计算机编程等技术融于一体的传播媒体。它既具有平面广告的特点，又能达到影视广告的效果，还能象软件一样让用者参与其中、是兼三者之长最理想的整合传播媒体。与传统的纸质媒介比较，多媒体有着无可比拟的优势，并以其大容量、交互性、内容丰富多彩、携带方便等优点，广受青睐。在实际运用中，广大客户通过多媒体技术的创新性、奇特性、充分展示和有效互动，引领客户更全面地了解企业近期的活动和销售政策，增加客户的认同感，最终促成销售。

　　基于大屏幕LCD的信息发布展示系统现在的应用已经非常广泛，由于其具有强大的万能视频、动画、文本播放能力在广告行业应用最多，最典型的是楼宇电梯LCD广告系统，(后附案例照片)但是所有这些系统都是单向的，即受众人群只能被动观看。本系统将改变这种被动观看的模式引入交互式概念，使观者可以通过触摸屏实现人机对话，查询自己想要知道的内容。我们移动公司是从事于服务大众的行业内领先的高品质企业，在各大营业厅内率先引进安装智能交互式触摸彩屏(LCD)信息发布系统，将在企业形象服务质量增加客源等方面起到积极作用。

　　1.改变营业厅内到处挂满纸质广告单DM单的混乱场面，使营业厅变得整洁并富有现代气息。

　　2.由于信息量巨大，内容丰富，可以播放图片动画文字播放形式多样化等更加能够吸引人们观看。

　　3.增加拨出频率和停留时间来播放重点内容，如最新的套餐服务，新的通知等等。

　　4.增加客户和公司的亲和度，提高客户占有率。由于客户可以主动查询通过亲自操作来得到想要知道的信息，使客户具有满足感和亲切感。

　　5.节约人力资源提高工作效率，中心服务器定时更新各营业厅终端电脑的信息，并自动拨出，减少了营业厅的管理维护负担。

　　6.提升了营业厅的形象进而提升了企业形象。在通信行业领域率先采用本系统体现了移动公司一贯的领先一步的经营管理风格。

　　二、系统总体结构和功能

　　1.系统硬件总体结构

　　在中心机房设置信息发布服务器，通过局域网和各营业厅的信息终端电脑连接，采用WINDOWS操作系统组成局域网络系统。

　　营业厅内信息终端电脑连接带触摸屏的LCD大屏幕显示器组成终端系统，电脑和大屏幕触摸屏置入落地式安装的不锈钢机架中形成一体化装置。

　　硬件总体结构拓扑图如下：

　　2.系统软件(暂命名eTouch 3.x)总体结构(软件详细设计见下章)

　　系统软件包含了：

　　前端数据查询系统

　　内容展示系统

　　媒体轮播系统

　　在线监测系统

　　内容管理系统

　　客户机管理系统

　　权限管理系统

　　系统参数设置

　　背景音乐管理

　　其他辅助管理系统

　　3.总体功能描述

　　中心信息服务器中集成了想要发布和接受查询的所有信息，并通过软件分类管理和更新;

　　通过中心信息服务器可以管理各营业厅的信息终端电脑;

　　实现远程实时和延时更新于各营业厅的信息终端电脑;

　　信息终端电脑上的播放软件按照要求播放视频、图片、文字等多媒体内容;

　　支持大多数主流格式的视频、动画、音频编码标准和图片文字信息的发布;

　　大屏幕上的文字区域支持中英文滚动字幕，并可以改变字体颜色及背景色等;

　　营业厅内的信息电脑触摸屏一体化机接受客户的交互式主动查询;

　　由于采取了电脑局域网结构和开放式软件结构，整个系统应用前景是开放的;随着技术的发展在系统中可以增加新的应用内容。

　　三、软件总体设计

　　1、软件简介

　　软件触摸屏管理系统是针对大型企业、大型百货商场、购物广场及商业城的对外宣传和提供一体式媒体服务的软件系统。系统包括前端数据查询系统、内容展示系统、媒体轮播系统、在线监测系统、内容管理系统、客户机管理系统、权限管理系统、系统参数设置、背景音乐管理以及其他辅助管理系统，这些系统的有机结合能帮助企业实现全方位的触摸屏媒体数据管理和对外查询和展示的需要。

　　本系统技术上采用B/S和RIA(Rich Internet Applications)相结合，既具有B/S软件方便配置和使用的特点，又具有客户端高度互动性、丰富用户体验以及功能强大的特点。系统分为前台展示和后台管理两大功能模块，其中前台展示系统在客户端(即触控屏)上安装，供浏览者直接接触和浏览，后台管理模块安装在服务器上，由后台管理员进行资料的添加和维护工作。后台管理员可以设定各种参数，控制前台界面的各种显示方式。

　　系统结构图如下图所示，系统具体功能我们将在后面章节详细介绍。

　　系统后台管理部分使用标准的B/S结构开发，后台管理员在任何允许访问服务器的地方不需要安装任何额外软件和任何特殊设置均可以操作，和所有的B/S软件一样，维护、升级和扩展都非常方便。使用同一的后台管理系统，避免了频繁的操作触控一体机，既减少了维护的工作量，更防止了在打开触控一体机过程中可能对机器造成的任何破坏。

　　系统前端展示系统使用Flash/Flex开发，比传统的B/S结构的触摸屏展示端互动性更高，用户体验更丰富，功能更强大，可实现在无刷新页面之下提供快捷的界面响应时间，能提供通用的用户界面特性如拖放式(drag and drop)以及在线和离线操作能力。这种前端展示系统更加便于展示音频和视频。

　　为了保证网络带宽，防止音频和视频文件下载对服务器造成的压力，本系统前台展示软件支持下载媒体文件，保存在本机的功能。这样，对所有的媒体文件只需要下载一次，以后便可使用本地文件播放，只要服务器端没有更新，就不会从服务器端下载数据，大大减轻了媒体服务器的压力，也加快了客户端的响应时间。

　　2、 技术名词解释

　　RIA ：Rich Internet Applications 富互联网应用。是一种比传统HTML更丰富的客户端，是一种具有高度互动性、丰富用户体验以及功能强大的客户端。

　　Flex ：通常是指Adobe Flex，它是涵盖了支持RIA(Rich Internet Applications)的开发和部署的一系列技术组合。

　　LAMP ：Linux+Apache+Mysql+Perl/PHP/Python一组常用来搭建动态网站或者服务器的开源软件，本身都是各自独立的程序，但是因为常被放在一起使用，拥有了越来越高的兼容度，共同组成了一个强大的Web应用程序平台。是最典型的B/S软件开发和应用的环境。

　　WAMP ：Windows+Apache+Mysql+Perl/PHP/Python 在LAMP的基础上，将操作系统替换为Windows。

　　3、系统特点

　　遵循软件开发标准，应用最新技术，全新设计

　　——使用软件工程方法，应用Adobe Flex和LAMP/WAMP平台开发，采用全新的分层分布式组件化设计，具有更好的开放性和可扩展性，可以方便集成第三方应用。

　　一体化设计，强大的集成平台

　　——eTouch 3.x采用一体化设计方案，拥有强大的集成平台。

　　强大的跨平台能力

　　——管理后台基于LAMP/WAMP平台的开发可以实现Linux平台和Windows平台的任意组合，为用户提供了极大的软硬件资源配置的灵活性。

　　友好的用户界面和丰富的用户体验

　　——所有的使用界面均经过严格考究，最大程度地方便用户使用。基于Flex开发的前端展示系统互动性更高，展示效果更炫!

　　可靠稳定

　　——应用软件工程方法，全新的组件化设计，结合四川赛尔电子多媒体应用领域十余年的技术、经验积累，打造一流的软件系统。

　　完善的功能

　　——本系统经过2年研发和应用，在实际应用中得到完善，另外，我们专业的研发团队提供完善的定制服务，全面满足企业的需求。

　　4、系统主要功能列表

　　客户端展示系统

　　媒体文件轮播(支持文字、图片、音频、视频等格式);

　　公告/新闻轮播;

　　信息分类查询和展示;

　　查询自动中断播放，无响应自动返回首页播放;

　　无响应自动返回播放首页时间自定义;

　　和移动网上营业厅紧密结合;

　　背景音乐自动播放以及曲目自定义;

　　定时关闭触摸屏客户机;

　　客户机定时判断有无更新，自动更新视频音频文件;

　　周末自动关机;

　　客户端换肤和版式更换功能;

　　客户端软键盘和手写输入;

　　服务端管理系统

　　媒体文件管理系统(支持各种类型的媒体文件);

　　公告/文章管理;

　　前台版式和皮肤管理;

　　系统各运行参数设置管理;

　　针对不同客户机设置不同运行参数;

　　管理客户机分布;

　　客户端播放文件设置;

　　客户端播放文件的播放时间、播放频率、优先级单独设置;

　　用户管理和权限分配;

　　5、多媒体技术及其发展

　　多媒体是融合两种以上媒体的人—机交互式信息交流和传播媒体，具有以下特点：

　　1、信息载体的多样性 ：相对于计算机而言的，即指信息媒体的多样性;

　　多媒体的交互性 是指用户可以与计算机的多种信息媒体进行交互操作从而为用户提供更加有效地控制和使用信息的手段;

　　集成性 是指以计算机为中心综合处理多种信息媒体，它包括信息媒体的集成和处理这些媒体设备的集成。

　　数字化 ——媒体以数字形式存在。

　　实时性 ——声音、动态图像(视频)随时间变化。

　　多媒体技术的特点

　　能够完成在内容上相关联的多媒体信息处理和传送，如声音、活动图像、文本、图形、动画等;

　　交互式工作，而不是简单地单向或双向传输;

　　网络联结，即各种媒体信息是通过网络传输的，而不是借助CD-ROM等存储载体来传递的。

　　多媒体技术的应用

　　近年来，多媒体技术得到迅速发展，多媒体系统的应用更以极强的渗透力进入人类生活的各个领域，如游戏、教育、档案、图书、娱乐、艺术、股票债券、金融交易、建筑设计、家庭、通讯等等。其中，运用最多最广泛也最早的就是电子游戏，千万青少年甚至成年人为之着迷，可见多媒体的威力之大。大商场、邮局里是电子导购触摸屏也是一例，它的出现极大地方便了人们的生活。近年来又出现了教学类多媒体产品，一对一专业级教授，使莘莘学子受益匪浅。正因为如此，许多有眼光的企业看到了这一形式，纷纷用其做企业宣传之用甚至用其交互能力加入了电子商务，自助式维护，教授使用等功能，方便了客户，促进了销售，提升了企业形象，扩展了商机，在销售和形象两方面都获益。

　　系统展示的信息类型

　　文本：文本是以文字和各种专用符号表达的信息形式，它是现实生活中使用得最多的一种信息存储和传递方式。用文本表达信息给人充分的想象空间，它主要用于对知识的描述性表示，如阐述概念、定义、原理和问题以及显示标题、菜单等内容。

　　图像：图像是多媒体软件中最重要的信息表现形式之一，它是决定一个多媒体软件视觉效果的关键因素。

　　动画：动画是利用人的视觉暂留特性，快速播放一系列连续运动变化的图形图像，也包括画面的缩放、旋转、变换、淡入淡出等特殊效果。通过动画可以把抽象的内容形象化，使许多难以理解的教学内容变迁生动有趣。合理使用动画可以达到事半功倍的效果。

　　声音：声音是人们用来传递信息、交流感情最方便、最熟悉的方式之一。在多媒体课件中，按其表达形式，可将声音分为讲解、音乐、效果三类。

　　视频影像：视频影像具有时序性与丰富的信息内涵，常用于交待事物的发展过程。视频非常类似我们熟知的电影和电视，有声有色，在多媒体中充当起重要的角色。

　　四、项目详细解决方案

　　本项目的触摸屏管理软件部分主要是要管理移动的各种信息和数据，供客户在营业厅等场所查询。当无人操作的时候，需要播放一些近期的业务、资费、活动和最新技术等宣传资料，这些资料可能是图片，音频和视频。当客户点击查询按钮，当前播放的资料停止播放，响应客户的查询请求，一旦规定的时间内无触摸动作，则关闭查询窗口，继续播放设定的宣传资料。

　　1、主要工作流程

　　触摸屏管理系统是针对本项目的具体要求进行定制开发，前台客户端系统的主要工作流程可以表述如下：

　　前端客户端展示和查询系统预设播放的媒体文件，可能是图片、音频和视频，而这些文件往往比较大。为了避免客户端数量上规模以后，同时请求音频和视频文件而引起的网络带宽瓶颈，我们必须在每个客户端系统上对这些文件进行存储。对于轮播的文件，只需一次下载，在服务器端没有更改的情况下，以后播放均使用本地文件。这部分的程序逻辑可以表述成如下流程图：

　　该项目设计过程中将贯穿MVC模式的设计思想，实现数据在逻辑处理上的独立，同时，模块化的设计方法也为系统的可扩展性、可维护性提供了良好的支持。项目分为两个相对独立的系统：前端客户端展示和查询系统和后台管理系统。后台管理系统采用B/S结构设计，方便后台管理和前台演示内容的更新，真正做到了操作一次，更新所有文件。

　　项目研发过程中前端客户端展示和查询系统我们主要使用Adobe公司的Flex技术作为RIA的主要开发手段，支持种类广泛的界面控制元素，这些控制元素可以很好地与数据模型相结合。传统网络程序的开发是基于页面的、服务器端数据传递的模式，把网络程序的表现层建立于HTML页面之上，而HTML是适合于文本的，传统的基于页面的系统已经渐渐不能满足网络浏览者的更高的、全方位的体验要求了。而富互联网应用(Rich Internet Applications，缩写为RIA)的出现就是为了解决这个问题。

　　使用富媒体技术，比用HTML能实现的接口更加健壮、反应更加灵敏、具有更令人感举的可视化特性。为用户提供了更加友好的交互服务和丰富的客户体验，同时减少了与服务器的响应，提高了响应速度。

　　富媒体型客户端展示系统需要后台数据的支持，前端需要的所有数据管理我们都通过一个强大的WEB管理系统实现。前后两个系统使用B/S的方式结合和交换数据，后台部分系统我们将主要使用基于LAMP/WAMP平台进行开发。LAMP是基于Linux，Apache，MySQL和PHP的开放资源网络开发平台，PHP是一种有时候用Perl或Python可代替的编程语言。这个术语来自欧洲，在那里这些程序常用来作为一种标准开发环境。名字来源于每个程序的第一个字母。每个程序在所有权里都符合开放源代码标准：Linux是开放系统;Apache是最通用的网络服务器;MySQL是带有基于网络管理附加工具的关系数据库;PHP是流行的对象脚本语言，它包含了多数其它语言的优秀特征来使它的网络开发更加有效。开发者在Windows操作系统下使用这些Linux环境里的工具称为使用WAMP。我们将在设计中采用MVC设计模式，通过模型、视图与控制器的分离良好地实现了业务逻辑和用户交互的独立，使系统的可维护性、可修复性、可扩展性、灵活性以及封装性大大提高。

　　2、 客户端展示和查询系统

　　客户端展示和查询系统主要功能是显示触摸查询软件的内容。根据项目需求，展示部分分为三个区域：媒体展示区、媒体列表区、新闻/公告列表区。如下图所示，媒体展示区占整个屏幕的80%左右，负责展示文件的内容。媒体列表区，主要用于把需要展示的图片、音频和视频进行轮流播放。媒体列表区主要列出当前正在展示的媒体文件，新闻/公告列表区则用于显示最新动态等信息。

　　整个前端界面可以根据要求定制，如果有需要，可以设计多套模板，通过后台管理模块进行设置和管理，达到灵活更换前端界面和布局的效果，甚至可以根据需求，针对不同的客户端设置不同的显示模板。

　　前端客户端表现形式如下图所示：

　　点击查询按钮以后，会弹出如图所示的查询框。用户可以根据自己需要选取想要浏览的内容。

　　查询界面左边是内容分类，右边是内容列表，客户可以根据自己喜好，选取自己感兴趣的内容。同时，客户还可以根据自己的需要，通过本系统，链接到移动网上营业厅，查询到更加丰富的内容。

　　客户端展示和查询系统主要包括如下功能：

　　信息查询展示功能

　　前台浏览采用更加亲和用户操作的方式，操作简单明了，配合漂亮的背景图片、极富动感的FLASH动画和优美的背景音乐，使得浏览者在查阅信息的过程中感觉惬意、舒适。前台浏览模块可以可以展示文字、图片以及视频，在后台管理模块中添加的全部内容均可以在前台浏览模块中完美再现。

　　媒体文件轮播

　　前台根据系统后台预置的策略播放一些近期的业务、资费、活动和最新技术等宣传资料，这些资料可能是图片，音频和视频。当客户点击查询按钮，当前播放的资料停止播放，响应客户的查询请求，一旦规定的时间内无触摸动作，则关闭查询窗口，继续播放设定的宣传资料。

　　定时判断媒体文件有无更新，自动更新媒体文件

　　系统提供闲时分时段更新媒体文件的功能，防止多个客户端共同请求文件给服务器造成的压力。

　　自动播放背景音乐

　　由随机播放和顺序播放两种播放模式可以选择，支持MP3音乐格式。音乐的添加与设置可以在后台管理模块中进行管理。当用户播放音频和视频文件的时候，背景音乐停止。此外，我们还可以根据要求，设置每个图片/文字内容的背景音乐。

　　自动返回程序首页

　　当触摸屏软件无人使用时，在设定的时间点上，程序将自动返回到触摸屏软件的首页，使后来的查询人员更方便的使用触摸屏。返回默认首页的时间可在管理后台自由设置。

　　和移动网上营业厅紧密结合

　　通过本查询系统，可以浏览网上营业厅，获取更加丰富的内容。

　　定时关闭计算机

　　由于触摸屏通常放在大厅或者室外等公共场合，为了减少工作人员的工作量，尽最大可能地使触摸屏计算机无人值守，我们特别设计了自动关机功能。系统可以在设定的时间点上自动关闭计算机，配合计算机主板BIOS提供的计算机自动开机功能，触摸屏一体机就可以实现完全的自开自关了。不用专门人员来负责，极大程度地方便了机器的管理和维护。

　　周末自动关机

　　我们的另一个非常人性化的设计就是：可以设置周六、周日不开机。周末很多部门均不工作，本着节约能源的角度，Toucher2.x特别设计了周六、周日不开机。用户可以按照需求自行设定。

　　显示版式 / 皮肤自动切换

　　如果设计了多个前台浏览模块，本系统支持多个版式的切换和播放皮肤的更换，本功能需要后台模块的支持。后台管理程序可以设置前端浏览模块的版式和皮肤，在后台中设置了版式和皮肤以后，前台可以立即更换。

　　其他更多实用功能

　　自动关闭屏幕保护、自动调整屏幕分辨率，自动关闭浏览器图片工具栏、设置延时启动等功能，我们将根据客户的要求开发出更多实用化的功能。

　　3、 后台服务器端管理系统

　　后台管理模块的主要功能是对触摸查询软件的内容进行更新和维护

　　后台管理模块重要分为以下几个子模块：

　　用户管理模块

　　用户管理模块对操作后台管理的用户进行管理，该模块由用户管理、用户组管理、和权限管理几个子模块构成。其中，用户管理能新增、修改和删除用户，用户必须被超级用户审核后方能登录后台进行管理。用户组管理可以将多个用户划分为多个组，方便对用户进行权限管理。权限管理子模块则负责维护系统中对应的操作资源和权限组的关系，使用户权限方便快捷的设置。用户管理模块的主要功能由下图所示：

　　新增管理员-常规信息：

　　新增管理员-权限设置：

　　管理员列表：

　　系统设置模块

　　系统设置模块主要设置系统运行所需的必要参数，类似文件播放间隔、无输入相应后重新播放时间间隔、文字轮换时间、前端媒体列表中缩略图的大小以及前端默认背景音乐等设置项目，这些项目设置以后，可以直接控制前端浏览模块的显示效果。

　　文章管理模块

　　文章管理模块主要是管理触摸查询软件中的文字内容。本模块使用的HTML在线编辑器功能强大，支持直接在WORD中粘贴文字，并且格式保持不变，支持直接从其他网页中粘贴内容，自动下载网页内容的图片并保存到系统中。任意图文混排、任意插入表格、任意文字格式、色彩、大小、图片大小鼠标托放调整、可以插入FLASH动画、视频、音乐等等。栏目无限级划分，根本不用担心栏目的设置问题。所添加的文章顺序任意调整，尽情发挥，随意更改。

　　新增文章：

　　文章列表：

　　内容分类管理：

　　新增内容分类：

　　图片管理模块

　　图片管理模块主要是管理触摸查询软件中的图片风采内容。同样也支持栏目无限级划分，所添加的图片任意更改。可以为图片添加备注说明，不管使介绍部门人员，还是展示公司风采，图片管理模块都完全可以胜任。

　　视频 / 音频管理模块

　　视频/音频管理模块主要是管理触摸查询软件中的视频交流内容。栏目无限级划分，所添加的视频任意更改。可以为视频添加备注说明，详细的介绍视频文件的具体内容。如果您有视频/音频需要展示，那么这个模块是最好的选择。该模块操作示意如图所示：

　　新增媒体文件：

　　媒体文件列表：

　　系统默认播放内容设置模块

　　前端触摸屏的默认展示列表可以由后台控制，一般我们在现有媒体库中选择一部分作为没有用户输入时默认播放和展示的内容。本系统支持后台设置默认播放媒体文件的功能，同时还能设置这些媒体文件的停留时间、播放顺序以及播放权重等。

　　前台样式 / 模板管理模块

　　在实际运用过程中，我们经常会改变前端浏览软件的颜色、样式、版式等，普通的软件一般都无法实现实时更换，需要重新开发。这样给软件客户端的更新和维护造成不小的麻烦。针对这种情况，可以根据需要预设数十个模板供前台调用，此外还可以根据客户端机器的具体情况和位置，设置不同的模板。

　　五、一体化机架

　　一体化机架的功能是将大屏幕液晶显示器、触摸屏、电脑等设备集成于一个整体的机架内，安放在营业大厅中。在整个系统中一体化机架是一个非常关键的部件，起着非常重要的作用，这是因为一体化机架直接面对公众，供来往的客人们观摩和操作，公众从这里得到所需要的信息，起着代表移动营业厅形象的重要作用。

　　类似的触摸屏查询机和广告机在各个行业和场所也有不同的应用，一类是触摸屏查询机，如政府部门，旅游景点，多使用小屏幕。一类是大屏幕广告机，如楼宇电梯广告。本系统将信息广告发布和触摸屏信息查询相结合于一体化大屏幕系统中应该说是移动公司的首创，在具有强烈视觉冲击力的大屏幕广告发布系统中加入实用的信息查询功能有几个明显的作用：公众在使用系统时自觉接受了广告;因此公众得到了更多的信息;增加了公众和移动营业厅的亲和力;由于现代化时尚感而提升了公共形象。由此可见一体化机架的重要作用。

　　因此，一体化机架的设计必须做到以下几点：

　　1.机架整体简单实用;

　　2.美观大方;

　　3.具有时尚感和时代感;

　　4.占地面积尽量少;

　　5.易于客人操作;

　　6.安全稳固。