Merken

ngeo: a companion library for OpenLayers 3

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
the chart but so my name is Eric and this is
the floor uh we both worked for and to camp uh which is a company open-source company annotated in France and Switzerland so the company as uh 3 departments and there is an infrastructure department by providing lasting solutions but
there is a business development providing the RPE light as kind of solutions business solutions and there is a geospatial departments uh working on GIS obviously and mostly on on web mapping applications so this department is the department floor and I are working and obviously so so
let's get started with the the presentation about NGO so this is a JavaScript to kids uh as I said combining other males so the an angular objects so the goal of this project library is to help you create a rich when mapping applications with both open materials and end so for those of you who don't know company URLs uh it's suggested library fall adding basically adding maps to web pages the skin so there is there will be a presentation this afternoon as specifically about up males 3 if you want to know more about it an anger that GS is a framework MVC framework demonstrate uh created by Google and now it's a community projects in the open source community project so the context of this uh work specifically is that we tend to camp of of enables the rebels I would ever up organelles and we use open males in applications we build for all clients and we also decided to use an MVC framework and we decided to use and get off so initially we started building applications using both of and there was an angular so we build elements of applications without any additional library and at some point we decided that we we need to to have a common place where we can put common code and where we can share code across all the applications we build this is to avoid um repeating ourselves each time we create an application so this is how we ended up creating that that libraries so the goal is really to and to ease development and to make us very efficient at building applications combining of the nails and angular so the project is open source and and this is the key to have a you URL to the project so you can find more information than this right out so here I want to talk about an the kind of feature we target with this project also this is 2 because it shows we find in applications and we build house a for example laeatory so adding a list of players in the application and measure to use and addition profile so this is the kind of functionality we targets that's what I wanted to say here is that NGO does not necessarily provide a layout recombinant of major to complement but it just provide the building blocks to few build that kind of functionality In the application and floor is going to explain this into a modest says and by presenting the there's some of the design principles that we that we apply white building that that slavery so other told you and and you just combine and lodges an open their 3 because of that need that mean we need to to share some cold but it was really challenging alone on the reflection and all we want to create your and what we want and you just like to be an especially useful not to be so we got pretty excited about thinking about that attempt to camp to make it the most efficient we we can and must be useful we can and what came out from this was 1st we don't want and you have to be intrusive we don't Andrew to be intrusive in your code on your application the gist of the toolkit library the company and services and just here to help you to build your application on but it's not yet to be the application for you so we don't want it it's intrusive and of course we don't want to change you the where you will you be your application the way you use open 3 it just not is to be a constraint for for the development of your application so it's just here to provide new tools and new abilities to to to be the 0 you're on your application so the man principle of NGO is to be flexibility and moderately so we wanted to create as much of smallest component so as we can so we want to create just after me component very small that you can pick up to 2 to make the structure of replication so it's very important to to note here as a rig told you that it's not a library that provides alone that out of the book rejects we just here be the core code to help you to build your widgets so it was really important for us to really super it's the the parts of of the creating those components because for example you all guys wants a layer tring application but you all of specific needs about this laeatory for example cannot robust achieve easy BTU or whatever so the scene but here is we provided to tree very easily but then it's up to you to create use ties your layout so it's really important that you understand that it's notes of a library of free out of the box um by the way you can use for the layout you can the world what liberal you want so we personally use but from but you can use stay library as you want and you can do you can you just like
that so for example here it's in another library combining and open up 3 it's a declarative of library so for example here you just we've cannot here directly a case that you created for example you us this tumor nutrients that over there and we play in the value stock creates like euros in this way like we did the Martin videos for you but it's exactly what mean what here it's during the current what we want to use our approach more like that so we just defined as 1 components it's also a larger is the but here we can because of things and here we let the recruits on implements policies and not only over the other 3 objects and then injected in the rejects true parameters so for us it's really really important that all the main goal of the logic of your application stays in their homes stays in in for and that's the library don't use the mob objectively subject and open up to objects for you like that it's more your it's easier for all of for the red button and then it got to keep the control of the logic of your code it so comparing to the last library and and enjoys notes of a declarative API above opening so it's not here just to provide new time to the application for you just informants really the few the few that's just provide at blocks to help you to be your your application so now we're going jump into some example so so there is a page of these examples so we provide examples of the angels websites up to show you what they're inside the library but also to show you do well you can use and you can so it's a perfect example of how you can integrate this can continue education and just an example this example are quite rude crude just because of the you I feel as if you had to we're not yet to make the the wife for use origin just example just very basic the style and but just to show the different components so
we briefly into some small some basic component that we all of the norm of the deviation like about related widgets so OK it's just to manage just managed to do the vibrant layers of
interaction activation so bind to 2 groups that so here you can like you just once at the time and yet I just marked with interaction activations they are all the examples so here for example document of the linear of and secondly a manager can switch the order of you can look at them there was there you mark here the
they treating soul yes just the the idea tree-like customer for example are
invited to and I to your mark so here you
can see that we can find for example information about the video so you can
imagine getting a fair treatment multiplexing laeatory Major tools and so on for example misery man it provides some popular over a to
display the art of all the lens but here the search so here is that if it's based on on futurist so we have future in the in the mouth and we just searching to its back to type ahead you can you can say whatever of of mapping of for your social here it's on utterance of future and click on 1 and just just jump to the futurists an organ that's so just some example we can find humor or on the work into to camp websites the so there is a
bunch of example and what is important is that the out or with up to
date with the library so that means of meeting the of the of the library so they are always of 2 that now there were as a crude example in there we can show you that they can be integrated in the region we use in applications and then when you some sign of them and when you could begin to very easily in the future so
there is this application we're currently working on this is for the example of a country as as this is a
typical and your application and you can find so this is completely based on NGO or the functionality that's in this application it is based on NGO so you can find out what floor showed you so we have to measure to the extent that we have better styling here and here we have an males and they are considered so this is the layout 3 at exactly the same as component is used here as the layout tree that floor showed you accept that it style you can collapse and
expand right nodes and selects a cynic flails and
here we have the layer selection the compliments so again I can change the I can change the order and if you
get information about about the later excetera so this is a way to show you the kind of application we can build using NGO and as this 1 uses would strap on for deciding it
what's so again so another thing
we like to talk about in the present In the 1st presentation is an is the way we build the where we use an angular so we presented you at the functionality that we provided NGO and there is another important aspect of the project and so the project is a central place for us and this is where we can redefine and the way we use an angular because there are many many ways how to use angular and it's very difficult to use in my opinion in many ways to use it and there are many bad ways to use that to use angular so with this commonplace NGO we can we can share good practices and guidelines on how we want to use and how we should use angered out in articulations both in and you itself and and in our applications so there is a link here um to the guidelines that we provided that we respect in all code and in are examples it out another thing that is important for the project is our use of the closure compiler so we use the close a compiler and inside fault for building the library the because a compiler is a 2 and that that that creates a so it's a compiler but that the source is a JavaScript for you man basically and a destination is a JavaScript file machine so it's a total we use a about it provides many things to us it gives us the structure of the code was so we have annotations and we have types for everything everything is is typed and so here we can see that the parameter goes to the functions and the return value and the outside so did that it gives us the structure of at type checking we can tighten take the code and the documentation of the the attributes so this is really part of the project and uh this is part of our guidelines and using this this to up so it's not required to use the 2 in your lab in NGO applications but it's also very are commanded to use it so it's also very good many fire it can compress your code and and and get and get very good results i in terms of compression of the JavaScript code the fewer number URLs so to illustrate this as a for example of food OpenLayers 3 build is 143 K and as for NGO builders 156 K so NGO the foot NGO build includes opening hours so it's more than often there's obviously and that that the application I showed you had an example of application so the application class they also 3 plus NGO is on the 9 T 8 K so this is because it by using the compiler you can extract only the functionality that you actually use in your applications so we only extract from other nails and NGO that the part that we use acid to conclude and this is the road map of the project and so what we plan to do what we want to add more components in the future so we're currently uh actually working on the library and so we're going to add more components and maybe I 11 components life we can find good cases and make them generic and we're going to work a lot on the on the documentation so we already have clients and funding uh fall model minds and the documentation so thank you very much so that there is the link to the presentation if you want to go back to eat or if you want to pick 2 links we provided and also there is an NGO discussed mailing lists and that's it's not very active for the moment that you you can ask any question if you have any comments or anything you want to know about the library you can you can draw automated descending missed thank you very much few so we have about 5 minutes for questions you know any questions for us yes this is wrong Oh yes exactly at at the beginning of the presentation i said that we built on applications initially we build application with angular and open areas without any library library you i mean is 1 of them and based on this experience we decided to create that that fiber sites closely related I many others that it thank you very much again at the time
Eindringerkennung
Architektur <Informatik>
Open Source
Computeranimation
Unternehmensarchitektur
Physikalisches System
Business Intelligence
Verkehrsinformation
Enterprise-Resource-Planning
Programmbibliothek
Cloud Computing
Beobachtungsstudie
Implementierung
Punkt
Spiegelung <Mathematik>
Kartesische Koordinaten
Element <Mathematik>
Extrempunkt
Service provider
Computeranimation
Netzwerktopologie
Komponente <Software>
Client
Enterprise-Resource-Planning
Datenreplikation
Portal <Internet>
Einflussgröße
Metropolitan area network
Lineares Funktional
Addition
Gebäude <Mathematik>
Profil <Aerodynamik>
p-Block
Kontextbezogenes System
CAM
Dienst <Informatik>
Business Intelligence
Rechter Winkel
Projektive Ebene
Messprozess
URL
Information
Cloud Computing
Schlüsselverwaltung
Quader
Kombinatorische Gruppentheorie
Web-Seite
Framework <Informatik>
Code
Demoszene <Programmierung>
Unternehmensarchitektur
Physikalisches System
Benutzerbeteiligung
Widget
Verkehrsinformation
Programmbibliothek
Mobiles Internet
Zusammenhängender Graph
Softwareentwickler
Datenstruktur
Implementierung
Eindringerkennung
Architektur <Informatik>
Materialisation <Physik>
Open Source
Mailing-Liste
Automatische Handlungsplanung
Netzwerktopologie
Benutzerprofil
Mapping <Computergraphik>
Objekt <Kategorie>
Offene Menge
Speicherabzug
Visualisierung
Beobachtungsstudie
Offene Menge
Parametersystem
Kartesische Koordinaten
p-Block
Mathematische Logik
Code
Computeranimation
Videokonferenz
Homepage
Objekt <Kategorie>
Wechselsprung
Deklarative Programmiersprache
Code
Widget
Deklarative Programmiersprache
Gamecontroller
Programmbibliothek
Zusammenhängender Graph
Normalvektor
Schnelltaste
Datenmanagement
Gruppenkeim
Interaktives Fernsehen
Ordnung <Mathematik>
Computeranimation
Information
Computeranimation
Metropolitan area network
Videokonferenz
Web Site
Selbst organisierendes System
Datensichtgerät
Datentyp
Computeranimation
Vorzeichen <Mathematik>
Programmbibliothek
Kartesische Koordinaten
Reelle Zahl
Computeranimation
Netzwerktopologie
Lineares Funktional
Knotenmenge
Kartesische Koordinaten
Zusammenhängender Graph
Maßerweiterung
Computeranimation
Trennschärfe <Statistik>
Kartesische Koordinaten
Computeranimation
Resultante
Algebraisch abgeschlossener Körper
Web Site
Total <Mathematik>
Momentenproblem
Algebraisch abgeschlossener Körper
Atomarität <Informatik>
Compiler
Klasse <Mathematik>
Abgeschlossene Menge
Zahlenbereich
Kartesische Koordinaten
Kombinatorische Gruppentheorie
Term
Code
Computeranimation
Komponente <Software>
Virtuelle Maschine
Informationsmodellierung
Client
Datentyp
Mapping <Computergraphik>
Programmbibliothek
Zusammenhängender Graph
Datenstruktur
Urbild <Mathematik>
E-Mail
Quellencodierung
Attributierte Grammatik
Videospiel
Lineares Funktional
Parametersystem
Güte der Anpassung
Mailing-Liste
Quellcode
Binder <Informatik>
Elektronische Publikation
Mapping <Computergraphik>
Arithmetisches Mittel
Flächeninhalt
Offene Menge
Zahlenbereich
Mereologie
Projektive Ebene
Reelle Zahl
URL
Compiler

