ghc v2 introduction - fujitsu.com · ghc v2 supports opening of ghc v1 for editing the v1 project...

1

Fujitsu Microelectronics Limited Asia

GHC V2 Introduction

Jacky Cheung21 Sept 2009

2

GHC IntroductionGHC V2 Enhanced FeaturesDevelopment using GHC V2Advantages using GHC V2

Topics

3


GHC V2 Introduction

4

GoalReduce GHC project creation effortFurther reduce the coding effort on application for GHC generated outputAllow user to design more advance HMI

FeaturesGHC V1 backward compatibilitiesGeneric support to different GDC: Mint and LimeFunctions flexibilities & extensibilitiesMore professional friendly UIEnhanced functionalitiesMore GDC functionalitiesInteractive control flow simulationImproved data library outputGeneration of editable operation code

GDC HMI Creator V2 (GHC V2)

DeliverablesPC installation programSample GHC V2 projectSample ProjectGHC V2 API libraryUser Manual

StatusAvailable

5


GHC V2 Enhanced Features

6

GHC V2 Enhanced FeaturesBackward CompatibilitiesGHC FlexibilitiesMore GDC Functionalities

Support Extended ModePrimitives RenderingZ-orderingLogical OperationDisplay Frame Definition

Enhanced FunctionalitiesSupport More Image File TypesAnimated Visual EffectsAdvanced Color PaletteEasy Page CreationFlow Design & Simulation

7



Backward Compatibilities

8

Backward CompatibilitiesBackward compatible of previous project version

GHC V2 supports opening of GHC V1 for editingThe V1 project will be converted to V2 project format automatically

GHC V2 allows user to choose to generate V1 or V2 library codeTherefore, if there exists platform using GHC V1 before, users can use V2 to generate V1 code for their old platform

Zero Impact to existing users and projects

9



More GDC Functionalities

10

More GDC Functionalities

Support Extended ModePrimitives RenderingZ-orderingLogical OperationDisplay Frame Definition

11


GHC V2 Enhanced FeaturesMore GDC Functionalities

Support Extended Mode

12

Support Extended ModeTake Mint GDC as an example

Layer 0 – 5 can allocate in anywhere inside the display area (LCD area)Layer 0 – 5 can re-order as any sequence

Layer 5

Extended Mode Layer Application

13



Primitive Rendering

14

Primitive RenderingGHC V2 supports drawing

LineStraight LineCurve LinePatterned LineAnti-aliasing Line

PolygonSmooth ShadingFlat ShadingTexture MappingTiling

Snapshots from GHC V2

15



Z-ordering

16

Z-orderingGHC V2 supports z-ordering of 2D PrimitiveAllow to define the ordering of Primitive

Without Z-ordering With Z-ordering

User can use 2D primitive with Z-ordering enabled to draw “3D liked” 2D primitive

17



Logic Operation

18

Logic OperationGHC V2 supports Logic Operation in Image List, Animation, Text and Primitive

XOR with becomes

RGB(0,0,255) RGB(255,0,0) RGB(255,0,255)

XOR with becomes

19



Display Frame Definition

20

Display Frame DefinitionGHC V2 allows user to define the display frame of each layerMoving the display frame can achieve the scrolling effect

LCD

Drawing Frame (Layer)

Display Frame

21



Enhanced Functionalities

22

Enhanced FunctionalitiesSupport More Input Image TypesEasy Page CreationAdvance Color PaletteAnimated Visual EffectsSimulation

23


GHC V2 Enhanced FeaturesEnhanced Functionalities

Support More Image Types

24

Support More Input Image TypesThe Image Library of GHC V2 supports the following image types

BMPJPEGPNGGIF & animated GIF

Multiple frame image will be decomposed to bitmap images when adding to the image library

PSDExtract the preview content from PSD to form a single bitmapExtract all image objects of all layers out and add them to the image library

Save user effort in image conversion

25



Easy Page Creation

26

