SVGWEB介绍.ppt

SVG/WEB介绍介绍SVG基本概念基本概念 SVG(Scable Vector Graphics，可升级矢量图像)是一种基于XML的开放的矢量图形描述语言。SVG图像是与XML1.0兼容的文档，SVG元素是指示如何绘制图像的一些指令，阅读器(SVGViewer)解释这些指令，把SVG图像在指定设备上显示出来。(IE7后自动内嵌)使用SVG可以在网页上显示出各种各样的高质量的矢量图形，支持很多您想象得出的功能：几何图形、动画、渐变色、滤镜效果等。SVG是完全用普通文本来描述的！也就是说，这是一种专门为网络而设计的基于文本的图像格式。SVG特点特点l 基于基于XML标准标准XML是公认的下一代网络标记语言，拥有无穷的生命力。l 高质量的图像高质量的图像由于基于矢量，使得SVG图像的质量得到大大的提高。l 灵活易用的文件格式灵活易用的文件格式SVG可以不用任何图像处理工具，仅仅用记事本就可以生成一个SVG图像！l 支持交互和动画支持交互和动画l 支持字符查找支持字符查找查找“图片”中的字符，在SVG中成为可能。l 支持支持Xlink 和和Xpointer这意味着我们可以在SVG文档之间制作超链接，这使我们可以制作一个完全由SVG构成的WEB站点。SVG基本形状基本形状l（circle）：显示一个圆心在指定点、半径为指定长度的标准的圆。l椭圆（ellipse）：显示中心在指定点、长轴和短轴半径为指定长度的椭圆。l矩形（rect）：显示左上角在指定点并且高度和宽度为指定值的矩形（包括正方形）。也可以通过指定边角圆的 x 和 y 半径画成圆角矩形。l线（line）：显示两个坐标之间的连线。l折线（polyline）：显示顶点在指定点的一组线。l多边形（polygon）：类似于 polyline，但增加了从最末点到第一点的连线，从而创建了一个闭合形状。SVG简单样例简单样例 SVG效果效果电力系统中电力系统中SVG应用应用 电力系统是一个典型的拓扑结构网络，作为调度自动化研究对象的电力系统模型包括如下方面：n设备基本参数，包括物理属性、运行属性等n设备之间的连接关系，即通常所说的物理拓扑结构n量测量参数SVG能够绘制实际的电网拓扑结构图形,图形中形象展示电力系统中各设备及其参数、设备间的物理拓扑、量测量等参数,并作为标准的图形格式进行交换绘图+设备基本基本参数参数编辑=电网模型网模型电网网图形形图模一体化技术，通过绘制实际的电网拓扑结构图形，将自动生成了电网的拓扑结构参数并入库，并可进行拓扑结构的合理性检查，同时，在图形上编辑的设备参数可以直接入库。图模交换图模交换场景景1 1场景景2 2模型中心模型中心DTSDTSWAMSWAMSWDSWDSTSATSAXXXXXX模型与图形模型与图形模型与图形模型与图形模型与图形EMSEMS模型与图形模型中心模型中心地地调省省调省省调模型中心模型中心模型中心模型中心模型中心模型中心模型中心模型中心模型中心模型中心地地调1 1地地调2 2地地调3 3地地调4 4地地调n n模型拼接模型拼接模型与图形模型与图形模型与图形模型与图形模型与图形模型与图形全模型与全模型与图形形SVG/CIM(图形与模型图形与模型)CIM是按照面向对象建立起来的电力系统对象模型，它定义了用于电力系统模型中各类对象的名称和属性。CIM不是数据库，它指导调度自动化系统建库和系统之间电网模型交换。LangL_S.500.1_T 500kv/380kv/220kv LangL_S.220.1_T.WH 550侧线圈 SVG与与CIM(图形与模型图形与模型)lId关联：对于某一电力设备的图形（svg中对象）和模型（cim对象）采用相同的ID或者采用一定关联关系的ID，实现应用程序对图形和模型进行各种操作，实现图模一体。lMetadata（元数据）关联，SVG规范提供元素用来描述其他SVG元素属性。SVG图形图形 国网公司在IEC61970-453 CIM Based Graphics Exchange的基础之上制定了基于SVG的公共图形交换格式SVG图形图形厂站厂站单线图系系统图标准规定了基于SVG的EMS/SCADA系统间的系统图和一次接线图的图形交互规则及EMS/SCADA系统与GIS系统等其他应用系统的图形交互规则。目的是实现不同系统、不同厂家和不同电力企业间的图形交换。SVG应用应用l拓朴图形展示（放大、缩小、拖放等）l实时数据展示l参数、历史数据展示l曲线、棒图、饼图l图形交换WEB框架总图框架总图WEB基本概念基本概念WEB1.0WEB2.0知识生产将所有的知识放到网络上通过用户相互的协同合作，将已有的知识组织起来，继续深化知识并产生新的知识内容生产公司、门户将知识搬到网络上用户为主，以BLOG等方式搬运知识交互性公司用户（B2C）用户用户（P2P）技术htmlAjax技术等其他以门户为主，提供内容发布，寻求商业模式，要求内容详细且大而全，以网站为中心构建，实现1对多的联系推崇个性化网站，提倡多种应用，以提供服务为目标，追求开发、自由的信息交流，以用户个人为中心，倡导建立社会性网络WEB开发主流平台开发主流平台l.NET(Micro Software)lJ2EE(SUN).NET vs J2EEJ2EEWindows.NET通信协议Remote Method Invocation over Internet InterOrb Protocol(RMI/IIOP)xml编程语言javaC#,COBOL运行时环境JVMCLR胖客户端JAVA SwingWindow Forms目录服务JNDIADSI(Active Directory Service Interface)数据访问JDBCADO.NET异步消息处理JMSMicrosoft Message Queue表示层技术Servlet,JSPASP.NET中间层组件模型EJB,JAVABEANCOM+,COM安全访问JAASCOM+Security事务处理JTSMicrosoft Distributed Transaction Coordnator(MS-DTC)开发工具webGain,Borland jbuilder,eclipseMicrosoft visual 2005J2EE简介简介l（Java 2 Platform,Enterprise Edition）J2EE是一套全然不同于传统应用开发的技术架构，包含许多组件，主要可简化且规范应用系统的开发与部署，进而提高可移植性、安全与再用价值。lJ2EE核心是一组技术规范与指南，其中所包含的各类组件、服务架构及技术层次，均有共通的标准及规格，让各种依循J2EE架构的不同平台之间，存在良好的兼容性，解决过去企业后端使用的信息产品彼此之间无法兼容，导致企业内部或外部难以互通的窘境。l J2EE是一组框架，提供各种服务及API，如servlet、jsp、jdbc、ejb、jms、rmi、jndi、jta、jca、jaas、jacc、jax-rpc、jaxrWEB开发相关框架及技术开发相关框架及技术lStrutslSpringlHibernatelAjaxlExtlDwrlCorba/web servicelJavascriptlcssStruts Struts是基于SUN J2EE标准的MVC框架,主要通过servlet和jsp技术实现.其 通过将servlet、jsp、自定义标签、信息资源融合至一起,形成一个通用的框架实现MVC模式.Struts为业务逻辑开发提供支持,作为MVC模式实现,其中M主要由Action实现,V主要指标签库与servlet结合实现,C主要由Servlet及XML资源实现.Struts 体系结构体系结构SpringlSpring 是一种开源框架，主要应用于“without EJB”的J2EE轻量级软件开发。lSpring 存在两个核心方面：IOC（控制反转，或称DI，依赖注射）和AOP（面向切面的编程）。lSpring 采用分层架构，所有模块构建在核心容器上，核心容器定义了创建、配置和管理bean的方式。Spring IOCl 不创建对象，但是提供描述创建它们的方式。在代码中不直接与对象和服务连接，但在配置文件中描述哪一个组件需要哪一项服务lDont call me,Ill call you!Spring AOPl动态代理模式lAdvice,Advisor,PointcutHibernate Hibernate是Java平台上一个功能全面的、开源的OR映射框架。Hibernate支持开发符合常规Java理念的持久性类 包括关联、继承、多态、复合以及 Java 集合框架。Hibernate 查询语言（HQL）被设计成 SQL 的一个微型面向对象扩展，它是对象和关系世界之间的桥梁。Hibernate 也支持用原始 SQL 或基于 Java 的标准和示例查询表达查询。Hibernate 使用 XML（*.hbm.xml）文件把Java类映射到表，把 JavaBean 属性映射到数据库表。Hibernate O/R Mappinglpackage hello;lpublic class Messagelprivate Long id;lprivate String text;lPrivate Message nextMessage;lpublic Message()lpublic Message(String text)lthis.text=text;llpublic Long getId()lreturn id;llpublic void setId(Long id)lthis.id=id;llpublic String getText()lreturn text;llpublic void setText(String text)lthis.text=text;llpublic Message getNextMessage()lreturn nextMessage;llpublic void setNextMessage(Message nextMessage)lthis.nextMessage=nextMessage;ll /classAJAX Ajax 由 HTML、JavaScript、DHTML 和 DOM 组成，可将 Web 界面转化成交互性的 Ajax 应用程序。Ajax 是 Asynchronous JavaScript and XML（以及 DHTML 等）的缩写。Ajax 核心 XMLHttpRequest 对象。Extl基于AJAX技术基础之上的框架lExt，在最开始的时候，是作为YUI的一个扩展存在的，所以那个时候它的名称是YUI.Ext，后来，Ext作为一个独立的项目进行开发，并不再依赖于YUIExt 传统的客户端富客户端其实这也是桌面应用程序与WEB应用程序之争的结果!结果双方妥协,使用富客户端,一方面满足了使用WEB Browser进行浏览;另一方面又可以实现快速方便的强大操作功能,即部分刷新功能及其他功能.EXT即建立于AJAX技术基础之上的UI框架.Ext 主要类主要类DWRlDWR(Direct Web Remoting)是一个WEB远程调用框架，在基本的AJAX基本上发展而来,利用这个框架可以让AJAX开发变得很简单。DWR主要由两部分组成：javascript与web服务器通信并更新web页；运行在web服务器的Servlet处理请求并把响应发回浏览器。l主要的实现方式是在java代码基础上动态的生成javascript代码。web开发者可以直接调用这些javascript代码，然而真正的代码是运行在web服务器上的java code。出与安全考虑，开发者必须配置哪些java class暴露给DWR.(配置dwr.xml)CORBAl公共对象请求代理体系结构（common object request broker architecture）l分布式数据访问lidl(interface description language),idlj-falllPOAWeb Servicel分布式服务lWSDLlAxis2.warJavascriptl客户端脚本语言CSSl样式表开发相关包开发相关包l日志 log4jl缓存 ehcachel单点登陆 httpclientl文件处理 poi,jxl,jdom,htmlparser,pdfboxl搜索 lucenelWeb service axis2.war开发相关开发相关lJBuilder 9lEclipse 3.2+myEclipse 6.0.1lTomcat 5.0lJdk 1.5lOracle 9i