AppSpace – Digital Signage

Login to AppSpace, http://grover.wou.edu/app/login.aspx

Size of media

Your media should be 1703px wide by 958px tall.

Click on the menu icon and select Content Library from the dropdown.AppSpace01

 

Select the folder you would like to add the media to. (You can create a folder by clicking on the + button under the Folders if you would like.) Click the + button under My Library to add media.AppSpace02

 

Click on Upload Local File.AppSpace03

 

Click the Browse button.
AppSpace04

 

Navigate to the media file you would like to add and click the Open button.
AppSpace05

 

Select Sign Manager from the top dropdown menu.
AppSpace06

 

Click on the Sign Application that you would like to edit.
AppSpace07

 

Click on the Edit tab.
AppSpace08

 

Click on the Media Zone that you want to add the media to.
AppSpace09

 

Select the Content tab.
AppSpace10

 

Select the media that you would like to add.
AppSpace11

 

You can rearrange the order of the slide by dragging and dropping them where you would like and if you would like to remove a slide you can click on the Remove link to the right. Then click close window when done.
AppSpace12

 

To see if you Digital Signage is updated click on the Players tab and you can view the Status there. It will either say Out Of Sync or In Sync and depending on how large the files are that you added it shouldn’t take longer than 15 min to become In Sync.AppSpace13

AppSpace14

 

 

Glossary of Terms

Glossary of Terms

  • Page – The primary container for content that contains text and images and can have associated menus and widgets.
  • Page Templates – The template defines specific layout for individual pages. The Western Oregon theme is comprised of:
  • Default Template – the primary page structure with a left sidebar, widget areas, and an optional contact feature
    • Faculty Directory Template – this template includes a left sidebar, widget areas, and a carousel of faculty that link directly into the faculty profile pages.
    • PPC Landing Page Template – this is a stream-lined template intended for use with advertising campaigns that directs a call to action to complete an information request form (intended for use with gravity forms).
    • PPC Completion Template – this is a stream-lined template that assures the user their form has been submitted, offers the user additional information to engage and can lead the user back into the Western Oregon main website structure.
  • Home Page – the home page for this theme is a static page built via a series of editable widget areas and menus. More detail on how to update the home page elements follow in this document.
  • Profiles – a custom content type that stores and displays a set of data specified for a faculty member, a staff member, or a student and are generally associated with an academic program.
  • Testimonials – a custom content type that stores and displays a set of data specific for the sidebar testimonial slider and are generally associated with an academic program.
  • Page Groups – a custom content type that stores the page settings for groups of pages. Think of a page group as a department. If content is in appropriate to a group, it can be left blank and will not display. Grouped content includes:

    • Default menu
    • URL for program application
    • URL for program Request Information Form
    • Social Media Links
    • Contact us / Need Help block
    • Settings for Testimonial Slider
    • Settings for Profile Slider
  • Navigation – the hierarchical menu structure of the pages on the site. Typically, site visitors use top or sidebar navigation to browse through the site.
  • Plug-in – A collection of files that either change the way WordPress functions, or adds/removes functionality. These plugins can be activated or deactivated through the WordPress admin panel by the site admin
  • Widget – Placeholders or user interface elements that present data or a user interface to the user. Sidebar widgets can be reordered, renamed, enabled or disabled to change the looks, feel and contents of the user interface. Widgets can also be part of a plug-in.

Add a White Border with Drop Shadow to an Image

If you would like to add a white border with a drop shadow to an image you can either open the .php page in Dreamweaver or do it in Contribute.

Dreamweaver

Open the .php page and add the class white_border to the image tag.

Example:
<img class=”white_border” src=”https://wou.edu/press_release/home_page/spotlight_images/distracted.jpg” />

Contribute

Select the image that you would like to add the white border and shadow to and then select white_border from the styles dropdown at the top and then once you hit publishe and refresh the webpage you should see the image now having the white border with a dropshadow.

Anchor Links In Dreamweaver

To add anchor links in Dreamweaver you first need to have both the section you want to anchor the link to and the text you want to link. Go to the section you want it to link to and in the code view of Dreamweaver enter <a name=”your-anchor-name-here“></a>

Then go to the link and put <a href=”#your-anchor-name-here“>Link for your anchor here</a>

Here is an example page using anchor links, https://wou.edu/~gauntzd/anchor_links.php

The image below shows the code in Dreamweaver.

anchor links

Embed a Linked Photo into Your Email

You will need to log on to the remote desktop, ts.wou.edu. Open Dreamweaver and create a new HTML page. Save the page on your Public drive as email.html. Also save the image on your Public drive in the images folder (you may have to create this if it does not already exist). The path of your image will then be https://wou.edu/~your_username/images/name_of_your_image.jpg

In Dreamweaver add this code right after the
<body>
<a href=”http://www.put_your_link_here.com”><img src=”https://wou.edu/~your_username/images/name_of_your_image.jpg” /></a>
</body>

Open a browser window and go to https://wou.edu/~your_username/email.html

Then go under the edit menu and click on “Select all” from the drop down. Then go back under the edit menu again and click on “Copy”. Open your email and put the courser where you would like the image to appear and go under the edit menu and click on “Paste”. Your image should have appeared in the body of the email. You can do a quick test email to yourself to make sure that the image shows up and that the test link works.