Shulou(Shulou.com)06/02 Report--

This article mainly introduces seven UML map types and three kinds of SVG image object example analysis, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand.

SVG and UML diagrams

SVG is a graphic vector standard of W3C, similar to Flash, they can quickly load vector graphics on the Internet. Although SVG is not as available as Flash, it is based on XML and has the inherent advantage of continuing to develop into the mainstream. Using SVG technology to display UML map on the Internet can not only perform operations such as zooming and translation of objects without distortion in the browser, but also decompose the large image and simplify it into small image browsing by using XML technologies such as Xlink and XPointer, and even access metadata information directly combined with the background database, and draw the results dynamically as UML diagrams, which can be displayed on the Internet. The powerful event and script functions of SVG also make the UML diagram have stronger interaction and richer expression ability. Based on the rough introduction of SVG and UML, this paper describes some technologies and related tools that will be used in the process of drawing UML graphics with SVG. UML diagrams can be divided into a series of standard component elements from different angles, and all kinds of UML diagrams can be constructed without obstacles.

1. SVG

Scalable Vector Graphics (SVG) is a recommendation of W3C. It uses XML to describe two-dimensional graphics structure and graphics applications, and can be displayed on Web browsers, handheld devices or mobile phones. At present, the stable version is version 1.1, and the version of * * is version 1.2 in draft form and has not been finalized.

In SVG, three kinds of image objects are allowed, namely, vector image, dot matrix image and text. SVG defines six commonly used basic vector shapes, including line, circle, oval, rectangle, polygon and broken line. On this basis, vector drawing is carried out by using coordinate transformation, path, animation, filter pattern and other functions, through multi-level combination of vector, dot matrix and text graphics, and with various attributes.

After a period of development, the business area of SVG has gradually expanded, covering Web charts, maps, block diagrams, flow charts, project plans and other categories. Building basic component libraries in various fields has also become an urgent need, and some open source projects are aiming at this as a goal to provide reusable, SVG-based component libraries. UML diagram can be clearly divided according to categories, for different categories, put forward the basic components, and combined with the inherent functions of SVG, you can easily use SVG to create a variety of UML applications.

The syntax of SVG is so simple that designers are usually familiar with it within a day, and there is also a special discussion on SVG in IBMDeveloperworks, so I won't repeat it here.

2. UML diagram

UML is the most commonly used object-oriented modeling language, which mainly includes seven common types, namely, use case diagram, class diagram, sequence diagram, state diagram, activity diagram, component diagram and deployment diagram, which are used for different modeling purposes.

Class diagram can show a set of classes, interfaces, cooperation, and the relationship between the above elements, usually divided into logical classes and implementation classes.

Component diagram, which provides a physical view of the system in a visual way, showing the dependencies of the components in the system.

The deployment diagram, which shows how the system is physically deployed into the hardware environment, is a collection of nodes and wires. The above three UML diagrams model the static characteristics of the system, and the following four describe the dynamic characteristics of the system.

Use case diagrams, which describe the functional units of the system, graphically represent the use cases within the system, the references outside the system, and the interaction between them.

Sequence diagrams, which emphasize chronological order, show the detailed flow of specific use cases. The sequence diagram has two dimensions: the vertical direction displays the message / call sequence in chronological order, and the horizontal direction shows the object instance to which the message is sent.

State diagram, which describes the dynamic characteristics of the system, including states, transitions, events, activities, etc.

An activity diagram that describes the flow of activities between two or more objects when the system is dealing with an activity.

UML also includes some other diagrams, such as object diagram, package diagram, combination diagram, etc., as well as some new concepts evolved, such as Stereotypes, Responsibilities, Extensibilitymechanisms, Threads, Processes, Distribution, Concurrency, Patterns and so on. Whether to use it depends on the level, classification and size of the system in the modeling process. Admittedly, for individuals, we don't use all symbols, but a complete UML modeling tool takes into account the rich symbolic syntax and semantic information in UML in as much detail as possible. Here, we can not clearly describe the method of drawing each UML symbol using SVG, we should focus on the division of the basic symbol elements of UML and some common methods and convenience of drawing UML diagram with SVG.

Thank you for reading this article carefully. I hope the article "sample Analysis of Seven UML Diagram types and three SVG Image objects" shared by the editor will be helpful to you. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.