Smartphone Anwendungen mit Apex. Arbeiten mit Beschränkungen

Transkript

1 Smartphone Anwendungen mit Apex Arbeiten mit Beschränkungen

2 Wer bin ich? Dick Dral Oracle seit 1988 (Oracle 5) Angefangen als classic developer (Forms & Designer), jetzt Apex Spezieller interesse in Benützeroberfläche Vorträge Dutch Apex conference 2013 (files from Apex), Apex World 2015 (Smartphone applications with Apex), ODTUG 2015 ( Single Page Applictions with Apex ) 2

3 3 A presentation by

4 4 Beschränkungen

5 5 Kleines Bildschirm

6 Mobile Liste Named Columns Template <li onclick="#list_link#"> <div class="item_text"> #LIST_TEXT# <div class="item_detail"> #LIST_DETAIL# <div class="item_detail item_right"> #LIST_RIGHT# <i class="fa fa- chevron- right"></i> </li> 6

7 Mobile Liste Query <li onclick="#list_link#"> <div class="item_text"> #LIST_TEXT# <div class="item_detail"> #LIST_DETAIL# <div class="item_detail item_right"> #LIST_RIGHT# <i class="fa fa- chevron- right"></i> </li> select empno ' - ' initcap(ename) as list_text, sal ' / month' as list_detail, initcap(dname) as list_right, 'show_emp("' empno '");' as list_link from emp join dept on (dept.deptno = emp.deptno ) where instr(upper(ename # job),upper(nvl(:p1_report_search,ename))) > 0 7

8 Mobile Liste Query <li onclick="#list_link#"> <div class="item_text"> #LIST_TEXT# <div class="item_detail"> #LIST_DETAIL# <div class="item_detail item_right"> #LIST_RIGHT# <i class="fa fa- chevron- right"></i> </li> select empno ' - ' initcap(ename) as list_text, sal ' / month' as list_detail, initcap(dname) as list_right, 'show_emp("' empno '");' as list_link from emp join dept on (dept.deptno = emp.deptno ) where instr(upper(ename # job),upper(nvl(:p1_report_search,ename))) > 0 8

9 Mobile Liste CSS Named Column Template <li onclick="#list_link#"> <div class="item_text"> #LIST_TEXT# <div class="item_detail"> #LIST_DETAIL# <div class="item_detail item_right"> #LIST_RIGHT# } <i class="fa fa- chevron- right"></i> </li> /* style list */.item_list > li { border- booom: 1px solid gray; min- height: 50px; list- style: outside none none; posiwon: relawve; padding: 8px 16px;.item_text { font- size: 1.3em; }.item_detail { color: gray; font- size: 0.9em; } Query with named columns select empno ' - ' initcap(ename) as list_text, sal ' / month' as list_detail, initcap(dname) as list_right, 'show_emp("' empno '");' as list_link from emp join dept on (dept.deptno = emp.deptno ) where instr(upper(ename # job),upper(nvl(:p1_report_search,ename))) > 0 9.item_right { posiwon: absolute; right: 40px; top: 6px;

10 Mobile Liste Query Named Column Template <li onclick="#list_link#"> <div class="item_text"> #LIST_TEXT# <div class="item_detail"> #LIST_DETAIL# <div class="item_detail item_right"> #LIST_RIGHT# <i class="fa fa- chevron- right"></i> </li> Query with named columns select empno ' - ' initcap(ename) as list_text, sal ' / month' as list_detail, initcap(dname) as list_right, 'show_emp("' empno '");' as list_link from emp join dept on (dept.deptno = emp.deptno ) where instr(upper(ename # job),upper(nvl(:p1_report_search,ename))) > 0 CSS /* style list */.item_list > li { border- booom: 1px solid gray; min- height: 50px; list- style: outside none none; posiwon: relawve; padding: 8px 16px; }.item_text { font- size: 1.3em; } 10.item_detail { color: gray;

11 11 Mobile Form

12 Einfacher Data Entry - Einfacher Dateneinfuhr (weniger tasten drücken) - Kein Einfuhr ( Items weglassen) - Vorfüllung - Autocomplete - Location 12

13 Einfacher Data Entry - Mit Touch - Mit Sprache 13

14 Touch für Zeiteinfuhr - Metaphor einer analogen Uhr - Die Zeiger auf den Schirm zeichnen More informawon : dickdral.blogspot.nl/2015/02/ 14

15 Dateneinfuhr durch sprechen ios und Android Gut, aber nicht perfekt Überall wo es die Tastatur gibt 15

16 Notwendige Umwandlungen Vier => 4 4,95 => Januar 2015 => Gestern =>

17 Spracherkennung in Apex 3/4 Einfuhr: Kaffee gestern bei Imbiss für 4,45 Suche der Datumandeutung und plazier Apex Datum: Kaffee auf bei Imbiss für 4,45 Umwandlung des Betrages: Kaffee auf bei Imbiss für 4.45 Identifizeirung der Inhalt: Kaffee auf bei Imbiss für 4.45 P1_DESCRIPTION P1_DATE P1_NAME P1_AMOUNT 17

18 Kontaktinfo - dick.dral@detora.nl dickdral@gmail.com - Linkedin: nl.linkedin.com/in/dickdral - Twitter - Website : Blog : 18

19 19 Fragen