前言:一篇好文章的诞生,需要你不断地搜集资料、整理思路,本站小编为你收集了丰富的界面设计的优缺点分析主题范文,仅供参考,欢迎阅读并收藏。
关键词:图标 用户 图形化用户界面
中图分类号:TB47
文献标识码:A
文章编号:1003-0069(2015)09-0140-02
近年来,随着互联网和电子科技的飞速发展,用户浏览网页逐渐从固定的"hA电脑转向便携的移动设备,图标的显示设备也越来越小屏幕化,这就要求图形符号必须简洁、直观、一致、可读性强、具有美感,界面中的图标设计也随之发生了“质”的变化,即由早期的线型单色特征向趋于写实的拟物化风格转变,随后逐渐转向日益盛行的扁平化风格。
从2007年,乔布斯最早的iphoneOS1.0操作系统时界面的拟物化,到2013年后微软Metro风格的扁平化的风靡,界面图标设计也有了一个巨大的革新。
一 线型单色特征国标
线型单色特征图标,是指二十世纪八九十年代时期,受技术、设计观念等因素的影响,图形多为简单的几何造型且色彩仅限于单色或者较少颜色的图标。早期的图标设计主要在于对文字内容的解读上,当然这也是在图形化用户界面设计中最重要的因素,而在图标的美观性、界面风格的一致性、对用户的吸引性上都比较欠缺。例如windows95版的操作系统中,界面风格就是简单的几何造型加上少量色彩搭配。(图1)
二 拟物化风格图标
2.1拟物化风格图标兴起的原因
随着科技进步和计算机的普及,硬件和网络日益发达,CPU和存储介质的效率和容量大大提升,色彩得到了充分的解放和发挥,伴随着人们审美水平的不断提高,线型单色特征图标已经无法满足广大用户。为了用户更好的实现交互体验,拟物化风格开始出现。
2.2拟物化风格图标的特征及其优缺点
拟物化风格,就是通过叠加材质、纹理、高光、阴影等效果对现实物品的造型和质感进行模拟,使得图标从外形到交互方式上都和现实生活中类似。最具代表性的事件是乔布斯在2007年最早的iphoneOS1.0操作系统时的界面设计,乔布斯首次展示了该操作系统下界面中丰富的视觉效果,如相机图标和现实生活中相机镜头完全相像,这样沿用人们生活中的认知习惯进行设计,使用户在体验上一眼便知其功能,而其精细的质感打造,相比线型单色特征图标更加生动形象,受到了人们的青睐和追捧。(图2)正如《IOS Human Interface Guidelines》里所提到:“当你应用中的可视化对象和操作按照现实世界中的对象与操作仿造,用户就能快速领会如何使用它。”21世纪后,拟物化风格盛行。
在信息爆炸的时代,能否快速吸引用户的眼球,变成图形用户界面设计师在进行创作时的关键因素,拟物化因其细腻、精致、漂亮、形象的优势也深受众多设计师和广大用户群体的喜爱。拟物化最大的特点是将现实生活中的物品和使用习惯带入界面设计中,用户识别度高,学习成本低,这也是它的最大优点。但拟物化也有很大弊端,比如功能化在大多数拟物化界面中并没有很好地得以实现、图标所占存储空间相对较大而影响页面加载速度、设计师将大量时间和精力放在了图标质感的打造上而容易忽略图标的一致性等问题。但也有些对拟物化风格的模拟,容易忽视用户体验和交互方式,造成滥用装饰效果,比如在界面上加入了皮革、缝线、木纹、阴影、金属抛光等效果,虽使界面看上去精致细腻,但是难以在真实生活中找到对应物,界面的设计就会给人以唐突的感觉。(图3)
三 扁平化风格图标
3.1扁平化风格图标兴起的原因
与拟物化风格图标的不同,它的兴起有两点原因:一是由于科技的发展、移动端的风行,带动了市面上多设备生态的普及,不同型号的手机、平板、电脑等屏幕的尺寸各不相同,拟物化风格基于它丰富的样式表现,大多数为位图,要适应不同设备着实困难,需要设计师根据设备的不同做多套尺寸不同、内容相同的图标,这无形中增加了人力物力成本,而扁平化的出现,由于其是矢量图形的绘制,无论放大缩小都不会失真,这大大解决了设备适配的难题;二是由于在当下信息过剩的时代,人们生活节奏加快,每天被众多纷繁复杂的信息所包围,如何在有限的时间里,快速、直观、醒目的向用户展示所需信息,成为众多图形用户界面设计师思考的重点,主动的信息植入而不是被动地让用户来识别成为众多图形用户界面设计师思考的重点。就像建筑大师密斯为了反对一切审美方面的虚夸、教条和形式主义所提出的“少就是多”的观点一样,物极必反,当一种风格极尽流行时,人们就越发渴望打破传统,创造不同的风格来使用户眼前一亮。在此形势下,图形符号日趋简洁并注重寓意的表达给用户带来了一种崭新的体验,随之扁平化风格应运而生。
3.2扁平化风格图标的特征及其优缺点
扁平化风格指的是摒弃各种渐变、高光、阴影等造成立体感的效果,运用平面化的色彩和抽象、简化的图形,搭配突出的文字信息进行的图标设计。早期具有代表性的事件是微软在Windows Phone 7中引入的Metro界面设计,简洁的图形、明亮的色彩搭配网格分割,给用户一种清爽、清新、明朗的体验,为以后扁平化风格创作做出了重大启示。(图4)而将扁平化的风格推向顶峰并迅速普及的是苹果的于2013年的IOS7操作系统。(图5)
由于扁平化风格更加注重国标在美观之外的功能性意义,对色彩种类的运用相对较少,所占存储空间比较小,因而相比拟物化风格,它在有限的时间中加载速度更快;更容易突出主题,减少对用户的视觉干扰和记忆负担;便于识别,扁平化的图标设计更加简洁加上醒目的色彩,即使在较远的距离,也能够清楚地被用户识别;设计也相对容易,无需考虑高光、阴影、渐变等多余的装饰,只需注意图形的直观性、界面网格布局,色彩的运用等方面,使图标保持易用性、一致性。但扁平化风格也会造成相应学习成本的增加、且传达感情不够形象等弊端。
四 图标未来的发展趋势
4.1多元化共存的时代
拟物化和扁平化都有其独特的优势和特点,设计师会针对不同的应用场景、不同的用户群体、不同的设备等因素来选择更加适合的风格,不能说哪一种风格终将被另一种风格取代而消亡。未来图标的发展趋势,势必更加趋于向多元化风格发展。
不同的产品特性决定着不同的图形气质与风格。例如在游戏场景中,由于用户多为年轻群体,他们渴望在虚拟世界中获取真实的体验、释放压力,所以不难发现众多大型游戏的界面多炫酷、仿真、具有科幻性,意在呈现给用户好莱坞大片般的身临其境的感受,引发用户内心的情感共鸣,因而在进行图形化用户界面图标的设计时,常常用拟物化风格的手法来表现图标的质感、光影,比如游戏按钮的设计。而相对于58同城、ZAKER等信息类网站的设计,就更加倾向于扁平化风格,设计更关注信息和内容本身而不再强调过多的装饰,目的在于更清晰、明确的传达功能信息,方便用户快速查找和获取有效信息,减少视觉感知的复杂性,从而减轻视觉疲劳。(图6)
五 图形化用户界面图标的课题应用
随着对用户界面图标的不断探索,在进行客户端课题的设计中,应用以上理论研究,客户端界面主要在于功能的易用上,因而图标的作用为衬托界面功能,辅助用户更好地完成交互,其设计更适合扁平化风格,表现形式必须一致,以最简洁的方式有效地展示页面信息,将信息分层级展现,次要信息通过折叠、弹出窗口等形式隐藏,当用户点击时反馈给用户所需信息,以此呈现给用户更大的操作界面。(图7)
总结
关键词: MFC; SOCKET; 消息驱动; 进程控制; C/S模式
中图分类号:TP311 文献标志码:A 文章编号:1006-8228(2015)11-16-03
Abstract: In order to create a good teaching atmosphere and improve the teaching quality and efficiency, the process control system based on LAN is studied. Some key technologies of software are introduced, and the theory and technology of process control software based on LAN are studied in this paper. Through the use of MFC development technology, Windows message-driven technology, ADO and socket communication technology, the C/S system architecture mode is adopted, and the process control system based on local area network is realized.
Key words: MFC; socket; message-driven; process control; C/S mode
0 引言
随着计算机的普及和计算机网络技术的迅速发展,信息化、自动化已经成为了这个时代的主题。其中网络应用程序发展和应用更是为人们的生活、工作和娱乐等各方面提供了极大的便利。在各类网络应用技术中,套接字无疑是网络应用程序中极其重要的一环,它是连接应用程序和网络通信协议的接口,windows socket就是其中一种。营造良好的机房教学氛围、合理组织与管理机房教学,进而提高机房教学的质量和效率,是众多教育机构亟待解决的问题。非教学进程(如游戏等)的普及与泛滥,更是对机房的教学管理提出了严峻的挑战。一个完备的局域网进程控制系统不仅可以大大提高教学效率,还能促进学习者的学习。因此,设计一个基于套接字的局域网进程控制系统既具有理论研究的意义,又具有实际意义。
本系统设计采用C/S结构设计,服务器端与客户端软件通过套接字通信技术控制指令的传输,客户端通过定时扫描客户机上正在运行的软件信息,并通过查询数据库来判断软件可否运行,服务器端可以开启或关闭客户端的监控功能,也可以修改数据库中的信息。作为在机房环境下运行的软件,需要应对复杂的网络环境,该软件需要具有健全的异常处理能力和灵活的可移植性。
1 系统设计
1.1 系统架构设计
机房实验教学系统的总体框架结构可划分为两大模块,即服务器模块和客户端模块。本系统设计采用C/S结构设计,服务器端与客户端软件通过套接字通信技术进行控制指令的传输,客户端通过定时扫描客户机上正在运行的软件信息,并通过查询数据库来判断软件可否运行,服务器端可以开启或关闭客户端的监控功能,也可以修改数据库中的信息。
1.2 系统功能设计
1.2.1 服务器端功能模块描述
服务器端包括登录、数据库连接、套接字连接、软件信息操作、远程控制、界面设计六部分。用户通过登录对话框输入用户名和密码,经验证与数据库数据一致方可登录,当连接不正确时需要提供修改连接数据库相关的配置信息。本系统数据库采用ADO(Active Data Object)技术连接SQL Server 2000数据库,负责数据库的连接,数据库的增删改查等操作,并进行异常处理。服务器端使用套接字向客户端发送必要的配置信息(网络数据库的地址,登录用户和密码),通过特定指令开启客户端的屏蔽功能。
1.2.2 客户端功能模块描述
服务器端包括界面设计、开机自启动、数据库连接、套接字连接、软件信息扫描、监控六部分。其中界面设计实现隐藏界面,在任务管理器中应用程序中隐藏的功能;开机自启动通过修改注册表使程序开机自动启动;数据库连接采用ADO技术连接SQL Server 2008数据库,负责数据库的连接,数据库的增删改查等操作,并进行异常处理;套接字连接通过套接字接收服务器发送的配置信息(网络数据库的地址,登录用户和密码),接收到服务器的消息后开启监控服务;软件信息扫描每隔一段时间扫描当前正在运行的顶层窗口,获取窗口类和标题。通过查找数据库确认该窗口是否允许运行。如果在数据库中查找不到该窗口的信息,就将该条信息插入到数据库中,并通过套接字通知服务器端数据库有更新。
根据上述系统说明,设计出系统功能结构如图1。
[基于局域网的进程控制软件][服务器端][客户端][登录\&数据库连接\&套接字连接\&软件信息操作\&远程控制\&界面设计\&][开机自启动\&界面设计\&套接字连接\&数据库连接\&软件信息扫描\&监控\&]
图1 系统功能结构图
2 系统实现的关键技术
本系统开发采用了MFC编程技术[1]、套接字技术[2]和ADO数据库访问技术[3]这三个非常流行和成熟的技术。下面主要介绍程序设计、服务器端功能的实现和客户端功能的实现所涉及到的关键技术。
2.1 程序设计
该系统在MFC应用程序框架的基础上设计实现,其中大部分功能仍是通过调用最基本的Win32 API来实现。程序的进行是依靠外部事件来驱动,Windows时刻监视用户的一举一动,并分析用户的动作,将用户的动作以消息的形式发送给对应的程序,应用程序从消息队列中去除消息并分析,采取适当的动作来响应用户的操作[4]。
2.2 服务器端功能的实现
2.2.1 界面设计
界面框架的选择主要有两种方式:基于单文档的程序和基于对话框类型的程序。结合这两种框架的优缺点,本软件的服务器端需要与管理员(教师)进行较多的交互,对数据的处理由数据库负责,因此选择基于对话框的框架更适合。
⑴ 主界面设计
用户登录成功后显示主界面,列表每行前有一个勾选框,选中表示该类软件禁止运行,未选中表示允许运行。对列表中的信息进行修改后点击刷新按钮将修改的内容更新到数据库中。点击开启按钮通知客户端开启监控功能,点击应用按钮通知客户端数据库有更新,应用按钮初始化为不可用,当单击开启按钮后,才使应用按钮可用。用户也可以在右上角的编辑框中输入关键词从数据库中搜索类似的软件信息并且在列表中显示。
⑵ 用户管理界面
采用模态对话框形式显示用户管理界面对话框,如果登录用户为管理员,则可以对用户信息进行管理。如果登录用户为普通用户则只可以修改自己的用户信息。
2.2.2 登录
运行本软件后首先弹出该登录对话框,对应CLoginDlg类。通过单击设置按钮可以显示查看更多内容,并可以对相关信息进行修改,数据库地址、数据库登录名、数据库密码、广播地址、本地端口和客户端端口的内容初始读取自ini配置文件,当通过该对话框对内容进行了修改后也及时修改该ini配置文件。当单击登录按钮后首先检查登录名和密码是否填写,如果未填写则需提示用户。符合要求后可以登录,如果连接数据库出现异常,将弹出设置对话框。连接成功后,查找用户表,如果找到该用户并且密码正确则登录成功,该登录对话框关闭,弹出主界面,否则提示用户名或密码错误。
2.2.3 数据库连接
采用ADO技术连接网络数据库SQL 2000,通过对象模型Connection从应用程序中访问数据源,连接时所使用的用户名和口令等信息从配置文件中读取。通过对象模型Command对已建立连接的数据源进行指定的操作。通过对象模型Recordset将查询结果存储在本地,这些数据以行为单位。在默认情况下,Visual C++不支持ADO对象,要在程序中使用ADO对象,需要使用#import命令将ADO库文件msado15.dll导入到工程中。通过该库中的_ConnectionPtr、_CommandPtr、_RecordserPtr三种接口为数据库的连接、增加、删除、查找和修改提供接口。数据库的连接应遵循最迟连接和最早断开的原则[5]。异常处理方式为等待用户修改连接字。
2.2.4 套接字通信
本软件采用基于套接字进行通信,用于客户机与服务器端软件信息的及时交流,控制。套接字类型采用符合Windows消息驱动特性的网络事件异步选择机制的类型,基于消息驱动机制的异步程序,基于套接字通信中,套接字的接收处理时一个阻塞函数,因此如果没有接收到消息,该函数会处于等待状态而不会马上返回,使整个程序阻塞[6]。
2.2.5 软件信息操作
通过数据库连接对象将结果插入到LISTCTRL控件中,连接采用recordset提供的open函数,该方式的效率比connection连接方式快。控件提供CHECKBOX风格,结果中表示已禁止的行为勾选状态,是用户通过点击checkbox设置是否禁止该项。由于LISTCTRL控件支持的编辑功能只对第一列有效,因此通过获取鼠标双击区域的行列号并在该位置覆盖一个编辑框达到类似效果。列表中类型列的设置采用弹出菜单的方式,使用户通过鼠标方便的为软件分类。
2.3 客户端功能的实现
本软件客户端需要隐藏自己的主界面,目的是让用户无法关闭该程序, 软件的主窗口在初始化时被设置为SW_HIDE风格。当软件运行时,在任务栏和任务管理器中的应用程序中都看不到该软件。软件会采用开机自启动,把程序拷贝到系统目录,并改名为NETMANAGE.EXE。和服务器采用相同的方式连接数据库。异常处理方式为重新运行程序并等待服务器指令。采用与服务器相同类型的套接字,为使服务器和客户端能在同一机器上运行,绑定的端口号应与服务器的不一样。应用程序每秒扫描一次,为提高系统的执行效率,不采用遍历所有桌面窗口的方式,考虑到扫描频率和机房电脑的数量,本系统只扫描正在运行的桌面顶层窗口。为进一步减少数据库的访问,当检测到当前顶层窗口和上一秒是相同的,则表示该窗口未被禁止,因此不再继续访问数据库。当窗口发生变化时重新开始访问并查找数据库。当未查询到相关信息时,采用乐观加锁的方式将该信息插入到数据库当中,即仅在调用Update方法时锁定记录[7]。
3 结束语
通过一系列的测试表明,本软件能在局域网中有效地发现客户端上运行的程序,服务端经过设置后能有效的控制客户端上所运行的进程,从而控制了客户端的进程应用,在一定程度上提高了局域网内的管理质量和学习氛围。该软件的创新性在于,其对网络连接的灵活性、网络控制的方便性和完善的异常处理能力。
该软件通过定时扫描顶层窗口的方式来控制进程,这并不是最优的解决方式。另外,该软件通过获取窗口类名和窗口标题来区别软件信息,一少部分软件特别是系统程序仅通过这两项很难理解其是什么软件,需要通过查阅资料才能了解。但目前,用已知的方式对此改进,需要大量的数据处理。我们将继续研究,寻找更好的解决办法。
参考文献(References):
[1] 姚领田.精通MFC程序设计[M].人民邮电出版社,2006.
[2] 施炜,李铮,秦颍.Windows Sockets 规范及应用-Windows网
络编程接口[M].电子工业出版社,1996.
[3] 刘浩.Visual C++ SQL Server 数据库应用实例完全解析[M].
人民邮电出版社,2006.
[4] 袁翔.Visual C++实践与提高系列丛书――网络编程篇[M].
人民铁道出版社,2001.
[5] 王珊.数据库系统概论[M].高等教育出版社,2006.
关键词:iOS;Windows10 mobile;Smartisan OS;易用性;扁平化;拟物化;
图标设计
检索:.cn
中图分类号:J0 文献标志码:A 文章编号:1008-2832(2016)04-0044-03
一、操作系统简介及对比版本介绍
首先,iOS是由苹果公司开发的移动操作系统。苹果公司最早于2007年1月9日的Macworld大会上,最初是设计给iPhone使用的,后来陆续套用到iPod touch、iPad以及Apple TV等产品上。
其次,Windows Phone(简称WP)是微软于2010年10月21日正式的一款手机操作系统。基于Windows CE内核,采用了一种称为Metro的用户界面(UI),并将微软旗下的Xbox Live游戏、Xbox Music音乐与独特的视频体验集成至手机中。
最后,Android是Google公司于2007年11月5日宣布的基于Linux平台的开源手机操作系统。由于Android是开源手机操作系统,允许其他厂商免费使用,所以终端厂商可以在其基础上做一些修改来达到自身的一些目的。根据对操作系统修改的程度,可以分为一般的定制和深度定制。不论一般定制还是深度定制,只要兼容原生Android原生应用,通常我们称都称这类操作系统为Android系统。
根据NetMarketShare最新的数据显示:Android市场份额位列第一,达到了53.54%,而iOS紧随其后,市场份额有38.58%,第三大手机系统则是windows Phone,虽然市占率只有2.48%,但发展潜力不容小觑。
本文将分别选取iOS 9 2、Windows 10 mobile和Smartisan OS 2.5这三个操作系统对其图标设计进行对比分析。iOS 9.2、Windows 10 mobile分别是苹果公司和微软公司到目前为止的最新手机操作系统,而在Android阵营中选取Smartisan OS 5.2的理由是:―方面Smartisan OS是基于Android深度定制的操作系统,另一方面Smartisan OS以其出色的界面设计获得了国际上的广泛认可,其中包括iF设计大奖金奖。总之Smartisan OS更能担当Android开源模式下深度定制的典范。
二、图标设计的整体风格对比
(一)扁平化图标设计的代表iOS 9.2
2013年9月11日,回归极简风格设计的iOS 7.0一经面世便引来社会大众的高度关注,瞬间“扁平化设计”这个敏感的词汇被推到了风口浪尖,扁平化风格作为设计潮流以不可抵挡之势在界面设计领域蔓延开来。苹果将这种风格一直延续到今天的i0S 9.2。
扁平化作为一种设计风格是在智能手机高速普及,同时拟物化设计风格被普遍应用的情况下出现的,这样的设计风格无疑在一定程度上解决了人们对拟物化设计的审美疲劳。
扁平化设计追求简约,通常采用鲜艳明亮的单块,结合iOS图标一贯的圆角矩形轮廓,给人一种光滑、整洁、华丽以及充满现代感的全新体验。(图1)
(二)Windows 10 mobile的极简单色图标
Windows 10 mobile的界面设计风格无疑是三大操作系统中最具特色的。Windows 10 mobile使用简单的特效,或者无特效来创建的设计方案,它不包含三维属性,诸如投影、斜面、浮雕、渐变等特效都不会在设计中使用。首先系统自带应用全部都以单色图形呈现,其次对部分常用第三方应用图标微软也推出了相应的单色图形图标。同时大量的第三方应用则以原本的彩色形式呈现。这样的图标呈现方式在其独特性的背后隐藏着不可忽视的问题,即单色的图标与彩色的图标同时存在,由于缺乏整体规范性以及统一性在视觉上给人一种杂乱无章的体验。(图2)
关于图标风格的一致性,由于Windows 10 mobile主要采取极简的单色图标设计风格,这样在保持图标整体风格的一致性方面就面临着巨大的难题。虽然微软可以把部分相对常用的应用简化为单色应用,但是对于一些第三方应用图标来说,由于原本图标是由多重色彩绘制而成,同时结构复杂,以至于无法简化为单色图标(图3)。除非重新绘制全新的单色图标,这样一来,图标原有的含义以及应用的换平台可识别性就会受到严重影响。所以结果就是Windows 10 mobile无法保持图标设计风格的一致性。
(三)拟物化图标设计的典范Smartisan OS 2.5
在数字界面领域里,拟物化设计起源于图形界面(GUI)的视觉隐喻(Visual Metaphor)。往往指几面设计模仿现实物质世界中的事物,以使其外观让人感觉熟悉和亲切。
Smartisan OS的图标设计属于典型的拟物化设计,即通过模拟现实世界的物质的形态与质感,加上阴影、材质纹理等信息,最大化的将真实世界反应在图标设计中。
由于近年来,产生了许多过分强调细节而违背交互设计要求的拟物化产品,使大众对拟物化产生了一定的误解,觉得拟物化风格便是繁琐、立体的,甚至认为拟物化一定会被扁平化的设计风格所取代。但拟物作为一种设计风格,使用与否应该由产品、环境以及用户需求决定,而非一味否定。
单从设计风格来讲,同样是拟物化设计的图标,根据设计师水准的高下,结果也会呈现好坏之分。但总的来说,由于Smartisan OS的拟物化图标设计还原了现实世界的物质形态,细腻的、精心设计的图标总会让用户感到熟悉、亲切甚至会有一定的趣味性。(图4)
由于当今主流的图标设计风格是扁平化,那么如何确保系统中众多的第三方应用的图标能够统一为拟物化设计风格呢?Smartisan OS的解决办法是:由设计师专门为特定的应用绘制拟物化风格的图标,在保证常用应用图标一致为拟物化风格的基础上,对小众应用SmartisanOS中提供了一批普适性图标,以替换第三方应用的原厂图标,从而确保Smartisan OS图标风格的一致性。这些拟物化的普适性图标包括游戏、金融理财、铃声壁纸、社交通讯、学习教育、书刊阅读、生活实用、儿童母婴、系统工具、商务办公、交通出行、影音图像以及其他等13个类别,每个类别中都有一定数量的喜欢图标可供选择。这样,Smartisan OS图标设计风格的一致性就得到了基本保证。(图5)
三、从易用性角度对比
(一)iOS 9.2扁平化图标的弊端
1图标的抽象表达必然会舍去一定的信息,而图标信息量减少,用户的识别成本便会增加。用户不是天生就会使用手机,图标识别成本的增加,有时会变成用户体验质量的下降。尤其对于某些特定的群体。例如在商务人士重视效率的前提下,不得不花额外的时间来理解与记忆一个陌生的图标时,这会让他们感到一定的繁琐。而高龄群体试图去理解一个抽象图标的含义时又会遇到一定的障碍。
比如同样的相册应用,iOS 9.2中经扁平化设计、抽象处理后的相册应用图标与Smartisan OS 2.5中拟物化设计、真实的还原相片堆叠时形态的相册应用图标相比,显然后者更容易被识别。(图6)
2扁平化的布局淡化了按钮图标的边界与布局,用户不确定点按的范围,即便点对了,也不会形成明确的反馈,这样用户在使用的过程中就缺失了一定的类似“手机在我的掌控之中”的踏实感。
(二)Windows 10 mobile单色图标存在的易用性问题
1单色的图标已然在很大程度上削减了图标的信息量,这样信息量的极度减少,必然导致识别成本的急剧增加。甚至导致出现图标存在意义的缺失:人们不再通过图标,而是通过图标旁边的图标名称来识别特定应用。在Windows 10 mobile中,一些图标为了追求极致的简约,导致的结果是图标过于抽象,以至于用户很难将之与应用内容建立联系。(图7)
2.从人类的生理角度来讲,人们习惯通过颜色来寻找东西,正如图书馆的一些书籍会按颜色分类排放,再比如在印度的一些学校外面,学生按照颜色排列脱下的鞋,以便之后能够通过颜色快速的找到。在这样的前提下,如果用户想根据图标的颜色来快速的找到特定应用的话,单色的图标设计就丧失了提供便利的可能。比如我们想到微信的时候,脑海里会呈现一个绿色的图标,想到淘宝的时候脑海里呈现的是一个橘黄色的图标,而这些颜色特征在Windows 10 mobile中全部被抹去,取而代之的是一律呈现白色。这样的图标设计意味着每一个图标的“个性”的消失,接下来便是用户寻找图标的困难,最终导致的是易用性的降低以及体验的下降。(图8)
(三)Smartisan OS拟物化图标设计的优势
Smartisan OS的拟物化风格通过模拟现实世界的物质的形态与质感,加上阴影、材质纹理等信息,最大化的将真实世界反应在界面设计中。出色的拟物化设计能够提供足够多的有用信息来反应应用的内容,提高了图标的可识别性,加上能够很好的唤起用户对于真实世界的联想,最终用户能够很快的理解图标的含义,从而降低了学习成本和使用心理负担。
即便第一次使用智能手机的用户在看到Smartisan OS中经过重新绘制的淘宝应用的图标之后也能够基本确定这个应用是用来购物的。购物袋上写一个“淘”字,结合淘宝网的主题色橙色,已经传递给用户足够多的必要信息。(图9)
四、结语
编写课件脚本是课件开发过程中,从面向教学策略的设计到面向计算机软件实现的一个过渡,是沟通教学设计与课件制作的一个桥梁。教师在编写前、编写中、编写后须做好哪些功课呢?
一、编写前的功课
1.了解课程的性质和特征。不同的课程会有不同的特征,在教学设计和课件制作时也会有所不同。这就要求课件脚本编写者对课程特征要有所了解。了解的渠道可以从新课程的理论知识和各课程的教材等方面来进行。如在课改实验中,语文课程积极倡导自主、合作、探究的学习方式,努力建设开放而有活力的课堂;数学课程倡导动手实践、自主探索与合作交流的学习方式,努力建设生动活泼的、主动的和富有个性的课堂。编写课件脚本时就要根据不同课程的特征和性质来选择制作课件的类型:是以动画为主,还是以图形展示为主;是以练习为主,还是以资料拓展为主。只有明确了主次,才能为课件制作者选择合适的制作媒体指明方向。
2.了解教学设计。课件是为教学服务的。为了让课件能在教学过程中起到应有的作用,脚本设计者必须对教学设计中的教材内容、教学目标、教学过程有个详细了解。只有了解了整个教学设计及教学过程,才能在脚本中设计出有助于突破教学重点难点的精彩片段。如笔者在编写《五彩池》这一课件的脚本时,先与执教教师一起交流探讨,知道文中的重点和难点是五彩池五彩的原因。要解决这个重点和难点,用一般的解说是很难讲清楚的。如果在课件中设置一个光的折射原理界面,化抽象为具体,难点就迎刃而解了。于是,笔者在脚本编写中加入了这样一个界面:三棱镜折射七色光的动画慢镜头。结果,上课教师反馈据此脚本制作的课件运用到课堂教学中,收到了较好的辅助教学效果。
3.了解学生。学生是学习的主体,不同年龄段的学生,生理和心理特征有明显的差异。教师不仅要在教学设计时对学生进行特征分析,在编写课件脚本前还要结合编写课件脚本的要求了解学生的需求。如低年级的学生对事物的理解偏于感性认识,喜欢一些色彩艳丽且童话故事性强的事物;而高年级的学生对事物的认识就渐渐偏于理性化了,如果在编写课件脚本前对此有了一定了解,就会有针对性地编写。比如,在编写低年级课件时可少用大段的文字界面而多用些故事性强的图片和动画来吸引学生的注意,激发他们的学习兴趣。
另外,编写课件脚本还应该了解一些课件资源的常识,如某一个界面、某一种设计用哪一种媒体来制作更合适,可以从哪些方面搜集可用的资源等。
二、编写时的功课
1.选择恰当的编写格式。编写多媒体课件脚本有不同的格式,各种格式都有其优缺点。卡片式形象直观,叙述简洁,但交互性不是很明显,比较适合于课件制作专业人员用;文字式叙述详细,但文字太多,无法让人一目了然,比较适合课件制作新手;表格式结合了卡片式和文字式的优点,但如果制作者是新手的话,用起来还是不那么得心应手。所以,编写课件时,我们应该根据课件制作者的情况来选择合适的编写格式。
2.完整呈现课件内容。不管你选择了哪种格式编写课件脚本,都要注意把课件内容叙述详尽、完整,如,哪个界面中要呈现哪种音响效果,放置哪些类型的图片和动画,在哪儿创建热字链接等。只有这些内容叙述详尽、完整了,课件制作者才能根据叙述搜集合适的资源,制作能收到预期效果的课件。
3.清晰表述课件说明。课件内容在每一个界面中都有了清楚的叙述,每个内容在课件中如何配合,如何使用,内容之间的交互关系等在课件脚本中也必须有清楚明白的说明。如:每一个界面中的文字、图片、动画在何时呈现,何时退出,用哪种过渡效果,怎样操作鼠标等,在课件说明中都要一一说明。否则,课件制作时难以根据需要进行合理设计,结果为了统一或减少麻烦,往往将课件的每个界面设计统一化。这就使设计显得单一、呆板。
4.灵活设计交互。课件内容和使用说明都有了清楚的交代,但这时依据这些内容制作出来的课件还只是一个个单一的界面,就像一盘散沙。这时,需要有一根线把它们串起来。这根线就是界面的交互关系。只有界面交互关系理清楚了,课件制作者才能把整个课件链接起来。当然,这种交互要尽量设计简便、灵活,并加上操作提示,执教者才能在课上操作自如。除了界面交互,还要适当加入人机交互。在具体编写时,既可以安排学生上台操作回答,也可在学生回答后由教师操作。
三、编写后的功课
1.附上设计意图。为了让制作者更准确把握课件脚本的编写意图,制作一个高效的课件,可以在课件脚本后附上设计意图,把为什么要编写此课件脚本,打算如何使用此脚本制作课件,想达到何种效果作简略说明。
关键词:网页设计平面视觉元素色彩文字图片
中图分类号:TP393.092 文献标识码:A 文章编号:1007-9416(2012)07-0251-01
随着时代的发展,网站建设越来越接近于一门艺术而不仅仅是一项技术,网页的艺术设计日益被网站建设者所注重。网页艺术设计是艺术与技术的调试统一,它包括视听元素与版式设计两项内容。而Photoshop在网页版面设计、网页效果图制作上有着不可替代的地位。
网页设计作为一种新兴的大众信息传播方式,它能综合运用文本、图像、声音、动画和视频等元素来传递信息和内容,具有丰富的多媒体表现与互动的特点。好的网页设计除首先应考虑其内容上的精益求精外,其次就是对内容合理有效的视觉编排。视觉元素不仅是为了满足使用者的需求,更重要的是创造一种愉悦的视觉环境,使他们有一种全身心的享受与共鸣。
在设计一个网页之前,先要考虑这个网站的浏览者是哪一个人群。医院的网站和娱乐网站的目标浏览者是不同的,相应的设计要求当然也就会有所不同。
1、网页页面版式
网页版式大致可以为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型和变化型等。
1.1 “国”字型
它是一些大型网站所喜欢的类型。即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容。左右分列一些小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式和版权声明等。这种结构几乎是网上使用最多一种结构类型。
1.2 左右框架型
这是一种左右为两页的框架结构,一般来说左面是导航链接,有时最上面会有一个小的标题或标志,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型的结构非常清晰,一目了然。
1.3 Flash型
其实这与封面型结构是类似的,只是这种类型采用了目前非常流行的Flash。由于Flash具有强大的功能,所以页面所表达的信息更丰富。其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。
2、图像颜色和色调调整
Photoshop的图像色彩处理功能是非常强大的,可以模拟传统摄影中使用不同类型的胶片或镜头滤镜在照片中实现某种颜色和色调的效果。并可以调整和矫正颜色及色调存在问题的图片。
它提供了两种方式进行图像的颜色和色调调整,一种是选取“图像”/“调整”菜单;另一种是在“图层”面板上单击下方的“创建新的填充戒调整图层”,在弹出的快捷菜单中进行选择。
2.1 色彩的视觉影响
色彩为第一视觉语言,具有影响人们心理、唤起人们感情的作用,甚至能左右人们的感情和行动。
(1)可以传达意念,表达某种确切的含义。如交通灯上的红色表示停止,绿色表示放行,这已成为人们所了解和承认的一种视觉语言。(2)色彩有明显的影响情绪的作用。不同的色彩可以表现不同的情感。(3)色彩有使人增强识别记忆的作用。如天空的蓝色,国旗的红色,都成为人们记忆、识别事物的标准色。(4)彩色画面更具有真实感,能充分地表现对象的色彩、质感和量感。(5)色彩能增强画面的感染力。彩色比黑、白和灰色更能刺激视觉神经。具有良好色彩构成的设计作品能强烈地吸引消费者的注意力,增强艺术魅力。
2.2 色彩设置
颜色模型确定各值之间的关系,色彩空间将这些值的绝对含义定义为颜色。某些颜色模型有固定的色彩空间,因为它们直接与人类识别颜色的方法有关。这些模型被视为与设备无关。其他的一些颜色模型可能具有许多不同的色彩空间。由于这些模型因每个相关的色彩空间或设备而异,因此它们被视为与设备相关。
3、文字选择
编排网页上的文字信息时需要考虑字体、字号、字符间距和行间距、段落版式及段间距等许多要素。从美学的观点看,既保证网页整体视觉效果的和谐、统一,又保证所有文字信息的醒目和易于识别,这是评价文字选择工作的最高标准。
“对比”是另一个设计和编排文字信息时必须考虑的问题。不同的字体、不同的字号、不同的文字颜色、不同的字符间距,在视觉效果上都可以形成强烈的对比。精心设计的文字对比可以为网页空间增添活力,而过于泛滥的对比因素也会让整个网页混乱不堪。
4、图片的选择
在选择图片时要记住,大多数人还是通过最高连接速度为56kbit/s的“猫”上网的。而为了浏览一个页面,耐心地等待几分钟的人实际上是很少的,应努力使每一个页面小于50~75KB。尽量把GIF和JPEG图片压缩后再加入到网页中。如果准备在站点中放置高质量的图片,那么最好设计两个版本,一个为高质量,另一个为低质量,这样就能使不同的浏览者有一个最佳选择。
在网页中使用图片时,还需要考虑美学和技术两个方面的问题。首先,图片的色彩、形状、风格等一定要与网页的整体风格相适应,图片所要传达理念或信息内容应当尽可能地清晰、准确——这是美学方面的考虑。其次,网页设计师必须知道二值、灰度、256色及真彩色图片之间的差异,懂得矢量图片和点阵图片各自的优缺点,并尽量优化图片的比特大小以减少网页的传输时间——这是技术方面考虑的。只有在美学和技术两个方面都让人们满意的图片,才有资格出现在网页的整体设计中。
5、结语
综上所述,本文主要是通过对网页设计中视觉元素应用的研究,提出根据视觉元素的运用规律及其所引起的情感因素来创新的思路,打破传统框架的束缚,更好地提高国内网页设计的水平。网页界面设计属于视觉传达的领域,故而网页界面设计的主要视觉元素和设计指导原则都要遵循视觉传达的一般规律。
参考文献
[1]叶华.Photoshop CS5中文版多功能教材[M].北京:电子工业出版社,2011.04.
[2]赵武.Photoshop CS5图像处理实例教程--从入门到精通[M].北京:机械工业出版社,2011.10.
[3]李金明.中文版Photoshop CS4数码摄影后期处理完全自学教程[M].北京:人民邮电出版社,2012.01.
【关键词】学习资源;JavaFX RJA;桌面富客户端;MASHUP
【中图分类号】G40-057 【文献标识码】A 【论文编号】1009-8097(2013)07-0090-05
引言
学习资源是学习者学习的对象,在学习中起重要的支撑作用,是学习者增进知识、发展能力必要的外部条件。在网络学习环境中,如何获取和管理学习者所需要的学习资源一直是教育者与学习者共同关注的热点及难点问题。本文在总结常用学习资源获取技术与Mashup学习资源获取技术优缺点的基础上,进一步深入的探讨了如何利用JavaFX RIA框架技术,设计开发具备学习资源整合检索、检索结果整理与汇聚、检索结果快捷浏览等功能的桌面学习资源获取MASHUP富客户端。
一 常用的学习资源获取技术
1 搜索引擎
在网络学习环境下,大多数学习者习惯利用搜索引擎进行学习资源的检索与获取。利用搜索引擎几乎是学习者在互联网上进行学习资源检索首选方式或唯一方式。其原因主要是该种方式操作简单、方便快捷。但这种检索方式还存在以下缺点:一是检索结果数量巨大,筛选困难。如在百度(http://)网站上输入检索词“心理学”,检索结果达到l亿以上。在这1亿多条记录中找到学习者需要的学习资源几乎是无法完成的任务。因此利用搜索引擎进行学习资源的检索,还需要学习者不断的学习和积累搜索引擎检索的知识和技巧。二是搜索引擎无法实现目标网站的内容查询。搜索引擎只能检索Web索引网页和Web数据库里面的其他文件类型,包括PDF、DOC、PPT等类型文件。对于网站后台的资源数据库则无法实现有效检索。
2 网站检索
互联网上的学习资源网站十分丰富,并各具特色。主要包括电子书、教学课件、教学音频视频、学术性期刊、学位论文、试题库、专家库、网络课程等。通过专业的学习资源网站,学习者可以获得许多学术性较强的各种资源,但是由于各学习网站实力、商业利益和版权等诸多因素的限制,学习网站在学习资源建设上只能是偏重某一个方面。这种情况,给学习者在学习资源查找和获取等方面带来了许多负担。学习者为了获取自己需要的学习资源,不但要收集、管理数十个、甚至上百个不同网站的书签,还要花费大量的时间在众多不同的网站上依次查询。
3 社会软件
论坛、学习社区、QQ群等社会软件也是学习者获取学习资源的重要途径。具有共同学习目标的学习者可以形成学习共同体,他们不但可以通过社会软件交流学习经验、咨询解答各种学习上遇到的问题,还可以分享各自的学习资源、学习成果(作品)等。通过社会软件这种方式获取学习资源优点是针对性、适用性比较强,缺点是学习资源相对零散、缺乏组织,而且系统性、完整性不高。
二 基于RIA的MASHUP学习资源获取技术
混搭(Mashup)是一种新型的基于Web的数据集成应用程序。传统上,Mashup源于流行音乐,是一种音乐类型,也被称为bastard pop,指的是艺术家组合或者混合两首不同的歌曲(通常属于不同的流派)的音乐和歌词来创作新的歌曲。其概念后来被逐渐引申到计算机应用中,维基百科的说法:Mashup混搭(互联网)是一种网络聚合应用,有一个或者多个信息源整合起来的网站或者网络应用。由此可见,Mashup是合并多个源的信息和服务的网页或网站。一个熟知的Mashup典型范例是,该网站合并了Google的地图服务和的公寓租售信息,包括与住宅购买数据相结合,创建了一种交互式的房屋搜索工具。
1 Mashup的分类及典型应用
按照数据整合的形式,Mashup可以分为整合型融汇(Mashups by integration)与聚合型融汇(Mashups byaggregation)两种(Mohanmed等。整合型融汇即数据层及功能层融汇,是指从不同来源中获取数据,并通过APIs整合形成更复杂的应用,其中涉及到数据获取、数据融合等技术。由于数据源具有不同的类型,例如数据库、Web服务(SOAP/REST)、RSS/Atom Feeds,因此从分布式资源中获取数据时要采用不同的技术,包括Web Feed技术、API调用技术、屏幕抓取技术。数据获取之后,还要对这些格式各异的数据进行相关处理,包括数据转换、映射、过滤、连接、排序等,最后构建出新的综合性数据对象。以上各种操作对用户提出了较高的编程要求,为了降低用户的门槛,一些机构推出了用于数据融汇的工具,例如Yahoo!Pipes、GoogleMashuo Editor等等。
按照Mashup运行的位置,可以分为服务器端和客户端两种。服务器端Mashup是将网站内容与服务有机的结合成一体,接受用户所有的委托服务,并将运算结果最终返回到用户终端。客户端Mashup是直接对服务器的服务及内容提出要求,而无需通过委托服务。
Mashup典型的应用主要是地图Mashup、视频和图象Mashup、搜索和购物Mashup、新闻Mashup等。在网络学习领域研究中,Mashup的应用与研究主要集中在个人环境构建中。外尔德(Wild,2008)等人进一步提出了Mashup个人学习环境的概念。Mashup个人学习环境(Mashup Personal Learning Environment,MUPPLE)“是指利用Mashup技术聚合网络中分布的资源及服务,形成开放的、易用的、个性化的个人学习环境(PLE)”。学习者可以通过Mashup站点整合不同的资源或服务来生成新的服务,构建一种具有一站式体验的个人学习环境。
2 基于RIA的MASHUP学习资源获取技术
富因特网应用程序(Rich Intemet Applications,RIA)是开发MASHUP桌面客户端的最佳解决方案。基于RIA的Mashup充分利用本地资源实现与远程服务的交互并给用户带来更为丰富体验,与传统基于浏览器方式访问互联网服务网站的方式相比更具有交互性和灵活性。富客户端技术一般采用C/S结构,基于HTTP协议实现与远程服务器的数据通信,来实现数据交换、远程操作、数据聚合、数据整合等功能。
与常用的学习资源获取技术相比,基于RIA的MASHUP学习资源获取技术具有以下特点:
(1)支持数据整合
MASHUP的最基本特征就是实现不同网站内容的聚合。富客户端在实现汇聚不同学习资源的基础上,还能够利用本地计算机的信息处理能力,进一步加工整理来自不同网站的学习资源数据,从而达到数据层MASHUP不同学习资源的能力。通过对学习资源进行必要的分析与整理,能够更加方便学习者过滤冗余信息,从而快速定位所需学习资源。
(2)支持个性化
Mashup关注用户的自我服务。基于RIA的MASHUP是完全个性化的,能够帮助学习快速而精准的获取自身切实需要的学习资源。主要体现在两个方面,一是学习者根据自身的学习目的、学习兴趣、学习风格自主选择和配置目标网站;二是学习者通过设置数据整合参数,快速定位学习资源。
(3)开发难度低
虽然各学习资源网站数据结构及元数据各异,但是许多网站都不同程度的提供了API接口(AJAX、REST、RSS/Atom等)。如豆瓣网提供了完全开放的基于OAuth2,0协议的授权访问。开发者可以比较容易的利用API实现对远程服务学习资源的登陆、检索、下载、更新等操作。
三 基于JAVAFX-RIA的桌面学习资源获取MASHUP富客户端的功能设计
桌面学习资源获取富客户端DEMO版(见图1桌面学习资源获取MASHUP富客户端DEMO版)以北京万方数据库(http://.cn)、中国大学视频公开课(http://)、中国人博客搜索引擎(http://)三个互联网站为例进行学习资源检索与获取。同时系统允许用户自己设定主页,如主页可设置东北师范大学图书馆为系统初始界面。上述三个互联网站分别代表商业学术文献数据库、公益学习资源视频数据库、社会软件和搜索引擎。这三类学习资源网站各具特色、且网站后台数据库数据结构各异,具有一定的代表性。
1 桌面独立运行
桌面学习资源获取MASHUP富客户端DEMO版(以下简称系统)可以在桌面上独立运行,运行环境为JAVA JRE1.7、JAVAFX JRE 2.0。系统采用JAVA语言开发,继承了JAVA强大了系统跨平台性,具有较强的面向智能手机、PAD等终端的可移植性。
2 整合检索
系统实现了一次输入,多个网站后台同时进行整合检索,并将检索结果自动汇聚(见图2检索结果列表)的功能。主要涉及数据获取、数据融合等技术,由于数据源具有不同的类型,因此从分布式资源中获取数据时要采用不同的技术,如Web Feed技术、API调用技术、屏幕抓取等技术。数据获取之后,还需要对这些格式各异的数据进行进一步的分析、加工处理,包括数据转换、映射、过滤、连接、排序等,最后构建出新的综合性数据对象。整合后的数据库以表格形式反馈给用户,分别显示学习资源名称、学习资源网址、学习资源类型等信息。
3 检累结果统计
系统分别自动读取不同目标网站的检索结果汇总数量,并显示给用户(见图3检索结果统计)。检索结果统计功能的作用主要有两个:一是用户可以根据系统提供的检索结果数量,了解目标网站学习资源的收录情况;二是用户根据统计后的检索结果,来制定下一步的检索策略。
4 检索结果快捷进入
系统在返回目标服务器检索结果的同时记录了检索结果的URL。通过系统的内置浏览器,用户可以方便的点击任何一条检索结果中的数据,自动连接绑定该记录的URL,实现自动查看学习资源细览页面(见图4)。用户也可以利用系统检索目标网站返回绑定的概览页面的URL,通过点击目标网站名称,进入目标网站检索结果的概览页面(见图5)。
5 检索结果下载
对于目标网站所提供下载服务的学习资源,资源下载地址自动在系统内置的浏览器中显示出来,用户不但可以在线浏览学习资源,也可以在系统中将学习资源进行直接下载并保存到本地。
6 检索结果导出
系统与本地学习资源管理系统连接,导出基于SCORM标准的数据。学习者可以通过桌面学习资源获取MASHUP富客户端与本地学习资源管理系统组合使用,方便的实现学习资源的检索、获取及管理等功能。通过本地学习资源管理系统,用户还可以实现离线管理和利用各种类型的学习资源。
7 检索目标网站选择
系统允许用户对目标网站进行管理。用户根据自身的需求以及检索需求,在使用系统时可以提前设置目标数据库选项,从而精炼的选择检索内容,也就是说用户可以根据自己的需要来确定系统在一个或几个学习资源网站中进行整合检索。
四 基于JAVAFX-RlA的桌面学习资源获取MASHUP富客户端的实现
桌面学习资源获取MASHUP富客户端DEMO版的软件开发环境是:操作系统为WINDOWS7,开发语言是Java 1.7jdk和javafx2.3JDK,开发工具是NETBEANS 7.2.1和JavaFXScene Builder 1.0;硬件开发环境是:英特尔第二代酷睿I3-2310M@2.10GHz双核处理器、2G内存。
1 关键技术
当前RIA流行的开发工具主要有Adobe公司的AdobeFlash/Flex、微软公司的SilverLight、Oracle公司的Java FX等几款开发工具。这几种工具各具特色,Flex先入为主,目前占有比较大的份额,Silverlight的优势是有Windows平台的支持,而JavaFX作为后起之秀,其优势在于Java语言的广泛使用及自身的开源策略。本文无意比较这几款产品的孰优孰劣,依据开源、跨平台、开发人员技术特点等方面,桌面学习资源获取MASHUP富客户端DEMO采用了Java FX作为主要的开发工具。
桌面学习资源获取MASHUP富客户端DEMO版涉及的关键技术主要包括JAVA、Httpclient、HttpParser、JAVAFX框架技术等几方面:
(1)Httpclient
HttpClient是Apache Jakarta Common下的子项目,用来提供高效的、最新的、功能丰富的支持HTTP协议的客户端编程工具包,主要的功能实现了所有HTTP的方法(GET,POST,PUT,HEAD等)、支持自动转向、支持HTTPS协议、支持服务器等。在本系统的开发中,主要应用Htq)Client技术实现浏览器后台模拟,并利用远程学习资源服务器提供的API接口,通过HttpClient对远程学习资源数据库进行建立连接、登陆、检索、关闭连接等操作,具体实现交互的方法主要有GET、POST、PUT、HEAD等。
(2)HtmlParser
Htmlparser是一个纯的java写的html解析的库,它不依赖于其它的java库文件,主要用于改造或提取html。HtmlParser主要靠Node、AbstractNode和Tag来表达Html。目前各学习资源网站提供的API接口开放程度有所不同,对于MASHUP能力较弱的的远程服务器,本系统利用HtmlParser技术分析检索后的网页结果,提取学习者需要的必要信息,如学习资源名称、学习资源作者、学习资源链接等。
(3)JAVAFX框架技术
JavaFX编程语言是著名的富互联网应用程序(RIA)开发程序之一。基于JavaFX SDK开发的程序可以在JAVA JRE与JavaFX JRE运行时下独立运行。JavaFX具有可以直接调用Java API的能力以及开发简单、界面友好等特点,是开发富客户端程序的有力工具。特别是Oracle公司新推出的JavaFXScene Builder 1.0工具实现了界面设计的可视化操作,使系统界面工作变得更加快捷。本系统主要应用了Java FX中的JavaFX Scene Builder 1.0工具、Table View和WebView等部件。界面设计过程主要有两个部分,首先是利用JavaFX Scene Builder 1.0工具进行界面可视化设计,形成FXML文件,其次在JavaFX框架内编写界面的UI,将程序控制代码与界面中的各个部件进行关联,从而完成界面整个过程的设计与制作。
五 总结
关键词:Android;本地化应用;移动学习;移动课件
文章编号:1007-1423(2013)04-0055-05
0 引言
移动学习是一种依托无线网络技术、移动计算技术和多媒体技术,利用移动通信设备,随时随地获取学习资源和服务的一种新型数字化学习方式。移动终端以其具有的小巧便携性、学习时间与学习内容的零散碎片性、学习者个体学习的灵活自主性及互动交流的及时有效性等特点,为广大移动学习者提供了方便、快捷的学习环境。
课件是根据教学大纲的要求,经过教学目标确定,教学内容和任务分析,教学活动结构及界面设计等环节,而加以制作的课程软件。移动课件是适合移动学习的课件,是移动学习资源的重要组成部分。目前,适合移动学习的课程学习资源匮乏、资源分布不均、资源更新成本高、资源共享程度低,这其中最大的原因就是开发技术还比较复杂。很多高校无线网络还没有完全覆盖,也严重制约学生进行移动学习的积极性。本文以《安全用电》手机课件的制作为例子,描述了如何在Android平台上,利用开源中间件Rexsee,采用HTML5+CSS+JavaScript设计网页课件,最后打包成本地化应用。本地化应用可以不受网络的限制,随时随地都可以使用,便于进行移动学习。
1 移动课件设计原则和制作流程
1.1设计原则
移动课件的设计开发,必须遵循移动学习的原理,适合移动学习的特点。一个优秀的移动课件应该满足下面的原则。
(1)内容适合性原则
移动学习的最大特点就是随时随地,例如公车上、地铁上,而且学习过程容易受到干扰。所以内容必须有一定的吸引力,而且界面友好。
(2)知识点零散性原则
移动学习是零碎的,所以学习内容不能过于系统完整,最好是分专题,知识点比较零散的。如本例子中的课件《安全用电》就分为4大主题,每个主题又分为若干知识点,彼此间没有紧密联系。
(3)简约性原则
手机的屏幕比PC小,限制了屏幕上内容的容量,所以在具体内容的设计上要有针对性的精简和取舍,而且要图文并茂,文字太多会使学习者感觉鼓噪无味。适当地穿插合适的图片能够提高学习者的兴趣。本课件在制作的过程中尽量使用图片和动画,提高学习者的学习兴趣。
(4)少输入原则
手机的输入远没有PC和笔记本方便,所以应该尽量减少用户输入的环节,一些互动功能也尽量要求简约,通过屏幕触摸就可以完成输入,例如本课件中的测试模块就都采用选择题目,使用户能够轻松完成测试。
(5)自适应原则
考虑到手机终端的分辨率众多,所以程序必须支持分辨率的自适应,系统设计多个样式表,根据不同分辨率,自动调用相关的样式,实现多机型的支持。
1.2制作流程
移动课件开发一般要经历7个阶段,下面以《安全用电》课件为例子,介绍具体的开发流程。
①选题。选题很重要,不是所有的主题都适合于手机表现,一般认为内容大众化,有一定的普及性,这样的内容才值得做成移动手机课件,本例子选题就是考虑到电的通用性,每个人都需要了解和掌握电的知识,但是目前很多人相关知识还比较缺乏,需要提高安全用电的意识。
②规划。收集相关资料,确定采用的技术路线,本课件目标是做成本地化的应用,由于原生开发难度比较大,所以采用基于中间件的开发方式,最终决定采用Rexsee,该中间件号称会HTML就会Android开发,降低移动开发的门槛,适合广大初学者使用。
③课件设计。确定课件的知识结构,教学内容组织方式,UI界面设计,交互方式设计等。
④原型制作。确定了技术架构和设计方案之后,就是课件的具体制作了,这个时候最好先测试一下该技术路线和方案的可行性,先拿其中一小块内容制作一个测试案例,没有问题之后才继续下去。如果技术已经成熟,开发过多个应用,这一步可以跳过。
⑤课件制作。完成所有内容的制作。
⑥课件测试。测试版本,修改完善。任何一个软件不可能一出来就是完美的,一般都会经历几次迭代。最后才形成发行版本。
⑦正式。在各大应用商店,或者直接挂在网站上面提供下载。
2 移动学习课件的开发方式
目前开发移动学习课件的技术还比较复杂,主要有基于SDK(Software Development Kit,即软件开发工具包)的开发方式,基于HTML5和CSS3、直接开发Web App的方式,还有混合式的开发方式。
2.1基于SDK的开发方式
这种方式开发出来的应用一般称为本地化应用(Native App),例如IOS系统下面的应用,必须在MAC系统下,采用Objective-C语言,一般采用XCode作为开发环境。Android系统下面的应用则采用Java语言,一般是采用Eclipse作为开发环境。本地化应用可以充分地阐扬硬件设备和操作体系的功能特点,并可以完全不受收集限制,运行效力高,可以完全发挥硬件的性能,但同时,因为技术门槛的原因,在具体实现上须要面对开发周期较长、成本较高、调试与后期维护相对错杂的问题,所以高校中能够采用该方式开发移动教学课件的人员还比较少。
2.2基于HTML5和CSS3的Web App开发方式
近两年,随着HTML5技术的发展和完善。以HTML5为主要驱动的Web App,客户端不再需要开发工作,退化为使用内置的浏览器与用户交互,服务器端以HTML5、CSS3、JavaScript作为前端供浏览器展示,使用其他服务器端技术实现业务逻辑和数据库管理。这种方式能够实现不同终端的适配问题,实现“一次开发,多平台运行”,而且易于扩展和升级,已经成了未来的一个趋势。但是,这种方式开发出来的应用离不开网络的支持,而且性能稍差,难于使用设备的特性,例如传感器、通信录、蓝牙、GPS定位、推送等功能。所以这种方式,也不适合制作本地化的移动学习资源。
2.3混合开发模式
Native App开发难度高,工作量大,Web App受限于浏览器前端技术,两者各有优缺点。在这种情况下,混合开发成为很多用户的选择,对于侧重性能、体验、设备特性、本地数据管理部分,采用Native的方式,其余内容采用Web的方式,这种方式开发的应用一般成为Hybrid App。目前,国内外已经出现了很多Hybrid App的开发框架,例如国外的PhoneGap、AppCan,国内的Rexsee,这些框架把移动终端的功能封装成API,用户可以通过JavaScript直接调用移动终端功能,这种方式模糊了原生应用与Web应用的界线,而且降低了开发难度,用户只要会HTML和JavaScript就可以进行移动开发。这种开发方式适合于刚进入移动应用开发的人群,特别是高校中想制作应用于移动终端的教学课件的教学工作者,本文以国内开源中间件Rexsee为例子,介绍如何快速开发本地化的教学课件。
3 课件具体开发
Rexsee是国内开源的一款移动中间件,与其他中间件所有平台都支持有所不同,它选择深度支持An-droid平台,并不支持IOS平台。在Rexsee框架下,用户使用HTML5+CSS3+JavaScript就可以进行移动开发,无须了解Android和Java,服务器端支持使用任何语言,例如Java、PHP,Python,.NET等。Rexsee支持访问Android本地资源,支持Android原生功能,媲美An-droid原生体验,其最大的亮点就是支持在线编译生成APK客户端,无须使用Eclipse等工具。下面介绍如何利用Rexsee开发移动课件。
(1)搭建模拟器运行环境。基于Rexsee的移动应用的开发,可以像传统的Web制作方式进行,所有应用都可以做成HTML页面,开发前先在本机搭建手机模拟器,模拟器的配置如下:
①安装Java JDK
②到Rexsee官网下载模拟器,也可以使用Android SDK。
③解压模拟器之前装好Java JDK,配置Java的环境变量。
④解压模拟器。例如到C盘下C:\RexseeEmulator,配置好Android Home环境变量参数。
⑤下载开发版,安装到模拟器。
(2)在Dreamweaver中制作网页课件。课件制作可以像传统的静态网站制作方法一样,在Dreamweaver中进行。Dreamweaver CS5.5完全支持HTML5,而且支持多种预览界面。本例子中静态网站的结构如表1所示。
具体页面结构与传统网页制作方法相同,在JavaScript标签块或*.js文件中调用Rexsee的各种的函数和方法,具体效果得在模拟器中才能看到。
为了便于功能拆分,尽量把内容分拆在不同的
HTML页面,每个页面的具体结构如下图:
其中style.css是课件的通用样式文件,负责整个课件的样式风格的控制;common.js负责UI呈现和控制,Rexsee中间件的各种方法一般都以rexsee开头,目前支持95%的Android原生功能,本例子中,通过调用Rexsee常见的几个方法,实现了屏幕界面的定制和分辨率的自适应。
如图2所示,通过调用Rexsee的API函数,重新定制了手机屏幕的底部菜单栏目。
(3)打包。制作完毕之后,把整个课件目录打包成*.zip文件,在Rexsee官方网站上面的在线编译栏目那里,上传之后就可以生成*.apk文件。
(4)安装到手机上面,下面是课件最后的运行效果图。
关键词:物理教学;多媒体技术;合理使用
一、利用多媒体,创设物理情境,激发学生兴趣
兴趣是学生学习的主要动力,学习兴趣的高低直接影响学习效率。物理学是初中主要课程之一,它深奥、抽象,又充满逻辑推理,因此不少学生感到物理难学。教学中引入图、文、声、像并茂的多媒体课件,可将单调、抽象的知识形象化,达到感性认识和理性认识的有机结合,激发学生学习兴趣,提高物理教学质量。例如,可在学习惯性知识前,展示一组百米运动员跑到终点没有立即停下的视频;在教学“声的产生和传播”一课前,教师可以利用多媒体播放自然界中几种动物的叫声和小学生的歌声。创设物理情境,可以使学生产生学习兴趣和求知欲,与教师形成互动,使学生成为课堂的主体。
二、利用多媒体,使物理教学过程形象直观
多媒体课件可以把微观世界看不见摸不着的内容展示在学生眼前,有利于学生的认识。利用多媒体课件还可以将抽象事物直观地表现出来。例如,学生很难正确完整地认识电流的形成、影响电阻的因素等,多媒体课件可化抽象为直观,充分表现教学内容,便于学生的理解。
三、利用多媒体,节省课堂时间,扩大课堂教学信息量
力学中的受力分析、杠杆、滑轮等内容,电学中的电路,光学中光的反射、平面镜成像、光的折射和凸透镜的成像等,都需要用到复杂的图形。只要鼠标轻轻一点,就可以使教学内容形象、直观地展示出来,省去了大量板书的时间,省时、省力、美观,提高了课堂教学时间的利用率。例如,“探究凸透镜成像的规律”,运用多媒体将图形、例题和凸透镜成像模拟实验、板书做成课件,在一节课中既节省了板书和画图的时间,又使学生弄清了凸透镜成像的规律。省下来的时间可用于补充课本以外的知识,扩大学生的知识面,使学生在相同的时间内学到更多的知识。
四、利用多媒体,辅助物理实验教学,增强实验效果
实验是中学物理教学的重要组成部分,然而由于受时间和空间等多种因素的影响,有些实验达不到理想的效果。多媒体辅助物理实验,将起到直观形象、重复再现等作用。例如,可将日月食、潜水艇、托里拆利实验等运用多媒体演示出来。电流究竟是如何产生的,无法用实验来直观演示,利用多媒体演示电子由电压高向电压低的方向流动,电荷的定向移动都历历在目,学生一下子就明白了电流的方向。多媒体手段的运用,虽然丰富了课堂教学,给教学带来活力,但多媒体也存在一些不足,如果处理不当,直接影响学生的学习,主要是由以下几个原因造成的:①多媒体课件制作质量偏低。大多数教师不会制作多媒体课件,并且网络上的课件较多,部分教师习惯套用现成课件。不同地区、不同教师、不同对象应用的课件也不同。套用相同的课件,学生的注意力无法集中,降低教学效果。②喧宾夺主。有些课件界面设计过于花哨,学生的注意力被吸引,对知识反而视而不见,产生负面影响。总之,我们在物理教学中必须合理地、科学地运用多媒体,课件制作不求“大而全”,但求“小而精”。只有正确认识多媒体技术的优缺点,才能更好地体现出多媒体的功效,更好地为教学服务。
参考文献:
关键词 智能照明;WIFI;Android;远程控制;LED
中图分类号:TP273 文献标识码:A 文章编号:1671-7597(2013)18-0021-03
科技的进步促进了社会的发展,使人们生活水平得到了提高,因此,人们对生活各方面都提出了更高的要求。科学、有效的空间照明设计受到了许多专业人士的关注,使照明控制在楼宇中占据了越来越重要的地位。照明设计目的是既让人们能明确地认清周围的事物的具体形象,又要能够把使人心情舒畅愉悦的事物显示出来。智能照明就是根据室内设计的造型来控制灯光的效果,实现室内灯光效果随空间场景视觉功能的需求而变化的系统。室内智能照明是近年来一个新兴的领域,它融合了无线传感网络技术和计算机技术。智能照明处在本身行业发展的初期阶段,有着广阔的发展空间。本文设计了基于Android平台的远程控制LED灯系统,该系统的可视化客户端运行在Android操作系统上,相对于应用Visual Basic等语言开发的可视化客户端来说,该客户端程序可以应用在越来越多的便携终端和智能手机上。此套系统可以利用手机遥控LED灯的开关调光、分组控制、状态查询、设置灯密码、动态添加新灯、删除灯操作等功能。这套系统操作简单,只要通过Android手机就可以对自家的LED灯进行远程控制,为人们提供了舒适方便的生活环境。
1 系统总体设计
基于Android的室内照明系统主要由控制中心模块、灯光控制模块组成。其系统总体结构图如下图所示1。
控制中心是整个照明系统的总控制器,对整个家庭中的照明设备进行控制,这里存放着对照明设备的增加、删除、修改信息、更改设备所在的灯组、开关调光等控制命令。WIFI模块AP自组的WIFI网络,主要是将智能手机和智能灯光控制终端连接在同一个局域网内。当用户在智能手机或平板上加入WIFI网络并进行操作后,操作指令通过AP广播给各个灯光控制模块,该灯光控制模块集成了节点WIFI模块CLIENT和单片机控制模块,最终指令传送到单片机,单片机执行相关操作,并将状态信息返回到手机,从而实现智能手机或平板对LED照明设备的便捷智能控制。系统中实时收集设备运行状态信息,进行分析,如果有异常,将状态信息和异常分析结果发送到控制中心,并“蜂鸣”报警提醒用户。这样用户可以及时知晓发生的状况,并在第一时间做出反应。
2 系统实现
2.1 系统硬件设计
系统硬件工作流程如图2所示。WIFI发送模块自组成WIFI无线通信网络,手机客户端和LED控制模块都分别加入WIFI网络,手机的控制信号通过WIFI网络,广播给网络中的每个节点,即每个灯光控制模块。灯光控制模块执行相关操作,并及时反馈给手机客户端,为用户提供即时信息。
本系统终端主控制器选用AVR的ATmega8,主要对LED灯进行调光、开关、修改灯信息、动态添加删除灯操作、分组控制LED灯以及向手机及时反馈信息。LED灯调光有很多种方法,如调解正向电流调光、PWM调光、可控硅调光。各种调光方法都有各自的优缺点其中PWM调光效果最好。本文设计的终端使用PWM调光,输出占空比可调的PWM控制LED进行调光。WIFI接收模块与单片机通过串口连接,实时转发手机信号到单片机、反馈单片机信号到手机,实现数据稳定传输。本系统WIFI(AP)模块可接入最多32个节点WIFI模块CLIENT,每个单片机可驱动15W的LED灯。
2.2 系统软件设计
2.2.1 Android手机客户端界面设计
Android系统分为四层,分别是应用程序层、应用程序框架层、系统运行库层和Linux内核层。本系统的Android系统手机端控制软件采用Eclipse开发,利用JAVA语言编写。在Eclipse及其扩展插件的帮助下,能更快的建立Android开发环境。通过手机连接电脑,进入调试模式。在PC端的Android程序有任何的修改,一经编译以后,调试模式下的Android手机能立刻自行更新程序内容,我们就能直观的看到修改的结果是否达到预期效果。
本客户端界面,是在一个窗口中显示多组标签栏的内容。在Android系统中,每个标签栏成为一个Tab,而包含多个标签栏的容器就称为TabHost。当用户从开始界面点击进入后,就转到了该多标签栏窗口界面,简称主界面。主界面上有三个标签栏,即三个Tab,左边的Tab1为单灯控制,中间的Tab2为整体控制,右边的Tab3为管理。图3即为管理界面,用户第一次进入该系统后,先添加新灯,添加信息自动保存到数据库中,以后每次打开该软件时会保留上次记录。添加成功后会在单灯标签下动态出现对应添加的灯,如图4,如果该灯所在的组不存在时,也会即时的添加该房间,如图5。点击图4中的单灯,会弹出验证灯密码的对话框,密码正确后才可对该灯控制。灯操作如图6。点击灯操作后,如图7,可控制该灯的开关,调光,如果灯的状态为开灯或调光,旁边的小灯就会点亮,否则熄灭。同时,修改灯密码选项还可以对该灯的密码进行修改,每次修改完以后,要控制该灯,都需要重新验证密码。整体控制标签下包括对整个室内照明的集体开关灯和调光,以及每个房间的分组控制,点击该房间后,如图8,即可对该房间进行开关灯以及调光。如果不需要该灯或者该房间,则可在管理标签中对该灯和该房间进行删除。
2.2.2 通信方式设计
本设计采用Socket的通信方法,根据TCP/IP通信协议进行数据传输。Socket通常被称为“套接字”,用于描述IP地址和端口,是一个通信链的句柄,它规定了两台计算机之间的通信规范,应用程序通过“套接字”向网络发出请求或者答应网络请求。如果两台计算机之间是利用某个通道进行通信的,那么该通道两端就算是两个套接字。套接字通过屏蔽具体操作系统和底层通信软件之间的差异,实现了任意两台运用了套接字规范和安装了TCP协议软件的计算机之间的通信。
在不同的通信性能和通信质量的要求下,常用的Socket类型分为两种,分别是:流式Socket(SOCK_STREAM)和数据报式Socket(SOCK_DGRAM)。
l)流式Socket是一种面向连接的可靠的双向数据传输服务,用来完成数据无重复、无差错地发送,针对于面向连接的TCP服务应用。当用户想要发送准确的大批量的数据时,通常采用流式套接口。
2)数据报式Socket是一种不可靠、无连接的双向数据传输服务,对应于无连接的UDP服务应用。在传输过程中数据可能会产生重复或丢失的现象,而且接收数据时,也不能保证和发送数据的顺序一致。但在负载较轻的LAN上或在同一台计算机上,可采用数据报套接口的方式进行数据传输,因为它出现传输错误的几率较小,这样做既保证了通信的质量,又提高了通信的效率。
WIFI是IEEE定义的无线网技术,一般架设无线网络的基本设备是AP(AccessPoint)和无线网卡,一般称为网络桥接器或无线访问接入点,它被当作无线与有线局域网络之间的桥梁。AP相当于一个内置无线发射器的路由或者是HUB,无线网卡则是接收AP发射信号的CLIENT端设备。所以,装有无线网卡的任何一台PC都可经由AP分享广域网以及有线局域网络资源。本系统中无线WIFI发射模块(AP)负责建立WIFI网络,终端节点WIFI接收模块(CLIENT)以及智能手机共同加入该网络,实现相互的通信。
针对以上特点及本系统需求,本系统采用UDP协议通信。采用UDP协议,可以更方便的实现对房间的分组控制以及对整体灯的控制。智能手机通过自身带的WIFI通信模块,加入无线AP自组的无线WIFI网络,WIFI控制主要通过建立socket连接来发送和接受命令。通过UDP广播,将智能手机命令广播到处于WIFI网络中的所有节点,各个终端节点根据命令的判断执行相关的操作,并将反馈的信息再广播给手机客户端,手机客户端对相关数据进行存储并反馈给用户。
3 结果测试
实验环境为小米M2,CPU为高通骁龙Snapdragon APQ8064 1536MHz四核,系统为Android 4.1,摄像头800万像素,可以自动对焦,具有GPS导航功能,主屏4.3英寸,分辨率为1280x720像素。利用360手机助手将该灯控软件安装到Android手机上。
为了便于测试,该系统用单个LED小灯模拟每个房间的单灯。WIFI模块AP自组的WIFI网络,该AP可以负载最多32个子节点WIFI模块(CLIENT)。本文采用四个LED灯模拟卧室和客厅的灯,每个房间两个LED灯。上面两个是卧室灯,下面两个是客厅灯。手机发送控制命令,子模块收到后执行各自的动作。经过反复测试,调节,该系统基本可以达到预期设计的效果。
下图分别为单灯的开关操作、房间内灯的开关操作、整体灯的开关操作以及调光等测试结果图。
4 结束语
本文提出了一个家庭的室内智能照明控制系统的软硬件设计,并且着重对此硬件和软件进行系统的开发和调试。实现更加有效精确地控制对应照明灯,达到了节能明显、操作方便、人性化等效果,具有成本低、方便、便携、灵活及可扩展性好等优点;通过应用手机WIFI作为通信桥梁,具有良好的稳定性和抗干扰性。经过反复测试,该系统运行稳定可靠,没有出现照明灯的错误控制,并且具有随意添加、删除新的节点等特点,实现了真正的室内智能照明,将在居民住宅内逐步推广。应用结果表明本文所述方法具有较强的通用性和广泛的应用前景。
参考文献
[1]E2EColud工作室.深入浅出Google Android[M].北京:人民邮电出版社,2009.
[2]余志龙.Google Android SDK开发范例大全[M].北京:人民邮电出版社,2009.
[3]张健浪.Google Android:开放平台攻陷移动互联网[J].信息产业部电子第五十二研究所,2008(11):24-26.
[4]姚星吴,刘卫国.Android的架构与应用开发研究[J].计算机系统应用,2008(11):110-112
[5]马越.Android的架构与应用——电信网络与计算网络的通信[D].北京:中国地质大学,2008:9,20.
[6]李惠,丁革建.智能手机操作系统概述[J].电脑与电信,2009(03):67-68.
[7]陈岁生,卢建刚.基于智能检测技术的室内照明系统[J].机电工程技术,2008,37(5):53-55.
[8]贾政松.基于单片机实现智能照明控制系统关灯设计[J].现代电子技术,2009(17):105-107.
[9]邓琦.智能照明控制系统的实际应用[J].湖南水利水电,2007(3):85-86.
[10]杨光.智能照明控制系统及其应用[J].福建建设科技,2007(2):49-50.
[11]高小平.中国智能家居的现状及发展趋势[J].低压电器,2005(4):18-20.
[12]张利平.基于以太网和TCP/IP协议的智能设备接口技术研究[D].上海大学,2003.
[13]靳岩.Google Android开发入门与实战[M].北京:人民邮电出版社,2009.
作者简介