Protein ile web siteleri nasıl oluşturulur?
Eğer Workcube ile bütünleşik çalışan bir Protein B2B, B2C ve Kariyer Site yapım eklentisine sahipseniz. Aşağıdaki adımları takip ederek Protein ile bir site oluşturabilirsiniz.
- Protein geliştirme arayüzü: Protein geliştirim ortamına, Workcube üzerinden Eklentiler>Protein>Siteler sekmelerini takip ederek ulaşım sağlanabilir.
- Site kayıt: Siteler sayfasında daha önce Protein ile oluşturulmuş siteler listelenmektedir. Bu kısımda daha önce oluşturulan siteler üzerine tıklanarak o site üzerinden istenen değişiklikler yapılabilir. Ayrıca "+" ikonuna tıklayarak bu sayfadan yeni bir site oluşturacağımız sayfaya yönlendiriliyoruz ve bizi aşağıda görselde yer alan sayfa karşılamaktadır.

- Site Tanımları: Tanımlar menüsünde Genel Tanımlar başlığı altında yer alan Domain, Başlık ve Detay boşlukları doldurulur. Domain boşluğuna, oluşturacağımız sitemizin domain adresi (Örneğin: workcube.com ) yazılır. Title boşluğuna, Tarayıcı sekmesinde sitemizin başlığı olarak yer alması istenen ifade yazılır. Detay kısma ise site tanımına uygun ifadeler eklenebilir. Son olarak ise "kaydet" butonuna tıklanarak site kaydı yapılır. Sonrasında Genel Tanımlar başlığı altında diğer seçeneklerde görselde yer aldığı göürüntülenir. Domain, Başlık ve Detay tanımları, daha önce girmiş olduğumuz bilgilerdir. Site için genel Meta tanımı ve anahtar kelimeleri iligli alanlarda doldurulur. Site Google üzerinde tanıtılmış ise Google Analytic Kodu, Google Analytic Code tanımına eklenir. Ayrıca, Favicon ve Og-İmage tanımlarına şitket logoları veya belirlenen logolar eklenir.

- Dil ve Para Birimleri Tanımları: Tanımlar menüsünde "Dil ve Para Birimleri Tanımları" başlığı altında; Şirket, Dil/Yol/Ana sayfa, Para, Stoklar, Depolar tanımları yer almaktadır. Şirket tanımı olarak Workcube üzerinden yönetilen şirketler listelenmektedir. Sitemizin bu şirketlerden hangisine ait olacağı seçimi yapılır. Dil/Yol/Ana sayfa tanımından ise siteminiz hangi dillerde olması gerektiği ve seçilen dilde hangi sayfanın ana sayfa olması gerektiği seçilir. Bir örnek ile açıklamak gerekirse; Sitenin Türkçe, İngilizce ve Almanca dillerinde olmasını isteniyorsa bu diller seçilir. "Pages" kısımda oluşturulan sayfalarda da sayfaların dilleri seçilir. Ana sayfa, Homepage, Startseite isimlerinde üç sayfa oluşturduğumuzu varsayalım. Bu sayfaların Kullanıcı Dostu Url'lerini, Dil/Yol/Ana sayfa tanımında rastgele yazılan url kısımlarına ekleyerek bu üç sayfayı ana sayfa olarak tayin edebiliriz.

- Erişim tanımı: Tanımlar menüsünde "Erişim" başlığı altında; Public, Kariyer Portal, Kurumsal Üyelere Özel, Bireysel Üyelere Özel seçenekleri yer almaktadır. Oluşturulan sitenin ne tür bir erişime sahip olması isteniyorsa o seçenek seçilmelidir. Örneğin; Firma resmi tanıtım sitesi olacak ise Public seçeneği, İnsan kaynakları sitesi olacaksa Kariyer Portal, B2B bayileri kapsayan bir site olacak ise Kurumsal Üyelere Özel, B2C genel müşteri kitlesine hitap edecekse Bireysel Üyelere Özel seçeneği seçilmelidir. Kurumsal Üyelere Özel ve Bireysel Üyelere Özel seçenekleri altında Workcube üzerinden tanımlı Üye profilleri listelenmektedir. Bu üye profillerinden hangilerinin siteye erişim yetki olacağına karar verilip seçilmelidir.

- Tema tanımı: Tanımlar menüsünde "Tema " başlığı altında, sitenin Protein üzerinde var olan Temalar listelenmektedir. Görselde yer alan tema seçeneklerinden biri seçilerek siteye tema eklenir. Tema ile site için bir şablon oluşturulmuş olur. Örneğin; Header, Footer gibi alanlarda tema üzerinde tanımlı sitiller yüklenir.

