P1251926359KDNul

1
(No Transcript)
2
Metaframe Secure Access ManagerBranding and
Customization

• Presented By Jason Maynard
• Field Systems Engineer
• Sunny Seattle, WA
• Citrix Systems, Inc.

3
Non Disclosure Agreement

• This presentation is confidential. By virtue of
  your relationship with Citrix, you are bound to
  retain in confidence all information in this
  presentation.

4
Disclaimer

• Some customizations, tips, tricks and information
  supplied in this presentation are NOT officially
  supported by Citrix

5
The MetaFrame Suite

• Aligned naming, positioning, product
  re-branding
• Citrix MetaFrame now a Suite of Access Products
• XP Servers (XPe, XPa, XPs) for Windows and Unix
• MetaFrame Secure Access Manager
• NFuse Elite replacement
• Application Conferencing
• Project Pearl
• Password Management
• Project Bimini
• Component Names
• Citrix Secure Gateway ? Secure Gateway for
  MetaFrame XP
• NFuse Classic ? Web Interface for MetaFrame

6
Agenda

• People and Skills Required
• Tools of the Trade
• System CDAs
• Session Initialization Customization
• Header/Footer Customization
• Theme Customization
• Logo Customization
• Page Element Customization

7
Branding the Environment

• Creates consistent online experience
• Seamless intranet integration
• Strengthens corporate identity
• It looks cool!

8
People and Skills

• Who might be / is going to make all these
  customizations?
• Network Administrator
• Webmaster
• Web Graphics Designer
• He / she should have a working knowledge of
• Microsoft Management Console
• Basic HTML
• Cascading Style Sheets
• WYSIWYG HTML editor
• Image editing

9
Tools of the Trade
10
Tools of the Trade

• Management Console
• CDAPad (SDK)
• WYSIWYG HTML editors
• Macromedia Dreamweaver 4.x or higher
• Namo Web Editor 5.x or higher
• StyleMaster CSS Editor
• Photo / Image editors
• Adobe Photoshop 5.x or higher
• 3C Color Tool (RGB to Hex)
• HyperSnapDX Screen Capture

11
CDAPad

• Much more than NOTEPAD.EXE
• Secure Access Manager SDK cdasdk.msi
• Download from http//www.citrix.com/cdn
• Modify script based CDAs
• Modify system CDAs
• Maintenance

12
Access Management Console

• Right click the pages and folders node to
• Choose Header type
• Choose Footer type
• Change Themes
• User customizations

13
Photo / Image Editors

• Create/Modify
• gif jpeg CDA images
• Header and footer logos and borders
• Create and edit shadows and transparencies

14
Photo / Image Editors

• Make Themes/CSS a Breeze
• Extract exact color(s) swatches
• Create a palette from your existing intranet
• Convert RGB colors to HEX

http//user.tninet.se/ddb786p/program/
15
WYSIWYG CSS Editors

• Create new themes
• Modify existing themes
• On the fly editing in development environment

16
WYSIWYG CSS Editors
http//www.westciv.com/style_master/index.html
17
WYSIWYG HTML Editors

• Create header footer HTML
• Customize the login CDA
• Integrates with CDAPad

18
WYSIWYG HTML Editors

• CDAPad allows integration with external editors
  as well as Notepad and Visual Interdev

19
System CDAs
20
System CDAs

• sbHeader
• sbFooter
• sbMenu
• sbSessionInit
• sbError
• Login
• Settings

We will be concentrating on these for branding
and customization
21
sbHeader sbLogin CDAs
22
sbSessionInit CDA
SessionInit CDA
23
sbMenu CDA
24
Customizations
25
Basic Session Init Page Customization

• To make basic textual changes in the Session
  Initialization Page edit a text file on the State
  Server in the ConfigStore
• C\Program Files\Citrix\NFuse Eilte\Config\State
  Server\ltAccessCenterNamegt\ConfigStore\\A\a5dbc0e
  4-0f42-11d4-8ff10050da2fee7e124sbsessioninit.t
  xt

Original
Modified
26
Advanced Session Init Page Customization
27
Advanced Session Init Page Customization
28
Advanced Session Init Page Customization
29
Basic Header Customization

• Access via the Properties of Pages and Folders in
  the Management Console
