React.js flottes Front-End für Domino. Knut Herrmann

Save this PDF as:
 WORD  PNG  TXT  JPG

Größe: px
Ab Seite anzeigen:

Download "React.js flottes Front-End für Domino. Knut Herrmann"

Transkript

1 React.js flottes Front-End für Domino Knut Herrmann

2 Knut Herrmann Senior Software Architekt Leonso GmbH Notes Domino Entwickler seit Version 2 Web-App-Entwickler aktiv auf StackOverflow Skype: knut.herrmann 2

3 Warum React? 3

4 Notes Client Code Daten Domino Server 4

5 Browser Dojo HTML JS Daten Domino Server XPages 5

6 Browser Dojo HTML JS Daten Java Domino Server XPages 6

7 Select2 Bootstrap Browser HTML JS Daten Java Domino Server jqgrid Dojo jquery XPages 7

8 Gesucht: Browser? Code Daten Java Domino Server XPages UI JSON Datenbank 8

9 Angular? 9

10 React! 3/23/

11 React hohe Performance wiederverwendbare Komponenten deklarativer gut lesbarer Code entwickelt von Facebook 11

12 GitHub Star Ranking Platz Platz Platz 2013 neu 12

13 Webseiten, die React nutzen 13

14 Was ist React? 14

15 React JavaScript Bibliothek kein Framework rendert HTML/CSS auf Clientseite virtueller DOM einseitig gerichteter Datenfluss 15

16 virtueller DOM 16

17 virtueller DOM 17

18 Komponente props Daten / Funktionen als Parameter Komponente state render() Lebenszyklus-Funktionen interne Daten liefert Elemente zum Rendern incl. Events Code beim Erstellen / Ändern / Verwerfen Komponente Komponente Kind-Komponenten Komponente Komponente 18

19 Beispiel import React from 'react'; import ReactDOM from 'react-dom'; class App extends React.Component { render() { return ( <div> <h1>{this.props.headline}</h1> <Person name="kurt Meier" /> <Person name="hans Müller" /> </div> ); } } class Person extends React.Component { render() { return ( <div> <h3>{this.props.name}</h3> </div> ); } } ReactDOM.render(<App headline="personenliste"/>, document.getelementbyid('root')); 19

20 Beispiel class App extends React.Component { render() { return ( <div> <h1>{this.props.headline}</h1> <Person name="kurt Meier" /> <Person name="hans Müller" /> </div> ); } } JSX ReactDOM.render(<App headline="personenliste"/>, document.getelementbyid('root')); 20

21 Beispiel import React from 'react'; import ReactDOM from 'react-dom'; class App extends React.Component { render() { return ( <div> <h1>{this.props.headline}</h1> <Person name="kurt Meier" /> <Person name="hans Müller" /> </div> ); } } ES6 (ECMAScript2015) 21

22 Babel konvertiert JSX in normales JavaScript aus wird <App headline="personenliste"/> React.createElement(App, {headline:"personenliste"}); konvertiert ES6 in eine JavaScript-Version, die aktuelle Browser beherrschen man programmiert in einer zukünftigen Sprachversion 22

