manualshive.com logo in svg

Drucegrove DragonFly TFT022, User Manual, Page: 88 / 119

Share
Download
Drucegrove DragonFly TFT022 User Manual Download Page 88

Drucegrove DragonFly User Manual 1.4 

Page 88 

 

Tutorial 13: Adding a Dynamic Image Element that updates based on Conditions 

As with the 

Dynamic Text 

element, the 

Dynamic Image / Slide Show

 element is incredibly flexible, and can be used 

to create complex layouts. Images can be shown as a timed slideshow, or based on dynamically changing conditions, 
or a combination of both. 

First, add an 

Element Canvas

 in the position shown below: 

 

Then click on the 

Dynamic Image / Slide Show

 element in the toolbox. The following dialog will be shown: 

 

 

 

Summary of Contents for DragonFly TFT022

Page 1: ...User Manual Document Version 1 4 23 11 2015...

Page 2: ...d Editing XML Files 19 Settings XML File 21 Indicator Settings 21 Network Settings 23 Date and Time Settings 23 Video Settings 24 Identity XML File 25 Identity Settings 25 Network Settings 25 Groups 2...

Page 3: ...out over a LAN 62 Tutorial 6 Creating a New Layout 63 Tutorial 7 Setting a Background Image 68 Tutorial 8 Drawing on the Background Layer 70 Tutorial 9 Adding and Configuring Screen Elements 74 Tutori...

Page 4: ...any technical questions that are not addressed in this manual please contact Drucegrove directly Email technicalsupport drucegrove com Phone 44 0 1992 650 486 Select Option 3 This document explains th...

Page 5: ...isplays driven from the TFT500 Omni Driver The video is streamed digitally to the display over Ethernet from either an IPTV source or an IP CCTV camera either of which can be located anywhere in the b...

Page 6: ...team will take your concept images and logos to produce a result that suits your building And with the open connectivity that we have provided you will never be out of date We can supply any size of...

Page 7: ...00 Contrast Ratio 1200 1 1000 1 2000 1 Viewing Angle 88 88 88 88 85 85 85 85 89 89 89 89 Backlight Half Life 50000 Hours 50000 Hours 50000 Hours A wide range of other non standard screen sizes are als...

Page 8: ...essage images Yes Yes No Standard range of themes available to choose from Yes Yes No Background can be configured as any colour or image No Yes Yes Text and arrows can be configured as any colour No...

Page 9: ...product wiring diagrams for micro SD card location The TFT20 series DragonFly driving hardware can either be built around the RE1 or the RE2 engine The RE1 offers basic drawing options with no animat...

Page 10: ...aying the screen layout selected in the Settings xml file If the Startup exe software does not automatically run after creating a new SD card it will need to be manually run the for the first time usi...

Page 11: ...not supported On the TFT20 Series the micro SD card socket is on the smaller PCB raised off the main PCB there is a cut out in the back plate to access the socket and there is a pair of reset pins bet...

Page 12: ...00 Omni Driver a separate external screen will be provided and this will have a 12V DC power supply which will need mains 110 230V AC input The following diagram shows how a TFT024 positioned inside t...

Page 13: ...ed back to a Drucegrove IND055 2 Wire controller Note that a local 12V DC power supply requires a 110 230V AC input inside the elevator car 12V DC PSU TFT Screen with DVI Input TFT500 DragonFly Omni D...

Page 14: ...mum of 63 units and their RS485 networks would be daisy chained together The maximum transmission distance of the RS485 is 4000 feet but it is recommended that all IND079s be kept local to the TFT500...

Page 15: ...ia the on board Network Address dipswitch on the TFT500 and IND079 The network address is linked to the least significant byte of the IP address of a TFT500 by default this can be changed in the Drago...

Page 16: ...ximum distance of an Ethernet run is 100 meters 328 feet and if the trailer run from the TFT screen back to an Ethernet switch is over this distance Ethernet Extenders need to be used as shown in the...

Page 17: ...12V DC PSU TFT Screen with DVI Input TFT500 DragonFly Omni Driver 110 230V AC Input Elevator Car Machine Room 110 230V AC Input Inputs from Elevator Controller 2 Wires for Power and Data IND055 Contro...

Page 18: ...ame and must be in this location It is not an optional file and the software will fail to load without it It contains top level settings and references the Theme DFX file and an optional Input XML fil...

Page 19: ...ccordingly Under special circumstances XML files can be created and edited using any basic text editing software Microsoft Notepad can be used but the free GNU text editor Notepad http notepad plus pl...

