Hope Channel Website Network

Editors Notes

Last updated 02.10.2015

Home

Page Layout

· Only for the Home page!!!

· A page title will not be displayed in this layout

· “Social Connection” and “Watch episodes on” (Devices) do not appear in the backend, but show on the homepage.

3 boxes on top for custom content

· These are optional elements for the homepage.

· Can use TYPO3 standard content elements: Text & Images, Regular Text Element

· Appearance /Indentation and Frames must be set to “Box (fixed height)”

Plugins area

· It will be “full width” content elements

· Plugins will render Boxes automatically

o Media library (plugin)

§ Shows gallery

§ Episodes gallery

§ Episode teaser with Gallery view

o Articles

§ News gallery

o Bootstrap

§ Carousel (special events/important news) per design not used on homepage

9 boxes on bottom for custom content

· These are optional elements for the homepage.

· Per design use TYPO3 standard content elements: Text & Images

· Appearance /Indentation and Frames must be set to “Box (fixed height)”

Main / Sidebar

Page Layout

· Page title (“Example”)

· One big white box on the left for content elements and plugins

· All content elements in the sidebar will be within a white box

· It is possible to generate boxes in the sidebar by adding a divider content element

· Optional banner, full width, no white background (enclosing box).

Banner Options

· Bootstrap - Carousel

Main Options

· TYPO3 content elements: Text & Images, Regular Text Element

Sidebar Options

· TYPO3 content elements: Text & Images, Regular Text Element

· Media library (plugin)

o View : “Episodes teaser”

§ Teaser Type: Latest, Featured, Most Watched, or Best Rated.

o View: “Shows teaser”

§ Teaser Type: Featured.

Main / No Sidebar (previously Fullscreen)

Page Layout

· Use only when need to include really wide content. For example, where a player or a Table will be displayed.

· Page title (“Example”)

· Content elements in full width white box

· Optional banner (“full width”, no white background)

Banner Options

· Bootstrap - Carousel

Main Options

· TYPO3 content elements: Text & Images, Regular Text Element

Gallery plugins (previously No Box)

Page Layout

· Use only with Galley style plugins

· Plugins will render floating white boxes

· No page title (title set by plugins automatically)

Available plugins:

· Media library

o Featured shows gallery

o Shows gallery

o Episodes gallery

o Episodes teaser using teaser layout ‘Gallery’

· Articles (News)

o Gallery

· Bootstrap

o Carousel

PopUp

Page Layout

· This should NOT be used!!!

Hope Channel Backend Pagetree

(Pages with dynamic Plugins)

Schedule and Medialibrary

· A Channel has Shows and Shows have Episodes. An Episode is a single video file and information about it.

· Broadcasts are not a part of the Media library, they are part of the Schedule. Broadcasts means what will be shown in the livestream. Broadcasts must be in the database. Broadcasts are created in the database when the schedule is imported.

· All Shows and Episodes are listed under the “Channels” folder in the TYPO3 backend. Unless changed by the user, the default behavior is that all Shows and Episodes are part of the Media library for later viewing. A partner can choose to flag a Show or Episode as one that should not be available in the Media library for later viewing. This would be an Episode, which is only available during a broadcast.

· When a Show or Episode should not appear in Media library plugins: On the tab Access, under Media Library, check the box Hide.

· If the Show or Episode should appear later in the Media library, use Access Start/Stop dates to set availability.

Schedule Import Process

The partner is responsible for creating and supporting the livestream. The Website platform will display the livestreams developed by partners, it does not create or host a livestream itself. The Hope Channel website livestream schedule is built from an xml file, which is created and imported by the Hope Channel partner.

Ways to create the xml file:

1. Partner creates an xml export from their Scheduling database, which matches the required xml schema of the schedule import file. The costs to develop this are the responsibility of the Hope Channel Partner.

2. Partner uses the Excel spreadsheet template from the support site, containing a macro which will generate the xml file for the schedule. The resulting xml document is placed on users C: drive.

The xml document schema, element descriptions and Excel template can be found on the support site:
http://support.stimme-der-hoffnung.de/de/hc/doc-schedule-import/

Notes on xml file:

· The <programuid> in the xml file must be the same value as the “Import id“ on the episode Import tab. The <programuid> must be unique, each episode must have a different id. One possible way to build the unique name, is to use the following tool: http://www.adventist.org/mamfilename/

· If the <programuid> is not found, the program will try to match the title of the episode and show. This can have undesirable effects if there is already an episode with the <program> title.

Import options of the .xml file:

1. Upload .xml file through the T3 backend. (recommended)

2. Send .xml file to special email address. (SDH to configure)

3. Upload the .xml file by FTP. (SDH to configure)

Upload .xml file through the T3 backend:

1. Once the xml file is ready for importing, log into the TYPO3 backend. In the left column, at the bottom under “Media Library”, click on Import schedule option.

2. Step 1: Upload File

a. Select the proper Hope Channel entry from the list under Channel.

b. Locate the xml file by clicking on the Search button.

c. Click on “Upload and check XML file” button to begin the process.

3. Step 2 Check data