Easy Page CreationDesigner can firstly use Photoshop to design the layout of the interface, then import the Photoshop document to GHC V2

L2-fujitsu_logo

L2-mobile

L5-bg_image

Import the PSD to GHC V2

Located at:imageList: L5-bg_imageLayer: L5

Located at:imageList: L2-fujitsu_logoLayer: L2

Located at:imageList: L2-mobileLayer: L2

Snapshots from Adobe Photoshop


27



Advance Color Palette

28

Advance Color PaletteDesigner can also design the best palette in Photoshop to design the layout of the interface, then import the Photoshop color palette(PAL) to GHC V2

Snapshots from Adobe Photoshop


Import the PAL to GHC V2

29

Advance Color PaletteColor Palette ID can be changed to provide “Theme Effect”

Change Palette ID from 10 to 12

Snapshots from GHC V2 Snapshots from GHC V2

30



Localization

31

LocalizationGHC V2 supports localization of HMI designEach language can have its own font type, size and color

Change Language from English to Japanese

Snapshots from GHC V2Snapshots from GHC V2


32



Animated Visual Effect

33

Animated Visual EffectGHC V2 supports two types of Animated Visual Effect

Entrance/exit EffectMotion Effect

Both effects are previewable in the GHC V2 simulator and GHC V2 API will handle the effect in the SoftuneprojectImageList, TextList supports both effects

34

Animated Visual EffectEntrance/Exit Effect

E.g.DissolveWipe

The “looks and feels” of the effects are defined in the DLLThe role of the DLL is to

Generating the “effect pattern”Therefore

GHC V2 can easily support new effects by importing new DLLs

Dissolve In

Wipe In

35

Animated Visual EffectMotion

User can define the motion path of a specific object in GHC V2

Motion Path

36



Flow Design & Interactive Simulation

37

Flow Design & Interactive SimulationGHC V2 allows user to define the flow of the projectThe flow can be interactive by defining imageList or textList as a button and assigning event and action for themThe operation flow can be generated into C-file for user further modification

38

Flow Design & Interactive SimulationAfter defining the flow, user can have an interactive simulation with the GHC V2 simulatorSimulator image can be imported by user

Simulator Image Page Layout

Hard-keyTouch Panel Key

39


Development Using GHC

40

Development Using GHC V1

Images Preparation

Page / Layout Construction

Page Design

Advanced Design

Code Generation

Graphics Data

(.LIB file)

OperationFlow

Design

Code Generation

GHC GHC V1V1

.BMP image files

Keys:

GHC ProcessesInput files to GHC

GHC Output Files

Operation Flow &

Simulation Design

Simulation

Simulation Display

41

Development Using GHC V2

Images Preparation

Other image file types, i.e.

JPG, GIF, PSD &PNG

Page Design

.PSD image files

Page / Layout Construction

Page Import

Advanced Design

Code Generation

Graphics Data

(.LIB file)

Operation Program (.C & .H

files)

OperationFlow

Design

Code Generation

GHC GHC V2V2

.BMP image files

Keys:

GHC ProcessesInput files to GHC

GHC Output Files

Operation Flow &

Simulation Design

GDC Functions Application

&Animated

Visual Effects Design

Simulation

Simulation Display

Interactive Simulation

42


Advantages Using GHC V2

43

Advantages Using GHC V2More advanced features are supported

Rendering 2D primitiveMoving layer (extended display mode)Scrolling layer (moving display frame)Showing animated visual effect

Save the graphical user interface design timeMore image types are supported

Graphic designer do not need to convert the image into bmp before importing to GHC V2

Pages can be created by importing Photoshop documentGraphic designer can use Photoshop to design the UI and directlyimport to GHC V2 to form a page

Save the coding timeGenerating editable program codes (.c or .h) for 32 bits processor which contain operation flows of the projectApplying the advanced GHC V2 API on the output codes

GHC V2 API is ready to support all the features of GHC V2

ghc v2 introduction - fujitsu.com · ghc v2 supports opening of ghc v1 for editing the v1 project...

Documents