İçerik Yönetim Sistemi Kullanım Kılavuzu

İçerik Yönetim Sistemi Nedir? 

İçerik Yönetim Sistemi Bilgi İşlem Daire Başkanlığı yazılım ekibi tarafından Gazi Üniversitesine bağlı sitelerin tek çatı altında toplanması amacıyla yazılmış bir sistemdir. Her birime tanımlanan yetkili kullanıcılar tarafından kendi birim sayfalarını yönetilmektedir. Kullanıcılar admin paneline kurumsal mail adresleri ve şifreleriyle giriş yapabilmektedir.

  • Sistemde yetkili olarak tanımlanan birim yetkilileri aşağıdaki resimde de görüldüğü üzere Gazi Üniversitenin kurumsal siteleri üzerinden linkin sonuna /admin yazarak yönetim paneline erişim sağlamaktadır.

ANASAYFADAKİ SLIDER'A EKLENECEK RESİMLERİN BOYUTLARI EN İYİ GÖRÜNTÜ İÇİN (1980x660)px OLMALIDIR. EN : BOY ORANI 3 : 1 OLMALIDIR.

BİRİM SAYFALARINDAKİ SLIDER'A EKLENECEK RESİMLERİN BOYUTLARI (865x485)px OLMALIDIR. EN : BOY ORANI 1.78 : 1 OLMALIDIR.

İlgili birime ait "Alt Birim Tiplerine" göre birimlerin eklendiği alandır. Personel ekleme panelinde zorunlu alan olarak karşımıza  gelen birimleri eklememizi sağlar. 

  • Alt birim eklemek istediğimiz birim tipi seçilir. Karşımıza aşağıda belirtilen "Alt Birimler Paneli"  açılacaktır.
  •  Butonuna tıklanarak açılan "Alt Birim Ekle"  penceresinden ilgili alanlar doldurularak kaydedilir.  Bu pencerede yer alan bölümünde alt birimde çalışan personel, açılır listeden seçilerek eklenebilir. 
  • Alt Birimleri Sırala

     

  •  sekmesinden Sürükle-Bırak yöntemi ile birimler arası sıralama yapılabilir.
  •  

  •  sekmesinden Sürükle-Bırak yöntemi ile alt birimde bulunan personel listesi sıralanabilir.

  • Sol üst köşede bulunan "Dosya Ekle" butonu tıklanarak açılan sayfada istenilen dosya eklenir.

  • Yüklenen dosyanın doğruluğunu kontrol etmek için dosyayı gör butonu tıklanabilir.

 

  • Dosyanın sağ tarafında bulunan "Yolu Kopyala" butonuna tıklanarak yüklediğimiz dosyanın yolunu almış oluruz. Böylelikle diğer içeriklerimizde kopyalanan bağlantıyı kullanarak yüklenilen dosya gösterimi yapılabilir.

 

 

  • Yüklenen dosyalar ilgili diğer işlemler için aşağıdaki resimde görülen butonlar kullanılabilir.

 

 

  • Hangi dildeki duyurularla ilgili işlem yapılacaksa o dil seçilir.

 

  • Sol üst bölümden Duyuru Ekle butonu tıklanarak duyuru ekleme sayfasına gidilir.

 

 

  • Aşağıdaki görseli takip ederek ekleme yapabilirsiniz.

 

  • Kullanıcıların ana sayfa ve birim web sayfalarına ilişkin görüş ve önerilerinin sayfa yetkililerine geri bildiriminin sağlandığı modüldür. 

 

  • İYS de yönetim panelinde bulunan  sekmesinden dış kullanıcılar tarafından bildirilen mesajlara ulaşılabilir.

  • Kullanıcıların ana sayfa ve birim web sayfalarına ilişkin görüş ve önerilerinin sayfa yetkililerine geri bildiriminin sağlandığı modüldür. 

 

  • İYS de yönetim panelinde bulunan  sekmesinden dış kullanıcılar tarafından bildirilen mesajlara ulaşılabilir.

  •  sekmesinden Geri Bildirim Paneli okunmamış kullanıcı mesajlarına ulaşılabilir. Sekmenin üzerinde sarı kutucukla belirtilen sayı okunmamış mesajların sayısını ifade eder.

 

  •  kutusu işaretlenerek okunup işlem yapılan mesaj okunmuş olanlar sekmesine eklenebilir.
  •  sekmesinden Geri Bildirim Panelinde Okunmamış mesajlar sekmesinde okunup okuma durumu işaretlenen mesajlara ulaşılabilir.

 

 

  • İşlem yapılacak içeriğin dili seçilir.

     

  1. Haber ekleme butonu
  2. Haber arama kısmı, daha önce yayınlanmış haberlerin araması başlık ile aranabilir.
  3. Yayına alınmış haberlerin içeriğinde  düzenleme yapılabilir.
  4. Yayından kaldırılmak istenen haber silme butonu
  • Haber Ekle butonu seçilerek gelen ekrandan ilgili bölümler doldurularak haber eklenir.

 

  1. Haberin kapak fotoğrafının yüklenme alanı. ( Resim boyutu Genişlik*Yükseklik (400px*200px) Daha büyük resimler de ise oran  2:1 olmalıdır.)
  2. Haber başlığı yazılacak alan
  3. Haber özetinin yer alacağı kısım 2-3 satır yazılabilir
  4. Haber içeriğinin ekleneceği alan boş bırakılamaz. CkEditör ile ilgili daha detaylı bilgi CKEditör başlığı altından incelenebilir.
  5. Haber tarihi
  6. Haber saati
  7. Haberin durumu ile alakalı işlemler yapılabilir taslak vs.
  8. Haber içeriğine eklenecek fotoğraf başlığı
  9. Haber içeriğine eklenecek fotoğrafın seçileceği alan sürükle bırak yada alana tıklanararak fotoğraf seçilebilir.
  10. Haber içeriğine dosya eklenecekse o dosyaya isim verilen kısım
  11. Yüklemek istediğimiz dosyayı butona tıklayarak seçebiliriz.
  12. Haberi belirli bir süre ön plana çıkarmak istiyorsak işaretlenebilir.
  13. Haberimizin sadece Gazi Üniversitesi ağı içerisinden bağlantılarda gösterilmek istenmesi durumunda seçilebilir.
  • Haberler menümüz sitemizde yer alan haberler bölümünün yönetimini sağladığımız kısımdır.

 

 

