2. iphone / Mobile Application Development using Oracle ADF Jon Gooding – Solutions Architect

3. Session Agenda Framework ADF Mobile Components iphone App Build and Demo Questions and Answers

4. Session Agenda Framework ADF Mobile Components iphone App Build and Demo Questions and Answers

5. Provide a single, integration environment to build variety of mobile applications Mobile Application Development Framework Key Requirements Support development of mobile application as a natural extension of Oracle Applications and Technologies Support choices of client types and platforms Provide a framework to Extend Oracle Tech/App to Mobile Clients One unified development framework and tool for multiple mobile platforms Quick integration with enterprise applications Process orchestration and integration for collaboration via mobile devices Allow developer to pick and choose the appropriate channels and mobile platforms for their scenario

6. Oracle Fusion Middleware

7. Extending Oracle Fusion Middleware to Mobile Clients Application Development Framework JDeveloper

8. JDeveloper Single, Integrated Enterprise IDE DBMS Modeling Java Dev. BPM Dev. Java EE Dev. ESB Dev. Business Rules Portal Dev. Desktop & Mobile Common Metadata Manager Common Application Lifecycle Management Common Business Catalog Common Modeling Framework Common IDE Framework

9. Application Development Framework MVC Development for the Enterprise Mobile Device & Browser Optimization JSF Components Mobile Components Ajax & DHTML Flash JSF Page Flow JSR 227 Data Binding O-R Mapping EJB 3, JPA WebServices DeviceViewControllerModel

10. Struts Relational DataXML Data Legacy Data Business Services Data Services Model Controller JSP View Desktop Browser and Mobile Devices Metadata Services ADFm (JSR 227) Mobile JSF/ADF Faces JSF/ADFc Java EJB BAMBPELADF BCBIXML OfficeSwing Web Services Portlet Toplink JMXJCR Ent. Apps Complete/Standards-based Framework

11. ADF and JDeveloper Target Developers and Communities One development environment and platform For server/web-based and on-device applications Covering both desktop and mobile clients Used by developers to Build custom applications and modules Configure/develop/integrate Fusion Middleware components Extend integrated applications to end users Used by Internal Oracle teams to build products: Oracle Fusion Applications Oracle Applications Unlimited WebCenter Suite (Enterprise 2.0) Oracle Enterprise Manager

12. Session Agenda Framework ADF Mobile Components iphone App Build and Demo Questions and Answers

13. Breaking Through Common Mobile Platform Limitations Limitations of current solutions: Duplicating development efforts Different tools and environment for different mobile devices and channels (on-device vs. web) Different frameworks for native/on-device vs. web based mobile applications Code-driven development paradigm Java (ME and SE), Objective C, C++, etc. (Re)build all application services from the ground up For application logic services, view services, etc. Proprietary frameworks and technologies

14. Mobile Browser: Support for broad range of devices Automatically leverages AJAX features in smartphone browsers Degrades gracefully to support plain HTML/WAP browsers Mobile Client: Develop one application, and deploy to many smartphone platforms Native UI controls and complete on-device framework Single set of application logic components can be extended to desktop browser, mobile browser, and native mobile clients ADF Mobile Enables Rapid and Scalable Mobile Application Development

15. Steps to Create Mobile Extensions using ADF 1. Ideally have existing Business Components to reuse 2. Create (or acquire) Mobile templates and css files. 3. Add to trinidad-config.xml 4. Add to trinidad-skins.xml 5. Build out View / Controller components with faces-config.xml 6. Apply mobile features to pages

16. Session Agenda Framework ADF Mobile Components iphone App Build and Demo Questions and Answers

17. iphone Native Look and Feel Style Programming CSS 3.0 features enable our web application to have the same look and feel of the native iPhone applications. So we need to create a new skin in Trinidad for iPhone to include iPhone specific CSS features. The steps to create a new skin is well documented in the below link http://myfaces.apache.org/trinidad/devguide/skinning.html After creating iPhone skin, we can switch between default skin and iPhone skin by using EL like below in Trinidad-config.xml: #{agentUtil.isiPhone ? 'iphoneFamily':‘minimal’}

18. iphone Navigation Panel Lists

19. iphone Email Client iPhone Safari browser provides interface to iPhone email client as well. To invoke the email client with an email destination filled out, developer would use a tr:goLink component to display the email field, and add mailto: to the destination attribute of the component, such as: <tr:goLink styleClass="messageLink" destination="mailto:#{sessionScope.houseDetails.AgentEmail}" text="#{sessionScope.houseDetails.AgentEmail}"/> When a user links on this goLink, iPhone Email client will be started, and the To: field would be populated with the content of the AgentEmail variable.

20. iphone Google Maps For example, the following will drop a pin at a location specified by session variables houseDetail.Street, houseDetail.City, and houseDetail.PostCode. <tr:goLink styleClass="messageLink" destination="http://maps.google.com/maps?q=#{sessionScope.houseDeta ils.Street}, +#{sessionScope.houseDetails.City}, +#{sessionScope.houseDetails.PostCode}" text="#{sessionScope.houseDetails.Street}"/> It is also possible to program driving directions using this feature. The format of the Google Maps URL would be: http://maps.google.com/maps?saddr= &daddr=

21. iphone specific tips Not Quite Apps Store Can Still have users have an icon on the desktop Create a PNG format graphic file (45x45 pixels in size) named apple-touch-icon.png and place it in the root directory of the site. A lot of Apps Store applications are browser based, with a application wrapper.

22. Roadmap – ADF Mobile Platform ADF Mobile Browser Version 11gR1 is available today Version 11g PS1 (11.1.1.2.0) will add better narrow screen support, style sheet samples, and browser detection support ADF Mobile Client Technical Preview planned for 2009 Will be delivered as an Extension/Update for JDeveloper 11g PS1 Production Release planned for 2010 Including: Developer feedback Performance optimization Dependent on BlackBerry OS Updates

23. Resources for ADF Mobile Product Information: http://www.oracle.com/technology/tech/wireless/adf_mobile.ht ml http://www.oracle.com/technology/tech/wireless/adf_mobile.ht ml Demo Site: http://stshld.oracle.com:8888/demo/faces/main.jspx ADF Mobile Browser Demos Mobile Banking Demo (New)Mobile Banking Demo (New)Demo of Mobile Banking site for commercial/retail banking. Supports all major smartphone and feature phone browsers. Service Manager Demo (New)Service Manager Demo (New)Link to Service Manager application in the Oracle OpenWorld 09. Supports BlackBerry 4.6 and above, iPhone Safari browser, and consumer phone running plain HTML browsers. Pharma App (New)Pharma App (New)Demo of a Pharma Sample Drop application. Basic (no mobile CSS optimization) user interface. Supports all major smartphone and feature phone browsers. HR Demo App (New)HR Demo App (New)Demo of Mobile Banking site for commercial/retail banking. Supports all major smartphone and feature phone browsers. Mobile FOD Demo (Enhanced)Mobile FOD Demo (Enhanced)Running demo of the tutorial for building the mobile version of Fusion Order Demo (FOD). Now with ADF Security enabled. Supports all major smartphone and feature phone browsers\

24. More Information on Oracle JDeveloper http://oracle.com/technology/jdev Tutorials and How-To’s Samples Demos Books and Training Discussion forum Blogs More…

25. Session Agenda Framework ADF Mobile Components iphone App Build and Demo Questions and Answers