Page 20: ...n XML file between and tags The XML structure consists of nodes shown in black and settings shown in blue The names of these nodes and settings vary depending on the type of XML file ie the nodes and...

Page 21: ...lt Used to disable elevator status emergency messages EnableHallLanternArrows Boolean value true by default Used to disable hall lantern arrows on the display outputs for external lanterns will still...

Page 22: ...ined by the elevator car direction UpdateTimerInterval Integer value zero by default If a positive non zero value is used this sets the interval in milliseconds of the screen update timer This setting...

Page 23: ...P control panel and remote access to files and screenshots Date and Time Settings The following settings can be defined in the Settings xml file under DateTimeSettings TimeZone String value GMT Standa...

Page 24: ...be adjusted but valid values are Highest AboveNormal Normal BelowNormal Lowest Note This setting will only be used if OverrideSettings is True HideWhenNoVideo Boolean value false by default If True th...

Page 25: ...o identify the unit over the Ethernet network IndicatorLiftNumber Optional free text string value empty by default Used to identify the elevator number over the Ethernet network IndicatorLiftGroup Opt...

Page 26: ...TFT20 IndicatorType IndicatorScreenType 10 4 IndicatorScreenType FloorPositionAddress 0 FloorPositionAddress IndicatorID Left IndicatorID IndicatorLiftNumber 1 IndicatorLiftNumber IndicatorLiftGroup...

Page 27: ...bility to create micro SD cards for use with a DragonFly The Designer can also create USB update drives for updating an existing DragonFly screen and can broadcast layouts over a LAN to multiple scree...

Page 28: ...ntended next direction up or down Dynamic Text embedded or conditional Dynamic Image slideshow or conditional Dynamic Pictogram Dynamic Time Date Text Analogue Clock Scrolling Ticker Text Dynamic Rect...

Page 29: ...rounded radius Static Ellipse A basic ellipse or circle with a configurable fill colour border colour and border thickness Static Path Polygon Any solid shape with configurable points fill colour bor...

Page 30: ...rks for the background of the element so if two ticker or canvas elements overlap text or sub elements will only be seen on the canvas that is in front The ticker is drawn by the PowerVR graphics hard...

Page 31: ...Time Date Text Digital clock text The format can be selected and the text automatically updates from the on board real time clock on the DragonFly Analog Clock Analog clock The clock face and hands c...

Page 32: ...lowing Current Floor Designation The current floor designation characters Can be an alpha numeric string value 1 to 4 characters length Current Floor Level The current floor level address as sent by t...

Page 33: ...verloaded Doors Obstructed On Car Preference On Priority Service Under Maintenance Returning To Ground Floor On Fire Control Emergency Fire Service Emergency Code Blue Mode Emergency Hospital Service...

Page 34: ...between 2000 and 2099 Variable Value The name of a variable to test needs to be entered between the brackets Variable Length The name of a variable to test needs to be entered between the brackets As...

Page 35: ...e but these settings may be overridden in the Settings xml file A VideoSettings section needs to exist in the Settings file with a line to set the OverrideSettings setting to True as shown below xml v...

Page 36: ...io 4 Do Not Resize 0 VideoThreadPriority This defines the CPU priority of the video thread This should not have to be adjusted but valid values are Highest AboveNormal Normal BelowNormal Lowest Normal...

Page 37: ...mended that video formats supported by the DSP are used as this will give optimal system performance The following table shows current video format support Video Format Software Decoder CPU Hardware D...

Page 38: ...r a network insider a container A container is used even if there is only a single stream ie video only with no audio will still be inside a container The MPEG Transport Stream MPEG TS is most commonl...

Page 39: ...eceive it Only one copy of the video stream exists on the network regardless of the number of units receiving This means minimum bandwidth is required Unicast streaming does not require managed networ...

Page 40: ...lowing flags are supported Flag Variable Description noaudio Instructs the receiver to ignore audio If no audio is present on the stream this flag must be present or the receiver will fail to render t...

Page 41: ...ATURE_FULL_VALUE Current full temperature value from a sensor including decimal point and single digit fraction Text CURRENT_TEMPERATURE_INT_VALUE Current temperature value from a sensor represented a...

Page 42: ...REAR_DOORS_CLOSING Rear doors closing Boolean LIFT _OVERLOADED Overloaded message active Boolean LIFT _DOORS_OBSTRUCTED Doors Obstructed message active Boolean LIFT _ALARM_ACTIVATED Alarm Activated me...

