브랜딩 사용자 지정

브랜드 개요

브랜딩 기능을 사용하여 Cisco Unified Communications Manager에 맞게 사용자 정의된 브랜딩을 업로드할 수 있습니다. 브랜딩은 Cisco Unified CM 관리 로그인 및 구성 창에 적용됩니다. 수정할 수 있는 항목에는 다음이 포함됩니다.

  • 회사 로고

  • 배경색

  • 테두리 색상

  • 글꼴 색

셀프 서비스 포털에 로고 추가

브랜딩 기능을 사용하면 회사 로고를 Unified Communications 자가 관리 포털 로그인 페이지와 사용자 인터페이스 헤더에 추가할 수 있습니다. branding_logo.png 파일을 branding.zip 파일에 포함하고 zip 파일을 Cisco Unified Communications Manager에 업로드해야 합니다. Cisco Unified Communications Manager에서 브랜딩을 활성화한 후에는 로고가 셀프 서비스 포털에 표시됩니다.

셀프 서비스 포털에 대한 배경색 또는 글꼴을 사용자 정의하는 옵션은 없습니다.

브랜드 필수 조건

지정한 폴더 구조와 파일을 포함하는 branding.zip 파일을 생성해야 합니다. 자세한 내용은 브랜딩 파일 요구 사항를 참조하십시오.

브랜딩 작업 흐름

이러한 작업을 완료하여 Cisco Unified Communications Manager 및 Unified Communications 자가 관리 포털에 브랜딩을 적용합니다.

시작하기 전에

프로시저

  명령 또는 동작 목적

단계 1

다음 절차 중 하나를 사용하여 브랜딩 설정을 구성합니다.

Cisco Unified Communications Manager 클러스터에 브랜딩을 적용합니다.

단계 2

Tomcat 서비스 다시 시작

새 브랜딩 설정을 위해 Cisco Tomcat 서비스를 다시 시작하여 Unified Communications 자가 관리 포털에서 당겨 받을 수 있도록 해야 합니다.

브랜딩 활성화

이 절차를 사용하여 Unified Communications Manager에 대해 브랜딩 사용자 정의를 활성화합니다. SAML SSO(Single Sign-on)에 대해 시스템을 활성화한 경우에는 브랜딩 업데이트가 표시됩니다.


참고


브랜딩을 활성화하려면 권한 수준 4 액세스 권한이 있는 기본 관리자 계정을 사용해야 합니다. 이는 설치 중에 생성되는 기본 관리자 계정입니다.

참고


브랜드를 활성화하거나 비활성화하려면 GUI와 CLI 중 하나만 사용해야 합니다. 예를 들어, GUI 인터페이스를 사용하여 브랜딩을 활성화하는 경우 GUI 인터페이스 자체를 사용하여 브랜딩을 비활성화해야 합니다. 그렇지 않으면 제대로 작동하지 않습니다.

시작하기 전에

branding.zip 파일을 준비하고 Unified Communications Manager에서 액세스할 수 있는 위치에 저장합니다.

프로시저


단계 1

Cisco Unified OS 관리에 로그인합니다.

단계 2

소프트웨어 업그레이드 > 브랜딩을 선택합니다.

단계 3

원격 서버로 이동하고 branding.zip 파일을 선택합니다.

단계 4

파일 업로드를 클릭합니다.

단계 5

브랜딩 활성화를 클릭합니다.

참고

 

utils branding enable CLI 명령을 실행하여 브랜딩을 활성화할 수도 있습니다.

단계 6

브라우저를 새로 고치십시오.

단계 7

모든 Cisco Unified Communications Manager 클러스터 노드에서 이 절차를 반복합니다.

회사 로고를 셀프 서비스 포털 사용자 인터페이스에 추가하려면 Tomcat 서비스 다시 시작의 내용을 참조하십시오.


브랜딩 비활성화

이 절차를 사용하여 Cisco Unified Communications Manager 클러스터에서 브랜딩을 비활성화합니다. 셀프 서비스 포털에서 회사 로고를 제거하려는 경우에는 브랜딩을 비활성화해야 합니다.


참고