23 Datenänderungen - Events class App extends Component { deleteperson(name) { this.setstate( ) } <Person name={person} deleteperson={this.deleteperson} /> class Person extends React.Component { render() { return ( <div> <h3>{this.props.name}</h3> <button onclick={() => this.props.deleteperson(this.props.name)}> Entfernen </button> </div> 23

24 Datenänderungen - Events 24

25 Datenänderungen - Events 25

26 Datenänderungen - Events Store 26

27 Datenänderungen - Events Store Events Data 27

28 Datenänderungen - Events Store Dispatcher (previousstate, action) => newstate Components Actions 28

29 Redux Alle Daten (State) in einem Datenspeicher (Store) State-Änderungen nur durch Actions Aktueller State darf nicht geändert werden neuer State = Kopie mit Änderungen erlaubt Zeitreisen 29

30 React Router für Single-Page-Webanwendungen hält UI mit der URL synchron URLs als Favorit speicherbar deklarativ durch Komponenten 30

31 Demo 31

32 Entwicklertools IDE Atom (frei) WebStorm (meine Empfehlung) Sublime Text Visual Studio Code (frei) ESLint Syntaxprüfung, Programmierregeln Babel 32

33 Entwicklertools webpack bündelt Code/CSS/Ressourcen in eine Datei "bundle.js" npm Package Manager yarn der bessere Package Manager Node.js JavaScript Runtime 33

34 Entwicklertools Browser-Erweiterungen für Chrome und Firefox React Developer Tools Redux DevTools 34

35 Warum Domino? 35

36 Domino Datenbank Web-Server (XPages / Java / REST) Sicherheit / Nutzerverwaltung Cluster / Replikation Alles in einer Datei (.nsf) 36

37 Domino REST-Services XPages + Java Domino Data Service (DDS) OSGi-Plugin ( Sven Hasselbach) 37

38 React und mehr? 38

39 React Bootstrap Bootstrap-Komponenten so einfach zu nutzen wie eigene Buttons, Dialogboxen, Navigation, Seitenlayout, Forms, 39

40 React Native ios & Android nutzt native Komponenten einmal lernen, überall schreiben 85-90% gemeinsamer Code 40

41 Gefunden: Browser React & Co. Code Daten Java Domino Server XPages 41

42 Nutzen klare Trennung von Client und Server Code optimale Entwicklungsumgebung für Client UI Wiederverwendbare Komponenten Hohe Performance 42

43 node.js installieren "Create React App" installieren Versuch macht klug! codieren 43

44 Fragen? jetzt oder später Skype: knut.herrmann 44

45 Quellen: Bilder zum virtuellem DOM: 45

Mobile Apps mit. React-Native. Manuel

Mobile Apps mit. React-Native. Manuel Mobile Apps mit React-Native Manuel Mauky @manuel_mauky Mobile Apps? Mobile Apps? - Welche Möglichkeiten existieren? Native Android ios Mobile Apps? - Welche Möglichkeiten existieren? Native Android ios

Mehr

Mobile Apps mit. React-Native. Manuel

Mobile Apps mit. React-Native. Manuel Mobile Apps mit React-Native Manuel Mauky @manuel_mauky Mobile Apps? Mobile Apps? - Welche Möglichkeiten existieren? Native Android ios Mobile Apps? - Welche Möglichkeiten existieren? Native Android ios

Mehr

JS goes mobile: Eine Übersicht. Frederik von Berg w11k / thecodecampus

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

Mehr

EINFÜHRUNG IN REACT.JS UND REDUX

EINFÜHRUNG IN REACT.JS UND REDUX EINFÜHRUNG IN REACT.JS UND REDUX REACT.JS EINE JAVASCRIPT LIBRARY ZUM ERSTELLEN VON USER INTERFACES Nur die UI Virtual DOM Data Flow DATA FLOW Unidirektional ohne Event-Chaos https://www. ickr.com/photos/spilt-milk/5829575950

Mehr

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages

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

Mehr

Frontend-Entwicklung mit JavaScript

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

Mehr

Think Mobile Effiziente Entwicklungsstrategien im GIS. Kai Hoffmann, BTC AG

Think Mobile Effiziente Entwicklungsstrategien im GIS. Kai Hoffmann, BTC AG Think Mobile Effiziente Entwicklungsstrategien im GIS Kai Hoffmann, BTC AG Mobile Endgeräte Was ist zu beachten? In dieser Betrachtung Smartphone Tablet Unterschiedliche Hardwareausstattung Bildschirmgröße

Mehr

Cross Platform Development mit SharePoint

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

Mehr

Node.js Einführung Manuel Hart

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

Mehr

XPages Good to know. Benjamin Stein & Pierre Hein Stuttgart 7. Mai 2015

XPages Good to know. Benjamin Stein & Pierre Hein Stuttgart 7. Mai 2015 XPages Good to know Benjamin Stein & Pierre Hein Stuttgart 7. Mai 2015 Agenda 1. Einführung Was sind XPages? 2. Allgemeine Tipps Allgemeine Tipps für die Verwendung von XPages 3. Designer Tipps Tipps für

Mehr

Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap

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

Mehr

Qualitätssicherungskonzept

Qualitätssicherungskonzept UNIVERSITÄT LEIPZIG SOFTWARETECHNIK-PRAKTIKUM Qualitätssicherungskonzept SPE16: Gebäude-Navigator für Leipzig 18. Juli 2016 Inhaltsverzeichnis: 0. Qualitätssicherungskonzept...S.02 1. Dokumentationskonzept...S.02

Mehr

APEX DESKTOP APPS. Interaktion mit dem Client System

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

Mehr

Mit PL/SQL auf s ipad

Mit PL/SQL auf s ipad DOAG 2012 Konferenz 20. November 2012, 16:00 Uhr NCC NürnbergConvention Center Ost Mit PL/SQL auf s ipad Martin Friemel mfriemel@webag.com 1 Mit PL/SQL auf s ipad Wie entwickelt man PL/SQL-Webanwendungen

Mehr

JavaScript Frameworks für Mobile

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

Mehr

Einführung in Google Web Toolkit

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

Mehr

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. 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

Mehr

Cross-Platform Mobile Development mit Xamarin Mark Allibone, @mallibone

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

Mehr

TUT1 Javascript-Frameworks zum Erstellen von plattformunabhängigen mobilen Anwendungen

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

Mehr

TypeScript JavaScript mit ohne Kopfschmerzen. Veit Weber 3. JUG Saxony Day Radebeul

TypeScript JavaScript mit ohne Kopfschmerzen. Veit Weber 3. JUG Saxony Day Radebeul TypeScript JavaScript mit ohne Kopfschmerzen Veit Weber 3. JUG Saxony Day 30.09.2016 Radebeul Über mich blog.pikodat.com veit_weber Workshops Apps AngularJS Java EE Agenda 01 02 03 Die Krankheit JavaScript

Mehr

Plattformunabhängige App-Entwicklung - Eine für alle?

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

Mehr

Echte Cross-Plattform Anwendungen mit Angular 2 in Action!

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

Mehr

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 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

Mehr

Apps entwickeln mit HTML und Javascript

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

Mehr

Web Apps. Offlinefähige mobile Webapplikationen mit XPages als Alternative zu nativen Apps Thomas Brandstätter /

Web Apps. Offlinefähige mobile Webapplikationen mit XPages als Alternative zu nativen Apps Thomas Brandstätter / Web Apps Offlinefähige mobile Webapplikationen mit XPages als Alternative zu nativen Apps Thomas Brandstätter / 07.06.2013 Vielleicht kennen Sie das auch? Sie haben in Ihrem Unternehmen eine Web- oder

Mehr

The app the crashes, before the breakpoint is reached: Code to the event:

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:

Mehr

2 Schnelldurchgang React im Überblick

2 Schnelldurchgang React im Überblick D3kjd3Di38lk323nnm 21 2 Schnelldurchgang React im Überblick Bevor wir in die Details von React gehen, möchten wir dir in diesem Kapitel die wichtigsten Features von React im Schnelldurchgang zeigen. Am

Mehr

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 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

Mehr

Couchbase Syncpoint, GeoCouch und

Couchbase Syncpoint, GeoCouch und Couchbase Syncpoint, GeoCouch und MapQuery Volker Mische Couchbase Freie und Open Source Software für Geoinformationssysteme Konferenz 20. 22. März Dessau Volker Mische (@vmische) FOSSGIS 2012 Dessau 1

Mehr

RAP vs. GWT vs. GAE/J + jquery. Web Technologien im Verlgeich

RAP vs. GWT vs. GAE/J + jquery. Web Technologien im Verlgeich RAP vs. GWT vs. GAE/J + jquery Web Technologien im Verlgeich RAP vs GWT vs jquery Dominik Wißkirchen 30. Oktober 2010 Abkürzungen RAP AJAX RWT Rich AJAX Platform Asynchronous JavaScript and XML RAP Widget

Mehr

Ü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: Ü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

Mehr

Oliver Zeigermann, Stefan Toth embarc GmbH. Flux Facebooks Beitrag zur UI- Architektur der Zukunft

Oliver Zeigermann, Stefan Toth embarc GmbH. Flux Facebooks Beitrag zur UI- Architektur der Zukunft Oliver Zeigermann, Stefan Toth embarc GmbH Flux Facebooks Beitrag zur UI- Architektur der Zukunft UI-Architektur Warum? User Experience wird wichtiger Rich Client Optionen werden rar Es gibt mehrere Philosophien

Mehr

Web-Anwendungsentwicklung mit dem Delivery Server

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

Mehr

Vorwort... 3 Angular CLI: Der Codegenerator für unser Projekt Vorstellung Installation Die wichtigsten Befehle...

Vorwort... 3 Angular CLI: Der Codegenerator für unser Projekt Vorstellung Installation Die wichtigsten Befehle... D3kjd3Di38lk323nnm xv Vorwort................................................... vii I Einführung 1 1 Haben Sie alles, was Sie benötigen?.................... 3 1.1 Visual Studio Code.........................................

Mehr

So erreichen Sie Ihre Event-App

So erreichen Sie Ihre Event-App Anleitung So erreichen Sie Ihre Event-App ZUGRIFF ÜBER DEN WEB BROWSER Die App Ihrer Veranstaltung erreichen Sie über einen Browser, wie Safari, Chrome oder Firefox, auf Smartphones, Tablets und Laptops.

Mehr

Echte Cross-Plattform Anwendungen mit Angular 2 in Action!

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

Mehr

Zend PHP Cloud Application Platform

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.

Mehr

Multimedia im Netz Wintersemester 2012/13

Multimedia im Netz Wintersemester 2012/13 Multimedia im Netz Wintersemester 2012/13 Übung 10 Ludwig-Maximilians-Universität München Multimedia im Netz WS 2012/13 - Übung 10-1 Lösung zu Übungsblatt 08 Ludwig-Maximilians-Universität München Multimedia

Mehr

Google Gears Offline Web?

Google Gears Offline Web? Google Gears ist eine Browsererweiterung, die es in sich hat. Dem Webanwendungsentwickler werden Dienste bereitgestellt, die es ermöglichen, Webanwendungen so zu schreiben, dass eine Offline-Arbeit möglich

Mehr

Agon Solutions. The native web mobile Architekturen mit HTML5 und PhoneGap. Ihre Prozesse in besten Händen.

Agon Solutions. The native web mobile Architekturen mit HTML5 und PhoneGap. Ihre Prozesse in besten Händen. The native web mobile Architekturen mit HTML5 und PhoneGap Juri Urbainczyk Agon meets Technology 26. Februar 2013 Agon Solutions Ihre Prozesse in besten Händen. 1 Worum geht s? Mobile und mehr Warum HTML5?

Mehr

Mobile hybride Applikationen Investment-App der BW-Bank

Mobile hybride Applikationen Investment-App der BW-Bank Mobile hybride Applikationen Investment-App der BW-Bank avono Aktiengesellschaft Breite Straße 2 70173 Stuttgart www.avono.de Fon (0711) 28 07 57 0 Fax (0711) 28 07 57-28 Ihr Referent Manfred Heiland Senior

Mehr

MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP)

MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP) MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP) Oliver Steinhauer Markus Urban.mobile PROFI Mobile Business Agenda MOBILE ENTERPRISE APPLICATION PLATFORM AGENDA 01 Mobile Enterprise Application Platform

Mehr

Moderne Benutzeroberflächen für SAP Anwendungen

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

Mehr

XPages - Core Technologie der Lotus Zukunft? 2011 IBM Corporation

XPages - Core Technologie der Lotus Zukunft? 2011 IBM Corporation XPages - Core Technologie der Lotus Zukunft? # 2011 IBM Corporation Agenda Hintergründe von XPages Domino Applikations-Entwicklung: Stärken und Schwächen XPages DEMO Ergänzung durch XPages: Die Vorteile

Mehr

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 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

Mehr

MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP)

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

