《SVGWEB介绍》ppt课件

1、SVG/WEB介绍SVG根本概念 SVGScable Vector Graphics，可晋级矢量图像是一种基于XML的开放的矢量图形描绘语言。 SVG图像是与XML1.0兼容的文档，SVG元素是指示如何绘制图像的一些指令，阅读器SVGViewer解释这些指令，把SVG图像在指定设备上显示出来。IE7后自动内嵌 使用SVG可以在网页上显示出各种各样的高质量的矢量图形，支持很多您想象得出的功能：几何图形、动画、渐变色、滤镜效果等。 SVG是完全用普通文本来描绘的！也就是说，这是一种专门为网络而设计的基于文本的图像格式。SVG特点 基于基于XMLXML标准标准XML是公认的下一代网络标记语言，拥有无

2、穷的生命力。 高质量的图像高质量的图像由于基于矢量，使得SVG图像的质量得到大大的进步。 灵敏易用的文件格式灵敏易用的文件格式SVG可以不用任何图像处理工具，仅仅用记事本就可以生成一个SVG图像！ 支持交互和动画支持交互和动画 支持字符查找支持字符查找查找“图片中的字符，在SVG中成为可能。 支持支持Xlink Xlink 和和XpointerXpointer这意味着我们可以在SVG文档之间制作超链接，这使我们可以制作一个完全由SVG构成的WEB站点。SVG根本形状circle：显示一个圆心在指定点、半径为指定长度的标准的圆。 椭圆ellipse：显示中心在指定点、长轴和短轴半径为指定长度的椭

3、圆。 矩形rect：显示左上角在指定点并且高度和宽度为指定值的矩形包括正方形。也可以通过指定边角圆的 x 和 y 半径画成圆角矩形。 线line：显示两个坐标之间的连线。 折线polyline：显示顶点在指定点的一组线。 多边形polygon：类似于 polyline，但增加了从最末点到第一点的连线，从而创立了一个闭合形状。 SVG简单样例 SVG效果电力系统中SVG应用 电力系统是一个典型的拓扑构造网络，作为调度自动化研究对象的电力系统模型包括如下方面：n设备根本参数，包括物理属性、运行属性等n设备之间的连接关系，即通常所说的物理拓扑构造n量测量参数SVG可以绘制实际的电网拓扑构造图形,图形

4、中形象展示电力系统中各设备及其参数、设备间的物理拓扑、量测量等参数,并作为标准的图形格式进展交换绘图绘图+ +设备根本设备根本参数编辑参数编辑= =电网模型电网模型电网图形电网图形图模一体化技术，通过绘制实际的电网拓扑构造图形，将自动生成了电网的拓扑构造参数并入库，并可进展拓扑构造的合理性检查，同时，在图形上编辑的设备参数可以直接入库。图模交换场景场景1 1场景场景2 2模型中心模型中心DTSDTSWAMSWAMSWDSWDSTSATSAXXXXXX模型与图形模型与图形模型与图形模型与图形模型与图形EMSEMS模型与图形模型中心模型中心地调地调省调省调省调省调模型中心模型中心模型中心模型中心模

5、型中心模型中心模型中心模型中心模型中心模型中心地调地调1 1地调地调2 2地调地调3 3地调地调4 4地调地调n n模型拼接模型拼接模型与图形模型与图形模型与图形模型与图形模型与图形模型与图形全模型与图形全模型与图形SVG/CIM 图形与模型CIM是按照面向对象建立起来的电力系统对象模型，它定义了用于电力系统模型中各类对象的名称和属性。CIM不是数据库，它指导调度自动化系统建库和系统之间电网模型交换。RegulationScheduleTapChanger0.10.n+RegulationSchedule0.1+TapChangers0.nWindingTestPowerTransformer

6、TransformerWinding0.n1+TapChangers0.n+TransformerWinding110.n+From_TransformerWinding1+From_WindingTests0.n0.10.n+To_WindingTest0.1+To_TransformeWindings0.n+MemberOf_PowerTransformer+Contains_TransformerWindings1.n11.n1 LangL_S.500.1_T 500kv/380kv/220kv LangL_S.220.1_T.WH 550侧线圈 SVG与CIM图形与模型Id关联： 对于

7、某一电力设备的图形svg中对象和模型cim对象采用一样的ID或者采用一定关联关系的ID，实现应用程序对图形和模型进展各种操作，实现图模一体。Metadata元数据关联，SVG标准提供元素用来描绘其他SVG元素属性。 SVG图形 国网公司在IEC61970-453 ?CIM Based Graphics Exchange?的根底之上制定了?基于SVG的公共图形交换格式?SVG图形厂站单线图厂站单线图系统图系统图标准规定了基于SVG的EMS/SCADA系统间的系统图和一次接线图的图形交互规那么及EMS/SCADA系统与GIS系统等其他应用系统的图形交互规那么。目的是实现不同系统、不同厂家和不同电力

8、企业间的图形交换。SVG应用拓朴图形展示放大、缩小、拖放等实时数据展示参数、历史数据展示曲线、棒图、饼图图形交换WEB框架总图WEB根本概念WEB1.0WEB2.0知识消费将所有的知识放到网络上通过用户互相的协同合作，将已有的知识组织起来，继续深化知识并产生新的知识内容消费公司、门户将知识搬到网络上用户为主，以BLOG等方式搬运知识交互性公司用户B2C用户用户P2P技术htmlAjax技术等其他以门户为主，提供内容发布，寻求商业形式，要求内容详细且大而全，以网站为中心构建，实现1对多的联络推崇个性化网站，提倡多种应用，以提供效劳为目的，追求开发、自由的信息交流，以用户个人为中心，倡导建立社会性

