NATURAL FOR AJAX RESPONSIVE WEB ANWENDUNGEN FÜR MOBILE ENDGERÄTE ROLAND FABICH NOVEMBER 2016
|
|
|
- Benjamin Michel
- vor 7 Jahren
- Abrufe
Transkript
1 NATURAL FOR AJAX RESPONSIVE WEB ANWENDUNGEN FÜR MOBILE ENDGERÄTE ROLAND FABICH NOVEMBER Software AG. All rights reserved. For internal use only
2 RESPONSIVE WEB ANWENDUNGEN MIT NJX ÜBERSICHT Live Demo Sunny Island Cruises IPAD, IPHONE Natural for Ajax Grundlagen Responsive Web-Design - Grundlagen Sunny Island Cruises Demo und Erläuterungen Aufbau NJX/Bootstrap Page Prinzip: 12 NJX Mobile: Container und Controls Zusammenfassung Software AG. All rights reserved. For internal use only
3 SUNNY ISLAND CRUISES LIVE DEMO 1 IPAD, IPHONE Software AG. All rights reserved. For internal use only
4 NATURAL FOR AJAX GRUNDLAGEN Software AG. All rights reserved. For internal use only
5 Adapter Program Subprogram CRUISE16 DEMO ARCHITECTURE Browser Web-Server Natural WEBIO Server Plugin Natural for Ajax (NJX) Page Page Page Adabas 5
6 NATURAL FOR AJAX NJX Page Natural Page Adapter Natural Program Developed with Natural ONE Generated from Page with Data and Event Binding Interface and Skeleton generated from Adapter 6
7 NATURAL WEB APPLICATION NJX Page Entwicklung mit Natural ONE 7
8 NATURAL FOR AJAX (NJX) DATA BINDING Abbildung von Page / Control Properties in Natural Variablen 8
9 NATURAL FOR AJAX (NJX) EVENT BINDING Abbildung von Page / Control Events via Natural Systemvariable 9
10 NATURAL FOR AJAX (NJX) SPRACHSYNTAX PROCESS PAGE [USING] PROCESS PAGE UPDATE [AND SEND EVENT ] PROCESS PAGE MODAL END-PROCESS *PAGE-EVENT Informiert zum Benutzerverhalten in der Page *BROWSER-IO Informiert über Art der Front-End Umgebung 10
11 NJX - RESPONSIVE WEB DESIGN (RWD) Page-Natural Binding auch für neue Controls - wie gehabt neue Mobile Controls generiertes HTML ist responsive und verwendet Bootstrap 11
12 RESPONSIVE WEB-DESIGN GRUNDLAGEN Software AG. All rights reserved. For internal use only
13 RESPONSIVE WEB DESIGN (RWD) WEB-Design Technologie für eine optimale Benutzer-Unterstützung bei Navigation und Interaktion mit einem Minimum von manuellen Größenanpassungen Unterstützung von Drehungen und Scrolling für die ganze Bandbreite von Geräten von Desktop Computern bis zu Mobile-Phones Unterstützung von: adaptiven Menu-Controls dynamischen Grid-Controls, unter Wahrung von Größenverhältnissen frei skalierbaren Bildern, Text u.a.m 13
14 RESPONSIVE WEB DESIGN (RWD) - BEGRIFFE HTML5 Geräte-Unabhängigkeit CSS3 media queries Styling gemäss HTML5 Styling Klassen für unterschiedliche Device Größen Bootstrap wichtiges Tool/Framework mit vordefinierten Style- Klassen Mobile First - Projekt 14
15 SUNNY ISLAND CRUISES DEMO UND ERLÄUTERUNGEN AUFBAU BOOTSTRAP PAGE PRINZIP: 12 NJX MOBILE: CONTAINER UND CONTROLS Software AG. All rights reserved. For internal use only
16 BOOTSTRAP PAGE PRINZIP: Software AG. All rights reserved. For internal use only
17 BOOTSTRAP PAGE PRINZIP: Software AG. All rights reserved. For internal use only
18 BOOTSTRAP PAGE PRINZIP: 12 Beispiel: MYDATA Panel (Screenshots) Mid device Small device
19 PRINZIP: 12 Beispiel: MYDATA Panel (Struktur Layout Painter) 19
20 BOOTSTRAP PAGE PRINZIP: 12 Beispiel: MYDATA Panel (XML Struktur) 20
21 BOOTSTRAP PAGE PRINZIP: 12 Beispiel: OFFER Panel (Screenshots)
22 PRINZIP: 12 Beispiel: OFFER Panel (Struktur Layout Painter) geschachtelte Panel-Struktur mit eigener 12er Partitionierung 22
23 BOOTSTRAP PAGE PRINZIP: 12 Beispiel: OFFER Panel (XML Struktur) 23
24 NATURAL FOR AJAX NJX MOBILE CONTROLS Software AG. All rights reserved. For internal use only
25 NJX MOBILE CONTROL Beispiel: Navigation bar (Screenshot) 25
26 NJX MOBILE CONTROL Beispiel: Navigation bar (Layout Painter) 26
27 NJX MOBILE CONTROL Beispiel: Navigation bar (Natural Binding) Definition Variable Zuweisung Text Zuweisung Level im Menu Zuweisung Methode für Menuitem 27
28 NJX MOBILE CONTROL Beispiel: Grid Control (Screenshot) Funktionalität 28
29 NJX MOBILE CONTROL Beispiel: Grid Control (Screenshot) Sprachanpassung 29
30 NJX MOBILE CONTROL Beispiel: Grid Control (Natural Binding) Definition Variable Belegung Event Belegung Variable 30
31 NATURAL FOR AJAX ZUSAMMENFASSUNG Software AG. All rights reserved. For internal use only
32 Software AG. All rights reserved. For internal use only
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
Eclipse Scout Heute und Morgen. Jérémie Bresson BSI Business Systems Integration AG
Eclipse Scout Heute und Morgen @ZimMatthias @j2r2b Matthias Zimmermann Jérémie Bresson BSI Business Systems Integration AG Scout Heute Neon Release Eclipse Scout Neon Release Neue Java Platform Neon Release
WSM go! Einblicke und Ausblicke zur Weiterentwicklung von OpenText Web Site Management Henning Scheibner. Usergroup 2014-09-29
WSM go! Einblicke und Ausblicke zur Weiterentwicklung von OpenText Web Site Management Henning Scheibner Usergroup 2014-09-29 Agenda WSM in Bewegung - Neues in WSM 11.2 Neues aktuell in der Entwicklung
<Insert Picture Here> Application Express: Stand der Dinge und Ausblick auf Version 5.0
Application Express: Stand der Dinge und Ausblick auf Version 5.0 Oliver Zandner ORACLE Deutschland B.V. & Co KG Was erwartet Sie in diesem Vortrag? 1. Was ist APEX? Wozu ist es gut?
Responsive Webdesign
ebusiness Praxistag Thüringen 2014 Responsive Webdesign BASISWISSEN UND MÖGLICHKEITEN DER UMSETZUNG Maik Grunitz Geschäftsführer Forward Marketing GbR Inhalte 1. Warum Responsive Design? 2. Geschichte
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:
Fachtagung. Mobile. CMS. Ausgabekanäle. Trends. Responsive Design. Namics. Johannes Waibel. Senior Consultant.
Fachtagung. Mobile. CMS. Ausgabekanäle. Trends. Responsive Design. Johannes Waibel. Senior Consultant. 1 Optimale Auslieferung der CMS-Inhalte für mobile Endgeräte. http://www.flickr.com/photos/rkottonau/571288490/
IUG DRESDEN ERSTELLUNG VON ROBUSTEN NATURAL SERVICES Software AG. All rights reserved. For internal use only
IUG DRESDEN ERSTELLUNG VON ROBUSTEN NATURAL SERVICES 2016 Software AG. All rights reserved. For internal use only DIGITAL BUSINESS APPLICATIONS DRIVE THE DIGITAL BUSINESS Partner Lieferanten Kunden SaaS
Windows Metro Style Apps
Windows Metro Style Apps alles anders, alles neu System-Event 2012 Michael R. Albertin Ausblick auf Windows 8 Ausblick auf Windows 8 Windows im Zeitraffer Windows 1 (1985) Ausblick auf Windows 8 Windows
Martin Fache (KIDS interactive) - Anforderungen an eine mobile/responsive Website Vortrag zum Seitenstark Fachtag
Agenda Entwicklung der Internet-fähigen Geräte Motivation für mobile Optimierung Lösungsansätze und Praxisbeispiele Im Jahr 2000 http://dag.wosc.edu/?gallery=wosc-computer-collection Im Jahr 2000 Webseite
3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung
3-W-Event Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign Sabrina Schoenfelder Projektleitung, Beratung internezzo ag Grundstrasse 4b CH-6343 Rotkreuz Tel. +41 41 748 02 48 www.internezzo.ch
1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign?
1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign? 4. Wie sieht die Zukunft im Responsiven Webdesign aus? Special: Responsives
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
Weil das Internet der Zukunft mobil ist 15. BVMW pecha kucha Nacht 12. Mai 2015
RESPONSIVE WEBDESIGN Weil das Internet der Zukunft mobil ist 15. BVMW pecha kucha Nacht 12. Mai 2015 2000 2007 Apple iphone 2010 Apple ipad 2015 Smartphone Zombies 50% der Deutschen nutzten 2014 ein Smartphone
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
arcplan Edge V.2.7 in 30 min von 0 auf 100 Stefan Koch VP Product Management 31. März 2011
arcplan Edge V.2.7 in 30 min von 0 auf 100 Stefan Koch VP Product Management 31. März 2011 arcplan 2011 Agenda Was ist arcplan Edge? Komponenten von arcplan Edge arcplan Edge Roadmap Live Demo arcplan
Mobile Lösungen für das Digitale Unternehmen
Mobile Lösungen für das Digitale Unternehmen Maik Szmatulewicz, CMO metaquark A Software AG company 02. Juli 2014 Eine Technologie verändert die (Geschäfts-)Welt 50% Der PRIO1 für Entscheider bis 2015
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
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
Mobile ERP Business Suite
Greifen Sie mit Ihrem ipad oder iphone jederzeit und von überall auf Ihr SAP ERP System zu. Haben Sie Up-To-Date Informationen stets verfügbar. Beschleunigen Sie Abläufe und verkürzen Sie Reaktionszeiten
responsive-web 31.10.2012 giordano.ch Oktober 31, 2012 1
responsive-web 31.10.2012 giordano.ch Oktober 31, 2012 1 perspektiven bruno giordano. // giordano.ch online.ch Oktober 31, 2012 2 giordano.ch Oktober 31, 2012 3 www.leo.org giordano.ch Oktober 31, 2012
KILL PHOTOSHOP. Gestaltung im Browser mit Contao
KILL PHOTOSHOP Gestaltung im Browser mit Contao DENNIS ERDMANN Kiel, Schleswig-Holstein" Geschäftsführer bei SOLADES" Steuermann bei Erdmann & Freunde" Contao-Nutzer seit 2008 RÜCKBLICK Warum ist Photoshop
bsc Education Center bsc solutions GmbH & Co. KG Industriestr. 50 b, Walldorf Tel:
bsc Education Center bsc solutions GmbH & Co. KG Industriestr. 50 b, 69190 Walldorf education@bsc-solutions.com Tel: +49 6227 384 85-100 www.bsc-solutions.com SCHULUNGSÜBERSICHT: SAPUI5 / SAP Fiori BSC-UI-300
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
SHS Swiss Innovation Tour ITB 2014. Responsive Webdesign Unschlagbar schnelle Websites Web Analytics Tricks
SHS Swiss Innovation Tour ITB 2014 Responsive Webdesign Unschlagbar schnelle Websites Web Analytics Tricks Responsive Webdesign Ein Web für Alle Die Geschichte des Mobile Web Android Galaxy ipad WAP 1997
SAP mit Microsoft SharePoint / Office
SAP mit Microsoft SharePoint / Office Customer Holger Bruchelt, SAP SE 3. Mai 2016 Disclaimer Die in diesem Dokument enthaltenen Informationen können ohne vorherige Ankündigung geändert werden. Dieses
Mobile Lernstrategien mit Moodle
Mobile Lernstrategien mit Moodle Tobias Hauser Thomas Kraehe Arrabiata Solutions GmbH Arrabiata Solutions GmbH 1 UNSER HINTERGRUND Arrabiata Solutions GmbH Full Service E-Learning Agentur 8 Jahre Moodle
Industrie 4.0 Predictive Maintenance. Kay Jeschke SAP Deutschland AG & Co. KG., Februar, 2014
Industrie 4.0 Predictive Maintenance Kay Jeschke SAP Deutschland AG & Co. KG., Februar, 2014 Anwendungsfälle Industrie 4.0 Digitales Objektgedächtnis Adaptive Logistik Responsive Manufacturing Intelligenter
Netzwerk Technologien in LabVIEW
Netzwerk Technologien in LabVIEW von Dirk Wieprecht NI Germany Hier sind wir: Agenda Agenda Bedeutung des Ethernet für die Messtechnik Ethernet-basierende Technologien in LabVIEW Low Level- TCP/IP Objekt
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.
Aktuelle Kurstermine
Design Patterns 20.07.2015-22.07.2015 3 Tage 1.200,- Lokale Netze - Basiswissen 20.07.2015-24.07.2015 5 Tage 1.830,- Java EE Persistence API Development 27.07.2015-29.07.2015 3 Tage 1.200,- Linux Server
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
Moderne Web- Anwendungen mit
Moderne Web- Anwendungen mit Oliver.Damm@akquinet.de September 2013 Web- Anwendungen mit Vaadin???
JavaFX im UI-Technologiedschungel
JavaFX im UI-Technologiedschungel Guten Tag, Hallo, Servus! Björn Müller Seit 2007 SAP, AJAX, Swing, JavaFX CaptainCasa Community Swing für Unternehmensanwendungen Seit 2012: JavaFX für Unternehmensanwendungen
CREATIVE CLOUD WAS GIBT ES NEUES IM WEB-BEREICH?
CREATIVE CLOUD WAS GIBT ES NEUES IM WEB-BEREICH? ADOBE PHOTOSHOP CC ZEICHENFLÄCHEN Ähnlich wie in Illustrator kann man jetzt auch in Photoshop mit Zeichenflächen arbeiten. Über Zeichenflächen lassen sich
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
Mobile Services. Möglichkeiten, technische Realisierung und zukünftige Entwicklung von mobilen Services. 14. November 2012.
Mobile Services Möglichkeiten, technische Realisierung und zukünftige Entwicklung von mobilen Services 14. November 2012 Seite 1 Agenda 1. Kurzvorstellung (1 ) 2. Projekte am Institut im Bereich Mobile
Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015
Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015 Agenda 1. Einführung Was ist Responive Webdesign, Media Queries und CSS preprocessing 2. Frameworks Bootstrap,
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
Rich Internet Applications, Flex & Mate. (Ja, das ist Grafische Benutzeroberflächen!) 18.03.2010 Jakob Külzer jakob.kuelzer@gmail.
Rich Internet Applications, Flex & Mate (Ja, das ist Grafische Benutzeroberflächen!) 18.03.2010 Jakob Külzer jakob.kuelzer@gmail.com Überblick Mein Thema im Überblick 1. Definitionen 2. Rich Internet Applications
Komponentenorientierte Software-Entwicklung. Seite 1 / 42
Seite 1 / 42 Wiederholung Messaging Java Messaging Service (JMS) Pub/Sub P2P Messaging Middleware XMPP-Protokoll Java API for XML-Processing (JAXP) Java API for XML-Binding Webservices / SOA Simple Object
IT Forum Nagios und Munin zum Monitoren der IT Infrastruktur. Thomas Christlieb Softwareentwicklung cimdata software AG
IT Forum 2015 Nagios und Munin zum Monitoren der IT Infrastruktur Thomas Christlieb Softwareentwicklung cimdata software AG Warum Monitoring? - Die meisten Fehler treten plötzlich und oft unvorhersehbar
Enterprise Application Integration Erfahrungen aus der Praxis
Enterprise Application Integration Erfahrungen aus der Praxis Teil 4: EAI und.net, EAI und J2EE Tutorial NODs 2002, Wolfgang Keller and Generali 2001, 2002, all rights reserved 1 Überblick EAI und....net
Concept of Mobile Product Data Interaction
Concept of Mobile Product Data Interaction Daniel Sampaio Azevedo, Gürkan Karaman, Denis Lehmann IPVS, Universität Stuttgart Projekt INF Tagung, 2015 Motivation Concept of Mobile Product Data Interaction
AJAX und Ruby on Rails
AJAX und Ruby on Rails Web-2.0-Kongreß 2006-10-10 Frankfurt (slightly updated for AWE11) Prof. Dr.-Ing. Carsten Bormann 1 Was ist Web 2.0? (nach Paul Graham) (1) AJAX (2) Demokratie (Participation
Referenz Frontend: Responsive Webdesign
Stand: Dezember 2014 Diese Referenzliste bezieht sich auf eine Webseite, von der es zwei Versionen gibt. Diese Version ist mit Hilfe des Twitter Bootstrap Frameworks für mobile Endgeräte optimiert. - Startseite
SARA 1. Project Meeting
SARA 1. Project Meeting Energy Concepts, BMS and Monitoring Integration of Simulation Assisted Control Systems for Innovative Energy Devices Prof. Dr. Ursula Eicker Dr. Jürgen Schumacher Dirk Pietruschka,
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:
Designtrends - Heute & Morgen. Benjamin Rancourt
Designtrends - Heute & Morgen Benjamin Rancourt Titelmasterformat durch Klicken bearbeiten Inhalt 1. Responsive Webdesign Evolution einer Revolution 2. One-Page-Design, Parallax-Scrolling, Mashup-Interfaces
PrintCSS in der Praxis Ein neuer Standard kommt
PrintCSS in der Praxis Ein neuer Standard kommt Frankfurter Buchmesse 2015 15. Oktober 2015 von: Christin Götz 1 Modernes Publizieren Ein Content Mehrere Layouts Mehrere Medien HTML - InDesign, + CSS 3B2,
MULTI-CHANNEL APPLICATION DEVELOPMENT BEST PRACTICES
MULTI-CHANNEL APPLICATION DEVELOPMENT BEST PRACTICES Andreas Koop Geschäftsführung & Consulting ÜBER MICH Andreas Koop Geschäftsführung & Consulting Beratung, Training Oracle Technologie ADF Certified
3. Übung: Usability-Verbesserungen mit UI-Patterns
3. Übung: Usability-Verbesserungen mit UI-Patterns Jede Gruppe (bestehend aus genau 2 Personen) sucht sich 5 Patterns aus. Die Patterns müssen aus unterschiedlichen Kategorien stammen: Organising the content:
Oracle Application Express 5.1
Oracle Application Express 5.1 Universal Theme Marc Sewtz Senior Software Development Manager Oracle America, Inc. New York, NY Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential
{ 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
Wonderware 2014. InTouch 11.0 Wonderware InTouch 2014
März 2014 2014 Invensys. All Rights Reserved. The names, logos, and taglines identifying the products and services of Invensys are proprietary marks of Invensys or its subsidiaries. All third party trademarks
+++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), um uns zu hören!!!.
+++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), um uns zu hören!!!. +++ Grundkonzepte von Oracle ALTA UI & Umsetzungsbeispiele
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
Responsive Web Design Graceful Degradation and Progressive Enhancement
Graceful Degradation and Progressive Enhancement Seminar Web Engineering für Master-Studenten (WS 2013/2014) Betreuer: Michael Krug Datum: 13.12.2013 1 Gliederung 1. Warum? 2. Konzepte zur Anpassung an
Interaktive Karten als Rich Internet Applications. Ruben Schempp Anwendungen
Interaktive Karten als Rich Internet Applications Ruben Schempp Anwendungen 2 Gliederung Szenario Vision Verwandte Projekte und Frameworks Rich Internet Applications Technik Zusammenfassung Fazit Interaktive
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
SharePoint 2013 Mobile Access
Erstellung 21.05.2013 SharePoint 2013 Mobile Access von Stephan Nassberger Hofmühlgasse 17/1/5 A-1060 Wien Verantwortlich für das Dokument: - Stephan Nassberger (TIMEWARP) 1 Inhalt Inhalt... 2 Versionskontrolle...
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
IT SECURITY MANAGEMENT MIT ARIS CLOUD ENTERPRISE
IT SECURITY MANAGEMENT MIT ARIS CLOUD ENTERPRISE Christoph Lorenz Software AG Cloud Service Operations SOFTWARE AG DIGITAL BUSINESS PLATFORM Die Software AG hat die weltweit erste Digital Business Platform
HP ConvergedSystem Technischer Teil
HP ConvergedSystem Technischer Teil Rechter Aussenverteidiger: Patrick Buser p.buser@smartit.ch Consultant, SmartIT Services AG Linker Aussenverteidiger: Massimo Sallustio massimo.sallustio@hp.com Senior
SharePoint 2010 Mobile Access
Erstellung 23.05.2013 SharePoint 2010 Mobile Access von TIMEWARP IT Consulting GmbH Stephan Nassberger Hofmühlgasse 17/1/5 A-1060 Wien Verantwortlich für das Dokument: - Stephan Nassberger (TIMEWARP) 1
Gliederung. Responsive Design Begriffserklärung und Übersicht. Frameworks Einführung in HTML / CSS Frameworks.
Gliederung Responsive Design Begriffserklärung und Übersicht. Frameworks Einführung in HTML / CSS Frameworks. Präsentationsplattform Vorstellung der Präsentationsplattform Setzkasten. 1 / 14 Responsive
WinCC V7.3 SE "KNOW_HOW_TRANSFER" Demo Projekt. Frei verwendbar / Siemens AG 2015. Alle Rechte vorbehalten.
WinCC V7.3 SE "KNOW_HOW_TRANSFER" Demo Projekt wincc.de Inhaltsverzeichnis Übersicht àbeschreibung Vorbereitung àvoraussetzungen der Simulationen Anwendung àerläuterung des Start Bildschirms àgenerelle
Xpert.ivy Developer Day 2014. User Dialog Features. Autoren: Peter Stöckli & Flavio Sadeghi Datum: 14. Mai 2014
Xpert.ivy Developer Day 2014 User Dialog Features Autoren: Peter Stöckli & Flavio Sadeghi Datum: 14. Mai 2014 1 Inhalt Übersicht New User Dialog Wizard Form Fields CMS & Html Dialog Layouts JSF 2.2 / Primefaces
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
e3m Data Center 1/6 ... der zentrale Datenpool für die wichtigen Kenngrössen über alle Objekte
e3m Data Center 1/6 e3m Data Center... der zentrale Datenpool für die wichtigen Kenngrössen über alle Objekte Der Datenpool ermöglicht eine zentrale Bewirtschaftung der wichtigsten Kennzahlen Ihrer Anlagen
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
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
HTML5 Design mit dem Universal Theme in Oracle Applica?on Express 5.0
HTML5 Design mit dem Universal Theme in Oracle Applica?on Express 5.0 Marc Sewtz Senior So.ware Development Manager Oracle Applica7on Express Oracle America, Inc. New York,NY Copyright 2014 Oracle and/or
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
Typo3 & QFQ. Carsten Rose, I-MATH, University of Zurich, 2017
Typo3 & QFQ Carsten Rose, I-MATH, University of Zurich, 2017 Praktisches Beispiel Formulareditor Report 2 QFQ Offiziell noch 'Alpha' weil wir noch nicht alle Konzepte implementiert haben (Aenderungen moeglich).
Business Applika-onen schnell entwickeln JVx Framework - Live!
Business Applika-onen schnell entwickeln JVx Framework - Live! - Enterprise Applica-on Framework h&p://www.sibvisions.com/jvx JVx ermöglicht in kürzester Zeit mit wenig Source Code hoch performante professionelle
The next generation User Interface.
The next generation User Interface. Neptune UX Platform 4.0 Vorstellung Patrick Peper Senior Account Executive Neptune Software Germany Christoph Garms Solution Engineer Neptune Software Germany The next
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?
Technologien für zeitgemässe Web- Projekte 2015-04-20, Guido Steenkamp
Technologien für zeitgemässe Web- Projekte 2015-04-20, Guido Steenkamp Kontinuierlicher Relaunch #OMG Permanenter Relaunch 2 Kontinuierlicher Relaunch Wie steht man das durch? 3 Kontinuierlicher Relaunch
Effiziente Informationstechnologie
Open Text Web Solutions 10 Erfahrung aus der Praxis Effiziente Informationstechnologie Intentive GmbH Dülkener Straße 56 D-41747 Viersen Telefon: +49 2162 816156 0 Fax: +49 2162 816156 99 Email: info@intentive.de
MOBILE APP. smartperform. Datasheet. BYOD App
smartperform Datasheet BYOD App BYOD App for mobile devices The smartperform Bring Your Own Device App (BYOD) for mobile devices and web browsers complements individual smartperform project solutions and
Interface-Optimierung bei mobilen Endgeräten
Interface-Optimierung bei mobilen Endgeräten Darauf sollte man achten Darstellung über CSS anpassen Durch optimierte Breiten kann man sehr einfach für Mobiltelefon oder ipad optimierte Seiten ausliefern.
Herzlich Willkommen! Die neue Dimension des Bedienungskomforts: Fiori 2.0
Herzlich Willkommen! Die neue Dimension des Bedienungskomforts: Fiori 2.0 1 Fiori Ein Erfolgsgeschichte mit Hürden_ Markteinführung im 2013 25 einfache, transaktional orientierte Fiori Apps Sehr bescheidenes
AJAX und Ruby on Rails
AJAX und Ruby on Rails Web-2.0-Kongreß 2006-10-10 Frankfurt (slightly updated for AWE12) Prof. Dr.-Ing. Carsten Bormann 1 Was ist Web 2.0? (nach Paul Graham) (1) AJAX (2) Demokratie (Participation
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
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,
<Insert Picture Here> Schnelle Anwendungen mit Oracle Application Express
Schnelle Anwendungen mit Oracle Application Express IT-Fundstücke... Einzelplatz- und Abteilungslösungen Excel-Spreadsheets PC-Datenbanken (z.b. MS Access) Skripting-Lösungen Abteilung
10 Schritte zum mobilen Konferenzplaner
.......... 10 Schritte zum mobilen Konferenzplaner 14.06.2012 DOAG Development Peter Raganitsch Peter Raganitsch click-click IT Solutions peter.raganitsch@click-click.at http://www.oracle-and-apex.com
Kompendium der Web-Programmierung
. Thomas Walter Kompendium der Web-Programmierung Dynamische Web-Sites Mit 510 Abbildungen und 22 Tabellen 4ü Springer OOM- Hinweise zum Gebrauch des Buches XIII Teil I Grundlagen der Web-Programmierung
Raber+Märcker Techno Summit 2014 Microsoft Dynamics NAV 2013 R2 Überblick und Hintergründe zu aktuellen Version. Schimon.Mosessohn@microsoft.
Raber+Märcker Techno Summit 2014 Microsoft Dynamics NAV 2013 R2 Überblick und Hintergründe zu aktuellen Version Schimon.Mosessohn@microsoft.com Herzlich Willkommen 1996 2004 2010 2014 Navision 3.7 Microsoft
Architektur von Informationssystemen. Hochschule für angewandte Wissenschaften Sommersemester 2016
Architektur von Informationssystemen Hochschule für angewandte Wissenschaften Sommersemester 2016 Nils Löwe / nils@loewe.io / @NilsLoewe 4. Praktikum Praktikum 4: Architekturentwurf Fragen? Wiederholung
1 2012 iteratec GmbH
1 Tiles and Touch: IT-Architektur für moderne Business-UI Wolfgang Frech Software-Architekturen in der Praxis Workshop am 28.11.2012 in Unterhaching E-Mail schreibt man auf dem Handy Erfahrung Erstes Look
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
SharePoint 2013 als Wissensplattform
SharePoint 2013 als Wissensplattform Daniel Dobrich & Darius Kaczmarczyk 29.11.2012 7. SharePoint UserGroup Hamburg Treffen 1 Themen Verwaltete Metadaten in SharePoint 2013 Was sind verwaltete Metadaten
Workflow, Business Process Management, 4.Teil
Workflow, Business Process Management, 4.Teil 24. Januar 2004 Der vorliegende Text darf für Zwecke der Vorlesung Workflow, Business Process Management des Autors vervielfältigt werden. Eine weitere Nutzung
Web Dynpro / FloorPlanManager / NWBC
Web Dynpro / FloorPlanManager / NWBC Bernd Zehentner TECHNISCHE SAP BERATUNG bze@snapconsult.com snapconsult.com Norbert Prager TECHNISCHE SAP BERATUNG npr@snapconsult.com snapconsult.com 16.06.2014 SNAP
Vorstellung zu einem Web Desktop: eyeos
Binglin Li Cloud-Computing Seminar Hochschule Mannheim WS0910 1/20 Vorstellung zu einem Web Desktop: eyeos Binglin Li Fakultaet fuer Informatik Hochschule Mannheim 11.12.2009 Binglin Li Cloud-Computing