OpenLayers und Vue.js in der Praxis

Video in TIB AV-Portal: OpenLayers und Vue.js in der Praxis

Formal Metadata

Title
OpenLayers und Vue.js in der Praxis
Title of Series
Author
License
CC Attribution 3.0 Germany:
You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal purpose as long as the work is attributed to the author in the manner specified by the author or licensor.
Identifiers
Publisher
Release Date
2019
Language
German

Content Metadata

Subject Area
Service (economics) Open source Software developer CLAUS API JavaScript Code Source code Geomatics Hausdorff space Terminal equipment Component-based software engineering Funktionalität Graphics tablet Standard deviation Scripting language Open source Bindung <Stochastik> Code Client (computing) Route of administration Template (C++) Geomatics Exterior algebra Smart card Order (biology) Module (mathematics) Computer programming Configuration space Spatial data infrastructure
Pixel Link (knot theory) JavaScript Code Typ Aktion <Informatik> Usability Physical quantity Uniform resource locator Field extension Compiler Vector graphics Configuration space Graphics tablet Update Version <Informatik> Euclidean vector Code Sound effect Parameter (computer programming) Route of administration Uniform resource locator HOVER <Programm> Module (mathematics) Configuration space
Uniform resource locator GUI widget Adaptive behavior Parameter (computer programming) Route of administration Parameter (computer programming) Demoscene
Server (computing) Route of administration Parameter (computer programming) Demoscene
Web page JavaScript Code Outline of industrial organization Parameter (computer programming) Client (computing) Online chat Component-based software engineering Funktionalität Vector graphics Representation (politics) Standard deviation Web portal Eigenvalues and eigenvectors Software developer Boiling Database Route of administration Measurement Template (C++) Exterior algebra Visualization (computer graphics) Smart card Website Graphical user interface Row (database)
Kombination aus der so wie ich es nicht Zeichen in einer Praxis ganz cool wirkt es Anwendungen bauen kann erzählen wissen was einem Vortrag letzten AG passiert es im Projekt und das ist noch ein paar Beispiele zeigen wo in Projekten wo einfach zum Einsatz gekommen ist bei uns im Büro wie schon gesagt mein Name ist Christa Meyer ich bin von Haus aus Geoinformatiker schwerpunktmäßig im Ordens ausgießt Bereich und auch im G oder der Bereich unterwegs noch aktiven Frostes und bei der US Geo- und vor 4 Jahren mit nächsten und mein eigenes gehen formale Büro gegründet besitzen in Südwestdeutschland einer der von Mannheim und bieten Dienstleistungen Bereich vergisst GDI gegen alles auf Basis von uns aus an ja wo der Name der meistens also 9 schon seien falsch ausgesprochen wird vielleicht sollten ist nämlich noch mal Gedanken machen was ist es eigentlich witzig ist es einen Tempel in Applikations- Tablet um leichtgewichtige Wedges Applikationen zu bauen das die Basis bewältigen sind die Wünsche S und auch Blairs untergejubelt zum bis in den dazwischen aber den also diese beiden Fällen immer zu kombinieren um im anspruchsvolle Wedges Oberflächen und Applikationen zu bauen dazu unter dieses Tempo Einsatz von wiederverwendbaren Bio-Ei Komponenten wird bis zu 3 Komponenten nicht genau das sind wir später noch sagen man kann das Ganze war im 1. Schritt über Jason konfigurieren das heißt wenn sie ihr relativ Standard nahe Anwendungen die sein wollen müssen Sie gar nicht kaufen sollen kann rein Konfigura- tief über Jason ihre Anwendung aufbauen und haben dann direkt das Ergebnis implementiert ist es in ECMAScript 6 also dem neueren JavaScript sage ich meine Anführungszeichen Modul basiert das kann aber beliebig ja Javascript-Code also auch ältere fortentwickelt werden also dass sie über das bestehende erzählen berät hinaus über die bestehende Funktionalität jeweils ihren Applikations- Code erweitern können um zum Beispiel Kundenbedürfnisse zu bedienen das ganz ist optimiert für alle Endgeräte das heißt es läuft auch also wobei für das ist der Ansatz ist läuft auf auf Handys auf der Platz in welchen Schaltflächen in Kontroll- und was auch immer es ist selbstverständlich und so sage ich immer so vielleicht nicht so sehr verständlich unter der BSC BSD-Lizenz relativ offen und den Code könnte aufgeht abfinden hat zumal und von nicht einfach bei uns im Hause Tarifen wechseln kurz schon erwähnten Basel gültigen hat es nicht gern dass die es kleines einiges in JavaScript vermag was in den letzten Jahren so ein bisschen der aufkommende derart aufkommende gibt es da aber sage ich mal neben den Schlachtrössern Engländer und Projekt war steckt auch so ein gutes Stück weit lassen zu hören dass diesen an den Projekten drin und es gibt einem Mann für die Möglichkeit mit einer relativ starken Tempel in wiederverwertbare Bio-Ei Kommunen zu machen des weiteren hat es relativ gute Jura alle P allen man zu um das ein Projektchor gut zu strukturieren nach dem Entwurf halt dann was einem hilft einfach guten sauberen Projektchor zu schreiben im Gegensatz zu anderen Projekten liegt dann noch nicht so viel steinigen Weg also die die Maßgabe es einfach dass man ein Graben hin bekommt man kann sich die Hilfe vom vom Verlag holen muss aber nicht zwingend wenn ich jetzt einen bin ja will ich einfach ECMAScript Modul einhängen was eine Sache zu sich kann ich das zu jeder Zeit tun und kann einfach meine Probleme lösen und muss nicht mehr zwingen dermaßen dem nur noch den freien wirkt dienen um meine Sachen zu erledigen da diese üblichen JavaScript Dinge wie heut so Standards in die Toolbar ein Dings Direktiven die HOAI Komponenten vererbbar uns auch in einer relativ entspannt in einmal TV-Lizenz zu haben kann wahrscheinlich die meisten von euch ist eines der Open Source JavaScript wird bei den Fällen wirkt und sagt immer so schön dass das Schweizer Schweizer Taschenmesser für JavaScript wird wird man denn man kann irgendwie gefühlt eine Million verschiedene aktuellen anhängen hat kommt für uns um interaktive Karten herzustellen alles was man so braucht für den Musik in mehr Bereichen 1 ich auch und dann da relativ einfachen oder relativ und restriktiven einer Open-Source-Lizenz verfügbar und das Ganze wird so schnell wie ein Prinzip wie schon gesagt zusammengefasst zum Gesamtpaket weil er ob mehr es ist wie wir während für das mehr zuständig viel Jazz kann man für die Urelemente nehmen und welche bilden den Kitt aber dazwischen dass man war sie relativ leichtgewichtige wiederverwendbare wirklich so ein Elemente hat genau nehmen den er Jura Eis vielleicht oder die wir darüber bereitstellen es für die kommen gern sehen das war schon wenn hat die quasi die Gleisen Konfiguration in Code für sie übersetzt das heißt dass sie ohne zu coden ihrer ja Applikationen gestalten können wir haben den Prozess mittlerweile früher war ja es gibt einfachen Pattex weil sonst aber mittlerweile kombiniere sagt transferiert man aber den den Quellcode und das zu optimieren in dem Fall sind an Standards zu überführen damit Sie das für Produktivumgebungen einfach in entsprechender performanter Manier nutzen kann wir haben ihren Test für übertrieben drin was die ganzen Komponenten Software getestet und mit sind mit quasi auch die Codequalität getestet und sichergestellt soll die Komponenten gibt es hier ein
kleiner Auszug und sie so Standardwerk Disk könnten die Sie diese ein schon vielen bestehenden wenn man der bestehende bis Anwendung auch keinen das kommt nicht von ungefähr einer wir also mache seit über 10 Jahren hier aber über den Graben und das was hier drin steckt sie nutzen die die alle Länder die neues Prozent aller Kunden im Anfragen die in diesem Standard Charakter haben die haben als 1. da reingepackt bei mir selbst natürlich auch als Basis für Kunden Projekt nehmen haben der ist wo Sie die Sichtbarkeit von ihren dem beisteuern können Messwerkzeuge Sie können von Haus aus Vektor Features auf der Karte selektierende sprechen die als aufrufen dann comma Attribut anzeigen aber sie können aber einstellen also wenn Sie wieder Maus übern Feature gehen können sie entsprechen in Aktion einbauen in dem es tut wird und so weiter Corinna Anzeige und so weiter bis hin zu einer liegen die Keller den anzeigt hier im Hintergrund werden noch Kartendaten Daten nachgeladen was ein bisschen das ist das große Thema Usability aufklappt wie gesagt jetzt ja auch einen Vortrag zu dem Projekt gehalten da war das noch relativ neu ich habe in Garmisch Ende 2017 oder so damit angefangen auch aus dem Kunden Projekt heraus dass daraus extrahiert eigenes für immer wenn man so will und in den letzten Wochen Monaten wieder intensiv daran gearbeitet ich habe das jetzt mal wissen warum mehr zur Version 1 0 0 genannt eigentlich wolle so feierlich zu Aghet fertig haben aber ja denn was passiert ist kann man auch wissen was dazwischen war doch mehr als gedacht das Rote ist der Link zum entsprechenden Bahn auf geht aber wir also uns nicht wo will keiner mal reinschauen jetzt einfach mal ein paar Elemente zentrale Elemente die seit letztem Jahr passiert sind schwerpunktmäßigen Effekte gemacht um den Kork Haut und den Application Scout zu trennen das heißt wenn Sie weil sie sich das Projekt runterladen das Tablet runterladen und ersetzen dann ihre Customize Kunde beispielsweise darauf auf ihr eigenes Projekt können Sie jetzt diese beiden kaut Teile besser trennen so dass sie auch in besseren Update-Mechanismus haben ja vor was so dass man durch das schon mal schauen musste wenn ich von Version 0 6 auf 0 7 abgequält hat dass ich mich irgendwo doch noch in würde Konflikt aus überschreibe das ist jetzt alles dann zukünftig sauber getrennt da sich einfach vom geht auf den neuen Stand sehen und alles ist super und irgendwelche Updates manche Kerlchens da können sie dann quasi dezidiert durchführen auch ein schöner neuer period ist die dynamische Konfiguration über AOL Meter saß sie können verschiedene Konfigurationen für verschiedene Anwendungen hinterlegen und über in bestimmten Namen den er den Feiertag in der in der URL einfach mit geben zu das Übersetzen sei aber nur eine Installation brauchen und können was 7 verschiedene URLs verschiedene Applikationen die sich komplett vom locken viele erhalten aufrufen eines Vektors Talent war noch implizit in ECMAScript Rennen da oben er ist quasi das Darlehen über JavaScript Flamschen macht das war auch nicht so klug wenn es im Sinne von dieser Trennung von Chor und er kaut er das habe ich einfach ausgezogenes können es auch über eine Jason Notation ihre ihres teils definieren das also ihre Linien 1 Prozent und 5 Pixel breit sind und dass wir dann automatisch übersetzt in um 1. als auch hier müssen Sie keine Code mehr anfassen und Mercado Kranich Ausgestaltung der zu realisieren neueste Juni Test für immer eingebaut im nahm das allen brannte komplett weggeschmissen und haben dann so auch relativ nah am wie getestet und mir das machen soll am Anfang war das auch viel essen und um dann lässt sich relativ schnell auch zur Testabdeckung über die 80 Prozent zu kommen und natürlich haben wir auf den Basis begütigend Open erst 5 und beziehungsweise ob erst 6 was demnächst kommt haben aber vorbereitet für das ist alles auf dem neuesten Stand ist dort in die Praxis wie sie das aus schon mal so eine der ja aber der der minimalsten Konfiguration diese schreiben können um der Welt bis Anwendungen oder zusammen den teilen kann sogar noch weg gelassen dann hätten sie wirklich nur die Karte sehen wir gleich das wird gemacht für den würzigen kann sein unten Stufe und einfach mit 3 Zeilen ja der OSM näher definiert und das wird dann von der übersetzt und sie bekommen einfach wie sich viele kennen also nicht doppelt nix Nobelpreis verdächtiges bekommen sie aber daraus ist dieser Konfiguration ihrer ihrer es gibt immer wieder bergab Anwendungen hier auf Salzburg zentriert direkt Ort das Ganze ein bisschen mehr Advanced habe Zielnummer ausgemacht oder um einfach zu zeigen dass man in dieser Jason Konfiguration relativ viel einstellen kann einfach exemplarisch für die Möglichkeiten habe Ziel einmal dem aus einer mal Logo hinzugefügt hat macht die an denen die vor so rote Tulas hatte jetzt einfach mal auf Grün ist sein da habe ich durchgelassen hat jetzt den die o offiziell los Kachelmann ersetzt durch ein wenn es werde auch auf OS ob es wird mehr Daten passiert und dabei 102 2 Module hinzugefügt dass es zum einen das extent Modul was sie quasi wieder zurück auf ihren in darum gesund und es gibt es gepennt haben wieder zu gewähren Stahl aussieht geht und das andere ist die Mängelliste die einfach alle Player ihrer Karte anzeigt und sie die wir sind also die Sichtbarkeit schlagen können das Ganze wird dann so übersetzt wie sehen
durch einfach ein paar Anpassungen Text Fall haben Sie im Prinzip der Anwendung die erstmal Vermögen wie das aussieht kann fahren und andere Steuerelemente hat das ganze kann man jetzt wie gesagt habe ich von
der man bei den Neuerungen die auch dynamische machen das einfach mehrere dieser Jason falls was sich auf dieser oder bei Ihnen in der Pause jeden und können dann quasi hier einfach über diesen Parameter Kontext für Kontext haben die entsprechenden Vereinstreffen Referenz ihren Regen geht einher untersucht bestimmte Ordner wo diese Jason falls legen können übernehmen kann Menschen also jetzt mit Minimüll würde das würde er quasi ab Kontextmenüs minimal dort Jason suchen in bestimmten Ordnern in unsere Projektstruktur wenn die Links in tatsächlich aus unserer Demo Anwendungen kurz vor dem nicht getestet ja das ist quasi
die die Demo Anwendungen die mehr der weniger alle Features drin hat die die Werke zur Verfügung hat haben Sie in allen hier alle möglichen Werkzeuge des Meston Tool angesprochen und so weiter Kommentar zurück geeinigt nicht
genau und wenn sie die gleiche Anwendung ist der gleiche Server das gleiche Haus er mit diesem Parameter minimal aufrufen dann mit einfach eine andere Thesen Konfigurationen angepasst wenn sie sie
auch andere aber keine Werkzeuge bis auf sollen kleines Hilfefenster und ihnen in anderer denn diejenigen anderer war gaben so das ganze dann so auf die Spitze treiben und die
die Applikationen sicherer das Temple dafür ist mittlerweile als eigene wie Komponente gehört und wenn sie selbst Entwickler sind und mit dem Ju vermag zurechtkommen können Sie diese auch mit den er mischen es wenige siehe vermag bereitstellt einfach erweitern und können dann quasi ihre Kaste meist Oberfläche machen als alles was über die Basis von sollte die hinausgeht können sie dann über die Templer den Ännchen von MEDION eigenen JavaScript ECMAScript geskypt Code einstellen das habe ich dann ja auch in den Wolken der Staat arbeite gemacht die mit Ihnen um ein bisschen Tourismus schön die Heimat werden in der bei unseren deutschen Weinstraße diese dann sehen habe ich den dieses haltbar dazu gemacht ist kein Feature und quasi die Verlinkungen aufgedeckte klebten mir wenn die wie die Wikipedia wie ein getriggert um entsprechend Artikel zu parsen und so weiter das können Sie dann alles super Sie ja in Ihrem eigenen Projektgruppe machen und integriert ganz schön in das weckte Koffer Werk ja noch ein paar Beispiele aus der Praxis hatte eben schon bisschen angerissen Kürze der Gedanke hier Moral First hier haben wir so ein kleines Projekt um Verkehrsanalysen geht hat Kuhn uns Verkehrsdaten bereitgestellt dir gerne visualisiert haben wollte auf ab und wird es auch für Handy und so weiter das haben auch gemacht und das hier im Hintergrunde Verkehrs tanzen weckt teils im ist auch kein Problem weil kann Vektor teils die gängigen Standards lesen das heißt alles was um der s Immo kann können sie auch in der Arbeit mit den Anwendungen in der EU benutzen das haben uns hier quasi zunutze gemacht dass er noch schöner dass das Bronze und interaktive haben Sie auch ein kleines einfaches Beispiel an dem von Street der Gemeinde der beiden das Projekt sauber also kurz die Pilotregionen visualisiert und dem wird des rein geheimen ansehen und die die offizielle Webseite und das ist hat sich einfach konservativ passiert habe ich einfach die 2 Jason Dateien geschrieben und auf unserer geworfen und die URL mit den entsprechenden Parametern der Website Betreuerin gegeben ja das einfach eine haben und dann mal in wieder in stürmischen fertig und sie hat ihre interaktive Karten Komponente was was sich vorgestellt hat das ein Projekt für das Römisch-Germanische Zentralmuseum in Mainz die auch auf der ganzen Welt und fliegen und ja Dinge auf Messen in Mitte Funde kartieren und ja sie sei eine Datenbank gehabt und wollen es jetzt und bisschen Augen der der Airport so mäßig auch nach außen präsentieren und brauchen auch quasi in der entsprechenden Wedges Komponente dass man dem nicht nur Sie nachlesen liegt im Chat Fall oder in den INDECT und Datensatz mit auf Messungen auf der Insel in der Türkei sondern dass die Dois vorstellen können entsprechend auf mehr basierende kleine Anwendung gemacht da sie direkt ihre Datensätze für können mit dem die USA aber das Ganze auch Konfigura- tief so dass über jeden Datensatz im Prinzip nur mit einer komplett schreiben und dann sich so ein eigenes Open der der Portale mit entsprechenden Wedges Repräsentationen Daten aufbauen können und letztes noch mal kurz bei großen Starkregen geht Starkregen Visualisierung hier auch einfach mehr die als Basis genommen das Wedges implementiert mit den Daten des Kunden oder auch wieder einen wird bisweilen haben also auch diese werden Funktionalität dass man das nicht als den gelungen Clients benutzen kann sondern auch in andere gängige Velberts reinhängen kann da manche kurz demonstrieren er aber der Ausblick Python angesprochen um S 6 kommen bald das haben aber alles schon vorbereitet bin da dran an Docker iMatch zu bauen dass sie quasi das ganze auch bei Docker auf hochfahren kann müssen dann nur die Konflikt über den sprechenden man zur rein jagen und dann haben sie es auch fertig schöne auch immer noch eine Anwendung hätte um diese Jason Freisler stehen ihren zu können da sich dann der Kreis wieder schließt Ideen hätt ich genug was man noch machen könnte die Zeit fehlt mir meist aber ich bin dran und ist eigentlich ein schönes Projekt ich würde mich freuen wenn Sie es anschauen müssen Feedback geben weil ohne Community ist auch das beste Open-Source-Projekt in die nur die Hälfte oder vielleicht auch gar nichts wert das war es auch schon durch die Zeiten zu erklären sind gibt es haben wir es
Feedback