版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第1章绪论1.1实验室信息展示的媒介简介现代实验室信息展示的媒介主要有两种,一种是通过传统网页登录实验室网站获取实验室信息或者是通过移动设备访问实验室网站获取实验室信息。所以说,实验室信息展示的媒介主要依赖于各类网站:php,jsp,asp,A等网站是按照网站使用的编程语言不同而进行划分的。娱乐网站以及行业及综合网站等是按照网站的作用不同而进行划分的。按照网站的功能差异我们可以对其进行划分,企业网站是单一网站,网络商城也是多功能网站,除此之外还有类似的网站。商业,政府,教育以及个人等网站是按照网站的所有者不同而进行划分的。商业以及行业等主要为赚钱而存在的网站以及教育,公司,政府等不以赚钱为主要目的的网站是按照网站的目标不同而进行划分的。门户类网站本来含义是入口,目前它通常是指门户系统,其多被运用在相关网站以及公司网站系统。php网站是门户网站的主流,比起其余网站语言,它更节约资源。个人以及团体由于具有一些爱好,具备相关能力技术,供给一些服务等类型的网站是个人网站,其中小论坛及博客占大多数。个人也可将自身的佳作,商家也可将自身的产品展示出来,此类网站空间域名是单独的不依附于其他空间域名而存在并且虚拟服务器是它的主要服务器。无线通信协议连接了互联网,PDA,以及计算机应用和相关移动电话。它和上述应用开展通讯并且是一种开放性的世界标准。WPA论坛于一九九七年六月成立,爱立信以及洛基亚是它的构成部分,除此之外还有无限星球及摩托罗拉。WPA论坛的人员一起辛勤劳作才产生了WPA标准。1.2微信公众号的特点及优点1.2.1微信公众号二零一一年腾讯公司向大众推广微信。微信主要用于人们进行社会交往以及沟通交流。它是一种交流app.移动网络是它的重要支撑,人们可以通过它进行免费迅速的交流。随着新媒体发展迅速,大众可以进行更多的选择。依靠自身的特色微信于3年内拥有了过亿的客户。微信完美地融合了通信交流以及社交,并为客户提供了平台。就通信而言,微信通过语音,文字来表达用户情感,除此之外还可通过图片和视频进行表达,有利于大众进行全面地交流使人感觉到新奇。次年,微信公众平台被该公司所创立。其主要是用来辅助微信,所有人以及团体均能申请及注册此账号。随后这些人们可在后台进行编辑,将其推送给需求着,编辑的内容有语音视频也包含图像以及文字。一天能够推送一次,而且能推送很多单独的信息。人们高度青睐微信公众号,并且它是一个广受大众喜爱的运营平台,公司,媒体,影视演员以及政府,普通大众等都很青睐它。其账号由于具备信息兼容量大的长处而被传统媒体广泛引用。截止现在,微信公众号被将近100家传统媒体所注册,并且以此创办风格鲜明的自主品牌。此平台方便新闻推广,有利于其产生,向受众推广,收到受众反馈。在极短的时间内,传统媒体衰颓的现状可能得到遏止,这种想法是许多人共有的。但是现实中的微信公众号运营并不如想象中那样好,有某些缺陷。这是微信公众平台不应该忽视的问题。1.2.2微信公众号的特点1、传播有效性更高二零一三年一月十五日的微信注册人数已经超过三亿,这是官方最新的数据结果。微信是一种交流工具并且广受人们喜欢,主要是因为以前的腾讯使用者占微信用户中的大多数并且添加新朋友也可以通过这一平台实现,只要人们已经开通了微信相关功能,好友们就能以查看手机通讯录的方式进行添加。较之于其余社交类软件,微信中的好友全部都是熟识的人们,换言之,这种朋友圈实际上是一种熟人圈。人们进行微信传播的内容覆盖面并不广,然而传统媒体的可信性并不能与微信相媲美。所以微信的用户群体更为准确,而博客中的粉丝大多数是不真实的,客户的真实性并不高。然而微信中的客户群体真实存在,它们是有意义的,隐秘的。曾有这样的说法新浪微博的百万粉丝仅仅匹敌于微信的一万用户,尽管有一定程度的夸张,然而却存在某种真实性。2、随时随地提供信息和服务相对于PC机而言人们在大多数时间均会带上手机,手机是一种移动性通信工具,商户进行经营销售就可以依靠手机的这种特性来进行推广销售。同时微信能够包含位置等信息,它有助于商户销售。微信不同于其余软件,它更为便利无需进行下载以及安装。3、营销和服务的定位更精准微信具有分组的功能,可以把订户分成不同的组更具有针对性。商家可以借助“超级二维码”,它主要是方便商家将自身广告投入其中,由此增加商户对客户的了解最后有利于商户进行精准的客户定位,有利于其营销。4、丰富媒体内容,便于分享微信是一种新媒体不同于传统媒体,它具有鲜明的个性特色。它以移动网络为核心并使用户在类似于手机这种移动性通信工具上进行阅读,微信有利于人们在闲暇时间里阅读相关信息。通过微信,大众可以进行面对面的交流对讲,传播形式由过去的文字形式逐步拓展成图像语音甚至是视频,使用者能够在微信上向其他人分享个人的感想。通过微信,受众能与好友沟通交流,而朋友圈的存在则为个人把内容传递给朋友提供了前提,@功能有助于人们转发消息。1.2.3微信公众号的优点1、微信公众平台,一对多传播,信息高达到率在二零一二年八月十八日微信公众平台第一次面向大众,普通人以及公司均能开通此账号,通过语音,视频,图像等方式,人们可以进行全面的交流。公司以及商家也能通过此平台向客户推广自己的产品。就其传播形式而言,它通过手机这一个移动客户端向多位用户传达信息,所以观看的人数以及达到的人数基本上涵盖了客户全体。由于微信公众号推送的信息质量高,众多商家以及个人收获了许多青睐者,并且商家以及个人在其中插入自身产品的广告。此类公众号广受大众欢迎,很难使使用者产生反抗及拒绝的心理,又由于具有众多的观看群体及很高的到达率,因此这种广告宣传推广效果显著。2、便利的互动性,信息推送迅速实时更新方便交流以及互动是微信的独特优势,微信便于人们进行社会交往,其余传统媒体不具有此种特点。这种互动的便利性在微信公众平台里体现地最突出,用户和商家公众号的交流更加便捷,拉近了与它的距离它们就如同好友。凭借此平台公司能够实时发布和更新相关动态,并且商家运用微信中的刮刮卡以及大转盘促使产品经营销售更具趣味。,使人们在购买商品的同时也感到快乐,可谓一举两得。3、营销成本更低,可持续性更强以往,顾客离开企业或门店后电话以及信息是商家和用户沟通的唯一途径。但是如今的企业通过微信公众平台及时发布更新产品信息,提高了用户对商品的信任度。以前的产品营销主要是通过在媒体上投放广告这一种方式来实现,然而客源往往在广告结束时流失了,所以企业必须不断投放广告,但其成本增加亦是十分迅速。这就成为企业经营的障碍。然而企业可通过微信将客源集中到平台上,从而节约广告成本,获得稳定客源。由于客户和此平台联系紧密,所以就商家而言需要保证产品信息的准确可靠,并且讲究经营销售策略而不能随意将任何产品的广告都投放到公众平台,否则客户将会不再关注这种企业。因此企业应当让专门人员对微信公众平台上的广告宣传进行管理,这是企业提高客户信任度获得稳定客源的重要途径。1.3微信公众平台的现状1.3.1.信息推送与用户互动并重,各公众号运营机制存在差异微信传播形式极为迅速,而就微信公众号的传播模式而言,它的传播群体相对较小基于使用者的沟通交流,它通过微信群进行推广发送,使用一对一沟通以及自动回复等方式进行传播。现在大多数微信公众号和客户互动都是通过上述方式以及后台人工答复的方式来实现。就其原意而言,它值的是订阅用户和账号持有人的沟通交流。微信广受大众欢迎就在于它更便于人们进行社交。所以其本质应当和其原意相同。公众号持有人和订户进行沟通互动就是依靠信息推广发送,微信的自动回复以及后台人工答复等形式实现的。微信公众号的运营模式不外乎几种类型的模式。首先就是通过信息群体推广发送的方式传达给其他人,即为消息群发。公众使用这项基本功能的机率最大,订户无需催促公众号发送消息,因为它会及时自动发送。微信公众号上的群发信息既可以是向所有订户推送也可以进行组别划分最后选定相应的群进行推送。订户原意就是想获得此类群发信息以及明确了解最新的相关信息。所以对任意一个公众号而言,群发消息都不可或缺。订户不仅可以获得相关的群发消息还能主动获得消息。这需要对平台上的置顶关键字进行答复。由于个人创建的微信公众号推送的消息涉及敏感话题,所以自媒体账号持有人就可以凭借订户答复的置顶关键字单独将相关信息发送给订户。微信对话框方便了订户直接与之沟通互动,并且账号后台会再现订户和公众话之间的交流信息。所以以回复的方式,账号后台能够编辑相关信息回答订户提出的问题,实现单独和订户沟通互动的效果。就运营模式而言,不同公众号的持有者会选取不同的运营模式,通常信息的发送频繁程度以及时间都会有所不同。就普通的微信公众号而言,每一天发送给订户的消息是受到限制的,通常只是一条消息,其目的在于保持平台合理的平台信息量。然而像“人民日报”,“央视新闻”等这些经过官方许可并且具备额外权限的公众号就不会受到一天只能发一条消息的限制,三条或者四条消息的推送很常见。消息群体推送时间通常是某个特定的时间的账号一般而言具备专业的管理团队。就消息推送时间而言,“人民日报”相对稳定,推送的时间为早上下午各一次。另外两次推文在晚上进行。就“央视新闻”的推送时间而言,它较为均匀,下午晚上各有一次,还有一次时间就是早上。此举增加了受众对公众号的信心。使之爱上阅读。1.3.2.注重平台功能开发和优质内容生产就功能而言,被大众熟知的功能即为推送相关文章,自动回复相关话题。然而还有一些账号持有者追求在微信功能上创新,希望让订户感受到微信公众号高品质和个性化的服务。自定义菜单功能有利于人们了解更多的消息,方便获取相关信息。它的诞生源于某些影响力大的微信公众账号创新,这种功能新颖别致,受众很多。像“政务榜单”中的微信推送消息都是每月政务热搜的前100名的消息,“热点聚焦”则是人民日报推出的自定义菜单功能,主要发布当前的热点消息。“澎湃新闻”设置的自定义菜单功能不同于时政性强的“人民日报”,它更为关注使用者及订户的体验,特色鲜明。“热门重磅”以及“澎友圈”是该新闻推出的自定义菜单。“返乡笔记”以及“热门追问”是前者菜单中的一部分,除此之外,它还包括“澎湃首页”以及“CEO”说菜单。媒体文化以及媒体精神通过“CEO说”得以展示,而订户的审美情趣以及生活趣味就被反映在“热门追问”以及“澎友圈”中。前不久,经认可的媒体以及政府微信公众号可以申请获得支付权,这一说法得到了微信官方的正式确认。由此,订阅号能够通过在账号中植入广告的方式获取利润,除此之外还能进行收费及打赏,这有利于公众号盈利。就微信公众号而言,它的本质在于推送优秀的文章,而拓展平台功能同样重要,它有助于使订户感受到平台的良苦用心。微信公众号发文数量为腾讯所限制,从另一方面而言,它有助于其生产及发布优秀的推文。由于微信公众号信息库中有大量的推文,但是由于每天只能发布一条信息,所以它会有所选择有所淘汰,最后推送的都是优秀的文章。该平台在二零一四年七月第一次向大众公布推文的点赞数量以及阅读数量。此举有利于使主体重视提高推送文章的质量。由于订户对文章认可,他们才会去阅读及点赞,这就更加鼓舞了微信公众号主体去发布优秀的文章。微信公众平台在二零一五年初对于推送文章中的抄袭行为提出了具体明晰的惩处方案。如果微信公众号中的文章抄袭次数满五次,那么公众平台就会永远封存此微信号。这是制度上的措施。腾讯此举有助于公众平台推广更多的原创文章。1.3.3.缺乏用户数据挖掘,账号推广力度不足订户的信息以及数据被公众平台广泛收集。这些信息包括订户个人信息,阅读偏好,获得文章喜爱的推送途径以及置顶关键词等。一方面,此举方便主体熟悉用户阅读爱好从而发送给用户的文章更具有针对性和可读性,方便文章及消息迅速扩散使公众号发展始终保持正常状态。另一方面,这些数据有助于公众号进行广告宣传,了解社会舆论导向等。大众传媒在微信中影响力以及受众面的大小就可以凭借其发文量,点赞量以及阅读量的多少进行判定。除此之外还能依据其提及数量等多方面的数据进行全方位判定分析。但是现在,公众号还未完全了解和掌握订户的所有信息及数据,也未完全高效运用。微信私密程度较高,而微博的私密程度就较低反而具有较高的开放程度。微信的传播形式较为隐秘,区别于微博并且它的人际关系网较牢固。微博发布的信息能够在短期内传达到众多阶层,以其轰动性和热点问题招徕大众的关注。通常订户是某个公众号的忠实观众他们才会去订阅它的信息及文章。比如传媒故有的阅读者是此媒体公众号的主流,由过去的传统媒体平台转移到现在的微信公众号平台。微信公众号目前应该思考怎样增加新的阅读群体。就一个全新的微信公众号而言,如果过去就没有订阅群体,转型后更应当想方设法使大众了解自身,找到真正适合本公众号的阅读群体,从而才会获得订阅群体。尽管很多微信公众号已经开通,但是与之对应的阅读主体却完全不了解。现实中公众号没有相应的阅读群体而且人们希望阅读某一方面的文章,但是却无从知晓。公众号宣传不足以及它向大众推广力度不足是导致公众号和订户信息不匹配的一个重要原因。微信公众号需要保证宣传以及推广都是秩序井然的,有针对性的,有益的。它是微信公众号不断前进的基础。第2章实验室信息展示系统的技术分析实验室信息展示系统主要是通过网页的形式,直观的将实验室的重要信息展现在用户面前的一种方式。因此,实验室信息展示系统所需要的各项技术也就来源于网页制作,网页设计,本章主要介绍在移动设备盛行的今天,传统网页于移动网页的各项技术及优劣对比。2.1传统手机页面因为手机屏幕大小受到一定限制并且CPU的处理技能程度较低,特地因手机而实行了改良的网站更加便于使用者浏览。这也对网站设计有了新要求:网站一定要适合手机阅读。移动网络说的是把浏览器的Web服务作为基础,比如万维网和WAP,再比如手机,掌上电脑以及其他方便携带的工具与公共网络相连接,不用台式电脑,也不存在一个特定的连接。可是,在现在,移动网络的接入还是有可用性以及互操作性情况存在。这是由并不互相兼容格式的许多信息在网络上供应的移动设备以及屏幕较小的移动设备与别的设备的局限性等众多因素造成的。1.屏幕大小:这导致它不容易或者说几乎无法观察到依靠于固定大小的台式电脑屏幕上面显示的文字与图案。2.窗口缺乏:桌上型电脑可以同时打开很多窗口而且能够在时间准许的范围内实行多重任务还可以轻易恢复到之前所在页面。而在移动网络当中,有且仅有一个网页能够在同一时间明显地展示出来。导航:许多移动设备没有利用近似于鼠标的指针,只是简单地运用了有上下滚动作用和触摸运用的设备,所以进一步制约了导航的灵活性。3.很多网站用Web应用系统来使用户的体验感得到提高,推动验证数据的输入,使网页的访客相互的体验得到进一步提高,可是很多移动设备的web端还不能达到这样的作用。4.成本:宽带的连接与收取费用的手机网络,远比特定线路的互联网接入这样的服务费用要高。2.2HTML5HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。目标是取代1999年所制定的HTML4.01和XHTML1.0标准,以期能在互联网应用迅速发展的时候,使网络标准达到匹配当代的网络需求。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务(Plug-in-BasedRichInternetApplication,RIA),例如:AdobeFlash、MicrosoftSilverlight与OracleJavaFX的需求,并且提供更多能有效加强网络应用的标准集。HTML5添加了许多新的语法特征,其中包括<video>、<audio>和<canvas>元素,同时集成了SVG内容。这些元素是为了更容易的在网页中添加和处理多媒体和图片内容而添加的。其它新的元素如<section>、<article>、<header>和<nav>则是为了丰富文档的数据内容。新的属性的添加也是为了同样的目的。同时也有一些属性和元素被移除掉了。一些元素,像<a>、<cite>和<menu>被修改,重新定义或标准化了。同时APIs和DOM已经成为HTML5中的基础部分了。HTML5还定义了处理非法文档的具体细节,使得所有浏览器和客户端程序能够一致地处理语法错误。2.3移动端访问传统电脑网页的问题对于移动设备访问pc端网页的时候,时常会出现无适配。无适配不仅仅是布局和内容没有做适配,交互动作也没有做适配。原本为pc端设计的网页在手机端往往会缩小,然后变形,大部分操作会失效。极简适配。极简适配就是又想做适配,又因为其他种种原因,所以对内容进行删减直到剩下最后一个页面,用一个页面去呈现最基本的产品介绍以及下载按钮。2.4基于HTML5的移动端页面1、在移动端运用的HTML5技术,可以让使用者不下载客户端或者插件便可玩游戏、看视频,使用起来十分方便简单。2、HTML5视频与音频的全新技术让移动安卓4.0+以及苹果在flash支持这方面的有关问题迎刃而解。在音频视频这部分,其性能比flash还要好。3、另外其跨平台的特点,能够避开比较传统的移动终端上的NativeApp,开发的人一定要对不一样的操作系统在实行研发任务时的缺陷,就时间与成本两方面来说是远远比跨系统移植要小的。况且,htlm5拥有简单的语言,容易学习。2.5JavaScript简介2.5.1.JavaScript简介JavaScript,一种高级编程语言,通过解释执行,是一门动态类型,面向对象(基于原型)的解释型语言[4]。它已经由ECMA(欧洲电脑制造商协会)通过ECMAScript实现语言的标准化[4]。它被世界上的绝大多数网站所使用,也被世界主流浏览器(Chrome、IE、Firefox、Safari、Opera)支持。JavaScript是一门基于原型、函数先行的语言[5],是一门多范式的语言,它支持面向对象编程,命令式编程,以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等,不支持I/O,比如网络、存储和图形等,但这些都可以由它的宿主环境提供支持。虽然JavaScript与Java这门语言不管是在名字上,或是在语法上都有很多相似性,但这两门编程语言从设计之初就有很大的不同,JavaScript的语言设计主要受到了Self(一种基于原型的编程语言)和Scheme(一门函数式编程语言)的影响[5]。在语法结构上它又与C语言有很多相似(例如if条件语句、while循环、switch语句、do-while循环等)[6]。在客户端,JavaScript在传统意义上被实现为一种解释语言,但在最近,它已经可以被即时编译(JIT)执行。随着最新的HTML5和CSS3语言标准的推行它还可用于游戏、桌面和移动应用程序的开发和在服务器端网络环境运行,如Node.js。2.5.2.JavaScript优缺点JavaScript的优点:1、JavaScript减少网络传输。在还没有出现JavaScript这种客户端脚本语言的时候,传统方式上交与验证工作都是客户端浏览器利用网络传至服务器。假如数据量比较大的话,对网络以及服务器的资源而言的确是一种隐形浪费。然而运用JavaScript就能够在用户端实行数据验证。2、JavaScript控制管理HTML对象较为方便。JavaScript能够比较便利地控制管理各个页面出现的对象,使用者能够用JavaScript来支配页面里每个元素的状态、外表乃至远行的办法,JavaScript可以依据使用者的要求专门制作浏览器,使网页更能提供方便。3、JavaScript支持分布式运算。JavaScript可以使多种任务仅在用户端就可以完成,用不着网络和服务器参与其中便能进行分布式运算。JavaScript的局限性:1、各个浏览器厂家商家对JavaScript的支持程度很不一样。目前网上浏览器众多,但是不一样的浏览器对JavaScript的支撑力度有一定差异,因此最后的效果也就有很大差距。有的时候是不会表现出来的。2、“Web安全性”会牺部分JavaScript的功能。在将把“web安全性”当成JavaScript的设计目标时,就要牺牲部分JavaScript的功能。所以,单纯的JavaScript没有办法打开也没有办法读写并且将使用者电脑上面的文件保存下来。它只是存在于自己的小世界Web当中。第3章实验室信息展示模块的设计3.1信息展示网页设计网页设计分为首页,实验室概况,实验室资源,课程资源,实验室中心建设,教学成果6个部分,在首页可以看到实验室的一些基本信息,例如实验室的动态,实验室新闻等最新实验室信息,在实验室概况可以看到学校实验室的简介及实验室详细信息,在实验室资源中可以看到实验室的具体分类以及实验室的具体列表,在课程资源中,可以通过相关实验室名称查看实验室具体使用规范,使用方法的相关指导课程。在实验室中心建设中可以看到实验室每年的建设情况,新增设备,实验器材等信息,在教学成果里,可以看到实验室的项目以及学生获奖情况等信息。3.2模块设计思路3.2.1.设计工具有了设计的思路后,下面就开始具体的网页设计,网页设计选用adobe公司的Dreamweaver作为开发工具。AdobeDreamweaver,简称“DW”,中文名称"梦想编织者",最初为美国MACROMEDIA公司开发,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。AdobeDreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能,借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站。访问代码提示,即可快速了解HTML、CSS和其他Web标准。使用视觉辅助功能减少错误并提高网站开发速度。3.2.2.设计代码和页面布局方式网页的开发使用css布局创建,CSS页面布局使用层叠样式表格式(而不是传统的HTML表格或框架),用于组织网页上的内容。CSS布局的基本构造块是div标签,它是一个HTML标签,在大多数情况下用作文本、图像或其他页面元素的容器。当您创建CSS布局时,会将div标签放在页面上,向这些标签中添加内容,然后将它们放在不同的位置上。与表格单元格(被限制在表格行和列中的某个现有位置)不同,div标签可以出现在网页上的任何位置。可以以绝对方式(通过指定x和Y坐标)或以相对方式(通过指定其与当前位置的相对位置)定位div标签。还可通过指定浮动、填充和边距(当今Web标准的首选方法)放置div标签。以下是基本的代码展示说明:文件类型<HTML></HTML>(放在档案的开头与结尾)文件主题<TITLE></TITLE>(必须放在「文头」区块内)文头<HEAD></HEAD>(描述性资料,像是「主题」)文体<BODY></BODY>(文件本体)(由浏览器控制的显示风格)标题<H?></H?>(从1到6,有六层选择)标题的对齐<H?ALIGN=LEFT|CENTER|RIGHT></H?>区分<DIV></DIV>区分的对齐<DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV><ahref="URL"></a>创建一个超链接<ahref="mailto:EMAIL"></a>创建一个自动发送电子邮件的链接<aname="NAME"></a>创建一个位于文档内部的靶位<ahref="#NAME"></a>创建一个指向位于文档内部靶位的链接。图然后我们依次添加相应实验室信息标签,首页,实验室概况,实验室资源,课程资源,实验室中心建设,教学成果。接下来,向相应的模块内继续添加标签,实现信息的展示目的。由于Dreamweaver开发模板的适应性,可以适配不同手机分辨率,达到了简化开发难度的目的。图图3.3页面美术设计3.3.1.主页设计目前很多网页里,图案都占主要位置,甚至有些事整合页面。一般情况下,图片更能吸引大家的眼球,激发他们的阅读兴趣,科学使用图案,能够更加生动、直接地展现设计主题。网页里一般有JPG、GIF和BMW几种图案格式。图案有四种分别是:题目、背景、主要图案、链接图标。把图案做成题目与链接能够让网页视觉感得到增强,效果更好,与文字相配合可以更加生动形象。主要图案与背景在装饰方面还是略有不同,背景是为了衬托出主题,主要图案是为了使主题突出。主要图案是居于视觉中心位置的,其有直观性的特征,能够激发文字信息的活力,不用像读文字那样一句一句地读,而且也不受文化水平制约,可以为人们提供一种较为强烈的视觉效果。在页面的浏览中,视觉
流程的构成,主要还是由我们的视觉特性决定。由于我们的眼睛晶体的生理构造只可以产生一个焦点,不可以在同一时间将视线停在两处或超过两处的地方。大家浏览信息的时候,视觉常常会有种比较自然的流动习惯,最先看哪些,最后看哪些。视觉流程通常会表现出较为显著的方向感,让版面在运动时有一个主要的旋律。心理学研究表示,在相同平面上,上半部和左半部可以让大家觉得自由与轻松,但是大家却觉得下半部与右半部十分压抑。显然,平面上部分的视觉作用强于下部份,左部分强于右部分。由此,平面的“最佳视域”自然就是上中部了。在实验室信息展示页的首页中,尽可能多的去插入一些图片新闻,图文简介的元素,方便师生进入网页就对信息一目了然(如图),对实验室的最新动态有一个很直观的了解,对网站布局有了最基本的认识,方便对实验室信息的查找检索。图图3.3.2.实验室资源页设计网页主要是利用视角元素来吸引注意力以达到传达信息内容的目的,要想使网页视角传达的作用发挥到最大,让网络真的作为可读性强并且新奇别致的媒体,网页的设计一定要符合大家视觉流向的生理、心理特点,从而确定每种构成视角的元素间的联系与秩序。所以,在设立时一定要重视每一种视角的造型元素在距离、面积和视觉流程等方面的关系的问题。实验室的信息显示平台,为了给人一个直观的实验室选择额样式,选用了图片配文字的选项,并且允许的范围内尽可能放大,凸显实验室的特色。点击相应图片即可进入相应的实验室介绍部分。接下来把每种用途不一样的实验室分类,方便师生查找。图3.3.3.课程资源页设计在设计网页的过程当中有部分比较显著的信息,例如,主标题和日更的内容一般情况下均排列在此。视觉流程不是某种准确的公式而是一种感觉,适应了大家在认识过程当中的心理顺序以及逻辑顺序,便能够更加灵敏地使用。在进行网页设计的时候,灵敏而又科学地使用视觉流程与最好的视域,创造一个自然的视觉效果,会直接性地对信息传达的有效性以及准确性产生不小影响。因此,在进行网页设计的时候,要重视视觉导向,网页设计本身属于创造,既要把信息传达作为出发点和立足点又要与大家通常的思维喜欢相契合,让视觉流程自然、科学、畅快。一个优秀的视觉流程布置,可以让网页里面众多信息在不多的空间当中分布得科学合理,富有美感。网页在课程资源设计方面,因为没有具体的实验室,主要是为师生介绍实验室的使用规范,以及一些实验室操作课程,所以也就没添加图片,放大了文字的显示,可以更加容易的找到自己需要的内容,并对关键另类内容做色差处理,可以对查找有所分辨。图3.3与传统实验室信息展示模块的对比研究表明,人们不喜欢花费大量的时间阅读手机网站中包含的每一条内容。他们通常扫描页面以收集快速信息。通过使用简单的手机网站设计出来的网站,可以有效提高手机网页的可读性。手机网站设计中的导航越简单实用,访问手机网站的人数就越多。加入太多元素的网站可能只会让用户感到疑惑,无法在最短时间内找到自己想要的内容。因此,最好使用最简单的手机网站设计,以一种方式构建手机网站的导航,用户会发现在最少的时间内从一个网页导航到另一个网页非常方便。与杂乱而繁琐的布局不同,清晰简单的布局将使用户更简单地以无障碍的方式访问您手机网站中的不同区域。网站设计不一定要满满当当的,反而容易使浏览者找不到重点,适当的给予留白空间,可以使用户浏览网站时变得更加轻松和开放,并且有助于使更重要的信息通过手机网站传达给用户。如果手机网站上充斥着大量的文字、图片以及各种各样的元素,那么用户在浏览网站的时候就很难消化如此繁杂的内容,导致用户可能没有浏览多久就选择关闭。根据相关科学证明,包含较少数量的复杂元素的手机网站被认为是更加美观、更加实用,因为采用简单的手机网站设计让用户可以在第一时间看到重点或者最快理解网站表达出来的内容,更加容易处理网站信息内容。目前这种简单实用的手机网站设计受到了非常多客户和浏览者的欢迎,但是在注重简单的同时,也需要确定网站匹配了简单移动的对齐方式、配色方案和图案,使访问者在浏览手机网站时拥有更加好的使用体验。以下是传统实验室浏览页面和手机页面的对比,可以清楚的发现,如果在手机上操作这样一个庞大文字,图片量的页面是非常困难的,就算手机配备了放大缩小功能,也很难精确的选择每一个链接,,如果是换成了(图)的方式,那就可以很方便精准的进行浏览,不用担心误触。图图3.4最终网页测试3.4.1.链接测试Web应用系统的一个重要特点就是链接,链接是页面转换的时候以及指点使用者前往某些不知网址页面的重要方式。主要把链接测试划分为三大部分。第一部分是,测量试验全部链接是不是依据指示的要求的确链接到了这个链接所在页面;第二部分,测量试验链接的页面是不是真的存在;第三部分,确保Web系统不存在孤立的页面。链接的测量试验是能够自动实行的,目前已有很多工具能够使用。链接测量试验一定要在集成测试期间做完,换句话说,在Web应用系统里面的全部页面开发完成以后实行链接的测量试验。在浏览器当中输入对应网页地址,看看浏览器是否正常访问:http://m.ik15473444.icoc.bz/index.jsp?checkWxLogin=true&openId=5SLuDQ%2BVEQrtlZo%2Fbl6X%2Ba4BbTr9WMzjM9Ec1oYvfsU%3D&secondAuth=true测试结果浏览器正常打开主页,链接测试完成。3.4.2.导航测试导航阐述了使用者在页面当中的操作方法,在不一样的用户接口控制之间或者说在不一样的连接页面间。经过思考以下问题,能够决定一个web应用系统是不是方便用于导航:是不是比较直观?系统的重要部分是不是能够利用网页来存取?该系统是不是有站点地图或者搜索引擎以及别的导航协助?如果在页面里面放置过多信息通常达不到预期效果甚至还会有相反的效果。web应用系统的使用者偏向于目的驱动,快速地扫描该系统,看能不能满足其需要。如果没有,就会很快地离开。很少有使用者会用时间去了解web应用系统的有关结构,所以,导航要尽最大努力提高精准度。导航还有一个很重要的部分,那就是web应用系统导航、页面构成、菜单以及连接的风格是不是一致的。要保证使用者依靠直觉就可以明白web应用系统当中是不是还存在内容,内容在哪里。只要确定了web应用系统的顺序,就要开始进行使用者导航功能的测量试验,让最终使用者加入到这样的测量试验当中,会有更加显著的效果。依次点击导航页上的实验室概况,实验室资源,课程资源,实验室中心建设,教学成果,所有页面均能正常打开,导航栏滑动功能正常,测试结束。3.4.3.图形测试然后就是检测网页里面图案与动态栏的浏览载入效能,在这个系统当中,适当地运用图案与动画不仅可以加强广告宣传还可以美化页面。一个web应用系统当中的图形囊括了图案、动画、字体大小、背景、边框以及按钮等。测试图形的内容有四个:第一个,要保证图形使用的用处明确不能将图片和动画乱堆一通,浪费传递输送的时间。该系统的图片大小一定要小,而且能够比较清晰地说清楚某一件事,一般来说都是链接到一些比较具体的页面。第二是,检查页面内的全部字体风格是不是具有一致性。第三,背景颜色和字体颜色应该是不存在搭配问题的。第四,图片的尺寸与质量是一个主要因素,主要还是使用JPG或者GIF压缩。分别打开图形内容较多的首页、实验室资源页和实验室中心建设页面,图片载入正常,由于首页图片量比较大,动态栏的显示速度会相对变慢,但功能正常,图片显示质量正常,未出现严重压缩的情况,测试完成。3.4.4内容测试内容测试的作用,是检查web应用系统给出的信息正确的可能性与准确度以及相关性。信息正确性通常是指信息的可信赖还是不可信赖。比如说,实验室新闻是否在显示的时候出现了错误。是否严格按照拍板显示,;信息的准确性是指是否有语法或拼写错误。这样的测试一般情况下会利用一个文字处理软件实行处理,比如运用MicrosoftWord当中的“拼音与语法检查”这一功用;信息相关性主要是说是不是能够在目前的页面里面寻找到和目前浏览信息有关的信息列表或者入口,这个时候就要求针对超链接当中的文字信息实行再次检查与审核,确认无误,测试完成。3.4.5整体界面测试然后就是针对网页进行整体性的测量试验。也就是说Web应用系统整体的页面构成,是不是给使用的人一种整体性的感受。例如说:使用者在阅览该系统的时候是不是觉得舒适,是不是依靠自己的直觉就能够知道自己想要寻找的信息在哪个地方?这一个Web应用系统设计画风是不是一致的?这一次测验,邀请到了几位同班同学,都是第一次看到这个设计页面,然后对自己所需要的实验室信息进行查找,由于导航栏是常驻页面,所以几乎所有邀请同学都一目了然的找到了自己需要的实验室信息,并进行了浏览,对于易用性评价良好,测试结束。
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 部编版二年级语文上册期末模拟测试卷(一)含答案
- 血管源性水肿的临床护理
- 数学上册可能性课件西师大版
- 肠梗阻的护理
- 孕期腹部损伤的健康宣教
- 急性肺脓肿的临床护理
- 舌下神经损伤的临床护理
- 甲沟炎的临床护理
- 粘连性中耳炎的健康宣教
- JJF(陕) 088-2022 三维运输记录仪校准规范
- 2024年校社联副主席竞选演讲稿模版(3篇)
- 上海市县(2024年-2025年小学六年级语文)部编版竞赛题(上学期)试卷及答案
- 试论中国特色社会主义道路的优势
- 2024年小红书初级营销师题库
- 西华师范大学《中国史学史》2023-2024学年第一学期期末试卷
- 煤炭行业绿色供应链建设
- “读”“解”“品”“拓”:小学文言文教学的四个维度
- 2024年工业和信息化部工业文化发展中心招聘高校毕业生3人易考易错模拟试题(共500题)试卷后附参考答案
- 公关人员劳动合同三篇
- 急救知识与技术智慧树知到期末考试答案章节答案2024年新疆巴音郭楞蒙古自治州卫生学校
- 文艺复兴经典名著选读智慧树知到期末考试答案章节答案2024年北京大学
评论
0/150
提交评论