多媒体信息发布系统

第一章：系统概要

银之鑫“液晶互动”系统为 “总部集中管理制作，网点即时信息发布”的多媒体信息发布系统。便捷快速发布内部通知、员工培训、形象展示，滚动字幕等内容。广泛应用于银行、医院、宾馆、学校等场所，使客户获得更加丰富独特的信息服务，有效提升营销和服务水平，增强品牌形象。

系统中心服务器端采用B/S架构，以总部为中心，二级地区机构设立二级服务器，授权分区管理，网点建立C/S架构播放终端。终端支持合液晶电视、等离子电视、CRT、LED、投影等各类多媒体显示终端。

第二章：系统结构

第一节：网络拓扑图

如图1-1所示：

图1-1

1、服务器：即信息发布系统管理端，主要用于终端显示节目的制作、发布、审批、权限控制、终端监控等。

2、网点播放端：主要用于部署、播放所需显示节目内容以及状态信息反馈等。

3、内外数据库：当终端显示屏需要显示一些特定数据时取数据的地方（如金融数据等）。

4、制作发布端：即总部节目制作发布控制端。

5、分行、支行控制端：即分行、支行节目制作端，主要用于制作根据其分行或支行特点需要添加的个性化内容。

第二节：功能?？?/span>

   该系统主要分为节目管理、终端管理、系统设置、系统日志、素材管理这五个?？椋?/span>

 节目管理：制作、管理、发布、审批、下载管理、从终端删除节目、节目备份 

 终端管理：插播消息、终端监控、终端信息、终端带宽、会议室、会议、终端升级

 系统设置：用户管理、角色管理、机构管理、参数设置、数据采集服务、个性化、分发服务器管理

 系统日志：用户操作日志、播放日报表、素材统计表

 素材管理：素材管理、模板管理、模板商城

第三章：系统操作

第一?？椋旱锹枷低?/span>

首先，我们需要登录到后台管理系统，根据服务器后台地址，打开后台登录界面，显示如图3-1所示界面： 

图3-1

输入登录名和密码，登录到系统首页，显示如图3-2所示界面：

图3-2

该界面主要包含7大块：

1、主菜单栏：当鼠标停放在主菜单上相应的热点区域时，会弹出该区域对应的二级菜单，点击二级菜单中相应的按钮可进入其对应界面，二级菜单显示如图3-3所示。

图3-3

2、系统登录用户帐户管理区域：点击用户名可查看和编辑当前登录用户的信息；点击图标可修改当前登录帐户的密码或退出）。如图3-4所示。

图3-4

3、常用功能快捷方式区域（点击相应按钮后可直接进入其对应界面）

4、点击后进入终端信息界面

5、点击后进入节目管理界面

6、点击相应名称后进入该节目详细操作界面

7、点击后进入审批流程界面

默认是‘单级审批’，即直接发布，跳过审批环节。如需审批发布，则在‘系统设置-参数设置-审批权限’中修改。

第二?？椋航谀抗芾?/span>

第一节：制作节目

第一要素：编辑器

1、新版编辑器

在首页，点击‘节目管理--制作’会进入节目制作界面。进入节目制作界面，我们可以看到如图3-5所示界面：

图3-5

组件按钮对应的功能：

图3-6

<1>返回：返回到节目管理界面。

<2>当前分辨率的模版选择（默认没有模版，需要先制作普通模版或上传背景模版）。

<3>保存场景：当前节目场景内容制作完成后，点击此按钮进行保存。

<4>预览：每个场景制作完成后，都可点此按钮进行预览看效果。

<5>输入节目名称 （注：节目名称中不能包含特殊符号，如：~@#$%^&*以及空格等）。

<6>选择节目分辨率（包含1024*768、1920*1080、1280*720、768*1024、1080*1920和720*1280六种分辨率，根据实际需要可以在系统设置中添加）。

<7>节目类型：选择节目类型为普通节目或互动节目。

<8>选择背景音乐。

<9>旧版编辑器切换（旧版编辑器详细介绍请参阅：2、旧版编辑器）。

<10>文本：即插入静态的文字。

<11>滚动字幕：插入可以动态滚动的文本。

<12>日期：插入当前日期时间。终端播放时会自动与当前服务器时间校准。

<13>天气：插入当前的天气信息。（天气数据需先进行采集，可显示多城市天气）