• Choose a custom Header image
• Change Header image position
• Changes applied affect all pages

30
Advanced Header Customization

• sbHeader uses HTML tables and VBScript based
  layout to determine button placement and state
• To modify, make changes to the Shared action
  using the CDASDK

31
Footer Customization

• Import simple HTML-based footer file.
• Effects all pages
• Keep footer HTML simple to speed up page loading

32
Footer Customization
lthtmlgt ltbodygt ltpgtltfont face"Arial Black"
size"5" color"0000FF"gt ltmarqueegtWelcome to
Solution Summit 2003 !lt/marqueegtlt/fontgtlt/pgt lt/body
gt lt/htmlgt
33
Themes Overview

• Collection of cascading style sheets (CSS)
• Default themes have 160 lines of code
• Controls colors, fonts, and styles available
• Allow companies to use their colors within the
  interface
• Program Files\Citrix\NFuse Elite\Templates
• Inetpub\wwwroot\ltAccessCenterNamegt\CDS\Style

34
Modification Process

• Procedure (Single server test environment)
• Log in, view settings page, select desired theme
• Modify c\Inetpub\wwwroot\ltAccessCenterNamegt\CDS\S
  tyle\ltThemeNamegt.css
• Test modification
• Uniquely rename
• Import into production

35
Basic Theme Modification

• Access via the Properties of Pages and Folders in
  the Management Console
• Set the default theme
• Import new themes
• View preview thumbnails of themes.

36
Advanced Theme Modification
Chrome Themes Cascading Style Sheet
37
Advanced Theme Modification
Chrome Themes Cascading Style Sheet
38
Page Elements
39
Button Images

• Images in current default theme
  Inetpub\wwwroot\ltAccessCenterNamegt\CDS\images\Base
  _Theme
• Button images for CDAs and special functions
  Inetpub\wwwroot\ltAccessCenterNamegt\CDS\images\butt
  ons

40
Button Image Customization

• All button images are GIF89a images with
  transparency enabled
• Batch-based modifications ensure consistent look
  across all buttons
• Dont be afraid to get creative with plug-ins and
  effects (ala Photoshop)
• ALWAYS make backup copies!!

41
Button Image Customization
42
Page and CDA Header Images

• Background images for all themes
  Inetpub\wwwroot\ltAccessCenterNamegt\CDS\images\them
  es
• Experiment with textures, patterns, gradients,
  plug-ins or filters to get the desired effect.
• All background images are GIF89a images with
  transparency enabled (gradient transparencies
  look awesome)

43
Default Login Page

• Access via the Properties of People in the
  Management Console
• Enable auto login, enable/disable authentication,
  domain choices

44
Customized Login Page

• Login page and CDA easily edited using your
  WYSIWYG HTML editor of choice (I like
  DreamWeaver)
• Add header.visible false to Shared action of
  Login CDA
• ALWAYS make copies of actions before modifying
  them !!

45
Original Interface
46
Customized Interface
47
Creating Citrix Value-Added Solutions

• Get Educated on Citrix Products
• Understand full product suite
  http//www.citrix.com/products/ .
• Download SDKs and relevant whitepapers from the
  Citrix Developer Network http//apps.citrix.com/
  CDN
• Build Value Add Solutions
• Leverage industry standards and tools such as
  Visual Studio 2003 and Web Forms
• Leverage SDKs to guide development and test
  efforts
• Post Solution
• Fill out form, and post screen shot, link and/or
  solution to http//apps.citrix.com/CDN and
  www.mycitrix.com

48
Citrix Authorized Training

• With Citrix Training
• Learn tips and techniques for managing and
  administering Citrix software
• Obtain valuable lab time for hands-on practice
• Prepare for Citrix certification exams
• Learn quickly and efficiently in the classroom
• New Courses and Certification Include
• CTX-7200 Citrix Secure Access Manager Admin
• CTX-6100 Citrix Core Technologies and
  Architecture
• Citrix Certified Integration Architect (CCIA)
  program to be launched in Q4 2003
• Available Worldwide from 350 CALCs
• Training Locations from www.citrix.com/training

49
Thank you!
50
Access CentralCitrix Technology Lab

• Sago Ballroom