plugins unplugged

Click here to load reader

Post on 24-Jan-2018

410 views

Category:

Software

0 download

Embed Size (px)

TRANSCRIPT

  1. 1. PLUG-INS UNPLUGGED Christian Rokitta Berlin 2016
  2. 2. Content what context structure details exercise
  3. 3. APEX Versions vs Plug-in Features 5 4
  4. 4. APEX Page States
  5. 5. APEX Page States Generate HTML Templates, Definitions Resources CSS, JS, Images Dynamic Actions Inline JS AJAX Calls (DB) Submitting Form Validating Processing
  6. 6. Reasons for Using APEX declarative: hiding complexity behind properties; especially HTML, CSS and JavaScript catalogue of build-in components
  7. 7. Limitations common components evolving standards evolving browser/device capabilities users expectations
  8. 8. APEX is an Extensible Framework Add additional declarative functionality
  9. 9. Plug-in Types Item Region Dynamic Action Process Authentication Authorization
  10. 10. Plug-in Types vs Page States
  11. 11. Item Type Plug-in validations
  12. 12. Region Type Plug-in static vs dynamic
  13. 13. Dynamic Action Type Plug-in
  14. 14. Process Type Plug-in
  15. 15. Authorization Type Plug-in
  16. 16. Authentication Type Plug-in Authentication schemes are used to determine if the user can access the application. As such it is not run on a page or component level.
  17. 17. When to use Plug-ins not possible with standard declarative APEX hiding complexity reusability (application, instance, public) maintainability
  18. 18. Skills to build APEX Plug-ins SQL PL/SQL
  19. 19. Declarative vs Extended Skills
  20. 20. Ideal APEX Team
  21. 21. Inspiration write your own cut-n-paste code libraries/jQuery Plug-ins Lots of well-know public available APEX plug-ins are based on existing JS/jQ solutions
  22. 22. https://select2.github.io/
  23. 23. Inspiration
  24. 24. jQuery Plug-in Wishlist JS/CSS files/library Doc, HTML Example, how-to, Options (Configuration) Methods (API) Events
  25. 25. http://felicegattuso.com/projects/timedropper/
  26. 26. $('#id').timeDropper({mousewheel:true,meridians:true,init_animation:'dropdown',setCurrentTime:false});