Mehr

Entwicklung und Integration mobiler Anwendungen. <Speaker> Oracle Deutschland B.V. & Co. KG

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

Mehr

Mobile Apps mit DSLs. und entfernter Codegenerierung. Codierst Du noch oder generierst Du schon? Powered by

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

Mehr

HERZLICH WILLKOMMEN SHAREPOINT 2013 DEEP DIVE - APPS 11.09.2012 IOZ AG 1

HERZLICH WILLKOMMEN SHAREPOINT 2013 DEEP DIVE - APPS 11.09.2012 IOZ AG 1 HERZLICH WILLKOMMEN SHAREPOINT 2013 DEEP DIVE - APPS 11.09.2012 IOZ AG 1 AGENDA Einführung Apps - Einführung Apps Architektur SharePoint-Hosted Apps Cloud-Hosted Apps Ausblick 11.09.2012 IOZ AG 2 ÜBER

Mehr

Dirk Reinemann Working Student Sales Consulting

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

Mehr

Cross-Plattform-App- Entwicklung mit Visual Studio 2017

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 andre@andrekraemer.de http://andrekraemer.de http://andrekraemer.de/blog http://github.com/andrekraemer

Mehr

www.jsf-academy.com JSF goes Mobile Mit JavaServer Faces mobile Welten erschließen Copyright 2013, Andy Bosch, www.jsf-academy.