Metadaten

Formale Metadaten

Titel ngeo: a companion library for OpenLayers 3
Serientitel FOSS4G Seoul 2015
Autor Lemoine, Éric
Lizenz CC-Namensnennung - keine kommerzielle Nutzung - Weitergabe unter gleichen Bedingungen 3.0 Deutschland:
Sie dürfen das Werk bzw. den Inhalt zu jedem legalen und nicht-kommerziellen Zweck nutzen, verändern und in unveränderter oder veränderter Form vervielfältigen, verbreiten und öffentlich zugänglich machen, sofern Sie den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen und das Werk bzw. diesen Inhalt auch in veränderter Form nur unter den Bedingungen dieser Lizenz weitergeben.
DOI 10.5446/32054
Herausgeber FOSS4G
Erscheinungsjahr 2015
Sprache Englisch
Produzent FOSS4G KOREA
Produktionsjahr 2015
Produktionsort Seoul, South Korea

Inhaltliche Metadaten

Fachgebiet Informatik
Abstract ngeo is an open-source JavaScript library that aims to ease the development of web GIS applications based on AngularJS and OpenLayers 3. More specifically, ngeo provides Angular components, namely "services" and "directives", that can be combined together in different ways, based on the need of the application. This talk is a general presentation of ngeo. We will present some of the features provided by the library, through concrete examples. We will also present the design choices we have made, and why we have made this design choices. AngularJS, as a very popular framework, has received (severe) criticism lately. We will report on our experience with AngularJS, discuss its "good parts", and how we mitigate its "bad parts". With ngeo we define ? what we think ? is a good way to use AngularJS. ngeo, for example, includes guidelines for application developers, which have turned out to be key for the development of robust and high-performance applications. This talk is for anyone interested in AngularJS and OpenLayers 3. Come to this talk if you're interested to know how we use ngeo to develop applications combining AngularJS and OpenLayers 3.

Ähnliche Filme

Loading...