OMÜ - Birimler Web Sayfaları Kullanım Kılavuzu

---

OMÜ - Birimler Web Sayfaları Kullanım Kılavuzu

Kullanılan Teknolojiler:

• Grav: Veri tabanı kullanmayan, basit, PHP tabanlı, özgür yazılım içerik yönetim sistemi

• Twig: PHP için esnek, hızlı ve güvenli şablon motoru

• YAML: dil bağımsız bir veri değişim formatı

• Markdown: Düz yazı yazarken bu yazıyı formatlı bir şekilde yazmayı sağlar.Böylelikle, bir yazıyı daha sonradan HTML’ e dönüştürülebilir biçimde hızlı bir şekilde düzenleyebiliriz.

Grav Yönetim Ekranı

Kullanıcı adını olduğu, kullanıcı ayarlarının yapıldığı kısım:

• Kullanıcı eposta, dil ayarlarının yapıldığı alan

Yönetim Paneli

• Sayfada yapılan değişikliklerde, değişiklikler sayfaya yansımadığında önbelleğin temizlendiği alan yer alır

Sayfalar

• Web sayfasını oluşturan tüm sayfaların yer aldığı alan
• Bu alana yeni sayfalar ekleyebilir, Türkçe ve İngilizce içerik arasında gezinip, ilgili değişiklikleri yapabilirsiniz

Editör

Normal – İçerik:

• Sayfanın başlık ve içeriğinin girilebildiği alan

Normal – Ayarlar:

• Sayfanın Yayınlanıp yayınlanmamasını, tarih, yayınlanma tarihi, yayından kaldırılma tarihi gibi alanların girilebildiği alan

Normal – Gelişmiş:

• Sayfanın fiziksel klasörünü, bağlı olduğu klasörü, sayfanın şablonunu ve sayfaların sıralanıp sıralanmamasını ayarlandığı alan

Uzman – İçerik:

• Sayfa üzerinde daha etkin ayarların yapıldığı, farklı özelliklerin girildiği alan
• Özellik Belirtilirken, birden fazla kelime ise '(tırnak işareti) kullanılıyor...

Örnekler
location: 'Ziraat Fakültesi'
theme: red

Uzman – Ayarlar:

• Sayfanın fiziksel klasörünü, bağlı olduğu klasörü, sayfanın şablonunu ve sayfaların sıralanıp sıralanmamasını ayarlandığı alandır. Normal – Gelişmiş ile aynıdır.

Anasayfa Ayarları

Uzman - İçerik

mod:

• ebs.omu.edu.tr adresinden program bilgilerinin otomatik gelmesi için gereklidir...
• web siteniz için mod parametresinin aldığı değerler; 0 önlisans, 1 lisans, 2 yüksek lisans, 3 doktora

İletişim için anasayfada ki özellikler değiştirilmeli

streetAddress: 'Ondokuz Mayıs Üniversitesi <br> Eğitim Fakültesi'
region: 'Kurupelit Kampüsü'
postalCode: '55200 Atakum, Samsun'
countryName: TÜRKİYE
telephone: '+90 362 312 1919 - 5300'
fax: '+90 362 457 6078'
email: egitimfakultesi@omu.edu.tr

type:

Bu satır kullanılmamışsa standart sablon, 1: ise solda videotolink dizisi, 2: ise solda videotolink, sağda videotolink2 içeriği

 Örnek Siteler
type: 1 için fenbilens.omu.edu.tr
type: 2 için egtbilens.omu.edu.tr

Örnekler
videotolink:
 title: 'Başvuru ve Kayıtlar'
 links:
 -
 title: 'İlk Kayıt'
 url: /basvuru-ve-kayitlar/ilk-kayit
 icon: fa-desktop
 -
 title: 'Yatay Geçiş'
 url: '/basvuru-ve-kayitlar/yatay-gecis '
 icon: fa-desktop
 -
 title: 'Özel Öğrenci'
 url: /basvuru-ve-kayitlar/oezel-oegrenci
 icon: fa-bullhorn
 -
 title: 'Uluslararası Öğrenci'
 url: '/basvuru-ve-kayitlar/uluslararasi-oegrenci '
 icon: fa-desktop

videotolink2:

'<iframe frameborder="0" height="500" scrolling="no"
src="https://calendar.google.com/calendar/embed?
src=ip794ftcc7c2ic4k8eekt3irhs%40group.calendar.google.com&amp;ctz=Europe
%2FIstanbul" style="border: 0" width="840"></iframe>' 

theme:

• Web sitenizin tema rengini belirlemek için kulanılır, ingilizce ve türkçe sayfalar için ayrı tanımlanabilir...
• Aldığı değerler default, green, purple, red

topMenu:

• Arama kutusunun altındaki linkleri düzenler

quickLinks:

• Anasayfanın Sağ alt ta bulunan hızlı linkleri düzenler

links:

• Anasayfanın Sol alt ta bulunan linkleri düzenler

Duyuru, Haberler ve Etkinlikler

Normal – Ayarlar

• Yayından kaldırma tarihi kullanılabilir, bu tarihten sonra haber veya etkinlik yayından kaldırılacaktır.

Örnek:
Normal - Ayarlar, yayından kaldırma tarihi veya
Uzman – İçerik, unpublish_date: '27-06-2018 15:38'

Resimler

• 750X300 (genişlikXyükseklik) tavsiye edilir…
• İlk eklenilen resim sayfanın resmi olarak kabul edilir, birden fazla resim eklenmiş ise sayfanın altında tüm resimler tıklanınca açılacak şekilde listelenir…

Duyuru ve Haberler Alanı Özellikleri

• Sıralama, yoğun kullanıldığı için, haberin tarihine göre, yayın tarihten, uzak tarihe göre yapılmakta...
• Normal - Ayarlar, Tarih alanından

Etkinlikler Alanı Özellikleri

• Sıralama, yoğun kullanılmadığı için Normal - Gelişmiş, Sıralama, alanından yapılıyor...
• Uzman – İçerik, etkinlik detaylandırma özellikleri

location: Etkinlik yeri
hour: Etkinlik saati
event_date: Etkinlik tarihi

Örnek
location: 'Ziraat Fakültesi'
hour: '10:00'
hour: '10:00am - 17:00pm'
event_date: '26-06-2018'

Grav Ekranı Bilgileri

Duyuru Girişi

Kullanıcı arayüzünden Sayfalar Kısmına geliyoruz.

Sayfalar kısmına gelindiğinde sağ üst köşeden ekle butonuna tıklıyoruz.

-Sayfa başlığını giriyoruz.
-Klasör adı otomatik gelecektir.
-Ebeveyn saya kısmında root alanına tıklayıp duyuru alanını işaretliyoruz.
-Sayfa şablonu announcement Seçilerek Devam edilir.

-

- Karşımıza yeni açılan ekranda içerik alanını doldurup Sağ üst alandan kaydet butonuna basarak kaydediyoruz.

-

- Kayıt yapıldıktan sonra aynı ekran alanın alt kısmında resim dosya yükleme alanı belirecektir.
- içerik alanına eklemek istediğimiz dosya türüne göre seçim yaparak ekliyoruz ve tekrar kayıt ediyoruz.

-

- Bağlantı linki eklemek için yuvarlak alanda üzerine geldimizde bağlantı yazan alanı tıklıyoruz.
- Ekrana gelen alandan bağlantı linki oluşturabiliriz.

Etkinlik Girişi

-Duyuru ve Haberler gibi Sayfalar kısmına gelip sağ üst köşeden ekle alanını seçerek karşımıza gelen ekranda ;

-- Sayfa başlığına Etkinlik Başlığını ekliyoruz 
klasör adı otomatik gelecektir.
-- Ebeveyn sayfa kısmında root alanından etkinlik klasörünü seçiyoruz.
-- Sayfa şablonu olarak Event Seçeneğini seçiyoruz ve devam ediyoruz.

-- Açılan yeni pencerede sağ köşeden normal-uzman kısmından uzman alanını seçerek karşımıza gelen kod alanı içeriğine enter seçeneği ile bir alt satıra gelerek aşağıdaki örnek alanda olduğu gibi etkinliğin yeri saati ve taarihini ekleyerek kayıt ediniz.

Örnek
location: 'Etkinlik Yeri'
hour: '10:00'
hour: '10:00am - 17:00pm'
event_date: '26-06-2018'

Alt alanda sayfa içeriğine ise etkinlik resmi ekleyebilirsiniz.

Menü ve Menülere Erişim

Menü eklemede ise yine duyuru ve haber ekleme gibi ekle kısmından sayfa başlığını yazıyoruz klasör adı otoamatik gelecektir.
-- Ebeveyn sayfasından ise root alanından hangi alana eklemek istiyor isek menüyü işaretliyoruz.

Örnek olarak birimler alanına menü ekleyor isek birimler klasörü seçilir.

-- Sayfa şablonu ise menu olarak işaretlenerek devam edilir.

-- İçerik ve resimler eklendikten sonra kayıt edilir.