<14>图片：插入要播放的图片，可以插入一张也可以同时插入多张。支持格式分别为JPG、GIF、PNG，且只支持RGB样式图片。

<15>视频：插入要播放的视频，视频可以是一段或是多段。目前支持格式WMV、MP4、AVI等常用格式。

<16>插入网络页面：在节目内容显示区域插入网络页面（该功能也主要用于触摸屏设备）

<17>互动组件：制作互动节目时会用到的按键、显示区域等控件。

<18>插入超链接：该功能主要用于触摸屏设备（制作互动节目时使用）。

<19>删除超链接：该功能主要用于触摸屏设备（制作互动节目时使用）。

<20>视频直播：在节目内容显示区域插入所需直播的视频节目（只能选择一个视频）

<21>插入文档：在节目内容显示区域显示直接调用的office组件（只支持WORD、EXCEL、PPT、PDF）

<22>微调组件：可以调节节目中组件的位置以及文本文字的样式。

<23>更多：点击后会显示一些节目组件，包含倒计时、正计时、插入特殊字符、设置背景、触摸卡片、视频输入、相册。

<24>源：节目中添加的图片视频等的缩略图列表。

<25>历史：节目制作过程中所进行的操作记录。例如添加、删除等。

<26>组件：显示节目已用到的组件。

<27>页面名称：即当前场景名称，可根据当前场景内容填写相应的名称。

<28>播放时间：即当前场景播放时间，如当前场景有视频，会自动显示为视频的播放时间，可手动修改 。

<29>背景音乐：与组件8配合使用?？梢愿谀坎迦氡尘耙衾?。

<30>场景：场景选择，当有多个场景时，可选择其它场景以直接切换

<31>新建场景：当前场景制作完成后，如还有其它内容需要制作，可点击此按钮新增场景

2、旧版编辑器

在新版编辑器中点击9‘切换旧版’，我们可以看到如下图所示界面：

组件按钮对应的功能： 

<1>返回：返回到节目管理界面。

<2>当前分辨率的模版选择（默认没有模版，需要先制作普通模版或上传背景模版）。

<3>保存场景：当前节目场景内容制作完成后，点击此按钮进行保存。

<4>预览：每个场景制作完成后，都可点此按钮进行预览看效果。

<5>输入节目名称 （注：节目名称中不能包含特殊符号，如：~@#$%^&*以及空格等）。

<6>选择节目分辨率（包含1024*768、1920*1080、1280*720、768*1024、1080*1920和720*1280六种分辨率，根据实际需要可以在系统设置中添加）。

<7>节目类型：选择节目类型为普通节目或互动节目。

<8>选择背景音乐。

<9>切换新版编辑器：点击后可以进入新版编辑器。

<10>常用剪切、粘贴、复制、删除、格式刷选项。

<11>静态字体：需要插入静态文字的时候选择该按钮。

<12>字体属性的修改（参照WORD文档使用）。

<13>段落属性的修改（参照WORD文档使用）。

<14>背景颜色：节目内容显示区域底层颜色选择或修改节目背景图片。

<15>背景图片：节目内容显示区域底层图片选择或修改 。

<16>插入或修改图片：在节目内容显示区域插入或修改图片（只能选择单张图片）。

<17>插入flash动画：在节目内容显示区域插入或修改flash动画（只能选择一个动画）。

<18>插入自动播放媒体：在节目内容显示区域插入或修改视频（能选择多个视频）。

<19>插入广告图片：在节目内容显示区域插入或修改广告图片（插入或修改时可选择多张图片并定义图片切换时间）。

<20>插入或修改字幕：在节目内容显示区域插入或修改滚动字幕（字幕文字滚动方向及速度等可进行修改）。

<21>插入或设置表格：需要显示表格的时候，建议EXCEL中编辑完成后直接调用。

<22>插入或修改栏目框：需要显示栏目内容的时候，建议在WORD中编辑完成后直接调用。

<23>插入或修改、取消超链接：该功能主要用于触摸屏设备（制作互动节目时使用）。

<24>插入网络页面：在节目内容显示区域插入网络页面（该功能也主要用于触摸屏设备） 。

<25>插入当前时间日期：在节目内容显示区域插入当前日期（日期时间在节目播放是自动调用当前系统时间）。

<26>倒计时：该功能需要和插入静态文字想结合。

<27>倒计时：该功能需要和静态文字相结合。

<28>视频直播：在节目内容显示区域插入所需直播的视频节目（只能选择一个视频）。

