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

Transkript

1

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

3 Grundkonzepte von Oracle ALTA UI & Umsetzungsbeispiele mit ADF Annegret Warnecke Systemberaterin, Oracle +++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), um uns zu hören!!!. +++

4 Safe Harbor Statement The preceding 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 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 4

5 Oracle Alta UI - Agenda - was ist Alta UI (inkl. Zweck / Motivation) Designkonzept im Alta UI Alta UI mit ADF umsetzen Resumé P.S.: verfügbares Material Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 5

6 was ist Alta UI (inkl. Zweck / Motivation) Copyright 2014 Oracle and/or its affiliates. All rights reserved.

7 Oracle Alta UI - der neue Standard für Oracle look & feel optimierte Zugriffswege zu Informationen Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 7

8 Motivation (I) Good design patterns are productivity multipliers. Floyd Teter, in: Simplified User Experience Design Patterns for the Oracle Applications Cloud Service Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 8

9 Motivation (II) Möglichkeiten und Grenzen mobiler Anwendungen geben den Anlass, UI-Gestaltung - auch für Geschäftsanwendungen - neu zu denken Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 9

10 Designkonzepte im Alta UI Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 10

11 Oracle Alta UI think visually / mobile first simple layout / clear information hierarchy Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 11

12 Alta UI - neues Look & Feel optimierte Informationsaufbereitung (aus Sicht der potentiellen Nutzer) elegante Informationsauswahl (keine überflüssigen Informationen) für jede Seitenansicht kurze, intuitive Wege für das Auffinden der gewünschten Information Bausteine (inkl. Text) und Zwischenräume sind größer bewußt Übergänge nutzen o o o 2 Stufen einer Informationshierarche auf einer Seite unerschiedliche Darstellungsarten für die gleiche Information Umklappen von "Kacheln" bringt zusätzliche Information intensive Nutzung graphischer Elemente, um die Informationssuche zu unterstützen Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 12

13 Alta UI - Seitenlayout Vorlagen für die Raumaufteilung auf den Seiten maximale Seitenbreite (1024 px), die für die meisten Tablet PCs verwendbar ist horizontal mittige Anordnung der Seite Scrollen nach unten automatisches Anpassen an genutzte Fenstergröße - responsive design Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 13

14 Alta UI: Touch basierte Navigation Berühren eines Dashboard Elementes Berühren von Inhalten innerhalb einer Ansicht Berühren eines Chart Elementes Berühren einer Zeile in einer Liste Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 14

15 Alta UI mit ADF umsetzen Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 15

16 Alta Skin - ein "luftigeres" Grundlayout skyros skin alta skin Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 16

17 Alta Skin verwenden Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 17

18 Tablet First Template vordefinierte Seitenaufteilung kann für verschiedene Alta UI Vorlagen verwendet werden Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 18

19 Tablet First Template - Beispiel - Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 19

20 graphische Darstellungsweisen bevorzugen Kombination aus ADF Layoutkomponenten graphische Komponenten sowie Hervorheben ausgewählter Informationen z.b.: List View in Verbindung mit Grid Layout timeline gauge... Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 20

21 Resumé Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 21

22 Resumé Alta UI ist ein Ansatz für die Gestaltung von Benutzeroberflächen, der durch den Mobile First Ansatz getrieben ist Informationsdesign erhöht die Effizienz für die Benutzer ansprechende Gestaltung erhöht die Attraktivität der Anwendung Alta Skin unterstützt die Umsetzung des Alta UI mit ADF Faces und MAF Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 22

23 Material Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 23

24 Material (I) Alta UI - Einstiegsseite Oracle Developing Your First Oracle Alta UI page with Oracle ADF Faces Blog / Video Work Better Application Online Demo Demo Beschreibung Download Copyright 2014 Oracle and/or its affiliates. All rights reserved.

25 Material (II) Simplified User Experience Design Patterns for the Oracle Applicatiobns Cloud Service E-Book A User Interface Philosophy - Oracle Alta UI Artikel EwiLq9rD_4_GAhUlgtsKHVVXANE&url=http%3A%2F%2Fwww.ukoug.org%2Fwhat-we-offer%2Flibrary%2Foracle- scene-issue-56%2fos56.pdf&ei=v- B9VcujPKWE7gbVroGIDQ&usg=AFQjCNGrXFB56FVC17s5AIpzvIIIEgLGcA&bvm=bv ,d.ZGU Copyright 2014 Oracle and/or its affiliates. All rights reserved. Oracle Confidential Internal/Restricted/Highly Restricted 25

26 Nächste Session am ADF Spotlight - Was gibt es Neues - MCS Platform API Oracle ADF Community Frank Nimphius deutsche ADF Community +++ Weitere Informationen, Termine & Unterlagen zu dieser und vergangenen ADF Spotlight Sessions finden Sie auf den deutschen OTN ADF Community Seiten ( +++

27