iphone / Mobile Application Development using Oracle ADF

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

3. Session Agenda <Insert Picture Here> • Framework • ADF Mobile Components • iphone App Build and Demo • Questions and Answers

4. Session Agenda <Insert Picture Here> • Framework • ADF Mobile Components • iphone App Build and Demo • Questions and Answers

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

6. Oracle Fusion Middleware

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

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

9. Device View Controller Model Application Development FrameworkMVC 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

10. Relational Data XML Data Complete/Standards-based Framework Browser and Mobile Devices Desktop Swing Office JSP Mobile JSF/ADF Faces View Metadata Services Struts JSF/ADFc Controller ADFm (JSR 227) Model Java BAM BPEL Web Services ADF BC BI XML EJB Business Services Toplink Portlet JCR JMX Data Services Ent. Apps Legacy Data

11. ADF and JDeveloperTarget 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 <Insert Picture Here> • 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. ADF Mobile Enables Rapid and Scalable Mobile Application Development • 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

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 <Insert Picture Here> • 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: <trinidad-config xmlns="http://myfaces.apache.org/trinidad/config"> <skin-family> #{agentUtil.isiPhone ? 'iphoneFamily':‘minimal’} </skin- family> </trinidad-config>

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.houseDetails.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=<Start_Address>&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.html • Demo Site: http://stshld.oracle.com:8888/demo/faces/main.jspx ADF Mobile Browser Demos 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)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)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)Demo of Mobile Banking site for commercial/retail banking. Supports all major smartphone and feature phone browsers. 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 <Insert Picture Here> • http://oracle.com/technology/jdev • Tutorials and How-To’s • Samples • Demos • Books and Training • Discussion forum • Blogs • More…

25. Session Agenda <Insert Picture Here> • Framework • ADF Mobile Components • iphone App Build and Demo • Questions and Answers