- Menü erişimi için Belirtilen okları takip ederek istediğimiz menü başlıkları veya alt menü içeriklerine ulaşarak içerik güncellemesi yapabiliriz.
- Düzenlenmesi istenilen menü içeriğine giriş yaparak ;

- Ok işareti ile gösterilen alandan tablo oluşturabilirsiniz .
- Alt alanda oluşturulan tablonun içeriği doldurulmuş şekilde görülmektedir. İstenilen içerikleri örnekteki gibi ekleyebilirsiniz.
- Bağlantı linki vermek için ise yuvarlak ile işaretlenmiş alandan bağlantı oluşturulabilir.
- Örnek olarak oluşturulan link gibi verebilirsiniz.

Slider

title: Slider resminin 1. satırı description: Slider resminin 2. satırı url: Slider resmine tıklandığında gidilecek url

Örnek

title: 'FİNAL SINAV PROGRAMLAR'
description: '2017-2018 Bahar Yarıyılı Final Sınav Programları'
url: 'http://egitim.omu.edu.tr/tr/haberler/2017-2018-bahar-yariyili-final-sinavtakvimleri' 

Resimler

• 1140X350 (genişlikXyükseklik) tavsiye edilir…
• En azından, eklenen tüm resimlerin, boyutlarının aynı olmasına özen gösterilmeli…

Slider için Paint Kullanımı

• Paint'de açtığımız resmi ;
• Yeniden boyutlandır-> Piksel seçeneğini seçip En ve Boy oranını koru seçeneği boş bırakıp Yatay ve dikey oranlarını girdikten sonra kayıt edebiliriz.
• Kayıt ettikten sonra resmi slider alanına ekleyebiliriz.

Örnek ;

Anamenu

• Normal - Gelişmiş, Sıralama seçilmemiş yani Nümerik Klasör Öneki Devre Dışı ise Menü alanında görünmez
• link: menu alanında sadece link vermek istediğinizde

Örnek
link: 'http://mezun.omu.edu.tr/'

S.S.S. ve Akordiyon listesi

• Solda S.S.S. sağda duyuru ve etkinlik için Sayfa şablonu “Faq” seçilmeli
• Solda sol menü, sağda S.S.S için Sayfa şablonu “Accordions” seçilmeli

Özel Alanlar(Program ve Akademik Personel)

Akademik Personel

• Normal – Gelişmiş, Sayfa Şablonu “Akademikpersonel” seçilmeli Anasayfa Norma – İçerik alanından, fakültenin, bölümün veya anabilimdalının organizasyon kodları öğrenilerek bu özellikler Uzman – İçerik alanına yazılmalı

Örnek:

Çeviriler

• Sadece çeviri yapılan sayfalar ingilizce sayfada görüntülenecektir.
• Sayfalar alanında sağ üst köşede istenilen dil seçilerek veya ilgili sayfa seçilip yine sağ üst köşeden farklı kaydet English seçilerek yapılır.

İletişim:

• Bu sayfada yer alan Harita için googleMapUrl özelliği değiştirilmeli;

Örnek:
googleMapUrl: '<iframe src="https://www.google.com/maps/embed?pb=!1m10!
1m8!1m3!1d3908.6384842358807!2d36.1876102146655!
3d41.36913295535805!3m2!1i1024!2i768!4f13.1!5e1!3m2!1str!2str!
4v1526975488490" width="600" height="450" frameborder="0"
style="border:0" allowfullscreen></iframe>'

Sayfa İçerik Yönetimi (Markdown)

Başlıklar

• # H1 başlık örneği
• ## H2 başlık örneği
• ##### H5 başlık örneği

Resimler

![Alternatif yazı](resim/için/yol.jpg "Opsiyonel başlık")

Eğer resim linkinin download değil ekranda açılması isteniyor ise;

![deneme](deneme.png?class=prettyphoto)

Resim boyutlandırmak için;

![deneme](deneme.png?resize=400,200)

![deneme](deneme.jpg?cropResize=300,300)

Linkler

[Link](../some-page)

Yeni sekme için ;

[Link in new Tab](../some-page?target=_blank)  ```


### Tablolar

#### * Editör alanından yada;

| Tablolar | Oldukça | İyidir| | ------------------|:-------------:| -----:| | 3. sütun | sağa yaslıdır | $1600 | | 2. sütun | ortalıdır | $12 | | zebra renklendirme | kullanılır | $1 | ```

Tablolar	Oldukça	İyidir
3. sütun	sağa yaslıdır	$1600
2. sütun	ortalıdır	$12
zebra renklendirme	kullanılır	$1

---