Oracle Application Express 5.1

Ähnliche Dokumente
Neue Welten: Externe Daten mit APEX nutzen

<Insert Picture Here> Application Express: Stand der Dinge und Ausblick auf Version 5.0

+++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), um uns zu hören!!!.

Sichere Testdaten mit Oracle Enterprise Manager

Oracle E-Business Suite Überblick Report Manager

Oracle Data Visualization. Demo-Kino

Informationen zur Oracle DB SE2

APEX 5.0: neue & überarbeitete Komponenten. Oliver Lemm Berlin,

Oracle Bare Metal Cloud Service

Modellierung der Business Architecture mit BPM 12c

Warum Gesetze nicht programmiert werden sollten. Peer Meinhardt CRM Lösungsvertrieb öffentliche Auftraggeber. <Insert Picture Here>

APEX New Features Carola Berzl

Immer in Bewegung bleiben Oracle Managed File Transfer

Oracle Application Express 4.2.1

Der Oracle Application Express Entwicklungsprozess

Automatisierter Java EE Entwicklungs-Lifecycle mit WebLogic Server 12c. Robin Müller-Bady Systemberater, Oracle Deutschland

<Insert Picture Here> Projekte erfolgreich führen mit den richtigen Entscheidungen

Application Express (APEX) Carsten Czarski Business Unit Database. ORACLE Deutschland B.V. & Co KG

APEX 5.1 Design Crashkurs. Steven Grzbielok: APEX connect 2017

WebLogic Server für Dummies

Business Process Management. Cloud und Mobile Computing. BPMday 2013 Köln, 13. November Enzo Favuzzi - Sales Manager WebCenter & BPM

Oracle SQL Developer Data Modeling

Oracle Public Cloud Die Enterprise Cloud für geschäftskritische Anwendungen Carsten Ratzlaff

Neues von Oracle Gut zu wissen...

Zuhause On-Premises und in der Cloud mit Identity Management

Der Oracle Mobile Cloud Service

SAM - QFS Diskarchivierung - eine Diskussion

Von der Steinzeit ins neue Jahrhundert. Migration von APEX 4.2 auf 18.1 in die Cloud & Open ID Anbindung (Erfahrungsbericht)

going mobile APEX am Smartphone

Copyright 2012, Oracle and/or its affiliates. All rights reserved.

Dr. Jens Hündling Manager Sales Consulting Oracle, Potsdam. DOAG SIG BPM Frankfurt, 27. September 2011

DOAG München Layout und dynamische Elemente für APEX Anwendungen

DOAG Regio 2015 APEX 5 Neuerungen Highlights. Marco Patzwahl

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

Nichttechnische Aspekte Hochverfügbarer Systeme

APEX: from past to present

Oracle Scorecard & Strategy Management (OSSM) Björn Ständer, Director Business Development BI Oracle Deutschland B.V. & Co. KG

Responsive Webdesign mit Frameworks. Martin Gruber AG-INF, März 2018

APEX 5.0. New Features + Einsatz im Alltag. 09./10. September 2014 Berliner Expertenseminar Peter Raganitsch

UT vs. APEX mobile vs. MAF

Anpassung von WSS und MOSS Websites

NATURAL FOR AJAX RESPONSIVE WEB ANWENDUNGEN FÜR MOBILE ENDGERÄTE ROLAND FABICH NOVEMBER 2016

Lernen vom Page Designer. Auf den Spuren von Jules Verne

ITK-Trends 2010: Hardware and Software. Engineered to work together. Rolf Kersten EMEA Hardware Product Marketing, Oracle

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

Dynamische Pivot-Tabellen

Ermittlung und Berechnung von Schadendreiecken mit HANA Live und R-Integration

JAVA Look & Feel Design Guidelines

APEX for mobile only. Gewusst wie! Alexej Schneider APEX connect

Überblick über APEX Carolin Hagemann

2011 Oracle Corporation Customer Presentation Version 5.2.2/

Neues in Apex 5.2 beziehungsweise 18.x

JavaFX goes Open Source

Bootstrap Framework Theorie

PDF Ausgabe mit dem BI Publisher in ApEx 3.0

Mehr Dynamik in Apex mit Javascript und JQuery

Responsive Web Design

Die APEX 5 Migra'on. Präsen'ert von Tobias Arnhold

Transkript:

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 Oracle Internal/Restricted/Highly Restricted

