1. İSDEMİR – LST İş Ortaklığı ile Web Portal Çözümü Osman KÜÇÜKSÖNMEZ Hakan MORAY Proje Yöneticisi Uzman Yazılım Mühendisi
2. Proje kapsamında, İSDEMİR’in dünyaya açılan yüzü olan www.isdemir.com.tr web sitesinin İSDEMİR’in ve bağlı bulunduğu kuruluşların kurumsal yapısına uygun olarak yenilenmesi, İSDEMİR müşterilerine çok daha uygun görsel bir ara yüz sunmak amaçlanmıştır. İSDEMİR KURUMSAL PORTALI
3. Proje sonunda; IBM WebSphere 5 versiyonu ile yapılmış portalin mevcut tüm içeriği korunmuş, Yayında olan tüm modüllerin devamı sağlanmış, İçeriğin ihtiyaca göre güncellenebilmesi için gereken iş akışları oluşturulmuş , LDAP entagrasyonu ile yetkisiz erişim ortadan kaldırılmış, Cluster mimari sayesinde sürekli çalışma garantisi sağlanmış, Performans çalışmaları sayesinde sahip olunan donanımın en uygun şekilde kullanılması sağlanmıştır. İSDEMİR KURUMSAL PORTALI
5. Lotus Web Content Management Version 6.1 Ephox Zengin Metin Editörü Zenginleştirilmiş yönetim API’ı Özel iş akışı işlemleri Kalıtımsal izinler Neler yeni?
14. EPHOX ZENGİN METİN EDİTÖRÜ MS Word’den kopyala - yapıştır MS Word stili tablo yapısı Spellcheck Track changes (Enterprise Edition) Accessibility checking (Enterprise Edition)
27. İŞ AKIŞI Yayınlanma tarihi Yayından kaldırma tarihi 2 ek tarih (İş akışında kullanılabilir.)
28. İŞ AKIŞI İş akışı aşamaları, iş akışı işlemlerinden oluşuyor. E-posta, yayınlanma gibi çok kullanılan işlemler yanında, özel işlem de kullanılabilir.
#12:İSDEMİR adında bir kütüphane yaratılmış, Türkçe ve İngilizce sayfalar için birer Site oluşturulmuş; Hakkımızda, Ürünler ve Hizmetlerimiz gibi alt kategoriler için bu Site objelerinn altına birer SiteArea oluşturulmuştur. Her bir sayfa için de Content ’ler oluşturulmuş ve ilgili SiteArea’lar altına saklanmıştır.
#13:İçerik girişi yapacak olan kullanıcılar için de, içerik girmeye yetkili oldukları kategorilere özel olarak, Authoring Template ’ler oluşturulmuştur. İçerik giriciler burada, girecekleri içeriğin; resim, yazının içerik yazısı, yazının başlığı, hyperlink vb. gibi içeriği oluşturan kısımları ayrı ayrı girebileceği gibi, Ephox EditLive! Rich Text Editor kullanarak da bu içerikleri WYSIWYG ortamında istedikleri stili vererek görsel olarak düzenleyerek de girebilirler.
#14:Content oluşturulmasında, İSDEMİR’in de isteği üzerine, kolay CSS ve editing yapabilmek adına Lotus Web Content Management Version 6.1.5 versiyonunda yeni bir özellik olarak WYSIWYG editörü olarak Ephox EditLive! Rich Text Editor kullanılmıştır. Böylece MS Word gibi programlardan copy-paste yapılarak, siteye içerik girilmesi kolaylaştırılmıştır.
#16:Sitenin ana yapısı ve şablonu, WCM’in Presentation Template ile yapılmıştır. Bu kısımda, sayfanın içeriğinin, menünün nerede bulunması gerektiği gibi sitenin yapısıyla alakalı kısımların tanımlamaları yapılmıştır. Bu tanımlamalar WCM tag library kullanılarak yapılmıştır.
#19:Sitenin yapımında, WCM içinde hazır olarak gelen component ’lardan faydanılmıştır. Örnek olarak; İç sayfalarda sayfanın solunda vertical bir menü istenmiş, onun üstündeki barda ise bir breadcrumb olması istenmiştir. Bu kısımlar WCM’in Navigator component’ı kullanılarak yapılmıştır. Ziyaretçinin bulunduğu sayfaya göre üst ve alt kategorileri ve site yapısını istenilen stilde görüntülenmesi sağlanmıştır. Bu menü ve breadcrumb’da ziyaretçinin hangi sayfada bulunduğunun gösterilmesi ise Jquery gibi ekstra bir javascript kütüphanesinden faydanılarak hazırlanmıştır.
#20:Kurumun Active Directory ortamıyla senkronizasyonu sağlanılmış, varolan grup ve kullanıcılar WebSphere Portal gruplar ve kullanıcılarına aktarılmıştır. Senkronizasyon sırasında kullanıcıların LDAP’da bulunan bilgilerinin filtreleme yapılarak, sadece istenilen bilgilerin senkronize olması sağlanmıştır. Bu çekilen kullanıcı bilgilerinden biri de, daha sonra iş akışında kullanılması için kullanıcıların kurum e-posta adresleridir. Bu kullanıcı ve gruplar, WCM tarafında yaratılan içeriklerin security bazında kullanılmıştır.
#21:LDAP entegrasyonu wizard aracılığı ile de kolayca yapılabilir.
#22:LDAP entegrasyonu wizard aracılığı ile de kolayca yapılabilir.
#23:LDAP entegrasyonu wizard aracılığı ile de kolayca yapılabilir.
#25:Kurum içinde girilen içeriğin, onaylama mekanizmasından geçerek yayınlanmasının sağlanması için iş akışları oluşturulmuştur. Oluşturulan iş akışları kurumun isteği üzerine 3 aşamalı olarak yaratılmış, kurumun her departmanının içerik giren ve onaylayan kullanıcıları birbirinden farklı olarak seçilmiştir. İş akışı aşamalarının her birinde, girilen içerikle direkt alakalı (owner,author,approver vb..) veya direk alakalı olmayan (genel müdür) kullanıcılara, içeriğin durumu hakkında bilgilendirici e-posta gönderilmesi sağlanmıştır.
#26:WCM iş akışlarının başka bir özelliği ise girilen içeriğin publish ve expire tarihlerinin içerik giriciler tarafından belirlenerek, içeriğin yayınlanma ve yayından kaldırılma işlemlerinin daha düzenli ve kolay bir biçimde gerçekleşmesini sağlar.
#27:Örnek iş akışı aşaması : Publish ve email işlemlerini barındırıyor. Bu aşamanın approver’ı görüntüde olduğu gibi wpsadmin ve Hakan Onur.
#28:İçerik yaratma sırasında yayınlanma tarihi, yayından kaldırma tarihi belirlenebilir. Bu alanlar daha sonra iş akışında yetkisi olan bir kişi tarafından değiştirilebilir veya kaldırılabilir.
#30:İçeriğin aşamaları; taslak, yayınlandı ve yayından kaldırıldı gibi aşamalardır.
#31:İş akışı aşamasında, custom kod geliştirilerek iş akışı stagelerine eklenebilir, böylece customize edilmiş mail gönderilebilir.
#32:CustomWorkflowAction interface’i implement edilip, plugin.xml’i istenilen formatta yazmak gerekiyor. WCM API sayesinde, workflow’un content objesini alarak, onunla ilgili bilgilere ulaşmak mümkün oluyor.
#33:WCM kullanıcılarının (içerik girişi yapanlar, içerik onaylayanlar vb..) sadece hakları olduğu componentlar (Workflow,SiteArea,Content vb..) ile işlem yapıp, görüntülenmesi sağlanmıştır. Yaratma, güncelleme veya görüntüleme hakları kullanıcı gruplarına verilebildiği gibi, spesifik bir kullanıcıya da verilebilmektedir. Sistem ayarları kurumun WCM adminlerine verildiği gibi, sitenin içeriklerini girmek ve onaylamakla ilgili olan kişiler, sadece bulundukları departmanın SiteArea’sı altındaki içeriklerle ilgili olan yetkilendirilmişlerdir. User : görüntüleme yetkisi Contributor :görüntüleme yetkisi ve “My Items” ve “All items” altındaki content’lere access Editor : yaratma – kopyalama – silme Manager : Editör + access settings değiştirme – iş akışında bir sonraki adım – kullanıcı profili edit Administrator Approver : İş akışında, bir stage’den diğer stage’e geçirme hakkı
#34:WCM yapısı 3.parti uygulamaların kullanımını izin verdiğinden dolayı, custom isteklerin yapılmasında kolaylık sağlamaktadır. Kurum tarafından talep edilen video, resim galerisi ve organizasyon şeması gibi custom içerikler, 3.parti javascript kütüphaneleri kullanılarak yapılmıştır. (Jquery,colorbox vb..)
#35:WCM yapısı 3.parti uygulamaların kullanımını izin verdiğinden dolayı, custom isteklerin yapılmasında kolaylık sağlamaktadır. Kurum tarafından talep edilen video, resim galerisi ve organizasyon şeması gibi custom içerikler, 3.parti javascript kütüphaneleri kullanılarak yapılmıştır. (Jquery,colorbox vb..)
#36:WCM yapısı 3.parti uygulamaların kullanımını izin verdiğinden dolayı, custom isteklerin yapılmasında kolaylık sağlamaktadır. Kurum tarafından talep edilen video, resim galerisi ve organizasyon şeması gibi custom içerikler, 3.parti javascript kütüphaneleri kullanılarak yapılmıştır. (Jquery,colorbox vb..)
#37:Bize Ulaşın içeriğine İSDEMİR’in Google Maps eklentisi konulmuştur.
#38:Bize Ulaşın içeriğine İSDEMİR’in Google Maps eklentisi konulmuştur.
#39:WCM ürünü kullanılarak geliştirilen İSDEMİR sitesi, Google’ın sağlamış olduğu website analizi servisi Google Analytics ile bağlantısı kurularak, site ziyaretçi profilleri gözetim altına alınmıştır. Gerekli javascript kod parçacıkları, sitenin şablonunu oluşturan presentation template’ler altına yerleştirilerek, ziyaretçilerin sayısı, ülke bilgisi, link tıklama sayıları, sitenin hangi sayfasında ne kadar süre kaldıkları gibi analiz bilgileri, Google Analytics aracılığı ile toplanmaktadır.
#40:WCM ürünü kullanılarak geliştirilen İSDEMİR sitesi, Google’ın sağlamış olduğu website analizi servisi Google Analytics ile bağlantısı kurularak, site ziyaretçi profilleri gözetim altına alınmıştır. Gerekli javascript kod parçacıkları, sitenin şablonunu oluşturan presentation template’ler altına yerleştirilerek, ziyaretçilerin sayısı, ülke bilgisi, link tıklama sayıları, sitenin hangi sayfasında ne kadar süre kaldıkları gibi analiz bilgileri, Google Analytics aracılığı ile toplanmaktadır.
#41:WCM’in WebSphere Portal içerisinde gelmekte olan Search portlet’i ile bağlantısı sağlanarak, site içerisinde arama özelliği eklenmiştir. Siteye girilmiş olan içerikler ve componentlar’ı içeren search collectionlar yaratılıp, search portlet’in crawler’ı istenilen arama süresi, arama derinliği, encoding gibi parametreler sağlanarak, arama özelliği istenildiği gibi customize edilmiştir. Word,excel,pdf vb. dosya tipleri içinde bulunan içeriklerde arama yapılmaktadır.
#48:Arama sonuçları portal’ın basic search portlet’i kullanılarak, sadece link halinde verilmiştir. İstenilirse ek bir servlet ve jsp sayfası da kullanılarak arama sonuçlarının daha detaylı bir şekilde verilmesi sağlanabilir.
#49:Google’ın Firefox eklentisi PageSpeed’de yapılan ölçümlerde 92 gibi yüksek bir puan aldık, sayfa hızını artırmak için yapılan best practice’lerin bir çoğunu hem bizim tarafımızdan hem de WCM’in kendi özelliği
#50:Gzip compression, JS/CSS minifying, resim optimizasyonu gibi sayfa açılım hızını artıran işlemler yapılmış ayrıca Portal içerisinde bulunan Caching ile ilgili properties dosyalarındaki caching ayarları istenilen ortamın oluşması için gerekli şekilde değiştirilmiştir. Mimaride bulunan reverse-proxy’in yanı sıra yapılan bu işlemler sayfanın son kullanıcıya en hızlı biçimde açılmasını sağlamıştır.
![VİDEO İÇERİĞİ [WP_PROFILE_ROOT]\installedApps\softw\wcm.ear\ilwwcm.war\jsp](https://image.slidesharecdn.com/isdemirlotuspherev3-0-111121093430-phpapp02/85/IBM-Lotusphere-Isdemir-Portal-34-320.jpg)