Page 43: ...ed as follows 0 Clear Night 1 Clear Day 2 Partly Cloudy Night 3 Partly Cloudy Day 4 Sand Storm 5 Mist 6 Fog 7 Grey Cloud 8 Black Cloud 9 Light Rain Night 10 Light Rain Day 11 Fine Rain 12 Light Rain 1...

Page 44: ...e Boolean TFL_METROPOLITAN_STATUS Short status for the Metropolitan line Text TFL_METROPOLITAN_STATUS_DETAILS Full status details for the Metropolitan line when it is disrupted Text TFL_METROPOLITAN_D...

Page 45: ...her temperature and wind information description language en language copyright Copyright C British Broadcasting Corporation see http www bbc co uk terms additional_rss shtml for more details copyrigh...

Page 46: ...t a single static Variable shown in purple called WEATHER_SOURCE which will always be given the value BBC Weather This parser will also output a DateTime variable called WEATHER_UPDATED shown in orang...

Page 47: ...and result value should be separated by a colon character The test is not case sensitive If colons or semi colons need to be used as part of the string they should be escaped by a back slash characte...

Page 48: ...et value for the second part of the time Note This may be positive or negative AddMinutes Optional offset value for the minute part of the time Note This may be positive or negative AddHours Optional...

Page 49: ...l Trim Optional boolean value true by default If True white spaces space tab and carriage return characters will be trimmed from the start and end of the resultant text value DataType Optional data ty...

Page 50: ...t value after all other formatting and conversions XML Read Actions The following attributes may be defined per read action if the Mode is set to XML Path Optional XML path of the element If the path...

Page 51: ...ptional instance of the end text to look for Note The end text is only searched for after the position of the start text EndOffset Optional offset of the end position for the read Note If no EndText i...

Page 52: ...e and recently saved layouts Template layouts are indicated by a small lock icon and are read only they can only be saved as new dfx files Open the David Jones layout The layout is shown in the centre...

Page 53: ...The order of the elements in the Layers panel is the z order on the layout itself so if an element is at the top of the list then it will be the front most element on the layout Elements can be selec...

Page 54: ...panel If we delete all of the root elements we re just left with the Background layer The Background layer is rendered by the DragonFly as one full size bitmap image It is therefore static and so anyt...

Page 55: ...m the basic size and position of the element to colours fonts and transition effects Dynamic visibility opacity and position conditions can also be configured for all sub elements Properties can only...

Page 56: ...using the Preview toolbar at the top of the window Clicking on the configure button next to the preview drop down menu opens the following dialog Only the floor designation on the default configurati...

Page 57: ...ame Floor 1 A wide range of variables can be configured for a custom preview If any variables are not overridden in a custom preview then the default values will be adopted by these variables Override...

Page 58: ...OK will return to the layout view and select the Floor 1 preview Note that the car direction arrow now points down and the floor designation element shows 1 rather than LG Use the preview drop down m...

Page 59: ...d by the Designer software A micro SD card slot must be present on the PC Find the drive letter of this slot and then in the Designer software click on Create SD Card under the File menu The following...

Page 60: ...tings xml and Identity xml files on the SD card These settings can all be left with their default values Click OK to return to the Create DragonFly SD Card dialog Ensure a micro SD card is inserted in...

Page 61: ...Find the drive letter of this USB drive and then in the Designer software click on Create Automatic Update USB Drive under the File menu The following dialog will be shown Click the Create button The...

Page 62: ...ast over the network to these screens Ensure the DragonFly units on the network are on the same subnet as the PC and then in the Designer software click on Broadcast Layout Over Network under the File...

Page 63: ...Tutorial 6 Creating a New Layout To create a new layout from scratch click on New under the File menu The following dialog will be shown Enter DemoLayout as the layout name and ensure the layout size...

Page 64: ...he first element that we want to add to this layout is a floor designation to make this screen act as an elevator position indicator Click on the Elevator Floor Designation in the left hand Toolbox pa...

Page 65: ...Drucegrove DragonFly User Manual 1 4 Page 65 The element canvas has been highlighted in the toolbox so click on it to add it Draw the element canvas in a position as shown below...

Page 66: ...Drucegrove DragonFly User Manual 1 4 Page 66 We can now click on the Elevator Floor Designation sub element in the toolbox Draw the floor designation in a position as shown below...

Page 67: ...Drucegrove DragonFly User Manual 1 4 Page 67 Next click on the Elevator Arrow sub element in the toolbox Draw the arrow in a position as shown below...