Marc Sewtz Senior Software Development Manager Oracle Application Express / Database Tools Oracle Consulting, Hamburg 1998 Oracle Consulting, New York City 1999-2002 Erste APEX Anwendung entwickelt in 2001 Wechsel in das APEX Entwicklungsteam / Database Tools in 2002 Twitter: @msewtz APEX on Twitter: #ORCLAPEX Blog: http://marcsewtz.blogspot.com Copyright 2014 Oracle and/or its affiliates. All rights reserved.

Safe Harbor Statement The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment to deliver any material, code, or functionality, and should not be relied upon in making purchasing decisions. The development, release, and timing of any features or functionality described for Oracle s products remains at the sole discretion of Oracle. Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 4

1 2 3 4 5 Themes in Oracle Application Express Template Options Theme Styles Theme Subscriptions Universal Theme Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 5

1 2 3 4 5 Themes in Oracle Application Express Template Options Theme Styles Theme Subscriptions Universal Theme Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 6

Oracle Application Express (APEX) Datenbankzentrische Anwendungsentwicklung Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 7

Themes & Templates in APEX HTML Seitengenerierung mit APEX Benutzer sendet HTTP Request APEX ließt Seitendefinition und Templates aus dem APEX Metadaten-Repository APEX ließt Anwendungsdaten für Reports, Charts, Form aus Anwendungsschema HTML Seite wird dynamisch zur Laufzeit erzeugt und an den Benutzer zurück geliefert Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 8

Themes & Templates in APEX Was ist eine Template? Standard HTML mit Substitution-Strings Template unterteilt in Segmente wie Header, Body, Footer Substitution Strings zur Laufzeit ersetzt Dynamischen Inhalten wie z.b. Anwendungsdaten, Titel, Logo, Nachrichten, usw. CSS, Image und JavaScript File Referenzen Untergeordnete Komponenten, z.b. Navigation, Form, Report oder Chart Regionen; Items, Buttons Header: <html> <head> <title>#title#</title> #CSS# #HEAD# </head> <body> Body: <div> #BODY# </div> Footer: #JAVASCRIPT# </body> <html> Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 9

Themes & Templates in APEX Template-Typen Page Region Report List Breadcrumb Button Label PopupLOV Komplexere Komponenten verwenden feste HTML Strukturen und können nur per CSS angepasst werden, z.b. Interactive Reports, Interactive Grids, Kalender und Trees Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 10

Themes & Templates in APEX Unterstützte Web-Browser und Deprecated Themes Es werden die jeweils aktuelle Browser- Version und die vorherige Version unterstützt, z.b. IE11 und Edge Legacy Themes sind in APEX 5.1 deprecated und in APEX 5.2 de-supported Theme 1-26 Images und CSS weiterhin mitgeliefert Einsatz von Custom-Themes weiterhin supported Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 11

Themes & Templates in APEX Universal Theme und jquery Mobile Theme Universal Theme ist ein responsive Theme und sollte für alle neu entwickelten Anwendungen verwendet werden jquery Mobile Theme weiterhin unterstützt in APEX 5.1 und wenn möglich auch in APEX 5.2 Aktualisierung der JavaScript Libraries in APEX 5.2 Oracle JET 3.x jquery 3.x und jquery UI 1.12.x jquery Mobile 1.4.5 wurde am 31. Oktober 2014 veröffentlicht, Support für aktuelle jquery Core Library unklar Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 12

Demo Custom Themes Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 13

1 2 3 4 5 Themes in Oracle Application Express Template Options Theme Styles Theme Subscriptions Universal Theme Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 14

Template Options Deklarative Cascading Style Sheets Deklarative CSS Modifizierer für HTML5 Templates Definiert auf Template-Level Verfügbar mit den meisten Template-Typen Weniger Templates pro Theme Hunderte von Kombinationsmöglichkeiten Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 15

Template Options Definition und Selektion Werden individuell für einzelne Komponenten selektiert Auswahl von Farben, Icon, Größe, Ausrichtung, etc Verständliche Bezeichner Defaults erlauben Anwendungsweite Änderungen Presets werden beim Anlegen einer Komponente gesetzt Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 16

Template Options Live Template Options Auswahl von Template Options zur Laufzeit Effekt auf die ausgewählte Komponente ist direkt sichtbar Live Template Optionen können über Quick Edit in der Developer Toolbar aktiviert werden Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 17

Demo Template Options Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 18

1 2 3 4 5 Themes in Oracle Application Express Template Options Theme Styles Theme Subscriptions Universal Theme Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 19

