NativeScript & Angular 2
|
|
|
- Katja Schreiber
- vor 8 Jahren
- Abrufe
Transkript
1 NativeScript & Angular 2 Von der WebApp zur nativen SmartphoneApp Frederik von Berg W11K / thecodecampus
2 Überblick <1> <2> <3> <4> <5> <6> Über mich Ausgangslage Was ist Angular? Was ist NativeScript? Was muss man bei Apps beachten? Portierung NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 1
3 Über uns Frederik von Berg <> Software Developer Seit 2013 bei w11k GmbH Scala und WebEntwicklung </> W11K GmbH the Web Engineers <> Gegründet 2000 Entwicklung / Consulting Web / Java Esslingen / Siegburg </> thecodecampus.de Weiter. Entwickeln. <> Schulungen (seit 2007) ProjektKickoffs Unterstützung im Projekt </> NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 2
4 Trello Screenshot NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 3
5 Calendar for Trello Screenshot NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 4
6 e re Sc Native App t ho ns 5
7 NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp
8 Ausgangslage <> Calendar for Trello Angular Webapp <> Portierung mit wenig Aufwand <> keine Hybrid App NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 6
9 Was ist Angular? NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp
10 Was ist Angular? LazyLoading AheadoftimeCompilation DependencyInjector Services CLI Komponenten Module Pipes Renderer SinglePageApplication NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 8
11 Komponenten <> Grundlegendes Konzept in Angular 2 <> Gesamtes UI ist aus Baum von Komponenten aufgebaut Wiederverwendbare Elemente Grungerüst der Seite <> Komponenten bestehen aus Template / View (HTML) Klasse Decorator an Klasse NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 9
12 Komponenten Code Typescript import { Component } from // css selector to find the component's usage selector: "musicapp", template: ` <h1>music App</h1> ` }) export class MusicAppComponent {} Html <body> <musicapp></musicapp> </body> NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 10
13 Services <> Sehr allgemeines Konzept Irgendwelche Funktionalität kapseln Nicht UI spezifisch Implementierungsdetails verstecken <> Einsatzmöglichkeiten Höhere Abstraktion schaffen (REST) Integration anderer Bibliotheken (WebSocket) Datenhaltung, Datenzugriff, Caching, Logik,... <> Können Abhängigkeit zu anderen Services haben NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 11
14 Services Code <> Services sollten in Angular 2 als Klassen implementiert werden import {Artist} from "./artist.model"; export class ArtistService { getallartists(): Artist[] { /* return demo data or data from local storage * or data loaded from server or... */ return []; } } NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 12
15 Module <> Angularspezifischer Code muss organisiert werden Gleiche Grundgedanken und Aufbau wie bei ES6 Modulen Kapselung & Wiederverwendbarkeit Leichtes Einbinden von Bibliotheken Genaue Steuerung was wo verwendet wird <> Ein Modul ist eine annotierte Klasse NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 13
16 Module Code <> AngularModule bestehen u.a. aus Imports: Welche anderen Module werden intern verwendet Declarations: Was intern bekannt ist (quasi lokale Variablen) Exports: Was wird nach außen bekannt gemacht (für andere Imports > Module) declarations: [ AppComponent, MusicAppComponent ], imports: [ BrowserModule, FormsModule, HttpModule ], exports: [ AppComponent ], providers: [ ArtistService ] }) export class AppModule { } NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 14
17 Renderer <> DOM Entkoppelung <> Renderer wird beauftragt, um DOM zu ändern <> Typen: Angular Renderer Angular Universal NativeScript NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 15
18 Was ist NativeScript? NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp
19 Was ist NativeScript? <> Open Source <> JavaScript, XML(HTML), CSS <> TypeScript > Angular2 <> Layouts <> Generiert Native Elemente <> Android 4.2, ios 8 NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 17
20 Was ist NativeScript? Funktionsweise <> JS Engine generiert native Elemente <> Schnittmenge von nativen Komponenten Label Button Switch, Slider, Image... <> Voller Zugriff auf native Funktionalitäten (z.b. Kamera) <> Plattformspezifische Benutzerführung <> Plattformspezifische Anpassungen möglich <> Node Plugins können genutzt werden <> Unit Testbar <> UI Testframework verfügbar NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 18
21 Was ist NativeScript? Funktionsweise Code if (application.android) { let intent = new android.content.intent( android.content.intent.action_view, android.net.uri.parse(this.card.url) ); application.android.currentcontext.startactivity( android.content.intent.createchooser(intent, "Open Card...") ); } else if (application.ios) { dialogs.alert("sorry, this is not implemented yet.").then(function() { console.log("dialog closed!"); }); } NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 19
22 Was ist NativeScript? UIKomponenten NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 20
23 Was ist NativeScript? UIKomponenten NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 21
24 Was ist NativeScript? Layout <> AbsoluteLayout <> DockLayout <> GridLayout <> StackLayout <> WrapLayout <> FlexBoxLayout Abb: NativeScript Docs NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 22
25 Was ist NativeScript? Layout Code <MainActionBar title="overdue Cards"></MainActionBar> <StackLayout class="page"> <ListView [items]="cards" *ngif="cards.length > 0" class="listgroup"> <ngtemplate letcard="item"> <calendarcard [card]="card" class="listgroupitem"> </calendarcard> </ngtemplate> </ListView> </StackLayout> NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 23
26 Was ist NativeScript? Layout NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 24
27 Was ist NativeScript? Styling <> CSS Styling (Sass & Less möglich) <> Ganze App: app.css <> Plattformspezifisch: app.android.css app.ios.css <> ein Stylesheet pro Template (Angular spezifisch) <> InlineStyling <> Theme seit 2.4 definierte CSSAttribute (h1, body, textprimary, mt5 ) Themebuilder NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 25
28 Was ist NativeScript? Tooling <> Benötigt: Node, npm... IDE der Wahl Android SDK + Emulator XCode für ios JS, HTML, CSS Kentnisse... learning by doing ;) <> Liefert: CLI > npm install g nativescript Visual Studio Code Plugin Hot Reloading / Livesync Debugging (Chrome oder Visual Studio Code) NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 26
29 Was ist NativeScript? Tooling <> Projektsetup: tns create FirstApp ng cd FirstApp/ tns run android NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 27
30 Vorteile einer App Was muss man bei Apps beachten? NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp
31 Was muss man bei Apps beachten? <> Web App / Website: Informativ Benötigt eine Datenverbindung einfache Updates Responsive <> Mobile app: Interaktiv Task driven ohne Datenverbindung möglich Benachrichtigungen Branding / Kundenbindung Performance Native Oberfläche, gewohnte Benutzerführung NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 29
32 Mobile App auf Web App Basis Eine Codebasis? NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp
33 Mobile App auf Web App Basis Allgemein <> UI und plattformunabhängiger Code teilen (Services, Models, Pipes,...) NPM Abhängikeiten müssen gleich sein window darf nicht referenziert sein platformspezifischer Code kann evtl. nicht geteilt werden (z.b. "Localstorage") <> Komponenten haben unterschiedliche Templates <> Authentifiezierung muss evtl. umgestellt werden NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 31
34 Mobile App auf Web App Basis Allgemein <> Möglichkeiten: Projektstart: Angular + NativeScript Seed/Starter Projekt Komplex: geteilte NPM Pakete Pragmatisch: Symlinks Geteilte Resourcen müssen immer unterhalb des /app Verzeichnis in NativeScript liegen, sonst werden diese nicht mit in die App gepackt und können nicht genutzt werden. NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 32
35 Mobile App auf Web App Basis Seed Projekte <> Verfügbarkeit: NathanWalker/angularseedadvanced jlooper/angularstarter <> Aufbau: alles in einem Verzeichnis geteilter Code in "shared" Verzeichnis Templates werden ausgetauscht (*.tns.html) <> Funktionsweise: Build kopiert shared files in NativeScript Build ersetzt die Importpfade entsprechend <> Für neue Projekte geeignet <> Annahme: die UI wird auseinanderlaufen <> viel "Magic" im Spiel NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 33
36 Mobile App auf Web App Basis NPM Paket <> geteilen Code in npm Pakete packen <> kapseln in Module <> Paket in NativeScript Projekt nutzen <> Herausforderung: Pflege Build + Auslieferung <> Geeignet: falls die WebApp schon fertig ist <> Projekte müssen nicht am gleichen Ort liegen NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 34
37 Mobile App auf Web App Basis Shared Folder <> Pragmatisch <> Dependencies des Clients auf NativeScript anpassen <> geteilten Code in "shared"ordner legen <> "shared"ordner per Symlink in NativeScript "app"ordner einbinden <> Funktioniert super für einen Prototyp <> erstmal keine Buildanpassung nötig NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 35
38 Na, noch Fragen? frederikvonberg github.com/fvonberg NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp
39 @thecodecampus
40 Quellen Webseiten: Logos und Bilder: Font Awesome by Dave Gandy NativeScript & Angular 2: Von der WebApp zur nativen SmartphoneApp 38
JS goes mobile: Eine Übersicht. Frederik von Berg w11k / thecodecampus
JS goes mobile: Eine Übersicht Frederik von Berg w11k / thecodecampus Überblick Über mich Historie Mobile Native JavaScript Vergleich mit Nativ & Hybrid Frameworks Setup & Codebeispiel
Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap
Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap Proseminar Objektorientiertes Programmieren mit.net und C# Florian Schulz Institut für Informatik Software & Systems Engineering Einführung Was hat Cross-Plattform
Cross-Plattform-App- Entwicklung mit Visual Studio 2017
Cross-Plattform-App- Entwicklung mit Visual Studio 2017 Xamarin und Cordova André Krämer Softwareentwickler, Trainer & Berater [email protected] http://andrekraemer.de http://andrekraemer.de/blog http://github.com/andrekraemer
Übung 1: Von einer naiven JavaScript Applikation zu einem modernen Front-End Build:
Übung 1: Von einer naiven JavaScript Applikation zu einem modernen Front-End Build: Teil 1: Refactoring der naiven Applikation Wechseln Sie in das Verzeichnis 01-Intro/01-SimplisticToDoNaive Öffnen Sie
Wir bringen Ihre Notes/Domino Anwendungen sicher ins Web 19.11.2015, Bilster Berg Drive Resort Michael Steinhoff, agentbase AG. www.agentbase.
Wir bringen Ihre Notes/Domino Anwendungen sicher ins Web 19.11.2015, Bilster Berg Drive Resort Michael Steinhoff, agentbase AG www.agentbase.de 1 Agenda Grundlagen Modernisierung Möglichkeiten mit Domino
Echte Cross-Plattform Anwendungen mit Angular 2 in Action!
Browser, Mobile & Desktop Echte Cross-Plattform Anwendungen mit Angular 2 in Action! Christian Weyer Thinktecture AG @christianweyer 2 Christian Weyer Mitgründer & Principal Consultant Thinktecture AG
The app the crashes, before the breakpoint is reached: Code to the event:
I have set a breakpoint in an asyc event-handler to ListView.ItenTapped-Event (see screenshot below): I then tap on an ListView-entry on my iphone 5 The app the crashes, before the breakpoint is reached:
Cross Platform Development mit SharePoint
Cross Platform Development mit SharePoint Agenda Wir entwickeln eine App um Businesstrips in SharePoint zu erfassen Businesstraveller 0.1 http://ppedv.de/msts Folien Demo Projekt Link Sammlung Und meine
Jörg Neumann Acando GmbH
Jörg Neumann Acando GmbH Jörg Neumann Principal Consultant bei der Acando GmbH MVP Windows Platform Development Beratung, Training, Coaching Buchautor, Speaker Mail: [email protected] Blog: www.headwriteline.blogspot.com
Mobile Development in.net mit Xamarin
1 Mobile Development in.net mit Xamarin Mobile Web (Hybrid) Apps Vorteil: Weniger Aufwand Multi-Plattform Web-Technologien Nachteil: UX Performance UI Design Gerätefunktionen 2 Plattform abstrahieren 3
Frontend-Entwicklung mit JavaScript
headquarter Frontend-Entwicklung mit JavaScript Single Page Applications Server-Side HTML Rendering Client-Side HTML Rendering kein JavaScript wenig JavaScript nur JavaScript Der Browser bietet viele neue
Cross-Platform Mobile Development mit Xamarin Mark Allibone, @mallibone
1 Cross-Platform Mobile Development mit Xamarin Mark Allibone, @mallibone Partner: 2 Vorstellung Referent Mark Allibone Noser Engineering AG Passionierter Mobile Entwickler: Xamarin Certified Mobile Developer
APEX DESKTOP APPS. Interaktion mit dem Client System
APEX DESKTOP APPS Interaktion mit dem Client System About me Oracle > 8 Jahre APEX > 8 Jahre Freelancer seit 2016 Vorher APEX Entwickler im Versicherungsumfeld aktiver Open Source Entwickler auf Github
! Jahrgang 1969. ! Studium der Mathematik und Informatik an der TU Braunschweig. ! Entwicklung klassischer Client-Server-Systeme zur Terminplanung
1 2 3 ! Jahrgang 1969! Studium der Mathematik und Informatik an der TU Braunschweig! Entwicklung klassischer Client-Server-Systeme zur Terminplanung! Seit 2009 Betreuung von Kundenprojekten im Java-Umfeld!
Cross-Platform Mobile Apps
Cross-Platform Mobile Apps 05. Juni 2013 Martin Wittemann Master of Science (2009) Arbeitet bei 1&1 Internet AG Head of Frameworks & Tooling Tech Lead von qooxdoo Plattformen Java ME 12 % Rest 7 % Android
Meine App, die Cloud und ich
04. FEBRUAR 2016 Meine App, die Cloud und ich Braucht die universelle App den universellen Entwickler? Beate Lay Referent Beate Lay MCT (Microsoft Certified Trainer) C# Programmierung seit.net 1.0 Datenzugriff
Öko APEX Hybride Lösung für Smartphones mit APEX und PhoneGap
Öko APEX Hybride Lösung für Smartphones mit APEX und PhoneGap Christian Rokitta themes4apex Utrecht, Niederlande Schlüsselworte Oracle Application Express, Apps, Smartphone, PhoneGap, HTML5, CSS, jquery
2.1. Short description to bug Xamarin.Forms: ListView not scrollable in a ScrollView in a Stacklayout on Android
Short description to bug Xamarin.Forms: ListView not scrollable in a ScrollView in a Stacklayout on Android On a modal ( 1 ) search-page in my app, I have: A StackLayout ( 2 ) with: A Button on top ( 2.1)
Apps entwickeln mit HTML und Javascript
Apps entwickeln mit HTML und Javascript Framework "PhoneGap" (Apache Cordova) Apps für diverse Mobil-Plattformen (Android, ios, etc.) Apps als Web-Anwendung Vor- und Nachteile zu nativen Apps. Frank Bartels
Programmierung mobiler Geräte
Programmierung mobiler Geräte SoSe 2015 Hybride Apps Markus Berg Hochschule Wismar Fakultät für Ingenieurwissenschaften Bereich Elektrotechnik und Informatik http://mmberg.net 2 Letzte Woche: Webapps Nativ
informatik ag IT mit klarer Linie S i e b e l O p e n U I
informatik ag IT mit klarer Linie S i e b e l O p e n U I und Siebel auf mobilen Geräten www.ilume.de Siebel Open UI und Siebel auf mobilen Geräten Die Anforderungen an unternehmensweite Softwarelösungen
JavaFX auf Mobile. von Stefan Barth und Stefan Heinze
von Stefan Barth und Stefan Heinze JavaFX Was ist JavaFX? Desktopanwendungen für Java (Ablösung von Swing) Properties / Bindings Animationen Effekte MultiTouch Media, CSS FXML, CSS Webbrowser... Einsatzmöglichkeiten
Cross-Platform Mobile mit.net
Cross-Platform Mobile mit.net Mobile Entwicklungslandschaft Nativ Crosscompiled Hybrid Web Beste Usability? Überschaubare Kosten? Was ist Xamarin? Was ist Xamarin? 2011 Gegründet aus dem Ximian, Novell
Einführung in Google Web Toolkit
Einführung in Google Web Toolkit Lars Pfannenschmidt Tobias Ullrich Software Freedom Day 2009 Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day 2009 1 / 24 Aus
Mobile Apps mit DSLs. und entfernter Codegenerierung. Codierst Du noch oder generierst Du schon? Powered by
Mobile Apps mit DSLs C1 und entfernter Codegenerierung Codierst Du noch oder generierst Du schon? Generative Software GmbH Freiburg Inhalt Plattformabhängige Entwicklung JavaScript Firefox OS Java Android
Mit Cloud Power werden Sie zum
Mit Cloud Power werden Sie zum Herzlich Willkommen! Christian Hassa Managing Partner TechTalk Software AG Agenda Mobile App Development mit Xamarin Pause Azure Mobile Services Q&A 9h00-10h30 10h30-10h50
Autorensysteme für mobile Anwendungen - Totgesagte leben länger. Prof. Dr. Michael Bauer 25.10. 2012 Autorensysteme
Autorensysteme für mobile Anwendungen - Totgesagte leben länger Was ist, was will ein Autor? Produzent interaktiver, multimedialer Inhalte geschlossene Einheiten (Apps) keine Grenzen für Kreativität Entwicklungs-
ADF Mobile konkret Best Practices Live erklärt. Jan Ernst
ADF Mobile konkret Best Practices Live erklärt Jan Ernst Zur Person: Jan Ernst Bachelorstudium Wirtschaftswissenschaften mit Schwerpunkt Wirtschaftsinformatik (4. Semsester) FAU Erlangen/Nürnberg Werkstudent
SIEBEL OPEN UI. Rhein-Main-Handel GmbH. Bankhaus Goldbaum GmbH & Co. KG. Standort: Düsseldorf. Standort: Frankfurt ilum:e informatik ag
SIEBEL OPEN UI Rhein-Main-Handel GmbH Standort: Düsseldorf Bankhaus Goldbaum GmbH & Co. KG ilum:e informatik ag Standort: Mainz Forschungszentrum Medizin Internationale Telecom AG Chemielabor GmbH Standort:
HTML5 und das Framework jquery Mobile
HTML5 und das Framework jquery Mobile Seminarvortrag Naeema Anees Betreuer: Prof. Ulrich Stegelmann Dipl.-Inform. Axel Blum Einleitung Vielfalt an mobilen Geräten Verschiedene Betriebssysteme Verschiedene
Dirk Reinemann Working Student Sales Consulting
JDeveloper 12c in 30 Minutes Dirk Reinemann Working Student Sales Consulting Program Agenda 1. Integrated Development Environment 2. Java Development 3. Web Development 4. Team Development 5. Application
Node.js Einführung Manuel Hart
Node.js Einführung Manuel Hart Seite 1 Inhalt 1. Node.js - Grundlagen 2. Serverseitiges JavaScript 3. Express.js 4. Websockets 5. Kleines Projekt Seite 2 1. Node.js Grundlagen Node.js is a JavaScript runtime
Mobile App development mit Xamarin. Christian Hassa ([email protected]) Andreas Willich ([email protected]) TechTalk Software AG
Mobile App development mit Xamarin Christian Hassa ([email protected]) Andreas Willich ([email protected]) TechTalk Software AG % der Bevölkerung mit Smartphone Smartphone Durchdringung >50% 34% 43% 54% DACH
Über mich. Daniel Bälz. Softwareentwickler (inovex GmbH) github.com/dbaelz
Quo vadis Dart? Über mich Daniel Bälz Softwareentwickler (inovex GmbH) dbaelz.de plus.dbaelz.de github.com/dbaelz Agenda Was Wie Warum Wohin Was ist Dart? Übersicht Einsatzgebiet Client (Browser, CLI)
App Entwicklung mit Hilfe von Phonegap. Web Advanced II - SS 2012 Jennifer Beckmann
App Entwicklung mit Hilfe von Phonegap Web Advanced II - SS 2012 Jennifer Beckmann http://www.focus.de/digital/internet/netzoekonomie-blog/smartphone-googles-android-laeuft-konkurrenz-in-deutschland-davon_aid_723544.html
Cross Plattform App Developement. Simon Groth
Cross Plattform App Developement Simon Groth 1x Warum? Cross Plattform App Developement 2 Motivation 74% Entwickeln oder Planen native Anwendung 72% Android 66% ios 33% BlackBerry 48% entwickeln die App
Mit Cloud Power werden Sie zum
Mit Cloud Power werden Sie zum Windows 8 und Windows Phones Apps Mark Allibone Noser Engineering AG History Channel Computing Technology 1960 Mainframe Computing 1970 Mini Computing 1980 Personal Computing
JavaScript Frameworks für Mobile
JavaScript Frameworks für Mobile MoBI Expertenrunde Usability, 1. März 2012 doctima GmbH JavaScript Frameworks für Mobile MoBI 1.3.2012 Edgar Hellfritsch Inhalt Native App-Entwicklung Klassische Web-Entwicklung
The linux container engine. Peter Daum
0 The linux container engine Peter Daum Über mich Peter Daum Entwickler seit 13 Jahren Java Developer @ tyntec Java EE / Spring im OSS / BSS Twitter - @MrPaeddah Blog - www.coders-kitchen.com Agenda Docker?!
Einführung in die Cross-Plattform Entwicklung Das Intel XDK
Einführung in die Cross-Plattform Entwicklung Das Intel XDK Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel XDK vertraut. Es wird Schritt für Schritt die erste eigene Hybrid-App entwickelt
Mobility mit IBM Worklight Erste Schritte zu einer mobilen App. Benjamin Stein, Consultant Stuttgart, 03.04.2014
Mobility mit IBM Worklight Erste Schritte zu einer mobilen App Benjamin Stein, Consultant Stuttgart, 03.04.2014 Agenda Was ist IBM Worklight eigentlich? Hintergrund und Idee, Architektur und Bestandteile
Florian Rappl. TypeScript
Florian Rappl TypeScript Profil Freiberuflicher IT-Berater Doktorand Theoretische Physik Microsoft MVP für Visual C# CodeProject MVP Kurzer Abriss Aufschwung von JS Vielzahl von Bibliotheken / Code Größere
Good Practice: Entwicklung einer Smartphone App mit Unterstützung von Open Text WSM. OpenText Websolutions Usergroup, 28.01.
Good Practice: Entwicklung einer Smartphone App mit Unterstützung von Open Text WSM OpenText Websolutions Usergroup, 28.01.2014, Mannheim netmedia the Social Workplace Experts 1995 gegründet 20 Experten
Ein mobiler Electronic Program Guide
Whitepaper Telekommunikation Ein mobiler Electronic Program Guide Ein iphone Prototyp auf Basis von Web-Technologien 2011 SYRACOM AG 1 Einleitung Apps Anwendungen für mobile Geräte sind derzeit in aller
Ein UI in zwei Welten - Controls in HTML5 und WPF. Timo Korinth
Ein UI in zwei Welten - Controls in HTML5 und WPF Timo Korinth Timo Korinth Lead Developer HTML5 bei maximago Zuvor.NET / WPF Entwicklung Warum überhaupt HTML5 und WPF? Was bedeutet Control-Entwicklung
Lessons Learned: Mobile CRM Integration
1 Lessons Learned: Mobile CRM Integration 2 Enable Mobile Business Apps in Enterprises Weptun GmbH Vorstellung 3 Gründung 2010 18 Mitarbeiter 50 Apps für internationale Kunden umgesetzt Launch eigener
Die perfekte Online-Hilfe auf Basis von HTML5 und Open-Source- Komponenten. Jochen Marczinzik 11.04.2014, tekom Führjahrstagung
Die perfekte Online-Hilfe auf Basis von HTML5 und Open-Source- Komponenten Jochen Marczinzik 11.04.2014, tekom Führjahrstagung 1 Zur Person Dipl.-Inf. (Univ.) Jochen Marczinzik 1993 1999 DATEV eg Entwickler
Mobile Backend in der
Mobile Backend in der Cloud Azure Mobile Services / Websites / Active Directory / Kontext Auth Back-Office Mobile Users Push Data Website DevOps Social Networks Logic Others TFS online Windows Azure Mobile
Apollo Überblick. Klaus Kurz. Manager Business Development. 2007 Adobe Systems Incorporated. All Rights Reserved.
Apollo Überblick Klaus Kurz Manager Business Development 1 Was ist Apollo? Apollo ist der Codename für eine plattformunabhängige Laufzeitumgebung, entwickelt von Adobe, die es Entwicklern ermöglicht ihre
TUT1 Javascript-Frameworks zum Erstellen von plattformunabhängigen mobilen Anwendungen
TUT1 Javascript-Frameworks zum Erstellen von plattformunabhängigen mobilen Anwendungen tekom Frühjahrstagung 2012 Karlsruhe am 26.4. 2012 doctima GmbH JavaScript Frameworks für Mobile tekom 26.4.2012 Edgar
Web-Anwendungsentwicklung mit dem Delivery Server
Web-Anwendungsentwicklung mit dem Delivery Server Java-Framework auf Basis der Open API Bernfried Howe, Webertise Consulting GmbH WEBertise Consulting Dipl. Informatiker (Wirtschaftsinformatik) 2001-2010
Eine App, viele Plattformen
Eine App, viele Plattformen Anwendungsentwicklung für Mobile Heiko Lewandowski 23.04.2013 EINLEITUNG Festlegung App-Strategie: Welche Ziele möchte ich erreichen? Die Vielzahl der Plattformen und Geräte(hersteller)
Smartphone Entwicklung mit Android und Java
Smartphone Entwicklung mit Android und Java predic8 GmbH Moltkestr. 40 53173 Bonn Tel: (0228)5552576-0 www.predic8.de [email protected] Was ist Android Offene Plattform für mobile Geräte Software Kompletter
ZenQuery - Enterprise Backend as a Service Single Page Applications mit AngularJS und Spring MVC. - Björn Wilmsmann -
ZenQuery - Enterprise Backend as a Service Single Page Applications mit AngularJS und Spring MVC - Björn Wilmsmann - ZenQuery Enterprise Backend as a Service Unternehmen horten Daten in Silos ZenQuery
Mobile Application Development
Mobile Application Development Android: Einführung Jürg Luthiger University of Applied Sciences Northwestern Switzerland Institute for Mobile and Distributed Systems Lernziele Der/die Kursbesucher/in kann
Moderne Web- Anwendungen mit
Moderne Web- Anwendungen mit [email protected] September 2013 Web- Anwendungen mit Vaadin???
Dominik Helleberg inovex GmbH. Android-Enterprise- Integration
Dominik Helleberg inovex GmbH Android-Enterprise- Integration Dominik Helleberg Mobile Development Android HTML5 http://dominik-helleberg.de/+ http://twitter.com/_cirrus_ Agenda Intro Enterprise Apps /
Webentwicklung mit Vaadin 7. Theoretische und praktische Einführung in Vaadin 7. Christian Dresen, Michael Gerdes, Sergej Schumilo
Webentwicklung mit Vaadin 7 Theoretische und praktische Einführung in Vaadin 7 Christian Dresen, Michael Gerdes, Sergej Schumilo Agenda Allgemeines Architektur Client-Side Server-Side Vaadin UI Components
Apps-Entwicklung mit Netbeans
JDroid mit Netbeans Seite 1 Apps-Entwicklung mit Netbeans Version 2.2, 30. April 2013 Vorbereitungen: 1. JDK SE neuste Version installieren, (http://www.oracle.com/technetwork/java/javase/downloads/index.html)
Webseiten werden mobil Planung geht vor
Webseiten werden mobil Planung geht vor Mobiles Web Aspekte der Planung 20. April 2012 Inhaltliche Schwerpunkte Einordnung mobiler Technologien Besonderheiten mobiler Touchscreen-Geräte Best Practices
Der SCHWEIZER WELTATLAS interaktiv als Web Applikation
16. Januar 2014 Der SCHWEIZER WELTATLAS interaktiv als Web Applikation Ein Prototyp realisiert mit ArcGIS API for JavaScript Masterarbeit am Institut für Kartografie und Geoinformation Leitung Prof. Dr.
Zend PHP Cloud Application Platform
Zend PHP Cloud Application Platform Jan Burkl System Engineer All rights reserved. Zend Technologies, Inc. Zend PHP Cloud App Platform Ist das ein neues Produkt? Nein! Es ist eine neue(re) Art des Arbeitens.
App Entwicklung für Android F O R T G E S C H R I T T E N E P R O G R A M M I E R U N G I N J A V A
App Entwicklung für Android F O R T G E S C H R I T T E N E P R O G R A M M I E R U N G I N J A V A D O Z E N T : R E F E R E N T : P R O F. D R. K L I N K E R R I C O L O S C H W I T Z Aufbau der Präsentation
DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages
Wir automatisieren und optimieren Ihre Geschäftsprozesse DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Thomas Brandstätter 06.03.2012 www.dccs.at Agenda Theorie Was sind XPages
Der mobile Technologie-Dschungel Eine Roadmap. Dr. Frank Gerhardt @frankgerhardt
Der mobile Technologie-Dschungel Eine Roadmap Dr. Frank Gerhardt @frankgerhardt Überblick Hintergrund Erfahrungen mit ios, Android, HTML5 Die anderen Plattformen BlackBerry, Windows Phone, Ubuntu, Firefox
Was gibt es Neues im Office 365 Umfeld?
Was gibt es Neues im Office 365 Umfeld? PowerApps und Flow SharePoint & Office 365 Community 24. August 2016 Was erwartet uns heute? PowerApps Was ist PowerApps? Wie funktioniert es? Wann ist es verfügbar?
UI Technologien für SAP-Anwendungen
UI Technologien für SAP-Anwendungen Julian Popp, Christian Fink 24.09.2016 Übersicht 1. SAP UI Key Technologien und Tools 2. FINK IT-Solutions UI Portfolio - Browser 3. FINK IT-Solutions UI Portfolio -
Software Engineering II
Software Engineering II Codegenerierung für den SmartIO Editor mit der Modeling Workflow Engine Wintersemester 10/111 Fachgebiet Software Engineering Albert Zündorf / Wiederholung Bisher im Laufe des Semesters
Vom Prototypen zur Anwendung
Vom Prototypen zur Anwendung iks-thementag: Mobile Applikationen Ein Leitfaden für Unternehmen 17.05.2011 Autor: Ingo Röpling Agenda Was ist vorab zu beachten? Skills und Systemvoraussetzungen Implementierung
Mobile API 2.0 Partizipative App Entwicklung
Mobile API 2.0 Partizipative App Entwicklung Mobile API 2.0 Aktuelle Herausforderungen Mobile Apps sollen Geschäftsprozesse beschleunigen Verbindung mit mehreren Backend Systemen Apps müssen auf unterschiedlichen
Relution Enterprise Appstore. Enable Enterprise Mobility. 2.5 Release Note
Enable Enterprise Mobility 2.5 Release Note 1 Relution Release 2.5 Das neuste Relution Release in der Version 2.5 bringt eine ganz neue Erfahrung in den Enterprise Mobility Markt. Zwei Hauptfeatures dominieren
LaVida. Mobile Endgeräte. Andreas Neupert
LaVida Mobile Endgeräte Andreas Neupert Einleitung 1 33 Was? 1) Android a. Hardware b. Entwickeln i. Tools ii. Architektur & Konzepte iii. Google App Inventor c. Benutzen versus 2) WP 7 a. Hardware b.
WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012
WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012 AGENDA 1. Native versus webbasierte Apps 2. HTML5 & CSS3 1. Media Queries 2. Geolocation
Entwicklung und Integration mobiler Anwendungen. <Speaker> Oracle Deutschland B.V. & Co. KG
Entwicklung und Integration mobiler Anwendungen Oracle Deutschland B.V. & Co. KG Global Users (Millions) Der Trend ist eindeutig. Trend zu mobilen Endgeräten Wachstum des mobilen Datenverkehrs
Vaadin ein Erfahrungsbericht
Vaadin ein Erfahrungsbericht JUG SWITZERLAND 5. Februar 2013 Benjamin Schupp / Markus Kinzler mp technology consulting GmbH Speakers Benjamin Schupp Lead Architect, konzipiert und entwickelt Java-basierte
JDroidLib mit Eclipse (Mac/Linux/Windows)
JDroidLib mit Eclipse (Mac/Linux/Windows) Version 1.3, 25. März 2013 (Unter Windows besser die ADT-Bundle Version installieren, siehe entsprechende Anleitung) Vorbereitungen: 1. JDK SE neuste Version installieren,
Partnertag 2014 Visionen und Trends Die Contrexx Roadmap
Visionen und Trends Die Contrexx Roadmap Ivan Schmid Inhalt 1. Rückblick 2013 o Lessons learned o Massnahmen 2. Ausblick o Gartner Trends 2014-2016 o Die Rolle von Contrexx 3. Contrexx Roadmap Rückblick
Xojo für FileMaker Entwickler
Ein Blick über den Tellerrand Was ist Xojo? Xojo ist eine Objektorientiertes Entwicklungswerkzeug zum Bau von Crossplattform Lösungen Objektorientierte Programmiersprache Kompiler für native Anwendungen
BOSS 2 BSZ One Stop Search
BOSS 2 BSZ One Stop Search 16. BSZ-Kolloquium in Stuttgart 22.09.2015 Cornelius Amzar 1 Responsive Design Smartphone, Tablet, Fernseher, PC, Laptop Benutzer erwarten einen gleichwertigen Dienst für alle
Mobile Angebote Strategie einer Verwaltung. Freie und Hansestadt Hamburg Dr. Ursula Dankert
Mobile Angebote Strategie einer Verwaltung Dr. Ursula Dankert Mobile Angebote Strategie einer Verwaltung 1. Motivation 2. Bestandsaufnahme 3. Unterschiedliche Technologien 4. Wann sind mobile Anwendungen
AK Medientechnologien Hello World. Josef Kolbitsch [email protected] http://businesssolutions.tugraz.at/
AK Medientechnologien Hello World Josef Kolbitsch [email protected] http://businesssolutions.tugraz.at/ Übersicht Demo-Applikation: Hello World Rückblick auf einzelne Schritte Entwicklungswerkzeuge
Einführung in die Cross-Plattform Entwicklung Das Intel App Framework
Einführung in die Cross-Plattform Entwicklung Das Intel App Framework Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel App Framework vom Intel XDK vertraut. Es wird Schritt für Schritt
TM1 mobile intelligence
TM1 mobile intelligence TM1mobile ist eine hochportable, mobile Plattform State of the Art, realisiert als Mobile BI-Plug-In für IBM Cognos TM1 und konzipiert als Framework für die Realisierung anspruchsvoller
Einführung in die Cross-Plattform Entwicklung Web Services mit dem Intel XDK
Einführung in die Cross-Plattform Entwicklung Web Services mit dem Intel XDK Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel XDK und dem Zugriff auf Web Services vertraut. Der Web Service
Einführung mobile Entwicklungsplattform Neptune Application Designer Fink IT-Solutions Christian Fink, Andreas Hofmann 01.07.2014
Einführung mobile Entwicklungsplattform Neptune Application Designer Fink IT-Solutions Christian Fink, Andreas Hofmann 01.07.2014 Agenda 1 2 3 4 5 Unternehmensvorstellung Enterprise Mobility Mobile Lösungen
Ein ganz normaler Tag. Eclipse und Ich
Ein ganz normaler Tag Eclipse und Ich 2008 Bredex GmbH Version 2.3 Agenda Motivation 08:32 Uhr Los geht s 08:47 Uhr Einstieg in die tägliche Arbeit 08:48 Uhr Support 09:30 Uhr Standup Meeting 10:12 Uhr
Visual Studio 2012 Windows 8 und.net 4.5. Hans Peter Bornhauser, Noser Engineering AG Fachbereichsleiter.NET, Digicomp AG
1 Visual Studio 2012 Windows 8 und.net 4.5 Hans Peter Bornhauser, Noser Engineering AG Fachbereichsleiter.NET, Digicomp AG 2 Der Referent: Hans Peter Bornhauser Dipl. Ing ETH Software Architect, Senior
Vaadin TouchKit. W3L AG [email protected] 10.2012
1 Vaadin TouchKit W3L AG [email protected] 10.2012 2 Inhaltsverzeichnis Einführung Software-Plattformen TouchKit-Plug-In Integrationsmöglichkeiten Vaadin-TouchKit-Projekt GUI-Komponenten Live-Demo Geräte-Unterstützung
Moderne Benutzeroberflächen für SAP Anwendungen
Seite 1 objective partner für SAP Erfahrungen mit dem UI-Development Kit für HTML5 (SAPUI5) - 19.06.2012 Seite 2 Quick Facts objective partner AG Die objective partner AG 1995 gegründet mit Hauptsitz in
Daten in der Cloud mit Access, Office 365 und Apps foroffice Dirk Eberhardt
SOFTWARE- UND WEB-LÖSUNGEN Daten in der Cloud mit Access, Office 365 und Apps foroffice Dirk Eberhardt Agenda Was ist Office 365? Ab in die Cloud Bestehende Access-Anwendung plusmm Datenzugriff von lokal
MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP)
MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP) Oliver Steinhauer.mobile PROFI Mobile Business Agenda MOBILE ENTERPRISE APPLICATION PLATFORM AGENDA 01 Mobile Enterprise Application Platform 02 PROFI News
Plattformunabhängige App-Entwicklung - Eine für alle?
Plattformunabhängige App-Entwicklung - Eine für alle? AGENDA Kurze Firmenpräsentation: M&M Software GmbH Motivation Komponenten der plattformunabhängigen App-Entwicklung Vergleich der App-Arten Beispiele
Graphen in Apex von Thomas Hernando. www.syntegris.de
Graphen in Apex von Thomas Hernando www.syntegris.de Einleitung FIRMENINFOS Gründung im Jahre 2000 mit Sitz in Neu-Isenburg bei Frankfurt am Main Mehr als 30 Berater Oracle Gold Partner Schwerpunkte liegen
Apps-Entwicklung mit Eclipse
JDroid mit Eclipse Seite 1 Apps-Entwicklung mit Eclipse Version 1.1, 30. April 2013 Vorbereitungen: 1. JDK installieren JDK SE neuste Version (64 oder 32 Bit) herunterladen und installieren (http://www.oracle.com/technetwork/java/javase/downloads/index.html)