Middle East Technical University (METU) campus has such an extensive area that reaching the necessary information which affects campus life, such as the locations of the buildings, classrooms, computer labs, and etc. may be very difficult for anyone who does not know the campus well, and even for a student, personnel or a graduate who had a long time in the campus. An interactive campus map and a database structure related to this map which can be accessed by multiple types of users on the Internet can display this information with its geographical locations, and will reduce the &quot / difficulty for reaching information&quot / widely. For this purpose, data of METU were collected from various sources, edited, organized, and inserted into data tables. An interactive campus map displaying the locations of the physical structures and facilities in the campus was created in Scalable Vector Grapics (SVG) standard, and published on the Internet. By JavaScript functions, the map can be browsed with map navigation tools, including zoom in, zoom out, move and information buttons, and layers control. There is a search section on the user interface, which allows users make queries to find building and classroom names, and list the buildings and facilities according to their usage and category types. Data are stored in PostgreSQL database, transmitted through PHP scripts, and can be edited by authorized users through the specialized web interfaces. Lastly, web-based implementation of the application is entirely based on open-source standards.

<p>A set top box is an embedded device, much like a computer with limited capabilities. Its main purpose is to decode a video signal and output it to a TV. The set top box market is constantly growing and to be competitive in it, a set top box has to be able to do more than only TV. One way to make an attractive product is to give it an appealing user interface. This thesis is a part of a larger work at the company to find new ways to create graphical user interfaces. Its goal is to investigate what SVG implementations that exits, which one that is most suitable for an integration attempt and then perform the integration.</p><p>Several SVG engines were investigated and one provided by the company was selected for integration. Three ways to integrate the SVG engine were identified. One of these alternatives was to extend the callback interface be- tween the engine and the underlying platform. Because of the good fit with the current architecture this alternative was chosen and implemented. As a part of this investigation a demo application suite of SVG content was also constructed.</p><p>This investigation resulted in a working integration of the chosen SVG engine on the platform. It has also showed that SVG is a suitable language to build graphical user interfaces on set top boxes.</p>

Šiame darbe nagrinėjamos vieno vektorinės grafikos formato – SVG – taikymo galimybės kuriant žiniatinklio aplikacijas, svetaines. Darbe pateikti keturi SVG taikymo variantai – „SVG panaudojimas su JavaScript ir CSS“, „SVG paslėpimas po JavaScript objektais“, „SVG paslėpimas po XBL elementais“, „SVG ir elementai symbol/use“. Kiekvienu atveju nurodoma, kaip galima realizuoti naudotojo sąsajos elementus, išvardinti metodo privalumai, trūkumai. Taip pat visais keturiais metodais realizuotas veikiantis pavyzdys – vektorinės grafikos redaktorius, kuris parodo, kad jau šiandien SVG galima taikyti savo projektuose. Darbe aprašomi bendri SVG integravimo į žiniatinklio turinį principai, trumpai palyginama SVG ir Flash technologija, susipažinama su minėtais realizavimo variantais, naudotojo sąsajos elementais, pagal tam tikrus kriterijus pateikiamos rekomendacijos, kada koks SVG taikymo variantas yra parankesnis. / This work covers applications of one of the vector graphics format – SVG in internet applications, sites. The work presents four SVG usage variants – “SVG with JavaScript and CSS”, “SVG behind JavaScript objects”, “SVG behind XBL elements”, “SVG and symbol/use elements”. In every case examples of implementing user interface elements are given. Also advantages and disadvantages are listed for mentioned methods. As an example vector graphics redactor was implemented in four different ways, which shows that SVG can be used for today’s applications. The work describes common SVG integration principles in the web, briefly compares SVG and Flash, introduces four SVG usage variants, user graphics interface elements, gives recommendations which method is better according to chosen criteria.

