eBA Web Ara Yüzü Özelleştirme Nasıl Yapılır?

eBA web ara yüzünde kurulum ile gelen varsayılan görünüm dışında, firmalarınuygulama üzerinde kendi markalaşmalarını yapmasısağlanmakta, ara yüzde özelleştirme yapılabilmektedir. Bu dokümanda web ara yüzünde yapılabilecek özelleştirmeler ve bu özelleştirilmelerin nasıl gerçekleştirileceği açıklanmaktadır.

1. Web Tarayıcısı İkonunun Değiştirilmesi

Web ara yüzüne giriş ekranında,tarayıcı penceresindeki sekmede gösterilen ikonun (1 numaralı işaretli alan) değiştirilmesi için dosya özellikleri • Çözünürlük: 16x16 piksel • Dosya ismi: favicon • Dosya uzantısı: ico olacak şekilde yeni ikon dosyası hazırlanmalıdır. Değiştirilmek istenen örnek bir ikon dosyası Şekil 2’de görünebilir.

Tasarlanan ikon dosyası, sunucuda eBA’nın kurulu olduğu klasör içeresinde bulunan iki farklı klasör yolundaki “favicon.ico” dosyası ile değiştirilir. Değiştirilecek dosyaların bulunduğu dizinler • C:\BimserCozum\eBA\eba.netiçerisinde favicon.ico dosyası • C:\BimserCozum\eBA\eba.net\Desktop\Images\Design\Theme içerisinde favicon.ico dosyası olarak barındırılmaktadır. Dikkat: favicon.ico dosyası için belirtilen dizinler, eBA uygulaması dizininin kurulumda değiştirilmediği, kurulum ile gelen varsayılan dosya yolu ile kurulduğu dikkate alınarak yazılmıştır. Eğer bu dosya yolu değiştirildiyse, belirtilen klasör dizinleri sunucudaki dizine göre düzenlenmelidir. Sistemde bu iki dosya yolundaki favicon’un değiştirilmesi sonrasındaeBA servisleri yeniden başlatılmalıdır. Servisi yeniden başlatmak için sunucudaki .bat uzantılı servisleri yeniden başlatmayı sağlayan dosya, yönetici olarak çalıştırılır. Dikkat: bat uzantılı dosya çalıştırıldığında, sisteme giriş yapmış tüm kullanıcılar otomatik olarak çıkış işlemi gerçekleştirilmektedir. Web ara yüzünde yeniden giriş yapıldığında tarayıcı sekmesindeki ikon, değiştirilmiş ikon olarak gelecektir.

2. Giriş Sayfasında Logoların Değiştirilmesi

2.1 Giriş bilgileri bölümünde bulunan logonun değiştirilmesi

Web ara yüzünde giriş ekranında, kullanıcı bilgilerinin üzerinde bulunan logo değiştirilmek isteniyorsa, yeni resim dosyasının özellikleri • Çözünürlük: 198x74 piksel • Dosya ismi: ebalogo • Dosya uzantısı: png olacak şekilde hazırlanmalıdır. Hazırlanan yeni logo, “C:\BimserCozum\eBA\eba.net\Desktop\Images\Design\HeaderText” içerisindeki ebalogo.png dosyası ile değiştirilir. Dikkat: Belirtilen dizin, eBA uygulaması dizininin kurulumda değiştirilmediği, kurulum ile gelen varsayılan dosya yolu ile kurulduğu dikkate alınarak yazılmıştır. Eğer bu dosya yolu değiştirildiyse, belirtilen klasör dizinleri sunucudaki dizine göre düzenlenmelidir.

Logonun değiştirilmesi sonrası eBA servisleri yeniden başlatılmalıdır. Servisi yeniden başlatmak için sunucudaki .bat uzantılı servisleri yeniden başlatmayı sağlayan dosya, yönetici olarak çalıştırılır. Dikkat: bat uzantılı dosya çalıştırıldığında, sisteme giriş yapmış tüm kullanıcılar otomatik olarak çıkış işlemi gerçekleştirilmektedir. İşlemler sonrası web ara yüzünde yeniden giriş yapıldığında giriş sayfasında giriş bilgileri üzerindeki logo yeni logo olarak görünür.

2.2 Giriş sayfasında sol üst köşede bulunan logonun değiştirilmesi

Web ara yüzünde giriş sayfasının sol üst köşesindeki logonun değiştirilmesi isteniyorsa (resimdeki işaretli alan) Doküman Yönetiminde system kütüphanesi içine customstyle isminde bir klasör(Şekil 8) oluşturulmalıdır.

Oluşturulan klasör içerisine, customstyle.cssisimli stil dosyası ve tasarlanan son üst logosu eklenir. Yüklenen dosya içindeki css kodu Şekil 7’deki gibi görünmektedir. Not: .startupHeader sınıfı içindeki background-image özelliğine yazılmış toplogo.png adlandırılması, değiştirilecek yeni logonun ismini belirmektedir. toplogo ifadesi yerine farkı bir isim yazılabilir ancak yazılan isim yüklenecek resim dosyası ile aynı olmalıdır. Not: Bu örnekte kullanılan logo çözünürlüğü 196x75 pikseldir.