www.jsf-academy.com JSF goes Mobile Mit JavaServer Faces mobile Welten erschließen Copyright 2013, Andy Bosch, www.jsf-academy. www.jsf-academy.com JSF goes Mobile Mit JavaServer Faces mobile Welten erschließen Copyright 2013, Andy Bosch, www.jsf-academy.de Slide 1 Was habe ich heute vor? Aufzeigen, welche Möglichkeiten JSF bietet,

Mehr

Smartphone Entwicklung mit Android und Java

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 info@predic8.de Was ist Android Offene Plattform für mobile Geräte Software Kompletter

Mehr

- Google-Maps-API - Intel App Framework - Cordova / Phonegap. Server. - Debian - Apache - Node.js. - Subversion (SVN) - Ajax - MVC.

- Google-Maps-API - Intel App Framework - Cordova / Phonegap. Server. - Debian - Apache - Node.js. - Subversion (SVN) - Ajax - MVC. Basisdaten Name: Raphael Fischer Geb.: 06.09.1982 Adresse: Wirkerstraße 29 42105 Wuppertal Mail-Adresse: post@raphael-fischer.de Telefon: 0202 / 31 77 372 Handy: 0176 / 320 45 346 Xing: xing.com/profile/raphael_fischer5

Mehr

IBM NOTES/DOMINO 9 EUGEN HEIDEBRECHT SENIOR SOFTWARE BERATER

