ÜNİT E 4 JOOMLA EKLENTİLERİ İÇİNDEKİLER • Joomla Form İşlemler • Form Ekletisinin Kurulumu • Form Oluşturma • Form Yayınlama • Form Kayıtlarının Raporları HEDEFLER • Bu üniteyi çalıştıktan sonra; •Joomlada form ekletisi kurabilecek, • İstekleriniz doğrultusunda bir form oluşturabilecek, •Kullanıcılar tarafından eklenen kayıtların raporlarını alabileceksiniz. ÜNİTE 7 İÇERİK YÖNETİM SİSTEMİ Uzm. Gökhan TUTAR
18
Embed
İÇERİK YÖNETİM SİSTEMİ Uzm. Gökhan TUTAR · 2017. 12. 23. · Şekil 7.1. 5: Eklenti Yöneticisi “Emails” sekmesinden sadece bir tane mail değil istediğiniz kadar mail
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
ÜNİT
E
4
JOOMLA EKLENTİLERİ İÇ
İND
EKİL
ER
• Joomla Form İşlemler
• Form EkletisininKurulumu
• Form Oluşturma
• Form Yayınlama
• Form KayıtlarınınRaporları
HED
EFLE
R
• Bu üniteyi çalıştıktan sonra;
• Joomlada form ekletisikurabilecek,
•İstekleriniz doğrultusunda birform oluşturabilecek,
•Kullanıcılar tarafından eklenenkayıtların raporlarınıalabileceksiniz.
ÜNİTE
7
İÇERİK YÖNETİM SİSTEMİ
Uzm. Gökhan TUTAR
Kullanıcı Tanımlı Fonksiyonlar
Atatürk Üniversitesi Açık Öğretim Fakültesi 2
GİRİŞ
Bu ünitemizde Joomla'da “jForms” eklentisini kurarak, bu eklenti sayesinde
form oluşturup bu formu yayınlayacağız. “jForm” eklentisi hem en kapsamlı form
oluşturma eklentilerinden biridir hem de kullanımı kolaydır.
FORM EKLENTİSİNİN KURULUMU
Daha önceki ünitelerimizde eklentinin ne amaçla kullanıldığını, türlerini,
yükleme çeşitlerini ve nasıl kurulacağını anlatmıştık. Bu ünitede ise bir form
eklentisi kuracağız. Form eklentisi kurmak için üst menüden "Eklentiler" -> "Eklenti
5. Bu kısımda formun adını yazılır. Bu ad form listesinde görüntülenecek
addır. Bu alanın doldurulması zorunludur.
6. Burada formumuz için küçük bir açıklama yazabiliriz. Bu alan zorunlu
değildir. Daha sonra bu açıklamanın kullanıcılar tarafından gözüküp
gözükmeyeceği ayarı yapılabilir.
7. Bu kısımda ise kullanıcının formu doldurduktan sonra karşısına çıkacağı
metini yazabiliriz. Bu alanda zorunlu değildir.
Formumuzun adına “YeniForm” yazdık ve “Fieldsets” sekmesine geçtik.
FIELDSETS SEKMESİ
“Fieldsets” sekmesi formumuzda adımlar oluşturmamızı sağlar. Yani
kullanıcıların gireceği bilgiler çok fazla parça hâlinde ise bu bilgileri gruplayarak
kullanıcıların bu bilgileri birkaç adımda girmesi sağlanabilir.
Şekil 7.7: Eklenti Yöneticisi
Oluşturacağımız formu iki adımlı yapacağız. Birinci adımda kişinin özlük
bilgilerini ikinci adımda ise kişinin eğitim bilgilerini alacağız. Formdaki ilk adımımızı
oluşturmak için yukarıdaki resimde gözüken “+Yeni” butonuna tıklıyoruz.
Formda yeni adım oluştururken bizden bu adımın adı, görünebilir olması
veya adım hakkında kısa bir açıklama gibi bazı bilgiler istenmektedir. Bu bilgileri
hepsinin doldurulması zorunlu değildir. Oluşturacağımız fieldsets alanları çoklu dil
desteği de vermektedir. Aşağıdaki resimde yeni “Fieldsets” eklerken karşımıza
çıkacak ekran ve bu ekrandaki açıklamalar aşağıda verilmiştir.
Kullanıcı Tanımlı Fonksiyonlar
Atatürk Üniversitesi Açık Öğretim Fakültesi 6
Şekil 7.8: Eklenti Yöneticisi
1. Bu kısımda adımın kullanımı açık veya kullanıma kapalı olmasını
sağlayabiliriz.
2. Bu kısımda formumuzun içerisine ekleyeceğimiz nesnelerin görünüm
biçimlerini seçebiliriz.
3. Bu kısımda adımın adını yazacağımız yer.
4. Bu kısımda adım için kısa bir açıklama yazabiliriz.
5. Eğer formun görüntüsünü değiştirmek istiyorsak buradan forma bir
“Class” vererek “Css” ten formun görüntüsünü değiştirebiliriz.
6. Buradan ise oluşturacağımız form adımını “xml” dosyasından
oluşturabiliriz. Ancak bu “xml” dosyası joomlanın belirlediği formatta
olması zorunludur.
Yukardaki işlemleri önce “Özlük Bilgileri” sonrada “Eğitim Bilgileri” için ayrı
ayrı gerçekleştirdikten sonra “Apply” butonuna tıklıyoruz. Her iki adımı da
ekledikten sonra “Save” butonuna tıklıyoruz ki şuana kadar olan işlemlerimizi
kaydedelim.
Şekil 7.9: Eklenti Yöneticisi
Adımlarımızı oluşturduktan ve kaydettikten sonra “Fieldsets” sekmesinin
ekran görüntüsü yukarıdaki gibi olmalıdır.
1
2
3
4
5
6
Kullanıcı Tanımlı Fonksiyonlar
Atatürk Üniversitesi Açık Öğretim Fakültesi 7
FIELDS SEKMESİ
Fields sekmesi oluşturacağımız formun içerisine yeni input, file, textarea gibi
kullanıcıların veri girişi yapabileceği elementler eklemek için kullanılır.
Şekil 7.10: Eklenti Yöneticisi
Yukardaki resimde “Fields” sekmesinin ekran görüntüsü bulunmaktadır. Bu
sekmede formumuza eklediğimiz bütün veri giriş elemanları listelenmektedir.
Formumuza yeni bir veri girişi elemanı eklemek için yukardaki resimde kırmızı
çerçeveye alınmış “+Yeni” butonuna tıklanır.
Şekil 7.11: Eklenti Yöneticisi
Yeni bir element eklemek istediğimizde bu elementin bazı özelliklerini
(elementin adı, tipi gibi) girmemiz gerekir. Element özelliklerinin de kendi içinde
sekmeleri bulunmaktadır. Bu sekmelerden ilk olarak “Basic” yani basit ayarların
yapıldığı sekmeyi inceleyelim. “Basic” sekmesinde elementin adı, görüne bilirliği
veya etiketi gibi ayarlar yapılmaktadır. Bu sekmeden bulunan ayarların hepsinin
girilmesi zorunlu değildir. Ancak “Name” alanına bir değer girilmesi zorunludur. Bu
sekmede bulunan ayarların açıklamaları aşağıda tablo olarak verilmiştir.
Kullanıcı Tanımlı Fonksiyonlar
Atatürk Üniversitesi Açık Öğretim Fakültesi 8
Tablo 7.1: Eklenti Yöneticisi
Ad Açıklama
Enabled Elementin görünür olup olmayacağı bu işlem sunucu taraflı yapılır.
Fieldset Elementin hangi adımda gözükeceği
Name Elementin attributete gözüken adı (name) burada verilen ad Türkçe karakter, boşluk ve özel karakterlerin kullanılmaması tavsiye edilir.
Label Kullanıcının göreceği element etiketi
Description Element hakkında kısa bir açıklama
After input Elementten sonra gözükecek bir yazı
Class Elemente vermek istediğimiz bir sınıf seçicisi
Container Elementi kapsayan “div” elementinin sınıf seçicisi
Default Elementin varsayılan değeri
Placeholder Buda default gibi elementte varsayılan olarak gözükür ancak kullanıcı elemente tıklayınca değer silinir ve kullanıcı bir değer girmediyse bu input boş kabul edilir.
Printable Kullanıcı tarafından bu elemente girilen değer raporda (PDF) gözüküp gözükmeyeceği
Readonly
Eğer bu seçenek “Yes” yapılırsa kullanıcı sadece bu elementteki değer okuyabilir. Yani elementin “readonly”attribute (parametre) değeri “true” yapılır. (Bu işlem PHP tarafında yapılmadığı için kullanıcı tarafından değiştirilebilir.)
Disabled
Bu seçenek “Yes” yapılırsa oluşturulacak radio buton veya check box kullanıcı tarafından seçilemez. Yani elementin “disabled”attribute (parametre) değeri “true” yapılır. (Bu işlem PHP tarafında yapılmadığı için kullanıcı tarafından değiştirilebilir.)
Required Eğer bu seçenek “Yes” yapılırsa kullanıcı bu elemente bir değer girmedikçe formu kaydedemez. Yani alanın zorunlu olup olmadığı ayarı
Attributes Eklediğimiz elemente parametre (özellik) ekler.
CSS Style Eklediğimiz elemente ek bir CSS kodu yazılır.
Kullanıcıların adlarını girebileceği bir element eklemek için “Enabled”
seçeneğinden önce “jForms” sekmesini o sekmenin altından da “Form” sekmesini
seçiyoruz. “Selected form” seçeneğinden ise oluşturduğumuz formu yani
“YeniForm” u seçiyoruz. Buradan başka formlar seçerek diğer formların
sayfamızda görünmesini de sağlayabiliriz. Son olarak “Kaydet” butonu tıklayarak
yeni menü ögemizi kaydetmiş oluyoruz. Sitemizin ana sayfasındaki menüye
“Form” adında yeni bir öğe eklenmiş olması gerekir. Menümüzün görüntüsü
aşağıdaki resimdeki gibi olmalıdır.
Şekil 7.20: Eklenti Yöneticisi
Formumuzu görüntülemek için yukarıdaki resimde gözüken sitemizin ana
menüsünde “Form” sekmesine tıklıyoruz.
Şekil 7.21: Eklenti Yöneticisi
Kullanıcı Tanımlı Fonksiyonlar
Atatürk Üniversitesi Açık Öğretim Fakültesi 13
Oluşturduğumuz formun ilk adımı yukarıdaki resimdeki gibi olmalıdır.
Formu oluştururken “Ad” alanını zorunlu olduğunu belirtmiştik. “Ad” alanını boş
bırakarak “Next” butonuna tıkladığımızda hata vererek sonraki adıma
geçmeyecektir.
Şekil 7.22: Eklenti Yöneticisi
Oluşturduğumuz formun ikinci adımı ise yukarıdaki gibi olmalıdır. Formu
doldurduktan sonra “Submit” butonuna tıkladığımızda; formu oluştururken
“Message after submit” alanına yazdığımız mesaj gözükecektir.
Şekil 7.23: Eklenti Yöneticisi
FORM KAYITLARININ RAPORLARI
Formumuza kayıt yaptık şimdi bu kaydın raporlarını yani kullanıcıların
alanlara doldurduğu bilgileri gözden geçirelim.
Şekil 7.24: Eklenti Yöneticisi
Kullanıcı Tanımlı Fonksiyonlar
Atatürk Üniversitesi Açık Öğretim Fakültesi 14
Formumuza eklenen kayıtları görmek ve düzenlemek için yukarıdaki
resimde gösterildiği gibi “Bileşenler”->”jForms” a tıkladıktan “Submission”
seçeneğine tıklıyoruz.
Şekil 7.25: Eklenti Yöneticisi
Yukarıdaki resimde bütün formlara eklenen kayıtlar bulunur. Bu listede
kullanıcının ip adresi oluşturulma tarihi gibi bilgiler bulunmaktadır. Bu listeden
seçilen kayıtlar yukarıdaki “Edit” butonu sayesinde düzenlenebilir, “Delete”
butonu sayesinde silinebilir, “Export” butonu sayesinde dışarı aktarılabilir. Bu
listede sadece bizim oluşturduğumuz “YeniForm” a eklenen kayıtları görmek için
sol tarafta bulunan süzgeçten “YeniForm” u seçmelisiniz.
Öd
ev
•En az dört farklı eleman tipine sahip ve en az üç adımdan oluşan bir form oluşturunuz. Bu işlemleri yaparken bütün adımların ekran resimlerini ilgili ünite başlığı altında yer alan "ödev" bölümüne yükleyebilirsiniz.
Kullanıcı Tanımlı Fonksiyonlar
Atatürk Üniversitesi Açık Öğretim Fakültesi 15
Öze
t
•“jForm” eklentisi Joomla’daki en gelişmiş form eklentilerinden biridir.•“jForms” eklentisi bileşen ve uyumlu ek özelliklerinin ikisini de barındırmaktadır.•"jForms" eklentisinin "Details" sekmesinde formun adı gibi genel bilgiler girilir.•"jForms" eklentisinin "Fieldsets" sekmesinde form adımları oluşturulur.•"jForms" eklentisinin "Fields" sekmesinde forma elementler eklenir•"jForms" eklentisinin "Emails" sekmesinde kullanıcılar formu doldurduğunda mail göndermesi sağlanır.•"jForms" eklentisinin "Options" sekmesinde formumuzun genel yapısının ayarları yapılır.
Kullanıcı Tanımlı Fonksiyonlar
Atatürk Üniversitesi Açık Öğretim Fakültesi 16
DEĞERLENDİRME SORULARI
1. Joomla’da eklenti kurmak için aşağıdaki yollardan hangisi takip edilir?
a) “İçerik”-> ”Eklenti Yöneticisi”
b) “Sistem”-> ”Eklenti Yöneticisi”
c) “Eklentiler”-> ”Eklenti Yöneticisi”
d) “Kullanıcılar”->”Eklenti Yöneticisi”
e) “Yardım”-> ”Eklenti Yöneticisi”
2. Aşağıdakilerden hangisi Joomla’da form oluşturmak için kullanılan
eklentilerden biridir?
a) jForms
b) jQuery
c) PHP
d) Slider
e) Plugin
3. “jForms” eklentisini yönetmek için aşağıdaki yollardan hangisi kullanılır?
a) “İçerik”->”jForms”
b) “Eklentiler”->”jForms”
c) “Uyumlu Ek”->”jForms”
d) “Bileşenler”->”jForms”
e) “Sistemi”->”jForms”
4. “jForms” eklentisinde yeni form eklerken kullanılan “Details” sekmesi aşağıdaki
işlemlerden hangisi için kullanılır?
a) Formun adı gibi genel bilgiler girilir.
b) Forma elementler eklenir.
c) Kullanıcılar formu doldurduğunda mail göndermeleri sağlanır.
d) Formumuzun genel yapısının ayarları yapılır.
e) Form adımları oluşturulur.
5. “jForms” eklentisinde yeni form eklerken kullanılan “Fields” sekmesi aşağıdaki
işlemlerden hangisi için kullanılır?
a) Formun adı gibi genel bilgiler girilir.
b) Forma elementler eklenir.
c) Kullanıcılar formu doldurduğunda mail göndermeleri sağlanır.
d) Formumuzun genel yapısının ayarları yapılır.
e) Form adımları oluşturulur.
Değerlendirme
sorularını sistemde ilgili ünite başlığı altında yer alan “bölüm sonu testi” bölümünde etkileşimli
olarak cevaplayabilirsiniz.
Kullanıcı Tanımlı Fonksiyonlar
Atatürk Üniversitesi Açık Öğretim Fakültesi 17
6. “jForms” eklentisinde yeni form eklerken kullanılan “Emails” sekmesi aşağıdaki
işlemlerden hangisi için kullanılır?
a) Formun adı gibi genel bilgiler girilir.
b) Forma elementler eklenir.
c) Kullanıcılar formu doldurduğunda mail göndermeleri sağlanır.
d) Formumuzun genel yapısının ayarları yapılır.
e) Form adımları oluşturulur.
7. “jForms” eklentisinde yeni form eklerken kullanılan “Options” sekmesi
aşağıdaki işlemlerden hangisi için kullanılır?
a) Formun adı gibi genel bilgiler girilir.
b) Forma elementler eklenir.
c) Kullanıcılar formu doldurduğunda mail göndermeleri sağlanır.
d) Formumuzun genel yapısının ayarları yapılır.
e) Form adımları oluşturulur.
8. “jForms” eklentisinde yeni form eklerken kullanılan “Fieldsets” sekmesi
aşağıdaki işlemlerden hangisi için kullanılır?
a) Formun adı gibi genel bilgiler girilir.
b) Forma elementler eklenir.
c) Kullanıcılar formu doldurduğunda mail göndermeleri sağlanır.
d) Formumuzun genel yapısının ayarları yapılır.
e) Form adımları oluşturulur.
9. jForms eklentsinde forma element (input, select gibi) eklemek için aşağıdaki
sekmelerden hangisi kullanılır?
a) Fields
b) Details
c) Fieldsets
d) Payment
e) Options
10. jForm eklentisi kullanılarak oluşturulan bir formda kullanıcıların girdikleri
bilgileri görmek ve bu bilgiler üzerinde değişiklik yapmak için aşağıdaki
yollardan hangisi takip edilir?
a) “İçerik”->”Eklenti Yöneticisi”
b) “Eklenti Yöneticisi”->”İçerik”
c) “Bileşenler”->”jForms”->”Submissions”
d) “Bileşenler”->”jForms”->”Forms”
e) “jForms”->”İçeik”
Cevap Anahtarı
1.C, 2.A, 3.D, 4.A, 5.B, 6.C, 7.D, 8.E, 9.A, 10.C
Kullanıcı Tanımlı Fonksiyonlar
Atatürk Üniversitesi Açık Öğretim Fakültesi 18
YARARLANILAN VE BAŞVURULABİLECEK DİĞER KAYNAKLAR
Joomla! Explained: Your Step-By-Step Guide.
Using Joomla! Paperback – July 3, 2014- Ron Severdia, Jennifer Gress