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

A foray into APEX mobile

see how the sausage was made
by

Scott Wesley

on 18 December 2012

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of A foray into APEX mobile

A foray into APEX mobile Scott Wesley - Sage Computing Services see how the sausage was made tinyurl.com/SW2012AUSOUG apex.oracle.com/pls/apex/f?p=SW2012 @swesley_perth let's start with a "quote" tautology? "APEX 4.2 is pandora's box for mobile" scott wesley "in the next few years, more than a billion people will get mobile phones who have never had a mechanism of communication outside of their village" Eric Schmidt, Google CEO "Most people in the future will access internet mostly from mobile device" database technologist t IT enabler customer empowerment apex.oracle.com/pls/apex/f?p=SW2012 mobile = Face of Information Technology over time who_am_i; Building an application Technical Reviewer Oracle Application Express for Mobile Web Applications - Dan McGhan
- Roel Hartman apexblogs.info Read blogs Attend user group events (this awesome presentation) Own a smartphone & What I'm doing to learn planned methodical yee-haw! let's check it out Gary Rudz, dunno "Success is when everything you planned to go wrong, fits in your plan" "think APEX, not Forms" "think mobile, not desktop" scott wesley Start with (It's mostly about ADF) The Browser "For us the single most significant moment has been the arrival of HTML5" Eric Schmidt ...haters gonna hate Desktop Mobile TV one brand waaaay behind the 8-ball... Gestures started with a physical keyboard swype tap tap tap... swipe rotate flip to mute take screenshot pinch adaptable Data Entry remember, it's a phone select list? or radio group use native UI http://jquerymobile.com/demos Numeric Input please! Real Estate "Responsive Design" Theme 25, Mobile themes What is your target demographic? are you
for the The answer should always be mobile first APEX 4.2 Observations New Features Application Builder for Mobile Mobile & Responsive Themes HTML5 Charts Mobile Calendars Packaged Applications RESTful Web Services (with APEX Listener 2.x) Create new application Mobile Theme(s) Application properties when will this list grow? when will this list grow? CDN = faster load time for libraries User Interfaces major framework adjustment for APEX 4.2 Themes multiple active themes - one for each UI Create new page for which UI? Create mobile report Limited options; new report type List view settings highly configurable I've discovered a
tendency to use this List view created it's a plug-in! Plug-ins Mobile templates often simple - driven by jQuery Mobile Documentation HTML5 Trend over time some clear trend setters spot the clear under performer (this chart was built using APEX IR) like peas & carrots HTML5 + CSS3 how much do I have? social mobile cloud complete big data exadata cloud cloud cloud cloud SaaS HTML5 CSS3 jQuery Demo Page Demo Report HTML5 Item examples Out-of-box classic report Hardware Integration PhoneGap docs.phonegap.com Time typical region attributes alternative -> use HTML5 plug-in this will extend over time try some of these Mobile home Accordion region List view options More list view options Advanced basics List view hand-coded Edit session Modal feedback Element -> "Value placeholder" - HTML5 only Radio group based on shared LOV <h2>&P11_PRESENTER.</h2><h3>&P11_COMPANY.</h3><<em>&P11_TITLE.</em><br> Inline buttons "Hot" Page zero "Header Button" data-icon="back"
data-add-back-btn="true"
data-iconpos="notext" concatenated columns Navigation bar list <div data-role="navbar"> Advanced formatting <h1 class="ui-li-heading">&PRESENTER.</h1>
<p class="ui-li-desc"><strong>&COMPANY.</strong></p>
<p class="ui-li-count ui-btn-up-c ui-btn-corner-all">&CNT.</p> Star Rating [Plug-in] "Categorizr" Brett Jankord (PHP) OWA_UTIL.get_cgi_env ('HTTP_USER_AGENT') data-rel="dialog" Pop-up page template
<p class="ui-li-desc">
<a href="f?p=&APP_ID.:MFB:&APP_SESSION.::&DEBUG.::P17_ABSTRACT_ID:&ABSTRACT_ID."
data-role="button" data-inline="true" data-mini="true" data-rel="dialog">Provide Feedback</a>

<a href="f?p=&APP_ID.:MES:&APP_SESSION.::&DEBUG.::P11_ABSTRACT_ID:&ABSTRACT_ID."
data-role="button" data-inline="true" data-mini="true" id="edit-link">Edit</a></p> <div data-role="collapsible-set"> <div data-role="collapsible" data-collapsed="false">
<h3>#TEXT#</h3>#LINK#</div> (current) http://www.grassroots-oracle.com/2012/10/create-mobile-accordion-with-apex-42.html List template: Oracle
Mobile
Strategy HTML5 Browser Compliance how much do I have? Grid Layout No more stop/start table items future? planning Bootstrap talk to Mark Lancaster Scott Wesley - Systems Consultant & Trainer ...and that's how the sausage was made tinyurl.com/SW2012AUSOUG grassroots-oracle.com sample application: blog: Training / Consulting: sagecomputing.com.au QUESTIONS? Application Items now have cross-application scope!
<br> <p class="ui-li-desc" style="white-space: normal;"><strong>Abstract : </strong>&ABSTRACT.</p>

<br> <p class="ui-li-desc" style="white-space: normal;"><strong>Bio : </strong>&BIO.</p> &ATTENDANCE.</li> <li class="ui-li ui-li-static ui-btn-up-c ui-li-last">
<p class="ui-li-aside ui-li-desc"><strong>&JUST_TIME.</strong></p>

<h3 class="ui-li-heading">&PRESENTER.</h3> <p class="ui-li-desc"><strong>&COMPANY.</strong></p><br>

<p class="ui-li-desc" style="white-space: normal;font-size:110%">&TITLE.</p><br>
<p class="ui-li-desc"><strong>Room: </strong>&ROOM. (subject to change)</p><br> 2009... 2012... Play now! 10 Principles of Mobile Interface Design http://www.netmagazine.com/features/10-principles-mobile-interface-design Mindset Contexts Guidelines Navigation User input Gestures Orientation Communications Launching First impressions feature focus bored, busy, lost pocket-sized touchscreen single screen, tab bar, drill down keyboard context nice to have portrait v landscape feedback, alerts, confirmations splash screen icon, first launch, home page the future is... ...now? Emulators Google Android Emulator MobiOne TestiPhone.com iPhoney BlackBerry Simulator Nokia SDK iPad Peek iOS Simulator Windows Phone7 Simulator audience? + accelerometer
+ compass
+ proximity sensor
+ light
+ gps
+ connectivity

+ phone ...maybe best for tablets? Cannot importance Interface Design underestimate audience
=> tree or component view? the of + Christian Rokitta (PL/SQL) + Scott Wesley
(OS/Browser + versions) (with regular dodgy connections) manipulation commands peak-a-boo type="number" what is the top mobile device used to read my blog? ipad
iphone
"not set"
sgs2
Xperia
SGS
Desire
Nexus 21
13
8
5
3
2
1
1 st
th
th
th
rd
nd
st
st
? what century did Fibonacci publish "Liber abbaci" ? XXI
XIII
VIII
V
III
II
I
I persuading Europe to adopt the Hindu-Arabic number positional system we use today
- replacing roman numerals? tinyurl.com/SW2012AUSOUG
home
chart
swipe left on the bar chart
rotate MMCCII Responsive Web Design RWD give it a go...
Full transcript