브랜딩을 비활성화하려면 권한 수준 4 액세스 권한이 있는 기본 관리자 계정을 사용해야 합니다. 이는 설치 중에 생성되는 기본 관리자 계정입니다.

참고


브랜드를 활성화하거나 비활성화하려면 GUI와 CLI 중 하나만 사용해야 합니다. 예를 들어, GUI 인터페이스를 사용하여 브랜딩을 활성화하는 경우 GUI 인터페이스 자체를 사용하여 브랜딩을 비활성화해야 합니다. 그렇지 않으면 제대로 작동하지 않습니다.

프로시저


단계 1

Cisco Unified OS 관리에 로그인합니다.

단계 2

소프트웨어 업그레이드 > 브랜딩을 선택합니다.

단계 3

브랜딩 비활성화를 클릭합니다.

참고

 

utils branding disable CLI 명령을 실행하여 브랜딩을 비활성화할 수도 있습니다.

단계 4

브라우저를 새로 고치십시오.

단계 5

모든 Cisco Unified Communications Manager 클러스터 노드에서 이 절차를 반복합니다.

셀프 서비스 포털 사용자 인터페이스에서 회사 로고를 제거하려면 Tomcat 서비스 다시 시작의 내용을 참조하십시오.


Tomcat 서비스 다시 시작

셀프 서비스 포털에 반영되도록 브랜딩 업데이트를 위해 Cisco Tomcat 서비스를 다시 시작해야 합니다.

시작하기 전에

다음 작업을 완료해야 합니다.
  • 셀프 서비스 포털에 로고를 추가하려면 먼저 Cisco Unified Communications Manager에서 브랜딩을 활성화해야 합니다. branding.zip 업로드 파일은 회사 로고를 포함하는 44x25 픽셀 branding_logo.png 파일을 포함해야 합니다. 자세한 내용은 브랜딩 활성화의 내용을 참조하십시오.

  • 셀프 서비스 포털에서 로고를 제거하려면 Cisco Unified Communications Manager에서 브랜딩을 비활성화해야 합니다. 자세한 내용은 브랜딩 비활성화의 내용을 참조하십시오.

프로시저


단계 1

명령줄 인터페이스에 로그인합니다.

단계 2

utils service restart Cisco Tomcat CLI 명령을 실행합니다.

단계 3

모든 Cisco Unified Communications Manager 클러스터 노드에서 이 절차를 반복합니다.


다음에 수행할 작업

서비스가 다시 시작되 면 브라우저를 새로 고쳐 셀프 서비스 포털의 변경 사항을 확인합니다.

브랜딩 파일 요구 사항

사용자 지정 브랜딩을 시스템에 적용하기 전에 지정된 사양에 따라 branding.zip 파일을 만듭니다. 원격 서버에서 브랜딩 폴더를 만들고 지정된 내용으로 폴더를 채웁니다. 모든 이미지 파일과 하위 폴더를 추가했으면 전체 폴더를 압축하여 파일을 branding.zip으로 저장합니다.

헤더에 대해 단일 이미지를 사용할지 아니면 여섯 개의 이미지 조합을 사용하여 헤더에 대해 단계별 효과를 만들지 여부에 따라 폴더 구조에는 두 가지 옵션이 있습니다.

표 1. 폴더 구조 옵션

브랜딩 옵션

폴더 구조

단일 헤더 옵션

헤더 배경(설명선 항목 3)에 대해 단일 이미지를 원하는 경우 브랜딩 폴더에 다음 하위 폴더 및 이미지 파일이 있어야합니다.


Branding (folder)
   ccmadmin (folder)
      BrandingProperties.properties (properties file)
      brandingHeader.gif (2048*1 pixel image)
      ciscoLogo12pxMargin.gif (44*44 pixel image)
   branding_logo.png (44*25 pixel image)

단계별 헤더 옵션

헤더 배경의 단계별 이미지를 만들려면 단계별 효과를 만들기 위해 6 개의 별도 이미지 파일이 필요합니다. 브랜딩 폴더에는 이러한 하위 폴더 및 파일이 있어야합니다.


