ID 424C: HMI for Renesas Processors

Transcription

1 ID 424C: HMI for Renesas Processors Rendering Requirements & UI development using TES Guiliani framework Harsha Padmanabha Marketing Manager, Embedded Graphics 1

2 User Interface 2

3 The Requirements Application Framework C++, Java, Guiliani, QT Renderer Blit, 2D, 3D OGLES 1.1, 2.0 Processor SH2, SH4, V850, ARM 3

4 The Renderer Requirement Basic Feature Necessities BLITS : Ability to render images, decode PNG/JPEG and display on screen BLIT Features : Rotate, Scale, Stretch, MAP images to objects GEOMETRY : Line, Circle, Rectangle, Triangle Platform Dependencies CPU Frequency / Renderer SW or HW Memory Bandwidth 4

5 More Complex Render Features Use OpenGL ES for rendering complex features such as lighting & 3D Texture maps are common, use a picture on a polygon mesh Animate the polygon mesh, for example coverflow Save bandwidth with texture compression Shader effects for transitions between screens 5

6 SH7723 : SH-MobileR2 6

7 Graphics Renderers : TES egml embedded Graphics Multiplatform Library SW renderer, highly optimized for size and features Blits, Vector Rendering, Anti-Aliasing, Sub-pixel rendering Utilities for bitmap fonts, File I/O, Image rendering, Debug, Memory 7

8 Product Example 8

9 V850/DN4: 2D -Automotive Dashboard Your Partner In Innovation 2D GPU 9

10 V850/DR4-3D 10

11 Demo on DR4-3D 11

12 Guiliani GUIliani is a easy to use C++ framework & tools Develop intuitive, visually appealing embedded GUI Designed for embedded software integration Object oriented, enhanced, multi-platform framework Widgets, Animation & Real-time awareness Built-In XML support, skinning Design flow from concept to target implementation Develop it once, optimize and compile for platforms Supports a variety of OS & Non-OS support 12

13 The BIG Overview 13

14 Portability Through Abstraction Points of contact between GUILIANI and the underlying system are encapsulated within slim wrapper-classes. Native GFx File I/O Input Devices Data Types WinCE / Linux / QNX / psos / VxWorks / emwin Adaption to a new platform requires implementation of just the wrapper s interface GUILIANI application remains as is. Supports: SDL, OpenGL-ES, Windows GDI, OpenGL This leads to: shorter development times, since most of the development can take place on a desktop-pc 14

15 Input & Events Guilian i i Event 15

16 Gfx Portability 16

17 Font Features Unicode UTF-16 & UTF-8 support Runtime language switching Text alignment right, left, center, top, bottom word wrap & truncation Independent of font engine Freetype, Cleartype SDL Fonts, Bitmap fonts Curved text** 17

18 Font Rendering Font rendering is a complex topic Guiliani offers a flexible front-end interface, supports BitMap fonts inform of textures TTF fonts through ClearType / Freetype All fonts are rendered with sub-pixel accuracy, anti-aliasing, smart caching, font scaler Optimized freetype library for a given platform, low memory footprint 18

19 Font Rendering Graphics API egml FontScaler Guiliani FontEngine Manager ClearType FreeType Bitmap 19

20 Language Features Run-Time Switch German text on Buttons and Text Alignment English text on Buttons and Text Alignment 20

21 Widget Support Support for a number of pre-defined widgets Buttons, IconButtons Radiobuttons, animated buttons Checkboxes, Sliders Textfields, Inputfields Scrollbars, Composite Objects Dialogs, Sliding dialogs Anchored widget objects Customizable graphics 21

22 Smart Redraw 90% 22

23 Class Hierarchy Common base-class Safe interface Enhanced abstraction Specialization in derived classes Customizable in customer specific derivation Reuse existing code and adapt only those parts that you wish to customize. 23

24 Model View Controller state query update View --> Display update event state change Model --> Data Controller --> Coordination Model : Data / Algorithms / Networking View : Display / Event Capture / Visual Appeal Controller : Coordination / Delegation 24

25 Application Binding GUI Command Objects Application Logic Presentation Gather user input Buttons Sliders Animations Search AddressStart NavigationGet GPS statusincrease speech volume Route CalculationGPS handlingvoice guidancebluetooth featuresjunction lane guidance 25

26 UI Composition 26

27 The Workflow Adobe CS3 Photoshop GUIliani PhotoBridge GUIliani Stream Editor Custom Widgets + Custom Animations Visual Studio / Native Dev Platform XML + Resources GUIliani Stream Runtime Custom Widgets + Custom Animations 27

28 HMI Editor Demo 28

29 Tips for good development Children Don t Outlive Their Parents Models create Controllers Models never own views Views never own models or controllers Don t fight the framework Coordinate State Changes Updating model after user actions Updating views after model changes There s more than one way to do it 29

30 Resources Download eval kits Framework API HMI Editor, Photoshop tools API Specification 30

31 TES Overview Full-spectrum global Electronics Design & Manufacturing Services Company ~ 850 Employees ~ 400 Engineers 16 Locations worldwide 14 Design Centers worldwide Germany, France, UK, India, Serbia 7 Design Centers in Germany Munich, Stuttgart, Nuremberg, Frankfurt, Düsseldorf, Berlin, Hamburg 2 Manufacturing Centers France, Malaysia Founded 2004 as spin-off from Thales 31

32 Graphics Development & Support Hamburg MAP & Rendering Nuremberg SW Services Frankfurt UI Development Bangalore UI & Support 32

33 Market Reach Comprehensive portfolio provides end-to-end solutions in Graphics development & services Integration, Verification and Design Services A strong automotive presence & background TES Graphics in 6 European & American car brands Mobile PNDs, Industrial Handhelds, STB & HomeAutomation High quality automotive & avionics standards Products deployed in top European car brands Avionics, Medical & Consumer Customers 33

34 Graphics Technology at TES Rendering Technology HMI Framework Graphics HW Platforms Design Services One STOP Shop egml / evru D/AVE 2D D/AVE 3D D/AVE HD GUIliani PhotoBridge HMI Editor OMAP Module i.mx Module MAP Services UI Development Graphics API ASIC & FPGA 34