Merken

Hybride mobile App-Entwicklung mit Angular

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
ich auch keine lange Einführung der eine Schubert wird jetzt berichten über gute mobile mobile der
Entwicklung mit den der ist ja genau das macht vielen Dank dass ich hier vortragen und was für ein Glück dass es dann doch mit der Technik noch geklappt hat es etwas aufgeregt ist nicht mehr klar aber
ok also wie wie der Titel verrät es geht um die das werden wir sehen in Erz mit jage also das ist das für wird was sich entwickelt hat und eine Brücke zwischen die Flat und in Jena herzustellen ich wir mal kurz erklären sich durch den Vertrag durch die wir erst mal kurz über das Projekt berichten wie es dazu gekommen ist welche Motivation Ansätze und Technologien nicht verwendet habe da es hier sehr viel um das aktuelle Theater einen von Enkel ergeht wollte das mal kurz erklären ich weiß nicht ob vielleicht schon jemand damit Erfahrung hat aber ich erkläre es mal ganz kurz was tue das aber in ist zeige dann ja gerade dass wenn wir im Einsatz dann auch mal anhand von Mobile mit Mobilnetzen einer Entwicklung der Werbung für die Arbeiter und gibt dann noch einen kurzen Ausblick oder eine Moment wie es mit dem Projekt in Zukunft weitergehen soll so kurz über mich nicht mehr an Schubert der Entwickler mag für einige der moderneren Entwicklungen und hat eine Vorliebe für Geographie auf für ich das nicht studiert habe aber so kam dann quasi dazu gehalten Werbung für dich arbeiten die machen wir dem auch hauptsächlich den Anwendungen bekannt sind dafür einige die Produkte mit Meter durch die glaub ich in Vorträgen relativ gut vertreten hier waren und geben jetzt auch seit 9 das mobile Netz was eben auf Basis von jagen entwickelt und ist so aber jetzt erst mal weiter zu .punkt über Jahrgang werden in verschiedenen Motivationen quasi warum wir dieses eine Wort machen wollten als 1. wollten wir einen mobilen abschaffen die möglichst also auf jeden Fall mit Kartendarstellung ist immer noch ein weiterer Punkt das Ganze Cross-Plattform also Hybrid auf mehreren Anbietern also einen wollte Google mit Android IOS und die wichtigsten Nationen je nachdem ob Windows Phone war das nicht so weit vorne stand und ja im Endeffekt gleiche Entwickler würden am liebsten auf Basis von html trotzdem sollte es nicht auch ein moderner Anwendungsrechten Architektur verzichten in im Vorzimmer der gut Lesbarkeit der geschrieben hat wenn sie in der deutschen Schweiz kann muss aber hat sich dann so ergeben dass ganze sollte modular aufgebaut sein und typische Design Paradigmen vor allen Dingen für die man aus dem mobilen Umfeld einfach kennt also Mobile für ist bei uns User Experience mal so ein paar typische Schlagworte aus dem Bereich zu nennen des Weiteren hatten wir noch die Anforderung sollte möglichst auf Open Source Projekte zurückgreifen die schon existierende quasi das Rad nicht unbedingt neu erfinden an jeder Stelle außerdem wollte ist in ein bekanntes JavaScript wenn wird einen einbetten einbinden können und das Projekt sollte die Anforderungen haben dann selbst als Open-Source-Projekt dazustehen um quasi der Community von der ich auch viel genommen aber auch wieder etwas zurückgeben zu können haben die angewandten Technologien ergaben sich dann dadurch als Kartendarstellung habe ich da ich ja vor allem in mir das für den mobilen kleines gedacht hatte zunächst die vielleicht vor einem vorgestellt Cross-Plattform hat sich angeboten da habe ich ja an wie gesagt auf html Basis arbeiten wollte zu nutzen beziehungsweise Form der vielleicht kennen Sie alle heute noch unter dem Namen sie den übergegangen Pullover und die eventuelle Anwendung Struktur sollte lieber in meinem Fall der spätere eingeladen ich hatte auch anfangs mal ein paar Ansätze mit Jack für die mobile und ähnlichen der DE-CIX Klammern 2 dazu geschrieben in über 2 ist noch nicht komplett wie ist aber noch im Beta-Status aber sehr weit und meine Augen auch hat einige richtig gute Erweiterung noch gegenüber gegenüber dem er einen einsamen und geschrieben habe ja auch schon enthalten wird da kann man eben unter anderem bestimmte abgesagt zu Test barkeit das ist ja dadurch dann quasi Schmerzen statische getestet und ich unter den also hat das mir sehr zugesagt an den Möglichkeiten als auch der grüne Altersklassen und so weiter und so fort angeht was man so bei JavaScript typischerweise nicht allzu aber dadurch eine ganz gute Arbeit und ist ja dieser typischen Design Paradigmen von dem ich erzählt hatte dass er eigentlich ein Jahr nicht schon sehr gut alles bereitgestellt deswegen wollte ich dafür ein dass ich meine wenn wir später in das Millionen Fremde wird normalerweise leicht integrieren kann so wie wir jetzt zur dem sogenannten tue gehört aber eigentlich das zentrale Geschehen hinter ihnen über ich wollte mir jetzt ganz kurz erstmals skizzieren was ist so grob tue das aber in den 1. 100 kleinen Beispiel was wäre dagegen von weiter hart arbeiten denn dann das einfach mal mit der Natur in der Tat dabei einige Jahre skizziert selbst programmiert man einfach zeigen dass kann man sich darunter vorstellen und dann am Beispiel mit ja gar nicht dass integriert hat oder wie man es dann auch später leicht integrieren kann und natürlich das Jahr der Frankfurt damals sichtbar in der EU nicht wie das Ganze dann Beschluss endlich aussehen würde ich allerdings nicht so viel Zeit hat in einer halben Stunde wenn ich das jetzt noch mal kurz mit dem Bereich und ich mal zeigen wie das den schlussendlich aussieht aber nicht so großartig drauf eingehen so das von hat aber in den quasi klassisch ich hab jetzt einfach mal so ganz abstrakt ist Modell erstellt wo quasi im Endeffekt einfach nur den Text unterlegt ist und ich übergebe diesen Text dann einer Box die ich einfach vorher schon definiert die den gesamten Code hab ich auch noch 2 Jahre hier Variable mit dem Geld Element bei Aldi quasi geholt und übernehme den Text der Models ist auf die Elemente auf die einzelnen Elemente ich hab ja auch an und für sich ein Beispiel jetzt nicht mal gucken wie gut das klingt für nicht dann Unternehmen und Ausfall der gar nicht der erhältlichen wunderbar mit der Ruf
nicht genau wie haben wir das Beispiel jetzt etwas sehr kleine Gruppe ist ist das größte als wo das ist quasi das was wir in der Folie vorhergesehen haben der hat quasi den Text aus dem Munde übernahm und ich kann jetzt hier auch Änderungen vornehmen das übernimmt er auch Arbeit übernimmt das eben nicht annehmen und sollte es eigentlich ganz gerne noch eine Mehr Konsole darstellen aber ich glaube dann wird das wirklich zu klein das sind wir nicht so viel deswegen lass ich das jetzt mal klar kann man jetzt hier natürlich auch mit den Events arbeiten das wieder ins Mobile zurück schreiben aber es ist eben nicht das tue ich dort arbeiten denn der Vorteil hier werden immer zur nächsten Folie
macht das aber gerne mal wieder ein bisschen kleiner sieht es komisch aus so dass wir das Beispiel jetzt aktuelle Daten wird zumindest gibt es hier mal dargestellt ja getan und sind arbeitet im Endeffekt ist aber das richtige das man quasi nur eine Referenz hat der das Ganze steht also ich habe quasi nicht 3 erstellen oder zu einer wie auch immer wo ich die Daten aufnehmen soll es noch eine zentrale Stelle geben in denen die Daten sind und die gleichen sich dann von selber in den unterschiedlichen Stellen wo ich sie brauche eben ab das läuft jetzt hier wieder direkt auf dem Modell mit dem wir da auf dem auf dem Text also das heißt wenn sich jetzt hier was ändert besucht und auch normal wie mit im Beispiel weiß bin ich so fit dass er wenn es sich quasi erst mal genau so auch ich aber jetzt in die Konsole geben würde könnte ich tatsächlich auch wenn ich in dem html etwas geändert habe also in der Ansicht dass ich in html selber dann kann ich direkt im Modell auch sehen was sich geändert hat ist freilich das Model ab dann hat sich das automatisch auch abgeändert und das ist eben das besondere dass sich quasi nicht mehr kucken muss die kriegt das alles synchron gehalten sondern das hält sich von selber synchron so im engen lila geht das Ganze macht es viel einfacher dass es seit eben schon von Grund auf damit ausgestattet muss man sich selber nicht mehr drum kümmern muss eigentlich setzt er sie nur gegenüber als Quelle einbinden und ich kann dann diese doppelten Klammern nutzen um auf einen Berg am von darauf zuzugreifen oder den Import werden und so weiter gibt es nur dann wenn das namens entschieden aber da kann ich dann drauf differenzieren und mir die Daten da dann auch direkt an den ab so dass ich eigentlich nicht mehr viel selber machen es uns jedoch mal kurz zeigen nicht in meinem Haus finden wenn wir jetzt
also im Endeffekt haben wir nicht viel wirklich programmieren müssen es besteht jetzt wirklich nur aus diesen html immer geschrieben haben und natürlich den JavaScript was für eingebunden haben aber hier können wir uns auch reinschreiben was wir wollen und er übernimmt das automatisch in das Modell und das Model ändert aber auch automatisch wieder die und wodurch wir dann dieses tue Starter einen einfach haben die gegen gegeneinander das ganze habe ich
damals eben in der Welt für Jahrgang quasi verpackt ich hab das jetzt immer beispielsweise gezeigt ich habe eine der damit der vergangenen quasi erstellt ist das Grundelement dann erstmal und einfach 3 Input Felder der suchen und Center mit Latitude Longitude und was hier tun wir da er sich geweigert und dass man gerade an hier sehen wir
jetzt die Karte ist nur Salzburg in einem einfachen Fall wird aber rein so sieht man von unten ändert sich automatisch der so ohne dass ich daran das großartig zu programmieren und oder sonst was und nicht nur das sondern auch die Koordinaten in März für den Smart meinetwegen kleine machen wo dann auch bei der auch nur das heißt also ich kann sowohl die Karte ändern und ändern sich automatisch meine Eltern als auch die in den Feldern ändern und ändert sich automatisch die Frage der zum Beispiel auch jetzt einfach hoch und runter stellen wir den Mann anderen werde dann nicht in ganz woanders das
Schönes erleben wir müssen uns darüber auch gar keine Gedanken und Sorgen mehr machen wir den Wald Programmierung dass das quasi komplett von Jahren noch
so danach ich verschiedene Länder der Welt das erstellte hier habe ich jetzt einfach mal 2 Teile der Welt das übereinander gelegt ich habe jetzt hier sich vielleicht etwas komisch aus für die die Engländer nicht gern denn ich habe ja neben der normalen "anführungszeichen aus dem html auch mal einfach "anführungszeichen das liegt daran dass gegenüber normalerweise davon ausgeht dass es sich um eine variable innerhalb des Codes handelt da ich aber hier keine variable sondern tatsächlich den ist wegen eines solchen meiner muss ich noch einmal "anführungszeichen dazu schreibt das haben wir in dieser Sache auch noch sieht ist dass sich das Ganze skriptiv erstellen kann ich muss also nicht irgendwie großartig programmieren kann ich kann auch einfach diese Lehrjahre nacheinander definieren und einfach nur über den Weg der also eine destruktive Art und Weise selbst jetzt so gesehen zu erstellen aber es gibt übrigens noch ein anderes Feld wirkt das Sie vielleicht das hab ich mir auch im Vorfeld schon mal angeguckt aber genau hier ist auch noch ein Punkt wo sich jagen über die Flat damit das unterscheidet den in der die Flecken überliefert erweckt das gibt es nur eine einzige dann das eben für die vielleicht für die Märkte und da werden Optionen alles weitergegeben ich finds aber wir gerade so schön dass man die Möglichkeit hat einzelne Lehrer eben auch über einzelne unter der Welt das noch genauer zu spezifizieren und dadurch eben diesen Vorteil der deskriptiven Art und Weise hat ein eine Karte zu beschreiben und so die verfügbaren bewegt es sich bisher dazu programmiert war das natürlich ganz klar die Mitarbeiter die haben uns auch schon angeguckt einen Teil der Welt dürfen wenn es leider wird das halt auch schon umgesetzt genauso wie Energie und Wesen der Welt mir dann eben auch schon mal kurz gesehen mit den blauen Fahrt und um Salzburg und es gibt prinzipiell auch schon eine 2 schon leid der dieser funktioniert aber natürlich nicht einfach so in der html Umgebung dafür brauchen denn tatsächlich wirklich eine hybride er die unter anderem dass Barschel Leid klagte als solches mit an Bord haben muss damit ich überhaupt Schulleiterin zugreifen kann natürlich auch noch weitere denkbar haben können Sie sich auch direkt von welchen unserer Umgebung oder und besonders die Daten dann dynamisch wurden hat relativ viele Möglichkeiten der ich auch mal an ein Beispiel erstellt mit negativen ganz einfach gesehen wird es gibt noch eine weitere eingeleitet werden damit dürfte für den Dschibril geht das heißt also ich habe Objekte in dem nicht mehr gelernt als unter Objekte definiert haben das ist dann mein 1. und ich benutze einfach jede und jedes einzelne runter Objekte in Leas als Lehrer und kann dann auch ganz dynamisch mehrere erzeugen und die aber auch als der Weg zu diesem Weg müsse man nicht unbedingt den man könnte auch direkt die man quasi aus der sie vielleicht Welt kennt auch direkt auf die auf dass die Mitarbeiter zugreifen und da die anderen machen aber hier kann man sich das einfach mal so angucken das ist auch mit der das dementsprechend natürlich direkt funktioniert was schöne in die Daten sind dann sowieso schon bald mehr über den Euro und wir gucken
und so und aber zum Beispiel eine das ist quasi wie die Seite vorhanden ist in kleine schon was vor aber hier haben wir jetzt diese unterschiedlichen damit umgeht wenn man mit der zum Beispiel auch mit der Transparenz der einzelnen Länder ist in Rom spielen und das hat eben auch wieder direkt tue bei dazu so dass man eigentlich nur noch die Referenz an die Ecke der übergeben muss und der Rest geht dann soll hier haben wir also nicht nur so dass wir für unsere also
von wir haben wir quasi dann zum Schluss das fertige Beispiele in denen es dann in den Eiern der noch mit integriert ist dafür muss man sich dann einfach noch ein nicht angucken es funktioniert und quasi genauso wie ich es vorhin gezeigt hat dass man einfach die Leute mehr darin dass innerhalb dieser konnten direkt von Eiern nicht einfach ein und schon hat man mir Karte stehen und können daher eben auch wie jetzt hier in dem Fall einfach für einen noch mit dazu setzen und sich das so weitere Vorteile des Fell sind dann benutzt werden wenn sie in der deutschen wollen Frauen in ihrer Gewalt können wir relativ leicht Elemente testen können das Ganze sehr modular halten sich sich aber auch sehr leicht austauschen und vor allen Dingen wir können aber auch einer der das mitgeteilt wird jetzt vor einem entwickelt ist Vererbung vornehmen und eine vererbte sitzt Modul dann wieder Pferde kennen sie Interactions einfügen sodass man relativ leicht von der Sache nach seinen Wünschen anpassen kann das Ganze kann halt eben auch deskriptiv erstellt werden dass beispielsweise hat eben gezeigt hat dass quasi dann auch noch ein weiterer Vorteil war der ist nicht unbedingt direkt den Anforderungen war aber sich dadurch ergeben so am in den Mobilnetzen im Programm was wir von der dann erstellt haben und eben auch die fort teile dass wir da viele Elemente austauschen können aber man kann zum Beispiel die Datengrundlage als ist dann sehr leicht austauschen lassen sich Daten über das Barschel Leid Datenbank auf den Mobilgeräten FedEx oder welche Dateien kann man sich eigentlich alles mögliche vorstellen das macht relativ einfach so ja ich hab ja schonmal erwähnten gegenüber 2 kommen bald raus dementsprechend auch genau dazu Ariane 2 das ist noch eine Sache die ich gerne mit deren aufnehmen wollte beziehungsweise ein als solches ist vielleicht gar nicht mehr so weiter verfolgen sondern direkt mit einem über 2 Arbeiten innerhalb von 13 werden dafür einen der ausgenutzt weiß nicht das ist vielleicht etwas zu technisch dass jetzt noch mehr zu erklären und jagt Server-Komponenten hat wird ihm auch noch gerne überlegt diese mit in das gesamte Jahr ja fremd mit aufzunehmen an aber das ist das war eine wichtige Sache ist noch das steht noch sehr in der Entwicklung ist noch nicht aktiv nichts ich kuck einfach mal wie es danach weitergeht und dadurch dass er eben auch in jeder 2 so weiter ne Überlegung steht aber bisher kann man es auf jeden Fall denn ich war schon mal viel Nutzen so krass entnommen habe ich auch in der letzten Zeit nicht mehr weiter vorgenommen also das ist jetzt nicht so dass da komplett die API und sonntags umgestellt wird sondern die wird sich sehr an die alte auf jeden Fall noch weiter orientiert ja sicher verkauft meiner geht hat sollte auf jeden Fall auch wenn ich den Vortrag noch hochladen und das wird auch so toll ist schon da und und dort wird es uns auch noch einige weitere Links dazu an den bieten ja nicht das 1. mal eine Liste zusammen also zu schnell schnelles gucken besser einfach direkt auf die Winterzeit in dem Sinne verändern und wir fragen sticht gerne bereit dazu wollen die Zeit
geheilt werden Getreide wird sie das gestiegen Entwickler oder Unternehmen und ihre Erlebnisse im also erst die Frage also die Frage war nicht ob die er mit Cordoba erstellt konnte sie auch im App-Store publiziert von etwa also ich habe schon mehr Krebs mit Cordova erstellt und auch am 11. 1. publizieren können jetzt eine mit dem Wert bei denen allerdings noch nicht problematisch ist es auf jeden Fall einmal durch die Natur zu kommen aber unabhängig jetzt ob das einer Cordova echt ist oder nicht es gibt sehr viele Cordova etwa also das ist jetzt kein Hindernisgrund das kommt aber dann auch noch auf die Firmenpolitik zum Teil von etwa darauf an ob es jetzt wirklich eine Neuerung ist aber da kann man schwierig was zu sagen ich würde auf jeden Fall prinzipiell nicht garantieren dass wir auch den Auftrag hat ein Mann der immer von Äpfeln sehr stark abhängig habe ich immer gesagt wir machen wir können gucken aber die Entscheidung liegt da einfach geehrt und wird schlichtweg keinen Einfluss darauf der Erinnerung und der EU ja genau den gibt es prinzipiell auch bei geht hat der ist allerdings nicht mehr unter meiner Arbeit und habe oder meinen Account und ich habe jetzt einen Jagertee es Organisationen als solches erstellt und da ist der und auch andere wie zum Beispiel den zwischen leiden Mehr als ausgegliedert das Modul das kann ich jetzt nicht standardmäßig mit dabei sein musste sich in zweierlei Hinsicht Probleme in der EU für ihre Haltung die Frage war ob ich Lizenzprobleme mit dass Barschel Leid gefallenen innerhalb des E-Plus da kann ich keine wirkliche Aussage sehr zutreffendes sicherte einer ein fertiges klagen Cordoba Plug-in erstmal genutzt das hatte aber er ein paar Probleme hatte nicht richtig funktioniert habe ich das dann noch mal etwas angepasst ich aber wie gesagt jetzt unter der Tür diesbezüglich nichts weiter es die Lizenz hab ich mir auch nicht weiter kann ich leider nicht viel zu sagen gut ja an vielen
App <Programm>
Computeranimation
Erweiterung
Punkt
Momentenproblem
Google
App <Programm>
Open Source
Testbarkeit
Datenmodell
Biprodukt
Ereignishorizont
Code
Computeranimation
Typ <Informatik>
Variable
Model View Controller
JavaScript
Anwendungssoftware
Windows Phone
Meter
Skript <Programm>
HTML
Spielkonsole
Android <Systemplattform>
Softwareentwickler
FRAMEWORK <Programm>
Matroid
JavaScript
Datenmodell
Spielkonsole
Computeranimation
Position
Ein-Ausgabe
Zoom
Ein-Ausgabe
Koordinaten
Computeranimation
Array <Informatik>
Objekt <Kategorie>
Punkt
Energie
Laufzeitsystem
Zoom
Decodierung
Programmierung
Matroid
Computeranimation
Datei
Testbarkeit
Zoom
Datenbank
Mobiles Endgerät
Ecke
Computeranimation
Besprechung/Interview
Plug in
Softwareentwickler