Page 68: ...using the Background Drawing Tools in the toolbox To set the entire background to one large image click on Static Image under the Background Drawing Tools Select an image file to use as the backgroun...

Page 69: ...the correct place The Properties panel on the right hand side can also be used to position the image Ensure the Left and Top properties are both 0 the Width property is 1024 and the Height property is...

Page 70: ...o read We could change the colour of the elements or we could add a background The easiest way to add a background would be to click on the element canvas it can only be clicked on in the Layers panel...

Page 71: ...User Manual 1 4 Page 71 Set the element canvas s Background Colour back to transparent and then click on Static Rectangle under the Background Drawing Tools in the toolbox Draw the rectangle in a pos...

Page 72: ...to black Note that the rectangle has automatically been placed behind the arrow floor designation even though we drew it after placing those elements This has occurred because the Static Rectangle is...

Page 73: ...Drucegrove DragonFly User Manual 1 4 Page 73 Finally change the Corner Radius property to 20 to give the rectangle rounded corners...

Page 74: ...st be drawn inside a root Element Canvas If we attempt to add an element now we will only be able to place it in the element canvas that contains the arrow and floor designation Add another Element Ca...

Page 75: ...Drucegrove DragonFly User Manual 1 4 Page 75 Draw the analog clock into the element canvas that we ve just created in the position shown below Next click on the Dynamic Text Ticker root element...

Page 76: ...ialog will be shown Enter Welcome to our building as the embedded text and click on OK Note that the dynamic ticker text is a root level element so it does not need to be positioned inside an element...

Page 77: ...dynamically changing conditions or a combination of both The dynamic text element is drawn in real time by the DragonFly and can just be used to draw simple non changing static text over the top of d...

Page 78: ...under the Embedded text section and click OK The Hello World text will be drawn on the layout as shown below This text will not change but it can be positioned on top of dynamically changing elements...

Page 79: ...he Font Size property to a value of 64 to increase the size of the text The font family and style can also be configured here as well as the text s fill colour and opacity The text can also be program...

Page 80: ...tions could be related to the position direction or status of the elevator car or the time of day the date or the season Conditions can be combined with Boolean logic and any conditional statement can...

Page 81: ...og and in this example is Hello World Click on the If button to add a new condition Set the first condition to If Current Floor Designation G and then click on final drop down box to enter a text valu...

Page 82: ...Manual 1 4 Page 82 Click on the Or button to add a second condition Set the second condition to If Current Floor Designation 1 and then click on final drop down box to enter a text value First Floor a...

Page 83: ...have the Equal To and Not Equal To operators available allowing for AND OR NAND and NOR Boolean logic and conditions where a numerical or date time based value is tested have additional Greater Than G...

Page 84: ...after another as a timed text slideshow Individual text slides can be configured with display times and conditions Click on the button on the Dynamic Text element s Text property or double click on th...

Page 85: ...r the text for this first slide The text can be split over multiple lines if desired Enter the text My Message 1 as shown below Click off the text box to collapse it and then click on the Add button t...

Page 86: ...c Text element s properties It is possible to configure individual slides to be shown for a different period of time Click on a slide to select it it is recommended that the gear icon on the slide be...

Page 87: ...ld make the slide show omit the My Message 4 slide unless the current day of the week is Thursday and the elevator is currently above the fifth floor level in the building Note that the floor level di...

Page 88: ...amic Image Slide Show element is incredibly flexible and can be used to create complex layouts Images can be shown as a timed slideshow or based on dynamically changing conditions or a combination of...

Page 89: ...und under the Sample Pictures folder in the Pictures directory on most Windows based PCs if the Sample Pictures are not present select any three images that are available on the PC for the purposes of...

Page 90: ...koala check the Override default image duration tick box and enter 7500 as the Image Duration then the second image will be shown for 7 seconds All other images will be shown for the default time whic...

Page 91: ...splay If Car Travelling Direction Down Only and then click on the And button Set the second condition to Only Display If Time 12 00 The second image in this case the koala will now only be included in...

Page 92: ...option from the drop down in the top left corner of the dialog The dialog has now changed to the following display For a conditional image element the first image will be shown by default The conditio...

Page 93: ...oor designation is G Click on the third image in this case the penguins and add a condition to display the image when the current floor designation is 1 This dynamic image element will now show the je...

Page 94: ...g and draw the dynamic image element in the position shown below If we now create a micro SD card File Create SD Card and insert the SD card into a DragonFly TFT500 with an appropriate TFT screen 10 4...