IBM NOTES/DOMINO 9 EUGEN HEIDEBRECHT SENIOR SOFTWARE BERATER EUGEN HEIDEBRECHT SENIOR SOFTWARE BERATER AGENDA 01 02 IBM Notes/Domino goes Social IBM Notes/Domino Version 9 03 IBM Notes/Domino 9 Live Demo 2 NOTES/DOMINO GOES SOCIAL Notes und Social Software passt

Mehr

Responsive Web Design

Responsive Web Design Responsive Web Design mit APEX Theme 25 Christian Rokitta APEX UserGroup NRW Treffen 20.01.2014 Oracle DB & APEX Entwickler (selbstständig) Deutschland ( 1996) Niederlanden ( 1996) themes4apex: APEX UI

Mehr

Line-of-Business-Apps mit der Universal Windows Platform entwickeln. Thomas Claudius

Line-of-Business-Apps mit der Universal Windows Platform entwickeln. Thomas Claudius Line-of-Business-Apps mit der Universal Windows Platform entwickeln Thomas Claudius Huber @thomasclaudiush Thomas Claudius Huber Principal Consultant bei Trivadis Pluralsight-Autor, Buchautor C#, XAML,

Mehr

MURAT KEMALDAR [MAPPE] DIPLOM-DESIGNER / FRONTEND-DEVELOPER [WEBSEITE: MU-KU.NET]

MURAT KEMALDAR [MAPPE] DIPLOM-DESIGNER / FRONTEND-DEVELOPER [WEBSEITE: MU-KU.NET] MURAT KEMALDAR [MAPPE] DIPLOM-DESIGNER / FRONTEND-DEVELOPER [WEBSEITE: MU-KU.NET] KURZ-ZUSAMMENFASSUNG 26 JAHRE ALT 3 JAHRE BERUFSERFAHRUNG DIPLOM-DESIGNER (FH) FRONTEND-DEVELOPER WEB-DESIGN (RESPONSIVE)

Mehr

XE IDE Cloud Web. secure Data Agile. RAD Studio XE was gibt es Neues in Delphi? Daniel Magin Delphi Experts. Daniel Wolf Delphi-Praxis

XE IDE Cloud Web. secure Data Agile. RAD Studio XE was gibt es Neues in Delphi? Daniel Magin Delphi Experts. Daniel Wolf Delphi-Praxis RAD Studio XE was gibt es Neues in Delphi? Daniel Magin Delphi Experts Daniel Wolf Delphi-Praxis Matthias Eißing Embarcadero Germany GmbH XE IDE Cloud Web 1 secure Data Agile Agenda Neues in der IDE, RTL

Mehr

Erstellung eines Frameworks für Shop Systeme im Internet auf Basis von Java

Erstellung eines Frameworks für Shop Systeme im Internet auf Basis von Java Erstellung eines Frameworks für Shop Systeme im Internet auf Basis von Java Präsentation zur Diplomarbeit von Übersicht Java 2 Enterprise Edition Java Servlets JavaServer Pages Enterprise JavaBeans Framework

Mehr

Mapbender3 Workshop. Christian Wygoda. FOSSGIS Dessau 2012

