{"id":2474,"date":"2018-10-07T18:06:22","date_gmt":"2018-10-07T18:06:22","guid":{"rendered":"http:\/\/www.emprog.com\/emprog\/touchgfx-2\/"},"modified":"2018-10-07T19:32:46","modified_gmt":"2018-10-07T19:32:46","slug":"embedded-wizard-gui","status":"publish","type":"page","link":"https:\/\/www.emprog.com\/emprog\/embedded-wizard-gui\/","title":{"rendered":"Embedded Wizard GUI"},"content":{"rendered":"
[vc_row][vc_column]

Embedded Wizard GUI Framework<\/h1><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/6″][\/vc_column][vc_column width=”2\/3″][vc_column_text el_class=”product-pages”]\n

Sophisticated GUI for Your Embedded Platform<\/span><\/p>\n

Embedded GUI technology that enables you to create platform-independent and high-performance graphical user interfaces (GUI), even on resource constrained microcontrollers.<\/span><\/p>\n

Human Machine Interfaces and embedded GUIs have gone thru a transformation driven by the popularity of smartphone devices and their look & feel. Consumers are expecting to see products with larger screen, touch GUIs, and easy user interface experience. Emprog in partnering with Embedded Wizard is now providing a high end GUI for embedded MCUs, a GUI technology designed specifically for limited resource microcontrollers.<\/span><\/p>\n

 <\/p>\n

Key Features<\/span><\/strong><\/span><\/p>\n

\u2022 Comfortable IDE with drag & drop graphical assets<\/span><\/p>\n

\u2022 Visual programming with WYSIWYG and instant prototyping of UI look and feel<\/span><\/p>\n

\u2022 Simple programming model includes object-oriented programming support, generating ANSI C<\/span><\/p>\n

\u2022 Platform independent implementation of GUI logic<\/span><\/p>\n

\u2022 Ready-to-use widgets, effects (rotation, scaling & perspective transformation each with high- and low-quality), animations, layout functions, etc.<\/span><\/p>\n

\u2022 Agnostic to different input mechanisms: (Multi-)Touch, hard-buttons via GPIO, voice control, \u2026<\/span><\/p>\n

\u2022 No (RT)OS (i.e. tasks, semaphores, etc.) is required, GUIs can run on bare metal UNICODE based<\/span><\/p>\n

\u2022 Supporting various color depths\/formats: RGBA8888, RGB888, RGBA4444, RGB565, Index8, LumA44<\/span><\/p>\n

\u2022 Optional support of external TrueType Font Rendering Engine (e.g. FreeType)<\/span><\/p>\n

 <\/p>\n

\"\"GUI for Embedded Constraints:<\/strong> Flexible GUI adaptation based on resource constraints MCUs allowing shift between Flash\/RAM to optimize usage of resources; and shift between CPU vs. memory consumption for rendering.<\/span><\/p>\n

Software Architecture and Patterns:<\/strong> Project related architecture with selection of the appropriate patterns, you can select your preferred model: MVP, MVC. MVVM, Observers<\/span><\/p>\n

High-performance UIs on low-end platforms:<\/strong> Minimize the time between user interaction and graphical response. Add animations to show state changes. Select optimal animations based on the hardware and use case<\/span><\/p>\n

Localization, Internationalization, Globalization:<\/strong> Country-specific formatting (Date, Currency, Measurement units. Fonts and Translation \/ Preparation.
\n<\/span><\/p>\n\n\n\n
\"\"<\/strong><\/span><\/td>\n\"\"<\/strong><\/span><\/td>\n\"\"<\/strong><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Skinning \/ Theming:<\/strong> Multiple product lines \/ brands; Different feature sets; Compile time skinning to reduce ROM footprint; Runtime skinning to allow dynamic skin switch<\/span><\/p>\n\n\n\n
\"\"<\/strong><\/span><\/td>\n\"\"<\/strong><\/span><\/td>\n\u00a0<\/strong><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

 <\/p>\n

GUI Simulation:<\/strong> Make the GUI development more effective; Test the GUI even before you get the hardware; Create demo modes for presentations and trade shows; Create GUIs dedicated for training
\n<\/span><\/p>\n

 <\/p>\n

\"\"<\/p>\n


\nMulti-Display GUIs:<\/strong> Control different displays simultaneously, e.g.: Device with a normal touch screen + a small info screen; Device with touch screen + HDMI connection; Device with screen + remote control with screen<\/span><\/p>\n

 <\/p>\n\n\n\n
\"\"<\/td>\n\"\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Impress Your Customers with a Sophisticated GUI for Your Device!<\/span><\/strong><\/span><\/p>\n

Embedded Wizard lets you create GUIs that easily adopt the User Experience of smartphones with astonishingly fast animations, gorgeous graphics and smart effects<\/span><\/p>\n

Integrated Development Environment<\/span><\/strong><\/p>\n

With Embedded Wizard Studio\u2019s fully integrated IDE, developing graphical user interfaces for embedded devices is easy. Sophisticated utilities, like the object browser and the \u2018element inspector\u2019, provide you with an easy overview of the application structure and give you quick access to its members. You will find everything you need in one familiar place.<\/span><\/p>\n

1. WYSIWYG (What You See Is What You Get) Editor<\/span><\/strong><\/p>\n

Create GUI applications by clicking, dragging, and connecting visual with logical components using the mouse. Benefit from instant WYSIWYG and evaluate your GUI’s appearance at every step of the design process. Even target constraints, like limited color range, can be displayed in the IDE.<\/span><\/p>\n

Due to Embedded Wizard\u2019s consistently graphical approach, even non-visual elements such as methods, variables, and classes, are represented as individual and distinct icons. This helps you to stay in the world of GUIs and supports you with a smooth development workflow.<\/span><\/p>\n

2. Mosaic Class Library<\/span><\/strong><\/p>\n

Ready-to-use components in the Mosaic Class Library simplify the programming process of Embedded Wizard.<\/span><\/p>\n

See below<\/span><\/p>\n

3. Programming Language “Chora”<\/span><\/strong><\/p>\n

Enjoy fast development and easy-to-maintain code thanks to Embedded Wizard’s programming language, Chora. It is fully object-oriented, platform independent, highly stable, and easy to learn and the integrated Garbage Collector takes care of the used memory. Moreover, Chora is enriched with features specifically for User Interfaces (e.g. colors, fonts, forms, themes, styles, languages, UI patterns such as MVC, MVP, MVVM, and others).<\/span><\/p>\n

4. Prototyping<\/span><\/strong><\/p>\n

With Embedded Wizard\u2019s instant Prototyper you can verify step-by-step your GUI\u2019s design, behavior, and usability. All this directly within the IDE with no need to program the target device.<\/span><\/p>\n

5. Debugging<\/span><\/strong><\/p>\n

The integrated debugger enables the step-by-step execution of ‘Chora’ statements, the setting of breakpoints and inspection of all variables, objects, and the call-stack.<\/span><\/p>\n

By highlighting only the visible areas to be updated, you can already identify possible bottlenecks during your development phase.<\/span><\/p>\n

 <\/p>\n

Documentation Generation<\/span><\/strong><\/span><\/p>\n

To document the structure of your GUI application, Embedded Wizard can automatically create Microsoft HTML help files (chm), which are especially helpful when transferring your project to colleagues, customers or third parties for maintenance and modifications. This documentation of your GUI describes components, shows their inheritance and lists their members. Developers also have the option to enter additional descriptions that are available for every member of the project.<\/span><\/p>\n

Multiple Platforms<\/span><\/strong><\/span><\/p>\n

Embedded Wizard Studio supports multiple platforms within one GUI project. In conjunction with corresponding Platform Packages, you can port and run the same GUI on different platforms – without having to re-program the entire user interface again from scratch.<\/span><\/p>\n

Multiple Skins & Layouts<\/span><\/strong><\/span><\/p>\n

Embedded Wizard Studio facilitates the handling of different themes, layouts, screen resolutions, and color schemes within one GUI project. Variations of an HMI can be determined at compile-time or switched during runtime<\/span><\/p>\n

Abstraction Layer and Runtime Environment<\/span><\/strong><\/span><\/p>\n

To execute the created GUI application on an embedded system, an abstraction layer is used to close the gap between the generated GUI application and the dedicated environment (e.g. accessing the visible framebuffer, memory, and timer ticks). These items are included in Embedded Wizard\u2019s Platform Package. In addition to this, the Platform Package contains Embedded Wizard\u2019s runtime environment, which is essential in order to run the generated UIs smoothly on a dedicated platform.<\/span><\/p>\n

Code Generation<\/span><\/strong><\/p>\n

Chora’s compiler (the so-called Code Generator) evaluates the GUI application, the Chora source code and the developed components and translates them into a programming language supported by the compiler for the target system, e.g. ANSI-C. The modular Code Generator is loaded into the Embedded Wizard environment during the code generation and can also be invoked as a stand-alone utility within your automated build environment.<\/span><\/p>\n

Optimized Code Generation Process<\/span><\/strong><\/p>\n

Within an Embedded Wizard GUI project, you are able to easily define, during the code generation process, which exact character set should be used later on. Hence, only the required character set is transferred and this reduces the overall memory footprint. Of course, it is also possible to use a dedicated font rendering engine on the embedded system if many characters (e.g. Chinese) should be rendered during runtime.<\/span><\/p>\n

Only Updating Dirty Areas<\/span><\/strong><\/p>\n

It is often not useful to update the entire surface if only small areas of the screen have to be updated, as this has an impact on the rendering time. Embedded Wizard default behavior is to update only those areas that have been modified since the last update cycle.<\/span><\/p>\n

Only Drawing Visible Elements<\/span><\/strong><\/p>\n

By taking advantage of a queue-based processing engine, only the resulting visible parts are finally drawn. This means that invisible areas are not updated, and this increases the frames per second significantly.<\/span><\/p>\n

Adaptive Palettes for Index8 Color Formats<\/span><\/strong><\/p>\n

If you intend to use our Index8 Platform Package in order to significantly reduce memory consumption, this does not mean that you will get a bad-looking GUI on your screen: With Embedded Wizard you have the possibility to generate your customized color look-up table (CLUT) depending on your dedicated HMI project. With this you will get a true color-looking result – but with a total of just 256 different colors.<\/span><\/p>\n

Support of Any Color Format<\/span><\/strong><\/p>\n

RGBA8888 (32bit), RGB565A8 (24bit), RGB888 (24bit), RGBA4444 (16bit), RGB565 (16bit), Index8 (8bit), LumA44 (4bit grayscale), E-ink and E-paper (grayscale, monochrome)<\/span><\/p>\n

 <\/p>\n

Mosaic Class Library<\/span><\/strong><\/span><\/p>\n

Mosaic was designed with a focus on the UI requirements of display devices, specifically in multimedia, camera, industrial, home, and medical devices. Mosaic simplifies the programming model of Embedded Wizard.<\/span><\/p>\n

Widgets<\/span><\/strong><\/span><\/p>\n

All components and widgets can easily be copied, modified, and extended in order to achieve any desired look and behavior.<\/span><\/p>\n

\u2022 Buttons<\/span><\/p>\n

\u2022 Sliders<\/span><\/p>\n

\u2022 Knobs<\/span><\/p>\n

\u2022 Analog displays<\/span><\/p>\n

\u2022 Scroll lists with ‘friction’ (as known e.g. from the iPhone)<\/span><\/p>\n

\u2022 Virtual keyboards<\/span><\/p>\n

User Input Events<\/span><\/strong><\/p>\n

Embedded Wizard makes handling of gestures and multi-touch events very easy: Just place the desired gesture of the touchable object and connect it to a piece of code to be executed.<\/span><\/p>\n

\u2022 Single- and multi-touch<\/span><\/p>\n

\u2022 Remote control<\/span><\/p>\n

\u2022 Hardware button<\/span><\/p>\n

\u2022 Mouse<\/span><\/p>\n

\u2022 Any custom events<\/span><\/p>\n

Animations and 3D Effects<\/span><\/strong><\/p>\n

Embedded Wizard Studio supports GUI developers in realizing GUI concepts with rich effects and 3D appearance for embedded platforms. The creation and modification of 3D effects is seamlessly integrated into the familiar workflow, so that no dedicated 3D tool know-how or OpenGL programming skills are required<\/span><\/p>\n

Multi Language Support<\/span><\/strong><\/p>\n

Develop multilingual applications, which can adapt text, graphics, fonts, and even layout for each language. Thanks to UNICODE support, GUI applications can combine Greek, Cyrillic, Japanese, Chinese, and other notations within a single text. Whenever the current user language is switched, all dependencies are evaluated and displayed automatically.<\/span><\/p>\n

Dialogs<\/span><\/strong><\/p>\n

A powerful infrastructure to implement multi-screen GUI applications more convenient and to handle the transitions between them. With this concept the GUI components intended to represent the individual screens are designated as Dialogs. During the course of interaction, you can present, dismiss and switch between the dialogs. Thus implementing even demanding requirements, like a complex menu, is an easy ride.<\/span><\/p>\n

 <\/p>\n

Your HMI Project on Any Platform, Any Device and Any Operating System – or Even on Bare\u00a0Metal<\/span><\/strong><\/span><\/p>\n

Embedded Wizard allows you to develop HMIs platform-independently. To port your GUI project to your dedicated environment, the platform-specific code is generated with the help of a so-called Platform Package. All target-specific aspects, such as the CPU architecture, operating system, and color format of the screen, are managed here. The Platform Package also includes the Chora compiler, which generates the code that will be executed on the target platform – in most cases ANSI-C.<\/span><\/p>\n

 <\/p>\n

* Embedded Wizard is a trade mark of TARA Systems GMBH, Gmunder Str. 53 81379 Munich\u00a0Germany<\/span><\/p>\n[\/vc_column_text][\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/6″][\/vc_column][vc_column width=”2\/3″][vc_column_text el_class=”product-pages”] Sophisticated GUI for Your Embedded Platform Embedded GUI technology that enables you to create platform-independent and high-performance graphical user interfaces (GUI), even on resource constrained microcontrollers. Human Machine Interfaces and embedded GUIs have gone thru a …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-width.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.emprog.com\/emprog\/wp-json\/wp\/v2\/pages\/2474"}],"collection":[{"href":"https:\/\/www.emprog.com\/emprog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.emprog.com\/emprog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.emprog.com\/emprog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emprog.com\/emprog\/wp-json\/wp\/v2\/comments?post=2474"}],"version-history":[{"count":14,"href":"https:\/\/www.emprog.com\/emprog\/wp-json\/wp\/v2\/pages\/2474\/revisions"}],"predecessor-version":[{"id":2505,"href":"https:\/\/www.emprog.com\/emprog\/wp-json\/wp\/v2\/pages\/2474\/revisions\/2505"}],"wp:attachment":[{"href":"https:\/\/www.emprog.com\/emprog\/wp-json\/wp\/v2\/media?parent=2474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}