1. © 2009 Research In Motion Limited Advanced Java Application Development for the BlackBerry Smartphone Trainer name Date

2. © 2009 Research In Motion Limited Agenda In this course, you will cover the following topics: –Introduction to advanced mobile application development for the BlackBerry ® smartphone –Application control for mobile devices –Optimization for mobile application development –Advanced BlackBerry user interface –Introduction to multimedia application development for the BlackBerry smartphone –Understanding push technology

3. © 2009 Research In Motion Limited Agenda In this course, you will cover the following topics: –Understanding client/server push –Introduction to developing Bluetooth ® applications for mobile devices –Developing secure applications

4. Advanced Java Application Development for the BlackBerry Smartphone Objectives: –Discuss the BlackBerry user interface components –Describe how to create custom Managers –Describe how to create custom Fields –Describe how to draw directly on the screen –Describe how to use SVG, citing specific BlackBerry examples © 2009 Research In Motion Limited

5. Advanced BlackBerry user interface

6. The BlackBerry user interface –Graphical UI: Manages the relationship between the application and its user Should be efficient, intuitive, and familiar © 2009 Research In Motion Limited

7. The BlackBerry user interface –BlackBerry UI APIs provide many common screen elements to use: Screen components Field components Layout managers © 2009 Research In Motion Limited UIuser interface APIapplication programming interface

8. The BlackBerry user interface –The BlackBerry GUI is a three-level hierarchical structure: Screen class Manager class Field class © 2009 Research In Motion Limited GUIgraphical user interface

9. The BlackBerry user interface Screens –A minimum of one screen is required to display information, the types of screens are: FullScreen MainScreen (most common) PopupScreen Dialog Status © 2009 Research In Motion Limited

10. The BlackBerry user interface Managers –Managers are responsible for: Vertical/Horizontial scrolling Position and layout of fields © 2009 Research In Motion Limited

11. The BlackBerry user interface Managers –Set of managers extended from the Manager class: HorizontalFieldManager VerticalFieldManager FlowFieldManager DialogFieldManager © 2009 Research In Motion Limited

12. The BlackBerry user interface Managers –Managers can contain other managers. –Example: Use managers to divide the screen into top, middle, and bottom zones Divide these zones using additional custom managers to position UI content © 2009 Research In Motion Limited

13. The BlackBerry user interface Fields –A field represents a region contained by a manager –The BlackBerry API contains many specialized fields –A field must be added to a manager to see the field © 2009 Research In Motion Limited

14. The BlackBerry user interface –You can create a familiar look and feel for an application using the BlackBerry API screens, managers, and fields classes –Create a custom look and feel by extending these classes © 2009 Research In Motion Limited

15. Creating custom managers © 2009 Research In Motion Limited

16. Creating custom managers –You can extend the Manager class to allow custom behavior –Use custom managers to position fields or add graphical effect to your screens –Managers are an extension of the Field class –They can contain other managers © 2009 Research In Motion Limited

17. Custom fields © 2009 Research In Motion Limited

18. Custom fields –You can extend the Field class to allow custom behavior –Use screen placement, visual changes, and other forms of custom functionality –Custom context menu items or custom layouts can only be added to a custom field © 2009 Research In Motion Limited

19. Drawing directly on the screen © 2009 Research In Motion Limited

20. Drawing directly on the screen –Two main areas where you use the Graphics class: Field level Screen level © 2009 Research In Motion Limited

21. Drawing directly on the screen Graphics class –Bulk of the work performed by the paint method –Override the paint method to create a custom field, or modify an existing field –Change values used in the paint method to create an animation © 2009 Research In Motion Limited

22. Drawing directly on the screen Graphics class –You can use the Graphics class to: Force a field to be redrawn Draw a specific bitmap Perform custom drawings in a field Draw simple shapes, present images, and text © 2009 Research In Motion Limited

23. Drawing directly on the screen Drawing graphics within graphics –You can create graphics within graphics –You can create the image for reuse later –Ideal for images that remain fairly constant © 2009 Research In Motion Limited

24. Scalable Vector Graphics © 2009 Research In Motion Limited

25. Scalable vector graphics –SVG is a text-based XML language that describes two-dimensional graphical content –Used to develop the following types of content: Interactive themes Mobile web sites Splash screens Graphics Animations © 2009 Research In Motion Limited SVGScalable Vector Graphic XMLExtensible Markup Language

