The specific patents that cover Crestron products are listed at patents.crestron.com. Crestron, the Crestron logo, Crestron Home, ADMS Intermedia Delivery System, Cameo, Cresnet, DigitalMedia, DigitalMedia 8G, e-Control, TouchPoint , V-Panel, VisionTools Pro-e and VT Pro-e are either trademarks or registered trademarks of Crestron Electronics, Inc. in the United States and/or other countries.
Crestron Programming Design Kit Contents Introduction 1 Managing Expectations 1 Programming Software 1 Sound....................................................................................................................................................................2 Background Images...............................................................................................................................................2 Bit Depth and File Size..............................................
Crestron Programming Design Kit Lighting Control Interface 29 Converting Crestron Components to a User-friendly Lighting Interface.................................................................29 Form K - Lighting Control Programming Request - Keypads.................................................................................30 Form L - Lighting Control Programming Request - iLux........................................................................................
Crestron Programming Design Kit Introduction Crestron® connects people with technology. As products and systems become more complex, our touch screens and keypads streamline and simplify technology so people can fully utilize and enjoy its advantages. Crestron touch screens and keypads provide an intuitive way for people to interact with and experience the systems in their homes, offices, schools and churches.
Crestron Programming Design Kit Sound The Vision Tools Pro-e Sound Manager enables the user to add WAV files to projects for sound-enabled touch screens and keypads, such as most TPS panels, and CNXB2/ B4/B6/B8/B12 button panels. Background Images VisionTools Pro-e supports BMP, PCX, DIB, and JPEG formats. Images can be modified to fit the page. The Tile option fills the space on the page with multiple copies of the image (This feature works best with smaller images).
Crestron Programming Design Kit Relationship of Bits to Colors Number of Bits 1 bit 2 bits 4 bits 8 bits 16 bits 24 bits 32 bits Number of Colors Black and White 4 Colors 16 Colors 256 Colors 65,536 Colors (Highcolor) 16.7 million Colors (Truecolor) 16.
Crestron Programming Design Kit Touch Screen, Template and Theme Examples 4 Doc. 5277J | crestron.
Crestron Programming Design Kit Project Planning Planning the project carefully produces good results. This involves providing complete information on the required forms. This kit contains forms to fill in to define the project. • Form A is a complete list of all equipment to be controlled. • Form B defines the customer interface. • Form C defines the routing of source to destination. • Form D provides a method to specify button panel operation and engraving.
Crestron Programming Design Kit Form A – Device Data Instructions The initial task is data collection. Each device to be controlled must be listed according to type, manufacturer, model number, and control method (RS-232, IR, etc.). For equipment that does not have discreet power on/off capability, specify additional video or current sensing equipment.
Crestron Programming Design Kit Form A - Device Data Doc. 5277J | crestron.
Crestron Programming Design Kit Form B – Interface Specification Instructions Determine the number of pages required for the project. Assuming at least one page for each device (Projectors, Plasma display, CD, VCR, etc.), pages for systems (HVAC, Security, etc.) and the Main page. Then print at least an equal number of copies of Form B. Pages and subpages are unique and should not share forms. Fill in the Project Name, Date, Touch screen Model Number (ex., TPS-4000), the Screen Name (ex.
Crestron Programming Design Kit Form B - Interface Specification Doc. 5277J | crestron.
Crestron Programming Design Kit Form C – System Routing Specification Instructions Form C is used to describe the routing of each source output to each destination input. Specify the source (DVD-1, VCR-2, Laptop, etc.) and the particular source output (Video-1, S-Video-2, Component Video, etc.). 10 • When an intermediate switcher is used, specify the device and the input/output ports (Video 1 IN/Video 1 OUT, etc.).
Crestron Programming Design Kit Form C - System Routing Specification Instructions Doc. 5277J | crestron.
Crestron Programming Design Kit Touch Screen Resolution Specifications 12 Doc. 5277J | crestron.
Crestron Programming Design Kit DGE-1: Digital Graphics Engine with DigitalMedia CAT Connectivity A graphics engine for Crestron V-Panel™, the DGE-1 supports advanced touch screen performance, with a single video window and connectivity for one analog AV source. Designed for use with a Crestron V-Panel HD Touch Screen Display, the DGE-1 Digital Graphics Engine allows for a very streamlined touch screen installation by placing the bulk of the electronics at the central equipment location.
Crestron Programming Design Kit IP Intercom Using the microphone and speakers built into the V-Panel™ display, the DGE-1 supports 2-way voice communication via a choice of IP or Crestron Home (CH) CAT5 wired intercom. Crestron IP intercom eliminates the need for dedicated audio wiring, enabling 2-way speech and room monitoring over Ethernet with other compatible Crestron touch screens.
Crestron Programming Design Kit Powered by Core 3 The Crestron Core 3 framework enables the generation of dynamically rich user interfaces with greater power and ease than ever. Core 3 lets touch screen designers merge multiple objects and apps on screen leveraging the power of Adobe Flash, multi-format video, Web browsing, IP intercom, and other technologies to deliver an engaging and ultra-intuitive touch screen experience.
Crestron Programming Design Kit Streaming Video Through its embedded Web browser and media player, the DGE-2 supports streaming and downloadable video in a variety of formats, enabling access to all kinds of media from online sources and network servers. Additional support for the motion-JPEG streaming format allows the display of live video from a Web camera or network video streamer (Crestron CEN-NVS100, CEN-NVS200 or equivalent).
Crestron Programming Design Kit DigitalMedia DigitalMedia (DM®) connectivity opens up new ways to configure a touch screen system. For instance, using a DM switcher such as the DM-MD8X8, multiple touch screens can be connected to a single DGE2, providing a simple, cost-effective way for multiple participants to view and control the same graphical interface.
Crestron Programming Design Kit V-Panel and DGE Compatibility 18 Doc. 5277J | crestron.
Crestron Programming Design Kit Control System Block Diagrams This block diagram is an example of a simplified control system, showing the relationship of pages. The arrows represent page flips. Creating a similar diagram for the system is a highly recommended method of organizing projects by allowing the user to visualize the entire system. This makes the task of specifying the controls that appear on each screen much simpler. Refer to Appendix B: Touch Screen Design Example for an example. Doc.
Crestron Programming Design Kit Crestron Engraver The Crestron Engraver allows the user to create projects for engraveable interfaces such as Crestron touch screen hard buttons, keypads, lighting controls, and FlipTop devices. These interfaces provide engrave-able text areas on the buttons, and sometimes, on the faceplates. Button caps are laser-engrave-able using the Crestron Engraver software; spacers are not engrave-able.
Crestron Programming Design Kit Button Panel Specifications C2N-CB Series Cameo Keypads Description The C2N-CB may have one to six switches, each programmable for left/center/right “rocker” action, single press operation, or press/hold mode, enabling up to 18 functions.
Crestron Programming Design Kit Form D - Cameo Keypad Specifications 22 Doc. 5277J | crestron.
Crestron Programming Design Kit Form E - C2N-DB6/8/12 Decorator Keypad Specifications Doc. 5277J | crestron.
Crestron Programming Design Kit Form F - C2N-DBN12 & C2N-DBF12 Decorator Keypad Specifications 24 Doc. 5277J | crestron.
Crestron Programming Design Kit Form G - CNX-B2/B4/B6/B8/B12 Single Gang Keypads Specifications Doc. 5277J | crestron.
Crestron Programming Design Kit Cameo and Cameo Express In-Wall Dimmers and Switches Cameo buttons can be swapped in the field, making it easy to change engraving or color after installation. Buttons control in-room audio or lamps in addition to any other light connected to the system. Cameo also functions as a keypad, sending commands to trigger whole-room lighting scenes or distributed audio functions.
Crestron Programming Design Kit CC2N-CBF-P Cameo Keypad, Flush Mount C2N-CBD-P Cameo Keypad, Standard Mount Exquisitely simple yet highly customizable, a single Cameo Keypad can be configured easily by the installer to provide from two to eight buttons. Each keypad is actually furnished with an assortment of engrave-able button caps in four different sizes to support a variety of physical layouts.
Crestron Programming Design Kit HTT-B10X and HTT-B10EX Tabletop Keypads The HTT-B10X and EX provide an elegant keypad for lighting, climate, and audio control. Ten backlit engravable buttons with white LED feedback, auto-dimmable backlight and LED intensity, and true-feedback and dualbargraph capability. The HTT-B10X is shipped with 10 blank buttons (two columns of five buttons each).
Crestron Programming Design Kit Lighting Control Interface Crestron lighting and automation solutions provide unmatched value and performance, comprising a comprehensive line of modular enclosures, wall box dimmers, and climate control thermostats, all under the command of the powerful 2-Series control system. Converting Crestron Components to a User-friendly Lighting Interface Crestron offers the most complete selection of user interfaces available.
Crestron Programming Design Kit Form K - Lighting Control Programming Request - Keypads 30 Doc. 5277J | crestron.
Crestron Programming Design Kit Form L - Lighting Control Programming Request - iLux Doc. 5277J | crestron.
Crestron Programming Design Kit Form M - Lighting Control Programming Request - TPS-4L Touch Screen 32 Doc. 5277J | crestron.
Crestron Programming Design Kit Form N - Lighting Control Programming Request - TPS-6L Touch Screen Doc. 5277J | crestron.
Crestron Programming Design Kit Appendix A: Touch Screen Objects The following charts illustrate the objects that can exist on a touch screen. When designing a touch screen layout, it is important to keep it a relatively simple, clean design and easy to use. Take into account the limited screen area of each page and avoid overcrowding. NOTE: Not all touch screens support the entire list of objects described in this kit. Refer to the product specific manual for details accessed from the Crestron Web site.
Crestron Programming Design Kit Doc. 5277J | crestron.
Crestron Programming Design Kit 36 Doc. 5277J | crestron.
Crestron Programming Design Kit Doc. 5277J | crestron.
Crestron Programming Design Kit 38 Doc. 5277J | crestron.
Crestron Programming Design Kit Doc. 5277J | crestron.
Crestron Programming Design Kit Web Objects Web Map A Web map is a graphic image in an HTML page that contains links to other targets. The clickable ares in the image are referred to as the "hit points." When the hit points are selected, the Web browser displays the target, which can be another page, a URL or a different area within the same (large) page.
Crestron Programming Design Kit Appendix B: Touch Screen Design Example The following example of touch screen design is based on the following parameters, and uses a PRO2 Professional Dual Bus Control System.
Crestron Programming Design Kit SystemBuilder can generate a complete Bill of Materials. 42 Doc. 5277J | crestron.
Crestron Programming Design Kit In SystemBuilder, click the Programming button and select the TPS-6L. The buttons are easily programmed in SystemBuilder. The following touch screen programming example was created using the gel blue.vtt template in VT Pro-e. When a template is applied, the user can select from a list of Project Graphic Resources to maintain professional consistently and usability throughout the design process. Doc. 5277J | crestron.
Crestron Programming Design Kit The Home page in the following example is linked to the transport pages for the DSS, CD Jukebox and DVD. The climate control and tuner control are also included. Refer to the following chart. 44 Doc. 5277J | crestron.
Crestron Programming Design Kit Appendix C: Color Theory The following color definitions may be useful when considering interface design. • 8-bit color allocates 8 bits (1 byte) of memory to each pixel, up to 256 different colors. • 16-bit color allocates 16 bits (2 bytes) of memory to each pixel, producing 65,536 colors. • 24-bit color uses 24 bits (3 bytes) of memory per pixel in a color image, up to 16,777,216 colors can be represented in the color palette. • True color is 32-bit color.
Crestron Programming Design Kit Color Properties A color is described using three properties: color name, degree of saturation, and its value or lightness. For example, pink, fire engine red, and brick are all in the red color family, they differ because of their saturation and intensity. Hue, intensity, saturation and luminance/value are inter-related terms and have to do with the description of a color.
Crestron Programming Design Kit Green is the color of nature. It symbolizes growth, harmony, freshness, and fertility. Green has strong emotional correspondence with safety. Dark green is also commonly associated with money. Green has great healing power. It is the most restful color for the human eye; it can improve vision. Green suggests stability and endurance. Green, as opposed to red, means safety. Blue is the color of the sky and sea. It is often associated with depth and stability.
Crestron Programming Design Kit Formulas for Color Harmony 48 Doc. 5277J | crestron.
Crestron Programming Design Kit Doc. 5277J | crestron.
Crestron Programming Design Kit Specifying Colors Color properties are specified by a set of associated number values. 50 Doc. 5277J | crestron.
Crestron Programming Design Kit Color Relativity and Readability Observing the effects colors have on each other is the starting point for understanding the relativity of color. The relationship of values, saturations and the warmth or coolness of respective hues can cause noticeable differences in our perception of color. The purple square on the left seems to recede, while the one on the right seems to advance. In addition, the one on the left appears larger (they are the same size).
Crestron Programming Design Kit Appendix D: Touch Screen Typography Typography is the arrangement, style, or general appearance of matter printed from type. To select and use the appropriate typography, there are two primary factors that the designer should consider. Legibility (Discrimination): This characteristic of an alphanumeric enables the observer to quickly and positively identify it from all other letters and characters.
Crestron Programming Design Kit Among the sans-serif group there are many different fonts from which to select. A study made in 1965 compared the level of reading comprehension among five different fonts (three different sans-serifs and two fonts with serifs). A significantly higher level of comprehension was found while subjects were using a sans-serif font called GillMedium. This font was also ranked first in its level of character discrimination.
Crestron Programming Design Kit Lower-case versus Upper-case Characters There is almost a consensus among researchers that, when other factors are controlled, lower-case characters are more legible than upper-case. An experiment was performed to determine the difference in readers’ attention between upper and lower-case in newspaper headings. The results were that lower case headings were located faster than upper case headings, and lower case was read faster and ranked higher in pleasantness.
Crestron Programming Design Kit Font Height (Type Size) Measurement When specifying the height of a font and spacing (both vertically and horizontally), the designer should be aware that there are several scales and methods of measurement. The traditional printer’s “point” used for typesize-height equals 1/100 of an inch; however, when it is used to measure distance between lines, words, etc., a point is approximately equal to 1/72 of an inch.
Crestron Programming Design Kit Line Length Line length is an important factor because the designer will always try to minimize the size to fit in a button or small space. Face, Italic, Bold and Underline Several experiments discuss the effects of different typefaces on legibility. In one experiment, an italic face was read 2.7 percent slower than roman lower-case (with an equal “x”- height).
Crestron Programming Design Kit List of Typography Design Recommendations The designer, based on the type, usage, and criticality, should carefully evaluate each of the following recommendations. • Sans-serif fonts are usually more legible than fonts with serifs. • Avoid using a font that has characters that are too similar to one another, as this will reduce the legibility of the print. • Long chunks of text should be set in lower case.
Crestron World Headquarters 15 Volvo Drive Rockleigh, NJ 07647 Tel: 888.CRESTRON Fax: 201.767.7576 crestron.com Refer to the listing of Crestron worldwide offices on the Crestron Web site (www.crestron.com/offices) for assistance within a particular geographic region. Printed in USA Doc.
