Link to Developers Kit
Contents
1. 12 inch Touchpanel 36 Form D TPS 6000 Isys 15 inch Touchpanel 37 Form E C2N CB Series Cameo Keypad SDECHICAUO N WEE 41 Form E C2N DB6 8 12 Decorator Keypad Specifications oooocccnncccccccoonnnnncnnononanncnnnnnnnos 42 Form E C2N DBN12 amp C2N DBF12 Decorator Keypad SpecificationNns 43 Form E Button Panel Specifications 40 Formulas for Color Harmony 64 GAUGES MM 52 Ju Ee ER m 54 INTO ION BEEN i LEE E 54 Lighting Control Interface 45 Lighting Control Programming Request CT 1000 Belle e 48 Lighting Control Programming Request iLux 47 EINES MJ 55 Project Planning 6 RGB Video Obiecle eas lt 53 EE 51 seo 2 Specifying Colors oooccccccccccconnccnnnnncnononanncnnnnonnnos 67 Split Complementary harmony 66 T BOX 53 IMSS rn 55 Touchpanel Objects ooocccccnccccccconnncnnncnononanncnnns 50 Video Obiects 53 Web Anchor enn 56 2080 7 i D 56 Web Map 56 Web Marquee oooccccccccocccnncccnnoconnncnnnnnonononanonnnnnnnns 56 Web ODJECIS enn repeat ee eee 56 XPanel Projects uncraras nadien 56 DOC 5277E e 69 X CRESTRON Crestron Electronics Inc DOC 5277E 15 Volvo Drive Rockleigh NJ 07647 Tel 888 CRESTRON 01 062. Color TICO CREE 62 Complementary harmony eeeessese 65 Control System Block Diagrams 39 Double Complementary harmony 67 Equilateral harmony ccccseeeeeeeeeeeeeeeeeeeeseeeeess 66 FORM A Device Data 7 FORM B Interface Specification 9 FORM C System Routing 11 Form D CT 1000 ColorTouch 3 8 inch Wall Mount Touchpanel cccseeeceeeseseeeeseeeeeneeeees 13 Form D Touchpanel Specifications and Drawings E 12 Form D TPMC 10 Isys i O WiFi Touchpanel 14 Form D TPMC 15 Isys i O WiFi Touchpanel Media Center 15 Form D TPMC 17 Isys i O M WiFi Touchpanel Media Center RR TIT ET TTE 17 Form D TPS 12 sys 12 inch Touchpanel 19 20 Form D TPS 15 as 15 inch Touchpanel 21 22 Form D TPS 17 Isys 17 inch Touchpanel 23 24 Form D TPS 1700 Isys e inch Touchpanel 25 Form D TPS 2000L Isys 5 Wall Mount Touchpoanel cccoccnccnccnncccnccnccncnccnnonannnonanononcnonanonos 28 Form D TPS 3000 3100L Isys 6 4 inch Belle e LTE 29 Form D TPS 4000 4000L Isys 10 4 inch Touchpanel ccceecceceeceeseeeeeeeeeseeeeeeeeeeees 31 32 Crestron Programming Design Kit Form D TPS 4500 sys 12 inchTilt Touchpanel33 Form D TPS 4L Isys 4 inch Wall Mount Relief 35 Form D TPS 5000 Isys
3. Fax 201 767 7576 Specifications subject to WWW crestron com change without notice
4. NOTE Scale drawing not actual size ocreen Size 17 inch 43 2 cm diagonal Aspect Ratio 15 9 WXGA Resolution 1280 x 768 pixels Graphic Capability 24 Bit non palette graphics 8 Bit alpha channel 16 7 million colors Audio MP3 WAV WAX WMA via Windows Media Player WAV 8 amp 16 bit PCM mono amp stereo Crestron Programming Design Kit DOC 5277E e 17 Crestron Programming Design Kit Form D TPMC 17L Isys i O WiFi Touchpanel Media Center Order Quote Page of Screen Name and Location oed gief eH See eee RIS VW 00 AA bin Can 00000 0000000 2000000000 0D 0000000000 0000000000500000000000000000000000 560999984 90990900 BIER EIER OQOO000000000090000 00000000005000000006000000000000 00000000000 LI 0000000000004000 000000000000900000000099090646606 600 EC 00000 00000 Dic So 00006 a EE 6005 aon aon le E 6000090900600000 009006066 ee 660 KEE e o6602nG0000000000600000 60600090 ood ok SS 006660 E oo000060000000000000000 FEE 1 a ok 00660 cob0906600060000066060 ooo 9000000 900000 SE ola 06600 60006600 c00000660006000006600 0000 00006 66000008 00 oo S SS 00 0000056000000000000060000000006000 tE d C OCOOO0000000000000000000000000000 q 449444444 EE OO00000000000000000000000000048 oo 000 000000000000000 0000000000000000 poo 00000000 NOTE Scale drawing not actual size ocreen Size 17 inch 43 2 cm diagonal Aspect Ratio 15 9 WXGA Resolution 1280 x 768 pixels Gr
5. www infocomm org dashboard Crestron Programming Design Kit DOC 5277E o 5 Project Planning Crestron Programming Design Kit Planning your project carefully will produce good results This involves providing complete information on the required forms This kit contains forms that you will fill in to define your project Form A is a complete list of all equipment to be controlled refer to page 6 Form B defines your customer interface refer to page 8 Form C defines the routing of source to destination refer to page 10 Form D contains model specific information provides a sketch area for each particular touchpanel and permits you to specify engraving where applicable refer to page 12 Form E provides a method to specify button panel operation and engraving refer to page 40 Additional forms are provided for lighting control refer to page 45 Additional Required Information A successful design requires complete information Please submit the following documents 1f available A System Block Diagram refer to page 39 for an example Control Diagrams Facility Plans and or Other Layout Diagrams A System Description Applicable Audio Files Applicable Graphic Files BMP DIB JPG or PCX 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
6. 15 9 WXGA Resolution 1280 x 768 pixels Graphic Capability 24 Bit non palette graphics 8 Bit alpha channel 16 7 million colors Audio WAV 8 bit PCM mono 24 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Form D TPS 1700 Isys 6 inch Touchpanel NOTE Scale drawing not actual size ocreen Size 5 7 14 4cm diagonal Aspect Ratio 4 3 SVGA Resolution 320 x 240 pixels Graphic Capability 16 Bit non palette graphics 64 000 colors Audio None Optional Buttons 10 Engraved buttons and bezel kit 1700C BTNB BEZEL Crestron Programming Design Kit DOC 5277E e 25 Crestron Programming Design Kit Form D ST 1700C STX 1700C and STX 1700CXP With Buttons Screen Name and Location n N SS de TC E Ly N See EH H f Ml ul a d WO UA AU LM BE BN LM IE IT LM di A UU E Ai AN Z CR Y 1 d _ N f i N Y j EE h 7 Ny il IBI Yd D A ii NI Al d HI I BE EB Ih Fill LII I H I il di HI I k Q 7 X EE 12 LU E y A 2 AR A W M 1 y SSS NOTE Scale drawing not actual size Screen Size 5 7 14 4cm diagonal Aspect Ratio 4 3 SVGA Resolution 320 x 240 pixels Gra
7. D QM FTCC TPS4 QuickMedia FlipTop Touchpanel Computer Center and C2N FT TPS4 Flip Top Touehpanel Control Centers ie 34 Form D TPS 4L Isys 4 inch Wall Mount Touchpanel ttes 35 Form D TPS 5000 Isys 12 inch Touchpanel entente nennt 36 Form D TPS 6000 Isys 15 inch Touchpanel eene 37 Form D MT 1000 MiniTouch Handheld Wireless Touchpoanel 38 Crestron Programming Design Kit DOC 5277E Contents e i Crestron Programming Design Kit Control System Block Diagrams ocoooncccconcncoconcococoncnncononon coronan cnn nn rr R nennen nnne nnn nnn nnn nnn RN nnne nass n nhan nna n n nnn nnn nnns 39 Form E Button Panel Specifications isso iio 40 C2N CB Series Cameo Keypads Description llenan nennen nnn nns 40 Form E C2N CB Series Cameo Keypad Specification eeclesie nennen nnns 41 Form E C2N DB6 8 12 Decorator Keypad SpecificatiONS ooooccccccccccononnncconnnnononnnancnoncnnonnnanenonnnnnononananennns 42 Form E C2N DBN12 amp C2N DBF12 Decorator Keypad Specifications cocccoonononnccnnncccononannccnnnncnonanannnnos 43 Form E CNX B2 B4 B6 B8 B12 Single Gang Keypads SpecificatiONS cccccccnnoconnccnnnnccnnonanncnnnnnnnonananennns 44 Lighting Control Interface e 45 Converting Crestron Components to a User Friendly Lighting Interface cccooocccnccccconncnnncconnnnnnnonanononoss 45 L
8. DOC 5277E Name FRONT Lights Circuit s CT Switched g Dim 325 J 50 CT 75 J Other Name REAR Circuit s O Switched C Dim 325 CJ 50 J 75 O Other Name Circuit s J Switched J Dim 325 A 50 M 75 J Other O Return to Main Page Button C Go To Next Lighting Page Button O Slider Control s O Step Controls O Store Settings button C Dimmer Up Down Control C ALL Lights On J ALL Ligths Off Lighting Page Example LIGHTS NOTE Maximum practical number of individual buttons per page 20 Maximum practical number of individual sliders per page 4 Crestron Program Design Kit Crestron Program Design Kit Lighting Control Programming Request TPS 2000 Touchpanels Job Name Date Load Name Job Location Start Up Date Contact Name Contact Phone Complete one of these forms for each touchpanel page For symbol buttons indicate what is controlled i e last scene or shade Indicate attached WAV files Name Preset 1 Circuit s O Switched O Dim 125 315096 175 O Other Name Preset 2 Circuit s CJ Switched C Dim 025 35096 175 C Other Name Preset 3 Circuit s C Switched CJ Dim 025 315096 17596 O Other Name Preset 4 Circuit s C Switched CT Dim 125 15096 717596 O Other Name Preset 5 Circuit s O Switched CT Dim 732596 35096 17596 J Other Name Circuit s CJ Switched C Dim
9. Design Kit Form D TPS 4500 Isys 12 inchTilt Touchpanel Screen Name and Location AGA Pe A 3a Aes RENE CET Le S NOTE Scale drawing not actual size Screen Size 12 inch 30 5 cm diagonal Aspect Ratio 4 3 XGA Resolution 800 x 600 pixels Graphic Capability 16 Bit non palette graphics 65 536 colors Audio None Crestron Programming Design Kit DOC 5277E e 33 Crestron Programming Design Kit Form D QM FTCC TPS4 QuickMedia FlipTop Touchpanel Computer Center and C2N FT TPS4 FlipTop Touchpanel Control Center CRESTRON COMPUTER CENTER NOTE Scale drawing not actual size Screen Size 3 6 inch 9 1 cm diagonal Aspect Ratio 4 3 XGA Resolution 320 x 240 pixels Graphic Capability 18 bit 262 144 colors Buttons 10 translucent pushbuttons white LED backlit programmable 34 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Form D TPS 4L Isys 4 inch Wall Mount Touchpanel Screen Name and Location F ee eee aN CRESTRON NOTE Scale drawing not actual size Screen Size 3 6 inch 9 1 cm diagonal Aspect Ratio 4 3 Resolution 320 x 240 pixels Graphic Capability 16 Bit non palette graphics 65 536 colors Audio 8 bit PCM mono 8 kHz sampling rate Crestron Programming Design Kit DOC 5277E e 35 Crestron Programming Design Kit Form D TPS 5000 Isys 12 inch Touchpanel Screen Name and Location CRESTRON NOTE Scal
10. Design Kit used to issue a warning Yellow is very effective for attracting attention so use it to highlight the most important elements of your design Light yellow tends to disappear into white so it usually needs a dark color to highlight it Shades of yellow are visually unappealing because they loose cheerfulness and become dingy 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 It symbolizes trust loyalty wisdom confidence intelligence faith truth and heaven Blue is considered beneficial to the mind and body It slows human metabolism and produces a calming effect Blue is strongly associated with tranquility and calmness As opposed to emotionally warm colors like red orange and yellow blue is linked to consciousness and intellect When used together with warm colors like yellow or red blue can create high impact vibrant designs Purple violet combines the stability of blue and the energy of red Purple is associated with royalty It symbolizes power nobility luxury and ambition It conveys wealth and extravagance P
11. Design Kit DOC 5277E e 65 Crestron Programming Design Kit Split Complementary harmony is a variation of the standard complementary scheme It uses a color and the two colors adjacent to its complementary This provides high contrast without the strong tension of the complementary scheme Use a single warm color against a range of cool colors to put an emphasis on the warm color red versus blues and blue greens or orange versus blues and blue violets Split Complimentary Colors Equilateral harmony uses three colors equally spaced around the color wheel This scheme offers strong visual contrast while retaining harmony and color richness The triadic scheme is not as contrasting as the complementary scheme but it looks more balanced and harmonious Choose one color to be used in larger amounts than others Equilateral Colors 66 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Double Complementary harmony is the most varied because it uses two complementary color pairs This scheme can be difficult to harmonize if all four hues are used in equal amounts If the scheme looks unbalanced choose a color to be dominant and or subdue adjust the luminance of the colors Avoid using pure colors in equal amounts Double Complimentary Colors Specifying Colors Color properties are specified by a set of associated number values l EREN ll Hue 133 Red o Relative Amounts of sat 240
12. Green 128 Red Green and Blue Blue 192 Hue Color Value of R G B Saturation 0 Gray 240 Full Saturation Luminance 0 Black 240 White Crestron Programming Design Kit DOC 5277E e 67 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 NOTE If large areas of a light hue are used the whole screen will appear light conversely if large areas of dark values are used the whole screen appears dark When fully saturated complements are brought together interesting effects are noticeable such as vibrating boundaries This may be a desirable illusion or a problem if creating visuals that are to be read An occurrence known as simultaneous contrast chromostereopsis happens when opposing colors are placed in close proximity Text may appear to vibrate or cast a shadow When creating visuals that are designed for reading the viewer must have adequate contrast between the background and the text Text presentations ideally offer at least an 8040 contrast between figure and ground black text
13. J 25 C 50 J 75 C Other Name Circuit s C Switched C Dim 025 J 50 J 75 O Other Crestron Programming Design Kit Name FRONT Lights Circuit s CT Switched CT Dim 025 3509s 17596 J Other Name REAR Circuit s CT Switched C Dim 32596 35095 17596 J Other Name Circuit s CT Switched CJ Dim 325 J 50 CT 75 O Other O Return to Main Page Button O Go To Next Lighting Page Button O Slider Control s O Step Controls O Store Settings button O Dimmer Up Down Control J ALL Lights On J ALL Ligths Off Lighting Page Example NOTE Maximum practical number of individual buttons per page 20 Maximum practical number of individual sliders per page 5 DOC 5277E e 49 Crestron Programming Design Kit Appendix A Touchpanel Objects The following charts illustrate the objects that can exist on a touchpanel screen When designing a touchpanel layout it is important to keep it a relatively simple clean design and easy to use You must also take into account the limited screen area of each page and avoid overcrowding NOTE Not all touchpanels support the entire list of objects described in this kit Refer to the specific manual for details Buttons A button triggers most of the actions in a control system Buttons are available in many styles and can be any size However you must take the human interface into account and allow the button to be l
14. PCM mono 8 kHz sampling rate Optional Buttons None Crestron Programming Design Kit DOC 5277E e 29 Crestron Programming Design Kit Form D TPS 3100L Isys 6 4 inch Touchpanel NOTE Scale drawing not actual size ocreen Size 6 4 inch 16 3 cm diagonal Aspect Ratio 4 3 SVGA Resolution 640 x 480 pixels Graphic Capability 16 Bit non palette graphics 65 536 colors Audio WAV 8 bit PCM mono 8 kHz sampling rate Optional Buttons 5 DB12 BTN Engravable button cap 30 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Form D TPS 4000 Isys 10 4 inch Touchpanel NOTE Scale drawing not actual size ocreen Size 10 4 inch 26 4 cm diagonal Aspect Ratio 4 3 XGA Resolution 640 x 480 pixels Graphic Capability 16 Bit non palette graphics with color key video window capability 65 536 colors Audio WAV 8 bit PCM mono 8 KHz sampling rate Optional Buttons None Crestron Programming Design Kit DOC 5277E e 31 Crestron Programming Design Kit Form D TPS 4000L Isys 10 4 inch Touchpanel NOTE Scale drawing not actual size ocreen Size 10 4 inch 26 4 cm diagonal Aspect Ratio 4 3 XGA Resolution 640 x 480 pixels Graphic Capability 16 Bit non palette graphics with color key video window capability 65 536 colors Audio WAV 8 bit PCM mono 8 kHz sampling rate Optional Buttons 5 DB12 BTN Engravable button cap 32 e DOC 5277E Crestron Program Design Kit Crestron Program
15. Panels are wall mounted single gang user interfaces Panels are available in 6 8 or 12 button configurations and accommodate standard faceplates The intensity level for each button LED can be set from 0 to 100 Button Engraving 1 2 Button Feedback Number 42 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Form E C2N DBN12 C2N DBF12 Decorator Keypad Specifications Location C2N DBN12 C2N DBF12 Each keypad has 12 buttons with LED O windows 1j The C2N DBN12 has a CLEAR button an ENTER button and numeric digit buttons O e Jm ERR aulic id through 9 The C2N DBF12 has six source selector e NOU and GN control buttons mz ver A kit with additional source buttons for the m 3 C2N DBF12 is also provided DE Source Feedback Button Crestron Programming Design Kit DOC 5277E e 43 Crestron Programming Design Kit Form E CNX B2 B4 B6 B8 B12 Single Gang Keypads Specifications Location The feedback LED illumination is independently addressable and is programmable These keypads also contain a temperature sensor that reports to the Cresnet control system and an audio speaker that can provide audio feedback via WAV sound files Backlight and button LED intensity levels can be set from 0 to 100 Similarly the speaker volume level can be set from 0 to 100 The number of buttons on a keypad can be 2 4 6 8 or 12 They are arranged numerically from lef
16. Routing REN m m m 11 Form D Touchpanel Specifications and Drawings nnne nnne 12 Form D CT 1000 ColorTouch or LC 1000 BriteTouch 3 8 inch Wall Mount Touchpanel 13 Form D TPMC 10 Isys i O M WiFi Touchpanel nnn 14 Form D TPMC 15 Isys i O WiFi Touchpanel Media Center 15 Form D TPMC 15L Isys i O WiFi Touchpanel Media Center 16 Form D TPMC 17 Isys i O WiFi Touchpanel Media Center 17 Form D TPMC 17L Isys O WiFi Touchpanel Media Center 18 Form D TPS 12 sys 12 inch RR elei E count id es 19 Form D TPS12L sys 12 inch Touchpanel iecit nennen puso a 20 Form D TPS 15 Isys 4 9 Men Toucnhpanel MR ERE 21 Form D TPS 15L sys 15 inch TOUCH DANG iier rto c run rn eater n pn eto uenis ita remate nme en 22 Form D TPS 17 Isys 7 Weg WOUCGH DAMME EE 23 Form D TPS 17L Isys 4T Nen Kei Dei e e MERE Emm 24 Form D TPS 1700 Isys 6 inch Touchpanel c 25 Form D ST 1700C STX 1700C and STX 1700CXP With Buttons 26 Form D ST 1700C STX 1 700 and STX 1700C XP Without Buttons 27 Form D TPS 2000L sys 5 Wall Mount Touchpoanel nnne 28 Form D TPS 3000 Isys 6 4 inch FOUCM DANG E 29 Form D TPS 3100L sys 6 4 inch Touchpanel nennen nnns 30 Form D TPS 4000 Isys 40 4 inch Touchpanel nennen nennen nnne nnns 31 Form D TPS 4000L sys 10 4 inch Touchpanel AE 32 Form D TPS 4500 Isys 12 inchTilt Touchpanel nets 33 Form
17. clock object displays the time of day in either a 12 hour or 24 hour format Seconds and a blinking colon may also be chosen Clock objects can be embossed raised shadowed aliased or anti aliased 52 e DOC 5277E Crestron Programming Design Kit Example Styles Gauges may be horizontal or vertical Pictured from left to right graphic gauge digital gauge hex gauge and percent gauge Example Styles The thickness of the frame if you use one the color for the clock face frame and text and the font can all be selected Crestron Program Design Kit Crestron Program Design Kit Video Objects Example Styles A video object often referred to as a video 4 3 Aspect Ratio window displays real time video on the Screen Recommended minimum video window size 4 3 aspect ratio is 93 pixels by 69 pixels Maximum video window can be full screen A full screen transparent button can be placed on top of the video object to return to the previous page Video objects can be any size or set to the 4 3 or 16 9 aspect ratio RRE 16 9 Aspect Ratio RGB Video Objects Example Styles An RGB video object often referred to as 4 3 Aspect Ratio an RGB video window displays real time RGB video on the screen Recommended minimum RGB video window size 4 3 aspect ratio is 93 pixels by 69 pixels Maximum video window can be full screen A full screen transparent button can be placed on top of th
18. current large page Subpages are similar in many ways to standard pages in that they may contain buttons text graphics etc However subpages ordinarily do not take up the entire display area Instead a subpage often defines a small area with buttons serving a specific function such as VCR control A subpage can be designed to appear on top of a standard page at any time and then disappear when no longer needed VisionTools Pro e software enables you to layer objects on top of each other allowing for versatile design possibilities Objects are layered in the order they are created That is a newly created object will be overlaid onto an existing one and if one object 1s dragged over to another the more recently created object will be visible on top Refer to Appendix B on page 57 for an example program The Vision Tools Pro e Sound Manager enables you to add WAV files to projects for sound enabled touchpanels and keypads such as the LC 1000 CT 1000 most TPS panels and CNX B2 B4 B6 B8 B 12 button panels Background Images e DOC 5277E 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 1mages The Stretch to Fit option stretches out the image to fill the entire page Crestron Program Design Kit Crestron Program Design Kit Touchpanel Templates and Themes
19. not have discreet power on off capability you can specify additional video or current sensing equipment Crestron maintains an extensive database of equipment control software making it very likely that we have information on every piece of equipment in your project Use as many copies of Form A to collect and record this data as necessary Be sure to fill in the heading on every copy 6 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit FORM A Device Data Project Name Order Quote Type of Manufacturer Model Number Control Method Device Sony ex AG 1350 RS 232 IR etc TV VCR Panasonic CD etc etc Crestron Programming Design Kit Additional Current Video Sensors ST VS ST CS etc DOC 5277Ee 7 Crestron Programming Design Kit Form B Interface Specification Instructions Determine the number of pages required for your project Assuming at least one page for each device Projectors Plasma display CD VCR etc plus pages for systems HVAC Security etc plus 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 Touchpanel Model Number ex TPS 4000 the Screen Name ex Main Page and Location ex Home Theater Room Order Quote and number the page ex 1 of 7 on every page 8 e DOC 5277E Crestron Program Design Kit Crestron Program Design K
20. options for IT and A V integration XPanel EXE provides ultra fast and secure control through an executable application rather than web pages XPanel IE provides web browser based control using ActiveX rather than Java to attain true touchpanel behavior XPanel IE Web pages are hosted on a 2 Series control system allowing control on the fly from any connected PC simply by launching a browser and entering the IP address or URL of the control system XPanel PDA brings the power of e Control 2 to any Pocket PC V2002 device XPanel PDA delivers benefits similar to XPanel EXE on smaller PDA and Tablet PC formats XPanel Emulator allows the control system programmer to easily generate an executable file that emulates the entire flow and function of an Isys touchpanel or e Control 2 XPanel project right on any Windows PC 56 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Appendix B Touchpanel Design Example The following example of touchpanel design is based on the following parameters and uses a PRO2 Professional Dual Bus Control System C2N DB6 Keypad Kitchen CNX B6 Keypad Patio STX 1700CXP Touchpanel Great Room TPMC 10 Touchpanel Office TPS 2000 Touchpanel Dining Room Controlled Equipment Location CD Jukebox Equipment Room DSS Receiver Equipment Room DVD Equipment Room FM TV Tuner Equipment Room Plasma TV Equipment Room Single Room Lighting Equipment Room SystemBuilder Interface View of Exa
21. what is controlled i e last scene or shade Indicate if buttons are backlit or engraved for CNX series Name Circuit s Switched CJ Dim 025 CT 50 C 75 O Other Name Circuit s O Switched CT Dim 025 CT 50 CT 75 CJ Other Circuit s w CT Switched O Dim 025 C 50 O 75 O Other Name Circuit s J Switched O Dim 025 C 50 CT 75 O Other Circuit s O Switched A Dim 125 CT 50 C 75 C Other Name Circuit s O Switched CT Dim 025 CT 50 J 75 O Other 46 e DOC 5277E Indicate attached WAV files Contact Name Contact Phone A Name Circuit s C Switched C Dim 025 CT 50 O 75 O Other Name Circuit s O Switched o O Dim 32596 CT 50 J 75 O Other Mame Circuit s O Switched J Dim 325 CT 50 TT 75 O Other Circuit Z s m O Switched O Dim 325 C 50 O 75 T Other Name Circuit s O Switched CJ Dim 025 CT 50 J 75 O Other Name Circuit Z s O Switched O Dim 32596 J 50 J 75 O Other Crestron Program Design Kit Crestron Program Design Kit Lighting Control Programming Request iLux Job Name Date Load Name Job Location Start Up Date Contact Name Contact Phone LOAD 1 Name Circuit s O Switched O Dim 025 CJ 50 CJ 75 O Other LOAD 2 Name Circuit s O Switched O Dim 025 CJ 50 O 7
22. 5 O Other O Switched O Dim 325 O 50 O 75 J Other Local Devices Crestron Programming Design Kit INPUT VOLTAGE 120 VAC 60 HZ 1 PHASE LOAD CURRENT 16A TOTAL 800 WATTS PER OUTPUT CIRCUIT MAX CONTROL SYSTEM d NEUTRAL LOAD 6 Name Circuit s O Switched CJ Dim 025 CJ 50 O 75 O Other Circuit s O Switched O Dim 025 O 50 g 75 O Other LOAD 4 Name Circuit s C Switched O Dim 025 CJ 50 O 75 T Other DOC 5277E e 47 Crestron Programming Design Kit Lighting Control Programming Request CT 1000 Touchpanels Job Name Date Load Name Job Location Start Up Date Contact Name Contact Phone Complete one of these forms for each touchpanel page For symbol buttons indicate what is controlled e last scene or shade Indicate attached WAV files Name Preset 1 Circuit s O Switched O Dim 025 35096 17596 C Other Name Preset 2 Circuit s C Switched Dim J25 J 5096 J 75 J Other Name Preset3 Circuit s O Switched g Dim 025 150 17596 O Other Name Preset4 Circuit s O Switched O Dim 125 350 175 O Other Name Preset 5 Circuit s CJ Switched CJ Dim 125 350 17596 O Other Name Circuit s CT Switched C Dim 32596 315096 17596 CT Other Name Circuit s J Switched C Dim 025 35096 17596 C Other 48 e
23. 8 bit PCM mono Crestron Programming Design Kit DOC 5277E e 21 Crestron Programming Design Kit Form D TPS 15L Isys 15 inch Touchpanel Project Name Order Quote Screen Name and Location Screen Size Aspect Ratio Resolution Graphic Capability Audio 22 e DOC 5277E NOTE Scale drawing not actual size 15 inch 38 1 cm diagonal 4 3 XGA 1024 x 768 pixels 24 Bit non palette graphics 8 Bit aloha channel 16 7 million colors WAV 8 bit PCM mono Crestron Program Design Kit Crestron Program Design Kit Form D TPS 17 Isys 17 inch Touchpanel Hard Buttons NOTE Scale drawing not actual size ocreen Size 17 inch 43 2 cm diagonal Aspect Ratio 15 9 WXGA Resolution 1280 x 768 pixels Graphic Capability 24 Bit non palette graphics 8 Bit aloha channel 16 7 million colors Audio WAV 8 bit PCM mono Crestron Programming Design Kit DOC 5277E e 23 Crestron Programming Design Kit Form D TPS 17L Isys 17 inch Touchpanel Project Name Order Quote Screen Name and Location BR ed PEE HEE HE EE H444444444444477 HA d d de dede de dede dde bd d ede E EE KEE FEEF deb RR RR 44444444 4 444444 4 4 4 tee eee eee ee eee ee ee eb EA A SE PPPS EEE EE dodo RR A eoe d e b b I bk 4 b do dd dod RR 4 444444 4 4444444 4 4 bee eee ea ee eee eee ea he eee bane se ee ei C 4444444447 KEE Fee ee eee e eee ee
24. Crestron Programming Design Kit Instructions and Forms _ F 7 Deep re CH T Em gt gt gt _ gt SE F AAA SSS SS gt gt gt A A Wit mm This document was prepared and written by the Marketing department at C CRESTRON Crestron Electronics Inc 15 Volvo Drive Rockleigh NJ 07647 1 888 CRESTRON All brand names product names and trademarks are the property of their respective owners 02006 Crestron Electronics Inc Crestron Programming Design Kit Contents PROGRAMMING DESIGN KEE 1 BUCH OGG WOM TD 1 Managing Expectall0NS EE 1 Programming S010NV EE 2 Ugo DEE 2 BC FOG MAUS EE 2 Touchpanel Templates and Themes 0ccocnccnnncononccnoconcnnencnncnnnnnnnrnnnn nena nena nrrnn rra rra nena rrnn rra rrnnnrrnnrrnanrrnnarenannnnnns 3 Dashboard ior CONO EE 5 Project PIannINgG PAPA oe o ia 6 Additional Required INTOrmatiOh EE 6 Form A Device Data Instruchons E 6 S IER RTL DA E 7 Form B Interface Specification INStrUCTIONS eene nnne nnn nna nnn nnns 8 FORM B Interface Gpecfcaton nennen nennen nennen nnne na rrr nnn rra 9 Form C System Routing Specification Instructions nnne nnns 10 FORM C System
25. Crestron offers a variety of pre designed templates that are totally customizable to fit your needs The templates cover a wide variety of control requirements and provide the designer with a starting point for large or small projects The following are a few examples of the many possibilities that templates can provide Refer to http www crestron com tools and resources programming and integration resources gui solutions Zcrestron for additional template examples and icons In the VisionTools Pro e software a theme is a set of unified design elements and color schemes for the objects and pages in your touchpanel project When you apply a theme to a project VisionTools Pro e customizes attributes such as colors styles fonts and shapes for elements in the project In this way a theme helps you easily create a consistent and professional look With the Crestron Theme Library you can have themes that are designed for particular applications such as Residential Commercial or Educational You can also categorize themes according to general style such as Traditional Modern Industrial or Classic Crestron provides several themes that are available on your hard drive when you install VisionTools Pro e Using the Theme Library you can view or customize the Crestron themes design your own themes and edit or delete themes The Theme Library organizes themes by touchpanel type all themes are available to any project of the same type inclu
26. Program Design Kit Form D TPMC 15 Isys i O WiFi Touchpanel Media Center Hard Buttons NOTE Scale drawing not actual size ocreen Size 15 inch 38 1 cm diagonal Aspect Ratio 4 3 XGA Resolution 1024 x 768 pixels Graphic Capability 24 Bit non palette graphics 8 Bit aloha channel 16 7 million colors Audio MP3 WAV WAX WMA via Windows Media Player WAV 8 amp 16 bit PCM mono amp stereo Crestron Programming Design Kit DOC 5277E e 15 Crestron Programming Design Kit Form D TPMC 15L Isys GOIN WiFi Touchpanel Media Center Screen Name and Location 0000000000000000000000000000000000000 fe6ooocconconononconoconocOonOoOOOGDOOOGODOODODO 000000000000000006 eo 0000000000000000000000000000000000 0600050000600 c066 6060050656 e CH E G oo D 600006000 oo 6000 60000060006000606050000000000 b ocongonooDOOOODODODODOODOODOOODOOOODOSg N i 20000000000000000000000 00000 n ODO OOO 1 1 1 1 1 11 1 1 1 11 1 NOTE Scale drawing not actual size Screen Size 15 inch 38 1 cm diagonal Aspect Ratio 4 3 XGA Resolution 1024 x 768 pixels Graphic Capability 24 Bit non palette graphics 8 Bit alpha channel 16 7 million colors Audio MP3 WAV WAX WMA via Windows Media Player WAV 8 4 16 bit PCM mono amp stereo 16 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Form D TPMC 17 Isys i O WiFi Touchpanel Media Center Screen Name and Location Hard Buttons
27. Source Control r S P CDJUKEBOX Y 2 PT Hn FU ZA ra HOME AUDIO iis LIG HTS Page Flip to Lighting Control d Page Flip to Climate Control Se LIGHTS AMAT a P ias FT HOME AUDIO LIGHTS AMAT CLIMATE Y D HE E E Equipment Room FM TV Tuner CADO l l x R D tuner P HPRHAL MIO i GS AIMAT __ eu uu E HOME AUDIO LIGHTS IMATI Examples of Image Resource Files Used for This TPS 2000 in VT Pro e Background Resource Example VTPro e Resources Dinning Boom TPS 2000 B a Image Files W background 320x240 bmp i background 320447 bmp were 320x47 bmp Properties Crestron Programming Design Kit WTPro e Resources My Dinning Room TPS 2000 E a Image Files Wy background 3204240 bmp Y background_320x47 bmp button_33x45_blue_off bmp Button Resource Example Indicator Resource Example VTPro e Resources My Dinning Room TPS 2000 E a Image Files indicator _ pe 37x13 me Properties button_33x45_blue_off bmp Properties icator back 97 13 bmp DOC 5277E e 61 Crestron Programming Design Kit Appendix C Color Theory The following color definitions may be useful when considering interface design e 8 bit color allocates 8 bits 1 byte of memory to each pixel up to 256 different colors e 16 bit color allocates 16 bits 2 bytes of memory to each pixel producing 65 536 colors e 24 bit color us
28. an comfortably be positioned on a screen is determined by the physical size of the touchpanel Therefore a more attractive intuitive easy to read and use interface is achieved with a larger touchscreen The ideal number of button presses to affect an event from anywhere in the GUI is one to three Reducing Crestron Programming Design Kit DOC 5277E e 1 2 Crestron Programming Design Kit navigation button presses and subpages for the end user makes the interface more useful and attractive When designing a custom interface start by talking to the customer about the d cor of the room corporate image or favorite colors It is essential to understand how the interface is intended to complement or match the client s d cor and environment Programming Software Sound VisionTools Pro e or VT Pro e 1s the Crestron Windows based software for designing the page layouts and functionality of user interfaces Controls are grouped together on pages and these control pages are organized and grouped together as a project A typical page layout includes objects such as buttons and sliders that start actions and provide feedback to the end user Pages can also include video windows decorative graphics background graphics text and a variety of other objects A page flip causes the screen to switch from one page to another when a button is pressed Browser projects also support page flips to a URL or even to a different section of the
29. aphic Capability 24 Bit non palette graphics 8 Bit alpha channel 16 7 million colors Audio MP3 WAV WAX WMA via Windows Media Player WAV 8 amp 16 bit PCM mono amp stereo 18 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Form D TPS 12 Isys 12 inch Touchpanel Project Name Order Quote Screen Name and Location Hard Buttons NOTE Scale drawing not actual size ocreen Size 12 inch 30 5 cm diagonal Aspect Ratio 4 3 SVGA Resolution 800 x 600 pixels Graphic Capability 24 bit non palette graphics 8 Bit aloha channel 16 7 million colors Audio 8 bit PCM mono Crestron Programming Design Kit DOC 5277E e 19 Crestron Programming Design Kit Form D TPS12L Isys 12 inch Touchpanel Screen Name and Location A A b JR db de a A A A A A A A A mme NOTE Scale drawing not actual size ocreen Size 12 inch 30 5 cm diagonal Aspect Ratio 4 3 SVGA Resolution 800 x 600 pixels Graphic Capability 24 bit non palette graphics 8 Bit aloha channel 16 7 million colors Audio 8 bit PCM mono 20 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Form D TPS 15 Isys 15 inch Touchpanel Hard Buttons NOTE Scale drawing not actual size ocreen Size 15 inch 38 1 cm diagonal Aspect Ratio 4 3 XGA Resolution 1024 x 768 pixels Graphic Capability 24 Bit non palette graphics 8 Bit alpha channel 16 7 million colors Audio WAV
30. ard Rewind Volume Up Volume Down etc BH Hn M Wu e G Shown here are additional button shape choices Obround Elliptical and Radius 2 through 5 52 3 50 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Sliders A slider controls and displays an analog value such as lighting temperature audio volume balance bass or treble Sliders can be two dimensional raised or neon framed The thickness of the slider frame or None for no frame may be selected The color of the face frame text and indicator bar may all be chosen independently Choices for the type of indicator are Bar Line or None When choosing a line slider you may optionally control two separate analog functions with one slider Crestron Programming Design Kit Example Styles Bar sliders shown here in two dimensions raised and neon Sliders may be drawn vertically or horizontally DOC 5277E e 51 Gauges A gauge displays analog levels such as lighting temperature or audio volume Digital Gauge A digital gauge displays values such as lighting levels temperature or audio volume in digital format with or without a decimal point Hex Gauge A hex gauge displays values such as lighting levels temperature or audio volume in hexadecimal format Percent Gauge A percent gauge displays values such as lighting levels temperature or audio volume as a percent Clock A
31. arge enough for descriptive text and for ease of fingertip selection For smaller touchpanels the minimum recommended size is 40 pixels wide by 40 pixels high For larger touchpanels the minimum recommended size is 60 pixels wide by 50 pixels high Button colors are limited by the size and type of touchpanel For example the TPS series supports up to 65 536 colors the LC 1000 supports up to 256 colors You can choose a basic color or define the Red Green and Blue values The number in the lower right corner of each button represents a join to a particular function as defined in the programming Each join number is unique and serves a specific purpose A key click sound can be assigned to a button For touchpanels that support audio a button press can also initiate a WAV file and provide an audio feedback for a particular function Example Styles Most Crestron touchpanels support a variety of button styles including shaded three dimensional and two dimensional Shown here with optional frames In addition buttons can be round elliptical Ob round or have a particular corner radius applied Button Button Button The buttons provide positive visual teedback when pressed Button The amount of text that can fit on a button is governed by the button size and the font size and type The Crestron Transport Font available in VT Pro e consists of symbols that represent standard device functions such as Fast Forw
32. ation of a single color This scheme looks clean and elegant Monochromatic colors go well together producing a soothing effect The monochromatic scheme is very easy on the eyes especially when using blue or green hues Tinted Pure Color Shaded 64 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Analogous harmony uses colors that are adjacent to each other on the color wheel One color is used as a dominant color while others are used to enrich the scheme The analogous scheme is similar to the monochromatic but offers more possibilities Avoid using too many hues and avoid combining warm and cool colors in Analogous Colors this scheme Complementary harmony consists of two colors that are opposite each other on the color wheel This scheme looks best when you place a warm color against a cool color for example red against green blue This scheme is intrinsically high contrast For best results place cool colors against warm ones for example blue versus orange If you use a warm color red or yellow as an accent you can reduce the saturation the opposite cool colors to put more emphasis on the warm colors When choosing complementary colors fully saturated colors will offer the highest level of contrast Choosing from tints or shades within the hue family reduces the overall contrast of the composition Avoid using browns or dull yellows Complimentary Colors Crestron Programming
33. complished using VTFra e Press d Plasma TV the button below to edit this Interface s WT Fro e project Launch YT Pro e The following touchpanel programming example was created using the TPS 2000 gel blue vtt template Es Single roorn lighting Finish Wull When a template is applied each page may select from a list of Project Graphic Resources to maintain professional consistency and usability throughout the design process Crestron Programming Design Kit DOC 5277E e 59 Crestron Programming Design Kit Audio Distribution Home CADOEUMES ETS ES virece E 3s Ch My Dinning Room TPS 2000 P HOME ER Audio Distribution Climate HOME AUDIO LIGHTS AIMATI B Page Properties gt gt Y background_320 240 bmp background 3204 7 bmp button 33445 blue aff brp button 33 45 blue on bmp button 36 36 blue dk off br button 3b 35 blue dk on bn button 35x35 blue lt ol brng button 35 35 blue lt on bmp button 45x33 blue ot bmp button 15x33 blue an bmp e 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 page 60 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit ES HOME oO LIGHTS IMATI HOME AUDIO AUDIO Lists e em Q E lt p H Page Flip to Audio
34. creases the amount of light by absorbing specific frequencies of light For example red absorbs the green and blue light What we see is the light reflected from the surface to our eyes For paints the absence of all paint is the white surface and the presence of all colors is black absorbing all light Crestron Program Design Kit Crestron Program Design Kit It is important to keep in mind that when you are designing a touchpanel you are painting the surface with light 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 Hue is the term for the pure spectrum colors that are usually referred to by name red orange yellow blue green and violet Value or luminance 1s the lightness or darkness of a color The value is a function of shade and tint Shade is a hue produced by the addition of black Tint is a hue produced by the addition of white The saturation of a color describes color intensity or purity A pure hue has the highest saturation of color Color Perception Warm colors reds and yellows appear to be in front of cool colors blues and violets The warm colors seem to advance or b
35. ding projects created in earlier versions of VisionTools Pro e The Readme document contains a list of recommended fonts for use with VT Pro e Themes Many of the fonts listed are included with Windows operating systems Crestron Programming Design Kit DOC 5277E e 3 Crestron Programming Design Kit Examples of Touchpanel Templates and Themes Refer to www crestron com Tools amp Resources gt Programming and Integration Resources gt GUI Solutions ceso cues AUDIO LIGHTS CLIMATE OTHER AUDIO DISTRIBUTION SOURCES 4 eDOC 5277E Crestron Program Design Kit Crestron Program Design Kit Dashboard for Controls The basic premise of the Dashboard for Controls document is that operation of a professionally installed A V presentation system should be as easy to operate as driving a car Standardization on some basics of user interface design and identification of fundamental A V system functions will increase confidence that frequently used functions will look and feel like others previously used These dashboard publications published by InfoComm are designed to guide the creation of pro A V touchpanel controls to promote intuitive end user operation of professionally installed A V systems e Dashboard for Controls Design Guide A Guide for the Creation of Touch Panel Control Interfaces e Dashboard for Controls Design Reference A Companion to the Design Guide These guides can be downloaded from http
36. e 11 Crestron Programming Design Kit Form D Touchpanel Specifications and Drawings These pages contain the touchpanel specifications that will directly affect your design In addition you can use the proportionately scaled drawings to make a sketch of your project write engraving instructions where applicable and include any additional notes Make as many copies of these pages as necessary Be sure to number the forms carefully 12 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Form D CT 1000 ColorTouch or LC 1000 BriteTouch 3 8 inch Wall Mount Touchpanel Screen Name and Location AN JUDDL JUULULU NOTE Scale drawing not actual size Screen Size 3 8 inch 9 6 cm diagonal Aspect Ratio 4 3 Resolution 240 x 320 pixels Graphic Capability ColorTouch 4 096 colors 256 color palette Brite Touch four shades of grayscale Audio WAV PCM 8KHz mono 8 bit 90 seconds capacity Optional Buttons 10 1000 2000 BTN Engravable Button Cap Crestron Programming Design Kit DOC 5277E e 13 Crestron Programming Design Kit Form D TPMC 10 Isys i O WiFi Touchpanel Screen Name and Location NOTE Scale drawing not actual size ocreen Size 10 4 in 26 4 cm diagonal Aspect Ratio 4 3 SVGA Resolution 800 x 600 pixels Graphic Capability 16 bit 65 536 colors Audio WAV MP3 and 8 bit 16 bit PCM Mono and Stereo 14 e DOC 5277E Crestron Program Design Kit Crestron
37. e RGB video object to return to the previous page RGB Video objects can be any size or set to the 4 3 or 16 9 Aspect Ratio 16 9 aspect ratio l NOTE All RGB and Video objects are scaled Text Box Example Styles A text box enables you to add headings E 7 amp 8 GEESS titles instructions or other text to a Hx i L o e Loos Font size color type and position are all selectable Crestron Programming Design Kit DOC 5277E e 53 Image An image object enables you to add a decorative image to a page Crestron Programming Design Kit Example Styles The image object can be any size and contain BMP Legends A legend is similar to a button in that it has two states However it cannot trigger a control system action rather it is typically used to control the display of text via its digital feedback signal Animation An animation object creates the illusion of movement on the page by using a succession of static images that are displayed at a set speed You can specify the translucency of an animation object from 096 opague to 10096 completely transparent If the resolution of any image is higher than 16 bits 65536 colors VisionTools Pro e will automatically convert it to 16 bits when uploading The resolution of every frame in the animation sequence will be converted to the highest resolution of any frame in the sequence PCX DIB or a JPEG image Example Styles Leg
38. e drawing not actual size Screen Size 12 inch 30 5 cm diagonal Aspect Ratio 4 3 Resolution 800 x 600 pixels Graphic Capability 16 Bit non palette graphics 65 536 colors 262 144 colors for video with appropriate extension card Audio 8 amp 16 bit PCM mono amp stereo 8 44 kHz sampling rates 36 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Form D TPS 6000 Isys 15 inch Touchpanel Screen Name and Location CRESTRON NOTE Scale drawing not actual size Screen Size 15 inch 38 1 cm diagonal Aspect Ratio 4 3 Resolution 1024 x 768 pixels Graphic Capability 16 Bit non palette graphics with color key video window capability 65 536 colors 262 144 colors for video with appropriate extension card Audio 8 amp 16 bit PCM mono amp stereo 8 44 kHz sampling rates Crestron Programming Design Kit DOC 5277E e 37 Crestron Programming Design Kit Form D MT 1000 MiniTouch Handheld Wireless Touchpanel Project Name Order Quote Screen Name and Location NOTE Scale drawing not actual size ocreen Size 3 8 inch 9 65 cm diagonal Resolution 320 x 240 pixels Graphic Capability 16 Bit non palette graphics 65 536 colors Audio WAV File 8 amp 16 bit PCM mono amp stereo 8 22 kHz sampling rates 38 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Control System Block Diagrams The following block diagram is an example
39. e eee o3 GR GR RO Re e de e AAA ded GR RE d 4444 44 64 4444444 4 bee dd Go Ge e de eod bee be eee ee eee ee ee ee www d 4444 4 44 4 4 do Roh o d d d e tee eee eee ee tee eee d ee ee eee eee ee ee 444444444 dede de de de e e HOHOHOHEMI DER dede t e LI e de H Ld Pete PEE EE EE BR eR dede de HE EH Ee 4 Bdkdk dde dede dede ded es es T H444444444444 47 eee EEE EE a 4465554444 4444554444 AE eee E a E 4 H444444444444 HH H444444444444 4 EE E E ee Ae eee RR dede 444485444 AS eee ee Ee Ee EE E Pee eee ee Hee He HH H444444444444 44 PSE Bod od e e EEE EEE 44 EA D IIIILIILIJ H444444444444 47 RR OR dede dede dede 4 Boedo de de de EE EE H444444 4 4 44444444 444545444 H44444 4 4 BR de dede ded Bde RR dede Bd Rode dede KC EA 44444444 i Bddkdd dd Rd dk d de de de deo Bdkd d d dede ded Bd dd dd Bd de dede dede Bd dk dede Bd dd dede 448855454 HH D DECHE H EA AAA ee EEI Bd dde eee e h4444446444 Peete eee E E H i nm rh eee ee reb ee rH tt TETTEY rete eee rete eee NOTE Scale drawing not actual size Screen Size 17 inch 43 2 cm diagonal Aspect Ratio
40. e on top of or in front of the receding cool colors In addition there are other psychological components to color Red is the color of fire and blood so it is associated with energy war danger strength power determination as well as passion desire and love Red is a very emotionally intense color Red brings text and images to the foreground Use it as an accent color to stimulate people to make quick decisions Red is widely used to indicate danger Orange combines the energy of red and the happiness of yellow It is associated with joy sunshine and the tropics Orange represents enthusiasm fascination happiness creativity determination attraction success encouragement and stimulation To the human eye orange is a very hot color so it gives the sensation of heat Nevertheless orange is not as aggressive as red Orange has very high visibility so you can use it to catch attention and highlight the most important elements of your design Yellow is the color of sunshine It s associated with joy happiness intellect and energy Yellow produces a warming effect arouses cheerfulness stimulates mental activity and generates muscle energy Yellow is often associated with food Bright pure yellow is an attention getter which is the reason taxicabs are painted this color Yellow is seen before other colors when placed against black this combination is often Crestron Programming Design Kit DOC 5277E e 63 Crestron Programming
41. end Legend l I 0 amu Legend Color frame thickness style text font and font color are all selectable Legends may also be displayed as a round elliptical Ob round or radius selected object Example Styles Example of four animation frames they can be BMP DIB JPG or PCX format Images can be played forward or forward and backward The associated logic permits the animation to run with many options For example only when a certain button is pressed NOTE There is no specific rule about how many animations or how large an animation can be for a page However too many animations or large animations can degrade performance A good rule to keep in mind is to limit the animation size to one quarter of the total screen size 54 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Timers A timer measures and displays time in two formats hours minutes and seconds or hours and minutes Maximum range is zero to 18H 12M 15S Timers can be used for example to display values that are specific to the touchpanel such as timeouts Borders A border is a decorative element that serves to group together related objects and to help visually clarify and organize the page A border may contain text Lines A line object enables you to add a line of any angle to the page Crestron Programming Design Kit Example Styles Examples of timers left to right without border thin border medi
42. er C2N TAMWX AM Weather Radio Tuner Qty Nam Description OSO 1 C2N DB6W 6 button decorated style keypad backlit white CNX B6W 6 button keypad backlit white TPS FPW White Faceplate Qty Name Description 0 0 0 00 000 0 0000 0 0 0 0 1 Way 6 Wireless Color Touchpanel sys i O WiFi Tablet Touchpanel Qty Name jJjDescripton __ CLX 1DIM4 1 20A Feed 4 Controlled Circuits Dimmer Qty Name jJDesciption gt 1 CLT 1DIM4 Terminal block for CLX 1DIM4 Qty Name LDeseripeon os 1 C2ENET 2 Dual Port Ethernet Card for 2 Series Control Systems 58 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit In SystemBuilder click the Programming button and select the TPS 2000 You can launch VT Pro e directly from here a Crestron SystemBuilder Example System Programming File Edit View Communications Help SES E NADA gt Example System Binning Room s Global Presets o0 Scheduler 4 1 Floor A a A Dinning Boom pe ip Audio Zone Ga L FE A Interfaces E ea e e Kitchen o A Fatio nd Floor LES Em r WE Guest Room WE Master Bedroom AA Office Equipment Area p Equipment Room p CD Jukebox Audio Distibutior Touchpanel Programming TPS 2000 DR paa a Programming E 155 Receiver This interface i a touchpanel Page up DVD design and programming is UA X da FM TV Tuner ac
43. es 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 e True color is 32 bit color The extra byte called the alpha channel is used for control and special effects information ex transparency Colors can appear in nearly infinite variation which can make selecting appropriate colors for your project difficult This guide will attempt to simplify your choices by presenting a few basic principles of color theory There are three basic primary video colors red green and blue All other colors are derived from these three Mixing two of the primary colors creates the secondary colors Red plus green yellow Blue plus red magenta and blue plus green cyan Light versus Paint 62 e DOC 5277E Touchpanel screens use Red Green and Blue as their primary colors The screen emits light made up of thousands of tiny red green and blue pixels that are so close together you cannot easily distinguish an individual light emitter By turning these lights on and off the illusion of mixed colors is reproduced In the case of a touchpanel black is the absence of all light all light emitters off and white is the presence of all light all red green and blue light emitters on full The painter s palette operates on a different principle The white surface of a paper or canvas reflects all available light and appears white Adding colors to the white background de
44. formation Project name Project Location Contact information for the project system designer A load schedule or panel schedule indicating controlled lighting loads types 1ncandescent magnetic or electronic low voltage fluorescent etc and the number of types assigned to each circuit The voltage for each load The ballast types specified for fluorescent dimming 2 3 or 4 wire or ELV if applicable The Emergency power requirements indicating which loads are connected to emergency power The Spare circuits required The External systems interface s Any other special considerations 1 e specific panel locations main or branch circuit breaker requirements etc The touchpanel GUI Graphical User Interface and the keypads are the only components that the end user sees or touches It 1s the user s primary point of interaction with the complete system So it stands to reason that the quality of the GUI design and button layout largely determines the ultimate usefulness of the entire system Use as many copies as necessary of the following forms to specify the user interface Crestron Programming Design Kit DOC 5277E e 45 Crestron Programming Design Kit Lighting Control Programming Request Keypads Job Name Date Load Name Job Location Start Up Date Complete one of these forms for each keypad in the system For keypads of less than 12 buttons place an X in unused spaces For symbol buttons indicate
45. ighting Control Programming Request Keypads ooooocccccnccccococonccnnnnccnonononncnnnnnononanncnnnnnnnnnnnnnnnnnnnnnnnnnnannennns 46 Lighting Control Programming Request us 47 Lighting Control Programming Request TPS 2000 Touchpanels sese 49 Appendix A Touchpanel Objects omic one p esa enu reps ege eu aia sua e CuSuE noc in 50 ling 9204 56 Appendix B Touchpanel Design Example 11 1leeeieeeieeeieeerieen seen nene nnn nnn nnn annona nnmnnn ennen 57 Appendix C Color THEON AAA EE oe EC PE O OO O A 62 alamo Da QUIN EE 62 Hole oo SS ENT m m 63 Soles MT 63 Melee datei ENTE 64 Formulas tor Color Harmony EE 64 Spec VINO ele 67 Color Relativity and Readability nennen nennen nennen nnn nnn nnn rn nnns nnn annis 68 310 ele UU el 68 INDE e 69 li e Contents Crestron Programming Design Kit DOC 5277E Crestron Programming Design Kit Programming Design Kit Introduction Crestron connects people with technology As products and systems become more complex our touchpanels and keypads streamline and simplify technology so people can fully utilize and enjoy its advantages Crestron touchpanels and keypads provide an intuitive way for people to interact with and experience the systems in thei
46. it FORM B Interface Specification Project Name Order Quote Page of Touchpanel Model Screen Name and Location Object Type Object Label Function Device Page Flip To Color Button Slider Abbreviate as Specify the function to control and the Subpage Name Main RGB Hue Gauge etc necessary device to control Page etc Saturation Luminance Crestron Programming Design Kit DOC 5277Ee 9 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 When an intermediate switcher is used specify the device and the input output ports Video 1 IN Video 1 OUT etc The final destination device is noted in the last column include the device name and the input port The bottom of the form has an area for additional notes that can be used to further define how the system can be programmed for your specific needs Make as many copies of Form C as necessary 10 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit FORM C System Routing Project Name Order Quote Source Source Switcher Device Name Final Destination Name Output Type Input Port Output Port And Input Port ll p PAU E NOTES Crestron Programming Design Kit DOC 5277E
47. mple System e Crestron SystemBuilder Example System Interfaces ft file Edit View Communications Help S y Tlax AE AJA Vie E x EE warn de Sustem F E 3 lt e m Example System ER J Floor EAS Dinning Room x ER Great Room 140 Assignment SEET ER Kitchen C2N DBE C2N DBB Kitehen Net Device ID 73 p Patio E CNX BB LNA BB Patin Het Device ID 25 I 2nd Floor E ST 1700CKP STX 1700CXP Great Room ID 52 TPS AFG RFI E ung We Guest Room g TPMC 10 TPMC 10 Office Slot 08 C2ENET 2 IP ID EN BecoralorSef es kapai E Master Bedroom PR TPS 2000 TPS 2000 Dinning Room Net Device ID 03 CNY Designer Series Keypads nterfaces Office E C2N CB E Equipment Area Equipment Hoom a CeNFTB ME CHFI 16B CHRFHT 304 HAM Miscellanenus Audio Distribution Fronto RC5 LInieersal lA Remo k Programming Touchpanels n Finish a a Crestron Programming Design Kit DOC 5277E e 57 Crestron Programming Design Kit SystemBuilder can generate a complete Bill of Materials CRESTRON Qty Name Deseripti n_ S O PRO2 Professional Dual Bus Control System Qty Name Description CNX PAD8A 8 Source 8 Room Enhanced Professional Stereo Audio Distribution Processor CNAMPX 16X60 16 Channel Intelligent Amplifier TPS RFGWX 2 Way RF Transceiver Wireless Gateway for Isys Tilt Models C2N TTVFM TV and FM Tuner the C2N TTVFM is a cable ready television tuner and FM radio tun
48. of a simplified control system showing the relationship of pages The arrows represent page flips Creating a similar diagram for your system is a highly recommended method of organizing your project by allowing you to visualize the entire system This will make the task of specifying the controls that appear on each screen much simpler Refer to Appendix B Touchpanel Design Example on page 57 for a real example of touchpanel design Example Block Diagram Images Made with VT Pro e AMP amp EQ DISPLAY DEVICE VCR SubPage SubPage SubPage sar ad la LIGHTS Pri BOR KEY To Main Page To Lighting Page To Security Page To HVAC Page To Display Device Page To Amp and EQ Page lt To VCR CD DVD Pages To CD Player Page To DVD Player Page Ie OOE F Bo i HVAC SubPage SECURITY SubPage LIGHTING SubPage i m Rocca geg rr n e d LIGHTS AAT LIGHTS 1 TIT o y D x rdn a tet 1 d ana H Crestron Programming Design Kit DOC 5277E e 39 Crestron Programming Design Kit Form E 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 Each Cameo keypad is supplied with six single row switch caps three double row switch caps and two tri
49. on a white background is ideal When there is not enough contrast between figure and ground the viewer must squint to read the text causing eye fatigue Yellow text on a white background or blue text on a black background are difficult to read due to the low level of contrast between figure and ground Further Inquiries 68 e DOC 5277E If you cannot locate specific information or have questions after reviewing this guide please take advantage of Crestron s award winning customer service team by calling the Crestron corporate headquarters at 1 888 CRESTRON 1 888 273 7876 For assistance in your local time zone refer to the Crestron website www crestron com for a listing of Crestron worldwide offices You can also log onto the online help section of the Crestron website to ask questions about Crestron products First time users will need to establish a user account to fully benefit from all available features Crestron Program Design Kit Crestron Program Design Kit INDEX Additional Required Information 6 Analogolus Dnarmmoby stoice 65 e Ven Ce EE 54 Background Magos sisirin 2 POE C MR sane A 55 Sm 50 C2N CB Series Cameo Keypads Description 40 9 0 o t 52 Color Harmony cerc crrriceen 64 Color Rercepton ceci cinics 63 Color Properties iciiieeci ee 63 Color Relativity and Readability 68
50. phic Capability 16 Bit non palette graphics 64 000 colors Audio None Optional Buttons 10 Engraved buttons and bezel kit 1700C BTNB BEZEL 26 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Form D ST 1700C STX 1700C and STX 1700CXP Without Buttons Project Name Order Quote Screen Name and Location CHESTHON NOTE Scale drawing not actual size ocreen Size 5 7 14 4cm diagonal Aspect Ratio 4 3 SVGA Resolution 320 x 240 pixels Graphic Capability 16 Bit non palette graphics 64 000 colors Audio None Optional Buttons None Crestron Programming Design Kit DOC 5277E e 27 Crestron Programming Design Kit Form D TPS 2000L Isys 5 Wall Mount Touchpanel Screen Name and Location NOTE Scale drawing not actual size ocreen Size 5 inch 12 7 cm diagonal Aspect Ratio 4 3 SVGA Resolution 320 x 234 pixels Graphic Capability 16 Bit non palette graphics 65 536 colors Audio 8 bit PCM mono 8 kHz sampling rate 3 minutes capacity Optional Buttons 10 1000 2000 BTN Engravable Button Cap 28 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Form D TPS 3000 Isys 6 4 inch Touchpanel NOTE Scale drawing not actual size ocreen Size 6 4 inch 16 3 cm diagonal Aspect Ratio 4 3 SVGA Resolution 640 x 480 pixels Graphic Capability 16 Bit non palette graphics 65 536 colors Audio WAV 8 bit
51. ple row switch caps as well as two single row button blanks one double row button blank and one triple row button blank any combination may be used To the left of each button an independently addressable white feedback LED indicates active switch status The intensity of these feedback LEDs is programmable from 0 to 100 Button 1 Feedback 1 Left Center Right Button 2 Feedback 2 Left Center Right Button 3 Feedback 3 Left Center Right Button 4 Feedback 4 Left Center Right Button 5 Feedback 5 Left Center Right Button 6 Feedback 6 Left Center Right The switch caps have white LED backlighting that is programmable from 0 to 100 intensity as well In certain circumstances such as when using black switch caps true backlighting is not practical Instead the program can use the feedback LEDs to perform a backlighting function turning them all on but at a fixed percentage of their active state intensity 40 e DOC 5277E Crestron Program Design Kit Crestron Program Design Kit Form E C2N CB Series Cameo Keypad Specification Button Engraving Button 1 Left Center Right Button 2 Left Center Righi Button 3 Left Center Righi Button 4 Left Center Right Button 5 Left Genter Right Button 6 Left Center Right Crestron Programming Design Kit DOC 5277E e 41 Crestron Programming Design Kit Form E C2N DB6 8 12 Decorator Keypad Specifications Location The C2N DB6 8 12 series Decorator Wall
52. r homes offices schools and churches Using touchpanels individuals can create a comfortable environment set a mood and benefit from technology Managing Expectations The key to designing a successful user interface is having a clear vision of the project space subsystems the customer s desires and expectations all of which dictate functionality It is vital that you know the functions to be controlled and have a clear vision from the end user regarding system use e Will the touchpanel interface with subsystems such as lighting HVAC and security e How does the customer want the zones divided and controlled for lighting audio and video e Does the customer expect complex lighting water and climate control events and scenarios or do they just want to turn lights on and off It is equally important to evaluate the level of technical sophistication that the end user possesses The programmer must work within the customer s abilities while striving to meet expectations If the customer is pushed beyond their comfort zone then the system will be unappealing to the client resulting in disappointment and or intimidation Managing expectations is extremely important and knowing when and why to say no is critical to the success of any given project If there are too many buttons on a page then you should reorganize or reprioritize the subcategories to reduce the number of buttons per page The number of buttons that c
53. t to right top to bottom and each has an associated LED window Numbers in the illustration are for programming only CNX B2 _ CNX B4 CNX B6 CNX B8 CNX B12 44 e DOC 5277E Crestron Program Design Kit Crestron Program 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 Elegant keypads and touchpanels provide convenient fingertip control access throughout any environment Every installation is fully customizable to attain streamlined control and automation of complex system functions and end user comfort Nearly limitless connectivity options are also available to support integration with non Crestron components Crestron control can change the ambience of a room at the press of a button schedule landscape lighting to turn on automatically at dusk or remotely adjust the air conditioning from a mobile phone or PDA Lighting climate control security access control irrigation window treatments pool and spa A V and other systems all integrate seamlessly In order to properly design a lighting control system for your project we require some specific in
54. um border and thick border 18 12 15 18 12 15 18 12 15 18 12 15 jt Example Styles Borders may be any color 2 dimensional 3 dimensional shaded and may be framed Shown here 2D unframed and shaded framed Border Example Styles Lines can be any color and from 1 to 16 pixels wide DOC 5277E e 55 Crestron Programming Design Kit Web Objects Web Map e Control HTML Java A Web map is a graphic image in an HTML page that contains links to other targets The clickable areas in the image are referred to as the hit points When users click these hit points the Web browser displays the target which can be another page a URL or a different area within the same large page Web Anchor e Control HTML Java A Web anchor allows the Web browser to jump to a different section of the current HTML page either when a button or hit point is clicked while giving the appearance to the user that an entirely different page is being displayed In this way you can design a single HTML page that downloads once rather than a number of pages that each take time to download Web Marquee e Control HTML Java A Web marquee displays scrolling text within a framed box Web Dial e Control HTML Java A Web dial enables the mouse pointer to control and adjust analog values such as lighting levels audio volume and temperature XPanel Projects e Control 2 Within VTPro e are four XPanel
55. urple is associated with wisdom dignity independence creativity mystery and magic White is associated with light goodness innocence purity and virginity It is considered to be the color of perfection White means safety purity and cleanliness As opposed to black white usually has a positive connotation Black is associated with power elegance formality death evil and mystery Black is a mysterious color associated with fear and the unknown It usually has a negative connotation blacklist black humor black death Black denotes strength and authority it is considered to be a very formal elegant and prestigious color black tie black Mercedes Black gives the feeling of perspective and depth but a black background diminishes readability Black contrasts well with bright colors Combined with red or orange other very powerful colors black gives a very aggressive color scheme Color Harmony Harmony is a set of colors that are pleasing to the eye creating a sense of order and balance The visual task of screen design requires a logical structure Color harmony delivers visual interest a sense of order and creates a dynamic visual equilibrium Inharmonious color schemes are either dull or confused At these extremes of bad design are a bland uninteresting display or an overdone chaotic display that repulses the viewer Formulas for Color Harmony Monochromatic harmony uses variations in lightness and satur
Download Pdf Manuals
Related Search