26. Scalar vector graphics –Can scale to fit any size screen –No loss in image quality or legibility of text –Allows you to: Animate primitives, color, and images Create hotspots Trigger events © 2009 Research In Motion Limited

27. Scalar vector graphics Using the Plazmic ® Content Developer’s Kit –BlackBerry smartphones support SVG content in PME format –Create a PME file using the Plazmic Composer –Convert a SVG file to PME using the Plazmic SVG Transcoding Utility © 2009 Research In Motion Limited PME Plazmic Media Engine

28. Scalar vector graphics Using the Plazmic Content Developer’s Kit –Free suite of graphic design tools that you can use to create: Themes Mobile web sites Splash screens Graphics Animated content © 2009 Research In Motion Limited

29. Scalar vector graphics Plazmic Theme Builder overview –Use to customize: Home screen icons Banners Indicators Backgrounds Fonts and colors for lists, menus, and more © 2009 Research In Motion Limited

30. Scalar vector graphics Plazmic Composer overview –Use to create animated content such as: Web graphics Application splash screens Custom theme icons –Creations can include animations, sound, and interactive content, such as rollovers, hyperlinks, and triggers © 2009 Research In Motion Limited

31. Scalar vector graphics SVG Transcoding Utility –A command-line tool that converts an SVG file to a binary PME file format –With PME files you can perform the following tasks: Play and test content using the Media Engine Simulator or BlackBerry Smartphone Simulator View content on a BlackBerry smartphone © 2009 Research In Motion Limited

32. Scalar vector graphics Using the Plazmic Composer –Creating a new file –Importing files –Listening for events while downloading a PME file –Responding to events while downloading a PME file –Exporting to an SVG file © 2009 Research In Motion Limited

33. Scalar vector graphics Using the Plazmic Composer –Downloading and playing a PME file –Playing SVG content –Accessing SVG content through a connection that MediaManager does not support © 2009 Research In Motion Limited

34. Scalar vector graphics Components of a basic SVG document –SVG root element –Namespaces –Elements –Syntax © 2009 Research In Motion Limited

35. Scalar vector graphics SVG APIs –SVGAnimationElement –SVGElement –SVGLocatableElement –SVGMatrix © 2009 Research In Motion Limited

36. Scalar vector graphics SVG APIs (cont) –SVGPoint –SVGRect –SVGRGBColor –SVGSVGElement © 2009 Research In Motion Limited

37. Scalar vector graphics Creating 2-D and 3-D graphics by using JSR-239 –You can create 2-D and 3-D graphics for a BlackBerry smartphone by using JSR-239 and BlackBerryAPIs. JSR-239 contains the Java binding for OpenGL® ES. OpenGL ES is based on the desktop version of OpenGL, but has been designed for use on wireless devices. Packages for JSR-239 support © 2009 Research In Motion Limited

38. Scalar vector graphics SVG rendering model –Loading an SVGImage (rendering model) –Creating an SVGImage (rendering model) –Setting and getting traits –Setting and getting complex traits © 2009 Research In Motion Limited

39. Scalar vector graphics Nodes –Creating a node (SVGElement) –Inserting, appending, and removing nodes –Finding nodes –Locating nodes –Handling model events –Navigation and focus order © 2009 Research In Motion Limited

40. Summary –When designing a UI or an application for the BlackBerry smartphone, ensure your design can be supported by the area of the BlackBerry smartphone screen. –Customize elements of the UI to provide greater navigation with ease. –Create and use custom managers and custom fields to allow users to easily scroll and move through content that can be too large for their BlackBerry smartphone screen. –To increase the user experience, work with SVG to create dynamic UI components and animations. © 2009 Research In Motion Limited

42. Legal Disclaimer The following trademarks and/or registered trademarks of Research In Motion are referred to in this presentation: –BlackBerry® The following BlackBerry products are referred to in this presentation: –BlackBerry® Enterprise Solution –BlackBerry® Enterprise Server © 2009 Research In Motion Limited

43. Legal Disclaimer © 2009 Research In Motion Limited. All rights reserved. BlackBerry®, RIM®, Research In Motion®, SurePress™ SureType® and related trademarks, names and logos are the property of Research In Motion Limited and are registered and/or used in the U.S. and countries around the world. All other trademarks are the property of their respective owners. This documentation is provided "AS IS" and without condition, endorsement, guarantee, representation or warranty, or liability of any kind by Research In Motion Limited and its affiliated companies, all of which are expressly disclaimed to the maximum extent permitted by applicable law in your jurisdiction.