Bri forum advanced web interface customizations


Published on

Published in: Technology, Design
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Bri forum advanced web interface customizations

  1. 1. Advanced Web Interface Customizations Sam Jacobs Director, TechDev Services, IPM [email_address] June 15 th , 2010
  2. 2. Session Agenda <ul><li>Basic Customizations </li></ul><ul><li>Intermediate Customizations </li></ul><ul><li>Advanced Customizations </li></ul><ul><li>Debugging / Customization Tools </li></ul><ul><li>Resources </li></ul>
  3. 3. Demo Environment
  4. 4. Basic Customizations “ Out-of-the-box” customizations The Access Management Console (AMC) Web Interface Themes
  5. 5. Intermediate Customizations The .properties files Custom hyperlinks Multi-language support CSS files WebInterface.conf
  6. 6. Advanced Customizations Skills needed Web Interface vs. Netscaler customizations Useful tools / Resources
  7. 7. Advanced Customizations Demo: Active Directory integration Demo: Adding custom tabs to Web Interface Adding support information (user IP, OS/browser info) Demo: Enhanced SecurID (suppress when internal) Demo: Using WI to control single sign-on to web apps
  8. 8. Basic Customizations <ul><li>The Access Management Console (AMC) </li></ul><ul><ul><li>Consistent with corporate image/brand </li></ul></ul><ul><ul><li>Logo / background image / color </li></ul></ul><ul><ul><li>Footer </li></ul></ul>
  9. 9. Access Management Console
  10. 10. Basic Customizations <ul><li>Web Interface Themes </li></ul><ul><ul><li>Carbon Fiber - default theme for all sites </li></ul></ul><ul><ul><li>White Pearl – may be made the default or applied to individual sites </li></ul></ul>
  11. 11. Web Interface Themes theme (as defined by Microsoft): “ … a unified set of design elements and color schemes that you apply to pages to give them a consistent and attractive appearance…” Colors – headings, body text, backgrounds, links, etc. Graphics – background, banners, bullets, buttons, etc. Styles – combinations of fonts and colors
  12. 12. Carbon Fiber White Pearl
  13. 13. Carbon Fiber White Pearl Theme Comparison
  14. 14. Basic Customization Demo Fade to … white … ? (applying the White Pearl theme to Web Interface 5.3)
  15. 15. Intermediate Customizations The .properties files Controls: - all text (labels, buttons, messages) - tool tips - font sizes - text box / button widths - color codes for site/links
  16. 16. The .properties files control:
  17. 17. Custom Hyperlinks MessagesNone=You have no messages. MessagesNone=<a href='/docs/UserGuide.doc'>Click here to download the User Manual.</a>
  18. 18. Multi-Lingual
  19. 19. Multi-Lingual Same keys as before, but now taken from: accessplatform_strings_ es .properties
  20. 20. Multi-Lingual Common language directory: C:Program FilesCitrixWeb Interface5.3.0languages Language override directory: C:InetpubwwwrootCitrix <sitename> languages Common/override directories are also for ICA clients.
  21. 21. Multi-Lingual <ul><li>Built-in languages: </li></ul><ul><li>-- English _de - German </li></ul><ul><li>_es - Spanish _fr - French </li></ul><ul><li>_ja - Japanese _ko - Korean </li></ul><ul><li>_ru - Russian _zh_CN - Simplified Chinese </li></ul><ul><li>_zh_TW - Traditional Chinese </li></ul><ul><li>Easy to add your own! </li></ul><ul><li>Add an xx.lang file </li></ul><ul><li>Create language files with _xx suffix </li></ul>
  22. 22. CSS Files Carbon Fiber CSS: LinkColor= #E0E0E0 LinkHoverColor= #E8E8E8 SiteBgColor= #000000 SiteBorderColor= #999999 UsefulLinkColor= #FBFBFB UsefulLinkSeparatorColor=# 0066D5 White Pearl CSS: LinkColor= #ffffff LinkHoverColor= #000000 SiteBgColor= #ffffff SiteBorderColor= #5a5a5a UsefulLinkColor= # 000000 UsefulLinkSeparatorColor=# 5a5a5a Page/font colors, font size, margins, backgrounds, borders, alignment
  23. 23. WebInterface.conf <ul><li>Sometimes you may require manual modification of WebInterface.conf: </li></ul><ul><li>Changing authentication point: </li></ul><ul><li>AuthenticationPoint= AccessGateway AuthenticationPoint= WebInterface </li></ul><ul><li>AGEWebServiceURL= # AGEWebServiceURL= </li></ul><ul><li>Allow auto-launch of desktop: (or application, with code modification): </li></ul><ul><li>AutoLaunchDesktop=On </li></ul><ul><li>Enable compatibility with Presentation Server 4.0 farms: </li></ul><ul><li>RequireLaunchReference=Off </li></ul>
  24. 24. Advanced Customizations The Goal: “ Give a man a fish and he will eat for a day. Teach a man to fish and he will eat for a lifetime.” … Confucius, Circa 551 - 479 Think out of the box … “ Wouldn’t it be nice if …”
  25. 25. Advanced Customizations What do I need to know? WI Version Release Date Skill Sets NFuse 1.0 (Charlotte) 2/2000 ASP / VBScript NFuse 1.5 9/2000 NFuse 1.6 10/2001 NFuse Classic (1.7) / NFuse Elite 6/2002 NFuse 2.0 5/2003 Web Interface 3.0 4/2004 ASP.Net / C# Web Interface 4.0 3/2005 Web Interface 4.2 5/2006 Web Interface 4.5 11/2006 Web Interface 4.6 7/2007 Web Interface 5.0 2/2008 ASP.Net/C#/AJAX Web Interface 5.1 2/2009 Web Interface 5.2 9/2009 Web Interface 5.3 3/2010
  26. 26. Web Interface vs. Netscaler Customizations Web Interface Netscaler <ul><li>All source code available: </li></ul><ul><li>Java </li></ul><ul><li>C# </li></ul><ul><li>Javascript </li></ul><ul><li>DHTML </li></ul><ul><li>Only source code available: </li></ul><ul><li>Javascript </li></ul><ul><li>HTML </li></ul>Can be integrated with Active Directory Cannot be integrated with Active Directory May query and write to databases No database access <ul><li>Full access to: </li></ul><ul><li>ASP.NET Request Object </li></ul><ul><li>ASP.NET Response Object </li></ul><ul><li>Session & Application variables </li></ul>Access to: QueryString and Cookies
  27. 27. Demo Active Directory integration
  28. 28. Demo Adding custom tabs to Web Interface Adding support info (User IP address, OS/browser info)
  29. 29. Anatomy of a Web Interface Tab
  30. 30. Demo Enhanced SecurID integration Internal Users External Users
  31. 31. Demo Control single sign-on to web apps via Web Interface
  32. 32. Debugging / Customization Tools Web.config Script to dump session/application variables, cookies IE Developer Toolbar - Microsoft ieHTTPHeaders –
  33. 33. Resources Web Interface SDK: Carlo Costanzo Doug Brown Pierre Marmignon Jason Conger Citrix Forums ..and, of course, Brian Madden
  34. 34. Questions?