1. JDeveloper 10g View Layer Alternatives — JSP and UIX Peter Koletzke Technical Director & Principal Instructor

2. 2 At Least We Have a Path EVERY man spins a web of light circles And hangs this web in the sky Or finds it hung, already for him, Written as a path for him to travel. — Carl Sandburg (1878-1967), Webs

3. 3 Survey Java development –1-2 years? –3-9 years? –More than 9 years? JDeveloper –1-2 years? –More than 2 years? JSP? UIX?

4. 4 Agenda The View Layer and JDeveloper JSP Architecture and Development UIX Architecture and Development Conclusions Rumor: There is a good book out on JDeveloper 10g.

5. 5 Model-View-Controller (MVC) A J2EE design pattern for organization of code The MVC separation in layers allows you to replace layers (e.g., a different front-end style) Theoretically: provides the ability to separate layers for development –E.g., Can develop and test the model layer separately Practically: a good goal Model Controller View Code to access data User interface code What happens when user interacts with UI; page flow

6. 6 MVC Development in JDeveloper Different areas of JDeveloper support different layers –Model – Business Services modelers and editors –View – Visual editors, Property Inspector –Controller – Struts Page Flow Diagram Oracle Application Development Framework (ADF) architecture built around MVC MVCADFDescription Model Automatic data binding to a business service (data) source; data controls offer components; common to all business services Business ServicesCode to access database sources; business logic; persistence; O.R. mapping View JSP and UIX fit here Controller Currently, the integrated technology is Struts.

7. View Controller Model Struts ADF UIX Swing visual aspect JSP Swing model ADF Bindings ADF Data Controls Java Local Client Web Client Swing event handlers ADF JClient ADF Architecture Business Services ADF Business Components EJB Session Beans Web Services Java Classes

8. 8 User interface technologies –Java local client Java runtime on the client Part of J2SE (standard edition) Uses JClient framework to communicate with model layer Swing contains its own MVC components (Swing Model, event handlers for Controller, and visual aspects for View) –Web client JavaServer Pages (JSP) technology –J2EE standard, light-client, tag-based interface ADF UIX –Oracle-specific, XML-based interface used by E-Business Suite applications View ADF UIX Swing visual aspect JSP Swing model Java Local Client Web Client Swing event handlers ADF JClient

9. 9 JDeveloper ADF Development Process 1.Create application workspace 2.Create Business Services and Model layers 3.Create View and Controller layers 4.Test and debug Use the same tools for development regardless of technology choices

10. 10 JDeveloper Work Areas Navigator –Workspaces and projects –Files Structure Window –Shows details of selected file –For UIX and JSP code, shows the object hierarchy Code Editor –Standard, full-featured editor Visual Editor –Modify layout

11. 11 More JDeveloper Work Areas Component Palette –Drag into the visual or code editors Data Control Palette –Drag into the editors –Automatic data binding Property Inspector –The usual Struts Page Flow Diagram –Define and manage Struts components

12. 12 Agenda The View Layer and JDeveloper JSP Architecture and Development UIX Architecture and Development Conclusions

13. 13 What is JSP? JavaServer Pages technology Defined by Java 2 Platform, Enterprise Edition (J2EE) specs Runs in a Java Virtual Machine (container) process on a web application server Coded in Java tags and HTML tags Limited to HTML, thin client controls It’s an adjective

14. 14 JSP Features It is a mature J2EE standard –Lots of support from user communities and vendors –Lots of prebuilt tag libraries (JSP tags) available These ease the burden of coding For example, a single control draws an HTML table containing results from a query Coding is standard HTML –Use any HTML editor for lay out –Extend with JavaScript and Cascading Style Sheets (as usual with any HTML)

15. 15 JSP Runtime 1.The client issues a URL request for a JSP file 2.The web server sends the request to the JSP runtime (JSP container), a Java Virtual Machine (JVM) process 3.JSP container translates the file into Java, compiles the Java file, and runs it 4.The Java file creates HTML that is sent back to the browser

16. 16 JSP Calling Sequence Web Tier JVM Browser Deptapp.jsp HTML tags JSP tags Deptapp.java Deptapp.class HTML HTTP one time compile

17. 17 A Simple JSP Example Hello World The following output is from JSP code: Java/JSP- specific tags

18. 18 JSPs in JDeveloper 10g No wizard support Various code-generating tools shown earlier –Structure Window –Data Control Palette –Component Palette –Property Inspector –Struts Page Flow Diagram –Visual Editor –Code Editor Demo

19. 19 Agenda The View Layer and JDeveloper JSP Architecture and Development UIX Architecture and Development Conclusions

20. 20 What is UIX? User Interface XML (9i); ADF UIX (10g) –Code file is written in XML Oracle framework for light client applications –Code libraries –Documented development method –Support in JDeveloper The main view technology for E-Business Suite applications –Developed and used by Oracle Apps developers for over 4 years –You can extend apps using UIX –You can also use it for any application