This thesis describes our experience of creating an interactive and customizable graph visualization engine, referred to as SVG graph visualization engine, or SVG Editor for short, implemented entirely in SVG and ECMAScript. Typical operations of this visualization engine include filtering, searching, collapsing, expanding of graph elements, and hierarchical as well as historical viewing of graphs and subgraphs. This visualization engine has great potential because it runs on many platforms and in many applications due to the availability of SVG plug-ins. SVG Editor can be customized to fit various domains. To illustrate the editor's customizability, we discuss three sample applications of SVG Editor. The first example is the instantiation of SVG Editor for the visualization of software structures. This kind of visualization is used by reverse engineering tools to support program comprehension. The second example is the instantiation of SVG Editor for information modeling with the Eclipse Modeling Framework (EMF). Another example is to use SVG Editor to show three distinct viewpoints of a subject Web site: developer-view, server-view, and client-view in a web site reverse engineering tool, and for a reverse engineer to explore and navigate mappings between them. Also, we assess selected aspects of SVG Editor’s scalability, extensibility, customizability, usability, and reusability.

Stuttgart, Univ., Diss., 2005.

På senare tid har det blivit allt mer populärt med interaktiva webbapplikationer. Ett sådant exempel är interaktiva linjediagram där användaren kan manipulera den information som visas i ett diagram. Information som visas i ett sådant diagram kan till exempel vara aktiekursdata. För att rita ut diagrammen i webbläsaren kan till exempel HTML5 Canvas eller SVG användas. Eftersom renderingstider är viktigt för att få en tillfredställande produkt är det intressant att ta reda på vilken av dessa tekniker som är snabbast och därför har ett experiment med flera testfall skapats där det interaktiva momentet undersökts. Resultatet av mätningar från dessa testfall visade på att SVG är snabbare än HTML5 Canvas. Mätningar utfördes dock endast i Google Chrome och därför skulle det vara intressant att i framtida arbeten även se mätningar i andra webbläsare och med annan hårdvara samt fler optimeringar av koden eller ytterligare parametrar.

Kan användandet av mobiltelefoner användas till positionsangivelser med godtagbar felmarginal? Kan ett mindre frekvent användande av GPS-signal användas för reducerad batteråtgång, och vilken teknik för rendering av grafiskt material belastar mobiltelefonens CPU på minsta sätt? Dessa frågor ställs och undersöks i detta arbete. Med bakgrund i Global Position Systems GPS, utreds positionering med hjälp av satelliter och triangulering av bl.a. mobilmaster och Wifi-signal. Användandet av ett geografiskt API ger möjligheten att skapa ett lätt och hanterbart gränssnitt som återger positioner för en användare. Med stöd i HTML5 för Canvas och SVG-element renderas förlustfri vektoriserad grafik utan kravet att installera insticksmoduler från tredjepart. Med hjälp av JavaScript och HTML5 skapas en applikation som har till syfte att återge en spelares position på en renderad golfbana.

This thesis focuses on the issue of rendering web pages using vector graphics. The experimental CSSBox display engine and existing libraries for rendering vector graphics in PDF and SVG will be described here. The goal of the thesis is design a common structure for these two libraries and unify the process of rendering web pages in vector graphics as much as possible. Analysis of incorrectly implemented parts of existing solutions will be performed here and shortcomings, which will be necessary to implement to the resulting vector graphic meet the standard CSS3, will be describe. Furthermore, the implementation process, including the repair of all non-functioning original solutions, and the principle of unification of individual parts for the generation of both vector formats will be described. The conclusion is dedicated the results of self testing and outputs from generating real websites.

This thesis presents design and implementation of multiuser mapping application for mobile device. The aim is to create a coordination system intended primarily for controlling mobile units of the Police of the Czech Republic. First, the existing solutions with similar focus are described. Subsequently, the most suitable communication, mapping and database technologies are selected. The next part of this work describes the system design and its implementation. Effectiveness of the system is verified in a series of tests, which deal with the power and data consumption. The thesis concludes with possible extensions of the program and ways of future development.

This diploma thesis deals with the topic of rendering HTML/CSS documents using the Scalable Vector Graphics (SVG) language. The goal of this thesis is to design and implement an extension for the CSSBox library, which will be able to generate a vector output. First, we provide a description of the SVG language and some Java libraries that can be used for creating SVG documents. After that, there is description of the CSSBox library. Then, we perform an analysys of selected CSS3 features. The main part of this thesis is the design of a solution for rendering various CSS3 attributes such as rounded corners, gradients or transformations using SVG. After the design, there is a description of the implementation and evaluation of the achieved results using various tests. The conclusion offers some possibilities of extending this thesis.