Abstract:
A system and method for laying out graphical user interface elements at a client device. A client device receives a set of containers, each container including program instructions and specifications. The program instructions of each container are executed to determine a size and position of each graphical user interface element. Each type of container has corresponding logic upon which sizing and positioning of graphical user interface elements is based. The client device may receive data metadata descriptive of the graphical user interface elements and application specifications. Sizing and positioning of the graphical user interface elements may be based on the data metadata and application specifications. A layout process may recursively descend a structure of containers to determine sizes and positions of each GUI element.
Abstract:
A method of viewing a high resolution display on a low resolution development system display for a digital device includes selecting a target device and identifying an image form for the selected device. An image form displays a realistic form of the selected target device. A form factor is selected which represents the display capabilities of the target device. The image form size is adjusted such that the developer may see text in proper proportion to the image form so as to simulate the look of the high resolution display of the target device. Object code for the target device is generated which contains the proper font size to correspond to the image form and font on the development display.
Abstract:
A WYSIWYG visual programming environment for programming applications for portable computer devices is provided. The developer selects a form skin based on the underlying portable computer device that the developer intends the application to execute on. The form skin appears to the developer as a graphic modeled after the actual device. The developer is able to drag and drop GUI elements onto the form, where they appear at approximately the same size and resolution as they would to the user of the actual device, regardless of the resolution used on the developer's computing device. The developer is able to associate code with the GUI elements, as well as any softkeys that appear on the form skin. The developer is able to test the application by emulating the hardware of the portable device, and operating the device using the form skin. Through the form skin, the developer is able to see nearly exactly how the application will look and operate on the underlying portable device without having to leave the development environment.