Mapbender3 Workshop. Christian Wygoda. FOSSGIS Dessau 2012 Mapbender3 Workshop Christian Wygoda FOSSGIS Dessau 2012 Christian Wygoda Mapbender3 Developer Team PSC (Project Steering Commitee) WhereGroup Bonn http:///www.wheregroup.com Mapbender3 Einführung in Mapbender

Mehr

Appery.io Mobile Apps schnell und einfach entwickeln

Appery.io Mobile Apps schnell und einfach entwickeln Appery.io Mobile Apps schnell und einfach entwickeln Cloud-basierte Entwicklungsumgebung, keine lokale Installation von Entwicklungsumgebung nötig. Technologie: HTML5. JQuery Mobile, Apache Cordova. Plattformen:

Mehr

Ihr Dienstleister für individuelle Softwareentwicklung und IT-Beratung

Ihr Dienstleister für individuelle Softwareentwicklung und IT-Beratung Social Collaboration 2013: Effizient, mobil, optimal integriert, sicher. Praxiserfahrungen - Strategien - Technologien WebApps Offline-capable Mobile Web Applications with XPages as an Alternative to Native

Mehr

! Jahrgang 1969. ! Studium der Mathematik und Informatik an der TU Braunschweig. ! Entwicklung klassischer Client-Server-Systeme zur Terminplanung

! 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!

Mehr

AJAX Implementierung mit Joomla!

AJAX Implementierung mit Joomla! Joomla! DAY TM AUSTRIA 2015 AJAX Implementierung mit Joomla! Inhalt AJAX Implementierung mit Joomla! Inhalt Einleitung Was ist AJAX und wie funktioniert es Joomla! & AJAX AJAX in Templates mit Komponenten

Mehr

Cross-Platform Mobile Apps

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

Mehr

Visual Studio 2012 Windows 8 und.net 4.5. Hans Peter Bornhauser, Noser Engineering AG Fachbereichsleiter.NET, Digicomp AG

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

Mehr

Leichtgewichtige Web 2.0-Architektur für komplexe Business-Anwendungen Nicolas Moser PRODYNA AG

Leichtgewichtige Web 2.0-Architektur für komplexe Business-Anwendungen Nicolas Moser PRODYNA AG 05.07.2012 Leichtgewichtige Web 2.0-Architektur für komplexe Business-Anwendungen Nicolas Moser PRODYNA AG Agenda 01 Einführung 02 Architektur 03 Lösungen 04 Zusammenfassung 2 2 Agenda 01 Einführung 02

Mehr

Über mich. Daniel Bälz. Softwareentwickler (inovex GmbH) github.com/dbaelz

Ü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)

Mehr

NativeScript & Angular 2

NativeScript & Angular 2 NativeScript & Angular 2 Von der WebApp zur nativen SmartphoneApp Frederik von Berg W11K / thecodecampus Überblick Über mich Ausgangslage Was ist Angular? Was ist NativeScript?

Mehr

Der Server glüht, doch die Seite lahmt. Pagespeed-Optimierung jenseits des Servers

Der Server glüht, doch die Seite lahmt. Pagespeed-Optimierung jenseits des Servers Der Server glüht, doch die Seite lahmt Pagespeed-Optimierung jenseits des Servers Sebastian Donners isa-media GmbH Fahrplan Warum Pagespeed wichtig ist Fallbeispiel Ansätze zur Pagespeed-Optimierung Pagespeed

Mehr

Lessons Learned: Mobile CRM Integration

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

Mehr

HERZLICH WILLKOMMEN SHAREPOINT 2013 DEEP DIVE APPS 27.09.2012 IOZ AG 1

HERZLICH WILLKOMMEN SHAREPOINT 2013 DEEP DIVE APPS 27.09.2012 IOZ AG 1 HERZLICH WILLKOMMEN SHAREPOINT 2013 DEEP DIVE APPS 27.09.2012 IOZ AG 1 ÜBER MICH STEPHAN STEIGER Seit 2008 bei IOZ AG Leiter Entwicklung SharePoint 2010 MCPD August 2012 SharePoint 2013 Ignite Ausbildung

Mehr

WERDEGANG BENJAMIN STELLJES FULL STACK WEB DEVELOPER

WERDEGANG BENJAMIN STELLJES FULL STACK WEB DEVELOPER KURZPROFIL Die Softwareentwicklung erfordert viele Voraussetzungen an eine Person wie analytisches Denken, Kompetenzen in der Problemlösung und natürlich fachliche Fähigkeiten in der Anwendungsentwicklung.

Mehr

