 Hello, I hope you can hear me. This is our presentation. Are there any questions? OK, I think there are. So let's try to explain our vision, what we understand as an interactive visualization. Therefore, we prepared some presentations. And here we go. At first, we are glad to hear today. My name is Arno Sargarne. This guy here is Janne Spullert. Now my presentation mode, I have to start the application in a presentation mode by clicking this arrow. OK, now my interaction tool works. OK, we are from the University of Hamburg. This guy here is Janne Spullert. And Rüdiger Heinz is today at work, so he cannot be here. But we three are the core development team of dialogue maps. At first, some theory about our vision of interactive media. Our vision as an interactive visualization is the technology used in architecture, medicine, physics and other disciplines to get a better understanding of complex circumstances or issues. We want to use interactive visualizations in collaborative learning or meeting contexts. And these participants are involved in interactive discurses to bring together their individual knowledge. The result of these discurses are often documented as text-based meeting units. And sometimes the results are offline documented as integrated visualizations like mind maps, meet up plan words, graphical recording, and so on. But we want as result of a discurs a digital-generated interactive visualization. Next slide. OK, this guy here, Arnold Rolf, Professor University of Hamburg, developed the Micropolis model. It is a framework of series, methods, and models of several disciplines in order to understand the interactions that are core between development and design of information technology on the one hand. And the changes in organization in society on the other side. OK, you don't understand this visualization, but this is the starting point from our development. This guy here, Otto Neuart, has designed a picture language called Isotype. With Isotype, he generated encyclopedias only built by pictograms. And this idea, we want rebursing. The next serial background is from David Sabette. He uses visualization in meeting context to structure wicked problems or other complex circumstances. So this is another theoretical background. And at last, we are inspired by one of a Bush's idea of a memory extender called MIMEX, which allows to navigate in complex multimedia data material like this visualization along predefined associative trails. This presentation is an associative trail. OK, it's one associative trail in, OK. For more details, please read our scientific publication and Google dialogue maps. This is the theoretical background. OK, this is MIMEX, other software solutions. You know Prici. Prici is an online presentation software for storytelling that has a zooming user interface, which allows users to zoom in and out of the presentation media and allows users to display and navigate through information. It's closed software. And OK, that's it. It's closed software. So on the other side, oh, I forgot to show Prici in a static mode. Prici looks like our material a lot. And then there is Sochi here. This is a plugin for InScape that allows you to turn InScape diagrams in animated SYGs for presentation. This software is open source. That's good. But it's not designed for collaborative use. And this is the reason why we develop an open source software called dialogue maps. For first and better understanding, dialogue maps is partly identical to Prici, but it's more. And we will demonstrate in a few minutes before I will talk about architecture of the architecture dialogue maps. So I use the same material, the same interactive visualization, but I open a new. Oh, I have to close the presentation mode by clicking the X. Now I open the teleporter. This is our implementation for Mimx, the teleporter. We open another associated trail. And start the show again. Our presentation mode. Yes, that's it. Thanks a lot. OK, you can see dialogue maps is a web application. On the client side, the Java code will generate it by Google Web Toolkit. Dialog map is compatible with Firefox and Chrome. And the whole map is in SYG. And on the server side, dialogue maps is implemented as Java code. And it runs in an application server tested with Tomcat. There's a MySQL database, or an SQL database connected native with JDBC, no hibernate, very small database connection. OK, in the database, every map is divided in its parts. You can see the dialogue map here. The dialogue map here holds any map elements. And this element could be a shape or pictogram, text, image, free form, handwriting. We will see it in a few minutes, in one minute. Errors or something like that. And every element on a map could reference a new interactive visualization. So the result of this is a map tree directed. You start with your root map, and then you can define a deeper drill down by deeper looks. I mean, thanks a lot. OK, OK, here in older version of dialogue maps, you can see the map as a tree. So with the teleporter or our implementation of MIMEX, you can zoom in and out of the map. Last, the project is hosted by SourceWatch. It's open source. Feel free. Our infrastructure is in bug tracking system, Jenkins, and Wikimedia. So we organize our development team. OK, now we start the live presentation mode. I go back. Sorry. All right, there's a lot of functionality I'd like to show as much as possible. I guess I will have to hurry, so bear with me. We have four topics. I'm going to talk briefly about the maps and show all the things we can do with the elements. Then everything we have to navigate within the maps and at last the collaboration tools. All right, we're starting with the maps. Very short. As mentioned, we have root maps and sub maps. You can load only root maps. Every root map can hold as much sub maps as you want, as you need. Saving is not a problem. Everything is saved automatically. The user doesn't have to think about it. Every time you change something, it's saved automatically. And that's already about the maps. Then our toolbox. Well, we have different kinds of elements we can add. We have drawings or writings by hand, if you need them, for your process of thought, maybe. You can activate or deactivate them, if you want to present something you might don't want to have your hand written stuff on them. Then we have basic shapes you can use. And we have arrows, different kinds of arrows you can use. Everything is SVG. We have a text editor, which works. And we have our standard shapes. There's a lot of stuff in there, for example. The reindeer you can already see. Yeah. Another thing you can do is upload your own images. Upload your image sets, if you want, if you need for your work. So what can we do with our elements? Well, we can copy them. We can paste lots of them. We can align them as the way we need them. So we can rotate them. We can flip them. So basically everything you need to edit elements is there. Also, if you have a plus size reindeer, something like that, you can align them on the top, on the bottom, the way you need them. This is also working with smart lines, with interconnected lines that are helping to add everything where you need it. And for special effects, you can also put them in circles with one click on the button. Two other things you can do with elements. You can add attachments to them. You can add PDF images, websites, or videos. It's very easy. Everything is automatic. And you can start them from here, if you need them, or if I have the time, I'm going to show you how to start them from a presentation. And the last thing, we can enter an element to specify things. For example, if you want to visualize a certain process and you're using a couple of steps, you can go into one step and define it a little better. So for example, we can go into the reindeer and define what is a reindeer, made of probably lots of love, and leaves, and water. And we can go into the water and define what is water made of that is hydrogen and oxygen. Now, the navigation. Well, there's panning, obviously. It's very important. We have zooming. Everything is with mouse or buttons. Also, we have the zooming tool. This is pretty helpful. We have the home button where you can set your favorite position and then always go back to there. And we have the show all elements button because if a map grows, these maps can grow very large. And then you have always the button that is your emergency exit if you want. Two other tools for navigation. There's the helicopter. It's always displaying the home map, including the square for the screen detail, like you know from video games. So you know where you are. And another important tool. If you're working with sub-maps is the structure graph. There you can see where, how many, yeah, you can see the tree of your dialogue map. And you can jump into a certain map to work in there. Now, where are we? Collaboration, yes. We have a chat room is global, so everybody using dialogue maps at the same time can talk with each other. And if you want to invite one of the people in your map is just one click of a button, and then you can work together on one specific map. And then there's the highlight tool. I think I do have the time for that right now. What's highlighting and doing? Highlighting helps you to highlight certain elements on the screen while the others are faded out. It's helpful sometimes to emphasize something. And the last tool is the teleporter. We've already seen it in action. We can start a new path on our map. There's the standard slide. There are three slides, actually. This is the standard slide. Then we incorporated the highlighting already in the teleporter. So there are highlight slides. And then we also have the attachment slides. You can start attachments within your presentation. And it looks like this, well, not standard. And then the highlighting and then the attachment. And I think we're done. Right? Right. We have time for one question. OK, one question, please. Who will be the one? Yes. That was very far behind in the room. Can we access the demo somewhere? Because the URL is not working, I think. OK, can our Natalie build dialogue maps, dialogue maps, Informatic, Informatic, Uniharmwork, DEF. And then you can log in with DEF. Don't tell anybody, DEF. And then you can use it. It's a nightly build. And the log in data verification doesn't start. Yeah, the server crashed a couple of hours ago. OK. But it will work soon. But please come later again. An hour a day, it will work. Thanks. Sorry. Thank you.