AEGEE-Eskişehir Online Web Yönetim Paneli ( WEBBY ) Yardım Dökümanı Emre GÜLCAN IT Responsible & Web Admin AEGEE-Eskişehir emregulcan@gmail.com e_gulcan@hotmail.com 0535 729 55 20 1
1. YÖNETİM PANELİNE NASIL GİRERİM? AEGEE-Eskişehir web yönetim paneline http://www.aegee-eskisehir.org/webby web adresini kullanarak girebilirsiniz. Sistemi kullanabilmek için Emre GÜLCAN (webadmin) yada içinde bulunduğunuz dönemim yürütme kurulu üyeleri tarafından tanımlanmış ve aktif olan bir yönetici hesabınız olması gerekmektedir. WEBBY e giriş yaptıktan sonra size verilen yetkiler doğrultusunda ilgili menülerde işlemler yapabilirsiniz. Eğer sahip olduğunuz yetki dahilinde bulunması gerektiğiniz bir menüyü göremiyorsanız lütfen webadmin yada dönemin yürütme kurulu üyeleriyle iletişim kurunuz. 2. YÖNETİM PANELİNDE YAPILABİLEN İŞLEMLER a) Siteye yeni menü ekleme / varolan menüleri düzenleme b) Siteye yeni sayfa ekleme / varolan sayfaları düzenleme c) Siteye yeni haber ekleme / varolan haberleri düzenleme d) Siteye yeni anket ekleme / varolan anketleri düzenleme e) Siteye yeni proje ekleme / varolan projeleri düzenleme f) Siteye yeni etkinlik ekleme / varolan etkinlikleri düzenleme g) Siteye yeni bağlantı (link) ekleme / varolan bağlantıları düzenleme h) Siteye yeni basın bülteni ve görsel ekleme / varolan basın bültenleri ve görselleri düzenleme i) Siteye yeni resim albümü ve resim ekleme / varolan albümleri ve resimleri düzenleme j) Siteye yeni logo ekleme / varolan logoları düzenleme k) Siteye yeni reklam ekleme / varolan reklamları düzenleme l) Siteye yeni iletişim bilgisi ekleme / varolan iletişim bilgilerini düzenleme m) Siteye yönlendirme adresi ekleme / varolan yönlendirmeleri düzenleme n) Siteye gönderilmiş mesajları listeleme ve cevaplama o) HABER-L mail listesine kayıt olmak için gönderilen başvuruları listeleme ve onaylama p) Websitesinde kullanılacak dosyaları yükleme ve düzenleme q) Yönetim paneli için yeni kullanıcı (web yöneticisi) tanımlama ve düzenleme 2
a) SİTEYE YENİ MENÜ EKLEME / VAROLAN MENÜLERİ DÜZENLEME Şekil 1 Şekil 1 de görülen panel kullanılarak, AEGEE-Eskişehir websitesine yeni menü eklenebilir, yada mevcut menüler düzenlenebilir. Yeni menü eklemek için; Öncelikle menü eklenecek dil seçilmelidir (o anda sistemde aktif olan tüm diller listelenir) Menü adı girilmeli KAYDET butonuna basılmalıdır Sistemde bulunan tüm menüler yine bu panelde listelenmektedir. Listeleme sırası, menü dili ve menünün gösterim sırasına göre yapılmaktadır. Herhangi bir menüyü silmek için, menü adı yanında bulunan (SİL) simgesine tıklanmalıdır. Hatalı silme işlemlerinin geri alınma ihtimali olmadığı için sistem size Şekil 2 de görünen uyarıyı vermektedir, siz bu uyarıya onay verdiğiniz takdirde, veritabanında kayıtlı olan menü ve bu menüye ait olan tüm sayfalar silinecektir. Şekil 2 3
Sisteme girilen tüm menüler AEGEE-Eskişehir ana sayfasında Last In First Out Son Eklenen İlk Görünür prensibiyle görüntülenir, menüleri önem sırasına göre görünmesi için yeniden düzenlemek isterseniz sağ üstte bulunan SIRALA butonuna basarak Şekil 3 de görülen SIRALAMA PENCERESİNİ açmalısınız. Şekil 3 SIRALAMA işlemini istediğiniz gibi yapabilirsiniz. Bunun için öncelikle menü adını seçmeli, daha sonra ise sağ tarafta bulunan yönlendirme butonlarıyla menüyü istediğiniz yere taşımalısınız. Aynı anda birden fazla menüyü CTRL tuşuna basılı tutarak seçebilir ve toplu olarak sıralama yapabilirsiniz. 4
b) SİTEYE YENİ SAYFA EKLEME / VAROLAN SAYFALARI DÜZENLEME Şekil 4 Yönetim panelinde SAYFA EKLE bağlantısına tıkladığımızda Şekil 4 de görüldüğü gibi ilk olarak karşımıza veritabanında kayıtlı tüm sayfaların listesi gelir. Siteye yeni bir sayfa eklemek istediğimizde sağ üstte bulunan YENİ butonuna tıklamamız yeterlidir. Bundan sonra karşımıza Şekil 5 de görünen ve yapı olarak ofis yazılımında bulunan WORD benzeri bir metin editörü çıkar. Sayfaya resim eklemek için buraya tıklayınız Şekil 5 5
Şekil 5 de görülen editör yardımıyla web sitemize yeni sayfayı kolayca ekleyebiliriz. Hatta elimizde hazır olarak bulunan word belgelerini yada herhangi bir yerden copy / paste yaptığımız metni bu editörde kullanabiliriz. Yeni sayfayı eklerken sayfanın hangi menü altına görüneceğini ve sayfa başlığını girmemiz gerekmektedir. Sayfaya resim eklemek için Şekil 5 de işaretlenmiş bölgede bulunan görünen pencere açılacaktır. simgesine tıklayınız. Şekil 6 da Şekil 6 Bu pencerede daha önce sisteme yüklemiş olduğumuz (bkn: p) WEBSİTESİNDE KULLANILACAK DOSYALARI YÜKLEME VE DÜZENLEME ) resimleri kullanabileceğimiz gibi, başka bir web sitesinde bulunan herhangi bir resmide ekleyebiliriz. Önemli olan resim bilgilerinin IMAGE URL yazan yerin karışında bulunan kutucuğa yazılmasıdır. 6
Şekil 7 Şekil 8 7
İlk olarak kendi yüklediğimiz dosyaları nasıl kullanacağımıza bakalım. Şekil 6 da bulunan resimde taralı alanda görülen DOSYA YÖNETİCİSİNİ AÇ! bağlantısına tıklanır, Şekil 7 de görülen dosya yönetim penceresi açılır. Bu pencerede 5 kategori altında, daha önceden yüklenmiş dosyalar ve resimler listelenmektedir. Kategoriler arasından istediğimiz resmi seçip, üzerine tıklamamız yeterlidir. Bu aşamadan sonra dosya yönetim penceresi kapanır ve resim bilgileri Şekil 6 da görülen pencerede ilgili yere eklenir. Şekil 6 da görülen pencerede APPEARANCE bölümüne tıklanır (bkn: Şekil 8) Burada resim ve metin hizalama işlemi yapılır. Genel olarak sayfa düzenini korumak için ALIGNMENT kısmından LEFT yada RIGHT seçilmelidir. INSERT tuşuna basılıp, resim sayfamıza eklenir (bkn: Şekil 9) INSERT e tıkladığımızda aldığımız Are you sure you want to continue without including an Image Description? uyarısı, web standartlarıyla ilgili bir olaydır, istediğimiz takdirde CANCEL deyip, Şekil 6 da görülen pencerede IMAGE DESCRIPTION bölümüne resim ile ilgili ufak bir açıklama ekleyebiliriz, bu açıklama web sitemizde ziyaretçi resmin üzerine geldiğinde görünecektir. Bu açıklamayı girmemiz şart değildir, uyarıyı aldığımızda OK dediğimizde resim eklenecektir. Şekil 9 8
Eğer kendi yüklediğimiz resimlerin dışında başka bir web sitesinde bulunan resmi kendi sitemize eklemek istiyorsak, Şekil 6 da görülen pencere açıldığında IMAGE URL kısmına, kullanmak istediğimiz resim adresi girilir. Şekil 10 da bu işlemin nasıl olması gerektiği gösterilmiştir. http://www.aegee.org/files/logos/logo.jpg Şekil 10 Buraya yazacağımız bilgiye, web sitemizde kullanmak istediğimiz resme sağ tuş ile tıklayıp, ÖZELLİKLER dediğimizde ulaşabiliriz. (bkn. Şekil 11) 9
Şekil 11 Şekil 11 de mavi renkli alanda bulunan bilgiyi seçili hale geritip kopyala (copy) dedikten sonra IMAGE URL kutusuna yapıştır (paste) yapmamız yeterlidir. * Başka bir siteden resim eklediğimizde unutmamamız gereken önemli bir nokta; sayfamıza eklediğimiz resim, karşı siteden silinirse yada adı, bulunduğu klasör vb. Değiştirilirse bizim sitemizde görüntülenmez. 10
c) SİTEYE YENİ HABER EKLEME / VAROLAN HABERLERİ DÜZENLEME Şekil 12 Yönetim panelinden haber işlemleri bağlantısına tıkladığımızda karşımıza ilk olarak Şekil 12 de bulunan sayfa gelir, burada sistemde kayıtlı tüm haberler listelenmektedir. YENİ butonuna tıklayarak yeni bir haber ekleyebilir, SIRALA butonu ile haberlerin görüntülenme sırasını değiştirebilir, gerektiği durumlarda haberin sayfa başlığı kısmına tıklayarak haberi düzenleyebiliriz. Şekil 13 11
d) SİTEYE YENİ ANKET EKLEMEE / VAROLAN ANKETLERİ DÜZENLEME Yönetim panelindee anket hazırla bağlantısında tıkladığımızda karşımıza Şekil 14 de görünen panel gelir. Bu paneli kullanarakk sisteme yeni bir anket sorusu ekleyebiliriz. Anket sorusunu eklerken mutlaka anket dilini seçmeliyiz. Şekil 14 Bu aşamadan sonra hazırladığımız soruya seçenekleri eklememiz gerekmektedir. Bunun için seçenek eklemek istediğimiz anket sorusunun yanında bulunan (seçenek işlemleri) butonuna tıklamamız yeterlidir. Şekil 15 de görünen panelde anketimize yeni seçenekler ekleyebilir, daha önce eklediğimiz herhangi bir seçeneği düzenleyebilir yada silebiliriz. Ayrıca anket dahaa önceden kullanımda ise tıklanma oranları da görüntülenmektedir. Şekil 14 12