9、网络WEB开发主流平台l .NETMicro Software lJ2EE SUN .NET vs J2EEJ2EEWindows .NET通信协议Remote Method Invocation over Internet InterOrb ProtocolRMI/IIOPxml编程语言javaC#,COBOL运行时环境JVMCLR胖客户端JAVA SwingWindow Forms目录效劳JNDIADSIActive Directory Service Interface数据访问JDBCADO.NET异步消息处理JMSMicrosoft Message Queue表示层技术Servlet,

10、JSPASP.NET中间层组件模型EJB,JAVABEANCOM+,COM平安访问JAASCOM+ Security事务处理JTSMicrosoft Distributed Transaction CoordnatorMS-DTC开发工具webGain,Borland jbuilder,eclipseMicrosoft visual studio .net 2005J2EE简介Java 2 Platform,Enterprise Edition J2EE是一套全然不同于传统应用开发的技术架构，包含许多组件，主要可简化且标准应用系统的开发与部署，进而进步可移植性、平安与再用价值。 J2EE核心是

11、一组技术标准与指南，其中所包含的各类组件、效劳架构及技术层次，均有共通的标准及规格，让各种依循J2EE架构的不同平台之间，存在良好的兼容性，解决过去企业后端使用的信息产品彼此之间无法兼容，导致企业内部或外部难以互通的窘境。 J2EE是一组框架，提供各种效劳及API，如servlet、jsp、jdbc、ejb、jms、rmi、jndi、jta、jca、jaas、jacc、jax-rpc、jaxrWEB开发相关框架及技术StrutsSpringHibernateAjaxExtDwrCorba/web serviceJavascriptcssStruts Struts是基于SUN J2EE标准的MV

12、C框架,主要通过servlet和jsp技术实现.其 通过将servlet、jsp、自定义标签、信息资源交融至一起,形成一个通用的框架实现MVC形式. Struts为业务逻辑开发提供支持,作为MVC形式实现,其中M主要由Action实现,V主要指标签库与servlet结合实现,C主要由Servlet及XML资源实现.Struts 体系构造SpringSpring 是一种开源框架，主要应用于“without EJB的J2EE轻量级软件开发。Spring 存在两个核心方面：IOC控制反转，或称DI，依赖注射和AOP面向切面的编程。Spring 采用分层架构，所有模块构建在核心容器上，核心容器定义了创

13、立、配置和管理bean的方式。 Spring IOC 不创立对象，但是提供描绘创立它们的方式。在代码中不直接与对象和效劳连接，但在配置文件中描绘哪一个组件需要哪一项效劳Dont call me ,Ill call you!Spring AOP动态代理形式Advice,Advisor,PointcutHibernate Hibernate是Java平台上一个功能全面的、开源的OR映射框架。Hibernate支持开发符合常规Java理念的持久性类 包括关联、继承、多态、复合以及 Java 集合框架。Hibernate 查询语言HQL被设计成 SQL 的一个微型面向对象扩展，它是对象和关系世界之间的

14、桥梁。Hibernate 也支持用原始 SQL 或基于 Java 的标准和例如查询表达查询。Hibernate 使用 XML*.hbm.xml 文件把Java类映射到表，把 JavaBean 属性映射到数据库表。Hibernate O/R Mappingpackage hello;public class Messageprivate Long id;private String text;Private Message nextMessage;public Messagepublic MessageString textthis.text=text;public Long getIdretu

15、rn id;public void setIdLong idthis.id=id;public String getTextreturn text;public void setTextString textthis.text=text;public Message getNextMessagereturn nextMessage;public void setNextMessageMessage nextMessagethis.nextMessage=nextMessage; /classAJAX Ajax 由 HTML、JavaScript、DHTML 和 DOM 组成，可将 Web 界面

16、转化成交互性的 Ajax 应用程序。 Ajax 是 Asynchronous JavaScript and XML以及 DHTML 等的缩写。 Ajax 核心 XML Request 对象。Ext基于AJAX技术根底之上的框架Ext，在最开场的时候，是作为YUI的一个扩展存在的，所以那个时候它的名称是YUI.Ext，后来，Ext作为一个独立的工程进展开发，并不再依赖于YUIExt 传统的客户端富客户端其实这也是桌面应用程序与WEB应用程序之争的结果!结果双方妥协,使用富客户端,一方面满足了使用WEB Browser进展阅读;另一方面又可以实现快速方便的强大操作功能,即部分刷新功能及其他功能.E

17、XT即建立于AJAX技术根底之上的UI框架.Ext 主要类TreeGridTableChartHttpProxyLocalMemoryScriptTagProxyXMLReaderJsonReaderArrayReaderFieldAjaxDataProxyUI ComponentStoreDataReaderRecordDWRlDWRDirect Web Remoting 是一个WEB远程调用框架，在根本的AJAX根本上开展而来,利用这个框架可以让AJAX开发变得很简单。DWR主要由两部分组成：javascript与web效劳器通信并更新web页；运行在web效劳器的Servlet处理恳求并把响应发回阅读器。l主要的实现方式是在java代码根底上动态的生成javascript代码。web开发者可以直接调用这些javascript代码，然而真正的代码是运行在web效劳器上的java code。出与平安考虑，开发者必须配置哪些java class暴露给DWR.配置dwr.xmlCORBA公共对象恳求代理体系构造common object request broker architec