This document provides an overview and step-by-step instructions for developing a rapid Java EE web application using Oracle JDeveloper 11g with Application Development Framework (ADF) 11g. It describes creating entities from database tables, session beans, an ADF data control, and a JavaServer Faces (JSF) page with master-detail functionality using tables, a popup, and accordion with a chart. The result is a working demonstration application that synchronizes tables and charts using ADF and JSF components.

1. JSF On Rails JDeveloper 11g/ADF 11g Rapid EJB/JPA + Rich JSF Development 8th of December 2008 AMIS

3. The Data Model – Oracle HR Schema

4. Database Tables – Oracle HR Schema

5. Start JDeveloper - Create Application

7. Select EJB as Project Technology

9. Accept defaults

10. Add Database Connection to Application

11. Create new Entities from Tables

17. Change Entity Names to singular

19. The result of creating the entities

20. Create a Session Bean to expose a Business Service API for the entities

26. The project contents after creating the Session Bean

27. Add method getSumSalaries() to Department bean

28. Create an ADF Data Control for the Session bean

29. Data Control used in JSF applications can best use the Local Interface

30. Data Control Palette after creating the Session Bean based Data Control

31. Create the ViewController project

34. Create a new JSF page

36. Drag a PanelStretchLayout to the page

37. Drag EmployeeList under Department to the page; drop as MasterTable/Detail Table

38. Set Table Width (900 or so will do)

39. Run the JSF page

40. Surround table with PanelCollection

41. Set partialTriggers attribute for detail table to reference the master table

42. Set all table columns to Sortable = true

43. Refresh the page in the browser

44. Add popup component to the Form

45. Add PanelWindow to the Popup

46. Drag Employee under Department (manager of department) to PanelWindow – drop as Form

48. Add showpopupbehavior to departmentId outputText – refer Popup and set triggerType to contextMenu

50. Add PanelAccordion under Master PanelHeader

51. Move Detail PanelHeader to Accordion’s first ShowDetailItem

53. Add second ShowDetailItem

54. Drag EmployeeList to Show Detail Item; drop as Graph

57. Set Partial Triggers – to synchronize Graph with Table