<29>插入国际时钟：在节目内容显示区域插入国际时钟（能插入多个不同地区的时钟）。

<30>office组件功能：在节目内容显示区域显示直接调用的office组件（只支持WORD、EXCEL、PPT、PDF）。

<31>插入触摸卡片：该功能主要用于触摸屏设备（制作互动节目时使用）。

<32>插入Logo图标：在节目内容显示区域插入Logo图标（可在视频节目层上面显示）。

<33>插入按钮：在节目内容显示区域插入按钮，需自行设置按钮显示样式、按钮标题和按钮链接（按钮链接设置分为内部场景、外部链接和第三方程序）。

<34>视频输入：终端需机顶盒连接，播放电视节目。

<35>显示节目已用到的组件。

<36>金融数据组件：在节目内容显示区域显示金融数据组件（数据需要先进行采集）。

<37>插入天气：在节目内容显示区域显示地区当天天气状况（天气数据需先进行采集，可显示多城市天气）。

<38>会议室：制作会议节目。

<39>RSS：在节目内容显示区域显示和其他站点的共享内容（数据需要先进行采集）。

<40>拖动滑块可调整节目制作区域的大小。

<41>组件层叠方式。

<42>组件对齐方式。

<43>显示网格线。

<44>页面名称：即当前场景名称，可根据当前场景内容填写相应的名称。

<45>播放时间：即当前场景播放时间，如当前场景有视频，会自动显示为视频的播放时间，可手动修改 。

<46>背景音乐：设置节目背景音乐，与组件8一起使用。

<47>场景：场景选择，当有多个场景时，可选择其它场景以直接切换。

<48>新建场景：当前场景制作完成后，如还有其它内容需要制作，可点击此按钮新增场景。

第二要素：节目制作

1、名词介绍

元素：节目制作和播放的元素。

区块：场景编辑页面上的某一块有效区域。

层：在制作时，一个场景由若层叠加而成。元素必须放置在某一层里。

场景：节目在制作和播放时的一个整体页面。

节目：制作和播放单元，一般是多个场景页面组成为一个节目。

播放列表：正在播放或待播放的节目集合。

播放日程：每天需要播放节目的时间、内容。

2、制作（旧版编辑器为例）

2.1文字插入功能

文字插入分为静态文字与动态的滚动字幕：

2.1.1静态文字使用方法

点击11号区域按钮，在界面中会出现“新内容”编辑框，如图：

点击进入编辑框可输入需要显示的文字，并可将该编辑框拖拽至节目内容所显示的任何区域，以便其在所希望的区域显示，如图：

在将编辑框中文字选中后可根据12、13号区域按钮对文字进行相应的设置（如“字号”、“颜色”、“粗体”等）。

2.1.2动态滚动字幕使用方法

点击20号区域按钮，弹出滚动字幕设置界面，如图：

在该对话界面主要分为7块区域：

<1>上传文件：可上传txt文件。

<2>搜索：在已上传的文本文件中搜索文件。

<3>显示已上传上传文件的区域。

<4>滚动字幕文字输入区域。

<5>滚动字幕文字的效果预显示区域。

<6>滚动字幕文字的显示属性设置，可对文字的字号、显示颜色与是否加粗进行设置

<7>滚动字幕文字的滚动设置，分别为“滚动方向”、“滚动方式”、“滚动速度”设置

内容设置完成后点击“确定”按钮，滚动字幕文字会显示在场景编辑区域的最上方，需手动拖拽至其所需显示区域，当需要修改当前的滚动字幕时，可选中滚动文字后右键，点击滚动字幕设置进行重新设置修改，如图：

当文字被图片的下层被遮盖时，可选中图片右键点击“下一层”使图片在文字的下层让文字显示出来。

2.2图片插入功能

图片插入分为背景图片、普通图片、广告图片插入、插入logo图片：

2.2.1背景图片使用方法

插入在场景编辑区域最底层的图片，点击15号区域按钮弹出插入背景图片对话框，如图：

该界面分为7大区域：

<1>图片选择区域：鼠标停放在图片名称上，可看出该图片是否是所需要选择的背景图片，如当前页没有，可在其它页面进行查找，找到后双击该图片名称即可插入该图片。

<2>图片分类区域：图片上传时指定了将图片上传在某个分类时才会显示。

<3>图片的上传路径。

<4>图片尺寸显示区域。

<5>图片大小的显示区域。

