"user manual"
Contents
1. Choose File to Upload Jed doe 2010 Slideshow Fonts Bi Organize Se Views fie New Folder vorite Links a Pate modified Type Documents Recent Places Desktop stercilstd ott ER em 3 E FI 00 Computer Recently Changed Pictures Music Searches Public g E i a di Folders File name StencilStd otf Figure 59 Here an otf font file is uploaded to the system Technical Note Local slideshow Version 1 14 10 2010 p Search All Files kd Figure 58 Specific fonts are uploaded to the Fonts section of the Extensions menu 37 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application 5 2 Local computer slideshow management preparation At the location of the media player the slides and the slideshow will be edited by the local staff However this requires that the staff has the possibility to login to the server in the media player To do this the IP address of the media player needs to be known and the correct link needs to be used to login Therefore it is necessary to use a known IP address at the local site This address can be set as a fixed IP address in the media player Another in many cases more practical way is to use the DHCP address reservation table in the local router If the2. jpg and png N 4 Save the slide che O Secr foince evr E Mra Alder 1 Fill out title textbox Date moded Type sals p lt n ES Exhibition Booth MP4 cutjpg D Welcome back 18 Interactive In 24pa wn this store q Store TV ipa 2 Browse to the desired image Fle name Eshibtion Bacth 2 pg 3 Load the desired image Figure 28 Fill out the title text box and browse to the image to be used Technical Note Local slideshow Version 1 14 10 2010 20 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application 5 seconds 15 seconds 15 seconds amam MultiQ Local Slideshow Locally added image Local input of text Local input of images 7 u A MultiQ Presentation Coe dG a PY E October 2010 Central control of fonts r Baik a Figure 29 The slideshow now include 3 slides made with 3 different templates 3 8 Editing the List of existing slides With three slides in the list it becomes interesting to be able to move the slides to new positions Using the arrows to the lett makes it possible to move a slide to the preferred position In figure 30 a fourth slide has been added by using the MultiQ_2 images template a second time mulfio New slide Preview Change password Logout
3. 192 168 5 196 Isf slideshow addedit phpfedit amp slid w aa Ls p php File Edit View Favorites Tools Help 7 m xX Bg Go yY o K Login T v EJ Games vio yy Favorites f input eto name title size 40 value mW MultiQ Presentation October 2010 Figure 21 Fill out the title text box in the template multio Slide has been updated New slide Preview Change password Logout List of existing slides Title Template Time sec Multi Presentation October 2010 MultiQ_O 15 edit delete Update times Figure 22 The title slide is now visible in the list Technical Note Local slideshow Version 1 14 10 2010 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application 3 5 Adding a second slide to the slideshow Click New Slide once more and now select the MultiQ items list template multi N Add new slide Back to list of slides Choose template In this store today Default template Please replace Discount 0 Image only E 5 is 0 3 Some text that is shown below the sie lt gt 2 MultiQ_2 Sushi Text with image Title Figure 23 Select the MultiQ_1 presentation lst template Fill out the title and the items text boxes with suitable text Leave text boxes not
4. Change password menu This should be done before starting to use the slideshow system The main menu contains a List of existing slides which is a playlist to where you can add or delete slides At first startup there is a default slide in the list This slide is intended for a resolution of 1280x1024 pixels SXGA in landscape mode If presented in portrait mode or on a monitor with different resolution the slide will become stretched in relation to what is shown in figure 8 Title goes here Write text here Write text here Figure 8 The default slide is shown on first startup SXGA 1280x1024 pixels multi New slide Preview Change password Logout List of existing slides Title Template Time sec Title goes here Default 15 delete Upi imes Figure 9 Click the edit link on the List of existing slides menu By clicking the edit link you get into the edit menu where there is an editable version of the template Text that can be changed is indicated by text boxes Change the content of the upper text box to My first slide the box in the middle to My first text and the text box at the bottom to Large red text Technical Note Local slideshow Version 1 14 10 2010 9 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your p
5. 6 The local message slide can be played in a separate region of a monitor that has centrally managed global content in other regions You can have several slideshow local messages web sites in a media player to be used for different areas or purposes You just need to give them individual names Technical Note Local slideshow Version 1 14 10 2010 7 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application 3 To use the slideshow system in everyday operation The slideshow system enables you to change text and to add images locally to pre detined templates You can choose to use one or more slides and you are also free to choose the duration of each slide However the maximum allowed duration of a slideshow has been set in the central management server and the slideshow will restart trom the first slide when this time period has elapsed If you have never logged in to the system a default slide is shown 3 1 To login to the local server in the media player To be able to login to the local server you need to have a computer with a web browser connected to the same subnet as the media player If you just want to edit text and do not intend to add any images to your slides you can also use handheld devices such as iPhones iPods iPads or other handheld intellige
6. IP address is set to xxx xxx xxx xxx the Tull path to the slideshow application will become http 1 27 0 0 1 lst slideshow In many cases the local staff need some help to put this address as a favorite in the web browser of the computer to be used see 3 To use the slideshow system in everyday operation In this example the name of the local template based system is slideshow however this name is not mandatory You may use local websites with other names see 5 To build your own slideshow templates Technical Note Local slideshow Version 1 14 10 2010 38 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application 6 To build your own templates 6 1 Template system basics Most local messages consist of a background image on top of which some text or even locally inserted images are added The background image is a part of the template and cannot be altered by the local editor of the page Also the fonts and font sizes along with the placement of text is decided by the template lt ma me T p arimia ga Nawgde Beach o Hamad Beach F Resort 7 TE Conference Ce nier i Thornstone Inc Traditional Buildings Inc Velicat Ltd r i i i l Savemakers Ltd U niy versal Holding ae T Sanan eee el
7. fonts and the layout of the signs are centrally controlled while text content can be controlled locally If desired even local images can be uploaded to the system The MultiQ Local Message Slideshow system can be used in centrally controlled systems as well as in media players operating in standalone mode without access to a central server Technical Note Local slideshow Version 1 14 10 2010 4 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Local management can be done using any computer such as a laptop If only text is to be edited an iPhone iPod iPad or any other intelligent hand held terminal with a web browser may be used It you have MultiQ media monitors in the store you can also use one of them to edit the text on the local signs ks er eet Hewade Beach Resort sss Conference Center Internet optional media monitor in stand alone mode Media player or Templates can be created and Router edited using a computer connected to the LAN Text can be enterred by the local staff Figure 2 Local messages are stored in the web server of the media player You can use a media monitor or any computer such as a PC a mobile phone with web browser or an iPod or iPad The unique feature that makes the MultiQ media players an
8. information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Table of Contents L PROWISION IS LOM asics ce ctateetees arcatentys ct aieneasadentcendoce agaclmenatensvueersemdanetaeateatatbiaeeeieeaenaacertundins 3 2 MUO CIC WOM oe acatens eae secnetccdcttanstiptonstuad sees condctety tae aeteeences oaleaaasiee neni etncanen eer ceemettenai 4 21 Localmnp tand ceniral COME Olssasirsriasen ann 4 2 2 Handling multiple media players ssssesssssesssesessnersnsrsnsnsnrnrnrnnnrnrnrnnnnnnununnsnnnsnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn naa 5 3 To use the slideshow system in everyday operation s sssssssisrsrsrsrrrsirrerersrnnen 8 3 1 To login to the local server in the media playe r s ssssssssssssssssrsrsrsrsrsrsrerersnnnnrnnnrunnnnnnnnnnnnnnnnnnnnnnna 8 3 2 To find the IP address of the media player sssssssssesesessnsssrsrsrensnsnsnrnrnrnrnrnnnrnrununnnnnnsnnnsnnnnnnnnnnnna 8 23 Using Widescreen template S asipi 12 3 4 Building a multi slide slideshOW sssssssssssssssssssssssssssnsnurunsnsnsnsnnnsnsnnnsnnnnnnnnnnnnununununununnnnnnnnnnnnnnnnnn nna 14 3 5 Adding a second slide to the slideshOW s ssssssssssssssssssssrsrsnsrsrsrsnsnenrnrnrnrurn
9. is accessible from your external computer You are now ready to login to the media player from your computer In the address line of your web browser write the IP address and you will get to the login page In the case above 192 168 5 196 Insert the username admin and password admin or the password that you have selected Technical Note Local slideshow Version 1 14 10 2010 23 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application E Digital Signage Management System Windows Internet Explorer OW O http 192 168 5 196 dsms File Edit View Favorites Tools Help qp Favorites 2 Digital Signage Management System multo Digital Signage Management System User name admin Password aii Figure 33 Login to the media player using your computer Now upload the slideshow zip file to the media player Go to the Extensions menu by pressing the Extensions icon Look up the Local Storage Files section and press the Add button Browse to the slideshow zip file select the file and press Open Then press the Upload button The slideshow zip file is now visible in the Local Storage File section of the management system Now the slideshow zip can be downloade
10. password protected local web server Editing is simple by filling out desired text messages in an input form There is also an option to upload local images The local message screens are created by filling NM O ry out text boxes in pre made templates l Ps Sushi Restaurant Se a ee ee le ee ee ee ee ee ag oe e ee Hawada Beach Resort iil K D Conference Center z onlerence Hooms rui f D The Ameihysi ak VO The Zircon 6 sE A F The Diamond ie o Eo a f p The Sapphire Su erat Y The Opal P m i Figure 4 It is easy to change the local content by filling out an input form that is generated by the template used The slideshow is addressed as a media spot in the management system This means that the local message slideshow can be added as a part of any playlist and mixed with centrally managed content Technical Note Local slideshow Version 1 14 10 2010 6 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Images inserted in playlist by the management server Template inserted in playlist by the management server Locally edited text with participating companies at the Hawada Beach Resort conference center An area on the screen is used for local content as this rebate announcement Figure
11. text2 o and so on The use of this code will automatically create the input text boxes required Technical Note Local slideshow Version 1 14 10 2010 44 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application in the input form used in the local slideshow editing interface You can add as many input text boxes as you need 7 a Cobkk g Smem Boada i ie Hawada Bea i Conference C aij L ema a a a Conference Rooms F A h Es The Amethyst W e Amethys Pi The Zircon 3 The Diamond Figure 67 The textX code will create input boxes in the local slideshow editing interface 6 6 Finding the coordinates to get the text in the right places To get the text on the right location on top of the background image the coordinates of the upper left corners of the text boxes need to be known It is preferable to use some kind of WYSIWYG tool for this purpose With some practice you will probably be able to produce the templates with your favorite web development tool However a way to get hold of the coordinates is to load the Tull resolution background image into Photoshop In Photoshop set the Units settings in the Units amp Rulers portion of the Preferences settings to pixels Then the Info window can prov
12. the MultiQ DSMS 3 User s Guide Start by uploading the slideshow zip Tile to the management server Go to the Extensions menu by pressing the Extensions icon Look up the Local Storage Files section and press the Add button Browse to the slideshow zip file select the file and press Open Then press the Upload button The slideshow zip file is now visible in the Local Storage File section of the management system Now the slideshow zip can be downloaded to any of the media players in the system Technical Note Local slideshow Version 1 14 10 2010 l MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Extensions lt Local Storage Files 2 al No localstoragefiles in the system aa lt Upload Local Storage File to system Upload Local Storage File Browse ai are a a aa peii E Choose File to Upload p GO Slideshow 2 Technical note Slideshow website gt v Search ee Date modif Type Bit depth IE Documents 33 Recently Changed p 00 Computer MM Desktop Recent Places E Pictures BB Music E Searches More Folders A File name slideshow zip Figure 50 Add the slideshow zip file to the Local Storage Files section of th
13. the page The address URL to the slideshow is http 127 0 0 1 Isf slideshow show php i Media Bank The maya bank is empty Upload Add External Media Bank J Show All Sort Type lw komendi ee Description slideshow URL http 127 0 0 1 Isf slideshow show php 5 Figure 52 Define the link to the slideshow system in the Media Bank Technical Note Local slideshow Version 1 14 10 2010 Ga MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Finally the slideshow media spot needs to be added to a channel or a playlist that is used by the media player In this case the slideshow spot is to be inserted as a part of a channel named Channel 1 lt Channel 1 4 Playlist Default Spot 2 Settings Add media to playlist Set validity on added media after save 2 Gia iv Play Now Will become active directly after Save 3 a Cancel Figure 53 The slideshow media spot needs to be inserted into a channel or a playlist that is associated to your media player Note that the duration of the spot to be played must exceed the duration of the slideshow that you detine when using the local slideshow system This is critical since the slideshow media spot will be reloaded at the in
14. 08 1080 This will force the image to be displayed with the height 608 pixels and width 1080 pixels In this case this is an image with an aspect ratio of 16 9 If an image with a different aspect ratio is used then the image will get stretched to this size l e that the image to be used can be any size but the aspect ratio is critical If several images are to be used in the same template they are to be numbered the same way as text i e Y image_1 image_2 etc Figure 72 shows the code lt html gt lt head gt lt l Add slide title gt lt title gt Y title lt title gt lt Remove scrollbars in edit mode they will be displayed gt lt style type text css gt Removes scrollbars body overflow hidden font family Times New Roman serif pi margin 60px Defines position and size lt style gt lt head gt of background image lt body gt lt l Define background image as part of template please note the absolute path to the image gt lt div style background color 000000 color white position absolute left Opx top Opx width 1280px height 1024px padding Opx padding right Opx gt lt img src Ist slideshow img MultiQ_1jpg gt lt div gt lt q Background image search path lt Place the edit mode controlpanel in the top left corner gt Yo controlpanel 10 10 q Defines the position of the control panel in the input form lt Insert slide h
15. B provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application pa hawada Beach Resort je Conference Center Thomstoneinc N Tr a E ons S ings Inc 4 Velicat hia U Figure 18 The Hawada Beach Resort application is a way to display what companies are using the different conference facilities at the conference center at Hawada A similar template is the Nippon Sushi Restaurant application which requires a Full HD widescreen monitor in portrait position Otherwise this template works the same way as the Hawada Beach Resort application new slide NI ip D ry Sushi Restaurant Em fhe owen perky l Discount 20 Figure 19 The Nippon Sushi Restaurant template is an example on how to use the system to display restaurant menus 3 4 Building a multi slide slideshow In the previous exercises only one slide has been included in each slideshow However it is possible to add more slides using the same or other templates to the slideshow Technical Note Local slideshow Version 1 14 10 2010 14 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application The next example i
16. List of existing slides Title Template Time sec MultiQ Presentation October 2010 MultiQ 0 5 edit delete MultiQ Local Slideshow Multia 1 i15 edit delete Locally added image viultiQ_2 15 edit delete Aspect ratio MultiQ 2 15 edit delete Update times Figure 30 It is possible to move a slide to a preferred position by clicking the arrows to the left of the list Technical Note Local slideshow Version 1 14 10 2010 21 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application 4 Slideshow installation when using a media player in standalone operation The best way to get acquainted with the local messages slideshow system is to install it on a player and to try out the templates The system is stored in a website named slideshow This can be downloaded as a zip file trom the Developer s section in the MultiQ website You can use this zip file with the templates included or you can add more templates according to the instructions in the 6 Add your own templates section To use the local messages system the local storage web site included in the slideshow zip file needs to be installed on the media player to be used Installation can be done in media players controlled by a management server or in a media player operating in standalone mo
17. Locally added text Template with background image Final application Figure 60 A local message usually consists of a background image on top of which some text or locally inserted images are added We will now take a closer look at the slideshow zip file to learn how to make templates that are adapted to the applications Start by extracting the slideshow folder slideshow templates dade gr ghetii doce ood pip eet Senos hod ba TFE proram hamre amp sam Fs eee ert he a fa p 13 mig ety pa tardive Dhim bret bh sip hen p etm nap mg 6 io po Defeat i Campi lg Coed mage Creed yogi horiee pooped LE u r facie himi g oe tees bg mum m ire iain pi byl gf byts bed beg lta iraty Mi prg a be i ed keis ieee by he briri pg eect ig BL bhn preg tarl psg esri oy Full resolution Low resolution Template 5 background image thumbnail image himli document 1e c c M ee kiari tipy M Lig Lae Rumor ihr pg Pabi apr eT inlets yr fll aid pi Firag yei piji aa ll ler pr ae Figure 61 The slideshow folder consists of a number of subfolders The only ones you need to deal with are the templates and img folders Technical Note Local slideshow Version 1 14 10 2010 39 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particula
18. MUTE Technical Note Local Slideshow This document is divided into 5 sections aimed at different categories of users e Section 1 is intended tor anyone who wants to know more about the MultiQ local slideshow system e Section 2 describes the daily handling of the slideshow system intended for the staff at the site e Section 3 describes how to install the system in a standalone media player intended for installers e Section 4 describes how to install the system in a centrally managed system intended for system administrators e Section 5 describes how to build your own templates intended for template developers web designers The reader is presumed to have prior knowledge of software development and it is desired to also have knowledge of Linux and Linux systems in general This guide applies to products with firmware version 2 10 X Important MultiQ Products AB provides no guarantee that any of the examples shown in this document will work for any particular application or that the descriptions will be valid for future firmware or product versions MultiQ Products AB cannot and will not be held liable for any damage inflicted to any product as a result of the examples or instructions mentioned in this document MultiQ Products AB reserves the right to make changes to this document and to product specifications without prior notice MultiQ Products AB provides NO support for application development of any kind The
19. ae rtd catheneeseuscabadeslvevtereuntebasestennaccsbeasdeasvaunasateacaastiaareeeenntoninencatiinnieted 41 6 4 To create the html document defining the template ceeceeeeeeeeeeeeeeeeeteeeeeeeeeeeeeeeeteetien 42 6 9 hoereate editable TEx OOK CS nisar AEO 44 6 6 Finding the coordinates to get the text in the right places ee eeeeeeeeeeeeeeeeeeeeeeeeeteeettettees 45 O7 USMON S ane eran OOD Re DearS PEEP DERE At aE nT Ear on er a er a ee eee ee ern ere 47 6 8 Sets of templates and templates that allow for locally uploaded images eseeee 47 Technical Note Local slideshow Version 1 14 10 2010 2 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application 1 Revision history This version of the User Requirements Specification becomes effective on the date of final approval If changes are made that affect the document s content or approach a revised complete document must be issued for re approval by the roles of the approvers of the original document or their designated representatives A description of those changes with revision number will be noted in the revision log below Technical Note Local slideshow Version 1 14 10 2010 3 MultiQ Products AB provides NO support for application development of any kind The information here is provided as
20. articular application ss lf N Go back Save siae My first slide My first text Large red text Figure 10 Edit the text boxes and then click on the Save slide button to get back to the List of existing slides menu When back in the list of existing slides menu you will find that the name of the slide has now been changed to the text that was entered in the upper text box Multi Slide has been updated X New slide Preview Change password Logout List of existing slides Title Template Time sec My first slide Default i5 edit delete Update times Figure 11 In the List of existing slides menu the name of the slide has now changed to the text you entered in the upper title text box Technical Note Local slideshow Version 1 14 10 2010 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application My first slide My first text Large red text Figure 12 After a while the updated slide is visible on the screen The next step may be to remove the slide and to add some others based on some of the other templates To delete the slide click the delete hyperlink multi Slide has been updated New slide Preview Change password Logout List of existing slides Title Template Time se
21. c My first slide Default 15 edit Update tints Figure 13 To delete a slide click the delete hyperlink When the slide has been removed this is confirmed in the menu Technical Note Local slideshow Version 1 14 10 2010 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Multi Slide removed New slide Preview Change password Logout List of existing slides Title Template Time sec Update times Figure 14 Slide removed confirmation 3 3 Using widescreen templates The next two examples use templates intended for Full HD or HDReady display 1920x1080 pixels If the monitor is set to less resolution only the upper right part of the screen content will be displayed In the first example we will use a template intended for a possible conference center On an everyday basis the text telling what company is in what conference facility is to be updated In this example we will choose the HawadaC template which requires that a Full HD compatible widescreen monitor is used with a media player set to Full HD in landscape mode multio Slide removed New slide Preview Change password Logout List of existing slides Title Template Time sec Update times Figure 15 Click the New slide button to g
22. d media monitors do this is because they include a web server a SQLite database and PHP support This makes it possible to store locally controlled messages in the media players 2 2 Handling multiple media players It is possible for a media player to retrieve local information from other media players at the same site This means that it is possible to update local content on several monitors at the same location by just editing the local content in one of them The media players need to be on the same subnet to allow for multiple media player local control Technical Note Local slideshow Version 1 14 10 2010 J MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Nippon Sushi Pestana Internet The content of this media player is edited r N r Templates can be created and 1 edited using a computer connected eee am These media players fetch content from the first media player me ct lia 1 i r i Text can be entered by the local staff Figure 3 Local messages can be retrieved from other media players at the same site The local content is based on templates that are centrally generated and controlled This assures full control of the profile of the messages The content may be edited by a local user that login to the
23. d to any of the media players in the system OON 5 Extensions al lt Browser Extensions Extensions Name Description Uploaded Size in bytes O f virtualkkeyboard xpi virtualkeyboard xpi 2010 Oct 11 08 11 45 445929 Add lt Tarball installers No tarball installers in the system Add Local Storage Files No focaistoragefiles in the system a lt Fonts ay No fonts in the system Add Figure 34 In the Extensions menu go to the Local Storage Files section and click Add Technical Note Local slideshow Version 1 14 10 2010 24 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Next step is to download the slideshow zip file to the local storage of the specific media player to be used This is done by adding the slideshow zip file to the Local Storage Files section of the Settings tab of the media player lt Upload Local Storage File to system Upload Local Storage Re Browse E Choose File to Upload Ihe di amp Slideshow Technical note amp Slideshow website Bi Organize ae Views F ai Mew Folder A E Date modified Bit depth E Documents El Recent Places Desktop jE 00 Computer jai Recently Changed E Pictures it Music E Searches Wt Public Folders A Fi
24. de To make the installation basic knowledge in how to handle the MultiQ digital signage system is needed In the Getting stated guides for the media players and media monitors you will tind information on how to configure the units for standalone operation can be downloaded from the Service amp Support tab of the MultiQ website Further information on how to define units create and edit channels and playlists can be found in the Multi DSMS 3 User s manual also to be found at the MultiQ website Before proceeding your media monitor should be configured as a standalone unit Instructions on how to set up the unit in standalone mode is to be found in the Getting started guide that came with your media player The guide can also be downloaded trom the Service and Support section of the MultiQ website 4 1 Uploading the slideshow zip file to the management server To be able to upload the slideshow zip file to the standalone media player it is necessary to login to the unit from a separate computer To be able to do login from an external device the external web server access need to be enabled Start by logging in to the management system of your standalone media player or media monitor by attaching a USB keyboard and pressing Ctrl Alt Del If you use a media player without a touch screen you will also need a mouse to maneuver the management system In the management system go to the Security menu a
25. different fonts However it is essential that the media player has the fonts required If not a standard replacement font will be used and the final appearance of the text may not be as intended It is essential to Know what fonts are used in the templates The templates should be delivered along with instructions on what fonts are required to obtain the desired result The media player includes the following set of standard fonts that will be applied if no other fonts are uploaded to the system If additional fonts are to be uploaded otf or ttf these files are uploaded to the Extensions menu Once uploaded to the Extensions menu the font is available in all media players on that account oN Extensions lt Browser Extensions Extensions Name Description Uploaded Size in bytes O virtualkeyboard xpi virtualkeyboard xpi 2010 Sep 09 14 14 35 443739 Add lt Tarball installers No tarball installers in the system Add Local Storage Files Name Description Uploaded Size in bytes slideshow zip slideshow zip 2010 Oct 08 14 03 55 4196700 Add gt Fonts No fonts in the system Figure 48 Specific fonts are uploaded to the Fonts section of the Extensions menu Technical Note Local slideshow Version 1 14 10 2010 29 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of th
26. e Extensions menu of the management system Next step is to download the slideshow zip file to the local storage of the specific media player to be used This is done by adding the slideshow zip file to the Local Storage Files section of the Settings tab of the media player Figure 51 shows how this is done first select the settings tab of the unit you wish to use 1 and 2 Then click Add in the Local Storage Files in use section 8 Tick the checkbox for the slideshow zip file and then click the Add button 4 and 5 Technical Note Local slideshow Version 1 14 10 2010 32 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application oe os oo General Local Storage Files in use wo isa Storage Files on this unit amp Settings Status 4 Time share 5 4 Nal Storage File to unit sideshow zip Cancel M slideshow zip Add Figure 51 Add the slideshow zip file to the Local Storage Files section of the Settings tab of the management system To be able to address the slideshow local website it has to be addressed in the Media Bank 1 Select Add External 2 in the Media Bank and define the media spot in the Html section 3 and press Save 4 at the button of
27. e certain to be informed about what length of the slideshow has been set in the management server 3 7 Adding a slide with a locally uploaded image If desired several slides based on the MultiQ_1 presentation list template can be added and the slideshow can contain an unlimited number of slides as long as the maximum length of the slideshow is not exceeded However the third slide will be created trom a third template the MultiQ_2 image slide The special thing about this slide is that an image be locally to the slide Technical Note Local slideshow Version 1 14 10 2010 19 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application multi X Add new slide Back to list of slides Choose template teua In this store today Default template Please replace Discount 20 Default Discount MultiQ_O MultiQ_1 Some text that is shown below the tie Sushi Text with image Title Figure 27 Select the MultiQ_2 presentation image template Fill out the template and browse for the desired image The MultiQ_2 presentation image template is intended to be used with images having the aspect ratio 16 9 If other aspect ratios are chosen then the image will get stretched either horizontally or vertically Allowed image formats are
28. e examples shown will work in your particular application 9 Upload fonts to system Upload font Browse Upload Choose File to Upload Io d oe 2010 gt Slideshow Fonts Bi Organize Ee Eae E Date modified Type Documents El Recent Places Desktop stencilstd otf p 00 Computer l Recently Changed Pictures a Music B Searches di Public Folders A File name StencilStd otf ki Al Files Figure 49 Here an ott font file is uploaded to the system 4 5 Local computer slideshow management preparation At the location of the media player the slides and the slideshow will be edited by the local staff However this requires that the staff has the possibility to login to the server in the media player To do this the IP address of the media player needs to be known and the correct link needs to be used to login Therefore it is necessary to use a known IP address at the local site This address can be set as a fixed IP address in the media player Another in many cases more practical way is to use the DHCP address reservation table in the local router If the IP address is set to xxx xxx xxx xxx the Tull path to the slideshow application will become http 1 27 0 0 1 lst slideshow In many cases the local staff needs some help to put this address as a favorite in the web browser of the computer to be used See 3 to use the slideshow system in everyday operation In this example
29. e media player The final step is to associate Channel one to the media player To associate the channel to the media player Primary field on the screen click the Area Schedule icon ty Primary Area schedule The playlist is empty Area Schedule Add Media from channels Figure 45 Select the Area Schedule icon and then click Add in the Media trom channels section E Primary Chan name Cancel Add channel Figure 46 Tick the Channel 1 checkbox and then click Add Channel After a while the default slideshow slide will appear on your media player or media monitor screen The system is now installed in the media player Technical Note Local slideshow Version 1 14 10 2010 28 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Default slide title Insert text Insert tex Figure 47 The default slideshow slide appears on the screen as soon as the system is installed Since we have already enabled the media player for local access the slideshow system is now ready for the staff at the site for local input trom a laptop an iPhone iPod iPad or other computer see 3 To use the slideshow system in everyday operation 4 4 Font installation The templates may address
30. eading Local input gt lt div style z index 1 position absolute left 100px top 75px background color none width 800px height 100px padding 15px font family Arial font size 7Opx Color black font weight bolder S lt b gt H Mtitle lt b gt lt div gt q Defines the first line title that also defines name of slide in the list of existing slides lt Insert image Local input the image should have aspect ratio 16 9 gt lt div style background color 000000 color white position absolute left 100px top 200px height 608px width 1080 padding Opx padding right Opx gt image 608 1080 lt div gt te Defines the position and size of a local input image lt body gt lt html gt Figure 72 The html code includes a section defining an image for local upload Technical Note Local slideshow Version 1 14 10 2010 49
31. eded fonts are available in the media players 6 8 Sets of templates and templates that allow for locally uploaded images In the slideshow folder there is a set of templates that can be used to build a Power Point lookalike application intended to be shown on an SXGA 1280 x 1024 pixels monitor in landscape mode There are three templates available that may be used for different parts of a presentation Technical Note Local slideshow Version 1 14 10 2010 47 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application oma TAS naa EE ened LEHN al MultiQ_0 htrm MultiQ_O jng MultiQ_ htm MultiO_ Ling MultiQ_2 htm MultiQ_2 jpg Figure 70 Templates used to build a Power Point lookalike presentation MultiQ_O is a template used to make a title slide for a presentation MultiQ_1 is a slide to list a number of items Finally MultiQ_2 is an image slide where a slide heading title is combined with and image that can be uploaded locally All three templates have a background image including the Logo and other graphical elements that are to be used on each slide These three templates is an example of a set of templates that can be used by the local staff to create an entirety A slideshow can include several slides based on one template or sl
32. ee the text on top of the background image while developing the template you can temporarily change the search path of the background image to the absolute path to the location where the image is stored on your computer However you must not forget to change the path back to the original search path before you distribute the template to the installers of the system Technical Note Local slideshow Version 1 14 10 2010 46 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application 6 7 Using fonts The templates may address different fonts However it is essential that the media player has the fonts required If not a standard replacement font will be used and the final appearance of the text may not be as intended The media players have a set of standard fonts listed in table 5 1 Standard fonts available in the media players Serif Clean ClearlyU Courier Fixed Helvetica Lucida LucidaBright LucidaTypewriter Luxi Mono Luxi Sans Luxi Serif New Century Schoolbook Times Utopia Table 1 Standard fonts available in the media players If other fonts than the ones defined in table 5 1 are used in the templates it is essential to add information on what fonts are used along with font files to make sure that the person installing the system sees to that the ne
33. et into the Add new slide menu Technical Note Local slideshow Version 1 14 10 2010 12 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Add new slide In this store today Discount 20 Discount Multia 1 Some text that is shown below the tte MultiQ_ 2 Text with image Figure 16 To select a template click on its thumbnail Here the Hawada Beach Resort Conference Center template Once a template has been selected the next thing to do is to fill out the textboxes related to each part of the screen In this case there is a background image that is decided by the template The only thing to edit is the text to the upper right date and year and what companies occupy the facilities Go back to template Click Save slide when done selection i i Er a Save side r a Ni za i F bu a a a ee E m a r a b 5 f ae Wille bed here f Conferen m a a F Conference Rooms Add desired text J to the text boxes 4 o m ie The Amethyst H Wile best here eo Use scrollbars to select various parts of the template Figure 17 How to fill out the Hawada Beach Resort Conference Center template Technical Note Local slideshow Version 1 14 10 2010 lo MultiQ Products A
34. gure 65 below explains the html document An easy way to build an html document is to use one of the already existing html documents and to modify the code By investigating the Hawada code we can see that the code can be moditied quite easily Technical Note Local slideshow Version 1 14 10 2010 42 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application lt html gt lt head gt lt l Add slide title gt lt title gt title lt title gt lt Remove scrollbars in edit mode they will be displayed gt lt style type text css gt Removes scrollbars body oS overflow hidden font family Times New Roman serif pi margin 60px Defines position and size of lt style gt background image lt head gt lt body gt lt Define background image as part of template please note the absolute path to the image gt lt div style background color 000000 color white position absolute left Opx top Opx width 1920px height 1080px padding Opx padding right Opx gt lt img src lst slideshow img HawadaC jpg gt lt div gt Background image lt Place the edit mode controlpanel in the top left corner gt 9 J ocontrolpanel 10 10 search path Defines the position of the control panel in the
35. ide you with the x and y coordinates of the curser on top of the background image These coordinates are measured in relation to the top left corner of the image Use the x and y coordinates obtained trom the Into window to modity the html code Technical Note Local slideshow Version 1 14 10 2010 45 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application yy etn wa Beles Pwd September 23 Hawada Beach Resort peal Conference Center Conference Rooms e The Amethyst Thorni Inc he Zircon E the Diamond A The Sapphire Figure 68 Using the Info window in Photoshop is one way of knowing the coordinates at different locations of the background image By running the html code in your web browser on your computer you will see where the text will occur E Hawada Beach Resort i Conference Center Ptext_2 fo Votext_3 o oote xt_4 o text_5 oVotext_6 Figure 69 By running the html document in your web browser you get an indication of what the final result will look like However you will not see the text on top of the background image since the computer does not Know the search path to the image The text will not show on top of the background image until the template is used in the media player If you wish to s
36. ides based on several templates We will now take a closer look at the MultiQ_2 template to see how it is possible to build templates that allow for local upload of images Background image Locally added image 5 A 4 a ee multiO 3 N my d Area reserved i q 3 E Slide heading for local image multio Figure 71 The MultiQ_2 template is based on a background image with a local slide heading and an image for local upload Looking closer at the code you will find the same code portions as in the previous example The difference is the size of the background image and the fact that there is only one text entry which is the title entry that will be listed as the name of the slide in the List of existing slides when editing the slideshow locally This is practical since the slide heading is probably quite a good description of the image used on the same slide Technical Note Local slideshow Version 1 14 10 2010 48 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application The last portion of the code describes the local image First there is the location of the image in relation to the upper left corner of the slide and the size of the image both in pixels The final part of the code section is perhaps the most interesting image 6
37. input form lt Insert slide heading Local input gt lt div style z index 1 position absolute left 37 px top 54px background color none width 400px height 60px padding 1 5px font family Arial Defines the first line title that also defines font size 48px Color white font weight bolder gt ebsM Mtitle lt b gt lt div gt d Name of slide in the list of existing slides lt b Insert text Local input gt Define text_1 through text_6 lt div style z index 1 position absolute left 3 7px top 124px background color none width 392px height 60px padding 1 5px font family Arial font size 48px Color white font weight bolder gt text_1 lt div gt lt div style z index 1 position absolute left 481 px top 277px background color none width 1369px height 120px padding 15px font family Arial font size 96px Color white font weight bolder gt otext_2 lt div gt lt div style z index 1 position absolute left 48 1 px top 439px background color none width 1369px height 120px padding 15px font family Arial font size 96px Color white font weight bolder gt otext_3 lt div gt lt div style z index 1 position absolute left 48 1 px top 596px background color none width 1369px height 120px padding 15px font family Arial font size 96px Color white font weight bolder gt otext_4 l
38. installed in the media player Title goes here Write text here Write text here Figure 56 The default slideshow slide appears on the screen as soon as the system is installed There is one remaining thing to be done before it is possible to handle the slideshow system locally and that is to enable the local web server for remote access Technical Note Local slideshow Version 1 14 10 2010 35 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Unit control Report Interval 30 Fast Download Interval 10 Bandwidth limit kbit s 0 no limit 0O Log media files P Schedule Reboot j Request Log Upload D Output Display 4 3 16 9 5 4 Encrypted Communication Report Status Vv Report Status Interval 3600 SNMP monitoring 24 7 T Master Volume ag Enable remote access to mef F 3 Enable remote ssh and ftp access Edit setup txt Edit values p Software video playback Display mouse pointer 4 Z Figure 57 In the Settings menu of the media player check the Enable remote access to web server box and then click Save 7 The media player will now reboot and then it is possible to login to the media player web server locally and to use the slideshow system 5 1 Font installation The templa
39. ion development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application With two slides in the slideshow it may be interesting to change the duration of each slide The default duration is 15 seconds but can be set individually for each slide The change is activated by pressing the Update times button 5 seconds 15 seconds rs MultiO Local Slideshow Local input of text Local input of images Multid Presentation Central control of background images October 2010 Central control of fonts Fulto Figure 26 There are now two slides in the list that are played in a loop 3 6 To set the duration of the slides in the slideshow The total duration of the list in figure 26 is 20 seconds In the central server as well as in the management of a media player operated in standalone mode there is a setting for the duration of the slideshow This is set by the administrator of the system The setting makes the slideshow to restart at certain intervals l e that if this interval had been set to 5 seconds then only the first slide would have been shown To show the entire slideshow the duration of the slideshow must be set to at least 20 seconds To get the slideshow to behave in the way expected the interval should be the same as for the slideshow or an integer multiple of the slideshow duration Before you edit the duration of your slideshow b
40. is and there is no guarantee that any of the examples shown will work in your particular application 2 Introduction 2 1 Local input and central control In many cases you may wish to let the local staff in stores and at other sites add and edit text or even add an image to a sign However in most cases there is a need to control the profile of the signs when it comes to background images with logos etc Also there is a need to control the fonts and where the text is located on the screen In addition to this you probably want to control when and how the local messages are inserted into playlists in order to mix global and local messages And of course you want to be able to schedule the local messages or even let them be initiated by interactive commands The local messages may be a part of a full screen application or fill just a specified region on the screen It is possible to let the local message consist of just one image or you may expand it to a complete slideshow with as many slides that you need Finally it has to be simple for the local staff to handle the local insertion of text and images The MultiQ Local Message Slideshow system does all this and more Central management Background image fonts and other profile attributes are decided b in the central management system Internet Central management server Text can be enterred by the local staff Figure 1 The background images the
41. itor is to be used in landscape mode such as in the example above the resolution is 1920x1080 pixels The image can be in jpg or png format Note that if the resolution of the background image is larger than the resolution of the monitor only the upper left part of the image will be shown The background image should be placed in the img folder Technical Note Local slideshow Version 1 14 10 2010 40 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application 1920 pixels 6 a Hawada Beach Resort Conference Center ee r Conference Boonie se The Amethyst 3 Vwi T me YS i amp The Diamond i i r i The Sapphire i ni i d a The Opal Figure 63 First create the background image leaving areas that are to be edited locally empty i a The zircon T _ ze 11080 pixels 6 3 To create a thumbnail In order to recognize the template in the template system a thumbnail version of the background image is needed Of course you do not need to use the exact background image for this but you can create the thumbnail as you like What s essential is that it is easy for the local staff to tind the template when setting up a slideshow The thumbnail must be in jog format and it is advisable to shrink the background image to somewhere in the
42. le name slideshow zip Figure 35 Browse to the slideshow zip file and select and upload the file o Upload Local Storage File to system Upload Local Storage File ys 2010 Slideshow Sli Browse Description s ideshow zip Upload Figure 36 When the slideshow zip has been selected click the Upload button Local Storage Files Mame TE Uploaded Size in bytes slideshow zip slideshow zip 2010 Oct 12 08 49 53 4196700 plete Add Figure 37 Finally the slideshow zip file visible in the Local Storage Files section of the Extensions menu Technical Note Local slideshow Version 1 14 10 2010 25 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application 4 2 Defining the slideshow local web site as a media spot To be able to address the slideshow local website it has to be addressed in the Media Bank Select Add External in the Media Bank and define the media spot in the Html section c5 Media Bank i The media bank is empty Upload Add External Media Bank Sort Type Figure 38 Define the link to the slideshow system in the Media Bank by clicking the Add External button The address URL to the slideshow is http 127 0 0 1 Isf slideshow show php Don t forget to sc
43. ncludes a slideshow intended for an SXGA 1280x1024 pixels monitor in SXGA mode This is more advanced application with several slides and the possibility to add local images The intention is to build a Power Point look alike slideshow with the three most common elements of such a slideshow the title slide a slide with a list of items and a slide with a heading and an image that is uploaded locally The templates include a background image on top of which text and images can be inserted locally In this case we need to use a PC or MAC to be able to upload files to the media player First remove any slides trom the Lists of existing slides to start with an empty list Next click Add slide to get into the Add new slide menu multiE X Add new slide Back to list of slides Choose template In this store today Discount Multia_1 Some text thal is shown below te tie MultiQ_2 Sushi Text with image Title Figure 20 Click the MultiQ_O presentation title template Technical Note Local slideshow Version 1 14 10 2010 15 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application prer E lt input type text name title size 40 value MultiQ Presentation October 2010 onClick cle Windows Internet Explorer a 2 htto
44. nd enable remote access to the web server Technical Note Local slideshow Version 1 14 10 2010 22 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Security Enable remote access to web se Enable remote ssh and ftp acc Security Administrators admin 1 Restricted Users No Restricted Users in the database Add Figure 31 In the Security menu tick the Enable remote access to web server checkbox and click Save Next you need to know the IP address of the media player A way to find this is to is to go to the Status menu by clicking the Status icon at the bottom lett Make a note of the IP address To be able to login to the media player your computer need to be on the same network as the media player Status Unit is up and running Status Status Report N Version 2 10 0 1102648 Uptime 12 seconds Unit Time 2010 10 11 08 33 44 Latest Status Report 2010 10 11 08 33 44 View status Recent Log Errors Log upload history The unit has not uploaded a logfile Figure 32 In the Status menu you can find the IP address of your media player In this case 192 168 5 196 Next press the Done button on the top right of the management menu The media player will now reboot and after that the unit
45. needed empty Leaving them empty will hide these entries Do not forget to save the slide before returning to the List of existing slides menu Technical Note Local slideshow Version 1 14 10 2010 17 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Save the slide Multi Local Slideshow Local ingui of bet seal input of images Ca crt Add desired text to the title and item Central ooniral of sa te xt bo xes SPEE ETE cence inte Leave text boxes not a needed empty COP COC OH OC OOOO FC OOe mulio Figure 24 Fill out the title and items text boxes Leave boxes not needed empty which will make these entries invisible Now the List of existing slides includes two slides Multi Times updated New slide Preview Change password Logout List of existing slides Title Template dh MultiQ Presentation October 2010 MultiQ D edit delete tt MultiQ Local Slideshow Multi 4 edit delete Update times Figure 25 The List of existing slides now include two slides and you can change the duration in seconds of each slide Press the Update times button to activate change in duration for each slide Technical Note Local slideshow Version 1 14 10 2010 18 MultiQ Products AB provides NO support for applicat
46. nnnnnnnnnunnnnnnnnnnnnnnnnnnnnna 17 3 6 To set the duration of the slides in the slideshow sssssssssssssssrsrsrsrsrsrererernnnnnnnnnnnnnrnnnnnnnnnnnnnnnns 19 3 7 Adding a slide with a locally uploaded iMage ssesesesessssssssssrsssrsrsrsrsrsrerenrnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnna 19 3 85 Editing the Listorexsting Sides sss A eas nese ace 21 4 Slideshow installation when using a media player in standalone operation 22 4 1 Uploading the slideshow zip file to the management SerV r ssssssssssesersrsrsrsrerensrsrsrsrsrsnsnss 22 4 2 Defining the slideshow local web site as a media Spot sssssssssssssrsrersrsrererenrnsnnrnsnsnnnnnnnnnnns 26 4 3 Associating the channel with the media player sssssssssssssessssrsssrsrsrsrsrsrerennnnnnnnrnrnnnnnnnnnnnnnnnnnnnnnns 28 dA Fontinstalaloncsiisr a N 29 4 5 Local computer slideshow management preparatiONn cccseecceeeeeeseeeeeeeeeeeetateeteeteteeteeetees 30 5 Slideshow installation when using a central management Server sses 31 Si PROTA S Ca AUI OM e tes veeteed att ec ca ectpeeneveteteanes oreusacet heave tncana seated EN aoe ata 36 5 2 Local computer slideshow management preparation ccssceccseeeeeeeeeeeeeeeeeeeeteteeeseteeeeteeeeses 38 6 No Duld YOUR owm TEM Plate S erncspnar iina ence 39 61 Template system Oasis ais nites aacareee sateen eee ree agen N 39 6 2 To create the background IMAQC sisi nciienipaieeiaine nani annie 40 6 3 JLO Create a TUM Mall ate secias
47. nt devices with a web browser These devices however require that the LAN has wireless access WiFi 3 2 To find the IP address of the media player To login to the system you must know the IP address of the media player If the system is managed by a central system you can get this information in the Status tab of the media player the administrator of the system is able to find this information In a standalone media player or media monitor you need to login to the local management system and find the IP address under the Status tab if you do not know how to do this ask the person in charge of the media monitor To login to the local server add where xxx xxx xxx xxx is the IP address of the media player http XxXX XXxX Xxx xxx Ist slideshow show php to the web browser address box The slideshow web site comes with a selection of templates You will now get to the login page of the slideshow system At first startup the password is blank so leave the password box empty and press Login multi o Go Back Figure 7 At first login the initial password is blank Technical Note Local slideshow Version 1 14 10 2010 8 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application The password can be changed by selecting the
48. r application In the slideshow folder there are two sub folders that are used when building templates the templates folder and the images folder Three tiles are needed to build a template the background image file a thumbnail image file and an html document defining the content of the template Full resolution background image Html document l defining the template Low resolution thumbnail image HawadaC jpg To be placed in the images folder To be placed in the templates folder Figure 62 Each template consists of three parts the full resolution background image a low resolution thumbnail and the html document defining the template The templates to be found in the slideshow folder can be modified to a specific application However before distributing a modified slideshow folder it is advisable to remove templates that are not supposed to be used in the application This simplifies the handling of the system for the local staff and also prevents unintended templates from being used If a background image is to be used it is wise to start the project by creating that image This image will decide where to put the text on the screen and we need to know the coordinates of the text before being able to write the html document defining the template 6 2 To create the background image The background image should be created using the native resolution of the monitor If a Full HD mon
49. range of 150x150 pixels A suitable size of a thumbnail for the Hawada template above might be 179x100 pixels to keep the proportions To make it simple to keep things together it is suggested to use the same name for the background image as well as the thumbnail and the html document below The background image and the thumbnail may use the same name since they are located in different folders Finally place the thumbnail image in the templates folder Technical Note Local slideshow Version 1 14 10 2010 41 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application 179 pixels September23 Hawada Beach Resort 010 Conference Center d Conference Rooms A The Amethyst _Thornstone Inc a Tradition Buildings Inc 100 pixels x The Diamond Velicat Cur a The Sapphire 7 Aa A EE Ltd _ amp mors Universal Holding The thumbnail may include some text samples for illustration Figure 64 Create a thumbnail in the range of 150x150 pixels in jpg format 6 4 To create the html document defining the template The best way to learn how to build the html document defining the template is to examine the html code It is recommended to use Notepad that can be downloaded from http notepad plus plus org Fi
50. re measured in pixels in relation to the upper left corner The upper lett corner of the image should be located at coordinates x O and y O The width of the image is 1920 pixels and the height of the image is 1080 pixels Then follows a short code section defining where the control panel buttons on the input form are to be located The control panel includes the Go back and Save slide buttons The control panel is only visible on the input form used when editing the slide Next is the size tont and location of the title text This text is different to the other text portions in the template because it will not only be shown on the screen but also used as the title of the slide in the List of existing slides of the user interface when editing the slideshow Conference Center Conference Center Hawada Beach Besot Fy va 23 Hawada Beach Resort b m Thornstone Inc Savemakers Ltd Universal Holding o otext_2 o o o otext_3 o text_4 Me p fo ote xt_5 y tape Da cI P text_6 Figure 66 The title text is used both on the screen and to name the slide in the local management interface For the title as well as for the other text entries there are separate portions of code defining the location size and fonts to be used 6 5 To create editable text boxes The editable text boxes are created by defining the title text box as title and Y text1
51. roll down to the bottom of the page and press Save gt Add external media to the media bank Description slideshow URL Atte 127 0 0 1 lst slideshow show php Figure 39 Detine the link to the locally stored website The IP address 127 0 0 1 always refers to the computer or media player itself Local Host Finally the slideshow media spot needs to be added to a channel or a playlist that is used by the media player In this case the slideshow spot is inserted as a part of a channel named Channel 1 Add delete or modify channels lt Channels There are no channels available a v Figure 40 The slideshow media spot needs to be inserted into a channel or a playlist that is associated to your media player Therefore click the Channels icon and create a new channel named Channel 1 Technical Note Local slideshow Version 1 14 10 2010 26 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Add chang Desofiption channel 1 Type Movie C Movies C Images aa Cancel Figure 41 Define the new channel as Channel 1 s Channel 1 g Playlist Default Spot 4 Settings Group schedule The olavist is empty Figure 42 The new channel is empty To add
52. t div gt lt div style z index 1 position absolute left 48 1 px top 754px background color none width 1369px height 120px padding 15px font family Arial font size 96px Color white font weight bolder gt otext_5 lt div gt lt div style z index 1 position absolute left 48 1px top 910px background color none width 1369px height 120px padding 15px font family Arial font size 96px Color white font weight bolder gt text_6 lt div gt lt body gt lt html gt Figure 65 The Hawada template html code Technical Note Local slideshow Version 1 14 10 2010 43 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application The html code can be divided into separate parts that can be reused in other templates By editing copying and deleting sections of the code it may be adapted to any project Looking at the code in figure 65 we can see that the first portion contains the code overflow hidden This is to disable the scrollbars on the screen in case the image should be too large Scrollbars are initiated automatically as the content on the webpage exceeds the size of the screen Next code section is the location and size of the background image In this case the image is to cover the entire screen Coordinates a
53. terval indicated in figure 54 The ideal duration of the Display Time is to select it equal to the length of the slideshow A good way of handling the Display Time issue is to set a specific length of the Display Time and then to inform the users of the system about what length of slideshow should be used lt Channel 1 a io E Playlist Default Spot 3 Setting Channels Important Group schedule Remove L on spot E 1 j slideshow Playing Khange 150 s A Add Figure 54 Ideally the length of the Display Time should be set the same as the duration of the slideshow here 150 seconds Technical Note Local slideshow Version 1 14 10 2010 34 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Store HQ Screen 1 UnitID 101 Location Store Store HQ Last report 2010 10 11 08 04 40 Address Description Primary 4 Settings 4 Status Time share Area schedule The playlist is empty Add Media from channels l Channel Playlist Channel 1 7 gt slideshow Display Time 150s Add Area has no store playlist Figure 55 Finally see to that the channel Channel 1 is connected to the media player After a while the detault slideshow slide will appear on your media player or media monitor screen The system is now
54. tes may address different fonts However it is essential that the media player has the fonts required If not a standard replacement font will be used and the final appearance of the text may not be as intended It is essential to Know what fonts are used in the templates The templates should be delivered along with instructions on what fonts are required to obtain the desired result The media player includes the following set of standard fonts that will be applied if no other fonts are uploaded to the system If additional fonts are to be uploaded otf or ttf these files are uploaded to the Extensions menu Once uploaded to the Extensions menu the font is available in all media players on that account Technical Note Local slideshow Version 1 14 10 2010 36 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Extensions lt Browser Extensions Extensions Name Description XN A virtualkeyboard xpi virtualkeyboard xpi Tarball installers No tarball installers in the system Local Storage Files Uploaded 2010 Sep 09 14 14 35 Delete Name Description l slideshow zip slideshow zip lt Fonts Uploaded 2010 Oct 08 14 03 55 Delete No fonts in the system 3 Upload fonts to system Upload font Browse
55. the slideshow media spot click Add lt Channel 1 J Playlist Default Spot 4 Settings Add media to playlist Set validity on added media after save wi slideshow iw Play Now Will become active directly after Save Cancel Figure 43 Tick the slideshow checkbox and add the media spot to the channel Note that the duration of the spot to be played must exceed the duration of the slideshow that you detine when using the local slideshow system This is critical since the slideshow media spot will be reloaded at the interval indicated in figure 44 The ideal duration of the Display Time is to select it equal to the length of the slideshow A good way of handling the Display Time issue is to set a specitic length of the Display Time and then to intorm the users of the system about what length of slideshow should be used Technical Note Local slideshow Version 1 14 10 2010 27 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application Channel 1 J Playlist Default Spot 4 Settings Group scheduld Important Remove E 1 gt slideshow Playing a add Figure 44 Select the Display time to be the same or longer than the planned duration for each slideshow 4 3 Associating the channel with th
56. the name of the local template based system is slideshow however this name is not mandatory You may use local websites with other names see 6 To build your own slideshow templates Technical Note Local slideshow Version 1 14 10 2010 30 MultiQ Products AB provides NO support for application development of any kind The information here is provided as is and there is no guarantee that any of the examples shown will work in your particular application 5 Slideshow installation when using a central management server The best way to get acquainted with the local messages slideshow system is to install it on a player and to try out the templates The system is stored in a website named slideshow This can be downloaded as a zip file trom the Developer s section in the MultiQ website You can use this zip file with the templates included or you can add more templates according to the instructions in the 6 Add your own templates section To use the local messages system the local storage web site included in the slideshow zip file needs to be installed on the media player to be used Installation can be done in media players controlled by a management server or in a media player operating in standalone mode To make the installation basic knowledge in how to handle the MultiQ digital signage system is needed Further information on how to define units create and edit channels and playlists can be found in
Download Pdf Manuals
Related Search