Download - Intro to Oracle APEX 4.1 and JQuery
![Page 1: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/1.jpg)
If you have an Oracle database you already have APEX…
it’s included and FREE!
Intro to Oracle APEX 4.2
and JQuery
By
Tony Jedlinski
Konoso LLC
Copyright 2012 Konoso LLC
![Page 2: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/2.jpg)
Tony Jedlinski
• President - Konoso LLC
• Vice President - MOUG
• Former Executive VP, Director Web Content and Initiatives - IOUG
• Recognized by Oracle Magazine as a leading expert in Oracle Application Express (ApEx) development (named
HTML-DB Developer of the year – 2005).
• Published ApEx author (Oracle Magazine May/Jun 2006), (IOUG SELECT Journal Q4 2005).
• ApEx presenter (Oracle World 2004, 2006, 7), (IOUG Live! 2004,5), (Collaborate 2006,7,8,9,10,11).
• More than 20 of years experience as an Oracle systems architect / developer, and 30 years of experience in
system analysis and development.
![Page 3: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/3.jpg)
What is APEX (Application Express)
Roots in Web DB
Formerly HTML DB
PL/SQL Package
Included at no charge with every Oracle database
Fully supported by Oracle
Rapid Application Development (RAD)
APEX is written in APEX!
Declarative development environment
No PL/SQL or HTML knowledge required (but if you understand these you can extend APEX)
![Page 4: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/4.jpg)
What can you do with APEX
Quickly and easily build data intensive websites
Can be secure or public
Used extensively at Oracle Corporate
Can be used simultaneously by two to twenty thousand users
Easy to add functionality to packaged applications
Can be extended with third-party plug-ins or custom
Javascript
![Page 5: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/5.jpg)
APEX.ORACLE.COM
![Page 6: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/6.jpg)
What’s available apex.oracle.com
Documentation
Podcasts and Viewlets
Samples and Demos
OTN Discussion Forum
Blogs
Sandbox environment
![Page 7: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/7.jpg)
Sandbox environment
![Page 8: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/8.jpg)
Developer Console
![Page 9: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/9.jpg)
Application Builder
![Page 10: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/10.jpg)
SQL Workshop
![Page 11: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/11.jpg)
Team Development
![Page 12: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/12.jpg)
Administration
![Page 13: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/13.jpg)
APEX Architecture
![Page 14: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/14.jpg)
![Page 15: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/15.jpg)
![Page 16: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/16.jpg)
Typical Page
![Page 17: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/17.jpg)
Same Page Developer View
![Page 18: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/18.jpg)
Alternative (tree) View
![Page 19: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/19.jpg)
Live Demonstration
![Page 20: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/20.jpg)
APEX Themes
![Page 21: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/21.jpg)
Extend this concept using JQuery
![Page 22: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/22.jpg)
Echo Theme
(from www.apex-themes.com)
License fee
about $200
for unlimited
deployment
by a single
developer
![Page 23: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/23.jpg)
Users can select their own theme and
change themes in real time.
![Page 24: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/24.jpg)
Live Demonstration
![Page 25: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/25.jpg)
Jquery Mobile
Keep it simple - APEX as the development platform
Avoid duplicate effort - Develop one application for as many
different devices as possible
Provide an intuitive user experience – Although they are web
based, apps should look and feel like they are native to the
mobile device.
Make it fun – Incorporate charts and graphics
Allow user customization – End user should be able to select
“skins
![Page 26: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/26.jpg)
Standard vs jQuery Mobile
Which would you prefer to use?
![Page 27: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/27.jpg)
Available data themes
Dark = a, Blue/Grey = b, Grey = c, Light = d, Yellow = e
![Page 28: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/28.jpg)
I wish to acknowledge Peter Raganitsch who first posted this technique on
his blog.
The original posting can be found at:
http://www.oracle-and-apex.com/create-a-mobile-theme-for-oracle-apex/
He did a webinar on this topic which can be downloaded at:
http://click-apex.at/Downloads/APEX%20for%20Mobile%20Development%20-
%20Peter%20Raganitsch%20-%20redGate.pdf
![Page 29: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/29.jpg)
Using jQuery Mobile within APEX
Update a Page Template by replacing the
Header
Body
Footer
Navigation Bar Entry
Create a NEW Region Template
Create a NEW List Template
Create Report Template(s) using Named Columns
Add Data Theme selector (optional)
![Page 30: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/30.jpg)
Live Demonstration
![Page 31: Intro to Oracle APEX 4.1 and JQuery](https://reader030.vdocuments.site/reader030/viewer/2022020108/586682ef1a28ab06408b5f3d/html5/thumbnails/31.jpg)
Demonstration
Try it yourself at:
http://mobiledemo.konoso.biz
Download this presentation at:
http://www.konoso.com/mobileapex.pdf Contact me [email protected]