Logonun değiştirilmesi sonrası eBA servisleri yeniden başlatılmalıdır. Servisi yeniden başlatmak için sunucudaki .bat uzantılı servisleri yeniden başlatmayı sağlayan dosya, yönetici olarak çalıştırılır. Dikkat: bat uzantılı dosya çalıştırıldığında, sisteme giriş yapmış tüm kullanıcılar otomatik olarak çıkış işlemi gerçekleştirilmektedir. İşlemler sonrası web ara yüzünde yeniden giriş yapıldığında, giriş sayfasının sol üst köşesinde yeni logo gelmektedir.

3. Arka Plan Resminin Değiştirilmesi

Web ara yüzünde arkaplanda gösterilen vektörel resim yerine farklı bir resim kullanılmak isteniyorsa Doküman Yönetiminde system kütüphanesi içine customstyle isminde bir klasör (Şekil 12) oluşturulur. Oluşturulan yeni klasör içerisine, customstyle.css ve tasarlanan arka plan resmi eklenir. Yüklenen CSS dosyası içine Şekil 1’de belirtilen kod yazılır. Not: Background satırında url parantezi içerisindeki water_background.jpg ismi, örnek için kullanılan arka plan resmine ait olup, istenilen şekilde değiştirilebilmektedir.(water_background.jpg isimli dosyanın çözünürlüğü 1920x1080 pikseldir.)

4. Giriş Sonrası Tarayıcı Sekmesindeki Yazının Değiştirilmesi

Tarayıcı sekmesinde gösterilen yazının değiştirilmesi isteniyorsa aşağıda belirtilen işlemler uygulanabilir. Bu işlemle giriş yapıldıktan sonra tarayıcıdaki başlık bilgisi değişmektedir.

eBA’nın sunucuda kurulu olduğu dizin içerisinde (varsayılan kurulum yolu C:\BimserCozum\eBA’dır, bu yol değişkenlik gösterebilir) Languages klasörü içindeki Server klasöründe bulunan xml dosyalarında, başlığın değiştirileceği dile ait dosya xml görüntüleme uygulaması ile açılır. Dosya içeriğindeki 170appname isimli satırdaki ait değer, değiştirmek istenilen başlık bilgisi ile değiştirilir. Not: Başlık bilgisi hangi dillerde değiştirilmek isteniyorsa, o dillere ait xml dosyalarında 170appname satırında değişiklik yapılmalıdır.

XML dosyasında yapılan değişiklik ardından, eBA servisleri yeniden başlatılmalıdır. Servisi yeniden başlatmak için sunucudaki .bat uzantılı servisleri yeniden başlatmayı sağlayan dosya, yönetici olarak çalıştırılır. Dikkat: bat uzantılı dosya çalıştırıldığında, sisteme giriş yapmış tüm kullanıcılar otomatik olarak çıkış işlemi gerçekleştirilmektedir.

5. Giriş Öncesi Tarayıcı Sekmesindeki ve Giriş Bilgileri Üstündeki Yazının Değiştirilmesi

Web ara yüzünde giriş yapılmadan önce tarayıcı sekmesinde ve kullanıcı girişi alanı üzerinde gösterilen yazıların değiştirilmesi isteniyorsa aşağıda belirtilen işlemler uygulanır.

eBA’nın sunucuda kurulu olduğu dizin içerisinde (varsayılan kurulum yolu C:\BimserCozum\eBA’dır, bu yol değişkenlik gösterebilir) Common klasörü içinde bulunan eBA Configuration Editor uygulaması çalıştırılır.

eBA Configuration Editor içindeki Advanced sekmesine tıklanılarak (1 numaralı işaretli alan) sekmeye geçiş yapılır. Listelenen değerlerde Web sekmesine tıklanıp (2 numaralı işaretli alan) uygulama içerisindeki küçük yeşil artı işaretine (3 numaralı işaretli alan) tıklanarak yeni değer sekmesi eklenir.

Yeni değer eklendiğindeki “Node Text” ifadesi “ApplicationCaptions” olarak değiştirilir

Eklenen değer alanı başlığının değiştirilmesi sonrasında ApplicationCaptions alanı seçili iken, Key alanına gösterim yapılacak dilin ismi (Turkish, English, Russian, French vb.)yazılmalıdır. Value alanına ise o dile ait başlık bilginin karşılığı tanımlanmalıdır. Not: Şekil 23’de tanımlama yapılan sistemde beş farklı dil aktif olduğundan her bir dile ait karşılıklar yazılmıştır. eBA uygulamasında aktif olan dillere göre key ve value karşılıkları yazılabilir.

ApplicationCaptions içerisinde diller ve karşılıklarının girişisonrasında, eBA Configuration Editor’da File butonuna tıklanarak açılan panelde Save seçeneğine tıklanır. Değişikliklerin kaydedilmesi sonrasında eBA servisleri yeniden başlatılmalıdır. Servisi yeniden başlatmak için sunucudaki .bat uzantılı servisleri yeniden başlatmayı sağlayan dosya, yönetici olarak çalıştırılır. Dikkat: bat uzantılı dosya çalıştırıldığında, sisteme giriş yapmış tüm kullanıcılar otomatik olarak çıkış işlemi gerçekleştirilmektedir.