Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

APEX in your hands: Lessons learnt from a tablet project

No description
by

Scott Wesley

on 30 September 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of APEX in your hands: Lessons learnt from a tablet project

http://goo.gl/TT8Rw
Scott Wesley
APEX in your hands
Lessons learned from a tablet project
Responsive Web Design
just because you can...
... doesn't mean you should
consider your theme choice carefully
The Great Divide
even native store apps
after mobile explosion
Be prepared to break new ground
Mobile
Keyboard use
depends on application
on-screen was disruptive
Browser differences
guess the browser
IE8
Firefox
Chrome
IE10
real differences in toolbar
Desktop
http://www.grassroots-oracle.com/2013/07/apex-rendering-issues-in-ie10.html
<!--[if (
gt IE 9
)|!(IE)]> <!-->
<meta http-equiv="X-UA-Compatible" content="
IE=edge,
chrome=1">
<!--<![endif]-->
IE not immediately HMTL5 friendly in APEX
"standards mode"
be prepared to make everything
bigger
/* date picker */
div.ui-datepicker

{

font-size :

200%
;
}
table.ui-datepicker-calendar>tbody>tr>td>a
{
padding :
10px
;
}
row height
buttons
date
pickers
font scale
CSS / jQuery
canvas
real estate
vital
Oracle APEX != WYSIWYG
yet tablets yearn to be...
$(completePerc).val(100).change();
if ($this).attr('headers') = 'TOT')
div.ui-datepicker {
font-size: 200%;
}

table.ui-datepicker-calendar > tbody > tr > td > a {
padding:10px;
}
$('#saving span').css('color','red');
expand your skills
learn jQuery
Optimise
conditions
* 50 = 1.5s
SQL
CDN
Modals
Workflow
&F_FILE_LOCATION.
jQuery
virtual
keyboard
keyboard
dock
slow to catch up
canvas :
"wellUtilised"
images :
"notSharp"
retro="
on
"
appropriateKeyboard :
"forgotten"
took a few touches
/* push/prod components */
margin-top : 50px;
easy
medium
worth it
yesterday's pc = today's mobile
http://theoatmeal.com/comics/apostrophe
maintenance
infrastructure
database
screen design
AJAX
nasa.gov
jpl.nasa.gov
Touch
1963
How old is the
the oldest mouse?
changes everything
www.packtpub.com/content/oracle-apex-techniques/video
Our Client
* Respectable home builder
S-Curve (Sigmoid)
it all started with a ...
TOUCH
kustoms.com.au/
snakes 'n' ladders
KEYBOARD
HYBRID
RWD
BROWSER
SIZE
MATTERS
CSS
jQUERY
FAST=
TRUE


invasive
fresh ground
it won't happen overnight
spot the difference
check out
learn
defence in depth
speed in increments
Sage Computing Services
Core technology consulting
Customised training

JDeveloper - APEX - SQL - PL/SQL - DBA
NAVIGATION
responds to movement
eastern brown
saw scaled viper
asia
pain
trentdrake.com
banded krait - asia
nocturnal
eastern coral
SE North America
If red touches black,
it is a friend of Jack
scarlet kingsnake
mimic
If red touches yellow,
it can kill a fellow
you start to notice
tiger snake
deadly accurate
deathly quick
inland taipan
10x venomous as rattlesnake
african
snake
amongst
the
trees
do
you
see
it?
okonjima.wordpress.com
black mamba
aggressive
known to kill an elephant
20km/h
Australian Style
Developers - pay attention
prefers not to attack
Source: Wikipedia
APEX in your hands
Lessons learned from a tablet project
logoutHard2find :
"true"
capt0bvious :
"speaking"
Chrysopelea paradisi
national geographic
google trends
hardware ->
APIs
-> JavaScript -> APEX -> Layer 8
* Many have big fingers
* Supervisors on-site
* Metro / Southwest
Menus
Modals
Movement
Omid Mozaffari.
Spider-tailed viper
Themes
atiqurrehman.com
CONSISTENCY
UX
Mindset
Context
Communications
Feature focus
Demographic
Feedback
Subscription
Modularisation
Consistency
Consistency
Consistency
netmagazine.com/features/10-principles-mobile-interface-design
(3/10 UI principles)
(Some of Scott's tenets)
Jonathan Stark
left parietal lobe
L
neural network
remember: pc -> mobile -> tablet
get your nerd on
http://moodleshare.org/mod/book/view.php?id=1721&chapterid=185
Software
Mobile
Tablets
3GL
Assembly
Punch cards
5GL
Desktop
Tablet apps still on the rise
July 2013
www.deviantart.com
tiny
goo.gl/Hj1k08
padding
talk tips
see a snake?
learning how to experiment
Dynamic Actions
+
2013
2008
http://www.grassroots-oracle.com/2013/05/performance-of-apex-conditions.html
Name : Scott Wesley
Rank : Systems Consultant & Trainer
Web : about.me/scottwesley
Serial# :
enlarged (for big fingers)
customised with attributes
dynamic (based on SQL)
large template
placement
highlight preferred
just another region
dynamic action driven
examples in sample applications
con - more content to generate
future
what does the
hold?
if you want to expand horizons
browser
speed
jQuery
RWD
CSS
apex5
web services
APEX Listener
caching
#IMAGE_PREFIX#
#APP_IMAGES#
>
PL/SQL
http://goo.gl/xD774X
20-50% reduction
plugins
apex
select round(avg(
execution_time
),5)
avg_time
,
message

from
apex_debug_messages

where
message
like
'%sparkline%'
group by
message
;
pl/sql
sql
application server
workflow
libraries
jquery / HTML5
apex version
apex caching
:-(
coming in 2014...
/* Fix the menu at the top of the page */
.navbar {
position:fixed;
width:100%;
z-index:10000;
}

/* Hide column/button when in portrait */
@media (orientation:portrait) {
#P1_BUTTON,
th#HIREDATE, td[headers=HIREDATE]
{
display: none;
}
}
contemporary
apex_application_pages
apex_application_page_groups
Joel Kallman
APEX or the DB?
Device
Connectivity
Platform
Business Case
iPad
2013
3G
Oracle Forms
BYOD
APEX 4.2
CITRIX
4G LTE
Windows Surface RT
< $500
Files & boxes
2007
Facsimile
Progress in "Points"
New construction methods & types
Web delivery
Growth
Progress in days
Standard construction methods
Tipping the balance
Culture
SAGE
IT
Tablet
Process
Right people
Infrastructure
Testing
Prototyping
Change management
APEX - 2011
2003
2008
# Homes
ADSL
Laptops
Excel macros
2012
Session based
Mobile ready
$$$
Battery life
Coverage
Speed
Why?
(April 2008)
(May 2010)
2013
On-site
Full transcript