ANASAYFA HABER RESMİ BOYUTU GÖRSELDEKİ GİBİ OLMALIDIR.

 

      

 

 

  • Ana menü sitemizin üst tarafında bulunan menü kısmıdır.

 

  • Ana Menü eklemek için admin paneline giriş yaptıktan sonra sol kısımda bulunan menüler kısımından ana menü seçilmelidir.

 

 

  • Hangi dildeki sayfaya ana menü eklenmek isteniyorsa o dil seçilmelidir.

 

 

  • Ana menü eklemek için sol üst köşeden Yeni Ekle butonu seçilerek açılan pencereden ilgili alanlar doldurulur.

 

 

Resim-1

 

  • Menü silmek için menünün yanında bulunan Sil butununa tıklanmalıdır.

 

 

  • Menü düzenlemek için menünün yanında bulunan Düzenle butonuna tıklanarak açılan sayfada istenilen değişiklikler yapılarak kaydet butonuna tıklanmalıdır.

 

 

  • Menülerin web sayfamızda görülen sıralamasını değiştirmek için Sırala butonuna tıklanarak açılan sayfada menüler sürükle bırak şeklinde menülerin sıralaması değiştrilip sol üst köşede bulunan Değişiklikleri Kaydet butonu tıklanmalıdır.

         !!!!Sadece durumu yayında olan menüler gözükecektir.

 

  • Ana menü altında bulunan bağlantıların sırası değiştirilmek istenirse menünün sağında bulunan Sırala butonu tıklanarak açılan sayfada bağantılar sürükle bırak şeklinde sıralamaları ayarlanabilir.

 

 

  • Ana menünün altına eklemek istediğimiz bağlantıları menümüzün sağında bulunan Alt Menü ekle butonu tıklanarak açılan sayfada ekleme yapılabilir.

 

 

  • Ana menünün altındaki bağlantılar ile alakalı işlem yapmak istenirse menünün üstüne tıklanır ve  bağlantı listesi açılır. Açılan alt sekmelerden gerekli işlemler yapılır.

 

 

  • Orta menü sitemizde sliderımızın altındaki ikonlu hızlı bağlantı menüsüdür.

 

 

  • Orta Menü eklemek için admin paneline giriş yaptıktan sonra sol kısımda bulunan Menüler kısımından Orta Menü seçilmelidir.

 

 

  • Hangi dildeki sayfaya orta menü eklenmek isteniyorsa o dil seçilmelidir.

  • Orta menü eklemek için sol üst köşeden Yeni Ekle seçilmelidir.

  • Açılan sayfada;


 

  1. Menü adı yazılmalıdır.
  2. Menü var olan bir sayfaya bağlamak isteniyorsa bu alanda ilgili sayfa seçilmelidir.
  3. Menüye tıklandığında gitmesini istediğimiz bir link var ise bu alana yazılmalıdır. (Örn: https://www.google.com/
  4. Bu kısım kullanılmayacaktır!!!  Güncelleme ile birlikte kaldırılacaktır.
  5. Menü durumunu Taslak v.s. gibi durumu belirlenir.
  6. Menü ikonun  jpg, png vs. formatında yüklendiği alandır.
  7. Arka plan ikonu kullanmak istemememiz durumunda sistemde hazır ikonlar kullanılabilir.
  8. Sadece Gazi üniversitesi ağına bağlanan kullanıcılara görünmesini istediğimiz durumlarda seçilir.
  9. Menüye tıklandığında pencerenin yeni bir sekmede açılması isteniyorsa işaretlenmelidir.

Not : 3 ve 4. işlemlerden birisini yapmamız gerekiyor. Örneğin menüye sayfa eklendi ise link yazılmayacak.

  • Alt menü sitemizin altında yer alan Hızlı Bağlantılar bölümüdür. 

 

  • Hangi dildeki sayfa ile ilgili işlem yapmak istiyorsak o dili seçiyoruz. Örnek olarak Türkçe dilini seçtik.

 

  • Alt menü eklemek için sol üst köşede bulunan Yeni Ekle butonuna tıklıyoruz.

 

  • Açılan sayfada ilgili alanları doldurarak kaydet butonuna tıklayarak menümüzü ekleyebiliriz.

  1. Menü adını yazıyoruz.
  2. Menümüzden var olan bir sayfamıza link vermek istiyorsak buradan o sayfayı seçiyoruz.
  3. Dış linkten kastımız herhangi bir link olabilir. Örn : https://www.yok.gov.tr/
  4. Üst menü kısmı kullanılmayacak güncelleme ile birlikte kaldırılacak.
  5. Menü durumu ile alakalı işlemler yapılabilir taslak v.s.
  6. Bu kısımda kullanılmayacak güncelleme ile birlikte kaldırılacak.
  7. Menünün sadece Gazi Üniversitesi ağı içerisinde gözükmesi istenmesi durumunda kullanılabilir.
  8. Bağlantının yeni sekmede açılması istenirse işaretlenebilir.
  • Alt menülerimizi(Hızlı bağlantılar) sıralarını değiştirmek istersek sol üst köşede bulunan Sırala butonu tıklanmalı. Açılan sayfa sürükle bırak yoluyla bağlantıların sıralaması değiştirilebilir.

  • Web sayfanıza Organizasyon Şeması eklemenizi sağlayan paneldir.

 

  • Panel ilk açıldığında birim adı organizasyon şemanızın başlangıç noktası olarak gelir.

  • Başlıkta bulunan  işaretine basarak açılan pencerede ilgili alanlar doldurularak alt birimler veya alt birimler altındaki idari yapılar eklenir.

  

  • Organizasyon şemasında  butonu ile düğümler düzenlenebilir.
  •  butonu ile aynı seviyedeki düğümler sıralanabilir.

Personel menüsü birim web sayfalarına personel sayfası oluşturmak için kullanılan modüldür.

 

  • Sol üst köşede bulunan "Personel Ekle" butonu tıklanarak personel ekleme penceresi açılır. Açılan pencerede ilgili alanlar doldurularak kaydet butonu ile kaydedilir.  ile belirlenen alanlar zorunlu alanlardır.
  • Sıralama yapmak istediğimiz kullanıcı grubu "Personel Ekle" butonunun yanında bulunan kullanıcı tipi sekmelerinden seçilir.
  • Sürükle-bırak yöntemi ile istenen sıralama yapılıp  butonu ile değişiklikler kaydedilir.
  • Personeller tablosundan birim personel bilgileri güncellenebilir veya silinebilir.
  • Personeller tablosunda bulunan  butonundan ilgili personelin birim bilgisi seçilip açıklama eklenebilir. Aynı birim paneline personel düzenle kısmında bulunan  butonundan da ulaşılabilir.

  •  butonundan personel bilgileri düzenlenip güncellenebilir.
  •  

  •  butonundan ilgili personel silinebilir. 

  • Hangi dildeki sayfalarla ilgili işlem yapılacaksa o dil seçilir.

  • Sol üst köşede bulunan Sayfa Ekle butonuna tıklanarak ilgili pencere açılır.

 

  • Açılan pencereden gerekli alanların doldurularak kaydedilmesi ile birlikte sayfamız eklenmiş olacaktır.

 

  • Sayfa içerisine görünmesi istenen tüm içerikler bu alana eklenir ve zorunlu alandır.

  1. Listede gözüken sayfa sayısını arttırılabilir.
  2. Bulmak istediğimiz sayfanın başlığını yazarak arama yapılabilir.
  3. Sayfayı önizleme yaptığımız alandır. 
  4. Sayfa düzenlemelerinin yapıldığı pencereyi açan butondur.
  5. Sayfayı sistemden silmememizi sağlayan butondur.

Haritadan Konum Seçme

İlk olarak https://www.google.com/maps/ adresinden istediğimiz adresi buluyoruz. Bu örneği "Gazi Üniversitesi Rektörlük Binası" için hazırlıyoruz.

Aşağı resimde görüldüğü üzere haritadan Gazi Üniversitesi Rektörlük Binasının konumu buluyoruz.

 

 

Haritadan Gazi Üniversitesini seçiyoruz. Solda açılan penceredeki "Paylaş" butonuna tıklıyoruz.

 

 

Açılan penceredeki "Harita yerleştirme" sekmesine tıklıyoruz. "<iframe .." ile başlayan metni kopyalamak için "HTML'yi KOPYALA" butonuna tıklıyoruz. Google haritalar ile işimiz bitti.

IFrame'i Gazi IYS'ye Ekleme

Şimdi Gazi İçerik Yönetim Sisteminde oturum açıp haritayı eklemek istediğiniz sayfayı buluyoruz.

Daha sonra metin editoründeki "Kaynak" butonuna tıklıyoruz.

 

 

Metin editörü aşağıdaki resme benzer şekilde görünmelidir. Kopyaladığımız iframe tag'ini sayfanın altına yapıştırıyoruz.

 

 

Bu işlemi yaptıktan sonra "Kaynak" butonuna tıklayıp metin editörünü eski haline getiriyoruz. "IFrame" alanını sayfaya ortalamak için "IFrame" alanını seçtikten sonra "Ortala" butonuna tıklayın.

"IFrame" alanı aşağıdaki gibi görünmelidir.

 

IFrame Alanının Genişliğini ve Yüksekliğini Ayarlama

IFrame alanına fare ile sağ tıklıyoruz. Açılan pencereden "IFrame Özellikleri" butonuna tıklıyoruz.

 

 

Açılan penceredeki "Genişlik" alanına "100%" (tüm sayfa genişliği için) veya farklı bir genişlik değeri yazıyoruz. Yükseklik alanını da aynı şekilde güncelliyoruz. Ardından "Tamam" butona tıklıyoruz.

 

 

Son olarak sayfamız aşağıdaki şekilde olmalıdır. Sayfaya IFrame ekleme işlemini tamamladık.

 

 

Sayfayı kaydetmeyi unutmayınız!

  • Slider menüsü sitemizdeki slider kısımının yönetilmesini sağlar.

 

  • Bu kısımda  hangi dildeki sayfalara slider eklemek isteniliyorsa o dili seçmemiz gerekmektedir.

image2021-8-25_13-44-14.png

  • Slider eklemek için sayfamızın sol üst köşesinde yer alan Slider Ekle butonuna tıklanarak ilgili pencere açılır.

 

 

  • Açılan pencerede ilgili alanlar doldurulup kaydet butonuna tıklanarak slider eklenmiş olur.

 

  1. Hangi dildeki sayfamıza eklediğimiz slider'ın kontrolü sağlanır.
  2. Slider'a eklenecek resmin seçildiği alan. Resim boyutu maximum 5 mb olabilir.
  3. Slider'a video eklenecek ise buraya video linki yazılır. Ancak bu alana sadece Youtube videoları eklenebilir. Videonun url'si olduğu gibi kopyalanıp yapıştırılır.(Örn: https://www.youtube.com/watch?v=uAQ8Nh4u_vk)
  4. Slider da eklenecek görsel başlığıdır.
  5. Görsele link verilmek isteniyorsa link yazılabilir.
  6. Slider üzerinde yazı gösterilmek istenmesi durumunda kullanılır.
  7. Slider durumunun değiştirileceği kısım taslağa alma vs. belirlendiği alandır.

!! Birim sayfaları için slider'a eklenecek resim boyutları;

Genişlik : 865px

Yükseklik : 485px

Oran : 1.78(Genişlik/Yükseklik) bu oranda istenen resim yüklenir. Resim en boy oranı 16:9  olmalıdır.

 Web Sayfası Slider İçeriğini Sıralama İşlemi

 

  • Öncelikle sayfamızın sol üst köşesinde yer alan Sırala butonu tıklanarak ilgili pencere açılır.

 

 

  • Açılan pencerede değiştirmek istediğimiz sliderı sürükle/bırak yöntemiyle sıralama işlemi yapılarak Değişiklikleri Kaydet butonuna tıklanarak sıralama işlemi tamamlanır.

 

 

Sosyal medya menüsü sitemizin footer kısmında yer alan sosyal medya ikonlarının yönetildiği kısımdır. Yeni İYS'de birimlerimiz varsa kendi sosyal medya hesap bağlantılarını kendi birimlerinde yer verebilirler.

  • Sosyal medya menüsünü tıkladıktan sonra hangi dildeki sayfalara işlem yapılacaksa  o dil seçilir.

 

  • Sosyal medya hesabı eklemek için sosyal medya menüsünün sol üst köşesinde yer alan sosyal medya ekle butonuna tıklanmalıdır.

 

  • Karşımıza aşağıdaki görselde yer alan sayfa açılacak ilgili alanlar doldurularak işlem tamamlanır.

 

  1. Dil kısmı içeriğimizin hangi dildeki sayfaya ekleneceğinin kontrolünü sağlayabildiğimiz kısımdır. Sosyal medya menüsüne tıklayınca seçtiğimiz dili gösterir.
  2. Açıklama kısmı ikonun üzerine gelince kullanıcıya bilgilendirme amaçlı bir metin çıkmasının istiyorsak kullanabiliriz onun haricinde boş bırakılabilir.
  3. Buradan sistemimizde daha öncesinde tanımlanmış olan sosyal medya hesaplarından birisini seçiyoruz.
  4. Hesap adına ise ekleyeceğimiz sosyal medya hesabının linkini yapıştırıyoruz.(Örn : https://www.youtube.com/c/Gazi%C3%9Cniversitesi1926)
  5. Durum kısmı sosyal medya hesaplarımızın durumunu değiştirebildiğimiz kısımdır. Taslak vs. belirlendiği alandır.
  6. Default olarak açılacak sayfayı aynı sayfada açar. Bu seçeneği aktifleştirdiğimizde kullanıcının sosyal medyaya tıklaması durumunda hesaplar yeni sekmede açılır.
  • Sosyal Medya Hesaplarını Sırala: Bu bölümde kullanıcılarımıza sitelerine ekledikleri sosyal medya hesaplarının görünme sırasını değiştirme imkanı veriyoruz. Sosyal medya hesaplarının sıralamasını değiştirmek isteyen kullanıcılarımız sol üst köşede yer alan sırala butonuna tıklayabilirler.

 

 

  • Karşımıza durumu yayında olan sosyal medya hesapları çıkacak. Burada sürükle/bırak şeklinde sosyal medya hesaplarının sıralamaları değiştirilebilir.

 

 

Örnek elemanın içeriği 15
Örnek elemanın içeriği 16
Örnek elemanın içeriği 17
Örnek elemanın içeriği 18
Örnek elemanın içeriği 19

 Alt Birim Ekle

  • Alt birim eklemek istediğimiz birim tipi seçilir. Karşımıza aşağıda belirtilen "Alt Birimler Paneli"  açılacaktır.

  •  Butonuna tıklanarak açılan "Alt Birim Ekle"  penceresinden ilgili alanlar doldurularak kaydedilir.  Bu pencerede yer alan bölümünde alt birimde çalışan personel, açılır listeden seçilerek eklenebilir. 

 

 

 

 

 Alt Birimleri Sırala

  •  sekmesinden Sürükle-Bırak yöntemi ile birimler arası sıralama yapılabilir.

 

 

 Alt Birim Personelleri Sırala

  •  sekmesinden Sürükle-Bırak yöntemi ile alt birimde bulunan personel listesi sıralanabilir.


 

background image