Meine App, die Cloud und ich

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

Mehr

Der mobile Technologie-Dschungel Eine Roadmap. Dr. Frank Gerhardt @frankgerhardt

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

Mehr

Lernen vom Page Designer. Auf den Spuren von Jules Verne

Lernen vom Page Designer. Auf den Spuren von Jules Verne Lernen vom Page Designer Auf den Spuren von Jules Verne 1 Lernen vom Page Designer Agenda 1 Einführung 2 Application Builder als Anwendung importieren 3 4 5 Page Designer im Detail (javascript stack, MVC,

Mehr

{ Light up the Web } Oliver Scheer. Evangelist Microsoft Deutschland

{ Light up the Web } Oliver Scheer. Evangelist Microsoft Deutschland { Light up the Web } Oliver Scheer Evangelist Microsoft Deutschland { Light up the Web } Oliver Scheer Evangelist Microsoft Deutschland Was ist Silverlight? Tools für Silverlight Designer-Developer-Workflow

Mehr

Schick statt altbacken Oberflächen-Modernisierung von Forms-Anwendungen

Schick statt altbacken Oberflächen-Modernisierung von Forms-Anwendungen Schick statt altbacken 24.01.2017 Version 1.0 Seite 1 Zur Person Mark Eichhorst Oracle Forms/Reports/(Designer) seit 1992 Versionen: 3.0, 6i, 10g, 11g, 12c, Hobby: Performance Optimierung Seite 2 Agenda

Mehr

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 Single Page Applications mit AngularJS und Spring MVC - Björn Wilmsmann - ZenQuery Enterprise Backend as a Service Unternehmen horten Daten in Silos ZenQuery

Mehr

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. 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

Mehr

Programmieren. Programmieren. Webseiten aufpeppen. Grafikkarte ausreizen. Coole Sprachen. Kinect am PC. 3D-Programmierung

Programmieren. Programmieren. Webseiten aufpeppen. Grafikkarte ausreizen. Coole Sprachen. Kinect am PC. 3D-Programmierung jquery: E-Book und Video auf DVD DVD Listings: Win-8-App im Eigenbau E-Book: jquery Das JavaScript- Framework für interaktives Design Videotutorial Moderne Webseiten gestalten mit jquery UI Visual Studio

Mehr

2.1. Short description to bug Xamarin.Forms: ListView not scrollable in a ScrollView in a Stacklayout on Android

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)

Mehr

Einführung in das Google Web Toolkit am Beispiel eines Projektes aus der Verkehrstelematik

Einführung in das Google Web Toolkit am Beispiel eines Projektes aus der Verkehrstelematik Einführung in das Google Web Toolkit am Beispiel eines Projektes aus der Verkehrstelematik Fachhochschule Aachen - WS 11/12 Seminararbeit im Bachelorstudiengang Scientific Programming Sebastian Schilling

Mehr

Dominik Doerner, Jonathan Bechtle ESCde

Dominik Doerner, Jonathan Bechtle ESCde Dominik Doerner, Jonathan Bechtle ESCde Kursübersicht Einführung in ASP.NET Core 01 Was ist ASP.NET Core? 02 Startup und Middleware 03 Wie funktioniert MVC? 04 Debugging und Logging Trainer Dominik Doerner

Mehr

WERDEGANG BENJAMIN STELLJES FULL STACK WEB DEVELOPER

WERDEGANG BENJAMIN STELLJES FULL STACK WEB DEVELOPER KURZPROFIL Die Softwareentwicklung erfordert viele Voraussetzungen an eine Person wie analytisches Denken, Kompetenzen in der Problemlösung und natürlich fachliche Fähigkeiten in der Anwendungsentwicklung.

Mehr

From Legacy to modern Web

From Legacy to modern Web From Legacy to modern Web Ein Reisebericht Wer steht hier? Mirko Sertic Software Craftsman im Web / ecommerce Umfeld Habe Spaß an Technologie und deren Anwendung @mirkosertic mirko@mirkosertic.de https://www.mirkosertic.de

Mehr

Oracle ADF Mobile. Jürgen Menge Oracle Deutschland B.V. & Co. KG. Copyright 2012, Oracle and/or its affiliates. All rights reserved.

Oracle ADF Mobile. Jürgen Menge Oracle Deutschland B.V. & Co. KG. Copyright 2012, Oracle and/or its affiliates. All rights reserved. Oracle ADF Mobile Jürgen Menge Oracle Deutschland B.V. & Co. KG 1 The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated

