DocEng 2011: A Framework with Tools for Designing Web-based Geographic Applications

>> YOUNG: And Good afternoon, I’m Young I would like to start by introducing how I reached at to develop a Framework for Designing Web-based Geographic Application Our research picture A on Web-based geographic application For example, a picture of what it’s like to you, a Web-based geographic application like the one in this picture The goal of the–this application is for explaining some French geographic concept such as how the bottom [INDISTINCT] and prefecture only but among [INDISTINCT] era [INDISTINCT] of province inside the country and prefecture to you an administrative of how it’s inside the bottom [INDISTINCT] this application, they measured of a test in trench, a map containing special information and release of how the bottom and the [INDISTINCT] more of our user uses Apple to select a place in the list When clicking on a place, the corresponding town in the test, it highlights it And the map zooms in on display For example, when you click it on Cannes in the test of how the work as highlighted in a test and the map zooms in on [INDISTINCT] The same way happens for minutes but it’s not easy to develop a web-based geographic application beside web programming skills We–this also requires knowledge about geographic data base and web services So this means proposing a framework for simply passing the design of web-based geographic applications After that quick introduction here, now the overview of the four parts of our presentation We will start by learning our framework for designing web-based geographic applications then we will present clear path of our model for depriving geographic application according to true [INDISTINCT] of the framework Our proposal had been implemented in the [INDISTINCT] to time which would be a [INDISTINCT] and it’s how we will then [INDISTINCT] by talk a little about our future work We offer our frame work for designing geographic application like illustrated in this figure, the design of–it composed of three phases, stopping from the next of design The data phase identifies the data manipulated by the geographic application Then the inter preface builds up the graphic layout of the geographic application, finally the interaction face defines interactions on the data content inside this player of the interface After connecting three phases, the designer can generate automatically the geographic application The geograph–the generation of code is based on model driven engineering In keeping with the frame work, we have conceived a unified model that had surpassed corresponding two–three phases of the frame work This model is structured into three path The data path, they try different content–category of data, for example content and annotation

The interface pack the price–different type of this player, for example map [INDISTINCT] this player, test this player or list this player The interaction part–they [INDISTINCT] different kinds of interaction For example, zooming in on a map or highlighting all the texts, we use rtf, html to encode each division because it’s used for describing resource on the web and is–an recommendation of [INDISTINCT] web [INDISTINCT] it’s easy to combine which to use, share rtf diffusions or to execute some of the queries on rtf diffusions We can see–we can see the two category of data content and annotation Content, the first to multimedia contents with–they composed of several [INDISTINCT] annotation refer to the–the fusion of name entities content may have several annotations referring to specific segments to date We have been bought–take it to account only structural contents and geographic annotations consequently as presented in this diagram, a test maybe set [INDISTINCT] into paragraphs and [INDISTINCT] and annotation with correspond to geographic information Today, we have taken into account only tactual contents and geographic annotations consequently as presented in this diagram a task may be segmented into paragraphs and took accounts and annotation which correspond to geographic information Of course, this model part may be extended later to take into account other multimedia contents This is an RTFS email symbol that corresponds to the data model path this description in this case that the files best doc it is the content one annotation and annotation one This annotation is about an entity name come and this entity is located in the first paragraph at first at the night token and this entity is associated to geolocation represented by a polygon and a geo-type account and our model of graphical user interface they make up of several of disc player Disc player meant several annotations Until now we have been working with only three types of disc player Of course this model part may be extended later to manage all the type of disc player, so as calendar disc player, image disc player or video disc player This is an the F is a male symbol that correspond to the interface model part This description show that the graphical user interface contents some disc player including a math disc player as specified by these attribute top-left, height and width this might play a content on annotation name annotation one which has been describe in the data symbol Even that a user can interact with a graph–geographic application we consider that an interaction even an event and several actions in general an even a characterized by two elements that tie up even for symbol

Click the pro click much of a–and where the event occurs on screen An event might trigger some actions which can assess upgrade or FS in the graphical user interface such as highlighting and zooming For example, you have an annotation about [INDISTINCT] in the test and in the map when clicking on [INDISTINCT] in the test the map zooms [INDISTINCT] so clicking on [INDISTINCT] in the test A and even and zooming it on [INDISTINCT] in the map in Asian This is an RTFS email symbol unquote an interaction correspondent to the user interface model part as user interaction name equal and define This interaction contents an even, name even one and an Asian name–Asian one This description explains that if a user click on any annotation about how in the disc player two, the disc player one web zoom and on this annotation Here you have the overview of the unified model in general annotation that can be automatically Asiatic may be youtube display information inside disc players and they may be youtube define user interactions Now let’s take a look at our prototype we must disallow design that you create and to generate automatically interactive web-based your applications As presented in this figure prefaced of framework hardly implemented in pre-module data interface and user interaction, each module manipulates some RDF descriptions the matching of all descriptions corresponds to one instance of our unified model In all the {INDISTINCT] geographic application we have implemented a code generator which could be script by this contents java script instructions The data module enables designer to write a position then containing different services for example do you see the illustrates a position change corresponding to the example presented at the beginning of this presentation in order to create this position chain you just crop and drop some stable modules for example you must start with a test, you can–the play instructions service to extract automatically places using the end identified places [INDISTINCT] you select your setup annotation then from the setup task–the free picture service can boost the list of free pictures from the list of house by clicking on the run button the processing chain is executed for committing data set A, B, C, D, E the [INDISTINCT] at the bottom left corner [INDISTINCT] in the interface module The interface module enables a design that you specify the graphic of user interface oppressed by geographic applications in all the [INDISTINCT] and interface light illustrated

in this figure you just crop and drop some displays into the location if you want you display some information inside of this player–from the menu you have to crop data sets and drop it into the this player for example you may want to move data set places in a [INDISTINCT] you may also want to list–[INDISTINCT] list data setting into a Mac disk player to [INDISTINCT] this player show information of clear dataset [INDISTINCT] and [INDISTINCT] this is [INDISTINCT] to customize the style of each disk player such as [INDISTINCT] now we have implemented [INDISTINCT] module by which you can design a interaction [INDISTINCT] this figure illustrates one interaction when a user click a tile content in the disk player three the–the [INDISTINCT] is highlighted and the disk player one and the disk two will resume on this [INDISTINCT] the [INDISTINCT] of this IM’s surveys on crop and drop [INDISTINCT] when you finish building the [INDISTINCT]diagram using our course generator you can review the web-based geographic application by clicking on the review button if the generated application is used table for your [INDISTINCT] you can save the application otherwise you can come back to the three modules in order to ask, modify or remove some elements, Windmash is now able online [INDISTINCT] link and Windmash supports three languages, English, French and Vietnamese for more detail please see this and the demo session In this work we have offer a frame work web-based geographic application Our framework offers free complimentary phases involving data menu related by the application graphical user interface and user interaction we have solved that annotations at the center of the design process further more our proposed framework had been implemented in the prototype Windmash this prototype contains [INDISTINCT] modules which partially say the instantiation of our unified module an automatic rejuvenated web-based geographic application for–for our work we would like you intend the user interaction module for designing many interaction of an application currently our prototype only use with textual content of course the data module maybe extended to the–all the multi media content such as video, audio, or photo–furthermore the geographic information manipulated by Windmash can be imbedded from other repositories for example from [INDISTINCT] data to date Windmash generate only sited

applications we will take it to account dynamic [INDISTINCT] to generate–to zero applications finally we plan to [INDISTINCT] generated web-based geographic applications in html and RDFA this will be able to take advantage of the [INDISTINCT] Thank you very much for you attention