1.1MediaQueryMediaQuery用于根据不同分辨率尺寸调整相应样式。现在市面上基于IOS系统平台和Android系统平台的移动设备占大多数,同时他们的自带浏览器内核都为webkit内核,所以我们可以使用viewport属性和MediaQuery技术实现网站的响应式交互。这种方法能够非常方便的实现基准字号font-size在不同分辨率下显示完全,不会出现阅读困难。
1.2FluidgridFluidgrid即流体布局。其作用在于将网页上一些元素的框格由固定模式调整为相对模式(如百分百或比例等)。使用Fluidgrid能够使网页根据屏幕的宽度自动调整页面宽度,进而保证页面内容显示完整,原有功能继续可用。
1.3FlexboxFlexbox是css规则总新添加的一种模型属性。它类似于APP结构,展示方式是固定头部与底部,中间部分内容的高度实现自动适应。Flexbox的出现打破了常常使用的原有的浮动布局方式,实现了垂直等高、水平均分、按比例划分。如果希望目前的网站能够以正常的网页方式编写,并且以WabApp的外观显示方式出现在用户面前,那么Flexbox是非常适合的一种方式。
2响应式交互建设流程
2.1确定内容架构根据网站定位以及用户分析,确定网站整体风格、展示结构,如页面层级、页面内容等,对网站进行整体规划,厘清脉络关系。
2.2设计移动框架移动优先理念是基于对移动设备与PC设备之间关系的深刻理解而产生的,移动设备许多特性让设计更全面及强大。比如移动设备上的语音识别、基于地理位置定位、手势操作等,人们发现移动设备交互比PC拥有更多可能性。从移动设备开始让设计师更早思考如何发挥这些特性及优势。
2.3设计响应式框架我们需要基于移动端框架拓展开发出PC端及平板电脑端框架。首先确定响应模式,那么从手机端显示到平板电脑显示再到PC端显示,整个网站布局如何变化,内容如何编排,优先级如何调整等都是需要设计的部分。同时我们需要对规则继续进行细化，即为定制流体栅格系统(屏幕占比)。
2.4模块设计在确定了响应式框架的页面结构以及相应模式后,我们要开始进行模块设计的工作。在产品设计时我们采用了移动优先的理念,但在整个产品的细节设计以及开发过程中,是否采用移动优先原则应根据实际情况具体分析。在这里,PC优先可以充分暴露业务复杂度,而且项目的设计、开发和测试在PC环境下拥有更成熟的工具和流程,因此,在必要的时候采用PC优先理念也是非常合理的。同时我们应注意的是,在开发模块的时候,必须时刻提醒自己:这个模块在当前设备上运行无误,在其他设备下是否会发生问题？
2.5响应式模块设计PC端模块完成后,接下来我们需要根据已设计好的PC端模块拓展出移动设备模块。这些模块必须符合设备习惯,充分利用设备特性,为用户体验带来便捷与舒适。
2.6测试优化这一步需要在真实设备下测试网站效果,并对暴露出的问题进行优化。测试优化内容包括:服务器承载测试及优化,软件性能测试及优化,用户实际体验测试及优化。
3响应式设计优化
该文之前提到过,响应式设计也存在一些自身的问题和弊端,可能会影响到用户体验。那么这些问题和弊端就必须进行进一步的优化处理。
3.1减少HTTP请求次数在目前的网络环境下,移动端用户的数据使用流量是有限制的,可以说这是相较PC端的一个劣势。那么为了节省用户流量,我们可以使用Ajax异步请求来优化页面内部的一些操作。使用服务器端及前端缓存等机制保存页面内短期不会变化的一些数据，这样可以在一定程度上降低用户的数据请求量。
3.2压缩Javascript和CSS将页面内Javascript和CSS进行优化精简之后,可以有效地降低页面大小。
3.3减轻Javascript库负载目前很多响应式交互设计使用jQuery框架,事实上很多页面或许并不需要如jQuery一般强大的交互框架,我们可以用其他轻量级框架进行建设。目前针对移动端状态,有jQueryMobile、YUI、XUI等可供选择的框架。
3.4页面实现逐次加载移动终端设备由于屏幕大小有限,承载的信息量也有限,我们没有必要将全部PC端页面总内容一次性加载完成。我们可以使用逐次加载模式,当用户有继续观看的意愿,并对屏幕做出相应手势时,再继续进行加载新闻或图片。
3.5使用CND进行页面资源管理CDN是英文ContentDeliveryNetwork简写,意即内容分发网络。它的基本思路是将互联网中有可能影响数据传输速度和稳定性的环节避开,保证内容传输的稳定性。
3.6优化图片显示其核心思想是实现用户设备分辨率的自动区分,根据不同分辨率提供不同大小的图片以供用户加载。这样既能使不同终端用户都获得良好的用户体验,同时不会浪费用户数据流量和加载速度。
4优秀的响应式WEB框架
4.1GumbyFrameworkGumbyFramework是一个灵活的响应式框架,它建立在SASS基础之上。SASS是一款CSS预处理器,它功能强大,提供很多新的工具来支持使用者快速自主开发Gumby框架。Gumby的产品更新紧跟最新的行业技术标准和规范,同时支持chrome、firefox、Opera、IE8-10等多种主流浏览器。如果开发者刚刚开始接触响应式交互网站,那么使用Gumby是非常适合的。它自带PSDUI工具包,能够非常方便地帮助制作者开发出一个漂亮的响应式交互布局网站,且不需要太多专业性代码。
4.2FoundationFoundation由位于加州坎贝尔的产品设计公司ZURB设计开发,是目前非常现金的响应式WEB设计框架。它拥有很多布局模板、CSS样式表以及自己开发的优秀JavaScript插件。同时,Foundation强大之处还在于其将SASS有效整合,开发者可以使用Mixins概念简化开发行为,使组件的使用更加简单便捷。
4.3SemanticSemantic优势在于提供一个共享UI以供开发人员和设计师共同协作,共同开发,提升可控范围。Semantic使用自然语言习惯来辅助开发,让开发过程更便捷,同时,Semantic还可以实时进行debug输出,提示代码作用。
4.4PureCSSPureCSS是一款轻量级响应式框架,解压缩后只有5.7KB。它基于Normalize.css框架构建,没有使用任何JavaScript,只使用了HTML和CSS技术。该框架采用模块化结构,每一个模块样式都可以单独使用。
4.5TukTukTukTuk是一个高效快速的响应式CSS3框架,以轻量级的设计和面向对象的CSS为优势,非常容易扩展。5.6KubeKube是一款灵活的CSS框架,包括网格、按钮、表、排版样式等实用功能,可对forms,grids,buttons,tables,typography等属性设置样式,同时提供LESS文件,给开发人员带来了极大的灵活性。
5结语
(2)感知机能的变化。人如果脱离了社会就是一个个体,在社会中只有不断的吸收外界信息才能使自身不断成长,接收外界的信息一般使用视觉、听觉和触觉一些渠道来完成。人体的这种获取信息机能如果消退,能够在很大程度上降低人体对外界信息的利用,利用信息的质量会快速下降,使人与环境互动过程出现问题。对于社会中的弱势群体来说,身体上的不便使他们降低了和外界互动的过程,身体中的多项机能不能发挥作用,在一定程度上会影响到和产品的交互能力。
2交互设计对弱势群体产生的影响
(1)手势识别。由于弱势群体信息能力有所下降,不能很好的与产品进行交互行为,比如,一些人不能按照说明书上的指示进行正确的操作产品,在这种情况下如果手势可以解决他们的这些问题就更为方便。人可以通过手势对产品下达命令,通过这种交互方式来达到自身的目的,将会提高弱势群体的生活质量。
(2)触觉交互。视觉和听觉是人体获取信息最为关键的部位,随着身体机能的减退,视觉和听觉会随之减退,甚至无法发挥作用,但是触觉不会随着机能的减退而变化,所以,触觉尤为重要。我国目前有一些触觉交互产品应用在弱势群体当中,比如,一种利用触觉感应的鼠标、动感游戏控制器,遥控器能够对手部和身体的压力进行分析,并把动作时的压力转变为一种命令信号。
(3)语音识别。语言是人体获取信息最大的渠道,比较方便,如果一些身体不便的人在和产品进行交互时能够通过语言直接对其控制,能够大大简化交互过程并且实现交互目的。把命令用一句简洁的话表达出来,让产品进行识别和分析,并执行任务。这种交互过程大大降低了与其产品交互的过程,提高了产品工作效率。
3结语
以前在企业界流行过不少“魔法棒”，比如质量、技术、品牌、学习型组织、互联网、韦尔奇等等，它们都或多或少产生了一定的作用，但最终我们都会发现，它们并不是神奇的魔法棒，不会立竿见影。过去的魔法棒的命运不外乎两种，一种是在失去表面的作用之后就被迅速抛弃，一种是成为无所不包的东西，它可以被用来解释所有的问题，却无法发挥什么实际作用。设计的流行可能是好事，它能够把中国企业的注意力稍稍从自主创新的一个方面——技术上稍稍移开，使得它们意识到，创新除了核心技术以外，还有设计这一条支柱。但是，如果我们希望从设计中获益，那么在设计成为一个包罗万象的流行词汇之前，我们不妨自问一下这样的问题，设计是什么？
设计包罗万象
提到“设计”这个词，我们会联想起什么？美、酷、新奇、让人眼前一亮，这大概是对设计的普遍期待，它常常被等同于美的外观。设计被视为塑造品牌形象的工具，是漂亮的标识、包装、场所，或者其他一些可以被用来营销的概念。设计也常常让人联想起由艺术家组成的设计团队，设计被看成艺术天才的大脑的神奇产物。设计也常常和奢华联系在一起，它通常意味着更高的价格……这一切是设计，又不是设计。改变产品、品牌的外在形象的确是设计的力量能立刻展现出来的地方。外形上的美是我们可以一下子发现的，产品是美的也逐渐像质量一样变成产品成功的必要条件，但是，设计不仅仅是这些。
所有人都看到了苹果和Google的设计，但是，把产品颜色变成苹果的略带透明的白色，或者把网站界面设计成类似Google那样的简洁样式就可以获得它们的设计感吗？答案很显然是“不”。在我看来，技术决定提供的顾客的功能，而设计决定如何把这些功能提供给顾客，它包括产品或服务的外形、产品与顾客的交互界面，包括在人们头脑中形成的意象，包括对提供哪些功能给顾客、而不提供哪些的决策，它涵括顾客在与产品和服务交互时的所有体验。
这正是为什么家居用品、时尚产业不是企业在试图改善设计时能找到多少借鉴的领域。虽然它们有很多非常美的产品、被认为是设计最多的地方，也有着最多的设计界明星，但是，问题在于，它们的功能本质上都非常简单，因而设计师把几乎全部力量都用在外形之上。企业界过多地向它们借鉴只会误入歧途。
交互的体验界面
在把设计视为与用户交互的界面这一层面上，以强调设计的易用性闻名的美国西北大学教授唐纳德·诺曼(DonaldNorman)曾这样分析道，设计必须反映产品的核心功能、工作原理、可能的操作方法和反馈产品在某一特定时刻的运转状态。
当然，Google和这两个例子所说的并不是说设计就应当是“少就是多”(LessisMore)、追求所谓极简主义，而是说设计应当与功能匹配，为顾客创造好的用户体验。Google的成功与其强大的搜索性能有关，也与其简洁的首页界面有关，它的成功更由于它强大的功能和简洁界面是匹配的。针对“少就是多”，著名设计师米尔顿·格拉塞(MiltonGlaser)曾说：“少不是多，恰恰够才是多。”但不管怎样，总的来说，对于产品界面的设计，世界知名的产品设计公司IDEO总经理汤姆·凯利(TomKelly)的一句话值得记住：我们其实都在的寻找各自的“简单明了的界面”。
功能与纽带
设计是要满足用户的需求，因而很多时候对用户需求的调查和分析被视为设计的第一步。在三星的设计中心，他们会请普通消费者将几大袋食品装进冰箱，设计师会记录下各种食品所摆放的位置，从而设计出符合消费者生活方式的产品。明基公司的设计团队有这样四个小组进行趋势研究：宏观社会趋势研究小组、研究生活和行为的微观小组、设计调研小组以及产品进入市场后观察消费者反应的市场调研小组。
设计除了在产品与用户之间充当实际存在的联系纽带之外，还应该是意义的纽带。在ZIBA总裁梭罗·凡史杰看来，设计伟大的产品是建立联系的过程，与人们的需求建立联系，与人们的渴望建立联系，与他们的文化和所处的世界建立联系，有的时候，帮助人们在他们的情感和自我之间建立联系。这常常被视为品牌的领域，但它也是设计能够发挥效能的地方——好的产品、把产品交给客户的方式、客户每一次和企业接触的体验——这些都是设计的领地。
随着医学模式的转变，社会对护理专业学生的要求也在不断的提高。而对于以高素质、高技能、应用型人才为主要培养目标的高等护理教育来说,校外实训条件的优劣直接影响到教学过程的实施和人才培养质量的高低。受国家医疗体制改革的影响，医院护理队伍规模越来越大,覆盖面积越来越广,但是不可忽视的是许多高校缺乏必备的校外实训场所，没有布局合理资质良好的校外实习基地,疏于对实习基地的管理和考核评价,导致办学水平的低下和人才规格的"缩水"。如何选择与建立良好的校外实训基地,是护理专业提升教学质量,实现可持续发展的重要保证。我院经过调查研究，现将体会介绍如下：
1、方法
2、护理专业校外实习基地建设中存在的问题
2.1类型单一,,与学生的个性发展不协调
2.2部分老师缺乏带教意识，不能很好的指导学生。
有的带教老师业务能力较差，不能指导学生掌握全面的护理知识。有的老师只分派学生完成具体工作,不讲为什么做、怎样做好,以致护生感到,"知其然,不知其所以然"。还有的学生认为教学方法单一,师生沟通欠缺,教学评价不全面。影响实习教学质量和人才培养水平
2.3实习基地过少，与护理专业的发展不匹配
问卷调查中有的护生反映动手操作的机会少。原来实习医院只有12家，各科室加床多,重症多,周转快,临床护士人力资源相对不足。在"以病人为中心"的服务理念下,临床带教老师既要很好地完成本职工作,保证病人需求,又必须以临床病人为实习对象来指导护生练习各项操作,病人自我保护意识增强,拒绝护生操作,造成教学与临床工作的现实矛盾。
3、校外实习基地的选择策略
3.1结合就业建立多元化实习模式
实习加就业是中国高等教育发展的必由之路,也是被实践证明了的正确的道路。经过近几年的理论和实践探索,我校在实习与用人合作方面取得了一定的经验,创出了一些具有中国特色的实习促就业的模式,如"订单式",并取得了一定成效,在"订单式"人才培养模式中,医院与学校签订人才培养协议,共同制定人才培养计划,共同组织教学,学生毕业后直接在实习医院就业。充分利用了学校和医院双方资源,是很好的实习形式。
3.2实习医院的合理性选择
实习医院的层次是保证学生将理论很好地应用实践最重要的因素。有关资料显示，目前以北京、上海、广东为中心的区域板块是中国经济最为发达,医院技术能力最为先进的地区,也是医学发展水平最高的地区。护理专业在选择校外实训基地的过程中,除考虑服务于区域经济的因素外,还应与中国医学的发展主流相适应,校外实训基地的区位应当布局合理。对其实习教学环节的质量起着重要的保障作用。合理的区位分布对学生未来职业发展提供更为广阔的空间,随着高校招生范围的不断扩大,生源已不局限于某个省份,在实习就业的选择中必然会出现多区域选择的趋势。因而高校在实习基地的选择和布局中应当从学生多样化、个性化的角度出发,兼顾不同区域学生未来职业发展的可能性,建立具有一定代表性的基地,避免校外实训基地区位分布过于集中的情况。
3.3运行机制的选择
专业实习是一个系统化过程,有效的运行机制是校外实训基地得以正常运转、实现共赢的保障。学生到岗实习并不意味着学校完成了教学任务,它代表着新的管理阶段的开始。为避免实习过程中矛盾的产生建立，全方位多角度的运行保障机制尤为重要。应增加实习医院之间的联系[2]，成立由校方和医院方共同组成的实训管理机构或产学合作项目教学负责机构,对基地的选择、教学计划的制定、教学安排、师资培养、基地考核全面负责。同时,选派业务能力和责任心强的校方和医院方实习指导老师,对学生在实习过程中的思想动态、岗位工作情况、毕业论文等进行指导,提高实习质量。加强实习过程性控制与评估,建立学校、行业、用人单位三位一体的实习质量评估体系。建立动态的对医院方的考评机制,提高医院对实习工作的重视和管理,促进双方合作关系稳定与和谐地发展。
4、实践成果
4.1建立了稳定的实习基地
通过上述方法与基地建设选择策略，我们的实习基地逐年扩充，由原来的12所，增加到20所，取缔3所，并且相对稳定，拓展了学生的学习视野。
4.2建立完善了实习管理制度
成立临床护理教学指导小组,制定临床护理教学程序、护理教学质量控制办法等对全院的临床护理带教给予检查、指导与评价。并举办临床带教老师培训班,以提高带教老师的教学技能。同时注意组织学生自学讨论,发挥其主观能动性,促进自学;应用角色扮演、情景模拟教学等形式，以更好的掌握知识[3]。
4.3提高了就业率
该研究成果于2006年开始应用于北华大学护理学院护理本科生的实践教学，学生的综合操作成绩明显提高，对临床实习的态度积极，实习单位评价反馈，学生具有很好的临床思维能力，对知识的综合运用能力好，进入临床角色快。学生的就业率由原86%上升至99%。
【参考文献】
［1］商临萍.临床护理教学研究新进展[J]护理研究,2004,18(3):388-391.
1.1系统流程分析
1.2数据库设计
本系统主要有四张基本表即教师表、项目表、学生表和课程表,各数据表的主要属性及表之间的关系见图1所示。
1.3系统功能模块设计
(1)任务要求模块:本功能模块针对老师以及学生开放,老师通过这个功能模块可以添加所属的课程设计的任务要求,学生通过这个模块可以查询老师所的课程设计的任务要求。
(4)终期检查模块:本功能模块针对学生和老师开放,学生通过此功能模块提交项目的终期检查论文,老师查看后,批准终审是否通过,学生可以登陆平台查看终审结果。
3系统开发环境
以Delphi7作为系统集成开发环境,利用SQLServer2000数据库平台实现数据的存储管理,服务器使用MicrosoftWindowsXP操作系统。
2系统实施
本课程设计平台系统主要有:布置任务要求、学生查看、选择任务、提交项目申请、教师审核、学生查询、提交中期资料、教师审核、学生查询、学生发出疑问、查询答疑记录、教师答疑、教师查询项目信息、教师查询答疑记录以及教师评分18大主要功能并且分支于六大子系统。