OGH APEX dag 2012 Toeters en bellen met APEX

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

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 http://orclapex.blogspot.com @whmvdp Kort tonen Toeters en bellen met APEX dinsdag 18 september 2018

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

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

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

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

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

Charts Toeters en bellen met APEX dinsdag 18 september 2018

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

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

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

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

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

HTML5 Toeters en bellen met APEX dinsdag 18 september 2018

HTML5 theme Toeters en bellen met APEX dinsdag 18 september 2018

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) http://media.smashingmagazine.com/wp-content/uploads/images/css3-cheat-sheet/css3-cheat-sheet.pdf Toeters en bellen met APEX dinsdag 18 september 2018

CSS3 Toeters en bellen met APEX dinsdag 18 september 2018

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

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

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

Browser keuze Toeters en bellen met APEX dinsdag 18 september 2018

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

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

Contactgegevens CIBER Nederland BV Eindhoven Meerkollaan 15 5613 BS Eindhoven T: +31(0)40 232 90 90 F: +31(0)40 232 90 91 Marcel van der Plas Oracle Consultant E: marcel.van.der.plas@ciber.nl T: +31(0)681284712 Den Bosch Burg. Burgerslaan 40b 5245 NH Den Bosch T: +31(0)73 523 16 16 Nieuwegein Archimedesbaan 16 3439 ME Nieuwegein T: +31(0)30 6085080 F: +31(0)30 6085081 © 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.