Branding(folder)
   ccmadmin (folder)
      BrandingProperties.properties (file)
      brandingHeaderBegLTR.gif (652*1 pixel image)
      brandingHeaderBegRTR.gif (652*1 pixel image)
      brandingHeaderEndLTR.gif (652*1 pixel image)
      brandingHeaderEndRTR.gif (652*1 pixel image)
      brandingHeaderMidLTR.gif (652*1 pixel image)
      brandingHeaderMidRTR.gif (652*1 pixel image)
      ciscoLogo12pxMargin.gif (44*44 pixel image)
   branding_logo.png (44*25 pixel image)
   

사용자 인터페이스 브랜딩 옵션

다음 이미지는 Cisco Unified CM 관리 사용자 인터페이스의 사용자 정의 옵션을 표시합니다.

그림 1. Unified CM 관리 로그인 화면의 브랜딩 옵션
Unified CM 관리 로그인 화면의 브랜딩 옵션
그림 2. Unified CM 관리 로그인됨 화면의 브랜딩 옵션
Unified CM 관리 로그인됨 화면의 브랜딩 옵션

다음 표는 콜아웃 옵션에 대해 설명합니다.

표 2. 사용자 인터페이스 브랜딩 옵션: 로그인 화면

항목

설명

브랜딩 편집

1

회사 로고

Cisco Unified Communications Manager에 로고를 추가하려면 회사 로고를 다음 파일 이름의 44x44 픽셀 이미지로 저장합니다.

ciscoLogo12pxMargin.gif (44*44 픽셀)

참고

 

셀프 서비스 포털의 헤더 및 로그인 화면에 로고를 추가하려는 경우에도 로고를 44x25 픽셀 branding_logo.png 파일로 저장해야 합니다.

2

Unified CM 관리 헤더 글꼴 색

heading.heading.color

3

헤더 배경

단일 이미지 또는 6개의 이미지 조합을 사용하여 단계별 효과를 만들 수 있습니다.

단일 이미지 옵션 - 헤더 배경을 단일 이미지로 저장합니다.

  • brandingHeader.gif(2048*1 픽셀)

단계별 배경 옵션: - 헤더 배경을 동일한 효과를 위해 6개의 이미지로 저장합니다.

  • brandingHeaderBegLTR.gif(652*1 픽셀)

  • brandingHeaderBegRTR.gif(652*1 픽셀)

  • brandingHeaderEndLTR.gif(652*1 픽셀)

  • brandingHeaderEndRTR.gif(652*1 픽셀)

  • brandingHeaderMidLTR.gif(652*1 픽셀)

  • brandingHeaderMidRTR.gif(652*1 픽셀)

4

탐색 텍스트

header.navigation.color

5

이동 버튼

header.go.font.color

header.go.background.color

header.go.border.color

6

사용자 이름 텍스트

splash.username.color

7

암호 텍스트

splash.password.color

8

로그인 버튼

splash.login.text.color

splash.login.back.ground.color

9

재설정 버튼

splash.reset.text.color

splash.reset.back.ground.color

10

아래 배경색 – 오른쪽

splash.hex.code.3

11

아래 배경색 – 왼쪽

splash.hex.code.2

12

배너

splash.hex.code.1

표 3. 사용자 인터페이스 브랜딩 옵션: 로그인됨 화면

항목

설명

브랜딩 편집

13

사용자 텍스트(예: 'admin')

header.admin.color

14

검색, 정보 및 로그인 텍스트

header.hover.link.color

15

Unified CM 관리 텍스트 머리글

splash.header.color

16

시스템 버전 및 VMware 설치 텍스트

splash.reset.text.color

splash.version.color

브랜딩 속성 편집 예

브랜딩 속성은 속성 파일에 16진 코드를 추가하여 편집할 수 있습니다(BrandingProperties.properties). 특성 파일은 HTML 기반 16진 코드를 사용합니다. 예를 들어 탐색 텍스트 항목(콜아웃 항목 4번)의 색상을 빨간색으로 변경하려면 속성 파일에 다음 코드를 추가합니다.

header.navigation.color="#FF0000"

이 코드에서 header.navigation.color는 편집하려는 브랜딩 속성이고 "#FF0000"은 새 설정(빨간색)입니다.