IAG 2007 SSL Vpn çözümünü şirket networkune gore ayarlayıp kullanıma sunmadan once yapılması gereken son bir iş kalıyor.  Aşağıdaki resimlerde de görüldüğü gibi default olarak gelen sayfalardaki metinler, başlıklar, logo ve resimleri şirketimize göre özelleştirmeyi isteyebiliriz. IAG portal sayfaları windows 2003 server’da IIS 6.0 ile yayınlanan sayfalardan ibaret olmasına karşın sayfaları ihtiyacımıza göre değiştirebilmek için bilmemiz gereken bazı temel noktalar bulunuyor.

Portal Giriş Sayfası default görünümü

Şekil-1

Şekil-2

Değişiklikeri yapmaya başlamadan önce IAG’nin dizin yapısını iyi bir şekilde anlamamız gerekiyor. Birçoğunuzun düşündüğü gibi portal sayfalarını herhangi bir editor ile açıp yazıları ve/veya kodları değiştirerek özelleştirme yapmak mümkün olmadığı gibi, scriptlerde yapılacak değişiklikler, portalın çalışmamasına yol açabilmektedir.

Aşağıdaki resim Dizin yapısını göstermektedir.

Şekil-3

Değişiklikleri yaparken izleyeceğimiz temel yol şu şekildedir.

• Mevcut dosyalar üzerinde hiçbir değişiklik yapmıyoruz, veya kopyalamıyoruz. Değiştirmek istediğimiz dosyanın aynısı “samples” isimli klasörde var. Dosyayı buradan alıp gerekli yere kopyalıyoruz.
• Değiştirdiğimiz dosyayı ilgili “custom update” isimli klasöre yerleştiriyoruz. (resimde de görüldüğü gibi css,images,inc,languages gibi klasörlerin her birinin altında bir de “customupdate” klasörü var.)
• .INC dosyalarının içindeki metinleri değiştirmek yerine bu değişiklikleri makalenin ilerleyen bölümünde göstereceğim XML dosyalarında yapmak daha kolay ve mantıklıdır. Tek bir xml dosyasında değişiklik işimizi görecekken, inc dosyasında değişiklik için birkaç dosyada daha değişiklik gerekmektedir.

Şekil-4

Değiştireceğimiz dosyalar;

• Logo.inc: Sayfanın logosu buradan değiştirilecektir.JPG ve GIF formatları desteklenir.
• customDefault.inc: Üst bölümdeki internet linki burdan değiştirilir. Aynı zamanda custom butonları ve email adresini de bu dosyada değiştirebilirsiniz.
• waves.inc:  “waves” resminin yeri boyutu buradan değiştirilebilir.Aynı zamanda resimin gösterilmesi de bu bölümden disable veya enable edilebilir.
• bottomText.inc:  Sayfanın alt bölümündeki yazının değiştirileceği dosya. Daha önce de belirttiğim gibi yazıları burdan değiştirmek yerine XML dosyasında değiştirmek önerilir. Yazıyı değiştirmek haricinde, örneğin yazıyı bold hale burada getirebiliriz. …

Dizin yapısını, sayfanın hangi bölümünü hangi dosyanın kontrol ettiğini, dosyaları nereden nereye kopyalamamız gerektiğini de öğrendikten sonra örnek uygulamalar ile devam edin.

A. İlk olarak Logo’nuzu değiştirin:

1. “logo.inc” dosyasını “C:\Whale-Com\e-Gap\von\InternalSite\samples” klasöründen kopyalayıp  “C:\Whale-Com\e-Gap\von\InternalSite\inc\CustomUpdate”  klasörüne yapıştırın.

2. Kendi logonuzu  “C:\Whale-Com\e-Gap\von\InternalSite\Images\CustomUpdate”  klasörüne kopyalayın.

3. Logo.inc dosyasını text editor  ile açın.