21. 21 UIX Features J2EE compliance –Shares design principles with JavaServer Faces (a new addition to JSPs) Standardization –Templates are core design elements –Look-and-feel (fonts and colors) or “skins” Can be changed with one config property Solid development support in JDeveloper –JDev 9i is OK; 10g is much more complete Dynamic images –Tab and button images are generated at runtime Text on image is base on UIX properties No maintenance of image files

22. 22 More UIX Features Message handling –Standard message area under tabs –Error for a field contains link to problem field Rich component set –Date field with calendar LOV button –Search component that contains multi-criteria capability –Tree element –Master-Detail (various styles) –Shuttle control –Many have prebuilt JavaScript code –Container tags: stackLayout, borderLayout

23. 23 Featured Feature: Partial Page Rendering Only part of the page updates when you resubmit –This makes the user experience smoother –For example, only table values are refreshed Available on several controls –hGrid, hideShow, hideShowHeader, lovInput, processing, subTabLayout, and table Uses JavaScript iframes internally –No coding required by the developer

24. 24 UIX Runtime Code runs on a web application server (like JSP code) –A special process (UIX servlet) runs in an application server JVM 1.The client issues a URL request for a UIX file 2.The web server sends the request to the UIX servlet 3.The UIX servlet interprets the XML tags, and assembles data base for the UI controls 4.The XML file is translated into HTML and sent to the browser

25. 25 UIX Calling Sequence Web Tier JVM Browser HTML HTTP UIX Servlet Deptapp.uix XML tags

26. 26 UIX Code Arranged in an XML hierarchy User interface nodes –Each describes part of a page –Page header Corporate branding and product branding images –Global buttons Links that appear on each page for navigation to other application or website –Tabs and navigation Tab control to navigate to another page –Data component area Components that interact with data –Page footer Copyright notice, privacy notice, global links UIX “components” coded into the nodes

27. 27 UIX Component Example XML code defines the HTML tag attributes UIX servlet renders this as an HTML table containing links and images <globalButton source="images/www_home.gif" text="Home" destination="#"/> <globalButton source="images/www_contact.gif" text="Contact Us" destination="#"/> <globalButton source="images/www_help.gif" text="Help" destination="#"/>

28. 28 Example Page Areas Various pre-defined areas Page header Global buttons Data component area Tabs and navigation Page footer

29. 29 UIX in JDeveloper 10g Wizards –Start with template –Start without template –Roll your own template Various code-generating tools –Structure Window –Data Control Palette –Component Palette –Property Inspector –Struts Page Flow Diagram –UIX Visual Editor –UIX Preview –XML Editor Specific to UIX and XML Same as JSP Demo

30. 30 Agenda The View Layer and JDeveloper JSP Architecture and Development UIX Architecture and Development Conclusions

31. 31 When to Use JSP Technology You have existing applications using JSP and do not want to learn a new technology You have pre-existing JSP templates or a JSP look and feel –Or, you do not mind developing a look and feel You need industry-wide support and assistance from a large user community You have sufficient in-house Java expertise –JSP pages require more Java coding to customize controls and behavior You need to be 100% J2EE now

32. 32 When to Use UIX Technology You need to extend Oracle Apps –Use JDev 9i’s Oracle Application Framework (OAF) to assist – 11.5.10 You have a shop of “traditional” Oracle developers –UIX has slicker controls that require less Java coding You want a pre-built look and feel You can live with Oracle-centric support and user communities You do not need to be entirely J2EE –10.1.3 will be 100% J2EE – extensions to JSF

33. 33 Summary – JSP Pages JSP pages are coded in HTML and JSP tags JSP applications run in a JVM on a web server –No Java running on the client –Light client –Running the JSP page creates a servlet J2EE standard, not Oracle-specific Extensive support in JDeveloper –Easy data binding

34. 34 Summary – UIX UIX is a powerful framework used for View layer development Rich component set for light-client apps XML code E-Business Suite applications use it Oracle-specific but J2EE-compliant Extensive support in JDeveloper –Also easy data binding

35. 35 Designer Handbook Designer Handbook Developer Advanced Forms & Reports Developer Advanced Forms & Reports JDeveloper 3 Handbook JDeveloper 3 Handbook ORACLE9i JDeveloper Handbook Founded in 1995 as Millennia Vision Corp. Profitable for 7+ years without outside funding Consultants each have 10+ years industry experience Strong High-Tech industry background 200+ clients/300+ projects JDeveloper Partner More technical white papers and presentations on the web site http://www.quovera.com  Books co-authored with Dr. Paul Dorsey  Personal web site: http://ourworld.compuserve.com/ homepages/Peter_Koletzke ORACLE JDeveloper 10g Handbook Also co-authored with Avrom Roy-Faderman