<6>图片搜索：可根据图片的名称、分类等进行搜索，快速找出所需要的图片。

<7>图片上传：当所需背景图片没有在现有的素材中时，可进行上传，点击该按钮，弹出如下对话框：

<<1>>点击【选择文件】按钮后，弹出上传文件查找对话栏，选择上传文件时可选择多个文件一起上传。

<<2>>清空待上传的文件素材

<<3>>将待上传的素材上传到服务器中

<<4>>待上传素材显示区域

上传完图片后，该图片会自动显示在首页最上方，双击选择即可

2.2.2普通图片使用方法

点击16号插入或修改图片按钮，弹出如下对话框：

该对话框与插入背景图片对话框一致，操作方式也一样（注：该图片插入后可在场景编辑区域中选中该元素后进行拉伸或缩放或右键将其设置为全屏）。

2.2.3广告图片使用方法

点击19号插入广告图片按钮，弹出如下对话框：

该界面主要分为4大块：

<1>图片分类结构

<2>图片素材选择相关区域：该区域操作基本与背景图片等操作一致，唯一不同的就是在选择图片时在当前页面可以同时选择多张图片，全选只勾选当前页面的，点击“添加”按钮后，所选择的图片都会显示在已选择素材列表区域，如有已选择的图片不想要的可勾选后点击“删除”按钮以剔除。

<3>已选择素材列表：用于显示选中了的所有图片，并可对以选中了的图片进行修改切换时间。

<4>广告图片设置：该区域可统一设置广告图片的高宽度，广告图片切换时效果的时间长度（高宽度也可在图片选中好确定后在场景编辑区域进行拉伸或缩放）

当选择多张图片时，其播放顺序按已选择素材列表中的顺序播放，如播放顺序不对，则需要将先播放的图片选中后进行“添加”，在选择后续播放的图片进行“添加”。

2.2.4 Logo图片使用方法

点击32号插入Logo图片按钮，弹出如下对话框：

该对话框与插入背景图片对话框一致，操作方式也一样（注：该Logo插入后可在场景编辑区域中选中该元素后进行拉伸或缩放，同时可在视频层上显示出来）

2.3视频插入功能

视频插入分为Flash动画插入、自动播放媒体插入和视频直播：

2.3.1 Flash动画插入使用方法

点击17号“插入自动播放媒体”按钮，弹出如下对话框：

该界面分为5大区域：

<1>动画分类区域：flash上传时指定了将flash上传在某个分类时才会显示。

<2>动画搜索：可根据flash的名称、分类等进行搜索，快速找出所需要的flash。

<3>图片的名称、分类、保存路径、尺寸和大小信息。

<4>文件上传：当所需flash没有在现有的素材中时，可进行上传，点击该按钮，弹出如下对话框：

<<1>>号区域点击【选择文件】按钮后，弹出上传文件查找对话栏，选择上传文件时可选择多个文件一起上传。

<<2>>号区域为清空待上传的文件素材

<<3>>号区域将待上传的素材上传到服务器中

<<4>>号区域是待上传素材显示区域

上传完动画后，该动画会自动显示在首页最上方，双击选择即可

<5>是否透明：可以勾选来选择是否要透明背景

2.3.2自动播放媒体插入使用方法

点击18号“插入自动播放媒体”按钮，弹出如下对话框：

该界面基本与插入广告图片界面一致：

<1>视频分类结构显示

<2>视频素材选择相关区域。媒体文件时长显示。

<3>已选视频素材区域

<4>当媒体文件过大，用“上传文件”按钮无法上传时，可选择用该按钮。

媒体文件播放是默认在最上层。

2.3.3视频直播使用方法

点击28号“视频直播”按钮，弹出如下对话框：

在该界面输入流媒体的URL，点击确定后即可插入所需播放的视频（注：更新数据可以使数据及时更改到最新状态，不过前提条件是先进行数据的采集）。

2.4日期时间插入功能

点击25号区域插入当前时间日期按钮，弹出如下对话框： 

在该界面我们可以对时间显示中文字字体与样式进行相应的设置（注：在修改字体属性前请先选择样式，否则选择好文字的相应属性在选择样式后，文字属性会变回默认属性）

2.5倒计时和正计时插入功能

2.5.1倒计时使用方法

1、点击26号区域“倒计时”按钮，弹出如下对话框：

该对话框分为4大区域：

<1>时间显示属性选择区域：默认为“天”。