Advanced Web Interface Customizations Delivered at BriForum 2010 by Sam Jacobs Director of Technology Development at IPM
Session Agenda <ul><li>Basic Customizations </li></ul><ul><li>Intermediate Customizations </li></ul><ul><li>Advanced Custo...
Demo Environment
Basic Customizations “ Out-of-the-box” customizations The Access Management Console (AMC) Web Interface Themes
Intermediate Customizations <ul><li>The .properties files </li></ul><ul><li>Custom hyperlinks </li></ul><ul><li>Multi-lang...
Advanced Customizations <ul><li>Skills Needed </li></ul><ul><li>Web Interface vs. Netscaler customizations </li></ul><ul><...
Advanced Customizations <ul><li>Demo: Active Directory integration </li></ul><ul><li>Demo: Adding custom tabs to Web Inter...
Basic Customizations <ul><li>The Access Management Console (AMC) </li></ul><ul><ul><li>Consistent with corporate image/bra...
Access Management Console
Basic Customizations <ul><li>Web Interface Themes </li></ul><ul><ul><li>Carbon Fiber - default theme for all sites </li></...
Web Interface Themes theme   (as defined by Microsoft): “ … a unified set of design elements and color schemes that you ap...
Carbon Fiber White Pearl
Carbon Fiber White Pearl Theme Comparison
Basic Customization Demo Fade to …  white  … ? (applying the White Pearl theme to Web Interface 5.3)
Intermediate Customizations The .properties files <ul><li>Controls:  </li></ul><ul><ul><li>all text (labels, buttons, mess...
The .properties files control:
Custom Hyperlinks MessagesNone=You have no messages.  MessagesNone=<a href='/docs/UserGuide.doc'>Click here to download th...
Multi-Lingual
Multi-Lingual Same keys as before, but now taken from: accessplatform_strings_ es .properties
Multi-Lingual <ul><li>Common language directory: </li></ul><ul><li>C:Program FilesCitrixWeb Interface5.3.0languages </li><...
Multi-Lingual <ul><li>Built-in languages: </li></ul><ul><li>-- English _de - German </li></ul><ul><li>_es - Spanish _fr  -...
CSS Files Carbon Fiber CSS: LinkColor= #E0E0E0 LinkHoverColor= #E8E8E8 SiteBgColor= #000000 SiteBorderColor= #999999 Usefu...
WebInterface.conf <ul><li>Sometimes you may require manual modification of WebInterface.conf: </li></ul><ul><li>Changing a...
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 ...
Advanced Customizations What do I need to know? WI Version Release Date Skill Sets NFuse 1.0 (Charlotte) 2/2000 ASP / VBSc...
Web Interface vs. Netscaler Customizations Web Interface Netscaler <ul><li>All source code available: </li></ul><ul><li>Ja...
Demo <ul><li>Active Directory integration </li></ul>
Demo <ul><li>Adding custom tabs to Web Interface </li></ul><ul><li>Adding support info (User IP address, OS/browser info) ...
Anatomy of a Web Interface Tab
Demo <ul><li>Enhanced SecurID integration </li></ul>Internal Users External Users
Demo <ul><li>Control single sign-on to web apps </li></ul><ul><li>via </li></ul><ul><li>Web Interface </li></ul>
Debugging / Customization Tools Web.config Script to dump session/application variables, cookies IE Developer Toolbar - Mi...
Resources Web Interface SDK: http://community.citrix.com/display/xa/Web+Interface+SDK Carlo Costanzo http://VMwareInfo.com...
Questions?
Upcoming SlideShare
Loading in …5
×

Advanced Web Interface Customizations - BriForum 2010

7,630 views

Published on

Advanced web interface customizations presented by Sam Jacobs, IPM at the BriForum.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,630
On SlideShare
0
From Embeds
0
Number of Embeds
2,594
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Advanced Web Interface Customizations - BriForum 2010

  1. 1. Advanced Web Interface Customizations Delivered at BriForum 2010 by Sam Jacobs Director of Technology Development at IPM
  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 <ul><li>The .properties files </li></ul><ul><li>Custom hyperlinks </li></ul><ul><li>Multi-language support </li></ul><ul><li>CSS files </li></ul><ul><li>WebInterface.conf </li></ul>
  6. 6. Advanced Customizations <ul><li>Skills Needed </li></ul><ul><li>Web Interface vs. Netscaler customizations </li></ul><ul><li>Useful Tools / Resources </li></ul>
  7. 7. Advanced Customizations <ul><li>Demo: Active Directory integration </li></ul><ul><li>Demo: Adding custom tabs to Web Interface </li></ul><ul><li>Adding support information (user IP, OS/browser info) </li></ul><ul><li>Demo: Enhanced SecurID (suppress when internal) </li></ul><ul><li>Demo: Using WI to control single sign-on to web apps </li></ul>
  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 <ul><li>Controls: </li></ul><ul><ul><li>all text (labels, buttons, messages) </li></ul></ul><ul><ul><li>tool tips </li></ul></ul><ul><ul><li>font sizes </li></ul></ul><ul><ul><li>text box / button widths </li></ul></ul><ul><ul><li>color codes for site/links </li></ul></ul>
  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 <ul><li>Common language directory: </li></ul><ul><li>C:Program FilesCitrixWeb Interface5.3.0languages </li></ul><ul><li>Language override directory: </li></ul><ul><li>C:InetpubwwwrootCitrix <sitename> languages </li></ul><ul><li>Common/override directories are also for ICA clients. </li></ul>
  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><ul><li>AuthenticationPoint= AccessGateway </li></ul></ul><ul><ul><li>AuthenticationPoint= WebInterface </li></ul></ul><ul><ul><li>AGEWebServiceURL= https://agee.company.com/ # AGEWebServiceURL= </li></ul></ul><ul><li>Allow auto-launch of desktop: (or application, with code modification): </li></ul><ul><li>AutoLaunchDesktop=On http://support.citrix.com/article/CTX125277 </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#/Java/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 <ul><li>Active Directory integration </li></ul>
  28. 28. Demo <ul><li>Adding custom tabs to Web Interface </li></ul><ul><li>Adding support info (User IP address, OS/browser info) </li></ul>
  29. 29. Anatomy of a Web Interface Tab
  30. 30. Demo <ul><li>Enhanced SecurID integration </li></ul>Internal Users External Users
  31. 31. Demo <ul><li>Control single sign-on to web apps </li></ul><ul><li>via </li></ul><ul><li>Web Interface </li></ul>
  32. 32. Debugging / Customization Tools Web.config Script to dump session/application variables, cookies IE Developer Toolbar - Microsoft ieHTTPHeaders – http://www.blunck.info/
  33. 33. Resources Web Interface SDK: http://community.citrix.com/display/xa/Web+Interface+SDK Carlo Costanzo http://VMwareInfo.com Doug Brown http://www.dabcc.com Pierre Marmignon http://www.citrixtools.net Jason Conger http://www.jasonconger.com Citrix Forums http://forums.citrix.com/support ..and, of course, Brian Madden http://www.brianmadden.com
  34. 34. Questions?

×