a. If file errors: review messages, correct issues and try again. System provides details of error.

b. If no errors: review schedule preview. Verify any new shows/episodes the import will create.

c. In this step, the application searches for the <programuid> or <program> title. When not found, new shows and/or episodes are created.

d. Click on “Execute import” button to import the file

4. Step 3: Import result

a. Review the results of the import process and what shows and/or episodes have been created.

b. Click on the “Next Import” button if there is another file to import

Changes to the schedule can be made through a new import file and upload, using same dates/times.

Tags and Categories

· Each show should be assigned at least one Category. Some plugins will not display the shows, if the show is not assigned a category. Use only appropriate categories as users can filter by category in the frontend.

· Tags are used by the “Related Episode” plugin, to find other episodes which use the same tag. In this manner Episodes with the same tag will be “related” to each other.

· The assigned categories can be used by TYPO3 Plugins to filter what shows are displayed in the frontend.

· The list of Categories is a global list, which will be shared by all the partners in the Hope Channel network. We are working to keep the list of possible categories small, as it will be shared between partners. Unused Categories can be deactivated for a partner site.

· Tags should not be a Person (Host or Guest).

· An episode or show can have more than one tag. Tags should be appropriate for the content in the episode. Using too many tags can cause unnecessary maintenance if things change in the future.

· The tags list can be edited in the TYPO3 backend: /Data/Tags + Categories

Example of where categories are used:

TYPO3 Backend screen for creating/editing Media library plugin.
The Media library plugin is edited and the Faith category is selected. This setup will display the shows in the Faith category in the frontend (webpage). / Shows Gallery Plugin (backend)

Shows Gallery Plugin (frontend) on Homepage

Filelist module

File and Folder naming conventions:

· Lower case letters only

· No spaces

· No Foreign language characters (replace with standard)

· a-z, 0-9, -, _

· These file names will be used in URL

· Meaningful name for finding it later. (please do not use a conventions such as „nature1“, „nature2“,…)

Images

For latest updates please visit:

http://support.stimme-der-hoffnung.de/hc/hc-website-network-2/documentation/image-sizes

Image Formats:

· Avoid .gif format

· Graphics with less colors .png

· Photo .jpg (best quality) lowest compression

· Do not use cmyk jpg! (use for printing)

· Bigger images reduce your storage space!

Image sizes:

Editors should upload only the Min upload resolution size and with the required aspect ratio to avoid blurry images and distortion on them. The smaller images used on the site will be generated automatically by TYPO3.

In General

· Aspect ratio: 16:9

· Min upload resolution: 1600×900px

Shows

· Because of iTunes podcasts requirements of 1400×1400px, shows images need to be at least 2489×1400px

· Aspect ratio: 16:9

· If no podcast image is provided, the Show's image will be used.

· Featured Show banner plugin will use the Show image.

Episode

· Reccomended resolution: 1600×900px

· Aspect ratio: 16:9

Podcasts

· Max resolution: 3000 x 3000px (recommended)

· Aspect ratio: 1:1

Host/guest images

· Recommended resolution: 1600 × 900px

· Aspect ratio: 16:9

Host/guest thumbnails

· Recommended resolution: 900 x 900px

· Aspect ratio: 1:1

· Note: This is for host/guest thumbnail images. Don't confuse this with the host/guest images that use a 16:9 aspect ratio.

Banner images (rotating)

· Recommended resolution: 1600 x 533px

· Aspect ratio: 3:1

· Note: This is for Bootstrap's carousel banners. Don't confuse this with the Shows banners that use a 16:9 aspect ratio.

News

· Recommended resolution: 1600 × 900px

· Aspect ratio: 16:9

Social Media Icons – class names (css)

In the footer, use these names (keeping their capitalization) to create the icons for social media:

Twitter
Facebook
Youtube
Instagram
SoundCloud
VK
Vimeo
LastFM
iTunes
Flickr
Google
Weibo

SEO (Search Engine Optimization) Items:

For latest updates please visit:

http://support.stimme-der-hoffnung.de/hc/hc-website-network-2/documentation/seo

Google will index your website utilizing the information below. These items should be given careful consideration and provide accurate and concise information about your website’s pages. Keywords are no longer used, see the link below.

· General Site title: This is what appears for the title of your site when the user is on the homepage.
Example:
<title>training-int.hopechannel.de: Hope Channel Training International | Christian Television</title>
A better example would be:
<title>Hope Channel Deutsch | christliches Fernsehen und Radio</title>
- Here is a clear title to the site, separated by a pipe character (“|”), from a short description .
- Should be in the proper language for the country.
- The site title will be setup by Stimme der Hoffnung, please send us know what you would like to use.

· Individual page titles: Make the title for each page in the Pagetree clear as to what the page contains. Page titles should be in the proper language, which people in your country will use to search. Example, do not use English page titles, if the people are searching in Romanian.

· Site description: This tag provides a short description of the page. Google, may in some situations, use this description as a part of the snippet shown in the search results.

· Meta tags that Google understands: https://support.google.com/webmasters/answer/79812?hl=en