Page 95: ...access or be pushed to the DragonFly from a PC laptop on the LAN running DragonFly server software The weather data is stored as a collection of variables These variables can be accessed by any dynam...

Page 96: ...ge 96 Zoom in for a closer look Centre the mouse cursor on the Element Canvas and scroll the mouse wheel upwards Click the Weather Symbol element in the toolbox The element canvases will be highlighte...

Page 97: ...ke it work it will show the symbol that is currently defined in the WEATHER_CURRENT_ICON_INDEX variable The symbols are vector based images so this element can be resized without distorting the symbol...

Page 98: ...ucegrove DragonFly User Manual 1 4 Page 98 Change the Weather Temperature s Temperature Display property to Current Minimum and Maximum This has added the maximum and minimum temperatures to the eleme...

Page 99: ...Drucegrove DragonFly User Manual 1 4 Page 99 Change the Sub Temperature Font Size property to a value of 30 And then change the Horizontal Alignment property to Left...

Page 100: ...Drucegrove DragonFly User Manual 1 4 Page 100 This aligns all of the temperatures to the left of the element as shown below Next click on the Dynamic Text element...

Page 101: ...Manual 1 4 Page 101 The following dialog is displayed Select the Dynamically updated data field option and leave the Data Field on the default Weather Description value Draw the Dynamic Text element i...

Page 102: ...Drucegrove DragonFly User Manual 1 4 Page 102 Change the Font Size property to 30 And change the Horizontal Alignment property to Left...

Page 103: ...matically update themselves on the DragonFly from the following variables WEATHER_CURRENT_ICON_INDEX WEATHER_CURRENT_TEMP_C WEATHER_CURRENT_TEMP_MAX_C WEATHER_CURRENT_TEMP_MIN_C WEATHER_CURRENT_DESCRI...

Page 104: ...expand the property In this tutorial we ll look at the Conditional Offset property This allows us to move a sub element dynamically based on conditions and apply a slide animation when the element is...

Page 105: ...105 The following dialog will be displayed Enter the text Lower Ground Floor and press OK Draw the text in the position shown below Add four more Dynamic Text elements for Ground Floor First Floor Se...

Page 106: ...e the Align Center command with the Align Relative to Parent option checked to ensure that all of the text elements are centralised horizontally Arrange Align Center We ll now draw a Dynamic Rectangle...

Page 107: ...horizontally using the Left Offset vertically using the Top Offset or diagonally using a combination of both In this instance we want to move the rectangle vertically when the elevator car moves betw...

Page 108: ...s link to show the following In this case we have five floors so enter 5 as the Floor Level Count The maximum offset distance is 552 pixels but we need the rectangle to move upwards which would mean a...

Page 109: ...ate We can achieve this by entering a value of 1000 as the Slide Duration to make the rectangle slide for 1 second between floors If we now create a micro SD card File Create SD Card and insert the SD...

Page 110: ...ement section on page 35 of this manual for more information on supported video formats Create a new 1024 768 layout called VideoDemo for this tutorial To add a Video element select it from the toolbo...

Page 111: ...39 0 0 1 is for a live multicast video stream on a LAN We can add a port value of 5000 to this URL as follows If a live video source is available on the LAN refer to the live video source configuratio...

Page 112: ...based on conditions This may be useful for switching between multiple camera feeds based on the position or status of the elevator or based on the time of day This can also be used to show or hide a c...

Page 113: ...er to camera documentation for the correct URL for a particular camera The video element will now show the camera feed if the Alarm Acknowledged message is active otherwise it will fall to the default...

Page 114: ...K to return to the layout Currently when the video is not loaded the video element will remain on the screen as a black rectangle This may be desired behaviour but it may be preferable to hide the vid...

Page 115: ...not be semi translucent when displayed by the DragonFly it will show itself if video is present and playing otherwise it will completely hide itself If we now create a micro SD card File Create SD Car...

Page 116: ...e Controller when a message input is active The message library is currently only available for 480 272 640 480 and 800 480 display resolutions TFT022 TFT023 and TFT024 For other screen resolutions vi...

Page 117: ...Drucegrove DragonFly User Manual 1 4 Page 117...

Page 118: ...Drucegrove DragonFly User Manual 1 4 Page 118...

Page 119: ...e message will be substituted with a full screen no entry pictogram when the lift is parked at the floor that the indicator is addressed to floor designation will be shown alongside pictogram in the g...

Reviews:

No comments