Theme Styles Funktionsweise Theme Styles überschreiben Standard Look & Feel mit alternativen CSS Klassen Erlauben unterschiedliche Farbschemas, Styles, Fonts, etc Können von Administratoren global und vom Endbenutzer individuell gesetzt werden Universal Theme bietet fünf verschiedene Theme Styles Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 20

Theme Styles Theme Roller Erstellen eigener Theme Styles Anpassung von Layout-Attributen z.b. Farbschemas, Linien, Abstand, Höhe und Breite von Komponenten Verwendung eigener CSS Classen Aufruf aus der Developer Toolbar Änderungen werden direkt in Anwendung angezeigt Erlaubt anlegen neuer und Aktualisierung bestehender Theme Styles Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 21

Theme Styles Dynamic Theme Styles Theme Style Auswahl für alle Benutzer zur Laufzeit Individuelle Theme Style - Auswahl durch den Anwender Programmatisches Setzen des Theme Styles mit: apex_theme.set_user_style apex_theme.set_user_style( p_application_id => [APPLICATION ID], p_user => [USER], p_theme_number => 42, p_id => [THEME STYLE ID] ); Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 22

Demo Theme Styles Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 23

1 2 3 4 5 Themes in Oracle Application Express Template Options Theme Styles Theme Subscriptions Universal Theme Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 24

Theme Subscriptions Master Themes Aktualisierung eines Themes basierend auf einem Master-Theme z.b. Aktualisierung des Universal Themes von APEX 5.0 auf APEX 5.1 Oracle Master Theme Repository, Instanzund Workspace-Level Themes Konsistente UI in allen Anwendungen mit einem gemeinsame Master-Theme Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 25

Theme Subscriptions Aktualisierung und Anpassung von Templates Templates sind identisch, Theme Styles können jedoch individuell angepasst werden Template- und Template Options-Änderungen können per Push oder Pull aktualisiert werden Templates in einem Child -Theme sind nicht editierbar und werden beim Aktualisieren des Themes überschrieben Lokale Template-Kopien sind hingegen editierbar und werden nicht überschrieben Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 26

Theme Subscriptions Workspace Themes und Wiederherstellen von Subscriptions Eigene Themes können als Workspace-Level Theme geladen werden, d.h. Anwendungen können dieses Theme als Master referenzieren Theme Subscriptions können wiederhergestellt werden, d.h. in kompatiblen Themes können Templates, Files, etc. wieder mit dem Master-Theme verknüpft werden Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 27

Demo Theme Subscriptions Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 28

1 2 3 4 5 Themes in Oracle Application Express Template Options Theme Styles Theme Subscriptions Universal Theme Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 29

Universal Theme Design-Ziele Responsive Design Einsatz auf Desktops und mobilen Endgeräten Vielseitiges Benutzerinterface Vorgefertigte Komponenten und Bausteine, mit denen jede Art von Geschäftsanwendung entwickelt werden kann Einfach anzupassen Einfach zu verwendende Werkzeuge zum Anpassen des Themes an Corporate Design Deklarative Template Optionen zum fine-tunen der Komponenten Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 30

Universal Theme Responsive Grid Fließende und verschachtelte Grids Proportionale Spaltenbreite Komplexes Form Layout Responsive Komponenten Tap-Event Handling für Touch- Bildschirme Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 31

Universal Theme Responsive Grid 12-Spalten Grid Basierend auf Bootstrap Toggle Layout Columns in Toolbar zeigt Grid zur Laufzeit Sub-Region startet neues 12-Spalten Grid innerhalb der Parent-Region Column Modifier Classes zum fine-tunen des responsiven Verhaltens Extra small devices Phones (<768px) Small devices Tablets ( 768px) Medium devices Desktops ( 992px) Large devices Desktops ( 1200px).col-xs-.col-sm-.col-sm-.col-sm- Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 32

Universal Theme Navigationsmenüs Menüs können am Rand oder oberhalb der Seite angezeigt werden Hierarchische Menüs sind accessible (barrierefrei) Menüs sind als Listen implementiert Tabs in älteren Themes können in Menüs umgewandelt werden Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 33

Universal Theme Schreibrichtung Rechts nach Links APEX 5.1 unterstützt mit dem Universal Theme Schriften wie z.b. Arabisch und Hibräisch, die von Rechts nach Links geschrieben werden Die Schreibrichtung kann in den Globalizationsattributen sowie in der Sprachzuordnung definiert werden Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 34

Demo Universal Theme Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 35

Q&A Copyright 2016, Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 36

Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 37