4. 6. Satırda aşağıdaki kodu göreceksiniz.
<td width=”122″ height=”46″ valign=”bottom” rowspan=”2″><img src=”/InternalSite/images/logo.gif” mce_src=”/InternalSite/images/logo.gif” align=”absmiddle”></td>

5. Kendi logonuzun yerini gösterecek şekilde kodu düzeltin.
<td width=”122″ height=”46″ valign=”bottom” rowspan=”2″><img src=”/InternalSite/images/CustomUpdate/mshowto.gif” mce_src=”/InternalSite/images/CustomUpdate/mshowto.gif” align=”absmiddle”></td>

Yeni logoyu görüntülemek için sayfayı refresh ettikten sonra yeni logonuz sayfada görünecektir. Logo.inc dosyasında “This site is protected by the Intelligent Application Gateway” yazısını göreceksiniz. Daha önce bahsettiğim gibi bu metini burada değil xml dosyasında değiştiriyor olacağız.

B. Logonuzu değiştirdikten sonra sırada buttomText.inc var.

1. Samples klasöründen buttomText.inc scriptini “C:\Whale-Com\e-Gap\von\InternalSite\inc\CustomUpdate”  klasörüne kopyalayın.

2. Scriptin 7. Satırında aşağıdaki metinleri göreceksiniz,

<%=GetString(4, “This site is intended only for authorized users.”)%><br>

3. Yazının başına koyacağınız “bold” ifadeleri ile yazının şeklini değiştirin. <b><%=GetString(4, “This site is intended only for authorized users.”)%><br></b>

4. Sayfayı refresh edince aşağıdaki metinin yazı tipi “bold” olacaktır.

“This site is intended only for authorized users”

C. Metinleri artık değiştirebiliriz ;

XML dosyasında metinleri düzenlemek için ;

1. “C:\Whale-Com\e-Gap\von\InternalSite\Languages”  klasörüne gidin.

2. sample_default.xml isimli dosyayı “C:\Whale- Com\eGap\von\InternalSite\Languages\CustomUpdate”  klasörüne kopyalayın.

3. Dosyanın ismini default.xml olarak değiştirin

4. Text editor ile dosyayı açın.   şeklindeki ifadeleri göreceksiniz.

Daha önce bold olarak ayarlardığımız metnin şimdi de içeriğini ayarlayalım.

5. Daha once bold olarak ayarlardığımız metnin şimdi de içeriğini ayarlayalım.
<String id=”4″>SADECE YETKİLİ KİŞİLER GİRİŞ YAPABİLİR </String>

6. Sayfaya tekrar girdiğinizde metnin değiştiğini göreceksiniz.

D. Sayfadaki renkleri vs değiştirmek için ;

1. Aşağıdaki klasörü açın.
“C:\Whale-Com\e-Gap\von\InternalSite\css”

2. Template.css dosyasını aşağıdaki klasöre kopyalayın
“C:\Whale-Com\e-Gap\von\InternalSite\css\CustomUpdate”

Dosyayı isteklerinize uygun olarak edit edebilirsiniz.

Dikkat ettiyseniz bu dosyayı “sample” klasörü içerisinden almadık çünkü sample içerisinde bu dosya yok. Ama orjinal halini de edit etmemizde herhangi bir sakınca yoktur.

Şekil-5

Yaptığımız değişiklikler sonunda portal giriş sayfamız artık bu şekilde görünmektedir. Makalenin girişinde de belirttiğim gibi production ortamında bu tür değişiklikleri denemek yerine IAG 2007 deneme sürümünü http://technet.microsoft.com/en-us/dd183099.aspx adresinden vhd formatında indirebilir ve değişiklikleri önce orda deneyebilirsiniz.

Bu konuyla ilgili sorularınızı http://forum.mshowto.org linkini kullanarak ulaşacağınız forum sayfamızda sorabilirsiniz.

Referanslar

Customizing Outlook Web Access logon pages in IAG