Honlap ké szı́té s alapjai
Drupál használata
(szerkesztés alatt)
Készítette: Sójáné Dux Ágnes
2013
Tartalomjegyzék 1
Tartalomkezelő rendszer ..................................................................................................... 3
2
Drupal ................................................................................................................................. 3
3
Egyszerű tartalmak létrehozása a Drupalban ...................................................................... 4
4
3.1
Egyszerű oldal hozzáadása .......................................................................................... 4
3.2
Cikk tartalom létrehozása ............................................................................................ 6
Dinamikus tartalmak ........................................................................................................... 6 4.1
A mezők létrehozása .................................................................................................... 8
5
Tartalom rögzítése .............................................................................................................. 9
6
Nézetek ............................................................................................................................... 9
7
Menü készítés.................................................................................................................... 13
8
Webform (kérdőív) készítés .............................................................................................. 14
9
Jegyzéke ............................................................................................................................ 14 9.1
Ábrajegyzék ............................................................................................................... 14
10
Táblázatjegyzék ............................................................................................................. 15
11
Irodalomjegyzék ............................................................................................................ 15
2
1 Tartalomkezelő rendszer A
tartalomkezelő
rendszer
angolul
content
management
system,
CMS)
egy
marketingkifejezés azokra a szoftverekre, amelyeket több személy együttműködésével készülő munkák koordinálására dolgoztak ki. A tartalomkezelő rendszerek legfontosabb funkciói: • • • • • •
biztosítják, hogy sok személy tudjon egyszerre adatokat tárolni és ezeket egymással megosztani, a hozzáférés szerep szerinti szabályozása: a felhasználó szerepe határozza meg, hogy mely adatokat láthatja vagy módosíthatja, könnyű adattárolási és adatelérési lehetőségek biztosítása, csökkentik a redundáns adatbevitelt, megkönnyítik a kimutatások összeállítását, segítik a felhasználók közti kommunikációban.
Vannak a piacon olyan nyílt forráskódú (szabadon letölthető, átírható) tartalomkezelő rendszerek Napjaink vezető tartalomkezelő rendszerei a Drupal, a Joomla és a WordPress002E (Nagy)
2 Drupal A Drupal 2001. január tizenötödikén kezdte meg nyílt működését, amikor Dries Buytaert publikálta első verzióját az interneten. A rendszer azóta nagyon sokat fejlődött, és széles körben használt tartalomkezelővé vált. Lássuk, mégis minek nevezhetjük, és ezek a kategóriák mit is jelentenek. Tartalomkezelő rendszer azaz Content Management System (CMS) Tartalmak bevitelére és rendszerezésére használható eszköz több felhasználó támogatásával. Ez kicsit bővebben azt jelenti, hogy internetes publikációk, híroldalak készítésére használható eszköz. A legtöbb ma CMS-nek nevezett rendszer ennél sokkal többet tud, és a Drupal sem korlátozódik csak tartalmak kezelésére. Képes egyszerű elektronikus bolt építésére is, illetve gyakran használják közösségek kialakítására (ahol a tartalomfejlesztés másodlagos szerepet kap). Tartalomkezelő keretrendszer azaz Content Management Framework (CMF) Olyan programozók számára készült rendszert jelent, mely tartalomkezelő rendszerek építésére szolgál. A Drupal kiváló CMF, hiszen általános tartalom kezelési és rendszerezési 3
sémákat támogat széles körű megjelenés változtatási képességekkel. Ráadásul nagyon jó forrás dokumentációval rendelkezik. Így alkalmas egyedi tartalomkezelési igények kielégítésére is. Web alkalmazás fejlesztő keretrendszer azaz Web Application Framework (WAF) A Drupal egy eléggé vékony réteget biztosít a PHP nyelvi elemei felett, mely jelentősen meg tudja könnyíteni általánosabb igényű web alkalmazások fejlesztését. Ilyen funkciók az általános űrlapkezelő rendszer, a vékony adatbázis kezelő réteg, a felhasználókezelő alrendszer.
3 Egyszerű tartalmak létrehozása a Drupalban Az egyszerű tartalmak hozzáadás az információk összegyűjtésén kívül más előkészítő munkát nem igényel. A Drupal két ilyen egyszerű tartalom bevitelét támogatja: a cikk (Article) és az egyszerű oldal (Basic page)
1. ábra Tartalom hozzáadás
3.1 Egyszerű oldal hozzáadása Válasszuk ki a „Basic page” menüpontot. A megjelenő ürlap Title mezőjébe a felviendő tartalom címét, a Body részben a tartalom szöveges információit. A tartalom vagy egyszerű szöveg vagy hivatkozás lehet.
4
2. ábra Egyszerű oldal hozzáadása
Az űrlap többi mezője a weblapon való elhelyezés beállítására szolgál. A közzétételi beállítások segítségével lesz látható az oldal, ha a címlapra helyezve kapcsolót be van kapcsolva, akkor ez a tartalom a címlapra kerül, de ezt csak ritkán kapcsoljuk be. A beállítások közé tartozik, hogy ehhez az oldalhoz menüpontot rendeljük. Amennyiben az oldal nem kerül a címlapra fontos, hogy tartozzon hozzá menüpont, hiszen ellenkező esetben egy látogató ezt az információt nem éri el. Ugyanakkor fontos, hogy előre tervezett menürendszer legyen a honlapon, így célszerű a menük létrehozásakor a jól strukturált rendszerbe beilleszteni az oldalt, ehhez majd az oldal elérési címére lesz szükség. Az elérési címet a rendszer automatikusan generálja, de egyéni címeket is megadhatunk. Későbbiekbem a „Menük létrehozása, szerkesztése” fejezetben kitérek. Az űrlap kitöltése után a mentés gombra kattintva a tartalom létrejött. A létrehozott tartalmat a Tartalom menüben meg tekinthetjük, illetve a szerkeszt gombra kattintva módosíthatjuk.
5
3.2 Cikk tartalom létrehozása Válasszuk ki a „Article” menüpontot. A cikk tartalom létrehozása nagyon hasonlít az előbb ismertetett „Egyszerű oldal” hozzáadásához, illetve módosításához így csak a különbségeket írom le. Az űrlap két mezővel bővül a Tags mező, melyben a cikk tartalmára vonatkozó kulcs szavakat (maximum 10) soroljuk fel, valamint az Image mező ahova egy képet tölthetünk fel. A képaláírást nem kötelező kitölteni, de az itt szereplő szöveget olvassák be a vakok képernyő olvasó programjai.
4 Dinamikus tartalmak A dinamikus tartalmak létrehozása előtt az előzőekhez képest hosszabb előkészítő munkára van szükség. Az adatbázis tervezés induló lépésein kell végig haladni. Gyűjteni kell a honlapon megjeleníteni kívánt egyedeket, elemezni kell, hogy melyek azok a tulajdonság típusok, mely mindegyik egyedet jellemzik. Ennek ismeretében lehet megtervezni az adatbázis táblákat, melyet a drupalban tartalomtípusnak nevezünk. A tartalomtípus megtervezése a mezők, azok típusa és tulajdonságainak meghatátozását jelentik. A drupalban a következő mezőtípusokat használjuk: 1. táblázat Mezőtípusok
Mező típusok Dátum szám (egész, lebegőpontos) Fájl Hivatkozás Hosszúszöveg és összefoglaló Kép Lista (egész, lebegő pontos, szöveg) Logikai Szöveg
A mezők megadásakor meg kell adni a mező nevét. A Drupal két féle nevet őriz a mezőről, egyrészt amit megjelenít a képernyőn (ez nyelv helyesen írható: ékezetes betűkkel, szóközökkel), és a program által használt nevet, mely egyértelműen azonosítja a mezőt. Ez a 6
belső program által használt mezőnév nem tartalmazhat ékezetes betűket, különleges jeleket sem (a betűkön és a számokon kívül csak az aláhúzást tartalmazhat). A mezőnév után a mezőtípusát kell megadni, majd a mező tulajdonságainak beállítása következik, mely egy része független a mező típusától pl szükséges mező (kitöltése kötelező), értékek száma (a táblázat egy cellájába, hány adat kerül). A mező típusától függő adatok például mérete. A következő táblázat Iskolák adatainak tárolására alkalmas tartalomtípus mezőinek leírására szolgál. 2. táblázat Tartalom típus mezői és tulajdonságai
Mező név (címke)
Mező név Mező típusa (programnén)
Neve tipusa város utca_hsz
title okt_tip okt_var okt_utca
szöveg lista(szöveg) lista(szöveg) szöveg
iranyito_szam tagozat szakok kép térkép
okt_irsz okt_tag okt_szak okt_kep okt_map
webcím e-mail cím telefon szám forrás rogz
okt_web okt_email okt_tel okt_forras okt_rogz
szám (egész) lista(szöveg) lista(szöveg) kép kép kifejezés hivatkozás e-mail szöveg szöveg szöveg
méret Szükséges Alapértelme Értékek Egyéb e zett érték száma megjegyzés 50 i i i 20 i
1 3 1 1
Budapest
1000 és 9999 között
1
"80K" "80K"
16 50 15
1 2 2 1 Sójáné
A tartalomtípusok létrehozásához a Felépítés menübe kell lépni, és az Tartalom típus hozzáadaást kell választani. A létrehozáskor meg kell adni a tartalomtípus nevét az oldalakon használt, illetve a program által használt nevet, adhatunk leírást mely könnyíti a táblázat adatainak értelmezésében. Hasonlóan, mint az egyszerű tartalom és cikk esetén a közzététel beállításait. A tartalomtípus létrehozásakor egy olyan mező létrejön, amit nem lehet törölni. Ennek a mezőnek a program által használt neve a Title. Ha az oldalakon nem szeretnénk, hogy a Title jelenjen meg, akkor itt lehet módosítani 7
3. ábra Tartalom típus létrehozása
4.1 A mezők létrehozása A második táblázatban látható adatbázis Drupálban történő megvalósítása a következő ábrán látható.
4. ábra Mezők létrehozása
8
5 Tartalom rögzítése 6 Nézetek Statikus tartalmak megjelenítését már a 3. fejezetben láttuk. A tartalomtípusokban, adatbázisokban tárolt információk megjelenítésére szolgálnak a nézetek. Az administráció» Felépítés»Nézetek»Új mézet menü alatt hozhatjuk létre az új nézetünket.
5. ábra Új nézet létrehozása, meglévő nézetek listája
A megjelenő listán láthatjuk a már létrehozott nézeteket. A kész nézetet megtekinthetjük, ha az útvonalra kattintunk, a nézetet módosíthatjok, ha a szerkesztés gombra kattintunk. Az Új nézet-re kattintva először létrehozunk egy oldalt (Oldal létrehozása), melyben első lépésként megadjuk az oldal címét. Az oldal címe megadásakor arra gondoljuk, hogy az oldal megjelenítésekor ez fog megjelenni a képernyőn, tehát ne legyen rövídítés, tartalmazza a magyar ékezetes betűket (ha magyar lapot szerkesztünk).
6. ábra Új nézet, oldal létre hozása
9
Az oldal megadása után megadható egy részletes leírás az oldal funkciójáról. íkitöltése nem kötelező, de skszor a cím nem ad részletes információt a tartalomról ilyenkor célszerű kitölteni. A következő lépésben hozzárendeljük az oldalhoz, hogy milyen tartalmat (mely adatbázis tartalmait) kívánunk megjeleníteni. Amennyiben itt nem választunk ki tartalmat, akkor az összes tartalmat (basic pege-eket, cikkeket és az összes adatbázis minden felvitt és közzétett rkordját megjeleníti. Utólag beállítani nehézkes. Az „oldal varázsló” az oldal nevének és elérési útjának felajánlja a címnek adatot nevet (ékezetes betűket és a szóközöket aláhúzással helyettesítve). Célszerű az útvonal nevét átszerkeszteni, legyen minél rövidebb és ne tartalmazzon túl sok aláhúzás jelet), Az útvonal egy belső az adott portálon belüli (relatív) elérési út, de képernyőről leolvasható a teljes útvonal is, de természetesen a portál címét nincs jogunk módosítani. A következő lépésben megadhatjuk a megjelenési formáját: • • • • •
Formázatlan lista, HTML lista, Rács Táblázat Ugró
A táblázat forma kivételével az oldalon csak a tartalom címe fog megjelenni, a táblázatos megjelenítés esetében lehetőség van nezők megjelenítésére is. Az így létrehozott oldalt elmentve, majd megnyitva a kiválasztott tartalom típus minden közzé tett tartalma megjelenik. Adatokkal (tartalommal) feltöltött tartalomtípusainkból csak bizonyos feltételeknek megfelelő (felhasználók
várható
keresési
szempontjainak
megfelelő)
tartalmakat
szeretnénk
megjeleníteni, akkor Nézeteinket szűrőkkel kell kiegészíteni. Célszerű ezeket a szűrőket először megtervezni. Tervezésekor a következő kérdésekre kell válaszolnunk melyik mező (vagy mezők) szerint szeretnénk keresni. Ha több mező szerint keresünk, akkor azok között milyen kalkulus (és, vagy művelet áll fenn). El kell dönteni, hogy a felhasználó választhat a mezők tartalma között vagy mi rögzítjük az értéket. Példa, ha mi rögzítjük az értéket
10
1. Jelenítsük meg szegedi iskolákat. A nézet illetve az oldal neve Szegedi iskolák lesz. Az elérési út /szegedisk lesz. A tervezett szűrő terve excelben: 3. táblázat Szűrő terve
Nézet (oldal) neve Szegedi iskolák
Nézet prg által használt neve Szegedi iskolák
Szűrő mezők neve(i) Szűrő érték/ felhasználó választ és Szűrő érték/ felhasználó választ vagy
város Szeged
Nézet elérési útja /szegedisk
A korábban létrehozott és elmentett oldalt az Administráció» Felépítés»Nézetek menü által megjelenített listán (4. ábra) megnyithatjuk szerkesztésre (7. ábra) és itt adhatjuk hozzá a megtervezett szűrőt. A szűrési feltétel fozzáadásnál kiválasztjuk a tartalomtípusnak azt a mezőjét ami szerint szűrni szeretnénk.
7. ábra Szűrő beállításai
8. ábra Mezők kiválasztása a szűrőhöz
Következőkben a szűrő mező tulajdonságainak beállítása következik. Az első kapcsoló, amit ki lehet választani a ” A szűrő megjelenítése a látogatók számára, hogy módosíthassák azt”, 11
ha ezt ki pipáljuk, akkor a szűrő meg fog jelenni az oldalon, és a felhasználó itt szabadon választhat a a már rögzített értékek között. Ha nem engedélyezzük, hogy a felhasználó választhat (melyik város iskoláit szeretné látni), akkor itt meg kell adni a mezőértékét (Pl Szeged), csak olyan értéket érdemes megadni amilyen érték rögzítésre került. (ha olyan várost írunk be, mely egyetlen rekordban nem szerepelt akkor eredményként egy üres oldal jelenik meg.
9. ábra Szűrő eredménye
Egyszerre több szempont szerint is szűrhetünk, például a szegedi gimnáziumokra vagyok kiváncsi. Ekkor két mezőt a városrt (isk_varos) és az iskolatípust (isk_tip) választunk ki a Szűrési feltételek beállításakor (7. ábra). Ezt követően egy más után elvégezzük a mező értékeire vonatkozó beéllításokat.
12
10. ábra Szűrés két mező szerint
7 Menü készítés A honlapra elhelyezett tartalmakat azok a felhasználók, akik szerkesztési joggal nincsenek felruházva csak menükön keresztül érhetik el. Menüt elhelyezhetünk az oldal tetején vízszintesen ez a főmenü, de elhelyezhetünk képernyő bal oldalára az úgynevezett navigációs menübe. Abban az esetben, ha ez oldalon sok menüpontot kívánunk létrehozni nem célszerű a menüpontokat a főmenübe készíteni, hiszen vízszintesen korlátozott számú menüpontot, míg függőlegesen korlátlan számú menühivatkozást hozhatunk létre.
7.1 Menüpont létrehozása a Navigációs menübe Hozzunk létre egy menüpontot a Navigációs menübe a Szegedi iskolák oldalnak. A feladat megoldására több módszer létezik. Egyik megoldás válasszuk az Adminisztráció»Felépítés»Menü oldalt!
11. ábra Menüpont létrehozása
13
Válasszuk ki a Navigációs menü hivatkozások listázása. A listában látjuk, hogy milyen menüpontok léteznek már, feleslegesen már létező menüpontot ne adjunk meg. Válasszuk a hivatkozás hozzáadása menüpontot, mely után a következő űrlap jelenik meg:
12. ábra Menüpont definiálása
Az űrlap kitöltésével megadjuk a menüpont nevét (pl Szegedi iskolák), annak az oldalnak az útvonalát (szegedisk), melyet megszeretnénk jeleníteni, a leírásban a felhasználónak adhatunk magyarázatot.
8 Webform (kérdőív) készítés 9 Jegyzékek 9.1 Ábrajegyzék 1. ábra Tartalom hozzáadás ........................................................................................................ 4 2. ábra Egyszerű oldal hozzáadása ............................................................................................. 5 1. táblázat Mezőtípusok.............................................................................................................. 6 3. ábra Tartalom típus létrehozása.............................................................................................. 8 4. ábra Mezők létrehozása .......................................................................................................... 8 5. ábra Új nézet létrehozása, meglévő nézetek listája ................................................................ 9 6. ábra Új nézet, oldal létre hozása............................................................................................. 9 14
7. ábra Szűrő beállításai ........................................................................................................... 11 8. ábra Mezők kiválasztása a szűrőhöz .................................................................................... 11 9. ábra Szűrő eredménye .......................................................................................................... 12 10. ábra Szűrés két mező szerint .............................................................................................. 13
10 Táblázatjegyzék 1. táblázat Mezőtípusok.............................................................................................................. 6 2. táblázat Tartalom típus mezői és tulajdonságai ...................................................................... 7 3. táblázat Szűrő terve .............................................................................................................. 11
11 Irodalomjegyzék Nagy Gusztáv Drupal 7 alapismeretek [Könyv].
15
