on-line tickets reservation demo

SVG Language usage example

SVG (Scalable Vector Graphics) is a language for describing two-dimensional graphics and graphical applications in XML from the World Wide Web Consortium (W3C). With SVG, Web developers and designers are given a powerfull tool to dynamically generate high-quality graphics from real-time data with precise structural and visual control.

True power and flexibility of SVG language take their roots in the following features of this Web-oriented technology:

Data-driven graphics This is XML-based technology and could be easily linked to back-end business processes such as e-commerce systems, corporate databases, and other rich sources of real-time information. XSLT technology is suited ideally to make a bridge between XML-capable data sources and Web-based SVG graphics.
Interactive graphics SVG offers a wide range of interactive capabilities that clears the way for creation of rich Web-based applications and complex user interfaces with common Web scripting and programming languages such as JavaScript, Java, and Microsoft Visual Basic.

A growing number of products support SVG format. In fact, Microsoft Internet Explorer browsers of version 5.0 and higher are shipped with SVG plugin by Adobe (Adobe's SVG Viewer) ready to install. You can download the latest SVG plugin for your browser here.

For more details about SVG format and news on development of SVG capable software and hardware worldwide, visit World Wide Web Consortium (W3C) SVG Home Page.

Our Online Ticket Reservation Demo gives you a feel of what SVG-based Web application may look like. It is a prototype of data-driven client-server applicaton that makes use of advantages of SVG and XSLT technologies.

This demo is an interactive, database-driven, seating diagram, where chairs represent seats available for reservation. If the user moves the mouse pointer over a chair, it changes color, and the seat detail (section, row, and seat number) and pricing are displayed. If the mouse is moved over an empty seat, the seat is still highlighted and detailed, but is unavailable for sale. Clicking the mouse on an available seat toggles the seat and puts it in your "buy" list. After the first seat is added, a "buy" button and the order total become visible.

This application can be easily integrated with different server-side databases, which maintain information about performance schedule, seats and prices.

Ukrainian >>>

Russian >>>

English >>>