Metadaten

Formale Metadaten

Titel Hybride mobile App-Entwicklung mit Angular
Serientitel FOSSGIS Konferenz 2016: Salzburg 04. - 06. Juli 2016
Anzahl der Teile 56
Autor Schubert, Arne
Lizenz CC-Namensnennung 4.0 International:
Sie dürfen das Werk bzw. den Inhalt zu jedem legalen 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.
DOI 10.5446/19737
Herausgeber FOSSGIS e.V.
Erscheinungsjahr 2016
Sprache Deutsch
Produktionsort Salzburg

Inhaltliche Metadaten

Fachgebiet Informatik
Abstract Moderne GIS Anwendungen erobern immer weiter den mobilen Markt. Dabei können die mobilen Anwendung sich einer immer größenren Auswahl an freien Frameworks bedienen, die von einer rasant wachsenden Community entwickelt werden. Vor allen Dingen die hybride App-Entwicklung bietet viele Vorteile, da Apps plattformübergreifend (Android, iOS usw.) erstellt werden können und somit der Entwicklungsaufwand minimiert wird. Ein sehr modernen Ansatz bietet Angular. Durch seine gradlinige Implementierung als MVC Framework (Model, View, Controller) ist die Anwendungslogik klar strukturiert und durch das so genannte „two way data binding“, über einfache JavaScript Objekte, werden Model, View und Controller durch Angular verknüpft, ohne dass dies durch den Entwickler geschehen muss. Dies ermöglicht ein sehr hohes Maß an Modularität bei wenig Programmieraufwand. Gleichzeitig ist es möglich weitere Frameworks, durch Dependency Injection, in die Logik von Angular zu integrieren. Für viele dieser Frameworks existieren sogar bereits Implementierungen, wie z.B. für Bootstrap, Leaflet oder auch pouchDB, wodurch die Entwicklung mit Angular äußerst flexibel und einfach wird und auch im Geo Bereich bereits viel zu bieten hat. Durch eine große Auswahl an Modulen mit mobile first UI-Elementen, die sowohl die Grundsätze von User Experience als auch Responsive Design erfüllen, ist Angular zum Mittel der Wahl bei hybriden Applikationen geworden. Der Vortrag gibt zunächst eine kurze Einführung in die Grundbegriffe der hybriden App-Entwicklung und Angular. Es wird ein Grundsystem für mobile App-Entwicklung erstellt und um Webmapping Elemente, durch die Angular Leaflet Directive, erweitert. Das Ergebnis kann dann in einer Vorführanwendung direkt betrachtet werden. Alle verwendeten Frameworks sind natürlich Open-Source. Da das Thema hybride App-Entwicklung sehr Umfangreich ist, ist der Vortrag als eine Einführung in die Thematik gedacht, die die Vorzüge von hybriden Webmapping Apps mit Angular aufzeigen soll.

Zugehöriges Material

Ähnliche Filme

Loading...