Documentation

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

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'

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)

Program

  • Anasayfa mod kontrol edilmeli,Normal – Gelişmiş, Sayfa Şablonu “Program” seçilmeli
  • http://ebs.omu.edu.tr adresinden program kodu öğrenilerek “program” özelliği
  • Uzman – İçerik alanına yazılmalı
Örnek:
program: 3023

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