OGH APEX dag 2012 Toeters en bellen met APEX

Presentatie over: "OGH APEX dag 2012 Toeters en bellen met APEX"— Transcript van de presentatie:

1 OGH APEX dag 2012 Toeters en bellen met APEX

2 Toeters en bellen met APEX
Oftewel de leuke dingen van APEX Toeters en bellen met APEX dinsdag 18 september 2018

3 Marcel van der Plas Wie? Woonachtig in Eindhoven Werkzaam bij Ciber sinds september 2010 Momenteel gedetacheerd bij Philips Oracle PL/SQL, APEX, Forms, Reports, Designer ontwikkelaar Co-auteur van het boek Oracle APEX 4.0 Cookbook Kort tonen Toeters en bellen met APEX dinsdag 18 september 2018

4 Agenda Visuele effecten met javascript libraries
jQuery plug-in: Stepcarousel Multimedia objecten (audio, video, flash) (Google) maps Charts Dynamic actions Drag & drop HTML5 CSS3 Video plug-in How it works Kort tonen Toeters en bellen met APEX

5 Javascript libraries Plaatjes van javascript libraries toevoegen
Toeters en bellen met APEX dinsdag 18 september 2018

6 Stepcarousel plug-in Toeters en bellen met APEX
dinsdag 18 september 2018

7 Multi-media objecten invoegen
Audio Video Als embed tag Als Iframe Als link Vanaf HTML5 ook aparte audio en video tags. Toeters en bellen met APEX dinsdag 18 september 2018

8 Maps Google map Oracle maps Toeters en bellen met APEX
dinsdag 18 september 2018

9 Charts Toeters en bellen met APEX dinsdag 18 september 2018

10 Dynamic actions Sinds APEX 4.0 Acties koppelen aan events Events: bijvoorbeeld mouse click, change Een dynamic action is dus eigenlijk een actie op een javascript event Toeters en bellen met APEX dinsdag 18 september 2018

11 Dynamic actions onChange onClick onDblclick onFocus onKeyDown onKeyPress onKeyUp Enz. Toeters en bellen met APEX dinsdag 18 september 2018

12 Drag & drop Ook mogelijk in APEX 3.2 De meeste javascript libraries ondersteunen drag & drop Ook in HTML5 is drag & drop mogelijk Toeters en bellen met APEX dinsdag 18 september 2018

13 HTML5 Nieuwe tags (oa section, article, video, canvas) Nog niet officiele W3C standaard Niet alles wordt door alle browsers ondersteund Toeters en bellen met APEX dinsdag 18 september 2018

14 Html5demos.com Toeters en bellen met APEX dinsdag 18 september 2018

15 HTML5 Toeters en bellen met APEX dinsdag 18 september 2018

16 HTML5 theme Toeters en bellen met APEX dinsdag 18 september 2018

17 CSS3 O.a. : - Rounded corners - Boxes met shadow - Text met shadow
-moz voor Mozilla Firefox -webkit voor mobiele browsers (Chrome, Safari) -ms voor Microsoft Internet Explorer -o voor Opera of others? Opera werkt zonder prefix (maar wel beperkte ondersteuning) Toeters en bellen met APEX dinsdag 18 september 2018

18 CSS3 Toeters en bellen met APEX dinsdag 18 september 2018

19 How it works View source of gebruik firebug Probeer uit in een html file Probeer uit in een html region Toeters en bellen met APEX dinsdag 18 september 2018

20 Video plugin Wel nieuwe HTML5 tags, geen ondersteuning voor bepaalde elementen in APEX. Video kan bijvoorbeeld gemaakt worden met een plug-in Toeters en bellen met APEX dinsdag 18 september 2018

21 En dan nog dit! Toeters en bellen met APEX dinsdag 18 september 2018

22 Browser keuze Toeters en bellen met APEX dinsdag 18 september 2018

23 Dusss Sind APEX 4 is het allemaal veel gemakkelijker gemaakt Kennis van HTML+Javascript toch nog steeds wel handig Er kan heel veel met HTML5+CSS3 maar let wel op dat het door de browser ondersteund wordt (gebruik CC in IE) Dynamisch divs tonen kan wellicht van invloed zijn op de performance Toeters en bellen met APEX dinsdag 18 september 2018

24 Bedankt voor uw aandacht!
Titel van de presentatie dinsdag 18 september 2018

25 Contactgegevens CIBER Nederland BV
Eindhoven Meerkollaan BS Eindhoven T: +31(0) F: +31(0) Marcel van der Plas Oracle Consultant E: T: +31(0) Den Bosch Burg. Burgerslaan 40b 5245 NH Den Bosch T: +31(0) Nieuwegein Archimedesbaan ME Nieuwegein T: +31(0) F: +31(0) © CIBER Nederland, 2010 No part of this publication may be reproduced in any form by print, photo print, microfilm or any other means without written permission by CIBER Nederland BV.