Mehr

XPages. Die neue Web Entwicklung für Lotus Domino. Jens Winkelmann -Senior Software Engineer-

XPages. Die neue Web Entwicklung für Lotus Domino. Jens Winkelmann -Senior Software Engineer- XPages Die neue Web Entwicklung für Lotus Domino Jens Winkelmann -Senior Software Engineer- Die Domino Web Entwicklung ist aus dem Dornröschenschlaf erwacht Bis Domino 5 war Domino eine fortschrittliche

Mehr

Entwicklungswerkzeuge & - methoden

Entwicklungswerkzeuge & - methoden Entwicklungswerkzeuge & - methoden Debugging und Logging von mobile Apps Jürgen Menge Sales Consultant, Oracle Deutschland E-Mail: juergen.menge@oracle.com +++ Bitte nutzen Sie die bevorzugte Telefonnummer

Mehr

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 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

Mehr

Web-Techniken Einführung in JavaScript

Web-Techniken Einführung in JavaScript Web-Techniken Einführung in JavaScript Prof. Dr. Axel Böttcher Winter 2012/13 15. September 2012 Ausführung von JavaScript Variante 1: Ausführung im Browser durch direktes Einbetten: 1 2

Mehr

Mobile Backend in der

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

Mehr

Basisworkshop inchorus Gadgets

Basisworkshop inchorus Gadgets Basisworkshop inchorus Gadgets Thomas Gertler t.gertler@guh-systems.de Sebastian Radau s.radau@guh-systems.de inchorus Framework inchorus Framework Was ist inchorus? Bei inchorus handelt es sich um ein

Mehr

Rails Ruby on Rails Ajax on Rails. Clemens H. Cap http://wwwiuk.informatik.uni-rostock.de http://www.internet-prof.de

Rails Ruby on Rails Ajax on Rails. Clemens H. Cap http://wwwiuk.informatik.uni-rostock.de http://www.internet-prof.de Rails Ruby on Rails Ajax on Rails Who is who? Rails Framework für Web (2.0) Anwendungen Ziel: Beschleunigung der Entwicklung Konzept des Agilen Programmierens Ruby InterpreDerte Sprache Rails IntegraDonen

Mehr

Immer mehr lebt mobil

Immer mehr lebt mobil Immer mehr lebt mobil mehr als 4.600.000.000 Mobilgeräte breite Verfügbarkeit neuer always-on und Apps Lifestyle 2 Trittsicher auf allen mobilen Pfaden mit HTML5 und jquery Mobile Mike Baird http://flickr.com/photos/mikebaird/482031103/

Mehr

APEX verbessern mit Browser-Extensions

APEX verbessern mit Browser-Extensions APEX verbessern mit Browser-Extensions Schlüsselworte APEX, JavaScript, JQuery, HTML5 Einleitung Till Albert MT AG Ratingen Wer kennt das nicht, beim Entwickeln mit APEX im Page Designer; irgendein kleineres

Mehr

Modulare Anwendungen und die Lookup API. Geertjan Wielenga NetBeans Team Deutschsprachige Überarbeitung, Aljoscha Rittner NetBeans Dream Team

Modulare Anwendungen und die Lookup API. Geertjan Wielenga NetBeans Team Deutschsprachige Überarbeitung, Aljoscha Rittner NetBeans Dream Team Modulare Anwendungen und die Lookup API Geertjan Wielenga NetBeans Team Deutschsprachige Überarbeitung, Aljoscha Rittner NetBeans Dream Team Die Notwendigkeit modularer Anwendungen Die Notwendigkeit modularer

Mehr

Workshop Java Webentwicklung Tapestry. Ulrich Stärk

Workshop Java Webentwicklung Tapestry. Ulrich Stärk Workshop Java Webentwicklung Tapestry Ulrich Stärk Webanwendungen Antwort im Browser des Benutzers sichtbar Anfrage geht ein Antwort rendern Anfrage an passenden Code weiterleiten 2 Servlets Servlet wird

Mehr

Applets Belebung von Webseiten. Dipl.-Ing. Wolfgang Beer

Applets Belebung von Webseiten. Dipl.-Ing. Wolfgang Beer Applets Belebung von Webseiten Dipl.-Ing. Wolfgang Beer Was sind Applets? Java Klassen, die spezielle Richtlinien befolgen, um: "in Internet-Browsern lauffähig zu sein" Somit ist, komplexere Funktionalität,

Mehr