Oracle Developer Day Sponsored by: Session5 Focusing on the UI Speaker Speaker Title Page 1 1
Agenda Building the User Interface UI Development Page Flow A Focus on Faces Introducing Java Server Faces What is ADF Faces? Building a JSF User Interface Building a User Interface: Comparing Forms and ADF UI Development Rich Clients Web and Wireless Controller Model Business Services Page 2 2
UI Development Visual editors JavaServer Faces JSP and HTML Swing (ADF Swing) Component palette Common binding Property inspector Structure window Design and Code Sync Design View or Code View Available for all components Full synchronization with the code Page 3 3
ADF Architecture Overview Rich Clients Web and Wireless Controller Model Business Services Developing the Page Flow Controller handles Page Flow Promotes page reuse through abstraction Increase flexibility and manageability Visual development with the Page Flow modeler Draw the page flow Drilldown to code & pages Page 4 4
A Focus on Faces What is JSF? Nickname: Faces Developed through Java Community Process (JCP) as JSR-127 Started: May 2001 First release: March 2004 Contributes include: Sun, Oracle, IBM Should be part of JEE 5.0 Page 5 5
Advantage of Using JSF Component centric approach Build from libraries of components ADF Faces, MyFaces Huge range of components E.g. outputlabel, datatable Supports multiple clients Browser, mobile/smart phone Empowers diverse types of developers Designed to be leveraged by tools Advantage of Using JSF Abstracts away from HTTP Developers don t need to understand requestresponse cycle Developers don t need to decode requests Abstracts away from HTML Developers work with components Layout handled by components Page 6 6
Evolution of J2EE web tier Servlets JSP JSF Each is built on the previous layer Progressive levels of abstraction Higher level programming The Forms Architecture Applet JAR File Browser HTTP Server UI Action Handler UI Tree Forms Trigger Code Page 7 7
JSF Architecture HTML Browser Phone HTTP Server Front Controller UI Tree HTML render kit Page WML render kit Backend Code Page What is ADF Faces? Evolution of ADF UIX Built on top of JSF APIs Deployable on any compliant implementation of JSF Provides much more that JSF reference implementation Much larger component set Far more advanced and interesting components Client side behaviour ADF model support out-of-the-box Page 8 8
ADF Faces Components Examples ADF Faces - Consistent Programming Model Browser Phone/PDA Industrial ITS AS XML XML Skins HTML HTML RIA Mobile Telnet ASK Render Kits Portal Faces RI ADF Faces Components Java Server Faces / JSP J2EE Interface Bus. Logic Page 9 9
Choice of UI Building a User Interface: Comparing Forms and ADF Page 10 10
Building a JSF User Interface Visual and Declarative editing Drag and drop Wizards and dialogs for data binding Page flow diagram Advanced structure editing with visual synchronization Visual & Declarative Editing in Forms Page 11 11
Visual & Declarative Editing with ADF Drag and Drop in Forms Page 12 12
Drag and Drop With ADF Faces Wizards and Dialogs In Forms Page 13 13
Wizards and Dialogs in ADF Controlling Page Flow in Forms If process_submit then Call_Form ( ) Else Open Form ( ); End if; Page 14 14
Page Flow with ADF Faces Editing Structures & Visual Synchronization in Forms Page 15 15
Editing Structures & Visual Synchronization with ADF Global Look and Feel Similar to Visual Attributes Pre-Defined CSS Centralized file Easy to customize Template and Skin mechanism Page 16 16
D E M O N S T R A T I O N Summary Creating a User Interface has many familiar features to Forms developers Using ADF Faces brings additional functionality, bring more power to visual web application development Page 17 17
Workshop Summary J2EE development is on ever increasing productivity path ADF is the best gateway into J2EE development for Forms and Designer developers Learn More: Oracle Developer Days Workshops OTN: http://www.oracle.com/technology/formsdesignerj2ee Join Over 3,000,000 Developers! Free Technical Advice Free Software Downloads www.oracle.com/technology/products/jdev otn.oracle.com/formsdesignerj2ee Page 18 18
Learn Oracle From Oracle Instructor led training Self-Study Online learning Oracle Certification Oracle ilearning Oracle Tutor oracle.com/education Q & A Q U E S T I O N S A N S W E R S Page 19 19
Oracle Developer Day Sponsored by: Page 20 20