- Güvenlik Tanımı: Workcube üzerinde sunulan "Plevne Was" güvenlik uygulaması ile site güvenliği artırılabilir.
- Gizlilik Tanımı: Bu tanım alanında sitenin "Çerezler" ayarları yapılır. Her bir dil seçeneği için çerez ayarları eklenmelidir. Site için Workcube İçerikler modülü içinde "Gizlilik Politikası" veya "Aydınlatma metni" içeriği hazırlanır, bu içeriği ID numarası "Aydınlatma Metni" alanına eklenir. Böylelikle site çerezlerinde kullanıcıya gizlilik ilkeleri sunulmuş olur.
- Layout ve Template ekleme: Protein ile oluşturacağımız katmanlı bir yapı ile oluşmaktadır. Oluşturulacak sayfalarda kullanılmak üzere Layout ve Template'ler sayfa sağında yer alan "Templates" kısmından oluşturulur. Burada Layout için bir adet Row ve Col oluşturarak, Widgets bölgesinden "Dynamic Content Template" oluşturulan Col içinde sürükle bırak ile atılır. Template için de bir adet Row ve Col oluşturarak, Widgets bölgesinden "Dynamic Content Page" oluşturulan Col içinde sürükle bırak ile atılır.
Bu Şekilde sayfalarda kullanacağımız Layout ve Template'leri tanımlamış oluruz.
Görselde;
"Pages" kısmından sitemizde kullanılacak sayfalar ,
"Menu Definations" kısmında sitemizde yer alacak menüler,
"Templates" kısmında site sayfalarda kullanılacak Layout ve Templateler,
oluşturulduğu alanlar gösterilmektedir.
- Menü oluşturma: "Menu Definations" kısmından sitemizde kullanacağımız menüleri oluşturabiliriz. Görselde de aldığı üzere; oluşturulan bir sayfayı, bir Linki menüye eklenebilir. Group özelliği ile alt menüler oluşturulabilir. Farklı diller için birden fazla menü oluşturulabilir.
- Sunucu üzerinde düzenlemeler: Protein üzerinden domain adı ile kaydettiğimiz sitemizin, IIS(Internet Information Services) yönetici ekranından Siteler başlığı altında yer alıp almadığı kontrol edilir. Protein sitemiz için IIS üzerinden yeni bir siteyi otomatik olarak oluşturur. Fakat eklenen sitenin ColdFusion sitesi olduğunu tanımlamak için, ColdFusion Web Server Configuration Tool' u çalıştırılır ve "Add" e tıklanarak IIS üzerinde yer alan site ismimizin, ismi seçilerek ekleme işlemi yapılır.
Bu adımlar takip edilerek Protein üzerinden geliştirmeye açık temel bir site oluşturulabilir.
Site tarafında yer alan widgetlara animasyon eklenebilir mi?
Protein ile oluşturulan sitelerde yer alan Widgetlarda animasyon kullanılabilir.
Siteler > İlgili Site Detayı > Pages > Designer > Box Settings alanında yer alan "Animate On Scroll" seçeneği ile widgetlara animasyon eklenebilir.
Web sitelerinde menü için link yönlendirmeleri yapılır ?
- Protein >Siteler ekranında ilgili web sitesinin detayına gidilir.
- Menu Definitions alanında işlem yapılacak menü kaydına tıklanır.
- Yönlendirmesi yapılacak kayda tıklanarak Url alanında link yönlendirmesi yapılır.
Bakım modunda web sayfamı nasıl görüntülerim?
Bakım checkbox ını işaretlediğiniz zaman hemen yan tarafından çıkan input alanından bakım modunda siteye gözatmak için bir parola belirlemeniz gerekiyor. Bu parola ile bakım modundaki sayfanızı inceleyebilirsiniz. https://www.loom.com/share/c3817105dbc745c9876971bd4e291146
Geri Bildirim
Protein üzerinde oluşturulan siteler artık tek tıkla yayına alınabiliyor.
Protein'de oluşturulan siteler artık Sunucu Yayın Ayarları sekmesinden tek tuşla yayına alınabiliyor: "Oluştur" butonuna basmanız yeterli, sistem Apache vhost'unu oluşturuyor ve Let's Encrypt SSL sertifikasını otomatik kuruyor. SSL yenilenmesi gerektiğinde "Yenile" butonuyla tekrar kurulabiliyor, oluşturulan conf dosyaları aynı ekrandan listelenip silinebiliyor — terminale hiç girmeden.
Protein Login Özelleştirme
Protein siteleri için login ekranları 3 farklı şekilde kullanım imkanı sunuldu.standart login ekranı kullanımı, tema kalsörü içinde karkod özelleştirme ve protein page designer ile n tane login ekranı tasarlayıp kullanma imkanı sağlandı.
İzleyin: https://cdn.workcube.com/podcast/Protein-Login-Sayfalar-Customize.mp4
Protein - Sayfa Tasarımcısı
Düzenlenen Fonksiyon: Protein üzerinde sayfa tasarımcısı Uİ iyileştirmeleri yapıldı. Sürükle bırak deneyimi geliştirildi, mobil görünümde daha erişilebilir Uİ düzenlendi.
AddToAny Share Objesi eklendi
Eklenen/Düzenlenen Fonksiyon: AddToAny, bir web widget'ı veya eklentisi kullanılarak bir web sitesine entegre edilebilen evrensel bir paylaşım platformudur. Widget ile istenilen öğeler paylaşılabilir.
Kullanım için yapılması gerekenler: Protein sitesinde İlgili sayfanın Designer alanına gidilerek Add This Share Objesi sürükle bırak yöntemi ile eklenir.
Kullanım: Eklenilen sayfanın altında ilgili widget çıkar ve buradan paylaşım yapılır.
Fayda: Bu sayede sitede üzerinde yayınlanan sayfalar istenilen platformlarda paylaşım yapması sağlanarak birden fazla yere gönderilebilir.
Protein Widgetlar - Animasyon eklenmesi
Eklenen/Düzenlenen Fonksiyon: Protein ile oluşturulan sitelerde yer alan Widgetlara animasyon özelliği getirildi.
Kullanım için yapılması gerekenler: Siteler > İlgili Site Detayı > Pages > Designer > Box Settings alanında yer alan "Animate On Scroll" seçeneği ile widgetlara animasyon eklenebilir.